/*
=====================================================================
*   Document      :  Messingro3 Global Styles
*	Url           :  
*   Created on    :  12-13-2015
*   Author        :  Md.Sahab Uddin(Shihab),UX Engineer
*   Description   :  Messingro3
=====================================================================

TOC:
a. font genaretor
b. Reset
c: Typography
d: layout
	1. header
	2. banner
	3. main
	4.service
	5. partner
	6. footer
e: meadia query css 
		

/* ------------------------------------------------------------------ */
/* a : font genaretor
/* ------------------------------------------------------------------ */
.sempadding{padding:0;}
.bordered{border:1px solid red}
body,html{margin:0}

/* ------------------------------------------------------------------ */
/* b : Reset Css
/* ------------------------------------------------------------------ */
a:focus {
	outline: none;
}
.navbar-default .navbar-toggle {
	background: none;
	border: none;
}
/* ------------------------------------------------------------------ */
/* c : Typography
/* ------------------------------------------------------------------ */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Duepuntozero-Bold';
}
h3 {
	font-size: 45pt;
	color: #222;
}
/* ------------------------------------------------------------------ */
/* d : Layout
/* ------------------------------------------------------------------ */

/* ----------------------------Header-------------------------------- */
header {
	position: relative;
	margin:15px 0px 0px
}


header .navbar-default{padding-left:40px;padding-right:40px}
/*main nav*/
header ul.nav.navbar-nav li a {
	font-size: 16px;
	font-weight: bold;
}
header ul.nav.navbar-nav li a small {
	font-size: 12px;
	display: block;
}
.navbar-brand {
    float: left;
    height: 65px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
}


.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #e30613;
    background:none;
}
/* ----------------------------banner------------------------------ */
#banner .banner-wrapper {
	margin-left: -15px;
	position: relative;
	text-align: center;
	margin-right: -15px;
	margin-bottom: 0;
	border-bottom: 0;
}
#banner .banner-wrapper:after {
	display: table;
	content: '';
	clear: both;
}
.banner-wrapper ul li{
	position: relative;
}
#banner .banner-arow {
	left: 50%;
	z-index: 1;
	width: 30px;
	color: #fff;
	height: 30px;
	bottom: 35px;
	font-size: 30px;
	position: absolute;
	cursor: pointer;
	margin-left:-15px
}
.banner_conteudo{margin-top:4px}
.banner-content {
	left: 0;
	bottom: 125px;
	width: 100%;
	color: #fff;
	position: absolute;z-index:99999
}
.banner-content .logo-icon {
	width: 52px;
	height: 56px;
	margin-bottom: 10px;
	display: inline-block;
}
.banner-content h3 {
	color: #fff;
	font-size: 40px;
	text-transform:uppercase;font-weight:normal;
}
.banner-content h4 {
	color: #e30613;
	font-size: 30px;text-transform:uppercase;font-weight:normal;text-shadow: 1px 1px 1px rgba(0, 0, 0, .7)
}
#banner .flex-control-nav {
	left: 0;
	width: 100%;
	color: #fff;
	font-size: 30px;
	position: absolute;z-index:9999
}
#banner .flex-control-nav li a{
	width: 16px;
	height: 16px;
	list-style: none;
	display: inline-block;
	box-shadow: none;
	background: url(../images/bulet.png) no-repeat;
}
#banner .flex-control-nav li a.flex-active {
	background: url(../images/bulet-selected.png) no-repeat
}
/* ----------------------------main-------------------------------- */
/*aside*/
aside.sidebar {
	background: #ba1a28 url(../images/bg-sidebar.png) no-repeat left top;
}
aside.sidebar article {
	padding: 50px 30px;
	color: #fff;
}

aside.sidebar h3 {
	color: #fff;font-weight:normal;font-size:45px
}
aside.sidebar div {
	color: #fff;font-size:18px;font-weight:400;margin-bottom:40px
}


aside.sidebar p {
	padding: 10px 0;font-size:18px;font-weight:300
}

.click_saiba{margin-top:25px}
.btn-trsparent {
	color: #e3a3a9;
	padding: 0 25px;
	line-height: 44px;
	display: inline-block;
	border: 1px solid #e3a3a9;font-size:16px;font-weight:400;text-transform:uppercase
}
.btn-trsparent:hover {
	color: #e3a3a9;
}
.btn-trsparent .glyphicon {
	margin-left: 20px;
}

