.body
{padding-right: 0; 
    padding-left: 0;
}

.pricing table
{
    width: 100%;
}

.pricing table thead
{
    text-align: left;
}

.pricing table table td
{padding-right: 20px; 
    padding-bottom: 10px;
}

.pricing .pricing-sub
{
    color: #8d8d8d;
}

.news img
{
    width: 100%;
}

.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6
{
    color: #0cf;
}

.article img
{
    width: 100%;
}

.message-wrap
{
    padding: 5rem;
}

.carousel .carousel-container
{
    height: 400px;
}

.carousel .carousel-item
{
    padding: 5rem;
}

.card-block
{
    padding: 1rem 1rem 1rem 0;
}

.who-we-are:first-child
{
    padding-top: 5rem;
}

.slide-button
{
    background-color: #7f0238 !important;
}

.slide-button a
{
    color: #fff;
}

.slide-button a:hover
{
    text-decoration: none !important;
}

.slide-button:hover
{
    background: #460223 !important;
}

.home-banner
{
    color: white;
}

.icon-holder
{position: relative; 

    margin-top: calc( -2.5em - 6px); margin-bottom: 10px;
}

.icon-holder div
{
    width: 100px; height: 100px; margin: 0 auto; border-radius: 50%; background: #7f0238;
}

.icon-holder div i
{
    padding: 10px;
}

.flex-center-both
{
    -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center;
}

.flex-center-vertical
{
    -ms-flex-pack: center; justify-content: center;
}

.who-we-are img
{
    width: 100%;
}

.form-wrap
{
    background-color: #fff;
}

.form-wrap .form-input
{
    margin-bottom: 1.5rem; border: none; border-radius: 3px; background-color: #f6f7fb;
}

#contact
{
    padding: 2rem 2rem 2rem 2rem; box-shadow: 0 0 38px rgba(41, 49, 64, .07);
}

.contact
{
    padding: 5rem;
}

.contact a
{
    color: #171e64;
}

.contact table td
{
    padding: .2rem .2rem .2rem 0; border-radius: .2rem;
}

.contact table .day
{
    color: #171e64;
}

.m-auto
{
    margin: 0 auto;
}

.navbar
{font-size: .7rem; padding-right: 5rem; 
    padding-left: 5rem; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center;
}

.navbar .navbar-section
{
    -ms-flex: none;        flex: none;
}

.menu-bar
{z-index: 999; 

    padding-top: 1rem; padding-bottom: 1rem; box-shadow: 0 8px 6px -6px rgba(41, 49, 64, .07) !important;
}

.menu-bar .btn-link
{font-weight: 700; 

    margin-right: 2rem; text-transform: uppercase; color: #5c6365;
}

.menu-bar .link
{position: relative; 

    display: inline-block; padding-right: 0; padding-left: 0; text-decoration: none;
}

.menu-bar .link-wrapper
{
    position: relative; display: block;
}

.hover-1:after
{position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; 

    content: ''; transition: transform .3s; transform: scaleX(0); transform-origin: bottom right; background-color: #7f0238;
}

.hover-1:hover:after
{transform: scaleX(1); 
    transform-origin: bottom left;
}

.info-bar
{
    border-bottom: 2px solid #f2f3f7;
}

.info-bar a
{
    color: #6e7480;
}

.info-bar .btn
{
    font-size: .7rem; border: none;
}

.info-bar .btn:hover
{
    color: #fff;
}

.info-bar .langswitcher
{
    margin: 0 !important;
}

.info-bar .social
{
    text-align: right;
}

.breadcrumbs
{padding: 2.4rem; background: #7f0238 url('../images/bgn-grad.png') no-repeat center !important; 
    background-position-x: 0; background-position-y: 0; background-size: cover !important;
}

.nav-mobile .btn-link
{
    font-size: 1.2rem;
}

.nav-mobile .btn-link:hover
{
    color: #460223;
}

.footer
{
    font-size: .7rem; color: #fff; background-color: #1d1f27;
}

