@-webkit-keyframes glitch-anim {
    0% {
        clip: rect(125px,9999px,63px,0);
    }

    4.16666667% {
        clip: rect(94px,9999px,85px,0);
    }

    8.33333333% {
        clip: rect(131px,9999px,127px,0);
    }

    12.5% {
        clip: rect(133px,9999px,68px,0);
    }

    16.66666667% {
        clip: rect(91px,9999px,23px,0);
    }

    20.83333333% {
        clip: rect(6px,9999px,6px,0);
    }

    25% {
        clip: rect(66px,9999px,41px,0);
    }

    29.16666667% {
        clip: rect(110px,9999px,44px,0);
    }

    33.33333333% {
        clip: rect(72px,9999px,53px,0);
    }

    37.5% {
        clip: rect(121px,9999px,120px,0);
    }

    41.66666667% {
        clip: rect(125px,9999px,146px,0);
    }

    45.83333333% {
        clip: rect(138px,9999px,83px,0);
    }

    50% {
        clip: rect(78px,9999px,79px,0);
    }

    54.16666667% {
        clip: rect(75px,9999px,139px,0);
    }

    58.33333333% {
        clip: rect(137px,9999px,130px,0);
    }

    62.5% {
        clip: rect(76px,9999px,83px,0);
    }

    66.66666667% {
        clip: rect(63px,9999px,116px,0);
    }

    70.83333333% {
        clip: rect(142px,9999px,112px,0);
    }

    75% {
        clip: rect(70px,9999px,55px,0);
    }

    79.16666667% {
        clip: rect(90px,9999px,89px,0);
    }

    83.33333333% {
        clip: rect(149px,9999px,150px,0);
    }

    87.5% {
        clip: rect(63px,9999px,93px,0);
    }

    91.66666667% {
        clip: rect(130px,9999px,82px,0);
    }

    95.83333333% {
        clip: rect(23px,9999px,16px,0);
    }

    to {
        clip: rect(29px,9999px,67px,0);
    }
}

@keyframes glitch-anim {
    0% {
        clip: rect(125px,9999px,63px,0);
    }

    4.16666667% {
        clip: rect(94px,9999px,85px,0);
    }

    8.33333333% {
        clip: rect(131px,9999px,127px,0);
    }

    12.5% {
        clip: rect(133px,9999px,68px,0);
    }

    16.66666667% {
        clip: rect(91px,9999px,23px,0);
    }

    20.83333333% {
        clip: rect(6px,9999px,6px,0);
    }

    25% {
        clip: rect(66px,9999px,41px,0);
    }

    29.16666667% {
        clip: rect(110px,9999px,44px,0);
    }

    33.33333333% {
        clip: rect(72px,9999px,53px,0);
    }

    37.5% {
        clip: rect(121px,9999px,120px,0);
    }

    41.66666667% {
        clip: rect(125px,9999px,146px,0);
    }

    45.83333333% {
        clip: rect(138px,9999px,83px,0);
    }

    50% {
        clip: rect(78px,9999px,79px,0);
    }

    54.16666667% {
        clip: rect(75px,9999px,139px,0);
    }

    58.33333333% {
        clip: rect(137px,9999px,130px,0);
    }

    62.5% {
        clip: rect(76px,9999px,83px,0);
    }

    66.66666667% {
        clip: rect(63px,9999px,116px,0);
    }

    70.83333333% {
        clip: rect(142px,9999px,112px,0);
    }

    75% {
        clip: rect(70px,9999px,55px,0);
    }

    79.16666667% {
        clip: rect(90px,9999px,89px,0);
    }

    83.33333333% {
        clip: rect(149px,9999px,150px,0);
    }

    87.5% {
        clip: rect(63px,9999px,93px,0);
    }

    91.66666667% {
        clip: rect(130px,9999px,82px,0);
    }

    95.83333333% {
        clip: rect(23px,9999px,16px,0);
    }

    to {
        clip: rect(29px,9999px,67px,0);
    }
}

