#references{
  font-size: 11px !important;
    line-height: 16px !important;
    font-weight: 400 !important;
}


div#page-wrapper {
    overflow: hidden;
}
/*** Dentalife event form  ***/
.consent-input input[type="radio"], input[type="checkbox"] {
    width: 18px;
    margin-top: 30px;
    height: auto;
    /* margin-right: 5px; */
}

/*** Dentalife event form  ***/


.a2a_kit {display: block!important;}
.result-animal-container .results-view-image-container .results-view-image-bottom span {text-transform: capitalize;}
.breed-box h1 {font-weight: 400 !important; text-transform: capitalize;}
.icon-heading-with-background {background-repeat-x: no-repeat;}
.personal-data td,.personal-data th{padding: 20px;}
.personal-data{margin-bottom:5%;}
.similar_technologies{font-style:italic;}
.detailitem li h5{font-size: 14px !important;}
.detailitem li span{font-size: 12px !important;}
.nppe_th-wrapper h1{font-size: 20px !important; line-height: 25px  !important;}
.th--content-body p{font-size: 14px !important;}
.banner_responsive_container .banner_responsive_img{background-position: 90% center !important;}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
input#edit-my-puppy-name {
    z-index: 1;
}
.col-md-6.js-form-item.form-item.js-form-type-textfield.form-item-last-name-.js-form-item-last-name- {
    position: relative;
    top: 10px;
    height: 10px;
}
.container-inline.clearfix.js-form-item.form-item.js-form-type-select.form-item-my-puppy-is-.js-form-item-my-puppy-is- {
    margin-bottom: -90px;
}

}
/*** Hamburger menu on Tablet ***/
@media screen and (min-width: 1025px){
  #navbar .navbar-collapse div:first-child {
    display: block;
  }
}
@media screen and (max-width: 1024px) {
  #main-navbar-collapse.navbar-collapse {
    overflow-x: hidden;
    padding: 0 15px;
  }
  header#navbar #main-navbar-collapse nav:first-child,header#navbar #main-navbar-collapse nav{
    float: none;
    width: 100%;
  }
  #main-navbar-collapse>div {
    display: -ms-flexbox;
    display: flex !important;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  #block-purinamainmainnavigation {
    -ms-flex-order: 2;
    order: 2;
    -ms-flex: 0 100%;
    flex: 0 100%;
  }
  
  /** hamburger **/
  #navbar .navbar-toggle {
    display: block;
    float: right;
  }
  header#navbar .navbar-toggle .icon-bar {
    background-color: #ec1a19;
  }
  /** hamburger **/
  /** search bar **/
  #block-exposedformnppe-purina-searchpage-1 {
    float: none;
    width: 100%;
  }
  #views-exposed-form-nppe-purina-search-page-1 {
    position: relative; 
    text-align: right; 
    width: 100%; 
    margin-left: 0;
    border: 1px solid #4a4542; 
    box-shadow: none; 
    background: #FFF; 
  }
  #views-exposed-form-nppe-purina-search-page-1 label[for="edit-query"] {
    display: none;
  }
  #views-exposed-form-nppe-purina-search-page-1 input#edit-query {
    background: #FFF;
    float: left;
    max-width: 90%;
    width: 100%;
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    border: 0;
    margin: 0;
    height: 32px;
    padding: 0;
  }
  #block-exposedformnppe-purina-searchpage-1 .button {
    background: url(/sites/all/themes/custom/nppe_purinamain_theme/assets/search-icon.png);
    background-size: cover;
    background-repeat: no-repeat;
    font-size: 0;
    height: 30px;
    width: 30px;
    padding: 4px;
    margin-right: 19px;
    background-color: transparent;
    border: 0;
    box-sizing: border-box;
    display: inline-block;
  }
  #views-exposed-form-nppe-purina-search-page-1{
    height: 35px;        
  }
  #views-exposed-form-nppe-purina-search-page-1 input[type=submit]{
    display:inline-block;
  }
  /** search bar **/
  /*** Menu bar **/
  header#navbar #main-navbar-collapse  ul{
    width:100%;
    display:block;
    position:relative;
    margin:0;
  }
  header#navbar #main-navbar-collapse nav:first-of-type li {
    position: relative;
    margin: 0;
    color: #fff;
    display: block;
    position: relative;
    float: none;
    text-align: left;
    height: auto;
  }    
  #main-navbar-collapse.navbar-collapse nav ul.navbar-nav li {
    background-color: #ed1c24;
    float: none;
    display: block;
    text-align: left;
  }
  #navbar .navbar-collapse ul li {
    display: block;
  }
  header#navbar #main-navbar-collapse nav ul li a{
    color:#fff;
    background-color: #c9c1ae;
    padding: 12px 4px 12px 4px;
    color: #5b5650 !important;
    display: block;
  }
  header#navbar #main-navbar-collapse nav ul.dropdown-menu li a:hover,header#navbar #main-navbar-collapse nav ul.dropdown-menu li a:focus ,header#navbar #main-navbar-collapse nav ul.dropdown-menu li a:active {
    background-color: #fff;   
  }
  header#navbar #main-navbar-collapse nav ul li a.dropdown-toggle{
    background-color: #ed1c24;
    color:#fff !important;
  }
  header#navbar #main-navbar-collapse nav ul.dropdown-menu {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    box-shadow: none;
    border: 0;
    float: none;
  }
  /*** Menu bar **/
  .navbar-header {
    float: none;
  }
  .navbar-toggle {
    display: block;
  }
  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-collapse.collapse {
    display: none!important;
  }
  .navbar-nav {
    float: none!important; 
  }
  .navbar-nav>li {
    float: none;
  }     
  .navbar-text {
    float: none;
    margin: 15px 0;
  }
  .navbar-collapse.collapse.in { 
    display: block!important;
  }
  .collapsing {
    overflow: hidden!important;
  }
