@font-face {
    font-family: 'SourceSansPro-Regular';
    src: url("../fonts/SourceSansPro-Regular.ttf") format('truetype');
}
@font-face {
    font-family: 'Playball-Regular';
    src: url("../fonts/Playball-Regular.ttf") format('truetype');
}
body,
html {
    font-size: 100%;
    background: #fff;
}
body {
    font-size: 100%;
    font-family: 'SourceSansPro-Regular';
}
body a {
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
}
p {
    margin: 0;
}
label,
ul {
    margin: 0;
    padding: 0;
}
body a:hover {
    text-decoration: none;
}
/*--Header-top-Starts--*/
/*Mobil*/
.mobil {
    display: none;
}
.linea {
    height: 5px;
    background-color: #ad8b97;
}
.head-right {
    text-align: right;
    margin-top: 7px;
}
.header-top .facebook {
    font-size: 19px;
    margin-right: 15px;
}
.header-top .instagram {
    font-size: 20px;

}
.header-top {
    padding: 2em 0;
    background: #F7F7F7;
}
.head-left p,
.head-right p {
    color: black;
    font-size: 16px;
    margin-top: 4%;
}
.head-left p {
    vertical-align: middle;
    display: inline-block;
}
.head-left p span.glyphicon-map-marker {
    vertical-align: middle;
    display: inline-block;
    color: #293364;
    font-size: 18px;
    margin-right: 10px;
}
.head-middle {
    text-align: center;
}
.glyphicon-envelope {
    padding-top: 3px;
    float: left;
}
.navbar-brand{
float: none;
padding:0px;
margin: auto;
}
.navbar-brand > img {
display: inherit;
}
/*--Header-top-end--*/
/*--navigation-start--*/
ul.navig {
    padding: 0;
}
ul.navig li span {
    color: #fff;
    margin: 0 15px;
    font-size: 16px;
}
ul.navig li {
    display: inline-block;
}
ul.navig li a {
    font-size: 1.15em;
    color: #999;
    font-weight: 400;
    text-decoration: none;
    padding: 0 20px;
}
ul.navig li.active a {
    color: #ad8b97;
}
ul.navig li a:hover ul.navig li a:after {
    display: block;
}
@media (max-width: 768px) {
    span.menu:before {
        content: url("../images/navicon.png");
        cursor: pointer;
        height: 32px;
    }
    .header {
        padding: 10px 0;
    }
    ul.navig li.plan:hover ul.sub-nav {
        display: none;
    }
    ul.navig {
        width: 11%;
        float: right;
        margin: 0;
    }
    ul.navig {
        display: none;
    }
    ul.navig li {
        font-size: 12px;
        display: inline-block;
        width: 100%;
        margin: 0;
    }
    ul.navig li a {
        width: 100%;
        font-weight: 600;
        display: block;
        color: rgba(64, 63, 69, 1);
        font-size: 1.25em;
        padding: 7px 20px;
    }
    span.menu {
        display: block;
        margin: 0;
    }
    ul.navig {
        margin: 0;
        z-index: 999;
        position: absolute;
        width: 96%;
        text-align: center;
        top: 100%;
        left: 2%;
        background: rgba(255, 255, 255, 0.97);
    }
    .navigation {
        height: 60px;
        padding: 0;
        margin-bottom: 0;
    }
}
.navigation {
    text-align: center;
    padding: 2.2em 0;
}

/* Effect 16: fall down */
.cl-effect-16 a {
    color: #6f8686;
    text-shadow: 0 0 1px rgba(111,134,134,0.3);
}
.cl-effect-16 a::before {
    color: #ad8b97;
    content: attr(data-hover);
    position: absolute;
    opacity: 0;
    text-shadow: 0 0 1px rgba(255,255,255,0.3);
    -webkit-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
    -moz-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
    transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    pointer-events: none;
}

.cl-effect-16 a:focus::before,
.cl-effect-16 a:hover::before {
    -webkit-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
    -moz-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
    transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
    opacity: 1;
}
/*--navigation-end--*/
#myCarousel,
.banner {
    min-height: 680px;
    height: 680px;
    width: 100%;
}
.fill {
    width: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    min-height: 680px;
}
/* Carousel base class */
.carousel {
    height: 680px;
    margin-bottom: 60px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
    font-family: 'Playball-Regular';
    z-index: 10;
    width: 32%;
    margin-left: -115px;
    margin-bottom: 272px;
    padding: 0;
    text-align: left;
    color: #9e9e9e;
}
.carousel-caption h4 {
    font-family: roboto;
    font-size: 40px;
    text-shadow: none;

    font-weight: 300;
}
/* Declare heights because of positioning of img element */
.carousel .item {
    height: 680px;
    background-color: #777;
}
.carousel-inner > .item > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 680px;
}
.carousel-control.right {
    background-image: none;
}
.carousel-control.left {
    background-image: none;
}
.carousel-control .glyphicon-menu-left,
.carousel-control .glyphicon-menu-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
    width: 50px;
    height: 45px;
    margin-top: -15px;
    font-size: 45px;
    color: #b0b0b0;
    margin-top: 163%;

}
/*--banner-start--*/
.banner1 {
    background: url("../images/banner-1.jpg") no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    min-height: 700px;
    box-shadow: 30px 10px 22px 1px #454545;
}
.banner2 {
    background: url("../images/banner-2.jpg") no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    min-height: 700px;
    box-shadow: 30px 10px 22px 1px #454545;
}
.banner3 {
    background: url("../images/banner-6.jpg") no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    min-height: 700px;
    box-shadow: 30px 10px 22px 1px #454545;
}
/*--banner-end--*/
/*--guide-starts--*/
.guide {
    padding: 6em 0;
}
.heading h3 {
    color: #ab8b98;
    font-size: 2em;
    margin: 0 0 0 15px;
}
.g-left {
    text-align: center;
}
.guide-main {
    margin-top: 4%;
}
.guide-right ul {
    padding: 0;
    margin: 10% 0 0;
}
.guide-right ul li {
    list-style-image: url("../images/arrow.png");
    margin: 0 0 8px 18px;
}
.guide-right ul li a {
    color: #293364;
    font-size: 15px;
}
.guide-right ul li a:hover {
    color: #ddb8c5;
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
}
.g-left img {
    border: 5px dotted #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
}
.g-left img:hover {
    border-radius: 50%;
    border: 5px dotted #ddb8c5;
}
/*--guide-end--*/
/*--welcome-start--*/
.welcome {
    padding: 0 0 6em;
}
.welcome-bottom {
    margin-top: 7%;
}
.welcome-bottom h4 {
    text-transform: uppercase;
    font-size: 15px;
    margin: 12px 0 0;
    line-height: 1.4em;
    color: #ddb8c5;
}
.welcome-bottom p {
    font-size: 15px;
    color: #999;
    margin-top: 8px;
    line-height: 1.6em;
}
.a-left {
    width: 25%;
    float: left;
}
.a-right {
    width: 70%;
    float: right;
}
.a-1 {
    margin-top: 8%;
}
.a-1:nth-child(2) {
    margin-top: 5%;
}
.a-left img {
    width: 100%;
}
.a-right h5 {
    font-size: 15px;
    margin: 0;
    line-height: 1.2em;
    color: #ddb8c5;
}
.a-right h5 a {
    color: #ddb8c5;
}
.a-right h5 a:hover {
    color: #BDBDBD;
    text-decoration: none;
}
.a-right p {
    font-size: 15px;
    color: #BDBDBD;
    margin-top: 3px;
    line-height: 1.6em;
}
.welcome-bottom img {
    border: 2px dotted #293364;
    padding: 5px;
}
.a-left img {
    border: 2px dotted #293364;
    padding: 3px;
}
a.play-icon {
    margin: 10px 0 0;
    display: inline-block;
    position: absolute;
    top: 31%;
    left: 42%;
    outline: none;
}
a.play-icon span {
    width: 44px;
    height: 44px;
    display: inline-block;
    background: url("../images/video.png") no-repeat 0 0;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    outline: none;
}
a.play-icon span:hover {
    opacity: 0.8;
}
.v-1 {
    text-align: center;
    margin-top: 9%;
    position: relative;
}
.v-1:nth-child(3) {
    margin-top: 10%;
}
/*--welcome-end--*/
/*--services-starts--*/
.services {
    padding-bottom: 6em;
    min-height: 660px;
}
.services-top {
    text-align: center;
}
.services-main {
    position: relative;
    text-align: center;
}

.modal-title {
    text-align: center;
    font-size: 1.5em;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0.5em 0;
    color: #ae8b97;
    letter-spacing: 0;

}

.agileits-w3layouts-info img {
    vertical-align: middle;
    width: 100%;
    margin-bottom: 1em;

}

.agileits-w3layouts-info p {
    font-size: 1em;
    line-height: 1.5em;
    color: #999;
}

span.devide-line {
    width: 1px;
    height: 360px;
    position: absolute;
    top: 5.4em;
    display: initial;
    background: #293364;
    left: 50%;
}
.services-left h4,
.services-left-trd h4,
.services-right-snd h4 {
    font-size: 1.1em;
    color: #ddb8c5;
    margin: 0;
    text-transform: uppercase;
}
.services-left p,
.services-left-trd p,
.services-right-snd p {
    font-size: 15px;
    color: #BDBDBD;
    margin-top: 8px;
    line-height: 1.6em;
}
.services-left,
.services-left-snd,
.services-left-trd {
    width: 40%;
    position: absolute;
    left: 3.55%;
    text-align: right;
}
.services-left {
    top: 1em;
}
.services-left-snd {
    top: 12.35em;
}
.services-left-trd {
    top: 22.35em;
}
.services-left span,
.services-left-snd span,
.services-left-trd span {
    color: #293364;
    font-size: 1.7em;
    position: relative;
    right: -3.825em;
    padding: 14px;
    border: 3px dotted #293364;
    border-radius: 50%;
    text-align: center;
    background: #fff;
    margin: 0 !important;
}
.services-left span {
    top: 1.7em;
}
.services-left-snd span {
    top: 1.3em;
}
.services-left-trd span {
    top: 1.83em;
}
.services-right-snd {
    width: 40%;
    position: absolute;
    left: 56.2%;
    text-align: left;
}
.services-right-snd {
    top: 15em;
}
/*--services-end--*/

