Revize 3c909967
Přidáno uživatelem Martin Sebela před asi 4 roky(ů)
| website/public/css/style.css | ||
|---|---|---|
| 1 |
@import url(https://fonts.googleapis.com/css2?family=Be+Vietnam:wght@400;600;700;800&display=swap);body,html{font-family:"Be Vietnam",sans-serif;color:#fff;position:relative;height:96.2%;background:#242c6b}@media (max-width:767.98px){body.intro,html.intro{height:auto}}header{height:70px;background:#0048a9}header .logo{width:450px;height:181px;position:absolute;top:70px;left:0;z-index:2;background:url(../img/header-bg.png)}@media (max-width:1400px){header .logo{display:none}}header .logo img{height:100px;position:relative;top:-50px;left:50px}header nav.navbar{height:70px;position:relative}header .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(255,255,255)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")}@media (min-width:1401px){header .navbar-brand.shifted{position:absolute;top:0;left:450px}}@media (max-width:1199.98px){header .navbar-brand.shifted{left:20px}}@media (max-width:991.98px){header #navigation{width:100%;padding:20px;position:absolute;top:70px;left:0;z-index:1001;opacity:.9;background:#004fb3}}header .nav-item{margin-right:40px}@media (max-width:1480px){header .nav-item{margin-right:30px}}@media (max-width:1440px){header .nav-item{margin-right:15px}}@media (max-width:1199.98px){header .nav-item{margin-right:30px}}@media (max-width:991.98px){header .nav-item{margin-right:0}}header .nav-item .active{font-weight:800}header .nav-item.button .nav-link{padding-left:22px;padding-right:22px;border:1px solid #fff;border-radius:20px}header .nav-item.button .nav-link:hover{background:#004fb3}header .navbar-button{padding:.5rem 22px;margin-right:40px;border:1px solid #fff;border-radius:20px;text-decoration:none}@media (max-width:991.98px){header .navbar-button{display:none}}header .navbar-button:hover{background:#004fb3}header .btn-secondary{height:100%;font-size:16px;text-transform:uppercase;font-weight:800;letter-spacing:.4px;border-radius:0;border:#0048a9;background:#004fb3}header .btn-secondary:hover{background:#0048a9!important}@media (max-width:991.98px){header.map .navbar-nav{width:100%}}header.map form{display:-webkit-box;display:-ms-flexbox;display:flex;margin:auto;}header.map label{margin:0 0 0 15px;font-size:16px;font-weight:800;letter-spacing:.4px}header.map .custom-select,header.map input{letter-spacing:.4px;color:#fff;border-color:#0048a9;background:#0048a9}header.map .nav-item{margin:0;border-right:1px solid #1c6cc0}@media (max-width:991.98px){header.map .nav-item{margin-bottom:20px;border:0}}@media (max-width:1199.98px){header.map .nav-item:nth-of-type(1){margin-left:0}}header.map .nav-item:nth-of-type(1),header.map .nav-item:nth-of-type(2),header.map .nav-item:nth-of-type(3){width:300px}@media (max-width:1500px){header.map .nav-item:nth-of-type(1),header.map .nav-item:nth-of-type(2),header.map .nav-item:nth-of-type(3){width:280px}}@media (max-width:1400px){header.map .nav-item:nth-of-type(1),header.map .nav-item:nth-of-type(2),header.map .nav-item:nth-of-type(3){width:230px}}@media (max-width:1400px){header.map .nav-item:nth-of-type(1),header.map .nav-item:nth-of-type(2),header.map .nav-item:nth-of-type(3){max-width:230px;width:auto}}@media (max-width:991.98px){header.map .nav-item:nth-of-type(1),header.map .nav-item:nth-of-type(2),header.map .nav-item:nth-of-type(3){max-width:none}}@media (max-width:991.98px){header.map .nav-item .btn{width:100%}}h1{text-transform:uppercase;font-size:21px;font-weight:700;letter-spacing:.53px}@media (min-width:992px){h1{line-height:55px}}h2{font-size:16px;font-weight:400;letter-spacing:.4px}@media (min-width:992px){h2{margin:0}}h3{font-size:38px;font-weight:800;letter-spacing:.95px}@media (max-width:575.98px){h3{font-size:28px}}a{color:#fff;outline:0}a:hover{color:#fff}hr{width:300px;text-align:left;margin:30px 0;border-top:2px solid #fff}@media (max-width:1199.98px){hr{width:90%}}@media (max-width:575.98px){hr{margin:15px 0}}.swiper-container{height:100%;position:relative}.swiper-slide{z-index:-1000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.swiper-slide.slide-bg-1{background:url(../img/bg-1.jpg) no-repeat bottom center;background-size:cover}.swiper-slide.slide-bg-2{background:url(../img/bg-2.jpg) no-repeat bottom center;background-size:cover}.swiper-slide.slide-bg-3{background:url(../img/bg-3.jpg) no-repeat bottom center;background-size:cover}.swiper-slide.slide-bg-3 .slide-text{width:100%}.slide-text{width:600px;padding-bottom:160px;position:relative}@media (max-width:1199.98px){.slide-text{width:100%}}@media (max-width:1199.98px){.slide-text{padding-bottom:80px}}.slide-text .slide-index{display:inline-block;padding-bottom:20px;font-size:72px;font-weight:800}@media (max-width:575.98px){.slide-text .slide-index{padding-bottom:10px;font-size:48px}}.slide-text .btn-primary:after{content:"";display:inline-block;width:10px;height:16px;position:absolute;top:16px;right:20px;background:url(../img/btn-play.svg) no-repeat top right}.slide-text p{font-size:18px;font-weight:600}@media (max-width:575.98px){.slide-text p{font-size:16px}}.slide-text p a{text-decoration:underline}.slide-text p a:hover{text-decoration:none}.swiper-pagination-buttons{width:200px;height:56px;padding:6px;position:absolute;right:150px;bottom:20px;z-index:1;border-radius:100px;background:#0b155a}@media (max-width:1199.98px){.swiper-pagination-buttons{right:20px}}@media (max-width:767.98px){.swiper-pagination-buttons{width:120px}}.swiper-pagination-buttons .btn-next,.swiper-pagination-buttons .btn-prev{display:inline-block;width:45px;height:45px;position:relative;border-radius:50%;border:2px solid #fff}.swiper-pagination-buttons .btn-next:after,.swiper-pagination-buttons .btn-prev:after{content:"";display:inline-block;width:7px;height:12px;position:absolute;top:calc(50% - 6px);left:calc(50% - 4px)}.swiper-pagination-buttons .btn-prev:after{background:url(../img/btn-prev.svg) no-repeat top right}.swiper-pagination-buttons .btn-next{float:right}.swiper-pagination-buttons .btn-next:after{background:url(../img/btn-next.svg) no-repeat top right}.swiper-pagination-bullets{display:inline-block;width:auto!important;height:30px;position:absolute;left:20px!important;bottom:30px!important;border-radius:100px;opacity:.8;background:#0b155a}@media (min-width:992px){.swiper-pagination-bullets{left:50%!important;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}}@media (max-width:575.98px){.swiper-pagination-bullets{display:none}}.swiper-pagination-bullets:before{content:"";width:100px;position:absolute;top:13px;left:15px;z-index:1;border-top:2px solid #fff}.swiper-pagination-bullets .swiper-pagination-bullet{width:20px;height:20px;position:relative;margin:4px 15px!important;opacity:1;border:2px solid #0b155a;background:#0b155a}.swiper-pagination-bullets .swiper-pagination-bullet:before{content:"";display:inline-block;width:6px;height:6px;position:absolute;top:5px;left:5px;border-radius:50%;background:#fff}.swiper-pagination-bullets .swiper-pagination-bullet:first-of-type{margin-left:5px!important}.swiper-pagination-bullets .swiper-pagination-bullet:last-of-type{margin-right:5px!important}.swiper-pagination-bullets .swiper-pagination-bullet-active{border:2px solid #fff}.btn-primary{width:300px;height:50px;line-height:32px;position:relative;padding-left:30px;margin-top:40px;text-align:left;font-size:16px;text-transform:uppercase;letter-spacing:.4px;border-radius:30px;border:1px solid #0b155a;background:#0b155a}.btn-primary:active,.btn-primary:focus,.btn-primary:hover{border:1px solid #0048a9;background:#0048a9!important}@media (max-width:575.98px){.btn-primary{width:100%;max-width:270px;height:auto;margin-top:20px}}.btn-secondary{background:#0b155a}.btn-secondary:active,.btn-secondary:focus,.btn-secondary:hover{background:#7378a0!important}.map-point{width:50px;height:50px;z-index:1;position:absolute;border-radius:50%;cursor:pointer;border:2px solid #fff}@media (max-width:767.98px){.map-point{display:none}}.map-point:before{content:"";display:inline-block;width:16px;height:16px;position:absolute;top:calc(50% - 8px);left:calc(50% - 8px);background:url(../img/map-point-plus.svg) no-repeat}.map-point:hover:before{z-index:1;top:calc(50% - 1px);background:url(../img/map-point-minus.svg) no-repeat}.map-point:hover .desc{display:block;width:210px;padding:10px 20px;z-index:0;opacity:.75;border-radius:25px 0 25px 0;background:#0b155a}.map-point .desc{display:none}.map-point p{font-size:14px;font-weight:400}.map-point p:last-of-type{margin-bottom:10px}.map-point strong{display:inline-block;width:100%;padding:0 0 20px 40px;font-size:16px}.map-point .circle{width:50px;height:50px;position:absolute;top:-2px;left:-2px;border-radius:50%;border:2px solid #fff}.map-point.point-1{bottom:12%;right:-75%}.map-point.point-2{top:21%;right:-92%}.map-point.point-3{top:22%;right:-92%}#heatmap{height:100%}.map-locations{position:absolute;top:105px;right:50px;z-index:1000;border-radius:22px;background-color:rgba(11,21,90,.7)}@media (max-width:991.98px){.map-locations{top:90px;right:20px}}.map-locations .menu{display:inline-block;position:relative;padding:10px 60px 13px 16px;text-decoration:none;border-radius:50px;opacity:1;background:#0b155a}@media (max-width:575.98px){.map-locations .menu{min-width:280px;width:100%;padding-bottom:16px;font-size:14px}}.map-locations .menu .circle{display:inline-block;width:40px;height:40px;position:absolute;top:3px;right:3px;border-radius:50%;border:2px solid #fff}.map-locations .menu .circle:after{content:"";display:inline-block;width:16px;height:16px;position:absolute;top:calc(50% - 8px);left:calc(50% - 8px);background:url(../img/map-point-plus.svg) no-repeat}.map-locations .locations{z-index:1000}.map-locations .locations ul{margin-top:10px;padding-left:36px;padding-right:20px;font-size:15px;list-style-image:url(../img/li-bullet.svg)}@media (max-width:575.98px){.map-locations .locations ul{font-size:13.5px}}.map-locations .locations li{margin-bottom:10px;cursor:pointer}.locations li:hover{text-decoration: underline;}
|
|
| 2 |
|
|
| 3 |
.player{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);bottom:-40px;z-index:1000}
|
|
| 4 |
@media (max-width:575.98px){.player{bottom:-30px}}
|
|
| 5 |
.player .next,.player .pause,.player .play,.player .prev{display:inline-block;width:42px;height:42px;margin-right:20px;position:relative;border-radius:50%;opacity:.7;border:2px solid #fff;-webkit-box-shadow:0 0 0 4px #0b155a;box-shadow:0 0 0 4px #0b155a;background:#0b155a;cursor:pointer}
|
|
| 6 |
.player .next:hover,.player .pause:hover,.player .play:hover,.player .prev:hover{opacity:1}
|
|
| 7 |
.player .next:after,.player .pause:after,.player .play:after,.player .prev:after{content:"";display:inline-block;width:7px;height:12px;position:absolute;top:calc(50% - 6px);left:calc(50% - 4px)}.player .pause,.player .play{width:57px;height:57px;opacity:1}
|
|
| 8 |
.player .pause:hover,.player .play:hover{opacity:.7}.player .pause:after,.player .play:after{width:10px;height:16px;top:calc(50% - 8px)}.player .play:after{left:calc(50% - 2px);background:url(../img/btn-play.svg) no-repeat}
|
|
| 9 |
.player .pause:after{left:calc(50% - 4px);background:url(../img/btn-pause.png) no-repeat}.player .next:after{background:url(../img/btn-next.svg) no-repeat}.player .prev:after{background:url(../img/btn-prev.svg) no-repeat}
|
|
| 10 |
.player .timeline{display:-webkit-box;display:-ms-flexbox;display:flex;height:30px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;position:relative;padding:0 10px;border-radius:100px;background-color:rgba(11,21,90,.7)}@media (max-width:991.98px){.player .timeline{padding:0}}@media (max-width:991.98px){.player .timeline .hour{display:none}}.player .timeline .hour:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#fff}.player .timeline .hour:after{content:"";display:inline-block;position:relative;top:-2px;width:20px;height:2px;background:#fff}.player .timeline .end-dot:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#fff}@media (max-width:991.98px){.player .timeline .end-dot:before{display:none}}.player .time{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:64px;font-size:15px;padding:3px 0 4px 0;z-index:1000;border-radius:15px;background:#0b155a}@media (min-width:992px){.player .time{position:absolute}.player .time.hour-0{left:0}.player .time.hour-1{left:25px}.player .time.hour-2{left:50px}.player .time.hour-3{left:75px}.player .time.hour-4{left:100px}.player .time.hour-5{left:125px}.player .time.hour-6{left:150px}.player .time.hour-7{left:175px}.player .time.hour-8{left:200px}.player .time.hour-9{left:225px}.player .time.hour-10{left:250px}.player .time.hour-11{left:275px}.player .time.hour-12{left:300px}.player .time.hour-13{left:325px}.player .time.hour-14{left:350px}.player .time.hour-15{left:375px}.player .time.hour-16{left:400px}.player .time.hour-17{left:425px}.player .time.hour-18{left:450px}.player .time.hour-19{left:475px}.player .time.hour-20{left:500px}.player .time.hour-21{left:525px}.player .time.hour-22{left:550px}.player .time.hour-23{left:585px}}.slide-background{width:650px;height:290px;z-index:1;position:absolute;bottom:0;left:0;background:url(../img/footer-bg.svg) no-repeat}@media (max-width:575.98px){.slide-background{width:320px;height:143px;background-size:100%}}div.copyright p{font-weight:400}div.copyright span{font-size:17px}p.logos-partners{margin-top:40px;text-align:right}p.logos-partners a{text-decoration:none}p.logos-partners a img{margin-left:50px;height:80px}@media only screen and (max-width:430px){p.logos-partners a img{height:70px;margin-left:0}}@media only screen and (max-width:340px){p.logos-partners a img{height:60px}}p.logos-partners a:first-of-type img{margin-left:0}.leaflet-popup-content-wrapper, .leaflet-popup-tip{font-family:"Be Vietnam",sans-serif; background-color: #0b155a !important; color:white; text-align: center;} .leaflet-popup-content strong {display: inline-block; margin-bottom: 5px;} .popup-controls {display: flex; margin: 1em 0 1em 0 } #number-info {font-family: monospace; font-size: 24pt; font-weight: bold;} #count-info {background-color: #0b155a; color: white; margin: auto}
|
|
| 11 |
@keyframes scaleAnimation {
|
|
| 12 |
from {transform: scale3d(0,0,0);}
|
|
| 13 |
to {transform: scale3d(1,1,1);}
|
|
| 14 |
} |
|
| 15 |
/* popup */ |
|
| 16 |
.circle-button {
|
|
| 17 |
height: 32px; |
|
| 18 |
width: 32px; |
|
| 19 |
border: 0px; |
|
| 20 |
border-radius: 24px; |
|
| 21 |
background: url(../img/btn-prev.svg) rgba(255,255,255,0.1) no-repeat center center; |
|
| 22 |
transition: background 0.3s ease-out; |
|
| 23 |
outline: none !important; |
|
| 24 |
} |
|
| 25 |
.circle-button.next {
|
|
| 26 |
background: url(../img/btn-next.svg) rgba(255,255,255,0.1) no-repeat center center |
|
| 27 |
} |
|
| 28 |
|
|
| 29 |
@media(min-width:767px){
|
|
| 30 |
.circle-button:hover{
|
|
| 31 |
background: url(../img/btn-prev.svg) rgba(125,125,125,0.1) no-repeat center center; |
|
| 32 |
} |
|
| 33 |
.circle-button.next:hover{
|
|
| 34 |
background: url(../img/btn-next.svg) rgba(125,125,125,0.1) no-repeat center center; |
|
| 35 |
} |
|
| 36 |
} |
|
| 37 |
/* customization of header */ |
|
| 38 |
header.map form{
|
|
| 39 |
display:-webkit-box; |
|
| 40 |
display:-ms-flexbox; |
|
| 41 |
display:flex; |
|
| 42 |
margin:auto; |
|
| 43 |
padding: 20px;; |
|
| 44 |
} |
|
| 45 |
header.map .nav-item{
|
|
| 46 |
padding: 5px; |
|
| 47 |
margin-top: auto; |
|
| 48 |
margin-bottom: auto; |
|
| 49 |
border-right: 1px solid rgba(255,255,255,0.1); |
|
| 50 |
} |
|
| 51 |
header.map .nav-item:last-child:hover {
|
|
| 52 |
background: transparent; |
|
| 53 |
} |
|
| 54 |
header.map .nav-item:nth-child(3), header.map .nav-item:last-child{
|
|
| 55 |
border: 0px; |
|
| 56 |
} |
|
| 57 |
header .btn-secondary{
|
|
| 58 |
outline: none; |
|
| 59 |
border-radius: 50px; |
|
| 60 |
height: 40px; |
|
| 61 |
color: #0048a9; |
|
| 62 |
background: rgba(255,255,255,1); |
|
| 63 |
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.17); |
|
| 64 |
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.17); |
|
| 65 |
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.17); |
|
| 66 |
|
|
| 67 |
margin-left: 10px; |
|
| 68 |
font-size: 11pt; |
|
| 69 |
padding-left: 20px; |
|
| 70 |
padding-right: 20px; |
|
| 71 |
padding-top: 3px; |
|
| 72 |
transition: all 0.2s ease-out; |
|
| 73 |
} |
|
| 74 |
header .btn-secondary:hover{
|
|
| 75 |
background: rgba(255,255,255,1) !important; |
|
| 76 |
color: #0048a9; |
|
| 77 |
-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.22); |
|
| 78 |
-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.22); |
|
| 79 |
box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.22); |
|
| 80 |
} |
|
| 81 |
header .btn-secondary:active, header .btn-secondary:focus{
|
|
| 82 |
background: rgba(240,240,240,1) !important; |
|
| 83 |
color: #0048a9 !important; |
|
| 84 |
} |
|
| 85 |
.nav-item input:focus{
|
|
| 86 |
color: black; |
|
| 87 |
} |
|
| 88 |
.nav-item select:hover, .nav-item input:hover {
|
|
| 89 |
background: rgba(255,255,255,0.2); |
|
| 90 |
} |
|
| 91 |
.nav-item input:focus {
|
|
| 92 |
background: white; |
|
| 93 |
color: black; |
|
| 94 |
} |
|
| 95 |
.nav-item select:focus {
|
|
| 96 |
background: #0048a9; |
|
| 97 |
color: white; |
|
| 98 |
} |
|
| 99 |
.nav-item select:hover option {
|
|
| 100 |
background: #0048a9; |
|
| 101 |
} |
|
| 102 |
.nav-item select:hover {
|
|
| 103 |
cursor: pointer; |
|
| 104 |
} |
|
| 105 |
@media(max-width:991.98px){
|
|
| 106 |
header .btn-secondary{
|
|
| 107 |
border-radius: 5px; |
|
| 108 |
margin-left: 0px; |
|
| 109 |
margin-top: 10px; |
|
| 110 |
margin-bottom: -10px; |
|
| 111 |
} |
|
| 112 |
} |
|
| 1 |
@import url("https://fonts.googleapis.com/css2?family=Be+Vietnam:wght@400;600;700;800&display=swap");
|
|
| 2 |
html, body {
|
|
| 3 |
font-family: 'Be Vietnam', sans-serif; |
|
| 4 |
color: #fff; |
|
| 5 |
position: relative; |
|
| 6 |
height: 96.2%; |
|
| 7 |
background: #242C6B; |
|
| 8 |
} |
|
| 9 |
|
|
| 10 |
@media (max-width: 767.98px) {
|
|
| 11 |
html.intro, body.intro {
|
|
| 12 |
height: calc(100% - 45px); |
|
| 13 |
} |
|
| 14 |
} |
|
| 15 |
|
|
| 16 |
header {
|
|
| 17 |
height: 70px; |
|
| 18 |
background: #0048A9; |
|
| 19 |
} |
|
| 20 |
|
|
| 21 |
header .logo {
|
|
| 22 |
width: 450px; |
|
| 23 |
height: 181px; |
|
| 24 |
position: absolute; |
|
| 25 |
top: 70px; |
|
| 26 |
left: 0; |
|
| 27 |
z-index: 2; |
|
| 28 |
background: url("../img/header-bg.png");
|
|
| 29 |
} |
|
| 30 |
|
|
| 31 |
@media (max-width: 1400px) {
|
|
| 32 |
header .logo {
|
|
| 33 |
display: none; |
|
| 34 |
} |
|
| 35 |
} |
|
| 36 |
|
|
| 37 |
header .logo img {
|
|
| 38 |
height: 100px; |
|
| 39 |
position: relative; |
|
| 40 |
top: -50px; |
|
| 41 |
left: 50px; |
|
| 42 |
} |
|
| 43 |
|
|
| 44 |
header nav.navbar {
|
|
| 45 |
height: 70px; |
|
| 46 |
position: relative; |
|
| 47 |
} |
|
| 48 |
|
|
| 49 |
header .navbar-toggler-icon {
|
|
| 50 |
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(255,255,255)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
|
|
| 51 |
} |
|
| 52 |
|
|
| 53 |
@media (min-width: 1401px) {
|
|
| 54 |
header .navbar-brand.shifted {
|
|
| 55 |
position: absolute; |
|
| 56 |
top: 0; |
|
| 57 |
left: 450px; |
|
| 58 |
} |
|
| 59 |
} |
|
| 60 |
|
|
| 61 |
@media (max-width: 1199.98px) {
|
|
| 62 |
header .navbar-brand.shifted {
|
|
| 63 |
left: 20px; |
|
| 64 |
} |
|
| 65 |
} |
|
| 66 |
|
|
| 67 |
@media (max-width: 991.98px) {
|
|
| 68 |
header #navigation {
|
|
| 69 |
width: 100%; |
|
| 70 |
padding: 20px; |
|
| 71 |
position: absolute; |
|
| 72 |
top: 70px; |
|
| 73 |
left: 0; |
|
| 74 |
z-index: 1001; |
|
| 75 |
opacity: .98; |
|
| 76 |
background: #004fb3; |
|
| 77 |
} |
|
| 78 |
} |
|
| 79 |
|
|
| 80 |
header .nav-item {
|
|
| 81 |
margin-right: 40px; |
|
| 82 |
} |
|
| 83 |
|
|
| 84 |
@media (max-width: 1480px) {
|
|
| 85 |
header .nav-item {
|
|
| 86 |
margin-right: 30px; |
|
| 87 |
} |
|
| 88 |
} |
|
| 89 |
|
|
| 90 |
@media (max-width: 1440px) {
|
|
| 91 |
header .nav-item {
|
|
| 92 |
margin-right: 15px; |
|
| 93 |
} |
|
| 94 |
} |
|
| 95 |
|
|
| 96 |
@media (max-width: 1199.98px) {
|
|
| 97 |
header .nav-item {
|
|
| 98 |
margin-right: 30px; |
|
| 99 |
} |
|
| 100 |
} |
|
| 101 |
|
|
| 102 |
@media (max-width: 991.98px) {
|
|
| 103 |
header .nav-item {
|
|
| 104 |
margin-right: 0; |
|
| 105 |
} |
|
| 106 |
} |
|
| 107 |
|
|
| 108 |
header .nav-item .active {
|
|
| 109 |
font-weight: 800; |
|
| 110 |
} |
|
| 111 |
|
|
| 112 |
header .nav-item.button .nav-link {
|
|
| 113 |
padding-left: 22px; |
|
| 114 |
padding-right: 22px; |
|
| 115 |
border: 1px solid #fff; |
|
| 116 |
border-radius: 20px; |
|
| 117 |
} |
|
| 118 |
|
|
| 119 |
header .nav-item.button .nav-link:hover {
|
|
| 120 |
background: #004fb3; |
|
| 121 |
} |
|
| 122 |
|
|
| 123 |
header .navbar-button {
|
|
| 124 |
padding: .5rem 22px; |
|
| 125 |
margin-right: 40px; |
|
| 126 |
border: 1px solid #fff; |
|
| 127 |
border-radius: 20px; |
|
| 128 |
text-decoration: none; |
|
| 129 |
} |
|
| 130 |
|
|
| 131 |
@media (max-width: 991.98px) {
|
|
| 132 |
header .navbar-button {
|
|
| 133 |
display: none; |
|
| 134 |
} |
|
| 135 |
} |
|
| 136 |
|
|
| 137 |
header .navbar-button:hover {
|
|
| 138 |
background: #004fb3; |
|
| 139 |
} |
|
| 140 |
|
|
| 141 |
header .btn-secondary {
|
|
| 142 |
height: 100%; |
|
| 143 |
font-size: 16px; |
|
| 144 |
text-transform: uppercase; |
|
| 145 |
font-weight: 800; |
|
| 146 |
letter-spacing: 0.4px; |
|
| 147 |
border-radius: 0; |
|
| 148 |
border: #0048A9; |
|
| 149 |
background: #004fb3; |
|
| 150 |
} |
|
| 151 |
|
|
| 152 |
header .btn-secondary:hover {
|
|
| 153 |
background: #0048A9 !important; |
|
| 154 |
} |
|
| 155 |
|
|
| 156 |
@media (max-width: 991.98px) {
|
|
| 157 |
header.map .navbar-nav {
|
|
| 158 |
width: 100%; |
|
| 159 |
} |
|
| 160 |
} |
|
| 161 |
|
|
| 162 |
header.map form {
|
|
| 163 |
display: flex; |
|
| 164 |
margin: auto; |
|
| 165 |
} |
|
| 166 |
|
|
| 167 |
header.map label {
|
|
| 168 |
margin: 0 0 0 15px; |
|
| 169 |
font-size: 16px; |
|
| 170 |
font-weight: 800; |
|
| 171 |
letter-spacing: .4px; |
|
| 172 |
} |
|
| 173 |
|
|
| 174 |
header.map input, header.map .custom-select {
|
|
| 175 |
letter-spacing: .4px; |
|
| 176 |
color: #fff; |
|
| 177 |
border-color: #0048A9; |
|
| 178 |
background: #0048A9; |
|
| 179 |
} |
|
| 180 |
|
|
| 181 |
header.map .nav-item {
|
|
| 182 |
margin: 0; |
|
| 183 |
border-right: 1px solid #1C6CC0; |
|
| 184 |
} |
|
| 185 |
|
|
| 186 |
@media (max-width: 991.98px) {
|
|
| 187 |
header.map .nav-item {
|
|
| 188 |
margin-bottom: 20px; |
|
| 189 |
border: 0; |
|
| 190 |
} |
|
| 191 |
} |
|
| 192 |
|
|
| 193 |
header.map .nav-item:nth-of-type(1), header.map .nav-item:nth-of-type(2), header.map .nav-item:nth-of-type(3) {
|
|
| 194 |
width: 300px; |
|
| 195 |
} |
|
| 196 |
|
|
| 197 |
@media (max-width: 1500px) {
|
|
| 198 |
header.map .nav-item:nth-of-type(1), header.map .nav-item:nth-of-type(2), header.map .nav-item:nth-of-type(3) {
|
|
| 199 |
width: 280px; |
|
| 200 |
} |
|
| 201 |
} |
|
| 202 |
|
|
| 203 |
@media (max-width: 1400px) {
|
|
| 204 |
header.map .nav-item:nth-of-type(1), header.map .nav-item:nth-of-type(2), header.map .nav-item:nth-of-type(3) {
|
|
| 205 |
width: 230px; |
|
| 206 |
} |
|
| 207 |
} |
|
| 208 |
|
|
| 209 |
@media (max-width: 1400px) {
|
|
| 210 |
header.map .nav-item:nth-of-type(1), header.map .nav-item:nth-of-type(2), header.map .nav-item:nth-of-type(3) {
|
|
| 211 |
max-width: 230px; |
|
| 212 |
width: auto; |
|
| 213 |
} |
|
| 214 |
} |
|
| 215 |
|
|
| 216 |
@media (max-width: 991.98px) {
|
|
| 217 |
header.map .nav-item:nth-of-type(1), header.map .nav-item:nth-of-type(2), header.map .nav-item:nth-of-type(3) {
|
|
| 218 |
max-width: none; |
|
| 219 |
} |
|
| 220 |
} |
|
| 221 |
|
|
| 222 |
@media (max-width: 991.98px) {
|
|
| 223 |
header.map .nav-item .btn {
|
|
| 224 |
width: 100%; |
|
| 225 |
} |
|
| 226 |
} |
|
| 227 |
|
|
| 228 |
h1 {
|
|
| 229 |
text-transform: uppercase; |
|
| 230 |
font-size: 21px; |
|
| 231 |
font-weight: 700; |
|
| 232 |
letter-spacing: 0.53px; |
|
| 233 |
} |
|
| 234 |
|
|
| 235 |
@media (min-width: 992px) {
|
|
| 236 |
h1 {
|
|
| 237 |
line-height: 55px; |
|
| 238 |
} |
|
| 239 |
} |
|
| 240 |
|
|
| 241 |
h2 {
|
|
| 242 |
font-size: 16px; |
|
| 243 |
font-weight: 400; |
|
| 244 |
letter-spacing: 0.4px; |
|
| 245 |
} |
|
| 246 |
|
|
| 247 |
@media (min-width: 992px) {
|
|
| 248 |
h2 {
|
|
| 249 |
margin: 0; |
|
| 250 |
} |
|
| 251 |
} |
|
| 252 |
|
|
| 253 |
h3 {
|
|
| 254 |
font-size: 38px; |
|
| 255 |
font-weight: 800; |
|
| 256 |
letter-spacing: 0.95px; |
|
| 257 |
} |
|
| 258 |
|
|
| 259 |
@media (max-width: 575.98px) {
|
|
| 260 |
h3 {
|
|
| 261 |
font-size: 28px; |
|
| 262 |
} |
|
| 263 |
} |
|
| 264 |
|
|
| 265 |
a {
|
|
| 266 |
color: #fff; |
|
| 267 |
outline: none; |
|
| 268 |
} |
|
| 269 |
|
|
| 270 |
a:hover {
|
|
| 271 |
color: #fff; |
|
| 272 |
} |
|
| 273 |
|
|
| 274 |
hr {
|
|
| 275 |
width: 300px; |
|
| 276 |
text-align: left; |
|
| 277 |
margin: 30px 0; |
|
| 278 |
border-top: 2px solid #fff; |
|
| 279 |
} |
|
| 280 |
|
|
| 281 |
@media (max-width: 1199.98px) {
|
|
| 282 |
hr {
|
|
| 283 |
width: 90%; |
|
| 284 |
} |
|
| 285 |
} |
|
| 286 |
|
|
| 287 |
@media (max-width: 575.98px) {
|
|
| 288 |
hr {
|
|
| 289 |
margin: 15px 0; |
|
| 290 |
} |
|
| 291 |
} |
|
| 292 |
|
|
| 293 |
.swiper-container {
|
|
| 294 |
height: 100%; |
|
| 295 |
position: relative; |
|
| 296 |
} |
|
| 297 |
|
|
| 298 |
.swiper-slide {
|
|
| 299 |
z-index: -1000; |
|
| 300 |
display: flex; |
|
| 301 |
justify-content: center; |
|
| 302 |
align-items: center; |
|
| 303 |
} |
|
| 304 |
|
|
| 305 |
.swiper-slide.slide-bg-1 {
|
|
| 306 |
background: url("../img/bg-1.jpg") no-repeat bottom center;
|
|
| 307 |
background-size: cover; |
|
| 308 |
} |
|
| 309 |
|
|
| 310 |
.swiper-slide.slide-bg-2 {
|
|
| 311 |
background: url("../img/bg-2.jpg") no-repeat bottom center;
|
|
| 312 |
background-size: cover; |
|
| 313 |
} |
|
| 314 |
|
|
| 315 |
.swiper-slide.slide-bg-3 {
|
|
| 316 |
background: url("../img/bg-3.jpg") no-repeat bottom center;
|
|
| 317 |
background-size: cover; |
|
| 318 |
} |
|
| 319 |
|
|
| 320 |
@media (max-width: 767.98px) {
|
|
| 321 |
.swiper-slide.slide-bg-3 .container {
|
|
| 322 |
max-width: 100%; |
|
| 323 |
height: 100%; |
|
| 324 |
overflow-y: scroll; |
|
| 325 |
} |
|
| 326 |
} |
|
| 327 |
|
|
| 328 |
.swiper-slide.slide-bg-3 .slide-text {
|
|
| 329 |
width: 100%; |
|
| 330 |
} |
|
| 331 |
|
|
| 332 |
.slide-text {
|
|
| 333 |
width: 600px; |
|
| 334 |
padding-bottom: 160px; |
|
| 335 |
position: relative; |
|
| 336 |
} |
|
| 337 |
|
|
| 338 |
@media (max-width: 1199.98px) {
|
|
| 339 |
.slide-text {
|
|
| 340 |
width: 100%; |
|
| 341 |
} |
|
| 342 |
} |
|
| 343 |
|
|
| 344 |
@media (max-width: 1199.98px) {
|
|
| 345 |
.slide-text {
|
|
| 346 |
padding-bottom: 80px; |
|
| 347 |
} |
|
| 348 |
} |
|
| 349 |
|
|
| 350 |
.slide-text .slide-index {
|
|
| 351 |
display: inline-block; |
|
| 352 |
padding-bottom: 20px; |
|
| 353 |
font-size: 72px; |
|
| 354 |
font-weight: 800; |
|
| 355 |
} |
|
| 356 |
|
|
| 357 |
@media (max-width: 575.98px) {
|
|
| 358 |
.slide-text .slide-index {
|
|
| 359 |
padding-bottom: 10px; |
|
| 360 |
font-size: 48px; |
|
| 361 |
} |
|
| 362 |
} |
|
| 363 |
|
|
| 364 |
.slide-text .btn-primary {
|
|
| 365 |
z-index: 1000; |
|
| 366 |
} |
|
| 367 |
|
|
| 368 |
.slide-text .btn-primary:after {
|
|
| 369 |
content: ""; |
|
| 370 |
display: inline-block; |
|
| 371 |
width: 10px; |
|
| 372 |
height: 16px; |
|
| 373 |
position: absolute; |
|
| 374 |
top: 16px; |
|
| 375 |
right: 20px; |
|
| 376 |
background: url("../img/btn-play.svg") no-repeat top right;
|
|
| 377 |
} |
|
| 378 |
|
|
| 379 |
.slide-text p {
|
|
| 380 |
font-size: 18px; |
|
| 381 |
font-weight: 600; |
|
| 382 |
} |
|
| 383 |
|
|
| 384 |
@media (max-width: 575.98px) {
|
|
| 385 |
.slide-text p {
|
|
| 386 |
font-size: 16px; |
|
| 387 |
} |
|
| 388 |
} |
|
| 389 |
|
|
| 390 |
.slide-text p a {
|
|
| 391 |
text-decoration: underline; |
|
| 392 |
} |
|
| 393 |
|
|
| 394 |
.slide-text p a:hover {
|
|
| 395 |
text-decoration: none; |
|
| 396 |
} |
|
| 397 |
|
|
| 398 |
.swiper-pagination-buttons {
|
|
| 399 |
width: 200px; |
|
| 400 |
height: 56px; |
|
| 401 |
padding: 6px; |
|
| 402 |
position: absolute; |
|
| 403 |
right: 150px; |
|
| 404 |
bottom: 20px; |
|
| 405 |
z-index: 1; |
|
| 406 |
border-radius: 100px; |
|
| 407 |
background: #0B155A; |
|
| 408 |
} |
|
| 409 |
|
|
| 410 |
@media (max-width: 1199.98px) {
|
|
| 411 |
.swiper-pagination-buttons {
|
|
| 412 |
right: 20px; |
|
| 413 |
} |
|
| 414 |
} |
|
| 415 |
|
|
| 416 |
@media (max-width: 767.98px) {
|
|
| 417 |
.swiper-pagination-buttons {
|
|
| 418 |
width: 120px; |
|
| 419 |
} |
|
| 420 |
} |
|
| 421 |
|
|
| 422 |
@media (max-width: 575.98px) {
|
|
| 423 |
.swiper-pagination-buttons {
|
|
| 424 |
bottom: 10px; |
|
| 425 |
} |
|
| 426 |
} |
|
| 427 |
|
|
| 428 |
.swiper-pagination-buttons .btn-prev, .swiper-pagination-buttons .btn-next {
|
|
| 429 |
display: inline-block; |
|
| 430 |
width: 45px; |
|
| 431 |
height: 45px; |
|
| 432 |
position: relative; |
|
| 433 |
border-radius: 50%; |
|
| 434 |
border: 2px solid #fff; |
|
| 435 |
} |
|
| 436 |
|
|
| 437 |
.swiper-pagination-buttons .btn-prev:after, .swiper-pagination-buttons .btn-next:after {
|
|
| 438 |
content: ""; |
|
| 439 |
display: inline-block; |
|
| 440 |
width: 7px; |
|
| 441 |
height: 12px; |
|
| 442 |
position: absolute; |
|
| 443 |
top: calc(50% - 6px); |
|
| 444 |
left: calc(50% - 4px); |
|
| 445 |
} |
|
| 446 |
|
|
| 447 |
.swiper-pagination-buttons .btn-prev:after {
|
|
| 448 |
background: url("../img/btn-prev.svg") no-repeat top right;
|
|
| 449 |
} |
|
| 450 |
|
|
| 451 |
.swiper-pagination-buttons .btn-next {
|
|
| 452 |
float: right; |
|
| 453 |
} |
|
| 454 |
|
|
| 455 |
.swiper-pagination-buttons .btn-next:after {
|
|
| 456 |
background: url("../img/btn-next.svg") no-repeat top right;
|
|
| 457 |
} |
|
| 458 |
|
|
| 459 |
.swiper-pagination-bullets {
|
|
| 460 |
display: inline-block; |
|
| 461 |
width: auto !important; |
|
| 462 |
height: 30px; |
|
| 463 |
position: absolute; |
|
| 464 |
left: 20px !important; |
|
| 465 |
bottom: 30px !important; |
|
| 466 |
border-radius: 100px; |
|
| 467 |
opacity: 0.8; |
|
| 468 |
background: #0B155A; |
|
| 469 |
} |
|
| 470 |
|
|
| 471 |
@media (min-width: 992px) {
|
|
| 472 |
.swiper-pagination-bullets {
|
|
| 473 |
left: 50% !important; |
|
| 474 |
transform: translateX(-50%); |
|
| 475 |
} |
|
| 476 |
} |
|
| 477 |
|
|
| 478 |
@media (max-width: 575.98px) {
|
|
| 479 |
.swiper-pagination-bullets {
|
|
| 480 |
display: none; |
|
| 481 |
} |
|
| 482 |
} |
|
| 483 |
|
|
| 484 |
.swiper-pagination-bullets:before {
|
|
| 485 |
content: ""; |
|
| 486 |
width: 100px; |
|
| 487 |
position: absolute; |
|
| 488 |
top: 13px; |
|
| 489 |
left: 15px; |
|
| 490 |
z-index: 1; |
|
| 491 |
border-top: 2px solid #fff; |
|
| 492 |
} |
|
| 493 |
|
|
| 494 |
.swiper-pagination-bullets .swiper-pagination-bullet {
|
|
| 495 |
width: 20px; |
|
| 496 |
height: 20px; |
|
| 497 |
position: relative; |
|
| 498 |
margin: 4px 15px !important; |
|
| 499 |
opacity: 1; |
|
| 500 |
border: 2px solid #0B155A; |
|
| 501 |
background: #0B155A; |
|
| 502 |
} |
|
| 503 |
|
|
| 504 |
.swiper-pagination-bullets .swiper-pagination-bullet:before {
|
|
| 505 |
content: ""; |
|
| 506 |
display: inline-block; |
|
| 507 |
width: 6px; |
|
| 508 |
height: 6px; |
|
| 509 |
position: absolute; |
|
| 510 |
top: 5px; |
|
| 511 |
left: 5px; |
|
| 512 |
border-radius: 50%; |
|
| 513 |
background: #fff; |
|
| 514 |
} |
|
| 515 |
|
|
| 516 |
.swiper-pagination-bullets .swiper-pagination-bullet:first-of-type {
|
|
| 517 |
margin-left: 5px !important; |
|
| 518 |
} |
|
| 519 |
|
|
| 520 |
.swiper-pagination-bullets .swiper-pagination-bullet:last-of-type {
|
|
| 521 |
margin-right: 5px !important; |
|
| 522 |
} |
|
| 523 |
|
|
| 524 |
.swiper-pagination-bullets .swiper-pagination-bullet-active {
|
|
| 525 |
border: 2px solid #fff; |
|
| 526 |
} |
|
| 527 |
|
|
| 528 |
.btn-primary {
|
|
| 529 |
width: 300px; |
|
| 530 |
height: 50px; |
|
| 531 |
line-height: 32px; |
|
| 532 |
position: relative; |
|
| 533 |
padding-left: 30px; |
|
| 534 |
margin-top: 40px; |
|
| 535 |
text-align: left; |
|
| 536 |
font-size: 16px; |
|
| 537 |
text-transform: uppercase; |
|
| 538 |
letter-spacing: 0.4px; |
|
| 539 |
border-radius: 30px; |
|
| 540 |
border: 1px solid #0B155A; |
|
| 541 |
background: #0B155A; |
|
| 542 |
} |
|
| 543 |
|
|
| 544 |
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
|
|
| 545 |
border: 1px solid #0048A9; |
|
| 546 |
background: #0048A9 !important; |
|
| 547 |
} |
|
| 548 |
|
|
| 549 |
@media (max-width: 575.98px) {
|
|
| 550 |
.btn-primary {
|
|
| 551 |
width: 100%; |
|
| 552 |
max-width: 270px; |
|
| 553 |
height: auto; |
|
| 554 |
margin-top: 20px; |
|
| 555 |
} |
|
| 556 |
} |
|
| 557 |
|
|
| 558 |
.btn-secondary {
|
|
| 559 |
background: #0B155A; |
|
| 560 |
} |
|
| 561 |
|
|
| 562 |
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
|
|
| 563 |
background: #7378A0 !important; |
|
| 564 |
} |
|
| 565 |
|
|
| 566 |
.map-point {
|
|
| 567 |
width: 50px; |
|
| 568 |
height: 50px; |
|
| 569 |
z-index: 1; |
|
| 570 |
position: absolute; |
|
| 571 |
border-radius: 50%; |
|
| 572 |
cursor: pointer; |
|
| 573 |
border: 2px solid #fff; |
|
| 574 |
} |
|
| 575 |
|
|
| 576 |
@media (max-width: 767.98px) {
|
|
| 577 |
.map-point {
|
|
| 578 |
display: none; |
|
| 579 |
} |
|
| 580 |
} |
|
| 581 |
|
|
| 582 |
.map-point:before {
|
|
| 583 |
content: ""; |
|
| 584 |
display: inline-block; |
|
| 585 |
width: 16px; |
|
| 586 |
height: 16px; |
|
| 587 |
position: absolute; |
|
| 588 |
top: calc(50% - 8px); |
|
| 589 |
left: calc(50% - 8px); |
|
| 590 |
background: url("../img/map-point-plus.svg") no-repeat;
|
|
| 591 |
} |
|
| 592 |
|
|
| 593 |
.map-point:hover:before {
|
|
| 594 |
z-index: 1; |
|
| 595 |
top: calc(50% - 1px); |
|
| 596 |
background: url("../img/map-point-minus.svg") no-repeat;
|
|
| 597 |
} |
|
| 598 |
|
|
| 599 |
.map-point:hover .desc {
|
|
| 600 |
display: block; |
|
| 601 |
width: 210px; |
|
| 602 |
padding: 10px 20px; |
|
| 603 |
z-index: 0; |
|
| 604 |
opacity: 0.75; |
|
| 605 |
border-radius: 25px 0 25px 0; |
|
| 606 |
background: #0B155A; |
|
| 607 |
} |
|
| 608 |
|
|
| 609 |
.map-point .desc {
|
|
| 610 |
display: none; |
|
| 611 |
} |
|
| 612 |
|
|
| 613 |
.map-point p {
|
|
| 614 |
font-size: 14px; |
|
| 615 |
font-weight: 400; |
|
| 616 |
} |
|
| 617 |
|
|
| 618 |
.map-point p:last-of-type {
|
|
| 619 |
margin-bottom: 10px; |
|
| 620 |
} |
|
| 621 |
|
|
| 622 |
.map-point strong {
|
|
| 623 |
display: inline-block; |
|
| 624 |
width: 100%; |
|
| 625 |
padding: 0 0 20px 40px; |
|
| 626 |
font-size: 16px; |
|
| 627 |
} |
|
| 628 |
|
|
| 629 |
.map-point .circle {
|
|
| 630 |
width: 50px; |
|
| 631 |
height: 50px; |
|
| 632 |
position: absolute; |
|
| 633 |
top: -2px; |
|
| 634 |
left: -2px; |
|
| 635 |
border-radius: 50%; |
|
| 636 |
border: 2px solid #fff; |
|
| 637 |
} |
|
| 638 |
|
|
| 639 |
.map-point.point-1 {
|
|
| 640 |
bottom: 12%; |
|
| 641 |
right: -75%; |
|
| 642 |
} |
|
| 643 |
|
|
| 644 |
.map-point.point-2 {
|
|
| 645 |
top: 21%; |
|
| 646 |
right: -92%; |
|
| 647 |
} |
|
| 648 |
|
|
| 649 |
.map-point.point-3 {
|
|
| 650 |
top: 22%; |
|
| 651 |
right: -92%; |
|
| 652 |
} |
|
| 653 |
|
|
| 654 |
#heatmap {
|
|
| 655 |
height: 100%; |
|
| 656 |
} |
|
| 657 |
|
|
| 658 |
.map-locations {
|
|
| 659 |
position: absolute; |
|
| 660 |
top: 95px; |
|
| 661 |
right: 25px; |
|
| 662 |
z-index: 1000; |
|
| 663 |
border-radius: 22px; |
|
| 664 |
background-color: rgba(11, 21, 90, 0.7); |
|
| 665 |
} |
|
| 666 |
|
|
| 667 |
.map-locations .mobile {
|
|
| 668 |
display: none; |
|
| 669 |
} |
|
| 670 |
|
|
| 671 |
@media (max-width: 991.98px) {
|
|
| 672 |
.map-locations {
|
|
| 673 |
top: 90px; |
|
| 674 |
right: 20px; |
|
| 675 |
} |
|
| 676 |
.map-locations .desktop {
|
|
| 677 |
display: none; |
|
| 678 |
} |
|
| 679 |
.map-locations .mobile {
|
|
| 680 |
display: inline-block; |
|
| 681 |
} |
|
| 682 |
} |
|
| 683 |
|
|
| 684 |
@media (max-width: 575.98px) {
|
|
| 685 |
.map-locations {
|
|
| 686 |
max-width: 240px; |
|
| 687 |
top: 80px; |
|
| 688 |
right: 10px; |
|
| 689 |
} |
|
| 690 |
} |
|
| 691 |
|
|
| 692 |
.map-locations .menu {
|
|
| 693 |
width: 100%; |
|
| 694 |
display: inline-block; |
|
| 695 |
position: relative; |
|
| 696 |
padding: 10px 60px 13px 16px; |
|
| 697 |
text-decoration: none; |
|
| 698 |
border-radius: 50px; |
|
| 699 |
opacity: 1; |
|
| 700 |
background: #0B155A; |
|
| 701 |
} |
|
| 702 |
|
|
| 703 |
.map-locations .menu .circle {
|
|
| 704 |
display: inline-block; |
|
| 705 |
width: 40px; |
|
| 706 |
height: 40px; |
|
| 707 |
position: absolute; |
|
| 708 |
top: 3px; |
|
| 709 |
right: 3px; |
|
| 710 |
border-radius: 50%; |
|
| 711 |
border: 2px solid #fff; |
|
| 712 |
} |
|
| 713 |
|
|
| 714 |
.map-locations .menu .circle:after {
|
|
| 715 |
content: ""; |
|
| 716 |
display: inline-block; |
|
| 717 |
width: 16px; |
|
| 718 |
height: 16px; |
|
| 719 |
position: absolute; |
|
| 720 |
top: calc(50% - 8px); |
|
| 721 |
left: calc(50% - 8px); |
|
| 722 |
background: url("../img/map-point-plus.svg") no-repeat;
|
|
| 723 |
} |
|
| 724 |
|
|
| 725 |
.map-locations .locations {
|
|
| 726 |
z-index: 1000; |
|
| 727 |
} |
|
| 728 |
|
|
| 729 |
.map-locations .locations ul {
|
|
| 730 |
margin-top: 10px; |
|
| 731 |
padding-left: 36px; |
|
| 732 |
padding-right: 20px; |
|
| 733 |
font-size: 15px; |
|
| 734 |
list-style-image: url("../img/li-bullet.svg");
|
|
| 735 |
} |
|
| 736 |
|
|
| 737 |
@media (max-width: 575.98px) {
|
|
| 738 |
.map-locations .locations ul {
|
|
| 739 |
font-size: 13.5px; |
|
| 740 |
} |
|
| 741 |
} |
|
| 742 |
|
|
| 743 |
.map-locations .locations li {
|
|
| 744 |
margin-bottom: 10px; |
|
| 745 |
cursor: pointer; |
|
| 746 |
} |
|
| 747 |
|
|
| 748 |
.map-locations .locations li:hover {
|
|
| 749 |
text-decoration: underline; |
|
| 750 |
} |
|
| 751 |
|
|
| 752 |
.player {
|
|
| 753 |
width: 100%; |
|
| 754 |
display: flex; |
|
| 755 |
justify-content: center; |
|
| 756 |
align-items: center; |
|
| 757 |
position: absolute; |
|
| 758 |
left: 50%; |
|
| 759 |
transform: translateX(-50%); |
|
| 760 |
bottom: -40px; |
|
| 761 |
z-index: 1000; |
|
| 762 |
} |
|
| 763 |
|
|
| 764 |
@media (max-width: 575.98px) {
|
|
| 765 |
.player {
|
|
| 766 |
bottom: -30px; |
|
| 767 |
} |
|
| 768 |
} |
|
| 769 |
|
|
| 770 |
.player .next, .player .prev, .player .play, .player .pause {
|
|
| 771 |
display: inline-block; |
|
| 772 |
width: 42px; |
|
| 773 |
height: 42px; |
|
| 774 |
margin-right: 20px; |
|
| 775 |
position: relative; |
|
| 776 |
border-radius: 50%; |
|
| 777 |
opacity: .7; |
|
| 778 |
border: 2px solid #fff; |
|
| 779 |
box-shadow: 0 0 0 4px #0B155A; |
|
| 780 |
background: #0B155A; |
|
| 781 |
cursor: pointer; |
|
| 782 |
} |
|
| 783 |
|
|
| 784 |
.player .next:hover, .player .prev:hover, .player .play:hover, .player .pause:hover {
|
|
| 785 |
opacity: 1; |
|
| 786 |
} |
|
| 787 |
|
|
| 788 |
.player .next:after, .player .prev:after, .player .play:after, .player .pause:after {
|
|
| 789 |
content: ""; |
|
| 790 |
display: inline-block; |
|
| 791 |
width: 7px; |
|
| 792 |
height: 12px; |
|
| 793 |
position: absolute; |
|
| 794 |
top: calc(50% - 6px); |
|
| 795 |
left: calc(50% - 4px); |
|
| 796 |
} |
|
| 797 |
|
|
| 798 |
.player .play, .player .pause {
|
|
| 799 |
width: 57px; |
|
| 800 |
height: 57px; |
|
| 801 |
opacity: 1; |
|
| 802 |
} |
|
| 803 |
|
|
| 804 |
@media (max-width: 991.98px) {
|
|
| 805 |
.player .play, .player .pause {
|
|
| 806 |
order: 3; |
|
| 807 |
} |
|
| 808 |
} |
|
| 809 |
|
|
| 810 |
.player .play:hover, .player .pause:hover {
|
|
| 811 |
opacity: .7; |
|
| 812 |
} |
|
| 813 |
|
|
| 814 |
.player .play:after, .player .pause:after {
|
|
| 815 |
width: 10px; |
|
| 816 |
height: 16px; |
|
| 817 |
top: calc(50% - 8px); |
|
| 818 |
} |
|
| 819 |
|
|
| 820 |
.player .play:after {
|
|
| 821 |
left: calc(50% - 2px); |
|
| 822 |
background: url("../img/btn-play.svg") no-repeat;
|
|
| 823 |
} |
|
| 824 |
|
|
| 825 |
.player .pause:after {
|
|
| 826 |
left: calc(50% - 4px); |
|
| 827 |
background: url("../img/btn-pause.png") no-repeat;
|
|
| 828 |
} |
|
| 829 |
|
|
| 830 |
@media (max-width: 991.98px) {
|
|
| 831 |
.player .next {
|
|
| 832 |
order: 3; |
|
| 833 |
} |
|
| 834 |
} |
|
| 835 |
|
|
| 836 |
.player .next:after {
|
|
| 837 |
background: url("../img/btn-next.svg") no-repeat;
|
|
| 838 |
} |
|
| 839 |
|
|
| 840 |
@media (max-width: 991.98px) {
|
|
| 841 |
.player .prev {
|
|
| 842 |
order: 2; |
|
| 843 |
} |
|
| 844 |
} |
|
| 845 |
|
|
| 846 |
.player .prev:after {
|
|
| 847 |
background: url("../img/btn-prev.svg") no-repeat;
|
|
| 848 |
} |
|
| 849 |
|
|
| 850 |
.player .timeline {
|
|
| 851 |
display: flex; |
|
| 852 |
height: 30px; |
|
| 853 |
flex-direction: row; |
|
| 854 |
position: relative; |
|
| 855 |
padding: 0 10px; |
|
| 856 |
border-radius: 100px; |
|
| 857 |
background-color: rgba(11, 21, 90, 0.7); |
|
| 858 |
} |
|
| 859 |
|
|
| 860 |
@media (max-width: 991.98px) {
|
|
| 861 |
.player .timeline {
|
|
| 862 |
padding: 0; |
|
| 863 |
order: 1; |
|
| 864 |
margin-right: 20px; |
|
| 865 |
} |
|
| 866 |
} |
|
| 867 |
|
|
| 868 |
@media (max-width: 991.98px) {
|
|
| 869 |
.player .timeline .hour {
|
|
| 870 |
display: none; |
|
| 871 |
} |
|
| 872 |
} |
|
| 873 |
|
|
| 874 |
.player .timeline .hour:before {
|
|
| 875 |
content: ""; |
|
| 876 |
display: inline-block; |
|
| 877 |
width: 6px; |
|
| 878 |
height: 6px; |
|
| 879 |
border-radius: 50%; |
|
| 880 |
background: #fff; |
|
| 881 |
} |
|
| 882 |
|
|
| 883 |
.player .timeline .hour:after {
|
|
| 884 |
content: ""; |
|
| 885 |
display: inline-block; |
|
| 886 |
position: relative; |
|
| 887 |
top: -2px; |
|
| 888 |
width: 20px; |
|
| 889 |
height: 2px; |
|
| 890 |
background: #fff; |
|
| 891 |
} |
|
| 892 |
|
|
| 893 |
.player .timeline .end-dot:before {
|
|
| 894 |
content: ""; |
|
| 895 |
display: inline-block; |
|
| 896 |
width: 6px; |
|
| 897 |
height: 6px; |
|
| 898 |
border-radius: 50%; |
|
| 899 |
background: #fff; |
|
| 900 |
} |
|
| 901 |
|
|
| 902 |
@media (max-width: 991.98px) {
|
|
| 903 |
.player .timeline .end-dot:before {
|
|
| 904 |
display: none; |
|
| 905 |
} |
|
| 906 |
} |
|
| 907 |
|
|
| 908 |
.player .time {
|
|
| 909 |
display: flex; |
|
| 910 |
justify-content: center; |
|
| 911 |
align-items: center; |
|
| 912 |
width: 64px; |
|
| 913 |
font-size: 15px; |
|
| 914 |
padding: 3px 0 4px 0; |
|
| 915 |
z-index: 1000; |
|
| 916 |
border-radius: 15px; |
|
| 917 |
background: #0B155A; |
|
| 918 |
} |
|
| 919 |
|
|
| 920 |
@media (min-width: 992px) {
|
|
| 921 |
.player .time {
|
|
| 922 |
position: absolute; |
|
| 923 |
} |
|
| 924 |
.player .time.hour-0 {
|
|
| 925 |
left: 0; |
|
| 926 |
} |
|
| 927 |
.player .time.hour-1 {
|
|
| 928 |
left: 25px; |
|
| 929 |
} |
|
| 930 |
.player .time.hour-2 {
|
|
| 931 |
left: 50px; |
|
| 932 |
} |
|
| 933 |
.player .time.hour-3 {
|
|
| 934 |
left: 75px; |
|
| 935 |
} |
|
| 936 |
.player .time.hour-4 {
|
|
| 937 |
left: 100px; |
|
| 938 |
} |
|
| 939 |
.player .time.hour-5 {
|
|
| 940 |
left: 125px; |
|
| 941 |
} |
|
| 942 |
.player .time.hour-6 {
|
|
| 943 |
left: 150px; |
|
| 944 |
} |
|
| 945 |
.player .time.hour-7 {
|
|
| 946 |
left: 175px; |
|
| 947 |
} |
|
| 948 |
.player .time.hour-8 {
|
|
| 949 |
left: 200px; |
|
| 950 |
} |
|
| 951 |
.player .time.hour-9 {
|
|
| 952 |
left: 225px; |
|
| 953 |
} |
|
| 954 |
.player .time.hour-10 {
|
|
| 955 |
left: 250px; |
|
| 956 |
} |
|
| 957 |
.player .time.hour-11 {
|
|
| 958 |
left: 275px; |
|
| 959 |
} |
|
| 960 |
.player .time.hour-12 {
|
|
| 961 |
left: 300px; |
|
| 962 |
} |
|
| 963 |
.player .time.hour-13 {
|
|
| 964 |
left: 325px; |
|
| 965 |
} |
|
| 966 |
.player .time.hour-14 {
|
|
| 967 |
left: 350px; |
|
| 968 |
} |
|
| 969 |
.player .time.hour-15 {
|
|
| 970 |
left: 375px; |
|
| 971 |
} |
|
| 972 |
.player .time.hour-16 {
|
|
| 973 |
left: 400px; |
|
| 974 |
} |
|
| 975 |
.player .time.hour-17 {
|
|
| 976 |
left: 425px; |
|
| 977 |
} |
|
| 978 |
.player .time.hour-18 {
|
|
| 979 |
left: 450px; |
|
| 980 |
} |
|
| 981 |
.player .time.hour-19 {
|
|
| 982 |
left: 475px; |
|
| 983 |
} |
|
| 984 |
.player .time.hour-20 {
|
|
| 985 |
left: 500px; |
|
| 986 |
} |
|
| 987 |
.player .time.hour-21 {
|
|
| 988 |
left: 525px; |
|
| 989 |
} |
|
| 990 |
.player .time.hour-22 {
|
|
| 991 |
left: 550px; |
|
| 992 |
} |
|
| 993 |
.player .time.hour-23 {
|
|
| 994 |
left: 585px; |
|
| 995 |
} |
|
| 996 |
} |
|
| 997 |
|
|
| 998 |
.slide-background {
|
|
| 999 |
width: 650px; |
|
| 1000 |
height: 290px; |
|
| 1001 |
z-index: 1; |
|
| 1002 |
position: absolute; |
|
| 1003 |
bottom: 0; |
|
| 1004 |
left: 0; |
|
| 1005 |
background: url("../img/footer-bg.svg") no-repeat;
|
|
| 1006 |
} |
|
| 1007 |
|
|
| 1008 |
@media (max-width: 991.98px) {
|
|
| 1009 |
.slide-background {
|
|
| 1010 |
width: 320px; |
|
| 1011 |
height: 143px; |
|
| 1012 |
background-size: 100%; |
|
| 1013 |
} |
|
| 1014 |
} |
|
| 1015 |
|
|
| 1016 |
div.copyright p {
|
|
| 1017 |
font-weight: 400; |
|
| 1018 |
} |
|
| 1019 |
|
|
| 1020 |
div.copyright span {
|
|
| 1021 |
font-size: 17px; |
|
| 1022 |
} |
|
| 1023 |
|
|
| 1024 |
p.logos-partners {
|
|
| 1025 |
margin-top: 40px; |
|
| 1026 |
text-align: right; |
|
| 1027 |
} |
|
| 1028 |
|
|
| 1029 |
p.logos-partners a {
|
|
| 1030 |
text-decoration: none; |
|
| 1031 |
} |
|
| 1032 |
|
|
| 1033 |
p.logos-partners a img {
|
|
| 1034 |
margin-left: 50px; |
|
| 1035 |
height: 80px; |
|
| 1036 |
} |
|
| 1037 |
|
|
| 1038 |
@media only screen and (max-width: 430px) {
|
|
| 1039 |
p.logos-partners a img {
|
|
| 1040 |
height: 70px; |
|
| 1041 |
margin-left: 0; |
|
| 1042 |
} |
|
| 1043 |
} |
|
| 1044 |
|
|
| 1045 |
@media only screen and (max-width: 340px) {
|
|
| 1046 |
p.logos-partners a img {
|
|
| 1047 |
height: 60px; |
|
| 1048 |
} |
|
| 1049 |
} |
|
| 1050 |
|
|
| 1051 |
p.logos-partners a:first-of-type img {
|
|
| 1052 |
margin-left: 0; |
|
| 1053 |
} |
|
| 1054 |
|
|
| 1055 |
.leaflet-popup-content-wrapper, .leaflet-popup-tip {
|
|
| 1056 |
font-family: 'Be Vietnam', sans-serif; |
|
| 1057 |
text-align: center; |
|
| 1058 |
color: #fff; |
|
| 1059 |
background-color: #0b155a !important; |
|
| 1060 |
} |
|
| 1061 |
|
|
| 1062 |
.leaflet-popup-content-wrapper .leaflet-popup-content strong {
|
|
| 1063 |
display: inline-block; |
|
| 1064 |
margin-bottom: 8px; |
|
| 1065 |
} |
|
| 1066 |
|
|
| 1067 |
.leaflet-popup-content-wrapper .popup-controls {
|
|
| 1068 |
display: flex; |
|
| 1069 |
margin: 1em 0 1em 0; |
|
| 1070 |
} |
|
| 1071 |
|
|
| 1072 |
.leaflet-popup-content-wrapper .popup-controls .circle-button {
|
|
| 1073 |
height: 32px; |
|
| 1074 |
width: 32px; |
|
| 1075 |
border: 0; |
|
| 1076 |
border-radius: 24px; |
|
| 1077 |
background: url("../img/btn-prev.svg") rgba(255, 255, 255, 0.1) no-repeat center center;
|
|
| 1078 |
transition: background 0.3s ease-out; |
|
| 1079 |
outline: none !important; |
|
| 1080 |
} |
|
| 1081 |
|
|
| 1082 |
.leaflet-popup-content-wrapper .popup-controls .circle-button:hover {
|
|
| 1083 |
background: url("../img/btn-prev.svg") rgba(125, 125, 125, 0.1) no-repeat center center;
|
|
| 1084 |
} |
|
| 1085 |
|
|
| 1086 |
.leaflet-popup-content-wrapper .popup-controls .circle-button.next {
|
|
| 1087 |
background: url("../img/btn-next.svg") rgba(255, 255, 255, 0.1) no-repeat center center;
|
|
| 1088 |
} |
|
| 1089 |
|
|
| 1090 |
.leaflet-popup-content-wrapper .popup-controls .circle-button.next:hover {
|
|
| 1091 |
background: url("../img/btn-next.svg") rgba(125, 125, 125, 0.1) no-repeat center center;
|
|
| 1092 |
} |
|
| 1093 |
|
|
| 1094 |
.leaflet-popup-content-wrapper #number-info {
|
|
| 1095 |
font-family: monospace; |
|
| 1096 |
font-size: 24pt; |
|
| 1097 |
font-weight: 700; |
|
| 1098 |
} |
|
| 1099 |
|
|
| 1100 |
.leaflet-popup-content-wrapper #count-info {
|
|
| 1101 |
margin: auto; |
|
| 1102 |
color: #fff; |
|
| 1103 |
background-color: #0b155a; |
|
| 1104 |
} |
|
| 1105 |
|
|
| 1106 |
header.map .nav-item {
|
|
| 1107 |
padding: 5px; |
|
| 1108 |
margin-top: auto; |
|
| 1109 |
margin-bottom: auto; |
|
| 1110 |
} |
|
| 1111 |
|
|
| 1112 |
header.map .nav-item:nth-child(3), header.map .nav-item:last-child {
|
|
| 1113 |
border: 0; |
|
| 1114 |
} |
|
| 1115 |
|
|
| 1116 |
header.map .nav-item .btn-secondary {
|
|
| 1117 |
outline: none; |
|
| 1118 |
border-radius: 50px; |
|
| 1119 |
height: 40px; |
|
| 1120 |
margin-left: 10px; |
|
| 1121 |
font-size: 11pt; |
|
| 1122 |
padding-left: 20px; |
|
| 1123 |
padding-right: 20px; |
|
| 1124 |
padding-top: 3px; |
|
| 1125 |
transition: all 0.2s ease-out; |
|
| 1126 |
color: #0048a9; |
|
| 1127 |
background: white; |
|
| 1128 |
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.17); |
|
| 1129 |
-moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.17); |
|
| 1130 |
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.17); |
|
| 1131 |
} |
|
| 1132 |
|
|
| 1133 |
@media (max-width: 991.98px) {
|
|
| 1134 |
header.map .nav-item .btn-secondary {
|
|
| 1135 |
border-radius: .25rem; |
|
| 1136 |
margin-left: 0px; |
|
| 1137 |
margin-top: 10px; |
|
| 1138 |
margin-bottom: -10px; |
|
| 1139 |
} |
|
| 1140 |
} |
|
| 1141 |
|
|
| 1142 |
header.map .nav-item .btn-secondary:hover {
|
|
| 1143 |
color: #0048a9; |
|
| 1144 |
background: white !important; |
|
| 1145 |
-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.22); |
|
| 1146 |
-moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.22); |
|
| 1147 |
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.22); |
|
| 1148 |
} |
|
| 1149 |
|
|
| 1150 |
header.map .nav-item .btn-secondary:active, header.map .nav-item .btn-secondary:focus {
|
|
| 1151 |
background: #f0f0f0 !important; |
|
| 1152 |
color: #0048a9 !important; |
|
| 1153 |
} |
|
| 1154 |
|
|
| 1155 |
header.map .nav-item input:hover {
|
|
| 1156 |
background: rgba(255, 255, 255, 0.2); |
|
| 1157 |
} |
|
| 1158 |
|
|
| 1159 |
header.map .nav-item input:focus {
|
|
| 1160 |
background: #fff; |
|
| 1161 |
color: #000; |
|
| 1162 |
} |
|
| 1163 |
|
|
| 1164 |
header.map .nav-item select:hover {
|
|
| 1165 |
cursor: pointer; |
|
| 1166 |
background: rgba(255, 255, 255, 0.2); |
|
| 1167 |
} |
|
| 1168 |
|
|
| 1169 |
header.map .nav-item select:hover option {
|
|
| 1170 |
background: #0048a9; |
|
| 1171 |
} |
|
| 1172 |
|
|
| 1173 |
header.map .nav-item select:focus {
|
|
| 1174 |
background: #0048a9; |
|
| 1175 |
color: white; |
|
| 1176 |
} |
|
Také k dispozici: Unified diff
Re #8079
- intro page responzive fixed
- deleted unused files
- minor CSS repairs and changes