* {
    padding:							0px;
    margin:								0px;
    box-sizing:							border-box;
    font-family:						'Roboto', sans-serif;
}

body {
    width:								100%;
    height:								100%;
    padding:							0px;
    margin:								0px;
    background-color:					#fff;
}

.center {
    width:								100%;
    text-align:							center;
}


/* BASIC ================================================================================================ */
p {
    font-size:							18px;
    line-height:						23px;
    font-weight:						300;
}



/* RESPONSIVE ================================================================================================ */
.container {
    max-width:							1200px;
    width:								100%;
    padding-left:						20px;
    padding-right:						20px;
    margin:								0 auto;
}

.pull-left {
    float:								left;
}

.pull-right {
    float:								right;
}

.clear {
    clear:								both;
}

.img-fluid {
    margin:								0 auto;
    max-width:							100%;
    max-height:							100% auto;
}


/* HEADER ================================================================================================ */
header {
    position:							fixed;
    top:								0px;
    left:								0px;
    width:								100%;
    height:								100px;
    background-color:					#000;
    z-index:							10000;
}

.header-flex {
    display: 							flex;
    flex-direction: 					row;
    flex-wrap: 							nowrap;
    justify-content:					center;
}

.header-item-logo {
    order: 								1;
    flex-grow:							0;
    flex-shrink:						0;
    flex-basis:							20%;
    line-height:						100px;
    height:								100px;
}

.header-item-logo img {
    margin:								18px 0;
}

.header-item-nav {
    order: 								2;
    flex-grow:							0;
    flex-shrink:						0;
    flex-basis:							60%;
    text-align:							right;
    line-height:						100px;
    height:								100px;
}

header .ham {
    display:							none;
}

header nav ul {
    list-style:							none;
}

header nav ul li {
    display:							inline;
    margin-left:						24px;
}

header nav ul li a {
    color:								#fff;
    text-decoration:					none;
}

header nav ul li a:hover {
    color:								#ff0066;
    text-decoration:					underline;
}

.header-item-social {
    order: 								3;
    flex-grow:							0;
    flex-shrink:						0;
    flex-basis:							20%;
    text-align:							right;
    line-height:						100px;
    height:								100px;
}

.header-item-social img {
    width:								32px;
    height:								32px !important;
    vertical-align:						middle;
}


/* BANNER ================================================================================================ */
.banner {
    position:							relative;
    width:								100%;
    height:								100vh;
    background-image:					url(../img/banner.jpg);
    background-position:				center center;
    background-size:					cover;
    background-repeat:					no-repeat;
}

.banner-texto {
    position:							absolute;
    bottom:								72px;
    text-align:							right;
    width:								100%;
}

.banner-texto h1 {
	float:								right;
    font-size:							64px;
    line-height:						1em;
    font-weight:						300;
    color:								#fff;
    margin-bottom:						90px;
	background-color:					rgba(0, 0, 0, 0.5);
}

.banner-texto h1 span {
    font-weight:						400 !important;
}


/* OPA ================================================================================================ */
.opa {
    padding-top:						100px;
    padding-bottom:						100px;
    background-color:					#f0f0f0;
}

.opa h2 {
    font-size:							45px;
    font-weight:						700;
    color:								#ff0066;
    text-align:							center;
}

.opa-flex {
    display: 							flex;
    flex-direction: 					row;
    flex-wrap: 							nowrap;
    justify-content:					center;
    margin-top:							60px;
}

.opa-item {
    order: 								1;
    flex-grow:							1;
    flex-shrink:						1;
    flex-basis:							21%;
    margin:								2%;
    text-align:							center;
}

.opa-item img {
    margin:								0 auto;
    margin-bottom:						60px;
}


/* PRODUTOS - SERVICOS ================================================================================================ */
.produtos-servicos {
    background-image:					url(../img/background-01.jpg);
    background-position:				center center;
    background-size:					cover;
    padding-top:						100px;
    padding-bottom:						100px;
    min-height:							886px;
}

.produtos-servicos h2 {
    font-size:							45px;
    font-weight:						700;
    color:								#fff;
    text-align:							center;
}

.timeline-container {	
    display:							flex;
    flex-direction: 					row;
    flex-wrap: 							wrap;
    justify-content: 					center;
    align-content:						center;
    align-items: 						center;
    margin-top:							100px;
}

.timeline-item-timeline {
    width: 								calc(100% - 40px);
    height: 							auto;
    text-align:							center;
}

.timeline-item-nav {
    position:							relative;
    width: 								20px;
    height: 							auto;
    flex-grow: 							0;
    flex-shrink: 						0;
    flex-basis: 						20px;
    text-align:							center;
    cursor:								pointer;
    z-index:							100;
}

