/* ================================
Imports
================================= */

@import url('font-awesome.min.css');
@import url('overwrite.css');
@import url('dlmenu.css');
@import url('animate.css');
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: local('Montserrat-Regular'), url(http://fonts.gstatic.com/s/montserrat/v6/zhcz-_WihjSQC0oHJ9TCYL3hpw3pgy2gAi-Ip7WPMi0.woff) format('woff');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: local('Montserrat-Bold'), url(http://fonts.gstatic.com/s/montserrat/v6/IQHow_FEYlDC4Gzy_m8fcnbFhgvWbfSbdVg11QabG8w.woff) format('woff');
}

@font-face {
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(http://fonts.gstatic.com/s/opensans/v10/DXI1ORHCpsQm3Vp6mXoaTaRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
}

@font-face {
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}

@font-face {
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzKRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
}

@font-face {
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: 800;
    src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(http://fonts.gstatic.com/s/opensans/v10/EInbV5DfGHOiMmvb1Xr-hqRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
}

@media (max-width: 768px) {
    .ver-tambem p,
    .ver-tambem a {
        clear: both;
        float: none;
    }
    svg#PortiaLogo {
        width: 100%!important;
        -webkit-transition: all 500ms ease-in-out;
        -moz-transition: all 500ms ease-in-out;
        -o-transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out;
    }
    .header-logos a: nth-of-type(2),
    .header-logos a: nth-of-type(3) {
        display: none!important;
    }
}

@media(max-width:992px) {
    .footer-columns {
        margin-bottom: 30px;
    }
}

a:link,
a:visited {
    color: rgba(0, 84, 160, 1);
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

a:hover,
a:active {
    color: rgba(0, 84, 160, 0.75);
    text-decoration: none;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}


/* ================================
General
================================= */

html {
    overflow-x: hidden;
}

body {
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: 'OpenSans', sans-serif;
    font-size: 14px;
    line-height: 1.6em;
    color: #555;
    zoom: 0!important;
    overflow-x: hidden;
    min-width: 320px!important;
}

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

h2 {
    font-size: 32px;
}

h3 {
    font-size: 28px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 18px;
}

h7 {
    font-size: 16px;
}

h7 {
    font-size: 12pt;
    line-height: 20pt;
    font-weight: 200;
    font-family: 'Montserrat', sans-serif;
}*/

h1,
h2,
h3,
h4,
h5,
h6,
h7 .h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h7 {
    /*color: #555;*/
    margin-bottom: 15px;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
}

.lead {
    font-weight: 400;
}

button {
    display: inline-block;
    margin-bottom: 0;
    /* margin-bottom: 10px; */
    margin-bottom: 0px;
    padding: 6px 12px;
    border: 1px solid transparent;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.428571429;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

button.navbar-toggle {
    background: #2b2b2b;
    border: none;
    color: #fff;
}

.btn-theme,
.btn-theme:hover,
.btn-theme:focus {
    color: #fff;
}

.btn-theme:hover {
    background: transparent !important;
    border-color: #999;
    color: #999;
}

.btn-theme-invert,
.btn-theme:hover,
.btn-theme:focus {
    color: #fff;
    border: 1px solid #fff;
    background: none;
    font-weight: 200;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.btn-theme-invert:hover {
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    background: #fff !important;
    border: 1px solid transparent;
    color: #0054A0;
}

.footer-links {
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.footer-links:hover {
    opacity: 0.5;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.footer-copy {
    color: #0054A0;
    font-weight: 600;
}


/* ================================
margin, padding
================================= */

.mar-top0 {
    margin-top: 0;
}

.mar-top10 {
    margin-top: 10px;
}

.mar-top20 {
    margin-top: 20px;
}

.mar-top30 {
    margin-top: 30px;
}

.mar-top40 {
    margin-top: 40px;
}

.mar-bottom0 {
    margin-bottom: 0;
}

.mar-bottom10 {
    margin-bottom: 10px;
}

.mar-bottom20 {
    margin-bottom: 20px;
}

.mar-bottom30 {
    margin-bottom: 30px;
}

.mar-bottom40 {
    margin-bottom: 40px;
}

.mar-bottom100 {
    margin-bottom: 100px;
}

.pad-bottom100 {
    margin-bottom: 100px;
}

.talign-just {
    text-align: justify;
}

.talign-left {
    text-align: left;
}

.header-logos {
    position: fixed;
    top: 12px;
    right: 15px;
    background: transparent;
    /* width:10px; */
}

.header-logos img {
    margin-left: 10px;
    vertical-align: top;
}

.t-bold {
    font-weight: 600;
}

.t-fsize15 {
    font-size: 15pt;
}

.t-fsize12 {
    font-size: 12pt;
}

.t-underline {
    text-decoration: underline;
}

.t-underitalic {
    text-decoration: underline;
    font-style: italic;
}

.t-blue {
    color: rgb(0, 84, 160);
}

.t-h2-sub {
    color: #666;
    text-transform: uppercase;
    padding-bottom: 2em;
}


/* ================================
Home sections
================================= */

.home-section {
    width: 100%;
    padding: 90px 0px 150px 0px;
}

.small-section {
    width: 100%;
    /* height:100%; */
    padding: 50px 0px 30px 0px;
    background: rgba(0, 84, 160, 0.6);
}

.contact-section {
    width: 100%;
    /* height:100%; */
    padding: 30px 0px 30px 0px;
    background: rgba(0, 84, 160, 0.6);
}

.medium-section {
    width: 100%;
    padding: 90px 0px 90px 0px;
}

.large-section {
    width: 100%;
    padding: 120px 0px 120px 0px;
}

.bg-blue-transp {
    background: rgba(0, 84, 160, 0.6);
}


/* --- heading --- */

.section-heading {
    margin-bottom: 70px;
}

.section-heading h2 {
    font-size: 32px;
    text-transform: uppercase;
}

.section-heading .heading-line {
    margin: 0 auto;
    display: block;
    height: 1px;
    width: 80px;
    background: #333;
    margin-top: 10px;
    margin-bottom: 20px;
}

.above-home {
    width: 20%;
    /* height:100%; */
    padding: 50px 0px 30px 0px;
    background: rgba(0, 84, 160, 0.6);
}


/* --- section bg var --- */

.bg-white {
    background: #fff;
}

.bg-gray {
    background: #f8f8f8;
}

.bg-dark {
    background: #575757;
}

.bg-blue {
    background: #0054A0;
}


/* EM */

.bg-eee {
    background: #eee;
}


/* --- section content general color --- */

.color-light h1,
.color-light h2,
.color-light h3,
.color-light h4,
.color-light h5,
.color-light h6 {
    color: #fff;
}

.color-light p {
    color: #fff;
}


/* ==========================
Spacer
============================= */

#principais-vantagens {
    background-image: url(../img/spacer3.jpg);
    background-attachment: fixed;
    background-repeat: none!important;
    background-size: cover;
}

#gestao-inteligente-dados {
    background-image: url(../img/spacer4.jpg);
    background-attachment: fixed;
    background-repeat: none!important;
    background-size: cover;
}

#spacer2 {
    background-image: url(../img/spacer/2.jpg);
    background-attachment: fixed;
    background-repeat: none!important;
    background-size: cover;
}

.spacer {
    color: #fff;
    text-shadow: 2px 2px 2px rgba(50, 50, 50, .5);
}

#contact {
    background-image: url(../img/spacer1.jpg);
    background-attachment: fixed;
    background-repeat: none!important;
    background-size: cover;
}


/* ================================
Intro
================================= */

#intro {
    /* EM height:635px; */
    /* EM height:100%; */
    height: 100%;
    min-height: 635px;
    width: 100%;
    /*background-color: #0054A0;*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    text-align: center;
    position: relative;
    background-attachment: fixed;
    -webkit-transition: all 1000ms ease-in-out;
    -moz-transition: all 1000ms ease-in-out;
    -o-transition: all 1000ms ease-in-out;
    transition: all 1000ms ease-in-out;
}

.bg1 {
    background: url(../img/portia.jpg);
}

.bg2 {
    background: url(../img/portia2.jpg);
}

.bg3 {
    background: url(../img/portia3.jpg);
}

#graph {
    background: #eee;
}

#home-wrapper {
    /* min-height: 20%; */
    background: rgba(0, 84, 160, 0.8);
    display: inline-block;
    padding: 20px;
    position: absolute;
    bottom: 0px;
    left: 0;
    color: #fff;
    text-shadow: 0px 0px 5px #333;
    width: 100%;
}

.intro-text {
    position: relative;
    width: 100%;
    margin-top: 200px;
    z-index: 1000;
    overflow-x: hidden;
}

#intro .brand {
    /* margin-top: 40px;*/
    /*margin-top: 40px;*/
    /* EM margin-top:75px; */
    /*margin-top:12.5%;*/
    margin-top: 20%;
    background: rgba(0, 84, 160, 0.8);
    display: inline-block;
    padding: 20px;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.intro-text h1 a {
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 40px;
    line-height: 1.1em;
    padding-top: 30px;
    text-transform: uppercase;
}

.intro-text h1 a:hover {
    text-decoration: none;
}

.line-spacer {
    width: 20%;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 25px;
    border-bottom: 1px solid #fff;
}

.intro-text p span {
    color: #fff;
    font-size: 24px;
    text-align: center;
    font-weight: 300;
}


/* ================================
About
================================= */

.box-team img {
    margin-bottom: 30px;
}


/* ================================
Services
================================= */

.service-box p {
    margin-bottom: 20px;
}

.m-bottom10 {
    margin-bottom: 10%;
}

.m-bottom5 {
    margin-bottom: 5%;
}

.m-bottom-produtos {
    margin-bottom: 3.5%;
}

.service.carousel h4,
.service.carousel p {
    text-align: left;
}

.service .carousel-control {
    background: none;
}

.service .screenshot {
    overflow: hidden;
    overflow: hidden;
    margin-right: auto;
    margin-left: auto;
}

.service .screenshot img {
    margin-right: auto;
    margin-left: auto;
    padding-left: 4px;
    width: 400px;
}

.service .carousel-indicators {
    position: relative;
    bottom: 0;
    left: 0;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding: 5px;
    padding-bottom: 8px;
    width: 100%;
    background: #ffffff;
}

.service .carousel-indicators .active {
    width: 45px;
    height: 5px;
    border: none;
    border-radius: 0px;
}

.service .carousel-indicators li {
    display: inline-block;
    margin: 1px;
    width: 45px;
    height: 5px;
    border: none;
    border-radius: 0px;
    background: #eeeeee;
    text-indent: -999px;
    cursor: pointer;
}

.bbt-blue {
    border-bottom: 2px solid rgb(0, 84, 160);
}

.bbt-ltgr {
    border-bottom: 2px solid #eee;
    text-align: left!important;
}


/* ================================
Works
================================= */

.lb-album {
    margin-left: 40px;
    list-style: none;
    width: 100%;
    margin: 0 auto;
}

.lb-album li {
    float: left;
    margin: 10px;
    position: relative;
}

.lb-album li > a,
.lb-album li > a img {
    display: block;
}

.lb-album li > a {
    width: 150px;
    height: 150px;
    position: relative;
    padding: 0;
    background: #2b2b2b;
}

.lb-album li > a span {
    position: absolute;
    width: 150px;
    height: 150px;
    top: 0;
    left: 0;
    text-align: center;
    line-height: 150px;
    text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.6);
    font-size: 24px;
    opacity: 0;
    background: rgba(0, 84, 160, 0.8);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.lb-album li > a:hover span {
    opacity: 1;
    background: rgba(0, 84, 160, 0.8);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.lb-overlay {
    width: 0px;
    height: 0px;
    position: fixed;
    overflow: hidden;
    left: 0px;
    top: 0px;
    padding: 0px;
    z-index: 99;
    text-align: center;
    background: rgba(0, 84, 160, 0.8);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.lb-overlay > div {
    position: relative;
    background: rgba(0, 84, 160, 0.8);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 550px;
    margin: 10px auto 0px auto;
}

.lb-overlay div h3,
.lb-overlay div p {
    padding: 0px 20px;
    width: 200px;
    height: 60px;
}

.lb-overlay div h3 {
    font-size: 32px;
    margin-top: 0;
    float: left;
    text-align: right;
    border-right: 1px solid rgba(27, 54, 81, 0.4);
    text-shadow: none;
    color: #fff;
}

.lb-overlay div h3 span,
.lb-overlay div p {
    font-size: 16px;
    text-shadow: none;
    color: #fff;
}

.lb-overlay div h3 span {
    display: block;
    line-height: 6px;
}

.lb-overlay div p {
    text-align: left;
    float: left;
    width: 260px;
}

.lb-overlay a.lb-close {
    z-index: 1001;
    color: #fff;
    position: absolute;
    top: 43px;
    left: 50%;
    font-size: 28px;
    line-height: 26px;
    text-align: center;
    width: 50px;
    height: 23px;
    overflow: hidden;
    margin-left: -25px;
    opacity: 0;
    filter: alpha(opacity=0);
    /* internet explorer */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
    /*IE8*/
    -webkit-transition: opacity 0.3s linear 1.2s;
    -moz-transition: opacity 0.3s linear 1.2s;
    -o-transition: opacity 0.3s linear 1.2s;
    -ms-transition: opacity 0.3s linear 1.2s;
    transition: opacity 0.3s linear 1.2s;
}

.lb-overlay img {
    /* height: 100%; For Opera max-height does not seem to work */
    max-height: 100%;
    position: relative;
    -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.2);
}

.lb-overlay:target {
    width: auto;
    height: auto;
    bottom: 0px;
    right: 0px;
    padding: 80px 100px 120px 100px;
}

.lb-overlay:target img {
    -webkit-animation: fadeInScale 1.2s ease-in-out;
    -moz-animation: fadeInScale 1.2s ease-in-out;
    -o-animation: fadeInScale 1.2s ease-in-out;
    -ms-animation: fadeInScale 1.2s ease-in-out;
    animation: fadeInScale 1.2s ease-in-out;
}

.lb-overlay:target a.lb-close,
.lb-overlay:target > div {
    opacity: 1;
    filter: alpha(opacity=99);
    /* internet explorer */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=99)";
    /*IE8*/
}

@-webkit-keyframes fadeInScale {
    0% {
        -webkit-transform: scale(0.6);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

@-moz-keyframes fadeInScale {
    0% {
        -moz-transform: scale(0.6);
        opacity: 0;
    }
    100% {
        -moz-transform: scale(1);
        opacity: 1;
    }
}

@-o-keyframes fadeInScale {
    0% {
        -o-transform: scale(0.6);
        opacity: 0;
    }
    100% {
        -o-transform: scale(1);
        opacity: 1;
    }
}

@-ms-keyframes fadeInScale {
    0% {
        -ms-transform: scale(0.6);
        opacity: 0;
    }
    100% {
        -ms-transform: scale(1);
        opacity: 1;
    }
}

@keyframes fadeInScale {
    0% {
        transform: scale(0.6);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}


/* 
    100% Height for Opera as the max-height seems to be ignored, not optimal for large screens 
    http://bricss.net/post/11230266445/css-hack-to-target-opera 
*/

x:-o-prefocus,
.lb-overlay img {
    height: 100%;
}

section#contact.home-section.bg-blue {
    color: #fff;
}


/* ================================
Contact
================================= */


/* ================================
Bottom widget
================================= */

ul.social-network {
    margin: 0;
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}

ul.social-network li {
    display: inline;
    margin: 5px 5px;
}

ul.social-network li a:hover span .fa-circle {
    color: #2b2b2b;
}


/* ================================
Footer
================================= */

footer {
    background: #0054A0;
    color: #ddd;
    padding: 50px 0 30px;
}

.footer-columns {
    text-align: left;
    /*padding-left:50px;
padding-right:50px;*/
}

.footer-header-columns {
    font-weight: bold;
    color: #006bab;
    border-bottom: 2px solid #006bab;
}

.footer-text-contacts {
    font-weight: 400;
    color: #666;
}


/* ================================
more media queries
================================= */

@media (max-width: 768px) {
    #intro .box-team,
    .box-team img {
        text-align: center;
    }
    .box-team img {
        float: none;
        margin: 0 auto;
    }
    .box-team {
        margin-bottom: 30px;
    }
    #home-wrapper {
        display: none;
    }
    #intro {
        /* EM background-image: none; */
        height: 275px;
        min-height: inherit;
    }
    #intro .brand {
        margin-top: 100px;
        -webkit-transition: all 500ms ease-in-out;
        -moz-transition: all 500ms ease-in-out;
        -o-transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out;
    }
    .header-logos a:nth-of-type(2),
    .header-logos a:nth-of-type(3) {
        display: none;
    }
    #grid {
        display: none!important;
    }
    #grid2 {
        display: block!important;
    }
}