.footer .btn.btn-link
{
    color: #fff;
}

.footer .btn.btn-link:hover
{
    color: #7f0238;
}

/* hamburger off canvas sidebar */
.off-canvas .off-canvas-sidebar
{
    background: #fff;
}

.off-canvas .off-canvas-sidebar .sidebar-nav
{position: static; top: 3.5rem; 
    bottom: 1.5rem; overflow-y: auto; width: 12rem; margin-top: 1rem; padding: .5rem 1.5rem; -webkit-overflow-scrolling: touch;
}

.off-canvas .off-canvas-sidebar .sidebar-nav .btn.btn-link
{position: relative; padding-right: 0; 
    padding-left: 0;
}

/** Created by PhpStorm. User: Laura Date: 06/07/2018 Time: 15:22 */
@media only screen and (max-width: 1300px) and (min-width: 840px)
{
    .c-image
    {
        display: none;
    }
}

@media only screen and (max-width: 600px)
{
    .bab-osteo .card-title,
    .osteo-pricing .card-title
    {
        padding-top: 1rem;
    }
    .bab-osteo .osteo-pricing-table4,
    .bab-osteo .osteo-pricing-table2,
    .osteo-pricing .osteo-pricing-table4,
    .osteo-pricing .osteo-pricing-table2
    {
        padding-bottom: 1rem;
    }
    .pricing .card
    {
        padding: 2rem !important;
    }
    .pricing .pricing-text
    {
        padding-top: 0 !important;
    }
    #contact
    {
        margin-bottom: .1rem;
    }
    .contact
    {
        padding: .1rem;
    }
    .card-title
    {
        padding-bottom: 1rem;
    }
    .job
    {
        text-align: center;
    }
    .who-we-are
    {
        padding-right: 0 !important; padding-left: 0 !important;
    }
    .who-we-are h2,
    .who-we-are p
    {
        text-align: center;
    }
    .header.container
    {padding-right: .5rem !important; 
        padding-left: .5rem !important;
    }
    .navbar
    {padding-right: 0 !important; 
        padding-left: 0 !important;
    }
    .navbar.columns
    {
        margin: 0 !important;
    }
    .breadcrumbs.columns
    {
        margin: 0 !important;
    }
    .menu-bar .mob-button,
    .menu-bar .mob-logo,
    .menu-bar .mob-menu
    {
        padding: 0;
    }
    .navbar-section
    {
        padding: 0;
    }
    #contact
    {
        margin-bottom: 1.5rem !important; padding: 1rem !important;
    }
    .contact
    {
        padding: 1.5rem !important;
    }
    .contact:nth-child(2)
    {
        padding: 0 1.5rem 1.5rem 1.5rem !important;
    }
    .contact .column
    {
        padding: 0 !important;
    }
    .carousel .carousel-container
    {
        height: 500px;
    }
    .slide-button a
    {
        font-size: 14px !important;
    }
}

@media only screen and (max-width: 840px)
{
    .who-we-are
    {
        padding-top: 1rem; padding-bottom: 0 !important;
    }
    .who-we-are h2
    {
        margin-top: 2rem;
    }
    .who-we-are:first-child
    {
        padding-top: 1rem !important;
    }
    .who-we-are:nth-child(2)
    {
        padding-top: calc(100% - 101rem) !important;
    }
    .e-text
    {
        padding-right: 1rem !important;
    }
    .c-col:first-child
    {
        margin-bottom: 1.5rem;
    }
    .message-wrap
    {
        padding: 1rem;
    }
    .carousel .carousel-item
    {
        padding: 1rem !important;
    }
    .news
    {
        padding-top: 1rem !important;
    }
    .news .container
    {
        padding: 0;
    }
    .contact .text-col-wrap
    {
        text-align: center;
    }
    .contact .opening-hours-table
    {
        margin: 0 auto;
    }
    .contact .form-input
    {
        padding: 1.25rem .4rem;
    }
}