@-webkit-keyframes glitch-anim-2 {
    6.66666667% {
        clip: rect(78px,9999px,5px,0);
    }

    10% {
        clip: rect(32px,9999px,97px,0);
    }

    13.33333333% {
        clip: rect(60px,9999px,127px,0);
    }

    16.66666667% {
        clip: rect(51px,9999px,40px,0);
    }

    20% {
        clip: rect(20px,9999px,70px,0);
    }

    23.33333333% {
        clip: rect(3px,9999px,125px,0);
    }

    26.66666667% {
        clip: rect(47px,9999px,142px,0);
    }

    30% {
        clip: rect(9px,9999px,74px,0);
    }

    33.33333333% {
        clip: rect(24px,9999px,90px,0);
    }

    36.66666667% {
        clip: rect(86px,9999px,7px,0);
    }

    40% {
        clip: rect(7px,9999px,101px,0);
    }

    43.33333333% {
        clip: rect(121px,9999px,138px,0);
    }

    46.66666667% {
        clip: rect(68px,9999px,129px,0);
    }

    50% {
        clip: rect(144px,9999px,132px,0);
    }

    53.33333333% {
        clip: rect(61px,9999px,80px,0);
    }

    56.66666667% {
        clip: rect(120px,9999px,123px,0);
    }

    60% {
        clip: rect(31px,9999px,32px,0);
    }

    63.33333333% {
        clip: rect(96px,9999px,59px,0);
    }

    66.66666667% {
        clip: rect(37px,9999px,47px,0);
    }

    70% {
        clip: rect(96px,9999px,14px,0);
    }

    73.33333333% {
        clip: rect(42px,9999px,128px,0);
    }

    76.66666667% {
        clip: rect(44px,9999px,140px,0);
    }

    80% {
        clip: rect(93px,9999px,128px,0);
    }

    83.33333333% {
        clip: rect(19px,9999px,141px,0);
    }

    86.66666667% {
        clip: rect(21px,9999px,19px,0);
    }

    90% {
        clip: rect(102px,9999px,90px,0);
    }

    93.33333333% {
        clip: rect(95px,9999px,27px,0);
    }

    96.66666667% {
        clip: rect(35px,9999px,149px,0);
    }

    to {
        clip: rect(38px,9999px,83px,0);
    }
}

@keyframes glitch-anim-2 {
    6.66666667% {
        clip: rect(78px,9999px,5px,0);
    }

    10% {
        clip: rect(32px,9999px,97px,0);
    }

    13.33333333% {
        clip: rect(60px,9999px,127px,0);
    }

    16.66666667% {
        clip: rect(51px,9999px,40px,0);
    }

    20% {
        clip: rect(20px,9999px,70px,0);
    }

    23.33333333% {
        clip: rect(3px,9999px,125px,0);
    }

    26.66666667% {
        clip: rect(47px,9999px,142px,0);
    }

    30% {
        clip: rect(9px,9999px,74px,0);
    }

    33.33333333% {
        clip: rect(24px,9999px,90px,0);
    }

    36.66666667% {
        clip: rect(86px,9999px,7px,0);
    }

    40% {
        clip: rect(7px,9999px,101px,0);
    }

    43.33333333% {
        clip: rect(121px,9999px,138px,0);
    }

    46.66666667% {
        clip: rect(68px,9999px,129px,0);
    }

    50% {
        clip: rect(144px,9999px,132px,0);
    }

    53.33333333% {
        clip: rect(61px,9999px,80px,0);
    }

    56.66666667% {
        clip: rect(120px,9999px,123px,0);
    }

    60% {
        clip: rect(31px,9999px,32px,0);
    }

    63.33333333% {
        clip: rect(96px,9999px,59px,0);
    }

    66.66666667% {
        clip: rect(37px,9999px,47px,0);
    }

    70% {
        clip: rect(96px,9999px,14px,0);
    }

    73.33333333% {
        clip: rect(42px,9999px,128px,0);
    }

    76.66666667% {
        clip: rect(44px,9999px,140px,0);
    }

    80% {
        clip: rect(93px,9999px,128px,0);
    }

    83.33333333% {
        clip: rect(19px,9999px,141px,0);
    }

    86.66666667% {
        clip: rect(21px,9999px,19px,0);
    }

    90% {
        clip: rect(102px,9999px,90px,0);
    }

    93.33333333% {
        clip: rect(95px,9999px,27px,0);
    }

    96.66666667% {
        clip: rect(35px,9999px,149px,0);
    }

    to {
        clip: rect(38px,9999px,83px,0);
    }
}

