/*!
 * NeovuCSS v1.0.3 (http://startbootstrap.com/template-overviews/creative)
 * Copyright 2013-2022 Neovu
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

/* EXEMPLES ANIMATION */

/* 
.diagonal-left{
    background-image:linear-gradient(to bottom left,red 49.5%,black 50%);
    background-size: 200% 200%;
    background-position:bottom left;
  }
  
.diagonal-left:hover {
    background-position:top right;
  }
*/

/* TESTE */


.reveal {
    position: relative;
    transform: translateY(150px);
    opacity: 0;
    transition: 1s all ease;
}

.reveal.active {
    transform: translateY(0);
    opacity: 1;
}


.navbar-fixed-top {
    position: fixed;
}

.group-brand {
    background-color: #121316;
    padding: 0.1rem 2.5rem;
}

.group-brand .list-inline {
    padding: 0;
    margin-bottom: 0;
}

.group-brand .list-inline li {
    padding: 5px;
}

.group-brand a {
    color: #fff;
    font-size: 1rem;
    text-transform: uppercase;
    opacity: 0.1;
    text-decoration: none;
}

.group-brand li.active a {
    color: #fff;
    opacity: 1;
}

.group-brand a:hover {
    opacity: 1;
    color: #fff;
}

.group-brand article {
    display: inline-block;
}


.button-menu {
    background-color: transparent;
    border: none;
    bottom: 0;
    cursor: pointer;
    /* left: 60px; */
    /* right: 5rem; */
    /* margin: auto 0; */
    height: 40px;
    width: 30px;
    outline: none;
    margin-top: 25px;
    float: right;
    /* position: fixed; */
    position: relative;
    -webkit-transition: all 100ms ease-out;
    transition: all 100ms ease-out;
    z-index: 99999;
    /* top: -78%; */
    transform: translateY(-50%);
}

.fade-in-order--show {
    opacity: 1;
}

/* .fade-in-order {
    opacity: 0;
    -webkit-transition: opacity 300ms ease-in;
    transition: opacity 300ms ease-in;
} */

.button-menu--white .button-menu__line {
    background-color: #FFFFFF;
}

.button-menu--white .button-menu__line {
    background-color: #FFFFFF;
}

.button-menu:hover .button-menu__line {
    width: 30px;
}

.button-menu__line {
    position: relative;
    background-color: #101010;
    display: block;
    height: 2px;
    margin: 8px 0;
    -webkit-transition: all 100ms linear;
    transition: all 100ms linear;
    width: 30px;
}

.button-menu__line__bk {
    background-color: #101010 !important;
}

.button-menu__line:first-child {
    width: 25px;
}

.button-menu__line:last-child {
    width: 16px;
}

.button-menu.active .button-menu__line:first-child {
    margin: -2px 0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.button-menu.active .button-menu__line:last-child {
    margin: 0;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

/* .button-menu.active:hover .button-menu__line:last-child {
    width: 30px;
}
.button-menu.active:hover .button-menu__line:first-child {
    width: 30px;
} */

.button-menu.active .button-menu__line:last-child {
    width: 30px;
}

.button-menu.active .button-menu__line:first-child {
    width: 30px;
}

.button-menu.active .button-menu__line:nth-child(2) {
    display: none;
}

.float-menu.active {
    height: auto;
    opacity: 1;
    pointer-events: inherit;
}

.float-menu.active-mobile {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.float-menu {
    bottom: 0;
    pointer-events: none;
    /* left: calc(((100% - 1320px) / 2) + 150px); */
    left: 0;
    width: 100%;
    height: auto;
    margin: auto 0;
    padding-right: 2rem;
    opacity: 0;
    position: fixed;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: left 0.1s ease-in, width 0.1s ease-in, height 0.1s ease-in, opacity 0.8s ease-in, -webkit-transform 0.2s ease-in;
    transition: left 0.1s ease-in, width 0.1s ease-in, height 0.1s ease-in, opacity 0.8s ease-in, -webkit-transform 0.2s ease-in;
    transition: left 0.1s ease-in, width 0.1s ease-in, height 0.1s ease-in, transform 0.2s ease-in, opacity 0.8s ease-in;
    transition: left 0.1s ease-in, width 0.1s ease-in, height 0.1s ease-in, transform 0.2s ease-in, opacity 0.8s ease-in, -webkit-transform 0.2s ease-in;
    top: 0;
    z-index: 9999;
}

.float-menu .navbar-nav {
    padding-left: 0;
}

.navbar-nav>li {
    float: none;
}

.glass-effect {
    /* From https://css.glass */
    background: rgb(26 26 26 / 70%);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.none {
    display: none;
}

.social-links {
    margin-top: 0.5rem;
}

.social-links i {
    font-size: 2rem;
}

.social-links li {
    opacity: 1;
    transition: all 0.35s;
}

.social-links li:hover {
    transform: scale(1.1);
}

.copyright {
    margin-top: 2rem;
}


/* TESTE END */
/*/////////////////////////
ELEMENTS
////////////////////////*/


svg {
    width: 100%;
}

.fade-text {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9));
}



html,
body {
    display: initial;
    font-weight: 100;
}

body {
    -webkit-tap-highlight-color: #eb484d00;
    -webkit-font-smoothing: subpixel-antialiased;
    font-size: 1.4rem;
}

img::selection {
    color: white;
    background: transparent;
}

img::-moz-selection {
    color: white;
    background: transparent;
}



header {
    /* border-bottom: 1px solid #ffffff; */
    margin: 0rem 2rem 0;
    padding-left: 35px;
    padding-right: 35px;
    /* padding-bottom: 15px; */
}

a {
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s;
    transition: all 0.25s ease-in-out;
    color: #3d3d3d;
    font-weight: 600;
    font-family: 'Heebo';
    cursor: pointer;
}

a:hover,
a:focus {
    color: #3b3b3b;
    text-decoration: none;
}

a:hover img {
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    /*transform: scale(1.1);*/
}

a img {
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

h1,
h2,
h3,
h4 {
    font-family: 'Syne', 'Helvetica Neue', Arial, sans-serif;
    /* text-transform: uppercase; */
}

h3 {
    font-weight: 600;
    font-size: 30px;
}

h4 {
    font-weight: 400;
    font-size: 22px;
}

h1 {
    font-weight: 400;
    font-size: 3.7rem;
}


h2 {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 3.2rem;
}

h5,
h6 {
    font-family: 'Syne', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 400;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 12px;
    text-transform: uppercase;
}

p {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 20px;
    font-family: 'Heebo';
    font-weight: 400;
}

ul {
    list-style-type: none;
}

hr {
    width: 50px;
    border: 3px solid #3d3d3d;
    border-bottom: 0;
    margin-bottom: 9px;
    margin-top: 32px;
}

hr.line-primary {
    border: 3px solid #eb484d;
    border-bottom: 0;
    margin-bottom: 50px;
    margin-top: 10px;
}

hr.line-secondary {
    border: 3px solid #fff;
    border-bottom: 0;
}

.jumbotron p {
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 400;
}

/*////////////////////////////////
COMPONENTES
///////////////////////////////*/


.btn-custom {
    height: 90px;
    display: inline-block;
    width: 155px;
    padding: 8px;
    position: relative;
    background-image:linear-gradient(to top left,#d1ff33 50%,transparent 50%);
    background-size: 200% 200%;
    background-position:top left;
    transition: all 0.5s ease;

}

.btn-custom:hover {
    background-position:bottom right;
    /* background: #d1ff33; */
    text-decoration: none;
}

.btn-custom-dark {
    background-image:linear-gradient(to top left,#1a1a1a 50%,transparent 50%);
    background-size: 200% 200%;
    background-position:top left;
    transition: all 0.5s ease;

}

.btn-custom-dark:hover {
    /* background: #1A1A1A; */
    color: #d1ff33;
}

.btn-custom.btn-custom-dark i {
    background: #1A1A1A;
    color: #d1ff33;
}


.btn-custom i {
    position: absolute;
    top: 50px;
    right: 0;
    background: #d1ff33;
    font-size: 3rem;
    font-weight: 600;
    padding: 0.5rem 0.6rem;
    color: #0D0D0D;
    line-height: 0;
}

.btn-upload {
    height: 150px;
    width: 150px;
    top: 50%;
    margin-top: -33%;
    position: absolute;
    cursor: pointer;
    border-radius: 200px;
    opacity: 0;
}


.list-group-item {
    border: 0px solid #ddd;
    /* float: left; */
}

.label-default {
    background-color: #a2a2a2;
    color: #fff;
    font-size: 60%;
    font-weight: 400;
    text-transform: uppercase;
    border-radius: .12em;
    font-family: "Roboto Slab";
}

.label-default[href]:hover {
    background-color: #eb484d;
    color: #fff !important;
}

.panel-group .panel {
    border-radius: 0;
}

.panel-group .panel+.panel {
    margin-top: 0;
}

.panel {

    background-color: transparent;
    border: 0 solid transparent;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.panel-heading {
    border-bottom: 1px solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.panel-heading h4 {
    font-size: 1.5rem;
}

.panel-heading>a {
    text-decoration: none;
    text-transform: uppercase;
}

.panel-default>.panel-heading {
    color: #333;
    background-color: transparent;
    border: 1px solid #1c1c1c;
    border-bottom: none;
    border-right: none;
    border-left: none;
    padding: 1rem;
}

.panel-default:last-child {
    border-bottom: 1px solid #1c1c1c;
    ;
}


.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: transparent;
}

.mask-img {
    overflow: hidden;
    text-align: center;
    max-width: 150px;
    margin-top: 25px;
}

/* .container-fluid {
    margin-right: 70px;
    margin-left: 70px;
} */

/* .container-fluid.container-fluid-full {
    margin-right: auto;
    margin-left: auto;
    padding-right: 0;
    padding-left: 0;
} */

.affixing {
    position: -webkit-sticky;
    position: sticky;
}

.categories {
    color: #eb484d;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: "Roboto Slab";
    margin-bottom: 6px;
}

.modal {
    background: rgba(255, 255, 255, 0.8);
}

.modal h2 {
    font-size: 40px;
}


.modal-dialog {
    width: 80%;
    margin-top: -18em;
    top: 55%;
}

.modal-content {
    background-color: #787191;
    padding: 10px 40px;
    color: #fff;
}

.modal-header {
    border-bottom: 0 solid #e5e5e5;
}

.modal-header .close {
    float: right;
    font-size: 30px;
    font-weight: 300;
    line-height: 1;
    color: #fff;
    text-shadow: 0 0 0 #fff;
    opacity: 1;
}

.modal-content input[type="text"],
.modal-content input[type="email"],
.modal-content textarea {
    color: #fff;
    border-color: #fff !important;
}

.modal-content input[type="text"]:focus,
.modal-content input[type="email"]:focus,
.modal-content textarea:focus {
    background: rgba(255, 255, 255, 0.3);

}

.modal-content input[type="text"]::-webkit-input-placeholder,
.modal-content input[type="email"]::-webkit-input-placeholder,
.modal-content textarea::-webkit-input-placeholder {
    color: #fff !important;
}




.heading {
    background-color: #0d0e11;
    padding-top: 6rem;
    /* margin-top: 0;
    padding: 7em 2em 0em;
    color: #fff;
    /*background-color: #5a5a5a;*/
    /* font-weight: 100;
    position: relative;
    overflow: hidden;
    text-align: center; */
    /*-webkit-align-items: center;*/
    /*align-items: center;*/
    /*display: flex;*/
    /*-webkit-justify-content: center;*/
    /*justify-content: center;*/
}

.heading-content {
    padding: 0;
}

.heading-content h1 {
    margin: 0;
}

.heading-content-intern {
    padding: 0em 0 4em;
}

.heading-content img {
    margin-top: -8em;
}

.heading .page-scroll {
    position: absolute;
    bottom: 3rem;
    left: 0;
    right: 0;
}

.heading .page-scroll img {
    margin: auto;
    background-color: rgba(255, 255, 255, 0.3);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: block;
    height: 50px;
    outline: none;
    padding: 0;
    position: relative;
    text-align: center;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    width: 50px;
    z-index: 9999;
    opacity: 1;
}

.heading .page-scroll img:hover {
    background-color: rgba(255, 255, 255, 0.5);
}


.heading-inverse {
    margin-top: 8em;
    color: #3d3d3d;
    padding: 3em 50px 3em;
    font-weight: 100;
    background: #fff;
    position: relative;
}

.heading hr {
    width: 50px;
    border-top: 3px solid #fff;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    margin-bottom: 9px;
    margin-top: 32px;
}

.heading h1,
.heading h2 {
    letter-spacing: 1px;
    font-size: 2.5rem;
}


.heading h1 {
    text-align: left;
}

.heading h3 span {
    vertical-align: middle;
}

.heading p {
    color: #fff;
}

.heading a {
    color: #fff;
    opacity: 0.9;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.heading a:hover {
    opacity: 1;
}


.spacing-container {
    padding-top: 100px;
    padding-bottom: 100px;
}

.spacing-container-lg {
    padding-top: 200px;
    padding-bottom: 100px;
}

.spacing-container-md {
    padding-top: 80px;
    padding-bottom: 50px;
}

.spacing-container-sm {
    padding-top: 50px;
    padding-bottom: 50px;
}

.spacing-container-sx {
    padding-top: 50px;
    padding-bottom: 20px;
}

.spacing-container-xlg {
    padding-top: 20em;
    padding-bottom: 20em;
}

.spacing-container-lg-inverse {
    padding-top: 100px;
    padding-bottom: 300px;
}

.pagination>.active>span {
    background-color: #3b3b3b;
    border: 0px solid #ddd;
    margin-left: 5px;
    border-radius: 50px;
}

.pagination>li>a {
    position: relative;
    float: left;
    padding: 3px 10px;
    margin-left: 5px;
    line-height: 1.42857143;
    color: #337ab7;
    background-color: #fff;
    border: 0px solid #ddd;
    border-radius: 50px;
}

.pagination>li>span {
    padding: 3px 10px;
}

.pagination>li:last-child>a,
.pagination>li:first-child>a,
.pagination>li:first-child>span,
.pagination>li:last-child>span {
    background: transparent;
    font-size: 40px;
    line-height: 13px;
    border: none;
}

.heading-content {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.tag {
    padding: 5px;
    color: #fff;
    background: #555;
}

.list-inline>li {
    padding: 15px;
    font-family: 'Heebo';
    font-weight: 400;
    font-size: 16px;
}

.text-faded {
    color: rgba(255, 255, 255, 0.7);
}


input.form-control,
textarea.form-control {
    height: auto;
    padding: 12px 12px;
    background: transparent;
    outline: none;
    border-radius: 0;
    color: #3d3d3d;
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0px 0px rgba(100, 100, 100, 0), 0 0 0 rgba(255, 255, 255, 0);
    text-indent: 20px;
    transition: all .3s ease-in-out;
    position: relative;
    font-size: 14px;
    font-family: "Roboto Slab";
    font-weight: 400;
}

input.form-control:focus,
textarea.form-control:focus {
    text-indent: 5px;
    box-shadow: inset 0 0px 0px #efefef, 0 0 0 #efefef;
    border: 1px solid rgb(235, 72, 77);
    background: rgba(255, 255, 255, 0.3);
}

input.form-control.transparency {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
    font-weight: 400;
    font-family: "Roboto Slab";
}

input.form-control.transparency:focus {
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid #fff;
    color: #fff;
}

select.form-control {
    /* -webkit-appearance: none; */
    border-radius: 0 !important;
    -webkit-border-radius: 0px !important;
    background-image:
        linear-gradient(45deg, transparent 50%, gray 50%),
        linear-gradient(135deg, gray 50%, transparent 50%),
        linear-gradient(to right, #ccc, #ccc);
    background-position:
        calc(100% - 20px) 1.4em,
        calc(100% - 15px) 1.4em,
        calc(100% - 2.5em) 0.8em;
    background-size:
        5px 5px,
        5px 5px,
        1px 1.5em;
    background-repeat: no-repeat;
    height: 45px;
    padding: 12px 12px;
    box-shadow: 0 0 0 #333;
}

select:focus {
    outline: 0;
    box-shadow: 0 0 0 #333;
}

input.form-control::-webkit-input-placeholder.transparency:focus {
    color: #fff !important;
}

::-webkit-input-placeholder {
    color: #3d3d3d !important;
    font-family: Roboto Slab;
    font-weight: 400;
    font-size: 14px;
}

select::-webkit-input-placeholder {
    color: #3d3d3d !important;
    font-family: Roboto Slab !important;
    font-weight: 400 !important;
    font-size: 14px;
}


::-moz-placeholder {
    color: #3d3d3d !important;
    font-family: Roboto Slab;
    font-weight: 400;
    font-size: 14px;
}

:-moz-placeholder {
    color: #3d3d3d !important;
    font-family: Roboto Slab;
    font-weight: 400;
    font-size: 14px;
}

:-ms-input-placeholder {
    color: #3d3d3d !important;
    font-family: Roboto Slab;
    font-weight: 400;
    font-size: 14px;
}

/*////////////////////////////////
UTILS
///////////////////////////////*/


.hide {
    display: none;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.no-gutter {
    padding-right: 0;
    padding-left: 0;
}

.hide-form {
    display: none;
}

.padding-0 {
    padding: 0;
}

.padding-more {
    padding: 20px;
}

.margin-top--50 {
    margin-top: -50px;
}

.margin-top--60 {
    margin-top: 0em;
}

.margin-bottom--25 {
    margin-bottom: -25px;
}

.margin-0 {
    margin: 0 !important;
}

.margin-top-lg {
    margin-top: 150px;
}

.margin-top-md {
    margin-top: 100px;
}

.margin-top-sm {
    margin-top: 50px;
}

.margin-top-xs {
    margin-top: 25px;
}

.margin-bottom-lg {
    margin-bottom: 150px;
}

.margin-bottom-md {
    margin-bottom: 50px;
}

.margin-bottom-sx {
    margin-bottom: 20px;
}

.overflowHidden {
    overflow: hidden;
}

.no-overflow {
    overflow: inherit !important;
}


/*///////////////////////
LOADING BAR
///////////////////////*/

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.pace-inactive {
    display: none;
}

.pace .pace-progress {
    background: #fff;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 2px;
}

/*///////////////////////
END LOADING BAR
///////////////////////*/

/*///////////////////////
NAVIGATION
///////////////////////*/

/* nav#mainNav {
    border-bottom: 0;
    background: #fff;
    background: url("../img/nav-bk.png") #fff repeat-x;
    background: url("http://www.justsmith.com/img/static/nav-bk.png") #fff repeat-x;
} */

/* nav#mainNav .nav > li:first-child.active > a {
    padding: 8px 22px 8px;
    background: transparent;
} */

/* nav#mainNav .nav > li:first-child > a {
    padding: 8px 22px 8px;
    background: #fff;
} */
#navbar-collapse-1 {

    border-top: 0px solid transparent;
    -webkit-box-shadow: inset 0 0px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 0px 0 rgba(255, 255, 255, .1);
    top: 50%;
    left: 50%;
    transform: translate(-45%, -50%);
    border-color: #e7e7e7;
    position: absolute;
    /* right: 35%; */
    margin-left: -1rem;
    text-align: center;
}

.navbar-default .navbar-toggle .icon-bar {
    background: #fff;
}

.sidebar.sidebar-left .navbar-default .nav>li>a {
    padding: 10px 10px;
}

.navbar-fixed-top.scrolled {
    background-color: rgba(0, 0, 0, 1);
    transition: background-color 200ms linear;
    /* box-shadow: 0px -3px 5px #333; */
    /* background: rgba(255, 255, 255, 0.2);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    --webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3); */
}


/* .navbar-fixed-top.scrolled .nav>li>a,
.navbar-fixed-top.scrolled .nav>li>span {
    color: #3d3d3d;
} */


.navbar-fixed-top.scrolled .nav>li>a.btn-transparency {
    border: 2px solid #3d3d3d;
}


/* .navbar-fixed-top.scrolled .navbar-toggle .icon-bar {
    background: #3d3d3d;
} */

/*.navbar-fixed-top.scrolled .collapsed {*/
/*display: block;*/
/*}*/

/*.navbar-fixed-top.scrolled .collapse {*/
/*display: none!important;*/
/*}*/

.nav>li>a {
    position: relative;
    display: block;
    padding: 1.5rem;
}

.carousel-indicators {
    position: absolute;
    left: 50%;
    z-index: 15;
    width: 10%;
    margin-left: 35%;
}

.nav.carousel-indicators>li>a {
    position: relative;
    display: block;
    padding: 10px 10px 12px;
}

.nav.carousel-indicators>li>a:hover,
.nav.carousel-indicators>li>a:focus {
    text-decoration: none;
    background-color: transparent;
}

.carousel-indicators .active {
    width: 15px;
    height: 15px;
    margin: 15px;
    background-color: #fff;
}

.carousel-indicators li {
    display: block;
    width: 15px;
    height: 15px;
    margin: 15px;
    text-indent: -999px;
    cursor: pointer;
    border: 1px solid #fff;
    border-radius: 10px;
}

.navbar-default .navbar-toggle {
    border-color: transparent;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:active,
.navbar-default .navbar-toggle:focus {
    background: #eb484d !important;
    border-radius: 0;
}

.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:active .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
    background: #fff !important;
}


.navbar-default {
    background-color: #0d0e11;
    border-color: rgba(34, 34, 34, 0);
    /*font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;*/
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
}

.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    color: #fff;
}

.navbar {
    min-height: 37px;
    /*margin-left: 70px;*/
    /*margin-right: 70px;*/
    /* padding-bottom: 1rem; */
}

.navbar-header {
    float: none;
}

.navbar-default .navbar-header .navbar-brand {
    color: #eb484d;
    font-weight: 700;
    text-transform: uppercase;
    padding: 4px 0 0;
    margin-top: 3px;
    position: relative;
    z-index: 999999999;
}

.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus {
    color: #eb484d;
}

.navbar-default .nav>li>span {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 3rem;
    color: #fff;
    letter-spacing: 1px;
    font-family: Dosis;
    opacity: 0.7;
}

.navbar-default .nav>li>a,
.navbar-default .nav>li>a:focus {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 3rem;
    color: #fff;
    letter-spacing: 1px;
    opacity: 0.7;
}

.nav>li>a.btn {
    padding-top: 6px;
    padding-bottom: 6px;
}


.navbar-default .nav>li>a:hover,
.navbar-default .nav>li:hover>a,
.navbar-default .nav>li>a:focus:hover {
    color: #fff;
    opacity: 1;
}

.navbar-default .nav>li>nav>a {
    background-color: transparent;
    border-top: 0px solid transparent;
    color: #fff;
    opacity: 0.5;
}

.navbar-default .nav>li>nav>a:hover {
    opacity: 1;
    text-decoration: none;
}

.navbar-default .nav>li>nav>a.active {
    background-color: transparent;
    border-top: 0px solid transparent;
    color: #fff;
    opacity: 1;
}

.navbar-default .nav>li.active>a,
.navbar-default .nav>li.active>a:focus {

    background-color: transparent;
    border-top: 0px solid transparent;
    color: #eb484d;
    opacity: 1;

}

.heading .nav a.active {
    opacity: 1;
}

.heading .nav a {
    opacity: 0.5;
    background-color: transparent;
    border-top: 0px solid transparent;
    color: #ffffff;
    font-weight: 400;
    text-decoration: none;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    font-size: 1.6rem;
}

.heading .nav a:hover {
    opacity: 1;
}

.navbar-default .nav>li>nav>a {
    margin-right: 1rem;
}

.navbar-default .nav>li>nav>a:last-child {
    margin-right: 0;
}


/* .navbar-default .nav > li.active {
    background: #3d3d3d;
    border-top: 1px solid #3d3d3d;
} */

.navbar-default .nav>li.active>a:hover,
.navbar-default .nav>li.active>a:focus:hover {
    background-color: transparent;
    color: #eb484d;

}

.nav-pills>li>a {
    border-radius: 0px;
    color: #fff;
    padding: 5px 10px;
    font-family: Dosis;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 16px;
}

.nav-pills>li:hover {
    background: #fff;
}

.nav-pills>li.active a {
    background: #fff;
    color: #3d3d3d;
}

.nav-pills>li.active a:focus {
    background: #fff;
    color: #3d3d3d;
}

.nav-pills>li:hover a,
.nav-pills>li:focus a,
.nav-pills>li.active>a:hover {
    color: #3d3d3d;
    background: #fff;
}


.service .navbar-toggle {
    position: relative;
    float: none;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 0px solid transparent;
    border-radius: 0px;
}

.navbar-nav {
    vertical-align: middle;
    /*background: #fff;*/
}

/*///////////////////////
END NAVIGATION
///////////////////////*/


.btn-lg {
    padding: 1.2rem 3.2rem !important;
}

.btn-lg>i {
    margin-left: 6%;
}

.btn-md {
    padding: 8px 30px;
}

.btn-sm {
    padding: 8px 20px !important;
}

.btn-sm>i {
    margin-left: 6%;
}

/* .btn-default-nude {
    color: #ffffff;
    font-size: 16px;
    text-transform: uppercase;
    background: #1c1c1c;
} */



.btn-default {
    background-color: #1c1c1c;
    color: #fff;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    padding: 13px 20px;
    font-size: 14px;
    border-radius: 10px;
    border: 1px solid #1c1c1c;

}

.btn-primary {
    background-color: #382c63;
    color: #fff;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    border: none;
    padding: 13px 19px;

}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #3e2794;
    outline: 0;
    border: none;
    box-shadow: inset 0 0 0 #333;
}

.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #999999;
    border-color: #eb484d;
}

.btn-primary .badge {
    color: #eb484d;
    background-color: #ffffff;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
    color: #fff;
    background-color: #444;
    outline: 0;
    border: 1px solid #444;
    box-shadow: inset 0 0 0 #333;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    background-color: #ffffff;
    border-color: #ffffff;
}

.btn-default .badge {
    color: #ffffff;
    background-color: #222222;
}

.btn-transparency {
    background-color: transparent;
    color: #fff;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    border: 2px solid #fff;
}

.btn-transparency:hover {
    border: 2px solid #fff;
}

.btn-transparency-secondary {
    background-color: transparent;
    color: #eb484d;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    border: 2px solid #eb484d;
}

.btn-transparency:hover,
.btn-transparency:focus,
.btn-transparency:active:focus,
.btn-transparency.focus,
.btn-transparency:active,
.btn-transparency.active,
.open>.dropdown-toggle.btn-transparency {
    color: #3d3d3d;
    background: #fff;
}

.btn-transparency-secondary:hover,
.btn-transparency-secondary:focus,
.btn-transparency-secondary:active:focus,
.btn-transparency-secondary.focus,
.btn-transparency-secondary:active,
.btn-transparency-secondary.active,
.open>.dropdown-toggle.btn-transparency-secondary {
    color: #fff;
    background: #3e2794;
    border: 2px solid transparent;
}

.btn {
    font-weight: 600;
    text-transform: uppercase;
    padding: 2rem 2rem;
}

.btn-xl {
    padding: 15px 30px;
}

.btn-alpha {
    background: transparent;
}

.btn.btn-md i {
    margin-left: 13px;
    font-size: 16px;
}

::-moz-selection {
    color: rgb(30, 30, 30);
    text-shadow: none;
    background: #808080;
}

::selection {
    color: rgb(30, 30, 30);
    text-shadow: none;
    background: #818181;
}

/*/////////////
HOME PAGE
/////////////*/

/* ==== INTRO SECTION ==== */

#home-page h1 {
    color: #fff;
}

#home-page h1 {
    font-size: 2rem;
    font-size: 7.5rem;
    font-weight: 800;
    letter-spacing: -10px;
    line-height: 0.85;
}

.heading-home {
    background: #0d0e11;
    padding: 22rem 0 0;
}

.heading-home .banner-text {
    position: relative;
    color: #fff;
    padding-left: 5rem;
    text-align: left;
    z-index: 1;
}

.fullscreen-bg-video {
    /* position: relative; */
    height: auto;
    width: 100%;
    /* margin-top: -42rem;
    margin-bottom: -1rem; */
}

.home-about {
    position: relative;
    overflow: hidden;
    height: 100vh;
    width: 100%;
}

.home-about-video {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    pointer-events: none;
}

.home-about p {
    font-weight: 600;
}

.home-about .paragraph-1 {
    background: url('../img/home/img-bg-text-risk@2x.png')center left;
    background-size: 30%;
    background-repeat: no-repeat;
    padding: 3.5rem 0;
    display: flex;
    justify-content: flex-start;
    position: absolute;
    top: 15rem;
    left: 3rem;
}

.home-about .paragraph-1 p {
    font-family: "Syne";
}

.home-about .paragraph-1 span {
    font-weight: 800;
}

.home-about .paragraph-2 p {
    font-weight: 400;
    text-align: right;
}

.home-about .paragraph-2 {
    position: absolute;
    bottom: 12rem;
    right: 3rem;
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
}


/* ==== RESUME HIGHLIGHT SECTION ==== */

#highlight-heading h2 {
    font-size: 40px;

}


#highlight-heading h4 {
    margin-top: 30px;

}

#highlight-heading h5 {
    color: #fff;
    margin-top: 20px;
    line-height: 25px;

}

#highlight-heading h5 span {
    background: #333;
    padding: 0 8px 4px;
    font-weight: 100;
}

.home-services {
    position: relative;
    text-align: left;
    padding-top: 10rem;
    padding-bottom: 20rem;
    overflow: hidden;
}

.aside-home-services-img {
    position: absolute;
    top: -100px;
    left: 0;
    width: 35%;
}

.home-services-content {
    margin-top: 2rem;
    position: relative;
}

.home-services-content i{
    position: absolute;
    right: 3rem;
    top: 38%;
    font-size: 4rem;
    transform: translateY(50%);
}

.home-services-content:hover {
   text-decoration: none;
}

.home-services-content article {
    /* background: #fff; */
    background-image:linear-gradient(to right,#d1ff33 50%,#fff 0);
    background-size: 300% 200%;
    background-position: right;
    color: #222222;
    padding: 2rem 2rem;
    border-top: solid 2px #333;
    transition: all 1s ease;
}

.home-services-content:hover article {
    /* background: #d1ff33; */
    background-position: left;
    color: #222222;
}


.home-services-content:last-child article {
    border-bottom: solid 2px #333;
}

.home-services h3 {
    font-family: 'Syne', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 600;
    font-size: 5rem;
    margin-top: 5px;
    /* text-transform: uppercase; */
    transform: translateY(50%);
}

.home-services span {
    background: #d1ff33;
    padding: 0.15rem 0.5rem 0.1rem;
    font-size: 1rem;
    font-weight: 900;
    text-transform: uppercase;
}

.marquee-wrapper {
    position: relative;
    background: #222;
    overflow: hidden;
    padding: 4rem 0;
}

.marquee {
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    animation: marquee 10s linear infinite;
}

.marquee-content {
    display: inline-block;
}

.marquee-content span {
    font-size: 2.5rem;
    color: #fff;
    margin-right: 2rem;
    margin-left: 2rem;
    vertical-align: middle;
}

@keyframes marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

.home-cta {
    position: relative;
    background: #D1FF33;
    color: #010101;
    padding-top: 10rem;
    padding-bottom: 10rem;
}

.home-cta-title {
    padding-left: 0;
}

.home-cta-title img {
    width: 100%;
}

.home-cta-content {
    position: relative;
    padding-top: 4rem;
}

.home-cta-content img {
    position: absolute;
    left: -20px;
    top:20px;
    width: 80px;
    z-index: 99;
}

.home-cta-content h3 {
    font-family: 'Syne';
    z-index: 100;
    position: relative
}

.home-neoverso {
    position: relative;
    background: #fff;
    color: #010101;
    padding-top: 10rem;
    padding-bottom: 10rem;
}

/* ==== SERVICES SECTION ==== */
/* ========================== */

.services .services-ux {
    background: url('../img/home-design.jpg');
}

.services .services-dev {
    background: url('../img/home-design.jpg');
}

.services .services-strategy {
    background: url('../img/home-design.jpg');
}

.services .services-content {
    padding: 1rem 1.5rem;
    text-align: center;
    border-radius: 0.5rem;
    min-height: 25rem;
    width: 100%;
    height: auto;
    color: #fff;
}

.services .services-content h3 {
    font-size: 1.7rem;
}

#header-services {
    overflow: hidden;
    /*background: rgb(56, 46, 98);*/
}

#header-services h2 {
    font-size: 40px;
}

#header-services-design .btn,
#header-services-marketing .btn,
#header-services-technology .btn {
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s;
    transition: all 0.35s ease-in-out;

}

#header-services-design:hover .btn,
#header-services-marketing:hover .btn,
#header-services-technology:hover .btn {
    opacity: 1;
}



/*#header-services article:hover{*/
/*background-size: 150%;*/
/*}*/


/* ==== INTRO SECTION ==== */

#header-services-design-intro {
    background: rgb(56, 46, 98);
    background-repeat: no-repeat;
    padding-top: 5em;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s;
    transition: all 0.35s ease-in-out;
    /*overflow: hidden;*/
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}

/* ==== DESIGN SECTION ==== */

#header-services-design {
    background: url("../img/home-design.jpg");
    background-position: top;
    /*background-size: contain;*/
    background-repeat: no-repeat;
    padding-top: 7em;
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}



/*#header-services-design > .affixing {*/
/*top: 20%;*/
/*margin-bottom: 10em;*/
/*z-index: 3;*/

/*}*/

/* ==== TECHNOLOGY SECTION ==== */

#header-services-technology {
    background: url("../img/home-tecn.jpg");
    background-position: top;
    /*background-size: contain;*/
    background-repeat: no-repeat;
    padding-top: 7em;
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}


/*#header-services-technology > .affixing {*/
/*top: 20%;*/
/*margin-bottom: 10em;*/
/*z-index: 3;*/

/*}*/


/* ==== MARKETING SECTION ==== */

#header-services-marketing {
    background: url("../img/home-mkt.jpg");
    background-position: top;
    /*background-size: contain;*/
    background-repeat: no-repeat;
    padding-top: 7em;
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}

/*#header-services-marketing > .affixing {*/
/*top: 20%;*/
/*margin-bottom: 10em;*/
/*z-index: 3;*/

/*}*/

/* ==== END SERVICES SECTION ==== */
/* ============================== */

/* ==== CONTEXT SECTION ==== */
/* ========================= */

#header-context .affixing {
    top: 20%;
    margin-bottom: 10em;
    z-index: 3;
}

#header-context {
    background-color: rgb(255, 255, 255);
}

#header-context .container-up-right-inverse h3 {
    color: #eb484d;
}

#header-context .container-up-right-inverse {
    z-index: 3;
    /*margin-left: -75px;*/
    /*margin-top: 15px;*/
}




#header-context .container-up-right-inverse h3 span,
#header-context .container-up-left h3 span,
#header-context .container-up-right h3 span {
    color: #3d3d3d;
    font-size: 4.2em;
    font-weight: 700;
    text-transform: none;
}

.container-up-right {
    z-index: 3;
    /*margin-left: -75px;*/
    /*margin-top: 15px;*/
}

.container-up-right h3 {
    color: #eb484d;
}


.container-up-left {
    z-index: 3;
    /*margin-right: -75px;*/
    /*margin-top: -15px;*/
}

.slider li i {
    font-size: 104px;
}

.slider li h4 {
    font-size: 20px;
    font-weight: 600;
    color: #3d3d3d;
}

.slider li h4 span:last-child {
    font-size: 16px;
    font-weight: 400;
}

.slider li {
    color: #3d3d3d;
}



#graphic-pan-mobile {
    display: none;
}

#graphic-pan-mobile img {
    width: 200%;
}

/* ==== END CONTEXT SECTION ==== */
/* ============================== */

/* ==== CLIENTS SECTION ==== */
/* ========================= */

/* #header-clients .brand {
    border-top: 1px solid #333;
} */

/*/////////////
END HOME PAGE
/////////////*/

/*//////////////////////////
DESIGN PAGE
///////////////////////////*/

.heading-design {
    background: url("../img/img-heading-digital.png") #222328;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    color: #fff;
    width: 100%;
    height: 100vh;
}

.heading-industrial {
    background: url("../img/img-design-industrial-bg.jpeg") #63e8e1;
    background-position: center;
    background-size: 100%;
    background-attachment: fixed;
    background-repeat: repeat;
    color: #fff;
    height: 100vh;
    width: 100%;
}

.heading-industrial img#deodorant {
    position: absolute;
    width: 53%;
    height: auto;
    bottom: 21%;
    right: 51%;
    transform: translate(50%, 50%);

}

.heading-digital {
    background: url("../img/img-design-digital-bg.jpeg") #222328;
    background-position: center;
    background-size: 100%;
    background-attachment: fixed;
    background-repeat: repeat;
    color: #fff;
    height: 100vh;
    width: 100%;
}

.heading-digital img#laptop {
    position: absolute;
    width: 42%;
    height: auto;
    bottom: 25%;
    right: 23%;
    transform: translate(50%, 50%);
    /* -webkit-animation: sdb05 1.5s infinite;
    animation: sdb05 1.5s infinite; */
}

.heading-branding {
    background: url("../img/img-branding-bg.jpeg") #adadad;
    background-position: center;
    background-size: 100%;
    background-attachment: fixed;
    background-repeat: repeat;
    color: #fff;
    height: 100vh;
    width: 100%;
}

.heading-branding img#box {
    position: absolute;
    width: 50%;
    height: auto;
    bottom: 19%;
    right: 19%;
    transform: translate(50%, 50%);
}

.nav-heading {
    text-align: left;
    font-size: 1.5rem;
    padding-top: 5rem;
}

.nav-heading nav a {
    margin-right: 1rem;
}

#service-design {
    background: url("../img/img-bg-design-servicos2.jpg") #eb484d;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    color: #fff;
}

.service .affixing {
    top: 180px;
    margin-bottom: 5em;
    z-index: 3;
}

#service-design h3 {
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
}


.counter-slider {
    padding: 40px;
}

.counter-results {
    border: 2px solid #eb484d;
    border-bottom: none;
    padding: 12px;
}

.counter-results .status-churn {
    font-size: 22px;
    font-family: Dosis;
    font-weight: 700;
    color: #eb484d;
    text-transform: uppercase;
    margin-bottom: 0;
}


.counter-results hr {
    border: 3px solid #3d3d3d;
    border-bottom: 0;
    margin-top: 13px;
}

.counter-percent {
    font-size: 75px;
    font-family: Dosis;
    font-weight: 700;
}

.counter-percent>.unity {
    font-size: 35px;
}

.check-section {
    padding: 40px 0;
}

#section-recommendation .check-section .col-md-4,
#section-recommendation .check-section .col-md-3 {
    margin-bottom: 2%;
}

#section-recommendation .check-item {
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s;
    transition: all 0.35s ease-in-out;
    border: 2px solid #3e2794;
    padding: 15px;
}

#section-recommendation .check-item h5 {
    font-family: Dosis;
    text-transform: uppercase;
    font-size: 15px;
}

#section-recommendation .obj-results,
#section-recommendation .prod-results {
    color: #eb484d;
}

#section-recommendation .check-item:hover,
#section-recommendation .check-item:focus {
    color: #fff;
}

#section-recommendation label.check-item {
    background: #fff;
    cursor: pointer;
    padding: 50px 50px;
}

#section-recommendation label.check-item:hover {
    color: #3d3d3d;
    background: #eee;
}

#section-recommendation input[type=checkbox] {
    display: none;
}

