@font-face {
    font-family: "Open Sans";
    src: url(/media/fonts/opensans.ttf);
    font-weight: normal;
}
@font-face {
    font-family: "Open Sans";
    src: url(/media/fonts/opensans-semibold.ttf);
    font-weight: bold;
}
*{font-family: 'Open Sans', sans-serif}
body{height: 100vh;counter-reset: section; }
#header{background: #fff; height: 50px; margin: 0;position: fixed; width: 100%;z-index: 10;}
#header h3{margin: 0; font-size: 18px;}
#header > div{display: inline-block; height: 100%}
.logo-header{padding-top: 8px; padding-left: 35px; margin: 0}
#header .logo-container{width: 260px}
#header .pagina-titulo-header{color: #aeaeae}
#header .pagina-titulo-header:before{content: ' '; display: inline-block; height: 20px; margin:10px 5px 0 0; border-left: 1px solid #aeaeae}
#sidebar{background:#000; height:100%; float: left;padding: 0; padding-top: 50px;position: fixed; width: 260px; display: none;z-index: 9;}
.menu{height: 100%; overflow-y: auto}
.menu ul:first-child{margin-top: 35px;}
.hamburguer{width: 30px; height: 30px;}
#sidebar ul li{text-align:left;}
#sidebar ul li a:link {text-decoration:none; display:block;}
#sidebar ul li a:hover{background: #333;color: #fff}
#sidebar ul li h4{margin:0;font-size:14px; text-transform: uppercase;font-weight:bold;}
#sidebar ul li h4 a{color: #fff;padding: 10px}
#sidebar ul li a{color: #999; padding: 3px; padding-left: 20px;}

#sidebar .menu .list-group ul { counter-reset: section; content: counters(section, ".") " "; }
#sidebar .menu .list-group a:before{ counter-increment: section; content: counters(section, ".") " - "; }

.bottom-bar{margin: 45px 0;}

#video-vivaintra {
    margin-top: -10px;
    width: 420px;
    height: 236px;
}

@media only screen and (min-width: 991px) and (max-width: 1200px) {
    .desc-guia {
        padding-right: 50px;
    }
    #video-vivaintra {
        right: 0px;
    }
}

