@import url("animations.css");

/*
font-family: 'Libre Baskerville', serif;
font-family: 'Source Sans Pro', sans-serif;
*/

:root {
  --dark: #007b8b;
  --darker: #00191c;
  --darkest: #000;
  --light: #eee;
  --white: #fff;
  --lighter: #dfe2ea;
  --yellow: #fff500;
  --gold: #fdd458;
  --topbar: #00191c;
  --blue-light: #00ffff;
  --menu-hover: #007b8b;
  --footer-text: #668c91;
  --footer-link: #00ffff;
  --btn: #007b8b;
  --btn-hover: #00191c;
}

html {
	width: 100%;
	height: 100%;
	min-width: 360px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
}
/* *{ border: 1px solid red; } */
body {
	position: relative;
	width: 100%;
	height: 100%;
	background: var(--darker);
	color: #fff;
	font-weight: 300;
	min-width: 360px;
}

* {
	/* -webkit-border-radius: 0px !important; */
	/* -moz-border-radius: 0px !important; */
	/* border-radius: 0px !important; */
	margin: 0;
	padding: 0;
}

.anchor {
	scroll-margin-top: 50px;
}

img,
picture,
video,
svg,
canvas {
	display:block;
	/* max-width: 100%; */
	user-select: none;
}

/* :link { color: #ffd820; } */
/* :visited { color: #73ffff; } */

a, a img, .submit input, input.submit, a.alpha, a.btn span, button,
a.img-col .overlay, .btn, li.nav-item a { 
	transition: .3s ease-out;
	-moz-transition: .3s ease-out;
	-webkit-transition: .3s ease-out;
	-o-transition: .3s ease-out;	
}
a:hover, a:hover img, .submit input:hover, input.submit:hover, a.alpha:hover, a.btn:hover span, button:hover,
a.img-col:hover .overlay, .btn:hover, li.nav-item:hover a { 
	transition: .15s ease-in;
	-moz-transition: .15s ease-in;
	-webkit-transition: .15s ease-in;
	-o-transition: .15s ease-in;
}

img { 
	border: none; outline: none; display:block;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	transform: rotate(0);
	font-size: 1em;
	transform: translateZ(0);
}
img::selection { background: transparent; }
img::-moz-selection { background: transparent; }
a { 
	color:#74e800; text-decoration:none;
}
a:hover { color:#fff;  }
a img {
	display:block;
	-webkit-backface-visibility: hidden;
}
a:hover img { opacity: 0.6; }
/* a:focus, a:hover { text-decoration: underline; } */

p, li, a, em.icn { font-size: 1.38rem; font-weight: 300;}
h1, h2, h3, h4, h5, h6, 
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 700;
  margin: 0 0 1rem;
}
h1, .h1 { font-weight: 600; font-size: 3.5rem; letter-spacing: 4px; }
h2, .h2 { font-weight: 600; font-size: 2.5rem; letter-spacing: 4px; }
h2.h2-lg { font-weight: 600; font-size: 3.5rem; }
h2.mb-4 { margin-bottom: 1.75rem !important; }
h3, .h2 { font-weight: 600; font-size: 2rem; }
h4, h5, h6, p.h4, p.h5, p.h6 { font-weight: 400; }
h4, .h4 { font-size: 1.5rem; margin-bottom: 1em; }
h5, .h5 { font-size: 1.125rem; margin-bottom: 1rem; }
h6, .h6 { font-size: 1rem; }

.dance, h1.dance, h2.dance, h3.dance { font-family: 'Libre Baskerville', serif !important; font-weight: 200 !important;}
h1.dance { font-size: 5rem; }
h2.dance { font-size: 4.5rem; }
h3.dance { font-size: 4rem; }

strong, .strong { font-weight: 700 !important; }
.stronger { font-weight: 900 !important; }
.normal, .fw-normal { font-weight: 400 !important; }
.light, .fw-light { font-weight: 300 !important; }
.lighter, .fw-lighter { font-weight: 200 !important; }
.italic { font-style: italic; }

