.ms-skin-default .ms-nav-prev {
    left: 13%!important;
}
.ms-fullscreen-template .slide-pattern {
    background: rgba(0, 0, 0, 0.80) url(/assets/lib/masterslider/fullscreen/style/pattern.png) scroll !important;
}
.ms-txt-container{
    margin-top: 200px; position: relative;
}
.masterslider-txt p{
    font-size: 20px; color: #fff; letter-spacing: 1px; max-width: 700px; line-height: 160%; padding: 25px 0;
}
.master-slider h1{
    font-size: 70px; color: #ff7800; text-transform: uppercase; max-width: 60%; line-height: 110%;
}
.ms-txt-h1{
    top: 100px!important;
}
.slide-3 .masterslider-txt, .slide-4 .masterslider-txt {
    top: 230px!important;
}
.masterslider-txt {
    top: 310px!important;
}
.master-slider h1 span {
    color: #fff;
}
.masterslider-txt {
    /*left:0; top:420px;*/
}
/*SERVICIOS*/
.servicios-wrap {
    background: #080808 url('/assets/images/home/servicios-bg.jpg') no-repeat center bottom;
}
.servicios-container {
    padding: 80px 0 40px 0;
}
.servicios-container h2{
    text-transform: uppercase; font-size: 45px; color: #ff7800; letter-spacing: 7px;
    margin-bottom: 30px;
}
.servicios-subtitle {
    width: 75%; margin-bottom: 60px;
}
.servicios-container p{
    color: #fff; font-size: 20px; letter-spacing: 2px; font-weight: 300; line-height: 160%;
}
.servicios-rectangles {
    display: table; width: 100%;
}
.bloque {
    background: #2c2c2c; float: left; width: 25%; height: 315px;
}
.bloque h3{
    font-size: 30px; color: #fff;
}
.bloque p {
    letter-spacing: initial; font-size: 14px; line-height: 190%; opacity: 0; position: relative; top: 20px;
    -webkit-transition: 0.3s ease-out;  -moz-transition: 0.3s ease-out;-ms-transition: 0.3s ease-out;-o-transition: 0.3s ease-out; transition: 0.3s ease-out;
}
.bloque-gray {
    padding: 40px; position: relative;  cursor: pointer;
    -webkit-transition: 0.3s ease-out;  -moz-transition: 0.3s ease-out;-ms-transition: 0.3s ease-out;-o-transition: 0.3s ease-out; transition: 0.3s ease-out;
}
.bloque-gray:hover {
    transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1);
     box-shadow: 0 14px 28px rgba(0,0,0,0.65), 0 10px 10px rgba(0,0,0,0.62); z-index: 2
}
.bloque-gray:hover p {
    opacity: 1; top:5px;
}
.reconocimiento-img {
    background-image: url('/assets/images/home/reconocimiento-bg.jpg'); background-repeat: no-repeat;
    background-size: cover; background-position: center;
}
.efectividad-img {
    background-image: url('/assets/images/home/efectividad-comercial-bg.jpg'); background-repeat: no-repeat;
    background-size: cover; background-position: center;
}
.investigacion-img {
    background-image: url('/assets/images/home/investigacion-mercados-bg.jpg'); background-repeat: no-repeat;
    background-size: cover; background-position: center;
}
.presencia-img {
    background-image: url('/assets/images/home/presecia-online-bg.jpg'); background-repeat: no-repeat;
    background-size: cover; background-position: center;
}

.sentence {
    text-align: center; max-width: 900px; margin: 0 auto; padding: 150px 0;
}
.sentence h2 {
    color: #ff7800; font-size: 45px;
}
.sentence p {
    font-size: 20px; color: #fff; font-weight: 300;
}

