@font-face {
    font-family: 'Trim';
    src: url('../fonts/TrimWebLight.eot');
    src: url('../fonts/TrimWebLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TrimWebLight.woff2') format('woff2'),
        url('../fonts/TrimWebLight.woff') format('woff'),
        url('../fonts/TrimWebLight.ttf') format('truetype'),
        url('../fonts/TrimWebLight.svg#TrimWebLight') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Trim';
    src: url('../fonts/TrimWebMedium.eot');
    src: url('../fonts/TrimWebMedium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TrimWebMedium.woff2') format('woff2'),
        url('../fonts/TrimWebMedium.woff') format('woff'),
        url('../fonts/TrimWebMedium.ttf') format('truetype'),
        url('../fonts/TrimWebMedium.svg#TrimWebMedium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Haet';
    src: url('../fonts/Haettenschweiler.eot');
    src: url('../fonts/Haettenschweiler.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Haettenschweiler.woff2') format('woff2'),
        url('../fonts/Haettenschweiler.woff') format('woff'),
        url('../fonts/Haettenschweiler.ttf') format('truetype'),
        url('../fonts/Haettenschweiler.svg#Haettenschweiler') format('svg');
    font-weight: 500;
    font-style: normal;
}


#page,
a, a i{
    -webkit-transition: .5s
}

#indice-footer .indice-footer-links li a,
#indice-products .arrow-thumb a:active,
#indice-products .arrow-thumb a:focus,
#indice-products .arrow-thumb a:hover {
    text-decoration: none
}

#indice-offcanvas ul li.offcanvas-has-dropdown>a:after,
.indice-contact-info ul li:before {
    speak: none;
    font-style: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}


body {    
    font-weight: 300;
    font-size: 16px;
    line-height: 1.7;
    color: #777;
    background: #FFFEF9; padding-top:63px; font-family:'Trim',Verdana, Geneva, sans-serif
}
	body.withmenu{ padding-top:156px}
	
#page {
    position: relative;
    overflow-x: hidden;
    width: 100%;
    height: 100%;
    -o-transition: .5s;
    transition: .5s
}

.offcanvas #page:after {
    -webkit-transition: 2s;
    -o-transition: 2s;
    transition: 2s;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 101;
    background: rgba(0, 0, 0, .7);
    content: ""
}

.indice-nav,
a {
    -o-transition: .5s
}

a {
    color: #989595; text-decoration:underline;
    transition: .5s
}

a:active,
a:focus,
a:hover {
    color: #2F4E4D;
    outline: 0;
    text-decoration: none
}

p {
    margin-bottom: 20px
}

figure,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
    font-weight: 400;
    margin: 0 0 20px
}

::-webkit-selection {
    color: #fff;
    background: #2F7DE1
}

::-moz-selection {
    color: #fff;
    background: #2F7DE1
}

::selection {
    color: #fff;
    background: #2F7DE1
}

.indice-container {
    max-width: 1000px;
    position: relative;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px
}

.indice-nav,
.indice-nav.active {
    padding: 0px;
    top: 0
}
.indice-nav.active,.secondary .indice-nav{/*box-shadow:0px 0px 2px rgba(0,0,0,0.2)*/ border-bottom: 1px solid #000}

.indice-nav .indice-container{ margin-top:12.5px; margin-bottom:12.5px}

.indice-nav {
    position: fixed;
    margin: 0;
    width: 100%;
    z-index: 1001;
    background-color: #FFFEF9;
    -webkit-transition: .5s;
    transition: .5s
}
#indice-logo{ line-height:38px; height:38px}
.indice-nav #indice-logo img,
.indice-nav.active #indice-logo img {
    height: 38px;
    margin-top: 0px;
    margin-bottom: 0px
}

.logo-nav {
    padding-left: 0!important;
    margin-left: 0!important
}

.indice-nav.active .menu-1.main-nav {
    
}

.indice-nav .menu-1.main-nav {
    margin-top: 0px;
    margin-right: 0!important;
    padding-right: 0!important;
	height:23px
}

@media screen and (min-width:768px) {
    .indice-container {
        width: 738px
    }
}

@media (min-width:992px) {
    .indice-container {
        width: 962px
    }
}

@media (min-width:1100px) {
    .indice-container {
        width: 1070px;
        max-width: 1070px
    }
}

@media (min-width:1130px) {
    .indice-container {
        width: 1100px;
        max-width: 1100px
    }
}

.indice-container .row {
    margin-left: 0;
    margin-right: 0
}
ç
/*ends reset*/


.indice-nav #indice-logo {
    
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-weight: 700; height:38px; line-height:38px
}

.indice-nav #indice-logo em {
    color: #CF0C1E
}

@media screen and (max-width:767px) {
    .indice-nav .menu-1,
    .indice-nav .menu-2 {
        display: none
    }
}

.indice-nav ul {
    padding: 0;
    margin: 0; margin-top: 4px
}

.indice-nav ul li {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline
}

.indice-nav ul li a {
    font-size: 14px;
    padding: 0px 15px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    font-weight: normal;        
    color: #000; text-decoration:none; text-transform:uppercase
}
.js-gotop{ text-decoration:none; color:#000; font-size:40px; font-weight:100; line-height:40px}

.indice-nav ul li a:active,
.indice-nav ul li a:focus,
.indice-nav ul li a:hover,.indice-nav ul li a.selected {
    color: #E74900
}

.indice-nav ul li.has-dropdown {
    position: relative
}

.indice-nav ul li.has-dropdown .dropdown {
    width: 130px;
    -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .15);
    z-index: 1002;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 40px;
    left: 0;
    text-align: left;
    background: #fff;
    padding: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s
}

.indice-nav ul li.has-dropdown .dropdown:before {
    bottom: 100%;
    left: 40px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: -8px
}

.indice-nav ul li.has-dropdown .dropdown li {
    display: block;
    margin-bottom: 7px
}

.indice-nav ul li.has-dropdown .dropdown li:last-child {
    margin-bottom: 0
}

.indice-nav ul li.has-dropdown .dropdown li a {
    padding: 2px 0;
    display: block;
    color: #999;
    line-height: 1.2;
    text-transform: none;
    font-size: 15px
}

.indice-nav ul li.has-dropdown .dropdown li a:hover {
    color: #000
}

.indice-nav ul li.has-dropdown .dropdown li.active>a {
    color: #000!important
}

.indice-nav ul li.btn-cta a,
.indice-nav ul li.has-dropdown:focus a,
.indice-nav ul li.has-dropdown:hover a {
    color: #fff
}

.indice-nav ul li.btn-cta a span {
    border: none!important;
    background: #CF0C1E;
    padding: 4px 20px;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

.indice-nav ul li.btn-cta a:hover span {
    background: #ff6540;
    color: #fff
}

#indice-header .indice-video-link a {
    color: rgba(255, 255, 255, .5)
}

#indice-header .indice-video-link a i {
    font-size: 18px;
    top: 2px;
    position: relative;
    color: #fff;
    height: 25px;
    width: 25px;
    line-height: 25px;
    padding-left: 3px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, .2);
    margin-right: 5px;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

#indice-header .indice-video-link a:hover {
    color: #fff
}

#indice-header .indice-video-link a:hover i {
    border: 1px solid #fff
}

@media screen and (max-width:480px) {
    #indice-header .text-left {
        text-align: center!important
    }
    #indice-header .btn {
        display: block;
        width: 100%
    }
}

#indice-counter,
#indice-header,
.indice-bg {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative
}

.indice-bg {
    background-position: center center;
    width: 100%;
    float: left;
    position: relative
}

.indice-video {
    height: 450px;
    overflow: hidden;
    margin-bottom: 30px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    border-radius: 7px
}

.indice-video.indice-video-sm {
    height: 250px
}

.indice-video a {
    z-index: 1001;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -45px;
    margin-left: -45px;
    width: 90px;
    height: 90px;
    display: table;
    text-align: center;
    background: #fff;
    -webkit-box-shadow: 0 14px 30px -15px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 14px 30px -15px rgba(0, 0, 0, .75);
    box-shadow: 0 14px 30px -15px rgba(0, 0, 0, .75);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.indice-video a i {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    font-size: 40px
}

.indice-video .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.indice-video:hover .overlay {
    background: rgba(0, 0, 0, .7)
}

.indice-video:hover a {
    position: relative;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}

.indice-cover {
    height: 900px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    float: left;
    width: 100%
}

.indice-cover a {
    color: #CF0C1E
}

.indice-cover a:hover {
    color: #fff
}

.indice-cover .overlay {
    z-index: 1;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .6);
    display: none
}

