/* Website theme color is HTML code: #2B6EA5 ||| RGB code: R: 43 G: 110 B: 165 ||| HSV: 207.05° 73.94% 64.71% */

/* FONTS */
body,
html body{
    font-family: "Roboto", "Open Sans", sans-serif;
}
.font-roboto {
    font-family: "Roboto", sans-serif !important;
}

/* GENERAL */
body {
    overflow-x: hidden;
}

/* All banner Titles */
.display-AD,
.display-AD-white {
    font-size: 3rem;
    font-weight: 500;
    line-height: 1.1;
}
.display-AD {
    color: #2B6EA5 !important;
}
.display-AD-white {
    color: #ffffff;
}

.display-AD2 {
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 1.1;
    color: #2B6EA5 !important;
}

.display-AD2-white {
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 1.1;
    color: #ffffff !important;
}

.display-AD3-white {
    /*font-size: 2.2rem;*/
    font-size: 35.2px;
    font-weight: 500;
    /*line-height: 1.1;*/
    line-height: 38.7px;
    color: #ffffff !important;
}
.display-AD4-white {
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.1;
    color: #ffffff !important;
}

.display-AD4 {
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.1;
    color: #2B6EA5 !important;
}

.display-AD5 {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.1;
    color: #2B6EA5 !important;
}

.display-AD5-white {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.1;
    color: #ffffff !important;
}

.display-AD5-B {
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 1.1;
    color: #2B6EA5 !important;
}

.display-AD6 {
    font-weight: 400;
    line-height: 1.1;
    color: #2B6EA5 !important;
}

.hard-line {
    background-color: #ffffff;
    margin: auto;
}

.blue-line {
    background-color: #2B6EA5;
    margin: auto;
    width: 65%;
}

@media screen and (max-width: 370px){
    .display-AD-white,
    .display-AD,
    .display-AD2 {
        font-size: 2rem;
    }
}
/* Soundcloud wrapper */
.soundcloudwrapper iframe {
    width: 100% !important
}


/* HEADER STYLES */
.news-header .tp-tab-title {
    color: #000;
    font-size: 17px;
    font-weight: 900;
    text-transform: uppercase;
    font-family: "Roboto", sans-serif;
    margin-bottom:5px;
    width: 350px;
    display: block;
    letter-spacing: 1px;
}
.news-header .tp-tab-desc {
    font-size: 17px;
    /*font-weight: 500;*/
    font-weight: 700;
    color: #2B6EA5;
    line-height: 25px;
    font-family: "Roboto", sans-serif;
}

/* ANALYSIS BANNER - HOME PAGE */
.analy-size {
    font-size: 17px;
    font-family: "Roboto", sans-serif;
}

/* VERMIFUFATION SÉLECTIVE BANNER - HOME PAGE */
/* Text adjustment */
.text-vs p {
    font-size: 20px !important;
    color: black !important;
    font-family: "Roboto", sans-serif !important;
}
.text-vs h2 {
    font-size: 28px !important;
    color: black !important;
    font-family: "Roboto", sans-serif !important;
}
/* Citation */
.blockquote-AD {
    /*border-left: 10px solid #2c3e50;*/
    border-radius: 6px;
    background-color: #f6f6f6;
}

