/**********************************************************
    GENERAL CSS
**********************************************************/

body {
    font-family: Roboto, sans-serif;
}

.box-shadow {
    -webkit-box-shadow: 2px 2px 30px 0px rgba(0,0,0,0.27);
    -moz-box-shadow: 2px 2px 30px 0px rgba(0,0,0,0.27);
    box-shadow: 2px 2px 30px 0px rgba(0,0,0,0.27);
}

.rounded {
    border-radius: 8px!important;
}

.hr-title {
    font-family: Barlow;
    font-size: 20px;
    color: #acacac;
}



#mainMenu nav > ul > li > a {
    font-family: Barlow, sans-serif!important;
    font-weight: 300!important;
    font-size: 14px!important;
}

#mainMenu nav > ul > li .dropdown-menu > li:hover > a {
    color: #1e3a8e !important;
}

#goToTop:after, #goToTop:before {
    background-color: #f5a934;
}

.owl-carousel .owl-nav [class*="owl-"]:hover {
    background-color: #f5a934;
    border-color: #f5a934;
}

h1, h2, h3, h4, h5 {
    font-family: Barlow;
    font-weight: 200;
    color: #252525;
    letter-spacing: 0;
}

h2 {
    font-size: 48px;
}

h3 {
    font-size: 42px;
}

h4 {
    font-size: 38px;
}

h5 {
    font-size: 32px;
}
p {
    font-family: Roboto, 'Open Sans', sans-serif;
    font-size: 16px;
}

p.lead {
    font-size: 20px;
    font-weight: 100;
}

.sub-nav {
    padding: 20px 40px;
    text-transform: uppercase;
}



    .sub-nav .list-icon.list-icon-arrow li:before {
        visibility: hidden;
    }

        .sub-nav .list-icon.list-icon-arrow li.active:before {
            visibility: visible;
        }

    .sub-nav .list-icon.list-icon-arrow li a {
        color: #009fde;
    }
	.sub-nav .list-icon.list-icon-arrow li.selected {
		background-color:lavender;
	}
/**********************************************************
    CAROUSEL
**********************************************************/
.owl-carousel:hover .owl-prev {
    left: -60px;
}

.owl-carousel:hover .owl-next {
    right: -60px;
}

.owl-carousel .team-member {
    text-align: left;
}

.team-members .team-member .team-image {
    margin-bottom: 0px;
}

.team-members .team-member .team-desc {
    min-height: 230px;
}

    .team-members .team-member .team-desc > h3 {
        font-family: Barlow, sans-serif;
        font-weight: 300;
        font-size: 22px;
        margin-bottom: 20px;
    }

    .team-members .team-member .team-desc > span {
        font-family: Roboto, sans-serif;
        font-size: 16px;
        line-height: 20px;
        font-weight: 300;
        color: #a1a1a1;
        display: block;
    }

    .team-members .team-member .team-desc > a.more {
        font-family: Barlow, sans-serif;
        font-size: 14px;
        font-weight: 500;
        color: #0099cc;
        position: absolute;
        bottom: 0;
        margin-bottom: 20px;
        text-transform: uppercase;
    }

/**********************************************************
    HEADER
**********************************************************/
#topbar .top-menu {
    font-family: Barlow, sans-serif;
    text-transform: uppercase;
    font-size: 14px;
}

    #topbar .top-menu i {
        margin-right: 10px;
    }

#header #header-wrap #logo a > img {
    height: 38px;
}

#header #top-search div input {
	height: 38px;
	color: #fff;
	margin-top: 18px;
}

#header .header-extras #language {
    display: inline-block;
    font-family: Barlow;
    font-weight: 200;
    line-height: 20px;
    color: #fff;
    background-color: #88a1cb;
    padding: 2px 8px;
    border-radius: 16px;
}
    #header .header-extras #language a span {
        color: #fff;
    }

#header .header-extras .topbar-dropdown .dropdown-list {
    margin-top: 10px!important;
}

#mainMenu nav > ul > li .dropdown-menu > li > a, #mainMenu nav > ul > li .dropdown-menu > li > span, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a {
    font-family: Barlow, sans-serif;
    font-size: 16px;
    font-weight: 500;
}

