.info-card {
    width: 100%;
    border: 1px solid rgb(215, 215, 215);
    position: relative;
    font-family: 'Lato', sans-serif;
    margin-bottom: 20px;
    overflow: hidden;
}

.animate {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.info-card > img {
    width: 100px;
    margin-bottom: 60px;
}

.info-card .info-card-details,
.info-card .info-card-details .info-card-header {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: -100%;
    left: 0;
    padding: 0 15px;
    background: rgb(255, 255, 255);
    text-align: center;
}

    .info-card .info-card-details::-webkit-scrollbar {
        width: 8px;
    }

    .info-card .info-card-details::-webkit-scrollbar-button {
        width: 8px;
        height: 0px;
    }

    .info-card .info-card-details::-webkit-scrollbar-track {
        background: transparent;
    }

    .info-card .info-card-details::-webkit-scrollbar-thumb {
        background: rgb(160, 160, 160);
    }

        .info-card .info-card-details::-webkit-scrollbar-thumb:hover {
            background: rgb(130, 130, 130);
        }

    .info-card .info-card-details .info-card-header {
        height: auto;
        bottom: 100%;
        padding: 10px 5px;
    }

.info-card:hover .info-card-details {
    bottom: 0px;
    overflow: auto;
    padding-bottom: 25px;
}

    .info-card:hover .info-card-details .info-card-header {
        position: relative;
        bottom: 0px;
        padding-top: 45px;
        padding-bottom: 25px;
    }

.info-card .info-card-details .info-card-header h1,
.info-card .info-card-details .info-card-header h3 {
    color: rgb(62, 62, 62);
    font-size: 22px;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0 !important;
    padding: 0 !important;
}

.info-card .info-card-details .info-card-header h3 {
    color: rgb(142, 182, 52);
    font-size: 15px;
    font-weight: 400;
    margin-top: 5px;
}

.info-card .info-card-details .info-card-detail .social {
    list-style: none;
    padding: 0px;
    margin-top: 25px;
    text-align: center;
}

    .info-card .info-card-details .info-card-detail .social a {
        position: relative;
        display: inline-block;
        min-width: 40px;
        padding: 10px 0px;
        margin: 0px 5px;
        overflow: hidden;
        text-align: center;
        background-color: rgb(215, 215, 215);
        border-radius: 40px;
    }

.container-fluid.no-gutter {
    padding: 0px;
}

    .container-fluid.no-gutter .row [class*='col-']:not(:first-child),
    .container-fluid.no-gutter .row [class*='col-']:not(:last-child) {
        padding-right: 0;
        padding-left: 0;
    }

/*.row {
    margin-left: 0;
    margin-right: 0;
}*/

.panel.price,
.panel.price > .panel-heading {
    border-radius: 0px;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

    .panel.price:hover {
        box-shadow: 0px 0px 30px rgba(0,0,0, .2);
    }

        .panel.price:hover > .panel-heading {
            box-shadow: 0px 0px 30px rgba(0,0,0, .2) inset;
        }


    .panel.price > .panel-heading {
        box-shadow: 0px 5px 0px rgba(50,50,50, .2) inset;
        text-shadow: 0px 3px 0px rgba(50,50,50, .6);
    }

.price .list-group-item {
    border-bottom-: 1px solid rgba(250,250,250, 0.5);
}

.panel.price .list-group-item:last-child {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.panel.price .list-group-item:first-child {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.price .panel-footer {
    color: #fff;
    border-bottom: 0px;
    background-color: rgba(0,0,0, .1);
    box-shadow: 0px 3px 0px rgba(0,0,0, .3);
}


.panel.price .btn {
    box-shadow: 0 -1px 0px rgba(50,50,50, .2) inset;
    border: 0px;
}

/* green panel */


.price.panel-green > .panel-heading, .panel-green > .panel-footer > .btn-block {
    color: #fff;
    background-color: #57AC57;
    border-color: #71DF71;
    border-bottom: 1px solid #71DF71;
}


.price.panel-green > .panel-body {
    color: #fff;
    background-color: #65C965;
}


    .price.panel-green > .panel-body .lead {
        text-shadow: 0px 3px 0px rgba(50,50,50, .3);
    }

.price.panel-green .list-group-item {
    color: #333;
    background-color: rgba(50,50,50, .01);
    font-weight: 600;
    text-shadow: 0px 1px 0px rgba(250,250,250, .75);
}

/* blue panel */

.price.panel-blue > .panel-heading, .panel-blue > .panel-footer > .btn-block {
    color: #fff;
    background-color: #608BB4;
    border-color: #78AEE1;
    border-bottom: 1px solid #78AEE1;
}

.price.panel-blue > .panel-body {
    color: #fff;
    background-color: #73A3D4;
}

    .price.panel-blue > .panel-body .lead {
        text-shadow: 0px 3px 0px rgba(50,50,50, .3);
    }

.price.panel-blue .list-group-item {
    color: #333;
    background-color: rgba(50,50,50, .01);
    font-weight: 600;
    text-shadow: 0px 1px 0px rgba(250,250,250, .75);
}

/* red price */

.price.panel-red > .panel-heading, .panel-red > .panel-footer > .btn-block {
    color: #fff;
    background-color: #D04E50;
    border-color: #FF6062;
    border-bottom: 1px solid #FF6062;
}

.price.panel-red > .panel-body {
    color: #fff;
    background-color: #EF5A5C;
}

    .price.panel-red > .panel-body .lead {
        text-shadow: 0px 3px 0px rgba(50,50,50, .3);
    }

.price.panel-red .list-group-item {
    color: #333;
    background-color: rgba(50,50,50, .01);
    font-weight: 600;
    text-shadow: 0px 1px 0px rgba(250,250,250, .75);
}

/* grey price */

.price.panel-grey > .panel-heading, .panel-grey > .panel-footer > .btn-block {
    color: #fff;
    background-color: #6D6D6D;
    border-color: #B7B7B7;
    border-bottom: 1px solid #B7B7B7;
}

.price.panel-grey > .panel-body {
    color: #fff;
    background-color: #808080;
}

    .price.panel-grey > .panel-body .lead {
        text-shadow: 0px 3px 0px rgba(50,50,50, .3);
    }

.price.panel-grey .list-group-item {
    color: #333;
    background-color: rgba(50,50,50, .01);
    font-weight: 600;
    text-shadow: 0px 1px 0px rgba(250,250,250, .75);
}

.price.panel-white > .panel-heading, .panel-white > .panel-footer > .btn-block {
    color: #333;
    background-color: #f9f9f9;
    border-color: #ccc;
    border-bottom: 1px solid #ccc;
    text-shadow: 0px 2px 0px rgba(250,250,250, .7);
}

.panel.panel-white.price:hover > .panel-heading {
    box-shadow: 0px 0px 30px rgba(0,0,0, .05) inset;
}

.price.panel-white > .panel-body {
    color: #fff;
    background-color: #dfdfdf;
}

    .price.panel-white > .panel-body .lead {
        text-shadow: 0px 2px 0px rgba(250,250,250, .8);
        color: #666;
    }

.price:hover.panel-white > .panel-body .lead {
    text-shadow: 0px 2px 0px rgba(250,250,250, .9);
    color: #333;
}

.price.panel-white .list-group-item {
    color: #333;
    background-color: rgba(50,50,50, .01);
    font-weight: 600;
    text-shadow: 0px 1px 0px rgba(250,250,250, .75);
}

time {
    margin: 40px 0 !important;
}

.t {
    z-index: 2;
    height: 30px;
    text-align: right;
}

.isotope,
.isotope .isotope-item {
    /* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.separator {
    float: left;
    width: 100%;
    height: 55px;
    background-color: #000;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

    .isotope .isotope-item {
        -webkit-transition-property: -webkit-transform, opacity;
        -moz-transition-property: -moz-transform, opacity;
        -ms-transition-property: -ms-transform, opacity;
        -o-transition-property: -o-transform, opacity;
        transition-property: transform, opacity;
    }

        .isotope.no-transition,
        .isotope.no-transition .isotope-item,
        .isotope .isotope-item.no-transition {
            -webkit-transition-duration: 0s;
            -moz-transition-duration: 0s;
            -ms-transition-duration: 0s;
            -o-transition-duration: 0s;
            transition-duration: 0s;
        }

#master::-webkit-input-placeholder {
    color: #1b7a84;
    text-align: center;
}

#master:-moz-placeholder {
    /* FF 4-18 */
    color: #1b7a84;
    text-align: center;
}

#master::-moz-placeholder {
    /* FF 19+ */
    color: #1b7a84;
    text-align: center;
}

#master:-ms-input-placeholder {
    /* IE 10+ */
    color: #1b7a84;
    text-align: center;
}
#master:focus::-webkit-input-placeholder{
    color: transparent!important;
}
#master:focus::-moz-placeholder{
    color: transparent!important;
}
#master:focus:-ms-input-placeholder{
    color: transparent!important;
}
.headerBack {
    padding: 0;
    width: 100%;
    background-size: cover;
}
#master {
    width: 60%;
    margin: 0 auto;
    display: block;
    box-shadow:3px 3px 4px #060606;
    background-color: #fff;
    color: #771e1d;
}
#slave {
    margin: 0 auto;
    width: 99%;
    color: #1b7a84;
}
.shadow {
    background-color: rgba(37, 29, 29, 0.74); 
    position: absolute;
     height: 170px;
     bottom: 0; padding: 0;
}
.icoCounter {display: inline-block; font-size: 20px;color: #01d20f;font-weight: 900}
.txtIcon{ color: #01d20f ;} 
@media (max-width: 768px) {
    #master {
        width: 100%;
        padding: 10px;
        height: 50px;
        font-size: 22px !important;
    }

    #slave {
        padding: 10px;
        height: 50px;
        font-size: 22px !important;
    }
     #sbox {
        margin:10px 0px 10px 0;
    }
    #Slogan {
        margin: 10px 0 0px 0;
    }
     .marqueeNews {
          height: 160px;
           top: 0px;
         
      }
      .marqueeNews > marquee { background-color: #333;}
     .shadow {
         height: 330px;
     }
      .icoCounter {
         display: inline-block; font-size: 20px;color: #000000;
     }
     .iconReport{font-size: 70px;color: #ed1b24;}
      .txtIcon{ color: #000000 ;}
    
}
@media (min-width: 768px) {
    #master {
        padding: 10px;
        height: 50px;
        font-size: 22px !important;
    }

    #slave {
        padding: 10px;
        height: 50px;
        font-size: 22px !important;
    }
     #sbox {
        margin:25px 0px 42px 0;
    }
    #Slogan {
        margin: 80px 0 0px 0;
    }
     .marqueeNews {
          height: 150px;
           top: 0;
      }
    
     .shadow {
         height: 150px;
     }
         .iconReport{font-size: 50px;color: #01d20f;}
          .report{padding: 0px}
}
@media (min-width: 995px) {
    #master {
        padding: 10px;
        height: 50px;
        font-size: 22px !important;
    }

    #slave {
        padding: 10px;
        height: 50px;
        font-size: 22px !important;
    }
     #sbox {
        margin:25px 0px 42px 0;
    }
    #Slogan {
        margin: 50px 0 0px 0;
    }
      ul#navigation {
            top: 100px;
        }
       .marqueeNews {
          height: 160px;
           top: 160px;
      }
       .shadow {
         height: 160px;
     }
        .report{padding: 10px}
}
@media (min-width: 1000px) {
      #master {
        padding: 10px;
        height: 50px;
        font-size: 22px !important;
    }

    #slave {
        padding: 10px;
        height: 50px;
        font-size: 22px !important;
    }
     #sbox {
        margin:30px 0px 42px 0;
    }
    #Slogan {
        margin: 80px 0 0px 0;
    }
      ul#navigation {
            top: 110px;
        }
       .marqueeNews {
          height: 160px;
           top: 250px;
      }
        .shadow {
         height: 160px;
     }
         .report{padding: 10px}
}
@media (min-width: 1150px) {
    #master {
        padding: 10px;
        height: 50px;
        font-size: 22px !important;
    }

    #slave {
        padding: 10px;
        height: 50px;
        font-size: 22px !important;
    }
     #sbox {
        margin:65px 0px 42px 0;
    }
    #Slogan {
        margin: 80px 0 0px 0;
    }
      ul#navigation {
            top: 110px;
        }
       .marqueeNews {
          height: 145px;
           top: 240px;
      }
        .shadow {
         height: 150px;
     }
         .report{padding: 10px}
}
@media (min-width: 1200px) {
    #master {
        padding: 10px;
        height: 70px;
        font-size: 24px !important;
    }

    #slave {
        padding: 10px;
        height: 50px;
        font-size: 23px !important;
    }
     #sbox {
        margin:67px 0px 39px 0;
    }
    #Slogan {
        margin: 80px 0 67px 0;
    }
         ul#navigation {
            top: 120px;
        }
          .marqueeNews {
          height: 150px;
           top: 270px;
      }
           .shadow {
         height: 150px;
     }
            .report{padding: 10px}
}
@media (min-width: 1300px) {
    #master {
        padding: 10px;
        height: 60px;
        font-size: 25px !important;
    }

    #slave {
        padding: 10px;
        height: 50px;
        font-size: 24px !important;
    }
     #sbox {
        margin:77px 0px 50px 0;
    }
    #Slogan {
        margin: 80px 0 67px 0;
    }
     ul#navigation {
            top: 130px;
        }
      .marqueeNews {
          height: 150px;
           top: 267px;
      }
       .shadow {
         height: 150px;
     }
        .report{padding: 10px}
}
@media (min-width: 1400px) {
     .report{padding: 10px}
       .shadow {
         height: 150px;
     }
                 .shadow {
         height: 150px;
     }
.marqueeNews {
          height: 150px;
           top: 270px;
      }
}
@media (min-width: 1500px) {

    #master {
        padding: 10px;
        height: 60px;
        font-size: 30px !important;
    }

    #slave {
        padding: 10px;
        height: 50px;
        font-size: 24px !important;
    }
    #sbox {
        margin: 70px 0px 58px 0;
    }
    #Slogan {
        margin: 100px 0 60px 0;
    }
      ul#navigation {
            top: 140px;
        }
         .marqueeNews {
          height: 140px;
           top: 300px;
      }
          .shadow {
         height: 150px;
     }
           .report{padding: 10px}
}
@media (min-width: 1600px) {
    #master {
        padding: 10px;
        height: 60px;
        font-size: 30px !important;
    }

    #slave {
        padding: 10px;
        height: 50px;
        font-size: 25px !important;
    }
    #sbox {
        margin: 80px 0px 88px 0;
    }
    #Slogan {
        margin: 100px 0 60px 0;
    }
      ul#navigation {
            top: 150px;
        }
         .marqueeNews {
          height: 100px;
      }
          .marqueeNews {
          height: 160px;
           top: 340px;
      }
           .shadow {
         height: 150px;
     }
            .report{padding: 10px}
}
@media (min-width: 1700px) {
    #master {
        padding: 10px;
        height: 60px;
        font-size: 30px !important;
    }

    #slave {
        padding: 10px;
        height: 50px;
        font-size: 26px !important;
    }
    #sbox {
        margin: 90px 0px 95px 0;
    }
    #Slogan {
        margin: 100px 0 60px 0;
    }
    .marqueeNews {
          height: 150px;
           top: 330px;
      }
     .shadow {
         height: 150px;
     }
      .report{padding: 10px}
}
@media (min-width: 1800px) {
    #master {
        padding: 10px;
        height: 60px;
        font-size: 30px !important;
    }

    #slave {
        padding: 10px;
        height: 50px;
        font-size: 26px !important;
    }
    #sbox {
        margin: 108px 0px 100px 0;
    }
    #Slogan {
        margin: 100px 0 60px 0;
    }
      ul#navigation {
            top: 170px;
        }
      .marqueeNews {
          height: 185px;
          top: 340px;
      }
       .shadow {
         height: 170px;
     }
        .icoCounter {
         display: inline-block; font-size: 20px;color: #01d20f;
     }
     .iconReport{font-size: 70px;color: #01d20f;}
     .txtIcon{ color: #01d20f !important;}
      .report{padding: 10px}
}