/* Fontes */

@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700&display=swap');

/* Geral */

*{
	outline: none !important;
}

a{
	cursor: pointer;
}

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

section{
	padding: 100px 0;
	position: relative;
}

section a{
	color: #84c225;
	font-weight: 700;
	transition: all 350ms ease-in-out;
	border-bottom: 2px solid #84c225;
}

section a:hover,
section a:focus{
	color: #09458d;
	border-bottom-color: #09458d;
}

body{
	font: 16px 'Raleway', sans-serif;
	line-height: 1.8em;
	color: #444;
	font-weight: 400;
	position: relative;
}

ul,ol{
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.disc{
	list-style-type: disc;
	padding-left: 20px;
}

b{
	font-weight: 700;
}

.hidden{
	display: none;
}

.cta{
	font-size: 18px;
	text-transform: uppercase;
	background: transparent;
	cursor: pointer;
	border: 0;
	padding: 15px 30px;
	transition: all 350ms ease-in-out;
	display: inline-block;
	letter-spacing: 3px;
	font-weight: 600;
	color: #fff;
	box-shadow: 0 0px 5px 0 rgba(0,0,0,0.02);
	border-radius: 20px;
}

.cta:hover,
.cta:focus{
	-moz-transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	transform: translateY(-10px);
	color: #fff;
	box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
}

.cta.border-green{
	border:2px solid #84c225;
	color: #84c225;
}

.cta.border-green:hover,
.cta.border-green:focus{
	background: #84c225;
	color: #fff;
}

.cta.border-blue{
	border:2px solid #09458d;
	color: #09458d;
}

.cta.border-blue:hover,
.cta.border-blue:focus{
	background: #09458d;
	color: #fff;
}

.cta.border-white{
	border:2px solid #fff;
	color: #fff;
}

.cta.border-white:hover,
.cta.border-white:focus{
	background: #fff;
	color: #09458d;
}

.section-title{
	font-size: 14px;
	letter-spacing: 4px;
	font-weight: 700;
	text-transform: uppercase;
	color: #888;
	text-align: center;
	position: relative;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}

.intro-text{
	font-size: 24px;
	line-height: 40px;
	font-weight: 300;
	width: 80%;
	margin: 50px 10%;
}

.bg-blue{
	background: #09458d;
}

.bg-light-blue{
	background: #f0f6fb;
}

.bg-green{
	background: #84c225;∆
}

.bg-light-green{
	background: #e8f1e5;
}

.bg-light-grey{
	background: #f6f6f6;
}

.bg-light-grey10{
	background: #f2f2f2;
}

.bg-light-grey20{
	background: #f8f8f9;
}

.bg-light-grey .section-title span{
	background: #f6f6f6;
}

.color-blue,
.color-blue:hover,
.color-blue:focus{
	color: #09458d;
}

.color-lblue,
.color-lblue:hover,
.color-lblue:focus{
	color: #095e9d;
}

.color-dblue,
.color-dblue:hover,
.color-dblue:focus{
	color: #052a46;
}

.color-cloud-blue,
.color-cloud-blue:hover,
.color-cloud-blue:focus{
	color: #052a46;
}

.color-green,
.color-green:hover,
.color-green:focus{
	color: #84c225;
}

.color-white,
.color-white:hover,
.color-white:focus{
	color: #fff;
}

.color-grey,
.color-grey:hover,
.color-grey:focus{
	color: #222;
}

.color-vlgrey,
.color-vlgrey:hover,
.color-vlgrey:focus{
	color: #b7b7b7;
}

.color-lgrey,
.color-lgrey:hover,
.color-lgrey:focus{
	color: #6f6f6f;
}

.color-red,
.color-red:hover,
.color-red:focus{
	color: #d24a4a;
}

.font-size-12{
	font-size: 12px;
}

.font-size-14{
	font-size: 14px;
}

.font-size-16{
	font-size: 16px;
}

.font-size-18{
	font-size: 18px;
}

.font-size-20{
	font-size: 20px;
}

.font-size-22{
	font-size: 22px;
}

.font-size-24{
	font-size: 24px;
}

.font-size-28{
	font-size: 28px;
}

.font-size-30{
	font-size: 30px;
}

.font-size-32{
	font-size: 32px;
}

.font-size-34{
	font-size: 34px;
}

.font-size-36{
	font-size: 36px;
}

.font-size-40{
	font-size: 40px;
}

.font-size-46{
	font-size: 46px;
}

.font-size-50{
	font-size: 50px;
}


.font-size-60{
	font-size: 60px;
}


.letter-spacing-2{
	letter-spacing: 2px;
}

.letter-spacing-4{
	letter-spacing: 4px;
}

.letter-spacing-8{
	letter-spacing: 8px;
}

.text-uppercase{
	text-transform: uppercase;
}

.font-weight-300{
	font-weight: 300;
}

.font-weight-400{
	font-weight: 400;
}

.font-weight-600{
	font-weight: 700;
}

.font-weight-700{
	font-weight: 700;
}

.form-control{
	transition: all 350ms ease-in-out;
	font-size: 14px;
	height: 50px;
	margin-bottom: 30px;
	border-radius: 0;
}

.form-control:hover,
.form-control:focus{
	box-shadow: none;
	border-color: #84c225;
}

.form-check-input {
	margin-top: .5rem;
}

.modal input.cta {
	text-align: center;
	padding: 20px 0;
	width: auto;
}

.owl-carousel .owl-item img {
	display: inline-block;
	width: auto;
}

.owl-nav {
	position: absolute;
	width: calc(100% + 100px);
	top: calc(50% - 13px);
	left: -50px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.owl-nav .owl-prev,
.owl-nav .owl-next,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev{
	width: 41px;
	height: 26px;
	background: url(../img/prev.png) no-repeat;
	text-indent: -9999px;
	opacity: 0.6;
	-webkit-transition: .3s ease-in-out;
	transition: all 350ms ease-in-out;
}

.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-prev:focus,
.owl-carousel .owl-nav button.owl-next:hover,
.owl-carousel .owl-nav button.owl-next:focus{
	opacity: 1;
}

.owl-carousel .owl-nav button.owl-prev{
	background: url(../img/prev.png) no-repeat;
}

.owl-carousel .owl-nav button.owl-next{
	background: url(../img/next.png) no-repeat;
}

.owl-dots {
	position: absolute;
	text-align: center;
	width: 100%;
	bottom: -50px;
	left: 0;
}

.owl-dots .owl-dot span{
	background: #fff;
	border: 1px solid #888;
	width: 10px;
	height: 10px;
	display: inline-block;
	border-radius: 100%;
	margin-bottom: 10px;
	margin: 0 5px;
}

.owl-dots .owl-dot.active span{
	background: #09458d;
	border-color: #09458d;

}

#top-button{
	position: fixed;
	width: 50px;
	height: 50px;
	color: #9bc81d;
	background: #09458d;
	right: 30px;
	bottom: 20px;
	z-index: 9;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	opacity: 0;
	transition: all 350ms ease-in-out;
	border: 1px solid #fff;
}

/*Cabeçalho*/

header{
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	transition: all 350ms ease-in-out;
	background: rgba(255,255,255,0);
}

header.fixed{
	background: rgba(255,255,255,0.95);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
}


header .topbar {
	background: #09458d;
	padding: 10px 0;
	opacity: 1;
	transition: all 350ms ease-in-out;
	color: #fff;
	font-size: 12px;
	border-bottom: 1px solid #ccc;
	font-weight: 500;
}

header.fixed .topbar{
	opacity: 0;
	padding: 0;
	height: 1px;
}

header .topbar i,
header .topbar b{
	color: #9bc91c;
}

header .topbar .social-midia a i{
	color: #fff;
	transition: all 350ms ease-in-out;
	margin: 0 5px;
	font-size: 16px;
}

header .topbar .social-midia a:hover i,
header .topbar .social-midia a:focus i{
	color: #9bc91c;
}

header .topbar .phones{
	text-align: right;
	color: rgba(255,255,255,0.3);
}

header .topbar .phones div{
	display: inline;
}

header .topbar .phones span{
	color: #fff;
}

header .topbar .phones a{
	color: #fff;
	transition: all 350ms ease-in-out;
}

header .topbar .phones a:hover,
header .topbar .phones a:focus{
	color: #9bc91c;
}

header .topbar .phones a i{
	margin-right: 5px;
	font-size: 14px;
}

header .top{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 0px;
	position: relative;
}

header .logo{
	display: flex;
	align-items: center;
	justify-content:center;
	padding: 20px 0;
	transition: all 350ms ease-in-out;
	position: relative;
	z-index: 9;
}

header .logo{
	width: 250px;
	height: 85px;
	transition: all 350ms ease-in-out;
	position: relative;
	margin: 10px 0;
}

header.fixed .logo{
	width: 230px;
	height: 78px;
}


header .logo .color-logo,
header .logo .white-logo{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	transition: all 350ms ease-in-out;
}

header .logo .color-logo{
	opacity: 0;
}

header .logo .white-logo{
	opacity: 1;
}

header.fixed .logo .color-logo{
	opacity: 1;
}

header.fixed .logo .white-logo{
	opacity: 0;
}

header .main-menu > ul{
	list-style: none;
	padding: 0;
	margin: 0 ;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 15px;
	margin-bottom: -1px;

}

header .main-menu  > ul > li{
	position: relative;
	cursor: pointer;
}

header .main-menu > ul > li:first-child{
	margin-left: 0;
}

header .main-menu > ul > li > a{
	color: #fff;
	display: inline-block;
	transition: all 350ms ease-in-out;
	font-size: 14px;
	font-weight: 600;
	padding: 5px 15px;
	text-transform: uppercase;
	position: relative;
}

header.fixed .main-menu > ul > li > a{
	color: #666;
}

header .main-menu ul > li > a:hover,
header .main-menu ul > li > a:focus,
header .main-menu ul > li > a.active{
	color: #84c225;
}


/*Banner*/

section#home{
	padding: 0;
	position: relative;
}

