/*--
	Author: W3layouts
	Author URL: http://w3layouts.com
	License: Creative Commons Attribution 3.0 Unported
	License URL: http://creativecommons.org/licenses/by/3.0/
--*/


/*-- Reset Code --*/

@import url('https://fonts.googleapis.com/css?family=Fira+Sans&display=swap');

body {
    padding: 0;
    margin: 0;
    background-color: #f5f5f5;
    font-family: 'Fira Sans', sans-serif;
}

body a {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    text-decoration: none;
}

body a:hover {
    text-decoration: none;
}

body a:focus,
a:hover {
    text-decoration: none;
}

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;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: 'Fira Sans', sans-serif;
    letter-spacing: 1px;
}

p {
    margin: 0;
    font-family: 'Fira Sans', sans-serif;
}

ul {
    margin: 0;
}

.p-2 {
    padding: 2rem;
}

label {
    margin: 0;
}

a:focus,
a:hover {
    text-decoration: none;
    outline: none
}

.g-recaptcha {
    display: inline-block;
    margin: 0 1rem;
}

.captcha2 {
    display: inline-block;
    margin: 1rem 0px !important;
}

img {
    width: 100%;
}

#natalia {
    height: 225px;
    width: 225px;
    margin: auto;
}

.nati {
    height: 200px;
    width: 200px;
    border-radius: 15px;
}

.btn.center {
    text-align: center;
}

.displayOn {
    display: block;
}


/*-- //Reset Code --*/


/* body {
    overflow-x: hidden;
} */

.headers .btn {
    margin-top: 1rem;
}

.box-text .btn {
    margin: 3rem auto;
}

.carousel-indicators {
    bottom: 8rem;
}

.carousel li {
    margin-right: auto;
}

section#clientes {
    padding-top: 4rem;
}

#videos.gallery {
    background-color: #fff;
    padding-top: 6rem;
}

.headers {
    padding-top: 10%;
    padding-bottom: 10%;
    width: 100%;
}

.header {
    background: linear-gradient(to bottom, rgba(205, 202, 199, 0) 1%, rgba(0, 0, 0, 0.56) 80%, #000000 100%), url('../images/intro-bg.jpg') no-repeat 0px 0px;
    height: 100vh;
    background-size: cover;
    position: relative;
}

.headertwo {
    background: linear-gradient(to bottom, rgba(205, 202, 199, 0) 1%, rgba(0, 0, 0, 0.56) 80%, #000000 100%), url('../images/two.jpg') no-repeat 0px 0px;
    height: 100vh;
    background-size: cover;
    position: relative;
    padding-top: 10%;
    background-position: center;
    padding-bottom: 10%;
    width: 100%;
}

.headerthree {
    background: linear-gradient(to bottom, rgba(205, 202, 199, 0) 1%, rgba(0, 0, 0, 0.56) 80%, #000000 100%), url('../images/metodologia.jpg') no-repeat 0px 0px;
    height: 100vh;
    background-size: cover;
    position: relative;
    padding-top: 15%;
    background-position: center;
    padding-bottom: 10%;
    width: 100%;
}

.headerfour {
    background: linear-gradient(to bottom, rgba(205, 202, 199, 0) 1%, rgba(0, 0, 0, 0.56) 80%, #000000 100%), url('../images/whatsapp.jpg') no-repeat 0px 0px;
    height: 100vh;
    background-size: cover;
    position: relative;
    padding-top: 15%;
    background-position: center;
    padding-bottom: 10%;
    width: 100%;
}

.headerfith {
    background: linear-gradient(to bottom, rgba(205, 202, 199, 0) 1%, rgba(0, 0, 0, 0.56) 80%, #000000 100%), url('../images/aniversario.jpg') no-repeat 0px 0px;
    height: 100vh;
    background-size: cover;
    position: relative;
    padding-top: 15%;
    background-position: center;
    padding-bottom: 10%;
    width: 100%;
}

.gallery-grids-top {
    width: 240px;
}

.banner2 {
    min-height: 102px !important;
}

.headers h1 {
    font-size: 4em;
    color: #fff;
    font-weight: 700;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
    ;
    font-family: 'Fira Sans', sans-serif;
}

.headers h3 {
    color: #fff;
    line-height: 1.6;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
    font-size: 1.5em;
    font-family: 'Fira Sans', sans-serif;
}


/*--top-nav--*/

.top-nav {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: rgba(16, 16, 16, 0.28);
}

.logocenter {
    width: 15%;
    position: relative;
    top: -6rem;
    margin: auto;
}

ul.nav.navbar-nav {
    float: none;
    text-align: center;
    font-size: 12px;
}

nav.navbar.navbar-default {
    background-color: inherit;
    border: none;
    margin: 0;
}

.navbar-nav>li {
    float: none;
    display: inline-block;
}

.navbar-default .navbar-nav>li>a {
    color: #fff;
    text-decoration: none;
    letter-spacing: 1px;
    font-size: 1.2em;
    padding: 1.5em 1em;
    font-weight: 300;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color: #fff;
}


/* Effect 11: text fill based on Lea Verou's animation http://dabblet.com/gist/6046779 */


/* Bounce To Bottom */

.hvr-bounce-to-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.hvr-bounce-to-bottom:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    background: rgb(237, 0, 140);
    -webkit-transform: scaleY(0);
    -o-transform: scaleY(0);
    -moz-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    -o-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.navbar-nav>li.hvr-bounce-to-bottom>a:hover,
.navbar-nav>li>a:hover {
    color: #fff !important;
}

.hvr-bounce-to-bottom:hover:before,
.hvr-bounce-to-bottom:focus:before,
.hvr-bounce-to-bottom:active:before {
    -webkit-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    -moz-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: rgb(237, 0, 140);
}


/*--//top-nav--*/


/*--//banner--*/


/*--about--*/

#home {
    padding-top: 6rem;
    background: #fff;
    padding-bottom: 6rem;
}

.box-text .col-md-4 {
    min-height: 28vh;
    -webkit-box-shadow: 0 5px 8px -3px #C9C9C9;
    box-shadow: 0 5px 8px -3px #C9C9C9;
    display: grid;
    align-content: center;
    width: 31%;
    margin: 10px 10px;
}

.box-text p {
    font-size: 17px;
    color: #7a7a7a;
    line-height: 27px;
    text-align: center;
}

.about-agile {
    background-color: #f5f5f5;
}

.about-agile,
.services,
.clients,
.blog,
.gallery {
    padding: 3rem 0 4rem;
    text-align: center;
}

#videos.gallery {
    background-color: #fff;
}

.about-agile h3,
.clients h3,
.blogs h3,
.contact h3,
.gallery h3,
.slider-hacemos h3,
.enaccion h2,
.areablog h3,
.potenciamos h2,
.servicios h2 {
    font-size: 40px;
    color: #6196fe;
    letter-spacing: 2px;
    font-weight: 700;
    margin: 30px 20px 35px 20px;
}

.servicios .p-1 {
    padding: 1rem 0;
}

.servicios h3 {
    padding: 15px 0;
    color: #6196fe;
}

.slick-lightbox-slick-item {

    background: #000000c9 !important;
}

.slick-lightbox-inner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.text-flex {
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.text-flex img {
    width: 40px !important;
    margin: 5px;
    box-shadow: none !important;
}

.content-rew img {
    width: 50% !important;
    box-shadow: none !important;
    margin-bottom: 10px;
}

.rew .gallery-grids-top {
    padding: 15px;
    background: #fff;
    box-shadow: 0 5px 8px -3px #C9C9C9;
    border-radius: 10px;

}

.rew .gallery-grids-top {
    width: 100% !important;
    height: 323px;
}
.rew.testi .gallery-grids-top {
    width: 100% !important;
    height: 350px;
    padding: 3rem;
}
.rew.testi .gallery-grids-top .text p:first-child{
font-size: 18px;
color: #6196fe;
}
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 90px;
    height: 90px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 9;
}

label.line {
    display: block;
    background-color: #000;
    width: 55px;
    height: 2px;
    margin: 15px auto;
}

.about-agile h6,
.blog h6,
.gallery h6,
.services h6,
.contact h6 {
    color: #666;
    font-size: 14px;
    width: 200px;
    line-height: 27px;
}

.agile1,
.agile2,
.agile3 {
    text-align: center;
    margin-top: 40px;
}

.agile1 .glyphicon,
.agile2 .glyphicon,
.agile3 .glyphicon {
    font-size: 30px;
    color: #ED008C;
    border: 2px solid #ED008C;
    padding: 20px;
    border-radius: 50%;
}

.about-agile p,
.about-agile ul li,
.services p {
    font-size: 18px;
    font-weight: 400;
    color: #7a7a7a;
    line-height: 27px;
    width: 100%;
    margin: 0;
}

.about-agile p {
    text-align: center;
}

.about-agile h4 b {
    color: #00138d;
    font-weight: 700;
}

#about hr {
    border: 2px solid #6196fe;
    width: 10%;
}

#about a {
    color: #00138d;
}

.box-in {
    padding: 30px !important;
    box-shadow: 5px 5px 20px -3px #c9c9c9;
    margin: 1em;
    width: 96%;
    height: 400px;
}
.slick-slide {
    height: auto !important;
}
.potenciamos .box-text h3 {
    letter-spacing: 1px;
    padding: 1em;
    background: #6196fe;
    color: #fff;
    width: 100%;
    height: 260px;
    margin: auto;
    line-height: 35px;
}

.potenciamos .box-text h4 {
    letter-spacing: 1px;
    padding: 1.5rem 0rem;
    background: #3B5D9C;
    color: #fff;
    width: 86%;
    margin: auto;
    margin-bottom: 1rem;
    font-size: 24px;
}

#home .box-text hr {
    margin-top: -5rem;
    margin-bottom: 20px;
    border: 0;
    border-top: 3px solid #6196fe;
}

