/*GERAL */
a,i{
  	text-decoration: none !important;
  	-webkit-transition: ease-in .3s !important;
  	-moz-transition: ease-in .3s !important;
  	-o-transition: ease-in .3s !important;
  	-ms-transition: ease-in .3s !important;
  	transition: ease-in .3s !important;
}
body .headline{
	display: none !important;
}
.mobile{
  display: none !important;
}
.uppercase{
	text-transform: uppercase;
}
.centro{
    text-align: center;
}
.azul{color:#26ace2;}
.preto{color:#2d2d2d;}
.cinza{color: #bdbdbd}
.branco,.branco a{
	color: #ffffff;
}
/* MENU */
#header{
	border-bottom: 5px solid #26ace2;
	background: #ffffff !important;
}
	.header_mid_inner .logo img{
		height: 80%;
	}
	#navigation li.menu-item-icon > a span[class^="cmsms-icon-"]::before{
		margin: 0 0 0 .5em !important;
		float: right !important;
	}
	.nav_bg_clr{
		display: none !important;
	}
/* HOME */
#home_slider .tp-bullets .bullet{
	width: 10px;
	height: 10px;
	border-radius: 10px;
	margin: 0 5px !important;
	background: #ffffff !important;
}
#home_slider .tp-bullets .bullet.selected,
#home_slider .tp-bullets .bullet:hover{
	background: #26ace2 !important;
}
	#home_slider .texto a{
		color: #ffffff;
		font-size: 16px !important;
		line-height: 16px !important;
		text-align: right;
		font-weight: normal;
		text-transform: uppercase;
		border: 1px solid #26ace2 !important;
		border-radius: 50px;
		padding:10px 30px !important;
		background: #26ace2;
	}
	#home_slider .texto a:hover{
		border: 1px solid #ffffff !important;
		background: transparent;
	}
#home_destaques a{
	color: #2d2d2d;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	width: 20%;
	float: left;
	margin: 0 0 40px 0;
}
#home_destaques a:hover{
	color: rgba(38,172,226,0.5);
}
#home_destaques br{
	display: none;
}
	#home_destaques a img{
		width: 100%;
		max-width: 100px;
		display: block;
		margin: 20px auto 20px;
	}
	#home_destaques a:hover img{
		opacity: .5;
		max-width: 120px;
		margin: 10px auto 10px;
	}
#home_solucoes .cmsms_img.with_caption{
	padding: 0;
	border: none;
	background: transparent;
}
	#home_solucoes .cmsms_img.with_caption a{
		border-radius: 5px;
		display: block;
		position: relative;
	}
	#home_solucoes .cmsms_img.with_caption a:before{
		opacity: 0;
		content: "";
		width: 100%;
		height: 100%;
		border-radius: 5px;
		position: absolute;
		left: 0;
		top: 0;
		background:  rgba(38,172,226,0.7);
	}
	#home_solucoes .cmsms_img.with_caption a:hover:before{
		opacity: 1;
	}
	#home_solucoes .cmsms_img.with_caption .cmsms_img_caption,
	#home_solucoes .cmsms_heading_wrap h3{
		color: #2d2d2d;
		font-size: 14px;
		text-align: center;
		font-weight: bold;
		padding: 15px 50px 0;
	}
#home_parceiros img{
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  	filter: grayscale(100%);
}
#home_parceiros img:hover{
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  	filter: grayscale(0%);
}
/* CONTEÚDO */

/* INTERNAS */
.botao_voltar{
	text-align: right;
	float: right;
	margin: 20px 0 0;
}
#box_quem_somos_um{
	background: url(http://spinelloseguros.com.br/site-2019/wp-content/uploads/2019/01/quem-somos.jpg) no-repeat center left #ffffff;
	background-size: 50% auto;
}
	#box_quem_somos_um p{
		margin: 0 0 0 40px;
	}
#box_quem_somos_dois{
	background: url(http://spinelloseguros.com.br/site-2019/wp-content/uploads/2019/01/diferenciais.jpg) no-repeat bottom right #ffffff;
	background-size: 50% auto;
}
	#box_quem_somos_dois p{
		margin: 0 40px 0 0;
	}