.breed-selector-btn{
  font-size:10px;
 }
}
/*** Hamburger menu on Tablet ***/

.paragraph--id--49996 {
    background-color: #fff;
    color: #514943;
    border-top: 10px solid #e31d1a;
    margin-top: 40px;
    padding-top: 40px;
}

.paragraph--id--49996 h3{
    display: inline-block;
    font-size: 30px;
    text-transform: uppercase;
    padding-bottom: 25px;
    text-align: center;
}

.paragraph--id--49996 p {
    max-width: 940px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    text-align : center;
}

.paragraph--id--49996 img {
    max-width: 160px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

.paragraph--id--49996 h4 {
    font-size: 20px;
    color: #e31d1a;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}

.paragraph--id--49996 .paragraph__column h3::after {
    content: " ";
    display: block;
    width: 180px;
    height: 7px;
    background-color: #e31d1a;
    margin: 0 auto;
    margin-top: 20px;
}

.paragraph--id--49046 p>a {
    display: inline-block;
    background-color: #e31d1a;
    font-weight: 500;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding: 12px 30px;
}

.paragraph--id--49046 p {
    max-width: 600px;
    font-size: 16px;
}

.paragraph--id--49046 h3 {
    font-size: 30px;
    margin-top: 30px;
}

.paragraph--id--49046 {
    width: 100%;
    clear: both;
    display: block;
}

.paragraph--id--49046 .paragraph--type--bp-columns__2col:last-child {
    margin-top: 100px;
}

.paragraph--id--49046 h3:before {
    content: "";
    float: left;
    background: url(/sites/all/themes/custom/nppe_purinamain_theme/nppe_patw/assets/employer-house.png) no-repeat;
    width: 80px;
    height: 80px;
    margin-right: 50px;

}


.paragraph--id--49046 h3:after {
    content: " ";
    display: block;
    width: 180px;
    height: 7px;
    background-color: #c3d600;
    margin-top: 35px;
}

.paragraph--id--49051 h3:after {
    content: " ";
    display: block;
    width: 180px;
    height: 7px;
    background-color: #f7b335;
    margin: 0 auto;
    margin-top: 20px;
}

.paragraph--id--49051 h3 {
    display: inline-block;
    font-size: 30px;
    text-transform: uppercase;
    padding-bottom: 25px;
}

.paragraph--id--49051 {
    text-align: center;
    padding-top: 75px;
}

.paragraph--id--49051 p {
    max-width: 940px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
}

.paragraph--id--49196 {
    background-color: #fff;
    padding-top: 50px;
    margin-bottom: 50px;
    border-top: 10px solid #f7b335;
    color: #514943;
}

.paragraph--id--49196 .paragraph__column .paragraph--type--bp-columns__2col {
    padding-left: 30px;
    padding-right: 30px;
}

.paragraph--id--49196 ol li::before {
    counter-increment: numList;
    content: counter(numList);
    float: left;
    margin-right: 65px;
    text-align: center;
    background-color: #f7b335;
    color: #ba5627;
    line-height: 60px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.paragraph--id--49196 .paragraph--type--bp-columns__2col:last-child p {
    font-size: 18px;
}

.paragraph--id--49196 .paragraph--type--bp-columns__2col:first-child p {
    color: #f7b335;
    margin-bottom: 10px;
}


.paragraph--id--49196 {
    background-color: #fff;
    padding-top: 50px;
    margin-bottom: 50px;
    border-top: 10px solid #f7b335;
    color: #514943
}

.paragraph--id--49196 ol {
    display: block;
    list-style: none;
    list-style-position: inside;
    overflow: hidden;
    counter-reset: numList;
    padding-left: 0;
}

.paragraph--id--49196 ol li {
    margin-bottom: 35px;
    font-size: 24px;
    color: #514943;
    font-weight: 700
}

.paragraph--id--49196 ol li::before {
    counter-increment: numList;
    content: counter(numList);
    float: left;
    margin-right: 65px;
    text-align: center;
    background-color: #f7b335;
    color: #ba5627;
    line-height: 60px;
    width: 60px;
    height: 60px;
    border-radius: 50%
}

.paragraph--id--49196 ol li p:first-child {
    font-size: 18px;
    color: #f7b335;
    margin-bottom: 10px
}

.paragraph--id--49196 ol li p:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px!important
}

@media only screen and (max-width: 575px) {
    .paragraph--id--49196 ol li p:last-child {
        display:block
    }
}

.paragraph--id--49196 ul {
    padding-left: 0
}

.paragraph--id--49196 ul li {
    list-style-type: none;
    margin-bottom: 25px;
    font-size: 18px;
    color: #514943;
    font-weight: 700
}

.paragraph--id--49196 ul li::before {
    display: block;
    float: left;
    counter-increment: none;
    width: 32px;
    height: 32px;
    content: "";
    background: url('/sites/all/themes/custom/nppe_purinamain_theme/nppe_patw/assets/list-bullet.png') no-repeat;
    line-height: 32px;
    margin-right: 20px
}

.paragraph--id--49196 .paragraph__column {
    padding-bottom: 0
}

.paragraph--id--49196 .paragraph__column .paragraph--type--bp-columns__2col {
    padding-left: 30px;
    padding-right: 30px
}

.paragraph--id--49196 .paragraph__column .paragraph--type--bp-columns__2col:first-child {
    text-align: center;
    font-size: 20px;
    font-weight: 700
}

.paragraph--id--49196 .paragraph__column .paragraph--type--bp-columns__2col:first-child h3 {
    text-align: left;
    font-size: 24px;
    border-bottom: 2px solid #f3f1eb;
    padding-bottom: 20px
}

.paragraph--id--49196 .paragraph__column .paragraph--type--bp-columns__2col:first-child img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
    padding-top: 40px
}

.paragraph--id--49196 .paragraph__column .paragraph--type--bp-columns__2col:first-child .paragraph__column {
    margin-bottom: 30px
}

.paragraph--id--49196 .paragraph__column .paragraph--type--bp-columns__2col:last-child p {
    font-size: 18px;
}

.paragraph--id--49196 .paragraph__column .paragraph--type--bp-columns__2col:last-child h3 {
    font-size: 24px;
    border-bottom: 2px solid #f3f1eb;
    padding-bottom: 20px
}


.paragraph--id--49201 .paragraph__column {
    text-align: center
}

.paragraph--id--49201 .paragraph__column h3 {
    display: inline-block;
    font-size: 30px;
    text-transform: uppercase;
    padding-bottom: 25px
}

.paragraph--id--49201 .paragraph__column h3::after {
    content: " ";
    display: block;
    width: 180px;
    height: 7px;
    background-color: #e31d1a;
    margin: 0 auto;
    margin-top: 20px
}

.paragraph--id--49201 .paragraph__column p {
    max-width: 940px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px
}

.paragraph--id--49201 .views-row {
    max-width: 1140px;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.paragraph--id--49201 {
    width: 100vw;
    left: calc(-50.5vw + 50%);
    height: auto;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    background-color: #f8f7f5;
    color: #514943;
    padding-top: 75px;
}



.paragraph--id--49206 h3 {
    font-size: 35px;
    color: #e31d1a;
    margin-top: 40px;
    padding-bottom: 20px;
    border-bottom: 2px solid #f3f1eb
}

.paragraph--id--49206 h3 {
    font-size: 35px;
    color: #e31d1a;
    margin-top: 40px;
    padding-bottom: 20px;
    border-bottom: 2px solid #f3f1eb
}

.paragraph--id--49206 p {
    font-size: 16px
}

.paragraph--id--49206 .paragraph__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    background-color: #fff;
    padding-bottom: 0
}

@media only screen and (max-width: 767px) {
    .paragraph--id--49206 .paragraph__column {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.paragraph--id--49206 .paragraph__column .paragraph--type--bp-columns-two-uneven__2col-column2 {
    padding-left: 0!important;
    padding-right: 0!important
}

.paragraph--id--49206 .paragraph__column .paragraph--type--bp-columns-two-uneven__2col-column2 * {
    height: 100%
}

.paragraph--id--49206 .paragraph__column .paragraph--type--bp-columns-two-uneven__2col-column2 .paragraph__column div {
    width: 100%
}

.paragraph--id--49206 .paragraph__column .paragraph--type--bp-columns-two-uneven__2col-column1 {
    padding-left: 40px!important;
    padding-right: 40px!important;
    padding-bottom: 20px;
    border-top: 10px solid #e31d1a
}

.paragraph--id--49206 .paragraph__column .paragraph--type--bp-columns-two-uneven__2col-column1 .embedded-entity {
    float: left;
    margin-top: 30px;
    margin-right: 5px;
    padding-bottom: 20px
}

.paragraph--id--49206 .paragraph__column .paragraph--type--bp-columns-two-uneven__2col-column1 .embedded-entity img {
    width: 30px
}

.paragraph--id--49206 .views-row {
    max-width: 1140px;
    display: block;
    margin-left: auto;
    margin-right: auto
}


.paragraph--id--49046 {
    background-color: #fff;
    color: #514943;
    border-top: 10px solid #c3d600;
    margin-top: 80px;
    margin-bottom: 50px;
    padding-top: 20px;
}

.embedded-entity iframe {
    width: 100%;
}


.paragraph.paragraph--type--bp-simple.paragraph--view-mode--default.paragraph--id--48901 .paragraph__column{
    text-align: center;
    margin-top: 60px
   
}

.paragraph.paragraph--type--bp-simple.paragraph--view-mode--default.paragraph--id--48901 .paragraph__column h3::after {
    content: " ";
    display: block;
    width: 180px;
    height: 7px;
    background-color: #e31d1a;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 40px;
}

.paragraph.paragraph--type--bp-columns.paragraph--view-mode--default.paragraph--id--48956, .paragraph.paragraph--type--bp-columns.paragraph--view-mode--default.paragraph--id--49011 {
    margin-top: 30px;
    text-align: center
}

.paragraph.paragraph--type--bp-simple.paragraph--view-mode--default.paragraph--id--48911 {
    color: #c3d600;
    font-weight: bold;
    font-size: 35px;
    font-weight: 700;
    text-transform: uppercase;
}

.paragraph.paragraph--type--bp-simple.paragraph--view-mode--default.paragraph--id--48926 {
    color: #62ccca;
    font-weight: bold;
    font-size: 35px;
    font-weight: 700;
    text-transform: uppercase;
}

.paragraph.paragraph--type--bp-simple.paragraph--view-mode--default.paragraph--id--48941 {
    color: #ac5fa2;
    font-weight: bold;
    font-size: 35px;
    font-weight: 700;
    text-transform: uppercase;
}

.paragraph.paragraph--type--bp-simple.paragraph--view-mode--default.paragraph--id--48966 {
    color: #f7b335;
    font-weight: bold;
    font-size: 35px;
    font-weight: 700;
    text-transform: uppercase;
}

.paragraph.paragraph--type--bp-simple.paragraph--view-mode--default.paragraph--id--48981 {
    color: #ef5f45;
    font-weight: bold;
    font-size: 35px;
    font-weight: 700;
    text-transform: uppercase;
}

.paragraph.paragraph--type--bp-simple.paragraph--view-mode--default.paragraph--id--48996 {
    color: #c2baac;
    font-weight: bold;
    font-size: 35px;
    font-weight: 700;
    text-transform: uppercase;
}

.paragraph.paragraph--type--bp-columns.paragraph--view-mode--default.paragraph--id--48956 img, .paragraph.paragraph--type--bp-columns.paragraph--view-mode--default.paragraph--id--49011 img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 200px;
}

.paragraph--id--49386 {
    margin-top: 70px;
    color: #514943
}

.paragraph--id--49386 h3 {
    font-size: 35px;
    color: #e31d1a;
    margin-top: 40px;
    padding-bottom: 20px;
    border-bottom: 2px solid #f3f1eb
}

.paragraph--id--49386 p {
    font-size: 16px
}

.paragraph--id--49386 .paragraph__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    background-color: #fff;
    padding-bottom: 0
}

@media only screen and (max-width: 767px) {
    .paragraph--id--49386 .paragraph__column {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.paragraph--id--49386 .paragraph__column .paragraph--type--bp-columns-two-uneven__2col-column1 {
    padding-left: 0!important;
    padding-right: 0!important
}

.paragraph--id--49386 .paragraph__column .paragraph--type--bp-columns-two-uneven__2col-column1 * {
    height: 100%
}

.paragraph--id--49386 .paragraph__column .paragraph--type--bp-columns-two-uneven__2col-column1 .paragraph__column div {
    width: 100%
}

.paragraph--id--49386 .paragraph__column .paragraph--type--bp-columns-two-uneven__2col-column2 {
    padding-left: 40px!important;
    padding-right: 40px!important;
    padding-bottom: 20px;
    border-top: 10px solid #e31d1a
}

.paragraph--id--49386 .paragraph__column .paragraph--type--bp-columns-two-uneven__2col-column2 .embedded-entity {
    float: left;
    margin-top: 30px;
    margin-right: 5px;
    padding-bottom: 20px
}

.paragraph--id--49386 .paragraph__column .paragraph--type--bp-columns-two-uneven__2col-column2 .embedded-entity img {
    width: 30px
}

.paragraph--id--49031 {
    background-color: #fff;
    color: #514943;
    border-top: 10px solid #c3d600;
    margin-top: 80px;
    margin-bottom: 50px;
    padding-top: 20px;
}

.paragraph--id--49031 h3:before {
    content: "";
    float: left;
    background: url(/sites/all/themes/custom/nppe_purinamain_theme/nppe_patw/assets/employer-house.png) no-repeat;
    width: 80px;
    height: 80px;
    margin-right: 50px;

}

.paragraph--id--49031 h3::after {
    content: " ";
    display: block;
    width: 180px;
    height: 7px;
    background-color: #c3d600;
    margin-top: 35px;
}

.paragraph--id--49301 .paragraph__column {
    background-color: #fff;
    color: #514943;
    margin-top: -50px;
    margin-bottom: 50px;
    padding-top: 50px;
}

.paragraph--id--49301 .paragraph__column div {
  font-weight: 700;
  font-size: 24px;
  color: #c3d600;
  text-align: center;
}

.paragraph--id--49351.paragraph--style--33-66 {
    width: 100vw;
    /* left: calc(-50.5vw + 50%); */
    height: auto;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    /* background-color: #f8f7f5; */
    color: #514943;
    padding-bottom: 50px;
    /* padding: 21px; */
}

.paragraph--id--49351.paragraph--style--33-66 .paragraph__column {
    max-width: 1140px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    padding: 10px;
}

.paragraph--id--49351.paragraph--style--33-66 .paragraph__column p {
    font-size: 16px;
}

.paragraph--id--49351.paragraph--style--33-66 .paragraph__column h3 {
    font-size: 20px;
    font-weight: 700;
    color: #e31d1a;
    margin-bottom: 30px;
}

.paragraph--id--49351.paragraph--style--33-66 .paragraph--type--bp-columns-two-uneven__2col-column1 h3 {
    font-family: "Antenna", sans-serif;
    font-weight: bold;
    color: #4a4542;
    margin: 10px 0 20px 0;
}

.paragraph--id--49351.paragraph--style--33-66 .paragraph--type--bp-columns-two-uneven__2col-column1 h3::after {
    content: " ";
    display: block;
    width: 180px;
    height: 7px;
    background-color: #e31d1a;
    margin-bottom: 30px;
    margin-top: 20px;
}

.paragraph--id--49351.paragraph--style--33-66 .paragraph--type--bp-columns-two-uneven__2col-column1 {
    content: " ";
    display: block;
    position: absolute;
    height: 85%;
    right: 0;
    top: 40px;
    bottom: 40px;
    border-right: 2px solid #f3f1eb;
}


.paragraph--id--49356 .paragraph__column {
    text-align: center;
    color:#514943;
    margin-top: 60px;
}
.paragraph--id--49356 h3 {
    display: inline-block;
    font-size: 30px;
    text-transform: uppercase;
    padding-bottom: 25px;
}

.paragraph--id--49356 .paragraph__column h3::after {
    content: " ";
    display: block;
    width: 180px;
    height: 7px;
    background-color: #e31d1a;
    margin: 0 auto;
    margin-top: 20px;
}

.paragraph--id--49356 .paragraph__column p {
    max-width: 940px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
}



    .paragraph--id--49371.paragraph--style--75-25 .paragraph--type--bp-columns-two-uneven__2col-column1{
        width: 33% !important;
        padding-left: 40px!important;
        padding-right: 40px!important;
        padding-bottom: 20px;
        border-top: 10px solid #e31d1a;

    }

    .paragraph--id--49371.paragraph--style--75-25 .paragraph__column {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        background-color: #fff;
        padding-bottom: 0;
    }

    .paragraph--id--49371 h3 {
    font-size: 35px;
    color: #e31d1a;
    margin-top: 40px;
    padding-bottom: 20px;
    border-bottom: 2px solid #f3f1eb;
    }

    .paragraph--id--49371 {
        margin-top: 60px;
    }

    .paragraph--id--49371 .paragraph--type--bp-columns-two-uneven__2col-column2 {
        padding-left: 0px !important;
    }
}

.paragraph--id--49371 {
    margin-top: 70px;
    color: #514943
}

.paragraph--id--49371 h3 {
    font-size: 35px;
    color: #e31d1a;
    margin-top: 40px;
    padding-bottom: 20px;
    border-bottom: 2px solid #f3f1eb
}

.paragraph--id--49371 p {
    font-size: 16px
}

.paragraph--id--49371 .paragraph__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    background-color: #fff;
    padding-bottom: 0
}

@media only screen and (max-width: 767px) {
    .paragraph--id--49371 .paragraph__column {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.paragraph--id--49371 .paragraph__column .paragraph--type--bp-columns-two-uneven__2col-column2 {
    padding-left: 0!important;
    padding-right: 0!important
}

.paragraph--id--49371 .paragraph__column .paragraph--type--bp-columns-two-uneven__2col-column2 * {
    height: 100%
}

.paragraph--id--49371 .paragraph__column .paragraph--type--bp-columns-two-uneven__2col-column2 .paragraph__column div {
    width: 100%
}

.paragraph--id--49371 .paragraph__column .paragraph--type--bp-columns-two-uneven__2col-column1 {
    padding-left: 40px!important;
    padding-right: 40px!important;
    padding-bottom: 20px;
    border-top: 10px solid #e31d1a
}

.paragraph--id--49371 .paragraph__column .paragraph--type--bp-columns-two-uneven__2col-column1 .embedded-entity {
    float: left;
    margin-top: 30px;
    margin-right: 5px;
    padding-bottom: 20px
}

.paragraph--id--49371 .paragraph__column .paragraph--type--bp-columns-two-uneven__2col-column1 .embedded-entity img {
    width: 30px
}

.paragraph.paragraph--type--bp-simple.paragraph--view-mode--default.paragraph--id--49971 .paragraph__column{
    text-align: center;
}

.page-node-4031 .banner-block.container, .page-node-4016 .banner-block.container {
    position: relative;
    width: 49%!important;
    /* min-height: 1px; */
    margin-left: 0;
    background-color: #e31d1a;
    opacity: .9;
    color: #fff;
}

.page-node-4031 .banner-block.container::after, .page-node-4016 .banner-block.container::after {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: #e31d1a;
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: skew(-25deg,0deg);
    -ms-transform: skew(-25deg,0deg);
    transform: skew(-25deg,0deg)
}

.page-node-4031 .banner-block__container, .page-node-4016 .banner-block__container {
    margin-left: 42%;
    text-align: left;
    padding-bottom: 50px
}

.page-node-4031 .banner-block__container .banner-block__title, .page-node-4016 .banner-block__container .banner-block__title {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.1;
    text-transform: uppercase;
    margin-top: 32px;
    margin-bottom: 16px
}

.page-node-4031 .banner-block.container .banner-block__container .banner-block__copy p, .page-node-4016 .banner-block.container .banner-block__container .banner-block__copy p {
    font-size: 18px;
    color: #fff
}

.page-node-4031 .banner-block.container .banner-block__container .banner-block__image, .page-node-4016 .banner-block.container .banner-block__container .banner-block__image {
    position: absolute;
    bottom: 0;
    right: -80%
}
@media only screen and (max-width: 575px){
.page-node-4031 .banner_responsive_container .banner_responsive_img, .page-node-4016 .banner_responsive_container .banner_responsive_img, .page-node-4041 .banner_responsive_container .banner_responsive_img{
    background-size: contain;
    background-position: top !important;
}
}
@media only screen and (max-width: 991px){
.page-node-4031 .banner-block.container, .page-node-4016 .banner-block.container, .page-node-4041 .banner-block.container {
    width: 100%!important;
    margin-top: 210px;
}
.page-node-4031 .banner-block.container::after, .page-node-4016 .banner-block.container::after, .page-node-4041 .banner-block.container::after{
-webkit-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: skew(0deg,10deg);
    -ms-transform: skew(0deg,10deg);
    transform: skew(0deg,10deg);
}
.page-node-4031 iframe, .page-node-4016 iframe, .page-node-4041 iframe {
width:100%;
}
}
@media only screen and (max-width: 1199px){
.page-node-4031 .banner-block.container .banner-block__container, .page-node-4016 .banner-block.container .banner-block__container, .page-node-4041 .banner-block.container .banner-block__container {
    margin-left: 5%;
    margin-right: 5%;
}
}
@media only screen and (max-width: 767px){
.nppe-patw-element-6 .paragraph__column .paragraph--type--bp-columns-two-uneven__2col-column1, .nppe-patw-element-6 .paragraph__column .paragraph--type--bp-columns-two-uneven__2col-column2{
    width: auto !important;
}
}
.paragraph--id--50126.paragraph img{
width: 100%;
}
.paragraph--id--50126 .paragraph__column{
padding-right: 0;
padding-left: 0;
}
#block-views-block-breed-library-dog-articles-block-1 .views-field.views-field-title span.field-content a, #block-views-block-breed-librabry-cat-articles-block-1 .views-field.views-field-title span.field-content a{
  text-shadow: 1px 0 4px black;
}

/*** pets at work menu for mobile***/

@media screen and (min-width: 320px) and (max-width: 578px){
#block-petsatwork {
    margin-left: initial;
}

#block-petsatwork ul li {
    width: 100%;
}
.bact-to-site {
    height: 240px;
    position: relative;
    display: flex;
    margin: auto;
    justify-content: center;
    width: 240px;
    background-image: url(/sites/g/files/mcldtz776/files/Optimized-PetsWelcome-Purina-Puppies-HighRes-4.jpg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
}


/* Aleix -- - 9/11-2018 fix the issue of the search button in the menu for desktop */

@media screen and (min-width: 768px){
header#navbar #main-navbar-collapse nav:first-child {
    margin-right: -15px!important;
}
}
/* end of fix fo the menu */


/* Top button overlapping text */
#block-breedselectorintropage .intro-bottom p {
    padding-bottom: 20px;
}
.select-breed-form .slide .see-results .all-done-block {
    padding-bottom: 20px;
}
/* End of Top button */
/*Breed Selector Fullwidth*/
#block-nppe-purinamain-theme-content .select-breed-form{
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
/*End Breed Selector Fullwidth*/








