@font-face {
  font-family: 'NeueMachina-Regular';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/NeueMachina-Regular.otf'); 
  src: url('../fonts/NeueMachina-Regular.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/NeueMachina-Regular.woff') format('woff'), 
       url('../fonts/NeueMachina-Regular.ttf')  format('truetype'), 
       url('../fonts/NeueMachina-Regular.otf') format('opentype');
}

/* -----  Root  --------------------------------------------- */

:root {
  --white: white;
  --grey: #e0e0e0;
  --lightgrey: #f7f7f7;
  --darkgrey: #ababab;
  --darkergrey: #737373;
  --black: black;
  --blue: blue;
  --green: #8aff70;
  --overlay: #daff00;
  --custom: white;

  --caption: 12pt;
  --menu: 14pt;
  --body: 16pt;
  --thumb: 32pt;
  --title: 70pt;
  --logo: 16.5vw;

  --a: 10px;
  --x: 15px;
  --y: 30px;
  --z: 60px;

  --default: default;
  --pointer: pointer;
}

/* -----  General  --------------------------------------------- */

/* ------------------- Loop Scroll ------------------- */

html,
body {
  padding: 0px;
  margin: 0px;
  height: 100%;
  overflow: hidden;
}

body {
  font-size: var(--body);
  font-family: 'DM Sans', sans-serif;
  font-weight: 400;
  color: var(--black);
  background: var(--white);
  cursor: var(--default);
}

section {
  position: relative;
  display: block;
  text-align: left;
/*  text-align: center;*/
  /*min-height: 300px;
  max-height: 700px;*/
  height: auto;
}

a{
  text-decoration: none;
  cursor: var(--pointer);
}

h2{
  font-size: var(--thumb);
  font-family: 'NeueMachina-Regular', sans-serif;
  line-height: 120%;
  margin-block-start: 0px;
  margin-block-end: 0px;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

p{
  margin-block-start: 0px;
  margin-block-end: 0px;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

figure {
  margin-block-start: 0px;
  margin-block-end: 0px;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

marquee{
  margin-bottom: -7px;
}

.loop {
  position: relative;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

/*::scrollbar {
  display: none;
}*/

.one {
  min-height: 0px;
  max-height: none;
  margin-bottom: var(--y);
  height: auto;
}

.header{
  display: flex;
  flex-direction: row;
  width: calc(100% - var(--y));
  margin: var(--x) var(--x) var(--x) var(--x);
}

.header .col{
  padding: var(--x);
  margin-right: var(--x);
  color: var(--black);
  border-radius: var(--x);
  box-shadow: inset 0 0 10px var(--darkgrey);
  background: var(--lightgrey);
}

.header .col:hover{
  color: var(--white);
  background: var(--blue);
  box-shadow: none;
  cursor: var(--pointer);
}

.header .col_flex:hover{
  color: var(--black);
  background: var(--lightgrey);
  box-shadow: inset 0 0 10px var(--darkgrey);
  cursor: var(--default);
}

.header .col_flex{
  flex: 1;
}

.header .col_last{
  margin-right: 0px;
}

.logo_container{
  display: block;
  margin: var(--x);
  padding: var(--y) var(--x) var(--x) var(--x);
  border-radius: var(--x);
  width: calc(100% - var(--z));
  box-shadow: inset 0 0 10px var(--darkgrey);
  background: var(--lightgrey);
  color: var(--blue);
  font-family: 'NeueMachina-Regular';
  font-size: var(--logo);
  text-align: center;
  line-height: 100%;
}

/*.one, .two{
  width: 100vw;
  transition: 0.8s margin-left ease-in-out;
}
*/
.two .thumb{
  position: relative;
  display: inline-block;
  width: calc(50vw - var(--x) - 10px);
  height: 30vw;
  margin-left: var(--x);
/*  margin-right: 10px;*/
  margin-bottom: 10px;
  background: var(--blue);
  border-radius: var(--x);
  box-shadow: 0 0 10px var(--darkergrey);
  white-space: nowrap;
  overflow: hidden; 

  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}

.two .thumb_empty{
  position: relative;
  display: inline-block;
  width: calc(50vw - var(--x) - 8px);
  height: 30vw;
  margin-left: var(--x);
  margin-bottom: 10px;
  border-radius: var(--x);
  box-shadow: inset 0 0 10px var(--darkgrey);
  background: var(--lightgrey);
  white-space: nowrap;
  overflow: hidden; 
}

.two .thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.thumb_hover{
  position: absolute;
  top: 0px;
  left: 0px;
  width: calc(100% - var(--y));
  height: calc(100% - var(--y));
  padding: var(--x);
  text-align: left;
  white-space: normal;
  color: var(--white);
  background: var(--blue);
  word-wrap: break-word;
  overflow-wrap: break-word;
  opacity: 0;
  transition: .2s opacity ease-in;

  -webkit-hyphens: auto;
     -moz-hyphens: auto;
          hyphens: auto;
}

.thumb_hover:hover{
  opacity: 1;
}

.thumb_hover .tags{
  position: absolute;
  bottom: var(--x);
  font-size: var(--caption);
}

/* ------------------- Splash ------------------- */

.splash_text{
  position: fixed;
  text-align: center;
  font-size: var(--logo);
  font-family: 'NeueMachina-Regular', sans-serif;
  top: 55%;
  left: 50%;
  width: 100%;
  color: white;
  transform: translate(-50%, -50%);
  text-shadow: 0px 0px 7px #696969;
  z-index: 15;
  display: none;
}

.splash_container{
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100vw;
  height: 100vh;
  background: black;
  z-index: 1000;
  overflow: hidden;
/*  display: none;*/
}

.splash_image{
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: auto 100%;
  background-repeat: repeat-x;
  transition: 4s left, 1s transform;
  transform: scale(0.3);
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.4);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.4);
  box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.4);
}

#splash1{
  top: 0px;
  left: 0px;
}