#flags .dropdown-menu {
    transform: translate3d(0px, 51px, 0px) !important;
}
.flags-container {
    padding: 10px 10px 10px 30px;
}
.flags-container a.flags-item {
    max-width: 45px;
    width: 100%;
    margin-right: 15px;
    padding: 0 !important;
}
/* STYLE FOR THE FLAGS OF THE MENU */
#flags {
    padding: 13px 0 !important;
    width: 57px;
    margin-left: 15px;
    position: relative;
}
#flags .dropdown-toggle {
    padding: 5px;
}
#flags .dropdown-toggle::after {
    position: absolute;
    top: 50%;
    left: auto;
    right: 5px;
    transform: translate(0, -50%);
}
#flags .dropdown-menu {
    min-width: 3rem;
    box-sizing: content-box;
    left: auto;
    right: 0;
}
#flags .dropdown-item,
#flags .dropdown-menu {
    padding: .2rem;
}
#flags .btn-primary.dropdown-toggle {
    /*background-color: transparent;*/
    display: block;
    background-color: #ffffff;
    border-color: #2B6EA5;
    /*border-color: transparent;*/
}
.nav-brand img {
    height: 50px;
    top: 50%;
    position: absolute;
    transform: translate(0%, -50%);
}
#nav.nav-menu > li > a,
#contact-cta {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 500;
}
#contact-cta {
    margin-top: 15px;
}
.anchor {
    position: relative;
    top: -50px;
}
.about_us_text {
    position: relative;
    top: -6px;
}
@media screen and (min-width: 992px) and (max-width: 1200px){
    .nav-menu > li > a {
        /*padding: 26px 10px !important;*/
        font-size: 12px;
    }
    #nav.nav-menu > li > a {
        font-size: 12px;
    }
    #flags {
        transform: translateY(-5px);
    }
    .btn-pill {
        padding: .5em 1em !important;
        /*margin: 18px 0 !important;*/
    }
    #main_contact_form .contact_input_area  button.AD-theme-btn-pill.btn.btn-pill {
        margin-right: auto !important;
        margin-left: auto !important;
    }
}
@media screen and (max-width: 991px){
    .desktop-hide {
        display: block !important;
    }
    #flags {
        display: none;
    }
    .nav-brand img {
        height: 42px;
    }
}
.nav-brand {
    /*line-height: 70px;*/
    padding: 0;
    height: 50px;
    color: #343a40;
    font-size: 24px;
    text-decoration: none !important;
}
.nav-menus-wrapper {
    max-width: 92%;
    width: 100%;
}

/* styles for overriding color for AD theme*/
.AD-color {
    color: #2B6EA5 !important;
}
.AD-bg-color {
    background: #2B6EA5 !important;
}
.AD-border-color {
    border-color: #2B6EA5 !important;
}

#navigation1.navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.gardening-version.transparent-menu {
    background: transparent;
}
@media screen and (min-width: 992px){
    .desktop-hide {
        display: none !important;
    }
}

/* Contact form - demande analyses*/
.ct-demande-analyse {
    margin-left: 10%;
    font-size: 13px;
    width: 100%;
    height: 22px;
}

/* Color scrollUp button */
#scrollUp {
    background-color: #2B6EA5 !important;
}

/*styles for AD theme buttons*/
.gardening-version.AD-theme .nav-menu li a {
    color: rgb(43, 110, 165);
}
.gardening-version.AD-theme .nav-menu li.active a,
.gardening-version.AD-theme .nav-menu li:hover a {
    color: #000;
}
.AD-theme.nav-button {
    background-color: rgb(43, 110, 165);
}
.AD-theme .nav-button {
    border: 1px solid transparent;
    transition: all 0.3s;
}
.AD-theme .btn-pill,
.AD-theme-btn-pill {
    color: #ffffff !important;
    background: #2B6EA5 !important;
    border-color: #2B6EA5 !important;
    transition: all .3s;
}
.AD-theme .btn-pill:hover,
.AD-theme-btn-pill:hover {
    color: #2B6EA5 !important;
    background: #ffffff !important;
    border-color: #2B6EA5 !important;
}
.AD-theme-btn-pill-blue {
    color: #2B6EA5 !important;
    background: #fff !important;
    border-color: #fff !important;
    transition: all .3s;
}
.AD-theme-btn-pill-blue:hover {
    color: #fff !important;
    background: transparent !important;
    border-color: #fff !important;
    transition: all .3s;
}

.background-overlay.jarallax {
    z-index: 2 !important;
}
.jarallax .container {
    position: relative;
    z-index: 2;
}
.bg-overlay {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(0,0,0,.5);
}
.background-overlay:before {
    display: none;
    z-index: 0 !important;
}
#jarallax-container-0 {
    z-index: 0 !important;
}

