@font-face {
    font-family: 'Raleway-Black';
    src: url(../fonts/Raleway/Raleway-Black.ttf);
}

@font-face {
    font-family: 'Raleway-Medium';
    src: url(../fonts/Raleway/Raleway-Medium.ttf);
}

@font-face {
    font-family: 'Raleway-MediumItalic';
    src: url(../fonts/Raleway/Raleway-MediumItalic.ttf);
}

@font-face {
    font-family: 'Raleway-Bold';
    src: url(../fonts/Raleway/Raleway-Bold.ttf);
}

@font-face {
    font-family: 'Raleway-ExtraBold';
    src: url(../fonts/Raleway/Raleway-ExtraBold.ttf);
}

.show-on-mobile {
    display: none;
}

.width-50{
    width: 50%;
}

html, body {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
}

body {
    font-family: 'Raleway-Medium';
}

a {
    color: #000;
}

.navbar-container, .banner-container, .servicios-container, .contactar-container, .nota-container, .footer-container {
    max-width: 1024px;
    display: block;
    margin: auto;
}

#form-success {
    background: #58b552;
    color: #fff;
    padding: 12px;
    border-radius: 8px;
}

#form-error {
    background: red;
    color: #fff;
    padding: 12px;
    border-radius: 8px;
}

/* Wrapper */
.wrapper {
    position: relative;
}
/* End Wrapper */

/* Navbar */
.navbar {
    position: absolute;
    width: 100%;
    padding: 18px 0;
}

.navbar-bg {
    background: #000;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0.65;
    z-index: 1;
}

.navbar-container {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    z-index: 2;
    position: relative;
}

/* End Navbar */

/* Logo */
.logo > img {
    height: 55px;
}
/* End Logo */

/* Menu */
.menu {
    margin-left: auto;
}

.menu-item {
    color: #fff;
    padding: 8px 16px;
    margin: 4px 8px;
    border-radius: 8px;

    text-decoration: none;
}

.menu-item.active, .menu-item:active {
    background: #5b5b5b;
}
/* End Menu */

/* Banner */
.banner {
    height: 520px;
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    
    background: url(../img/header_bkg.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    color: #fff;
}

.banner h1{
    font-size: 42px;
    padding: 0;
    margin: 0;
    margin-bottom: 12px;
}

.banner h2{
    padding: 0;
    margin: 0;
}

.banner p{
    padding: 0;
    margin: 0;
}
/* End Banner */

/* Servicios */
.servicios {
    background: #fff;
    text-align: center;
    padding-top: 90px;
}

.servicios h1.title {
    padding: 0;
    margin: 0;
    font-family: 'Raleway-ExtraBold';
    font-size: 42px;
}

.servicios p.subtitle {
    margin: 0;
    padding: 25px 200px 50px;
}

.servicios-icons {
    display: flex;
    flex-flow: row wrap;
}

.servicios-icon {
    width: 33.33%;
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
    margin-bottom: 72px;
}

.servicios-icon-container {
    margin: 0 35px;
}

.servicios-icon img {
    height: 65px;
    margin-bottom: 22px;
}

.servicios-icon h4 {
    color: #e73500;
    padding: 0;
    margin: 0;
    margin-bottom: 12px;
}

.servicios-icon p {
    padding: 0;
    margin: 0;
}


/* End Servicios */


/* Contactar */
.contactar {
    background: #1A1A1A;
    text-align: center;
    padding: 60px 0;
}

.contactar h1.title {
    padding: 0;
    margin: 0;
    font-family: 'Raleway-ExtraBold';
    font-size: 42px;
    color: #fff;
}

.contactar p.subtitle {
    margin: 0;
    padding: 25px 200px 50px;
    color: #fff;
}

.contactar-rows {
    display: flex;
    flex-flow: row wrap;
}

.contactar-info-item {
    display: flex;
    align-items: center;
    text-decoration: none;
    margin-bottom: 12px;
}

.contactar-info-item > span {
    color: #fff;
    margin-left: 18px;
}

.contactar-info-icon {
    background: #e95843;
    border-radius: 50%;
    padding: 22px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contactar-info-icon > img {
    height: 37px;
}

form {
    text-align: left;
}

input[type='text'], textarea {
    width: 100%;
    background: #fff;
    border: 0;
    border-radius: 6px;
    padding: 10px;
    font-size: 16px;
    display: block;
    margin-bottom: 8px;
    box-sizing: border-box;
    outline: 0;
    font-family: "Raleway-Medium";
}

textarea {
    min-height: 120px;
    font-family: "Raleway-Medium";
}

input[type='submit'] {
    text-transform: uppercase;
    background: #fe4936;
    color: #fff;
    padding: 20px 40px;
    border-radius: 40px;
    font-size: 16px;
    outline: 0;
    border: 0;
    cursor: pointer;
    margin-top: 28px;
    font-family: "Raleway-Medium";

    -webkit-appearance: none;
}

.request-spinner {
    height: 35px;
    display: block;
    margin: auto;
    margin-top: 22px;
    display: none;
}

/* End Contactar */

/* Nota */
.nota {
    height: 220px;
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    text-align: center;
}

.nota-container{
    margin: auto;
    max-width: 600px;
}

/* End Nota */

/* Google Maps */
.gmaps{
    height: 32em;
}
/* End Google Maps */

/* Footer */
.footer {
    background: #1A1A1A;
    color: #fff;
}

.footer-container {
    display: flex;
    flex-flow: row wrap;
    height: 85px;
}

.footer-container > div{
    margin: auto;
}

.footer a {
    color: #fff; 
    text-decoration: none;
}

.footer-item.social-icon {
    padding: 0 8px;
    display: inline-flex;
    font-size: 24px;
}
/* End Footer */