.indice-cover>.indice-container {
    position: relative;
    z-index: 10
}

@media screen and (max-width:768px) {
    .indice-cover {
        height: 600px
    }
}

.indice-cover .display-t,
.indice-cover .display-tc {
    height: 900px;
    display: table;
    width: 100%
}

.indice-cover.indice-cover-sm {
    height: 600px
}

@media screen and (max-width:768px) {
    .indice-cover .display-t,
    .indice-cover .display-tc {
        height: 600px
    }
    .indice-cover.indice-cover-sm {
        height: 400px
    }
}

.indice-cover.indice-cover-sm .display-t,
.indice-cover.indice-cover-sm .display-tc {
    height: 600px;
    display: table;
    width: 100%
}

@media screen and (max-width:768px) {
    .indice-cover.indice-cover-sm .display-t,
    .indice-cover.indice-cover-sm .display-tc {
        height: 400px
    }
}

.indice-cover.indice-cover-xs {
    height: auto;
    padding-bottom: 2em
}

@media screen and (max-width:768px) {
    .indice-cover.indice-cover-xs {
        height: inherit!important;
        padding: 3em 0
    }
}

.indice-cover.indice-cover-xs .display-t,
.indice-cover.indice-cover-xs .display-tc {
    height: 470px;
    display: table;
    width: 100%
}

@media screen and (max-width:768px) {
    .indice-cover.indice-cover-xs .display-t,
    .indice-cover.indice-cover-xs .display-tc {
        padding: 3em 0;
        height: inherit!important
    }
}

.indice-cover.indice-cover-xxs {
    padding: 3em 0
}

.indice-cover .btn-primary {
    color: #fff!important
}

#indice-counter .feature-center {
    background: #fff;
    padding: 30px;
    margin-bottom: 30px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .08);
    -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .08);
    -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .08)
}

.indice-staff {
    text-align: center;
    margin-bottom: 7em;
    float: left;
    width: 100%
}

@media screen and (max-width:768px) {
    .indice-staff {
        margin-bottom: 3em
    }
}

.indice-staff img {
    width: 100px;
    margin-bottom: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.indice-staff h3 {
    font-size: 24px;
    margin-bottom: 5px
}

.indice-staff p {
    margin-bottom: 30px
}

.indice-staff .role {
    color: #bfbfbf;
    margin-bottom: 30px;
    font-weight: 400;
    display: block
}

.indice-social-icons {
    margin: 0;
    padding: 0
}

.indice-social-icons li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1
}

.indice-social-icons li a {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    color: #CF0C1E;
    padding-left: 10px;
    padding-right: 10px
}

.indice-social-icons li a i {
    font-size: 20px
}



#indice-footer .indice-footer-links {
    padding: 0;
    margin: 0 0 20px;
    float: left;
    width: 100%
}

#indice-footer .indice-footer-links li {
    padding: 0;
    margin: 0 0 15px;
    list-style: none;
    line-height: 1
}

#indice-footer .indice-footer-links li a:hover {
    text-decoration: underline
}

#indice-footer .indice-widget {
    margin-bottom: 30px
}

#indice-footer .indice-widget h3 {
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 2px;
    text-transform: uppercase
}

#indice-footer .indice-widget .indice-quick-contact {
    padding: 0;
    margin: 0
}

#indice-footer .indice-widget .indice-quick-contact li {
    padding: 0;
    margin: 0 0 10px;
    list-style: none
}

#indice-footer .indice-widget .indice-quick-contact li i {
    width: 30px;
    float: left;
    font-size: 18px;
    position: relative;
    margin-top: 4px;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1
}


#indice-footer {
    padding: 56px 0 
}

#indice-footer strong {
    font-weight: 400;
    color: #2F7DE1
}

#indice-footer .copyright .block {
    display: block
}
#indice-footer a{color:#FFFEF9; text-decoration: none; width: 100%; float: left}
    #indice-footer a.redes{ width: auto }
    #indice-footer a:hover{ text-decoration: underline;color:#fff; }
#indice-footer small {
    font-size: 11px;
    line-height: 12px;
    color: #FFFEF9
}
#indice-footer small b{ text-transform: uppercase; font-weight: normal; margin-bottom: 10px; float: left; width: 100% }

#indice-footer h1 {
    font-size: 26px;
    line-height: 23px;
    color: #2F7DE1
}

#indice-footer .col-sm-6 {
    padding-left: 0;
    padding-right: 0
}

#indice-footer .col-sm-6.rights {
    padding-right: 0
}

.blockimg img {
    width: 100%;
    max-width: 58px
}
.copyright img{ margin-bottom: 10px }
    .copyright .redes img{ margin-bottom: 0px }
@media screen and (max-width:767px) {
    footer .col-xs-6{ min-height: 80px }
    footer .col-xs-6:nth-child(4),footer .col-xs-6:nth-child(5){ min-height: auto }
}
@media screen and (max-width:680px) {
.copyright .col-md-4{ width:50%}
	.copyright .text-center{ width:40%; padding-left:0px; padding-right:0px}
	.copyright .text-right{ width:10%}
}

@media screen and (max-width:485px) {
	.copyright .col-md-4{ width:80%}
	.copyright .text-center{ padding-left:15px; padding-right:15px}
	#indice-footer .block p{ margin-top:10px!important; text-align:left}
	.copyright .text-right{ width:10%; margin-top:-55px; padding-right:0px}
	.js-gotop{ margin-top:0px}
}

@media screen and (max-width:991px) {
	
    #indice-footer .col-sm-6 {
        height: 90px
    }
    a.linked img {
        position: absolute;
        left: 150px;
        top: 25px
    }
}

@media screen and (max-width:479px) {
    #indice-footer .col-sm-6 {
        width: 100%;
        height: auto
    }
    .blockimg {
        margin-bottom: 20px
    }
    a.linked img {
        position: inherit
    }
}

#indice-offcanvas {
    position: absolute;
    position: fixed;
    z-index: 1901;
    width: 100%;
    background: rgba(0,0,0,0.95);
    right: 0;
    top: 0;
    bottom: 0;
    padding: 45px 40px 40px;
    overflow-y: auto;
    display: none;
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

@media screen and (max-width:991px) {
    #indice-offcanvas {
        display: block
    }
}

.offcanvas #indice-offcanvas {
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); text-align:left
}
.offcanvas #indice-offcanvas img{ float:left;}

#indice-offcanvas a {
    color: #fff; text-transform:uppercase; font-size:25px; letter-spacing:.5px; line-height:100px; text-decoration:none;
    text-align: center; width: 100%; float: left;
}

#indice-offcanvas a:hover {
    color: #E74900
}

#indice-offcanvas ul {
    padding: 0;
    margin: 0
}

#indice-offcanvas ul li {
    padding: 0;
    margin: 0;
    list-style: none
}

#indice-offcanvas ul li>ul {
    padding-left: 20px;
    display: none
}

#indice-offcanvas ul li.offcanvas-has-dropdown>a {
    display: block;
    position: relative
}



#indice-offcanvas ul li.offcanvas-has-dropdown.active a:after {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.uppercase {
    font-size: 14px;
    color: #000;
    margin-bottom: 10px;
    font-weight: 700;
    text-transform: uppercase
}

.gototop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.gototop.active {
    opacity: 1;
    visibility: visible
}

.gototop a {
    width: 50px;
    height: 50px;
    display: table;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding-top: 12px
}

.gototop a i {
    height: 50px;
    display: table-cell;
    vertical-align: middle
}

.gototop a:active,
.gototop a:focus,
.gototop a:hover {
    text-decoration: none;
    outline: 0
}

.indice-nav-toggle:active,
.indice-nav-toggle:focus,
.indice-nav-toggle:hover {
    outline: 0;
    border-bottom: none!important
}

.indice-nav-toggle:active i {
    color: #fff!important
}

.indice-nav-toggle.active i::after,
.indice-nav-toggle.active i::before {
    background: #fff
}

.indice-nav-toggle i {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 2px;
    color: #252525;
    font: 700 14px/.4 Helvetica;
    text-transform: uppercase;
    text-indent: -55px;
    background: #252525;
    transition: all .2s ease-out
}



.indice-nav-toggle i::after,
.indice-nav-toggle i::before {
    content: '';
    width: 25px;
    height: 2px;
    background: #252525;
    position: absolute;
    left: 0;
    transition: all .2s ease-out
}

.indice-nav-toggle.indice-nav-white>i {
    color: #fff;
    background: #fff
}

