@font-face {
    font-family: 'icomoon';
    src:url('../fonts/icomoon/icomoon_7b443dd.eot');
    src:url('../fonts/icomoon/icomoon_162a16fe.eot#iefixgr0n8n') format('embedded-opentype'),
        url('../fonts/icomoon/icomoon_7b443dd.woff') format('woff'),
        url('../fonts/icomoon/icomoon_7b443dd.ttf') format('truetype'),
        url('../fonts/icomoon/icomoon_7b443dd.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: HapnaSlabSerif-Bold;
    src: url(../fonts/HapnaSlabSerif-Bold.otf) format('opentype')
}
@font-face {
    font-family: HapnaSlabSerif-ExtraBold;
    src: url(../fonts/HapnaSlabSerif-ExtraBold.otf) format('opentype')
}
@font-face {
    font-family: HapnaSlabSerif-Medium;
    src: url(../fonts/HapnaSlabSerif-Medium.otf) format('opentype')
}
@font-face {
    font-family: HapnaSlabSerif-Regular;
    src: url(../fonts/HapnaSlabSerif-Regular.otf) format('opentype')
}

@font-face {
    font-family: Roboto-Black;
    src: url(../fonts/Roboto-Black.ttf) format('truetype')
}

@font-face {
    font-family: Roboto-SemiBold;
    src: url(../fonts/Roboto-Black.ttf) format('truetype')
}

@font-face {
    font-family: Roboto-Bold;
    src: url(../fonts/Roboto-Bold.ttf) format('truetype')
}

@font-face {
    font-family: RobotoCondensed-Regular;
    src: url(../fonts/RobotoCondensed-Regular.ttf) format('truetype')
}
@font-face {
    font-family: RobotoCondensed-Bold;
    src: url(../fonts/RobotoCondensed-Bold.ttf) format('truetype')
}

@font-face {
    font-family: Roboto-Regular;
    src: url(../fonts/Roboto-Regular.ttf) format('truetype')
}

@font-face {
    font-family: Roboto-Medium;
    src: url(../fonts/Roboto-Medium.ttf) format('truetype')
}

@font-face {
    font-family: Roboto-Light;
    src: url(../fonts/Roboto-Light.ttf) format('truetype')
}

@font-face {
    font-family: Roboto-UltraLight;
    src: url(../fonts/Roboto-Thin.ttf) format('truetype')
}




html, body{
    margin:0;
    background:	#fff;
    font-family: "Roboto-Regular", sans-serif;
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
}

h4, h5, h6,
h1, h2, h3 {
    margin: 0;
    font-family: "Roboto-Regular", sans-serif;
    text-transform: uppercase;
}
p{
    margin:0;
    color:#002856;
}
ul,label{
    margin:0;
    padding:0;
}
input[type="button"],input[type="submit"]{
    transition:0.5s all;
    -webkit-transition:0.5s all;
    -moz-transition:0.5s all;
    -o-transition:0.5s all;
    -ms-transition:0.5s all;
}
body a{
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    text-decoration:none;
}
body a:hover{
    text-decoration:none;
}

[data-sr] {
    visibility: hidden;
}

h2{
    font-size:3em;
}
h3{
    font-size:2.5em;
}

ul{
    list-style: none;
}

/*-- header --*/
.header_right{
    float:right;
    width:100%;
}
.header_left{
    float:left;
}
.header {
    /*-- agileits --*/
    padding: 10px 0 0 0;
}
.fb_icons{
    float:right;
    padding-top:2px;
    padding-right:1em;

}
.fb_icons  li{
    list-style-type:none;
    display:inline-block;
    margin:0 20px;
    overflow:hidden;
    height:auto;
}

.fb_icons li p.phone{
    font-family: "Roboto-SemiBold", sans-serif;
    font-size:1.1em;
    display:inline-block;
    padding-left:.5em;
    color:#8d9094;
}
.fb_icons li span{
    font-family: "icomoon", sans-serif;
    font-size:1.3em;
    color:#002856;
}
/*-- //header --*/
/*-- header --*/

#navbarCollapse{
    background-color: #fff;
}

nav li a.active{
    color: #fff;
    background-color: #BBDCE5;
}

.right-upper{
    float:right;
    display: block;
    margin:30px 30px 0 0px;
    font-family: HapnaSlabSerif-Regular;
    letter-spacing: .075em;
    font-size: .9em;
}

.right-upper span{
    color:#002856;
    padding-right:1em;
}
.navbar-right {
    margin-right: 1em;
    margin-top:0px;
}

.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}

a.other:hover{
    background-color: #BBDCE5;
    color:#fff;
}

a.alo:hover{
    background-color: #BBDCE5;
    color:#fff;
}


/*-- to-top --*/
#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 28px;
    right: 1%;
    overflow: hidden;
    z-index: 999;
    width: 32px;
    height: 32px;
    border: none;
    text-indent: 100%;
    background: url("../images/arr.png") no-repeat 0px 0px;
}
#toTopHover {
    width: 32px;
    height: 32px;
    display: block;
    overflow: hidden;
    float: right;
    opacity: 0;
    -moz-opacity: 0;
}
/*-- //to-top --*/

/*-- general --*/

.line{
    height:3px;
    background-color:#c0c1c3;
    width:100%;
}
.line2{
    height:3px;
    background-color:#fff;
    width:100%;
}

.line3{
    height:3px;
    width:4em;
    background-color:#BBDCE5;
    margin-left: 5vw;
    margin-top:50px;
}

.serv{
    padding:5em 3em;
    color:#fff;
    text-align: center;
}

