/*Custom Template Builder Elements*/

.services 
{
    /*padding-top: 100px;*/
    position:relative;
    z-index: 0;
    /*padding-bottom:100px;*/
}

.left-column-fixed {


    width: 100%;
    background: #E51937;
    z-index: 1;
    padding:5%;
}



.container-title-fixed {

    text-align:right;

}

.container-title-fixed h3 {
    font-size:3rem;
    color:white !important;
}
.container-title-fixed .subheading-above {
    font-size:1.3rem;
    color: #ffffff !important;
}
.services.has-shadow
{
    -webkit-box-shadow: inset 0px -4px 34px -5px rgba(240,240,240,1);
    -moz-box-shadow: inset 0px -4px 34px -5px rgba(240,240,240,1);
    box-shadow: inset 0px -4px 34px -5px rgba(240,240,240,1);
    padding:0;
}
.services .services-slider
{
    width: 20000px;
    overflow: hidden;
    padding-left:22vw;
    padding-top: 5vw;
    padding-bottom: 2vw;
    z-index: 2;
    position: relative;
    border-spacing:20px;
}
.services.has-shadow .services-slider
{

}
.services .service{
    width: 300px;
    min-width: 300px;
    margin-right: 2vw;
    padding: 1.5rem;
    display: table-cell;
    vertical-align: top;
    background: white;
    -webkit-box-shadow: -1px 14px 30px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: -1px 14px 30px 0px rgba(0,0,0,0.2);
    box-shadow: -1px 14px 30px 0px rgba(0,0,0,0.2);
    position: relative;
    height:auto !important;
}
.services .service-title
{
    font-size: 2rem;
    line-height: 1em;
    margin-top: 90px;
    font-weight: bold;
    margin-bottom: 10px;

}
.services .service-subtitle
{
    font-size: 16px;
    line-height: 1.5;
}

.services-info
{
    padding-left: 35.5vw;
    padding-right: 7%;
    padding-bottom:40px;
}
.services-info-subtitle
{
    color: #6A747C;
    font-size: 1rem;
    font-weight: 500;
    padding-bottom: 4px;
}
.services-info-title
{
    color: #2E2E2E;
    font-size: 28px;
    font-weight: 700;
    padding-bottom: 30px;
    line-height: 2.2rem;
}

.services a.service-url{
    display: block;
    margin-top: 20px;
    font-size: 16px;
    color: #2E2E2E;
    font-weight: bold;
    position: relative;
    line-height:1.65;
}

/*.services.is-one .services-slider
{
    float: left;
    width: auto;
    padding-top: 50px;
    padding-bottom: 50px;
}*/

@media screen and (max-width: 768px) {
    .services 
    {
        padding-left: 0px;
    }
    .container-title-fixed {
        text-align: left;
    }
    .left-column-fixed {
        float:left;
    }
    .container-title-fixed .subheading-above,
    .container-title-fixed h3 {
        font-size:20px !important;
        width:auto;
        display:inline-block;
        font-weight: 500 !important;
        line-height: 1.65;
        margin-bottom:0px;
    }
    .services .service
    {
        width: 300px;
        margin-right: 0;
        margin-left: 2.5vw;
        margin-bottom: 2.5vw;
        min-height: auto !important;
        height: auto !important;
        padding: 1rem;
        box-shadow: 0px 2px 11px -3px rgba(0,0,0,0.2);
        display: table-cell;
        vertical-align: top;
    }
    .services .services-slider {
        border-spacing: 10px;
    }

    .services .service-title {
        font-size: 1.65rem;
        margin-top: 1rem;
        margin-bottom: 10px;
    }
    .services .service-subtitle {
        font-size: 0.85rem;
        line-height: 1.5;
    }
    .services-info {
        padding-left: 7%;
        padding-right: 7%;
        padding-bottom: 50px;
    }
    .services-info-title {
        color: #2E2E2E;
        font-size: 1.2rem;
        font-weight: bold;
        padding-bottom: 1rem;
    }
    .services-info-subtitle {
        color: #6A747C;
        font-size: 1rem;
        font-weight: 400;
        padding-bottom: 4px;
    }
    .services .services-slider
    {
        padding-left: 7%;
        padding-right: 2.5vw;
        padding-top: 5%;

    }
    .service img {
        width: 45px;
    }

}

/*body .services .services-nav
{
    padding: 50px 0px;
}*/
body .services .services-nav a,
body .services .services-nav .avia-button-wrap
{
    padding: 0!important;
    background: none!important;
    color: #E51937!important;

}

body .services .services-nav .disabled a,
body .services .services-nav .disabled.avia-button-wrap
{
    color: #ADAFB2!important;

}

body .services .services-nav .avia-button-wrap a .avia_button_icon 
{
    font-size: 24px!important;
}