.page-template-tmpl_cookt-page header .wrapper .row,
.page-template-castellini header .wrapper .row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

@media (min-width: 600px) {
  .page-template-tmpl_cookt-page header .wrapper .row,
  .page-template-castellini header .wrapper .row {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.page-template-tmpl_cookt-page header .wrapper .row .header-logo,
.page-template-castellini header .wrapper .row .header-logo {
  max-width: 100px;
}

@media (min-width: 600px) {
  .page-template-tmpl_cookt-page header .wrapper .row .header-logo,
  .page-template-castellini header .wrapper .row .header-logo {
    max-width: 140px;
  }
}

.page-template-tmpl_cookt-page .header_menu li,
.page-template-castellini .header_menu li {
  padding: 0 1em;
}

@media (min-width: 600px) {
  .page-template-tmpl_cookt-page .header_menu li,
  .page-template-castellini .header_menu li {
    padding: 1em;
  }
}

.page-template-tmpl_cookt-page .header_menu li a,
.page-template-castellini .header_menu li a {
  font-size: 1em;
}

@media (min-width: 600px) {
  .page-template-tmpl_cookt-page .header_menu li a,
  .page-template-castellini .header_menu li a {
    font-size: 1.45em;
  }
}

.page-template-tmpl_cookt-page .card--1x2__title,
.page-template-castellini .card--1x2__title {
  white-space: normal;
  overflow: hidden;
  text-overflow: initial;
  max-width: 100%;
}

.page-template-tmpl_cookt-page .card--1x2__excerpt,
.page-template-castellini .card--1x2__excerpt {
  max-width: 100%;
}

@media (min-width: 1240px) {
    .card--1x2__excerpt, .card--1x2--sm__excerpt {
        max-width: 100%;
    }
}

.castellini-page-template .hero_background_image {
  background-image: url("/wp-content/themes/donkrc_foodservice/assets/img/pizzapasta/hero-t.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 100%;
  box-shadow: 0px 0px 0px 4000px rgba(0, 0, 0, 0.5) inset;
  height: 464px;
  position: relative;
}

@media (min-width: 905px) {
  .castellini-page-template .hero_background_image {
    background-image: url("/wp-content/themes/donkrc_foodservice/assets/img/pizzapasta/hero-t.png");
    background-position: 50% 50%;
    height: 770px;
  }
}

.castellini-page-template .hero_heading_image {
  position: absolute;
  left: 50%;
  top: 40%;
  max-width: 1020px;
  min-width: 320px;
  width: 100%;
  -webkit-transform: translateX(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media (max-width: 920px) {
  .castellini-page-template .hero_heading_image {
    max-width: 65%;
    top: 40%;
  }
}

@media (min-width: 1240px) {
  .castellini-page-template .hero_heading_image {
    top: 45%;
    left: 50%;
  }
}

.castellini-page-template .hero_heading_image .main_image {
    margin-bottom: 2rem;
    width: 100%;
}

@media (min-width: 905px) {
  .castellini-page-template .hero_heading_image .main_image {
      margin-bottom: 0
  }
}

.hero_heading {
  display: block;
  color: #ffffff;
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
  text-align: center;
  text-transform: uppercase;
}

.hero_heading_logo {
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
}

@media (max-width: 768px) {
  .hero_heading_logo {
    justify-content: space-between;
  }
} 

.hero_heading_logo img {
    height: auto;
    width: 100%;
    object-fit: contain;
    margin: 0 2rem;
    max-width: 214px;
}


@media (max-width: 768px) {
  .hero_heading_logo {
      margin-top: 1rem;
  }

  .hero_heading_logo img {
      width: 25%
  }
}


.castellini-page-template .hero_scroll {
  position: absolute;
  left: 50%;
  bottom: 0%;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 150ms linear;
  transition: all 150ms linear;
}

.castellini-page-template .hero_scroll p {
  color: #FFFFFF;
}

.checkmark-heading {
    font-family: "Din Condensed";
	font-size: 2.2rem;
	font-weight: 700;
    line-height: 1.2;
    margin-top: 1.5rem;
    margin-bottom: 0;
    text-align: center;
    text-transform: uppercase;
}

@media (min-width: 600px) {
	.checkmark-heading {
		font-size: 4rem;	
	}
}

.castellini-page-template .checkmark-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  list-style-type: none;
  padding: 0;
}

.checkmark-list-02 {
  margin-top:1rem;
  width: 400px;
}

@media (min-width: 768px) {
  .checkmark-list-02 {
    width: 800px;
  }
}

@media (min-width: 600px) {
  .checkmark-heading {
    font-size: 4rem;  
  }
}


@media (min-width: 905px) {
  .castellini-page-template .checkmark-list {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 700px;
    margin: 1rem auto;
  }
}

.castellini-page-template .checkmark-list li {
  color: #020F50;
  display: block;
  font-size: 1.2em;
  font-weight: 700;
  margin: .3em 0;
  padding-right: 1.25em;
}

@media (min-width: 600px) {
	.castellini-page-template .checkmark-list li {
		  font-size: 1.5em;
	}
}

.castellini-page-template .checkmark-list li:before {
  content: '';
  background-image: url('data:image/svg+xml,<svg width="32" height="24" viewBox="0 0 32 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 14L10 22L30 2" stroke="%23CB122D" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-size: 22px;
  background-position: center;
  display: inline-block;
  height: 20px;
  width: 24px;
  padding-right: .4em;
}

.castellini-page-template .checkmark-list_container {
  margin: 0 auto;
  max-width: 800px;
  padding: 1.5em 1em;
}

@media (min-width: 905px) {
  .castellini-page-template .checkmark-list_container {
    padding: 0;
    text-align: center;
  }
}

.castellini-page-template .checkmark-list_container a {
  text-decoration: none;
}

.castellini-page-template .checkmark-list_container .red {
  color: #CB122D;
  font-weight: 700;
}

@media (min-width: 600px) {
  .castellini-page-template .checkmark-list_container .red {
    padding-left: 2em;
  }
}

.castellini-page-template .checkmark-list-cta {
  padding-top: 0;
  padding-bottom: 3rem;
  text-align: center;
}

.castellini-page-template .checkmark-list-cta .range-cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (min-width: 600px) {
  .castellini-page-template .checkmark-list-cta .range-cta {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.castellini-page-template .carousel {
  background: #F2F2F2;
}

.castellini-page-template .carousel .slick-next,
.castellini-page-template .carousel .slick-prev {
  display: none !important;
}

@media (min-width: 600px) {
  .castellini-page-template .carousel .slick-next,
  .castellini-page-template .carousel .slick-prev {
    display: inline !important;
  }
}

.carousel__top-item-logo {
  margin: 2rem auto 0;
  max-width: 220px;
}

@media (max-width: 768px) {
  .carousel__top-item-logo {
    max-width: 200px
  }
}

@media (min-width: 768px) {
  .carousel__top-item-logo-3 {
    margin-top: 3rem;
  }
}

.carousel__mid {
  margin: 1.5rem;
  margin-bottom: 20px!important;
  text-align: center;
}

.carousel__mid-item p {
  color: #222222
}

.carousel__btm {
  margin-bottom: 80px
}

.castellini-page-template .carousel .testimonial {
  padding: 2.5em 1em;
}

@media (min-width: 600px) {
  .castellini-page-template .carousel .testimonial {
    padding: 2.5em 0;
  }
}

.castellini-page-template .carousel .testimonial h3 {
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 0;
}

.castellini-page-template .carousel .testimonial p {
  color: #CB122D;
}

.castellini-page-template .carousel .testimonial_container {
  margin: 0 auto;
  max-width: 700px;
  text-align: center;
}

.castellini-page-template .product_cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  padding: 1em 1em 3em;
}

.castellini-page-template .subscribe-form {
  background-position: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  padding: 3em;
}

.castellini-page-template .subscribe-form * {
  color: #FFFFFF
}

.gfield_consent_label {
  color: #FFFFFF;
  font-weight: 300;
}

.castellini-page-template .card__wrapper {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
          max-width: 1100px;
}

.bg-blue {
	background: #020F50
}

.bg-blue p {
	color: #ffffff
}

.castellini-range {
	padding: 1.5rem
}

.c-form-heading {
    color: #ffffff;
    font-size: 1.55rem;
    margin-top: 4rem;
    margin-bottom: 1rem;
    text-align: center;
}

#gform_6 {
	margin: 0 auto;
	max-width: 90%;
	position: relative;
    padding-bottom: 12rem;
    text-align: center;
}

@media (min-width: 600px) {
	#gform_6 {
		max-width: 720px;
	    padding-bottom: 9rem;
	}	
}


#gform_6 select {
	background: #FFFFFF;
    background-image: url('data:image/svg+xml,<svg data-slot="icon" fill="none" stroke-width="1.5" stroke="%23020F50" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"></path></svg>');
    background-repeat: no-repeat;
    background-size: 24px;
    background-position-x: 99%;
    background-position-y: 12px;
    border: 1px solid #A5A7AF;
    cursor: pointer;
    font-family: "Din Pro", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-size: 1em;
    font-weight: 300;
    line-height: 24px;
    border-radius: 8px;
    margin: 0;
    outline: 0;
    padding: 12px 16px!important;
}

#gform_6 input[type="text"],
#gform_6 input[type="email"],
#gform_6 input[type="tel"],
#gform_6 .gfield_select
#gform_6 option  {
	color: #020F50
}

#gform_6 input[type="text"]::placeholder,
#gform_6 input[type="email"]::placeholder,
#gform_6 input[type="number"]::placeholder,
#gform_6 .gfield_select {
	color: #9C9C9C;
}


#gform_submit_button_6 {
    font-weight: 500;
    margin: 0 auto;
    text-transform: uppercase;
    width: 110px;
}

