/* AnakinSGE Template for MGI Guerra */
/*@font-face {
    font-family: "MGI-font";
    src: url(../fonts/spinwerad.ttf) format("truetype");
}

@font-face {
    font-family: "ahellya";
    src: url(../fonts/ahellya.ttf) format("truetype");
}

@font-face {
    font-family: "cond";
    src: url(../fonts/intro-cond-black.otf) format("truetype");
}*/

body {
    font-family: 'Oswald', sans-serif;
    font-size: 16px; font-weight: 300; color: #555; margin:0; padding:0;
    background-color: #f5f5f5;
}

p{ margin: 0 0 1em 0; }
a{ color: #2151a4; }
a:visited { color: #5a87c6; }
.mgi-title:after {
    content: ': ';
    color: #00919e;
}
.mgi-title-mustard:after {
    content: ': ';
    color: #f0ca00;
}
.invalid {
    border-color: red !important;
}
/*head*/
header {
    background-image: url("../images/edificio-perseus-cover-mobile.jpg");
    background-color: rgba(0, 0, 0, 0);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    min-height: 650px;
}
header > div.container{
    position: relative;
    height: 650px;
}
.navigation{
    height: 150px;
    position: relative;
    width: 100%;
}
.logo h1{
    padding: 0;
    margin: 0;
}
.logo{
    background-color: #fff;
    padding: 20px;
    border-radius: 0 0 5px 5px;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
}

.top-nav{
    position: relative;
    z-index: 10;
}

.nav-pills{
    padding: 0px;
    background-color: rgba(0,0,0,0.3);
    border-radius: 0 0 4px 4px;
}
.nav-pills > li + li {
    margin-left: 0px;
}
.nav-pills > li > a {    
    border-radius: 0 0 4px 4px;
    text-shadow: 2px 2px 2px #000000;
    font-size: 1.2em;
    padding-top: 25px;
    color: #fff;
}

.nav > li > a:focus, .nav > li > a:hover{
    background-color: rgba(0,145,158,0.7);
}

.nav > li.active > a, .nav > li.active > a:focus, .nav > li.active > a:hover {
    background-color: rgba(33,81,164,0.7);
}
li.item-105, li.item-104 {
    display: none;
}
.pull-down{
    bottom: 0;
    position: absolute;
    width: 100%;
    margin-bottom: 2em;
}
.our-values{
    background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 71%,rgba(0,0,0,0.65) 100%);
    /*background-color: rgba(0,0,0,0.4);*/
    /*background-color: rgba(33,81,164,0.5);*/
    color: #fff;
    text-align: right;
    border-radius: 15px;
    padding: 20px;
    margin-top: 70px;
}
.our-values > h2{
    font-size: 4.0em;
    font-weight: bold;
    /*margin-top: 5px;*/
}
.our-values > p {
    color: #444;
    font-size: 1.4em;
    line-height: 1em;
    padding: 15px;
}
.icon{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 48px;
    width: 48px;
    margin: auto;
}
.entrepreneurial{
    background-image: url("../images/entrepreneurial-icon.png");
}
.personal{
    background-image: url("../images/personal-icon.png");
}
.global{
    background-image: url("../images/global-icon.png");
}

.choco-text{
    font-family: 'Oswald', sans-serif;
    padding: 15px;
    text-align: justify;
    font-size: 16px;
    color: #d9edf7;
}
.choco-rain{
    background-color: #fde8e1;    
    border-radius: 0px 10px 0px 10px;
    padding: 5px;
    color: #f68e6b;
}
.choco-passione{
    background-color: #80cec9;    
    border-radius: 0px 10px 0px 10px;
    padding: 5px;
    color: #fff;
}
.choco-miracle{
    background-color: #676aaf;    
    border-radius: 0px 10px 0px 10px;
    padding: 5px;
    color: #fff;
}
.choco-legend{
    font-size: 16px;
}
.choco-fin{
    font-family: "ahellya";
    font-size: 14px;
}
.choco-titulo{
    font-family: "cond";
    font-size: 22px;
}

.our-values.entre{
    /*background-color: rgba(0,145,158,0.5);*/
}
/*end head*/

/*highlight and main*/
.highlight{
    margin-top: 40px;
    margin-bottom: 40px;
}
section.site{
    visibility: hidden;
    display: none;
}
.img-highlight{
    border-radius: 10px 0 0 10px;
}
.art-highlight{
    border-radius: 0 10px 10px 0;
    background-color: #093b67;
    height: 444px;
}
.newsflash-title, .art-highlight > p {
    text-align: justify;
    margin-left: 25px;
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 15px;
}
.newsflash-title {
    color: #f5f5f5;
    border-top: #ccc solid 15px;
    padding-top: 10px;
    padding-left: 0px;
    margin-bottom: 0px;
}
.newsflash-title > a{
    color: #293263;
}
.btn-mgi {
    background-color: #f0ca00;
    border-color: #ba9d02;
    color: #444 !important;
}
.btn-mgi:hover {
    background-color: #2151a4;
    border-color: #153468;
    color: #ddd !important;
}
.no-gutter{
    margin-left:0px; 
    margin-right:0px;
}
.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}
.img-article-intro{
    width: 100%;
    border-radius: 10px;
    border: 1px solid #bbb;
}
.title-article-intro a{
    color: #5a87c6;
}
.title-article-intro {
    color: #2151a4;
    border-top: 10px solid #d9edf7;
    margin-top: 10px;
    padding-top: 10px;
    text-align: center;
}
/*.article-info, .microdata{*/
.article-info > .article-info-term, .article-info > .published, .article-info > .modified{
    visibility: hidden;
    display: none;
}
.article-info > .createdby{
    width: 100%;
    text-align: right;
    font-size: 0.9em;
    color: #888;
    font-style: italic;
}
.article-col, article-info{
    position: relative;
}
.article-info > .createdby > span{
    font-weight: bold;
}
.article-info > .createdby:before {
    content: '- ';
}
.article-col > p{
    text-align: justify;
    color: #000;
    /*font-family: "ahellya";*/
    
}
.page-title{
    font-size: 2.5em;
    color: #2151a4;
    text-align: center;
    font-weight: bold;
}
.alert-message {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}
.row-eq-height{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.category-desc{
    text-align: justify;
}
h3.item-title > a{
    color: #2151a4;
}
.pagination-div{
    margin: 0 auto;
    text-align: center;
}
.pagination {
    margin: 10px 0;
}
.pagination > li > a > .glyphicon {
    font-size: 0.7em;
}
.counter{
    margin: 0px;
    padding: 0px;
    padding-top: 10px;
    text-align: center;
}
.contactus-icon{
    font-size: 2em;
    color: #00919e;
}
/*highlight and main*/

/*jumbotron*/
.jumbotron-title{
    color: #fff;
    text-align: center;
    font-size: 2.5em;
}
.mostread{
    background-color: #2151a4;
    padding-left: 35px;
    padding-right: 20px;
}
.newsletter{
    background-color: #337ab7;
    padding: 50px;
    padding-top: 10px;
}
.precio{
    position: relative;
    height: 0px;
    width: 0px;
    margin: 0px;
    padding: 0px;
    z-index: 1;
    top: 6px;
    left: 6px;    
}
.newsletter h2{
    padding: 0px;
    padding-bottom: 20px;
    text-align: center;
    color: #fafafa;
    margin: 0px;
}
ul.mostread-list-popular {
    list-style-type: none;
    margin-bottom: 20px;
    padding: 0px;
}
ul.mostread-list-popular > li {
    padding: 10px;
    overflow: auto;
    border-radius: 5px;
}
ul.mostread-list-popular > li:hover {
    background-color: rgba(255,255,255,0.1);
    color: #ccc;
}
ul.mostread-list-popular > li > a img {
    float: left;
    margin: 0 15px 0 0;
    border-radius: 5px;
    height: 90px;
}
ul.mostread-list-popular > li > a > h3{
    color: #a2c9ff;
    margin: 0px;
}
ul.mostread-list-popular > li > a > p{
    color: #d7d7d7;
    text-decoration: none;
    margin-bottom: 0px;
    text-align: justify;
}
ul.mostread-list-popular > li > a:hover{
    text-decoration: none;
}
div.cw-social-mod{
    padding-bottom: 30px;
    text-align: center;
}
div.cw-social-mod ul li{
    padding: 10px !important;
}
.acymailing_introtext{
    color: #d7d7d7;
    font-size: 1.0em;
    text-align: center;
    margin: 0 auto;
}
.acymailing_form{
    width: 60%;
}
.acymailing_form td{
    padding: 15px;
}
.acymailing_form td .inputbox{
    border-radius: 5px;
    height: 35px;
    border: 2px solid #01747e;
    background-color: #d5d5d5;
    color: #555;
    padding-left: 15px;
}
/*end jumbotron*/

/*servicios*/
section.services > div.moduletable {
    margin-bottom: 20px;
}
section.services a.mod-articles-category-title > h3{
    color: #5a87c6;
}
section.services .div-img-article > img{
    width: 100%;
    border-radius: 10px;
    border: 1px solid #bbb;
    margin-bottom: 15px;
}
/*end servicios*/
/*footer*/
.footer{
    background-color: #d9edf7;
    color: #293263;
    font-size: 1.0em;
}

.callnow a{
    color: #eee; 
    font-weight: bold;
    text-decoration: underline;
}

.callnow{
    color: #ddd;
    /*background-image: url("../images/wa-icon.png");*/
    background-position: 20%;
    background-repeat: no-repeat;
    font-size: 2.5em;
    text-align: center;
}

.footer h3{
    color: #ccc;
    font-size: 1.6em;
    font-weight: bold;
    margin-top: 0px;
}
.footer > .row{
    margin-left: 0px;
    margin-right: 0px;
}
footer.jumbotron{
    margin-bottom: 0px;
    margin-top: 0px;
}
.footer .footer-box {
    padding: 20px;
}
.language-box{
    margin-bottom: 25px;
}
.footer a{
    color: #293263;
}
.footer a:visited{
    color: #293263;
}
.footer .contactinfo, .mod-languages{
    text-align: center;
}
.footer .form-control{
    margin-bottom: 10px;
    margin-right: 10px;
}
.footer .btn-mgi{
    margin-bottom: 10px;
}
.footer .form-control:focus{
    border-color: #f0ca00;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(240, 202, 0, 0.6);
}
.footer .contactinfo p {
    font-size: 1.0em;
    margin-bottom: 0px;
}
.footer .contactinfo .info_name{
    font-size: 1.3em;
    font-weight: bold;
}
.footer .contactinfo .glyphicon{
    margin-right: 10px;
}
.footer .disclaimer{
    font-size: 0.8em;
    margin-top: 15px;
    text-align: justify;
}

.footer .info_name{
    text-align: center;
}

.footer .chocotrace-logo{
    margin-top: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
    /*float: left;*/
}
.breadcrumb {
    background-color: inherit;
    border-radius: 0px;
    list-style: outside none none;
    margin-bottom: 10px;
    margin-left: 0;
    padding: 0;
}
/*end footer*/
/*internal pages*/
header.site{
    min-height: 200px;
    max-height: 200px;
    height: 200px;
    background-position: center center;
    /*overflow: hidden;*/
    background-image: url("../images/mgi-guerra-auditores-independientes-inside-01.jpg");
}
header.site > div.container{
    min-height: 200px;
    max-height: 200px;
    height: 200px;
}
.item-page p {
    text-align: justify;
}
.page-inner-title{
    text-align: left !important;
    text-transform: lowercase;
    margin-top: 0px;
}
    
.page-header {
    padding-bottom: 0px;
    border-bottom: 1px solid #6e6e6e;
}
.addtoany_container{
    margin-top: 10px;
    margin-bottom: 20px;
}
.addtoany_list{
    text-align: center;
}
.addtoany_list > a {
    padding: 4px 4px;
}
.img-article-full{
    border-radius: 10px;
    border: 1px solid #bbb;
    margin: 0 auto;
}
.no-border{
    border: none;
}
.content-links{
    background-color: #eee;
    border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.2);
    float: right;
    margin-bottom: 15px;
    margin-left: 15px;
    padding: 15px;
}
.content-links .mgi-title{
    margin-top: 0px;
}
.related-links-list{
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 15px;
    padding-right: 10px;
    color: #5a87c6;
}
.related-links-list li {
    border-bottom: 1px solid #00919e;
    padding: 4px;
    margin: 4px;
}
.related-links-list li a{
    color: #5a87c6;
    font-weight: bold;
}
.related-links-list li a:hover{
    color: #2151a4;
    text-decoration: none;
}
.related-links-list li:last-child {
    border: none;
}
.category-desc p{
    text-align: justify;
}
.category-featured{
    height: 285px;
}
.img-services-intro{
    border-radius: 10px;
    border: 1px solid #bbb;
    margin: 0 auto;
}
.mgi-hr{
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #b7d1ed;
    margin: 1em 0;
    padding: 0; 
}
.services-div{
    height: 500px;
}
.image-zoom-a{
    cursor: zoom-in;
    float: left;
}
.image-zoom-img{
    margin: 5px 20px 20px 0px; 
    border: 2px solid #2151a4; 
    float: left;
}
.mgi-video{
    height: 320px;
}
.mgi-video-title{
    color: #2151a4;
}
img.full-width{
    width: 100%;
}
div.full-width{
    height: 254px;
}
.formLabel{
    color: #2151a4;
}

