.diagonal_logos_top_black {
	background: url("../imagens/diag_black.png") no-repeat left bottom; padding: 40px 0px; margin-top: 0px;
}

.diagonal_logos_bot_black {
	background: url("../imagens/diag_black2.png") no-repeat left bottom; padding: 40px 0px; margin-top: 0px;
}

.diagonal_logos_top {
	background: url("../imagens/ds04.png") no-repeat left bottom; padding: 80px 0px; margin-top: 0px;
}
.diagonal_logos_bot {
	background: url("../imagens/ds02.png") no-repeat left bottom; padding: 60px 0px; margin-top: 0px;
}

.diag_logos {
    -webkit-transform: rotate(-3.5deg);
    -moz-transform: rotate(-3.5deg);
    -o-transform: rotate(-3.5deg);
    -ms-transform: rotate(-3.5deg);
    transform: rotate(-3.5deg);
}

.circle {
	-moz-border-radius: 200px;
	border-radius:200px;
}

<!--hero slider---!>
.opaco {
	background-color: rgb(255, 255, 255) !important;
}
#hero {
	height: auto; color: rgb(0, 0, 0); position: relative; -ms-overflow-y: hidden;
}
#hero video {
	left: 50%; top: 50%; width: auto; height: auto; position: fixed; z-index: -100; min-height: 100%; min-width: 100%; transform: translate(-50%, -50%);
}
#gfxvideobg video {
	left: 50%; top: 50%; width: auto; height: auto; position: fixed; z-index: -100; min-height: 100%; min-width: 100%; transform: translate(-50%, -50%);
}
video.bgvid {
	width: 100%;
}
#bgvid {
	right: 0px; bottom: 0px; position: fixed; min-height: 100%; min-width: 100%;
}
.herocontent {
	margin: 0px auto; width: 100%; padding-bottom: 0px; max-width: 1200px;
}
.herocontentsoon {
	width: 100%; text-align: center; padding-top: 30px; padding-bottom: 0px; margin-top: 0px; min-height: 620px; max-width: 1024px;
}
.heroshot {
	margin: 0px auto;
}
.herobottom {
	background: rgba(0, 0, 0, 0.5);
}
.heroslider {
	background: rgba(0, 0, 0, 0.5); margin-bottom: 0px;
}
#carousel {
	height: 450px; overflow: hidden;
}
#carousel .item {
	width: 850px; height: 450px;
}
.fcarousel {
	margin: 0px auto; transition:opacity 0.3s ease-out; height: 580px; overflow: hidden; opacity: 0; -webkit-transition: opacity 0.3s ease-out 0s; -o-transition: opacity 0.3s ease-out 0s; -moz-transition: opacity 0.3s ease-out 0s;
}
.inited.fcarousel {
	opacity: 1;
}
@media all and (min-width:1024px)
{
.fcarousel:focus {
	outline: rgb(48, 134, 169) dotted 0px;
}
}
@media all and (max-width:350px) and (min-width:0px)
{
.fcarousel [class^='item'] {
	font: 700 100px/220px Arial; border: 0px solid rgb(0, 0, 0); border-image: none; width: 100%; height: 250px !important; text-align: center; font-size-adjust: none; font-stretch: normal;
}
.herocontent {
	padding-top: 200px;
}
}
@media all and (max-width:750px) and (min-width:351px)
{
.fcarousel [class^='item'] {
	font: 700 100px/220px Arial; border: 0px solid rgb(0, 0, 0); border-image: none; width: 100%; height: 350px !important; text-align: center; font-size-adjust: none; font-stretch: normal;
}
}
@media all and (max-width:350px)
{
.fcarousel [class^='item'] {
	font: 700 100px/220px Arial; border: 0px solid rgb(0, 0, 0); border-image: none; width: 100%; height: 200px !important; text-align: center; font-size-adjust: none; font-stretch: normal;
}
}
.fcarousel [class^='item'] {
	font: 700 100px/220px Arial; border: 0px solid rgb(0, 0, 0); border-image: none; width: 100%; height: 450px; text-align: center; font-size-adjust: none; font-stretch: normal;
}
.fcarousel .item-1 {
	background: rgb(220, 220, 220);
}
.fcarousel .item-2 {
	background: rgb(240, 255, 255);
}
.fcarousel .item-3 {
	background: rgb(176, 196, 222);
}
.fcarousel .item-4 {
	background: rgb(224, 255, 255);
}
.fcarousel .item-5 {
	background: rgb(143, 188, 143);
}
.fcarousel .item-6 {
	background: rgb(250, 250, 210);
}
.fcarousel .item-7 {
	background: rgb(210, 180, 140);
}
.fcarousel .item-8 {
	background: rgb(250, 128, 114);
}
.fcarousel .item-9 {
	background: rgb(238, 130, 238);
}
.fcarousel .arrow {
	font: 30px/50px Arial; margin: auto; border-radius: 50%; transition:0.3s ease-out; top: 0px; width: 50px; height: 50px; text-align: center; bottom: 0px; color: white; display: block; position: absolute; z-index: 99999; font-size-adjust: none; font-stretch: normal; opacity: 0.6; background-color: rgba(214, 214, 214, 0.5); -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-touch-callout: none;
}
.fcarousel .arrow:hover {
	color: rgb(234, 147, 18); opacity: 1;
}
@media all and (min-width:1024px)
{
.fcarousel .arrow:focus {
	color: rgb(234, 147, 18); opacity: 1;
}
.fcarousel:focus .arrow {
	color: rgb(234, 147, 18); opacity: 1;
}
.fcarousel:focus .arrow {
	text-shadow: 0px 0px 8px #68a8de;
}
}
.fcarousel .prev.arrow {
	left: 10px;
}
.fcarousel .next.arrow {
	right: 10px;
}
.fcarousel .dots {
	margin: auto; left: 0px; width: 100%; text-align: center; right: 0px; bottom: 0px; font-size: 0px; position: absolute;
}
.fcarousel .dot {
	font: 14px/22px Arial; margin: 0px 5px; border-radius: 50%; border: 1px solid rgb(51, 51, 51); transition:0.3s ease-out; border-image: none; width: 24px; height: 24px; text-align: center; vertical-align: top; display: inline-block; font-size-adjust: none; font-stretch: normal; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-touch-callout: none;
}
.fcarousel .dot:hover {
	border-color: rgb(48, 134, 169); color: rgb(48, 134, 169);
}
.fcarousel .active.dot {
	background: rgb(48, 134, 169); border-color: rgb(23, 96, 125); color: rgb(255, 255, 255);
}
#carousel-2 {
	height: 400px;
}
#carousel-2 [class^='item'] {
	width: 200px; height: 300px; line-height: 300px;
}
#carousel-3 {
	margin: 0px auto 20px; width: 340px; height: 520px;
}
#example-5 .carousel_callbacks {
	margin: 30px auto 0px; text-align: center; font-size: 0px;
}
#example-5 .carousel_callbacks .item {
	font: 16px/40px Arial; margin: 0px 10px; border: 1px solid rgb(51, 51, 51); border-image: none; width: 150px; height: 40px; text-align: center; vertical-align: top; display: inline-block; font-size-adjust: none; font-stretch: normal;
}
#example-5 .carousel_callbacks .active.item {
	background: rgb(48, 134, 169); border-color: rgb(23, 96, 125); color: rgb(255, 255, 255);
}
#example-iber .carousel_callbacks {
	margin: 30px auto 0px; text-align: center; font-size: 0px;
}
#example-iber .carousel_callbacks .item {
	font: 16px/40px Arial; margin: 0px 10px; border: 1px solid rgb(51, 51, 51); border-image: none; width: 150px; height: 40px; text-align: center; vertical-align: top; display: inline-block; font-size-adjust: none; font-stretch: normal;
}
#example-iber .carousel_callbacks .active.item {
	background: rgb(48, 134, 169); border-color: rgb(23, 96, 125); color: rgb(255, 255, 255);
}
#example-6 {
	-ms-overflow-y: auto;
}
#carousel-6 {
	opacity: 1;
}
#example-6 .carousel_api {
	margin: auto; text-align: center; font-size: 0px;
}
#example-6 .carousel_api .item {
	font: 16px/40px Arial; margin: 0px 10px; border: 1px solid rgb(51, 51, 51); transition:0.3s ease-out; border-image: none; width: 150px; height: 40px; text-align: center; vertical-align: top; display: inline-block; font-size-adjust: none; font-stretch: normal; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s;
}
#example-6 .carousel_api .disable.item {
	cursor: default; opacity: 0.5;
}
#example-6 .carousel_api :not(.disable).item:hover {
	background: rgb(48, 134, 169); border-color: rgb(23, 96, 125); color: rgb(255, 255, 255);
}
#example-6 .carousel_api .item:focus {
	background: rgb(48, 134, 169); border-color: rgb(23, 96, 125); color: rgb(255, 255, 255);
}