#box_contato{
	background: url(http://spinelloseguros.com.br/site-2019/wp-content/uploads/2019/01/contato.jpg) no-repeat center left 100% #ffffff;
	/*background-size: 50% auto;*/
	background-size: auto 100%;
}
	#box_contato p{
		padding: 0 0 10px 0;
	}
	#box_contato .localizacao p{
		padding: 0 0 50px 0;
	}
		#box_contato img.alignleft,
		#box_contato img.fl{
			margin: 0 20px 0 0 !important;
		}
#box_formularios .box_passos p{
	position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
	#box_formularios .box_passos br{
		display: none;
	}
	#box_formularios .box_passos span{
		color: #bdbdbd;
		line-height: 25px;
		font-weight: 600;
		display: inline-block;
		position: relative;
	}
	#box_formularios .box_passos span.um:before,
	#box_formularios .box_passos span.dois:before,
	#box_formularios .box_passos span.tres:before,
	#box_formularios .box_passos span.quatro:before,
	#box_formularios .box_passos span.cinco:before{
		color: #ffffff !important;
		text-align: center;
		line-height: 25px;
		width: 25px;
		height: 25px;
		float: left;
		margin: 0 10px 0 0;
		border-radius: 25px;
		background: #bdbdbd;
	}
	#box_formularios .box_passos span.um:before{content: "1";}
	#box_formularios .box_passos span.dois:before{content: "2";}
	#box_formularios .box_passos span.tres:before{content: "3";}
	#box_formularios .box_passos span.quatro:before{content: "4";}
	#box_formularios .box_passos span.cinco:before{content: "5";}
	.page-id-124 #box_formularios .box_passos span.um,
	.page-id-136 #box_formularios .box_passos span.dois,
	.page-id-138 #box_formularios .box_passos span.tres,
	.page-id-140 #box_formularios .box_passos span.quatro,
	.page-id-142 #box_formularios .box_passos span.cinco{color: #000000;}
	.page-id-124 #box_formularios .box_passos span.um:before,
	.page-id-136 #box_formularios .box_passos span.dois:before,
	.page-id-138 #box_formularios .box_passos span.tres:before,
	.page-id-140 #box_formularios .box_passos span.quatro:before,
	.page-id-142 #box_formularios .box_passos span.cinco:before{background: #00aeef;}
#box_formularios #nav_menu-2{
	position: relative;
	border: 1px solid #bdbdbd;
	padding: 95px 0 10px 0;
	background: url(http://spinelloseguros.com.br/site-2019/wp-content/uploads/2019/01/servicos-icone.png) no-repeat top 15px center;
	background-size: 30px auto;
}
#box_formularios #nav_menu-2:before{
	content: "Outros produtos";
	color: #000000;
	font-weight: 600;
	font-size: 18px;
	line-height: 20px;
	position: absolute;
	left: 20px;
	top: 50px;
	z-index: 1000;
}
#box_formularios #nav_menu-2:after{
	content: "";
	visibility: visible;
	opacity: 1;
	width: 60px;
	height: 4px;
	position: absolute;
	left: 20px;
	top: 75px;
	background: #00aeef;
}
	#box_formularios #nav_menu-2 .menu > li > a/*,
	#box_formularios #nav_menu-2 .menu > li > ul > li > a*/{
		display: none;
	}
		#box_formularios #nav_menu-2 .menu > li > ul > li > a,
		#box_formularios #nav_menu-2 .menu > li > ul > li > ul > li > a{
			font-size: 13px;
			font-weight: 500;
			padding: 1px 20px !important;
		}
