﻿
.pad-top-60
{
    padding-top:50px;
}

.pad-top-50 {
    padding-top: 50px;
}

.pad-all-30
{
    padding:30px;
}

.pad-all-20 {
    padding-right: 20px;
}

.pad-all-13 {
    padding-top: 13px;
}

.ori-product-div {
    background-color:white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  max-width: 360px;
  margin: auto;
  text-align: center;
  font-family: arial;
  margin-bottom:90px;
  border-radius:16px;
  padding-left :4px;
  padding-right:4px;
  padding-bottom:10px;
  font-family:'Verdana', sans-serif;
  transition: transform .35s ease-in-out;
}

.ori-product-div-last {
     margin-bottom:30px;
        }
.ori-product-div:hover {
     transform: scale(1.03);

    }

.ori-product_title {
   color: blue;
  font-size: 22px;
  margin-bottom:0px;
  padding-bottom:0px;
        }

.ori-product_info {
   color: black;
  font-size: 16px;
        }

.ori-p-Img {
    margin:auto;
    margin-top:-75px;
border-radius:50%;
 box-shadow: 0 0 10px 1px rgba(51, 51, 51, 0.4);
}

.ori-bg-product{
   background-image: linear-gradient(to left bottom, #1c90f0, #00b4fa, #00d0e1, #00e6b3, #a1f485);
}
.ori-product_detail {
    padding-left :4px;
    padding-right:4px;
    text-align:justify;
        }

.product-card-LE {
    font-family: Roboto,sans-serif,Arial;
    width: 90%;
    min-height: 500px;
    margin-bottom: 30px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    padding: 8px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    border-radius: 8px;
    transition: 0.3s;
    background: linear-gradient(90deg, rgba(185,231,230,0.76234243697479) 0%, rgba(255,255,255,1) 56%);
    /*background-image: linear-gradient(to right, #f8f9f9, #e9fafa, #dafafa, #cafbf9, #b9fbf8);*/
    /*background-color:#F5F8F8;*/
    /*  background-color:aliceblue;*/
}

.product-card-Ethos {
    font-family: Roboto,sans-serif,Arial;
    width: 90%;
    min-height: 500px;
    margin-bottom: 30px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    padding: 8px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    border-radius: 8px;
    transition: 0.3s;
    background: linear-gradient(90deg, rgba(114, 181, 252,0.3) 0%, rgba(255,255,255,1) 56%);
    /*background-image: linear-gradient(to right, #f8f9f9, #e9fafa, #dafafa, #cafbf9, #b9fbf8);*/
    /*background-color:#F5F8F8;*/
    /*  background-color:aliceblue;*/
}


/* On mouse-over, add a deeper shadow */
.product-card-LE:hover,
.product-card-Ethos:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.svg-icon {
    margin-left:-6px;
    margin-top:4px;
  width: 36px;
  height: 36px;
  
}

.svg-icon path,
.svg-icon polygon,
.svg-icon rect,
.svg-icon circle {
 stroke-width:1;
 stroke:black;
}

.product-card-Ethos .svg-icon path {
    stroke: #00254d;
}

.product-card-LE .svg-icon path {
    stroke: #013b3a;
}

.product-card-LE h5,
.product-card-Ethos h5 {
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: Roboto,sans-serif,Arial;
    font-weight: normal;
    color: black;
}
 .btn-product-detail
 {
     background-color:deepskyblue;
     color:white;
 }  
 .btn-product-detail:hover
 {
     background-color:dodgerblue;
     color:white;
 } 
 .btn-product-brochure{
     background-color:limegreen;
     color:white;
 }
  .btn-product-brochure:hover{
     background-color:forestgreen;
     color:white;
 }

 .carousel-indicators
 {
    bottom:-40px;
 }
  .carousel-indicators li {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 10px;
    text-indent: 0;
    cursor: pointer;
    border: none;
    border-radius: 50%;
    background-color: dodgerblue;
    box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.5);    
}
.carousel-indicators .active {
    width: 16px;
    height: 16px;
    margin: 10px;
    background-color: limegreen;
}
/*for mobile devices*/
@media(max-width:575px)
{
    .product-card h5 { font-size:14px;   }
    .pad-top-60  { padding-top:8px;   }
    .pad-top-50 {
        padding-top: 7px;
    }
    .svg-icon { margin-left :-10px;width: 28px;  height: 28px; }
    
}

        .tag-head{
            background-image:url('../images/bg-blue-head.png');
             background-repeat:repeat-x;
              min-height:100px;
              text-align:center;
              padding-top:20px;
              padding-bottom:20px;
              opacity:0.7;
        }

        .tag-head h1,.tag-head h2,.tag-head h5
        {
            color:white;
            font-weight:normal;
        }
        .partner-info
        {
        width:80%;
        margin-left:auto;
        margin-right:auto;
        margin-top:20px;
        padding:16px;
        text-align:justify;
        }
         .partner-info img
         {
             padding-left:16px;
         }
         .partner-type{
             width:100%;
             background-color:whitesmoke;
             text-align:center;
             margin-top:20px;
             padding:32px;
         }
          .partner-type h2 
          {
              font-weight:200;
              color:dimgrey;
          }    
           .partner-type h5 
          {
              color:dimgrey;
          }    
          .partner-type p
          {
              color:black;
              text-align:justify;
          }

          .partner-type-main
          {
           padding:8px;
          }

           .partner-who {
             width:100%;
             background-color:darkslategray;
             text-align:center;
             padding:32px;
             padding-bottom:60px;
         }
          .partner-who h2,.partner-who h5
          {
              font-weight:200;
              color:white;
          }   
          .partner-who h4
          {
              color:white;
              padding-left:16px;
          }  
            .partner-qry-form {
             width:100%;
             padding:32px;
         }

        .partner-qry-form p {
            color:black;
        }