@charset "UTF-8";

@font-face {
   font-family: 'PillGothic300mgLtRegular';
   src: url('../fonts/pillgothic300mg-light-webfont.eot');
   src: url('../fonts/pillgothic300mg-light-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/pillgothic300mg-light-webfont.woff') format('woff'),
        url('../fonts/pillgothic300mg-light-webfont.ttf') format('truetype'),
        url('../fonts/pillgothic300mg-light-webfont.svg#PillGothic300mgLtRegular') format('svg');
   font-weight: normal;
   font-style: normal;

}

@font-face {
   font-family: 'PillGothic300mgRgBold';
   src: url('../fonts/pillgothic300mg-bold-webfont.eot');
   src: url('../fonts/pillgothic300mg-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/pillgothic300mg-bold-webfont.woff') format('woff'),
        url('../fonts/pillgothic300mg-bold-webfont.ttf') format('truetype'),
        url('../fonts/pillgothic300mg-bold-webfont.svg#PillGothic300mgRgBold') format('svg');
   font-weight: normal;
   font-style: normal;

}

@font-face {
   font-family: 'PillGothic300mgRgRegular';
   src: url('../fonts/pillgothic300mg-regular-webfont.eot');
   src: url('../fonts/pillgothic300mg-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/pillgothic300mg-regular-webfont.woff') format('woff'),
        url('../fonts/pillgothic300mg-regular-webfont.ttf') format('truetype'),
        url('../fonts/pillgothic300mg-regular-webfont.svg#PillGothic300mgRgRegular') format('svg');
   font-weight: normal;
   font-style: normal;

}

* {
	outline: none;
	padding: 0;
	margin: 0;
	border: none;
	list-style: none;
}

a, a:hover, a:focus { text-decoration: none; }
div { display: block; }
html,
body {
	width: 100%;
   height: 100%;
   font-family: 'PillGothic300mgRgRegular', sans-serif;
   line-height: normal;
	background-color: #fff;
}





/* ==============================
/* EFEITOS
============================== */
@-webkit-keyframes fade { from {opacity: 0;} to {opacity: 100;} }
@keyframes fade { from {opacity: 0;} to {opacity: 100;} }





/* ==============================
/* CLASSES GENÉRICAS
============================== */
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.clearfix:before,
.clearfix:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
.clearfix:after {
	clear: both;
}
.clear { clear: both; }

.wrap { width: 960px; margin: 0 auto; }

.display-none { display: none; }

.hidden {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}


/* LARGURAS
============================== */
.w-20 { width: 20%; }
.w-25 { width: 25%; }
.w-30 { width: 30%; }

/* ESPAÇAMENTOS
============================== */
.m-top-30 { margin-top: 30px; }
.p-120 { padding: 120px 0; }
.p-90 { padding: 90px 0; }
.p-60 { padding: 60px 0; }
.p-30 { padding: 30px 0; }


/* ALINHAMENTO DE TEXTOS
============================== */
.txt-left { text-align: left; }
.txt-right { text-align: right; }
.txt-center { text-align: center; }


/* ALINHAMENTO DE OBJETOS
============================== */
.v-align-center {
	display: flex;
	align-items: center;
}


/* PAGINAS INTERNAS
============================== */
.internal {
	width: 100%;
	min-height: 700px;
	background: #FFF;
}