.serv img{
    max-width:100%;
}

.service{
    margin: 3em 0 1.5em 0;
    padding: 0 1em 0 1em;
}


.service h4{
    background-color: #fff;
    color:#00416a;
    padding:1em 0 2em 0;
    font-family:"Roboto-SemiBold", sans-serif;
    text-transform: uppercase;
}
.service img{
    width:100%;
    filter: none;
}

.title_blue{
    color:#0047BA;
    padding:4em;
    text-transform: none;

}

.title_blue h3{
    text-align: left;
    font-family:"Roboto-Light", sans-serif;
    font-size: 2em;
}

.title_blue h3 span{
    text-align: left;
    font-family:"Roboto-SemiBold", sans-serif;
}

.title_white{
    color:#fff;
    text-align: center;
    font-family:"Roboto-Light", sans-serif;
    padding:1em;
    font-size:2em;
}
.title_white span{
    font-family:"Roboto-SemiBold", sans-serif;
}

.title_white2{
    color:#fff;
    text-align: center;
    font-family:"Roboto-SemiBold", sans-serif;
    padding:1em;
}
.title_light{
    color:#111820;
    text-align: center;
    font-family:"Roboto-Light", sans-serif;
    padding:1em;
    font-size:2em;
}
.title_light span{
    font-family:"Roboto-SemiBold", sans-serif;
}

.title_dark{
    color:#00416a;
    text-align: center;
    font-family:"Roboto-SemiBold", sans-serif;
    padding:1em;
}

.title_blue2{
    color: #0047BA;
    text-transform: none;
    text-align: left;
    margin-left: 5vw;
    font-family: "Roboto-SemiBold", sans-serif;
    padding: 1em .25em 1em 0;
}
.title_blue3{
    color: #0047BA;
    text-transform: none;
    text-align: left;
    margin-left: 5vw;
    font-family: "Roboto-SemiBold", sans-serif;
    padding: .5em .25em 0 0;
}
.title_blue4{
    color: #BBDCE5;
    text-transform: none;
    text-align: left;
    margin-left: 5vw;
    font-family: "Roboto-SemiBold", sans-serif;
    padding: .5em .25em 0 0;
}
.title_blue4 span, .title_blue3 span{
    font-family: "Roboto-Light", sans-serif;

}
.title_blue5{
    color: #BBDCE5;
    text-transform: none;
    text-align: left;
    margin-left: 5vw;
    font-family: "Roboto-light", sans-serif;
    padding: .5em .25em 0 0;
}
.title_blue6{
    color: #002856;
    text-transform: none;
    text-align: left;
    margin-left: 5vw;
    font-family: "Roboto-light", sans-serif;
    padding: .5em .25em 0 0;
}
.title_blue7{
    color: #002856;
    text-transform: none;
    text-align: left;
    margin-left: 5vw;
    font-family: "Roboto-light", sans-serif;
    padding: .5em .25em 3em 0;
}
.hacemos p.txt_white{
    color:#fff;
}
.title_light2{
    color:#002856;
    text-align: center;
    font-family:"Roboto-SemiBold", sans-serif;
    padding:.25em;
}
.slider{
    padding:4em 4em 0 4em;
}
.blue{
    background:#002856;
    padding:25px;
    color:#fff;
    text-align: center;
}
.blue{
    color:#fff;
    padding:6em;
}

.blue h3{
    text-align: left;
    font-family:"Roboto-Light", sans-serif;
    font-size: 2em;
}

.blue h3 span{
    text-align: left;
    font-family:"Roboto-SemiBold", sans-serif;
}
.index_empresa{
    margin-top:4em;
    padding:1em;
}
.index_empresa h3{
    margin-top:1em;
    float:left;
    vertical-align: middle;
    font-size: 2em;
}
.index_empresa h4{
    font-family:"Roboto-SemiBold", sans-serif;
    font-size:2em;
    text-align: left;
    padding-top:2em;
}
.index_empresa p{
    font-family:"Roboto-Light", sans-serif;
    font-size:1.1em;
    text-align: left;
    padding-top:2em;
}
.index_empresa img{
    padding-left:2em;
    float:left;
    max-width: 80%;
    vertical-align: middle;
}

.gray{
    background:#F2F2F2;

}
.white{
    background:#fff;
    padding:25px;
}

.darkgray{
    background:#494e54;
    padding:25px;
}
.aqua{
    background:#002856;
    margin: 0 auto;
}

.sendi{
    background-color: transparent;
    font-family:"Roboto-SemiBold", sans-serif;
    text-transform: uppercase;
    border:solid 2px #bec2c5;
    color:#bec2c5;
    margin:1em auto;
    text-align: center;
    font-size:.9em;
    padding:.75em;
    float:right;
    margin-right:2em;
    outline: none;
}

/*-- //general --*/


/*-- home --*/
.ser_icon{
    text-align: center;
    margin:0 auto;
    background-color: transparent;
    font-family:"Roboto-SemiBold", sans-serif;
    color:#002856;
    padding:2em;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;

}

.ser_icon h4{
    min-height:3em;
    vertical-align: bottom;
    line-height: 1em;
}

.ser_icon:hover{
    text-align: center;
    background-color: #002856;
    font-family:"Roboto-SemiBold", sans-serif;
    color:#fff;

}

.ser_icon:hover .sendi{
    background-color: #fff;
    color:#002856;
    border:solid 2px #fff;
}

.ser_icon:hover .contable{
    width: 90px;
    height:90px;
    text-align:center;
    margin:2em auto;
    background: url(../images/cont_w.png) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
}

