@font-face {
	font-family: 'PeroLight';
	src: url('../fonts/pero-light-webfont.eot');
	src: url('../fonts/pero-light-webfont.eot#iefix') format('embedded-opentype'),
		url('../fonts/pero-light-webfont.woff') format('woff2'),
		url('../fonts/pero-light-webfont.woff') format('woff'),
		url('../fonts/pero-light-webfont.ttf') format('truetype'),
		url('../fonts/pero-light-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'PeroRegular';
	src: url('../fonts/pero-regular-webfont.eot');
	src: url('../fonts/pero-regular-webfont.eot#iefix') format('embedded-opentype'),
		url('../fonts/pero-regular-webfont.woff') format('woff2'),
		url('../fonts/pero-regular-webfont.woff') format('woff'),
		url('../fonts/pero-regular-webfont.ttf') format('truetype'),
		url('../fonts/pero-regular-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


.uk-logo-inverse{
    opacity: 0.6;
    -webkit-transition: opacity 0.5s; /* Safari */
    -moz-transition: opacity 0.5s; /* Firefox */
    -o-transition: opacity 0.5s; /* Opera */
    transition: opacity 0.5s;
}

.uk-logo-inverse:hover{
    opacity: 1;
}

/* Transparent section */
.dark-transparent{
    background-color: rgba(0, 0, 0, 0.5); // black
}
.light-transparent{
    background-color: rgba(247, 247, 247, 0.8); // grey
}
.primary-transparent{
	background-color: rgba(212, 144, 63, 0.8);	// orange
}
.secondary-transparent{
	background-color: rgba(85, 137, 157, 0.8);	// blue
}

/* Special transparent style for TOP section */
.tm-top{
    background-color: rgba(0, 0, 0, 0.5); // black
}



/* Template : background fixed image full width */

html {
    height: 100vh;
		background-image: url('../../../images/template/background.jpg');
		background-repeat: no-repeat;
		background-position: top center;
		background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


/* styles for '...' */
.block-with-text {
  /* hide text if it more than N lines  */
  overflow: hidden;
  /* for set '...' in absolute position */
  position: relative;
  /* use this value to count block height */
  /* line-height: 1.2em; */
  /* max-height = line-height (1.2) * lines max number (3) */
  /* max-height: 3.6em; */
  /* fix problem when last visible word doesn't adjoin right side  */
  /* text-align: justify; */
  /* place for '...' */
  margin-right: -1em;
  padding-right: 1em;
}
/* create the ... */
.block-with-text:before {
  /* points in the end */
  /* content: '...'; */
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of block */
  right: 0;
  bottom: 0;
}
/* hide ... if we have text, which is less than or equal to max lines */
.block-with-text:after {
  /* points in the end */
  /* content: ''; */
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of text */
  right: 0;
  /* set width and height */
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  /* bg color = bg color under block */
  background: white;
}


/* Balbooa Gallery */

.ba-filter-title{
	display: none !important;
}

.scroll-to-top{
    display: none !important;
}

.equal-positions-tags {
    float: none !important;
    padding: 0 !important;
    width: auto !important;
    margin-bottom: 15px;
}
.ba-gallery-content-wrapper {
    width: auto !important;
    float: none !important;
}


@media (max-width: 1200px) {

    .equal-positions-tags {
        background: #fff;
        box-shadow: 0 15px 40px rgba(0,0,0,.15);
        border-radius: 6px;
        box-sizing: border-box;
        left: 0;
        margin-left: 10%;
        opacity: 0;
        visibility: hidden;
        overflow: hidden;
        overflow-y: auto;
        position: fixed;
        padding: 0;
        top: 0;
        width: 80%;
        z-index: 1050;
    }

    a.show-filter-modal {
        background-color: #fafafa;
        border-radius: 3px;
        border: none;
        box-sizing: border-box;
        color: #363637;
        display: block;
        font-size: 16px;
        height: 50px;
        margin-left: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 30px !important;
        padding: 15px 25px;
        white-space: nowrap;
    }

}


@media (max-width: 767px) {
    .ba-gallery {
        padding: 0 !important;
    }
}