Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- html, body {
- width: auto;
- height: 100%;
- margin: 0;
- }
- body{
- background-color: #0e0e0e;
- }
- h1{
- font-family: Lusitana;
- color: #BF902B;
- font-size: 350%;
- }
- h2{
- font-family: Lusitana;
- color: #BF902B;
- font-size: 250%;
- }
- h3{
- font-family: "Crimson Text";
- color: #FFFFFF;
- margin: 0;
- font-size: 150%;
- }
- a{
- color: #BF902B;
- text-decoration: none;
- font-size: 100%;
- }
- /* =Navigation */
- span{
- color: #BF902B;
- }
- nav {
- display: none;
- position: fixed;
- right: 30px;
- top: 50%;
- -webkit-transform: translateY(-50%);
- transform: translateY(-50%);
- text-align: right;
- z-index: 100;
- }
- nav a {
- display: block;
- line-height: 25px;
- position: relative;
- padding-right: 20px;
- color: #BF902B;
- text-decoration: none;
- }
- nav a:hover .nav-label {
- -webkit-transform: translateX(0);
- transform: translateX(0);
- opacity: 1;
- visibility: visible;
- }
- nav .nav-dot {
- display: block;
- width: 10px;
- height: 10px;
- position: absolute;
- right: 0;
- top: 50%;
- background-color: #BF902B;
- border-radius: 100%;
- -webkit-transform: translateY(-50%);
- transform: translateY(-50%);
- -webkit-transition: all 0.3s linear;
- transition: all 0.3s linear;
- }
- nav .nav-label {
- font-family: "Crimson Text";
- display: block;
- opacity: 0.5;
- visibility: hidden;
- -webkit-transform: translateX(-10px);
- transform: translateX(-10px);
- color: #BF902B;
- -webkit-transition: all 0.2s cubic-bezier(0.17, 0.68, 0.83, 0.68);
- transition: all 0.2s cubic-bezier(0.17, 0.68, 0.83, 0.68);
- }
- nav.is-dark a {
- color: #212121;
- }
- nav.is-dark .nav-dot {
- background-color: rgba(0, 0, 0, 0.5);
- }
- nav ul {
- margin: 0;
- padding: 0;
- }
- nav li {
- width: auto;
- list-style: none;
- }
- /*SLIDES --------------------------------------------------SLIDES*/
- .video{
- position: relative;
- z-index: -1;
- }
- .slide {
- width: 100%;
- height: 100%;
- }
- .slide#intro {
- width: auto;
- }
- .slide#slide01 {
- width: 100%;
- height: 100%;
- background-color: #000000;
- }
- .slide#slide02 {
- background: #000000;
- width: 100%;
- height: 100%;
- }
- .slide#slide03 {
- background: #000000;
- }
- .slide#slide04 {
- width: 100%;
- height: 100%;
- background-color: #000000;
- }
- /* ===== Media Queries ====0========================================0000=*/
- @media only screen and (min-width: 200px) {
- nav {
- display: block;
- }
- /*NAVBAR LATERAL----------------------------------------*/
- .sidenav {
- text-align: center;
- height: 100%;
- width: 0;
- position: fixed;
- z-index: 1;
- top: 0;
- left: 0;
- background-color: #111;
- overflow-x: hidden;
- transition: 0.5s;
- }
- /*conteudo, indidividualmentwe*/
- .sidenav a {
- position: relative;
- padding: 5% 0 5% 0;
- text-decoration: none;
- font-size: 25px;
- color: #BF902B;
- display: block;
- transition: 0.3s;
- font-family: "Lusitana";
- }
- .sidenav a:hover {
- color: #BF902B;
- }
- .sidenav .closebtn {
- position: absolute;
- top: 0;
- right: 25px;
- font-size: 36px;
- margin-left: 50px;
- }
- #main {
- margin-top: 1.5%;
- color: white;
- margin-left: 2%;
- transition: margin-left .5s;
- position: absolute;
- }
- @media screen and (width: 450px) {
- .sidenav {
- padding-top: 15px;
- }
- .sidenav a {
- font-size: 30px;
- }
- }
- }
- /*--------FORM-------------*/
- form{
- font-size: 200%;
- color: #BF902B;
- text-align: center;
- font-family: "Lusitana";
- }
- input{
- width: 50%;
- margin: 5% 10% 5% 10%;
- border: none;
- border-bottom: 3px solid #BF902B;
- background-color: #0e0e0e;
- box-sizing: border-box;
- font-size: 125%;
- color: #BF902B;
- font-family: "Crimson Text";
- }
- ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
- color: #BF902B;
- opacity: 1; /* Firefox */
- }
- :-ms-input-placeholder { /* Internet Explorer 10-11 */
- color: #BF902B;
- }
- input:focus {
- outline: none;
- }
- input[type=button], input[type=submit], input[type=reset] {
- background-color: #0e0e0e;
- border: solid #BF902B;
- color: #BF902B;
- padding: 2% 2% 2% 2%;
- text-decoration: none;
- cursor: pointer;
- }
- .msg h2{
- font-family: Lusitana;
- color: #BF902B;
- padding: 20% 10% 5% 10%;
- font-size: 200%;
- }
- input[type=radio]{
- margin: 0;
- }
- label{
- font-size: 75%;
- }
- /*-------------------------------------------------pagina-INTRO*/
- .imagemshort{
- width:40%;
- height: auto;
- padding: 10% 0 10% 0;
- }
- .imagemnavbar {
- width: 100%;
- height: auto;
- alignment: center;
- }
- .imagemlocal {
- width: 100%;
- height: auto;
- alignment: center;
- border: solid;
- border-color: #BF902B;
- }
- .imagemlocali {
- width: 100%;
- height: auto;
- alignment: center;
- border: solid;
- border-color: #BF902B;
- }
- .logoprincipal {
- position: absolute;
- width: 20%;
- height: 30%;
- }
- .shadowimg{
- width: 110px;
- hegiht: 110px;
- }
- .imagemparc{
- display: inline-block;
- width: 30%;
- }
- /*-------------------------------------------------pagina-1*/
- .imagemslide1{
- right:50%;
- width: 50%;
- height: 100%;
- }
- /*texto verdee--------------*/
- .textcontainerhp{
- display:inline-block;
- width: 90%;
- margin: 0;
- text-align: center;
- color: #BF902B;
- }
- .textcontainerhp h2{
- padding: 10% 0 5% 0;
- font-size: 350%;
- font-family: Lusitana;
- margin:0;
- }
- .textcontainerhp h1{
- padding: 10% 0 0 0;
- font-size: 200%;
- font-family: Lusitana;
- margin:0;
- }
- .textcontainerhp p{
- color: #fff1be;
- font-size: 200%;
- display: inline-block;
- width: 100%;
- padding: 10% 5% 50% 5%;
- text-align: center;
- font-family: "Crimson Text";
- }
- .textcontainerhp a{
- color: #BF902B;
- font-size: 200%;
- display: inline-block;
- width: 100%;
- padding: 5% 0 5% 0;
- text-align: center;
- font-family: Lusitana;
- text-decoration: none;
- }
- /*texto branco -------------*/
- .textcontainerhpw{
- display:inline-block;
- width: 90%;
- margin: 0;
- text-align: center;
- color: #BF902B;
- }
- .textcontainerhpw h2{
- padding: 10% 0 0 0;
- font-size: 350%;
- font-family: Lusitana;
- margin:0;
- }
- .textcontainerhpw h1{
- padding: 10% 0 0 0;
- font-size: 250%;
- font-family: Lusitana;
- margin:0;
- }
- .textcontainerhpw p{
- color: #fff1be;
- font-size: 200%;
- display: inline-block;
- width: 100%;
- padding: 10% 5% 10% 5%;
- text-align: center;
- font-family: "Crimson Text";
- }
- .textcontainerhpw a{
- color: #BF902B;
- font-size: 200%;
- display: inline-block;
- width: 100%;
- padding: 0 0 5% 0;
- text-align: center;
- font-family: "Crimson Text";
- text-decoration: none;
- }
- .parcontainer{
- display: inline-block;
- width:100%;
- padding-top: 10%;
- }
- .parcontainer p{
- color: #fff1be;
- font-size: 180%;
- font-family: "Crimson Text";
- padding: 0 15% 0 10%;
- text-align: left;
- margin-top: 0;
- }
- .imagemparceiros{
- display: inline-block;
- width:50%;
- }
- .imagemquemsomos {
- display: inline-block;
- width:100%;
- }
- .imagemporquebio {
- display: inline-block;
- width:100%;
- }
- .imgnomead {
- width:100%;
- border: solid;
- border-color: #BF902B;
- border-width: 5px;
- }
- .grid-container {
- width : 100%;
- }
- .row {
- content: '';
- clear: both;
- }
- .row.empty {
- height: 10px;
- }
- .row.bigempty {
- height: 30px;
- }
- .row.megaempty{
- height: 60px;
- }
- .grid-container *{
- box-sizing: border-box;
- text-align: center;
- vertical-align: middle;
- }
- [class*='col-'] {
- float: left;
- min-height: 20px;
- width: 16.66%;
- }
- .col-100100{
- width:100%;
- }
- .col-5050{
- width: 50%;
- }
- .col-25100{
- width: 25%;
- }
- .col-50100{
- width: 50%
- }
- .col-45100{
- width: 45%
- }
- .col-1000{
- width: 10%;
- }
- .col-0500{
- width: 5%;
- }
- .col-30100{
- width: 30%;
- }
- .col-125{
- width: 12.5%;
- }
- .col-1575{
- width:15%;
- }
- .col-0550{
- width:5%;
- }
- .col-12500{
- width:12.5%;
- }
- .col-15100 {
- width: 15%
- }
- @media only screen and (max-width: 1365px) {
- .row.megaempty{
- height: 30px;
- }
- h2{
- font-family: Lusitana;
- color: #BF902B;
- font-size: 150%;
- }
- h3{
- padding-bottom:5%;
- }
- .parcontainer p{
- padding: 10%;
- }
- .col-1000{
- width: 0;
- }
- .col-0500{
- width: 0;
- }
- .col-50100{
- width: 100%
- }
- .col-25100 {
- width: 100%;
- }
- .col-45100{
- width: 100%
- }
- .col-30100{
- width: 100%;
- }
- .col-12500{
- width:0;
- }
- .col-15100{
- width:100%
- }
- .textcontainerhp h1{
- padding: 5% 0 0 0;
- font-size: 150%;
- font-family: Lusitana;
- margin:0;
- }
- .imagemlocali {
- width: 70%;
- margin: 5% 0 5% 0;
- }
- .imagemlocal {
- margin: 5% 0 5% 0;
- }
- .textcontainerhp p{
- color: #fff1be;
- font-size: 150%;
- display: inline-block;
- width: 100%;
- padding: 5% 5% 10% 5%;
- text-align: center;
- font-family: "Crimson Text";
- }
- .textcontainerhp a{
- padding: 5% 0 5% 0;
- }
- .textcontainerhp h2{
- font-size: 200%;
- }
- .textcontainerhpw h1{
- font-size: 100%;
- }
- .textcontainerhpw p{
- font-size: 150%;
- padding: 10% 10% 15% 10%;
- }
- .textcontainerhpw a{
- }
- .textcontainerhpw h2{
- font-size: 200%;
- padding: 12% 0 0 0;
- }
- .shadowimg {
- width: 90px;
- height: 90px;
- }
- .textcontainerhp h2 {
- font-size: 200%;
- padding: 10% 0 5% 0;
- }
- }
- @media only screen and (max-width: 800px) {
- .parcontainer p{
- font-size: 150%;
- }
- form{
- font-size: 200%;
- }
- input{
- width: 70%;
- margin: 10% 10% 10% 10%;
- font-size: 75%;
- }
- input[type=button], input[type=submit], input[type=reset] {
- padding: 2% 2% 2% 2%;
- }
- .shadowimg {
- width: 70px;
- height: 70px;
- }
- .col-50100{
- width: 100%
- }
- .col-25100 {
- width: 100%;
- }
- .textcontainerhp h1{
- padding: 5% 0 0 0;
- font-size: 150%;
- font-family: Lusitana;
- margin:0;
- }
- .textcontainerhp p{
- color: #fff1be;
- font-size: 150%;
- display: inline-block;
- width: 100%;
- padding: 5% 5% 10% 5%;
- text-align: center;
- font-family: "Crimson Text";
- }
- .textcontainerhp a{
- }
- .textcontainerhp h2{
- font-size: 200%;
- }
- .textcontainerhpw h1{
- }
- .textcontainerhpw p{
- font-size: 150%;
- padding: 10% 10% 15% 10%;
- }
- .textcontainerhpw a{
- }
- .textcontainerhpw h2{
- font-size: 200%;
- padding: 15% 0 5% 0;
- }
- .textcontainerhp h2 {
- font-size: 200%;
- padding: 10% 0 5% 0;
- }
- }
- @media only screen and (max-width: 650px) {
- .parcontainer p{
- font-size: 125%;
- }
- .msg h2{
- font-size: 175%;
- }
- form{
- font-size: 150%;
- }
- input{
- width: 70%;
- margin: 10% 10% 10% 10%;
- font-size: 80%;
- }
- input[type=button], input[type=submit], input[type=reset] {
- padding: 2% 2% 2% 2%;
- }
- .col-50100{
- width: 100%
- }
- .col-25100 {
- width: 100%;
- }
- .textcontainerhp h1{
- padding: 5% 0 0 0;
- font-size: 100%;
- font-family: Lusitana;
- margin:0;
- }
- .textcontainerhp p{
- color: #fff1be;
- font-size: 75%;
- display: inline-block;
- width: 100%;
- padding: 5% 5% 10% 5%;
- text-align: center;
- font-family: "Crimson Text";
- }
- .textcontainerhp a{
- }
- .textcontainerhp h2{
- font-size: 160%;
- }
- .textcontainerhpw h1{
- }
- .textcontainerhpw p{
- font-size: 120%;
- padding: 10% 10% 20% 10%;
- }
- .textcontainerhpw a{
- }
- .textcontainerhpw h2{
- font-size: 200%;
- padding: 20% 0 10% 0;
- }
- .shadowimg {
- width: 90px;
- height: 90px;
- }
- .textcontainerhp h2 {
- font-size: 160%;
- padding: 10% 0 5% 0;
- }
- }
- @media only screen and (max-width: 450px) {
- .parcontainer p{
- font-size: 100%;
- }
- .msg h2{
- font-size: 100%;
- }
- form{
- font-size: 120%;
- }
- input{
- width: 80%;
- margin: 10% 10% 10% 10%;
- font-size: 90%;
- }
- input[type=button], input[type=submit], input[type=reset] {
- padding: 2% 2% 2% 2%;
- }
- .col-50100{
- width: 100%
- }
- .col-25100 {
- width: 100%;
- }
- .textcontainerhp h1{
- padding: 5% 0 0 0;
- font-size: 100%;
- font-family: Lusitana;
- margin:0;
- }
- .textcontainerhp p{
- color: #fff1be;
- font-size: 75%;
- display: inline-block;
- width: 100%;
- padding: 5% 5% 10% 5%;
- text-align: center;
- font-family: "Crimson Text";
- }
- .textcontainerhp a{
- }
- .textcontainerhp h2{
- font-size: 160%;
- }
- .textcontainerhpw h1{
- }
- .textcontainerhpw p{
- font-size: 75%;
- padding: 10% 10% 35% 10%;
- }
- .textcontainerhpw a{
- }
- .textcontainerhpw h2{
- font-size: 150%;
- padding: 35% 0 10% 0;
- }
- .shadowimg {
- width: 50px;
- height: 50px;
- }
- .textcontainerhp h2 {
- font-size: 160%;
- padding: 10% 0 5% 0;
- }
- }
- /* footer*/
- .textfooter{
- width: 100%;
- height: auto;
- padding: 5%;
- margin: 0;
- text-align: center;
- text-justify: auto;
- display: inline-block;
- vertical-align: middle;
- background: #000000;
- }
- .textfooter h2{
- width: 100%;
- height: auto;
- margin: 0;
- padding: 5%;
- text-align: center;
- text-justify: auto;
- display: inline-block;
- vertical-align: middle;
- color: white;
- font-family: "Josefin Sans SemiBold";
- font-size: 125%
- }
- .imagembox{
- display: inline-block;
- width:100%;
- }
- .imgfooter{
- width: 50%;
- height: auto;
- display: inline-block;
- vertical-align: middle;
- }
- .footercontainer{
- width: 100%;
- background-color: #111111;
- height: 350px;
- padding: 10%;
- margin: 0;
- text-align: center;
- text-justify: auto;
- display: inline-block;
- vertical-align: middle;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement