/* Rpn_CmsPageLoader - selection popup styles */
/*
.rpn-cpl-modal .modal-inner-wrap {
    max-width: 500px;
}

.rpn-cpl-body {
    padding: 10px 0;
    text-align: center;
}

.rpn-cpl-label {
    display: block;
    margin-bottom: 10px;
    font-size: 1.6rem;
    font-weight: 600;
}

.rpn-cpl-select {
    width: 100%;
    max-width: 320px;
}

.rpn-cpl-reopen {
    text-align: center;
    padding: 40px 0;
}

.rpn-cpl-error {
    margin: 20px 0;
} */



@media only screen and (min-width: 320px) {
  .rpn-cpl-modal .modal-inner-wrap {
    background-image: url('../images/innova-popup-mobil-1.jpeg');
  }
}


@media only screen and (min-width: 769px) {
  .rpn-cpl-modal .modal-inner-wrap {
    background-image: url('../images/innova-popup-pc-1.jpeg');
  }
}


.rpn-cpl-reopen {
    text-align: center;
    padding: 40px 0;
}

.modal-popup.rpn-cpl-modal._inner-scroll .modal-inner-wrap {
  max-height: unset;
}

.modal-popup.rpn-cpl-modal._inner-scroll .modal-content {
  overflow-y: unset;
}

.modal-popup.rpn-cpl-modal .modal-title {
  border-bottom: 0;
}


/* Rpn_CmsPageLoader - selection popup styles */

.modal-popup.rpn-cpl-modal .action-close:hover {
  opacity: 0.7;
}




@media only screen and (min-width: 320px) and (max-width: 359px){

  .rpn-cpl-modal.modal-slide {
    left: 8% !important;
    right: 8%;
  }

  .modal-popup.modal-slide .modal-inner-wrap {
    margin: 0;
    max-width: 280px;
    width: 280px;
    height: 470px;
    max-height: 470px;
  }

  .modal-popup.rpn-cpl-modal .action-close {
    margin: 10px 25px;
  }

  .modal-popup.rpn-cpl-modal .action-close:before {
    color: #FFFFFF;
    font-size: 16px;
    line-height: 16px;
  }

  .rpn-cpl-modal.modal-popup .modal-inner-wrap {
    background-repeat: no-repeat;
    background-size: contain;
  }

  .modal-popup.rpn-cpl-modal .modal-header {
    padding-bottom: 1.2rem;
    padding-top: 20px;
    padding-left: 15px;
  }

  .rpn-cpl-modal .rpn-cpl-body label,
  .rpn-cpl-modal h1 {
    color: #FFFFFF;
  }

  .rpn-cpl-modal .rpn-cpl-body h1,
  .category-uniformes-innova.catalog-category-view .rpn-cpl-modal  h1 {
    text-align: left;
    border: 0;
    margin-top: 0;
    text-align: left;
    font-size: 2.5rem;
  }

  .rpn-cpl-modal #modal-content-1  {
    padding-left: 15px;
  }

  .rpn-cpl-modal .rpn-cpl-body {
    width: 100%;
    margin-top: 180px;
  }

  .modal-popup.modal-slide .modal-footer {
    margin-top: 30px;
    padding-bottom: 0;
    padding-top: 20px;
    padding-left: 15px;
  }

  .rpn-cpl-modal.modal-popup.modal-slide .modal-footer button {
    width: 48%;
    padding: 10px 30px;
  }

  .rpn-cpl-modal.modal-popup.modal-slide .modal-footer button:first-of-type {
    margin: 0;
  }
}


