/*==========================================================================================
	
Main theme styles
This file contains all styles for GIOSS theme

==========================================================================================*/


body #carousel .cl-effect-2 a span {background-color:transparent;color:#fff;text-transform:none;font-size:25px;line-height:200%;font-family:'Raleway', sans-serif;}
body #carousel .cl-effect-2 a span:before {background-color:transparent;text-transform:none;font-size:25px;line-height:200%;font-family:'Raleway', sans-serif;}

/*----------------------------------------------------*/
/*	Common
/*----------------------------------------------------*/
body,html {font-family: 'Open Sans', sans-serif;font-size:14px;}

a {text-decoration:none;}

h2 {margin:30px 0;display:block;width:100%;font-family: 'Raleway', sans-serif;font-weight:500;}
h3 {font-family: 'Raleway', sans-serif;}

h3.center {text-align:center;width:100%;font-weight:300;font-size:2em;margin:40px 0 20px 0;background: url(../img/sprite.png) no-repeat 50% -46px;}

section {float:left;width:100%;position:relative;margin:0;}
section.page {margin-top:60px;padding:40px 0;}
 
/*----------------------------------------------------*/
/*	Wrappers & other
/*----------------------------------------------------*/
#wrapper {width:100%;overflow:hidden;}
.wrap {width:100%;margin:0 auto;z-index:4;position:relative;}
.clear {width:100%;clear:both;float:left;}
.space {float:left;margin:20px 0;clear:both;width:100%;}
.nospace {margin:0!important;padding:0!important;}





/*----------------------------------------------------*/
/*	Header
/*----------------------------------------------------*/
#header {position:fixed;display:block;width:100%;height:60px;z-index:9;min-width:320px;}
#header .main {position:relative;z-index:3;}

#header .main-canal-denuncia {
	background-color: #1c4060;
	padding-bottom: 10px;

}
#header .after {
	position:absolute;
	width:100%;
	height:100%;
	top:-60px;
	z-index:2;
	background-color: rgba(28, 64, 96, 0.8); 
}
#header.sticky .after {
	top:0;
}
 
#header.sticky #navigation { margin-top: -25px;}
#header.sticky #navigation li a {color:#fff;}
#header.sticky #logoTopo { width: 150px; }
#header.sticky #logoTopo { margin-top: 22px; }

#mobile {display:none;}

/*----------------------------------------------------*/
/*	Preloader
/*----------------------------------------------------*/
#preloader {position:fixed;width:100%;height:100%;background-color:#fff;z-index:99;}
#preloader-transparente {position:fixed;width:100%;height:100%;background-color: transparent !important;z-index:99;}

.spinner {width: 30px;height: 30px;background-color: #000;position:relative;top:45%;margin: 0 auto;-webkit-animation: rotateplane 1.2s infinite ease-in-out;animation: rotateplane 1.2s infinite ease-in-out;}

@-webkit-keyframes rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}



/*----------------------------------------------------*/
/*	Carousel
/*----------------------------------------------------*/ 

.prev {top:50%;margin-top:-29px;position:absolute;cursor:pointer;opacity:1;background:url('../img/sprite.png') no-repeat 0px -39px;-webkit-transition : all 0.2s ease-out;-moz-transition : all 0.2s ease-out;transition : all 0.2s ease-out;left:150px;width:41px;height:81px;z-index:100000;}
.next {top:50%;margin-top:-29px;position:absolute;cursor:pointer;opacity:1;background:url('../img/sprite.png') no-repeat -48px -39px;-webkit-transition : all 0.2s ease-out;-moz-transition : all 0.2s ease-out;transition : all 0.2s ease-out;right:150px;width:41px;height:81px;z-index:100000;}
.prev:hover, .next:hover {opacity:.4;}
.prev:active, .next:active {opacity:.4;}

.slide-text {position:relative;top:0;}
.slide-text li {height:21px;}

/* pattern */
.pattern {background-image:url(../img/pattern.html);position:absolute;opacity:0.8;left:0px;top:0px;right:0;bottom:0;width:100%;height:100%;z-index:1; }
 