@media only screen and (min-width: 769px) {
    #sidebar{display: block;}
    .conteudo{padding:0;padding-left: 260px;}
    #header .menu-hamburguer{display: none}
    #video-vivaintra {
        position: absolute;
        z-index: 1;
    }
}
@media only screen and (max-width:768px) {
    #header > div{display: block; height: 100%}
    .conteudo{padding:0;}
    .container-custom{padding-left: 10px}
    .info-text{padding-bottom: 20px;padding-left: 15px;}
    .menus{padding: 0}
    .title-page{display: none !important; margin:0;}
    .pagina-titulo-header{margin: 0}
    .logo,.menu-hamburguer{display: inline-block;margin: 0}
    .page-title{padding-left: 0}
}
.block{padding: 30px 5px;}
.video{text-align: center; padding: 25px;}
.menu-children{list-style-type:none; padding:0; font-size: 13px;}
.iframe{max-width: 640px; width: 80%;margin: 0 auto;}
.fluid-width-video-wrapper{padding-top: 56.25% !important;}
.conteudo{float: left; padding-top: 50px;}
.conteudo h2{padding: 0;}
.conteudo p{padding-top: 15px;}
.conteudo h3{padding-top: 40px}
.conteudo h3:after{display:block;content: " "; border-bottom: 1px solid #000; width: 100%;margin-top: 5px}
.container-custom{max-width: 1100px; margin: 0 auto;padding-left: 30px}
.block-guia{background: #ebebeb;width: 100%;}
.block-guia p{font-size: 14px;}
.player{padding-top: 50px; padding-bottom: 50px;}
.menu-title{ margin: 0; padding-bottom: 10px;}
.line{border-top:1px solid #000;padding-top:7px;font-size:11px;}
.menus{padding-top:25px;padding-left: 40px; padding-right: 50px;}
.menus h5{padding-top: 18px;font-size: 18px;}
.menu-home{position: relative;position: center; list-style: none;display: flex;flex-wrap: wrap;}
.menu-home li a{text-decoration: none}
.menu-home li a.item{display: block; color: #000000;height: 100%;padding: 20px;font-size: 12px}
.menu-home li a.item p{color: #000; font-size: 14px;}
.menu-comunicacao{background: #eff7fa;padding: 0}
.menu-colaboracao{background: #f5f8f1;padding: 0}
.menu-produtividade{background: #fdf8f4;padding: 0}
.menu-recursos-humanos{background: #f1f8fa;padding: 0}
.menu-extranet{background: #faf3f3;padding: 0}
.item{padding-top: 40px}
.img-planos{margin: auto auto 45px}
.banners-margin-top {margin-top: 45px}
@media(min-width: 1200px){
    .menu-extranet p{padding: 0 40px}
    .menu-recursos-humanos p{padding: 0 40px}
}

.image-box{text-align: center; padding-top: 15px;}

.text-bold{font-weight:bold;}
.info-text{font-size: 18px;padding-left: 15px;}
.info-text p{padding-top: 0; margin-bottom: 15px;}
.img-title{margin-bottom: 4px; width: 48px}
.page-title{display: inline-block; margin: 0; padding-bottom: 10px;padding-left: 20px;}
.beneficios{padding-top: 15px;}
.beneficios h4{font-size: 20px;}
.beneficios h5{font-size: 18px;}
.beneficios-ul li p{margin-top: 2px; padding: 0 !important;}
.beneficios-ul li{padding: 5px 0;}
.text-beneficios{margin-top: 25px}
.text-beneficios p{padding-top: 5px}
.links-uteis{padding-top: 15px;}
.galerias{margin: 15px 0 30px 0;}

.box-enterprise{margin-bottom: 30px}
.panel-planos{margin: 10px 0}
.panel-planos .panel{border: none;box-shadow: none; -webkit-box-shadow: none;}
.panel-planos .panel-heading h4{margin: 0}
.panel-planos .panel-footer p{padding: 0; margin: 0}
.panel-planos .panel-default{border: none; background-color: #ebebeb; border-radius: 10px;}
.panel-planos .panel-default .panel-heading{background: #ebebeb;border-radius: 10px 10px 0 0; border-bottom: none}
.panel-planos .list-group.single{border: 1px solid #b7b7b7;border-radius: 10px;}
.panel-planos .list-group.single .list-group-item:last-child{border-radius: 0 0 10px 10px;}
.panel-planos .list-group{border: 1px solid #b7b7b7;border-radius: 10px 10px 0 0;border-bottom: none}
.panel-planos .list-group-item{padding: 7px; padding-left: 15px}
.panel-planos .list-group-item:first-child{border-radius: 10px 10px 0 0}
.panel-planos .panel-footer{border: 1px solid #b7b7b7; border-radius: 0 0 10px 10px; border-top:none;}
.panel-planos .panel-width{max-width: 320px; margin:auto;}

#ebook .modal-dialog .modal-body .section-subsection{font-size: 32px;margin-bottom: 15px;}
#ebook .modal-dialog .modal-body img{margin-bottom: 15px;}
#ebook .modal-dialog .modal-body #submitbaixar{margin-top:15px;}

.aplicativos-container{margin-bottom:45px; border: 1px solid #ccc; border-radius: 8px;}
@media(min-width: 1024px){
    .apps{padding: 0 30px;}
    .aplicativos-lista{padding: 0 45px;}
    .aplicativos-item{width: 20%}
}
@media(min-width: 1200px){
    .apps{padding: 0 67px;}
}
.aplicativos-item{float:left;text-align:center;padding:10px;}
.aplicativos-item img{width:50px;height:50px}
.aplicativos-item p{display:block;font-size:15px;color:#222}
@media(min-width: 992px){
    .aplicativos-item.border-aplicativo{border-right:1px solid #ccc}
}
a.aplicativos-button{padding:7px 20px;background:#aaa;border-radius:5px;color:#fff;font-size:13px}
.aplicativos-button.web{background: #269af2}
.aplicativos-button.web:hover{background: #2490e3}
.aplicativos-button.mac{background: #507ac9}
.aplicativos-button.mac:hover{background: #4a72bc}
.aplicativos-button.windows{background: #00adef}
.aplicativos-button.windows:hover{background: #02a3e0}
.aplicativos-button.linux{background: #ffc107}
.aplicativos-button.linux:hover{background: #f1b607}
.aplicativos-button.ios{background: #0b0b0b}
.aplicativos-button.ios:hover{background: #000}
.aplicativos-button.android{background: #a4c639}
.aplicativos-button.android:hover{background: #99b935}
.aplicativo-login-container{background:#efefef}
.aplicativo-login-container .container{text-align:center;color:#58595b;padding-top:30px}
.aplicativo-login-container h4{font-size:18px}
.aplicativo-login-container p{font-size:17px;margin-bottom:30px}
.aplicativo-login-container img{max-width:100%;width:700px}
.aplicativo-experimente {padding:80px 0}
.aplicativo-experimente a{font-size:20px;padding:10px 20px}
#win-links .modal-body ul.links li {list-style:none}
#win-links .modal-body ul.links li a{left:0;right:0;margin:0 auto;display:block}

.modal-vivaintra .modal-header{background: #00649f;color: #fff;padding: 10px;border-radius: 3px 3px 0 0;}
.modal-vivaintra .modal-header img{height: 30px}

.nopadding{padding:0;}
.nomargin{margin:0;}

#manuais .manual-desc{color: #000}
#manuais .manual-desc h4{margin-top: 0;}
#manuais .manual-desc p{padding-top: 0;}

.image-box .width-full{max-width: 100%}
.desc-guia{margin-bottom: 40px;}

/* royal css */
#gallery-1 {
    width: 100%;
    height: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.royalSlider > .rsImg {
    visibility:hidden;
}
.royalSlider img {
    height: 100%;
    width: 100%
}
.rsWebkit3d .rsSlide {
    -webkit-transform: none;
}
.rsWebkit3d img {
    -webkit-transform: translateZ(0);
}

.rsDefault .rsThumbs {
    background-color: #000 !important;
    background: #000 !important;
}