@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@600&family=Josefin+Sans:ital,wght@1,200;1,400;1,600&family=Roboto:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/*font-family: 'Montserrat', sans-serif;*/

/*GERAL*/
	html, body {
		height: 100%;
		position: relative;
		min-height: 100%;
	}
	body{
		scrollbar-face-color: #FFFFFF;
		scrollbar-track-color: #ccc;
		scrollbar-arrow-color: #ccc;
		scrollbar-shadow-color: #ccc;
		scrollbar-highlight-color: #ccc;
		scrollbar-darkshadow-color: #FFFFFF;
		scrollbar-3dlight-color: #FFFFFF;
		font-family: 'Raleway', sans-serif;
		font-style: normal;
		font-weight: normal;
		font-stretch: normal; 
		font-variant: normal;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-align: left;
		font-size: 16px;
		font-weight: 400;
		color: var(--black);
		line-height: 1.42857143;
		background-color: var(--gray-light);
	}

	::selection {
		background: var(--primary);
		color: #FFF;
	}
		
	:root {
		--white: #FFFFFF;
		--primary: rgb(144,108,44);
		--secondary: rgb(103, 69, 26);
		--blue: rgb(14,140,206);
		--gray: rgb(215,216,217);
		--gray-dark: rgb(103,108,100);
		--gray-light: rgb(245,245,245);
		--green: rgb(51,189,13);
		--green-dark: rgb(30,87,61);
		--bordaux: rgb(107,9,67);
		--red: rgb(248,0,0);
		--black: rgb(50,50,50);
		--box-dark: rgb(85,85,85);
	}