#section-recommendation input[type=checkbox]:checked+label {
    background: #0A246A;
    color: #fff;
}

#results-recommendation {
    background: url("../img/img-bg-design-recomend.jpg") no-repeat;
    background-position: bottom;
    /*background-size: cover;*/
    background-attachment: fixed;
    color: #fff;
}

#results-recommendation a {
    margin-top: 30px;
}

.disable-input {
    background: transparent;
    position: absolute;
    top: 50%;
    margin-top: 34%;
    z-index: 1000;
    width: 100%;
    height: 50px;
}

/*//////////////////////////
END DESIGN PAGE
///////////////////////////*/

/*//////////////////////////
ABOUT PAGE
///////////////////////////*/

.heading-about {
    /* background: url("../img/img-about-banner.jpg") #eb484d; */
    background: url("../img/img-about-map.png") #3e3e3e;
    background-position: 65% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
}

#about-page .unslider-nav {
    position: absolute;
    margin: -30px -4%;
    left: 50%;
}

#about-page .unslider-nav li {
    border: 1px solid #fff;
}

#about-page .unslider-nav ol li.unslider-active {
    background: #fff;
}

.neovu-audio {
    color: #eb484d;
}

.neovu-audio i.fa {
    color: #eb484d;
    font-size: 30px;
    margin-top: 20px;
}

#manifesto {
    background: #efefef;
    padding: 35px 30px;
}

#manifesto hr.line-primary {
    margin-bottom: 20px;
}

#method {
    position: relative;
    z-index: 2;
}


.method-title {
    text-align: center;
    position: absolute;
    margin-top: -6%;
    top: 50%;
    margin-left: -6%;
    left: 35%;
    z-index: 3;
}

.met-close {
    padding: 10px;
}

.met-close i {
    font-size: 20px;
}

#work-here {
    overflow: hidden;
    position: relative;
}

#work-here aside {
    position: absolute;
    right: -15px;
    z-index: 3;
}

#work-here article {
    border: 3px solid #3d3d3d;
    padding-left: 60px;
}

.founders-content {
    background: #efefef;
    padding: 35px 30px;
}

/*//////////////////////////
END ABOUT PAGE
///////////////////////////*/

/*//////////////////////////
BRANDS PAGE
///////////////////////////*/

#brands-page {
    background: #e0e0e0;
}

/*//////////////////////////
END BRANDS PAGE
///////////////////////////*/


/*//////////////////////////
MANUFATURE PAGE
///////////////////////////*/

.heading .nav {
    text-align: center;
}

.heading .banner-text h1,
.heading .banner-text p {
    text-align: center;
    color: #fff;
}

.heading .banner-text h1 {
    font-size: 6rem;
    font-weight: 800;
    letter-spacing: -5px;
    line-height: 60px;
}

.heading .banner-text p {
    margin-left: -130px;
    font-size: 1.2rem;
}

.advantage .list-inline>li {
    border: 1px solid #eee;
    padding: 1px 8px;
    font-size: 1.1rem;
    background-color: #eee;
    font-weight: 400;
}

.advantage .list-inline>li,
.advantage .list-inline>li:last-child,
.advantage .list-inline>li:first-child {
    border-radius: 17px;
}

.heading-3dprint-img {
    background: url("../img/img-manufatura-3d-noise.png") #1c1c1c;
    background-position: 50% 30%;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    color: #fff;
    /* text-align: left; */
    /* height: 22rem; */
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 40%;

}

.section-steps .container .jumbotron,
.section-steps .container-fluid .jumbotron {
    padding-right: 40px;
    padding-left: 40px;
    transition: all 0.5s ease;
}

.section-steps .jumbotron:hover {
    transform: scale(1.05);
    /* Equal to scaleX(0.7) scaleY(0.7) */
}

.section-steps .jumbotron span {
    font-size: 4rem;
    font-weight: 800;
    text-transform: uppercase;
    font-family: Syne;
}

.section-steps .jumbotron h4 {
    font-size: 1.3rem;
    font-weight: 600;
    text-transform: uppercase;
    font-family: Syne;
}

#print-education i.lni {
    font-size: 4rem;
    text-align: center;
}

.specs {
    padding: 0 0 10rem;
}

/* .heading-lasercut {
    background: url("../img/img-lasercut-noise.png") #e76900;
    background-position: 50% 30%;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    color: #fff;
    text-align: left;
} */

.heading-lasercut-img {
    background: url("../img/img-lasercut-noise.png") #1c1c1c;
    background-position: 50% 30%;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    color: #fff;
    /* text-align: left; */
    /* height: 22rem; */
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 40%;

}

/* .heading-router {
    background: url("../img/img-manufatura-cnc-noise.png") #008ee7;
    background-position: 50% 30%;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    color: #fff;
    text-align: left;
} */

.heading-router-img {
    background: url("../img/img-manufatura-cnc-noise.png") #1c1c1c;
    background-position: 50% 30%;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    color: #fff;
    /* text-align: left; */
    /* height: 22rem; */
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 40%;

}

#service-marketing {
    background: url('../img/img-bg-marketing-servicos.jpg') #3d3d3d;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    color: #fff;
}

#service-marketing ol>li {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 20px;
    font-family: "Roboto Slab";
    font-weight: 400;
}

.panel-title {
    position: relative;
}

.panel-title::after {
    content: "\f107";
    color: #333;
    top: -2px;
    right: 0px;
    position: absolute;
    font-family: "FontAwesome"
}

.panel-title[aria-expanded="true"]::after {
    content: "\f106";
}

/*//////////////////////////
END MANUFATURE PAGE
///////////////////////////*/
/*//////////////////////////
SLIDE SERVICES
///////////////////////////*/

.slide-services {
    overflow-x: scroll;
    overflow-y: clip;
    /* transform: translateY(-50%);  */
    white-space: nowrap;
    cursor: ew-resize;
    margin-top: 0;
    margin-bottom: 10rem;
}

.slide-services .slide-contents {
    background: black;
    width: 40%;
    height: auto;
    display: inline-block;
}

.slide-services .slide-contents img {
    width: 100%;
    height: auto;
}

/*//////////////////////////
END SLIDE SERVICES
///////////////////////////*/

.typed-cursor {
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}

@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

#type {
    color: #333;
}

/*.bg-gradient-dinamic {*/
/*width: 100%;*/
/*height: 100%;*/
/*position: absolute;*/
/*left: 0;*/
/*top: 0;*/
/*opacity: 0.5;*/
/*background-attachment: fixed;*/
/*!*background: linear-gradient(232deg, #a1a1a1, #707070, #667b9f, #8cafd2) 0% 0% / 500% 500%;*!*/
/*background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #53455b), color-stop(100%, #201d22));*/
/*background-image: -moz-linear-gradient(top, #53455b 0%, #201d22 100%);*/
/*background-image: -webkit-linear-gradient(top, #53455b 0%, #201d22 100%);*/
/*background: linear-gradient(232deg, #f67a13, #ff2238, #f67d35, #ff4f68) 0% 0% / 500% 500%;*/
/*-webkit-animation: AnimationGradientBackground 30s ease infinite;*/
/*-moz-animation: AnimationGradientBackground 30s ease infinite;*/
/*-o-animation: AnimationGradientBackground 30s ease infinite;*/
/*animation: AnimationGradientBackground 30s ease infinite;*/
/*}*/

/*@-webkit-keyframes AnimationGradientBackground {*/
/*0% {*/
/*background-position: 0% 50%*/
/*}*/
/*50% {*/
/*background-position: 100% 50%*/
/*}*/
/*100% {*/
/*background-position: 0% 50%*/
/*}*/
/*}*/

/*@-moz-keyframes AnimationGradientBackground {*/
/*0% {*/
/*background-position: 0% 50%*/
/*}*/
/*50% {*/
/*background-position: 100% 50%*/
/*}*/
/*100% {*/
/*background-position: 0% 50%*/
/*}*/
/*}*/

/*@-o-keyframes AnimationGradientBackground {*/
/*0% {*/
/*background-position: 0% 50%*/
/*}*/
/*50% {*/
/*background-position: 100% 50%*/
/*}*/
/*100% {*/
/*background-position: 0% 50%*/
/*}*/
/*}*/

/*@keyframes AnimationGradientBackground {*/
/*0% {*/
/*background-position: 0% 50%*/
/*}*/
/*50% {*/
/*background-position: 100% 50%*/
/*}*/
/*100% {*/
/*background-position: 0% 50%*/
/*}*/
/*}*/

/*.btn-scroll a {*/
/*padding-top: 60px;*/
/*background: transparent;*/
/*}*/

a.btn-scroll img {
    -webkit-animation: sdb05 1.5s infinite;
    animation: sdb05 1.5s infinite;
    box-sizing: border-box;
}

.btn-scroll.btn-scroll-inverse a:hover img {
    -webkit-animation: sdb05 1.5s infinite;
    animation: sdb05 1.5s infinite;
    box-sizing: border-box
}

/* ////////////////////
ANIMATION ARROW HEADING 
////////////////////*/

@-webkit-keyframes sdb05 {
    0% {
        -webkit-transform: translate(0, 0);
    }


    50% {
        -webkit-transform: translate(0, 20px);
    }

    100% {
        -webkit-transform: translate(0, 0);
    }
}

@keyframes sdb05 {
    0% {
        -webkit-transform: translate(0, 0);
    }

    50% {
        -webkit-transform: translate(0, 20px);
    }

    100% {
        -webkit-transform: translate(0, 0);
    }
}

/*////////////////
BLOG PAGE
/////////////////*/

.heading-blog {
    background: url("../img/img-insights-banner.jpg") #eb484d;
    background-position: 65% 50%;
    background-size: cover;
    /*background-attachment: fixed;*/
    background-repeat: no-repeat;
    color: #fff;
}


#blog-content a:hover,
#blog-content a:focus {
    text-decoration: none;
    color: #eb484d;
}

#blog-content p {
    margin-bottom: 10px;
}

#blog-content .complement-post>span:first-child {
    font-size: 12px;
    font-family: "Roboto Slab";
    font-weight: 700;
    margin-right: 10px;
}