@media (max-width: 992px) {
    .service p {
        margin-bottom: 60px;
    }
}

@media (max-width: 480px) {
    .header-logos {
        position: fixed;
        top: 15px;
        right: 9px;
        background: transparent;
    }
    .footer-columns {
        margin-bottom: 35px;
    }
    .header-logos img {
        margin-left: 0px;
        height: 30px;
    }
    .introboxes {
        padding: 10px 0px 10px 0px!important;
    }
    .header-logos a:nth-of-type(2),
    .header-logos a:nth-of-type(3) {
        display: none;
    }
}


/*TEST - CIRCLE */


/* CSS */

#circlediv1 {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    display: inline-block;
    background-color: #ccc;
    background-size: 250px 250px;
    line-height: 250px;
    text-align: center;
    color: white;
}

.innerwrapper {
    width: 100%;
    height: 250px;
}

.innerwrapper div {
    float: left;
    height: 125px;
    width: 100%;
    line-height: 125px;
}

.innerwrapper div img {
    margin-top: 38px;
}

/*.container {
    width: 90%!important;
}*/

#contactform {
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 0px;
    margin-bottom: 0px;
}

.spacer-menu-item {
    border-top: 1px solid rgba(0, 84, 160, 0.4);
}

svg#PortiaLogo {
    width: inherit;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}


}
.a-toc,
.a-toc:link,
.a-toc:visited {
    color: inherit;
    -webkit-transition: color 0.1s ease-in-out;
    -moz-transition: color 0.1s ease-in-out;
    -ms-transition: color 0.1s ease-in-out;
    -o-transition: color 0.1s ease-in-out;
    transition: color 0.1s ease-in-out;
    -webkit-transition: background 0.1s ease-in-out;
    -moz-transition: background 0.1s ease-in-out;
    -ms-transition: background 0.1s ease-in-out;
    -o-transition: background 0.1s ease-in-out;
    transition: background 0.1s ease-in-out;
}
.a-toc:hover,
.a-toc:active,
.a-toc:focus {
    background: rgb(0, 84, 160);
    border-radius: 2px;
    color: #fff;
    border-color: #fff!important;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.a-toc:hover .bbt-ltgr {
    border-color: #fff;
}
.wow {
    visibility: hidden;
}
div.introboxes p {
    opacity: 0.75;
}
div.slide-active p {
    opacity: 1!important;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}
