/* Theme Name: ASPP - v2015-08 Author: Agência WX Description: Tema desenvolvido com exclusividade para ASPP Version: 1.0 */ @font-face { font-family: 'comfortaabold'; src: url('font/comfortaa-bold-webfont.eot'); src: url('font/comfortaa-bold-webfont.eot?#iefix') format('embedded-opentype'), url('font/comfortaa-bold-webfont.woff2') format('woff2'), url('font/comfortaa-bold-webfont.woff') format('woff'), url('font/comfortaa-bold-webfont.ttf') format('truetype'), url('font/comfortaa-bold-webfont.svg#comfortaabold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'comfortaalight'; src: url('font/comfortaa-light-webfont.eot'); src: url('font/comfortaa-light-webfont.eot?#iefix') format('embedded-opentype'), url('font/comfortaa-light-webfont.woff2') format('woff2'), url('font/comfortaa-light-webfont.woff') format('woff'), url('font/comfortaa-light-webfont.ttf') format('truetype'), url('font/comfortaa-light-webfont.svg#comfortaalight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'comfortaaregular'; src: url('font/comfortaa-regular-webfont.eot'); src: url('font/comfortaa-regular-webfont.eot?#iefix') format('embedded-opentype'), url('font/comfortaa-regular-webfont.woff2') format('woff2'), url('font/comfortaa-regular-webfont.woff') format('woff'), url('font/comfortaa-regular-webfont.ttf') format('truetype'), url('font/comfortaa-regular-webfont.svg#comfortaaregular') format('svg'); font-weight: normal; font-style: normal; } .grecaptcha-badge { visibility: hidden; } body {font-family: 'Open Sans', sans-serif;} .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;} @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-left:30px!important;} .x3-md-padding-right {padding-left:45px!important;} .x4-md-padding-right {padding-left: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;} } #header {padding:25px 0;} #header .social {margin:23px 0 0 0; padding:0;} #header .social li {padding:0; margin:0; list-style:none; display:inline-block;} #header .search {margin:23px 0 0 0; padding:0;} #header .atendimento {margin:0 0 0 0; font-size:40px; line-height:70px;} #header .atendimento span {font-weight:300; font-size:14px; color:#AAAAAA; position:relative; top:-7px;} #header .telefone {margin:0 0 0 0; font-size:28px; line-height:35px;} #header .telefone span {font-weight:400; font-size:15px; position:relative; top:-4px;} #header .telefone span strong {font-weight:700; font-size:19px; position:relative;} @media screen and (min-width: 800px) { #header .fonenum { width: 50%; } } .navbar-collapse {padding-right:0; padding-left:0;} .navbar-collapse .navbar-nav {float:initial;} .navbar-collapse .navbar-nav>li{float:initial;} #menu {position:relative; z-index:9;} #menu ul {background: #010041/*#4B4B4B url(img/menu-bg.png)*/; padding:0; margin:0; text-align:center;border-radius:5px;} #menu ul li {padding:0; margin:0; list-style:none; display:inline-block;} #menu ul li a {padding:24px 20px; margin:0 10px; display:block; font-size:15px; font-weight:700; color:#fff; text-transform:uppercase; transition:all 0.3s ease-in-out;} #menu ul li.current-menu-item a, #menu ul li a:hover {padding:18px 20px 24px 20px; border-top:solid 6px #F58220; text-decoration:none; font-weight:700;} #menu ul li a:hover, #menu ul li.current-menu-item a:hover {color:#333;} #menu ul li.current-menu-item a {color:#ddd;} #banners {height:446px; background-size:cover; background-position:center center; background-color:#0D9BDA; position:relative; z-index:1; margin-top:-35px;} #banners:before {content:""; top:0; left:0; right:0; bottom:0; position:absolute; display:block; background:transparent url(img/slider-dot-image.png);} #banners .container {height:446px; position:relative;} #banners ul {text-align:center; margin:0; padding:0; position:absolute; bottom:0px; left:0; width:100%;} #banners ul li {float:left; list-style:none; width:16.66%; padding:30px 0 20px 0; position:relative; cursor:pointer; transition:all 0.3s ease-in-out;} #banners ul li > div {position:absolute; bottom:0; left:0; width:100%; padding:30px 0 20px 0;} #banners ul li > div:after {position:absolute; content:""; top:-30px; width:60px; height:60px; left:50%; margin-left:-30px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;} #banners ul li > div:before {position:absolute; top:-20px; font-size:40px; left:50%; margin-left:-20px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; z-index:2;} #banners ul li:nth-child(1) > div:after, #banners ul li:nth-child(1) > div {background:rgba(178,178,0,0.9);} #banners ul li:nth-child(2) > div:after, #banners ul li:nth-child(2) > div {background:rgba(255,128,0,0.9);} #banners ul li:nth-child(3) > div:after, #banners ul li:nth-child(3) > div {background:rgba(0,178,178,0.9);} #banners ul li:nth-child(4) > div:after, #banners ul li:nth-child(4) > div {background:rgba(178,0,178,0.9);} #banners ul li:nth-child(5) > div:after, #banners ul li:nth-child(5) > div {background:rgba(255,38,38,0.9);} #banners ul li:nth-child(6) > div:after, #banners ul li:nth-child(6) > div {background:rgba(0,105,140,0.9);} #banners ul li .title {font-weight:700; font-size:16px;} #banners ul li .adicionais {height:0px; padding:0 10px; overflow:hidden; transition:all 0.3s ease-in-out;} #banners ul li .adicionais p {font-size:15px; font-weight:400; line-height:18px;} #banners ul li .adicionais .btn {color:#fff; background:rgba(255,255,255,.3); font-size:18px; font-weight:700; text-align:center;} #banners ul li:hover .adicionais {height:auto; padding:10px;} #banners ul li:hover .adicionais p {padding:0px;} #banners .link {position:absolute; top:0; bottom:0; left:0; right:0; display:none;} #banners-mobo {height:450px; background-size:cover; background-position:center center; background-color:whitesmoke;} #banners-mobo .container {height:300px; padding:0!important;} #banners-mobo .container .carousel {height: 100%; padding:0!important;} #banners-mobo .container .carousel .carousel-inner {height: 100%;} #banners-mobo .container .carousel .carousel-inner .item {height: 100%; padding-top:0px; background-size:cover; background-position: center center;} #banners-mobo .container .carousel .carousel-inner .text-inverse .title-content {padding-top:12px;padding-right:6px;padding-left:6px;background-image:linear-gradient(to bottom,rgba(255,118,0,.5) 0,rgba(255,0,0,.0001) 100%);} #banners-mobo .container .carousel .carousel-inner .text-inverse .title-content a {color:#fff;} #banners-mobo .container .carousel .carousel-inner .text-inverse .adicionais {padding-top:12px;padding-right:30px;padding-left:30px;} #banners-mobo .container .carousel .carousel-inner .text-inverse .titulo {} #banners-mobo .container .carousel .carousel-inner .item .text-inverse > div:before {font-size:30px;} #banners-mobo .adicionais p {font-size:16px; font-weight:400; line-height:20px;} #banners-mobo .adicionais .btn {color:#fff; background:rgba(255,118,0,.8); font-size:18px; font-weight:700; width:82%; text-align:center; position:absolute; bottom:15px;} #banners-mobo .container .carousel .carousel-control a {color: #fff;} #banners-mobo .container .carousel .carousel-inner .item .title {font-size:28px; font-weight:bold;} #frame-porque {padding:30px 0;} #frame-porque iframe {height:281px;} #frame-porque .news {padding-top:5px; padding-bottom:10px; background:transparent url(img/frame-form.png); border-radius:10px;} #frame-porque .news .title {font-size:19px; color:#fff; font-weight:700; margin:5px 0; display:block;} #frame-porque .news .input-sm {padding:3px 10px; height:26px; border:none;} #frame-porque .news .input-sm::-webkit-input-placeholder {color:#D28533; font-weight:300; font-size:13px;} #frame-porque .news .input-sm:-moz-placeholder {color:#D28533; font-weight:300; font-size:13px;} #frame-porque .news .input-sm::-moz-placeholder {color:#D28533; font-weight:300; font-size:13px} #frame-porque .news .input-sm:-ms-input-placeholder {color:#D28533; font-weight:300; font-size:13px;} #frame-porque .news [type=submit] {background:#FFC926; color:#D28533; font-weight:900;} #frame-porque .porque h2 {font-family: 'comfortaabold', Arial; font-size:27px; /*color:#F4811F;*/ position:relative; margin-top:12px; padding-top:5px;} #frame-porque .porque h2:after {position:absolute; content:""; top:-5px; left:0; width:36px; height:5px; background:#B2B200;} #frame-porque .porque ul {margin:10px 0; padding:0; list-style:none;} #frame-porque .porque ul li {list-style-position:inside; padding-left:1em; text-indent:-.7em; font-weight:300; font-size:17px;} #frame-porque .porque ul li:before {content:"• "; color: #F5821F; font-weight:700;} #frame-porque .porque .chamadas {margin-top:28px;} #frame-porque .porque .chamadas [class*="icon"] {font-size:48px;} #frame-porque .porque .chamadas span {font-size:16px; font-weight:300;} #ofertas {padding:40px 0; background-size:cover; background-position:center center; background-color:#0085B2; position:relative;} #ofertas h2 {font-family: 'comfortaabold', Arial; font-size:27px; color:#FFFFFF; position:relative; padding-top:5px;} #ofertas h2:after {position:absolute; content:""; top:-5px; left:0; width:36px; height:5px; background:#FFD24D;} #ofertas #carossel-ofertas {margin-top:40px;} #ofertas #carossel-ofertas .oferta {height:240px;} #ofertas #carossel-ofertas .oferta > a {background:#fff; padding:17px; display:block; color:#0085B2; border-radius:20px;} #ofertas #carossel-ofertas .oferta .img {width:100%; height:146px; position:relative; background-size:cover; background-position:center center; background-color:#0085B2; margin-bottom:10px; border-radius:20px;} #ofertas #carossel-ofertas .oferta a .img:before {position:absolute; content:""; top:50%; left:50%; bottom:50%; right:50%; background-color:rgba(255,201,38,0); border-radius:50%; -webkit-transition: all 0.4s ease-in-out 0.1s; -moz-transition: all 0.4s ease-in-out 0.1s; -o-transition: all 0.4s ease-in-out 0.1s; transition: all 0.4s ease-in-out 0.1s;border-radius:20px;} #ofertas #carossel-ofertas .oferta a:hover .img:before {position:absolute; top:0; left:0; bottom:0; right:0; background-color:rgba(255,201,38,.75); border-radius:0; -webkit-transition: all 0.4s ease-in-out 0.1s; -moz-transition: all 0.4s ease-in-out 0.1s; -o-transition: all 0.4s ease-in-out 0.1s; transition: all 0.4s ease-in-out 0.1s;border-radius:20px;} #ofertas #carossel-ofertas .oferta a:hover .img:after {position:absolute; top:50%; left:50%; color:#fff; content:"+"; font-size:42px; font-weight:bold; margin:-25px 0 0 -12px; border-radius:20px;} #ofertas #carossel-ofertas .oferta .title {font-size:14px; font-weight:700; text-align:center; line-height:13px;} #ofertas #carossel-ofertas .oferta .subtitle {font-size:14px; font-weight:300; text-align:center; line-height:13px;} #ofertas .btn {background:#FFC926; color:#0085B2; font-size:18px; font-weight:900; margin-top:30px; padding-left:40px; padding-right:40px; border:none;} #ofertas #carossel-ofertas .car-control {position:absolute; top:0; bottom:0; width:1px; z-index:9;} #ofertas #carossel-ofertas .car-control .ico {position:absolute; top:50%; margin-top:-34px; font-size:50px; color:#fff;} /*70x68*/ #ofertas #carossel-ofertas .car-control.left {left:0;} #ofertas #carossel-ofertas .car-control.left .ico {left:-48px;} #ofertas #carossel-ofertas .car-control.right {right:0;} #ofertas #carossel-ofertas .car-control.right .ico {right:-48px;} /*#ofertas {margin-bottom:30px;} #ofertas .topo {font-size:17px; color:#666666; padding:60px 0;}*/ #ofertas .categoria {margin-bottom:30px;} #ofertas .categoria.interna {margin-top:10px;} #ofertas .categoria > .title {font-family: 'comfortaalight', Arial; font-size:31px; color:#F4811F; margin-top:10px; margin-bottom:10px;} #ofertas .categoria .roteiro {margin-bottom:20px;} #ofertas .categoria .roteiro a {height:195px; width:100%; position:relative; display:block;} #ofertas .categoria .roteiro a .img {position:absolute; top:0; left:0; right:0; bottom:0; background-color:#F58220; background-size:cover; background-position:center center; border-radius:20px;} #ofertas .categoria .roteiro a .img:before {position:absolute; content:""; top:50%; left:50%; bottom:50%; right:50%; background-color:rgba(245,130,32,0); border-radius:50%; -webkit-transition: all 0.4s ease-in-out 0.1s; -moz-transition: all 0.4s ease-in-out 0.1s; -o-transition: all 0.4s ease-in-out 0.1s; transition: all 0.4s ease-in-out 0.1s;} #ofertas .categoria .roteiro a:hover .img:before {position:absolute; top:0; left:0; bottom:0; right:0; background-color:rgba(245,130,32,.75); border-radius:0; -webkit-transition: all 0.4s ease-in-out 0.1s; -moz-transition: all 0.4s ease-in-out 0.1s; -o-transition: all 0.4s ease-in-out 0.1s; transition: all 0.4s ease-in-out 0.1s;} #ofertas .categoria .roteiro:nth-child(even) a:hover .img:before {background-color:rgba(178,178,0,.75); border-radius:20px;} #roteiros .categoria .roteiro a:hover .img:after {position:absolute; top:50%; left:50%; color:#fff; content:"+"; font-size:42px; font-weight:bold; margin:-50px 0 0 -12px; border-radius:20px;} #ofertas .categoria .roteiro .info {position:absolute; bottom:0; left:0; right:0; padding:10px 5px 5px 5px; text-align:center;} #ofertas .categoria .roteiro .info .title {font-size:16px; font-weight:700; color:#FFFFFF; margin-bottom:0;} #ofertas .categoria .roteiro .info .subtitle {font-size:14px; font-weight:300; color:#FFFFFF; margin-bottom:0;} #ofertas .categoria .roteiro:nth-child(even) .info {background:#B2B200; border-radius:20px;} #ofertas .categoria .roteiro:nth-child(odd) .info {background:#F58220; border-radius:20px;} #ofertas .categoria .mais {font-size:18px; color:#878787; margin-top:5px; float:right;} #ofertas .categoria .mais .icon-seta-dir {font-size:34px; vertical-align:middle;} #frame-time {padding:30px 0; background:whitesmoke;} #frame-time h2 {font-family: 'comfortaabold', Arial; font-size:27px; /*color:#F4811F;*/ position:relative; margin-top:12px; padding-top:5px;} #frame-time h2:after {position:absolute; content:""; top:-5px; left:0; width:36px; height:5px; background:#B2B200;} #frame-time #lista-time {} #frame-time #lista-time .time {margin-top:10px;padding:10px; border-radius:20px; height:330px} #frame-time #lista-time .time > div {background:bisque; padding:17px; display:block; color:#0085B2; border-radius:20px; height:100%} #frame-time #lista-time .time > a {background:#fff; padding:17px; display:block; color:#0085B2;} #frame-time #lista-time .time .img {width:100%; height:146px; width:146px; position:relative; background-size:cover; background-position:center center; background-color:#0085B2; margin-bottom:10px; border-radius:20px; margin-left:auto; margin-right:auto} #frame-time #lista-time .time a .img:before {position:absolute; content:""; top:50%; left:50%; bottom:50%; right:50%; background-color:rgba(255,201,38,0); border-radius:50%; -webkit-transition: all 0.4s ease-in-out 0.1s; -moz-transition: all 0.4s ease-in-out 0.1s; -o-transition: all 0.4s ease-in-out 0.1s; transition: all 0.4s ease-in-out 0.1s;} /*#frame-time #lista-time .time a:hover .img:before {position:absolute; top:0; left:0; bottom:0; right:0; background-color:rgba(255,201,38,.75); border-radius:0; -webkit-transition: all 0.4s ease-in-out 0.1s; -moz-transition: all 0.4s ease-in-out 0.1s; -o-transition: all 0.4s ease-in-out 0.1s; transition: all 0.4s ease-in-out 0.1s;} #frame-time #lista-time .time a:hover .img:after {position:absolute; top:50%; left:50%; color:#fff; content:"+"; font-size:42px; font-weight:bold; margin:-25px 0 0 -12px;}*/ #frame-time #lista-time .time .title {font-size:14px; font-weight:700; text-align:center; line-height:13px;} #frame-time #lista-time .time .subtitle {font-size:14px; font-weight:300; text-align:center; line-height:13px;} #frame-time #lista-time .time .contato {margin-top:10px;} #frame-time .adicionais {height:0px; padding:0 10px;} #frame-time .adicionais p {font-size:15px; font-weight:400; line-height:18px;} #frame-time .btn {color:#fff; /*background:rgba(255,118,0);*/ font-size:18px; font-weight:700; text-align:center; width:100%;} #frame-time .btn-whats {background:#43D854;} #frame-time .btn-email {background:rgba(255,118,0);} #frame-parceiros {padding:30px 0;} #frame-parceiros .bgcor {background:whitesmoke;} #frame-parceiros .bgbranco {background:white;} #frame-parceiros h2 {font-family: 'comfortaabold', Arial; font-size:27px; /*color:#F4811F;*/ position:relative; margin-top:12px; padding-top:5px;} #frame-parceiros h2:after {position:absolute; content:""; top:-5px; left:0; width:36px; height:5px; background:#B2B200;} #frame-parceiros .parceiro {margin-bottom:1em;margin-top:1em;} #frame-parceiros .parceiro img {margin-left: auto;margin-right: auto;display: block;border-radius: 2px;max-width: -webkit-fill-available; /*width:100px;*/} .base-depoimentos {background-color:#ffffff; position:relative; padding:75px 0;} .base-depoimentos.pagina-depoimentos {padding:38px 0;} .base-depoimentos.escuro {background-color:#EEEEEE; position:relative;} .base-depoimentos .moldura {position:relative; width:256px; height:288px; background:transparent url(img/depoimentos-moldura.png) no-repeat center center; margin:0 auto;} .base-depoimentos .moldura .photo {width:234px; height:196px; background-size:cover; background-position:center center; transform: rotate(0.5deg); top:17px; left:12px; position:absolute;} .base-depoimentos .moldura:after {background:transparent url(img/depoimentos-pin.png) no-repeat center center; content:""; width:20px; height:30px; position:absolute; top:0; left:50%; margin-left:-10px;} .base-depoimentos .depoimento .texto {font-weight:300; font-size:22px; line-height:26px; color:#868686; margin-top:20px; padding:0 40px;} .base-depoimentos .depoimento .texto span {position:relative; display:block;} .base-depoimentos .depoimento .texto:before {font-weight:400; font-size:120px; color:#DDDDDD; content:"“"; position:absolute; left:20px; top:35px;} .base-depoimentos .depoimento .texto:after {font-weight:400; font-size:120px; color:#DDDDDD; content:"”"; position:absolute; right:20px; top:35px;} .base-depoimentos .depoimento hr.mini-divisor {border:none; position:relative; padding:5px 0; display:block;} .base-depoimentos .depoimento hr.mini-divisor:before {position:absolute; background:#DDDDDD; content:""; height:5px; width:36px; top:50%; left:50%; margin-left:-18px; margin-top:-2.5px;} .base-depoimentos .depoimento .nome {font-weight:300; font-size:15px; line-height:20px; color:#3FA3C5; margin-bottom:10px;} .base-depoimentos .depoimento [class*="icon"] {font-size:59px; color:#AAAAAA; background:#DDDDDD; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;} .base-depoimentos .depoimento [class*="icon"]:before {font-size:78px; vertical-align:bottom; margin-left:0; margin-right:0;} .base-depoimentos.pagina-depoimentos .depoimento .nome {color:#F58220;} .base-depoimentos.pagina-depoimentos .photo {width:100%; height:220px; background-size:cover; background-position:center center;} .base-depoimentos.pagina-depoimentos.escuro .depoimento [class*="icon"] {background:#FFFFFF;} #depoimentos .topo {font-size:17px; color:#666666; padding:40px 0;} .pagination>li>a, .pagination>li>span {color:#F58220;} .pagination>li>a:hover, .pagination>li>span.current, .pagination>li>span:hover {background-color:#F58220; color:#fff;} .modal-body img {max-width:100%;} #artigos {background-color:#297E62; position:relative; padding:45px 0;} #artigos .chamada {max-width:100%; margin-bottom:20px;} #artigos .artigo {position:relative;} #artigos .artigo a {position:absolute; top:0; left:0; right:0; bottom:0;} #artigos .artigo .img {position:absolute; top:0; left:0; right:0; bottom:0; background-size:cover; background-position:center center; background-color:rgba(255,255,255,.5);border-radius:10px;} #artigos .artigo a .img:before {position:absolute; content:""; top:50%; left:50%; bottom:50%; right:50%; background-color:rgba(178,178,0,0); border-radius:50%; -webkit-transition: all 0.4s ease-in-out 0.1s; -moz-transition: all 0.4s ease-in-out 0.1s; -o-transition: all 0.4s ease-in-out 0.1s; transition: all 0.4s ease-in-out 0.1s;border-radius:10px;} #artigos .artigo a:hover .img:before {position:absolute; top:0; left:0; bottom:0; right:0; background-color:rgba(178,178,0,.75); border-radius:0; -webkit-transition: all 0.4s ease-in-out 0.1s; -moz-transition: all 0.4s ease-in-out 0.1s; -o-transition: all 0.4s ease-in-out 0.1s; transition: all 0.4s ease-in-out 0.1s;border-radius:10px;} #artigos .artigo a:hover .img:after {position:absolute; top:50%; left:50%; color:#fff; content:"+"; font-size:42px; font-weight:bold; margin:-25px 0 0 -12px;border-radius:10px;} #artigos .artigo .title {position:absolute; z-index:9; left:0; right:0; bottom:0; padding:15px 5px; background-color:rgba(0,0,0,.5); /*text-align:right;*/ color:#fff; font-size:16px; /*font-weight:900;*/ text-transform:uppercase; /*max-height:40px;*/ overflow:hidden; transition:all 0.3s ease-in-out;border-radius:10px;} #artigos .artigo a:hover .title {max-height:initial;} /* #artigos .artigo-1, #artigos .artigo-2 {height:176px;} #artigos .artigo-3 {height:154px;} #artigos .artigo-4 {height:330px;} */ #artigos .artigo-1 {height:164px;} #artigos .artigo-2 {height:165px;} #artigos .artigo-3 {height:330px;} #artigos .artigo-1 a {} #artigos .artigo-2 a {top:5px;} #artigos .artigo-3 a {left:5px; right:20px} #artigos h2 {font-family: 'comfortaabold', Arial; font-size:27px; color:#B2B200; position:relative; padding-top:5px;} #artigos h2:after {position:absolute; content:""; top:-5px; left:0; width:36px; height:5px; background:#FFC926;} #artigos ul {margin-top:15px; border-top:solid 1px #B2B200; padding:0; list-style:none;} #artigos ul li {border-bottom:solid 1px #B2B200; padding:10px 0;} #artigos ul li a {color:#FFC926; font-size:14px; font-weight:300;} #artigos .btn {background:#B2B200; color:#FFFFFF; font-size:18px; font-weight:900; margin-top:30px; padding-left:40px; padding-right:40px; border:none;} #artigos h2.title {font-family: 'comfortaabold', Arial; font-size:27px; color:#FFFFFF; position:relative; padding-top:5px; margin-bottom:25px; margin-top:50px;} #artigos h2.title:after {position:absolute; content:""; top:-5px; left:0; width:36px; height:5px; background:#FFD24D;} #footer {padding:60px 0 40px 0;} #footer .fones {font-size:12px; color:#AAAAAA; position:relative; padding-left:40px; display:block;} #footer .fones strong {font-size:15px; font-weight:700;} #footer .fones .icon-phone {font-size:26px; position:absolute; left:0; top:-10px;} #footer .fones .icon-phone:after {position:absolute; content:""; top:-5px; left:0; width:36px; height:5px; background:#FFC926;} #footer .fone-plantao {font-size:15px; color:#AAAAAA; position:relative; padding-left:40px; display:block; margin-top:10px;} #footer .fone-plantao span {font-size:12px; color:#F27F1F;} #footer .fone-plantao span strong {font-size:15px; color:#F27F1F; font-weight:900;} #footer .mail {padding-left:30px;} #footer .mail a {font-size:15px; color:#F4811F;} #footer .mail .icon-mail {font-size:28px; position:absolute; left:0; top:-10px;} #footer .mail .icon-mail:after {position:absolute; content:""; top:-5px; left:0; width:36px; height:5px; background:#FFC926;} #footer .politica {display:block; margin-top:10px;} #footer .politica a {color:#AAAAAA;} #footer .atendimento span {font-size:15px; color:#AAAAAA;} #footer .atendimento span.first {padding-left:45px;} #footer .atendimento .icon-clock {font-size:28px; position:absolute; left:0; top:-10px;} #footer .atendimento .icon-clock:after {position:absolute; content:""; top:-5px; left:0; width:36px; height:5px; background:#FFC926;} #footer .endereco {margin-top:10px;} #footer .endereco span {font-size:15px; color:#AAAAAA;} #footer .endereco span.first {padding-left:45px;} #footer .endereco .clearfix {margin-top:10px;} #footer .endereco .icon-pin {font-size:28px; position:absolute; left:0; top:-10px;} #topo-interno {background-color:#F58220; background-size:cover; background-position:center center; height:170px; margin-top:-35px;} #topo-interno .title {font-family: 'comfortaabold', Arial; font-size:53px; color:#FFFFFF; margin-top:100px;} #page-default h2 {font-family: 'comfortaalight', Arial; font-size:45px; margin-top:45px; position:relative;} #page-default h2:before {position:absolute; content:""; top:-5px; left:0; width:30px; height:5px; left:50%; margin-left:-15px; background:#FFD24D;} #page-default h3 {font-family: 'comfortaalight', Arial; font-size:25px; margin-top:20px; position:relative; font-weight:900;margin-bottom:20px;} #page-default h3:before {position:absolute; content:""; top:-5px; left:0; width:30px; height:5px; left:50%; margin-left:-15px; background:#FFD24D;} #page-default h4 {font-family: 'comfortaalight', Arial; font-size:25px; margin-top:20px; position:relative; font-weight:900;margin-bottom:10px;} #page-default h4:before {position:absolute; content:""; top:-5px; left:0; width:30px; height:5px; left:50%; margin-left:-15px; background:#FFD24D;} #page-default h5 {font-family: 'comfortaalight', Arial; font-size:20px; margin-top:20px; position:relative; font-weight:700;margin-bottom:10px;} #page-default h5:before {position:absolute; content:""; top:-5px; left:0; width:30px; height:5px; left:50%; margin-left:-15px; background:#FFD24D;} #page-default .btn {color:#fff; /*background:rgba(255,118,0);*/ font-size:14px; font-weight:700; text-align:center; width:auto;} .btn-whats {background:#43D854;color: #fff;} #page-default .btn-email {background:rgba(255,118,0);font-size: 18px;font-weight: 700;} #roteiros {margin-bottom:30px;} #roteiros .topo {font-size:17px; color:#666666; padding:60px 0;} #roteiros .categoria {margin-bottom:30px;} #roteiros .categoria.interna {margin-top:40px;} #roteiros .categoria > .title {font-family: 'comfortaalight', Arial; font-size:31px; color:#F4811F; margin-top:10px; margin-bottom:10px;} #roteiros .categoria .roteiro {margin-bottom:20px;} #roteiros .categoria .roteiro a {height:195px; width:100%; position:relative; display:block;} #roteiros .categoria .roteiro a .img {position:absolute; top:0; left:0; right:0; bottom:0; background-color:#F58220; background-size:cover; background-position:center center; border-radius:10px;} #roteiros .categoria .roteiro a .img:before {position:absolute; content:""; top:50%; left:50%; bottom:50%; right:50%; background-color:rgba(245,130,32,0); border-radius:50%; -webkit-transition: all 0.4s ease-in-out 0.1s; -moz-transition: all 0.4s ease-in-out 0.1s; -o-transition: all 0.4s ease-in-out 0.1s; transition: all 0.4s ease-in-out 0.1s;} #roteiros .categoria .roteiro a:hover .img:before {position:absolute; top:0; left:0; bottom:0; right:0; background-color:rgba(245,130,32,.75); border-radius:0; -webkit-transition: all 0.4s ease-in-out 0.1s; -moz-transition: all 0.4s ease-in-out 0.1s; -o-transition: all 0.4s ease-in-out 0.1s; transition: all 0.4s ease-in-out 0.1s; border-radius:10px;} #roteiros .categoria .roteiro:nth-child(even) a:hover .img:before {background-color:rgba(178,178,0,.75);} #roteiros .categoria .roteiro a:hover .img:after {position:absolute; top:50%; left:50%; color:#fff; content:"+"; font-size:42px; font-weight:bold; margin:-50px 0 0 -12px;} #roteiros .categoria .roteiro .info {position:absolute; bottom:0; left:0; right:0; padding:10px 5px 5px 5px; text-align:center;} #roteiros .categoria .roteiro .info .title {font-size:16px; font-weight:700; color:#FFFFFF; margin-bottom:0;} #roteiros .categoria .roteiro .info .subtitle {font-size:14px; font-weight:300; color:#FFFFFF; margin-bottom:0;} #roteiros .categoria .roteiro:nth-child(even) .info {background:#B2B200; border-radius:10px;} #roteiros .categoria .roteiro:nth-child(odd) .info {background:#F58220; border-radius:10px;} #roteiros .categoria .mais {font-size:18px; color:#878787; margin-top:5px; float:right;} #roteiros .categoria .mais .icon-seta-dir {font-size:34px; vertical-align:middle;} #categorias {margin-bottom:30px;} #categorias .topo {font-size:17px; color:#666666; padding:60px 0;} #categorias .categoria {margin-bottom:30px;} #categorias .categoria.interna {margin-top:40px;} #categorias .categoria > .title {font-family: 'comfortaalight', Arial; font-size:31px; color:#F4811F; margin-top:10px; margin-bottom:10px;} #categorias .categoria .item {margin-bottom:20px;} #categorias .categoria .item a {height:195px; width:100%; position:relative; display:block;} #categorias .categoria .item a .img {position:absolute; top:0; left:0; right:0; bottom:0; background-color:#F58220; background-size:cover; background-position:center center; border-radius:10px;} #categorias .categoria .item a .img:before {position:absolute; content:""; top:50%; left:50%; bottom:50%; right:50%; background-color:rgba(245,130,32,0); border-radius:50%; -webkit-transition: all 0.4s ease-in-out 0.1s; -moz-transition: all 0.4s ease-in-out 0.1s; -o-transition: all 0.4s ease-in-out 0.1s; transition: all 0.4s ease-in-out 0.1s;} #categorias .categoria .item a:hover .img:before {position:absolute; top:0; left:0; bottom:0; right:0; background-color:rgba(245,130,32,.75); border-radius:0; -webkit-transition: all 0.4s ease-in-out 0.1s; -moz-transition: all 0.4s ease-in-out 0.1s; -o-transition: all 0.4s ease-in-out 0.1s; transition: all 0.4s ease-in-out 0.1s; border-radius:10px;} #categorias .categoria .item:nth-child(even) a:hover .img:before {background-color:rgba(178,178,0,.75);} #categorias .categoria .item a:hover .img:after {position:absolute; top:50%; left:50%; color:#fff; content:"+"; font-size:42px; font-weight:bold; margin:-50px 0 0 -12px;} #categorias .categoria .item .info {position:absolute; bottom:0; left:0; right:0; padding:10px 5px 5px 5px; text-align:center;} #categorias .categoria .item .info .title {font-size:16px; font-weight:700; color:#FFFFFF; margin-bottom:0;} #categorias .categoria .item .info .subtitle {font-size:14px; font-weight:300; color:#FFFFFF; margin-bottom:0;} #categorias .categoria .item:nth-child(even) .info {background:#B2B200; border-radius:10px;} #categorias .categoria .item:nth-child(odd) .info {background:#F58220; border-radius:10px;} #categorias .categoria .mais {font-size:18px; color:#878787; margin-top:5px; float:right;} #categorias .categoria .mais .icon-seta-dir {font-size:34px; vertical-align:middle;} #saidas .topo {font-size:17px; color:#666666; padding:60px 0;} #saidas h2 {font-family: 'comfortaalight', Arial; font-size:30px; margin-top:45px; position:relative; text-align:center; color:#F4811F;} #saidas h2:before {position:absolute; content:""; bottom:-10px; left:0; width:210px; height:5px; left:50%; margin-left:-105px; background:#FFD24D;} table.datas {margin:25px 0; width:100%; border-spacing:1px; border-collapse:separate;} table.datas tr td {padding-top:15px; padding-bottom:15px; vertical-align:middle; border-radius:10px;} table.datas tr td:nth-child(1) {background:#EEEEEE; width:35%;} table.datas tr td:nth-child(2) {background:#DDDDDD; width:50%; color:#666666; font-size:15px; line-height:22px; font-weight:300;} table.datas tr td:nth-child(2) strong {font-weight:500;} table.datas tr td:nth-child(3) {background:#EEEEEE; width:15%; text-align:center;} table.datas tr td .img {width:100%; height:130px; background-color:#FFFFFF; background-size:cover; background-position:center center; border-radius:10px;} table.datas tr td .info {color:#EB9239; font-size:15px; line-height:22px;} table.datas tr td .info .title {font-weight:700; margin-bottom:20px; margin-top:10px;} table.datas tr td .info .subtitle {font-weight:400; margin-bottom:20px;} table.datas tr td .info .data {font-weight:300;} table.datas tr td .btn {background:#F58220; color:#FFFFFF; font-size:18px; font-weight:900; padding-left:20px; padding-right:20px; border:none;} #roteiro-single h2.titulo {font-family: 'comfortaalight', Arial; font-size:45px; margin-top:45px; position:relative; color:#F58220;} #roteiro-single h2.titulo:before {position:absolute; content:""; top:-5px; left:0; width:30px; height:5px; left:0; background:#FFD24D;} #roteiro-datas h2 {font-family: 'comfortaalight', Arial; font-size:45px; margin-top:45px; position:relative; color:#F58220;} #roteiro-datas h2:before {position:absolute; content:""; top:-5px; left:0; width:30px; height:5px; left:0; background:#FFD24D;} #post h2.titulo {font-family: 'comfortaalight', Arial; font-size:30px; font-weight:300; margin-top:45px; position:relative; color:#F4811F;} #post p {margin:30px 0;} #cruzeiros h2.titulo {font-family: 'comfortaalight', Arial; font-size:30px; margin-top:1em; margin-bottom:15px; position:relative; color:#F58220;} #cruzeiros h2.titulo:before {position:absolute; content:""; top:-5px; left:0; width:30px; height:5px; left:0; background:#FFD24D;} #cruzeiros h3 {font-family: 'comfortaalight', Arial; font-size:20px; margin-top:10px; position:relative; font-weight:900;margin-bottom:10px;text-align: center;} #cruzeiros h3:before {position:absolute; content:""; top:-5px; left:0; width:30px; height:5px; left:50%; margin-left:-15px; background:#FFD24D;} #cruzeiros .cruise-content {margin-top:15px; margin-bottom:15px;} #cruzeiros img {margin-left: auto;margin-right: auto;display: block;border-radius: 10px;max-width: -webkit-fill-available;} #cruzeiros .img-navio {max-height: 100%;max-width: 100%;} #cruzeiros .img-logo {max-height:50px;margin-bottom:5px;} #cruzeiros .infos div {text-align: center;} #cruzeiros .infos div p {text-align: left;} #cruzeiros .painel {border: 1px solid #bebebe;border-radius: 10px;padding-top: 1em;padding-bottom: 1em;margin-top: 1em;margin-bottom: 1em;} /*#cruzeiros .cruise-dates div {border: 1px solid #ededed;}*/ @media (min-width: 992px){ #cruzeiros .cruise-date {margin-left: 2.33333333%;} } .voltar {margin:10px 0 40px 0; font-size:23px; font-weight:900;} .voltar [class*="icon"]{font-size:32px; vertical-align:middle;} .titulo-blog {margin-top:40px;} #categorias {margin:40px 0;} #categorias ul {display:block; text-align:center; list-style:none;} #categorias ul li {display:inline-block; margin:7px 5px;} #categorias ul li a {color:#fff; padding:5px 10px; font-size:14px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;} #categorias ul li.active a {font-weight:900;} #categorias ul li:nth-child(4n+1) a {background:#F5821F;} #categorias ul li:nth-child(4n+2) a {background:#3A9CB7;} #categorias ul li:nth-child(4n+3) a {background:#B2B200;} #categorias ul li:nth-child(4n+4) a {background:#FFBF00;} #blog-posts .post-item a {display:block; width:100%; position:relative;} #blog-posts .post-item a .img {width:100%; height:200px; background-size:cover; background-position:center center; position:relative;} #blog-posts .post-item a .img:before {position:absolute; content:""; top:50%; left:50%; bottom:50%; right:50%; background-color:rgba(245,130,32,0); border-radius:50%; -webkit-transition: all 0.4s ease-in-out 0.1s; -moz-transition: all 0.4s ease-in-out 0.1s; -o-transition: all 0.4s ease-in-out 0.1s; transition: all 0.4s ease-in-out 0.1s;} #blog-posts .post-item a:hover .img:before {position:absolute; top:0; left:0; bottom:0; right:0; background-color:rgba(245,130,32,.75); border-radius:0; -webkit-transition: all 0.4s ease-in-out 0.1s; -moz-transition: all 0.4s ease-in-out 0.1s; -o-transition: all 0.4s ease-in-out 0.1s; transition: all 0.4s ease-in-out 0.1s;} #blog-posts .post-item.cat-1 a:hover .img:before, #blog-posts .post-item.cat-4 a:hover .img:before {background-color:rgba(58,156,183,.75);} #blog-posts .post-item.cat-2 a:hover .img:before, #blog-posts .post-item.cat-5 a:hover .img:before {background-color:rgba(178,178,0,.75);} #blog-posts .post-item.cat-3 a:hover .img:before, #blog-posts .post-item.cat-6 a:hover .img:before {background-color:rgba(255,191,0,.75);} #blog-posts .post-item a:hover .img:after {position:absolute; top:50%; left:50%; color:#fff; content:"+"; font-size:42px; font-weight:bold; margin:-50px 0 0 -12px;} #blog-posts .post-item a .title {position:absolute; bottom:0; left:0; right:0; background:rgba(0,0,0, 0.54); color:#fff; text-align:center; padding:10px 5px; font-size:16px;} #blog-posts .post-item a p {color:#666666; text-align:center; padding:10px 5px; font-size:14px; line-height:16px; margin:15px 0; height:; overflow:hidden;} #contato {margin:40px 0 20px 0;} h1.title-contato {position:relative;} h1.title-contato:before {position:absolute; content:""; top:-5px; left:0; width:30px; height:5px; background:#FFD24D;} #mapa #canvas-do-mapa {height:450px;} #contato .coluna-esquerda p {margin-bottom:50px; font-size:15px; color:#858585; line-height:22px;} .wpcf7 p {color:#858585; font-size:15px;} .wpcf7 [class*="col-md-"] {margin-bottom:15px;} .wpcf7 .wpcf7-form-control-wrap {width:100%; margin-bottom:5px;} .wpcf7 .wpcf7-form-control-wrap input, .wpcf7 .wpcf7-form-control-wrap textarea {width:100%; margin-top:5px; border:solid 1px #E0E0E0; padding:5px;} .wpcf7 .wpcf7-form-control-wrap textarea {height:110px;} .wpcf7 input[type=submit] {background:#F58220; color:#FFFFFF; font-size:18px; font-weight:700; padding-left:30px; padding-right:30px; border:none;} .wpcf7 .wpcf7-response-output {width:100%; float:left; border:none;} .wpcf7 div.wpcf7-validation-errors {color:#a94442; font-weight:700;} .wpb_single_image .vc_single_image-wrapper {width:100%; max-height:316px; overflow:hidden;} .wpb_single_image img {width:100%;} #roteiro-single .face-share {margin-top:50px;} @media (max-width: 1200px) { #topo-interno .title {font-size:40px;} } @media (max-width: 991px) { #menu ul li a, #menu ul li.current-menu-item a, #menu ul li a:hover {padding-left:5px; padding-right:5px;} #artigos .artigo {margin-bottom:5px;} #artigos .artigo-1 a {right:0;} #artigos .artigo-4 a {left:0; right:0;} #topo-interno .title {font-size:34px;} #footer .container > .row > [class*="col-md"] {margin-bottom:40px;} #frame-porque .news {margin-bottom:20px;} table.datas tr td:nth-child(1) {width:50%;} table.datas tr td:nth-child(2) {width:50%;} table.datas tr td:nth-child(3) {display:none;} #banners ul li {width:100%; text-align:left;} #banners ul li .adicionais {height:auto; overflow:initial;} #banners ul li .title {padding:0 10px;} #banners ul li > div:after, #banners ul li > div:before {left:55px;} #banners ul li .r-banner {margin-left:5px;} #ofertas #carossel-ofertas .car-control.left .ico {left:-20px;} #ofertas #carossel-ofertas .car-control.right .ico {right:-20px;} } @media (max-width: 767px) { #header .atendimento {text-align:center; line-height:50px;} #header .telefone {text-align:center; line-height:50px;} #topo-interno {height:auto;} #topo-interno .title {margin-top:20px;} .navbar-collapse {margin-top:-255px;} #menu ul li {display:block;} section.row {margin-left:0px; margin-right:0px;} section >.container>.row {margin-left:0px; margin-right:0px;} .news .col-xs-12 >.row {margin:0;} .news .col-xs-12 {margin:3px 0;} .base-depoimentos .moldura {margin:0 auto;} #ofertas #carossel-ofertas .oferta {height:initial; margin-bottom:5px;} #ofertas #carossel-ofertas .car-control.left .ico {left:-10px;} #ofertas #carossel-ofertas .car-control.right .ico {right:-10px;} } #searchboxContainer {margin:20px 0 20px 0;} /* #searchboxContainer {margin:20px 0 0 0; font-family:'Open Sans', sans-serif;} #searchboxContainer .searchbox {border-bottom-left-radius:0; border-bottom-right-radius:0; background-color:#FFC926;} #searchboxContainer .tabs-container li {background:#FFDF7D; color:#B25900;} #searchboxContainer .tabs-container li.selected {background:#FFC926;} #searchboxContainer .searchbox label {color:#B25900; font-size:15px;} #searchboxContainer .searchbox .submitButtonContainer .buttonWrapper .buttonContainer span {background:#B25900; font-family:'Open Sans', sans-serif; letter-spacing:1px;} #searchboxContainer .searchbox .submitButtonContainer .buttonWrapper .buttonContainer:hover span {box-shadow:inset 0 0 0.5em rgba(255, 255, 255, 0.2);} #searchboxContainer .searchbox .wg-multipleDestination-container .wg-segment-title {color:#BE0303; border-bottom:solid 1px #BE0303; font-weight:700;} #searchboxContainer .searchbox .wg-multipleDestination-container .wg-segment-title .wg-deletesegment {color:#BE0303; font-weight:700;} #searchboxContainer a, #searchboxContainer .searchbox .wg-addSegment a, #searchboxContainer .searchbox .mod-advancedsearch-flights .com-advancedlink{color:#BE0303;} #searchboxContainer input[type="text"], #searchboxContainer select {font-size:13px; height:28px;} #searchboxContainer .searchbox .date-container .calendar {right:5px; bottom:5px;} */