*, *:after, *:before {
  /*-webkit-box-sizing:border-box;*/
  /*-moz-box-sizing:border-box;*/
  /*box-sizing:border-box;*/
}

body {
  font-size:100%;
  font-family:"Abel", sans-serif;
  color:rgba(2, 23, 37, 0.7);
  background-color:white;
}

body.overflow-hidden {
  overflow:hidden;
}

a {
  color:rgb(255,255,255);
  text-decoration:none;
  outline:none !important;
  -webkit-tap-highlight-color:none;
  text-decoration:none;
  text-decoration-line:none;
}

alib {
  color:rgb(0,0,0) !important;
  text-decoration:none;
  outline:none !important;
  -webkit-tap-highlight-color:none;
  text-decoration:none;
  text-decoration-line:none;
}

.cd-container {
  width:90%;
  max-width:768px;
  margin:0 auto;
}

.cd-container:after {
  content:"";
  display:table;
  clear:both;
}

html, body {
  height:100%;
}

.cd-header {
  position:absolute;
  top:0;
  left:0;
  background:#1b1b1b;
  height:50px;
  width:100%;
  z-index:3;
  box-shadow:0 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

@media only screen and (min-width: 768px) {
  .cd-header {
    height:80px;
    background:transparent;
    box-shadow:none;
  }
}

@media only screen and (min-width: 1170px) {
  .cd-header {
    -webkit-transition:background-color 0.3s;
    -moz-transition:background-color 0.3s;
    transition:background-color 0.3s;
    -webkit-transform:translate3d(0, 0, 0);
    -moz-transform:translate3d(0, 0, 0);
    -ms-transform:translate3d(0, 0, 0);
    -o-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
  }
}

@media only screen and (min-width: 1170px) {
  .cd-header.is-fixed {
    position:fixed;
    top:-80px;
    background-color:rgb(27,27,27);
    -webkit-transition:-webkit-transform 0.3s;
    -moz-transition:-moz-transform 0.3s;
    transition:transform 0.3s;
  }
}

@media only screen and (min-width: 1170px) {
  .cd-header.is-visible {
    -webkit-transform:translate3d(0, 100%, 0);
    -moz-transform:translate3d(0, 100%, 0);
    -ms-transform:translate3d(0, 100%, 0);
    -o-transform:translate3d(0, 100%, 0);
    transform:translate3d(0, 100%, 0);
  }
}

@media only screen and (min-width: 1170px) {
  .cd-header.menu-is-open {
    background-color:rgb(27,27,27);
  }
}

.cd-logo {
  display:block;
  position:absolute;
  top:50%;
  bottom:auto;
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  -o-transform:translateY(-50%);
  transform:translateY(-50%);
  left:.875em;
}

.cd-logo img {
  display:block;
}

@media only screen and (min-width: 768px) {
  .cd-logo {
    left:2.6em;
  }
}

.cd-primary-nav-trigger {
  min-width:120px;
  position:absolute;
  right:0;
  top:0;
  height:100%;
  width:50px;
  background-color:rgb(27,27,27) !important;
}

.cd-primary-nav-trigger .cd-menu-text {
  color:white;
  text-transform:uppercase;
  font-weight:700;
  display:none;
}

.cd-primary-nav-trigger .cd-menu-icon {
  display:inline-block;
  position:absolute;
  left:50%;
  top:50%;
  bottom:auto;
  right:auto;
  -webkit-transform:translateX(-50%) translateY(-50%);
  -moz-transform:translateX(-50%) translateY(-50%);
  -ms-transform:translateX(-50%) translateY(-50%);
  -o-transform:translateX(-50%) translateY(-50%);
  transform:translateX(-50%) translateY(-50%);
  width:18px;
  height:2px;
  background-color:white;
  -webkit-transition:background-color 0.3s;
  -moz-transition:background-color 0.3s;
  transition:background-color 0.3s;
}

.cd-primary-nav-trigger .cd-menu-icon::before, .cd-primary-nav-trigger .cd-menu-icon:after {
  content:'';
  width:100%;
  height:100%;
  position:absolute;
  background-color:white;
  right:0;
  -webkit-transition:-webkit-transform .3s, top .3s, background-color 0s;
  -moz-transition:-moz-transform .3s, top .3s, background-color 0s;
  transition:transform .3s, top .3s, background-color 0s;
}

.cd-primary-nav-trigger .cd-menu-icon::before {
  top:-5px;
}

.cd-primary-nav-trigger .cd-menu-icon::after {
  top:5px;
}

.cd-primary-nav-trigger .cd-menu-icon.is-clicked {
  background-color:rgba(255, 255, 255, 0);
}

.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before, .cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
  background-color:white;
}