/* Effect */

.hi-icon-effect-6 .hi-icon {
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 1);
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
}

.hi-icon-effect-6 .hi-icon:hover {
    background: rgba(255, 255, 255, 1);
    color: #ED008C;
}

.hi-icon-effect-6 .hi-icon:hover:before {
    -webkit-animation: spinAround 2s linear infinite;
    -moz-animation: spinAround 2s linear infinite;
    animation: spinAround 2s linear infinite;
}


/*--//about--*/

.container {
    font-size: 16px;
    text-align: left;
    font-family: 'Fira Sans', sans-serif;
}

.flexslider .slides h2 {
    color: #00138d;
}

.flexslider .slides hr {
    border: 2px solid #6196fe;
    width: 10%;
    margin: 20px 0;
}


/*-- count --*/

#contadores h3 {
    color: #000;
    font-size: 26px;
    letter-spacing: 2px;
    font-weight: 700;
    margin: 0px 20px 30px 20px;
}

.count {
    background: url(../images/countbg.jpg) no-repeat 0px 0px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    min-height: 400px;
    padding: 6rem 0 3rem;
    background-attachment: fixed;
}

.isdoing h3 {
    color: #f5f5f5;
    font-size: 20px;
    letter-spacing: 2px;
    text-align: center;
    font-weight: 700;
    margin: 0px 15px 20px 15px;
}

.isdoing .title {
    color: #f5f5f5;
    font-size: 40px;
    letter-spacing: 2px;
    text-align: center;
    padding: 1rem 0 3rem;
    font-weight: 700;
    margin: 0px 15px 20px 15px;
}

#doing p {
    text-align: center !important;
}

.isservices h3,
.isservices h4 {
    color: #000000;
    margin-bottom: 10px;
    margin: 0px 20px 25px 20px;
}

#doing>div.container>div.col-md-10.alignleft>ul {
    margin-top: 20px;
    font-size: 16px;
    list-style-type: none;
}

.count ul li,
.count p {
    font-size: 18px;
    font-weight: 400;
    color: #f5f5f5;
    line-height: 27px;
    width: 100%;
    margin: 0;
}

.agile_count_grid_left {
    float: left;
}

.agile_count_grid_left span {
    color: #fff;
}

.agile_count_grid_left span,
.agile_count_grid_right p {
    font-size: 2em;
}

.agile_count_grid_right {
    float: left;
    margin-left: 2em;
}

.agile_count_grid_right p {
    color: #fff;
}

.agile_count_grid h3 {
    font-size: 1.3em;
    color: #fff;
    margin: 1em 0 0;
    text-transform: uppercase;
    letter-spacing: 3px;
    position: relative;
    padding-bottom: 2em;
    text-align: left;
}

.agile_count_grid h3:after {
    content: '';
    background: #fff;
    height: 2px;
    width: 30%;
    position: absolute;
    bottom: 0%;
    left: 0%;
}

.agile_count_grid_left span {
    color: #fff;
    top: 5px;
}


/*--//count--*/


/*-- services --*/

.services {
    background-color: #f5f5f5;
    padding-top: 40px;
}

.services .glyphicon {
    font-size: 20px;
    background: #000;
    color: #fff;
    padding: 20px;
    border-radius: 50%;
}

.service-content {
    margin-top: 40px;
}

.service-content img {
    display: block;
    width: 80%;
    margin: auto;
}

.service-grids-w3 {
    background: #FFF;
    padding: 20px 20px;
    margin: 15px 1%;
    position: relative;
    overflow: hidden;
    -webkit-transition: background .5s ease-in-out;
    -moz-transition: background .5s ease-in-out;
    transition: background .5s ease-in-out;
    width: 100%;
    border: 1px solid #e3e3e3;
}

.service-grids-w3 h4 {
    margin-left: 10px;
    display: inline-block;
    font-size: 30px;
    font-weight: 400;
}

.service-grids-w3:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-width: 0 30px 30px 0;
    border-style: solid;
    border-color: #ffffff #F5F5F5 #7a7a7a #028fcc;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition: border-color .2s ease-in-out;
    -moz-transition: border-color .2s ease-in-out;
    transition: border-color .2s ease-in-out;
    display: block;
    width: 0;
}

.service-grids-w3:hover {
    background: #7a7a7a;
    -webkit-transition: background .2s ease-in-out;
    -moz-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
}

.service-grids-w3:hover .glyphicon {
    color: #ED008C;
    background: #fff;
    transform: translate(0, -5px);
    -webkit-transform: translate(0, -5px);
    -o-transform: translate(0, -5px);
    -moz-transform: translate(0, -5px);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.service-grids-w3:hover h4 {
    color: #FFF;
    transform: translate(0, -5px);
    -webkit-transform: translate(0, -5px);
    -o-transform: translate(0, -5px);
    -moz-transform: translate(0, -5px);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.service-grids-w3:hover p {
    color: #EEE;
    transform: translate(0, -5px);
    -webkit-transform: translate(0, -5px);
    -o-transform: translate(0, -5px);
    -moz-transform: translate(0, -5px);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.service-grids-w3:hover:before {
    border-color: #F5F5F5 #F5F5F5 rgba(138, 186, 195, 0.56) #fff;
    -webkit-transition: border-color .2s ease-in-out;
    -moz-transition: border-color .2s ease-in-out;
    transition: border-color .2s ease-in-out;
}


/*-- //Slide que hacemos--*/

.slider-hacemos {
    padding: 8rem 0 2rem;
    color: #7a7a7a;
    background: #fff;
}

.slider-hacemos .flex-active-slide p {
    color: #7a7a7a;
    line-height: 30px;
    text-align: left;
    font-style: normal;
    width: 100%;
    margin: 20px auto;
    letter-spacing: 2px;
    font-size: 18px;
}

.slider-hacemos .flex-active-slide h2 {
    text-align: left;
}

.slider-hacemos .flexslider .slides img {
    height: auto;
}

.slider-hacemos .flexslider .slides .col-md-6 {
    padding: 2rem;
    display: grid;
    align-content: center;
    height: 600px;
}

.iconvalores {
    width: 40%;
    margin: 0 0 1em;
}

.iconservicios {
    width: 25%;
    margin: 0 0 0em;
}

.counter {
    text-align: center;
    font-size: 7rem;
    color: #ed008c;
    padding: 5rem 0 0;
}

.counter-simbol {
    text-align: center;
    font-size: 7rem;
    color: #ed008c;
    padding: 5rem 0 0;
}

div#contadores {
    padding-top: 2rem;
}

.cont {
    text-align: center;
}

.isdoing #contadores h3 {
    font-size: 20px;
}


/*--gallery--*/

.gallery-grids {
    padding: 10px;
    margin: 5px 0%;
}

.bottom-grids {
    padding: 0;
}

.gallery img.img-responsive {
    width: 100%;
    -webkit-box-shadow: 0 5px 8px -3px #C9C9C9;
    box-shadow: 0 5px 8px -3px #C9C9C9;
}


/* img.img-responsive:hover {
	-moz-transform: scale(1) translateX(2px) translateY(-5px);
	-webkit-transform: scale(1) translateX(2px) translateY(-5px);
	-o-transform: scale(1) translateX(2px) translateY(-5px);
	-ms-transform: scale(1) translateX(2px) translateY(-5px);
	transform: scale(1) translateX(2px) translateY(-5px);
	-webkit-transition: all 0.2s ease-in;
	;
	-moz-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	box-shadow: 0 7px 8px -5px #ed008c;
	transition: all 0.2s ease-in;
} */


/*----- Strip -----*/

.b-link-stripe {
    position: relative;
    display: block;
    vertical-align: top;
    font-weight: 300;
    overflow: hidden;
}

.b-link-stripe .b-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    overflow: hidden;
}


/*------Animation effects------*/

.b-animate-go {
    text-decoration: none;
}

.b-animate {
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    visibility: hidden;
}

.b-animate img {
    display: block;
}


/* lt-ie9 */

.b-animate-go:hover .b-animate {
    visibility: visible;
}

.b-from-left {
    position: absolute;
    top: 43%;
    left: -100%;
}

.b-animate-go:hover .b-from-left {
    left: 46%;
}

.b-wrapper:hover {
    background: rgba(0, 0, 0, 0.45);
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
}


/*-- //gallery--*/


/*-- clients--*/

.clients {
    background: linear-gradient(to bottom, rgba(205, 202, 199, 0) 1%, rgba(0, 0, 0, 0.56) 80%, #000000 100%), url('../images/testimonialsbg.jpg') no-repeat 0px 0px;
    background-size: cover;
    text-align: center;
}

#testim h3 {
    color: #fff;
}