.indice-nav-toggle.indice-nav-white>i::after,
.indice-nav-toggle.indice-nav-white>i::before {
    background: #fff
}

.indice-nav-toggle i::before {
    top: -7px
}

.indice-nav-toggle i::after {
    bottom: -7px
}

.indice-nav-toggle:hover i::before {
    top: -10px
}

.indice-nav-toggle:hover i::after {
    bottom: -10px
}

.indice-nav-toggle.active i {
    background: 0 0
}

.indice-nav-toggle.active i::before {
    top: 0;
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    transform: rotateZ(45deg)
}

.indice-nav-toggle.active i::after {
    bottom: 0;
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    -ms-transform: rotateZ(-45deg);
    -o-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg)
}

.indice-nav-toggle {
    cursor: pointer;
    text-decoration: none;
    position: fixed;
    right: 6px;
    top: 6px;
    padding: 6px 0 0;
    margin: 0 auto;
    display: none;
    height: 44px;
    width: 44px;
    z-index: 2001;
    border-bottom: none!important
}




@media screen and (max-width:767px) {
    .indice-nav-toggle {
        display: block
    }
}

.row-pb-md {
    padding-bottom: 4em!important
}

.row-pb-sm {
    padding-bottom: 2em!important
}

.indice-loader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../images/loader.svg) center no-repeat #fff
}

.js .animate-box {
    opacity: 0
}



#indice-offcanvas .indice-social li,
.w100 {
    width: 100%
}


.indice-section-overflow {
    overflow: hidden;
    position: relative
}


.w100 {
    background: #f5f5f5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    height: 50px
}

.menu-1.main-nav {
    margin-top: 15px
}

.main-ul {
    float: right
}

#indice-offcanvas .main-ul {
    margin-right: 0!important;
    float: left; margin-top:40px; width:100%
}

#indice-offcanvas .indice-social {
    float: left
}

#indice-offcanvas .indice-social li a {
    padding: 0!important
}

#indice-offcanvas .indice-social li a:hover {
    color: #fff!important
}

section {
    display: block
}
.indice-section{ padding:4em 0}


.redes{ margin-right:8px; float:left}
#indice-footer{ float:left; width:100%; background: #0D1619}
#indice-footer .copyright .block span{ float:left; width:100%; margin-top:0px}
#indice-footer .block p{ margin-top:73px}
.js-gotop{ margin-top:35px; float:right; font-family:Verdana, Geneva, sans-serif}
.mapacontainer{ width:100%; float:left; height:360px; overflow:hidden}
#map
{
   width: 100%; float: left; height: 400px
}
/*contacto*/
#indice-contacto{ padding-top:0em}
#indice-contacto .col-sm-6{ padding-left:0px; padding-right:0px}
#indice-contacto .row{	border-top: 1px solid #979797; padding-top:4em}
#indice-contacto h1{ text-transform:uppercase; color:#DEDEDE; font-size:35px; font-weight:normal}
#indice-contacto p{ font-size:24px; color:#000; font-weight:300; margin-bottom:0px; line-height:32px}

@media screen and (max-width:991px) {
	#indice-contacto p{ font-size:23px}
}

.group{ 
  position:relative; 
  margin-bottom:0px; 
  margin-top:45px
}
	#indice-contacto .group.col-sm-6{ padding-left:0px; padding-right:25px}

@media screen and (max-width:680px) {
	.group.col-xs-6{ width:100%; margin-top:45px}
	.group.col-xs-6:first-child{ margin-bottom:20px}
	#indice-contacto p{ font-size:21px}
}

