@charset "utf-8";
/* CSS Document */ 

@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.eot');
    src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff'),
         url('../fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('../fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal; 
}

@font-face {
    font-family: 'roboto_condensedlight';
    src: url('../fonts/robotocondensed-light-webfont.eot');
    src: url('../fonts/robotocondensed-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/robotocondensed-light-webfont.woff2') format('woff2'),
         url('../fonts/robotocondensed-light-webfont.woff') format('woff'),
         url('../fonts/robotocondensed-light-webfont.ttf') format('truetype'),
         url('../fonts/robotocondensed-light-webfont.svg#roboto_condensedlight') format('svg');
    font-weight: normal;
    font-style: normal; 
}
@font-face {
    font-family: 'ralewayregular';
    src: url('../fonts/raleway-regular-webfont.eot');
    src: url('../fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-regular-webfont.woff2') format('woff2'),
         url('../fonts/raleway-regular-webfont.woff') format('woff'),
         url('../fonts/raleway-regular-webfont.ttf') format('truetype'),
         url('../fonts/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
* { outline:none !important;}
 
/* Resets Starts */
.noPadding          { padding: 0 !important;}
.noPaddingLeft      { padding-left: 0 !important;}
.noPaddingRight     { padding-right: 0 !important;}
.noPaddingTop       { padding-top: 0 !important;}
.noPaddingBottom    { padding-bottom: 0 !important;}
.noMargin           { margin: 0 !important;}
.normalMargin           { margin: 15px !important;}
.normalPadding           { padding: 15px !important;}
.noMarginLeft       { margin-left: 0 !important;}
.noMarginRight      { margin-right: 0 !important;}
.noMarginTop        { margin-top: 0 !important;}
.noMarginBottom     { margin-bottom: 0 !important;}
.editMultiLineTxt   { height: 100px !important;}
.paddingLeft        { padding-left: 10px !important;}
.paddingTop         { padding-top: 10px !important;}
.paddingRight       { padding-right: 10px !important;}
.paddingBottom      { padding-bottom: 10px !important;}
.marginLeftNormal   { margin-left: 10px !important;}
.marginTopNormal    { margin-top: 10px !important;}
.marginRightNormal  { margin-right: 10px !important;}
.marginBottomNormal { margin-bottom: 10px !important;}

.width100percent    { width:100% !important;}
.widthAuto          { max-width: 220px !important; width: auto !important;}
.widthFix50         { width: 50px !important;}
.widthFix75         { width: 70px !important;}
.widthFix100        { width: 100px !important;}
.widthFix150        { width: 150px !important;}
.widthFix200        { width: 200px !important;}
.widthFix250        { width: 250px !important;}
.marginAuto         { margin:0 auto ; }
.heightAuto         { min-height:auto !important; }
/* Resets Ends*/

body { background:#fff; font-family:robotoregular; }

.navbar { margin-bottom:0; min-height:84px; background:#fff; padding-top:3px; color:#000; border:0; }
.navbar a { color:#000; padding-top:20px;  }
.navbar-header { width:70%;}
.navbar-header .navbar-brand { width:100%; padding:3px !important;}
.navbar-brand { height:30px; padding:9px 15px;  color:#000; }
.navbar-inverse .navbar-brand { color:#000; text-shadow:none;} 
.navbar-header  .navbar-brand { font-size:25px;  line-height:23px;}
.navbar-header .navbar-brand img.globe { float:left; max-height:76px;  max-width:20%;}
.navbar-header .navbar-brand img.logo { float:left; margin:0px 0 0 20px; max-width:70%;}
.navbar-brand .globe {}
.navbar-brand .logo {}
#galaxyBg { background:url(../images/header_bg.png) left top no-repeat;}
/*.navbar.navbar-inverse .pull-right .navbar-brand { font-size:18px; line-height:20px; padding-right:0; }*/
.header_emailBlock,
.header_emailBlock a,
.header_emailBlock a:hover {  font-size:20px; color:#387CBB !important; line-height:30px; float:none; padding-left:0;  padding-right:0; padding-top:10px; margin:0 !important;}
.shop_visit_link { margin-top:0px; height:43px;  width:245px; float:right; background:#009900; border:2px solid #006A00; border-width:0 2px 2px 2px;  border-radius:0 0 10px 10px; }
.shop_visit_link .cart_icon {   padding:10px 15px 0 10px; float:right;  }
.shop_visit_link a { width:auto;   font-size:14px; display:block; line-height:38px; color:#fff; text-align:left;    margin: 0px 0 0 15px;}

.jumbotron { margin:0; background:url(../images/main_slider_bg.jpg) center center no-repeat}

.carousel { border-bottom:2px solid #8FCC8C;}
.carousel-inner > .item { background:#D9E5F1;}
.carousel-inner > .item > a > img, 
.carousel-inner > .item > img, 
.img-responsive, .thumbnail a > img, 
.thumbnail > img  {  float: none;  margin: 0 auto;}
.carousel-caption {left:5%; right:5%; width:90%;  font-family:'robotoregular', Roboto, "Roboto Medium", "Myriad Pro", "MS Serif", Arial}
.carousel-inner > .item .carousel-caption h2 { font-size:47px; color:#3377B6; font-weight:bold; line-height:35px; text-shadow:1px 1px 0 #B9CBC8;}
.carousel-inner > .item .carousel-caption h2 span { font-size:34px;}
.carousel-inner > .item .carousel-caption h3 { font-size:37px; color:#399; padding:20px 0; text-shadow:1px 1px 0 #D3DDE6; }
.carousel-inner > .item .carousel-caption h4 { font-size:26px; font-family:'ralewayregular',Raleway, Roboto, "Roboto Black", "Roboto Condensed", "Roboto Medium", "Myriad Pro"; font-weight:normal; color:#000;  text-align:left; text-shadow:none; text-shadow:1px 1px 0 #fff;}
.carousel-inner > .item .carousel-caption h4 span { font-family:Roboto, "Roboto Medium", "Myriad Pro", "MS Serif", Arial; text-align:right; float:right; font-size:14px;}


.coinBlock .panel { border:none; background:none; }
.coinBlock .panel .panel-heading,
.coinBlock .panel .panel-body,
.coinBlock .panel .panel-footer { border:none; background:none;}
.coinBlock .panel .panel-body img,
.coinBlock .panel .panel-footer img { display:inline;}
.coinBlock .panel .panel-footer img { margin:0; padding:0; box-shadow:none; border:none; background:none;}
.smallDescription { background:#F2E6C3; border-bottom:2px solid #CCCC00; border-top:2px solid #CCCC00;  font-family: NK_MonotypeCorsiva, "Monotype Corsiva"; font-size:26px; line-height:1.25em; padding:20px 40px; color:#000; }
 


.containerWrapper { background:none; -webkit-box-shadow:none; box-shadow:none; font-family:'ralewayregular',Raleway, Roboto, "Roboto Black", "Roboto Condensed", "Roboto Medium", "Myriad Pro"; font-size:13px;}

.greenBgContainer { background:#AAD8A7; font-size:20px; border-top:1px solid #D2E1F2;}
.greenBgContainer h3 { font-weight:bolder; text-shadow:1px 1px 0 #fff;}
#boxContainer { margin:1px auto;}

#advancementReligious  { background:url(../images/church_transparent.png) left bottom no-repeat #584AA1; color:#fff; min-height:460px; border:1px solid #fff; text-align:justify; }
#advancementEducation  { background:#D2973B;  color:#fff;  min-height:460px; border:1px solid #fff; text-align:justify;}
#crueltyToChild  { background:#211F22;  color:#fff;  min-height:589px; border:1px solid #fff; text-align:justify;}
#charitableGiving  { background:#32628A;  color:#fff;   min-height:589px; border:1px solid #fff; text-align:justify;}

#advancementReligious h3 { font-size:23px; font-family: "roboto_condensedlight","Roboto Light", "Roboto Thin", "Myriad Pro Cond", "Myriad Pro", Arial; padding-left:20px; padding-right:20px; padding-bottom:10px;  }
#advancementReligious p {  padding-left:20px; padding-right:20px; padding-bottom:20px;  }

#advancementEducation h3 { font-size:23px;  font-family: "roboto_condensedlight","Roboto Light", "Roboto Thin", "Myriad Pro Cond", "Myriad Pro", Arial;  padding-left:20px; padding-right:20px; padding-bottom:10px;  }
#advancementEducation p {  padding-left:20px; padding-right:20px; padding-bottom:20px; }

#crueltyToChild h3 {  font-size:23px; font-family: "roboto_condensedlight","Roboto Light", "Roboto Thin", "Myriad Pro Cond", "Myriad Pro", Arial; padding-left:20px; padding-right:20px; padding-bottom:10px; }
#crueltyToChild p {  padding-left:20px; padding-right:20px; padding-bottom:20px;   }

#charitableGiving h3 {  font-size:23px; font-family: "roboto_condensedlight","Roboto Light", "Roboto Thin", "Myriad Pro Cond", "Myriad Pro", Arial; padding-left:20px; padding-right:20px; padding-bottom:10px; }
#charitableGiving p {  padding-left:20px; padding-right:20px; padding-bottom:20px;  }

.quoteBlock  { background:#E8CA82;}
.quoteBlock .container { font:normal 16px/26px "ralewayregular",Raleway, Roboto, "Roboto Black", "Roboto Condensed", "Roboto Medium", "Myriad Pro"; padding-top:40px; padding-bottom:20px; padding-left:195px; background:url(../images/icon_d_quotes.png) 50px 30px no-repeat; }
.quoteBlock .container p .authour { font-size:13px;  font-family:'robotoregular',Roboto, "Roboto Medium", "Myriad Pro", "MS Serif", Arial;}
.footerTop{ background:#DFEAF5; border-top:3px solid #CBE7C9;}

.footerTop .container  { padding-top:15px; padding-bottom:15px;}
.footerTop .container .col-sm-3 { border-right:1px solid #fff;}
.footerTop .container .col-sm-3 h4 {  font:bold 18px/26px "ralewayregular",Raleway;  }
.footerTop .container .col-sm-3 p  { }
.footerTop .container .col-sm-9 { padding-left:40px;}
.footer { background:#fff; padding-bottom:20px; padding-top:20px; border-top:3px solid #D0DFF0;}

  

 
@media (max-width:1200px) { 
 .container { width:100%;}
}

@media (max-width:1060px) { 
 
.carousel-inner > .item .carousel-caption h2 { font-size:37px; line-height:.85em;}
.carousel-inner > .item .carousel-caption h2 span { font-size:26px;}
.carousel-inner > .item .carousel-caption h3 { font-size:30px; padding:10px 0; margin-top:5px; }
.carousel-inner > .item .carousel-caption h4 { font-size:20px;}
.carousel-inner > .item .carousel-caption h4 span { font-size:12px;}
.carousel-caption { padding-bottom:10px;}

}

@media screen and (min-device-width: 600px) and (max-device-width: 850px) { 
 
}
@media (max-width:1000px) { 
 
}

@media (max-width:860px) { 
 
.carousel-inner > .item .carousel-caption h2 { font-size:32px;  line-height:.8em;}
.carousel-inner > .item .carousel-caption h2 span { font-size:20px; line-height:.9em;}
.carousel-inner > .item .carousel-caption h3 { font-size:24px; padding:5px 0;   margin-top:5px;}
.carousel-inner > .item .carousel-caption h4 { font-size:16px;}
.carousel-inner > .item .carousel-caption h4 span { font-size:12px;}
.carousel-caption { padding-bottom:10px; bottom:5px;}

}

@media (max-width:667px) { 

.carousel-inner > .item .carousel-caption h2 { font-size:22px;  line-height:.8em;}
.carousel-inner > .item .carousel-caption h2 span { font-size:15px; line-height:.9em;}
.carousel-inner > .item .carousel-caption h3 { font-size:18px; padding:5px 0;   margin-top:5px;}
.carousel-inner > .item .carousel-caption h4 { font-size:14px;}
.carousel-inner > .item .carousel-caption h4 span { font-size:11px;}
.carousel-caption { padding-bottom:0px;} 
 
}


@media (max-width:767px) { 

.footerTop .container .col-sm-3 { border-right:none;}
 
.footerTop .container .col-sm-9 { padding-left:inherit; padding-top:30px;}
.quoteBlock .container { font-size:14px; padding-top:15px; padding-left: 130px; background-position:20px 20px;}
}



@media (max-width:500px) { 

.carousel-inner > .item .carousel-caption h2 { font-size:18px;  line-height:.8em;}
.carousel-inner > .item .carousel-caption h2 span { font-size:13px; line-height:.9em;}
.carousel-inner > .item .carousel-caption h3 { font-size:15px; padding:5px 0;   margin-top:5px;}
.carousel-inner > .item .carousel-caption h4 { font-size:13px;}
.carousel-inner > .item .carousel-caption h4 span { font-size:11px;}
.carousel-caption { padding-bottom:0px;}  
.quoteBlock .container { padding-left:0 !important;}
}

@media screen and (min-device-width: 420px) and (max-device-width: 600px) { 
 
}
 
@media (max-width:420px) { 
 
}

 




 