﻿.client-scroll-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;
}

.client-scroll-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;
    background: #fff;
}
.client-scroll-div {
    /*width: 100%;*/
    background: #fff;
    padding: 5px;
    min-height: 125px;
    vertical-align: central;
    justify-items: center;
    align-items: center;
    justify-content: center;
}

.client-scroll-div-overlay {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background: rgba(223, 224, 225, 0.3);
  overflow: hidden;
  width: 100%;
  height:0;
  transition: .5s ease;
  padding:10px;
/*  border-radius:25px;*/
}

.client-scroll-div-element:hover .client-scroll-div-overlay {
  bottom: 0;
  height: 100%;
}

    .client-scroll-div-link {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
    
  .client-scroll-div-link a {
    position: relative;
    display: inline-block;
    text-transform:uppercase;
    padding: 5px 0px;
    /*-webkit-transition: 0.3s all;
    transition: 0.3s all;*/
    font-size: 14px;
     font-family: 'Fjalla One', sans-serif !important;
      /*color:#bcbcbc !important;*/
       background-image: linear-gradient(to right, #000, #5C5C5C 50%, #000 50%);
  background-size: 200% 100%;
  background-position: -100%;
  display: inline-block;
  padding: 5px 0;
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.3s ease-in-out;  
}

    .client-scroll-div-link a:before {
        content: '';
  background: #24b000;
  display: block;
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 0;
  height: 3px;
  transition: all 0.3s ease-in-out;
    }
    .client-scroll-div-link a:hover {
 background-position: 0;
}

.client-scroll-div-link a:hover::before{
  width: 100%;
}
 .client-scroll-div-img{margin:0px;}
.client-scroll-div img{
   
   vertical-align:central;
  justify-items: center;
  align-items: center;
  justify-content: center;  
   border-radius:1%;
   /*background:#f3f3f3;
   border: 3px solid #efecec;*/
  overflow:hidden;
  max-width:200px !important;
  margin-left: auto;
  margin-right: auto;
  display:block;
}
@media only screen and (max-width: 750px) {
    [class*='col-xs'] {
        width: 100%;
    }

   .client-scroll-div img {
  vertical-align:central;
  justify-items: center;
  align-items: center;
  justify-content: center;  
   border-radius:1%;
   /*background:#f3f3f3;
   border: 3px solid #efecec;*/
  overflow:hidden;
  max-width:150px !important; 
  margin-left: auto;
  margin-right: auto;
}

}
.client-scroll-div-text{display:block;}
.client-scroll-div h3{
   margin:0px !important;
   vertical-align:central;
  justify-items: center;
  align-items: center;
  justify-content: center;    
  font-size:18px;
  text-transform:capitalize !important;
  padding:0px !important;
}
.client-scroll-div p{
   margin:0px !important;
   vertical-align:central;
  justify-items: center;
  align-items: center;
  justify-content: center;    
  text-transform:uppercase;
  padding:0px !important;
  font-size:13px !important;
}
/*.client-scroll-div a {
  color: #24b000;  
  font-weight:600;  
  font-size:1.0em;
  padding:5px;
  margin:2px; 
} 
.client-scroll-div a:hover, .client-scroll-div a:focus {
  color:#24b000;
  
}*/
.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:25px !important;
  width:300px;
  height:250px;
 /*width: calc(100%);
 height: calc(100%);*/
  display:flex;  
  background:linear-gradient(#fff, #fff, #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: 1px solid rgba(255, 255, 255, 0.2);
}
/*.adv-div-element:nth-child(odd) {
  background:#24b000 !important; 
}
.adv-div-element:nth-child(even) {
  background: #24b000 !important;
}*/
.adv-div-element .item-details {
  
  padding:10PX;
  text-align: left;
  display:block; 
}
.adv-div-element .item-details h5 {
    font-size: 18px; 
  color: #3e3e3e !important;
  border-bottom:1px solid #f3f3f3;
   margin-top:5px;
}
/*.adv-div-element .item-details p {
  font-size: 16px;  
  color:#24b000 !important;
  margin-top:5px;
}*/
.adv-div-element img {
  position:relative;
  /*width:150px;*/
  height:200px;
  top:10%;
  left:0%;
  margin-top:0%;/*half of the height*/
  margin-left:-0%;/*half of the width*/
}
.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: #5C5C5C;
  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: #5C5C5C;
  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: #5C5C5C;
  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:1%;
  width: calc(48% - 2%);
  display:table;
}
@media (max-width: 480px) {.home-div-element {width:96%; margin:2% !important;}.home-div-element>img {width:96%; margin:2% !important;}}
.home-div-block{display:block; width:100%;}
.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:90%;
   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);
  margin:5px;
  
}
/*.home-div-element p {
     margin:5px;
  
}*/
.home-scroll-grey {
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
 /*.home-div-block h2 {
        color: #24b000;
        text-shadow:1px 2px 2px #fff;
        font-size:2.5em;
        margin:20px 0px 10px;
    }*/
.home-scroll-grey-fix {
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(62, 62, 62, 0.8)), url("/Images/bk.jpg");    
    background-attachment: fixed;   
     width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    position:relative;
}

    /*.home-scroll-grey-fix::after {
        content: "";
        background: rgba(256, 256, 256, 0.6);
        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;
    }*/
   