@media only screen and (max-width: 960px)
{
    .home-banner
    {height: auto !important; color: #293140; 
        background-image: none !important;
    }
    .banner
    {
        padding: 1rem !important;
    }
    .bab-osteo
    {
        padding-top: 1rem;
    }
    .pricing-pad
    {
        padding: 0;
    }
    .pricing:first-child
    {
        padding-top: 1rem !important;
    }
    .pricing-2
    {
        padding-top: 0 !important;
    }
    #contact
    {
        margin-bottom: 3rem;
    }
    .contact
    {
        padding: 3rem;
    }
    .map-wrap
    {position: relative; right: 50%; left: 50%; 

        width: 100vw; margin-right: -50vw; margin-left: -50vw;
    }
    .feature
    {padding-top: 0 !important; padding-right: 1rem !important; padding-bottom: 0 !important; 
        padding-left: 1rem !important;
    }
    .feature .text-col-wrap
    {
        padding-top: 2rem !important; padding-bottom: 2rem !important;
    }
    .feature p
    {
        font-size: .7rem;
    }
    .solution-group p
    {
        font-size: .7rem;
    }
    .banner
    {
        background-position: center;
    }
    .card-header
    {
        padding-top: 0 !important;
    }
    .header.container
    {padding-right: 0; 
        padding-left: 0;
    }
    .card-block
    {
        padding-left: 1rem !important;
    }
}

@media only screen and (max-width: 1280px)
{
    .solutions .img-responsive
    {
        margin: 0 auto !important;
    }
    .solutions .column
    {
        padding: .3rem;
    }
    .solutions .column .card-title
    {
        font-size: .8rem;
    }
    .navbar
    {padding-right: 1rem; 
        padding-left: 1rem;
    }
    .menu-bar .btn-link
    {
        margin-right: 1rem;
    }
}

html,
button,
input,
select,
textarea,
.pure-g [class*='pure-u']
{
    font-family: 'montserrat', sans-serif;
}

body,
p,
h1,
h2,
h3,
h4,
h5,
h6
{
    font-family: 'montserrat', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6
{
    margin-bottom: 1em;
}

.thin
{
    font-weight: 300;
}

strong,
.bold,
.black
{
    font-weight: 800 !important;
}

.text-center
{
    text-align: center;
}

.text-upper
{
    text-transform: uppercase;
}

.text-white
{
    color: #fff;
}

.gap-items > *
{margin-right: 10px; 
    margin-left: 10px;
}

.gap-items > *:first-child
{
    margin-left: 0;
}

.gap-items > *:last-child
{
    margin-right: 0;
}

.h-100
{
    height: 100%;
}

/** Created by PhpStorm. User: Laura Date: 04/07/2018 Time: 16:20 */
.feature
{
    padding: 5rem;
}

.feature .text-col-wrap p
{
    margin-bottom: 1.3rem;
}

/** Created by PhpStorm. User: Laura Date: 04/07/2018 Time: 16:34 */
.banner
{
    height: 500px; padding: 5rem;
}

/** Created by PhpStorm. User: Laura Date: 04/07/2018 Time: 16:34 */
.solution-group
{padding-top: 4%; padding-bottom: 3%; 

    background-color: #f6f7fb;
}

.solution-group .column
{padding-right: 5%; 
    padding-left: 5%;
}

.solution-group h5
{
    color: #171e64;
}

/** Created by PhpStorm. User: Laura Date: 04/07/2018 Time: 16:34 */
.card
{position: relative; height: 100%; 

    border: 0; border-radius: .2rem; box-shadow: 0 0 38px rgba(41, 49, 64, .07);
}

.pricing .card
{
    -ms-flex-pack: center; justify-content: center;
}

.pricing .pricing-text
{
    padding-top: 5rem;
}

.solutions .columns
{
    -ms-flex-pack: center; justify-content: center;
}

.solutions .card-footer .btn
{
    border-radius: 1rem;
}

.solutions .card
{box-sizing: border-box; 
    min-height: 250px;
}

.job
{
    color: #0cf;
}

.staff-icon
{position: absolute; right: 10px; 

    width: 70px;
}