/**
 * THE FOUNDATION
 * http://jaydenseric.com/blog/forget-normalize-or-resets-lay-your-own-css-foundation
 */

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
}

body {
    margin: 0;
    font-size: 16px;
}

iframe {
    border: 0;
}

h1, h2, h3, h4, h5,
p, ul, ol, blockquote,
figure, button {
    margin: 0;
    padding: 0;
}

ul {
    list-style:none;display: block;
}

li {
    display: block;
}

h1, h2, h3, h4, h5, p {
    font-size: inherit;
}

strong {
    font-weight: bold;
}

sup {
    position: relative;
    top: -.5em;
    font-size: 65%;
    line-height: 0;
    vertical-align: baseline;
}

a, button {
    color: inherit;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
}

a {
    text-decoration: none;
}

button {
    overflow: visible;
    border: 0;
    font: inherit;
    letter-spacing: inherit;
    background: none;
    cursor: pointer;
    -webkit-font-smoothing: inherit;
}

button:focus{
    outline: 0;
}

textarea, input { outline: none; }

::-moz-focus-inner {
    padding: 0;
    border: 0;
}

img {
    //max-width: 100%;
    height: auto;
    border: 0;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.mobile{
    display: none;
}

.btn-large.ghost-btn {
    width: calc(100% - 4rem);
    position: relative;
    display: inline-block;
    color: #fff;
    border: 1px solid #fff;
    text-align: center;
    outline: none;
    text-decoration: none;
    background: none;
    margin: .5rem auto;
    display: inherit;
    background: rgba(246,142,30,.95);
}

.btn-large.ghost-btn small{
    position: absolute;
    float: left;
    line-height: 8px;
    bottom: 10px;
    left: 30%;
}

.btn-large.ghost-btn:hover,
.btn-large.ghost-btn:active {
    background-color: #000;
}

.about .valign-wrapper {
    height: 100%;
}

.about .valign{
    margin: 0 auto;
}

/* HERE STARTS THE RULES */

html{
    background:#fff;
    margin:0;
    padding:0;
    width:100%;
    height:100%;
    /*-webkit-font-smoothing: subpixel-antialiased !important;*/
}

body{
    width:100%;
    min-height: 100%;
    padding:0;
    position:relative;
    font-size: 16px;
    font-weight:300;
    font-family: 'Lato', sans-serif;
    background: #f2f2f2;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Lato', sans-serif;
}

.clr{
    clear: both;
}

.getHeight{
    overflow:hidden;
}

.flexbox{
    display:flex;
}

/* Header  Style */
header{
    background: #feffe6;
    width:100%;
    margin: 0 auto;
    height: 60px;
    //padding: 10px;
    position: relative;
    display:block;
    text-align:center;
    z-index: 2;
}

header svg, header .svg{
    width: 150px;
    height: calc(150px * 0.2561);
    padding: 0;
    float: left;
    margin: 10px;
}

nav{
    background: #feffe6;
    height: inherit;
}

#mobile-menu, a.menu-trigger, #mobile-logo{
    display: none;
}

nav#main-menu > ul{
    display: flex;
    justify-content: flex-end;
    padding-right: 20px;
}

nav#main-menu ul li{
}

nav#main-menu ul a{
    color: #4a7095;
    font-weight: bold;
    font-size: 16px;
    height: 60px;
    line-height: 60px;
    padding: 0 40px;
}

nav#main-menu ul li:first-child a{
    padding-left: 40px;
}

nav#main-menu ul li:hover{
    background: none;
}

nav#main-menu ul a:hover{
    color: #1d4c7b;
    background: none;
}

.nav-wrapper{
    width:90%;;
    margin: 0 auto;
}

.main-menu{
    float: right;
}

nav#main-menu > ul ul{
    display: flex;
    justify-content: center;
    width: 100%;
    position:absolute;
    top:60px;
    left:0;
    background:#fdfcea;
    padding:0;
    z-index: 9;
    border-top: solid 1px #e1e1e1;
}

nav#main-menu > ul ul li a{
    font-size: .85rem;
    letter-spacing: 1px;
}

nav#main-menu > ul ul li{
    float:left;
    margin:0;
    padding:0
}