/*--gallery-starts--*/
.gallery {
    background-color: #f7f7f7;
    padding: 6em 0;
}
.gallery-top {
    text-align: center;
}
.gallery-bottom {
    margin-top: 1em;
}
.view {
    width: 350px;
    height: 234px;
    margin: 10px;
    float: left;
    border: 10px solid #fff;
    overflow: hidden;
    position: relative;
    text-align: center;
    -webkit-box-shadow: 1px 1px 2px #e6e6e6;
    -moz-box-shadow: 1px 1px 2px #e6e6e6;
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: default;
    background: #fff url("../images/bgimg.jpg") no-repeat center center;
}
.view .content,
.view .mask {
    width: 350px;
    height: 234px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}
.view img {
    display: block;
    position: relative;
}
.view h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 1.4em;
    padding: 8px;
    background: rgba(0, 0, 0, 0.8);
    margin: 20px 0 0;
}
.view p {
    font-family: 'PT Serif', serif;
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 10px 20px 20px;
    text-align: center;
}
.view a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    -webkit-box-shadow: 0 0 1px #000;
    -moz-box-shadow: 0 0 1px #000;
    box-shadow: 0 0 1px #000;
}
.view a.info:hover {
    -webkit-box-shadow: 0 0 5px #000;
    -moz-box-shadow: 0 0 5px #000;
    box-shadow: 0 0 5px #000;
    text-decoration: none;
}
/*--gallery-end--*/

/*--media-quaries-starts-here--*/
@media (max-width:1440px) {
    .banner1,
    .banner2,
    .banner3 {
        min-height: 650px;
    }
    .flex-direction-nav a {
        top: 46% !important;
    }
    .map-right iframe {
        height: 503px;
    }
}
@media (max-width:1366px) {
    .flex-direction-nav a {
        top: 47% !important;
    }
    .about {
        padding: 5em 0;
    }
    .breeder {
        padding: 1em 0 5em;
    }
    .contact,
    .gallerys,
    .guide,
    .pages,
    .single {
        padding: 5em 0;
    }
    .welcome {
        padding: 0 0 5em;
    }
    .follow-top {
        margin-top: 4.5%;
    }
}
@media (max-width:1280px) {
    .navbar-brand {
        padding: 7px 15px;
    }
    .f-1 {
        padding: 2.85em 0;
    }
    .header-top {
        padding: 1.7em 0;
    }
    .navigation {
        padding: 1.8em 0;
    }
    .banner1,
    .banner2,
    .banner3 {
        min-height: 600px;
    }
    .follow {
        min-height: 470px;
    }
    .services-right-snd {
        left: 55.9%;
    }
}