.servicios-container .icon {
    height: 60px; width: 60px; float: right; background-position: left top;
    -webkit-transition: 0.3s ease-out;  -moz-transition: 0.3s ease-out;-ms-transition: 0.3s ease-out;-o-transition: 0.3s ease-out; transition: 0.3s ease-out;
}
.ico-01 {
    background: url('/assets/images/home/iconos-servicios/01.png') no-repeat;
}
.ico-02 {
    background: url('/assets/images/home/iconos-servicios/02.png') no-repeat;
}
.ico-03 {
    background: url('/assets/images/home/iconos-servicios/03.png') no-repeat;
}
.ico-04 {
    background: url('/assets/images/home/iconos-servicios/04.png') no-repeat;
}
.ico-05 {
    background: url('/assets/images/home/iconos-servicios/05.png') no-repeat;
}
.ico-06 {
    background: url('/assets/images/home/iconos-servicios/06.png') no-repeat;
}
.bloque-gray:hover .icon{
    background-position: left bottom;
}

/*POR QUE TRABAJAR CON NOSOTROS*/
.pq-trabajar-wrap {

}
.pq-trabajar-container {
    display: block; width: 100%; height: 950px; position: relative;
}
.col-right, .col-left {
    width: 50%; float: left;
}
.col-right {
    position: absolute; right: 0; top: 0; bottom: 0;
}
.col-left {
    padding: 138px 80px 0 0; background: url('/assets/images/home/porque-trabajar-con-nosotros-bg-02.jpg') left top no-repeat;
    background-size: cover; height: 100%;
}
.col-left h3 {
    font-size: 70px; color: #fff; text-transform: uppercase; max-width: 300px; float: right; text-align: right;
}
.col-right {
    background: #2c2c2c; padding: 110px 80px;
}
.col-right .txt {
    margin: 32px 0;
}
.pq-trabajar-container h4 {
    color: #ff7800; font-size: 24px; margin: 0 0 10px;
}
.pq-trabajar-container p {
    color: #fff; font-size: 18px; font-weight: 100; line-height: 160%;
}



