﻿
body, div, p, span, h1, h2, h3, h4, h5, h6, form
{
    font-family: Roboto,sans-serif;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto
{
    padding-right: 7.5px;
    padding-left: 7.5px;
}

.bold
{
    font-weight: bold !important;
}

.instit-red
{
    background-color: #c62828;
}

.instit-red-text, .instit-red-text:hover
{
    color: #c62828;
}

.instit-blue
{
    background-color: #337ab7;
}

.instit-blue-text
{
    color: #337ab7;
}

h2.sub-title
{
    font-size: 1.5em !important;
    color: #808080;
    font-family: Roboto,sans-serif;
}

h3.sub-title
{
    font-size: 1.3em !important;
    color: #808080;
    font-family: Roboto,sans-serif;
}

p.sub-title
{
    font-size: 1em !important;
    color: #000;
    font-weight: bold;
}

/*sections*/
.preset-section .video-section .redArrowDown
{
    margin-bottom: -12px !important;
}

.preset-section-cards .card-body
{
    background-color: #f5f5f5;
}

.preset-section .btn
{
    padding: 10px;
    /* background-image: linear-gradient(to right,#c62828 0%,#e55151 100%);*/
    border: 1px solid #c62828;
}

    .preset-section .btn:hover, .preset-section-cards .btn:hover
    {
        background-image: none;
    }

.preset-section .white-text
{
    color: gray;
}

.preset-section .card
{
    width: 100%;
    border: none;
}

.preset-section h4.card-title
{
    text-transform: uppercase;
    margin-bottom: 0px;
}

.card-img-top, .card-img-top:hover
{
    width: 100%;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
}

.box-shadow
{
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, .4);
}

    .box-shadow:hover
    {
        box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, .2);
        transition: all .2s cubic-bezier(.455,.03,.515,.955);
    }

.preset-section .center
{
    margin: 0 auto;
}

.preset-section .double-cards .card
{
    width: 482px;
    height: auto;
    overflow: hidden;
}

.simple-cards 
{
    text-align: justify;
}

.simple-cards ul {
    list-style: initial;
}

.preset-section .simple-cards .card, .telemed-section .simple-cards .card
{
    width: 600px;
    height: 300px;
    overflow: hidden;
    position: relative;
    left: 0;
    top: 0;
}

    .preset-section .simple-cards .card.bottom-side img,
    .telemed-section .simple-cards .card.bottom-side img
    {
        max-width: 100%;
        position: absolute;
        bottom: 0;
    }

    .preset-section .simple-cards .card.top-side img,
    .telemed-section .simple-cards .card.top-side img
    {
        max-width: 100%;
        position: absolute;
        top: 0;
    }

