html{height:100%;}

body {
        width:100%; height: 100%;
        margin:0; background-color: #373737;;
        font-weight:normal; 
        overflow-y: scroll; transition: opacity .3s;
        padding-bottom:0px;
        font-family:'VisbyCF-Light';font-weight:normal;font-size:12pt; color:black; overflow-x: hidden;
        margin: 0;
        -webkit-overflow-scrolling: touch;
    }

    @font-face {
        font-family: 'VisbyCF-Regular';
        src: local('Visby/VisbyCF-Regular.eot'); /* IE9 Compat Modes */
        src: url('Visby/VisbyCF-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('Visby/VisbyCF-Regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('Visby/VisbyCF-Regular.woff') format('woff'), /* Pretty Modern Browsers */
        url('Visby/VisbyCF-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
    }

    @font-face {
        font-family: 'VisbyCF-Medium';
        src: local('Visby/VisbyCF-Medium.eot'); /* IE9 Compat Modes */
        src: url('Visby/VisbyCF-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('Visby/VisbyCF-Medium.woff2') format('woff2'), /* Super Modern Browsers */
        url('Visby/VisbyCF-Medium.woff') format('woff'), /* Pretty Modern Browsers */
        url('Visby/VisbyCF-Medium.ttf')  format('truetype'); /* Safari, Android, iOS */
    }

    @font-face {
        font-family: 'VisbyCF-Light';
        src: local('Visby/VisbyCF-Light.eot'); /* IE9 Compat Modes */
        src: url('Visby/VisbyCF-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('Visby/VisbyCF-Light.woff2') format('woff2'), /* Super Modern Browsers */
        url('Visby/VisbyCF-Light.woff') format('woff'), /* Pretty Modern Browsers */
        url('Visby/VisbyCF-Light.ttf')  format('truetype'); /* Safari, Android, iOS */
    }


    @font-face {
        font-family: 'VisbyCF-Thin';
        src: local('Visby/VisbyCF-Thin.eot'); /* IE9 Compat Modes */
        src: url('Visby/VisbyCF-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('Visby/VisbyCF-Thin.woff2') format('woff2'), /* Super Modern Browsers */
        url('Visby/VisbyCF-Thin.woff') format('woff'), /* Pretty Modern Browsers */
        url('Visby/VisbyCF-Thin.ttf')  format('truetype'); /* Safari, Android, iOS */
    }

    @font-face {
        font-family: 'VisbyCF-Heavy';
        src: local('Visby/VisbyCF-Heavy.eot'); /* IE9 Compat Modes */
        src: url('Visby/VisbyCF-Heavy.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('Visby/VisbyCF-Heavy.woff2') format('woff2'), /* Super Modern Browsers */
        url('Visby/VisbyCF-Heavy.woff') format('woff'), /* Pretty Modern Browsers */
        url('Visby/VisbyCF-Heavy.ttf')  format('truetype'); /* Safari, Android, iOS */
    }

    @font-face {
        font-family: 'VisbyCF-Bold';
        src: local('Visby/VisbyCF-Bold.eot'); /* IE9 Compat Modes */
        src: url('Visby/VisbyCF-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('Visby/VisbyCF-Bold.woff2') format('woff2'), /* Super Modern Browsers */
        url('Visby/VisbyCF-Bold.woff') format('woff'), /* Pretty Modern Browsers */
        url('Visby/VisbyCF-Bold.ttf')  format('truetype'); /* Safari, Android, iOS */
    }



.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}


.azul_prinemo{color: #0C0B95;}
.black{color: black;}
.nohover:hover{color: black;}
a:hover{color:white;}


.imageFull a:hover{text-decoration: unset;}
.copyright a:hover{text-decoration: unset;}


.svg-fullscreen:hover .st0{stroke:#aaaaaa;}
.fechar{cursor: pointer;}


/* OVERLAY DE IMAGENS*/

.white_overlay1{background: white; position: fixed;    top: 0;    bottom: 0;    width: 100%;    height: 100%; z-index: 20; display: none; }
.white_overlay2{background: white; position: fixed;    top: 0;    bottom: 0;    width: 100%;    height: 100%; z-index: 40; display: none; }
/*.fechar{position: absolute; top:40px; right: 40px; cursor: pointer; z-index: 2;}*/
.fechar{position: absolute; top:00px; left: -25px;; cursor: pointer; z-index: 2;}
.gallery-close-button{position: fixed; bottom:35px; left:50%; height: 50px; transform: translate(-50%); z-index:100; cursor: pointer;}
.gallery-next-button{position: absolute; top:60px; right: 00px; cursor: pointer; z-index: 23;}
.gallery-prev-button{position: absolute; top:120px; right: 00px; cursor: pointer; z-index: 23;transform: rotate(180deg);}
.button-white{fill:#fff;}

.gallery-buttons{fill:#231f20;}
.gallery-buttons:hover{fill:#333;}
.fechar:hover path {fill: #333;}
.gallery-prev-button:hover path {fill: #333;}
.gallery-next-button:hover path {fill: #333;}

.gallery-button-disable{fill:#231f20;}


.gallery-title{text-align: center; position: fixed;z-index: 2;width: 80%; padding: 20px; margin-left: 10%;}
.gallery-title span{font-family:'VisbyCF-Bold'; letter-spacing: 1.5px; font-size: 15px; line-height: 18px;}


.main-gallery{ position: relative; height: 100vh; width: 300vw; left: 0px;}
.main-gallery-container{position: absolute;  top: 0; width: 100vw; height: 90vh; }
.main-gallery-image-container{position: absolute;  top: 55%;  left: 50%;  transform: translate(-50%,-49%); }
.main-gallery-image{max-height: 90vh; max-width: 90vw;  position: relative; }


.overlays_services{display:none;}
/*.close_overlay{display:none;}*/





/*FIM*/


/*Before After Slider Overlay*/






.langs_menu{display: table-cell; vertical-align: middle; padding-right: 40px;}

.lang_span{font-family: 'VisbyCF-Light';font-size: 14px;letter-spacing: 1.5px;color: #0C0B95; display: inline;}
.langs_menu a{text-decoration: none;}



/*footer cover e footer - efeito cortina*/
.footer_cover{position: relative; z-index: 1; -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0); -webkit-transition: all 0.5s;
    transition: all 0.5s; margin-top: 145px; }

label{color:black; font-family:'VisbyCF-Medium'; font-size:12px ; letter-spacing: 3px;}


/*modal do formulario */
.modal-lg { max-width: 600px; width:60vw; min-width: 300px;}
.modal{top:0px;}
.modal-content {    border: 0px ;    border-radius:0;    padding: 25px;}
.modal-header{border:0px; margin-bottom:10px; }
.modal-footer{border:0px;}
.form-control{border-radius: 0; background-color: #fafafa;}


/* coloar o modal a meio do ecra*/
.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}




.top2px{background-color: white; width: 100%; height: 2px;}


.evolution_block_text{padding-left: 5vw;}





.logodiv{position:fixed; top: 30px; right:60px; width:210px; }
#logotipo{width: unset; -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;}
.logodiv_xs{ top: 16px; right: 20px; width:160px; }

.logoimage{height: 85px;  width: 85px; background-image: url(../images/logo.png?id=1); background-repeat: no-repeat;  background-size: auto;    background-position: center center;}
.logoimage_xs{height: 35px;  width: 35px; background-image: url(../images/logo_xs.png?id=1);}
/*#logoxs{display: none;}*/


.language_div{position: absolute;z-index: 1;height: 55px;width: 100px;left:63px; bottom: 0px;}



/******* NAV **********/
.header {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    text-align: center;
    min-height: 95%;
    height: 95%;
}

.hamburger-wrap {
    position: fixed;
    top: 53px;
    left: 60px;
    z-index: 100;
}

.hamburger_xs{
    top:15px;
    left:17px;
}

.hamburger {
    padding: 0px 0px;
    display: inline-block;
    cursor: pointer;
    -webkit-transition-property: opacity, -webkit-filter, opacity, filter;
    transition-property: opacity, filter;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
    outline: none;
}

.hamburger-label {
    color: #000;
    line-height: 22px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    padding-right: unset;
    letter-spacing: 3px;
    
}


.hamburger-box {
    width: 30px;
    height: 30px;
    display: inline-block;
    position: relative;
    text-align: left;
}


.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 30px;
    height: 4px;
    background-color: #0C0B95;
    border-radius: 0px;
    position: absolute;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}

.hamburger--collapse .hamburger-inner::before {
    -webkit-transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1),-webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1),transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger-inner::before {
    top: -10px;
}

.hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block;
}

.hamburger--collapse .hamburger-inner::after {
    top: -20px;
    -webkit-transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1),opacity 0.1s linear;
    transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1),opacity 0.1s linear;
}

.hamburger-inner::after {
    bottom: -10px;
}

.hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block;
}


.hamburger--collapse.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg);
    -webkit-transition-delay: 0.32s;
    transition-delay: 0.32s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    -webkit-transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear;
    transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear
}

.hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1)
}


.hamburger-label-white{
    color:#fff;
    transition-delay: 0.32s;
}
.hamburger-box-white{
    background-color: #fff;
}
.hamburger-box-white::before{
    background-color: #fff;
}



.hamburger-box-white::after {
    background-color: #fff;
}


/********************/
/* FIM DO HAMBURGER*/
/********************/



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








.bloco_igual_overlay{width:60vw; margin: 0 auto;}






/* GRID*/
.col-sm-5 {    -ms-flex: 0 0 5%;    flex: 0 0 5%;    max-width: 5%; }
.col-sm-10 {    -ms-flex: 0 0 10%;    flex: 0 0 10%;    max-width: 10%; }
.col-sm-16 {    -ms-flex: 0 0 16.66%;    flex: 0 0 16.66%;    max-width: 16.66%; }
.col-sm-20 {    -ms-flex: 0 0 20%;    flex: 0 0 20%;    max-width: 20%; }
.col-sm-33 {    -ms-flex: 0 0 33.33%;    flex: 0 0 33.33%;    max-width: 33.33%; }
.col-sm-40 {    -ms-flex: 0 0 40%;    flex: 0 0 40%;    max-width: 40%; }
.col-sm-45 {    -ms-flex: 0 0 45%;    flex: 0 0 45%;    max-width: 45%; }
.col-sm-47 {    -ms-flex: 0 0 47%;    flex: 0 0 47%;    max-width: 47%; }
.col-sm-50 {    -ms-flex: 0 0 50%;    flex: 0 0 50%;    max-width: 50%;}
.col-sm-55 {    -ms-flex: 0 0 55%;    flex: 0 0 55%;    max-width: 55%;}
.col-sm-60 {    -ms-flex: 0 0 60%;    flex: 0 0 60%;    max-width: 60%; }
.col-sm-80 {    -ms-flex: 0 0 80%;    flex: 0 0 80%;    max-width: 80%; }
.col-sm-100 {-ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%;}





/***************** HOMEPAGE****************************/

.imageFull{ position:relative; height:580px;  background-image: url(../images/methodology_bg.jpg); background-color:white;    background-repeat: no-repeat;    background-size: cover;    background-position: center top; }
.imageFullHome {background-image: url(../images/image_prinemo_a_5.jpg); background-size: contain; background-position: center center;}
.imageFullHome2 {background-image: url(../images/image_prinemo_a_2.jpg); } 
.imageFullCompany {background-image: url(../images/757_2.jpg); }
.imageFullServices {background-image: url(../images/103_2.jpg);}
.imageFullServices2 {background-image: url(../images/image_prinemo_a_1.jpg);}
.imageFullTechnologies {background-image: url(../images/168_2.jpg); background-position: center center;}
.imageFullContact {background-image: url(../images/744_2.jpg); background-position: center center;}


.imageFullServices2_overlay0{ background-image: url(../images/image_prinemo_b_7.jpg); position:relative;   background-color:black; 
   background-repeat: no-repeat;    background-size: contain;    background-position: center top; }
.imageFullServices2_overlay1{ background-image: url(../images/image_prinemo_b_3.jpg); position:relative;   background-color:black; 
   background-repeat: no-repeat;    background-size: cover;    background-position: center top; }
.imageFullServices2_overlay2{ background-image: url(../images/image_prinemo_b_8.jpg); position:relative;   background-color:black; 
   background-repeat: no-repeat;    background-size: cover;    background-position: center top; }
.imageFullServices2_overlay3{ background-image: url(../images/image_prinemo_b_5.jpg); position:relative;   background-color:black; 
   background-repeat: no-repeat;    background-size: cover;    background-position: center top; }
.imageFullServices2_overlay4{ background-image: url(../images/image_prinemo_b_6.jpg); position:relative;   background-color:black; 
   background-repeat: no-repeat;    background-size: cover;    background-position: center top; }

.imageWide{position:relative; height:100vh; width: 100vw; background-color:white;    background-repeat: no-repeat;    background-size: contain;    background-position: center top}
.imageFullServicesOverlay1 {background-image: url(../images/image_prinemo_b_1.jpg);}

.maincontainer{width: 100%;  margin: 0 auto; padding-right: 15px; padding-left: 15px; background-color: white; -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0); -webkit-transition: all 0.5s;
    transition: all 0.5s }
#topmenu{position:absolute; z-index: 1; top:2px; left:0px; height: 145px; width:100%;  background-color: white; -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0); -webkit-transition: all 0.5s;
    transition: all 0.5s}

#topmenu.xs{background-color:rgba(0,0,0,0.5);  height: 70px; position:fixed; z-index:10; -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0); -webkit-transition: all 0.5s;
    transition: all 0s}
	
.bgs{margin:0;}

.overlay_image_black:after{transform: matrix(1, 0, 0, 1, 0, 0);}
.overlay_image_black{  
  margin:0 0;  position: unset;      top: 0%;    opacity: 0.8;  transition: .5s ease;    background-color: #0C0B95;    width: 100%;   
  height: 100%; text-align: center;  min-width: 100vw ;   
  -webkit-animation: movedown 1s linear forwards;
  -moz-animation: movedown 1s linear forwards;
  -ms-animation: movedown 1s linear forwards;
  -o-animation: movedown 1s linear forwards;
  animation: movedown 1s linear forwards;
}


.overlay_text{
    margin: 0;position: absolute;top: 50%;left: 50%;margin-right: -50%;transform: translate(-50%, -50%);     width: 60vw;text-align: center;
}
.overlay_text_500{width: unset; margin: 0 auto;}

@keyframes movedown {0% {top:20%;opacity:0;}100% {top:40%;opacity:0.8;}}
@-webkit-keyframes movedown {0% {top:20%;opacity:0;}100% {top:40%;opacity:0.8;}}
@-moz-keyframes movedown {0% {top:20%;opacity:0;}100% {top:40%;opacity:0.8;}}
@-ms-keyframes movedown {0% {top:20%;opacity:0;}100% {top:40%;opacity:0.8;}}
@-o-keyframes movedown {0% {top:20%;opacity:0;}100% {top:40%;opacity:0.8;}}




@keyframes slideup {0% {top:50px;opacity:0;}100% {top:0;opacity:1;}}
@-webkit-keyframes slideup {0% {top:50px%;opacity:0;}100% {top:0%;opacity:1;}}
@-moz-keyframes slideup {0% {top:50px%;opacity:0;}100% {top:0%;opacity:1;}}
@-ms-keyframes slideup {0% {top:50px%;opacity:0;}100% {top:0%;opacity:1;}}
@-o-keyframes slideup {0% {top:50px%;opacity:0;}100% {top:0%;opacity:1;}}


@-webkit-keyframes fadeInLeftHome {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-moz-keyframes fadeInLeftHome {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@-ms-keyframes fadeInLeftHome {
  0% {
    opacity: 0;
    -ms-transform: translateX(-100px); }
  100% {
    opacity: 1;
    -ms-transform: translateX(0); } }
@-o-keyframes fadeInLeftHome {
  0% {
    opacity: 0;
    -o-transform: translateX(-100px); }
  100% {
    opacity: 1;
    -o-transform: translateX(0); } }
@keyframes fadeInLeftHome {
  0% {
    opacity: 0;
    transform: translateX(-100px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }


@keyframes moveleft {0% {left:-100px;opacity:0;}100% {left:0px;opacity:1;}}
@-webkit-keyframes moveleft {0% {left:-100px;opacity:0;}100% {left:0px;opacity:1;}}
@-moz-keyframes moveleft {0% {left:-100px;opacity:0;}100% {left:0px;opacity:1;}}
@-ms-keyframes moveleft {0% {left:-100px;opacity:0;}100% {left:0px;opacity:1;}}
@-o-keyframes moveleft {0% {left:-100px;opacity:0;}100% {left:0px;opacity:1;}}




.overlay_image_span_title{font-family:'VisbyCF-Heavy'; opacity:0;  font-size: 48px; letter-spacing: 10px; line-height: 60px; color: #fff; position:relative; 
 -webkit-animation: moveleft 0.7s linear forwards;
  -moz-animation: moveleft 0.7s linear forwards;
  -ms-animation: moveleft 0.7s linear forwards;
  -o-animation: moveleft 0.7s linear forwards;
  animation: moveleft 0.7s linear forwards;
  -webkit-animation-delay: 0.5s; /* Safari 4.0 - 8.0 */
  animation-delay: 0.5s; 
}
.overlay_image_span_text{font-family:'VisbyCF-Regular'; opacity:0; font-size: 20px; letter-spacing: 1.5px; line-height: 30px; color: #fff;position:relative;
 -webkit-animation: slideup 1s linear forwards;
  -moz-animation: slideup 1s linear forwards;
  -ms-animation: slideup 1s linear forwards;
  -o-animation: slideup 1s linear forwards;
  animation: slideup 1s linear forwards;
  -webkit-animation-delay: 0.8s; /* Safari 4.0 - 8.0 */
  animation-delay: 0.8s; 
}

.overlay_image_span_title_home{font-family:'VisbyCF-Heavy'; opacity:0; font-size: 48px; letter-spacing: 10px; line-height: 60px; color: #fff; position:relative; 
 -webkit-animation: moveleft 0.7s linear forwards;
  -moz-animation: moveleft 0.7s linear forwards;
  -ms-animation: moveleft 0.7s linear forwards;
  -o-animation: moveleft 0.7s linear forwards;
  animation: moveleft 0.7s linear forwards;
  -webkit-animation-delay: 3.0s; /* Safari 4.0 - 8.0 */
  animation-delay: 3.0s; 
}
.overlay_image_span_text_home{font-family:'VisbyCF-Regular'; opacity:0; font-size: 20px; letter-spacing: 1.5px; line-height: 30px; color: #fff;position:relative;
 -webkit-animation: slideup 1s linear forwards;
  -moz-animation: slideup 1s linear forwards;
  -ms-animation: slideup 1s linear forwards;
  -o-animation: slideup 1s linear forwards;
  animation: slideup 1s linear forwards;
  -webkit-animation-delay: 3.3s; /* Safari 4.0 - 8.0 */
  animation-delay: 3.3s; 
}


.scroll_title{position: absolute;    z-index: 1;     bottom: 60px;   left: 50%;      transform: translate(-50%); color:white;}
.scroll_title span{font-family:'VisbyCF-Regular';  font-size: 14px; letter-spacing: 5px; line-height: color: #fff;}
.scroll_line{position: absolute;    z-index: 1;     bottom: 0;  height:50px; width: 1px;    left: 50%;    border: 1px solid #fff;    transform: translate(-50%); animation: arrows 2s infinite;  animation-iteration-count: infinite;}
@keyframes arrows {0% {height: 50px;}50% {height: 0px;}100% {height: 50px;}}


#mapbox{    height:290px;     width:290px;    background-image: url('../images/image_map.png');     color:white;}
.map-overlay {  position: relative;  top: 0;  bottom: 0;  left: 0;  right: 0;  height: 100%;  width: 100%;  opacity: 0.8;  transition: .5s ease;  background-color: #000;}
.map-overlay:hover {  background-color: unset;}
#mapbox:hover{    color:black;}

/**************** 3 caixas / 2 caixas *****************/
/*utilizar o vw para garantir os mesmos tamanhos*/

.wrapper{
    /* display:-webkit-flex;
    -webkit-justify-content:center;
    display:flex;
    justify-content:center;*/
   /*display: inline-table;*/
    align-items: center;
}



.spacetop80{margin-top: 80px;}
.spacebottom80{padding-bottom: 80px;}
.spacetop100{margin-top: 100px;}
.spacebottom100{padding-bottom: 100px;}
.spacetop200{margin-top: 200px;}
.spacebottom200{padding-bottom: 200px;}
.paddingtop230{padding-top: 230px;}
.paddingtop150{padding-top: 150px;}
.paddingbottom150{padding-bottom: 150px;}
.marginleft972{margin-left: 9.72vw;}




.prinemo_start {background-color: #0C0B95; height: 890px; margin-left: 0px; margin-right: 0px;}


.box3-black{width: 33.333vw; height: 33.333vw; background-color: #000; color: white; transition: .5s ease;}
.box3-grey{width: 33.333vw; height: 33.333vw; background-color: #373737; color: white; transition: .5s ease;}
.box3_header{padding-left: 4.86vw; padding-top: 4.86vw; }
.box3_header_span1{font-family:'VisbyCF-Regular'; letter-spacing: 5px; font-size: 24px; line-height: 30px;}
.box3_header_span2{font-family:'VisbyCF-Bold'; letter-spacing: 5px; font-size: 24px; line-height: 30px;}
.box3_footer{position:relative; top:19vw; padding-left: 4.86vw; transform: translateY(-100%);}
.box3_footer_span{font-family:'VisbyCF-Medium'; letter-spacing: 3px; font-size: 14px; line-height: 16px;}
.box3_1:hover{background-color: #373737}
.box3_3:hover{background-color: #000}
.box3_2:hover{background-color: #0C0B95}



.box2-white{background-color: #fff; transition: .5s ease;}


.box-verticalcenter{padding-left: 4.86vw; padding-right: 4.86vw; display: inline-block;  vertical-align: middle;  line-height: 1;}
.box2_title{font-family:'VisbyCF-Bold'; letter-spacing: 3px; font-size: 24px; line-height: 28px; color:black;}
.box2_text{font-family:'VisbyCF-Regular'; letter-spacing: 1.5px; font-size: 18px; line-height: 26px; color:black;}

.box2_image1{background-image: url(../images/025_1.jpg); background-color:white;    background-repeat: no-repeat;    background-size: cover;      background-position: center top;}
.box2_image2{background-image: url(../images/469_1.jpg); background-color:white;    background-repeat: no-repeat;    background-size: cover;       background-position: center top;}
.box2_image3{background-image: url(../images/1298_1.jpg); background-color:white;    background-repeat: no-repeat;    background-size: cover;       background-position: center top;}

/* SERVICES */
/*bloco de imagem com o circulo*/
/*.box2_image_services1{background-image: url(../images/infographic.png); background-color:white;    background-repeat: no-repeat;    background-size: auto 100%;    background-position: center top;}*/
.box2_image_services1{position:relative; min-height: 750px;}


.grafico{ text-align: center;     position: relative;}
.bola1{top:30%; left:21%; z-index: 1;}


/*
.infografia-on{position:absolute; top:0px; opacity:1;  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  filter: alpha(opacity=1);}
.infografia-off{position:absolute; top:0px; left:0px; -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  opacity:0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);}*/



/* inforgrafia_change
.inforgrafia-titles span{font-family:'VisbyCF-Light'; letter-spacing: 6px; font-size: 36px; line-height: 42px; color:#0C0B95; text-transform: uppercase; cursor: pointer;}
*/

.inforgrafiatitles_span{font-family: 'VisbyCF-Regular'; letter-spacing: 3px; font-size: 36px; line-height:42px; color: #0C0B95;}

.block4_box{background-color:#0C0B95; padding:90px 90px 90px 90px; margin:0px 90px 0 90px; text-align: center; width: 100%;max-width: 1200px;margin: 0 auto;}
.block4_title{color:white; font-family:'VisbyCF-Regular'; font-size: 36px; letter-spacing: 3px; line-height: 40px;}



.services33 span {color:white; font-family:'VisbyCF-Regular'; font-size: 20px; letter-spacing: 3.5px; line-height: 24px;  text-transform: uppercase; }
.services33 .bold {font-family:'VisbyCF-Bold';}

.process33 {padding: 40px 40px 90px 40px; text-align: left;}
.process33 .bold {font-family:'VisbyCF-Bold'; font-size: 20px; letter-spacing: 3px; line-height: 24px; text-transform: uppercase; color:white; }
.process33 .normal{color:white; font-family:'VisbyCF-Regular'; font-size: 15px; letter-spacing: 1.5px; line-height: 19px; margin-top: 20px; display: block;}



#prifer_group path,rect {fill:white;}
#prifer_group{position:relative;
 -webkit-animation: slideup 1s linear forwards;
  -moz-animation: slideup 1s linear forwards;
  -ms-animation: slideup 1s linear forwards;
  -o-animation: slideup 1s linear forwards;
  animation: slideup 1s linear forwards;
  -webkit-animation-delay: 3.3s; /* Safari 4.0 - 8.0 */
  animation-delay: 3.3s; 
}





.box400{width: 400px; margin: 0 auto;}





/*6 blocos azuias/*/

.box3{width: 33.3333vw; height: 33.333vw;  color: white; transition: .5s ease;}

.image_center{position:relative; top:50%; left:50%; transform: translate(-50%,-50%);}

.box55{flex-basis : 55%;}
.box45{flex-basis : 45%;}
.box50{flex-basis : 50%;}
.box40{flex-basis : 40%;}
.box20{flex-basis : 20%;}
.box15{flex-basis : 15%;}
.box10{flex-basis : 10%;}
.box5{flex-basis : 5%;}
.min_height40{min-height: 33vw;}

.box_title2{font-family:'VisbyCF-Bold';  font-size: 48px; letter-spacing: 5px; line-height: 60px; color: #000; text-transform: uppercase; }
.box_title3{font-family:'VisbyCF-Bold';  color:white; font-size: 28px; line-height: 40px; letter-spacing: 5px; text-transform: uppercase;  }
.box_title4{color:#000; font-family:'VisbyCF-Regular'; font-size: 36px; letter-spacing: 3.5px; line-height: 36px; text-transform: uppercase;   }

.font24{font-size: 24px; line-height: 30px;}


.botao_contactus{width: 250px; height: 60px; background-color: #0C0B95; border:none; transition: .5s ease; cursor: pointer;}
.botao_contactus:hover{background-color: #373737; }

/* teste ao butao redondo por cima da imagem */
.rad,
.line,
.box {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.rad {
  /*margin: 0 auto;*/
  display: block;
  position: relative;
  width: 31px;
  height: 31px;
  top: 27vh;
  left: 16vw;
  background-color: rgba(150, 150, 150, 0.8);
  /*border: 3px solid rgba(100, 200, 250, 0.5);*/
  border-radius: 100%;
  cursor: pointer;
}
.rad:hover {
  
  background-color: #0C0B95;
}
.line {
  margin: 0 auto;
  display: block;
  position: relative;
  width: 2px;
  height: 0px;
  top: 22px;
  opacity: 0.2;
  background-color: #0C0B95;
}
.line.open {
  height: 58px;
  opacity: 1;
}


.box {
  margin: 0 auto;
  display: block;
  position: relative;
  width: 166px;
  height: 0px;
  top: 30px;
  opacity: 0.0;
  background-color: #0C0B95;
  border: 2px solid #0C0B95;
  font-family:'VisbyCF-Bold'; letter-spacing: 3px; font-size: 24px; line-height: 28px; color:white;
  text-align: center;
  line-height: 30px;
  overflow: hidden;
}

.box.open {
  height: 35px;
  opacity: 1;
}

/*FIM DO RAD */





/* NOVA TENTATIVA DOS BOTOES*/

@-webkit-keyframes indicatorRotate{
    0%{-webkit-transform:rotate(0);transform:rotate(0)}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
    }
@keyframes indicatorRotate{
    0%{-webkit-transform:rotate(0);transform:rotate(0)}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}




.indicator-button:before {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px dashed #0C0B95;
    border-radius: 50%;
    -webkit-animation: indicatorRotate 10s linear 0s infinite both;
    animation: indicatorRotate 10s linear 0s infinite both;
    content: " ";
}



.button {
    box-sizing: border-box;
    display: inline-block;
    cursor: pointer;
}

.indicator-button {
    position: relative;
    width: 34px;
    height: 34px;
    padding: 7px;
    border-radius: 50%;
    cursor: default;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: -webkit-transform .24s cubic-bezier(.175,.885,.32,1.275);
    transition: transform .24s cubic-bezier(.175,.885,.32,1.275);
    transition: transform .24s cubic-bezier(.175,.885,.32,1.275),-webkit-transform .24s cubic-bezier(.175,.885,.32,1.275);
    cursor: pointer;
}

.indicator-button {
    position: absolute;
    cursor: pointer;
}


.indicator-button .indicator-button-inner {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 3px solid #fff;
    border-radius: inherit;
}







.estica{padding:0px;}



/*FIM DOS BOTOES FLUTUANTES*/







.infographic{ position: relative; width: 400px; }
.blocoazul_left{display: flex; margin: 0 auto; margin-top: 150px;}
.blocoazul_right{display: flex; margin: 0 auto; margin-top: 150px;}
#blocoazul .div_align_center{width: 70%;}
.div_align_center{position:relative; top:0%; left:50%; transform: translate(-50%,-0%); color:white;}

.blocoazul_left:before{
    content: " ";
    position: absolute;
    left: 50%;
    top: 35%;
    display: block;
    width: 2px;
    height: 65%;
    background-color: #fff;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
 
#blocoazul{position:relative; background-color:#0C0B95; }


.services_content{justify-content: space-evenly; padding-top: 200px; padding-bottom: 200px; margin: 0 auto; }

.blocoazul_linhaazul{position: absolute;    top: 0;    left: 0;    width: 100%;}
.blocoazul_line{ top: 0px;    left: 50%;    position: absolute; height: 50px; opacity: 1; overflow: hidden; width: 2px;     background-color: white;}
.section-reveal-mask{   position: absolute;    width: 100.012%;   height: 100%; top: 0; overflow: hidden;}
.reveal-mask-left{left: 0; position: absolute;    top: 0;    width: 15%;    height: 100%;  background-color: #fff;    z-index: 9;     transform: matrix(1, 0, 0, 1, 0, 0); overflow: hidden;}
.reveal-mask-right{right: 0; position: absolute;    top: 0;    width: 15%;    height: 100%;    background-color: #fff;z-index: 9; transform: matrix(1, 0, 0, 1, 0, 0); overflow: hidden;}
.blocoazul_title{font-family:'VisbyCF-Heavy';  font-size: 48px; letter-spacing: 5px; line-height: 60px; color: #fff;}
.blocoazul_text{font-size: 24px; letter-spacing: 1.5px; line-height: 30px; color: #fff; opacity: 0.5;}
.blocoazul_text2{font-family:'VisbyCF-Light'; font-size: 36px; letter-spacing: 6px; line-height: 42px; color: #fff;}
.blocoazul_text3{font-family:'VisbyCF-Bold'; font-size: 16px; letter-spacing: 1.5px; line-height: 22px; color: #fff; opacity: 0.5;}
.mask_reveal{background-color: #fff; height: 125px;}




.contact_div{display: inline-block; min-height: 90vh; width: 50vw; position: relative; }
.contact_div_top{position: absolute;  padding-left: 4.86vw; padding-right: 4.86vw; margin-top:4.86vw; top:0px; }
.contact_div_bottom{position: absolute; bottom:0px; margin-bottom:4.86vw; padding-left: 4.86vw; padding-right: 4.86vw; }






/**P**************EFEITOS DE ANIMACAO ******************/


.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
    z-index: 2;
}




.hidden{
     opacity:0;
}
.visible{
     opacity:1;
}

.animated{
    animation-duration: 2s;
}

@-webkit-keyframes fadeInLeftSmall {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100px, 0, 0);
    transform: translate3d(-100px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftSmall {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100px, 0, 0);
    -ms-transform: translate3d(-100px, 0, 0);
    transform: translate3d(-100px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInLeftSmall {
  -webkit-animation-name: fadeInLeftSmall;
  animation-name: fadeInLeftSmall;
}

@-webkit-keyframes fadeInRightSmall {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightSmall {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    -ms-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInRightSmall {
  -webkit-animation-name: fadeInRightSmall;
  animation-name: fadeInRightSmall;
}





.goBluegoGrey {
  -webkit-animation-name: goBluegoGrey;
  animation-name: goBluegoGrey;
}


@keyframes goBluegoGrey {
  0% {
    background-color: #e6e6f4;

  }

  10%{
    background-color: #0C0B9520;
  }

  100%{
    background-color: #e6e6f4;
  }


}



/* ACCORDION*/
.collapses_row{padding-bottom: 80px; width: 90%; margin:0 auto; max-width: 1280px;}
.collapses_row #accordion {width: 100%;}
.card{border:0px; }
.card-header{margin: 0px; justify-content: flex-end; background-color: #e6e6f4; border:0px; padding:0px; }
/*#headingOne:hover{background-color: #0C0B95; color:white; transition: all 1.5s; opacity: 0.2;}*/
.card-header_title{flex-basis: 100%; padding-top: 48px; padding-bottom: 49px; padding-left: 32px; z-index: 20; }
.card-header_title.collapsed:hover{animation-name: goBluegoGrey;    animation-duration: 1.5s;}
.card-header_title{font-family:'VisbyCF-Bold'; letter-spacing: 5px; font-size: 20px; line-height: 28px; color:#0C0B95;}

/*.card-header_title:hover{ background-color: #0C0B95; color:white; transition: all 1.5s; opacity: 0.2;  }
.card-header_title span:hover{ }*/
/*.collapse .collapse_content{}
.collapse .collapse_content .card-body{padding-bottom: 0px;}*/
/*.collapse .collapse_content .card-image{line-height: 0px;  position: relative; background-size: contain; background-repeat: no-repeat;}*/
/*.collapse .collapse_content .card-maximize{position: absolute; bottom:0px; right:0px; z-index: 2}*/
.card-body{font-family:'VisbyCF-REgular'; letter-spacing: 1.5px; font-size: 16px; line-height: 25px; color:#0C0B95; padding-left: 53px; padding-right: 53px; padding-top: 0px; padding-bottom: 100px;  }
.svg-fullscreen{color:white; font-size: 60px; cursor:pointer;}


.card-header_title.collapsed:after {
    font-family: 'VisbyCF-Light';
    font-size: 50px;
    line-height: 15px;
    content: '+';
    right: 45px;
    position: absolute;
    transform: rotate(0deg);
}


.card-header_title:after {
     font-family: 'VisbyCF-Light';
    font-size: 50px;
    line-height: 22px;
    content: '+';
    right: 40px;
    position: absolute;
    transform: rotate(45deg);
     transition: all 0.3s;
}


.card-header_title {
    cursor: pointer;}

/*.card-header_title:after {
    font-family: 'VisbyCF-Light';
    content: '+';
    font-size: 50px;
    line-height: 50px;
    position: absolute;
    left: 42px;
    color: #0C0B95;
    top: 31px;
    font-weight: 300;
}*/



.card-header_title span{margin-left: 20px;}




/**P**************FOOTER ******************/


.footer{background-color: #373737;  bottom: 0;   color: #7b7b7d;    font-size: 14px;    font-family: 'MaisonNeue-Light';      position: fixed;    right: 0;       width: 100%;    z-index: 0; -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0); -webkit-transition: all 0.5s;
    transition: all 0.5s; line-height: unset;}
.footer_container{height:380px; width:100%; background-color: #d8d8d8; color:black; padding-top: 85px;}
.footer_block1{text-align: center; position: relative; width:100%;}
.footer_span1{font-family: 'VisbyCF-Bold'; font-size:36px; letter-spacing: 3px;}
.footer_span2{font-family: 'VisbyCF-Regular'; font-size: 20px; letter-spacing: 1.5px; }
.footer_block2{text-align: center; position: relative; width:100%; margin-top:40px;}
.footer_button{font-family: 'VisbyCF-Bold'; font-size:18px; letter-spacing: 3px; color:white;}
.copyright{height:70px; width:100%; background: #373737;}
.copyright_container{text-align: center; position: relative; width:100%;top: 27px;}
.copyright_container span{font-family: 'VisbyCF-Light'; font-size: 14px; letter-spacing: 1.5px; color:white;}





.texto_normal{font-family:'VisbyCF-Regular'; letter-spacing: 3px; font-size: 24px; line-height: 34px; color:black;}



.carousel_maindiv{max-width: 800px; margin: 0 auto; height: 580px; padding-top: 130px;    text-align: center }
.carousel_title{font-family:'VisbyCF-Bold'; letter-spacing: 3px; font-size: 24px; line-height: 28px; color:black; text-align: center;}

.carousel-indicators{bottom: unset; top:70px; position: relative;}
.carousel-indicators .dot{float: left; width: 100px; height: 4px; background-color: #d8d8d8; }
.carousel-indicators .active{background-color: black;}
.carousel-indicators li{cursor: pointer;}




/* The Loader */

#loader-wrapper {
  position: fixed;
  top: 2px;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10;
  overflow: hidden;
  background-color: #fff;
}


#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 130px;
  height: 130px;
  margin: -65px 0 0 -65px;

 
  z-index: 11;
 -webkit-animation: fadeinout 2s linear forwards;
 animation: fadeinout 2s linear forwards;

 
}


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

@keyframes fadeinout {
  0% { opacity: 0; }
  100% { opacity: 1; }
}




.preloader > span.loading-bar {
  
  -moz-animation: loading-bar 3s 1;
  -webkit-animation: loading-bar 3s 1;
  animation: loading-bar 3s 1;

  -webkit-animation-delay: 1s; /* Safari 4.0 - 8.0 */
  animation-delay: 1s;
  
  display: block;
  height: 2px;
  background-color: #0C0B95;
  opacity: 0;
  transition: width .5s;
  z-index:11;
}

.preloader > span.loading-bar2 {
  
  -moz-animation: loading-bar 1s 1;
  -webkit-animation: loading-bar 1s 1;
  animation: loading-bar 1s 1;

  -webkit-animation-delay: 0s; /* Safari 4.0 - 8.0 */
  animation-delay: 0s;
  
  display: block;
  height: 2px;
  background-color: #0C0B95;
  opacity: 0;
  transition: width .5s;
  z-index:11;
}



@-moz-keyframes loading-bar {
  0% {
    margin-left:0px;
    opacity: 1;
  }
  50% {
    margin-left:50vw;
    opacity: 1;
  }
  90% {
    margin-left:90vw;
    opacity: 1;
  }
  100% {
    margin-left:100vw; 
    opacity: 0;
  }
}

@-webkit-keyframes loading-bar {
  0% {
    margin-left:0px;
    opacity: 1;
  }
  50% {
    margin-left:50vw;
    opacity: 1;
  }
  90% {
    margin-left:90vw;
    opacity: 1;
  }
  100% {
    margin-left:100vw; 
    opacity: 0;
  }
}

@keyframes loading-bar {
  0% {
    margin-left:0px;
    opacity: 1;
  }
  50% {
    margin-left:50vw;
    opacity: 1;
  }
  90% {
    margin-left:90vw;
    opacity: 1;
  }
  100% {
    margin-left:100vw; 
    opacity: 0;
  }
}













/* NOVO MENU*/

.open-overlay{
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0;
    z-index: 400;
    visibility: hidden;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition:  .5s;

    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}


.overlay_on{
    visibility: visible;
    opacity: 0.4;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -webkit-transform: translate3d(342px, 0, 0);
    transform: translate3d(342px, 0, 0);
    cursor: url(../images/overlay-cross.png),auto !important;
}

.blocks_overlay_on{
    -webkit-transform: translate3d(342px, 0, 0);
    transform: translate3d(342px, 0, 0);
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}


.main_nav{
    position: fixed;
    top: 0;
    -webkit-transform: translate3d(342px, 0, 0);
    transform: translate3d(342px, 0, 0);
    width: 342px;
    height: 100%;
    background-color: #f6f6f6;
    opacity: 1;
    visibility: hidden;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.nav_open{
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;

}

.esconder_overflow{
    /*overflow-y: hidden;*/
    overflow-x: hidden !important;
}


.main_nav_inner{
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    padding: 40px;
    padding-top: 85px;
    position: relative;
}

.main_nav_inner_open{
    opacity: 1;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.main_nav_inner ul{
    margin-left: 0px !important;
    padding-left: 0px !important;
    margin-bottom: 0px !important;
    margin-top: -2px !important;
    padding-top: 0px !important;
}

.main_nav_inner ul li{
    opacity: 1;
    list-style: none;
    display: block;
    width: 100%;
    border-bottom: 1px solid #dddddd;
    padding-top: 20px;
    padding-bottom: 20px;
    color:#b9b9b9;
    font-size: 24px;
    font-family: "VisbyCF-Bold";
    letter-spacing: 3px;
    
}

.main-nav-inner ul li:first-child {
    padding-top: 5px;
}

.menuanchor{
    color:#373737;
    text-decoration: none;
    display: block;
}

.menuanchor:hover{
    color:#373737;
    opacity: 0.7;
    text-decoration: none;
    display: block;
}


.main-nav-title {
    position: absolute;
    bottom: 30px;
    left:40px; 
    font-size: 1.7rem;
    color: #373737;
    height: 55px;
    z-index: 5000 !important;
    visibility: visible !important;
    font-size:14px;
    font-family: "VisbyCF-Regular";
    letter-spacing: 1.5px;
}



.navigation_float{display: none;}
.navigation_float a{color:black;}
.navigation_float a:hover{color:black; text-decoration: underline;}


.process_menu_bottom a{color:white;}


.process_menu_top_span{font-family: 'VisbyCF-Regular'; font-size: 14px; letter-spacing: 1.5px;}
.process_menu_top_active{font-family: 'VisbyCF-Bold';}


.process_menu_bottom_span1{max-width: 300px; display: inline-flex; vertical-align: middle; font-family: 'VisbyCF-Bold'; font-size: 18px; letter-spacing: 6px; line-height: 24px; text-align: right; margin-right:30px; color:#0C0B95;}
.process_menu_bottom_anchor{font-family: 'VisbyCF-Light'; font-size: 24px; letter-spacing: 6px; vertical-align: middle;}

.process_menu_bottom_span_barra{font-family: 'VisbyCF-Light'; font-size: 24px; letter-spacing: 6px; vertical-align: middle; color:#007bff;}

.process_menu_bottom_anchor{font-family: 'VisbyCF-Light'; font-size: 24px; letter-spacing: 6px; vertical-align: middle;}
.process_menu_bottom_span2{ max-width: 300px; display: inline-flex; vertical-align: middle; font-family: 'VisbyCF-Bold'; font-size: 18px; letter-spacing: 6px; line-height: 24px; text-align: left; margin-left:30px; color:#0C0B95;}


.download_link_white{background-image: url("../images/seta_white.svg");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: calc(100% - 4px) center;
    padding-right: 30px;
    margin: 0;
    transition: all ease .15s;
    vertical-align: middle;}


.download_link{
    background-image: url("../images/seta.svg");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: calc(100% - 4px) center;
    padding-right: 30px;
    margin: 0;
    transition: all ease .15s;
    vertical-align: middle;
}

.download_link:hover{ text-decoration: underline; padding-right: 35px;}
.download_link_white:hover{ text-decoration: underline; padding-right: 35px;}
.visbyBold{font-family: 'VisbyCF-Bold';}
.tech_div{ margin-top: 80px; }
.white_text{color:white;}










 .carousel.fade {
        opacity: 1;
        -webkit-transition: none;
        -o-transition: none;
        margin-top: 0px;
        margin-bottom:0px;
    }
  .carousel.fade .carousel-item {
        -moz-transition: opacity ease-in-out .7s;
        -o-transition: opacity ease-in-out .7s;
        -webkit-transition: opacity ease-in-out .7s;
        transition: opacity ease-in-out .7s;
      
        opacity: 0;
        top: 0;
        position: absolute;
        
        display: block !important;
        z-index: 1;
        
    }



    .carousel.fade .carousel-inner {
      height:100%;

    }

  .carousel.fade .carousel-item:first-child {
        top: auto;
        position: relative;
    }
  .carousel.fade .carousel-item.active {
        opacity: 1;
        -moz-transition: opacity ease-in-out .7s;
        -o-transition: opacity ease-in-out .7s;
        -webkit-transition: opacity ease-in-out .7s;
        transition: opacity ease-in-out .7s;
       
    }

   .carousel.fade .carousel-item {
        
        text-align: center;
        margin-left: auto;
        margin-right: auto;
       
    }

    .carousel.fade .carousel-item img{
       max-width: 100vw;
       max-height: 100vh;
       line-height: 0px;

       vertical-align: middle;
    }

    .carousel-control-prev, .carousel-control-next{z-index: 200; position: fixed; width: 20%; opacity: 1; top:60px; bottom: 60px;  }
    .carousel-control-prev{left: 40px; justify-content: left;}
    .carousel-control-next{right: 40px; justify-content: right;}
    

    .bullets_simulation {
        list-style: none;
        padding: 0px;
    }

    .bullets_simulation ul {
        list-style: none;
        padding: 0px;
    }

    .bullets_simulation li {text-indent: -27px; margin-left: 27px;}

    .bullets_simulation li:before
    {
        content: '\25A0';
        margin-right: 15px;   /* any design */
    }

    .bullets_simulation ul li:before
    {
        content: '\25A0';
       margin-right: 15px;   /* any design */
    }

    .bullets_inner{margin-left: 50px;}
 
    .zoom {background-position: 50% 0;  height: 400px; }
    #infografia_img {height: 400px;}
    .infographic_blocks{display: inline-block;vertical-align: middle;line-height: 1; padding-left: 20px; }
    .infographic_mainblock{padding:100px 200px 0 180px; }
    .infographic_blocks img{margin-bottom: 10px;}
    .infographic_span{text-align: center; height: 80px; display: table-cell; vertical-align: middle; text-align: center; width:19vw; font-family:'VisbyCF-REgular'; 
    letter-spacing: 1.5px; font-size: 16px;  line-height: 22px; }

    .greybox{background-color: #f2efef; margin: 0 10vw 0 10vw;}
    .pd_box{margin: 80px 10vw 0 10vw;}

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




/* Default styles first then media queries */
@media screen and (min-width: 240px)  {

}
@media screen and (min-width: 320px)  {

}
@media screen and (min-width: 480px) {

}
@media screen and (max-width: 768px) {

}

@media screen and (min-width: 1025px) and (max-width: 1280px) { 
    .box_title2 {font-size: 44px;}
    .box-verticalcenter{padding-left: 3vw; padding-right: 3vw;}
    .infographic_mainblock{padding:75px 120px 0 100px; }
    .margin-top-desktop100{margin-top:75px;}
}



@media screen and (min-width: 801px) and (max-width: 1024px) {
    .contact_block .col-sm-50 {    -ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%;}
    .contact_div{ min-height: 600px; padding-left: 6vw; padding-right: 6vw;}
    .card .col-sm-50 {    -ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%;}
    .box_title2 {font-size: 40px;}
    .box-verticalcenter{padding-left: 3vw; padding-right: 3vw;}
    .zoom {background-position: unset;}

    .infographic_mainblock{padding:75px 120px 0 100px; }
    .margin-top-desktop100{margin-top:75px;}
}

@media screen and (min-width: 641px) and (max-width: 800px) {
    /*span {display:block; word-wrap: break-word;}*/
    #loader {margin: -105px 0 0 -65px;}
    .col-sm-16 {    -ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%; }
    .col-sm-33 {    -ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%; }
    .col-sm-40 {    -ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%; }
    .col-sm-45 {    -ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%; margin-top: 40px;}
    .col-sm-47 {    -ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%;}
    .col-sm-50 {    -ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%;}
    .col-sm-60 {    -ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%;}
    .col-sm-55 {    -ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%;}
    .ordersmall_1{order:1;}
    .ordersmall_2{order:2;}

    .box-verticalcenter{padding-left: 4.86vw; padding-right: 4.86vw; position:relative; top:unset; left:unset; transform: unset;}
    
    .overlay_text{width:90vw;}
    .overlay_text_500{width:80vw;}

    .wrapper{display: flex;}

    .infographic{ margin-top:80px; max-width: 80%;}


    .prinemo_start .ordersmall_2 {padding-top:100px; padding-bottom: 80px;}
    .prinemo_start {padding-top:80px; height: unset;}
    .prinemo_start .box400{width: 90vw; margin: 0 auto;}
    .marginleft972{margin: 0 auto;}
    
    .blocoazul_left:before{width: 0px;}
    .services_content{justify-content: space-evenly; padding-top: 150px; padding-bottom: 150px; margin: 0 auto; }
    .blocoazul_title {font-family: 'VisbyCF-Heavy';  letter-spacing: 3px; font-size: 40px;   line-height: 52px;  }
    .blocoazul_text{font-size: 20px; line-height: 26px; }
    .blocoazul_text3{font-size: 14px;}
    /*.box_title2{font-size: 42px;   letter-spacing: 3px;}
    .box2_text{font-size: 16px; line-height: 22px;}*/


    .contact_div{ min-height: 700px; padding-left: 6vw; padding-right: 6vw;}

    .grafico{padding-left: 0vw;    padding-right: 0vw;    text-align: center;}
    .bola1{top:40%; left:24%; z-index: 1;}
    .zoom {background-position: unset;}


    .gallery-title{width:100vw; margin-left: unset;}
/*
    .infographic_blocks{padding:5vw 25vw 10vw 25vw; }
    */



    .infographic_blocks{padding-left: unset; padding-bottom: 40px;}
    .infographic_mainblock{padding:10vw 39vw 0vw 38vw; }
    .infographic_blocks img{margin-bottom: 1vw;}
    .infographic_span{text-align: center; height: auto; display: table-cell; vertical-align: middle; text-align: center; width:50vw;}
}




@media screen and (min-width: 0px) and (max-width: 640px) {
    /*span {display:block; word-wrap: break-word;}*/

    #loader {margin: -105px 0 0 -65px;}


    body{line-height: 14px;}
    .wrapper{display: flex;}

    #topmenu{height: 70px;}
    
    .logodiv{top: 16px; right:20px; width:140px;}
    .logodiv_xs{top: 15px; }

    .langs_menu{padding-right: 20px;}




    .logoimage{width:35px; height: 35px; background-size: contain;}
    .hamburger-wrap{top:17px;left:23px;}
    .hamburger_xs{top:17px;}
    .main-nav-title{display: none;}
    .overlay_text{width:80vw;}
    .overlay_text_500{width:75vw;}

    .overlay_image_span_title_home{    font-size: 26px;    letter-spacing: 6px;    line-height: 38px; word-break: break-word;}
    .overlay_image_span_text_home{font-size: 18px;    letter-spacing: 1px;    line-height: 26px;}

    .overlay_image_span_title{    font-size: 26px;    letter-spacing: 6px;    line-height: 38px; word-break: break-word;}
    .overlay_image_span_text{font-size: 18px;    letter-spacing: 1px;    line-height: 26px;}
    .scroll_title{display: none;}

    .box-verticalcenter{padding-left: 5vw; padding-right: 5vw; position:relative; top:unset; left:unset; transform: unset;}

    .box_title2{font-size: 26px;   letter-spacing: 3px;     line-height: 38px;}
    .box2_text{font-size: 16px; line-height: 26px;}
    


    .prinemo_start .ordersmall_2 {padding-top:100px; padding-bottom: 80px;}
    .prinemo_start {padding-top:80px; height: unset;}
    .box400{width: 90vw; margin: 0 auto;}
    .marginleft972{margin: 0 auto;}


    .spacetop200{margin-top: 140px;}
    .spacebottom200{padding-bottom: 140px;}


    .footer_span1{font-size: 26px;    letter-spacing: 6px;    line-height: 38px;}
    .footer_span2{font-size: 18px;    letter-spacing: 1px;    line-height: 26px; }
    .footer{line-height: unset;}
    .footer_container{ padding-top: 95px;}
    .footer_cover{margin-top: 70px; }
    .footer_block1{width: 90vw; margin: 0 auto;}

    .copyright_container{/*text-align: right; padding-right: 25px; */top: 27px;}
    .copyright_container span{font-size: 14px;}

    #logotipo{width: 35px;}
    .col-sm-16 {    -ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%; }
    .col-sm-33 {    -ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%; }
    .col-sm-40 {    -ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%;}
    .col-sm-45 {    -ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%; margin-top: 40px;}
    .col-sm-50 {    -ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%;}
    .col-sm-55 {    -ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%;}
    .col-sm-60 {    -ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%;}

    .ordersmall_1{order:1;}
    .ordersmall_2{order:2;}



    .collapses_row{padding-bottom: 80px;}


    .card-header_title:after{display: none;}
    .card-header_title span{margin-left:0px; }
    .card-header_title{padding-top: 20px; padding-bottom: 20px; padding-left: 0px;  font-size: 15px; letter-spacing: 1.5px;   text-align: center;}

    .card-body{    font-size: 16px;    line-height: 24px;    padding-left: 20px;    padding-right: 20px;    padding-top: 0px;    padding-bottom: 70px}

    .infographic{ margin-top:80px; max-width: 80%; }


    .margin_sm_top20{margin-top:20px !important;}
    .margin_sm_top40{margin-top:60px !important;}

    .image_center{width:60vw;}
    
    .blocoazul_left{ margin-top: 110px;}
    .blocoazul_left:before{width: 0px;}
    .blocoazul_title {font-family: 'VisbyCF-Heavy';  letter-spacing: 3px; font-size: 40px;   line-height: 52px;  }
    .blocoazul_text{font-size: 20px; line-height: 26px; }
    .blocoazul_text3{font-size: 14px;}
    #blocoazul .div_align_center{left:10vw; transform: unset; width: 75vw;}
    .reveal-mask-right{display: none;}
    .reveal-mask-left{display: none;}

    .services_content{justify-content: space-evenly; padding-top: 150px; padding-bottom: 150px; margin: 0 auto; }

    .contact_div{ min-height: 550px; padding-left: 6vw; padding-right: 6vw;}
    #map{width: 100vw;}

    .evolution_block{margin-top: 30px;}
    .evolution_block_text{padding-left: unset}

    
    
    .gallery-title{margin-left:0px;}


    .bloco_igual_overlay{width:80vw; margin: 0 auto;}

    .mask_reveal{background-color: #fff; height: 0px;}




    .tech_div{padding-bottom: 100px; margin-top: 100px; }
    .allrights{display:none;}
    
    .grafico{padding-left: 0vw;    padding-right: 0vw;    text-align: center;}
    .bola1{top:40%; left:24%; z-index: 1;}
    .zoom {background-position: unset;}


    .inforgrafiatitles_span{font-size: 26px; line-height:32px; }
    .block4_title{ font-size: 26px; line-height: 30px;}
    .block4_box{ padding:90px 5vw 90px 5vw; margin:0px 90px 0 90px; text-align: center; width: 100%;max-width: 1200px;margin: 0 auto;}
    .box_title3{font-family:'VisbyCF-Bold';  color:white; font-size: 26px; line-height: 36px; letter-spacing: 5px; text-transform: uppercase;  }
    .box_title4{ font-size: 26px; line-height: 36px;    }
    .bullets_inner{margin-left: 0px;}



    .zoom {background-position: 50% 0;  height: 300px; background-position: 15px 0px;}
    #infografia_img {height: 300px;}


    .gallery-title{width:100vw; margin-left: unset;}
    .greybox{background-color: #f2efef; margin: 0 5vw 0 5vw;}
    .mobile_top_50{margin-top: 50px;}
    .pd_box{margin: 80px 5vw 0 5vw;}
    .margin-top-desktop100{margin-top:0px;}

    .infographic_blocks{padding-left: unset; padding-bottom: 40px;}
    .infographic_mainblock{padding:20vw 25vw 20vw 25vw; }
    .infographic_blocks img{margin-bottom: 1vw;}
    .infographic_span{text-align: center; height: auto; display: table-cell; vertical-align: middle; text-align: center; width:50vw; }

    .modal-content{padding:0px;}
 
}

    .azul_prinemo{color: #0C0B95;}