﻿
.product-div-container {
   padding: 0;
  margin: 0;
  list-style: none; 
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  align-items: center;
   background:none;
   justify-items: center;
 align-items: center;
  justify-content: center;  
}
.product-div-container--fit {
   -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.product-div-element {
  position: relative; 
  vertical-align:central;
  justify-items: center;
  align-items: center;
  justify-content: center;  
  border-radius: 0px;
  width:23%;   
  margin:1.0%;
    background:#fff; 
   -webkit-box-shadow:2px 5px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.5);
  border:5px solid #dadada;
  display:table;
}
.adv-div-container {
padding: 0;
  margin: 0%;
  list-style: none; 
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: table;
  align-items: center;
   background:none;
   justify-items: center;
 align-items: center;
  justify-content: center;  
   -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.adv-div-element {
  vertical-align:central;
  justify-items: center;
  align-items: center;
  justify-content: center;  
  border-radius: 0px; 
  margin:0% 1% !important;
 width: calc(100%);
 height: calc(100%);
  display:flex;  
   -webkit-box-shadow:2px 15px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 15px 5px rgba(0, 0, 0, 0.5);
  /*border:5px solid #f5f5f5;*/
}
.adv-div-element:nth-child(odd) {
  background:#0088cf !important; 
}
.adv-div-element:nth-child(even) {
  background: #ff7f00 !important;
}
.adv-div-element .item-details {
  color: #fff;
  padding: 10px 10px 10PX;
  text-align: left;
  display:block;
  min-height:135px;
}
    .adv-div-element .item-details h5 {
        padding: 5PX 0 5px;
        font-size: 16px;
        display: inline-block;
        color: #fff !important;
        border-bottom: 1px solid #015c8c;
        min-height: 50px;
    }
.adv-div-element .item-details p {
  font-size: 14px;
  display:inline-block;
  min-height:80px;
}
/*.adv-div-element>img {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
width: calc(100%);
 height:150px;
  display:block;  
}*/
.product-div-element .product-label {
  position: absolute;
  left: 0;
  top: 0;
}
.product-div-element .product-label>span {
  display: block;
}
.product-div-element .product-label>span {
  position: relative;
  display: inline-block;
  padding: 5px 15px;
  font-weight: 700;
  color: #FFF;
  background-color: #151515;
  z-index: 22;
}
.client-div-container {
padding: 0;
  margin: 1%;
  list-style: none; 
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display:flex;
  align-items: center;
   background:none;
   justify-items: center;
 align-items: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;  
}
.client-div-element {
  /*position: relative;*/ 
  vertical-align:central;
  justify-items: center;
  align-items: center;
  justify-content: center;  
  border-radius: 0px;
  width: calc(100% - 2%);
 height:100%;  
  margin:1%;
  background:#fff;    
  border:2px solid #dadada;
  display:table;
}
.client-div-element>img{  
  width: auto;
  height:100px;
    background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
   object-fit: contain;
   display:block;
}
.client-div-element-page {
  /*position: relative;*/ 
  vertical-align:central;
  justify-items: center;
  align-items: center;
  justify-content: center;  
  border-radius: 0px;
  width:250px;
  margin:0.5%;
  background:#fff;    
  border:2px solid #dadada;
   -webkit-box-shadow:2px 5px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.5);
  display:table;
}
.client-div-element-page>img{  
  width: 100%;
  height: 100px;
    background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
   object-fit: contain;
   display:block;
}
.client-div-element .name-label {
  position: absolute;
  vertical-align:central;
  justify-items: center;
  align-items: center;
  justify-content: center;  
  bottom: 0;
}
.client-div-element .name-label>span {
  display: block;
 color: #FFF;
  background-color: #151515;
  width:100%;
}
.client-div-element .name-label>span {
  position: relative;
  display: inline-block;
  padding: 5px 15px;
  font-weight: 700;
  
  z-index: 22;
}

