@font-face {
    font-family: "bootstrap-icons";
    src: url("../fonts/bootstrap-icons.woff2") format("woff2"),
        url("../fonts/bootstrap-icons.woff") format("woff");
}

.blue {
    color: var(--bs-blue);
}

p {
    font-weight: 400;
    font-size: 1.2rem;
    color: var(--bs-gray-700);
}

strong{
    font-weight: 600;
}

.w-60 {
    width: 60%;
}

.turquoise {
    color: var(--bs-turquoise);
}

h1 {
    font-size: 4rem;
    font-weight: 600;
}

h2 {
    font-size: 3rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.path-frontpage p {
    font-size: 1.1rem;
    font-weight: 300;
}

ol li,
ul li {
    font-size: 1.1rem;
    line-height: 1.7rem;
    font-weight: 300;
}

.btn {
    color: var(--bs-white);
    border-radius: 5px;
    padding: .5rem 1.8rem;
    font-weight: 500;
    border: 2px solid;
}

.btn:hover,
.btn:focus {
    color: var(--bs-white);
}

.btn-pri,
form #edit-submit.btn-primary {
    background-color: var(--bs-blue);
    border-color: var(--bs-blue);
}

.btn-pri
{
    color: var(--btn-white) !important;
}

.btn-pri:hover,
.btn-pri:focus,
form #edit-submit.btn-primary:hover,
form #edit-submit.btn-primary:focus {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    text-decoration: none !important;
}

.btn-sec,
form #edit-preview.btn-primary {
    background-color: var(--bs-turquoise);
    border-color: var(--bs-turquoise);
}

.btn-sec:hover,
.btn-sec:focus {
    border: 2px solid var(--bs-turquoise);
    background-color: var(--bs-white);
    color: var(--bs-turquoise);
}

/**********   Loader   **********/
.loader {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--bs-white);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    z-index: 10;
    overflow: hidden;
}

.loader span {
    width: 120px;
    height: 120px;
    display: inline-flex;
    /* margin: auto; */
    align-items: center;
    justify-content: center;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*******************  Popup cookies  *******************/
#id-cookie-notice {
    font-weight: 400;
}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok a,
.klaro .cookie-notice .cm-btn.cm-btn-info:hover,
.klaro .cookie-notice .cm-btn.cm-btn-info:focus,
.klaro .cookie-notice .cm-btn.cm-btn-info {
    font-size: 1rem !important;
    color: var(--bs-primary) !important;
    background: none !important;
    padding: 0 !important;
}

.klaro .cookie-notice button {
    border: none;
}

.klaro .cookie-notice .cm-btn.cm-btn-success {
    background-color: var(--bs-blue);
    padding: .5rem 1.8rem;
    font-weight: 500;
    font-size: 1rem;
}

.klaro .cookie-notice .cm-btn.cm-btn-success:focus,
.klaro .cookie-notice .cm-btn.cm-btn-success:hover {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.klaro .cookie-notice .cm-btn {
    background-color: var(--bs-gray-700);
    padding: .5rem 1.8rem;
    font-weight: 500;
    font-size: 1rem;
}

.klaro .cookie-notice .cm-btn:hover,
.klaro .cookie-notice .cm-btn:focus {
    background-color: var(--bs-gray-600);
    border-color: var(--bs-gray-600);

}


/**********   HOMEPAGE   **********/

#services-content {
    background-color: var(--bs-lightblue-10);
    padding: 3rem 0;
}

.views_slideshow_cycle_slide .views-row {
    position: relative;
    transition-duration: calc(5000ms*1.2);
    height: 500px;
    /* transition-property: background, transform; */
    will-change: transform;
}

#views_slideshow_controls_text_home_slider-block_1 {
    position: absolute;
    width: 100%;
    top: 12rem;
    z-index: 10;
    height: 5rem;
}

#views_slideshow_controls_text_previous_home_slider-block_1,
#views_slideshow_controls_text_next_home_slider-block_1 {
    font-size: 10rem;
    font-weight: 100;
    position: absolute;
    transition: .3s;
    line-height: 1rem;
}

#views_slideshow_controls_text_previous_home_slider-block_1 {

    left: 2rem;
    width: 5rem;
    height: 5rem;
}

#views_slideshow_controls_text_next_home_slider-block_1 {

    right: 1rem;
    width: 5rem;
    height: 5rem;
}

.views_slideshow_controls_text span:hover {
    text-decoration: none;
}

#views_slideshow_controls_text_next_home_slider-block_1:before,
#views_slideshow_controls_text_previous_home_slider-block_1:before {
    color: var(--bs-gray-500);
    opacity: 0;
    width: 5rem;
    height: 5rem;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity .3s;
}

#views_slideshow_controls_text_previous_home_slider-block_1:before {
    content: "\2039";

}

#views_slideshow_controls_text_next_home_slider-block_1:before {
    content: "\203A";
}

#block-nycrefrigeration-views-block-home-slider-block-1:hover #views_slideshow_controls_text_previous_home_slider-block_1:before,
#block-nycrefrigeration-views-block-home-slider-block-1:hover #views_slideshow_controls_text_next_home_slider-block_1:before {
    opacity: 1;
}

