@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,600);
@import url(https://fonts.googleapis.com/css?family=Didact+Gothic:400,700,600);

@font-face {
    font-family: 'CenturyGothic';
    src: url('../fonts/gothic.eot');
    src: url('../fonts/gothic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gothic.woff') format('woff'),
         url('../fonts/gothic.ttf') format('truetype'),
         url('../fonts/gothic.svg#gothic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CenturyGothic';
    src: url('../fonts/gothic.eot');
    src: url('../fonts/gothic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gothic.woff') format('woff'),
         url('../fonts/gothic.ttf') format('truetype'),
         url('../fonts/gothic.svg#gothic') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* 
================================================== */
body {background: #fff;font-family: 'Open Sans', sans-serif;
   font-size: 16px;font-weight: 300;line-height: 26px;margin: 0;padding: 0;position: relative;}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, 
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
{ padding: 0px; }

.container { width: 1000px; padding: 0px;}

.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {   display: block; height: auto; max-width: 100%; width: 100%;}
#share-buttons {float: right;}
#share-buttons img {
width: 35px;
padding: 5px;
border: 0;
box-shadow: 0;
display: inline;
}
#share-buttons a {text-decoration: none;}
p {padding-bottom: 10px;}
header #headertop {
    background: #fff none repeat scroll 0 0;
    border-top: 5px solid #c4161c;
    box-shadow: 0 0 17px rgba(0, 0, 0, 0.5);

}
header {    display: inline-block;
    margin-bottom: -7px;
    position: relative;
    width: 100%;
    z-index: 9999;}
header .navbar { background: #fff;     border: 0 none !important;     margin: 0;     min-height: 100% !important;     position: relative;     padding: 20px 0 }
header .navbar-inverse .navbar-nav {}
header .navbar-brand { float: left;font-size: 18px;height: auto !important;line-height: 20px;padding: 0 !important;margin: 0 !important;}
header .navbar-inverse .navbar-nav > li {}
header .navbar-inverse .navbar-nav > li > a {color: #3a392f;font-size:18px;padding:5px 20px 10px;text-transform: uppercase;font-weight: bold;}
header .navbar-inverse .navbar-nav > .active > a, header .navbar-inverse .navbar-nav > .active > a:focus,
header  .navbar-inverse .navbar-nav > .active > a:hover {background:none;border-radius: 0px; color: #c4181e;}
header .navbar-inverse .navbar-nav > li > a:focus, header .navbar-inverse .navbar-nav > li > a:hover { background:none; color: #c4181e; border-radius: 0px; }
header .navbar-inverse .navbar-nav > .open > a,header  .navbar-inverse .navbar-nav > .open > a:focus, header .navbar-inverse .navbar-nav > .open > a:hover {
  background: none; border-radius: 0px;  color: #d9b310;}
header .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {background-color: #c4161c;color: #fff;}
header .navbar-nav {float: left;margin: 0;}
header .navbar-inverse .navbar-collapse, header  .navbar-inverse .navbar-form {border-color: #101010;padding:  0 0;}
header #navbar {    padding-top: 3%;}

header .contact {padding-left: 5px;}
 header .contact .title {
        font-size: 12px;
    font-weight: bold;
    margin-top: -5px;
    padding-right: 10px;
    text-align: right;
    text-transform: uppercase;
}
header .contact a {color: #000;}
header .contact a:hover {color: #c4181e;text-decoration: none;}
header .contact a img {width: 130px;}
a:focus {
    outline: none !important;
    outline-offset: 0px;
}


h2 {color: #c4161c;font-family: 'bigcalson';font-size: 46px;text-align:left;margin: 0;}
h3 {color: #c4161c;font-size: 20px;text-align:right;margin: 0;font-weight: bold;}


header #headertop.navbar-fixed-top {z-index:999;}


#bringtotop {   bottom: 15px;position: fixed;right: 15px;z-index: 99999;}
#bringtotop.tohide {visibility:hidden;}
#bringtotop.toshow {visibility:visible;}
#bringtotop a {  }

h1 { color: #333; font-size: 25px; font-weight: 500; margin: 0 0 20px 0; padding: 0px;}
.currentincomeerr, .desireddonationserr {color: #c4161c ;}

/* CAROUSEL
================================================== */
.carousel {margin-top: 0;border-bottom: 0 solid #000000;position: relative;height: 100%;width: 100%;transition: all 400ms ease 0s;}
#myCarousel .carousel-caption { bottom: 0;color: #000;height: 100%;left: 0;line-height: 15px;padding: 0;position: absolute;right: 0;text-align: left;
    text-shadow: 0 0px 0px rgba(0, 0, 0, 0.6);top: 0px;width: 100%;z-index: 10;z-index: 99;}
#myCarousel .carousel-caption h1 {font-size: 40px;font-family: 'Didact Gothic', sans-serif; font-weight: bold;color:#fff;}
#myCarousel .carousel-caption h1.white {color:#fff;}
#myCarousel .carousel-caption p {font-size: 14px;line-height: 26px;padding: 0;margin:0;color:#fff;}

#myCarousel .carousel-indicators { display:none;bottom: 0;left: 0;list-style: none outside none;margin-left: 0;padding-left: 0;position: absolute;text-align: auto;width: 100%;z-index: 15;}
#myCarousel .carousel-control {  bottom: 0;font-size: 60px;height: 65px;list-style: outside none none;margin-left: 0;opacity: 1;padding-left: 0;padding-right: 0;
  position: absolute;text-align: left;text-shadow: none;top: 50%; width: 100% !important;display: none;}
#myCarousel .carousel-control .left { background: none ; opacity:0.7; color: #fff ; float: left ; margin-left: 1%; padding: 10px; z-index: 99;}    
#myCarousel .carousel-control .right {    background: none ;opacity:0.7;color: #fff ;float: right ;margin-right: 1%;padding: 10px; z-index: 99;}    
#myCarousel .carousel-control .left:hover {  background:none;text-decoration: none ;color: #c4161c ;opacity:1;}
#myCarousel .carousel-control .right:hover {background:none;opacity:1; text-decoration: none ;color: #c4161c ;opacity:1;}
#myCarousel .carousel-inner > .item > img, .carousel-inner > .item > a > img {height: 100%;max-width: none;}

#myCarousel .cateringinfo {padding-left: 3%;padding-top: 3%;}
.carousel-inner > .item {
    transition: left 0.8s ease-in-out 0s;
}

#myCarousel .orange { background: #f48d23;  }
#myCarousel .embedvideo {   }

.note {font-size:12px;font-style: italic;}
.corporatebox.tohide, .individualbox.tohide {display: none;}

/* CAROUSEL lightbox
================================================== */

/* MAIN CONTENT
================================================== */

 .btn {transition: all 400ms ease 0s;display: inline-block;color: #fff;font-size: 16px;border-radius: 0;
  background: #ea4f51 ;display: inline-block;font-weight: 500;padding:10px  20px;text-transform: uppercase;margin:10px 0  0;}
 .btn:hover  {background: #c4161c;color: #fff;text-decoration: none;}

#info .container {padding:5% 0 2%;}
h4 {font-weight: bold;color: #c4161c;}
.main-container form .menuinfo, .main-container form .menuinfo div {padding:0 ;}
#info h1 {text-align: center;}
.menuinfo ul{padding: 0 0 0 20px;margin: 0;list-style: none;}
.contentbox.menu {padding-left: 30px;}
.main-container form .menuinfo .menubox {padding-right: 20px;}
.sidebar .menu {border-bottom: 1px solid #ccc;padding: 20px 0;}

/* forms
================================================== */
.wpcf7-form input.borderred {
    border: 1px solid #c4161c ;
    box-shadow: 0 0 2px #c4161c ;
}

.wpcf7-form select {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #dbdbdb;
    box-shadow: none;
    color: #333333;
    padding: 10px;
    width: 100%;margin-bottom: 10px;
}

.wpcf7-form-control-wrap {
    position: relative;
}

.wpcf7-form input {
    border: 1px solid #dbdbdb;
    box-shadow: none;
    color: #333333;
    font-size: 15px;
    margin: 0 0 10px;
    padding: 10px;
    width: 100%;
}

#checkbox2 {
    float: left;
    line-height: normal;
    margin: 5px 10px 0 0;
}

.wpcf7-form .title {font-weight: bold;}

.wpcf7-form .dollar {    font-weight: bold;
    padding: 10px 15px 0 0;
    text-align: right;}
.wpcf7-form .italic {font-style: italic;}
.wpcf7-form .formbottom {padding-bottom: 20px;}
.wpcf7-form textarea {
    border: 1px solid #dbdbdb;
    box-shadow: none;
    color: #333333;
    font-size: 15px;
    height: 155px;
    line-height: 35px;
    margin: 0 0 10px;
    padding: 0 0 0 15px;
    width: 100%;
}
.wpcf7-form .btn {color:#fff;}
.disclaimer {    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    height: 100%;
    position: absolute;
    top: 0;display: none;
    width: 100%;
    z-index: 9999; }
.disclaimer.toshow {display: inline-block;}    
.disclaimer .box {
    background: #fff none repeat scroll 0 0;
    box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.5);
    display: inline-block;
    margin: 0;
    padding: 20px;
    width: 46%;
    text-align: justify;
    position: fixed;
    top: 12%;
    left: 27%;
}
#withdonations, #withoutdonations, #taxsavings {font-weight: bold;}
.disclaimer .box .image img {float: right;}
.disclaimer .box .header{border-bottom: 1px solid #000;padding-bottom: 10px; margin-bottom: 10px;}
.disclaimer .box p {font-size: 14px;line-height: 26px;}

.w-button.calc.tohide {display: none;}
.w-button.calc2 {display: none;}
.w-button.calc2.toshow {display: inline-block;}
.w-form-label.acc.tohide  {display: none;}
.w-form-label.dis.tohide  {display: none;}

.accepted.tohide  {display: none;}
.declined.tohide  {display: none;}
.schedule.w-form-label {    float: left;    width: 90%;}
.donations {display:none;}
.donations.toshow {display: inline-block;}

.btn.accept {background: #6cc072;width: 100%;}
.btn.accept:hover {background: #ccc;width: 100%;}
.btn.decline {background:#e85051;width: 100%;}

.btn.decline:hover {background:#333;width: 100%;}
/* FOOTER
================================================== */
footer {background:url(images/footer.jpg) no-repeat top center;background-size:cover;color: #fff;line-height: 20px;}

footer .foot-links {display:inline-block;width:100%;padding: 13% 0;}
footer .foot-links h1 { color:#000;font-size: 35px;text-align: center;text-transform: none;font-family: 'Didact Gothic', sans-serif; margin-bottom: 20px;}
footer .foot-links .links .box {width: 60%;text-align: center;background: rgba(255,255,255,0.7);padding:2%  5%;margin: 0 auto;}

.copyrighter {display:inline-block;width:100%; text-align: center;font-size: 1.1em;background: #fff;color:#000;}
.copyrighter .container {padding: 20px; }

@media only screen and (min-width: 1500px) {   
#myCarousel .cateringinfo {
    padding-right: 11%;
}
}

/*  DEFAULT SIZE MONITOR SIZE
================================================== */
@media only screen and (max-width: 1280px) {   
#myCarousel .carousel-caption .cateringinfo {
    padding-top:30px;
}
    #myCarousel .carousel-caption {padding: 0;}
    #myCarousel .carousel-caption h1 {
    font-size: 40px;
}
#myCarousel .carousel-caption p {
    font-size: 16px;
    line-height: 17px;
  }
}

/*  IPAD SIZE 768X660 
================================================== */
@media only screen and (max-width: 998px) {  
  .container {   width: 750px;}
  #myCarousel .carousel-control {    bottom: 0; font-size: 30px; top: 35%;}
  #myCarousel .carousel-control .left {  margin-left: 5%; padding: 6px 18px;}
  #myCarousel .carousel-control .right {  margin-right: 5%; padding: 6px 18px;}
  header .navbar {  padding: 10px 0;  }
  header #right-side {  border-left: 0 solid #ccc; border-top: 1px solid #ccc; padding: 10px 0 0;}
  header .navbar-nav {  padding: 0 0 10px;}
  header #right-side p .phone-num, header #right-side a {   font-size: 16px;}
  header .navbar-inverse .navbar-nav > li > a { font-size: 12px;padding: 10px 0px;}
  #myCarousel .carousel-caption a span { padding: 5px 10px;}
  #myCarousel .carousel-caption a i { padding: 6px 10px 7px;}
  #myCarousel .carousel-caption h1 {  font-size: 25px;}
  #myCarousel .carousel-caption p {  font-size: 16px;  line-height: 20px;}
  #myCarousel .carousel-caption a {   font-size: 12px;}
  #myCarousel .carousel-caption { padding: 13% 0 0;}

  .main-container {  padding: 20px 0;}
  #myCarousel .carousel-control .left {
    margin-left: -2%;
}
#myCarousel .carousel-control .right {
    margin-right: -2%;
}
#myCarousel .cateringinfo {
    padding-left: 0;
}
header .navbar-header {text-align: center;}
.navbar-brand > img {
    display: block;
    width: auto;    width: 90%;
}header .navbar-brand {
    display: inline-block;
    float: none;
}
header .contact .title {
    padding-left: 5px;
    text-align: left;
}
header .navbar-inverse .navbar-nav > li {
    padding-left: 0;
}
header .navbar-inverse .navbar-nav > li > a {
    padding: 10px;font-size: 14px;
}
#info .contentbox {
    padding: 20px;
}
header #navbar {    padding-top: 0;}
footer .footicon {padding-bottom: 10px;}
.breadcrumb-wrap h1,  .breadcrumb-wrap {text-align: center;}
.main-container {    padding:  0;}
header .contact .title {
    width: 100%;
}
.note {
    font-size: 12px;
    font-style: italic;
    display: inline-block;
    padding: 0 20px;
}
#myCarousel .carousel-control .right {
    margin-right: 0%;
}
.disclaimer .box {
    width: 90%;
    top: 4%;
    left: 5%;
}
#myCarousel .carousel-caption .cateringinfo {    padding-top:20px;}
 #myCarousel .carousel-caption {padding: 0;}

}

/* IHONE SIZE 320X480
================================================== */
@media only screen and (max-width: 767px) {
  .container {padding: 0;width: 100%}
  
  .navbar-header, #navbar {margin: 0 !important;}
  
  header .navbar {padding: 0}
  header .navbar-brand {     margin: 10px 12% 10px 0 !important;}
  header .navbar-toggle {float: left; color:#fff;margin: 10px;background: #328bc3  none repeat scroll 0 0;border: medium none; margin: 10px;}
  header .navbar-inverse .navbar-collapse, header .navbar-inverse .navbar-form {background: #1a1a1a none repeat scroll 0 0;border: 0 none !important;padding: 10px 20px;}
  header .navbar-nav { float: left;margin: 0;padding-top: 20px;width: 100%;}
  header .navbar-inverse .navbar-nav > li > a {color: #fff;}
  header .navbar-nav .open .dropdown-menu {background-color: #fff;}
  header #right-side {border-left: 0 solid #ccc;padding:10px;border-top: 1px solid #ccc;background: #fff;}
  header #right-side p .phone-num, header #right-side a {font-size: 15px;}
  header #headertop.navbar-fixed-top {position: relative;}


  #myCarousel .carousel-indicators {display: none;}
  #myCarousel .carousel-control {font-size: 18px; top: 15%;}
  #myCarousel .carousel-control .left, #myCarousel .carousel-control .right {   padding: 6px 14px;  }


  .main-container {  display: inline-block; padding: 20px;    width: 100%;}
  .wpcf7-form select {  width: 100%;}
  .wpcf7-form input.wpcf7-submit {   width: 100%;}
  footer .services {padding: 20px;text-align: center;}
  footer .services .image-left {    padding-right: 0px;}
  footer .services h1 {   padding:0px;}
  footer .copyrighter {line-height: 20px;padding: 20px 0 0; text-align: center;}

  footer .foot-links {    text-align: center;}
  footer .foot-links h1 {padding-top: 20px;}
  footer .foot-links li {  text-align: center;}
  header #searchform {width:100%;}

  header .navbar-nav {padding: 0; }
  header .navbar-nav li {margin: 0;padding-left: 0 !important;}

footer .foot-links {
    display: inline-block;
    padding: 50px 20px;
    width: 100%;
}
footer .footicon {
    text-align: left;
}

#myCarousel .carousel-control img {width: 26px;}
header .navbar-toggle {
    background: none;
    border: medium none;
    color: #c4161c;
    float: left;
    font-size: 27px;
    margin: 10px;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{
    background: #ececec;
    color: #222;
}
header .navbar-inverse .navbar-nav > li {
    border-bottom: 1px solid #fff;
    padding: 5px;
}
header .contact {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #fff;
    padding: 10px;
}
.divline {width: 100%;}
.services-header {padding: 0 20px;}
#info .contentbox {padding: 0 20px;}

.main-container .contentbox {padding: 0 20px;}
header #navbar {    padding-top: 0;}
.main-container {    padding: 0px;}
.sidebar {padding: 20px;}
h2 {    font-size: 25px;}
h3 {    text-align: left;}
h3 br {  display: none;}
.menubox {padding-right: 0px;}
}

@media only screen and (max-width: 1150px) {   
.disclaimer .box { height: 85%;left: 11%;overflow-x: scroll;padding: 20px;position: fixed;top: 8%;width: 80%;}
}




/*  DEFAULT SIZE MONITOR SIZE
================================================== */
@media only screen and (max-width: 800px) {   
#myCarousel .carousel-caption .cateringinfo {   padding-top:30px;}
#myCarousel .carousel-caption {padding: 0;}
  #myCarousel .carousel-caption h1 {  font-size: 25px;margin:0;}
  #myCarousel .carousel-caption p {  font-size: 12px;  line-height: 14px;}
  #myCarousel .carousel-caption a {   font-size: 12px;}
  
.disclaimer .box {    bottom: 4%;height: 54%;left: 5%;overflow-y: scroll;top: 25%;width: 90%;}
}


/* IHONE SIZE 320X480
================================================== */
@media only screen and (max-width: 767px) {
    #myCarousel .carousel-caption {padding: 0;}
#myCarousel .carousel-caption .cateringinfo {    padding-top:20px;}

#myCarousel .carousel-control {    top: 50%;}

footer .foot-links .links .box {    width: 100%;}
    .disclaimer .box p {    font-size: 12px;    line-height: 22px;}
.additional {}
.carousel {
    border-bottom: 0 solid #000000;
    display: inline-block;
    height: 100%;
    margin-top: 0;
    position: relative;
    transition: all 400ms ease 0s;
    width: 100%;
}
.carousel-inner {
    display: inline-block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%;
}
#myCarousel .orange {    background: #f48d23 none repeat scroll 0 0;
    display: none;
}
#myCarousel .carousel-caption {    position: relative;background: #f48d23; display: inline-block;}
#myCarousel .carousel-caption .cateringinfo {    padding:0 20px 40px 20px;}
#myCarousel .carousel-caption h1 {  font-size: 40px;}
#myCarousel .carousel-caption a {    font-size: 16px;}
.note {   padding: 0;}
}


/* IHONE SIZE 320X480
================================================== */
@media only screen and (max-width: 480px) {

    #myCarousel .carousel-caption {padding: 0;}

#myCarousel .carousel-control {
    top: 25%;
}

}
/* IHONE SIZE 320X480
================================================== */
@media only screen and (max-width: 360px) {
    #myCarousel .carousel-caption {padding: 0;}
 
header .contact .title {
    width: 100%;
}
}