@charset "UTF-8";
/* CSS Document */
 html, body {
     padding:0;
     margin:0;
}
.my-list li {
    margin: 5px 5px;
}
 .styled-yellow:hover {
     background-color: white;
     color: black;
     box-shadow: inset 0 0 0 2px #ffcd00;
     box-sizing: border-box;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
}
 .flip-card {
     background-color: transparent;
     width: 200px;
     height: 200px;
     perspective: 1000px;
}
 .flip-card-inner {
     position: relative;
     width: 100%;
     height: 100%;
     text-align: center;
     transition: transform 0.6s;
     transform-style: preserve-3d;
     box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
 .flip-card:hover .flip-card-inner {
     transform: rotateY(180deg);
}
 .flip-card-front, .flip-card-back {
     position: absolute;
     width: 100%;
     height: 100%;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
}
 .flip-card-front {
     background-color: #006A96;
     color: black;
}
 .flip-card-back {
     background-color: #00C6D7;
     color: white;
     transform: rotateY(180deg) 
}
 .player {
     border-radius: 10px;
     overflow: hidden;
     z-index: 1;
     height: 250px;
     width: 500px;
}
 video {
     width: 100% !important;
     height: auto !important;
     border-radius: 15px;
     overflow: hidden;
}
 iframe {
     border-radius: 15px;
     overflow: hidden;
}
 .wrapper {
     max-width: 800px;
    /* Adjust as needed */
     width: 100%;
     margin: 0 auto;
     padding: 0 10px;
    /* Adjust as needed */
}
 .ResponsiveVideoWrapper {
     position: relative;
     padding-bottom: 10%;
     height: 0;
}
 .ResponsiveVideoWrapper video {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
 .box > * {
     border-radius: 15px;
     overflow: hidden;
     z-index: 1;
     -webkit-transform: translateZ(0);
     margin: 5px 15px;
     perspective: 1px;
}
 .box {
     display: flex;
}
 .one {
     flex: 1;
}
 .two {
     flex: 1;
}
 .testimonial-quote {
     font-size: 14px;
     background-size: contain !important;
}
 @media screen and (min-width: 501px) {
     div.testimonial-quote {
         font-size: 14px;
    }
}
 @media screen and (max-width: 500px) {
     div.testimonial-quote {
         font-size: 8px;
    }
}
 .testimonial-quote blockquote {
    /* Negate theme styles */
     border: 0;
     margin: 0;
     padding: 0;
     background: none;
     color: gray;
     font-family: Georgia, serif;
     font-size: 1.5em;
     font-style: italic;
     line-height: 1.4 !important;
     margin: 0;
     position: relative;
     text-shadow: 0 1px white;
     z-index: 600;
}
 .testimonial-quote blockquote * {
     box-sizing: border-box;
}
 .testimonial-quote blockquote p {
     color: #75808a;
     line-height: 1.4 !important;
}
 .testimonial-quote blockquote p:first-child:before {
     content: '\201C';
     color: #00C6D7;
     font-family: refrigerator-deluxe, sans-serif;
     font-style: normal;
     font-size: 8em;
     font-weight: 900;
     opacity: .3;
     position: absolute;
     top: -.3em;
     left: -.15em;
     text-shadow: none;
     z-index: -300;
}
 .testimonial-quote img {
     border: 4px solid #00C6D7;
     border-radius: 50%;
     display: block;
     width: 120px;
     height: 120px;
     position: absolute;
     top: -.2em;
     left: 0;
}
 .testimonial-quote cite {
     color: gray;
     display: block;
     font-size: .8em;
}
 .testimonial-quote cite span {
     color: #5e5e5e;
     font-size: 1em;
     font-style: normal;
     font-weight: 700;
     letter-spacing: 1px;
     text-transform: uppercase;
     text-shadow: 0 1px white;
}
 .testimonial-quote {
     position: relative;
}
 .testimonial-quote .quote-container {
     padding-left: 160px;
}
 .imageflex {
     display: flex;
}
 .imageflexcontent {
     margin: 0 auto;
}