.timeline-item-nav .nav-left {
    position:							absolute;
    top:								-140px;
    right:								-40px;
}

.timeline-item-nav .nav-right {
    position:							absolute;
    top:								-140px;
    left:								-40px;
}

.timeline-item-timeline .item-imagem {
    position:							relative;
    height:								100% auto;
    border-radius:						10px;
    overflow:							hidden;
}

.timeline-item-timeline .item-legenda {
    position:							absolute;
    width:								100%;
    height:								74px;
    line-height:						74px;
    bottom:								3px;
    font-size:							20px;
    font-weight:						700;
    text-align:							center;
    background-color:					rgba(255,0,120,.5);
}

.timeline-item-timeline .item {
    font-size:							18px;
    font-weight:						300;
    line-height:						21px;
    color:								#fff;
    margin-left:						16px;
    margin-right:						16px;
}


/* CLIENTES ================================================================================================ */
.clientes {
    padding-top:						100px;
    padding-bottom:						100px;
    background-color:					#f0f0f0;
}

.clientes h2 {
    font-size:							45px;
    font-weight:						700;
    color:								#ff0066;
    text-align:							center;
}

.clientes-flex {
    display: 							flex;
    flex-direction: 					row;
    flex-wrap: 							wrap;
    justify-content:					flex-start !important;
    margin-top:							60px;
}

.clientes-item {
    order: 								1;
    flex-grow:							0;
    flex-shrink:						0;
    flex-basis:							21%;
    margin-left:						2%;
    margin-right:						2%;
    text-align:							center;
}

.clientes-item img {
	margin-bottom:						24px !important;
}


/* CONTATO ================================================================================================ */
.contato {
    padding-top:						100px;
    padding-bottom:						50px;
    background-color:					#fff;
}

.contato h2 {
    font-size:							32px;
    font-weight:						700;
    color:								#ff0066;
    text-align:							center;
}

form {
    margin-top:							60px;
    text-align:							center;
}

.form-flex {
    display: 							flex;
    flex-direction: 					row;
    flex-wrap: 							wrap;
    justify-content:					center;
}

.form-item {
    order: 								1;
    flex-grow:							1;
    flex-shrink:						1;
    flex-basis:							48%;
    margin:								1%;
}

input {
    width:								100%;
    height:								65px;
    line-height:						65px;
    font-size:							24px;
    font-weight:						bold;
    color:								#656565;
    background-color:					#f0f0f0;
    margin-bottom:						20px;
    padding-left:						12px;
    padding-right:						12px;
    border-radius:						10px;
    border:								0px;
}

textarea {
    width:								100%;
    height:								235px;
    line-height:						65px;
    font-size:							24px;
    font-weight:						bold;
    color:								#656565;
    background-color:					#f0f0f0;
    margin-bottom:						20px;
    padding-left:						12px;
    padding-right:						12px;
    border-radius:						10px;
    border:								0px;
}


button {
    margin:								0 auto;
    height:								65px;
    line-height:						65px;
    font-size:							24px;
    font-weight:						bold;
    color:								#656565;
    background-color:					#f0f0f0;
    margin-top:							20px;
    padding-left:						32px;
    padding-right:						32px;
    border-radius:						10px;
    border:								0px;
    cursor:								pointer;
}


/* LOCALIZACAO ================================================================================================ */
.localizacao {
    padding-top:						50px;
    padding-bottom:						0px;
    background-color:					#fff;
}

.localizacao h2 {
    font-size:							45px;
    font-weight:						700;
    color:								#ff0066;
    text-align:							center;
}

.mapa {
    position:							relative;
    margin-top:							100px;
    min-height:							596px;
    text-align:							center;
    text-transform:						uppercase;
    background-image:					url(../img/background-mapa.jpg);
    background-position:				center center;
    background-size:					cover;
}

.mapa .centraliza {
    position:							absolute;
    top:								50%;
    left:								50%;
    transform: 							translate(-50%, -50%);
    width:								100%;
    max-width:							1160px;
}

.mapa h4 {
    font-size:							40px;
    color:								#fff;
    transform
}


/* FOOTER ================================================================================================ */
footer {
    display:							block;
    height:								100px;
    line-height:						100px;
    background-color:					#fff;
}

.footer-flex {
    display: 							flex;
    flex-direction: 					row;
    flex-wrap: 							nowrap;
    justify-content:					center;
}

.footer-item {
    order: 								1;
    flex-grow:							1;
    flex-shrink:						1;
    flex-basis:							33%;
    height:								100px;
}

.footer-item-left {
    font-size:							14px;
    color:								#ff0066;
    line-height:						100px;
}

.footer-item-center {
    text-align:							center;
}

.footer-item-center img {
    margin-top:							24px;
}

.footer-item-right {
    text-align:							right;
}