#splash2{
  top: 0px;
  left: 33%;
}

#splash3{
  top: 0px;
  left: -33%;
}

#splash4{
  top: 0px;
  left: -66%;
}

#splash5{
  top: 0px;
  left: -99%;
  z-index: 10;
}

.splash_container .button1{
  position: absolute;
  left: var(--x);
  bottom: var(--x);
  padding: var(--x);
  border-radius: var(--x);
  border: 1px solid black;
  font-size: var(--caption);
  color: black;
  background: white;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.4);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.4);
  box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.4);
  z-index: 15;
  display: none;
}

.splash_container .button2{
  position: absolute;
  right: var(--x);
  bottom: var(--x);
  padding: var(--x);
  border-radius: var(--x);
  border: 1px solid black;
  font-size: var(--caption);
  color: black;
  background: white;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.4);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.4);
  box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.4);
  z-index: 15;
  display: none;
}

/* ------------------- Project Page ------------------- */

.back_to_top{
  position: fixed;
  left: var(--x);
  bottom: var(--x);
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  border: 1px solid var(--white);
  border-radius: var(--a);
  padding: var(--a);
  color: var(--white);
  background: var(--black);
  cursor: var(--pointer);
  display: none;
}

.back_to_top:hover{
  color: var(--black);
  background: var(--white);
}

.html_not_home, .not_home{
  height: auto;
  overflow: auto;
}

.not_home a{
  color: inherit;
}

.not_home a:hover{
  text-decoration: underline;
}

main a{
  color: var(--custom) !important;
}

.not_home header{
  position: relative;
  display: block;
  width: calc(100% - var(--y));
  padding: var(--x);
  font-size: var(--menu);
}

.not_home header button{
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  border: 1px solid var(--white);
  border-radius: var(--a);
  padding: var(--a);
  background: none;
  cursor: var(--pointer);
}

.not_home header button:hover{
  color: var(--black);
  background: var(--white);
}

.not_home section{
  text-align: left;
}

.not_home .title_container{
  position: relative;
  display: block;
  width: calc(100% - var(--y));
  font-family: 'NeueMachina-Regular';
  font-size: var(--title);
  margin: var(--z) var(--x) var(--x) var(--x);
  padding-bottom: var(--x);
  border-bottom: 1px solid var(--white);
}

.not_home .subtitle_container{
  position: relative;
  display: block;
  width: calc(100% - var(--y));
  font-family: 'NeueMachina-Regular';
  font-size: var(--thumb);
  margin: var(--y) var(--x) var(--y) var(--x);
  padding-bottom: var(--y);
  border-bottom: 1px solid var(--white);
}

.not_home .info_container{
  position: relative;
  display: flex;
  width: calc(100% - var(--y));
  margin: var(--x) var(--x) var(--y) var(--x);
  padding-bottom: var(--x);
  border-bottom: 1px solid var(--white);

}

