diff --git a/package.json b/package.json
new file mode 100644
index 0000000000000000000000000000000000000000..5d60e174301ce9728a30b31c41e9c87677fee80d
--- /dev/null
+++ b/package.json
@@ -0,0 +1,38 @@
+{
+ "name": "pitube",
+ "version": "1.0.0",
+ "description": "",
+ "private": true,
+ "directories": {
+ "lib": "lib"
+ },
+ "scripts": {
+ "test": "echo \"Error: no test specified\" && exit 1",
+ "build": "webpack"
+ },
+ "repository": {
+ "type": "git",
+ "url": "git@gitlab.pirati.cz:to/pitube.git"
+ },
+ "keywords": [],
+ "author": "",
+ "license": "ISC",
+ "devDependencies": {
+ "@fortawesome/fontawesome-free": "^5.13.0",
+ "autoprefixer": "^9.8.0",
+ "css-loader": "^3.5.3",
+ "file-loader": "^6.0.0",
+ "postcss-loader": "^3.0.0",
+ "style-loader": "^1.2.1",
+ "url-loader": "^4.1.0",
+ "sass-loader": "^8.0.2",
+ "node-sass": "^4.14.1",
+ "webpack": "^4.43.0",
+ "webpack-cli": "^3.3.11"
+ },
+ "dependencies": {
+ "bootstrap": "^4.5.0",
+ "jquery": "^3.5.1",
+ "video.js": "^7.8.2"
+ }
+}
diff --git a/public/css/styles.css b/public/css/styles.css
deleted file mode 100644
index bb51d9e0dfaadf83e34f271cd72dac03494955d0..0000000000000000000000000000000000000000
--- a/public/css/styles.css
+++ /dev/null
@@ -1,4723 +0,0 @@
-/*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.4c26b0bdc22b.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.b631d3c73c6e.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.b631d3c73c6e.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/public/css/video-js.min.css b/public/css/video-js.min.css
deleted file mode 100644
index 17702b1b67dca1898a149400bc0f39313ac0f207..0000000000000000000000000000000000000000
--- a/public/css/video-js.min.css
+++ /dev/null
@@ -1 +0,0 @@
-@charset "UTF-8";.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-modal-dialog,.vjs-button>.vjs-icon-placeholder:before,.vjs-modal-dialog .vjs-modal-dialog-content{position:absolute;top:0;left:0;width:100%;height:100%}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.vjs-button>.vjs-icon-placeholder:before{text-align:center}@font-face{font-family:VideoJS;src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");font-weight:400;font-style:normal}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder,.vjs-icon-play{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder:before,.vjs-icon-play:before{content:"\f101"}.vjs-icon-play-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play-circle:before{content:"\f102"}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,.vjs-icon-pause{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,.vjs-icon-pause:before{content:"\f103"}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,.vjs-icon-volume-mute{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,.vjs-icon-volume-mute:before{content:"\f104"}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,.vjs-icon-volume-low{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,.vjs-icon-volume-low:before{content:"\f105"}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,.vjs-icon-volume-mid{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,.vjs-icon-volume-mid:before{content:"\f106"}.video-js .vjs-mute-control .vjs-icon-placeholder,.vjs-icon-volume-high{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control .vjs-icon-placeholder:before,.vjs-icon-volume-high:before{content:"\f107"}.video-js .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-enter{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-enter:before{content:"\f108"}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-exit{font-family:VideoJS;font-weight:400;font-style:normal}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-exit:before{content:"\f109"}.vjs-icon-square{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-square:before{content:"\f10a"}.vjs-icon-spinner{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-spinner:before{content:"\f10b"}.video-js .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-subtitles-button .vjs-icon-placeholder,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-subtitles{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-subtitles:before{content:"\f10c"}.video-js .vjs-captions-button .vjs-icon-placeholder,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-captions{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-captions-button .vjs-icon-placeholder:before,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-captions:before{content:"\f10d"}.video-js .vjs-chapters-button .vjs-icon-placeholder,.vjs-icon-chapters{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-chapters-button .vjs-icon-placeholder:before,.vjs-icon-chapters:before{content:"\f10e"}.vjs-icon-share{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-share:before{content:"\f10f"}.vjs-icon-cog{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cog:before{content:"\f110"}.video-js .vjs-play-progress,.video-js .vjs-volume-level,.vjs-icon-circle,.vjs-seek-to-live-control .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before,.vjs-icon-circle:before,.vjs-seek-to-live-control .vjs-icon-placeholder:before{content:"\f111"}.vjs-icon-circle-outline{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-outline:before{content:"\f112"}.vjs-icon-circle-inner-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-inner-circle:before{content:"\f113"}.vjs-icon-hd{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-hd:before{content:"\f114"}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,.vjs-icon-cancel{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,.vjs-icon-cancel:before{content:"\f115"}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,.vjs-icon-replay{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,.vjs-icon-replay:before{content:"\f116"}.vjs-icon-facebook{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-facebook:before{content:"\f117"}.vjs-icon-gplus{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-gplus:before{content:"\f118"}.vjs-icon-linkedin{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-linkedin:before{content:"\f119"}.vjs-icon-twitter{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-twitter:before{content:"\f11a"}.vjs-icon-tumblr{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-tumblr:before{content:"\f11b"}.vjs-icon-pinterest{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pinterest:before{content:"\f11c"}.video-js .vjs-descriptions-button .vjs-icon-placeholder,.vjs-icon-audio-description{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,.vjs-icon-audio-description:before{content:"\f11d"}.video-js .vjs-audio-button .vjs-icon-placeholder,.vjs-icon-audio{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-audio-button .vjs-icon-placeholder:before,.vjs-icon-audio:before{content:"\f11e"}.vjs-icon-next-item{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-next-item:before{content:"\f11f"}.vjs-icon-previous-item{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-previous-item:before{content:"\f120"}.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder,.vjs-icon-picture-in-picture-enter{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before,.vjs-icon-picture-in-picture-enter:before{content:"\f121"}.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder,.vjs-icon-picture-in-picture-exit{font-family:VideoJS;font-weight:400;font-style:normal}.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before,.vjs-icon-picture-in-picture-exit:before{content:"\f122"}.video-js{display:block;vertical-align:top;box-sizing:border-box;color:#fff;background-color:#000;position:relative;padding:0;font-size:10px;line-height:1;font-weight:400;font-style:normal;font-family:Arial,Helvetica,sans-serif;word-break:initial}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js[tabindex="-1"]{outline:0}.video-js *,.video-js :after,.video-js :before{box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.video-js.vjs-16-9,.video-js.vjs-4-3,.video-js.vjs-fluid{width:100%;max-width:100%;height:0}.video-js.vjs-16-9{padding-top:56.25%}.video-js.vjs-4-3{padding-top:75%}.video-js.vjs-fill{width:100%;height:100%}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}body.vjs-full-window{padding:0;margin:0;height:100%}.vjs-full-window .video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0}.video-js.vjs-fullscreen:not(.vjs-ios-native-fs){width:100%!important;height:100%!important;padding-top:0!important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-hidden{display:none!important}.vjs-disabled{opacity:.5;cursor:default}.video-js .vjs-offscreen{height:1px;left:-9999px;position:absolute;top:0;width:1px}.vjs-lock-showing{display:block!important;opacity:1;visibility:visible}.vjs-no-js{padding:20px;color:#fff;background-color:#000;font-size:18px;font-family:Arial,Helvetica,sans-serif;text-align:center;width:300px;height:150px;margin:0 auto}.vjs-no-js a,.vjs-no-js a:visited{color:#66a8cc}.video-js .vjs-big-play-button{font-size:3em;line-height:1.5em;height:1.63332em;width:3em;display:block;position:absolute;top:10px;left:10px;padding:0;cursor:pointer;opacity:1;border:.06666em solid #fff;background-color:#2b333f;background-color:rgba(43,51,63,.7);border-radius:.3em;transition:all .4s}.vjs-big-play-centered .vjs-big-play-button{top:50%;left:50%;margin-top:-.81666em;margin-left:-1.5em}.video-js .vjs-big-play-button:focus,.video-js:hover .vjs-big-play-button{border-color:#fff;background-color:#73859f;background-color:rgba(115,133,159,.5);transition:all 0s}.vjs-controls-disabled .vjs-big-play-button,.vjs-error .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button{display:none}.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button{display:block}.video-js button{background:0 0;border:none;color:inherit;display:inline-block;font-size:inherit;line-height:inherit;text-transform:none;text-decoration:none;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vjs-control .vjs-button{width:100%;height:100%}.video-js .vjs-control.vjs-close-button{cursor:pointer;height:3em;position:absolute;right:0;top:.5em;z-index:2}.video-js .vjs-modal-dialog{background:rgba(0,0,0,.8);background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0));overflow:auto}.video-js .vjs-modal-dialog>*{box-sizing:border-box}.vjs-modal-dialog .vjs-modal-dialog-content{font-size:1.2em;line-height:1.5;padding:20px 24px;z-index:1}.vjs-menu-button{cursor:pointer}.vjs-menu-button.vjs-disabled{cursor:default}.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu{display:none}.vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:auto}.vjs-menu .vjs-menu-content>*{box-sizing:border-box}.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{list-style:none;margin:0;padding:.2em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.js-focus-visible .vjs-menu li.vjs-menu-item:hover,.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover{background-color:#73859f;background-color:rgba(115,133,159,.5)}.js-focus-visible .vjs-menu li.vjs-selected:hover,.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover{background-color:#fff;color:#2b333f}.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em 0;font-weight:700;cursor:default}.vjs-menu-button-popup .vjs-menu{display:none;position:absolute;bottom:0;width:10em;left:-3em;height:0;margin-bottom:1.5em;border-top-color:rgba(43,51,63,.7)}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2b333f;background-color:rgba(43,51,63,.7);position:absolute;width:100%;bottom:1.5em;max-height:15em}.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:5em}.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:10em}.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:14em}.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:25em}.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu{display:block}.video-js .vjs-menu-button-inline{transition:all .4s;overflow:hidden}.video-js .vjs-menu-button-inline:before{width:2.222222222em}.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline:hover,.video-js.vjs-no-flex .vjs-menu-button-inline{width:12em}.vjs-menu-button-inline .vjs-menu{opacity:0;height:100%;width:auto;position:absolute;left:4em;top:0;padding:0;margin:0;transition:all .4s}.vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline:hover .vjs-menu{display:block;opacity:1}.vjs-no-flex .vjs-menu-button-inline .vjs-menu{display:block;opacity:1;position:relative;width:auto}.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu{width:auto}.vjs-menu-button-inline .vjs-menu-content{width:auto;height:100%;margin:0;overflow:hidden}.video-js .vjs-control-bar{display:none;width:100%;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#2b333f;background-color:rgba(43,51,63,.7)}.vjs-has-started .vjs-control-bar{display:flex;visibility:visible;opacity:1;transition:visibility .1s,opacity .1s}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:visible;opacity:0;transition:visibility 1s,opacity 1s}.vjs-controls-disabled .vjs-control-bar,.vjs-error .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar{display:none!important}.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible}.vjs-has-started.vjs-no-flex .vjs-control-bar{display:table}.video-js .vjs-control{position:relative;text-align:center;margin:0;padding:0;height:100%;width:4em;flex:none}.vjs-button>.vjs-icon-placeholder:before{font-size:1.8em;line-height:1.67}.video-js .vjs-control:focus,.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before{text-shadow:0 0 1em #fff}.video-js .vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.vjs-no-flex .vjs-control{display:table-cell;vertical-align:middle}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{cursor:pointer;flex:auto;display:flex;align-items:center;min-width:4em;touch-action:none}.video-js .vjs-progress-control.disabled{cursor:default}.vjs-live .vjs-progress-control{display:none}.vjs-liveui .vjs-progress-control{display:flex;align-items:center}.vjs-no-flex .vjs-progress-control{width:auto}.video-js .vjs-progress-holder{flex:auto;transition:all .2s;height:.3em}.video-js .vjs-progress-control .vjs-progress-holder{margin:0 10px}.video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:1.6666666667em}.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled{font-size:1em}.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div,.video-js .vjs-progress-holder .vjs-play-progress{position:absolute;display:block;height:100%;margin:0;padding:0;width:0}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-play-progress:before{font-size:.9em;position:absolute;right:-.5em;top:-.3333333333em;z-index:1}.video-js .vjs-load-progress{background:rgba(115,133,159,.5)}.video-js .vjs-load-progress div{background:rgba(115,133,159,.75)}.video-js .vjs-time-tooltip{background-color:#fff;background-color:rgba(255,255,255,.8);border-radius:.3em;color:#000;float:right;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:6px 8px 8px 8px;pointer-events:none;position:absolute;top:-3.4em;visibility:hidden;z-index:1}.video-js .vjs-progress-holder:focus .vjs-time-tooltip{display:none}.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-time-tooltip{display:block;font-size:.6em;visibility:visible}.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip{font-size:1em}.video-js .vjs-progress-control .vjs-mouse-display{display:none;position:absolute;width:1px;height:100%;background-color:#000;z-index:1}.vjs-no-flex .vjs-progress-control .vjs-mouse-display{z-index:0}.video-js .vjs-progress-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s}.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display{display:none}.vjs-mouse-display .vjs-time-tooltip{color:#fff;background-color:#000;background-color:rgba(0,0,0,.8)}.video-js .vjs-slider{position:relative;cursor:pointer;padding:0;margin:0 .45em 0 .45em;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#73859f;background-color:rgba(115,133,159,.5)}.video-js .vjs-slider.disabled{cursor:default}.video-js .vjs-slider:focus{text-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js .vjs-mute-control{cursor:pointer;flex:none}.video-js .vjs-volume-control{cursor:pointer;margin-right:1em;display:flex}.video-js .vjs-volume-control.vjs-volume-horizontal{width:5em}.video-js .vjs-volume-panel .vjs-volume-control{visibility:visible;opacity:0;width:1px;height:1px;margin-left:-1px}.video-js .vjs-volume-panel{transition:width 1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,.video-js .vjs-volume-panel .vjs-volume-control:active,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,.video-js .vjs-volume-panel:active .vjs-volume-control,.video-js .vjs-volume-panel:focus .vjs-volume-control{visibility:visible;opacity:1;position:relative;transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal{width:5em;height:3em;margin-right:0}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical{left:-3.5em;transition:left 0s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active{width:10em;transition:width .1s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only{width:4em}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{height:8em;width:3em;left:-3000em;transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s}.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{width:5em;height:3em;visibility:visible;opacity:1;position:relative;transition:none}.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{position:absolute;bottom:3em;left:.5em}.video-js .vjs-volume-panel{display:flex}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:.3em}.vjs-volume-bar.vjs-slider-vertical{width:.3em;height:5em;margin:1.35em auto}.video-js .vjs-volume-level{position:absolute;bottom:0;left:0;background-color:#fff}.video-js .vjs-volume-level:before{position:absolute;font-size:.9em}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{top:-.5em;left:-.3em}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{top:-.3em;right:-.5em}.video-js .vjs-volume-panel.vjs-volume-panel-vertical{width:4em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.video-js .vjs-volume-vertical{width:3em;height:8em;bottom:8em;background-color:#2b333f;background-color:rgba(43,51,63,.7)}.video-js .vjs-volume-horizontal .vjs-menu{left:-2em}.vjs-poster{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;background-color:#000;cursor:pointer;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.vjs-has-started .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster{display:block}.vjs-using-native-controls .vjs-poster{display:none}.video-js .vjs-live-control{display:flex;align-items:flex-start;flex:auto;font-size:1em;line-height:3em}.vjs-no-flex .vjs-live-control{display:table-cell;width:auto;text-align:left}.video-js.vjs-liveui .vjs-live-control,.video-js:not(.vjs-live) .vjs-live-control{display:none}.video-js .vjs-seek-to-live-control{cursor:pointer;flex:none;display:inline-flex;height:100%;padding-left:.5em;padding-right:.5em;font-size:1em;line-height:3em;width:auto;min-width:4em}.vjs-no-flex .vjs-seek-to-live-control{display:table-cell;width:auto;text-align:left}.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,.video-js:not(.vjs-live) .vjs-seek-to-live-control{display:none}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{cursor:auto}.vjs-seek-to-live-control .vjs-icon-placeholder{margin-right:.5em;color:#888}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder{color:red}.video-js .vjs-time-control{flex:none;font-size:1em;line-height:3em;min-width:2em;width:auto;padding-left:1em;padding-right:1em}.vjs-live .vjs-time-control{display:none}.video-js .vjs-current-time,.vjs-no-flex .vjs-current-time{display:none}.video-js .vjs-duration,.vjs-no-flex .vjs-duration{display:none}.vjs-time-divider{display:none;line-height:3em}.vjs-live .vjs-time-divider{display:none}.video-js .vjs-play-control{cursor:pointer}.video-js .vjs-play-control .vjs-icon-placeholder{flex:none}.vjs-text-track-display{position:absolute;bottom:3em;left:0;right:0;top:0;pointer-events:none}.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{font-size:1.4em;text-align:center;margin-bottom:.1em}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{transform:translateY(-3em)}.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{transform:translateY(-1.5em)}.video-js .vjs-picture-in-picture-control{cursor:pointer;flex:none}.video-js .vjs-fullscreen-control{cursor:pointer;flex:none}.vjs-playback-rate .vjs-playback-rate-value,.vjs-playback-rate>.vjs-menu-button{position:absolute;top:0;left:0;width:100%;height:100%}.vjs-playback-rate .vjs-playback-rate-value{pointer-events:none;font-size:1.5em;line-height:2;text-align:center}.vjs-playback-rate .vjs-menu{width:4em;left:0}.vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:1.4em;text-align:center}.vjs-error .vjs-error-display:before{color:#fff;content:"X";font-family:Arial,Helvetica,sans-serif;font-size:4em;left:0;line-height:1;margin-top:-.5em;position:absolute;text-shadow:.05em .05em .1em #000;text-align:center;top:50%;vertical-align:middle;width:100%}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;opacity:.85;text-align:left;border:6px solid rgba(43,51,63,.7);box-sizing:border-box;background-clip:padding-box;width:50px;height:50px;border-radius:25px;visibility:hidden}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{display:block;-webkit-animation:vjs-spinner-show 0s linear .3s forwards;animation:vjs-spinner-show 0s linear .3s forwards}.vjs-loading-spinner:after,.vjs-loading-spinner:before{content:"";position:absolute;margin:-6px;box-sizing:inherit;width:inherit;height:inherit;border-radius:inherit;opacity:1;border:inherit;border-color:transparent;border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before{-webkit-animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite;animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{border-top-color:#fff;-webkit-animation-delay:.44s;animation-delay:.44s}@keyframes vjs-spinner-show{to{visibility:visible}}@-webkit-keyframes vjs-spinner-show{to{visibility:visible}}@keyframes vjs-spinner-spin{100%{transform:rotate(360deg)}}@-webkit-keyframes vjs-spinner-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}@-webkit-keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}.vjs-chapters-button .vjs-menu ul{width:24em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:"";font-size:1.5em;line-height:inherit}.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:" ";font-size:1.5em;line-height:inherit}.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control{display:none}.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover{width:auto;width:initial}.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button{display:none}.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer,.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer{flex:auto;display:block}.video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer,.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer{width:auto}.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control,.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control{display:none}.vjs-modal-dialog.vjs-text-track-settings{background-color:#2b333f;background-color:rgba(43,51,63,.75);color:#fff;height:70%}.vjs-text-track-settings .vjs-modal-dialog-content{display:table}.vjs-text-track-settings .vjs-track-settings-colors,.vjs-text-track-settings .vjs-track-settings-controls,.vjs-text-track-settings .vjs-track-settings-font{display:table-cell}.vjs-text-track-settings .vjs-track-settings-controls{text-align:right;vertical-align:bottom}@supports (display:grid){.vjs-text-track-settings .vjs-modal-dialog-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;padding:20px 24px 0 24px}.vjs-track-settings-controls .vjs-default-button{margin-bottom:20px}.vjs-text-track-settings .vjs-track-settings-controls{grid-column:1/-1}.vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content{grid-template-columns:1fr}}.vjs-track-setting>select{margin-right:1em;margin-bottom:.5em}.vjs-text-track-settings fieldset{margin:5px;padding:3px;border:none}.vjs-text-track-settings fieldset span{display:inline-block}.vjs-text-track-settings fieldset span>select{max-width:7.3em}.vjs-text-track-settings legend{color:#fff;margin:0 0 5px 0}.vjs-text-track-settings .vjs-label{position:absolute;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);display:block;margin:0 0 5px 0;padding:0;border:0;height:1px;width:1px;overflow:hidden}.vjs-track-settings-controls button:active,.vjs-track-settings-controls button:focus{outline-style:solid;outline-width:medium;background-image:linear-gradient(0deg,#fff 88%,#73859f 100%)}.vjs-track-settings-controls button:hover{color:rgba(43,51,63,.75)}.vjs-track-settings-controls button{background-color:#fff;background-image:linear-gradient(-180deg,#fff 88%,#73859f 100%);color:#2b333f;cursor:pointer;border-radius:2px}.vjs-track-settings-controls .vjs-default-button{margin-right:1em}@media print{.video-js>:not(.vjs-tech):not(.vjs-poster){visibility:hidden}}.vjs-resize-manager{position:absolute;top:0;left:0;width:100%;height:100%;border:none;z-index:-1000}.js-focus-visible .video-js :focus:not(.focus-visible){outline:0;background:0 0}.video-js .vjs-menu :focus:not(:focus-visible),.video-js :focus:not(:focus-visible){outline:0;background:0 0}
\ No newline at end of file
diff --git a/src/index.js b/src/index.js
new file mode 100644
index 0000000000000000000000000000000000000000..2a77e04e80a410ef7d3cbabd49f5773fd222b5b3
--- /dev/null
+++ b/src/index.js
@@ -0,0 +1,14 @@
+"use strict";
+
+import $ from 'jquery';
+import jQuery from 'jquery';
+window.$ = jQuery;
+
+import 'bootstrap/js/dist/modal';
+
+//import '@fortawesome/fontawesome-free/js/light'
+//import '@fortawesome/fontawesome-free/js/regular'
+//import '@fortawesome/fontawesome-free/js/solid'
+//import '@fortawesome/fontawesome-free/js/brands'
+
+import './index.scss';
diff --git a/src/index.scss b/src/index.scss
new file mode 100644
index 0000000000000000000000000000000000000000..f553582df3ef0ff6db6fa890f2671eefdf598440
--- /dev/null
+++ b/src/index.scss
@@ -0,0 +1,24 @@
+// Konfigurace
+@import "scss/variables";
+
+// Google fonts
+@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Roboto+Condensed:wght@300;400;700&family=Roboto:wght@300;400;500&display=swap");
+
+
+// Vue a bootstrap
+@import '~bootstrap/scss/bootstrap';
+
+// Piratske tema
+@import "scss/pirati/mixins";
+@import "scss/pirati/common";
+@import "scss/pirati/buttons";
+@import "scss/pirati/typography";
+@import "scss/pirati/header";
+@import "scss/pirati/footer";
+@import "scss/pirati/pagination";
+
+// video.js
+@import "~video.js/dist/video-js.css";
+
+// Lokalni styly
+@import "scss/pitube";
diff --git a/src/scss/pirati/buttons.scss b/src/scss/pirati/buttons.scss
new file mode 100644
index 0000000000000000000000000000000000000000..f8923356b751f343f96b1b7540ddd8b35a27592f
--- /dev/null
+++ b/src/scss/pirati/buttons.scss
@@ -0,0 +1,413 @@
+// Buttons
+.btn-icon {
+ display: inline-block;
+ transition: $transition;
+ text-decoration: none;
+
+ .btn-wrap {
+ justify-content: space-between;
+ align-items: center;
+ height: 45px;
+ display: flex;
+
+ .text {
+ display: block;
+ padding: 10px 36px;
+ box-sizing: border-box;
+ font-weight: 400;
+ font-size: 1.1rem;
+ text-align: center;
+ }
+
+ .icon {
+ width: 45px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ height: 100%;
+ transition: $transition;
+ i {
+ line-height: 1rem;
+ }
+ img {
+ width: auto;
+ height: 19px;
+ opacity: 0.9;
+ }
+
+ svg {
+ width: 19px;
+ }
+ }
+
+ }
+}
+
+.btn-big {
+ display: inline-block;
+ color: #FFF;
+ background: #000;
+ transition: $transition;
+ text-decoration: none;
+
+ .btn-wrap {
+ justify-content: space-between;
+ align-items: center;
+ height: auto;
+ display: flex;
+ padding: 29px 29px 22px;
+
+ .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) {
+ font-size: 20px;
+ }
+ }
+
+ .icon {
+ width: 45px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ height: 100%;
+ font-size: 30px;
+ transition: $transition;
+ background: none!important;
+ border:none!important;
+
+ img {
+ width: auto;
+ height: 42px;
+ opacity: 0.9;
+ }
+ svg {
+ height: 40px;
+ width: 40px;
+ }
+ }
+ }
+ &:hover {
+ color: #FFF;
+ text-decoration: none;
+ .icon {
+ background:none!important;
+ }
+ }
+}
+
+.btn-basic {
+ display: inline-block;
+ text-align: center;
+ min-width: 130px;
+ transition: $transition;
+ text-decoration: none;
+
+ .text {
+ display: block;
+ padding: 10px 23px;
+ box-sizing: border-box;
+ font-weight: 400;
+ font-size: 1.1rem;
+ }
+}
+
+.big {
+ &.btn-icon {
+ width: 340px;
+ .btn-wrap {
+ height: 82px;
+
+ .text {
+ padding: 10px 45px;
+ font-size: 1.2rem;
+ flex-grow: 1;
+ }
+
+ .icon {
+ width: 82px;
+ }
+ }
+ @media(max-width:500px) {
+ 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;
+ i {
+
+ }
+}
+
+// Green color button
+.c-green {
+ background: #29bc51;
+ color: #FFF;
+
+ .icon {
+ border-left: 1px solid #22a244;
+ background: #26b34b;
+ }
+
+ &:hover {
+ color: #FFF;
+ background: #000;
+ text-decoration: none;
+
+ .icon {
+ border-left: 1px solid #212121;
+ background: #000;
+
+ svg {
+ fill: #FFF;
+ path {
+ fill: #FFF;
+ }
+ }
+ i {
+ color: #FFF;
+
+ }
+ }
+ }
+}
+
+// White color button
+.c-white {
+ background: #FFF;
+ color: #000;
+
+ .icon {
+ border-left: 1px solid #000;
+ background: #FFF;
+ }
+
+ &:hover {
+ color: #FFF;
+ background: #000;
+ text-decoration: none;
+
+ .icon {
+ border-left: 1px solid #212121;
+ background: #000;
+
+ svg, i {
+ color: #FFF;
+ fill: #FFF;
+ }
+ }
+ }
+}
+
+// Black color button
+.c-black {
+ background: #000;
+ color: #FFF;
+
+ .icon {
+ border-left: 1px solid #000;
+ background: #303030;
+ border-right: 1px solid #e2e2e226;
+ svg {
+ fill: #FFF;
+ }
+ }
+
+ &:hover {
+ color: #000;
+ background: $extraLightGrey;
+ text-decoration: none;
+ .text {
+ color: #000;
+ }
+ .icon {
+ border-left: 1px solid #e6e6e6;
+ background: $extraLightGrey;
+
+ svg {
+ fill: #000;
+ path {
+ fill: #000;
+ }
+ }
+ i {
+ color: #000;
+
+ }
+ }
+ }
+}
+
+// Red color button
+.c-red {
+ background: $red;
+ color: #FFF;
+
+ .icon {
+ border-left: 1px solid #ea4248;
+ background: #e03438;
+ border-right: 1px solid #e2e2e226;
+ }
+ &:hover {
+ color: #FFF;
+ background: #000;
+ text-decoration: none;
+
+ .icon {
+ border-left: 1px solid #212121;
+ background: #000;
+
+ svg {
+ fill: #FFF;
+ path {
+ fill: #FFF;
+ }
+ }
+ i {
+ color: #FFF;
+
+ }
+ }
+ }
+}
+
+// Grey color button
+.c-grey {
+ background: #F0F0F0;
+ color: #000;
+
+ .icon {
+ border-left: 1px solid #000;
+ background: #303030;
+ border-right: 1px solid #e2e2e226;
+ }
+ &:hover {
+ color: #FFF;
+ background: #000;
+ text-decoration: none;
+ .icon {
+ border-left: 1px solid #212121;
+ background: #000;
+
+ svg {
+ fill: #FFF;
+ path {
+ fill: #FFF;
+ }
+ }
+ i {
+ color: #FFF;
+
+ }
+ }
+ }
+}
+
+// Blue facebook color button
+.c-fb {
+ background: #1978f3;
+ color: #FFF;
+}
+
+// If you want to stretch the button to parent width
+.stretch {
+ display: block;
+}
+
+// Cta buttons - variant b
+.cta-btn {
+ border: none;
+ outline: none;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ background-color: #000000;
+ display: inline-block;
+
+ @include transition(background-color 0.2s);
+
+ &:hover {
+ text-decoration: none;
+ background: #191919;
+
+ .arrow {
+ &:before {
+ left: 60%;
+ }
+ }
+ }
+
+ p {
+ font-family: 'Roboto Condensed', sans-serif;
+ color: #ffffff;
+ font-size: 1.2rem;
+ padding: 10px 30px;
+ display: inline-block;
+ vertical-align: middle;
+ margin: 0px;
+ }
+
+ .arrow {
+ display: inline-block;
+ vertical-align: middle;
+ background-color: #191919;
+ border-left: 1px solid #303030;
+ position: relative;
+ width: 47px;
+ height: 47px;
+
+ &: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;
+
+ @include transition(left 0.2s);
+ }
+ }
+}
+
+.cta-btn2 {
+ border: none;
+ outline: none;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ background-color: #F3F3F3;
+ display: inline-block;
+
+ @include 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;
+
+ &:hover {
+ text-decoration: none;
+ color: #000000;
+ background-color: #e4e4e4;
+ }
+}
\ No newline at end of file
diff --git a/src/scss/pirati/common.scss b/src/scss/pirati/common.scss
new file mode 100644
index 0000000000000000000000000000000000000000..b8640947e91c81ee34a929f5bf8306d1955b13ca
--- /dev/null
+++ b/src/scss/pirati/common.scss
@@ -0,0 +1,257 @@
+// ----------------- GLOBAL
+:root {
+ font-size: 15px;
+}
+body {
+ margin: 0;
+ font-family: 'Roboto Condensed', sans-serif;
+ font-weight: 300;
+}
+
+// Container
+.container-fluid {
+ max-width: 1366px;
+}
+
+// Resets and settings of tags
+ul {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ margin-left: 1.5rem;
+ li {
+ position: relative;
+ font-family: 'Roboto', sans-serif;
+ &: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;
+ }
+ a {
+ font-family: 'Roboto', sans-serif;
+ }
+ }
+}
+
+
+
+img {
+ max-width: 100%;
+}
+
+
+
+hr {
+ border-top: 1px solid #f6f6f6;
+ margin: 1.5rem 0;
+}
+
+main {
+ //overflow: hidden;
+}
+
+table {
+ border: 1px solid #eee;
+
+ thead {
+ tr {
+ th {
+ padding: 13px 21px;
+ background: #000;
+ color: #FFF;
+ font-weight: 400;
+ }
+ }
+ }
+
+ tbody {
+ /*empty*/
+ tr {
+ /*empty*/
+ td {
+ padding: 13px 21px;
+ border-bottom: 1px solid #eee;
+ border-left: 1px solid #eee;
+ }
+
+ &:nth-child(even) {
+ /*empty*/
+ td {
+ /*empty*/
+ }
+ }
+
+ &:nth-child(odd) {
+ background: #f9f9f9;
+
+ td {
+ /*empty*/
+ }
+ }
+ }
+ }
+}
+figure {
+ position: relative;
+
+ img {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ max-width: 100%;
+ width: auto;
+ }
+
+ 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) {
+ display: block;
+ }
+}
+
+.only-desktop {
+ @media (max-width: 991px) {
+ display: none;
+ }
+}
+
+@function background($imageKey) {
+ @if map-has-key($image-list, $imageKey) {
+ @return map-get($image-list, $imageKey);
+ }
+
+ @warn "Unknown path: `#{$imageKey}`";
+
+ @return null;
+}
+
+/*MIXINS*/
+@mixin transition($transition...) {
+ -moz-transition: $transition;
+ -o-transition: $transition;
+ -webkit-transition: $transition;
+ transition: $transition;
+}
+
+@mixin transition-property($property...) {
+ -moz-transition-property: $property;
+ -o-transition-property: $property;
+ -webkit-transition-property: $property;
+ transition-property: $property;
+}
+
+@mixin transition-duration($duration...) {
+ -moz-transition-property: $duration;
+ -o-transition-property: $duration;
+ -webkit-transition-property: $duration;
+ transition-property: $duration;
+}
+
+@mixin transition-timing-function($timing...) {
+ -moz-transition-timing-function: $timing;
+ -o-transition-timing-function: $timing;
+ -webkit-transition-timing-function: $timing;
+ transition-timing-function: $timing;
+}
+
+@mixin transition-delay($delay...) {
+ -moz-transition-delay: $delay;
+ -o-transition-delay: $delay;
+ -webkit-transition-delay: $delay;
+ transition-delay: $delay;
+}
+
+@mixin background-size($size) {
+ -webkit-background-size: $size;
+ -moz-background-size: $size;
+ -o-background-size: $size;
+ background-size: $size;
+}
+
+@mixin gradient($direction, $startcolor, $endcolor) {
+ background-image: linear-gradient(to $direction, $startcolor 0%, $endcolor 100%);
+ background-image: -o-linear-gradient($direction, $startcolor 0%, $endcolor 100%);
+ background-image: -moz-linear-gradient($direction, $startcolor 0%, $endcolor 100%);
+ background-image: -webkit-linear-gradient($direction, $startcolor 0%, $endcolor 100%);
+ background-image: -ms-linear-gradient($direction, $startcolor 0%, $endcolor 100%);
+}
+
+/*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;
+
+ .left {
+ width: 48%;
+ }
+
+ .right {
+ width: 48%;
+ margin-top: -27px;
+ margin-bottom: -27px;
+ text-align: center;
+ display: flex;
+ align-items: flex-end;
+
+ .flag {
+ /*empty*/
+ }
+ }
+ @media(max-width: 768px) {
+ .left {
+ width: 100%;
+ }
+ .right {
+ display: none;
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/scss/pirati/footer.scss b/src/scss/pirati/footer.scss
new file mode 100644
index 0000000000000000000000000000000000000000..57893b9263c64ca1adb389b6525d965ec75b74ed
--- /dev/null
+++ b/src/scss/pirati/footer.scss
@@ -0,0 +1,281 @@
+// ----------------- FOOTER
+footer {
+ .copyleft {
+ transform: matrix(-1, 0, 0, 1, 0, 0) !important;
+ display: inline-block;
+ }
+ .footer-nav {
+ ul {
+ margin-top: 26px;
+ margin-left: 30px;
+
+ li {
+ margin-bottom: 7px;
+
+ a {
+ color: $lightGrey;
+ }
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+ &:before {
+ display: none;
+ }
+ }
+ }
+ }
+
+ .footer-title {
+ font-size: 1.3rem;
+ text-transform: uppercase;
+ color: #FFF;
+ display: block;
+ }
+
+ .footer-first {
+ background: $lightBlack;
+
+ .top {
+ border-bottom: 1px solid #343434;
+ @media (max-width: 576px) {
+ padding: 23px 0 3px;
+ }
+ }
+
+ .bottom {
+
+ .footer-nav {
+ ul {
+ margin-top: 0;
+
+ li {
+ margin: 0;
+ }
+ }
+ }
+
+ @media (max-width: 991px) {
+ padding: 16px 0 15px;
+
+ .footer-nav {
+ ul {
+ margin: 0;
+ }
+ }
+ }
+ }
+ }
+
+ .footer-second {
+ background: #000;
+
+ @media (max-width: 991px) {
+ padding: 33px 0;
+
+ .btn-basic {
+ width: 100%;
+ margin-top: 20px;
+ height: 52px;
+
+ .text {
+ font-weight: 300;
+ padding: 14px 31px;
+ }
+ }
+ }
+ }
+
+ .footer-logo {
+ img {
+ width: 168px;
+ }
+
+ p {
+ margin-top: 34px;
+ color: $lightGrey;
+ max-width: 82%;
+ }
+
+ @media (max-width: 991px) {
+ margin-bottom: 29px;
+ order: -2;
+
+ p {
+ display: none;
+ }
+ }
+
+ @media (max-width: 576px) {
+ img {
+ width: 106px;
+ }
+ }
+ }
+
+ .footer-nav {
+ .footer-title {
+ text-align: center;
+ }
+
+ @media (max-width: 991px) {
+ .footer-title {
+ text-align: left;
+ position: relative;
+ padding: 12px 0 11px;
+ border-bottom: 1px solid #a7a7a730;
+
+ &:after {
+ @include render-icon;
+
+ position: absolute;
+ content: "\f078";
+ right: 4px;
+ font-size: 14px;
+ top: 19px;
+ }
+ }
+
+ ul {
+ margin: 0;
+ display: none;
+ padding: 11px 0 5px;
+ }
+ }
+
+ &.last {
+ .footer-title {
+ border: none;
+ }
+ }
+ }
+
+ .footer-cta {
+ display: flex;
+ flex-wrap: wrap;
+ flex-direction: column;
+ align-items: flex-end;
+
+ @media (max-width: 991px) {
+ order: -1;
+ }
+
+ .footer-socials {
+ flex-grow: 1;
+
+ a {
+ color: #FFF;
+ margin-right: 9px;
+ }
+ }
+
+ .link {
+ margin-bottom: 13px;
+ color: $lightGrey;
+ font-size: 14px;
+ }
+
+ @media (max-width: 991px) {
+ align-items: flex-start;
+ }
+
+ @media (max-width: 576px) {
+ .footer-socials {
+ margin-bottom: 18px;
+ }
+
+ .link {
+ margin-bottom: 23px;
+ }
+
+ .btn-icon {
+ width: 100%;
+ margin-bottom: 33px;
+
+ .text {
+ text-align: center;
+ width: 100%;
+ font-weight: 300;
+ }
+
+ .icon {
+ width: 64px;
+ }
+ }
+ }
+ }
+
+ .footer-profile {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+
+ .left {
+ border-radius: 100%;
+ width: 50px;
+ text-align: center;
+
+ img {
+ display: block;
+ max-width: inherit;
+ }
+ }
+
+ .right {
+ text-align: left;
+ margin-left: 20px;
+
+ .name {
+ color: #FFF;
+ font-size: 1.1rem;
+ font-weight: 400;
+ }
+
+ .email {
+ color: $lightGrey;
+ display: inline-block;
+ width: 100%;
+
+ @media (max-width: 1200px) {
+ i {
+ display: none;
+ }
+ }
+ }
+ }
+
+ @media (max-width: 991px) {
+ justify-content: left;
+ margin-bottom: 10px;
+ padding-right: 50px;
+
+ .left {
+ img {
+ max-width: 47px;
+ }
+ }
+
+ .right {
+ margin-left: 24px;
+
+ .email {
+ i {
+ display: none;
+ }
+ }
+ }
+
+ &:after {
+ @include render-icon;
+
+ position: absolute;
+ content: "\f0e0";
+ right: 16px;
+ font-size: 21px;
+ top: 8px;
+ font-weight: 900;
+ color: #929292;
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/scss/pirati/header.scss b/src/scss/pirati/header.scss
new file mode 100644
index 0000000000000000000000000000000000000000..b8df889c576982968933760da761a12111244d11
--- /dev/null
+++ b/src/scss/pirati/header.scss
@@ -0,0 +1,1205 @@
+// ----------------- HEADER
+header {
+ background: $lightBlack;
+ color: #FFF;
+
+ // First header row - logo, menu, cta, socials
+ .first-header {
+ padding: 25px 0px;
+
+ @media (max-width: 1200px) {
+ padding: 12px 0px;
+ }
+
+ .logo-wrap {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ position: relative;
+
+ img {
+ width: 168px;
+ min-width: 100px;
+ }
+
+ &:after {
+ content: "";
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ right: -2px;
+ background: #3a3a3a;
+ width: 1px;
+ height: 100%;
+ }
+
+ .small {
+ display: none;
+ min-width: 40px;
+ width: 50px;
+ }
+
+ @media (max-width: 1200px) {
+ .normal {
+ display: none;
+ }
+
+ .small {
+ display: block;
+ }
+ }
+
+ @media (max-width: 1200px) {
+ justify-content: flex-start;
+
+ img {
+ max-width: 110px;
+ }
+
+ &:after {
+ display: none;
+ }
+ }
+ }
+
+ .menu-content {
+ position: inherit;
+ }
+
+ .left {
+ position: inherit;
+
+ .header-links {
+ font-size: 14px;
+ font-weight: 300;
+ margin-left: 20px;
+ margin-bottom: 7px;
+ margin-top: -3px;
+ display: flex;
+
+ ul {
+ li {
+ a {
+ color: $lightGrey;
+ margin-right: 19px;
+
+ &:hover {
+ color: #FFF;
+ }
+ }
+
+ }
+ }
+
+ .header-socials {
+ a {
+ color: #FFF;
+ margin-right: 9px;
+ }
+ }
+
+ @media (max-width: 1200px) {
+ display: none;
+ }
+ }
+
+ nav.header-nav {
+ margin-left: 20px;
+
+ ul {
+ display: flex;
+
+ li {
+ padding: 0 14px;
+ transition: $transition;
+
+ a {
+ color: #FFF;
+ font-size: 20px;
+ text-transform: uppercase;
+ text-decoration: none;
+
+ @media (max-width: 1400px) {
+ font-size: 18px;
+ }
+ }
+
+ &:first-child {
+ padding-left: 0;
+ }
+
+ &:last-child {
+ padding-right: 0;
+ }
+
+ &.with-subsection {
+ a {
+ position: relative;
+ text-decoration: none;
+
+ &:after {
+ @include render-icon;
+
+ content: "\f078";
+ position: absolute;
+ right: -17px;
+ font-size: 10px;
+ top: 4px;
+ margin: auto;
+ height: 12px;
+
+ @media (max-width: 1200px) {
+ display: none;
+ }
+ }
+ }
+ }
+
+ &.with-submenu {
+ position: relative;
+ .main-link-mobile {
+ display: none;
+ @media(max-width:1200px) {
+ display: block;
+ }
+ }
+ a {
+ text-decoration: none;
+ z-index: 2;
+ position: relative;
+ &:after {
+ @include render-icon;
+
+ content: "\f078";
+ position: absolute;
+ right: -17px;
+ font-size: 10px;
+ top: 4px;
+ margin: auto;
+ height: 12px;
+
+ @media (max-width: 1200px) {
+ right:12px;
+ }
+ }
+ @media (max-width: 1200px) {
+ width: 100%;
+ display: block;
+ }
+ }
+
+ .submenu-wrap {
+ display: none;
+ position: absolute;
+ left: 0;
+ top: -10px;
+ padding-top: 37px;
+ width: auto;
+ z-index: 1;
+
+ ul.submenu {
+ background: #000;
+ padding: 7px 15px 13px;
+ min-width: 200px;
+ display: block;
+ box-sizing: border-box;
+
+ li {
+ padding: 2px 0;
+ margin: 0 !important;
+
+ a {
+ white-space: nowrap;
+ font-size: 18px;
+ text-transform: none;
+ font-weight: 400;
+ text-decoration: none;
+
+ &:after {
+ display: none;
+ }
+ &:hover {
+ text-decoration: underline;
+ }
+ }
+ }
+ }
+
+ @media (max-width: 1200px) {
+ position: relative;
+ padding: 0;
+ top: 0;
+
+ ul.submenu {
+ padding: 5px 10px;
+
+ li {
+ a {
+ color: $lightGrey;
+ text-transform: none;
+ font-size: 14px;
+ font-weight: 400;
+ }
+ }
+ }
+ }
+ }
+
+ &:hover {
+ z-index: 1300;
+ .submenu-wrap {
+ display: block;
+ background: #000;
+ }
+ }
+ }
+ }
+
+ &:hover > li > a{
+ opacity: 0.5;
+ }
+ &:hover > li:hover a {
+ opacity: 1;
+ }
+ &:hover > li > a:hover {
+ opacity: 1;
+ }
+ &:hover > li > a:hover ul li a{
+ opacity: 1;
+ }
+ &:hover > li:hover .subsection-nav {
+ opacity: 1;
+ }
+
+ }
+ }
+
+ @media (max-width: 1200px) {
+ display: none;
+ position: absolute;
+ left: 0;
+ right: 0;
+ width: 100%;
+ background: #000;
+ top: 74px;
+ z-index: 10;
+
+ nav.header-nav {
+ margin-left: 0;
+
+ ul {
+ flex-wrap: wrap;
+
+ li {
+ width: 100%;
+ padding: 8px 0;
+
+ &.with-subsection {
+ position: relative;
+
+ &:after {
+ @include render-icon;
+
+ content: "\f078";
+ position: absolute;
+ right: 12px;
+ font-size: 10px;
+ top: 6px;
+ margin: auto;
+ height: 12px;
+ }
+ }
+ }
+ }
+ }
+
+ &.mobile-menu.active {
+ display: block;
+ }
+ }
+
+ .subsection-nav {
+ position: absolute;
+ width: 100%;
+ background: #FFF;
+ left: 0;
+ right: 0;
+ top: 105px;
+ z-index: 10;
+ color: #000;
+ display: none;
+
+ .subsection-row {
+ padding: 18px 16px;
+ display: flex;
+ justify-content: flex-start;
+ border-bottom: 1px solid #cccccc8f;
+
+ .subsection-items-wrap {
+ display: flex;
+ justify-content: flex-start;
+ }
+ }
+
+ .subsection-item {
+ padding: 10px 13px;
+ display: flex;
+ width: 292px;
+ margin-right: 20px;
+ border: 1px solid #cccccc8f;
+ transition: 300ms;
+ background: #f0f0f0;
+ justify-content: space-between;
+
+ .text {
+ font-family: "Bebas Neue", cursive;
+ text-transform: uppercase;
+ font-size: 33px;
+ line-height: 35px;
+ margin-top: 3px;
+ color: #000;
+ }
+
+ img {
+ width: auto;
+ max-height: 73px;
+ margin-left: 15px;
+ }
+
+ &:hover {
+ background: #000;
+
+ .text {
+ color: #FFF;
+ }
+ }
+ }
+
+ .subsection-list {
+ display: flex;
+ flex-wrap: wrap;
+ width: 292px;
+ margin-right: 20px;
+
+ .title {
+ font-size: 19px;
+ text-transform: uppercase;
+ font-weight: 400;
+ margin-bottom: 29px;
+ }
+
+ ul {
+ display: flex;
+ flex-wrap: wrap;
+ width: 100%;
+
+ li {
+ width: 100%;
+ margin: 0;
+ margin-bottom: 7px;
+ padding: 0;
+
+ a {
+ color: $grey;
+ text-transform: none;
+ font-size: 0.9rem;
+ font-weight: 400;
+
+ &:after {
+ display: none;
+ }
+ &:hover {
+ text-decoration: underline;
+ }
+ @media(max-width: 1200px) {
+ color: $lightGrey;
+ }
+ }
+ }
+ }
+ }
+
+ @media (max-width: 1200px) {
+ position: relative;
+ background: none;
+ color: #FFF;
+ top: inherit;
+ left: inherit;
+ padding: 0;
+
+ .container-fluid {
+ padding: 0;
+ margin: 0;
+ }
+
+ .subsection-row {
+ padding: 10px 0;
+ border: none;
+ flex-wrap: wrap;
+ }
+
+ .subsection-item {
+ padding: 4px 14px;
+ display: flex;
+ width: auto;
+ flex-shrink: 0;
+
+ .text {
+ color: #000;
+ font-size: 25px;
+ }
+ }
+
+ .subsection-list {
+ .title {
+ margin-bottom: 11px;
+ }
+
+ ul {
+ margin-bottom: 12px;
+ }
+ }
+
+ .subsection-items-wrap {
+ overflow: auto;
+ }
+ }
+ }
+
+ .search-mobile {
+ display: none;
+ }
+
+ .links-mobile {
+ display: none;
+ }
+
+ .last-mobile {
+ display: none;
+ }
+
+ @media (max-width: 1200px) {
+ .search-mobile {
+ display: block;
+ position: relative;
+ margin-bottom: 13px;
+
+ input {
+ background: none;
+ border: none;
+ border-bottom: 1px solid #ffffff4d;
+ width: 100%;
+ height: 51px;
+ font-size: 1.3rem;
+ padding: 14px 9px;
+ color: #FFF;
+ }
+
+ i {
+ position: absolute;
+ right: 0;
+ font-size: 27px;
+ top: 14px;
+ }
+ }
+
+ .links-mobile {
+ display: flex;
+ flex-wrap: wrap;
+ margin-top: 13px;
+ margin-bottom: 13px;
+
+ a {
+ width: 100%;
+ margin-bottom: 7px;
+ color: #FFF;
+ font-weight: 300;
+ font-family: 'Roboto', sans-serif;
+ font-size: 0.9rem;
+
+ i {
+ margin-right: 15px;
+ font-size: 0.8rem;
+ color: #848484;
+ }
+ }
+ }
+
+ .last-mobile {
+ display: block;
+
+ .btn-icon {
+ max-width: 220px;
+
+ @media (max-width: 567px) {
+ max-width: inherit;
+ }
+ }
+
+ .header-socials {
+ text-align: center;
+ margin: 20px 0;
+
+ a {
+ color: #FFF;
+ margin: 0 3px;
+ }
+ }
+ }
+ }
+ }
+
+ .right {
+ display: flex;
+ flex-wrap: wrap;
+ align-items: flex-end;
+ padding: 0;
+ justify-content: flex-end;
+
+ .btn-wrap {
+ .text {
+ padding: 10px 20px;
+ }
+ }
+
+ .btn-basic {
+ margin: 0 10px;
+ }
+
+ .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;
+
+ i {}
+ }
+
+ @media (max-width: 1200px) {
+ display: none;
+ }
+ }
+
+ .menu-hamburger {
+ display: none;
+ text-align: right;
+
+ img {
+ max-width: 40px;
+ width: 27px;
+ }
+
+ @media (max-width: 1200px) {
+ display: block;
+ }
+ }
+
+ &.with-small-logo {
+ img.normal {
+ display: none;
+ }
+
+ img.small {
+ display: block;
+ }
+ }
+ }
+
+ .wrap-menu {
+ @media (max-width: 1200px) {
+ justify-content: flex-end;
+ align-items: center;
+ }
+ }
+
+ // Second header row - buttons
+ .second-header {
+ justify-content: flex-start;
+ padding-left: 15px;
+ background: #000;
+
+ @media (max-width: 768px) {
+ padding-left: 0;
+ }
+
+ .second-header-wrap {
+ display: flex;
+ padding: 10px 15px;
+
+ @media (max-width: 768px) {
+ padding: 5px;
+ }
+
+ .second-header-item {
+ margin-right: 12px;
+
+ @media (max-width: 768px) {
+ margin-right: 5px;
+ }
+
+ &:last-child {
+ margin: 0;
+ }
+ }
+
+ .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: $transition;
+ text-decoration: none;
+
+ &:after {
+ @include render-icon;
+
+ content: "\f078";
+ position: absolute;
+ right: 9px;
+ font-size: 10px;
+ top: 0;
+ bottom: 0;
+ margin: auto;
+ height: 12px;
+ }
+
+ &:hover {
+ background: #FFF;
+ color: #000;
+
+ &:after {
+ color: #000;
+ }
+ }
+
+ @media (max-width: 768px) {
+ padding: 3px 26px 1px 7px;
+ min-width: 151px;
+ }
+ }
+
+ .btn-calendar {
+ display: flex;
+ background: #1f1f1f;
+ height: 34px;
+ text-decoration: none;
+
+ .region-calendar {
+ color: #FFF;
+ background: #303132;
+ padding: 4px 18px 2px 18px;
+ font-size: 14px;
+ display: block;
+ position: relative;
+ height: 34px;
+ line-height: 26px;
+ transition: $transition;
+ text-decoration: none;
+
+ i {
+ color: $red;
+ margin-right: 6px;
+ }
+
+ span {}
+
+ @media (max-width: 768px) {
+ padding: 4px 8px 2px 6px;
+ font-size: 0.8rem;
+ }
+
+ @media (max-width: 576px) {
+ span {
+ display: none;
+ }
+
+ i {
+ margin: 0 6px;
+ }
+ }
+
+ @media (max-width: 350px) {
+ font-size: 13px;
+ }
+ }
+
+ &:hover {
+ .region-calendar {
+ background: $red;
+ color: #FFF;
+
+ i {
+ color: #FFF;
+ }
+ }
+ }
+
+ .region-calendar-summary {
+ color: #b7b7b7;
+ font-size: 14px;
+ display: flex;
+ align-items: center;
+ padding: 0 14px;
+
+ .date {
+ display: inline-block;
+ margin-right: 13px;
+ position: relative;
+
+ &:after {
+ content: "";
+ position: absolute;
+ background: #5f5f5f;
+ top: 0;
+ bottom: 0;
+ right: -7px;
+ width: 1px;
+ height: 14px;
+ margin: auto;
+ }
+ }
+
+ .event {
+ display: inline-block;
+ }
+
+ @media (max-width: 1200px) {
+ display: none;
+ }
+ }
+ }
+
+ .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;
+
+ i {
+ color: $fbBlue;
+ margin-right: 9px;
+ }
+
+ @media (max-width: 768px) {
+ font-size: 0;
+ padding: 4px 13px;
+
+ i {
+ font-size: 14px;
+ line-height: 1.8rem;
+ margin: 0;
+ }
+ }
+
+ &:hover {
+ background: $fbBlue;
+ color: #FFF;
+
+ i {
+ color: #FFF;
+ }
+ }
+ }
+ }
+ }
+
+ // Showing box in header on click
+ .box-header {
+ display: none;
+ box-shadow: 0 17px 20px #2727270f;
+ position: absolute;
+ width: 100%;
+ z-index: 1100;
+
+ .container-fluid {
+ position: relative;
+ }
+
+ &.active {
+ display: block !important;
+ opacity: 1 !important;
+ }
+
+ .close-box {
+ color: #000;
+ font-size: 34px;
+ position: absolute;
+ right: 36px;
+ z-index: 2;
+ font-weight: 300;
+ top: 17px;
+
+ i {
+ font-weight: 300;
+ }
+
+ @media (max-width: 1200px) {
+ font-size: 26px;
+ right: 11px;
+ top: 19px;
+ }
+ }
+ }
+
+ // Calendar box in header
+ .calendar-box {
+ padding-top: 13px;
+ margin-top: -13px;
+
+ .calendar-box-wrap {
+ background: #FFF;
+ width: 100%;
+ height: 100%;
+ padding: 15px;
+ .close-box {
+ top: 2px;
+ @media(max-width: 1200px) {
+ top: -2px!important;
+ }
+ }
+
+ @media (max-width: 1200px) {
+ padding: 10px 0;
+ }
+
+ .container-fluid {
+ justify-content: left;
+ position: relative;
+
+ @media (max-width: 1200px) {
+ padding: 0;
+ }
+
+ .container {
+ margin: inherit;
+ max-width: 1230px;
+ }
+ }
+
+ .calendar {
+ .calendar-title {
+ @media (max-width: 1200px) {
+ background: #FFF;
+ min-height: auto;
+ border-bottom: 1px solid #c5c5c545;
+ padding: 3px 11px 8px;
+
+ .image {
+ display: none;
+ }
+
+ .title {
+ color: #000;
+ font-size: 23px;
+ line-height: initial;
+
+ br {
+ display: none;
+ }
+ }
+
+ .btn-basic {
+ display: none;
+ }
+ }
+ }
+ }
+ }
+ }
+
+ // Region box in header
+ .region-box {
+ padding-top: 13px;
+ margin-top: -13px;
+ color: #000;
+
+ .region-box-wrap {
+ background: #FFF;
+ width: 100%;
+ height: 100%;
+ .close-box {
+
+ @media(max-width: 1200px) {
+ top: 5px!important;
+ }
+ }
+
+ .container-fluid {
+ position: relative;
+
+ .region-box-container {
+ padding-top: 60px;
+
+ &:before {
+ content: "";
+ height: 100%;
+ background: #e0e0e07d;
+ width: 1px;
+ position: absolute;
+ left: 22px;
+ top: 0;
+ bottom: 0;
+ margin: auto;
+ }
+
+ &:after {
+ content: "";
+ height: 100%;
+ background: #e0e0e07d;
+ width: 1px;
+ position: absolute;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ margin: auto;
+ }
+
+ @media (max-width: 576px) {
+ padding-top: 10px;
+
+ &:before {
+ display: none;
+ }
+
+ &:after {
+ display: none;
+ }
+ }
+
+ .middle-row {
+ padding-bottom: 10px;
+ }
+
+ .last-row {
+ border-top: 1px solid #e0e0e07d;
+ padding: 39px 0;
+ }
+
+ .title {
+ font-family: "Bebas Neue", cursive;
+ text-transform: uppercase;
+ font-size: 1.34rem;
+ margin-bottom: 14px;
+ display: block;
+ }
+
+ .btn-backtolist {
+ color: #000;
+ position: relative;
+ padding-left: 38px;
+ opacity:0;
+
+ &:after {
+ @include render-icon;
+
+ content: "\f053";
+ position: absolute;
+ left: 12px;
+ font-size: 14px;
+ top: -7px;
+ bottom: 0;
+ margin: auto;
+ height: 12px;
+ }
+
+ @media (max-width: 576px) {
+ display: none;
+ }
+ }
+
+ .region-box-select {
+ display: flex;
+ flex-wrap: wrap;
+
+ ul.select-region {
+ column-count: 2;
+
+ &.column-1 {
+ column-count: 1;
+ }
+
+ @media (max-width: 576px) {
+ background: #f2f2f2;
+ width: 100%;
+ column-count: 1;
+ padding: 9px 15px 3px;
+ }
+
+ li {
+ padding: 3px 0;
+ margin: 0;
+
+ @media (max-width: 576px) {
+ margin-bottom: 2px;
+ display: none;
+ }
+
+ .region-name {
+ color: #000;
+ font-size: 0.84rem;
+ cursor: pointer;
+ font-family: 'Roboto', sans-serif;
+ display: block;
+ &.show {
+ font-weight: 500;
+ color: #000;
+ }
+
+ &:hover {
+ text-decoration: underline;
+ color: #000;
+ }
+ &.hide {
+ @media(min-width: 576px) {
+ display: none;
+ }
+ }
+ }
+
+ .select-subregion-wrap {
+ display: none;
+ }
+
+ &.init {
+ padding-bottom: 4px;
+ display: none;
+ font-size: 1.3rem;
+ font-weight: 300;
+ padding-right: 32px;
+ position: relative;
+
+ &:after {
+ @include render-icon;
+
+ content: "\f078";
+ position: absolute;
+ right: 5px;
+ font-size: 15px;
+ top: 2px;
+ margin: auto;
+ height: 12px;
+ }
+
+ @media (max-width: 576px) {
+ display: block;
+ }
+ }
+ }
+ }
+
+ ul.select-subregion {
+ border-left: 1px solid #bfbfbf3b;
+ padding-left: 13px;
+ font-size: 0.96rem;
+ margin-top: 3px;
+ column-count: 1;
+
+ li {
+ a {
+ color: #000;
+ font-size: 0.84rem;
+ font-family: 'Roboto', sans-serif;
+
+ &:hover {
+ font-weight: 500;
+ color: #000;
+ }
+ }
+ }
+
+ &.show {}
+ }
+ }
+
+ .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;
+
+ img {
+ max-width: inherit;
+ margin-top: -85px;
+ width: 100%;
+
+ @media (max-width: 576px) {
+ margin-top: 0;
+ }
+ }
+
+ .region:hover {
+ fill: #000;
+ transition: all 0.3s;
+ cursor: pointer;
+ }
+
+ .region {
+ stroke: #222;
+ fill: #EEE;
+ transition: all 0.3s;
+
+ &.active {
+ fill: #000;
+ }
+ &.active-hover {
+ fill: #000;
+ }
+ }
+
+ .svgcontainer {
+ width: 100%;
+ margin: 0;
+ padding: 0;
+ position: relative;
+ height: 250px;
+ }
+
+ svg, #czech-map {
+ width: 100%;
+ filter: drop-shadow(0px 0px 10px #00000014);
+ height: 100%;
+ }
+ @media (max-width: 576px) {
+ display: none;
+ }
+ }
+
+ @media (max-width: 992px) {
+ margin-right: -30px;
+ margin-left: 30px;
+ }
+ }
+ }
+ }
+ }
+ }
+ ul {
+ margin:0!important;
+ li {
+ &:before {
+ display: none;
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/scss/pirati/mixins.scss b/src/scss/pirati/mixins.scss
new file mode 100644
index 0000000000000000000000000000000000000000..24455bdb57ab3d737219438921c6a9c42d0c25c1
--- /dev/null
+++ b/src/scss/pirati/mixins.scss
@@ -0,0 +1,59 @@
+/*MIXINS*/
+@mixin transition($transition...) {
+ -moz-transition: $transition;
+ -o-transition: $transition;
+ -webkit-transition: $transition;
+ transition: $transition;
+}
+
+@mixin transition-property($property...) {
+ -moz-transition-property: $property;
+ -o-transition-property: $property;
+ -webkit-transition-property: $property;
+ transition-property: $property;
+}
+
+@mixin transition-duration($duration...) {
+ -moz-transition-property: $duration;
+ -o-transition-property: $duration;
+ -webkit-transition-property: $duration;
+ transition-property: $duration;
+}
+
+@mixin transition-timing-function($timing...) {
+ -moz-transition-timing-function: $timing;
+ -o-transition-timing-function: $timing;
+ -webkit-transition-timing-function: $timing;
+ transition-timing-function: $timing;
+}
+
+@mixin transition-delay($delay...) {
+ -moz-transition-delay: $delay;
+ -o-transition-delay: $delay;
+ -webkit-transition-delay: $delay;
+ transition-delay: $delay;
+}
+
+@mixin background-size($size) {
+ -webkit-background-size: $size;
+ -moz-background-size: $size;
+ -o-background-size: $size;
+ background-size: $size;
+}
+
+@mixin gradient($direction, $startcolor, $endcolor) {
+ background-image: linear-gradient(to $direction, $startcolor 0%, $endcolor 100%);
+ background-image: -o-linear-gradient($direction, $startcolor 0%, $endcolor 100%);
+ background-image: -moz-linear-gradient($direction, $startcolor 0%, $endcolor 100%);
+ background-image: -webkit-linear-gradient($direction, $startcolor 0%, $endcolor 100%);
+ background-image: -ms-linear-gradient($direction, $startcolor 0%, $endcolor 100%);
+}
+
+// Render fontawesome icons
+@mixin render-icon {
+ font-style: normal;
+ font-variant: normal;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ font-family: "Font Awesome 5 Pro";
+}
\ No newline at end of file
diff --git a/src/scss/pirati/pagination.scss b/src/scss/pirati/pagination.scss
new file mode 100644
index 0000000000000000000000000000000000000000..e7b09eb31b3841741209a7708bf5a23198439a48
--- /dev/null
+++ b/src/scss/pirati/pagination.scss
@@ -0,0 +1,117 @@
+.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;
+
+ @include transition(background-color 0.2s, color 0.2s);
+
+ &.active {
+ background-color: #1d1d1d;
+ color: #F3F3F3;
+ }
+
+ &:hover {
+ background-color: #1d1d1d;
+ color: #F3F3F3;
+ }
+ }
+
+ .prev-next-page {
+ background-color: #F3F3F3;
+ color: #1d1d1d;
+ display: inline-block;
+ vertical-align: top;
+
+ @include transition(background-color 0.2s, color 0.2s);
+
+ &:hover {
+ background-color: #1d1d1d;
+ color: #F3F3F3;
+
+ .arrow {
+ &.next {
+ &:before {
+ left: 60%;
+ border-right: 2px solid #F3F3F3;
+ border-bottom: 2px solid #F3F3F3;
+ }
+ }
+
+ &.prev {
+ &:before {
+ left: 40%;
+ border-top: 2px solid #F3F3F3;
+ border-left: 2px solid #F3F3F3;
+ }
+ }
+ }
+ }
+
+ p {
+ font-family: 'Roboto Condensed', sans-serif;
+ font-weight: 700;
+ padding: 9px 16px;
+ display: inline-block;
+ vertical-align: middle;
+ margin: 0px;
+ }
+
+ .arrow {
+ display: inline-block;
+ vertical-align: middle;
+ position: relative;
+ width: 42px;
+ height: 42px;
+
+ &.next {
+ border-left: 1px solid rgba(171, 171, 171, 0.1);
+
+ &: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;
+
+ @include transition(left 0.2s, border-color 0.2s);
+ }
+ }
+
+ &.prev {
+ border-right: 1px solid rgba(171, 171, 171, 0.1);
+
+ &: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;
+
+ @include transition(left 0.2s, border-color 0.2s);
+ }
+ }
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/scss/pirati/typography.scss b/src/scss/pirati/typography.scss
new file mode 100644
index 0000000000000000000000000000000000000000..ace4ca66a2aa0b040b527fa22e247343a5de910f
--- /dev/null
+++ b/src/scss/pirati/typography.scss
@@ -0,0 +1,198 @@
+// Global headline settings
+h1, h2, h3, h4, h5, h6 {
+ font-family: $bebas;
+ 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: $transition;
+ color: $grey;
+
+ &: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) {
+ padding-left: 18px;
+ }
+}
+// Bold Headlines with bebas neue font
+.headline-maxi {
+ font-size: 6rem;
+ line-height: 6rem;
+
+ @media (max-width: 576px) {
+ font-size: 3.4rem;
+ line-height: 3.4rem;
+
+ br {
+ display: none;
+ }
+ }
+}
+
+.headline-big {
+ font-size: 4.6rem;
+ line-height: 4.6rem;
+ @media (max-width: 576px) {
+ font-size: 2.7rem;
+ line-height: 2.7rem;
+
+ br {
+ display: none;
+ }
+ }
+}
+
+.headline-normal {
+ font-size: 2.7rem;
+ line-height: 2.7rem;
+
+ @media (max-width: 576px) {
+ font-size: 2.1rem;
+ line-height: 2.1rem;
+
+ br {
+ display: none;
+ }
+ }
+}
+
+// Thin subtitle
+
+.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;
+}
+
+
+
+// Spacings
+
+// Small
+.sp-1 {
+ padding-top: 1.5rem;
+ padding-bottom: 1.5rem;
+
+}
+// Medium
+.sp-2 {
+ padding-top: 3rem;
+ padding-bottom: 3rem;
+}
+// Large
+.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) {
+ // Small
+ .sp-1 {
+ padding-top: 1rem;
+ padding-bottom: 1rem;
+
+ }
+ // Medium
+ .sp-2 {
+ padding-top: 1.8rem;
+ padding-bottom: 1.8rem;
+ }
+ // Large
+ .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;
+ }
+}
\ No newline at end of file
diff --git a/public/css/pitube.css b/src/scss/pitube.scss
similarity index 55%
rename from public/css/pitube.css
rename to src/scss/pitube.scss
index 3db67fc2f45d595118e2a9419944cfd01101ad9d..4874b872aee53aa1d14621a058247229e891be2e 100644
--- a/public/css/pitube.css
+++ b/src/scss/pitube.scss
@@ -3,6 +3,12 @@ tr.Live td {
background-color: #f0fff0;
}
-h1 a {
+a {
+ color: #000;
+}
+
+h1 a, h1 a:hover {
color: #fff;
+ text-decoration: none;
}
+
diff --git a/src/scss/variables.scss b/src/scss/variables.scss
new file mode 100644
index 0000000000000000000000000000000000000000..98cfa58746ac5831df1726ad691fed180c5198e8
--- /dev/null
+++ b/src/scss/variables.scss
@@ -0,0 +1,16 @@
+// Colors
+$extraLightGrey: #f3f3f3;
+$lightGrey: #adadad;
+$grey: #4c4c4c;
+$lightBlack: #202020;
+$black: #000000;
+$red: #d6151b;
+$fbBlue: #067ceb;
+$green: #29bc51;
+
+// Fonts
+$roboto: 'Roboto Condensed', sans-serif;
+$bebas: 'Bebas Neue', cursive;
+
+// Transition duration
+$transition: 200ms;
diff --git a/templates/layouts/default.html.ep b/templates/layouts/default.html.ep
index 4f4b65671a44b9b876d48688987c32e79794fbc8..eee97b7b0e6935b6b64915f21d318186450b3abd 100644
--- a/templates/layouts/default.html.ep
+++ b/templates/layouts/default.html.ep
@@ -1,25 +1,16 @@
<!doctype html>
<html lang="cs">
- <head>
- <meta charset="utf-8">
- <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">
- <title><%= title %></title>
- <meta name="description" content="Piratské streamy">
- <link rel="icon" type="image/png" href="/img/favicon/favicon-196.png" sizes="196x196">
- <link rel="icon" type="image/png" href="/img/favicon/favicon-128.png" sizes="128x128">
- <link rel="icon" type="image/png" href="/img/favicon/favicon-96.png" sizes="96x96">
- <link rel="icon" type="image/png" href="/img/favicon/favicon-32.png" sizes="32x32">
- <link rel="icon" type="image/png" href="/img/favicon/favicon-16.png" sizes="16x16">
- <script src="https://kit.fontawesome.com/cbdc6198f3.js" crossorigin="anonymous"></script>
- <link rel="stylesheet" href="/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="/css/styles.css">
- <link rel="stylesheet" href="/css/pitube.css">
- <link href="/css//video-js.min.css" rel="stylesheet" />
- <script src="/js/video.min.js"></script>
- </head>
+ <head>
+ <meta charset="utf-8">
+ <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">
+ <title><%= title %></title>
+ <meta name="description" content="Piratské streamy">
+ <link rel="shortcut icon" href="/favicon.ico">
+ <script src="/bundle.js"></script>
+ <script src="/js/video.min.js"></script>
+ </head>
- <body>
+ <body>
<header>
<div class="first-header with-small-logo">
@@ -37,13 +28,13 @@
<div class="col-2 col-xl-2 col-lg-2 menu-content">
% if ( $c->is_user_authenticated ) {
-<a href="/logout" class="btn-basic c-none">
+<a href="/logout" class="btn-basic c-black">
<div class="btn-wrap">
<span class="text">Odhlásit se</span>
</div>
</a>
% } else {
-<a href="<%= $c->oauth2->authorize %>" class="btn-basic c-none">
+<a href="<%= $c->oauth2->authorize %>" class="btn-basic c-black">
<div class="btn-wrap">
<span class="text">Přihlásit se</span>
</div>
diff --git a/webpack.config.js b/webpack.config.js
new file mode 100644
index 0000000000000000000000000000000000000000..da8fb0051b051707fe4195b7c4d1f64aeea23c14
--- /dev/null
+++ b/webpack.config.js
@@ -0,0 +1,80 @@
+const path = require('path');
+var webpack = require('webpack');
+
+module.exports = {
+ entry: {
+ default: './src/index.js',
+ },
+ output: {
+ filename: 'bundle.js',
+ path: path.resolve(__dirname, 'public')
+ },
+ module: {
+ noParse: [ /node_modules\/video.js\/dist\/video.min.js/ ],
+
+ rules: [
+ {
+ test: /\.(woff(2)?|ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/,
+ loader: 'url-loader',
+ options: {
+ limit: 8192,
+ name:'[name].[ext]',
+ outputPath:'/fonts' //the icons will be stored in dist/assets folder
+ }
+ },
+
+ {
+ test: /\.(png|jpg|gif)$/,
+ use: [
+ {
+ loader: 'file-loader',
+ options: {}
+ }
+ ]
+ },
+
+
+ {
+ test: /\.css$/,
+ use: ['style-loader', 'css-loader']
+ },
+
+
+ {
+ test: /\.(scss)$/,
+ use: [
+ {
+ // Adds CSS to the DOM by injecting a `<style>` tag
+ loader: 'style-loader'
+ },
+ {
+ // Interprets `@import` and `url()` like `import/require()` and will resolve them
+ loader: 'css-loader'
+ },
+ {
+ // Loader for webpack to process CSS with PostCSS
+ loader: 'postcss-loader',
+ options: {
+ plugins: function () {
+ return [ require('autoprefixer') ];
+ }
+ }
+ },
+ {
+ // Loads a SASS/SCSS file and compiles it to CSS
+ loader: 'sass-loader'
+ }
+ ]
+ },
+ ],
+ },
+ plugins: [
+ new webpack.ProvidePlugin({
+ $: 'jquery',
+ jQuery: 'jquery',
+ })
+ ],
+};
+
+
+