




#grayscale"); /* Firefox 3.5+ */ filter: grayscale(100%); /* Current draft standard */ -webkit-filter: grayscale(100%); /* New WebKit */ -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: gray; /* IE6+ */ transition: all 1s ease; } .grayscale:hover, .colorscale { filter: grayscale(0%); /* Current draft standard */ -webkit-filter: grayscale(0%); /* New WebKit */ -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: none; /* IE6+ */ } /* for desktop */ .only-mobile {display: none !important;} .only-desktop {display: initial !important;} /* for mobile */ @media only screen and (min-width: 1px) and (max-width: 800px) { .only-mobile {display: initial !important;} .only-desktop {display: none !important;} } /*html, body { height: 100%; } */ .menu-nav { background-color: #fff; height: 5vw; /*border: 1px solid red;*/ position: absolute; top: 0; left: 0; z-index: 9; width: 100%; } /*.menu-items { display: inline; }*/ .menu-nav ul li { display: inline; /*padding-right: 4.1vw;*/ padding-right: 3.8vw; } .menu-nav ul li.reset-padding-right { padding-right: 0; } .menu-header { width: auto; position: absolute; top: 0; left: 0; } .hamburguesa { float: right; margin: 1.4rem 1.5rem; } .content { margin-top: 5vw; } .img-logo { width: 10vw; float: left; margin-top: 1.1vw; margin-left: 1vw; } .wrapper-menu-items { /* width: 75%; margin: auto;*/ text-align: center; width: 69%; margin: auto; } .menu-items { font-size: 1.3vw; line-height: 5vw; } .img-social { width: 1.5vw; margin-bottom: -.2em; } .menu-nav ul li.last-menu-item { padding-right: 0 !important; } ul.menu-items li a:hover { color: #DAA18E; } .img-social:first-child { margin-right: .3vw; } /*.disenio { position: absolute; bottom: .7rem; right: .7rem; z-index: 9; font-size: .8rem; }*/ .disenio { text-align: right; margin-right: .7rem; margin-top: -.7rem; margin-bottom: .7rem; font-size: .8rem; } .c-crema { color: #DAA18E; } .c-celeste { color: #82B5C8; } .c-blanco { color: #fff; } strong { font-weight: bold; } /*.bg-gradient { background: linear-gradient(to left,#444446 -18%, #DAA18E 30%,#444446e0 60%,#DAA18E 100%); background: -moz-linear-gradient(left,#444446 -18%, #DAA18E 30%,#444446e0 60%,#DAA18E 100%); background: -o-linear-gradient(left,#444446 -18%, #DAA18E 30%,#444446e0 60%,#DAA18E 100%); background: -ms-linear-gradient(left,#444446 -18%, #DAA18E 30%,#444446e0 60%,#DAA18E 100%); background: -webkit-linear-gradient(left,#444446 -18%, #DAA18E 30%,#444446e0 60%,#DAA18E 100%); }*/ .bg-gradient { background: #8c7163; background: -moz-linear-gradient(left, #8c7163 0%, #daa18e 30%, #8c7163 60%, #daa18e 100%); background: -webkit-linear-gradient(left, #8c7163 0%,#daa18e 30%,#8c7163 60%,#daa18e 100%); background: linear-gradient(to right, #8c7163 0%,#daa18e 30%,#8c7163 60%,#daa18e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c7163', endColorstr='#daa18e',GradientType=1 ); } @media only screen and (min-width: 1px) and (max-width: 800px) { .hidden { display: none; } .content { margin-top: 4rem; } .menu-header { width: 100%; } .hamburguesa { display: initial; } .menu-items { display: none; font-size: initial; line-height: initial; } .menu-nav { height: 4rem; } .menu-nav ul { background-color:#444446; text-align: center; } .menu-nav ul li.first-menu-item { padding-top: .2rem; } .menu-nav ul li { display: block; } .menu-nav ul li a { width: 8.9rem; border-bottom: 1px solid white; display: inline-block; padding: .8rem 0; } .menu-nav ul li a.social { width: initial; } .menu-nav ul li a.no-separator { border: none; } .menu-items-link { color: #fff !important; } .menu-header { width: 100%; position: initial; top: initial; left: initial; } .img-social { width: initial; margin-bottom: -.3rem; } .fix-ln-icon { margin-left: -.5rem !important; } .fix-fb-icon { width: 3rem !important; } .wrapper-menu-items { text-align: center; width: 100%; margin: initial; } .img-logo { float: initial; width: 9.5rem; margin: .6rem 1.6rem; } .img-social:first-child { margin-right: 0; } .disenio { /*display: none;*/ } .bg-white-semi { margin-bottom: 2rem !important; } .people-img-mobile { width: 60%; /*margin-bottom: 1.2rem;*/ } }html, body, .content, .section-home, .wrapper-img-loop { /*height: 100%;*/ height: 95%; } .content { margin-top: 0 !important; } .wrapper-img-loop { background-image: url('assets/images/nosotros/Nosotros-2.jpg'); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; position: relative; transition: all .8s ease; } .slider-text { border: 1px solid #fff; padding: 3vw; text-align: center; color: #fff; font-size: 2.5vw; width: 62%; /*top: 43% !important;*/ top: 45% !important; } .slider-width-auto { width: auto !important; } .wrapper-clientes { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; color: #fff; } .wrapper-clientes h2 { font-size: 1.2rem; padding: 1rem 0 0 0; } .inner p { font-size: 1.1rem; line-height: 1.4rem; } .inner-clientes { padding-top: 1rem; } .inner-clientes img { width: 6vw; margin: 0 .7rem; } img.cliente-3 { margin-bottom: 3px; } img.cliente-4 { margin-bottom: -10px; } img.cliente-5 { width: 5vw; margin-bottom: -13px; } img.cliente-6 { margin-bottom: 10px; } img.cliente-7 { margin-bottom: 10px; } .wrapper-cliente { background-repeat: no-repeat; background-position: center center; background-size: contain; width: 100px; height: 60px; display: inline-block; margin: 10px; } @media only screen and (min-width: 1800px) { /*1920px*/ html, body, .content, .section-home, .wrapper-img-loop { height: 100%; } .slider-text { top: 43% !important; } } @media only screen and (min-width: 1px) and (max-width: 800px) { .slider-text { border: 1px solid #fff; font-size: 1.1rem; width: 75%; top: 50% !important; } .slider-width-auto { font-size: 1.3rem; width: 75% !important; } .wrapper-clientes { position: initial; } .wrapper-clientes h2 { font-size: 1.2rem; padding: 1rem 1rem 0 1rem; } .inner-clientes { padding-top: 0; } .inner-clientes img { display: block; margin: 1rem auto; width: 40%; } img.cliente-5 { width: 28%; } .disenio { text-align: right; margin-right: .7rem; margin-top: 0; margin-bottom: 0; padding-bottom: 0.7rem; font-size: .8rem; } }a.menu-nav-active { /*font-weight: bold;*/ color: #DAA18E !important; } .only-27 { display: none; } .bg-white-semi { margin-bottom: 15rem; } .menu-nav ul li { padding-right: 4vw; } /*.search form { margin-right: 12%; }*/ @media only screen and (min-width: 1px) and (max-width: 800px) { .submit, .go-charlemos { font-weight: normal; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } input, .input, textarea { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; font-size: 1rem; } textarea { font-size: 1.5rem; } } @media only screen and (min-width: 1800px) { /*1920px*/ .menu-last-item { padding-right: 3vw !important; } .content { margin-top: 4vw; } .menu-nav { height: 4vw; } .img-logo { width: 6vw; float: left; margin-top: 1.2vw; margin-left: 1.5vw; } .menu-items { font-size: .8vw; line-height: 4vw; } .wrapper-menu-items { width: 52%; } .slider-text { font-size: 1.7vw; width: 35%; padding: 3vw 8vw; } .slider-width-auto { font-size: 2.5vw; width: 45%; padding: 3vw 5vw; } .img-social { width: .8vw; margin-bottom: -.3rem; } .menu-nav ul li { padding-right: 3.7vw; } .search-inner { width: 50%; } .form-search { width: 15%; } .section-derecho .inner-clientes img { width: 4vw; } .bg-white-semi { width: 38%; margin: 2rem auto; background-color: rgba(255, 255, 255, 0.50); padding: 4rem 9rem; font-size: 1.5rem; line-height: 2rem; max-width: initial; margin-bottom: 18rem; } .bg-gray-semi, .bg-white-solid, .bg-gradient, .bg-gray-solid { padding: 2rem 0 3rem 0; } .bg-gradient .inner { width: 57%; } .inner { max-width: initial; } .inner h2 { font-weight: normal; margin-bottom: 1rem; font-size: 2.5rem; } .inner-clinentes { padding: 1rem 0; } .inner-clientes img { width: 7vw; margin: 0 2rem; } .inner-clientes img:nth-child(1) { width: 7vw; margin-bottom: 0; } .inner-clientes img:nth-child(2) { width: 6vw; margin-bottom: .5rem; } .inner-clientes img:nth-child(3) { width: 7vw; margin-bottom: .5rem; } .inner-clientes img:nth-child(4) { width: 5vw; } .inner-clientes img:nth-child(5) { width: 4vw; } /*.inner-clientes img:nth-child(6) { margin-bottom: 3rem; } .inner-clientes img:nth-child(7) { margin-bottom: 3rem; }*/ .help-box { margin: 2% 0; width: 16.5%; } .help-box img { margin: .6rem 0; width: 5vw; } .inner p { font-size: 1.5rem; line-height: 2.5rem; } .small-text { font-size: 1.85rem !important; margin: 1rem; } .go-charlemos { font-size: 1.5rem; padding: 1.5rem 2.3rem !important; } .section-nosotros{ margin-top: -6.5rem; } .section-nosotros .wrapper-people { padding: 1rem 0; } .section-nosotros .wrapper-people-inner { width: 67%; margin: auto; } .blog-inner { width: 50%; } /*.section-charlemos */ .main-text { font-size: 3rem; margin: .6rem auto; padding: 3.2rem 7.2rem; margin-top: 4rem; } .section-charlemos .wrapper-text { background-color: #ffffff90; width: 30%; margin: auto; padding: 2.3rem 11%; margin: 3.5rem auto; max-width: initial; line-height: 1.4rem; font-size: 1.5rem; line-height: 3rem; } .section-charlemos .only-27 { display: initial; } .section-charlemos form { width: 16%; max-width: initial; margin: 3.5rem auto 5rem auto; } .section-charlemos .input { padding: .7rem; margin: 1.2rem 0; font-size: 1.5rem; line-height: 3rem; } .section-charlemos .submit { margin: 2.2rem auto; padding: 1.5rem 3rem; font-weight: bold; font-size: 1.5rem; } .search form { margin-right: 10.5%; width: 14%; } .section-payroll .help-box { margin: 2% 2%; width: 16%; } .section-payroll .inner-plus { width: 86%; } .section-derecho .help-box { margin: 2% 2%; width: 29%; } .section-derecho .inner-plus { width: 86%; } .section-error .error-img { margin-top: -12rem; width: 6%; } h1, h2, h3, h4, p, ul, li, input, textarea {letter-spacing: 1px;} .wrapper-clientes { padding: 1.2rem 0; } .wrapper-clientes .inner { display: none; } .disenio { margin-bottom: -.5rem; } } .input { width: 97%; padding: .5rem 0 .5rem 3%; } .search-field { padding: .5rem 0 .5rem 3% !important; width: 76%; }