/*@import url(https://fonts.googleapis.com/css?family=Candal|Montserrat:700);*/ @import url(https://fonts.googleapis.com/css?family=Oxygen:300,400,700); /*@font-face { font-family: 'MyriadProBold'; src: url('../fonts/myriadpro-bold.eot'); src: url('../fonts/myriadpro-bold.eot') format('embedded-opentype'), url('../fonts/myriadpro-bold.woff') format('woff'), url('../fonts/myriadpro-bold.ttf') format('truetype'), url('../fonts/myriadpro-bold.svg#MyriadProBold') format('svg'); } @font-face { font-family: 'MyriadProRegular'; src: url('../fonts/myriadpro-regular.eot'); src: url('../fonts/myriadpro-regular.eot') format('embedded-opentype'), url('../fonts/myriadpro-regular.woff') format('woff'), url('../fonts/myriadpro-regular.ttf') format('truetype'), url('../fonts/myriadpro-regular.svg#MyriadProRegular') format('svg'); } */ /*Reset*/ body { height: 100%; margin: 0px; padding: 0px; width: 100%; text-rendering: optimizelegibility; font-family: 'Oxygen'!important; font-size: 18px; color: #666; overflow-x: hidden!important; cursor: default; background-color: #E8E8E8; } a, a:focus{ outline: none!important; text-decoration: none!important; color: #666; } a:hover, a:active { color: #007743!important; text-decoration: none!important; } :focus { text-decoration: none!important } .modal-content{ border-radius: 0px; } ul { list-style: none } ::selection { background: #008248; color: #fff; } ::-moz-selection { background: #008248; color: #fff; } h1, h2, h3, h4, h5, h6{ margin: 0px; padding: 0px; color: #23475F; font-family: "Oxygen"!important; font-size: 25px; text-transform: uppercase; font-weight: 300; } .btn{ outline: none!important; } p{ margin: 0px; padding: 0px; } .form-control{ border: 0px!important; border-radius: 0px!important; box-shadow: none!important; height: 40px; font-size: 17px; } .btn-default{ background-color: #F89D1B!important; border-radius: 3px!important; box-shadow: none!important; color: #fff!important; border-color: #F89D1B!important; } .btn-default:hover, .btn-default:active{ opacity: 0.7; color: #fff!important; } .btn-primary{ background-color: #201E1F!important; border-radius: 3px!important; box-shadow: none!important; color: #fff!important; border-color: #201E1F!important; } .btn-primary:hover, .btn-primary:active, .btn-primary.active{ opacity: 0.7; color: #fff!important; } .btn-danger, .btn-danger:hover, .btn-danger:active, .btn-success, .btn-success:hover, .btn-success:active, .btn-success:hover, .btn-success:active, .btn-info, .btn-info:hover, .btn-info:active, .btn-info:hover, .btn-info:active, .btn-warning, .btn-warning:hover, .btn-warning:active, .btn-warning:hover, .btn-warning:active { color: #fff!important; } .modal-header{ background-color: #eee!important; } b, strong, label{ font-family: "Oxygen"!important; font-weight: 700; } .anima{ -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .lazy{ background-color: #C0C0C0!important; background-repeat: no-repeat!important; background-position: center!important; width: 250px!important; height: 150px!important; background-image: url(../img/loading.gif); background-size: 24px 24px!important; } .modal{ z-index: 5000!important; } /*HEADER*/ .header-fixed .menu{ background-image: none; background-color: #fff; height: 80px; } .header-fixed .contato{ display: none; } .header-fixed .logo{ margin-top: 20px; margin-left: 20px; } .header-fixed .logo a img{ max-width: 150px; } .header-fixed nav{ margin-top: 0; } @media(max-width: 991px){ .header-fixed .logo{ text-align: center; margin-left: 0px; margin-top: 0px; padding-top: 30px; float: none; margin-bottom: 25px; } } @media(max-width: 768px){ .header-fixed .menu{ min-height: 140px; } .header-fixed nav{ margin-top: 0px; } } header{ position: fixed; top: 0px; left: 0px; right: 0px; z-index: 2000; margin-top: 20px; } header .menu{ background-image: url(../img/menu.png); background-repeat: no-repeat; background-position: center center; width: 100%; height: 150px; } header .logo{ float: left; margin-top: 35px; margin-left: 50px; } header .logo a{ display: block; } header .contato{ float: right; width: 760px; } header .contato .facebook{ float: right; margin-top: 13px; margin-right: 15px; } header .contato .facebook a i{ color: #F5C506; /*#b2b2b2*/ font-size: 27px; padding: 0 5px 0 5px; } header .contato .telefone{ float: left; margin-top: 13px; color: #b2b2b2; font-size: 16px; } header .contato .telefone i{ color: #f5c506; font-size: 20px; margin-right: 3px; } header .contato .email{ float: left; font-size: 16px; color: #b2b2b2; margin-top: 13px; margin-left: 25px; } header .contato .email i{ color: #f5c506; font-size: 20px; margin-right: 3px; } header nav{ float: right; width: 820px; margin-top: 28px; } header nav .fechar{ display: none; } header nav ul{ margin: 0px; padding: 0px; } header nav ul li{ list-style: none; } header nav ul li a{ display: block; float: left; padding: 3px; margin-left: 13px; margin-right: 13px; border-bottom-style: solid; border-bottom-width: 5px; border-bottom-color: #fff; line-height: 69px; } header nav ul li .color1{ } header nav ul li .color1:hover{ color: #00a651!important; border-color: #00a651; } header nav ul li .color2{ } header nav ul li .color2:hover{ color: #f4c60c!important; border-color: #f4c60c; } header nav ul li .color3{ } header nav ul li .color3:hover{ color: #f40c8a!important; border-color: #f40c8a; } header nav ul li .color4{ } header nav ul li .color4:hover{ color: #b00cf4!important; border-color: #b00cf4; } header nav ul li .color5{ } header nav ul li .color5:hover{ color: #0cf4db!important; border-color: #0cf4db; } header nav ul li .color6{ } header nav ul li .color6:hover{ color: #f40c0c!important; border-color: #f40c0c; } header nav ul li .color7{ } header nav ul li .color7:hover{ color: #0c95f4!important; border-color: #0c95f4; } header .open-menu{ display: none; } .clearmenu{ display: none; } @media(max-width: 1200px){ header .logo{ margin-left: 15px; } header .logo a img{ width: 220px; } header .contato{ width: 670px; } header nav{ width: 693px; margin-top: 34px; } header.header-fixed nav{ width: 700px; margin-top: 6px; float: right; } header nav ul li a{ padding: 0px; margin-left: 7px; margin-right: 7px; } } @media(max-width: 991px){ header nav{ width: 700px; margin-top: 35px; } header.header-fixed nav{ margin: 0 auto; float: none; width: 693px; margin-top: 16px; } .clearmenu{ display: block; } header .menu{ background-image: none; background-color: #fff; min-height: 186px; } header .logo a img{ width: 150px; } header .contato{ width: 480px; margin-top: 35px; } header .contato .telefone, header .contato .email, header .contato .facebook a i{ color: #777; } } @media(max-width: 768px){ header{ margin-top: 10px; } header .logo{ float: none; text-align: center; margin-left: 0px; padding-top: 20px; margin-top: 0px; } header .contato{ width: 100%; margin-top: 15px; } header .contato .telefone{ float: none; text-align: center; } header .contato .email{ float: none; text-align: center; } header .contato .facebook{ display: none; } header nav{ display: none; } header .open-menu{ background-color: #ddd; display: block; text-align: center; margin-top: 15px; padding: 10px; cursor: pointer; } header nav, header.header-fixed nav{ display: none; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: rgba(255,255,255,0.8); overflow-y: auto;javascript:; z-index: 999999; padding: 0px; margin: 0px; width: 100%; } header nav .fechar{ display: block; } header nav ul li a{ display: block; float: none; padding-bottom: 5vh; border: 0px; text-align: center; font-size: 5vh; line-height: 7.2vh; } header nav ul{ padding-top: 5vh; } header nav .fechar a{ display: block; text-align: right; padding-right: 10px; padding-top: 10px; } header nav .fechar a i{ font-size: 30px; } header nav a:hover{ color: #007743!important; } } .content-slider { background: transparent none repeat scroll 0 0; padding: 0; position: fixed; top: 0; width: 100%; z-index: 0; } .slider .full-screen { background-size: cover; background-position: center; background-repeat: no-repeat; } .slider .icon-scroll { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: scroll; animation-name: scroll; bottom: 0; color: #fff; display: block; font-size: 80px; position: absolute; text-align: center; width: 100%; z-index: 1200; } /*HEADER*/ /*HOME*/ .container-home { box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); margin-top: 100vh; position: relative; z-index: 2; background-color: #fff; } /*HOME*/ /*QUEMSOMOS*/ .quemsomos{ background-repeat: no-repeat; background-position: center center; background-attachment: fixed; min-height: 100vh; padding-top: 120px; padding-bottom: 50px; background-size: cover; } .container-home .quemsomos .titles h1{ color: #fff; } .container-home .quemsomos .titles p{ color: #fff; width: 350px; margin: 0 auto; } .container-home .produtos .titles .line{ background-color: #00A650; } .quemsomos .text{ background-color: white; padding: 60px!important; margin-top: 60px; } .quemsomos .text a{ display: block; text-align: right; font-style: italic; font-size: 17px; letter-spacing: 1px;http://www.fiveam.com.br/rays/ color: #23475F!important; font-family: "Oxygen"; font-weight: 700; margin-top: 30px; } @media(min-width: 1050px) { .modalQuem .modal-lg{ width: 1100px; } } @media(max-width: 768px){ .quemsomos .title img{ width: 100%; } .quemsomos{ background-attachment: scroll; } } /*QUEMSOMOS*/ /*FOOTER*/ footer{ background-color: #3a3434; position: relative; min-height: 60px; color: #777777!important; } footer .copyright{ float: left; margin-top: 15px; } footer .fiveam{ float: right; margin-top: 13px; } /*FOOTER */ .titles{ text-align: center; } .titles h1{ color: #fff; font-size: 34px; } .titles .line{ background-color: #00A54F; height: 4px; width: 80px; margin: 0 auto; margin-top: 5vh; margin-bottom: 15px; } .titles p{ display: block; text-align: center; } /*POST*/ .blog-post{ background-color: #f0ebeb; padding-bottom: 20px; } .blog-post .topo{ min-height: 500px; background-attachment: fixed; background-size: cover; } .blog-post .topo h1{ font-size: 130px; color: #fff; text-align: right; font-weight: 300; margin-top: 250px; text-transform: lowercase; } .blog-post .post .title{ text-align: left; font-size: 28px; font-weight: 300; margin-top: 15px; color: #333; } .blog-post .post small{ display: block; color: #999; font-size: 14px; margin-bottom: 15px; } .blog-post .post .capa{ margin-top: 30px; } .blog-post .post .capa img{ width: 100%; } .blog-post .post .descricao{ font-size: 15px; margin-bottom: 15px; } .blog-post .post .share b{ float: left; font-size: 13px; margin-top: 3px; } .blog-post .post .share a, .blog-post .post .share a:hover{ display: block; padding-top: 0px; padding-left: 5px; padding-right: 5px; float: left; margin-left: 5px; color: #fff!important; } .blog-post .post .share a i{ font-size: 14px; } .blog-post .formBusca{ margin-top: 30px; } .blog-post .formBusca input{ border: solid 1px #dfdfdf; background-color: #fff; font-size: 14px; outline: none; padding: 10px; border-radius: 20px; border-radius: 20px; width: 100%; background-image: url(../img/busca.png); background-position: 233px center; background-repeat: no-repeat; } .blog-post .categorias{ margin-top: 20px; } .blog-post .categorias .title{ font-weight: bold; color: #333; margin-bottom: 5px; } .blog-post .categorias ul{ margin: 0px; padding: 5px; background-color: #fff; border-radius: 15px; } .blog-post .categorias ul li{ list-style: none; } .blog-post .categorias ul li a{ display: block; padding: 5px; font-size: 15px; padding-bottom: 7px; padding-top: 7px; } .blog-post .categorias ul li a small{ float: right; border-radius: 3px; font-size: 10px; padding: 3px; color: #999; } .blog-post .categorias ul li a:hover small{ background-color: #E6493A; color: #fff; } .blog-post .categorias ul li a:hover{ color: #E6493A!important; } .blog-post .ultimos{ margin-top: 20px; } .blog-post .ultimos .title{ font-weight: bold; color: #333; margin-bottom: 5px; } .blog-post .ultimos ul{ margin: 0px; padding: 5px; background-color: #fff; border-radius: 15px; } .blog-post .ultimos ul li{ list-style: none; margin-bottom: 10px; } .blog-post .ultimos ul li a{ display: block; padding: 5px; font-size: 15px; padding-bottom: 7px; padding-top: 7px; } .blog-post .ultimos ul li a small{ float: left; border-radius: 3px; font-size: 10px; padding: 3px; color: #999; } .blog-post .ultimos ul li a:hover small{ background-color: #E6493A; color: #fff; } .blog-post .ultimos ul li a:hover{ color: #E6493A!important; } /*POST*/ /*BLOG*/ .blog{ background-color: #f0ebeb; padding-bottom: 20px; } .blog .topo{ min-height: 500px; background-attachment: fixed; background-size: cover; } .blog .topo h1{ font-size: 130px; color: #fff; text-align: right; font-weight: 300; margin-top: 250px; text-transform: lowercase; } .blog .chamada{ text-align: center; font-weight: 700; font-size: 60px; text-transform: uppercase; letter-spacing: -2px; color: #333; margin-top: 50px; margin-bottom: 30px; } .blog nav{ margin-bottom: 40px; } .blog nav ul { min-width: 250px; max-width: 700px; margin: 0 auto; background-color: #fff; min-height: 45px; border-radius: 20px; padding-top: 5px; text-align:center; margin-top: 20px; } .blog nav ul li { display:inline-block; *display:inline; /*IE7*/ *zoom:1; /*IE7*/ margin-right:0px; } .blog nav ul li a{ display: block; padding: 5px; border-radius: 20px; font-size: 18px; padding-left: 10px; text-transform: uppercase; padding-right: 10px; font-weight: 300; } .blog nav ul li a:hover{ background:#0CE5CA; color: #fff!important; } .blog .col{ margin-bottom: 35px; } .blog .col a{ display: block; background-color: #fff;padding: 18px; } .blog .col a img{ width: 100%; } .blog .col a span{ display: block; font-weight: 700; font-size: 15px; margin-bottom: 5px; } .blog .col a small{ color: #999!important; margin-bottom: 5px; display: block; font-size: 13px; } .blog .col a p{ font-size: 15px; display: block; margin-bottom: 8px; } .blog .col a i{ font-style: normal; color: #E4A03B; font-size: 14px; } .blog .col .line{ background-color: #E4A03B; height: 2px; width: 70px; margin-left: 25px; } .blog .col a:hover{ color: #E4A03B!important; } @media(max-width: 768px){ .blog ul li{ display: block; width: 100%; text-align: left; } .blog ul li a{ float: none; display: block; } .blog ul{ padding: 0px; min-height: 100px; } } /*BLOG*/ /*PRODUTOS*/ .container-home .produtos{ padding-top: 120px; padding-bottom: 50px; background-color: #fff; } .container-home .produtos .titles h1{ color: #707070; } .container-home .produtos .titles p{ color: #707070; width: 350px; margin: 0 auto; } .container-home .produtos .titles .line{ background-color: #00A650; } .container-home .produtos .col{ text-align: center; color: #666; padding-top: 20px; padding-bottom: 20px; margin-top: 30px; height: 240px; } .container-home .produtos .col span{ display: block; font-weight: 700; text-transform: uppercase; margin-top: 10px; } .container-home .produtos p{ font-size: 15px; padding: 5px; } @media(max-width: 991px){ } /*PRODUTOS*/ /*PARALLAX*/ .container-home .parapara{ background-repeat: no-repeat; background-position: center top; background-attachment: fixed; background-size: cover; height: 450px; padding-top: 150px; } .container-home .parapara h1{ text-align: center; color: #fff; font-style: italic; font-size: 50px; } .container-home .parapara h2{ text-align: center; color: #fff; font-size: 50px; font-weight: 700; } /*PARALLAX*/ /*OFERTAS*/ .container-home .ofertas{ min-height: 100vh; padding-top: 12vh; padding-bottom: 10vh; background-color: #E8E8E8; } .container-home .ofertas .titles h1{ color: #707070; } .container-home .ofertas .titles p{ color: #707070; width: 350px; margin: 0 auto; } .container-home .ofertas .titles .line{ background-color: #0EE4C8; } .container-home .ofertas nav ul { /*max-width: 500px;*/ margin: 0 auto; /*background-color: #fff;*/ /*height:40px;*/ border-radius: 20px; padding-top: 5px; text-align:center; margin-top: 20px; } .container-home .ofertas nav ul li { display:inline-block; *display:inline; /*IE7*/ *zoom:1; /*IE7*/ margin-right:10px; } .container-home .ofertas nav ul li a{ display: block; padding: 5px; border-radius: 20px; font-size: 18px; padding-left: 10px; text-transform: uppercase; padding-right: 10px; font-weight: 300; background-color: #fff; margin-bottom: 10px; } .container-home .ofertas nav ul li a:hover{ background:#0CE5CA; color: #fff!important; } .container-home .ofertas .row{ margin-top: 50px; } .container-home .ofertas .col{ margin-bottom: 30px; } .container-home .ofertas .col a{ display: block; position: relative; } .container-home .ofertas .col a img{ width: 100%; } .container-home .ofertas .col .dados{ position: absolute; bottom: 0px; padding: 10px; background-color: rgba(255, 255, 255, 0.5); width: 100%; display: none; } .container-home .ofertas a:hover .dados{ display: block; } .container-home .ofertas .col .dados strong{ display: block; text-align: left; font-size: 19px; color: #666!important; } .container-home .ofertas .col .dados span{ display: block; font-size: 16px; margin-bottom: 10px; color: #666!important; } .container-home .ofertas .col .dados small{ color: #DC1414; } .container-home .ofertas .col .dados small i{ font-style: normal; } .container-home .ofertas .col .dados h3{ color: #E6A30A; font-weight: bold; letter-spacing: -1px; } .container-home .ofertas .col .dados h3 i{ font-style: normal; text-transform: lowercase; font-weight: normal; } @media(max-width: 768px){ .container-home .ofertas .col .dados{ display: block; } .container-home .ofertas{ padding-top: 230px; } .container-home .ofertas .titles p{ width: 100%; padding: 5px; } .container-home .ofertas ul li{ display: block; width: 100%; text-align: left; } .container-home .ofertas ul li a{ float: none; display: block; } .container-home .ofertas ul{ padding: 0px; } } /*OFERTAS*/ /*ONDE*/ .container-home .onde{ background-repeat: no-repeat; background-position: center top; background-attachment: fixed; min-height: 100vh; padding-top: 120px; padding-bottom: 50px; background-size: cover; } .container-home .onde .mapa{ margin-top: 40px; float: left; } .container-home .onde .formOnde{ float: right; width: 470px; margin-top: 100px; } .container-home .onde .formOnde select{ width: 200px; background-color: rgba(0, 0, 0, 0.42); border: solid 1px #fff; padding: 5px; outline: none; color: #fff!important; } .container-home .onde .col{ margin-top: 30px; min-height: 110px; } .container-home .onde .col img{ float: left; margin-right: 15px; } .container-home .onde .col .dados strong{ display: block; font-size: 14px; margin-bottom: 10px; color: #fff; padding-top: 15px; } .container-home .onde .col .dados span{ display: block; font-size: 13px; color: #fff; } @media(max-width: 991px){ .container-home .onde .mapa{ display: none; } .container-home .onde .formOnde{ float: none; width: 100%; margin-top: 100px; } .container-home .onde .formOnde{ margin-top: 20px; } .container-home .onde .formOnde select{ display: block; width: 100%; margin-bottom: 10px; } .container-home .onde .title img{ width: 100%; } .container-home .onde{ padding-top: 250px; } } /*ONDE*/ /*CONTATO*/ #contato{ background-repeat: no-repeat; background-position: center top; background-attachment: fixed; min-height: 100vh; padding-top: 120px; padding-bottom: 50px; background-size: cover; } #contato p{ max-width: 300px; margin: 0 auto; color: #fff; } #contato .formContato{ float: left; width: 380px; margin-left: 200px; margin-top: 50px; } #contato .send{ border: 0px; background-color: transparent; float: right; color: #fff; font-size: 30px; outline: none!important; } #contato .send span{ font-size: 14px; display: none; } @media(max-width: 991px){ #contato{ padding-top: 220px; } #contato .formContato{ float: none; width: 100%; margin-left: 0px; margin-top: 50px; } } /* #onde .dados span:last-child { display: none !important; } */ /*CONTATO*/ @-webkit-keyframes scroll { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(25px); transform: translateY(25px); } } @keyframes scroll { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(25px); transform: translateY(25px); } } #link360{ width: 52px; height: 21px; background: url('../img/3602.png') 0 0; display: inline-block; background-color: none; } @media (max-width: 991px) { #link360{ background: url('../img/3602.png') 52px 0; } }