/*---custom css ---*/


@media(max-width: 1199px) {.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    padding: 0 -10px;
}}

@media(max-width: 1199px) {.sp-megamenu-parent {
    margin: 0 -40px;
}}

/*---center product logos on index page ---*/

.plogo 
{display: block;
  margin: 0 auto;}

.plogo .sppb-img-responsive
{max-height: 75px;}

/*--- center page title text --*/
#title-box .sppb-column-addons {
  margin:auto;
}

/*--- center page title text --*/
#title-box  {
  display:flex;
  align-items: center;
 height: 405px;
}

/*-- article title image bg ---*/
.sp-page-title.title-image-bg {
  background-position: 50% 0;
}

/*--- article header --*/
.sp-page-title {
background-size: auto!important;
}

/*---- logo size mobile --*/
@media(max-width: 413px) {
   .logo-image,#sp-logo{
       width : 75%!important;
       height:auto!important ;
   }
}


/*-- align buttons to bottom of rows --*/
.button-bottom { position: relative!important; 
                bottom: 0px;}

/*--- inpage links --*/
#sp-main-body p a {
    color: #B21d22!important;
    text-decoration: none;
}
#sp-main-body p a:hover {
    color: #F27503!important;
    text-decoration: none;
}

/*--- bottom links ---*/
#sp-bottom p a {
    color: #FFF!important;
    text-decoration: none;
}
#sp-bottom p a:hover {
    color: #F27503!important;
    text-decoration: none;
}



/*--- custom button radius---*/
.cs-btn-round {
border: none;
border-radius: 5rem!important;
}


/*--- custom button radius---*/
body .sppb-btn-rounded {
border: none;
border-radius: 5rem!important;
}


/*--- eliminate transition on links ---*/
a {
    transition: all 0s ease-in-out!important;}


/*--- linear gradient divider ---*/
.cs-divider {
margin-top: 10px;
background: linear-gradient(to bottom right, #F9DB28, #B21D22);
background-repeat: no-repeat;
border-radius: .5rem;
content: "";
display: block;
height: 4px;
width: 6.5rem;
border-style: none!important;
}


/*--- make footer the same width as the header ---*/
@media(min-width: 1400px) {body .sppb-row-container { max-width: 1320px!important; }}

/*--- make cookie decline left aligned ---*/
.jb-cookie-decline { padding-left: 0; }

/*--- IZZI Tagline ---*/
.IZZI {
font-size: 21px;
margin-top: 10px}

/*--- bottom text ---*/
.bottom-txt {
color: #FFFFFF!important;
font-size: 16px;}

/*--- remove bottom border on header ---*/
#sp-top-bar {
border-bottom: 1px solid transparent !important;
font-size: 14px;
}

/*-- login button formatting --*/
@media (min-width:992px){
  #sp-top3 {
    width:40%;
  }
}

#sp-top-bar .container .container-inner .row{
  justify-content:flex-end;
}

.mod-ut-login {
  isolation: isolate;
}