.not_home .info_container .col{
  width: 25%;
  font-size: var(--menu);
  margin-right: var(--y);
  vertical-align: top;
}

.not_home .info_container .col:last-of-type{
  /*flex: 1;*/
  margin-right: 0px;
}

.not_home .thumb_container{
  position: relative;
/*  display: block;*/
  width: calc(100% - var(--y));
  margin: var(--x);
  padding: 0px;
  overflow-y: hidden;
}

.mobile_thumb_container{
  display: none;
}

.desktop_thumb_container{
  display: block;
}

.not_home .thumb_container img{
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--x);
}

.not_home .thumb_container .image_caption{
  position: relative;
  display: block;
  font-size: var(--menu);
  padding-top: var(--x);
}

.not_home .thumb_container .image_caption svg{
  width: 25px;
  height: 25px;
  margin-right: var(--a);
}

.not_home .thumb_container .image_caption span{
  vertical-align: top;
}

.not_home .body_container{
  position: relative;
  display: block;
  width: 100%;
  padding-top: var(--x);
}

.not_home .body_container p, .not_home .about_body_container p{
  padding-left: calc(100% - 875px);
  padding-right: var(--x);
  padding-bottom: var(--y);
}

.not_home .body_container ul, .not_home .about_body_container ul{
  padding-left: calc(100% - 875px + 15px);
  padding-right: var(--x);
  padding-bottom: var(--y);
}

.not_home .body_container h2, .not_home .about_body_container h2{
  padding-left: calc(100% - 900px);
  padding-right: var(--x);
  padding-bottom: var(--x);
}

.not_home .body_container h3{
  position: relative;
  display: block;
  width: calc(100% - var(--y));
  font-family: 'NeueMachina-Regular';
  font-size: var(--thumb);
  margin: 0px var(--x) var(--y) var(--x);
  padding-top: var(--y);
  padding-bottom: var(--y);
  border-top: 1px solid var(--white);
  border-bottom: 1px solid var(--white);
}

.not_home .body_container img, .not_home .about_body_container img, .not_home .body_container video, .not_home .about_body_container video{
  margin-left: var(--x);
  margin-bottom: var(--x);
  width: calc(100% - var(--y));
  border-radius: var(--x);
}

figcaption{
  position: relative;
  display: block;
  width: calc(100% - var(--y));
  margin-left: var(--x);
  margin-bottom: var(--x);
  font-size: var(--menu);
  /*padding-top: var(--x);*/
  /*vertical-align: top;*/
  /*background: red;*/
}

figcaption svg{
  width: 25px;
  height: 25px;
  margin-right: var(--a);
}

figcaption span{
  vertical-align: top;
}

.not_home .two{
  text-align: left;
  padding-top: var(--y);
  /*background: var(--grey);*/
  background: var(--white);
}

.not_home .two .related_title{
  display: block;
  color: var(--black);
  font-size: var(--thumb);
  font-family: 'NeueMachina-Regular';
  text-align: left;
  width: calc(100% - var(--y));
  margin: 0px var(--x) var(--y) var(--x);
  padding-bottom: var(--x);
  border-bottom: 1px solid var(--black);
}

/* ------------------- Footer ------------------- */

footer{
  position: relative;
  display: block;
  width: calc(100% - var(--y));
  color: var(--black);
  font-size: var(--menu);
  background: var(--white);
  padding: var(--x);
}

footer .footer_container{
  display: flex;
  padding-top: var(--y);
  padding-bottom: var(--x);
  border-top: 1px solid var(--black);
}

footer .footer_container .col{
  width: 25%;
  /*width: 250px;*/
  font-size: var(--menu);
  margin-right: var(--y);
  vertical-align: top;
}

footer .footer_container .col:last-of-type{
  /*flex: 1;*/
  margin-right: 0px;
}

/* ------------------- About Page ------------------- */

.not_home .about_info_container{
  position: relative;
  display: flex;
  width: calc(100% - var(--y));
  margin: var(--y) var(--x) var(--x) var(--x);
  padding-bottom: var(--y);
  border-bottom: 1px solid var(--white);

}

.not_home .about_info_container .col{
  width: 25%;
  font-size: var(--menu);
  margin-right: var(--y);
  vertical-align: top;
}

.not_home .about_info_container .col:last-of-type{
  margin-right: 0px;
}

