@font-face {
    font-family: 'cabin';
    src: url("../typos/cabin-regular.eot");
    src: url("../typos/cabin-regular.eot") format('embedded-opentype'), url("../typos/cabin-regular.woff2") format('woff2'), url("../typos/cabin-regular.woff") format('woff'), url("../typos/cabin-regular.ttf") format('truetype'), url("../typos/cabin-regular.svg#CabinRegular") format('svg');
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: 'helveticaneueltstd97';
    src: url("../typos/helveticaneueltstd-blkcn.eot");
    src: url("../typos/helveticaneueltstd-blkcn.eot") format('embedded-opentype'), url("../typos/helveticaneueltstd-blkcn.woff2") format('woff2'), url("../typos/helveticaneueltstd-blkcn.woff") format('woff'), url("../typos/helveticaneueltstd-blkcn.ttf") format('truetype'), url("../typos/helveticaneueltstd-blkcn.svg#HelveticaNeueLTStd97BlackCondensed") format('svg');
    font-weight: 700;
    font-style: normal
}
@font-face {
    font-family: 'liberation_sansregular';
    src: url("../typos/liberationsans-regular-webfont.eot");
    src: url("../typos/liberationsans-regular-webfont.eot?#iefix") format('embedded-opentype'), url("../typos/liberationsans-regular-webfont.woff2") format('woff2'), url("../typos/liberationsans-regular-webfont.woff") format('woff'), url("../typos/liberationsans-regular-webfont.ttf") format('truetype'), url("../typos/liberationsans-regular-webfont.svg#liberation_sansregular") format('svg');
    font-weight: 400;
    font-style: normal
}
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}
audio:not([controls]) {
    display: none;
    height: 0
}
[hidden],
template {
    display: none
}
a {
    background: 0 0
}
a:active,
a:hover {
    outline: 0
}
abbr[title] {
    border-bottom: 1px dotted
}
b,
strong {
    font-weight: 700
}
dfn {
    font-style: italic
}
h1 {
    font-size: 2em;
    margin: .67em 0
}
mark {
    background: #ff0;
    color: #000
}
small {
    font-size: 80%
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sup {
    top: -.5em
}
sub {
    bottom: -.25em
}
img {
    border: 0
}
svg:not(:root) {
    overflow: hidden
}
figure {
    margin: 1em 40px
}
hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}
pre {
    overflow: auto
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}
button {
    overflow: visible
}
button,
select {
    text-transform: none
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}
button[disabled],
html input[disabled] {
    cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}