@media only screen and (max-width: 480px) {
.product-div-element { margin:0.5%;  width:99%; padding:0%;}
.fade-prd-content>img{ 
 width:100%;
 max-height:200px;
 height:auto;
 overflow-x:hidden;   
  object-fit: contain;
}
.adv-div-element {
  display:block;
  width:98%;
  margin:1%;
}
.client-div-element {
  display:block;
  width:98%;
  margin:1%;
}
}
.fade-prd-content {
  position: relative;  
  overflow:hidden;   
}

.fade-prd-content .fade-prd-content-overlay {
  background: rgba(0,0,0,0.6);
  position: absolute;
  height: 99%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.fade-prd-content:hover .fade-prd-content-overlay{
  opacity: 1;
}

.fade-prd-content>img{  
  width: 100%;
  height: 250px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; 
  overflow-x:hidden;
   object-fit: contain;
   margin:5%;
}
.fade-prd-btn-block
{
display:block;
margin-top:25px;
}
.fade-prd-content .prd-view-btn {
  color: #151515;
  background-color: rgba(255, 255, 255, 1);  
  text-transform:uppercase;
  border:1px solid rgba(0,0,0,0.7);
  font-weight:600;  
  font-size:0.7em;
  padding:5px;
  margin:2px;
  border:1px solid #dadada;
} 
.fade-prd-content .prd-view-btn:hover, .fade-prd-content .prd-view-btn:focus {
  color: #FFF;
  background-color: rgba(0, 0, 0, 1);
}
.fade-prd-content .prd-book-btn {
  color: #FFF;
 background-color: rgba(54, 135, 0, 1);
  text-transform:uppercase;
  font-weight:600;  
  font-size:0.7em;
  padding:5px;
  margin:2px;
  border:1px solid #dadada;

} 
.fade-prd-content .prd-book-btn:hover, .fade-prd-content .prd-book-btn:focus {
  color: #fff;
  background-color: rgba(255, 60, 0, 1);
}
.fade-prd-content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.fade-prd-content:hover .fade-prd-content-details{
  top: 50%;
  left: 50%;
  opacity: 1;
}

.fade-prd-content-details h3{
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.15em;
  margin-top: 0.5em;
  text-transform: uppercase;
  font-size:12px;
   font-weight:600;
   margin:5px 0px 5px;
}

.fade-prd-content-details p{
  color: #fff;
  font-size: 1.2em;
  font-weight:600;
  margin:5px 0px 5px;
  text-shadow:1px 2px 2px #000;
}

.fadeIn-bottom{
  top: 80%;
}

.fadeIn-top{
  top: 5%;
}

.fadeIn-left{
  left: 20%;
}

.fadeIn-right{
  left: 80%;
}
.scroll-grey {
   	width:100%;   
     position:relative;    
     background:url("/Images/footerbk.jpg") scroll;
        background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.scroll-grey::after {
  content: "";
  background:rgba(0, 0, 0, 0.7); 
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
    padding:0px;    
  position: absolute;
  z-index: -1;   
}
.scroll-grey h2{
  color:#fff;
  text-shadow:1px 1px 2px #000;
  margin:15px 0px 15px;  
  padding:0px;
}
.client-btn-pad{margin-top:20px;}

.home-div-container {
   padding: 0;
  margin: 0;
  list-style: none; 
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  align-items: center;
   background:none;
   justify-items: center;
 align-items: center;
  justify-content: center; 
   -webkit-flex-wrap: wrap;
  flex-wrap: wrap; 
  flex-direction: row;
}
.home-div-element {
  position: relative; 
  vertical-align:central;
  justify-items: center;
  align-items: center;
  justify-content: center;  
  text-align:justify;
  border-radius: 0px;
  margin:2%;
  width: calc(46% - 2%);
  display:table;
}
@media (max-width: 480px) {.home-div-element {width:96%; margin:2% !important;}.home-div-block-padd{padding:2%; margin-top:20px !important;}.home-div-element>img {width:96%; margin:2% !important;}}
.home-div-block{display:block; width:100%; margin-top:25px;}
.home-div-block-padd{padding:2% 5% 5%; margin-top:20px 0px 40px;}
.home-div-element:nth-child(5) {
  order: 4;
}
.home-div-element:nth-child(10) {
  order: 9;
}
.home-div-element:nth-child(15) {
  order: 14;
}
.home-div-element>img {
   width:100%;  
  display:block; 
}
.home-div-img {   
  border-radius:15px;
    -webkit-box-shadow:0px 8px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 8px 5px rgba(0, 0, 0, 0.5);
}
.home-scroll-grey {
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}

.home-scroll-grey-fix {
    background: url("/Images/bk.jpg");
    background-attachment: fixed;   
     width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}

    .home-scroll-grey-fix::after {
        content: "";
        background: rgba(0, 0, 0, 0.2);
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        padding: 0px;
        position: absolute;
        z-index: -1;
    }
    .home-scroll-grey-fix h2 {
        color: #fff;
        text-shadow: 1px 2px 2px #000;
        font-size: 4.0vw !important;
    }
.home-dmbk-fix {
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("/Images/dmbk.jpg");
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("/Images/dmbk.jpg");
    background-attachment: fixed;
    width: 100%;
    padding:5% 3%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
   .home-dmbk-fix h2 {
        color: #fff;
        text-shadow: 1px 2px 2px #000;
        font-size: 4.0vw !important;
    }
.home-webbk-fix {
    background: -webkit-linear-gradient(rgba(0, 136, 207, 0.6), rgba(0, 136, 207, 0.6)), url("/Images/webbk.jpg");
    background: linear-gradient(rgba(0, 136, 207, 0.6), rgba(0, 136, 207, 0.6)), url("/Images/webbk.jpg");
    background-attachment: fixed;
    width: 100%;
    padding: 5% 3%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}

    .home-webbk-fix h2 {
        color: #fff;
        text-shadow: 1px 2px 2px #000;
        font-size: 4.0vw !important;
    }
.home-mappbk-fix {
    background: -webkit-linear-gradient(rgba(255, 127, 0, 0.6), rgba(255, 127, 0, 0.6)), url("/Images/mappbk.jpg");
    background: linear-gradient(rgba(255, 127, 0, 0.6), rgba(255, 127, 0, 0.6)), url("/images/mappbk.jpg");
    background-attachment: fixed;
    width: 100%;
    padding: 5% 3%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}

    .home-mappbk-fix h2 {
        color: #fff;
        text-shadow: 1px 2px 2px #000;
        font-size: 4.0vw !important;
    }
    .home-scroll-grey-fix h1 {
        color: #fff;
        text-shadow:1px 2px 2px #000;
        font-size:4em;
        padding:5px;
        background:rgba(0,0,0,0.3);
    }
.home-scroll-content {
    margin: 2%;
    text-align: center;
    vertical-align: central;
}

.home-scroll-grey-fix-foot {
    background: url("/Images/footerbk.jpg");
    background-attachment: fixed;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}

    .home-scroll-grey-fix-foot::after {
        content: "";
        background: rgba(74, 74, 74, 0.5);
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        padding: 0px;
        position: absolute;
        z-index: -1;
    }

    .home-scroll-grey-fix-foot h2 {
        color: #fff;
    }

.home-scroll-grey-fix .home-div-element .home-div-block-padd>p {
   margin:20px;
   text-align:justify !important;
   display:inline-block;
   font-size:15px;
   font-weight:600;
   color:#fff !important;   
}
.logo-bk {   
    background-color: #0088cf;
    width:100%;
}
.logo-bk h2 {
        color: #fff !important;
    }
.what-we-do-bk {
   /*background:linear-gradient(#f3f3f3, #f3f3f3, #ebebeb, #ebebeb) !important;*/
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
}

 .footer-bk h2 {
        color: #fff !important;
    }
.wwd-div-container {
   padding: 0;
  margin: 0;
  list-style: none; 
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  align-items: center;
   background:none;
   justify-items: center;
 align-items: center;
  justify-content: center; 
   -webkit-flex-wrap: wrap;
  flex-wrap: wrap; 
  flex-direction: row;
}

.wwd-div-element {
    position: relative;
    vertical-align: central;
    justify-items: center;
    align-items: center;
    justify-content: center;
    text-align: justify;
    border-radius: 0px;
    margin: 2%;
    width: calc(46% - 2%);
    display: table;
    background: linear-gradient(#fff, #f1f1f1, #fff, #f1f1f1) !important;
    -webkit-box-shadow: 2px 5px 8px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 5px 8px rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.2);
    z-index:1;
}
.wwd-div-element img{
    overflow: hidden;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: bottom;
    background-repeat: no-repeat;
    display:block;
}
    .wwd-div-element h3 {
        color: #151515;
        text-shadow: none;
        font-size: 3.0vh;
        margin-top: 1%;
        text-align:center;
    }
 .wwd-div-element p {
       padding:2%;
       min-height:80px;
    }
.www-overlay {
    position: absolute;
    bottom: 0%;
    left: 0;
    right: 0;
    background: rgba(255, 127, 0, 0.9);
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: .5s ease;
    z-index: 2;
}

.wwd-div-element:hover .www-overlay {
    bottom: 0;
    height: 50%;
}

.www-overlay a {
    color: #fff;
    text-decoration: none;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}
.www-overlay a:hover {
    color: #151515;
    text-decoration: underline;
}
.wwd-div-element-food {
    vertical-align: central;
    justify-items: center;
    align-items: center;
    justify-content: center;
    border-radius: 0px;
    margin: 1.0%;
    width: 48%;
    padding: 1%;
    display: table;
}

.wwd-div-element-bk {
    background:linear-gradient(#f3f3f3, #f3f3f3, #fff, #fff) !important;
    -webkit-box-shadow: 2px 8px 8px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 8px 8px rgba(0, 0, 0, 0.5);
    border: 5px solid rgba(255, 255, 255, 0.2);
}

.wwd-div-block {
    display: inline-block;
    padding: 5px;
    vertical-align: central;
    justify-items: center;
    align-items: center;
    justify-content: center;
}

    .wwd-div-block > img {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        border: 2px solid #dadada;
        padding: 5px;
    }

    .wwd-div-block > h2 {
        padding: 5px;
        margin-bottom: 10px;
        border-bottom: 1px solid #dadada;
        font-size: 17px;
        font-weight: 600;
    }

    .wwd-div-block > p {
        padding: 5px;
        display: block;
        text-align: justify;
    }

    .wwd-div-block a {
        color: #0088cf;
        /*background: linear-gradient(#b6b6b6, #DADADA);
        border: 1px solid #dadada;*/
        padding: 8px;
        border-radius: 15px;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 12px;
        margin-top: 15px;
        display: inline-block;
        -webkit-transition:.8s;-moz-transition:.8s;-o-transition:.8s;transition:.8s;
    }

        .wwd-div-block a:hover, .wwd-div-block a:focus {
            color: #151515;
            -webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);
           
        }
        
.content-body {
    padding: 15px;
}
.content-body img {
    height:auto;   
    margin:20px 0px 20px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
    .content-body p {
        text-align: justify;
        padding-top: 10px;
    }

    .content-body ul, ol {
        padding-left: 45px !important;
        font-weight: 500;
    }
    .content-body ul li:before {
        content: '✓' !important; 
        }
    .content-body ul li>ul li:before {
       list-style-type: square;
        }
        .content-body ul li {
            padding: 8px 0px 8px 0px !important;
            color: #151515;
        }
         .content-body ol li>ul li:before {
       list-style-type: square;
        }
         .content-body ol li {
           padding: 8px 0px 8px 0px !important;
            color: #151515;
        }
    /*.content-body h2 {
   color:#0088cf;
   font-size:25px;
   padding-bottom:5px;
   padding-top:5px;
}*/
    .content-body h3 {
        color: #0088cf;
        font-size: 20px;
        padding-bottom: 15px;
        padding-top: 15px;
        border-bottom: 1px solid #dadada;
    }

.content-body-donate {
    padding-bottom: 35px !important;
    padding-top: 10px;
}

    .content-body-donate i {
        margin-right: 6px;
    }
    .content-body .prd-view-btn {
  color: #fff;
  background: #0088cf;  
  text-transform:uppercase;  
  font-weight:600;  
  font-size:1.1em;
  padding:5px;
  margin:2px;
  display:inline-block;
  -webkit-transition:.8s;-moz-transition:.8s;-o-transition:.8s;transition:.8s;
} 
.content-body .prd-view-btn>i {
   font-weight:700;  
  font-size:1.4em;
  padding-right:5px;
} 
.content-body .prd-view-btn:hover, .content-body .prd-view-btn:focus {
  color: #FFF;
  background:#ff7f00 !important;
   -webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);
}
.Package-page
{
    padding:20px 0px 20px 0px;
    width:90%;
}
    .Package-body {
   padding:0px;
   margin:0px;
}
    .package-div-container {
   padding: 0;
   margin:0px;
    list-style: none;
    display: flex;
    align-items: stretch;
    justify-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
 
.package-div-element {   
  width: 33.33%;  
  height:100%;
    padding: .5rem;   
    background:linear-gradient(#efecec, #efecec, #f3f3f3, #f3f3f3) !important;
     -webkit-box-shadow: 2px 8px 8px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 8px 8px rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.2);
 }
@media (max-width: 600px) {.package-div-element{margin:0.5%; width: 98%; display:block;}}
.package-div-element .header {   
    padding:10px;
    color:#fff;
    display:block;
}
.package-div-element .header{
        background: #0088cf;
    }

.package-div-element .header h2{ color:#fff; font-weight:600;padding: 20px 5px 20px 5px; font-size:2em; text-align:center; text-transform:uppercase;}
    .package-div-element .div-dis {
        text-align:left;
        padding: 5px 8px 5px 8px !important;
        margin:10px 0px 10px 10px !important;      
       
    }
    .package-div-element .div-dis h3{ color:#0088cf; font-weight:600; margin: 8px 0px 8px 0px; font-size:1.2em;}
    .package-div-element .div-dis ul, ol {
        padding-left: 20px !important;
        font-weight: 500;
    }
    .package-div-element .div-dis ul li:before {
        content: '✓' !important; 
        font-weight: 800;
        padding-right:5px;
        color:#00ad19;
        
        }
    .package-div-element .div-dis ul li>ul li:before {
       list-style-type: square;
       font-weight: 700;
        }
        .package-div-element .div-dis ul li, .div-dis ul li h4 {
            padding: 8px 0px 8px 0px !important;
            color: #151515;
            border-bottom:1px solid #dadada;
            text-indent: -15px;
        }       
        .package-div-element .div-dis h4>ul li {
           font-size:14px;
          text-decoration:line-through;
          color:#ff7f00;
           /*padding: 8px 0px 8px 0px !important;*/
        }
         .package-div-element .div-dis h4> ul li:before {
        content: 'X' !important; 
        font-weight: 700;
         color:#ff7f00;
         padding-right:5px;
        }
         .package-div-element .div-dis ol li>ul li:before {
       list-style-type: square;
        }
         .package-div-element .div-dis ol li {
           padding: 8px 0px 8px 0px !important;
            color: #151515;
        }
  .package-div-element .product-btns {
  color: #fff;
  background: #0088cf;  
  text-transform:uppercase;  
  font-weight:600;  
  font-size:1.2em;
  display:block;
  -webkit-transition:.8s;-moz-transition:.8s;-o-transition:.8s;transition:.8s;
  width:100%;
  text-align:center;   
  padding:8px;
 
} 
  .package-div-element .product-btns .prd-view-btn {
  padding:8px !important; 
  text-decoration:none;
  color:#fff;
   line-height:2.0em;
   display:block;
  
} 
.package-div-element .product-btns>i {
   font-weight:700;  
  font-size:1.4em;
  padding-right:5px;
} 
.package-div-element .product-btns:hover, .package-div-element .product-btns:focus {
  color: #FFF;
  background:#ff7f00 !important;
 
}
