/** 
* CENTO E NOVE
* 
* layout CENTO E NOVE por MURILO MENDES
* 
* Esta folha de estilos descreve a
* estrutura e os principais componentes
* do site web da CENTO E NOVE
* 
* @project CENTO E NOVE
* @version 1.0 
* @package Site Web 
* @author Murilo Mendes
* @copyright 2021 CENTO E NOVE.
* 
*/ 

/*font-family: 'Quicksand', sans-serif;*/
@import url('materialdesignicons.min.css');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');

/* RESET */
html{}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,input,button,textarea,p,blockquote,th,td,fieldset{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}img,fieldset{border:0;}address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:inherit;}strong{font-weight: 700;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}cufon cufontext{display: inline-block !important;height: 0 !important;text-indent: -10000in !important;width: 0 !important;}

img{display: block;}
.grecaptcha-badge{}

body, html{font-family: 'Quicksand', sans-serif;font-weight: 400;font-size: 14px;color: #6d6e71;}
a:link, a:active, a:visited{text-decoration:none;outline:none;transition: all 0.5s ease;}
a:hover{color: #093747;}
*{ outline:none;}

::selection {background:#2a2a2a; color:#f1f1f1;}
::-webkit-selection {background:#2a2a2a; color:#f1f1f1;}
::-moz-selection {background:#2a2a2a; color:#f1f1f1;}

::-webkit-input-placeholder {color: #dedede; font-family: 'Quicksand', sans-serif; font-weight: 400; font-size: 14px;}
::-moz-placeholder {color: #dedede; font-family: 'Quicksand', sans-serif; font-weight: 400; font-size: 14px;}
:-ms-input-placeholder {color: #dedede; font-family: 'Quicksand', sans-serif; font-weight: 400; font-size: 14px;}
:-moz-placeholder {color: #dedede; font-family: 'Quicksand', sans-serif; font-weight: 400; font-size: 14px;}

.clear{clear: both;}

/* VALIDAR */
.atencao{position:fixed;bottom:0;width:100%;padding:30px 50px 20px 50px;border-top: solid 1px #353b38;display:none;cursor:pointer;z-index:1000000000000;background-color: #ff9a51;}
	.atencao .h1{font-size: 16px;color: #ffffff;margin:0px 0px 5px 0px;text-transform: uppercase;font-weight: 700;}
	.atencao p{font-size:13px;color: #ffffff;line-height: 18px;}
		.atencao p span{font-family: 'Quicksand', sans-serif; font-weight: 400; color: #2b3734;}
	.atencao .imagem{float:left;margin:-5px 15px 0px 0px;height:100%;color: #2b3734;font-size: 25px;}

/* INPUT FILE */
span.mask-input-file{float: left;height: 35px;width: 49%;position:relative;overflow:hidden;background: url(../img/inputFiles.gif) 0 0 no-repeat;background-position: 7px 0;}
._640 span.mask-input-file{width: 100%;}
span.mask-input-file:hover{background-position: 7px -35px;}
span.mask-input-file.validar-erro{ }
	span.mask-input-file label{ display:block; }
	span.mask-input-file input{ opacity:0; filter:Alpha(Opacity=0); position:absolute; left:0; top:0; width:476px; border:none; cursor:pointer; height: 58px; }
	span.mask-input-file em{font-family: 'Lato';font-size: 14px;width: 100%;height: 31px;line-height: 32px;float:left;padding-left:20px;color: #dedede;text-transform: lowercase;}
	span.mask-input-file:hover em{color: #4b4b4b;}

/* SLICK - SLIDER */
.slick-slider{position: relative; display: block;	clear:both; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
	.slick-list:focus{outline: none;}
	.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track{position: relative; top: 0; left: 0; display: block;}
	.slick-track:before, .slick-track:after{display: table; content: '';}
	.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-slide{display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
	.slick-slide img{display: block;}
	.slick-slide.slick-loading img{display: none;}
	.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden{display: none;}
:focus{outline:none;}

/* RADIO E CHECKBOX */
span.radio,span.checkbox{ float:left; overflow: hidden; position: relative; margin-top: 8px;}
span.radio em,span.checkbox em{display:block; color:#fff!important; float: left;width: 14px;height: 14px; border: solid 2px #cccccc; transition: all 0.3s ease; background: #ffffff; position: relative;} 
span.radio em::after, span.checkbox em::after{content: "\2714"; display: block; transition: all 0.2s ease;  position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%) scaleY(0.8); opacity: 0; color:#fff!important; font-size: 11px; } 

span.radio:hover em,span.checkbox:hover em { border: solid 2px #101010;}
span.radio.ativo em,span.checkbox.ativo em { background: #101010; border: solid 2px #101010;}

span.radio.ativo em::after,span.checkbox.ativo em::after{ opacity: 1;}
span.radio input,span.checkbox input{ opacity:0; -webkit-opacity:0.0; filter:alpha(opacity=0); height:100%; width:100%; position: absolute; top:0; right: 0; bottom: 0; left: 0; cursor:pointer;}
span.radio label{font: 500 13px'Open Sans';width: auto !important;float: left !important;margin-right: 15px !important;color: #424c51;margin-left: 10px !important;padding: 0;margin-bottom: 5px !important;}
span.checkbox label{ display: none;}
span.radio em{ border-radius: 100%;} 

/*ANIMAR*/
[animar]{ opacity: 0; transform: translateY(60px); transition: all 1s ease-out; transition-delay: 0.2s;}
[animar].visivel{ opacity: 1; transform: translateY(0px);}
[animar].vel1{transition-delay: 0.6s !important;} 
[animar].vel2{transition-delay: 1s !important;}
[animar].vel3{transition-delay: 1.4s !important;}
[animar].vel4{transition-delay: 1.8s !important;}
[animar].vel5{transition-delay: 2.2s !important;}

[animar].animarHorizontal{opacity: 0; transform: translateX(-150px) translateY(0px); transition: all 1.5s ease-out;}
[animar].animarHorizontal.visivel{opacity: 1; transform: translateX(0px);}

[animar].animarHorizontal2{opacity: 0; transform: translateX(150px) translateY(0px); transition: all 1.5s ease-out;}
[animar].animarHorizontal2.visivel{opacity: 1; transform: translateX(0px);}

/* HEADER */
header{display: block;width: 100%;position: fixed;z-index: 3;top: 35px;}
    header a.logoHome:active, header a.logoHome:visited, header a.logoHome:link{display: block;text-align: center;}
    header a.logoHome:hover{opacity:0.9;}
        header a.logoHome svg{width: auto;height: 60px;}
    header nav.home{width: 100%;position: relative;margin: 0;text-align: center;top: 25px;}    
	header nav{width: 100%;position: relative;margin: 0;}
		header nav ul{display: block;padding: 10px 0 15px 0;}
			header nav li.logo{text-align: left;}
				header nav li.logo h1{}
					header nav li.logo h1 a:active, header nav li.logo h1 a:visited, header nav li.logo h1 a:link{padding: 10px 0 0 0;display: block;}
					header nav li.logo h1 a:hover{}
						header nav li.logo h1 a svg{width: auto;height: 60px;}
			header nav ul li{display: inline-block;margin: 0 30px;color: #ffffff;position: relative;}
			header nav ul li:hover{}
				header nav ul li a:active, header nav ul li a:visited, header nav ul li a:link{font-family: 'Quicksand', sans-serif;font-weight: 400;font-size: 16px;color: #ffffff;transition: all 0.5s ease;display: block;border-bottom: solid 2px transparent;line-height: 25px;cursor: pointer;}
				header nav ul li.logo a:hover{border-bottom: solid 2px transparent;}
				header nav ul li a:hover{border-bottom: solid 2px #0696b7;}
				header nav ul li a.ativo{border-bottom: solid 2px #333333;}

/* FOOTER */
footer{position: fixed;width: 100%;bottom: 0;padding: 10px 0 5px 0;/* background-color: rgb(255 255 255 / 0.2); */z-index: 2;}
	.box-cookies.hide{display: none !important;}
	.box-cookies{position: fixed;background: rgba(0, 0, 0, .9);width: 100%;z-index: 998;bottom: 40px;display: block;align-items: center;justify-content: space-between;padding: 5px;text-align: center;}
	.box-cookies .msg-cookies a:active, .box-cookies .msg-cookies a:visited, .box-cookies .msg-cookies a:link{font-family: 'Quicksand', sans-serif;font-weight: 400;color: #ffffff;text-decoration: underline;}
	.box-cookies .msg-cookies a:hover{color: #0896b7;}
	.box-cookies .msg-cookies, .box-cookies .btn-cookies{padding: 0 0 0 15px;color: #ffffff;font-size: 12px;line-height: 20px;display: inline-block;}
	.box-cookies .btn-cookies {background: #0896b7;cursor: pointer;align-self: normal;border: solid 1px #0896b7;padding: 0 10px;margin: 0 0 0 5px;border-radius: 10px;}
	.box-cookies .btn-cookies:hover{background: transparent;border: solid 1px #0896b7;}
	@media screen and (max-width: 600px) {
	  .box-cookies {flex-direction: column;text-align: justify;}
	  .box-cookies .btn-cookies{display: block; width: 100%;}
	  .box-cookies .msg-cookies, .box-cookies .btn-cookies{padding: 0 15px; margin: 5px 0;}
	}
	footer .social{}
		footer .social ul{display: block;}
			footer .social ul li{display: inline-block; margin: 0 5px;}
			footer .social ul li:first-child{margin-left: 0;}
				footer .social ul li a:active, footer .social ul li a:visited, footer .social ul li a:link{display: block; cursor: pointer;}
				footer .social ul li a:hover{}
					footer .social ul li a svg{width: auto; height: 25px; fill: #333333;}
					footer .social ul li a:hover svg{width: auto;height: 25px;fill: #0696b7;transition: all 0.5s ease;}
	footer .copyright{padding: 5px 15px;}
		footer .copyright small{font-family: 'Quicksand', sans-serif;font-weight: 400;text-align: right;display: block;color: #ffffff;}
			footer .copyright small b{font-weight: 700;color: #0696b7;}


/* MENU */
.mobileMenu{display: none;}
#menu-toggle span{transition: .25s ease-in-out;box-sizing: border-box;display: block;background: #ffffff;border-radius: 2px;}
#menu-toggle{width: 50px;height: 50px;position: fixed;right: 10px;top: 27px;cursor: pointer;border-radius: 5px;z-index: 99999999;}
._640 #menu-toggle{width: 50px;height: 50px;position: fixed;right: 50px;top: 25px;cursor: pointer;border-radius: 5px;z-index: 99999999;}
#menu-toggle #hamburger{ position: absolute; height: 100%; width: 100%; z-index:1001;}
#menu-toggle #hamburger span{width: 30px;height: 2px;position: relative;top: 12px;left: 10px;margin: 5px 0;}
#menu-toggle #hamburger span:nth-child(1){transition-delay: .5s;}
#menu-toggle #hamburger span:nth-child(2){transition-delay: .625s;}
#menu-toggle #hamburger span:nth-child(3){transition-delay: .75s;}
#menu-toggle #cross{position: absolute;height: 100%;width: 100%;transform: rotate(45deg);z-index:1001;}
#menu-toggle #cross span:nth-child(1){ height: 0%; width: 2px; position: absolute; top: 20%; left: 24px; transition-delay: 0s;}
#menu-toggle #cross span:nth-child(2){width: 0%;height: 2px;position: absolute;left: 20%;top: 24px;transition-delay: .25s;}

#menu-toggle.open span {background: #7d7d7d;}
#menu-toggle.open #hamburger span { width: 0%;}
#menu-toggle.open #hamburger span:nth-child(1) {transition-delay: 0s;}
#menu-toggle.open #hamburger span:nth-child(2) {transition-delay: .125s;}
#menu-toggle.open #hamburger span:nth-child(3) {transition-delay: .25s;}
#menu-toggle.open #cross span:nth-child(1) {height: 60%; transition-delay: .625s;}
#menu-toggle.open #cross span:nth-child(2) {width: 60%; transition-delay: .375s;} 

/* SUBMENU MOBILE */
header .mascaraSubMenu{background: rgb(255 255 255 / 0.5);position:fixed;width:100%;height:100%;left:-100%;top:0px;display:none;z-index: 999;transition:all 0.5s ease;}
	header .mascaraSubMenu.ativo{ left:0px;}
header .mascaraSubMenu .submenuMobile{position:absolute;left:0px;top:0px;background: rgb(255 255 255 / 0.5);width: 100%;height:100%;}
header .mascaraSubMenu .submenuMobile .subMenuItens{ display:none;} 

header .mascaraSubMenu .submenuMobile .menuInterno .logo{width:100%;background-color: #ffffff;}
header .mascaraSubMenu .submenuMobile .menuInterno .logo h1{width: 205px;float: none;margin: 0 auto;padding: 15px 0 5px 0;}
	header .mascaraSubMenu .submenuMobile .menuInterno .logo h1 a svg{width: 100%;height: 70px;}
	header .mascaraSubMenu .submenuMobile .menuInterno li.item{font-size: 14px;border-bottom: solid 1px #ffffff;float:left;box-sizing:border-box;width: 100%;}
	header .mascaraSubMenu .submenuMobile .menuInterno li.item:last-child{}
	header .mascaraSubMenu .submenuMobile .menuInterno li.item:last-child a{color: #0696b7 !important;}
	header .mascaraSubMenu .submenuMobile .menuInterno li.item a:link,
	header .mascaraSubMenu .submenuMobile .menuInterno li.item a:active,
	header .mascaraSubMenu .submenuMobile .menuInterno li.item a:visited{display: block;padding: 20px 25px;text-align: inherit;letter-spacing: 0.1em;color: #0696b7;font-family: 'Quicksand', sans-serif;font-weight: 600;}
	header .mascaraSubMenu .submenuMobile .menuInterno li.item a:hover{}


/* ============== AJUSTES RESPONSIVO E MOBILE ============== */

/* 1000 */
._1000{}

/* 640 */
._640 .mobileMenu{display: block;}
._640 #menu-toggle{top: 1%;right: 2%;}
._640 header{height: 60px;border-bottom: solid 1px #ffffff;top: 10px;}
    ._640 header a.logoHome svg{height: 45px;}
	._640 header nav{display: none}

._640 header .mobileMenu{overflow: auto;}
._640 header nav.mobile, ._320 header nav.mobile{display: block;overflow: auto;}

._640 header .mascaraSubMenu{display: block;}
    ._640 header .mascaraSubMenu .submenuMobile .menuInterno .logo h1{padding: 10px 0 15px 0;width: auto;}
        ._640 header .mascaraSubMenu .submenuMobile .menuInterno .logo h1 a{display: block;}
            ._640 header .mascaraSubMenu .submenuMobile .menuInterno .logo h1 a svg{width: 150px;height: auto;}
	._640 header .mascaraSubMenu .submenuMobile ul.menuInterno{overflow: hidden;text-align: center;}
	._640 header .mascaraSubMenu .socialMobile{width: 15%;margin: 15px auto 0 auto;}
._640 header .menuMobile{display:block; width: 100%;}
	._640 header .menuMobile a:link,
	._640 header .menuMobile a:active,
	._640 header .menuMobile a:visited{height:23px;width:26px;float:left;display:block;}
	._640 header .menuMobile .menuM{background:url(../img/iconMobileMenu.gif) no-repeat center center;}

._640 footer{padding: 2.5px 0;}
    ._640 footer .social{padding: 0 0 0 15px;}
        ._640 footer .social ul li{}
            ._640 footer .social ul li a svg{height: 20px;}
    ._640 footer .copyright{padding: 6px 15px 7px 0;}
        ._640 footer .copyright small{font-size: 9px}