/* FORM */
.sulamerica{
	background-image: url(http://spinelloseguros.com.br/site-2019/wp-content/uploads/2019/07/sulamerica-logo.png);
	background-repeat: no-repeat;
	background-position: center right 15px;
	padding-right: 116px;
}
.porto{
	background-image: url(http://spinelloseguros.com.br/site-2019/wp-content/uploads/2019/07/porto-seguro-logo.png);
	background-repeat: no-repeat;
	background-position: center right 15px;
	padding-right: 91px;
}
#box_formularios form{
	margin: 10px 0 0 0;
}
#box_formularios form p{
	clear: none;
	padding: 0 !important;
}
#box_formularios #cf7md-form .cf7md-text,
#box_formularios #cf7md-form .cf7md-quiz,
#box_formularios #cf7md-form .cf7md-item{
	margin: 0;
}
#box_formularios #cf7md-form .cf7md-item.cf7md-select > span.wpcf7-form-control-wrap{
	padding: 6px 0 0 0;
}
#cf7md-form .mdc-textfield--upgraded:not(.mdc-textfield--fullwidth):not(.mdc-textfield--multiline)::after{
	display: none !important;
}
#box_formularios form label{
	color: #2c4058 !important;
	display: block;
	width: calc(100% - 40px) !important;
	margin: 0 5px 5px 5px !important;
	padding: 10px 20px !important;
}
#box_formularios .wpcf7-form-control-wrap{
	display: table;
	overflow: hidden;
	position: relative;
	float: left;
	width: 100% !important;
	height: 52px;
	min-height: 52px;
	margin-bottom: 20px !important;
}
#box_formularios form label{
	font-size: 13px;
	color: #2d2d2d !important;
	width: 100%;
	float: left;
	margin: 0 0 10px 0 !important;
	padding: 0 !important;
	border-radius: 0;
}
#box_formularios form .dois,
#box_formularios form .tres{
	float: left;
	clear: both;
	width: 100%;
}
#box_formularios form .dois label,
#box_formularios form .dois .wpcf7-form-control-wrap{
	width: calc(50% - 10px) !important;
	margin: 0 0 0 20px !important;
}
#box_formularios form .tres label,
#box_formularios form .tres .wpcf7-form-control-wrap{
	width: calc(33.33% - 13.4px) !important;
	margin: 0 0 0 20px !important;
}
#box_formularios form .dois label:nth-child(1),
#box_formularios form .tres label:nth-child(1),
#box_formularios form .dois .wpcf7-form-control-wrap:nth-child(1),
#box_formularios form .tres .wpcf7-form-control-wrap:nth-child(1),
#box_formularios form .tres > #Qualvalor .wpcf7-form-control-wrap:nth-child(1){
	margin: 0 !important;
}
#box_formularios form .dois > div{
	clear: both;
}
#cf7md-form .cf::after, #cf7md-form .cf7md-item::after,
#box_formularios form .dois > div.cf7md-item{
	clear: none;
}
#box_formularios .wpcf7-form-control-wrap.mensagem{
	width: 100% !important;
}
#box_formularios form input,
#box_formularios form select,
#box_formularios form textarea{
	font-size: 13px !important;
	color: #bdbdbd !important;
	/*text-transform: uppercase;
	text-transform: capitalize;*/
	width: 100%;
	float: left;
	margin: 0 0 10px 0 !important;
	padding: 0 !important;
	border-radius: 0;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	border-bottom: 1px solid #2d2d2d !important;
	background: #ffffff !important;
}
#box_formularios form input:valid,
#box_formularios form select:valid,
#box_formularios form textarea:valid{
	color: #00aeef !important;
}
#box_formularios form input:invalid,
#box_formularios form select:invalid,
#box_formularios form textarea:invalid{
	color: #ff0000 !important;
}
#box_formularios form input.wpcf7-email{
	text-transform: lowercase !important;
}
#box_formularios form select{
	height: 21px;
}
#cf7md-form .mdc-checkbox{
	margin-left: 0 !important;
}
.wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item{
	width: 50% !important;
	float: left !important;
	position: relative !important
}
	.wpcf7-form-control-wrap .wpcf7-checkbox input{
		height: 100%;
		z-index: 100000;
	}
	.wpcf7 form.wpcf7-form span.wpcf7-list-item input[type="checkbox"] + span.wpcf7-list-item-label::before, .cmsms-form-builder .check_parent input[type="checkbox"] + label::before, .wpcf7 form.wpcf7-form span.wpcf7-list-item input[type="radio"] + span.wpcf7-list-item-label::before, .cmsms-form-builder .check_parent input[type="radio"] + label::before{
		top: 3px !important;
		border: 1px solid #000000 !important;
	}
#box_formularios  #cf7md-form .wpcf7-list-item label{
	margin-top: 12px !important;
}
#box_formularios form input.wpcf7-not-valid,
#box_formularios form select.wpcf7-not-valid,
#box_formularios form textarea.wpcf7-not-valid{
	border-bottom: 1px solid red !important;
}
#box_formularios form input:focus,
#box_formularios form select:focus,
#box_formularios form textarea:focus{
	color: #00aeef !important;
	border-bottom: 1px solid #00aeef !important;
}
#cf7md-form .mdc-textfield__input::placeholder{
	opacity: 0;
}
#box_formularios form input::-webkit-input-placeholder,
#box_formularios form textarea::-webkit-textarea-placeholder { /* Chrome/Opera/Safari */
	color: #2d2d2d !important;
}
#box_formularios form input::-moz-placeholder,
#box_formularios form textarea::-moz-placeholder { /* Firefox 19+ */
	color: #2d2d2d !important;
}
#box_formularios form input:-ms-input-placeholder,
#box_formularios form textarea:-ms-textarea-placeholder { /* IE 10+ */
	color: #2d2d2d !important;
}
#box_formularios form input:-moz-placeholder,
#box_formularios form textarea:-moz-placeholder { /* Firefox 18- */
	color: #2d2d2d !important;
}
#box_formularios form input:focus::-webkit-input-placeholder,
#box_formularios form textarea:focus::-webkit-textarea-placeholder { /* Chrome/Opera/Safari */
	color: #00aeef !important;
}
#box_formularios form input:focus::-moz-placeholder,
#box_formularios form textarea:focus::-moz-placeholder { /* Firefox 19+ */
	color: #00aeef !important;
}
#box_formularios form input:focus:-ms-input-placeholder,
#box_formularios form textarea:focus:-ms-textarea-placeholder { /* IE 10+ */
	color: #00aeef !important;
}
#box_formularios form input:focus:-moz-placeholder,
#box_formularios form textarea:focus:-moz-placeholder { /* Firefox 18- */
	color: #00aeef !important;
}
#box_formularios form textarea{
	max-width: 100% !important;
	min-width: 100% !important;
	height: 100px;
	max-height: 100px;
	min-height: 100px;
}
#box_formularios form input[type=submit],
#box_formularios form input.wpcf7-form-control.wpcf7-previous,
.wpcf7-field-group .wpcf7-field-group-remove,
.wpcf7-field-group .wpcf7-field-group-add{
	color: #00aeef !important;
	font-size: 17px;
	line-height: 17px;
	text-align: center;
	font-weight: normal;
	text-transform: uppercase;
	width: auto !important;
	display: block;
	padding: 10px 30px !important;
    border: 1px solid #00aeef !important;
    border-radius: 25px;
	float: right;
	margin: 0 auto !important;
	background: #ffffff !important;
}
.wpcf7-field-group .wpcf7-field-group-remove,
.wpcf7-field-group .wpcf7-field-group-add{
	float: left;
	margin: -5px 10px 25px 0 !important;
	z-index: 1000;
}
#box_formularios form input.wpcf7-form-control.wpcf7-previous{
	margin: 0 20px 0 0 !important;
}
#box_formularios form input[type=submit]:hover,
#box_formularios form input.wpcf7-form-control.wpcf7-previous:hover,
.wpcf7-field-group .wpcf7-field-group-remove:hover,
.wpcf7-field-group .wpcf7-field-group-add:hover{
	color: #ffffff !important;
	background: #00aeef !important;
}
#box_formularios form small{
	clear: both;
	float: left;
	color: #000000 !important;
	margin: 0;
}
#box_formularios form br{display: none !important;}
#box_formularios form .wpcf7-not-valid-tip{
	color: red;
	font-size: 12px;
	text-align: left;
	float: left;
	margin: -10px 0 5px;
}
#box_formularios form .wpcf7-response-output{
	color: #000000;
	font-size: 11px;
	text-align: center;
	clear: both;
	margin: 30px auto 0;
	border-color: red;
}
#box_formularios .contatos p{
	padding: 0 0 10px 0;
}
#box_formularios .contatos img{
	max-width: 35px;
	margin: 0 10px 0 0;
}
/* RODAPE */
#respond{
	display: none !important;
}
.textwidget.custom-html-widget h4{
	margin: 0 !important;
}
.page-id-94 #custom_html-2{
	display: none !important;
}
#custom_html-2 .textwidget.custom-html-widget img{
	margin-left: -6px !important;
}
#custom_html-3 .textwidget.custom-html-widget a{
	display: inline-block;
	margin-top: 10px !important;
	margin-right: 10px !important;
}
	#custom_html-3 .textwidget.custom-html-widget a:hover img{
		opacity: .7;
	}