.home-scroll-content {
    margin: 2%;
    text-align: center;
    vertical-align: central;
}

.home-scroll-grey-fix-foot {
    /*background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(62, 62, 62, 0.6)), url("/Images/bk.jpg");    
    background-attachment: fixed;   */
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    background: #5c5c5c;
}

    /*.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: #24b000;
    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: 5px;
  padding:0px;
  margin:2% 0.5%;
  width: calc(33% - 3%);
  display:table;
   background:linear-gradient(#fff, #fff, #fff, #fff) !important;
    -webkit-box-shadow: 2px 8px 8px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.2);
     min-height: 50vh;
}
 .wwd-div-element img {
        
        overflow:hidden;
       -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    width: 100%;
  height: 180px;
  object-fit: cover;
  object-position: bottom;
    background-repeat: no-repeat; 
    margin-left:0px;
    margin-right:0px;
    }
   .wwd-div-element .div-txt
    {
         -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    min-height:225px;
    padding:5px 15px;
    
    }   
    .wwd-div-element .div-txt p {
	/*text-align:justify;*/
    padding:0px;
    color:#5C5C5C !important;
}
 
@media only screen and (max-width: 750px) {
    [class*='col-xs'] {
        width: 100%;
    }

    .team-clm {
        display: flex;
        flex-wrap: wrap;
        max-width: 98%;
        padding: 6px;
    }

    .wwd-div-element {
        width: 98%;
        min-width: 300PX;
        margin: 1.0%;
    }

   .wwd-div-element img {
        
        overflow:hidden;
       -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    width: 100%;  
  object-fit: cover;
  object-position: bottom;
    background-repeat: no-repeat; 
    }
   .wwd-div-element .div-txt
    {
         -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    height:100%;
    padding:5px 15px;
    
    }   
}
.wwd-div-element h4 {
   color:#24b000 !important;
   text-shadow:none;
}
.div-wwd {
  width: 100%;
 
}

.div-wwd-overlay {
  position: absolute;
  top: 0%;
  left: 0;
  right: 0;
  background: #24b000;
  overflow: hidden;
  width: 100%;
  height:0;
  transition: .5s ease;
}

