/* Add here all your CSS customizations */

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

.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; }
}
.photoupdates{
	width:30% !important;
}

/*Css for Validation*/
.Cor_Red {
	color: red;
}

@media screen and (min-device-width: 320px) and (max-device-width: 1198px) {
	.embed-responsive-16by9Custom {
		padding-bottom: 45.25% !important;
	}
}

@media screen and (min-device-width: 1200px) and (max-device-width: 2560px) {
	.embed-responsive-16by9Custom {
		padding-bottom: 30.25% !important;
	}
}




/*Css for font-face Awesom*/
.text-SpColor {
	color: #0088CC !important;
}

.list.list-icons.list-icons-lg li {
	padding-top: 5px !important;
	/*padding-left: 0px !important;*/
	display: flex !important;
	align-items: baseline !important;
	gap:7px !important;
}
.list{
	margin-left:-15px !important;
}

.featured-box {
	/*display: flex !important;
	border-radius: 8px !important;
	border: 1px solid #0088CC !important;*/
	/* border-top-width: 4px; */
	/* padding: 30px 30px 10px 30px; */
	/*position: relative !important;
	align-items: center !important;
	flex-wrap: nowrap !important;
	flex-direction: column !important;
	justify-content: center !important;
	margin-bottom: 10px !important;
	margin-top: 10px !important;*/
}

.featured-box_cust {
	border: 0px !important;
	color:red;
}

.No_Paddng {
	padding: 0px 0 !important;
}

.section.section {
	padding: 0px 5px !important;
	background-color:white !important;
}



.img-thumbnail{
	border:0px !important;
	/*background-color:#F4F4F4 !important;*/
}

.h1 {
	padding: 0px 10px 0 10px !important;
}

.No_Bottom {
	margin: 0 0 0px !important;
}

.box-content {
	padding: 30px 5px 10px 5px !important;
}

.featured-box {
	margin-top:10px !important;
	margin-bottom: 10px !important;
}

.pad_top15{
	padding-top:15px !important;
}

.cust_icon{
	font-size: 15px !important;
	font-weight: bold !important;
}

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

.hig-100{
	height:100px !important;
}

.box_style {
	padding: 30px 30px 10px 30px !important;
}

@media screen and (min-device-width: 320px) and (max-device-width: 765px) {
	.footer_adjust {
		margin-left:10px !important;
	}
}