.content-gallery ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.content-gallery ul li {
	height: 348px;
	list-style: none;
	position: relative;
}
.content-gallery ul li img {
	width: 100%;
	height: 100%;
}
.content-gallery ul li .glyphicon {
	color: #fff;
	font-size: 50px;
	position: absolute;
}
.content-gallery ul li.txt {
	padding: 20px;font-size: 18px;
}
.content-gallery ul li.txt h3 {
	font-size: 30px;font-weight:normal;margin-bottom:20px;text-transform:uppercase
}
.hover-effect{
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;
	cursor: pointer;
	background: rgba(255,255,255,0.8) url(../images/img-hover.png) no-repeat center center;
}
/* ----------------------------service-------------------------------- */
#service .service-left {
	background: #222222;
}
#service .service-left {
	position: relative;
	padding: 40px 50px;
}
#service .service-left h3 {
	color: #ffffff;
}
#service h3{margin-bottom:30px;line-height:normal;font-size:34pt}
#service .service-left a .icon-plus, #service .service-right a .icon-plus {
	top: 60px;
	right: 50px;
	position: absolute;
}

#service .service-left a .icon-plus span{font-size:12px;text-transform:uppercase;text-align:center;visibility:hidden;color:#fff}
#service a .icon-plus .circle {position: relative; height:30px; width:30px;margin-left:20px}
#service .service-left a .icon-plus .circle .horizontal {position: absolute; background-color: #ffffff; width: 30px; height: 2px; top: 14px; left: 0;}
#service .service-left a .icon-plus .circle .vertical {position: absolute; background-color: #ffffff; width: 2px; height: 30px; top: 0; left: 14px;}


#service .service-right a .icon-plus .circle .horizontal {position: absolute; background-color: #000000; width: 30px; height: 2px; top: 14px; left: 0;}
#service .service-right a .icon-plus .circle .vertical {position: absolute; background-color: #000000; width: 2px; height: 30px; top: 0; left: 14px;}

#service .service-right a .icon-plus span{font-size:12px;text-transform:uppercase;text-align:center;visibility:hidden;color:#000}

#service a:hover .icon-plus span{visibility:visible;}

#service .service-left ul {margin:0;padding:0;margin-left:15px;margin-top:40px
}
#service .service-left ul li {
	color: #e1e1e1;
	list-style: none;
	position: relative;
	margin-top: 15px;
	padding:0;
	padding-bottom: 30px;
	text-transform: uppercase;
	border-bottom: 1px solid #e1e1e1;
}
#service .service-left ul li div{padding:0;font-size:18px;padding-top:10px}
#service .service-left ul li .pdf-download {
	right: 0;
	top: 0px;
	font-size: 12pt;
	line-height: 42px;
	position: absolute;
	padding-right: 36px;
	text-transform: capitalize;
	opacity:.7;
	background: url(../images/icon-pdf.png) no-repeat right center;color: #e1e1e1;text-decoration:none
}
#service .service-left ul li a:hover {
	opacity:1;
}
/*service-right*/
#service .service-right {
	background: #d0d0d0;
}
#service .service-right {
	position: relative;
	padding: 40px 50px;
}

#service .service-right ul {
	margin:0;padding:0
}
#service .service-right ul li {
	color: #222222;
	list-style: none;
	padding-top: 13px;
	padding-bottom: 13px;
	
}
#service .service-right .media-left {
	padding-right: 40px;
}
#service .service-right .media-heading {
	height: 26px;
	overflow: hidden;
	font-weight: bold;font-size:20px;text-transform: uppercase;
}
#service .service-right .media-body p {
	height: 52px;
	color: #000000;
	font-size: 18px;
	overflow: hidden;
}
#service .service-right ul li a {
	color: #222222;
	font-size: 15px;text-transform:uppercase;font-weight:600
}
/* ----------------------------service-left-------------------------------- */
#partner{margin:20px 40px}
.partner-logo {
	position: relative;
}
.partner-logo ul {
	margin: 0;
	padding: 0;
	height: 85px;
	overflow: hidden;
	text-align: center;
}
.partner-logo ul li {
	list-style: none;
	line-height: 85px;
	padding-left: 40px;
	padding-right: 40px;
	display: inline-block;
}
.partner-logo .control-arow > .glyphicon {
	top: 75px;
	color: #909090;
	font-size: 20px;
	position: absolute;
}
.partner-logo .control-arow > .glyphicon-menu-left {
	left: 10px;
}
.partner-logo .control-arow > .glyphicon-menu-right {
	right: 10px;
}
/* ----------------------------footer-------------------------------- */
footer {
	background: #222222;padding:40px
}
footer p {
	color: #ffffff;
	opacity:.5;
	font-size: 14px;
	margin-bottom: 0;
	line-height: 30px;
	padding-left: 15px;
	padding-right: 15px;
	
	text-transform: uppercase;
}
footer a {
	color: #ffffff;
}
footer a:hover {
	text-decoration:none;color:#ffffff
}
/* ------------------------------------------------------------------ */
/*  : Media Query Css
/* ------------------------------------------------------------------ */
@media (max-width: 990px) {

.navbar-header {
	float: none;
	height: 50px;
}
.navbar-left, .navbar-right {
	float: none !important;
}
.navbar-toggle {
	display: block;
}
.navbar-collapse {
	border-top: 1px solid transparent;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-fixed-top {
	top: 0;
	border-width: 0 0 1px;
}
.navbar-collapse.collapse {
	border: 0;
	display: none!important;
}
.navbar-collapse.collapsing {
	border: 0;
}
.navbar-nav {
	float: none!important;
	margin-top: 7.5px;
}
.navbar-nav>li {
	float: none;
}
.navbar-nav>li>a {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: right;
}
.collapse.in {
	display: block !important;
}

}
@media (min-width: 991px) {
#header {
	position: relative;
}
#header .logo {
	top: 36px;
	width: 340px;
	height: 60px;
}
#header .navbar {
	padding-top: 32px;
}
.navbar-nav>li>a {
	text-align: center;
}
#footer {
	padding-top: 35px;
	padding-bottom: 35px;
}