.not_home .about_body_container{
  position: relative;
  display: block;
  width: calc(100% - var(--y));
  margin: var(--y) var(--x) var(--x) var(--x);
  border-bottom: 1px solid var(--white);
}

.not_home .values_container{
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - var(--y));
  margin-top: var(--x);
  margin-left: var(--x);
  padding-bottom: var(--x);
  border-bottom: 1px solid var(--white);
  /*background: red;*/
}

.not_home .values_container .value_section{
  width: calc(50% - 7.5px);
  margin-top: var(--x);
  /*margin-bottom: var(--x);*/
  /*background: green;*/
}

.not_home .values_container .value_section:nth-of-type(2n){
  margin-left: var(--x);
}

.not_home .values_container .value_section .value_img{
  width: 100%;
  height: 25vw;
  border-radius: var(--x);
  background: var(--white);
  overflow: hidden;
}

.not_home .values_container .value_section .value_img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.not_home .values_container .value_section .team_img{
  width: 100%;
  height: 40vw;
  border-radius: var(--x);
  background: var(--white);
  overflow: hidden;
}

.not_home .values_container .value_section .team_img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.not_home .values_container .value_section .value_text{
  padding-top: var(--y);
  padding-bottom: var(--x);
}

.not_home .values_container .value_section .value_text span{
  font-family: 'NeueMachina-Regular';
  font-size: var(--thumb);
  padding-bottom: var(--x);
  display: block;
}

.not_home .testimonials_container{
  position: relative;
  display: block;
  width: 100%;
  /*padding-bottom: var(--y);*/
  margin-bottom: var(--x);
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
}

.not_home .testimonials_container .testimony_card{
  display: inline-block;
  width: 50vw;
  height: 50vw;
  max-width: 650px;
  max-height: 650px;
  padding: var(--x);
  margin-left: var(--x);
  border-radius: var(--x);
  color: var(--blue);
  background: var(--white);
  white-space: normal;
}

.not_home .testimonials_container .testimony_card:last-of-type{
  margin-right: var(--x);
}