.ser_icon:hover .fiscal{
    width: 90px;
    height:90px;
    text-align:center;
    margin:2em auto;
    background: url(../images/money_w.png) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
}

.ser_icon:hover .financiero{
    width: 90px;
    height:90px;
    text-align:center;
    margin:2em auto;
    background: url(../images/pc_w.png) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
}

.ser_icon:hover .legal{
    width: 90px;
    height:90px;
    text-align:center;
    margin:2em auto;
    background: url(../images/fis_w.png) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
}

.ser_icon:hover .administrativo{
    width: 90px;
    height:90px;
    text-align:center;
    margin:2em auto;
    background: url(../images/adm_w.png) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
}

.ser_icon:hover .vinculacion{
    width: 90px;
    height:90px;
    text-align:center;
    margin:2em auto;
    background: url(../images/hands_w.png) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
}

.contable{
    width: 90px;
    height:90px;
    text-align:center;
    margin:2em auto;
    background: url(../images/cont.png) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
}

.fiscal{
    width: 90px;
    height:90px;
    text-align:center;
    margin:2em auto;
    background: url(../images/money.png) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
}

.financiero{
    width: 90px;
    height:90px;
    text-align:center;
    margin:2em auto;
    background: url(../images/pc.png) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
}

.legal{
    width: 90px;
    height:90px;
    text-align:center;
    margin:2em auto;
    background: url(../images/fis.png) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
}

.administrativo{
    width: 90px;
    height:90px;
    text-align:center;
    margin:2em auto;
    background: url(../images/adm.png) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
}

.vinculacion{
    width: 90px;
    height:90px;
    text-align:center;
    margin:2em auto;
    background: url(../images/hands.png) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
}

.hacemos p.centerok{
    text-align:justify;
}
.hacemos2 p.centerok{
    text-align:center;
}

.collapse{
    color:#111820;
    font-family:"Roboto-Light", sans-serif;
    max-width: 100%;
    margin:0 auto;
    text-align: justify;
}