/* ==============================
/* BREADCRUMB
============================== */
.breadcrumb {
   font-style: oblique;
   font-size: 18px;
   color: #4f7691;
   background: transparent;
   margin-bottom: 40px;
   padding: 15px 0;
   border-bottom: 1px solid #ccc;
   border-radius: 0;
}
.breadcrumb > li { display: inline-block; }
.breadcrumb > li > a {
   font-weight: 700;
   color: #183e4e;
}
.breadcrumb > li > a:hover { color: #3c697b; }

.breadcrumb > li + li:before {
   content: "»\00a0" !important;
   color: #909090;
   padding: 0 4px 0 10px;
}






/* ==============================
/* BOTOES
============================== */
.button {
	cursor: pointer;
	display: table;
	font-weight: 900;
   font-size: 22px;
   font-style: oblique;
   font-family: 'PillGothic300mgRgBold', sans-serif;
	text-transform: uppercase;
	color: #fff;
	background: #00966d;
	padding: 16px 38px;
}
.button.one {
   background: rgba(81,120,148,1);
   background: -moz-linear-gradient(left, rgba(81,120,148,1) 0%, rgba(53,80,98,1) 100%);
   background: -webkit-gradient(left top, right top, color-stop(0%, rgba(81,120,148,1)), color-stop(100%, rgba(53,80,98,1)));
   background: -webkit-linear-gradient(left, rgba(81,120,148,1) 0%, rgba(53,80,98,1) 100%);
   background: -o-linear-gradient(left, rgba(81,120,148,1) 0%, rgba(53,80,98,1) 100%);
   background: -ms-linear-gradient(left, rgba(81,120,148,1) 0%, rgba(53,80,98,1) 100%);
   background: linear-gradient(to right, rgba(81,120,148,1) 0%, rgba(53,80,98,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#517894', endColorstr='#355062', GradientType=1 );
}
/* botao - um */
.button.one:hover {
   color: #fff;
   background: rgba(53,80,98,1);
   background: -moz-linear-gradient(left, rgba(53,80,98,1) 0%, rgba(81,120,148,1) 100%);
   background: -webkit-gradient(left top, right top, color-stop(0%, rgba(53,80,98,1)), color-stop(100%, rgba(81,120,148,1)));
   background: -webkit-linear-gradient(left, rgba(53,80,98,1) 0%, rgba(81,120,148,1) 100%);
   background: -o-linear-gradient(left, rgba(53,80,98,1) 0%, rgba(81,120,148,1) 100%);
   background: -ms-linear-gradient(left, rgba(53,80,98,1) 0%, rgba(81,120,148,1) 100%);
   background: linear-gradient(to right, rgba(53,80,98,1) 0%, rgba(81,120,148,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#355062', endColorstr='#517894', GradientType=1 );
}
/* botao - largo */
.button.large {
   float: none;
   width: 100%;
   text-align: center;
}





/* ==============================
/* ALERTAS
============================== */
.alert {
	font-weight: 400;
	font-size: 18px;
	color: #fff;
   background: #ccc;
   margin-bottom: 30px;
	border: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.alert.success { background: #009a77; }
.alert.error { background: #ff4040; }

.alert i { margin-right: 6px; }





/* ==================================
/* PADRÃO DE TEXTOS
================================== */
h1 {
	font-weight: 900;
	font-size: 30px;
	color: #183e4e;
	margin-bottom: 2px;
}
h1 > span { font-weight: 400; }

h2 {
	font-weight: 900;
	font-size: 22px;
	color: #183e4e;	
}

h3 {
	font-weight: 900;
	font-size: 16px;
	color: #183e4e;	
}

p, label {
	font-weight: 400;
	font-size: 18px;
	color: #797979;
	margin-bottom: 20px;
}

em {
	font-weight: 400;
	font-size: 14px;
}

a, a:hover, a:focus { text-decoration: none; }

a,
a i,
a span,
input:hover {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}





/* ==================================
/* HEADER
================================== */
header {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	background: #183e4e;
	padding: 14px 0;
}
header .navbar { width: 100%; } 

/* LOGO
================================== */
header .navbar-brand {
	position: relative;
	top: 0;
	height: auto;
	padding-top: 0;
}
header .navbar-brand img { max-width: 160px; }

/* logo mobile */
header .logo-mobile {
	display: none;
	width: 100%; 
	text-align: center;
	margin-top: 20px;
}
header .logo-mobile img { max-width: 160px; }



/* MENU
================================== */
header .main-nav {
	width: 100%;
	padding: 0;
}
header .main-nav .nav {
   float: right;
   display: flex;
   background: transparent;
   align-items: center;
}
header .main-nav .nav > li {
	position: relative;
	float: left;
	margin: 0 18px;
}
header .main-nav .nav > li:last-child { margin-right: 0; }

header .main-nav .nav li a {
	display: inline-block;
	font-size: 17px;
   font-style: oblique;
	font-family: 'PillGothic300mgRgBold', sans-serif;
	text-transform: uppercase;
	color: #fff;
	background: transparent;
   cursor: pointer;
   padding: 15px 0;
}
header .main-nav .nav > li > a:hover,
header .main-nav .nav > li.current-menu-item > a,
header .main-nav .nav > li.current-menu-parent > a,
header .main-nav .nav > li.current_page_parent > a {
	color: #ccc;
}

header .main-nav .nav li.special a {
   padding: 12px 26px;

   background: rgba(81,120,148,1);
   background: -moz-linear-gradient(left, rgba(81,120,148,1) 0%, rgba(53,80,98,1) 100%);
   background: -webkit-gradient(left top, right top, color-stop(0%, rgba(81,120,148,1)), color-stop(100%, rgba(53,80,98,1)));
   background: -webkit-linear-gradient(left, rgba(81,120,148,1) 0%, rgba(53,80,98,1) 100%);
   background: -o-linear-gradient(left, rgba(81,120,148,1) 0%, rgba(53,80,98,1) 100%);
   background: -ms-linear-gradient(left, rgba(81,120,148,1) 0%, rgba(53,80,98,1) 100%);
   background: linear-gradient(to right, rgba(81,120,148,1) 0%, rgba(53,80,98,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#517894', endColorstr='#355062', GradientType=1 );
}
header .main-nav .nav li.special a:hover,
header .main-nav .nav li.special.current-menu-item > a,
header .main-nav .nav li.special.current-menu-parent a,
header .main-nav .nav li.special.current_page_parent a {
   color: #fff;
   background: rgba(53,80,98,1);
   background: -moz-linear-gradient(left, rgba(53,80,98,1) 0%, rgba(81,120,148,1) 100%);
   background: -webkit-gradient(left top, right top, color-stop(0%, rgba(53,80,98,1)), color-stop(100%, rgba(81,120,148,1)));
   background: -webkit-linear-gradient(left, rgba(53,80,98,1) 0%, rgba(81,120,148,1) 100%);
   background: -o-linear-gradient(left, rgba(53,80,98,1) 0%, rgba(81,120,148,1) 100%);
   background: -ms-linear-gradient(left, rgba(53,80,98,1) 0%, rgba(81,120,148,1) 100%);
   background: linear-gradient(to right, rgba(53,80,98,1) 0%, rgba(81,120,148,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#355062', endColorstr='#517894', GradientType=1 );
}

/* SUBMENU */
header .main-nav .nav > li > ul {
   z-index: 100;
	visibility: hidden;
	position: absolute;
	top: 48px;
	left: -4px;
	opacity: 0;
	filter: alpha(opacity=0);

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

header .main-nav .nav > li:hover > ul {
	visibility: visible;
	opacity: 1;
	filter: alpha(opacity=100);
}

header .main-nav .nav > li > .sub-menu {
   min-width: 210px;
   margin-left: 5px;
   padding: 0px;
}
header .main-nav .nav > li > .sub-menu > li > a {
   cursor: pointer;
   display: block;
   font-weight: 400;
   font-size: 15px;
   font-family: 'PillGothic300mgRgRegular', sans-serif;
   color: #fff;
   background: #375f70;
   padding: 10px 16px;
}
header .main-nav .nav > li > .sub-menu > li:hover > a {
	color: #fff;
	background: #4f7590;
}


/* TOGGLE
================================== */
header .navbar .navbar-toggler {
   margin: 0;
   border: 0;
}
header .navbar .navbar-toggler .icon img { width: 30px; }





/* ==================================
/* CONTEÚDO
================================== */
/* PAGINA - HOME
================================== */

/* SECTION - BANNER */
#page-home .banner {
	position: relative;
    height: auto;
    background: transparent;
}
/* banner - item */
#page-home .banner .item {
	display: flex;
	position: relative;
	height: 520px;
   background-position: center center;
   background-repeat: no-repeat;
}
/* item - wrap content */
#page-home .banner .item .wrap-content {
	position: relative;
	justify-content: flex-start;
	height: 100%;
}
/* item - content */
#page-home .banner .item .content h1 {
   font-weight: 400;
   font-size: 40px;
   font-family: 'PillGothic300mgRgRegular', sans-serif;
   font-style: oblique;
   text-transform: uppercase;
	color: #183e4e;
	margin-bottom: 2px;
}
#page-home .banner .item .content h1 span {
   font-weight: 900;
   font-family: 'PillGothic300mgRgBold', sans-serif;
}
#page-home .banner .item .content h1:last-of-type { margin-bottom: 20px; }

/* SECTION - CLIENTS */
#page-home .clients { display: block; }
#page-home .clients ul {
   width: 100%;
   margin: 0 auto;
   padding: 0 20px;
}
#page-home .clients ul li img {
   width: auto;
   max-height: 70px;
   margin: 0 auto;
   -webkit-filter: saturate(0%); /* Safari 6.0 - 9.0 */
   filter: saturate(0%);
}

/* slick arrow */
#page-home .clients ul a.slick-arrow {
   position: absolute;
   top: 50%;
   width: 38px;
   height: 48px;
   line-height: 48px;
   margin-top: -24px;
   font-size: 20px;
   text-align: center;
   z-index: 1;
   cursor: pointer;
}
#page-home .clients ul a.slick-arrow.slick-prev { left: -10px; }
#page-home .clients ul a.slick-arrow.slick-next { right: -10px; }
#page-home .clients ul a.slick-arrow i:before { color: #183e4e; }

/* SECTION - SERVICES */
#page-home .services .list {
   display: flex;
   flex-wrap: wrap;
   width: 100%;
   padding: 2px;
}
#page-home .services .list .item {
   cursor: pointer;
   display: block;
   position: relative;
   width: 25%;
   color: #fff;
   text-align: center;
   padding: 2px;
}
#page-home .services .list .item .overlay {
   z-index: 10;
   display: flex;
   position: absolute;
   top: 2px;
   left: 2px;
   width: calc(100% - 4px);
   height: calc(100% - 4px);
   background: rgba(0,0,0,0.3);
   justify-content: center;
   align-items: center;
   padding: 20px 30px;

   -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
#page-home .services .list .item:hover .overlay {
   background: rgba(24,62,78,0.9);
   -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}

#page-home .services .list .item .overlay.name {
   font-size: 40px;
   font-family: 'PillGothic300mgRgBold', sans-serif;
}
#page-home .services .list .item .overlay.content {
   overflow: hidden;
   font-size: 18px;
   padding: 20px;
}