#main, .geralflex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  /*flex-wrap: wrap;*/
}
#main .sidebar,#main .content, .geralflex .z_esq {
  display: flex;
  flex-direction: column;
}
}
@media (max-width: 768px) {
body {
	font-size: 4vw;
}
h3 {
	font-size: 8vw;
}
#footer p:first-child {
	width: 190px;
	height: 30px;
	overflow: hidden;
}
.partner-logo {
	padding: 20px 0;
}
#service .service-right .media-heading,  #service .service-right .media-body p {
	height: auto;
	overflow: visible;
	font-size: 3vw;
}
#service .service-right .media-left,  #service .service-right .media-body {
	padding: 0;
	width: 100%;
	display: block;
	margin-bottom: 20px;
}
#service .service-right .media-left img {
	width: 100%;
}
#main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
#main .sidebar,#main .content {
  display: flex;
  flex-direction: column;
  
}



header ul.nav.navbar-nav .dropdown-menu a {
    font-size: 14px;
    font-weight: bold;
	    text-align: right;
    color: #797979;
}
header ul.nav.navbar-nav .dropdown-menu li{text-align:right}
header ul.nav.navbar-nav .dropdown-menu ul{list-style-type:none;text-align:right;margin-right:25px}

}
@media (min-width: 768px) {
	/*content*/
.content-gallery {
	margin-left: -15px;
	margin-right: -15px;
}
.partner-logo {
	padding: 0px 25px;
}

/* CSS used here will be applied after bootstrap.css */.nav { margin-bottom: 0; }
.nav > li.dropdown.open { position: static; }
.nav > li.dropdown.open .dropdown-menu {width: 100%; text-align: center; margin:0 auto;padding:65px 0;z-index:999}
.nav > li.dropdown.open .dropdown-menu li {display:inline;margin:0 10px;position:relative}
.dropdown-menu{background:#ba1a28;border-radius:0;border:none}
.nav > li.dropdown.open .dropdown-menu li a{color:#FFFFFF;font-size:18px;font-family: 'Quicksand', sans-serif;font-weight:200}

.caret1 {
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid white;position:absolute;bottom:-15px;left:50%;margin-left:-7.5px;z-index:9999999;visibility:hidden}
.nav > li.dropdown.open .caret1{visibility:visible}
.navbar {
    position: relative;
    min-height: 100px;
    margin-bottom: -4px;
    border: 1px solid transparent;
}
.navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 45px;
}
}
@media (max-width: 1023px) {
.content-gallery ul li {
	width: 100%;
	height: auto;
}
.content-gallery ul li .glyphicon {
	top: -12px;
	left: 50%;
	position: absolute;
	margin-left: -18px;
}
#banner .flex-control-nav {
	bottom: 70px;
}
}
@media (min-width: 1024px) {
#service .service-left, #service .service-right {
	height: 460px;
	overflow: hidden;
}
.content-gallery ul li article h3 {
	height: 74px;
	overflow: hidden;
}
.content-gallery ul li article p {
	height: 136px;
	overflow: hidden;
}
.content-gallery ul li .glyphicon-triangle-left {
	right: -14px;
	top: 50%;
	margin-top: -18px;
}
.content-gallery ul li .glyphicon-triangle-right {
	left: -14px;
	top: 50%;
	margin-top: -18px;
}
.content-gallery ul li .glyphicon-triangle-bottom {
	left: 50%;
	top: -14px;
	margin-left: -18px;
}
#banner .flex-control-nav {
	bottom: 70px;
}
}
@media only screen and (min-width : 1024px) and (max-width : 1224px) {/*--- Tablet landscape --- */
#header .logo {
	width: 300px;
	top: 42px;
}
#header ul.nav.navbar-nav li a {
	font-size: 12pt;
	padding-left: 9px;
	padding-right: 9px;
}
#header ul.nav.navbar-nav li a small {
	font-size: 10pt;
}
#banner .flex-control-nav {
	bottom: 70%;
}
}
@media only screen and (min-width : 320px) and (max-width : 480px) {/*--- Mobile portrait ---*/
#header .logo {
	height: 43px;
	width: 210px;
}
.navbar-toggle {
	margin-right: 0;
}
}