#testim .client h3 {
    color: #6196fe;
    font-size: 3rem;
}

.clients label.line {
    background: #fff;
}

.clients h4 {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #fff;
    margin-bottom: 20px;
    font-weight: 400;
}

.client h5 {
    font-size: 20px;
    color: rgb(237, 0, 140);
    font-weight: 700;
}

.clients .slides hr {
    border: 2px solid #6196fe;
    width: 98%;
    margin: auto;
}


/*-- //clients--*/


/*-- blog --*/

.w3_blog_grids {
    margin: 3em 0 0;
}

.w3_blog_grid_left {
    padding: 0;
}

.w3_blog_grid_right {
    background: transparent;
    padding: 100px 25px;
    min-height: 406px;
    text-align: left;
}

.w3_blog_grid_right h4 {
    text-align: left;
}

.w3_blog_grid_right h4 a {
    font-size: 1.3em;
    color: #fff;
    text-decoration: none;
}

.w3_blog_grid_right h4 a:hover {
    color: #212121;
}

.w3_blog_grid_left img {
    width: 100%;
    height: 376px;
}

.w3_blog_grid_right h5 {
    font-size: 14px;
    color: #fff;
    padding: .5em 0 1em;
    font-style: italic;
    position: relative;
    text-align: left;
}

.w3_blog_grid_right h5:after {
    content: '';
    background: #fff;
    height: 2px;
    width: 30%;
    position: absolute;
    bottom: 0%;
    left: 0%;
}

.w3_blog_grid_right p {
    color: #fff;
    line-height: 2em;
    margin: 1.5em 0 1em;
}

.w3_blog_grid_right ul li {
    display: inline-block;
    color: #fff;
}

.w3_blog_grid_right ul li span {
    padding-right: 1em;
}

.w3_blog_grid_right ul li a {
    text-decoration: none;
    color: #fff;
}

.w3_blog_grid_right ul li a:hover {
    color: #212121;
}

.blog-bottom {
    margin-top: 20px;
}


/*-- //blog --*/


/*-- contact--*/

.contact {
    background: rgb(255, 255, 255);
    padding: 5rem 0 0;
}

.contact p {
    color: #000;
}

.contact-left {
    padding: 2rem;
    background: #ddd;
}

.contact-right {
    padding: 0 4rem;
}

.contact h4 {
    color: #474747;
    font-size: 16px;
    font-weight: 100;
    text-align: left;
}

.contact input[type="text"],
.contact select {
    border: none;
    border-top: 3px solid #6196fe;
    background: rgb(255, 255, 255);
    outline: none;
    padding: 6px;
    margin-bottom: 20px;
    width: 100%;
    margin-top: 10px;
    font-size: 14px;
    border-radius: 3px 3px 3px 3px;

}

.contact input[type="text"],
.contact select .form-select {
    border: none;
    border-top: 3px solid #6196fe;
    background: rgb(255, 255, 255);
    outline: none;
    padding: 6px;
    margin-bottom: 20px;
    width: 100%;
    margin-top: 10px;
    font-size: 14px;
    border-radius: 3px 3px 3px 3px;
}

.contact textarea {
    width: 100%;
    border: none;
    border-top: 3px solid #6196fe;
    background: rgb(255, 255, 255);
    outline: none;
    float: left;
    padding: 10px;
    resize: none;
    margin-top: 10px;
    height: 140px;
    font-size: 14px;
}

.contact input[type="submit"] {
    color: #ffffff;
    border: none;
    background: #6196fe;
    padding: 7px 15px;
    float: right;
    font-weight: 700;
    font-size: 16px;
    margin-top: 30px;
    margin-right: 15px;
}

.contact select.form-control {
    height: 4rem;
    border: none;
    border-top: 3px solid #6196fe;
    background: rgb(255, 255, 255);
    outline: none;
    padding: 10px;
    margin-bottom: 20px;
    width: 100%;
    margin-top: 10px;
    font-size: 14px;
}

.contact input[type="submit"]:hover {
    background: #00138d;
    color: #ffffff;
}

.contact h5 {
    color: #7a7a7a;
    font-size: 18px;
    text-align: left;
    margin-top: 15px;
}

.premio {
    margin-top: 1rem;
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
}

.amm h5 {
    color: #7a7a7a;
    font-size: 18px;
    margin-bottom: 15px;
}

span.dark {
    font-weight: 700;
}

span.dark a {
    color: #bababa;
}

span.dark a:hover {
    color: #fff;
}

#banner>div.top-nav>nav>div {
    padding-bottom: 0px
}

.navbar-fixed-top {
    background: #000000c7 !important;
}

.contact ul {
    text-align: left;
}

.contact ul li {
    display: inline-block;
    margin: 0
}

.contact ul li a {
    padding-top: 5px;
    width: 35px;
    height: 35px;
    background: url('../images/img-sprite.png') no-repeat -7px -4px;
    display: inline-block;
    border: none;
}

.contact ul li a.ig {
    background: url('../images/ig.png') no-repeat -7px -4px;
}

.contact ul li a.yt {
    background: url('../images/yt.png') no-repeat -7px -4px;
}

.contact ul li a.yt:hover {
    background: url('../images/yt.png') no-repeat -7px -47px;
}

.contact ul li a.ws {
    background: url('../images/ws.png') no-repeat -7px -4px;
}

.contact ul li a.ws:hover {
    background: url('../images/ws.png') no-repeat -7px -47px;
}

.contact ul li a.google {
    background: url('../images/img-sprite.png') no-repeat -55px -4px;
}

.contact ul li a.twitter {
    background: url('../images/img-sprite.png') no-repeat -108px -4px;
}

.contact ul li a.facebook {
    background: url('../images/img-sprite.png') no-repeat -159px -4px;
}

.contact ul li a:hover {
    background: url('../images/img-sprite.png') no-repeat -7px -47px;
}

.contact ul li a.ig:hover {
    background: url('../images/ig.png') no-repeat -7px -47px;
}

.contact ul li a.google:hover {
    background: url('../images/img-sprite.png') no-repeat -55px -47px;
}

.contact ul li a.twitter:hover {
    background: url('../images/img-sprite.png') no-repeat -108px -47px;
}

.contact ul li a.facebook:hover {
    background: url('../images/img-sprite.png') no-repeat -159px -47px;
}

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

.footer img {
    width: 3%;
    margin: 10px 0;
}

.foot {
    background: #ed008c;
    color: #fff;
}

.foot h5 {
    color: #fff;
}


/*-- //contact --*/

.footer {
    background: #ED008C;
    padding: 20px 0px;
}

.footer p {
    font-size: 14px;
    color: #fff;
    text-align: center;
}

.footer p a {
    color: #fff;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.footer p a:hover {
    text-decoration: underline;
}


/*-- single --*/

.agileits_breadcrumbs {
    padding: 1em 0;
    background: #f5f5f5;
}

.agileits_breadcrumbs_left {
    width: 70%;
    float: left;
}

.agileits_breadcrumbs_left ul {
    margin-top: 5px;
}

.agileits_breadcrumbs_right {
    width: 30%;
    float: left;
}

.agileits_breadcrumbs_left ul li {
    display: inline-block;
    color: #212121;
    text-transform: uppercase;
}

.agileits_breadcrumbs_right h3 {
    font-size: 2em;
    color: #212121;
    font-weight: 700;
}

.wthree_blog_left_grid h4 {
    font-size: 1.5em;
    color: #ED008C;
    margin: 2.5em 0 0;
    text-align: left;
}

.wthree_blog_left_grid ul li i {
    padding: 0 1em;
}

.wthree_blog_left_grid h3 {
    font-size: 1.5em;
    color: #212121;
    line-height: 1.5em;
    text-align: left;
    font-weight: 700;
    margin-top: 10px;
}

.wthree_blog_left_grid ul {
    padding: 1em 0;
    text-align: left;
}

.wthree_blog_left_grid ul li {
    display: inline-block;
    color: #212121;
    line-height: 30px;
}

.wthree_blog_left_grid ul li a {
    display: inline-block;
    color: #212121;
}

.wthree_blog_left_grid ul li span {
    color: #ED008C;
    padding-right: 1em;
}

.wthree_blog_left_grid p {
    text-align: left;
    line-height: 27px;
}

.wthree_blog_left_grid p i {
    display: block;
    margin: 1em 0;
    color: #212121;
    text-align: left;
}

.agileits_share ul {
    text-align: left;
    padding-left: 0;
    margin-top: 30px;
}

.agileits_share ul li {
    display: inline-block;
}

.agileits_share ul li a {
    width: 35px;
    height: 35px;
    background: url('../images/img-sprite.png') no-repeat -7px -4px;
    display: inline-block;
    border: none;
}

.agileits_share ul li a.google {
    background: url('../images/img-sprite.png') no-repeat -55px -4px;
}

.agileits_share ul li a.twitter {
    background: url('../images/img-sprite.png') no-repeat -108px -4px;
}

.agileits_share ul li a.facebook {
    background: url('../images/img-sprite.png') no-repeat -159px -4px;
}