/* visible */
#page-home .services .list .item .overlay.name,
#page-home .services .list .item:hover .overlay.content {
   opacity: 1;
   visibility: visible;
}

/* hidden */
#page-home .services .list .item:hover .overlay.name,
#page-home .services .list .item .overlay.content {
   opacity: 0;
   visibility: hidden;
}


/* SECTION - ATUACAO */
#page-home .operation { background: #fff; }
#page-home .operation .title {
   width: 100%;
   font-size: 40px;
   line-height: normal;
   font-family: 'PillGothic300mgRgBold', sans-serif;
   letter-spacing: -2px;
   color: #183e4e;
}


/* SECTION - FRASE */
#page-home .phrase { background: #e4e4e4; }
#page-home .phrase .title {
   width: 100%;
   font-size: 100px;
   line-height: 102px;
   font-family: 'PillGothic300mgRgBold', sans-serif;
   letter-spacing: -2px;
   color: #183e4e;
   padding: 80px;
}


/* SECTION - DIFFERENTIALS */
#page-home .diff { background: #e4e4e4; }
#page-home .diff .title {
   font-weight: 500;
   font-size: 50px;
   font-family: 'PillGothic300mgRgRegular', sans-serif;
   font-style: oblique;
   color: #241e20;
   margin-bottom: 40px;
}

