header #usps {height:100px; padding-top:60px; padding-bottom:0;}
#usps .usps-header {height:40px; display:flex; position:relative; flex-direction:row;}
#usps .usps-header .usp {height:100%; width:100%; text-align:center; display:flex; flex-direction:row; justify-content:center; align-items:center; padding:0; margin:0; color: rgb(63 63 63) !important; font-family: 'DroidSans Bold', sans-serif;}
#usps .usps-header .usp span.usp-icon {height:40px; display:flex; align-items:center; padding-top:0;}
#usps .usps-header .usp span.usp-icon img {height:20px; width:20px; margin-right:10px; aspect-ratio:1/1;}
#usps .usps-header .usp span.usp-title {height:40px; display:flex; align-items:center; font-size:13px; line-height:normal; padding-top:0;}

@media only screen and (min-width:768px) {
    header #usps {margin-top:107px !important;}
    #usps .usps-header .usp span.usp-icon img {height:15px; width:15px;}
    #usps .usps-header .usp span.usp-title {font-size: 11px;}
}

@media only screen and (min-width:992px) {
    header #usps {height:110px; margin-top:110px !important;}
    #usps .usps-header {height:50px; width:940px; justify-content:space-between;}
    #usps .usps-header .usp {justify-content:flex-start; width:unset;}
    #usps .usps-header .usp span.usp-icon, #usps .usps-header .usp span.usp-title {height:50px;}
    #usps .usps-header .usp span.usp-title {font-size: 15px;}
}

@media only screen and (min-width:1200px) {
    #usps .usps-header {width:900px; justify-content:space-between;}
}

@media only screen and (max-width:767px) {
    #usps .usps-header .usp {position:absolute; transform-style:preserve-3d; animation-duration:8s; animation-iteration-count:infinite; animation-timing-function:linear; z-index:2;}
    #usps .usps-header #usp-extensions {animation-name:uspOne;}
    #usps .usps-header #usp-flexible {animation-name:uspTwo;}
    #usps .usps-header #usp-evoucher {animation-name:uspThree;}
    @keyframes uspOne {
      0% {
        opacity: 1;
        z-index:9;
      }
      32% {
        opacity: 1;
      }
      33% {
        opacity: 0;
        z-index:1;
      }
      100% {
        opacity: 0;
      }
    }
    @keyframes uspTwo {
      0% {
        opacity: 0;
        z-index:1;
      }
      32% {
        opacity: 0;
      }
      33% {
        opacity: 0.5;
        z-index:9;
      }
      34% {
        opacity: 1;
      }
      65% {
        opacity: 1;
      }
      66% {
        opacity: 0;
        z-index:1;
      }
      100% {
        opacity: 0;
      }
    }
    @keyframes uspThree {
      0% {
        opacity: 0;
        z-index:1;
      }
      65% {
        opacity: 0;
      }
      66% {
        opacity: 0.5;
        z-index:9;
      }
      67% {
        opacity: 1;
      }
      100% {
        opacity: 1;
      }
    }
}