input {
    line-height: normal
}
input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto
}
input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}
legend {
    border: 0;
    padding: 0
}
textarea {
    overflow: auto
}
optgroup {
    font-weight: 700
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
td,
th {
    padding: 0
}
.icon,
.next-section,
#menu_main_btn,
#logo_abe,
#logo_atte,
#header #logo a,
#header.state-mini #menu_social .facebook,
#header.state-mini #menu_social .twitter,
#header.state-mini #menu_social .youtube,
#header.state-mini #menu_social .in,
#header #menu_social .facebook,
#header #menu_social .twitter,
#header #menu_social .youtube,
#header #menu_social .in {
    background-image: url("../sprites/core.png")
}
.typo-default,
body,
p {
    font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif
}
.typo-title,
#home .title,
#history .title,
#about-us .title,
#services .title,
#sedes .section-main .title,
#clients .title,
#contact .title {
    font-family: helveticaneueltstd97
}
.typo-sub-title,
#contact .form button {
    font-family: liberation_sansregular
}
.typo-menu,
#menu_main .label {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif
}
.section-inner {
    position: relative;
    padding: 10px 0 100px
}
.next-section {
    background-position: -5px -365px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 83px;
    height: 42px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    text-indent: -9999em;
    margin-left: -41.5px
}
#menu_main {
    margin: 0;
    padding: 0;
    list-style: none
}
#menu_main .item {
    display: inline-block;
    cursor: pointer
}
#menu_main .item-link {
    color: #fff;
    text-decoration: none
}
#menu_main .icon {
    background-position: -5px -163px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 20px;
    height: 19px;
    display: inline-block;
    text-indent: -9999em;
    position: relative;
    top: 5px
}
#menu_main .label {
    font-size: 14px;
    margin: 0 7px 0 0
}
#menu_main .selected .label {
    color: #db802d
}
#menu_main .selected .icon {
    background-position: -5px -134px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 20px;
    height: 19px;
    display: inline-block
}
#menu_main #menu_contacto {
    position: absolute;
    top: -100px;
    right: 0
}
#menu_main #menu_contacto .icon-2 {
    position: relative;
    top: 3px;
    display: inline-block;
    background: url("../images/email-icon.png") no-repeat 0 0;
    width: 20px;
    height: 13px
}
#menu_main_btn {
    background-position: -5px -192px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 26px;
    height: 23px;
    position: absolute;
    top: 39px;
    right: 20px;
    cursor: pointer
}
#menu_main_btn,
#menu_social {
    display: none
}
#logo {
    margin: 0
}
#logo a {
    display: block;
    text-indent: -9999em;
    text-align: left
}
#logo_abe {
    background-position: -5px -417px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 93px;
    height: 43px;
    position: absolute;
    top: 29px;
    left: 270px;
    display: none
}
#logo_atte {
    background-position: -5px -1385px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 105px;
    height: 43px;
    position: absolute;
    top: 29px;
    left: 368px;
    display: none
}
#header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3
}
#header .inner {
    height: 217px;
    text-align: center
}
#header #logo a {
    background-position: -5px -1211px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 163px;
    height: 159px;
    display: block;
    position: absolute;
    top: 57px;
    left: 50%;
    margin-left: -81px;
    z-index: 3
}
#header #menu_main {
    display: inline-block;
    text-align: center;
    position: relative;
    top: 124px;
    left: 4px
}
#header #menu_main .item {
    margin-right: 20px
}
#header #menu_main .label {
    font-size: 16px
}
#header #menu_main .icon {
    top: 3px
}
#header #menu_servicios {
    padding-right: 90px
}
#header #menu_sedes {
    padding-left: 90px
}
#header #menu_contacto .icon {
    display: none
}
#header #menu_contacto .label {
    font-size: 11px
}
#header .inner {
    position: relative
}
#header.state-mini {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%
}
#header.state-mini .inner {
    background: #fff;
    height: 82px;
    text-align: right
}
#header.state-mini #menu_main {
    top: 36px;
    left: -27px
}
#header.state-mini #menu_main .item {
    margin-right: 9px;
    padding-right: 0;
    padding-left: 0
}
#header.state-mini #menu_main .label {
    color: #666;
    font-size: 14px
}
#header.state-mini #menu_main .icon {
    background-position: -5px -62px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 14px;
    height: 14px;
    display: inline-block;
    text-indent: -9999em;
    position: relative;
    top: 1px
}
#header.state-mini #menu_main .selected .label {
    color: #db802d
}
#header.state-mini #menu_main .selected .icon {
    background-position: -5px -86px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 14px;
    height: 14px;
    display: inline-block
}
#header.state-mini #menu_social {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 38px;
    left: 206px
}
#header.state-mini #menu_social .item {
    display: inline-block;
    margin: 0 1px 0 0;
    padding: 0
}
#header.state-mini #menu_social .icon {
    display: inline-block;
    text-indent: -9999em;
    text-align: left
}
#header.state-mini #menu_social .facebook {
    background-position: -5px -330px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 25px;
    height: 25px
}
#header.state-mini #menu_social .twitter {
    background-position: -5px -260px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 25px;
    height: 25px
}
#header.state-mini #menu_social .youtube {
    background-position: -5px -225px
}
#header.state-mini #menu_social .youtube,
#header.state-mini #menu_social .in {
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 25px;
    height: 25px
}
#header.state-mini #menu_social .in {
    background-position: -5px -295px
}
#header.state-mini #logo a {
    top: 8px;
    left: 40px;
    margin: 0;
    background-position: -5px -1056px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 149px;
    height: 145px
}
#header.state-mini #logo_abe {
    display: block
}
#header.state-mini #logo_atte {
    display: block
}
#header.state-mini #menu_contacto {
    display: inline-block;
    position: static
}
#header.state-mini #menu_contacto .icon {
    display: inline-block
}
#header.state-mini #menu_contacto .icon-2 {
    display: none
}
@media only screen and (max-width: 1181px) {
    #header #menu_main .label,
    #header.state-mini #menu_main .label {
        font-size: 12px
    }
    #header #menu_main {
        left: 21px
    }
    #header #menu_main .icon {
        background-position: -5px -62px;
        text-indent: -9999em;
        top: 2px
    }
    #header #menu_main .icon,
    #header #menu_main .selected .icon {
        background-repeat: no-repeat;
        overflow: hidden;
        display: block;
        width: 14px;
        height: 14px;
        display: inline-block
    }
    #header #menu_main .selected .icon {
        background-position: -5px -86px
    }
    #header #menu_main #menu_contacto .icon {
        display: none
    }
    #header #logo a {
        margin-left: -65px
    }
}
@media only screen and (max-width: 1060px) {
    #header.state-mini #logo a {
        background-position: -5px -916px;
        background-repeat: no-repeat;
        overflow: hidden;
        display: block;
        width: 134px;
        height: 130px;
        left: 10px
    }
    #header.state-mini #logo_abe {
        left: 225px
    }
    #header.state-mini #logo_atte {
        left: 315px
    }
    #header.state-mini #menu_main {
        left: 0
    }
    #header.state-mini #menu_main .item {
        margin-right: 4px
    }
    #header.state-mini #menu_main .item .label {
        font-size: 10px
    }
    #header.state-mini #menu_main .item .icon {
        top: 3px
    }
    #header.state-mini #menu_social {
        left: 160px
    }
}
@media only screen and (max-width: 920px) {
    #header .inner {
        text-align: right
    }
    #header #menu_main {
        left: -27px
    }
    #header #menu_main .item {
        padding-right: 0;
        padding-left: 0;
        margin-right: 9px
    }
    #header #menu_main .icon {
        text-align: left
    }
    #header #logo a {
        left: 10px;
        margin: 0
    }
}
@media only screen and (max-width: 850px) {
    #header .inner {
        background: #fff;
        height: 82px;
        text-align: right
    }
    #header #menu_main .label {
        color: #666
    }
    #header #menu_main .icon {
        background-position: -5px -62px;
        background-repeat: no-repeat;
        overflow: hidden;
        display: block;
        width: 14px;
        height: 14px;
        display: inline-block;
        text-indent: -9999em;
        position: relative;
        top: 1px
    }
    #header #menu_main .selected .label {
        color: #db802d
    }
    #header #menu_main .selected .icon {
        background-position: -5px -86px;
        background-repeat: no-repeat;
        overflow: hidden;
        display: block;
        width: 14px;
        height: 14px;
        display: inline-block
    }
    #header #menu_social {
        display: block;
        list-style: none;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 38px
    }
    #header #menu_social .item {
        display: inline-block;
        margin: 0 1px 0 0;
        padding: 0
    }
    #header #menu_social .icon {
        display: inline-block;
        text-indent: -9999em;
        text-align: left
    }
    #header #menu_social .facebook {
        background-position: -5px -330px;
        background-repeat: no-repeat;
        overflow: hidden;
        display: block;
        width: 25px;
        height: 25px
    }
    #header #menu_social .twitter {
        background-position: -5px -260px
    }
    #header #menu_social .twitter,
    #header #menu_social .youtube {
        background-repeat: no-repeat;
        overflow: hidden;
        display: block;
        width: 25px;
        height: 25px
    }
    #header #menu_social .youtube {
        background-position: -5px -225px
    }
    #header #menu_social .in {
        background-position: -5px -295px;
        width: 25px;
        height: 25px
    }
    #header #menu_social .in,
    #header #logo a {
        background-repeat: no-repeat;
        overflow: hidden;
        display: block
    }
    #header #logo a {
        top: 8px;
        background-position: -5px -1056px;
        width: 149px;
        height: 145px
    }
    #header #logo_abe {
        display: block
    }
    #header #logo_atte {
        display: block
    }
    #header #menu_contacto {
        display: inline-block;
        position: static
    }
    #header #menu_contacto .icon {
        display: inline-block
    }
    #header #menu_contacto .icon-2 {
        display: none
    }
    #header #logo a {
        left: 10px;
        margin: 0
    }
    #header #menu_social {
        left: 170px
    }
    #header #logo_abe {
        left: 225px
    }
    #header #logo_atte {
        left: 315px
    }
    #header #menu_main {
        position: absolute;
        top: 81px;
        left: 0;
        width: 100%;
        border-top: 1px solid #dfdfdf;
        display: none
    }
    #header #menu_main.open {
        display: block
    }
    #header #menu_main .item {
        display: block;
        background: #efefef;
        padding: 7px;
        margin: 0!important;
        border-bottom: 1px solid #dfdfdf
    }
    #header #menu_main .item:hover {
        background: #eaeaea
    }
    #header #menu_main .label {
        margin: 0;
        font-size: 12px
    }
    #header #menu_main .icon {
        display: none!important
    }
    #header #menu_main_btn {
        display: block
    }
    #header.state-mini #menu_main {
        position: fixed;
        top: 82px!important
    }
}
@media only screen and (max-width: 480px) {
    #header #logo a,
    #header.state-mini #logo a {
        background-position: -5px -805px;
        background-repeat: no-repeat;
        overflow: hidden;
        display: block;
        width: 104px;
        height: 101px
    }
    #header #menu_social,
    #header.state-mini #menu_social {
        left: 120px
    }
    #header #logo_abe,
    #header.state-mini #logo_abe {
        /* left: 174px */
        display: none;
    }
    #header #logo_atte,
    #header.state-mini #logo_atte {
        /* left: 250px */
        display: none;
    }
}
.line-x {
    width: 238px;
    height: 3px;
    background: #db802d;
    margin: 0 auto
}
body {
    margin: 0;
    background: #000;
    color: #aeadb3;
    font-size: 14px
}
p {
    margin: 0 0 1em
}
#home {
    background: #000 url("../images/bg-1.jpg") no-repeat top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    display: table;
    width: 100%
}
#home .section-inner {
    display: table-cell;
    vertical-align: middle
}
#home .title {
    font-size: 115px;
    line-height: 137px;
    text-align: center;
    color: #fff;
    margin: 198px 0 0
}
#home .title .b {
    position: relative;
    top: -20px
}
#home .line-x {
    position: relative;
    top: -17px
}
@media only screen and (max-width: 890px) {
    #home .title {
        font-size: 93px;
        line-height: 107px
    }
}
@media only screen and (max-width: 850px) {
    #home .title {
        margin: 222px 0 0
    }
}
@media only screen and (max-width: 670px) {
    #home .title {
        font-size: 60px;
        line-height: 80px
    }
}
@media only screen and (max-width: 470px) {
    #home .title {
        font-size: 30px;
        line-height: 50px
    }
}
#history {
    background: #343333 url("../images/bg-2-2.jpg") no-repeat top center;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    background-position: center -212px
}
#history .section-inner {
    padding: 229px 0 100px;
    width: 973px;
    margin: 0 auto
}
#history .title {
    font-size: 50px;
    line-height: 52px;
    text-align: center;
    color: #fff;
    margin: 0 0 10px;
    font-weight: 400
}
#history .line-1 {
    width: 200px
}
#history .description-main {
    padding: 29px 0 15px 90px;
    position: relative;
    min-height: 124px;
    width: 790px;
    margin: 0 auto
}
#history .description-main .picture {
    position: absolute;
    top: -3px;
    left: 0;
    width: 68px
}
#history .description-main .description {
    font-size: 14px;
    line-height: 18px
}
#history .columns {
    display: table;
    border-bottom: 2px solid #db802d;
    border-top: 2px solid #db802d
}
#history .columns-row {
    padding: 24px 0
}
#history .column-title {
    font-size: 17px;
    line-height: 21px;
    color: #db802d;
    margin: 0 0 10px
}
#history .column {
    display: table-cell;
    width: 33%;
    border-right: 1px solid #48474a
}
#history .column .description {
    font-size: 14px;
    line-height: 18px
}
#history .column-inner {
    padding: 0 15px
}
#history .last-column {
    border-right: none
}
#history .description-secundary {
    text-align: center;
    padding: 29px 0 0
}
#history .description-secundary .description {
    font-size: 14px;
    line-height: 18px
}
#history .description-title {
    font-size: 17px;
    line-height: 21px;
    color: #db802d;
    margin: 0 0 10px
}
@media only screen and (max-width: 2150px) {
    #history {
        background-position: center -197px
    }
}
@media only screen and (max-width: 2070px) {
    #history {
        background-position: center -174px
    }
}
@media only screen and (max-width: 1916px) {
    #history {
        background-position: center -147px
    }
}
@media only screen and (max-width: 1749px) {
    #history {
        background-position: center -127px
    }
}
@media only screen and (max-width: 1635px) {
    #history {
        background-position: center -99px
    }
}
@media only screen and (max-width: 1471px) {
    #history {
        background-position: center -60px
    }
}
@media only screen and (max-width: 1270px) {
    #history {
        background-position: center -26px
    }
}
@media only screen and (max-width: 1078px) {
    #history {
        background-position: center 0
    }
}
@media only screen and (max-width: 990px) {
    #history .section-inner {
        width: 95%
    }
    #history .description-main {
        width: auto
    }
}
@media only screen and (max-width: 831px) {
    #history {
        background-position: center 0
    }
}
@media only screen and (max-width: 738px) {
    #history .section-inner {
        padding-top: 147px
    }
}
@media only screen and (max-width: 660px) {
    #history .columns {
        display: block
    }
    #history .column {
        display: block;
        width: auto;
        border-right: none;
        border-bottom: 1px solid #48474a
    }
    #history .last-column {
        border-bottom: none
    }
    #history .column-inner {
        padding: 17px
    }
}
@media only screen and (max-width: 480px) {
    #history .title {
        font-size: 30px;
        line-height: 32px
    }
    #history .description-main {
        padding-left: 10px;
        padding-right: 10px
    }
    #history .description-main .picture {
        display: none
    }
}
#about-us {
    background: #000
}
#about-us .section-inner {
    padding: 96px 0 100px;
    margin: 0 auto
}
#about-us .title {
    font-size: 50px;
    line-height: 52px;
    text-align: center;
    color: #fff;
    margin: 0 0 10px;
    font-weight: 400
}
#about-us .line-1 {
    width: 200px
}
#about-us .description {
    font-size: 14px;
    line-height: 18px;
    color: #aeadb3;
    width: 80%;
    padding: 15px 20px;
    margin: 0 auto;
    text-align: center
}
#about-us .list {
    margin: 0 auto;
    padding: 12px 0 0;
    width: 90%;
    list-style: none;
    text-align: center
}
#about-us .list .columns-row {
    padding: 24px 0
}
#about-us .list .item {
    display: inline-block;
    padding: 0 20px;
    margin: 0 0 20px;
    text-align: center;
    width: 14%
}
#about-us .list .item a {
    vertical-align: middle;
    text-decoration: none
}
#about-us .list .picture {
    display: inline-block;
    overflow: hidden;
    border: 6px solid #db802d;
    -webkit-border-radius: 100%;
    border-radius: 100%
}
#about-us .list .picture img {
    display: block;
    width: 100%
}
#about-us .list .name {
    display: inline-block;
    color: #aeadb3;
    font-size: 18px;
    padding: 10px 0 0;
    min-height: 63px;
    vertical-align: middle
}
#about-us .list .selected {
    width: 21%;
    padding-top: 0
}
#about-us .list .selected .name {
    width: 71%;
    color: #db802d
}
#about-us .list .selected .border {
    border-bottom: 2px solid #db802d;
    display: block;
    height: 1px;
    width: 90%;
    margin: 0 auto;
    max-width: 175px
}
@media only screen and (max-width: 1210px) {
    #about-us .list .name {
        font-size: 16px
    }
}
@media only screen and (max-width: 1077px) {
    #about-us .list .item {
        width: 14%
    }
    #about-us .list .name {
        font-size: 13px
    }
    #about-us .list .selected {
        width: 17%
    }
    #about-us .list .selected .name {
        width: 90%
    }
}
@media only screen and (max-width: 982px) {
    #about-us .list .name {
        font-size: 12px
    }
}
@media only screen and (max-width: 890px) {
    #about-us {
        height: auto!important
    }
    #about-us .list .item {
        display: block;
        margin: 0 auto 20px;
        width: 150px
    }
    #about-us .list .name {
        font-size: 14px
    }
    #about-us .list .selected {
        width: 200px
    }
}
#services {
    background: #eaeaea
}
#services .section-inner {
    padding: 96px 0 100px;
    margin: 0 auto
}
#services .section-title {
    width: 793px;
    margin: 0 auto
}
#services .title {
    font-size: 50px;
    line-height: 52px;
    text-align: center;
    color: #727176;
    margin: 0 0 10px;
    font-weight: 400
}
#services .line-1 {
    width: 181px
}
#services .description {
    color: #444242;
    font-size: 14px;
    line-height: 18px;
    margin: 0;
    padding: 20px 0 40px
}
#services .list {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: table
}
#services .list .columns-row {
    display: table-row
}
#services .list .item {
    display: table-cell;
    vertical-align: top;
    width: 33%;
    padding: 0;
    background: #fff;
    text-decoration: none
}
#services .list .item:first-child .item-inner {
    border-width: 1px 1px 1px 1px
}
#services .list .item-inner {
    min-height: 215px;
    padding: 10px;
    text-align: center;
    border: 1px solid #000;
    border-width: 1px 1px 1px 0
}
#services .list .item-picture {
    margin: 35px 0 10px
}
#services .list .item-title {
    font-size: 15px;
    color: #000;
    margin: 0 0 10px;
    text-transform: uppercase;
    font-weight: 400
}
#services .list .item-description {
    display: none;
    font-size: 15px;
    line-height: 17px;
    color: #fff;
    margin: 0 0 10px
}
#services .list .item-link {
    display: none;
    font-size: 15px;
    text-decoration: underline;
    color: #db802d
}
#services .list .item:hover {
    background: #000
}
#services .list .item:hover .item-picture {
    margin-top: 10px
}
#services .list .item:hover .item-title {
    color: #fff
}
#services .list .item:hover .item-link,
#services .list .item:hover .item-description {
    display: block
}
#services .list .item:active {
    background: #333
}
@media only screen and (max-width: 850px) {
    #services .section-title {
        width: 90%
    }
}
@media only screen and (max-width: 650px) {
    #services .list,
    #services .list .columns-row {
        display: block
    }
    #services .list .item {
        display: block;
        float: none;
        width: 100%
    }
    #services .list .item-picture {
        margin-top: 0
    }
    #services .list .item:first-child .item-inner {
        border-width: 1px 1px 1px 1px
    }
    #services .list .item-inner {
        border-width: 0 1px 1px 1px
    }
}
#sedes {
    background: #000;
    min-height: 644px
}
#sedes .section-inner {
    padding: 0
}
#sedes .section-map {
    position: relative;
    overflow: hidden;
    background-color: #b5b5b5;
    min-height: 644px
}
#sedes .section-map img {
    width: 1310px
}
#sedes .point-detail {
    display: none;
    width: 289px;
    background: #828282;
    -webkit-border-radius: 15px 15px 15px 0;
    border-radius: 15px 15px 15px 0;
    position: absolute;
    bottom: 70px;
    left: 0;
    z-index: 2
}
#sedes .point-inner {
    padding: 20px
}
#sedes .point-title {
    font-size: 22px;
    line-height: 25px;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase
}
#sedes .point-description {
    font-size: 15px;
    color: #fff;
    margin: 0
}
#sedes .point-arrow {
    background: url("../images/map-icon-arrow-1.png") no-repeat 0 0;
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    bottom: -25px;
    left: 0
}
#sedes .point {
    background: url("../images/peru-point-2.png") no-repeat 0 0;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    position: absolute;
    width: 48px;
    height: 48px
}
#sedes .point:hover {
    background-image: url("../images/peru-point-2-hover.png")
}
#sedes .point:hover .point-detail {
    display: block
}
#sedes .point-delegation {
    background-image: url("../images/peru-point-3.png");
    width: 38px;
    height: 38px
}
#sedes .point-delegation:hover {
    background-image: url("../images/peru-point-3-hover.png")
}
#sedes .point-delegation:hover .point-detail {
    bottom: 60px
}
#sedes #point_1 {
    top: 215px;
    left: 164px
}
#sedes #point_1 .point-detail {
    left: 10px
}
#sedes #point_2 {
    top: 252px;
    left: 167px
}
#sedes #point_3 {
    top: 284px;
    left: 200px
}
#sedes #point_4 {
    top: 368px;
    left: 252px
}
#sedes #point_5 {
    top: 475px;
    left: 348px
}
#sedes #point_6 {
    top: 252px;
    left: 222px
}
#sedes #point_7 {
    top: 321px;
    left: 206px
}
#sedes #point_8 {
    top: 434px;
    left: 285px
}
#sedes #point_9 {
    top: 370px;
    left: 291px
}
#sedes #point_10 {
    top: 349px;
    left: 231px
}
#sedes #point_11 {
    top: 421px;
    left: 370px
}
#sedes #point_12 {
    top: 523px;
    left: 425px
}
#sedes #point_13 {
    top: 459px;
    left: 424px
}
#sedes #point_14 {
    top: 441px;
    left: 439px
}
#sedes #point_15 {
    top: 166px;
    left: 320px
}
#sedes .section-main {
    position: absolute;
    top: 190px;
    left: 60%;
    z-index: 2
}
#sedes .section-main .item {
    padding: 0 0 20px
}
#sedes .section-main .title {
    font-size: 50px;
    color: #fff;
    margin: 0;
    text-align: center;
    font-weight: 400
}
#sedes .section-main .line-1 {
    width: 182px
}
#sedes .section-main .description {
    padding: 13px 0 0;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    text-align: center
}
@media only screen and (max-width: 1118px) {
    #sedes .section-main {
        left: 61%
    }
    #sedes .section-main .title {
        font-size: 40px
    }
}
@media only screen and (max-width: 1017px) {
    #sedes .map {
        position: relative;
        left: -131px
    }
    #sedes #point_1 {
        left: 11px
    }
    #sedes #point_2 {
        left: 36px
    }
    #sedes #point_3 {
        left: 67px
    }
    #sedes #point_4 {
        left: 121px
    }
    #sedes #point_5 {
        left: 207px
    }
    #sedes #point_6 {
        left: 85px
    }
    #sedes #point_7 {
        left: 74px
    }
    #sedes #point_8 {
        left: 155px
    }
    #sedes #point_9 {
        left: 161px
    }
    #sedes #point_10 {
        left: 99px
    }
    #sedes #point_11 {
        left: 237px
    }
    #sedes #point_12 {
        left: 296px
    }
    #sedes #point_13 {
        left: 295px
    }
    #sedes #point_14 {
        left: 308px
    }
    #sedes #point_15 {
        left: 190px
    }
}
@media only screen and (max-width: 990px) {
    #sedes .section-main {
        left: 61%
    }
}
@media only screen and (max-width: 860px) {
    #sedes {
        height: auto!important
    }
    #sedes .map {
        display: none
    }
    #sedes .section-main {
        padding-top: 50px
    }
    #sedes .section-map {
        height: auto!important
    }
    #sedes .point {
        background: 0 0;
        position: static;
        width: auto;
        height: auto
    }
    #sedes .point:hover {
        background: 0 0
    }
    #sedes .point-detail {
        display: block;
        position: static;
        width: 90%;
        margin: 20px auto
    }
    #sedes .section-main {
        position: static
    }
}
#clients {
    background: #000;
    min-height: 643px
}
#clients .section-inner {
    padding: 96px 0 80px;
    width: 1004px;
    margin: 0 auto
}
#clients .title {
    font-size: 50px;
    line-height: 52px;
    text-align: center;
    color: #fff;
    margin: 0 0 10px;
    font-weight: 400
}
#clients .line-1 {
    width: 200px
}
#clients .description {
    font-size: 14px;
    line-height: 18px;
    color: #aeadb3;
    padding: 15px 20px;
    margin: 0;
    text-align: center
}
#clients .list {
    width: 90%;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    text-align: center;
    zoom: 1
}
#clients .list:before,
#clients .list:after {
    content: "";
    display: table
}
#clients .list:after {
    clear: both
}
#clients .list li {
    display: block;
    float: left;
    background: #fff;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    width: 12.8%;
    margin: 0 4px 5px;
    padding: 0;
    overflow: hidden;
    position: relative;
    background-position: top center;
    background-color: #fff
}
#clients .list li.normal {
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: transparent
}
#clients .list .picture {
    width: 100%;
    border: none;
    display: block
}
#clients .list .clone {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: none;
    z-index: 2;
    opacity: 1;
    -ms-filter: none;
    filter: none
}
#clients .list .clone:hover {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}
#clients .list .legend {
    font-size: 15px;
    line-height: 15px;
    padding-top: 29px;
    display: inline-block;
    color: #333
}
@media only screen and (max-width: 1004px) {
    #clients .section-inner {
        width: 90%
    }
}
@media only screen and (max-width: 850px) {
    #clients .list {
        width: auto
    }
    #clients .list li {
        width: 23.5%
    }
}
@media only screen and (max-width: 650px) {
    #clients .list li {
        width: 48%
    }
}
@media only screen and (max-width: 480px) {
    #clients .list li {
        width: 94%;
        margin: 0 auto 7px;
        float: none
    }
}
#contact {
    background: #eaeaea
}
#contact .section-inner {
    padding: 96px 0 100px;
    width: 837px;
    margin: 0 auto
}
#contact .section-title {
    width: 793px;
    margin: 0 auto
}
#contact .title {
    font-size: 50px;
    line-height: 52px;
    text-align: center;
    color: #727176;
    margin: 0 0 10px;
    font-weight: 400
}
#contact .line-1 {
    width: 181px
}
#contact .description {
    color: #858585;
    font-size: 14px;
    line-height: 18px;
    margin: 0;
    padding: 15px 0;
    text-align: center
}
#contact .loader {
    background: url("../images/loader.gif") no-repeat 0 0;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    margin: -15px 0 0 -15px;
    display: block
}
#contact .loading-content {
    display: none;
    background: #eaeaea;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50)
}
#contact .normal-content {
    position: relative
}
#contact .success-content {
    background: #caf0ba;
    color: #0d7737
}
#contact .success-content,
#contact .error-content {
    display: none;
    padding: 10px;
    margin: 0 0 10px;
    font-size: 16px;
    text-align: center
}
#contact .error-content {
    background: #f0ccba;
    color: #772d0d
}
#contact .form {
    min-height: 276px;
    margin: 15px 0 0
}
#contact .form .row {
    margin: 0 0 10px
}
#contact .form input,
#contact .form textarea {
    background: #fff;
    font-size: 15px;
    padding: 10px 5px;
    -webkit-box-shadow: inset 1px 2px 3px #efefef;
    box-shadow: inset 1px 2px 3px #efefef;
    border: 1px solid #c6c4c4;
    resize: none
}
#contact .form input.error,
#contact .form textarea.error {
    border-color: red
}
#contact .form input {
    width: 30%
}
#contact .form #phone {
    margin: 0 19px
}
#contact .form textarea {
    width: 98.2%;
    height: 115px
}
#contact .form .buttons {
    text-align: center
}
#contact .form button {
    background: #e06718;
    border: 1px solid #c6c4c4;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding: 15px 40px;
    text-shadow: 1px 0 1px #873e0e
}
#contact #contact_form.error .error-content,
#contact #contact_form.success .success-content {
    display: block
}
#contact #contact_form.success .normal-content {
    display: none
}
#contact #contact_form.loading .loading-content {
    display: block
}
@media only screen and (max-width: 900px) {
    #contact .section-inner {
        width: 90%
    }
    #contact .form input {
        width: 28.96%
    }
    #contact .form #phone {
        margin: 0 3.4%
    }
}
@media only screen and (max-width: 771px) {
    #contact .form #phone,
    #contact .form input {
        width: 99%;
        margin: 0 0 20px
    }
    #contact .form .row {
        margin: 0
    }
    #contact .form .buttons {
        padding-top: 20px
    }
}
.section {
    position: relative
}