@media (max-width:1024px) {
    .banner-btm-inner {
        padding: 1em 0.5em 7px 19px !important;
    }
    .navbar-brand {
        padding: 7px 15px;
    }
    .carousel-control .glyphicon-menu-left,
    .carousel-control .glyphicon-menu-right,
    .carousel-control .icon-next,
    .carousel-control .icon-prev {
        margin-top: 498%;
    }

    .w3_agileits_banner_bottom_grid h3 {
        margin-left: 36% !important;
    }
    .agileinfo_about_right {
        padding: 2em 1em 4em 2em !important;
        font-size: 0.8em;
    }
    .header-top {
        padding: 1.5em 0;
    }
    .map-left h4 {
        font-size: 16px;
        margin: 8px 0 0;
    }
    .map-left p {
        font-size: 14px;
        margin-top: 8px;
    }
    .map-left {
        padding: 3em 30px;
    }
    .map-right iframe {
        height: 476px;
    }
    .map-left span {
        font-size: 2.5em;
        margin-bottom: 2.5%;
    }
    .about-bottom ul li a {
        font-size: 14px;
    }
    .about-bottom p {
        font-size: 14px;
    }
    .about-bottom {
        margin-top: 10px;
    }
    .about-bottom h4 {
        font-size: 14px;
    }
    .head-middle a img {
        width: 85%;
        margin: auto;

    }
    .head-left p,
    .head-right p {
        font-size: 15px;
    }
    .banner1,
    .banner2,
    .banner3 {
        min-height: 500px;
    }
    .flex-direction-nav a {
        top: 48% !important;
    }

    .navigation {
        padding: 1.5em 0;
    }
    .about,
    .contact,
    .gallery,
    .guide,
    .pages,
    .single {
        padding: 4em 0;
    }
    .heading h3,
    h3.ghj {
        font-size: 2em;
    }
    .g-left img {
        width: 100%;
    }
    .guide-main {
        margin-top: 3%;
    }
    .guide-right ul {
        margin: 9% 0 0;
    }
    .guide-right.heading {
        padding: 0;
    }
    .welcome-bottom img {
        width: 100%;
    }
    .welcome-bottom {
        margin-top: 5%;
    }
    .welcome-bottom h4 {
        font-size: 13px;
    }
    .welcome-bottom p {
        font-size: 14px;
        margin-top: 4px;
    }
    .a-right h5 {
        font-size: 14px;
    }
    .a-right p {
        font-size: 14px;
        line-height: 1.4em;
    }
    .v-1 img {
        width: 100%;
    }
    .breeder,
    .welcome {
        padding: 0 0 4em;
    }
    .services-left h4,
    .services-left-trd h4,
    .services-right-snd h4 {
        font-size: 1em;
    }
    .services-left p,
    .services-left-trd p,
    .services-right-snd p {
        font-size: 14px;
        margin-top: 4px;
    }
    .services-left,
    .services-left-snd,
    .services-left-trd {
        width: 37%;
        left: 5.3%;
    }
    .services-right-snd {
        width: 37%;
        left: 57.5%;
    }
    .services-left-trd {
        top: 21.5em;
    }
    .services {
        min-height: 630px;
    }
    .guide-right ul li a {
        font-size: 14px;
    }
    .f-1 p,
    .f-1 p a {
        font-size: 16px;
    }
    .f-1 span {
        font-size: 1.5em;
    }
    .follow {
        min-height: 434px;
    }
    .footer-top p {
        font-size: 17px;
    }
    .footer {
        padding: 1.6em 0;
    }
    .view p {
        font-size: 12px;
        padding: 10px 42px 30px;
    }
    .view {
        width: 290px;
        height: 234px;
    }
    .lone-line {
        padding: 1.5em 2em;
    }
    .single-grid p {
        font-size: 14px;
        margin-top: 10px;
    }
    ul.popular li a {
        font-size: 14px;
    }
    ul.popular {
        margin-top: 9%;
    }
    .single-grid h4 {
        font-size: 19px;
    }
    .cal ul li span {
        font-size: 15px;
    }
    .single-grid {
        margin: 0 0 2em;
    }
    .single-profile {
        padding: 0 0 2em;
    }
    .single-left {
        padding: 1em 0 0;
    }
    .single-bottom input[type="submit"] {
        font-size: 14px;
        padding: 8px 25px;
    }
    .post-top h6 {
        font-size: 17px;
        margin: 13px 0 0;
    }
    .listafooter {
	font-size: 15px;
            }
}
@media (max-width:768px) {
    .navbar-default .navbar-toggle {
        border-color: #1E1E1E;
    }
    .navbar-toggle {
        position: relative;
        float: right;
        padding: 9px 10px;
        margin-top: 13px;
        margin-right: 15px;
        margin-bottom: 0;
    }
    .navbar-toggle {
        background-color: #1E1E1E;
    }
 
   
    .carousel-caption h4 {
        font-size: 1.7em;
        margin-left: 16%;
    }
    .head-left,
    .head-middle,
    .head-right {
        width: 33.3%;
        float: left;
        padding: 0;
    }
    .comment {
        width: 50%;
        float: left;
    }
    .single-bottom input[type="submit"] {
        font-size: 13px;
        padding: 6px 23px;
    }
    .categories-grid {
        margin-top: 4%;
    }
    .grid-categories {
        padding: 0 0 1.5em;
    }
    ul.popular {
        margin-top: 2%;
    }
    .post-top {
        padding: 0 1em 0 0;
        width: 25%;
        float: left;
    }
    #small-dialog,
    #small-dialog1,
    #small-dialog2,
    #small-dialog3,
    #small-dialog4,
    #small-dialog5 {
        max-width: 573px !important;
        padding: 12px;
    }
    .mfp-close {
        width: 40px !important;
        height: 40px !important;
        top: 48% !important;
        font-size: 36px !important;
    }
    .map-right iframe {
        height: 350px;
    }
    .gallery-bottom {
        margin: 3% auto 0;
        width: 87%;
    }
    .about-bottom ul {
        margin: 1.5% 0 0;
    }
    .about-right {
        margin-top: 3.5%;
    }
    .abt-left {
        width: 50%;
        float: left;
    }
    .ch-grid li {
        width: 200px;
        height: 200px;
        margin: 20px 10px;
    }
    .ch-info h3 {
        font-size: 14px;
        margin: 0 60px;
        padding: 32px 0 0;
        height: 70px;
    }
    .head-left p,
    .head-right p {
        margin-top: 3%;
    }
    .head-middle a img {
        width: 100%;
    }
    .navigation {
        padding: 14px 0 0;
        position: relative;
    }
    .banner1,
    .banner2,
    .banner3 {
        min-height: 370px;
    }
    .flex-direction-nav a {
        width: 35px !important;
        height: 35px !important;
        background-size: 200% !important;
    }
    .heading h3,
    h3.ghj {
        font-size: 1.7em;
    }
    .about,
    .contact,
    .gallery,
    .guide,
    .pages {
        padding: 3em 0;
    }
    .g-left {
        width: 33.3%;
        float: left;
    }
    .guide-main {
        margin-top: 2%;
    }
    .guide-left.heading {
        width: 70%;
        float: left;
    }
    .guide-right.heading {
        width: 30%;
        float: right;
    }
    .guide-right ul {
        margin: 4% 0 0;
    }
    .guide-right ul li {
        margin: 0 0 4px 18px;
    }
    .g-left img:hover {
        border: 4px dotted #ddb8c5;
    }
    .g-left img {
        border: 4px dotted #fff;
    }
    .welcome-lft img {
        width: 60%;
    }
    .welcome-left:nth-child(1) {
        text-align: center;
    }
    .welcome-bottom {
        margin-top: 3%;
    }
    .welcome-middle,
    .welcome-right {
        margin-top: 5%;
    }
    .a-1:nth-child(2) {
        margin-top: 2%;
    }
    .a-left {
        width: 18%;
    }
    .a-right {
        width: 78%;
    }
    .a-1 {
        margin-top: 3%;
    }
    .v-1 {
        margin-top: 3%;
    }
    .welcome-right {
        text-align: center;
    }
    .v-1 img {
        width: 55%;
    }
    .v-1:nth-child(3) {
        margin-top: 4%;
    }
    .welcome-bottom h4 {
        margin: 18px 0 0;
    }
    a.play-icon {
        top: 36%;
        left: 47%;
    }
    .breeder,
    .welcome {
        padding: 0 0 3em;
    }
    .services-left {
        top: 0;
    }
    .services-left span,
    .services-left-snd span,
    .services-left-trd span {
        font-size: 1.2em;
        right: -3.67em;
    }
    span.devide-line {
        top: 3.4em;
    }
    .services-left,
    .services-left-snd,
    .services-left-trd {
        width: 43%;
        left: 7px;
    }
    .services-right-snd {
        width: 43%;
        left: 56.5%;
        top: 14.6em;
    }
    .services-left-trd span {
        top: 2.8em;
    }
    .services-left-trd {
        top: 22em;
    }
    .services-left-trd span {
        top: 2.1em;
    }
    .services-left-snd span {
        top: 1.1em;
    }
    .services {
        min-height: 610px;
    }
    .follow-left {
        width: 33.3%;
        float: left;
        padding: 0 4px;
    }
    .f-1 {
        padding: 2em 0;
    }
    .f-1 p,
    .f-1 p a {
        font-size: 14px;
    }
    .f-1 a label {
        margin: 0 auto 7px;
    }
    .f-1 span {
        margin-bottom: 7px;
    }
    .follow {
        min-height: 335px;
    }
    .follow-two {
        margin-top: 3%;
    }
    .footer {
        padding: 1.4em 0;
    }
    #toTop {
        width: 35px;
        height: 26px;
        background-size: 100%;
    }
    /*--typo--*/
    .Buttons,
    .alerts,
    .appearance,
    .bread-crumbs,
    .distracted,
    .headdings,
    .pagenatin,
    .progress-bars {
        padding: 1em 0;
    }
    .label {
        font-size: 67%;
    }
    .pagination {
        margin: 15px 0;
    }
    /*--typo--*/
    .post-top p {
        font-size: 14px;
    }
}
@media (max-width:640px) {
    /*--typo--*/
    .label {
        font-size: 56%;
    }
    /*--typo--*/
    .contact-left form input[type="submit"] {
        font-size: 14px;
        padding: 8px 27px;
    }
    .single-bottom input[type="text"],
    .single-bottom textarea {
        font-size: 14px;
    }
    .single-bottom textarea {
        min-height: 170px;
    }
    .lone-line {
        padding: 1.3em 1.6em;
    }
    .map-left span {
        font-size: 2.3em;
    }
    .single-grid h4 {
        font-size: 18px;
    }
    .post-top h6 {
        font-size: 16px;
        margin: 10px 0 0;
    }
    .map-right iframe {
        height: 260px;
    }
    .contact-left form input[type="text"],
    .contact-left textarea {
        margin-bottom: 1em;
    }
    .head-left p,
    .head-right p {
        margin-top: 3.5%;
    }
    .head-left p span.glyphicon-map-marker {
        font-size: 17px;
        margin-right: 4px;
    }
    .gallery-bottom {
        margin: 5% auto 0;
        width: 100%;
    }
    .view {
        width: 290px;
        height: 234px;
        margin: 1px;
    }
    .header-top {
        padding: 1.1em 0;
    }
    .banner1,
    .banner2,
    .banner3 {
        min-height: 315px;
    }
    .heading h3,
    h3.ghj {
        font-size: 1.5em;
    }
    .guide-left.heading {
        width: 100%;
        float: none;
    }
    .guide-right.heading {
        width: 100%;
        float: none;
        margin-top: 4%;
        padding: 0 15px;
    }
    .guide-right ul {
        margin: 1% 0 0;
    }
    .about,
    .contact,
    .gallery,
    .guide,
    .pages,
    .single {
        padding: 2.5em 0;
    }
    .welcome-bottom h4 {
        margin: 13px 0 0;
    }
    .services-left span,
    .services-left-snd span,
    .services-left-trd span {
        font-size: 1em;
        right: -3.55em;
        padding: 11px;
    }
    .breeder,
    .welcome {
        padding: 0 0 2.5em;
    }
    .services-left h4,
    .services-left-trd h4,
    .services-right-snd h4 {
        font-size: 15px;
    }
    .services-left p,
    .services-left-trd p,
    .services-right-snd p {
        margin-top: 2px;
    }
    .services-right-snd {
        width: 43%;
        left: 56.3%;
        top: 14em;
    }
    .follow-left {
        padding: 0 2px;
    }
    .f-1 p,
    .f-1 p a {
        font-size: 11px;
    }
    .f-1 a label {
        width: 23px;
        height: 23px;
        background-size: 300%;
        margin: 0 auto 4px;
    }
    .follow-left:hover label.fb {
        background-position: 0 -23px;
    }
    .f-1 a label.twit {
        background-position: -23px 0;
    }
    .follow-left:hover label.twit {
        background-position: -23px -23px;
    }
    .f-1 a label.google {
        background-position: -46px 0;
    }
    .follow-left:hover label.google {
        background-position: -46px -23px;
    }
    .follow {
        min-height: 297px;
    }
    .footer {
        padding: 1.2em 0;
    }
    .footer-top p {
        font-size: 16px;
    }
    .mfp-content iframe {
        min-height: 420px !important;
    }
    #small-dialog,
    #small-dialog1,
    #small-dialog2,
    #small-dialog3,
    #small-dialog4,
    #small-dialog5 {
        max-width: 475px !important;
    }

}
@media (max-width:480px) {
    .agileinfo_footer_grid h3.agileits-title {
        font-size: 1.5em !important;
        letter-spacing: 1px !important;
    }
    .fill {
        min-height: 32%;
        margin-top: 8%;
    }
    .carousel .item {
        height: 680px;
        background-color: white;
    }
    .carousel-caption {
        display: none;
    }
    .carousel-control .glyphicon-menu-left,
    .carousel-control .glyphicon-menu-right,
    .carousel-control .icon-next,
    .carousel-control .icon-prev {
        margin-top: 198%;
    }
    .w3_agileits_banner_bottom_grid {
        margin-top: -28em !important;
    }
    .header-top {
        position: absolute;
        padding: 0;
        width: 100%;
    }

    .head-right {
        display: none;
    }
    .head-middle {
        width: 100%;
    }
    span.menu {
        display: block;
       text-align: right;
       margin-right: 37px;
    }
    .agileinfo_footer_grid:nth-child(1) {
        padding: 0 1em 0 0 !important;
    }
    .w3_agileits_banner_bottom_grid h3 {
        margin-left: 23% !important;
    }
    
    .agileinfo_footer_grid p {
        margin-bottom: 13px;
        margin-left: 15px;
    }
    #dra {
        margin-left: 15px;
    }
    .datcon{
        margin-left: 11px;
    }
    .agileinfo_footer_grid:nth-child(3) ul span{
        margin-left: 18px !important;
    }
    .agileinfo_footer_grid ul .fa-instagram {
        float: none !important;
        margin-left: 21px;
    }
    .listafooter{
        font-size: 16px;
    }
    .slider {
        margin-bottom: -21%;
        margin-top: 21%;
        margin-left: -6%;
        padding: 43px 0 0;
        
    }
    .head-left p span.glyphicon-map-marker {
        font-size: 14px;
        margin-right: 1px;
    }
    .agileinfo_about_right h3 {
        margin: 0 26px 1em !important;
    }

    .lone-line {
        padding: 1.1em 1.5em;
    }
    .cal ul li span {
        font-size: 14px;
    }
    .cal ul {
        margin-top: 1.8%;
    }
    .single-grid h4 {
        font-size: 16px;
    }
    .post-top {
        padding: 0 10px 0 0;
    }
    #small-dialog,
    #small-dialog1,
    #small-dialog2,
    #small-dialog3,
    #small-dialog4,
    #small-dialog5 {
        padding: 15px !important;
        max-width: 380px !important;
    }
    .single-left {
        padding: 0;
    }
    .post-top h6 {
        font-size: 15px;
    }
    .single-bottom form {
        padding: 5px 0 0;
    }
    .single-bottom input[type="text"],
    .single-bottom textarea {
        font-size: 13px;
    }
    .single-bottom textarea {
        min-height: 140px;
        margin: 10px 0;
    }
    .single-bottom input[type="submit"] {
        font-size: 12px;
        padding: 5px 19px;
    }
    .single-grid p {
        line-height: 1.6em;
    }
    .mfp-content iframe {
        min-height: 360px !important;
    }
    .mfp-close {
        width: 35px !important;
        height: 35px !important;
        top: 45% !important;
        font-size: 29px !important;
        line-height: 34px !important;
    }
    .abt-left {
        padding: 0 5px;
    }
    .contact-left form input[type="text"],
    .contact-left textarea {
        margin-bottom: 10px;
        font-size: 14px;
        padding: 9px 12px;
    }
    .contact-left textarea {
        height: 160px;
    }
    .map-left {
        padding: 2em 30px;
    }
    .map-left h4 {
        font-size: 15px;
    }
    .map-right iframe {
        height: 240px;
    }
    .ch-grid {
        margin: 5px 0 0;
    }
    .head-left p,
    .head-right p {
        font-size: 12px;
        display: none;
    }
    .head-middle a img {
	   margin: 0.5em 0em;
	   width: 70%;
    }
    .gallery-bottom {
        margin: 3% auto 0;
        width: 65%;
    }
    .view {
        margin-bottom: 5%;
    }
    .navigation {
        padding: 8px 0 0;
        height: 51px;
        width: 105%;
        margin: 0 0 0 -8px;
    }
    .banner1,
    .banner2,
    .banner3 {
        min-height: 235px;
    }
    .flex-direction-nav a {
        top: 43% !important;
    }
    .heading h3 {
        font-size: 1.4em;
    }
    .heading h3,
    h3.ghj {
        font-size: 2em;
        margin-bottom: 13px;
        margin-left: 28%;
    }
    .about,
    .contact,
    .gallery,
    .guide,
    .pages,
    .single {
        padding: 2em 0;
    }
    .g-left {
        padding: 0 5px;
    }
    .guide-main {
        margin-top: 1%;
    }
    .guide-right.heading {
        margin-top: 3%;
    }
    .a-1 {
        margin-top: 5%;
    }
    .a-1:nth-child(2) {
        margin-top: 3%;
    }
    a.play-icon span {
        width: 40px;
        height: 40px;
        background-size: 100%;
    }
    a.play-icon {
        top: 37%;
        left: 45%;
        margin: 0;
    }
    .breeder,
    .welcome {
        padding: 0 0 2em;
    }
    .services-left h4,
    .services-left-trd h4,
    .services-right-snd h4 {
        font-size: 14px;
    }
    .services-left p,
    .services-left-trd p,
    .services-right-snd p {
        font-size: 13px;
        line-height: 1.4em;
    }
    .services-left span,
    .services-left-snd span,
    .services-left-trd span {
        font-size: 12px;
        right: -3.39em;
        padding: 7px;
    }
    .services-right-snd {
        left: 56.7%;
        top: 13.7em;
    }
    span.devide-line {
        height: 350px;
    }
    .follow-left {
        padding: 0 15px;
        margin: 8px 0;
        width: 100%;
    }
    .follow-two {
        margin-top: 0;
    }
    .f-1 p,
    .f-1 p a {
        font-size: 14px;
    }
    .f-1 a label {
        margin: 0 auto 6px;
    }
    .follow {
        min-height: 833px;
    }
    .footer-top p {
        font-size: 15px;
    }
    /*--typo--*/
    h1.head {
        font-size: 28px;
    }
    h2.head {
        font-size: 26px;
    }
    .label {
        font-size: 39%;
    }
    .well {
        font-size: 15px;
    }
    .Buttons,
    .alerts,
    .appearance,
    .bread-crumbs,
    .distracted,
    .headdings,
    .pagenatin,
    .progress-bars {
        padding: 7px 0;
    }
    /*--typo--*/
}
@media (max-width:320px) {
    .w3_agileits_banner_bottom_grid h3 {
        margin-left: 17% !important;
    }
    .wthree_banner_btm_grid1_pos {
        width: 19% !important;
        right: -27.5% !important;
    }
    span.menu {
        margin-left: 61%;
    }
    .head-middle a img {
        width: 135%;
    }
    .head-left {
        display: none;
    }
    .head-middle,
    .head-right {
        width: 50%;
        float: left;
    }
    .banner1,
    .banner2,
    .banner3 {
        min-height: 185px;
    }
    .navigation {
        padding: 7px 0 0 0 !important;
        height: 30px;
    }
    .flex-direction-nav a {
        width: 30px !important;
        height: 30px !important;
        background-size: 200% !important;
    }
    .about,
    .contact,
    .gallery,
    .guide,
    .pages,
    .single {
        padding: 1.5em 0;
    }
    .guide-left.heading {
        padding: 0;
    }
    .heading h3,
    h3.ghj {
        font-size: 1.3em;
    }
    .g-left img {
        border: 3px dotted #fff;
    }
    .g-left img:hover {
        border: 3px dotted #ddb8c5;
    }
    .guide-main {
        margin-top: 2%;
    }
    .guide-right.heading {
        margin-top: 4%;
    }
    #toTop {
        width: 28px;
        height: 21px;
    }
    .welcome-lft img {
        width: 80%;
    }
    .welcome-left {
        padding: 0;
    }
    .a-left img {
        padding: 2px;
    }
    .a-1 {
        margin-top: 4%;
    }
    .a-left {
        width: 23%;
    }
    .a-right {
        width: 73%;
    }
    .v-1 img {
        width: 70%;
    }
    a.play-icon span {
        width: 35px;
        height: 35px;
    }
    a.play-icon {
        top: 38%;
        left: 43%;
    }
    span.devide-line {
        display: none;
    }
    .services-left span {
        right: -27%;
        top: 6.15em;
    }
    .services-left span,
    .services-left-snd span,
    .services-left-trd span {
        font-size: 14px;
        padding: 9px;
    }
    .services-left span,
    .services-left-trd span {
        right: -26%;
        top: 6.15em;
    }
    .services-left,
    .services-left-trd {
        width: 78%;
        left: 0;
    }
    .services-left-snd {
        width: 14%;
    }
    .services-right-snd {
        left: 22.7%;
        top: 12.5em;
        width: 78%;
    }
    .services-left-snd span {
        top: 4.2em;
        left: 0;
    }
    .services-left-trd {
        top: 21.5em;
    }
    .services {
        min-height: 580px;
    }
    .footer-top p {
        font-size: 13px;
    }
    .breeder,
    .welcome {
        padding: 0 0 1.5em;
    }
    .about-left {
        padding: 0;
    }
    .about-bottom h4 {
        font-size: 13px;
        margin: 7px 0 0;
    }
    .about-bottom ul li a {
        font-size: 13px;
    }
    .about-bottom ul {
        margin: 2.5% 0 0;
    }
    .about-bottom ul li {
        margin: 0 0 5px 18px;
    }
    .about-right {
        margin-top: 6%;
    }
    .about-right {
        margin-top: 6%;
        padding: 0;
    }
    .about-bottom p {
        font-size: 13px;
        margin-top: 3px;
    }
    .ch-grid li {
        margin: 10px;
    }
    .gallery-bottom {
        margin: 3% auto 0;
        width: 95%;
    }
    .view {
        width: 250px;
        height: 234px;
    }
    .view .content,
    .view .mask {
        width: 250px;
        height: 234px;
    }
    .gallery-bottom {
        margin: 3% auto 0;
        width: 95%;
        text-align: center;
    }
    .view p {
        font-size: 10px;
        padding: 10px 30px 32px;
        text-align: center;
        width: 80%;
    }
    .view h2 {
        font-size: 1.1em;
        padding: 8px 2em 8px 0;
        background: rgba(0, 0, 0, 0.8);
        margin: 20px 0 0;
    }
    .view-ninth .mask-1 {
        left: auto;
        right: -93px;
    }
    /*--typo--*/
    h1.head {
        font-size: 22px;
    }
    h2.head {
        font-size: 19px;
    }
    h3.head {
        font-size: 16px;
    }
    h4.head {
        font-size: 14px;
    }
    .label {
        font-size: 23%;
    }
    .pagination-lg > li > a,
    .pagination-lg > li > span {
        padding: 7px 12px;
        font-size: 15px;
    }
    .well {
        font-size: 14px;
    }
    .alert {
        font-size: 14px;
    }
    /*--typo--*/
    .contact-left form input[type="text"],
    .contact-left textarea {
        margin-bottom: 10px;
        font-size: 13px;
        padding: 7px 12px;
    }
    .contact-left {
        padding: 0;
    }
    .contact-left textarea {
        height: 130px;
    }
    .contact-left input[type="submit"] {
        font-size: 12px;
        padding: 7px 24px;
    }
    .map-left {
        padding: 1.5em 15px;
    }
    h3.ghj {
        margin-bottom: 3px;
    }
    .map-left h4 {
        font-size: 14px;
        margin: 0;
    }
    .map-left p {
        font-size: 13px;
        margin-top: 5px;
    }
    .address1 {
        width: 50%;
    }
    .address1 h5 {
        font-size: 1em;
    }
    .address {
        margin-top: 4%;
    }
    .map-right iframe {
        height: 180px;
    }
    #small-dialog,
    #small-dialog1,
    #small-dialog2,
    #small-dialog3,
    #small-dialog4,
    #small-dialog5 {
        padding: 10px !important;
        max-width: 260px !important;
    }
    .mfp-content iframe {
        min-height: 250px !important;
    }
    .single-grid h4 {
        font-size: 15px;
    }
    .lone-line {
        padding: 10px 1em;
    }
    .cal ul li span {
        font-size: 13px;
    }
    .single-grid {
        margin: 0 0 1.3em;
    }
    .post-top {
        padding: 0 7px;
        width: 50%;
        margin-bottom: 13px;
    }
    .post-top h6 {
        font-size: 14px;
        margin: 6px 0 0;
    }
    .single-profile {
        padding: 0 0 7px;
    }
    .comment {
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }
    .single-bottom textarea {
        min-height: 130px;
        margin: 0 0 10px;
    }
    .single-bottom input[type="text"],
    .single-bottom textarea {
        width: 100%;
    }
    .categories-grid {
        margin-top: 6%;
    }
}

