@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,300,600,700,800);

body {margin: 0; padding: 0; font-family: 'Raleway', sans-serif;}
a{
    text-decoration: none!important;
}
.top{
    background-color: #fff;
    min-height: 200px;
}
.top i{
    font-size: 48px!important;
}
.logo{
    margin-top: 20px;
}
.call{
    color: #009606;
    margin-top: 90px;
}
.side-nav li.active {
    background-color: #247AD8!important;
}
nav {min-height: 100px; height: auto; margin-top: 5px; padding: 20px 0; background: none!important; box-shadow: none!important;}
.navbar {border-radius: 0 !important; border: none !important;}
nav .navbar-brand  {margin-top: -20px;}
nav .logo {text-shadow:0px 0px 15px rgba(255, 255, 255, 1);}

nav ol li a{ text-transform: uppercase; color: #666 !important; font-size: 1.2rem; transition:all .3s ease-in;}
nav ol li a:hover{color: #000 !important; transition:all .3s ease-in;}
nav ol li.active a{color: #000 !important; transition:all .3s ease-out; font-weight: 600;}
nav ul a {
    color: #019606!important;
}
nav ul li:hover, nav ul li.active {
    background-color: #009606;
    color: #fff!important;
}
nav ul li:hover a{
    color: #fff!important;
    text-decoration: none!important;
}
.active a{
    color: #fff!important;
    text-decoration: none!important;
}
.menu-1{
    margin-top: 60px;
}
.call-5{
    background-color: #009606;
    padding: 5px;
    text-align: center;
}
header {}
.contenido{
    min-height: 300px;
    padding: 100px;
    background-color: #009606;
}
.contenido-1{
    min-height: 300px;
    padding: 100px;
    background-color: #009606;
    border-bottom: 5px solid #fff;
}
.nosotros{
    font-size: 26px;
    margin-top: 52px;
}
.nos{
    border-radius: 100%;
    border: 3px solid #fff;
}
.servicios{
    padding: 70px;
}
.lista{
    font-size: 22px;
}
.lista i{
    color: #009606;
}
.lista-1 ul{
    margin: 0 auto;
    float: right;
}
.circulo{
    height: 200px;
    border: 5px solid #fff;
    border-radius: 100%;
    width: 200px;
    margin: 0 auto;
    text-align: center;
}
.circulo i{
    color: #fff;
    font-size: 100px;
    text-align: center;
    margin-top: 48px;

}
.info{
    min-height: 300px;
    padding: 100px 0;
    background-color: #009606;
    font-size: 17px;
    border-bottom: 5px solid #fff;
}
.card1{
    margin: 0 auto;
}
.mapa{
    padding: 50px;
}


.link{
    text-decoration: none!important;
}
.img-center {margin: 0 auto !important; }
/* ============= section css ============= */
.footer {background-color: #000; min-height: 200px;}
footer {margin-top: 0 !important; position: relative; background-color: #009606!important;}
.gentes {position: absolute; left: 10px; z-index: -1; top: -800px; background: url(../img/hombres-trabajadores.png) 0 no-repeat; background-size: cover; width: 638px; height: 850px;}
.gentes1 {position: absolute; left: 10px; z-index: -1; bottom: 0; background: url(../img/hombres-trabajadores.png) 0 no-repeat; background-size: cover; width: 638px; height: 850px;}
.intro {margin: 0 auto;}
.intro img {display: block; margin: 0 auto;}


#comments-1{ height: 88px; width: 99%; margin:0 0.5%; padding: 10px; border-radius: 8px; border:1px solid #ccc;}
.contact_us_row-1 {width:98%; float: left; margin:0 0.5%;}
#contact_us_aremandatory{ font-size: 12px; color: #555; margin: 14px 0px 0px 0; font-weight: bold;  text-align: center;}
.text_field{margin: 10px 0;  }


#contact_us_buttons{text-align: center;}
.btn{color: #333; font-weight: bold; background-color: none !important;}
.info_contacto{ float: left; width: 300px; height: 300px; margin: 40px 0px 0px 15px; background: #888;}
.list-inline {text-align: center;}
input[type="button"] {background-color: none; background: none; border: none;}
input[type="reset"] {background-color: none; background: none; border: none;}

.cont-g {
    width: 100%;
    height: auto;
    margin: 0 auto 25px auto;
    overflow: hidden; padding:0px 15px
}
.cont-g ul {
    margin: 0;
    padding: 0;
}
.cont-g ul li {
    float: left;
    list-style: none;
    background: #ffffff;
    margin: 0px 5px 10px 5px;
}
.cont-g ul li a img {
    transition: opacity 0.4s ease 0s;
    -webkit-transition: opacity 0.4s ease 0s; width:140px
}
.cont-g ul li a img:hover {
    opacity: 0.7;
    transition: opacity 0.4s ease 0s;
    -webkit-transition: opacity 0.4s ease 0s;
}
.cont-g ul li.cont-d {
    padding: 3px 3px 9px 3px;
}
.links li:last-child {
    margin-right: 8px;
}

.icon-ax{
    float: left;
}
.icon-fb{
    float: right;
}
.footer-copyright{
    height: auto!important;
}

@media screen and (min-width: 1700px) {
    .box-info img {width: 95%; transition:all 0.3s ease;}
}

@media screen and (max-width: 1550px) {
    .slogan {font-size: 1.7em;}
}

@media screen and (max-width: 1250px) {
    .container {width: 80% !important; transition:all .3s ease;;}
    .slogan {text-align: center !important; float: none !important; width: 100%;}
}
@media screen and (max-width: 1059px) {
    .container {width: 80%  transition all .3s ease;; }
    .slogan {text-align: center !important; float: none !important;}
    .breadcrumb {float: none !important; margin: 0 auto !important; text-align: center !important; transition:all .9s ease;}

    .box-info img{
    position: static !important;
    right: 0;
    top:0;
    width: 100% !important;
    transition:all 0.3s ease;
}
}


@media screen and (max-width:992px) {
.slogan {font-size: 1.4rem; text-transform: uppercase; font-weight: 800; width: 100%; float: none !important;}
header .caption {width: 100%!important;}

nav div img {display: block !important; margin:0 auto !important;}
.left{
    float: none!important;
}

}

@media screen and (max-width: 768px) {
.container {margin: 0; padding:0; width: 100% !important;}
.logo-div a{float: none !important; text-align: center;}
footer {text-align: center !important; float: none !important;}
footer div {text-align: center !important; }
.page-footer h5{
    font-size: 20px;
}
.container .row {
    margin-left: -0.75rem;
    margin-right: 0.75rem;
}
.call-5 h5 {
    font-size: 14px !important;
}
}

@media screen and (max-width: 481px)  {
    .container {margin: 0; padding:0; width: 100% !important;}
    .intro img {width: 100%;}
    header .caption h3 {width: 100%!important; font-size: 1.5em !important;}
    header .caption {background-color: rgba(0,0,0,0.5); padding: 20px; width: 80% !important; border-radius: 0 10px 10px 0; text-align: center; margin:0 auto !important;}
}

@media screen and (max-width: 480px){
    .contenido {
        padding: 47px!important;
    }
    .lista {
        font-size: 17px;
    }
    .call-5 h5{
        font-size: 20px;
    }
    .nosotros {
        font-size: 19px;
    }
    p{
        font-size: 19px;
    }
    .right {
        float: none !important;
    }
    .icon-ax {
        float: none;
        margin: 0 auto;
        display: block!important;
    }
    .contenido-1 {
        padding: 22px;
    }
    .email{
        font-size: 17px;
    }
}