.post-content {
    color: #3d3d3d;
}

.post-content a {
    color: #eb484d;
    line-height: 1.5;
    font-family: "Roboto Slab";
    font-weight: 400;
}

#blog-content li {
    padding: 2px;
    margin-right: 2px;
}

#blog-content li:last-child {
    margin-right: 0;
}

.sidebar .filter {
    padding: 10px;
}

.filter hr.line-primary {
    margin-bottom: 10px;
}

.filter li .badge {
    margin-left: 5px;
}

.sidebar ul {
    padding-left: 0;
}

.sidebar.affixing {
    top: 100px;
    margin-bottom: 10em;
}

.sidebar .sidebar-newsletter {
    padding: 23px;
}

.sidebar .sidebar-adv {
    padding: 6em 23px 10em;
}

.sidebar .sidebar-newsletter {
    background: url('../img/img-sidebar-blog-bg.png') #3d3d3d;
    background-size: cover;
    background-repeat: no-repeat;
}

#blog-content .sidebar-adv {
    background: url('../img/img-ads-cms-bg.png') #3d3d3d;
    background-size: cover;
}

.sidebar .sidebar-newsletter img {
    margin-top: 11em;
}

.sidebar .sidebar-newsletter input[type="submit"] {
    background: #eb484d;
    color: #fff;
    text-transform: uppercase;
    text-indent: 0;
    font-family: Dosis;
    font-weight: 400;
    border: 1px solid transparent;
}

.sidebar .sidebar-newsletter input[type="submit"]:hover {
    background-color: #3e2794;
}

.sidebar .sidebar-newsletter input.form-control::-webkit-input-placeholder {
    color: #fff !important;
}

.sidebar .sidebar-newsletter input.form-control::-moz-placeholder {
    color: #fff !important;
}

.sidebar .sidebar-newsletter input.form-control:-ms-input-placeholder {
    color: #fff !important;
}

#blog-single-page p>img {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
}

.post-cover {
    position: relative;
}

.post-cover-title h2 {
    font-size: 45px;
}

.post-cover-nav {
    z-index: 3;
    position: relative;
}

.post-cover-content {
    padding: 50px 30px 50px;
    width: 100%;
    min-height: 600px;
}

.post-cover-title,
.post-cover-caption {
    z-index: 3;
    position: relative;
    color: #fff;
    padding-top: 100px;
}

.post-cover-caption {
    padding-top: 70px;
}

.post-overlay {
    background: #0d1333;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.5;
    z-index: 2;
    width: 100%;
    height: auto;
    min-height: 600px;
}

.post-cover-content nav input[type="text"] {
    border: 1px solid #fff;
    color: #fff;
}

.post-cover-content nav input[type="submit"] {
    font-family: Dosis;
}

.post-cover-content nav input[type="text"]::-webkit-input-placeholder {
    color: #fff !important;
}

.post-cover-content nav input[type="text"]:focus {
    background: rgba(255, 255, 255, 0.3);
}


h4.side-line:before {
    content: normal;
    border-bottom: 1px solid #3d3d3d;
    margin-bottom: -20px;
}

/* ==== SERVICES BOX ==== */

#service-box {
    background: url("../img/bg-services-neovu.png");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 30px;
}

.service-box p {
    margin-bottom: 0;
}

.service-box {

    color: #010101;
}

.service-box h3 {
    font-size: 4rem;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: -3px;
    line-height: 40px;
}

/* .service-box-tecnologia {
    background: url("../img/img-bg-box-tecnologia-servicos.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 30px;
}

.service-box-marketing {
    background: url("../img/img-bg-box-marketing-servicos.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 30px;
} */

/* ==== RECENT POSTS ==== */

#recent-posts {
    background: #efefef;
}

#recent-posts h3 {
    margin-top: 0;
}

#recent-posts li {
    margin-bottom: 30px;
}

#recent-posts li>a {
    font-size: 22px;
    font-family: "Roboto Slab";
    font-weight: 500;
    line-height: 26px;
    background-image: linear-gradient(180deg, transparent 65%, #eb484d 0);
    background-size: 0 100%;
    background-repeat: no-repeat;
    text-decoration: none;
    -webkit-transition: background-size .4s ease;
    -moz-transition: background-size .4s ease;
    -ms-transition: background-size .4s ease;
    -o-transition: background-size .4s ease;
    transition: background-size .4s ease;
}

#recent-posts li>a:hover {
    background-size: 100% 100%;
    text-decoration: none;
}

#recent-posts hr {
    width: 100%;
    border: 1px solid #3d3d3d;
    border-bottom: 0;
}

#recent-posts .btn-default {
    background: #3d3d3d;
    border: 0px solid #3d3d3d;
    color: #fff;
    font-family: dosis;
    font-size: 14px;
}

/*////////////////
END BLOG PAGE
/////////////////*/

/*////////////////////
TECHNOLOGY PAGE
//////////////////////*/

.heading-technology {
    background: url("../img/img-tecnology-banner.jpg") #eb484d;
    background-position: 65% 50%;
    background-size: cover;
    /*background-attachment: fixed;*/
    background-repeat: no-repeat;
    color: #fff;
}

#service-technology {
    background: url("../img/img-bg-tecnologia-servicos.jpg") #eb484d;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    color: #fff;
}



#cms-recommendation .cms-benefits i {
    color: rgb(120, 113, 145);
    font-size: 20px;
}

.cms-benefits img {
    height: 43px;
}

.screen-cms img {
    margin-bottom: -10em;
}

.tecnologias {
    padding: 45px 0 65px;
}

.tecnologias .logos ul {
    text-align: center;
}

.tecnologias .logos ul li {
    display: inline;
    margin: 0px 15px;
    width: 45px;
}

/*////////////////
BRANDS PAGE
/////////////////*/

.heading-brands {
    padding: 8rem 0;
}

.heading-brands .heading-neoscope {
    background: url("../img/img-heading-industrial.png") #e0e0e0;
    background-position: -150% 50%;
}

.heading-brands .heading-neopuzzle {
    background: url("../img/img-heading-industrial.png") #e0e0e0;
    background-position: 150% 50%;
}

.heading-brands .heading-neoscope,
.heading-brands .heading-neopuzzle {
    background-size: 90%;
    /* background-attachment: fixed; */
    background-repeat: no-repeat;
    color: #fff;
    height: 60vh;
    padding-top: 3rem;
    padding-bottom: 3rem;
    margin-bottom: 8rem;
}

.heading-brands .heading-content-intern {
    margin-top: 2rem;
}

.heading-brands .heading-neoscope .heading-content-intern {
    background: #000;
    display: inline-block;
    margin-left: 40rem;
    padding: 3rem;
    text-align: left;
}

.heading-brands .heading-neopuzzle .heading-content-intern {
    background: #000;
    display: inline-block;
    margin-left: 4rem;
    padding: 3rem;
    text-align: left;
}

.messagesClock a {
    color: #fff;
    font-size: 20px;
    font-family: "Roboto Slab", 'Helvetica Neue', Arial, sans-serif;
    font-weight: 400;
    text-decoration: underline;
}

#contact-page h3 {
    font-size: 40px;
    font-weight: 700;
}

#contact-page textarea {
    height: 150px;
}

#contact-page input[type="radio"] {
    margin-right: 10px;
}

#contact-page .heading p>a {
    /*font-size: 20px;*/
    padding-left: 10px;
    padding-right: 10px;
    font-family: roboto slab;
    font-weight: 400;
}

/* ==== FORM ==== */

#step-2 .form-group input[type=radio] {
    position: absolute;
    visibility: hidden;
}

#step-2 .form-group label {
    display: block;
    /* position: relative; */
    font-weight: 300;
    font-size: 1.35em;
    padding: 25px 25px 10px 40px;
    margin: 0px auto;
    height: 30px;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

#step-2 .form-group .check {
    display: inline-block;
    position: relative;
    border: 5px solid #AAAAAA;
    border-radius: 100%;
    height: 25px;
    width: 25px;
    top: -9px;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}


#step-2 .form-group .check::before {
    content: '';
    border-radius: 100%;
    height: 13px;
    width: 13px;
    top: 0px;
    left: 1px;
    margin: 1px auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

#step-2 input[type=radio]:checked~.check {
    border: 5px solid #eb484d;
}

#step-2 .form-group .check::before {
    display: block;
    /* position: absolute; */
    content: '';
    border-radius: 100%;
    height: 13px;
    width: 13px;
    top: 50px;
    /* left: 5px; */
    margin: 1px auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

#step-2 input[type=radio]:checked~.check::before {
    background: #eb484d;
}

#step-2 input[type=radio]:checked~label {
    color: #eb484d;
}

.iconicfill-pen-alt2 {
    position: absolute;
    left: 10px;
    color: #fff;
    font-size: 19px;
    opacity: 1;
    top: 0;
    transform: translateX(-100px);
}

[class*="iconicfill-"]:before {
    font-family: 'IconicFill', sans-serif;
}

/* ==== Pen animation ==== */
.move-pen {
    animation: move-pen 1s ease-in infinite alternate;
}

@keyframes move-pen {
    from {
        transform: translateX(-4px) rotate(6deg);
    }

    to {
        transform: translateX(4px) rotate(-3deg);
    }
}




/*////////////////
END CONTACT PAGE
/////////////////*/


/*////////////////
JOBS PAGE
/////////////////*/

#service-jobs {
    background: url('../img/img-bg-jobs.jpg') #eb484d;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    color: #fff;
}

/*////////////////
END JOBS PAGE
/////////////////*/

/*////////////////
MODAL PAGE
/////////////////*/

#budget .modal-content,
#recom-mark .modal-content {
    background-image: url("../img/img-modal-orcamento.png");
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 35%;
}

#material .modal-content {
    background-image: url("../img/img-modal-materiais.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 35%;
}

#material2 .modal-content {
    background-image: url("../img/img-modal-materiais.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 35%;
}

#jobs-page .modal-content {
    background-image: url("../img/img-modal-jobs.png");
    background-repeat: no-repeat;
    background-position: 0 100%;
}

#myjob .modal-content {
    background-image: url("../img/img-modal-jobs.png");
    background-repeat: no-repeat;
    background-position: 0 100%;
}

#recom-mark input.form-control,
#recom-mark textarea.form-control {
    height: auto;
    padding: 12px 12px;
    color: #fff;
    font-size: 14px;
}


/*////////////////
END MODAL PAGE
/////////////////*/



/*////////////////
LOGIN PAGE
/////////////////*/

#login-page {
    background: url('../img/img-bg-login.jpg');
    background-position: center;
    background-size: cover;
    color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
}

#login-page nav {
    padding: 30px;
}

#login-page input {
    border-color: #fff;
    color: #fff;
}

#login-page input:focus {
    background: rgba(255, 255, 255, 0.5);
}

#login-page input::-webkit-input-placeholder {
    color: #fff !important;
}

#login-page a.btn-back i {
    margin-right: 10px;
    font-weight: 600;
}

#login-page a.btn-back {
    font-size: 14px;
    font-weight: 600;
}

#login-page a.btn-forgot {
    color: #fff;
    font-family: "Roboto Slab";
}

#login-page .btn {
    font-family: Dosis;
}

/*////////////////
END LOGIN PAGE
/////////////////*/

/*////////////////
NEWSLETTER PARTIAL PAGE
/////////////////*/

#newsletter {
    /*background: #eb484d;*/
    color: #3d3d3d;
    background: #efefef;

}

#newsletter input::-webkit-input-placeholder {
    color: #3d3d3d !important;
}

#newsletter input::-moz-placeholder {
    color: #3d3d3d !important;
}

#newsletter input:-ms-input-placeholder {
    color: #3d3d3d !important;
}

#newsletter input:-ms-input-placeholder {
    color: #3d3d3d !important;
}

#newsletter input {
    border: 2px solid #3d3d3d;
    color: #3d3d3d;
}

#newsletter input:focus {
    background: rgba(255, 255, 255, 0.3);
}

#newsletter h3 {
    font-weight: 600;
    margin-top: 0;
}

#newsletter .btn-default:hover {
    background: #0A246A;
    color: #fff;
}


/*////////////////
END NEWSLETTER PARTIAL PAGE
/////////////////*/

/*////////////////
FOOTER PARTIAL PAGE
/////////////////*/

footer {
    background: #0d0e11;
    padding: 0 0 1rem;
    color: #fff;
}

footer h3 {
    color: #ffffff;
    margin: 0;
    text-transform: none;
}

.footer-links {
    color: #ffffff;
    margin: 20px 0 12px;
    padding: 0;
}

/* footer ul li a {
    display: inline-block;
    margin-top: 27px;
    font-family: Dosis;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    background-image: linear-gradient(180deg, transparent 65%, #eb484d 0);
    background-size: 0 100%;
    background-repeat: no-repeat;
    text-decoration: none !important;
    -webkit-transition: background-size .4s ease;
    -moz-transition: background-size .4s ease;
    -ms-transition: background-size .4s ease;
    -o-transition: background-size .4s ease;
    transition: background-size .4s ease;
} */

footer ul li a:visited,
footer ul li a:focus,
footer ul li a:link {
    text-decoration: none !important;
    color: #fff;
}

footer ul li a:hover {
    background-size: 100% 100%;
    text-decoration: none;
}

footer ul>li {
    display: inline-block;
    font-family: Dosis;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
}

footer .footer-company-name {
    font-size: 14px;
    font-weight: 400;
    margin-right: 10px;
    opacity: 0.3;
}

.footer-logo img {
    vertical-align: top;
    opacity: 0.3;
}

/* ==== MAPS ==== */

footer .img-map {
    width: 100%;
}

.map-contact h6 {
    color: #eb484d;
}

.map-contact hr {
    margin-bottom: 10px;
    margin-top: 40px;
}

.map-contact div {
    width: 100%;
    height: 500px;
    border: 0;
    /*pointer-events:none;*/

}

footer .address-contact {
    color: #fff;
    font-family: "Dosis";
}

footer p {
    color: #fff;
    font-family: "Dosis";
    font-weight: 400;

}

/*////////////////
END FOOTER PARTIAL PAGE
/////////////////*/

.fb-messengermessageus {
    position: fixed !important;
    right: 10px;
    bottom: 10px;
    z-index: 9999;
    text-align: right;
}

/*////////////////
MOBILE
/////////////////*/

@media (min-width: 768px) {
    /*.navbar-nav > li > a {*/
    /*padding-bottom: 10px;*/
    /*}*/

    .navbar-brand {
        /*display: none;*/
        height: 25px;
    }

    .navbar-default {

        background-color: #0d0e11;
        border-color: rgba(34, 34, 34, 0);
    }

    .navbar-default .navbar-header .navbar-brand {
        color: rgba(255, 255, 255, 0.7);
    }

    .navbar-default .navbar-header .navbar-brand:hover,
    .navbar-default .navbar-header .navbar-brand:focus {
        color: white;
    }


    .navbar-default.affix {
        background-color: #fff;

    }

    .navbar-default.affix .navbar-header .navbar-brand {
        color: #eb484d;
        font-size: 14px;
    }

    .navbar-default.affix .navbar-header .navbar-brand:hover,
    .navbar-default.affix .navbar-header .navbar-brand:focus {
        color: #eb484d;
    }

    /* .navbar-default.affix .nav > li > a,
    .navbar-default.affix .nav > li > a:focus {
        color: #222222;
    } */

    .navbar-default.affix .nav>li>a:hover,
    .navbar-default.affix .nav>li>a:focus:hover {
        color: #eb484d;
    }

}

@media (max-width: 768px) {

    .nav>li>a {
        padding: 10px 12px 10px;
    }

    .spacing-container-lg {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .tab-content .active {
        display: none;
    }
}

@media (max-width: 420px) {

    .navbar-brand {
        margin-top: 18px !important;
    }

    .navbar-default .nav>li>a {
        font-size: 20px;
        color: #3d3d3d;
    }

    .navbar-default .navbar-toggle {
        margin-top: 15px;
    }

    .navbar-default .nav>li>a:hover,
    .navbar-default .nav>li>a:focus:hover {
        color: black;
    }

    /* .navbar-nav{
        background: #fff;
    } */

    .button-menu {
        margin-top: 40px;
    }

    header {
        margin: 15px 0 0;
    }

    .heading {
        padding: 6em 1em;
        overflow: hidden;
    }

    .heading .nav a {
        font-size: 1.4rem;
    }

    .heading h1 {
        font-size: 1.6rem;
    }

    .heading-content img {
        margin-top: -4em;
    }

    .heading-industrial img#deodorant {
        /* position: absolute; */
        width: 100%;
        /* height: auto; */
        bottom: 21%;
        right: 50%;
        /* transform: translate(50%, 50%); */
    }

    .heading-digital img#laptop {
        /* position: absolute; */
        width: 92%;
        /* height: auto; */
        bottom: 22%;
        right: 48%;
        /* transform: translate(50%, 50%); */
    }

    .heading-branding img#box {
        /* position: absolute; */
        width: 120%;
        /* height: auto; */
        bottom: 10%;
        right: 63%;
        /* transform: translate(50%, 50%); */
    }

    .list-inline>li {
        display: list-item;
    }

    .post-cover-title h2 {
        font-size: 27px;
    }

    #highlight-heading h2 {
        font-size: 35px;
    }

    .service .affixing {
        top: 80px;
        margin-bottom: 5em;
    }

    .nav>li>a {
        position: relative;
        display: inline-block;
        padding: 10px 26px 12px;
    }

    #header-services nav {
        display: none;
    }

    .nav-stacked>li {
        float: left;
    }

    .container-up-left,
    .container-up-right {
        margin-right: 0px;
        margin-left: 0;
    }

    /*h1 {*/
    /*font-size: 30px;*/
    /*}*/

    h2 {
        font-size: 26px;
    }

    .spacing-container-md {
        padding-top: 60px;
        padding-bottom: 18px;
    }

    .spacing-container-lg {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    #header-context img {
        width: 95%;
    }

    #graphic-pan-mobile img {
        width: 100%;
    }

    .btn {
        font-size: 12px;
    }

    .btn-md {
        padding: 13px 13px;
    }

    .margin-top-lg {
        margin-top: 80px;
    }

    .margin-bottom-lg {
        margin-bottom: 100px;
    }

    .modal-dialog {
        width: 80%;
        margin-left: 35px;
    }

    /* .fullscreen-bg-video {
        position: absolute;
        top: 0;
        bottom: 0;
        right: -120%;

        height: auto;
        width: 306%;
    } */

    .tab-content .active {
        display: none;
    }

    #neovu-galery .row {
        margin-left: 0;
        margin-right: 0;
    }

    input.form-control,
    textarea.form-control {
        padding: 12px 10px 12px;
    }


    .tooltip-content {
        left: 50% !important;
    }

    .post-cover-nav .pull-right {
        display: none;
    }

    .post-cover-nav .pull-left {
        text-align: center !important;
        float: none !important;
    }

    /*.bg-red-border {*/
    /*background-size: 335% 70%;*/
    /*background-position: center 10%;*/
    /*}*/
    .heading .btn-scroll {
        margin-top: -6em;
    }

    #header-home.heading .btn-scroll {
        margin-top: 5em;
    }

    /*#header-home.heading .btn-scroll a > img {*/
    /*width: 30px;*/
    /*}*/

    #header-services .heading .btn-scroll {
        margin-top: 13em;
    }

    #highlight-heading h2 {
        font-size: 30px;
    }

    #graphic-pan {
        display: none !important;
    }

    #graphic-pan-mobile {
        display: block !important;
    }

    #highlight-heading h4 {
        margin-top: 0px;
    }

    #header-context .container-up-right-inverse h3 span,
    #header-context .container-up-left h3 span,
    #header-context .container-up-right h3 span {
        color: #3d3d3d;
        font-size: 3em;
        font-weight: 700;
        text-transform: none;
    }

    #method {
        display: none;
    }

    .modal-body .margin-top-md {
        margin-top: 30px;
    }

    .modal-content {
        padding: 10px 15px;
    }

    .modal h2 {
        font-size: 30px;
    }

    .screen-cms img {
        margin-bottom: 1em;
    }




}

/*////////////////
END MOBILE
/////////////////*/

/*////////////////
ANIMATION TEXT BANNER
/////////////////*/

/*.text-anime span {*/
/*color: #fff;*/
/*opacity: 0;*/
/*transform: translate(-150px, 0) scale(.3);*/
/*animation: leftRight .5s forwards;*/
/*}*/


/*@keyframes leftRight {*/
/*40% {*/
/*transform: translate(50px, 0) scale(.7);*/
/*opacity: 1;*/
/*color: #fff;*/
/*}*/

/*60% {*/
/*color: #fff;*/
/*}*/

/*80% {*/
/*transform: translate(0) scale(2);*/
/*opacity: 0;*/
/*}*/

/*100% {*/
/*transform: translate(0) scale(1);*/
/*opacity: 1;*/
/*}*/
/*}*/
/*.animate span:nth-of-type(2) {*/
/*animation-delay: .05s;*/
/*}*/
/*.animate span:nth-of-type(3) {*/
/*animation-delay: .1s;*/
/*}*/
/*.animate span:nth-of-type(4) {*/
/*animation-delay: .15s;*/
/*}*/
/*.animate span:nth-of-type(5) {*/
/*animation-delay: .2s;*/
/*}*/
/*.animate span:nth-of-type(6) {*/
/*animation-delay: .25s;*/
/*}*/
/*.animate span:nth-of-type(7) {*/
/*animation-delay: .3s;*/
/*}*/
/*.animate span:nth-of-type(8) {*/
/*animation-delay: .35s;*/
/*}*/
/*.animate span:nth-of-type(9) {*/
/*animation-delay: .4s;*/
/*}*/
/*.animate span:nth-of-type(10) {*/
/*animation-delay: .45s;*/
/*}*/
/*.animate span:nth-of-type(11) {*/
/*animation-delay: .5s;*/
/*}*/
/*.animate span:nth-of-type(12) {*/
/*animation-delay: .55s;*/
/*}*/
/*.animate span:nth-of-type(13) {*/
/*animation-delay: .6s;*/
/*}*/
/*.animate span:nth-of-type(14) {*/
/*animation-delay: .65s;*/
/*}*/
/*.animate span:nth-of-type(15) {*/
/*animation-delay: .70s;*/
/*}*/
/*.animate span:nth-of-type(16) {*/
/*animation-delay: .75s;*/
/*}*/
/*.animate span:nth-of-type(17) {*/
/*animation-delay: .80s;*/
/*}*/
/*.animate span:nth-of-type(18) {*/
/*animation-delay: .85s;*/
/*}*/
/*.animate span:nth-of-type(19) {*/
/*animation-delay: .90s;*/
/*}*/
/*.animate span:nth-of-type(20) {*/
/*animation-delay: .95s;*/
/*}*/
/*.animate span:nth-of-type(21) {*/
/*animation-delay: 1s;*/
/*}*/
/*.animate span:nth-of-type(22) {*/
/*animation-delay: 1.05s;*/
/*}*/
/*.animate span:nth-of-type(23) {*/
/*animation-delay: 1.10s;*/
/*}*/
/*.animate span:nth-of-type(24) {*/
/*animation-delay: 1.15s;*/
/*}*/
/*.animate span:nth-of-type(25) {*/
/*animation-delay: 1.20s;*/
/*}*/
/*.animate span:nth-of-type(26) {*/
/*animation-delay: 1.25s;*/
/*}*/
/*.animate span:nth-of-type(27) {*/
/*animation-delay: 1.30s;*/
/*}*/
/*.animate span:nth-of-type(28) {*/
/*animation-delay: 1.35s;*/
/*}*/
/*.animate span:nth-of-type(29) {*/
/*animation-delay: 1.4s;*/
/*}*/
/*.animate span:nth-of-type(30) {*/
/*animation-delay: 1.45s;*/
/*}*/
/*.animate span:nth-of-type(31) {*/
/*animation-delay: 1.5s;*/
/*}*/
/*.animate span:nth-of-type(32) {*/
/*animation-delay: 1.55s;*/
/*}*/
/*.animate span:nth-of-type(33) {*/
/*animation-delay: 1.6s;*/
/*}*/
/*.animate span:nth-of-type(34) {*/
/*animation-delay: 1.65s;*/
/*}*/
/*.animate span:nth-of-type(35) {*/
/*animation-delay: 1.7s;*/
/*}*/
/*.animate span:nth-of-type(36) {*/
/*animation-delay: 1.75s;*/
/*}*/
/*.animate span:nth-of-type(37) {*/
/*animation-delay: 1.8s;*/
/*}*/
/*.animate span:nth-of-type(38) {*/
/*animation-delay: 1.85s;*/
/*}*/
/*.animate span:nth-of-type(39) {*/
/*animation-delay: 1.9s;*/
/*}*/
/*.animate span:nth-of-type(40) {*/
/*animation-delay: 1.95s;*/
/*}*/
/*.animate span:nth-of-type(41) {*/
/*animation-delay: 2s;*/
/*}*/
/*.animate span:nth-of-type(42) {*/
/*animation-delay: 2.5s;*/
/*}*/
/*.animate span:nth-of-type(43) {*/
/*animation-delay: 2.55s;*/
/*}*/
/*.animate span:nth-of-type(44) {*/
/*animation-delay: 2.6s;*/
/*}*/
/*.animate span:nth-of-type(45) {*/
/*animation-delay: 2.65s;*/
/*}*/
/*.animate span:nth-of-type(46) {*/
/*animation-delay: 2.7s;*/
/*}*/
/*.animate span:nth-of-type(47) {*/
/*animation-delay: 2.75s;*/
/*}*/
/*.animate span:nth-of-type(48) {*/
/*animation-delay: 2.8s;*/
/*}*/
/*.animate span:nth-of-type(49) {*/
/*animation-delay: 2.85s;*/
/*}*/
/*.animate span:nth-of-type(50) {*/
/*animation-delay: 2.9s;*/
/*}*/
/*.animate span:nth-of-type(51) {*/
/*animation-delay: 2.95s;*/
/*}*/

/*////////////////
END ANIMATION TEXT BANNER
/////////////////*/

/*TESSTE*/
input[type=range] {
    /* -webkit-appearance: none; */
    /* Hides the slider so that custom slider can be made */
    width: 100%;
    /* Specific width is required for Firefox. */
    background: transparent;
    /* Otherwise white in Chrome */
}

/* input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
} */

input[type=range]:focus {
    outline: none;
    /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}

input[type=range]::-ms-track {
    width: 100%;
    cursor: pointer;

    /* Hides the slider so custom styles can be added */
    background: transparent;
    border-color: transparent;
    color: transparent;
}

/* Special styling for WebKit/Blink */
input[type=range]::-webkit-slider-thumb {
    /* -webkit-appearance: none; */
    border: 3px solid #fff;
    height: 30px;
    width: 30px;
    border-radius: 100%;
    background: #3d3d3d;
    cursor: pointer;
    margin-top: -10px;
    /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
}

/* All the same stuff for Firefox */
input[type=range]::-moz-range-thumb {
    border: 3px solid #fff;
    height: 30px;
    width: 30px;
    border-radius: 100%;
    background: #3d3d3d;
    cursor: pointer;
    margin-top: -10px;
}

/* All the same stuff for IE */
input[type=range]::-ms-thumb {
    border: 3px solid #fff;
    height: 30px;
    width: 30px;
    border-radius: 100%;
    background: #3d3d3d;
    cursor: pointer;
    margin-top: -10px;
}

input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 8px;
    cursor: pointer;
    background: #eb484d;
    border-radius: 10px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
    background: #eb484d;
}

input[type=range]::-moz-range-track {
    width: 100%;
    height: 8px;
    cursor: pointer;
    background: #eb484d;
    border-radius: 10px;
}

input[type=range]::-ms-track {
    width: 100%;
    height: 8px;
    cursor: pointer;
    background: #eb484d;
    border-radius: 10px;
}

input[type=range]::-ms-fill-lower {
    background: #2a6495;
    border: 0px solid #010101;
    border-radius: 2.6px;
}

input[type=range]:focus::-ms-fill-lower {
    background: #3071a9;
}

input[type=range]::-ms-fill-upper {
    background: #3071a9;
    border: 02px solid #010101;
    border-radius: 2.6px;
}

input[type=range]:focus::-ms-fill-upper {
    background: #367ebd;
}


/**/

.tooltips {
    display: inline;
    position: relative;
    z-index: 999;
}

/* Gap filler */
.tooltips::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 20px;
    bottom: 100%;
    left: 50%;
    pointer-events: none;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.tooltips:hover::after {
    pointer-events: auto;
}

/* Tooltip */

.tooltip-content {
    position: absolute;
    z-index: 9999;
    width: 300px;
    left: -30%;
    bottom: 220%;
    text-align: left;
    color: #fff;
    background: transparent;
    opacity: 0;
    margin: 0 0 20px -150px;
    cursor: default;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: opacity 0.3s 0.3s;
    transition: opacity 0.3s 0.3s;
    text-transform: none;
}

.tooltips:hover .tooltip-content {
    opacity: 1;
    pointer-events: auto;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.tooltip-content span {
    display: block;
}

.tooltip-text {
    border-bottom: 10px solid #fff;
    overflow: hidden;
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -webkit-transition: -webkit-transform 0.3s 0.3s;
    transition: transform 0.3s 0.3s;
}

.tooltips:hover .tooltip-text {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.tooltips-inner {
    background: #eb484d;
    padding: 40px;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
}

.tooltips:hover .tooltips-inner {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

/* Arrow */

.tooltip-content::after {
    content: '';
    bottom: -20px;
    left: 70%;
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-top-color: #fffaf0;
    border-width: 10px;
    margin-left: -10px;
}