/*-- TRATAMIENTOS --*/

#textostr {
    margin-left: 11px;
}
.paragraph2 {
    list-style: none;
    font-size: 0.8em;
    color: #f6eff1;
    padding-top: 4%;
    line-height: 1.5em;
    margin-bottom: 16px;
}
.paragraph2 a {
    color: #f6eff1;
}
#flecha {
    color: #f6eff1;
    margin-left: 9%;
    height: 0;
    font-size: 0.7em;
}

.w3_agileits_banner_bottom_grid h3 {
    text-transform: capitalize;
    font-size: 2.2em;
    color: #ae8b97;
    margin-bottom: 1em;
    margin-left: 64%;
    margin-top: 0;
}
.w3_agileits_banner_bottom_grid h3 span {
    color: #1bd6f2;
}
.wthree_banner_btm_grid {
    padding-right: 2em;
    text-align: right;
    border-right: 1px solid #212121;
}
.wthree_banner_btm_grid h4 {
    text-transform: capitalize;
    font-size: 1.3em;
    margin-bottom: 1em;
    color: #212121;
}
.wthree_banner_btm_grid p {
    color: #999;
    line-height: 2em;
}
.wthree_banner_btm_grid1:nth-child(2) {
    margin: 1em 0;
}
.wthree_banner_btm_grid1:nth-child(3) {
    margin-bottom: 1em;
}
.wthree_banner_btm_grid1 {
    position: relative;
}
.wthree_banner_btm_grid1_pos {
    position: absolute;
    right: -10.5%;
    top: -8%;
    width: 9%;
}
.wthree_banner_btm_grid1_pos i {
    background: #212121;
    color: #fff;
    font-size: 0.8em;
    border-radius: 46px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 3;
}
.w3_agileits_banner_bottom_grid_right {
    padding-left: 4em;
    margin-top: 9em;
}
.w3_agileits_banner_bottom_grid {
    margin-top: 0;

}
.card-body{
    margin-top: -8px;
    margin-left: -31px;
}
/*-- Glidejs styles --*/
.slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-bottom: 3em;
}

.slides {
    overflow: hidden;
    /**	
   * Prevent blinking issue
   * Not tested. Experimental.
   */
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;

    -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}

.slide {
    float: left;
    clear: none;
    display: inline-block;
}
.slide figure {
    display: block;
    position: relative;
    text-align: center;
}
.slide figure figcaption {
    position: absolute;
    right: 20%;
    font-size: 1.1em;
    font-weight: bold;
    padding: 8px 14px;
    color: #464646;
    background: rgba(255,255,255,0.8);
}
.slide figure figcaption a {
    color: #5a7fbc;
    text-decoration: none;
}
.slide figure figcaption a:hover {
    text-decoration: underline;
}

.slide figure img {
    max-height: 480px;
}

.slider-arrow {
    display: none;
    position: absolute;
    margin-bottom: -20px;
    padding: 20px;
    text-decoration: none;
    font-weight: 900;
    font-size: 3.0em;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 8px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.slider-arrow:hover {
    background: #ddd;
    color: #aaa;
}
.slider-arrow--right {
    bottom: 50%;
    right: 30px;
}
.slider-arrow--left {
    bottom: 50%;
    left: 30px;
}

.slider-nav {
    position: absolute;
    bottom: 0;
}

.slider-nav__item {
    width: 10px;
    height: 10px;
    float: left;
    clear: none;
    display: block;
    margin: 0 3px;
    background: none;
    border: 2px solid #706f6f;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
.slider-nav__item:hover {
    border: 2px solid #ad8b97;
}
.slider-nav__item--current,
.slider-nav__item--current:hover {
    background: none;
    border: 2px solid #ad8b97;
}
.listmin{
    font-size: 1.1em;
}

/*-- //plugin --*/
/*-- //banner-bottom --*/

/*-- about --*/
.about {
    background: #e3c7d1;
    padding: 0;
    margin-bottom: 4em;
    margin-top: 6em;

}
.agileinfo_about_left {
    padding: 0;
}
.agileinfo_about_right {
    padding: 0em 4em 0 5em;
}
.agileinfo_about_right h4 {
    font-size: 1em;
    color: #fff;
}
.agileinfo_about_right h3 {
    font-size: 2.2em;
    color: #4a4848;
    text-transform: capitalize;
    margin: 64px -4px 13px;
}
.agileinfo_about_right h3 span {
    color: #ae8b97;
}
.agileinfo_about_right p {
    color: #4a4848;
    line-height: 1.6em;
}
#leermas {
    text-decoration: underline;
    color: #282727;
}
/*-- //about --*/

/*-- footer --*/

.footer {
    background: #2c2c2c;
    padding: 5em 0;

}
.agileinfo_footer_grid h3.agileits-title {
    font-size: 1.6em;
    color: #ae8b97;
    font-weight: 300;
    margin-bottom: 1em;
    text-transform: capitalize;
    text-align: left;
    letter-spacing: 2px;

}
.agileinfo_footer_grid ul li {
    list-style-type: none;
    margin-bottom: 1.1em;
    font-size: 1em;
    color: #FFFFFF;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 100;
}
.agileinfo_footer_grid ul i.fa {
    font-size: 0.9em;
    margin-right: 0;
    color: #fff;
    font-size: 27px;
}
.agileinfo_footer_grid ul .fa-instagram {

    float: right;
}
.agileinfo_footer_grid ul span {
    margin-right: 0;
}
.agileinfo_footer_grid ul li a {
    color: #FFFFFF;
    text-decoration: none;
}
.agileinfo_footer_grid ul li a:hover {
    color: #ad8b97;
}
.agileinfo_footer_grid ul li {
    margin-left: 21px;
}
.w3agile_footer_copy {
    padding-top: 2em;
    border-top: 1px solid #606060;
    text-align: center;
	margin-top: 2em;
	margin-left: 33px;
}
.w3agile_footer_copy p {
    letter-spacing: 2px;
    color: #fff;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 100;

}
.w3agile_footer_copy p a {
    color: #b08c98;
    text-decoration: none;

}
.w3agile_footer_copy p a:hover {
    color: #999;
}
.agileinfo_footer_grid:nth-child(1) {
    padding: 0 4em 0 0;

}
.agileinfo_footer_grid p span {
    display: block;
    margin: 0.5em 0 0;

}
.agileinfo_footer_grid p {
    color: #fff;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 100;
}
/*Logo estetica */
#box{
    text-align: left;
    float: left;
}
#box img{
   margin: 0.5em auto 0em auto;
    float: left;
    width: 75px;
}
@media (max-width:1024px) {
    .agileinfo_footer_grid:nth-child(2) {
      
        margin-left: -14px;
    }
    .agileinfo_footer_grid:nth-child(3) {
        padding-left: 0;
        padding-right: 0;
        margin-left: -15px;
    }

}
@media (max-width:768px) {
    .agileinfo_footer_grid:nth-child(1) {
      
        margin-left: 0;
        padding:0px;
    }
    .agileinfo_footer_grid:nth-child(2) {
	
	margin: 0px; 
	float: right;
    }
    .agileinfo_footer_grid:nth-child(3) {
	
	margin-left: 0px;
    }
    .agileinfo_footer_grid:nth-child(3)  ul span {
	
	margin-left: 10px;
	padding-left: 0px;
    }
    .agileinfo_footer_grid:nth-child(4) {
	
	float: right;
    }
    .agileinfo_footer_grid .redes  {
	float: left;
	
	width: 34%;
            }
 
}


/*-- //footer --*/

/* ABOUT-DRA.WAJNFELD */

.banner_inner {
    background: url(../images/banner-1.jpg)no-repeat 0 -80px;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    moz-background-size: cover;
    min-height: 200px;
}
.quienes {
    padding-bottom: 2em;

}
.quienes .tittle-w3ls {
    color: #ae8b97;
    margin-left: 15px;
    margin-top: 3em;
    font-size: 2em;
    margin-bottom: 1em;
}
.tittle-w3ls {
    color: #ae8b97;
    margin-left: 15px;
    margin-top: 0.5em;
    font-size: 2em;
    margin-bottom: 0.5em;
}
.tittle-w3ls span {
    color: #ae8b97;
}
.news-right {
    margin-top: -15px;
}
.lista1 li,
.lista2 li,
.lista3 li,
.lista4 li {
    font-size: 13px;
}
.lista-pop {
    list-style: none;
    margin-top: 20px;

}
.lista-pop a {
    color: #ae8b97;
    font-weight: 900;
    font-size: 18px;

    margin-right: 0.8em;

}
.lista-pop a:hover {
    color: #646564;

}
/*-- //ABOUT-sociedades--*/

h3.tittle-w3ls.cen {
    color: #ae8b97;
    text-align: center;
}
.sociedades {
    margin-left: 6%;
}

.ser-first-grid span {
    font-size: 40px;
    color: #fff;
    background: none;
    width: 100px;
    height: 100px;
    line-height: 2.4em;
    border: 2px solid #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
}

.ser-first-grid:hover span {
    color: #F60B0E;
}

.ser-first-grid p {
    margin: 0;
    color: #777;
    font-size: 0.9em;
    line-height: 1.9em;
}

.ser-first-grid h3 {
    margin: 26px 0 10px;
    color: #fff;
    font-weight: 600;
    font-size: 1.4em;
    letter-spacing: 1px;
}

.works {
    background: #d9d9d9;
    margin-top: 3em;
    padding: 20px 4px 54px;
}

/*--/ ABOUT-congreso--*/

.testimonials {
    padding: 0;
    margin-top: 3%;
}

.testimonials-main img {
    margin: 0 auto;
    width: 50%;
    float: right;
}

.testimonials-main {
    float: right;
    width: 100%;
}

.inner-testimonials {
    position: relative;
}

.teastmonial-info {
    padding: 6em 2em 0 1em;
    width: 50%;
    float: left;
}

.teastmonial-info h5 {
    font-size: 1.2em;
    letter-spacing: 1px;
    text-transform: capitalize;
    color: #282727;
    font-weight: 600;
}

.teastmonial-info span {
    display: block;
    margin: 0.8em 0;
    font-size: 16px;
    letter-spacing: 1px;
    color: #000;
}
/* Carousel de quiene somos */

.ver {

    height: 400px;
    width: 100%;
    float: left;
}

.ver .item {
    padding: 0.3em;

    height: auto;
    margin-bottom: 0;
    float: left;
    background-color: #fff;
    width: 100%;
}
.ver .carousel-indicators {
    position: absolute;
    left: 285px;
    z-index: 15;
    width: 200px;
    padding-left: 0;
    margin-left: -268px;
    text-align: left;
    list-style: none;
    margin-bottom: 2em;

}
.ver .carousel-indicators li {
    border: 1px solid #000;

    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.822) \9;
    border-radius: 10px;
    border: 2px solid #000;
}
.ver .carousel-indicators .active {
    border: 1px solid #000;
    background-color: black;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    border-radius: 10px;
    border: 2px solid #000;
}
.ver .carousel-indicators li:hover {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #fff;
    border: 2px solid #edabbf;
}
.ver .carousel-control.left {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 83%;
    font-size: 30px;
    color: #1d1c1c;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    filter: alpha(opacity=50);
    opacity: 0.5;
}
.ver .carousel-control.right {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 90%;
    font-size: 30px;
    color: #1d1c1c;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    filter: alpha(opacity=50);
    opacity: 0.5;
}
.paragraph {
    color: #808080;
}
/*--// ABOUT-congresos --*/

/* METODOLOGÍA */
.about2 {
    padding: 0;
    margin-bottom: 7em;
    margin-top: 5em;
}

.about .h4-servicios {
    padding: 3% 2%;

}
.about .p-22 {
    margin: 0 0 4%;
}
.be-r {
    float: right;
}
.panel-body {
    color: #4c4f50;
    font-size: 1em;
    line-height: 1.2em;

    padding-bottom: 2%;
}

.panel-body ul li {
    margin-left: 2.4%;
    font-size: 0.95em;
    color: #6d6e70;
    line-height: 1.8em;
    font-family: 'Roboto', sans-serif;
}
.panel-default > .panel-heading {
    background: none;
    border: none;
    background-color: #e8e8e8;
}

.panel-body .list-1,
.panel-body .list-2,
.panel-body .list-3 {
    list-style: none;

}
.panel-body .list-1 li,
.panel-body .list-2 li,
.panel-body .list-3 li {
    padding: 0;

    margin: 0;
}

.panel-body .list-1 h6,
.panel-body .list-2 h6,
.panel-body .list-3 h6 {
    font-size: 1em;
    margin-top: 3%;
}
.constitution h6 {
    margin: 0.5% 0;
    padding: 0;
    font-size: 0.9em;
    line-height: 1em;
    background-color: none;

}
.panel-heading1 {
    background-color: #fafafa;

}
.panel-title1 a {
    font-size: 0.8em;
    padding: 0;
    color: #1c4583;

}
.panel-title1 a:focus {
    text-decoration: none;

}
.panel-body .h-1 {
    color: #1c4583;
    font-size: 1em;
}
.panel-body .h-2 {
    color: #1c4583;
    font-size: 1em;
    margin: 1% 0 0;

}
.panel-body .be-l {
    float: left;
    width: 60%;

}
.panel-body .panel-img {
    float: right;
    width: 35%;
    margin-top: 1%;
}

.title-b {
    color: #1c4583;
    font-weight: bold;
}

.p-1 {
    margin: 1.3% 0;
    font-family: 'Roboto', sans-serif;
}
.p-2 {
    margin: 1.3% 0;

}

.panel-heading {
    padding: 1em 0;
    text-transform: capitalize;
}
.panel-default > .panel-heading {
    background: none;
    border: none;
    background-color: #e8e8e8;
}
.panel-default > .panel-heading {
    color: #333;
    background-color: #ae8b97;
    border-color: #d5cfd2;
    padding: 15px 3%;
}
h4.panel-title a span {
    left: -1em;

}
.pa_italic span {
    display: none;
}

.be-r {
    float: right;
    color: white;
    left: 0;
}

.panel-group .panel-heading + .panel-collapse > .list-group,
.panel-group .panel-heading + .panel-collapse > .panel-body {
    border: none;
}
#accordion .panel-title > a {
    padding: 0.5% 50% 0.5% 1%;
    color: white;

}
#accordion .panel-title > a:hover {
    text-decoration: none;
    color: #2a3035;
}
#accordion .panel-title > a:focus {
    text-decoration: none;
}
.h4-servicios {
    font-size: 2em;
    color: #ae8b97;
    margin-bottom: 4%;
    margin-left: 1%;
}
/*--contact-starts--*/
.error {
    padding: 0 0 1em 1em;
    text-align: left;
    color: #ea1240;
    font-size: 17px;
    font-weight: 500;
}
.contact {
    padding: 6em 0;
}

.contact-top {
    text-align: left;
}
.contact-bottom {
    margin-top: 4%;
}
.contact-left form input[type="text"],
.contact-left textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #BDBCBC;
    font-size: 15px;
    margin-bottom: 1.5em;
    color: #808080;
    outline: none;
    font-weight: 400;
    font-family: 'SourceSansPro-Regular';
}
.contact-left textarea {
    resize: none;
    height: 192px;
}
.submit {
    font-size: 15px;
    display: inline-block;
    background: #ab8b98;
    padding: 9px 30px;
    color: #fff;
    border: none;
    text-decoration: none;
    font-weight: 700;
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
    font-family: 'SourceSansPro-Regular';
    outline: none;
}
.contact-left form input[type="submit"]:hover {
    background: #565656;
}
.map-right iframe {
    width: 100%;
    height: 460px;
}
.map-left {

    background: #F7F7F7;
    padding: 4.4em 60px;
}
.map-left span {
    font-size: 2.5em;
    color: #4c4f50;
    margin-bottom: 0;
    margin-left: 2em;
    float: left;
}
.map-left h4 {
    font-size: 17px;
    margin-top: 12px;
    line-height: 1.4em;
    color: #999;
}
.map-left p {
    font-size: 15px;
    color: #999;
    margin-top: 8px;
    line-height: 1em;
}
.map-left p a {
    color: #999;
}
.map-left p a:hover {
    color: #ff8dae;
}
.map-right {
    padding: 0;
}
.address1 h5 {
    color: #aa8b99;
    font-size: 1.1em;
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 0px;
}
.address1 h4{
    
    margin-top:0px; 
    margin-bottom: 0px;
}
.address {
    margin-top: 3%;
   
}
.address1 {
    width: 80%;
    float: left;
    
}
.address1 p label {
    display: block;
    font-weight: 100;
}
/*--contact-end--*/

@media (max-width:1024px){
.address1{
width: 100%;
margin-top:1em;
}
.map-left span{
margin-left: 0.5em;
}
}
/*-- /blog --*/

.banner-btm-bottom,
.banner-btm-top {
    display: flex;
    display: -webkit-flex;
}

.a1 {
    background: #ae8b97;
   
}
.a10 {
	background: #ae8b97;
               
            }
.a4 {
    background: #ae8b97;
}

.a2 {
    background: url("../images/b1.jpg") no-repeat 0 0;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    min-height: 350px;
}

.a3 {
    background: url("../images/b2.jpg") no-repeat 0 0;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    min-height: 350px;
}

.a5 {
    background: url("../images/b3.jpg") no-repeat 0 0;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    min-height: 350px;
}

.a6 {
    background: url("../images/b4.jpg") no-repeat 0 0;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    min-height: 350px;
}

.banner-btm-left {
    padding: 0;
  
}

.banner-btm-inner {
    flex: 1;
    padding: 1em 2.5em;
}
.blog_sec {
    margin-top: 6%;
}
.blog_date h4 {
    font-size: 0.9em;
    font-weight: 600;
    color: #230303;
    margin-bottom: 1em;
}

.w3-heading-all {
    text-align: center;
}
.banner-btm-inner h6 {
    font-size: 1.1em;
    font-weight: 600;
    color: #f6eff1;
    margin-bottom: 0.2em;
    padding-top: 9%;
}

.banner-btm-inner h6 a {
    color: #222323;
    letter-spacing: 2px;
}
.banner-btm-inner p {
    font-size: 0.9em;
    color: #fff;
    margin: 1em 0;
}
.banner-btm-inner .tratamientos-p {
    font-size: 1em;
    color: #fff;
    margin: 0;
}
a.blog-btn {
    background: #fff;
    font-size: 0.85em;
    padding: 0.6em 1em;
    color: #222;
    letter-spacing: 1px;
}

a.blog-btn:hover {
    background: #ff3c41;
    color: #fff;
}