.not_home .testimonials_container .testimony_card .container{
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.not_home .testimonials_container .testimony_card .container .col:first-of-type{
  flex: 1;
}

.not_home .testimonials_container .testimony_card .container .col:last-of-type{
  padding-top: var(--x);
  border-top: 1px solid var(--blue);
}

.featured_container{
  position: relative;
  display: block;
  width: calc(100% - var(--y));
  padding: var(--x);
}

.featured_container .featured_title{
  display: block;
  width: 100%;
  padding-bottom: var(--x);
}

.featured_container a{
  color: var(--white) !important;
}

.featured_container a:hover{
  text-decoration: none;
}

.featured_container .url_button{
  display: inline-block;
  padding: var(--x);
  color: var(--white);
  border-radius: var(--x);
  border: 1px solid var(--white);
  margin-right: 10px;
}

.featured_container .url_button:hover{
  background: var(--blue);
}

/* ------------------- Filter Menu ------------------- */

.tag_highlighter{
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100vw;
  height: 100vh;
  z-index: 2000;
  background: var(--blue);
}

.tag_highlighter .tag_text{
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: var(--thumb);
  transform: translate(-50%, -50%);
}

.filter_menu{
  position: fixed;
  top: var(--x);
/*  left: var(--x);*/
/*  left: -345px;*/
  width: calc(350px - var(--y));
  height: calc(100vh - var(--y));
  border-radius: var(--x);
  background: var(--blue);
/*  font-size: var(--caption);*/
  color: var(--white);
  z-index: 100;
  overflow-y: scroll;
/*  transition: 0.8s left ease-in-out;*/
}

.filter_menu a{
  color: var(--white);
}

.filter_menu .filter_row{
  display: block;
  width: calc(100% - 20px);
  margin: var(--a) var(--a) 0px var(--a);
  padding-bottom: var(--a);
  border-bottom: 1px solid var(--white);
  cursor: var(--pointer);
}

.filter_menu .filter_row:hover{
  text-decoration: underline;
}

/* The container */
.filter_container {
  display: block;
  position: relative;
  width: calc(100% - 20px);
/*  padding: var(--a) 0px var(--a) 0px;*/
  margin: 0px var(--a) 0px var(--a);
  border-bottom: 1px solid var(--white);
  cursor: var(--pointer);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
/*  background: green;*/
}

/* Hide the browser's default checkbox */
.filter_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.filter_text{
  display: block;
  padding: var(--a) 0px var(--a) 0px;
  text-indent: var(--x);
}

.filter_text:hover{
  color: var(--blue);
  background: var(--white);
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 14px;
  right: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  display: none;
}

/* On mouse-over, add a grey background color */
.filter_container:hover input ~ .checkmark {
/*  background-color: var(--grey);*/
}

/* When the checkbox is checked, add a blue background */
.filter_container input:checked ~ .checkmark {
/*  background-color: #2196F3;*/
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.filter_container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.filter_container .checkmark:after {
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid var(--blue);
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* ------------------- Default Page ------------------- */

/*.default_page{
  background: var(--lightgrey);
}*/

.default_page .title_container {
    border-bottom: 1px solid var(--black);
}

.default_page header button {
    border: 1px solid var(--black);
}

.default_page header button:hover {
  color: var(--white);
  background: var(--black);
}

.default_page .about_body_container{
  border-bottom: none;
}

/* ------------------- Floater ------------------- */

.floater{
  position: fixed;
  top: 10vh;
  right: 10vh;
  width: 90px;
  height: 90px;
  z-index: 20;
/*  background: red;*/
  -webkit-animation: position 30s linear infinite;
  -moz-animation: position 30s linear infinite;
  -ms-animation: position 30s linear infinite;
  -o-animation: position 30s linear infinite;
  animation: position 30s linear infinite;
}

.floater img{
  width: 100%;
  height: auto;
  transform: rotate(0deg);
  -webkit-transition: transform 1s ease-out;
  -moz-transition: transform 1s ease-out;
  -o-transition: transform 1s ease-out;
  transition: transform 1s ease-out;
}

.floater img:hover{
  transform: rotate(360deg);
}

@-webkit-keyframes position /* Safari and Chrome */ {
  0% {
    top: 10vh;
    right: 10vh;
  }
  25% {
    top: calc(100vh - 140px);
    right: calc(100vw - 140px);
  }
  50%{
    top: 10vh;
    right: calc(100vw - 140px);
  }
  75%{
    top: calc(100vh - 140px);
    right: calc(50vw - 70px);
  }
  100% {
    top: 10vh;
    right: 10vh;
  }
}
@keyframes position {
  0% {
    top: 10vh;
    right: 10vh;
  }
  25% {
    top: calc(100vh - 140px);
    right: calc(100vw - 140px);
  }
  50%{
    top: 10vh;
    right: calc(100vw - 140px);
  }
  75%{
    top: calc(100vh - 140px);
    right: calc(50vw - 70px);
  }
  100% {
    top: 10vh;
    right: 10vh;
  }
}


/* ------------------- Access Menu ------------------- */

.access_menu{
  position: fixed;
  top: var(--x);
/*  right: var(--x);*/
  right: -345px;
  width: calc(350px - var(--y));
  height: calc(100vh - var(--y));
  border-radius: var(--x);
  background: var(--blue);
/*  font-size: var(--caption);*/
  color: var(--white);
  z-index: 100;
  overflow-y: scroll;
  transition: 0.8s right ease-in-out;
}

.access_menu .filter_row{
  display: block;
  width: calc(100% - 20px);
  text-align: right;
  margin: var(--a) var(--a) 0px var(--a);
  padding-bottom: var(--a);
/*  border-bottom: 1px solid var(--white);*/
  cursor: var(--pointer);
}

.access_menu .filter_row:hover{
  text-decoration: underline;
}

.access_buttons{
  position: relative;
  display: block;
  flex-direction: column;
  width: calc(100% - var(--y));
/*  height: 200px;*/
  margin-left: var(--x);
  margin-bottom: var(--x);
  border-radius: var(--x);
  overflow: hidden;
  color: var(--black);
  background: var(--white);
  cursor: var(--pointer);
}

.access_buttons .access_row_1{
  position: relative;
/*  flex: 1;*/
  height: 130px;
  overflow: hidden;
/*  background: green;*/
}

.access_buttons .access_row_1 svg{
  position: absolute;
  width: 100%;
/*  height: 100%;*/
/*  object-fit: cover;*/
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.access_buttons .access_row_2{
/*  flex: 1;*/
  padding-top: var(--a);
  padding-bottom: var(--a);
  border-top: 1px solid var(--black);
  text-align: center;
/*  background: red;*/
}

.access_buttons:hover .access_row_2{
/*  color: var(--white);*/
/*  background: var(--grey);*/
/*  font-style: italic;*/
}

@media only screen and (max-width: 990px) {
  :root {
    --logo: 16vw;
  }
}

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

  :root {
    /*--caption: 12pt;
    --menu: 14pt;
    --body: 16pt;*/
    --thumb: 24pt;
    --title: 55pt;
/*    --logo: 16.5vw;*/
  }

  .not_home .body_container p {
    padding-left: var(--x);
/*      padding-left: 0px;*/
  }

  .not_home .about_body_container p {
    padding-left: 0px;
  }

  .not_home .body_container h2, .not_home .about_body_container h2 {
      padding-left: var(--x);
  }

  .not_home .body_container ul, .not_home .about_body_container ul {
      padding-left: var(--y);
  }

  .not_home .info_container {
      flex-wrap: wrap;
  }

  .not_home .info_container .col {
    width: 45%;
  }

  .not_home .info_container .col:nth-of-type(3n), .not_home .info_container .col:nth-of-type(4n) {
    padding-top: var(--x);
  }

  footer .footer_container {
    flex-wrap: wrap;
  }

  footer .footer_container .col {
    width: 45%;
  }

  footer .footer_container .col:nth-of-type(3n), footer .footer_container .col:nth-of-type(4n) {
    padding-top: var(--x);
  }

  .not_home .about_info_container {
    flex-wrap: wrap;
  }

  .not_home .about_info_container .col {
    width: 45%;
  }

  .not_home .about_info_container .col:nth-of-type(3n), .not_home .about_info_container .col:nth-of-type(4n) {
    padding-top: var(--x);
  }
}

@media only screen and (max-width: 860px) {
  .two .thumb {
    width: calc(100vw - var(--y));
    height: 60vw;
  }

  .two .thumb_empty {
    width: calc(100vw - var(--y));
    height: 60vw;
  }
}

@media only screen and (max-width: 830px) {
  .not_home .testimonials_container .testimony_card {
    width: 80vw;
    height: 80vw;
  }
}

@media only screen and (max-width: 670px) {
    :root {
    --logo: 15vw;
    }
}

@media only screen and (max-width: 630px) {
  footer .footer_container .col {
    width: 95%;
    padding-bottom: var(--x);
  }

  footer .footer_container .col:nth-of-type(3n), footer .footer_container .col:nth-of-type(4n) {
    padding-top: 0px;
  }

  .not_home .info_container .col {
    width: 95%;
    padding-bottom: var(--x);
  }

  .not_home .info_container .col:nth-of-type(3n), .not_home .info_container .col:nth-of-type(4n) {
    padding-top: 0px;
  }

  .not_home .about_info_container .col {
    width: 95%;
    padding-bottom: var(--x);
  }

  .not_home .about_info_container .col:nth-of-type(3n), .not_home .about_info_container .col:nth-of-type(4n) {
    padding-top: 0px;
  }

  .not_home .about_info_container .col:nth-of-type(4n) {
    padding-bottom: 0px;
  }

  .not_home .values_container .value_section{
    width: 100%;
  }

  .not_home .values_container .value_section:nth-of-type(2n) {
    margin-left: 0px;
  }

  .not_home .values_container .value_section .value_img {
    height: 60vw;
  }

  .not_home .values_container .value_section .team_img {
    height: 60vw;
  }
}

@media only screen and (max-width: 530px) {
  .not_home .testimonials_container .testimony_card {
    width: 80vw;
    height: 100vw;
  }
}

@media only screen and (max-width: 500px) {
  :root {
    --title: 38pt;
    --logo: 25vw;
    --body: 11pt;
  }

  .two .thumb {
    height: auto;
    margin-left: var(--x) !important;
  }

  .thumb_hover {
    position: relative;
    display: block;
    height: auto;
    opacity: 1;
  }

  .thumb_hover .tags {
    position: relative;
    display: block;
    margin-top: var(--y);
    bottom: 0px;
  }

  .two .thumb img {
    margin-bottom: -8px;
  }

  .not_home .testimonials_container .testimony_card {
    height: 80vh;
  }

  .mobile_thumb_container{
    display: block;
  }

  .desktop_thumb_container{
    display: none;
  }

  .is-clone{
    display: none;
  }

  .home_top{
    color: var(--black);
    background: var(--lightgrey);
    border: 1px solid var(--black);
  }

  marquee{
    display: none;
  }

  .floater{
    width: 75px;
    height: 75px;
  }
}