#input_6_3_3 {
	color: #9C9C9C;
}

#field_6_15 {
	position: absolute;
	bottom: 60px;
	left: 50%;
	text-align: center;
	transform: translateX(-50%);
	width: 100%;
}

#field_6∂_19 {
  color: #ffffff;
  text-align: left;
}


#gform_7 {
  margin: 0 auto;
  max-width: 90%;
  position: relative;
    padding-bottom: 12rem;
    text-align: center;
}

@media (min-width: 600px) {
  #gform_7 {
      max-width: 720px;
      padding-bottom: 4rem;
      padding-top: 4rem;
  } 
}


#gform_7 select {
  background: #FFFFFF;
    background-image: url('data:image/svg+xml,<svg data-slot="icon" fill="none" stroke-width="1.5" stroke="%23020F50" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"></path></svg>');
    background-repeat: no-repeat;
    background-size: 24px;
    background-position-x: 99%;
    background-position-y: 12px;
    border: 1px solid #A5A7AF;
    cursor: pointer;
    font-family: "Din Pro", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-size: 1em;
    font-weight: 300;
    line-height: 24px;
    border-radius: 8px;
    margin: 0;
    outline: 0;
    padding: 12px 16px!important;
}

#gform_7 input[type="text"],
#gform_7 input[type="email"],
#gform_7 input[type="tel"],
#gform_7 .gfield_select
#gform_7 option  {
  color: #020F50
}

#gform_7 input[type="text"]::placeholder,
#gform_7 input[type="email"]::placeholder,
#gform_7 input[type="number"]::placeholder,
#gform_7 .gfield_select {
  color: #9C9C9C;
}


#gform_submit_button_7 {
    font-weight: 500;
    margin: 0 auto;
    text-transform: uppercase;
    width: 110px;
}

#input_7_3_3 {
  color: #9C9C9C;
}

#field_7_15 {
  text-align: center;
}

#field_7_19 {
  color: #ffffff;
  text-align: left;
}

#field_7_14, 
#field_7_32 {
    text-align: left
  }

@media (min-width: 600px) {
  #field_7_14 {
    margin-left: 2rem;
    text-align: left;
  }
  #field_7_32 {
      margin-left: 2rem;
      margin-top: -1.5rem;
      text-align: left;
  }
}


.gfield-choice-input {
  margin: .7rem .5rem .9rem 0!important;
}

.gfield_validation_message {
    color: red!important;
    padding: 0!important;
    text-align: left;
}

.text-center {
	text-align: center;
}


@media only screen and  (min-width: 1240px) {
	.card--1x2 {
        height: 423px;
		max-width: 350px;
	}

	.card--1x2__container {
		margin: .75rem .75rem 1rem;
		max-width: 350px;
	}

	.card--1x2__container:nth-child(4n), .card--1x2--sm__container:nth-child(4n) {
	    margin-right: .75rem
	}

	.card--1x2__container:nth-child(4n + 1), .card--1x2--sm__container:nth-child(4n + 1) {
	    margin-left: .75rem
	}
}