#views_slideshow_controls_text_pause_home_slider-block_1 {
    display: none;
}

.views_slideshow_cycle_slide .views-row .slider-text {
    max-width: 35%;
    margin: 4rem 8rem;
    z-index: 2;
    position: absolute;
}

.views_slideshow_cycle_slide .views-row .slider-text p {
    font-size: 1.1rem;
    font-weight: 400;
    color: var(--bs-gray-700);
}

.carousel-inner a.btn-pri {
    display: inline-flex;
    margin-top: .5rem;
    font-size: 1.1rem;
    color: var(--bs-white) !important;
}

.views-slideshow-controls-bottom {
    width: 100%;
    position: absolute;
    bottom: 2rem;
}

.carousel-inner .carousel-item img {
    animation-name: zoomin;
    animation-duration: 3s;
    animation-delay: 1.5s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}

@keyframes zoomin {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(1.1);
    }
}

.carousel-caption h2 {
    font-size: 4rem;
    font-weight: 600;
    color: var(--bs-black);
}

.carousel-caption {
    position: absolute;
    right: inherit;
    bottom: inherit;
    top: 5rem;
    left: 11%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: var(--bs-black);
    text-align: left;
    width: 35rem;
    font-size: 1.1rem;
}

.path-frontpage .carousel-caption p {
    font-weight: 400;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 5rem;
    height: 5rem;
}

.carousel-control-prev,
.carousel-control-next {
    width: 10%;
}

#about-content {
    background: url("../images/bg-about-nycr.jpg") no-repeat center left /cover;
}


#block-nycrefrigeration-about,
.path-commercial-hvac-installation-new-york-city #block-nycrefrigeration-content .field--name-body,
#block-nycrefrigeration-content .field--name-body {
    display: flex;
    padding: 0 0 5rem;
    flex-wrap: wrap;
}

#block-nycrefrigeration-about {
    padding: 3rem 0;
}

#block-nycrefrigeration-about h1 {
    font-size: 3rem;
    margin-bottom: 1.5rem;
}

#block-nycrefrigeration-about .about-text {
    width: 50%;
}

#block-nycrefrigeration-about .img-about {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 3rem;
}

#block-nycrefrigeration-kitchenequipmentmalfunctioning .kitchen-about-text,
#block-nycrefrigeration-content .text-about {
    width: 50%;
}

#block-nycrefrigeration-about .about-text p:last-of-type {
    margin-top: 1.5rem;
}

#block-nycrefrigeration-content {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
}

#block-nycrefrigeration-kitchenequipmentmalfunctioning .kitchen-about-text {
    margin-left: auto;
}

.kitchen-about-text .btn-wrapper
{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2rem;
}

.field--name-body .kitchen-about-text .btn-wrapper .btn-sec
{
    background-color: transparent;
    color: var(--bs-blue) !important;
    border: 2px solid;
    font-size: 1.1rem;
    transition: .3s ease;
}

.kitchen-about-text .btn-wrapper .btn-sec:hover,
.kitchen-about-text .btn-wrapper .btn-sec:focus
{
    background-color:  var(--bs-blue);
    color: var(--bs-white) !important;
    border: 2px solid var(--bs-blue);
    text-decoration: none;
}

#block-nycrefrigeration-about h2 {
    width: 100%;
    margin-bottom: 2rem;
}

#block-nycrefrigeration-about a.btn:hover,
#block-nycrefrigeration-about a.btn:focus {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

#block-nycrefrigeration-about .img-about,
#block-nycrefrigeration-kitchenequipmentmalfunctioning img,
#block-nycrefrigeration-content .image-about {
    width: 35rem;
    height: auto;
    margin-left: auto;
}

#block-nycrefrigeration-about .about-wrapper {
    display: flex;
}

#block-nycrefrigeration-content .image-about {
    padding-top: 8rem;
}

#block-nycrefrigeration-about .field--name-body,
#block-nycrefrigeration-kitchenequipmentmalfunctioning .field--name-body {
    display: flex;
}

#block-nycrefrigeration-about .field--name-body {
    flex-direction: column;
}

#block-nycrefrigeration-exploreourservices,
#block-nycrefrigeration-ourcommitment {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#block-nycrefrigeration-exploreourservices h2,
#block-nycrefrigeration-ourcommitment h2,
#block-nycrefrigeration-kitchenequipmentmalfunctioning h2 {
    margin-bottom: 2rem;
}

#block-nycrefrigeration-exploreourservices ul,
#block-nycrefrigeration-ourcommitment ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    list-style: none;
    margin-top: 4rem;
}

#block-nycrefrigeration-exploreourservices ul li,
#block-nycrefrigeration-ourcommitment ul li {
    width: 40%;
    display: flex;
    flex-direction: column;
    border-right: 1px solid var(--bs-gray-400);
    border-bottom: 1px solid var(--bs-gray-400);
    padding-bottom: 2rem;
}