.tt-up { text-transform: uppercase; }
.tt-c { text-transform:capitalize; }
.tt-none { text-transform:none; }
.posr { position:relative; }

.fz-2xs { font-size: .5rem !important; }
.fz-xs { font-size: .75rem !important; }
.fz-sm { font-size: .85rem !important; }
.fz-default { font-size: 1rem !important; }
.fz-md { font-size: 1.15rem !important; }
.fz-lg { font-size: 1.25rem !important; }
.fz-xl { font-size: 1.5rem !important; }
.fz-2xl { font-size: 2rem !important; }
.fz-3xl { font-size: 2.5rem !important; }
.fz-4xl { font-size: 3rem !important; }
.fz-5xl { font-size: 3.5rem !important; }

.bg-dark { background: var(--dark) !important;}
.bg-darker { background: var(--darker) !important;}
.bg-black { background: #000 !important;}
.bg-dark-70 { background: rgba(0, 0, 0, 0.7); }
.bg-dark-80 { background: rgba(0, 0, 0, 0.8); }
.bg-dark-1-transp { background: rgba(0,0,0, 0.1) !important;}
.bg-dark-2-transp { background: rgba(0,0,0, 0.2) !important;}
.bg-dark-3-transp { background: rgba(0,0,0, 0.3) !important;}
.bg-dark-5-transp { background: rgba(0,0,0, 0.5) !important;}
.bg-dark-6-transp { background: rgba(0,0,0, 0.6) !important;}
.bg-dark-7-transp { background: rgba(0,0,0, 0.7) !important;}
.bg-dark-8-transp { background: rgba(0,0,0, 0.8) !important;}
.bg-dark-transp { background: rgba(0,0,0, 0.8) !important; }
.bg-blue { background: #002db3 !important; }
.bg-green { background: #028200 !important; }
.bg-green-light { background: #a6ff4c !important; }
.bg-purple { background: #500592 !important; }
.bg-yellow { background: #ffd100 !important; }
.bg-yellow-dark { background: #dfb800 !important; }
.bg-yellow-light { background: #fff7d1 !important; }
.bg-gold { background: var(--gold) !important; }
.bg-gold2 { background: #d0a968 !important; }
.bg-red { background: #f30401 !important; }
.bg-red-dark { background: #a00101 !important; }
.bg-white { background: #fff; }
.bg-white-1-transparent { background: rgba(255,255,255, 0.1) !important;}
.bg-white-2-transparent { background: rgba(255,255,255, 0.2) !important;}
.bg-white-3-transparent { background: rgba(255,255,255, 0.3) !important;}
.bg-light { background: var(--light) !important; }
.bg-lighter { background: var(--lighter) !important; }
.bg-light-gradient { 
	background: #fff !important;
	background: linear-gradient(to bottom, #fff , var(--light)) !important;
}
.bg-gold-gradient { 
	background: #fff !important;
	background: linear-gradient(to bottom, #fff , #a07e40) !important;
}
.bg-gradient-1 {
	background: #ff008d !important;
	background: linear-gradient(0deg, #ff008d , #1a0f1c 50%) !important;
}
.bg-dark-gradient-transp {
	background: #000 !important;
	background: linear-gradient(to right, rgba(0,0,0, 1) , rgba(0,0,0, 0)) !important;
}
.bg-image { background: url(../img/bg-1.jpg) center center no-repeat !important; background-size: contain; background-attachment:fixed !important; }
.bg-image.intro { background: url(../img/uploads/intro-bg.jpg) center center no-repeat !important; background-size: contain; }
.bg-image.about { background: url(../img/uploads/about-bg.jpg) right center no-repeat !important; background-size: auto 140% !important; }
.bg-image.contact { background: url(../img/uploads/contact-bg.jpg) left center no-repeat !important; background-size: auto 160% !important; }
.bg-white.bg-image { background-color: #fff !important; }
.bg-black.bg-image { background-color: #000 !important; }
.bg-light.bg-image { background-color: var(--light) !important; }
.bg-dark.bg-image { background-color: var(--dark) !important; }
.bg-darker.bg-image { background-color: var(--darker) !important; }
.bg-image.fixed { background-attachment:fixed !important; }

.text-dark { color: var(--darker);}
.text-gold { color: var(--gold);}
.text-blue-light { color: var(--blue-light);}
.text-white-5-transp { color: rgba(255,255,255,0.5);}
.text-white-6-transp { color: rgba(255,255,255,0.6);}
.text-white-7-transp { color: rgba(255,255,255,0.7);}
.text-white-8-transp { color: rgba(255,255,255,0.8);}

.lh-13 { line-height: 1.3; }
.lh-14 { line-height: 1.4; }
.lh-15 { line-height: 1.5; }
.lh-16 { line-height: 1.6; }
.lh-17 { line-height: 1.7; }
.lh-18 { line-height: 1.8; }
.lh-19 { line-height: 1.9; }

.bd { border: 1px solid #ccc; }
.bdb { border-bottom: 1px solid rgba(0, 0, 0, 0.5);}
.bdt { border-top: 1px solid rgba(0, 0, 0, 0.5); }
.bd-3 { border-width: 3px !important; }
.bd-2 { border-width: 2px !important; }
.bd-4 { border-width: 4px !important; }
.bd-5 { border-width: 5px !important; }
.bd-6 { border-width: 6px !important; }
.bd-14 { border-width: 14px !important; }
.bd-12 { border-width: 12px !important; }
.bd-white { border-color: #fff; }
.bd-white-transp { border-color: rgba(255,255,255,0.1) !important; }
.bd-white-2-transp { border-color: rgba(255,255,255,0.2) !important; }
.bd-dark { border-color: #000; }
.bd-dark-transp { border-color: rgba(0,0,0,0.1) !important; }
.bd-darker { border-color: #000; }
/* .bg-dark .bd, .bg-dark .bdt, .bg-dark .bdb { border-color: rgba(255, 255, 255, 0.3); } */
.bd-red { border-color: #ff3030 !important; }
.bd-pink { border-color: #e04655 !important; }
.bd-yellow { border-color: #ffc107 !important; }
.bd-gold { border-color: var(--gold) !important; }
.bg-dark .bd-gold,
.bg-dark.bd-gold,
.bg-darker .bd-gold,
.bg-darker.bd-gold { border-color: var(--gold) !important; }
.bd-blue-light { border-color: var(--blue-light) !important; }
.bd-green-light { border-color: #a6ff4c !important; }
.bd-dashed { border-style: dashed; }
.bdt-dashed { border-top-style: dashed; }
.bdb-dashed { border-bottom-style: dashed; }
.nobd { border: none !important; }

.btn-main, .btn-outline-main { 
	border: 2px solid var(--btn);  
	background:  var(--btn) !important; color:#000; 
	border-radius: 100px;
	padding: .7rem 2rem;
	font-family: 'Libre Baskerville', serif; font-weight: 700; text-transform:uppercase; 
	letter-spacing: 2px;
}
.btn-main:hover { background: transparent !important; color: var(--btn); }

.btn-outline-main { background: transparent !important; color: var(--btn);  }
.btn-outline-main:hover { background:  var(--btn) !important; color:#000;  }

.bg-light .btn-main, .bg-white .btn-main {
	background:  var(--dark) !important; color:#fff; border-color: var(--dark);
}
.bg-light .btn-main:hover, .bg-white .btn-main:hover {
	background:  #fff !important; color: var(--dark);
}
.bg-light .btn-outline-main, .bg-white .btn-outline-main {
	background:  #fff !important; color: var(--dark); border-color: var(--dark);
}
.bg-light .btn-outline-main:hover, .bg-white .btn-outline-main:hover {
	background:  var(--dark) !important; color: #fff;
}
.bg-dark .btn-outline-main {
	background:  #fff !important; color: var(--dark); border-color: var(--dark);
}
.bg-dark .btn-outline-main:hover {
	background:  var(--btn) !important; color: #fff;
}
.btn-main.btn-lg { font-size: 1.3rem; font-weight: 400;  }
.btn-icon { padding: 0 .5rem;  border-color: transparent; opacity: 1;}
.btn-icon:hover { opacity: .5; }

.form-group { margin-bottom: 1rem;}
.bg-white form input, .bg-light form input,
.bg-white form textarea, .bg-light form textarea { border-color: rgba(0,0,0, 0.3) !important; color: var(--darker); }
.bg-white form input:focus, .bg-light form input:focus,
.bg-white form textarea:focus, .bg-light form textarea:focus { background: transparent !important; border-color: rgba(0,0,0, 0.6) !important; }
.bg-dark form input, .bg-dark form textarea { background: #0e924c !important; border-color: rgba(255,255,255, 0.3) !important; color: #fff !important; }
.bg-dark form input:focus, .bg-dark form textarea:focus { background: transparent !important; border-color: rgba(255,255,255, 0.6) !important; }
label.error { 
	color: #ff6262 !important;
    padding: .5rem;
    border: 1px solid #ff6262;
    margin-top: 7px;
}
.bg-white label.error, .bg-light label.error { color: var(--darker) !important; border-color: var(--darker); }
.bg-dark label.error { color:#fff500 !important; border-color:#fff500; }

.w-30 { width: 30%; }
.w-35 { width: 35%; }
.w-40 { width: 40%; }
.w-45 { width: 45%; }
.w-60 { width: 60%; }
.w-65 { width: 65%; }
.w-70 { width: 70%; }
.w-80 { width: 80%; }
.w-90 { width: 90%; }

/* margin styling */
.mt-10 {margin-top: 10px !important;} .mt-15 {margin-top: 15px !important;}
.mt-20 {margin-top: 20px !important;} .mt-25 {margin-top: 25px !important;}
.mt-30 {margin-top: 30px !important;} .mt-35 {margin-top: 35px !important;}
.mt-40 {margin-top: 40px !important;} .mt-45 {margin-top: 45px !important;}
.mt-50 {margin-top: 50px !important;} .mt-55 {margin-top: 55px !important;}
.mt-60 {margin-top: 60px !important;} .mt-65 {margin-top: 65px !important;}
.mt-70 {margin-top: 70px !important;} .mt-75 {margin-top: 75px !important;}
.mt-80 {margin-top: 80px !important;} .mt-85 {margin-top: 85px !important;}
.mt-90 {margin-top: 95px !important;} .mt-95 {margin-top: 95px !important;}
.mb-10 {margin-bottom: 10px !important;} .mb-15 {margin-bottom: 15px !important;}
.mb-20 {margin-bottom: 20px !important;} .mb-25 {margin-bottom: 25px !important;}
.mb-30 {margin-bottom: 30px !important;} .mb-35 {margin-bottom: 35px !important;}
.mb-40 {margin-bottom: 40px !important;} .mb-45 {margin-bottom: 45px !important;}
.mb-50 {margin-bottom: 50px !important;} .mb-55 {margin-bottom: 55px !important;}
.mb-60 {margin-bottom: 60px !important;} .mb-65 {margin-bottom: 65px !important;}
.mb-70 {margin-bottom: 70px !important;} .mb-75 {margin-bottom: 75px !important;}
.mb-80 {margin-bottom: 80px !important;} .mb-85 {margin-bottom: 85px !important;}
.mb-90 {margin-bottom: 95px !important;} .mb-95 {margin-bottom: 95px !important;} 

.mt-neg-10 {margin-top: -10px !important;} .mt-neg-15 {margin-top: -15px !important;}
.mb-neg-10 {margin-bottom: -10px !important;} .mt-neg-15 {margin-top: -15px !important;}

.pt-65 {padding-top: 65px !important;}

/* .trans-all { transition: all 0.3s ease-in; } */
/* .trans-all:hover { transition: all 0.5s ease-out; } */

.row-flex {
  display: flex;
  flex-wrap: wrap;
}

.posr { position:relative; }


.hide { display:none !important; }
.show { display: block; }
.visible { visibility:visible !important; }
.invisible { visibility:hidden !important;}

.f-mobile { display: none !important; }
.f-desktop { display: block !important; }
.stop-scrolling {
	height: 100%;
    overflow: hidden;
}

.link { 
	padding-bottom: .25rem; border-bottom: 1px solid transparent; 
	transition: all 0.3s ease-in;
}
.link:hover { 
	color:#fff;
	border-color: #fff; 
	transition: all 0.5s ease-in-out;
}
.gmap {
	opacity: 0.3;
	min-height: 450px;
}
.gmap:hover { opacity: 1;}
.gmap iframe {
	max-width: 100%;
	border: 0;
    margin: 0;
    padding: 0;
    display: block;
}
.overlay { 
	position:absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; 
	background: rgba(0, 0, 0, 0.5);
}


/** Site Specific ----> */
.logo { width: 100px; height:auto; max-height: 100px; padding: 0 0; padding-right: 200px;}
.logo a { width: 65px; height: 74px; }

#topBar { 
	padding: 0.84rem 2rem; 
	background: var(--darker);
	z-index:99;
	position:absolute;
	width: 100%;
	top: 0; left: 0;
}
#topBar.topbar-fixed { position:fixed; border-bottom: 2px solid var(--gold);}
#topBar.topbar-fixed #mainNav { padding: 0 !important; }
#navWrapper { overflow: hidden;}

#mainNav {  }
#navToggle { display: none; }
#mainNav ul.navbar-nav {  display: flex; flex-direction: row; justify-content: flex-end; align-items: center; }
#mainNav ul.navbar-nav li.nav-item {  margin-left: 1rem; }
#mainNav ul.navbar-nav li.nav-item a.nav-link {  
	text-transform:capitalize;
	color:#fff; color: rgba(255,255,255, 1); 
	padding: .25rem 1rem; 
	line-height: 1.5;
	font-family: 'Libre Baskerville', serif;
	font-weight: 400;
	font-size: 16px;
	letter-spacing: 2px;
}

#mainNav ul.navbar-nav li.nav-item a.nav-link:hover,
#mainNav ul.navbar-nav li.nav-item a.nav-link.active {  
	color: #fff;
	background: var(--dark);
}

#mainMobileNav { position: fixed; top:0; left: 0; display:block; width: 100%; height: 0; overflow:hidden; z-index: 999; background: var(--topbar); color:#fff; opacity: 0;}
#mainMobileNav.show-nav { height: 100vh; opacity: 1; }
#mainMobileNav ul.navbar-nav { margin: 0;  padding: 0; display: flex; flex-direction: column; align-items: center; }
#mainMobileNav ul.navbar-nav li.nav-item { margin: 0; margin-bottom: 1rem; text-align:center; }
#mainMobileNav ul.navbar-nav li.nav-item a.nav-link {  
	text-transform: capitalize; 
	color:#fff; color: rgba(255,255,255,1); 
	padding: .25rem 1rem; line-height: 1.5;
	font-size: 1.5rem;
	font-family: 'Libre Baskerville', serif;
	font-weight: 400;
}
#mainMobileNav ul.navbar-nav li.nav-item a.nav-link:hover,
#mainMobileNav ul.navbar-nav li.nav-item a.nav-link.active {  
	background: var(--dark); color: #fff;
	border-radius: 40px;
	padding-left: 2rem;
	padding-right: 2rem;
	border-radius: 0 !important;
}
ul.navbar-nav li.nav-icon a {  
	opacity: 1;
	display: flex;
	align-items: center;
}
ul.navbar-nav li.nav-icon a:hover,
ul.navbar-nav li.nav-icon a.active {  
	opacity: 0.5;
}

#navToggle .btn { background: transparent; border-width: 3px; border-color:#fff; border-color: rgba(255,255,255, 0.3); border-radius: 0 !important; }
#topBar #navToggle .btn:hover { background: #000; border-color: var(--blue-light); }
#topBar #navToggle .btn:hover em { color: var(--blue-light) !important; }
.animate-menu-item {
	animation: slideFromLeft 0.5s ease-in-out both, fadeIn 1 ease-in-out both;
}

#masthead { padding-top: 86px; min-height: 50vh; position:relative; background: var(--darker) !important; overflow:hidden; }
#masthead.header-sm { height: 356px; }

#intro { display: flex; flex-direction: column; justify-content: center; align-items: center; position:absolute; z-index: 0; top: 80px; bottom: 0; left: 0; right: 0; margin: auto; width: 100%; text-align:center; background: #0b7e41; background: rgba(11,126,65,0.6); }
#intro .intro-content { width: 100%; margin: 0 auto;  padding: 50px 0; z-index: 2; }
#intro h1 { font-size: 4.5rem; }
#intro p { font-size: 1.2rem; font-weight: 300px; }
#intro .btn-main { font-size: 1.2rem;  }

.content-section { padding: 5rem 0; }
.content-section.pb-0 { padding-bottom: 0; }

.card {
	padding: 3rem 1rem 2rem;
	border:none;
	margin-bottom: 0;
}
.card-icon {
	background: var(--btn);
	padding: 1rem;
	color:#fff;
	display:inline-block;
	width: 115px;
	height: 115px;
	border-radius: 100%;
	margin: 0 auto;
	margin-top: -110px;
	margin-bottom: 20px;
}
.card-icon .icn { font-size: 5rem; line-height: 1; }

#footer { padding: 4rem 0; }
#footer li, #footer p, #footer em, #footer .text-faded { color:#fff; font-size: 1rem; }
#footer a { color: var(--blue-light); font-size: 1rem; }
#footer a:hover { color: var(--blue-light); text-decoration:underline; }

.rounded { border-radius: 14px !important;}
.rounded-sm { border-radius: 8px !important;}
.rounded-md { border-radius: 12px !important;}
.rounded-lg { border-radius: 20px !important;}
/** <---- */

/** images ----> */
.img-styled { border: 1px solid #fff;}
.bg-dark .img-styled,
.bg-darker .img-styled { border: 1px solid #000; }
.bg-darker .img-styled { border-color: #333339; }
.bg-white .img-styled,
.bg-light .img-styled,
.bg-light-gradient .img-styled { 
	border: 1px solid #616161; 
	/*
	-webkit-box-shadow: 0px 0px 18px -4px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 18px -4px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 18px -4px rgba(0,0,0,0.75);
	*/
}
.image-wrapper--16-9 {
  position: relative;
  padding-bottom: 56.2%;
}

.image-wrapper--16-9 img {
  position: absolute;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

/** <---- */

/** gallery ----> */
.gallery {  }
.responsive-flex-images {
  display: flex;
  flex-wrap: wrap;
  padding: 0px 6px 12px 6px;
  background: #fff;
}

.column {
  flex: 12.5%;
  max-width: 12.5%;
  padding: 0 6px;
}

.column img {
  vertical-align: middle;
  margin-top: 12px;
  /* filter: grayscale(70%); */
}

.column:nth-child(even) {
  display: flex;
  flex-direction: column-reverse;
}
/** <---- */

/** icons ----> */
.icon { display:inline-block; min-width: 64px; padding: 1rem 1rem; text-align:center; line-height: 0; }
.icon.--lg { width: 114px; padding: 1rem 1rem; text-align:center; line-height: 0; }
.icon em { font-size: 2rem; line-height: 1;  }
.icon.--lg em { font-size: 2rem; line-height: 1; }
.svg-icon { display: inline-block; width: 24px; height: 24px; position:relative; box-sizing: content-box;}
.svg-icon::after { content: ""; position:absolute; width: inherit; height: inherit; top: 0; left: 0; display:block; background: transparent; background-size: cover;   }
.svg-icon.--lang-hu::after { background-image: url(../img/svg/lang-hu.svg);  }
.svg-icon.--lang-ro::after { background-image: url(../img/svg/lang-ro.svg);  }
/*
.icon em::after { content: url(../img/icons/map-marker.svg); position:absolute; width: 100% !important; height: auto !important; display:block; color:#fff;  }

.icon-green {
    filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(118%) contrast(119%);
}
*/
ul.icon-list { list-style:none; padding: 0; margin: 0; display:inline-block; }
/* ul.icon-list .icn { color:#000;  } */
ul.icon-list li { list-style: none; display: flex; justify-content: flex-start; align-items: center; gap: 1rem; }
ul.icon-list li span { text-align:left; }
ul.icon-list li, ul.icon-list .icn { line-height: 1.5; }
/** <---- */

/** main preloader ----> */
#preloader {
	background: var(--darker);
	width: 100%;
    height: 100vh;
    position: fixed;
    z-index: 9999999;
    display: block;
    top: 0;
    left: 0;
	opacity: 1;
	display:block;
}
#preloader.hide-preloader {
    /* height: 0; */
	opacity: 0;
	/* display:none; */
}
/* <---- */

/** Form loader ----> */
.loading {
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 3px solid rgba(255,255,255,.3);
  border-radius: 50% !important;
  border-top-color: #fff;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
/* <---- */
/* Custom Layout Components----> */
.slide-img {
	position: relative;
	padding-bottom: 56.2%;
}

.img-text-layout {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap: 2rem;
}
.img-text-layout .layout-item { padding: 0;}
.img-text-layout .img { }
.img-text-layout .max-400 { max-width: 400px; }
.img-text-layout .max-500 { max-width: 500px; }
.img-text-layout .text {  }

.footer-layout {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: flex-start;
	/* align-content: space-between; */
	gap: 30px 50px;
}
.footer-layout .layout-item { padding: 0;}

/* Video */
.video-wrapper {
	width: 100%;
	height: auto;
	max-width: 1280px;
	border: 14px solid #fff;
	background: #00191c;
}
.video-fluid-wrapper { overflow:hidden; }
.video-fluid-wrapper video { margin: 0 !important; padding: 0 !important;}
.video-fluid-wrapper video:focus { outline: none;}
.video-fluid { max-width: 100%; height: auto;}
.modal-video .video-fluid-wrapper { height: 100%; display: flex; justify-content: center; }
.modal-video .video-fluid-wrapper video { margin: auto !important; }
/**/

/* Custom Modal Styles*/
.modal-overlay-close-btn { 
	position:absolute; top: -15px; right: -15px; border-radius: 6px; background: var(--dark); color:#fff; min-width: 33px; min-height: 33px; border: 2px solid #fff;
}
.modal-overlay-close-btn:hover { border-color: #fff; background: var(--darker); }
.modal-fullscreen .modal-overlay-close-btn { top: 15px; right: 15px; }

.modal-content.bg-black .modal-footer { border-color: rgba(255, 255, 255, 0.1);}
/**/

#contactForm {}
#contactForm input,
#contactForm textarea { background: #000; color:#fff; border-color: rgba(255, 255,255, 0.2); font-size: 1.2rem; }

.video-thumb-btn { border: 12px solid #fff; filter: saturate(1); background: var(--darker); }
.video-thumb-btn img { opacity: 1;}
.video-thumb-btn:hover { filter: saturate(0); }
.video-thumb-btn:hover img { opacity: .8;}
.divider-for-mt-neg { height: 300px;}
.mt-neg { margin-top: -300px;}
.bsh {
	box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}

.bg-darker .alert.alert-success { background: transparent !important; color: var(--blue-light); border-color: var(--blue-light);  }

/* <---- */

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  }

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {  }

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) {  }

/* // X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  }

/* // XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {  }

@media (max-width: 1399px) {
	.column {
		flex: 25%;
		max-width: 25%;
	  }
}
@media (max-width: 1199px) {
	.slide-img { padding-bottom: 0; height: 80vh;}
}
@media (max-width: 991px) {
	.card { margin-bottom: 125px; }
	.card.mb-0 { margin-bottom: 0; }
	.img-text-layout {
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}
	.img-text-layout .layout-item { padding: 0; }
	.img-text-layout .layout-item:last-child { padding-bottom: 0; }
	#mainNav { display:none; }
	#navToggle { display: block; }
	#topBar { padding: 0.77rem 2rem; }
	#navWrapper { padding-top: 0px;}
	
	.divider-for-mt-neg { height: 200px;}
	.mt-neg { margin-top: -200px;}
	.bg-image.contact { background-image: url(../img/uploads/contact-bg-mobile-rv.jpg) !important; background-position: right bottom !important; background-size: auto 80% !important; }
}
@media (max-width: 767px) {
	.f-mobile { display: block !important; }
    .f-desktop { display: none !important; }
	
	#masthead .slide-img { background-size: cover !important; }
	/* #intro .intro-content { min-width: auto; margin: 0 1rem; } */
	
	p, li, a, em.icn, form input, form textarea, #contactForm input, #contactForm textarea, #contactForm label { font-size: 1.1rem; font-weight: 300;}
	h1 { font-size: 3rem;}
	h1, p.h1 { font-size: 3rem; }
	h2, p.h2 { font-size: 2rem; }
	h3, p.h3 { font-size: 1.6rem; }
	h4, p.h4 { font-size: 1.4rem; }
	
	h1.dance { font-size: 3.5rem; }
	h2.dance { font-size: 3.2rem; }
	h3.dance { font-size: 2.8rem; }
	.fz-sm { font-size: 1rem !important;}
	 .column {
		flex: 25%;
		max-width: 25%;
	  }
	  
	  .slide-img { padding-bottom: 0; height: 60vh;}
	  
	  .divider-for-mt-neg { height: 150px;}
	.mt-neg { margin-top: -150px;}
	.video-thumb-btn { border: 10px solid #fff; }
	
}
@media (max-width: 575px) {  
	.container { padding-left: 20px; padding-right: 20px;}
	
	.column {
		flex: 50%;
		max-width: 50%;
	  }
	  .slide-img { padding-bottom: 0; height: 52vh;}
	  .video-thumb-btn { border: 8px solid #fff; }
	  .bg-image.intro { background-position: 30% center !important; }
	  .bg-image.about { background-position: 80% center !important; background-size: auto 100% !important; }
	  
	  .responsive-flex-images { padding: 0px 4px 8px 4px; }

		.column { padding: 0 4px; }

		.column img { margin-top: 8px; }
}
@media (max-width: 383px) {  
	
	/* .column { */
		/* flex: 100%; */
		/* max-width: 100%; */
	  /* } */
	  .slide-img { padding-bottom: 0; height: 42vh;}
	  
	   .divider-for-mt-neg { height: 120px;}
		.mt-neg { margin-top: -120px;}
	  .video-thumb-btn { border: 6px solid #fff; }
	  .bg-image.contact { background-size: auto 70% !important; }
}



@media (min-width: 576px) and (max-width: 767px) { .fb-reviews .inner-content { padding: 10px 25px; } }
@media (min-width: 768px) and (max-width: 991px) {  }
@media (min-width: 992px) and (max-width: 1199px) {  #mainNav ul li { margin-left: .5rem !important;} }

@media (max-width: 1199px) {  }

@media (max-width: 1399px) {  }