@media only screen and (min-width: 360px) and (max-width: 479px){

  .rpn-cpl-modal.modal-slide {

  }

  .modal-popup.modal-slide .modal-inner-wrap {
    max-height:144vw;
  }

  .modal-popup.rpn-cpl-modal .action-close {
    margin: 10px 25px;
  }

  .modal-popup.rpn-cpl-modal .action-close:before {
    color: #FFFFFF;
    font-size: 16px;
    line-height: 16px;
  }

  .rpn-cpl-modal.modal-popup .modal-inner-wrap {
    background-repeat: no-repeat;
    background-size: contain;
  }

  .modal-popup.rpn-cpl-modal .modal-header {
    padding-bottom: 1.2rem;
    padding-top: 20px;
    padding-left: 15px;
  }

  .rpn-cpl-modal .rpn-cpl-body label,
  .rpn-cpl-modal h1 {
    color: #FFFFFF;
  }

  .rpn-cpl-modal .rpn-cpl-body h1,
  .category-uniformes-innova.catalog-category-view .rpn-cpl-modal  h1 {
    text-align: left;
    border: 0;
    margin-top: 0;
    text-align: left;
    font-size: 3.0rem;
  }

  .rpn-cpl-modal #modal-content-1  {
    padding-left: 15px;
  }

  .rpn-cpl-modal .rpn-cpl-body {
    width: 100%;
    margin-top: 90%;
  }

  .modal-popup.modal-slide .modal-footer {
    margin-top: 30px;
    padding-bottom: 0;
    padding-top: 20px;
    padding-left: 15px;
  }

  .rpn-cpl-modal.modal-popup.modal-slide .modal-footer button {
    width: 48%;
    padding: 10px 30px;
  }

  .rpn-cpl-modal.modal-popup.modal-slide .modal-footer button:first-of-type {
    margin: 0;
  }
}


@media only screen and (min-width: 480px) and (max-width: 599px){

  .rpn-cpl-modal.modal-slide {
    left: 80px !important;
  }

  .modal-popup.modal-slide .modal-inner-wrap {
    max-height:141vw;
  }

  .modal-popup.rpn-cpl-modal .action-close {
    margin: 10px 25px;
  }

  .modal-popup.rpn-cpl-modal .action-close:before {
    color: #000000;
    font-size: 16px;
    line-height: 16px;
  }

  .rpn-cpl-modal.modal-popup .modal-inner-wrap {
    background-repeat: no-repeat;
    background-size: contain;
  }

  .modal-popup.rpn-cpl-modal .modal-header {
    padding-bottom: 1.2rem;
    padding-top: 20px;
    padding-left: 15px;
  }

  .rpn-cpl-modal .rpn-cpl-body label,
  .rpn-cpl-modal h1 {
    color: #FFFFFF;
  }

  .rpn-cpl-modal .rpn-cpl-body h1,
  .category-uniformes-innova.catalog-category-view .rpn-cpl-modal  h1 {
    text-align: left;
    border: 0;
    margin-top: 0;
    text-align: left;
    font-size: 4.0rem;
  }

  .rpn-cpl-modal #modal-content-1  {
    padding-left: 15px;
  }

  .rpn-cpl-modal .rpn-cpl-body {
    width: 100%;
    margin-top: 90%;
  }

  .modal-popup.modal-slide .modal-footer {
    margin-top: 30px;
    padding-bottom: 0;
    padding-top: 20px;
    padding-left: 15px;
  }

  .rpn-cpl-modal.modal-popup.modal-slide .modal-footer button {
    width: 48%;
    padding: 10px 30px;
  }

  .rpn-cpl-modal.modal-popup.modal-slide .modal-footer button:first-of-type {
    margin: 0;
  }
}