#title {
    top: -120px;
    padding-top: 150px;
    color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: -120px;
}

    #title h1, #title h2, #title h3 {
        color: #fff;
    }

    #title .title-right {
        padding-top: 20px;
    }

/* DARK MENU */
#header.header-transparent.sticky-active #header-wrap,
#header.dark.header-transparent.sticky-active #header-wrap,
#header.dark.header-colored.sticky-active #header-wrap,
#header.dark.header-colored-transparent.sticky-active #header-wrap {
    background-color: #fff;
    background-image: url(../images/home/feature/filedoc-main-header-bkg@2x.jpg)!important;
}


#mainMenu nav > ul > li > a {
    color: #fff;
}

#mainMenu nav > ul > li:hover > a {
    color: #fff;
}

#mainMenu nav > ul > li .dropdown-menu > li > a:hover {
    color: #909090;
}

.header-extras a {
    color: #fff;
}

/**********************************************************
    SLIDER
**********************************************************/
#slider .slide {
    padding-bottom: 30px !important;
}

    #slider .slide .container {
        z-index: 10;
    }

    #slider .slide .container h1 {
        font-family: Barlow, sans-serif;
        font-weight: 100;
        font-size: 50px;
        color: #fff;
        margin-bottom: 15px;
        line-height: 50px;
    }

    #slider .slide .container h2 {
        font-family: Roboto;
        font-weight: 300;
        font-size: 20px;
        color: #fff;
    }

    #slider .slide .container a.btn {
        font-family: Barlow, sans-serif;
        font-weight: 500;
        font-size: 14px;
        padding: 12px 24px;
        margin-right: 20px;
    }

        #slider .slide .container a.btn.btn-primary {
            background-color: #f5aa36;
            border: none!important;
            background: -moz-linear-gradient(left, #ec7920 0%, #f5aa36 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(left, #ec7920 0%,#f5aa36 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to right, #ec7920 0%,#f5aa36 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec7920', endColorstr='#f5aa36',GradientType=1 ); /* IE6-9 */
        }

        a.btn.demo {
            background-color: #fff;
            border: none;
            color: #f39112;
            padding: 12px 16px;
            overflow: inherit;
        }

            a.btn.demo.demo-yellow {
                color: #fff;
                background-color: #f39112;
            }

            a.btn.demo img {
                margin-top: -35px;
                margin-bottom: -5px;
            }

        #slider .slide .slider-diagonal {
            z-index: 0;
            position: absolute;
            bottom: 0;
            fill: #fff;
            height: 200px;
        }

/**********************************************************
    FEATURES
**********************************************************/
.feature-top-bg {
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 290px 40px 40px 40px;
    -webkit-box-shadow: 2px 2px 30px 0px rgba(0,0,0,0.27);
    -moz-box-shadow: 2px 2px 30px 0px rgba(0,0,0,0.27);
    box-shadow: 2px 2px 30px 0px rgba(0,0,0,0.27);
    height: 100%;
}

    .feature-top-bg h2 {
        position: absolute;
        top: 3%;
        left: 40px;
        color: #fff;
        font-family: Barlow, sans-serif;
        font-size: 42px;
        font-weight: 100;
        width: 60%;
    }

    .feature-top-bg h3 {
        font-family: Roboto, sans-serif;
        font-size: 16px;
        font-weight: normal;
    }

    .feature-top-bg ul.list-icon {
        font-family: Roboto;
        font-weight: normal;
        color: #009fde;
    }

        .feature-top-bg ul.list-icon a {
            color: #009fde;
        }

    a.feature-btn {
        display: block;
        min-height: 144px;
        background-repeat: no-repeat;
        color: #fff;
        font-family: Barlow, sans-serif;
        font-size: 24px;
        font-weight: 100;
        text-align: left;
        padding: 40px 10px 10px 100px;
    }

    a.feature-btn:hover {
        color: #fff;
    }

/**********************************************************
    BROCHURE
**********************************************************/
#brochure h3 {
    font-family: Barlow, sans-serif;
    font-size: 28px;
    display: inline-block;
    color: #24211e;
    font-weight: 300;
    margin-right: 20px;
    margin-bottom: 0;
}

