/* Add here all your CSS customizations */

h1 {
	background-image: linear-gradient(
		to right,
		transparent,
		#dbdbdb,
		transparent
	);
	border: 0;
	height: auto;
}

.fc-slides {
	padding-top: 2em !important;
}

.logo {
	width: 25em !important;
	height: auto !important;
}

.owl-item {
	padding: 0 1em;
}

#footer {
	background: #444444;
}

footer p {
	color: white;
}

.fa {
	transition: all 0.5s;
}

.section-custom-map {
	background: none !important;
	padding: 0 !important;
}

#footer .footer-copyright {
	margin-top: 0;
}

/* .owl-carousel .owl-item,
.owl-carousel .owl-item img {
    height: 90px;
    width: auto !important;
    max-width: none;
} */

section.section.section-video {
	background: black !important;
}

.float-left {
	float: left;
}

.parallax-background {
	height: 110% !important;
	background-size: contain !important;
	background-repeat: no-repeat;
}

.h-100 {
	height: 100% !important;
}

i.fa.fa-phone {
	transition: all 0.5s ease-in;
	animation: alert 1.5s infinite;
}

i.fa.fa-envelope-o {
	transition: all 0.5s ease-in;
	animation: alert 1.5s infinite;
	transition-delay: 1s;
}

.featured-box ul {
	text-align: left;
}

.row-centered {
	text-align: center;
}

.col-centered {
	float: none;
	display: inline-flex !important;
	/* reset the text-align */
	text-align: center;
	/* inline-block space fix */
}

.panel-default {
	background-color: transparent;
}

.panel-default > .panel-heading {
	background-color: #252525;
}

.cimg {
	height: 60px;
	width: auto !important;
	display: block;
	margin: auto;
}

#box {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 400px;
	height: 200px;
	color: white;
	font-family: 'Raleway';
	font-size: 2.5rem;
}

.frame {
	height: 120px;
	/*can be anything*/
	width: 90%;
	/*can be anything*/
	display: inline-block;
	vertical-align: top;
	/*not required*/
	/*not required*/
	position: relative;
}

.frame img {
	max-height: 100%;
	max-width: 100%;
	width: auto;
	height: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.embed-responsive-item {
	max-height: 350px;
}

.dimg {
	width: 90%;
}

.col-centered .img-responsive {
	margin: 0 auto;
	max-height: 8em;
}

.table .thead-dark th {
	color: #fff;
	background-color: #343a40;
	border-color: #454d55;
}

  
  table {
	text-align: left;
	position: relative;
	border-collapse: collapse; 
  }
  th, td {
	padding: 0.25rem;
  }
  th {
	background: white;
	position: sticky;
	top: 0;
	box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
  }

  .bg-dark {
	background-color: #343a40 !important;
  }
  
  a.bg-dark:hover, a.bg-dark:focus,
  button.bg-dark:hover,
  button.bg-dark:focus {
	background-color: #1d2124 !important;
  }



@keyframes animatedgradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

@keyframes alert {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	39% {
		-webkit-transform: rotate(0deg) scale(1.1);
		transform: rotate(0deg) scale(1.1);
	}
	40% {
		-webkit-transform: rotate(-30deg) scale(1.1);
		transform: rotate(-30deg) scale(1.1);
	}
	45% {
		-webkit-transform: rotate(30deg) scale(1.1);
		transform: rotate(30deg) scale(1.1);
	}
	50% {
		-webkit-transform: rotate(-30deg) scale(1.1);
		transform: rotate(-30deg) scale(1.1);
	}
	55% {
		-webkit-transform: rotate(0deg) scale(1.1);
		transform: rotate(0deg) scale(1.1);
	}
	to {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}


/* new year  */

$primairyFontColor: #efefef;

html{
  
  background: -moz-linear-gradient(top, #241d33 0%, #171930 51%, #091119 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #241d33), color-stop(51%, #171930), color-stop(100%, #091119)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #241d33 0%, #171930 51%, #091119 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #241d33 0%, #171930 51%, #091119 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #241d33 0%, #171930 51%, #091119 100%); /* IE10+ */
  background: linear-gradient(to bottom, #241d33 0%, #171930 51%, #091119 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#241d33', endColorstr='#091119', GradientType=0); /* IE6-9 */
  
   
  height: 100%;
  overflow:hidden;
}

body{
  height:100%;
}


#new-year {
  
  position: relative;
  top: 50%;
  width: 90%;
  height: 90%;
  margin: 0 auto 0 auto;
  transform: translateY(-50%);

  
  svg{
    width: 100%;
    height:100%;
  }

}

.stroke-fill {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  stroke: $primairyFontColor;
}

#happy-stroke {
  animation: happy-dash 1.7s linear normal forwards;
}
$newYearDelay: 1.8s;
#n-stroke {
  animation: dash 2s $newYearDelay linear normal forwards;
}
#ew-stroke {
  animation: dash 2s (.7s+$newYearDelay) linear normal forwards;
}
#y-stroke{
  animation: dash 2s (1.5s+$newYearDelay) linear normal forwards;
}
#ye-stroke{
  animation: dash 1s (2.2s+$newYearDelay) linear normal forwards;
}
#ear-stroke{
  animation: dash 2s (2.38s+$newYearDelay) linear normal forwards;
}
#underline-stroke{
  animation: dash .5s (3.7s+$newYearDelay) cubic-bezier(0.550, 0.085, 0.680, 0.530) normal forwards;
}
@keyframes dash {
  0% { stroke-dashoffset: 1000; }
  100% { stroke-dashoffset: 0; }
}

// Tweaked the exact timings of when the stroke enters the masked areas.
@keyframes happy-dash {
  //H
  0% { stroke-dashoffset: 1000; }
  6% { stroke-dashoffset: 976; }
  6.01% { stroke-dashoffset: 958; }
  13% { stroke-dashoffset: 936; }
  13.01% { stroke-dashoffset: 905; }
  20% { stroke-dashoffset: 896; }
  //A
  20.01% { stroke-dashoffset: 864; }
  27% { stroke-dashoffset: 840; }
  27.01% { stroke-dashoffset: 830; }
  34% { stroke-dashoffset: 808; }
  34.01% { stroke-dashoffset: 775; }
  40% { stroke-dashoffset: 764; }
  //P
  40.01% { stroke-dashoffset: 738; }
  60% { stroke-dashoffset: 688; }
  //P
  60.01% { stroke-dashoffset: 658; }
  80% { stroke-dashoffset: 610; }
  //Y
  80.01% { stroke-dashoffset: 580; }
  90% { stroke-dashoffset: 555; }
  90.01% { stroke-dashoffset: 543; }
  99.99% { stroke-dashoffset: 525; }
  100% { stroke-dashoffset: 0; }
}