@charset "UTF-8";
/* Global */
 body{
     font-family:"Source Sans Pro",sans-serif;
     min-height: 100vh;
     height: auto;
     font-size:16px;
     font-weight: 400;
     color: #0579CF;
     background:#ffffff;
     padding-top: 50px;
     margin:0px;
     -webkit-font-smoothing: antialiased;
}

/* Scrollbar */
::-webkit-scrollbar { width:9px; height:9px; }
::-webkit-scrollbar-button { width:0px; height:0px; }
::-webkit-scrollbar-thumb { background:#e1e1e1; border:0px none #ffffff; }
::-webkit-scrollbar-thumb:hover { background:f1f1f1;  border-radius:10px;}
::-webkit-scrollbar-thumb:active { background:#ffffff; }
::-webkit-scrollbar-track { background:rgba(47,47,47,0.9); border:0px none #ffffff; }
::-webkit-scrollbar-track:hover { background:#666666;}
::-webkit-scrollbar-track:active { background:#888888; }
::-webkit-scrollbar-corner { background:transparent; }

 p{
    line-height: 24px
}
 a{
    color:#0579CF;
}
 a:hover{
    text-decoration: none;
}
 h1,h2,h3,h4,h5,h6{
     font-family:'Source Sans Pro', sans-serif
}
h1{
    font-size:50px;
     font-weight: 400;
     color: #555;
     margin-bottom: 20px;
}
h2{
     font-size: 30px;
     font-weight: 400;
     color: #444;
     margin: 30px 0
}
 h3{
    font-size: 20px;
     font-weight: 400;
     margin: 20px 0;
}
 h4{
    font-size:18px;
     font-weight: 400
}
.downs{
	margin-top:5px;
	padding-top:30px;
	padding-bottom:30px;
}
.downs:hover{
	background:#fcfcfc;
	font-weight:bold;
}
.downs a{
	color:#333333 !important;
}

/* NavBAr*/
 .navbar{
    background:#ffffff;
     background-color: rgba(255, 255, 255, 0.97);
     background: rgba(255, 255, 255, 0.97);
     color: #0579CF;
}
 .nav.navbar-nav.navbar-right li a{
    color: #0579CF;
}
 .nav.navbar-nav.navbar-right li a:hover {
    color: #006595;
}
 .navbar-default .navbar-brand{
    background: url("../img/logo_neo_120x40.png") no-repeat scroll 0 5px rgba(0, 0, 0, 0);
     color: transparent;
     font-size: 0;
     width: 140px;
}
@media screen and (max-width: 767px) {
  .navbar{
    text-align:center;
  }
}
/* Carousel */
 .carousel{
     background: url("../img/hexagons.png"), linear-gradient(20deg, #6ec654, #0579CF);
}
 .carousel-indicators li, .carousel-indicators .active{
     width:15px;
     height:15px;
     margin-left:10px;
     cursor:default;
}
 .carousel .item img{
     margin: 0 auto;
}
 .carousel-caption {
     width: auto;
     top: 0;
     bottom: auto;
     left: 0;
     right: 0;
}
 .carousel-fade .carousel-inner .item {
     opacity: 0;
     -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-inner .active {
     opacity: 1;
}
 .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
     left: 0;
     opacity: 0;
     z-index: 1;
}
 .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
     opacity: 1;
}
 .carousel-fade .carousel-control {
     z-index: 2;
}
 .imageslide {
     background-position: center center;
     background-size: cover;
     height: 100%;
     width: 100%;
     z-index: 0;
}
 .text_transp{
     background-color: rgba(255, 255, 255, 0.8);
     color: rgba(255, 255, 255, 0.8);
     border-top: 1px solid #f1f1f1;
     border-bottom: 1px solid #f1f1f1;
     border-right: 1px solid #f1f1f1;
}
 .carousel-title, .carousel-subtitle{
    line-height: 1;
     color: #333333;
}
/* Contato */
 #form-contato {
    font-weight: 500;
     color: #333333;
     background: #ffffff;
}
 .msg-erro{
    color: #ef031b;
}
.img-bemvindo,
.img_contato{
    background: url('../img/contato.png') 0px center no-repeat;
    min-height:500px;
}
/* Download */
.apps-uteis{
     text-align:center;
}
.ttip{
     margin-bottom:100px;
}
.btndown{ margin-bottom: 10px; height:auto;line-height: 2em; display: inline-flex; }
.down-srv-win,.down-srv-win-64,.down-cli-win{margin-right: 7px; width: 40px; height: 30px; }
.down-srv-win-64{ background: rgba(0, 0, 0, 0) url(../img/bg-icons.png) no-repeat scroll -600px -40px; border-right: 1px solid #8dd88d; }
.down-srv-win{ background: rgba(0, 0, 0, 0) url(../img/bg-icons.png) no-repeat scroll -600px -0px; border-right: 1px solid #dedede; float: left; }
.down-cli-win{ background: rgba(0, 0, 0, 0) url(../img/bg-icons.png) no-repeat scroll -600px -40px; border-right: 1px solid #2ca4c7; }
@media screen and (max-width: 767px) {
  .down-vid{ padding-left:15px; padding-right: 15px; }
}

/* bem_vindo cliente*/
.img-bemvindo,.bemvindo{min-height:570px;}
@media screen and (max-width: 767px) {
     .img-bemvindo{display: none;}
     .bemvindo{min-height: auto;}
}
/* Para resoluções inferiores a 500px */
 @media screen and (max-width: 500px) {
     .carousel-title {
        font-size:26px;
         font-weight: 200;
         margin-top: 5px;
    }
     .carousel-subtitle {
        font-size: 15px;
         font-weight: 300;
         margin: 10px 0
    }
     .carousel .item{
        min-height: 190px;
    }
     .imageslide{
        min-height: 190px;
    }
     .carousel-caption .col-sm-6, .carousel-caption .col-md-6, .carousel-caption .col-xs-6{
         padding-left: 5px;
         padding-right: 5px;
    }
}
/* Entre 501 e 760px */
 @media screen and (min-width: 501px) and (max-width: 760px) {
     .carousel-title {
        font-size:35px;
         font-weight: 200;
         margin-top: 10px;
    }
     .carousel-subtitle {
        font-size: 18px;
         font-weight: 300;
         margin: 10px 0
    }
     .carousel .item{
        min-height: 250px;
         max-height:400px;
    }
     .imageslide{
        min-height: 250px;
         max-height:400px;
    }
     .carousel-caption .col-sm-6, .carousel-caption .col-md-6, .carousel-caption .col-xs-6{
         padding-left: 5px;
         padding-right: 5px;
    }
}
/* Entre 761 e 1010 px */
 @media screen and (min-width: 761px) and (max-width: 1010px) {
     .carousel-title {
        font-size:40px;
         font-weight: 200;
         margin-top: 20px;
    }
     .carousel-subtitle {
        font-size: 20px;
         font-weight: 300;
         margin: 20px 0
    }
     .carousel .item{
        min-height: 375px;
         max-height:500px;
    }
     .imageslide{
        min-height: 375px;
         max-height:500px;
    }
}
/* Maiores de 1010*/
 @media screen and (min-width: 1010px) {
     .carousel-title {
        font-size:55px;
         font-weight: 200;
         margin-top: 40px;
    }
     .carousel-subtitle {
        font-size: 30px;
         font-weight: 300;
         margin: 30px 0
    }
     .carousel .item{
        min-height: 448px;
         max-height:600px;
    }
     .imageslide{
        min-height: 448px;
         max-height:600px;
    }
}
/* Scrooll to top */
 .scroll-top-wrapper {
     position: fixed;
     opacity: 1.0;
     visibility: hidden;
     overflow: hidden;
     text-align: center;
     z-index: 99999999;
     background-color: transparent;
     border: 1px solid #97ddff;
     width: 30px;
     height: 30px;
     right: 20px;
     bottom: 20px;
     padding-top: 4px;
     border-top-left-radius: 3px;
     border-top-right-radius: 3px;
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px;
     -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     -ms-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
}
 .scroll-top-wrapper:hover {
     background-color: #ffffff;
     border: 1px solid #0579CF;
}
 .scroll-top-wrapper.show {
     visibility:visible;
     cursor:default;
     opacity: 1.0;
}
/*Feature*/
 .feature-box{
     margin-top: 60px;
     text-align: center;
}
 .cnt-title {
     text-align: center;
     margin-bottom: 50px;
}
 .cnt-title div{
     font-size: 24px;
     font-weight: 200;
}
 .media {
     margin-bottom: 50px;
}
.feature-box p{
     min-height: 90px;
     color: #333333;     
}
.feature-box .col-md-4{
     margin-bottom: 100px;
}

.sgbd-mariadb,.notepad-plus-plus,.compact-arquivo,.acesso-remoto,.agendmto-backup,
.funciona-offline,.multi-empresas,.robusto-flexivel,.rapida-implantacao,.unico-sistema,.facil-aprendizado,.emita-nfe,.fluxo-de-caixa,.importacao-xml,.visual-c-plus-plus { height: 100px; width: 100px; margin: auto; }
.importacao-xml {
     background: rgba(0, 0, 0, 0) url(../img/bg-icons.png) no-repeat scroll -200px 0px;
}
.emita-nfe{
     background: rgba(0, 0, 0, 0) url(../img/bg-icons.png) no-repeat scroll -200px -400px;
}
.fluxo-de-caixa{
     background: rgba(0, 0, 0, 0) url(../img/bg-icons.png) no-repeat scroll -400px -200px;
}
.facil-aprendizado{
     background: rgba(0, 0, 0, 0) url(../img/bg-icons.png) no-repeat scroll 0px -400px;
}
.unico-sistema{
     background: rgba(0, 0, 0, 0) url(../img/bg-icons.png) no-repeat scroll -400px 0px;
}
.funciona-offline{
     background: rgba(0, 0, 0, 0) url(../img/bg-icons.png) no-repeat scroll 0px -600px;
}
.rapida-implantacao{
     background: rgba(0, 0, 0, 0) url(../img/bg-icons.png) no-repeat scroll -400px -400px;
}
.robusto-flexivel{
     background: rgba(0, 0, 0, 0) url(../img/bg-icons.png) no-repeat scroll -200px -600px;
}
.multi-empresas{
     background: rgba(0, 0, 0, 0) url(../img/bg-icons.png) no-repeat scroll -400px -600px;
}

.sgbd-mariadb{
     background: rgba(0, 0, 0, 0) url(../img/bg-files.png) no-repeat scroll -200px 0px;
}
.agendmto-backup{
     background: rgba(0, 0, 0, 0) url(../img/bg-files.png) no-repeat scroll -400px -200px;
}

.notepad-plus-plus{
     background: rgba(0, 0, 0, 0) url(../img/bg-files.png) no-repeat scroll 0px -200px;
}
.compact-arquivo{
     background: rgba(0, 0, 0, 0) url(../img/bg-files.png) no-repeat scroll 0px 0px;
}
.acesso-remoto{
     background: rgba(0, 0, 0, 0) url(../img/bg-files.png) no-repeat scroll -400px 0px;
}
.visual-c-plus-plus{
     background: rgba(0, 0, 0, 0) url(../img/bg-files.png) no-repeat scroll 0px -400px;
}

/* Divider */
 .hr-divider{
     background: url(../img/slide-bg.png) no-repeat bottom center;
      height: 80px;
     display: block;
     clear: both;     
}
 .hr-divider_inverted{
    background: url(../img/slide-bg_inverted.png) no-repeat bottom center;
     height: 80px;
    display: block;
    clear: both;
}
/*Footer*/
 footer{
     border-top:1px solid #eee;
     background: #f5f5f5;
     padding: 40px 0;
     color: #999;
     margin-top:40px;
     text-align:center;
}
/* Pricing */
 .main-title-2{
     text-align: center;
}
 .main-title-2 h1 {
     font-size: 48px;
     font-weight: bold;
     margin-bottom: 10px;
}
 .panel {
     transition: padding 0.5s;
     -moz-transition: padding 0.5s;
    /* Firefox 4 */
     -webkit-transition: padding 0.5s;
    /* Safari and Chrome */
     -o-transition: padding 0.5s;
    /* Opera */
     -ms-transition:padding 0.5s;
    /* IE9 (maybe) */
     margin-top: 5px;
}
 .panel-primary, .panel:hover {
     border: 1px solid #aee4ff;
     margin-top: 4px;
     -webkit-box-shadow: 0px 0px 15px -3px rgba(0,147,221,0.59);
     -moz-box-shadow: 0px 0px 15px -3px rgba(0,147,221,0.59);
     box-shadow: 0px 0px 15px -3px rgba(0,147,221,0.59);
}
 .list-group-item{
    text-align: left;
}
 /* Tooltip */
.tooltip{
     position:absolute;
     z-index:1020;
     display:block;
     visibility:visible;
     padding:5px;
     font-size:13px;
     opacity:0;
     filter:alpha(opacity=0)
}
.tooltip.in{
     opacity:.9;
     filter:alpha(opacity=90)
}
.tooltip-inner{
     width:350px;
     padding:3px 8px;
     color:#333333;
     text-align:center;
     background: #dcf0fa; 
     -webkit-border-radius:5px;
     -moz-border-radius:5px;
     border-radius:5px;
     border: 1px solid #235c83;
}
.tooltip-arrow{
     position:absolute;
     width:0;
     height:0;
     border-top-color: #5787a7;
}
/*A class for form controls*/
.inputstl { 
     padding: 9px; 
     border: solid 1px #B3FFB3; 
     outline: 0; 
     background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #A4FFA4), to(#FFFFFF)); 
     background: -moz-linear-gradient(top, #FFFFFF, #A4FFA4 1px, #FFFFFF 25px); 
     box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
     -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
     -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
}