.footer-item-right img {
    width:								32px;
    height:								32px !important;
    vertical-align:						middle;
}


/* WHATSAPP ================================================================================================ */
.whatsapp {
	padding:							0px;
	margin:								0px;
	background-color:					transparent;
	border:								none;
	font-weight: 						bold;
	position:							fixed;
	bottom:								8px;
	left:								8px;
	display:							block;
	z-index:							999;
}


@media (max-width:1024px){
    
    /* HEADER ================================================================================================ */
    header {
        position:							fixed;
        top:								0px;
        left:								0px;
        width:								100%;
        height:								68px;
        background-color:					#000;
        z-index:							10000;
    }
    
    .header-flex {
        display: 							flex;
        flex-direction: 					row;
        flex-wrap: 							nowrap;
        justify-content:					center;
    }
    
    .header-item-logo {
        order: 								1;
        flex-grow:							0;
        flex-shrink:						0;
        flex-basis:							15%;
        line-height:						68px;

        height:								68px;
    }
    
    .header-item-logo img {
        margin:								18px 0;
        height:								34px;
    }
    
    .header-item-nav {
        order: 								2;
        flex-grow:							0;
        flex-shrink:						0;
        flex-basis:							60%;
        text-align:							right;
        line-height:						68px;
        height:								68px;
    }
    
    header nav ul {
        list-style:							none;
    }
    
    header nav ul li {
        display:							inline;
        margin-left:						16px;
    }
    
    header nav ul li a {
        color:								#fff;
        text-decoration:					none;
    }
    
    header nav ul li a:hover {
        color:								#ff0066;
        text-decoration:					underline;
    }
    
    .header-item-social {
        order: 								3;
        flex-grow:							0;
        flex-shrink:						0;
        flex-basis:							25%;
        text-align:							right;
        line-height:						68px;
        height:								68px;
    }
    
    .header-item-social img {
        width:								32px;
        height:								32px !important;
        vertical-align:						middle;
    }
    
    
    /* OPA ================================================================================================ */
    .opa {
        padding-top:						100px;
        padding-bottom:						100px;
        background-color:					#f0f0f0;
    }
    
    .opa h2 {
        font-size:							45px;
        font-weight:						700;
        color:								#ff0066;
        text-align:							center;
    }
    
    .opa-flex {
        display: 							flex;
        flex-direction: 					row;
        flex-wrap: 							wrap;
        justify-content:					center;
        margin-top:							60px;
    }
    
    .opa-item {
        order: 								1;
        flex-grow:							1;
        flex-shrink:						1;
        flex-basis:							43%;
        margin:								2%;
        text-align:							center;
    }
    
    .opa-item img {
        margin:								0 auto;
        margin-bottom:						30px;
    }
    
}



@media (max-width:960px){
    
    /* HEADER ================================================================================================ */
    header {
        position:							fixed;
        top:								0px;
        left:								0px;
        width:								100%;
        height:								68px;
        background-color:					#000;
        z-index:							10000;
    }
    
    .header-flex {
        display: 							flex;
        flex-direction: 					row;
        flex-wrap: 							nowrap;
        justify-content:					center;
    }
    
    .header-item-logo {
        order: 								1;
        flex-grow:							0;
        flex-shrink:						0;
        flex-basis:							50%;
        line-height:						68px;
        height:								68px;
    }
    
    .header-item-logo img {
        margin:								18px 0;
        height:								34px;
    }
    
    .header-item-nav {
        order: 								2;
        flex-grow:							0;
        flex-shrink:						0;
        flex-basis:							50%;
        text-align:							right;
        line-height:						68px;
        height:								68px;
    }
    
    header .ham {
        display:							block;
        height:								68px;
        padding-top:						15px;
    }
    
    header .ham img {
        cursor:								pointer;
    }
    
    header nav ul {
        position:							absolute;
        display:							block;
        right:								0px;
        list-style:							none;
        padding:							10px 20px;
        background-color:					#000;
        z-index:							2000;
        display:							none;
    }
    
    header nav ul li {
        display:							block;
        line-height:						42px;
        margin-left:						20px;
    }
    
    header nav ul li a {
        color:								#fff;
        text-decoration:					none;
    }
    
    header nav ul li a:hover {
        color:								#ff0066;
        text-decoration:					underline;
    }
    
    .header-item-social {
        display:							none;
    }
    
    
    /* CLIENTES ================================================================================================ */
    .clientes-flex {
        display: 							flex;
        flex-direction: 					row;
        flex-wrap: 							wrap;
        justify-content:					center;
        margin-top:							60px;
    }
    
    .clientes-item {
        order: 								1;
        flex-grow:							1;
        flex-shrink:						1;
        flex-basis:							46%;
		margin-left:						2%;
		margin-right:						2%;
        text-align:							center;
    }
    
}


@media (max-width:767px){
    
    /* BANNER ================================================================================================ */
    .banner-texto {
        position:							absolute;
        bottom:								0px;
		padding-bottom:						80px;
        text-align:							center;
        width:								100%;
    }
    
    .banner-texto h1 {
        font-size:							24px;
        margin-bottom:						24px;
		float:								none;
    }
    
    .banner-texto h1 span {
        font-weight:						400 !important;
    }
    
    .banner-texto img {
        width:								auto;
        height:								100px;
    }
    
    
    /* OPA ================================================================================================ */				
    .opa-item {
        order: 								1;
        flex-grow:							1;
        flex-shrink:						1;
        flex-basis:							100%;
        margin-bottom:						30px;
        text-align:							center;
    }
    
    .opa-item img {
        margin:								0 auto;
        margin-bottom:						10px;
    }
    
    
    /* TIMELINE ================================================================================================ */
    .timeline-item-timeline {
        width: 								calc(100% - 20px);
        height: 							auto;
        text-align:							center;
    }
    
    .timeline-item-nav {
        position:							relative;
        width: 								10px;
        height: 							auto;
        flex-grow: 							0;
        flex-shrink: 						0;
        flex-basis: 						10px;
        text-align:							center;
        cursor:								pointer;
        z-index:							100;
    }
    
    .timeline-item-nav .nav-left {
        position:							absolute;
        top:								-140px;
        right:								-20px;
    }
    
    .timeline-item-nav .nav-right {
        position:							absolute;
        top:								-140px;
        left:								-20px;
    }
    
    .timeline-item-nav img {
        width:								20px !important;
    }
    
    .timeline-item-timeline .item-imagem {
        position:							relative;
        height:								100% auto;
        border-radius:						10px;
        overflow:							hidden;
    }
    
    .timeline-item-timeline .item-legenda {
        position:							absolute;
        width:								100%;
        height:								32px;
        line-height:						32px;
        bottom:								3px;
        font-size:							14px;
        font-weight:						700;
        text-align:							center;
        background-color:					rgba(255,0,120,.5);
    }
    
    .timeline-item-timeline .item {
        font-size:							18px;
        font-weight:						300;
        line-height:						21px;
        color:								#fff;
        margin-left:						16px;
        margin-right:						16px;
    }
    
    .timeline-item-timeline p {
        font-size:							16px;
    }
    
    
    /* CLIENTES ================================================================================================ */
    .clientes-flex {
        display: 							flex;
        flex-direction: 					row;
        flex-wrap: 							wrap;
        justify-content:					center;
        margin-top:							60px;
    }
    
    .clientes-item {
        order: 								1;
        flex-grow:							1;
        flex-shrink:						1;
        flex-basis:							100%;
    	margin-left:						2%;
    	margin-right:						2%;
        text-align:							center;
    }
    
    
    /* CONTATO ================================================================================================ */
    .form-flex {
        display: 							flex;
        flex-direction: 					row;
        flex-wrap: 							wrap;
        justify-content:					center;
    }
    
    .form-item {
        order: 								1;
        flex-grow:							1;
        flex-shrink:						1;
        flex-basis:							100%;
    }
    
    
    /* LOCALIZACAO ================================================================================================ */
    .mapa {
        position:							relative;
        margin-top:							100px;
        min-height:							596px;
        height:								596px;
        text-align:							center;
        text-transform:						uppercase;
        background-position:				center center;
        background-size:					cover;
    }
    
    .mapa .centraliza {
        position:							absolute;
        top:								50%;
        left:								50%;
        transform: 							translate(-50%, -50%);
        width:								100%;
        max-width:							1160px;
    }
    
    .mapa h4 {
        font-size:							20px;
        color:								#fff;
        transform
    }
    
    
    /* FOOTER ================================================================================================ */
    footer {
        height:								auto;
        background-color:					#fff;
    }
    
    .footer-flex {
        display: 							block;
        flex-direction: 					none;
        flex-wrap: 							none;
        justify-content:					none;
    }
    
    .footer-item {
        display:							block;
        order: 								none;
        flex-grow:							none;
        flex-shrink:						none;
        flex-basis:							100%;
        height:								64px;
        text-align:							center !important;
    }
    
    .footer-item-left {
        font-size:							14px;
        color:								#ff0066;
        line-height:						48px !important;
        height:								48px !important;
    }
    
    .footer-item-center {
        text-align:							center;
    }
    
    .footer-item-center img {
        margin-top:							0px;
    }
    
    .footer-item-right {
        text-align:							center;
        line-height:						56px !important;
        height:								56px !important;
    }
    
    .footer-item-right img {
        width:								32px;
        height:								32px !important;
        vertical-align:						middle;
    }
    
}