.container {
    width:100%
}
header {
    background:#e4e6eb
}
header .container {
    width:100%
}
main {
    background-color:#e4e6eb
}
section.highlight {
    background-color:#e4e6eb
}
section.highlight .news h2 {
    font-size:3rem;
    font-weight:500
}
section.highlight .news article {
    background-color:#fff;
    width:100%;
    height:220px;
    border-bottom:none;
    margin-bottom:20px
}
section.highlight .news article .date {
    padding:0 10px
}
section.highlight .news article h3 {
    padding:0;
    margin:5px 0px 10px;
    font-size:1.7rem;
    color:#004382;
    font-weight:500
}
section.highlight .news article figure {
    width:30%;
    height:150px;
    background-size:cover;
    display:inline-block;
    float:left;
    border:none
}
section.highlight .news article .text {
    width:70%;
    display:inline-block;
    float:left;
    padding:0 10px
}
@media (min-width:320px){section.highlight .news article .text{height:auto;}}
@media (min-width:768px){section.highlight .news article .text{height:150px;}}
@media (min-width:1200px){section.highlight .news article .text{height:150px;}}
section.highlight .news article p {
    padding:0;
    text-align:justify;
    font-size:1.5rem;
    line-height:120%
}
section.highlight .news .bx-wrapper .bx-pager {
    bottom:-21px
}
section.highlight .news figure {
    background:#fff;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain
}
section.highlight .news h2 {
    font-size:3rem;
    font-weight:500
}
section.banner {
    background:#e4e6eb
}
section.banner .container {
    width:100%
}
section.banner .bx-wrapper .bx-pager {
    display:none
}
section.banner .caption {
    width:100%;
    position:relative;
    left:6%;
    height:150px;
    width:88%;
    text-align:left;
    top:150px;
    background:rgba(0, 0, 0, 0.4)
}
section.banner .caption h2 {
    font-weight:800
}
.mySlide .caption .prev {
    left:-70px
}
.mySlide .caption .next {
    left:auto;
    right:-70px
}
.mySlide .caption .next, .mySlide .caption .prev {
    top:40%;
    display:block;
    text-align:center;
    line-height:1;
    width:60px;
    height:60px;
    position:absolute;
    overflow:hidden;
    background:rgba(0, 0, 0, 0.5);
    z-index:9999;
    border:none;
    margin-left:0;
    cursor:pointer
}
.mySlide .caption .next:hover, .mySlide .caption .prev:hover {
    background:#fff;
    border:none;
    color:#000
}
.mySlide .caption .next i, .mySlide .caption .prev i {
    margin-top:12px;
    font-size:3rem;
    color:fff
}
.mySlide .caption .next i:hover, .mySlide .caption .prev i:hover {
    color:#000
}
main.services .panel {
    background:#e4e6eb
}
main.services article {
    height:155px
}
main.services article figure {
    width:40%;
    height:153px;
    float:left
}
main.services article .card-content {
    position:relative;
    width:60%;
    float:left;
    text-align:left
}
main.services article .card-content p {
    font-size:1.3rem
}
main.services article .card-content h2 {
    font-size:1.6rem;
    background:none;
    color:#003978;
    font-weight:600;
    margin:0;
    padding:30px 10px 10px
}
main.projects .panel .container {
    width:100%
}
main.projects .myBox, main.detail .myBox {
    height:155px;
    border:thin solid #e2e4e7
}
main.projects .myBox figure, main.detail .myBox figure {
    float:left;
    width:40%;
    height:155px;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain
}
main.projects .myBox .card-content, main.detail .myBox .card-content {
    float:left;
    position:relative;
    width:60%;
    text-align:left;
    overflow:hidden;
    background-color:#fff
}
main.projects .myBox .card-content:hover .more, main.detail .myBox .card-content:hover .more {
    opacity:1;
    top:0
}
main.projects .myBox .card-content .more, main.detail .myBox .card-content .more {
    position:absolute;
    width:100%;
    height:100%;
    background:#003978;
    top:-100%;
    left:0;
    z-index:2;
    opacity:0;
    -webkit-transition:all 500ms;
    transition:all 500ms
}
main.projects .myBox .card-content .more h3, main.detail .myBox .card-content .more h3 {
    float:right;
    margin-top:70px;
    font-size:1.8rem;
    font-weight:300;
    color:#fff;
    padding-right:20px
}
main.projects .myBox .card-content span, main.detail .myBox .card-content span {
    box-shadow:none;
    border:none;
    margin:0;
    padding:0 10px
}
main.projects .myBox .card-content p, main.detail .myBox .card-content p {
    font-size:1.3rem
}
main.projects .myBox .card-content h2, main.detail .myBox .card-content h2 {
    font-size:1.6rem;
    background:none;
    color:#003978;
    font-weight:500;
    margin:0;
    padding:30px 10px 10px;
    text-transform:none
}
main.workTeam {
    margin-bottom:-20px
}
main.workTeam img {
    border:6px solid #e2e4e7;
    margin-bottom:20px
}
section.text-info {
    padding:30px 0;
    padding-top:40px;
    text-align:left;
    margin-top:0px;
    background:#e4e6eb
}
section.text-info .container {
    width:100%
}
section.text-info p {
    -webkit-transition:all 600ms;
    transition:all 600ms;
    text-align:justify;
    color:#4c4e51;
    font-size:3rem;
    line-height:140%;
    font-weight:300;
    padding:15px;
    background:#fff
}
section.text-info p i {
    color:#004382;
    font-size:2.8rem
}
section.text-info h2 {
    color:#004382;
    text-transform:capitalize;
    text-align:center;
    font-size:3rem;
    line-height:100%;
    font-weight:500;
    padding-top:10px
}
section.text-info article {
    float:left;
    display:inline-block;
    text-align:center;
    height:240px;
    background:#fff
}
section.text-info article p {
    -webkit-transition:all 600m;
    transition:all 600m;
    padding:0 20px;
    text-align:justify;
    color:#4c4e51;
    font-size:1.6rem;
    line-height:140%;
    font-weight:300
}
section.text-info article figure {
    float:left;
    height:100px;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    border-radius:0
}
section.text-info article .btn {
    position:relative;
    font-size:1.4rem;
    line-height:36px;
    font-weight:300;
    margin-top:20px;
    color:#f6f6f6
}
section.areas {
    padding:10px 0;
    background:#e4e6eb;
    margin-top:-20px
}
section.areas .container {
    width:100%
}
section.areas .experience {
    margin-top:40px;
    height:446px
}
section.areas .experience article {
    border:none;
    height:444px;
    padding-top:20px
}
section.areas .experience article:hover {
    background-color:#fff
}
section.areas .experience article p {
    text-align:justify
}
section.areas .experience .btn {
    bottom:100px
}
section.areas h2 {
    background:#fff;
    padding:10px 0;
    margin-bottom:40px
}
main.detail-news {
    background:#E4E6EB;
    margin-bottom:-20px
}
main.detail-news article {
    background:#e4e6eb;
    padding-top:20px;
    margin-bottom:30px
}
main.detail .title2, main.detail-news .title2 {
    height:60px;
    background-color:#e4e6eb;
    margin-bottom:20px;
    border-bottom:1px solid #B2B4B6
}
main.detail .title2 h2, main.detail-news .title2 h2 {
    padding-top:20px;
    font-weight:400;
    color:#004382;
    padding-left:20px
}
main.detail .myBox, main.detail-news .myBox {
    background-color:#fff;
    border:none
}
main.detail .myBox .card-content, main.detail-news .myBox .card-content {
    height:100%
}
main.detail .myBox .card-content span, main.detail-news .myBox .card-content span {
    font-size:1.4rem;
    line-height:140%;
    font-weight:300;
    color:#4c4e51
}
main.detail .myBox .card-content h2, main.detail-news .myBox .card-content h2 {
    padding:30px 0 10px 0
}
main.detail .title, main.detail-news .title {
    background:#004382;
    color:#f6f6f6;
    margin:0;
    font-size:3rem;
    line-height:100%;
    font-weight:700;
    letter-spacing:1px;
    overflow:hidden;
    position:relative;
    padding:0;
    margin-bottom:0
}
main.detail .title h2, main.detail-news .title h2 {
    padding:0 20px;
    font-size:3rem;
    font-weight:400
}
main.detail .title p, main.detail-news .title p {
    padding:20px 20px 10px;
    color:#f6f6f6
}
main.detail .title figure, main.detail-news .title figure {
    background-color:#fff;
    float:left;
    margin:0;
    height:170px;
    width:25%;
    overflow:hidden;
    background-size:contain;
    border:thin solid #e2e4e7
}
main.detail .myBox figure, main.detail-news .myBox figure {
    float:left;
    width:40%;
    margin:0 0 20px;
    position:relative;
    border:none
}
main.detail .myBox figure .service-name, main.detail-news .myBox figure .service-name {
    position:absolute;
    font-size:3rem;
    height:45px;
    bottom:0;
    line-height:40%;
    background:#ccc;
    opacity:0.7;
    color:#fff;
    text-transform:uppercase;
    padding:20px
}
main.detail .myBox figure img, main.detail-news .myBox figure img {
    width:100%
}
main.detail-news .actions {
    text-align:right;
    line-height:37px;
    margin:20px 0;
    font-size:0
}
main.detail-news .actions a {
    color:#f6f6f6;
    cursor:pointer;
    margin:0 5px;
    display:inline-block;
    vertical-align:top;
    white-space:normal
}
main.detail-news .title figure {
    background-size:cover
}
main.detail-news .title h2 {
    padding-top:20px
}
main.detail-news .more-news {
    overflow:auto;
    background:#e4e6eb
}
main.detail-news .more-news article {
    height:220px;
    background:#fff;
    padding:10px 0
}
main.detail-news .more-news article figure {
    width:150px;
    height:150px;
    background-size:cover;
    background-repeat:no-repeat;
    display:inline-block;
    float:left
}
main.detail-news .more-news article .text {
    display:inline-block;
    float:left;
    width:80%;
    padding:20px
}
main.detail-news .more-news article h3 {
    color:#003978
}
main.detail-services .container {
    width:100%
}
main.detail-services .actions {
    text-align:right;
    line-height:37px;
    margin:20px 0;
    font-size:0
}
main.detail-services .actions a {
    color:#f6f6f6;
    cursor:pointer;
    margin:0 5px;
    display:inline-block;
    vertical-align:top;
    white-space:normal
}
main.detail-services figure {
    border:6px solid #f6f8fb;
    float:right;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    margin:0 0 20px 20px;
    height:300px;
    width:100%;
    overflow:hidden;
    text-align:center
}
main.detail-services h3 {
    margin-bottom:10px
}
main.detail-services .menu-service ul li {
    padding:5px
}
main.detail-services h2 {
    margin-bottom:20px;
    text-align:center
}
main.detail-services article {
    text-align:right;
    margin-bottom:10px
}
main.detail-services article figure {
    float:right;
    width:80%;
    height:125px;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    border:6px solid #e2e4e7;
    margin:0;
    margin-bottom:10px
}
main.detail-services article h2 {
    color:#004382;
    text-transform:uppercase;
    font-size:1.2rem;
    line-height:100%;
    font-weight:400;
    padding-bottom:10px;
    margin:0;
    text-align:right
}
main.detail-services article a {
    padding-bottom:10px;
    font-size:1.2rem
}
main.detail-services article .position {
    padding:10px 0 10px;
    font-size:1.2rem
}
main.detail-services .news {
    padding-top:20px;
    border-top:thin dotted #6a6c6f
}
main.detail-services .news article {
    text-align:justify
}
main.detail-services .news article .btn {
    display:inline-block;
    margin-top:10px;
    font-size:1.4rem;
    line-height:36px;
    font-weight:300;
    margin-right:20px;
    color:#f6f6f6;
    padding:0;
    width:80px
}
main.detail-services .news .bx-wrapper .bx-pager {
    display:none
}
main.detail-services article .position {
    color:#003978
}
main.detail-services .news h2 {
    color:#003978
}
main.detail-services h2 {
    color:#003978
}
main.detail-services .menu-service a {
    font-size:1.4rem
}
nav {
    text-align:right
}
nav ul {
    text-align:right
}
nav ul a {
    padding:5px 8px
}
.text ul li::before {
    content:'\f0c8'
}
section.highlight {
    padding:5px 0 10px
}
section.highlight h2 {
    color:#004382;
    margin-bottom:30px;
    text-align:center;
    font-size:3rem;
    line-height:100%;
    font-weight:500;
    background:#fff;
    padding:10px 0
}
section.highlight .container {
    width:100%
}
section.highlight .book {
    height:420px;
    background:#fff;
    padding:0
}
section.highlight .book h3 {
    margin-top:10px;
    margin-bottom:0;
    font-size:1.6rem
}
section.highlight .book h3 i {
    color:#003978;
    font-size:1.4rem
}
section.highlight .book p {
    float:none;
    line-height:110%;
    font-size:1.3rem
}
section.highlight .book figure {
    width:21%;
    height:75px;
    border:none
}
section.highlight .book article {
    border-bottom:1px solid #003978;
    height:80px
}
section.highlight .book btn {
    margin-top:16px;
    position:absolute;
    right:0;
    bottom:0;
    font-weight:300
}
section.highlight .book h2, section.highlight .news h2 {
    text-transform:none;
    font-size:3rem;
    font-weight:500;
    text-align:center;
    margin-bottom:15px
}
section.carousel .container {
    width:90%
}
section.carousel figure {
    height:90px;
    width:160px;
    background:#fff
}
section.carousel figure img {
    height:100%;
    width:100%
}
section.carousel h2 {
    text-transform:none
}
section.carousel h2 strong {
    color:#003978;
    font-weight:500
}
section.carousel .bx-wrapper .bx-pager {
    display:block;
    bottom:-20px !important
}
section.carousel .bx-wrapper .bx-pager.bx-default-pager a {
    background:#666 !important;
    border:1px solid #666
}
@media (min-width:320px){section.carousel .bx-wrapper .bx-pager.bx-default-pager a{width:10px; height:10px;}}
@media (min-width:768px){section.carousel .bx-wrapper .bx-pager.bx-default-pager a{width:15px; height:15px;}}
@media (min-width:1200px){section.carousel .bx-wrapper .bx-pager.bx-default-pager a{width:15px; height:15px;}}
section.carousel .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background:transparent !important;
    border:1px solid #666
}
section.carousel .bx-wrapper .bx-pager.bx-default-pager a.active {
    background:transparent !important;
    border:1px solid #666
}
section.areas h2 {
    text-transform:none
}
section.areas h2 strong {
    color:#003978;
    font-weight:500
}
main h1 {
    text-transform:initial;
    font-weight:500
}
main.workTeam h2 {
    color:#003978;
    margin-bottom:20px
}
main.workTeam .top-img {
    margin-bottom:20px
}
main.workTeam .top-img h3 {
    margin:0;
    padding:10px 0 20px 0;
    background:none;
    color:#595959;
    border:none;
    text-transform:capitalize
}
main.workTeam .top-img p {
    color:#6a6c6f
}
main.workTeam .top-img img {
    height:300px;
    width:100%
}
main.workTeam .im {
    width:100%;
    height:125px
}
main.workTeam .im figure {
    width:100%;
    height:125px
}
main.workTeam .im:hover .info-contact {
    opacity:1;
    top:0
}
main.workTeam .im .info-contact {
    position:absolute;
    width:100%;
    height:125px;
    background:rgba(0, 67, 130, 0.8);
    top:-100%;
    left:0;
    z-index:2;
    opacity:0;
    -webkit-transition:all 500ms;
    transition:all 500ms;
    color:#fff;
    padding:5px
}
main.workTeam .im .info-contact h2 {
    color:#fff;
    font-size:1.4rem;
    margin-bottom:5px;
    text-transform:initial
}
main.workTeam .im .info-contact a {
    color:#fff;
    font-size:1rem
}
main.workTeam .im .info-contact .position {
    color:#fff;
    font-size:1rem
}
main.workTeam article {
    border-bottom:none;
    width:125px;
    height:125px;
    float:left;
    margin:2px;
    overflow:hidden
}
main.services {
    background:#E4E6EB
}
main.services article {
    border:none
}
.panel {
    background:#e4e6eb
}
footer {
    text-align:left;
    background:#e4e6eb;
    padding-bottom:0
}
footer a {
    color:#fff
}
footer a:hover {
    color:#999
}
footer .container {
    width:100%
}
footer .container.blue2 {
    background:#003978
}
footer figure {
    float:left;
    display:inline-block;
    width:20%
}
footer figure img {
    height:50px;
    opacity:1
}
footer ul li {
    width:20%;
    display:inline-block;
    float:left
}
footer ul li h2 {
    margin:20px 0;
    margin-top:30px;
    text-transform:uppercase;
    font-weight:400;
}
@media (min-width:320px){footer ul li h2{font-size:1.3rem;}}
@media (min-width:768px){footer ul li h2{font-size:1.6rem;}}
@media (min-width:1200px){footer ul li h2{font-size:1.6rem;}}
footer ul li .menu {
    list-style-type:circle
}
footer ul li .menu li {
    display:block;
    float:none;
    width:100%;
    list-style-type:circle;
    position:relative;
    margin-bottom:5px;
    padding:5px 0 5px 20px
}
footer ul li .menu li:before {
    content:'\f111';
    font-family:fontawesome;
    font-size:.5rem;
    position:absolute;
    left:0px;
    top:-1px;
    margin-top:5px
}
main.projects {
    background:#E4E6EB
}
main.projects .myBox {
    border:none
}
main.detail-news .more-news .news article {
    margin-bottom:20px
}
section.areas article {
    border:none;
    margin-bottom:20px;
    height:390px
}
.postFooter {
    background:#e4e6eb;
    padding:0
}
.postFooter .container.blue2 {
    background:#003978
}
.postFooter .container {
    width:100%
}
.postFooter .contact {
    text-align:center;
    margin-top:5px
}
.postFooter .contact a {
    color:#f6f6f6
}
.postFooter .ahorranito, .postFooter .copyright {
    padding:10px 0
}
main.detail {
    background:#E4E6EB
}
.projects .panel {
    margin-bottom:20px;
    height:0;
    min-height:0;
    padding:0
}
main.detail article {
    background:#e4e6eb;
    padding:10px;
    margin-bottom:20px
}
main.contact #loading_contacts>div {
    font-size:1.4rem;
    padding:10px;
    background:#f6f8fb;
    color:#6a6c6f !important;
    margin-top:20px
}
main.contact .contact-data {
    background:#e4e6eb
}
main.contact form {
    background:#e4e6eb
}
main.contact .row {
    margin-bottom:0
}
@media screen and (max-width: 990px) {
    header .logo {
        width:200px
    }
}
@media screen and (max-width: 768px) {
    section.text-info article {
        height:auto
    }
    section.text-info article a {
        position:relative !important;
        margin-left:40% !important
    }
    section.areas article {
        height:auto
    }
    section.areas article .btn {
        position:relative;
        bottom:0;
        left:0;
        margin:10px 0
    }
    section.areas .experience {
        height:auto
    }
    section.areas .experience article {
        height:auto
    }
    section.areas .experience .btn {
        bottom:0
    }
    .postFooter .copyright {
        text-align:center
    }
    .postFooter .ahorranito {
        text-align:center
    }
    section.banner .caption {
        top:200px;
        height:autoz
    }
    section.banner .caption .next, section.banner .caption .prev {
        display:none
    }
    main.workTeam .top-img img {
        height:auto
    }
    main.detail-services article figure {
        background-size:contain;
        width:40%;
        float:left
    }
    main.projects .myBox {
        height:230px
    }
    main.detail .myBox {
        height:165px
    }
}
@media screen and (max-width: 420px) {
    section.text-info p {
        font-size:2rem
    }
    section.highlight .book .btn {
        margin-top:0
    }
    main.detail .title figure {
        width:33%
    }
    section.banner .caption {
        top:40px
    }
    section.carousel figure {
        height:70px;
        width:120px
    }
    section.highlight .book {
        height:auto
    }
    section.highlight .book figure {
        display:none
    }
    section.highlight .news article {
        width:100%;
        height:auto !important;
        margin-bottom:20px;
        padding-bottom: 20px;
    }
    section.highlight .news figure {
        display:none
    }
    footer figure {
        width:100%;
        margin:20px auto
    }
    footer figure img {
        height:auto
    }
    footer ul li {
        width:50%
    }
    footer ul li h2 {
        margin-top:10px
    }
    main.detail .title figure, main.detail-news .title figure {
        width:100%
    }
    main.detail-news .more-news article {
        height:auto;
        display:inline-block
    }
    main.detail-news .more-news article figure {
        display:none
    }
}
section.highlight .news figure {
    background-size:cover
}
footer .blue2{
}
@media (min-width:320px){footer .blue2{padding:0 20px;}}
@media (min-width:768px){footer .blue2{padding:0;}}
@media (min-width:1200px){footer .blue2{padding:0;}}