/* Resposive Tratamientos */
@media (max-width:480px) {
    .slick-slider{
        margin-bottom: -4px;
        margin-top: 9px;
    }
    .banner-btm-inner h6{
        padding-top: 3%;
        margin-left: 24%;
    }
    .paragraph2{
        margin-left: 23%;
        padding-bottom: 12px;
    }
    .banner-btm-top {
        display: block;

    }
    .banner-btm-top .a1 {
        min-height: 187px;
        width: 100%;
    }
    .a10{
        height: 335px;
    }
    .banner-btm-top .a2 {
        min-height: 230px;
        width: 100%;
        display:none;
    }
    .banner-btm-bottom {
        display: block;
    }
    .banner-btm-bottom .a3 {
        display: none;
        min-height: 230px;
        width: 100%;

    }
    .banner-btm-bottom .a4 {
        margin-top: 3%;
        min-height: 161px;
        width: 100%;
        margin-bottom: 3%;
    }
    .banner-btm-top .a5 {
        display: none;
        min-height: 230px;
        width: 100%;
    }

    .banner-btm-bottom .a6 {
        min-height: 290px;
        width: 100%;
        display:none;
    }
    .cnt{
        margin-top: 6px !important;    
    }
    .address1 h5{
        margin-top: 24px;
    }
}
/* Fin Resposinve Tramamientos * /
/*-- //blog --*/
/*-- to-top --*/
#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 55px;
    right: 2%;
    overflow: hidden;
    z-index: 999;
    width: 32px;
    height: 32px;
    border: none;
    text-indent: 100%;
    background: url("../images/up.png") no-repeat 0 0;
}
#toTopHover {
    width: 32px;
    height: 32px;
    display: block;
    overflow: hidden;
    float: right;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
}
/*-- //to-top --*/
/*-- icons --*/
.codes a {
    color: #999;
}
.icon-box {
    padding: 8px 15px;
    background: rgba(149, 149, 149, 0.18);
    margin: 1em 0;
    border: 5px solid #ffffff;
    text-align: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -moz-transition: 0.5s all;
    cursor: pointer;
}
.icon-box:hover {
    background: #000;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -moz-transition: 0.5s all;
}
.icon-box:hover i.fa {
    color: #fff !important;
}
.icon-box:hover a.agile-icon {
    color: #fff !important;
}
.codes .bs-glyphicons li {
    float: left;
    width: 12.5%;
    height: 115px;
    padding: 10px;
    line-height: 1.4;
    text-align: center;
    font-size: 12px;
    list-style-type: none;
}
.codes .bs-glyphicons .glyphicon {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 24px;
}
.codes .glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #777;
}
.codes .bs-glyphicons .glyphicon-class {
    display: block;
    text-align: center;
    word-wrap: break-word;
}
h3.icon-subheading {
    font-size: 28px;
    color: #ef5734 !important;
    margin: 30px 0 15px;
    font-weight: 600;
    letter-spacing: 2px;
}
h3.agileits-icons-title {
    text-align: center;
    font-size: 33px;
    color: #222222;
    font-weight: 600;
    letter-spacing: 2px;
}
.icons a {
    color: #999;
}
.icon-box i {
    margin-right: 10px !important;
    font-size: 20px !important;
    color: #282a2b !important;
}
.bs-glyphicons li {
    float: left;
    width: 18%;
    height: 115px;
    padding: 10px;
    line-height: 1.4;
    text-align: center;
    font-size: 12px;
    list-style-type: none;
    background: rgba(149, 149, 149, 0.18);
    margin: 1%;
}
.bs-glyphicons .glyphicon {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 24px;
    color: #282a2b;
}
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #777;
}
.bs-glyphicons .glyphicon-class {
    display: block;
    text-align: center;
    word-wrap: break-word;
}
@media (max-width:991px) {
    h3.agileits-icons-title {
        font-size: 28px;
    }
    h3.icon-subheading {
        font-size: 22px;
    }
}

@media (max-width:768px) {

    h3.agileits-icons-title {
        font-size: 28px;
    }
    h3.icon-subheading {
        font-size: 25px;
    }
    .row {
        margin-right: 0;
        margin-left: 0;
    }
    .icon-box {
        margin: 0;
    }
    .wthree_banner_btm_grid h4 {
        padding: 0 20px 0 0;
    }
}
@media (max-width: 640px) {
    .icon-box {
        float: left;
        width: 50%;
    }
}
@media (max-width: 480px) {
    .listmin{
        font-size: 1.1em;
        margin-left: -36%;
    }
    #aa1 {
        }
    .bs-glyphicons li {
        width: 31%;
    }
    .quienes .tittle-w3ls {
        margin-top: -9%;
    }
    .slick-next,
    .slick-prev {
        display: none !important;
    }
}
@media (max-width: 414px) {
    h3.agileits-icons-title {
        font-size: 23px;
    }
    h3.icon-subheading {
        font-size: 18px;
    }
    .bs-glyphicons li {
        width: 31.33%;
    }
    .wthree_banner_btm_grid {
        padding-right: 3em;
    }
    .wthree_banner_btm_grid1_pos {
        margin-top: 2%;
        width: 14%;
        right: -20.5%;
    }
    .wthree_banner_btm_grid {
        margin-right: 5%;
    }
    .slider-nav {
        display: none;
    }
    .navigation {
        padding: 9px 0 3em 50px;
    }
    .navbar-brand {
        margin-right: 14%;
        padding-right: 9%;
        margin-left: -14px;
    }
}
@media (max-width: 375px) {
    .wthree_banner_btm_grid {
        padding-right: 2.5em !important;
    }
    .carousel-caption h4 {
        margin-left: 93%;
    }
}
@media (max-width: 384px) {
    .icon-box {
        float: none;
        width: 100%;
    }
    .wthree_banner_btm_grid {
        padding-right: 1em;
    }
    /*
	.fill{
		min-height: 353px;
	}
	.carousel .item{
	height:353px;
	min-height: 353px !important;
	}
	*/
   
    .navbar-brand {
        margin-right: 14%;
        padding-right: 9%;
        margin-left: -14px;
    }
}
/*-- //icons --*/
.w3_wthree_agileits_icons.main-grid-border {
    padding: 6em 0;
}
/*--Typography--*/
.well {
    font-weight: 300;
    font-size: 14px;
}
.list-group-item {
    font-weight: 300;
    font-size: 14px;
}
li.list-group-item1 {
    font-size: 14px;
    font-weight: 300;
}
.typo p {
    margin: 0;
    font-size: 14px;
    font-weight: 300;
}
.show-grid [class^=col-] {
    background: #fff;
    text-align: center;
    margin-bottom: 10px;
    line-height: 2em;
    border: 10px solid #f0f0f0;
}
.show-grid [class*="col-"]:hover {
    background: #e0e0e0;
}
.grid_3 {
    margin-bottom: 2em;
}
.xs h3,
h3.m_1 {
    color: #000;
    font-size: 1.7em;
    font-weight: 300;
    margin-bottom: 1em;
}
.grid_3 p {
    color: #999;
    font-size: 0.85em;
    margin-bottom: 1em;
    font-weight: 300;
}
.grid_4 {
    background: none;
    margin-top: 50px;
}
.label {
    font-weight: 300 !important;
    border-radius: 4px;
}
.grid_5 {
    background: none;
    padding: 2em 0;
}
.grid_5 h1,
.grid_5 h2,
.grid_5 h3,
.grid_5 h4,
.grid_5 h5,
h3.bars,
h3.hdg {
    margin-bottom: 1em;
    color: #ef5734;
    font-weight: 600;
    font-size: 30px;
    letter-spacing: 2px;
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    border-top: none !important;
}
.tab-content > .active {
    display: block;
    visibility: visible;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    z-index: 0;
}
.badge-primary {
    background-color: #03a9f4;
}
.badge-success {
    background-color: #8bc34a;
}
.badge-warning {
    background-color: #ffc107;
}
.badge-danger {
    background-color: #e51c23;
}
.grid_3 p {
    line-height: 2em;
    color: #888;
    font-size: 0.9em;
    margin-bottom: 1em;
    font-weight: 300;
}
.bs-docs-example {
    margin: 1em 0;
}
section#tables p {
    margin-top: 1em;
}
.tab-container .tab-content {
    border-radius: 0 2px 2px 2px;
    border: 1px solid #e0e0e0;
    padding: 16px;
    background-color: #ffffff;
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th,
.table td {
    padding: 15px!important ;
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    font-size: 0.9em;
    color: #999;
    border-top: none !important;
}
.tab-content > .active {
    display: block;
    visibility: visible;
}
.label {
    font-weight: 300 !important;
}
.label {
    padding: 4px 6px;
    border: none;
    text-shadow: none;
}
.alert {
    font-size: 0.85em;
}
h1.t-button,
h2.t-button,
h3.t-button,
h4.t-button,
h5.t-button {
    line-height: 2em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
li.list-group-item1 {
    line-height: 2.5em;
}
.input-group {
    margin-bottom: 20px;
}
.in-gp-tl {
    padding: 0;
}
.in-gp-tb {
    padding-right: 0;
}
.list-group {
    margin-bottom: 48px;
}
ol {
    margin-bottom: 44px;
}
h2.typoh2 {
    margin: 0 0 10px;
}
@media (max-width:768px) {
.ver .carousel-control.left {
        left: -25px;
    }
    .grid_5 {
        padding: 0 0 1em;
    }
    .grid_3 {
        margin-bottom: 0;
    }
    .news-right {
        margin-top: 20px;
    }
}
@media (max-width:640px) {
    .h1,
    .h2,
    .h3,
    h1,
    h2,
    h3 {
        margin-top: 0;
        margin-bottom: 0;
    }
    .grid_5 h1,
    .grid_5 h2,
    .grid_5 h3,
    .grid_5 h4,
    .grid_5 h5,
    h3.bars,
    h3.hdg {
        margin-bottom: 0.5em;
    }
    .progress {
        height: 10px;
        margin-bottom: 10px;
    }
    .grid_3 p,
    li.list-group-item1,
    ol.breadcrumb li,
    ul.list-group li {
        font-size: 14px;
    }
    .breadcrumb {
        margin-bottom: 25px;
    }
    .well {
        font-size: 14px;
        margin-bottom: 10px;
    }
    h2.typoh2 {
        font-size: 1.5em;
    }
    .label {
        font-size: 60%;
    }
    .in-gp-tl {
        padding: 0 1em;
    }
    .in-gp-tb {
        padding-right: 1em;
    }
}
@media (max-width:480px) {
    .grid_5 h1,
    .grid_5 h2,
    .grid_5 h3,
    .grid_5 h4,
    .grid_5 h5,
    h3.bars,
    h3.hdg {
        font-size: 1.2em;
    }
    .table h1 {
        font-size: 26px;
    }
    .table h2 {
        font-size: 23px;
    }
    .table h3 {
        font-size: 20px;
    }
    .label {
        font-size: 53%;
    }
    .alert,
    p {
        font-size: 16px;
        width: 241px;
    }
    .agileits-w3layouts-info p{
        text-align: justify;
        margin-left: 11%;
    }
    .pagination {
        margin: 20px 0 0;
    }
    .grid_3.grid_4.w3layouts {
        margin-top: 25px;
    }
   

    .agileinfo_about_right p {
        margin-left: 9%;
    }
    #trat1{
        margin-top: -16%;
    }
    #mtd{
        margin-top: -33%;
        margin-left: 23%;
    }
    .contact-top{
        margin-top: -37%;
    }
}
@media (max-width: 320px) {
    .grid_4 {
        margin-top: 18px;
    }
    h3.title {
        font-size: 1.6em;
    }
    .alert,
    .grid_3 p,
    .well,
    a.list-group-item,
    li.list-group-item1,
    ol.breadcrumb li,
    p,
    ul.list-group li {
        font-size: 13px;
    }
    .alert {
        padding: 10px;
        margin-bottom: 10px;
    }
    ul.pagination li a {
        font-size: 14px;
        padding: 5px 11px;
    }
    .list-group {
        margin-bottom: 10px;
    }
    .well {
        padding: 10px;
    }
    .nav > li > a {
        font-size: 14px;
    }
    .bs-docs-example,
    .table-bordered,
    table.table.table-striped {
        display: none;
    }
}
/*-- //typography --*/
.typo {
    padding: 6em 0;
}
/*-- about --*/
.agileits-top-heading {
    padding: 2em 0;
}
.agileits-top-heading h2 {
    color: #FFFFFF;
    text-align: center;
}