/*PROYECTOS*/
.proyectos-container {
    display: table; width: 100%;
}
.proyectos-container .col-2 {
    float: left; width: 50%; height: 400px;
}
.proyectos-container .col-3 {
    float: left; width: 33.33%; height: 400px;
}
.proyectos-container .proyectos-item{
    background-size: cover; background-position: center; position: relative;
}
.proyectos-container hr {
    max-width: 50px; border: none; height: 3px; background: #ff7800; margin: 6px 0 7px;
}
.layerB {
    width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; background: rgba(0,0,0,0); padding: 50px;
    -webkit-transition: 0.3s ease-out;  -moz-transition: 0.3s ease-out;-ms-transition: 0.3s ease-out;-o-transition: 0.3s ease-out; transition: 0.3s ease-out;
}
.layerB:hover {
    background: rgba(0,0,0,.8);
}
.project-txt {
    position: relative; top:10px; opacity: 0; color: #fff; max-width: 450px;
    -webkit-transition: 0.3s ease-out;  -moz-transition: 0.3s ease-out;-ms-transition: 0.3s ease-out;-o-transition: 0.3s ease-out; transition: 0.3s ease-out;
}
.layerB:hover .project-txt{
     top:0; opacity: 1;
}
.project-txt h2 {
    font-size: 40px; max-width: 400px; text-transform: uppercase;
}
.project-txt p {
    font-size: 20px; line-height: 160%;
}
.project-txt .btn {
    position: relative; bottom: initial; display: inline-block; margin: 20px 0 0; border-bottom: transparent;
}
.project-txt .btn:hover {
    border-bottom: 3px solid #ff7800;
}
/*BLOG*/
.blog-bg{
    background-size: cover; background-position: center; height: 200px; width: 40%; display: inline-block; vertical-align: middle;
}
.blog-container {
    padding: 90px 0; width: 90%; margin: 0 auto;
}
.blog-container > h2{
    font-size: 48px; text-align: center; text-transform: uppercase; letter-spacing: 7px; margin-bottom: 50px;
}
.blog-container .date {
    color: #ff7800; font-family: 'Fjalla One', sans-serif; font-size: 24px;
}
.blog-container .date span {
    font-size: 48px;
}
.blog-title h2 {
    font-size: 24px;
}
.blog-container hr {
    max-width: 30px; border: none; height: 3px; background: #ff7800; margin: 6px 0 7px;
}
.blog-article {
    display: inline-block; vertical-align: middle; width: 50%; padding-left: 25px;
}
.btn-blog {
    font-size: 18px; cursor: pointer; color: #2c2c2c;
}
.blog-container .owl-theme .owl-nav {
    display: none;
}
/*============ MOVIL ===============*/
@media screen and (max-width: 1700px){
    /*NUESTROS SERVICIOS*/
    .bloque h3 {font-size: 25px;}
    /*PROYECTOS*/
    .project-txt p {font-size: 16px;}
}
@media screen and (max-width: 1600px){
    /*SLIDER*/
    .master-slider h1 {font-size: 63px; max-width: 55%;}
    .ms-slide-layers {left: 24%!important;}
    /*NUESTROS SERVICIOS*/
    .bloque h3 {font-size: 24px;}
    /*POR QUE TRABAJAR CON NOSOTROS*/
    .col-right {padding: 50px 60px;}
    .col-left {background: url('/assets/images/home/porque-trabajar-con-nosotros-bg-02.jpg') -100px top no-repeat;}
    /*BLOG*/
    .blog-container .date span {font-size: 30px;}
    .blog-container .date {font-size: 20px;}
}
@media screen and (max-width: 1500px){
    /*NUESTROS SERVICIOS*/
    .servicios-subtitle {width: 75%;}
    .servicios-container .icon {height: 45px; width: 45px; background-size: 85%;}
    .bloque-gray {padding: 30px;}
    .sentence {padding: 110px 0}
    /*PROYECTOS*/
    .project-txt h2 {font-size: 35px;}
}
@media screen and (max-width: 1400px){
    /*MASTERSLIDER*/
    .master-slider h1 {font-size: 55px; max-width: 50%;}
    .slide-3 .masterslider-txt, .slide-4 .masterslider-txt {top: 200px!important;}
    .slide-4 h1 {max-width: 60%;}
    .masterslider-txt {top: 260px!important;}
    .masterslider-txt p {font-size: 18px;}
    /*POR QUE TRABAJAR CON NOSOTROS*/
    .col-left {padding: 100px 40px 0 0; background: url('/assets/images/home/porque-trabajar-con-nosotros-bg-02.jpg') -160px top no-repeat;}
    .pq-trabajar-container p {font-size: 16px;}
    .pq-trabajar-container {height: 800px;}
    /*NUESTROS CLIENTES*/
    .nuestros-clientes-container h2 {font-size: 35px;}
    /*BLOG*/
    .blog-container > h2 {font-size: 35px;}
    .blog-title h2 {font-size: 20px;}

}
@media screen and (max-width: 1300px){
    /*NUESTROS SERVICIOS*/
    .servicios-subtitle {width: 90%;}
    .bloque h3 {font-size: 21px;}
    .bloque p {line-height: 160%; margin: 5px 0 0;}
    .bloque-gray {padding: 27px;}
    .bloque {height: 295px;}
    .btn {bottom: 25px;}
    .sentence {padding: 90px 0 70px;}
    /*POR QUE TRABAJAR CON NOSOTROS*/
    .col-right {padding: 60px;}
    .col-right .txt{margin: 0 0 20px 0;}
    .pq-trabajar-container h4 { margin: 0;}
}
@media screen and (max-width: 1200px){
    /*NUESTROS SERVICIOS*/
    .servicios-container .icon {width: 30px; height: 30px;}
    .bloque h3 {font-size: 18px;}
    /*POR QUE TRABAJAR CON NOSOTROS*/
    .pq-trabajar-container p {font-size: 14px;}
    .col-left h3 {font-size: 50px;}
    /*PROYECTOS*/
    .proyectos-container .col-3:first-child {width: 100%;}
    .proyectos-container .col-3 {width: 50%; height: 300px;}
    .proyectos-container .col-2 {height: 300px;}
    .project-txt h2 {font-size: 25px;}

}
@media screen and (max-width: 1100px){
    .ms-skin-default .ms-nav-prev {left: 30px!important;}
}
@media screen and (max-width: 1000px){


    /*MASTERSLIDER*/
    .ms-slide-layers {left: 6%!important; max-width: 80%!important;}
    .master-slider h1 {font-size: 50px; max-width: 550px; width: 70%;}
    .masterslider-txt p {font-size: 17px;}

    /*NUESTROS SERVICIOS*/
    .servicios-container h2 {font-size: 35px; margin-bottom: 20px;}
    .servicios-rectangles {margin: 0 -10px;}
    .servicios-subtitle {margin-bottom: 30px;}
    .servicios-container p {font-size: 16px; letter-spacing: 1px;}
    .reconocimiento-img {background-position: center top;}
    .efectividad-img {background-position: center top;}
    .bloque {height: 225px; width: 30%;}
    .bloque p {font-size: 14px; letter-spacing: 0; opacity: 1;}
    .bloque-gray {width: 70%;}
    .bloque-gray h3 br{display: none;}
    .bloque-item {display: table; width: 50%; padding: 10px; float: left;}
    .floatRight {float: right;}
    .investigacion-img, .presencia-img {float: left;}
    /*NUESTROS CLIENTES*/
    .nuestros-clientes-container h2 {font-size: 30px;}
    .nuestros-clientes-wrap {padding: 30px 0;}
    /*PROYECTOS*/
    .project-txt p {font-size: 14px;}
}
@media screen and (max-width: 850px) {
    /*MASTERSLIDER*/
    .ms-slide-layers {max-width: 80%!important;}
    .master-slider h1 {font-size: 42px; max-width: 300px; width: 100%;}
    .masterslider-txt p {font-size: 16px;}
    .masterslider-txt {top: 220px!important;}
    .slide-3 .masterslider-txt, .slide-4 .masterslider-txt {top: 170px!important;}
    /*NUESTROS SERVICIOS*/
    .bloque-item {width: 100%; padding: 0 0 20px;}
    .servicios-rectangles {margin: 0;}
    /*POR QUE TRABAJAR CON NOSOTROS*/
    .pq-trabajar-container {height: auto;}
    .col-left {width: 100%; background: #2c2c2c; padding: 50px 7% 0;}
    .col-right {width: 100%; position: relative; padding: 30px 7% 50px 7%;}
    .col-left h3 {font-size: 30px; text-align: left; float: none;}
    /*PROYECTOS*/
    .project-txt h2 {font-size: 21px;}
    .layerB {padding: 30px;}
    .project-txt p {line-height: 130%;}
    /*BLOG*/
    .blog-container {width: 90%; padding: 60px 0;}
    /*FOOTER*/

}
@media screen and (max-width: 650px){

}
@media screen and (max-width: 500px) {
    /*MASTERSLIDER*/
    .ms-slide-layers {max-width: 90%!important;}
    .master-slider h1 {font-size: 35px; }
    .masterslider-txt {top: 200px!important;}
    .slide-3 .masterslider-txt, .slide-4 .masterslider-txt {top: 160px!important;}
    .btn-big {width: 100%; text-align: center; padding: 20px 0;}
    /*NUESTROS SERVICIOS*/
    .bloque {height: 240px;}
    .servicios-container {padding: 40px 0 40px 0}
    p.servicios-subtitle {line-height: 140%; letter-spacing: 0; width: 100%;}
    .servicios-container h2 {margin-bottom: 10px; font-size: 30px; letter-spacing: 2px;}
    .sentence {padding: 30px 0 10px;}
    /*NUESTROS CLIENTES*/
    .nuestros-clientes-wrap {padding: 10px 0;}
    .nuestros-clientes-container h2 {font-size: 24px; letter-spacing: 3px;}
    /*PROYECTOS*/
    .proyectos-container .col-3 {width: 100%; height: 200px;}
    .proyectos-container .col-2 {height: 200px; width: 100%;}
    /*BLOG*/
    .blog-container {padding: 30px 0;}
    .blog-container > h2 {margin-bottom: 25px;}
}
@media screen and (max-width: 400px) {
    .bloque {height: 150px; width: 100%;}
    .bloque-gray {height: auto; padding: 20px;}
    .bloque-gray .btn{position: relative; bottom: initial; margin-top: 20px;}
    .reconocimiento-img, .efectividad-img, .investigacion-img, .presencia-img {display: none;}

    /*BLOG*/
    .blog-container > h2 {margin-bottom: 20px; font-size: 30px; letter-spacing: 2px;}
    .blog-container {padding: 30px 5%;}
    .blog-article {width: 58%; padding-left: 15px;}


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