/*
Theme Name: Van West Cooling
Theme URI: https://pixelpassion.nl
Author: PixelPassion
Author URI: https://pixelpassion.nl
Description: Custom theme for https://vanwestcooling.com
Version: 1.0.0
License: Free to use
License URI: n/a
Text Domain: vanwestcooling
Tags: vanwestcooling
*/
/* Breakpoints
--------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, textarea, select, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font: inherit;
  outline: none;
  line-height: 100%;
  box-sizing: border-box; }

li {
  list-style-type: none; }

a {
  text-decoration: none; }

button:hover {
  cursor: pointer; }

html {
  margin: 0 !important; }

body {
  font-size: 16px;
  font-family: arial, sans-serif;
  overflow-x: hidden; }

/* WYSIWYG on standard pages */
b {
  font-weight: 600; }

/* End of WYSIWYG */
.page__title {
  font-size: 5rem;
  font-weight: 600;
  padding: 8rem 0 8rem 0;
  color: #002554;
  text-align: center;
  background: #efefef;
  margin: 0;
  line-height: 120%; }
@media (max-width: 1278px) {
  .page__title {
    font-size: 2.25rem;
    padding: 2rem 1rem; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .page__title {
    font-size: 3.5rem;
    padding: 6rem 0; } }

/* Home page only */
.section__title {
  font-size: 3.5rem;
  font-weight: 600;
  padding: 0 0 1rem 0;
  color: #002554; }
@media (max-width: 1278px) {
  .section__title {
    padding: 0 0 .75rem 0;
    font-size: 1.75rem; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .section__title {
    padding: 0 0 .5rem 0;
    font-size: 2.5rem; } }

.section__subtitle {
  font-size: 1.5rem;
  padding: 0 0 3rem 0;
  color: #002554; }
@media (max-width: 1278px) {
  .section__subtitle {
    padding: 0 0 1.5rem 0;
    font-size: 1.125rem; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .section__subtitle {
    padding: 0 0 2rem 0;
    font-size: 1.5rem; } }

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

.section__title--large {
  font-size: 4rem; }
@media (max-width: 1278px) {
  .section__title--large {
    font-size: 1.75rem; } }

.section__title--light {
  color: #fff; }

.section__title--gold {
  color: #a99651; }

/* End of Home page only styling */
.generic .wrapper {
  padding: 10rem 0;
  width: 100%; }
@media (max-width: 1278px) {
  .generic .wrapper {
    padding: 3rem 0; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .generic .wrapper {
    padding: 6rem 0; } }
.generic .wrapper:nth-child(even) {
  background: #eeeeee; }
.generic .section__intro {
  width: 1000px;
  margin: -5rem auto 0;
  background: #003a70;
  padding: 3rem; }
@media (max-width: 1278px) {
  .generic .section__intro {
    width: 100%;
    margin: 0; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .generic .section__intro {
    margin: -3rem auto 0; } }
.generic .section__intro .intro__title {
  font-size: 2.5rem;
  color: #fff;
  font-weight: 600;
  padding: 0 0 2rem 0;
  line-height: 140%;
  text-align: center; }
@media (max-width: 1278px) {
  .generic .section__intro .intro__title {
    font-size: 1.75rem;
    padding: 0 0 2rem;
    line-height: 120%; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .generic .section__intro .intro__title {
    font-size: 2rem;
    padding: 0 0 2rem;
    line-height: 140%; } }
.generic .section__intro .intro__text {
  color: #fff;
  font-size: 1.5rem;
  line-height: 140%; }
@media (max-width: 1278px) {
  .generic .section__intro .intro__text {
    font-size: 1rem; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .generic .section__intro .intro__text {
    font-size: 1.25rem; } }
.generic .section {
  width: 1700px;
  margin: 0 auto; }
@media (max-width: 1278px) {
  .generic .section {
    width: 100%;
    padding: 0 1rem; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .generic .section {
    width: 100%;
    padding: 0 2rem; } }
.generic .section .section__content--type1 {
  display: flex;
  column-gap: 3rem;
  align-items: center; }
@media (max-width: 1278px) {
  .generic .section .section__content--type1 {
    flex-direction: column;
    row-gap: 1rem; } }
.generic .section .section__content--type2 {
  display: flex;
  column-gap: 3rem;
  flex-direction: row-reverse;
  align-items: center; }
@media (max-width: 1278px) {
  .generic .section .section__content--type2 {
    flex-direction: column;
    row-gap: 1rem; } }
.generic .section .section__part {
  width: 48%; }
@media (max-width: 1278px) {
  .generic .section .section__part {
    width: 100%; } }
.generic .section .section__part img {
  height: auto;
  width: 100%; }
.generic .section__title {
  padding: 0 0 2rem 0;
  color: #002554; }
@media (max-width: 1278px) {
  .generic .section__title {
    padding: 0 0 1.5rem 0; } }
.generic .section__text {
  width: 100%;
  margin: 0 auto;
  font-size: 1.25rem;
  line-height: 140%;
  color: #002554; }
@media (max-width: 1278px) {
  .generic .section__text {
    font-size: 1rem; } }
.generic .section__list {
  width: 1000px;
  margin: 0 auto;
  font-size: 1.25rem;
  line-height: 140%;
  display: flex;
  flex-direction: column;
  row-gap: .25rem;
  padding: .5rem 0; }
@media (max-width: 1278px) {
  .generic .section__list {
    width: 100%; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .generic .section__list {
    width: 100%; } }
.generic .section__list .section__list-item {
  list-style-type: disc;
  margin: 0 0 0 1rem;
  line-height: 140%;
  color: #002554; }
@media (max-width: 1278px) {
  .generic .section__list .section__list-item {
    font-size: 1rem;
    line-height: 120%; } }
.generic .section__olist {
  width: 1000px;
  margin: 0 auto;
  font-size: 1.25rem;
  line-height: 140%;
  display: flex;
  flex-direction: column;
  row-gap: .25rem;
  padding: .5rem 0; }
.generic .section__olist .section__list-item {
  list-style-type: none; }
@media (max-width: 1278px) {
  .generic .section__olist {
    width: 100%;
    line-height: 120%; } }
.generic .section__textonly {
  padding: 10rem 0; }
@media (max-width: 1278px) {
  .generic .section__textonly {
    width: 100%;
    padding: 3rem 1rem; } }
.generic .section__textonly p {
  width: 1000px;
  margin: 0 auto;
  line-height: 140%; }
@media (max-width: 1278px) {
  .generic .section__textonly p {
    width: 100%; } }
.generic .generic .wrapper .section {
  width: 1700px;
  margin: 0 auto;
  padding: 10rem 0; }

.cta {
  padding: 6rem 0;
  background: #003a70; }
@media (max-width: 1278px) {
  .cta {
    padding: 3rem 1rem; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .cta {
    padding: 4rem 2rem; } }
.cta .wrapper {
  width: 1700px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  column-gap: 3rem; }
@media (max-width: 1278px) {
  .cta .wrapper {
    width: 100%;
    flex-direction: column; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .cta .wrapper {
    width: 100%; } }
.cta .cta__left {
  width: 50%; }
@media (max-width: 1278px) {
  .cta .cta__left {
    width: 100%; } }
.cta .cta__left .cta__image {
  height: 400px;
  width: 800px;
  overflow: hidden; }
@media (max-width: 1278px) {
  .cta .cta__left .cta__image {
    width: 100%;
    height: auto; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .cta .cta__left .cta__image {
    width: 100%;
    height: auto; } }
@media (max-width: 1278px) {
  .cta .cta__left .cta__image img {
    width: 100%;
    height: auto; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .cta .cta__left .cta__image img {
    width: 100%;
    height: 100%; } }
.cta .cta__right {
  width: 50%; }
@media (max-width: 1278px) {
  .cta .cta__right {
    width: 100%; } }
.cta .cta__right .cta__title {
  font-size: 2.5rem;
  line-height: 120%;
  padding: 0 0 1rem 0;
  color: #fff;
  font-weight: 600; }
@media (max-width: 1278px) {
  .cta .cta__right .cta__title {
    font-size: 1.5rem;
    padding: 1rem 0 1rem 0;
    line-height: 110%; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .cta .cta__right .cta__title {
    font-size: 1.75rem;
    padding: 1rem 0 1rem 0;
    line-height: 120%; } }
.cta .cta__right .cta__text {
  font-size: 1.5rem;
  line-height: 140%;
  padding: 0 0 0 0;
  color: #fff; }
@media (max-width: 1278px) {
  .cta .cta__right .cta__text {
    font-size: 1rem; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .cta .cta__right .cta__text {
    font-size: 1.25rem; } }
.cta .cta__right .cta__button {
  margin: 2rem 0 0 4rem;
  display: inline-block;
  background: #a99651;
  color: #fff;
  padding: 1.5rem 2rem;
  width: 18rem;
  border-radius: 8px;
  text-align: center;
  text-transform: uppercase; }

.button__group {
  display: flex;
  justify-content: flex-start;
  column-gap: 1rem; }

.button {
  display: block;
  background: #a99651;
  color: #fff;
  padding: 1.25rem 2rem;
  width: 18rem;
  border-radius: 40px;
  text-align: center;
  font-size: 1.25rem;
  border: 4px solid #a99651;
  font-weight: 600; }
@media (max-width: 1278px) {
  .button {
    font-size: .75rem;
    padding: .75rem .75rem;
    width: 100%; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .button {
    font-size: 1rem;
    padding: 1rem 1rem;
    width: 15rem; } }
.button:hover {
  background: #988749;
  border-color: #988749; }

.button--alt {
  border: 4px solid #002554;
  background: transparent;
  color: #002554; }
.button--alt:hover {
  border: 4px solid #002554;
  background: transparent;
  color: #002554; }

.button--margintop {
  margin: 2rem 0 0 0; }
@media (max-width: 1278px) {
  .button--margintop {
    margin: 1rem 0 0 0; } }

.button--center {
  margin-left: auto;
  margin-right: auto; }

.textlink {
  display: block;
  font-weight: 600;
  color: #3ab0ff; }

.textlink--light {
  font-weight: 600; }

.textlink--margintop {
  margin: 2rem 0 0 0; }

.header {
  height: 100px;
  background: #002554; }
@media (max-width: 1278px) {
  .header {
    height: auto;
    width: 100%; } }
.header .wrapper {
  height: 100%;
  width: 2300px;
  margin: 0 auto;
  padding: 0 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center; }
@media (max-width: 1278px) {
  .header .wrapper {
    width: 100%;
    padding: .5rem 1rem; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .header .wrapper {
    width: 100%; } }
@media (min-width: 1920px) {
  .header .wrapper {
    width: 100%; } }
.header #logo-vanwestcooling {
  height: 4rem; }
@media (max-width: 1278px) {
  .header #logo-vanwestcooling {
    height: 3rem; } }
.header .burger {
  display: none; }
@media (max-width: 1278px) {
  .header .burger {
    display: inline-block; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .header .burger {
    display: inline-block; } }
.header .nav__list {
  display: flex;
  column-gap: .25rem; }
.header .nav__item {
  font-size: 1.25rem; }
.header .nav__item a {
  color: #fff;
  padding: .75rem 1.25rem;
  border-radius: 40px; }
.header .nav__item a:hover {
  background: #001a3b; }
.header .nav__item:last-child a {
  background: #a99651;
  padding: .75rem 1.25rem;
  border-radius: 40px; }
@media (max-width: 1278px) {
  .header .nav__item:last-child a {
    display: inline-block; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .header .nav__item:last-child a {
    display: inline-block; } }
.header .nav__item:last-child a:hover {
  background: #988749; }
@media (max-width: 1278px) {
  .header .burger {
    display: flex;
    row-gap: 6px;
    flex-direction: column; }
  .header .burger .burger__top, .header .burger .burger__mid, .header .burger .burger__bot {
    width: 2rem;
    height: 3px;
    background: #fff;
    border-radius: 8px; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .header .burger {
    display: flex;
    row-gap: 6px;
    flex-direction: column; }
  .header .burger .burger__top, .header .burger .burger__mid, .header .burger .burger__bot {
    width: 2rem;
    height: 3px;
    background: #fff;
    border-radius: 8px; } }
.header #toggle {
  display: none; }
@media (max-width: 1278px) {
  .header #toggle + .nav {
    display: none; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .header #toggle + .nav {
    display: none; } }
@media (max-width: 1278px) {
  .header #toggle:checked + .nav {
    display: inline-block;
    position: fixed;
    height: 100%;
    width: 100vw;
    background: #002554;
    z-index: 9999;
    top: 4rem;
    left: 0;
    overflow: hidden;
    padding: 1rem; }
  .header #toggle:checked + .nav .nav__list {
    flex-direction: column;
    row-gap: .5rem; }
  .header #toggle:checked + .nav .nav__item {
    font-size: 1rem; }
  .header #toggle:checked + .nav .nav__item a {
    display: block;
    width: 100%;
    background: #001a3b;
    border-radius: 40px;
    padding: 1rem 1.25rem; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .header #toggle:checked + .nav {
    display: inline-block;
    position: fixed;
    height: 100%;
    width: 100vw;
    background: #002554;
    z-index: 9999;
    top: 6rem;
    left: 0;
    overflow: hidden;
    padding: 1rem; }
  .header #toggle:checked + .nav .nav__list {
    flex-direction: column;
    row-gap: .5rem; }
  .header #toggle:checked + .nav .nav__item {
    font-size: 1rem; }
  .header #toggle:checked + .nav .nav__item a {
    display: block;
    width: 100%;
    background: #001a3b;
    border-radius: 40px;
    padding: 1rem 1.25rem; } }

.template__home .hero {
  position: relative;
  overflow-y: hidden;
  height: 1000px; }
@media (max-width: 1278px) {
  .template__home .hero {
    height: 70vh;
    overflow: hidden; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .template__home .hero {
    height: 70vh;
    overflow: hidden; } }
.template__home .hero .wrapper {
  height: 100%; }
.template__home .hero .video-container {
  position: absolute; }
.template__home .hero .video-container video {
  width: 100%; }
@media (max-width: 1278px) {
  .template__home .hero .video-container video {
    height: 80vh;
    width: auto; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .template__home .hero .video-container video {
    height: 80vh;
    width: auto; } }
.template__home .hero .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 2;
  opacity: .6; }
.template__home .hero .hero__content {
  z-index: 999;
  position: relative;
  top: 0;
  display: flex;
  width: 1700px;
  height: 100%;
  align-items: center;
  margin: 0 auto; }
@media (max-width: 1278px) {
  .template__home .hero .hero__content {
    width: 100%;
    padding: 0 1rem; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .template__home .hero .hero__content {
    width: 100%;
    padding: 0 2rem; } }
.template__home .hero .hero__content .hero__left {
  width: 65%; }
.template__home .hero .hero__content .hero__title {
  font-family: "Big Shoulders", sans-serif;
  font-size: 6rem;
  font-weight: 700;
  color: #002554;
  line-height: 110%;
  text-transform: uppercase; }
@media (max-width: 1278px) {
  .template__home .hero .hero__content .hero__title {
    font-size: 3rem; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .template__home .hero .hero__content .hero__title {
    font-size: 5rem; } }
.template__home .hero .hero__content .hero__subtitle {
  font-family: "Big Shoulders", sans-serif;
  padding: .75rem 0 0 0;
  font-size: 5rem;
  line-height: 110%;
  color: #002554;
  font-weight: 700; }
@media (max-width: 1278px) {
  .template__home .hero .hero__content .hero__subtitle {
    font-size: 2rem; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .template__home .hero .hero__content .hero__subtitle {
    font-size: 4rem; } }
.template__home .hero .hero__content .hero__text {
  padding: 2.5rem 0 2rem 0;
  font-size: 1.5rem;
  line-height: 140%;
  color: #002554; }
@media (max-width: 1278px) {
  .template__home .hero .hero__content .hero__text {
    font-size: 1rem; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .template__home .hero .hero__content .hero__text {
    font-size: 2rem; } }
.template__home .hero .hero__content .hero__right {
  display: none;
  width: 50%; }
.template__home .hero .hero__content .hero__impressions {
  width: 40rem;
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
  margin: 0 auto; }
.template__home .hero .hero__content .hero__impression {
  width: 30rem;
  height: 15rem;
  background: #888;
  border-radius: 8px;
  transform: translate(0px, 1.7661%); }
.template__home .hero .hero__content .hero__impression:nth-child(1) {
  margin: 0 0 0 6rem; }
.template__home .hero .hero__content .hero__impression:nth-child(3) {
  margin: 0 0 0 10rem; }
.template__home .hero .hero__content .hero__impression img {
  border-radius: 8px; }
.template__home .clients {
  background: #efefef;
  padding: 3rem 0; }
@media (max-width: 1278px) {
  .template__home .clients {
    padding: 2rem 1rem;
    overflow: scroll; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .template__home .clients {
    padding: 2rem 2rem;
    overflow: scroll; } }
.template__home .clients .clients__container {
  width: 1700px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between; }
@media (max-width: 1278px) {
  .template__home .clients .clients__container {
    width: 100%;
    column-gap: 2rem;
    justify-content: baseline; } }
.template__home .clients .client {
  display: flex;
  align-items: center; }
.template__home .clients #logo-douweegberts, .template__home .clients #logo-fructomat, .template__home .clients #logo-junea {
  height: 4rem;
  fill: #002554; }
@media (max-width: 1278px) {
  .template__home .clients #logo-douweegberts, .template__home .clients #logo-fructomat, .template__home .clients #logo-junea {
    height: 2rem; } }
.template__home .clients #logo-royalswinkels, .template__home .clients #logo-animo {
  height: 3.5rem;
  fill: #002554; }
@media (max-width: 1278px) {
  .template__home .clients #logo-royalswinkels, .template__home .clients #logo-animo {
    height: 1.75rem; } }
.template__home .applications {
  padding: 10rem 0;
  margin: 0 auto; }
@media (max-width: 1278px) {
  .template__home .applications {
    padding: 3rem 1rem; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .template__home .applications {
    padding: 6rem 2rem; } }
.template__home .applications .wrapper {
  width: 1700px;
  margin: 0 auto; }
@media (max-width: 1278px) {
  .template__home .applications .wrapper {
    width: 100%; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .template__home .applications .wrapper {
    width: 100%; } }
.template__home .applications .applications__container {
  display: flex;
  column-gap: 1.5rem; }
@media (max-width: 1278px) {
  .template__home .applications .applications__container {
    flex-wrap: wrap;
    column-gap: .5rem;
    row-gap: .5rem; } }
.template__home .applications .application {
  width: calc(100% - 4.5rem / 4);
  background: #888;
  display: flex;
  flex-direction: column;
  row-gap: 0;
  overflow: hidden; }
@media (max-width: 1278px) {
  .template__home .applications .application {
    width: calc(50% - .25rem); } }
.template__home .applications .application:hover img {
  transform: scale(1.25);
  transition: transform 0.3s; }
.template__home .applications .application img {
  transition: transform 0.3s; }
.template__home .applications .application__image {
  height: 100%; }
.template__home .applications img {
  width: 100%;
  height: auto; }
.template__home .applications .application__title {
  display: inline-block;
  padding: 1.75rem 1.75rem;
  background: #002554;
  color: #fff;
  width: calc(100%);
  margin: 0;
  font-size: 1.25rem;
  z-index: 999;
  font-weight: 600; }
@media (max-width: 1278px) {
  .template__home .applications .application__title {
    padding: .75rem;
    height: 100%;
    line-height: 120%;
    font-weight: 400;
    font-size: 1rem; } }
.template__home .concept {
  padding: 10rem 0;
  background: #efefef; }
@media (max-width: 1278px) {
  .template__home .concept {
    padding: 3rem 1rem; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .template__home .concept {
    padding: 6rem 2rem; } }
.template__home .concept .wrapper {
  width: 1700px;
  margin: 0 auto; }
@media (max-width: 1278px) {
  .template__home .concept .wrapper {
    width: 100%; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .template__home .concept .wrapper {
    width: 100%; } }
.template__home .concept .concept__container {
  display: flex; }
@media (max-width: 1278px) {
  .template__home .concept .concept__container {
    flex-direction: column;
    row-gap: .5rem; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .template__home .concept .concept__container {
    align-items: center; } }
.template__home .concept .concept__left {
  width: 50%; }
@media (max-width: 1278px) {
  .template__home .concept .concept__left {
    width: 100%; } }
.template__home .concept .concept__images {
  display: flex;
  flex-wrap: wrap;
  column-gap: 2rem; }
@media (max-width: 1278px) {
  .template__home .concept .concept__images {
    height: auto;
    row-gap: .5rem;
    column-gap: .5rem; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .template__home .concept .concept__images {
    height: auto;
    row-gap: .5rem;
    column-gap: .5rem; } }
.template__home .concept .image__left {
  width: 400px; }
@media (max-width: 1278px) {
  .template__home .concept .image__left {
    width: calc(50% - .25rem);
    height: auto; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .template__home .concept .image__left {
    width: calc(50% - .25rem);
    height: auto; } }
.template__home .concept .image__left .concept__image {
  height: auto;
  width: 100%; }
.template__home .concept .image__left .concept__image img {
  width: 100%;
  height: calc(450px + 2rem); }
@media (max-width: 1278px) {
  .template__home .concept .image__left .concept__image img {
    height: calc(200px + .5rem); } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .template__home .concept .image__left .concept__image img {
    height: calc(400px + .5rem); } }
.template__home .concept .image__right {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
  height: 100%;
  width: 400px; }
@media (max-width: 1278px) {
  .template__home .concept .image__right {
    width: calc(50% - .25rem);
    height: auto;
    row-gap: .5rem; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .template__home .concept .image__right {
    width: calc(50% - .25rem);
    height: auto;
    row-gap: .5rem; } }
.template__home .concept .image__right .concept__image {
  height: 225px;
  width: 100%; }
@media (max-width: 1278px) {
  .template__home .concept .image__right .concept__image {
    height: 100px; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .template__home .concept .image__right .concept__image {
    height: 200px; } }
.template__home .concept .image__right .concept__image img {
  width: 100%;
  height: auto; }
@media (max-width: 1278px) {
  .template__home .concept .image__right .concept__image img {
    height: 100px; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .template__home .concept .image__right .concept__image img {
    height: 200px; } }
.template__home .concept .concept__image {
  display: inline-block; }
.template__home .concept .concept__right {
  width: 50%;
  display: flex;
  align-items: center;
  padding: 0 3rem; }
@media (max-width: 1278px) {
  .template__home .concept .concept__right {
    width: 100%;
    padding: 0; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .template__home .concept .concept__right {
    padding: 0 0 0 2rem; } }
.template__home .concept .concept__text {
  font-size: 1.25rem;
  line-height: 150%;
  background: #003a70;
  padding: 4.5rem;
  color: #fff; }
@media (max-width: 1278px) {
  .template__home .concept .concept__text {
    padding: 2rem;
    font-size: 1rem; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .template__home .concept .concept__text {
    width: 100%;
    padding: 3rem; } }
.template__home .concept .cta__button {
  display: block;
  background: #a99651;
  color: #fff;
  padding: 1.5rem 2rem;
  width: 18rem;
  border-radius: 8px;
  text-align: center;
  text-transform: uppercase;
  font-size: 1rem;
  margin: 1rem 0 0 0; }
.template__home .partner {
  padding: 40rem 0;
  position: relative;
  overflow: hidden; }
@media (max-width: 1278px) {
  .template__home .partner {
    padding: 20rem 0 13rem; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .template__home .partner {
    padding: 20rem 0 20rem; } }
.template__home .partner .partner__image {
  position: absolute;
  top: 0;
  width: 100%; }
@media (max-width: 1278px) {
  .template__home .partner .partner__image {
    height: 100%;
    width: auto;
    margin: 0 0 0 -20rem; } }
.template__home .partner .partner__image img {
  height: auto;
  width: 100%;
  margin: 0; }
@media (max-width: 1278px) {
  .template__home .partner .partner__image img {
    height: 100%;
    width: auto; } }
.template__home .partner .wrapper {
  position: absolute;
  width: 1000px;
  margin: 0;
  background: rgba(0, 35, 82, 0.8);
  padding: 4rem;
  left: 50%;
  transform: translate(-50%, -50%); }
@media (max-width: 1278px) {
  .template__home .partner .wrapper {
    width: 100%;
    padding: 2rem;
    transform: translate(-50%, -60%); } }
.template__home .partner .partner__text {
  margin: 0 auto;
  text-align: center;
  font-size: 1.75rem;
  line-height: 140%;
  color: #fff;
  padding: 1rem 0 0 0; }
@media (max-width: 1278px) {
  .template__home .partner .partner__text {
    font-size: 1rem; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .template__home .partner .partner__text {
    font-size: 1.25rem; } }
.template__home .why {
  padding: 10rem 0;
  background: #efefef; }
@media (max-width: 1278px) {
  .template__home .why {
    padding: 3rem 1rem; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .template__home .why {
    padding: 6rem 2rem; } }
.template__home .why .wrapper {
  width: 1700px;
  margin: 0 auto; }
@media (max-width: 1278px) {
  .template__home .why .wrapper {
    width: 100%; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .template__home .why .wrapper {
    width: 100%; } }
.template__home .why .advantages__container {
  display: flex;
  column-gap: 2rem;
  row-gap: 2rem;
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap; }
@media (max-width: 1278px) {
  .template__home .why .advantages__container {
    row-gap: .5rem; } }
.template__home .why .advantage {
  width: calc(33% - 1rem);
  padding: 2rem;
  background: #003a70;
  border-radius: 6px;
  display: flex;
  align-items: center;
  column-gap: 1rem; }
@media (max-width: 1278px) {
  .template__home .why .advantage {
    width: 100%;
    padding: .75rem; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .template__home .why .advantage {
    width: calc(50% - 1rem);
    padding: .75rem;
    column-gap: .5rem; } }
.template__home .why .advantage__text {
  font-size: 1.5rem;
  line-height: 140%;
  display: inline;
  color: #fff;
  font-weight: 600; }
@media (max-width: 1278px) {
  .template__home .why .advantage__text {
    font-size: 1rem;
    font-weight: 400; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .template__home .why .advantage__text {
    font-size: 1.25rem;
    font-weight: 400; } }
.template__home .why #icon-check {
  fill: #a99651;
  height: 3.5rem;
  width: 3.5rem; }
@media (max-width: 1278px) {
  .template__home .why #icon-check {
    width: 2.5rem; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .template__home .why #icon-check {
    width: 3rem; } }

.section__contact {
  padding: 8rem 0 0; }
@media (max-width: 1278px) {
  .section__contact {
    width: 100%;
    padding: 2rem 0; } }
.section__contact .contact__intro-title {
  width: 1000px;
  margin: 0 auto 2rem;
  font-size: 2rem;
  text-align: center;
  line-height: 140%;
  font-weight: 600;
  color: #002554; }
@media (max-width: 1278px) {
  .section__contact .contact__intro-title {
    font-size: 1.75rem;
    width: 100vw;
    margin: 0 0 2rem;
    padding: 0 1rem; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .section__contact .contact__intro-title {
    font-size: 2rem;
    width: 100vw;
    margin: 0 0 2rem;
    padding: 0 2rem; } }
.section__contact .contact__intro-text {
  width: 1000px;
  margin: 0 auto 6rem;
  font-size: 1.25rem;
  text-align: center;
  line-height: 150%;
  color: #002554; }
@media (max-width: 1278px) {
  .section__contact .contact__intro-text {
    font-size: 1rem;
    width: 100vw;
    margin: 0 0 2rem;
    padding: 0 1rem; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .section__contact .contact__intro-text {
    width: 100vw;
    margin: 0 0 2rem;
    padding: 0 2rem; } }
.section__contact .wrapper {
  display: flex;
  column-gap: 2rem;
  width: 1700px;
  margin: 0 auto;
  justify-content: space-between; }
@media (max-width: 1278px) {
  .section__contact .wrapper {
    width: calc(100vw - 2rem);
    flex-direction: column;
    margin: 0 1rem;
    row-gap: 1rem; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .section__contact .wrapper {
    width: 100vw;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    row-gap: 2rem; } }
.section__contact .contact__block {
  width: 25%;
  background: #003a70;
  padding: 3rem;
  color: #fff; }
@media (max-width: 1278px) {
  .section__contact .contact__block {
    width: 100%;
    padding: 2rem; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .section__contact .contact__block {
    width: 40%;
    padding: 3rem; } }
.section__contact .contact__block .contact__link {
  color: #fff;
  font-weight: 600;
  text-decoration: underline; }
.section__contact .contact__block .contact__link:hover {
  color: #3ab0ff; }
.section__contact .contact__block .contact__list {
  display: flex;
  flex-direction: column;
  row-gap: 1rem; }
.section__contact .contact__block .contact__list-item {
  display: flex;
  align-items: center; }
.section__contact .contact__block #icon-phone, .section__contact .contact__block #icon-mail, .section__contact .contact__block #icon-location {
  height: 1.25rem;
  vertical-align: middle;
  padding: 0 .5rem 0 0; }
@media (min-width: 1280px) and (max-width: 1919px) {
  .section__contact .contact__block .button {
    margin: 0 auto; } }
.section__contact .contact__title {
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
  padding: 0 0 2rem 0; }
@media (max-width: 1278px) {
  .section__contact .contact__title {
    font-size: 1.75rem;
    padding: 0 0 1rem; } }
.section__contact .contact__text {
  line-height: 150%;
  padding: 0 0 2rem 0; }

.section__contact {
  width: 1700px;
  margin: 0 auto; }
@media (max-width: 1278px) {
  .section__contact {
    width: 100vw;
    margin: 0; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .section__contact {
    width: 100vw;
    margin: 0; } }
.section__contact .section__content--type1 {
  display: flex;
  column-gap: 3rem;
  align-items: center; }
@media (max-width: 1278px) {
  .section__contact .section__content--type1 {
    flex-direction: column;
    row-gap: 2rem; } }
.section__contact .section__content--type2 {
  display: flex;
  column-gap: 3rem;
  flex-direction: row-reverse;
  align-items: center; }
@media (max-width: 1278px) {
  .section__contact .section__content--type2 {
    flex-direction: column;
    row-gap: 2rem; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .section__contact .section__content--type2 {
    justify-content: space-between; } }
.section__contact .section__part {
  width: 48%; }
@media (max-width: 1278px) {
  .section__contact .section__part {
    width: 100%;
    padding: 0 1rem; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .section__contact .section__part {
    width: 48%; } }
.section__contact .section__part img {
  height: auto;
  width: 100%; }

.contact .section__title {
  padding: 0 0 2rem 0; }
@media (max-width: 1278px) {
  .contact .section__title {
    padding: 0 1rem 2rem; } }

.section__text {
  width: 100%;
  margin: 0 auto;
  font-size: 1.25rem;
  line-height: 140%;
  color: #002554; }
@media (max-width: 1278px) {
  .section__text {
    margin: 0; } }

.section__list {
  width: 1000px;
  margin: 0 auto;
  font-size: 1.25rem;
  line-height: 140%;
  display: flex;
  flex-direction: column;
  row-gap: .25rem;
  padding: .5rem 0; }
@media (max-width: 1278px) {
  .section__list {
    width: calc(100vw - 2rem);
    margin: 0; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .section__list {
    width: 100%;
    margin: 0; } }

.section__list-item {
  list-style-type: disc;
  margin: 0 0 0 1rem;
  line-height: 140%;
  color: #002554; }

.contact__wrapper .section__contact {
  width: 1700px;
  margin: 0 auto;
  padding: 10rem 0; }
@media (max-width: 1278px) {
  .contact__wrapper .section__contact {
    width: 100vw;
    margin: 0;
    padding: 3rem 0; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .contact__wrapper .section__contact {
    width: 100vw;
    margin: 0;
    padding: 3rem 2rem; } }

/* CONTACT FORM */
.contactform {
  width: 1000px;
  margin: 6rem auto;
  padding: 4rem;
  background: #eeeeee; }
@media (max-width: 1278px) {
  .contactform {
    width: 100%;
    margin: 3rem 0;
    padding: 2rem 1rem; } }

.wpforms-container .wpforms-form .wpforms-submit {
  display: inline-block;
  background-color: transparent;
  background: #a99651;
  color: #fff;
  padding: 1.25rem 2rem;
  width: 18rem;
  border-radius: 40px;
  text-align: center;
  border: 0; }

.wpforms-container label {
  margin: 0 0 .5rem 0;
  color: #002554; }

.wpforms-container input {
  display: inline-block;
  padding: .75rem; }

.wpforms-container textarea {
  padding: .75rem; }

.wpforms-container select {
  padding: .75rem; }

.contactform__intro {
  font-size: 1.25rem;
  font-weight: 600;
  padding: 0 0 2rem 0;
  color: #002554;
  line-height: 120%; }
@media (max-width: 1278px) {
  .contactform__intro {
    font-size: 1rem; } }

.contactform__outro {
  font-size: 1.25rem;
  font-weight: 600;
  padding: 2rem 0 0 0;
  color: #002554; }

.section__olist {
  width: 1000px;
  margin: 0 auto;
  font-size: 1.25rem;
  line-height: 140%;
  display: flex;
  flex-direction: column;
  row-gap: .25rem;
  padding: .5rem 0; }
@media (max-width: 1278px) {
  .section__olist {
    width: 100%;
    font-size: 1rem; } }
.section__olist .section__list-item {
  list-style-type: none;
  margin: 0 0 0 0;
  line-height: 140%; }

.footer {
  padding: 10rem 0 0;
  background: #002554;
  /* Animation */
  /*Shrinking for mobile*/ }
@media (max-width: 1278px) {
  .footer {
    padding: 4rem 0 0; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .footer {
    padding: 6rem 0 0; } }
.footer .footer__container {
  width: 1700px;
  margin: 0 auto;
  display: flex;
  color: #fff;
  justify-content: space-between;
  column-gap: 3rem; }
@media (max-width: 1278px) {
  .footer .footer__container {
    width: 100%;
    flex-direction: column;
    row-gap: 2rem;
    padding: 0 1rem; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .footer .footer__container {
    width: 100%;
    row-gap: 2rem;
    padding: 0 2rem;
    column-gap: 1rem; } }
.footer .footer__block {
  width: 15%; }
@media (max-width: 1278px) {
  .footer .footer__block {
    width: 100%; } }
.footer .footer__block:first-child {
  width: 30%;
  padding: 0 2rem 0 0; }
@media (max-width: 1278px) {
  .footer .footer__block:first-child {
    width: 100%; } }
.footer .footer__block:last-child {
  width: 17%; }
@media (max-width: 1278px) {
  .footer .footer__block:last-child {
    width: 100%; } }
.footer .footer__heading {
  color: #fff;
  font-size: 1.75rem;
  padding: 0 0 1.5rem 0;
  font-weight: 600; }
@media (max-width: 1278px) {
  .footer .footer__heading {
    padding: 0 0 .75rem 0;
    font-size: 1.25rem; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .footer .footer__heading {
    font-size: 1.5rem; } }
.footer .footer__logo {
  margin: -2rem 0 0 0;
  padding: 0 0 1rem 0; }
.footer .footer__nav {
  display: flex;
  flex-direction: column;
  row-gap: 1.25rem; }
@media (max-width: 1278px) {
  .footer .footer__nav {
    row-gap: .75rem; } }
.footer .footer__nav a {
  color: #fff; }
.footer .footer__nav a:hover {
  color: #3ab0ff; }
.footer .nav__item {
  line-height: 160%; }
@media (max-width: 1278px) {
  .footer .nav__item {
    line-height: 120%;
    font-size: .875rem; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .footer .nav__item {
    line-height: 120%;
    font-size: .875rem; } }
.footer .footer__link {
  color: #fff; }
.footer .nav__text {
  line-height: 160%; }
@media (max-width: 1278px) {
  .footer .nav__text {
    line-height: 140%;
    font-size: .875rem; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .footer .nav__text {
    line-height: 140%;
    font-size: .875rem; } }
.footer .logo {
  padding: 8rem 0 0 0;
  text-align: center; }
.footer #logo-vanwestcooling {
  height: 6rem; }
@media (max-width: 1278px) {
  .footer #logo-vanwestcooling {
    width: 100%;
    height: auto; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .footer #logo-vanwestcooling {
    height: 4rem; } }
.footer .cls-1, .footer .cls-2 {
  fill: #fff; }
.footer #icon-mail, .footer #icon-phone, .footer #icon-location {
  height: 1.25rem;
  vertical-align: middle; }
.footer .waves__wrapper {
  margin: 6rem 0 0 0;
  width: 100%;
  z-index: -1; }
@media (max-width: 1278px) {
  .footer .waves__wrapper {
    margin: 3rem 0 0; } }
@media (min-width: 1280px) and (max-width: 1919px) {
  .footer .waves__wrapper {
    margin: 3rem 0 0; } }
.footer .waves {
  position: relative;
  width: 100%;
  height: 50%;
  /*
  margin-bottom: -7px; /*Fix for safari gap*/
  min-height: 100px;
  max-height: 150px; }
.footer .parallax > use {
  animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite; }
.footer .parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s; }
.footer .parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s; }
.footer .parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s; }
.footer .parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s; }
@keyframes move-forever {
  0% {
    transform: translate3d(-90px, 0, 0); }
  100% {
    transform: translate3d(85px, 0, 0); } }
@media (max-width: 768px) {
  .footer .waves {
    height: 40px;
    min-height: 40px; } }

/*# sourceMappingURL=style.css.map */