/**********************************************   CSS Purina Revamp   ****************************************************/
header#navbar {
    background-color: #ec1a19!important;
}
header#navbar .navbar-collapse {
    background-color: #ec1a19;
}

header#navbar #main-navbar-collapse nav ul li a {
    color: #eeeeee!important;
}

.community-iframe-wrapper .community-iframe-body {
    height: auto!important;
}

.community-iframe-wrapper .community-iframe-body {
    overflow: hidden !important;
    overflow-y: hidden !important;
}


.paw-class .banner_responsive_container .banner_responsive_img {
    background-position: 50% center !important;
}



/********************* CSS aleix revamp *****************************************/
.action_button{
background-color: #ed1c24;
    color: #FFF;
    display: inline-block;
    font-size: 13px;
    padding: 10px 38px 10px 40px;
    /* bottom: 22px; */
    /*position: absolute;*/
    /* right: 0; */

}

.action_button2 {
background-color: #ed1c24;
    color: #FFF;
    display: inline-block;
    font-size: 13px;
    padding: 3px 15px 3px 15px;
    /* position: absolute; */
    border: 0px solid;
    text-align: center;
    border-radius: 100px;
}



.pill {
    background: #ec1a19!important;
    border: 0px solid;
    border-radius: 35px!important;
    padding: 5px 5px 5px 5px;
    color: white;
    text-align: center;
}