/*-- gallery --*/
#portfolio p {
    line-height: 1.8em;
    margin: 25px 0 0;
    font-size: 1.1em;
    color: #ffffff;
    font-weight: 300;
}
.gallery-section h3 {
    margin: 0;
    color: #ffffff;
    font-size: 36px;
    font-weight: 500;
    letter-spacing: 18px;
}
.gallery-grid {
    padding: 0;
}
.gallery1 {
    position: relative;
}
.gallery1 .textbox {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    background-color: #dca44bad;
}
.gallery1:hover .textbox {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.gallery-grid img {
    width: 100%;
}

.textbox {
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    text-align: center;
}
.textbox h4 {
    font-size: 1.8em;
    color: #FFF;
    margin-top: 3.5em;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 5px;
}
.textbox p {
    font-size: 26px !important;
    color: #fff;
    background: rgba(0, 0, 0, 0.83);
    margin: 6px 0 0 0!important;
    padding: 3px 0;
}
.gallery-grids {
    margin-top: 50px;
}
/*--//gallery--*/
/*-- Counter --*/
.stats {
    padding: 8em 0;
    background: url("../images/st2.jpg") no-repeat 0 0;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-attachment: fixed;
}
.stats p.text-center {
    font-size: 16px;
    padding: 0 0 40px;
    color: #999;
}
.stats-grid {
    text-align: center;
}
.numscroller {
    font-size: 3em;
    margin: 0;
    color: #fff;
    font-weight: 500;
}
.stats-grid i.fa {
    font-size: 2em;
    color: #dca44b;
    padding-bottom: 1em;
}
.stats-grid h4 {
    font-size: 1.2em;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    margin-top: 1em;
}
/*-- //Counter --*/

/*--contacto--*/
.address-row {
    margin-top: 3em;
}
.address-row:hover span.glyphicon {
    border-color: #f44236;
    color: #000000;
}
.w3-agile-address-left {
    padding: 0;
}
.address-row span.glyphicon {
    font-size: 1.2em;
    border: 2px solid #000;
    padding: 1em;
    color: #000000;
    transition: 0.5s all;
}
.w3-agile-address-right h5 {
    font-size: 1.5em;
    color: #000;
    margin: 0 0 0.4em;
    font-weight: 600;
}
.w3-agile-address-right p {
    font-size: 0.9em;
    color: #999999;
    margin: 0;
}
.w3-agile-address-right p a {
    color: #f44236;
}
.w3-agile-address-right p a:hover {
    color: #999;
}
/*
.address h4 {
    font-size: 2.5em;
    color: #dca44b;
    margin: 0 0 .6em 0;
}
*/
.contact input[type="text"] {
    width: 47.9%;
    color: #999;
    float: left;
    background: none;
    outline: none;
    font-size: 0.9em;
    padding: 0.7em 1em;
    margin-bottom: 1.5em;
    border: solid 1px #999;
    -webkit-appearance: none;
    display: inline-block;
}
.contact input.email {
    margin-left: 1.5em;
}
.contact textarea {
    resize: none;
    width: 100%;
    background: none;
    color: #999;
    font-size: 0.9em;
    outline: none;
    padding: 0.6em 0.8em;
    border: solid 1px #999;
    min-height: 12em;
    -webkit-appearance: none;
}
/*
.contact input[type="submit"] {
    outline: none;
    color: #000;
    padding: 0.5em 3em;
    font-size: .9em;
    margin: 1em 0 0 0;
    -webkit-appearance: none;
    background: none;
    transition: 0.5s all;
    border: 2px solid #000;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    -moz-transition: 0.5s all;
}
.contact  input[type="submit"]:hover {
    color: #FFFFFF;
	background:#f44236;
	border: 2px solid #f44236;
}
*/
::-webkit-input-placeholder {
    color: #999 !important;
}
:-moz-placeholder {
    /* Firefox 18- */
    color: #999 !important;
}
::-moz-placeholder {
    /* Firefox 19+ */
    color: #999 !important;
}
:-ms-input-placeholder {
    color: #999 !important;
}
/*--//contact--*/
/*-- map --
.map {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}
*/
.agileits-w3layouts-map iframe {
    border: none;
    width: 100%;
    height: 400px;
    margin-bottom: -6px;
}

/*-- testimonios --*/


.w3ls_testimonials_grids {
    width: 80%;
    margin: -6% auto 3em;
}
.w3l_testimonial_grid {
    padding: 3em 2em 2em;
    background: #f5f5f5;
    text-align: center;
    position: relative;
    margin: 3em 1.2em 0;
    height:320px;
}
.agileits_testimonial_grid:focus,
.w3l_testimonial_grid:focus {
    outline: none;
}
.w3l_testimonial_grid_pos {
    position: absolute;
    width: 100%;
    text-align: center;
    top: -25%;
    left: 0;
}
.w3l_testimonial_grid_pos img {
    margin: 0 auto;
    border-radius: 50%;
}
.w3l_testimonial_grid p {
    color: #999;
    line-height: 1.5em;
    position: relative;
    padding-left: 2em;
}
.w3l_testimonial_grid p:before {
    content: "\f10d";
    font-size: 2em;
    color: #ae8b97;
    font-family: FontAwesome;
    position: absolute;
    top: 0;
    left: 0;
}
.agileits_testimonial_grid h4 {
    font-size: 1.1em;
    color: #212121;
    margin: 1em 0 0.5em;
}
.agileits_testimonial_grid h5 {
    font-size: 0.8em;
    color: #dca44b;
}
@media (max-width:1024px){
    .w3l_testimonial_grid {
        font-size: 1em;
        padding:1.3em;
        background: #f5f5f5;
        text-align: center;
        margin: 3em 1.2em 0;
        height:370px;
        padding-top: 2em;
     
    }
}
@media (max-width:768px){
    .w3l_testimonial_grid p:before {
        font-size: 1em;
        padding-left:0em;
    }
    .w3l_testimonial_grid {
      font-size:0.9em;
      height:400px;
    }
    
}
@media (max-width:480px) {
    .slider {

        width: 320px;
        margin-left:0%;
    }
    .w3l_testimonial_grid p:before {

        font-size: 1em !important;
    }
    .w3l_testimonial_grid p {
        padding-left: 20px;
        margin: 1em auto;
    }
    .w3l_testimonial_grid {

        height: 350px;
    }
}
@media (max-width:384px){
    .slider {
    
        margin-left:-7%;
    }
}
@media (max-width:375px){
    .slider {
    
        margin-left:-5%;
    }
}
@media (max-width:360px){
    .slider {
    
        margin-left:-10%;
    }
}
@media (max-width:320px){
    .slider {
    
        margin-left:-17%;
    }
}
/* Slider */
.slick-slider {
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:after,
.slick-track:before {
    display: table;

    content: '';
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/* Arrows */
.slick-next,
.slick-prev {
    line-height: 0;
    position: absolute;
    top: 45%;
    display: block;
    width: 50px;
    height: 40px;
    margin-top: 0;
    padding: 0;
    cursor: pointer;
    color: #fff;
    border: none;
    font-size: 1em;
    outline: none;
    background: #ae8b97;
    z-index: 9;
}
.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    outline: none;
}
.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1;
}
.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: 0.25;
}

.slick-next:before,
.slick-prev:before {
    font-family: 'FontAwesome';
    line-height: 1;

    opacity: 0.75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev:before {
    content: "\f177";
}
[dir='rtl'] .slick-prev:before {
    content: "\f177";
}

.slick-next,
[dir='rtl'] .slick-prev {
    right: -0.5%;
}
[dir='rtl'] .slick-next,
.slick-prev {
    right: auto;
    left: -0.5%;
}
.slick-next:before {
    content: "\f178";
}
[dir='rtl'] .slick-next:before {
    content: "\f178";
}

/* Dots */
.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: 10px;

    display: block;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li {
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: #212121;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: none;
}
.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1;
}
.slick-dots li button:before {
    font-family: 'FontAwesome';
    font-size: 13px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: "\f111";
    text-align: center;
    opacity: 0.25;
    color: #808080;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
    opacity: 0.75;
    color: black;
}

/*-- //testimonials --*/