.AD-list {
    padding-top: 0;
}
.AD-list li {
    position: relative;
    padding-left: 1em;
}
.AD-list li:before {
    position: absolute;
    /*top: 50%;*/
    top: 1.3em;
    left: 0;
    font-family: FontAwesome;
    /*content: "\f10c";*/
    content: "\f111";
    font-size: 9px;
    height: 14px;
    transform: translateY(-50%);
}
.overlay-light {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255,255,255,0.3);
}
.overlay-lighter {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255,255,255,0.2);
}
#vermifugation {
    background: #2B6EA5;
}
#vermifugation img {
    width: 100%;
    margin-top: 5px;
}
.footer_area,
.footer_area .foo_bottom_header_one {
    background: #2B6EA5;
    padding-bottom: 10px;
    padding-top: 13px;
}
.footer_area .foo_bottom_header_one .btn {
    font-size: 1em;
}

.social_AD {
    padding: 9px 0 0px 0;
    position: relative;
    z-index: 1;
    font-size: 18px !important;
}
.social_AD > a {
    color: #fff !important;
    display: inline-block;
    font-size: 18px !important;
    margin: 0 2px;
    width: 30px;
    height: 26px;
}

.modal-content a {
    color: #007bff;
    text-decoration: underline;
}
.modal-content a:hover {
    text-decoration: none;
}
.modal-open #scrollUp {
    z-index: 0 !important;
}
.modal-body .AD-list {
    padding-bottom: 15px;
}
.about_us_thumb {
    height: 100%;
}
#vermifugation .btn {
    /*margin-top: 1em;*/
    margin-top: 1.6em;
}


.what_we_do_area .row {
    justify-content:center;
}
.what_we_do_area .single_service_title {
    min-height: 2.8em;
}
.avantages ul li {
    text-indent: -23px;
}

/* Processus page */
/* Text alignment */
.single_timeline_block.even-item .timeline_text_content {
    text-align: left !important;
}
.single_timeline_block .timeline_main_point {
    background-color: #2B6EA5 !important;

}

/* Analyses page */
/* Background for banner with accordions*/
.bg-blue-AD {
    background-color: #2B6EA5 !important;
    font-size: 12.82px !important;
    font-weight: 400 !important;
}
.accordions-black {
    color: black !important;
}
.font-size-ad h3 {
    font-size: 16px !important;
}
.font-size-ad p {
    font-size: 14px !important;
}
.border-black {
    border: 1px solid #000000;
}
.accordion-item {
    margin-bottom: 10px;
    /*border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;*/
}
#accordionThree a{
    /*display: inline-block;*/
    display: block;
    margin-bottom: 5px;
}
#accordion h3,
.accordion h3,
.typical-accordion h3,
#accordionRight h3 {
    margin-bottom: 0;
}
#accordion p,
.accordion p,
.typical-accordion p,
#accordionRight p {
    padding: 5px 20px;
}
#accordion a,
.accordion a,
.typical-accordion a,
#accordionRight a {
    display: block;
    border: 1px solid #000000;
}
@media screen and (max-width: 568px){
    .materiel_quantite {
        padding-left: 20px;
    }
}
.analyses-image img {
    width: 100%;
}
.btn-pill.contact-btn {
    padding: 8px 30px;
    line-height: 1.5;
    margin: 15px 5px;
    height: auto;
}
.message_title .display-AD {
    text-transform: none;
}
.analyses_equides h2 {
    max-height: 76px;
}
@media screen and (min-width: 1200px) {
    .analyses-image img,
    .analyses_equides .chien-img img {
        width: 94%;
    }
    .analyses_equides .ruminants-image img {
        width: 93%;
    }
    .analyses_equides img {
        width: 85%;
    }
}
.footer_area .social_AD {
    padding-top: 0;
    margin-top: -3px;
}
.footer_area .copyright p {
    /*text-align: right;*/
    text-align: center;
}
#about_vermifugation_selective {
    padding-top: 4em;
}

@media screen and (max-width: 768px){
    .footer_area .copyright p {
        text-align: center;
        padding-top: 10px;
    }
    .analyses_equides h2 {
        max-height: none;
    }
}

.alpha-list {
    padding-left: 1.1em;
    padding-bottom: 1em;
}
.alpha-list li {
    list-style-type: upper-alpha;
}
.alpha-list li:before {
    display: none;
}

