a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline }
:focus { outline: 0 }
body { height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 9pt }
html { height: 100% }
table { border-collapse: separate; border-spacing: 0 }
caption, td, th { text-align: left; font-weight: 400 }
td { vertical-align: top }
blockquote:after, blockquote:before, q:after, q:before { content: "" }
blockquote, q { quotes: "\201C""\201D""\2018""\2019" }
p { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; line-height: 1.5em; padding-bottom: 10px }
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 20pt; font-weight: 400 }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 18pt; font-weight: 400 }
h3, h4, h5 { font-family: Arial, Helvetica, sans-serif; font-size: 15pt; font-weight: 400 }
h6 { font-family: sans-serif; font-size: 10pt; font-weight: 400 }
a, a:active, a:hover, a:link, a:visited { text-decoration: underline }
ul { list-style: none }
hr { height: 1px; border: 0; border-bottom: 1px solid #ccc }


/* 
Charity
*/

body { background: #F8F9F1; font-family: Arial, Helvetica, sans-serif; font-weight: 400; }
/* Link Transitions */
a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
a:hover { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
/* Main Containers */
.container { max-width: 1000px; margin: 0 auto; }
.container:after { clear: both; content: " "; display: block; height: 0; visibility: hidden; }
.logo { width: auto; float: left; }
.logo h1 a { font-size: 22pt; color: #F05F40; font-family: Arial, Helvetica, sans-serif; font-weight: 400; text-decoration: none }
.nav { width: 100%; }
.header { border-bottom: 1px solid #edece6; }
.header .container { height: 100px; position: relative; z-index: 299; }
.logo { margin: 30px 0 0 0; }
/* Menu */
#mobile-header { display: none; }
#responsive-menu-button { height: 44px; width: 44px; border-radius: 22px; position: absolute; top: 28px; right: 3px; color: #fff; background: #F05F40; text-decoration: none; text-align: center; line-height: 44px; font-size: 20pt; }



.mainMenu { float: left; margin: 29px 0 0 25px; font-family: Arial, Helvetica, sans-serif; font-weight: 500; }
.mainMenu ul { font-size: 11pt; }
.mainMenu ul li a, .mainMenu ul li { float: left; text-decoration: none; color: #4d4d4d; }
.mainMenu ul li { list-style: none; position: relative; height: 50px; line-height: 52px; }
.mainMenu ul li a { padding: 0 18px; }
.mainMenu ul li:hover { background: #F05F40; color: #4d4d4d; -webkit-transition: 250ms linear all; -moz-transition: 250ms linear all; transition: 250ms linear all; }
/* Submenu */
.mainMenu ul li ul { font-size: 11pt; display: none; position: absolute; left: 0; top: 100%; margin: 0; padding-top: 5px; padding-bottom: 5px; background: #F05F40; }
.mainMenu ul li ul li { padding: 5px 10px; width: 250px; height: 20px; line-height: 20px; border: none; }
.mainMenu ul li:hover > ul { display: block; }
.mainMenu ul li ul li, .mainMenu ul li ul li a { float: none; color: #F05F40; }
.mainMenu ul li ul li { _display: inline; /* for IE6 */ }
.mainMenu ul li ul li a { display: block; padding: 0 10px; }
.mainMenu ul li ul li a { color: #F05F40; }


/* Subsub Menu */
.mainMenu ul li ul li ul { display: none; background: #F05F40; padding-top: 5px; padding-bottom: 5px; }
.mainMenu ul li ul li:hover ul { left: 100%; top: 0; }
.mainMenu ul li ul li ul li { padding: 5px 20px }
.mainMenu ul li ul li { background: none !important; }
.mainMenu ul li ul li a:after { content: "" }






/* social Media */
.socialMedia { float: right; margin: 43px 0 0 20px; font-size: 12pt; }
.socialMedia ul li { float:left;}
.socialMedia a { padding: 5px; color: #F05F40; text-decoration:none; }
.socialMedia a:hover { color: #6C4D39; }



/* Home Slider */
.sliderWrap {max-width: 1400px !important; margin: 0 auto; text-align:center; }
.sliderWrap .container { position: relative; }
.sliderWrap img { max-width:100%; }
#homeSlider .owl-prev { z-index: 444; position: absolute; top: 49%; left: 10px; text-indent: -999em; height: 32px; width: 32px; border-radius:16px; padding:0; background: #F05F40 url("../images/prevNext.png") no-repeat left center; }
#homeSlider .owl-next { z-index: 444; position: absolute; top: 49%; right: 10px; text-indent: -999em; height: 32px; width: 32px; border-radius:16px; padding:0; background: #F05F40 url("../images/prevNext.png") no-repeat right center; }

.owl-buttons {opacity:.3; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
#homeSlider:hover .owl-buttons {opacity:1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;}

/* Text */
.content h1 { font-size: 22pt; margin: 25px 0; color: #F05F40; font-family: Arial, Helvetica, sans-serif; font-weight: 100; }
.content h2 { font-size: 20pt; margin: 25px 0; color: #6C4D39; font-family: Arial, Helvetica, sans-serif; font-weight: 400; }
.content h3 { font-size: 18pt; margin: 12px 0; color: #6C4D39; font-family: Arial, Helvetica, sans-serif; font-weight: 400; }
.content h4 { font-size: 16pt; margin: 12px 0; color: #6C4D39; font-family: Arial, Helvetica, sans-serif; font-weight: 400; }
.content h5 { font-size: 14pt; margin: 12px 0; color: #6C4D39; font-family: Arial, Helvetica, sans-serif; font-weight: 400; }
.content h6 { font-size: 12pt; margin: 12px 0; color: #6C4D39; font-family: Arial, Helvetica, sans-serif; font-weight: 400; }
.content p { font-size: 11pt; line-height: 19pt; margin: 12px 0; color: #231f20; font-family: Arial, Helvetica, sans-serif; font-weight: 500; }
.content p a, .content ul li a { color: #000; text-decoration: none; }
.content b, .content strong { font-weight: bold; }
.content img { max-width: 100%; }

/* Button */
.button { margin: 20px 0; }
.button p a { color: #F05F40; border: 1px solid #F05F40; padding: 10px 22px 6px; font-family: Arial, Helvetica, sans-serif; font-weight: 500; }
.button p a:hover { color: #fff; background: #F05F40; border: 1px solid #F05F40; }

/* Lists */
.content ul { font-size: 11pt; list-style: none; margin: 10px 0 20px; font-family: Arial, Helvetica, sans-serif; font-weight: 500; }
.content ul li { line-height: 15pt; padding: 4px 0 10px 15px; color: #231f20; color: #000; }
.content ul li:before {  /* circle bullet */ content: '\2022'; /* Square bullet */ /*content:'\25A0';*/ display: block; position: relative; max-width: 0px; max-height: 0px; left: -15px; top: -0px; color: #222; font-size: 20px; }

.content ol { counter-reset: item; font-size: 11pt; list-style: none; margin: 10px 0 20px; font-family: Arial, Helvetica, sans-serif; font-weight: 500; }
.content ol li { line-height: 15pt; color: #210000; display: block; padding: 0 0 15px; }
.content ol li:before { color: #333222; content: counter(item) ".  "; counter-increment: item; line-height: 15pt; font-weight: bold; display: block; float: left; margin: 0 10px 0 0; }

/* Columns */
.content .container { margin: 25px auto; }
.white { background: #fff; padding: 15px 0; }

/* Sidebar */
.sidebar:after { clear: both; content: " "; display: block; height: 0; visibility: hidden; }
.right .sidebarLeft { width: 67.8%; float: left; }
.right .sidebarRight { width: 29%; float: right; }
.left .sidebarLeft { width: 29%; float: left; }
.left .sidebarRight { width: 67.8%; float: right; }

/* Two Columns */
.twoColumn:after { clear: both; content: " "; display: block; height: 0; visibility: hidden; }
.twoColLeft { width: 48%; float: left; }
.twoColRight { width: 48%; float: right; }

/* Three Columns */
.threeColumn:after { clear: both; content: " "; display: block; height: 0; visibility: hidden; }
.threeColCol { width: 30%; float: left; margin: 0 4.9% 0 0; }
.threeColCol:last-child { margin: 0; }

/* Four Columns */
.fourColumn:after { clear: both; content: " "; display: block; height: 0; visibility: hidden; }
.fourColCol { width: 22%; float: left; margin: 0 3% 0 0; }
.fourColCol:last-child { margin: 0; }

/* ----- FiveColumn Block  ----- */
.fiveColumn:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.fiveColumnCol { width: 17.6%; float: left; margin-right: 3%; }
.fiveColumnCol:last-child { margin-right: 0%; }

/* ----- footer  ----- */
.footer { background: #6C4D39; }
.footer .sidebar { }
.footer .sidebarLeft { padding: 40px 0; width: 25%; }
.footer .sidebarRight { padding: 40px 0; }
.footer h1 { font-size: 22pt; margin: 12px 0; color: #fff; font-family: Arial, Helvetica, sans-serif; font-weight: 100; }
.footer h2 { font-size: 20pt; margin: 0 0 12px; color: #fff; font-family: Arial, Helvetica, sans-serif; font-weight: 400; }
.footer h3 { font-size: 18pt; margin: 12px 0; color: #fff; font-family: Arial, Helvetica, sans-serif; font-weight: 400; }
.footer h4 { font-size: 16pt; margin: 12px 0; color: #fff; font-family: Arial, Helvetica, sans-serif; font-weight: 400; }
.footer h5 { font-size: 14pt; margin: 12px 0; color: #fff; font-family: Arial, Helvetica, sans-serif; font-weight: 400; }
.footer h6 { font-size: 12pt; margin: 12px 0; color: #fff; font-family: Arial, Helvetica, sans-serif; font-weight: 400; }
.footer p { color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 11pt; margin: 12px 0; }
.footer a { color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 11pt; margin: 12px 0; text-decoration: none; }
.footer a:hover { color: #e0dbd3; }
.footer .fa {  height: 25px; width: 25px; }

/* ----- footer form ----- */
.footer input[type=text] { background: #6C4D39; border: 1px solid #e0dbd3; padding: 8px; width: 80%; color: #e0dbd3; font-family: Arial, Helvetica, sans-serif; border-radius: 0; }
.footer textarea { background: #6C4D39; border: 1px solid #e0dbd3; padding: 8px; width: 90%; height: 100px; color: #e0dbd3; font-family: Arial, Helvetica, sans-serif; border-radius: 0; }
.footer td { padding: 10px 0; }
.footer input[type=submit] { padding: 8px 25px 5px; background: #F05F40 !important; border: none; border: none; color: #fff; cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-weight: 600; border-radius: 0; }
.footer input[type=submit]:hover { background: #F8F9F1; border-radius: 0; }

/* ----- Content Social  ----- */
.content .fa { color: #F05F40; font-size: 12pt; background: #fff; padding: 10px; }
.content .fa:hover { color: #fff; font-size: 12pt; background: #F05F40; padding: 10px; }






table { width: 100%; text-align: left; margin-left: 0px; font-size: 10pt;  background: none !important; border: none !important; }
table th { background: none; color: #4b525b; font-weight: 300; padding-left: 5px; padding-bottom: 3px; padding-top: 2px; padding-right: 0px; vertical-align: middle;  border: none !important;  }
table td { background: none !important; border: none !important;  border: none !important; }
table { margin: 0 auto; background: none; }
.content input { width:98%; padding:5px 1%; margin-bottom:10px;}





 @media only screen and (max-width: 1024px) {
.container { max-width: 94%; }
.mainMenu ul li a { padding: 0 10px; }
.utilNav { width: 50%; }
}

 @media only screen and (max-width: 959px) {
.mainMenu { display: none; }
#mobile-header { display: block;}
.socialMedia { display: none; }
}

 @media only screen and (max-width: 768px) {

.utilNav { width: 60%; }
.utilNav { display: none; }
#mobile-header { display: block; }
.right .sidebarLeft, .right .sidebarRight, .left .sidebarLeft, .left .sidebarRight, .twoColLeft, .twoColRight, .threeColCol, .threeColCol, .fourColCol, .fourColCol:last-child, .fiveColumnCol .fiveColumnCol:last-child, .fiveColumnCol { width: 100%; float: none; margin-right: 0 auto; }
.newsletter { display: none; }
.banner { display: none; }
.mobile { display: block; }
.footer .sidebarLeft { border-right: none; padding: 5px 0 0; }
.footer .sidebarRight { padding: 15px 0; }
}

 @media only screen and (max-width: 479px) {
.container { max-width: 92%; }
.logo img { width: 100%; }
}

 @media only screen and (min-width: 1025px) {
 [href^='tel:'] {
 cursor: default;
 pointer-events: none;
}
}
