* {
    /*-webkit-font-smoothing: subpixel-antialiased;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*
           * Can be used to get performance gains - remember to set ponter-events: all on the objects that actually needs pointer-events
           pointer-events: none;
           -webkit-transform-style: flat;*/
    /*
           user-select is disabled so images dont get selected during drag.
           */
    /*     -moz-user-select: none;
        -webkit-user-select: none;
        -webkit-user-drag: none;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;*/
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-overflow-scrolling: touch;
}

.smart-object {
    position: absolute;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-transform-style: flat;
    -moz-transform-style: flat;
    -ms-transform-style: flat;
    -o-transform-style: flat;
}

a:link {
    text-decoration: underline;
    color: inherit;
}

a:visited {
    color: inherit;
}

a:hover {
    color: inherit;
}

.link-button {
    border-bottom: 1px solid #2962ff;
}

.link-button:hover {
    border-bottom: 1px solid white;
}

.navigation-button {
    border-bottom: 1px solid #424242;
}

.navigation-button:hover {
    border-bottom: 1px solid white;
}

.editable::-webkit-input-placeholder {
    opacity: 0.3;
}

.editable:focus {
    outline: none;
}

.gradient-fade {
    background: -webkit-linear-gradient(top, rgba(250, 250, 250, 0) -15%, rgba(250, 250, 250, 1) 80%);
    background: -moz-linear-gradient(top, rgba(250, 250, 250, 0) -14%, rgba(250, 250, 250, 1) 80%);
    background: -ms-linear-gradient(top, rgba(250, 250, 250, 0) -15%, rgba(250, 250, 250, 1) 80%);
    background: -o-linear-gradient(top, rgba(250, 250, 250, 0) -15%, rgba(250, 250, 250, 1) 80%);
    background: linear-gradient(top, rgba(250, 250, 250, 0) -15%, rgba(250, 250, 250, 1) 80%);
}

.mobile-menu {
  width: 100%;
/*
  background: -webkit-linear-gradient(top, rgba(250, 250, 250, 1) 70%, rgba(250, 250, 250, 0) 120%);
  background: -moz-linear-gradient(top, rgba(250, 250, 250, 1) 70%, rgba(250, 250, 250, 0)120%);
  background: -ms-linear-gradient(top, rgba(250, 250, 250, 1) 70%, rgba(250, 250, 250, 0)120%);
  background: -o-linear-gradient(top, rgba(250, 250, 250, 1) 70%, rgba(250, 250, 250, 0)120%);
  background: linear-gradient(top, rgba(250, 250, 250, 1) 70%, rgba(250, 250, 250, 0)120%);
*/
}

.responsive-menu {
  width: 100%;
  background: -webkit-linear-gradient(top, rgba(250, 250, 250, 0) -30%, rgba(250, 250, 250, 1)70%);
  background: -moz-linear-gradient(top, rgba(250, 250, 250, 0) -30%, rgba(250, 250, 250, 1)70%);
  background: -ms-linear-gradient(top, rgba(250, 250, 250, 0) -30%, rgba(250, 250, 250, 1)70%);
  background: -o-linear-gradient(top, rgba(250, 250, 250, 0) -30%, rgba(250, 250, 250, 1)70%);
  background: linear-gradient(top, rgba(250, 250, 250, 0) -30%, rgba(250, 250, 250, 1)70%);
}

::-moz-selection,
::-ms-selection,
::selection {
    background: #2962ff;
    color: #ffffff;
}

#gSignInWrapper {
    display: inline-block;
}

#customBtn {
    color: rgb(66, 66, 66);
    border: 2px solid rgb(255, 255, 255);
    border-radius: 30px;
    position: relative;
    z-index: 2;
    display: inline-block;
    margin-left: 30px;
    cursor: pointer;
    overflow: hidden;
    width: auto;
    font-size: 13px;
    transform: translate3d(0px, 0px, 0px);
    background-color: rgb(255, 255, 255);
}

#customBtn:hover {
    cursor: pointer;
}

html {
    overflow: hidden;
    padding: 0;
    margin: 0;
    height: 100%;
    background-color: #FAFAFA;
}

body {
    padding: 0;
    margin: 0;
    height: 100%;
    background-color: #FAFAFA;
    overflow-x: hidden;
    overflow-y: hidden;
}

.active {
    /*color: red;*/
    opacity: 1 !important;
}

.new-fading {
    margin-top: -40px !important;
    margin-bottom: 125px !important;
}

#SITE {
    visibility: hidden;
}

.martel200 {
    font-family: Martel;
    font-weight: 200;
}

.martel300 {
    font-family: Martel;
    font-weight: 300;
}

.martel500 {
    font-family: Martel;
    font-weight: 500;
}

.martel600 {
    font-family: Martel;
    font-weight: 600;
}

.workSans200 {
    font-family: Work Sans;
    font-weight: 200;
}

.workSans300 {
    font-family: Work Sans;
    font-weight: 300;
}

.robotoMono400 {
    font-family: Roboto Mono;
    font-weight: 400;
}