.what_we_do_area .single_timeline_block.even-item .timeline_text_content:after,
.what_we_do_area .timeline_text_content:before,
.what_we_do_area .single_timeline_block.odd-item .timeline_text_content:after {
    top: 40px;
}
.what_we_do_area .single_timeline_block .timeline_main_point {
    top: 25px;
}
.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* two boxes */
.presentation_section.education-version .advisor_thumb:after {
    background: #2B6EA5;
}

.presentation_section.education-version .advisor_name > p {
    font-size: 16px;
}
.presentation_section.education-version .advisor_name {
    height: 110px;
}
.presentation-modal .AD-list {
    padding-right: 2em;
    padding-left: 2em;
}
.presentation-modal .AD-list li {
    padding-bottom: 1em;
}
.timeline_text_content .AD-list li:before,
.presentation-modal .AD-list li:before{
    top: 12px;
}
.call-to-action-area {
    background-color: #2B6EA5;
}
.call-to-action-area.cta-4 .cta-content h2 {
    margin-bottom: 0;
}
button.close {
    cursor: pointer;
}
#analyses h2,
#vermifugation h2 {
    margin-bottom: 1em;
}
.parasites ul li,
.timeline_text_content ul li {
    color: #555;
}
#target-clients h2 {
    padding-top: 3%;
    padding-bottom: 3%;
    margin: 0;
}
.breadcumb_area h1 {
    padding-top: 2em;
}
.advisor_thumb {
    margin-bottom: 2em;
}
.breadcumb_area.proccesus h1 {
    padding-bottom: 3rem;
}
#about_vermifugation_selective .wrapper {
    margin-top: 50px;
    width: 90%;
}
.history_timeline_area .btn-pill.btn {
    float: none !important;
    display: inline-block;
    margin-bottom: 10px;
}
@media screen and (max-width: 991px){
    #vermifugation img {
        width: 80%;
        margin-right: auto;
        margin-left: auto;
        display: block;
        margin-bottom: 20px;
    }
    .navigation-portrait .nav-menu > li.contact-wrapper-btn {
        padding-left: 30px;
    }
    .navigation-portrait .nav-menu > li.contact-wrapper-btn .btn-pill.contact-btn {
        padding: 8px 20px;
        margin-left: 0 !important;
        width: auto;
    }
    .navigation-portrait .nav-menu > li.contact-wrapper-btn {
        /*width: auto;*/
    }
    .footer_area .copyright {
        /*margin-right: 1.5rem*/
    }
    #vermifugation p {
        padding-left: 1em;
    }
    #vermifugation li {
        margin-bottom: 5px;
    }
    #vermifugation h3 {
        text-align: center;
    }
    #analyses h2,
    #vermifugation h2 {
        margin-bottom: .5em;
    }
    #vermifugation .btn {
        margin-top: 0;
        margin-bottom: 1.5em;
        display: block;
        width: max-content;
        margin-left: auto;
        margin-right: auto;
    }
    .contact-wrapper-btn .contact-btn {
        /*margin-left: 30px;*/
    }
    .what_we_do_area .single_service_title {
        min-height: 1.5em;
    }

    #about_vermifugation_selective .wrapper {
        width: 100%;
        margin-bottom: 20px;
    }
    #about_vermifugation_selective {
        padding-top: 0;
    }

    .presentation_section.education-version .advisor_name > p {
        font-size: 14px;
        height: 3em;
    }
    .presentation_section.education-version .advisor_name {
        height: 30%;
        position: relative;
        padding: 12px 10px;
        background: #2B6EA5;
    }
    .presentation_section.education-version .advisor_thumb:after {
        display: none;
    }
    .advisor_thumb {
        padding: 30px 8px 0 8px;
    }
    #presentation .about_us_thumb {
        min-height: unset;
    }
    .analy-size {
        height: 2.5em;
    }

    .modal img {
        width: 60% !important;
    }
    .modal-dialog {
        max-width: 730px;
    }
}