.history div{
padding: 5px 5px 5px 5px;
    border: 0px solid;
    border-radius: 10px;
    background-color: #3a3533;
    color: #f3f1eb;
}
.history{
margin-bottom:20px;
}

.history .details p{
 color: #b7b7b7!important;
}

.history .details p strong{
font-weight: bold;
    font-family: "Antenna",sans-serif;
    color: white;
    margin-bottom: 16px;
    font-size: 18px;

}

.history2{
    padding: 15px 15px 15px 15px;
    /*background: #f5f1e554;*/
}
.about-title1{
font-size: 25px!important;
    color: #ec1a19!important;
}
.red-letter{
color: #ec1a19!important;
}
.centered1{
    text-align: center!important;
}
.impact-green p, .impact-green h3{
color: #40aa48!important;
}
.impact-orange p, .impact-orange h3{
color: #f36a1a!important;
}
.impact-blue p, .impact-blue h3{
color:  #0680d6!important;
}

.separador2{
    border: 1px solid;
    width: 100%;
    background: #7fffd400;
    border-color: #bdbdbd66;
    height: 35px!important;
    margin-bottom: 20px;
    border-bottom: 1px #ddd;
    border-left: 1px;
    border-right: 1px;
    margin-top: 25px;
}


.submenuAbout{
margin-top: -29px;
    border-bottom: 2px solid #0000003b
}
.submenuitemAbout{
margin: 15px 15px 15px 15px;
}







