@-webkit-keyframes shine {
  100% {
    left:125%
  }
}
@keyframes shine {
  100% {
    left:125%
  }
}
.shine-effect.cdz-banner {
  overflow:hidden;
  position:relative
}
.shine-effect.cdz-banner:before {
  position:absolute;
  top:0;
  left:-100%;
  z-index:2;
  display:block;
  content:'';
  width:50%;
  height:100%;
  background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%);
  background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%);
  transform:skewX(-25deg)
}
.shine-effect.cdz-banner:hover:before {
  -webkit-animation:shine 1.2s;
  animation:shine 1.2s
}
@-webkit-keyframes zoomin {
  0% {
    transform:scale(1)
  }
  50% {
    transform:scale(1.5)
  }
  100% {
    transform:scale(1)
  }
}
@keyframes zoomin {
  0% {
    transform:scale(1)
  }
  50% {
    transform:scale(1.5)
  }
  100% {
    transform:scale(1)
  }
}
@-webkit-keyframes zoomout {
  0% {
    transform:scale(1)
  }
  50% {
    transform:scale(.67)
  }
  100% {
    transform:scale(1)
  }
}
@keyframes zoomout {
  0% {
    transform:scale(1)
  }
  50% {
    transform:scale(.67)
  }
  100% {
    transform:scale(1)
  }
}
.border-zoom-effect.cdz-banner a {
  display:inline-block;
  position:relative
}
.border-zoom-effect.cdz-banner a:before,
.border-zoom-effect.cdz-banner a:after {
  position:absolute;
  top:2.5%;
  left:2.5%;
  content:"";
  width:95%;
  height:95%;
  transition:all 500ms ease;
  backface-visibility:hidden
}
.border-zoom-effect.cdz-banner a:before {
  border-left:1px solid #fff;
  border-right:1px solid #fff;
  transform:scale(1, 0)
}
.border-zoom-effect.cdz-banner a:after {
  border-top:1px solid #fff;
  border-bottom:1px solid #fff;
  transform:scale(0, 1)
}
.border-zoom-effect.cdz-banner a:hover:before,
.border-zoom-effect.cdz-banner a:hover:after {
  transform:scale(1)
}
.scale-effect.cdz-banner {
  overflow:hidden
}
.scale-effect.cdz-banner img {
  transition:all 500ms ease;
  backface-visibility:hidden
}
.scale-effect.cdz-banner:hover img {
  transform:scale(1.1)
}
.shake:hover {
  animation:shake .82s cubic-bezier(.36, .07000000000000001, .19, .97) infinite;
  transform:translate3d(0, 0, 0);
  backface-visibility:hidden;
  perspective:1000px
}
@keyframes shake {
  10%,
  90% {
    transform:translate3d(-1px, 0, 0)
  }
  20%,
  80% {
    transform:translate3d(2px, 0, 0)
  }
  30%,
  50%,
  70% {
    transform:translate3d(-4px, 0, 0)
  }
  40%,
  60% {
    transform:translate3d(4px, 0, 0)
  }
}
@keyframes cssload-zoom {
  0% {
    transform:scale(0.5, 0.5)
  }
  50% {
    transform:scale(1, 1)
  }
  100% {
    transform:scale(1.5, 1.5)
  }
}
.page-footer .block.newsletter,
.page-footer .block.newsletter .field.newsletter {
  max-width:none
}
.checkout-index-index .page-footer {
  margin-bottom:0
}
.service-banner-style01 {
  padding:20px 0
}
.service-banner-style01 .item-icon {
  margin-right:15px;
  font-size:24px;
  transition:all 500ms ease;
  backface-visibility:hidden
}
.service-banner-style01 .item {
  display:flex;
  align-items:center;
  color:#fff
}
.service-banner-style01 .item:hover {
  cursor:pointer
}
.service-banner-style01 .item:hover .item-icon {
  transform:scale(1.2)
}
.service-banner-style01 .item-content {
  letter-spacing:1px
}
.service-banner-style01 .item-content a,
.service-banner-style01 .item-content a:visited {
  transition:all 500ms ease;
  backface-visibility:hidden;
  color:#fff
}
.service-banner-style01 .item-content a:hover,
.service-banner-style01 .item-content a:visited:hover {
  color:#727171
}
.service-banner-style01 .item-content>p {
  font-size:12px;
  font-style:italic;
  margin:0
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .service-banner-style01 .item {
    width:50%;
    margin:10px 0
  }
}
@media only screen and (max-width: 767px) {
  .service-banner-style01 .cdz-block-title .title-desc {
    width:60%
  }
  .service-banner-style01 .item {
    margin:8px 0
  }
}
@media only screen and (max-width: 480px) {
  .service-banner-style01 .item {
    width:100%;
    float:left
  }
  .service-banner-style01 .item .item-icon {
    min-width:30px;
    text-align:center
  }
}
.page-footer .footer.content {
  display:none
}
.page-footer .main-footer {
  color:#fff;
  font-size:13px
}
.page-footer .main-footer .footer.content {
  display:block;
  border:none;
  padding:0 0;
  margin:0
}
.page-footer .footer-content-top,
.page-footer .footer-content-middle,
.page-footer .footer-content-bottom {
  display:block;
  width:100%;
  float:left
}
.page-footer .footer-content-top {
  background-color:#e6e6e6;
  padding:30px 0px;
  background-size:cover;
  background-position:center center
}
.page-footer .footer-content-middle {
  background-color:#0083da
}
.page-footer .footer-content-middle .footer.content {
  border-bottom:1px solid #e7eaf0
}
.page-footer .footer-top-inner .col-center .fa {
  color:#fff
}
.page-footer .middle-top {
  border-bottom:1px solid #e7eaf0
}
.page-footer .middle-top .service-banner-style01 .item {
  justify-content:center;
  border-inline-start:1px solid #e7eaf0
}
.page-footer .middle-top .service-banner-style01 .item:first-child {
  border-inline-start:none
}
.page-footer .middle-top .service-banner-style01 .item .item-content {
  letter-spacing:0.5px;
  font-weight:500;
  font-size:110%
}
.page-footer .middle-bottom {
  padding:50px 0px 40px
}
.page-footer .middle-bottom .contact-info .footer-text {
  display:flex;
  align-items:center
}
.page-footer .middle-bottom .contact-info .footer-text .fa:before {
  width:30px;
  height:30px;
  border-radius:100%;
  text-align:center;
  background-color:#fdd123;
  color:#fff;
  line-height:30px;
  margin-right:10px;
  display:inline-block;
  font-size:15px
}
.page-footer .footer-content-bottom {
  background-color:#0083da
}
.page-footer .newsletter-title {
  color:#000000;
  margin-bottom:28px
}
.page-footer .newsletter-title .title {
  font-size:200%;
  font-weight:600;
  margin-bottom:5px;
  color: #000000;
}
.page-footer .block.newsletter {
  margin:0;
  width:100%
}
.page-footer .block.newsletter .content {
  background:#fff;
  border-radius:25px
}
.page-footer .block.newsletter .content .actions {
  vertical-align:middle
}
.page-footer .block.newsletter .content .action.subscribe {
  border-radius:25px;
  margin:0 5px;
  padding:10px 20px;
  background:#fdd123;
  border-color:#fdd123
}
.page-footer .block.newsletter .content .control {
  padding:0 10px;
  position:relative
}
.page-footer .block.newsletter .content .control input {
  height:50px;
  line-height:50px;
  border:none
}
.page-footer .block.newsletter .content .control:before {
  line-height:50px
}
.page-footer .footer-social {
  text-align:left;
  display:inline-block;
  margin-top:10px
}
.page-footer .footer-social .social {
  display:inline-block;
  margin:0;
  vertical-align:middle
}
.page-footer .footer-social .social a {
  margin-right:20px;
  display:inline-block;
  color:#fff;
  transition:.6s
}
.page-footer .footer-social .social a .fa {
  line-height:inherit;
  font-size:0
}
.page-footer .footer-social .social a .fa:before {
  font-size:26px
}
.page-footer .footer-social .social a:hover {
  color:#fdd123;
  transform:translateY(-5px)
}
.page-footer .footer-box .h5 {
  font-weight:700;
  margin-bottom:10px;
  color:#fdd123;
  font-size:14px;
  text-transform:uppercase
}
.page-footer .footer-box .footer-link li {
  margin-bottom:10px
}
.page-footer .footer-box .footer-link a {
  color:#fff;
  font-size:13px
}
.page-footer .footer-box .footer-link a:hover {
  color:#fdd123
}
.page-footer .footer-content-bottom {
  padding:30px 0 20px
}
.page-footer .footer-content-bottom .footer-payment {
  display:inline-block;
  margin-bottom:20px
}
.page-footer .footer-content-bottom a {
  color:#fff
}
.page-footer .footer-content-bottom a:hover {
  color:#fdd123
}
.page-footer .footer-content-bottom .bottom-links {
  margin:0 0 20px;
  padding:0;
  list-style:none
}
.page-footer .footer-content-bottom .bottom-links li {
  margin:0;
  display:inline-block;
  border-inline-start:1px solid #e7eaf0;
  margin-inline-start:10px;
  padding-inline-start:10px
}
.page-footer .footer-content-bottom .bottom-links li:first-child {
  border-inline-start:none;
  margin-inline-start:0px;
  padding-inline-start:0px
}
@media only screen and (min-width: 768px) {
  .page-footer .service-banner-style01 {
    padding:50px 0
  }
}
@media only screen and (max-width: 767px) {
  .page-footer {
    margin-bottom:50px
  }
  .page-footer .footer-content-top {
    padding:30px 0
  }
  .page-footer .block.newsletter {
    width:100%;
    position:relative;
    text-align:left
  }
  .page-footer .block.newsletter .field.newsletter {
    width:100%
  }
  .page-footer .block.newsletter .actions {
    position:absolute;
    right:-2px;
    top:3px;
    width:auto;
    margin:0
  }
  .page-footer .block.newsletter .actions .action.subscribe>span {
    display:none
  }
  .page-footer .block.newsletter .actions .action.subscribe:before {
    font-family:FontAwesome;
    content:"\f1d8";
    font-size:20px;
    line-height:1
  }
  .page-footer .col-center .fa {
    display:none
  }
  .page-footer .col-center .newsletter-title {
    margin-bottom:10px;
    text-align:center;
    width:100%
  }
  .page-footer .footer-social {
    text-align:center
  }
  .page-footer .footer-social .title {
    display:none
  }
  .page-footer .main-footer .footer.content {
    margin:0
  }
  .page-footer .footer-top-inner {
    padding:10px 0px
  }
  .page-footer .middle-top .service-banner-style01 .item {
    justify-content:inherit;
    border:none
  }
  .page-footer .middle-bottom {
    padding:20px 10px 10px
  }
  .page-footer .footer-box .h5 {
    margin-bottom:0;
    padding:10px 0px;
    position:relative;
    margin:0 -10px;
    padding:7px 10px 7px 30px;
    cursor:pointer;
    font-weight:normal
  }
  .page-footer .footer-box .h5:before {
    font-family:FontAwesome;
    font-size:15px;
    font-weight:normal;
    content:"\f105";
    margin-right:10px;
    position:absolute;
    left:10px;
    transition:.6s
  }
  .page-footer .footer-box .h5.active:before {
    transform:rotateZ(90deg)
  }
  .page-footer .footer-box .showhide {
    padding:10px 0px
  }
}