/*
Theme Name: Afilio
Theme URI: http://afilio.com.br/
Description: Description
Version: 1.0
Author: Daniel Dantas
Author URI: http://agenciamotiva.com.br/
Tags: one, two
*/



@import url(assets/css/afilio.css);

/* teste */
.top-bar .top-menu>ul>li>a {
	font: 600 1.7em/94px 'Titillium Web', sans-serif; !important;
}


.top-language {
	background: #e1e1e1;
	float: right;
	height: 32px;
	margin-left: 20px;
	padding: 0 10px;
	position: relative; !important
}

.chamada-principal{
	text-decoration:none;
	color: #00164E;
}

/* INICIO Aumento do tamanho das logos dos clientes */
.clients-list {
	width: 90%;
	margin-left:50px;
}
/* FIM Aumento do tamanho das logos dos clientes */

/* customização da altura do box em novidades */
.archive-post-list p{
max-height:100px !important;
}

a:hover{
	text-decoration:none;
}

/* espacamento dos botoes de saiba mais na home */
.read-more {
	margin-top:80px;

}

/* conteudo barra rosa para os subtitulos
icons-list h2:before {
    color: #c64b9b;
    content: '/';
    font-size: 1em;
    padding-right: 10px;
}*/

/* customização cor dos subtítulos modelos comerciais */
.icon-text{
	color:#007DC4;
}

/* conteudo barra rosa com o h2 */
.features h2:before {
	color: #c64b9b !important;
	content: "/";
	margin-right: 10px;
}

.top-language:before {
	border-color: transparent #e1e1e1 #e1e1e1 transparent;
	border-width: 16px 7px;
	left: -14px;
	top: 0; !important
}
.top-language:after {
	right: -14px;
	border-color: #e1e1e1 transparent transparent #e1e1e1 ;
	border-width: 16px 7px; !important
}

.top-language li:after {
	color: #002E6E;
	content: "/";
	font: 400 1.4em/32px 'Titillium Web', sans-serif;
	margin-left: 10px; !important
}

.top-language .lang_sel_sel {
	color: #e1e1e1;
	font-weight: 600; !important
}

.top-language li a {
	color: #e1e1e1;
	font: 400 1.4em/32px 'Titillium Web', sans-serif; !important
}

.top-login {
	background: #002E6E;
	float: left;
	height: 32px;
	padding: 0 10px;
	position: relative; !important;
}

.top-login:before {
	border-color: transparent #002E6E #002E6E transparent;
	border-width: 16px 7px;
	left: -14px;
	top: 0; !important
}
.top-login:after {
	right: -14px;
	border-color: #002E6E transparent transparent #002E6E ;
	border-width: 16px 7px; !important
}

.top-login a {
	color: #fff;
	font: 600 1.4em/32px 'Titillium Web', sans-serif;
	text-decoration: none;
	text-transform: uppercase; !important
}

body {
	background: #e1e1e1;

	font: 400 10px/12px 'Titillium Web', sans-serif; !important
}


.depoimentos-list li {
	border-bottom: 1px solid #CCC;
	margin-bottom: 40px;
	padding-bottom: 20px;
	}
.depoimentos-list li:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
	}
.depoimentos-list li p {
    font-style: italic;
	}

.footer-social {
	margin-top:40px !important;}

/*Grayscale Logos*/
.cliente-logo img {
	height: auto;
	width: 100%;
	transition: all .6s ease;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter:grayscale(100%);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 			0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	}

.cliente-logo img:hover {
	height: auto;
	width: 100%;
	-webkit-filter: grayscale(0);
	filter: none;
	transition: all .6s ease;
	}

.clients-list li:nth-child(25) img{
	opacity: .5;
	transition: all .6s ease;
	}
.clients-list li:nth-child(25) img:hover{
	opacity: 1;
	transition: all .6s ease;
	}
