* {  box-sizing: border-box;}body {  margin: 0;  background: #192226 !important;}img {  width: 100%;  height: 100%;  object-fit: cover;}.grid {  display: grid;  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));  grid-auto-rows: 200px;  grid-auto-flow: dense;  grid-gap: 3px;  justify-content: center;  margin: 16px;}.grid .photo {  background-size: cover;  background-position: center;  box-sizing: border-box;  width: 100%;  background-color: lightgrey;  overflow: hidden;  position: relative;  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);  border: 6px solid white;}.grid .photo:nth-of-type(11n + 1) {  z-index: 119;  transform: rotate(2deg) translate(-2px, -3px);}.grid .photo:nth-of-type(11n + 2) {  z-index: 142;  transform: rotate(0deg) translate(1px, 0px);}.grid .photo:nth-of-type(11n + 3) {  z-index: 175;  transform: rotate(-1deg) translate(0px, 0px);}.grid .photo:nth-of-type(11n + 4) {  z-index: 161;  transform: rotate(0deg) translate(4px, 3px);}.grid .photo:nth-of-type(11n + 5) {  z-index: 141;  transform: rotate(0deg) translate(0px, 1px);}.grid .photo:nth-of-type(11n + 6) {  z-index: 162;  transform: rotate(1deg) translate(-1px, 3px);}.grid .photo:nth-of-type(11n + 7) {  z-index: 111;  transform: rotate(-1deg) translate(4px, 3px);}.grid .photo:nth-of-type(11n + 8) {  z-index: 111;  transform: rotate(-1deg) translate(-2px, 3px);}.grid .photo:nth-of-type(11n + 9) {  z-index: 197;  transform: rotate(-1deg) translate(-1px, 2px);}.grid .photo:nth-of-type(11n + 10) {  z-index: 164;  transform: rotate(0deg) translate(-2px, 1px);}.grid .photo:nth-of-type(11n + 11) {  z-index: 118;  transform: rotate(0deg) translate(0px, 0px);}.grid .photo::after {  content: "";  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;  background: inherit;  background-size: cover;  transform-origin: center;  filter: saturate(1) brightness(1) contrast(1);  transition: all 0.74s cubic-bezier(0.23, 1, 0.32, 1);}.grid .photo:focus::after, .grid .photo:hover::after {  filter: saturate(1.05) brightness(1.05) contrast(1.05);  transform: scale(1.05);}.grid .photo:nth-of-type(7n) {  grid-column: span 2;  transform: rotate(0.5deg) translate(1px, 0px);}.grid .photo:nth-of-type(13n) {  grid-row: span 2;  transform: rotate(0.5deg) translate(0px, 0px);}.grid .photo:nth-of-type(19n) {  grid-column: span 2;  grid-row: span 2;  transform: rotate(0.5deg) translate(1px, 0px);}.canvas-item {cursor: zoom-in;}.canvas-item i.fa-play{  position: absolute;  color:orange;  left: 5px;  bottom: 0;  margin: 5px;  font-size: 50px;  z-index: 5;}.canvas-item span.copyright{  position: absolute;  color:red;  right: 5px;  bottom: 0;  margin: 5px;  font-size: 20px;  z-index: 5;}.navbar-inverse {  background: #222B31 !important;  border-bottom: 4px solid #FF0000 !important;}.navbar-brand {  font: 32px Lato !important;  text-transform: uppercase;  color: #FFF !important;  letter-spacing: 1px;  margin-top: 10px;}.nav {  margin-bottom: 0px;}.nav a {  font: 500 30px Lato;  letter-spacing: 1px;  padding: 30px !important;  color: #a3bfc6 !important;  text-transform: uppercase;  text-align:center;  position: relative;  z-index: 1000;}.nav a:hover {  color: #FFF !important;}.nav li span {height: 100%;}.nav li a code {  top: 80%;  left: 50%;  transform: translate(-50%, -50%);  text-transform: uppercase;font: 500 8px Lato;position: absolute;}.nav li {  position: relative;}.navbar-inverse .navbar-toggle {  border: none;}.navbar-collapse {  box-shadow: none !important;  border: none !important;}.navbar-inverse .navbar-toggle:hover {  background: transparent !important;}.navbar-inverse .navbar-toggle:focus {  background: transparent !important;}.navbar-inverse .navbar-toggle:active {  background: transparent !important;}.icon-bar {  background: #a3bfc6 !important;}.hover {  display: block;  position: absolute;  width: 0%;  top: 0px;  left: 0px;  background: #FF0000 !important;  z-index: 0;  opacity: 0;}.round-image{  margin-top: -24px;width: 180px;height: 90px;border-top-left-radius: 100px;border-top-right-radius: 100px;border: 5px solid #FF0000;border-bottom: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}@media (max-width: 1200px) {  .nav {    padding-bottom: 20px;  }  .nav a {    padding: 30px 20px 5px 30px !important;  font: 500 21px Lato;  }  .nav li a code {display:none;  }.navbar-brand {  font: 16px Lato !important;}.round-image{  margin-top: -8px;width: 120px;height: 60px;}}@media (max-width: 767px) {  .nav {    padding-bottom: 20px;  }  .nav a {    padding: 18px !important;  }.navbar-brand {  font: 16px Lato !important;}  .nav li a code {  display: block;  }.round-image{  margin-top: -24px;width: 120px;height: 60px;}}@media (max-width: 480px) {  .nav {    padding-bottom: 20px;  }}.content {margin-top: 95px;}.port {  position: fixed;  width: 100%;  height: 100%;  top: 0;  left: 0;  padding-top: 92px;  background: #192226;  background-color: #192226;  z-index: 999;  visibility: hidden;  -webkit-transform: translateY(-100%);  transform: translateY(-100%);  border-bottom: 1px solid #d0d0d0;  -webkit-transition: all 0.5s ease-in-out;  -moz-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out;}.port h1 {  font-size: 35px;  line-height: 2.3;  padding: 0;}.port > * {  opacity: 0;  -webkit-transition: all 0.5s linear;  -moz-transition: all 0.5s linear;  transition: all 0.5s linear;}.port.item_open {  visibility: visible;  -webkit-transform: translateY(0%);  transform: translateY(0%);  -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out;}.port > * {  opacity: 1;  -webkit-transition-delay: 0.5s;  transition-delay: 0.5s;}.uploader {  font: 32px Lato !important;  color: #FFFFFF;  position: fixed;  left: 10px;  opacity: 1;  top: 110px;  z-index: 1104;  -webkit-transition: all 0.3s ease-in-out;  -moz-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;}.close {  font: 32px Lato !important;  color: #FFFFFF;  position: fixed;  right: 10px;  top: -110px;  opacity: 1;  z-index: 1104;  -webkit-transition: all 0.1s ease-in-out;  -moz-transition: all 0.1s ease-in-out;  transition: all 0.1s ease-in-out;}.item_open .close {  opacity: 1;  top: 110px;  -webkit-transition: all 0.3s ease-in-out;  -moz-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;}.item_open .close:hover {color: #FFFFFF;}.download {  font: 32px Lato !important;  color: #FFFFFF;  position: fixed;  right: 60px;  top: -110px;  opacity: 1;  z-index: 1104;  -webkit-transition: all 0.1s ease-in-out;  -moz-transition: all 0.1s ease-in-out;  transition: all 0.1s ease-in-out;}.item_open .download {  opacity: 1;  top: 110px;  -webkit-transition: all 0.3s ease-in-out;  -moz-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;}.item_open .download:hover {color: ORANGE;}.port .row {background-repeat: no-repeat;background-size: contain;background-position: 50% 50%;height: 100%;padding: 0 40px 40px;overflow: none;}.navnp-container {  width: 95%;  max-width: 95%;  margin: auto;  position: absolute;  position: fixed;  top: 70%;  left: 0;  right: 0;  transform: translateY(-50%);  display: flex;  justify-content: space-between;}#navnext {width:50px;height:50px;}#navprev {width:50px;height:50px;}.navnp {  display: block;  height:100px;  fill: none;  stroke: #000;  cursor: pointer;  width:100px;  transition: stroke 0.2s linear;  box-shadow: rgba(0, 0, 0, 0.25) 0px 30px 60px -12px inset, rgba(255, 255, 255, 1.3) 0px 18px 36px -18px inset;  border-radius: 100px;}.navnp.navact:hover,.navnp.navact:focus {  stroke: #f15268;}.navact .navnp:hover,.navact .navnp:focus {  stroke: #f15268;}.loader{  width: 300px;  height: 25px;  border-radius: 14px;  border-bottom: 1px solid #fff;  border-top: 1px solid #999;  background: #ccc;  overflow: hidden;  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);}.loader-info {  width: 300px;  height: 25px;  overflow: hidden;  text-align:center;  position: absolute;  top: 40%;  left: 50%;  transform: translate(-50%, -50%);}.loader-info span {text-shadow: none;}.loader.gray{  background: #999;}.progress-info{  height: inherit;  width: 0%;  border-radius: inherit;  position: relative;  overflow: hidden;}.progress-bar{  height: inherit;  width: 0%;  border-radius: inherit;  position: relative;  overflow: hidden;}.progress-stripes{  width: inherit;  height: inherit;  font-size: 180px;  font-weight: bold;  margin-top: -50px;  letter-spacing: -14px;}.percentage{  position: absolute;  top: 2px;  right: 5px;  font-weight: bold;  font-size: 16px;}.red .progress-bar{  background: #e74c3c;}.red .progress-stripes,.loader-info.red span{  color: #c0392b;  background-image: none !important;}.red .percentage{  color: #eee;}.blue .progress-bar{  background: #3498db;}.blue .progress-stripes,.loader-info.blue span{  color: #2980b9;}.blue .percentage{  color: #eee;}.green .progress-bar{  background: #2ecc71;}.green .progress-stripes,.loader-info.green span{  color: #27ae60;}.green .percentage{  color: #fff;}.yellow .progress-bar{  background: #f1c40f;}.yellow .progress-stripes,.loader-info.yellow span{  color: #f39c12;}.yellow .percentage{  color: #fff;}.purple .progress-bar {  background: #9b59b6;}.purple .progress-stripes,.loader-info.purple span{  color: #8e44ad;}.purple .percentage{  color: #eee;}.gray .progress-bar{  background: #ecf0f1;}.gray .progress-stripes,.loader-info.gray{  color: #bdc3c7;}.gray .percentage{  color: #333;}span{  color: #888;  text-shadow: 0 1px 0 #fff;}span.loaded.red{  color: #c0392b;}span.loaded.blue{  color: #2980b9;}span.loaded.green{  color: #27ae60;}span.loaded.yellow{  color: #d35400;}span.loaded.purple{  color: #8e44ad;}span.loaded.gray{  color: #444;}.skins{  padding: 4px 0 8px;  cursor: default;  font-size: 14px;  color: #666;  background: #fff;  opacity: .5;  -moz-transition: opacity .25s linear;  -webkit-transition: opacity .25s linear;  transition: opacity .25s linear;}.skins:hover{  opacity: 1;}.skin{  width: 20px;  height: 20px;  cursor: pointer;  margin-bottom: -7px;  border: 1px solid #fff;  display: inline-block;    *display: inline;    zoom: 1.0;}#red{  background: #c0392b;}#red:hover{  background: #e74c3c;}#blue{  background: #2980b9;}#blue:hover{  background: #3498db;}#green{  background: #27ae60;}#green:hover{  background: #2ecc71;}#yellow{  background: #f39c12;}#yellow:hover{  background: #f1c40f;}#purple{  background: #8e44ad;}#purple:hover{  background: #9b59b6;}#gray{  background: #7f8c8d;}#gray:hover{  background: #95a5a6;}.videodiv {text-align: center;max-inline-size: 100%;}video {display: inline-block;border-radius: 15px;background: black;padding: 2%;width: 70%;  top: 55%;  left: 50%;  transform: translate(-50%, -50%);position: absolute;}.img-list {list-style: none;padding: 0;margin: 0;}.img-list li {border: 5px solid transparent;box-sizing: border-box;width: 33.33%;float: left;position: relative;cursor: pointer;}.img-list img {max-width: 100%;vertical-align: middle;}.img-placeholder:before,.img-placeholder:after {padding-top: 33.33%;content: "";display: block;}  .img-placeholder {background: #222;box-shadow: 0 0 0 8px #222 inset, 0 0 0 9px #333 inset;color: #444;line-height: 0;text-align: center;display: block;}.img-list li:before {transition: all .5s ease;content: "";position: absolute;top: 0;left: 0;}#map {  position: absolute;  top: 90px;  bottom: 0;  width: 100%;}.leaflet-popup-content-wrapper {  text-align: left;}.leaflet-popup-content {margin: 19px 8px;line-height: 1.4;  width:250px;}.leaflet-container a.leaflet-popup-close-button:hover {color: #ffc100;}