/*RESET*/
*, *:before, *:after {margin: 0; padding: 0; outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} img{border: none; vertical-align: middle; max-width: 100% !important;} small{font-size: 0.75em; color: #555;} a{text-decoration: none; color:#8d8f94;} a img{border:none;} strong, b{font-weight: bold;} ul{list-style: none;} strike{color: #A83535;}

body{ font-family:'Noto Sans', sans-serif; font-size:1em; color:#ccc;}

/*FONT SIZE*/
.fontzero{font-size: 0em !important;}

/*HELPERS*/
.error{ font:0.9em 'Noto Sans', Verdana, sans-serif; color: #B33335; font-weight:bold; float:left; background:#18B97B; display:block;}
.radius{-moz-border-radius: 5px; -webkit-border-radius: 7px; border-radius:5px;}

h1{ font:2em 'Acme', sans-serif; text-transform:uppercase; color:#A80009; font-weight:700; text-align: center;}
p{font:0.9em 'Noto Sans', Verdana, Geneva, sans-serif; color: #666; line-height:22px; text-align:justify;}

.linkhome{font:0.9em 'Noto Sans', Verdana, Geneva, sans-serif; color: #FFF; background:#A80009; padding:10px 15px; text-align:center; margin:15px auto 5px auto; float:left;}
.linkhome:hover{ background:#2870a2;}
.efeito{transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; -webkit-transition:all 1s ease;}

.ms{padding:15px; border:1px solid #999; disRaleway:block; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font:400 0.9em 'Raleway', Helvetica, sans-serif; width:100%; margin:15px 0; text-transform:uppercase; text-align:center !important;}

.ok{background:#A6FFBC; border-color: #009f09; color:#090;}
.no{background:#F9F2F4; border-color:#D62757; color:#C72553;}
.info{background:#FCF8E3; border-color:#FAEBCC; color:#8A6D3B;}
.in{background:#B3E7FF; border-color:#069; color:#069;}

.seglogo{ width:30%; float:left; height:auto; overflow:hidden;}
.segmenu{ width:70%; float: right; height:auto; overflow:hidden;}

.main_logo{ width: 100%; height: auto; float:left; margin:32px 0 0 0; text-align:left !important;}
.main_logo a{position: absolute; width: 363px; height: 77px; background: url(../imgs/wa-peria-seguros.png) center center no-repeat;}
.main_logo a:hover {opacity: 0.8}

/*HEADER HOME*/
.container-header{float: left; height:auto; width: 100%; background:#FFFFFF url(../imgs/bg-header.png) center top repeat-x;}
.content-header{ width:85%; height:195px; margin:0 auto; overflow:hidden;}
.content-header .topo{ width:100%; height:47px; float:left; padding-top:16px; display:block}
.content-header .topo p{ text-transform:uppercase; float:left; font-size:0.8em}
.content-header .topo p.contato{background: url(../imgs/svgs/icon-phone.svg) center left no-repeat; background-size:1.2em; float:right; padding-left:20px; margin-right:25px;}
.content-header .topo p.email{background: url(../imgs/svgs/icon-envelope.svg) center left no-repeat; background-size:1.2em; float:right; padding-left:22px;}

.mobile_action{width: 46px; height: 46px; margin: 40px 0 0 0; float: right; cursor: pointer; background: #2870A2 url(../imgs/mobile.png) center center no-repeat;  -moz-border-radius: 50%;    -webkit-border-radius: 50%; border-radius: 50%;}
.mobile_action.active{ background-color: #000;}
.mobile_action:hover{ background-color: #A80009;}

/*SLIDE HOME*/
.container-slide{float: left; height:auto; width: 100%;}

/*UTILITARIOS HOME*/
.container-utilitarios{float: left; height:auto; width: 100%;}
.content-utilitarios{ width:85%; height:auto; margin:0 auto; overflow:hidden; padding:30px 0 48px 0;}
.content-utilitarios .plantao{ width:32%; float:left; padding:8px; background:#2870A2; margin-top:1%; color:#FFFFFF; min-height:165px;}
.content-utilitarios .plantao h1.home{ font:1em 'Noto Sans', sans-serif; text-transform:uppercase; color:#fff; font-weight:700; text-align:left; margin:30px 0 0 0;}
.content-utilitarios .plantao p{ color:#FFFFFF; font-size:0.9em; text-align: left;}
.content-utilitarios .plantao hr{ margin:3px 0 12px 0; color:#FFFFFF; border:1px solid #FFFFFF; width:250px;}
.content-utilitarios .plantao .imghome{ width:auto; height:auto; float:left; padding:20px 30px 20px 40px;}

.content-utilitarios .cotacao{ width:32%; float:left; border:1px solid #DDDDDD; padding:10px 20px; margin:1% 1% 0 2%; min-height:165px;}
.content-utilitarios .cotacao h1.home{ font:1em 'Noto Sans', sans-serif; text-transform:uppercase; color:#2870A2; font-weight:700; text-align:left; margin:10px 0 0 0;}
.content-utilitarios .cotacao p{ color:#2B72A6; text-align:left;}

.content-utilitarios .ligamos{ width:32%; float:right; margin-top:1%; border:1px solid #DDDDDD; padding:10px 20px; min-height:165px;}
.content-utilitarios .ligamos h1.home{ font:1em 'Noto Sans', sans-serif; text-transform:uppercase; color:#2870A2; font-weight:700; text-align:left; margin:10px 0 0 0;}
.content-utilitarios .ligamos p{ color:#2B72A6; text-align:left;}

/*SEGUROS HOME*/
.container-seguros{float: left; height:auto; width: 100%; background: #FFF url(../imgs/bg-seguros-home.jpg) top center repeat-x;}
.content-seguros{ width:85%; height:auto; margin:0 auto; overflow:hidden; padding:50px 0 48px 0;}
.content-seguros h1{ color:#FFFFFF;}
.content-seguros hr{ width:60px; margin:0 auto; border:2px solid #FFF; margin-top:10px;}
.grid {	position: relative;	margin: 30px auto 15px auto; max-width: 100%;list-style: none; text-align: center; float:left;}
.grid figure {	position: relative;	float: left; overflow: hidden;	margin: 2% 1% 0 1%; min-width: 320px; max-width: 480px; max-height: 360px; width: 33%; background: #A80009; text-align: center; cursor: pointer}
.grid figure img {position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 0.8;}
.grid figure figcaption {padding: 2em; color: #fff; text-transform: uppercase; font-size: 0.7em; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.grid figure figcaption::before, .grid figure figcaption::after { pointer-events: none;}
.grid figure figcaption, .grid figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.grid figure figcaption > a {z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0;}
.grid figure h2 {font-weight: 300; font-size:2em; text-shadow:0 0 0 transparent,#000 0px 1px 0px;}
.grid figure h2 span {font-weight: 800;}
.grid figure h2, .grid figure p {margin: 0;}
.grid figure p {letter-spacing: 1px; font-size: 68%; color:#FFFFFF; text-align:center;}

figure.effect-apollo {background: #A80009;}
figure.effect-apollo img {opacity: 0.95; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale3d(1.05,1.05,1); transform: scale3d(1.05,1.05,1);}
figure.effect-apollo figcaption::before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.5); content: ''; -webkit-transition: -webkit-transform 0.6s;	transition: transform 0.6s; -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);}
figure.effect-apollo p {position: absolute; right: 0; bottom: 0; margin: 3em; padding: 0 1em; font-size:1em; border-right: 4px solid #fff; text-align: right; opacity: 0; -webkit-transition: opacity 0.35s;	transition: opacity 0.35s;}
figure.effect-apollo h2 {text-align: center;}
figure.effect-apollo:hover img {opacity: 0.6; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1);}
figure.effect-apollo:hover figcaption::before { -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);}
figure.effect-apollo:hover p {opacity: 1; -webkit-transition-delay: 0.1s; transition-delay: 0.1s;}

/*CERTIFICAÇÃO HOME*/
.container-certificacao{float: left; height:400px; width: 100%; background: url(../imgs/bg-certificacao-digital.png) center no-repeat; background-attachment:fixed;}
.content-certificacao{ width:85%; height:auto; margin:0 auto; overflow:hidden; padding:70px 0 0 0;}
.content-certificacao h1{ color:#FFF; font-size:2.2em; text-shadow:0 0 0 transparent,#ccc 1px 1px 0px;}
.content-certificacao hr{ width:60px; margin:0 auto; border:2px solid #FFF; margin-top:10px;}
.content-certificacao p.tagline{ font:1em 'Noto Sans', Verdana, Geneva, sans-serif; margin:25px 0 0 0 !important; color:#FFF; letter-spacing:-0.50; text-indent:0 !important; text-align:center; text-shadow:0 0 0 transparent,#ccc 1px 1px 0px; line-height:30px;}
.content-certificacao .link-seg{ width:145px; margin:15px auto 0 auto;}
.content-certificacao .link-seg .link{font:0.9em 'Noto Sans', Verdana, Geneva, sans-serif; background:none; color: #FFF; border:3px solid #FFF; padding:10px 30px; text-align:center; margin:15px auto; float:right; font-weight:700;}
.content-certificacao .link-seg .link:hover{ background:#FFF; color:#A80009;}

/*NOTICIAS HOME*/
.container-noticias{float: left; height:auto; width: 100%; background: #EFEFEF}
.content-noticias{ width:85%; height:auto; margin:0 auto; overflow:hidden; padding:50px 0 60px 0;}
.content-noticias h1{ color:#A80009;}
.content-noticias hr{ width:60px; margin:0 auto; border:2px solid #A80009; margin-top:10px;}
.content-noticias p.tagline{ font:1em 'Noto Sans', Verdana, Geneva, sans-serif; margin:15px 0 0 0 !important; color:#A80009; letter-spacing:-0.50; text-indent:0 !important; text-align:center; line-height:30px;}
.content-noticias ul{ width:100%; height: auto; float: left; margin-top:40px;}
.content-noticias ul li{ width:23%; height:auto; margin:0 1.2%; list-style:none; display:inline-block; min-height:415px;}
.content-noticias ul li:first-child{ margin-left:0;}
.content-noticias ul li:last-child{ margin-right:0;}

.content-noticias ul li h2 a{ color:#2870A2; font-size:0.7em; margin-bottom:5px; float: left;}
.content-noticias ul li h2 a:hover{ color:#A80009;}
.content-noticias ul li time{margin:0 0 15px 0; color:#A80009; float: left; font-size:0.7em;}
.content-noticias ul li p{ float:left;}
.content-noticias ul li a img{ float:left; width:100%; max-height:250px; margin-bottom:8px; background:#A80009;}
.content-noticias ul li a img:hover{ opacity:0.8;}

/*PARCEIROS HOME*/
.container-parceiros{float: left; height:auto; width: 100%; background: #FFF}
.content-parceiros{ width:85%; height:auto; margin:0 auto; overflow:hidden; padding:50px 0 48px 0;}
.content-parceiros h1{ color:#A80009;}
.content-parceiros hr{ width:60px; margin:0 auto; border:2px solid #A80009; margin-top:10px;}
.content-parceiros p.tagline{ font:1em 'Noto Sans', Verdana, Geneva, sans-serif; margin:15px 0 0 0 !important; color:#A80009; letter-spacing:-0.50; text-indent:0 !important; text-align:center; line-height:30px;}
.owl-carousel .item{ margin:0 30px;}

/*PAGINAS*/
.container-pg{float: left; height:auto; width: 100%; padding: 0; margin: 0;}
.container-pg .segtitle{width:100%; float: left; height: auto; padding: 120px 0; text-align: center; background: url(../imgs/bg-quemsomos.png) center top no-repeat; margin: 0;}
.container-pg .segtitle.noticias{background: url(../imgs/bg-noticias.png) center top no-repeat;}
.container-pg .segtitle.auto{background: url(../imgs/bg-auto.png) center top no-repeat;}
.container-pg .segtitle.residencial{background: url(../imgs/bg-residencial.jpg) center top no-repeat;}
.container-pg .segtitle.empresarial{background: url(../imgs/bg-empresarial.jpg) center top no-repeat;}
.container-pg .segtitle.bgcontato{background: url(../imgs/bg-contato.jpg) center top no-repeat;}
.container-pg .segtitle.equipamentos{background: url(../imgs/bg-equipamentos.jpg) center top no-repeat;}
.container-pg .segtitle.diversos{background: url(../imgs/bg-diversos.jpg) center top no-repeat;}
.container-pg .segtitle.empresa{background: url(../imgs/bg-empresa.jpg) center top no-repeat;}
.container-pg .segtitle.certificado{background: url(../imgs/bg-certificado.jpg) center top no-repeat;}
.container-pg .segtitle.cotacoes{background: url(../imgs/bg-cotacoes.jpg) center top no-repeat;}
.container-pg .segtitle h1{ font-size: 2em; color: #fff; font-weight: 400}
.container-pg .segtitle a{color: #fff}
.container-pg .segtitle p{font:0.7em 'Noto Sans', Verdana, Geneva, sans-serif; color: #fff; line-height:22px; text-align:center; text-transform: uppercase; font-style: italic;}

.content-pg{ width:85%; height: auto; margin: 0 auto; overflow: hidden;}
.content-pg p{line-height: 24px; padding: 0; margin: 0; font-size: 0.9em;}
.content-pg p.titulo-content{ color: #760103; font-weight: bold; margin-top: 45px; font-size: 1em;}

/*PAGINAS - QUEM SOMOS */
.content-pg p.tituloquemsomos{ font-size: 1.1em; text-align: center; margin: 50px 0; font-weight: 400;}

.ul-quemsomos{width:100%; float: left; margin: 35px 0;}
.ul-quemsomos li{ width: 32%; float: left; display: inline-block; margin: 0 0.5%; padding: 30px;}
.ul-quemsomos li .segimg {width: 20%; margin: 0 auto 20px auto;}
.ul-quemsomos li .segimg img{ width:100px;}
.ul-quemsomos li h2{ text-align: center; text-transform: uppercase; color: #2870A2; text-indent: inherit;}
.ul-quemsomos li p{ text-align:center; font-size: 0.9em; margin-top: 5px;}

.imgdestaque{ width:100%; float: left; padding: 150px 0; text-align:  center; background: url(../imgs/bg-destaque-quemsomos.jpg) center top no-repeat; background-attachment: fixed;}
.imgdestaque p{ text-align:center; font-size: 2em; line-height: 36px; margin: 5px 0; color: #fff; font-style: italic; font-weight: 400;}
.imgdestaque p.destaque{font-weight: bold;}

.content-pg .diferenciais{ width: 32%; float: left; display: inline-block; margin:0 0.5% 25px 0.5%; padding: 30px;}
.content-pg .diferenciais .segimg {width: 20%; margin: 0 auto 20px auto;}
.content-pg .diferenciais .segimg img{ width:100px;}
.content-pg .diferenciais h3{ text-align: center; text-transform: uppercase; color: #2870A2;}
.content-pg .diferenciais p{ text-align:center; font-size: 0.9em; margin-top: 5px;}

/*PAGINAS - NOTICIAS */
.ul-noticias { width:100%; height: auto; float: left; margin-bottom: 40px;}
.ul-noticias li{ width:23%; height:auto; margin:0.5%; list-style:none; display:inline-block; min-height:415px;}

.ul-noticias li h2 a{ color:#2870A2; font-size:0.7em; margin-bottom:5px; float: left;}
.ul-noticias li h2 a:hover{ color:#A80009;}
.ul-noticias li time{margin:0 0 15px 0; color:#A80009; float: left; font-size:0.7em;}
.ul-noticias li p{ float:left;}
.ul-noticias li a img{ float:left; width:100%; max-height:250px; margin-bottom:8px; background:#A80009;}
.ul-noticias li a img:hover{ opacity:0.8;}

/*PAGINAS - NOTICIAS */
.noticias-pg{ width: 100%; float: left; margin: 50px 0;}
.noticias-pg h2{ color:#2870A2; font-size:1.2em; float: left; width: 100%;}
.noticias-pg time{margin:0 0 15px 0; color:#A80009; font-size:0.8em; float: left; width: 100%;}
.noticias-pg p{margin: 15px 0; line-height: 28px;}

.galeria{width: 100%;float: left; margin-bottom: 70px;}
.galeria li{ width: 20%; float: left; display: inline-block; transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; -webkit-transition:all 1s ease;}
.galeria li:hover{opacity: 0.7;}

/*PAGINAS - SEGURO AUTO */
article.itens{width:100%; float: left; background: #f4f4f4; margin: 25px 0; padding: 15px;}
article.itens h2{ width: auto; padding: 15px 15px; background: #2870a2; margin-top: -35px; margin-bottom: 15px; text-transform: uppercase; color: #FFF; font-size: 1em; text-align: center; transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; -webkit-transition:all 1s ease;}
article.itens h2:hover{background: #a80009; transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; -webkit-transition:all 1s ease;}
article.itens p {text-align: center;}
article.itens p a:hover{color: #a80009;}

.imgdestaqueseg{ width:100%; float: left; padding: 150px 0; text-align:  center; background: url(../imgs/bg-destaque-quemsomos.jpg) center top no-repeat; background-attachment: fixed;}
.imgdestaqueseg p{ text-align:center; font-size: 2em; line-height: 36px; margin: 5px 0; color: #fff; font-style: italic; font-weight: 400; text-indent: inherit;}
.imgdestaqueseg p.destaqueseg{font-weight: bold;}

.imgdestaqueseg .link{ width:15%; height:auto; margin: 35px auto;}
.imgdestaqueseg .link a{width: 100%; text-transform:uppercase; float: left; border: 3px solid #FFF; padding: 20px 5px; font:1em 'Noto Sans', Verdana, sans-serif; color:#FFF; font-weight: bold; transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; -webkit-transition:all 1s ease; text-align: center;}
.imgdestaqueseg .link a:hover{background: #FFF; color: #2870a2; transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; -webkit-transition:all 1s ease;}

.maisegs{width: 100%; float: left; margin-bottom: 60px;}
.maisegs li{ width: 15%; float: left; display: inline-block; background: #2870a2; height: 200px; padding:50px 15px; margin: 0 0.7%; transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; -webkit-transition:all 1s ease;}
.maisegs li.atual{ background:#a80009;}
.maisegs li:hover{ background: #a80009; transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; -webkit-transition:all 1s ease; cursor: pointer}
.maisegs li h3{ text-align: center; text-transform: uppercase; text-indent: inherit; font-size: 1em; color: #FFF;}
.maisegs .segimgseg {width: 25%; margin: 0 auto 10px auto;}
.maisegs .segimgseg img{ width:100px;}

@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon/icomoon.eot');
	src:url('../fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon/icomoon.woff') format('woff'),
		url('../fonts/icomoon/icomoon.ttf') format('truetype'),
		url('../fonts/icomoon/icomoon.svg#anyoldicon') format('svg');
	font-weight: normal;
	font-style: normal;
}
	.cbp-ig-grid {list-style: none; padding: 0 0 50px 0; margin: 0;}
	/* Clear floats */
	.cbp-ig-grid:before, .cbp-ig-grid:after { content: " "; display: table;}
	.cbp-ig-grid:after { clear: both;}
	/* grid item */
	.cbp-ig-grid li {width: 16.5%; float: left; height: 280px; text-align: center;}

	/* we are using a combination of borders and box shadows to control the grid lines */
	.cbp-ig-grid li:nth-child(-n+3){border-top: none;}
	.cbp-ig-grid li:nth-child(3n-1), .cbp-ig-grid li:nth-child(2n-1), .cbp-ig-grid li:nth-child(3n-2) {box-shadow: 1px 0 0 #ddd;}

	/* anchor style */
	.cbp-ig-grid li > a {display: block; height: 100%; color: #2870A2; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; transition: background 0.2s;}

	/* the icon with pseudo class for icon font */
	.cbp-ig-icon {padding: 30px 0 0 0; display: block; -webkit-transition: -webkit-transform 0.2s; transition: -moz-transform 0.2s; transition: transform 0.2s;}
	.cbp-ig-icon:before {font-family: 'icomoon'; font-size: 5em;/* Diminui e aumenta icones */ speak: none;	font-style: normal; 	font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased;}
	.cbp-ig-icon-shoe:before {content: "\e905";}
	.cbp-ig-icon-ribbon:before {content: "\e900";}
	.cbp-ig-icon-milk:before {content: "\e901";}
	.cbp-ig-icon-whippy:before {content: "\e903";}
	.cbp-ig-icon-spectacles:before {content: "\e902";}
	.cbp-ig-icon-doumbek:before {content: "\e904";}

	/* title element */
	.cbp-ig-grid .cbp-ig-title {margin: 20px 0 10px 0; padding: 20px 0 0 0; font-size: 2em; position: relative; -webkit-transition: -webkit-transform 0.2s; -moz-transition: -moz-transform 0.2s; transition: transform 0.2s;}
	.cbp-ig-grid .cbp-ig-title:before {content: ''; position: absolute; background: #2870A2; width: 160px; height: 6px; top: 0px; left: 50%; margin: -10px 0 0 -80px; -webkit-transition: margin-top 0.2s; /* top or translate does not seem to work in Firefox */-moz-transition: margin-top 0.2s; transition: margin-top 0.2s;}
	.cbp-ig-grid .cbp-ig-category {text-transform: uppercase; display: inline-block; font-size: 1em; letter-spacing: 1px; color: #fff; -webkit-transform: translateY(10px); -moz-transform: -moz-translateY(10px); -ms-transform: -ms-translateY(10px); transform: translateY(10px); opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;-moz-transition: -moz-transform 0.3s, opacity 0.2s;}
	.cbp-ig-grid li:hover .cbp-ig-category, .touch .cbp-ig-grid li .cbp-ig-category {opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px);}

	/* Hover styles */
	.cbp-ig-grid li > a:hover {background: #2870A2;}
	.cbp-ig-grid li > a:hover .cbp-ig-icon {-webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px);}
	.cbp-ig-grid li > a:hover .cbp-ig-icon:before, .cbp-ig-grid li > a:hover .cbp-ig-title {color: #fff;}
	.cbp-ig-grid li > a:hover .cbp-ig-title {-webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px);}
	.cbp-ig-grid li > a:hover .cbp-ig-title:before {background: #fff;margin-top: 80px;}


/*PAGINAS - SEGURO RESIDENCIAL */
@font-face {
	font-family: 'icomoon1';
	src:url('../fonts/icomoon/icomoon1.eot');
	src:url('../fonts/icomoon/icomoon1.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon/icomoon1.woff') format('woff'),
		url('../fonts/icomoon/icomoon1.ttf') format('truetype'),
		url('../fonts/icomoon/icomoon1.svg#anyoldicon') format('svg');
	font-weight: normal;
	font-style: normal;
}

	.cbp-ig-grid-residencial {list-style: none; padding: 0 0 50px 0; margin: 0;}
	/* Clear floats */
	.cbp-ig-grid-residencial:before, .cbp-ig-grid-residencial:after { content: " "; display: table;}
	.cbp-ig-grid-residencial:after { clear: both;}
	/* grid item */
	.cbp-ig-grid-residencial li {width: 19.5%; float: left; height: 280px; text-align: center;}

	/* we are using a combination of borders and box shadows to control the grid lines */
	.cbp-ig-grid-residencial li:nth-child(-n+3){border-top: none;}
	.cbp-ig-grid-residencial li:nth-child(3n-1), .cbp-ig-grid-residencial li:nth-child(2n-1), .cbp-ig-grid-residencial li:nth-child(3n-2) {box-shadow: 1px 0 0 #ddd;}

	/* anchor style */
	.cbp-ig-grid-residencial li > a {display: block; height: 100%; color: #2870A2; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; transition: background 0.2s;}

	/* the icon with pseudo class for icon font */
	.cbp-ig-icon-residencial {padding: 30px 0 0 0; display: block; -webkit-transition: -webkit-transform 0.2s; transition: -moz-transform 0.2s; transition: transform 0.2s;}
	.cbp-ig-icon-residencial:before {font-family: 'icomoon1'; font-size: 5em;/* Diminui e aumenta icones */ speak: none;	font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased;}
	.cbp-ig-icon-shoe-residencial:before {content: "\e901";}
	.cbp-ig-icon-ribbon-residencial:before {content: "\e903";}
	.cbp-ig-icon-milk-residencial:before {content: "\e902";}
	.cbp-ig-icon-whippy-residencial:before {content: "\e904";}
	.cbp-ig-icon-spectacles-residencial:before {content: "\e900";}

	/* title element */
	.cbp-ig-grid-residencial .cbp-ig-title-residencial {margin: 40px 0 30px 0; padding: 20px 0 0 0; font-size: 1em; position: relative; -webkit-transition: -webkit-transform 0.2s; -moz-transition: -moz-transform 0.2s; transition: transform 0.2s;}
	.cbp-ig-grid-residencial .cbp-ig-title-residencial:before {content: ''; position: absolute; background: #2870A2; width: 160px; height: 6px; top: 0px; left: 50%; margin: -10px 0 0 -80px; -webkit-transition: margin-top 0.2s; /* top or translate does not seem to work in Firefox */-moz-transition: margin-top 0.2s; transition: margin-top 0.2s;}
	.cbp-ig-grid-residencial .cbp-ig-category-residencial {text-transform: uppercase; display: inline-block; font-size: 1em; letter-spacing: 1px; color: #fff; -webkit-transform: translateY(10px); -moz-transform: -moz-translateY(10px); -ms-transform: -ms-translateY(10px); transform: translateY(10px); opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;-moz-transition: -moz-transform 0.3s, opacity 0.2s;}
	.cbp-ig-grid-residencial li:hover .cbp-ig-category-residencial, .touch .cbp-ig-grid-residencial li .cbp-ig-category-residencial {opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px);}

	/* Hover styles */
	.cbp-ig-grid-residencial li > a:hover {background: #2870A2;}
	.cbp-ig-grid-residencial li > a:hover .cbp-ig-icon-residencial {-webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px);}
	.cbp-ig-grid-residencial li > a:hover .cbp-ig-icon-residencial:before, .cbp-ig-grid-residencial li > a:hover .cbp-ig-title-residencial {color: #fff;}
	.cbp-ig-grid-residencial li > a:hover .cbp-ig-title-residencial {-webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px);}
	.cbp-ig-grid-residencial li > a:hover .cbp-ig-title-residencial:before {background: #fff;margin-top: 80px;}


/*PAGINAS - SEGURO EMPRESARIAL */
@font-face {
	font-family: 'icomoon3';
	src:url('../fonts/icomoon/icomoon3.eot');
	src:url('../fonts/icomoon/icomoon3.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon/icomoon3.woff') format('woff'),
		url('../fonts/icomoon/icomoon3.ttf') format('truetype'),
		url('../fonts/icomoon/icomoon3.svg#anyoldicon') format('svg');
	font-weight: normal;
	font-style: normal;
}

	.cbp-ig-grid-empresarial {list-style: none; padding: 0 0 50px 0; margin: 0;}
	/* Clear floats */
	.cbp-ig-grid-empresarial:before, .cbp-ig-grid-empresarial:after { content: " "; display: table;}
	.cbp-ig-grid-empresarial:after { clear: both;}
	/* grid item */
	.cbp-ig-grid-empresarial li {width: 32.5%; float: left; height: 280px; text-align: center;}

	/* we are using a combination of borders and box shadows to control the grid lines */
	.cbp-ig-grid-empresarial li:nth-child(-n+3){border-top: none;}
	.cbp-ig-grid-empresarial li:nth-child(3n-1), .cbp-ig-grid-empresarial li:nth-child(2n-1), .cbp-ig-grid-empresarial li:nth-child(3n-2) {box-shadow: 1px 0 0 #ddd;}
	.cbp-ig-grid-empresarial li:nth-last-child(1) {border-right: 1px solid #FFF; box-shadow: 1px 0 0 #fff;}

	/* anchor style */
	.cbp-ig-grid-empresarial li > a {display: block; height: 100%; color: #2870A2; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; transition: background 0.2s;}

	/* the icon with pseudo class for icon font */
	.cbp-ig-icon-empresarial {padding: 30px 0 0 0; display: block; -webkit-transition: -webkit-transform 0.2s; transition: -moz-transform 0.2s; transition: transform 0.2s;}
	.cbp-ig-icon-empresarial:before {font-family: 'icomoon3'; font-size: 5em;/* Diminui e aumenta icones */ speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased;}
	.cbp-ig-icon-shoe-empresarial:before {content: "\f0f7";}
	.cbp-ig-icon-ribbon-empresarial:before {content: "\e904";}
	.cbp-ig-icon-milk-empresarial:before {content: "\e900";}

	/* title element */
	.cbp-ig-grid-empresarial .cbp-ig-title-empresarial {margin: 40px 0 30px 0; padding: 20px 0 0 0; font-size: 1.3em; position: relative; -webkit-transition: -webkit-transform 0.2s; -moz-transition: -moz-transform 0.2s; transition: transform 0.2s;}
	.cbp-ig-grid-empresarial .cbp-ig-title-empresarial:before {content: ''; position: absolute; background: #2870A2; width: 160px; height: 6px; top: 0px; left: 50%; margin: -10px 0 0 -80px; -webkit-transition: margin-top 0.2s; /* top or translate does not seem to work in Firefox */-moz-transition: margin-top 0.2s; transition: margin-top 0.2s;}
	.cbp-ig-grid-empresarial .cbp-ig-category-empresarial {text-transform: uppercase; display: inline-block; font-size: 1em; letter-spacing: 1px; color: #fff; -webkit-transform: translateY(10px); -moz-transform: -moz-translateY(10px); -ms-transform: -ms-translateY(10px); transform: translateY(10px); opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;-moz-transition: -moz-transform 0.3s, opacity 0.2s;}
	.cbp-ig-grid-empresarial li:hover .cbp-ig-category-empresarial, .touch .cbp-ig-grid-empresarial li .cbp-ig-category-empresarial {opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px);}

	/* Hover styles */
	.cbp-ig-grid-empresarial li > a:hover {background: #2870A2;}
	.cbp-ig-grid-empresarial li > a:hover .cbp-ig-icon-empresarial {-webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px);}
	.cbp-ig-grid-empresarial li > a:hover .cbp-ig-icon-empresarial:before, .cbp-ig-grid-empresarial li > a:hover .cbp-ig-title-empresarial {color: #fff;}
	.cbp-ig-grid-empresarial li > a:hover .cbp-ig-title-empresarial {-webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px);}
	.cbp-ig-grid-empresarial li > a:hover .cbp-ig-title-empresarial:before {background: #fff;margin-top: 80px;}

/*PAGINAS - SEGURO DE VIDA */
@font-face {
	font-family: 'icomoon4';
	src:url('../fonts/icomoon/icomoon4.eot');
	src:url('../fonts/icomoon/icomoon4.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon/icomoon4.woff') format('woff'),
		url('../fonts/icomoon/icomoon4.ttf') format('truetype'),
		url('../fonts/icomoon/icomoon4.svg#anyoldicon') format('svg');
	font-weight: normal;
	font-style: normal;
}

	.cbp-ig-grid-vida {list-style: none; padding: 0 0 50px 0; margin: 0;}
	/* Clear floats */
	.cbp-ig-grid-vida:before, .cbp-ig-grid-vida:after { content: " "; display: table;}
	.cbp-ig-grid-vida:after { clear: both;}
	/* grid item */
	.cbp-ig-grid-vida li {width: 19.5%; float: left; height: 280px; text-align: center;}

	/* we are using a combination of borders and box shadows to control the grid lines */
	.cbp-ig-grid-vida li:nth-child(-n+3){border-top: none;}
	.cbp-ig-grid-vida li:nth-child(3n-1), .cbp-ig-grid-vida li:nth-child(2n-1), .cbp-ig-grid-vida li:nth-child(3n-2) {box-shadow: 1px 0 0 #ddd;}

	/* anchor style */
	.cbp-ig-grid-vida li > a {display: block; height: 100%; color: #2870A2; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; transition: background 0.2s;}

	/* the icon with pseudo class for icon font */
	.cbp-ig-icon-vida {padding: 30px 0 0 0; display: block; -webkit-transition: -webkit-transform 0.2s; transition: -moz-transform 0.2s; transition: transform 0.2s;}
	.cbp-ig-icon-vida:before {font-family: 'icomoon4'; font-size: 5em;/* Diminui e aumenta icones */ speak: none;	font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased;}
	.cbp-ig-icon-shoe-vida:before {content: "\e900";}
	.cbp-ig-icon-ribbon-vida:before {content: "\f2bc";}
	.cbp-ig-icon-milk-vida:before {content: "\e971";}
	.cbp-ig-icon-whippy-vida:before {content: "\e972";}
	.cbp-ig-icon-spectacles-vida:before {content: "\f182";}

	/* title element */
	.cbp-ig-grid-vida .cbp-ig-title-vida {margin: 40px 0 30px 0; padding: 20px 0 0 0; font-size: 1em; position: relative; -webkit-transition: -webkit-transform 0.2s; -moz-transition: -moz-transform 0.2s; transition: transform 0.2s;}
	.cbp-ig-grid-vida .cbp-ig-title-vida:before {content: ''; position: absolute; background: #2870A2; width: 160px; height: 6px; top: 0px; left: 50%; margin: -10px 0 0 -80px; -webkit-transition: margin-top 0.2s; /* top or translate does not seem to work in Firefox */-moz-transition: margin-top 0.2s; transition: margin-top 0.2s;}
	.cbp-ig-grid-vida .cbp-ig-category-vida {text-transform: uppercase; display: inline-block; font-size: 1em; letter-spacing: 1px; color: #fff; -webkit-transform: translateY(10px); -moz-transform: -moz-translateY(10px); -ms-transform: -ms-translateY(10px); transform: translateY(10px); opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;-moz-transition: -moz-transform 0.3s, opacity 0.2s;}
	.cbp-ig-grid-vida li:hover .cbp-ig-category-vida, .touch .cbp-ig-grid-vida li .cbp-ig-category-vida {opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px);}

	/* Hover styles */
	.cbp-ig-grid-vida li > a:hover {background: #2870A2;}
	.cbp-ig-grid-vida li > a:hover .cbp-ig-icon-vida {-webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px);}
	.cbp-ig-grid-vida li > a:hover .cbp-ig-icon-vida:before, .cbp-ig-grid-vida li > a:hover .cbp-ig-title-vida {color: #fff;}
	.cbp-ig-grid-vida li > a:hover .cbp-ig-title-vida {-webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px);}
	.cbp-ig-grid-vida li > a:hover .cbp-ig-title-vida:before {background: #fff;margin-top: 80px;}

/*PAGINAS - SEGURO EQUIPAMENTOS AGRÍCOLA */
@font-face {
	font-family: 'icomoon3';
	src:url('../fonts/icomoon/icomoon3.eot');
	src:url('../fonts/icomoon/icomoon3.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon/icomoon3.woff') format('woff'),
		url('../fonts/icomoon/icomoon3.ttf') format('truetype'),
		url('../fonts/icomoon/icomoon3.svg#anyoldicon') format('svg');
	font-weight: normal;
	font-style: normal;
}

	.cbp-ig-grid-equipamentos {list-style: none; padding: 0 0 50px 0; margin: 0;}
	/* Clear floats */
	.cbp-ig-grid-equipamentos:before, .cbp-ig-grid-equipamentos:after { content: " "; display: table;}
	.cbp-ig-grid-equipamentos:after { clear: both;}
	/* grid item */
	.cbp-ig-grid-equipamentos li {width: 25%; float: left; height: 280px; text-align: center;}

	/* we are using a combination of borders and box shadows to control the grid lines */
	.cbp-ig-grid-equipamentos li:nth-child(-n+3){border-top: none;}
	.cbp-ig-grid-equipamentos li:nth-child(3n-1), .cbp-ig-grid-equipamentos li:nth-child(2n-1), .cbp-ig-grid-equipamentos li:nth-child(3n-2) {box-shadow: 1px 0 0 #ddd;}
	.cbp-ig-grid-equipamentos li:nth-last-child(1) {border-right: 1px solid #FFF; box-shadow: 1px 0 0 #fff;}

	/* anchor style */
	.cbp-ig-grid-equipamentos li > a {display: block; height: 100%; color: #2870A2; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; transition: background 0.2s;}

	/* the icon with pseudo class for icon font */
	.cbp-ig-icon-equipamentos {padding: 30px 0 0 0; display: block; -webkit-transition: -webkit-transform 0.2s; transition: -moz-transform 0.2s; transition: transform 0.2s;}
	.cbp-ig-icon-equipamentos:before {font-family: 'icomoon3'; font-size: 5em;/* Diminui e aumenta icones */ speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased;}
	.cbp-ig-icon-shoe-equipamentos:before {content: "\f0f7";}
	.cbp-ig-icon-ribbon-equipamentos:before {content: "\e904";}
	.cbp-ig-icon-milk-equipamentos:before {content: "\e900";}

	/* title element */
	.cbp-ig-grid-equipamentos .cbp-ig-title-equipamentos {margin: 40px 0 30px 0; padding: 20px 0 0 0; font-size: 1.3em; position: relative; -webkit-transition: -webkit-transform 0.2s; -moz-transition: -moz-transform 0.2s; transition: transform 0.2s;}
	.cbp-ig-grid-equipamentos .cbp-ig-title-equipamentos:before {content: ''; position: absolute; background: #2870A2; width: 160px; height: 6px; top: 0px; left: 50%; margin: -10px 0 0 -80px; -webkit-transition: margin-top 0.2s; /* top or translate does not seem to work in Firefox */-moz-transition: margin-top 0.2s; transition: margin-top 0.2s;}
	.cbp-ig-grid-equipamentos .cbp-ig-category-equipamentos {text-transform: uppercase; display: inline-block; font-size: 0.9em; letter-spacing: 1px; color: #fff; -webkit-transform: translateY(10px); -moz-transform: -moz-translateY(10px); -ms-transform: -ms-translateY(10px); transform: translateY(10px); opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;-moz-transition: -moz-transform 0.3s, opacity 0.2s;}
	.cbp-ig-grid-equipamentos li:hover .cbp-ig-category-equipamentos, .touch .cbp-ig-grid-equipamentos li .cbp-ig-category-equipamentos {opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px);}

	/* Hover styles */
	.cbp-ig-grid-equipamentos li > a:hover {background: #2870A2;}
	.cbp-ig-grid-equipamentos li > a:hover .cbp-ig-icon-equipamentos {-webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px);}
	.cbp-ig-grid-equipamentos li > a:hover .cbp-ig-icon-equipamentos:before, .cbp-ig-grid-equipamentos li > a:hover .cbp-ig-title-equipamentos {color: #fff;}
	.cbp-ig-grid-equipamentos li > a:hover .cbp-ig-title-equipamentos {-webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px);}
	.cbp-ig-grid-equipamentos li > a:hover .cbp-ig-title-equipamentos:before {background: #fff;margin-top: 80px;}

/*PAGINAS - SEGURO DIVERSOS */
.st-accordion{ width:100%; min-width:270px; margin: 0 auto 50px auto;}
.st-accordion ul li{height: 100px; border-bottom: 1px solid #c7deef; border-top:1px solid #fff; overflow: hidden;}
.st-accordion ul li:first-child{border-top:none;}
.st-accordion ul li > a{font-family: 'Noto Sans', sans-serif; text-shadow: 1px 1px 1px #fff; font-size: 1.8em; display: block; position: relative; line-height: 100px; outline:none; -webkit-transition:  color 0.2s ease-in-out; -moz-transition:  color 0.2s ease-in-out; -o-transition:  color 0.2s ease-in-out; -ms-transition:  color 0.2s ease-in-out; transition:  color 0.2s ease-in-out;}
.st-accordion ul li > a span{background: transparent url(../imgs/down.png) no-repeat center center; text-indent:-9000px; width: 26px; height: 14px; position: absolute; top: 50%; right: -26px;	margin-top: -7px; opacity:0; -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;}
.st-accordion ul li > a:hover{color: #2870A2;}
.st-accordion ul li > a:hover span{opacity:1; right: 10px;}
.st-accordion ul li.st-open > a{color: #760103;}
.st-accordion ul li.st-open > a span{ -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); transform:rotate(180deg); right:10px; opacity:1;}
.st-content{padding: 5px 0px 30px 0px;}
.st-content p{font:0.9em 'Noto Sans', Verdana, Geneva, sans-serif; color: #666; line-height:22px; text-align:justify; padding: 0px 4px 4px 4px;}
.st-content p.negrito{font-weight: bold; margin: 10px 0 0 0}
.st-content img{width:125px; border-right:1px solid #fff; border-bottom:1px solid #fff;}
@media screen and (max-width: 320px){.st-accordion ul li > a{ font-size:36px;}}

/*PAGINA - CERTIFICAÇÃO DIGITAL */
.listcertificacao{width: 100%; height: auto; margin: 10px 0 45px 0; float: left}
.listcertificacao li{width: 100%; float: left; height: auto; margin: 8px 0; display: block; padding: 0 0 0 30px; background: url(../imgs/svgs/icon-certificacao.svg) left no-repeat; background-size: 22px;font:0.9em 'Noto Sans', Verdana, Geneva, sans-serif; color: #666; line-height:22px; text-align:justify;}
.listcertificacao li a{font-weight: bold;}
.listcertificacao li a:hover{color: #760103;}

.listtipos{width: 100%; height: auto; margin: 0 0 15px 0; float: left}
.listtipos li{width: 100%; float: left; height: auto; margin: 18px 0; display: block; padding: 0 0 0 60px; background: url(../imgs/svgs/icon-card-certificacao-pc.svg) left no-repeat; background-size: 45px; font:0.9em 'Noto Sans', Verdana, Geneva, sans-serif; color: #666; line-height:22px; text-align:justify;}
.listtipos li.list-cartao{background: url(../imgs/svgs/icon-card-certificacao.svg) left no-repeat; background-size: 45px;}

.compra-pg { width: 100%; background: #FFF url(../imgs/bg-header-produtos.jpg) no-repeat center top; float: left;}
.compra-pg h1{color: #3E3E3F; font-size: 2em; font-weight: 700; padding: 90px 0; margin: 0;}
.compra-pg h1 strong{color: #760103}

.compra-pg .list-prod{width: 100%; float: left; background: #0E1ECD; margin: 0; padding: 0; border-bottom: 3px solid #FFF;}
.compra-pg .list-prod .ladoproda{width: 50%; min-height: 310px; float: left; background: url(../imgs/bg-produto-cat-1.jpg) no-repeat right top; padding: 120px;}
.compra-pg .list-prod .ladoproda h1{color: #FFF; padding: 0; margin: 0; text-align: left;}
.compra-pg .list-prod .ladoproda h1 span{text-transform: lowercase;}
.compra-pg .list-prod .ladoproda hr{width: 5%; border: 3px solid #FFF; margin-top: 5px;}
.compra-pg .list-prod .ladoprodb {width: 50%; float: right; min-height: 310px; background: #00AAB7; padding: 60px;}
.compra-pg .list-prod .ladoprodb p{color: #FFF; line-height: 28px;}
.compra-pg .list-prod .ladoprodb a{width: auto; float: left; border: 3px solid #FFF; padding: 10px 38px; margin-top: 25px; color: #FFF; text-transform: uppercase; font-weight: bold;}
.compra-pg .list-prod .ladoprodb a:hover{background: #FFF; color: #00AAB7;}

.compra-pg .list-prod.semborda{border-bottom: inherit;}
.compra-pg .list-prod .ladoproda.cpf{background: url(../imgs/bg-produto-cat-2.jpg) no-repeat right top; }
.compra-pg .list-prod .ladoproda.contact{background: url(../imgs/bg-produto-cat-3.jpg) no-repeat right top; }

.grid1 {position: relative; margin: 120px auto; width: 100%; float: left; list-style: none; text-align: center;}
.grid1 figure {position: relative; float: left; overflow: hidden; margin: 10px 1%; min-width: 320px; max-height: 360px; width: 29%; text-align: center;cursor: pointer;}
.grid1 figure img {position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 0.8;}
.grid1 figure figcaption {padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.grid1 figure figcaption::before,.grid1 figure figcaption::after {pointer-events: none;}
.grid1 figure figcaption,.grid1 figure figcaption > a {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.grid1 figure figcaption > a {z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0;}
.grid1 figure h2 {font-weight: 300;}
.grid1 figure h2 span {font-weight: 800;}
.grid1 figure h2,.grid1 figure p {margin: 0;}
.grid1 figure p {letter-spacing: 1px; font-size: 68.5%; color: #FFF; text-align: center;}

figure.effect-bubba {background: #000;}
figure.effect-bubba img {opacity: 0.7; -webkit-transition: opacity 0.35s; transition: opacity 0.35s;}
figure.effect-bubba:hover img {opacity: 0.4;}
figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after {position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;}
figure.effect-bubba figcaption::before {border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1);}
figure.effect-bubba figcaption::after {border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0);}
figure.effect-bubba h2 {padding-top: 30%; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0);}
figure.effect-bubba p {padding: 20px 2.5em; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;	-webkit-transform: translate3d(0,20px,0);transform: translate3d(0,20px,0);}
figure.effect-bubba:hover figcaption::before, figure.effect-bubba:hover figcaption::after {opacity: 1; -webkit-transform: scale(1);transform: scale(1);}
figure.effect-bubba:hover h2, figure.effect-bubba:hover p {opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}

/*PAGINAS - FALE CONOSCO */
.ladoa{ width:47%; float: left; height: auto; overflow: hidden; margin: 50px 0;}
.ladoa form{ width:100%; float: left; margin-top: 25px;}
.ladoa form fieldset{ width:100%; float: left; border: none;}
.ladoa form fieldset input.btn{ width: 30%; text-transform:uppercase; float: left; border: 3px solid #2870a2; padding: 18px 5px; font:1em 'Noto Sans', Verdana, sans-serif; color:#2870a2; font-weight: bold; transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; -webkit-transition:all 1s ease; text-align: center; cursor: pointer; background: #FFF; margin-top: 25px;}
.ladoa form fieldset input.btn:hover{background: #2870a2; color: #FFF; transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; -webkit-transition:all 1s ease;}

.ladoa form fieldset label{ width:100%; float: left; height: auto; margin: 12px 0;}
.ladoa form fieldset label span{ float: left; display: block; font:1em 'Roboto Condensed', sans-serif; color: #2870a2; text-transform: uppercase; font-weight: bold; margin-bottom: 5px;}
.ladoa form fieldset label input, textarea, select{ width: 100%; float: left; padding: 8px 12px; font:1em 'Noto Sans', sans-serif; color: #ADADAD; border: 1px solid #DADADA;}

.ladob{ width:47%; float: right; height: auto; overflow: hidden; margin: 50px 0;}
.ladob .contato{ width:100%; float: left; height: auto; overflow: hidden; margin-top: 35px;}
.ladob .contato li{width:100%; float: left; display: inline-block; height: auto; padding: 25px 15px; background: #2870a2; text-align: center; transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; -webkit-transition:all 1s ease;}
.ladob .contato li:hover{ background: #a80009; transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; -webkit-transition:all 1s ease;}
.ladob .contato li .segimgcontato {width: 10%; margin: 0 auto 10px auto;}
.ladob .contato li .segimgcontato img{ width:100px;}
.ladob .contato li p{ text-align:center; text-indent: 0; color: #FFF;}
.ladob .contato li.end{margin-bottom:2%;}
.ladob .contato li.fone{ width: 49%; margin-right: 1%; padding: 40px 0}
.ladob .contato li.email{ width: 49%; margin-left: 1%; padding: 40px 0}

.sidebar1{ width:45%; float: left; height: auto; overflow: hidden; padding: 100px 0;}
.sidebar1 p.title{ text-transform: uppercase; font-weight: bold; font-size: 1.2em; margin-bottom: 5px;}
.sidebar1 p.title span{color:#a80009}

.sidebar1 form{ width:100%; float: left; margin-top: 25px;}
.sidebar1 form fieldset{ width:100%; float: left; border: none;}
.sidebar1 form fieldset label input, select{ width: 80%; float: left; padding: 8px 12px; font:1em 'Noto Sans', sans-serif; color: #ADADAD; border: 1px solid #DADADA;}
.sidebar1 form fieldset input.btnnews{ width:20%; float: right; background: #a80009; padding: 9px 12px; font:1em 'Noto Sans', sans-serif; color: #FFF; border: none; transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; -webkit-transition:all 1s ease; cursor: pointer}
.sidebar1 form fieldset input.btnnews:hover{ background:#2870a2; transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; -webkit-transition:all 1s ease;}

.sidebar2{ width:35%; float: right; height: auto; overflow: hidden; padding: 100px 0;}
.sidebar2 .fb-like{width: 100%; float: left; margin-top: 15px;}
.sidebar2 p.title{ text-transform: uppercase; font-weight: bold; font-size: 1.2em; margin-bottom: 5px;}
.sidebar2 p.title span{color:#2870a2}

/*FOOTER*/
.container-footer{float: left; height:auto; width: 100%; background: #a80009 url(../imgs/bg-footer.png) center top no-repeat;}
.content-footer{ width:85%; height:auto; margin:0 auto; overflow:hidden; padding:30px 0;}
.content-footer .copyright{ width:50%; float:left;}
.content-footer .copyright p{ color:#FFFFFF;}
.content-footer .ass{ width:50%; float:right;}
.content-footer .ass p{ text-align:right; color:#FFFFFF}
.content-footer .ass p a{color:#FFFFFF; font-weight:700;}
.content-footer .ass p a:hover{ color:#fdbc00;}


/********************************************************************** MEDIA QUERIES **********************************************************************/
@media screen and (min-width: 300px) and (max-width: 479px) {
	/*HEADER*/
	.content-header{ width:90%;}
	.content-header .topo{ text-align:center !important;}
	.content-header .topo .sejabemvindo{ display:none;}
	.content-header .topo .email{ display:none;}
	.content-header .topo p{ float: none !important; text-align:center !important;}
	.content-header .topo p.contato{background: none; background-size:1.2em; float: none; padding-left:0; margin-right: inherit; text-align:center !important; font-weight: 700;}
	
	.main_logo{ width: 100%; height: auto; float:left; margin:32px 0 0 0; text-align:left !important;}
	.main_logo a{position: absolute; width: 260px; height: 55px; background: url(../imgs/wa-peria-seguros-responsivo.png) center center no-repeat;}
	
	/*HEADER - MENU*/
	.main_header_nav{width: 70%;}
	.main_header_nav_item:last-of-type{margin-right: 40px;}
	
	/*BANNER - HOME*/
	.banhome{ font-size:5em !important;}
	
	/*UTILITÁRIOS - HOME*/
	.content-utilitarios{ width:95%;}
	.content-utilitarios .plantao{ width:100%; margin-bottom:1%; padding:8px 8px 0 8px;}
	.content-utilitarios .plantao h1.home{ text-align:center;}
	.content-utilitarios .plantao hr{width:100%;}
	.content-utilitarios .plantao .imghome{ display:none;}
	.content-utilitarios .plantao p{ text-align:center;}
	.content-utilitarios .cotacao{ width:100%; margin:1.5% 0; min-height: inherit;}
	.content-utilitarios .ligamos{ width:100%; margin:1% 0 0 0; min-height:inherit;}
	.linkhome{width: 100%;}
	
	/*SEGUROS - HOME*/
	.content-seguros{ width:95%; padding:50px 0 20px 0;}
	.grid figure {width: 100% !important; margin-bottom:2%; min-width: 300px;}
	
	/*CERTIFICADOS - HOME*/
	.container-certificacao{ height:auto;}
	.content-certificacao{ width:95%; padding:60px 0 30px 0;}
	.content-certificacao p.tagline{ font:0.9em 'Noto Sans', Verdana, Geneva, sans-serif; margin:25px 0 0 0 !important; color:#FFF; letter-spacing:-0.50; text-indent:0 !important; text-align:center; text-shadow:0 0 0 transparent,#ccc 1px 1px 0px; line-height:30px;}
	
	/*NOTICIAS - HOME*/
	.content-noticias{ width:95%;}
	.content-noticias ul li{ width:100%; height:auto; margin:1% 0; list-style:none; display:inline-block;}
	.content-noticias ul li:first-child{ margin-left: inherit;}
	.content-noticias ul li:nth-child(3){ margin-left:0;}
	.content-noticias ul li:last-child{ margin-right: 0;}
	
	/*PARCEIROS - HOME*/
	.content-parceiros{ width:95%;}
	
	/*PAGINAS*/
	.content-pg{ width:90%;}
	.container-pg .segtitle{padding: 100px 0;}
	
	/*PAGINAS - QUEM SOMOS */
	.ul-quemsomos li{ width: 100%; display: block; margin: 3% 0; padding: 5px;}
	.ul-quemsomos li .segimg {width: 30%;}
	
	.imgdestaque{padding: 100px 0;}
		
	.content-pg .diferenciais{ width: 100%; display: block; margin: 3% 0; padding: 5px;}
	.content-pg .diferenciais .segimg {width: 30%;}
	
	/*PAGINAS - NOTICIAS */
	.ul-noticias li{width:100%; margin:3%; min-height: inherit; height: auto;}
	.ul-noticias li p {font-size:0.8em; }
	
	.noticias-pg h2{ color:#2870A2; font-size:1.2em; float: inherit; width: 100%; text-align: center;}
	.noticias-pg time{margin:0 0 15px 0; color:#A80009; font-size:0.8em; float: inherit; width: 100%; text-align: center}	
	.galeria li{ width: 100%;}
	
	/*PAGINAS - SEGURO AUTO */
	.cbp-ig-grid {display: none;}
	
	/*PAGINAS - SEGURO RESIDENCIAL */
	.cbp-ig-grid-residencial {display: none;}
	
	/*PAGINAS - SEGURO EMPRESARIAL */
	.cbp-ig-grid-empresarial{display: none;}
	
	/*PAGINAS - SEGURO EQUIPAMENTOS AGRÍCOLA */
	.cbp-ig-grid-equipamentos {display: none;}
	
	.imgdestaqueseg p{font-size: 1.5em; margin: 0 0 5px 0;}
	.imgdestaqueseg .link{ width:80%; height:auto; margin: 35px auto;}
	
	.maisegs li{ width: 100%; margin: 1% 0; }
	
	/*PAGINAS - SEGUROS DIVERSOS */
	.st-accordion ul li > a{font-size: 0.8em;}
	
	/*PAGINA - CERTIFICAÇÃO DIGITAL */
	.listcertificacao li{margin: 18px 0;}
	
	.listtipos{width: 100%; height: auto; margin: 0 0 15px 0; float: left}
	.listtipos li{width: 100%; float: left; height: auto; margin: 18px 0; display: block; padding: 90px 0 0 0; background: url(../imgs/svgs/icon-card-certificacao-pc.svg) top no-repeat; background-size: 80px; font:0.9em 'Noto Sans', Verdana, Geneva, sans-serif; color: #666; line-height:22px; text-align:justify; text-align: center}
	.listtipos li.list-cartao{background: url(../imgs/svgs/icon-card-certificacao.svg) top no-repeat; background-size: 80px;}
	
	.compra-pg h1{font-size: 1.4em;}
		
	.compra-pg .list-prod .ladoproda{width: 100%; min-height: inherit; padding: 120px 85px;}
	.compra-pg .list-prod .ladoproda hr{width: 20%;}
	.compra-pg .list-prod .ladoprodb{width: 100%; min-height: inherit; padding: 50px 50px;}
	.compra-pg .list-prod .ladoprodb p{color: #FFF; font-size: 0.9em; line-height: 28px;}
	.compra-pg .list-prod .ladoprodb a{width: 100%; float: inherit; text-align: center;}
	
	.grid1 {position: relative; margin: 80px auto; width: 100%; float: left; list-style: none; text-align: center;}
	.grid1 figure {margin: 0; min-width: inherit; width: 100%;}
	.grid1 figure figcaption {padding: 1em 2em 0 2em; font-size: 0.9em;}
	
	/*PAGINAS - FALE CONOSCO */
	.ladoa{ width:100%;}
	.ladoa p{text-align: center !important;}
	.ladoa form fieldset input.btn{ width: 100%;}
	
	.ladob{ width:100%; margin: 25px 0 70px 0;}
	.ladob .contato li .segimgcontato {width: 20%;}
	.ladob .contato li.fone{ width: 100%; margin:2% 0; padding: 40px 0}
	.ladob .contato li.email{ width: 100%; margin:2% 0; padding: 40px 0}
	.ladob p{text-align: center !important;}
	
	.sidebar1{ width:100%; padding: 70px 0;}
	.sidebar1 p{ text-align:center}
	.sidebar1 form fieldset label input, select{ width: 100%;}
	.sidebar1 form fieldset input.btnnews{ width:100%; margin-top: 8px;}
	.sidebar2{ width:100%; padding: 30px 0 50px 0}
	.sidebar2 p{ text-align:center}
	
	/*FOOTER*/
	.content-footer{ width:95%;}
	.content-footer .copyright{ width:100%; float: none;}
	.content-footer .copyright p{ color:#FFFFFF; text-align:center;}
	.content-footer .ass{ width:100%; float: none;}
	.content-footer .ass p{ color:#FFFFFF; text-align:center;}
}

@media screen and (min-width: 480px) and (max-width: 767px){
	/*HEADER*/
	.content-header{ width:95%;}
	.content-header .topo .sejabemvindo{ display:none;}
	
	/*HEADER - MENU*/
	.main_header_nav{width: 70%;}
	.main_header_nav_item:last-of-type{margin-right: 40px;}
	
	/*BANNER - HOME*/
	.banhome{ font-size:5em !important;}
	
	/*UTILITÁRIOS - HOME*/
	.content-utilitarios{ width:95%;}
	.content-utilitarios .plantao{ width:100%; margin-bottom:1%;}
	.content-utilitarios .plantao hr{width:250px;}
	.content-utilitarios .plantao .imghome{padding:20px 20px 20px 20px;}
	.content-utilitarios .cotacao{ width:100%; margin:1.5% 0; min-height: inherit;}
	.content-utilitarios .ligamos{ width:100%; margin:1% 0 0 0; min-height:inherit;}
	
	/*SEGUROS - HOME*/
	.content-seguros{ width:95%; padding:50px 0 20px 0;}
	.grid figure {width: 100% !important; margin-bottom:2%;}
	
	/*CERTIFICADOS - HOME*/
	.container-certificacao{ height:auto;}
	.content-certificacao{ width:95%; padding:60px 0 30px 0;}
	.content-certificacao p.tagline{ font:1em 'Noto Sans', Verdana, Geneva, sans-serif; margin:25px 0 0 0 !important; color:#FFF; letter-spacing:-0.50; text-indent:0 !important; text-align:center; text-shadow:0 0 0 transparent,#ccc 1px 1px 0px; line-height:30px;}
	
	/*NOTICIAS - HOME*/
	.content-noticias{ width:95%;}
	.content-noticias ul li{ width:100%; height:auto; margin:1% 0; list-style:none; display:inline-block;}
	.content-noticias ul li:first-child{ margin-left: inherit;}
	.content-noticias ul li:nth-child(3){ margin-left:0;}
	.content-noticias ul li:last-child{ margin-right: 0;}
	
	/*PARCEIROS - HOME*/
	.content-parceiros{ width:95%;}
	
	/*PAGINAS*/
	.content-pg{ width:95%;}
	.container-pg .segtitle{padding: 100px 0;}
	
	/*PAGINAS - QUEM SOMOS */
	.ul-quemsomos li{ width: 100%; display: block; margin: 1% 0; padding: 20px;}
	.ul-quemsomos li .segimg {width: 20%;}
	
	.content-pg .diferenciais{ width: 100%; display: block; margin: 1% 0; padding: 20px;}
	.content-pg .diferenciais .segimg {width: 20%;}
	
	/*PAGINAS - NOTICIAS */
	.ul-noticias li{width:100%; margin:3%; min-height: inherit; height: auto;}
	.ul-noticias li p {font-size:0.8em; }
	.galeria li{ width: 50%;}
	
	/*PAGINAS - SEGURO AUTO */
	.cbp-ig-grid {display: none;}
	
	/*PAGINAS - SEGURO RESIDENCIAL */
	.cbp-ig-grid-residencial li {width: 50%;}
	.cbp-ig-grid-residencial li:nth-child(-n+6){border-top: 1px solid #ddd;}/*linhas horizontais*/
	.cbp-ig-grid-residencial li:nth-child(4){border-bottom: 1px solid #ddd;}/*linhas horizontais numero 4*/
	.cbp-ig-grid-residencial li:nth-child(3n-1), .cbp-ig-grid-residencial li:nth-child(3n-2) {box-shadow: none;}
	.cbp-ig-grid-residencial li:nth-child(-n+2){border-top: none;}/*linha primeira*/
	.cbp-ig-grid-residencial li:nth-child(2n-1) {box-shadow: 1px 0 0 #ddd;}/*linha meio*/
	
	/*PAGINAS - SEGURO EMPRESARIAL */
	.cbp-ig-grid-empresarial{display: none;}
	
	.imgdestaqueseg p{font-size: 1.5em; margin: 0 0 5px 0;}
	.imgdestaqueseg .link{ width:80%; height:auto; margin: 35px auto;}
	
	/*PAGINAS - SEGURO EQUIPAMENTOS AGRÍCOLA */
	.cbp-ig-grid-equipamentos li {width: 50%;}
	.cbp-ig-grid-equipamentos li:nth-child(-n+2){border-bottom: 1px solid #ddd;}
	
	.maisegs li{ width: 48%; margin-bottom: 1%; padding-top: 60px;}
	
	/*PAGINAS - SEGUROS DIVERSOS */
	.st-accordion ul li > a{font-size: 1em;}
	
	/*PAGINA - CERTIFICAÇÃO DIGITAL */
	.listcertificacao li{margin: 18px 0;}
	.listtipos{margin: 0 0 35px 0;}
	
	.compra-pg h1{font-size: 1.7em;}
		
	.compra-pg .list-prod .ladoproda{width: 100%; min-height: inherit; padding: 120px 85px;}
	.compra-pg .list-prod .ladoproda hr{width: 20%;}
	.compra-pg .list-prod .ladoprodb{width: 100%; min-height: inherit; padding: 50px 50px;}
	.compra-pg .list-prod .ladoprodb p{color: #FFF; font-size: 0.9em; line-height: 28px;}
	
	.grid1 figure {margin: 0; min-width: inherit; width: 100%;}
	.grid1 figure figcaption {padding: 1em 2em 0 2em; font-size: 0.9em;}
	
	/*PAGINAS - FALE CONOSCO */
	.ladoa{ width:100%;}
	.ladoa p{text-align: center !important;}
	
	.ladob{ width:100%; margin: 25px 0 70px 0;}
	.ladob .contato li .segimgcontato {width: 18%;}
	.ladob .contato li.fone{ width: 100%; margin:2% 0; padding: 40px 0}
	.ladob .contato li.email{ width: 100%; margin:2% 0; padding: 40px 0}
	.ladob p{text-align: center !important;}
	
	.sidebar1{ width:100%; padding: 70px 0;}
	.sidebar1 p{ text-align:center}
	.sidebar1 form fieldset label input, select{ width: 100%;}
	.sidebar1 form fieldset input.btnnews{ width:100%; margin-top: 8px;}
	.sidebar2{ width:100%; padding: 30px 0 70px 0;}
	.sidebar2 p{ text-align:center}
	
	/*FOOTER*/
	.content-footer{ width:95%;}
	.content-footer .copyright{ width:100%; float: none;}
	.content-footer .copyright p{ color:#FFFFFF; text-align:center;}
	.content-footer .ass{ width:100%; float: none;}
	.content-footer .ass p{ color:#FFFFFF; text-align:center;}
}

@media screen and (min-width: 768px) and (max-width: 1023px){
	/*HEADER*/
	.content-header{ width:95%;}
	
	/*HEADER - MENU*/
	.main_header_nav{width: 70%;}
	.main_header_nav_item:last-of-type{margin-right: 40px;}
	
	/*BANNER - HOME*/
	.banhome{ font-size:3em !important;}
	
	/*UTILITÁRIOS - HOME*/
	.content-utilitarios{ width:95%;}
	.content-utilitarios .plantao{ width:100%; margin-bottom:1%;}
	.content-utilitarios .plantao hr{width:300px;}
	.content-utilitarios .plantao .imghome{padding:20px 40px 20px 50px;}
	.content-utilitarios .cotacao{ width:100%; margin:1.5% 0; min-height: inherit;}
	.content-utilitarios .ligamos{ width:100%; margin-top:1%; min-height:inherit;}
	
	/*SEGUROS - HOME*/
	.content-seguros{ width:95%;}
	.grid figure {width: 48% !important;}
	
	/*CERTIFICADOS - HOME*/
	.content-certificacao{ width:95%; padding:40px 0 0 0;}
.content-certificacao p.tagline{ font:0.9em 'Noto Sans', Verdana, Geneva, sans-serif; margin:25px 0 0 0 !important; color:#FFF; letter-spacing:-0.50; text-indent:0 !important; text-align:center; text-shadow:0 0 0 transparent,#ccc 1px 1px 0px; line-height:30px;}
	
	/*NOTICIAS - HOME*/
	.content-noticias{ width:95%;}
	.content-noticias ul li{ width:48%; height:auto; margin:0 1% 2% 1%; list-style:none; display:inline-block;}
	.content-noticias ul li:first-child{ margin-left: inherit;}
	.content-noticias ul li:nth-child(3){ margin-left:0;}
	.content-noticias ul li:last-child{ margin-right: 1%;}
	
	/*PARCEIROS - HOME*/
	.content-parceiros{ width:95%;}
	
	/*PAGINAS*/
	.content-pg{ width:95%;}
	.container-pg .segtitle{padding: 100px 0;}
	
	/*PAGINAS - QUEM SOMOS */
	.ul-quemsomos li{ width: 100%; display: block; margin: 1% 0; padding: 30px;}
	.ul-quemsomos li .segimg {width: 15%;}
	
	.content-pg .diferenciais{ width: 100%; display: block; margin: 1% 0; padding: 30px;}
	.content-pg .diferenciais .segimg {width: 15%;}
	
	/*PAGINAS - NOTICIAS */
	.ul-noticias li{width:47%; margin:0.5% 1%;  min-height: 450px;}
	.galeria li{ width: 25%;}
	
	/*PAGINAS - SEGURO AUTO */
	.cbp-ig-grid li {width: 50%;}
	.cbp-ig-grid li:nth-child(-n+6){border-top: 1px solid #ddd;}
	.cbp-ig-grid li:nth-child(3n-1), .cbp-ig-grid li:nth-child(3n-2) {box-shadow: none;}
	.cbp-ig-grid li:nth-child(-n+2){border-top: none;}
	.cbp-ig-grid li:nth-child(2n-1) {box-shadow: 1px 0 0 #ddd;}
	
	/*PAGINAS - SEGURO RESIDENCIAL */
	.cbp-ig-grid-residencial li {width: 50%;}
	.cbp-ig-grid-residencial li:nth-child(-n+6){border-top: 1px solid #ddd;}/*linhas horizontais*/
	.cbp-ig-grid-residencial li:nth-child(4){border-bottom: 1px solid #ddd;}/*linhas horizontais numero 4*/
	.cbp-ig-grid-residencial li:nth-child(3n-1), .cbp-ig-grid-residencial li:nth-child(3n-2) {box-shadow: none;}
	.cbp-ig-grid-residencial li:nth-child(-n+2){border-top: none;}/*linha primeira*/
	.cbp-ig-grid-residencial li:nth-child(2n-1) {box-shadow: 1px 0 0 #ddd;}/*linha meio*/
	
	/*PAGINAS - SEGURO EMPRESARIAL */
	.cbp-ig-grid-empresarial .cbp-ig-title-empresarial {font-size: 1em;}
	
	/*PAGINAS - SEGURO EQUIPAMENTOS AGRÍCOLA */
	.cbp-ig-grid-equipamentos li {width: 50%;}
	.cbp-ig-grid-equipamentos li:nth-child(-n+2){border-bottom: 1px solid #ddd;}
	
	.imgdestaqueseg .link{ width:35%; height:auto; margin: 35px auto;}
	
	.maisegs li{ width: 24%; margin-bottom: 1%; padding-top: 60px;}
	
	/*PAGINA - CERTIFICAÇÃO DIGITAL */
	.listcertificacao li{margin: 10px 0;}
		
	.compra-pg .list-prod .ladoproda{width: 40%; min-height: 310px; padding: 120px 85px;}
	.compra-pg .list-prod .ladoproda hr{width: 20%;}
	.compra-pg .list-prod .ladoprodb{width: 60%; min-height: 310px; padding: 30px 30px;}
	.compra-pg .list-prod .ladoprodb p{color: #FFF; font-size: 0.8em; line-height: 28px;}
	
	.grid1 figure {margin: 0; min-width: inherit; width: 50%;}
	.grid1 figure figcaption {padding: 1em 2em 0 2em; font-size: 0.9em;}
	
	/*PAGINAS - FALE CONOSCO */
	.ladoa{ width:100%;}
	.ladoa p{text-align: center !important;}
	
	.ladob{ width:100%; margin: 25px 0 70px 0;}
	.ladob p{text-align: center !important;}
	
	.sidebar1{ width:100%; padding: 70px 0;}
	.sidebar2{ width:100%; padding: 30px 0 50px 0;}
	
	/*FOOTER*/
	.content-footer{ width:95%;}
	.content-footer .copyright{ width:100%; float: none;}
	.content-footer .copyright p{ color:#FFFFFF; text-align:center;}
	.content-footer .ass{ width:100%; float: none;}
	.content-footer .ass p{ color:#FFFFFF; text-align:center;}
}
/*
1359PX BREAKPOINT
*/
@media (max-width: 84.9375em){
    .main_header_nav{
        position: fixed;
        left: -100%;
        top: 0;
        width: 76%;
        height: 100%;
        min-width: 200px;
        max-width: 360px;
        background: #222;
        z-index: 99;
        overflow: hidden;
        overflow-y: auto;
    }

    .main_header_nav_search{
        float: left;
        width: 100%;
        background: #000;
        padding: 31px 15px;
    }

    .main_header_nav_item{
        float: left;
        width: 100%;
        position: relative;
    }

    .main_header_nav_item > a{
        float: left;
        width: 100%;
        padding: 15px;
        text-transform: uppercase;
        text-decoration: none;
        color: #eee;
        font-weight: bold;
        font-size: 0.875em
    }

    .main_header_nav_item:hover,
    .main_header_nav_item > a:hover{
        background: #444;
        color: #fff;
    }

    .main_header_nav_sub{
        float: left;
        width: 100%;
        padding: 10px;
        background: #333;
    }

    .main_header_nav_sub_item{
        float: left;
        width: 100%;
    }

    .main_header_nav_sub_item a{
        float: left;
        width: 100%;
        padding: 15px;
        text-transform: uppercase;
        text-decoration: none;
        color: #fff;
        font-size: 0.8em;
    }

    .main_header_nav_sub_item a:hover{
        background: #2870A2;
    }
}

/*
1360PX BREAKPOINT
*/
@media (min-width: 85em){
    .mobile_action{
        display: none;
    }

    .main_header_nav{
		position: absolute;
        float: right;
        width: 50%;
        text-align: right;
        margin-top: 95px;
		height:auto;
		right:0;
    }

    .main_header_nav_item{
        position: relative;
        display: inline-block;
        margin-right: 10px;
		z-index:999;
    }

    .main_header_nav_item:last-of-type{
        margin-right: 140px;
    }

    .main_header_nav_item > a{
        float: left;
        padding: 10px 15px;
        text-transform: uppercase;
        text-decoration: none;
		color:#2870A2;
        font-size: 0.9em;
        font-weight: bold;
		
    }

    .main_header_nav_item:hover,
    .main_header_nav_item > a:hover{
        color: #A80009;
    }

    .main_header_nav_sub{
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        width: 300%;
        background: #fff;
        padding: 10px;
        text-align: left;
        z-index: 9999;
    }
    
    .main_header_nav_item:hover .main_header_nav_sub,
    .main_header_nav_item > a:hover .main_header_nav_sub{
        display: block;
    }
    
    .main_header_nav_sub_item{
        float: left;
        width: 100%;
    }
    
    .main_header_nav_sub_item a{
        float: left;
        width: 100%;
        padding: 10px;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 0.8em;
        color: #333;
		font-weight: bold;
    }
    
    .main_header_nav_sub_item a:hover{
        color: #A80009;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1359px){
	/*HEADER*/
	.content-header{ width:95%;}
	
	/*HEADER - MENU*/
	.main_header_nav{width: 70%;}
	.main_header_nav_item:last-of-type{margin-right: 40px;}
	
	/*BANNER - HOME*/
	.banhome{ font-size:3em !important;}
	
	/*UTILITÁRIOS - HOME*/
	.content-utilitarios{ width:95%;}
	.content-utilitarios .plantao{ width:100%; margin-bottom:1%;}
	.content-utilitarios .plantao hr{width:300px;}
	.content-utilitarios .plantao .imghome{padding:20px 40px 20px 50px;}
	.content-utilitarios .cotacao{ width:100%; margin:1.5% 0; min-height: inherit;}
	.content-utilitarios .ligamos{ width:100%; margin-top:1%; min-height:inherit;}
	
	/*SEGUROS - HOME*/
	.content-seguros{ width:95%;}
	.grid figure {width: 48% !important;}
	
	/*CERTIFICADOS - HOME*/
	.content-certificacao{ width:95%;}
	
	/*NOTICIAS - HOME*/
	.content-noticias{ width:95%;}
	.content-noticias ul li{ width:48%; height:auto; margin:0 1% 2% 1%; list-style:none; display:inline-block;}
	.content-noticias ul li:first-child{ margin-left: inherit;}
	.content-noticias ul li:nth-child(3){ margin-left:0;}
	.content-noticias ul li:last-child{ margin-right: 1%;}
	
	/*PARCEIROS - HOME*/
	.content-parceiros{ width:95%;}
	
	/*PAGINAS*/
	.content-pg{ width:95%;}
	
	/*PAGINAS - NOTICIAS */
	.ul-noticias li{width:48%; margin:0.5%;}
	.galeria li{ width: 25%;}
	
	/*PAGINAS - SEGURO AUTO */
	.cbp-ig-grid li {width: 50%;}
	.cbp-ig-grid li:nth-child(-n+6){border-top: 1px solid #ddd;}
	.cbp-ig-grid li:nth-child(3n-1), .cbp-ig-grid li:nth-child(3n-2) {box-shadow: none;}
	.cbp-ig-grid li:nth-child(-n+2){border-top: none;}
	.cbp-ig-grid li:nth-child(2n-1) {box-shadow: 1px 0 0 #ddd;}
	
	.imgdestaqueseg .link{ width:25%; height:auto; margin: 35px auto;}
	
	.maisegs li{ width: 24%; margin-bottom: 1%;}
	
	/*PAGINA - CERTIFICAÇÃO DIGITAL */
	.compra-pg .list-prod .ladoproda{width: 40%; min-height: 310px}
	.compra-pg .list-prod .ladoproda hr{width: 10%;}
	.compra-pg .list-prod .ladoprodb{width: 60%; min-height: 310px; padding: 30px 30px;}
	.grid1 figure {margin: 0; min-width: inherit; width: 33%;}
	.grid1 figure figcaption {padding: 1em 2em 0 2em; color: #fff; text-transform: uppercase; font-size: 0.9em; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
	
	/*PAGINAS - FALE CONOSCO */
	.sidebar1{ width:50%}
	.sidebar2{ width:45%}
	
	/*FOOTER*/
	.content-footer{ width:95%;}
}

@media screen and (min-width: 1360px) and (max-width: 1599px){
	/*HEADER*/
	.content-header{ width:95%;}
	
	/*HEADER - MENU*/
	.main_header_nav{width: 70%;}
	.main_header_nav_item:last-of-type{margin-right: 40px;}
	
	/*UTILITÁRIOS - HOME*/
	.content-utilitarios{ width:95%;}
	.content-utilitarios .plantao{padding: 23px 8px;}
	.content-utilitarios .plantao hr{ width:190px;}
	.content-utilitarios .plantao h1.home{ margin:15px 0 0 0;}
	.content-utilitarios .plantao .imghome{ padding:20px}
	.content-utilitarios .cotacao{padding:30px 20px;}
	
	/*SEGUROS - HOME*/
	.content-seguros{ width:95%;}
	.grid figure {width: 31%; max-width: inherit; margin: 2% 1% 0 1%;}
	
	/*NOTICIAS - HOME*/
	.content-noticias{ width:95%;}
	.content-noticias ul li{ width:23%; height:auto; margin:0 1%; list-style:none; display:inline-block;}
	.content-noticias ul li:first-child{ margin-left:0;}
	.content-noticias ul li:last-child{ margin-right:0;}
	
	/*PARCEIROS - HOME*/
	.content-parceiros{ width:95%;}
	
	/*PAGINAS*/
	.content-pg{ width:95%;}
	
	/*PAGINAS - NOTICIAS */
	.ul-noticias li{min-height:425px;}
	
	/*PAGINAS - SEGURO AUTO */
	.cbp-ig-grid li {height: 250px;}
	.cbp-ig-grid li a {font-size: 0.8em;}
	.maisegs li{ margin: 0 0.8%; }
	
	/*PAGINA - CERTIFICAÇÃO DIGITAL */
	.content-certificacao{ width:95%;}
	.compra-pg .list-prod .ladoproda{width: 50%; min-height: 310px}
	.compra-pg .list-prod .ladoprodb{width: 50%; min-height: 310px; padding: 30px 30px;}
	.grid1 figure figcaption {font-size: 1em;}
	
	/*PAGINAS - FALE CONOSCO */
	.sidebar2{ width:45%}
	
	/*FOOTER*/
	.content-footer{ width:95%;}
}

@media screen and (min-width: 1600px) and (max-width: 1899px){

	/*HEADER*/
	.content-header{ width:90%;}
	
	/*HEADER - MENU*/
	.main_header_nav{width: 60%;}
	.main_header_nav_item:last-of-type{margin-right: 80px;}
	
	/*UTILITÁRIOS - HOME*/
	.content-utilitarios{ width:90%;}
	.content-utilitarios .plantao h1.home{ margin:15px 0 0 0;}
	.content-utilitarios .plantao .imghome{ padding:20px 30px 20px 30px;}
	.content-utilitarios .cotacao{padding:18px 20px;}
	
	/*SEGUROS - HOME*/
	.content-seguros{ width:90%;}
	.grid figure {width: 31%; max-width: inherit; margin: 2% 1% 0 1%;}
	
	
	/*CERTIFICADOS - HOME*/
	.content-certificacao{ width:90%;}
	
	/*NOTICIAS - HOME*/d
	.content-noticias{ width:90%;}
	.content-noticias ul li{ width:23%; height:auto; margin:0 1%; list-style:none; display:inline-block;}
	.content-noticias ul li:first-child{ margin-left:0;}
	.content-noticias ul li:last-child{ margin-right:0;}
	
	/*PARCEIROS - HOME*/
	.content-parceiros{ width:90%;}
	
	/*PAGINAS*/
	.content-pg{ width:90%;}
	
	/*PAGINAS - NOTICIAS */
	.ul-noticias li{min-height:445px;}
	
	/*FOOTER*/
	.content-footer{ width:90%;}
	
}