#slide-hero .flexslider .slider-text {
    margin-top: 10px !important;
}

.ilustracion1 {
    margin-top: 0px !important;
}

#slide-hero .flexslider .slider-text > .slider-text-inner h1 {
    margin-bottom: 27px !important;
}

.ilustracion {
    max-width: 87% !important;
}



#contactanos {
    position: relative;
    display: block;
    height: 1px;
    width: 1px;
    float: left;
    padding-top:100px;
    margin-top:-100px;
}

.dropdown .btn {
    margin-top: -4px !important;
}

.blackesttop .indice-nav{ background-color: #000 }

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

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

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


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


* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#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{ float: left;width: 100% }
#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: normal;
    font-size: 16px;
    line-height: 1.3;
    color: #777;
    background: #fff; padding-top:0px; font-family:'Everett',Verdana, Geneva, sans-serif
}
	body.active{ padding-top:0px}
	
#page {
    position: relative;
    overflow: 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*/{ /*border-bottom: 1px solid #000*/}

.indice-nav .indice-container{ padding-top:25px; padding-bottom:25px}

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

.indice-nav {
    position: relative;
    margin: 0;
    width: 100%;
    z-index: 1900;
    -webkit-transition: .5s;
    transition: .5s; position: absolute;
}

    .darktop #indice-logo svg path{ fill: #fff}
        .darktop #page{ background-color: #000 }
    .lighttop #indice-logo svg path{ fill: #000} 
        .lighttop #page{ background-color: #F7F8F9}
        .semilighttop #page{ background-color: #EFEFEF }
        #indice-logo svg path.pathred{fill: #EF5249}{}

.indice-nav #indice-logo img,
.indice-nav.active #indice-logo img {
    /*height: 57px;*/
    margin-top: 0px;
    margin-bottom: 0px;
    -webkit-transition: .5s;
    transition: .5s;
	height: 48px; margin-right:0px; margin-top:0; margin-bottom:0px; height: 34px
}
/*.indice-nav.active #indice-logo img{ height: 50px }*/

.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: 20px; margin-top: 0px;
    margin-right: 0!important;
    padding-right: 0!important;
	height:auto
}

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

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

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

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

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

.indice-container .row {
    margin-left: 0;
    margin-right: 0
}
.indice-nav .indice-container .row {
    margin-left: -15px;
    margin-right: -15px;
}

/*ends reset*/


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

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

@media screen and (max-width:767px) {
    .indice-nav .menu-1,
    .indice-nav .menu-2 {
        display: none
    }
    body .dropdown .btn {
    	font-size: 25px!important;
	}
}

.indice-nav ul {
    padding: 0;
    margin: 0; margin-top: 0; margin-left: 10px
}
@media screen and (max-width:1299px) {
	.indice-nav .main-ul li:last-child a{ padding-right: 0px }
}
.indice-nav ul li {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline; line-height: 40px; float: left; -webkit-transition: .15s;
    transition: .15s
}
    
    /*.indice-nav.active ul li{ line-height: 44px }*/

.indice-nav ul li a {
    font-size: 16px;
    margin: 0px 20px;
    -webkit-transition: .15s;
    -o-transition: .15s;
    transition: .15s;
    font-weight: normal;        
    text-decoration:none; color: #fff
}
    
    .indice-nav ul li a:hover,.indice-nav ul li.active a{ padding-bottom: 8px}
    
    .darktop .indice-nav ul li a{color: #fff}
    .lighttop .indice-nav ul li a{color: #000}

        .lighttop .indice-nav ul li a:hover,.lighttop .indice-nav ul li.active a,
        .indice-nav ul li a:hover,.indice-nav ul li.active a{border-bottom:1px solid #626DF9; color: #626DF9}
            

.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: #000
}*/

.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
}

.below-footer{ width: 100%; float: right; margin-top: 0px}

    .below-footer .text-left{ font-size: 14px; color:#8A8C8C; line-height: 17px }
    .below-footer .text-right{ font-size: 14px; color:#E6E6E6; line-height: 17px }
        .below-footer .text-right span{border-bottom:1px solid #B4B4B4}

    .copyright span{ font-size: 14px; color:#fff; line-height: 16px; float: left; width: 100%; margin-top: 0px!important;
        white-space: nowrap}
    .copyright p{ font-size: 20px; color: #fff; line-height: 30px; float: left; width: 100%}

#indice-footer {
    padding: 56px 0 
}

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

#indice-footer .copyright .block {
    display: block; margin-top: 0px!important
}
#indice-footer a{color:#fff; text-decoration: none; width: 100%; float: left; font-size: 16px; line-height: 24px}
    #indice-footer a:hover{color: #626DF9}
.social-container{ width: 110px; float: left; }
#indice-footer .social a{ width: auto; float: left; margin-right: 10px; width: calc(33.33% - 10px)}
#indice-footer .social a img{ width: 100%; max-width: 30px}
.upper img{float: left; height: 25px; margin-right: 10px}
@media screen and (max-width:1299px) {
	/*#indice-footer a{ font-size: 12px; letter-spacing: -0.5px }*/
}
@media screen and (max-width:1130px) {
	#indice-footer a,#indice-footer small b{ white-space: nowrap}	
}
@media screen and (max-width:991px) {
	.logo-footer{ margin-bottom: 40px!important}
    /*.copyright span{ margin-bottom: 40px }*/
}
@media screen and (max-width:768px) {
	#indice-footer .col-xs-6:nth-child(2),#indice-footer .col-xs-6:nth-child(3) { /*min-height: 130px*/ }
}    
    
#indice-footer small {
    font-size: 13px;
    line-height: 23px;
    color: #fff
}
#indice-footer small b{  margin-bottom: 23px; float: left; width: 100%; font-weight: normal; font-size: 16px; font-weight: bold; line-height: 1}

#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 .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 }
    .upper{ margin-top: 30px }   
    .mtop20{ margin-top: 0px!important }
    #indice-footer .col-sm-6{ padding-left: 15px; padding-right: 15px }
    .copyright p{ margin-top: -60px; margin-bottom: 60px }
}
@media screen and (max-width:680px) {
   
	.copyright .text-center{ width:40%; padding-left:0px; padding-right:0px}
	.copyright .text-right{ width:100%; text-align: center;}
    .copyright .text-left{ width:100%; text-align: center;}
}

@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}
	
	.js-gotop{ margin-top:0px}
}
@media screen and (max-width:374px) {
	footer .col-xs-6{ width: 100%; min-height: auto!important }
	#indice-footer .col-xs-6:nth-child(2),#indice-footer .col-xs-6:nth-child(3),#indice-footer .col-xs-6:nth-child(4){ margin-bottom: 20px }
    #indice-footer .col-xs-6:nth-child(4){ margin-bottom: 0px }
    .upper{ margin-top: 25px; font-size: 14px!important }
}
@media screen and (max-width:991px) {
	
    #indice-footer .col-sm-6 {
        /*height: 90px*/
    }
    a.linked img {
        position: absolute;
        left: 150px;
        top: 25px
    }
     .mtop20{ margin-top: 20px }
}

@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: #fff;
    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
}

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

#indice-offcanvas a:hover {
    
}

#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: #000
}

.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;
    position: absolute;
    left: 0;
    transition: all .2s ease-out
}

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



.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; position: absolute;
    right: 10px;
    top: 25px;
    padding: 6px 0 0;
    margin: 0 auto;
    display: none;
    height: 44px;
    width: 44px;
    z-index: 2001;
    border-bottom: none!important
}
.active .indice-nav-toggle,.offcanvas .indice-nav-toggle { position: fixed; }
.logo-nav{ width: 188px; float: left;}
.main-nav{ width: calc(100% - 188px); float: left }
.secondary-ul{ list-style-type: none; float: right; }
	.secondary-ul li a{ width: auto; background: #EAE4E4; padding: 15px; height: 52px; line-height: 52px; float: left; border:1px solid #000}
	.secondary-ul li.cotizar{ margin-left: 20px }
		.secondary-ul li.cotizar a{ background: #F05051; color: #fff; border-color:#F05051}		
		.secondary-ul li a:hover{ background: #000; border-color: #000; color: #fff!important }

		#aboutus .secondary-ul li a,#contacto .secondary-ul li a{background:#fff}
		#aboutus .secondary-ul li.cotizar a,#contacto .secondary-ul li.cotizar a{background:#F05051}
			#aboutus .secondary-ul li a:hover,#contacto .secondary-ul li a:hover{ background: #000 }
			#services .ilustracion1{ margin-top: 0px }

@media screen and (max-width:1199px) {
	.indice-nav ul li a,.dropdown .btn{ margin-right: 12px!important; margin-left: 12px!important}
	.indice-nav .secondary-ul li a{ padding-right: 15px!important; padding-left: 15px!important }
	.indice-nav ul li a,.dropdown .btn{ font-size: 14px!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,#indice-offcanvas .secondary-ul {
    margin-right: 0!important;
    float: left; margin-top:110px; width:100%
}

#indice-offcanvas .secondary-ul a { line-height: 52px; padding: 0px }
	#indice-offcanvas .secondary-ul li.cotizar{ margin-top: 30px }
	#indice-offcanvas .secondary-ul li.cotizar a{color:#fff;}

#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: #000}
    #indice-footer svg path{fill: #fff}
    #indice-footer svg path.pathred{fill: #EF5249}
#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}
.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}
}



/* 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}
		.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}
		#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}
			.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-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 .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;
			 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}
	
	
	

.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
	}
	.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;
}


#slide-hero .flexslider .flex-direction-nav a.flex-next:before,
#slide-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}

#slide-hero,body.active #slide-hero{ display: flex }
body.active .hydromine-nav-toggle{top:12px}
#slide-hero{background:#fff center center no-repeat;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;/*min-height:400px;*/}
#slide-hero .btn{font-size:24px}
#slide-hero .flexslider{border:none;z-index:1;margin-bottom:0; position: relative; margin: 0 auto}
#slide-hero .flexslider .slides{position:relative;margin: 0px; padding: 0px; height: auto}

#slide-hero .flexslider .slides .indice-container{ position: relative; display: flex; }

#slide-hero .flexslider .slides li{background-repeat:no-repeat;background-size:70% auto;background-position:center right;min-height:auto;position:relative;}
#slide-hero .flexslider .slides li .overlay{position:absolute;top:0;height:100%;left:0;background:url(../images/header_home.png) no-repeat; background-size:cover;width:680px; }
#slide-hero .flexslider .flex-control-nav{bottom:20px;z-index:1000; position: absolute; width: 100%; text-align: left; left: 50%; padding: 0px}
#slide-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: 1170px){
#slide-hero .flexslider .slides li{background-size:auto 100%; background-position: center right -50px}
}

@media screen and (max-width: 767px){
    #slide-hero .flexslider .flex-control-nav {
        width: 100%; margin-left:0px; left:10px;
    }
    #slide-hero .indice-container{ width: 100% }
    .contenido-texto-db .indice-container:before{ left:15px; }
}
@media screen and (min-width: 768px){
    #slide-hero .flexslider .flex-control-nav {
        width: 738px; margin-left:-359px;
    }
}
@media (min-width: 992px){
    #slide-hero .flexslider .flex-control-nav {
        width: 962px; margin-left:-471px;
    }
}
@media (min-width: 1100px){
    #slide-hero .flexslider .flex-control-nav {
        width: 1070px;
        max-width: 1070px; margin-left:-525px;
    }
}
@media (min-width: 1130px){
    #slide-hero .flexslider .flex-control-nav {
        width: 1100px;
        max-width: 1100px; margin-left:-540px;
    }
}

#slide-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;}
#slide-hero .flexslider .flex-control-nav li a.flex-active{cursor:pointer;background:#fff}
#slide-hero .flexslider .flex-direction-nav{display:block}
#slide-hero .flexslider .flex-direction-nav a{position:absolute;cursor:pointer;width:45px;height:45px}
#slide-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}
#slide-hero .flexslider .flex-direction-nav a.flex-prev{opacity:0!important;left:40px!important}
#slide-hero .flexslider .flex-direction-nav a.flex-prev:before{content:"\e929"}
#slide-hero .flexslider .flex-direction-nav a.flex-next{right:40px!important;opacity:0!important}
#slide-hero:hover .flexslider .flex-direction-nav a.flex-next,#slide-hero:hover .flexslider .flex-direction-nav a.flex-prev{opacity:1!important}
#slide-hero .flexslider .flex-direction-nav a.flex-next:before{right:0;content:"\e92a"}
#slide-hero .flexslider .slider-text{display:flex;opacity:0;min-height:auto; height:auto; margin-top: 70px; margin-bottom: 70px; padding-right: 0px; padding-left: 0px}
    #slide-hero .flexslider .slider-text.text-right{ display: block; }

#slide-hero .flexslider .slider-text>.slider-text-inner{display:table-cell;vertical-align:middle;min-height:auto;height:auto; max-width: 600px; float: left;}
#slide-hero .flexslider .slider-text>.slider-text-inner h2{color:#000; font-size: 24px; line-height: 32px;  font-weight: 700; margin-bottom: 22px; letter-spacing: -0.16px;
text-transform: none; font-weight: normal}
#slide-hero .flexslider .slider-text>.slider-text-inner h1{color:#000;font-size:50px;letter-spacing:normal;line-height:50px; margin-bottom: 50px; font-weight: 600;
font-size: 100px; line-height: 95px}
#slide-hero .flexslider .slider-text>.slider-text-inner h4{color: #000; font-size: 45px; line-height: 78px; letter-spacing: 0.34px;
float: left; width: 100%; margin-top: 30px}
#slide-hero .flexslider .slider-text>.slider-text-inner a,.withnext{font-size:16px;font-weight:normal;color:#fff;line-height:51px;margin-bottom:0;width:auto; 
text-decoration: none; height: 51px; float: left; text-align: center; margin-bottom: 0px; background: #F05051; padding-left: 20px; padding-right: 20px}
    #slide-hero .flexslider .slider-text>.slider-text-inner a:hover,.withnext:hover{ background: #000; color:#fff;}
    .nuestra-mision .withnext{ margin-top: 0px }
   body .mb0{ margin-bottom: 0px!important }
#hydromine-offcanvas .hydromine-social li,.w100{width:100%}
.seguros{ width: 100%; float: left; max-width: 600px}
	#slide-hero .seguros{ margin-left: -15px }
	@media screen and (min-width:992px){
		#slide-hero .seguros{ margin-left: -30px }
	}
	.seguros .seguro{ width: 33.33%; float: left; text-align: center }
		.seguros .seguro img{ max-width: 126px; width: 100%}
		.seguros .seguro span{ width: 100%; text-align: center; float: left; line-height: 15px; font-size: 20px; line-height: 22px; letter-spacing: -0.14px; color:#000;
			margin-top: 22px}
			.withnext img{ height: 15px }
	.nuestra-mision .como-funciona-pic{ float: right; }
@media screen and (max-width:1023px){
    #slide-hero .flexslider .slider-text>.slider-text-inner h1,body .title h1,body .nosotros-continua .title h1{font-size:65px; line-height: 60px}
    #slide-hero .flexslider .slider-text>.slider-text-inner h4{ font-size: 35px; line-height: 78px }
}
@media screen and (max-width:991px){
    #slide-hero .flexslider .slider-text>.slider-text-inner h1{font-size:40px}
    #slide-hero .flexslider .slides li .overlay{background-size: 100% 100%; width: 65%}
    #slide-hero .flexslider .slider-text>.slider-text-inner h4{ font-size: 31px}
    .ilustracion1{ margin-top: 0px!important }
    .seguros .seguro img{ max-width: 126px; width: 70%}
    body .como-funciona h4{ font-size: 25px; line-height: 30px}
    .como-funciona-pic{ max-width: 130%; margin-top: 50% }
    .nuestra-mision .como-funciona-pic{ margin-top: 20% }
}
.seguros-container-big{ display: none }

@media screen and (max-width:767px){
	.indice-container{ padding-left: 15px; padding-right: 15px }
	#slide-hero .flexslider .slider-text>.slider-text-inner h4{ font-size: 28px; line-height: 58px; margin-top: 20px}
	.seguros .seguro img{ max-width: 126px; width: 70%}
	.seguros .seguro span{ font-size: 15px; line-height: 17px }
	 .como-funciona-pic{ max-width: 100%; margin-top: 0% }
	 body .point span{ max-width: 100% }
	 body .como-funciona h4{ white-space: normal }
	  .nuestra-mision .como-funciona-pic{ margin-top: -20px; margin-bottom: 50px }
      .indice-container{ padding-left: 40px }
}

@media screen and (max-width:690px){
    #slide-hero .flexslider .slider-text>.slider-text-inner h1{font-size:45px;line-height:48px}
    .seguros-container{ display: none }
    .seguros-container-big{ display: block; float: left;width: 100%; margin-bottom: 20px}
    #slide-hero .flexslider .slides .indice-container{ display: block; }
    .seguros-container-big h4{ font-size: 30px; line-height: 78px; margin-top: 0px;letter-spacing: 0.34px}
    #slide-hero .flexslider .slider-text{ margin-bottom: 0px }
    .ilustracion1{ margin-top: -50px!important }
}
@media screen and (max-width:623px){
    #slide-hero .flexslider .slider-text>.slider-text-inner h1{font-size:40px;line-height:43px}
}
@media screen and (max-width:475px){
    #slide-hero .flexslider .slider-text>.slider-text-inner h1{font-size:30px;line-height:33px}
    .seguros-container-big h4{ font-size: 20px; line-height: 48px; margin-top: 20px}
}
#slide-hero .flexslider .slider-text>.slider-text-inner .hydromine-lead{font-size:20px;color:#fff}
#slide-hero .flexslider .slider-text>.slider-text-inner .hydromine-lead .icon-heart{color:#d9534f}

/*.indice-container{ padding-left: 0px; padding-right: 0px }*/
#slide-hero .flexslider .slides .indice-container .col-md-12{ padding-right: 0px; padding-left: 0px }