p {color: #0e0e0e;}
.sidebar-menu a {color: #042e6f;}
.top-bar {border-top: none;}

footer .col-lg-3, footer .col-md-3, footer .col-md-3{
  	width: 20% !important;}
.features-box {height:256px;}
.top-login li:first-child:after {
  	content: "/";
	color: #fff;
	}

.top-language li:after {
  	color: #FFFFFF;
  	content: "/";}

.top-login li:last-child a {
    color: #c64b9b;
    font-weight: 700;
    display: inline-block !important;
}

/*SITEMAP STYLE*/
.sitemap{
font-size: 12pt;

}
.sitemap ul {
 display: box-inline;
argin: 5px 0 !important;
 }
.sitemap ul li {
margin: 15px 0 !important;
 }

#msg {
	height: 105px;
}

/*---------------------------- Style Busca ------------------------------*/

.iconeBusca
{
	list-style:none;
	position:absolute;
	z-index:99999999999999999999;

	}
	.iconeBusca li {
		width:22px;
		padding:0 0 10px 0;
		margin-top:-5px;
		height:24px;
		/*background-image:url(http://afilio-public-general.s3.amazonaws.com/Logos/logo-afilio/lupa.png);
		background-repeat:no-repeat;
		background-position:center;*/
		}
	/*.iconeBusca li:hover {
		width:22px;
		height100px;

		background-image:url(http://afilio-public-general.s3.amazonaws.com/Logos/logo-afilio/lupa.png);
		background-repeat:no-repeat;
		background-position:center;
		z-index:999999999;
		}*/
	#showForm
		{
		display:none;
		}
	/*#showForm li
	{ */
    		/* display: none;*/
		/*visibility:hidden;*/
		/*list-style:none;

	 	right:-40px;
		top:-35px;

		padding:5px;
		width: 10px;

		opacity: 0.1;
		transition: all .6s ease;
		}*/

	#showForm li
	{
		display:inline-block;
		visibility:visible;
		position: absolute;
	 	left:-514px;
		top:32px;
		background:#e1e1e1;
		padding:6px;
		width: 538px;
		height:44px;
		z-index:999999999;
		}
		#showForm  li input[type="search"]
		{
			border:none;
			width:420px;
			height:28px;
			padding-left:5px;
			vertical-align: central;
			color:#042e6f;
			font-size:12pt;
			}
		#showForm li input[type="submit"]
		{	color:#042e6f;
			border:none;
			background:#e1e1e1;
			width:95px;
			padding:8px;
			text-align:center;
			vertical-align: central;
			}

			/*---------------------------------------------
				.iconeBusca li:before, .iconeBusca li:after {
			border-style: solid;
			content: '';
			position: absolute;
			top: 0;
				}

			.iconeBusca ul:last-child:after {
			content: none;
				}

			.iconeBusca li:before{
			  border-color: transparent #e1e1e1 #e1e1e1 transparent;
 			  border-width: 17px 7px;
			 	right: 50px;
				}
			.iconeBusca li:after {
			right: 1px;
			border-color: #e1e1e1 transparent transparent #e1e1e1 ;
			border-width: 17px 7px;
				}
			*/
		/*------------------------------------------------------------------------*/

		/*
		.iconeBusca li:hover:before, .iconeBusca li:hover:after {
			border-style: solid;
			content: '';
			position: absolute;
			top: 0;
				}
				.iconeBusca ul:last-child:hover:after {
			content: none;
				}

			.iconeBusca li:hover:before{
			 border-color: transparent rgb(0, 174, 239) rgb(0, 174, 239) transparent;
 			  border-width: 17px 7px;
			 	right: 360px;
				}
			.iconeBusca li:hover:after {
			right: 311px;
			border-color: rgb(0, 174, 239) transparent transparent rgb(0, 174, 239) ;
			border-width: 17px 7px;
				}
				*/
		/*----------------------------------------------------------------------------*/
		/* #showForm li:after
	{
		border-style: solid;
			content: '';
			position: absolute;
			top: 0;

		}
		#showForm li:after
	{
			right: -17px;
			border-color:#e1e1e1 transparent transparent #e1e1e1 ;
			border-width: 22px 7px;
		}
		#showForm li:before
	{
		 border-color: transparent rgb(0, 174, 239) rgb(0, 174, 239) transparent;
 			  border-width: 17px 7px;
			 	right: 310px;

		}*/


/*

.mensagemcall{

	height: 170px;

}


.main-nav{
height:32px !important;
}

----------------------------------------------------------------------------
@media screen and (max-width:780px){*/
.noborder.top-login:before {
	border-color: transparent;
	border:none ;
}


.noborder.top-login:after {
	border-color:  transparent ;
	border:none ;

}
@media screen and (min-width:800px){
.noborder{
margin-left:2px;
}


}
/*Fix width login-form*/
@media screen and (max-width:380px){
.form-control{
width:220px !important;
}


#msg{

	height: 65px;

}

.form-control-submit {
float:left;
 width: 240px !important;
}
.modal-body{
width:320px !important;

}

}
@media screen and (min-width:390px) and (max-width:600px){
.form-control{
width:370px !important;
}

#msg{
height: 65px;
}

