* { margin: 0px; padding: 0px; border: 0;}
*,*::before, *::after {box-sizing: border-box;}
:root {
  
}
table {border-collapse: collapse; border-spacing: 0;}
html,body {height: 100%;}
a > img {border: none;}
body {width: 100%; color: #1A1A1A; background-color: #ffffff; font-family: 'Rubik', sans-serif; font-weight: normal; font-size: 100%; overflow-x: hidden; -webkit-overflow-scrolling: touch;
/*--cursor-stroke: #F13319;
--cursor-fill: none;
--cursor-stroke-width: 1px;*/
--cell: calc(100% / 16); 
--gap: 20px;
    overflow-x: hidden;
  overflow-y: scroll;
}
.wrap {min-height: 100%;}
#main {padding-bottom: 80px;}
footer {min-height: 80px; margin-top: -80px; position: relative; background-color: #1A1A1A; z-index: 4;}
.inline {width: 100%; position: relative; display: inline-block;}
.align_center {position: relative; width: 100%;}
.align_center:after {content: ''; display: block; clear: both;}
.align_center_to_left {position: relative; right: 50%; float: right;}
.align_center_to_right {position: relative; z-index: 1; right: -50%;}
.tbl {display: table; width: 100%;}
.tbl > div, .tbl > a {display: table-cell;}
.clearfix:after {content: ''; display: table; clear: both;}
.flex {display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;} 
.flex > div {display: -webkit-flex; display: -ms-flexbox; display: flex;}
.no_select {-moz-user-select: none; -khtml-user-select: none; user-select: none;}
.bg {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background-size: cover; background-position: 50% 50%;}
.bg > img, .bg > video {position: absolute; top: 0; width: 100%; height: 100%; max-width: none; max-height: none; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; font-family: 'object-fit: cover;';}
.ratio-inner {position: relative; height: 0; border: none;} 
.ratio-content {position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.ratio-1-1 {padding-top: 100%;}
.ratio-2-3 {padding-top: 64%;}
.ratio-3-2 {padding-top: 140%;}
#block1 {width: 100%; height: 100vh; background-color: #F4F4F4; position: relative; overflow: hidden;}
#block1_top {position: relative; z-index: 4;}
#block1_top > .tbl {height: 112px; padding: 32px 0; transition: all 0.2s linear;}
#block1_top > .tbl > div {width: 50%; position: relative; vertical-align: middle;}
#block1_top > .tbl > div > a {width: 164px; height: 48px; color: #1A1A1A; text-decoration: none;}
#block1_top > .tbl > div > a > div {vertical-align: middle;}
#block1_top > .tbl > div > a > div:first-child {width: 48px; transition: all 0.2s linear;}
#block1_top > .tbl > div > a > div:first-child > img {display: block; width: 48px; height: 48px; transition: all 0.2s linear;}
#block1_top > .tbl > div > a > div:last-child {padding-left: 12px;}
#block1_top > .tbl > div > a > div:last-child p {font-size: 20px; text-transform: uppercase; font-family: 'Fira Sans Condensed', sans-serif; font-weight: normal; line-height: 1; transition: all 0.2s linear;}
.link {float: right; color: #1A1A1A; text-decoration: none; line-height: 1.3; border-bottom: 1px solid #F13319; transition: all 0.2s linear;}
.link:hover {color: #F13319; transition: all 0.2s linear;}

.container {position: relative; width: 100%; margin: 0 auto; box-sizing: border-box;} 
.column, .columns {width: 100%; float: left; margin-left: var(--gap); box-sizing: border-box; position: relative;} 
.column:first-child, .columns:first-child {margin-left: 0;}
.one.column,.one.columns {width: var(--cell);}
.two.columns {width: calc((var(--cell) * 2) + var(--gap));}
.eight.columns {width: calc((var(--cell) * 8) + (var(--gap) * 7));}
.offset-by-one.column, .offset-by-one.columns {margin-left: calc(var(--cell)); transition: all 0.2s linear;}
.offset-by-three.columns {margin-left: calc((var(--cell) * 3) + (var(--gap) * 3));}
.four.columns {width: calc((var(--cell) * 4) + (var(--gap) * 3));}
.offset-by-five.columns {margin-left: calc((var(--cell) * 5) + (var(--gap) * 4));}
.fourteen.columns {width: calc((var(--cell) * 14)); transition: all 0.2s linear;}

#block1_body {position: relative; z-index: 3; margin-top: -112px; width: 100%;  min-height: 740px; transition: all 0.2s linear;}
#block1_body > .tbl {height: calc(100vh - 112px); transition: all 0.2s linear;}
#block1_body > .tbl > div {vertical-align: bottom;}
#block1_body__line1 {width: calc((var(--cell) * 8)); margin-left: calc((var(--cell) * 3)); transition: all 0.2s linear;}
#block1_body__line1 h1 {line-height: 1.3; font-weight: normal;}
#block1_body__line2 {width: calc((var(--cell) * 4)); margin-left: calc((var(--cell) * 5) ); transition: all 0.2s linear;}
#block1_body__line2 p {line-height: 1.6; margin: 80px 0 120px; transition: all 0.2s linear;}
.red {color: #F13319;}

#block2 {width: 100%; height: auto; padding: 120px 0; background-color: #E5E5E5;}
#block2_left {width: calc((var(--cell) * 5)); margin-left: calc((var(--cell) * 3)); padding-top: 80px; transition: all 0.2s linear;}
#block2_right {width: calc((var(--cell) * 4)); margin-left: calc((var(--cell) * 2)); transition: all 0.2s linear;}
#block2_left h2 {line-height: 1.3; font-weight: normal;}
#block2_right p {font-size: 1.14rem; line-height: 1.6;}
#block2_form {width: calc((var(--cell) * 6)); margin-left: var(--cell); margin-top: 72px; transition: all 0.2s linear;}
#block2_form > .clearfix {width: 100%; position: relative;}
.block2_form__el {width: calc((100% - 20px) / 2); position: relative; float: left; margin-left: 20px; margin-top: 16px;}
.block2_form__el:nth-child(2n+1) {margin-left: 0px;}
.block2_form__el:nth-child(-n+2) {margin-top: 0px;}
.block2_form__el .input {display: block; width: 100%; height: 56px; border-bottom: 1px solid #90857F; background-color: transparent; font-family: 'Rubik', sans-serif; font-weight: normal; color: #1A1A1A; font-size: 1.14rem;}
.textarea {display: block; width: 100%; height: 72px; border-bottom: 1px solid #90857F; background-color: transparent; font-family: 'Rubik', sans-serif; font-weight: normal; color: #1A1A1A; font-size: 1.15rem; margin-top: 24px; float: left; padding: 8px 0 8px}
.btn {display: inline-block; padding: 0 56px; height: 56px; background-color: #C4C4C4; color: #1A1A1A; text-transform: uppercase; font-weight: 500; font-size: 1rem; cursor: pointer; text-decoration: none; font-family: 'Rubik', sans-serif; transition: all 0.2s linear; letter-spacing: 2px;}
.red--color {border-color: #F13319 !important; transition: all 0.2s linear;}
#block2_form .btn {margin-top: 56px;}
.btn:hover {background-color: #F13319; color: #fff; transition: all 0.2s linear;}
#block2_left__links {margin-top: 56px;}
#block2_left__links > .tbl {width: 240px; height: 48px; text-decoration: none; color: #1A1A1A; transition: all 0.2s linear;}
#block2_left__links > .tbl > div {vertical-align: middle; position: relative;}
#block2_left__links > .tbl > div:last-child {width: 20px;}
#block2_left__links > .tbl > div:last-child svg path {fill: #1A1A1A; transition: all 0.2s linear;}
#block2_left__links > .tbl > div:first-child > p {font-size: 2rem; line-height: 1.4;}
#block2_left__links > .tbl > div:first-child > p span {border-bottom: 1px solid #F13319; transition: all 0.2s linear;}
#block2_left__links > .tbl:hover, #block2_left__links > .clearfix a:hover {color: #F13319; transition: all 0.2s linear;}
#block2_left__links > .tbl:hover > div:last-child svg path {fill: #F13319; transition: all 0.2s linear;}
#block2_left__links > .clearfix {margin-top: 80px;}
#block2_left__links > .clearfix a {float: left; margin-right: 32px; display: inline-block; color: #1a1a1a; text-decoration: none; border-bottom: 1px solid #F13319; transition: all 0.2s linear; font-size: 1.14rem; margin-bottom: 16px;}
footer > .container {color: #fff;}
footer > .container > .column:first-child {width: calc((var(--cell) * 5)); margin-left: calc((var(--cell) * 3));}
footer > .container > .column:last-child {width: calc((var(--cell) * 6)); margin-left: var(--cell);}
footer > .container > .column .tbl {height: 80px;}
footer > .container > .column .tbl > div {vertical-align: middle;}
footer > .container > .column .tbl > div p {font-size: 1rem; line-height: 1.4;}
footer > .container > .column .tbl > div p > a, footer > .container > .column .tbl > div p > a:visited {color: #fff; border-bottom: 1px solid #F13319; transition: all 0.2s linear; text-decoration: none;}
footer > .container > .column .tbl > div p > a:hover {color: #F13319; transition: all 0.2s linear;}
.marquee {position: absolute; top: 0px; width: calc((var(--cell) * 3)); z-index: 1; height: auto; opacity: 0.4; transition: all 0.2s linear;}
.marquee_el {background-color: grey; margin-bottom: 64px; width: 100%; height: auto; position: relative; transition: all 0.2s linear;}
.marquee_el {filter: blur(5px);}
#marquee1 {right: calc((var(--cell) * 6)); transition: all 0.2s linear;}
#marquee2 {right: calc((var(--cell) * 2)); transition: all 0.2s linear;}
#mdl {padding: 48px; width: 620px; display: none; background-color: #fff; color: #1a1a1a;}
#mdl .txt h3 {font-size: 1.6rem;}
#loader {display: block; width: 56px; height: 56px; position: relative; margin: 0 auto;}
#loader > img {width: 100%; height: 100%;}
#mdl #loader {margin-top: 40px;}
/*
.cursor {display: none;}
@media (any-pointer: fine) {
  .cursor {
    position: fixed;
    left: 0;
    top: 0;
    pointer-events: none;
    display: block;
  }
  .cursor--small {
    width: 64px;
    height: 64px;
    left: -32px;
    top: -32px;
    border-radius: 50%;
    z-index: 11000;
    border: 1px solid #F13319; 
    transition: all 0.05s linear;
  }
  .cursor--canvas {
    width: 100vw;
    height: 100vh;
    z-index: 12000;
  }

  .cursor--big.cursor--small {
    width: 88px;
    height: 88px;
    left: -44px;
    top: -44px; 
    transition: all 0.05s linear;
  }

  .link, .link a {
   cursor: none;
  }
}
*/
@media (min-width: 75.5em) {
  #block1_body__line1 h1 {
    font-size: calc(2.75rem + (4 - 2.75) * ((100vw - 75rem) / (120 - 75)));
    min-height: 0vw;
  }

  #block1_body__line2 p {
    font-size: calc(1.25rem + (1.4 - 1.25) * ((100vw - 75rem) / (120 - 75)));
    min-height: 0vw;
  }

  #block2_left h2 {
    font-size: calc(2.1rem + (3 - 2.1) * ((100vw - 75.5rem) / (120 - 75.5)));
    min-height: 0vw;
  }
}

@media (min-width: 120em) {
  #block1_body__line1 h1 {
    font-size: 4rem;
  }

  #block1_body__line2 p {
    font-size: 1.4rem;
  }

  #block2_left h2 {
    font-size: 3rem;
  }
}



@media screen and (max-width: 1480px) {

body {--cell: calc(100% / 18);}
#block1_body__line1 {width: calc((var(--cell) * 10)); margin-left: calc((var(--cell) * 3)); transition: all 0.2s linear;}
#block1_body__line2 {width: calc((var(--cell) * 5)); margin-left: calc((var(--cell) * 5) ); transition: all 0.2s linear;}
.offset-by-one.column, .offset-by-one.columns {margin-left: calc(var(--cell)); transition: all 0.2s linear;}
.fourteen.columns {width: calc((var(--cell) * 16)); transition: all 0.2s linear;}
#block1_body__line2 p {margin: 64px 0 100px; transition: all 0.2s linear;}
#block2_right {width: calc((var(--cell) * 5)); margin-left: calc((var(--cell) * 2)); transition: all 0.2s linear;}
#block2_form {width: calc((var(--cell) * 8)); margin-left: var(--cell); transition: all 0.2s linear;}
#block2_left {width: calc((var(--cell) * 5)); margin-left: calc((var(--cell) * 3)); transition: all 0.2s linear;}

}

@media screen and (max-width: 1340px) {

body {--cell: calc(100% / 20);}
#block1_body__line1 {width: calc((var(--cell) * 11)); margin-left: calc((var(--cell) * 3)); min-height: 0vw; transition: all 0.2s linear;}
#block1_body__line2 {width: calc((var(--cell) * 6)); margin-left: calc((var(--cell) * 5) ); min-height: 0vw; transition: all 0.2s linear;}
.offset-by-one.column, .offset-by-one.columns {margin-left: calc(var(--cell)); transition: all 0.2s linear;}
.fourteen.columns {width: calc((var(--cell) * 18)); transition: all 0.2s linear;}
      
#block1_body__line2 p {margin: 64px 0 100px; transition: all 0.2s linear;}
#block1_body {min-height: 640px;}

#block2_right {width: calc((var(--cell) * 6)); margin-left: calc((var(--cell) * 2)); transition: all 0.2s linear;}
#block2_form {width: calc((var(--cell) * 8)); margin-left: var(--cell); transition: all 0.2s linear;}
#block2_left {width: calc((var(--cell) * 7)); margin-left: calc((var(--cell) * 3)); transition: all 0.2s linear;}
#block2_left__links > .tbl > div:first-child > p {font-size: 1.8rem;}
#block2_left__links > .tbl {width: 220px; height: 40px;}
#block2 {padding: 100px 0; transition: all 0.2s linear;}

footer > .container > .column:first-child {width: calc((var(--cell) * 7)); margin-left: calc((var(--cell) * 3)); transition: all 0.2s linear;}
footer > .container > .column:last-child {width: calc((var(--cell) * 8)); margin-left: var(--cell); transition: all 0.2s linear;}


}

@media screen and (max-width: 1210px) {
  
#block1_body__line1 h1 {font-size: 2.75rem; transition: all 0.2s linear;}
#block1_body__line2 p {font-size: 1.25rem; transition: all 0.2s linear;}
#block1_body__line1 {width: calc((var(--cell) * 12)); margin-left: calc((var(--cell) * 3)); transition: all 0.2s linear;}
#block1_body__line2 {width: calc((var(--cell) * 7)); margin-left: calc((var(--cell) * 5) ); transition: all 0.2s linear;}
#block1_body__line2 p {margin: 56px 0 80px; transition: all 0.2s linear;}

.marquee {width: calc((var(--cell) * 4)); transition: all 0.2s linear;}
.marquee_el {background-color: grey; margin-bottom: 56px; width: 100%; height: auto; position: relative; transition: all 0.2s linear;}
#marquee1 {right: calc((var(--cell) * 6)); transition: all 0.2s linear;}
#marquee2 {right: calc((var(--cell) * 1)); transition: all 0.2s linear;}
#block2_left h2 {font-size: 2.1rem; transition: all 0.2s linear;}
#block2_form .btn {margin-top: 48px;}
.btn {display: inline-block; padding: 0 48px; height: 48px; font-size: 0.9rem;}
#block2 {padding: 80px 0;}
#block2_left {padding-top: 64px;}
#block2_left__links {margin-top: 48px;}
#block2_left__links > .clearfix, #block2_form {margin-top: 64px;}

}

@media screen and (max-width: 1080px) {
  
#block1_body__line1 {width: calc((var(--cell) * 13)); margin-left: calc((var(--cell) * 2)); transition: all 0.2s linear;}
#block1_body__line2 {width: calc((var(--cell) * 8)); margin-left: calc((var(--cell) * 4) ); transition: all 0.2s linear;}
#block1_body__line1 h1 {font-size: calc(2.55rem + (2.75 - 2.55) * ((100vw - 52.5rem) / (67.5 - 52.5))); min-height: 0vw;}
#block1_body {min-height: 560px;}
#block2_left {width: calc((var(--cell) * 7)); margin-left: calc((var(--cell) * 2)); transition: all 0.2s linear;}
#block2_form {width: calc((var(--cell) * 9)); margin-left: var(--cell); transition: all 0.2s linear;}
#block2_right {width: calc((var(--cell) * 7)); margin-left: calc((var(--cell) * 2)); transition: all 0.2s linear;}
.block2_form__el .input, #block2_right p {font-size: 1.1rem;}
#block2_left__links > .clearfix a {font-size: 1.1rem; margin-right: 24px;}
#block2_left__links > .tbl > div:first-child > p {font-size: 1.65rem;} 
#block2_left__links > .tbl {width: 200px;}
#block2_left h2 {
  font-size: calc(1.85rem + (2.1 - 1.85) * ((100vw - 52.5rem) / (67.5 - 52.5)));
  min-height: 0vw;
}
footer > .container > .column:first-child {width: calc((var(--cell) * 7)); margin-left: calc((var(--cell) * 2)); transition: all 0.2s linear;} 
footer > .container > .column:last-child {width: calc((var(--cell) * 9)); margin-left: var(--cell); transition: all 0.2s linear;}
footer > .container > .column .tbl > div p {font-size: 0.9rem;}


}

@media screen and (max-width: 920px) {
  
#block1_body__line1 {width: calc((var(--cell) * 14)); margin-left: calc((var(--cell) * 2)); transition: all 0.2s linear;}
#block1_body__line2 {width: calc((var(--cell) * 8)); margin-left: calc((var(--cell) * 4) ); transition: all 0.2s linear;}
#block1_top > .tbl > div > a > div:first-child {width: 40px; transition: all 0.2s linear;}
#block1_top > .tbl > div > a > div:first-child > img {width: 40px; height: 40px; transition: all 0.2s linear;}
#block1_top > .tbl > div > a > div:last-child p {font-size: 18px; transition: all 0.2s linear;}
#block1_top > .tbl > div > a {width: 164px; height: 40px;}


}

@media screen and (max-width: 840px) {
  
#block1_body__line1 {width: calc((var(--cell) * 15)); margin-left: var(--cell); transition: all 0.2s linear;}
#block1_body__line2 {width: calc((var(--cell) * 9)); margin-left: calc((var(--cell) * 3) ); transition: all 0.2s linear;}
#block1_body__line2 p {margin: 48px 0 72px; font-size: 1.25rem; transition: all 0.2s linear;}

#block2_left {width: calc((var(--cell) * 7)); margin-left: calc((var(--cell) * 1)); transition: all 0.2s linear;}
#block2_form {width: calc((var(--cell) * 10)); margin-left: var(--cell); transition: all 0.2s linear;}
#block2_right {width: calc((var(--cell) * 8)); margin-left: calc((var(--cell) * 2)); transition: all 0.2s linear;}
#block2 {padding: 72px 0;}
#block2_left h2 {font-size: 1.85rem;}

footer > .container > .column:first-child {width: calc((var(--cell) * 18)); margin-left: calc(var(--cell));} 
footer > .container > .column:last-child {width: calc((var(--cell) * 18)); margin-left: calc(var(--cell));}
footer > .container > .column .tbl {height: 28px;}
footer {padding: 16px 0; height: 88px}


}

@media screen and (max-width: 780px) {
  
#block2_left {width: calc((var(--cell) * 15)); margin-left: var(--cell); transition: all 0.2s linear; margin-top: 0px; padding-top: 0px;}
#block2_form {margin-top: 48px;
    width: calc((var(--cell) * 14));
    margin-left: calc((var(--cell) * 3) );
    transition: all 0.2s linear;
}
#block2_left__links > .clearfix {margin-top: 20px;}
#block2_left__links {margin-top: 32px; width: calc((var(--cell) * 14));
margin-left: calc((var(--cell) * 10));
transition: all 0.2s linear;}
#block2_right {margin-top: 56px; width: calc((var(--cell) * 12)); margin-left: calc((var(--cell) * 3) ); transition: all 0.2s linear;}


}

@media screen and (max-width: 740px) {
  
#block1_body__line1 {width: calc((var(--cell) * 16)); margin-left: var(--cell); transition: all 0.2s linear;}
#block1_body__line2 {width: calc((var(--cell) * 10)); margin-left: calc((var(--cell) * 3) ); transition: all 0.2s linear;}
#block1_body {margin-top: -88px; width: 100%;  min-height: 740px; transition: all 0.2s linear;}
#block1_body > .tbl {height: calc(100vh - 88px); transition: all 0.2s linear;}
#block1_top > .tbl {height: 88px; padding: 24px 0; transition: all 0.2s linear;}


}

@media (max-width: 36em) {
  #block1_body__line1 h1 {
    font-size: calc(2.15rem + (2.55 - 2.15) * ((100vw - 32.5rem) / (42.5 - 32.5)));
    min-height: 0vw;
  }
}

@media screen and (max-width: 680px) {
  
#block1_body__line1 {width: calc((var(--cell) * 18)); margin-left: var(--cell); transition: all 0.2s linear;}
#block1_body__line2 {width: calc((var(--cell) * 12)); margin-left: calc((var(--cell) * 3) ); transition: all 0.2s linear;}
#block2_left {}

}

@media screen and (max-width: 620px) {
  
#block2_left__links {width: calc((var(--cell) * 16)); margin-left: calc((var(--cell) * 8)); transition: all 0.2s linear;}
}

@media screen and (max-width: 520px) {

.marquee {width: calc((var(--cell) * 6)); transition: all 0.2s linear;}
.marquee_el {background-color: grey; margin-bottom: 56px; width: 100%; height: auto; position: relative; transition: all 0.2s linear;}
#marquee1 {right: calc((var(--cell) * 1)); transition: all 0.2s linear;}
#marquee2 {display: none;}

}

@media screen and (max-width: 520px) {
  
#block1_body__line1 {width: calc((var(--cell) * 18)); margin-left: var(--cell); transition: all 0.2s linear;}
#block1_body__line2 {width: calc((var(--cell) * 15)); margin-left: calc((var(--cell) * 3) ); transition: all 0.2s linear;}
#block1_body__line2 p {margin: 40px 0 64px; font-size: 1.15rem; transition: all 0.2s linear; }
#block1_body__line1 h1 {font-size: 2rem; transition: all 0.2s linear;}

#block2_left {width: calc((var(--cell) * 18)); margin-left: var(--cell); transition: all 0.2s linear;} 
#block2_left__links {width: calc((var(--cell) * 16)); margin-left: calc((var(--cell) * 2) ); transition: all 0.2s linear; padding-left: 4px;} 
#block2_right {margin-top: 40px; width: calc((var(--cell) * 15)); margin-left: calc((var(--cell) * 3) ); transition: all 0.2s linear;}
#block2_form {width: calc((var(--cell) * 18)); margin-left: var(--cell); transition: all 0.2s linear; margin-top: 40px;}
#block2_left__links > .clearfix {margin-top: 16px;}
#block2_left h2 {
  font-size: calc(1.45rem + (1.85 - 1.45) * ((100vw - 20rem) / (32.5 - 20)));
  min-height: 0vw;
}
#block2 {padding: 64px 0;}
#block2_left__links > .tbl > div:first-child > p {font-size: 1.5rem;}
#block2_left__links > .tbl {width: 180px; height: 32px;}
.block2_form__el .input {height: 48px;}
.textarea {margin-top: 20px;}

}

@media screen and (max-width: 460px) {

body {min-width: 320px;}
#block1 {height: auto;}
#block1_body {min-height: auto;}
#block1_body__line1 h1 {
  font-size: calc(1.65rem + (2.15 - 1.65) * ((100vw - 20rem) / (29 - 20)));
  min-height: 0vw;
}
#block1_body__line2 {width: calc((var(--cell) * 18)); margin-left: var(--cell); transition: all 0.2s linear;}
#block1_body > .tbl {height: auto; padding-top: 100px;}
#block2_left__links {width: 100%; margin-left: 0px;}
#block2_right {margin-top: 40px; width: calc((var(--cell) * 17)); margin-left: calc((var(--cell) * 1) ); transition: all 0.2s linear;}
.block2_form__el {width: 100%; position: relative; float: left; margin-left: 0px; margin-top: 16px;}
.block2_form__el:nth-child(-n+2) {margin-top: 16px;}
.block2_form__el:nth-child(-n+1) {margin-top: 0px;}
#block2_form {margin-top: 32px;}



}

@media screen and (max-width: 420px) {
  
body {--cell: calc(100% / 16);}
#block1_body__line1 {width: calc((var(--cell) * 14)); margin-left: var(--cell); transition: all 0.2s linear;}
#block1_body__line2 {width: calc((var(--cell) * 14)); margin-left: var(--cell); transition: all 0.2s linear;}
.offset-by-one.column, .offset-by-one.columns {margin-left: calc(var(--cell)); transition: all 0.2s linear;}
.fourteen.columns {width: calc((var(--cell) * 14)); transition: all 0.2s linear;}
#block2_left, #block2_right, #block2_form {width: calc((var(--cell) * 14)); margin-left: var(--cell); transition: all 0.2s linear;}
#block1_body > .tbl {height: auto; padding-top: 80px;}
footer > .container > .column:first-child {width: calc((var(--cell) * 14)); margin-left: calc(var(--cell));} 
footer > .container > .column:last-child {width: calc((var(--cell) * 14)); margin-left: calc(var(--cell));}
footer > .container > .column .tbl {height: 28px;}
footer {padding: 16px 0; height: 88px}
footer > .container > .column .tbl > div p {font-size: 0.85rem;} 

}
.gs_reveal {
  opacity: 0;
  visibility: hidden;
  transition: transform 0s;
}
.gs_reveal_frombottom {transform: translateY(100px);}
.viewport {
  overflow: hidden;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.scroll-container {}