a.btn_col p{
    color:#00A1DF;
    text-align: right;
}
.btn_col {
    font-style: italic;
    padding: 6px 12px;
    margin-bottom: 0;
    margin-right:2em;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: right;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.hacemos{
    text-align: center;
    padding:1.5em;
}

.hacemos p{
    color:#002856;
    font-family:"Roboto-Light", sans-serif;
    max-width: 80%;
    margin:0 auto;
    text-align: justify;
}

.hacemos p.extra{
    text-align:center;
    font-size:1.2em;
}

.hacemos ul{
    color:#111820;
    font-family:"Roboto-Light", sans-serif;
    max-width: 80%;
    margin:2em auto;
    text-align: left;
    list-style: none;
    line-height: 2em;
}

.hacemos2{
    text-align: center;
    padding:1.5em;
}
.hacemos2 h4{
    text-align: center;
    padding:1.5em;
    font-family:"Roboto-SemiBold", sans-serif;
}

.hacemos2 p{
    color:#fff;
    font-family:"Roboto-Light", sans-serif;
    max-width: 80%;
    margin:0 auto;
    text-align: justify;
}

.hacemos2 p span{
    color:#00A1DF;
}
.hacemos2 ul{
    color:#fff;
    font-family:"Roboto-Light", sans-serif;
    max-width: 80%;
    margin:2em auto;
    text-align: left;
    list-style: none;
    line-height: 2em;
}

.hacemos3 p{
    color:#002856;
    font-family:"Roboto-Light", sans-serif;
    max-width: 90%;
    margin:0 auto;
    text-align: justify;
    padding:20px 0;
}

.hacemos4 p{
    color:#002856;
    font-family:"Roboto-Light", sans-serif;
    max-width: 80%;
    margin:0 auto;
    text-align: justify;
    padding:20px 0;
}
.hacemos5 p{
    color:#fff;
    font-family:"Roboto-Light", sans-serif;
    max-width: 80%;
    margin:0 auto;
    text-align: justify;
    padding:20px 0;
}

.center2{
    text-align: center;
}

.light{
    font-family:"Roboto-Light", sans-serif;
    line-height:2em;
}

.sesenta{
    max-width: 70%;
    text-align: center;
    margin: 0 auto;
}

.ser_icon2{
    text-align: center;
    margin:1em auto;
    background-color: transparent;
    font-family:"Roboto-SemiBold", sans-serif;
    color:#fff;
    padding:2em;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;

}
.ser_icon2 h4{
    min-height:3em;
    vertical-align: bottom;
    line-height: 1em;
}

.ser_icon2:hover{
    text-align: center;
    margin:1em auto;
    font-family:"Roboto-SemiBold", sans-serif;
    color:#002856;

}
.ser_icon2:hover .sendi{
    background-color: #fff;
    color:#002856;
    border:solid 2px #fff;
}

.ser_icon2:hover .publico{
    width: 90px;
    height:90px;
    text-align:center;
    margin:2em auto;
    background: url(../images/publico_b.png) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
}
.ser_icon2:hover .privado{
    width: 90px;
    height:90px;
    text-align:center;
    margin:2em auto;
    background: url(../images/privado_b.png) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
}
.ser_icon2:hover .vip{
    width: 90px;
    height:90px;
    text-align:center;
    margin:2em auto;
    background: url(../images/vip_b.png) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
}
.publico{
    width: 90px;
    height:90px;
    text-align:center;
    margin:2em auto;
    background: url(../images/publico.png) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
}
.privado{
    width: 90px;
    height:90px;
    text-align:center;
    margin:2em auto;
    background: url(../images/privado.png) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
}
.vip{
    width: 90px;
    height:90px;
    text-align:center;
    margin:2em auto;
    background: url(../images/vip.png) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
}

.modal-header h3{
    color:#00A1DF;
    font-family:"Roboto-Black", sans-serif;
    font-size:1.5em;
    padding: 20px 20px 0px 50px;
    text-align: left;
}
.form{
    height:40vh;
    color:#7d868c;
    text-align:center;
    margin:0 auto;
    padding-bottom: 1em;
    background: url(../images/form.png) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
}

input.mid{
    width:49.6%;
    padding:.5em;
    color:#7d868c;
     margin-bottom:1em;
    font-family:"Roboto-Light", sans-serif;
    font-style: italic;
    font-size: .9em;
}

input.full{
    width:100%;
    padding:.5em;
    color:#7d868c;
    margin-bottom:1em;
    background-color: #fff;
    font-family:"Roboto-Light", sans-serif;
    font-style: italic;
    font-size: .9em;
}

textarea.full{
    width:100%;
    padding:.5em;
    color:#7d868c;
    margin-bottom:1em;
    font-family:"Roboto-Light", sans-serif;
    font-style: italic;
    background-color: #fff;
    font-size: .9em;

}

input:focus{
    outline:0px;
}
textarea:focus{
    outline:0px;
}
.sendi2{
    background-color: transparent;
    border:solid 2px #00416a;
    margin:1em 3em 1em 1em;
    text-align: center;
    font-size:.9em;
    padding:.5em 2em .5em 2em;;
    font-family:"Roboto-SemiBold", sans-serif;
    text-transform: uppercase;
    border:solid 2px #00A1DF;
    color:#00A1DF;
    outline: none;
    float:right;

}
.sendi22{
    background-color: transparent;
    border:solid 2px #00416a;
    margin:10em 5em 1em 1em;
    text-align: center;
    font-size:.9em;
    padding:.5em 2em .5em 2em;;
    font-family:"Roboto-SemiBold", sans-serif;
    text-transform: uppercase;
    border:solid 2px #00A1DF;
    color:#00A1DF;
    outline: none;
    float:right;

}

.sendi3{
     background-color: transparent;
    border:solid 2px #00416a;
    margin:1em 0 1em 1em;
    text-align: center;
    font-size:.9em;
    padding:.5em 2em .5em 2em;;
    font-family:"Roboto-SemiBold", sans-serif;
    text-transform: uppercase;
    border:solid 2px #00A1DF;
    color:#00A1DF;
    outline: none;
    float:right;

}
.sendi3:hover{
    color:#fff;
    border:solid 2px #fff;
}

.space{
    height:25px;
    background-color: #fff;
}

.space2{
    height:25px;
    background-color: #002856;
}
.space22{
    height:5em;
    background-color: #002856;
}.space33{
    height:25px;
    background-color: ##F2F2F2;
}

.space3{
    height:25px;
    background-color: #00416a;
}
.space4{
    height:25px;
    background-color: #111820;
}

.white2{
    background-color: #fff;
    margin: 0 auto;
}

.white3{
    background-color: #fff;
    margin: 0 auto;
    min-height:800px;
}


.blue3{
    background-color: #002856;
    margin: 0 auto;
    min-height:800px;
     background-image: url(../images/bkg.png);
    background-position:right;
    background-repeat:repeat-y;
}
.white33{
    background-color: #fff;
    margin: 0 auto;
    min-height:800px;
    padding-left:12vw

}.gray33{
    background-color: #F2F2F2;
    margin: 0 auto;
    min-height:800px;


}.gray333{
    background-color: #F2F2F2;
    margin: 0 auto;
    min-height:100px;

}
.blue33{
    background-color: #002856;
    margin: 0 auto;
    min-height:800px;
    padding-left:12vw

}
.gray333 img{
    max-width: 80%;
    margin-top:80px;
}
.gray33 img{
    position: absolute;
    max-width: 140px;
    left:0;
    top:80px;
    display:none;
}
.white33 img{
    position: absolute;
    max-width: 140px;
    left:0;
    top:80px;
}
.blue33 img{
    position: absolute;
    max-width: 140px;
    left:0;
    top:80px;

}
.dark{
    background-color: #111820;
    margin: 0 auto;
}

.dark2{
    padding:4em;
    background-color: #111820;
    margin: 0 auto;
    min-height:100vh;
}

/*-- //home --*/

/*-- cover --*/
.cover_home{
    min-height:80vh;
    color:#0047BA;
    text-align:center;
    margin:0 auto;
    padding-bottom: 1em;
    background: url(../images/home.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
}
.cover_home p{
    text-align: left;
    padding-left: 30vw;
    margin-left:50px;
    font-size: 1.35em;
    font-family: "RobotoCondensed-Regular", sans-serif;
}
.cover_home h1{
    text-align: left;
    padding-left: 30vw;
    width: 60vw;
    padding-top: 35vh;
    font-size: 2em;
    font-family: "Roboto-Regular", sans-serif;
    text-transform: none;
}
.cover_home h1 span{
    text-align: center;
    font-size: 2.55em;
    width:100%;
    font-family:"Roboto-Bold", sans-serif;
}
.cover_nosotros{
     min-height:80vh;
    color:#0047BA;
    text-align:center;
    margin:0 auto;
    padding-bottom: 1em;
    background: url(../images/normas.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
}

.cover_nosotros p{
    text-align: center;
    font-size: 1.35em;
    font-family: "RobotoCondensed-Regular", sans-serif;
}
.cover_nosotros h1{
    text-align: center;
    padding-top: 35vh;
    font-size: 2em;
    font-family: "Roboto-Regular", sans-serif;
    text-transform: none;
}
.cover_nosotros h1 span{
    text-align: center;
    font-size: 2.55em;
    width:100%;
    font-family:"Roboto-Bold", sans-serif;
}


.cover_empresa{
    min-height:60vh;
    color:#fff;
    text-align:center;
    margin:0 auto;
    padding-bottom: 1em;
    background: url(../images/empresa.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-filter: grayscale(0%);
    transition: all 0.5s ease;
}
.cover_empresa:hover{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
}

.empresa{
    min-height:80vh;
    background-color: #F2F2F2;

}
.empresa h3{
    margin:0 auto;
    text-align:center;
    padding: 2em 1em 2em 1em;
    background-color: #F2F2F2;
    color:#0047BA;
    font-family:"Roboto-Light", sans-serif;
    text-transform: none;
}
.empresa h4{
    margin:0 auto;
    text-align:center;
    padding: 2em 1em 2em 1em;
    color:#0047BA;
    font-family:"Roboto-Light", sans-serif;
    font-size:1.5em;
}

.empresa h3 span{
    font-family:"Roboto-Bold", sans-serif;
    color:#00A1DF;
}
.empresa h4 span{
    font-family:"Roboto-Bold", sans-serif;
    color:#00A1DF;
}
.acre p{
    margin-top:1em;
    color:#586470;
    font-family:"Roboto-Light", sans-serif;
    padding:0 2em 0 2em;
    text-align: justify;
}

.acre a{
    color:#00A1DF;
    font-family:"Roboto-Bold", sans-serif;
    text-align: center;
    margin-top:2em;
    display: block;
}
.acre p span{
    font-family:"Roboto-Bold", sans-serif;

}
.empresa ul p{
    margin-top:20px;
    color:#586470;
    font-family:"Roboto-Light", sans-serif;
    padding:2em;
}
.empresa ul li{
    color:#586470;
    font-family:"Roboto-Light", sans-serif;
    padding:0 2em;
}

.acre{
    margin:1%;
    padding:2em 1em;
    background-color: #fff;
    width: 23%;
    min-height:400px;
     text-align: center;
    float:left;
}

.acre img{
    max-width: 100%;
    padding:1em;
    text-align: center;
}

.cover_estrategias{
    min-height:80vh;
    color:#fff;
    text-align:center;
    margin:0 auto;
    padding-bottom: 1em;
    background: url(../images/estrategias.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
}

.cover_estrategias h3{
    text-align: center;
    width:100%;
    padding-top:50vh;
    font-size:3em;
    font-family:"Roboto-Bold", sans-serif;
}
.cover_servicio{
    min-height:80vh;
    color:#fff;
    text-align:center;
    margin:0 auto;
    background: url(../images/nosotros.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
}

.cover_servicio h3{
    text-align: left;
    text-transform: none;
    width:100%;
    padding-top:25vh;
    font-family:"Roboto-Light", sans-serif;
    margin-left: 5vw;
    color:#fff;
}

.cover_servicio h3 span{
    text-transform: uppercase;
    width:100%;
    font-family:"Roboto-Bold", sans-serif;
    color:#00A1DF;
}
.cover_servicio p{
    color: #fff;
    padding-top:1em;
    font-family: "Roboto-Light", sans-serif;
    max-width: 80%;
    margin: 0 auto;
    text-align: justify;
}

.mid_serv{
    background-color: rgba(38, 55, 70, 0.8);
    min-height:80vh;
}


.mid_serv2 h3{
    font-size:4em;
    text-align: center;
    padding-top:1em;
    margin:0 auto;
   text-transform: uppercase;
    width:100%;
    font-family:"Roboto-Black", sans-serif;
    color:rgba(182, 189, 205, 0.8);
    line-height: .8em;
}
.cover_proj{
    min-height:80vh;
    color:#fff;
    text-align:center;
    margin:0 auto;
    padding-bottom: 1em;
    background: url(../images/proyecto.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
}

.cover_proj h3{
    text-align: center;
    width:100%;
    padding-top:35vh;
    font-size:2.5em;
    font-family:"Roboto-Bold", sans-serif;
}
.shake{
    min-height:400px;
    color:#fff;
    text-align:center;
    margin:0 auto;
    padding-bottom: 1em;
    background: url(../images/shake.png) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
}

.capacitacion{
    min-height:630px;
    color:#fff;
    text-align:center;
    margin:0 auto;
    padding-bottom: 1em;
    background: url(../images/capacitacion.png) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
}


.quinientos{
    min-height:550px;
}
.chat{
    min-height:550px;
    color:#fff;
    text-align:center;
    margin:0 auto;
    padding-bottom: 1em;
    background: url(../images/chat.png) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
}

.e_vip{
    min-height:550px;
    color:#fff;
    text-align:center;
    margin:0 auto;
    padding-bottom: 1em;
    background: url(../images/e_vip.png) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
}

.calc{
    min-height:400px;
    color:#fff;
    text-align:center;
    margin:0 auto;
    padding-bottom: 1em;
    background: url(../images/calc.png) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
}

.entrevista{
    min-height:400px;
    color:#fff;
    text-align:center;
    margin:0 auto;
    padding-bottom: 1em;
    background: url(../images/entrevista.png) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
}

.lamp{
    min-height:400px;
    color:#fff;
    text-align:center;
    margin:0 auto;
    padding-bottom: 1em;
    background: url(../images/lamp.png) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
}

.office{
    min-height:400px;
    color:#fff;
    text-align:center;
    margin:0 auto;
    padding-bottom: 1em;
    background: url(../images/office.png) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
}
.office_none{
    min-height:400px;
    color:#fff;
    text-align:center;
    margin:0 auto;
    padding-bottom: 1em;
    background: url(../images/office.png) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    display:none;
}

.mitad{
    min-height:400px;
}
.mitad2{
    min-height:630px;
}
.cover_servicios{
    min-height:80vh;
    color:#fff;
    text-align:center;
    margin:0 auto;
    padding-bottom: 1em;
    background: url(../images/servicios.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
}

.cover_servicios h3{
    text-align: center;
    width:100%;
    padding-top:50vh;
    font-size:3em;
    font-family:"Roboto-Bold", sans-serif;
}

.serv1{
    min-height:400px;
    color:#fff;
    text-align:center;
    margin:0 auto;
    padding-bottom: 1em;
    background: url(../images/a1.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
}
.serv2{
    min-height:400px;
    color:#fff;
    text-align:center;
    margin:0 auto;
    padding-bottom: 1em;
    background: url(../images/a2.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
}
.serv2_none{
    min-height:400px;
    color:#fff;
    text-align:center;
    margin:0 auto;
    padding-bottom: 1em;
    background: url(../images/a2.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    display:none;
}
.serv4_none{
    min-height:400px;
    color:#fff;
    text-align:center;
    margin:0 auto;
    padding-bottom: 1em;
    background: url(../images/a4.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    display:none;
}
.serv6_none{
    min-height:400px;
    color:#fff;
    text-align:center;
    margin:0 auto;
    padding-bottom: 1em;
    background: url(../images/a6.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    display:none;
}
.serv8_none{
    min-height:400px;
    color:#fff;
    text-align:center;
    margin:0 auto;
    padding-bottom: 1em;
    background: url(../images/a8.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    display:none;
}
.serv3{
    min-height:400px;
    color:#fff;
    text-align:center;
    margin:0 auto;
    padding-bottom: 1em;
    background: url(../images/a3.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
}
.serv4{
    min-height:400px;
    color:#fff;
    text-align:center;
    margin:0 auto;
    padding-bottom: 1em;
    background: url(../images/a4.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
}
.serv5{
    min-height:400px;
    color:#fff;
    text-align:center;
    margin:0 auto;
    padding-bottom: 1em;
    background: url(../images/a5.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
}
.serv6{
    min-height:400px;
    color:#fff;
    text-align:center;
    margin:0 auto;
    padding-bottom: 1em;
    background: url(../images/a6.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
}
.serv7{
    min-height:400px;
    color:#fff;
    text-align:center;
    margin:0 auto;
    padding-bottom: 1em;
    background: url(../images/a7.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
}
.serv8{
    min-height:400px;
    color:#fff;
    text-align:center;
    margin:0 auto;
    padding-bottom: 1em;
    background: url(../images/a8.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
}
.serv9{
    min-height:400px;
    color:#fff;
    text-align:center;
    margin:0 auto;
    padding-bottom: 1em;
    background: url(../images/a9.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
}

/*-- //cover--*/

/*-- servicios--*/
.servicios{
    height:200px;
    text-align: center;
    background-color: #fff;
    -webkit-box-shadow: 2px 2px 10px 0px rgba(189,189,189,1);
    -moz-box-shadow: 2px 2px 10px 0px rgba(189,189,189,1);
    box-shadow: 2px 2px 10px 0px rgba(189,189,189,1);
    width:27%;
    margin:3%;
    float:left;
}

.servicios h5{
    background-color: #DBEBF0;
    color:#0047BA;
    padding:1em 0 1em 0;
}

.servicios2{
    text-align: left;
    padding:20px 30px 20px 30px;
    color:#fff;
    width:50%;
    float:left;
}

.servicios2 h5{
    padding:1em 0 1em 0;
    display:inline-block;
}

.servicios2 span{
    margin-right:25px;
    display:inline-block;
}
.servicios2 p{
    text-align: left;
    color:#fff;
    margin-top:2em;
    min-height:3em;
}

#demo5 p, #demo4 p, #demo3 p, #demo2 p{
    text-align: left;
    color:#fff;
    margin-top:0;
    min-height:3em;
}
.four img{
    margin-top:15px;
}

.two img{
    margin-top:50px;
}

.one img{
    margin:50px auto;
}
.titles_img{
    padding:2em;
}

.titles_img img{
    float:left;
    max-width: 80px;
    vertical-align: middle;
}

.titles_img h4{
    float:left;
    min-height: 3em;
    vertical-align: middle;
    text-align: left;
    max-width: 70%;
}

.titles_img p{
    color:#fff;
    font-family:"Roboto-Light", sans-serif;
    max-width: 80%;
    margin:0 auto;
    text-align: justify;
}
.titles_img ul{
    color:#fff;
    font-family:"Roboto-Light", sans-serif;
    max-width: 80%;
    margin:0 auto;
    text-align: left;
    list-style: none;
    line-height: 2em;
}

.titles_img2{
    padding:2em;
    text-align: center;
    margin:0 auto;
}

.titles_img2 img{
    display:inline-block;
    max-width: 80px;
    vertical-align: middle;
    text-align: center;
    margin:0 auto;
}

.titles_img2 h4{
    display:inline-block;
    min-height: 3em;
    vertical-align: middle;
    text-align: center;
    margin:0 auto;
    max-width: 70%;
}

.titles_img2 p{
    color:#fff;
    font-family:"Roboto-Light", sans-serif;
    max-width: 80%;
    margin:0 auto;
    text-align: justify;
}

/*-- //servicios--*/

/*-- footer--*/
.bar{
    background-color:#F2F2F2;
    height:15vh;
    margin: 0 auto;
     text-align: center;
    padding-top:5em;
}

.bar p{
    font-size:.9em;
    color: #3F4D5B;
    text-align: center;
    line-height:1em;
    margin-top: 0;
    padding-top: 0;


}
.bar a{
    font-size:.8em;
    color: #00A1DF;
    text-align: center;
    line-height:1em;
    margin-top: 0;
    padding-top: 0;
    display: inline-block;
    text-decoration: none;

}
.contacto{
padding:3em;
min-height:80vh;
background-color: #263746;
    margin:0 auto;
}

.contacto h3{
    color:#fff;
    font-family:"Roboto-SemiBold", sans-serif;
    margin:0 auto;
    text-align: left;
    margin-bottom:.25em;
    text-transform: none;
}

.contacto h3 span{
    color:#00A1DF;
    font-family:"Roboto-SemiBold", sans-serif;
    margin:0 auto;
    text-align: center;
    margin-bottom:2em;
}

.map{
    padding:2%;
     margin:0 auto;
    width:44%;
     display: inline-block;
    vertical-align: top;
}
.map img{
    margin-top:50px;
    max-width: 100%;
}

.map p{
    text-align:left;
   color:#fff;
}
.pro{
     margin:0 auto;
     width:30%;
    display: inline-block;
    vertical-align: top;
}
.pro2{
     margin:0 auto;
    padding:2%;
     width:25%;
    display: inline-block;
    vertical-align: top;
}
.pro img{
    margin-top:50px;
    max-width: 100%;

}

.pro p{
    text-align:left;
   color:#fff;
    display: inline-block;
}

.pro span{
    text-align:left;
   color:#00A1DF;
    display: inline-block;
    margin-right:1em;
    vertical-align: top;
    margin-top:.5em;
}
.pro ul{
    margin-top:40px;
    list-style: none;
    padding:10px;
    color:#7d868c;
    font-family:"Roboto-Light", sans-serif;
    text-align: left;

}
.pro ul li{
    line-height: 2.5em;
}

.contacto2{
    list-style: none;
    padding:20px 50px 50px 80px;
    color:#7d868c;
    font-family:"Roboto-Light", sans-serif;
    text-align: left;
    text-transform: none;
}
.contacto2 ul{
    margin-top:80px;
    list-style: none;
    padding:50px;
    color:#7d868c;
    font-family:"Roboto-Light", sans-serif;
    text-align: left;
}
.contacto2 ul li{
    line-height: 2.5em;
}

.contacto2 ul li span{
    color:#002856;
    font-size:1.2em;
    vertical-align: middle;
}

.contacto2 input::placeholder{
    font-family:"Roboto-Light", sans-serif;
    color:#7d868c;

}

.contacto2 input{
    font-family:"Roboto-Light", sans-serif;
    color:#7d868c;

}

.contacto2 textarea::placeholder{
    font-family:"Roboto-Light", sans-serif;
    color:#7d868c;

}

.contacto2 textarea{
    font-family:"Roboto-Light", sans-serif;
    color:#7d868c;

}

.contacto3{
    list-style: none;
        padding: 2%;
    color:#7d868c;
    font-family:"Roboto-Light", sans-serif;
    text-align: left;
    text-transform: none;
}

.contacto3 h4{
    margin-top: 30px;
    color:#00A1DF;
    font-family:"Roboto-Bold", sans-serif;
    padding-bottom:2em;

}
.contacto3 ul{
    margin-top:80px;
    list-style: none;
    padding:50px;
    color:#7d868c;
    font-family:"Roboto-Light", sans-serif;
    text-align: left;
}
.contacto3 ul li{
    line-height: 2.5em;
}

.contacto3 ul li span{
    color:#002856;
    font-size:1.2em;
    vertical-align: middle;
}

.contacto3 input::placeholder{
    font-family:"Roboto-Light", sans-serif;
    color:#7d868c;

}

.contacto3 input{
    font-family:"Roboto-Light", sans-serif;
    color:#7d868c;

}

.contacto3 textarea::placeholder{
    font-family:"Roboto-Light", sans-serif;
    color:#7d868c;

}

.contacto3 textarea{
    font-family:"Roboto-Light", sans-serif;
    color:#7d868c;

}
.contacto4{
    color:#fff;
    padding:2em;
}
.contacto4 ul li{
    margin:1em;
}

.contacto4 ul li p{
    margin-left:2em;
    margin-top:1em;
    float:left;
}



/*-- //footer--*/

/*-- responsive media queries --*/

@media (max-width: 1440px){

}
@media (max-width: 1366px){

}
@media (max-width: 1280px){
    .acre{

    min-height:460px;
    }



}

@media (max-width: 1199px){
    .right-upper{
        float:none;
        display: none !important;

    }

    .quinientos, .chat{
        min-height:400px;
    }
}
@media (max-width: 1080px){
    .map{
        width:49%;
    }
    .pro{
        width:50%;
        padding-left:10%;
    }
    .pro2{
        width:50%;
        display:block;
    }
    .acre{
  width:48%;
    min-height:350px;

}


}
@media (max-width: 1023px){
       .gray33 img{
    max-width: 150px;
        display:block;
}
    .white33 {
    min-height: auto;
        padding-bottom: 4em;


    }
    .gray33 {
    min-height: auto;
        padding-bottom: 4em;
        padding-left: 12vw;

    }

    .blue33{
     min-height: auto;
    padding-bottom: 4em;

}
    .sendi22 {
            margin: 3em 5em 1em 1em;
    }


    .navbar-right {
        float:none;
        margin: 0;
        text-align: center;

    }
}
@media (max-width: 991px){
    .gray33 img{
    max-width: 100px;
        display:block;
}
    .white33 img{
    max-width: 100px;
}
.blue33 img{
    max-width: 100px;

}
    .map img {
    margin-top: 20px;
    }
    .cover_servicio{
        padding-bottom: 0;
    }
    .mid_serv2{
    display:none;
}
    .serv{
        padding:3em 1em;
    }
    .empresa{
        height:auto;
        padding-bottom:9vh;
    }
    .titles_img ul{
        color:#fff;
        font-family:"Roboto-Light", sans-serif;
        max-width: 90%;
    }


    .contacto ul, .contacto2 ul {
        margin-top: 0px;
    }
    h2, .cover_nosotros h3, .cover_servicios h3, .cover_estrategias h3 {
        font-size: 2em;
        max-width: 99%;

    }
    h3{
        font-size: 1.8em;

    }

}
@media (max-width: 800px){
        .acre{
    width:96%;
            margin:2%;
    min-height:auto;

}

    .cover_home h1, .cover_nosotros h1 {
    text-align: left;
    padding-left: 20vw;
    width: 70vw;
    padding-top: 35vh;
    font-size: 1.8em;
    font-family: "Roboto-Regular", sans-serif;
    text-transform: none;
    }
    .cover_home p, .cover_nosotros p {
    text-align: left;
    padding-left: 20vw;
    margin-left: 50px;
    font-size: 1.2em;
    font-family: "RobotoCondensed-Regular", sans-serif;
    }

}
@media (max-width: 1024px){
    .gray333{
    display:none;
}
    .dark2{
        padding:2em;
    }

    .hacemos2 p{
        max-width: 100%;
    }
    .serv{
        padding:2em 1em;
    }
    .office_none, .serv2_none, .serv4_none, .serv6_none, .serv8_none{
        display:block;
    }
    .office, .serv2, .serv4, .serv6, .serv8{
        display:none;
    }
    .blue{
        padding:5em 2em;
    }

    .title_blue{
        padding:2em;
    }
    .ser_icon, .ser_icon2 {
        padding:0;
    }

    .e_vip, .quinientos, .shake, .chat, .lamp, .entrevista, .calc, .office_none, .mitad, .mitad2, .capacitacion{
        min-height:300px;
    }


}
@media (max-width: 768px){
    .map{
        width:100%;
    }
    .pro{
        width:49%;
        padding-left:0%;

    }
    .pro2{
        width:50%;
        display: inline-block;
    }
    .contacto {
    padding: 2em;
    }



}

@media (max-width: 667px){
    .servicios2 p {
    text-align: left;
    color: #fff;
    margin-top: 2em;
    min-height: 5em;
    }

}
@media (max-width: 640px){


}
@media (max-width: 600px){
    .white33 img{
    position: relative;
    max-width: 100px;
        padding-bottom:3em;

}
    .gray33 img{
    position: relative;
    max-width: 100px;
        padding-bottom:3em;

}
    .white33, .gray33, .blue33 {
    min-height: auto;
    padding-bottom: 2em;
            padding-left: 5vw;
    }
.blue33 img{
    position: relative;
    max-width: 100px;
   padding-bottom:3em;

}
      .pro{
        width:100%;
        display: block;

    }
    .pro2{
        width:100%;
        display: block;
    }
      .servicios {
    width: 46%;
    margin: 2%;
    }
    .slider{
        padding:4em 1em 0 1em;
    }


}
@media (max-width: 568px){
    .servicios2 p {
    text-align: left;
    color: #fff;
    margin-top: 2em;
    min-height: 2em;
    }
    .servicios2{
    text-align: left;
    padding:10px 30px 10px 30px;
    color:#fff;
    width:100%;
    float:left;
}

    input.mid{
        width:100%;
        margin-bottom:.5em;
        padding:.5em;
        color:7d868c;
    }
    .serv img {
        max-width: 75%;
    }


}
@media (max-width: 480px){
     .cover_home h1, .cover_nosotros h1 {
    text-align: center;
    padding-left: 0;
    width: 100vw;
    padding-top: 35vh;
    font-size: 1.3em;
    font-family: "Roboto-Regular", sans-serif;
    text-transform: none;
    }
    .cover_home p, .cover_nosotros p {
    text-align: left;
    padding-left: 0;
    margin-left: 0;
        text-align: center;
    font-size: 1em;
    font-family: "RobotoCondensed-Regular", sans-serif;
    }
    .contacto4{
        padding:2em 0 2em 0;
    }
    .contacto2 {
        padding:50px 0 10px 0
    }
    .hacemos2 h4 {
        padding: 1.5em .5em 1.5em .5em;
    }
    .slider{
        padding:2em 0 0 0;
    }

    .title_blue{
        padding:0;
    }

    .logo img {
        max-width: 150px;
    }
    .fb_icons li {

        margin: 0;

    }

    .fb_icons li img{
        float:right;
        text-align: right;
        max-width: 80%;
    }


}
@media (max-width: 414px){


}
@media (max-width: 384px){
    .contacto4 ul{
        margin: 0 auto;
        text-align: center;
    }
    .contacto4 ul li p {
        margin-left: 0em;
        margin-top: 2em;
        float: none;
    }
    .contacto3{
        float:none;
    }


}
@media (max-width: 375px){

}
@media (max-width: 320px){

}