@media only screen and (min-width: 768px and max-width: 1239px) {
	.card--1x2 {
		max-width: 370px;
	}
}


.card--1x2__title {
	white-space: pre-wrap;
  overflow: visible;
  text-overflow: inherit;
  text-transform: uppercase;
}

.cards-grid {
	margin-bottom: 0;
}

.cards-grid .container {
	padding: 0;
}

@media (max-width: 600px) {
	.cards-grid {
		margin: 0;
	}
}

.uppercase {text-transform: uppercase}
.d-block {display: block;font-weight:500}
.red {color: #CB122D;text-decoration-color:#CB122D;}
.undliner {text-decoration: underline}
.uppercase {text-transform: uppercase}

.castellini-confirmation {	
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 700px;
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

.castellini-confirmation h3 { color:#ffffff;font-size: 5rem; font-family: "Din Condensed";margin: 0;}
.castellini-confirmation p { color:#ffffff;font-size: 1.5rem; font-weight: 500 }


.range-list {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  max-width: 1110px;
  margin: 0 auto;
  padding-left: 5rem;
}

.range-list li a {
  text-decoration: none;
}

@media (max-width: 920px) {
  .range-list {
      columns: 1;
      padding-top: 2rem;
      padding-left: 0;
  }
}

.slick-dotted.slick-slider {
  margin-bottom: 60px
}


.slick-dots {
  bottom: -40px
}

.slick-dots li {
    margin: 0 2px;
}

.slick-dots li button {
    background: #eee;
    width: 5px;
}

.slick-active button {
  background: #bbb!important
}

.flex-row {
    display: flex;
    gap: 1rem;
    justify-content: center;
}

@media (max-width: 768px) {
  .flex-row {
    flex-direction: column;
  }
}

.full-width-video {
    margin: 0 auto 3rem;
    text-align: center;
}

.full-width-video h4 {
    font-size: 1.55rem;
    margin-bottom: 0;
    margin-top: 0;
}

.video-container {
    width: 100%;
    border-radius: 12px;
    margin: 0 auto;
    padding: 1rem 0 2rem;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;

    .video-wrapper {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    video {
        width: 100%;
        height: 100%;
        border-radius: 4px;
    }
}

@media (min-width: 600px) {
    .video-container {
        padding: 1rem;
        width: 90%;
    }
}

.play-button-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    pointer-events: none;
}

  #circle-play-b,
  #circle-play-b1,
  #circle-play-b2,
  #circle-play-b3 {
      cursor: pointer;
      pointer-events: auto;

      svg {
          width: 100px;
          height: 100px;
          fill: #fff;
          stroke: #fff;
          cursor: pointer;
          background-color: rgba(black, 0.2);
          border-radius: 50%;
          opacity: 0.9;
      }
  }
@media only screen and (min-width: 1320px) {
    .video-2 {
        height: 347px!important;
    }
}

.custom-next:before, .custom-prev:before {
    background-color: none!important;
    border: none;
    height: 30px;
    width: 142px;
}

.slick-next {
    right: 55px;
}

.slick-prev {
    left: 55px;
}

.chosen-choices {
  border-radius: 8px!important;
  padding: 7px 0!important;
}

.chosen-search-input {
  color: #9C9C9C!important;
  font-family: "Din Pro", Helvetica, Arial, sans-serif!important;
}

@media only screen and (max-width: 768px) {
  .gform_wrapper.gravity-theme .chosen-container.chosen-container-multi ul.chosen-choices li.search-field {     
    width: 95%!important 
  }
}

.search-choice {
  margin-left: .5rem!important;
}


.white-container {
    background-color: #fff!important;
    border-radius: 8px;
    height: auto;
    margin: 0;
    overflow: hidden;
    position: relative;
    color: #9C9C9C;
    font-weight: 300;
    text-align: left;
    padding: 0 1rem !important;
}

.white-container .gfield-choice-input {
    width: 20px;
    height: 20px;
}


@media ( max-width: 768px ) {  
  #field_7_1 {
    order: 1;
  }
  #field_7_21, #field_7_6, #field_7_5, #field_7_7, #field_7_9 {
    order: 2; 
  }
  #field_7_35, #field_7_37, #field_7_39 { 
    order: 3; 
  }
  #field_7_14, #field_7_32, #field_7_15 {
    order: 4;
  }
}