.wwd-div-element:hover .div-wwd-overlay {
  bottom: 0;
  height: 100%;
}

     .div-wwd .div-wwd-img
     {
         display:block;
     }
    .div-wwd .div-wwd-img img {
        
        overflow:hidden;
       -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    width: 100%;
  height: 150px;
  object-fit: cover;
  object-position: bottom;
    background-repeat: no-repeat; 
    }
    .div-wwd-details
    {
         -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
     margin-top: 1% !important;
    left: 10px !important;
    right: 10px !important;
    height:300px;
    
    }
    @media only screen and (max-width: 480px) {
        .div-wwd .div-wwd-img img {
        
        overflow:hidden;
       -webkit-transition-duration: 500ms;
    transition-duration: 500ms;   
    height: 150px !important;
    left: 0px;
    right: 0px;
    background-repeat: no-repeat; 
    }
    .div-wwd-details
    {
         -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
  height:100%;
    
    }
}
    /*.div-wwd .div-wwd-details> h2 {
        padding: 2%;
        margin-bottom: 10px;
        border-bottom: 1px solid #dadada;
        font-size: 1.5em !important;
        font-weight: 700;
        text-align:center;
    }*/

    .div-wwd .div-wwd-details> p {
        margin-left: 10px;
        margin-right: 10px;
        text-align:justify !important;
    }
      .div-wwd-link {
   font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  color:#f3f3f3 !important;
  border-bottom:1px solid #5C5C5C !important;
   border-top:1px solid #5C5C5C !important;
}
    .div-wwd-link a {
    position: relative;
    display: inline-block;
    text-transform:uppercase;
    padding: 5px;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    font-size: 16px;
     font-family: 'Fjalla One', sans-serif !important;
      background-image: linear-gradient(to right, #f3f3f3, #f4f4f4 50%, #f5f5f5 50%);
  background-size: 200% 100%;
  background-position: -100%;
  display: inline-block;
  padding: 5px 0;
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.3s ease-in-out;  
  
}

   .div-wwd-link a:before {
        content: '';
  background: #fff;
  display: block;
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 0;
  height: 3px;
  transition: all 0.3s ease-in-out;
    }
    .div-wwd-link a:hover {
 background-position: 0;
}

.div-wwd-link a:hover::before{
  width: 100%;
}
  
    .wwd-link {
       
        display: inline-block;
      
    }  
        
.wwd-link a {
    position: relative;
    display: inline-block;
    text-transform:capitalize;
    padding: 5px 0px;
    /*-webkit-transition: 0.3s all;
    transition: 0.3s all;*/
    font-size: 14px;
     font-family: 'Fjalla One', sans-serif !important;
      /*color:#bcbcbc !important;*/
       background-image: linear-gradient(to right, #5C5C5C, #bcbcbc 50%, #000 50%);
  background-size: 200% 100%;
  background-position: -100%;
  display: inline-block;
  padding: 5px 0;
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.3s ease-in-out;  
}

    .wwd-link a:before {
        content: '';
  background: #24b000;
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;
  transition: all 0.3s ease-in-out;
    }
    .wwd-link a:hover {
 background-position: 0;
}

.wwd-link a:hover::before{
  width: 100%;
}
.content-body {
    padding: 5px 15px;
    width: 100%;
  height: auto;
  margin-top: 5px;
}
.content-body img {
    width: 100%;
  max-width: 250px;
  float: left;
  padding:0px 10px;
   border: 10px solid #f3f3f3;
}
    .content-body h2, h3 {
        color: #24b000 !important;
        padding: 1px 0px 1px;
        font-family: 'Fjalla One', sans-serif !important;
        letter-spacing: 0.005em;
        text-transform:capitalize !important;        
        margin:0PX;
    }
    .content-body h2 {
       
        font-size: 18PX !important;       
    }
- .content-body h3 {
    font-size: 15PX !important;
}
.content-body p {
    padding: 3px 0px 3px;
    text-align: justify !important;
}
.content-body b {
    font-size:18PX !important;
    color:#24b000 !important;
}
    .content-body ul, ol {
        padding-left: 35px !important;
        font-weight: 500;
    }
    .content-body ul li:before {
        content: '✓' !important; 
        font-size:20px;
        font-weight:700;
        padding-right:15px;
        }
    .content-body ul li>ul li:before {
       list-style-type: square;
       font-size:17px;
        font-weight:700;
        padding-right:10px;
        }
        .content-body ul li {
            padding: 8px 0px 8px 0px !important;
            color: #5C5C5C;
        }
        .content-body ol li:before {
        content: '✓' !important; 
        font-size:20px;
        font-weight:700;
        padding-right:15px;
        }
         .content-body ol li>ul li:before {
       list-style-type: square;
       font-size:17px;
        font-weight:700;
        padding-right:10px;
        }
         .content-body ol li {
           padding: 8px 0px 8px 0px !important;
            color: #5C5C5C;
        }
    /*.content-body h2 {
   color:#24b000;
   font-size:25px;
   padding-bottom:5px;
   padding-top:5px;
}*/
    /*.content-body h3 {
        color: #24b000;
        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: #24b000;  
  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:#24b000 !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: #24b000;
    }

.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:#24b000; 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: #5C5C5C;
            border-bottom:1px solid #dadada;
            text-indent: -15px;
        }       
        .package-div-element .div-dis h4>ul li {
           font-size:14px;
          text-decoration:line-through;
          color:#24b000;
           /*padding: 8px 0px 8px 0px !important;*/
        }
         .package-div-element .div-dis h4> ul li:before {
        content: 'X' !important; 
        font-weight: 700;
         color:#24b000;
         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: #5C5C5C;
        }
  .package-div-element .product-btns {
  color: #fff;
  background: #24b000;  
  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:#24b000 !important;
 
}
