@import "bootstrap.min.css";@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css";@import "normalize.css";@import "responsive.css";@import "//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css";
@import url('https://fonts.googleapis.com/css?family=Maven+Pro:400,700');@font-face{ font-family: 'Klinic Slab Book'; src: url('fonts/KlinicSlab-Book.eot');src: url('fonts/KlinicSlab-Book.eot?#iefix') format('embedded-opentype'), url('fonts/KlinicSlab-Book.woff') format('woff'), url('fonts/KlinicSlab-Book.ttf') format('truetype'), url('fonts/KlinicSlab-Book.svg#KlinicSlab-Book') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Klinic Slab'; src: url('fonts/KlinicSlab-Bold.eot'); src: url('fonts/KlinicSlab-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/KlinicSlab-Bold.woff') format('woff'), url('fonts/KlinicSlab-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; }
@font-face { font-family: 'Orator Std'; src: url('fonts/OratorStd.eot'); src: url('fonts/OratorStd.eot?#iefix') format('embedded-opentype'), url('fonts/OratorStd.woff') format('woff'), url('fonts/OratorStd.ttf') format('truetype'), url('fonts/OratorStd.svg#OratorStd') format('svg'); font-weight: 500; font-style: normal; }

*, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }
html,body { height: 100%; font-family: Arial Narrow,Arial,sans-serif; font-style: normal; font-variant: normal; font-weight: 500; z-index: 1; text-align: left; margin: 0; padding: 0; overflow-x: hidden; position: relative; }
body::-webkit-scrollbar { width: 12px; }
body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; }
body::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }
.sinpadding [class*="col-"] { padding: 0; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.loader { position:fixed; background:#FFF; width:100%; height:100%; z-index: 99999; }
.loader img { max-width: 20%; position: relative; top: 40%; left: 45%; }
#notification-container { position: fixed; width: 100%; left: 10px; top: 10px; z-index: 90000000; }
.notification { display: block; position: relative; padding: 15px 15px 15px 60px; overflow: hidden; width: 250px; border-radius: 4px; box-shadow: 0 0 12px #999; color: #fff; -webkit-animation: show-notification 3s ease-out; animation: show-notification 3s ease-out; }
.notification-close { padding: 0; cursor: pointer; background: none; border: 0; outline: none; -webkit-appearance: none; position: absolute; top: 5px; right: 10px; color: #fff; text-shadow: 0 1px 0 #ddd; }
.notification-close::before { font-family: 'FontAwesome'; font-size: 12px; font-weight: normal; content: '\f00d'; }
.notification-close:hover { color: #666; }
.notification-title { font-size: 1.1em; font-weight: bold; }
.notification-success::before, .notification-error::before, .notification-info::before, .notification-warning::before { font-family: 'FontAwesome'; font-size: 35px; display: block; position: absolute; left: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.notification-success { background-color: #90b900; }
.notification-success::before { content: '\f058'; }
.notification-error { background-color: #e85656; }
.notification-error::before { content: '\f057'; }
.notification-info { background-color: #2dacd1; }
.notification-info::before { content: '\f05a'; }
.notification-warning { background-color: #dfb81c; }
.notification-warning::before { content: '\f071'; }
@-webkit-keyframes show-notification {
    0% { opacity: 0; -webkit-transform: translate(0, -100%); }
    10% { opacity: 1; -webkit-transform: translate(0, 0); }
    90% { opacity: 1; -webkit-transform: translate(0, 0); }
    100% { opacity: 0; -webkit-transform: translate(0, -100%); }
}
@keyframes show-notification {
    0% { opacity: 0; -webkit-transform: translate(0, -100%); transform: translate(0, -100%); }
    10% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); }
    90% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); }
    100% { opacity: 0; -webkit-transform: translate(0, -100%); transform: translate(0, -100%); }
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {background-color: transparent;}
.flag { position: fixed; top: 20px; right: 15px; z-index: 999; display: block; width: 50px; height: 50px; margin-right: 15px; background: transparent; border: none; }
.flag img{ max-width: 3em; }
#wrapper { padding-left: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#wrapper.toggled { padding-left: 220px; }
#sidebar-wrapper { z-index: 1000; left: 220px; width: 0; height: 34em; margin-left: -220px; overflow-y: auto; overflow-x: hidden; background: #171b21; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#sidebar-wrapper::-webkit-scrollbar { display: none; }
#wrapper.toggled #sidebar-wrapper { width: 15em; }
#page-content-wrapper { width: 100%; padding-top: 70px; }
#wrapper.toggled #page-content-wrapper { position: absolute; margin-right: -220px; }

/*   Sidebar nav styles   */
.sidebar-nav { position: absolute; top: 0; width: 220px; margin: 0; padding: 0; list-style: none; font-family: 'Orator Std', sans-serif; }
.sidebar-nav li a img { max-width: 2.5em; }
.sidebar-nav hr { width: 60%; }
.sidebar-nav li { text-align: center; position: relative; line-height: 20px; display: inline-block; width: 100%; text-transform: uppercase; }
.sidebar-nav li:before { content: ''; position: absolute; top: 0; left: 0; z-index: -1; height: 100%; width: 3px; background-color: #1c1c1c; -webkit-transition: width .2s ease-in; -moz-transition:  width .2s ease-in; -ms-transition:  width .2s ease-in; transition: width .2s ease-in; }
.sidebar-nav li:first-child a { color: #fff; background-color: #a02621; }
.sidebar-nav li:nth-child(2):before { background-color: #a02621; }
.sidebar-nav li:nth-child(3):before { background-color: #a02621; }
.sidebar-nav li:nth-child(4):before { background-color: #a02621; }
.sidebar-nav li:nth-child(5):before { background-color: #a02621; }
.sidebar-nav li:nth-child(6):before { background-color: #a02621; }
.sidebar-nav li:nth-child(7):before { background-color: #a02621; }
.sidebar-nav li:nth-child(8):before { background-color: #a02621; }
.sidebar-nav li:nth-child(9):before { background-color: #a02621; }
.sidebar-nav li:nth-child(10):before { background-color: #a02621; }
.sidebar-nav li:nth-child(11):before { background-color: #a02621; }
.sidebar-nav li:nth-child(12):before { background-color: #a02621; }
.sidebar-nav li:hover:before, .sidebar-nav li.open:hover:before { width: 100%; -webkit-transition: width .2s ease-in; -moz-transition:  width .2s ease-in; -ms-transition:  width .2s ease-in; transition: width .2s ease-in; }
.sidebar-nav li a { display: block; color: white; text-decoration: none; padding: 10px 15px 10px 30px; }
.sidebar-nav li a:hover,.sidebar-nav li a:active,.sidebar-nav li a:focus,.sidebar-nav li.open a:hover,.sidebar-nav li.open a:active,.sidebar-nav li.open a:focus{ color: #fff; text-decoration: none; background-color: transparent; }
.sidebar-nav > .sidebar-brand { height: 65px; font-size: 20px; line-height: 44px; }
.sidebar-nav .dropdown-menu { position: relative; width: 100%; padding: 0; margin: 0; border-radius: 0; border: none; background-color: #171b21; box-shadow: none; }
/* Hamburger-Cross */
.hamburger { position: fixed; top: 20px; z-index: 999; display: block; width: 32px; height: 32px; margin-left: 15px; background: transparent; border: none; }
.hamburger:hover, .hamburger:focus, .hamburger:active { outline: none; }
.hamburger.is-closed:before { content: '';  display: block; width: 100px; font-size: 14px; color: #fff; line-height: 32px; text-align: center; opacity: 0; -webkit-transform: translate3d(0,0,0); -webkit-transition: all .35s ease-in-out; }
.hamburger.is-closed:hover:before { opacity: 1;  display: block; -webkit-transform: translate3d(-100px,0,0); -webkit-transition: all .35s ease-in-out; }
.hamburger.is-closed .hamb-top,.hamburger.is-closed .hamb-middle,.hamburger.is-closed .hamb-bottom,.hamburger.is-open .hamb-top,.hamburger.is-open .hamb-middle,.hamburger.is-open .hamb-bottom {
    position: absolute; left: 0; height: 4px; width: 100%; }
.hamburger.is-closed .hamb-top,.hamburger.is-closed .hamb-middle,.hamburger.is-closed .hamb-bottom { background-color: #a02621; }
.hamburger.is-closed .hamb-top { top: 5px; -webkit-transition: all .35s ease-in-out; }
.hamburger.is-closed .hamb-middle { top: 50%; margin-top: -2px; }
.hamburger.is-closed .hamb-bottom { bottom: 5px; -webkit-transition: all .35s ease-in-out; }
.hamburger.is-closed:hover .hamb-top { top: 0; -webkit-transition: all .35s ease-in-out; }
.hamburger.is-closed:hover .hamb-bottom { bottom: 0; -webkit-transition: all .35s ease-in-out; }
.hamburger.is-open .hamb-top,.hamburger.is-open .hamb-middle,.hamburger.is-open .hamb-bottom { background-color: #a02621; }
.hamburger.is-open .hamb-top,.hamburger.is-open .hamb-bottom { top: 50%; margin-top: -2px; }
.hamburger.is-open .hamb-top { -webkit-transform: rotate(45deg); -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08); }
.hamburger.is-open .hamb-middle { display: none; }
.hamburger.is-open .hamb-bottom { -webkit-transform: rotate(-45deg); -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08); }
.hamburger.is-open:before { content: ''; display: block; width: 100px; font-size: 14px; color: #fff; line-height: 32px; text-align: center; opacity: 0; -webkit-transform: translate3d(0,0,0); -webkit-transition: all .35s ease-in-out; }
.hamburger.is-open:hover:before { opacity: 1; display: block; -webkit-transform: translate3d(-100px,0,0); -webkit-transition: all .35s ease-in-out; }
/* Overlay */
.overlay { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(250,250,250,.8); z-index: 1; }
/*   Slider   */
.fade-carousel { position: relative;  height: 100vh; }
.fade-carousel .carousel-inner .item { height: 100vh; }
.fade-carousel .carousel-indicators > li { margin: 0 2px; background-color: #a02621; border-color: #a02621; opacity: .7; }
.fade-carousel .carousel-indicators > li.active { width: 10px; height: 10px; opacity: 1; }
/* Hero Headers */
.hero { position: absolute; top: 50%; left: 40%; z-index: 3; color: #fff; text-align: center; text-transform: uppercase; text-shadow: 1px 1px 0 rgba(0,0,0,.75); -webkit-transform: translate3d(-50%,-50%,0); -moz-transform: translate3d(-50%,-50%,0); -ms-transform: translate3d(-50%,-50%,0);  -o-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); }
.hero img { max-width: 80%; }
.hero h1 { font-size: 6em; font-weight: bold; margin: 0; padding: 0; }
.descHead { font-family: 'Maven Pro', sans-serif; position: absolute; top: 90%; font-size: large; left: 50%; z-index: 3; color: #fff; text-align: center; text-shadow: 1px 1px 0 rgba(0,0,0,.75); -webkit-transform: translate3d(-50%,-50%,0); -moz-transform: translate3d(-50%,-50%,0); -ms-transform: translate3d(-50%,-50%,0);  -o-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); }
.fade-carousel .carousel-inner .item .hero { opacity: 0; -webkit-transition: 2s all ease-in-out .1s; -moz-transition: 2s all ease-in-out .1s; -ms-transition: 2s all ease-in-out .1s; -o-transition: 2s all ease-in-out .1s; transition: 2s all ease-in-out .1s; }
.fade-carousel .carousel-inner .item.active .hero { opacity: 1; -webkit-transition: 2s all ease-in-out .1s; -moz-transition: 2s all ease-in-out .1s; -ms-transition: 2s all ease-in-out .1s; -o-transition: 2s all ease-in-out .1s; transition: 2s all ease-in-out .1s; }
/* Slides backgrounds */
.fade-carousel .slides .slide-1,.fade-carousel .slides .slide-2,.fade-carousel .slides .slide-3 { height: 100vh; background-size: cover; background-position: center center; background-repeat: no-repeat; }
@media screen and (min-width: 980px){ .hero { width: 980px; }  }
@media screen and (max-width: 640px){ .hero h1 { font-size: 4em; } }

div.HrSld { background: #a02621; height: 12px; width: 100%; }
.logo img { max-width: 30em; padding: 10em 0 10em 0; margin: 0 auto; }
div.HrLogo { background: #171b21; height: 12px; width: 100%; }

div#quienes { text-align: center; padding: 5em; background: white; font-family: 'Maven Pro', sans-serif; }
div#quienes h1 { font-weight: 700; color: #a02621; font-size: xx-large; }
div#quienes span { color: #171b21; font-weight: 400; text-align: justify; font-size: medium; }
div#quienes p { color: #a02621; font-weight: 400; text-align: center; font-size: medium; }

div#valores { text-align: center; padding: 3em; background: #171b21; color: white; }
div#valores h1 { font-family: 'Klinic Slab Book'; text-transform: uppercase; font-size: xx-large; letter-spacing: 0.3em; }
div#valores span { font-family: 'Maven Pro', sans-serif; font-weight: 400; font-size: large; }

div.titulo { background: #a02621; color: white; font-family: 'Klinic Slab Book'; text-transform: uppercase; margin-top: -1.5em; }
div.titulo h1 { margin-left: 1em; font-size: xx-large; letter-spacing: 0.3em; }

div#clientes img#logo { margin: 0 auto; max-width: 20%; padding: 4em; }
div#clientes .afiliaciones { padding: 2em; }
div#clientes .afiliaciones h1{ font-family: 'Klinic Slab Book'; text-transform: uppercase; font-size: xx-large; letter-spacing: 0.3em; text-align: center; }
div#clientes .afiliaciones h2{ font-family: 'Klinic Slab Book'; text-transform: uppercase; font-size: x-large; letter-spacing: 0.3em; text-align: center; }

div.servs { background: #171b21; color: white; }
div.servs div#cont { padding: 5em; }
div.servs div#cont li { list-style: square; color: #a02621; font-size: xx-large; }
div.servs div#cont li span{ color: white; font-size: xx-large; }
div.servs .atencion { background: white; padding: 5em; color: #171b21; text-align: center; }
div.servs .atencion h1 { font-family: 'Klinic Slab Book'; text-transform: uppercase; font-size: xx-large; letter-spacing: 0.3em; }
div.servs .atencion span { font-family: 'Maven Pro', sans-serif; font-weight: 400; text-align: center; font-size: larger; }
div.servs .esp { background: white; color: #171b21; padding: 5em; }
div.servs .esp div#tit{ background: #171b21; color: white; text-align: center; border-radius: 25px; width: 40%; height: 45px; }
div.servs .esp div#tit h1{ font-size: xx-large; letter-spacing: 0.3em; padding: .2em;}
div.servs .esp .red { background: #a02621; color: white; padding: .5em; width: 70%; }
div.servs .esp .red span{ font-family: 'Maven Pro', sans-serif; font-size: large; padding: .2em; }
div.servs .esp .white { background: white; color: #171b21; padding: .5em; width: 70%; }
div.servs .esp .white span{ font-family: 'Maven Pro', sans-serif; font-size: large; padding: .2em; }

div.socios { }
div.socios .tit{ background: #171b21; color: white; padding: 8em; }
div.socios .tit h1{ font-family: 'Klinic Slab Book'; text-transform: uppercase; font-size: 50pt; letter-spacing: 0.3em; text-align: center; }
div.socios #socios { background: white; padding: 6em; }
div.socios #socios img{ max-width: 25%; margin: 0 auto; }
div.socios #socios #soc span{ font-family: 'Klinic Slab Book'; font-size: larger; }
div.socios #socios #soc span b{ font-family: 'Klinic Slab'; font-size: larger; }
div.socios #socios #soc .button{ text-decoration: none; color: #171b21; }
div.socios #socios #soc .button:hover{ color: #a02621; cursor: pointer; }
div.socios #socios #soc img{ margin: 0 auto; max-width: 80%; }

.modal-fullscreen { background: rgba(255,255,255,.95); }
.modal-fullscreen .modal-content { background: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; }
.modal-fullscreen .modal-dialog { margin: 0; margin-right: auto; margin-left: auto; width: 100%; }
@media (min-width: 768px) { .modal-fullscreen .modal-dialog { width: 750px; } }
@media (min-width: 992px) { .modal-fullscreen .modal-dialog { width: 970px; } }
@media (min-width: 1200px) { .modal-fullscreen .modal-dialog { width: 1170px; } }

.modal-body .tit { margin-top: 5em; }
.modal-body .tit span{ font-family: 'Klinic Slab Book'; font-size: larger; }
.modal-body .tit span b{ font-family: 'Klinic Slab'; font-size: larger; }
.modal-body .tit h1{ font-family: 'Klinic Slab Book'; text-transform: uppercase; font-size: x-large; letter-spacing: 0.3em; color: #a02621; }
.modal-body .tit ul{ font-family: 'Maven Pro', sans-serif; font-weight: 400; font-size: medium; }
.modal-body .tit span{ font-family: 'Maven Pro', sans-serif; font-weight: 400; font-size: medium; }

div.clientes .tit{ background: #171b21; color: white; padding: 8em; }
div.clientes .tit h1{ font-family: 'Klinic Slab Book'; text-transform: uppercase; font-size: 50pt; letter-spacing: 0.3em; text-align: center; }
div.clientes #ctes{ padding: 4em; }

div.instalaciones { }
div.instalaciones .tit{ background: #171b21; color: white; padding: 8em; }
div.instalaciones .tit h1{ font-family: 'Klinic Slab Book'; text-transform: uppercase; font-size: 50pt; letter-spacing: 0.3em; text-align: center; }
div.instalaciones .inst div{  }
div.instalaciones .inst .txt{ height: 394px; line-height: 350px; text-align: center; font-family: 'Klinic Slab Book'; color: white; font-size: x-large; }
div.instalaciones .inst .txt span{ display: inline-block; vertical-align: middle; line-height: normal; }
div.instalaciones .inst .img { max-width: 80%; padding: 5em; }
div.instalaciones .inst .img img{ margin-top: 3em; }
div.instalaciones .inst2 .txt{ height: 605.5px; line-height: 605.5px; text-align: center; font-family: 'Klinic Slab Book'; color: white; font-size: x-large; }
div.instalaciones .inst2 .txt span{ display: inline-block; vertical-align: middle; line-height: normal; }
div.instalaciones .inst2 .img { height: 605.5px;}
div.instalaciones .inst2 .img img{ height: 605.5px; width: 100%; }
div.instalaciones .inst3 .logo { background: white; height: 575px; }
div.instalaciones .inst3 .logo img{ max-width: 60%; padding: 4em; margin-top: 7em; }
div.instalaciones .inst3 .img { height: 575px; }
div.instalaciones .inst3 .img img{ max-width: 80%; margin: 0 auto; padding-top: 13em; }

footer { background: #171b21; }
footer div.cont { padding: 6em 0 3em 0; color: white; font-family: 'Maven Pro', sans-serif; font-weight: 400; }
div.rojo{ background: #a02621; height: 12px; }
div.blanco{ background: white; height: 12px; }
div.azul{ background: #171b21; height: 12px; }
footer div.cont h1 { font-family: 'Klinic Slab Book'; text-transform: uppercase; font-size: 50pt; text-align: center; letter-spacing: 0.3em; }
footer div.cont #datos { padding-top: 3em; }
footer div.cont #datos i{ font-size: xx-large; color: #a02621; }
footer div.cont #datos span{ font-size: x-large; }
footer div.cont #datos span a{ text-decoration: none; color: white; }
footer div.cont #datos span a:hover{ color: #a02621; }

@media only screen and (min-width : 320px) {
    .descHead { top: 75%; font-size: x-small; }
    div#clientes .afiliaciones h1{ font-size: x-large; }
    div#clientes .afiliaciones h2{ font-size: large; }

    div.servs div#cont li { font-size: large; }
    div.servs div#cont li span{ font-size: large; }
    div.servs .atencion h1 { font-size: larger; }
    div.servs .atencion span { font-family: 'Maven Pro', sans-serif; font-weight: 400; text-align: center; font-size: larger; }

    div.socios .tit h1{ font-size: x-large; }
    div.socios #socios img{ max-width: 100%; margin: 0 auto; }

    div.clientes .tit h1{ font-size: x-large; }
    div.clientes #ctes{ padding: 4em; }

    div.instalaciones .tit h1{ font-size: x-large; }
    div.instalaciones .inst .txt{ height: 300px; line-height: 300px; font-size: large; }
    div.instalaciones .inst .txt span{ display: inline-block; vertical-align: middle; line-height: normal; }
    div.instalaciones .inst .img { max-width: 80%; padding: 5em; }
    div.instalaciones .inst .img img{ margin: 0 auto; padding-left: 3em; }
    div.instalaciones .inst2 .txt{ height: 300px; line-height: 300px; font-size: large; }
    div.instalaciones .inst2 .img { height: 300px;}
    div.instalaciones .inst2 .img img{ height: 300px; width: 100%; }
    div.instalaciones .inst3 .logo { background: white; height: 300px; }
    div.instalaciones .inst3 .logo img{ max-width: 100%; margin-top: -4px;}
    div.instalaciones .inst3 .img { height: 300px; }
    div.instalaciones .inst3 .img img{ max-width: 50%; margin: 0 auto; padding-top: 3em; }

    footer div.cont h1 { font-size: x-large; }
    footer div.cont #datos { padding-top: 1em; }
    footer div.cont #datos i{ font-size: large; }
    footer div.cont #datos span{ font-size: large; }
}
@media only screen and (min-width: 384px){
    div.instalaciones .inst2 .img { height: 550px;}
    div.instalaciones .inst2 .img img{ height: 550px; width: 100%; }
}
@media only screen and (min-width : 480px) {
    .descHead { top: 75%; font-size: medium; }

    div.instalaciones .inst .txt{ height: 300px; line-height: 300px; font-size: x-large; }
    div.instalaciones .inst .img { max-width: 80%; padding: 5em; }
    div.instalaciones .inst .img img{ margin: 0 auto; padding-left: 4em; }
    div.instalaciones .inst2 .txt{ height: 300px; line-height: 300px; font-size: x-large; }
    div.instalaciones .inst2 .img { height: 450px;}
    div.instalaciones .inst2 .img img{ height: 450px; }
    div.instalaciones .inst3 .logo { height: 300px; }
    div.instalaciones .inst3 .logo img{ max-width: 80%; margin-top: -4px;}
    div.instalaciones .inst3 .img { height: 300px; }
    div.instalaciones .inst3 .img img{ max-width: 40%; margin: 0 auto; padding-top: 3em; }

    footer div.cont h1 { font-size: xx-large; }
}
@media only screen and (min-width: 640px){
    .descHead { top: 80%; font-size: medium; }
    #logoInd { max-width: 50%; margin: 0 auto; }

    div.servs div#cont li { font-size: large; }
    div.servs div#cont li span{ font-size: large; }
    div.servs .atencion h1 { font-size: xx-large; }
    div.servs .atencion span { font-size: larger; }

    div.socios .tit h1{ font-size: xx-large; }
    div.socios #socios img{ max-width: 70%; margin: 0 auto; }

    div.instalaciones .tit h1{ font-size: xx-large; }
    div.instalaciones .inst .txt{ height: 300px; line-height: 300px; font-size: x-large; }
    div.instalaciones .inst .img {  padding: 5em; }
    div.instalaciones .inst .img img{ margin: 0 auto; max-width: 40%; }
    div.instalaciones .inst2 .txt{ height: 300px; line-height: 300px; font-size: x-large; }
    div.instalaciones .inst2 .img { height: 650px;}
    div.instalaciones .inst2 .img img{ height: 650px; }
    div.instalaciones .inst3 .logo { height: 350px; }
    div.instalaciones .inst3 .logo img{ max-width: 60%; margin-top: 0px;}
    div.instalaciones .inst3 .img { height: 350px; }
    div.instalaciones .inst3 .img img{ max-width: 40%; margin: 0 auto; padding-top: 3em; }

    div.clientes .tit h1{ font-size: xx-large; }
    div.clientes #ctes{ padding: 4em; }

    footer div.cont h1 { font-size: 35pt; }
}
@media only screen and (min-width : 768px) and (max-width: 959px) {
    .descHead { top: 80%; font-size: large; }

    div.servs div#cont li { font-size: x-large; }
    div.servs div#cont li span{ font-size: x-large; }

    div.socios #socios img{ max-width: 50%; margin: 0 auto; }
    div.socios #socios #soc img{ margin: 0 auto; max-width: 30%; }

    div.instalaciones .inst2 .img { height: 650px;}
    div.instalaciones .inst2 .img img{ height: 650px; }

}
@media only screen and (min-width : 960px) and (max-width: 1096px) {
    .descHead { top: 80%; font-size: larger; }

    div.socios .tit h1{ font-size: 40pt; }
    div.socios #socios img{ max-width: 50%; margin: 0 auto; }
    div.socios #socios #soc img{ margin: 0 auto; max-width: 25%; }

    div.instalaciones .tit h1{ font-size: 40pt; }

    div.clientes .tit h1{ font-size: 40pt; }

    div.instalaciones .tit h1{ font-size: xx-large; }
    div.instalaciones .inst .txt{ height: 300px; line-height: 300px; font-size: xx-large; }
    div.instalaciones .inst .img {  padding: 5em; }
    div.instalaciones .inst .img img{ margin: 0 auto; width: 100%; padding: 3em 1em 0 2em; }
    div.instalaciones .inst2 .txt{ height: 300px; line-height: 300px; font-size: x-large; }
    div.instalaciones .inst2 .img { height: 850px;}
    div.instalaciones .inst2 .img img{ height: 850px; }
    div.instalaciones .inst3 .logo { height: 400px; }
    div.instalaciones .inst3 .logo img{ max-width: 50%; margin-top: 4px;}
    div.instalaciones .inst3 .img { height: 400px; }
    div.instalaciones .inst3 .img img{ max-width: 40%; margin: 0 auto; padding-top: 7em; }

    footer div.cont h1 { font-size: 40pt; }
    footer div.cont #datos { padding-top: 1em; }
    footer div.cont #datos i{ font-size: x-large; }
    footer div.cont #datos span{ font-size: x-large; }
}
@media only screen and (min-width : 1097px) and (max-width: 1279px) {
    .hero { left: 50%; z-index: 3; }
    .descHead { top: 80%; font-size: x-large; }
    #logoInd { max-width: 30%; margin: 0 auto; }

    div.servs div#cont { padding: 5em; }
    div.servs div#cont li { font-size: xx-large; }
    div.servs div#cont li span{ font-size: xx-large; }
    div.servs .atencion { padding: 5em;}
    div.servs .atencion h1 { font-size: xx-large; }
    div.servs .atencion span { font-size: larger; }
    div.servs .esp { padding: 5em; }
    div.servs .esp div#tit{ width: 40%; height: 45px; }
    div.servs .esp div#tit h1{ font-size: xx-large; }
    div.servs .esp .red { padding: .5em; width: 70%; }
    div.servs .esp .red span{ font-size: large;  }
    div.servs .esp .white {padding: .5em; width: 70%; }
    div.servs .esp .white span{ font-size: large; padding: .2em; }

    div.socios .tit{ background: #171b21; color: white; padding: 8em; }
    div.socios .tit h1{ font-size: 50pt; }
    div.socios #socios { padding: 6em; }
    div.socios #socios img{ max-width: 25%; margin: 0 auto; }
    div.socios #socios #soc span{ font-size: larger; }
    div.socios #socios #soc span b{ font-size: larger; }
    div.socios #socios #soc img{ max-width: 80%; }

    div.clientes .tit{ padding: 8em; }
    div.clientes .tit h1{ font-size: 50pt; }
    div.clientes #ctes{ padding: 4em; }

    div.instalaciones .tit{ padding: 8em; }
    div.instalaciones .tit h1{ font-size: 50pt; }
    div.instalaciones .inst .txt{ height: 229px; line-height: 229px; font-size: x-large; }
    div.instalaciones .inst .img { height: 229px; }
    div.instalaciones .inst .img img{ width: 10em; padding: 1em 0; }
    div.instalaciones .inst2 .txt{ height: 349px; line-height: 349px; font-size: x-large; }
    div.instalaciones .inst2 .img { height: 349px;}
    div.instalaciones .inst2 .img img{ height: 349px; width: 100%; }
    div.instalaciones .inst3 .logo { background: white; height: 331px; }
    div.instalaciones .inst3 .logo img{ max-width: 80%; padding: 4em; margin-top: 1em; }
    div.instalaciones .inst3 .img { height: 331px; }
    div.instalaciones .inst3 .img img{ max-width: 70%; margin: 0 auto; padding-top: 8em; }

    footer div.cont h1 { font-size: 50pt; }
    footer div.cont #datos { padding-top: 3em; }
    footer div.cont #datos i{ font-size: xx-large; }
    footer div.cont #datos span{ font-size: x-large; }
}
@media only screen and (min-width : 1280px) and (max-width: 1365px) {
    .hero { left: 40%; }
    .descHead { top: 90%; font-size: large; }
    #logoInd { max-width: 30%; margin: 0 auto; }

    div.servs div#cont { padding: 5em; }
    div.servs div#cont li { font-size: xx-large; }
    div.servs div#cont li span{ font-size: xx-large; }
    div.servs .atencion { padding: 5em;}
    div.servs .atencion h1 { font-size: xx-large; }
    div.servs .atencion span { font-size: larger; }
    div.servs .esp { padding: 5em; }
    div.servs .esp div#tit{ width: 40%; height: 45px; }
    div.servs .esp div#tit h1{ font-size: xx-large; }
    div.servs .esp .red { padding: .5em; width: 70%; }
    div.servs .esp .red span{ font-size: large;  }
    div.servs .esp .white {padding: .5em; width: 70%; }
    div.servs .esp .white span{ font-size: large; padding: .2em; }

    div.socios .tit{ background: #171b21; color: white; padding: 8em; }
    div.socios .tit h1{ font-size: 50pt; }
    div.socios #socios { padding: 6em; }
    div.socios #socios img{ max-width: 25%; margin: 0 auto; }
    div.socios #socios #soc span{ font-size: larger; }
    div.socios #socios #soc span b{ font-size: larger; }
    div.socios #socios #soc img{ max-width: 80%; }

    div.instalaciones .tit h1{ font-size: 50pt; }
    div.instalaciones .inst .txt{ height: 267px; line-height: 267px; font-size: x-large; }
    div.instalaciones .inst .img { padding: 5em; }
    div.instalaciones .inst .img img{ margin: 0 auto; max-width: 100%; padding: 3em 1em 0 0; }
    div.instalaciones .inst2 .txt{ height: 410px; line-height: 410px; font-size: x-large; }
    div.instalaciones .inst2 .img { height: 410px;}
    div.instalaciones .inst2 .img img{ height: 410px; width: 100%; }
    div.instalaciones .inst3 .logo { background: white; height: 385px; }
    div.instalaciones .inst3 .logo img{ max-width: 80%; padding: 4em; margin-top: 2em; }
    div.instalaciones .inst3 .img { height: 385px; }
    div.instalaciones .inst3 .img img{ max-width: 70%; margin: 0 auto; padding-top: 9em; }

    footer div.cont h1 { font-size: 50pt; }
    footer div.cont #datos { padding-top: 3em; }
    footer div.cont #datos i{ font-size: xx-large; }
    footer div.cont #datos span{ font-size: x-large; }
}
@media only screen and (min-width: 1366px) and (max-width: 1535px) {
    .hero { left: 40%; }
    .descHead { top: 90%; font-size: large; }
    #logoInd { max-width: 30%; margin: 0 auto; }

    div.servs div#cont { padding: 5em; }
    div.servs div#cont li { font-size: xx-large; }
    div.servs div#cont li span{ font-size: xx-large; }
    div.servs .atencion { padding: 5em;}
    div.servs .atencion h1 { font-size: xx-large; }
    div.servs .atencion span { font-size: larger; }
    div.servs .esp { padding: 5em; }
    div.servs .esp div#tit{ width: 40%; height: 45px; }
    div.servs .esp div#tit h1{ font-size: xx-large; }
    div.servs .esp .red { padding: .5em; width: 70%; }
    div.servs .esp .red span{ font-size: large;  }
    div.servs .esp .white {padding: .5em; width: 70%; }
    div.servs .esp .white span{ font-size: large; padding: .2em; }

    div.socios .tit{ background: #171b21; color: white; padding: 8em; }
    div.socios .tit h1{ font-size: 50pt; }
    div.socios #socios { padding: 6em; }
    div.socios #socios img{ max-width: 25%; margin: 0 auto; }
    div.socios #socios #soc span{ font-size: larger; }
    div.socios #socios #soc span b{ font-size: larger; }
    div.socios #socios #soc img{ max-width: 80%; }

    div.instalaciones .tit h1{ font-size: 50pt; }
    div.instalaciones .inst .txt{ height: 285px; line-height: 285px; font-size: x-large; }
    div.instalaciones .inst .img { padding: 5em; height: 285px; }
    div.instalaciones .inst .img img{ margin: 0 auto; max-width: 100%; padding: 3em 1em 0 0; }
    div.instalaciones .inst2 .txt{ height: 435px; line-height: 435px; font-size: x-large; }
    div.instalaciones .inst2 .img { height: 435px;}
    div.instalaciones .inst2 .img img{ height: 435px; width: 100%; }
    div.instalaciones .inst3 .logo { background: white; height: 411px; }
    div.instalaciones .inst3 .logo img{ max-width: 80%; padding: 4em; margin-top: 3em; }
    div.instalaciones .inst3 .img { height: 411px; }
    div.instalaciones .inst3 .img img{ max-width: 70%; margin: 0 auto; padding-top: 10em; }

    footer div.cont h1 { font-size: 50pt; }
    footer div.cont #datos { padding-top: 3em; }
    footer div.cont #datos i{ font-size: xx-large; }
    footer div.cont #datos span{ font-size: x-large; }
}
@media only screen and (min-width : 1536px) and (max-width: 1679px) {
    .hero { left: 40%; }
    .descHead { top: 90%; font-size: large; }
    #logoInd { max-width: 30%; margin: 0 auto; }

    div.servs div#cont { padding: 5em; }
    div.servs div#cont li { font-size: xx-large; }
    div.servs div#cont li span{ font-size: xx-large; }
    div.servs .atencion { padding: 5em;}
    div.servs .atencion h1 { font-size: xx-large; }
    div.servs .atencion span { font-size: larger; }
    div.servs .esp { padding: 5em; }
    div.servs .esp div#tit{ width: 40%; height: 45px; }
    div.servs .esp div#tit h1{ font-size: xx-large; }
    div.servs .esp .red { padding: .5em; width: 70%; }
    div.servs .esp .red span{ font-size: large;  }
    div.servs .esp .white {padding: .5em; width: 70%; }
    div.servs .esp .white span{ font-size: large; padding: .2em; }

    div.socios .tit{ background: #171b21; color: white; padding: 8em; }
    div.socios .tit h1{ font-size: 50pt; }
    div.socios #socios { padding: 6em; }
    div.socios #socios img{ max-width: 25%; margin: 0 auto; }
    div.socios #socios #soc span{ font-size: larger; }
    div.socios #socios #soc span b{ font-size: larger; }
    div.socios #socios #soc img{ max-width: 80%; }

    div.instalaciones .tit h1{ font-size: 50pt; }
    div.instalaciones .inst .txt{ height: 320px; line-height: 320px; font-size: x-large; }
    div.instalaciones .inst .img { padding: 5em; height: 285px; }
    div.instalaciones .inst .img img{ margin: 0 auto; max-width: 100%; padding: 3em 1em 0 0; }
    div.instalaciones .inst2 .txt{ height: 490px; line-height: 490px; font-size: x-large; }
    div.instalaciones .inst2 .img { height: 490px;}
    div.instalaciones .inst2 .img img{ height: 490px; width: 100%; }
    div.instalaciones .inst3 .logo { background: white; height: 461px; }
    div.instalaciones .inst3 .logo img{ max-width: 80%; padding: 4em; margin-top: 3em; }
    div.instalaciones .inst3 .img { height: 461px; }
    div.instalaciones .inst3 .img img{ max-width: 70%; margin: 0 auto; padding-top: 10em; }

    footer div.cont h1 { font-size: 50pt; }
    footer div.cont #datos { padding-top: 3em; }
    footer div.cont #datos i{ font-size: xx-large; }
    footer div.cont #datos span{ font-size: x-large; }
}
@media only screen and (min-width: 1680px) and (max-width: 1744px){
    .hero { left: 40%; }
    .descHead { top: 90%; font-size: large; }
    #logoInd { max-width: 30%; margin: 0 auto; }

    div.servs div#cont { padding: 5em; }
    div.servs div#cont li { font-size: xx-large; }
    div.servs div#cont li span{ font-size: xx-large; }
    div.servs .atencion { padding: 5em;}
    div.servs .atencion h1 { font-size: xx-large; }
    div.servs .atencion span { font-size: larger; }
    div.servs .esp { padding: 5em; }
    div.servs .esp div#tit{ width: 40%; height: 45px; }
    div.servs .esp div#tit h1{ font-size: xx-large; }
    div.servs .esp .red { padding: .5em; width: 70%; }
    div.servs .esp .red span{ font-size: large;  }
    div.servs .esp .white {padding: .5em; width: 70%; }
    div.servs .esp .white span{ font-size: large; padding: .2em; }

    div.socios .tit{ background: #171b21; color: white; padding: 8em; }
    div.socios .tit h1{ font-size: 50pt; }
    div.socios #socios { padding: 6em; }
    div.socios #socios img{ max-width: 25%; margin: 0 auto; }
    div.socios #socios #soc span{ font-size: larger; }
    div.socios #socios #soc span b{ font-size: larger; }
    div.socios #socios #soc img{ max-width: 80%; }

    div.instalaciones .tit h1{ font-size: 50pt; }
    div.instalaciones .inst .txt{ height: 349px; line-height: 349px; font-size: x-large; }
    div.instalaciones .inst .img { padding: 5em; height: 285px; }
    div.instalaciones .inst .img img{ margin: 0 auto; max-width: 100%; padding: 3em 1em 0 0; }
    div.instalaciones .inst2 .txt{ height: 531px; line-height: 531px; font-size: x-large; }
    div.instalaciones .inst2 .img { height: 531px;}
    div.instalaciones .inst2 .img img{ height: 531px; width: 100%; }
    div.instalaciones .inst3 .logo { background: white; height: 505px; }
    div.instalaciones .inst3 .logo img{ max-width: 80%; padding: 4em; margin-top: 3em; }
    div.instalaciones .inst3 .img { height: 505px; }
    div.instalaciones .inst3 .img img{ max-width: 70%; margin: 0 auto; padding-top: 10em; }

    footer div.cont h1 { font-size: 50pt; }
    footer div.cont #datos { padding-top: 3em; }
    footer div.cont #datos i{ font-size: xx-large; }
    footer div.cont #datos span{ font-size: x-large; }
}
@media only screen and (min-width : 1745px) and (max-width: 1919px) {
    .hero { left: 40%; }
    .descHead { top: 90%; font-size: large; }
    #logoInd { max-width: 30%; margin: 0 auto; }

    div.servs div#cont { padding: 5em; }
    div.servs div#cont li { font-size: xx-large; }
    div.servs div#cont li span{ font-size: xx-large; }
    div.servs .atencion { padding: 5em;}
    div.servs .atencion h1 { font-size: xx-large; }
    div.servs .atencion span { font-size: larger; }
    div.servs .esp { padding: 5em; }
    div.servs .esp div#tit{ width: 40%; height: 45px; }
    div.servs .esp div#tit h1{ font-size: xx-large; }
    div.servs .esp .red { padding: .5em; width: 70%; }
    div.servs .esp .red span{ font-size: large;  }
    div.servs .esp .white {padding: .5em; width: 70%; }
    div.servs .esp .white span{ font-size: large; padding: .2em; }

    div.socios .tit{ background: #171b21; color: white; padding: 8em; }
    div.socios .tit h1{ font-size: 50pt; }
    div.socios #socios { padding: 6em; }
    div.socios #socios img{ max-width: 25%; margin: 0 auto; }
    div.socios #socios #soc span{ font-size: larger; }
    div.socios #socios #soc span b{ font-size: larger; }
    div.socios #socios #soc img{ max-width: 80%; }

    div.instalaciones .tit h1{ font-size: 50pt; }
    div.instalaciones .inst .txt{ height: 363px; line-height: 363px; font-size: x-large; }
    div.instalaciones .inst .img { padding: 5em; height: 285px; }
    div.instalaciones .inst .img img{ margin: 0 auto; max-width: 100%; padding: 3em 1em 0 0; }
    div.instalaciones .inst2 .txt{ height: 551px; line-height: 551px; font-size: x-large; }
    div.instalaciones .inst2 .img { height: 551px;}
    div.instalaciones .inst2 .img img{ height: 551px; width: 100%; }
    div.instalaciones .inst3 .logo { background: white; height: 524px; }
    div.instalaciones .inst3 .logo img{ max-width: 80%; padding: 4em; margin-top: 3em; }
    div.instalaciones .inst3 .img { height: 524px; }
    div.instalaciones .inst3 .img img{ max-width: 70%; margin: 0 auto; padding-top: 10em; }

    footer div.cont h1 { font-size: 50pt; }
    footer div.cont #datos { padding-top: 3em; }
    footer div.cont #datos i{ font-size: xx-large; }
    footer div.cont #datos span{ font-size: x-large; }
}
@media only screen and (min-width : 1920px) and (max-width: 2132px) {
    .hero { left: 40%; }
    .descHead { top: 90%; font-size: large; }
    #logoInd { max-width: 30%; margin: 0 auto; }

    div.servs div#cont { padding: 5em; }
    div.servs div#cont li { font-size: xx-large; }
    div.servs div#cont li span{ font-size: xx-large; }
    div.servs .atencion { padding: 5em;}
    div.servs .atencion h1 { font-size: xx-large; }
    div.servs .atencion span { font-size: larger; }
    div.servs .esp { padding: 5em; }
    div.servs .esp div#tit{ width: 40%; height: 45px; }
    div.servs .esp div#tit h1{ font-size: xx-large; }
    div.servs .esp .red { padding: .5em; width: 70%; }
    div.servs .esp .red span{ font-size: large;  }
    div.servs .esp .white {padding: .5em; width: 70%; }
    div.servs .esp .white span{ font-size: large; padding: .2em; }

    div.socios .tit{ background: #171b21; color: white; padding: 8em; }
    div.socios .tit h1{ font-size: 50pt; }
    div.socios #socios { padding: 6em; }
    div.socios #socios img{ max-width: 25%; margin: 0 auto; }
    div.socios #socios #soc span{ font-size: larger; }
    div.socios #socios #soc span b{ font-size: larger; }
    div.socios #socios #soc img{ max-width: 80%; }

    div.instalaciones .tit h1{ font-size: 50pt; }
    div.instalaciones .inst .txt{ height: 394px; line-height: 394px; font-size: x-large; }
    div.instalaciones .inst .img { padding: 5em; height: 394px; }
    div.instalaciones .inst .img img{ margin: 0 auto; max-width: 100%; padding: 3em 1em 0 0; }
    div.instalaciones .inst2 .txt{ height: 606px; line-height: 606px; font-size: x-large; }
    div.instalaciones .inst2 .img { height: 606px;}
    div.instalaciones .inst2 .img img{ height: 606px; width: 100%; }
    div.instalaciones .inst3 .logo { background: white; height: 575px; }
    div.instalaciones .inst3 .logo img{ max-width: 80%; padding: 4em; margin-top: 3em; }
    div.instalaciones .inst3 .img { height: 575px; }
    div.instalaciones .inst3 .img img{ max-width: 70%; margin: 0 auto; padding-top: 10em; }

    footer div.cont h1 { font-size: 50pt; }
    footer div.cont #datos { padding-top: 3em; }
    footer div.cont #datos i{ font-size: xx-large; }
    footer div.cont #datos span{ font-size: x-large; }
}