@media only screen and (min-width: 600px) and (max-width: 768px){

  .rpn-cpl-modal.modal-slide {
    left: 170px !important;
  }

  .modal-popup.modal-slide .modal-inner-wrap {
    max-height:120vw;
  }

  .modal-popup.rpn-cpl-modal .action-close {
    margin: 10px 25px;
  }

  .modal-popup.rpn-cpl-modal .action-close:before {
    color: #000000;
    font-size: 16px;
    line-height: 16px;
  }

  .rpn-cpl-modal.modal-popup .modal-inner-wrap {
    background-repeat: no-repeat;
    background-size: contain;
  }

  .modal-popup.rpn-cpl-modal .modal-header {
    padding-bottom: 1.2rem;
    padding-top: 20px;
    padding-left: 15px;
  }

  .rpn-cpl-modal .rpn-cpl-body label,
  .rpn-cpl-modal h1 {
    color: #000000;
  }

  .rpn-cpl-modal .rpn-cpl-body h1,
  .category-uniformes-innova.catalog-category-view .rpn-cpl-modal  h1 {
    text-align: left;
    border: 0;
    margin-top: 0;
    text-align: left;
    font-size: 4.0rem;
  }

  .rpn-cpl-modal #modal-content-1  {
    padding-left: 15px;
  }

  .rpn-cpl-modal .rpn-cpl-body {
    width: 100%;
    margin-top: 90%;
  }

  .modal-popup.modal-slide .modal-footer {
    margin-top: 30px;
    padding-bottom: 0;
    padding-top: 20px;
    padding-left: 15px;
  }

  .rpn-cpl-modal.modal-popup.modal-slide .modal-footer button {
    width: 48%;
    padding: 10px 30px;
  }

  .rpn-cpl-modal.modal-popup.modal-slide .modal-footer button:first-of-type {
    margin: 0;
  }
}

@media only screen and (min-width: 769px) {

  .modal-popup.rpn-cpl-modal .action-close:before {
    color: #FFFFFF;
    font-size: 16px;
    line-height: 16px;
  }

  .category-uniformes-innova .sidebar.sidebar-main.pinto-initial{
    display: none;
  }

  .category-uniformes-innova .column.main.pinto-initial,
  .category-uniformes-innova.page-layout-2columns-left .column.main{
    width: 100%;
    float: none;
  }

  .category-uniformes-innova.catalog-category-view h1{
    margin-top: 30px;
    text-align: center;
    font-size: 4rem;
  }


  .rpn-cpl-modal.modal-popup .modal-inner-wrap {
    background-repeat: no-repeat;
    background-size: contain;
    width: 702px;
    height: 222px;
  }

  .modal-popup.rpn-cpl-modal .modal-header {
    padding-bottom: 1.2rem;
    padding-top: 20px;
}

  .rpn-cpl-modal .rpn-cpl-body label,
  .rpn-cpl-modal h1 {
    color: #FFFFFF;
  }

  .rpn-cpl-modal .rpn-cpl-body h1,
  .category-uniformes-innova.catalog-category-view .rpn-cpl-modal  h1 {
    text-align: left;
    border: 0;
    margin-top: 0;
    text-align: left;
    font-size: 2.5rem;
  }

  .rpn-cpl-modal .rpn-cpl-body {
    width: 50%;
  }

  .modal-popup.modal-slide .modal-footer {
    margin-top: 0;
    padding-bottom: 10px;
    padding-top: 2rem;
  }

  .rpn-cpl-modal.modal-popup.modal-slide .modal-footer button {
    width: 30%;
    padding: 10px 30px;
  }

  .rpn-cpl-modal.modal-popup.modal-slide .modal-footer button:first-of-type {
    margin-left: 20%;
  }
}
@media only screen and (min-width: 1024px) {

  .rpn-cpl-modal.modal-popup .modal-inner-wrap {
    background-repeat: no-repeat;
    background-size: contain;
    width: 900px;
    height: 285px;
  }

  .modal-popup.rpn-cpl-modal .modal-header {
    padding-bottom: 1.2rem;
    padding-top: 40px;
  }

  .rpn-cpl-modal .rpn-cpl-body label,
  .rpn-cpl-modal h1 {
    color: #FFFFFF;
    font-size: 16px;
  }
  .rpn-cpl-modal .rpn-cpl-body select {
    font-size: 16px;
  }


  .rpn-cpl-modal .rpn-cpl-body h1,
  .category-uniformes-innova.catalog-category-view .rpn-cpl-modal  h1 {
    text-align: left;
    border: 0;
    margin-top: 0;
    text-align: left;
    font-size: 3.5rem;
  }

  .rpn-cpl-modal .rpn-cpl-body {
    width: 50%;
  }

  .modal-popup.modal-slide .modal-footer {
    margin-top: 35px;
    padding-bottom: 10px;
    padding-top: 2rem;
  }

  .rpn-cpl-label {
    color: #FFFFFF;
    font-size: 16px;
  }
}