body {
	margin: 0;
	padding: 0;
	position: relative;
	width: auto;
}
body #page {
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: auto;
}
a {
	text-decoration: none;
	outline: none;
}
a:active {
	background: none;
}
img {
	border: none;
}
/*----------------------------------------header-styles---------------------------------------*/
#header {
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
}
#header div {
	margin: 0 auto;
    max-width: 940px;
    min-height: 200px;
    padding: 0 10px;
}
#header div a.logo {
	display: block;
    float: left;
    height: 106px;
   /* margin: 44px 0 0;*/
    padding: 0;
    width: 200px;
}
#header div a.logo img {
	display: block;
	margin: 0;
	padding: 0;
	width: 200px;
}
#header div ul {
	display: block;
    float: right;
    list-style: none outside none;
    margin: 0 auto;
    max-width: 701px;
    padding: 82px 0 20px;
    text-align: center;
}
#header div ul li {
	display: inline-block;
	*float: left; /* Needed for IE7 and old versions */
	margin: 0 0 0 37px;
	padding: 0;
	width: auto;
}
#header div ul li a {
	color: #000000;
	font-family: "Arial Black";
	font-size: 14px;
	font-weight: normal;
	line-height: 14px;
	margin: 0;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	width: auto;
}
#header div ul li.selected a, #header div ul li.selected a:hover {
	color: #fb416f;
}
#header div ul li a:hover {
	color: #149ca8;
}
#header div ul li ul {
	display: none;
}
#header span#mobile-navigation, #header span#mobile-submenu, #header div ul li ul {
	display: none;
}
/*----------------------------------------body-home-styles---------------------------------------*/
html {
  scroll-behavior:smooth
}

#back-to-top{
  height:50px;
  width:50px;
  position:fixed;
  right:0;
  z-index:99;

  border-radius:50%;
  box-shadow: 0px 0px 5px #ccc;
  margin:17px;
  background:#ec1616;

  /*Position Out of View*/
  bottom:-150px;
  opacity:0;
  transition: all .5s ease;
  cursor:pointer;
}
#back-to-top.show-btt{
  /*Position In View*/
  bottom:0;
  opacity:1;
  transition: all .5s ease;
}
/*----------------------------------------body-home-styles---------------------------------------*/
#body {
	background: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)), url(../images/bg-home.jpg);
	border-top: 2px solid #252525;
	margin: 0;
	/*background: url(../images/bg-home.jpg);overflow: hidden;*/
	padding: 0;
	position: relative;
	
	width: 100%;
	background-size:     cover;                      /* <------ */
    background-repeat:   no-repeat;
    background-position: center center;
}
#body.home div {
	background: none;
	margin: 0;
	max-width: none;
	padding: 0 0 54px;
	width: 100%;
}
#body.home div.header div {
	background: none;
	margin: 0 auto;
	max-width: 960px;
	padding: 74px 0 0;
}
#body.home div.header div h1 {
	background: none;
	color: #000000;
	display: block;
	font-family: 'Arial Black';
	font-size: 110px;
	font-weight: normal;
	line-height: 96px;
	margin: 0 auto 32px;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	width: 89.5833%;
}
#body.home div.header div span {
	display: block;
	margin: 0 auto 52px;
	max-width: 350px;
	overflow: hidden;
	padding: 0;
	width: 37.4583%;
}
#body.home div.header div span a.email {
	border: 5px solid #000000;
	color: #000000;
	display: block;
	float: left;
	font-family: Arial;
	font-size: 20px;
	font-weight: bold;
	height: 47px;
	line-height: 47px;
	margin: 0;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	width: 63.142857142857%;
}
#body.home div.header div span a.signup {
	border: 5px solid #000000;
	border-left: none;
	color: #000000;
	display: block;
	float: left;
	font-family: Arial;
	font-size: 20px;
	font-weight: bold;
	height: 47px;
	line-height: 47px;
	margin: 0;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	width: 32.571428571429%;
}
#body.home div.header div img {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 97.9167%;
}
#body.home div.body {
	background: url(../images/bg-transparent1.png) repeat;
	margin: 0;
	padding: 0;
	width: 100%;
}
#body.home div.body div {
	background: none;
	margin: 0 auto;
	max-width: 960px;
	padding: 40px 0 0 0;
	/*padding: 54px 0 86px;*/
}
#body.home div.body div h1 {
	background: url(../images/bg-border1.gif) no-repeat center bottom;
	color: #FFFFFF;
	font-family: 'Arial Black';
	font-size: 40px;
	font-weight: normal;
	line-height: 40px;
	margin: 0;
	/*padding: 0 0 50px;*/
	text-align: center;
	text-transform: uppercase;
}
#body.home div.body div p {
	background: url(../images/bg-border1.gif) no-repeat center bottom;
	color: #FFFFFF;
	display: block;
	font-family: Arial;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 0.05em;
	/*line-height: 48px;
	margin: 12px auto 0;*/
	padding: 0 0 12px;
	text-align: center;
	width: 100%;
}
#body.home div.body div p a {
	color: #ffffff;
	font-family: Arial;
	font-size: 25px;
	font-weight: normal;
	line-height: 48px;
	margin: 0;
	padding: 0;
	text-decoration: underline;
}
#body.home div.body div p a:hover {
	color: #fc416f;
}
#body.home div.body div a.more {
	border: 5px solid #FFFFFF;
	color: #FFFFFF;
	display: block;
	font-family: 'Arial Black';
	font-size: 20px;
	font-weight: normal;
	height: 47px;
	line-height: 47px;
	margin: 30px auto 0;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	width: 230px;
}
#body.home div.body div a.more:hover {
	background-color: #ffffff;
	color: #fb416f;
}
/*----------------------------------------body-styles---------------------------------------*/
#body div {
	background: url(../images/bg-transparent2.png) repeat;
	margin: 0 auto;
	max-width: 960px;
	overflow: hidden;
	padding: 58px 0 4px;
}
#body.running div {
	padding: 58px 0 161px;
}
#body div h1 {
	background: url(../images/bg-border2.gif) no-repeat center bottom;
	color: #FC416F;
	font-family: 'Arial Black';
	font-size: 40px;
	font-weight: normal;
	line-height: 40px;
	margin: 0;
	padding: 0 0 20px;
	text-align: center;
	text-transform: uppercase;
}
#body div.about img {margin: 68px auto 15px;}
	#body div img {
	display: block;
	/*margin: 68px auto 15px;*/
	margin: 15px;
	padding: 0;
	width: auto;
}
#body.runningsinglepost div img {
	display: block;
	margin: 68px auto 73px;
	padding: 0;
	width: auto;
}
#body.runningsinglepost div h3 {
	padding: 17px 0 0;
}
#body.runningsinglepost div h3 span {
	padding: 0 0 12px;
}
#body.runningsinglepost div p {
	margin: 0 auto 10px;
}
#body div p {
	color: #FFFFFF;
  display: block;
  font-family: Arial;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 0.01em;
  line-height: 28px;
  margin: 0 auto 10px;
  padding: 0;
  text-align: justify;
  width: 765px;
}
#body div p span {
	color: #FFFFFF;
	display: block;
	font-family: Arial;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
	letter-spacing: 0.03em;
	line-height: 48px;
	padding: 39px 0;
}
#body div p span a {
	color: #FFFFFF;
	font-family: Arial;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	line-height: 48px;
}
#body div p a {
	color: #ffffff;
	font-family: Arial;
	font-size: 16px;
	font-weight: normal;
	line-height: 48px;
	margin: 0;
	padding: 0;
	text-decoration: underline;
}
#body div p a:hover {
	color: #fc416f;
}
#body div h2 {
	color: #FC416F;
  font-family: arial;
  font-size: 20px;
  font-weight: bold;
  line-height: 26px;
  margin: 0 0 15px;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  text-decoration: underline;
}
#body div ul.gallery {
	display: inline-block;
	list-style: none outside none;
	margin: 0 0 76px;
	max-width: none;
	padding: 72px 0 0;
	width: 100%;
}
#body div ul.gallery li {
	border: none;
	float: left;
	margin: 0 10px;
	padding: 0;
	width: 300px;
}
#body div ul.gallery li a {
	display: block;
	margin: 0;
	padding: 0;
	width: auto;
}
#body div ul.gallery li a img {
	display: block;
	float: none;
	margin: 0 auto;
	padding: 0;
	width: auto;
}
#body div h3 {
	background: url(../images/bg-border1.gif) no-repeat center top;
	color: #FFFFFF;
	display: block;
	font-family: Arial;
	font-size: 25px;
	font-weight: bold;
	letter-spacing: 0.02em;
	line-height: 48px;
	margin: 0 auto 15px;
	padding: 18px 0 0;
	text-align: center;
	width: 611px;
}
#body div h3 span {
	background: url(../images/bg-border1.gif) no-repeat center bottom;
	display: block;
	margin: 0;
	padding: 0 0 11px;
	width: auto;
}
#body.running div p {
	margin: 0 auto 48px;
}
#body div ul {
 /* display: inline-block;*/
  margin: 0 0 0 100px;
 /* max-width: 780px;*/
  max-width: 100%;
  font-family: arial;
  color: #fff;
}

#body div.services ul li:first-child {
	border: none;
	/*padding: 0 0 0 0;*/
}
#body div.services ul li {
	border-top: 2px solid #363636;list-style:none;
	display: block;
	margin: 0;
	overflow: hidden;
	padding: 40px 0 10px;
	width: auto;
}
#body div.services ul li img {
	display: block;
	/*float: left;
	margin: 0 28px 0 0;*/
	margin:0 auto;
	padding: 0;
	width: auto;
}
#body div.services ul li div {
	background: none;
	/*float: left;*/
	margin: 0 auto;
	max-width: none;
	overflow: hidden;
	padding: 6px 0 0;
	/*width: 522px;*/
}
#body div.services ul li div h1 {
	background: none;
	color: #FFFFFF;
	font-family: Arial;
	font-size: 25px;
	font-weight: normal;
	line-height: 30px;
	margin: 0 0 16px;
	padding: 0;
	text-align: left;
	text-transform: uppercase;
	width: auto;
}
#body div.services ul li div p {
	color: #FFFFFF;
	font-family: Arial;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0.01em;
	line-height: 22px;
	margin: 0 0 6px;
	padding: 0;
	text-align: justify;
	width: auto;
}
#body div.services ul li div p a {
	color: #ffffff;
	font-family: Arial;
	font-size: 16px;
	font-weight: normal;
	line-height: 48px;
	margin: 0;
	padding: 0;
	text-decoration: underline;
}
#body div.services ul li div p a:hover {
	color: #fc416f;
}
#body div.services ul li div a.more {
	border: 2px solid #FFFFFF;
	color: #FFFFFF;
	display: block;
	float: left;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	height: 34px;
	line-height: 34px;
	margin: 0 0 40px;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	width: 136px;
}
#body div.services ul li div a.more:hover {
	background-color: #fc416f;
	border: none;
	height: 38px;
	line-height: 38px;
	width: 140px;
}
#body.contact div img {
	display: block;
	margin: 70px auto 37px;
	padding: 0;
	width: auto;
}
#body.contact div h2 {
	font-weight: bold;
	margin: 0 auto 18px;
	text-transform: uppercase;
}
#body.contact div p, #body.contact div a {
	color: #FFFFFF;
	display: block;
	font-family: Arial;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0.01em;
	line-height: 18px;
	margin: 0 auto 22px;
	padding: 0;
	text-align: center;
	width: 355px;
}
#body.contact div p a {
	color: #FFFFFF;
	font-family: Arial;
	font-size: 16px;
	font-weight: normal;
	line-height: 48px;
	margin: 0 auto 37px;
	padding: 0;
	text-decoration: underline;
}
#body.contact div p a:hover {
	color: #fc416f;
}
#body.contact div h4 {
	background: url(../images/bg-border1.gif) no-repeat center bottom;
	color: #FFFFFF;
	font-family: 'Arial Black';
	font-size: 30px;
	font-weight: normal;
	line-height: 30px;
	margin: 0;
	padding: 14px 0 29px;
	text-align: center;
	text-transform: uppercase;
}
#body.contact div form {
	display: block;
	margin: 0 auto;
	overflow: hidden;
	padding: 36px 0 0;
	width: 503px;
}
#body.contact div form input {
	background: none;
	border: 2px solid #FFFFFF;
	color: #FFFFFF;
	display: block;
	font-family: Arial;
	font-size: 18px;
	font-weight: normal;
	height: 39px;
	line-height: 43px;
	margin: 0 0 17px;
	padding: 0 4px;
	text-align: center;
	text-transform: uppercase;
	width: 491px;
}
#body.contact div form textarea {
	background: none;
	border: 2px solid #FFFFFF;
	color: #FFFFFF;
	display: block;
	font-family: Arial;
	font-size: 18px;
	font-weight: normal;
	height: 87px;
	line-height: 24px;
	margin: 0 0 22px;
	overflow: auto;
	padding: 7px 4px 0;
	resize: none;
	text-align: center;
	text-transform: uppercase;
	width: 491px;
}
#body.contact div form input#submit {
	background: none;
	border: 2px solid #FFFFFF;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	height: 43px;
	line-height: 43px;
	margin: 0 auto 16px;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	width: 143px;
}
#body.contact div form input#submit:hover {
	background-color: #fb416f;
	border: none;
	height: 43px;
	width: 143px;
}
#body.blogsinglepost div img {
	display: block;
	float: left;
	margin: 72px 28px 0 90px;
	padding: 0;
	width: auto;
}
#body.blogsinglepost div div {
	background: none;
	float: left;
	margin: 76px 0 0;
	max-width: none;
	padding: 0 0 349px;
	width: 522px;
}
#body.blogsinglepost div div h1 {
	background: none;
	color: #FFFFFF;
	font-family: Arial;
	font-size: 25px;
	font-weight: bold;
	letter-spacing: 0.03em;
	line-height: 25px;
	margin: 0 0 13px;
	padding: 0;
	text-align: left;
	text-transform: uppercase;
}
#body.blogsinglepost div div p {
	color: #FFFFFF;
	font-family: Arial;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0.01em;
	line-height: 48px;
	margin: 0 0 48px;
	padding: 0;
	text-align: left;
	width: auto;
}
#body.blogsinglepost div div p a {
	color: #ffffff;
	font-family: Arial;
	font-size: 16px;
	font-weight: normal;
	line-height: 48px;
	margin: 0;
	padding: 0;
	text-decoration: underline;
}
#body.blogsinglepost div div p a:hover {
	color: #fc416f;
}
/*----------------------------------------footer-styles---------------------------------------*/
#footer {
	background-color: #111111;
	margin: 0;
	min-height: 122px;
	padding: 0;
	width: 100%;
}
#footer div {
	margin: 0 auto;
	max-width: 940px;
	overflow: hidden;
	padding: 47px 10px 42px;
}
#footer div p {
	color: #FFFFFF;
	float: left;
	font-family: Arial;
	font-size: 15px;
	font-weight: normal;
	line-height: 15px;
	margin: 0;
	padding: 5px 0 0;
	text-align: left;
	text-transform: none;
	width: 400px;
}
#footer div .connect {
	display: block;
	float: right;
	height: 32px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 154px;
}
#footer div .connect a {
	background: url(../images/icons.png) no-repeat;
	display: block;
	float: left;
	height: 28px;
	margin: 0 7px;
	padding: 0;
	text-indent: -99999px;
	width: 28px;
}
#footer div .connect a.facebook {
	background-position: 0 0;
}
#footer div .connect a.googleplus {
	background-position: 0 -30px;
}
#footer div .connect a.pinterest {
	background-position: 0 -60px;
	margin: 0;
}
#footer div .connect a.twitter {
	background-position: 0 -90px;
}
#footer div .connect a.facebook:hover {
	background-position: -30px 0;
}
#footer div .connect a.googleplus:hover {
	background-position: -30px -30px;
}
#footer div .connect a.pinterest:hover {
	background-position: -30px -60px;
}
#footer div .connect a.twitter:hover {
	background-position: -30px -90px;
}

#top_div{
  position: absolute;
  top: -66px;
  right: 210px; font-family: arial;
  }
  /*i{ color: #149ca8; font-weight:bold;}*/
  #header div p.spark {
  width: 150px;
  font-family: 'Arial Black';
  font-size: 27px;
  position: absolute;
  top: 25px;
  left: 404px;
  text-transform: uppercase;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}
#header div ul li {
  display: inline-block;
  *float: left;
  margin: 0 0 0 18px;
  padding: 0;
  width: auto;
}
#body div ul.marL0 { margin-left:0;padding-left: 10px;
  padding-right: 10px;}
#body div ul.marL0 li p{ line-height:16px;}


.img-container {
    position: relative; /* Container to position the overlay/icon against 
    width: 100%;
    max-width: 400px;*/
}
.image {
    display: block;
    width: 100%;
    height: auto;
}
.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 1; /* Hidden by default */
    transition: .3s ease;
    background-color: rgba(0, 0, 0, 0.5); /* Black background with opacity */
    cursor: pointer;
}

.icon {
    color: #149ca8;

    font-size: 35px; /* Adjust size as needed */
    position: absolute;
    top: 45%;
    left: 47%;
    transform: translate(-50%, -50%); /* Centers the icon */
    text-align: center;
	background-color:#ffffff;
	border-radius:50%;
}
h4{color: #149ca8;
    font-size: 20px;}
h5{color: #ffffff;
    font-size: 18px;}
.blue{color:#149ca8 !important;}
.white{color:#ffffff !important;}
.dark{color:#211D2E !important;}
.borderB{border-bottom: 3px solid #211D2 !important;
}
.pink-color{ color:#fc416f !important;}
.opac{opacity:35%;}
 .col0{width:18% !important;float:left;}
 .col1{width:25% !important;float:left;}
 .col2{width:48% !important;float:left;}
 .col3{width:33% !important;float:left;}
 .col4{width:70% !important;float:left; padding-left:10px !important;}
 .pl4{padding-left:4% !important;}
 .col100{width:100% !important;}
 .mb10{ margin-bottom:10px !important;}
 .mb0{ margin-bottom:0px !important;}
 .m0{ margin:0 !important;}
 .mt10{ margin-top:10px !important;}
 .ml40{ margin-left:40px !important;}
 .pl20{padding-left:20px !important;}
 .pl30{padding-left:30px !important;}
 .pl40{padding-left:40px !important;}
 .pr40{padding-right:40px !important;}
 .pb40{padding-bottom:40px !important;}
 .font20{font-size:20px !important;}
 
 hr{ margin-top:0;}
 .floatR{float:right;}
 .clear{clear:both !important;}
 .text-center{text-align:center !important;}
 .text-left{text-align:left !important;}
 .text-right{text-align:right !important;}
 .text-justify{text-align:justify !important;}
p.dots::before { /* add the new bullet point */
  display: inline-block;
    content: '';
    -webkit-border-radius: 0.375rem;
    border-radius: 0.375rem;
    height: 0.5rem;
    width: 0.5rem;
    margin-right: 0.5rem;
    background-color: #149ca8;
}
p.pink-dots::before{display: inline-block;
    content: '';
    
    height: 0.5rem;
    width: 0.5rem;
    margin-right: 0.5rem;
    background-color: #FC416F;}
ul.style1 {
	margin:0 0 20px !important;
	border:none !important;
	list-style: none !important;
	display: block !important;
	width: auto;
}
ul.style1 li {
  border-top: none !important;
  list-style: none !important;
  display: block !important;
  margin: 0 !important;
  overflow: hidden !important;
  padding:0 !important;
  width: auto;
  line-height:20px;
}

.img-responsive img{max-width: 100%;
            height: auto;
            object-fit: contain;}

ol.num {list-style-type:decimal  !important;}
ol.num li{border:none !important;
	list-style:decimal !important;padding:0 !important;
  width: auto;
  line-height:20px;display: list-item !important;overflow: inherit !important;}
table.data_table{width:100%;padding:10px;}
table.data_table thead tr:first-child{ background-color:grey;}
table.data_table tr th:first-child, table.data_table tr td:first-child{width:200px;padding:5px;}
table.data_table tr th, table.data_table tr td{padding:5px;}
.bg1{background-color:#4f4c4c;}
.bg2{background-color:#3e3a3a;}

/* Style for the main FAQ container */
.faq-container {
  max-width: 800px; /* Limit the width for better readability */
  margin: 50px auto; /* Center the container and add vertical spacing */
  padding: 20px;
  font-family: 'Arial, sans-serif';
  color: #333; /* Base text color */
}

/* Style for the main title */
.faq-container h1 {
  text-align: center;
  margin-bottom: 40px;
  color: #2c3e50; /* Dark blue color for the title */
}

/* Style for each FAQ item */
.faq-item {
  border-bottom: 1px solid #4f4c4c; /* Light gray border between items */
  overflow: hidden; /* Hide overflowing content */
}

/* Style for the question buttons */
.faq-question {
  background-color: #4f4c4c; /* Light gray background */
  width: 100%;
  padding: 20px;
  text-align: left;
  font-size: 18px;
  border: none;
  outline: none;
  cursor: pointer;
  position: relative;
  transition: background-color 0.3s ease; /* Smooth background transition on hover */
  color: #149ca8;
}

/* Hover effect for question buttons */
.faq-question:hover {
  background-color: #808080; /* Slightly darker gray on hover */
}

/* Style for the arrow icon */
.faq-question .arrow {
  position: absolute;
  right: 20px;
  transition: transform 0.3s ease; /* Smooth rotation transition */
}

/* Rotate the arrow when the question is active (expanded) */
.faq-question.active .arrow {
  transform: rotate(180deg); /* Rotate arrow 180 degrees */
}
.faq-question.active{ color:white;}
/* Style for the answer sections */
.faq-answer {
  max-height: 0; /* Initially hide the answer */
  overflow: hidden;
  transition: max-height 0.3s ease; /* Smooth transition for expanding */
  background-color: #fff; /* White background for answers */
}

/* Style for the answer text */
.faq-answer p {
  padding: 20px;
  font-size: 16px;
  line-height: 1.5; /* Increase line height for better readability */
  color: #555; /* Slightly lighter text color for answers */
}