.gradient-red
{
    color: #fff;
    background-image: linear-gradient(to bottom,#e55151 0%,#c62828 100%);
    background-repeat: repeat-x;
}

.go-next
{
    position: relative;
}

    .go-next .redArrowDown
    {
        position: absolute;
        bottom: -30px;
        left: 50%;
    }

.preset-section.preponderance-image-section .image-cover
{
    background-image: url(https://ecommerceapi.assistcard.com/Api/ImagesHandler/GetImage?freeImageCode=imgtopicoar);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: bottom;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    min-height: 400px;
    box-shadow: inset 0 0 black;
}

.preset-section.preponderance-image-section .btn
{
    min-width: 80px;
}

.card-img-top
{
    overflow: hidden;
}

.preset-section-cards .card-body
{
    height: 220px !important;
}

    .preset-section-cards .card-body .card-text
    {
        /*height: 50px !important;
                overflow: hidden;
                    white-space: nowrap;
                text-overflow:ellipsis;
                */
    }
/*END sections*/
/*Telemed sections*/
.telemed-section .simple-cards .card
{
    height: 250px;
}

.background-telemed
{
    background-image: url(img/titulo-ac.jpg);
    background-repeat: no-repeat;
    width: 100%;
    height: 144px;
    max-width: 1350px;
    margin: 0 auto;
}


#frmQuoter
{
    max-height: 445px;
}

.mainForm
{
    /*box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, .4);*/
    border: 1px solid #dedede;
}

.btn-blue-ac
{
    background-color: #005fbd;
    background-image: linear-gradient(to top,#005fbd 10%,#0c74db 100%);
    color: #fff!important;
    border: 1px solid #0353a2;
}

    .btn-blue-ac:hover, .btn-blue-ac:focus, .btn-blue-ac.active
    {
        background-image: none;
        background-color: #054b91;
        border: 1px solid #04396d;
    }

.btn-center
{
    text-align: center;
    color: #ffffff;
    border: none !important;
    box-shadow: none;
    border-radius: 15px;
}

    .btn-center a
    {
        background-color: #c0c0c0;
        padding-top: 7px;
        padding-bottom: 5px;
    }

        .btn-center a:hover
        {
            background-color: #a5a3a3;
        }

.telemed-section .epigrafe
{
    font-weight: bold;
    color: #000;
}

.telemed-section .mt-custom
{
    margin-top: .6em;
}

.telemed-section .pasos
{
    list-style-type: decimal;
    margin-left: 1em;
}

.topics-populares-lista
{
    width: 80%;
}


.borderB-light-gray
{
    border-bottom: 1px solid #eaeaea;
}

.borderT-light-gray
{
    border-top: 1px solid #eaeaea;
}

.telemed-section .socialList
{
    padding-bottom: 20px;
    padding-top: 20px;
}

    .telemed-section .socialList li
    {
        font-size: 16px;
        width: 15%;
        height: 30px;
        text-align: center;
        vertical-align: middle;
        border-radius: 10%;
        display: inline-block;
        text-align: center !important;
    }
/*END Telemed sections*/


/*Carousel styles */
.card-block
{
    height: 37px;
}

    .card-block h6
    {
        padding: 10px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

#telemed-carousel .carousel-item
{
    padding: 0px !important;
    margin: 0px !important;
    max-height: 300px;
}


.carousel-inner > .carousel-item.next.left,
.carousel-inner > .carousel-item.prev.right
{
    transition: all 1s ease;
}

@media (max-width: 768px)
{
    #telemed-carousel
    {
        max-width: 100%;
        min-width: 320px;
        height: 100%;
        margin: 0 auto;
    }

    .card-img-top-250
    {
        max-height: 260px;
        width: 100%;
        overflow: hidden;
    }

        .card-img-top-250 img
        {
            width: 100%;
            height: auto;
        }

    #telemed-carousel .carousel-item
    {
        max-height: 300px !important;
    }

    #telemed-carousel .slick-slider
    {
        max-width: 100%;
        height: 300px;
    }

    .slick-prev:before, .slick-next:before
    {
        color: #868e96;
    }

        .slick-prev:before::hover, .slick-next:before::hover
        {
            color: #fff;
        }

    .slick-prev
    {
        margin-left: 10%;
    }

    .slick-next
    {
        margin-right: 5%;
    }

    .slick-prev, .slick-next
    {
        border: 1px solid #868e96;
        padding: 7px;
        padding-bottom: 10px;
        width: 45px;
        height: 43px;
        border-radius: 10%;
        opacity: .5;
        z-index: 1000;
        color: #868e96;
        background-color: transparent;
        background-image: none;
        border-color: #868e96;
    }

        .slick-prev:hover, .slick-next:hover
        {
            border-radius: 10%;
            background: transparent;
            opacity: .4;
            z-index: 1000;
            background-color: #5a5a5a;
        }
}

/*iphone SE/ 5*/
@media (max-width: 330px)
{

    #telemed-carousel .carousel-item
    {
        max-height: 270px !important;
    }
}


@media (min-width: 769px)
{
    .card-deck .card
    {
        width: 24.3%;
        display: inline-block;
        margin-right: 0px;
        margin-left: 0px;
        overflow: hidden;
    }

    .preset-section .card-img-top-250
    {
        position: relative;
        height: 100px;
    }

        .preset-section .card-img-top-250 img
        {
            position: absolute;
            bottom: 0px;
            max-width: 115%;
            height: auto;
            left: -7.5%;
        }

    .gray-scale-image
    {
        -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
        filter: grayscale(100%);
        transition: all .6s cubic-bezier(.455,.03,.515,.955);
    }

        .gray-scale-image:hover
        {
            -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
            filter: grayscale(0%);
            transition: all .6s cubic-bezier(.455,.03,.515,.955);
        }

    .preset-section .card-img-top-250 img:hover
    {
        -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
        filter: grayscale(0%);
        transition: all .6s cubic-bezier(.455,.03,.515,.955);
    }
}

@media (min-width: 1025px)
{
    .card-deck .card
    {
        width: 24.66%;
        display: inline-block;
        margin-right: 0px;
        margin-left: 0px;
        overflow: hidden;
    }

    .card-img-top-250
    {
        position: relative;
        height: 150px;
    }
}
/*END Carousel styles */
@media screen and (min-width: 992px)
{
    /*de aca para arriba*/
    .mainForm
    {
        width: 100%;
    }
}

@media screen and (max-width: 992px)
{

    .mobile-padding
    {
        padding: 10px !important;
    }
}

@media screen and (max-width:720px)
{
    .card-title
    {
        font-size: 24px;
    }

    .card-text
    {
        font-size: 18px;
    }
    /*de aca para abajo*/
    .preset-section iframe
    {
        width: 100% !important;
    }

    .p-m-t20
    {
        padding-top: 20px !important;
    }

    .m-m-t20
    {
        margin-top: 20px !important;
    }

    .p-m-b40
    {
        padding-bottom: 40px !important;
    }

    .preset-section .btn
    {
        width: 100% !important;
        padding: 10px;
        font-size: 18px;
    }

    .redArrowDown
    {
        display: none;
    }

    .preset-section .t13
    {
        font-size: 15px;
    }

    .preset-section .t14
    {
        font-size: 16px;
    }
    /*telemed section*/
    .p-m-reset
    {
        padding: 0px !important;
    }

    .m-m-reset
    {
        margin: 0px !important;
    }

    .card-block h6
    {
        font-size: 18px;
    }

    .background-telemed
    {
        background-image: none;
        width: 100%;
        height: auto;
    }

    .topics-populares-lista
    {
        width: 100%;
    }

    .mainForm
    {
        padding: 10px!important;
        margin: 0 auto !important;
    }

    h1
    {
        line-height: 1.3em;
    }
}

@media (max-width: 575px) and (min-width: 320px)
{
    /*sacar del main home v2 el padding 0 */
    .mobile-mt-1-custom .col
    {
        padding-left: 15!important;
        padding-right: 15!important;
    }
}
