/* Theme Name: SafetyPar - v2016-04 Author: Code200 Description: Tema desenvolvido com exclusividade para SafetyPar Version: 1.0 */ @import url("fonts/fonts.css"); #ciclo-nr12, #sobre, #servicos, #contato, #slider{padding-top:130px;margin-top:-130px;} body {font-family:'latoregular'; background:#ECEAE7;} .mapa__{padding-left: 0;} .mapa__ iframe{width: 100%;height: 400px;} .text-inverse {color:#fff;} .nopadding-right {padding-right:0px!important;} .nopadding-left {padding-left:0!important;} .nopadding {padding-right:0!important; padding-left:0!important;} .nomargin {margin-left:0!important; margin-right:0!important;} .selo img{margin-top:30px;} .xs-nopadding-right {padding-right:0px!important;} .xs-nopadding-left {padding-left:0!important;} .xs-nopadding {padding-right:0!important; padding-left:0!important;} .xs-nomargin {margin-left:0!important; margin-right:0!important;} .x2-xs-margin {margin-right:-30px!important; margin-left:-30px!important;} .x3-xs-margin {margin-right:-45px!important; margin-left:-45px!important;} .x4-xs-margin {margin-right:-60px!important; margin-left:-60px!important;} .x2-xs-padding {padding-right:30px!important; padding-left:30px!important;} .x3-xs-padding {padding-right:45px!important; padding-left:45px!important;} .x4-xs-padding {padding-right:60px!important; padding-left:60px!important;} .x2-xs-padding-right {padding-right:30px!important;} .x3-xs-padding-right {padding-right:45px!important;} .x4-xs-padding-right {padding-right:60px!important;} .x2-xs-padding-left {padding-left:30px!important;} .x3-xs-padding-left {padding-left:45px!important;} .x4-xs-padding-left {padding-left:60px!important;} .text-xs-center {text-align:center;} .text-xs-left {text-align:left;} .text-xs-right {text-align:right;} .ciclo_nr12{text-align: center;} .ciclo_nr12 .item-feature{padding-top:70px;margin-bottom:60px;} .ciclo_nr12 .base{background: #E6E6E6; position: relative; padding-bottom: 100px;} .ciclo_nr12 .base:before { position: absolute; top: 0; left: 0; right: 0; background: transparent url(img/servicos-detalhe-top.png) no-repeat top center; background-size: 100% auto; height: 100px; content: ""; width: 100%; } .ciclo_nr12 .base:after { position: absolute; bottom: -2px; left: 0; right: 0; background: transparent url(img/nr12-detalhe-rodape.png) no-repeat bottom center; background-size: 100% auto; height: 89px; content: ""; width: 100%; } .ciclo_nr12 .base .item-feature h3 { font-size: 40px; font-family: 'latoblack'; color: #1E377B; margin-bottom: 5px; margin-top: 55px; } .ciclo_nr12 .base .item-feature p { font-size: 16px; font-family: 'latoregular'; color: #BC9A31; margin-bottom: 2px; margin-top: 0; line-height:17px; } .ciclo_nr12 .ciclo_nr12_img{display: inline-block;position: relative;} .ciclo_nr12 .ciclo_nr12_img a{text-decoration: none;color: #fff;} .ciclo_nr12 .ciclo_nr12_img a:hover{text-decoration: none;transition: 0.2s} .ciclo_nr12 .ciclo_nr12_img .cnfbol{transition: 0.2s} .ciclo_nr12 .ciclo_nr12_img .cnfbol span{font-size: 13px;position: absolute;bottom: -28px;font-weight: 500;width: 100%;height: 100%;left: 3px;} .ciclo_nr12 .ciclo_nr12_img .cnfbol:hover {background: #d5d5d5;transition: 0.2s} .ciclo_nr12 .ciclo_nr12_img img{width: 800px;position: relative;} .ciclo_nr12 .ciclo_nr12_img .cnfbol{position: absolute;width: 86px;height: 86px;font-size: 40px; top: 0;border-radius: 50%;color: #fff;line-height: 75px;font-weight: 700;} .ciclo_nr12 .ciclo_nr12_img .bol1{right: 131px;top: 55px;background: #008FFE;} .ciclo_nr12 .ciclo_nr12_img .bol2{right: 0px;top: 389px;background: #002D5A;} .ciclo_nr12 .ciclo_nr12_img .bol3{right: 227px;top: auto;bottom: 0px;background: #00529E;} .ciclo_nr12 .ciclo_nr12_img .bol4{right: auto;left: 131px;top: auto;bottom: 55px;background: #0076D6;} .ciclo_nr12 .ciclo_nr12_img .bol5{right: auto;left: 0px;top: 284px;bottom: auto;background: #0081E7;} .ciclo_nr12 .ciclo_nr12_img .bol6{right: auto;left: 227px;top: 0;bottom: auto;background: #0090FF;} @media (max-width: 991px) { .ciclo_nr12 .ciclo_nr12_img .cnfbol{width: 70px;height: 70px;font-size: 35px;line-height: 58px;} .ciclo_nr12 .ciclo_nr12_img .cnfbol span{bottom: -23px;font-size: 12px;} .ciclo_nr12 .ciclo_nr12_img img{width: 600px;} .ciclo_nr12 .ciclo_nr12_img .bol1{right: 93px;top: 35px;} .ciclo_nr12 .ciclo_nr12_img .bol2{right: -6px;top: 290px;} .ciclo_nr12 .ciclo_nr12_img .bol3{right: 165px;bottom: -10px;} .ciclo_nr12 .ciclo_nr12_img .bol4{left: 94px;bottom: 35px;} .ciclo_nr12 .ciclo_nr12_img .bol5{left: -9px;top: 211px;} .ciclo_nr12 .ciclo_nr12_img .bol6{left: 166px;top: -8px;} #contato .redes{text-align:center;margin15px 0} } @media (max-width : 767px) { .ciclo_nr12 .ciclo_nr12_img img{width: 400px;} .ciclo_nr12 .ciclo_nr12_img .cnfbol{width: 46px;height: 46px;line-height: 39px;font-size: 24px;} .ciclo_nr12 .ciclo_nr12_img .cnfbol span{bottom: -14px;font-size: 8px;} .ciclo_nr12 .ciclo_nr12_img .bol1{right: 62px;top: 24px;} .ciclo_nr12 .ciclo_nr12_img .bol2{right: -4px;top: 194px;} .ciclo_nr12 .ciclo_nr12_img .bol3{right: 111px;bottom: -6px;} .ciclo_nr12 .ciclo_nr12_img .bol4{left: 63px;bottom: 23px;} .ciclo_nr12 .ciclo_nr12_img .bol5{left: -6px;top: 141px;} .ciclo_nr12 .ciclo_nr12_img .bol6{left: 111px;top: -5px;} } @media (max-width : 580px) { .ciclo_nr12 .ciclo_nr12_img img{width: 300px;} .ciclo_nr12 .ciclo_nr12_img .cnfbol{width: 32px;height: 32px;line-height: 25px;font-size: 17px;} .ciclo_nr12 .ciclo_nr12_img .cnfbol span{bottom: -12px;font-size: 6px;left:1px} .ciclo_nr12 .ciclo_nr12_img .bol1{right: 48px;top: 20px;} .ciclo_nr12 .ciclo_nr12_img .bol2{right: -2px;top: 147px;} .ciclo_nr12 .ciclo_nr12_img .bol3{right: 84px;bottom: -3px;} .ciclo_nr12 .ciclo_nr12_img .bol4{left: 49px;bottom: 19px;} .ciclo_nr12 .ciclo_nr12_img .bol5{left: -2px;top: 107px;} .ciclo_nr12 .ciclo_nr12_img .bol6{left: 86px;top: -2px;} } @media (max-width : 320px) { .ciclo_nr12 .ciclo_nr12_img img{width: 220px;} .ciclo_nr12 .ciclo_nr12_img .cnfbol{width: 22px;height: 22px;line-height: 16px;font-size: 10px;} .ciclo_nr12 .ciclo_nr12_img .cnfbol span{bottom: -8px;font-size: 4px;} .ciclo_nr12 .ciclo_nr12_img .bol1{right: 37px;top: 16px;} .ciclo_nr12 .ciclo_nr12_img .bol2{right: 0px;top: 108px;} .ciclo_nr12 .ciclo_nr12_img .bol3{right: 63px;bottom: 0px;} .ciclo_nr12 .ciclo_nr12_img .bol4{left: 37px;bottom: 16px;} .ciclo_nr12 .ciclo_nr12_img .bol5{left: 0px;top: 79px;} .ciclo_nr12 .ciclo_nr12_img .bol6{left: 64px;top: 0px;} } @media (min-width: 768px) { .sm-nopadding-right {padding-right:0px!important;} .sm-nopadding-left {padding-left:0!important;} .sm-nopadding {padding-right:0!important; padding-left:0!important;} .sm-nomargin {margin-left:0!important; margin-right:0!important;} .x2-sm-padding-right {padding-right:30px!important;} .x3-sm-padding-right {padding-right:45px!important;} .x4-sm-padding-right {padding-right:60px!important;} .x2-sm-padding-left {padding-left:30px!important;} .x3-sm-padding-left {padding-left:45px!important;} .x4-sm-padding-left {padding-left:60px!important;} .text-sm-center {text-align:center;} .text-sm-left {text-align:left;} .text-sm-right {text-align:right;} } @media (min-width: 992px) { .md-nopadding-right {padding-right:0px!important;} .md-nopadding-left {padding-left:0!important;} .md-nopadding {padding-right:0!important; padding-left:0!important;} .md-nomargin {margin-left:0!important; margin-right:0!important;} .x2-md-padding-right {padding-right:30px!important;} .x3-md-padding-right {padding-right:45px!important;} .x4-md-padding-right {padding-right:60px!important;} .x2-md-padding-left {padding-left:30px!important;} .x3-md-padding-left {padding-left:45px!important;} .x4-md-padding-left {padding-left:60px!important;} .text-md-center {text-align:center;} .text-md-left {text-align:left;} .text-md-right {text-align:right;} } section {width:100%; float:left;} #header .base {background:#F0F2ED;} #header .logo {max-width:100%; margin-top:40px;} #header .info {font-size:12px; margin-bottom:2px; color:#B3B3B3; text-align:center;} #header .info .fone {font-size:15px; margin-bottom:0; margin-top:35px;} #header .info .fone small {font-size:10px;} #header .info .email {font-size:15px; margin-bottom:5px; font-family:'latolight';} #header .info .email a {color:#B3B3B3;} #header .info ul {margin:0; padding:0; display:block; width:100%; text-align:center;} #header .info ul li {margin:0 5px; padding:0; display:inline-block;} #header .info ul li .fa-stack-2x {color:#B3B3B3;} #header .info ul li .fa-stack-1x {color:#F0F2ED;} #header .menu {margin:0; padding:0;text-align:center;} #header .menu li {margin:0; padding:0; display:inline-block;} #header .menu li a {color:#1E377B; padding:50px 5px; display:block; text-transform:uppercase; text-decoration:none;} #header .menu li a:hover {background:#1E377B; color:#F1F2ED;} #header .selo {max-width:100%;} #header > .container > .row {position:relative;} #sobre .base {position:relative; background:#fff url(img/sobre-detalhe.png) no-repeat top center; background-size:100% auto; padding-bottom:30px;} #sobre .base h2 {color:#1E377B; font-size:28px; font-family:'latoblack'; text-align:center; margin-top:25px; margin-bottom:15px; text-transform:uppercase;} #sobre .base .item .ico {margin-bottom:5px;} #sobre .base .item h3 {font-size:20px; font-family:'latoblack'; color:#313332; margin-bottom:15px; margin-top:10px; text-transform:uppercase;} #sobre .base .item p {font-size:14px; color:#808080; margin-bottom:15px; font-family:'latolight';} #sobre .base .item p a {color:#1E377B; font-size:16px; font-family:'latoregular';} #sobre .base .item .img {width:100%; height:220px; background-repeat:no-repeat; background-position:center center; background-size:cover;} #nr-12 .base {background:#E6E6E6; position:relative; padding-bottom:100px;} #nr-12 .base:before {position:absolute; top:0; left:0; right:0; background:transparent url(img/nr12-detalhe.png) no-repeat top center; background-size:100% auto; height:306px; content:""; width:100%;} #nr-12 .base:after {position:absolute; bottom:0; left:0; right:0; background:transparent url(img/nr12-detalhe-rodape.png) no-repeat bottom center; background-size:100% auto; height:89px; content:""; width:100%;} #nr-12 .base .row {position:relative;} #nr-12 .base .contato {color:#fff; margin-top:5px; padding:3px 25px; font-size:14px; background:#BC9A31; display:inline-block; text-decoration:none;} #nr-12 .base .contato:hover {background:#1E377B;} #nr-12 .base .item {margin-top:15px;} #nr-12 .base .item h3 {font-size:22px; font-family:'latoblack'; color:#313332; margin-bottom:5px; margin-top:5px;} #nr-12 .base .item .texto {font-size:16px; color:#808080; margin-bottom:5px; background:#D2D3D5; padding:10px; border:dotted 1px #BC9A31;} #nr-12 .base .item a {color:#1E377B; font-size:16px; font-family:'latoregular'; display:inline-block;} #nr-12 .base .item-feature h3 {font-size:30px; font-family:'latoblack'; color:#fff; margin-bottom:5px; margin-top:20px;} #nr-12 .base .item-feature p {font-size:16px; font-family:'latoregular'; color:#BC9A31; margin-bottom:2px; margin-top:0;} #servicos .base {background:#fff; padding-top:10px; padding-bottom:10px;} #servicos .car-control {position:absolute; top:50%; margin-top:-15px; color:#313331; font-size:20px; font-weight:300; text-decoration:none;} #servicos .car-control.left {left:-15px;} #servicos .car-control.right {right:-15px;} #servicos .jcarousel-wrapper {position:relative;} #servicos .jcarousel {position:relative; overflow:hidden; width:100%;} #servicos .jcarousel ul {width:20000em; position:relative; list-style:none; margin:0; padding:0;} #servicos .jcarousel li {width:16.66665%; padding-left:7.5px; padding-right:7.5px; float:left; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} #servicos .jcarousel li .img {height:80px; background-repeat:no-repeat; background-position:center center; background-size:cover;} #servicos .jcarousel li h3 {margin-top:0; margin-bottom:0; background:#231F1F; font-size:14px; text-align:center; color:#fff; padding:10px ;} #servicos-destaque .base {background:#1E377B; position:relative; padding-top:92px; padding-bottom:67px;} #servicos-destaque .base:before {position:absolute; top:-2px; left:0; right:0; background:transparent url(img/servicos-detalhe-top.png) no-repeat top center; background-size:100% auto; height:92px; content:""; width:100%;} #servicos-destaque .base:after {position:absolute; bottom:-2px; left:0; right:0; background:transparent url(img/servicos-detalhe-bottom.png) no-repeat bottom center; background-size:100% auto; height:67px; content:""; width:100%;} #servicos-destaque .base .title {display:block; padding-top:20px; padding-bottom:20px; margin-top:30px; margin-bottom:40px; background:#9193b2; color:#fff; text-align:center;} #servicos-destaque .base .title h2 {font-size:28px; font-family:'latoblack'; margin-top:0; margin-bottom:0;} #servicos-destaque .base .title p {font-size:16px; font-family:'latoregular'; margin-bottom:0;} #servicos-destaque .car-control {position:absolute; top:55px; color:#fff; font-size:30px; font-weight:300; text-decoration:none;} #servicos-destaque .car-control.left {left:-30px;} #servicos-destaque .car-control.right {right:-30px;} #servicos-destaque .jcarousel-wrapper {position:relative;} #servicos-destaque .jcarousel {position:relative; overflow:hidden; width:100%;} #servicos-destaque .jcarousel ul {width:20000em; position:relative; list-style:none; margin:0; padding:0;} #servicos-destaque .jcarousel li {width:16.66665%; padding-left:7.5px; padding-right:7.5px; float:left; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} #servicos-destaque .jcarousel li .img {height:120px; background-repeat:no-repeat; background-position:center center; background-size:cover;} #servicos-destaque .jcarousel li h3 {margin-top:0; margin-bottom:0; background:#231F1F; font-size:18px; text-align:center; color:#fff; padding:7px;} #servicos-destaque .jcarousel li p {margin-top:5px; margin-bottom:0; font-size:14px; line-height:17px; text-align:center; color:#B3B3B3; border:dashed 1px #000;} #servicos-destaque .jcarousel li a {text-decoration:none;} #contato .base {background:#fff; padding-bottom:20px;} #contato .base h2 {margin-top:20px; margin-bottom:80px; color:#fff; text-align:center;} #contato .base h2 span {display:inline-block; padding:5px 25px; background:#BC9A31; color:#fff; font-size:22px; font-family:'latobold'; text-align:center;} #contato .base h2.other-title {color:#313332; font-size:28px; font-family:'latoblack'; margin-top:0; margin-bottom:3px;} #contato .base p.sub {color:#313332; font-size:16px; font-family:'latoregular'; margin-bottom:0; text-align:center;} #contato .base hr.line {border:none; padding:0; margin:20px auto; height:21px; width:100%; background:url(img/line.png) no-repeat center center; background-size:contain;} #contato .base .info h3 {color:#1E377B; font-size:22px; font-family:'latoblack'; margin-top:2px; margin-bottom:0;} #contato .base .info p {color:#666666; font-size:16px; font-family:'latoregular'; margin-top:0; margin-bottom:0;} #contato .redes {margin:15px 0 0 -20px; padding:0; display:block; width:100%; } #contato .nossoescri h3{color: #1E377B;font-size: 22px;font-family: 'latoblack';margin-top: 2px;margin-bottom: 0;} #contato .nossoescri{ margin-bottom: 30px;margin-left:-15px;} #contato .nossoescri p {color: #666666;font-size: 16px;font-family: 'latoregular'; margin-top: 0;margin-bottom: 0;} #contato .redes li {margin:0 5px; padding:0; display:inline-block;} #contato .redes li a {text-decoration:none; color:#666666; font-size:17px; font-family:'latoregular';} #contato .redes li .fa-stack-2x {color:#1E377B;} #contato .redes li .fa-stack-1x {color:#FFFFFF;} #footer .base {background:#fff; position:relative; min-height:226px; padding-top:115px;margin: 0 -15px;padding-right: 15px;padding-left: 15px;} #footer .base:before {position:absolute; bottom:0; left:0; right:0; background:transparent url(img/rodape.png) no-repeat top center; background-size:100% auto; height:226px; content:""; width:100%;} #page-single > .container {background:#fff; padding-top:60px; padding-bottom:120px;} #page-single h1 {color:#313332; font-size:28px; font-family:'latoblack'; margin-top:0; margin-bottom:30px;} #page-single .voltar {display:inline-block; margin-top:30px; color:#1E377B; font-size:22px; font-family:'latoblack';} #page-single.ciclopag12{} #page-single.ciclopag12 > .container{padding: 15px} #page-single.ciclopag12 .conteudo{margin-bottom: 50px;} #page-single.ciclopag12 .conteudo h1{margin: 30px 0} #page-single.ciclopag12 .conteudo p{font-size: 16px;} #page-single .galeria {margin-bottom: 50px;display: inline-block;} #page-single .galeria img{width: 100%; border: 2px solid #F0F2ED;transition: 0.2s} #page-single .galeria img:hover{border: 2px solid #051F3E;opacity: 0.8;transition: 0.2s} #page-single .galeria .sppp{padding: 5px;} #page-single.ciclopag12 .title{margin-bottom:0px;background: #F0F2ED;text-align: left;color: #051F3E;padding: 30px 15px;} #page-single.ciclopag12 .img img{width: 100%;} .lista-noticias > .row > .container {background:#fff; padding-bottom:80px; padding-top:60px;} .formulario {text-align:left;} .formulario input[type=text], .formulario input[type=tel], .formulario input[type=email], .formulario textarea {background:#e6e6e6; border:none; color:#A9ABAE; padding:8px; width:100%; font-size:14px; margin-bottom:20px;} .formulario input[type=submit] {background:#1E377B; color:#D2D3D5; border:none; padding:6px 60px; font-size:16px; font-family:'latoblack';width:100%;text-transform:uppercase;} .formulario div.wpcf7-response-output {border:none; font-weight:600;} .formulario div.wpcf7-validation-errors {background:rgba(178,0,0,.8); color:#EBEBE5;} .formulario span.wpcf7-not-valid-tip {font-size:13px; font-weight:600; color:#EBEBE5; padding:5px; background:rgba(178,0,0,.8); margin-top:-20px;} .formulario span.wpcf7-not-valid-tip:before {content:"\f12a"; margin-right:5px; display:inline-block; font:normal normal normal 14px/1 FontAwesome; font-size:inherit; text-rendering: auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;} .formulario div.wpcf7-validation-errors:before {content:"\f071"; font-size:1.4em; margin-right:5px; display:inline-block; font:normal normal normal 14px/1 FontAwesome; font-size:inherit; text-rendering: auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;} .formulario div.wpcf7-mail-sent-ok {color:#EBEBE5; background:rgba(7, 99, 8, 0.8);} .formulario div.wpcf7-mail-sent-ok:before {content:"\f118"; font-size:1.4em; margin-right:5px; display:inline-block; font:normal normal normal 14px/1 FontAwesome; font-size:inherit; text-rendering: auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;} @media (max-width: 1200px) { #header .menu li a{font-size:12px;} #header .info .fone{font-size:12px;} #footer .base:before{background-size: cover;} #contato .redes li a{font-size:15px;} } @media (max-width: 991px) { #contato .redes{margin: 15px 0;} #header .info .fone{margin-top:0;font-size:20px;} .selo img{margin-top:0;} #header .selo{margin-bottom:10px;text-align:center} #header .menu{text-align:right} #header .menu li a{padding:42px 5px;} #footer .base:before{height:500px;} #footer .base img{margin:30px 0} #footer .base .text-left, #footer .base .text-right{text-align:center} .ciclo_nr12 .base .item-feature p{font-size:21px;line-height:25px;} .mapa__ iframe{margin-bottom:15px;} .formulario{margin-top:15px;} .mapa__{padding-right:0px;} #sobre .base .item .img{height:120px;} #footer .base:before{height:auto;background:#1E377B} #footer .base{height:auto;background:#1E377B;min-height:auto;padding: 30px 15px;} #sobre .base{background-size: 170% auto;} } @media (max-width: 767px) { #sobre .base .item .img{height:250px;background-size: contain;} .ciclo_nr12 .base, #servicos-destaque .base{padding-right:0;padding-left:0} #page-single .galeria{display:block} #servicos-destaque .car-control.right{right:0} #servicos-destaque .car-control.left{left:0} #sobre .base .item .ico{margin-top:20px;} #header .menu{text-align:center} #header .logo{width:70%;} #header .info{margin-bottom:30px;} #header .selo{margin-bottom:30px;} .navbar-toggle{float:none;text-align:center;margin:20px 0 10px;} #header .menu li a {padding: 15px 5px;} #header .menu li a{font-size:18px;} #servicos .jcarousel li h3{font-size:16px;} } @media (max-width: 480px) { #servicos .base{padding-top:50px;padding-bottom:30px} #footer .base img{width:50%;} #contato .redes .nrd{display:none;} .ciclo_nr12 .base .item-feature p{ font-size: 17px;line-height: 16px;} #servicos-destaque .car-control{top:50%} #contato .redes li a{font-size:22px;} #header .logo{width:100%;} .navbar-toggle{margin: 15px 0 15px;} #header .info .fone{font-size:14px} #footer .base{padding-top:0;margin-top:0px;} #sobre .base {background-size: 333% auto;} #servicos .jcarousel li .img{height:160px;} }