.experiencia,.thirdrow{ padding-top: 0px; width: 100%;margin-bottom: 0px; background:#FEFCFC; position: relative; float: left;}

    .thirdrow{ background:url(../images/main_office.jpg); background-size: auto 160%; background-repeat: no-repeat; background-position: center left 33% }       
    .experiencia .indice-container,.thirdrow .indice-container{ position: relative; display: flex; height: 100%; padding-top: 65px; padding-bottom: 65px}

    

        
            .experiencia .lefter span{ font-size: 18px; line-height: 21px; color:#01284F; letter-spacing: 0.72px; float: left; width: 100%; margin-bottom: 0px; margin-top: 20px}
            .experiencia .lefter strong{ font-size:90px; color:#01284F; line-height: 42px; width: 100%; float: left; margin-top: 50px; font-weight: normal; min-width: 200px}
             .experiencia .lefter strong b{ font-weight: normal; font-size: 30px; float: left; }
        .experiencia:before{ width: 30%; background:#EAEAEA; height: 100%; position: absolute; content: ""}
        .thirdrow:before{background:#F8F8F8; width: 25%; height: 100%; position: absolute; content: ""}
        .thirdrow:after{background:#0357DD; width: 25%; height: 100%; position: absolute; content: ""; right: 0px; top: 0px; z-index: -1}

            .service{ margin-top: 50px }
            .service strong{  font-size: 90px;                    
                    color: #01284F;
                    line-height: 80px;
                    float: left;
                    margin-top: 0px;
                    font-weight: normal;
                    width: 130px; float: left;}
            .service div{ width: calc(100% - 130px); float: left; padding-right: 100px}
            .service h5{ font-size: 38px; line-height: 34px; color: #fff; letter-spacing: 0.15px; font-weight: bold; float: left; width: 100%; margin-bottom: 20px}
            
            .service a{color:#fff; font-size: 14px; line-height: 27px; border-bottom: 1px solid #fff; text-decoration: none}
        @media screen and (max-width:1650px){
            .thirdrow:before{ width: 17% }
        }
        @media screen and (max-width:1250px){
            .thirdrow:before{ width: 15% }
            .thirdrow{background-position: center left 25%}
        }

        @media screen and (max-width:1400px){
            .experiencia:before{ width: 150px }
        }
        @media screen and (max-width:1099px){
            .service div{ padding-right: 0px }
        }
        @media screen and (max-width:991px){
            .service p{ min-height: 110px }
        }
        @media screen and (max-width:767px){
             .service p{ min-height: auto }
             .service div{ margin-bottom: 40px; width: calc(100% - 70px); padding-right: 0px; padding-left: 20px}
             .service strong{ width: 70px; font-size: 60px; text-align: right;}
             .service:last-child div{ margin-bottom: 0px }
            .service{ float: left; width: 100%; margin-top: 20px}
        }

        .experiencia .indice-container .overlay{position: absolute;
            top: 0;
            height: 100%;
            left: 0;
            background: url(../images/50_years.png) no-repeat;
            background-size: cover;
            width: 435px}

        .thirdrow .indice-container .overlay {
            position: absolute;
            top: 0;
            height: 100%;
            left: 0;
            background: url(../images/2.png) no-repeat;
            background-size: cover;
            width: 271px;
        }
        .thirdrow .indice-container .overlay-dark {
            position: absolute;
            top: 0;
            height: 100%;
            right: 0;
            background: url(../images/3.png) no-repeat;
            background-size: cover;
            width: 55%;
        }

        .experiencia .righter h2{ margin-bottom: 40px }
        .experiencia .righter p{color:#777; font-size: 30px; line-height: 35px; letter-spacing: 0.87px; margin-bottom: 0px; font-weight: 500}

        .thirdrow .righter span{ font-size: 14px; float: left; width: 100%; color:#fff; line-height: 18px; margin-bottom: 30px }
        .thirdrow .righter a{    font-size: 14px;
            font-weight: normal;
            color: #fff;
            line-height: 27px;
            margin-bottom: 0;
            width: auto;
            text-decoration: none;
            height: 27px;
            float: left;
            text-align: center;
            margin-bottom: 0px;
            border-bottom: 1px solid #fff;
        }

        @media screen and (max-width:991px){
            .experiencia .righter p{ font-size: 20px; line-height: 25px }
            .experiencia .indice-container .overlay{ width: 305px; background-size: 100% 110% }
             #slide-hero .flexslider .slides li{ background-position: center right -100px }
             .thirdrow .indice-container .overlay{ width: 27%; background-size: 100% 110% }
             .thirdrow .indice-container .overlay-dark{background-size: 100% 110%}
        }
        @media screen and (max-width:767px){
            .experiencia .indice-container .overlay{ width: 41% }
            .experiencia .lefter strong{ margin-top: 30px }
            .experiencia .lefter span{ font-size: 14px }
            .experiencia .righter p{ font-size: 17px; line-height: 20px }
            .experiencia:before{ display: none }
            #slide-hero .flexslider .slides li{ background-position: center right -300px }
             .thirdrow:before{ width: 10% }
             .thirdrow .indice-container .overlay-dark{ display: none }
             .thirdrow{ background:#0357DD; }
             .thirdrow:after{ display: none}
             .thirdrow .righter { padding-left: 200px }
        }
        @media screen and (max-width:600px){
        	#slide-hero .flexslider .slider-text>.slider-text-inner h1{ margin-bottom: 30px }
        	#slide-hero .flexslider .slider-text>.slider-text-inner h2{ line-height: 20px }
            body span.subtitl,body .como-funciona .col-sm-5 span,body .hoja p{ font-size: 17px!important; line-height: 25px!important}
            body .nuestra-mision h4{ font-size: 29px!important; line-height: 35px!important } 
            body .hoja:before{ width: 40px; height: 40px; left: -15px; top: -15px }
            body .hoja{ padding: 40px }
            body .hoja p,body .hoja b{ margin-bottom: 25px }
            .experiencia .righter p{ font-size: 15px; line-height: 18px }
             .experiencia .lefter strong{ min-width: 160px; margin-top: 10px}
             .experiencia .lefter span{ font-size: 12px }
             #slide-hero .flexslider .slides li{ background-position: center right -320px } 
             #slide-hero .flexslider .slider-text>.slider-text-inner h1,body .title h1,body .nosotros-continua .title h1 {
                font-size: 35px;
                line-height: 38px;
             }
        }
        @media screen and (max-width:499px){
            /*#slide-hero .flexslider .slides li .indice-container:before{content:""; background:rgba(0,0,0,0.5); height: 100%; position: absolute; width: 100%}*/
            .experiencia .indice-container{ display: inline-block}
            .experiencia .righter{ width: 100%; float: left; margin-top: 80px}
            .thirdrow .righter{ padding-left: 130px }
            .experiencia .indice-container .overlay{ height: 230px;    background-size: 100% 130%; }
            .thirdrow .indice-container .overlay{ width: 22% }
        }
        @media screen and (max-width:424px){
             .thirdrow .righter{ padding-left: 90px }
        }
        @media screen and (max-width:374px){
        	#slide-hero .flexslider .slider-text>.slider-text-inner a{ width: 170px; padding-left: 0px; padding-right: 0px }
        }

        #slide-hero.progreso{ width: 100%; float: left; }        
        #slide-hero.progreso .indice-container{ z-index: 2 }        
    #slide-hero.progreso{ margin-bottom: 0px; background:none; position: relative;}


    #slide-hero.progreso .flexslider .slides li{background-color: #01284F}
    #slide-hero.progreso .flexslider .slides li .overlay{ background:url(../images/our_success.png) no-repeat; }
        #slide-hero.progreso .flexslider .slides li h1{ font-size: 38px; line-height: 42px; font-weight: 500; margin-bottom: 20px}
        #slide-hero.progreso .flexslider .slides li p{color:#B4B4B4; font-size: 14px; line-height: 18px}
        #slide-hero.progreso .flexslider .slider-text>.slider-text-inner h2{color:#18C7EF;}
        #slide-hero.progreso .flexslider .slides li .overlay{ width: 761px; height: 100%; background-size: 100% 100% }
        #slide-hero.progreso .flexslider .slides li{ background-position: center right -250px; background-size: 75% auto!important }

    #slide-hero.progreso .flexslider .slider-text,#slide-hero.progreso .flexslider .slides,#slide-hero.progreso .flexslider .slides li,
    #slide-hero.progreso .flexslider .slider-text>.slider-text-inner{ height: auto; min-height: 370px}
    #slide-hero.progreso .flexslider .slider-text>.slider-text-inner a{ border:0px none; text-decoration: underline; }
         #slide-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 }

         #slide-hero.progreso .flexslider .slides li p{ max-width: 383px; margin-bottom: 0px}
         #slide-hero.progreso .flexslider .slides li h1{ max-width: 500px }

        @media screen and (max-width:991px){ 
            #slide-hero.progreso .flexslider .slides li .overlay{ width: 80% }
            #slide-hero.progreso .flexslider .slides li h1{ font-size: 33px; line-height: 38px }
        }
        @media screen and (max-width:767px){
             #slide-hero.progreso .flexslider .slides li h1{ font-size: 29px; line-height: 35px }
            .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:699px){
            #slide-hero.progreso .flexslider .slides li h1{ font-size: 25px; line-height: 30px }
            #slide-hero.progreso .flexslider .slides li{ background-size: auto 100%!important; background-position: center right -200px }
            #slide-hero.progreso .flexslider .slides li .indice-container:before{content: "";
                background: rgba(0,0,0,0.5);
                height: 100%;
                position: absolute;
                width: 100%;}
        }
        @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 }
             #slide-hero.progreso .flexslider .slides li h1{ font-size: 23px; line-height: 28px }
        }
        @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 }
        }
    #slide-hero.progreso img{ position: absolute; right: 0px; height: 100%; top: 0px; z-index: 1}    
     @media screen and (max-width:767px){
         #slide-hero.progreso .flexslider .slider-text,#slide-hero.progreso .flexslider .slides,#slide-hero.progreso .flexslider .slides li,
         #slide-hero.progreso .flexslider .slider-text>.slider-text-inner,#slide-hero.progreso{ height: 300px; min-height: 300px}
         #slide-hero.progreso .flexslider .slider-text>.slider-text-inner a{ margin-bottom: 50px }
    }

    .title{ margin-bottom: 35px }
         .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: 14px; line-height: 16px;  text-transform: uppercase; font-weight: 700; color:#000; margin-bottom: 10px;
         	font-size: 26px; line-height: 39px; letter-spacing: 0.16px}
         	.clientes .title p{color:#fff;}
         .title h1{ font-size: 90px; line-height: 82px; letter-spacing: 0.6px; color:#000; max-width: 860px; margin: 0 auto }	
         	.nuestra-mision .title h1{ margin-left: 0px; max-width: 1100px}
            .nosotros-continua .title h1{ font-size: 70px; line-height: 66px; max-width: 1100px }
         .title span{ font-size: 14px; line-height: 18px; color:#777777}
         	body .nuestra-mision h4{ font-size: 35px; line-height: 37px; letter-spacing: -0.24px; font-weight: bold; white-space: normal;}
         	.como-funciona .col-sm-5 span{ font-size: 24px; line-height: 32px; letter-spacing: -0.16px; color:#000; float: left; width: 100%;
            margin-bottom: 20px} 
         .como-funciona .title h1{ margin-bottom: 90px }
         .como-funciona h4{ font-size: 35px; line-height: 40px; color:#000; letter-spacing: 0.21px; margin-bottom: 45px;white-space: nowrap;}

         	.point{ width: 100%; float: left; margin-bottom: 20px}
         		.point img{ width: 53px; float: left; }
         		.point span{ width: calc(100% - 73px); margin-left: 20px; float: left;  font-size: 18px; line-height: 24px;
         		max-width: 340px;color:#000}
         			.point span b{ width: 100%; float: left; font-size: 20px; line-height: 30px; 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;  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;  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{ background: #F05051 }
    .como-funciona{ background:#fff; }
    .que-es{ background: #D6FFEB }
    .nuestros-valores{ background: #EAE4E4 }
    .te-aseguro{ background: #D6FFEB }
    .clientes,.acerca,.humana,.historia,#projects,.ourprocess,.online-services,.como-funciona,.que-es,
    .nosotros-continua,.nosotros-continua-indicadores,.nuestros-valores,.links-footer,.franjapasos,
    .franjatiposeguro,.preguntas,.paquetes,.entrada-container,.folderscontainer,.formulario-contacto,.te-aseguro{ padding-top: 85px; padding-bottom: 85px; width: 100%; float: left; position: relative}
    .franjatiposeguro{ padding-top: 45px; padding-bottom: 45px }
    .nosotros-continua,.paquetes,.folderscontainer{ padding-bottom: 0px }
    .folderscontainer,.formulario-contacto{ padding-top: 50px }
    .links-footer{ padding-top: 0px }
    	.nuestra-mision{ padding-top: 105px; padding-bottom: 105px}
    	.nomaxwidth{ max-width: 100%!important; float: left; width: 100% }
    	.nuestra-mision .nomaxwidth{ margin-top: 40px }
        .online-services{ background:#0357DD; }
        .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; margin-left: 0%}   
            .cliente{ width: 16.6667%; height: 171px; background-repeat: no-repeat; background-position: center center; float: left; opacity: 1; transition: 0.15s;
             margin-top: 15px; margin-bottom: 15px; background-size:contain;}
             	.cliente:nth-child(7){ margin-left: 8.333% }
                .cliente:hover{opacity: 1}
                .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: 14px; line-height: 21px; font-weight: 700; position: inherit;
                            color: #000; margin-bottom: 3px;  top: 0px; left:0px; color:#01284F;}
                        .form-container form input,.form-container form textarea{border:2px solid #EFEFEF;color:#000; height: 35px;
                            float: left; width: 100%; margin-bottom: 10px; font-size: 13px; background:#EFEFEF; outline: none; padding: 10px}
                            .form-container form textarea{ height: 130px }
                            .form-container form input:focus,.form-container form textarea:focus{border-color:#01284F; color:#000;}
                    .form-container form button{border:0px none;color:#B4B4B4; width: auto; line-height: 20px; background:none;
                    font-size: 14px; margin-top: 10px; outline: none; font-weight: 700; border-bottom: 1px solid #B4B4B4; padding-left: 0px; padding-right: 0px}        
                        .form-container form button:hover{ color:#000; border-bottom-color:#000;}

                        .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 }

                            .ourprocess .title span{ max-width: 490px; display: inline-block}
                            .processes{ width: 100%; float: left}
                            .process{ background:#EFEFEF; border-radius:8px; height: 310px; padding: 35px; position: relative; width: 100%; float: left; text-decoration: none;
                                overflow: hidden}
                                .process img{ height: 100px; margin-bottom: 10px}
                                .process h4{color:#01284F; font-size: 30px; line-height: 30px; letter-spacing: -0.18px}
                                .process b{ position: absolute; width: 80px; letter-spacing: 50%; bottom:-35px; margin-left: -40px; font-size: 14px; color:#B4B4B4; letter-spacing: 0.46px;
                                    transition: 0.15s; border-bottom: 1px solid #b4b4b4; font-weight: normal;}
                                    .process:hover b{ bottom:35px; }
                                        .process:hover b:hover{color:#000; border-color:#000;}

                    
                        .online-services h3{color:#01284F; }
                        .online-services h3:before{background:#01284F;}
                     .ilustracion{ max-width: 100%}
                     	.ilustracion1{ margin-top: -40px }

    @media screen and (max-width:1199px){
         .nosotrospicrayas2{ left: 50%; right: auto }
    }                            
    @media screen and (max-width:991px){
         .process{ height: 290px }
        .process h4{ font-size: 22px; line-height: 25px }
       .clientesbox{ width: 100%; margin-left: 0px }
        .datoscontacto{ float: left; position: inherit; width: 100%; right: auto; margin-top: 40px}
        
        .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){

        .processes .col-xs-12{ margin-bottom:40px}
            .process{ height: auto; padding-bottom: 50px }
             .processes .col-xs-12:last-child{ margin-bottom: 0px }

        .pl0{ padding-left: 15px } 
        .pr0{ padding-right: 15px } 
         .cliente{ width: 25%; height: 120px}
         .cliente:nth-child(7) {
			    margin-left: 0%;
		 }
		 .cliente:nth-child(9) {
			    margin-left: 12.5%;
		 }
         .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: 33.33%; height: 100px}         
         .w991diff{ height: 300px }
         .valores .valor span{ font-size: 11px }
         .humana .col-md-12{ padding-left: 0px; padding-right: 0px }
         .cliente:nth-child(9) {
			    margin-left: 0%;
		 }
		 .cliente:nth-child(10) {
			    margin-left: 16.67%;
		 }
    }
    .dropdown-menu{ line-height: 40px; min-width: 240px }
    .dropdown a{ width: 100%; float: left; }
    .dropdown .btn{ background:none!important; font-size: 16px; padding: 0px; outline: none!important; box-shadow: none!important;padding: 0px 20px; cursor: default; border:0px none;
    	letter-spacing: 0.1px; color: #000}
        .dropdown img{ width: 21px; padding-left: 5px; transition: 0.15s;transform-origin: 70% 50%}
            .dropdown.open img,.dropdown:hover img{ transform: rotate(-180deg)} 
        .btn.focus, .btn:focus, .btn:hover{color:#000}

        .indice-nav ul li .dropdown-menu a{ line-height: 40px }


    #indice-offcanvas .dropdown .btn {
        color: #000;
        text-transform: uppercase;
        font-size: 25px;
        letter-spacing: .5px;
        line-height: 100px;
        text-decoration: none;
        text-align: center;
        width: 100%;
        float: left; padding-left: 0px; padding-right: 0px
    }
        #indice-offcanvas .dropdown a{ color:#000; font-size: 20px}
            #indice-offcanvas .dropdown a:hover{color:#F05051;}
        #indice-offcanvas .dropdown img{ width: 25px }
        #indice-offcanvas .dropdown-menu{ width: 100% }
        .dropdown-menu{ margin-top:0px; }
        @media screen and (max-width:374px){
            body #indice-offcanvas .dropdown .btn{ font-size: 18px!important }
            #indice-offcanvas a{ font-size: 18px }
        }

        .dropdown:hover .dropdown-menu{ display: block; }
            .dropdown:hover{color:#0357DD}

            #slide-hero.secondary .flexslider .slides{ height: 280px }
            #slide-hero.secondary .flexslider .slider-text>.slider-text-inner h1{ margin-bottom: 20px }
            #slide-hero.secondary .flexslider .slider-text>.slider-text-inner,#slide-hero.secondary .flexslider .slider-text,
            #slide-hero.secondary .flexslider .slides li{ min-height: 280px; height: 280px }
            #slide-hero.secondary .flexslider .slides li .overlay {background: url(../images/header_aboutus.png) no-repeat}
            #slide-hero.secondary .flexslider .slides li{background-size: 70% auto;  background-position: center right}
            @media screen and (max-width:1200px){
                #slide-hero.secondary .flexslider .slides li{background-size: 75% auto;  background-position: center right -20px}
            }
            @media screen and (max-width:1099px){
                #slide-hero.secondary .flexslider .slides li{background-size: 75% auto;  background-position: center right -50px}
            }
            @media screen and (max-width:991px){
                #slide-hero.secondary .flexslider .slides li{background-size: auto 100%;  background-position: center right}
                #slide-hero.secondary .flexslider .slides li .overlay{ width: 50%; background-size: 100% 100% }
            }

             #aboutus .experiencia .righter{ margin-top: 0px!important }
            #aboutus .experiencia:before{ display: none }
            #aboutus .experiencia p{ font-size: 38px; line-height: 42px; letter-spacing: 0.15px; color:#B4B4B4; font-weight: 700; max-width: 765px; display: inline-block;}
            #aboutus .service div{ width: 100%; text-align: center; padding-right: 20px; padding-left: 20px }
            #aboutus .experiencia .lefter strong{ width: 200px; line-height: 80px; margin-top: 0px }
            #aboutus .experiencia .child{ border-bottom:1px solid #B4B4B4; float: left; width: 100%; padding-bottom: 40px; padding-top: 40px}
            #aboutus .experiencia .child h6{ float: left;  width: calc(43% - 100px); margin-top: 0px; color: #0357DD; font-weight: 500; font-size: 32px; line-height: 35px; letter-spacing: 0.87px;
                padding-left: 40px; padding-right: 20px; margin-bottom: 0px}
                #aboutus .experiencia .child:last-child{ margin-bottom: 30px }
            #aboutus .experiencia .child span{ float: left; width: calc(57% - 100px); margin-top: 0px; font-size: 14px; line-height: 18px; color:#777777;
            padding-right: 30px; padding-left: 50px; margin-bottom: 0px}
            @media screen and (max-width:991px){
                #aboutus .experiencia .lefter strong{ font-size: 70px; width: 150px; min-width: 150px; line-height: 60px }
                #aboutus .experiencia .child h6{ font-size: 22px; line-height: 25px;width: calc(43% - 75px); padding-right: 0px}
                #aboutus .experiencia .child span{ font-size: 13px; width: calc(57% - 75px); padding-right: 10px}
                #aboutus .experiencia p{ font-size: 31px; line-height: 38px }
            }
            @media screen and (max-width:680px){
                #aboutus .experiencia .lefter strong,#aboutus .experiencia .child h6,#aboutus .experiencia .child span{ width: 100%; padding-left: 0px; padding-right: 0px }
                #aboutus .experiencia .child h6{ margin-top: 20px; margin-bottom: 20px }
                #aboutus .experiencia p{ font-size: 25px; line-height: 30px }
            }

            #services .experiencia:before{ display: none }
            .nosotros-accordion .nosotros-accordion-heading{ float: left; width: 100%; padding-top: 20px; padding-bottom: 20px }
            .nosotros-accordion {width: 100%; float: left }
                .nosotros-accordion h3{  max-width: 100%}
                 #services .experiencia .lefter h3.super{ margin-bottom: 40px }
                
            .nosotros-accordion .nosotros-accordion-content{ width: 100% }

            .nosotros-accordion .nosotros-accordion-heading h3{padding-right: 40px}
            .nosotros-accordion .nosotros-accordion-heading h3 k{color:#0357DD; font-size: 32px; line-height: 35px; letter-spacing: 0.87px; text-transform: none; margin-left: 0px}
            .last-accordion{ border-bottom: 1px solid #B4B4B4 }
            .nosotros-accordion .nosotros-accordion-heading i:before{ content: ""; width: 16px; height: 1px; background:#0357DD; position: absolute; right: 16px; top: 30px; transition: 0.15s}
            .nosotros-accordion .nosotros-accordion-heading i:after{ content: ""; height: 16px; width: 1px; background:#0357DD; position: absolute; right: 23.5px; top: 22px; transition: 0.15s}

            .nosotros-accordion.active .nosotros-accordion-heading i:after{ transform: rotate(-90deg)}
            .nosotros-accordion.active .nosotros-accordion-heading i:before{ width: 0px }

            .nosotros-accordion h3:before{ display: none }
            .nosotros-accordion .nosotros-accordion-heading{border-top-color: #B4B4B4}
                .nosotros-accordion .nosotros-accordion-content .inner ul{ float: left; width: 50%; margin-bottom: 20px}
                    .nosotros-accordion .nosotros-accordion-content .inner ul{ list-style-type: none }
                        .nosotros-accordion .nosotros-accordion-content .inner ul li{ padding-left: 20px; position: relative; font-size: 14px; line-height: 18px;
                        color: #777777}
                            .nosotros-accordion .nosotros-accordion-content .inner ul li:before{ width: 4px; height: 4px; border-radius:4px; background:#0357DD; content: ""; position: absolute;
                            left: 0px; top: 7px }
                            .nosotros-accordion .nosotros-accordion-content .inner ul li b{ background:#FEFCFC; margin-left: -25px;  height: 30px; position: relative;z-index: 2 }
            @media screen and (max-width:991px){
                .nosotros-accordion .nosotros-accordion-heading h3 k{ font-size: 25px }
            }
            @media screen and (max-width:767px){
                 .nosotros-accordion .nosotros-accordion-content .inner ul{ width: 100%; margin-bottom: 0px }
                    .nosotros-accordion .nosotros-accordion-content .inner ul:last-child{ margin-bottom: 20px }
                .nosotros-accordion .nosotros-accordion-heading h3 k{ font-size: 20px; line-height: 25px }
                .nosotros-accordion .nosotros-accordion-heading i:before{ top: 25px }
                .nosotros-accordion .nosotros-accordion-heading i:after{ top: 17px }
            }
            #services .process{ margin-bottom: 35px }
            #services .processes span{ height: 120px; border-radius:8px 8px 0px 0px; width: calc(100% + 70px); margin-left: -35px;
            margin-top: -35px; margin-bottom: 35px; float: left; background-size: cover; background-position: center center}
            .experiencia.our-services .indice-container{ padding-bottom: 0px }
            .experiencia.links .indice-container{ padding-bottom: 30px }
            #services .service p{min-height: 144px}
            @media screen and (max-width: 991px){
                #services .process h4 {
                    font-size: 18px;
                    line-height: 23px;
                }
                #services .service p{min-height: 198px}
            }
            @media screen and (max-width: 767px){
                #services .service p{min-height: auto}               
            }
            @media screen and (max-width: 560px){
                #services .col-sm-4.col-xs-6 {width:100%;}
            }
            .acerca .title p{color:#01284F;}
            .acerca .title h2{ font-size: 38px; line-height: 42px; color: #B4B4B4; max-width: 765px; display: inline-block; letter-spacing: 0.15px; font-weight: 700; text-transform: none }

            @media screen and (max-width: 767px){
                 .acerca .title h2{ font-size: 28px; line-height: 33px }
            }
            @media screen and (max-width: 600px){
                 .acerca .title h2{ font-size: 23px!important; line-height: 28px }
            }
            .answered{ margin-top: 50px }
                .answered h2{ margin-bottom: 20px; font-size: 20px }
                .answered img{ width: 60px; margin-bottom: 30px }
            .contactos{border-top:1px solid #B4B4B4; float: left;width: 100%; padding-top: 40px; padding-bottom: 40px}
                .contactos div{ text-align: center}
                @media screen and (max-width: 991px){
                    .contactos div{margin-bottom: 20px}
                    .contactos{ padding-bottom: 20px }
                }
                @media screen and (max-width: 767px){
                     .contactos div{margin-bottom: 20px; float: left; width: 100%}
                }
                     .contactos div strong{color:#01284F;font-size: 20px; font-weight: 500; line-height: 30px; margin-bottom: 0px; float: left;width: 100%; text-align: center}
                     .contactos div p{color:#01284F; font-size: 14px; text-transform: uppercase; margin-bottom: 0px; float: left;width: 100%; text-align: center}
                     .contactos div span{color:#959494; font-size: 14px; text-transform: uppercase; margin-bottom: 0px; float: left;width: 100%; text-align: center}
            .mapa{ width: 100%; float: left }

            #contacto .our-services:before{ display: none }
            #contacto .offices{ width: 100%; float: left }
                .offices div{float:left; margin-bottom: 60px}
                    .offices div strong{ float: left;width: 100%; color:#01284F; font-size: 14px; line-height: 21px; text-transform: uppercase; border-bottom: 1px solid #B4B4B4; padding-bottom: 8px; margin-bottom: 8px}
                    .offices div span{float: left;width: 100%; color:#959494; font-size: 14px; line-height: 18px; margin-bottom: 0px}

            #contacto #slide-hero.secondary .flexslider .slides li .overlay{ background-image: url(../images/header_location.png) }
            #contacto #slide-hero .flexslider .slides li{background-color: #002750}
            #contacto #slide-hero.secondary .flexslider .slides li{ background-size: 60% auto }
            #contacto .overlay2{background-image: url(../images/header_location_2.png); width: 192px; height: 280px; background-size:100% 100%; position: absolute; right: 0px; top: 0px}

            @media screen and (max-width: 991px){
                #contacto #slide-hero.secondary .flexslider .slides li .overlay2{background-size: 100% 170%}
            }
            @media screen and (max-width: 767px){
                #contacto #slide-hero.secondary .flexslider .slides li{ background-size:auto 100%; background-position: center right 50px}
                .como-funciona .col-sm-6,.como-funciona .col-sm-5{ padding-left: 0px; padding-right: 0px }
                /*.marquee{ font-size: 80px!important;  line-height: 120px!important}*/
                body .tooltip{  top: 100px!important}
            }
            @media screen and (max-width: 500px){
                #contacto #slide-hero.secondary .flexslider .slides li{ background-size:auto 100%; background-position: center right -50px}
                #contacto .overlay2{ display: none }
            }

            @media screen and (min-width: 1921px){
            	.thirdrow{background-position: center left 40%}
            	.thirdrow:before,.thirdrow:after{ width: 30% }
        	}
        	span.subtitle{font-size: 24px; line-height: 30px; letter-spacing: -0.16px; color:#000; margin: 0 auto; max-width: 520px; display:block;
        	text-align: center; margin-top: 40px}
        	.avion{ position: absolute; left:15%; bottom:-40px; z-index: 2 }
        	.marquee{ font-size: 120px; line-height: 137px; color:#000; z-index: 1!important; position: relative;
                letter-spacing: -2px; font-weight: 300}        		

                .js-marquee span:first-child{ margin-left: 30px!important }

        		.marquee span{ margin-right: 0px; margin-left: 0px; cursor: default; position: relative; height: 100%; padding-left: 0px; padding-right: 90px!important}
                    .marquee span:before{ width: 30px; height: 30px; border-radius: 30px; top: calc(50% - 15px); right: 15px; content: ""; position: absolute;
                    background: #000}
        		/*.marquee:hover{ z-index: 999999!important }*/
        		.tooltip{ opacity: 1!important; top: 150px!important}
        		.tooltip-inner{ background: #fff; color: #000; opacity: 1; padding-top: 30px; padding-bottom: 30px; border:2px solid #000; width: auto; max-width: 330px;z-index: 9999999999!important; border-radius:3px;}
        			.tooltip-inner b{   text-align: center; font-size: 40px; line-height: 50px; letter-spacing: 0.3px; margin-bottom: 20px; display: inline-block;
        			width: 100%}
        			.tooltip-inner span{   text-align: center; font-size: 15px; line-height: 18px; letter-spacing: -0.09px; display: inline-block; max-width: 130px}

        	#servicios{ float: left; width: 100%;  position: relative;}
        	#servicios .service{ margin-top: 0px; padding-bottom: 30px; min-height: 400px; background: #007680}
        	.services {
			    width: 100%;
			    float: left; height: 100%
			}
			.services div.service {
			    width: 100%;
			    float: left; height: 100%
			}
			.bx-wrapper .bx-pager{ width: 50%; right: auto; left:0px; bottom:25px; }
			#servicios .slider {
			    width: 50%;			    
			    height: auto;
			    float: left;
			    overflow: hidden; background-position: center center; background-size: cover; height: 100%; float: right; position: absolute;
                right: 0px
			}
			#servicios ul {
			    width: 100%;
			    float: left;
			}
			#servicios li {
			    background-size: cover;
			    width: 100%;
			    height: 100%;
			    float: left;
			    min-height: 550px;
			    background-repeat: no-repeat;
			    background-position: center center;
			}			
			#servicios span.wow {
			    color: #fff;
			    float: left;
			    width: calc(50% - 80px);
			    padding-top: 40px;
			    padding-bottom: 120px;
			    margin-left: 40px;
			    margin-right: 40px; position: relative; height: 100%
			}			
			
			.bx-wrapper .bx-pager.bx-default-pager a {
			    text-indent: -99999px;
			    display: block;
			    width: 28px;
			    height: 28px;
			    margin: 0 5px;
			    outline: 0;
			    -moz-border-radius: 16px;
			    -webkit-border-radius: 16px;
			    border-radius: 16px;
			    border: 5px solid #fff;
			    background: #fff;
			    box-shadow: 0 0px 2px #000,0 0px 2px #000,0 0px 2px #000;
			}		
			.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:hover {
			    background: #F05051;
			    border: 5px solid #fff;
			}
			p.prev,p.next{ position: absolute; bottom:10px; width: 100%}
			p.prev .bx-prev{ position: absolute; left:calc(25% - 100px); bottom:0px; z-index: 9999; transform: rotate(-180deg); background: url('../images/next.svg'); height: 16px; width: 16px;
			 background-size: cover;background-position: center center; text-indent: -999999px; cursor: pointer;}
			p.next .bx-next{ position: absolute; left: calc(25% + 80px); bottom:0px; z-index: 9999; background: url('../images/next.svg'); height: 16px; width: 16px;
			 background-size: cover;background-position: center center; text-indent: -999999px; cursor: pointer;}
				p.next img, p.prev img{ height: 20px }
			@media screen and (max-width: 1399px){
				
			}
			@media screen and (max-width: 1024px){
				
			}
			@media screen and (max-width: 767px){
                #servicios .service{ padding-top: 320px }
				#servicios .slider {width: 100%; height: 350px; margin-bottom: 0px; top: 0px}
				#servicios span.wow, .centro span {width: 90%!important;max-width: 90%;margin: 5%!important}
                #servicios span.wow{width: calc(100% - 60px)!important;max-width: 100%;margin: 30px!important}
				#servicios span.wow{padding-bottom: 140px!important; }
				.bx-wrapper .bx-pager{ width: 100% }
				p.prev .bx-prev{ left:calc(50% - 100px)}
				p.next .bx-next{ left: calc(50% + 80px) }
			}

			.espresso-section {
			    padding: 70px 0;
			    clear: both;
			    position: relative; float: left;width: 100%
			}
            #index-header{ background: #000 url(../images/home-slider.jpg) center center no-repeat; background-size:cover; padding-top: 35px; padding-bottom: 0px; padding-top: 0px}
                #index-header h1{color: #fff; font-size: 80px; line-height: 77px; margin-bottom: 0px; font-weight: bold; letter-spacing: -1.33px; margin-bottom: 30px}
                #index-header img{ width: 100%; float: left; margin-top: 55px }
                #index-header h1{ margin-top: 180px }
                #index-header p{ margin-bottom: 125px; color: #FEFEFE; font-size: 16px; line-height: 22px; letter-spacing: 0.05px;
                    max-width: 671px; position: relative; padding-right: 176px}
                    #index-header p a{ width: 120px; height: 120px; position: absolute; right: 0px; top: -15px}
                        #index-header p a:before{ width: 120px; height: 120px; content: ""; position: absolute; background:url(../images/circle.svg) center center;
                        background-size: 120px 120px}
                        #index-header p a span{color: #fff; text-transform: uppercase; font-weight: bold; position: absolute; width: 100%; text-align: center;
                            top: 32px; font-size: 14px}
                        #index-header p a img{ position: absolute; bottom: 22px; height: 35px}
                        #index-header a:hover:before{animation: rotating 5s linear infinite;}
                        @-webkit-keyframes rotating /* Safari and Chrome */ {
                          from {
                            -webkit-transform: rotate(0deg);
                            -o-transform: rotate(0deg);
                            transform: rotate(0deg);
                          }
                          to {
                            -webkit-transform: rotate(360deg);
                            -o-transform: rotate(360deg);
                            transform: rotate(360deg);
                          }
                        }
                        @keyframes rotating {
                          from {
                            -ms-transform: rotate(0deg);
                            -moz-transform: rotate(0deg);
                            -webkit-transform: rotate(0deg);
                            -o-transform: rotate(0deg);
                            transform: rotate(0deg);
                          }
                          to {
                            -ms-transform: rotate(360deg);
                            -moz-transform: rotate(360deg);
                            -webkit-transform: rotate(360deg);
                            -o-transform: rotate(360deg);
                            transform: rotate(360deg);
                          }
                        }
                        .rotating {
                          -webkit-animation: rotating 5s linear infinite;
                          -moz-animation: rotating 5s linear infinite;
                          -ms-animation: rotating 5s linear infinite;
                          -o-animation: rotating 5s linear infinite;
                          animation: rotating 5s linear infinite;
                        }

			#contact-us {
			    background: #ECECEC; padding: 60px 0
			}
			
			#contact-us .row h1 {
			    width: 100%;
			    text-align: left;
			    margin-bottom: 0px;font-size: 70px;line-height: 70px;color:#000; max-width: 600px; text-transform: uppercase;
			}
			#contact-us .row p{ font-size: 16px; line-height: 22px; margin-bottom: 5px; letter-spacing: 0.24px; color:#000; }
			#contact-us #mc_embed_signup {
			    padding-left: 0px;
			}
			#contact-us #mc_embed_signup {
			    float: left;
			    width: 100%;
			    margin-bottom: 0px;
			}
			#contact-us #mc_embed_signup form {
			    width: 100%;
			    float: left;
			}
			#contact-us #mc_embed_signup form .content-form {
			    float: left;
			    width: 100%;
			    background: 0 0;
			    padding: 0;
			    border: 0;
			    margin: 0; position: relative;
			}
			#contact-us #mce-EMAIL {
				padding: 0px;
			    float: left;
			    border: 1px solid #D1D1D1;
			    width: 100%;
			    background: #FFFFFF;
			    color: #000;
			    outline: 0;
			    font-size: 16px;
			    height: 61px;
			    line-height: 61px;
			    border-radius: 4px;
			    margin: 0;
			    padding-left: 15px; padding-right: 181px
			}
			#contact-us #mc-embedded-subscribe {
			    width: 150px;
			    height: 39px; line-height: 39px; padding: 0px;
			    box-shadow: 0 0 0 0;
			    background: #fff;
			    margin: 0;
			    border-radius: 4px;
			    border: 2px solid #000;
			    float: right;
			    color: #000;
			    transition: 0.25s; border-radius:100px; position: absolute; right: 15px; top: 11px; font-size: 16px; letter-spacing: 0.1px
			}
				#contact-us #mc-embedded-subscribe:hover{ background: #000; color:#fff; }
				.labelcontainer {
				    position: relative;
				    display: block;
				    padding-left: 1.25rem; float: left; margin-top: 15px;
				     -webkit-user-select: none;
					  -moz-user-select: none;
					  -ms-user-select: none;
					  user-select: none; cursor: pointer;
				}
				.labelcontainer input {
				  position: absolute;
				  opacity: 0;
				  cursor: pointer;
				}
				.labelcontainer .checkmark {
				  position: absolute;
				  top: 0;
				  left: 0;
				  height: 25px;
				  width: 25px;
				  background-color: #fff;
				  border-radius: 50%;
				}
				/* On mouse-over, add a grey background color */
				.labelcontainer:hover input ~ .checkmark {
				  background-color: #ccc;
				}

				/* When the radio button is checked, add a blue background */
				.labelcontainer input:checked ~ .checkmark {
				  background-color: #fff;
				}

				/* Create the indicator (the dot/circle - hidden when not checked) */
				.labelcontainer .checkmark:after {
				  content: "";
				  position: absolute;
				  display: none;
				}

				/* Show the indicator (dot/circle) when checked */
				.labelcontainer input:checked ~ .checkmark:after {
				  display: block;
				}

				/* Style the indicator (dot/circle) */
				.labelcontainer .checkmark:after {
				 	top: 6px;
					left: 6px;
					width: 14px;
					height: 14px;
					border-radius: 50%;
					background: #F05051;
				}
				label.labelcontainer k{
				    margin-bottom: .5rem; float: right; text-align: left; font-size: 16px; color:#000; line-height: 22px; font-weight: normal;
				    width: calc(100% - 30px); margin-left: 30px; max-width: 320px
				}
				@media screen and (max-width: 991px){
					
				}
				@media screen and (max-width: 767px){
					#contact-us #mce-EMAIL{ padding-right: 15px }
					#contact-us #mc-embedded-subscribe{ float: left; position: static; width: 100%; margin-top: 20px }
				}
				@media screen and (max-width: 991px){
					body .aprende-blog h4 {
					    font-size: 20px;
					    line-height: 28px;
					}
				}
				.aprende-blog h1{ font-size: 72px; line-height: 60px; margin-bottom: 20px}
				.aprende-blog h4{ font-size: 21px; text-transform: uppercase; margin-bottom: 10px }
				.noticias-container,.noticias-slick{ float: left; width: 100% }
					.noticia{border:2px solid rgba(0,0,0,0.42); padding: 10px;  float: left; text-decoration: none; border-radius: 2px}
						.noticia span{ width: 100%; height: 200px; background-position: center center; background-size: cover; margin-bottom: 22px; float: left;}
						.noticia b{color:#FF4F58; font-size: 12.39px; line-height: 18px; letter-spacing: 0.07px}
						.noticia p{color:#000; font-size: 17px; line-height: 20px; letter-spacing: -0.38px; min-height:40px}
						.noticia fecha{ color:#7D7D7D; font-size: 9.29px; line-height: 17px; display: none}
                        #slide-hero .flexslider .slider-text>.slider-text-inner h2 i{ font-weight: bold }
				.slick-slide {
				    margin: 0 10px;
				}
				.slick-dots{ bottom:auto; top: -45px; text-align: right }
				.slick-dots li{opacity: 1; width: 38px; height: 38px}
				.slick-dots li button:before {
				    background: #fff;
				    font-size: 6px;
				    line-height: 12px;
				    position: absolute;
				    top: 0;
				    left: 0;
				    width: 28px;
				    height: 28px;
				    content: ' ';
				    text-align: center;
				    border:5px solid #fff;
				    opacity: 1;
				    border-radius: 28px;
				    -webkit-font-smoothing: antialiased;
				    -moz-osx-font-smoothing: grayscale;
				    box-shadow:0 0px 2px #000, 0 0px 2px #000, 0 0px 2px #000;
				}
				.slick-dots li button{}
				.slick-dots li:hover button:before, .slick-dots li.slick-active button:before{
				    background: #F05051;
				    border: 5px solid #fff; opacity: 1
				}
				.noticias-container{ margin-left: -10px; width: calc(100% + 20px) }

				.aprende-blog .withnext{ margin-left: 0px; margin-top: 10px; background:#000; }
				.treding-container{ width: 100%; float: left; }
				.blog-container,.trending{ float: left }
				@media screen and (max-width: 991px){
					.blog-container,.trending{ width: 100% }
					.trending{ margin-top: 30px }
					.noticias-container{ margin-left: -10px; width: calc(100% + 20px) }
				}
				@media screen and (max-width: 374px){
					.blog-container h4{ /*margin-bottom: 40px */ font-size: 14px!important}
				}
				.trending-box{ width: 100%; float: left; border-top:1px solid #979797; padding:18px}
					.trending-box numero{ font-size: 30px; color: #000; line-height: 36px; width: 50px; text-align: center;
					float: left; height: 36px}
					.trending-box texto{ width: calc(100% - 60px); float: left; }
						.trending-box texto b{ color:#FF4F58; text-transform: uppercase; font-size: 20px; line-height: 30px; letter-spacing: 0.12px;
						margin-bottom: 18px; float: left; width: 100%}
						.trending-box texto span{ color:#000; font-size: 15px; line-height: 19px; letter-spacing: -0.33px; float: left; width: 100%}

                #aboutus .indice-nav,#aboutus .nosotros{ background: #D6FFEB }
                .nosotros .col-sm-6 img{ float: right }
                #aboutus .clientes{ background:#fff }
                     #aboutus .clientes .title p{ color:#000 }
                     @media screen and (max-width: 991px){
                        .nosotros .como-funciona-pic {
                            max-width: 130%;
                            margin-top: 20%;
                        }
                    }
                    @media screen and (max-width: 767px){
                        .nosotros .como-funciona-pic {
                            max-width: 100%;
                            margin-top: -30px; margin-bottom: 40px
                        }
                    }
                .nosotros-continua h1{ padding-bottom: 40px }
                .hoja{margin: 0 auto; max-width: 805px; width: 100%; background-size:100% 100%; background-position: center center;
                    padding:50px; position: relative}
                    .hoja:before{ background-image: url(../images/pin.png); width: 60px; height: 66px; background-size: cover;
                        content: ""; position: absolute; left:-30px; top: -30px}
                    .hoja p{ font-size: 24px; line-height: 36px; color:#000; margin-bottom: 50px; float: left;width: 100% }
                    .hoja b{ font-size: 24px; line-height: 40px; letter-spacing: 0.15px; color:#000; margin-bottom: 50px; float: left; width: 100%}

                .nosotros-continua-indicadores .indice-container { border-top:1px solid #000; display: flex; align-items: center; justify-content:center; 
                flex-direction: column;}
                    .nosotros-continua-indicadores .ilustracion{ margin-top: 85px;float: left; width: 100%; text-align: center; margin-bottom: 60px}
                    .nosotros-continua-indicadores .ilustracion img{ max-width: 550px; width: 100% }
                    .indicadores{ max-width: 680px; margin:0 auto; }    
                        .indicadores div b{ font-size: 80px; line-height: 60px; letter-spacing: 0.48px; color:#000; float: left;
                        width: 100%; text-align: center; margin-bottom: 30px}
                        .indicadores div span{  font-size: 15px; line-height: 18px; letter-spacing:-0.09px; color:#000; 
                        width: 100%; text-align:center; max-width: 170px; margin:0 auto; display: block;}
                        .indicadores div:hover b, .indicadores div:hover span{color: #ED464E; cursor: default}
                        @media screen and (max-width: 767px){
                            .indicadores div{ margin-bottom: 40px }
                            .indicadores div:last-child{ margin-bottom: 0px }
                        }
                .folders{ width: 100%; float: left; margin-top: 30px }
                .slick-initialized .swipe-tab-content {
                  position: relative;
                  min-height: auto;  outline:none
                }
                @media screen and (min-width: 767px) {
                  .slick-initialized .swipe-tab-content {
                    min-height: auto;
                  }
                }
                .slick-initialized .swipe-tab {
                  background: none;
                  border: 0;
                  cursor: pointer;
                  text-align: left;
                  border-top: 0px none!important;
                  outline: none; text-transform: uppercase; display: block; line-height: 1
                }
                .slick-initialized .swipe-tab strong{ width: 100%; float: left; margin-bottom: 30px; font-size: 90px; font-weight: normal;}
                .slick-initialized .swipe-tab i{ width: 100%; float:left; font-size: 20px }

                .slick-initialized .swipe-tab:hover {
                  color: #000; border:0px none!important;
                }
                .swipe-tabs{ font-size: 25px; line-height: 30px; color:#fff; margin-bottom: 50px!important;position: relative; z-index: 99;
                    max-width: 900px;}
                .swipe-tabs .slick-active{ color:#8A8C8C!important; height: auto;
                    margin: 0px; margin-right: 0px; position: relative; transition: 0s}
                    
                    
                .swipe-tabs-container{}
                .slick-initialized .swipe-tab.active-tab{color: #000!important}                    
                    
                   
                .folders {
                  outline:none
                }   
                    .swipe-tabs .slick-active i{ font-style: normal; float: left; }
                    /*.swipe-tabs-container p{ font-size: 35px; line-height: 40px; letter-spacing: 0.21px; color: #000; margin-right: 50px;
                    width: calc(100% - 50px); display: block; margin-bottom: 80px}*/
                    /*.swipe-tabs-container span{ font-size: 24px; line-height: 32px; letter-spacing: -0.04px; color: #000; margin-right: 50px;
                        width: calc(100% - 50px); display: block;}*/
                        .swipe-tabs-container span b{}
                    .swipe-tabs-container img{ width: 100%; float: left}
                        .swipe-tabs-container .col-md-5,.swipe-tabs-container .col-md-7{ padding-left: 0px; padding-right: 0px }
                        .swipe-tabs-container .slick-slide{ margin: 0px }
                @media screen and (max-width: 1298px) {
                    
                }  
                @media screen and (max-width: 1099px) {
                     
                }       
                @media screen and (max-width: 991px) {
                    
                    .swipe-tabs .slick-active{ font-size: 17px }
                    .swipe-tabs{ max-width: 600px }
                }
                @media screen and (max-width: 767px) {
                    .swipe-tabs .slick-active{ white-space: nowrap; }
                    .swipe-tabs .slick-active i{font-size: 14px}
                    .swipe-tabs .slick-active strong{font-size: 50px}
                }
                @media screen and (max-width: 500px) {
                    .slick-initialized .swipe-tab{ display:block; }
                    .swipe-tabs .slick-active:after{ top: 25px }
                    .swipe-tabs .slick-active i{ font-size: 11px }
                    .swipe-tabs .slick-active strong{font-size: 40px}
                    .swipe-tabs .slick-active strong,.swipe-tabs .slick-active i{ text-align: center; }
                }
                @media screen and (max-width: 358px) {
                    .swipe-tabs .slick-active i{ font-size: 10px; text-align: center;}
                }
                .links-footer .indice-container{border-top:1px solid #000; padding-top: 75px}
                     .links-footer .indice-container div{ display: flex; align-items: center; justify-content: center;  flex-direction: column;
                        text-align: center}

                        /*TEST*/
                     .links-footer .indice-container div b{ font-size: 72px; line-height: 71px; margin-bottom: 40px; color: #000}
                     .links-footer .indice-container div a{ border:2px solid #000; color:#000; font-size: 16px; height: 49px; border-radius:100px;
                        line-height: 49px; text-decoration: none; padding-left: 20px; padding-right: 20px}
                        .links-footer .indice-container div a:hover{ background: #000; color: #fff }
                @media screen and (max-width: 991px) {
                    .links-footer .indice-container div b{ font-size: 52px; line-height: 51px }
                    .links-footer .indice-container div:last-child{ margin-top: 50px }
                }
                #services .ilustracion1{ max-width: 300%!important }
                #services .clientes,#services .links-footer{ background: #EBEBEB }
                    #services .clientes .title p{color:#000;}
                @media screen and (max-width: 991px) {
                    #services .ilustracion1{ max-width: 150%!important; margin-top: 30%!important}
                }
                @media screen and (max-width: 767px) {
                    #services .ilustracion1{ max-width: 100%!important; margin-top: -40px!important; margin-bottom: 40px}
                }

                .franjaespecial{ width: 100%; border-bottom: 1px solid #000; float: left; padding-bottom: 20px;  font-size: 25px; line-height: 47px;
                letter-spacing: 0.15px; color: #000; margin-bottom: 40px }

                
                	.franjapasos .paso k{ width: 52px; height: 52px; border:1px solid #000; line-height: 48px; text-align: center;  font-size: 43px;
                	float: left; border-radius: 52px; background: #fff}
                
                	.franjapasos .paso p{ width: calc(100% - 76px); margin-left: 24px; float: left; margin-bottom: 0px}
                		.franjapasos .paso p b{font-size: 35px; text-transform: uppercase;color:#000; line-height: 53px; margin-bottom: 4px;
                		float: left; width: 100%}
                		.franjapasos .paso p span{ font-size: 16px; line-height: 22px; color: #000;float: left; width: 100%}
				
                	.franjatiposeguro .seguros-container-big{ display: flex; align-items: center; justify-content: center; flex-direction: column; }
                	.franjatiposeguro .seguros-container-big h4{ font-size: 40px; line-height: 48px; color: #fff; margin-bottom: 40px }
					.franjatiposeguro .seguro span{color: #fff; font-weight: bold; padding-right: 10px}
					.franjatiposeguro .seguro p{ width: 180px; height: 206px; background-position: center center; background-size: contain; margin:0 auto; background-repeat: no-repeat;}
					.franjatiposeguro .seguros{ max-width: 700px }		
					.franjatiposeguro .seguro{ cursor: pointer }
					.seguroautomovil.active p,.seguroautomovil:hover p{background-image:url(../images/button_automovil_hover.png)!important}
					.segurohogar.active p,.segurohogar:hover p{background-image:url(../images/button_hogar_hover.png)!important}
					.segurogastos.active p,.segurogastos:hover p{background-image:url(../images/button_gastosmedicos_hover.png)!important}
					body .gm img{ max-width: 136px!important; margin-top: -10px!important }
					@media screen and (max-width: 991px){
						.franjapasos .paso p b{ font-size: 29px }
						body .gm img{ width: 77%!important }	
					}
					@media screen and (max-width: 767px){
						.franjatiposeguro .seguro p{ width: 100px; height: 105px}
						.franjapasos .paso{ margin-bottom: 30px; float: left; width: 100% }
						.franjapasos .paso:last-child{ margin-bottom: 0px }
						body .gm img{ width: 77%!important }	
					}

				.contenido-seguro{ display: none}
				.contenido-seguro.active{ display: block}
				.contenido-seguro .nuestra-mision h4{ float: left;width: 100% }

				.stores {
				    float: left;
				    width: 100%; 
				}
				.stores h3 {
				    color: #000;
				    font-size: 60px;
				    line-height: 40px;
				    border-bottom: 1px solid #000;
				    padding-bottom: 30px;
				    width: 100%;
				    position: relative;
				    cursor: pointer;
				    float: left;
				    padding-right: 50px;
				    padding-top: 0px;
				    max-width: 100%;
				    padding-left: 0px
				}
                .stores h1{border-top: 1px solid #000; padding-top: 30px; margin-top: 30px; padding-bottom: 0px; position: relative; cursor: pointer; transition: 0.15s}
                    .stores h1 number{ position: relative; top: auto; font-size: 30px; bottom: 0px; left: 15px }
				.stores h3:before{ display: none }
				.stores k {
				    width: 100%;
				    float: left;
				}
				.stores img {
				    position: absolute;
				    right: 0px;
				    top: 30px;
				    -webkit-transform: rotate(-180deg);
				    -moz-transform: rotate(-180deg);
				    -ms-transform: rotate(-180deg);
				    transform: rotate(-180deg);
				    -webkit-transition: 0.2s;
				    -o-transition: 0.2s;
				    transition: 0.2s
				}
				.stores div {
				    display: none;
				    float: left;
				    width: 100%;
				    padding-left: 0px; padding-right: 0px;
				    margin-bottom: 0px; padding-bottom: 0px;
				    /*column-count: 2; column-gap: 60px*/
				}
                    .stores div p{ width: 50%; float: left; }
                    .stores div ul{  width: 35%; margin:0px; float: right; padding-top: 0px}
                        .stores div ul li{ color: #000; font-size: 35px}
					@media screen and (max-width: 1200px){
                        .stores div p{ width: 50%}
						.stores div ul{ width: 50%}
					}
					@media screen and (max-width: 991px){
						.stores div p,.stores div ul{ width: 100% }
                        .stores div ul{ margin-top: 20px}
                        .stores div ul li{ font-size: 30px }
                        .stores img { height: 40px; top: 40px }					
					}

                    @media screen and (max-width: 500px){
                        section .stores h1{ font-size: 40px }
                        .stores img { top: 35px }
                        .stores div ul li{ font-size: 25px }
                        .stores h1 number{ position: absolute; left: 0px; display: none }
                    }
                    @media screen and (max-width: 358px){
                        section .stores h1{ font-size: 33px }
                        .stores img { top: 35px; height: 30px}
                    }

				.stores h1.active img {
				    -webkit-transform: rotate(0deg);
				    -moz-transform: rotate(0deg);
				    -ms-transform: rotate(0deg);
				    transform: rotate(0deg)
				}
				.stores div:last-child{ margin-bottom: 0px }
				.stores div.active{ display: block;  margin-bottom: 0px }
                .stores h1.active{ padding-bottom: 30px }

				.contenido-seguro .iralblog h4{  font-size: 40px; line-height: 47px; max-width: 400px}
				.contenido-seguro .iralblog span{ font-size: 24px;  line-height: 33px; letter-spacing: -0.16px; color: #000;
				float: left; width: 100%; margin-bottom: 20px; max-width: 550px}
				.contenido-seguro .iralblog a{ background: #F9F9F9; border: 2px solid #000; height: 47px; line-height: 47px; width: 200px;
				text-align: center; font-size: 16px;color: #000; float: left; border-radius: 100px; text-decoration: none}
					.contenido-seguro .iralblog a:hover{ background: #000; color:#fff; }
					.iralblogpiccontainer{ position: relative; height: 100%}
					.iralblogpiccontainer .pica1{ float: left; width: 100%; position: relative; z-index: 1}
						.iralblogpiccontainer:before{position: absolute; width: calc(100% - 30px); height: 100%; content: ""; top: 15px; left:30px;
						z-index: 0}
					.iralblogpiccontainer .avion{ bottom:-6%; top: auto; left:-6%; }
					@media screen and (max-width: 991px){
						.contenido-seguro .iralblog a{ margin-bottom: 30px }
					}

				.paquetes h4{width: 100%;float: left;font-size: 25px;line-height: 47px;letter-spacing: 0.15px;color: #000; margin-bottom: 40px;}
				.paquete-item{ width: 100%; background: #fff; border:2px solid #000; float: left; padding: 20px; cursor: default; min-height: 140px; transition: 0.15s}
					/*.paquetes .paquetecontainer:first-of-type{ padding-left: 0px }
					.paquetes .paquetecontainer:last-of-type{ padding-right: 0px }*/
					.paquete-item b{ font-size: 27px; line-height: 40px; float: left; width: 100%; color:#000; margin-bottom: 20px}
					.paquete-item span{ font-size: 15px; float: left; width: 100%; line-height: 18px; color:#000; letter-spacing: -0.09px;
						display: block;
	    				display: -webkit-box;
	    				max-width: 100%;
						-webkit-line-clamp: 2;
					    -webkit-box-orient: vertical;
					    overflow: hidden;
					    text-overflow: ellipsis}
					.paquete-item:hover span{ display: block; }
					.paquete-item:hover{ padding: 35px}
					@media screen and (max-width: 1299px){
						.paquete-item b{ font-size: 23px }
					}
					.subcontainer{ float: left; width: 50% }
						/*.subcontainer .paquetecontainer:first-of-type{ padding-left: 0px }*/
					
					@media screen and (max-width: 1199px){
						.subcontainer .paquetecontainer:first-child{ margin-bottom: 30px }
					}
					@media screen and (max-width: 767px){
						.subcontainer{ width: 100% }
						.subcontainer:first-of-type{ margin-bottom: 30px }
						/*.paquetes .paquetecontainer:nth-child(4){ margin-bottom: 30px }*/
					}
				body .flexcenter{ display: flex; align-items: center; justify-content: center; }

				body.seguro-automovil .paquete-item:hover{background: #D6FFEB}
				body.seguro-automovil .iralblogpiccontainer:before{background: #00C168}	
				body.seguro-automovil .iralblog{background: #D6FFEB}
				body.seguro-automovil h3.active {color: #00C168}
				body.seguro-automovil .withnext{ background: #00C168 }
                body.seguro-automovil .withnext:hover{ background: #000 }
                body.seguro-automovil .franjapasos{background: #D6FFEB}
                body.seguro-automovil .paso k{color: #00C168}
                body.seguro-automovil .franjatiposeguro{ background: #00C168 }

                body.seguro-hogar .paquete-item:hover{background: #C6D1FF}
                body.seguro-hogar .iralblogpiccontainer:before{background: #006ED8}
                body.seguro-hogar .iralblog{background: #C6D1FF}
                body.seguro-hogar h3.active {color: #006ED8}
                body.seguro-hogar .withnext{ background: #006ED8 }
                body.seguro-hogar .withnext:hover{ background: #000 }
                body.seguro-hogar .franjapasos{background: #C6D1FF}
                body.seguro-hogar .paso k{color: #006ED8}
                body.seguro-hogar .franjatiposeguro{ background: #006ED8 }

                body.seguro-gastos .paquete-item:hover{background: #FF86A8}
                body.seguro-gastos .iralblogpiccontainer:before{background: #EC1567}
                body.seguro-gastos .iralblog{background: #FF86A8}
                body.seguro-gastos h3.active {color: #EC1567}
                body.seguro-gastos .withnext{ background: #EC1567 }
                body.seguro-gastos .withnext:hover{ background: #000 }
                body.seguro-gastos .franjapasos{background: #FF86A8}
                body.seguro-gastos .paso k{color: #EC1567}
                body.seguro-gastos .franjatiposeguro{ background: #EC1567 }   

                .blog .noticia span.partialtext{ color:#555454; letter-spacing: -0.11px}
                .blog .noticia fecha{ display: block; }             

                .blog .noticia p{display: -webkit-box;
	    				max-width: 100%;
						-webkit-line-clamp: 2;
					    -webkit-box-orient: vertical;
					    overflow: hidden;
					    text-overflow: ellipsis}
				.blog .noticia span.partialtext{display: -webkit-box;
	    				max-width: 100%;
						-webkit-line-clamp: 3;
					    -webkit-box-orient: vertical;
					    overflow: hidden;
					    text-overflow: ellipsis}

                .twonoticias,.threenoticias{width: 100%; float: left; margin-bottom: 0px}
                	.twonoticias .noticia{ width: calc(50% - 30px); margin: 15px; padding: 20px}
                	.twonoticias .noticia b{ font-size: 16px; line-height: 24px; padding-bottom: 20px; display: block; }
                	.twonoticias .noticia p{ font-size: 30px; line-height: 33px; margin-bottom: 60px; min-height:66px}
                	.twonoticias .noticia span{ height: 267px }
                	.twonoticias .noticia span.partialtext{ font-size: 16px; line-height: 22px; height: auto; min-height: auto; min-height:105px}

                .threenoticias:last-child{ margin-bottom: 0px }
                	.threenoticias .noticia{ width: calc(33.33% - 30px); margin: 15px; padding: 20px}
                	.threenoticias .noticia b{ font-size: 16px; line-height: 24px; padding-bottom: 20px; display: block;}
                	.threenoticias .noticia p{ font-size: 22px; line-height: 27px; margin-bottom: 30px; min-height:54px}
                	.threenoticias .noticia span.partialtext{ font-size: 16px; line-height: 22px; height: auto; min-height: auto}
                	.blog .threenoticias .noticia p{-webkit-line-clamp: 3;}

                @media screen and (max-width: 1099px){
                	.threenoticias,.twonoticias{ display: contents; }
                	.threenoticias .noticia{ width: calc(50% - 30px); margin: 15px; padding: 20px}
                	.threenoticias .noticia b{ font-size: 16px; line-height: 24px; padding-bottom: 20px; display: block; }
                	.threenoticias .noticia p{ font-size: 30px; line-height: 33px; margin-bottom: 60px}
                	.threenoticias .noticia span{ height: 267px }
                	.threenoticias .noticia span.partialtext{ font-size: 16px; line-height: 22px; height: auto; min-height: auto}
                }
                @media screen and (max-width: 991px){
                	.threenoticias .noticia,.twonoticias .noticia{ width: 100%; margin-left: 0px; margin-right: 0px }
                	.threenoticias .noticia b,.twonoticias .noticia b{ font-size: 16px; line-height: 24px; padding-bottom: 20px; display: block;}
                	.threenoticias .noticia p,.twonoticias .noticia p{ font-size: 22px; line-height: 27px; margin-bottom: 30px}
                	.threenoticias .noticia span.partialtext,.twonoticias .noticia span.partialtext{ font-size: 16px; line-height: 22px; height: auto; min-height: auto}
                	.blog .threenoticias .noticia p{-webkit-line-clamp: 3}
                }

                .buscador-container, .buscador-container form{ width: 100%; float: left; margin:0px;}
                	.buscador-container{ margin-bottom: 40px; margin-top: -85px }
                	.categorias-container{ display: flex; align-items: center; justify-content: center }
                		.categorias-container button{ width: 100%; color: #000; border:1px solid #979797; height: 53px; line-height: 53px; border-radius: 6px;
                			margin-right: 5px; margin-left: 5px; background: #fff}
                			.categorias-container button:hover{ background: #000; color: #fff; border-color:#000; }
                	.busqueda-container label{ width: 130px; height: 53px; border-radius:6px 0 0 6px; background: #FF5F5F; color: #000;
                		font-size: 16px; line-height: 53px; text-align: center; font-weight: normal; float: left;}
                	.busqueda-container input{ width: calc(100% - 130px); float: left; height: 53px; line-height: 53px; border:1px solid #979797;
                	border-radius:  0px 6px 6px 0px; background: #fff; border-left: 0px none; outline: none; padding: 20px;
                	font-size: 16px; color: #000}
                .paginas-container{ width: 100%; float: left; display: flex; align-items: center; justify-content: center; margin-top: 30px}
                	.paginas-container a{color:#000; margin-left: 5px; margin-right: 5px; font-size: 16px; text-decoration: none}
                	.paginas-container a.active,.paginas-container a:hover{color:#FF5F5F; text-decoration: underline;}

               .entrada .aprende-blog{ background: #F05051 }
               		.entrada .noticia{ background: #fff }
               		.entrada .como-funciona .title h1{ color:#fff; max-width: 100%; text-align: left; margin-bottom: 40px; margin-left: 15px }

               		.entrada-container img{ float: left; width: 100%; margin-bottom: 85px }
               		.entrada-derecho h4{ font-size: 70px; line-height: 63px; float: left; width: 100%; margin-bottom: 85px;
               		color:#000;}
               		.entrada-derecho p{ margin-bottom: 0px; font-size: 20px; color:#000; line-height: 32px; letter-spacing: -0.14px;
               		float: left; width: 100%; margin-bottom: 40px}
               		.entrada-izquierdo span{ font-size: 22px; line-height: 32px; color:#000; margin-bottom: 300px; float: left; width: 100%;
               		margin-top: 0px}
               		.entrada-izquierdo p{ font-weight: bold; font-size: 22px; line-height: 32px; letter-spacing: -0.15px; color: #000;
               		float: left; width: 100%; margin-bottom: 30px}
               	@media screen and (max-width: 991px){
               		.entrada-izquierdo span{ margin-top: -50px; margin-bottom: 30px }
               		.entrada-izquierdo span{ font-size: 18px; line-height: 28px }
               		.entrada-izquierdo p{ font-size: 18px; line-height: 28px }
               		.entrada-derecho h4{ font-size: 50px; line-height: 53px }
               		.entrada-derecho p{ font-size: 17px; line-height: 28px }
               		.categorias-container{ margin-top: 10px }
               		.categorias-container button:first-of-type{ margin-left: 0px }
               		.categorias-container button:last-of-type{ margin-right: 0px }
               		.categorias-container,.busqueda-container{ padding-left: 0px; padding-right: 0px }
               	}
               	@media screen and (max-width: 424px){
               		.busqueda-container label{ width: 80px; font-size: 11px}
               		.busqueda-container input{ width: calc(100% - 80px) }
               		.categorias-container button{ padding-left: 10px; padding-right: 10px; font-size: 9px; line-height: 30px; height: 30px }
               		#indice-offcanvas .dropdown a{ font-size: 17px }
               		
               	}
               	
               	.entrada-inferior{ float: left;width: 100%; margin-top: 50px; border-top:2px solid #000; padding-top: 50px; color:#000;}
               		.entrada-inferior b{ font-size: 22px }
               		.entrada-inferior span{ font-size: 22px; line-height: 32px }
               		.entrada-inferior-derecho img{ width: 99px; float: left; margin-right: 30px }
               	.rotated{transform: scaleX(-1);}


               	.faq .contenido-seguro .preguntas .indice-container .stores{ border:2px solid #000; padding:50px}
               	.faq .preguntas{ padding-bottom: 0px }
               	.faq .preguntas-gastos .preguntas{ padding-bottom: 85px }
               	.faq .stores h4{ font-size: 72px; line-height: 60px; margin-bottom: 30px; color: #000; float: left; width: 100% }
               	.faq .stores h3{ padding-bottom: 0px; border-top:1px solid #000; border-bottom: 0px none; padding-top: 10px; padding-right: 65px}
               	.faq .stores k{ font-size: 20px; line-height: 30px}
               	.faq .stores p{ font-size: 16px; column-count: 1; line-height: 22px; padding-bottom: 20px}
               	.faq .stores img{ top: 20px }
               	.faq .stores p.active{ margin-bottom: 10px; border-bottom: 0px none}
               		body.faq .preguntas-automovil .stores{background: #D6FFEB}
               		body.faq .preguntas-hogar .stores{background: #C6D1FF}
               		body.faq .preguntas-gastos .stores{background: #FF86A8}

               	.folder{ width: 100%; height: 200px;  background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; display: flex; align-items: center;
               		justify-content: center; cursor: pointer;}
               		.faq .contenido-seguro{ float: left; width: 100%; display: block; }
               		.folder span{ font-size: 48px; line-height: 43px; color: #000; text-align: center }
               	@media screen and (max-width: 1199px){	
               		.folder span{ font-size: 38px; line-height: 33px }
               	}
               	@media screen and (max-width: 991px){	
               		.folder{ height: 150px }
               		.folder span{ font-size: 25px; line-height: 25px }
               		.faq .stores h4{ font-size: 52px; line-height: 40px}
               		.faq .stores k{ font-size: 18px; line-height: 24px }
               	}
               	@media screen and (max-width: 767px){
               		.folder{ height: 120px }
               		.folder span{ font-size: 18px; line-height: 22px }
               		.faq .stores h4{ font-size: 32px; line-height: 30px}
               		.faq .stores k{ font-size: 17px; line-height: 22px }
               		.faq .contenido-seguro .preguntas .indice-container .stores{ padding: 30px }
               	}
               	@media screen and (max-width: 425px){
               		.folderscontainer .indice-container .col-xs-4{ padding-left: 3px; padding-right: 3px }
               		.folder{ height: 80px }
               		.folder span{ font-size: 13px; line-height: 18px }
               	}
               	.formulario-contacto .title p{ text-transform: none; margin-top: 30px; font-size: 20px; line-height: 28px }
               	.formulario{ float: left; width: calc(100% + 30px); margin-left: -15px; margin-top: 40px}
               		.inputcontainer{ position: relative; margin-bottom: 40px}
               		.inputcontainer label{ background:#fff; color: #000; font-size: 20px; line-height: 33px; padding-left: 10px; padding-right: 10px;
               		position: absolute; left:30px; top: -16.5px }
               		.inputcontainer input,.inputcontainer textarea{ border:2px solid #000; float: left; width: 100%; height: 54px; line-height: 54px; padding: 20px; color: #000; font-size: 16px;
               			outline: none}
               		.inputcontainer textarea{ height: 123px; line-height: 32px}
               		.acepta-formulario{ margin-top: 0px; float: left; width: 280px; padding-left: 15px}

               			.acepta-formulario a{color:#000;}
               		/* Customize the label (the container) */
					.checkcontainer {
					  display: block;
					  position: relative;
					  padding-left: 35px;
					  margin-bottom: 12px;
					  cursor: pointer;
					  font-size: 14px; color:#000; line-height: 30px; font-weight: normal;
					  -webkit-user-select: none;
					  -moz-user-select: none;
					  -ms-user-select: none;
					  user-select: none;
					}

						/* Hide the browser's default checkbox */
						.checkcontainer input {
						  position: absolute;
						  opacity: 1;
						  cursor: pointer;
						  height: 1px;
						  width: 1px; background: transparent; border: 0px none; padding: 0px; margin: 0px; 
                          -moz-appearance: none;
                            -webkit-appearance: none;
                            appearance: none
						}

						/* Create a custom checkbox */
						.checkcontainer .checkmark {
						  position: absolute;
						  top: 0;
						  left: 0;
						  height: 25px;
						  width: 25px;
						  background-color: #fff; border:2px solid #000;
						}

						/* On mouse-over, add a grey background color */
						.checkcontainer:hover input ~ .checkmark {
						}
						.checkcontainer:hover input ~ .checkmark:after {
							display: block;
							left: 4px; top: 4px; height:13px; width: 13px; background:#ccc; 
						}

						/* When the checkbox is checked, add a blue background */
						.checkcontainer input:checked ~ .checkmark {
						}

						/* Create the checkmark/indicator (hidden when not checked) */
						.checkcontainer .checkmark:after {
						  content: "";
						  position: absolute;
						  display: none;
						}

						/* Show the checkmark when checked */
						.checkcontainer input:checked ~ .checkmark:after {
						  display: block;
						}

						/* Style the checkmark/indicator */
						.checkcontainer input:checked ~ .checkmark:after {
						  left: 4px; top: 4px; height:13px; width: 13px; background:#F05051!important; 
						}

					.formulario button{ float: left; margin-left: 30px; height: 65px; background:#F05051; padding-left: 30px; padding-right: 30px; border: 0px none;
					color: #fff; font-size: 16px; margin-bottom: 20px}
					.formulario button img {height: 15px; padding-left: 40px}
						.formulario button:hover{ background:#000; }
               	@media screen and (max-width: 991px){
               		.inputcontainer label{ font-size: 16px }
               	}
               	@media screen and (max-width: 767px){
               		.acepta-formulario{ width: 100% }
               		.formulario button{ width: calc(100% - 30px); margin-left: 15px; margin-right: 15px; padding-left: 0px; padding-right: 0px}
               	}		
               	.answered h2{color:#000;}
               	.answered h4{color:#000;}
               	#divMessage{ width: auto; float: left; }	
               		#divMessage .answered{ margin-top: 0px }			
               		#divMessage .answered img{ width: 30px; margin-bottom: 10px }
               		@media screen and (max-width: 991px){
               			#divMessage{ width: 100%; margin-top: 30px }
               		}
               	#contacto .como-funciona .title h1{ max-width: 100%; margin-bottom: 40px }
               	#contacto .como-funciona  span{ font-size: 24px; line-height: 32px; letter-spacing: -0.16px; color: #000; float: left;
               	width: 100%; margin-left: -15px }

               	#contacto .indice-nav, #contacto .como-funciona {background: #FFFBB9}
               	#contacto .como-funciona{ padding-bottom: 190px }
               	#contacto .clientes{ background:#fff; padding-top: 0px}
               	#contacto .links-footer{ margin-top: -200px }
               	#contacto .siniestros-container{width: calc(100% + 30px); margin-left: -15px; float: left;display: flex; flex-direction: inherit; margin-right: -15px}
               	#contacto .links-footer .indice-container{ border-top: 0px none; border-bottom: 1px solid #000; display: flex; padding-bottom: 75px }
               	#contacto .links-footer .indice-container div b{  font-size: 30px; line-height: 39px; margin-bottom: 20px}
               	#contacto .links-footer span{ width: 100%; height: 330px; border:2px solid #000; background-size: cover; margin-bottom: 30px; background-position: center center;
               		background-repeat: no-repeat;}
               	#contacto .clientes .cliente{ width: 33.33%; height: 280px; margin-left: 0px!important; cursor: pointer;}
               	#contacto .siniestros-container a.active{ background: #000; color: #fff }
               	#contacto .clientes .clientesbox{ display: none }
               	#contacto .clientes .clientesbox.active{ display: block; }
               		#contacto .clientes .clientesbox.non-active{ display: none!important }

               	.siniestro-detalle{ display: none; width: calc(100% - 80px); border:1px solid #000; padding: 85px; float: left; margin-left: 40px; margin-right: 40px; position: relative;}
               		.siniestro-detalle img.logomini{ float: left; margin-bottom: 30px }
               		.siniestro-detalle b{ font-size: 30px;  line-height: 33px; margin-bottom: 40px; float: left; width: 100%; color: #000}
               		.siniestro-detalle span{ font-size: 26px; line-height: 36px; margin-bottom: 0px; float: left; width: 100%; color: #000 }
               		.siniestro-detalle span b{ font-size: 26px; width: auto; line-height: 36px; margin-bottom: 0px; float: none}
               			.siniestro-detalle span a{color:#000; text-decoration: underline;}               	
               	.siniestro-detalle.active{ display: block; }
               	.close-siniestro{ position: absolute; right: 30px; top: 30px; cursor: pointer;}
               	#contacto .links-footer .indice-container div span,#contacto .links-footer .indice-container div b{ cursor: pointer; }
               	.te-aseguro img{ max-width: 100% }
               	@media screen and (max-width: 1099px){
               		#contacto .links-footer span{ height: 250px }
               	}
               	@media screen and (max-width: 991px){
               		#contacto .links-footer span{ height: 200px }
               		#contacto .links-footer .indice-container div b{ font-size: 25px }
               		#contacto .links-footer .indice-container div:last-child{ margin-top: 0px }
               		#contacto .clientes .cliente{ height: 200px }
               		.siniestro-detalle b{ font-size: 25px }
               		.siniestro-detalle span,.siniestro-detalle span b{ font-size: 20px; line-height: 30px }
                }
                @media screen and (max-width: 767px){
                	#contacto .clientes .cliente{ height: 150px }
                	#contacto .como-funciona{ padding-bottom: 150px }
                	#contacto .links-footer{ margin-top: -150px }
                	#contacto .links-footer span{ height: 150px }
                	#contacto .links-footer .indice-container div b{ font-size: 16px; width: 100% }
                	#contacto .links-footer .indice-container div a{ padding-left: 5px; padding-right: 5px; width: 100%; font-size: 11px }
                	.siniestro-detalle{ padding: 50px }
                }
                @media screen and (max-width: 599px){      
                	#contacto .clientes .cliente{ height: 120px }          	
                	#contacto .links-footer span{ height: 120px }
                	#contacto .links-footer .indice-container div b{ font-size: 14px }
                	#contacto .links-footer .indice-container div a{ padding-left: 5px; padding-right: 5px; font-size: 9px; white-space: nowrap; }
                	#contacto .siniestros-container div:first-child{ padding-right: 0px }
                	#contacto .siniestros-container div:last-child{ padding-left: 0px }
                	.siniestro-detalle{ padding: 30px }
                	.siniestro-detalle b{ font-size: 20px }
                	.close-siniestro{ width: 30px }
                	.siniestro-detalle span, .siniestro-detalle span b {
					    font-size: 17px;
					    line-height: 27px;
					}
                }
                @media screen and (max-width: 424px){    
                	#contacto .links-footer .indice-container div b{ line-height: 14px; height: 28px }
                	#contacto .links-footer .indice-container div a{ height: 30px; line-height: 30px; font-size: 8px }
                	.close-siniestro{ width: 20px }
                	.siniestro-detalle{width: calc(100% - 50px); margin-left: 25px; margin-right: 25px}
                	#contacto .clientes .cliente{ margin-top: 0px; margin-bottom: 30px; width: 50% }
                	#contacto .links-footer span{ height: 100px }
                	#contacto .links-footer .indice-container div{ padding-left: 5px; padding-right: 5px }
                }
                .bggrey{ background: #E9E4ED }
                .bgwhite{ background: #ffffff }
                .bottomblack{ border-bottom: 1px solid #000 }
                .topblack{  }
                .bggrey.topblack,.bgwhite.topwhite{ padding-top: 20px; padding-bottom: 20px; height: auto; float: left; width: 100% }



.proyectoslider{ width: 100%; float: left; height: calc(100vh - 79px); min-height: 500px }
    .proyectoslider .slick-slide{ margin: 0px }


/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block; outline: none
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* Dots */

.slick-slider
{
    margin-bottom: 0px;
}

.slick-dots
{
    position: absolute;
    /*bottom: -45px;*/
    bottom:-45px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li
{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    background:rgba(0,0,0,0.5);
    font-size: 6px;
    line-height: 10px;
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    content: ' ';
    text-align: center;
    opacity: .25;
    color: black;
    border-radius:10px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

.slick-prev, .slick-next {
    font-size: 40px;
    line-height: 0;
    position: absolute;
    top: 105px;
    display: block;
    width: 33px;
    height: 33px;
    padding: 0;
    cursor: pointer;
    border: none;
    outline: none;
    background: transparent; text-indent:-9999px; cursor:pointer; z-index:1800;
    transition: 0.2s
}

.slick-prev{ background: url(../images/left-arrow.svg) center center no-repeat; left:-113px; background-size: cover}  
.slick-next{ background: url(../images/right-arrow.svg) center center no-repeat; left:-63px;  background-size: cover}

.slider.center{ margin-top: 0px }
.clip{ height: 630px; outline: none}
    .clip div{ height: 100%; background-position: center center; background-size: cover; background-color:#DCDCDC; }    

.slider.notcenter,.slider.notcenter .slick-list,.slider.notcenter .slick-track{ height: 100% }
.slider.notcenter .clip{ height: 100%; outline: none; width: 100%; position: relative;}
    .slider.notcenter .clip div{ height: 100%; background-position: center center; background-size: cover; background-color:#DCDCDC; }             
    .slider.notcenter .clip texto{ width: 100%; height: auto; padding: 20px; color: #fff; font-size: 20px; position: absolute;
    left: 0px; top: 0px; border-bottom: 1px solid #fff; z-index: 2 }
        .slider.notcenter .clip texto nombre{ float: left; padding-left: 15px}
        .slider.notcenter .clip texto fecha{ float: right; padding-right: 15px}

.loader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #000;
}
.lds-ring {
  display: inline-block;
  position: absolute;
  width: 64px;
  height: 64px; left:50%; margin-left:-32px; margin-top:-32px; top:50%
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border: 6px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

    @media screen and (max-width: 767px){        
        .center .clip{ height: 350px }
    }

            .modalcustom{ position: fixed; top: 0px; left: 0px; width: 100%; background: rgba(0,0,0,0.73); z-index: 99999; height: 100%; padding: 30px; bottom:0px;
            overflow-y:scroll;overflow-x:hidden;  opacity: 0; transition: 0.5s; visibility: hidden;
            display: flex; align-items: center; justify-content: center;}
            regresar{ float: left; width: 50%; text-decoration: underline; color: #000; font-size: 22px; text-transform: uppercase; cursor: pointer; margin-bottom: 30px}
            closemodal{ width:30px; height: 30px; cursor: pointer; position: absolute; right: 15px; top: 15px}
                closemodal img{ float: right; height: 40px }                 
                descripcionmodal{ float: left; width: 50% }
                    descripcionmodal proyecto,descripcionmodal lugar,descripcionmodal medida, descripcionmodal fecha{ float: left;width: 100%; color: #8A8C8C; font-size: 20px}
                    descripcionmodal proyecto{color: #000; font-size: 20px}
                equipomodal{ float: right; width: 50%; color: #000; max-width: 600px}
                    equipo{ float: left; width: 100%; border-bottom: 1px solid #000; padding-bottom: 10px }
                    arquitecto,carpintero,estructura,obra{ float: left; width: 100%; border-bottom: 1px solid #000; padding-bottom: 10px; padding-top: 10px}
                    cargo,persona{ float: left; width: 50%; text-transform: uppercase;}
                    persona{color: #8F8F8F}
                .contenidomodal{ float: left; width: 100%; min-width: 300px; height: auto; min-height: 300px; background:#fff; border:2px solid #D1D1D1;
                    border-radius: 5px; padding: 0px; position: relative; max-width: 590px}
                 .contenidoinnermodal{ font-size: 35px; line-height: 50px; color: #000; text-align: center; display: flex; flex-direction: column; justify-content: center;align-items: center;
                    min-height: 300px; padding: 30px}
                    .contenidoinnermodal h8{ font-size: 28px; line-height: 28px; margin-bottom: 30px; color: #000; font-weight: bold }
                    .contenidoinnermodal p{color: #939393; font-size: 20px; line-height: 30px; margin-bottom: 30px; font-family: "Publico"}
                    .contenidoinnermodal form{ float: left;width: 100% }
                    .contenidoinnermodal form input{ width: 100%; float: left; border:2px solid #9B9B9B; padding: 15px; font-size: 20px; margin-bottom: 20px;
                        border-radius: 2px; height: 65px; outline: none}
                        .contenidoinnermodal form input:focus{ border:2px solid #000; }
                    .contenidoinnermodal form button{ background: #000; width: 231px;  height: 69px; line-height: 69px; color: #fff; font-size: 20px; border:0px none; }
                    @media screen and (max-width: 767px){                        
                        .contenidomodal{ height: 500px; min-height: 500px}
                        .contenidoinnermodal p{ font-size: 16px }
                        closemodal img{ width: 30px; height: 30px }
                    }
                    @media screen and (max-height: 500px){   
                        .modalcustom{align-items: flex-start;}
                    }
            .onmodal{ overflow: hidden }
            .onmodal .modalcustom{  opacity: 1; top: 0px; visibility: visible}
           

section{ float: left; width: 100%; padding: 0px; position: relative; height: auto}
section#nosotros{ height: auto }
                /*section .title{ float: left; width: 100%; margin: 0px }
                section .title h1,section h1{color: #000;  font-size: 35px; line-height: 34px; float: left;width: 100%; margin-bottom: 0px;
                    font-weight: bold}
                section .stores h1{color: #000}
                section p{ font-family: "Publico" }
                section.nosotros p{color: #939393; font-size: 27px; line-height: 34px; margin-bottom: 64px; margin-top: 44px}
                section.nosotros h2{color: #000; font-size: 34px; float: left; margin-bottom: 0px}
                section.nosotros h3{ border-top: 4px solid #000; font-size: 28px; line-height: 50px; font-weight: normal; color: #000;
                float: left; width: 100%; margin-top: 80px; margin-bottom: 30px; font-weight: bold}*/

                .col-sm-12{ float: left; }
                .insights-container{ float: left; width: calc(100% + 30px); margin-left: -15px}
                .blackcontainer .insights-container{ margin-bottom: 40px }
                    .blackcontainer .insights-container:last-child{ margin-bottom: 0px }
                    .insight{ float: left; margin-bottom: 30px}
                        .insight .img-container{ width: 100%; height: 244px; display: flex; align-items: center; justify-content: center;
                         overflow: hidden; border-radius: 4px; float: left; transition: 0.15s}
                    .biginsight{display: flex;}
                         .biginsight .img-container{height: 516px}
                            .insight .img-container img{ width: 110%; min-height: 100%}
                    .paddingleftwithborder{ width: 100%; float: left; margin-top: 30px; padding-left: 20px; border-left: 1px solid #979797; padding-right: 20px}
                    .biginsight .paddingleftwithborder{ height: 100%;border-left: 0px none; border-right: 1px solid #979797; margin-top: 0px;
                    padding-left: 5px; padding-right: 35px }
                        tag{ border:1px solid #000; height: 24px; padding-left:10px; padding-right: 10px; float: left;
                        font-size:14px; line-height: 24px; color:#000; text-transform: uppercase; border-radius: 100px; margin-bottom: 20px}
                        tag.manufacturing{ background-color: #000; color: #fff }
                        tag.pharma{ background-color: #EF5249; border-color: #EF5249; color: #fff }
                        .insight span{ float: left; margin-top: 24px; color: #000; font-size: 15px; line-height: 20px; width: 100%; font-family: "Publico";
                        margin-bottom: 25px; overflow: hidden;
                       text-overflow: ellipsis;
                       display: -webkit-box;
                       -webkit-box-orient: vertical;
                       -webkit-line-clamp: 3; /* number of lines to show */
                       line-height: 1.2em;        /* fallback */
                       max-height: 3.6em;       }
                        .insight h1{overflow: hidden;
                       text-overflow: ellipsis;
                       display: -webkit-box;
                       -webkit-box-orient: vertical;
                       -webkit-line-clamp: 2; /* number of lines to show */
                       line-height: 1;        /* fallback */
                       max-height: 2em; min-height: 2em}
                       .biginsight h1{ font-size: 45px; line-height: 50px; max-height: max-content;-webkit-line-clamp:inherit}
                       .biginsight span{ font-size: 18px; line-height: 28px; max-height: max-content;-webkit-line-clamp:inherit }
                .industries-container{float: left; width: calc(100% + 30px); margin-left: -15px}
                    .industries-container a{ float: left; width: 25%; padding-left: 15px; padding-right: 15px; display: flex; justify-content: center; line-height: 23px; color: #000;
                        margin-bottom: 37px; align-items: center; min-height: 73px}
                        .industries-container a span{ font-size: 22px; line-height: 23px }
                        .industries-container a img{ width: 35%; margin-right: 15px }
                .capabilities-container{float: left; width: calc(100% + 40px); margin-left: -15px}
                    .capability{ float: left; width: calc(100% - 50px); margin-bottom: 11px; padding: 20px; cursor: pointer; padding-right: 60px; position: relative;
                        transition: 0.15s; -moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select: none;
                        border-top: 1px solid #000; padding-left: 0px; margin-left: 40px}
                        .capability:before{ content: ""; position: absolute; right: 0px; top: 22px;
                        width: 40px;
                        height: 30px; background:url(../images/down-arrow.svg) center top; background-size: 40px; transition: 0.15s}
                       
                        .capability h4{ font-size: 30px; line-height: 38px; color: #0B0B0B; float: left; margin-bottom: 0px; font-weight: 500;
                            letter-spacing: 0.09px; min-height: 114px; position: relative;}
                            .capability h4 k{    font-size: 16px;
    color: #000;
    font-family: "Fugue";
    position: absolute;
    left: -50px;
    top: 0px}
                        .datronsubcontainer .row{ margin-left: -15px; margin-right: -15px }
                        body .capability p{color: #0B0B0B; font-size: 16px; line-height: 22px; visibility: hidden; height: 0px; overflow: hidden; float: left; margin-bottom: 0px; margin-top: 0px;
                         padding-top: 0px; transition: 0.15s}
                         .capability.active{  }
                            .capability.active h4{}
                            .capability.active p{ padding-top: 0px; height: auto; visibility: visible; padding-bottom: 0px }
                            .capability.active:before{transform: rotate(-180deg);}

                .aginnumbers-container{float: left; width: calc(100% + 30px); margin-left: -15px}
                    .maindescription{ float: left; width: 100%}
                        body .maindescription p{ font-size: 21px; line-height: 29px; color: #000; margin-bottom: 0px; margin-top: 0px; padding-right: 50px}
                        .boxes{ width: 100%; float: left; }
                            .boxes-inner{width: calc(100% + 40px); float: left; margin-left: -20px; margin-top: 80px}
                            .boxes .box{ width: calc(50% - 20px); margin-left: 10px; margin-right: 10px; background-color: #EFEFEF;color: #000; display: flex; align-items: center; justify-content: center;
                                float: left; padding: 20px; margin-bottom: 20px; transition: 0.15s; cursor: default;}
                                .boxes .box:hover{ background-color: #62C495 }
                                .boxes .box b{ font-size: 58px; line-height: 77px}
                                .boxes .box span{ text-align: right; font-size: 19px; line-height: 23px }
                .cabecera-container{float: left; width: calc(100% + 30px); margin-left: -15px; margin-bottom: -40px; margin-top: -20px}
                    section .cabecera-container h1{ font-size: 45px; line-height: 50px }
                    .cabecera-container h5{color: #939393; font-size: 45px; line-height: 50px; font-weight: bold; margin-bottom: 0px}
                    section .cabecera-container p{color: #000; font-size: 24px; line-height: 33px; margin-top: 0px; margin-bottom: 0px}
                .philosophy-container{float: left; width: calc(100% + 30px); margin-left: -15px}
                    .bigbox{ width: 100%; float: left; background-color: #EF5249; display: flex; color: #000; height: 436px; align-items: center; justify-content: center; flex-direction: column;
                    font-family: "Publico"; font-size: 26px; color: #000; text-align: center; transition: 0.15s; padding: 55px; cursor: default; background-position: center top; background-size: cover}
                        .bigbox span b{ font-family: "NB"; font-size: 40px; line-height: 56px; width: 100%; float: left}
                        .bigbox:hover{ background-color: #000 }
                            body .bigbox p{ display: none; color: #fff; font-size: 23px; line-height: 33px; text-align: left; margin-bottom: 0px; margin-top: 0px;}
                            .bigbox:hover span{ display: none }
                            .bigbox:hover p{ display: block}
                .stepchange-container{float: left; width: calc(100% + 30px); margin-left: -15px}
                    section .stepchange-container p{color: #000; font-size: 24px; line-height: 33px; margin-top: -60px; margin-bottom: 40px}
                    .blackest{ background-color: #000; float: left; text-align: center; font-size: 18px; border-radius: 100px; line-height: 32px; color: #fff; font-weight: bold;
                    height: 29px; width: calc(100% - 30px)!important; margin-left: 15px}
                    .timeline-container{ display: flex; align-items: flex-end }
                    .timeline-item{ display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column}
                        .timeline-item anio{ padding-left: 16px; padding-right: 16px; height: 37px; line-height: 42px; text-align: center; color: #000; font-size: 25px; font-weight: bold; float: left; border-radius: 100px;
                            width: auto; margin-left: -15px}
                            anio.yellow{ background-color: #FFA500 }
                            anio.green{ background-color: #62C495 }
                            anio.purple{ background-color: #BF38A7 }
                            anio.red{ background-color: #EF5249 }
                        .timeline-item info{ float: left; width: calc(100% - 15px); border-left: 2px dashed #000; padding: 18px; margin-left: 25px; padding-right: 0px}
                            .timeline-item info strong{ font-family: "Publico"; font-size: 15px; line-height: 20px; float: left; width: 100%; color: #000; margin-bottom: 10px}
                            section .timeline-item info p{ font-size: 15px!important; line-height: 20px!important; color: #929292; float: left; width: 100%; margin-bottom: 0px; margin-top: 0px}
                .howwework-container{float: left; width: calc(100% + 30px); margin-left: -15px}
                    .howwework-container img{ width: 100px; height: 100px; float: left; margin-bottom: 20px }
                    .howwework-container h4{ font-size: 30px; text-transform: uppercase; color: #000; font-weight: bold; margin-bottom: 20px; float: left; width: 100% }
                    section .howwework-container p{color: #000; font-size: 20px; line-height: 30px; margin-top: 0px; margin-bottom: 0px}
                .capabilitiesandindustries-container{float: left; width: calc(100% + 30px); margin-left: -15px}
                    .capabilitiessmall-container,.industriessmall-container,.smallbox{ float: left; width: 100% }
                        .smallbox{ text-decoration: none }
                        .capabilitiessmall-container .slick-slide,.industriessmall-container .slick-slide{margin: 0px}
                        .smallbox h5{ font-size: 35px; color: #000; font-weight: bold; line-height: 33px; margin-bottom: 25px}
                        .smallimg-container{ width: 100%; float: left; height: 430px; background-size: cover; background-position: center top;
                            display: flex; align-items: flex-end; justify-content: flex-end; text-align: left; padding:40px;
                            -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */filter: grayscale(100%); transition: 0.15s; position: relative}
                            .smallimg-container:before{ width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background:rgba(0,0,0,0.3); z-index: 1;
                            transition: 0.15s}
                        .smallbox:hover .smallimg-container{-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */filter: grayscale(0%)}
                            .smallimg-container span{color: #fff; font-size: 24px; line-height: 30px; font-weight: bold; transition: 0.15s; position: relative; z-index: 2}
                            .smallbox:hover .smallimg-container span{ visibility: hidden; opacity: 0; margin-bottom: -30px}
                            .smallbox:hover .smallimg-container:before{background:rgba(0,0,0,0)}
                            .industriessmall-container .smallimg-container:before{ display: none }
                            .industriessmall-container .smallbox .smallimg-container{-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */filter: grayscale(0%)}
                        .capabilitiessmall-container .slick-prev,.industriessmall-container .slick-prev{ right: 50px; left: auto; top: -70px }
                        .capabilitiessmall-container .slick-next,.industriessmall-container .slick-next{ right: 0px; left: auto; top: -70px }        
               .bigboxes-container{float: left; width: calc(100% + 30px); margin-left: -15px}
                   .bigboxes-container .bigbox{ height: 306px; position: relative; margin-bottom: 50px; cursor: pointer;
                    background-color: #000; transition: 0.15s}
                   body .bigboxes-container .bigbox p{ font-size: 18px; line-height: 27px; position: relative;z-index: 1 }
                   body .bigboxes-container .bigbox p k{ float: left; width: 100% }
                   body .bigboxes-container .bigbox p img{ filter: invert(1); width: calcac(25% - 10px); margin-bottom: 10px; margin-right: 10px;
                    display: none}
                   body .bigboxes-container .bigbox span{ color: #000; font-weight: bold; position: absolute; left: 0px;
                   bottom: -50px; line-height: 50px; font-family: "NB"; text-align: left; visibility: visible!important;
                   display: block!important; top: auto!important; height: auto!important; font-size: 22px}
                   .bigboxes-container .bigbox:before{ transition: 0.15s; position: absolute; left: 0px; top: 0px;
                   width: 100%; height: 100%; background: rgba(0,0,0,0); content: ""}
                   .bigboxes-container .bigbox:hover:before{ background: rgba(0,0,0,1)  }
                   .bigboxes-container .bigbox:hover span{ text-decoration: underline }
               .goto{ float: right; color: #000; text-decoration: none }
                .goto img{ margin-top: 10px!important }
                body h3.withselect{ color: #939393!important; position: relative;z-index: 1}
                    /*h3.withselect select{ border:0px none;color: #000; background: none; padding-right: 10px; width: auto; outline: none}*/
                    .selectcontainer{ position: relative; width: auto; display: inline-block; }
                    .selectcontainer select{display: none}
                    .select-selected {
                      background-color: none;
                    }
                    .select-selected:after {
                      position: absolute;
                      content: "";
                      top: 27px;
                      right: 10px;
                      width: 0;
                      height: 0;
                      border: 6px solid transparent;
                      border-color: #000 transparent transparent transparent;
                    }
                    .select-selected.select-arrow-active:after {
                      border-color: transparent transparent #000 transparent;
                      top: 24px;
                    }
                    .select-items div,.select-selected {
                      color: #000;
                      padding: 4px 10px;
                      border: 1px solid transparent;
                      border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
                      cursor: pointer; font-size: 15px; letter-spacing: -0.5px; font-weight: normal; border:1px solid #939393; border-bottom: 1px solid transparent
                    }
                    .select-items div{ line-height: 1.2; padding: 9px }
                    .select-selected{ font-size: 28px; border-bottom: 0px none; border:1px solid transparent; padding-right: 30px}
                    .select-items {
                      position: absolute;
                      background-color: #fff;
                      top: 100%;
                      left: 0;
                      right: 0;
                      z-index: 99; width: 280px
                    }
                    .select-hide {
                      display: none;
                    }
                    .select-items div:hover, .same-as-selected {
                      background-color: #EF5249;
                    }
               .inforow-container{float: left; width: calc(100% + 30px); margin-left: -15px; margin-top: 80px; }
               .cabecera-container.nomb{ margin-bottom: 0px }
               section.nosotros .inforow-container h3{ border-top: 0px none; margin-top: 0px; margin-bottom: 24px; line-height: 1.2}
               section.nosotros .inforow-container p{ margin-top: 0px; margin-bottom: 0px; font-size: 20px; line-height: 30px; color: #000; letter-spacing: -0.1px}
               .grow-item.h20{ height: 123px }
               .grow-item.h40{ height: 181px }
               .grow-item.h60{ height: 251px }
               .grow-item.h80{ height: 314px }
               .grow-item.h100{ height: 401px }
               .grow-item{ float: left; margin-bottom: calc(78px + 220px); cursor: pointer; padding-left: 6px; padding-right: 6px;
                -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
               .grow-item .bar{ background:#000; height: 100%; width: 100%; display: flex; align-items: flex-end; padding: 10px 25px}
                .grow-item .bar span{color: #fff; font-size: 30px; line-height: 50px; font-weight: bold; text-align: left; width: 100%}
                .grow-item h6{ font-size: 18px; line-height: 50px; color: #000; position: relative; padding-left: 30px; margin-top: 8px;  white-space: nowrap;
                    float: left;width: 100%}
                .grow-item h6:before {
                    content: "";
                    position: absolute;
                    left: 0px;
                    top: 15px;
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-width: 0 9px 16px 9px;
                    border-color: transparent transparent #979797 transparent;
                }
                .grow-item h6:after {
                    content: "";
                    position: absolute;
                    left: 2px;
                    top: 17px;
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-width: 0 7px 13px 7px;
                    border-color: transparent transparent #F7F8F9 transparent;
                }
                .grow-info{ width: 100%; float: left; font-family: "Publico"; font-size: 15px; line-height: 20px; color: #000; visibility: hidden; height: 0px; 
                opacity: 0; transition: 0.15s; overflow: hidden; margin-top: -20px;}                    
                .grow-item:hover .bar{ background-color: #EF5249 }.grow-item:hover .bar span{color: #000}
                    .grow-item.active .grow-info{ visibility: visible; height: auto; opacity: 1; margin-top: 0px}
                    .grow-item.active .bar{background-color: #EF5249}
                    .grow-item.active .bar span{color: #000}
                    .grow-item.active h6:before{border-color: transparent transparent #ef5149 transparent; transform: rotate(-180deg);}
                    .grow-item.active h6:after{display: none}
                    #team .smallbox h5{ margin-bottom: 0px; margin-top: 10px; font-size: 20px; font-weight: normal; line-height: 23px;
                    float: left; }
                    #team.capabilitiessmall-container{ width: calc(100% + 20px); margin-left: -10px }
                    #team .smallbox{ padding-left: 10px; padding-right: 10px; cursor: default}
                    #team .smallbox:hover h5{ text-decoration: underline }
                    #team .smallimg-container{ height: 285px; display: block;    -webkit-filter: grayscale(0%);filter: grayscale(0%); padding: 30px}
                    #team .smallimg-container span{ font-family: "Publico"; font-size: 15px; line-height: 20px; font-weight: normal}
                    #team .smallimg-container:before{ background:#000; opacity: 0}
                         #team .smallbox:hover .smallimg-container:before{ opacity: 1 }
                         #team .smallbox .smallimg-container span{ visibility: hidden; opacity: 0 }
                         #team .smallbox:hover .smallimg-container span{ visibility: visible; opacity: 1; margin-bottom: 0px }
                         #team.capabilitiessmall-container .slick-prev{ right: 60px }
                         #team.capabilitiessmall-container .slick-next{ right: 10px }
                .contact-container{ width: calc(100% + 30px); margin-left: -15px}
                body section .contact-container p{color: #000; font-size: 20px; line-height: 30px; margin-top: 0px; margin-bottom: 40px}
                .contactoform{ float: left; width: 100% } 
                    .contactoform h3{font-size: 19px; line-height: 23px; color: #000; text-transform: uppercase; float: left; width: 100%; margin-bottom: 21px }
                    .contactoform fieldset{ float: left; width: 100%; margin-bottom: 21px; position: relative;}
                        .contactoform fieldset span{color:#000; font-size: 15px; line-height: 17px; float: left;width: 100%; margin-bottom: 0px; font-weight: 100;
                            position: absolute; left: 0px; top: 0px; font-family: "Publico"; padding-left: 15px; padding-top: 15px; padding-bottom: 15px;
                            transition: 0.15s; cursor: text; background:#EFEFEF;}
                            .contactoform fieldset input:focus~span, .contactoform fieldset textarea:focus~span,
                            .contactoform fieldset input:valid~span, .contactoform fieldset textarea:valid~span {
                                    top: -7px;
                                    font-size: 11px; background: #F7F8F9; width: auto; height: auto; padding: 0px; left: 10px; padding-left: 5px; padding-right: 5px
                            }
                            .contactoform fieldset span strong{color:#5B2DED;}
                        .contactoform fieldset input,.contactoform fieldset textarea{ padding: 15px;
                        color: #000; font-size: 15px; font-weight: 500; width: 100%; float: left; background: #EFEFEF; border:0px none}
                            .contactoform fieldset textarea{ height: 170px }
                            .contactoform fieldset input:focus,.contactoform fieldset textarea:focus{ outline: none}
                            .contactoform button{ font-size: 18px; color: #fff; line-height: 28px; font-weight: bold;
                            float: right; width: auto; text-transform: uppercase; position: relative; padding: 10px 25px;
                            border:0px none; background: #070707; height: auto}                                
                                .contactoform button:hover { background: #000 }
                                .fitwidth{ width: 100%; float: left}
                    input[type="file"] {
                        display: none;
                    }
                    .custom-file-upload {
                        display: inline-block;
                        padding: 0px;
                        cursor: pointer; color: #000; font-size: 20px; line-height: 20px; border-bottom: 1px solid #000; font-weight: 100
                    }
                .challengeapproach-container{width: 100%; float: left}
                    .challengeapproach-container div.col-sm-12{ padding-left: 0px; padding-right: 0px }
                    body section .challengeapproach-container p{ font-size: 18px; color: #000; line-height: 28px; margin-top: 0px; margin-bottom: 0px;
                    padding-right: 50px }
                    .number{ margin-top: 80px; width: 100%; float: left; }
                        .number h7{ position: relative; font-size: 100px; font-weight: bold; line-height: 100px; letter-spacing: -5px; color: #000;
                            padding-right: 100px}
                        .number h7:before{    content: "";
                        position: absolute;
                        right: 0px;
                        top: 15px;
                        width: 0;
                        height: 0;
                        border-style: solid;
                        border-width: 0 40px 70px 40px;
                        border-color: transparent transparent #ef5149 transparent}
                    .imgcabecera-container{margin-top: 95px}
                        .imgcabecera-container img{ width: 100%; float: left }
                    small{ font-size: 15px; width: 100%; float: left; line-height: 20px; color: #939393; margin-top: 50px}
                        small.black{ color: #000; margin-top: 0px}
                        .cabecera-container.nomb tag{ color: #fff; background-color: #000; margin-top: 0px; margin-bottom: 0px }
                        .facing{border:1px solid #939393; background: #fff; padding: 30px; width: 100%; margin-left: 0px; margin-top: 40px; margin-bottom: 0px}
                            .facing h1{ margin-bottom: 40px }
                            .facing a.redlink{ color: #EF5249; font-size: 28px; line-height: 50px; text-decoration: none; font-weight: bold }
                            section .facing a.redlink img.arrow.rotated{ margin-top: 10px }
                        body #related.blackcontainer h3{ margin-top: 0px; border-color: #fff; color: #fff!important }
                        .infocontainertexto{ float: left; width: 100%; margin-top: 40px }
                        .textoinner{ float: left; width: 100%; margin-top: 40px }
                            .textoinner span{ font-family: "Publico"; font-size: 20px; line-height: 38px; margin-bottom: 40px; float: left; width: 100%; color: #000}
                            .textoinner b{ font-family: "NB"; font-weight: bold; font-size: 35px; line-height: 38px; float: left; width: 100%; margin-bottom: 40px; color: #000}
                            .insightcomplete tag{ background:none!important; color: #000!important }
                                .infocontainertexto .imgcabecera-container{ margin-top: 0px }
                            .downloadfiles strong{ font-size: 20px; line-height: 23px; color: #000; margin-bottom: 30px; float: left; width: 100% }
                            .downloadfiles a{ float: left; width: 100%; padding: 15px; border-radius: 5px; color: #fff; font-size: 17px; font-weight: bold; background: #000;
                                text-decoration: none; margin-bottom: 12px}
                                .downloadfiles a.download{ background: none; color: #000; margin-bottom: 84px; font-size: 34px; line-height: 34px; padding: 0px;
                                float: left;  font-weight: normal; background: url(../images/anchor.jpg) right center no-repeat; width: auto; padding-right: 40px }
                .capabilitycomplete img{ width: 100%; float: left; margin-top: -20px; margin-bottom: 40px}
                section .capabilitycomplete.cabecera-container h1{ font-size: 30px; line-height: 35px}
                .rederlink{ float: right; color: #EF5249; text-decoration: none }
                    .rederlink img{margin-top: 10px!important}
                    body #incapability .capability p{ width: 50%; float: right; margin-top: -15px }
                    section.grey{ background: #EFEFEF }
                    .people-container{ width: calc(100% + 30px); margin-left: -15px; float: left;}
                    .imgpeople-container{ height: 280px; background-position: center top; background-size: cover; float: left;width: 100%;margin-bottom: 20px}
                        .imgpeople-container.rounded{ border-radius: 400px }
                        .people-container strong{ font-size: 20px; line-height: 23px; color: #000; float: left; width: 100%; margin-bottom: 20px}
                        .people-container span{font-size: 15px; line-height: 20px; color: #000; float: left; width: 100%; font-family: "Publico"; margin-bottom: 0px;
                        margin-top: 0px; margin-bottom: 40px}
                        .capabilitycomplete .title h5{ margin-bottom: 20px; float: left;width: 100% }
                        .industryimgcontainer{ height: 491px; overflow: hidden; display: flex; align-items: center; justify-content: center; margin-bottom: 40px }
                            .industryimgcontainer img{ margin-bottom: 0px }
                .capabilitiescases{ width: calc(100% + 30px); margin-left: -15px; float: left; }
                    .smallcapabilitiescontainer{width: calc(100% + 30px); margin-left: -15px; float: left}
                    .smallcapabilitiescontainer a{float: left;
                        width: 100%;
                        padding: 15px;
                        border-radius: 5px;
                        color: #fff;
                        font-size: 17px;
                        font-weight: bold;
                        background: #000;
                        text-decoration: none;
                        margin-bottom: 12px}
                        .capabilitiescases .industriessmall-container .smallbox .smallimg-container{ width: calc(40% - 22px); margin-right: 22px; height: 275px }
                        .capabilitiescases .industriessmall-container .smallbox h5{ float: left; width: 60%; margin-bottom: 18px }
                        .capabilitiescases .industriessmall-container .smallbox span{ float: left; width: 60%; font-size: 18px; line-height: 28px; color: #939393;
                        font-family: "Publico" }
                        #inindustries.bigboxes-container .bigbox:hover:before{ display: none }
                        body #inindustries.bigboxes-container .bigbox p{ display: none; }
               @media screen and (max-width: 1298px){
                    .insight .img-container{ height: 204px }
                    .industries-container a span{ font-size: 19px }
                    .boxes .box b{ font-size: 52px; line-height: 77px}
                    .boxes .box span{ font-size: 17px; line-height: 21px; white-space: nowrap}
                    body .bigbox p{ font-size: 20px; line-height: 30px }
                    .biginsight .img-container {height: 516px}
                    section.nosotros .inforow-container h3{ font-size: 25px }
                    .grow-item .bar span{ font-size: 23px }
                    .grow-info{ font-size: 14px; line-height: 19px }
                    .grow-item h6{ font-size: 16px }
                    .imgpeople-container{ height: 240px}
                    .capabilitiescases .industriessmall-container .smallbox h5{ font-size: 30px }
                    .capabilitiescases .industriessmall-container .smallbox span{font-size: 16px; line-height: 23px}
                    .capabilitiescases .industriessmall-container .smallbox .smallimg-container{ height: 225px }
                    body .bigboxes-container .bigbox span{ font-size: 20px }
               }
               @media screen and (max-width: 1099px){
                    .insight .img-container{height: 174px}
                    .industries-container a{width: 33.33%}
                    .boxes .box b{ font-size: 48px; line-height: 77px}
                    .boxes .box span{ font-size: 15px}
                    .howwework-container h4{ font-size: 23px}
                    .smallbox h5{ font-size: 28px }
                    body .bigboxes-container .bigbox span{ font-size: 20px }
                     .biginsight .img-container {height: 456px}
                     .grow-item h6{ font-size: 14px }
                     .grow-info{ letter-spacing: -0.5px }
                     .imgpeople-container{ height: 210px}
                     body .bigboxes-container .bigbox span{ font-size: 18px; letter-spacing: -0.5px }
               }
               @media screen and (max-width: 991px){
                    .insight .img-container{ height: 144px }
                    h1,h5{ /*font-size: 60px!important; line-height: 32px!important*/ }
                        #index-header h1{ font-size:60px; line-height: 50px }
                    /*h2{ font-size: 27px!important }
                    h3{ font-size: 22px!important }*/
                    section.nosotros p{ font-size: 18px!important; line-height: 25px!important }
                    tag{ font-size: 12px }
                    .insight span{ font-size: 14px }
                    .biginsight span{ line-height: 18px }
                     .capability h4{ font-size: 20px }
                     body .capability p{ font-size: 19px }
                     .slick-prev, .slick-next{ top: 20px; left: auto}
                     .slick-prev{ right: 50px }
                     .slick-next{right: 0px}
                     .philosophy-container .col-md-6:first-child .bigbox{ margin-bottom: 40px }
                     section .cabecera-container h1{ margin-bottom: 20px }
                     .bigbox{ height: auto; position: relative}
                         .bigbox span{ position: absolute; width: 100%; left: 0px; top: 0px; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; }
                        body .bigbox p{ display: block; visibility: hidden }
                        .bigbox:hover p{ visibility: visible}
                        body .bigbox p{ font-size: 14px; line-height: 23px }
                     section .stepchange-container p{ margin-top: 0px}
                     .timeline-item anio{ font-size: 20px; padding-left: 12px; padding-right: 12px }     
                     .howwework-container div:first-child{ margin-bottom: 40px }       
                     .smallimg-container span{ font-size: 20px; line-height: 26px }                 
                     .smallimg-container{ height: 350px }
                     .smallbox h5{ font-size: 25px }
                    .biginsight .img-container {height: 406px}
                    .inforow-container .col-md-4{ margin-bottom: 40px }
                    .mtdissapear{ margin-top: 0px }
                    .grow-item .bar span{ font-size: 16px; line-height: 1.2}
                    .grow-item .bar{ padding: 10px }
                    .grow-item h6{ white-space: normal; line-height: 1.2; padding-top: 15px }
                    .grow-info{ font-size: 13px; line-height: 1.2 }
                    #team .smallbox h5{ font-size: 21px!important }
                    .people-container div.col-md-3{ display: flex; align-items: center; justify-content: center; flex-direction: column; }
                    .imgpeople-container{ height: 210px; width: 210px}
                    .industryimgcontainer{ height: 391px }
               }
               @media screen and (max-width: 767px){
                    #index-header h1{ font-size: 50px; line-height: 45px }
                    .col-sm-12{ width: 100% }
                    .espresso-section/*,section{ padding-left: 15px; padding-right: 15px }*/
                    .industries-container a{width: 50%}
                    .industries-container a img{ height: 60px; margin-right: 10px}
                    .industries-container a span{ font-size: 16px; line-height: 18px }
                    body .maindescription p{ padding-right: 0px }  
                    .bigbox{ padding: 30px}       
                    .timeline-container{ display: block}
                    .timeline-container br{ display: none }   
                    .selectcontainer{ width: 100% }
                    .select-selected{ padding-left: 0px; line-height: 1.2 }
                    .select-selected:after{ top: 17px }
                    .select-selected.select-arrow-active:after{ top: 14px }  
                    .biginsight{ display: block; }
                    .biginsight .col-sm-8,.biginsight .col-sm-4{ width: 100% }        
                    .biginsight .paddingleftwithborder{ padding-left: 20px; padding-right: 20px; margin-top: 30px;    border-left: 1px solid #979797;
                    border-right: 0px none }      
                    .biginsight .img-container{ height: 144px }
                    .grow-item{ width: 33.33%; height: 300px!important; display: flex; align-items: flex-end; flex-direction: column; justify-content: flex-end;
                        position: relative; margin-bottom: calc(30px + 0px)}
                        .grow-item.h20 .bar{ height: 90px}
                        .grow-item.h40 .bar{ height: 130px}
                        .grow-item.h60 .bar{ height: 170px}
                        .grow-item.h80 .bar{ height: 210px}
                        .grow-item.h100 .bar{ height: 250px}
                        .grow-info{ position: absolute; left: 6px; width: calc(100% - 12px); top: 100%; background: #fff; z-index: 2; padding: 10px}
                        .grow-item.h80{ margin-left: 16.67% }
                        .grow-item h6{ height: 47px }    
                        .textoinner span,.textoinner b{ font-size: 17px!important; line-height: 28px!important }                    
                        body #incapability .capability p{ margin-top: 0px; width: 100% }
                        .people-container div.col-md-3{ text-align: center; }
                        .capabilitiescases .industriessmall-container .smallbox h5{ width: 100% }
                        .capabilitiescases .industriessmall-container .smallbox span{ width: 100% }
                        .capabilitiescases .industriessmall-container .smallbox .smallimg-container{ height: 225px; width: 100%; margin-right: 10px; 
                        margin-bottom: 20px }

               }
               @media screen and (max-width: 598px){
                 #team .smallimg-container{ height: 400px}                
               }
               @media screen and (max-width: 500px){
                    .industries-container a{width: 50%; margin-bottom: 20px}
                    .industries-container a img{height: 70px; margin-right: 10px}
                     .industries-container a span{ font-size: 12px; line-height: 14px }
                     .boxes .box{ width: calc(100% - 20px) }
                     .boxes .box:last-child{ margin-bottom: 0px }
                     .smallbox h5{ font-size: 21px }
                     body .big boxes-container .bigbox span{ font-size: 18px }                    
                      #index-header h1{ font-size: 40px; line-height: 35px }
                      #index-header p{ padding-right: 110px }
                      #index-header p a{ width: 90px; height: 90px; top: 15px}
                      #index-header p a:before{ height: 90px; width: 90px; background-size: 90px 90px }
                      #index-header p a span{ font-size: 11px; top: 25px }
                      #index-header p a img{ height: 25px; bottom: 15px }
               }
               @media screen and (max-width: 499px){
                    .grow-item .bar span{ font-size: 11px }
                    .grow-item h6{ font-size: 10px }
                    .grow-info{ font-size: 11px; left: 3px; width: calc(100% - 6px)}
                    .grow-item{ padding-left: 3px; padding-right: 3px }
                    #team .smallimg-container{ height: 300px }
               }
               @media screen and (max-width: 359px){
                    #index-header p a{top: 25px}
                    #index-header p{ font-size: 15px }
               }

                /*section span{float: left; width: 100%; font-weight: normal;  font-size: 24px; color: #000}
                section p{float: left; width: 100%; font-weight: normal;  font-size: 24px; color: #000; margin-bottom: 0px}*/
                section.nosotros{ background: #E9E4ED }
                section.blackcontainer{ background: #000 }
                .link{ float: left}
                /*section img.arrow{ height: 27px; float: left; margin-right: 12px}
                    section img.arrow.rotated{transform: rotate(-45deg); margin-top: 2px}
                body section.blackcontainer *{color: #fff!important}
                body section.blackcontainer tag{ border: 1px solid #fff; background: none}
                body section.blackcontainer img.arrow.rotated{ opacity: 0 }
                body section.blackcontainer h3{color: #939393!important}
                body section.blackcontainer .select-selected:after{border-color: #fff transparent transparent transparent}
                body section.blackcontainer .select-selected.select-arrow-active:after {border-color: transparent transparent #fff transparent}
                body section.blackcontainer .select-items div{color: #000!important}*/

                nav#dot-nav {
                  position: fixed;
                  left: 10px; z-index: 99999;}
                  nav#dot-nav a {
                    border: 1px solid #fff;
                    border-radius: 50%;
                    width: 15px;
                    height: 15px;
                    display: block;
                    margin: 10px;
                    -webkit-transition: all 0.4;
                    transition: all 0.4; }
                    nav#dot-nav a.active {
                      background: #fff; }
                 @media screen and (max-width: 1349px){
                     nav#dot-nav a{ width: 10px; height:10px }
                     nav#dot-nav{ left: 0px }
                     .marquee{ font-size: 100px }
                 }
                 @media screen and (max-width: 991px){
                     .marquee{ font-size: 70px }
                 }

                   .section-0 nav#dot-nav a{border: 1px solid #fff}
                   .section-0 nav#dot-nav a.active{background: #fff}
                   .section-1 nav#dot-nav a{border: 1px solid #000}
                   .section-1 nav#dot-nav a.active{background: #000}
                   .section-3 nav#dot-nav a{border: 1px solid #fff}
                   .section-3 nav#dot-nav a.active{background: #fff}
                   .section-4 nav#dot-nav a{border: 1px solid #000}
                   .section-4 nav#dot-nav a.active{background: #000}

                   nav#dot-nav.queesselected a{border: 1px solid #000!important}
                   nav#dot-nav.queesselected a.active{background: #000!important}


                .nosotroscontainer{ float: left; width: 100%; padding-top: 0px; padding-bottom: 0px; position: relative}
                    .nosotroscontainer .indice-container{
                        background-image: url(../images/acerca.svg); background-position:right center; background-repeat: no-repeat;
                        display: table; padding-top: 80px; padding-bottom: 80px; background-size: auto 100%;
                    }
                    .orangebutton,.greenbutton,.pinkbutton{ background: #FE5858; color: #fff; border-radius: 30px; padding-top: 14px; padding-bottom: 14px; padding-left: 22px;
                    padding-right:22px; text-transform: uppercase; font-size: 16px; line-height: 16px; letter-spacing: -0.06px; text-decoration: none;
                    font-weight: bold; z-index: 1; float: left; text-align: center;}
                        .orangebutton:hover{ background-color: #626DF9 }
                        .greenbutton{ background:#42EAD3; color: #000}
                        .greenbutton:hover{ background-color: #626DF9;color: #fff}
                        .pinkbutton{ background: #924DFF }
                        .pinkbutton:hover{ background-color: #42EAD3; color: #000}
                .somoscontainer{background-image: url(../images/somos-slider.jpg); background-position:center center; background-repeat: no-repeat; background-size: cover;
                    padding-top: 51px; padding-bottom: 121px; position: relative; float: left;width: 100%}
                .queescontainer{ height: auto; float: left; width: 100% }

                .blackletters h1{color: #0D0D0D; font-size: 50px; line-height: 55px; letter-spacing: 0.15px; float: left; border:2px solid #fff;
                    padding: 14px; margin-left: -16px; margin-bottom: 5px; border-radius: 50px; padding-top: 5px; padding-bottom: 5px; z-index: 1}
                .blackletters h2{color: #0D0D0D; font-size: 50px; line-height: 55px; letter-spacing: 0.15px; float: left; width: 100%; 
                    margin-bottom: 30px}
                .blackletters p{color: #010101; font-size: 16px; line-height: 22px; float: left; width: 100%}

                .whiteletters h1{color: #fff; font-size: 50px; line-height: 55px; letter-spacing: 0.15px; float: left; 
                     margin-bottom: 5px; border-radius: 50px; z-index: 1; font-weight: bold}
                .whiteletters h2{color: #fff; font-size: 50px; line-height: 53px; float: left; width: 100%; 
                    margin-bottom: 30px; font-weight: 300}
                .whiteletters p{color: #fff; font-size: 16px; line-height: 22px; float: left; width: 100%; max-width: 455px; margin-bottom: 60px}

                .whiteletters b{color: #fff; float: left; width: 100%; font-size: 18px; line-height: 18px; margin-bottom: 27px; font-weight: bold}

                #somos{ position: relative; }
                .boxesblack{ width: 100%; position: absolute; bottom: -241px}
                    .boxesblack .row{ margin-left: -15px; margin-right: -15px }
                    .boxblack div{ background: #040406; padding: 34px; float: left; width: 100%}
                        .boxblack h3{ font-size: 16px; color: #fff; font-family: "Fugue"; float: left; width: 100%}
                        .boxblack h2{ margin-bottom: 0px; font-size: 46px; line-height: 48px; font-weight: 500; letter-spacing: -1px; min-height: 144px }

                .boxeswhite{ width: 100%; float: left; margin-top: 100px; margin-bottom: 0px }                    
                    .boxeswhite .row{ margin-left: -15px; margin-right: -15px }
                    .whitebox div{ position: relative;
                        border-radius: 50%;
                        width: 100%;
                        height: auto;
                        padding-top: 100%; border:1px solid #fff; display: flex; flex-direction: column;}
                        .whitebox h3{color: #fff; font-size: 35px; line-height: 45px; width: 100%; text-align: center; position: absolute; top: 30%}
                        .whitebox p{width: 100%; text-align: center; color: #fff; font-size: 14px; padding-left: 12%; padding-right: 12%; position: absolute;
                            top: 50%}

                .infolink{ font-size: 18px; padding-bottom: 5px; float: left; margin-right: 50px; margin-bottom: 40px; text-decoration: none; color: #000;
                    z-index: 1; position: relative;}
                    #que-somos .infolink{ color: #fff; padding-left: 16px; padding-right: 16px; padding-top: 10px; padding-bottom: 10px; margin-right: 20px}
                    .infolink.active{border-bottom: 2px solid #000; font-weight: bold}
                        #que-somos .infolink.active{ border-bottom: 0px none; background: #525565; border-radius: 30px }
                    .infocontainer{ width: 100%; float: left; display: none}
                        .infocontainer.active{ display: flex; flex-direction: column; align-items: flex-start;}
                        .nosotroscontainer img{ position: absolute; height: 100%; top: 0px; right: 0px }
                        .nosotroscontainer h2{ max-width: 700px; z-index: 1 }                       
                        .nosotroscontainer p{ max-width: 455px; z-index: 1}
                .queescontainer{ padding-top: 220px; padding-bottom: 85px; background-image: url(../images/pleca.svg); background-position: right -15px top +120px;
                    background-repeat: no-repeat; background-size: 18%; padding-bottom: 0px}
                .queessubcontainer{ background: #F0EDF2; width: 80%; float: left; border-radius: 27px; padding: 30px}
                .datronsubcontainer{ width: 100%; float: left; padding-top: 130px; background:url(../images/datron-sd1.svg) bottom left no-repeat;
                background-size: 30% }
                    .datronsubcontainer h2{ font-size: 50px; line-height: 53px; margin-bottom: 50px }
                    .datronsubcontainer a.greenbutton,.pinkbutton{ min-width: 240px }
                #que-somos .queessubcontainer .infolink{color: #111}
                    #que-somos .queessubcontainer .infolink.active{color: #040406; background-color: #fff}
                    .blackletters ol li{ font-size: 32px; line-height: 38px; color: #000; margin-bottom: 23px; font-weight: 500}
                    .blackletters ol li:last-child{ margin-bottom: 0px }
                        .blackletters ol li::marker { font-size: 16px; color: #000; font-family: "Fugue" }

                        .blackletters ol{ 
                            counter-reset: item;
                            list-style-type: none;
                        }
                        .blackletters li{ display: block; position: relative; }
                        .blackletters li:before { 
                            content: "0" counter(item) "  "; 
                            counter-increment: item;
                            font-size: 16px; color: #000; font-family: "Fugue"; position: absolute; left: -35px; top: -3px
                        }
                        #servicios{ background:url(../images/servicios-slider.jpg) center center; background-size:cover; padding-top: 65px; padding-bottom: 65px }
                            #servicios h4{ font-size: 18px; float: left; width: 100%; color: #fff; margin-bottom: 28px; font-weight: bold}
                            #servicios h2{ font-size: 28px; line-height: 36px; color: #fff; max-width: 844px; font-weight: 500}
                            #servicios a.infolink{ float: left; color: #fff; font-size: 35px; line-height: 35px; border:2px solid #fff; border-radius: 30px; padding-left: 10px;
                                padding-right:10px; padding-top: 5px; padding-bottom: 5px; margin-right: 40px}
                                 #servicios a.infolink:nth-child(2){ margin-right: 0px }
                                #servicios a.infolink.active{color: #000; background:#fff; font-weight: 500}
                            .links{ width: 100% }
                            #servicios .boxesblack{ position: relative; bottom: auto }
                                #servicios .boxesblack h2{ font-size: 36px; line-height: 42px; min-height: 126px; margin-bottom: 14px}
                                #servicios .boxesblack span{color: #fff; font-size: 16px; line-height: 22px; float: left; margin-bottom: 0px; min-height: 66px}
                                #servicios .boxblack{ margin-bottom: 30px }
                                #servicios #solo-collective.boxesblack span{ min-height: 88px }
                        .emblema{ float: left; width: 100%; max-width: 88px; margin-bottom: 44px }
                        .logofooter{ float: left; width: 100%; max-width: 236px; margin-bottom: 40px }
                        #indice-footer a.mailto{ font-size: 24px; line-height: 27px; margin-bottom: 89px }
                        #indice-footer small b.mb18{ margin-bottom: 18px }
                        .mb18{ float: left; width: 100%; color: #fff; margin-bottom: 18px; font-weight: bold; line-height: 1 }
                        #indice-footer .redes a{ width: auto; margin-right: 24px; transition: 0.15s}
                            #indice-footer .redes a:last-child{ margin-right: 0px }
                         #indice-footer .redes{ width: 100%; margin: 0px }
                         #indice-footer .redes a i{ font-size: 30px }
                         #contacto b{ color: #000; margin-bottom: 27px; float: left; width: 100% }
                         #contacto h1{ margin-bottom: 30px }
                         #contacto h2{ margin-bottom: 5px }
                         #contacto .row{ margin-left: -15px; margin-right: -15px }
                         #contacto .nosotroscontainer .indice-container{ background: none }
                         .oficina{ background: #040406; padding: 30px; float: left; margin-top: 21px; width: 100%}
                            .oficina strong{ color: #fff; float: left; width: 100%; font-size: 16px; margin-bottom: 44px; font-weight: bold }
                            .oficina a{ font-size: 30px; line-height: 1; margin-bottom: 30px; float: left; width: 100%; color: #fff; text-decoration: none}
                                .oficina a:hover{color: #626DF9}
                            .oficina span{ float: left; width: 100%; color: #fff; font-size: 16px; line-height: 22px; letter-spacing: 0.05px }
                            form{ float: left; width: 100% }
                            form label{ float: left;width: 100%; color: #737373; font-size: 14px; line-height: 1; margin-bottom: 7px; font-weight: 500}
                            form input[type="text"],form input[type="email"],form input[type="tel"],form textarea{ float: left; width: 100%;
                            border:0px; background: #fff; height: 37px; border-radius: 4px; margin-bottom: 21px; padding-left: 10px; padding-right: 10px;
                            outline: none; color:#000}
                            form textarea{ height: 195px; padding-top: 10px; padding-bottom: 10px;resize: none;}
                                form label k{color: #FE5858}
                            form input[type="submit"]{background: #FE5858;
                            color: #fff;
                            border-radius: 30px;
                            padding-top: 14px;
                            padding-bottom: 14px;
                            padding-left: 22px;
                            padding-right: 22px;
                            text-transform: uppercase;
                            font-size: 16px;
                            line-height: 16px;
                            letter-spacing: -0.06px;
                            text-decoration: none;
                            font-weight: bold;
                            z-index: 1;
                            float: left;
                            text-align: center; min-width: 240px; border:0px none; outline: none}
                            form input[type="submit"]:hover{background-color: #626DF9}
                            #contacto .nosotroscontainer .indice-container:before{ display: none }
                            #socios b{float: left; width: 100%; color: #fff}
                            #socios .whiteletters p{ margin: 0 auto; margin-bottom: 60px; float: none}
                            #socios .somoscontainer{ padding-top: 80px }
                            #socios .whiteletters span{float: left; color: #fff; line-height: 22px; width: 100%; max-width: 723px; margin-bottom: 40px}
                            #socios .boxblack h2{ font-size: 42px }
                            #socios .somoscontainer{ background-image: url(../images/socios-slider.jpg) }
                            .socioscontainer{float: left; width: 100%; padding-top: 180px; padding-bottom: 80px}
                            #socios .whiteletters a{ float: none; margin: 0 auto; margin-bottom: 68px }
                            .opensocios{ float: left; width: 100%; background:rgba(255,255,255,0.19) url(../images/down-arrow-white.svg) center center; height: 100px; position: absolute; bottom: 0px; z-index: 1;
                            cursor: pointer; background-size:65px auto; background-repeat: no-repeat;}
                            .socioscontainer{ position: relative; z-index: -1; background-image: url(../images/patron.svg); background-position:  right center;
                                background-repeat: no-repeat; background-size: 20%}
                            .socioscontainer,.sociosinfo{ display: none }
                            .sociosinfo{ z-index: 1; position: relative; width: 100% }
                            .socioscontainer b{ float: left; width: 100%; color: #000!important; font-weight: bold; font-size: 18px; margin-bottom: 44px }
                                .socioscontainer b.mb0{ margin-bottom: 6px }
                            .socioscontainer h2{ font-size: 50px; line-height: 53px; margin-bottom: 44px }
                            .socioscontainer span{ max-width: 455px; color: #000; font-size: 16px; line-height: 22px; float: none; margin: 0 auto; margin-bottom: 44px;
                            width: 100%; display: block }
                            .logos5{ width: 100%; float: left; margin-bottom: 100px}
                                .logos5 img{width: 20%; padding-left: 20px; padding-right: 20px; float: left;}
                            .cuadrosblancos{ float: left; width: 100%; margin-bottom: 67px }
                            .logos4{ width: 100%; float: left; margin-bottom: 0px}
                                .logos4 img{width: 20%; padding-left: 20px; padding-right: 20px; float: left;}
                                 .logos4 img:first-child{ margin-left: 10% }
                            #socios .boxeswhite{ margin-top: 0px }
                            #socios .boxeswhite .boxblack div{ background:rgba(240, 237, 242,0.7)!important; border-radius: 7px!important; margin-bottom: 33px}
                                #socios .boxeswhite .boxblack *{color: #000}
                                #socios .boxeswhite .boxblack h2{ margin-bottom: 0px; min-height: 196px }
                        @media screen and (max-width: 1299px){
                            .nosotroscontainer h2{ max-width: 600px }
                            .nosotroscontainer h1,.nosotroscontainer h2{ font-size: 40px; line-height: 45px }
                            .boxblack h2{ font-size: 38px; line-height: 42px; min-height: 126px }
                            .boxesblack{ bottom: -231px }
                            .whitebox h3{ font-size: 30px; line-height: 40px;  top: 28%}
                            .whitebox p{font-size: 13px; padding-left: 10%; padding-right: 10%;top: 45%}
                            .blackletters ol li{ font-size: 25px; line-height: 30px }
                            .capability h4{ font-size: 25px; line-height: 33px }
                            #servicios .boxesblack h2{ font-size: 25px; line-height: 30px; min-height: 90px; font-weight: 500;}
                            #servicios .boxesblack span{ font-size: 15px; min-height: 88px }
                            #servicios #solo-collective.boxesblack span{ min-height: 110px }
                            .oficina a{ font-size: 25px }
                            #socios .boxblack h2{ font-size: 35px }
                             #socios .boxeswhite .boxblack h2{ min-height: 163px }
                        }
                        @media screen and (max-width: 1129px){
                            .boxblack h2{ font-size: 36px; line-height: 38px; min-height: 114px }
                            .whitebox h3{ font-size: 23px; line-height: 38px;  top: 22%}
                            .whitebox p{font-size: 12px; padding-left: 11%; padding-right: 11%;top: 40%; line-height: 1.3}
                            #indice-footer a{ letter-spacing: -0.5px }
                        }
                        @media screen and (max-width: 1099px){
                            .nosotroscontainer .indice-container{ background-image: none }
                                .nosotroscontainer .indice-container:before{ position: absolute; right: -15vw; top: 0px;
                                background-image: url(../images/acerca.svg); background-position:right center; background-repeat: no-repeat;
                                background-size: auto 100%;
                                content: ""; height: 100%; width: 100vw; z-index: 0}
                            .boxblack h2{ font-size: 32px; line-height: 34px; min-height: 102px }
                            .boxesblack{ bottom: -207px }
                            .queescontainer{ padding-top: 150px }
                            .datronsubcontainer h2{ font-size: 40px; line-height: 43px }
                             #servicios .boxesblack span{  min-height: 110px }
                             #servicios #solo-collective.boxesblack span{ min-height: 132px }
                             .oficina a{ font-size: 22px }
                             #socios .boxblack h2{ font-size: 30px }
                              #socios .boxeswhite .boxblack h2{ min-height: 139px }
                        }
                        @media screen and (max-width: 991px){
                            .nosotroscontainer h2{ max-width: 400px }
                            .nosotroscontainer h1,.nosotroscontainer h2,#que-somos h2,#que-somos h1{ font-size: 33px; line-height: 38px }
                            .boxblack h2{ font-size: 23px!important; line-height: 25px!important; min-height: 75px }
                            .boxblack div{ padding: 23px }
                            .boxesblack{ bottom: -151px }
                            .somoscontainer{ padding-bottom: 75px }
                            .blackletters p,.whiteletters p{ font-size: 15px }
                            .whitebox{ margin-bottom: 30px } 
                            .whitebox h3{ top: 30% }
                            .whitebox p{ top: 50% }
                            .boxeswhite{ margin-top: 85px }
                            .blackletters ol li{ font-size: 22px; line-height: 28px }
                            .datronsubcontainer .col-md-4,.datronsubcontainer .col-md-8{ float: left; width: 100% }
                            .datronsubcontainer .col-md-4{ margin-bottom: 40px }
                            .datronsubcontainer{ padding-bottom: 100px }
                            #servicios .boxesblack h2{ font-size: 20px!important; line-height: 23px!important; min-height: 69px!important}
                            #servicios .boxesblack span{ min-height: 132px }
                            #servicios #solo-collective.boxesblack span{ min-height: 176px }
                            #indice-footer .col-lg-3.col-md-3.col-sm-12.col-xs-6{ padding-left: 0px; padding-right: 0px; margin-top: 30px; position: relative;}
                            #indice-footer a.mailto{ margin-bottom: 0px }
                            #indice-footer .redes{ width: 50%; position: absolute; right: -15px; top: 0px }
                            #contacto .col-md-8,#contacto .col-md-4{ width: 100%; float: left; }
                            #socios .whiteletters h2{ font-size: 33px; line-height: 38px }
                            #socios .socioscontainer h2{font-size: 33px;line-height: 38px}
                        }
                        @media screen and (max-width: 767px){
                             .nosotroscontainer .indice-container:before{ opacity: 0.2}
                             .infolink{ font-size: 16px; margin-right: 25px }
                             #que-somos .infolink{ margin-right: 10px }
                             #que-somos .infolink:nth-child(2){ margin-right: 0px }
                             .nosotroscontainer h1,.nosotroscontainer h2{ font-size: 25px; line-height: 28px }
                              .marquee{ font-size: 50px; line-height: 80px }
                              .marquee span:before{ width: 15px; height: 15px;top: calc(50% - 7.5px); right: 27.5px }
                              .boxesblack{ float: left; position: static; width: calc(100% - 25px)}
                                .boxblack div{ margin-bottom: 20px}
                                .boxblack h2{ min-height: auto; font-size: 25px; line-height: 27px}
                              .somoscontainer{ padding-bottom: 35px }
                              .boxeswhite{width: calc(100% - 25px)}
                              .whitebox h3{ top: 20%; font-size: 20px}
                              .boxeswhite{ margin-top: 45px }
                              .whitebox p{ font-size: 12px; top: 40%; line-height: 1.15 }
                              .queescontainer{ padding-top: 45px }
                              .queessubcontainer{width: calc(100% - 20px); background-color: rgba(240,237,242,0.9)}
                              .queessubcontainer a:first-child{ margin-bottom: 10px }
                              .blackletters ol li {
                                    font-size: 18px;
                                    line-height: 24px;
                              }
                              #servicios .boxesblack h2{ min-height: auto!important }
                              #servicios .boxesblack span{ min-height: auto!important }  
                              #servicios .boxesblack h2 br{ display: none }
                              #servicios a.infolink{ font-size: 22px }
                              #servicios h2{ font-size: 20px; line-height: 28px }
                              #indice-footer .col-sm-6{ padding-left: 0px; padding-right: 0px }
                              footer .col-xs-6{ padding-left: 0px; padding-right: 0px }
                              .copyright span{ margin-bottom: 30px }
                              .logos5 img,.logos4 img{width: 33.33%}
                              .logos4 img{ width: 25% }
                              .logos4 img:first-child{ margin-left: 0px }
                                .logos5 img:nth-child(4){ margin-left: 16.67%; margin-top: 30px}
                                .logos5 img:nth-child(5){ margin-top: 60px}
                              .opensocios{ height: 60px; background-size: 45px auto }
                              .socioscontainer{ padding-top: 80px }
                              #socios .boxeswhite .boxblack h2{ min-height: auto }
                               #socios .boxeswhite .boxblack{ width: 100%; float: left; }
                               #socios .boxeswhite .boxblack h2 br{ display: none }
                        }
                        @media screen and (max-width: 500px){
                            .nosotroscontainer .indice-container:before{ background-position:left center}
                            #servicios a.infolink{ font-size: 18px }
                            #indice-footer .redes{ position: static; margin-top: 30px; width: 100% }
                        }
                        @media screen and (max-width: 474px){
                            .whitebox{ width: 100%; display: flex; align-items: center; justify-content: center; }
                                .whitebox div{ height: 240px; width: 240px; padding: 0px; display: flex; justify-content: center; align-items: center; flex-direction: column;
                                    border-radius: 240px}
                                .whitebox h3,.whitebox p{ position: static}
                                .whitebox h3{ font-size: 25px; margin-bottom: 5px}
                                .whitebox p{ margin-bottom: 0px; font-size: 13px; line-height: 1.3}
                        }
						
						#solo-collective .boxblack div{ background:#E9E4ED}
						#solo-collective .boxblack *{color:#000!important}