/*HELPER CLASSES*/
*{font-family: 'Source Sans Pro', sans-serif; outline: none !important; transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease; -webkit-transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease; -moz-transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease; -o-transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease}
img{image-rendering: optimizeQuality !important}

.no-shadow{-webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important}
.shadow_1{-webkit-box-shadow: 0px 3px 10px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 10px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 10px 2px rgba(0, 0, 0, 0.1)}
.shadow_2{-webkit-box-shadow: 0px 3px 10px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 3px 10px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 10px 2px rgba(0, 0, 0, 0.2)}

.radius_0{-webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important}
.radius_10{-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px}
.radius_20{-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px}

.no_break{overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.error{font-weight: 500; color: #ff6666; font-size: 13px; display: none}
.dhidden{display: none}

.modal-content{border: 0 !important}
.modal-header{padding: 17px 20px 15px; background-color: #eee; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px}
.modal-header h4{color: #333; font-family: 'antonio', sans-serif; text-transform: uppercase; font-size: 24px}
.modal-body p{padding: 15px; margin: 0; font-size: 16px; font-weight: 300}
.modal-footer .botao{margin: 0}

/*ERROR PAGE*/
#content-error{padding-top: 20px; padding-bottom: 20px; margin-top: 0; text-align: center}
#content-error img{margin: auto}
#content-error h3{margin-top: 0; font-family: 'antonio', sans-serif; text-transform: uppercase; margin-bottom: 30px}

/*GERENCIADOR*/
.body_admin{background-color: #E7E7E7; min-width: 1000px}
.body_admin *{font-family: Helvetica !important}

.login_table{text-align: center; padding: 30px 0px; background-color: #fff; width: 470px; margin: auto;  margin-top: 40px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px}
.login_table img{width: 200px}
.login_table table{text-align: center; margin: auto}
.login_table td{padding: 0px 10px; vertical-align: middle}
.login_table h4{font-size: 17px}
.login_table input[type=text], .login_table input[type=password]{font-size: 16px; margin: 0px; border: 0; background-color: #E7E7E7}

.logo_admin{min-width: 1000px; background-color: #A81D20; position: relative}
.logo_admin img{padding: 25px 30px; background-color: #F8F8F8; margin: 15px; width: 240px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px}

.nav_admin{-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; min-width: 1000px; font-size: 16px}
.nav_admin div.navbar-collapse, .nav_admin div.container-fluid{padding: 0px; margin: 0px}
.nav_admin ul.nav{margin: 0px 20px}

.actives{background-color: #efefef}

.wrap_admin{min-width: 1000px}
.header_admin{float: left; color: #777; margin: 0px 20px}
.log{position: absolute; right: 15px; bottom: 15px; padding: 6px 15px; background-color: #F8F8F8; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; vertical-align: middle; font-size: 14px}
.log span{padding-top: 8px; display: block; float: left}

.content_admin{padding: 20px; background-color: #f5f5f5; margin: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }

.table_admin{width: 100%}
.table_admin thead td{background-color: #1d1d1d !important; border: 1px solid #777; text-align: center; color: #fff}
.table_admin td{border: 1px solid #555; padding: 5px 10px; vertical-align: middle}
.table_admin tr:hover{background-color: #ccffcc}

.td_icon{width: 25px; padding: 5px; text-align: center}
.td_icon img{max-width: 25px}

.form_admin textarea{width: 445px; max-width: 445px; min-width: 445px; height: 150px; min-height: 150px; }

.form-my-control{width: 700px; min-width: 700px; max-width: 700px}
textarea.form-my-control{min-height: 100px}

.obs_admin{color: #888; font-weight: 500}
.img_admin{max-width: 200px}

.glyphicon{font-family: 'Glyphicons Halflings' !important}
.body_admin .glyphicon{font-size: 13px; top: 0; margin-right: 3px}
.glyphicon-log-out{padding-top: 0px !important; float: none !important; display: inline-block !important; top: 1px !important; padding-left: 3px; margin-right: 0 !important}

.carousel-fade .carousel-inner .item {opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity}
.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}


/*TOPO*/
.body_site{background-color: #eee}
.wrapper, .footer{position: relative}

.wrap_topo{background-color: #fff; border-bottom: 0 solid #a81d20; z-index: 1000; position: relative}

.logo{margin-top: 20px; margin-bottom: 20px}
.logo a{display: inline-block}
.logo img{width: 100%; max-width: 180px}

.links{transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none}

#menu-collapse ul{list-style: none !important; margin: 0; padding: 0}
#menu-collapse a{font-family: 'antonio', sans-serif; text-decoration: none !important}

.facebook{display: block; float: right; width: 38px; height: 38px; background-image: url(../img/facebook.png); background-position: center top; background-repeat: no-repeat}
.facebook:hover{background-position: center bottom}
.facebook-mobile{background-image: url(../img/facebook-mobile.png)}

.instagram{display: block; float: right; width: 38px; height: 38px; margin-right: 4px; background-image: url(../img/instagram.png); background-position: center top; background-repeat: no-repeat}
.instagram:hover{background-position: center bottom}
.instagram-mobile{background-image: url(../img/instagram-mobile.png)}

/*FOOTER*/
.footer{color: #fff; font-size: 16px; font-weight: 300; line-height: 120%; background-image: url(../img/footer-home.png); padding-top: 15px; z-index: 1000; position: relative}
.footer img{margin-right: 12px}

.footer_inner{padding: 50px 0 20px; background-image: url(../img/footer.png); background-position: center top}

.copy{padding: 15px 0px; background-color: #8e1213; color: #fff; font-size: 15px}
.copy .col-sm-6{margin-top: 0 !important}
.copy a{color: #fff}


/*HOME*/
.height-home{min-height: 440px; position: relative; z-index: -1000}

#caption{width: 100%; height: 100%; min-height: 650px; position: absolute; z-index: 1000; top: 0; left: 0}
#caption .container, #caption .row, #caption .col-xs-12{height: 100%}

#wrap_caption{font-weight: 300; font-size: 16px; position: absolute; display: inline-block; max-width: 470px; margin-right: 15px; opacity: 0}
#wrap_caption a{display: block; color: #fff; text-decoration: none !important; padding: 30px; background-image: url(../img/caption.png)}
#wrap_caption h3{font-family: 'antonio', sans-serif; text-transform: uppercase; margin-top: 0; margin-bottom: 15px; padding-bottom: 20px; background-image: url(../img/line.jpg); background-position: left bottom; background-repeat: no-repeat}

#caption_bullets{text-align: right}
#caption_bullets li{cursor: pointer; height: 17px; width: 17px; display: inline-block; background-image: url(../img/bullets.png); background-position: center top; background-repeat: no-repeat; margin: 0 7px 0 0}
#caption_bullets li.active{background-position: center bottom}

.arrow{cursor: default}
.pointer{cursor: pointer; transition: margin 0.15s ease; -webkit-transition: margin 0.15s ease; -moz-transition: margin 0.15s ease; -o-transition: margin 0.15s ease}
.pointer:hover{margin-top: -10px}

/*banner mobile*/
#banner_mobile{height: 550px; position: relative}

#caption_mobile{width: 100%; height: 100%; min-height: 650px; position: absolute; z-index: 1000; top: 0; left: 0}
#caption_mobile .container, #caption_mobile .row, #caption_mobile .col-xs-12{height: 100%}

#wrap_caption_mobile{bottom: 150px; font-weight: 300; font-size: 16px; position: absolute; display: inline-block; max-width: 470px; margin-right: 15px; opacity: 0}
#wrap_caption_mobile a{display: block; color: #fff; text-decoration: none !important; padding: 30px; background-image: url(../img/caption.png)}
#wrap_caption_mobile h3{font-family: 'antonio', sans-serif; text-transform: uppercase; margin-top: 0; margin-bottom: 15px; padding-bottom: 20px; background-image: url(../img/line.jpg); background-position: left bottom; background-repeat: no-repeat}



/*INSTITUCIONAL*/
.wrap_content{margin-top: 50px; margin-bottom: 50px; font-size: 16px; font-weight: 300}
.wrap_content img{max-width: 100%; height: auto}
.wrap_content iframe{max-width: 100%}

.inst-first{margin-top: 0 !important}
.inst-table{background-color: #fff; margin-top: 30px}
.inst-table table{width: 100%}
.inst-table table, .inst-table table tr, .inst-table table tr td{position: relative; overflow: hidden}
.inst-title{font-family: 'antonio', sans-serif; margin-top: 0; text-transform: uppercase; background-image: url(../img/lines.jpg); background-position: left bottom; background-repeat: no-repeat; margin-bottom: 12px; padding-bottom: 15px}
.inst-content{padding: 30px}

.inst-right .backstretch{right: 0; left: auto !important}


/*PRODUTOS*/
.header-title{font-family: 'antonio', sans-serif; margin-top: 0; text-transform: uppercase; background-image: url(../img/lines.jpg); background-position: center bottom; background-repeat: no-repeat; margin-bottom: 25px; padding-bottom: 25px; text-align: center}

.line-box a{position: relative; text-decoration: none !important; color: #333; margin-top: 10px; display: block; -webkit-transition: margin 0.15s ease; -moz-transition: margin 0.15s ease; -o-transition: margin 0.15s ease}
.line-box a:hover{margin-bottom: 10px; margin-top: 0px}

.line-box img{position: relative; z-index: 1}

.line-caption{position: relative; margin-top: -30px; z-index: 3; padding: 43px 20px 25px; background-image: url(../img/lines.png); background-position: left top}
.line-caption h3{text-transform: uppercase; margin: 0; font-family: 'antonio', sans-serif; background-image: url(../img/lines.jpg); background-position: left bottom; background-repeat: no-repeat; padding-bottom: 15px}

.cat-box{margin-top: 30px; margin-bottom: 0}
.cat-box a{text-transform: uppercase; display: block; text-decoration: none !important; color: #fff !important}
.cat-box h3{background-color: #a81d20; margin: 0; padding: 15px 20px; font-family: 'antonio', sans-serif; font-size: 21px}

.botao{border: 0; display: block; float: right; background-color: #a81d20; color: #fff !important; text-decoration: none !important; padding: 10px; font-size: 16px; margin-top: 23px}
.botao:hover{background-color: #750606}

.botao-face{background-color: #32579D; background-image: url(../img/share.png); background-position: left center; background-repeat: no-repeat; padding-left: 42px; cursor: pointer}
.botao-face:hover{background-color: #12377c}

.prod-box{position: relative; margin-top: 30px}
.prod-box a{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background-image: url(../img/lens.png); background-position: top center; opacity: 0; transition: background 0.15s ease, opacity 0.15s ease; -webkit-transition: background 0.15s ease, opacity 0.15s ease; -moz-transition: background 0.15s ease, opacity 0.15s ease; -o-transition: background 0.15s ease, opacity 0.15s ease}
.prod-box a:hover{background-position: center; opacity: 1}

.mfp-fade.mfp-bg {opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out}
.mfp-fade.mfp-bg.mfp-ready {opacity: 0.8}
.mfp-fade.mfp-bg.mfp-removing {opacity: 0}
.mfp-fade.mfp-wrap .mfp-content {opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; transform: scale(0.8)}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {opacity: 1; transform: scale(1)}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {opacity: 0; transform: scale(0.8)}


/*CONTATO*/
#form_contato{margin-top: 7px}
#form_contato .row{margin-left: -7px; margin-right: -7px}
#form_contato .col-xs-12{padding: 7px}
#form_contato input[type=text], #form_contato textarea{border: 1px solid #fff; font-size: 16px; height: auto; padding: 15px; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important}
#form_contato textarea{min-height: 130px; width: 100%; min-width: 100%; max-width: 100%}
#form_contato button{margin-top: 0px}

.flexible-container {position: relative; padding-bottom: 420px; padding-top: 30px; height: 0; overflow: hidden; margin-top: 30px; margin-bottom: 5px}
.flexible-container iframe, .flexible-container object, .flexible-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 450px}


/*NOTICIAS*/
.sidebar-list{background-color: #fff; margin-top: 30px}
.sidebar-list ul{list-style: none !important; padding: 0; margin: 8px 0 0}
.sidebar-list li{padding: 4px 15px}
.sidebar-list ul ul{margin-top: 3px}
.sidebar-list ul ul li{padding: 4px 0 4px 15px}
.sidebar-list a{display: block; padding-bottom: 8px; border-bottom: 1px dotted #ccc; color: #333; text-decoration: none !important}
.sidebar-list a:hover{color: #a81d20}

.last_list_last{border-bottom: 0 !important}

.sidebar-header{background-color: #A81D20; color: #fff; display: block; font-size: 24px; font-family: 'antonio', sans-serif; text-transform: uppercase; padding: 10px 15px}

.post-box{margin-bottom: 20px}
.post-box a{text-decoration: none !important; display: inline-block}
.post-box h3{background-color: #fff; padding: 20px; margin: 0; color: #333; font-weight: 300; font-size: 16px; line-height: 130%}

.news-img{position: relative}

.post-date{line-height: 100%; display: inline-block; position: absolute; bottom: 15px; left: 15px; background-color: #777; padding: 5px 7px 7px; color: #fff; font-size: 26px; text-align: center; font-weight: 500}
.post-date span{line-height: 100%; display: block; font-size: 16px; font-weight: 300}

.open-date{line-height: 100%; display: inline-block; background-color: #777; padding: 5px 7px 7px; color: #fff; font-size: 20px; text-align: center; font-weight: 500}
.open-date span{line-height: 100%; display: block; font-size: 16px; font-weight: 300; text-transform: capitalize}

.open-table{margin: 10px 0 30px 0}
.open-table td{vertical-align: top}
.open-table h3{font-family: 'antonio', sans-serif; font-size: 25px; text-transform: uppercase; margin: 0; line-height: 130%; padding-bottom: 10px}

.noticias-img{padding: 0 7px 14px; position: relative}
.noticias-img div{position: relative}
.noticias-img a{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background-image: url(../img/lens.png); background-position: top center; opacity: 0; transition: background 0.15s ease, opacity 0.15s ease; -webkit-transition: background 0.15s ease, opacity 0.15s ease; -moz-transition: background 0.15s ease, opacity 0.15s ease; -o-transition: background 0.15s ease, opacity 0.15s ease}
.noticias-img a:hover{background-position: center; opacity: 1}


/*MEDIA QUERIES*/
@media all and (max-width: 767px) { /* xs */ 
    .wrapper_home{z-index: 9999}

    .logo{text-align: center}

    .links{background-color: #a81d20}

    #menu-collapse{padding: 0}
    #menu-collapse ul{padding: 0 0 10px}
    #menu-collapse li{text-align: center}
    #menu-collapse a{color: #fff; font-size: 18px; display: block; padding: 5px}
    #menu-collapse a:hover{background-color: #fff; color: #a81d20}

    .navbar-toggle{margin: 10px 0; float: left; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important}
    .navbar-toggle:hover{background-color: #fff}
    .navbar-toggle:hover span{background-color: #a81d20}
    .navbar-toggle span{background-color: #fff; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important}

    .facebook, .instagram{margin-top: 8px}

    .footer{background-color: #ccc}
    .footer .col-sm-6{margin-top: 13px}

    .footer_pages{padding-top: 0 !important; background-color: #eee !important; background-image: none !important}

    .copy *{text-align: center}

    .inst-img-mobile{height: 300px; width: 100%}

    .line-first a{margin-top: 0 !important}
    .line-box a{margin-top: 30px; max-width: 400px; margin-left: auto; margin-right: auto}
    .line-box a:hover{margin-top: 30px; margin-bottom: 0}

    .cat-box{margin-top: 30px}
    .cat-box a{max-width: 400px; margin-left: auto; margin-right: auto}

    .prod-box{max-width: 400px; margin-left: auto; margin-right: auto}

    .botao-face{margin-top: 7px !important}

    #content-error img{max-width: 250px; margin-bottom: 40px}

    .post-box{text-align: center}
    .post-box a{max-width: 400px; text-align: left}

    .sidebar-latest{margin-top: 0 !important}
    .news-content{margin-top: 10px; margin-bottom: 10px}
    .news-sidebar{margin-bottom: 50px}
    
    .open-table{margin-top: 0}
}

@media all and (min-width: 768px) { /* sm */      
    html, body {height: 100%}
    .wrapper {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -255.1px}
    .footer, .push {height: 255.1px}  

    .wrapper_pages{margin: 0 auto -209px}
    .footer_pages{padding-top: 0 !important; background-color: #eee !important; background-image: none !important}
    .footer_pages, .push_pages {height: 209px !important}

    #wrap_caption{top: 350px; right: 0}

    .wrap_topo{border-bottom: 8px solid #a81d20}

    .links{margin-top: 32px; padding-left: 0}

    #menu-collapse{float: right; padding-left: 0}
    #menu-collapse li{display: block; float: left}
    #menu-collapse a{margin: 0 3px; display: block; padding: 10px 10px 5px 10px; font-size: 21px; color: #929292; transition: padding 0.15s ease, color 0.15s ease; -webkit-transition: padding 0.15s ease, color 0.15s ease; -moz-transition: padding 0.15s ease, color 0.15s ease; -o-transition: padding 0.15s ease, color 0.15s ease}
    #menu-collapse a:hover{padding: 5px 10px 10px 10px; color: #a81d20}

    .facebook{margin-top: 6px}
    .instagram{margin-top: 6px}

    .footer .col-md-5{margin-bottom: 13px}

    .inst-img{width: 50%; min-width: 50%; max-width: 50%}

    .cat-box{transition: margin 0.15s ease; -webkit-transition: margin 0.15s ease; -moz-transition: margin 0.15s ease; -o-transition: margin 0.15s ease}
    .cat-box:hover{margin-top: 20px; margin-bottom: 10px}

    .botao-face{float: left}

    .post-left{padding-left: 0}
    .post-right{padding-right: 0}

    .post-box a{margin-top: 10px; transition: margin 0.15s ease; -webkit-transition: margin 0.15s ease; -moz-transition: margin 0.15s ease; -o-transition: margin 0.15s ease}
    .post-box a:hover{margin-top: 0; margin-bottom: 10px}
    
    .sidebar-latest{margin-top: 10px !important}
    .news-sidebar{margin-bottom: 50px}
}

@media all and (min-width: 992px) { /* md */    
    .wrapper {margin: 0 auto -203.7px}
    .footer, .push {height: 203.7px}

    .wrapper_pages{margin: 0 auto -157.6px}
    .footer_pages, .push_pages {height: 157.6px !important}

    .links{margin-top: 37px}

    #menu-collapse a{margin: 0 15px}

    .footer .col-md-5{margin-bottom: 0}

    .inst-content{padding: 40px}

    .inst-img{width: 40%; min-width: 40%; max-width: 40%}

    .news-content{padding-right: 0; margin-bottom: 35px}
    .news-sidebar{padding-left: 30px; margin-bottom: 50px}
}

@media all and (min-width: 1200px) { /* lg */
    .news-content{padding-right: 15px}
    .news-sidebar{padding-left: 15px}
}

/*SPECIAL QUERIES*/
@media all and (max-width: 370px) { 
    .footer img{display: none}
}
@media all and (max-width: 500px) { 
    .inst-img-mobile{height: 200px; width: 100%}
}