.main-text {position:absolute;top:50%;margin-top:-55px;width:100%;font-family:'Raleway', sans-serif;text-shadow:0 0 15px rgba(0,0,0,0.3);text-transform:uppercase;text-align:center;font-weight:700;font-size:70px;line-height:70px;color:#ededed; z-index: 5;}
.sub-text {position:absolute;top:50%;margin-top:30px;width:100%;height:21px;overflow:hidden;font-family:'Raleway', sans-serif;text-shadow:0 0 5px rgba(0,0,0,0.3);text-transform:uppercase;text-align:center;font-weight:400;font-size:20px; line-height:20px;color:#fff;z-index:20; }
.scroll-btn {position: absolute;bottom:40px;left:50%;margin-left:-20px;-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;transition: all .35s ease-in-out;width: 40px;height:46px;background:url(../img/sprite.png) no-repeat -155px -219px;z-index: 11;opacity:.6;}

/* scroll button animation */
@keyframes arrows {
	0% { bottom:40px; }
	10% { bottom:50px; }
	20% { bottom:40px; }
	30% { bottom:50px; }
	40% { bottom:30px; }
	50% { bottom:50px; }
	60% { bottom:40px; }
	70% { bottom:50px; }
	80% { bottom:30px; }
	90% { bottom:50px; }
	100% { bottom:40px; }
}
@-webkit-keyframes arrows {
	0% { bottom:40px; }
	10% { bottom:50px; }
	20% { bottom:40px; }
	30% { bottom:50px; }
	40% { bottom:30px; }
	50% { bottom:50px; }
	60% { bottom:40px; }
	70% { bottom:50px; }
	80% { bottom:30px; }
	90% { bottom:50px; }
	100% { bottom:40px; }
}
.scroll-btn {-webkit-animation: arrows 3.8s infinite;-webkit-animation-delay: 1s;animation: arrows 3.8s infinite;animation-delay: 1s;cursor:pointer;}


 

/*----------------------------------------------------*/
/*	Navigation
/*----------------------------------------------------*/
#navigation {float:right;font-size:0;position:relative;top:45px;text-align:center;width:100%;}
#navigation li {display:inline-block;font-size:14px; padding-left: 30px;}

#navigation li a {display:block;position:relative;padding:21px 0;margin:0;color:#fff;text-transform:uppercase;font-size:0.9em;}
#navigation li span.arrow {position:relative;top:-1px;}
#navigation li span.border {position:absolute;left:0;bottom:-5px;width:0;height:5px;background-color:#fff;}
#navigation li a:hover span.border, #navigation li a.active span.border {width:100%;}
#navigation ul li a:hover {background-color:#fff;color:#000!important;}

/* navigation submenu */
#navigation ul {display:none;position:absolute;margin:0;padding:0;text-align:left;}
#navigation ul li {display:block;position:relative;}
#navigation ul li a {width:150px;background-color:#000;padding:10px 20px;}
#navigation li:hover > ul {display:block;}

/* navigation sub sub menu */
#navigation ul li ul {display:none;position:absolute;top:0;left:190px;}



/*----------------------------------------------------*/
/*	Logo
/*----------------------------------------------------*/
#logo {height:120px;font-size:30px;font-weight:800;font-family: 'Ubuntu', sans-serif;color:#000;line-height:57px;padding:0!important;margin:0;}
#logo img {position:relative;z-index:2;font-size:30px;width:180px;text-align:center;margin:45px 0 0 0;letter-spacing:-0.2rem;color:#000;}
#logo .label {position:absolute;display:block;background-color: transparent;top:-35px;left:0;width:120px;height:120px;z-index:1;}

 

/*----------------------------------------------------*/
/*	Go to top button
/*----------------------------------------------------*/
#go-top {opacity:0;width:50px;height:50px;display:block;position:fixed;right:0;bottom:0;background: #000 url(../img/sprite.png) no-repeat -101px 6px;cursor:pointer;z-index:6;}
#go-top.bottom {position:absolute;right:0;top:-50px;}
#go-top:hover {background-color:rgba(0,0,0,0.8)}



/*----------------------------------------------------*/
/*	Transitions
/*----------------------------------------------------*/
#logo, #navigation li a, #portfolio .item .over, #portfolio .item, #team .member img, #team .info, #team .info:after, #team .social a,
#core .core, #core .fa, #navigation li span.border, #header .after, #go-top, #logo:after, #footer .social a, #logo .label, #logo h1,
.customers li .over, .core-values .core, .nav-controls a, #contacts .get-in-touch button {
	transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;
} 






/*----------------------------------------------------*/
/*	About
/*----------------------------------------------------*/
/* facts */
.page-title {position:relative;width:100%;font-family: 'Raleway', sans-serif;font-size:45px;color:#000;font-weight:800;text-align:center;margin:80px 0 0 0;letter-spacing:-0.1rem;text-transform:uppercase;}
.page-title.float {float:left;width:100%;}
.page-title span {font-weight:300;}
.page-title .border {position:absolute;left:50%;bottom:-10px;width:100px;height:2px;background-color:#eee;margin-left:-50px;}

.page-subtitle {
	width:100%; 
	font-size:20px;
	font-weight:300;
	text-align:center;
	margin-top:22px;
}


#quero-contratar{
	position: sticky;
	top: 0px; 
	width: 100%; 
	height: 100%; 
	overflow: hidden;
	background-color: #1c4060;
	padding-bottom: 100px;
}



#lojas{
	position: sticky;
	top: 0px; 
	width: 100%; 
	height: 100%; 
	overflow: hidden;
	background-image: url('../img/facta/lojas.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 100px;
	padding-bottom: 100px;
}
#lojas .lojas-titulo{
	margin-top: 20px; 
	font-weight: bold; 
	letter-spacing: 2px;
	font-size: 30px;
	padding-left: 10px;
}
#lojas .lojas-clique-aqui{
	font-size: 20px; 
	margin-top: -20px !important;
	padding-left: 10px;
}