#page-home .diff .list-box {
   overflow: hidden;
   width: 100%;
   background: #fff;
   margin-bottom: 80px;

   -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
   -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
   box-shadow: 0px 10px 20px rgba(0,0,0,0.2);

   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}

/* menu */
#page-home .diff .list-box .options {
   display: flex;
   flex-direction: row;
   border-bottom: 1px solid #ccc;
}
#page-home .diff .list-box .options a {
   flex: 1;
   height: 110px;
   background-color: #fff;
   background-repeat: no-repeat;
   background-position: center 0;
   background-size: 56px;
   border-right: 1px solid #ccc;
}
#page-home .diff .list-box .options a:last-of-type { border-right: 0; }

#page-home .diff .list-box .options a:hover,
#page-home .diff .list-box .options a.current {
   background-color: #085f71;
   background-position: center -110px;
}

/* content */
#page-home .diff .list-box .content { padding: 40px 50px; }
#page-home .diff .list-box .content .items {
   display: none;
   visibility: hidden;
}
#page-home .diff .list-box .content .items.show {
   display: block;
   visibility: visible;
   animation: fade 0.6s ease-in;
}
#page-home .diff .list-box .content .items p {
   font-weight: 500;
   font-size: 30px;
   font-family: 'PillGothic300mgRgRegular', sans-serif;
   color: #241e20;
   margin-bottom: 10px;
}
#page-home .diff .list-box .content .items li {
   font-size: 22px;
   font-family: 'PillGothic300mgLtRegular', sans-serif;
   margin-bottom: 4px;
}