.form-control-submit {
float:left;
 width: 382px !important;
}
.modal-body{
/*width:420px !important;

*/
}

}

/* -------------------------------------- CALL TO ACTION STYLE -----------------------*/
#animAside{
	position:fixed;
	right:-360px;
	top:30%;
	display:none;
	z-index:6;
}
.callSideModal{
	display:block;
	width:350px;
	background:#00aeef;
	padding:2.5%;
	box-shadow:#000000 -2px 8px 10px;
	position:fixed;

	}
	#sideModal{}

	#btnCallModal2{
	width:65px;
	height:65px;
	position:fixed;
	right:0;
	top:30%;
	box-sizing:content-box;
	/*box-shadow:#000000 -2px 2px 10px;*/

	z-index: 7;
	}


#btnCallModal2 :active {border:0;box-shadow:none }

.callSideModal form input[type="text"], .callSideModal form input[type="email"], .callSideModal form textarea ,
.callSideModal form input[type="submit"]{ width:250px; height:40px; margin: 5px ; font-size:14pt}

/*border after */

 aside#animAside:after {
 clear:  both !important;
  border: none !important;



/* -------------------------------------- CALL TO ACTION STYLE -----------------------*/


/*------------- Barra News -------------------*/

.news {
background-color: #00ADEE;
margin-top: 0px;
padding:20px;
}

.news h2 {
color: white;
}

/*----------- INICIO BARRA AZUL NOVIDADES -----------*/

.novidades{
	margin-left: 320px;
	margin-top:-65px;
	z-index: 999;
	clear: both;

}

.novidades li{
	display: inline-flex;

}

.novidades li{
	padding-left: 20px;
	padding-right: 20px;
	border-right: 1px  white solid;
}



.novidades li a {
	color: white !important;
	display: block;
}

.novidades li a:hover {
	color: #777 !important;
	display: inline;
}


.navigation {
	width: 215px;
	float: right;
	margin-top: 20px;
	font-size: 13px;
}
*--------------- FIM BARRA AZUL NOVIDADES ---------------*/

/*-------------- Customizacao Video Principal -------------*/

video {
	width: 100%;
	height: 600px;
}

.video-pelicula {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    z-index: 2;

}

/* Customizacao Botoes Iniciais HOME */

.botao-azul{
	background: #337ab7;
	color: #fff;
	box-shadow: 0 5px 0 #24689b;
	border-radius: 6px;
}

.botao-azul:hover{
	background: #24689b;
	color: #fff;
	box-shadow: 0 5px 0 #0f4960;
}

.botao-azul:active{
	position: relative;;
	top: 5px;
	box-shadow: none;
}

.botao-rosa{
	background: #af5697;
	color: #fff;
	box-shadow: 0 5px 0 #9e468b;
	border-radius: 6px;
}

.botao-rosa:hover{
	background: #9e468b;
	color: #fff;
	box-shadow: 0 5px 0 #893479;
}

.botao-rosa:active{
	position: relative;;
	top: 5px;
	box-shadow: none;
}