.PAW-text-banner p{
max-width: 500px;
margin-top: 72px;
color:white;
font-size: 20px!important;
text-transform: none;
font-weight: normal;
}

.stat-circle-paw{
background-color: red;
    width: 60%;
    padding-top: 60%;
    position: relative;
    border: 0px solid;
    border-radius: 1500px;
    /* align-items: center; */
    /* justify-content: center; */
    display: inline-block;
}

.stats-paw{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    padding-top: 43%;
    font-size: 70px;
    font-size: bold;
    font-weight: bold;
}


.percent-paw{
font-size: 28px;
    vertical-align: super;
}

.paw-flags ul li{
display: inline;
    padding: 0 50px;
}

h3.PAW{
text-transform:none;
font-size: 22px;
font-weight: normal;
}
.action_button:hover{
color:white;
}

.link-country{

color:white;
font-size:20px;

}

.logo {
    max-width: 65%!important;
}

@media screen and (max-width: 1024px){

.icon-bar {
    background-color: #ffffff!important;
}
.menu.nav ul li a {
  background-color: #c9c1ae00!important;
}

}
ul.nav a, .navbar-nav li a, #block-purinamainmainnavigation a{
  background-color: none!important;
 background: none!important;
}

#views-exposed-form-nppe-purina-search-page-1 {
    display:none!important;
}