@font-face {
    font-family: 'bebas';
    src: url('/assets/fonts/bebasneue_bold-webfont.woff2') format('woff2'), url('/assets/fonts/bebasneue_bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'bebas';
    src: url('/assets/fonts/bebasneue_regular-webfont.woff2') format('woff2'), url('/assets/fonts/bebasneue_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@import url('https://fonts.googleapis.com/css?family=Lato:400,700|Montserrat:400,700,900');

html, body, form {
    height: 100%;
    font-family: 'Lato', sans-serif;
}

div.hover-scale {
    transition: transform linear 0.2s;
}

    div.hover-scale.active {
        transform: scale(1.1);
    }

    div.hover-scale:not(.active):hover {
        cursor: pointer;
        transform: scale(1.1);
    }

.bebas {
    color: white;
    font-family: 'bebas', sans-serif;
    font-weight: bold;
    font-size: 2em;
    text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.4);
}

h1.section-title {
    padding: 10px 30px;
    width: auto;
    background: rgba(0,0,0,0.2);
    border: 5px solid white;
    font-family: "Montserrat", sans-serif;
    color: white;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 35px;
    text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4);
    display: inline-block;
    border-radius: 15px;
    letter-spacing: 1px;
}

.bebas2 {
    font-size: 1.5em;
    font-family: 'bebas', sans-serif;
    font-weight: bold;
}

.bebas3 {
    font-family: 'bebas', sans-serif;
    font-weight: bold;
}

h1.brand {
    font-family: 'bebas', sans-serif;
    color: white;
    font-weight: bold;
    font-size: 72px;
}

#section-start h2 {
    text-align: center;
    margin: 5px auto;
    color: white;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 6px;
    /*display: inline-block;*/
    max-width: 25%;
    border-bottom: 7px solid white;
    padding: 5px 20px;
    /*border-radius: 15px;*/
    margin-top: 5px;
}

body {
    padding-top: 50px;
}

nav.navbar-fixed-top {
    /*min-height: 70px;*/
}

p.navbar-btn {
    padding-right: 15px;
    padding-left: 15px;
}

header {
    min-height: 100%;
    background: url(/assets/images/work2.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-box-shadow: inset 0px -5px 10px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0px -5px 10px 0px rgba(0,0,0,0.3);
    box-shadow: inset 0px -5px 10px 0px rgba(0,0,0,0.3);
}

    header img {
        margin-top: 60px;
        max-width: 25%;
    }

section {
    padding-top: 15px;
    padding-bottom: 15px;
    display: block;
    min-height: 102%;
    -webkit-box-shadow: inset 0px -5px 10px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0px -5px 10px 0px rgba(0,0,0,0.3);
    box-shadow: inset 0px -5px 10px 0px rgba(0,0,0,0.3);
}

    section.section {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        backround-repeat: no-repeat;
        background-position: center center;
        background-attachment: fixed;
    }

#section-features {
    background-image: url(/assets/images/contact.jpg);
}

#section-interesse {
    background-image: url(/assets/images/work3.jpg);
}

#section-wie {
    background-image: url(/assets/images/work.jpg);
}

#section-tps {
    background-image: url(/assets/images/choice.jpg);
}

a.anchor {
    display: block;
    position: relative;
    top: -50px;
    visibility: hidden;
}

.shadow {
    -webkit-filter: drop-shadow(3px 3px 7px rgba(0,0,0,0.75));
    filter: drop-shadow(3px 3px 7px rgba(0,0,0,0.75));
}

img {
    max-width: 100%;
}

    img.icon {
        width: 100%;
        padding: 15px;
        margin-top: 30px;
    }

        img.icon + p {
            margin-bottom: 30px;
        }

section .container, section .container-fluid {
}

p.quote {
    display: inline-block;
    padding: 15px;
    background: rgba(0,0,0,0.1);
    /*font-style: italic;*/
    font-size: 1.2em;
    color: white;
}

.aspNetDisabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.panel.panel-transparent {
    border-radius: 15px;
    background-color: rgba(255,255,255,0.95);
}