/*Colors*/
	.color-primary{color:rgb(130,7,35)!important;} /*vermelho titulos*/
	.color-secondary{color:rgb(0,0,0) !important;} /*preto*/
	.color-extra{color:rgb(103,108,100)} /*cinza-escuro*/
	.bolas{color:#DD6935 !important;}
	.gray{color:rgb(215,216,217) !important;} /*cinza*/
	.white{color:#FFF !important;}
	.black{color:rgb(0, 0, 0) !important;}
	.blue{color:var(--blue) !important;}
/*end Colors*/

		hr {
		    margin-top: 10px;
		    margin-bottom: 10px;
		    border: 0;
		    border-top: 1px solid var(--secondary);
		}

		hr.linha_azul {
		    margin-top: 0px;
			margin-bottom: 1em;
			border: 0;
			border-top: 3px solid var(--azul-escuro);
			width: 10%;
		}

		hr.linha_branca {
		    margin-top: 0px;
			margin-bottom: 1em;
			border: 0;
			border-top: 3px solid var(--white);
			width: 10%;
		}
		#contentor1{
		    min-height: 100%;
		    position: relative;
		}
		#asseccentro{
		    /* Set the fixed height of the header*/
		    padding-top: 0;
			/* o cáculo do padding-bottom agora é feito automaticamente no assec.php */
		    /* Set the fixed height of the footer here + 20px de padding a separar do conteudo */
		    /*padding-bottom: 50px;*/
		    /*background-color: #fff;*/
		}

		/*ASSEC TOPO*/
			.dropdown-menu>li>a {
				font-size: 0.875rem;
				font-weight: 500;
				line-height: 1;
				color: var(--white);
				display: block;
				padding: 5px 10px;
				clear: both;
				white-space: nowrap;
				outline: none !important;
				margin: 6px 6px;
			}
			/*.dropdown-menu>li>a:hover {}*/
			.menu_central .dropdown-menu {
				right: -20px;
				left: auto;
				margin: 0;
				padding: 20px;
				border: 0px solid transparent;
				top: 45px;
				animation: menuFadeInDown 0.2s ease-out;
				border-radius: 10px
			}
			.dropdown-toggle::after{
				display: none;
			}
			.dropdown-menu{
				/*padding: 0.5rem 1rem;*/
				right: 0;
				left: 0;
				margin: 0;
			}
			/*NAVBAR*/
				#header {
					-webkit-transition: all 0.4s ease-in-out;
					-moz-transition: all 0.4s ease-in-out;
					-o-transition: all 0.4s ease-in-out;
					-ms-transition: all 0.4s ease-in-out;
					transition: all 0.4s ease-in-out;
				}
				#header .nav li{
					padding: 10px 15px;
				}

				#header .navbar {
					z-index: 999; 
					width: 100%;
					padding: 0px;
				}
				#header .nav li:first-child{
					padding-left: 0px;
				}
				
				#header .nav li:last-child{
					padding-right: 0px;
				}

				/*.fixed-top {
					top: -100px;
					transform: translateY(100px);
					transition: transform .8s !important;
				}*/

				.navbar-brand {
					padding-top: 0rem;
				}

				.nav>li>a {
					color: rgb(35,35,35);
					font-family: 'Raleway', sans-serif;
					font-size: 1rem;
					font-weight: 400;
					text-transform: uppercase;
					text-decoration: none;
					word-break: break-word;
					transition: all .2s;
					-webkit-appearance: none!important;
					border-bottom: 1px solid transparent;
					outline: none;
				}
				.nav>li>a:hover { 
					color: var(--primary);
				}
				#nav .nav a:hover, #nav .nav a:focus{
					color: var(--primary);
				}
				#navbarSupportedContent a:hover, #navbarSupportedContent a:focus,
				.currenttop{
					cursor: pointer;
					text-decoration: none;
					border-bottom: 2px solid var(-white);
					color: var(--cinza);
				}

				.currenttop {
					text-decoration: underline;
					color: var(--primary) !important;
					background-color: transparent;
					border-bottom: 2px solid transparent !important;
				}

				#svgImg_logo{
					width: 90px;
					/*height: 110px;*/
					-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;
				}
				@media screen and (max-width: 992px) {
					#svgImg_logo{
						height: 80px;
					}
					#header .nav li:last-child{
						padding-right: 15px;
					}
				}
				@media screen and (min-width: 992px) and (max-width: 1200px) {
					#svgImg_logo{
						height: 120px;
					}
					.nav>li>a { 
						font-size: 0.85rem;
					}

					#header .nav li {
						padding: 10px 11px;
					}
				}
				.nav-effect{
					-webkit-transition: background 1.5s;
					-moz-transition: background 1.5s;
					-ms-transition: background 1.5s;
					-o-transition: background 1.5s;
					transition: background 1.5s;
				}
				.menu_central {
				    display: flex;
				    vertical-align: top;
				    margin: 0px;
				    white-space: nowrap;
				    float: right;
				    -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;
				}

				.menu_central > li {
				    text-align: center;
				    position: relative;
				    padding-left: 15px;
				}

			/*  NAV */
				/*.navbar-toggler {
					padding: 0.75rem 0.75rem;
					background-color:rgb(37,44,48);
					z-index: 300;
					border-radius: 0;
				}*/
				/*.navbar-toggler{
					background-color: var(--branco);
				}*/
				.navbar-toggler-icon span{
					background-color: var(--white);
				}

				/* Icon 1 */
				.animated-icon1, .animated-icon2, .animated-icon3 {
					width: 30px;
					height: 20px;
					position: relative;
					margin: 5px;
					-webkit-transform: rotate(0deg);
					-moz-transform: rotate(0deg);
					-o-transform: rotate(0deg);
					transform: rotate(0deg);
					-webkit-transition: .5s ease-in-out;
					-moz-transition: .5s ease-in-out;
					-o-transition: .5s ease-in-out;
					transition: .5s ease-in-out;
					cursor: pointer;
				}

				.animated-icon1 span, .animated-icon2 span, .animated-icon3 span {
					display: block;
					position: absolute;
					height: 3px;
					width: 100%;
					border-radius: 9px;
					opacity: 1;
					left: 0;
					-webkit-transform: rotate(0deg);
					-moz-transform: rotate(0deg);
					-o-transform: rotate(0deg);
					transform: rotate(0deg);
					-webkit-transition: .25s ease-in-out;
					-moz-transition: .25s ease-in-out;
					-o-transition: .25s ease-in-out;
					transition: .25s ease-in-out;
				}

				.animated-icon1 span {
					background: #e65100;
				}

				.animated-icon2 span {
					background: #e3f2fd;
				}

				.animated-icon3 span {
					background: rgb(50, 50, 50);
				}

				.animated-icon1 span:nth-child(1) {
					top: 0px;
				}

				.animated-icon1 span:nth-child(2) {
					top: 10px;
				}

				.animated-icon1 span:nth-child(3) {
					top: 20px;
				}

				.animated-icon1.open span:nth-child(1) {
					top: 11px;
					-webkit-transform: rotate(135deg);
					-moz-transform: rotate(135deg);
					-o-transform: rotate(135deg);
					transform: rotate(135deg);
				}

				.animated-icon1.open span:nth-child(2) {
					opacity: 0;
					left: -60px;
				}

				.animated-icon1.open span:nth-child(3) {
					top: 11px;
					-webkit-transform: rotate(-135deg);
					-moz-transform: rotate(-135deg);
					-o-transform: rotate(-135deg);
					transform: rotate(-135deg);
				}

			/* Icon 4 */
				.animated-icon3 span:nth-child(1) {
					top: 0px;
					-webkit-transform-origin: left center;
					-moz-transform-origin: left center;
					-o-transform-origin: left center;
					transform-origin: left center;
				}

				.animated-icon3 span:nth-child(2) {
					top: 10px;
					-webkit-transform-origin: left center;
					-moz-transform-origin: left center;
					-o-transform-origin: left center;
					transform-origin: left center;
				}

				.animated-icon3 span:nth-child(3) {
					top: 20px;
					-webkit-transform-origin: left center;
					-moz-transform-origin: left center;
					-o-transform-origin: left center;
					transform-origin: left center;
				}

				.animated-icon3.open span:nth-child(1) {
					-webkit-transform: rotate(45deg);
					-moz-transform: rotate(45deg);
					-o-transform: rotate(45deg);
					transform: rotate(45deg);
					top: 0px;
					left: 8px;
				}

				.animated-icon3.open span:nth-child(2) {
					width: 0%;
					opacity: 0;
				}

				.animated-icon3.open span:nth-child(3) {
					-webkit-transform: rotate(-45deg);
					-moz-transform: rotate(-45deg);
					-o-transform: rotate(-45deg);
					transform: rotate(-45deg);
					top: 21px;
					left: 8px;
				}

			/*  OVERLAY */
				.overlay {
					position: fixed;
					top: 0;
					left: 0;
					z-index: 7;
					width: 100%;
					height: 100%;
					-webkit-transition: all 0.3s ease-in-out;
					-moz-transition: all 0.3s ease-in-out;
					-o-transition: all 0.3s ease-in-out;
					transition: all 0.3s ease-in-out;
					background-color: #000;
					opacity: 0;
					visibility: hidden;
				}
				.overlay.show {
					opacity: 0.8;
					visibility: visible;
				}
				.dropdown-toggle::after{
					display: none;
				}
				/*.dropdown-menu{
					padding: 0.5rem 1rem;
					right: 0;
					left: auto;
					border-radius: 0px;
				}*/
			
			.img-singular {
			    position: relative;
			    /*height: 270px;*/
			    background-repeat: no-repeat;
			    background-position: 50% 85%;
			    background-position: center center;
			}
			.txt-banner{
				color: var(--white);
			    font-size: 2.5rem;
			    line-height: 1.1;
			    font-weight: 800;
			    text-shadow: 0 1px 2px rgba(0, 0, 0, .5);
			    margin: 0 auto;
			    margin-bottom: 1rem;
			    text-transform: uppercase;
			}
		/*end ASSEC TOPO*/
		/*DROPDOWN MENU*/
			.dropdown-menu {
				background-color: var(--black);
				color: var(--white);
				border: none;
				border-radius: 0 0 10px 10px;
				padding: 0 10px 10px;
				min-width: max-content;
				-webkit-box-shadow: 0px 2px 10px rgb(0 0 0 / 18%); 
				box-shadow: 0px 2px 10px rgb(0 0 0 / 18%); 
				/*margin-top: 0px;
				border: 1px solid var(--preto);
				border-top: 1px solid var(--white);
				left: -10px;*/
			}

			.sub-menu li {
				padding: 0;
			}
			.sub-menu > li > a {
				margin: 0;
			}
			#header .nav .sub-menu li{
				padding: 2px 10px;
			}
			#header .nav .sub-menu li:first-child{
				padding-top: 10px;
			}
			#header .nav .sub-menu li:last-child{
				padding-bottom: 10px;
			}

			.dropdown-submenu {
				position: relative;
			}

			.dropdown-submenu>.dropdown-menu {
				top: 0;
				left: 100%;
				margin-top: 0px;
				margin-left: -1px;
			}

			.dropdown-submenu:hover>.dropdown-menu {
				display: block;
			}

			.dropdown-submenu>a:after {
				display: block;
				content: " ";
				float: right;
				width: 0;
				height: 0;
				border-color: transparent;
				border-style: solid;
				border-width: 5px 0 5px 5px;
				border-left-color: #ccc;
				margin-top: 11px;
				margin-right: -10px;
			}

			.dropdown-submenu:hover>a:after {
				border-left-color: #fff;
			}

			.dropdown-submenu.pull-left {
				float: none;
			}

			.dropdown-submenu.pull-left>.dropdown-menu {
				left: -100%;
				margin-left: 10px;
				-webkit-border-radius: 6px 0 6px 6px;
				-moz-border-radius: 6px 0 6px 6px;
				border-radius: 6px 0 6px 6px;
			}


			@media only screen and (min-width : 992px) {

				.main-menu .dropdown-menu .dropdown-menu {
					top: 0;
					left: 100%;
					position: absolute;
				}

				/* mudar em mobile para tirar o hover e colocar click*/
				.menuhover:hover>.dropdown-menu {
					display: block;
				}

				/*end mobile hover*/
				.navbar-fixed-top .navbar-collapse,
				.navbar-static-top .navbar-collapse,
				.navbar-fixed-bottom .navbar-collapse {
					padding-right: 15px;
					padding-left: 15px;
				}
			}
			@media only screen and (max-width : 768px) {
				/* mudar em mobile para tirar o hover e colocar click*/
				/*.menuhover:hover>.dropdown-menu {
					display: block;
					border: 1px solid var(--white);
				}*/
			}

		/*end DROPDOWN MENU*/

		/*WELCOME PAGE*/
		    /*TITULOS E BOTOES*/ 
		    	.mt-150{
		    		margin-top: 9.375rem;
		    	}
		    	.mt-100{
		    		margin-top: 6.25rem;
		    	}
		    	.mt-50{
		    		margin-top: 3.125rem;
		    	}
				.mb-50{
					margin-bottom: 3.125rem;
				}
		    	.pt-200{
		    		padding-top: 12.5rem;
		    	}
		    	.pt-100{
		    		padding-top: 6.25rem;
		    	}
		    	.pt-50{
		    		padding-top: 3.25rem;
		    	}
				.pb-100{
					padding-bottom: 6.25rem;
				}
		    	.pb-200{
		    		padding-bottom: 12.5rem;
		    	}
		    	.pb-100{
		    		padding-bottom: 6.25rem;
		    	}
		    	.pb-50{
		    		padding-bottom: 3.25rem;
		    	}
		    	.bg-gray{
					background-color: var(--gray);
		    	}
				.bg-primary{
					background-color: var(--primary) !important;
				}
				.bg-secondary{
					background-color: var(--secondary) !important;
				}
		    	.bg-gray-light{
					background-color: var(--gray-light);
				}
				.bg-black{
					background-color: var(--black);
		    	}
				.bg-navbar{
					background-color: var(--gray-dark);
				}
				.bg-copyright{
					background-color: rgb(41, 35, 33);
				}
				#destaques .bg-gray-light{
					padding: 7rem;
					background-color: var(--gray-light);
				}
		    	.border-cinza{
		    		padding: 15px;
		    		border: 1px solid var(--gray);
		    	}
		    	.border-b-branco{
		    		border-bottom: 5px solid var(--white);
		    		width: max-content;
		    		padding-bottom: 15px;
		    	}		    	
		    	.border-b-azul{
		    		border-bottom: 15px solid var(--azul);
		    	}
				#servicos {
					padding-left: 7rem;
					padding-right: 7rem;
				}
				@media screen and (max-width: 576px) {

				}	
				@media screen and (max-width: 767px) {
					/*.bg-branco-cinza{
			    		padding: 1rem;
						background-color: var(--branco-cinza);
			    	}*/
			    	.mt-100{
			    		margin-top: 2.25rem;
			    	}
				}	
				@media screen and (max-width: 992px) {

				}	
				@media screen and (max-width: 1200px) {

				}	
				button:focus {
				    outline: none;
				}
				.titulo-pp{
					/*color: var(--castanho);*/
					font-weight: 700;
					font-size: 2.5rem;
				}
				.custom-btn {
					padding: 10px 25px;
					font-size: 0.85rem;
					font-weight: 900;
					font-family: 'Source Sans Pro', sans-serif;
					background: var(--white);
					outline: none !important;
					cursor: pointer;
					transition: all 0.3s ease;
					position: relative;
					display: inline-block;
				}
				.custom-btn:hover {
					background: var(--cinza-escuro);
					color: var(--white);
				}
				#contactos .custom-btn {
					display: flex;
				}
				#portefolio .custom-btn {
				    margin: 50px 30px;
				}

				.sim-button{
					line-height: 50px;
					height: 50px;
					text-align: center;
					margin-right: auto;
					margin-left: auto;
					margin-top: 125px;
					width: 60%;
					cursor: pointer;
				}

				/*TESTE*/				
					.button_su{
						margin: auto;
					  	overflow: hidden;
					  	position: relative;
					  	display: inline-block;
					  	width: 160px;
					  	height: 50px;
					  	margin-bottom: 30px;
					  	margin-top: 30px;
					  	border-radius: 50px;
					  	font-family: 'Source Sans Pro', sans-serif;
					    color: var(--cinza-escuro);
					    font-size: 16px;
					    font-weight: 400;
					    line-height: 1em;
					}
					.button_su a:hover, .button_su a:focus, .button_su button:hover, .button_su button:focus{
						border-radius: 50px;
					    cursor: pointer;
					    text-decoration: none;
					    color: var(--white);
					    outline: none;
					}
					.su_button_circle{
					  	background-color: blue;
					  	border-radius: 1000px;
					  	position: absolute;
					  	left:0;
					  	top:0;
					  	width: 0px;
					  	height: 0px;
					  	margin-left: 0px;
					  	margin-top: 0px;
					  	pointer-events: none;
					  	/*animation-timing-function: ease-in-out; */
					}
					.button_su_inner{
					    display: inline-block;
					    background: transparent;
					    color: var(--azul);
					    font-size: 16px;
					    font-weight: normal;
					    width: 160px;
					  	height: 50px;
					    text-align: center;
					    border: 3px solid var(--azul);
					    transition: 400ms;
					    text-decoration: none;
					    padding: 12px;
					    z-index: 100000;
					    border-radius: 50px;
					}
					#associados .button_su_inner{
					    display: inline-block;
					    background: transparent;
					    color: #FFF;
					    font-size: 16px;
					    font-weight: normal;
					    width: 160px;
					  	height: 50px;
					    text-align: center;
					    border: 3px solid #FFF;
					    transition: 400ms;
					    text-decoration: none;
					    padding: 12px;
					    z-index: 100000;
					}
					.button_text_container{
					   position:relative;
					   z-index: 10000;
					}
					.explode-circle {
					   animation: explode 0.5s forwards;
					}
					.desplode-circle{
					   animation: desplode 0.5s forwards;
					}

					#carreiras .explode-circle {
					   animation: explode_two 0.5s forwards;

					}
					#carreiras .desplode-circle{
					   animation: desplode_two 0.5s forwards;
					}

					@keyframes explode {
					  0% {
					    width: 0px;
					    height: 0px;
					    margin-left: 0px;
					    margin-top: 0px;
					    border-radius: 50px;
					    background-color: rgba(77, 111, 122,0.2);
					  }
					  100% {
					    width: 400px;
					    height: 400px;
					    margin-left: -200px;
					    margin-top: -200px;
					    border-radius: 50px;
					    background-color: rgba(77, 111, 122,1);
					  }
					}
					@keyframes desplode {
					  0% {
					    width: 400px;
					    height: 400px;
					    margin-left: -200px;
					    margin-top: -200px;
					    border-radius: 50px;
					    background-color: rgba(77, 111, 122,1);
					  }
					  100% {
					    width: 0px;
					    height: 0px;
					    margin-left: 0px;
					    margin-top: 0px;
					    border-radius: 50px;
					    background-color: rgba(77, 111, 122,0.6);
					  }
					}
					@keyframes explode_two {
					  0% {
					    width: 0px;
					    height: 0px;
					    margin-left: 0px;
					    margin-top: 0px;
					    background-color: rgba(255, 255, 255,0.2);
					  }
					  100% {
					    width: 400px;
					    height: 400px;
					    margin-left: -200px;
					    margin-top: -200px;
					    background-color: rgba(255, 255, 255,1);
					  }
					}
					@keyframes desplode_two {
					  0% {
					    width: 400px;
					    height: 400px;
					    margin-left: -200px;
					    margin-top: -200px;
					    background-color: rgba(255, 255, 255,1);
					  }
					  100% {
					    width: 0px;
					    height: 0px;
					    margin-left: 0px;
					    margin-top: 0px;
					    background-color: rgba(255, 255, 255,0.6);
					  }
					}
					#carreiras a:hover, #carreiras a:focus{
					    cursor: pointer;
					    text-decoration: none;
					    color: var(--cinza-escuro);
					    outline: none;
					}
				.checkbox-primary input[type="checkbox"]:checked + label::before, .checkbox-primary input[type="radio"]:checked + label::before {
				    background-color: var(--primary);
				    border-color: var(--primary);
				}
				.checkbox input[type="checkbox"]:checked + label::after, .checkbox input[type="radio"]:checked + label::after {
				    font-family: "Font Awesome 5 Free";
				    content: "\f00c";
				    font-weight: 700;
				}
				.checkbox input[type="checkbox"], .checkbox input[type="radio"] {
					position: absolute;
					margin-left: -20px;
				}
				/*.checkbox label::before {
				    margin-top: 5px;
				}*/
				.priceline {
				    color: #a7a7a7;
				    font-size: 14px;
				    font-weight: 400;
				    padding-right: 0.25em;
				    text-decoration: line-through;
				}

			/* SWIPER  */

				.swiper-container,
				.swiper {
					width: 100%;
					height: 100%;
				}
				.swiper-pagination-bullet-active {
					opacity: 1;
					background: var(--primary);
				}
				.swiper-pagination-bullet {
					width: 10px;
					height: 10px;
					display: inline-block;
					margin: 1px;
				}

			/* END SWIPER */

			/*end TITULOS E BOTOES*/

			/*CARTAZ*/
				#slider {
					width: 100%;
					/*height: calc(90vh - 300px);*/
					/*margin-top: 10rem;*/
				}
				.caption_esquerda {
					position: absolute;
					top: 50%;
					bottom: auto;
					left: 0%;
					width: 50%;
					text-align: left;
					-webkit-transform: translate(30%, -50%);
					-moz-transform: translate(30%, -50%);
					-ms-transform: translate(30%, -50%);
					-o-transform: translate(30%, -50%);
					transform: translate(30%, -50%);
				}

				.caption_direita {
					position: absolute;
					top: 50%;
					bottom: auto;
					left: 0%;
					width: 50%;
					text-align: right;
					-webkit-transform: translate(70%, -50%);
					-moz-transform: translate(70%, -50%);
					-ms-transform: translate(70%, -50%);
					-o-transform: translate(70%, -50%);
					transform: translate(70%, -50%);
				}

				.caption_centro,
				.caption_nada {
					position: absolute;
					top: 50%;
					right: auto;
					bottom: auto;
					left: 50%;
					width: 50%;
					text-align: center;
					padding: 0;
					-webkit-transform: translate(-50%, -50%);
					-moz-transform: translate(-50%, -50%);
					-ms-transform: translate(-50%, -50%);
					-o-transform: translate(-50%, -50%);
					transform: translate(-50%, -50%);
				}

				.slide {
					display: flex;
					justify-content: center;
					align-items: center;
					position: relative;
					text-align: center;
					font-size: 18px;
					background: #fff;
					overflow: hidden;
				}
				.slide-image {
					position: absolute;
					/*top: -200px;*/
					/*left: -200px;*/
					right: 0;
					width: 100%;
					height: 100%;
					/*height: calc(100% + 400px);*/
					background-position: 50% 50%;
					background-size: cover;
				}

				.slide-title {
					font-size: 4vw;
					line-height: 1.3;
					/*max-width: 50%;*/
					white-space: normal;
					word-break: break-word;
					color: var(--white);
					z-index: 100;
					/*font-family: 'Source Sans Pro', sans-serif;*/
					text-transform: none;
					font-weight: 900;
				}
				.slide-title span {
					white-space: pre;
					display: inline-block;
					opacity: 0;
				}

				.cartaz-titulo {
					color:  #FFF;
					/*font-size: 3.75em;*/
					font-size: 50px;
					text-transform: uppercase;
					font-weight: 700;
					line-height: 1em;
					margin: 0;
					/*text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5), 0px 0px 20px rgba(255, 255, 255, 0.5);*/
					margin: 0px;
					z-index: auto;
					padding: 0px;
					letter-spacing: 1.30469px;
					filter: none;
				}

				.cartaz-subtitulo {
					color: #FFFFFF;
					font-size: 35px;
					line-height: 1em;
					font-weight: 700;
					margin: 0;
					text-transform: uppercase;
					/*text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5), 0px 0px 20px #FFFFFF;*/
				}

				.swiper-cartaz .swiper-slide-active h3{
					animation-name: fadeInDown;
					animation-duration: 2s;
					animation-fill-mode: both;
				}

				/* Animation delays */
				.swiper-cartaz .swiper-slide-active h3:first-child {
					-webkit-animation-delay: 1s;
					animation-delay: 1s;
				}

				.swiper-cartaz .swiper-slide-active h3:nth-child(2) {
					-webkit-animation-delay: 2s;
					animation-delay: 2s;
				}

				.swiper-cartaz .swiper-slide-active a {
					animation-name: fadeInDown;
					animation-duration: 2s;
					animation-fill-mode: both;
					-webkit-animation-delay: 3s;
					animation-delay: 3s;
				}

				/* Button/Arrow */
				/*#slider .btn{
					padding: 0px;
				}*/

				@media screen and (max-width: 992px) {
					/*.bg {
						height: 50vh;
					}*/

					/*.cartaz-titulo {
						font-size: 4em;
					}*/

					.caption_centro,
					.caption_esquerda,
					.caption_direita,
					.caption_nada {
						text-align: center;
						position: absolute;
						top: 50%;
						right: auto;
						bottom: auto;
						left: 50%;
						width: 85%;
						text-align: center;
						padding: 0;
						-webkit-transform: translate(-50%, -50%);
						-moz-transform: translate(-50%, -50%);
						-ms-transform: translate(-50%, -50%);
						-o-transform: translate(-50%, -50%);
						transform: translate(-50%, -50%);
					}
				}

				@media screen and (max-width: 767px) {
					/*.bg {
						height: 34vh;
					}*/

					.slide-image {
						position: absolute;
						/*top: -200px;*/
						/*left: -200px;*/
						right: 0;
						width: 100%;
						height: 100%;
						/*height: calc(100% + 400px);*/
						background-position: 50% 50%;
						background-size: cover;
					}
					.slide-title {
						font-size: 20px;
						line-height: 1.3;
						max-width: 100% !important;
						white-space: normal;
						word-break: break-word;
						/*background-color: rgba(0,0,0,0.7);*/
						padding: 1rem;
						color: var(--white)!important;
						z-index: 100;
						text-transform: none;
						font-weight: 700;
					}
					
					.caption_centro,
					.caption_esquerda,
					.caption_direita,
					.caption_nada {
						text-align: center;
						position: absolute;
						top: 50%;
						right: auto;
						bottom: auto;
						left: 50%;
						width: 85%;
						text-align: center;
						padding: 0;
						-webkit-transform: translate(-50%, -50%);
						-moz-transform: translate(-50%, -50%);
						-ms-transform: translate(-50%, -50%);
						-o-transform: translate(-50%, -50%);
						transform: translate(-50%, -50%);
					}

					.cartaz-titulo {
						font-size: 12vw;
					}

					.btn-cartaz {
						font-size: 0.8rem;
					}

					.row-welcome {
						margin-top: 4em;
					}

					/*.noticia-titulo {
						font-size: 0.75em !important;
						line-height: 1.25em !important;
					}*/

					.timestamp {
						font-size: 0.65em !important;
					}

					.rodape {
						font-size: 0.75em !important;
					}


				}

				@media screen and (max-width: 480px) {
					/*.bg {
						height: 40vh;
					}*/

					/*.cartaz-titulo {
						font-size: 1.6em;
						letter-spacing: 0.5px;
					}*/

					.cartaz-subtitulo {
						font-size: 1.3em;
					}

					.btn-cartaz {
						margin-top: 10px;
					}

					#slider {
						height: calc(100vh - 400px);
					}
				}
	

			/*end CARTAZ*/

			/*NOTICIAS*/
				.item-noticia img {
					-ms-transform: scale(1);
					-webkit-transform: scale(1);
					-moz-transform: scale(1);
					-o-transform: scale(1);
					transform: scale(1);
					-webkit-transition: all 0.3s ease-in-out !important;
					-moz-transition: all 0.3s ease-in-out !important;
					transition: all 0.3s ease-in-out !important;
				}
				.noticia-link:hover img{
					opacity: 0.75;
					-ms-transform: scale(1.05);
					-webkit-transform: scale(1.05);
					-moz-transform: scale(1.05);
					-o-transform: scale(1.05);
					transform: scale(1.05);
					-webkit-transition: all 0.3s ease-in-out !important;
					-moz-transition: all 0.3s ease-in-out !important;
					transition: all 0.3s ease-in-out !important;
				}
				.noticia-titulo{
					font-size: 1.2rem;
					font-weight: 700;
					line-height: 1.25em;
					color: var(--primary);
					word-break: break-word;
				}
				.noticia-text {
					font-size: 0.875rem;
					color: var(--black);
					word-break: break-word;
					text-overflow: ellipsis;
					display: -webkit-inline-box;
					-webkit-line-clamp: 5;
					-webkit-box-orient: vertical;
					overflow: hidden;
				}
				.destaque-link:hover img{
					-ms-transform: scale(1.05);
					-webkit-transform: scale(1.05);
					-moz-transform: scale(1.05);
					-o-transform: scale(1.05);
					transform: scale(1.05);
					-webkit-transition: all 0.3s ease-in-out !important;
					-moz-transition: all 0.3s ease-in-out !important;
					transition: all 0.3s ease-in-out !important;
				}
				.resumo{
					font-size: 1.125rem;
					font-weight: 600;
					line-height: 1.5;
					margin: 0;
					word-break: break-word;
				}
			/*end NOTICIAS*/

			/*DESTAQUES*/
				#destaques .image {
				    position: absolute;
				    left: 0;
				    overflow: hidden;
				    /* top: 250px; */
				    z-index: 9999;
				    top: 60px;
				    /*width: 53%;*/
				}
				#destaques .bg-cinza-claro{
					padding: 7rem 2rem 7rem 8rem;
				    position: relative;
				    left: 0;
				    z-index: 1;
				}
				#destaques .bg-azul{
					padding: 7rem;
					background-color: var(--azul);
				}
				/*#destaques a{
					color: var(--white);
				}
				#destques a:hover{
					color: var(--white); 
				}*/
			/* end DESTAQUES*/

			/* ASSOCIADOS */
				.img-singular {
				    position: relative;
				    
				    height: auto !important;
				    background-repeat: no-repeat;
				    background-position: 50% 85%;
				    background-position: center center;
				}
				.sombra-imagem {
				    background: rgba(0, 0, 0, 0.4);
				    width: 100%;
				    height: 100%;
				}

				.img-associados {
					position: relative;
					height: 340px;
					/* margin-bottom: 2.5em; 
					background-repeat: no-repeat;
					/*background-position: 50% 85%;*/
					background-position: center center;
					background-size: cover;
					background-attachment: fixed;
					max-height: 700px;
				}
			/*end ASSOCIADOS*/

			/*PROJETOS*/
				#projetos h4.noticia-titulo{
					font-size: 18px;
					font-weight: 700;
					height: 54px;
					font-family: 'Source Sans Pro', sans-serif;
					display: block;
				  	display: -webkit-box;
				  	max-width: 100%;
				  	margin-top: 10px;
				  	/*margin: 0 auto;*/
				  	/*line-height: 1.1;*/
				  	-webkit-line-clamp: 2;
				  	-webkit-box-orient: vertical;
				  	overflow: hidden;
				  	text-overflow: ellipsis;
				}
				#projetos .noticia-text{
					font-size: 16px;
				}
			/*end PROJETOS*/

			/*DOMINIOS*/
			/*end SERVICOS*/

			/*OPORTUNIDADES*/
			/*end OPORTUNIDADES*/

		/*end WELCOME PAGE*/

		/*MONTRA ONLINE*/
			.filter-txt{
				font-size: 16px;
				font-weight: 400;
			}
		/*end MONTRA ONLINE*/

		/*QUEM SOMOS*/

			#quemsomos{
				background-color: var(--branco-cinza);
			} 
			@media screen and (max-width: 992px) {
				/*#contactos, #quemsomos {
					padding-left: 1rem;
					padding-right: 1rem;
				}*/
			}	
		/*end QUEM SOMOS*/

		/* O QUE FAZEMOS*/

		#oquefazemos .card:hover img {
			opacity: 0.75;
			-ms-transform: scale(1.05);
			-webkit-transform: scale(1.05);
			-moz-transform: scale(1.05);
			-o-transform: scale(1.05);
			transform: scale(1.05);
			-webkit-transition: all 0.3s ease-in-out !important;
			-moz-transition: all 0.3s ease-in-out !important;
			transition: all 0.3s ease-in-out !important;
		}

		/* END O QUE FAZEMOS*/

		/* TESTEMUNHOS */

		#testemunhos.banner-testemunhos {
			position: relative;
			/* height: 250px; */
			height: auto;
			/* margin-bottom: 2.5em; */
			background-repeat: no-repeat;
			/* background-position: 50% 85%; */
			background-size: cover;
			background-position: center center;
			background-attachment: fixed;
		}

		/* END TESTEMUNHOS*/



		/*ASSOCIADOS*/
			#brandImage {
				-webkit-filter: grayscale(100%);
				filter: grayscale(100%);
			}
			#MECENATO #brandImage {
				padding: 10px;
				background-color: #fff;
			}
			#brandImage:hover {
				-webkit-filter: none;
				filter: none;
			}
		/*end ASSOCIADOS*/

		/*CONCURSOS*/			
			#conteudoconcurso #brandImage {
				-webkit-filter: none;
				filter: none;
			}
			#conteudoconcurso #brandImage:hover {
				-webkit-filter: grayscale(100%);
				filter: grayscale(100%);
			}
		/*end CONCURSOS*/

		/*CONTACTOS*/
			@media screen and (max-width: 992px) {
				.bg-cinza {
				    padding: 1rem;
				    background-color: var(--cinza-escuro);
				}
			}	
		/*end CONTACTOS*/

		
	/*end GERAL*/

	/*Vertical Align*/
	  	.vertical-table-wrapper{
	    	display: table;
	    	width: 100%;
	    	height: 100%;
	  	}
	  	.vertical-table{
	    	display: table-cell;
	    	vertical-align: middle;
	  	}
	  	.vertical{
	    	border: 1px solid #fff;
	    	padding: 80px 0;
	    	max-width: 500px;
	    	margin: 0 auto;
	  	}
	  	@media (max-width: 1200px) {
	    	.vertical{
		    	border: 1px solid #fff;
		    	padding: 20px 0;
		    	max-width: 500px;
		    	margin: 0 auto;
		  	}
	  	}
	  	@media (max-width: 767px) {
	    	.vertical{
		    	border: 1px solid #fff;
		    	padding: 10px 0;
		    	max-width: 500px;
		    	margin: 0 auto;
		  	}
	  	}
	  	.vertical-bg{
	    	background-color: #fff;
	    	background-color: rgba(255, 255, 255, 0.7);
	    	/*padding: 25px 45px;*/
	    	text-align: center;
	  	}
	/*end Vertical Align*/

	/*BANNER IMG SINGULAR*/
	  	.img-singular .vertical {
	    	border: 0px solid #fff;
	    	max-width: 100%;
	    	margin: 0 auto;
	  	}
	  	.vertical-bg {
	    	background-color: transparent;
	    	text-align: center;
	  	}
	  	.img-singular {
	    	position: relative;
	    	/*height: 250px;*/
	    	/*margin-bottom: 2.5em;*/
	    	background-repeat: no-repeat;
	    	background-position: 50% 85%;
	    	background-size: cover;
	    	background-position: center center;
	  	}
	  	.img-singular:before {
	    	content: "";
	    	position: absolute;
	    	top: 0;
	    	left: 0;
	    	width: 100%;
	    	height: 100%;
	  	}
	  	.img-singular:before {
	    	/*background-color: #975fa2;
	    	opacity: .84;*/
	    	display: inline-block;
	  	}
	  	@media (max-width: 576px) {
	    	.img-singular{
	      		/*height: 15vh !important;*/
      			/*margin-bottom: 1em;*/
	    	}
	  	}
	/*end BANNER IMG SINGULAR*/

	/*Fix for WinPhone 8 and IE10*/
	  	@-webkit-viewport   { width: device-width; }
	  	@-moz-viewport      { width: device-width; }
	  	@-ms-viewport       { width: device-width; }
	  	@-o-viewport        { width: device-width; }
	  	@viewport           { width: device-width; }
	/*end Fix for WinPhone 8 and IE10*/

	/*SHARE buttons*/
		.social-container ul {
		    list-style-type: none;
		    padding: 0;
		    margin: 0;
		}
		.social-container ul li:first-child{
		    padding-left: 0;
		}
		.social-container .links {
		    margin-bottom: 40px;
		    font-size: 1.75em;
		}
		.fb-share-button span {
		    vertical-align: inherit !important;
		}
	/*end SHARE buttons*/

	/* COOKIE CONSENT */
	    .cc-revoke, .cc-window {
	        /*font-family: 'Raleway', sans-serif !important;*/
	        font-size: 14px !important;
	        line-height: 1.5em !important;
	    }
	    .cc-color-override-1969351950.cc-window {
	        color: var(--white) !important;

	        background-color: var(--primary) !important;
	        box-shadow: rgba(0,0,0,.10) 1px 1px 15px 0;
	        border-radius: .25rem;
	    }
	    .cc-color-override-1969351950 .cc-btn {
	          color: var(--white) !important;
	          background-color: var(--box-dark) !important;
	          border-color: transparent !important;
	          font-weight: 500 !important;
	          letter-spacing: 1px;
	    }
	    .cc-link {
	        opacity: 1;
	        display: inline-block;
	        padding: .2em;
	        color: #FFF !important;
	    }	      
	    .cc-link:hover {
	        color: var(--text) !important;
	    }
	/*end COOKIE CONSENT*/

	/*Caminho-breadcumbs*/
		#caminho{
		    background-color: var(--gray-light);
		    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
		    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
		    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
		    /*margin-bottom: 20px;*/
		}
		.breadcrumb{
			margin-top: 15px;
			margin-bottom: 12px;
			padding: 0;
			font-size: 0.75rem;
			font-weight: 500;
			/* background-color: transparent;
			padding-left: 15px;*/
		}
		.breadcrumb li:last-child {
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			max-width: 252px;
		}
		.breadcrumb a {
			color: var(--text);
		}
		.breadcrumb a:hover{ 
			color: var(--primary);
		}
	/*end Caminho-breadcumbs*/

	/*Forms*/
		/*.form-control:focus {
		    border-color: var(--white);
		    color: var(--white);
		    background-color: transparent;
		    outline: 0;
		    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(234, 153, 35, .6);
		    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(234, 153, 35, .6);
		}*/
		.form-control{
		    border-radius: 0px;
		    box-shadow: none;
		}
		.form-group .login-field-icon,
		.form-group .envelope-field-icon {
		    font-size: 20px;
		    position: absolute;
		    right: 10px;
		    top: 35px;
		    transition: all 0.25s ease 0s;
		    padding-top: 2%;
		}
		/*.form-group {
		    margin-bottom: 0rem;
		}*/
		#contactos .form-group {
		    margin-bottom: 1rem;
		}
		.dropdown-item.active, .dropdown-item:active {
		    color: var(--castanho);
		    text-decoration: none;
		    background-color: #f8f9fa;
		}
	/*end Forms*/

	/*Footer*/
		.footer{
			position: absolute;
			bottom: 0;
			width: 100%;
			/* o cáculo da altura do footer é feito automaticamente no assec.php */
		}
		#footer{
			min-height: 20px;
			margin-bottom: 0;
			background-color: rgb(52, 45, 42);
			color: var(--white);

			/*margin-top: 200px;*/
			/*text-transform: uppercase;*/
		}

		#footer h5 {
			color: var(--white);
			font-size: 0.875rem;
		}

		#footer h6 {
			color: var(--white);
			font-size: small;
			line-height: 1.5;
		}
		
		#footer a {
			color: var(--white);
		} 

		#footer a:hover {
			color: var(--primary);
		}

		#footer .modal a {
			color: var(--primary);
		} 

		#footer .modal a:hover {
			color: var(--secondary);
		}

		#footer .modal img {
			max-height: 80px;
		}

		#footer #menu_rodape li h6{
			color: var(--white);
			/*font-size: 12px;*/
		}

		#footer #menu_rodape li h6:hover{
			color: var(--primary);
		}

		#footer-head {
			background-color: rgb(52, 45, 42);
			padding: 20px 0;
		} 

		.footer .copyright span {
			font-size: 0.75rem;
			font-weight: 400;
		}

		.current_bottom h6 {
			text-decoration: underline;
			color: var(--primary) !important;
		}

	/*end Footer*/

	/*Scroll-top bottom*/
		.scroll-top-wrapper {
		    position: fixed;
		    opacity: 0;
		    visibility: hidden;
		    overflow: hidden;
		    text-align: center;
		    z-index: 999;
		    color: rgb(255, 255, 255);
		    width: 40px;
		    height: 40px;
		    line-height: 40px;
		    right: 0;
		    bottom: 0;
		    -webkit-transition: all 0.5s ease-in-out;
		    -moz-transition: all 0.5s ease-in-out;
		    -ms-transition: all 0.5s ease-in-out;
		    -o-transition: all 0.5s ease-in-out;
		    transition: all 0.5s ease-in-out;
		    background-color: rgb(185, 185, 185);
		}
		.scroll-top-wrapper:hover {
		    color: rgb(185, 185, 185);
		    background-color: var(--white);
		}
		.scroll-top-wrapper.show {
		    visibility:visible;
		    cursor:pointer;
		    opacity: 1.0;
		}
		.scroll-top-wrapper i.fa {
		    line-height: inherit;
		}
		.fa-2x {
		    font-size: 1.5em;
		}
	/*end scroll-top*/

	/*Botoes geral*/
		.bootstrap-select .btn:focus{
		    outline: none !important;
		}
		.btn{
		    -webkit-transition: all 0.3s ease-in-out !important;
		    -moz-transition: all 0.3s ease-in-out !important;
		    transition: all 0.3s ease-in-out !important;
		    padding: 6px 18px 6px 18px;
		    border-radius: 20px;
		    font-size: 0.875rem;
		}
		.btn-sm {
			padding: 0.25rem 0.5rem;
			font-size: 0.875rem;
			line-height: 1.5;
			border-radius: 0.2rem;
		}
		.btn:active{
		    box-shadow:none;
		}
		.btn:focus{
		    outline: none !important;
		}
		.btn-primary, .btn-success {
		    background-color: rgb(185, 185, 185) !important;
		    border-color: rgb(185, 185, 185) !important;
		    color: var(--black) !important;
		    border-radius: 20px;
		}
		.btn-secondary {
		    background-color: var(--white) !important;
		    border-color: rgb(185, 185, 185) !important;
		    color: rgb(50, 50, 50) !important;
		    border-radius: 20px;
		}
		.btn-cart {
			display: flex !important;
		    background-color: var(--primary);
		    border-color: var(--primary);
		    color: var(--white);
		    border-radius: 0rem;
		    /*border-radius: 20px;*/
		}
		.btn-primary:hover, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary,
		.btn-success:hover,  .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success,
		.btn-primary:focus, .btn-primary.focus,
		.btn-success:focus, .btn-success.focus{
		    background-color: var(--white) !important;
		    border-color: rgb(185, 185, 185) !important;
		    outline: none !important;
		    color: var(--black) !important;
		}
		.btn-secondary:hover, .btn-secondary:active, .btn-secondary.active, .open > .dropdown-toggle.btn-secondary,
		.btn-secondary:focus, .btn-secondary.focus{
		    background-color: rgb(185, 185, 185) !important;
		    border-color: rgb(185, 185, 185) !important;
		    outline: none !important;
		    color: rgb(50, 50, 50) !important;
		}
		.btn-info {
			background-color: rgb(185, 185, 185) !important;
		    border-color: rgb(185, 185, 185);
		    color: var(--black) !important;
		    -webkit-transition: all 0.3s ease 0s;
		    -ms-transition: all 0.3s ease 0s;
		    transition: all 0.3s ease 0s;
		    border-radius: 20px;
		}
		/*.btn-primary.disabled, .btn-primary:disabled {
		    color: #fff;
		    background-color: transparent;
		    border-color: var(--primary);
		    opacity: 0.5;
		}*/
		.btn-info:hover,  .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info,.btn-info:focus,.btn-info.focus {
		    background-color: var(--white) !important;
		    border-color: rgb(185, 185, 185) !important;
		    outline: none !important;
		    color: var(--black) !important;
		    -webkit-transition: all 0.3s ease 0s;
		    -ms-transition: all 0.3s ease 0s;
		    transition: all 0.3s ease 0s;
		    box-shadow: 0 0 0 0rem rgba(0, 0, 0, 0);
		}
		/*.btn-info:disabled{
			color: var(--white);
		    background-color: var(--primary);
		    border-color: var(--primary);
		    opacity: 0.5;
			border-radius: 0px;
		}*/
		.btn-info.disabled, .btn-info:disabled {
		    color: var(--white) !important;
		    background-color: var(--primary) !important;
		    border-color: var(--primary);
			border-radius: 20px;
			opacity: 0.5;
		}
		.btn-download{
		    background-color: var(--primary);
		    border-color: var(--primary);
			color: var(--white) !important;
			border-radius: 20px;
		    -webkit-transition: all 0.3s ease 0s;
		    -ms-transition: all 0.3s ease 0s;
		    transition: all 0.3s ease 0s;
		}
		.btn-download.disabled, .btn-download[disabled]{
		    opacity: 1 !important;
		}
		.btn-download:hover, .btn-download:focus, .btn-download:active{
		    background-color: var(--white) !important;
		    border-color: var(--primary);
		    outline: none !important;
		    color: var(--primary) !important;
		    -webkit-transition: all 0.3s ease 0s;
		    -ms-transition: all 0.3s ease 0s;
		    transition: all 0.3s ease 0s;
		}
		.btn-sobedesce {
		    background-color: transparent;
		}
		.btn-refresh {
		    background: transparent;
		}
	/*end botoes-geral*/

	/*Font style*/
	  	/*td, .legenda,.legenda1 ,.legenda2 ,.fcaminho,.caminho{
		    font-family: 'Josefin Sans', sans-serif;
		    line-height: 1.42857143;
		    color: #975fa2;
		    list-style: none;
		}*/ 
		input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
		    background-color: #ccc !important;
		}
		input, textarea,select, option{
		    color: var(--primary);
		}
		input{
		    outline:none;
		}
		select:focus, input:focus, label:focus{
		    outline:none!important;
		    box-shadow: none!important;
		}
		::-webkit-input-placeholder {
		    color: var(--primary);
		}
		:-moz-placeholder { /* Firefox 18- */
		    color: var(--primary);
		}
		::-moz-placeholder {  /* Firefox 19+ */
		    color: var(--primary);
		}
		:-ms-input-placeholder {  
		    color: var(--primary); 
		}
		a{
			color: var(--black);
		    text-decoration: none;
		    word-break: break-word;
		    transition: all .2s;
		    -webkit-appearance: none!important;
		}
		a:hover, a:focus{
		    cursor: pointer;
		    text-decoration: none;
		    color: var(--primary);
		    outline: none;
		}
		/*#asseccentro a{
			color: var(--azul);
		}
		#asseccentro a:hover, a:focus{
		    color: var(--castanho);
		}*/

		.osinputs input {
		    line-height: normal;
		    padding: 2px;
		}
		/*h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
		    line-height: 1.42857143;
		}
		p{
		    line-height: 1.8;
		}*/
		.botao-pp{
			color: var(--box-dark);
			font-size: 0.75rem;
			font-weight: 500;
		}
		.botao-pp:hover{
			color: var(--primary);
		}
		/*#botao p::before {
		    display: inline-block;
		    content: "";
		    border-top: .2rem solid var(--text) ;
		    width: 3rem;
		    margin-right: 1rem;
		    transform: translateY(-0.2rem);
		}
		#botao p:hover:before {
		    display: inline-block;
		    content: "";
		    border-top: .2rem solid var(--primary) ;
		    width: 3rem;
		    margin-right: 1rem;
		    transform: translateY(-0.2rem);
		}*/
		.titulo-primario{
			color: var(--text);
		    font-size: 2.1875rem;
		    font-weight: 700;
		    line-height: 2.225rem;
		    margin: 0em 0em 0.5em 0em;
		    word-break: keep-all;
		    text-transform: uppercase;
		} 
		@media (max-width: 576px) {
			.titulo-primario{
			    font-size: 1.8rem;
			    line-height: 1.8rem;
			}
			.subtitulo-primario{
			    font-size: 	0.875rem;
			}
		}
		.titulo-secundario{
			color: var(--text);
		    font-size: 1.75rem;
		    font-weight: 700;
		    line-height: 2.15rem;
		    letter-spacing: 1px;
		    /*text-transform: uppercase;*/
		    margin: 0em 0em 0.5em 0em;
		    word-break: keep-all;
		}
		.latim{
		    font-style: italic;
		}
		.maiusculas{
		    text-transform: uppercase;
		} 
		.subtitulo-primario, .subtitulo-secundario{
			color: var(--black);
			font-size: 1.25rem;
			font-weight: 700;
			line-height: 1.6rem;
			letter-spacing: 0.5px;
			text-transform: none;
			margin: 0em 0em 0.5em 0em;
		} 
		.subtitulo-secundario{
			color: var(--primary);
		} 
		.data, .timestamp{
		    font-size: 0.750rem;
			color: var(--black);
		    -webkit-transition: all 0.2s ease-in-out;
		    -moz-transition: all 0.2s ease-in-out;
		    -o-transition: all 0.2s ease-in-out;
		    -ms-transition: all 0.2s ease-in-out;
		    transition: all 0.2s ease-in-out;
		    text-transform: lowercase;
		}
		.smalltext{
		    font-size: 13px;
		    word-wrap: break-word;
		}
		.legenda  {
		    font-size: 12px;
		    font-style: normal;
		}
		.sobconsulta{
		    font-size: 12px;
		}
		.weight400{
		    font-weight: 400 !important;
		}
		.weight600{
		    font-weight: 600 !important;
		}
		.weight700{
		    font-weight: 700 !important;
		}
		.bold{
		    font-weight: 700;
		}
		.semibold{
		    font-weight: 600;
		}
		b, strong {
		    font-weight: 600;
		}
		.text-upper {
		    text-transform: uppercase;
		}
		.lineheight24{
		    line-height: 24px;
		}
		.font16{
		    font-size: 16px;
		}
		.navbar-menu-prod{
		    font-size: 15px;
		}
		/*@media (max-width: 1300px) {
			.nav li a{
		    	font-size: 1rem;
		    }
		}
		@media (max-width: 1100px) {
			.nav li a{
		    	font-size: 0.9rem;
		    }
		}*/
		sub, sup {
		    font-size: 75%;
		    line-height: 0;
		    position: relative;
		    vertical-align: baseline;
		}
		sup {
		    top: -0.5em;
		}
		sub {
		    bottom: -0.25em;
		}
	/*end Font style*/

	/*Modal*/
		.close{
		    font-size: 1em;
		    color: var(--gray-dark) !important;
		    opacity: 1 !important;
		    -webkit-transition: all 500ms linear;
		    -ms-transition: all 500ms linear;
		    transition: all 500ms linear;
		}
		.close:hover, .close:focus {
		    color: var(--blue) !important;
		    -webkit-transform: rotate(90deg);
		    -moz-transform: rotate(90deg);
		    transform: rotate(90deg);
		}
		.modal-title{
		    text-transform: uppercase;
		    border-bottom: 1px solid #e5e5e5;
		    /*margin-bottom: 20px;*/
		    margin-top: 10px;
		    font-size: 1rem;
		    text-align: center;
		}
		.carrinho-title{
		    font-size: 1rem;
		    font-weight: 500;
		    text-transform: uppercase;
		    border-bottom: 1px solid #e5e5e5;
		    margin: 0  0 20px 0;
		}
		.carrinho_tit_prod {
		    display: block;
		    text-decoration: none;
		    font-size: 1.0769em;
		    letter-spacing: .005em;
		    line-height: 1.8;
		    white-space: nowrap;
		    overflow: hidden;
		    text-overflow: ellipsis;
		    margin-bottom: 4px;
		}
		.carrinho_quantidade {
		    font-weight: normal!important;
		    font-size: 13px!important;
		}
		.carrinho_pop{
		    display: inline-block;
		    vertical-align: top;
		    white-space: nowrap;
		    float: right;
		    -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;
		}
		.total-count {
		      padding: 0px 2px;
		}
		.logo-modal{
		    height: 100px;
		    margin-right: 20px;
		    display: inline;
		    width: auto;
		}
		.login_modal_footer{
		    margin-top:5px;
		}
		.form-group{
		    position: relative;
		}
		.modal-dialog .form-group .login-field-icon,
		.modal-dialog .form-group .envelope-field-icon {
		    font-size: 20px;
		    position: absolute;
		    right: 15px;
		    top: 0;
		    transition: all 0.25s ease 0s;
		    padding-top: 7px;
		}
		.login-modal{
		    width:100%;
		    padding-bottom: 0px;
		}
		.modal-register-btn{
		    margin: 4% 33% 2% 33% ;
		    width:100%;
		}
		.login-modal input{
		}
		.modal-body {
		    padding: 0;
		    padding-bottom: 15px;
		} 
		.bootbox-body {
		    padding-top: 20px;
		} 
		.modal-body-left{
		    float:left;
		    width:50%;
		    padding-right:4%;
		    border-right:4px solid #975fa2;
		}
		.modal-body-right{
		    float:right;
		    width:47%;
		}
		.login-link{
		    padding:0;
		}
		.modal-icons{
		    margin-left: -10px;
		    margin-right: 20px;
		}
		#center-line{
		    position: absolute;
		    right: 265.7px;
		    top: 80px;
		    background:#ddd;
		    border: 4px solid #DDDDDD;
		    border-radius: 20px;
		}
		.modal-login-btn{
		    width:100%;
		    height:40px;
		    margin-bottom:10px;
		    color: #FFF;
		}
		.modal-login-btn:hover,.modal-login-btn:focus, .modal-login-btn:active{
		}
		.modal {
		    text-align: center;
		}
		.modal:before {
		    display: inline-block;
		    vertical-align: middle;
		    content: " ";
		    height: 100%;
		}
		.modal-dialog {
		    display: inline-block;
		    text-align: left;
		    vertical-align: middle;
		}
		.modal-dialog-small{
		    width: 430px;
		}
		.login_modal_header, .modal-header {
		    background-color: var(--white);
		    color: var(--black);
		}
		.modal-header {
		    padding: 0;
		    border-bottom: 0px;
	 	}
		.modal-header .close {
		    margin-top: -2px;
		}
		.login_modal_footer{
		    color: #FFF;
		}
		.modal-content {
		    padding: 0 20px 10px 20px;
		    border-radius: 20px;
		    border: 0;
		}
		.modal-footer {
		    padding: 15px 15px 4px 15px;
		    text-align: center;
		    border-top: 1px solid #e5e5e5;
		}
		.modal-footer h6 {
		    font-size: 10px;
		    text-transform:uppercase;
		    text-align: center;
			margin-left: auto !important;
			margin-right: auto !important;
		}

		.has-error .form-control {
			border-color: #a94442;
			-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
			box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
		}

		.help-block.with-errors {
			font-size: 14px;
			color: #a94442;
		}
		#form_registo .control-label{
		    display: none;
		}

		@media only screen and (max-width: 480px){
		    .modal-dialog {
		      width: 320px !important;
		    }
		}
		.modal-dialog-centered::before {
		    display: block;
		    height: calc(40vh);
		    content: "";
		}
	/*end Modal*/

 	/*LOADER*/
		.loader {
		    position: fixed;
		    left: 0px;
		    top: 0px;
		    width: 100%;
		    height: 100%;
		    z-index: 9999;
		    background: #fff;
		    /*background: url('./imagens/hourglass.svg') 50% 50% no-repeat rgb(249,249,249);*/
		}
		#loader-wrapper {
		    position: fixed;
		    top: 0;
		    left: 0;
		    width: 100%;
		    height: 100%;
		    z-index: 2000;
		}
		#loader-wrapper .loader-section {
		    position: fixed;
		    top: 0;
		    width: 51%;
		    height: 100%;
		    background: #fff;
		    z-index: 1000;
		    -webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */
		    -ms-transform: translateX(0);  /* IE 9 */
		    transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */
		}
		#loader-wrapper .loader-section.section-left {
		    left: 0;
		}
		#loader-wrapper .loader-section.section-right {
		    right: 0;
		}
	  /* Loaded */
	    .loaded #loader-wrapper .loader-section.section-left {
	        -webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
	            -ms-transform: translateX(-100%);  /* IE 9 */
	                transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */

	        -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
	                transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	    }
	    .loaded #loader-wrapper .loader-section.section-right {
	        -webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
	            -ms-transform: translateX(100%);  /* IE 9 */
	                transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */
	     	-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
	        transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	    }
	    .loaded .spinner {
	        opacity: 0;
	        -webkit-transition: all 0.3s ease-out;  
	        transition: all 0.3s ease-out;
	    }
	    .loaded #loader-wrapper {
	        visibility: hidden;
	        -webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
	            -ms-transform: translateY(-100%);  /* IE 9 */
	                transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */
	        -webkit-transition: all 0.3s 1s ease-out;  
	                transition: all 0.3s 1s ease-out;
	    }
	/*end LOADER*/

		/*PRODUTO*/
		.produto.zoomer .overlay-zoom {
		    position: relative;
		    -webkit-transition: opacity 0.4s ease-in-out;
		    -moz-transition: opacity 0.4s ease-in-out;
		    -o-transition: opacity 0.4s ease-in-out;
		    -ms-transition: opacity 0.4s ease-in-out;
		    transition: opacity 0.4s ease-in-out;
		}
		.produto.zoomer .overlay-zoom img {
		    -webkit-transition: opacity 0.4s ease-in-out;
		    -moz-transition: opacity 0.4s ease-in-out;
		    -o-transition: opacity 0.4s ease-in-out;
		    -ms-transition: opacity 0.4s ease-in-out;
		    transition: opacity 0.4s ease-in-out;
		}
		.produto.zoomer .overlay-zoom img.top {
		    opacity: 1;
		}
		.produto.zoomer .overlay-zoom img.bottom {
		    position: absolute;
		    top: 0%;
		    left: 0%;
		    opacity: 0;
		}
		.produto.zoomer:hover img.top {
		    opacity: 0;
		}
		.produto.zoomer:hover img.bottom{
		    opacity: 1;
		}
		.produto.zoomer .labels .onhot, .produto.zoomer .labels .onsale {
		    position: absolute;
		    z-index: 1;
		    top: .8em;
		    font-size: 10px;
		    padding: 5px 11px;
		}
		.produto.zoomer .labels {
		    line-height: 1;
		    color: #fff;
		    font-weight: 600;
		    text-transform: uppercase;
		}
		.produto.zoomer .labels .onhot, .produto.zoomer .labels .onsale {
		    border-radius: 20px;
		    padding: 8px 10px 5px 10px;
		}
		.produto.zoomer .labels .onhot {
		    background: #62b959;
		    left: .8em;
		    z-index: 99;
		}
		.produto.zoomer .labels .onhot.novidade,
		.produto.zoomer .labels .onhot.new {
		    z-index: 99;
		    border-top: 30px solid rgb(106,178,28);
		    border-right: 20px solid transparent;
		    height: 0;
		    left: 0;
		    /*top: 0;*/
		    background: transparent;
		    border-radius: unset;
		    width: auto;
		    padding: 0 5px 0 10px;
		}
		/*.produto.zoomer .labels .onhot.novidade:after,
		.produto.zoomer .labels .onhot.new:after  {
		    content: '';
		    position: absolute;
		    top: -2px;
		    right: 0px;
		    height: 4px;
		    width: 100%;
		    background: rgb(106,178,28);
		    transform: skew(0deg, -2deg);
		}*/
		.produto.zoomer .labels .onhot.promocao,
		.produto.zoomer .labels .onhot.promotion {
		    z-index: 99;
		    border-top: 30px solid rgb(248,0,0);
		    border-right: 20px solid transparent;
		    height: 0;
		    left: 0;
		    /*top: 0;*/
		    background: transparent;
		    border-radius: unset;
		    width: auto;
		    padding: 0 5px 0 10px;
		}
		/*.produto.zoomer .labels .onhot.promocao:after,
		.produto.zoomer .labels .onhot.promotion:after {
		    content: '';
		    position: absolute;
		    top: -2px;
		    right: 0px;
		    height: 4px;
		    width: 100%;
		    background: rgb(248,0,0);
		    transform: skew(0deg, -2deg);
		}*/
		.produto.zoomer .labels .onhot.top_vendas,
		.produto.zoomer .labels .onhot.top_vendas {
		    z-index: 99;
		    border-top: 30px solid rgb(41,94,171);
		    border-right: 20px solid transparent;
		    height: 0;
		    left: 0;
		    /*top: 0;*/
		    background: transparent;
		    border-radius: unset;
		    width: auto;
		    padding: 0 5px 0 10px;
		}
		/*.produto.zoomer .labels .onhot.top_vendas:after,
		.produto.zoomer .labels .onhot.top_vendas:after {
		    content: '';
		    position: absolute;
		    top: -2px;
		    right: 0px;
		    height: 4px;
		    width: 100%;
		    background: rgb(41,94,171);
		    transform: skew(0deg, -2deg);
		}*/
		.produto.zoomer .labels .label_onhot_txt {
		    margin-top: -20px;
		    /* padding: 0px 2px; */
		    font-size: 1.2em;
		}
		.produto.zoomer .labels .onsale {
		    background: rgb(248,0,0);
		    font-size: 14px;
		    text-align: center;
		    right: .8em;
		    z-index: 99;
		    width: 44px;
		    height: 44px;
		    line-height: 44px;
		    border-radius: 50%;
		    padding: 0;
		}		  
		/*svg do banner dos produtos*/
		.labelProduct {
		    position: absolute;
		    /*top: 14px;*/
		    left: 15px;
		    z-index: 99;
		    /*right: 101px;*/
		    max-width: 50%;
		}		  
		.item.list-group-item .labelProduct {		  
		   left: unset;
		   max-width: 22%;		   
		}	
	/*end PRODUTO*/

	/*Fancybox*/
		.fancybox-overlay.fancybox-overlay-fixed {
		    z-index: 1055;
		}
		.fancybox-type-iframe .fancybox-nav{
		    height: 90% !important;
		}
		.fancybox-title{
			font-family: 'Roboto', sans-serif !important;
			font-size: 13px !important;
			line-height: 20px !important;
			text-align: center;
		}
		.fancybox-title-inside-wrap {
			padding: 10px;
		}
		.fancybox-prev span {
			left: 0px;
		}
		.fancybox-next span{
			right: 0px;
		}
		.zoomer:hover .overlay-zoom .zoom-icon{
			opacity:0.5;   
			-webkit-transform: scale(1);
			-moz-transform: scale(1);
			-o-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
			filter: alpha(opacity = 50);
		}
		.zoomer:hover .overlay-zoom .zoom-lupa{
		    opacity: 1;
		}
		.zoomer:hover .overlay-zoom .zoom-video{
			opacity: 1;
		}
		.overlay-zoom {
			z-index: 90;
			width: 100%;
			height: 100%;
			display: block;
			cursor: pointer;
			overflow: hidden;
			position: relative;     
			-webkit-transition: all 0.2s ease-in-out;
			-moz-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			-ms-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
			/*border: 1px solid #e6e9ed;*/
		}
		.overlay-zoom .zoom-icon {
			top: 0;
			left: 0;
			opacity: 0; 
			z-index: 100;
			width: inherit;
			height: inherit;
			position: absolute;
			/*border-radius: 5px;*/
			background-color: rgba(0, 0, 0, 0.6);
			filter: alpha(opacity = 0);
			-webkit-backface-visibility: hidden;
			-webkit-transition: all 0.2s ease-in-out;
			-moz-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			-ms-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
			-webkit-transform: scale(0);
			-moz-transform: scale(0);
			-o-transform: scale(0);
			-ms-transform: scale(0);
			transform: scale(0);
		}
		.overlay-zoom .zoom-lupa{
			opacity: 0;
			cursor: zoom-in;
			-webkit-transition: opacity 0.2s 0s ease-in-out;
			-moz-transition: opacity 0.2s 0s ease-in-out;
			-o-transition: opacity 0.2s 0s ease-in-out;
			-ms-transition: opacity 0.2s 0s ease-in-out;
			transition: opacity 0.2s 0s ease-in-out;
			-moz-transition-delay: 0.2s;
			-webkit-transition-delay: 0.2s;
			-o-transition-delay: 0.2s;
			-ms-transition-delay: 0.2s;
			transition-delay: 0.2s;
			width: inherit;
			height: inherit;
			z-index: 9999;
			top: 0;
			left: 0;
			position: absolute;
			background-position: 50%;
			background-repeat: no-repeat;
			background-image:url(./imagens/zoom.svg);
		}
		.overlay-zoom .zoom-video{
			opacity: 0.5;
			-webkit-transition: opacity 0.2s 0s ease-in-out;
			-moz-transition: opacity 0.2s 0s ease-in-out;
			-o-transition: opacity 0.2s 0s ease-in-out;
			-ms-transition: opacity 0.2s 0s ease-in-out;
			transition: opacity 0.2s 0s ease-in-out;
			-moz-transition-delay: 0.2s;
			-webkit-transition-delay: 0.2s;
			-o-transition-delay: 0.2s;
			-ms-transition-delay: 0.2s;
			transition-delay: 0.2s;
			width: inherit;
			height: inherit;
			z-index: 9999;
			top: 0;
			left: 0;
			position: absolute;
			background-position: 50%;
			background-repeat: no-repeat;
			background-image:url(./imagens/zoom-video.svg);
		}
	/*end fancybox*/


	.owl-container{
	    position: relative;
	    float: left;
	    width: 100%;

	    display: block;
	  	display: -webkit-box;
	  	max-width: 100%;
	  	/*height: 110px;
	  	margin: 15px 0px;
	  	line-height: 1;*/
	  	margin-top: 15px;
	  	margin-bottom: 25px;
	  	-webkit-line-clamp: 5;
	  	-webkit-box-orient: vertical;
	  	overflow: hidden;
	  	text-overflow: ellipsis;
	}