#block-nycrefrigeration-exploreourservices ul li:nth-child(2),
#block-nycrefrigeration-ourcommitment ul li:nth-child(2),
#block-nycrefrigeration-exploreourservices ul li:nth-child(4),
#block-nycrefrigeration-ourcommitment ul li:nth-child(4) {
    border-right: none;
    padding-left: 3rem;
}

#block-nycrefrigeration-exploreourservices ul li:nth-child(1),
#block-nycrefrigeration-ourcommitment ul li:nth-child(1),
#block-nycrefrigeration-exploreourservices ul li:nth-child(3),
#block-nycrefrigeration-ourcommitment ul li:nth-child(3) {
    padding-right: 3rem;
}

#block-nycrefrigeration-exploreourservices ul li:nth-child(3),
#block-nycrefrigeration-ourcommitment ul li:nth-child(3),
#block-nycrefrigeration-exploreourservices ul li:nth-child(4),
#block-nycrefrigeration-ourcommitment ul li:nth-child(4) {
    border-bottom: none;
    padding-right: 3rem;
    padding-top: 2rem;
}

#block-nycrefrigeration-exploreourservices p.header-node,
#block-nycrefrigeration-ourcommitment p.header-node,
#block-nycrefrigeration-whychooseus p.header-node,
#block-nycrefrigeration-whychooseus-commercial p.header-node {
    width: 50rem;
    text-align: center;
    margin: 0 auto 2rem;
}

#block-nycrefrigeration-exploreourservices img,
#block-nycrefrigeration-ourcommitment img {
    width: 64px;
    height: 64px;
}

#block-nycrefrigeration-exploreourservices h3 a
{
   color: var(--bs-black);
   text-decoration: none;
}

#block-nycrefrigeration-exploreourservices h3 a:hover,
#block-nycrefrigeration-exploreourservices h3 a:hover
{
   text-decoration: underline;
}

#customer-review-content
{
  background: #E6F1FD;
  padding: 2rem 0;  
}

@media only screen and (min-width: 1920px) {
    .carousel-inner .carousel-item img {
        width: 100%;
    }

    .carousel-caption {
        top: 15rem;
    }

    .path-frontpage .carousel-caption p {
        font-size: 1.5rem;
        line-height: 2.5rem;
    }
}

#kitchen-content {
    display: flex;
}

#kitchen-content .field--name-body {
    display: flex;
}

#kitchen-content .field--name-body > * {
    flex: 1;
}

@media only screen and (min-width: 1920px) {
    #kitchen-content {
        background: none;
    }

    #kitchen-content .region-kitchen {

        background: url(../images/restaurant-kitchen.jpg) no-repeat left center / 50% 100%;
    }
}

#kitchen-content .region-kitchen {
    display: flex;
    margin-bottom: 6rem;
}

#kitchen-content > * {
    flex: 1;
}

#kitchen-content .image-content {
    width: 50%;
}

.field--name-body a {
    color: var(--bs-black);
    font-weight: 500;
    text-decoration: none;
}

.field--name-body a:hover,
.field--name-body a:focus {
    text-decoration: underline;
}

#block-nycrefrigeration-emergencyhvacservices .field--name-body a,
#customer-reviews .field--name-body a
{
    color: var(--bs-white);
}

.field--name-body a.btn
{
    color: var(--bs-white) !important;
}

.field--name-body a.btn.call-btn
{
    color: var(--bs-black) !important;
}

.field--name-body a.btn.call-btn
{
    text-decoration: none;
}

.field--name-body #customer-reviews a.btn
{
    border: none;
    margin-top: 1rem;
    font-size: 1.1rem;
}

.field--name-body #customer-reviews a.btn.last
{
    margin-top: 0;
}

.field--name-body #customer-reviews a.btn:hover,
.field--name-body #customer-reviews a.btn:focus
{
    text-decoration: none;
}

#block-nycrefrigeration-kitchenrepairinstallationandmaintenance {
   margin: 0 3rem;
   width: 70%;
}

#block-nycrefrigeration-kitchenrepairinstallationandmaintenance h2,
#block-nycrefrigeration-content .text-about h3 {
    margin-bottom: 1rem;
}

#block-nycrefrigeration-kitchenrepairinstallationandmaintenance .text-center {
    margin-top: 3rem;
}

#block-nycrefrigeration-whychooseus,
#block-nycrefrigeration-whychooseus-commercial {
    display: flex;
    flex-wrap: wrap;
    padding: 3rem 0;
    margin-bottom: 2rem;
}

#block-nycrefrigeration-whychooseus h2,
#block-nycrefrigeration-whychooseus-commercial h2 {
    width: 100%;
    text-align: center;
    margin-bottom: 2rem;
}

#block-nycrefrigeration-whychooseus .why-wrapper,
#block-nycrefrigeration-whychooseus-commercial .why-wrapper {
    display: flex;
}

#block-nycrefrigeration-whychooseus .why-wrapper>div,
#block-nycrefrigeration-whychooseus-commercial .why-wrapper>div {
    width: 32%;
}

#block-nycrefrigeration-whychooseus .why-wrapper>div.why-content:nth-child(3),
#block-nycrefrigeration-whychooseus-commercial .why-wrapper>div.why-content:nth-child(3) {
    margin-left: 3rem;
}