.main-banner{
	list-style: none;
	padding: 0;
	position: relative;
}

.main-banner li {
	position: relative;
	background-size: cover;
	background-position: center;
	height: 100vh;
	padding-top: 150px;
	background-color: #09458d;
	background-blend-mode: multiply;
}

.main-banner li .container{
	display: flex;
	align-items: center;
	height: 100%;
}

/* Modais */

.modal-body{
	padding: 0px;
	position: relative;
}

.modal-body .container{
	padding: 30px;
}

.modal .close {
	position: sticky;
	top: 0px;
	right: 0px;
	transition: all 350ms ease-in-out;
	background: #006695;
	color: #fff;
	padding: 5px 11px;
	transition: all 350ms ease-in-out;
	opacity: 1;
	text-shadow: none;
}

.modal .close:hover,
.modal .close:focus,
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover{
	color: #fff;
	background: #a5c74b;
}

/* Rodapé */

footer{
	background: #09458d;
	color: #fff;
	font-size: 12px;
}

footer #copyright .container{
	padding-top: 20px;
	padding-bottom: 20px;
}

footer #copyright a{
	color: #FDBE13;
	transition: all 350ms ease-in-out;
	font-weight: 700;
}

footer #copyright a:hover,
footer #copyright a:focus{
	color: #fff;
}