.agileits_share ul li a:hover {
    background: url('../images/img-sprite.png') no-repeat -7px -47px;
}

.agileits_share ul li a.google:hover {
    background: url('../images/img-sprite.png') no-repeat -55px -47px;
}

.agileits_share ul li a.twitter:hover {
    background: url('../images/img-sprite.png') no-repeat -108px -47px;
}

.agileits_share ul li a.facebook:hover {
    background: url('../images/img-sprite.png') no-repeat -159px -47px;
}

.agileits_reply {
    text-align: left;
}

.agileits_reply h3 {
    font-size: 1.5em;
    color: #212121;
    line-height: 1.5em;
    text-transform: capitalize;
    text-align: left;
    margin-top: 30px;
}

.agileits_reply input[type="text"],
.agileits_reply input[type="email"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #000;
    margin-bottom: 15px;
}

.agileits_reply textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #000;
    margin-bottom: 15px;
    height: 150px;
    resize: none;
}

.agileits_reply input[type="submit"] {
    padding: 10px;
    border: none;
    background: transparent;
    color: #ED008C;
    outline: none;
    font-weight: 700;
    border: 2px solid #ED008C;
}

.agileits_reply input[type="submit"]:hover {
    background: transparent;
    color: #000;
    border: 2px solid #000;
}

.w3ls_search input[type="text"] {
    outline: none;
    padding: 10px;
    background: #f5f5f5;
    border: 1px solid #E1E1E1;
    color: #212121;
    font-size: 14px;
    width: 80%;
}

.w3ls_search input[type="submit"] {
    outline: none;
    padding: 10px;
    background: url(../images/img-sp.png) no-repeat 26px -392px #ED008C;
    border: none;
    width: 19%;
}

.w3ls_search input[type="submit"]:hover {
    background: url(../images/img-sp.png) no-repeat 26px -392px #999;
}

.w3l_categories ul li,
.w3l_archives ul li {
    margin-bottom: 1.5em;
    background: url(../images/img-sp.png) no-repeat 0px -183px;
    padding-left: 2.5em;
    list-style-type: none;
    text-transform: capitalize;
    font-family: 'Fira Sans', sans-serif;
    text-align: left;
    color: #999;
}

.w3l_categories ul li a {
    color: #999;
    text-decoration: none;
    line-height: 1.8em;
}

.w3l_categories ul li a:hover {
    color: #ED008C;
}

.w3agile_flickr_post_left {
    width: 48%;
    float: left;
    margin: 1%;
}

.w3l_categories h3,
.w3l_archives h3,
.w3agile_flickr_posts h3,
.agileits_reply h3,
.wthree_blog_left_grid h3 {
    font-size: 1.5em !important;
    color: #212121;
    font-weight: 700;
    margin-bottom: 1.5em;
    text-align: left;
    margin-left: 0;
}

.w3l_categories,
.w3l_archives {
    margin: 3em 0;
}

.btn-primary {
    color: #fff;
    background-color: #ed008c;
    border-color: #ed008c;
    border-radius: 0px;
}

.btn-primary:focus-visible {
    outline: 0;
}

.btn-primary:active {
    color: #fff;
    background-color: #660044;
    border-color: #660044;
}

.btn-primary:active:focus {
    color: #fff;
    background-color: #660044;
    border-color: #660044;
    outline: 0;
}

.btn-primary:hover {
    color: #fff;
    background-color: #660044;
    border-color: #660044;
}

.btn-primary:focus {
    color: #fff;
    background-color: #660044;
    border-color: #660044;
    border: none;
    outline: 0;
}

.logo-enaccion {
    width: 40%;
    padding-top: 6rem;
    padding-bottom: 2rem;
}

.logos {
    padding-bottom: 6rem;
}


/*-- //single --*/

.enclosure {
    display: inline-block;
    width: 450px;
    height: 376px;
    padding: 0px;
    background: #505050;
}

.ir-arriba {
    position: fixed;
    bottom: 80px;
    right: 20px;
    display: none;
}

.calltoHablemos {
    padding: 8rem 0;
    background-image: url('../images/asesoramiento.png');
    background-size: cover;
    background-position: center;
}

.calltoHablemos .base h3 {
    margin: 4rem 0;
    color: white;
    line-height: 1.4;
    font-weight: 500;
}

.calltoNews {
    padding: 6rem 0;
    background-image: url('../images/newsletter.png');
    background-size: cover;
    background-position: center;
}

.calltoNews .box h3 {
    margin: 4rem 0;
    color: white;
    font-weight: 500;
}

.areablog {
    padding-top: 8rem;
    padding-bottom: 4em;
}

.img-blog {
    width: 90%;
    margin: 0 auto;
}

.btn-blog {
    margin-top: 3rem;
}

.pt {
    padding-top: 12rem;
}

.entramando-section {
    margin-top: 5rem;
    background-image: url('../images/mentorias.png');
    background-size: cover;
    background-position: center;
}

.entramando-section .base {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
}

.entramando-section .base h3 {
    margin-top: 4rem;
    color: white;
    font-weight: 500;
}

.entramando-section .base img {
    width: 40%;
}


/*--Responsive --*/

