.wrap,
.wrap-small {
  margin: 0 auto;
  position: relative;
  display: grid;
}
.wrap {
  width: 1400px;
}
@media (max-width: 1500px) {
  .wrap {
    width: 88%;
  }
}
@media (max-width: 1200px) {
  .wrap {
    width: 90%;
  }
}
@media (max-width: 900px) {
  .wrap {
    width: 92%;
  }
}
@media (max-width: 600px) {
  .wrap {
    width: 94%;
  }
}
.wrap-small {
  width: 1200px;
}
@media (max-width: 1500px) {
  .wrap-small {
    width: 80%;
  }
}
@media (max-width: 1200px) {
  .wrap-small {
    width: 84%;
  }
}
@media (max-width: 900px) {
  .wrap-small {
    width: 88%;
  }
}
@media (max-width: 600px) {
  .wrap-small {
    width: 92%;
  }
}
.grid,
.grid-custom {
  position: relative;
  display: grid;
  grid-column-gap: 24rem;
  grid-row-gap: 32rem;
  margin-bottom: 32rem;
}
@media (max-width: 600px) {
  .grid,
  .grid-custom {
    grid-row-gap: 16rem;
    padding-bottom: 16rem;
  }
}
.grid {
  grid-template-columns: repeat(12, 1fr);
}
.grid .col12 {
  grid-column: span 12;
}
.grid .col12.start-right {
  grid-column-end: -1;
  grid-column-start: -13;
}
.grid {
  grid-template-columns: repeat(12, 1fr);
}
.grid .col11 {
  grid-column: span 11;
}
.grid .col11.start-right {
  grid-column-end: -1;
  grid-column-start: -12;
}
.grid {
  grid-template-columns: repeat(12, 1fr);
}
.grid .col10 {
  grid-column: span 10;
}
.grid .col10.start-right {
  grid-column-end: -1;
  grid-column-start: -11;
}
.grid {
  grid-template-columns: repeat(12, 1fr);
}
.grid .col9 {
  grid-column: span 9;
}
.grid .col9.start-right {
  grid-column-end: -1;
  grid-column-start: -10;
}
.grid {
  grid-template-columns: repeat(12, 1fr);
}
.grid .col8 {
  grid-column: span 8;
}
.grid .col8.start-right {
  grid-column-end: -1;
  grid-column-start: -9;
}
.grid {
  grid-template-columns: repeat(12, 1fr);
}
.grid .col7 {
  grid-column: span 7;
}
.grid .col7.start-right {
  grid-column-end: -1;
  grid-column-start: -8;
}
.grid {
  grid-template-columns: repeat(12, 1fr);
}
.grid .col6 {
  grid-column: span 6;
}
.grid .col6.start-right {
  grid-column-end: -1;
  grid-column-start: -7;
}
.grid {
  grid-template-columns: repeat(12, 1fr);
}
.grid .col5 {
  grid-column: span 5;
}
.grid .col5.start-right {
  grid-column-end: -1;
  grid-column-start: -6;
}
.grid {
  grid-template-columns: repeat(12, 1fr);
}
.grid .col4 {
  grid-column: span 4;
}
.grid .col4.start-right {
  grid-column-end: -1;
  grid-column-start: -5;
}
.grid {
  grid-template-columns: repeat(12, 1fr);
}
.grid .col3 {
  grid-column: span 3;
}
.grid .col3.start-right {
  grid-column-end: -1;
  grid-column-start: -4;
}
.grid {
  grid-template-columns: repeat(12, 1fr);
}
.grid .col2 {
  grid-column: span 2;
}
.grid .col2.start-right {
  grid-column-end: -1;
  grid-column-start: -3;
}
.grid {
  grid-template-columns: repeat(12, 1fr);
}
.grid .col1 {
  grid-column: span 1;
}
.grid .col1.start-right {
  grid-column-end: -1;
  grid-column-start: -2;
}
@media (max-width: 900px) {
  .grid .col6 {
    grid-column: span 12;
  }
  .grid .col4,
  .grid .col8,
  .grid .col3,
  .grid .col9 {
    grid-column: span 6;
  }
  .grid .col2 {
    grid-column: span 4;
  }
}
@media (max-width: 600px) {
  .grid .col4,
  .grid .col8,
  .grid .col3,
  .grid .col9,
  .grid .col5,
  .grid .col7,
  .grid .col2 {
    grid-column: span 12;
  }
}
@font-face {
  font-family: "Century Gothic";
  src: url(/fonts/bd45538f-4200-4946-b177-02de8337032d.eot?f675a9c89f7d2913e9059f7638cd1bde?#iefix);
  src: url(/fonts/bd45538f-4200-4946-b177-02de8337032d.eot?f675a9c89f7d2913e9059f7638cd1bde?#iefix) format("eot"), url(/fonts/700cfd4c-3384-4654-abe1-aa1a6e8058e4.woff2?9618a1b44dcbd6afcd5a251bc8613f0a) format("woff2"), url(/fonts/9908cdad-7524-4206-819e-4f345a666324.woff?0d6411db7a8ba1d84142d9cb2bf61bef) format("woff"), url(/fonts/b710c26a-f1ae-4fb8-a9fe-570fd829cbf1.ttf?d52eb31a74d4ce2ce8b0919900aa9bdc) format("truetype");
}
@font-face {
  font-family: "Century Gothic Italic";
  src: url(/fonts/38471ac0-7849-4a39-9f97-f89d78f42142.eot?75ae52f4c10b2225cac934573711b3c7?#iefix);
  src: url(/fonts/38471ac0-7849-4a39-9f97-f89d78f42142.eot?75ae52f4c10b2225cac934573711b3c7?#iefix) format("eot"), url(/fonts/79803af7-369c-4a5f-bc95-fb69ee7e77f8.woff2?47079730560f6c35abcba0d241685b2e) format("woff2"), url(/fonts/483a662e-88d8-4865-8dd3-1515c67fe28b.woff?a5b88411600a92c1da4bb8681f49b591) format("woff"), url(/fonts/d29e72e3-fcd5-4fa6-8cfb-986a2e33e105.ttf?f8626678a44178b12ef095f12b45bf14) format("truetype");
}
@font-face {
  font-family: "Century Gothic Bold";
  src: url(/fonts/b247e158-e647-4a3d-9637-944de5124043.eot?1c28fe538bf82f1d0c643717b055bf51?#iefix);
  src: url(/fonts/b247e158-e647-4a3d-9637-944de5124043.eot?1c28fe538bf82f1d0c643717b055bf51?#iefix) format("eot"), url(/fonts/bc0668e2-e5c8-45ce-954d-3b998c6b6803.woff2?577dea7624672031e7f6fc237dcae5b5) format("woff2"), url(/fonts/2ef5ecda-1772-45e2-843f-a13f5d76ed3a.woff?941d695dab297d32ca8ddaf2b8962963) format("woff"), url(/fonts/33cf10ca-a6bb-4888-a320-d38720c9847b.ttf?f33818478851156a69957d7d84d6b1cb) format("truetype");
}
@font-face {
  font-family: "Century Gothic BoldIt";
  src: url(/fonts/620781dc-b993-429f-ace1-722c9b2ba789.eot?cd2d979f07d84f049017047e6498e981?#iefix);
  src: url(/fonts/620781dc-b993-429f-ace1-722c9b2ba789.eot?cd2d979f07d84f049017047e6498e981?#iefix) format("eot"), url(/fonts/2829a59f-b2f8-4272-a496-b2e4e9bdc87e.woff2?d9e01ca27060f5b7d4ddf809bfca8ba1) format("woff2"), url(/fonts/3bd69eb9-2110-4d97-989e-99a659576659.woff?cb011ad83bad6e6e0a1a46cb2030b404) format("woff"), url(/fonts/8edaed62-069c-4a3b-87f5-fc14b5cdaec3.ttf?27b5e8ccc1697b81d8f9b5787d5768e1) format("truetype");
}
@font-face {
  font-family: 'RBNo2.1b-Book';
  src: url(/fonts/RBNo2.1b-Book.eot?9915b705f16536fc00a33deaee55de3b);
  src: url(/fonts/RBNo2.1b-Book.woff2?08e4f744e85ffcc73015e9cd2d4eec08) format('woff2'), url(/fonts/RBNo2.1b-Book.woff?42750a9dd20abc40e9ffe67f124db09d) format('woff'), url(/fonts/RBNo2.1b-Book.ttf?4d18c4811e55e9eb7573b66395fecbd2) format('truetype'), url(/fonts/RBNo2.1b-Book.svg?7be924db11b1085f353e3ce703e90367#RBNo2.1b-Book) format('svg'), url(/fonts/RBNo2.1b-Book.eot?9915b705f16536fc00a33deaee55de3b?#iefix) format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RBNo2.1b-Light';
  src: url(/fonts/RBNo2.1b-Light.eot?502084cd453e0ea97b9ba4cf124d7590);
  src: url(/fonts/RBNo2.1b-Light.woff2?fcc592880aa864b8e3725329c122fbb9) format('woff2'), url(/fonts/RBNo2.1b-Light.woff?86b93eb8ee213cf2452e1c871d20aae1) format('woff'), url(/fonts/RBNo2.1b-Light.ttf?965bc0afc23f03af704eaeb6d0393345) format('truetype'), url(/fonts/RBNo2.1b-Light.svg?163c83f58b7e2f6c00466dc0c2fe9f3a#RBNo2.1b-Light) format('svg'), url(/fonts/RBNo2.1b-Light.eot?502084cd453e0ea97b9ba4cf124d7590?#iefix) format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
html {
  font-size: 1px;
  background-color: #FFFFFF;
}
body {
  margin: 20px;
  background-color: #BE1441;
}
.main-content {
  width: 70%;
  margin: 0 auto;
  min-height: 300px;
  padding: 80rem;
  background-color: #FFFFFF;
}
input,
select {
  width: 100%;
  line-height: 1;
  outline: none;
  color: #005082;
  max-height: 48rem;
  font-size: 15rem;
  padding: 16rem 24rem;
  background-color: #FFFFFF;
  border: 1rem solid #005082;
}
input:hover,
select:hover {
  border-width: 2rem;
  background-color: #F5F5F5;
}
input:active,
select:active {
  border-width: 2rem;
  border-color: #0088C6;
}
input:disabled,
select:disabled {
  cursor: not-allowed;
  background-color: #F5F5F5;
}
input.error,
select.error {
  border-color: #E74C3C;
  background-color: #FDEDEB;
}
input.error:after,
select.error:after {
  content: attr(data-help);
  display: block;
}
input::-webkit-input-placeholder,
select::-webkit-input-placeholder {
  color: #005082;
}
input:-ms-input-placeholder,
select:-ms-input-placeholder {
  color: #005082;
}
input::-ms-input-placeholder,
select::-ms-input-placeholder {
  color: #005082;
}
input::placeholder,
select::placeholder {
  color: #005082;
}
.input-error input {
  border-color: #E74C3C;
  background-color: #FDEDEB;
}
.input-error:after {
  display: block;
  line-height: 1;
  color: #E74C3C;
  font-size: 12rem;
  margin-top: 8rem;
  content: attr(data-help);
}
.button {
  outline: none;
  cursor: pointer;
  color: #FFFFFF;
  font-weight: bold;
  border: 2rem solid;
  text-align: center;
  line-height: 12rem;
  padding: calc(24rem / 2) 24rem;
  max-height: 40rem;
  font-size: 15rem;
  font-family: "Century Gothic", sans-serif;
}
.button.ghost {
  color: #0088C6;
  border-color: #0088C6;
  background-color: #FFFFFF;
}
.button.ghost:hover {
  color: #FFFFFF;
  background-color: #0088C6;
}
.button.ghost:active {
  color: #FFFFFF;
  border-color: #005082;
  background-color: #005082;
}
.button.ghost:disabled {
  color: #ABABAB;
  cursor: not-allowed;
  border-color: #F5F5F5;
  background-color: #FFFFFF;
}
.button.primary {
  border-color: #EA6D0D;
  background-color: #EA6D0D;
}
.button.primary:hover {
  border-color: #0088C6;
  background-color: #0088C6;
}
.button.primary:active {
  border-color: #005082;
  background-color: #005082;
}
.button.primary:disabled {
  color: #ABABAB;
  cursor: not-allowed;
  border-color: #F5F5F5;
  background-color: #F5F5F5;
}
.button.secondary {
  color: #005082;
  border-color: #E6F3F9;
  background-color: #E6F3F9;
}
.button.secondary:hover {
  color: #FFFFFF;
  border-color: #0088C6;
  background-color: #0088C6;
}
.button.secondary:active {
  color: #FFFFFF;
  border-color: #005082;
  background-color: #005082;
}
.button.secondary:disabled {
  color: #ABABAB;
  cursor: not-allowed;
  border-color: #F5F5F5;
  background-color: #F5F5F5;
}
.button.small {
  padding: 8rem 16rem;
}
.headline {
  font-family: "RBNo2.1b-Light", sans-serif;
  color: #0088C6;
  font-weight: 300;
  margin: 0;
}
.headline.headline_1 {
  font-size: 80rem;
  line-height: 88rem;
}
.headline.headline_2 {
  font-size: 48rem;
  line-height: 56rem;
}
.headline.headline_3 {
  font-size: 32rem;
  line-height: 40rem;
}
.headline.headline_4 {
  font-family: "RBNo2.1b-Book", sans-serif;
  font-size: 24rem;
  line-height: 32rem;
}
.quote {
  font-size: 24rem;
  line-height: 40rem;
  color: #005082;
  font-family: "Century Gothic", sans-serif;
}
.paragraph-intro {
  color: #555555;
  font-family: "Century Gothic", sans-serif;
  font-size: 18rem;
  line-height: 28rem;
}
p,
body {
  color: #000000;
  font-size: 15rem;
  line-height: 24rem;
  font-family: "Century Gothic", sans-serif;
}
.caption {
  color: #555555;
  font-size: 12rem;
  line-height: 12rem;
  font-family: "Century Gothic", sans-serif;
}
a {
  line-height: 1;
  color: #0088C6;
  font-size: 15rem;
  text-decoration: none;
}
a:before {
  content: "";
  width: 6rem;
  height: 10rem;
  margin-right: 8rem;
  display: inline-block;
  background-size: cover;
  background-image: url(/images/arrow-1.svg?318658aba6b94f2912944f06d86f5f91);
  background-repeat: no-repeat;
}
a:hover {
  border-bottom: 1px solid #0088C6;
}