#lojas .textoLojas{
	text-align: left;
}

#lojas .img-pin{
	font-family: 'Open Sans', sans-serif;
	margin-top: 25px;
	width: 75px;
}



#publicacoes{
	position: sticky;
	top: 0px; 
	width: 100%; 
	height: 100%; 
	overflow: hidden;
	background-color: #00A1AB;
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 50px;
	padding-bottom: 50px;
	text-align: left;
}
#publicacoes .publicacoes-titulo{
	color: #FFFFFF; 
	font-weight: 800; 
	font-size: 18px; 
	margin-top: 10px;
}
#publicacoes .publicacoes-texto{
	color: #000000;
	font-size: 16px; 
	margin-top: -20px !important;
}


/*#produtos{*/
#canal-de-denuncia{
	position: sticky;
	top: 0px; 
	width: 100%; 
	height: 100%; 
	overflow: hidden;
	/* background-image: url('../img/facta/canal-de-denuncia.png') ; */
	/* background-size: center; */
	background-repeat: no-repeat;
	background-color: #44a1aa;
	padding-top: 50px;
	padding-bottom: 50px;
} 
#produtos .titulo{
	font-size: 30px; 
	font-weight: 800;
	margin-top: 20px !important;
	letter-spacing: 3px;
}
#produtos .subtitulo{
	font-size: 20px; 
	font-weight: 800;
	color: #1c4060;
	letter-spacing: 3px;
	margin-top: 50px;
	margin-bottom: 20px;
}
#produtos .fundo{
	background-color: rgba(68, 161, 170, 0.6); 
	padding-top: 20px; 
	padding-bottom: 20px;
}


#condicoes-gerais {
	background-color: #00192d;
}
#condicoes-gerais .titulo {
	font-size: 30px;
	font-weight: 800;
	margin-top: 40px;
	letter-spacing: 3px;
}
.fundo {
	background-color: #44a1aa;
	padding: 20px;
	border-radius: 8px;
}
.descricao-produto {
	text-transform: uppercase;
	padding-bottom: 20px;
	font-size: 13px;
	text-align: left;
}
.download-link {
	color: #f44336;
	text-decoration: none;
	font-size: 12px;
	border: 1px solid #dc3545;
	padding: 4px 8px;
	border-radius: 5px;
}
.download-link:hover {
	background-color: #f44336;
	color: #fff;
}


/*#canal-de-denuncia{ 
	background: #00ADB4;
} */
.titulo-denuncia{
	text-align: center;
	font-size: 50px; 
	font-weight: 900;
	letter-spacing: 3px;
	color: #1c4060;
	margin-top: 25px;
}
.tableOcorrencias {
	margin-top: 30px;
	margin-bottom: 30px;
	border: 1px solid #fff;
	border-radius: 20px; 
	padding-bottom: 30px;
}


#sinistro{
	position: sticky;
	top: 0px; 
	width: 100%; 
	height: 100%; 
	overflow: hidden;
	background-image: url('../img/facta/sinistro.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 100px;
	padding-bottom: 100px;
} 
#sinistro .titulo{
	font-size: 30px; 
	font-weight: 800;
	padding-top: 35px !important;
	letter-spacing: 3px;
	padding-bottom: 50px;
}