@media (max-width:1440px) {
    .banner {
        background: linear-gradient(to bottom, rgba(205, 202, 199, 0) 1%, rgba(0, 0, 0, 0.56) 80%, #000000 100%), url('../images/intro-bg1440.jpg') no-repeat 0px 0px;
        background-size: cover;
        position: relative;
        text-align: center;
    }

    .logocenter {
        position: relative;
        top: -6rem;
        margin: auto;
    }
}

@media (max-width:1366px) {
    .banner {
        background: linear-gradient(to bottom, rgba(205, 202, 199, 0) 1%, rgba(0, 0, 0, 0.56) 80%, #000000 100%), url('../images/intro-bg1366.jpg') no-repeat 0px 0px;
        background-size: cover;
        position: relative;
        text-align: center;
    }
}

@media (max-width:1280px) {
    .banner {
        background: linear-gradient(to bottom, rgba(205, 202, 199, 0) 1%, rgba(0, 0, 0, 0.56) 80%, #000000 100%), url('../images/intro-bg1200.jpg') no-repeat 0px 0px;
        background-size: cover;
        position: relative;
        text-align: center;
    }

    .enclosure {
        width: 550px;
    }
}

@media (max-width:1200px) {
    .enclosure {
        width: 450px;
    }
}

@media (max-width:1080px) {
    .banner {
        width: 100%;
    }

    .enclosure {
        width: 450px;
    }

    .about-agile h6,
    .blog h6,
    .gallery h6,
    .services h6,
    .contact h6 {
        width: 45%;
        text-align: center;
    }

    .about-agile p {
        width: 100%;
    }

    .about-agile ul li {
        text-align: left;
    }

    .w3_blog_grid_right ul li {
        font-size: 13px;
    }

    .w3_blog_grid_right ul li span {
        padding-right: 0.5em;
    }

    .w3_blog_grid_right {
        padding: 50px 25px;
    }

    .count {
        padding: 80px 0px 0px 0px;
    }

    .b-animate-go:hover .b-from-left {
        left: 42%;
    }
}

@media (max-width:991px) {
    .banner {
        background: linear-gradient(to bottom, rgba(205, 202, 199, 0) 1%, rgba(0, 0, 0, 0.56) 80%, #000000 100%), url('../images/intro-bg800.jpg') no-repeat 0px 0px;
        background-size: cover;
        position: relative;
        text-align: center
    }

    .enclosure {
        width: 550px;
    }

    .header-phn,
    .logo {
        width: 100%;
        float: left;
        padding-bottom: 30px
    }

    .header h1 {
        font-size: 33px;
    }

    .header h3 {
        margin-top: 7px;
    }

    .navbar-default .navbar-nav>li>a {
        padding: 1.5em 1.38em;
    }

    .about-agile h6,
    .blog h6,
    .gallery h6,
    .services h6,
    .contact h6 {
        width: 53%;
    }

    .agile1,
    .agile2,
    .agile3 {
        width: 33.3%;
        float: left;
    }

    .agile_count_grid {
        width: 25%;
        float: left;
    }

    .agile_count_grid h3 {
        font-size: 1.2em;
        letter-spacing: 0;
    }

    .service-grids-w3 {
        width: 100%;
        float: left;
    }

    .services h4 {
        font-size: 14px;
    }

    .gallery-grids.glry-grid1 {
        width: 80%;
        float: left;
    }

    .gallery-grids.glry-grid2 {
        width: 25%;
        float: left;
    }

    .gallery-grids.glry-grid3 {
        width: 25%;
        float: left;
    }

    .bottom-grids {
        width: 50%;
        float: left;
    }

    .w3_blog_grid_left,
    .w3_blog_grid_right {
        width: 50%;
        float: left;
    }

    .w3_blog_grid {
        width: 100%;
        float: left;
        padding: 0px 10px;
    }

    .w3_blog_grid_right p {
        line-height: 1.7em;
        margin: 1.5em 0 1em;
        font-size: 12.5px;
    }

    .w3_blog_grid_right {
        padding: 35px 15px;
    }

    .w3_blog_grid_right h4 a {
        font-size: 1em;
    }

    .w3_blog_grid_right ul li {
        font-size: 10.8px;
    }

    .w3_blog_grid_right ul li span {
        padding-right: 0.3em;
    }

    .w3_blog_grid_right {
        padding: 33px 15px;
        min-height: 246px;
    }

    .contact-left,
    .contact-right {
        width: 50%;
        float: left;
    }

    .count {
        padding: 145px 0px;
    }

    .services p {
        width: 100%;
        font-size: 13px;
    }

    .wthree_blog_left {
        width: 60%;
        float: left;
    }

    .wthree_blog_right {
        width: 40%;
        float: left;
    }

    .w3ls_search input[type="submit"] {
        background: url(../images/img-sp.png) no-repeat 8px -392px #ED008C;
        width: 17%;
    }

    .w3ls_search input[type="submit"]:hover {
        background: url(../images/img-sp.png) no-repeat 8px -392px #999;
        width: 17%;
    }

    .box-text .col-md-4 {
        width: auto;
        margin: 10px 10px;
        height: auto;
    }

    #home {
        padding-top: 1rem;
        background: #fff;
        padding-bottom: 1rem;
        margin: 0;
    }
}

@media (max-width:800px) {
    .banner {
        background: linear-gradient(to bottom, rgba(205, 202, 199, 0) 1%, rgba(0, 0, 0, 0.56) 80%, #000000 100%), url('../images/intro-bg800.jpg') no-repeat 0px 0px;
        background-size: cover;
        position: relative;
        text-align: center
    }

    .enclosure {
        width: 550px;
    }
}

@media (max-width:768px) {
    .box-in {
        width: 100%;
        margin: 0%;
    }

    a.burger {
        display: none !important;
    }

    nav.navbar.navbar-default {
        background-color: rgb(0, 0, 0);
        z-index: 3;
        width: 100%;
        height: 10%;
    }

    ul.nav.navbar-nav {
        top: 30px !important;
    }

    .enclosure {
        width: 550px;
    }

    .about-agile h3,
    .services h3,
    .clients h3,
    .blog h3,
    .contact h3,
    .gallery h3 {
        font-size: 35px;
    }

    .w3_blog_grid_right p {
        margin: 1.4em 0 1em;
    }

    .box-text .col-md-4 {
        width: auto;
        margin: 10px 10px;
        height: auto;
    }

    #home {
        padding-top: 1rem;
        background: #fff;
        padding-bottom: 1rem;
        margin: 0;
    }

    .navbar-default .navbar-nav>li>a {
        color: #fff;
        text-decoration: none;
        letter-spacing: 1px;
        font-size: 1em;
        padding: 1.5em 1em;
        font-weight: 300;
    }

    .navbar-default .navbar-nav>li>a {
        padding: 1em 1em;
    }

    .slider-hacemos .flexslider .slides .col-md-6 {
        height: 100%;
    }

    .gallery-grids.glry-grid1 {
        width: 32%;
        float: left;
    }
}

@media (max-width:736px) {
    .box-in {
        width: 100%;
        height: 100%;
    }

    a.burger {
        display: block !important;
    }

    .header h1 {
        font-size: 31px;
    }

    .enclosure {
        width: 300px;
    }

    /* button.navbar-toggle {
		display: block;
		width: 16%;
		font-size: 1.4em;
		padding: 10px 9px;
		margin: 0 auto;
		border: none;
	}
	.navbar-toggle {
		float:none;
	} */
    nav.navbar.navbar-default {
        height: 24%;
    }

    /* .navbar-default .navbar-toggle {
		width:9%;
	}
	.navbar-default .navbar-toggle  img{
		width:55%;
	}
	button.navbar-toggle {
		padding: 10px 9px;
	} */
    div#bs-example-navbar-collapse-1 {
        padding: 0;
    }

    .navbar-nav {
        margin: 0;
    }

    .navbar-nav>li {
        display: block;
    }

    .navbar-default .navbar-nav>li>a {
        padding: 1em 1em;
        font-size: 1.3em;
    }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border: none;
    }

    .navbar-nav {
        margin: 0;
    }

    /* .navbar-default .navbar-toggle {
		border:none;
		background: #fff;
		border-radius:0;
	} */
    .navbar-default .navbar-nav>li>a {
        padding: 1.23em 1em;
    }

    .services h4 {
        font-size: 14px;
    }

    .service-grids-w3 {
        padding: 20px 10px;
    }

    .w3_blog_grid_right {
        padding: 27px 15px;
        min-height: 226px;
    }

    .banner {
        width: 100%;
    }
}

@media (max-width:667px) {
    .banner {
        width: 100%;
    }

    .enclosure {
        width: 260px;
    }

    .header h1 {
        padding-top: 70px;
        font-size: 28px;
    }

    /* .slider-hacemos .flexslider .slides img {
		height: 100% !important;
	} */
    /* button.navbar-toggle {
		padding: 5px 9px;
	} */
    .navbar {
        min-height: 41px;
    }

    nav.navbar.navbar-default {
        background-color: rgba(0, 0, 0, 0.95);
        z-index: 2;
        width: 100%;
        height: 60px;
    }

    .navbar-default .navbar-nav>li>a {
        padding: 0.93em 1em;
        font-size: 1.2em;
    }

    .about-agile h3,
    .services h3,
    .clients h3,
    .blog h3,
    .contact h3,
    .gallery h3 {
        font-size: 30px;
    }

    .about-agile h6,
    .blog h6,
    .gallery h6,
    .services h6,
    .contact h6 {
        width: 63%;
    }

    .about-agile h4 {
        font-size: 21px;
    }

    .w3_blog_grid {
        width: 70%;
        float: none;
        padding: 0;
        margin: 0 auto;
    }

    .w3_blog_grid_right {
        padding: 79.5px 15px;
        height: 3300px;
    }

    .blog-grid2 {
        margin: 20px auto;
    }

    .blog-grid3 {
        margin-bottom: 20px;
    }

    .agile_count_grid h3 {
        font-size: 1.06em;
    }

    .count {
        padding: 121px 0px;
        min-height: 340px;
    }

    .w3l_categories h3,
    .w3l_archives h3,
    .w3agile_flickr_posts h3,
    .agileits_reply h3,
    .wthree_blog_left_grid h3 {
        font-size: 1.3em !important;
    }

    .w3ls_search input[type="submit"] {
        background: url(../images/img-sp.png) no-repeat 5px -373px #ED008C;
        width: 17%;
        background-size: 476px;
    }

    .w3ls_search input[type="submit"]:hover {
        background: url(../images/img-sp.png) no-repeat 5px -373px #999;
        width: 17%;
        background-size: 476px;
    }

    .box-text .col-md-4 {
        width: auto;
        margin: 10px 10px;
        height: auto;
        min-height: 5rem;
        box-shadow: none;
    }

    #home {
        padding: 2rem;
        background: #fff;
        margin: 0;
    }

    .enaccion {
        padding-right: 2rem;
        padding-left: 2rem;
    }
}

@media (max-width:640px) {
    .flex-active-slide img {
        height: 55%;
    }

    .header-phn,
    .logo,
    .header-mail {
        padding: 0;
    }

    .enclosure {
        width: 340px;
    }

    .header h2 {
        font-size: 16px;
    }

    .header h3 {
        font-size: 17px;
        margin-top: 6px;
    }

    .w3_blog_grid {
        width: 75%;
    }

    .w3_blog_grid_right {
        padding: 83.5px 15px;
        height: 255px;
    }

    .service-grids-w3 {
        width: 100%;
        float: left;
    }

    .footer img {
        width: 5%;
    }

    .flex-active-slide p {
        width: 92%;
    }

    .agile_count_grid h3 {
        font-size: 1em;
    }

    .wthree_blog_left,
    .wthree_blog_right {
        width: 100%;
        float: left;
    }

    .wthree_blog_left {
        margin-bottom: 25px;
    }

    .w3ls_search input[type="submit"] {
        background: url(../images/img-sp.png) no-repeat 30px -373px #ED008C;
        width: 17%;
        background-size: 476px;
    }

    .w3ls_search input[type="submit"]:hover {
        background: url(../images/img-sp.png) no-repeat 30px -373px #999;
        width: 17%;
        background-size: 476px;
    }

    .banner {
        width: 100%;
    }

    .isdoing h3 {
        color: #f5f5f5;
        font-size: 20px;
        letter-spacing: 2px;
        text-align: center;
        font-weight: 700;
        margin: 0px 15px 2px 15px;
    }

    .isdoing div.col-md-4 {
        padding: 1rem 0;
    }

    .iconvalores {
        width: 25%;
    }

    .counter {
        font-size: 6rem;
    }
}

@media (max-width:600px) {
    .flex-active-slide img {
        height: 55%;
    }

    /* .navbar-default .navbar-toggle img {
		width: 75%;
	} */
    .about-agile h6,
    .blog h6,
    .gallery h6,
    .services h6,
    .contact h6 {
        width: 200px;
    }

    .about-agile p,
    .about-agile ul li,
    .count p,
    .box-text p,
    .count ul li {
        width: 100%;
        font-size: 13px;
    }

    .gallery-grids.glry-grid1 {
        width: 48%;
        float: left;
    }

    .gallery-grids.glry-grid2 {
        width: 50%;
        float: left;
    }

    .gallery-grids.glry-grid3 {
        width: 50%;
        float: left;
    }

    .gallery-grids {
        margin-left: 5px;
    }

    .b-animate-go:hover .b-from-left {
        left: 45%;
    }

    .w3_blog_grid_right {
        padding: 72px 15px;
        height: 255px;
    }

    .banner {
        background: url('../images/intro-bg600.jpg') no-repeat 0px 0px;
        background-size: cover;
        position: relative;
        text-align: center
    }
}