/* Cookies */

section#breadcrumb{
	padding-top: 230px;
	background-color: #09458d;
	background-blend-mode: multiply;
	padding-bottom: 50px;
	background-attachment: fixed;
	background-position: bottom;
}

#cookies {
	position: fixed;
	bottom: 0;
	background: #fff;
	width: 100%;
	padding: 20px;
	border-top: 1px solid #ccc;
	z-index: 16000002;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
	display: none;
}

#cookies a{
	color: #084572;
}
#cookies a:hover{
	text-decoration: underline;
}

#cookies .btn{
	background: #084572;
	color: #fff;
	border-radius: 0;
	border: 0;
	padding: 7px 20px;
	text-shadow: none;
	margin-top: 30px;
	display: inline-block;
	transition: all 350ms ease-in-out;
}

#cookies .btn:hover{
	text-decoration: none;
	background: #a3c34a;
}


/*Responsivo*/

.open-menu{
	background: #9bc91c;
	padding: 10px 12px;
	margin-right: 20px;
	color: #fff;
	border-radius: 2px;
	display: none;
	cursor: pointer;
}

.open-menu:hover,
.open-menu:focus{
	color: #fff;
}

.responsive-menu {
	display: none;
	background: #007320;
	color: #fff;
	width: 30px;
	height: 30px;
	align-items: center;
	justify-content: center;
	margin-right:20px;
}