/* ==================================
/* PAGINA PADRAO
================================== */
/* TITULO */
#page-default .page-title {
   position: relative;
   display: table;
   height: 94px;
   background-image: url("../img/page_title_bg_middle.png");
   background-repeat: repeat;
   margin: 0 76px 30px;
   padding: 20px 30px;
}
#page-default .page-title:before,
#page-default .page-title:after {
   content: "";
   display: inline-block;
   position: absolute;
   top: 0;
   height: 94px;
   background-image: url("../img/page_title_bg.png");
}
#page-default .page-title:before {
   left: -76px;
   width: 80px;
}
#page-default .page-title:after {
   right: -50px;
   width: 50px;
   background-position: center right;
}
#page-default .page-title h1 {
   display: table-cell;
   vertical-align: middle;
   font-style: oblique;
   font-size: 36px;
   color:#183e4e;
   margin: 0;
}
/* CONTEUDO */
#page-default .page-content { color: #787878; }
#page-default .page-content img {
   max-width: 100%;
   height: auto;
}
#page-default .page-content ul li {
   font-weight: 400;
   font-size: 18px;
   color: #797979;
   background: url('../img/bullet.png') no-repeat 0px 6px;
   background-size: 14px;
   margin-bottom: 14px;
   padding-left: 22px; 
}

/* FORMULARIO */
#page-default .page-form {
   background: #ececec;
   padding: 30px;
}


#page-default .service-img {
   width: 100%;
   height: 240px;
   background: url('../img/home_banner_img_01.jpg') no-repeat center -220px;
   margin-bottom: 30px;
}




/* ==================================
/* PAGINA - 404
================================== */
#page-default .page-not-found .icon {
	width: 180px;
	margin-bottom: 30px;
}





/* ==================================
/* FOOTER
================================== */
footer {
   font-size: 18px;
   color: #fff;
   background: #183e4e;
   padding: 60px 0;
}

footer a { color: #fff; }
footer a:hover { color: #ccc; }

footer .box-wrap { display: flex; }
footer .box-wrap .box {
   display: flex;
   min-width: 20%;
   padding-right: 60px;
}

/* logo */
footer .box-wrap .box .logo { width: 160px; }

/* icon */
footer .box-wrap .box .icon {
   width: 42px;
   margin-right: 20px;
} 

/* content */
footer .box-wrap .box .content div { margin-bottom: 6px; }

/* social */
footer .box-wrap .box .social {
   display: flex;
   align-items: center;
}
footer .box-wrap .box .social a {
   display: inline-block;
   width: 62px;
   height: 38px;
   background-image: url('../img/footer_social_bg.png');
   background-position: 0 0;
   background-size: 62px 38px;
} 
footer .box-wrap .box .social a:hover {
   background-image: url('../img/footer_social_bg_hover.png');
}





/* ==================================
/* FORMULÁRIOS
================================== */
form { overflow: hidden; }
form hr { margin: 60px 0 20px; }
form p { margin: 20px 0 0; }
form label {
	font-weight: 700;
	font-size: 16px;
	color: #183e4e;
	margin-bottom: 4px;
}
form input,
form textarea {
	margin-bottom: 0;
}

form input[type="text"],
form input[type="email"],
form input[type="number"],
form textarea,
form select {
	font-size: 16px;
	background: #fff;
	color: #254030;
   padding: 10px;
   height: 44px;
	-webkit-box-shadow: inset 0px 0px 10px rgba(0,0,0,.1);
	-moz-box-shadow: inset 0px 0px 10px rgba(0,0,0,.1);
	box-shadow: inset 0px 0px 10px rgba(0,0,0,.1);
}

form select { height: 44px !important; }

form textarea {
	max-width: 100%;
	height: 100px;
	max-height: 100px;
	resize: none;
}

form .form-group { margin-bottom: 2em; }

/* mensagem de erro */
form label.error {
	display: block;
	width: auto;
	font-weight: 400;
	font-size: 16px;
	font-family: 'Lato', sans-serif;
	color: #FF0000;
	margin-top: 4px;
}

/* mensagens do formulário */
form .labels {
	overflow: hidden;
	margin-bottom: 10px;
}
form .labels p {
	float: left;
	padding: 15px;
	-webkit-border-radius: 3px;
       -moz-border-radius: 3px;
			border-radius: 3px;
}
form .labels p i { margin-right: 6px; }