@media (max-width:568px) {
    .header h2 {
        padding-top: 54px;
    }

    .header h3 {
        margin-top: 58px;
    }

    .agile_count_grid {
        width: 50%;
        float: left;
        margin-bottom: 20px;
    }

    .flex-active-slide p {
        width: 99%;
    }

    .w3_blog_grid_right {
        padding: 63px 15px;
    }

    .count {
        padding: 65px 0px;
    }

    .w3ls_search input[type="submit"] {
        background: url(../images/img-sp.png) no-repeat 25px -371px #ED008C;
        width: 17%;
        background-size: 476px;
    }

    .w3ls_search input[type="submit"]:hover {
        background: url(../images/img-sp.png) no-repeat 25px -371px #999;
        width: 17%;
        background-size: 476px;
    }

    .banner {
        width: 100%;
    }

    .slider-hacemos .flex-active-slide p {
        line-height: 25px;
        letter-spacing: 1px;
        font-size: 14px;
    }

    .slider-hacemos .flex-active-slide {
        margin: 5px auto;
    }
}

@media (max-width:480px) {
    .logo {
        width: 100%;
    }

    .enclosure {
        width: 320px;
    }

    .header h1 {
        padding-top: 40px;
        text-align: center;
    }

    .header h3 {
        margin-top: 25px;
    }

    .logocenter {
        width: 30%;
        position: relative;
        top: 0rem;
        margin: auto;
    }

    .navbar {
        min-height: 6rem;
    }

    .navbar-default .navbar-nav>li>a {
        padding: 0.63em 1em;
    }

    .about-agile h3,
    .services h3,
    .clients h3,
    .blog h3,
    .contact h3,
    .gallery h3 {
        font-size: 27px;
    }

    .about-agile h6,
    .blog h6,
    .gallery h6,
    .services h6,
    .contact h6 {
        width: 87%;
    }

    .agile1,
    .agile2,
    .agile3 {
        width: 100%;
        float: left;
    }

    .flexslider .slides img {
        width: 27%;
    }

    .w3_blog_grid {
        width: 86%;
    }

    .w3_blog_grid_right {
        padding: 52px 15px;
        height: 255px;
    }

    .contact-left,
    .contact-right {
        width: 100%;
        float: left;
    }

    .footer img {
        width: 7%;
    }

    .w3ls_search input[type="submit"] {
        background: url(../images/img-sp.png) no-repeat 20px -371px #ED008C;
        width: 17%;
        background-size: 476px;
    }

    .w3ls_search input[type="submit"]:hover {
        background: url(../images/img-sp.png) no-repeat 20px -371px #999;
        width: 17%;
        background-size: 476px;
    }

    .banner {
        background: linear-gradient(to bottom, rgba(205, 202, 199, 0) 1%, rgba(0, 0, 0, 0.56) 80%, #000000 100%), url('../images/intro-bg600.jpg') no-repeat 0px 0px;
        background-size: cover;
        position: relative;
        text-align: center;
    }

    ul.nav.navbar-nav {
        float: right;
        text-align: center;
        font-size: 12px;
        top: 65px !important;
        position: relative;
        width: 100%;
    }

    #home .box-text h2 {
        text-align: center;
        font-size: 1.6rem;
    }

    #home .box-text hr {
        margin-top: -5rem;
    }

    .flex-viewport {
        height: 250px !important;
    }

    .flexslider {
        min-height: 250px !important;
    }

    .flexslider {
        height: 250px !important;
    }

    .flex-active-slide p {
        line-height: 17px !important;
        font-style: normal;
        width: 100%;
        margin: 20px auto;
        letter-spacing: 2px;
        font-size: 12px !important;
        height: auto;
    }

    #testim .flexslider p {
        margin: 0;
        height: auto !important;
    }

    #testim .flexslider {
        height: auto !important;
    }

    #testim .flex-viewport {
        height: auto !important;
    }

    #testim .client h3 {
        font-size: 2rem;
    }

    .slider-hacemos .flexslider .slides .col-md-6 {
        padding: 0rem 2rem;
    }
}

@media (max-width:414px) {
    .col-md-4.logo {
        width: 100%;
    }

    .header h3 {
        margin-top: 27px;
    }

    .header h3,
    .header h2 {
        font-size: 15px;
    }

    .enclosure {
        width: 340px;
    }

    /* .navbar-default .navbar-toggle img {
		width: 95%;
	}
	.navbar-default .navbar-toggle {
		width: 11%;
	} */
    .navbar {
        width: 170px;
        min-height: 41px;
    }

    /* button.navbar-toggle {
		padding: 9px 8px;
	} */
    .w3_blog_grid {
        width: 100%;
    }

    .w3_blog_grid_right {
        padding: 52px 15px;
        height: 267px;
    }

    .agile1 .glyphicon,
    .agile2 .glyphicon,
    .agile3 .glyphicon {
        font-size: 25px;
        padding: 15px;
    }

    .w3ls_search input[type="submit"] {
        background: url(../images/img-sp.png) no-repeat 14px -372px #ED008C;
        width: 17%;
        background-size: 476px;
    }

    .w3ls_search input[type="submit"]:hover {
        background: url(../images/img-sp.png) no-repeat 14px -372px #999;
        width: 17%;
        background-size: 476px;
    }

    .banner {
        width: 100%;
    }

    .flex-viewport {
        height: 250px !important;
    }

    .flexslider {
        min-height: 250px !important;
    }

    .flexslider {
        height: 250px !important;
    }

    .p-2 {
        padding: 0 5px;
    }

    
    .potenciamos.p-2 {
        padding: 3rem 0;
    }

    #doing p {
        text-align: center !important;
        line-height: 1.6;
    }

    .slider-hacemos .flexslider {
        height: auto !important;
    }

    .slider-hacemos .flexslider {
        min-height: auto !important;
    }

    .slider-hacemos .flex-viewport {
        height: 680px !important;
    }
    html, body {
        max-width: 100%;
        overflow-x: hidden;
        }
}

@media (max-width:384px) {

    .header-phn {
        width: 29%;
    }

    .logo {
        width: 100%;
    }

    .enclosure {
        margin-left: 20px;
        width: 280px;
        height: 200px;
    }

    .header-mail {
        width: 44%;
    }

    .navbar {
        min-height: 6rem;
    }

    .about-agile,
    .services,
    .clients,
    .blog,
    .contact,
    .gallery {
        padding: 35px 0px;
        text-align: center;
    }

    .service-grids-w3 {
        width: 100%;
        float: left;
    }

    .b-animate-go:hover .b-from-left {
        left: 40%;
    }

    .footer img {
        width: 10%;
    }

    .w3_blog_grid_right {
        padding: 32px 15px;
        height: 200px;
    }

    .w3_blog_grid_left img {
        height: 200px;
    }

    .footer img {
        width: 9%;
    }

    .w3ls_search input[type="submit"] {
        background: url(../images/img-sp.png) no-repeat 11px -372px #ED008C;
        width: 17%;
        background-size: 476px;
    }

    .w3ls_search input[type="submit"]:hover {
        background: url(../images/img-sp.png) no-repeat 11px -372px #999;
        width: 17%;
        background-size: 476px;
    }

    .slider-hacemos .flexslider.test {
        height: auto;
    }
}

@media (max-width:375px) {

    .banner {
        width: 100%;
    }

    .about-agile h6,
    .blog h6,
    .gallery h6,
    .services h6,
    .contact h6 {
        width: 100%;
    }

    .w3_blog_grid_right {
        padding: 28.9px 15px;
        height: 245px;
    }

    .agile_count_grid h3 {
        font-size: 0.9em;
    }

    .flexslider .slides img {
        margin: 0 auto !important;
    }

    .slider-hacemos .flexslider .slides img {
        height: auto;
    }

    .navbar-default .navbar-nav>li>a {
        font-size: 0.9em;
    }

    #natalia {
        height: 225px;
        width: 165px;
    }

    .nati {
        height: 140px;
        width: 145px;
    }
}