.close-menu {
	position: absolute;
	top: 10px;
	right: 10px;
	background: #fff;
	display: none;
	align-items: center;
	justify-content: center;
	color: #222;
	width: 30px;
	height: 30px;
	z-index: 999;
}

.responsive-menu:hover,
.responsive-menu:focus{
	color: #fff;
}


@media only screen and (max-width: 767px) {

	body {
		font-size: 15px;
		line-height: 1.5em;
	}

	.font-size-36 {
		font-size: 26px;
	}

	.font-size-20 {
		font-size: 16px;
	}

	.responsive-menu, .close-menu, .open-menu{
		display: flex;
	}

	header .logo {
		width: 200px;
		height: 68px;
	}

	header.fixed .logo {
		width: 180px;
		height: 61px;
	}

	.main-menu{
		width: 100%;
		position: fixed;
		top: 0;
		right: 0;
		background: rgba(0,0,0,0.85);
		height: 100vh;
		z-index: 99;
		display: none;
	}

	header .main-menu > ul{
		display: block;
		width: 350px;
		background: #fff;
		height: 100vh;
		margin-top: 0;
		position: absolute;
		right: 0;
		transform: translateX(+350px);
		transition: all 350ms ease-in-out;
		overflow: auto;
		padding: 20px;
	}

	header .main-menu > ul > li{
		margin-left: 0;
	}

	header .main-menu > ul > li > a,
	header .main-menu > ul > li > a:hover,
	header .main-menu > ul > li > a:focus{
		display: block;
		text-align: center;
		font-size: 18px;
		padding: 10px;
		color: #09458d;
	}

	header .main-menu > ul.transform{
		transform: translateX(0px);
	}

	.main-banner li {
		height: 70vh;
		padding-top: 105px;
	}

	.cta {
		font-size: 16px;
		padding: 10px 20px;
	}

	/* Páginas Internas */

	section#breadcrumb {
		padding-top: 120px;
	}

	section#breadcrumb i{
		display: none;
	}

	section#breadcrumb span{
		display: block;
		margin-top: 15px;
	}

}

@media only screen and (max-width: 576px) {

	section{
		padding: 30px 0;
	}

	.main-banner li {
		padding-top: 81px;
	}

	header .logo {
		width: 180px;
		height: 61px;
		margin-left: 10px;
	}

	header.fixed .logo {
		width: 165px;
		height: 56px;
		margin-left: 10px;
	}

	.font-size-36 {
		font-size: 19px;
	}

	header .main-menu > ul{
		width: 230px;
		transform: translateX(+230px);
	}

	section#home .text-uppercase{
		text-transform: none !important;
	}

	section#home .cta:nth-of-type(1){
		margin-bottom: 15px;
	}


}