.why-content-card,
#block-nycrefrigeration-kitchenequipmentmalfunctioning {
    margin-bottom: 3rem;
}

.why-content-card h3:before {
    content: "\2713";
    position: absolute;
    left: 0;
    color: var(--bs-blue);
}

.why-content-card h3 {
    padding-left: 2rem;
    position: relative;
}

/******   Breadcrumbs    **********/

.breadcrumb li a {
    color: var(--bs-blue);
    font-weight: 500;
    text-decoration: none;
}

.breadcrumb li.breadcrumb-item {
    position: relative;
    padding-left: 1.4rem;
}

.breadcrumb li.breadcrumb-item:nth-child(2) {
    padding-left: 2.5rem;
}

.breadcrumb li:first-child:before {
    content: "\F425";
    color: var(--bs-blue);
    font-family: var(--bs-font-icons);
    font-weight: 600;
    margin-right: .5rem;
    position: absolute;
    top: 0;
    left: 0;
}

.breadcrumb li:nth-child(2):before {
    content: "\F4F7";
    color: var(--bs-gray-600);
    font-family: var(--bs-font-icons);
    font-weight: 600;
    margin-right: .5rem;
    position: absolute;
    top: 5px;
    left: 7px;
    font-size: 1.2rem;
    transform: rotate(90deg);
}

/******     Region content   ******/
.region-content {
    margin: 3rem auto;
}

.path-contact .region-content {
    margin: 3rem auto;
}

/**********  Avertising  **********/

.page-route-view-frontpage-page-1 #advertising-content {
    margin-top: 2rem;
}

#advertising-content {
    margin-bottom: 5rem;
}

/******* Navigation **********/

#navbar_top {
    background-color: var(--bs-white);
}

.navbar-nav .nav-link {
    text-transform: uppercase;
    transition: 0.3s all cubic-bezier(0.785, 0.135, 0.15, 0.86);
    position: relative;
    padding: .3rem 0 !important;
}

@media (min-width: 992px) {
    .navbar-brand img {
        height: 120px;
    }

    .fixed-top .navbar-brand img {
        height: 60px;
        transition: .3s;
    }
}

.navbar-nav .nav-item {
    padding: .5rem 1rem 1rem;
}

.navbar-nav .nav-link.dropdown-toggle::before,
.navbar-nav .nav-link:not(.dropdown-toggle):after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 0;
    border-bottom: 2px solid;
    border-color: var(--bs-blue);
    transition: .25s;
}

.navbar-nav .nav-link.is-active {
    color: var(--bs-blue);
}

.navbar-nav .nav-link.is-active:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 0;
    border-bottom: 2px solid;
    border-color: var(--bs-blue);
    transition: .25s;
    width: 100%;
}

.navbar-nav .nav-link:hover:after,
.navbar-nav .nav-link.dropdown-toggle:hover::before {
    width: 100%;
}

.navbar-nav .nav-level-1 .nav-item {
    padding: 0;
}

.navbar-nav .nav-level-1 .nav-item a:hover,
.navbar-nav .nav-level-1 .nav-item a:focus {
    background: var(--bs-lightblue);
    color: var(--bs-dropdown-link-color);
}

.navbar-nav .nav-level-1 .nav-item:nth-child(even),
.navbar-nav .nav-level-1 .nav-item a.is-active {
    background: var(--bs-lightblue-15);
    color: var(--bs-dropdown-link-color);
}

#block-nycrefrigeration-buttonsquoteandbook {
    margin-left: 5rem;
}

.navbar-nav .nav-link {
    color: var(--bs-black);
}

.region-nav-additional .btn-sec:hover,
.region-nav-additional .btn-sec:focus
{
    color: var(--bs-turquoise) !important;
}

.dropdown-toggle::after {
    content: "\F282";
    border: none;
    font-family: var(--bs-font-icons);
    margin-top: .1rem;
    font-size: 1rem;
    margin-left: .5rem;
}

/********* Footer    ***********/
footer .region-footer {
    flex-direction: row;
    flex-wrap: wrap;
}

footer.bg-secondary {
    background: url(../images/footer-nycr.jpg) no-repeat center left /cover;
    color: var(--bs-white);
}

footer.bg-secondary a {
    color: var(--bs-white);
}

footer.text-light,
footer p {
    color: var(--bs-white);
    font-weight: 200;
}

#block-nycrefrigeration-logotext {
    width: 30%;
}

#block-nycrefrigeration-copyright {
    justify-content: center;
    display: flex;
    margin-top: 1rem;
    border-top: 1px solid var(--bs-lightblue-10);
    padding-top: 1rem;
    width: 100%;
}

#block-nycrefrigeration-footer {
    flex: 2;
}

#block-nycrefrigeration-contactparagraph svg
{
    margin-right: .5rem;
}

#block-nycrefrigeration-contactinfo {
    display: inline-flex;
    flex-direction: column;
    width: 25rem;
    padding: 0 2rem;
    margin-left: auto;
}

