/*---Fonts---*/
@font-face{
	font-family: 'Ragusa360';
	src: url('../fonts/RagusaLight.woff') format("woff");
	font-weight: 300;
}
@font-face{
	font-family: 'Ragusa360';
	src: url('../fonts/RagusaMedium.woff') format("woff");
	font-weight: 400;
}
@font-face{
	font-family: 'Ragusa360';
	src: url('../fonts/RagusaBold.woff') format("woff");
	font-weight: 500;
}
@font-face{
	font-family: 'Ragusa360';
	src: url('../fonts/RagusaHeavy.woff') format("woff");
	font-weight: 600;
}

/* ================================================
				Helper Classes
================================================ */

.delay-03 {
	animation-delay: 0.3s;
}
.delay-04 {
	animation-delay: 0.4s;
}
.delay-05 {
	animation-delay: 0.5s;
}
.delay-06 {
	animation-delay: 0.6s;
}
.delay-07 {
	animation-delay: 0.7s;
}
.delay-08 {
	animation-delay: 0.8s;
}
.delay-09 {
	animation-delay: 0.9s;
}

/*---Global styles---*/
body{
	font-family: 'Ragusa360';
	color: #1a1a18;
}
a:hover, a:focus{
	text-decoration: none;
	outline: none;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{
    color: #1a1a18;
}
.h5{
	font-size: 17px;
	line-height: 1.2;
}
p{
	line-height: 1.4;
	font-size: 18px;
	font-weight: 300;
}
p.text-lg{
	font-size: 18px;
	line-height: 28px;
}
.btn{
	font-weight: 300 !important;
	font-size: 13.5px !important;
	text-transform: uppercase !important;
	border-radius: 0px !important;
	border: 0px solid #1a1a18 !important;
	text-align: center !important;
	padding: 0.8em 1.3em !important;
	letter-spacing: 1px;
}
.btn.btn-primary{
	background-color: #1a1a18 !important;
}
.btn.btn-sm{
	min-width: 100px;
}
.btn{
	box-shadow: none!important;
}
.btn.btn-round{
	border-radius: 25px !important;
}
.btn.btn-arrow{
	position: relative;
	color: #fff;
	margin-right: 35px;
}
.btn.btn-arrow.white{
	color: #000;
}
.btn.btn-arrow.white::before{
	color: #fff;
}

.btn.btn-arrow span{
	color: inherit;
	position: relative;
	z-index: 1
}
.btn.btn-arrow::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #1a1a18;
	z-index: 0;
	transition: width 0.3s;
}
.btn.btn-arrow.white::before{
	background-color: #fff;
}
.btn.btn-arrow::after{
	content: '';
	position: absolute;
	left: 100%;
	width: 21px;
	height: 21px;
	background-image: url('../images/icons/arrow.svg');
	transition: filter 0.3s;
	filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="1 0" /><feFuncG type="table" tableValues="1 0" /><feFuncB type="table" tableValues="1 0" /></feComponentTransfer></filter></svg>#filter');
	-webkit-filter: invert(1);
	filter: invert(1);
}
.btn.btn-arrow.white::after {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="0 1" /><feFuncG type="table" tableValues="0 1" /><feFuncB type="table" tableValues="0 1" /></feComponentTransfer></filter></svg>#filter');
	-webkit-filter: invert(0);
	filter: invert(0);    
}
.btn.btn-arrow:hover::before{
	width: calc(100% + 35px);
}
.btn.btn-arrow:hover::after{
	filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="0 1" /><feFuncG type="table" tableValues="0 1" /><feFuncB type="table" tableValues="0 1" /></feComponentTransfer></filter></svg>#filter');
	-webkit-filter: invert(0);
	filter: invert(0);
}
.btn.btn-arrow.white:hover::after{
	filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="1 0" /><feFuncG type="table" tableValues="1 0" /><feFuncB type="table" tableValues="1 0" /></feComponentTransfer></filter></svg>#filter');
	-webkit-filter: invert(1);
	filter: invert(1);
}
.small-text{
	font-size: 13.6px;
}
.h2{
	font-weight: 300;
	font-size: 2.5rem;
}
.font-weight-400{
	font-weight: 400!important;
}
.font-weight-300{
	font-weight: 300!important;
}
.link{
	color: #1a1a18;
	position: relative;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 13px;
	display: inline-block;
}
a,
a:hover,
a:focus{
	color: #1a1a18;
}
.link.small-link{
	font-size: 14px;
	font-weight: 300;
}
.link.link-arrow{
	padding-right: 25px;
}
.link.link-arrow:after{
	content: '';
	background-image: url('../images/arrow.svg');
	background-size: cover;
	width: 25px;
	height: 25px;
	display: inline-block;
	position: absolute;
	top: calc(50% - 1px);
	right: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transition: right 0.3s;
}
.link:hover{
	color: #1a1a18;
}
.link:hover.link-arrow:after{
	right: -4px;
}
.overflow-hidden{
	overflow: hidden;
}
.c-info {
    z-index: 10;
    font-weight: 300;
}
.c-mail i {
    font-size:18px;    
}
.c-phone i {
    font-size:21px;    
}
.banner-section-rag { 

}
.banner-section-rag .banner-img-wrap { 
    width: 165px;
}
.banner-section-rag .banner-img { 
    -webkit-transform: scale(2);
    transform: scale(2);
}
#home-slider, .slider{
	overflow: hidden;
	/*height: 821px;	*/
	height: calc(100vh - 10px);
}
.slider .slide{
	height: 100%;
	position: relative;
	z-index: 1;
}
.slider .slide .content{
	position: relative;
	margin-top: -50px;
	z-index: 3;
	pointer-events: none;
}
.slider .slide .bg-img{
	height: 100%;
	width: 100%;
}
.slider .slide .bg-img::after{
	content: "";
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(0,0,0,0.5);
	display: block!important;
}
.slider .slide .bg-holder{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
.slide-title{
	color: #fff;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	font-size: 4rem;
	font-weight: 400;
	line-height: 1.2;
	-webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.slide-subtitle{
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 1.3rem;
}
.slide-subtitle.big{
	font-size: 2.4rem;
}
.page{
	margin-top: 289px;
}
.custom-margin-body {
    margin-top: 120px !important;
}
.square-list li{
	list-style: square !important;
	list-style-position: outside;
	list-style-position: outside !important;
	line-height: 15px;
	margin-top: 7px;
}
.slick-slider-holder{
	position: relative;
}
.slick-custom-theme .slick-dots{
	width: unset;
	bottom: 5px;
	padding: 10px 30px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: transparent;
	transition: 0.3s;
}
.slick-custom-theme .slick-dots:hover,
.slick-custom-theme .slick-dots:focus{
	background-color: #1a1a18;
	padding: 25px 35px;
}
.slick-custom-theme .slick-dots li button::before{
	font-size: 12px;
	color: #fff!important;
	transition: 0.3s;
	opacity: 0.5;
}
.slick-custom-theme .slick-dots li button[aria-selected="true"]::before{
	font-size: 15px;
	transition: 0.3s;
	opacity: 1;
}
.slick-slider-holder .slick-arrow{
	position: absolute;
	z-index: 5;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 40px;
	height: 250px;
	background-color: #fff!important;
	color: #1a1a18;
	font-size: 25px;
	transition: 0.3s;
}
.slick-slider-holder .slick-arrow:hover,
.slick-slider-holder .slick-arrow:active{
	color: #fff!important;
	background-color: #1a1a18!important;
}
.slick-slider-holder .slick-arrow:focus{
	color: #1a1a18;
}
.slick-slider-holder .slick-prev.slick-arrow{
	left: 0;
}
.slick-slider-holder .slick-next.slick-arrow{
	right: 0;
}
.slick-slider-holder .slick-prev.slick-arrow::before{
	content: '\f104';
	font-family: 'fontawesome';
	color: inherit;
}
.slick-slider-holder .slick-next.slick-arrow::before{
	content: '\f105';
	font-family: 'fontawesome';
	color: inherit;
}
.bg-img{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 290px;
	position: relative;
}
.gallery .bg-img::after{
	content: '\f0b2';
	font-family: 'fontawesome';
	height: 0;
	width: 0;
	background-color: #fff;
	color: #1a1a18;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	top: 0;
	right: 0;
	transition: 0.3s;
	opacity: 0;
	visibility: hidden;
}
.bg-gray{
	background-color: #ededed;
}
.img-zoom:hover .bg-img::after{
	height: 62px;
	width: 62px;
	opacity: 1;
	visibility: visible;
}
.fancybox-is-open .fancybox-bg{
	background-color: #fff;
	opacity: 0.94;
}
.fancybox-inner .fancybox-button{
	background-color: transparent;
}
.fancybox-inner .fancybox-navigation .fancybox-button {
	background-color: #fff;
	opacity: 1!important;
	visibility: visible!important;
	padding: 0;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	top: 50%;
	width: 50px;
	height: 50px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.fancybox-inner .fancybox-infobar,
.fancybox-inner .fancybox-toolbar{
    right: 0;
    top: 0;
    opacity: 1;
    visibility: visible;
}
.tab-custom-nav .nav-link{
	font-family: "Ragusa360";
	color: #1a1a18!important;
	background-color: transparent!important;
	border-color: transparent!important;
	line-height: 1.2;
	font-size: 22px;
	font-weight: 300;
}
.tab-custom-nav .nav-link.active{
	font-weight: 600
}
.tab-custom-nav .nav-link span{
	position: relative;
	padding-bottom: 5px;
}
.tab-custom-nav .nav-link span::after{
	content: "";
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	border-top: 3px solid #1a1a18;
	transition: 0.3s;
}
.tab-custom-nav .nav-link.active span::after{
	bottom: 0;
	visibility: visible;
	opacity: 1;
}
.panorama-body .keys{
	background: transparent;
	right: 0;
	bottom: 20px;
}
.panorama-body .zoom_conrol{
	right: 37px;
	bottom: 120px;
}
.panorama-body .zoom_conrol #zoom_out .zoom{
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.content-to-top{
	background-color: #fff;
	position: relative;
	margin-top: -20vh;
	z-index: 3;
}
.fancybox-container{
	z-index: 100000!important;
}
.fancybox-container .fancybox-button{
	color: #333;
	width: 60px;
	height: 60px;
}
.fancybox-container .fancybox-button:hover,
.fancybox-container .fancybox-button:focus{
	color: #333;
}
.fancybox-button.fancybox-button--close svg{
	display: none;
}
.fancybox-button.fancybox-button--close::after{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	right: 0;
	transform: translateY(-50%) translateX(-50%);
	border-top: 4px solid black;
	width: 27px;
}
/*---Loader---*/
.loader-container{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 100000;
	transition: 0.4s opacity, 0.4s visibility;
	opacity: 1;
	visibility: visible;
}
.loader-container .element{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
}
.loader-container .element .top-layer{
	position: relative;
}
.loader-container .element .top-layer .layer-1,
.loader-container .element .top-layer .layer-2{
	width: 200px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
.loader-container .element .top-layer .layer-2{
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation-name: dotAnimation;
	        animation-name: dotAnimation;
	-webkit-animation-duration: 3s;
	        animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	        animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear;
}
.loader-container .element .bottom-layer .text-img{
	width: 200px;
}
@-webkit-keyframes dotAnimation{
	from{
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to{
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes dotAnimation{
	from{
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to{
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
.loader-container.done{
	opacity: 0;
	visibility: hidden;
}
.loader-container.done .element .top-layer .layer-2{
	-webkit-animation-iteration-count: 2;
        	animation-iteration-count: 2;
}
/*---Header---*/
.page header .navbar-brand .logo{
	filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="1 0" /><feFuncG type="table" tableValues="1 0" /><feFuncB type="table" tableValues="1 0" /></feComponentTransfer><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1.35" /><feFuncG type="linear" slope="1.35" /><feFuncB type="linear" slope="1.35" /></feComponentTransfer></filter></svg>#filter');
	-webkit-filter: invert(1) brightness(135%);
	filter: invert(1) brightness(135%);
}
.page header.animation-1 .navbar-brand .logo{
	-webkit-filter: none;
	filter: none;
}
.page header .navbar-toggler span{
	background-color: #1a1a18;
}
header.animation-1 .navbar{
	padding-top: 7px;
	padding-bottom: 7px;
}
header .navbar-brand .logo{
	width: 220px;
}
#layout-header{
	background-color: transparent;
	position: absolute;
	z-index: 9999;
	width: 100%;
	top: 20px;
	transition-delay: position 0.3s;
	left: 0;
	overflow-x: hidden;
}
#layout-header.animation-1{
	position: fixed;
	top: 0;
}
#layout-header .navbar::before{
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 101%;
	height: 100%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transition: opacity 0.2s;
	background-color: #1a1a18;
	opacity: 0;
}
#layout-header.animation-1 .navbar::before{
	opacity: 1;	
}
#layout-header .navbar-brand{
	z-index: 1;
}
#layout-header.animation-1  .navbar-brand .logo{
	width: 160px;
	fill: #fff;
}
.main-page header .navbar .navbar-nav .nav-link,
.main-page header .navbar .navbar-nav .active .nav-link{
	color: #fff;
}
.main-page header .navbar .navbar-nav .nav-link::before{
	border-color: #fff;
}
header .navbar .navbar-nav .nav-link,
header .navbar .navbar-nav .active .nav-link{
	color: #1a1a18;
	font-weight: 300;
	letter-spacing: 2px;
	text-transform: uppercase;
	position: relative;
	padding: 0;
	margin-right: 25px;
	font-size: 16px;
}
header .navbar .navbar-nav .nav-item:last-child .nav-link{
	margin-right: 0;
}
header.animation-1 .navbar .navbar-nav .nav-link{
	font-size: 14px!important;
	color: #fff!important;
	position: relative;
}
header .navbar .navbar-nav .nav-link::before{
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 0;
	border-top: 2px solid #1a1a18;
	transition: width 0.3s;
}
header .navbar .navbar-nav .nav-link.active::before{
	width: 100%;
}
header .navbar .navbar-nav .nav-link:hover::before{
	width: 100%
}
header .navbar .navbar-nav .nav-link::after{
	content: '';
	position: absolute;
	right: -17px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border-top: 1px solid #1a1a18;
	width: 10px;
}
header .navbar .navbar-nav .nav-item.no-dashr{
	margin-right: 0;
}
header .navbar .navbar-nav .nav-item.no-dash .nav-link::after{
	display: none;
}
header .navbar .navbar-nav .nav-item.active .nav-link::before{
	width: 100%;
}
header .subheader {
	background-color: #fff;
}
header.animation-1 .navbar .navbar-nav .nav-link::before{
	border-color: #fff!important;
}
header.animation-1 .subheader .title{
	font-size: 21px;
	display: none;
}
.main-page header .navbar .navbar-nav .nav-link::after{
	border-color: #fff;	
}
header.animation-1 .navbar .navbar-nav .nav-link::after{
	border-color: #fff;
}
header .navbar .navbar-nav .nav-item:last-child .nav-link{
	padding-right: 0;
}
header .navbar .navbar-nav .nav-item:last-child .nav-link:after{
	display: none;
}
.subheader{
	border-bottom: 1px solid #1a1a18;
}
.subheader .nav-tabs{
	border: none;
}
.subheader .nav-link{
	color: #1a1a18;
	font-family: "Oswald", sans-serif;
	padding: 0px;
	font-weight: 400;
	line-height: 24px;
	font-size: 19px;
	border: none;
	margin-right: 2em;
	position: relative;
	padding-bottom: 5px;
}
.subheader .nav-link.active{
	font-weight: 500;
}
.subheader .nav-link::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	border-top: 3px solid #1a1a18;
	bottom: 0;
	transition: 0.3s;
}
.subheader .nav-link.active::after{
	width: 100%;
}
.subheader a[data-toggle="tab"]{
	color: #1a1a18!important;
}
header.animation-1 .subheader{
	padding-top: 5px!important;
	padding-bottom: 5px!important;
}
header.animation-1 .subheader .subheader-element{
	margin-top: 5px!important;
	margin-bottom: 5px!important;
}
header .subheader .btn{
	opacity: 0;
}
header.animation-1 .subheader .btn{
	opacity: 1;
}
header.animation-1 .subheader-element .tabs-wrapper{
	margin-top: 8px;
}
.navbar-toggler{
	position: relative;
	width: 40px;
	padding: 0;
}
.navbar-toggler span{
	background-color: #fff;
	width: 40px;
	height: 4px;
	border-radius: 10px;
	display: block;
	position: relative;
	transition: transform 0.3s, top 0.3s 0.3s, opacity 0.3s 0.3s;
}
.navbar-toggler span.x{
	top: -6px;
	left: 0;
}
.navbar-toggler span.y{
	top: 0;
	left: 0;
	opacity: 1;
}
.navbar-toggler span.z{
	top: 6px;
	left: 0;
}
.rotate45{
	-webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.rotate-45{
	-webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
span.middle {
	transition: top 0.3s, transform 0.3s 0.3s, opacity 0.1s 0.3s;
}
span.x.middle{
	top: 4px;
}
span.y.middle{
	opacity: 0;
}
span.z.middle{
	top: -4px;
}
.navbar-toggler span.backwards{
	transition: transform 0.3s, top 0.3s 0.3s;
}
/*---Footer---*/
footer.bordered-footer{
	border-top: 4px solid #1a1a18;
}

footer .social-media li{
	margin-bottom: 7px;
}
footer .social-media .link{
	color: #1a1a18;
	font-weight: 300;
	font-size: 22px;
}
.copyright{
	color: #1a1a18;
	font-weight: 300;
	line-height: 1.7;
	font-size: 18px;
}
footer .list-navigation .link{
	position: relative;
	padding-bottom: 2px;
}
footer .list-navigation .link::after{
	content: '';
	border-top: 1px solid #1a1a18;
	width: 0;
	transition: width 0.3s;
	position: absolute;
	bottom: 1px;
	left: 0;
}
footer .list-navigation .link:hover::after{
	width: 100%;
}
/*---Home page---*/
.events-row .img-holder{
	position: relative;
	min-height: 300px;
	overflow: hidden;
}
.events-row .img-holder .bg-img{
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    transition: 0.4s;
    will-change: transform;
	filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.44882000000000005 0.50064 0.05054 0 0 0.14882 0.80064 0.05054 0 0 0.14882 0.50064 0.35054 0 0 0 0 0 1 0" /></filter></svg>#filter');
	-webkit-filter: grayscale(30%);
	filter: grayscale(30%);
}
.events-row .img-holder:hover .bg-img{
	-webkit-transform: translateX(-50%) translateY(-50%) scale(1.1);
	transform: translateX(-50%) translateY(-50%) scale(1.1);
	filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0" /></filter></svg>#filter');
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}
.form-group .form-control{
	border-radius: 0;
	font-size: 13px;
	padding: 8px 10px;
	border: none;
}
.form-group textarea.form-control{
	resize: none;
	height: 100px;
}
.form-group .form-control[readonly]{
	background-color: #fff;
}
.form-group .form-control:focus{
	box-shadow: none;
	border-color: #ced4da;
}
.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #cacaca;
}
.form-control::-moz-placeholder { /* Firefox 19+ */
  color: #cacaca;
}
.form-control:-ms-input-placeholder { /* IE 10+ */
  color: #cacaca;
}
.form-control:-moz-placeholder { /* Firefox 18- */
  color: #cacaca;
}
.form-control::placeholder{
	color: #cacaca;
}
.form-group select.form-control{
	-webkit-appearance: none;
    -moz-appearance: none;
}
.datepicker-wrapper{
	position: relative;
}
.datepicker-wrapper::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #fff;
}
.datepicker-wrapper::after{
	content: '\f073';
	font-family: 'fontawesome';
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.datepicker-wrapper #datepicker.form-control{
	background-color: transparent;
	position: relative;
	z-index: 2;
}
.select-wrapper{
	position: relative;
}
.select-wrapper::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #fff;
}
.select-wrapper::after{
	content: '\f078';
	font-family: 'fontawesome';
	font-size: 15px;
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.select-wrapper select.form-control{
	background-color: transparent;
	position: relative;
	z-index: 2;
}
.social-media .link{
	font-size: 21px;
}
.contact-section form .text-danger{
	margin-left: 4px;
	margin-top: 2px;
}
.contact-section form .alert{
	border-radius: 0;
	padding-left: 10px;
	padding-right: 10px;
}
.contact-section form .alert p{
	margin-bottom: 0;
}
#accordion .card{
	border-radius: 0;
}
#accordion .card .card-header{
	background-color: #1a1a18;
	border-radius: 0;
	padding: 0!important;
}
#accordion .card .card-header a{
	color: #fff!important;
	padding: .75rem 1.25rem;
	display: inline-block;
	margin-bottom: 0;
}
.bg-black{
	background-color: #1a1a18;
}
p.copyright{
	line-height: 1.3;
}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover{
	color: #1a1a18;
}
.tab-menu-content .tab-pane{
	display: none;
}
.tab-menu-content .tab-pane.show{
	display: block;
}
#accordion .card-header{
	position: relative;
}
#accordion .card-header a{
	display: block;
	width: 100%;
	position: relative;
}
#accordion .card-header a::after{
	content: '\f107';
	font-family: 'fontawesome';
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(0deg);
	transform: translateY(-50%) rotate(0deg);
	right: 20px;
	transition: 0.3s;
	color: #fff;
	font-size: 20px;
}
#accordion .card-header a.active::after{
	-webkit-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
}
.seo-title{
	position: absolute;
	z-index: -1;
	font-size: 0;
	align-items: 0;
	height: 0;
	width: 0;
	overflow: hidden;
	left: -100%;
	top: -100%;
}
/*damjan-ragusa919*/
#home-slider .panorama-body::after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,0.5);
	z-index: 2;
}
.panorama-body #panoramaImage{
	object-fit: cover;
	object-position: center;
	height: 100%;
	width: 100%;
}

.panorama-body .video-wrapper {
    position: relative;
    background-size: cover;
    background-position: 50% 50%;
    height: 100%;
    z-index: 0;    
}
.panorama-body .video-wrapper video{
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;  
}
/* BM */
.z-index-3 {
    z-index: 3;   
}

.lottie_image_wrapper {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(max(10rem, 10vw), 1fr));
	grid-gap: max(1rem, 3.5vw);
}