@media screen and (max-width: 768px) {
    .rev_slider .tp-mask-wrap .tp-caption {
        /*font-size: 18px !important;*/
    }

    .tp-caption.tp-shape.tp-shapewrapper {
        /*min-height: 1em !important;*/
    }

    .tp-caption.rev-btn.rs-hover-ready {
        font-size: 10px !important;
        line-height: 36px !important;
    }

    #target-clients h2 {
        padding-top: 5%;
        /*padding-bottom: 0%;*/
        padding-bottom: 5%;
    }

    #target-clients h2 b {
        font-size: .7em;
        line-height: 1.5;
        display: block;
    }

    .impressum-bnt {
        padding-top: 0.8em;
    }

    .education-version .advisor_name {
        position: relative;
    }

    .education-version .advisor_name h3 {
        font-size: 1.2em;
    }

    #teacher h2 {
        text-align: center;
        font-size: 1.5em;
    }

    .presentation-modal .AD-list {
        padding-right: .6em;
        padding-left: .6em;
    }

    .modal h4.display-AD5-B {
        font-size: 1.8rem;
    }

    .breadcumb_area h2 {
        font-size: 1.2rem;
    }

    .history_timeline_area .alpha-list {
        padding-left: 0;
    }

    .history_timeline_area .alpha-list li,
    .history_timeline_area .AD-list li {
        /*list-style: none;*/
        list-style-position: inside;
        font-size: 14px;
    }

    .history_timeline_area .btn-pill.btn {
        font-size: 12px;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        padding: 0.5em 0.5em;
        float: none !important;
        display: inline-block;
        border-radius: 5px;
    }

    .display-AD, .display-AD-white {
        font-size: 2.2rem;
    }
    .tp-caption.rev-btn.rs-hover-ready {
        display: flex;
        align-items: center;
    }

}

@media screen and (max-width: 767px){
    html {
        overflow-x: hidden !important;
    }
    .modal-body p {
        overflow: hidden;
    }
    .modal-body p a {
        white-space: pre-wrap;
    }
    .about_us_thumb.background-img {
        max-height: 350px;
        min-height: 100% !important;
    }
    .single_timeline_block .timeline_text_content {
        width: calc(100% - 40px);
        float: right;
        margin-bottom: 20px;
    }
    .single_timeline_block .timeline_main_point {
        left: 15px;
    }
    .single_timeline_block.even-item .timeline_text_content:before,
    .single_timeline_block.odd-item .timeline_text_content:before {
        left: -25px;
        height: 110%;
    }
    .what_we_do_area .single_timeline_block .timeline_main_point {
        top: 4px;
    }
    .what_we_do_area .single_timeline_block.even-item .timeline_text_content:after,
    .what_we_do_area .timeline_text_content:before,
    .what_we_do_area .single_timeline_block.odd-item .timeline_text_content:after {
        top: 18px;
    }
    .what_we_do_area .single_timeline_block.even-item .timeline_text_content:after, .what_we_do_area .timeline_text_content:before, .what_we_do_area .single_timeline_block.odd-item .timeline_text_content:after {
        left: -28px;
    }
}

@media screen and (max-width: 480px) {
    .display-AD2-white {
        font-size: 2rem;
    }
}

.btn-group {

}
.btn-group  button {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    background: none;
    border: 1px solid #ddd;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 5px 15px 20px;
    font-size: 13px;
}
#price .multiselect-container>li>a>label,
#analys .multiselect-container>li>a>label {
    padding: 3px 15px 3px 15px;
    font-size: 13px;
    color: #495057;
    font-family: "Open Sans", sans-serif;
}

.upload-file .form-group {
    margin-bottom: 0;
}
.upload-file input {
    padding-top: 25px!important;
    padding-bottom: 25px!important;
    /*margin-bottom: 0 !important;*/
}
@media screen and (max-width: 415px) {
    .fz18 {
        font-size: 1.8rem;
    }
}

#captcha {
  color: red;
  display: none;
  position: absolute;
}
@media screen and (max-width: 320px){
    .g-recaptcha {
        position: relative;
        transform: translateX(-6px);
    }
}
@media screen and (max-width: 767px){
    .timeline_text_content p {
        font-size: 13px;
    }
}
.multiselect-container {
    background: #fff;
}
#contact {
    position: static;
    /*z-index: 0;*/
}
#contact .section_heading {
    position: static;
}
#vermifugation .description {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}