#block-nycrefrigeration-contactinfo p,
#block-nycrefrigeration-certification p {
    margin-bottom: 1.5rem;
    padding-left: 1.8rem;
    position: relative;
    font-weight: 200;
}

#block-nycrefrigeration-contactinfo p strong,
#block-nycrefrigeration-certification p strong {
    font-weight: 600;
}

#block-nycrefrigeration-contactinfo p:before,
#block-nycrefrigeration-certification p:before {
    content: '';
    width: 15px;
    height: 15px;
    font-family: var(--bs-font-icons);
    position: absolute;
    left: 0;
}

#block-nycrefrigeration-contactinfo p.phone:before {
    content: '\F5C1';
}

#block-nycrefrigeration-contactinfo p.hour:before {
    content: '\F293';
}

#block-nycrefrigeration-certification p.area {
    font-weight: 200;
}

#block-nycrefrigeration-certification p.area:before {
    content: '\F3E8';
}

#block-nycrefrigeration-areaofservice {
    width: 69.5%;
    display: inline-flex;
    flex-direction: column;
}

#block-nycrefrigeration-areaofservice img {
    border-radius: 10px;
}

#block-nycrefrigeration-areaofservice .field--name-body {
    overflow: hidden;
    border-radius: 15px;
}

/*********   Emergency ad   **********/
#block-nycrefrigeration-emergencyhvacservices,
#block-nycrefrigeration-commercial-ad {
    background: url(../images/emergency-nycr.jpg) no-repeat center center;
    min-height: 400px;
    padding: 0 5rem;
    border-radius: 15px;
    color: var(--bs-white);
    margin-top: 3rem;
}

#block-nycrefrigeration-commercial-ad {
    background: url(../images/commercial-cta-nycr.jpg) no-repeat center center /cover;
    margin-top: 0;
}

#block-nycrefrigeration-emergencyhvacservices div,
#block-nycrefrigeration-commercial-ad div {
    width: 40%;
}

#block-nycrefrigeration-emergencyhvacservices h2,
#block-nycrefrigeration-commercial-ad h2 {
    font-size: 2.5rem;
    font-weight: 600;
    margin-bottom: 2rem;
    margin-top: 2rem;
    padding-top: 2rem;
}

#block-nycrefrigeration-emergencyhvacservices p,
#block-nycrefrigeration-commercial-ad p {
    font-size: 1.3rem;
    color: var(--bs-white);
    padding: 0 3rem 2rem 0;
    margin-bottom: 0;
}

#block-nycrefrigeration-emergencyhvacservices p.little-copy {
    font-size: 1rem;
    font-weight: 600;
}

.btn.call-btn {
    font-weight: 500;
    font-size: 1.1rem;
    background-color: var(--bs-yellow);
    border-color: var(--bs-yellow);
    color: var(--bs-black);
    cursor: default;
    display: inline-flex;
}

#block-nycrefrigeration-emergencyhvacservices .btn.call-btn {
    font-size: 1.3rem;
    margin-top: 0;
}

.btn.call-btn:hover {
    background-color: var(--bs-warning);
    border-color: var(--bs-warning);
    color: var(--bs-black);
    cursor: default;
}

/**********   CONTACT US    *************/
.path-contact #hero-content {
    background: url(../images/contact-nycr.jpg) no-repeat center center;
    min-height: 400px;
    display: flex;
    align-items: center;
}

@media only screen and (min-width: 1170px) {
    .path-contact #hero-content {
        background: url(../images/contact-nycr.jpg) no-repeat center center /cover;
    }
}

.path-contact #block-nycrefrigeration-hoursofoperation {
    display: inline-flex;
    width: 30%;
    flex-wrap: wrap;
}

.path-contact #block-nycrefrigeration-hoursofoperation h2,
.path-contact #block-nycrefrigeration-areaofservice h2 {
    margin-bottom: 1rem;
    font-size: 2.5rem;
}

.path-contact #block-nycrefrigeration-content {
    background: var(--bs-lightblue-10);
    padding: 0;
    border-radius: 15px;
    display: flex;
    justify-content: end;
    margin-bottom: 4rem;
    position: relative;
}

.path-contact #block-nycrefrigeration-content:before {
    background: url(../images/contact-form-nycr.jpg) no-repeat center top;
    content: "";
    width: 50%;
    height: 50%;
    background-size: 100%;
    position: absolute;
    left: 0;
}

.captcha__image-wrapper
{
    margin: 1.5rem 0; 
}

.path-contact #block-nycrefrigeration-content label {
    font-weight: 600;
    font-size: 1.1 rem;
}

#block-nycrefrigeration-hoursofoperation .field--name-body {
    background: var(--bs-lightblue);
    border-radius: 10px;
    padding: 2rem 3rem 1rem;
    height: 25.5rem;
}

#contact-message-feedback-form {
    display: flex;
    width: 48%;
    padding: 2rem 2rem 2rem 4rem;
    flex-wrap: wrap;
}

#contact-message-feedback-form>div {
    width: 100%;
}

textarea.form-control {
    height: 80px;
}

#contact-message-feedback-form>div#edit-field-email-wrapper,
#contact-message-feedback-form>div#edit-field-telephone-wrapper {
    display: inline-flex;
    width: 48%;
}

