@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');

body { font-family: 'Poppins', sans-serif; color: #666666; background-color: #fff; overflow-x: hidden; }
a:link, a:hover, a:active, a:focus, a:visited { text-decoration: none !important; }
* { outline: none; box-sizing: border-box !important; }
a:focus { outline: none !important; }

p {
	font-size: 15px;
	color: #808285;
	line-height: 24px;
	font-weight: 400;
	margin-bottom: 30px;
	font-family: 'Roboto', sans-serif;
}

.remove-padding { padding: 0; }
.remove-right { padding-right: 0; }
.clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .row:after, .clearfix:after {clear: both; } .row, .clearfix {zoom: 1; } .clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clear5 {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 5px; } .clear10 {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 10px; } .clear15 {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 15px; } .clear20 {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 20px; } .clear25 {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 25px; } .clear30 {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 30px; } .clear35 {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 35px; } .clear40 {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 40px; } .clear45 {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 45px; } .clear50 {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 50px; } .clear60 {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 60px; } .lfloat {float: left } .rfloat {float: right }
.row { margin-bottom: 0; }
.box-shadow { box-shadow: 10px 20px 30px rgba(0,0,0,.15); border-radius: 0 0 60px 0; }
.container { max-width: 1380px; }

/* DEFAULT */

h1 {
	color: #004576;
	font-size: 50px;
	line-height: 50px;
	font-weight: 600;
	font-family: 'Poppins', sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 40px;
}
	h1 span { color: #1274ba; display: block; }

h2 {
	color: #004576;
	font-size: 36px;
	line-height: 36px;
	font-weight: 600;
	font-family: 'Poppins', sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 40px;
}
	h2 span { color: #1274ba; }

.button-blue {
	height: 60px;
	line-height: 60px;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	color: #fff;
	background: #1274ba;
	text-transform: uppercase;
	border-radius: 5px;
	display: inline-block;
	padding: 0 25px;
	letter-spacing: 1px;
	margin-right: 20px;
	transition: all .3s ease-in-out;
	border: 1px solid #1274ba;
}
	.button-blue:hover { background: #014371; color: #fff; }

.button-white {
	height: 60px;
	line-height: 60px;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	color: #1274ba;
	background: #fff;
	text-transform: uppercase;
	border-radius: 5px;
	display: inline-block;
	padding: 0 25px;
	letter-spacing: 1px;
	transition: all .3s ease-in-out;
	border: 1px solid #1274ba;
}
	.button-white:hover { background: #014371; color: #fff; }

/* HEADER */

header { background: #004677; padding: 22px 0; }

.logo { display: inline-block; margin-top: 20px; }

.infos-top { padding-left: 120px; }
.infos-top p { font-size: 12px; color: #fff; font-weight: 300; text-transform: uppercase; display: inline-block; margin-top: 10px; margin-bottom: 20px; }
.infos-top .address { padding-left: 30px; background: url(../../images/icon-address.png) left center no-repeat; margin-right: 120px; }
.infos-top .phone { padding-left: 30px; background: url(../../images/icon-phone.png) left center no-repeat; font-size: 14px; }

.link-social { 
	float: right;
	color: #c8d4dd;
	font-size: 16px;
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 3px;
	text-align: center;
	line-height: 50px;
	transition: all .3s ease-in-out;
	background: #093862;
}
	.link-social:hover { background: #073257; color: #c8d4dd; }

.list-menu {
	background: #093862;
	padding: 0;
	border-radius: 5px;
	text-align: right;
	margin: 0;
	display: inline-block;
	float: right;
}
	.list-menu > li:first-child { margin-left: 0; }
	.list-menu > li:first-child > a { border-radius: 5px 0 0 5px; }
	.list-menu > li { display: inline-block; margin-left: 75px; position: relative;  }
	.list-menu > li > img { margin-left: 5px; }
	.list-menu > li > a {
		color: #fff;
		font-size: 14px;
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
		text-transform: uppercase;
		display: inline-block;
		letter-spacing: 1px;
		height: 50px;
		line-height: 50px;
		padding: 0 20px;
		transition: all .3s ease-in-out;
	}
	.list-menu > li > a:hover { background: #0e5a93; color: #fff; }
	.list-menu > li:hover .list-drop { display: block; }
	.list-menu > li:hover > a { background: #0e5a93; color: #fff; }

	.list-drop {
		width: 280px;
		position: absolute;
		padding: 10px 20px !important;
		top: 100%;
		right: 0;
		background: #fff;
		z-index: 100;
		display: none;
	}
	.list-drop li { text-align: left; padding: 6px 0; border-bottom: 1px solid #cccccc; }
	.list-drop li:last-child { border: none; }
	.list-drop li a { font-family: 'Roboto', sans-serif; color: #808285; font-size: 15px; text-align: left; transition: all .2s ease-in-out; }
	.list-drop li a:hover { padding-left: 5px; }


/* BANNER */

.banner { height: 600px; background: url(../../images/banner-bg.jpg) center top no-repeat; }

.slider-banner .slick-slide .row { padding: 100px 100px; }
.slider-banner .slick-dots { bottom: 180px; }
.slider-banner .slick-prev { left: 0; width: auto; height: auto; margin-top: -85px; cursor: pointer; z-index: 30; }
.slider-banner .slick-next { right: 0; width: auto; height: auto; margin-top: -85px; cursor: pointer; z-index: 30; }

.slider-banner img { max-width: 100%; }

.banner h2 { font-size: 50px; line-height: 56px; color: #00477a; }
.banner h2 span { color: #8094b0; }
.banner p { color: #000; opacity: .7; }
.banner .button-blue { max-width: 300px; }

/* CONTENT */

.destaques { margin-top: -60px; }
.destaques .container { padding: 0 30px; }
.box-destaque { font-family: 'Roboto', sans-serif; background: #004678; padding: 50px 70px; font-size: 20px; color: #dce2e9; line-height: 26px; font-weight: 300; }
.box-destaque span { font-size: 40px; color: #fff; display: inline-block; }
.box-destaque span span { color: #0189dc; }
.destaque-light { background: #004d85; }
.box-destaque:first-child { border-radius: 5px 0 0 5px; }
.box-destaque:last-child { border-radius: 0 5px 5px 0; }

.servicos img { box-shadow: 0 2px 15px rgba(0,0,0,.15); max-width: 100%; transition: all .3s ease-in-out; }
.servicos img:hover { -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); }

.area-do-cliente { background: #004678; padding: 83px 60px; margin-top: 60px; }
.area-do-cliente h3 { font-family: 'Poppins', sans-serif; font-size: 18px; text-transform: uppercase; color: #dce1e8; margin-bottom: 15px; }
.area-do-cliente h3 img { position: relative; top: -2px; margin-right: 10px; }
.area-do-cliente input { color: #fff; height: 43px; line-height: 43px; border: 1px solid #6390b7; background: none; width: 100%; margin-bottom: 10px; padding: 0 15px; font-size: 14px; }
.area-do-cliente button { width: 100%; height: 45px; line-height: 45px; margin-top: 15px; cursor: pointer; }


.slider-clientes .slick-slide { text-align: center; }
.slider-clientes .slick-slide img { display: inline-block; }
.slider-clientes .slick-next { width: auto; height: auto; right: 0; z-index: 10; }
.slider-clientes .slick-prev { width: auto; height: auto; left: 0; z-index: 10; }

/* FOOTER */

footer { padding: 80px 0; background: #004678; }
footer p { color: #dce1e8; font-size: 15px; }
footer p.address-footer { font-size: 13px; line-height: 20px; }
footer p.address-footer span { color: #00aeff; opacity: .8; text-transform: uppercase; display: block; font-weight: 700; }

footer .col-md-3 { padding-left: 80px; }

.list-menu-footer { margin-top: 80px; }
.list-menu-footer li { width: 50%; display: inline-block; float: left; margin-bottom: 10px; }
.list-menu-footer li a {
	display: inline-block;
	color: #dce1e8;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
	padding-left: 20px;
	position: relative;
	background: url(../../images/icon-arrow.png) left center no-repeat;
	transition: all .3s ease-in-out;
	display: block;
}
.list-menu-footer li a:hover { padding-left: 30px; }

.copyright { padding: 30px 0; background: #004a82; }
.copyright p { margin: 0; font-size: 15px; color: #dce1e8; }
.copyright p a { text-decoration: underline !important; color: #dce1e8; }

/* INTERNAS */

.bg-white { padding: 60px 0; }

.box-atuacao { text-align: center; }
.atuacao-image { height: 70px; position: relative; width: 100%; margin-bottom: 20px; }
.atuacao-image img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
.box-atuacao p { font-size: 16px; text-transform: uppercase; text-transform: uppercase; line-height: 20px; color: #383838; }

.box-iso { position: relative; padding-left: 200px; padding-right: 30px; margin-top: 80px; }
.box-iso img { position: absolute; top: 0; left: 0; }
.img-empresa { margin-top: -170px; }

.page-title { padding: 60px 0; background: #004579; }
.page-title h1 {
	color: #fff;
	font-size: 46px;
	line-height: 56px;
	font-weight: 200;
	font-family: 'Poppins', sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 0;
	margin-top: 0;
}
.page-title h1 strong { font-weight: 500; }
.page-title h1 small { color: #00a2ff; letter-spacing: 6px; display: block; font-size: 22px; line-height: 26px; }

#gestao-humana .box-atuacao { margin-bottom: 60px; }
#gestao-humana .box-atuacao p { text-transform: none; color: #808285; font-size: 15px; margin-top: 10px; display: block; }

.box-info { padding: 60px; background: #014473; width: 100%; text-align: center; }
.box-info span { font-size: 24px; color: #fff; text-transform: uppercase; font-weight: 500; display: inline-block; margin: 0 20px; }
.box-info span i { color: #00a2ff; font-style: normal; }


.box-depoimento { padding: 60px; box-shadow: 0 3px 12px rgba(0,0,0,.2); border-radius: 10px; position: relative; padding-bottom: 80px; }
.box-depoimento p { font-style: italic; }
.box-depoimento span { text-decoration: underline; }
.depoimento-image { 
	position: absolute; 
	width: 110px;
	height: 110px;
	bottom: -50px; 
	left: 0;
	right: 0;
	margin: auto;
	overflow: hidden;
	border-radius: 100px;
}
.depoimento-image img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 100%; }


/* EQUIPAMENTOS */

.box-equipamento {
	width: 100%;
	box-shadow: 0 2px 15px rgba(0,0,0,.1);
	margin-bottom: 30px;
	height: 305px;
	border-radius: 5px;
	overflow: hidden;
}
	.equipamento-image {
		height: 170px;
		overflow: hidden;
		position: relative;
	}
	.equipamento-image img {
		width: 100%;
		height: auto;
		position: absolute;
		top: 0;
		right: -50%;
		bottom: 0;
		left: -50%;
		margin: auto;
	}
	.equipamento-name { 
		display: block; 
		padding: 20px 15px; 
		color: #383838;
		font-size: 14px;
		text-align: center;
		text-transform: uppercase;
	}
	.equipamento-name strong { font-weight: 600; }
	.equipamento-info {
		display: block; 
		padding: 20px 15px; 
		color: #383838;
		font-size: 14px;
		border-top: 1px solid #eaeaea;
		text-align: center;
	}


/* CONTATO */

.box-contact-blue { height: 270px; background: #004678; padding: 50px; border-radius: 5px; }
.box-contact-blue i { position: absolute; top: 5px; left: 0; color: #027bc9; }
.box-contact-blue p { padding-left: 35px; position: relative; color: #fff; margin-bottom: 10px; }
.box-contact-blue span { font-size: 18px; display: block; font-weight: 500; text-transform: uppercase; }

.box-contact-white { height: 270px; background: #fff; padding: 50px; border-radius: 5px; box-shadow: 0 2px 10px rgba(0,0,0,.1); }
.box-contact-white i { position: absolute; top: 5px; left: 0; color: #027bc9; }
.box-contact-white p { padding-left: 35px; position: relative; color: #808285; margin-bottom: 10px; }
.box-contact-white span { color: #004576; font-size: 18px; display: block; font-weight: 500; text-transform: uppercase; }

.contact-form {}
.contact-form input {
	border: 1px solid #cccccc;
	border-radius: 3px;
	width: 100%;
	height: 60px;
	line-height: 60px;
	padding: 0 20px;
	font-size: 15px;
	color: #808285;
	margin-bottom: 30px;
}

.fake-input {
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    background: #fff;
    border: 1px solid #d6d6d6;
    margin-bottom: 30px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: left;
    cursor: pointer;
}

.fake-input span {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 40px;
    cursor: pointer;
    text-align: center;
    height: 58px;
    line-height: 58px;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(240,240,242,0.65) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(240,240,242,0.65) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(240,240,242,0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6f0f0f2',GradientType=0 );
    border-left: 1px solid #d6d6d6;
}

.contact-form textarea {
	border: 1px solid #cccccc;
	border-radius: 3px;
	width: 100%;
	height: 120px;
	padding: 20px;
	font-size: 15px;
	color: #808285;
	margin-bottom: 30px;
}

.contact-form button { cursor: pointer; min-width: 250px; }



/* PRODUTOS */

.box-categoria {
	height: 95px;
	padding: 25px 40px 25px 100px;
	position: relative;
	box-shadow: 0 2px 15px rgba(0,0,0,.2);
	border-radius: 5px;
	transition: all .3s ease-in-out;
	border: 1px solid #fff;
}
.box-categoria span { color: #000; }
.box-categoria:hover { border: 1px solid #d1d1d1; }
.box-categoria.active { box-shadow: none; border: 1px solid #1274ba; }
.box-categoria strong { display: block; }
.box-categoria img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 40px;
	margin: auto;
}


.slider-nav {}
.slider-nav .box-nav {
	height: 150px;
	position: relative;
	box-shadow: 0 2px 15px rgba(0,0,0,.2);
	border-radius: 5px;
	transition: all .3s ease-in-out;
	border: 1px solid #fff;
	width: 100%;
}
.slider-nav .box-nav:hover { border: 1px solid #d1d1d1; }
.slick-current .box-nav {
	box-shadow: none; border: 1px solid #1274ba;
}

.slider-nav .slick-track { padding: 30px 0; }
.slider-nav .slick-slide { padding: 0 15px; cursor: pointer; }
.slider-nav .box-nav img {
	max-width: 70%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}


.slider-nav .slick-next { width: auto; height: auto; right: -10px; z-index: 10; }
.slider-nav .slick-prev { width: auto; height: auto; left: -10px; z-index: 10; }




.sidenav > li { border-bottom: 2px solid #dbdbdb; }
.sidenav li > a {
    color: rgba(0,0,0,0.87);
    display: block;
    font-size: 14px;
    font-weight: 500;
    height: 48px;
    line-height: 48px;
    padding: 0 32px;
    font-family: 'Roboto', sans-serif;
    color: #1c1d1d;
    text-transform: uppercase;
    font-weight: 700;
}
.sidenav .collapsible-header, .sidenav.fixed .collapsible-header { padding: 0 32px; }

.collapsible-body li a { 
	text-transform: none; 
	font-weight: 400; 
	padding-left: 45px !important; 
	border-top: 2px solid #dbdbdb; 
}
.collapsible-body li a span { float: right; }



@media (max-width: 576px) { 
	.master-wrap { overflow: hidden; }

}


@media (max-width: 768px) { 
	.master-wrap { overflow: hidden; }

	h1 { font-size: 40px; }
	h2 { font-size: 30px; }

	.button-blue { margin-bottom: 15px; }
	
	.logo { margin: 0; }
	.logo img { max-width: 100%; }
	
	/*.banner {
	    height: 445px;
	    background: url(../../images/banner-1.jpg) -205px top no-repeat;
	    background-size: cover;
	}*/	

	.banner h2 { font-size: 32px; line-height: 40px; }
	.banner img { max-width: 100%; }
	.banner .button-blue { margin-bottom: 30px !important; }

	.destaques { margin-top: -30px; }

	.box-destaque { border-radius: 0 !important; }

	.servicos img { margin-bottom: 30px; }

	footer { padding: 30px 0 0; }
	footer p.address-footer { width: 50%; float: left; padding-right: 10px; }
	.list-menu-footer { clear: both; overflow: hidden; margin: 30px 0; }

	.copyright p { text-align: center; }
	.copyright .text-right p { margin-top: 30px; }

	/* INTERNAS */

	.page-title { padding: 30px 0; }
	.page-title h1 { font-size: 32px; line-height: 38px; }

	.bg-white { padding: 30px 0; }

	.img-empresa { margin-top: 0; }
	.box-iso {
	    position: relative;
	    padding-left: 130px;
	    padding-right: 15px;
	    margin-top: 45px;
	}
	.box-iso img { width: 110px; }

	#empresa img { max-width: 100%; }
	#sustentabilidade .col-md-6 { padding: 0 25px !important; }
	#sustentabilidade .bg-white img { margin-left: 0 !important; width: 100%; }

	.box-info { padding: 30px; }
	.box-info .button-blue { width: 100%; padding: 0 10px; margin-top: 30px; }

	.box-categoria { margin-bottom: 15px; }

	.slider-for .slick-slide img { max-width: 100%; }
	.slider-nav .box-nav { height: 80px; }

	.banner { 
		height: auto; 
		background: url(../../images/banner-bg.jpg) center top no-repeat;
		background-size: cover;
	}
	.slider-banner .slick-slide .row { padding: 30px; }
	.slider-banner .button-blue { width: 100%; text-align: center; padding: 0 10px; margin-bottom: 30px; }
	.slider-banner .slick-prev, .slider-banner .slick-next { width: 20px; }
	.slider-banner .slick-prev { left: -15px; }
	.slider-banner .slick-next { right: -15px; }

	.area-do-cliente { padding: 30px; }

	.servicos { text-align: center; }
}


@media (min-width: 992px) { 

}


@media (min-width: 1200px) { 

}

/* MENU MOBILE */

.sidenav-trigger { position: relative; display: inline-block; z-index: 400; margin-top: 5px; color: #fff; }
.material-icons { font-size: 33px; }
.sidenav li>a>i, .sidenav li>a>[class^="mdi-"], .sidenav li>a li>a>[class*="mdi-"], .sidenav li>a>i.material-icons {
    margin: 0 2px 0 10px;
}

/* LOADER */

#startup { background: #d0545e; }
.spinner-container .path { stroke: #ffffff; }