@charset "utf-8";
/* CSS Document */

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0; padding:0; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body { margin:0; padding:0; font-family: 'OpenSans'; -webkit-overflow-scrolling: touch;}

:focus { outline:none;}
ul, li, ol { list-style:none; padding: 0; margin: 0;}
a { text-decoration:none; -webkit-transition:0.5s; color: #1176d5; transition:0.5s;}
input[type="button"],input[type="submit"] { text-decoration:none; -webkit-transition:0.5s; transition:0.5s;}

a:focus, a:hover {color: #1176d5;	text-decoration: none !important; outline: none !important;}

a img, img { border:none; vertical-align:middle; max-width:100%}

h1, h2, h3, h4, h5, h6 {font-family: 'OpenSans-Bold';   margin: 0px; padding: 0px; color: #3f3f3f;}
p {font-family: 'OpenSans';  font-size: 15px; color: #5d5d5d; }

label {color: #5d5d5d; font-size: 15px; font-family: 'OpenSans';}

:before, :after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

input,
button,
select,
textarea { font-family: inherit; font-size: inherit; line-height: inherit; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button::-moz-focus-inner,
input::-moz-focus-inner {  padding: 0;  border: 0; }

input[type="checkbox"],
input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }

input[type="search"],
input[type="text"],
textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {  -webkit-appearance: none;}

table { border-spacing: 0; border-collapse: collapse; }

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }

.text-lowercase { text-transform: lowercase; }
.text-uppercase { text-transform: uppercase; }
.text-capitalize { text-transform: capitalize; }

.relative { position:relative;}
.clear{clear:both;}
.row {}

.row:before, .row:after { display:table; content:"";}
.row:after { clear:both; }

.container {max-width: 1260px; width: 100%; margin:0 auto;}
.container:before, .container:after { display:table; content:"";}
.container:after { clear:both;}


.mt-10 {margin-top: 10px !important;}
.form-group.mt-10 label {color: #5d5d5d;	font-size: 16px;	font-family: 'OpenSans-Bold';}

.form-control {border: 1px solid #d8d8d8;	height: 40px;	border-radius: 0px;	padding: 10px 15px; font-family: 'MyriadPro'; font-size: 15px; color: #9a9a9a !important;}
.form-control:focus {background-color: #fff;	border-color: #84c341;	outline: 0;	box-shadow: 0 0 2.1px #84c341;}

a.menu-icon { display:none; height:auto; padding:7px 0 7px 0; width:40px; background:rgba(0,0,0,0.2);}
a.menu-icon span { display:block; margin:4px 10px; background:#fff; height:3px;}

a.menu-text { display:none; width:100px; text-align:center; padding:8px 0 5px 0;  margin:0 auto; border:1px solid #000; }
a.menu-text span { display:block; color:#000; text-transform:uppercase; font-family: inherit; font-size:25px;}
.social-icons ul li {display: inline-block;	margin-right: 12px;}
.social-icons ul li a {font-size: 16px; color: #fff !important;}

.section-title h1 {position: relative;	text-transform: capitalize;	text-align: center;	font-size: 30px;	color: #f15a29;	margin: 0px;	padding-bottom: 40px;}
.section-title h1::after {content: "";	display: block;	width: 100px;	height: 1px;	position: absolute;	bottom: 25px;	left: 50%;	transform: translate(-50%, 0);	background-color: #f15a29;}


.content-title h1 {
    position: relative;
    text-transform: capitalize;
    font-size: 24px;
    color: #3f3f3f;
    margin: 0px;
    padding-left: 10px;
    margin-bottom: 20px;
}
.content-title h1::after {
    content: "";
    display: block;
    width: 2px;
    height: 28px;
    position: absolute;
    left: 0;
    background-color: #84c341;
    top: 1px;
}

.btn.btn-green {background-color: #84c341;	border-radius: 0px;	padding: 6px 16px 8px 16px;	text-align: center;	color: #fff;	font-family: 'OpenSans';	font-size: 15px;	margin: 0px;	line-height: normal;}

.nots {color: #00bfff;	font-size: 11px;	font-family: 'MyriadPro';	width: 100%;	display: block; margin-top: 4px;}
.nots a {color: #00bfff !important;	text-decoration: underline !important;}
.nots svg {
    font-size: 14px;
    background: #00cdff;
    border-radius: 50%;
    padding: 3px 2px;
    width: 13px !important;
    display: inline-block;
    height: 13px !important;
    color: #fff;
}
/*#f57a44*/

#header {}
/*#header .header-block {background-color: #8ec44d;	z-index: 11;}*/
#header .header-block {background-color: #28406d;z-index: 11;}
.header-box {position: relative;}
#header .logo-box {
    max-width: 210px;
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 4px;
    z-index: 1;
}

#header .logo-box .l1{max-width: 115px;	 display:inline-block; vertical-align: top;padding:8px 0px;}
#header .logo-box .l2{max-height: 85px;	 display:inline-block;vertical-align: top;}
#header .main-nav {display: block;	width: 100%;	position: relative;	text-align: left;	padding-left: 220px;}
#header .header-block.isStuck {position: fixed;	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.2);	width: 100%;	top: 0px;}



#nav {}
#nav ul {}
#nav ul > li {display: inline-block;	position: relative;	margin: 0px 10px;	padding: 0px 10px;}
#nav ul > li > a {display: block;	font-family: 'OpenSans-Bold';	font-size: 15px;	color: #fff;	text-transform: uppercase;	padding: 35px 0px;	position: relative;}
/*#nav ul > li > a::after {content: '';	height: 3px;	background: #404040;	position: absolute;	bottom: 0;	left: 0;	z-index: 1;	opacity: 0;	filter: alpha(opacity=0);	-webkit-transition: all 0.35s;	-o-transition: all 0.35s;	transition: all 0.35s;	-moz-transition: all 0.35s;	-ms-transition: all 0.35s;	width: 100%;}*/
#nav ul > li > a::after {content: '';height: 3px;background: #ffffff;opacity:0}
#nav ul li a:hover::after {opacity: 1;	bottom: 25px;}
#nav ul li a.btn.btn-default {border: 1px solid #fff;	padding: 6px 13px !important;	margin-top: 24px;}
#nav ul li a.btn.btn-default:hover::after {opacity: 0;}
#nav ul li .dropdown-menu {right: 0px !important;	top: 0px;	left: auto !important;	transform: translate3d(0px, 64px, 0px) !important;}
#nav ul li .svg-inline--fa {display: inline-block;	position: relative;	top: -3px;}
#nav ul li #navbardrop img {width: 40px;	height: 40px;	overflow: hidden;	border: 3px solid #fff !important;	border-radius: 50%;}
#nav ul li #navbardrop {padding: 21px 0px !important;}
#nav ul li #navbardrop:hover::after {opacity: 0;}

#slider {}
#slider .slider-box {width: 100%;	height: 100%;	position: relative;}
#slider .slider-box ul li img {width: 100%;}
#slider .slider-content-block {position: absolute;	width: 100%;	height: 100%;	left: auto;	display: block;	text-align: left;	top: 28%;}
#slider .slider-content-box h1 {font-size: 24px;	color: #fff;	font-family: 'OpenSans-Bold';	margin-bottom: 15px;}
#slider .slider-content-box p {color: #fff;	width: 100%;	max-width: 500px;	font-size: 13px;}
#slider .slider-content-box .button-block {margin-top: 20px;}

#banner {}
#banner .banner-block {padding: 100px 0px 70px 0px;	width: 100%; background-position: center center;	background-size: cover;	background-repeat: no-repeat;}
#banner .banner-block h1 {color: #fff; text-transform: uppercase;}


#walk-in {}
#walk-in .walk-in-block {padding: 10px 0 0 0;}
#walk-in .walk-in-box {border-bottom: 1px solid var(--border-color);	padding-bottom: 10px;}
#walk-in .walk-in-content h2 {font-size: 32px;	color: #3f3f3f;	text-align: center;margin-bottom: 20px}
#walk-in .walkin-content-box {background-color: #f26c4f;	padding: 10px 20px;	margin: 20px 0px;}
#walk-in .walkin-content-box span {display: inline-block;	width: 50px;	vertical-align: middle;}
#walk-in .walkin-content-box span .svg-inline--fa {font-size: 40px;	color: #fff;}
#walk-in .walkin-content-box p {display: inline-block;	width: 80%;	vertical-align: middle; color: #fff; margin: 0px; padding: 0px;}
#walk-in .walk-in-content h4 {color: #5d5d5d;	font-size: 15px;	margin-bottom: 15px;	line-height: 20px;}
#walk-in .walkin-address-block {width: 100%;	margin-top: 20px;}
#walk-in .walkin-address-block span {
    width: 33px;
    height: 33px;
    display: inline-block;
    border-radius: 50%;
    border: 2px solid #97c95c;
    text-align: center;
    line-height: 30px;
    color: #97c95c;
    font-size: 16px;
}
#walk-in .walkin-address-block p {display: inline-block;	margin-left: 11px;	vertical-align: middle;	width: auto;}
#walk-in .walkin-address-block p.address_box br {display: none;}
#walk-in .walkin-address-block p {
    display: inline-block;
    vertical-align: middle;
    width: 85%;
    padding-left: 11px;
    margin-left: 0px;
}
#walk-in .register-box {background-color: #f8f8f8;	padding: 25px 25px 6px 25px;	text-align: center; border: 2px solid var(--border-color);}
#walk-in .register-box h4 {color: #3f3f3f;	font-size: 18px;	text-transform: capitalize;}
#walk-in .login-box {margin: 30px 0px;}
#walk-in .button-block {margin-top: 40px;	text-align: center;}
#walk-in .button-block .svg-inline--fa {font-size: 26px;	display: inline-block;	vertical-align: middle;	margin-right: 6px;	color: #fff;}
#walk-in .button-block span {display: inline-block;	vertical-align: middle;}


#registration {}
.registration-block {padding: 20px 0px 50px 0px;}
.registration-title.text-center h4 {font-size: 24px; margin-bottom: 24px;}
.registration-box {width: 80%;	margin: 0 auto;}
.stap-bar-block {width: 100%;	display: block;	float: left;}
.registration-box .registration-navigation {border-bottom: none !important;	margin: 0 auto;	text-align: center;	width: 100%;	max-width: 415px;}
.registration-box .registration-navigation > li {float: left;	margin-bottom: 0;	border: none !important;	max-width: 136px !important;	width: 100% !important;	margin: 0px 1px;	padding: 10px 15px;	background-color: #3f3f3f;	color: #fff !important;}
.registration-box .registration-navigation li.completed {background-color: #97c95c;}
.registration-box .registration-navigation > li span:first-child {vertical-align: middle;	width: 14px;	font-size: 24px;	margin-right: 16px;	font-weight: bold;	text-align: left;	display: inline-block;}
.registration-box .registration-navigation > li span:last-child {font-size: 12px;	margin: 0px;	line-height: 14px;	padding: 0px;	display: inline-block;	width: 50px;	vertical-align: middle;	text-align: left;}
.tabing-block {width: 100%;	display: block;	border: 1px solid #d8d8d8;	padding: 30px;}
.registration-block .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color: #97c95c;	background-color: #97c95c;	border-color: transparent;}
.tab-content.main-tabing {border: 1px solid #d8d8d8;	padding: 25px 30px;}
.registration-box .tabing-content-block p {font-size: 14px; margin: 0px;}
.registration-box .tabing-content-block .nav-tabs {max-width: 100%;	margin: 15px 0px 10px 0px;	border: none !important;}
.registration-box .tabing-content-block .nav-tabs > li {float: left;	margin-bottom: 0;	border: none !important;	max-width: all !important;	width: auto !important;	margin-right: 30px;}
.registration-box .tabing-content-block .nav-tabs > li > a {background-color: transparent; color: #5d5d5d !important; text-align: left; padding: 0px !important;}
.fade:not(.show) {opacity: 1;}
.registration-block .fieldRow.clearfix {width: 100%;}

.registration-block .fieldRow.clearfix {width: 100%;}
.registration-block #btnMinus {float: none !important;	background-image: none !important;	width: 100% !important;	position: relative !important;	display: block !important;	padding: 6px 0px !important;	height: 0px !important;}
.registration-block #btnPlus {float: none !important;	background-image: none !important;	width: 200px !important;	position: relative !important;	display: block !important;	/*border-bottom: 1px solid var(--border-color) !important;*/	margin-bottom: 10px;	padding: 30px 0px;}
.add_border {	border-bottom: 1px solid var(--border-color);	margin-bottom: 10px;}

.registration-block #btnMinus::after {display: block;	content: "\f057";	position: absolute;	left: -23px;	top: 20px;	color: red;	font-size: 18px;	font-family: 'Font Awesome 5 Free';	cursor: pointer;}
/*.registration-block #btnPlus::after {display: block;	content: "ADD Participant +";	width: 100%;	height: 38px;	position: absolute;	left: 0;	top: 22px;	color: #97c95c;	font-size: 18px;	font-family: 'MyriadPro-Semibold';	text-transform: uppercase;}*/
.registration-block #btnPlus::after {
    display: block;
    content: "ADD Participant +";
    width: 100%;
    height: 38px;
    position: absolute;
    left: 0;
    top: 22px;
    color: #FFF;
    font-size: 18px;
    font-family: 'MyriadPro-Semibold';
    text-transform: uppercase;
    border: 2px solid #97c95c;
    padding: 6px 15px;
    text-align: center;
    background: #97c95c;
}
.registration-block .row-box {margin-right: -15px;	margin-left: -15px;	width: 100%;	float: right !important;}
.registration-block .row-box label {display: block;}
.registration-block .input-group-box .form-control {padding-right: 50px;}
.registration-block label.input-group-btn {position: absolute;	top: 0;	margin: 6px 0px !important;	right: 9px;	width: 40px;	cursor: pointer;}
.registration-block label.input-group-btn img {width: 20px;}
.registration-block .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {background-color: #fff;	opacity: 1;}
.registration-block .input-group .form-control {padding: 10px 5px 10px 5px;}
.registration-block .nots.text-right {padding-right: 44px;}

.terms-content-box h4 {color: #5d5d5d;	font-size: 16px;	text-transform: uppercase;	font-family: 'OpenSans-Semibold';	margin-bottom: 15px;}
.terms-content-box p {font-size: 15px !important;	color: #9a9a9a;	margin-bottom: 30px !important;}

.radio-container {display: block;	position: relative;	padding-left: 32px;	margin-bottom: 12px;	cursor: pointer;	font-size: 16px;	-webkit-user-select: none;	-moz-user-select: none;	-ms-user-select: none;	user-select: none;	color: #5d5d5d;	font-weight: normal;	font-family: 'MyriadPro';}
.radio-container input { position: absolute;  opacity: 0;  cursor: pointer;  height: 0;  width: 0;}
.checkmark {position: absolute;	top: 0;	left: 0;	height: 20px !important;	width: 20px !important;	background-color: #e4e4e4;	border-radius: 50%;	margin: 0px !important;	border: 2px solid #e4e4e4;}
.radio-container:hover input ~ .checkmark { background-color: #e4e4e4;}
.radio-container input:checked ~ .checkmark {background-color: #3f3f3f;}
.checkmark:after { content: "";  position: absolute;  display: none;}
.radio-container input:checked ~ .checkmark:after { display: block;}


.custom-control-label::before {position: absolute;	top: 3px;	left: -1.5rem;	display: block;	width: 20px;	height: 20px;	pointer-events: none;	content: "";	background-color: #fff;	border: #d8d8d8 solid 1px !important;	border-radius: 0px !important;	box-shadow: none !important;}
.custom-control-label::after {position: absolute;	top: 5px;	left: -22px;	display: block;	width: 1rem;	height: 1rem;	content: "";	background: no-repeat 58%/58% 58%;}
.custom-control-label {position: relative;	margin-bottom: 0;	vertical-align: top;	padding-left: 8px;	font-family: 'OpenSans';	font-size: 15px;	color: #5d5d5d;}
.custom-checkbox .custom-control-label::before {border-radius: 0px;}
.custom-control-input:checked ~ .custom-control-label::before {color: #fff;	border-color: #97c95c;	background-color: #97c95c;}

.tab-footer {margin-top: 30px;	border-top: 1px solid var(--border-color);	padding-top: 25px;}

.registration-block .button-block .btn.btn-green {padding: 10px 40px 12px 40px;	font-family: 'OpenSans-Bold';	font-size: 20px;	text-transform: uppercase;}
.registration-block .button-block .btn.btn-green .svg-inline--fa {margin-left: 12px;	font-size: 18px;}
.registration-block .button-block .btn.btn-green.back_btn .svg-inline--fa {margin-left: 0px; margin-right: 18px; font-size: 18px;}
.hidden {display: none !important;}

.form-group.custom-inputs {position: relative; margin-bottom: 20px;}
.form-group.custom-inputs .form-control {padding: 10px 45px 10px 15px;}
.form-group.custom-inputs .svg-inline--fa {position: absolute;	top: 7px;	right: 15px;	font-size: 25px;	color: #7f7f7f;}


.form-group.custom-control-inputs .custom-control-label {padding-right: 32px;	padding-left: 0px;	text-align: right;	font-weight: bold;}
.form-group.custom-control-inputs .custom-control-label::before {left: auto;	right: 0px; border: #d8d8d8 solid 2px !important;}
.form-group.custom-control-inputs .custom-control-label::after {position: absolute;	top: 5px;	right: 2px;	left: auto;}
textarea.form-control {height: 152px;}



.checontainer {display: block;	position: relative;	padding-left: 35px;	margin-bottom: 12px;	cursor: pointer;	-webkit-user-select: none;	-moz-user-select: none;	-ms-user-select: none;	user-select: none;	font-family: 'OpenSans';	font-size: 15px;	color: #5d5d5d;}
.checontainer input { position: absolute;  opacity: 0;  cursor: pointer;  height: 0;  width: 0;}
.checheckmark {position: absolute;	top: 0;	left: 0;	height: 25px;	width: 25px;	background-color: #fff;	border: 1px solid #d8d8d8;}
.checontainer:hover input ~ .checheckmark { background-color: #97c95c;}
.checontainer input:checked ~ .checheckmark { background-color: #97c95c;}
.checheckmark:after { content: "";  position: absolute;  display: none;}
.checontainer input:checked ~ .checheckmark:after {display: block;}
.checontainer .checheckmark:after { left: 9px;  top: 5px;  width: 5px;  height: 10px;  border: solid white;  border-width: 0 3px 3px 0;  -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg);  transform: rotate(45deg);}


.form-group.custom-checkbox-block .checontainer {padding-right: 35px;	padding-left: 0px;	font-weight: bold;}
.form-group.custom-checkbox-block .checheckmark {left: auto;	right: 0;}




input:required:invalid, input:focus:invalid {
    background-image: url(https://www.the-art-of-web.com/images/invalid.png);
    background-position: right top;
    background-repeat: no-repeat;
}
input:required:valid {
    background-image: url(https://www.the-art-of-web.com/images/valid.png);
    background-position: right top;
    background-repeat: no-repeat;
}


.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../images/Preloader_2.gif) center no-repeat #fff;
}



/* Preloder */

#preloder {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999999;
    background: #fff;
}

.loader {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    border-radius: 60px;
    animation: loader 0.8s linear infinite;
    -webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        border: 4px solid #f44336;
        border-left-color: transparent;
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        border: 4px solid #673ab7;
        border-left-color: transparent;
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        border: 4px solid #f44336;
        border-left-color: transparent;
    }
}

@-webkit-keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        border: 4px solid #f44336;
        border-left-color: transparent;
    }
    50% {
        -webkit-transform: rotate(180deg);
        border: 4px solid #673ab7;
        border-left-color: transparent;
    }
    100% {
        -webkit-transform: rotate(360deg);
        border: 4px solid #f44336;
        border-left-color: transparent;
    }
}



.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0px;
    z-index: 999999;
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    pointer-events: all;
    color: #a94442;
    line-height: 40px;
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color: #a94442;
}

.glyphicon.form-control-feedback.glyphicon-ok {
    color: #97c95c;
}

.form-group.has-error.has-feedback {
    position: relative;
}
.form-group.has-error.has-feedback .form-control {
    border: 1px solid #a94442;
    position: relative;
}
.form-group.has-error.has-feedback p.error {
    opacity: 0;
    position: absolute;
    right: 0;
    background-color: #000;
    padding: 4px 10px 8px 10px;
    color: #fff !important;
    z-index: 99;
    border-radius: 4px;
    border-top: 4px solid #a94442;
}
.form-group.has-error.has-feedback p.error::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0d8";
    display: block;
    position: absolute;
    top: -36px;
    right: 9px;
    color: #a94442;
    font-size: 36px;
}

.form-group.has-error.has-feedback span:hover + p {
    opacity: 1 !important;
}
.form-group.has-feedback.has-success {
    position: relative;
}




#walk-in .walk-in-content .button-block {margin-top: 23px;	text-align: right;}
.border-top {border-top: 1px solid var(--border-color);}
.event-content-block .border-top {width: 99%;}
.event-button-box ul {margin: 0px;	padding-top: 25px;}
.event-button-box ul li {display: block;	margin-right: 1%;	width: 24%;	float: left;}
.event-button-box ul li:last-child {margin-right: 0px;}

.event-button-box ul li a.btn.btn-green {
    width: 100%;
    padding: 15px 20px 15px 20px;
    font-family: 'OpenSans-Bold';
    font-size: 16px;
    text-transform: uppercase;}

.event-participant-block {background-color: #f1f1f1;	padding: 38px 32px;	margin-top: 25px;	width: 99%;}

.schedule-block {background-color: #f8f8f8;	padding: 20px 10px;	border: 2px solid var(--border-color);	margin-top: 0;}
.schedule-block table tr td:first-child{width: 50%; font-weight: bold; }
.schedule-block table tr td{padding: 5px; font-size: 14px; border-color: rgba(255,255,255,0.3);}



.login-block {background-color: #f8f8f8;	padding: 25px;	border: 2px solid var(--border-color);	margin-top: 26px;}
.title-box.text-center h4 {font-size: 18px;	padding-bottom:10px;}
.forgot-pass {color: #5d5d5d;	font-size: 14px;	text-align: right;	width: 100%;	display: block;	padding-top: 5px;}
.event-participant-block label {color: #0d4c99;	font-size: 22px;	font-family: 'OpenSans-Bold';	text-transform: capitalize;}
/*border: 1px solid #d8d8d8;	*/
.spon_content {width: 100%;	height: auto;	border-radius: 4px;text-align: center;}
.spon_content_block {padding: 50px 0 0 0;}



.event-participant-list-block {border:1px solid #f1f1f1;	padding: 38px 32px;	margin-top: 25px;	width: 99%;}
.event-participant-list-block h4{margin-bottom: 15px; display: block; text-align: center;}
.event-participant-list-block table td,
.event-participant-list-block table th{padding: 5px 10px;}
.event-participant-list-block table td p{margin: 0px;}

.login-model { padding-right: 0px !important;}
.login-model .modal-dialog { max-width: 500px;  margin: 0px;  position: absolute;  width: 100%;  top: 50%;  left: 50%;  transform: translate(-50%, -50%) !important;}
.close-box { width: 40px;  height: 40px;  background-color: #84c341;  border-radius: 50px;  position: absolute;  right: -18px;  top: -22px;  line-height: 46px;  text-align: center;}
.close-box .close { float: none;  font-size: 25px;  font-weight: 700;  color: #fff;  opacity: 1;  line-height: normal;}
.logo-box { width: 40px;  height: 40px;  display: block;  text-align: center;  margin: 0 auto;}
.modal.fade.show { opacity: 1;  display: block !important;}
.popup-title {text-align: center;	padding-bottom: 20px;}
.login-model .btn.btn-green {max-width: 185px;	width: 100%;}
.text-muted {font-family: 'OpenSans';	font-size: 15px;	color: #5d5d5d !important;}


.empty_fields {
    background-color: #fff;
    border-color: red;
    outline: 0;
    box-shadow: 0 0 2.1px red;
    /*position: relative;*/
}

.user-profile img {

    width: 130px;
    height: 130px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

}
.user-profile {

    position: relative;
    width: 130px;
    height: 130px;
    overflow: hidden;
    margin: 10px auto;
    border-radius:50%
}


.user-info{ margin-top: 20px; }
.user-info h5{ font-size: 22px; font-weight: normal !important; }
.user-info h5 span{ color: #8ec44d;  }
.user-info .bio-details { margin-top: 20px; }
.user-info .bio-details ul{margin:0;}
.user-info .bio-details ul li{ margin-bottom: 15px; font-size: 14px; }
.user-info .bio-details ul li a{ color: #8ec44d; font-size: 12px; }
.user-info .bio-details ul li span{ float: right; color:#8ec44d; font-weight: bold;  }
.user-info .bio-details ul li span i{ color: #888 }
.progress-details{ width: 100%; margin-top: 5px; }
.progress-details span { font-size: 12px; color: #565656 !important; font-weight: normal !important;}



#registration {}
.profile-block {padding: 20px 0px 50px 0px;}
.profile-title.text-center h4 {font-size: 24px; margin-bottom: 24px;}
.profile-box {width: 80%;	margin: 0 auto;}
.stap-bar-block {width: 100%;	display: block;	float: left;}
.profile-box .profile-navigation {border-bottom: none !important;	margin: 0 auto;	text-align: center;	width: 100%;}
.profile-box .profile-navigation > li {float: left;	margin-bottom: 0;	border: none !important;	max-width: 136px !important;	width: 100% !important;	margin: 0px 1px;	padding: 3px;	background-color: #3f3f3f;	color: #fff !important;cursor: pointer;}
.profile-box .profile-navigation li a{color: #fff }

.profile-box .profile-navigation li.active {background-color: #97c95c; }
.profile-box .profile-navigation li.active a{color: #fff}
.profile-box .profile-navigation > li span:first-child {vertical-align: middle;	width: 14px;	font-size: 24px;	margin-right: 16px;	font-weight: bold;	text-align: left;	display: inline-block;}
.profile-box .profile-navigation > li span:last-child {font-size: 12px;	margin: 0px;	line-height: 14px;	padding: 15px 5px;	display: inline-block;	width: auto;	vertical-align: middle;	text-align: left;}
.tab-content  {width: 100%;	display: block;	border: 1px solid #d8d8d8;	padding: 30px;}
.profile-block .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color: #97c95c;	background-color: #97c95c;	border-color: transparent;}
.tab-content.main-tabing {border: 1px solid #d8d8d8;	padding: 25px 30px;}
.profile-box .tabing-content-block p {font-size: 14px; margin: 0px;}
.fade:not(.show) {opacity: 1;}
.profile-block .fieldRow.clearfix {width: 100%;}

.profile-block .fieldRow.clearfix {width: 100%;}
.profile-block #btnMinus {float: none !important;	background-image: none !important;	width: 100% !important;	position: relative !important;	display: block !important;	padding: 6px 0px !important;	height: 0px !important;}
.profile-block #btnPlus {float: none !important;	background-image: none !important;	width: 200px !important;	position: relative !important;	display: block !important;	/*border-bottom: 1px solid var(--border-color) !important;*/	margin-bottom: 10px;	padding: 30px 0px;}
.add_border {	border-bottom: 1px solid var(--border-color);	margin-bottom: 10px;}

.profile-block #btnMinus::after {display: block;	content: "\f057";	position: absolute;	left: -23px;	top: 20px;	color: red;	font-size: 18px;	font-family: 'Font Awesome 5 Free';	cursor: pointer;}
.profile-block #btnPlus::after {display: block;	content: "ADD FAMILY Member +";	width: 100%;	height: 10px;	position: absolute;	left: 0;	top: 22px;	color: #97c95c;	font-size: 18px;	font-family: 'MyriadPro-Semibold';	text-transform: uppercase;}
.profile-block .row-box {margin-right: -15px;	margin-left: -15px;	width: 100%;	float: right !important;}
.profile-block .row-box label {display: block;}
.profile-block .input-group-box .form-control {padding-right: 50px;}
.profile-block label.input-group-btn {position: absolute;	top: 0;	margin: 6px 0px !important;	right: 9px;	width: 40px;	cursor: pointer;}
.profile-block label.input-group-btn img {width: 20px;}
.profile-block .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {background-color: #fff;	opacity: 1;}
.profile-block .input-group .form-control {padding: 10px 8px 10px 8px;}
.profile-block .nots.text-right {padding-right: 44px;}



/*.input-group label {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
    font-size: 11px !important;
}*/



#myprofile .profile-navigation > li {
    float: left;
    margin-bottom: 0;
    border: none !important;
    max-width: 136px !important;
    width: 100% !important;
    margin: 0px 1px;
    padding: 0px;
    color: #fff !important;
    cursor: pointer;
}

#myprofile .profile-navigation li a {
    color: #fff;
    background-color: #3f3f3f;
    width: 100% !important;
    display: block;
    padding: 3px;
}

#myprofile .profile-navigation li a.active {
    background-color: #8ec44d;
}


.widget{ border: 1px solid #eee ; background: #f8f8f8; padding: 15px; margin-bottom: 15px; }
.widget h5{ font-size: 18px; text-align: left; margin-bottom: 20px; }
.widget p{font-style: 14px; color: #454545}
.widget .progress-details{margin-bottom: 25px;}
.widget.widget-cont-list ul{margin:0; padding: 15px;}
.widget.widget-cont-list ul li{ margin-bottom: 10px; list-style: square; color: #676767}
.widget.widget-cont-list ul li a{ font-size: 15px; color: #676767 ; text-decoration: underline; }
.widget.widget-cont-list ul li span{ float: right;}



.social-share{ display: block; margin:20px 0; }
.social-share ul{ width: auto; }
.social-share ul li{ display: inline-block; width: 35px; margin-right: 10px;  }
.social-share ul li a{ font-size: 20px;  }
.social-share ul li a i.fa{ color: #265845 }


#filter_data_modal {
    width: 100% !important;
    margin: 0px auto !important;
    padding: 0px !important;
}
#filter_data_modal .modal-dialog {
    max-width: 95% !important;
    margin: 0 auto !important;
    padding: 0px !important;
    height: 90vh !important;
    position: absolute !important;
    width: 100% !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
}
#filter_data_modal .modal-content {
    display: block !important;
    position: relative;
    height: 100% !important;
}
#filter_data_modal .modal-body {
    padding: 0px;
    height: 100%;
    width: 100%;
}
#filter_data_modal .filter-table-box {
    height: 100%;
    width: 100%;
}
#filter_data_modal .table-responsive {
    display: block;
    width: 100%;
    height: 100%;
    overflow: auto;
}

#filter_data_modal .table thead th {
    vertical-align: bottom;
    background-color: #97c95c;
    border: none !important;
    padding: 26px 20px;
    font-size: 16px;
    font-family: 'OpenSans-Bold';
    color: #fff;
}
#filter_data_modal .table .button-block .btn {
    margin: 5px 3px;
}
#filter_data_modal .table td {
    padding: 10px 20px;
    vertical-align: middle;
    color: #9a9a9a;
    font-family: 'MyriadPro';
    font-size: 16px;
}


#filter_data_modal .button-block .btn.btn-green {
    text-transform: capitalize;
    padding: 6px 16px 8px 16px;
    color: #fff;
    font-family: 'OpenSans';
    font-size: 15px;
}



.error-block {
    position: relative;
    width: 100%;
    height: 82vh;
}

.error-box {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    transform: translate(-50%, -50%);
}

.error-box h4 {
    color: #3a3a3c;
    text-transform: capitalize;
    margin-top: 24px;
    font-size: 40px;
}
.error-box h4 span {
    color: #8ec44d;
    margin-right: 20px;
}



.event-bg{min-height: 250px; max-height: 250px; overflow: hidden; background-size: cover; background-position: center center; margin-bottom: 20px}

.stop-pic{ padding: 10px; max-width: 200px; display: block; margin:0 auto; }




.custom_timer {
    width: 100%;
    padding: 3px;
}
.custom_timer div.days, .custom_timer div.hour, .custom_timer div.min {
    display: inline-block;
    margin-right: 15px;
    font-size: 12px;
    color: #898989;
    border-radius: 7px;
    border: 4px solid #84c341;
    width: 70px;
    text-align: center;
    height: auto;
    position: relative;
    padding:2px 10px 2px 10px;
    float: left;

}

.custom_timer div.days:after,
.custom_timer div.hour:after,
.custom_timer div.min:after {
    display: inline-block;
    position: absolute;
    top: 25px;
    right: -17px;
    font-size: 40px;
    line-height: 0;
    color: #565656;
    content: ":";
}

.custom_timer span.value {
    font-size: 28px;
    display: block;
    line-height: 36px;
    font-weight: bold;
    letter-spacing:-2px;
    color: #565656;
}

.custom_timer div.days:last-child:after,
.custom_timer div.hour:last-child:after,
.custom_timer div.min:last-child:after {
    display:none;
}


.row.custom-row-amount {
    margin-bottom: 15px;
}

input#OtherAmount,input#TotalAmount {
    max-width: 85px;
}

select.not_chosen {
    color: #909090 !important;
}

.row.custom-row-amount label {
    margin-top: 8px;
    display: inline-block;
}
.row.custom-row-amount .custom-text-filds {
    width: 95px;
    display: inline-block;
    margin-left: 10px;
}

.custom-select-filds {
    display: inline-block;
    width: 100%;
    max-width: 250px;
    margin-left: 10px;
}




.registration-box .tabing-content-block .nav.nav-tabs.subtabing {
    margin: 0px;
}
.registration-box .tabing-content-block ul.subtabing li {
    float: left !important;
    width: 100% !important;
    display: block;
    margin: 0px !important;
    max-width: 50% !important;
}

.registration-box .tabing-content-block ul.subtabing > li > a {
    padding: 12px !important;
    display: block;
    font-size: 17px;
    width: 100%;
    background-color: #e2e2e2 !important;
    text-align: center;
    font-weight: bold;
}
.registration-box .tabing-content-block ul.subtabing > li > a img{vertical-align: top; margin-left: 5px;}
.registration-box .tabing-content-block ul.subtabing > li > a.active {
    width: 100%;
    background-color: #98c95c !important;
    color: #fff !important;
}

.registration-box .registration-navigation.onlydonate {
    max-width: 277px;
}
.input-box {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 5%;
    margin-bottom: 0;
}
.tab-pane .input-box {
    position: unset;
}
.input-box label {
    color: #5d5d5d;
    font-size: 11px;
    font-family: 'OpenSans';
    padding-left: 3px;
}

.icons-box span {
    position: absolute;
    top: 1px;
    background-color: #e9ecef;
    height: 38px;
    width: 35px;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    margin: 0 auto;
    display: block;
    border: 1px solid #d4d4d4;
}

.icons-box {
    position: relative;
}

.family_row label {display: none;}
#custom_row label{display: block;}
.registration-block #custom_row #btnMinus::after {top: 45px;}
.family_row .amount{padding-left: 40px !important;}



.select2-container--default .select2-selection--single {border: 1px solid var(--border-color) !important;    height: 40px !important;    border-radius: 0px !important;    padding: 7px 15px !important;    font-family: 'MyriadPro' !important;    font-size: 15px !important;    color: #9a9a9a !important;}

.select2-container--default .select2-selection--single .select2-selection__arrow {top: 6px !important;}



.progress-box .progress {height: 25px;}
.progress-box label {font-size: 1.5rem;color:#8ec44d; line-height: 1.2; font-family: 'OpenSans-Bold'}
.progress-box .progress-details span {font-size: 16px;font-weight: bold !important;}

.custom_timer.custom_timer_box {
    padding-top: 20px;
}
.profile-pic {
    max-width: 252px;
    height: 252px;
    width: 100%;
    position: relative;
    overflow: hidden;
    border: 1px solid #f1f1f1;
    padding: 10px;
}
.profile-pic img {
    width: 100% !important;
    height: 100% !important;
}

.public-pic {
    max-width: 252px;
    height: 252px;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.public-pic img {
    width: 100% !important;
    height: 100% !important;
}

.error{color: red !important}



#footer {}
#footer .footer-block-top {background-color: #484848; padding: 20px 0px; text-align: center;}
#footer .footer-block-bottom {background-color: #3e3d3d; padding: 20px 0px; text-align: center;}
#footer .footer-copyright.text-center p {color: #fff;    margin: 0px;    font-size: 16px;}

.widget-cont-list ul{max-height: 340px;overflow-y: auto; min-height: 300px}
.widget-honor-list ul{overflow-y: scroll; min-height: 300px}

.widget-cont-list.ppen ul{max-height: none;overflow-y: auto; min-height: 300px}

.schedule-block{background:#8ec44d;}
.schedule-block p:empty{display: none;}

@media (min-width: 768px){
    .col-sm-6, .col-md-6 {flex: 0 0 49.94%;}
    .col-sm-9, .col-md-9 {flex: 0 0 74.94%;}
    .col-sm-3, .col-md-3 {flex: 0 0 24.9%;}
    .col-sm-2, .col-md-2 {flex: 0 0 16.65%;}
    .col-sm-4, .col-md-4 {flex: 0 0 33.24%;}
}

.input-box label{text-align: center;font-weight: bold}
.input-box span{text-align: center;}

.red-tooltip + .tooltip > .tooltip-inner {background-color: #fff; color:#111; border:1px solid #ddd}


.billing-info-block{ background: #f7f7f7; padding: 20px; max-width: 500px; display: block; margin: 0 auto }
.billing-info-block .table{width:100%}
.billing-info-block .table td{ padding: 5px; border:none; }
.billing-info-block .table .form-control{ padding: 2px;  height: auto;}
.edit-icon{ float: right; color: #565656}
#paymentiframe{ margin: 0 auto; display: block; }



.select2-container{border:1px solid #d8d8d8;}



.editor-content {  font-size: 15px;  }
.editor-content ul{list-style: disc;    margin: unset;    padding: unset;    list-style-type: disc; margin-left: 20px}
.editor-content ul li{list-style: disc;    margin: unset;    padding: unset;    list-style-type: disc;color: #5d5d5d}
.editor-content ol{list-style: decimal;    margin: unset;    padding: unset;    list-style-type: decimal;margin-left: 20px}
.editor-content ol li{list-style: decimal;    margin: unset;    padding: unset;    list-style-type: decimal; color: #5d5d5d}




.move-member-box ul li {
    border: 1px solid #eee;
    padding: 12px 20px;
    font-size: 14px;
    margin-bottom: 10px;
    box-shadow: 1px 1px 3px #eee;
    border-left: 5px solid #8ec44d;
}


.move-member-box ul li span{font-size: 12px; display: block; color: #999;line-height: 24px}
.move-member-box ul li span strong{color: #555}

.paginate_disabled_next {
    display: none;
}
.paginate_disabled_previous{
    display: none;
}
.registration-block .filectrl{position: relative;}
.registration-block .filectrl label.input-group-btn {
    margin: 0px !important;
    right: 0;
    width: 100%;
    text-align: right;
    padding: 8px 10px 8px 10px;
}

.input-box-amount{
    width: 10px !important;
}