.carousel-control 			 { width:  4%; }
.carousel-control.left,.carousel-control.right {margin-left:15px;background-image:none;}
.carousel-inner .item{text-align:center}
.carousel-inner .item a img {
  filter: gray; /* IE6-9 */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
}

/* Disable grayscale on hover */
.carousel-inner .item a img:hover {
  filter: none;
  -webkit-filter: grayscale(0);
}
#myCarousel{margin:60px}
@media (max-width: 767px) {
	.navbar-brand>img {
    height:30px
}
header .navbar-default {
    padding-left: 15px;
    padding-right: 15px;
}

.content-gallery ul li .glyphicon {
    top: -12px;
    left: 50%;
    position: absolute;
    margin-left: -30px;
}
#partner {
    margin: 20px 0px;
}
#myCarousel {
    margin: 30px 20px 30px 0;
}
}



#partner .carousel-control{color:#000000;text-shadow:none}
#partner .carousel-control i{font-size:45px;}

.bg_red{background:#ba1a28}
.bg_red2{background:#ba1a28}

.bgcover{height:100%}
.txt_conteudos{font-size:19px;color:#444444}
.txt_conteudos a{font-size:19px;color:#E30613}

.geralflex .z_esq{min-height:700px}
.geralflex .txt_conteudos{margin:40px;margin-right:60px;margin-bottom:60px}
.geralflex .txt_conteudos strong{font-weight:600}
.txt_conteudos h1{font-size:60px;font-family: 'Duepuntozero-ExtraLight';color:#444444;text-transform:uppercase;margin-bottom:40px;margin-top:40px;}
.txt_conteudos h2{font-size:56px;font-family: 'Duepuntozero-ExtraLight';color:#444444;text-transform:uppercase;margin-bottom:40px}
.txt_conteudos h3{font-family: 'Quicksand', sans-serif;text-transform:uppercase;font-size:19px}
@media (max-width: 767px) {.geralflex .z_esq{min-height:auto}.txt_conteudos h2{font-size:40px}
}
.bg_red .txt_conteudos h1{font-size:60px;font-family: 'Duepuntozero-ExtraLight';color:#ffffff;text-transform:uppercase;margin-bottom:40px}
.bg_red .txt_conteudos h2{font-size:56px;font-family: 'Duepuntozero-ExtraLight';color:#ffffff;text-transform:uppercase;margin-bottom:40px}
.bg_red .txt_conteudos h3{font-family: 'Quicksand', sans-serif;text-transform:uppercase;font-size:19px}

.bg_red h2,.bg_red h3{color:#ffffff}
.bg_red2 h1,.bg_red2 h2,.bg_red2 h3{color:#ffffff}
.bg_red{padding:60px}
.bg_red .txt_conteudos{color:#fb8c96;font-size:16px}
.bg_red2 .txt_conteudos{color:#fb8c96;font-size:16px}

.panel-group .panel-title{font-family: 'Quicksand', sans-serif;text-transform:uppercase;font-size:18px;font-weight:600;margin-bottom:10px}
.panel-group .peqdescricao{font-family: 'Quicksand', sans-serif;font-size:15px;}

.panel-default>.panel-heading {
    color: #000000;
    background:none;
    border: none;box-shadow:none;border-left:none
}
.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0px;
}



.panel-default {
    border-color: #ddd;border-left:none;border-right:none;border-top:none;padding-bottom:15px
}

.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body{border-top:none}
.panel-group .panel a.accordion-toggle,.panel-group .panel a.accordion-toggle.collapsed{color:#e30613;font-size:12px;text-transform:uppercase;font-weight:600;text-decoration:none}

.panel-group .panel a.accordion-toggle.sabiamais[aria-expanded="true"]{display:none}
.panel-group .panel a.accordion-toggle.collapsed[aria-expanded="true"]{display:block}

.lista_legislacao .titulo{text-transform:uppercase;font-size:20px;font-weight:600;margin-bottom:15px}
.lista_legislacao a{color:#e30613;font-size:12px;text-transform:uppercase;font-weight:600;text-decoration:none}
.lista_legislacao a:hover{color:#000000}
.lista_legislacao li{padding-top:25px;padding-bottom:25px;border-bottom:1px solid #ddd}


.carousel-showmanymoveone .carousel-control .fa{color:#adadad;font-size:35px}
.carousel-showmanymoveone .carousel-control{width:2%;background-image:none;top:43%}
.carousel-showmanymoveone .carousel-control.left{margin-left:15px}
.carousel-showmanymoveone .carousel-control.right{margin-right:15px}
.carousel-showmanymoveone .cloneditem-1{display:none}
@media all and (min-width: 768px) {
.carousel-showmanymoveone .carousel-control.left{left:-37px}
.carousel-showmanymoveone .carousel-control.right{right:-37px}
.carousel-showmanymoveone .carousel-inner > .active.left,.carousel-showmanymoveone .carousel-inner > .prev{left:-50%}
.carousel-showmanymoveone .carousel-inner > .active.right,.carousel-showmanymoveone .carousel-inner > .next{left:50%}
.carousel-showmanymoveone .carousel-inner > .left,.carousel-showmanymoveone .carousel-inner > .prev.right,.carousel-showmanymoveone .carousel-inner > .active{left:0}
.carousel-showmanymoveone .carousel-inner .cloneditem-1{display:block}
}
@media all and (min-width: 768px) and (transform-3d),all and (min-width: 768px) and (-webkit-transform-3d) {
.carousel-showmanymoveone .carousel-inner > .item.active.right,.carousel-showmanymoveone .carousel-inner > .item.next{-webkit-transform:translate3d(25%,0,0);transform:translate3d(25%,0,0);left:0}
.carousel-showmanymoveone .carousel-inner > .item.active.left,.carousel-showmanymoveone .carousel-inner > .item.prev{-webkit-transform:translate3d(-25%,0,0);transform:translate3d(-25%,0,0);left:0}
.carousel-showmanymoveone .carousel-inner > .item.left,.carousel-showmanymoveone .carousel-inner > .item.prev.right,.carousel-showmanymoveone .carousel-inner > .item.active{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0}
}
@media all and (min-width: 992px) {
.carousel-showmanymoveone .carousel-inner > .active.left,.carousel-showmanymoveone .carousel-inner > .prev{left:-25%}
.carousel-showmanymoveone .carousel-inner > .active.right,.carousel-showmanymoveone .carousel-inner > .next{left:25%}
.carousel-showmanymoveone .carousel-inner > .left,.carousel-showmanymoveone .carousel-inner > .prev.right,.carousel-showmanymoveone .carousel-inner > .active{left:0}
.carousel-showmanymoveone .carousel-inner .cloneditem-2,.carousel-showmanymoveone .carousel-inner .cloneditem-3{display:block}
}
@media all and (min-width: 992px) and (transform-3d),all and (min-width: 992px) and (-webkit-transform-3d) {
.carousel-showmanymoveone .carousel-inner > .item.active.right,.carousel-showmanymoveone .carousel-inner > .item.next{-webkit-transform:translate3d(25%,0,0);transform:translate3d(25%,0,0);left:0}
.carousel-showmanymoveone .carousel-inner > .item.active.left,.carousel-showmanymoveone .carousel-inner > .item.prev{-webkit-transform:translate3d(-25%,0,0);transform:translate3d(-25%,0,0);left:0}
.carousel-showmanymoveone .carousel-inner > .item.left,.carousel-showmanymoveone .carousel-inner > .item.prev.right,.carousel-showmanymoveone .carousel-inner > .item.active{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0}
}

section#map-location{min-height:530px;background-position:center;background-repeat:no-repeat;min-height:530px;background-size:100% 100%}

.form_contactos{margin-top:40px;font-size:16px}
.form_contactos input[type="text"]{height:45px;margin-bottom:12px}
.form_contactos select{;margin-bottom:12px}
.form_contactos textarea{margin-bottom:20px}
.form_contactos .btn{text-transform:uppercase;background:#BA1A28;color:#fff;border:none;padding:0 30px;height:45px}

.filtros_banner{position:absolute;bottom:0;width:100%;height:50%;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */}