body { font-family: Raleway; margin: 0; font-size: 15px; padding: 0; background: #fff; color: #444; }
* { margin: 0; padding: 0; font-family: Raleway; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; }
img { max-width: 100%; }
a { text-decoration: none; color: #3e2649; }
.container { width: 1200px; margin: 0 auto; position: relative; }
.clearfix { clear: both; }
.clearfix:after {clear:both; display:table; content:"";}
.header { background:#fff; border-bottom:6px solid #3e2649; width: 100%; z-index: 99; }
.logo { float: left; padding: 20px 0 16px 0; }
.logo img {height:65px;}
.nav-right { float: right;}
.nav-right li { display: inline-block; text-transform: uppercase; }
/*.nav-right li.active a, .nav-right li:hover a {color:#938245; background:#fefbf1;}*/
.nav-right li a { padding: 42px 15px; font-size: 14px; font-weight: 300; color: #333; display: block; text-decoration: none; }
.nav-right li.active a, .nav-right li a:hover {color:#f26522;}
.nav-right ul { text-align: right; }
.nav-right li.donate-btn a {background:#f26522; color:#fff; padding:10px 15px; margin:32px 0; font-weight:600; display:block;}
.nav-right li.donate-btn:hover {opacity:0.8;}
.banner, .inr-banner {position:relative; margin-bottom: 40px;}
.banner-bx h2 {font-size:35px; padding:0 30px; font-weight:600;}
.banner-bx h5 {background:#3c2347; padding:10px 30px; font-size:20px; font-weight:600; margin:20px 0;}
.banner-bx p {font-size:16px; padding:0 30px;}
.banner-bx {text-align:center; position:absolute; right:50px; color:#fff; top:50px; padding:20px 0; width:320px; background:rgba(60,35,71,0.8);}
.banner:after, .banner:before, .inr-banner:after, .inr-banner:before{ height: 20px; width: 100%; content: ""; position: absolute; bottom: -20px; left: 0;}
.banner:before{ height: 20px; width: 100%; content: ""; position: absolute; bottom: -40px; left: 0;}
.banner:after{ bottom: -20px; background: #f26522;}
.banner:before{bottom: -40px; background: #3c2347;}
.inr-banner:after {bottom: -16px; background: #f26522;}
.inr-banner:before {bottom: -36px; background: #3c2347;}
a[href^=tel], a[href^=tel]:hover, a[href^=tel]:focus { color: #333; cursor: default; text-decoration: none;}
.footer a[href^=tel], .footer a[href^=tel]:hover, .footer a[href^=tel]:focus { color: #FFF; cursor: default; text-decoration: none;}
.cont-left {width:40%; float:left;}
.cont-right {width:50%; float:right; padding:40px 0;}
.cont-right h3 {font-size:35px; margin-bottom:30px; color:#3e2649;}
.cont-right ul li {padding:8px 10px 10px 40px; list-style:none; font-size:17px; margin-bottom:20px; font-weight:300; position:relative;}
.cont-right ul li:after {font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900; color:#3e2649; content:"\f00c"; position:absolute; left:10px; top:11px;}
.cont-right ul li:nth-child(even) {background:#eee;}
.about-section {padding:80px 0;}
.donation-bx {background:url(../images/donation-bg.jpg) no-repeat center / cover;}
.donation-form {background:rgba(0,0,0,0.6); padding:20px; width:25%; float:left;}
.donation-form h4 {color:#fff; font-size:20px; margin-bottom:20px;}
.form-bx {margin-bottom:15px;}
.form-bx label {display:block; margin-bottom:10px; color:#fff; font-weight:400;}
.form-bx input[type=text] {width: 100%; box-sizing: border-box; padding: 3px;}
.form-bx select {background:#fff; width:100%; font-size:12px; padding:5px 10px; border:1px solid #ccc;}
.form-bx textarea {width: 100%; padding:5px 10px; height: 50px;}
.form-btn input {background:#f26522; color:#fff; border-radius:50px; cursor:pointer; border:none; padding:8px 20px; outline: none;}
.form-btn input:hover {opacity:0.8;}
.volunteer-bx {width:75%; margin-top:146px; background:#f26522; padding:50px 20px; border-top-right-radius:15px; border-bottom-right-radius:15px; float:left; color:#fff;}
.volunteer-bx li {list-style:none; padding:0 20px 0 50px; float:left; width:50%; position:relative;}
.volunteer-bx li:first-child {border-right:1px solid rgba(255,255,255,0.2);}
.volunteer-bx li i {position:absolute; left:20px; top:5px;}
.volunteer-bx h4 {color:#fff; font-size:18px; margin-bottom:10px;}
.footer {padding:40px 0; color:#fff; background:#28162f;}
.ftr-left {float:left; width:25%; color:#D4D0D5; }
.footer h4 {color:#fff; font-size:20px; margin-bottom:20px;}
.ftr-left li {list-style:none; color:#D4D0D5; position:relative; padding-left:25px; margin-bottom:20px;}
.ftr-left li i {position:absolute; left:0; top:2px;}
.ftr-right {float:right; width:65%;}
.form-ftr-bx label {display:block; font-size:12px; margin-bottom:10px; color:#D4D0D5;}
.width-50 {float:left; width:50%;}
.form-ftr-bx input {padding:5px 10px; width:100%; font-size:12px; border:none;}
.form-ftr-bx textarea {padding:5px 10px; resize:none; font-size:12px; width:100%; border:none;}
.form-ftr-bx {padding:0 15px 0 0; margin-bottom:20px;}
.form-ftr-btn {padding:0 15px 0 0;}
.form-ftr-btn input {background:#f26522; color:#fff; border-radius:50px; cursor:pointer; border:none; padding:8px 20px; outline: none;}
.btm-ftr {background:#1c0a23; padding:20px 0; color:#fff; font-size:12px; text-align:center;}
.upper-header {padding:10px 0; border-bottom:1px solid #ccc;}
.top-header-left {float:left;}
.top-header-left li {list-style:none; padding-right:20px; display:inline-block; font-size:12px;}
.top-header-left li a {color:#666;}
.top-header-left li i {color:#00a5c2; margin-right:10px;}
.header-social {float:right;}
.header-social li {list-style:none; padding-left:10px; display:inline-block;}
.header-social li a {padding:4px 10px; background:#eee; font-size:12px; display:block; width:30px; text-align:center;}
.inr-section p {margin-bottom:15px; font-size:16px; line-height:30px;}
.inr-section {padding:50px 0;}
.inr-section h3 {font-size:20px; margin-bottom:20px;}
.inr-section h2 {font-size:35px; color:#f26522; margin-bottom:30px;}
.inr-section .cont-right {padding:0;}
.cont-left-small {width:25%; float:left;}
.cont-right-large {width:70%; float:right;}
.board-bx {padding:50px 0; text-align:center; border-top:1px solid #ccc;}
.board-bx li {list-style:none; display:inline-block; margin-bottom:10px; width:15%;}
.board-bx h2 {font-size:30px; color:#825693; font-weight:300; margin-bottom:30px;}
.board-bx li h3 {color:#825693; margin:10px 0 0; font-weight:400; font-size:20px;}

.form50 { width: 50%; float: left; padding: 0 15px; }
.form33 { width: 33.333%; float: left; padding: 0 15px; }
.form100 { width: 100%; float: left; padding: 0 15px; }
.bx50 { float: left; position: relative; z-index: 99; padding: 0 15px; width: 50%; }
.contact_form .contant-field input, .contact_form .contant-field textarea, .contact_form .contant-field select { border: 1px solid #ccc; }
.contact_info li { position: relative; list-style: none; min-height: 40px; padding-left: 60px; margin-bottom: 15px; }
.contact_info ul { padding: 0; margin: 0; }
.contact_info_icon { position: absolute; text-align: center; color: #fff; left: 0; top: 0; width: 40px; height: 40px; border-radius: 50%; background: #444; }
.row { margin: 0 -15px; }
.contact_info_icon i { line-height: 40px; }
.contact_map iframe { height: 280px; }
.contact_form h2 {margin-bottom: 10px; }
.contact_form h3 { font-size: 16px; padding: 0 15px; margin-bottom: 10px; }
.registration h2, .registrationh3 {padding:0 15px;}
.contact_map { margin-bottom: 20px; }
.contant-field { margin-bottom: 20px; }
.contant-field input, .contant-field select { width: 100%; height: 55px; border: none; border-radius: 5px; background: #fff; padding: 0 16px; color: #000; font-size: 14px; }
.contant-field textarea { width: 100%; height: 145px; border: none; border-radius: 5px; background: #fff; padding: 20px 16px; color: #000; font-size: 14px; resize: none; }
.contant-submit input, .contant-submit a { width: 100%; height: 55px; border: none; border-radius: 50px; background: #f26522; color: #fff; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; outline: none; }
.contant-submit{text-align: center;}
.contant-submit a {display: inline-block; text-align: center; line-height: 55px; max-width: 300px;}
.contant-submit input:hover, .contant-submit a:hover { opacity: 0.8; }
.contact-us { padding: 50px 0; background:#fefbf1; }
.contact-us h2 { margin-bottom: 15px; font-size: 25px; }
.contact-us p { margin-bottom: 20px; }
.testm-list {margin-bottom: 60px;}
span.valid[style*="inline"]{ display:block !Important; color: red; margin-top: 10px; font-size: 80%;}
.thankyou-msg{text-align: center; padding: 40px 0;}
.thankyou-msg i{width: 50px; height: 50px; text-align: center; color: #FFF; font-size: 20px; line-height: 50px; background: #f26522; margin-bottom: 25px; border-radius: 50%;}

/* Annual Golf Fundraiser Page */
.event-top-head{padding-left: 50px; position: relative;}
.event-top-head strong{display: block; padding: 0 0 8px 0;}
.event-top-head img{position: absolute; top: 0; left: 0; width: 36px;}
.mayor-img{width: 130px; float: left; margin: 0 25px 25px 0;}
.event-overview{overflow: hidden; padding-right: 40px;}
.event-overview h4{color: #999; margin-bottom: 7px;}
.early-bird{background: #f4f4f4; margin: 45px 0; padding: 20px; text-align: center; border: 1px solid #ddd;}
.early-bird h2{color: #f00; font-size: 26px; text-transform: uppercase; margin-bottom: 7px;}
.early-bird h3{color: #333; margin-bottom: 15px;}
.early-bird h4{color: red; margin-bottom: 10px;}
.event-form{margin-bottom: 20px; width: 100%;}
.event-form .col-md-offset-2{    border-bottom: 1px solid #CCC; padding-bottom: 20px;}
.event-form h3 span{color: #f26522;}
.event-form [type="text"], .event-form [type="password"] {appearance: none; outline: none; border-radius: 0; border: none; height: 42px; font-weight: normal; color: #495057; border: 1px solid #d4d4d4; padding: 5px 10px; width: 100%;}
.event-form select {display: inline-block;
    width: 100%;
    height: calc(2.25rem + 4px);
    padding: .375rem 2.95rem .375rem 1.05rem;
    color: #495057;
    vertical-align: middle;
    background: #FFF url(../images/dropdown-arrow.svg) no-repeat right 1.2rem center;
    background-size: 10px 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    border-radius: 0;
    border: none;
    height: 42px;
    font-weight: normal;
    border: 1px solid #d4d4d4;

}
.event-form select:focus{outline: none; box-shadow: none;}
.text-center{text-align: center;}
.attend-donation{/*border-top: 1px solid #CCC; padding: 20px 0 10px 0; margin: 20px 0 0 0;*/}
.attend-donation input{border-width: 0 0 1px 0; border-color: #999; padding: 7px 15px; margin-left: 10px;}
.attend-donation input:focus{box-shadow: none; outline: none; border-color: #333; }
.attend-donation .contant-submit input{background: #28162f;}
.org-color{color: #f26522;}
.sponser-list{list-style-type: none; padding: 0; margin: 0 0 20px 0;}
.sponser-list li {
    padding: 8px 10px 0px 30px;
    list-style: none;
    font-size: 14px;
    margin-bottom: 0;
    position: relative;
}
.sponser-list li:after {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    color: #3e2649;
    content: "\f00c";
    position: absolute;
    left: 0;
    top: 7px;
}

.fullscreen-bg__video {
    width: 100%;
}

/* Global Checkbox & Radio Button Style */
[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
  opacity: 0
}
[type="checkbox"]+label {
position:relative;
padding-left:30px !Important;
cursor:pointer;
display:inline-block;
height:25px;
    text-align: left;
margin:0;
line-height:25px;
/*font-size:14px;*/
font-weight:600 !Important;
color:#333333;
-webkit-user-select:none;
-moz-user-select:none;
-khtml-user-select:none;
-ms-user-select:none
}
[type="checkbox"]+label:before, [type="checkbox"]:not(.filled-in)+label:after {
content:'';
position:absolute;
top:0;
left:0;
width:18px;
height:18px;
z-index:0;
border:1px solid #999;
margin-top:3px;
transition:.2s;
}
[type="checkbox"]:not(.filled-in)+label:after {
  border: 0;
  -webkit-transform: scale(0);
  transform: scale(0)
}
[type="checkbox"]:not(:checked):disabled+label:before {
  border: none;
  background-color: rgba(0,0,0,0.26)
}
[type="checkbox"].tabbed:focus+label:after {
  -webkit-transform: scale(1);
  transform: scale(1);
  border: 0;
  border-radius: 50%;
  box-shadow: 0 0 0 10px rgba(0,0,0,0.1);
  background-color: rgba(0,0,0,0.1)
}
[type="checkbox"]:checked+label:before {
  top: -4px;
  left: -5px;
  width: 12px;
  height: 22px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #34aa54;
  border-bottom: 2px solid #34aa54;
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%
}
[type="checkbox"]:checked:disabled+label:before {
  border-right: 2px solid rgba(0,0,0,0.26);
  border-bottom: 2px solid rgba(0,0,0,0.26)
}
[type="checkbox"]:indeterminate+label:before {
  top: -11px;
  left: -12px;
  width: 10px;
  height: 22px;
  border-top: none;
  border-left: none;
  border-right: 2px solid #c3272f;
  border-bottom: none;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%
}
[type="checkbox"]:indeterminate:disabled+label:before {
  border-right: 2px solid rgba(0,0,0,0.26);
  background-color: transparent
}
[type="checkbox"].filled-in+label:after {
}
[type="checkbox"].filled-in+label:before, [type="checkbox"].filled-in+label:after {
  content: '';
  left: 0;
  position: absolute;
  transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;
  z-index: 1
}
[type="checkbox"].filled-in:not(:checked)+label:before {
  width: 0;
  height: 0;
  border: 3px solid transparent;
  left: 6px;
  top: 10px;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 20% 40%;
  transform-origin: 100% 100%
}
[type="checkbox"].filled-in:not(:checked)+label:after {
  height: 20px;
  width: 20px;
  background-color: transparent;
  border: 2px solid #5a5a5a;
  top: 0;
  z-index: 0
}
[type="checkbox"].filled-in:checked+label:before {
  top: 0;
  left: 1px;
  width: 8px;
  height: 13px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%
}
[type="checkbox"].filled-in:checked+label:after {
  top: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #c3272f;
  background-color: #c3272f;
  z-index: 0
}
[type="checkbox"].filled-in.tabbed:focus+label:after {
  border-color: #5a5a5a;
  background-color: rgba(0,0,0,0.1)
}
[type="checkbox"].filled-in.tabbed:checked:focus+label:after {
  background-color: #c3272f;
  border-color: #c3272f
}
[type="checkbox"].filled-in:disabled:not(:checked)+label:before {
  background-color: transparent;
  border: 2px solid transparent
}
[type="checkbox"].filled-in:disabled:not(:checked)+label:after {
  border-color: transparent;
  background-color: #BDBDBD
}
[type="checkbox"].filled-in:disabled:checked+label:before {
  background-color: transparent
}
[type="checkbox"].filled-in:disabled:checked+label:after {
  background-color: #BDBDBD;
  border-color: #BDBDBD
}

.gap-hidden{display: none;}
/* Annual Golf Fundraiser Page */

@media screen and (max-width:1200px) {
.container { width: 90%; }
.header { position: static; }
.banner { height: auto; }
.nav-right { margin-top: 0; }
.nav-right li a { padding: 36px 7px; font-size: 13px; }
.logo { }
.logo img { height: 50px; }
.location-list, .donate-now {padding:20px;}
.location-list a {word-wrap: break-word;}
.donation-form {width:35%;}
.volunteer-bx {width:65%;}
}
 @media screen and (max-width:900px) {
.welcome-banner h2 { font-size: 30px; }
.left-cont p { font-size: 16px; }
.nav-right li a { font-size: 12px; text-transform: none; }


}
 @media screen and (max-width:767px) {
.toggleMenu span { margin: 4px 0; width: 30px; height: 4px; background: #3e2649; display: block; }
.toggleMenu { display: block; padding: 33px 10px; }
.left-cont { width: 100%; float: none; }
.right-image { width: 350px; max-width: 100%; float: none; margin: 20px auto; }
.section-info .item-bx { width: 42%; margin-bottom: 20px; height:190px; }
.nav-right ul { text-align: right; position: absolute; top: 100%; z-index: 9999; left: 0; background: #3e2649; width: 100%; }
.nav-right li.donate-btn a {margin:15px 0; text-align:center; border-radius:3px;}
.nav-right li.donate-btn {padding:0 10px;}
.nav-right li {display:block; border-bottom:1px solid rgba(255,255,255,0.2); text-align:left;}
.nav-right li a {color:#fff; padding:15px 10px;}
.banner {height:auto; min-height:20px;}
.top-header-left {width:100%; text-align:center;}
.top-header-left li {margin: 0; padding: 0 10px;}
.header-social {width:100%; margin-top:10px; text-align:center;}
.header-social li {padding:0 10px 0 0}
.banner-bx {position:static; text-align:left; width: 100%;}
.banner-bx h2 {font-size:30px; text-align:left;}
.cont-left, .cont-right, .ftr-left, .ftr-right, .cont-left-small, .cont-right-large, .board-bx li {width:100%; margin-bottom:20px;}
.about-section {padding:20px 0;}
.donation-bx {padding:30px 0;}
.donation-form {width:100%; margin:0 0 20px; border-radius:15px;}
.volunteer-bx {border-radius:15px; width:100%; margin:0;}
.volunteer-bx li {width:100%; border:none; margin:0 0 30px;}
.volunteer-bx li:first-child {border:none;}
.volunteer-bx li:last-child{margin-bottom: 0;}
.inr-banner:after, .inr-banner:before{height: 10px;}
.inr-banner:after {bottom: -6px;}
.inr-banner:before {bottom: -16px;}

}

 @media screen and (max-width:768px) {
  .gap-hidden{display: block;}
  .mobile-gap .col-sm-6{
  margin-bottom: 15px;
}
.mobile-gap .hidden-xs{
  display: none;
}
.event-overview {
    padding-right: 0px;
}
  }


@media screen and (max-width:550px) {
.location-list, .donate-now {width:100%; padding:20px;}
.social-links {width:100%; text-align:center;}
.copy {width:100%; text-align:center;}
.left-section li {width:100%;} 
.form33, .form50, .form100 {width:100%;}
.bx50 {width:100%;}
.map iframe {height:250px;}
.map {margin-bottom:20px;}
.section-info .item-bx p {font-size:16px;}
.mayor-img {width: auto; float: none;}
.event-overview {padding-right: 0; padding-bottom: 25px;}
.gap-hidden {display: none;}
.attend-donation input {margin-left: 0px;}
.attend-donation{ padding: 0 20px;}
.checkbox.form-group input{margin: 15px 0;}
.early-bird h2 {font-size: 21px;}
.early-bird h3 {font-size: 17px;}
}