#sinistro .lista-sinistro{
	text-align: center;
}

#sinistro .lista-sinistro li{
	list-style: none; 
	padding-bottom: 15px;
}


#sobre{
	position: sticky;
	top: 0px; 
	width: 100%; 
	height: 100%; 
	overflow: hidden;
	background-image: url('../img/facta/sobre.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 100px;
	padding-bottom: 100px;
} 
#sobre .titulo{
	font-size: 30px; 
	font-weight: 800;
	padding-top: 15px !important;
	color: #FFFFFF;
	letter-spacing: 3px;
	padding-bottom: 50px;
}

#fale-conosco{
	position: sticky;
	top: 0px; 
	width: 100%; 
	height: 100%; 
	overflow: hidden;
	background-color: #00192D;
	padding-top: 50px;
	padding-bottom: 50px;
    font-size: 14px;
} 

#fale-conosco .logo-rodape{
	width: 400px; 
	padding-top: 10px;
}
#fale-conosco .logo-rodape-topo{
	display: none;
}


.tituloBanner{ 
	font-size: 20px !important;
	color: #FFF;
	text-align: left; 
	text-transform: none;
	line-height: 1.3;
	padding-top: 15px;
	padding-bottom: 15px;
}
.coluna-esquerda-esq{
	padding-left: 0px;
	padding-right: 0px;
}
.coluna-direita-esq{
	border-left: 1px solid #FFF; 
	padding-top: 0px; 
	padding-bottom: 20px;
	text-align: center;
}
.coluna-esquerda-dir{
	border-right: 1px solid #FFF; 
	padding-top: 20px; 
	padding-bottom: 20px;
	text-align: center;
}
.coluna-direita-dir{
	padding-left: 0px;
	padding-right: 0px;
}

.cor-azul{
	color: #44a1aa;
}
.cor-azul-escuro{
	color: #1c4060;
}
.cor-branca{
	color: #FFFFFF;
}
 
.fundo-azul{
	background-color: #44a1aa;
}
.texto-banner{
	margin-top: 100px;
}

.margin-QC-linha{
	margin-top: 100px;
}
.margin-QC-titulo{
	font-size: 24px; 
	font-weight: 600;
}



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

	.menuDesktop{
		display: none;
	}

	.tituloBanner{ 
		font-size: 24px !important;
		color: #FFF;
		text-align: center; 
		text-transform: none;
		padding-top: 15px;
		padding-bottom: 15px;
	} 
	.texto-banner{
		margin-top: -100px !important;
	}	
	.coluna-esquerda-esq{
		display: none;
	}
	.coluna-direita-dir{
		display: none;
	}

	.page-subtitle {
		width:100%; 
		font-size:25px;
		font-weight:300;
		text-align:center
		;margin-top:22px;
	}

	.margin-QC-linha{
		margin-top: 50px;
	}
	.margin-QC-titulo{
		font-size: 22px; 
		font-weight: 600;
	}

	#publicacoes{ 
		text-align: center;
	}	

 
	#lojas .lojas-titulo{
		margin-top: 20px; 
		font-weight: bold; 
		letter-spacing: 2px;
		font-size: 25px;
		padding-left: 10px;
	}
	#lojas .lojas-clique-aqui{
		font-size: 20px; 
		margin-top: -20px !important;
		padding-left: 10px;
	}
	#fale-conosco{
		text-align: center;
		 font-size: 13px;
	}
	#fale-conosco .logo-rodape{
		display: none;
	}		
	#fale-conosco .logo-rodape-topo{
		display: block;
		width: 200px; 
		padding-bottom: 30px;

	}
	#lojas .textoLojas{
		text-align: center;
	}

	#lojas .lojas-titulo{
		margin-top: 20px; 
		font-weight: bold; 
		letter-spacing: 2px;
		font-size: 26px;
		padding-left: 10px;
	}
	#lojas .lojas-clique-aqui{
		font-size: 20px; 
		margin-top: -20px !important;
		padding-left: 10px;
	}
	#lojas .img-pin{
		width: 80px !important;
	}


}

.preloader{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999; background-color:#ffffff; background-position:center center; background-repeat:no-repeat; background-image:url("../img/facta/preloader.svg");}

.goTop { 
    width: 50px;
    height: 50px;
    display: none;
    position: fixed;
    right: 0;
    bottom: 0;
    background: #00192D url(../img/sprite.png) no-repeat -101px 6px;
    cursor: pointer;
    z-index: 6;
}