@charset "utf-8";
body {
    background: #1d1b1b;
    font-family: Black;
}
@font-face {
    font-family: Black;
    src: url(web_assets/fonts/HelveticaLTStd-Blk.eot);
    src: url(web_assets/fonts/HelveticaLTStd-Blkd41d.eot?#iefix) format('embedded-opentype'), url(web_assets/fonts/HelveticaLTStd-Blk.woff) format('woff'), url(web_assets/fonts/HelveticaLTStd-Blk.ttf) format('truetype');
    font-weight: 100;
    font-style: normal
}
@font-face {
    font-family: Light;
    src: url(web_assets/fonts/HelveticaLTStd-Light.eot);
    src: url(web_assets/fonts/HelveticaLTStd-Lightd41d.eot?#iefix) format('embedded-opentype'), url(web_assets/fonts/HelveticaLTStd-Light.woff) format('woff'), url(web_assets/fonts/HelveticaLTStd-Light.ttf) format('truetype');
    font-weight: 900;
    font-style: normal
}
@media only screen and (max-width: 1000px) {
    body .svg_settings2 {
        width: 100%;
        padding-top: 20px
    }
    body .sub_title {
        display: none;
        font-size: 3vw
    }
    body .ani_logo_holder {
        height: auto;
        width: 70%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        z-index: 999999
    }
    body #Des_get_in_touch1b,
    body form {
        display: none
    }
    body .item {
        float: left;
        width: 200px;
        margin-right: 0
    }
    body .h1,
    body .h2 {
        font-size: 3vw
    }
    body .viewport {
        cursor: move;
        width: 200px;
        overflow: hidden;
        margin: 0 auto;
        position: absolute;
        right: 0;
        -webkit-transform: translateZ(0)
    }
    body .flipsnap {
        width: 800px
    }
    body #neobred_top_logo {
        left: 20px;
        top: 20px;
        width: 120px
    }
    body .number_nav,
    body .number_nav_pics {
        position: absolute;
        top: 75%;
        z-index: 9999;
        font-size: 8vw;
        color: #fff;
        padding-left: 5%
    }
    body #left_panel_About,
    body #left_panel_Hello {
        height: 40%;
        width: 80%;
        float: left;
        overflow: hidden
    }
    body #left_panel_under_the_belt,
    body #left_panel_what_we_do {
        height: 40%;
        width: 60%;
        float: left;
        overflow: hidden
    }
    body #left_panel_get_in_touch {
        height: 40%;
        width: 51.5%;
        float: left;
        overflow: hidden
    }
    body #right_panel_About,
    body #right_panel_Hello,
    body #right_panel_get_in_touch,
    body #right_panel_under_the_belt,
    body #right_panel_what_we_do {
        height: 40%;
        width: 80%;
        float: left;
        clear: both;
        overflow: hidden
    }
    body #Des_about,
    body #Des_get_in_touch1,
    body #Des_get_in_touch2,
    body #Des_hello,
    body #Des_under_the_belt,
    body #Des_what_we_do{
        height: 20%;
        width: 80%;
        top: 0;
        padding: 0 0 0 5%;
        text-align: left;
        font-size: 3.5vw;
        cursor: default
    }
    body #constant_contact,
    body #constant_copyright {
        font-size: 10px;
        position: absolute;
        margin: 0 auto;
        right: 0;
        left: 0;
        z-index: 9999
    }
    body #main_menu {
        height: 50px;
        width: 50px;
        margin: 0;
        top: 10px;
        right: 10px;
        z-index: 9999;
        cursor: pointer
    }
    body #page_number {
        width: 50px;
        height: 20px;
        position: absolute;
        left: 20px;
        bottom: 20px;
        z-index: 9999;
        font-family: Black
    }
    body #mouse_icon {
        background: #1d1b1b;
        width: 19px;
        height: 30px;
        position: absolute;
        bottom: 100px;
        right: 40px;
        z-index: 9999
    }
    body #list_holder {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 40px;
        height: 200px;
        width: 200px;
        z-index: 9
    }
    body #constant_contact {
        height: 20px;
        width: 350px;
        bottom: 50px
    }
    body #constant_copyright {
        height: 30px;
        width: 160px;
        bottom: 20px
    }
}
#constant_contact,
#constant_copyright {
    height: 30px;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0
}
#main_menu,
#page_number {
    width: 50px;
    z-index: 9999
}
#Des_about,
#Des_hello,
#Des_under_the_belt,
#Des_what_we_do{
    padding-left: 50px;
    font-family: Black;
    color: #fff;
    padding-top: 8%;
    text-align: left
}
#neobred_top_logo {
    height: 50px;
    width: 180px;
    position: absolute;
    z-index: 9999;
    top: 50px;
    left: 50px;
    cursor: pointer
}
#main_menu {
    height: 50px;
    position: absolute;
    margin: auto 0;
    bottom: 0;
    top: 0;
    right: 50px;
    cursor: pointer
}
#constant_contact {
    text-align: center;
    width: 350px;
    bottom: 50px;
    z-index: 9999;
    font-family: Black;
    color: #fff;
    font-size: 14px
}
#constant_copyright {
    opacity: .5;
    width: 205px;
    bottom: 20px;
    z-index: 9999;
    font-family: Black;
    font-size: 12px;
    color: #fff
}
#left_panel_Hello,
#left_panel_under_the_belt {
    height: 80%;
    width: 42.5%;
    float: left;
    opacity: 0;
    overflow: hidden
}
#right_panel_About,
#right_panel_Hello,
#right_panel_under_the_belt {
    height: 80%;
    width: 40%;
    float: left;
    font-size: 2.5vw;
    opacity: 0
}
#left_panel_About {
    height: 80%;
    width: 50%;
    float: left;
    opacity: 0;
    overflow: hidden
}
#left_panel_what_we_do {
    height: 80%;
    width: 36.5%;
    float: left;
    opacity: 0;
    overflow: hidden
}
#right_panel_what_we_do {
    height: 80%;
    width: 43%;
    float: left;
    font-size: 2.5vw;
    opacity: 0
}
#left_panel_meet_the_team {
    height: 80%;
    width: 39%;
    float: left;
    opacity: 0;
    overflow: hidden;
    position: relative;
    z-index: 9999
}
#mid_panel_meet_the_team {
    height: 80%;
    width: 25%;
    float: left;
    margin-left: -5%;
    font-size: 3vw;
    opacity: 0
}
#right_panel_meet_the_team {
    height: 80%;
    width: 25%;
    float: left;
    margin-right: 10%;
    font-size: 2.5vw;
    opacity: 0
}
#left_panel_get_in_touch {
    height: 80%;
    width: 33%;
    float: left;
    opacity: 0;
    overflow: hidden
}
#right_panel_get_in_touch {
    height: 80%;
    width: 45%;
    float: left;
    opacity: 0
}
#page_number,
.page_title {
    height: 50px;
    position: absolute;
    bottom: 10px
}
#page_number {
    left: 50px;
    color: #fff;
    font-family: Black
}
.page_title {
    background: #369;
    width: 150px;
    left: 60px;
    text-align: left
}
.page_info {
    height: 100%;
    width: 50%;
    position: relative
}
#mouse_icon {
    background: #1d1b1b;
    width: 19px;
    height: 30px;
    position: absolute;
    bottom: 100px;
    right: 100px;
    z-index: 9999;
    cursor: pointer
}
#bar_indicator {
    background: red;
    width: 4px;
    height: 50%;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 9999
}
#list_holder {
    position: absolute;
    margin: auto 0;
    top: 0;
    bottom: 0;
    right: 150px;
    height: 200px;
    width: 200px;
    z-index: 9;
    display: none
}
.menu_list {
    color: #fff;
    width: 250px;
    height: 50px;
    margin-bottom: 2px;
    cursor: pointer;
    display: none;
    opacity: 0;
    font-size: 30px;
    font-family: Black
}
#Des_about,
#Des_hello,
#Des_under_the_belt,
#Des_what_we_do,
#Title_hello,
#Title_under_the_belt,
.Des_under_the_belt {
    height: 20%;
    position: relative
}
#Title_hello,
#Title_under_the_belt {
    width: 100%;
    top: 30%
}
#Des_under_the_belt {
    width: 100%;
    top: 23%
}
#Des_hello {
    width: 100%;
    top: 30%
}
#Des_about {
    width: 100%;
    top: 30%
}

