diff --git a/README.md b/README.md
index f253179390e646ece34570c657eecaae51afbeee..bb4c6e9817e77025186d6463b92372a0c44e3f70 100644
--- a/README.md
+++ b/README.md
@@ -27,6 +27,7 @@ jako pĹ™ehled pluginĹŻ a rozšĂĹ™enĂ pro Wagtail.
.
├── home = app na web úvodnà stránky Majáku
├── donate = app na web dary.pirati.cz
+ ├── senate = app na web senat.pirati.cz
├── senat_campaign = app na weby kandidátů na senátory
...
├── majak = Django projekt s konfiguracà Majáku
diff --git a/majak/settings/base.py b/majak/settings/base.py
index 217e6a273e8c8ad5145d40f3a138bab3c85f1fc6..5ddc0bbfa998099e95cc216011876ee77d6efa25 100644
--- a/majak/settings/base.py
+++ b/majak/settings/base.py
@@ -31,6 +31,7 @@ DATABASES["default"]["ATOMIC_REQUESTS"] = True
# APPS
# ------------------------------------------------------------------------------
INSTALLED_APPS = [
+ "senate",
"donate",
"senat_campaign",
"home",
diff --git a/senate/__init_.py b/senate/__init_.py
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/senate/apps.py b/senate/apps.py
new file mode 100644
index 0000000000000000000000000000000000000000..d8d13c96fe0768cbc1d6d3b12d6eb72cefa109a8
--- /dev/null
+++ b/senate/apps.py
@@ -0,0 +1,5 @@
+from django.apps import AppConfig
+
+
+class SenateConfig(AppConfig):
+ name = "senate"
diff --git a/senate/migrations/0001_initial.py b/senate/migrations/0001_initial.py
new file mode 100644
index 0000000000000000000000000000000000000000..0f949c603f4509536cc2d8c6f04c24b5b0e17d68
--- /dev/null
+++ b/senate/migrations/0001_initial.py
@@ -0,0 +1,161 @@
+# Generated by Django 3.0.6 on 2020-05-29 22:26
+
+import django.db.models.deletion
+import wagtail.core.blocks
+import wagtail.core.fields
+import wagtail.images.blocks
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+ initial = True
+
+ dependencies = [
+ ("wagtailcore", "0045_assign_unlock_grouppagepermission"),
+ ]
+
+ operations = [
+ migrations.CreateModel(
+ name="SenateHomePage",
+ fields=[
+ (
+ "page_ptr",
+ models.OneToOneField(
+ auto_created=True,
+ on_delete=django.db.models.deletion.CASCADE,
+ parent_link=True,
+ primary_key=True,
+ serialize=False,
+ to="wagtailcore.Page",
+ ),
+ ),
+ (
+ "senators",
+ wagtail.core.fields.StreamField(
+ [
+ (
+ "item",
+ wagtail.core.blocks.StructBlock(
+ [
+ (
+ "name",
+ wagtail.core.blocks.CharBlock(
+ label="jméno"
+ ),
+ ),
+ (
+ "district",
+ wagtail.core.blocks.CharBlock(
+ label="obvod"
+ ),
+ ),
+ (
+ "info",
+ wagtail.core.blocks.CharBlock(
+ label="info o nominaci"
+ ),
+ ),
+ (
+ "phone",
+ wagtail.core.blocks.CharBlock(
+ label="telefon", required=False
+ ),
+ ),
+ (
+ "email",
+ wagtail.core.blocks.EmailBlock(
+ label="email", required=False
+ ),
+ ),
+ (
+ "web",
+ wagtail.core.blocks.URLBlock(
+ label="web", required=False
+ ),
+ ),
+ (
+ "photo",
+ wagtail.images.blocks.ImageChooserBlock(
+ label="fotka"
+ ),
+ ),
+ ]
+ ),
+ )
+ ],
+ blank=True,
+ verbose_name="naši senátoři",
+ ),
+ ),
+ (
+ "candidates",
+ wagtail.core.fields.StreamField(
+ [
+ (
+ "item",
+ wagtail.core.blocks.StructBlock(
+ [
+ (
+ "name",
+ wagtail.core.blocks.CharBlock(
+ label="jméno"
+ ),
+ ),
+ (
+ "district",
+ wagtail.core.blocks.CharBlock(
+ label="obvod"
+ ),
+ ),
+ (
+ "info",
+ wagtail.core.blocks.CharBlock(
+ label="info o nominaci"
+ ),
+ ),
+ (
+ "phone",
+ wagtail.core.blocks.CharBlock(
+ label="telefon", required=False
+ ),
+ ),
+ (
+ "email",
+ wagtail.core.blocks.EmailBlock(
+ label="email", required=False
+ ),
+ ),
+ (
+ "web",
+ wagtail.core.blocks.URLBlock(
+ label="web", required=False
+ ),
+ ),
+ (
+ "photo",
+ wagtail.images.blocks.ImageChooserBlock(
+ label="fotka"
+ ),
+ ),
+ ]
+ ),
+ )
+ ],
+ blank=True,
+ verbose_name="kandidáti",
+ ),
+ ),
+ (
+ "matomo_id",
+ models.IntegerField(
+ blank=True,
+ null=True,
+ verbose_name="Matomo ID pro sledovánà návštěvnosti",
+ ),
+ ),
+ ],
+ options={"verbose_name": "Senát",},
+ bases=("wagtailcore.page",),
+ ),
+ ]
diff --git a/senate/migrations/__init__.py b/senate/migrations/__init__.py
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/senate/models.py b/senate/models.py
new file mode 100644
index 0000000000000000000000000000000000000000..9a9758007da1eac4588ecd5e896791592c95ee91
--- /dev/null
+++ b/senate/models.py
@@ -0,0 +1,54 @@
+from django.db import models
+from django.utils.translation import gettext_lazy
+from wagtail.admin.edit_handlers import FieldPanel, MultiFieldPanel, StreamFieldPanel
+from wagtail.core import blocks
+from wagtail.core.fields import StreamField
+from wagtail.core.models import Page
+from wagtail.images.blocks import ImageChooserBlock
+
+
+class PersonBlock(blocks.StructBlock):
+ name = blocks.CharBlock(label="jméno")
+ district = blocks.CharBlock(label="obvod")
+ info = blocks.CharBlock(label="info o nominaci")
+ phone = blocks.CharBlock(label="telefon", required=False)
+ email = blocks.EmailBlock(label="email", required=False)
+ web = blocks.URLBlock(label="web", required=False)
+ photo = ImageChooserBlock(label="fotka")
+
+ class Meta:
+ icon = "person"
+ label = "osoba"
+
+
+class SenateHomePage(Page):
+ senators = StreamField(
+ [("item", PersonBlock())], verbose_name="naši senátoři", blank=True
+ )
+ candidates = StreamField(
+ [("item", PersonBlock())], verbose_name="kandidáti", blank=True
+ )
+ matomo_id = models.IntegerField(
+ "Matomo ID pro sledovánà návštěvnosti", blank=True, null=True
+ )
+
+ content_panels = Page.content_panels + [
+ StreamFieldPanel("senators"),
+ StreamFieldPanel("candidates"),
+ ]
+
+ promote_panels = [
+ MultiFieldPanel(
+ [FieldPanel("seo_title"), FieldPanel("search_description")],
+ gettext_lazy("Common page configuration"),
+ ),
+ ]
+
+ settings_panels = [
+ FieldPanel("matomo_id"),
+ ]
+
+ subpage_types = []
+
+ class Meta:
+ verbose_name = "Senát"
diff --git a/senate/static/senate/assets/css/overrides.css b/senate/static/senate/assets/css/overrides.css
new file mode 100644
index 0000000000000000000000000000000000000000..3a773acf8262e5644905ded6118826882d58bcba
--- /dev/null
+++ b/senate/static/senate/assets/css/overrides.css
@@ -0,0 +1,19 @@
+.contact .profile .img {
+ width: 128px;
+ border: 1px solid #EEEEEE;
+ border-radius: 500px;
+ -webkit-border-radius: 500px;
+ -moz-border-radius: 500px;
+}
+
+.contact .profile .img img {
+ width: 126px;
+ border: 8px solid #FFFFFF;
+ border-radius: 500px;
+ -webkit-border-radius: 500px;
+ -moz-border-radius: 500px;
+}
+
+.contact .profile .info .position {
+ max-width: 400px;
+}
diff --git a/senate/static/senate/assets/css/styles.css b/senate/static/senate/assets/css/styles.css
new file mode 100644
index 0000000000000000000000000000000000000000..ce1921ed86349729ca5a9b0b8731986aca015630
--- /dev/null
+++ b/senate/static/senate/assets/css/styles.css
@@ -0,0 +1,4723 @@
+/*MIXINS*/
+:root {
+ font-size: 15px; }
+
+body {
+ margin: 0;
+ font-family: 'Roboto Condensed', sans-serif;
+ font-weight: 300; }
+
+.container-fluid {
+ max-width: 1366px; }
+
+ul {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ margin-left: 1.5rem; }
+ ul li {
+ position: relative;
+ font-family: 'Roboto', sans-serif; }
+ ul li:before {
+ font-style: normal;
+ font-variant: normal;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ font-family: "Font Awesome 5 Pro";
+ content: "\f45c";
+ position: absolute;
+ font-size: 6px;
+ top: 7px;
+ margin: auto;
+ height: 12px;
+ color: #000;
+ left: -12px;
+ font-weight: 600; }
+ ul li a {
+ font-family: 'Roboto', sans-serif; }
+
+img {
+ max-width: 100%; }
+
+hr {
+ border-top: 1px solid #f6f6f6;
+ margin: 1.5rem 0; }
+
+table {
+ border: 1px solid #eee; }
+ table thead tr th {
+ padding: 13px 21px;
+ background: #000;
+ color: #FFF;
+ font-weight: 400; }
+ table tbody {
+ /*empty*/ }
+ table tbody tr {
+ /*empty*/ }
+ table tbody tr td {
+ padding: 13px 21px;
+ border-bottom: 1px solid #eee;
+ border-left: 1px solid #eee; }
+ table tbody tr:nth-child(even) {
+ /*empty*/ }
+ table tbody tr:nth-child(even) td {
+ /*empty*/ }
+ table tbody tr:nth-child(odd) {
+ background: #f9f9f9; }
+ table tbody tr:nth-child(odd) td {
+ /*empty*/ }
+
+figure {
+ position: relative; }
+ figure img {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ max-width: 100%;
+ width: auto; }
+ figure figcaption {
+ position: absolute;
+ z-index: 2;
+ font-family: 'Roboto', sans-serif;
+ font-weight: 300;
+ color: #ffffff;
+ left: 20px;
+ bottom: 20px; }
+
+.only-mobile {
+ display: none; }
+ @media (max-width: 991px) {
+ .only-mobile {
+ display: block; } }
+
+@media (max-width: 991px) {
+ .only-desktop {
+ display: none; } }
+
+/*MIXINS*/
+/*custom style for DIVIDER*/
+/*Ellipsis style*/
+.ellip {
+ display: block;
+ height: 100%; }
+
+.ellip-line {
+ display: inline-block;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ word-wrap: normal;
+ max-width: 100%; }
+
+.ellip,
+.ellip-line {
+ position: relative;
+ overflow: hidden; }
+
+.onboard-banner {
+ background: #f4f5f7;
+ padding: 27px;
+ display: flex;
+ justify-content: space-between;
+ flex-wrap: wrap;
+ border: 1px solid #e8e9eb; }
+ .onboard-banner .left {
+ width: 48%; }
+ .onboard-banner .right {
+ width: 48%;
+ margin-top: -27px;
+ margin-bottom: -27px;
+ text-align: center;
+ display: flex;
+ align-items: flex-end; }
+ .onboard-banner .right .flag {
+ /*empty*/ }
+ @media (max-width: 768px) {
+ .onboard-banner .left {
+ width: 100%; }
+ .onboard-banner .right {
+ display: none; } }
+
+.btn-icon {
+ display: inline-block;
+ transition: 200ms;
+ text-decoration: none; }
+ .btn-icon .btn-wrap {
+ justify-content: space-between;
+ align-items: center;
+ height: 45px;
+ display: flex; }
+ .btn-icon .btn-wrap .text {
+ display: block;
+ padding: 10px 36px;
+ box-sizing: border-box;
+ font-weight: 400;
+ font-size: 1.1rem;
+ text-align: center; }
+ .btn-icon .btn-wrap .icon {
+ width: 45px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ height: 100%;
+ transition: 200ms; }
+ .btn-icon .btn-wrap .icon i {
+ line-height: 1rem; }
+ .btn-icon .btn-wrap .icon img {
+ width: auto;
+ height: 19px;
+ opacity: 0.9; }
+ .btn-icon .btn-wrap .icon svg {
+ width: 19px; }
+
+.btn-big {
+ display: inline-block;
+ color: #FFF;
+ background: #000;
+ transition: 200ms;
+ text-decoration: none; }
+ .btn-big .btn-wrap {
+ justify-content: space-between;
+ align-items: center;
+ height: auto;
+ display: flex;
+ padding: 29px 29px 22px; }
+ .btn-big .btn-wrap .text {
+ display: block;
+ box-sizing: border-box;
+ font-weight: 400;
+ font-size: 35px;
+ font-family: "Bebas Neue", cursive;
+ text-transform: uppercase; }
+ @media (max-width: 768px) {
+ .btn-big .btn-wrap .text {
+ font-size: 20px; } }
+ .btn-big .btn-wrap .icon {
+ width: 45px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ height: 100%;
+ font-size: 30px;
+ transition: 200ms;
+ background: none !important;
+ border: none !important; }
+ .btn-big .btn-wrap .icon img {
+ width: auto;
+ height: 42px;
+ opacity: 0.9; }
+ .btn-big .btn-wrap .icon svg {
+ height: 40px;
+ width: 40px; }
+ .btn-big:hover {
+ color: #FFF;
+ text-decoration: none; }
+ .btn-big:hover .icon {
+ background: none !important; }
+
+.btn-basic {
+ display: inline-block;
+ text-align: center;
+ min-width: 130px;
+ transition: 200ms;
+ text-decoration: none; }
+ .btn-basic .text {
+ display: block;
+ padding: 10px 23px;
+ box-sizing: border-box;
+ font-weight: 400;
+ font-size: 1.1rem; }
+
+.big.btn-icon {
+ width: 340px; }
+ .big.btn-icon .btn-wrap {
+ height: 82px; }
+ .big.btn-icon .btn-wrap .text {
+ padding: 10px 45px;
+ font-size: 1.2rem;
+ flex-grow: 1; }
+ .big.btn-icon .btn-wrap .icon {
+ width: 82px; }
+ @media (max-width: 500px) {
+ .big.btn-icon {
+ width: 280px; } }
+
+.btn-arrow {
+ display: inline-block;
+ text-align: center;
+ transition: 200ms;
+ text-decoration: none;
+ width: 44px;
+ height: 44px;
+ vertical-align: top;
+ line-height: 44px; }
+
+.c-green {
+ background: #29bc51;
+ color: #FFF; }
+ .c-green .icon {
+ border-left: 1px solid #22a244;
+ background: #26b34b; }
+ .c-green:hover {
+ color: #FFF;
+ background: #000;
+ text-decoration: none; }
+ .c-green:hover .icon {
+ border-left: 1px solid #212121;
+ background: #000; }
+ .c-green:hover .icon svg {
+ fill: #FFF; }
+ .c-green:hover .icon svg path {
+ fill: #FFF; }
+ .c-green:hover .icon i {
+ color: #FFF; }
+
+.c-white {
+ background: #FFF;
+ color: #000; }
+ .c-white .icon {
+ border-left: 1px solid #000;
+ background: #FFF; }
+ .c-white:hover {
+ color: #FFF;
+ background: #000;
+ text-decoration: none; }
+ .c-white:hover .icon {
+ border-left: 1px solid #212121;
+ background: #000; }
+ .c-white:hover .icon svg, .c-white:hover .icon i {
+ color: #FFF;
+ fill: #FFF; }
+
+.c-black {
+ background: #000;
+ color: #FFF; }
+ .c-black .icon {
+ border-left: 1px solid #000;
+ background: #303030;
+ border-right: 1px solid #e2e2e226; }
+ .c-black .icon svg {
+ fill: #FFF; }
+ .c-black:hover {
+ color: #000;
+ background: #F3F3F3;
+ text-decoration: none; }
+ .c-black:hover .text {
+ color: #000; }
+ .c-black:hover .icon {
+ border-left: 1px solid #e6e6e6;
+ background: #F3F3F3; }
+ .c-black:hover .icon svg {
+ fill: #000; }
+ .c-black:hover .icon svg path {
+ fill: #000; }
+ .c-black:hover .icon i {
+ color: #000; }
+
+.c-red {
+ background: #d6151b;
+ color: #FFF; }
+ .c-red .icon {
+ border-left: 1px solid #ea4248;
+ background: #e03438;
+ border-right: 1px solid #e2e2e226; }
+ .c-red:hover {
+ color: #FFF;
+ background: #000;
+ text-decoration: none; }
+ .c-red:hover .icon {
+ border-left: 1px solid #212121;
+ background: #000; }
+ .c-red:hover .icon svg {
+ fill: #FFF; }
+ .c-red:hover .icon svg path {
+ fill: #FFF; }
+ .c-red:hover .icon i {
+ color: #FFF; }
+
+.c-grey {
+ background: #F0F0F0;
+ color: #000; }
+ .c-grey .icon {
+ border-left: 1px solid #000;
+ background: #303030;
+ border-right: 1px solid #e2e2e226; }
+ .c-grey:hover {
+ color: #FFF;
+ background: #000;
+ text-decoration: none; }
+ .c-grey:hover .icon {
+ border-left: 1px solid #212121;
+ background: #000; }
+ .c-grey:hover .icon svg {
+ fill: #FFF; }
+ .c-grey:hover .icon svg path {
+ fill: #FFF; }
+ .c-grey:hover .icon i {
+ color: #FFF; }
+
+.c-fb {
+ background: #1978f3;
+ color: #FFF; }
+
+.stretch {
+ display: block; }
+
+.cta-btn {
+ border: none;
+ outline: none;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ background-color: #000000;
+ display: inline-block;
+ -moz-transition: background-color 0.2s;
+ -o-transition: background-color 0.2s;
+ -webkit-transition: background-color 0.2s;
+ transition: background-color 0.2s; }
+ .cta-btn:hover {
+ text-decoration: none;
+ background: #191919; }
+ .cta-btn:hover .arrow:before {
+ left: 60%; }
+ .cta-btn p {
+ font-family: 'Roboto Condensed', sans-serif;
+ color: #ffffff;
+ font-size: 1.2rem;
+ padding: 10px 30px;
+ display: inline-block;
+ vertical-align: middle;
+ margin: 0px; }
+ .cta-btn .arrow {
+ display: inline-block;
+ vertical-align: middle;
+ background-color: #191919;
+ border-left: 1px solid #303030;
+ position: relative;
+ width: 47px;
+ height: 47px; }
+ .cta-btn .arrow:before {
+ content: "";
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ transform: translate(-50%, -50%) rotate(-45deg);
+ width: 7px;
+ height: 7px;
+ position: absolute;
+ border-right: 2px solid #ffffff;
+ border-bottom: 2px solid #ffffff;
+ -moz-transition: left 0.2s;
+ -o-transition: left 0.2s;
+ -webkit-transition: left 0.2s;
+ transition: left 0.2s; }
+
+.cta-btn2 {
+ border: none;
+ outline: none;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ background-color: #F3F3F3;
+ display: inline-block;
+ -moz-transition: background-color 0.2s;
+ -o-transition: background-color 0.2s;
+ -webkit-transition: background-color 0.2s;
+ transition: background-color 0.2s;
+ font-family: 'Roboto Condensed', sans-serif;
+ color: #000000;
+ font-size: 1.2rem;
+ padding: 10px 30px;
+ display: inline-block;
+ vertical-align: middle;
+ margin: 0px; }
+ .cta-btn2:hover {
+ text-decoration: none;
+ color: #000000;
+ background-color: #e4e4e4; }
+
+h1, h2, h3, h4, h5, h6 {
+ font-family: "Bebas Neue", cursive;
+ text-transform: uppercase; }
+
+body {
+ font-size: 0.9333rem; }
+
+p {
+ font-size: 1rem;
+ font-family: 'Roboto', sans-serif;
+ font-weight: 400;
+ line-height: 1.6rem;
+ margin: 0;
+ padding: 0; }
+
+a {
+ cursor: pointer;
+ text-decoration: none;
+ transition: 200ms;
+ color: #4c4c4c; }
+ a:hover {
+ text-decoration: underline;
+ color: inherit; }
+
+b {
+ font-weight: 600; }
+
+blockquote {
+ font-family: 'Roboto', sans-serif;
+ font-size: .88rem;
+ line-height: 1.4rem;
+ font-style: italic;
+ font-weight: 500;
+ color: #0e0e0e;
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ width: 78%;
+ padding-left: 30px;
+ border-left: 2px solid #0e0e0e;
+ margin-top: 0px;
+ margin-bottom: 0px; }
+ @media screen and (max-width: 475px) {
+ blockquote {
+ padding-left: 18px; } }
+
+.headline-maxi {
+ font-size: 6rem;
+ line-height: 6rem; }
+ @media (max-width: 576px) {
+ .headline-maxi {
+ font-size: 3.4rem;
+ line-height: 3.4rem; }
+ .headline-maxi br {
+ display: none; } }
+
+.headline-big {
+ font-size: 4.6rem;
+ line-height: 4.6rem; }
+ @media (max-width: 576px) {
+ .headline-big {
+ font-size: 2.7rem;
+ line-height: 2.7rem; }
+ .headline-big br {
+ display: none; } }
+
+.headline-normal {
+ font-size: 2.7rem;
+ line-height: 2.7rem; }
+ @media (max-width: 576px) {
+ .headline-normal {
+ font-size: 2.1rem;
+ line-height: 2.1rem; }
+ .headline-normal br {
+ display: none; } }
+
+.subtitle-maxi {
+ font-family: 'Roboto Condensed', sans-serif;
+ font-weight: 500;
+ font-size: 2rem;
+ text-transform: none; }
+
+.subtitle-big {
+ font-family: 'Roboto Condensed', sans-serif;
+ font-weight: 500;
+ font-size: 1.87rem;
+ text-transform: none; }
+
+.subtitle-normal {
+ font-family: 'Roboto Condensed', sans-serif;
+ font-weight: 300;
+ font-size: 1.2rem; }
+
+.sp-1 {
+ padding-top: 1.5rem;
+ padding-bottom: 1.5rem; }
+
+.sp-2 {
+ padding-top: 3rem;
+ padding-bottom: 3rem; }
+
+.sp-3 {
+ padding-top: 4.5rem;
+ padding-bottom: 4.5rem; }
+
+.sp-t-1 {
+ padding-top: 1.5rem; }
+
+.sp-t-2 {
+ padding-top: 3rem; }
+
+.sp-t-3 {
+ padding-top: 4.5rem; }
+
+.sp-b-1 {
+ padding-bottom: 1.5rem; }
+
+.sp-b-2 {
+ padding-bottom: 3rem; }
+
+.sp-b-3 {
+ padding-bottom: 4.5rem; }
+
+@media (max-width: 768px) {
+ .sp-1 {
+ padding-top: 1rem;
+ padding-bottom: 1rem; }
+ .sp-2 {
+ padding-top: 1.8rem;
+ padding-bottom: 1.8rem; }
+ .sp-3 {
+ padding-top: 3rem;
+ padding-bottom: 3rem; }
+ .sp-t-1 {
+ padding-top: 1rem; }
+ .sp-t-2 {
+ padding-top: 1.8rem; }
+ .sp-t-3 {
+ padding-top: 3rem; }
+ .sp-b-1 {
+ padding-bottom: 1rem; }
+ .sp-b-2 {
+ padding-bottom: 1.8rem; }
+ .sp-b-3 {
+ padding-bottom: 3rem; } }
+
+header {
+ background: #202020;
+ color: #FFF; }
+ header .first-header {
+ padding: 25px 0px; }
+ @media (max-width: 1200px) {
+ header .first-header {
+ padding: 12px 0px; } }
+ header .first-header .logo-wrap {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ position: relative; }
+ header .first-header .logo-wrap img {
+ width: 168px;
+ min-width: 100px; }
+ header .first-header .logo-wrap:after {
+ content: "";
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ right: -2px;
+ background: #3a3a3a;
+ width: 1px;
+ height: 100%; }
+ header .first-header .logo-wrap .small {
+ display: none;
+ min-width: 40px;
+ width: 50px; }
+ @media (max-width: 1200px) {
+ header .first-header .logo-wrap .normal {
+ display: none; }
+ header .first-header .logo-wrap .small {
+ display: block; } }
+ @media (max-width: 1200px) {
+ header .first-header .logo-wrap {
+ justify-content: flex-start; }
+ header .first-header .logo-wrap img {
+ max-width: 110px; }
+ header .first-header .logo-wrap:after {
+ display: none; } }
+ header .first-header .menu-content {
+ position: inherit; }
+ header .first-header .left {
+ position: inherit; }
+ header .first-header .left .header-links {
+ font-size: 14px;
+ font-weight: 300;
+ margin-left: 20px;
+ margin-bottom: 7px;
+ margin-top: -3px;
+ display: flex; }
+ header .first-header .left .header-links ul li a {
+ color: #adadad;
+ margin-right: 19px; }
+ header .first-header .left .header-links ul li a:hover {
+ color: #FFF; }
+ header .first-header .left .header-links .header-socials a {
+ color: #FFF;
+ margin-right: 9px; }
+ @media (max-width: 1200px) {
+ header .first-header .left .header-links {
+ display: none; } }
+ header .first-header .left nav.header-nav {
+ margin-left: 20px; }
+ header .first-header .left nav.header-nav ul {
+ display: flex; }
+ header .first-header .left nav.header-nav ul li {
+ padding: 0 14px;
+ transition: 200ms; }
+ header .first-header .left nav.header-nav ul li a {
+ color: #FFF;
+ font-size: 20px;
+ text-transform: uppercase;
+ text-decoration: none; }
+ @media (max-width: 1400px) {
+ header .first-header .left nav.header-nav ul li a {
+ font-size: 18px; } }
+ header .first-header .left nav.header-nav ul li:first-child {
+ padding-left: 0; }
+ header .first-header .left nav.header-nav ul li:last-child {
+ padding-right: 0; }
+ header .first-header .left nav.header-nav ul li.with-subsection a {
+ position: relative;
+ text-decoration: none; }
+ header .first-header .left nav.header-nav ul li.with-subsection a:after {
+ font-style: normal;
+ font-variant: normal;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ font-family: "Font Awesome 5 Pro";
+ content: "\f078";
+ position: absolute;
+ right: -17px;
+ font-size: 10px;
+ top: 4px;
+ margin: auto;
+ height: 12px; }
+ @media (max-width: 1200px) {
+ header .first-header .left nav.header-nav ul li.with-subsection a:after {
+ display: none; } }
+ header .first-header .left nav.header-nav ul li.with-submenu {
+ position: relative; }
+ header .first-header .left nav.header-nav ul li.with-submenu .main-link-mobile {
+ display: none; }
+ @media (max-width: 1200px) {
+ header .first-header .left nav.header-nav ul li.with-submenu .main-link-mobile {
+ display: block; } }
+ header .first-header .left nav.header-nav ul li.with-submenu a {
+ text-decoration: none;
+ z-index: 2;
+ position: relative; }
+ header .first-header .left nav.header-nav ul li.with-submenu a:after {
+ font-style: normal;
+ font-variant: normal;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ font-family: "Font Awesome 5 Pro";
+ content: "\f078";
+ position: absolute;
+ right: -17px;
+ font-size: 10px;
+ top: 4px;
+ margin: auto;
+ height: 12px; }
+ @media (max-width: 1200px) {
+ header .first-header .left nav.header-nav ul li.with-submenu a:after {
+ right: 12px; } }
+ @media (max-width: 1200px) {
+ header .first-header .left nav.header-nav ul li.with-submenu a {
+ width: 100%;
+ display: block; } }
+ header .first-header .left nav.header-nav ul li.with-submenu .submenu-wrap {
+ display: none;
+ position: absolute;
+ left: 0;
+ top: -10px;
+ padding-top: 37px;
+ width: auto;
+ z-index: 1; }
+ header .first-header .left nav.header-nav ul li.with-submenu .submenu-wrap ul.submenu {
+ background: #000;
+ padding: 7px 15px 13px;
+ min-width: 200px;
+ display: block;
+ box-sizing: border-box; }
+ header .first-header .left nav.header-nav ul li.with-submenu .submenu-wrap ul.submenu li {
+ padding: 2px 0;
+ margin: 0 !important; }
+ header .first-header .left nav.header-nav ul li.with-submenu .submenu-wrap ul.submenu li a {
+ white-space: nowrap;
+ font-size: 18px;
+ text-transform: none;
+ font-weight: 400;
+ text-decoration: none; }
+ header .first-header .left nav.header-nav ul li.with-submenu .submenu-wrap ul.submenu li a:after {
+ display: none; }
+ header .first-header .left nav.header-nav ul li.with-submenu .submenu-wrap ul.submenu li a:hover {
+ text-decoration: underline; }
+ @media (max-width: 1200px) {
+ header .first-header .left nav.header-nav ul li.with-submenu .submenu-wrap {
+ position: relative;
+ padding: 0;
+ top: 0; }
+ header .first-header .left nav.header-nav ul li.with-submenu .submenu-wrap ul.submenu {
+ padding: 5px 10px; }
+ header .first-header .left nav.header-nav ul li.with-submenu .submenu-wrap ul.submenu li a {
+ color: #adadad;
+ text-transform: none;
+ font-size: 14px;
+ font-weight: 400; } }
+ header .first-header .left nav.header-nav ul li.with-submenu:hover {
+ z-index: 1300; }
+ header .first-header .left nav.header-nav ul li.with-submenu:hover .submenu-wrap {
+ display: block;
+ background: #000; }
+ header .first-header .left nav.header-nav ul:hover > li > a {
+ opacity: 0.5; }
+ header .first-header .left nav.header-nav ul:hover > li:hover a {
+ opacity: 1; }
+ header .first-header .left nav.header-nav ul:hover > li > a:hover {
+ opacity: 1; }
+ header .first-header .left nav.header-nav ul:hover > li > a:hover ul li a {
+ opacity: 1; }
+ header .first-header .left nav.header-nav ul:hover > li:hover .subsection-nav {
+ opacity: 1; }
+ @media (max-width: 1200px) {
+ header .first-header .left {
+ display: none;
+ position: absolute;
+ left: 0;
+ right: 0;
+ width: 100%;
+ background: #000;
+ top: 74px;
+ z-index: 10; }
+ header .first-header .left nav.header-nav {
+ margin-left: 0; }
+ header .first-header .left nav.header-nav ul {
+ flex-wrap: wrap; }
+ header .first-header .left nav.header-nav ul li {
+ width: 100%;
+ padding: 8px 0; }
+ header .first-header .left nav.header-nav ul li.with-subsection {
+ position: relative; }
+ header .first-header .left nav.header-nav ul li.with-subsection:after {
+ font-style: normal;
+ font-variant: normal;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ font-family: "Font Awesome 5 Pro";
+ content: "\f078";
+ position: absolute;
+ right: 12px;
+ font-size: 10px;
+ top: 6px;
+ margin: auto;
+ height: 12px; }
+ header .first-header .left.mobile-menu.active {
+ display: block; } }
+ header .first-header .left .subsection-nav {
+ position: absolute;
+ width: 100%;
+ background: #FFF;
+ left: 0;
+ right: 0;
+ top: 105px;
+ z-index: 10;
+ color: #000;
+ display: none; }
+ header .first-header .left .subsection-nav .subsection-row {
+ padding: 18px 16px;
+ display: flex;
+ justify-content: flex-start;
+ border-bottom: 1px solid #cccccc8f; }
+ header .first-header .left .subsection-nav .subsection-row .subsection-items-wrap {
+ display: flex;
+ justify-content: flex-start; }
+ header .first-header .left .subsection-nav .subsection-item {
+ padding: 10px 13px;
+ display: flex;
+ width: 292px;
+ margin-right: 20px;
+ border: 1px solid #cccccc8f;
+ transition: 300ms;
+ background: #f0f0f0;
+ justify-content: space-between; }
+ header .first-header .left .subsection-nav .subsection-item .text {
+ font-family: "Bebas Neue", cursive;
+ text-transform: uppercase;
+ font-size: 33px;
+ line-height: 35px;
+ margin-top: 3px;
+ color: #000; }
+ header .first-header .left .subsection-nav .subsection-item img {
+ width: auto;
+ max-height: 73px;
+ margin-left: 15px; }
+ header .first-header .left .subsection-nav .subsection-item:hover {
+ background: #000; }
+ header .first-header .left .subsection-nav .subsection-item:hover .text {
+ color: #FFF; }
+ header .first-header .left .subsection-nav .subsection-list {
+ display: flex;
+ flex-wrap: wrap;
+ width: 292px;
+ margin-right: 20px; }
+ header .first-header .left .subsection-nav .subsection-list .title {
+ font-size: 19px;
+ text-transform: uppercase;
+ font-weight: 400;
+ margin-bottom: 29px; }
+ header .first-header .left .subsection-nav .subsection-list ul {
+ display: flex;
+ flex-wrap: wrap;
+ width: 100%; }
+ header .first-header .left .subsection-nav .subsection-list ul li {
+ width: 100%;
+ margin: 0;
+ margin-bottom: 7px;
+ padding: 0; }
+ header .first-header .left .subsection-nav .subsection-list ul li a {
+ color: #4c4c4c;
+ text-transform: none;
+ font-size: 0.9rem;
+ font-weight: 400; }
+ header .first-header .left .subsection-nav .subsection-list ul li a:after {
+ display: none; }
+ header .first-header .left .subsection-nav .subsection-list ul li a:hover {
+ text-decoration: underline; }
+ @media (max-width: 1200px) {
+ header .first-header .left .subsection-nav .subsection-list ul li a {
+ color: #adadad; } }
+ @media (max-width: 1200px) {
+ header .first-header .left .subsection-nav {
+ position: relative;
+ background: none;
+ color: #FFF;
+ top: inherit;
+ left: inherit;
+ padding: 0; }
+ header .first-header .left .subsection-nav .container-fluid {
+ padding: 0;
+ margin: 0; }
+ header .first-header .left .subsection-nav .subsection-row {
+ padding: 10px 0;
+ border: none;
+ flex-wrap: wrap; }
+ header .first-header .left .subsection-nav .subsection-item {
+ padding: 4px 14px;
+ display: flex;
+ width: auto;
+ flex-shrink: 0; }
+ header .first-header .left .subsection-nav .subsection-item .text {
+ color: #000;
+ font-size: 25px; }
+ header .first-header .left .subsection-nav .subsection-list .title {
+ margin-bottom: 11px; }
+ header .first-header .left .subsection-nav .subsection-list ul {
+ margin-bottom: 12px; }
+ header .first-header .left .subsection-nav .subsection-items-wrap {
+ overflow: auto; } }
+ header .first-header .left .search-mobile {
+ display: none; }
+ header .first-header .left .links-mobile {
+ display: none; }
+ header .first-header .left .last-mobile {
+ display: none; }
+ @media (max-width: 1200px) {
+ header .first-header .left .search-mobile {
+ display: block;
+ position: relative;
+ margin-bottom: 13px; }
+ header .first-header .left .search-mobile input {
+ background: none;
+ border: none;
+ border-bottom: 1px solid #ffffff4d;
+ width: 100%;
+ height: 51px;
+ font-size: 1.3rem;
+ padding: 14px 9px;
+ color: #FFF; }
+ header .first-header .left .search-mobile i {
+ position: absolute;
+ right: 0;
+ font-size: 27px;
+ top: 14px; }
+ header .first-header .left .links-mobile {
+ display: flex;
+ flex-wrap: wrap;
+ margin-top: 13px;
+ margin-bottom: 13px; }
+ header .first-header .left .links-mobile a {
+ width: 100%;
+ margin-bottom: 7px;
+ color: #FFF;
+ font-weight: 300;
+ font-family: 'Roboto', sans-serif;
+ font-size: 0.9rem; }
+ header .first-header .left .links-mobile a i {
+ margin-right: 15px;
+ font-size: 0.8rem;
+ color: #848484; }
+ header .first-header .left .last-mobile {
+ display: block; }
+ header .first-header .left .last-mobile .btn-icon {
+ max-width: 220px; } }
+ @media (max-width: 1200px) and (max-width: 567px) {
+ header .first-header .left .last-mobile .btn-icon {
+ max-width: inherit; } }
+ @media (max-width: 1200px) {
+ header .first-header .left .last-mobile .header-socials {
+ text-align: center;
+ margin: 20px 0; }
+ header .first-header .left .last-mobile .header-socials a {
+ color: #FFF;
+ margin: 0 3px; } }
+ header .first-header .right {
+ display: flex;
+ flex-wrap: wrap;
+ align-items: flex-end;
+ padding: 0;
+ justify-content: flex-end; }
+ header .first-header .right .btn-wrap .text {
+ padding: 10px 20px; }
+ header .first-header .right .btn-basic {
+ margin: 0 10px; }
+ header .first-header .right .header-search-btn {
+ align-self: flex-start;
+ height: 104px;
+ margin-top: -25px;
+ margin-bottom: -25px;
+ background: #191919;
+ padding: 0 14px;
+ color: #FFF;
+ display: flex;
+ align-items: center;
+ font-size: 19px;
+ border-left: 1px solid #000;
+ border-right: 1px solid #000; }
+ @media (max-width: 1200px) {
+ header .first-header .right {
+ display: none; } }
+ header .first-header .menu-hamburger {
+ display: none;
+ text-align: right; }
+ header .first-header .menu-hamburger img {
+ max-width: 40px;
+ width: 27px; }
+ @media (max-width: 1200px) {
+ header .first-header .menu-hamburger {
+ display: block; } }
+ header .first-header.with-small-logo img.normal {
+ display: none; }
+ header .first-header.with-small-logo img.small {
+ display: block; }
+ @media (max-width: 1200px) {
+ header .wrap-menu {
+ justify-content: flex-end;
+ align-items: center; } }
+ header .second-header {
+ justify-content: flex-start;
+ padding-left: 15px;
+ background: #000; }
+ @media (max-width: 768px) {
+ header .second-header {
+ padding-left: 0; } }
+ header .second-header .second-header-wrap {
+ display: flex;
+ padding: 10px 15px; }
+ @media (max-width: 768px) {
+ header .second-header .second-header-wrap {
+ padding: 5px; } }
+ header .second-header .second-header-wrap .second-header-item {
+ margin-right: 12px; }
+ @media (max-width: 768px) {
+ header .second-header .second-header-wrap .second-header-item {
+ margin-right: 5px; } }
+ header .second-header .second-header-wrap .second-header-item:last-child {
+ margin: 0; }
+ header .second-header .second-header-wrap .btn-region {
+ font-family: Bebas Neue;
+ color: #FFF;
+ background: #303132;
+ padding: 3px 34px 1px 18px;
+ font-size: 20px;
+ min-width: 218px;
+ display: block;
+ position: relative;
+ transition: 200ms;
+ text-decoration: none; }
+ header .second-header .second-header-wrap .btn-region:after {
+ font-style: normal;
+ font-variant: normal;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ font-family: "Font Awesome 5 Pro";
+ content: "\f078";
+ position: absolute;
+ right: 9px;
+ font-size: 10px;
+ top: 0;
+ bottom: 0;
+ margin: auto;
+ height: 12px; }
+ header .second-header .second-header-wrap .btn-region:hover {
+ background: #FFF;
+ color: #000; }
+ header .second-header .second-header-wrap .btn-region:hover:after {
+ color: #000; }
+ @media (max-width: 768px) {
+ header .second-header .second-header-wrap .btn-region {
+ padding: 3px 26px 1px 7px;
+ min-width: 151px; } }
+ header .second-header .second-header-wrap .btn-calendar {
+ display: flex;
+ background: #1f1f1f;
+ height: 34px;
+ text-decoration: none; }
+ header .second-header .second-header-wrap .btn-calendar .region-calendar {
+ color: #FFF;
+ background: #303132;
+ padding: 4px 18px 2px 18px;
+ font-size: 14px;
+ display: block;
+ position: relative;
+ height: 34px;
+ line-height: 26px;
+ transition: 200ms;
+ text-decoration: none; }
+ header .second-header .second-header-wrap .btn-calendar .region-calendar i {
+ color: #d6151b;
+ margin-right: 6px; }
+ @media (max-width: 768px) {
+ header .second-header .second-header-wrap .btn-calendar .region-calendar {
+ padding: 4px 8px 2px 6px;
+ font-size: 0.8rem; } }
+ @media (max-width: 576px) {
+ header .second-header .second-header-wrap .btn-calendar .region-calendar span {
+ display: none; }
+ header .second-header .second-header-wrap .btn-calendar .region-calendar i {
+ margin: 0 6px; } }
+ @media (max-width: 350px) {
+ header .second-header .second-header-wrap .btn-calendar .region-calendar {
+ font-size: 13px; } }
+ header .second-header .second-header-wrap .btn-calendar:hover .region-calendar {
+ background: #d6151b;
+ color: #FFF; }
+ header .second-header .second-header-wrap .btn-calendar:hover .region-calendar i {
+ color: #FFF; }
+ header .second-header .second-header-wrap .btn-calendar .region-calendar-summary {
+ color: #b7b7b7;
+ font-size: 14px;
+ display: flex;
+ align-items: center;
+ padding: 0 14px; }
+ header .second-header .second-header-wrap .btn-calendar .region-calendar-summary .date {
+ display: inline-block;
+ margin-right: 13px;
+ position: relative; }
+ header .second-header .second-header-wrap .btn-calendar .region-calendar-summary .date:after {
+ content: "";
+ position: absolute;
+ background: #5f5f5f;
+ top: 0;
+ bottom: 0;
+ right: -7px;
+ width: 1px;
+ height: 14px;
+ margin: auto; }
+ header .second-header .second-header-wrap .btn-calendar .region-calendar-summary .event {
+ display: inline-block; }
+ @media (max-width: 1200px) {
+ header .second-header .second-header-wrap .btn-calendar .region-calendar-summary {
+ display: none; } }
+ header .second-header .second-header-wrap .btn-facebook {
+ color: #FFF;
+ padding: 4px 18px 2px 18px;
+ font-size: 14px;
+ display: block;
+ position: relative;
+ height: 34px;
+ line-height: 26px;
+ background: #303132;
+ text-decoration: none; }
+ header .second-header .second-header-wrap .btn-facebook i {
+ color: #067ceb;
+ margin-right: 9px; }
+ @media (max-width: 768px) {
+ header .second-header .second-header-wrap .btn-facebook {
+ font-size: 0;
+ padding: 4px 13px; }
+ header .second-header .second-header-wrap .btn-facebook i {
+ font-size: 14px;
+ line-height: 1.8rem;
+ margin: 0; } }
+ header .second-header .second-header-wrap .btn-facebook:hover {
+ background: #067ceb;
+ color: #FFF; }
+ header .second-header .second-header-wrap .btn-facebook:hover i {
+ color: #FFF; }
+ header .box-header {
+ display: none;
+ box-shadow: 0 17px 20px #2727270f;
+ position: absolute;
+ width: 100%;
+ z-index: 1100; }
+ header .box-header .container-fluid {
+ position: relative; }
+ header .box-header.active {
+ display: block !important;
+ opacity: 1 !important; }
+ header .box-header .close-box {
+ color: #000;
+ font-size: 34px;
+ position: absolute;
+ right: 36px;
+ z-index: 2;
+ font-weight: 300;
+ top: 17px; }
+ header .box-header .close-box i {
+ font-weight: 300; }
+ @media (max-width: 1200px) {
+ header .box-header .close-box {
+ font-size: 26px;
+ right: 11px;
+ top: 19px; } }
+ header .calendar-box {
+ padding-top: 13px;
+ margin-top: -13px; }
+ header .calendar-box .calendar-box-wrap {
+ background: #FFF;
+ width: 100%;
+ height: 100%;
+ padding: 15px; }
+ header .calendar-box .calendar-box-wrap .close-box {
+ top: 2px; }
+ @media (max-width: 1200px) {
+ header .calendar-box .calendar-box-wrap .close-box {
+ top: -2px !important; } }
+ @media (max-width: 1200px) {
+ header .calendar-box .calendar-box-wrap {
+ padding: 10px 0; } }
+ header .calendar-box .calendar-box-wrap .container-fluid {
+ justify-content: left;
+ position: relative; }
+ @media (max-width: 1200px) {
+ header .calendar-box .calendar-box-wrap .container-fluid {
+ padding: 0; } }
+ header .calendar-box .calendar-box-wrap .container-fluid .container {
+ margin: inherit;
+ max-width: 1230px; }
+ @media (max-width: 1200px) {
+ header .calendar-box .calendar-box-wrap .calendar .calendar-title {
+ background: #FFF;
+ min-height: auto;
+ border-bottom: 1px solid #c5c5c545;
+ padding: 3px 11px 8px; }
+ header .calendar-box .calendar-box-wrap .calendar .calendar-title .image {
+ display: none; }
+ header .calendar-box .calendar-box-wrap .calendar .calendar-title .title {
+ color: #000;
+ font-size: 23px;
+ line-height: initial; }
+ header .calendar-box .calendar-box-wrap .calendar .calendar-title .title br {
+ display: none; }
+ header .calendar-box .calendar-box-wrap .calendar .calendar-title .btn-basic {
+ display: none; } }
+ header .region-box {
+ padding-top: 13px;
+ margin-top: -13px;
+ color: #000; }
+ header .region-box .region-box-wrap {
+ background: #FFF;
+ width: 100%;
+ height: 100%; }
+ @media (max-width: 1200px) {
+ header .region-box .region-box-wrap .close-box {
+ top: 5px !important; } }
+ header .region-box .region-box-wrap .container-fluid {
+ position: relative; }
+ header .region-box .region-box-wrap .container-fluid .region-box-container {
+ padding-top: 60px; }
+ header .region-box .region-box-wrap .container-fluid .region-box-container:before {
+ content: "";
+ height: 100%;
+ background: #e0e0e07d;
+ width: 1px;
+ position: absolute;
+ left: 22px;
+ top: 0;
+ bottom: 0;
+ margin: auto; }
+ header .region-box .region-box-wrap .container-fluid .region-box-container:after {
+ content: "";
+ height: 100%;
+ background: #e0e0e07d;
+ width: 1px;
+ position: absolute;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ margin: auto; }
+ @media (max-width: 576px) {
+ header .region-box .region-box-wrap .container-fluid .region-box-container {
+ padding-top: 10px; }
+ header .region-box .region-box-wrap .container-fluid .region-box-container:before {
+ display: none; }
+ header .region-box .region-box-wrap .container-fluid .region-box-container:after {
+ display: none; } }
+ header .region-box .region-box-wrap .container-fluid .region-box-container .middle-row {
+ padding-bottom: 10px; }
+ header .region-box .region-box-wrap .container-fluid .region-box-container .last-row {
+ border-top: 1px solid #e0e0e07d;
+ padding: 39px 0; }
+ header .region-box .region-box-wrap .container-fluid .region-box-container .title {
+ font-family: "Bebas Neue", cursive;
+ text-transform: uppercase;
+ font-size: 1.34rem;
+ margin-bottom: 14px;
+ display: block; }
+ header .region-box .region-box-wrap .container-fluid .region-box-container .btn-backtolist {
+ color: #000;
+ position: relative;
+ padding-left: 38px;
+ opacity: 0; }
+ header .region-box .region-box-wrap .container-fluid .region-box-container .btn-backtolist:after {
+ font-style: normal;
+ font-variant: normal;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ font-family: "Font Awesome 5 Pro";
+ content: "\f053";
+ position: absolute;
+ left: 12px;
+ font-size: 14px;
+ top: -7px;
+ bottom: 0;
+ margin: auto;
+ height: 12px; }
+ @media (max-width: 576px) {
+ header .region-box .region-box-wrap .container-fluid .region-box-container .btn-backtolist {
+ display: none; } }
+ header .region-box .region-box-wrap .container-fluid .region-box-container .region-box-select {
+ display: flex;
+ flex-wrap: wrap; }
+ header .region-box .region-box-wrap .container-fluid .region-box-container .region-box-select ul.select-region {
+ column-count: 2; }
+ header .region-box .region-box-wrap .container-fluid .region-box-container .region-box-select ul.select-region.column-1 {
+ column-count: 1; }
+ @media (max-width: 576px) {
+ header .region-box .region-box-wrap .container-fluid .region-box-container .region-box-select ul.select-region {
+ background: #f2f2f2;
+ width: 100%;
+ column-count: 1;
+ padding: 9px 15px 3px; } }
+ header .region-box .region-box-wrap .container-fluid .region-box-container .region-box-select ul.select-region li {
+ padding: 3px 0;
+ margin: 0; }
+ @media (max-width: 576px) {
+ header .region-box .region-box-wrap .container-fluid .region-box-container .region-box-select ul.select-region li {
+ margin-bottom: 2px;
+ display: none; } }
+ header .region-box .region-box-wrap .container-fluid .region-box-container .region-box-select ul.select-region li .region-name {
+ color: #000;
+ font-size: 0.84rem;
+ cursor: pointer;
+ font-family: 'Roboto', sans-serif;
+ display: block; }
+ header .region-box .region-box-wrap .container-fluid .region-box-container .region-box-select ul.select-region li .region-name.show {
+ font-weight: 500;
+ color: #000; }
+ header .region-box .region-box-wrap .container-fluid .region-box-container .region-box-select ul.select-region li .region-name:hover {
+ text-decoration: underline;
+ color: #000; }
+ @media (min-width: 576px) {
+ header .region-box .region-box-wrap .container-fluid .region-box-container .region-box-select ul.select-region li .region-name.hide {
+ display: none; } }
+ header .region-box .region-box-wrap .container-fluid .region-box-container .region-box-select ul.select-region li .select-subregion-wrap {
+ display: none; }
+ header .region-box .region-box-wrap .container-fluid .region-box-container .region-box-select ul.select-region li.init {
+ padding-bottom: 4px;
+ display: none;
+ font-size: 1.3rem;
+ font-weight: 300;
+ padding-right: 32px;
+ position: relative; }
+ header .region-box .region-box-wrap .container-fluid .region-box-container .region-box-select ul.select-region li.init:after {
+ font-style: normal;
+ font-variant: normal;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ font-family: "Font Awesome 5 Pro";
+ content: "\f078";
+ position: absolute;
+ right: 5px;
+ font-size: 15px;
+ top: 2px;
+ margin: auto;
+ height: 12px; }
+ @media (max-width: 576px) {
+ header .region-box .region-box-wrap .container-fluid .region-box-container .region-box-select ul.select-region li.init {
+ display: block; } }
+ header .region-box .region-box-wrap .container-fluid .region-box-container .region-box-select ul.select-subregion {
+ border-left: 1px solid #bfbfbf3b;
+ padding-left: 13px;
+ font-size: 0.96rem;
+ margin-top: 3px;
+ column-count: 1; }
+ header .region-box .region-box-wrap .container-fluid .region-box-container .region-box-select ul.select-subregion li a {
+ color: #000;
+ font-size: 0.84rem;
+ font-family: 'Roboto', sans-serif; }
+ header .region-box .region-box-wrap .container-fluid .region-box-container .region-box-select ul.select-subregion li a:hover {
+ font-weight: 500;
+ color: #000; }
+ header .region-box .region-box-wrap .container-fluid .region-box-container .region-box-map .map-image {
+ height: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ transform: scale(1.2);
+ margin-top: -20px;
+ margin-bottom: 30px; }
+ header .region-box .region-box-wrap .container-fluid .region-box-container .region-box-map .map-image img {
+ max-width: inherit;
+ margin-top: -85px;
+ width: 100%; }
+ @media (max-width: 576px) {
+ header .region-box .region-box-wrap .container-fluid .region-box-container .region-box-map .map-image img {
+ margin-top: 0; } }
+ header .region-box .region-box-wrap .container-fluid .region-box-container .region-box-map .map-image .region:hover {
+ fill: #000;
+ transition: all 0.3s;
+ cursor: pointer; }
+ header .region-box .region-box-wrap .container-fluid .region-box-container .region-box-map .map-image .region {
+ stroke: #222;
+ fill: #EEE;
+ transition: all 0.3s; }
+ header .region-box .region-box-wrap .container-fluid .region-box-container .region-box-map .map-image .region.active {
+ fill: #000; }
+ header .region-box .region-box-wrap .container-fluid .region-box-container .region-box-map .map-image .region.active-hover {
+ fill: #000; }
+ header .region-box .region-box-wrap .container-fluid .region-box-container .region-box-map .map-image .svgcontainer {
+ width: 100%;
+ margin: 0;
+ padding: 0;
+ position: relative;
+ height: 250px; }
+ header .region-box .region-box-wrap .container-fluid .region-box-container .region-box-map .map-image svg, header .region-box .region-box-wrap .container-fluid .region-box-container .region-box-map .map-image #czech-map {
+ width: 100%;
+ filter: drop-shadow(0px 0px 10px #00000014);
+ height: 100%; }
+ @media (max-width: 576px) {
+ header .region-box .region-box-wrap .container-fluid .region-box-container .region-box-map .map-image {
+ display: none; } }
+ @media (max-width: 992px) {
+ header .region-box .region-box-wrap .container-fluid .region-box-container .region-box-map {
+ margin-right: -30px;
+ margin-left: 30px; } }
+ header ul {
+ margin: 0 !important; }
+ header ul li:before {
+ display: none; }
+
+footer .copyleft {
+ transform: matrix(-1, 0, 0, 1, 0, 0) !important;
+ display: inline-block; }
+
+footer .footer-nav ul {
+ margin-top: 26px;
+ margin-left: 30px; }
+ footer .footer-nav ul li {
+ margin-bottom: 7px; }
+ footer .footer-nav ul li a {
+ color: #adadad; }
+ footer .footer-nav ul li:last-child {
+ margin-bottom: 0; }
+ footer .footer-nav ul li:before {
+ display: none; }
+
+footer .footer-title {
+ font-size: 1.3rem;
+ text-transform: uppercase;
+ color: #FFF;
+ display: block; }
+
+footer .footer-first {
+ background: #202020; }
+ footer .footer-first .top {
+ border-bottom: 1px solid #343434; }
+ @media (max-width: 576px) {
+ footer .footer-first .top {
+ padding: 23px 0 3px; } }
+ footer .footer-first .bottom .footer-nav ul {
+ margin-top: 0; }
+ footer .footer-first .bottom .footer-nav ul li {
+ margin: 0; }
+ @media (max-width: 991px) {
+ footer .footer-first .bottom {
+ padding: 16px 0 15px; }
+ footer .footer-first .bottom .footer-nav ul {
+ margin: 0; } }
+
+footer .footer-second {
+ background: #000; }
+ @media (max-width: 991px) {
+ footer .footer-second {
+ padding: 33px 0; }
+ footer .footer-second .btn-basic {
+ width: 100%;
+ margin-top: 20px;
+ height: 52px; }
+ footer .footer-second .btn-basic .text {
+ font-weight: 300;
+ padding: 14px 31px; } }
+
+footer .footer-logo img {
+ width: 168px; }
+
+footer .footer-logo p {
+ margin-top: 34px;
+ color: #adadad;
+ max-width: 82%; }
+
+@media (max-width: 991px) {
+ footer .footer-logo {
+ margin-bottom: 29px;
+ order: -2; }
+ footer .footer-logo p {
+ display: none; } }
+
+@media (max-width: 576px) {
+ footer .footer-logo img {
+ width: 106px; } }
+
+footer .footer-nav .footer-title {
+ text-align: center; }
+
+@media (max-width: 991px) {
+ footer .footer-nav .footer-title {
+ text-align: left;
+ position: relative;
+ padding: 12px 0 11px;
+ border-bottom: 1px solid #a7a7a730; }
+ footer .footer-nav .footer-title:after {
+ font-style: normal;
+ font-variant: normal;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ font-family: "Font Awesome 5 Pro";
+ position: absolute;
+ content: "\f078";
+ right: 4px;
+ font-size: 14px;
+ top: 19px; }
+ footer .footer-nav ul {
+ margin: 0;
+ display: none;
+ padding: 11px 0 5px; } }
+
+footer .footer-nav.last .footer-title {
+ border: none; }
+
+footer .footer-cta {
+ display: flex;
+ flex-wrap: wrap;
+ flex-direction: column;
+ align-items: flex-end; }
+ @media (max-width: 991px) {
+ footer .footer-cta {
+ order: -1; } }
+ footer .footer-cta .footer-socials {
+ flex-grow: 1; }
+ footer .footer-cta .footer-socials a {
+ color: #FFF;
+ margin-right: 9px; }
+ footer .footer-cta .link {
+ margin-bottom: 13px;
+ color: #adadad;
+ font-size: 14px; }
+ @media (max-width: 991px) {
+ footer .footer-cta {
+ align-items: flex-start; } }
+ @media (max-width: 576px) {
+ footer .footer-cta .footer-socials {
+ margin-bottom: 18px; }
+ footer .footer-cta .link {
+ margin-bottom: 23px; }
+ footer .footer-cta .btn-icon {
+ width: 100%;
+ margin-bottom: 33px; }
+ footer .footer-cta .btn-icon .text {
+ text-align: center;
+ width: 100%;
+ font-weight: 300; }
+ footer .footer-cta .btn-icon .icon {
+ width: 64px; } }
+
+footer .footer-profile {
+ display: flex;
+ justify-content: space-between;
+ align-items: center; }
+ footer .footer-profile .left {
+ border-radius: 100%;
+ width: 50px;
+ text-align: center; }
+ footer .footer-profile .left img {
+ display: block;
+ max-width: inherit; }
+ footer .footer-profile .right {
+ text-align: left;
+ margin-left: 20px; }
+ footer .footer-profile .right .name {
+ color: #FFF;
+ font-size: 1.1rem;
+ font-weight: 400; }
+ footer .footer-profile .right .email {
+ color: #adadad;
+ display: inline-block;
+ width: 100%; }
+ @media (max-width: 1200px) {
+ footer .footer-profile .right .email i {
+ display: none; } }
+ @media (max-width: 991px) {
+ footer .footer-profile {
+ justify-content: left;
+ margin-bottom: 10px;
+ padding-right: 50px; }
+ footer .footer-profile .left img {
+ max-width: 47px; }
+ footer .footer-profile .right {
+ margin-left: 24px; }
+ footer .footer-profile .right .email i {
+ display: none; }
+ footer .footer-profile:after {
+ font-style: normal;
+ font-variant: normal;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ font-family: "Font Awesome 5 Pro";
+ position: absolute;
+ content: "\f0e0";
+ right: 16px;
+ font-size: 21px;
+ top: 8px;
+ font-weight: 900;
+ color: #929292; } }
+
+.paging .paging-wrapper .page-btn {
+ font-family: 'Roboto Condensed', sans-serif;
+ font-weight: 700;
+ background-color: #F3F3F3;
+ color: #1d1d1d;
+ width: 42px;
+ height: 42px;
+ display: inline-block;
+ vertical-align: top;
+ line-height: 42px;
+ text-decoration: none;
+ margin-left: 1px;
+ margin-right: 1px;
+ -moz-transition: background-color 0.2s, color 0.2s;
+ -o-transition: background-color 0.2s, color 0.2s;
+ -webkit-transition: background-color 0.2s, color 0.2s;
+ transition: background-color 0.2s, color 0.2s; }
+ .paging .paging-wrapper .page-btn.active {
+ background-color: #1d1d1d;
+ color: #F3F3F3; }
+ .paging .paging-wrapper .page-btn:hover {
+ background-color: #1d1d1d;
+ color: #F3F3F3; }
+
+.paging .paging-wrapper .prev-next-page {
+ background-color: #F3F3F3;
+ color: #1d1d1d;
+ display: inline-block;
+ vertical-align: top;
+ -moz-transition: background-color 0.2s, color 0.2s;
+ -o-transition: background-color 0.2s, color 0.2s;
+ -webkit-transition: background-color 0.2s, color 0.2s;
+ transition: background-color 0.2s, color 0.2s; }
+ .paging .paging-wrapper .prev-next-page:hover {
+ background-color: #1d1d1d;
+ color: #F3F3F3; }
+ .paging .paging-wrapper .prev-next-page:hover .arrow.next:before {
+ left: 60%;
+ border-right: 2px solid #F3F3F3;
+ border-bottom: 2px solid #F3F3F3; }
+ .paging .paging-wrapper .prev-next-page:hover .arrow.prev:before {
+ left: 40%;
+ border-top: 2px solid #F3F3F3;
+ border-left: 2px solid #F3F3F3; }
+ .paging .paging-wrapper .prev-next-page p {
+ font-family: 'Roboto Condensed', sans-serif;
+ font-weight: 700;
+ padding: 9px 16px;
+ display: inline-block;
+ vertical-align: middle;
+ margin: 0px; }
+ .paging .paging-wrapper .prev-next-page .arrow {
+ display: inline-block;
+ vertical-align: middle;
+ position: relative;
+ width: 42px;
+ height: 42px; }
+ .paging .paging-wrapper .prev-next-page .arrow.next {
+ border-left: 1px solid rgba(171, 171, 171, 0.1); }
+ .paging .paging-wrapper .prev-next-page .arrow.next:before {
+ content: "";
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ transform: translate(-50%, -50%) rotate(-45deg);
+ width: 7px;
+ height: 7px;
+ position: absolute;
+ border-right: 2px solid #1d1d1d;
+ border-bottom: 2px solid #1d1d1d;
+ -moz-transition: left 0.2s, border-color 0.2s;
+ -o-transition: left 0.2s, border-color 0.2s;
+ -webkit-transition: left 0.2s, border-color 0.2s;
+ transition: left 0.2s, border-color 0.2s; }
+ .paging .paging-wrapper .prev-next-page .arrow.prev {
+ border-right: 1px solid rgba(171, 171, 171, 0.1); }
+ .paging .paging-wrapper .prev-next-page .arrow.prev:before {
+ content: "";
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ transform: translate(-50%, -50%) rotate(-45deg);
+ width: 7px;
+ height: 7px;
+ position: absolute;
+ border-top: 2px solid #1d1d1d;
+ border-left: 2px solid #1d1d1d;
+ -moz-transition: left 0.2s, border-color 0.2s;
+ -o-transition: left 0.2s, border-color 0.2s;
+ -webkit-transition: left 0.2s, border-color 0.2s;
+ transition: left 0.2s, border-color 0.2s; }
+
+.sidebar {
+ box-shadow: 0px 3px 25px 0px rgba(118, 118, 118, 0.19);
+ padding: 27px; }
+ .sidebar .sidebar-profile {
+ display: flex;
+ justify-content: flex-start;
+ align-items: center; }
+ .sidebar .sidebar-profile .img {
+ width: 112px; }
+ .sidebar .sidebar-profile .img img {
+ /*empty*/ }
+ .sidebar .sidebar-profile .info {
+ margin-left: 7px; }
+ .sidebar .sidebar-profile .info .name {
+ display: block;
+ text-transform: uppercase;
+ font-size: 21px;
+ font-weight: 600; }
+ .sidebar .sidebar-profile .info .position {
+ display: block;
+ text-transform: uppercase;
+ font-weight: 400;
+ margin-bottom: 10px; }
+ .sidebar .sidebar-profile .info .contact {
+ display: block;
+ font-size: 15px;
+ color: #4c4c4c;
+ font-family: Roboto; }
+ .sidebar .sidebar-profile .info .contact i {
+ margin-right: 6px; }
+ .sidebar .sidebar-profile.independently .img {
+ display: none; }
+ .sidebar .sidebar-profile.independently .info {
+ margin: 0; }
+ .sidebar .sidebar-profile.independently .info .name {
+ text-transform: none;
+ font-size: 18px; }
+ .sidebar .sidebar-profile.independently .info .position {
+ text-transform: none; }
+ .sidebar hr {
+ margin: 1.5rem 0;
+ border-top: 1px solid #dadada; }
+ .sidebar .sidebar-title {
+ font-family: "Bebas Neue", cursive;
+ text-transform: uppercase;
+ font-size: 30px; }
+ .sidebar .sidebar-map {
+ height: 180px;
+ margin: 5px 0;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ background-size: cover;
+ background-repeat: no-repeat;
+ background-position: center; }
+ .sidebar .sidebar-list {
+ margin: 5px 0; }
+ .sidebar .sidebar-list .list-title {
+ font-weight: bold;
+ margin-bottom: 10px;
+ display: block;
+ font-size: 17px; }
+ .sidebar .sidebar-list ul {
+ margin: 0; }
+ .sidebar .sidebar-list ul li {
+ display: block;
+ width: 100%;
+ position: relative;
+ padding: 0 24px; }
+ .sidebar .sidebar-list ul li a {
+ color: #4c4c4c;
+ font-family: Roboto; }
+ .sidebar .sidebar-list ul li:before {
+ font-style: normal;
+ font-variant: normal;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ font-family: "Font Awesome 5 Pro";
+ content: "\f45c";
+ position: absolute;
+ font-size: 6px;
+ top: 8px;
+ margin: auto;
+ height: 12px;
+ color: #000;
+ left: 4px;
+ font-weight: 600; }
+ .sidebar .sidebar-list ul li:after {
+ font-style: normal;
+ font-variant: normal;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ font-family: "Font Awesome 5 Pro";
+ content: "\f054";
+ position: absolute;
+ right: -4px;
+ font-size: 10px;
+ top: 0;
+ margin: auto;
+ height: 16px;
+ bottom: 0;
+ color: #757575; }
+ .sidebar .sidebar-list ul li.selected a {
+ font-weight: bold;
+ color: #000; }
+ .sidebar .sidebar-list ul li.selected:after {
+ color: #29bc51; }
+ .sidebar .sidebar-list.without-links ul li:after {
+ display: none; }
+ .sidebar .sidebar-basic {
+ /*empty*/ }
+ .sidebar .sidebar-basic .title {
+ font-weight: bold;
+ margin-bottom: 10px;
+ display: block;
+ font-size: 17px; }
+ .sidebar .sidebar-basic p {
+ color: #4c4c4c;
+ font-family: Roboto;
+ margin-bottom: 10px; }
+ .sidebar .image {
+ overflow: hidden;
+ border: 10px solid #FFF;
+ margin: auto;
+ border-radius: 100%;
+ width: 210px;
+ height: 210px;
+ margin-top: -151px; }
+ .sidebar .image img {
+ display: block;
+ max-width: none;
+ height: 100%;
+ width: auto;
+ transform: translateX(-50%);
+ margin-left: 50%; }
+ @media (max-width: 992px) {
+ .sidebar .image {
+ width: 175px;
+ height: 175px;
+ margin-top: -76px;
+ border: 6px solid #FFF; } }
+ .sidebar .socials {
+ margin-top: 20px;
+ display: flex; }
+ .sidebar .socials a {
+ color: #000;
+ margin-right: 12px; }
+ .sidebar .socials a i {
+ font-size: 21px; }
+ .sidebar .socials a#left {
+ font-size: 14px;
+ font-family: Roboto;
+ font-weight: 300; }
+ .sidebar .socials a#left i {
+ display: inline-block;
+ vertical-align: sub;
+ margin-left: 6px; }
+ .sidebar .socials a:nth-child(3) {
+ flex-grow: 1; }
+ .sidebar .socials.only-mobile {
+ display: none; }
+ .sidebar .jurisdiction {
+ font-weight: 600; }
+ .sidebar .jurisdiction img {
+ margin-top: -4px; }
+ @media (max-width: 992px) {
+ .sidebar .jurisdiction {
+ font-size: 14px; } }
+ .sidebar .sidebar-title-small {
+ font-weight: 600; }
+ @media (max-width: 992px) {
+ .sidebar .sidebar-title-small {
+ font-size: 14px; } }
+ @media (max-width: 350px) {
+ .sidebar .sidebar-title-small {
+ width: 100%; } }
+ @media (max-width: 992px) {
+ .sidebar .sidebar-name {
+ font-size: 14px; } }
+ .sidebar .sidebar-text {
+ margin-bottom: 17px;
+ color: #4c4c4c; }
+ .sidebar .sidebar-text a {
+ color: #4c4c4c;
+ font-size: 14px; }
+ .sidebar .sidebar-text a i {
+ font-size: 14px;
+ margin-right: 4px; }
+ @media (max-width: 992px) {
+ .sidebar .sidebar-text {
+ font-size: 14px; }
+ .sidebar .sidebar-text a {
+ font-size: 14px; } }
+ @media (max-width: 350px) {
+ .sidebar .sidebar-text {
+ width: 100%; } }
+
+.map-redirect .map-wrapper {
+ position: relative;
+ background-image: url(../img/map-placeholder.jpg);
+ text-align: center;
+ padding: 130px 0px;
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ -o-background-size: cover;
+ background-size: cover; }
+ .map-redirect .map-wrapper h2 {
+ font-family: "Bebas Neue", cursive;
+ font-size: 14px;
+ color: #ffffff;
+ font-size: 2.5rem; }
+
+@media screen and (max-width: 1199px) {
+ .map-redirect .map-wrapper {
+ padding: 100px 0px; }
+ .map-redirect .map-wrapper h2 {
+ font-size: 2.2rem; } }
+
+@media screen and (max-width: 991px) {
+ .map-redirect .map-wrapper {
+ padding: 80px 0px; }
+ .map-redirect .map-wrapper h2 {
+ font-size: 1.8rem; } }
+
+@media screen and (max-width: 430px) {
+ .map-redirect .map-wrapper h2 {
+ font-size: 1.4rem; } }
+
+.carousel-thumbnails .carousel-indicators {
+ position: static;
+ left: initial;
+ width: initial;
+ margin-right: initial;
+ margin-left: initial;
+ overflow-x: auto;
+ white-space: nowrap;
+ display: flex;
+ justify-content: flex-start;
+ margin: 0; }
+ .carousel-thumbnails .carousel-indicators.ci-modal {
+ display: block;
+ flex-wrap: nowrap;
+ /* width */
+ /* Track */
+ /* Handle */
+ /* Handle on hover */ }
+ .carousel-thumbnails .carousel-indicators.ci-modal::-webkit-scrollbar {
+ height: 5px; }
+ .carousel-thumbnails .carousel-indicators.ci-modal::-webkit-scrollbar-track {
+ background: rgba(255, 255, 255, 0.3); }
+ .carousel-thumbnails .carousel-indicators.ci-modal::-webkit-scrollbar-thumb {
+ background: rgba(255, 255, 255, 0.5); }
+ .carousel-thumbnails .carousel-indicators.ci-modal::-webkit-scrollbar-thumb:hover {
+ background: rgba(255, 255, 255, 0.8); }
+ .carousel-thumbnails .carousel-indicators li {
+ margin-right: 0px;
+ position: relative;
+ border-top: 16px solid #fff0;
+ background-color: #fff0;
+ margin: 0 5px;
+ flex-grow: 1; }
+ .carousel-thumbnails .carousel-indicators li.ci-li-modal {
+ flex: auto;
+ width: 158px;
+ display: inline-block; }
+ .carousel-thumbnails .carousel-indicators li.ci-li-modal .thumb-box {
+ height: 130px;
+ position: relative;
+ overflow: hidden;
+ background-size: cover;
+ background-position: center; }
+ @media screen and (max-width: 767px) {
+ .carousel-thumbnails .carousel-indicators li.ci-li-modal .thumb-box {
+ height: 92px; } }
+ @media screen and (max-width: 475px) {
+ .carousel-thumbnails .carousel-indicators li.ci-li-modal .thumb-box {
+ height: 56px; } }
+ .carousel-thumbnails .carousel-indicators li.show-all-thumb {
+ opacity: 1; }
+ .carousel-thumbnails .carousel-indicators li .thumb-box {
+ height: 130px;
+ position: relative;
+ overflow: hidden; }
+ .carousel-thumbnails .carousel-indicators li .thumb-box img {
+ position: absolute;
+ width: auto;
+ max-width: initial;
+ height: 100%;
+ left: 50%;
+ transform: translateX(-50%); }
+ .carousel-thumbnails .carousel-indicators li .thumb-box .show-all {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ z-index: 3;
+ background: rgba(0, 0, 0, 0.7); }
+ .carousel-thumbnails .carousel-indicators li .thumb-box .show-all p {
+ position: relative;
+ top: 50%;
+ transform: translateY(-50%);
+ color: #fff;
+ line-height: 1.5rem;
+ text-align: center; }
+ .carousel-thumbnails .carousel-indicators li .thumb-box .show-all p i {
+ font-size: .8rem;
+ vertical-align: middle; }
+
+.carousel-thumbnails .carousel-indicators > li {
+ height: initial;
+ text-indent: initial;
+ overflow: hidden; }
+ .carousel-thumbnails .carousel-indicators > li:first-child {
+ margin-left: 0; }
+ .carousel-thumbnails .carousel-indicators > li:last-child {
+ margin-right: 0; }
+
+@media screen and (max-width: 1199px) {
+ .carousel-thumbnails .carousel-indicators li .thumb-box {
+ height: 110px; } }
+
+@media screen and (max-width: 991px) {
+ .carousel-thumbnails .carousel-indicators li .thumb-box {
+ height: 116px; }
+ .carousel-thumbnails .carousel-indicators li .thumb-box .show-all p {
+ font-size: 0.8rem;
+ line-height: 1.2rem; } }
+
+@media screen and (max-width: 767px) {
+ .carousel-thumbnails .carousel-indicators li .thumb-box {
+ height: 76px; } }
+
+@media screen and (max-width: 475px) {
+ .carousel-thumbnails .carousel-indicators li .thumb-box {
+ height: 44px; } }
+
+.carousel-item .carousel-caption {
+ right: auto;
+ bottom: 20px;
+ left: 3%;
+ padding-top: 0;
+ padding-bottom: 0; }
+ .carousel-item .carousel-caption p {
+ font-family: 'Roboto', sans-serif;
+ font-weight: 300;
+ color: #ffffff; }
+ @media (max-width: 992px) {
+ .carousel-item .carousel-caption {
+ display: none; } }
+
+.dropdown {
+ position: relative;
+ font-size: initial;
+ line-height: initial; }
+ .dropdown .title {
+ width: 100%;
+ padding: 15px 59px 15px 30px;
+ color: #FFF;
+ background: #000;
+ text-transform: uppercase;
+ position: relative;
+ cursor: pointer; }
+ .dropdown .title:after {
+ font-style: normal;
+ font-variant: normal;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ font-family: "Font Awesome 5 Pro";
+ content: "\f078";
+ position: absolute;
+ right: 23px;
+ font-size: 15px;
+ top: 0;
+ margin: auto;
+ height: 22px;
+ bottom: 0; }
+ .dropdown .links-box {
+ background: #FFF;
+ position: absolute;
+ left: 0;
+ right: 0;
+ box-shadow: 0px 3px 25px 0px rgba(118, 118, 118, 0.19);
+ padding: 15px 30px;
+ display: none; }
+ .dropdown .links-box ul {
+ /*empty*/ }
+ .dropdown .links-box ul li {
+ margin: 10px 0; }
+ .dropdown .links-box ul li a {
+ color: #adadad;
+ font-size: 14px;
+ font-family: Roboto; }
+ .dropdown .links-box ul li .selected {
+ color: #000;
+ font-weight: bold; }
+
+.slider {
+ width: 100%;
+ position: relative; }
+ .slider .slider-container .slide-item .container-fluid {
+ display: flex;
+ justify-content: space-around;
+ padding: 30px 0;
+ align-items: center; }
+ .slider .slider-container .slide-item .container-fluid .left .slide-title {
+ font-family: "Bebas Neue", cursive;
+ display: block;
+ width: 100%;
+ margin-bottom: 49px; }
+ @media (max-width: 1200px) {
+ .slider .slider-container .slide-item .container-fluid .left .slide-title {
+ font-size: 5rem;
+ line-height: 4.5rem; } }
+ @media (max-width: 768px) {
+ .slider .slider-container .slide-item .container-fluid .left .slide-title {
+ font-size: 3.1rem;
+ margin-bottom: 20px;
+ line-height: 3rem; } }
+ .slider .slider-container .slide-item .container-fluid .right {
+ max-width: 50%; }
+ .slider .slider-container .slide-item .container-fluid .right img {
+ max-width: 100%;
+ transform: scale(1.2); }
+ .slider .slider-container .slide-item .container-fluid .right .btn-icon {
+ display: none; }
+ @media (max-width: 768px) {
+ .slider .slider-container .slide-item .container-fluid {
+ flex-wrap: wrap;
+ justify-content: center;
+ padding: 30px 15px; }
+ .slider .slider-container .slide-item .container-fluid .right {
+ width: 100%;
+ max-width: 100%;
+ text-align: center; }
+ .slider .slider-container .slide-item .container-fluid .right .btn-icon {
+ display: inline-block; }
+ .slider .slider-container .slide-item .container-fluid .left {
+ width: 100%; }
+ .slider .slider-container .slide-item .container-fluid .left .btn-icon {
+ display: none; } }
+ .slider .slider-navigation {
+ position: absolute;
+ bottom: 55px;
+ z-index: 1;
+ width: 100%;
+ left: 0;
+ right: 0; }
+ .slider .slider-navigation .container-fluid {
+ display: flex;
+ justify-content: flex-end;
+ width: 100%; }
+ @media (max-width: 768px) {
+ .slider .slider-navigation {
+ bottom: 0;
+ position: relative; }
+ .slider .slider-navigation .container-fluid {
+ justify-content: center; } }
+ .slider .slider-navigation .inner {
+ display: flex;
+ justify-content: space-between;
+ width: 100px;
+ align-items: center;
+ margin-right: 90px; }
+ @media (max-width: 768px) {
+ .slider .slider-navigation .inner {
+ margin: auto; } }
+ .slider .slider-navigation .inner .left-arrow {
+ position: relative;
+ width: 20px;
+ height: 20px; }
+ .slider .slider-navigation .inner .left-arrow:before {
+ font-style: normal;
+ font-variant: normal;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ font-family: "Font Awesome 5 Pro";
+ content: "\f053";
+ position: absolute;
+ right: 0;
+ font-size: 15px;
+ top: 0;
+ margin: auto;
+ height: 12px;
+ font-weight: 500; }
+ .slider .slider-navigation .inner .right-arrow {
+ position: relative;
+ width: 20px;
+ height: 20px; }
+ .slider .slider-navigation .inner .right-arrow:before {
+ font-style: normal;
+ font-variant: normal;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ font-family: "Font Awesome 5 Pro";
+ content: "\f054";
+ position: absolute;
+ right: 0;
+ font-size: 15px;
+ top: 0;
+ margin: auto;
+ height: 17px;
+ font-weight: 500;
+ left: 0;
+ right: 0;
+ margin: auto; }
+ .slider .slider-navigation .inner .slider-dots {
+ height: 10px;
+ margin: 0 10px; }
+ .slider .slider-navigation .inner .slider-dots ul {
+ display: flex;
+ justify-content: space-between;
+ height: 10px; }
+ .slider .slider-navigation .inner .slider-dots ul li {
+ margin: 0 4px;
+ flex-grow: 1; }
+ .slider .slider-navigation .inner .slider-dots ul li button {
+ border: none;
+ background: #adadad;
+ height: 4px;
+ border-radius: 6px;
+ font-size: 0;
+ min-width: 24px;
+ -webkit-appearance: none !important;
+ top: 0;
+ width: 100%;
+ line-height: 25px;
+ transition: 300ms; }
+ .slider .slider-navigation .inner .slider-dots ul li button:focus {
+ outline: none; }
+ .slider .slider-navigation .inner .slider-dots ul li.slick-active button {
+ background: #000; }
+ .slider ul {
+ margin: 0; }
+ .slider ul li:before {
+ display: none; }
+
+.slick-slide {
+ outline: none !important; }
+
+.news .news-card {
+ box-shadow: 0px 3px 35px 0px rgba(118, 118, 118, 0);
+ display: block;
+ -moz-transition: box-shadow 0.5s, background-color 0.5s, border-bottom 0.5s;
+ -o-transition: box-shadow 0.5s, background-color 0.5s, border-bottom 0.5s;
+ -webkit-transition: box-shadow 0.5s, background-color 0.5s, border-bottom 0.5s;
+ transition: box-shadow 0.5s, background-color 0.5s, border-bottom 0.5s;
+ height: 490px; }
+ .news .news-card:hover {
+ background-color: #fff;
+ box-shadow: 0px 3px 35px 0px rgba(118, 118, 118, 0.39);
+ text-decoration: none; }
+ .news .news-card:hover p, .news .news-card:hover a {
+ text-decoration: none; }
+ .news .news-card .cover {
+ position: relative; }
+ .news .news-card .cover img {
+ display: block;
+ width: 100%; }
+ .news .news-card .cover .foreground {
+ position: absolute;
+ left: 0px;
+ bottom: 0px;
+ width: 100%;
+ z-index: 2; }
+ .news .news-card .cover .foreground .cover-footer {
+ color: rgba(255, 255, 255, 0.8);
+ font-family: 'Roboto', sans-serif;
+ font-weight: 300;
+ position: absolute;
+ bottom: 0px;
+ left: 0px;
+ width: 100%; }
+ .news .news-card .cover .foreground .cover-footer .social-links {
+ position: absolute;
+ bottom: 120%;
+ left: 12px;
+ opacity: 0;
+ transition: 200ms; }
+ .news .news-card .cover .foreground .cover-footer .social-links a {
+ display: inline-block;
+ vertical-align: middle;
+ text-align: center;
+ color: #ffffff;
+ width: 26px;
+ height: 23px;
+ line-height: 23px;
+ border-radius: 3px;
+ font-size: 12px; }
+ .news .news-card .cover .foreground .cover-footer .social-links a.fb {
+ background: #485FA8; }
+ .news .news-card .cover .foreground .cover-footer .social-links a.mail {
+ background: #0A141F; }
+ .news .news-card .cover .foreground .cover-footer .social-links a.twitter {
+ background: #00C9FF; }
+ .news .news-card .cover .foreground .cover-footer .social-links a.gmail {
+ background: #EC230E; }
+ .news .news-card .cover .foreground .cover-footer .social-links a.in {
+ background: #0066A9; }
+ @media (max-width: 576px) {
+ .news .news-card .cover .foreground .cover-footer .social-links {
+ display: none; } }
+ .news .news-card .cover .foreground .cover-footer .item {
+ padding: 10px 12px;
+ margin: 0;
+ display: inline-block;
+ font-size: 0.9rem; }
+ .news .news-card .cover .foreground .cover-footer .item.date {
+ position: relative; }
+ .news .news-card .cover .foreground .cover-footer .item.date:after {
+ content: "";
+ right: 0;
+ position: absolute;
+ height: 45%;
+ width: 1px;
+ background: #FFF;
+ top: 0;
+ bottom: 0;
+ margin: auto; }
+ .news .news-card .content {
+ display: flex;
+ /* flex-wrap: wrap; */
+ height: calc(100% - 190px);
+ /* align-items: flex-start; */
+ flex-direction: column;
+ justify-content: center; }
+ .news .news-card .content .text-part {
+ flex-grow: 1; }
+ .news .news-card .content .text-part.extended {
+ width: 100%; }
+ .news .news-card .content .text-part a {
+ text-decoration-color: #000000;
+ text-decoration: none; }
+ .news .news-card .content h4 {
+ font-size: 1.5rem;
+ font-family: 'Roboto Condensed', sans-serif;
+ font-weight: 700;
+ color: #000000;
+ line-height: 1.2em;
+ text-transform: none; }
+ .news .news-card .content p {
+ color: #4c4c4c;
+ margin: 0;
+ overflow: hidden; }
+ .news .news-card .content .category {
+ padding-top: 6px;
+ padding-bottom: 6px;
+ height: auto;
+ margin-bottom: 11px; }
+ .news .news-card .content .category .label {
+ display: inline-block;
+ font-family: 'Roboto Condensed', sans-serif;
+ color: #000000;
+ padding: 6px 14px;
+ background: #F0F0F0;
+ margin-right: 2px; }
+ .news .news-card .content hr {
+ border: none;
+ outline: none;
+ width: 100%;
+ height: 1px;
+ background: #000;
+ margin-top: 28px;
+ margin-bottom: 0px; }
+ .news .news-card.dark {
+ background-color: #000000; }
+ .news .news-card.dark .cover {
+ background-color: #000000; }
+ .news .news-card.dark .content h4, .news .news-card.dark .content p, .news .news-card.dark .content span {
+ color: #ffffff; }
+ .news .news-card.dark .content .category .label {
+ color: #ffffff;
+ background: #262626; }
+ .news .news-card.dark .content .text-part a {
+ text-decoration-color: #ffffff; }
+ .news .news-card:hover {
+ -webkit-box-shadow: 0px 3px 35px 0px rgba(118, 118, 118, 0.84);
+ -moz-box-shadow: 0px 3px 35px 0px rgba(118, 118, 118, 0.84);
+ box-shadow: 0px 3px 35px 0px rgba(118, 118, 118, 0.84); }
+ .news .news-card:hover .cover .foreground .cover-footer .social-links {
+ opacity: 1; }
+
+@media screen and (max-width: 767px) {
+ .news .news-card {
+ min-height: auto;
+ height: auto; }
+ .news .news-card .content .text-part {
+ min-height: auto; } }
+
+.news.program-section .news-card {
+ height: auto;
+ padding: 24px 12px 16px !important;
+ display: block; }
+ .news.program-section .news-card .cover {
+ width: 50%;
+ margin: auto;
+ text-align: center; }
+ .news.program-section .news-card .cover img {
+ display: block;
+ width: 100%;
+ max-width: 120px;
+ margin: auto;
+ margin-bottom: 9px; }
+ .news.program-section .news-card .content {
+ text-align: center; }
+ .news.program-section .news-card:hover .btn-basic {
+ background: #000;
+ color: #FFF; }
+ .news.program-section .news-card:hover .btn-basic .text {
+ color: #FFF; }
+
+.plan .container .focus-points-wrapper {
+ margin-top: 52px; }
+ .plan .container .focus-points-wrapper .focus-point {
+ position: relative;
+ padding-top: 28px;
+ padding-bottom: 20px; }
+ .plan .container .focus-points-wrapper .focus-point:after {
+ content: "";
+ position: absolute;
+ right: 0px;
+ top: 50%;
+ transform: translateY(-50%);
+ width: 1px;
+ height: 67%;
+ background-color: rgba(138, 138, 138, 0.15); }
+ .plan .container .focus-points-wrapper .focus-point.no-after:after {
+ display: none; }
+ .plan .container .focus-points-wrapper .focus-point:hover .point-card {
+ opacity: 1; }
+ .plan .container .focus-points-wrapper .focus-point:nth-child(-n+4) {
+ border-bottom: 1px solid rgba(138, 138, 138, 0.15); }
+ .plan .container .focus-points-wrapper .focus-point .circle-progress {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ width: 80%;
+ position: relative; }
+ .plan .container .focus-points-wrapper .focus-point .circle-progress .point-icon {
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ transform: translate(-50%, -50%); }
+ .plan .container .focus-points-wrapper .focus-point .circle-progress canvas {
+ width: 100% !important;
+ height: 100% !important; }
+ .plan .container .focus-points-wrapper .focus-point .point-title-wrap .point-title {
+ font-size: 1.3rem;
+ font-family: 'Roboto Condensed', sans-serif;
+ font-weight: 700;
+ color: #000;
+ text-align: center;
+ margin-top: 30px;
+ margin-bottom: 0px;
+ letter-spacing: -0.02em;
+ text-transform: none; }
+ .plan .container .focus-points-wrapper .focus-point .point-title-wrap .more {
+ display: none; }
+ .plan .container .focus-points-wrapper .focus-point .point-card {
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ width: 100%;
+ background: #fff;
+ height: 100%;
+ z-index: 2;
+ -webkit-box-shadow: 3px 3px 35px 0px rgba(48, 63, 78, 0.16);
+ -moz-box-shadow: 3px 3px 35px 0px rgba(48, 63, 78, 0.16);
+ box-shadow: 3px 3px 35px 0px rgba(48, 63, 78, 0.16);
+ -moz-transition: opacity 0.5s;
+ -o-transition: opacity 0.5s;
+ -webkit-transition: opacity 0.5s;
+ transition: opacity 0.5s;
+ opacity: 0; }
+ .plan .container .focus-points-wrapper .focus-point .point-card .card-row {
+ width: 100%;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: nowrap;
+ padding: 8px 15px 3px; }
+ .plan .container .focus-points-wrapper .focus-point .point-card .card-row.card-head {
+ padding: 24px 15px;
+ border-bottom: 1px solid #f0f0f0; }
+ @media (max-width: 768px) {
+ .plan .container .focus-points-wrapper .focus-point .point-card .card-row.card-head {
+ padding: 12px 15px; } }
+ .plan .container .focus-points-wrapper .focus-point .point-card .card-row.card-head .ok-mark {
+ width: 24px;
+ height: 24px; }
+ .plan .container .focus-points-wrapper .focus-point .point-card .card-row.card-head .card-title {
+ margin: 0 0 0 4px; }
+ .plan .container .focus-points-wrapper .focus-point .point-card .card-row.card-head .ok-mark, .plan .container .focus-points-wrapper .focus-point .point-card .card-row.card-head .card-title {
+ display: inline-block;
+ vertical-align: middle; }
+ .plan .container .focus-points-wrapper .focus-point .point-card .card-row.card-head .col-second h5 {
+ margin-top: 4px; }
+ .plan .container .focus-points-wrapper .focus-point .point-card .card-row .card-title {
+ font-family: 'Bebas Neue', cursive;
+ font-size: 1.3rem;
+ font-weight: 700;
+ margin: 0; }
+ .plan .container .focus-points-wrapper .focus-point .point-card .card-row .show-all {
+ font-family: 'Roboto Condensed', sans-serif;
+ font-size: 1.2rem;
+ position: relative;
+ display: block;
+ width: 100%;
+ color: #000000;
+ font-weight: 500;
+ padding: 6px 0; }
+ .plan .container .focus-points-wrapper .focus-point .point-card .card-row .show-all:after {
+ content: "";
+ width: 7px;
+ height: 7px;
+ position: absolute;
+ border-right: 2px solid #000000;
+ border-bottom: 2px solid #000000;
+ transform: rotate(-45deg) translateY(-50%);
+ right: 0px;
+ top: 50%; }
+ .plan .container .focus-points-wrapper .focus-point .point-card .card-row .col-first {
+ flex: 1;
+ width: calc(100% - 60px);
+ position: relative;
+ display: flex;
+ align-items: center; }
+ .plan .container .focus-points-wrapper .focus-point .point-card .card-row .col-first p {
+ width: 100%; }
+ .plan .container .focus-points-wrapper .focus-point .point-card .card-row .col-second {
+ flex: 0 0 60px;
+ text-align: center;
+ position: relative; }
+ .plan .container .focus-points-wrapper .focus-point .point-card .card-row .col-second .percent {
+ display: none; }
+ .plan .container .focus-points-wrapper .focus-point .point-card .card-row .col-second .number {
+ font-family: "Bebas Neue", cursive;
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 13px;
+ margin: auto;
+ height: 20px;
+ line-height: 18px; }
+ .plan .container .focus-points-wrapper .focus-point .point-card .card-row .col-100 {
+ flex: 0 0 100%; }
+ .plan .container .focus-points-wrapper .focus-point .point-card .point-list {
+ font-family: 'Roboto', sans-serif;
+ font-weight: normal;
+ font-size: 14px; }
+ .plan .container .focus-points-wrapper .focus-point .point-card .point-list .card-row:nth-child(even) {
+ background: #FAFAFA; }
+ .plan .container .focus-points-wrapper .focus-point .point-card .point-list p {
+ margin: 0px; }
+ @media (max-width: 576px) {
+ .plan .container .focus-points-wrapper .focus-point {
+ display: flex;
+ align-items: center;
+ background: #f3f3f3;
+ border-bottom: none !important;
+ flex-wrap: wrap;
+ cursor: pointer; }
+ .plan .container .focus-points-wrapper .focus-point .circle-progress {
+ width: 110px;
+ margin: 0; }
+ .plan .container .focus-points-wrapper .focus-point .circle-progress .point-icon {
+ width: 49%; }
+ .plan .container .focus-points-wrapper .focus-point .point-title-wrap {
+ margin: 0;
+ text-align: left;
+ margin-left: 30px;
+ width: calc(100% - 148px); }
+ .plan .container .focus-points-wrapper .focus-point .point-title-wrap .point-title {
+ font-size: 19px;
+ text-transform: none;
+ margin: 0;
+ text-align: left;
+ width: 100%; }
+ .plan .container .focus-points-wrapper .focus-point .point-title-wrap .more {
+ display: block;
+ margin-top: 13px;
+ font-size: 0.76rem;
+ font-weight: 400;
+ color: #717171; }
+ .plan .container .focus-points-wrapper .focus-point .point-title-wrap .more i {
+ margin-left: 7px;
+ opacity: 0.7;
+ font-size: 0.7rem; }
+ .plan .container .focus-points-wrapper .focus-point .point-card {
+ position: relative;
+ margin-left: -15px;
+ margin-right: -15px;
+ width: calc(100% + 30px);
+ margin-top: 22px;
+ height: auto;
+ margin-bottom: -20px;
+ opacity: 1;
+ display: none; }
+ .plan .container .focus-points-wrapper .focus-point .point-card .card-row .show-all {
+ font-size: 0.7rem;
+ font-weight: 600;
+ width: 75px;
+ margin: auto; }
+ .plan .container .focus-points-wrapper .focus-point .point-card .card-row .show-all:after {
+ border-right: 1px solid #000;
+ border-bottom: 1px solid #000;
+ transform: rotate(45deg) translateY(-50%);
+ top: 43%; }
+ .plan .container .focus-points-wrapper .focus-point .point-card.active {
+ display: block; }
+ .plan .container .focus-points-wrapper .focus-point:after {
+ display: none; }
+ .plan .container .focus-points-wrapper .focus-point.active {
+ background: #fff;
+ box-shadow: 0 0 15px #dcdcdc; }
+ .plan .container .focus-points-wrapper .focus-point.active .point-card {
+ box-shadow: none; }
+ .plan .container .focus-points-wrapper .focus-point.active .point-card .card-row.card-head {
+ padding: 4px 10px;
+ border-bottom: none;
+ background: #fafafa; }
+ .plan .container .focus-points-wrapper .focus-point.active .point-card .card-row.card-head .ok-mark {
+ display: none; }
+ .plan .container .focus-points-wrapper .focus-point.active .point-card .card-row.card-head .card-title {
+ font-size: 14px;
+ font-family: 'Roboto Condensed', sans-serif;
+ text-transform: none; }
+ .plan .container .focus-points-wrapper .focus-point.active .point-card .card-row {
+ min-height: 32px;
+ padding: 8px 15px 6px; }
+ .plan .container .focus-points-wrapper .focus-point.active .point-card .card-row .col-first p {
+ font-size: 0.72rem; }
+ .plan .container .focus-points-wrapper .focus-point.active .point-card .card-row .col-second {
+ align-items: center;
+ justify-content: center;
+ display: flex; }
+ .plan .container .focus-points-wrapper .focus-point.active .point-card .card-row .col-second .percent {
+ font-size: 0.72rem;
+ display: block; }
+ .plan .container .focus-points-wrapper .focus-point.active .point-card .card-row .col-second img {
+ display: none; } }
+
+.countdown .elections-countdown {
+ display: block;
+ width: 100%;
+ background: #000000;
+ padding: 70px 64px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ flex-wrap: wrap; }
+ .countdown .elections-countdown h2 {
+ color: #ffffff;
+ margin: 0px;
+ display: inline-block;
+ margin: 25px 0; }
+ @media (max-width: 576px) {
+ .countdown .elections-countdown h2 {
+ font-size: 2.6rem;
+ width: 177px;
+ line-height: 3.1rem; } }
+ .countdown .elections-countdown .flip-clock-wrapper {
+ display: inline-block;
+ width: auto;
+ float: right; }
+ .countdown .elections-countdown .flip-clock-wrapper ul {
+ width: 114px;
+ height: 201px;
+ border-radius: 0px;
+ background: #000000; }
+ .countdown .elections-countdown .flip-clock-wrapper ul:before {
+ content: "";
+ position: absolute;
+ width: 90%;
+ height: 106%;
+ border: 1px solid #575757;
+ left: 50%;
+ top: 50%;
+ transform: translate(-50%, -50%); }
+ .countdown .elections-countdown .flip-clock-wrapper ul li {
+ line-height: 218px; }
+ .countdown .elections-countdown .flip-clock-wrapper ul li a {
+ -webkit-perspective: 800px;
+ -moz-perspective: 800px;
+ perspective: 800px; }
+ .countdown .elections-countdown .flip-clock-wrapper ul li a div {
+ font-size: 148px;
+ border-radius: 0px; }
+ .countdown .elections-countdown .flip-clock-wrapper ul li a div.up {
+ border: 1px solid #575757; }
+ .countdown .elections-countdown .flip-clock-wrapper ul li a div.up .inn {
+ background-image: linear-gradient(to bottom, #1B1B1B 0%, #000000 100%);
+ background-image: -o-linear-gradient(bottom, #1B1B1B 0%, #000000 100%);
+ background-image: -moz-linear-gradient(bottom, #1B1B1B 0%, #000000 100%);
+ background-image: -webkit-linear-gradient(bottom, #1B1B1B 0%, #000000 100%);
+ background-image: -ms-linear-gradient(bottom, #1B1B1B 0%, #000000 100%);
+ background-size: 100% 50%; }
+ .countdown .elections-countdown .flip-clock-wrapper ul li a div.up:after {
+ top: 99px;
+ background-color: #575757; }
+ .countdown .elections-countdown .flip-clock-wrapper ul li a div.up:before {
+ content: "";
+ position: absolute;
+ background-image: url(../img/clips.svg);
+ background-size: 90%;
+ background-repeat: no-repeat;
+ background-position: center 87px;
+ width: 100%;
+ height: 100%;
+ left: 0px;
+ top: 0px;
+ z-index: 10; }
+ .countdown .elections-countdown .flip-clock-wrapper ul li a div.down {
+ border: 1px solid #575757; }
+ .countdown .elections-countdown .flip-clock-wrapper ul li a div.down:before {
+ content: "";
+ position: absolute;
+ background-image: url(../img/clips.svg);
+ background-size: 90%;
+ background-repeat: no-repeat;
+ background-position: center -11px;
+ width: 100%;
+ height: 100%;
+ left: 0px;
+ top: 0px;
+ z-index: 10; }
+ .countdown .elections-countdown .flip-clock-wrapper ul li a div.down .inn {
+ background: #060606; }
+ .countdown .elections-countdown .flip-clock-wrapper ul li a div div.inn {
+ font-family: 'Bebas Neue', cursive;
+ font-size: 148px;
+ color: #ffffff;
+ background-color: #000000;
+ border-radius: 0px; }
+ .countdown .elections-countdown .flip-clock-wrapper.hours-remaining .flip:nth-child(8) {
+ display: none; }
+ .countdown .elections-countdown .flip-clock-wrapper.hours-remaining .flip:nth-child(9) {
+ display: none; }
+ .countdown .elections-countdown .flip-clock-wrapper.days-remaining .min {
+ display: none !important; }
+ .countdown .elections-countdown .flip-clock-wrapper.days-remaining .flip:nth-child(8) {
+ display: none; }
+ .countdown .elections-countdown .flip-clock-wrapper.days-remaining .flip:nth-child(9) {
+ display: none; }
+ .countdown .elections-countdown .flip-clock-wrapper.days-remaining .flip:nth-child(11) {
+ display: none; }
+ .countdown .elections-countdown .flip-clock-wrapper.days-remaining .flip:nth-child(12) {
+ display: none; }
+ .countdown .elections-countdown .flip-clock-divider {
+ z-index: 20; }
+ .countdown .elections-countdown .flip-clock-divider .flip-clock-dot {
+ background: rgba(0, 0, 0, 0); }
+ .countdown .elections-countdown .flip-clock-divider .flip-clock-label {
+ font-family: 'Bebas Neue', cursive;
+ font-size: 32px;
+ color: #ffffff;
+ right: -143px;
+ bottom: -102px;
+ top: auto; }
+ .countdown .elections-countdown .flip-clock-divider.seconds {
+ display: none; }
+
+@media screen and (max-width: 1199px) {
+ .countdown .elections-countdown {
+ padding: 52px 50px; }
+ .countdown .elections-countdown h1 {
+ font-size: 82px; }
+ .countdown .elections-countdown .flip-clock-wrapper ul {
+ width: 94px;
+ height: 146px; }
+ .countdown .elections-countdown .flip-clock-wrapper ul li {
+ line-height: 152px; }
+ .countdown .elections-countdown .flip-clock-wrapper ul li a div.up:before {
+ background-position: center 63px; }
+ .countdown .elections-countdown .flip-clock-wrapper ul li a div div.inn {
+ font-size: 106px; }
+ .countdown .elections-countdown .flip-clock-divider .flip-clock-label {
+ right: -122px;
+ bottom: -72px; } }
+
+@media screen and (max-width: 991px) {
+ .countdown .elections-countdown {
+ text-align: center;
+ padding: 52px 30px;
+ justify-content: center; }
+ .countdown .elections-countdown h1 {
+ font-size: 62px;
+ text-align: center;
+ display: block;
+ margin-bottom: 30px; }
+ .countdown .elections-countdown .flip-clock-wrapper {
+ float: none; } }
+
+@media screen and (max-width: 767px) {
+ .countdown .elections-countdown {
+ padding: 30px 0; }
+ .countdown .elections-countdown .flip-clock-wrapper ul {
+ width: 60px;
+ height: 106px; }
+ .countdown .elections-countdown .flip-clock-wrapper ul li {
+ line-height: 117px; }
+ .countdown .elections-countdown .flip-clock-wrapper ul li a div.up:before {
+ background-position: center 45px; }
+ .countdown .elections-countdown .flip-clock-wrapper ul li a div.down:before {
+ background-position: center -7px; }
+ .countdown .elections-countdown .flip-clock-wrapper ul li a div div.inn {
+ font-size: 86px; }
+ .countdown .elections-countdown .flip-clock-divider {
+ width: 10px; }
+ .countdown .elections-countdown .flip-clock-divider .flip-clock-label {
+ right: -88px;
+ bottom: -38px; } }
+
+@media screen and (max-width: 450px) {
+ .countdown .elections-countdown {
+ padding: 15px 0 50px; }
+ .countdown .elections-countdown h1 {
+ font-size: 40px;
+ text-align: center;
+ display: block;
+ margin-bottom: 30px; }
+ .countdown .elections-countdown .flip-clock-wrapper ul {
+ width: 50px;
+ height: 80px; }
+ .countdown .elections-countdown .flip-clock-wrapper ul li {
+ line-height: 85px; }
+ .countdown .elections-countdown .flip-clock-wrapper ul li a div.up:before {
+ background-position: center 35px; }
+ .countdown .elections-countdown .flip-clock-wrapper ul li a div div.inn {
+ font-size: 60px; }
+ .countdown .elections-countdown .flip-clock-divider .flip-clock-label {
+ right: -73px;
+ bottom: -29px;
+ font-size: 26px; } }
+
+.countdown.hidden {
+ display: none; }
+
+.candidate-wrapper {
+ border-right: 1px solid rgba(138, 138, 138, 0.15); }
+ .candidate-wrapper:nth-child(4n) {
+ border-right: none; }
+ @media (max-width: 768px) {
+ .candidate-wrapper {
+ border-right: none !important; } }
+ .candidate-wrapper:hover {
+ text-decoration: none !important; }
+ .candidate-wrapper:hover* {
+ text-decoration: none !important; }
+
+.candidate-banner {
+ background: #090A0B;
+ position: relative;
+ display: flex;
+ flex-wrap: wrap;
+ flex-direction: column; }
+ .candidate-banner .image {
+ flex-grow: 1; }
+ .candidate-banner h1 {
+ font-family: 'Bebas Neue', cursive;
+ color: #ffffff;
+ margin: 0px;
+ font-size: 4.5rem;
+ line-height: 4.5rem; }
+ @media (max-width: 576px) {
+ .candidate-banner {
+ display: flex;
+ flex-wrap: wrap;
+ align-items: end;
+ justify-content: space-between;
+ padding: 27px; }
+ .candidate-banner img {
+ max-width: 62px;
+ margin-top: -7px; }
+ .candidate-banner h1 {
+ margin: 0;
+ font-size: 2.2rem; } }
+
+.candidate-card {
+ background-color: rgba(255, 255, 255, 0);
+ box-shadow: 0px 3px 35px 0px rgba(118, 118, 118, 0);
+ min-height: 100%;
+ -moz-transition: box-shadow 0.5s, background-color 0.5s, border-bottom 0.5s;
+ -o-transition: box-shadow 0.5s, background-color 0.5s, border-bottom 0.5s;
+ -webkit-transition: box-shadow 0.5s, background-color 0.5s, border-bottom 0.5s;
+ transition: box-shadow 0.5s, background-color 0.5s, border-bottom 0.5s; }
+ .candidate-card:hover {
+ background-color: #fff;
+ box-shadow: 0px 3px 35px 0px rgba(118, 118, 118, 0.42); }
+ .candidate-card .candidate-first {
+ padding-bottom: 12px; }
+ .candidate-card .candidate-first .profile-img-box {
+ position: relative;
+ display: inline-block;
+ margin-top: -28px; }
+ .candidate-card .candidate-first .profile-img-box .candidate-id {
+ width: 40px;
+ height: 40px;
+ line-height: 40px;
+ border-radius: 100%;
+ font-family: 'Bebas Neue', cursive;
+ font-size: 1.55rem;
+ background: #000000;
+ color: #ffffff;
+ display: inline-block;
+ position: absolute;
+ top: 10px;
+ left: 10px; }
+ .candidate-card .candidate-first .profile-info .name {
+ font-family: 'Roboto Condensed', sans-serif;
+ font-size: 1.5rem;
+ text-transform: uppercase;
+ font-weight: 600;
+ margin-top: 22px;
+ margin-bottom: 0px;
+ color: #000; }
+ .candidate-card .candidate-first .profile-info .mail {
+ color: #4c4c4c;
+ font-family: 'Roboto', sans-serif;
+ margin-top: 0px;
+ margin-bottom: 14px;
+ font-weight: 300; }
+ .candidate-card .candidate-first .profile-info .profession {
+ font-family: 'Roboto Condensed', sans-serif;
+ text-transform: uppercase;
+ font-weight: 400;
+ height: 42px; }
+ .candidate-card .age {
+ background: #F7F7F7;
+ border-top: 1px solid rgba(0, 0, 0, 0.07);
+ border-bottom: 1px solid rgba(0, 0, 0, 0.07); }
+ .candidate-card .age .first {
+ padding: 10px;
+ text-align: center;
+ font-family: 'Roboto', sans-serif;
+ color: #000000;
+ border-right: 1px solid rgba(0, 0, 0, 0.07); }
+ .candidate-card .age .second {
+ font-family: 'Roboto Condensed', sans-serif;
+ font-weight: bold;
+ letter-spacing: -0.05em;
+ padding: 8px;
+ text-align: center; }
+ .candidate-card .candidate-last {
+ padding: 14px 9px; }
+ .candidate-card .candidate-last blockquote {
+ font-family: "Roboto", sans-serif !important;
+ font-weight: 300 !important;
+ font-style: italic !important;
+ color: #4c4c4c !important;
+ width: inherit;
+ border: none;
+ text-align: center;
+ margin: 0;
+ padding: 0; }
+ .candidate-card .candidate-last .social-icons {
+ width: 80%;
+ margin-left: auto;
+ margin-right: auto;
+ padding: 4px 0px; }
+ .candidate-card .candidate-last .social-icons a {
+ color: #000;
+ text-decoration: none; }
+ @media (max-width: 576px) {
+ .candidate-card {
+ border-color: #ececec; }
+ .candidate-card .candidate-first {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ margin-bottom: 9px; }
+ .candidate-card .candidate-first .profile-img-box {
+ margin: 0; }
+ .candidate-card .candidate-first .profile-img-box .candidate-id {
+ width: 20px;
+ height: 20px;
+ font-size: 0.7rem;
+ line-height: 1.4rem;
+ left: 5px;
+ top: 4px; }
+ .candidate-card .candidate-first .profile-img-box img {
+ max-width: 89px; }
+ .candidate-card .candidate-first .profile-info {
+ text-align: left;
+ margin-left: 16px; }
+ .candidate-card .candidate-first .profile-info .name {
+ font-size: 0.97rem;
+ margin-top: 0; }
+ .candidate-card .candidate-first .profile-info .mail {
+ margin-bottom: 4px; }
+ .candidate-card .candidate-first .profile-info .profession {
+ font-size: 0.7rem;
+ height: auto; }
+ .candidate-card .age {
+ border: none; }
+ .candidate-card .age .first {
+ text-align: center;
+ font-size: 0.7rem;
+ padding: 7px 0 5px;
+ border: none; }
+ .candidate-card .age .second {
+ font-size: 0.7rem;
+ font-weight: 500; }
+ .candidate-card .age .second img {
+ width: 15px; }
+ .candidate-card .candidate-last {
+ border-bottom: 1px solid #e2e2e2;
+ padding: 0; }
+ .candidate-card .candidate-last blockquote {
+ display: none; }
+ .candidate-card .candidate-last .social-icons a {
+ font-size: 0.7rem; } }
+
+.candidate-list {
+ position: relative; }
+ .candidate-list:after {
+ content: "";
+ position: absolute;
+ bottom: 0px;
+ left: 0px;
+ width: 100%;
+ height: 100%;
+ background-image: linear-gradient(to bottom, #fff 0%, rgba(255, 255, 255, 0) 100%);
+ background-image: -o-linear-gradient(bottom, #fff 0%, rgba(255, 255, 255, 0) 100%);
+ background-image: -moz-linear-gradient(bottom, #fff 0%, rgba(255, 255, 255, 0) 100%);
+ background-image: -webkit-linear-gradient(bottom, #fff 0%, rgba(255, 255, 255, 0) 100%);
+ background-image: -ms-linear-gradient(bottom, #fff 0%, rgba(255, 255, 255, 0) 100%); }
+ .candidate-list .btn-icon {
+ position: absolute;
+ z-index: 5;
+ bottom: -40px;
+ left: 0;
+ right: 0; }
+ .candidate-list .item:nth-child(odd) {
+ background-color: #F7F7F7; }
+ .candidate-list .item .first {
+ position: relative;
+ text-align: center; }
+ .candidate-list .item .first img {
+ width: 47px; }
+ @media screen and (max-width: 768px) {
+ .candidate-list .item .first {
+ display: flex;
+ align-items: center; }
+ .candidate-list .item .first img {
+ width: 44px; } }
+ .candidate-list .item p {
+ font-family: 'Roboto Condensed', sans-serif;
+ font-size: 1.1rem;
+ margin-top: 0px;
+ margin-bottom: 0px;
+ text-transform: uppercase; }
+ .candidate-list .item p strong {
+ font-weight: bold; }
+ .candidate-list .item p.political-party {
+ font-size: 1rem;
+ text-transform: none; }
+ @media screen and (max-width: 768px) {
+ .candidate-list .item p {
+ font-size: 0.9rem; } }
+ .candidate-list .item .second {
+ position: relative;
+ align-items: center;
+ display: flex;
+ padding-left: 0;
+ margin-left: -40px; }
+ @media screen and (max-width: 991px) {
+ .candidate-list .item .second {
+ margin: 0; } }
+ .candidate-list .item .second:after {
+ content: "";
+ position: absolute;
+ width: 1px;
+ height: 70%;
+ right: 0px;
+ top: 15%;
+ background: rgba(0, 0, 0, 0.07); }
+ @media screen and (max-width: 768px) {
+ .candidate-list .item .second:after {
+ display: none; } }
+ .candidate-list .item .last {
+ align-items: center;
+ display: flex;
+ justify-content: space-between; }
+ @media screen and (max-width: 991px) {
+ .candidate-list .item .last p {
+ font-size: 0.7rem; }
+ .candidate-list .item .last p.political-party {
+ font-size: 0.6rem; }
+ .candidate-list .item .last p img {
+ width: 14px; } }
+ .candidate-list .item:hover {
+ box-shadow: 0 0 30px #0000001a;
+ background: #FFF; }
+ .candidate-list.full:after {
+ display: none; }
+
+@media screen and (max-width: 1199px) {
+ .candidate-wrapper:nth-child(4n) {
+ border-right: 1px solid rgba(138, 138, 138, 0.15); }
+ .candidate-wrapper:nth-child(3n) {
+ border-right: none; } }
+
+@media screen and (max-width: 991px) {
+ .candidate-wrapper:nth-child(4n) {
+ border-right: 1px solid rgba(138, 138, 138, 0.15); }
+ .candidate-wrapper:nth-child(3n) {
+ border-right: 1px solid rgba(138, 138, 138, 0.15); }
+ .candidate-wrapper:nth-child(even) {
+ border-right: none; } }
+
+.calendar {
+ width: 100%;
+ color: #000; }
+ .calendar .calendar-title {
+ background: linear-gradient(90deg, #cb060c 0%, #e2262b 100%);
+ min-height: 451px;
+ color: #FFF;
+ padding: 48px 35px 31px;
+ display: flex;
+ flex-wrap: wrap;
+ flex-direction: column; }
+ .calendar .calendar-title .image {
+ flex-grow: 1; }
+ .calendar .calendar-title .image img {
+ max-width: 90%;
+ width: 134px; }
+ .calendar .calendar-title .title {
+ font-family: "Bebas Neue", cursive;
+ text-transform: uppercase;
+ line-height: 42px;
+ margin-bottom: 23px; }
+ .calendar .calendar-title .btn-basic {
+ align-self: baseline; }
+ @media (max-width: 1200px) {
+ .calendar .calendar-title {
+ padding: 34px 35px 31px;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: center;
+ min-height: 180px; }
+ .calendar .calendar-title .image {
+ flex-grow: 0; }
+ .calendar .calendar-title .image img {
+ width: 100px; }
+ .calendar .calendar-title .title {
+ margin-bottom: 0;
+ flex-grow: 1; }
+ .calendar .calendar-title .btn-basic {
+ align-self: center; } }
+ @media (max-width: 576px) {
+ .calendar .calendar-title {
+ padding: 33px 23px 23px; }
+ .calendar .calendar-title .image {
+ width: 100%;
+ margin-bottom: 10px; }
+ .calendar .calendar-title .image img {
+ width: 23px; }
+ .calendar .calendar-title .title {
+ font-size: 2.7rem;
+ line-height: 3.2rem; }
+ .calendar .calendar-title .btn-basic {
+ display: none; } }
+ .calendar .calendar-content .calendar-content-wrap .calendar-row {
+ border-bottom: 1px solid #c5c5c545; }
+ .calendar .calendar-content .calendar-content-wrap .calendar-row .date {
+ display: flex;
+ align-items: center;
+ justify-content: center; }
+ .calendar .calendar-content .calendar-content-wrap .calendar-row .date span {
+ font-family: "Bebas Neue", cursive;
+ color: #ce090f;
+ font-size: 2rem;
+ padding: 8px 0; }
+ .calendar .calendar-content .calendar-content-wrap .calendar-row .content {
+ align-items: center;
+ padding: 8px 15px;
+ border-left: 1px solid #c5c5c545; }
+ .calendar .calendar-content .calendar-content-wrap .calendar-row .content .title {
+ font-weight: 600;
+ display: block; }
+ .calendar .calendar-content .calendar-content-wrap .calendar-row .content .text {
+ color: #4c4c4c; }
+ @media (max-width: 576px) {
+ .calendar .calendar-content .calendar-content-wrap .calendar-row .content .title {
+ display: inline-block;
+ margin-right: 6px; } }
+ .calendar .calendar-content .calendar-content-wrap .calendar-row .map {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border-left: 1px solid #c5c5c545; }
+ .calendar .calendar-content .calendar-content-wrap .calendar-row .map i {
+ margin-right: 8px;
+ color: #cf0b10; }
+ .calendar .calendar-content .calendar-content-wrap .calendar-row .map span {
+ color: #4c4c4c; }
+ @media (max-width: 576px) {
+ .calendar .calendar-content .calendar-content-wrap .calendar-row .map {
+ flex-wrap: wrap; }
+ .calendar .calendar-content .calendar-content-wrap .calendar-row .map i {
+ align-self: flex-end;
+ margin: 0 auto; }
+ .calendar .calendar-content .calendar-content-wrap .calendar-row .map span {
+ align-self: end;
+ margin-top: 6px;
+ text-align: center;
+ display: block;
+ width: 100%; } }
+ .calendar .calendar-content .calendar-content-wrap .calendar-row:hover {
+ background: #FFF;
+ box-shadow: 0 0 22px #b9b9b945; }
+ .calendar .calendar-content .calendar-content-wrap .calendar-row.active {
+ background: #FFF;
+ box-shadow: 0 0 22px #b9b9b945; }
+ .calendar .calendar-content .calendar-empty {
+ height: 100%;
+ position: relative;
+ min-height: 300px;
+ background: #FFF; }
+ .calendar .calendar-content .calendar-empty span {
+ font-family: "Bebas Neue", cursive;
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ margin: auto;
+ display: block;
+ width: 257px;
+ height: 100px;
+ text-align: center; }
+ .calendar .calendar-content .calendar-empty i {
+ font-size: 250px;
+ opacity: 0.05;
+ position: absolute;
+ z-index: 0;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ margin: auto;
+ width: 158px;
+ height: 158px;
+ font-weight: 500;
+ line-height: 160px; }
+ .calendar.full .calendar-content .calendar-content-wrap .calendar-row .date {
+ justify-content: flex-start; }
+ .calendar.full .calendar-content .calendar-content-wrap .calendar-row .date span {
+ font-size: 1.25rem;
+ padding: 8px 0; }
+ .calendar.full .calendar-content .calendar-content-wrap .calendar-row .content {
+ padding: 10px 15px 9px;
+ border-left: 1px solid #c5c5c545; }
+ .calendar.full .calendar-content .calendar-content-wrap .calendar-row .content .text {
+ display: none; }
+ .calendar.full .calendar-content .calendar-content-wrap .calendar-row.date-heading {
+ box-shadow: none; }
+ .calendar.full .calendar-content .calendar-content-wrap .calendar-row .calendar-expand {
+ display: none;
+ border-top: 1px solid #c5c5c545; }
+ .calendar.full .calendar-content .calendar-content-wrap .calendar-row .calendar-expand .close-expand {
+ position: absolute;
+ font-size: 1.25rem;
+ right: 24px;
+ transition: 200ms;
+ z-index: 2; }
+ .calendar.full .calendar-content .calendar-content-wrap .calendar-row .calendar-expand .close-expand:hover {
+ color: #000;
+ transform: scale(1.1); }
+ .calendar.full .calendar-content .calendar-content-wrap .calendar-row .calendar-expand .expand-title {
+ font-weight: 600;
+ display: block;
+ line-height: 23px; }
+ .calendar.empty .calendar-empty {
+ display: block; }
+ .calendar.empty .calendar-content-wrap {
+ display: none; }
+
+.socials .follow-us {
+ padding: 29px 38px;
+ background: #F4F5F6;
+ border: 1px solid #E8EBED;
+ position: relative;
+ display: flex;
+ align-items: center;
+ justify-content: space-between; }
+ .socials .follow-us .flag {
+ z-index: 1;
+ margin-top: -52px;
+ margin-bottom: -29px;
+ max-width: 77%;
+ align-self: flex-end; }
+ .socials .follow-us .foreground {
+ position: relative;
+ z-index: 2; }
+ .socials .follow-us .foreground h2 {
+ font-family: 'Bebas Neue', cursive;
+ font-size: 3rem;
+ color: #000000;
+ margin-top: 0px;
+ margin-bottom: 28px;
+ min-width: 178px; }
+ .socials .follow-us .foreground .social-links {
+ font-size: 1.5rem; }
+ .socials .follow-us .foreground .social-links a {
+ display: inline-block;
+ margin-right: 16px;
+ color: #000000; }
+ .socials .follow-us .foreground .social-links a:hover {
+ color: #282828; }
+ @media (max-width: 992px) {
+ .socials .follow-us .flag {
+ margin-right: -60px; }
+ .socials .follow-us .foreground h2 {
+ font-size: 2rem;
+ min-width: inherit; }
+ .socials .follow-us .foreground .social-links {
+ font-size: 1.2rem; } }
+ @media (max-width: 470px) {
+ .socials .follow-us {
+ padding: 16px 15px; }
+ .socials .follow-us .flag {
+ margin-right: -20px;
+ max-width: 192px;
+ margin-bottom: -19px; }
+ .socials .follow-us .foreground h2 {
+ font-size: 1.3rem; }
+ .socials .follow-us .foreground .social-links {
+ font-size: 1rem; }
+ .socials .follow-us .foreground .social-links a {
+ margin-right: 7px; } }
+
+.news-detail .news-container .info-bar .article-info {
+ font-family: 'Roboto', sans-serif;
+ display: inline-block;
+ color: #929292; }
+ .news-detail .news-container .info-bar .article-info:not(:last-child) {
+ margin-right: 20px;
+ position: relative; }
+ .news-detail .news-container .info-bar .article-info:not(:last-child):after {
+ content: "";
+ position: absolute;
+ top: 6px;
+ height: 10px;
+ width: 1px;
+ background: #8f8f8f;
+ right: -13px; }
+ @media screen and (max-width: 475px) {
+ .news-detail .news-container .info-bar .article-info {
+ font-size: 0.7rem; }
+ .news-detail .news-container .info-bar .article-info:not(:last-child) {
+ margin-right: 8px; } }
+
+.news-detail .news-container .info-bar .category {
+ background: rgba(0, 0, 0, 0.06);
+ font-family: 'Roboto Condensed', sans-serif;
+ color: #000000;
+ padding: 7.5px 32px;
+ font-weight: 500;
+ margin-right: 3px;
+ display: inline-block; }
+ @media screen and (max-width: 475px) {
+ .news-detail .news-container .info-bar .category {
+ padding: 5px 10px; } }
+
+.news-detail .news-container .info-bar .socials {
+ background: #000000;
+ padding: 7.5px 34px;
+ display: inline-block;
+ display: none; }
+ .news-detail .news-container .info-bar .socials a {
+ color: #ffffff;
+ margin-left: 4px;
+ margin-right: 4px; }
+ @media screen and (max-width: 475px) {
+ .news-detail .news-container .info-bar .socials {
+ padding: 2.5px 14px; } }
+
+.news-detail .news-container h1 {
+ font-size: 4.23rem;
+ line-height: 4.3rem; }
+ @media screen and (max-width: 768px) {
+ .news-detail .news-container h1 {
+ font-size: 2.6rem;
+ line-height: 3rem; } }
+
+.news-detail .news-container h4 {
+ font-size: 2.36rem;
+ line-height: 3rem;
+ margin-top: 0px;
+ margin-bottom: 0px; }
+
+.news-detail .news-container strong {
+ font-weight: bold; }
+
+.news-detail .news-container ul {
+ list-style: none;
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ width: 84%;
+ margin-top: 0px;
+ margin-bottom: 0px; }
+ .news-detail .news-container ul li {
+ color: #adadad;
+ font-size: .88rem;
+ line-height: 1.4rem;
+ font-family: 'Roboto', sans-serif;
+ padding-top: 4px;
+ padding-bottom: 4px; }
+ .news-detail .news-container ul li:before {
+ content: "";
+ color: #000000;
+ font-weight: bold;
+ display: inline-block;
+ width: 1em;
+ margin-left: -1em; }
+
+.modal-dialog {
+ max-width: 100%; }
+
+.modal-content {
+ background-color: rgba(0, 0, 0, 0);
+ border: none; }
+ .modal-content .close {
+ position: absolute;
+ right: 39px;
+ top: 24px;
+ text-shadow: none;
+ z-index: 22;
+ background: rgba(255, 255, 255, 0.7);
+ padding: 9px 13.5px;
+ opacity: 1; }
+ .modal-content .carousel-control-next, .modal-content .carousel-control-prev {
+ top: 50%;
+ transform: translateY(-50%);
+ opacity: 1;
+ width: auto;
+ height: auto;
+ bottom: auto;
+ padding: 13px 17px;
+ color: #000;
+ background: rgba(255, 255, 255, 0.7); }
+ .modal-content .carousel-control-prev {
+ left: 24px; }
+ .modal-content .carousel-control-next {
+ right: 24px; }
+ @media screen and (max-width: 991px) {
+ .modal-content .close {
+ right: 26px;
+ top: 12px;
+ padding: 4.5px 8px;
+ font-size: 20px; }
+ .modal-content .carousel-control-next, .modal-content .carousel-control-prev {
+ padding: 8px 11px;
+ font-size: 13px; }
+ .modal-content .carousel-control-next {
+ right: 12px; }
+ .modal-content .carousel-control-prev {
+ left: 12px; } }
+ @media screen and (max-width: 575px) {
+ .modal-content .close {
+ right: 22px;
+ top: 6px;
+ padding: 3.5px 6px;
+ font-size: 14px; }
+ .modal-content .carousel-control-next, .modal-content .carousel-control-prev {
+ padding: 4px 7.25px; }
+ .modal-content .carousel-control-next {
+ right: 6px; }
+ .modal-content .carousel-control-prev {
+ left: 6px; } }
+
+.modal-backdrop.show {
+ opacity: .8; }
+
+.share-box-wrap {
+ height: 100%; }
+ .share-box-wrap .share-box {
+ position: sticky;
+ top: 0;
+ padding: 0 15px;
+ padding: 28px 28px 0 28px;
+ box-shadow: 0px 3px 25px 0px rgba(118, 118, 118, 0.19);
+ overflow: hidden; }
+ .share-box-wrap .share-box i {
+ font-size: 44px;
+ margin-bottom: 53px; }
+ @media screen and (max-width: 768px) {
+ .share-box-wrap .share-box i {
+ margin-bottom: 10px;
+ font-size: 28px; } }
+ .share-box-wrap .share-box span {
+ display: block;
+ width: 100%;
+ font-size: 2.4rem;
+ font-family: "Bebas Neue", cursive; }
+ .share-box-wrap .share-box .share-btns {
+ display: flex;
+ justify-content: space-between;
+ margin-bottom: 10px; }
+ .share-box-wrap .share-box .share-btns a {
+ color: #FFF;
+ flex-grow: 1;
+ margin: 10px;
+ text-align: center;
+ padding: 9px 0 6px; }
+ .share-box-wrap .share-box .share-btns a i {
+ margin: 0;
+ font-size: 27px; }
+ .share-box-wrap .share-box .share-btns .fb {
+ background: #1978f3; }
+ .share-box-wrap .share-box .share-btns .tw {
+ background: #1fa0f2; }
+ .share-box-wrap .share-box img.flag {
+ margin-bottom: -25px; }
+ @media screen and (max-width: 768px) {
+ .share-box-wrap .share-box img.flag {
+ display: none; } }
+
+.candidate-wrapper {
+ border-right: 1px solid rgba(138, 138, 138, 0.15); }
+ .candidate-wrapper:nth-child(4n) {
+ border-right: none; }
+ @media (max-width: 768px) {
+ .candidate-wrapper {
+ border-right: none !important; } }
+ .candidate-wrapper:hover {
+ text-decoration: none !important; }
+ .candidate-wrapper:hover* {
+ text-decoration: none !important; }
+
+.candidate-banner {
+ background: #090A0B;
+ position: relative;
+ display: flex;
+ flex-wrap: wrap;
+ flex-direction: column; }
+ .candidate-banner .image {
+ flex-grow: 1; }
+ .candidate-banner h1 {
+ font-family: 'Bebas Neue', cursive;
+ color: #ffffff;
+ margin: 0px;
+ font-size: 4.5rem;
+ line-height: 4.5rem; }
+ @media (max-width: 576px) {
+ .candidate-banner {
+ display: flex;
+ flex-wrap: wrap;
+ align-items: end;
+ justify-content: space-between;
+ padding: 27px; }
+ .candidate-banner img {
+ max-width: 62px;
+ margin-top: -7px; }
+ .candidate-banner h1 {
+ margin: 0;
+ font-size: 2.2rem; } }
+
+.candidate-card {
+ background-color: rgba(255, 255, 255, 0);
+ box-shadow: 0px 3px 35px 0px rgba(118, 118, 118, 0);
+ min-height: 100%;
+ -moz-transition: box-shadow 0.5s, background-color 0.5s, border-bottom 0.5s;
+ -o-transition: box-shadow 0.5s, background-color 0.5s, border-bottom 0.5s;
+ -webkit-transition: box-shadow 0.5s, background-color 0.5s, border-bottom 0.5s;
+ transition: box-shadow 0.5s, background-color 0.5s, border-bottom 0.5s; }
+ .candidate-card:hover {
+ background-color: #fff;
+ box-shadow: 0px 3px 35px 0px rgba(118, 118, 118, 0.42); }
+ .candidate-card .candidate-first {
+ padding-bottom: 12px; }
+ .candidate-card .candidate-first .profile-img-box {
+ position: relative;
+ display: inline-block;
+ margin-top: -28px; }
+ .candidate-card .candidate-first .profile-img-box .candidate-id {
+ width: 40px;
+ height: 40px;
+ line-height: 40px;
+ border-radius: 100%;
+ font-family: 'Bebas Neue', cursive;
+ font-size: 1.55rem;
+ background: #000000;
+ color: #ffffff;
+ display: inline-block;
+ position: absolute;
+ top: 10px;
+ left: 10px; }
+ .candidate-card .candidate-first .profile-info .name {
+ font-family: 'Roboto Condensed', sans-serif;
+ font-size: 1.5rem;
+ text-transform: uppercase;
+ font-weight: 600;
+ margin-top: 22px;
+ margin-bottom: 0px;
+ color: #000; }
+ .candidate-card .candidate-first .profile-info .mail {
+ color: #4c4c4c;
+ font-family: 'Roboto', sans-serif;
+ margin-top: 0px;
+ margin-bottom: 14px;
+ font-weight: 300; }
+ .candidate-card .candidate-first .profile-info .profession {
+ font-family: 'Roboto Condensed', sans-serif;
+ text-transform: uppercase;
+ font-weight: 400;
+ height: 42px; }
+ .candidate-card .age {
+ background: #F7F7F7;
+ border-top: 1px solid rgba(0, 0, 0, 0.07);
+ border-bottom: 1px solid rgba(0, 0, 0, 0.07); }
+ .candidate-card .age .first {
+ padding: 10px;
+ text-align: center;
+ font-family: 'Roboto', sans-serif;
+ color: #000000;
+ border-right: 1px solid rgba(0, 0, 0, 0.07); }
+ .candidate-card .age .second {
+ font-family: 'Roboto Condensed', sans-serif;
+ font-weight: bold;
+ letter-spacing: -0.05em;
+ padding: 8px;
+ text-align: center; }
+ .candidate-card .candidate-last {
+ padding: 14px 9px; }
+ .candidate-card .candidate-last blockquote {
+ font-family: "Roboto", sans-serif !important;
+ font-weight: 300 !important;
+ font-style: italic !important;
+ color: #4c4c4c !important;
+ width: inherit;
+ border: none;
+ text-align: center;
+ margin: 0;
+ padding: 0; }
+ .candidate-card .candidate-last .social-icons {
+ width: 80%;
+ margin-left: auto;
+ margin-right: auto;
+ padding: 4px 0px; }
+ .candidate-card .candidate-last .social-icons a {
+ color: #000;
+ text-decoration: none; }
+ @media (max-width: 576px) {
+ .candidate-card {
+ border-color: #ececec; }
+ .candidate-card .candidate-first {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ margin-bottom: 9px; }
+ .candidate-card .candidate-first .profile-img-box {
+ margin: 0; }
+ .candidate-card .candidate-first .profile-img-box .candidate-id {
+ width: 20px;
+ height: 20px;
+ font-size: 0.7rem;
+ line-height: 1.4rem;
+ left: 5px;
+ top: 4px; }
+ .candidate-card .candidate-first .profile-img-box img {
+ max-width: 89px; }
+ .candidate-card .candidate-first .profile-info {
+ text-align: left;
+ margin-left: 16px; }
+ .candidate-card .candidate-first .profile-info .name {
+ font-size: 0.97rem;
+ margin-top: 0; }
+ .candidate-card .candidate-first .profile-info .mail {
+ margin-bottom: 4px; }
+ .candidate-card .candidate-first .profile-info .profession {
+ font-size: 0.7rem;
+ height: auto; }
+ .candidate-card .age {
+ border: none; }
+ .candidate-card .age .first {
+ text-align: center;
+ font-size: 0.7rem;
+ padding: 7px 0 5px;
+ border: none; }
+ .candidate-card .age .second {
+ font-size: 0.7rem;
+ font-weight: 500; }
+ .candidate-card .age .second img {
+ width: 15px; }
+ .candidate-card .candidate-last {
+ border-bottom: 1px solid #e2e2e2;
+ padding: 0; }
+ .candidate-card .candidate-last blockquote {
+ display: none; }
+ .candidate-card .candidate-last .social-icons a {
+ font-size: 0.7rem; } }
+
+.candidate-list {
+ position: relative; }
+ .candidate-list:after {
+ content: "";
+ position: absolute;
+ bottom: 0px;
+ left: 0px;
+ width: 100%;
+ height: 100%;
+ background-image: linear-gradient(to bottom, #fff 0%, rgba(255, 255, 255, 0) 100%);
+ background-image: -o-linear-gradient(bottom, #fff 0%, rgba(255, 255, 255, 0) 100%);
+ background-image: -moz-linear-gradient(bottom, #fff 0%, rgba(255, 255, 255, 0) 100%);
+ background-image: -webkit-linear-gradient(bottom, #fff 0%, rgba(255, 255, 255, 0) 100%);
+ background-image: -ms-linear-gradient(bottom, #fff 0%, rgba(255, 255, 255, 0) 100%); }
+ .candidate-list .btn-icon {
+ position: absolute;
+ z-index: 5;
+ bottom: -40px;
+ left: 0;
+ right: 0; }
+ .candidate-list .item:nth-child(odd) {
+ background-color: #F7F7F7; }
+ .candidate-list .item .first {
+ position: relative;
+ text-align: center; }
+ .candidate-list .item .first img {
+ width: 47px; }
+ @media screen and (max-width: 768px) {
+ .candidate-list .item .first {
+ display: flex;
+ align-items: center; }
+ .candidate-list .item .first img {
+ width: 44px; } }
+ .candidate-list .item p {
+ font-family: 'Roboto Condensed', sans-serif;
+ font-size: 1.1rem;
+ margin-top: 0px;
+ margin-bottom: 0px;
+ text-transform: uppercase; }
+ .candidate-list .item p strong {
+ font-weight: bold; }
+ .candidate-list .item p.political-party {
+ font-size: 1rem;
+ text-transform: none; }
+ @media screen and (max-width: 768px) {
+ .candidate-list .item p {
+ font-size: 0.9rem; } }
+ .candidate-list .item .second {
+ position: relative;
+ align-items: center;
+ display: flex;
+ padding-left: 0;
+ margin-left: -40px; }
+ @media screen and (max-width: 991px) {
+ .candidate-list .item .second {
+ margin: 0; } }
+ .candidate-list .item .second:after {
+ content: "";
+ position: absolute;
+ width: 1px;
+ height: 70%;
+ right: 0px;
+ top: 15%;
+ background: rgba(0, 0, 0, 0.07); }
+ @media screen and (max-width: 768px) {
+ .candidate-list .item .second:after {
+ display: none; } }
+ .candidate-list .item .last {
+ align-items: center;
+ display: flex;
+ justify-content: space-between; }
+ @media screen and (max-width: 991px) {
+ .candidate-list .item .last p {
+ font-size: 0.7rem; }
+ .candidate-list .item .last p.political-party {
+ font-size: 0.6rem; }
+ .candidate-list .item .last p img {
+ width: 14px; } }
+ .candidate-list .item:hover {
+ box-shadow: 0 0 30px #0000001a;
+ background: #FFF; }
+ .candidate-list.full:after {
+ display: none; }
+
+@media screen and (max-width: 1199px) {
+ .candidate-wrapper:nth-child(4n) {
+ border-right: 1px solid rgba(138, 138, 138, 0.15); }
+ .candidate-wrapper:nth-child(3n) {
+ border-right: none; } }
+
+@media screen and (max-width: 991px) {
+ .candidate-wrapper:nth-child(4n) {
+ border-right: 1px solid rgba(138, 138, 138, 0.15); }
+ .candidate-wrapper:nth-child(3n) {
+ border-right: 1px solid rgba(138, 138, 138, 0.15); }
+ .candidate-wrapper:nth-child(even) {
+ border-right: none; } }
+
+.profile .profile-hero {
+ height: 40vh;
+ max-height: 500px;
+ min-height: 340px;
+ position: relative; }
+ @media (max-width: 992px) {
+ .profile .profile-hero {
+ height: 25vh;
+ max-height: 4400px;
+ min-height: 275px; } }
+ .profile .profile-hero .content {
+ z-index: 3;
+ position: relative;
+ height: 100%;
+ display: flex;
+ align-items: flex-end;
+ padding-bottom: 100px; }
+ .profile .profile-hero .content h1 {
+ color: #FFF;
+ font-size: 4.3rem;
+ line-height: 4rem; }
+ @media (max-width: 992px) {
+ .profile .profile-hero .content h1 {
+ font-size: 2.8rem; } }
+ .profile .profile-hero .content h2 {
+ color: #FFF; }
+ @media (max-width: 992px) {
+ .profile .profile-hero .content {
+ text-align: center; } }
+ .profile .profile-hero .overlay {
+ z-index: 2;
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background: #00000054;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0; }
+ .profile .profile-hero .background {
+ position: absolute;
+ width: 100%;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ top: 0;
+ height: 100%;
+ background-size: cover;
+ background-position: center;
+ background-repeat: no-repeat;
+ z-index: 1; }
+
+.profile .profile-main {
+ margin-top: -57px;
+ z-index: 4;
+ position: relative; }
+ @media (max-width: 992px) {
+ .profile .profile-main {
+ margin-top: 0; } }
+ .profile .profile-main .profile-box .profile-box-nav {
+ background: #000;
+ display: flex;
+ align-items: center; }
+ @media (max-width: 992px) {
+ .profile .profile-main .profile-box .profile-box-nav {
+ justify-content: center;
+ margin-top: 30px; } }
+ .profile .profile-main .profile-box .profile-box-nav a.nav-item {
+ color: #FFF;
+ padding: 18px 31px;
+ font-family: 'Roboto Condensed', sans-serif;
+ font-weight: 300;
+ font-size: 14px;
+ text-transform: uppercase;
+ position: relative;
+ transition: 200ms;
+ text-decoration: none; }
+ .profile .profile-main .profile-box .profile-box-nav a.nav-item:after {
+ position: absolute;
+ content: "";
+ height: 12px;
+ right: 0px;
+ background: #585858;
+ top: 0;
+ bottom: 0;
+ width: 1px;
+ margin: auto; }
+ .profile .profile-main .profile-box .profile-box-nav a.nav-item:last-child:after {
+ display: none; }
+ @media (max-width: 992px) {
+ .profile .profile-main .profile-box .profile-box-nav a.nav-item {
+ padding: 8px 9px 7px;
+ font-weight: 400;
+ font-size: 0.7rem;
+ text-align: center; } }
+ .profile .profile-main .profile-box .profile-box-nav a.nav-item:hover {
+ background: #29bc51;
+ text-decoration: none; }
+ .profile .profile-main .profile-box .profile-box-nav a.nav-item:hover:after {
+ display: none; }
+ .profile .profile-main .profile-box .profile-box-nav a.nav-item.active {
+ background: #29bc51; }
+ .profile .profile-main .profile-box .profile-box-nav a.nav-item.active:after {
+ display: none; }
+ .profile .profile-main .profile-box .profile-box-nav a.nav-item ~ .active:after {
+ display: none; }
+ .profile .profile-main .profile-box .profile-box-area {
+ padding-top: 15px; }
+ .profile .profile-main .profile-box .profile-box-area .area-description {
+ padding-right: 15px; }
+ .profile .profile-main .profile-box .profile-box-area .area-description p {
+ margin: 3em 0; }
+ @media (max-width: 992px) {
+ .profile .profile-main .profile-box .profile-box-area .area-description p {
+ font-size: 0.82rem;
+ line-height: 1.3rem;
+ margin: 20px 0;
+ color: #808080; } }
+ .profile .profile-main .profile-box .profile-box-area .area-description h3 {
+ font-size: 1.3rem;
+ font-family: 'Roboto Condensed', sans-serif;
+ text-transform: none;
+ font-weight: 600; }
+ @media (max-width: 992px) {
+ .profile .profile-main .profile-box .profile-box-area .area-description h3 {
+ font-size: 14px;
+ font-weight: 300;
+ font-style: italic;
+ text-align: center;
+ margin: 30px 0; } }
+ .profile .profile-main .profile-sidebar .profile-sidebar-box {
+ background: #FFF;
+ box-shadow: 0 0 25px #0000001c;
+ padding: 10px 23px; }
+ @media (max-width: 992px) {
+ .profile .profile-main .profile-sidebar .profile-sidebar-box {
+ background: #fafafa;
+ box-shadow: none; } }
+ .profile .profile-main .profile-sidebar .profile-sidebar-box hr {
+ border-top: 1px solid #e0e0e08f;
+ margin: 27px 0; }
+ @media (max-width: 992px) {
+ .profile .profile-main .profile-sidebar .profile-sidebar-box hr {
+ margin: 20px 0; } }
+ .profile .profile-main .profile-sidebar .profile-sidebar-box .image {
+ overflow: hidden;
+ border: 10px solid #FFF;
+ margin: auto;
+ border-radius: 100%;
+ width: 210px;
+ height: 210px;
+ margin-top: -151px; }
+ .profile .profile-main .profile-sidebar .profile-sidebar-box .image img {
+ display: block;
+ max-width: none;
+ height: 100%;
+ width: auto;
+ transform: translateX(-50%);
+ margin-left: 50%; }
+ @media (max-width: 992px) {
+ .profile .profile-main .profile-sidebar .profile-sidebar-box .image {
+ width: 175px;
+ height: 175px;
+ margin-top: -76px;
+ border: 6px solid #FFF; } }
+ .profile .profile-main .profile-sidebar .profile-sidebar-box .socials {
+ margin-top: 20px;
+ display: flex; }
+ .profile .profile-main .profile-sidebar .profile-sidebar-box .socials a {
+ color: #000;
+ margin-right: 12px; }
+ .profile .profile-main .profile-sidebar .profile-sidebar-box .socials a i {
+ font-size: 21px; }
+ .profile .profile-main .profile-sidebar .profile-sidebar-box .socials a#left {
+ font-size: 0.8rem;
+ font-family: Roboto;
+ font-weight: 300; }
+ .profile .profile-main .profile-sidebar .profile-sidebar-box .socials a#left i {
+ display: inline-block;
+ vertical-align: sub;
+ margin-left: 6px; }
+ .profile .profile-main .profile-sidebar .profile-sidebar-box .socials a:nth-child(3) {
+ flex-grow: 1; }
+ .profile .profile-main .profile-sidebar .profile-sidebar-box .socials.only-mobile {
+ display: none; }
+ .profile .profile-main .profile-sidebar .profile-sidebar-box .jurisdiction {
+ font-weight: 600; }
+ .profile .profile-main .profile-sidebar .profile-sidebar-box .jurisdiction img {
+ margin-top: -4px; }
+ @media (max-width: 992px) {
+ .profile .profile-main .profile-sidebar .profile-sidebar-box .jurisdiction {
+ font-size: 0.8rem; } }
+ .profile .profile-main .profile-sidebar .profile-sidebar-box .sidebar-title {
+ font-weight: 600; }
+ @media (max-width: 992px) {
+ .profile .profile-main .profile-sidebar .profile-sidebar-box .sidebar-title {
+ font-size: 0.8rem; } }
+ @media (max-width: 350px) {
+ .profile .profile-main .profile-sidebar .profile-sidebar-box .sidebar-title {
+ width: 100%; } }
+ @media (max-width: 992px) {
+ .profile .profile-main .profile-sidebar .profile-sidebar-box .sidebar-name {
+ font-size: 0.8rem; } }
+ .profile .profile-main .profile-sidebar .profile-sidebar-box .sidebar-text {
+ margin-bottom: 17px;
+ color: #4c4c4c; }
+ .profile .profile-main .profile-sidebar .profile-sidebar-box .sidebar-text a {
+ color: #4c4c4c;
+ font-size: 14px; }
+ .profile .profile-main .profile-sidebar .profile-sidebar-box .sidebar-text a i {
+ font-size: 0.8rem;
+ margin-right: 4px; }
+ @media (max-width: 992px) {
+ .profile .profile-main .profile-sidebar .profile-sidebar-box .sidebar-text {
+ font-size: 0.8rem; }
+ .profile .profile-main .profile-sidebar .profile-sidebar-box .sidebar-text a {
+ font-size: 0.8rem; } }
+ @media (max-width: 350px) {
+ .profile .profile-main .profile-sidebar .profile-sidebar-box .sidebar-text {
+ width: 100%; } }
+
+.elections-detail {
+ /*empty*/ }
+ .elections-detail .content h1 {
+ /*empty*/ }
+ .elections-detail .content hr {
+ border: none;
+ height: 3rem;
+ margin: 0; }
+ @media (max-width: 768px) {
+ .elections-detail .content hr {
+ height: 1.5rem; } }
+ .elections-detail .content p {
+ font-family: Roboto;
+ margin: 10px 0;
+ font-size: 14px;
+ line-height: 24px; }
+ .elections-detail .content b {
+ /*empty*/ }
+ .elections-detail .content h2 {
+ /*empty*/ }
+
+.plan-list-placeholder {
+ display: none; }
+
+.plan-list #scrollUp {
+ display: none; }
+
+.plan-list #scrollDown {
+ display: none; }
+
+.plan-list .container .focus-points-wrapper .focus-point {
+ position: relative;
+ padding-top: 28px;
+ padding-bottom: 20px; }
+ .plan-list .container .focus-points-wrapper .focus-point:after {
+ content: "";
+ position: absolute;
+ right: 0px;
+ top: 50%;
+ transform: translateY(-50%);
+ width: 1px;
+ height: 67%;
+ background-color: rgba(138, 138, 138, 0.15); }
+ .plan-list .container .focus-points-wrapper .focus-point.no-after:after {
+ display: none; }
+ .plan-list .container .focus-points-wrapper .focus-point:hover .point-card {
+ opacity: 1; }
+ .plan-list .container .focus-points-wrapper .focus-point:nth-child(-n+4) {
+ border-bottom: 1px solid rgba(138, 138, 138, 0.15); }
+ .plan-list .container .focus-points-wrapper .focus-point .circle-progress {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ width: 80%;
+ position: relative; }
+ .plan-list .container .focus-points-wrapper .focus-point .circle-progress .point-icon {
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ transform: translate(-50%, -50%); }
+ .plan-list .container .focus-points-wrapper .focus-point .circle-progress canvas {
+ width: 100% !important;
+ height: 100% !important; }
+ .plan-list .container .focus-points-wrapper .focus-point .point-title-wrap .point-title {
+ font-size: 1.3rem;
+ font-family: 'Roboto Condensed', sans-serif;
+ font-weight: 700;
+ color: #000;
+ text-align: center;
+ margin-top: 30px;
+ margin-bottom: 0px;
+ letter-spacing: -0.02em;
+ text-transform: none; }
+ .plan-list .container .focus-points-wrapper .focus-point .point-title-wrap .more {
+ display: none; }
+ .plan-list .container .focus-points-wrapper .focus-point .point-card {
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ width: 100%;
+ background: #fff;
+ height: 100%;
+ z-index: 2;
+ -webkit-box-shadow: 3px 3px 35px 0px rgba(48, 63, 78, 0.16);
+ -moz-box-shadow: 3px 3px 35px 0px rgba(48, 63, 78, 0.16);
+ box-shadow: 3px 3px 35px 0px rgba(48, 63, 78, 0.16);
+ -moz-transition: opacity 0.5s;
+ -o-transition: opacity 0.5s;
+ -webkit-transition: opacity 0.5s;
+ transition: opacity 0.5s;
+ opacity: 0; }
+ .plan-list .container .focus-points-wrapper .focus-point .point-card .card-row {
+ width: 100%;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: nowrap;
+ padding: 8px 15px 3px; }
+ .plan-list .container .focus-points-wrapper .focus-point .point-card .card-row.card-head {
+ padding: 24px 15px;
+ border-bottom: 1px solid #f0f0f0; }
+ .plan-list .container .focus-points-wrapper .focus-point .point-card .card-row.card-head .ok-mark {
+ width: 24px;
+ height: 24px; }
+ .plan-list .container .focus-points-wrapper .focus-point .point-card .card-row.card-head .card-title {
+ margin: 0 0 0 4px; }
+ .plan-list .container .focus-points-wrapper .focus-point .point-card .card-row.card-head .ok-mark, .plan-list .container .focus-points-wrapper .focus-point .point-card .card-row.card-head .card-title {
+ display: inline-block;
+ vertical-align: middle; }
+ .plan-list .container .focus-points-wrapper .focus-point .point-card .card-row.card-head .col-second h5 {
+ margin-top: 4px; }
+ .plan-list .container .focus-points-wrapper .focus-point .point-card .card-row .card-title {
+ font-family: 'Bebas Neue', cursive;
+ font-size: 20px;
+ font-weight: 700;
+ margin: 0; }
+ .plan-list .container .focus-points-wrapper .focus-point .point-card .card-row .show-all {
+ font-family: 'Roboto Condensed', sans-serif;
+ font-size: 18px;
+ position: relative;
+ display: block;
+ width: 100%;
+ color: #000000;
+ font-weight: 500;
+ padding: 6px 0; }
+ .plan-list .container .focus-points-wrapper .focus-point .point-card .card-row .show-all:after {
+ content: "";
+ width: 7px;
+ height: 7px;
+ position: absolute;
+ border-right: 2px solid #000000;
+ border-bottom: 2px solid #000000;
+ transform: rotate(-45deg) translateY(-50%);
+ right: 0px;
+ top: 50%; }
+ .plan-list .container .focus-points-wrapper .focus-point .point-card .card-row .col-first {
+ flex: 1;
+ width: calc(100% - 60px);
+ position: relative;
+ display: flex;
+ align-items: center; }
+ .plan-list .container .focus-points-wrapper .focus-point .point-card .card-row .col-first p {
+ width: 100%; }
+ .plan-list .container .focus-points-wrapper .focus-point .point-card .card-row .col-second {
+ flex: 0 0 60px;
+ text-align: center; }
+ .plan-list .container .focus-points-wrapper .focus-point .point-card .card-row .col-second .percent {
+ display: none; }
+ .plan-list .container .focus-points-wrapper .focus-point .point-card .card-row .col-100 {
+ flex: 0 0 100%; }
+ .plan-list .container .focus-points-wrapper .focus-point .point-card .point-list {
+ font-family: 'Roboto', sans-serif;
+ font-weight: normal;
+ font-size: 14px; }
+ .plan-list .container .focus-points-wrapper .focus-point .point-card .point-list .card-row:nth-child(even) {
+ background: #FAFAFA; }
+ .plan-list .container .focus-points-wrapper .focus-point .point-card .point-list p {
+ margin: 0px; }
+ @media (max-width: 576px) {
+ .plan-list .container .focus-points-wrapper .focus-point {
+ display: flex;
+ align-items: center;
+ background: #f3f3f3;
+ border-bottom: none !important;
+ flex-wrap: wrap;
+ cursor: pointer; }
+ .plan-list .container .focus-points-wrapper .focus-point .circle-progress {
+ width: 110px;
+ margin: 0; }
+ .plan-list .container .focus-points-wrapper .focus-point .circle-progress .point-icon {
+ width: 49%; }
+ .plan-list .container .focus-points-wrapper .focus-point .point-title-wrap {
+ margin: 0;
+ text-align: left;
+ margin-left: 30px;
+ width: calc(100% - 148px); }
+ .plan-list .container .focus-points-wrapper .focus-point .point-title-wrap .point-title {
+ font-size: 19px;
+ text-transform: none;
+ margin: 0;
+ text-align: left;
+ width: 100%; }
+ .plan-list .container .focus-points-wrapper .focus-point .point-title-wrap .more {
+ display: block;
+ margin-top: 13px;
+ font-size: 0.76rem;
+ font-weight: 400;
+ color: #717171; }
+ .plan-list .container .focus-points-wrapper .focus-point .point-title-wrap .more i {
+ margin-left: 7px;
+ opacity: 0.7;
+ font-size: 0.7rem; }
+ .plan-list .container .focus-points-wrapper .focus-point .point-card {
+ position: relative;
+ margin-left: -15px;
+ margin-right: -15px;
+ width: calc(100% + 30px);
+ margin-top: 22px;
+ height: auto;
+ margin-bottom: -20px;
+ opacity: 1;
+ display: none; }
+ .plan-list .container .focus-points-wrapper .focus-point .point-card .card-row .show-all {
+ font-size: 0.7rem;
+ font-weight: 600;
+ width: 75px;
+ margin: auto; }
+ .plan-list .container .focus-points-wrapper .focus-point .point-card .card-row .show-all:after {
+ border-right: 1px solid #000;
+ border-bottom: 1px solid #000;
+ transform: rotate(45deg) translateY(-50%);
+ top: 43%; }
+ .plan-list .container .focus-points-wrapper .focus-point .point-card.active {
+ display: block; }
+ .plan-list .container .focus-points-wrapper .focus-point:after {
+ display: none; }
+ .plan-list .container .focus-points-wrapper .focus-point.active {
+ background: #fff;
+ box-shadow: 0 0 15px #dcdcdc; }
+ .plan-list .container .focus-points-wrapper .focus-point.active .point-card {
+ box-shadow: none; }
+ .plan-list .container .focus-points-wrapper .focus-point.active .point-card .card-row.card-head {
+ padding: 4px 10px;
+ border-bottom: none;
+ background: #fafafa; }
+ .plan-list .container .focus-points-wrapper .focus-point.active .point-card .card-row.card-head .ok-mark {
+ display: none; }
+ .plan-list .container .focus-points-wrapper .focus-point.active .point-card .card-row.card-head .card-title {
+ font-size: 14px;
+ font-family: 'Roboto Condensed', sans-serif;
+ text-transform: none; }
+ .plan-list .container .focus-points-wrapper .focus-point.active .point-card .card-row {
+ min-height: 32px;
+ padding: 8px 15px 6px; }
+ .plan-list .container .focus-points-wrapper .focus-point.active .point-card .card-row .col-first p {
+ font-size: 0.72rem; }
+ .plan-list .container .focus-points-wrapper .focus-point.active .point-card .card-row .col-second {
+ align-items: center;
+ justify-content: center;
+ display: flex; }
+ .plan-list .container .focus-points-wrapper .focus-point.active .point-card .card-row .col-second .percent {
+ font-size: 0.72rem;
+ display: block; }
+ .plan-list .container .focus-points-wrapper .focus-point.active .point-card .card-row .col-second img {
+ display: none; } }
+
+.plan-list.with-scroll {
+ top: -200px;
+ transition: 200ms; }
+ .plan-list.with-scroll .focus-point {
+ text-decoration: none !important; }
+ .plan-list.with-scroll .focus-point:hover {
+ box-shadow: 0 0 30px #0000001a; }
+ .plan-list.with-scroll .focus-point:hover .point-card {
+ opacity: 0;
+ display: none; }
+ @media (max-width: 576px) {
+ .plan-list.with-scroll .focus-point {
+ background: none !important;
+ display: block !important;
+ flex-wrap: nowrap !important; }
+ .plan-list.with-scroll .focus-point .circle-progress {
+ width: 100% !important;
+ margin: auto !important;
+ max-width: 140px !important;
+ margin-bottom: 18px !important; }
+ .plan-list.with-scroll .focus-point .point-title-wrap {
+ width: 100% !important;
+ text-align: center !important;
+ margin: auto !important; }
+ .plan-list.with-scroll .focus-point .point-title-wrap .point-title {
+ text-align: center !important; } }
+
+.plan-list.with-scroll.stick {
+ position: fixed;
+ background: #FFF;
+ width: 100%;
+ top: 0;
+ z-index: 10;
+ left: 0;
+ right: 0;
+ box-shadow: 0 0 40px #0000001a; }
+ .plan-list.with-scroll.stick #scrollUp {
+ display: block;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ height: 100%;
+ line-height: 122px;
+ font-size: 23px;
+ opacity: 0.8;
+ left: 0;
+ width: 7%;
+ text-align: center;
+ z-index: 1000;
+ background: linear-gradient(90deg, white 67%, rgba(255, 255, 255, 0) 88%); }
+ .plan-list.with-scroll.stick #scrollUp:hover {
+ text-decoration: none; }
+ .plan-list.with-scroll.stick #scrollDown {
+ display: block;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ height: 100%;
+ line-height: 122px;
+ font-size: 23px;
+ opacity: 0.8;
+ right: 0;
+ width: 7%;
+ text-align: center;
+ z-index: 1000;
+ background: linear-gradient(90deg, #fff0 0%, #fff 23%); }
+ .plan-list.with-scroll.stick #scrollDown:hover {
+ text-decoration: none; }
+ .plan-list.with-scroll.stick .container {
+ overflow: hidden;
+ position: relative;
+ width: 94%;
+ height: 122px;
+ z-index: 0; }
+ @media (max-width: 1200px) {
+ .plan-list.with-scroll.stick .container {
+ padding: 0;
+ max-width: initial; } }
+ .plan-list.with-scroll.stick .focus-points-wrapper {
+ margin: 0;
+ display: flex;
+ flex-wrap: nowrap;
+ position: absolute;
+ left: 0;
+ right: 0;
+ z-index: 10000;
+ top: 0;
+ width: auto;
+ justify-content: flex-start;
+ align-items: flex-start; }
+ .plan-list.with-scroll.stick .focus-points-wrapper .focus-point {
+ display: block;
+ width: auto;
+ max-width: initial;
+ flex: inherit;
+ width: 13%;
+ padding: 14px 11px !important;
+ border-bottom: 2px solid #FFF;
+ display: flex;
+ flex-wrap: wrap;
+ text-align: center;
+ justify-content: space-between;
+ flex-direction: column;
+ min-width: 142px; }
+ .plan-list.with-scroll.stick .focus-points-wrapper .focus-point .circle-progress {
+ width: 100%; }
+ .plan-list.with-scroll.stick .focus-points-wrapper .focus-point .circle-progress canvas {
+ width: 50px !important;
+ height: auto !important;
+ margin: auto;
+ display: block; }
+ .plan-list.with-scroll.stick .focus-points-wrapper .focus-point .circle-progress .point-icon {
+ width: 20px; }
+ .plan-list.with-scroll.stick .focus-points-wrapper .focus-point .point-title-wrap .point-title {
+ font-size: 13px;
+ margin-top: 12px; }
+ .plan-list.with-scroll.stick .focus-points-wrapper .focus-point .point-card {
+ display: none !important; }
+ .plan-list.with-scroll.stick .focus-points-wrapper .focus-point:hover {
+ border-bottom: 2px solid #29bc51 !important;
+ box-shadow: 0 0 20px #0000001a; }
+ .plan-list.with-scroll.stick .focus-points-wrapper .focus-point:hover .point-card {
+ display: none !important; }
+ .plan-list.with-scroll.stick .focus-points-wrapper .focus-point:nth-child(-n+4) {
+ border-bottom: none; }
+ .plan-list.with-scroll.stick .focus-points-wrapper .focus-point:last-child:after {
+ display: none !important; }
+ .plan-list.with-scroll.stick .focus-points-wrapper .focus-point.no-after:after {
+ display: block; }
+ @media (max-width: 576px) {
+ .plan-list.with-scroll.stick {
+ display: none; } }
+
+.elections-plan-detail {
+ /*empty*/ }
+ .elections-plan-detail .header {
+ display: flex;
+ justify-content: space-between; }
+ .elections-plan-detail .header .right .title {
+ /*empty*/ }
+ .elections-plan-detail .header .right p {
+ font-family: Roboto;
+ font-weight: 400;
+ font-size: 14px; }
+ .elections-plan-detail .header .left {
+ margin-right: 40px; }
+ .elections-plan-detail .header .left .circle-progress {
+ position: relative; }
+ .elections-plan-detail .header .left .circle-progress canvas {
+ width: 90px !important;
+ height: 90px !important; }
+ .elections-plan-detail .header .left .circle-progress .icon {
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: -8px;
+ bottom: 0;
+ width: 50px;
+ height: 50px;
+ background: #000;
+ border-radius: 100%;
+ margin: auto;
+ text-align: center;
+ color: #FFF;
+ line-height: 51px; }
+ .elections-plan-detail .header .left .circle-progress .icon i {
+ font-weight: 500;
+ font-size: 19px; }
+ .elections-plan-detail .profile {
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ min-width: 250px;
+ margin-left: 50px; }
+ .elections-plan-detail .profile .img {
+ margin-right: 18px; }
+ .elections-plan-detail .profile .img img {
+ width: 72px; }
+ .elections-plan-detail .profile .info {
+ /*empty*/ }
+ .elections-plan-detail .profile .info .name {
+ display: block;
+ font-family: 'Roboto Condensed', sans-serif;
+ font-size: 21px;
+ text-transform: uppercase;
+ font-weight: bold; }
+ .elections-plan-detail .profile .info .position {
+ text-transform: uppercase;
+ font-weight: 400;
+ font-size: 14px; }
+ .elections-plan-detail .missions-list {
+ margin-top: 25px; }
+ .elections-plan-detail .missions-list .top {
+ border-top: 1px solid #e2e2e28f;
+ border-bottom: 1px solid #e2e2e28f;
+ padding: 7px 15px 2px;
+ display: flex;
+ justify-content: space-between;
+ font-family: "Bebas Neue", cursive;
+ font-size: 25px; }
+ .elections-plan-detail .missions-list .top .title {
+ /*empty*/ }
+ .elections-plan-detail .missions-list .top span {
+ /*empty*/ }
+ .elections-plan-detail .missions-list .items-wrap {
+ /*empty*/ }
+ .elections-plan-detail .missions-list .items-wrap .mission-item {
+ display: flex;
+ justify-content: space-between;
+ padding: 8px 15px;
+ align-items: center; }
+ .elections-plan-detail .missions-list .items-wrap .mission-item p {
+ font-family: Roboto;
+ font-size: 13px;
+ font-weight: 400; }
+ .elections-plan-detail .missions-list .items-wrap .mission-item .progress {
+ display: block;
+ height: auto;
+ position: relative;
+ background: none; }
+ .elections-plan-detail .missions-list .items-wrap .mission-item .progress .percent {
+ position: absolute;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ top: 0;
+ margin: auto;
+ display: block;
+ width: 20px;
+ font-size: 15px;
+ font-family: "Bebas Neue", cursive;
+ height: 21px; }
+ .elections-plan-detail .missions-list .items-wrap .mission-item .progress img {
+ width: 45px; }
+ .elections-plan-detail .missions-list .items-wrap .mission-item:nth-child(odd) {
+ background: #fafafa; }
+ .elections-plan-detail .missions-list .items-wrap .mission-item:hover {
+ background: #FFF;
+ box-shadow: 0 0 15px #0000001a;
+ z-index: 2;
+ position: relative; }
+ @media (max-width: 992px) {
+ .elections-plan-detail .header {
+ flex-wrap: wrap; }
+ .elections-plan-detail .header .left {
+ margin-right: 0; }
+ .elections-plan-detail .header .left .circle-progress canvas {
+ width: 50px !important;
+ height: 50px !important; }
+ .elections-plan-detail .header .left .circle-progress .icon {
+ top: -7px;
+ width: 31px;
+ height: 31px;
+ line-height: 33px; }
+ .elections-plan-detail .header .left .circle-progress .icon i {
+ font-size: 15px; }
+ .elections-plan-detail .header .right {
+ width: calc(100% - 66px); }
+ .elections-plan-detail .header .profile {
+ margin-left: 0;
+ margin-top: 22px; }
+ .elections-plan-detail .header .profile .img {
+ margin-right: 16px; }
+ .elections-plan-detail .header .profile .img img {
+ width: 50px; }
+ .elections-plan-detail .missions-list .top {
+ font-size: 16px; }
+ .elections-plan-detail .missions-list .items-wrap .mission-item .progress .percent {
+ position: relative !important; }
+ .elections-plan-detail .missions-list .items-wrap .mission-item .progress img {
+ display: none; } }
+
+.content-switcher {
+ text-align: center; }
+ .content-switcher .toggle-btns {
+ background: #000000;
+ padding: 6px;
+ display: inline-block; }
+ .content-switcher .toggle-btns a {
+ font-family: 'Roboto Condensed', sans-serif;
+ font-size: 18px;
+ color: #ffffff;
+ padding: 18px 46px;
+ display: inline-block;
+ vertical-align: middle;
+ font-weight: bold;
+ text-transform: uppercase; }
+ .content-switcher .toggle-btns a:hover {
+ background: #282828; }
+ .content-switcher .toggle-btns a.active {
+ background: #28BB50; }
+ .content-switcher .toggle-btns a.active:hover {
+ background: #28BB50; }
+ .content-switcher .toggle-box {
+ display: block;
+ width: 100%;
+ text-align: left; }
+ .content-switcher .toggle-box .headline-normal {
+ text-align: center; }
+ .content-switcher .toggle-box.hide {
+ display: none; }
+ @media screen and (max-width: 1199px) {
+ .content-switcher .toggle-btns a {
+ padding: 14px 34px;
+ font-size: 16px; } }
+ @media screen and (max-width: 600px) {
+ .content-switcher .toggle-btns a {
+ padding: 10px 20px;
+ font-size: 14px; } }
+ @media screen and (max-width: 370px) {
+ .content-switcher .toggle-btns a {
+ padding: 6px 12px;
+ font-size: 12px; } }
+
+.image-hero {
+ background-size: cover;
+ background-position: center;
+ background-repeat: no-repeat; }
+ .image-hero .green-flag {
+ background: #28BB50;
+ padding: 30px;
+ display: inline-block;
+ position: relative;
+ padding: 27px 60px 27px 30px; }
+ .image-hero .green-flag:before {
+ content: "";
+ position: absolute;
+ width: 0;
+ height: 0;
+ border-top: 54.5px solid #28BB50;
+ border-right: 22px solid transparent;
+ left: 100%;
+ top: 0px; }
+ .image-hero .green-flag:after {
+ content: "";
+ position: absolute;
+ width: 0;
+ height: 0;
+ border-bottom: 54.5px solid #28BB50;
+ border-right: 22px solid transparent;
+ left: 100%;
+ bottom: 0px; }
+ .image-hero .green-flag * {
+ display: inline-block;
+ vertical-align: middle; }
+ .image-hero .green-flag img {
+ margin-right: 28px;
+ width: 42px;
+ height: 42px; }
+ .image-hero .green-flag p {
+ font-family: "Bebas Neue", cursive;
+ font-size: 30px;
+ margin: 0px;
+ color: #ffffff;
+ margin-top: 4px; }
+ .image-hero h1, .image-hero h2 {
+ color: #FFF; }
+ .image-hero .profile-circles {
+ width: 100%; }
+ @media screen and (max-width: 1199px) {
+ .image-hero .green-flag {
+ padding: 20px 48px 20px 30px; } }
+ @media screen and (max-width: 991px) {
+ .image-hero .green-flag img {
+ margin-right: 22px;
+ width: 36px;
+ height: 36px; }
+ .image-hero .green-flag p {
+ font-size: 26px; }
+ .image-hero .cta-link {
+ font-size: 16px;
+ padding: 12px 42px; } }
+ @media screen and (max-width: 375px) {
+ .image-hero .green-flag {
+ padding: 14px 32px 14px 14px; }
+ .image-hero .cta-link {
+ padding: 14px 36px;
+ font-size: 16px; }
+ .image-hero .cta-link:nth-child(1) {
+ margin-right: 10px; } }
+
+.contact .profile {
+ display: flex;
+ justify-content: flex-start;
+ align-items: center; }
+ .contact .profile .img img {
+ max-width: inherit;
+ width: 112px; }
+ @media (max-width: 768px) {
+ .contact .profile .img img {
+ width: 90px; } }
+ @media (max-width: 586px) {
+ .contact .profile .img img {
+ width: 80px; } }
+ .contact .profile .info {
+ margin-left: 20px; }
+ .contact .profile .info .name {
+ display: block;
+ font-size: 21px;
+ font-weight: 600; }
+ .contact .profile .info .position {
+ display: block;
+ text-transform: uppercase;
+ font-weight: 400;
+ margin-bottom: 10px;
+ max-width: 300px; }
+ .contact .profile .info .contact {
+ display: block;
+ color: #4c4c4c;
+ font-family: Roboto; }
+ .contact .profile .info .contact i {
+ margin-right: 6px; }
+
+.contact .city-districts .city-dist-card {
+ background: #f7f7f7;
+ padding: 30px 30px 24px 30px;
+ display: flex;
+ margin-bottom: 16px; }
+ .contact .city-districts .city-dist-card .coa {
+ width: 88px; }
+ .contact .city-districts .city-dist-card .coa img {
+ width: 100%;
+ height: auto; }
+ .contact .city-districts .city-dist-card .text-part {
+ flex: 1;
+ padding-left: 26px; }
+ .contact .city-districts .city-dist-card .text-part a {
+ color: #000000; }
+ .contact .city-districts .city-dist-card .text-part h3 {
+ font-family: 'Roboto Condensed', sans-serif;
+ font-size: 22px;
+ font-weight: bold;
+ color: #000000; }
+ .contact .city-districts .city-dist-card .text-part h3 i {
+ float: right;
+ font-size: 18px;
+ position: relative;
+ top: 50%; }
+ .contact .city-districts .city-dist-card .text-part .cdc-row {
+ width: 100%;
+ display: block;
+ margin-top: -4px; }
+ .contact .city-districts .city-dist-card .text-part .cdc-row a {
+ color: #4c4c4c;
+ font-size: 14px; }
+ .contact .city-districts .city-dist-card .text-part .cdc-row a.fb {
+ margin-left: 22px; }
+ .contact .city-districts .city-dist-card .text-part .cdc-row a.fb i {
+ font-size: 18px;
+ color: #1877f2; }
+ .contact .city-districts .city-dist-card .text-part .cdc-row a i {
+ margin-right: 10px; }
+ .contact .city-districts .city-dist-card .text-part .name {
+ color: #000000;
+ font-family: 'Roboto', sans-serif;
+ font-weight: 400;
+ font-size: 16px;
+ margin-top: 20px; }
+
+@media screen and (max-width: 991px) {
+ .contact .city-districts .city-dist-card {
+ display: block; }
+ .contact .city-districts .city-dist-card .coa {
+ display: block;
+ margin-left: auto;
+ margin-right: auto; }
+ .contact .city-districts .city-dist-card .text-part {
+ padding-left: 0px;
+ margin-top: 26px; } }
+
+@media screen and (max-width: 767px) {
+ .contact .city-districts .city-dist-card .text-part h3 {
+ font-size: 16px; }
+ .contact .city-districts .city-dist-card .text-part .cdc-row {
+ margin-top: 0px; }
+ .contact .city-districts .city-dist-card .text-part .cdc-row a {
+ display: block; }
+ .contact .city-districts .city-dist-card .text-part .cdc-row a.fb {
+ margin-left: 0px;
+ margin-top: 8px; } }
+
+/*# sourceMappingURL=styles.css.map */
diff --git a/senate/static/senate/assets/img/clips.svg b/senate/static/senate/assets/img/clips.svg
new file mode 100755
index 0000000000000000000000000000000000000000..409fb7529829a27a316ab15681472b32e2d02f7b
--- /dev/null
+++ b/senate/static/senate/assets/img/clips.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!-- Generator: Gravit.io --><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="isolation:isolate" viewBox="0 0 106 25" width="106pt" height="25pt"><defs><clipPath id="_clipPath_p4lwxZUQR5zrLjQErpyvbuCjY9v1RKdu"><rect width="106" height="25"/></clipPath></defs><g clip-path="url(#_clipPath_p4lwxZUQR5zrLjQErpyvbuCjY9v1RKdu)"><defs><linearGradient id="_lgradient_2" x1="0.4999999999999716" y1="-2.842170943040401e-14" x2="0.499999999999943" y2="0.9999999999999716"><stop offset="0%" style="stop-color:#555555"/><stop offset="26.56249999999632%" style="stop-color:#0D0D0D"/><stop offset="72.41847826087017%" style="stop-color:#0D0D0D"/><stop offset="100%" style="stop-color:#5B5B5B"/></linearGradient></defs><path d="M 5.5 1 L 5.5 1 C 7.984 1 10 3.081 10 5.644 L 10 19.356 C 10 21.919 7.984 24 5.5 24 L 5.5 24 C 3.016 24 1 21.919 1 19.356 L 1 5.644 C 1 3.081 3.016 1 5.5 1 Z" style="stroke:none;fill:url(#_lgradient_2);stroke-miterlimit:10;"/><path d="M 5.5 1 L 5.5 1 C 7.984 1 10 3.081 10 5.644 L 10 19.356 C 10 21.919 7.984 24 5.5 24 L 5.5 24 C 3.016 24 1 21.919 1 19.356 L 1 5.644 C 1 3.081 3.016 1 5.5 1 Z" style="fill:none;stroke:#4B4B4B;stroke-width:1;stroke-linecap:square;stroke-miterlimit:2;"/><defs><linearGradient id="_lgradient_3" x1="0.4999999999999716" y1="-2.842170943040401e-14" x2="0.499999999999943" y2="0.9999999999999716"><stop offset="0%" style="stop-color:#555555"/><stop offset="26.56249999999632%" style="stop-color:#0D0D0D"/><stop offset="72.41847826087017%" style="stop-color:#0D0D0D"/><stop offset="100%" style="stop-color:#5B5B5B"/></linearGradient></defs><path d="M 100.5 1 L 100.5 1 C 102.984 1 105 3.081 105 5.644 L 105 19.356 C 105 21.919 102.984 24 100.5 24 L 100.5 24 C 98.016 24 96 21.919 96 19.356 L 96 5.644 C 96 3.081 98.016 1 100.5 1 Z" style="stroke:none;fill:url(#_lgradient_3);stroke-linecap:square;stroke-miterlimit:2;"/><path d="M 100.5 1 L 100.5 1 C 102.984 1 105 3.081 105 5.644 L 105 19.356 C 105 21.919 102.984 24 100.5 24 L 100.5 24 C 98.016 24 96 21.919 96 19.356 L 96 5.644 C 96 3.081 98.016 1 100.5 1 Z" style="fill:none;stroke:#4B4B4B;stroke-width:1;stroke-linecap:square;stroke-miterlimit:2;"/></g></svg>
diff --git a/senate/static/senate/assets/img/icons/menu-toggle.svg b/senate/static/senate/assets/img/icons/menu-toggle.svg
new file mode 100644
index 0000000000000000000000000000000000000000..090a0cd6841749847fd283765a866b9afaebda21
--- /dev/null
+++ b/senate/static/senate/assets/img/icons/menu-toggle.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="42" height="30" viewBox="0 0 42 30">
+ <g id="Group_27" data-name="Group 27" transform="translate(-677 -34)">
+ <rect id="Rectangle_30" data-name="Rectangle 30" width="42" height="6" transform="translate(677 34)" fill="#fff"/>
+ <rect id="Rectangle_32" data-name="Rectangle 32" width="42" height="6" transform="translate(677 46)" fill="#fff"/>
+ <rect id="Rectangle_34" data-name="Rectangle 34" width="42" height="6" transform="translate(677 58)" fill="#fff"/>
+ </g>
+</svg>
diff --git a/senate/static/senate/assets/img/icons/onboard.svg b/senate/static/senate/assets/img/icons/onboard.svg
new file mode 100644
index 0000000000000000000000000000000000000000..b06c8f17003445ad22b7e7d31eb5da05cde3091b
--- /dev/null
+++ b/senate/static/senate/assets/img/icons/onboard.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 467.6 480.7" style="enable-background:new 0 0 467.6 480.7;" xml:space="preserve">
+<style type="text/css">
+ .st0{fill:#FFFFFF;}
+</style>
+<g id="Vrstva_2">
+ <g id="Capa_1">
+ <path class="st0" d="M251.9,342.2h128.3c8.6,0,15.6-7,15.6-15.6c0-2.2-0.5-4.4-1.4-6.4L251.9,0V342.2z"/>
+ <path class="st0" d="M98.3,342.2h122.2V111.6L85.2,317.9c-4.7,7.2-2.7,16.9,4.5,21.7C92.3,341.3,95.3,342.2,98.3,342.2z"/>
+ <path class="st0" d="M0,373.8c18.6,63.3,76.7,106.8,142.7,106.8H309c44.2,0.1,86.2-19.6,114.4-53.7l44.1-53.1L0,373.8z"/>
+ </g>
+</g>
+</svg>
diff --git a/senate/static/senate/assets/img/logo-small.svg b/senate/static/senate/assets/img/logo-small.svg
new file mode 100755
index 0000000000000000000000000000000000000000..49e0b19ab5c9d3bd38aeca81ba21bb52172b52ee
--- /dev/null
+++ b/senate/static/senate/assets/img/logo-small.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!-- Generator: Gravit.io --><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="isolation:isolate" viewBox="0 0 20.217 20.156" width="20.217pt" height="20.156pt"><defs><clipPath id="_clipPath_tR3ALwD3k6PT9ZS47lNZPyjlLQOtvovj"><rect width="20.217" height="20.156"/></clipPath></defs><g clip-path="url(#_clipPath_tR3ALwD3k6PT9ZS47lNZPyjlLQOtvovj)"><path d=" M 10.081 19.222 C 5.04 19.214 0.96 15.123 0.965 10.083 C 0.97 5.042 5.059 0.959 10.1 0.962 C 15.14 0.965 19.225 5.051 19.225 10.092 C 19.214 15.135 15.124 19.219 10.081 19.222 M 17.242 2.97 C 13.848 -0.384 8.558 -0.878 4.603 1.791 C 0.647 4.46 -0.877 9.549 0.963 13.953 C 2.802 18.356 7.493 20.849 12.172 19.911 C 16.85 18.973 20.217 14.864 20.217 10.092 C 20.212 7.417 19.142 4.854 17.242 2.97" fill="rgb(255,255,255)"/><path d=" M 9.888 9.432 C 9.588 10.889 7.988 11.659 7.051 12.292 L 7.051 4.892 C 8.065 5.051 8.96 5.643 9.505 6.513 C 10.049 7.384 10.189 8.447 9.888 9.429 M 7.051 4.094 L 7.051 2.694 L 6.17 2.694 L 6.17 4.316 C 5.564 4.508 5.233 4.701 5.289 4.811 C 5.578 4.746 5.875 4.727 6.17 4.756 L 6.17 13.256 C 5.261 15.016 6.556 17.711 6.556 17.711 C 6.556 17.711 5.592 14.824 7.74 13.449 C 9.723 12.184 16.609 12.789 16.581 8.912 C 16.581 3.412 10.219 3.44 7.051 4.1" fill="rgb(255,255,255)"/></g></svg>
diff --git a/senate/static/senate/assets/img/logo.svg b/senate/static/senate/assets/img/logo.svg
new file mode 100644
index 0000000000000000000000000000000000000000..8417beceff859e84d49d21601bc3e035c1404863
--- /dev/null
+++ b/senate/static/senate/assets/img/logo.svg
@@ -0,0 +1,30 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="144.365" height="39.988" viewBox="0 0 144.365 39.988">
+ <g id="logo-flag-text-white" transform="translate(-288.3 -170.5)">
+ <g id="Group_11" data-name="Group 11" transform="translate(288.3 173.149)">
+ <path id="Path_17" data-name="Path 17" d="M306.944,211.307A16.912,16.912,0,1,1,323.856,194.4a16.936,16.936,0,0,1-16.912,16.912M320.189,181.2a18.571,18.571,0,1,0,5.5,13.194,18.794,18.794,0,0,0-5.5-13.194" transform="translate(-288.3 -175.7)" fill="#fff"/>
+ <path id="Path_18" data-name="Path 18" d="M316,197.98c-.56,2.7-3.515,4.126-5.247,5.3v-13.7c2.9.713,6.368,2.955,5.247,8.405M310.75,188.1v-2.6h-1.63v3.005c-1.121.357-1.732.713-1.63.917a5.119,5.119,0,0,1,1.63-.1v15.741c-1.681,3.26.713,8.252.713,8.252s-1.783-5.349,2.19-7.9c3.668-2.343,16.4-1.223,16.352-8.405,0-10.188-11.767-10.137-17.625-8.915" transform="translate(-297.709 -180.508)" fill="#fff"/>
+ <path id="Path_19" data-name="Path 19" d="M384.221,186.483a4.663,4.663,0,0,0,.866.051,2.758,2.758,0,0,0,1.936-.611,2.117,2.117,0,0,0,.662-1.681c0-1.375-.866-2.038-2.649-2.038a5.022,5.022,0,0,0-.866.1v4.177Zm0,2.853v4.432H380.4V179.606a29.174,29.174,0,0,1,4.279-.306c4.432,0,6.622,1.579,6.622,4.788a5.032,5.032,0,0,1-1.477,3.922,6.265,6.265,0,0,1-4.381,1.324,9.753,9.753,0,0,1-1.223,0" transform="translate(-333.484 -177.466)" fill="#fff"/>
+ </g>
+ <rect id="Rectangle_29" data-name="Rectangle 29" width="4.279" height="14.263" transform="translate(347.951 175.187)" fill="#fff"/>
+ <g id="Group_12" data-name="Group 12" transform="translate(355.032 174.983)">
+ <path id="Path_20" data-name="Path 20" d="M423.121,185.973h1.07a2.269,2.269,0,0,0,1.579-.509,1.639,1.639,0,0,0,.56-1.375q0-1.834-2.14-1.834a6.358,6.358,0,0,0-1.07.1Zm0,2.8v4.992H419.3V179.606a42.086,42.086,0,0,1,5.094-.306c3.922,0,5.858,1.477,5.858,4.381a3.871,3.871,0,0,1-.764,2.292A4.207,4.207,0,0,1,427.5,187.5v.051a2.646,2.646,0,0,1,.968.866,6.5,6.5,0,0,1,.764,1.477l1.426,3.922h-4.024l-1.223-3.719a1.949,1.949,0,0,0-.56-.968,1.2,1.2,0,0,0-.866-.306h-.866Z" transform="translate(-419.3 -179.3)" fill="#fff"/>
+ </g>
+ <path id="Path_21" data-name="Path 21" d="M448.551,183.8h2.6l-1.273-5.3h-.051Zm2.089-9.781h-3.107l1.936-3.515h4.279Zm-2.8,12.684-.662,2.751H443.1l4.687-14.263h4.126L456.6,189.45h-4.126l-.662-2.751Z" transform="translate(-75.944)" fill="#fff"/>
+ <path id="Path_22" data-name="Path 22" d="M480.816,179.7v3.209h-3.871v11.054h-3.973V182.909H469.1V179.7Z" transform="translate(-88.7 -4.513)" fill="#fff"/>
+ <g id="Group_13" data-name="Group 13" transform="translate(393.237 175.034)">
+ <path id="Path_23" data-name="Path 23" d="M504.233,183.373a8.828,8.828,0,0,0-4.024-.968,2.5,2.5,0,0,0-1.375.306,1,1,0,0,0-.458.866c0,.56.408.917,1.274,1.172a11.092,11.092,0,0,1,4.33,1.987,4.145,4.145,0,0,1-.2,6.164,7.27,7.27,0,0,1-4.483,1.121,10.863,10.863,0,0,1-2.7-.408,6,6,0,0,1-2.292-1.07l.866-3.005a8.413,8.413,0,0,0,2.14,1.07,6.866,6.866,0,0,0,2.139.408c1.172,0,1.783-.408,1.783-1.273,0-.56-.509-.968-1.579-1.274a10.417,10.417,0,0,1-4.075-1.987,3.808,3.808,0,0,1-1.223-2.9,3.719,3.719,0,0,1,1.477-3.056,6.681,6.681,0,0,1,4.177-1.121,10.873,10.873,0,0,1,4.89.968Z" transform="translate(-494.3 -179.4)" fill="#fff"/>
+ </g>
+ <path id="Path_24" data-name="Path 24" d="M523.722,185.762h.051l3.668-6.062h4.483l-4.483,6.826,4.687,7.437h-4.483l-3.872-6.622h-.051v6.622H519.8V179.7h3.922Z" transform="translate(-113.573 -4.513)" fill="#fff"/>
+ <path id="Path_25" data-name="Path 25" d="M550.651,183.8h2.6l-1.274-5.3h-.051Zm2.089-9.781h-3.107l1.936-3.515h4.279Zm-2.8,12.684-.662,2.751H545.2l4.687-14.263h4.126L558.7,189.45h-4.126l-.662-2.751Z" transform="translate(-126.034)" fill="#fff"/>
+ <g id="Group_14" data-name="Group 14" transform="translate(334.758 194.289)">
+ <path id="Path_26" data-name="Path 26" d="M389.433,221.173a8.828,8.828,0,0,0-4.024-.968,2.5,2.5,0,0,0-1.375.306,1,1,0,0,0-.458.866c0,.56.408.917,1.274,1.172a11.093,11.093,0,0,1,4.33,1.987,4.146,4.146,0,0,1-.2,6.164,7.27,7.27,0,0,1-4.483,1.121,10.866,10.866,0,0,1-2.7-.408,6.866,6.866,0,0,1-2.292-1.07l.866-3.005a8.414,8.414,0,0,0,2.139,1.07,6.867,6.867,0,0,0,2.14.408c1.172,0,1.783-.408,1.783-1.274,0-.56-.509-.968-1.579-1.273a10.419,10.419,0,0,1-4.075-1.987,3.808,3.808,0,0,1-1.223-2.9,3.719,3.719,0,0,1,1.477-3.056,6.681,6.681,0,0,1,4.177-1.121,10.874,10.874,0,0,1,4.89.968Z" transform="translate(-379.5 -217.2)" fill="#fff"/>
+ </g>
+ <path id="Path_27" data-name="Path 27" d="M415.016,217.6v3.209h-3.871v11.054h-3.973V220.809H403.3V217.6Z" transform="translate(-56.418 -23.107)" fill="#fff"/>
+ <g id="Group_15" data-name="Group 15" transform="translate(360.686 194.289)">
+ <path id="Path_28" data-name="Path 28" d="M434.221,223.822h1.07a2.269,2.269,0,0,0,1.579-.509,1.639,1.639,0,0,0,.56-1.375q0-1.834-2.14-1.834a6.36,6.36,0,0,0-1.07.1Zm0,2.853v4.992H430.4V217.506a42.1,42.1,0,0,1,5.094-.306c3.922,0,5.858,1.477,5.858,4.381a3.871,3.871,0,0,1-.764,2.292A4.207,4.207,0,0,1,438.6,225.4v.051a2.647,2.647,0,0,1,.968.866,6.5,6.5,0,0,1,.764,1.477l1.426,3.922h-4.024L436.513,228a1.949,1.949,0,0,0-.56-.968,1.2,1.2,0,0,0-.866-.306h-.866Z" transform="translate(-430.4 -217.2)" fill="#fff"/>
+ </g>
+ <path id="Path_29" data-name="Path 29" d="M460.051,226.158h2.6l-1.273-5.3h-.051Zm-.713,2.955-.662,2.751H454.6l4.687-14.263h4.126l4.687,14.263h-4.126l-.662-2.751Z" transform="translate(-81.586 -23.107)" fill="#fff"/>
+ <path id="Path_30" data-name="Path 30" d="M492.349,225.394h.051V217.6h3.821v14.263H492.4l-4.279-7.845h-.051v7.845H484.3V217.6h3.77Z" transform="translate(-96.157 -23.107)" fill="#fff"/>
+ <path id="Path_31" data-name="Path 31" d="M516.151,226.158h2.6l-1.274-5.3h-.051Zm-.713,2.955-.662,2.751H510.7l4.686-14.263h4.126l4.687,14.263h-4.126l-.662-2.751Z" transform="translate(-109.108 -23.107)" fill="#fff"/>
+ </g>
+</svg>
diff --git a/senate/static/senate/assets/img/map-placeholder.jpg b/senate/static/senate/assets/img/map-placeholder.jpg
new file mode 100755
index 0000000000000000000000000000000000000000..af4611a0b1aee7b633e89fb1ee50865326b3f868
Binary files /dev/null and b/senate/static/senate/assets/img/map-placeholder.jpg differ
diff --git a/senate/templates/senate/base.html b/senate/templates/senate/base.html
new file mode 100644
index 0000000000000000000000000000000000000000..90ebb63ffceca31100dda63585978842008eb8ee
--- /dev/null
+++ b/senate/templates/senate/base.html
@@ -0,0 +1,73 @@
+{% load static wagtailuserbar wagtailcore_tags %}
+<!doctype html>
+<html lang="cs">
+ <head>
+ <meta charset="utf-8">
+
+ <title>{% firstof page.seo_title page.title %}</title>
+ <meta name="description" content="{{ page.search_description }}">
+ <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0, shrink-to-fit=no">
+ <meta name="author" content="Piráti">
+ <script src="https://kit.fontawesome.com/cbdc6198f3.js" crossorigin="anonymous"></script>
+ <link rel="stylesheet" href="{% static "shared/vendor/bootstrap-4.4.1/css/bootstrap.min.css" %}">
+ <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Roboto+Condensed:wght@300;400;700&family=Roboto:wght@300;400;500&display=swap" rel="stylesheet">
+ <link rel="stylesheet" href="{% static "senate/assets/css/styles.css" %}">
+ <link rel="stylesheet" href="{% static "senate/assets/css/overrides.css" %}">
+
+ {% if page.matomo_id %}
+ {% include "shared/matomo_snippet.html" with matomo_id=page.matomo_id %}
+ {% endif %}
+ </head>
+
+ <body>
+
+ {% wagtailuserbar %}
+
+ <header>
+ <div class="first-header with-small-logo">
+ <div class="container-fluid">
+ <div class="row">
+ <div class="col-4 col-lg-1 col-xl-1 logo-wrap">
+ <img src="{% static "senate/assets/img/logo.svg" %}" class="normal" alt="">
+ <img src="{% static "senate/assets/img/logo-small.svg" %}" class="small" alt="">
+ </div>
+ <div class="col-8 col-xl-11 col-lg-11 menu-content">
+ <h1 class="headline-normal mt-3">{% firstof page.seo_title page.title %}</h1>
+ </div>
+ </div>
+ </div>
+ </div>
+ </header>
+
+ {% block content %}{% endblock %}
+
+ <footer>
+ <div class="footer-first">
+ <div class="top sp-3">
+ <div class="container">
+ <div class="row">
+ <div class="col-sm-7 col-12 footer-logo">
+ <a href="https://www.pirati.cz"><img src="{% static "senate/assets/img/logo.svg" %}" alt="Logo Pirátské strany"></a>
+ <p><span class="copyleft">©</span> Piráti, {% now "Y" %}. Všechna práva vyhlazena.<br>SdĂlejte a nechte ostatnĂ sdĂlet za stejnĂ˝ch podmĂnek.</p>
+ </div>
+ <div class="col-sm-5 col-12 footer-cta">
+ <div class="footer-socials">
+ <a href="https://www.facebook.com/ceska.piratska.strana/"><i class="fab fa-facebook-f"></i></a>
+ <a href="https://twitter.com/PiratskaStrana"><i class="fab fa-twitter"></i></a>
+ <a href="https://www.instagram.com/pirati.cz/"><i class="fab fa-instagram"></i></a>
+ <a href="https://www.youtube.com/user/CeskaPiratskaStrana"><i class="fab fa-youtube"></i></a>
+ <a href="https://www.flickr.com/photos/pirati/"><i class="fab fa-flickr"></i></a>
+ </div>
+ <a href="https://nalodeni.pirati.cz" class="btn-icon c-green my-1">
+ <div class="btn-wrap">
+ <span class="text">NaloÄŹ se</span><div class="icon"><img src="{% static "senate/assets/img/icons/onboard.svg" %}" alt="NaloÄŹ se"></div>
+ </div>
+ </a>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </footer>
+ </body>
+</html>
diff --git a/senate/templates/senate/person_snippet.html b/senate/templates/senate/person_snippet.html
new file mode 100644
index 0000000000000000000000000000000000000000..0d3b587f00d536a4ef54ba56765f0979e253ac98
--- /dev/null
+++ b/senate/templates/senate/person_snippet.html
@@ -0,0 +1,22 @@
+{% load wagtailimages_tags %}
+<div class="profile col-lg-6 my-4">
+ <div class="img">
+ <div class="img-inner">
+ {% image person.value.photo fill-110x110 as img %}
+ <img src="{{ img.url }}" alt="{{ person.value.name }}">
+ </div>
+ </div>
+ <div class="info">
+ <span class="name">{{ person.value.name }}</span>
+ <span class="position">{{ person.value.district }}<br>{{ person.value.info }}</span>
+ {% if person.value.phone %}
+ <a href="tel:{{ person.value.phone }}" class="contact"><i class="fas fa-phone" aria-hidden="true"></i> {{ person.value.phone }}</a>
+ {% endif %}
+ {% if person.value.email %}
+ <a href="mailto:{{ person.value.email }}" class="contact"><i class="fas fa-envelope" aria-hidden="true"></i> {{ person.value.email }}</a>
+ {% endif %}
+ {% if person.value.web %}
+ <a href="{{ person.value.web }}" class="contact"><i class="fas fa-home" aria-hidden="true"></i> {{ person.value.web }}</a>
+ {% endif %}
+ </div>
+</div>
diff --git a/senate/templates/senate/senate_home_page.html b/senate/templates/senate/senate_home_page.html
new file mode 100644
index 0000000000000000000000000000000000000000..133cc466bd7da663aa3e50e9bb3215cb3808cb87
--- /dev/null
+++ b/senate/templates/senate/senate_home_page.html
@@ -0,0 +1,35 @@
+{% extends "senate/base.html" %}
+{% load static wagtailimages_tags wagtailcore_tags %}
+
+{% block content %}
+
+<main>
+ <section class="contact">
+ <div class="container my-5">
+ <div class="row">
+ <div class="col-lg-12">
+ <h2 class="headline-normal">Naši Senátoři</h2>
+
+ <div class="row">
+ {% for person in page.senators %}
+ {% include "senate/person_snippet.html" %}
+ {% endfor %}
+ </div>
+
+ <hr class="my-4">
+ <h2 class="headline-normal">Kandidáti do Senátu</h2>
+
+ <div class="row">
+ {% for person in page.candidates %}
+ {% include "senate/person_snippet.html" %}
+ {% endfor %}
+ </div>
+
+ <hr class="my-4">
+ </div>
+ </div>
+ </div>
+ </section>
+</main>
+
+{% endblock %}