:root {
  --white: #fff;
  --black: #000;
  --blue: #0160D9; /*rgba(1,96,217,1)*/
  --gray: #E9E9E9;
  --semitransparent-blue: rgba(1,96,217,.8);
  --mid-blue: #BBD6F7;
  --light-blue: rgba(234,239,245,1) /*#EAEFF5*/;

  --border-color: rgba(112,112,112,.2);
  --border-radius: 8px;
  --border-radius-mobile: 4px;

  --main-bg-color: #f7f7f7;
  --footer-bg-color: #000;

  --transition: all .2s ease-in-out;

  --wrap-margin: 3%;
  --wrap-wide-margin: 10%;
  --wrap-xt-wide-margin: 13%;

  --column-gap: 24px;
  --column-gap-mobile: 16px;

  --column-width-10: 90%;
  --column-width-9: 75%;
  --column-width-8: 67%;
  --column-width-7: 58%;
  --column-width-6: 50%;
  --column-width-5: 42%;
  --column-width-4: 33%;
  --column-width-3: 25%;
  --column-width-2: 16.6%;
}

.col-width-9 {
  width: var(--column-width-9);
}
.col-width-8 {
  width: var(--column-width-8);
}
.col-width-7 {
  width: var(--column-width-7);
}
.col-width-6 {
  width: var(--column-width-6);
}
.col-width-5 {
  width: var(--column-width-5);
}
.col-width-4 {
  width: var(--column-width-4);
}
.col-width-3 {
  width: var(--column-width-3);
}
.col-width-2 {
  width: var(--column-width-2);
}

.col-gap {
  margin-right: var(--column-gap);
}

@media only screen and (max-width: 967px) {
 .col-gap {
    margin-right: 0;
    margin-bottom: var(--column-gap-mobile);
  } 
}

@media only screen and (min-width: 1600px) {
  .banner.get-brochure .banner-inner {
    margin-left: var(--wrap-xt-wide-margin) !important;
    margin-right: var(--wrap-xt-wide-margin) !important;
  }
}

@media only screen and (min-width: 1500px) {
  .wrap,
  .banner-inner {
    margin-left: var(--wrap-wide-margin) !important;
    margin-right: var(--wrap-wide-margin) !important;
  }

  .solead-contacts h2 {
    padding-left: var(--wrap-wide-margin) !important;
    padding-right: var(--wrap-wide-margin) !important;
  }

}

.sbg-blue,
.container.sbg-blue {
  background-color: var(--blue);
  color: var(--white);
}


/**** BUTTONS and LINKS */
a {
  color: var(--blue);
}

.sbg-blue a,
footer a {
  color: var(--white);
}

/*a:not(.btn):visited {
  color: var(--black);
}*/

input[type='text'],
input[type='email'],
textarea {
  background-color: var(--white);
  border-radius: 4px;
  border: 1px solid var(--blue);
  font-family: "proxima-nova", sans-serif;
  font-size: 100%;
  padding: 11px;
  width: 100%;
}

::placeholder {
  font-style: italic;
  font-weight: 100;
}

input[type='date'] {
    background-color: var(--white);
    border-radius: 4px;
    border: 1px solid var(--blue);
    font-family: "proxima-nova", sans-serif;
    font-size: 100%;
    padding: 11px;
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    line-height: 1.4;
}

input[type='date']::-webkit-calendar-picker-indicator {
    cursor: pointer;
    filter: invert(0.5);
    opacity: 0.8;
}

input[type='date']:focus {
    outline: none;
    border-color: var(--dark-blue);
}

select {
    background-color: var(--white);
    border-radius: 4px;
    border: 1px solid var(--blue);
    font-family: "proxima-nova", sans-serif;
    font-size: 100%;
    padding: 11px;
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    position: relative;
    line-height: 1;
}

select {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16' fill='%23000'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 12px;
    padding-right: 30px;
}

select:focus {
    outline: none;
    border-color: var(--dark-blue);
}

select::-ms-expand {
    display: none;
}

.btn {
  background-color: var(--blue);
  border-radius: var(--border-radius);
  border: 1px solid var(--blue);
  color: var(--white);
  cursor: pointer;
  font-family: "proxima-nova", sans-serif;
  font-size: 100%;
  padding: 12px 24px;
  text-decoration: none;
  white-space: nowrap;
  transition: var(--transition);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.btn.active,
.btn:hover {
  background-color: var(--black);
  color: var(--white);
  border-color: var(--black);
}

.btn-white {
  background-color: var(--white);
  color: var(--black);
  border-color: var(--black);
}

.btn-black {
  background-color: var(--black);
  color: var(--white);
  border-color: var(--black);
}
.btn-black:hover {
  background-color: var(--white);
  color: var(--black);
  border-color: var(--black);
}
/* BUTTONS and LINKS  ****/


.mobile-visible,
.sr-967,
.sr-640 {
  display: none;
}

@media only screen and (max-width: 967px) {
  .mobile-visible {
    display: block;
  }

  .mobile-hidden {
    display: none;
  }
  .sr-967 {
    display: block;
  }
  .sr-640 {
    display: none;
  }
}
@media only screen and (max-width: 640px) {
  .sr-967 {
    display: none;
  }
  .sr-640 {
    display: block;
  }
}