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

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800italic,800);
@import url(http://fonts.googleapis.com/css?family=Delius);
@import url(http://fonts.googleapis.com/css?family=McLaren);

@font-face {
    font-family: 'apparatus_silregular';
    src: url('fonts/appsilr-webfont.eot');
    src: url('fonts/appsilr-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/appsilr-webfont.woff') format('woff'),
         url('fonts/appsilr-webfont.ttf') format('truetype'),
         url('fonts/appsilr-webfont.svg#apparatus_silregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
*{ margin:0; padding:0; transition: all 0.4s ease-out 0s; text-decoration:none; list-style:none; border:none; outline:none;}
body{font-family: 'Open Sans', sans-serif;} 
img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ border:none; }
h1, h2, h3, h4, h5{ font-weight:normal;}

/*Header CSS  Start*/

#header{ width:100%; float:left; background:#FFF;}
.header-inner:before, .header-inner:after {content: "";display: table;line-height: 0;}
.header-inner:after { clear: both;}
.header-inner{ width:1170px; margin:0 auto; padding-top:16px;}
.header-main{ width:100%; float:left;}
.logo{ float:left;}
.header-right{ float:right; width:863px; width:878px\9; /* IE8 and below */}
.right-top-header{ width:100%; float:left;}
.top-social{ float:right; width:473px;}
.escape{ float:left;}
.escape a{ background:#f85442; border-bottom:4px solid #b12c1e; display:block; width:168px; height:47px; color:#FFF; text-align:center; line-height:43px; font-size:22px; font-weight:600; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.escape a:hover{ text-decoration:none; border-bottom:4px solid #032b1a; background:#014629;}
ul.social-icon { float: right; padding-top:6px;}
ul.social-icon li { margin-left:18px; float: left;  list-style:none;}
ul.social-icon a {  background-clip: padding-box; background-color: #8449a0; border-radius: 32px 32px 32px 32px; color: #fff; display: block; height: 38px; line-height: 38px; text-align: center; transition: background 0.3s ease-in-out 0s; width: 38px; font-size:15px;}
ul.social-icon a:hover{ text-decoration:none;}
.fb:hover { background:#3B5998; color: #FFFFFF;}
.tw:hover { background:#0088CC;color: #FFFFFF;}
.google:hover { background: #D14836; color: #FFFFFF;}
.linkdin:hover { background: #006699; color: #FFFFFF;}
.mail:hover {  background:#801919 !important; color:#fff;}
.right-bottom-header{ float:right;  padding-top:7px; width:100%;}
.top-bottom-left-menu{ float:left; width:41%;}
ul.menu-left{}
ul.menu-left li{ float:left;}
ul.menu-left li a{ font-family: 'McLaren', cursive; font-size:22px; color:#FFF; text-align:center; display:block; text-transform:uppercase;width:73px; height:52px; padding:15px 22px 25px;  }
ul.menu-left li a:hover{ text-decoration:none; background:#4e1c67;}

.give-help{ background:#db472c !important;}
.get-help{ background:#a0be39 !important;}
.our-work{ background:#077445 !important;}
.top-bottom-right-menu{ float:left;}
ul.sitemenu{ margin-top:30px; margin-bottom:0;}
ul.sitemenu li{ float:left; background:url(../images/menu-sep.jpg) repeat-y top right; padding-right:2px;}
ul.sitemenu li a{ background:#4e1c67; border-radius:0; margin:0; font-family: 'McLaren', cursive; color:#FFF; font-size:20px; padding:16px 24px; display:block;}

ul.sitemenu > .active > a,
ul.sitemenu > .active > a:hover,
ul.sitemenu > .active > a:focus {color: #ffffff; background-color: #8449a0;}
.last-bg{ background:none !important;}
ul.sitemenu > li > a:hover,
ul.sitemenu > li > a:focus { text-decoration: none; background-color: #8449a0;}
/*Header CSS  End*/
/*section CSS  start*/
.section-one{ padding-bottom:54px; width:100%; float:left; background:url(../images/section-top-bg.jpg) repeat;}
.section-two{ padding-bottom:62px; padding-top:19px; float:left; width:100%; background:#501c69 url(../images/section-two-bg.jpg) repeat; border-top:13px solid #077546;}
.slider{ margin-top:56px; }
.slider-main{background:url(../images/banner-bg.png) no-repeat center; background-position:0 4px; padding-bottom:40px; }
.green{ color:#077445;}
.donate-now{ background:#f63a27; border-bottom:4px solid #b12c1e; display:block; width:256px; height:47px; color:#FFF; text-align:center; line-height:43px; font-size:24px; text-shadow:0 2px 1px #B12C1E; text-transform:uppercase; font-weight:600; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding:5px 0;}
.donate-now:hover{ color:#FFF; text-decoration:none; border-bottom:4px solid #032b1a; background:#014629;}
.donate-icon{ margin-right:20px;}
.section-two-main{ padding-top:16px;}
.heading{ border-bottom:none; margin-bottom:0; padding-bottom:10px;}
.heading h2{font-size: 30px; color:#FFF;  font-family: 'Delius', cursive;  text-transform:uppercase; padding-bottom:14px;}
.heading-icon { margin-right:27px;}
.section-two-main p{ color:#ffffff; font-size:14px; line-height:24px; padding-bottom:14px;}
.section-left{}
.seprate-left{ margin-left:0;}
.section-two-main{ width:100%;}
.section-bottom-main{width:100%;}
.seprator{ background:url(../images/seprator.png) repeat-x center;  float: left; margin-top: 6px;padding: 55px 0 0; width: 100%; margin-bottom:15px;}
.media img{ border:5px solid #FFF;}
.save-pets{ color:#fd8d81; font-size:14px; display:block; padding-bottom:6px;}
.media-body h4{ color:#22e18f; font-size:18px; font-weight:600;}
.media-body p{ color:#fff; font-size:12px; font-weight:600; line-height:18px;}
.read-more{ background:#f63a27; border-bottom:4px solid #b12c1e; display:block; width:100px; height:26px; color:#FFF; text-align:center; line-height:28px; font-size:11px; text-shadow:0 1px 1px #B12C1E; text-transform:uppercase; font-weight:600; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding:2px 0; margin-top:12px;}
.read-more:hover{ color:#FFF; text-decoration:none; border-bottom:4px solid #032b1a; background:#014629;}
.small-seprator{ background:url(../images/small-seprator.png) repeat-x center; margin-top:35px; margin-bottom:32px; height:5px; width:100%;}

.top-dete{}
#section{ width:100%; float:left;}
/*carousel CSS start*/
.carousel {  position: relative;  margin-bottom: 20px; line-height: 1;}
.carousel-inner { position: relative; width: 100%; overflow: hidden;}
.carousel-inner > .item { position: relative; display: none; -webkit-transition: 0.6s ease-in-out left; -moz-transition: 0.6s ease-in-out left;  -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left;}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img { display: block; line-height: 1;}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev { display: block;}
.carousel-inner > .active {left: 0;}
.carousel-inner > .next,
.carousel-inner > .prev { position: absolute;top: 0; width: 100%;}
.carousel-inner > .next { left: 100%;}
.carousel-inner > .prev {left: -100%;}
.carousel-inner > .next.left,
.carousel-inner > .prev.right { left: 0;}
.carousel-inner > .active.left {left: -100%;}
.carousel-inner > .active.right {left: 100%;}
.carousel-control { position: absolute; top:55%; left: 23px; width: 40px; height: 40px; margin-top: -20px;font-size: 30px; font-weight: 100; line-height: 30px;color: #dc472c;text-align: center; filter: alpha(opacity=50);}
.carousel-control.right { right: 24px; left: auto;}
.carousel-control:hover,
.carousel-control:focus {  color: #014629;text-decoration: none; opacity: 0.9;filter: alpha(opacity=90);}
.carousel-indicators {  position: absolute; top: 15px; right: 15px;z-index: 5;margin: 0;list-style: none;}
.carousel-indicators li {display: block; float: left; width: 10px; height: 10px;margin-left: 5px;text-indent: -999px;background-color: #ccc;background-color: rgba(255, 255, 255, 0.25); border-radius: 5px;}
.carousel-indicators .active {background-color: #fff;}
.carousel-caption { position: absolute; right: 0;bottom: 0; left: 0;padding: 15px; background: #333333; background: rgba(0, 0, 0, 0.75);}
.carousel-caption h4,
.carousel-caption p { line-height: 20px; color: #ffffff;}
.carousel-caption h4 { margin: 0 0 5px;}
.carousel-caption p { margin-bottom: 0;}
/*carousel CSS end*/
.hero-unit { color: inherit; font-size: 18px; font-weight: 200; line-height: 30px; padding: 55px 20px 0;}
.row-fluid:before, .row-fluid:after { content: ""; display: table; line-height: 0;}
.row-fluid:before, .row-fluid:after { content: ""; display: table; line-height: 0;}
.row-fluid:after { clear: both;}
.row-fluid:before, .row-fluid:after { content: ""; display: table;  line-height: 0;}
.row-fluid:after {  clear: both;}
.row-fluid:before, .row-fluid:after { content: ""; display: table; line-height: 0;}
.row-fluid {  width: 100%;}
.row-fluid {  width: 100%;}
.row-fluid .span7 { width:55.265%;}
.thumbnail { display: block; line-height: 20px;  padding: 4px;  transition: all 0.2s ease-in-out 0s;}
.row-fluid .span5 {width: 38.171%;}
img {  border: 0 none;   height: auto;  max-width: 100%;  vertical-align: middle;}
.row-fluid [class*="span"] { -moz-box-sizing: border-box; display: block; float: left; margin-left: 2.5641%;  min-height: 30px;}
.hero-unit h1 { color: #5C2974; font-family: 'Delius', cursive; font-size: 48px;  line-height: 58px; margin-bottom: 0;}
.hero-unit p { color: #4A4A4A; font-size: 14px;font-weight: 600; line-height: 24px; margin-bottom: 0; padding-bottom: 28px; padding-top: 28px;}
.container:before, .container:after {  content: "";  display: table; line-height: 0;}
.container:after {  clear: both;}
.container:before, .container:after { content: ""; display: table; line-height: 0;}
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {  width: 1170px;}
.container {  margin-left: auto;   margin-right: auto;}
.section-inner{ width:1170px; margin:0 auto;}
.section-main{ width:100%; float:left;}
.media, .media .media {  margin-top: 15px;}
.media, .media-body {  overflow: hidden;}
.media > .pull-left {  margin-right: 23px;}
.pull-left { float: left;}
.media img {  border: 5px solid #FFFFFF;}
img {  border: 0 none;height: auto; max-width: 100%; vertical-align: middle;}
.media, .media-body {overflow: hidden;}
.media-heading { margin: 0 0 5px;}
p {  margin: 0 0 10px;}
.span5 {  width: 470px;}
.pull-right[class*="span"], .row-fluid .pull-right[class*="span"] { float: right;}
.pull-right { float: right;}
.seprate-left { margin-left: 0; float:left;}
.span5 { width:520px;}
ul.right-date-time-main{}
ul.right-date-time-main li{ margin-bottom:13px; float:left; width:100%; background:url(../images/small-seprator.png) repeat-x bottom; padding-bottom:26px;}
.right-date-time-main{ width:100%; float:left;}
.left-date-time{ float:left; width:45%;}
.date{ width:100%; float:left; color:#22e18f; font-size:18px; font-weight:600;}
.time{ color:#fc7365; font-size:18px; font-weight:600;}
.right-date-time{ float:right; width:100px;}
.view-all{ width:100%; float:left;}
.view-event{ background:#f63a27; border-bottom:4px solid #b12c1e; display:block; width:130px; height:26px; color:#FFF; text-align:center; line-height:28px; font-size:11px; text-shadow:0 1px 1px #B12C1E; text-transform:uppercase; font-weight:600; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding:2px 0; margin-top:12px; float:right;}
.view-event:hover{ color:#FFF; text-decoration:none; border-bottom:4px solid #032b1a; background:#014629;}
.section-three{ width:100%; float:left; background:#fcfcfb;}
.section-three-main{ width:100%; float:left; padding-top:56px;}
.red{ color:#e53624 !important;}
ul.category{ width:100%; float:left; padding-top:41px;}
ul.category li{ float:left; text-align:center; width:229px; margin-right:84px; margin-bottom:40px;}
.category-img{ width:100%; float:left;text-align:center; padding-bottom:1px;}
.category-heading{width:100%; float:left;text-align:center; color:#521d6c; font-size:32px; font-family: 'Delius', cursive;  padding:27px 0 13px 0;}
.category-dec{width:100%; float:left;text-align:center; color:#4a4a4a; font-size:14px; font-weight:600; line-height:24px;}
.caregory-red{width:100%; padding-top:22px; float:left;text-align:center;}
.caregory-red a{ margin:0 auto;}
ul.category .last-margin{ margin-right:0;}
.section-four{ width:100%; float:left; background:url(../images/section-four.jpg) repeat; padding:49px 0 69px 0; }
.section-four-main{ width:100%; float:left;}
.media-body-two p{ font-size:14px; padding-bottom:9px;}
.seprate-right{ float:right;}
.section-five{ float:left; width:100%; background:#fcfcfb; padding:53px 0 180px;}
.section-five-main{ width:100%; float:left;}
.get-in-touch-left{ float:left; width:500px;}
ul.get-field{ width:100%; float:left; padding-top:26px;}
ul.get-field li{width:100%; float:left;}
.textfield{ border:1px solid #d2d2d2;  margin-bottom:42px; background:#FFF; width:92%; color:#4a4a4a; font-size:16px;  box-shadow: 0 0 3px -1px #8A8686; padding:14px 4%;}
.submit{ background:#f63a27; border-bottom:4px solid #b12c1e; display:block; width:110px; height:39px; color:#FFF; text-align:center; line-height:41px; font-size:16px;  text-transform:uppercase; font-weight:600; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding:2px 0; cursor:pointer; float:right; font-family: 'Open Sans', sans-serif;}
.submit:hover{  color:#FFF; text-decoration:none; border-bottom:4px solid #032b1a; background:#014629;}
.get-in-touch-right{ float:right; width:500px;}
.facebook-plugin{ padding-top:25px;} 
/*section CSS  End*/
/*footer CSS  start*/
#footer{ border-top:8px solid #8649a3; width:100%; float:left; background:url(../images/section-two-bg.jpg) repeat;}
.footer-inner{ padding-bottom:1px;width:100%; float:left; background:url(../images/footer-seprator.jpg) repeat-x bottom; }
.footer-left{ float:left; width:352px;}
ul.menu-left-footer{ margin-top:-8px;}
ul.menu-left-footer li{ float:left;}
ul.menu-left-footer li a{ font-family: 'McLaren', cursive; font-size:22px; color:#FFF; text-align:center; display:block; text-transform:uppercase;width:73px; height:52px; padding:15px 22px 25px; }
ul.menu-left-footer li a:hover{ text-decoration:none; background:#361646;}
.dog-home{ padding-top:65px; width:92%; padding-left:8%; float:left;} 
.company{ float:left; width:222px; padding-left:77px;}
.footer-inner h2{ color:#0f975d; font-size:15px;  font-family: 'Delius', cursive;  text-transform:uppercase; padding-top:26px; padding-bottom:7px;}
ul.footer-link{}
ul.footer-link li{}
ul.footer-link li a{color:#cba1e2; font-size:13px; line-height:30px;}
ul.footer-link li a:hover{ color:#FFF;}
.site-map{ float:left; width:150px;}
.contact-us{ float:right; width:290px;}
.contect-left{ color:#cba1e2; font-size:13px; float:left;}
.contact-icon { color:#cba1e2; font-size:13px; padding-right:13px; width:14px; text-align:center;}
.contact-right{ width:193px; float:right; color:#cba1e2; font-size:13px;}
ul.footer-link-right{ padding-top:10px; float:left; width:100%;}
ul.footer-link-right li{ padding-bottom:10px; float:left; width:100%;}
ul.footer-link-right li a{color:#cba1e2; font-size:13px;}
ul.footer-link-right li a:hover{ color:#FFF;}
.footer-bottom{ width:100%; float:left; text-align:center; color:#a556cc; font-size:12px; padding:21px 0 27px 0;}
ul.social-icon-footer { float: left; padding-left: 3px; padding-top: 6px;}
ul.social-icon-footer li { margin-left:18px; float: left;  list-style:none;}
ul.social-icon-footer a {  background-clip: padding-box; background-color: #361448; border-radius: 32px 32px 32px 32px; color: #fff; display: block; height: 29px; line-height: 29px; text-align: center; transition: background 0.3s ease-in-out 0s; width: 29px; font-size:11px;}
ul.social-icon-footer a:hover{ text-decoration:none;}
/*footer CSS End*/


/* Menu Container */










/* Menu Container */
.nav {
/*display: inline-block;*/
position: relative;cursor: default;z-index: 500;}
/* Menu List */
.nav > li {display: block;float: left;}
/* Menu Links */
.nav > li > a {position: relative; color: #FFFFFF;  display: block;  font-family: 'McLaren',cursive;  font-size: 22px;  height: 52px; padding: 15px 22px 25px; text-align: center; text-transform: uppercase; width: 73px;text-shadow: 0 0 1px rgba(0,0,0,.35);-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
.nav > li:hover > a { }
.nav > li:first-child > a {border-radius: 3px 0 0 3px;border-left: none;}
/* Menu Dropdown */
.nav > li > div { box-shadow: 0 2px 5px #000000;position: absolute;display: block;width: 1170px;top: 92px;left: -315px;opacity: 0;visibility: hidden;overflow: hidden; -webkit-transition: all .3s ease .15s;-moz-transition: all .3s ease .15s;-o-transition: all .3s ease .15s;-ms-transition: all .3s ease .15s;transition: all .3s ease .15s;}
.nav > li:hover > div {opacity: 1;visibility: visible;overflow: visible;}
/* Menu Content Styles */
.nav .nav-column {float: left; padding: 0 1.5%; width: 47%; margin:10px 0;background:url(../images/menu-hover-deprator.jpg) repeat-y right top;  min-height: 190px;}
.nav .get-help-seprator { background:url(../images/menu-hover-green.jpg) repeat-y right top;}
.nav .our-work-seprator { background:url(../images/green-seprator.jpg) repeat-y right top;}




.nav .nav-column h3 {margin: 20px 0 10px 0;line-height: 18px;font-family: 'McLaren', cursive;font-size: 24px;color: #fff; text-align:center;}
.get-help-heading{line-height: 28px; color:#FFF; font-size:22px; font-family: 'McLaren', cursive; margin: 20px 0 10px 0;}
.get-call{ color:#1b1b1b; font-size:36px; line-height:15px; font-family: 'Delius', cursive; padding-top:20px;}
.nav .nav-column h3.orange { color: #ff722b; }
.nav .nav-column li a {display: block;line-height: 26px;font-family: Helvetica, Arial, sans-serif;font-weight: bold;font-size: 13px;color: #888888;}
.nav .nav-column li a:hover { color: #666666; }
.give-heip-sub{ background:#bc361e;}
.get-heip-sub{ background:#7a9223;}
.our-work-sub{ background:#035934;}

.nav > li:hover .give-help-anchor{ background:#bc361e;}
.nav > li:hover .get-help-anchor{ background:#7a9223;}
.nav > li:hover .our-work-anchor{ background:#035934;}

.give-help-main{ padding-top:28px;}
.give-help-button{}
.give-help-bottom-link{color:#FFF; font-size:16px;  font-family: 'Delius', cursive; width:100%; float:left; padding-top:51px;}
.give-help-bottom-link a{ text-decoration:underline; color:#FFF; font-size:16px;  font-family: 'Delius', cursive; float:left; }
.give-seprator{ padding:0 11%; text-align:center; float:left;}
.give-button{ background:#f4f4f4; border-bottom:4px solid #999999; width:30%; height:37px; line-height:39px;  font-family: 'Delius', cursive; color:#1b1b1b; font-size:20px; float:left; text-align:center; display:block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-right:4%;}
.give-button:hover{ color:#FFF; text-decoration:none; border-bottom:4px solid #032b1a; background:#014629;}
.give-button-big{ background:#f4f4f4; border-bottom:4px solid #999999; width:47%; height:37px; line-height:39px;  font-family: 'Delius', cursive; color:#1b1b1b; font-size:20px; float:left; text-align:center; display:block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-right:5%;}
.give-button-big:hover{ color:#FFF; text-decoration:none; border-bottom:4px solid #032b1a; background:#014629;}
.menu-last-margin{ margin-right:0 !important;}
.canned-goods{ font-size:26px; color:#FFF; font-family: 'McLaren', cursive; text-align:center; padding-top:22px;}
.see-our-other{ padding-top:60px; text-align:right;}
.see-our-other a{ color:#FFF; font-size:16px;  font-family: 'Delius', cursive; text-decoration:underline;}
.more-information{ padding-top:46px;}
.more-information a{ color:#FFF; font-size:16px; text-decoration:underline; font-family: 'Delius', cursive; }
.give-help-bottom-link a:hover, .see-our-other a:hover, .more-information a:hover{ color:#076f43;}
.get-help-select{  background:#e9e9e9; color:#1b1b1b; font-size:14px; font-family: 'Delius', cursive; padding:2%; width:96%; margin-top:27px;}
.get-help-button{ cursor:pointer; background:#f4f4f4; border-bottom:4px solid #999999; width:30%; height:37px; line-height:39px;  font-family: 'Delius', cursive; color:#1b1b1b; margin-top:24px; float:right; font-size:20px; text-align:center; display:block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-right:4%;}
.get-help-button:hover{ color:#FFF; text-decoration:none; border-bottom:4px solid #032b1a; background:#014629;}
.get-help-content{  font-size:16px; font-family: 'Delius', cursive; line-height:22px; color:#FFF;}


.get-help-read{}

.get-help-read a{ cursor:pointer; background:#f4f4f4; border-bottom:4px solid #999999; width:30%; height:37px; line-height:39px;  font-family: 'Delius', cursive; color:#1b1b1b; margin-top:24px; font-size:16px; text-align:center; display:block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-right:4%;}
.get-help-read a:hover{ color:#FFF; text-decoration:none; border-bottom:4px solid #032b1a; background:#014629;}

.last-link-menu a{ color:#FFF; padding:21px 0; font-size:24px; display:block; font-family: 'McLaren', cursive; background:url(../images/green-menu.jpg) repeat-x bottom;}
.last-link-menu a:hover{ color:#b12c1e;}

.last-marginmenu{ margin-left:0 !important;}