html, body {background-color: #f5f5f5;}
h1, h2, h3 {margin-bottom: 1.5rem; text-transform: uppercase;}
h1 {font-size: 3rem}
h2 {font-size: 2.5rem;}
h3 {font-size: 2rem;}
figure {margin: 1.5rem 0;}
img {display: block; vertical-align: middle;}
a {color: #363636; text-decoration: underline;}
ol {margin-left: 20px;}
ul, ol, p {margin-bottom: 1.5rem;}

#home-gallery {position: relative; margin-top: 20px;}


/*Bulma*/
.has-padding-10 {padding-left: 10px; padding-right: 10px;}
.navbar.is-white .navbar-brand > a.navbar-item:hover, .navbar.is-white .navbar-end > a.navbar-item:hover {background-color: initial;}
.navbar-brand .navbar-item {text-transform: uppercase;}
a.navbar-item, a.dropdown-item {text-decoration: none; text-transform: uppercase;}
/*.navbar-menu {background: #0a0a0a;}*/
@media screen and (max-width: 1024px) {
  .container.is-fluid {padding-left: 12px; padding-right: 12px;}
}
.text {margin-top: 20px;}
.button.is-white.is-hovered, .button.is-white:hover {background-color: #fff;}
a.dropdown-item:hover, button.dropdown-item:hover {background-color: initial; color: initial !important;}
.card ul li {list-style: none;}
.is-large.delete, .is-large.modal-close {height: 36px; max-height: 36px; max-width: 36px; min-height: 36px; min-width: 36px; width: 36px;}
.modal-close {right: 4px; top: 4px;}



/*Isotop*/
.grid-gallery {margin: 0 auto; margin-top: 10px;}
.grid-item { width: 25%; padding: 10px;}
@media screen and (max-width: 1280px) {
  .grid-item {width: 33%;}
}
@media screen and (max-width: 1024px) {
  .grid-item {width: 50%;}
}
@media screen and (max-width: 769px) {
  .grid-item {width: 100%;}
  .grid-item a {display: inline-block; width: 100%;}
  .grid-item a img {width: 100%;}
}

/*.grid-sizer, .grid-item {width: 100%;}
.grid-item {float: left; padding: 10px; overflow: hidden;}
.grid-item img {display: block; max-width: 100%; vertical-align: middle;}
@media (min-width: 460px) {
	.grid-sizer, .grid-item {width: 50%;}
}
@media (min-width: 768px) {
	.grid-sizer, .grid-item {width: 33.333%;}
	.grid-item {float: left; padding: 15px;}
}*/


/*Photoswipe*/
.pswp__bg {background: #f5f5f5;}
.pswp__caption__center {text-align: center;}

/*Custom*/
.dropdown {position: relative; z-index: 40;}
.text, .text a {color: #000;}

.video { 
overflow:hidden; 
padding-bottom:56.25%; 
position:relative; 
height:0;
}

.video iframe {
left:0; 
top:0; 
height:100%;
width:100%;
position:absolute;
}


/*Swiper*/
.swiper-wrap {
	position: relative;
	margin-top: 25px;
	width: 100%;
	height: 0;
	padding-bottom: 66.667%;
}
.swiper-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.swiper-slide {
text-align: center;
cursor: pointer;
}

.swiper-slide img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
left: 50%;
top: 50%;
}


.swiper-button-prev:after,
.swiper-button-next:after {
  background: url(default-skin/default-skin.svg) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  content: '';
  top: 51%;
  background-color: #fff;
  height: 30px;
  width: 32px;
  position: absolute; }

.swiper-button-prev:after {
  left: 6px;
  background-position: -138px -44px; }

.swiper-button-next:after {
  right: 6px;
  background-position: -94px -44px; }


.swiper-caption {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 40px;
	padding: 0 10px;
	background: rgba(255,255,255,0.8);
	text-align: center;
	line-height: 40px;
	color: #000;
}