/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 03-sep-2018, 22:52:22
    Author     : Xelkas
*/
body{
    font-family: Amaranth;
    font-style: normal;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;

}
#top{
    background-color: #FFF;
    position: relative;
    height: 200px;
    margin-bottom: 50px;
}
#logo {
    position: absolute;
    top: 70px;
    left: 50%;
    margin-left: -73px;
    background-image: url(../img/logo.png);
    width: 147px;
    height: 174px;
    background-size: contain;
    background-repeat: no-repeat;
}
#main-nav-ul{
    display: inline-block;
    white-space: normal;

}
#main-nav-toggler{
    width: 42px;
    background-color: #FFF;
}
#logo-small {
    background-image: url(../img/logo.png);
    position: absolute;
    left: 50%;
    margin-left: -23px;
    background-color: #FFF;
    width: 46px;
    height: 46px;
    background-size: contain;
    top: 0px;
}
#main-nav{
    background-color: #FFF;
    padding: 0;
    width:100%;
    position: relative;
}
.main{
    padding-top:80px;
    padding-bottom:60px;
}
#main,.main{
    background-color: #000;
    width: 100%;
    min-height: 300px;

}
#footer{
    background-color: #FFF;
    width: 100%;
    min-height: 300px;
    background-size: cover;
    background-repeat: no-repeat;
}
.nav-link{
    color: #979697;
}
#scala{
    background-image: url("../img/1.jpeg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0px -90px;
}
#boutique{
    background-image: url("../img/2.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0px -90px;
}
#boutique-content {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    color: #D5D5D5;
    width: 912px;
    height: 327px;
    min-height: 300px;
    font-size: 24px;
    font-family: Montserrat;
    text-align: center;
}
#compromiso{
    background-image: url("../img/3.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0px -90px;
}
#compromiso-content {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    color: #D5D5D5;
    width: 912px;
    height: 327px;
    min-height: 300px;
    font-size: 24px;
    font-family: Montserrat;
    text-align: center;
}
#diseno{
    background-color: #99a3ad;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0px -90px;
    padding-bottom: 95px;
}
#fits{
    background-color: #A1A0A1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0px -90px;
    padding-bottom: 95px;
}
#disenio-content {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    color: #ffffff;
    width: 912px;
    height: 327px;
    min-height: 300px;
    font-size: 24px;
    font-family: Montserrat;
    text-align: center;
}
#fit-content {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    color: #D5D5D5;
    width: 912px;
    height: 327px;
    min-height: 300px;
    font-size: 24px;
    font-family: Montserrat;
    text-align: center;
}
#scala-content {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    color: #D5D5D5;
    width: 912px;
    height: 327px;
    min-height: 300px;
    font-size: 24px;
    font-family: Montserrat;
}
.content {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    color: #D5D5D5;
    width: 912px;
    height: 327px;
    min-height: 300px;
    font-size: 24px;
    font-family: Montserrat;
}
.agendar {
    width: 200px;
    height: 50px;
    margin-top:30px;
    background-color: #E7A300;
    color: #FFF;
    position: relative;

    font-size: 1.3rem;
    font-family: Cantarell;
    border: none;
}
#scala .agendar{
        left: 50%;
    margin-left: -100px;
}
#compromiso-content .agendar{
        left: 50%;
    margin-left: -100px;
}
#barritas{
    color: #E7A300;
}
.nav-link:hover,.nav-link.active{
    background-color: #F6F6F6;
    color: #E7A300;
}
#navigation {
    padding-bottom: 40px;
    width: 960px;
    margin: auto;
    text-align: center;
    text-transform: uppercase;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 0;
    padding-bottom: 0;
}

#navigation:before, #navigation:after {
    background-color: #d0d0d0;
    content: "";
    display: inline-block;
    height: 1px;
    bottom: .1em;
    position: relative;
    vertical-align: middle;
    width: 50%;
}
#navigation ul {
    display: inline-block;
    white-space: normal;
}
.nav-item{
    display:inline-block;
}
#navigation:before { right: 29px; margin-left: -50%; }
#navigation:after { left: 29px; margin-right: -50%; }

h2{
 color: #F0CC7E;
}

.design-img{
    width:206px;
}
.design-column{
    font-family:Montserrat;
    font-size:18px;
    border-right: 1px solid #fff;
}
.design-column h3{
    font-family:Montserrat;
    font-size:18px;
    font-weight:bold;
}
#scalamail{
    font-size:48px;
    color:#ffffff;
}
#contacto{
    background-image: url("../img/web1.jpeg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    text-align:center;
    font-family: Montserrat;
}
footer{
    width:100%;
    text-align:center;
    font-family: Raleway;
    font-size:14px;
    color:#a1a1a1;
}
#social a:link{
    color:#a1a1a1!important;
}
#privacidad{
    color: #e9cf76;
    text-align:justify;
    font-family:Actor;
    font-size:16px;
}
#contact-form{
    margin-left:auto;
    margin-right: auto;
    text-align:center;
    color:#fff;
}
#scalavideo{
    right: 0px;
    bottom: 0px;
    min-width: 100%;
    min-height: 100%;
}