.banner_responsive_container .banner_responsive_img {
    background-position: 40% center !important;
}

.button-light{
    border: 1px solid;
    border-radius: 100px;
    padding: 1px 5px 1px 5px;
    font-size: 13px;
    text-align: center;
line-height: 28px;
}


.button-light2{
    border: 0px solid;
    border-radius: 100px;
    padding: 1px 5px 1px 5px;
    font-size: 13px;
    text-align: center;
line-height: 28px;
}

.centered{
text-align: center;
}
.red-letters{
color:red;
}



.our-brands--accordion{
display:none!important;
}


/*****
COVID HOMEPAGE BANNER START ******/

.nppe-convid-banner .banner-block.container .banner-block__title {
    font-size: 20px !important;
}

@media screen and (min-width: 992px) {
    .nppe-convid-banner .banner-block.container .banner-block__title {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 10px;
        font-weight: 600;
    }
}

@media screen and (max-width: 767px) {

    .nppe-convid-banner .nppe-convid-banner-content {
        color: #FFF !important;
    }

    .nppe-convid-banner .banner_responsive_container .banner_responsive_img {
        background-position: 0 0 !important;
        min-height: 420px !important;
    }

}

@media screen and (min-width: 992px) {
    .nppe-convid-banner .banner-block.container .banner-block__title {
        font-size: 32px;
        line-height: 38px;
    }
}

.nppe-convid-banner .banner_responsive_container .banner-block.container {
    display: flex !important;
    align-items: center !important;
    padding: 20px 15px !important;
}

@media screen and (min-width: 768px) {

    .nppe-convid-banner .nppe-convid-banner-content {
        color: #333 !important;
    }

    .nppe-convid-banner .banner-block.container .banner-block__copy {
        font-size: 18px;
        line-height: 24px;
    }
    
}

@media screen and (min-width: 768px) {
    .nppe-convid-banner .banner-block.container .banner-block__copy {
        font-size: 22px;
        line-height: 28px;
    }
}

.nppe-convid-banner .banner-block__cta a.nppe-convid-button {
    background: #ED1C24;
    color: #FFF;
    border: 1px solid #ED1C24;
    border-radius: 25px;
    padding: 10px 25px;
    width: auto;
    display: inline-block;
    font-size: 16px;
    margin: 30px 0;
}

.nppe-convid-banner .banner-block__cta a.nppe-convid-button:hover {
    color: #ED1C24;
    text-decoration: none;
    background-color: transparent;
}

@media screen and (min-width: 992px) {
    .nppe-convid-banner .banner-block__cta a.nppe-convid-button {
        font-size: 18px;
    }
}

/** COVID HOMEPAGE BANNER END 
******/