#brochure a.btn {
    font-family: Barlow, sans-serif;
    font-weight: 300;
    font-size: 18px;
    text-transform: none;
    background-color: #f5aa36;
    border: none !important;
    background: -moz-linear-gradient(left, #ec7920 0%, #f5aa36 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ec7920 0%,#f5aa36 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ec7920 0%,#f5aa36 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec7920', endColorstr='#f5aa36',GradientType=1 ); /* IE6-9 */
}

/**********************************************************
    INTERNATIONAL PRESENCE
**********************************************************/
#international-presence {
    min-height: 400px;
}

#international-presence h3 {
    background-color: #fff;
    font-family: Barlow, sans-serif;
    padding: 5px 30px;
    border-radius: 40px;
    display: inline-block;
    font-size: 24px;
    font-weight: 200;
}

/**********************************************************
    DEMO
**********************************************************/
#ask-demo {
    background: #3b3b3b; /* Old browsers */
    background: -moz-linear-gradient(top, #3b3b3b 0%, #1e1e1e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #3b3b3b 0%,#1e1e1e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #3b3b3b 0%,#1e1e1e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b3b3b', endColorstr='#1e1e1e',GradientType=0 ); /* IE6-9 */
}

    #ask-demo img {
        margin-top: 10px;
    }

    #ask-demo h3 {
        font-family: Barlow, sans-serif;
        font-weight: 100;
        color: #ebebeb;
        font-size: 32px;
        margin-bottom: 10px;
    }

    #ask-demo span {
        font-family: Roboto, sans-serif;
        font-weight: 200;
        font-size: 16px;
        color: #898989;
        display: block;
        margin-bottom: 10px;
    }

    #ask-demo a.btn {
        font-family: Barlow, sans-serif;
        font-weight: 300;
        font-size: 14px;
        background-color: #f5aa36;
        border: none !important;
        background: -moz-linear-gradient(left, #ec7920 0%, #f5aa36 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #ec7920 0%,#f5aa36 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #ec7920 0%,#f5aa36 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec7920', endColorstr='#f5aa36',GradientType=1 ); /* IE6-9 */
        padding: 
    }

/**********************************************************
    FOOTER
**********************************************************/
#footer .footer-content .list-icon i {
    margin-right: 8px !important;
}

#footer .footer-content .list-icon a {
    color: #464646!important;
}

#footer .footer-content .widget-contact-us .list-icon a {
    color: #009fde!important;
}

#footer .footer-content .widget h4 {
    font-family: Barlow;
}

#footer .copyright-content {
    background-color: #efefef;
    border-top: 1px solid #e5e5e5;
    border-top: 1px solid #ddd;
    min-height: 80px;
    padding: 30px 0;
    color: #707070;
    font-family: Roboto, sans-serif;
}

.post-item .post-image .post-meta-category, .post-item .post-slider .post-meta-category, .post-item .post-video .post-meta-category, .post-item .post-audio .post-meta-category, .post-item .post-quote-img .post-meta-category {
    background-color: #21387c;
}

.form-group label:not(.error) {
    font-family: Barlow, sans-serif;
    font-weight: 600;
    color: #444;
}

.btn:hover, .btn:focus, .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {
    outline: 0 !important;
    background-color: #1d3983;
    border-color: #1d3983;
    color: #fff;
}

.btn {
    background-color: #1d3983;
    border-color: #1d3983;
    color: #fff;
}

.feature-btn.rounded.box-shadow.scanning {
	background-image: url(../images/filedoc-digitaliza-button-bkg.png);
}
.feature-btn.rounded.box-shadow.workflow {
	background-image: url(../images/filedoc-workflow-design-bkg.png);
}
.feature-btn.rounded.box-shadow.web-services {
	background-image: url(../images/filedoc-web-services-bkg.png);
}

.brochura-btn {
	background-image: url(../images/filedoc-download-bkg@2x.jpg);
}
.transf-digital {
	background-image: url(../images/filedoc-transf-digital-bkg.jpg);
}
.plataforma-filedoc {
	background-image: url(../images/filedoc-plataforma-filedoc-bkg.jpg);
}