#slide1,
#slide2,
#slide3 {
    cursor: pointer;
}
.intro-head {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 5px;
    padding: 10px 10px 10px 10px;
}
section {
    min-height: 100%;
}
#logo-scroll {
    display: none;
}
span.k-icon {
    margin-top: 6px;
}
span.k-icon.k-filter {
    margin-top: 0px;
}

/*
input.k-textbox{
text-align:left!important;
margin:auto 5px auto;

border-radius:3px!important;
border:1px solid #eee!important;
}*/
#grid {
    display: block;
}
#grid2 {
    display: none;
}
tr,
tr.k-alt {
    background: #F8F8F8!important;
}
.features {
    text-align: left;
    border-bottom: 2px solid;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.release-heading {
    /* text-transform:none!important;*/
    
    font-weight: 200;
}
.release-number {
    padding-bottom: 5px;
    margin-bottom: 2px;
}
.release-date {
    font-size: 11pt;
    text-transform: uppercase;
}

/***** CHANGELOG *****/
#changelog-pager {
    /* background: #fff;  */
    
    background: #ffffff;
}
#changelog-pager nav ul.pager {
    margin: 0px!important;
}
#changelog-pager nav ul.pager li a {
    border-radius: 0px;
    border: 0px;
    padding: 15px 0px;
    background: #f5f5f5;
    font-weight: 600;
}
#changelog-pager nav ul.pager li a:hover {
    background: #0054a0;
    color: #fff;
}
#changelog-pager nav ul.pager li.disabled,
#changelog-pager nav ul.pager li a.disabled {
    font-size: 9pt;
    background: #fff;
    font-weight: 400;
}
#changelog-pager nav ul.pager li.disabled a:hover,
#changelog-pager nav ul.pager li a.disabled:hover {
    background: #fff!important;
    color: #999;
    font-weight: 400;
}
#changelog-pager nav ul.pager li a.pager-link {
    border-radius: 0px;
    border: 0px;
    padding: 15px 0px;
}
#changelog-pager i.fa-chevron-left {
    padding-right: 7px;
}
#changelog-pager i.fa-chevron-right {
    padding-left: 7px;
}
#changelog-headpager a.pager-link {
    color: #fff;
    font-size: 22pt!important;
    line-height: 67px!important;
}
#changelog-headpager a.pager-link i.pager-icon {
    font-size: 22pt!important;
    line-height: 67px!important;
}
#changelog-headpager a.pager-link.disabled {
    opacity: 0.3;
    cursor: not-allowed;
}
ul.fa-ul {
    margin-left: 1em;
}
ul.fa-ul li i {
    font-size: 6.5pt;
    line-height: 15pt;
}

/*
ul.fa-ul li.double::before{
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;    
content: "\f111";
font-size:6.5pt;
line-height:12pt;
    
}*/
h6 i.fa-exclamation-triangle {
    color: #0054a0;
    font-size: 9pt;
    line-height: 11pt;
}
div.release-feature div.ver-tambem {
    margin-top: 0px;
}
div.release-feature div.ver-tambem span.ver-tambem-label {
    color: rgb(0, 84, 160);
    clear: both;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

/***** TEST ****/
section.module-section div.container {
    max-width: 1280px !important;
}
.new-badge {
    display: inline-block;
    background: #0054a0;
    padding: 7px;
    color: #fff;
    border-radius: 3px;
    font-size: 10pt;
    line-height: 9pt;
    font-weight: bold;
    text-transform: uppercase;
    position: absolute;
    top: 18;
    right: 15;
}




@media(max-width:992px){
.new-badge{
  top:0px;

}

}