/*Service Landing Banner Styles*/
.container.service-landing-banner .service-landing-banner-img {
    height: 170px;
    margin: 0 auto;
    position: relative;
    width: auto;
    z-index: 0;
}


/* Accordian Styles for Classes and events*/
.faq__answer.js-faq-answer {
    border-bottom: 2px solid #EEF1FF;
    padding-left: 0;
    padding-right: 0
}

    .faq__answer.js-faq-answer .slick-prev, .faq__answer.js-faq-answer .slick-next {
        top: -45px
    }

.faq > dt {
    margin-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid #f0f4f8
}

    .faq > dt:first-of-type {
        margin-top: 0
    }

    .faq > dt[aria-expanded="true"] {
        border-bottom: 0px
    }

.faq__question {
    cursor: pointer
}

    .faq__question button {
        position: relative;
        border: 0;
        background: none;
        width: 100%;
        text-align: left;
        padding: 0
    }

        .faq__question button h2 {
            margin-bottom: 0;
            font-size: 1.5rem
        }

            .faq__question button h2 span {
                font-size: 1.25rem;
                color: #2E47A5;
                font-family: "Roboto",sans-serif;
                font-weight: 900
            }

        .faq__question button i, .faq__question button svg {
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            left: auto;
            height: 14px;
            margin: auto
        }

.faq__answer {
    display: none;
    margin-top: 1.25rem
}

    .faq__answer ul {
        padding: 0;
        list-style-type: none
    }

    .faq__answer > ul > li {
        margin-bottom: 2rem
    }

        .faq__answer > ul > li > ul > li {
            margin-bottom: .5rem
        }

    .faq__answer ul h3 {
        font-size: 1.25rem;
        margin-bottom: .5rem;
        font-family: "Aleo Bold",serif
    }

    .faq__answer .review + p {
        margin-bottom: 0
    }

    .faq__answer .btn-group {
        margin-bottom: 1.5rem
    }

    .faq__answer.active {
        display: block;
        border-bottom: 2px solid #f0f4f8
    }

.no-js .faq__question {
    color: black;
    cursor: default
}

.no-js .faq__answer {
    display: block
}

/*Clinical Trials - 08/20/2019*/


.clinical-trial-details .lists ul li .ct-details-data {
    width: 75%;
    display: inline-block;
}

@media (max-width: 900px) {

    .clinical-trial-details .lists ul li .ct-details-data {
        width: 100%;
        display: block;
    }

}

/*Adding style to override float:left from bootstrap*/
header .navbar-header{
    float:none;
}

/*Universal Nav FAD Flyout style updates - 101719 - SR*/
header .navbar-footer ul > li > ul.fad > li:last-child{
    flex:1;
    max-width:100%;
}

section a.arrow-link::after {
	content: "\f105";
    font-family: 'FontAwesome' !important;
}
.search.btn.btn--primary {
    width: 100px;
    margin: 0 auto;
    display: inline;
    border-bottom: none;
}

input#updateTemplateSubmit {
    width: auto;
    color: white;
    text-align: left;
    padding-left: 30px;
    border-bottom:none;
}
span#btnArrowContain {
    position: relative;
    width: fit-content;
    display: block;
}
#btnArrowContain:after {
    content: '\f061';
    font-family: 'FontAwesome';
    display: block;
    position: absolute;
    right: 22px;
    top: 33px;
    font-weight: normal;
    color:white;
}

#linkContain input {
    color: #006d53;
    font-weight: bold;
    border: none;
    padding: 15px;
    background: transparent;
    font-family: "Open Sans", sans-serif;
    position: relative;
}

.how-opened {
    display: none;
    background: white;
    width: 400px;
    padding: 15px 30px 20px;
    box-shadow: 0 8px 36px 0 rgba(10,72,86,0.15);
    float: left;
    position: fixed;
    z-index: 9999999;
    bottom: 10%;
    right: 3%;
}

.howbar {
    background-color: #006B53;
    width: 64px;
    height: 64px;
    text-align: center;
    padding: 12px;
    position: fixed;
    bottom: 3%;
    right: 2%;
    z-index: 999999;
    cursor: pointer;
    opacity: .7;
    border-radius: 50%;
}

    .howbar:hover {
        opacity: 1;
    }

    .howbar p {
        font-size: 20px;
        font-family: "museo700";
        color: white;
        margin-bottom: 0;
    }

    .howbar span {
        font-size: 40px;
        color: white;
    }

        .howbar span.icon-close {
            display: none;
        }

    .howbar.closeout span.icon-close {
        display: block;
    }

    .howbar.closeout span.icon-help {
        display: none;
    }

.how-opened h3 {
    margin-bottom: 20px;
    float: left;
    color: #006B53;
    font-size: 20px;
    font-weight: bold;
    line-height: 27px;
}

.how-opened .select-wrapper {
    margin-bottom: 20px;
    display: block;
    float: left;
    width: 100%;
}


.how-opened select:focus {
    border: 0;
}

input.login-btn {
    border: 0;
}

.how-opened .fa {
    color: #b5b5b5;
    font-size: 23px;
    text-align: right;
    float: right;
    font-weight: normal;
    cursor: pointer;
}

.sf_colsIn .container,
.sf_colsIn.container {
	display: block !important;
	width: auto;
}

.search-btns .search-button{
    padding-right: 60px !important;
    padding-left: 40px !important;
}

.find-search-inputs input[type="submit"]{
    padding-left: 0 !important;
    padding-right: 20px !important;
    text-align: center;
}

header .navbar-footer ul > li > ul.fad > li .find-search-inputs .btn.btn--primary {
	text-align: center !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

/* extra css | start */
.sf_colsIn.container {
    width: auto;
    display: block;
}

    .sf_colsIn.container iframe {
        width: 100%;
    }

@media (max-width: 800px) {
    .sf_colsIn .sf_cols {
        display: block;
    }

        .sf_colsIn .sf_cols .sf_colsOut.sf_2cols_1_50, .sf_colsIn .sf_cols .sf_colsOut.sf_2cols_2_50, .ng-hero-cols {
            max-width: 100%;
        }
}

.responsive {
    width: 100%;
    height: auto;
}
/* extra css | end */

/* icon alignment */
header .navbar.navbar-header ul > li > a i{
    margin-top: 2;
}

header .navbar.navbar-header ul > li > a i.fa-info::before {
    position: relative;
    top:-2px;
}

header .navbar.navbar-header ul > li > a i.fa-phone::before {
    top: -9px;
}


header .navbar.navbar-header ul > li > a i.fa-credit-card::before {
	left: -11px;
	top: -9px;
}

header .navbar.navbar-header ul > li > a i.fa-briefcase::before {
	left: -11px;
	top: -9px;
}

header .navbar.navbar-header ul > li > a i.fa-heart-o::before {
	left: -11px;
	top: -9px;
}

header .navbar.navbar-header ul > li > a i.fa-search::before {
	left: -11px;
	top: -10px;
}
/* icon alignment |end */

.hero-home .col.content + div {
    flex: 0 50%;
}

.hero-home .col.content + div .image {
    flex: 0 100%;
    width: 100%;
    height: 100%;
}

@media (max-width:797px) {
    .hero-home .col.content + div {
        flex: 0 100%;
    }
}