nav#main-menu > ul ul li:hover{
    text-decoration: underline;
    background: none;
}

nav#main-menu > ul ul li{
    float:left;
}

nav#main-menu > ul li:hover > ul{
    display: flex;
    justify-content: center;
}

/*--------------- MAIN CONTENT ------------------*/
body div.container{
    /*width: 100%;
    position:relative;
    overflow:hidden;
    margin:0;
    padding: 0;*/
    padding-bottom: 50px;
}

.wrapper{
    width:1280px;
    margin:0 auto;
    position:relative;
}

.home{
    width: 100%;
    position: relative;
    height: calc(100% - 160px);
    height: calc(100vh - 160px);
    background: #d0e2e9;
    margin:0;
    //background: transparent url(../images/home/bg.jpg) center center no-repeat;
    background-size: cover;
    overflow: hidden;
}

.home h2{
    font-size: 48px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 100;
    //color: #fff;
    color: #000;
    /* text-shadow: #000 0 1px 3px; */
    //background: rgba(0,0,0,.35);
    background: rgba(255,255,255,.85);
    padding: 15px 0;
}

.home .notice{
    width: 100%;
    position: absolute;
    top: 250px;
    padding: 15px 20px 15px 50px;
    background: rgba(255,255,255,.55);
    text-align: center;
}

.home h3{
    color: rgba(0,0,0,.95);
    font-weight: 300;
    font-size: 28px;
    line-height: 24px;
    font-weight: 500;
    margin: 0;
}

#page{
    position: relative;
}

#page-title{
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(255,255,255,.7);
}

#page-title p{
    font-weight: 400;
    font-size: 28px;
    padding: 18px;
    text-align: right;
}

#page-bg{
    cursor: pointer;
}

/*
.home h4{
    color: rgba(0,0,0,.95);
    font-weight: 300;
    font-size: 18px;
    line-height: 18px;
    font-weight: 300;
    margin: 5px 0 0;
}

.home ul.servicios{
    width: 100%;
    bottom: 0;
    right: 0;
    background: rgba(255,255,255,.55);
    padding: 15px 50px 15px 20px;
    color: #000;
    font-weight: 300;
    text-align: center;
    font-size: 18px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.home ul.servicios li{
    width: auto;
    padding: 10px 20px;
    position: relative;
    width: 25%;
}

.home ul.servicios li:not(:first-child):not(:nth-child(5n)):before{
    //content: '•';
    position: absolute;
    left: -3px;
}*/

.home ul.contacto{
    position: absolute;
    width: 100%;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,.95);
    background: #fff;
    padding: 15px 50px 15px 20px;
    color: #000;
    font-weight: 300;
    text-align: center;
    font-size: 21px;
}

#limpieza .pasos, #fabricacion .pasos{
    margin: 30px 0 0;
}

#limpieza img, #fabricacion img{
    width: 100%;
    height: auto;
}

#limpieza .img-container1{
    flex: 1.5068;
}

#limpieza .img-container2{
    flex: 1.3317;
}

#limpieza .img-container3{
    flex: 1.5051;
}

#limpieza .img-container4{
    flex: 0.6643;
}

#limpieza .img-container5{
    flex: 1.5025;
}

#limpieza .img-container6{
    flex: 0.8902;
}

#limpieza .img-container7{
    flex: 1.3362;
}

#limpieza .img-container8, #limpieza .img-container9{
    flex: 1.3325;
}

#limpieza .img-container10, #limpieza .img-container11{
    flex: 1;
}

#limpieza .img-container12{
    flex: 1.3431;
}

#limpieza .img-container13{
    flex: 1.3317;
}

#limpieza .img-container14{
    flex: 0.7485;
}

#limpieza .img-container15{
    flex: 0.7504;
}

#limpieza p{
    position: relative;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    margin: 0;
    padding: 12px 15px;
    background: #4a7095;
    color: #fff;
}

#limpieza p:before {
    border: solid;
    border-color:#4a7095 transparent;
    border-width: 15px 15px 0 15px;
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: -15px;
    z-index: 9;
}

#fabricacion img{
    padding: 10px; /*size of the frame*/
    background: #fff;
    border: solid 1px #EFEFEF;
}

#fabricacion .img-container1{
    flex: 1.314;
    margin-right: 20px;

    //flex: 1.335;
}

