.ttl-hero{
    height:400px;
    width:100%
}
.ttl-hero .ttl-hero-ele{
    background-position:right center;
    background-size:cover;
    height:400px;
    position:relative;
    width:100%
}
.ttl-hero .ttl-hero-ele .ttl-image{
    position:absolute
}
.ttl-hero .ttl-hero-ele .ttl-image img{
    width:100%
}
.ttl-hero .ttl-hero-ele-1{
    background-image:url(https://images.contentstack.io/v3/assets/blt422ac29cebae1d64/blt33ab815875feb29e/632888fd4c470a60a9fa2e82/mascotas-banner-mobile.jpg)
}
.ttl-hero .ttl-hero-ele-1 .ttl-i-logo{
    left:5%;
    top:0;
    width:140px
}
.ttl-hero .ttl-hero-ele-1 .ttl-i-comprotottus{
    left:5%;
    top:60%;
    width:160px
}
.ttl-hero .ttl-hero-ele-1 .ttl-i-yosonrio{
    left:31%;
    top:71%;
    width:200px
}
@media (min-width: 390px){
    .ttl-hero .ttl-hero-ele{
        background-position:center center
    }
    .ttl-hero .ttl-hero-ele-1{
        background-image:url(https://images.contentstack.io/v3/assets/blt422ac29cebae1d64/blt33ab815875feb29e/632888fd4c470a60a9fa2e82/mascotas-banner-mobile.jpg)
    }
    .ttl-hero .ttl-hero-ele-1 .ttl-i-logo{
        left:5%;
        top:0
    }
    .ttl-hero .ttl-hero-ele-1 .ttl-i-comprotottus{
        left:5%;
        top:60%;
        width:220px
    }
    .ttl-hero .ttl-hero-ele-1 .ttl-i-yosonrio{
        left:31%;
        top:74%;
        width:250px
    }
}
@media (min-width: 390px){
    .ttl-hero .ttl-hero-ele{
        background-position:center center
    }
    .ttl-hero .ttl-hero-ele-1{
        background-image:url(https://images.contentstack.io/v3/assets/blt422ac29cebae1d64/blt3db48e6a5926bc95/63288903258fb55f6b217083/mascotas-banner.jpg)
    }
    .ttl-hero .ttl-hero-ele-1 .ttl-i-logo{
        left:5%;
        top:0
    }
    .ttl-hero .ttl-hero-ele-1 .ttl-i-comprotottus{
        left:5%;
        top:60%;
        width:200px
    }
    .ttl-hero .ttl-hero-ele-1 .ttl-i-yosonrio{
        left:31%;
        top:74%;
        width:220px
    }
}
@media (min-width: 520px){
    .ttl-hero .ttl-hero-ele-1{
        background-image:url(https://images.contentstack.io/v3/assets/blt422ac29cebae1d64/blt3db48e6a5926bc95/63288903258fb55f6b217083/mascotas-banner.jpg)
    }
}
@media (min-width: 992px){
    .ttl-hero{
        height:500px
    }
    .ttl-hero .ttl-hero-ele{
        height:500px
    }
    .ttl-hero .ttl-hero-ele .ttl-image{
        position:absolute
    }
    .ttl-hero .ttl-hero-ele-1 .ttl-i-logo{
        left:5%;
        top:0;
        width:150px
    }
    .ttl-hero .ttl-hero-ele-1 .ttl-i-comprotottus{
        left:5%;
        top:50%;
        width:240px
    }
    .ttl-hero .ttl-hero-ele-1 .ttl-i-yosonrio{
        left:31%;
        top:54%;
        width:280px
    }
}
@media (min-width: 1200px){
    .ttl-hero{
        height:500px
    }
    .ttl-hero .ttl-hero-ele{
        height:500px
    }
    .ttl-hero .ttl-hero-ele .ttl-image{
        position:absolute
    }
    .ttl-hero .ttl-hero-ele-1 .ttl-i-comprotottus{
        width:280px
    }
    .ttl-hero .ttl-hero-ele-1 .ttl-i-yosonrio{
        width:335px
    }
}


.ttl-landing{
    font-family:"Ubuntu",sans-serif;
    height:100%;
    width:100%
}
.ttl-container{
    display:block;
    margin:0 auto;
    position:relative
}
@media (min-width: 390px){
    .ttl-container{
        width:370px
    }
}
@media (min-width: 480px){
    .ttl-container{
        width:450px
    }
}
@media (min-width: 520px){
    .ttl-container{
        width:500px
    }
}
@media (min-width: 768px){
    .ttl-container{
        width:750px
    }
}
@media (min-width: 992px){
    .ttl-container{
        width:970px
    }
}
@media (min-width: 1200px){
    .ttl-container{
        width:1170px
    }
}
.ttl-container-full{
    width:100% !important
}
.ttl-container-fh{
    height:100%
}
.ttl-container-fh .ttl-container-inner{
    height:100%
}
.ttl-content-outer{
    display:table;
    height:100%;
    width:100%
}
.ttl-content-outer .ttl-content-inner{
    display:table-cell;
    vertical-align:middle;
    width:100%
}
.ttl-spacer-10{
    display:block;
    height:10px
}
.ttl-spacer-20{
    display:block;
    height:20px
}
.ttl-p-20{
    padding:20px !important
}
.ttl-ph-20{
    padding:0 20px !important
}
a:link,a:visited,a:active,a:hover{
    text-decoration:none
}
.ttl-grid{
    display:flex;
    flex-wrap:wrap
}
.ttl-grid .ttl-grid-box{
    box-sizing:border-box;
    flex-grow:1;
    justify-content:space-between;
    padding:0 5px;
    margin:0 0 10px;
    width:100%
}
.ttl-grid.ttl-grid-gapless .ttl-grid-box{
    padding:0
}
@media (min-width: 390px){
    .ttl-grid-five .ttl-grid-box{
        width:50%
    }
}
@media (min-width: 480px){
    .ttl-grid-five .ttl-grid-box{
        width:50%
    }
    .ttl-grid-six .ttl-grid-box{
        width:50%
    }
}
@media (min-width: 520px){
    .ttl-grid-five .ttl-grid-box{
        width:50%
    }
    .ttl-grid-seven .ttl-grid-box{
        width:50%
    }
    .ttl-grid-six .ttl-grid-box{
        width:30.3%
    }
}
@media (min-width: 768px){
    .ttl-grid-five .ttl-grid-box{
        width:50%
    }
    .ttl-grid-half .ttl-grid-box{
        width:50%
    }
    .ttl-grid-half-alt .ttl-grid-box:first-child{
        width:60%
    }
    .ttl-grid-half-alt .ttl-grid-box{
        width:40%
    }
    .ttl-grid-trio .ttl-grid-box{
        width:50%
    }
    .ttl-grid-five .ttl-grid-box{
        width:20%
    }
    .ttl-grid-quarter .ttl-grid-box{
        width:50%
    }
    .ttl-grid-seven .ttl-grid-box{
        width:33%
    }
    .ttl-grid-six .ttl-grid-box{
        width:16,6%
    }
}
@media (min-width: 992px){
    .ttl-grid-quarter .ttl-grid-box{
        width:25%
    }
    .ttl-grid-trio-center .ttl-grid-box:nth-child(2){
        width:45% !important
    }
    .ttl-grid-trio-center .ttl-grid-box{
        width:25% !important
    }
    .ttl-grid-seven .ttl-grid-box{
        width:14%
    }
    .ttl-grid-six .ttl-grid-box{
        width:16.6%
    }
}
@media (min-width: 1200px){
    .ttl-grid-trio .ttl-grid-box{
        width:33.33%;
        flex:25%
    }
    .ttl-grid-trio .ttl-grid-box img{
        margin-top:8px;
        vertical-align:middle
    }
    .ttl-grid-trio-alt .ttl-grid-box:first-child{
        width:50%
    }
    .ttl-grid-trio-alt .ttl-grid-box{
        width:25%
    }
    .ttl-grid-trio-center .ttl-grid-box:nth-child(2){
        width:45% !important
    }
    .ttl-grid-trio-center .ttl-grid-box{
        width:25% !important
    }
    .ttl-grid-quarter .ttl-grid-box{
        width:25%
    }
}
.ttl-custom-content{
    height:100%
}
.ttl-custom-content p{
    line-height:1.4em;
    margin-bottom:1.5em
}
.ttl-custom-content p a:link,.ttl-custom-content p a:visited,.ttl-custom-content p a:active,.ttl-custom-content p a:hover{
    color:#046a38;
    text-decoration:none
}
.ttl-custom-content p a:hover{
    color:#046a38;
    text-decoration:underline
}
.ttl-custom-content .ttl-custom-headline{
    color:#046a38;
    font-family:"Ubuntu",sans-serif;
    font-size:20px;
    font-weight:700;
    margin-bottom:1em
}
.ttl-custom-content .ttl-custom-headline-gray{
    color:#4c4c4c
}
.ttl-custom-content .ttl-custom-headline-green{
    color:#046a38
}
.ttl-custom-content .ttl-custom-title-green,.ttl-custom-content .ttl-custom-title-gray{
    color:#78b800;
    font-family:"Ubuntu",sans-serif;
    font-size:18px;
    font-weight:700;
    margin-bottom:1em
}
.ttl-custom-content .ttl-custom-title-green br,.ttl-custom-content .ttl-custom-title-gray br{
    display:none
}
.ttl-custom-content .ttl-custom-title-gray{
    color:#4c4c4c
}
.ttl-custom-content .ttl-custom-title-white{
    color:#fff
}
.ttl-custom-content .ttl-custom-counter{
    font-family:"Ubuntu",sans-serif;
    margin:0;
    padding:0;
    list-style-type:none
}
.ttl-custom-content .ttl-custom-counter li{
    counter-increment:step-counter;
    line-height:1.4em;
    margin-bottom:10px
}
.ttl-custom-content .ttl-custom-counter li::before{
    border-radius:10px;
    -webkit-background-clip:padding-box;
    -moz-background-clip:padding;
    background-clip:padding-box;
    content:counter(step-counter);
    background-color:#78b800;
    color:white;
    font-size:1em;
    font-weight:bold;
    margin-right:8px;
    padding:5px 8px
}
.ttl-custom-content .ttl-custom-list{
    font-family:"Ubuntu",sans-serif;
    margin:0 0 1.5em;
    padding:0;
    list-style:none
}
.ttl-custom-content .ttl-custom-list ul{
    list-style:none;
    margin-top:0.5em
}
.ttl-custom-content .ttl-custom-list li{
    line-height:1.4em;
    margin-bottom:0.5em;
    padding-left:1em
}
.ttl-custom-content .ttl-custom-list li::before{
    background-color:#78b800;
    content:'';
    display:inline-block;
    font-size:1em;
    font-weight:bold;
    height:4px;
    margin-left:-1em;
    margin-right:8px;
    width:4px
}
.ttl-custom-content .ttl-content-video{
    display:block;
    height:280px;
    margin:0 auto;
    width:300px
}
@media (min-width: 768px){
    .ttl-custom-content .ttl-custom-headline{
        font-size:24px
    }
    .ttl-custom-content .ttl-custom-title-green{
        font-size:22px
    }
    .ttl-custom-content .ttl-custom-title-green br{
        display:block
    }
    .ttl-custom-content .ttl-custom-counter{
        margin:0;
        padding:0;
        list-style-type:none
    }
    .ttl-custom-content .ttl-content-video{
        height:520px;
        width:600px
    }
}
@media (min-width: 992px){
    .ttl-custom-content .ttl-custom-headline{
        font-size:28px
    }
    .ttl-custom-content .ttl-custom-title-green{
        font-size:25px
    }
    .ttl-custom-content .ttl-content-video{
        height:520px;
        width:900px
    }
}
.btn-tt-seemore:link,.btn-tt-seemore:visited,.btn-tt-seemore:active,.btn-tt-seemore:hover{
    background-color:#89b03a;
    border-radius:15px;
    -webkit-background-clip:padding-box;
    -moz-background-clip:padding;
    background-clip:padding-box;
    color:#fff;
    font-family:"Ubuntu",sans-serif;
    font-size:12px;
    font-weight:700;
    padding:10px 14px;
    text-transform:uppercase;
    width:150px
}
@media (min-width: 768px){
    .btn-tt-seemore:link,.btn-tt-seemore:visited,.btn-tt-seemore:active,.btn-tt-seemore:hover{
        border-radius:15px;
        -webkit-background-clip:padding-box;
        -moz-background-clip:padding;
        background-clip:padding-box;
        font-size:12px;
        width:120px
    }
}
@media (min-width: 992px){
    .btn-tt-seemore:link,.btn-tt-seemore:visited,.btn-tt-seemore:active,.btn-tt-seemore:hover{
        background-color:#89b03a;
        border-radius:15px;
        -webkit-background-clip:padding-box;
        -moz-background-clip:padding;
        background-clip:padding-box;
        color:#fff;
        font-family:"Ubuntu",sans-serif;
        font-size:15px;
        font-weight:700;
        text-transform:uppercase;
        width:150px
    }
}
.ttl-cta-default{
    background-color:#046a38;
    box-sizing:border-box;
    border-radius:5px;
    -webkit-background-clip:padding-box;
    -moz-background-clip:padding;
    background-clip:padding-box;
    display:block;
    margin:0 0 2em;
    padding:2em 2em 2em 3.5em;
    position:relative;
    width:100%
}
.ttl-cta-default>i.fa{
    color:#fff;
    font-size:1.5em;
    position:absolute;
    top:50%;
    left:15px;
    transform:translateY(-50%)
}
.ttl-cta-default p{
    color:#fff;
    font-family:"Metropolis Fix", Helvetica, sans-serif;
    font-size:13px;
    font-weight:300;
    margin:0
}
.ttl-cta-default p a:link,.ttl-cta-default p a:active,.ttl-cta-default p a:visited,.ttl-cta-default p a:hover{
    color:#fff !important;
    text-decoration:none
}
.ttl-cta-default p .ttl-social-icon{
    display:inline-block;
    font-size:1em;
    margin:0 0 0 1em
}
.ttl-cta-default p strong{
    font-weight:700
}
@media (min-width: 480px){
    .ttl-cta-default{
        border-radius:10px;
        -webkit-background-clip:padding-box;
        -moz-background-clip:padding;
        background-clip:padding-box
    }
    .ttl-cta-default>i.fa{
        font-size:2em;
        left:25px
    }
    .ttl-cta-default p{
        color:#fff;
        font-family:"Ubuntu",sans-serif;
        font-size:15px
    }
}
@media (min-width: 768px){
    .ttl-cta-default{
        border-radius:10px;
        -webkit-background-clip:padding-box;
        -moz-background-clip:padding;
        background-clip:padding-box;
        max-width:450px;
        margin:0 auto 2em;
        padding:2em 2em 2em 4em
    }
    .ttl-cta-default>i.fa{
        font-size:2em
    }
    .ttl-cta-default p{
        color:#fff;
        font-family:"Ubuntu",sans-serif;
        font-size:16px
    }
}
@media (min-width: 1200px){
    .ttl-cta-default{
        max-width:550px;
        margin:0 auto 2em
    }
    .ttl-cta-default p{
        font-size:18px
    }
}
.glide{
    position:relative;
    width:100%;
    box-sizing:border-box
}
.glide *{
    box-sizing:inherit
}
.glide__track{
    overflow:hidden
}
.glide__slides{
    position:relative;
    width:100%;
    list-style:none;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    transform-style:preserve-3d;
    touch-action:pan-Y;
    overflow:hidden;
    padding:0;
    white-space:nowrap;
    display:flex;
    flex-wrap:nowrap;
    will-change:transform
}
.glide__slides--dragging{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.glide__slide{
    width:100%;
    height:100%;
    flex-shrink:0;
    white-space:normal;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-touch-callout:none;
    -webkit-tap-highlight-color:transparent
}
.glide__slide a{
    -webkit-user-select:none;
    user-select:none;
    -webkit-user-drag:none;
    -moz-user-select:none;
    -ms-user-select:none
}
.glide__arrows{
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.glide__bullets{
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.glide--rtl{
    direction:rtl
}
.glide__arrow{
    position:absolute;
    display:block;
    top:50%;
    z-index:2;
    color:white;
    text-transform:uppercase;
    padding:9px 12px;
    background-color:transparent;
    border:2px solid rgba(255,255,255,0.5);
    border-radius:4px;
    box-shadow:0 0.25em 0.5em 0 rgba(0,0,0,0.1);
    text-shadow:0 0.25em 0.5em rgba(0,0,0,0.1);
    opacity:1;
    cursor:pointer;
    transition:opacity 150ms ease, border 300ms ease-in-out;
    transform:translateY(-50%);
    line-height:1
}
.glide__arrow:focus{
    outline:none
}
.glide__arrow:hover{
    border-color:white
}
.glide__arrow--left{
    left:2em
}
.glide__arrow--right{
    right:2em
}
.glide__arrow--disabled{
    opacity:0.33
}
.glide__bullets{
    position:absolute;
    z-index:2;
    bottom:2em;
    left:50%;
    display:inline-flex;
    list-style:none;
    transform:translateX(-50%)
}
.glide__bullet{
    background-color:rgba(255,255,255,0.5);
    width:9px;
    height:9px;
    padding:0;
    border-radius:50%;
    border:2px solid transparent;
    transition:all 300ms ease-in-out;
    cursor:pointer;
    line-height:0;
    box-shadow:0 0.25em 0.5em 0 rgba(0,0,0,0.1);
    margin:0 0.25em
}
.glide__bullet:focus{
    outline:none
}
.glide__bullet:hover,.glide__bullet:focus{
    border:2px solid white;
    background-color:rgba(255,255,255,0.5)
}
.glide__bullet--active{
    background-color:white
}
.glide--swipeable{
    cursor:grab;
    cursor:-webkit-grab
}
.glide--dragging{
    cursor:grabbing;
    cursor:-webkit-grabbing
}
.ttl-waypoint{
    background-color:#f3f3f3;
    padding:10px 0
}
.ttl-waypoint-container{
    box-sizing:border-box;
    display:flex;
    flex-wrap:wrap;
    font-size:12px;
    height:100%;
    margin:0 auto;
    padding:0;
    width:100%;
    justify-content:center
}
.ttl-waypoint-container .ttl-waypoint{
    box-sizing:border-box;
    color:#000;
    font-family:"Ubuntu",sans-serif;
    font-weight:700;
    justify-content:space-between;
    margin-bottom:15px;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    width:50%
}
.ttl-waypoint-container .ttl-waypoint-image{
    display:block;
    margin:0 auto 10px;
    width:140px
}
.ttl-waypoint-container .ttl-waypoint-image img{
    width:100%;
    border-radius:50%
}
.ttl-waypoint-container .ttl-waypoint-imagemask{
    background-color:#fff;
    box-shadow:0 3px 3px 3px rgba(0,0,0,0.1);
    border-radius:50%;
    -webkit-background-clip:padding-box;
    -moz-background-clip:padding;
    background-clip:padding-box
}
.ttl-waypoint-container .ttl-waypoint-text{
    display:block;
    text-align:center
}
.ttl-waypoint-container .ttl-waypoint-text span{
    color:#89b03a;
    display:block
}
@media (min-width: 520px){
    .ttl-waypoint-container{
        font-size:14px
    }
    .ttl-waypoint-container .ttl-waypoint{
        width:33.33%
    }
    .ttl-waypoint-container .ttl-waypoint-image{
        width:160px
    }
}
@media (min-width: 768px){
    .ttl-waypoint-container{
        font-size:14px;
        max-width:750px
    }
    .ttl-waypoint-container .ttl-waypoint{
        width:25%
    }
    .ttl-waypoint-container .ttl-waypoint-image{
        width:170px
    }
}
@media (min-width: 992px){
    .ttl-waypoint-container{
        font-size:16px;
        max-width:970px
    }
    .ttl-waypoint-container .ttl-waypoint{
        width:25%
    }
    .ttl-waypoint-container .ttl-waypoint-image{
        width:179px
    }
    .ttl-waypoint-container .ttl-waypoint-text span{
        display:inline
    }
}
@media (min-width: 1200px){
    .ttl-waypoint-container{
        font-size:16px
    }
    .ttl-waypoint-container .ttl-waypoint{
        width:25%
    }
    .ttl-waypoint-container .ttl-waypoint-text span{
        display:inline
    }
}
.ttl-showcase{
    display:block;
    padding:3em 0;
    width:100%
}
.ttl-showcase .ttl-showcase-inner{
    display:grid;
    grid-gap:1rem;
    grid-template-columns:repeat(2, 1fr);
    max-width:800px;
    margin:0 auto
}
.ttl-showcase .ttl-showcase-element{
    box-shadow:0 3px 3px 3px rgba(0,0,0,0.1);
    border-radius:50%;
    -webkit-background-clip:padding-box;
    -moz-background-clip:padding;
    background-clip:padding-box;
    color:#4c4c4c;
    display:block;
    height:100px;
    margin:0 auto 2em;
    position:relative;
    width:100px
}
.ttl-showcase .ttl-showcase-element .ttl-showcase-element-inner{
    align-self:center;
    display:flex;
    height:100px;
    justify-content:center;
    padding:0 1em;
    width:100px
}
.ttl-showcase .ttl-showcase-element img{
    align-self:center;
    max-height:48%
}
.ttl-showcase .ttl-showcase-element .ttl-showcase-text{
    bottom:-27%;
    display:block;
    font-size:0.8em;
    left:0;
    position:absolute;
    text-align:center;
    text-transform:uppercase;
    width:100%
}
@media (min-width: 520px){
    .ttl-showcase{
        padding:2em 0
    }
    .ttl-showcase .ttl-showcase-inner{
        grid-template-columns:repeat(5, 1fr);
        max-width:800px
    }
    .ttl-showcase .ttl-showcase-element{
        height:110px;
        width:110px
    }
    .ttl-showcase .ttl-showcase-element .ttl-showcase-element-inner{
        height:110px;
        width:110px
    }
    .ttl-showcase .ttl-showcase-element img{
        max-height:50%
    }
    .ttl-showcase .ttl-showcase-element span{
        bottom:-24%;
        font-size:1em
    }
}
@media (min-width: 768px){
    .ttl-showcase{
        padding:2em 0
    }
    .ttl-showcase .ttl-showcase-inner{
        max-width:800px
    }
    .ttl-showcase .ttl-showcase-element{
        height:140px;
        margin:0 auto 3.4em;
        width:140px
    }
    .ttl-showcase .ttl-showcase-element .ttl-showcase-element-inner{
        height:140px;
        width:140px
    }
    .ttl-showcase .ttl-showcase-element img{
        max-height:70%
    }
    .ttl-showcase .ttl-showcase-element span{
        bottom:-24%;
        font-size:0.8em
    }
}
@media (min-width: 992px){
    .ttl-showcase .ttl-showcase-inner{
        max-width:900px
    }
}
.ttl-showcase_v2{
    padding:10px 0
}
.ttl-showcase_v2-container{
    box-sizing:border-box;
    display:flex;
    flex-wrap:wrap;
    font-size:12px;
    height:100%;
    margin:0 auto;
    padding:0;
    width:100%;
    justify-content:center
}
.ttl-showcase_v2-container .ttl-showcase_v2{
    box-sizing:border-box;
    color:#000;
    font-family:"Ubuntu",sans-serif;
    font-weight:700;
    justify-content:space-between;
    margin-bottom:15px;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    width:50%
}
.ttl-showcase_v2-container .ttl-showcase_v2 .ttl-showcase_v2-image{
    border-radius:50%;
    overflow:hidden;
    padding:10px 0px;
    background-color:#fff;
    transform:scale(1);
    transition:transform .4s ease;
    box-shadow:0 0 13px 0 rgba(0,0,0,0.2);
    transition:background-color .5s ease
}
.ttl-showcase_v2-container .ttl-showcase_v2-image{
    display:block;
    margin:0 auto 10px;
    width:140px
}
.ttl-showcase_v2-container .ttl-showcase_v2-image img{
    width:140px;
    border-radius:50%
}
.ttl-showcase_v2-container .ttl-showcase_v2-imagemask{
    background-color:#fff;
    box-shadow:0 3px 3px 3px rgba(0,0,0,0.1);
    border-radius:50%;
    -webkit-background-clip:padding-box;
    -moz-background-clip:padding;
    background-clip:padding-box
}
.ttl-showcase_v2-container .ttl-showcase_v2-text{
    display:block;
    text-align:center
}
.ttl-showcase_v2-container .ttl-showcase_v2-text span{
    color:#89b03a;
    display:block
}
@media (min-width: 520px){
    .ttl-showcase_v2-container{
        font-size:14px
    }
    .ttl-showcase_v2-container .ttl-showcase_v2{
        width:33.33%
    }
    .ttl-showcase_v2-container .ttl-showcase_v2-image{
        width:160px
    }
}
@media (min-width: 768px){
    .ttl-showcase_v2-container{
        font-size:14px;
        max-width:750px
    }
    .ttl-showcase_v2-container .ttl-showcase_v2{
        width:25%
    }
    .ttl-showcase_v2-container .ttl-showcase_v2-image{
        width:170px
    }
}
@media (min-width: 992px){
    .ttl-showcase_v2-container{
        font-size:16px;
        max-width:1200px !important
    }
    .ttl-showcase_v2-container .ttl-showcase_v2{
        width:20%
    }
    .ttl-showcase_v2-container .ttl-showcase_v2-image{
        width:170px
    }
    .ttl-showcase_v2-container .ttl-showcase_v2-text span{
        display:inline
    }
}
@media (min-width: 1200px){
    .ttl-showcase_v2-container{
        font-size:16px
    }
    .ttl-showcase_v2-container .ttl-showcase_v2{
        width:16.6%
    }
    .ttl-showcase_v2-container .ttl-showcase_v2-text span{
        display:inline
    }
}
.ttl-highlight{
    border-color:#fff;
    border-style:solid;
    border-width:9px;
    box-sizing:border-box;
    cursor:pointer;
    display:block;
    height:100%;
    min-height:250px;
    margin:0 auto;
    padding:0;
    position:relative;
    text-decoration:none;
    width:100%;
    box-shadow:0 0px 1px 1px #e6e6e6;
    border-radius:5px;
    -webkit-background-clip:padding-box;
    -moz-background-clip:padding;
    background-clip:padding-box
}
.ttl-highlight:hover{
    box-shadow:0 0px 1px 1px #89b03a
}
.ttl-highlight .ttl-highlight-inner{
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    box-sizing:border-box;
    display:flex;
    height:100%;
    justify-content:flex-start;
    padding:1.5em 1em;
    position:relative
}
.ttl-highlight .ttl-highlight-content{
    display:block;
    max-width:260px;
    width:100%
}
.ttl-highlight .ttl-highlight-content .ttl-highlight-heading{
    color:#4c4c4c;
    font-family:"Ubuntu",sans-serif;
    font-size:16px;
    font-weight:700;
    line-height:1.2em;
    margin:0 0 10px 5px;
    padding:0 0 0 20px;
    position:relative;
    text-shadow:1px 1px 5px rgba(255,255,255,0.5)
}
.ttl-highlight .ttl-highlight-content .ttl-highlight-heading span{
    font-weight:400;
    color:#89b03a
}
.ttl-highlight .ttl-highlight-content .ttl-highlight-heading::before,.ttl-highlight .ttl-highlight-content .ttl-highlight-heading::after{
    content:"";
    position:absolute;
    top:50%;
    display:block;
    transform:translateY(-50%)
}
.ttl-highlight .ttl-highlight-content .ttl-highlight-heading::before{
    left:0;
    width:1px;
    height:100%;
    background-color:#89b03a
}
.ttl-highlight .ttl-highlight-content .ttl-highlight-tagline{
    color:#4c4c4c;
    font-family:"Ubuntu",sans-serif;
    font-size:16px;
    font-weight:700;
    line-height:1.3em;
    margin-left:5px;
    margin-top:10px;
    margin-bottom:10px;
    padding:0 0 0 20px;
    position:relative;
    text-transform:uppercase
}
.ttl-highlight .ttl-highlight-content p{
    color:#4c4c4c;
    font-family:"Ubuntu",sans-serif;
    font-size:14px;
    font-weight:400;
    line-height:1.5em;
    margin-left:5px;
    margin-bottom:15px;
    padding:0 0 0 20px
}
.ttl-highlight .ttl-highlight-content p small{
    font-size:0.8em;
    line-height:1em
}
.ttl-highlight .ttl-highlight-image{
    border-radius:5px;
    -webkit-background-clip:padding-box;
    -moz-background-clip:padding;
    background-clip:padding-box;
    height:100%;
    left:0;
    overflow:hidden;
    padding:0;
    position:absolute;
    top:0;
    width:100%
}
.ttl-highlight .ttl-highlight-image-desktop,.ttl-highlight .ttl-highlight-image-tablet,.ttl-highlight .ttl-highlight-image-mobile{
    background-repeat:no-repeat;
    background-size:cover;
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%
}
.ttl-highlight .ttl-highlight-image-desktop{
    background-position:center center
}
.ttl-highlight .ttl-highlight-image-tablet,.ttl-highlight .ttl-highlight-image-mobile{
    background-position:right bottom
}
.ttl-highlight .ttl-highlight-image-tablet{
    display:none
}
.ttl-highlight .ttl-highlight-image-desktop{
    display:none
}
.ttl-highlight-with-heading .ttl-highlight-content .ttl-highlight-heading::before,.ttl-highlight-with-heading .ttl-highlight-content .ttl-highlight-heading::after{
    content:"";
    display:block;
    position:absolute;
    top:3px;
    transform:none
}
.ttl-highlight-with-heading .ttl-highlight-content .ttl-highlight-heading::before{
    left:0;
    width:5px;
    height:10px;
    background-color:#89b03a
}
.ttl-highlight-with-heading .ttl-highlight-content .ttl-highlight-heading::after{
    left:5px;
    border-left:6px solid #89b03a;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent
}
ttl-highlight-portrait-medium{
    min-height:420px
}
.ttl-highlight-portrait{
    min-height:370px
}
.ttl-highlight-portrait-height{
    max-height:338px
}
.ttl-highlight-portrait-big{
    min-height:520px
}
@media (max-width: 767px){
    .ttl-highlight-full .ttl-highlight-inner{
        padding-bottom:12em
    }
}
.ttl-highlight-full .ttl-highlight-content{
    display:block;
    max-width:100% !important
}
@media (max-width: 767px){
    .ttl-highlight-semi-full .ttl-highlight-inner{
        padding-bottom:12em
    }
}
.ttl-highlight-semi-full .ttl-highlight-content{
    display:block;
    max-width:100% !important
}
.ttl-highlight-semi-full .ttl-highlight-portrait-medium{
    min-height:420px
}
@media (min-width: 390px){
    .ttl-highlight-portrait-medium{
        min-height:420px
    }
}
@media (min-width: 480px){
    .ttl-highlight-portrait-medium{
        min-height:420px
    }
}
@media (min-width: 520px){
    .ttl-highlight-portrait-medium{
        min-height:420px
    }
}
@media (min-width: 768px){
    .ttl-highlight{
        border-color:#fff;
        border-style:solid;
        border-width:9px;
        display:block;
        min-height:290px;
        padding:0
    }
    .ttl-highlight .ttl-highlight-inner{
        background-position:center center;
        background-repeat:no-repeat;
        background-size:cover;
        display:flex;
        justify-content:flex-start;
        position:relative
    }
    .ttl-highlight .ttl-highlight-content{
        display:block
    }
    .ttl-highlight .ttl-highlight-content .ttl-highlight-heading{
        font-size:16px;
        margin:0 0 5px 5px
    }
    .ttl-highlight .ttl-highlight-content .ttl-highlight-tagline{
        font-size:14px;
        margin-bottom:10px;
        margin-top:10px
    }
    .ttl-highlight.ttl-highlight-inverse .ttl-highlight-inner{
        justify-content:flex-end
    }
    .ttl-highlight.ttl-highlight-inverse .ttl-highlight-image{
        left:4%;
        right:auto
    }
    .ttl-highlight .ttl-highlight-image-mobile{
        display:none
    }
    .ttl-highlight .ttl-highlight-image-tablet{
        display:block
    }
    .ttl-highlight-portrait{
        min-height:440px
    }
    .ttl-highlight-portrait-big{
        min-height:540px
    }
    .ttl-highlight-portrait-medium{
        min-height:420px
    }
}
@media (min-width: 992px){
    .ttl-highlight{
        border-width:9px;
        display:block
    }
    .ttl-highlight .ttl-highlight-inner{
        padding:2em
    }
    .ttl-highlight .ttl-highlight-content .ttl-highlight-heading{
        font-size:18px;
        margin:0 0 10px 5px
    }
    .ttl-highlight .ttl-highlight-content .ttl-highlight-tagline{
        font-size:18px;
        margin-bottom:15px
    }
    .ttl-highlight .ttl-highlight-content p{
        font-size:15px
    }
    .ttl-highlight.ttl-highlight-inverse .ttl-highlight-inner{
        justify-content:flex-end
    }
    .ttl-highlight .ttl-highlight-image-mobile{
        display:none
    }
    .ttl-highlight .ttl-highlight-image-tablet{
        display:none
    }
    .ttl-highlight .ttl-highlight-image-desktop{
        display:block
    }
    .ttl-highlight-portrait{
        min-height:570px
    }
    .ttl-highlight-portrait-medium{
        min-height:420px
    }
    .ttl-highlight-portrait-big{
        min-height:770px
    }
}
@media (min-width: 1200px){
    .ttl-highlight{
        border-color:#fff;
        border-style:solid;
        border-width:9px;
        display:block;
        padding:0;
        width:100%;
        box-shadow:0 0px 1px 1px #e6e6e6;
        border-radius:5px;
        -webkit-background-clip:padding-box;
        -moz-background-clip:padding;
        background-clip:padding-box
    }
    .ttl-highlight .ttl-highlight-inner{
        background-position:center center;
        background-repeat:no-repeat;
        background-size:cover;
        display:flex;
        justify-content:flex-start;
        position:relative
    }
    .ttl-highlight .ttl-highlight-content{
        display:block
    }
    .ttl-highlight .ttl-highlight-content .ttl-highlight-heading{
        color:#4c4c4c;
        font-family:"Ubuntu",sans-serif;
        font-size:20px;
        font-weight:700;
        margin:0 0 20px 5px;
        padding:0 0 0 20px;
        position:relative
    }
    .ttl-highlight .ttl-highlight-content .ttl-highlight-tagline{
        color:#4c4c4c;
        font-family:"Ubuntu",sans-serif;
        font-size:24px;
        font-weight:700;
        line-height:1.3em;
        margin-left:5px;
        margin-top:10px;
        margin-bottom:20px;
        padding:0 0 0 20px;
        position:relative;
        text-transform:uppercase
    }
    .ttl-highlight .ttl-highlight-content p{
        color:#4c4c4c;
        font-family:"Ubuntu",sans-serif;
        font-size:15px;
        font-weight:400;
        line-height:1.5em;
        margin-left:5px;
        margin-bottom:25px;
        padding:0 0 0 20px
    }
    .ttl-highlight.ttl-highlight-inverse .ttl-highlight-inner{
        justify-content:flex-end
    }
}
.ttl-content-headline{
    color:#4c4c4c;
    font-family:"Ubuntu",sans-serif;
    font-size:20px;
    font-weight:700;
    margin:1em 0 1em 5px;
    padding:0 0 0 20px;
    position:relative
}
.ttl-content-headline span{
    font-weight:400;
    color:#89b03a
}
.ttl-content-headline::before,.ttl-content-headline::after{
    content:"";
    position:absolute;
    top:50%;
    display:block;
    transform:translateY(-50%)
}
.ttl-content-headline::before{
    left:0;
    width:5px;
    height:15px;
    background-color:#89b03a
}
.ttl-content-headline::after{
    left:4px;
    border-left:6px solid #89b03a;
    border-top:8px solid transparent;
    border-bottom:8px solid transparent
}
.ttl-gallery{
    background-color:#ededee;
    padding:20px 0
}
.ttl-gallery .ttl-gallery-inner{
    background-color:#fff;
    display:block;
    padding:20px
}
.ttl-gallery .ttl-gallery-inner .glide__arrow{
    background-color:#f3f3f3;
    border:0;
    box-shadow:none;
    color:#555556
}
.ttl-gallery .ttl-gallery-inner .glide__arrow--left{
    left:-2em
}
.ttl-gallery .ttl-gallery-inner .glide__arrow--right{
    right:-2em
}
@media (min-width: 992px){
    .ttl-gallery{
        padding:40px 0
    }
    .ttl-gallery .ttl-gallery-inner{
        padding:40px
    }
    .ttl-gallery .ttl-gallery-inner .glide__arrow{
        font-size:1.4em;
        padding:1em 0.5em
    }
    .ttl-gallery .ttl-gallery-inner .glide__arrow--left{
        left:-40px
    }
    .ttl-gallery .ttl-gallery-inner .glide__arrow--right{
        right:-40px
    }
}
@media (min-width: 1200px){
    .ttl-gallery{
        padding:60px 0
    }
}
.ttl-product{
    display:block;
    margin:0 auto;
    max-width:210px
}
.ttl-product h3.ttl-product-headline{
    font-family:"Ubuntu",sans-serif;
    font-weight:400;
    font-size:14px;
    line-height:1.5em;
    text-align:center
}
.ttl-product p.ttl-product-brand{
    color:#89b03a;
    font-family:"Ubuntu",sans-serif;
    font-weight:700;
    font-size:15px;
    line-height:1.5em;
    text-align:center;
    text-transform:uppercase
}
.ttl-product .ttl-product-meta{
    text-align:center
}
@media (min-width: 992px){
    .ttl-product{
        display:block;
        margin:0 auto;
        max-width:210px
    }
    .ttl-product h3.ttl-product-headline{
        font-family:"Ubuntu",sans-serif;
        font-weight:400;
        font-size:14px;
        line-height:1.5em;
        text-align:center
    }
    .ttl-product p.ttl-product-brand{
        color:#89b03a;
        font-family:"Ubuntu",sans-serif;
        font-weight:700;
        font-size:16px;
        line-height:1.5em;
        text-align:center;
        text-transform:uppercase
    }
    .ttl-product .ttl-product-meta{
        text-align:center
    }
}
#ttl_mascotas .ttl-highlight-heading{
    color:#FFF !important;
    text-shadow:inherit
}
#ttl_mascotas .ttl-custom-list{
    color:#FFF !important;
    padding-left:30px !important
}
#ttl_mascotas .ttl-custom-title-white{
    padding-left:30px !important
}
#ttl_mascotas .ttl-waypoint-image{
    position:relative;
    padding:0;
    background-color:#ccc;
    box-shadow:0 0 8px 0 rgba(0,0,0,0.75);
    border-radius:50%
}
#ttl_mascotas .ttl-waypoint-image::after{
    content:"";
    position:absolute;
    top:4px;
    left:4px;
    width:calc(100% - 8px);
    height:calc(100% - 8px);
    border:1px solid #f0f0f0;
    border-radius:50%
}
#ttl_mascotas .tt1-img-float-center{
    position:relative;
    top:-120px;
    margin:auto;
    width:14%
}
#ttl_mascotas .tt1-img-float-left{
    position:relative;
    top:-220px;
    margin:left;
    left:20px;
    width:70%
}
#ttl_mascotas #tu_perro_section_three h2{
    top:7px;
    color:#726450 !important;
    font-size:30px !important;
    font-weight:400
}
#ttl_mascotas #tu_perro_section_three span{
    color:#726450 !important;
    font-weight:bold
}
#ttl_mascotas #tu_perro_section_three .ttl-custom-title-white{
    font-size:22px !important;
    font-weight:300
}
#ttl_mascotas #tu_perro_section_three .ttl-content-inner{
    vertical-align:baseline;
    font-weight:200
}
#ttl_mascotas #tu_perro_section_three .ttl-content-inner .ttl-custom-list li::before{
    color:#726450 !important
}
#ttl_mascotas #tu_perro_section_three .ttl-highlight .ttl-highlight-content .ttl-highlight-heading::before,#ttl_mascotas #tu_perro_section_three .ttl-highlight .ttl-highlight-content .ttl-highlight-heading::after{
    position:relative !important
}
#ttl_mascotas #tu_gato_section_two .ttl-grid-trio .ttl-grid-box{
    max-height:400px !important
}
#ttl_mascotas #tu_gato_section_four h2{
    font-size:28px !important
}
#ttl_mascotas #tu_gato_section_four .ttl-content-inner{
    vertical-align:baseline;
    font-weight:200
}
#ttl_mascotas #tu_gato_section_four .ttl-highlight .ttl-highlight-content .ttl-highlight-heading::before,#ttl_mascotas #tu_gato_section_four .ttl-highlight .ttl-highlight-content .ttl-highlight-heading::after{
    position:relative !important
}
#ttl_mascotas #animales_pequenos_section_two h3{
    color:#FFF;
    text-transform:initial;
    font-weight:300 !important;
    font-size:38px
}
#ttl_mascotas #animales_pequenos_section_two h3 span{
    font-weight:bold
}
#ttl_mascotas #animales_pequenos_section_two .ttl-highlight .ttl-highlight-content .ttl-highlight-heading::before,#ttl_mascotas #animales_pequenos_section_two .ttl-highlight .ttl-highlight-content .ttl-highlight-heading::after{
    color:#FFF !important;
    background-color:#FFF;
    top:100px !important;
    font-weight:bold;
    height:132px
}
#ttl_mascotas #adopta_section_two h3{
    color:#FFF;
    text-transform:initial;
    font-weight:300 !important;
    font-size:38px
}
#ttl_mascotas #adopta_section_two h3 span{
    font-weight:bold
}
#ttl_mascotas #adopta_section_two p{
    font-size:18px;
    color:#FFF !important;
    margin:15px 0px 0px 0px !important;
    padding-left:0px !important
}
#ttl_mascotas #adopta_section_two .ttl-highlight .ttl-highlight-content .ttl-highlight-heading::before,#ttl_mascotas #adopta_section_two .ttl-highlight .ttl-highlight-content .ttl-highlight-heading::after{
    color:#FFF !important;
    background-color:#FFF;
    top:100px !important;
    font-weight:bold;
    height:132px
}
#ttl_mascotas #adopta_section_two .ttl-content-inner{
    vertical-align:baseline;
    font-weight:200;
    font-size:20px
}
@media only screen and (max-width: 1160px){
    #ttl_mascotas .tt1-img-float-left{
        top:-140px
    }
    #ttl_mascotas .tt1-img-float-center{
        top:-140px
    }
}
@media only screen and (max-width: 560px){
    #ttl_mascotas .ttl-showcase_v2-container .ttl-showcase_v2 .ttl-showcase_v2-image{
        padding:10px !important
    }
    #ttl_mascotas .ttl-showcase_v2-container .ttl-showcase_v2 .ttl-showcase_v2-image img{
        border-radius:0 !important
    }
    #ttl_mascotas .ttl-highlight .ttl-highlight-inner{
        background-color:rgba(100,100,100,0.5) !important
    }
}