.mod-ut-login .btn-primary{
  padding: .25rem 2rem;
  border: none;
  outline: none;
  position: relative;
  z-index: 1;
  border-radius: 5rem;
  background: linear-gradient(to bottom right, #F9DB28, #B21D22);
  color: #b21d22!important;
  font-weight: 700;
white-space: nowrap;
  font-size:14px;
  margin-top:-2px;
}

.mod-ut-login .btn-primary::before {
  content: "";
  position: absolute;
  left: 2px;
  right: 2px;
  top: 2px;
  bottom: 2px;
  border-radius: 5rem;
 background-color: #ffffff!important;
  z-index: -1;
}

.mod-ut-login .btn-primary::after {
  content: '';
  font-size: 16px;
  background: linear-gradient(to bottom right, #F9DB28, #B21D22);
}

.mod-ut-login .btn-primary:hover::before {
  opacity: 0%;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.mod-ut-login .btn-primary:hover {
  color: #fff!important;
   background: linear-gradient(to bottom right, #F9DB28, #B21D22)!important;
  border: 0!important;
}


/*--- new white btn chrome ---*/
.btn-container {
  display: flex;}

.cs-round-btn {
  padding: .5rem 2rem;
  border: none;
  outline: none;
  position: relative;
  z-index: 1;
  border-radius: 5rem;
  background: linear-gradient(to bottom right, #F9DB28, #B21D22);
  color: #b21d22!important;
  font-weight: 700;
white-space: nowrap;
}

.cs-round-btn::before {
  content: "";
  position: absolute;
  left: 2px;
  right: 2px;
  top: 2px;
  bottom: 2px;
  border-radius: 5rem;
 background-color: #ffffff!important;
  z-index: -1;
}

.cs-round-btn::after {
  content: '';
  font-size: 16px;
  background: linear-gradient(to bottom right, #F9DB28, #B21D22);
}

.cs-round-btn:hover::before {
  opacity: 0%;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.cs-round-btn:hover {
  color: #fff!important;
}

/*--- new drk button chrome ---*/
.cs-dkround-btn {
  padding: .5rem 2rem;
  border: none;
  outline: none;
  position: relative;
  z-index: 1;
  border-radius: 5rem;
  background: linear-gradient(to bottom right, #F9DB28, #B21D22);
  color: #ffffff!important;
  font-weight: 700;
white-space: nowrap;
}

.cs-dkround-btn::before {
  content: "";
  position: absolute;
  left: 2px;
  right: 2px;
  top: 2px;
  bottom: 2px;
  border-radius: 5rem;
 background-color: #24272f!important;
  z-index: -1;
}

.cs-dkround-btn::after {
  content: '';
  font-size: 16px;
  background: linear-gradient(to bottom right, #F9DB28 50%, #B21D22 50%);
}

.cs-dkround-btn:hover::before {
  opacity: 0%;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.cs-dkround-btn:hover {
  color: #fff!important;
}



/*---new read more --*/
/*--- new white btn chrome ---*/
.readmore {
  display: flex;}

.readmore .btn {
  padding: .5rem 2rem;
  border: none;
  outline: none;
  position: relative;
  z-index: 1;
  border-radius: 5rem;
  background: linear-gradient(to bottom right, #F9DB28, #B21D22)!important;
  color: #b21d22!important;
  font-weight: 700;
}

.readmore .btn::before {
  content: "";
  position: absolute;
  left: 2px;
  right: 2px;
  top: 2px;
  bottom: 2px;
  border-radius: 5rem;
 background-color: #ffffff!important;
  z-index: -1;
}

.readmore .btn::after {
  content: '';
  font-size: 16px;
  background: linear-gradient(to bottom right, #F9DB28, #B21D22)!important;
}

.readmore .btn:hover::before {
  opacity: 0%;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.readmore .btn:hover {
  color: #fff!important;
}

/*---new login button --*/
.cs-login-container {
  display: flex;}

.cs-login-container .btn {
  padding: .5rem 2rem;
  border: none;
  outline: none;
  position: relative;
  z-index: 1;
  border-radius: 5rem;
  background: linear-gradient(to bottom right, #F9DB28, #B21D22)!important;
  color: #b21d22!important;
  font-weight: 700;
}

.cs-login-container .btn::before {
  content: "";
  position: absolute;
  left: 2px;
  right: 2px;
  top: 2px;
  bottom: 2px;
  border-radius: 5rem;
 background-color: #ffffff!important;
  z-index: -1;
}

.cs-login-container .btn::after {
  content: '';
  font-size: 16px;
  background: linear-gradient(to bottom right, #F9DB28, #B21D22)!important;
}

.cs-login-container .btn:hover::before {
  opacity: 0%;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.cs-login-container .btn:hover {
  color: #fff!important;
}

/*--- new gradient button --*/

.sppb-button-wrapper {
  display: flex;
justify-content: center;
align-items: flex-end;}

.sppb-btn-gradient {
  padding: .5rem 2rem;
  border: none;
  outline: none;
  position: relative;
  z-index: 1;
  border-radius: 5rem;
  background: linear-gradient(to bottom right, #F9DB28, #B21D22)!important;
  color: #b21d22!important;
  font-weight: 700;
text-decoration: none;
}

.sppb-btn-gradient::before {
  content: "";
  position: absolute;
  left: 2px;
  right: 2px;
  top: 2px;
  bottom: 2px;
  border-radius: 5rem;
 background-color: #ffffff!important;
  z-index: -1;
}

.sppb-btn-gradient::after {
  content: '';
  font-size: 16px;
  background: linear-gradient(to bottom right, #F9DB28, #B21D22)!important;
}

.sppb-btn-gradient:hover::before {
  opacity: 0%;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.sppb-btn-gradient:hover {
  color: #fff!important;
}

/*--- articles ---*/
.article-details .article-ratings-social-share {
    display: none !important; }

/*--- articles pagination ---*/
.pagination  {
    list-style: none;
    padding: 2rem 0 0 0;
    margin: 2rem 0 0 0;
    border-top: 1px solid #ededed;
   
}
.pagination .next {
    float: right;
}

.pagination .previous {
    float: right;
}
.pagination .next {
    border: none;
    color: #fff;
    background: #B21D22;
float:right;
  padding: 10px 22px 10px 22px;
border-radius: 5rem;
}

.pagination .next:hover {
    border: 2px solid #f9DB28;
    color: #fff;
    background: #F27503;
background: linear-gradient(to bottom right, #F9DB28, #B21D22) !important;
border:none;
    float: right;
}


.pagination .previous {
    float: left;
}

.pagination .previous {
    color: #fff;
    background: #B21d22;
    float: left;
    padding: 10px 22px 10px 22px;
    border-radius: 5rem;
    border:none;
}

.pagination .previous:hover {
    color: #fff;
   background: linear-gradient(to bottom right, #F9DB28, #B21D22) !important;
    float: left;
border:none;
}

.pagination {

    display: flow!important;
}

.blog .pagination {
    display: flex !important;}

/*--- news suscribe box ---*/
#sp-right .newsl {
    background-color: #ededed;
    padding: 25px;
}

/*--- new suscribe button ---*/


.acysubbuttons {
  display: flex;
isolation: isolate;}

.newsl .btn {
  padding: .5rem 2rem;
  border: none;
  outline: none;
  position: relative;
  z-index: 1;
  border-radius: 5rem;
  color: #ffffff!important;
  font-weight: 700;
}

.newsl .btn:hover {
  padding: .5rem 2rem;
  border: none;
  outline: none;
  position: relative;
  z-index: 1;
  border-radius: 5rem;
background: linear-gradient(to bottom right, #F9DB28, #B21D22) !important;
  color: #ffffff!important;
  font-weight: 700;
}

/*--remove article header background color ---*/
.sp-page-title.title-image-bg::before {
background: transparent;
}

/*---search button---*/
.input-group .btn{
border-top-right-radius: 5rem;
border-bottom-right-radius: 5rem;
}

.input-group .btn:hover{
border-top-right-radius: 5rem;
border-bottom-right-radius: 5rem;
background: linear-gradient(to bottom right, #F9DB28, #B21D22) !important;
}

/*--- submit buttons and login on support page ---*/
#form-login-submit .btn, #submit, #btn-submit {
border-radius: 5rem;
}

#form-login-submit .btn:hover, #submit:hover, #btn-submit:hover {
border-radius: 5rem;
background: linear-gradient(to bottom right, #F9DB28, #B21D22) !important;
border: none;
}

/*--- cookie popup hover state---*/
.jb-accept{
border-radius: 5rem;
font-size:14px;
}

.jb-accept:hover{
background: #f27503;
border: 1px solid #f27503;
}

.jb-decline.link {
text-decoration: none;
  padding: .5rem 2rem!important;
    border: none;
    outline: none;
    position: relative;
    z-index: 1;
    border-radius: 5rem;
    background: linear-gradient(to bottom right, #F9DB28, #B21D22);
    color: #fff !important;
    font-weight: 700;
    white-space: nowrap;
}



#sp-footer {
border-top: 2px solid transparent; 
border-image: linear-gradient(to right, #F27503, #B21D22); 
border-image-slice: 1; 
}

/*--- article top borders ---*/
.article-list> .row> .col-lg-12 + .col-lg-12 .article {
border-top: 2px solid transparent;
border-image: linear-gradient(to right, #F27503, #B21D22); 
border-image-slice: 1;
}


/*-- make endorsements on index page same height --*/
.swiper-slide {
  height: auto!important;
}


/*-- product logo size --*/
.product-logo {max-width: 80%;
  height: auto; /* Maintain aspect ratio */}

/*-- form submit button --*/
body .rsform-submit-button {
  font-weight:bold;
}

body .rsform-submit-button:hover{
    color: #fff;
   background: linear-gradient(to bottom right, #F9DB28, #B21D22) !important;
border:none;
}

/*-- support cards --*/
.icon-bottom {
  position: absolute; 
                            bottom: 0; right: 0;
}

.support-box{
    position: relative;        /* in case you want to position content inside */
    border: 2px solid;         /* thickness of the border */
    border-image: linear-gradient(0deg, #F9DB284D, #f275034D 50%, #B21D224D) 1;
    border-radius: 0px;        /* optional: rounded corners */
    padding: 1rem;             /* space inside the div */
    background-color: #fff;    /* inner background color */
}
  
/*-- hide child menu --*/
.hide-child-menu li ul {
  display: none !important;
}

/*-- hide support menu items and have the url stay support --*/
.hidden-menu-item { display: none !important;}

/*-- moda-on-top --*/
.modal-on-top {
    position: relative;
    z-index: unset!important;
}

/*-- hide child--*/
.sp-megamenu-parent .sp-menu-item a.hide-child-menu + .sp-dropdown {
  display: none !important;
}
li.sp-has-child > a.hide-child-menu::after {
  display: none !important;
  content: none !important;
}
/*-- hide plus expand on off-canvas manu --*/
li.item-124 > a.hide-child-menu .menu-toggler::after {
  display: none !important;
  content: none !important;
}

/* Im a little teapot */

/*-- support breadcrumbs --*/
.mod-breadcrumbs {justify-content: center;
                 margin-top:-20px;}

/*-- landing page top box color --*/
.top-border-box {
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: #b21d22;
}

/*-- test of css --*/