input 				{
  font-size:18px;
  padding:10px 10px 10px 5px;
  display:block;
  width:100%;
  border:none;
  border-bottom:1px solid #757575; background:transparent
}
input:focus { outline:none; border-bottom:1px solid #C0B892}

input::placeholder,textarea::placeholder{color:#acaaaa}
input:focus::placeholder,textarea:focus::placeholder{color:#eee}

/* LABEL ======================================= */
label 				 {
  color:#999; 
  font-size:18px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:5px;
  top:10px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}

/* active state */
input:focus ~ label, input:valid ~ label, input.valid ~ label{
  top:-20px;
  font-size:14px;
  color:#C0B892;
}
.below{ position:absolute; left:5px; top:55px; font-size:14px; color:#000}
/* BOTTOM BARS ================================= */
.bar 	{ position:relative; display:block; width:100%; }
.bar:before, .bar:after{
  content:'';
  height:2px; 
  width:0;
  bottom:1px; 
  position:absolute;
  background:#C0B892; 
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.bar:before {
  left:50%;
}
.bar:after {
  right:50%; 
}

/* active state */
input:focus ~ .bar:before, input:focus ~ .bar:after {
  width:50%;
}



#phone,#mail{color:transparent}
#phone:focus,#phone:valid,#mail:focus,#mail:valid{color:#777!important}

/* HIGHLIGHTER ================================== */
.highlight {
  position:absolute;
  height:60%; 
  width:100px; 
  top:25%; 
  left:0;
  pointer-events:none;
  opacity:0.5;
}

/* active state */
input:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
	from { background:#C0B892; }
  to 	{ width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
	from { background:#C0B892; }
  to 	{ width:0; background:transparent; }
}
@keyframes inputHighlighter {
	from { background:#C0B892; }
  to 	{ width:0; background:transparent; }
}


#indice-contacto .btn {
  position: relative;
  display: block;
  padding: 0;
  overflow: hidden;
  border-width: 0;
  outline: none;
  border-radius: 0px!important;
  box-shadow: 0 4px 6px rgba(0, 0, 0, .2);
  background-color: #C0B892;
  color: #fff;
  transition: background-color .3s; width:100%; margin-top:5em
}


#indice-contacto .btn > * {
  position: relative;
}

#indice-contacto .btn span {
  display: block;
  padding: 12px 24px; border-radius:0px!important; font-size:20px
}

#indice-contacto .btn:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 0;
  padding-top: 0;
  border-radius: 0%;
  background-color: rgba(236, 240, 241, .3);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);border-radius:0px!important
}

#indice-contacto .btn:active:before {
  width: 120%;
  padding-top: 120%;
  transition: width .2s ease-out, padding-top .2s ease-out;
}

#indice-contacto .btn:hover, #indice-contacto .btn:focus {
  background-color: #A9A17F;
}

/*home*/
	#indice-home .indice-container .row{ margin-left:-15px; margin-right:-15px}
	.firstblock,.secondblock, .colaborablock,.serviciosblock,.introperfil,.nosotrosblock,.bigblock{ width:100%; float:left}
		.secondblock{ margin-bottom:-30px}
		.firstblock span,.secondblock span,.colaborablock span,.bigblock span{float:left; width:100%; overflow:hidden; /*background-size:cover;*/ position:relative;
		-webkit-filter: grayscale(100%);  filter: grayscale(100%); background-repeat:no-repeat}
			.firstblock a i,.secondblock a i{ position:absolute; left:0px; top:0px; width:100%; background:rgba(234,218,135,0.8); height:100%; color:#fff; font-style:normal; font-size:18px; text-transform:uppercase; opacity:0;
			padding-left:20px; padding-right:20px; padding-top:20px; font-weight:normal}
			
			
			.colaborablock .col-md-3 i{ height:50px; line-height:50px; position:absolute; bottom:0px; width:100%; color:#000; padding:0px; left:0px; background:#f7f7f7; font-style:normal; font-size:18px}
				.firstblock a:hover i,.secondblock a:hover i{ opacity:1}
				.firstblock a:hover span,.secondblock a:hover span,.colaborablock span{-webkit-filter: grayscale(0%);  filter: grayscale(0%);}
			.firstblock span img,.secondblock span img,.colaborablock span img{ width:100%}
			
			.firstblock .col-sm-3 a:last-child span{ margin-top:30px}
				.firstblock .col-sm-3 span{ padding-left:0px; padding-right:0px}				
								
			@media screen and (max-width:767px) {
				#indice-contacto .row{ margin-left:15px; margin-right:15px}
				#indice-home .indice-container .row{ margin-left:0px; margin-right:0px}
				.indice-section{ padding:30px 0}				
				
				#indice-contacto .group.col-sm-6{ padding-right:0px}				
				/*.firstblock .col-xs-6{float:left; width:50%; padding-left:0px; padding-right:0px}
					.firstblock .col-sm-3:first-child .col-xs-6{ margin-bottom:30px; margin-top:0px}
					.firstblock .col-sm-3:last-child .col-xs-6{ margin-bottom:0px; margin-top:30px}
					.firstblock .col-sm-3 .col-xs-6:first-child{ padding-right:15px}
					.firstblock .col-sm-3 .col-xs-6:last-child{ padding-left:15px}*/
					.firstblock .col-sm-3:first-child .col-xs-6{ margin-bottom:30px; margin-top:0px}
					.firstblock .col-sm-3:last-child .col-xs-6{ margin-bottom:0px; margin-top:30px}
					
			}
			
			#projects .firstblock,#colaboradores .firstblock,#equipo .firstblock{ margin-bottom:30px}
			#projects span,#colaboradores span,#equipo span,.openedproject span,.bigblock span{-webkit-filter: grayscale(0%);  filter: grayscale(0%);}
				.openedproject a:hover i{ display:none}
				.openedproject .firstblock a:hover{ cursor:default}
			
			#projects a i b{ position: absolute; left: 10px; bottom:10px; font-size: 21px; line-height: 23px; text-transform: uppercase; font-weight: 500 }
            #projects a i k{ position: absolute; left: 10px; top:10px; font-size: 13px; line-height: 14px; text-transform: uppercase; font-weight: 300}

            #projects a span{background-size: cover; background-position: center center; background-color: rgb(240, 240, 240)}

			#projects a i{ background:rgba(0,0,0,0.6)}
			#projects a:hover i{ background:rgba(231,73,0,0.65)!important; opacity: 1!important}

                #projects a.active,#proyecto #projects a { opacity: 1;
				/*
                    -webkit-filter: grayscale(0);
  filter: none; 
  filter: grayscale(0); */}
                #projects a{ opacity: 0.2;
               /* -webkit-filter: grayscale(1);
  filter: gray; 
  filter: grayscale(1);  */}
			 
                @media screen and (max-width:767px) {
                    #projects a{ display: none }
                    #projects a.active,#proyecto #projects a{ display: block}

                }
                
                #projects table{ float: left;width: 100%; margin-top: 30px;border-bottom:1px solid #000 } 
                     #projects table tr td{border-top:1px solid #000;color:#000; text-transform: uppercase; font-size: 12px; line-height: 28px}               
                     #proyecto .title span{ font-size: 14px; line-height: 16px; float: left;color:#000; width: 100%; margin-top: 20px }

                     .arrows{ position: relative; float: left;width: 100%; margin-bottom: 40px}
                     .proyecto-anterior{position: absolute; top:0px; left: 0px; text-decoration: none; text-transform: uppercase; padding-left: 30px;
                        max-width: 170px}
                         .proyecto-anterior:before{ position: absolute; left: 15px; top: 0px; background:url(../images/icono_regresar_proyectos.png);
                            width: 8px; height: 19px; content: ""}
                        .proyecto-anterior em{color:#000; font-size: 13px; line-height: 10px; display: block; font-style: normal;}
                        .proyecto-anterior b{color:#000; font-size: 14px; line-height: 14px; font-weight: 500; display: block;}

                      .proyecto-siguiente{position: absolute; top:0px; right: 0px; text-decoration: none; text-transform: uppercase; padding-right: 30px;
                        max-width: 170px; text-align: right;}
                         .proyecto-siguiente:before{ position: absolute; right: 15px; top: 0px; background:url(../images/icono_regresar_proyectos.png);
                            width: 8px; height: 19px; content: ""; transform: rotate(-180deg);}
                        .proyecto-siguiente em{color:#000; font-size: 13px; line-height: 10px; display: block; font-style: normal;}
                        .proyecto-siguiente b{color:#000; font-size: 14px; line-height: 14px; font-weight: 500; display: block;}

                       .proyecto-siguiente:hover b,.proyecto-anterior:hover b{ color:#E74900; } 

                       .regresa-proyectos{ width: 108px; position: absolute; left: 50%; margin-left: -54px; height: 40px; border:2px solid #000;
                       text-align: center; font-weight: 500; text-transform: uppercase; color:#000; line-height: 14px; text-decoration: none;
                       font-size: 13px; padding-top: 5px}
                        .regresa-proyectos:hover{ background:#000;color:#fff; }

                       @media screen and (max-width:767px) {
                        .arrows{ padding-bottom: 100px }
                        .regresa-proyectos{ width: 100%; left: 0px; margin-left: 0px; line-height: 30px; top:0px;}
                        .proyecto-siguiente,.proyecto-anterior{top: 60px; max-width: 140px}
                       } 

			#colaboradores a i{ background:rgba(121,203,252,0.6)}
			#equipo a i{ background:rgba(252,159,117,0.6)}
			#equipo a.active i{ opacity:1}
			#equipo .col-sm-6:last-child span{ margin-bottom:0px}
			.colaborablock,.serviciosblock,.introperfil,.nosotrosblock{border-top:1px solid #979797; padding-top:4em; margin-left:15px; margin-right:15px; width:calc(100% - 30px)}
				
				#list4projects{ border-top:0px none; padding-top:0em}					
			
				.introperfil{ padding-bottom:4em}
				.colaborablock h1,.serviciosblock h1,.introperfil h1,.nosotrosblock h1{text-transform: uppercase;
				color: #DEDEDE;
				font-size: 35px;
				font-weight: normal; margin-bottom:50px; float:left; width:100%}
				.serviciosblock p{ font-size:24px; line-height:43px; font-weight:normal; text-transform:uppercase; color:#A8A6A6}
					.serviciosblock p a{color:#C0B892; text-decoration:none; cursor:pointer}
						.serviciosblock p a:hover{ text-decoration:underline}
				.introperfil p{ font-size:15px; line-height:27px; color:#666565; margin-left:20px}
				.introperfil h2{color:#243D3C; text-transform:uppercase; font-size:16px; line-height:25px; font-weight:normal; float:left; margin-left:40px; margin-top:15px}
			 .colaborablock a:first-of-type .col-md-3{ margin-left:0px!important}
												  .colaborablock a:last-of-type .col-md-3{ margin-right:0px!important}
					.bigblock div span{ width:100%; height:100%}
			@media screen and (min-width:1130px) {.firstblock .col-sm-3 span{ width:100%; height:245px} .firstblock .col-sm-6 span{ width:100%; height:520px}
												  .secondblock .col-sm-6 span.col-sm-6{ width:50%; height:245px} .secondblock .col-sm-6 span{ width:100%; height:520px}												  
												  .secondblock .col-sm-6 span.col-sm-6:first-of-type{ margin-right:15px; width:calc(50% - 15px); margin-bottom:30px}
												  .secondblock .col-sm-6 a:last-child span.col-sm-6{ margin-left:15px; width:calc(50% - 15px); margin-bottom:30px; margin-right:0px}
												  .secondblock .col-sm-6 a span.col-sm-12{ width:100%; height:245px; margin-top:0px; margin-bottom:30px}												  
												  .colaborablock .col-md-3 { width:245px; height:285px; margin-left:15px; margin-right:15px}
												  												  
												  .bigblock .col-sm-12{ height:630px; margin-bottom:30px}
												  .bigblock .col-sm-4,.bigblock .col-sm-8{  height:440px; margin-bottom:30px}
												  }
			@media only screen and (max-width:1129px) and (min-width:1100px) {.firstblock .col-sm-3 span{ width:100%; height:237.5px} .firstblock .col-sm-6 span{ width:100%; height:505px}
												 .secondblock .col-sm-6 span.col-sm-6{ width:50%; height:237.5px} .secondblock .col-sm-6 span{ width:100%; height:505px}												  
												 .secondblock .col-sm-6 span.col-sm-6:first-of-type{ margin-right:15px; width:calc(50% - 15px); margin-bottom:30px}
												 .secondblock .col-sm-6 a:last-child span.col-sm-6{ margin-left:15px; width:calc(50% - 15px); margin-bottom:30px; margin-right:0px}
												 .secondblock .col-sm-6 a span.col-sm-12{ width:100%; height:237.5px; margin-top:0px; margin-bottom:30px}
												 .colaborablock .col-md-3 { width:237.5px; height:277.5px; margin-left:15px; margin-right:15px}												
												
												  .bigblock .col-sm-12{ height:600px; margin-bottom:30px}
												  .bigblock .col-sm-4,.bigblock .col-sm-8{  height:400px; margin-bottom:30px}
													
												 }
			@media only screen and (max-width:1099px) and (min-width:992px) {.firstblock .col-sm-3 span{ width:100%; height:210.5px} .firstblock .col-sm-6 span{ width:100%; height:451px}
												.secondblock .col-sm-6 span.col-sm-6{ width:50%; height:210.5px} .secondblock .col-sm-6 span{ width:100%; height:451px}												  
												 .secondblock .col-sm-6 span.col-sm-6:first-of-type{ margin-right:15px; width:calc(50% - 15px); margin-bottom:30px}
												 .secondblock .col-sm-6 a:last-child span.col-sm-6{ margin-left:15px; width:calc(50% - 15px); margin-bottom:30px; margin-right:0px}
												 .secondblock .col-sm-6 a span.col-sm-12{ width:100%; height:210.5px; margin-top:0px; margin-bottom:30px}
												 .colaborablock .col-md-3 { width:210.5px; height:240.5px; margin-left:15px; margin-right:15px}
												 												 
												 .bigblock .col-sm-12{ height:550px; margin-bottom:30px}
												 .bigblock .col-sm-4,.bigblock .col-sm-8{  height:350px; margin-bottom:30px}
												 
												 }
			@media only screen and (max-width:991px) and (min-width:768px) {.firstblock .col-sm-3 span{ width:100%; height:154.5px} .firstblock .col-sm-6 span{ width:100%; height:339px}
												.secondblock .col-sm-6 span.col-sm-6{ width:50%; height:154.5px} .secondblock .col-sm-6 span{ width:100%; height:339px}												  
												 .secondblock .col-sm-6 span.col-sm-6:first-of-type{ margin-right:15px; width:calc(50% - 15px); margin-bottom:30px}
												 .secondblock .col-sm-6 a:last-child span.col-sm-6{ margin-left:15px; width:calc(50% - 15px); margin-bottom:30px; margin-right:0px}
												 .secondblock .col-sm-6 a span.col-sm-12{ width:100%; height:154.5px; margin-top:0px; margin-bottom:30px}
												 .colaborablock .col-md-3 { width:154.5px; height:184.5px; margin-left:15px; margin-right:15px}
												 
												 .bigblock .col-sm-12{ height:500px; margin-bottom:30px}
												 .bigblock .col-sm-4,.bigblock .col-sm-8{  height:300px; margin-bottom:30px}
												}
			@media only screen and (max-width:767px) and (min-width:320px) {.firstblock .col-sm-3 span{ width:100%; height:auto; padding-top: 66.64%!important;}.firstblock .col-sm-6 span{ width:100%; height:auto; padding-top: 66.64%}
												.secondblock .col-sm-3 span{ width:100%; height:auto; padding-top: 66.64%!important}.secondblock .col-sm-6 span{ width:100%; height:auto; padding-top: 66.64%; margin-bottom:30px}
												.secondblock{ margin-bottom:0px}
												.colaborablock .col-md-3 { width:100%; height:auto; padding-top: 66.64%!important}
												
												.bigblock .col-sm-12{ height:auto; margin-bottom:30px;padding-top: 66.64%!important}
												.bigblock .col-sm-4,.bigblock .col-sm-8{  height:auto; margin-bottom:30px; padding-top: 66.64%!important}
													.bigblock div a{ position:absolute; left:0px; top:0px; width:100%; height:100%}
												
												}

                                                .bigblock{ margin-top: 40px }
                                                #proyecto .title h2{ width: 90% }
                                                #proyecto .title{ margin-bottom: 20px; margin-top: 30px }
		
	.frase{ padding:4em 0; float:left; width:calc(100% - 30px); margin-top:4em; margin-bottom:4em; border-top:1px solid #979797; margin-left:15px; margin-right:15px;border-bottom:1px solid #979797}
		.frase h1{text-transform:uppercase; color:#DEDEDE; font-size:35px; font-weight:normal; float:left; font-family:'DW',Verdana, Geneva, sans-serif}
		.frase span{ font-size:24px; color:#000; font-weight:300; margin-bottom:0px; line-height:32px; float:left}
		@media screen and (max-width:991px) {
			.frase span{ font-size:23px}
		}
		@media screen and (max-width:680px) {
			.frase span{ font-size:21px}
		}
	.sub-header{ border-top: 1px solid #DEDEDE; float:left; width:100%}
		.sub-header .slick-slide:first-child{ width:0px!important; overflow:hidden}
		.sub-header .indice-container{  max-width:520px; margin:0 auto;margin-top:0px; margin-bottom:0px}
			.sub-header .slick-slide{ height:70px; line-height:70px; font-size:20px; color:#666565; text-align:center; cursor:pointer; letter-spacing:1px; width:33.33%!important}
		
		
		.sub-header-filter{ float:left; width:100%}
			.sub-header-filter .indice-container{  margin-top:0px; margin-bottom:0px; height:auto; display:block; padding-right: 15px; padding-left: 15px}
				.sub-header-filter ul{ float:left; width:100%; height:auto; line-height:15px; padding:0px; margin:0px; margin-top:24px; margin-bottom:24px; list-style-type: none}
					.sub-header-filter ul li{color:#000; font-size:12px; line-height:15px; height:22px; float: left; margin-left: 5px; margin-right: 5px}
						.sub-header-filter ul li.active,.sub-header-filter ul li:hover{color:#E74900}
                            .sub-header-filter ul li.active b{ font-weight: 500 }
						.sub-header-filter ul li b{ font-weight:300; cursor:pointer; text-transform: uppercase;}
							.sub-header-filter ul li sup{ margin-left:5px}
							
		.sub-header-back{ border-top: 1px solid #DEDEDE; float:left; width:100%}
			.sub-header-back .indice-container{  margin-top:0px; margin-bottom:0px; height:auto; display:block}
				.sub-header-back a{color:#989595; font-size:18px; line-height:22px; height:22px; margin-top:24px; margin-bottom:24px; float:left}
	
	@media screen and (max-width:425px) {
	.sub-header .slick-slide{ font-size:14px}
	.sub-header-filter ul li{ font-size:14px}
	}
	
	#ajaxEquipo{ float:left; width:100%}
		.contenidoequipo{ padding-top:calc(5em + 30px); width:100%; float:left}
		#ajaxEquipo h1{color:#C0B892; font-size:35px; text-transform:uppercase; font-family:'DW',Verdana, Geneva, sans-serif}
		#ajaxEquipo p{color:#666565; font-size:20px; line-height:29px}
		#ajaxEquipo span{color:#243E3C; font-size:20px; line-height:29px}
		#ajaxEquipo ul{ list-style-type:none; margin:0px; padding:0px; float:left; margin-bottom:30px}
		#ajaxEquipo ul li{color:#666565; font-size:20px; line-height:29px}
		#ajaxEquipo ul li:first-child{ margin-bottom:20px}
		.redesequipo{ float:left; margin-top:30px; width:100%}
			.redesequipo a{ float:left}
			.redesequipo img{ float:left}
			.redesequipo img path {
			  fill: #C0B892; background-color: #C0B892;
			}
		.encabezadoproyecto{ width:100%; float:left; padding-bottom:4em}
			.encabezadoproyecto h1{color:#C0B892; font-size:35px; text-transform:uppercase;  font-family:'DW',Verdana, Geneva, sans-serif}
			.encabezadoproyecto p{color:#666565; font-size:20px; line-height:29px; margin-bottom:0px}
				.encabezadoproyecto ul{ list-style-type:none; margin:0px; padding:0px; width:100%; margin-bottom:30px; float:left}
					.encabezadoproyecto ul li{color:#666565; font-size:20px; line-height:29px; width:65%; margin:0px; float:left; padding:0px}
					.encabezadoproyecto ul li:nth-child(odd) { width:35%}
				@media screen and (max-width:525px) {
					.encabezadoproyecto ul li{ width:100%!important}
						.encabezadoproyecto ul li:nth-child(even) { margin-bottom:25px}
				}
	
	/*nosotros*/
	.accordions,.nosotrosinside{ width:100%; float:left}
	.nosotros-accordion {
	  position: relative;
	  background: transparent;
	  margin-bottom: 0px
	}
	.nosotros-accordion .nosotros-accordion-heading {
	  padding: 10px 0px;
	  position: relative;
	  cursor: pointer; border-top: 1px solid #000
	}
	.nosotros-accordion .nosotros-accordion-heading h3 {
	  margin: 0;
	  padding: 0;
	  font-size: 14px;
	  margin-right:20px; color:#000; font-size:16px; line-height:28px; text-transform:uppercase; font-weight:normal
	}
        .nosotros-accordion .nosotros-accordion-heading h3 b{ font-family: "Haet"; font-size: 26px; line-height: 28px; font-weight: 500; }
        .nosotros-accordion .nosotros-accordion-heading h3 k{ margin-left: 10px; font-size: 17px; line-height: 28px; text-transform: uppercase; font-weight: 500}
	@media screen and (max-width: 991px) {
	.nosotros-accordion{ min-height:auto}
	}
	
	@media screen and (max-width: 767px) {
		.nosotros-accordion .nosotros-accordion-heading h3 { font-size:13px;  line-height:20px}
		.serviciosblock p{ font-size:20px; line-height:35px}
	}
	
	
	
	.nosotros-accordion .nosotros-accordion-heading .icon {
	  position: absolute;
	  top: 8px;
	  right: 0px;
	  font-size: 18px;
	  -webkit-transition: 0.3s;
	  -o-transition: 0.3s;
	  transition: 0.3s;
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -ms-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	.nosotros-accordion .nosotros-accordion-content {
	  border-top:0px none;
	  display: none;
	}
	.nosotros-accordion .nosotros-accordion-content .inner {
	  padding: 10px 0px; font-size: 14px; line-height: 19px; color: #000; width: 100%
	}
        .nosotros-accordion .nosotros-accordion-content .inner p{ width: 50%; max-width: 350px; float: left; padding-right: 10px}
        .nosotros-accordion .nosotros-accordion-content .inner div{width: 50%; max-width: 350px; float: right}
            .nosotros-accordion .nosotros-accordion-content .inner div img{width: 100%}

        @media screen and (max-width: 767px) {
            .nosotros-accordion .nosotros-accordion-content .inner p,.nosotros-accordion .nosotros-accordion-content .inner div{ width: 100%; max-width: 100%; padding-right: 0px }
            .nosotros-accordion .nosotros-accordion-content .inner p div{ margin-top: 10px }
        }    

	.nosotros-accordion.active .icon {
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -ms-transform: rotate(45deg);
	  transform: rotate(45deg);
	}
        .nosotros-accordion.active .nosotros-accordion-content{ display: flex!important }
	
	.nosotros-accordion.active h3 {
	  
	}
	.nosotrosblockinside{ float:left; width:100%}
	.nosotrosblockinside .col-md-3{ padding-left:0px}	
	.nosotrosblockinside .col-md-9{ padding-right:0px}
	@media screen and (max-width: 991px) {
		.nosotrosblockinside .col-md-3{ display:none}
		.nosotrosblockinside .col-md-9{ padding-left:0px}
	}
	.nosotrosblockinside .col-md-3 img{float:left; width:100%; margin-top:6em}
	.nosotrosblockinside ul{ list-style-type:none; float:left; margin:0px; padding:0px}
		.nosotrosblockinside ul li{ float:left; width:100%; margin:0px; padding:0px; margin-bottom:30px; border-bottom: 1px solid #DEDEDE; padding-bottom:30px}
			.nosotrosblockinside ul li:first-child{ border-bottom:0px none}
			.nosotrosblockinside ul li span{font-size:22px; text-decoration:underline; color:#A8A6A6}	
			.nosotrosblockinside ul li.record{ cursor:pointer}
			.nosotrosblockinside ul li span.col-xs-4{ padding-left:0px}
			.nosotrosblockinside ul li.record span.col-xs-4{ color:#2F4E4D; font-size:24px; line-height:29px; text-decoration:none}
			.nosotrosblockinside ul li.record span.col-xs-8{ color:#A8A6A6; font-size:24px; line-height:29px; text-decoration:none}
				.nosotrosblockinside ul li.record.active span.col-xs-4{color:#A8A6A6}
			
			#list4projects ul li:first-child{ border-bottom:1px solid #dedede}
			#list4projects .col-md-3 img{ margin-top:0em}
			#list4projects	ul li.record span.col-xs-4{ color:#C0B892!important; font-size:17px!important; line-height:23px!important; text-transform:uppercase; font-weight:normal;
			 font-family:'DW',Verdana, Geneva, sans-serif; width:45%}
			#list4projects	ul li.record span.col-xs-8{ font-size:14px!important; line-height:18px!important; width:55%}	
			@media screen and (max-width: 767px) {
				.nosotrosblockinside ul li span{font-size:16px}
				.nosotrosblockinside ul li.record span.col-xs-4{ font-size:18px; line-height:23px}
				.nosotrosblockinside ul li.record span.col-xs-8{ font-size:18px; line-height:23px}								
				
			}
	a.join{ font-size:25px; color:#C0B892; line-height:32px; float:left; text-transform:uppercase; font-weight:bold; margin-top:30px;
	 font-family:'DW',Verdana, Geneva, sans-serif}
	
	
	

.proyectos-accordion {
	  position: relative;
	  background: transparent;
	  margin-bottom: 0em; 
	}
	.proyectos-accordion .proyectos-accordion-heading {
	  padding: 45px; padding-left:0px; padding-right:0px; padding-bottom:55px;
	  position: relative;
	  cursor: pointer;
	}
	.proyectos-accordion .proyectos-accordion-heading h3 {
	  margin: 0;
	  padding: 0;
	  font-size: 14px;
	   margin-left:0px; color:#2F4E4D; font-size:19px; line-height:25px; text-transform:uppercase; font-weight:normal; font-family:'DW',Verdana, Geneva, sans-serif 
	}
	.proyectos-accordion .proyectos-accordion-heading h3 b{color:#C0B892; font-size:13px; text-transform:uppercase; line-height:17px; font-weight:bold;  margin-bottom:15px}
	@media screen and (max-width: 991px) {
	.proyectos-accordion{ min-height:auto}
	}
	
	@media screen and (max-width: 767px) {
		.proyectos-accordion .proyectos-accordion-heading h3 { font-size:13px;  line-height:20px}
	}		
	
	.proyectos-accordion .proyectos-accordion-heading .icon {
	  position: absolute;
	  top: 40px;
	  right: 20px;
	  font-size: 18px;
	  -webkit-transition: 0.3s;
	  -o-transition: 0.3s;
	  transition: 0.3s;
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -ms-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	.proyectos-accordion .proyectos-accordion-content {
	  border-top:0px none;
	  display: none;opacity:0;
	  -webkit-transition: .1s;
      -o-transition: .1s;
      transition: .1s;
	}
	.proyectos-accordion .proyectos-accordion-content .inner {
	  padding: 0px; margin-left:25%; width:70%; margin-right:5%; margin-top:-100px; height:auto; padding-bottom:45px; vertical-align:top; 
	  
	}		
		.proyectos-accordion.active .proyectos-accordion-content{  z-index:1; opacity:1} 
	
	.ulgroupthree{ width:100%; margin-bottom:25px}
	.proyectos-accordion .proyectos-accordion-content .inner ul{ width:calc(31.33% - 30px); margin:0px; padding:0px; list-style-type:none;  margin-right:15px; margin-left:15px; display:inline-block; vertical-align:top}
		.proyectos-accordion .proyectos-accordion-content .inner ul li:first-child{color:#243E3C; padding-top:5px; border-top:1px solid #243E3C; font-size:20px; line-height:35px}
		.proyectos-accordion .proyectos-accordion-content .inner ul li{color:#666565; font-size:15px; line-height:30px}		
	.proyectos-accordion.active .icon {
	  -webkit-transform: rotate(180deg);
	  -moz-transform: rotate(180deg);
	  -ms-transform: rotate(180deg);
	  transform: rotate(180deg);
	}
	
	.proyectos-accordion-container{ width:100%; margin-top:4em; 	box-shadow: 0 5px 5px 0 rgba(0,0,0,0.18);}
		.lightcolor,.lightcoloragain{ background:rgba(230,230,230,0.54)}
		.lightcoloragain{ margin-top:0em}
		.boldcolor{	background-color: rgba(180,174,143,0.27); margin-top:0em}
	
	@media screen and (max-width: 991px) {
		.proyectos-accordion .proyectos-accordion-content .inner{ width:100%; margin-left:0px; margin-right:0px; margin-top:0px}
		.proyectos-accordion .proyectos-accordion-content .inner ul{ width:100%; margin-left:0px; margin-right:0px; margin-bottom:25px}
		
	}
	@media screen and (max-width: 767px) {
		.ulgroupthree{ margin-bottom:0px}
		a.join{  margin-bottom:30px}
	}
	@media screen and (max-width: 485px) {
		.serviciosblock p{ font-size:16px}
		#indice-contacto h1,.encabezadoproyecto h1,.colaborablock h1, .serviciosblock h1, .introperfil h1, .nosotrosblock h1,#ajaxEquipo h1{ font-size:25px}
		#list4projects	ul li.record span.col-xs-4{ font-size:14px!important}
		.nosotros-accordion .nosotros-accordion-heading h3{ font-size:11px}
	}
	
.modal-content{ border-radius:0px; box-shadow:none; border:0px none; background:rgba(255,255,255,0.95)}
.modal-header{ border-bottom:0px none}
.modal-body{color:#243E3C; font-size:24px; line-height:34px; padding:47px; padding-top:32px}

.modal {
  text-align: center; z-index:9999
}

@media screen and (min-width: 768px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
input:invalid {
    box-shadow: none;
}


#hydromine-hero .flexslider .flex-direction-nav a.flex-next:before,
#hydromine-hero .flexslider .flex-direction-nav a.flex-prev:before{font-family:icomoon;speak:none;font-style:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;text-indent:0!important;font-weight:400}

#hydromine-hero,body.active #hydromine-hero{}
body.active .hydromine-nav-toggle{top:12px}
#hydromine-hero{background:#000 url(../images/loader.svg) center center no-repeat;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;min-height:400px; margin-bottom: 95px}
#hydromine-hero .btn{font-size:24px}
#hydromine-hero .flexslider{border:none;z-index:1;margin-bottom:0; position: relative;}
#hydromine-hero .flexslider .slides{position:relative;margin: 0px; padding: 0px; height: 500px}
#hydromine-hero .flexslider .slides li{background-repeat:no-repeat;background-size:cover;background-position:bottom center;min-height:400px;position:relative}
#hydromine-hero .flexslider .slides li .overlay{position:absolute;top:0;height:100%;right:0;background:rgba(0,0,0,.3);width:100%}
#hydromine-hero .flexslider .flex-control-nav{bottom:20px;z-index:1000; position: absolute; width: 100%; text-align: left; left: 50%; padding: 0px}
#hydromine-hero .indice-container{}
.contenido-texto-db{ position: absolute; bottom:-72px; left:0px; width: 100%; justify-content: center; align-items: center; display: flex}
    .contenido-texto-db .indice-container{ position: relative; }
    .contenido-texto-db .indice-container:before{ width: 21px; height: 9px; background:url(../images/icono_flecha_negra.png); content: ""; position: absolute; left: 0px; top: -20px }
    .contenido-texto-db .titulo{ color:#000; font-size: 13px; text-transform: uppercase; line-height: 12px; font-weight: 500}
    .contenido-texto-db .subtitulo{ color:#E74900; font-size: 13px; text-transform: uppercase; line-height: 12px; font-weight: 500}
.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}
@media screen and (max-width: 767px){
    #hydromine-hero .flexslider .flex-control-nav {
        width: 100%; margin-left:0px; left:10px;
    }
    #hydromine-hero .indice-container{ width: 100% }
    .contenido-texto-db .indice-container:before{ left:15px; }
}
@media screen and (min-width: 768px){
    #hydromine-hero .flexslider .flex-control-nav {
        width: 738px; margin-left:-359px;
    }
}
@media (min-width: 992px){
    #hydromine-hero .flexslider .flex-control-nav {
        width: 962px; margin-left:-471px;
    }
}
@media (min-width: 1100px){
    #hydromine-hero .flexslider .flex-control-nav {
        width: 1070px;
        max-width: 1070px; margin-left:-525px;
    }
}
@media (min-width: 1130px){
    #hydromine-hero .flexslider .flex-control-nav {
        width: 1100px;
        max-width: 1100px; margin-left:-540px;
    }
}

#hydromine-hero .flexslider .flex-control-nav li a{background:rgba(255,255,255,0);box-shadow:none;width:12px;height:12px;cursor:pointer;    display: block;    text-indent: -9999px;border-radius: 20px; border:1px solid #fff;}
#hydromine-hero .flexslider .flex-control-nav li a.flex-active{cursor:pointer;background:#fff}
#hydromine-hero .flexslider .flex-direction-nav{display:block}
#hydromine-hero .flexslider .flex-direction-nav a{position:absolute;cursor:pointer;width:45px;height:45px}
#hydromine-hero .flexslider .flex-direction-nav a:before{left:0;top:0;color:#fff!important;text-shadow:none!important;font-size:40px;position:relative;z-index:10}
#hydromine-hero .flexslider .flex-direction-nav a.flex-prev{opacity:0!important;left:40px!important}
#hydromine-hero .flexslider .flex-direction-nav a.flex-prev:before{content:"\e929"}
#hydromine-hero .flexslider .flex-direction-nav a.flex-next{right:40px!important;opacity:0!important}
#hydromine-hero:hover .flexslider .flex-direction-nav a.flex-next,#hydromine-hero:hover .flexslider .flex-direction-nav a.flex-prev{opacity:1!important}
#hydromine-hero .flexslider .flex-direction-nav a.flex-next:before{right:0;content:"\e92a"}
#hydromine-hero .flexslider .slider-text{display:table;opacity:0;min-height:500px;padding-left:0; height:500px}
#hydromine-hero .flexslider .slider-text>.slider-text-inner{display:table-cell;vertical-align:middle;min-height:470px;height:470px; max-width: 400px}
#hydromine-hero .flexslider .slider-text>.slider-text-inner h1{color:#fff;font-size:72px;letter-spacing:normal;line-height:71px; text-transform: uppercase;}
#hydromine-hero .flexslider .slider-text>.slider-text-inner a{font-size:13px;font-weight:normal;color:#fff;line-height:27px;margin-bottom:0;width:132px; text-transform: uppercase; border:2px solid #fff;
text-decoration: none; height: 27px; float: left; text-align: center; margin-bottom: 100px}
    #hydromine-hero .flexslider .slider-text>.slider-text-inner a:hover{ background:#000;color:#fff; border-color:#000; }
#hydromine-offcanvas .hydromine-social li,.w100{width:100%}
@media screen and (max-width:1100px){
    #hydromine-hero .flexslider .slider-text>.slider-text-inner h1{font-size:48px; line-height: 47px}
}
@media screen and (max-width:992px){
    #hydromine-hero .flexslider .slider-text>.slider-text-inner h1{font-size:50px}
}
@media screen and (max-width:690px){
    #hydromine-hero .flexslider .slider-text>.slider-text-inner h1{font-size:45px;line-height:48px}
}
@media screen and (max-width:623px){
    #hydromine-hero .flexslider .slider-text>.slider-text-inner h1{font-size:40px;line-height:43px}
}
@media screen and (max-width:475px){
    #hydromine-hero .flexslider .slider-text>.slider-text-inner h1{font-size:30px;line-height:33px}
}
#hydromine-hero .flexslider .slider-text>.slider-text-inner .hydromine-lead{font-size:20px;color:#fff}
#hydromine-hero .flexslider .slider-text>.slider-text-inner .hydromine-lead .icon-heart{color:#d9534f}

.indice-container{ padding-left: 0px; padding-right: 0px }
@media screen and (max-width:767px){
.indice-container{ padding-left: 15px; padding-right: 15px }
}

.experiencia{ padding-top: 0px; left;width: 100%;margin-bottom: 50px}
    .experiencia .indice-container{border-top:1px solid #000; border-bottom: 1px solid #000; position: relative;}
        .experencia-textos{ padding-top: 35px; padding-bottom: 35px; display: inline }
        .experencia-textos span{color:#000; font-weight: 500; text-transform: uppercase; font-size: 37px; line-height: 35px; margin-bottom: 26px; display: block; padding-top: 35px}
        .experencia-textos a{color:#000000; font-size: 13px; line-height: 16px; text-decoration: underline; text-transform: uppercase; display: block; font-weight: 500; padding-bottom:35px}
        #experiencia-slider .slides{ padding: 0px }
        .experiencia li{ position: relative; }
        .experiencia .number{
            position: absolute; right: 0px; width: 280px; height: 100%; top: 0px;
            color:#000;            
            display: flex; align-items:center; justify-content: center;transition: 0.35s
        }
            .experiencia .number span{ font-family: "Haet"; font-size: 160px;
            -webkit-text-fill-color: transparent;-webkit-text-stroke-width: 2px;-webkit-text-stroke-color: #000; padding-top: 160px; transition: 0.35s}
            .experiencia .flex-active-slide .number span{-webkit-text-fill-color: #000;-webkit-text-stroke-width: 0px;-webkit-text-stroke-color: none; padding-top: 0px; padding-bottom: 0px}
                .experiencia .flex-active-slide + li .number span{ padding-top: 0px; padding-bottom: 160px }

        #hydromine-hero.progreso{ width: 100%; float: left; }        
        #hydromine-hero.progreso .indice-container{ z-index: 2 }        
    #hydromine-hero.progreso{ margin-bottom: 0px; background:none; position: relative;}
    #hydromine-hero.progreso .flexslider .slider-text,#hydromine-hero.progreso .flexslider .slides,#hydromine-hero.progreso .flexslider .slides li,
    #hydromine-hero.progreso .flexslider .slider-text>.slider-text-inner{ height: 450px; min-height: 450px}
    #hydromine-hero.progreso .flexslider .slider-text>.slider-text-inner a{ border:0px none; text-decoration: underline; }
         #hydromine-hero.progreso .flexslider .slider-text>.slider-text-inner a:hover{ text-decoration: none }
         .arrowside{ height: 100%; position: absolute; right: 0px; width: 280px; background: url(../images/icono_flechas.png) center center no-repeat; background-size: 100% auto; top: 0px }
        @media screen and (max-width:767px){
            .experencia-textos span{ font-size: 25px; line-height: 27px }
            .experiencia .number span{ font-size: 120px }
             .experiencia .number{ width: 160px }
             .arrowside{ width: 200px }
        }
        @media screen and (max-width:425px){
            .experencia-textos span{ font-size: 19px; line-height: 23px }
            .experiencia .number span{ font-size: 90px }
             .experiencia .number{ width: 130px }
             .arrowside{ width: 160px }
        }
        @media screen and (max-width:374px){
            .experencia-textos span{ font-size: 17px; line-height: 19px }
            .experiencia .number span{ font-size: 70px }
             .experiencia .number{ width: 90px }
             .arrowside{ width: 120px }
        }
    #hydromine-hero.progreso img{ position: absolute; right: 0px; height: 100%; top: 0px; z-index: 1}    
     @media screen and (max-width:767px){
         #hydromine-hero.progreso .flexslider .slider-text,#hydromine-hero.progreso .flexslider .slides,#hydromine-hero.progreso .flexslider .slides li,
         #hydromine-hero.progreso .flexslider .slider-text>.slider-text-inner,#hydromine-hero.progreso{ height: 300px; min-height: 300px}
         #hydromine-hero.progreso .flexslider .slider-text>.slider-text-inner a{ margin-bottom: 50px }
    }

    .title{ margin-bottom: 45px }
         .title h2{ font-size: 37px; line-height: 35px; text-transform: uppercase; margin-bottom: 0px}
         .title a{ font-size: 13px; line-height: 16px; text-decoration: underline; text-transform: uppercase; font-weight: 500; color:#000; margin-top: 10px}
         .title p,.subtitle p{ font-size: 13px; line-height: 16px;  text-transform: uppercase; font-weight: 500; color:#000; margin-bottom: 10px}
         .subtitle b{color:#000; text-transform: uppercase; font-weight: 500; float: left;margin-top: 10px}
            .subtitle1 b{ font-size: 90px; font-family: "Haet"; line-height: 90px; }
            .subtitle2 b{ font-size: 21px; line-height: 23px; letter-spacing: 0.37px}
         .subtitle span{ color: #000; font-size: 14px; line-height: 16px; float: left; margin-top: 10px}
    .areasnegocio{ background: #E74900; padding-top: 35px; padding-bottom: 35px; width: 100%; float: left; }        
         .areas,.valores{ width: 100%; float: left }
            .valores{ margin-bottom: 10px }
            .areas a,.valores .valor{ width: 20%; float: left; flex-direction: column; align-items: center; justify-content: center; display: flex; text-decoration: none}
                .areas a span{ width: 100px; height: 47px; transition: 0.15s; background-position: top center; background-repeat: no-repeat; margin-bottom: 18px}
                .areas a b{ color:#000; text-transform: uppercase; font-weight: 500; font-size: 16px; line-height: 17px; transition: 0.35s}
                .valores .valor b{color:#000000; font-size: 65px; line-height: 69px; font-family: "Haet"; margin-bottom: 20px; font-weight: 500}
                .valores .valor span{color:#000; font-size: 16px; line-height: 17px; font-weight: 500; text-transform: uppercase; height: 34px; text-align: center}
                    .valores .valor{ position: relative; padding-bottom: 10px}
                        .valores .valor:before{content: ""; width: 1px; height: 100%; right: 0px; background:#000; top: 0px; position: absolute}
                            .valores .valor:last-child:before{ display: none } 
            .areas a.active span,.areas a:hover span{ background-position: bottom center }
                .areas a:hover b{color:#fff}
            @media screen and (max-width:767px){
                .areas a{ width: 33.33%}
                .areas a:nth-child(4),.areas a:nth-child(5){ margin-top: 35px }
                .areas a:nth-child(4){ margin-left: 16.6667% }
                 .title h2{ font-size: 30px; line-height: 33px}
                 .subtitle1 b{ font-size: 70px }
            }
            @media screen and (max-width:425px){
                .areas a b{ font-size: 13px }
            }

    .clientes,.acerca,.humana,.historia,#projects{ padding-top: 35px; padding-bottom: 35px; width: 100%; float: left; position: relative;} 
        .acerca{ margin-top: 35px; padding-bottom: 0px; overflow: hidden}
        #contacto .acerca{ margin-top: 0px; padding-top: 70px }
        .humana{ background:#194C75; }
        .clientesbox{width: 100%; float: left}   
            .cliente{ width: 25%; height: 50px; background-repeat: no-repeat; background-position: center center; float: left; opacity: 0.3; transition: 0.15s; margin-top: 10px; margin-bottom: 10px}
                .cliente:hover{opacity: 0.7}
                .nosotrospic{ position: absolute; right: -5%; top: 30px; width: 60%; max-width: 709px}
                .nosotrospicrayas{ position: absolute; left: 50%; top: 30% }
                .nosotrospicrayas2{ position: absolute; right: 0px; top: -35px; height: calc(100% + 35px); }

                .form-container{ width: 100%; float: left; margin-bottom: 60px; position: relative;}
                    .form-container form{ float: left; width: 100% }
                        .form-container form label{ float: left;width: 100%; font-size: 12px; line-height: 14px; font-weight: 500; position: inherit;
                            color: #000; margin-bottom: 3px; text-transform: uppercase;}
                        .form-container form input,.form-container form textarea{border:2px solid #444;color:#000; height: 35px;
                            float: left; width: 100%; margin-bottom: 10px; font-size: 13px; background:none; outline: none; padding: 10px}
                            .form-container form textarea{ height: 170px }
                            .form-container form input:focus,.form-container form textarea:focus{border-color:#E74900; color:#000;}
                    .form-container form button{border:1px solid #000;color:#000; width: 76px; line-height: 31px; text-transform: uppercase; background:none;
                    font-size: 12px; margin-top: 20px; outline: none}        
                        .form-container form button:hover{ background:#000;color:#fff; }

                        .datoscontacto{ position: absolute; width: 230px; right: -250px; top: 10px; font-size: 14px; line-height: 16px; color: #000}
                            .datoscontacto a{color:#000!important; text-decoration: none}
                                .datoscontacto a:hover{color:#000!important; text-decoration: underline}
                            #contacto .acerca .indice-container{ position: relative; z-index: 2 }

    @media screen and (max-width:1199px){
         .nosotrospicrayas2{ left: 50%; right: auto }
    }                            
    @media screen and (max-width:991px){
       
        .datoscontacto{ float: left; position: inherit; width: 100%; right: auto; margin-top: 40px}
        .cliente{ background-size: 80% }
        .w991diff{ position: relative; width: 100%; float: left; height: 500px }

            #contacto .w991diff{ margin-top: -260px }
        .nosotrospic{ right: auto; left: 25%; width: 50%; max-width: 100%; }
        .nosotrospicrayas{ left: auto; right: 0px; height: 100%; bottom:0px; top: auto; }
         .valores .valor span{ font-size: 14px }
    }
    .pl0{ padding-left: 0px } 
    .pr0{ padding-right: 0px }
    .bt1{border-top:1px solid #000; padding-top: 35px; float: left;width: 100%; padding-bottom: 35px} 
    @media screen and (max-width:767px){
        .pl0{ padding-left: 15px } 
        .pr0{ padding-right: 15px } 
         .cliente{ width: 33.33% }
         .cliente{ background-size: 70% }
         .valores .valor{ width: 33.33% }
            .valores .valor:nth-child(3):before{ display: none }
            .valores .valor:nth-child(4){ margin-left: 16.6667% }
            .valores .valor:nth-child(4),.valores .valor:nth-child(5){ margin-top: 30px }
    }
    @media screen and (max-width:500px){
         .cliente{ width: 50% }
         .cliente{ background-size: 80% }
         .w991diff{ height: 300px }
         .valores .valor span{ font-size: 11px }
         .humana .col-md-12{ padding-left: 0px; padding-right: 0px }
    }