#Title_meet_the_team,
#Title_what_we_do {
    height: 20%;
    width: 100%;
    position: relative;
    top: 20%
}
#Des_what_we_do {    
    width: 100%;
    top: 20%
}
.Des_under_the_belt {
    width: 100%;
    top: 25%;
    padding-top: 8%;
    padding-left: 1vw;
    text-align: left;
    font-size: 0;
    font-family: Black
}
#Des_get_in_touch1,
#Des_get_in_touch2 {
    padding-top: 8%;
    padding-left: 50px;
    text-align: left;
    font-size: 2.5vw;
    height: 20%;
    width: 100%;
    position: relative;
    font-family: Black;
    color: #fff;
    cursor: pointer
}
#Des_get_in_touch1 {
    top: 19.6%;
    z-index: 9999
}
#Des_get_in_touch1b {
    height: 20%;
    width: 100%;
    position: absolute;
    top: 40%;
    padding-top: 8%;
    padding-left: 50px;
    text-align: left;
    font-family: Black;
    color: #fff
}
#Des_get_in_touch2 {
    top: 20%;
    display: none
}
#pic_holder_meet_the_team {
    height: 20%;
    width: 100%;
    position: relative;
    top: 22%
}
.number_nav,
.number_nav_pics {
    position: absolute;
    top: 80%;
    z-index: 999999;
    padding-left: 5%;
    font-size: 2vw;
    opacity: 0;
    font-family: Black;
    color: #fff
}
.subNavBtns {
    display: inline-block;
    margin-right: 20px;
    cursor: pointer
}
.viewport {
    cursor: move;
    width: 263px;
    overflow: hidden;
    margin: 0 auto;
    -webkit-transform: translateZ(0)
}
.flipsnap {
    width: 1280px
}
.flipsnap:after {
    content: '';
    display: block;
    clear: both;
    height: 0
}
.item {
    float: left;
    width: 263px;
    margin-right: 57px
}
#menu_about:hover,
.menu_about_color {
    color: #ffe401
}
#menu_what_we_do:hover,
.menu_what_we_do_color {
    color: #ff0078
}
#menu_meet_the_team:hover,
.menu_meet_the_team_color {
    color: #FF6600
}
#menu_contact:hover,
.menu_contact_color {
    color: #00fffc
}
.pro_pic {
    max-width: 100%;
    height: auto
}
.current {
    color: #dd0b48
}
.current2 {
    display: block!important;
    opacity: 1;
    font-size: 1.5vw;
    color: #fff
}
.email-error,
.hidden,
.message-error,
.name-error,
.sub_title,
.tel-error {
    display: none
}
.svg_settings {
    width: 100%
}
.svg_settings2 {
    width: 70%
}
.brand_holder {
    margin-top: 5%
}
.burger_strip {
    width: 21px;
    height: 3px;
    background: #fff;
    margin-bottom: 2px
}
.burger_holder,
.x_holder {
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}
.burger_holder {
    width: 22px;
    height: 13px
}
.x_holder {
    width: 18px;
    height: 18px;
    opacity: 0
}
.h1 {
    font-size: 2.2vw;
    color: #dd0b48
}
.h2,
a {
    color: #fff
}
.h2 {
    font-size: 1vw
}

fieldset {
    margin-top: 1vh;
    width: 100%;
    height: auto
}
.B1,
.B2,
.D,
.E1,
.E2,
.E3,
.E4,
.N,
.O,
.R1,
.R2,
.SLASH {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: dash 30s ease alternate infinite
}
.ani_logo_holder {
    height: auto;
    width: 30%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 999999
}
@keyframes dash {
    from {
        stroke-dashoffset: 1000
    }
    to {
        stroke-dashoffset: 0
    }
}
.intro_bg {
    width: 100%;
    height: 100%;
    background: #1d1b1b;
    opacity: .8
}
.intro_screen {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 99999
}
.visible {
    display: block!important
}
#success-messsage {
    display: none;
    opacity: 0;
    font-size: 2.5vw;
    margin-top: 8%
}
input[type=text]:focus {
    border-bottom: 2px solid #03fef9;
    color: #03fef9!important;
    outline: 0
}
input[type=text]:focus::-webkit-input-placeholder {
    color: #03fef9
}
textarea:focus {
    border-bottom: 2px solid #03fef9;
    color: #03fef9
}