#fabricacion .img-container2{
    flex: 1.4772;
    //flex: 1.506;
}

#fabricacion .img-container3{
    flex: 0.6773;
    margin-right: 20px;
    //flex: 0.6671;
}

#fabricacion .img-container4{
    flex: 1.3082;
    //flex: 1.3308;
}

#fabricacion .img-container5{
    flex: 1.306;
    margin-right: 20px;
    //flex: 1.3349;
}

#fabricacion .img-container6{
    flex: 1.2994;
    //flex: 1.3353;
}

#fabricacion .img-container7, #fabricacion .img-container8{
    flex: 1;
}

#fabricacion .img-container7{
    margin-right: 20px;
}

#fabricacion h1{
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    margin: 30px 0 15px;
}

#fabricacion p{
    font-size: 18px;
    line-height: 21px;
    margin:20px 0 10px;
}

/*Modal de Contáctanos*/
#contact{
    background: rgba(0,0,0,.95);
    width: 100%;
    padding: 0 30%;
    margin: 0 auto;
}

#contact.modal.bottom-sheet{
    max-height: 100%;
    height: 100%;
}

#contact .row{
    margin-bottom: 0;
}

#contact .row .no-pad{
    padding-left: 0;
}

#contact .corner-close{
    position: absolute;
    top: 20px;
    right: 20px;
    color: #ADADAD;
    padding: 0;
    font-weight: 500;
}

#contact .corner-close:before{
    font-family: 'FontAwesome';
    content: '\f00d';
    font-size: 1.35rem;
    line-height: 35px;
    transition: all 0.2s;
    color: #ADADAD;
    margin: 0 5px 0 0;
    padding: 0;
    float: left;
}

#contact h4{
    color: #d0d2d3;
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 700;
    margin: 1rem 0;
    text-align: center;
}

#contact input[type=text]:focus:not([readonly]), 
#contact input[type=password]:focus:not([readonly]), 
#contact input[type=email]:focus:not([readonly]), 
#contact input[type=url]:focus:not([readonly]), 
#contact input[type=time]:focus:not([readonly]), 
#contact input[type=date]:focus:not([readonly]), 
#contact input[type=datetime-local]:focus:not([readonly]), 
#contact input[type=tel]:focus:not([readonly]), 
#contact input[type=number]:focus:not([readonly]), 
#contact input[type=search]:focus:not([readonly]), 
#contact textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #085E96;
    box-shadow: 0 1px 0 0 #085E96;
}

#contact input[type=text]:focus:not([readonly])+label, 
#contact input[type=password]:focus:not([readonly])+label, 
#contact input[type=email]:focus:not([readonly])+label, 
#contact input[type=url]:focus:not([readonly])+label, 
#contact input[type=time]:focus:not([readonly])+label, 
#contact input[type=date]:focus:not([readonly])+label, 
#contact input[type=datetime-local]:focus:not([readonly])+label, 
#contact input[type=tel]:focus:not([readonly])+label, 
#contact input[type=number]:focus:not([readonly])+label, 
#contact input[type=search]:focus:not([readonly])+label, 
#contact textarea.materialize-textarea:focus:not([readonly])+label {
    color: #085E96;
}

#contact .buttonSubmit{
    max-width: 100%;
    width: 80%;
}

#contact span.error {
    position: absolute;
    z-index: 9999;
    width: 100%;
    left: .75rem;
    bottom: -5px;
    text-align: left;
    font-size: 0.75rem;
    line-height: 0.8rem;
    color: #c0392b;
    font-weight: 500;
}

#contact #reference-block{
    display: none;
}

#MyUploadForm input, #MyUploadForm textarea{
    color: #fff;
}

/* Footer Style */

footer{
    width: 100%;
    height: 100px;
    background: #4386c7;
    display: block;
    float: left;
}

.footer-copyright{
    text-align: right;
    margin: 10px 15px;
}

footer ul.social{
    margin: 10px;
}

footer ul.social li{
    float: left;
}

footer ul.social svg, footer ul.social .svg{
    width: 32px;
    height: 32px;
    float: left;
    margin: 10px;
}

footer ul.social svg path{
    fill: #1d4c7b;
}