﻿
@font-face {
    font-family: 'Varela Round';
    src: url('Fonts/VarelaRound-Regular.eot');
    src: url('Fonts/VarelaRound-Regular.eot?#iefix') format('embedded-opentype'),
        url('Fonts/VarelaRound-Regular.woff') format('woff'),
        url('Fonts/VarelaRound-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    margin:0;
    padding:0;
    overflow-x:hidden;
    top:0;
    left:0;
    font-family:'Varela Round';
    position:relative;
}
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
ul {
    
    margin:0;
    padding:0;
}

li{
    list-style:none;
   
}
section {
    min-height:100vh;

    overflow:hidden;
}

a {
    text-decoration:none;
    color:inherit;
}
/*#region HEADER */
header {
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    text-align: center;
    width: 100vw;
    height:auto;
    z-index: 1200;
    transition: height 0.6s;
    -webkit-transition: height 0.6s;
    -moz-transition: height 0.6s;
}

.logo img {
    transition-property: width;
    -moz-transition-property: width;
    -webkit-transition-property: width;
    -o-transition-property: width;
    transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    width: 8rem;
 
    max-width: 10rem;
    margin-left: 1.5vh;
}

.menu-icon {

    margin-right: 1.5vh;
}

.menu-icon img, .menu img{
    max-width:2.5rem;
    cursor:pointer;
}
header div {
    display:inline-block;
    vertical-align:top;


}

.menu-icon img:hover, .menu img:hover {
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

header div:nth-child(1) {
    width:80%;
    text-align:left;
    padding:1rem 0;
}
header div:nth-child(2) {
    text-align:right;
    width:15%;
    padding-top:1.5%;
}

.mini-menu {
    background:#FBC326;
    height:11vh;
    border-bottom:solid 2px;

}



    .mini-menu .logo img {
        transition-property: width;
        -moz-transition-property: width;
        -webkit-transition-property: width;
        -o-transition-property: width;
        transition-duration: 0.2s;
        -moz-transition-duration: 0.2s;
        -webkit-transition-duration: 0.2s;
        -o-transition-duration: 0.2s;
        transition-timing-function: linear;
        -moz-transition-timing-function: linear;
        -webkit-transition-timing-function: linear;
        -o-transition-timing-function: linear;
        width: 2rem;
    }

.menu {
    background:#000;
    position:fixed;
    z-index:1500;
    height:100vh;
    border-left:1px #FBC326 solid;
    right:0;
    top:0;
    display:none;
}

.menu li {
    color:#fff;
    font-size:1rem;
    padding:2rem 5rem;

    cursor:pointer;

}

.menu li:hover {
    color:#FBC326;
}
.social {
    padding:0!important;

}

.social img {
    width:1.2rem;
}

.menu img {
    margin:2rem;
}

/*#endregion */

/*#region HOME */



#home {
    background:url(Content/fundos/1.jpg);
    background-size:cover;
    text-align:center;
}

.spacer {
    height:60vh;
}

.servicos {
    background:rgba(251, 195, 38, 0.47);
    cursor:pointer;
    min-height:40vh;
    /*display:none;*/
}

.servicos h2 {
    font-size:2rem;
    color:#ffF;
    padding:2rem 0;
    display:none;
}
.servicos:hover{
      background:rgba(251, 195, 38, 0.7);
}

.servico {
    
    width:20%;
    min-width:15rem;
    display:inline-block;
    vertical-align:top;
    text-align:center;
    margin:4%;
  
}


.servico img {
    max-width:8rem;
}

.servico h1 {
    color:#fff;
    font-size:1.2rem;
    font-weight:normal;
}

 #servicos article li:before {
      /* For a round bullet */
      content:'\2022';
      /* For a square bullet */
      /*content:'\25A0';*/
      display: block;
      position: relative;
      max-width: 0px;
      max-height: 0px;
      left: -1rem;
      top: -0px;
      color: #ffc31c;
      font-size: 1rem;
    }
#servicos {
    min-height: 50vh;
background:#fff;
display:none;
overflow:hidden;
}

#servicos article h1 {
    display:none;

}

#servicos article {
    display:inline-block;
    font-size:0.9rem;
    vertical-align:top;

    width:20%;
    min-width:15rem;
    text-align:left;
    margin:2%;
}