#contact-message-feedback-form>div#edit-field-telephone-wrapper {
    margin-left: 1.2rem;
}

.form-check-input[type="checkbox"] {
    margin-right: .4rem;
}

form #edit-preview.btn-primary:hover,
form #edit-preview.btn-primary:focus {
    background-color: var(--bs-white);
    border-color: var(--bs-turquoise);
    color: var(--bs-turquoise);
}

/**********   FAQ    *************/
.path-faq #hero-content {
    background: url(../images/faq-nycr.jpg) no-repeat center center;
    min-height: 400px;
    display: flex;
    align-items: center;
}

@media only screen and (min-width: 1170px) {
    .path-faq #hero-content {
        background: url(../images/faq-nycr.jpg) no-repeat center center /cover;
    }
}

p.header-node {
    font-size: 1.2rem;
    font-weight: 400;
    color: var(--bs-gray-600);
    margin-bottom: 3rem;
}

.path-faq p.header-node,
#accordionFlushExample {
    width: 100%;
}

@media only screen and (min-width: 1170px) {
    .path-contact p.header-node {
        max-width: 50rem;
    }
}

h2.accordion-header button {
    font-weight: 400;
    font-size: 1.2rem;
}

.accordion-item summary::marker,
.accordion-item summary::-webkit-details-marker {
  display: none;
}

.accordion-item summary::marker {
  content: "";
}

.accordion-item summary {
  list-style: none;
  display: flex;
  align-items: center;
}

/* Default: chevron down */
.accordion-item summary::after {
  content: "\F282";
  margin-left: auto;
  font-size: 1.5rem;
  color: var(--bs-gray-600);
  font-family: var(--bs-font-icons);
  transition: transform 0.2s ease;
}

.path-contact .accordion-item summary::after {
  content: "";
}

/* When open: chevron up */
.accordion-item[open] summary::after {
  transform: rotate(180deg);
}

.accordion-item summary h2 {
    color: var(--bs-gray-700);
    line-height: 1.8rem;
    font-size: 1.5rem;
    font-weight:400;
}

.accordion-item p
{
    color: var(--bs-gray-600);
}

.accordion-item .accordion-body {
    line-height: 1.7rem;
}

/******     Services     ******/

.path-hvac-services #hero-content {
    background: url(../images/services-nycr.jpg) no-repeat center center;
    min-height: 400px;
    display: flex;
    align-items: center;
}

@media only screen and (min-width: 1170px) {
    .path-hvac-services #hero-content {
        background: url(../images/services-nycr.jpg) no-repeat center center /cover;
    }
}

.path-hvac-services p.header-node,
.path-kitchen-repairs p.header-node {
    width: 70%;
    text-align: center;
    margin: 0 auto 5rem;
}

#v-pills-tabContent {
    width: 70%;
    padding: 0 3rem;
}

#v-pills-tab {
    width: 30%;
}

.nav-pills .nav-link {
    color: var(--bs-black);
    font-size: 1.2rem;
    font-weight: 400;
    text-align: left;
    position: relative;
    background: #e8edfb;
    padding: 1rem 2rem;
    margin-bottom: 1rem;
    transition: all .3s;
}

.nav-pills .nav-link:hover {
    margin-left: 1rem;
    color: var(--bs-primary);
    background: #d6e0fc;
}

.nav-pills .nav-link.active {
    color: var(--bs-blue);
    background-color: transparent;
    border-radius: 0;
}

.icon-nycr {
    width: 64px;
    height: 64px;
    margin-right: 1rem;
}

#v-pills-tabContent ul,
.accordion-item .accordion-body ul,
.path-kitchen-repairs #block-nycrefrigeration-content #kitchen-repairs-list-text ul {
    list-style: none;
    padding-left: 0;
    margin-top: 1.5rem;
}

#v-pills-tabContent ul li:before,
.accordion-item .accordion-body ul li:before,
.path-kitchen-repairs #block-nycrefrigeration-content #kitchen-repairs-list-text ul li:before {
    content: "\F4BC";
    font-family: var(--bs-font-icons);
    color: var(--bs-blue);
    position: absolute;
    left: 0;
    top: .1rem;
}

#v-pills-tabContent ul li,
.accordion-item .accordion-body ul li,
.path-kitchen-repairs #block-nycrefrigeration-content #kitchen-repairs-list-text ul li {
    font-size: 1.1rem;
    color: var(--bs-gray-600);
    font-weight: 400;
    position: relative;
    padding-left: 2rem;
    padding-bottom: 1rem;
}

#v-pills-tabContent strong {
    color: var(--bs-black);
    font-weight: 600;
}

#v-pills-tabContent h3 {
    color: var(--bs-gray-700);
    margin-bottom: 1rem;
    margin-top: 2rem;
}

#block-nycrefrigeration-allourhvacservices ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 auto;
    padding-left: 0;
    width: 70rem;
}

#block-nycrefrigeration-allourhvacservices ul li {
    width: 33%;
    padding: 1.5rem 1rem;
    border-style: solid;
    border-width: 0px 1px 1px 0px;
    border-color: var(--bs-gray-500);
}

#block-nycrefrigeration-allourhvacservices img {
    width: 64px;
    height: 64px;
}

#block-nycrefrigeration-allourhvacservices h3 {
    color: var(--bs-black);
    margin-bottom: .5rem;
    margin-top: 1.5rem;
    font-weight: 500;
    font-size: 1.2rem;
}

#block-nycrefrigeration-allourhvacservices h2 {
    text-align: center;
}

#block-nycrefrigeration-allourhvacservices ul li:nth-child(1),
#block-nycrefrigeration-allourhvacservices ul li:nth-child(2),
#block-nycrefrigeration-allourhvacservices ul li:nth-child(3) {
    border-top: none;
}

#block-nycrefrigeration-allourhvacservices ul li:nth-child(7),
#block-nycrefrigeration-allourhvacservices ul li:nth-child(8),
#block-nycrefrigeration-allourhvacservices ul li:nth-child(9) {
    border-bottom: none;
}

#block-nycrefrigeration-allourhvacservices ul li:nth-child(3),
#block-nycrefrigeration-allourhvacservices ul li:nth-child(6),
#block-nycrefrigeration-allourhvacservices ul li:nth-child(9) {
    border-right: none;
}


/***********  ABOUT ***********/

.path-about #hero-content {
    background: url(../images/about-nycr.jpg) no-repeat center center;
    min-height: 400px;
    display: flex;
    align-items: center;
}

@media only screen and (min-width: 1170px) {
    .path-about #hero-content {
        background: url(../images/about-nycr.jpg) no-repeat center center /cover;
    }
}


/***************  KITCHEN REPAIRS   *****************/

.path-kitchen-repairs #hero-content {
    background: url(../images/kitchen-repairs-nycr.jpg) no-repeat left center;
    min-height: 400px;
    display: flex;
    align-items: center;
}

@media only screen and (min-width: 1170px) {
    .path-kitchen-repairs #hero-content {
        background: url(../images/kitchen-repairs-nycr.jpg) no-repeat center center /cover;
    }
}

.path-kitchen-repairs .region.region-content {
    margin-bottom: -5rem;
}

.path-kitchen-repairs h3 {
    font-size: 2.5rem;
}

#refrigeration-repair-block,
#cooking-repairs-block,
#kitchen-repairs-list {
    display: flex;
    margin-top: 3rem;
}

#refrigeration-repair-block .kitchen-repairs-image,
#cooking-repairs-block .kitchen-repairs-image {
    width: 35rem;
    height: auto;
    margin-left: auto;
}

#cooking-repairs-block .kitchen-repairs-image {
    margin-right: auto;
    margin-left: 0;
}

#refrigeration-repair-block .kitchen-repairs-image img,
#cooking-repairs-block .kitchen-repairs-image img {
    margin-top: 3rem;
}

#refrigeration-repair-block .kitchen-repairs-text,
#cooking-repairs-block .kitchen-repairs-text {
    width: 38%;
}

#kitchen-repairs-list-icons ul {
    list-style: none;
    display: flex;
    margin-left: auto;
    width: 70%;
    flex-wrap: wrap;
    flex-direction: row;
    margin-top: 3rem;
}

#kitchen-repairs-list-icons ul li {
    margin: 0 2rem 5rem;
}

#kitchen-repairs-list-icons ul li:nth-child(3),
#kitchen-repairs-list-icons ul li:nth-child(6),
#kitchen-repairs-list-icons ul li:nth-child(9),
#kitchen-repairs-list-icons ul li:nth-child(3) img,
#kitchen-repairs-list-icons ul li:nth-child(6) img,
#kitchen-repairs-list-icons ul li:nth-child(9) img {
    margin-right: 0;
}

#kitchen-repairs-list-icons .icon-nycr {
    width: 64px;
    height: 64px;
    margin-right: inherit;
}

#block-nycrefrigeration-kitchenappliancesbrandswerepair,
#block-nycrefrigeration-hvacappliancebrandsweservice {
    padding: 2rem 0 5rem;
}

#block-nycrefrigeration-kitchenappliancesbrandswerepair ul,
#block-nycrefrigeration-hvacappliancebrandsweservice ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 2rem 5rem 0;
}

#block-nycrefrigeration-kitchenappliancesbrandswerepair ul li,
#block-nycrefrigeration-hvacappliancebrandsweservice ul li {
    margin: .5rem 1rem;
    border: 1px solid var(--bs-lightblue-20);
    padding: .5rem 1rem;
    border-radius: 5px;
}

.path-kitchen-repairs #about-content {
    background: url("../images/bg-about-nycr.jpg") no-repeat left 60% /cover;
}

#faq-content {
    margin-bottom: 5rem;
}

/***********************Commercial HVAC**************************/

.path-commercial-hvac-installation-new-york-city #hero-content {
    background: url(../images/header-commercial-hvac.jpg) no-repeat left center;
    min-height: 400px;
    display: flex;
    align-items: center;
}

#block-nycrefrigeration-content {
    padding-bottom: 0;
    margin-bottom: 0;
}

