/* --- 01-global.css --- */

html{ height:100%; display:block; }
body{ background-color:#FFFFFF; height:100%; display:block; width:100%; position:relative; margin:0; padding:0; }
p{ line-height:1.4; }
*{ font-family:'Open Sans', sans-serif; }
a{ color:#333333; text-decoration:none; }
section{ position:relative; top:0; left:0; }
button, input, optgroup, select, textarea{ font-family:inherit; font-size:inherit; line-height:inherit; }
img { vertical-align:middle; border-style:none; }

.btn{ background-color:#0D4C92; border-radius:20px; line-height:1.2; padding:12px 30px; border:1px solid #0D4C92; color:#FFFFFF; font-size:12px; text-transform:uppercase; }
.btn:hover{ color:#EEEEEE; border:1px solid #2d5b8e; background-color:#2d5b8e; }
.form-control{ border-radius:4px; height:36px; line-height:36px; padding:0 20px; border:1px solid #E8E8E8; color:#521911; }
.form-control::placeholder{ color:#DEDEDE; opacity:1; }

.box-image{ position:relative; display:inline-block; width:100%; height:250px; border-radius:5px; overflow:hidden; }
.img-show{ position:absolute; width:100%; height:100%; top:0; left:0; border:0; margin:0; display:block; }
.img-blur { position:absolute; z-index:0; width:100%; height:100%; overflow:hidden; opacity:0.8; filter:alpha(opacity=80); }
.img-blur > div { background-repeat:no-repeat; background-position:center; background-size:110% auto; position:absolute; left:-5%; top:-5%; width:110%; height:110%; -webkit-filter:blur(7px); -moz-filter:blur(7px); -o-filter:blur(7px); -ms-filter:blur(7px); filter:blur(7px); }
.img-show { height:100%; width:100%; background-repeat:no-repeat; background-position:center; background-size:auto 100%; -webkit-box-shadow:inset 0px 0px 30px 0px rgba(0, 0, 0, 0.14); -moz-box-shadow:inset 0px 0px 30px 0px rgba(0, 0, 0, 0.14); box-shadow:inset 0px 0px 30px 0px rgba(0, 0, 0, 0.14); z-index:1; position:absolute; }

.page-title{ margin:20px 0; font-weight:100; }
.image-post{ height:500px; }

section[class^="list-"]{ margin: 40px 0 0 0; }
section[class^="list-"] h2{ margin:0 0 40px 0; font-size:36px; font-weight:400; color:#CCCCCC; }

.ps{ width:500px; height:400px; margin:30px auto; background:url(../../image/ps.svg) no-repeat center center; background-size:100% auto; }

@media (min-width:768px){
	.btn{ padding:12px 50px; font-size:12px; }
	.breadcrumb{ margin:170px 0 0 0; }
	
}
@media (max-width: 991px) and (min-width: 768px){
	.marca {
		max-width: 100%;
	}
}

@media (min-width:992px){
}
.image-post{ height:500px; }

body{ background: #e7f0c3;
background: -moz-linear-gradient(left, #e7f0c3 0%, #dbebbf 35%, #b2d796 80%, #cfe4c1 99%);
background: -webkit-linear-gradient(left, #e7f0c3 0%,#dbebbf 35%,#b2d796 80%,#cfe4c1 99%);
background: linear-gradient(to right, #e7f0c3 0%,#dbebbf 35%,#b2d796 80%,#cfe4c1 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7f0c3', endColorstr='#cfe4c1',GradientType=1 ); }/* --- 02-header.css --- */

.header{ position:relative; top:0; left:0; width:100%; z-index:100; }
.header-scroll{ background-color:rgb(186 219 179 / 92%); }
.header-space{ position:relative; height:50px; }
.marca{ height:50px; vertical-align:middle; margin:15px auto 0 auto; }
.marca img{ max-width:100%; max-height:100%; }

.toggle-menu{ position:absolute; top:-45px; right:12px; width:28px; height:28px; z-index:10; }
.toggle-menu > div{ position:absolute; top:5px; left:0; width:100%; height:4px; background-color:#0c5698; border-radius:2px; }
.toggle-menu > div:nth-child(2){ top:15px; }
.toggle-menu > div:nth-child(3){ top:25px; }
.main-menu { background-color:rgb(0, 114, 121); padding:0px; position:relative; width:100%; z-index:2; top:0; height:0; color:#ffffff; overflow:hidden; }
.main-menu.open{ height:300px; background-color:rgb(209 224 204); z-index:20; left:-15px; width:100vw; box-shadow: 0 0 30px 7px rgba(0,0,0,.3); }
.main-menu.open ul li{ width:100%; text-align:center; }

.list-menu { list-style:none; float:none; display:block; top:0; height:auto; padding:27px 4px 18px 4px; z-index:2; margin:0; }
.list-menu.open { left:0; }
.list-menu li { position:relative; width:100%; display:block; padding:8px 0 8px 0; font-size:16px; line-height:1.2; color:#05569A; white-space:nowrap; }
.list-menu li a { font-size:16px; line-height:1.2; display:block; width:100%; color:#05569A; text-decoration:none; }
.list-menu li a:hover{ color:#05569A; }
.list-menu li a:active{ color:#05569A; }
.list-menu li a.on{ color:#05569A; }
.list-menu > li:last-child{ text-align:right; }
.list-menu-sub{ position:absolute; left:0; top:40px; list-style:none; float:none; display:none; z-index:100; background-color:#FDFDFD; padding:20px; margin:0; min-width:100%; box-shadow:1px 8px 19px -6px rgba(0,0,0,.5); }
.list-menu-sub li{ position:relative; display:block; float:none; width:100%; text-align:left; }
.list-menu-sub li a { font-size:16px; line-height:1.2; display:block; width:100%; color:#454545; text-decoration:none; white-space:nowrap; }
.list-menu-sub li a:hover{ color:#CB2229; }
.list-menu li:hover > .list-menu-sub{ display:block; }

.banner-header{ position:relative; width:100%; height:143px; background-size:cover; background-repeat:no-repeat; background-position:center center; }
.banner-header h1{ position:absolute; bottom:30px; color:#000;font-weight: 400; z-index:2; }
.py-3 .marca {
	width: 399px;
	max-width: 100%;
}
@media (min-width:768px){
	.header{ position:fixed; }
	.header-space{ height:90px; }
	.header-icons > a > span{ overflow:hidden; text-indent:0; }
	.marca{ height:75px; vertical-align:middle; }
	.toggle-menu{ display:none; }
	.main-menu{ background:transparent; display:block; height:40px; overflow:visible; }
	.list-menu { display:table; height:40px; margin:30px auto 0 auto; padding:0; }
	.list-menu > li { width:auto; display:table-cell; padding:2px 10px; }
	.list-menu > li a { line-height:35px; font-size:16px; font-weight:200; white-space:nowrap; }
	.list-menu-sub li{ display:block; padding:3px 10px; }
}

@media (min-width:992px){
	.list-menu > li { width:auto; display:table-cell; padding:2px 30px; }
	.banner-header{ height:143px; }
}

.call-to-action{ position:relative; display:block; width:100%; z-index:10; }
.call-to-action-inner{ position:relative; left:0; top:10px; width:100%; padding:0; font-size:13px; line-height:1.4; }
.call-to-action-content{ padding:16px; text-align:center; }
.call-to-action .btn{ position:relative; box-shadow:0 22px 10px -15px rgba(0,0,0,0.3); display:inline-block; margin:0 0 5px 0; font-size:10px; border-radius:24px; padding:12px 20	px; white-space:nowrap; border:0; }
.call-to-action .btn:hover{ box-shadow:0 19px 10px -15px rgba(0,0,0,0.3); border:0; }
.call-to-action .btn-primary{ background-color:#45A5AE; }
.call-to-action .btn-primary:hover{ background-color:#1A9BA7; }
.call-to-action .btn-secondary{ background-color:#0D4C92; }
.call-to-action .btn-secondary:hover{ background-color:#073E6C; }
.call-to-action .btn.whats-call{ padding-left:54px; }
.call-to-action .btn.whats-call:after{ content: ""; position:absolute; top:7px; left:20px; display:block; height:25px; width:25px; background:url(../../image/whatsapp-icone.png) no-repeat center; background-size:contain; }
.call-to-action-text{ width:60%; }
@media (min-width:992px){
	.call-to-action{ height:0; }
	.call-to-action-inner{ position:absolute; top:-80px; padding:0; font-size:14px; line-height:1.1; }
	.call-to-action-content{ padding:16px 0 0 90px; text-align:left; }
	.call-to-action .btn{ font-size:12px; margin:0 20px 10px 0; }
}/* --- 03-search.css --- */

.search-box{ position:relative; margin:18px 0 0 0; z-index:9; }
.search-frm{ margin:0; }
.search-entry{ position:relative; margin:0; background-color:#FFFFFF; border:1px solid #A34F4E; border-radius:25px; padding:10px 20px; width:100%; height:45px; color:#521911; }
.search-entry::placeholder{ color:#DEDEDE; opacity:1; }
.search-btn{ position:absolute; top:5px; right:5px; width:45px; height:37px; background-color:transparent; border:0; background:url(../../image/sprite.svg) no-repeat -435px -14px; text-indent:-9999px; }
.search-entry:focus, .search-btn:focus{ outline:none; }

@media (min-width:768px){
	.search-menu{ top:0; bottom:auto; width:100%; }
	.search-menu.on{ left:0; }
}

@media (min-width:992px){
	
}/* --- 10-footer.css --- */

footer{ z-index:10; position:relative; background-color:#000000; }
footer a{ color:#FFFFFF; font-size:12px; display:block; }
.modal{ display:none; }
footer .call-to-action{ height:auto; margin:0 0 30px 0; }
footer .call-to-action .btn{ margin:0; padding:12px 20px; }

@media (max-width:767px){
    footer .marca{ text-align:center; margin-left:auto; margin-right:auto; }
}
@media (min-width:768px){

}
@media (min-width:992px){
	
}