.copyright,
.footer_custom_html{
	font-size: 13px;
}
.copyright a,
.footer_custom_html a{
	font-size: 13px;
	font-weight: normal;
	border-bottom: 1px solid #ffffff;
}
.copyright a:hover,
.footer_custom_html a:hover{
	border-bottom: 1px solid rgba(255,255,255,.7);
}
.footer_custom_html img{
	max-width: 12px;
}
.cmsms_footer_small .footer_inner{
	padding: 10px 20px !important;
	border-top: 2px solid rgba(255,255,255,.5);
}
/*-------------------------------------------------------------------------
	1.	Large Monitor
	2.	Tablet Monitor
	3.	Small Tablet Monitor
	4.	Phone Monitor
	5.	Small Phone Monitor
-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/
/*	1.	Large Monitor
/*-------------------------------------------------------------------------*/
@media only screen and (min-width: 1440px) {

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

}
@media only screen and (min-width: 767px) and (max-width: 1024px) {

}
/*-------------------------------------------------------------------------*/
/*	2.	Tablet Monitor
/*-------------------------------------------------------------------------*/
@media only screen and (max-width: 1300px) {

}
@media only screen and (max-width: 1024px) {
	#home_slider .cmsms_row_inner{
		padding: 0 !important;
	}
	#produtos_titulo{
		
	}
}
/*-------------------------------------------------------------------------*/
/*	Tablet Monitor 950
/*-------------------------------------------------------------------------*/
@media only screen and (max-width: 950px) {

}
/*-------------------------------------------------------------------------*/
/*	3.	Small Tablet Monitor
/*-------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
    .mobile{
        display: block !important;
    }
    .desktop{
        display: none !important;
    }
    html #page #header .header_mid .header_mid_outer .header_mid_inner .logo_wrap{
    	width: 171px !important;
    	height: 152px !important;
    	float: left;
    	clear: none;
    }
    		html #page #header .header_mid .header_mid_outer .header_mid_inner .logo_wrap .logo img{
    			width: 139px !important;
    			height: 122px !important;
    		}
    html #page #header .header_mid .header_mid_outer .header_mid_inner .resp_nav_wrap{
    	float: right;
    	clear: none;
    	margin-top: 30px;
    	margin-right: 20px;
    }
    .tp-caption.magic-ttulo, .magic-ttulo{
    	font-size: 35px !important;
    	line-height: 40px !important;
    	left: auto !important;
    	right: 30px !important;
    }
    .tp-caption.magic-botao,
    .magic-botao{
		top: auto !important;
		bottom: 80px !important;
		left: auto !important;
		right: 30px !important;
    }
	    #home_slider .magic_botao_slider{
	    	font-size: 15px !important;
	    	line-height: 15px !important;
	    	left: auto !important;
	    	right: 30px !important;
	    }
}
/*-------------------------------------------------------------------------*/
/*	Tablet Monitor 600
/*-------------------------------------------------------------------------*/
@media only screen and (max-width: 600px) {

}
/*-------------------------------------------------------------------------*/
/*	4.	Phone Monitor
/*-------------------------------------------------------------------------*/
@media only screen and (max-width: 540px) {
	.tp-caption.magic-ttulo, .magic-ttulo{
    	font-size: 25px !important;
    	line-height: 30px !important;
    	left: auto !important;
    	right: 30px !important;
    }
    .tp-caption.magic-botao,
    .magic-botao{
		top: auto !important;
		bottom: 80px !important;
		left: auto !important;
		right: 30px !important;
    }
	    #home_slider .magic_botao_slider{
	    	font-size: 15px !important;
	    	line-height: 15px !important;
	    	padding: 5px 15px !important;
	    	left: auto !important;
	    	right: 30px !important;
	    }
}
/*-------------------------------------------------------------------------*/
/*	5.	Small Phone Monitor
/*-------------------------------------------------------------------------*/
@media only screen and (max-width: 400px) {
	.tp-caption.magic-botao,
    .magic-botao{
		top: auto !important;
		bottom: 40px !important;
		left: auto !important;
		right: 30px !important;
    }
}
@media only screen and (max-width: 320px) {

}