@media only screen and (min-width: 1170px) {
    .path-commercial-hvac-installation-new-york-city #hero-content {
        background: url(../images/header-commercial-hvac.jpg) no-repeat center center /cover;
    }
}

#block-nycrefrigeration-typesofhvacsystemsweinstall .row {
    justify-content: center;
}

.path-commercial-hvac-installation-new-york-city #hero-content h1,
.path-hvac-services #hero-content h1,
.path-faq #hero-content h1,
.path-about #hero-content h1 {
    width: 35%;
}

.path-commercial-hvac-installation-new-york-city #block-nycrefrigeration-content .about-image {
    width: 50%;
    margin-left: auto;
    display: inline-flex;
    align-items: center;
}

.path-commercial-hvac-installation-new-york-city #block-nycrefrigeration-content .about-text {
    width: 45%;
}

.path-commercial-hvac-installation-new-york-city #block-nycrefrigeration-content .about-text ul {
    list-style: none;
    padding-left: .5rem;
}

.path-commercial-hvac-installation-new-york-city #block-nycrefrigeration-content .about-text ul li::before {
    content: "\2713";
    color: var(--bs-blue);
    margin-right: .8rem;
    font-weight: 700;
}

#block-nycrefrigeration-whychooseus-commercial,
#block-nycrefrigeration-typesofhvacsystemsweinstall {
    align-items: center;
    display: flex;
    flex-direction: column;
}

#block-nycrefrigeration-frequentlyaskedquestions>h2,
#block-nycrefrigeration-typesofhvacsystemsweinstall>h2 {
    margin-bottom: 2.5rem;
}

#block-nycrefrigeration-typesofhvacsystemsweinstall .field--type-string {
    font-weight: 600;
    font-size: 1.2rem;
    margin-top: 1rem;
    margin-bottom: .2rem;
}

#block-nycrefrigeration-whychooseus-commercial p.header-node {
    text-align: center;
}

.accordion-item:first-of-type,
.accordion-item:first-of-type>.accordion-header .accordion-button {
    border-radius: 0;
}

.accordion-item {
    border: none;
    border-bottom: 1px solid var(--bs-gray-400);
}

.accordion-button:not(.collapsed) {
    color: var(--bs-gray-800);
    background-color: white;
}

#block-nycrefrigeration-whychooseus-commercial .why-wrapper {
    justify-content: center;
}

#block-nycrefrigeration-whychooseus-commercial .why-content-card,
#block-nycrefrigeration-typesofhvacsystemsweinstall .card-element {
    padding: 1rem 2rem;
}

#block-nycrefrigeration-whychooseus-commercial .why-content-card p {
    padding-left: 2rem;
}

#block-nycrefrigeration-ourinstallationprocess {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

#block-nycrefrigeration-ourinstallationprocess ul li .step-number {
    font-size: 5rem;
    font-weight: bold;
    color: white;
    background: var(--bs-turquoise);
    width: 6rem;
    height: 6rem;
    text-align: center;
    display: inline-flex;
    place-items: center;
    justify-content: center;
    border-radius: 5rem;
    margin-bottom: 1rem;
}

.scroll-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.scroll-wrapper>p {
    font-size: 5rem;
    cursor: pointer;
}

.scroll-container {
    overflow-x: auto;
    scroll-behavior: smooth;
    flex: 1;
    display: flex;
    -ms-overflow-style: none;
    /* IE/Edge */
    scrollbar-width: none;
    /* Firefox */
}

/* hide WebKit scrollbars */
.scroll-container::-webkit-scrollbar {
    display: none;
}

.scroll-container ul {
    display: flex;
    list-style: none;
    margin: 2rem 0 3rem;
    padding-bottom: 4rem;
    scroll-snap-type: x mandatory;
}

.scroll-container li {
    flex: 0 0 auto;
    padding-left: 3rem;
    display: flex;
    flex-direction: column;
    position: relative;
    scroll-snap-align: start;
}

.scroll-btn {
    background: var(--bs-turquoise);
    color: white;
    border: none;
    font-size: 3rem;
    font-weight: 300;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    z-index: 1;
    transition: background 0.3s ease;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0 .7rem;
}

.scroll-btn:hover,
.scroll-btn:focus {
    background: var(--bs-blue);
}

.scroll-btn.left {
    margin-right: 1rem;
}

.scroll-btn.right {
    margin-left: 1rem;
}

.scroll-btn:disabled,
.scroll-btn.disabled {
    opacity: 0.4;
    cursor: not-allowed;
    pointer-events: none;
    /* makes sure it can't be clicked */
}


/**************************************************************/
#block-nycrefrigeration-commercial-faqs .field--name-body
{
    display: flex;
    justify-content: space-between;
    margin-bottom: 3rem;
}

#block-nycrefrigeration-commercial-faqs .field--name-body > h2
{
    width: 30%;
}

#block-nycrefrigeration-commercial-faqs #accordionFlushExample {
  width: 55%;
  margin-left: auto;
}

.path-privacy-policy #block-nycrefrigeration-content h2
{
    font-size: 1.5rem;
    font-weight: 500;
}