@media (max-width:320px) {
    .slider-hacemos .flexslider .slides img {
        height: auto;
    }

    .header h1 {
        font-size: 25px;
    }

    .logo {
        width: 58%;
    }

    .header-mail {
        width: 51%;
    }

    .header h2 {
        margin-top: 51px;
    }

    .header h3 {
        margin-top: 24px;
    }

    .navbar {
        min-height: 35px;
    }

    /* .navbar-default .navbar-toggle img {
		width: 100%;
	}
	button.navbar-toggle {
		padding: 8px 6px;
	} */
    .w3_blog_grid {
        width: 100%;
    }

    .w3ls_search input[type="submit"] {
        background: url(../images/img-sp.png) no-repeat 5px -391px #ED008C;
    }

    .w3ls_search input[type="submit"]:hover {
        background: url(../images/img-sp.png) no-repeat 5px -391px #999;
    }

    .wthree_blog_left_grid p {
        font-size: 13px;
    }

    .about-agile h3,
    .services h3,
    .clients h3,
    .blog h3,
    .contact h3,
    .gallery h3 {
        font-size: 20px;
    }

    .b-from-left {
        top: 36%;
    }

    .w3_blog_grid_left,
    .w3_blog_grid_right {
        width: 50%;
        float: left;
    }

    .w3_blog_grid_right h4 {
        font-size: 10px;
    }

    .w3_blog_grid_right p {
        font-size: 8px;
    }
}


/*=====================================================================================================================
MENU RESPONSIVE
=====================================================================================================================*/

a.burger {
    position: absolute;
    width: 38px;
    height: 30px;
    right: 15px;
    top: 0;
    display: none;
    margin: 2rem 0;
}

.burger span {
    background: #fff;
    width: 100%;
    height: 3px;
    position: absolute;
    right: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.burger span:nth-child(1) {
    top: 0;
}

.burger span:nth-child(2) {
    top: 10px;
    width: 70%;
}

.burger span:nth-child(3) {
    top: 20px;
    width: 40%;
}

.burger.active span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 10px;
}

.burger.active span:nth-child(2) {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.burger.active span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 10px;
    width: 100%;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    display: none;
    z-index: 9999;
}

.overlay2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    display: none;
    z-index: 9999;
}

.noscroll {
    overflow: hidden;
}

.scroll {
    overflow: auto !important;
}

#spopup,
#spopup2 {
    display: flex;
    justify-content: center;
    align-items: center;
}

#spopup2 .contact input[type="submit"] {
    margin-top: 0;
}

#spopup2 .formPop h3 {
    font-size: 3rem;
    color: #6196FE;
    margin: 1rem;
}

#spopup2 .user {
    padding: 2rem;
}

#spopup2 .registro {
    padding: 2rem;
    background: #dddddd;
}

#spopup2 .formPop form {
    width: 100%;
    margin-top: auto;
    padding: 0;
    background: none;
}

#spopup2 button.in {
    color: #ffffff;
    border: none;
    background: #ED008C;
    padding: 15px 50px;
    float: right;
    font-weight: 700;
    font-size: 16px;
    margin-right: 15px;
}

div.user .row {
    display: flex;
    align-items: center;
}

.formPop {
    flex-direction: column;
    background: #fff;
    position: fixed;
    padding: 4rem 2rem;
    width: 45%;
    height: auto;
    margin: auto;
    overflow-y: auto;
    scroll-behavior: smooth;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    z-index: 99999;
    align-items: center;
    align-self: center;
}
.formPop a {
    margin-top: 2rem !important;
}
.message {
    flex-direction: column;
    background: #fff;
    position: fixed;
    display: flex;
    z-index: 9999;
    align-items: center;
    align-self: center;
    padding: 10rem 2rem;
    width: 45%;
    margin: auto;
    top: 40%;
    display: flex;
}

.message p {
    font-size: 2rem;
    margin-bottom: 3rem;
}

.message .btn {
    width: 35%;
    padding: 1rem 1rem;
}

article.popUp.gracias {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    z-index: 999999;
    background: #000000d9;
    display: none;
}

article.popUp.gracias .wrapper {
    max-width: 800px;
    height: 100vh;
    margin: auto;
    display: flex;
    align-items: center;
}

#spopup .formPop {
    flex-direction: column;
    background: #fff;
    position: fixed;
    padding: 4rem 2rem;
    width: 45%;
    height: auto;
    margin: auto;
    top: 8vh;
    display: flex;
    z-index: 99999;
    align-items: center;
    align-self: center;
}

a.close {
    position: absolute;
    top: 14px;
    right: 10px;
    color: #555;
    font-size: 10px;
    font-weight: bold;
}

a.closed {
    position: absolute;
    top: 14px;
    right: 10px;
    color: #555;
    font-size: 10px;
    font-weight: bold;
}

.formPop form {
    width: 90%;
    margin-top: 3rem;
    padding: 1rem;
    background: #cccccc;
}

.formPop h3 {
    font-size: 3rem;
    margin-bottom: 1rem;
    color: #6196FE;
}

.formPop p {
    font-size: 18px;
    font-weight: 400;
    color: #7a7a7a;
    line-height: 27px;
    margin: 0;
    text-align: center;
    width: 80%;
}

.formPop label {
    font-size: 18px;
    font-weight: 400;
    color: #000000;
    line-height: 27px;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
}
.formPop .btn {
    display: flex;
    width: 100%;
    margin: auto;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.destroy {
    display: none !important;
}

.mb-5 {
    margin-bottom: 3rem;
}

.top-nav.scrolled,
body.regular .top-nav,
.top-nav.scrolled-fixed {
    background: #151515bf;
    z-index: 1000;
    height: 100% !important;
}

.top-nav.scrolled a.logo,
body.regular .top-nav a.logo,
.top-nav.scrolled-fixed a.logo {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

a.wp-call {
    text-decoration: none;
}

.wp-call {
    position: fixed;
    bottom: 10px;
    right: 0;
    border-radius: 9px 0 0 9px;
    background: #fff;
    box-shadow: 0 7px 15px rgba(0, 0, 0, .1);
    overflow: hidden;
    display: flex;
    align-items: center;
}

img#popCloseBox {
    height: 16px !important;
    width: 16px !important;
    display: inline !important;
}

span#lblCloseChat span {
    width: auto;
    height: auto;
    display: inline-flex;
    padding: 2px;
    right: 15px;
}

.wp-call:hover {
    -moz-transform: scale(1) translateX(1px) translateY(-2px);
    -webkit-transform: scale(1) translateX(1px) translateY(-2px);
    -o-transform: scale(1) translateX(1px) translateY(-2px);
    -ms-transform: scale(1) translateX(1px) translateY(-2px);
    transform: scale(1) translateX(1px) translateY(-2px);
    -webkit-transition: all 0.2s ease-in;
    ;
    -moz-transition: all 0.2s ease-in;
    ;
    -ms-transition: all 0.2s ease-in;
    ;
    -o-transition: all 0.2s ease-in;
    ;
    box-shadow: 0 7px 8px -5px #55555596;
    transition: all 0.2s ease-in;
}

.wp-call img {
    float: left;
    width: 52px;
    padding: 9px 11px;
    background: #1ebea5;
}

.wp-call span {
    color: #888;
    font-size: 15px;
    padding: 5px 30px 0 15px;
    text-align: left;
    line-height: 1em;
}

.wp-call span strong {
    font-size: 21px;
    font-weight: bold;
}

@media (max-width:991px) {

    .header,
    .headertwo,
    .headerthree,
    .headerfour,
    .headerfith {
        height: 550px;
    }

    .header h1,
    .headertwo h1,
    .headerthree h1,
    .headerfour h1,
    .headerfith h1 {
        font-size: 28px;
        padding-top: 40px;
        text-align: center;
    }

    .carousel-indicators {
        bottom: 1rem;
    }

    .video-home {
        height: 250px;
    }

    .ih-item.circle {
        margin: auto;
        margin-bottom: 4rem;
    }

    .newsletter input[type="submit"] {
        margin-right: 0px !important;
    }

    .headers {
        padding-top: 40%;
    }

    .headerthree {
        padding-top: 40%;
    }

    .pt {
        padding-top: 1rem;
    }

    .header h3,
    .headertwo h3,
    .headerthree h3,
    .header h2,
    .headertwo h2,
    .headerthree h2 {
        font-size: 15px;
    }

    .wp-call span {
        min-width: 90px;
    }

    .top-nav {
        position: fixed;
        height: 1rem;
        z-index: 3;
        top: 0;
        width: 100%;
        background: transparent;
    }

    .display {
        display: block;
    }

    .nodisplay {
        display: none;
    }

    .contact-left {
        margin-bottom: 10px;
    }

    .ir-arriba {
        display: none;
    }

    .formPop {
        flex-direction: column;
        background: #fff;
        position: relative;
        padding: 2rem;
        width: 100% !important;
        height: auto;
        margin: auto;
        top: 0;
        display: flex;
        align-items: center;
        align-self: center;
        overflow-y: scroll;
    }
    .formPop h3 {
        font-size: 2rem;
        margin-bottom: 1rem;
        color: #6196FE;
    }

    #spopup2 .formPop h3 {
        font-size: 1.8rem;
        color: #6196FE;
        margin: 1rem;
    }

    .formPop a.close {
        position: absolute;
        top: 15px;
        right: 15px;
        color: #555;
        font-size: 10px;
        font-weight: bold;
    }

    .formPop a.closed {
        position: absolute;
        top: 11px;
        right: 0px;
        color: #555;
        font-size: 10px;
        font-weight: bold;
    }

    .formPop img {
        margin-top: -20px;
    }

    .formPop p {
        font-size: 14px;
        line-height: 22px;
    }

    .formPop form {
        width: 100%;
        padding: 0rem 0rem;
        margin-top: 1rem;
    }

    .formPop label {
        font-size: 15px;
        font-weight: 400;
        color: #7a7a7a;
        line-height: 15px;
        margin: 0;
        text-align: center;
    }
}