.cotizadorText{
    font-size: 0.8em;
    color: #777;
}

.cotizadorTitle{
    padding-top: 10px;
    font-size: 1.8em;
    color: #2151a4;
    text-align: center;
    font-weight: bold;
}

.pre_price{
    font-size: 1.2em;
    color: #777;
    text-align: right;
    font-weight: bold;
}

.showprice{
    background-color: #ddd;
    border-radius: 15px;
    color: #00919e;
    font-size: 2.1em;
    font-weight: bold;
    padding: 10px 20px;
    text-align: right;
    text-shadow: 2px 2px 2px #666;
}

a.no-visited:visited{
    color: #fff;
}

.recuadro{
    border: 1px #00919e solid;
    border-radius: 6px;
    width: 100%;
    padding: 15px;
    padding-top: 0px;
}

.tituloRecuadro{
    color: #00919e;
    top: -0.5em;
    font-size: 1.3em;
    padding: 0px;
    margin: 0px;
    position: relative;
    background-color: #fff;
    margin-left: 20px;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: bold;
    display: inline;
}

.tituloDato{
    font-size: 1.1em;
    padding: 0px;
    padding-left: 10px;
}

.valorDato{
    font-size: 1.1em;
    text-align: right;
    padding: 0px;
    padding-right: 10px;
}
.socio-bio{
    font-size: 0.8em;
    color: #666;
    text-align: justify;
}
.socio-item{
    padding-top: 20px;
    border-radius: 10px;
}
.socio-title{
    text-align: center;
    color: #2151a4;
}
.socio-picture{
    border: 1px solid #444;
    margin-left: auto;
    margin-right: auto;
}
.diff-picture{    
    margin-left: auto;
    margin-right: auto;
}
.diff-title{
    color: #00919e;
    font-size: 1.2em;
}
/*end internal pages*/
@media(max-width:1200px){
    header.front, header > div.container {
        height: 650px;
        min-height: 650px;
    }
    .logo h1 > a > img{
        width: 240px;
    }
    .logo{
        padding: 10px;
    }
    .nav-pills > li > a {
        font-size: 1.2em;
        padding-top: 20px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .menu-button {
        display: none;
    }
    .our-values > h2{
        font-size: 2.1em;
    }

    .our-values > p {
        font-size: 1.2em;
        line-height: .9em;
        padding: 10px;
    }
    
    .pull-down {
        margin-bottom: 1.5em;
    }
    .member-of-img {
        height: 58px;
        margin: auto;
    }
    .art-highlight{
        height: auto;
    }
    .mgi-video-frame, .mgi-video{
        height: 300px;
    }
    .embed-responsive-16by9 {
        height: 100%;
    }    
    .category-featured{
        height: 235px;
    }
    section.services article.article-col{
        /*min-height: 450px;*/
    }
}

@media(max-width:992px){
    header.front, header > div.container {
        height: 600px;
        min-height: 600px;
    }
    .nav-pills > li {
        float: none;
        text-align: right;
        width: 250px;
    }
    .nav-pills > li > a {
        padding: 10px;
        margin: 5px;
        border-radius: 4px;
    }
    .nav-pills{
        display: none;
        background-color: rgba(0,0,0,0.6);
        border-radius: 4px;
        position: absolute;
        right: -89px;
        top: 85px;
    }
    .menu-button {
        cursor: pointer;
        width: 48px;
        height: 48px;
        background-image: url("../images/menu.png");
        display: block;
        opacity: 0.6;
        margin: 20px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .menu-button:hover{
        background-image: url("../images/menu-hover.png");
    }
    .our-values{
        padding-top: 1px;
    }
    .our-values > h2{
        font-size: 2.0em;
        margin-bottom: 0px;
        text-align: left;
        padding-left: 160px;
    }
    .our-values > p {
        font-size: 1.0em;
        line-height: .8em;
        padding: 8px;
        text-align: left;
        padding-left: 160px;
    }
    .icon{
        float: left;
        left: 100px;
        position: absolute;
        top: 14px;
    }
    .pull-down {
        margin-bottom: 1em;
    }
    .img-highlight{
        border-radius: 10px 10px 0 0;
        width: 100%;
    }
    .img-container-highlight{
        height: auto;
        overflow: hidden;
    }
    .mgi-video-frame{
        height: auto;
    }
    .art-highlight{
        border-radius: 0 0 10px 10px;
        height: auto;
        padding-top: 1px;
        padding-bottom: 10px;
    }
    .newsflash-title, .art-highlight > p {
        margin-bottom: 10px;        
    }
    .mostread, .newsletter{
        padding: 10px 25px;
    }
    .row-eq-height{
        display: inherit;
    }
    .category-img{
        visibility: hidden;
        display: none;
    }
    .category-featured {
        height: auto;
        padding-bottom: 10px;
    }    
}

@media(max-width:767px){
    header.front, header > div.container {
        height: 500px;
        min-height: 500px;
    }
    .article-col > .item-image{
        padding: 20px;
        float: left;
    }
    .img-article-intro{
        max-width: 240px;
    }
    .article-col > p, .article-col > .title-article-intro, .article-col > .article-info {
        padding-left: 250px;
        margin-top: 0px;
    }
    ul.mostread-list-popular > li > a {
        padding: 0px;
        margin: 0px;
        display: block;
    }    
    ul.mostread-list-popular > li > a > p{
        display: none;
    }
    ul.mostread-list-popular > li > a img{
        display: none;
    }
    ul.mostread-list-popular > li > a > div.div-img-article{
        display: none;
    }
    ul.mostread-list-popular > li > a > h3{
        margin: 0px;
        color: #ddd;
    }
    ul.mostread-list-popular{
        margin-left: 15px;
        color: #fff;
    }    
    ul.mostread-list-popular > li {
        list-style-type: disc;
        padding: 10px 0 10px 15px;
        list-style-position: outside;
        margin-left: 1em;
        overflow: visible;
    }
    .acymailing_form {
        width: 70%;
    }
    section.services .div-img-article{
        float: left;
        max-width: 240px;
    }
    .img-services-intro{
        max-width: 300px;
    }
    .div-img-services{
        float: left;
    }
    .services-text{
        padding-left: 320px;
    }
    .services-div{
        height: auto;
    }
    .diff-title{
        text-align: center !important;
    }
    .diff-picture{
        max-width: 200px;
    }
    .footer .contactinfo, .footer .info_name, .footer .chocotrace-logo{
        text-align: center;
    }
    
}
@media(max-width:630px){    
    .icon{
        left: 30px;
    }
    .our-values > h2{
        padding-left: 70px;
    }
    .our-values > p {
        padding-left: 70px;
    }
    section.services .div-img-article{
        display: none;
    }
    section.services article.article-col > p, section.services article.article-col > .title-article-intro{
        padding-left: 0px;
    }
    .acymailing_form {
        width: 80%;
    }
    .img-services-intro{
        max-width: 100%;
    }
    .div-img-services{
        float: none;
    }
    .services-text{
        padding-left: 0px;
    }
}

@media(max-width:570px){
    .img-container-highlight{
        height: auto;
        overflow: auto;
    }
    .img-article-intro{
        max-width: 360px;
        margin: 0 auto;
    }    
    .article-col > .item-image{
        padding: 1px;
        float: none;        
    }
    .article-col > p, .article-col > .title-article-intro, .article-col > .article-info{
        padding-left: 0px;
        margin-top: 10px;
    }
}

@media(max-width:480px){
    header.front, header > div.container {
        height: 400px;
        min-height: 400px;
    }
    .nav-pills > li > a {
        font-size: 1.1em;
        padding: 7px;
    }    
    .our-values > p{
        display: none;
    }
    .icon{
        display: none;
    }
    .our-values > h2{
        margin: 7px;
        padding: 0 5px 5px;
        text-align: center;
    }
    .content-links{
        float: none;
        margin: 0 auto;
        width: 80%;
        margin-bottom: 15px;
    }
}

@media(max-width:398px){
    .logo{
        padding: 5px;
    }
    .logo h1 > a > img{
        width: 200px;
    }
    .menu-button {
        margin: 10px;
        width: 40px;
        height: 40px;
    }
    .nav-pills{
        right: -60px;
        top: 60px;
    }
    .nav-pills > li {
        width: 200px;
    }
    .nav-pills > li > a {
        font-size: 1em;
        padding: 5px;
    }
    .acymailing_module_form .acymailing_introtext{
        display: none !important;
    }
    .acymailing_form {
        width: 99%;
    }
    .footer .mgi-worldwide-logo{
        margin-top: 15px;
        margin-right: 0px;
        margin-bottom: 0px;
        float: none;
    }
    .content-links{
        width: 100%;
    }
}