.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before {
  top:0;
  -webkit-transform:rotate(135deg);
  -moz-transform:rotate(135deg);
  -ms-transform:rotate(135deg);
  -o-transform:rotate(135deg);
  transform:rotate(135deg);
}

.cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
  top:0;
  -webkit-transform:rotate(225deg);
  -moz-transform:rotate(225deg);
  -ms-transform:rotate(225deg);
  -o-transform:rotate(225deg);
  transform:rotate(225deg);
}

@media only screen and (min-width: 768px) {
  .cd-primary-nav-trigger {
    width:100px;
    padding-left:1em;
    background-color:transparent;
    height:30px;
    line-height:30px;
    right:2.2em;
    top:50%;
    bottom:auto;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
  }
}

@media only screen and (min-width: 768px) {
  .cd-primary-nav-trigger .cd-menu-text {
    display:inline-block;
  }
}

@media only screen and (min-width: 768px) {
  .cd-primary-nav-trigger .cd-menu-icon {
    left:auto;
    right:1em;
    -webkit-transform:translateX(0) translateY(-50%);
    -moz-transform:translateX(0) translateY(-50%);
    -ms-transform:translateX(0) translateY(-50%);
    -o-transform:translateX(0) translateY(-50%);
    transform:translateX(0) translateY(-50%);
  }
}

.cd-primary-nav {
  position:fixed;
  left:0;
  top:0;
  height:100%;
  width:100%;
  background:rgb(27,27,27);
  z-index:2;
  text-align:center;
  padding:50px 0;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  -webkit-transform:translateY(-100%);
  -moz-transform:translateY(-100%);
  -ms-transform:translateY(-100%);
  -o-transform:translateY(-100%);
  transform:translateY(-100%);
  -webkit-transition-property:-webkit-transform;
  -moz-transition-property:-moz-transform;
  transition-property:transform;
  -webkit-transition-duration:0.4s;
  -moz-transition-duration:0.4s;
  transition-duration:0.4s;
}

.cd-primary-nav li {
  font-size:50px;
  /*font-size:1.375rem;*/
  font-weight:300;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  /*margin:.2em 0;*/
  text-transform:capitalize;
  position:relative;
  top:32%;
  /*height:10%;*/
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  bottom:32%;
}

.cd-primary-nav a {
  display:inline-block;
  padding:.4em 1em;
  -webkit-transition:background 0.2s;
  -moz-transition:background 0.2s;
  transition:background 0.2s;
  width:100%;
}

.no-touch .cd-primary-nav a:hover {
  color:#fff;
  font-weight:bold;
  background-color:#85878b;
  text-decoration:none;
}

.cd-primary-nav .cd-label {
  height:41px;
  color:#6d6c6e;
  text-transform:uppercase;
  font-weight:700;
  font-size:20px;
  /*font-size:0.875rem;*/
  /*margin:2.4em 0 .8em;*/
  margin-bottom:15px;
}

.cd-primary-nav .cd-social {
  display:inline-block;
  margin:0 .4em;
}

.cd-primary-nav .cd-social a {
  width:44px;
  height:44px;
  padding:0;
  background-image:url("../../assets/img/cd-socials.svg");
  background-repeat:no-repeat;
  overflow:hidden;
  text-indent:100%;
  white-space:nowrap;
}

.cd-primary-nav .cd-facebook a {
  background-position:0 0;
}