.wrapper,
.wrapperSmall {
    max-width: 90%;
    width: 100%;
    position: relative;
    padding: 0 15px;
    text-align: center;
    margin: 0 auto;
}

.wrapperSmall {
    max-width: 1300px;
}

.wrapper {
    max-width: 1300px;
}

.col100 {
    width: 100%;
    padding: 0 15px;
    float: left;
    position: relative;
    text-align: left;
}

article.popUp {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 99999;
    display: none;
}

article.popUp .col100 {
    text-align: center;
}

article.popUp .wrapper {
    max-width: 800px;
    height: 100vh;
    margin: auto;
    display: flex;
    align-items: center;
}

article.popUp img {
    width: auto;
    height: auto;
    /* box-shadow: 2px 2px 10px #666; */
}

article.popUp a.close-img img {
    width: 2rem;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    box-shadow: none;
}

@media(max-width: 1366px) {
    .wrapper {
        max-width: 1300px;
    }
}

@media(max-width: 640px) {
    .popUp {
        top: 42px;
        left: 0;
        width: 100%;
        margin: 0;
    }

    .wrapper,
    .wrapperSmall {
        padding: 0;
    }

    .message {
        flex-direction: column;
        background: #fff;
        position: initial !important;
        display: flex;
        z-index: 9999;
        align-items: center;
        align-self: center;
        padding: 10rem 2rem;
        margin: auto;
        top: 20%;
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
    }
}

.rvs-container.rvs-xs.rvs-sm.rvs-md.rvs-lg {
    height: 626px;
}

.video-img {
    width: 100%;
    min-height: 200px;
    background-position: center;
    border-radius: 15px;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #000;
}

.video-img-big {
    width: 100%;
    min-height: 400px;
    background-position: center;
    border-radius: 15px;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #000;
}

.roll {
    margin-top: 3rem;
}

.text-video {
    padding: 1rem;
    text-align: center;
}

.text-video-big {
    font-size: 25px;
    padding: 1rem;
    text-align: center;
}

.play-video {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 80%;
    width: 100%;
}

.play-video.rvs-play-video:before {
    font-size: 3rem;
    color: #fff;
    padding: 2rem;
    background: #ed008c73;
    border-radius: 50%;
}

.video-enaccion {
    padding: 3rem 0;
}

.video-enaccion .btn {
    display: block;
    margin: 3rem auto;
}

.newsletter input[type="text"] {
    border: none;
    border-top: 3px solid #6196fe;
    background: rgb(255, 255, 255);
    outline: none;
    padding: 10px;
    margin-bottom: 20px;
    width: 100%;
    margin-top: 10px;
    font-size: 14px;
}

.newsletter input[type="submit"] {
    color: #ffffff;
    border: none;
    background: #ED008C;
    padding: 7px 15px;
    float: right;
    width: 100%;
    font-weight: 700;
    font-size: 16px;
    margin-top: 10px;
    margin-right: 15px;
}

.newsletter input[type="submit"]:hover {
    background: #660044;
    color: #ffffff;
}


/* HOVER CIRCLE */

.enaccion {
    padding-top: 6rem;
    background: #fff;
    padding-bottom: 6rem;
}

.ih-item,
.ih-item * {
    -moz-box-sizing: border-box;
}

.ih-item a {
    color: #333333;
}

.ih-item a:hover {
    text-decoration: none;
}

.ih-item img {
    height: 100%;
    width: 100%;
}

.ih-item.circle {
    height: 260px;
    position: relative;
    width: 260px;
}

.ih-item.circle .img {
    border-radius: 50%;
    height: 260px;
    position: relative;
    width: 260px;
}

.ih-item.circle .img:before {
    border-radius: 50%;
    box-shadow: 0 0 0 16px rgba(255, 255, 255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    transition: all 0.35s ease-in-out 0s;
    width: 100%;
}

.ih-item.circle .img img {
    border-radius: 50%;
}

.ih-item.circle .info {
    backface-visibility: hidden;
    border-radius: 50%;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
}

.ih-item.square {
    border: 8px solid #FFFFFF;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    height: 216px;
    position: relative;
    width: 316px;
}

.ih-item.square .info {
    backface-visibility: hidden;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
}

.info-back {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    height: 100%;
    align-items: center;
}

.ih-item.circle.effect1 .spinner {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #5B95F9 #3B5D9C #3B5D9C #5B95F9;
    border-image: none;
    border-style: solid;
    border-width: 10px;
    border-radius: 50%;
    height: 270px;
    transition: all 0.8s ease-in-out 0s;
    width: 270px;
}

.ih-item.circle.effect1 .img {
    bottom: 0;
    height: auto;
    left: 10px;
    position: absolute;
    right: 0;
    top: 10px;
    width: auto;
}

.ih-item.circle.effect1 .img:before {
    display: none;
}

.ih-item.circle.effect1.colored .info {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
}

.ih-item.circle.effect1 .info {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    bottom: 0;
    left: 10px;
    opacity: 0;
    right: 0;
    top: 10px;
    transition: all 0.8s ease-in-out 0s;
}

.ih-item.circle.effect1 .info h3 {
    color: #FFFFFF;
    font-size: 20px;
    height: 110px;
    margin: 0 30px;
    padding: 55px 0 0;
    position: relative;
    text-shadow: 0 0 1px #FFFFFF, 0 1px 2px rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
}

.ih-item.circle.effect1 .info p {
    color: #ffffff;
    font-size: 16px;
    margin: 0 30px;
    line-height: 1.2;
    padding: 5px 5px;
}

.ih-item.circle.effect1 a:hover .spinner {
    transform: rotate(180deg);
}

.ih-item.circle.effect1 a:hover .info {
    opacity: 1;
}

.btn-wsp {
    position: fixed;
    width: 55px;
    height: 55px;
    line-height: 55px;
    bottom: 30px;
    right: 30px;
    background: #0ed14c;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);
    z-index: 100;
}

.btn-wsp:hover {
    color: #fff;
}


@media (max-width:1440px) {
    .potenciamos .box-text h3 {
        letter-spacing: 1px;
        padding: 1em;
        background: #6196fe;
        color: #fff;
        width: 100%;
        height: 38vh;
        margin: auto;
        line-height: 35px;
    }
}

@media (max-width:1024px) {
    .potenciamos .box-text h3 {
        letter-spacing: 1px;
        padding: 1em;
        background: #6196fe;
        color: #fff;
        width: 100%;
        height: 45vh;
        margin: auto;
        line-height: 35px;
    }
}


@media (max-width:768px) {
    .potenciamos .box-text h3 {
        letter-spacing: 1px;
        padding: 2rem !important;
        background: #6196fe;
        color: #fff;
        width: 100%;
        height: 220px;
        margin: auto;
        line-height: 35px;
    }
}

@media (max-width:362px) {
    .potenciamos .box-text h3 {
        letter-spacing: 1px;
        padding: 1em;
        background: #6196fe;
        color: #fff;
        width: 100%;
        height: 57vh;
        margin: auto;
        line-height: 35px;
        margin-right: 7em;
        margin-left: 7em;
    }

}

.potenciamos .row {
    margin: 0 8rem;
}

@media (min-width: 320px) and (max-width: 480px) {

    .potenciamos .row {
        margin: 0 !important;
    }

}

@media (max-width: 1024px) {
    .potenciamos .box-text h4 {
        letter-spacing: 1px;
        padding: 1.5rem 0rem;
        background: #3B5D9C;
        color: #fff;
        width: 83%;
        margin: auto;
        margin-bottom: 1rem;
        font-size: 24px;
    }
}

@media (max-width: 768px) {
    .potenciamos .box-text h4 {
        letter-spacing: 1px;
        padding: 1.5rem 0rem;
        background: #3B5D9C;
        color: #fff;
        width: 77%;
        margin: auto;
        margin-bottom: 1rem;
        font-size: 24px;
    }
}

@media (max-width: 425px) {
    .potenciamos .box-text h4 {
        letter-spacing: 1px;
        padding: 1.5rem 0rem;
        background: #3B5D9C;
        color: #fff;
        width: 100%;
        margin: auto;
        margin-bottom: 1rem;
        font-size: 24px;
    }
}

@media (max-width: 1440px) {
    .rew .gallery-grids-top {
        width: 100% !important;
        height: 320px;
    }
}

@media (max-width: 1080px) {
    .rew .gallery-grids-top {
        width: 100% !important;
        height: 382px;
    }
}

@media (max-width: 1024px) {
    .rew .gallery-grids-top {
        width: 100% !important;
        height: 388px;
    }
}

@media (max-width: 768px) {
    .rew .gallery-grids-top {
        width: 100% !important;
        height: 546px;
    }
}

@media (max-width: 425px) {
    .rew .gallery-grids-top {
        width: 100% !important;
        height: 360px;
    }

    .rew.testi .gallery-grids-top {
        width: 100% !important;
        height: auto !important;
    }
}

@media (max-width: 375px) {
    .rew .gallery-grids-top {
        width: 100% !important;
        height: 330px;
    }
}