/* [fonts] */
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 100; src: local('Open Sans Light'), local('OpenSans-Light'), url(fonts/OpenSans-Light.ttf) format('truetype'); }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(fonts/OpenSans-Regular.ttf) format('truetype'); }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(fonts/OpenSans-Semibold.ttf) format('truetype'); }
@font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 100; src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(fonts/OpenSans-LightItalic.ttf) format('truetype'); }
@font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: local('Open Sans Italic'), local('OpenSans-Italic'), url(fonts/OpenSans-Italic.ttf) format('truetype'); }
@font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 600; src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(fonts/OpenSans-SemiboldItalic.ttf) format('truetype'); }
@font-face { font-family: 'Open Sans Condensed'; font-style: normal; font-weight: 100; src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(fonts/OpenSans-CondLight.ttf) format('truetype'); }
@font-face { font-family: 'Open Sans Condensed'; font-style: normal; font-weight: 700; src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(fonts/OpenSans-CondBold.ttf) format('truetype'); }
@font-face { font-family: 'Open Sans Condensed'; font-style: italic; font-weight: 100; src: local('Open Sans Cond Light Italic'), local('OpenSans-CondensedLightItalic'), url(fonts/OpenSans-CondLightItalic.ttf) format('truetype'); }

* { font-family: 'Open Sans', 'Helvetica neue', 'Segoe UI', sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', Calibri, 'Helvetica neue', Helvetica, 'Segoe UI', sans-serif; }

/*.navbar { background-color: #fff; background-color: rgba(255,255,255,.95); margin-bottom: 0; border-bottom: 0; height: 100px; -webkit-transition: all .3s ease; transition: all .3s ease; text-transform: uppercase; }
.navbar .navbar-brand { padding-top: 5px; padding-bottom: 5px; }
.navbar .navbar-brand img { height: 95px; -webkit-transition: all .3s ease; transition: all .3s ease; }
.navbar .navbar-toggle .icon-bar { background-color: rgb(241,128,63); }
.navbar .navbar-nav > li,
.navbar-nav > li > a { height: 100px; line-height: 70px; -webkit-transition: all .3s ease; transition: all .3s ease; }*/

.scroll { height: 50px; -webkit-transition: all 1s ease; transition: all .3s ease; box-shadow: 0 0 3px rgba(0,0,0,.5); }
.scroll .navbar-brand img { height: 45px; -webkit-transition: all 1s ease; transition: all .3s ease; }
.scroll .navbar-nav > li,
.scroll .navbar-nav > li > a { height: 50px; line-height: 20px; -webkit-transition: all .3s ease; transition: all .3s ease; }


a { color: #571d1d }
a:hover, a:focus, a:active { color: rgb(195,104,52); }

.scale:hover { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all .3s ease; transition: all .3s ease; }

.btn-primary { background-color: rgb(241,128,63); border-color: rgb(195,104,52); }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active { background-color: rgb(195,104,52); border-color: rgb(241,128,63); }
.btn-more { background-color: none; color: rgb(241,128,63); border-color: rgb(241,128,63); border-width: 2px; font-weight: 100; }
.btn-more:hover, .btn-more:focus, .btn-more:active { background-color: none; background-color: rgba(241,128,63, .2); color: rgb(241,128,63); border-color: rgb(241,128,63); }
.btn-more-light { background-color: none; color: #fff; border-color: #fff; border-width: 2px; font-weight: 100; }
.btn-more-light:hover, .btn-more-light:focus, .btn-more-light:active { background-color: none; background-color: rgba(255,255,255, .2); color: #fff; border-color: #fff; }
.btn-more-dark { background-color: none; color: #333; border-color: #333; border-width: 2px; font-weight: 100; }
.btn-more-dark:hover, .btn-more-dark:focus, .btn-more-dark:active { background-color: none; background-color: rgba(0,0,0, .2); color: #333; border-color: #333; }

.banner { background-size: cover; background-position: center; min-height: 300px; overflow: hidden; }
.banner p { font-size: 25px; font-weight: 100; }
.banner li { font-size: 25px; font-weight: 100; }
.banner .btn { font-size: 19px; }

.banner-dark { background-color: #444; text-shadow: 0 0 10px rgba(0,0,0,0.5); }
.banner-dark h1 { color: #fff; color: rgba(0, 0, 0, 0.9); }
.banner-dark p { color: #fff; color: rgba(0, 0, 0, 0.9); }
.banner-dark li { color: #fff; color: rgba(0, 0, 0, 0.9); }

.banner-light { text-shadow: none; }
.banner-light h1 { color: #333; color: rgba(255, 255, 255, 0.9); margin-bottom: -15px; font-size: 50px; }
.banner-light h2 { color: #333; color: rgba(255, 255, 255, 0.9); }
.banner-light h3 { color: #333; color: rgba(255, 255, 255, 0.9); }
.banner-light h4 { color: #333; color: rgba(255, 255, 255, 0.9); }
.banner-light h5 { color: #333; color: rgba(255, 255, 255, 0.9); }
.banner-light p { color: #333; color: rgba(0,0,0,.7); }
.banner-light li { color: #333; color: rgba(0,0,0,.7); }

.banner-smoke { text-shadow: none; background-color: #f5f5f5; }
.banner-smoke h1 { color: #333; color: rgba(241,128,63,.7); }
.banner-smoke p { color: #333; color: rgba(0,0,0,.7); }
.banner-smoke li { color: #333; color: rgba(0,0,0,.7); }

.banner .media img { max-width: 600px; }

/*------------------------------------------------------------------------------------*/
/*#banner-cover { background-image: url(ImgTemp/CoverUser.jpg); }*/

#banner-cover .media { margin-top: 100px; }
#banner-cover .media img { max-height: 450px; margin-top: 80px; }
#banner-cover p { padding: 15px; }

#banner-header { background-color: rgb(241,128,63); color: #fff; }
#banner-header h1 { color: #fff; font-size: 70px; font-weight: 100; text-align: center; }

#banner-list { padding-bottom: 50px; }
#banner-list .item { background-color: #4984a3; color: #fff; border-radius: 10px; margin: 50px 20px; min-height: 120px; box-shadow: 0 5px 10px rgba(0,0,0,.3); }
#banner-list .item .media-heading { height: 77px; }
#banner-list .item .media-heading span { font-size: 60px; line-height: 104px; }
#banner-list .item .media-body { padding: 20px; color: #fff; width: 265px; }
#banner-list .item .media-body * { color: #fff; font-size: 16px; }


#banner-list-campanhas { padding-bottom: 50px; }
#banner-list-campanhas .item { background-color: #4984a3; color: #fff; border-radius: 10px; margin: 14px 20px; min-height: 120px; box-shadow: 0 5px 10px rgba(0,0,0,.3); }
#banner-list-campanhas .item .media-heading { height: 40px; }
#banner-list-campanhas .item .media-heading span { font-size: 27px; line-height: 37px; margin-left: 5%; margin-top: 2%; margin-right: 7%; }
#banner-list-campanhas .item .media-body { padding: 20px; color: #fff; width: 227px; text-align: center; padding-top: 23px; background: #fff; background: rgba(255, 255, 255, 0.33); }
#banner-list-campanhas .item .media-body * { color: #fff; font-size: 16px; }
.banner-list-campanhas-item { background-color: #1C731D; color: #fff; border-radius: 10px; margin: 14px 20px; min-height: 120px; box-shadow: 0 5px 10px rgba(0,0,0,.3); }


#banner-beneficios { background-image: url(../img/people-2.jpg); margin: 0; padding: 0; }
#banner-beneficios .carousel > .carousel-inner > .item > img { min-height: 550px; }
#banner-beneficios .carousel > .carousel-inner > .item > .carousel-caption { min-height: 500px; }
#banner-beneficios .carousel > .carousel-inner > .item > .carousel-caption h1 { text-transform: uppercase; }
#banner-beneficios .carousel > .carousel-inner > .item > .carousel-caption a { color: #fff; }

#banner-marca { background-image: url(../img/people-5.jpg); }

#banner-contato { background-color: #0094ff; margin: 0; padding: 0; }
#banner-contato { background-color: #999; }
#banner-contato iframe { z-index: 0; height: 400px; width: 100%; pointer-events: none; }
#banner-contato .social-media { text-align: center; margin: 50px; }
#banner-contato .social-media a { display: inline-block; background-color: #fff; color: #0094ff; border-radius: 100%; height: 100px; width: 100px; margin: 10px; }
#banner-contato .social-media a { color: #999; }
#banner-contato .social-media a span { line-height: 100px; }
#banner-contato .fa,
#banner-contato .glyphicon { text-shadow: none; }


.footer_capanIcon { min-height: 34px; background-color: #444; color: #eee; padding-top: 50px; padding-bottom: 50px; }
.footer { min-height: 200px; background-color: #444; color: #eee; padding-top: 50px; padding-bottom: 50px; }
.footer a { color: #eee; }
.footer .b2u { height: 60px; -webkit-filter: brightness(100); ms-filter: brightness(100); filter: brightness(100); }
.footer .app { width: 150px; margin: 0 10px 10px 0; }
.footer ul { list-style: none; padding-left: 0; text-indent: 0; font-weight: 100; }
.footer .copy-right { text-align: center; color: #fff; color: rgba(255,255,255,.5); font-size: 10px; font-weight: 100; }

.bg-parallax-Manager { position: relative; min-height: 30%; max-height: 30%; text-shadow: 0 0 10px rgba(0,0,0,0.7); background-position: 50% 0; background-attachment: fixed; }
.bg-parallax { position: relative; min-height: 40%; max-height: 50%; text-shadow: 0 0 10px rgba(0,0,0,0.7); background-position: 50% 0; background-attachment: fixed; }
.bg-parallax-campanha { position: relative; min-height: 59%; max-height: 50%; text-shadow: 0 0 10px rgba(0,0,0,0.7); background-position: 50% 0; background-attachment: fixed; }
.bg-parallax-login { position: relative; height: 100%; text-shadow: 0 0 10px rgba(0,0,0,0); background-position: 50% 0; background-attachment: fixed; }
.filtroLogin { background-color: rgba(87, 29, 29, 0.7); height: 100%; }
.bg-smoke { background-color: #f5f5f5; }
.bg-light { background-color: #fff; background-color: rgba(255,255,255,.7); }
.bg-dark { background-color: #000; background-color: rgba(0,0,0,.7); }
.bg-positive { background-color: #7ed94d; }
.bg-negative { background-color: tomato; }
.bg-neutral { background-color: gray; }
.bg-disabled { background-color: #f5f5f5; }

/*.bg-people-1 { background-image: url(../img/people-1.png); background-size: cover; }
.bg-people-2 { background-image: url(../img/people-2.jpg); background-size: cover; }
.bg-people-3 { background-image: url(../img/people-3.jpg); background-size: cover; }
.bg-people-4 { background-image: url(../img/people-4.jpg); background-size: cover; }

.bg-city-1 { background-image: url(../img/city-1.png); background-size: cover; }
.bg-city-2 { background-image: url(../img/city-2.png); background-size: cover; }
.bg-city-3 { background-image: url(../img/city-3.jpg); background-size: cover; }
.bg-city-4 { background-image: url(../img/city-4.jpg); background-size: cover; }
.bg-city-5 { background-image: url(../img/city-5.png); background-size: cover; }*/

.text-light { color: #fff; color: rgba(255,255,255,.7); }
.text-dark { color: #000; color: rgba(0,0,0,.7); }
.text-negative { color: tomato; }

.img-user { position: absolute; top: 6%; }
.logo-cover { position: absolute; top: 17%; left: 17%; }
.logo-menu { width: 100px; }
.link-logo-menu { position: relative; top: -7px; }
.img-campanha { margin-top: 5%; }
.div-filtro { background-color: rgba(0, 0, 0, 0.5); }
.caret { color: black; }
.panel-heading-login { background-color: rgba(135, 105, 247, 0.56); color: white; padding: 8px; }
.textbox-login { background-color: rgba(255, 255, 255, 0); color: black; width: 100%; }
.bs-docs-section { margin-top: 1em; }


.buda-summary { background: #4984a3; border-radius: 5px; margin-bottom: 10px; overflow: hidden; }
.buda-summary .header { color: #fff; }
.buda-summary .header .icon { float: left; height: 40px; width: 40px; }
.buda-summary .header .icon .glyphicon { font-size: 30px; padding: 5px 10px; color: rgba(255,255,255,0.8); }
.buda-summary .header .data { min-height: 40px; }
.buda-summary .header .data h1 { font-size: 130%; margin: 0; line-height: 40px; text-align: center; }
.buda-summary .footer_capanIcon { clear: both; background: rgba(255,255,255,0.8); color: #666; padding: 5px; font-size: 80%; text-align: center; }



.navbar-default-blue { background-color: #4984A3; border-color: #3F7794; }
.navbar-default-blue .navbar-brand { color: #ffffff; }
.navbar-default-blue .navbar-brand:hover,
.navbar-default-blue .navbar-brand:focus { background-color: none; color: #ffffff; }
.navbar-default-blue .navbar-text { color: #ffffff; }
.navbar-default-blue .navbar-nav > li > a { color: #ffffff; }
.navbar-default-blue .navbar-nav > li > a:hover,
.navbar-default-blue .navbar-nav > li > a:focus { background-color: rgba(255, 255, 255, 0.21); color: #ffffff; }
.navbar-default-blue .navbar-nav > .active > a,
.navbar-default-blue .navbar-nav > .active > a:hover,
.navbar-default-blue .navbar-nav > .active > a:focus { background-color: #090909; color: #ffffff; }
.navbar-default-blue .navbar-nav > .disabled > a,
.navbar-default-blue .navbar-nav > .disabled > a:hover,
.navbar-default-blue .navbar-nav > .disabled > a:focus { background-color: transparent; color: #cccccc; }
.navbar-default-blue .navbar-toggle { border-color: transparent; }
.navbar-default-blue .navbar-toggle:hover,
.navbar-default-blue .navbar-toggle:focus { background-color: #090909; }
.navbar-default-blue .navbar-toggle .icon-bar { background-color: #ffffff; }
.navbar-default-blue .navbar-collapse,
.navbar-default-blue .navbar-form { border-color: #121212; }
.navbar-default-blue .navbar-nav > .open > a,
.navbar-default-blue .navbar-nav > .open > a:hover,
.navbar-default-blue .navbar-nav > .open > a:focus { background-color: #090909; color: #ffffff; }

@media (max-width: 767px) {
    .navbar-default-blue .navbar-nav .open .dropdown-menu > li > a { color: #ffffff; }
    .navbar-default-blue .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default-blue .navbar-nav .open .dropdown-menu > li > a:focus { background-color: #090909; color: #ffffff; }
    .navbar-default-blue .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default-blue .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default-blue .navbar-nav .open .dropdown-menu > .active > a:focus { background-color: #090909; color: #ffffff; }
    .navbar-default-blue .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-default-blue .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-default-blue .navbar-nav .open .dropdown-menu > .disabled > a:focus { background-color: transparent; color: #cccccc; }
}

.navbar-default-blue .navbar-link { color: #ffffff; }
.navbar-default-blue .navbar-link:hover { color: #ffffff; }
.navbar-default-blue .btn-link { color: #ffffff; }
.navbar-default-blue .btn-link:hover,
.navbar-default-blue .btn-link:focus { color: #ffffff; }
.navbar-default-blue .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default-blue .btn-link:hover,
.navbar-default-blue .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default-blue .btn-link:focus { color: #cccccc; }







.app > .wrapper > #app-banner-header { box-shadow: 0 2px 3px rgba(0,0,0,.3); margin-bottom: 15px; min-height: 0; height: 120px; }
.app > .wrapper > #app-banner-header > .cover { position: absolute; left: 0; right: 0; height: 120px; background-color: #ccc; background-size: cover; background-position-x: center; background-position-y: center; z-index: 0; }
.app > .wrapper > #app-banner-header > .filter { position: absolute; left: 0; right: 0; height: 120px; background-color: transparent; background-color: rgba(5,5,5,.3); z-index: 1; }
.app > .wrapper > #app-banner-header > .info { position: absolute; left: 0; right: 0; z-index: 2; background: none; }
.app > .wrapper > #app-banner-header > .info .foto { width: 100px; height: 100px; overflow: hidden; background-size: cover; background-position-x: center; background-position-y: center; }
.app > .wrapper > #app-banner-header > .info .foto > img { height: 100%; }




.h-option > input[type=radio] { display: none; }
.h-option > input[type=radio] + label { background-color: #fff; color: #555; padding: 5px 10px; display: inline-block; margin: 0 0 0 -5px; border: solid 1px #777; white-space: nowrap; overflow: visible; font-weight: normal; }
.h-option > label:first-of-type { border-radius: 5px 0 0 5px; }
.h-option > label:last-of-type { border-radius: 0 5px 5px 0; }
.h-option > input[type=radio]:checked + label { background-color: #777; color: #fff; font-weight: 300; }

.v-option > input[type=radio] { display: none; }
.v-option > input[type=radio] + label { background-color: #f2f4f7; padding: 5px 10px; margin-top: -1px; display: block; border: solid 1px #c0c3c7; }
.v-option > label:first-of-type { border-radius: 5px 5px 0 0; }
.v-option > label:last-of-type { border-radius: 0 0 5px 5px; }
.v-option > input[type=radio]:checked + label { background-color: #c0c3c7; font-weight: 600; }
.v-option > input[type=radio]:checked + label::after { content: '\a0\2713'; }


.loginbox { margin-left: 34%; width: 36%; }
.imageContainer { margin-top: 40px; margin-left: 36%; }
.textSenha { width: 70%; float: right; margin-right: 45px; }
/*--[responsive]--*/

@media screen and (max-width: 600px) {
    .imageContainer { width: 100%; text-align: center; margin: 0; }
    .imageContainer img { width: 75%; margin: 0 auto; }
    .loginbox { width: 100%; margin-left: 0px; }
    .filtrologin { padding-top: 20px; }
    h1 { font-size: 31px; }
    .textSenha { width: 100%; float: right; margin-right: 0px; }
}

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



@media (max-width: 1000px) {
    /*.navbar { height: 50px; -webkit-transition: all 1s ease; transition: all .3s ease; box-shadow: 0 0 3px rgba(0,0,0,0.5); background-color:black }
    .navbar .navbar-brand img { height: 45px; -webkit-transition: all 1s ease; transition: all .3s ease; }
    .navbar .navbar-nav > li,
    .navbar .navbar-nav > li > a { height: 50px; line-height: 20px; -webkit-transition: all .3s ease; transition: all .3s ease; }

    .navbar-collapse { background-color: #fff; background-color: rgba(255,255,255,0.95); }*/

    .banner { min-height: 650px; overflow: hidden; }
    .banner p { font-size: 19.5px; }
    .banner li { font-size: 19.5px; }
    .banner .btn { font-size: 19.5px; }

    #banner-beneficios .carousel > .carousel-inner > .item > img { min-height: 630px; }
    #banner-beneficios .carousel > .carousel-inner > .item > .carousel-caption p { font-size: 18px; }

    #banner-cover .media > .media-left,
    #banner-cover .media > .media-right,
    #banner-cover .media > .media-body { width: 50%; }

    #banner-disponibilidade .media > .media-left > img,
    #banner-disponibilidade .media > .media-right > img,
    #banner-disponibilidade .media > .media-body > img,
    #banner-canal-direto .media > .media-left > img,
    #banner-canal-direto .media > .media-right > img,
    #banner-canal-direto .media > .media-body > img,
    #banner-applicativo .media > .media-left > img,
    #banner-applicativo .media > .media-right > img,
    #banner-applicativo .media > .media-body > img { width: 100px; }
}

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