#servicos article li {
    margin-bottom:0.5rem;
}


/*#endregion */

/*#region SEPARADOR */
.separador {
    background:black;
    color:#FDFA93;
    padding:2vw;
    text-align:center;
}

.separador div {
    display:inline-block;
    width:40%;
    min-width:15rem;
    vertical-align:middle;
}

.separador div:nth-child(1) {
    text-align:right;
    margin-right:4vw;
}
    /*.separador div:nth-child(2) {
        text-align: right;
        margin-right: 4vw;
    }*/
.separador img {
    height:6rem;
}

/*#endregion */

/*#region SOBRE NOS */


#sobrenos {
    background:linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0.6)), url(Content/fundos/2.jpg);
    background-size:cover;
    background-attachment:fixed;
    
}
#sobrenos div:nth-child(odd) {
    float:left;
   
}
#sobrenos div:nth-child(even) {
    float:right;
  
}

#sobrenos div:nth-child(2) {
    background:#fff;
    color:#FBC326;
}
#sobrenos div:nth-child(4) {
    background:#FBC326;
    color:#fff;
}

#sobrenos div {
    padding:5rem;
    width:50%;

    min-height:50vh;
    text-align:center;
}

#sobrenos div p {
    width:70%;
    text-align:justify;
    font-size:0.9rem;
    margin:0 auto;
    color:#000;
}

/*#endregion */

/*#region FUNDO */
.fundo {
    background:url(Content/fundos/3.jpg);
    background-size:cover;
    height:50vh;
}

.fundo2 {
     background:url(Content/fundos/4.jpg);
      background-size:cover;
      background-attachment:fixed;
    height:80vh;
}

/*#endregion */
/*#region CONTACTOS */
#contactos {
    min-height:60vh!important;
}

#contactos form{
 padding:2rem; 
}
#contactos form h1 {
   
    color: #000;
    font-size:2.5rem;
}

#contactos input:not([type=submit]), #contactos textarea {
    width:100%;
    margin:1rem 0;
    border:solid 1px rgba(0,0,0,0.5);
    padding:0.5rem;
}

#contactos textarea {
    height:10rem;
}

#contactos form {
    width:50%;
    min-width:20rem;
    margin:0 auto;
 /*border:solid;*/
    text-align:left;
}
#contactos .form {
    text-align:center;
   
}

#contactos form input[type=submit] {
    border:none;
background-color:rgb(251, 195, 38);   color:white;
    font-weight:bold;
    padding:1rem;

        margin-bottom:2rem;
   cursor:pointer;
}

#contactos form button:hover {
    opacity:0.8;

}
/*#endregion */


/*#region FOOTER */
footer {
    background:rgba(0, 0, 0, 0.8);
    color:#ffc31c;
    bottom:0;
    position:absolute;
    width:100vw;
    text-align:center;
    padding:2rem
}

footer b, footer p {
    
    line-height:1rem;
    font-size:1rem;
    
}

footer div{
    display:inline-block;
    width:15%;
    min-width:15rem;
    vertical-align:middle;
    text-align:left;

}

footer div img {
    width:5rem
}

/*#endregion */


@media only screen and (max-width : 1000px) {

    .mini-menu .logo img {
 
        width: 1.5rem;
    }

    .menu-icon {
        margin-top:0.5rem;
    }

    #servicos article h1 {
        display: block;
        color:#FBC326;
        font-size:2rem;
    }

    #servicos {
        padding:2rem 0;
    }

    #servicos article {
        margin:1%;
    }
    .servicos h2 {
 
        display: block;
    }

    .servicos .servico h1{
        display:none;

    }

        .servicos .servico {
            width: 10%;
            min-width: 5rem;
         
            margin: 2%;
      
        }

    
    .separador div:nth-child(1) {
        margin-right: 0;
        text-align:center;
        margin-top:1rem;
    }

    #sobrenos div:nth-child(odd) {
        float: none;
    }

    #sobrenos div:nth-child(even) {
        float: none;
    }
    
    #sobrenos div:nth-child(3) {
     display:none;
 }

    #sobrenos div{
        width:100%;
    }

        #sobrenos div p {
            width: 100%;
       
        }

    footer div:nth-child(1) {
        text-align:center;
        margin-bottom:1rem;
    }
}