.cd-primary-nav .cd-instagram a {
  background-position:-44px 0;
}

.cd-primary-nav .cd-dribbble a {
  background-position:-88px 0;
}

.cd-primary-nav .cd-twitter a {
  background-position:-132px 0;
}

.cd-primary-nav.is-visible {
  -webkit-transform:translateY(0);
  -moz-transform:translateY(0);
  -ms-transform:translateY(0);
  -o-transform:translateY(0);
  transform:translateY(0);
}

@media only screen and (min-width: 768px) {
  .cd-primary-nav {
    padding:80px 0;
  }
}

@media only screen and (min-width: 1170px) {
  .cd-primary-nav li {
    top:48%;
    font-size:38px;
    /*font-size:1.875rem;*/
  }
}

@media only screen and (min-width: 1170px) {
  .cd-primary-nav .cd-label {
    font-size:16px;
    /*font-size:1rem;*/
    margin-bottom:5px;
    height:34px;
  }
}

.cd-intro {
  position:relative;
  height:100%;
  background:url("") no-repeat center center;
  background-size:cover;
  z-index:1;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

.cd-intro h1 {
  position:absolute;
  width:90%;
  max-width:1170px;
  left:50%;
  top:50%;
  bottom:auto;
  right:auto;
  -webkit-transform:translateX(-50%) translateY(-50%);
  -moz-transform:translateX(-50%) translateY(-50%);
  -ms-transform:translateX(-50%) translateY(-50%);
  -o-transform:translateX(-50%) translateY(-50%);
  transform:translateX(-50%) translateY(-50%);
  color:white;
  font-size:40px;
  /*font-size:1.25rem;*/
  font-weight:normal;
  text-align:center;
}

@media only screen and (min-width: 768px) {
  .cd-intro h1 {
    font-size:60px !important;
    font-size:1.875rem;
  }
}

@media only screen and (max-width: 500px) {
  .cd-intro h1 {
    font-size:23px;
    /*font-size:1.875rem;*/
  }
}

@media only screen and (max-width: 500px) {
  .cd-intro h2 {
    font-size:16px !important;
    /*font-size:1.875rem;*/
  }
}

@media only screen and (min-width: 1170px) {
  .cd-intro {
    height:100%;
  }
}

.cd-main-content {
  position:relative;
  z-index:1;
}

.cd-main-content p {
  line-height:1.6;
  margin:2em 0;
}

@media only screen and (min-width: 1170px) {
  .cd-main-content p {
    font-size:20px;
    font-size:1.25rem;
  }
}

.cd-intro h2 {
  position:absolute;
  width:90%;
  max-width:1170px;
  left:50%;
  top:56%;
  bottom:auto;
  right:auto;
  -webkit-transform:translateX(-50%) translateY(-50%);
  -moz-transform:translateX(-50%) translateY(-50%);
  -ms-transform:translateX(-50%) translateY(-50%);
  -o-transform:translateX(-50%) translateY(-50%);
  transform:translateX(-50%) translateY(-50%);
  color:white;
  font-size:20px;
  font-size:1.25rem;
  font-weight:300;
  text-align:center;
}

.cd-intro h1 mark {
  color:#ffffff;
  background-color:rgba(35,35,35,0.9);
  text-shadow:0.25rem 0.25rem #000000;
  padding-left:15px;
  padding-right:15px;
}

.cd-intro h2 mark {
  color:#fff;
  background-color:rgba(54,54,54,0.9);
  padding-left:15px;
  padding-right:15px;
}

.parallex {
  background-image:url("https://drive.google.com/uc?export=view&id=1ZWpuMrtSXYzScINHXA5iE8XTbcMZfscp");
  min-height:500px;
  background-attachment:fixed;
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
}

.cd-primary-nav li a:active {
  color:#fff;
  font-weight:bold;
  background-color:#85878b !important;
  text-decoration:none !important;
}

li:active {
  outline:none;
  -moz-outline-style:none;
  border:0;
}

test {
  padding-top:150px;
}