.attendance-overview-checbox label, .datepicker, input[type=checkbox] + label.label2, input[type=radio] + label.label1 {
    background-repeat: no-repeat;
    cursor: pointer
}

body {
    font-size: 20px !important;
    line-height: 21px !important;
    background-color: #FFF;
    font-family: 'PT Sans', sans-serif;
}

hr {
    border-top: 1px solid;
    border-top-color: #e2e2e2
}

a, a:active, a:focus, a:hover {
    text-decoration: none;
    color: #f57e1f;
    text-decoration: underline;
}

.attendance-overview-checbox a, .bread-crumb > li a, .underline {
    text-decoration: underline
}

.img-center {
    margin: 0 auto
}

.img-circle {
    border-radius: 0%;
}

.form-control {
    border-radius: 0
}

.makeresponsive img {
    max-width: 100%;
}

.bold {
    font-weight: bold;
}

.child {
    position: relative;
    zoom: 1;
    display: none;
    margin-left: 5px;
}

.orange {
    color: #e98300 !important;
}

.form-group .control-label, .form-group label {
    color: #5e5d5d;
}

.form-group .form-control, .form-group .form-control:focus {
    border: 1px solid #E98300;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    font-size: 16px;
    font-weight: 300;
    color: #000;
    border-radius: 0 !important
}

.logo-desktop {
    width: 250px;
}

.logo-mobile {
    margin-bottom: 10px;
}

.header1blue, h1 {
    margin-top: 20px;
    font-size: 2em;
    font-weight: 700
}

.form-group .form-control ::-webkit-input-placeholder {
    color: #8b8a8a
}

.form-group .form-control :-moz-placeholder {
    color: #8b8a8a
}

.form-group .form-control ::-moz-placeholder {
    color: #8b8a8a
}

.form-group .form-control :-ms-input-placeholder, .form-group .form-controlr :-ms-input-placeholder {
    color: #8b8a8a
}

h1 {
    margin-bottom: 40px;
    line-height: 35px;
    color: #5F5E5E;
    margin-top: 20px;
    font-size: 2em;
    font-weight: 700;
}

h2 {
    margin-top: 0;
    margin-bottom: 25px;
    font-weight: 700;
    font-size: 2em;
    line-height: 1.375em;
    color: #5F5E5E;
}

h3 {
    margin-top: 0;
    margin-bottom: 25px;
    font-weight: 300;
    font-size: 1.5em;
    line-height: 1.375em;
    color: #5F5E5E;
}

.header1blue, .header1blue a {
    color: #F57E1F;
    float: left;
    width: 90%;
}

    .header1blue a.hp-reasons-button {
        float: right;
        width: 10%;
    }

.header1blue {
    /* margin-bottom: 30px; */
    line-height: 1.25em;
    padding-left: 0;
    width: 100%;
    height: 80px;
}

.bluetext, .bluetext:hover {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 700;
    font-size: 24px;
    line-height: normal;
    color: #F57E1F;
    padding-left: 0
}

.txt-xl {
    font-size: 24px
}

.txt-lg {
    font-size: 20px;
    font-weight: 800
}

.txt-orange {
    color: #5F5E5E;
}

.txt-white {
    color: #fff
}

.txt-gray {
    color: #616161
}

.txt-light {
    font-weight: 300
}

.txt-light-gray {
    color: #00338c
}

.txt-md {
    font-size: 16px
}

.txt-sm {
    font-size: 14px
}

.txt-xs {
    font-size: 12px
}

.bglightgray {
    background-color: #F8F8F8
}

.bgyellow {
    background-color: #FFC000
}

.bg-orange {
    background-color: #F57E1F !important
}

.bg-white {
    background-color: #fff
}

.bg-gray {
    background-color: #616161
}

.bg-light-gray {
    background-color: #a4a4a4
}

.txtwhite, .txtwhite:focus, .txtwhite:hover {
    color: #fff !important
}

[class*=" coaching-icon-"], [class^=coaching-icon-] {
    color: #f16145;
    font-size: 4em
}

.btn-default, .btn-default.active, .btn-default.disabled, .btn-default:active, .btn-default:focus, .btn-default:hover, .btn-primary, .btn-primary:hover {
    border-radius: 0;
    border: 2px solid #F57E1F;
    color: #F57E1F;
    background-color: #fff !important;
    font-weight: 700
}

.btn-primary {
    font-size: 18px
}

.bordered-content {
    border: 1px solid #f16145;
    border-radius: 3px;
    padding: 10px;
    margin-top: 15px;
    min-height: 85px;
    float: left;
    min-width: 269px
}

.form-horizontal .control-label {
    text-align: left
}

.badge {
    border-radius: 3px;
    width: 100%;
    font-size: 16px;
    font-weight: 300
}

    .badge.badge-Betaald, .badge.badge-Openstaand, .badge.badge-Verlopen {
        border-radius: 5px;
        font-size: 14px;
        font-weight: 700
    }

    .badge.badge-Openstaand {
        background-color: #3A3A3A
    }

    .badge.badge-Betaald {
        background-color: #0FA8A3 !important
    }

    .badge.badge-Verlopen {
        background-color: #F7776A !important
    }

ol, ul {
    padding-left: 30px;
}

.hp-reasons h1 {
    font-size: 2.5em;
}


.hp-reasons ul {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 30px;
    float: left;
    width: 100%;
}

    .hp-reasons ul li img {
        height: 39px;
        float: right;
        padding-right: 30px;
    }

.datepicker {
    background-image: url(../media/images/icons/icon-datepicker.png);
    background-position: 1% center;
    padding-left: 40px;
    background-color: #fff
}

.apollo-user-icon {
    width: 40px;
    border-radius: 500px;
    margin-right: 10px
}

.notestart > .row > .ng-isolate-scope {
    width: 100%;
    float: left;
    padding-left: 15px;
    padding-right: 15px
}

.evaluationform-sent {
    background-color: #fbffd7;
    color: #000;
    border: 1px solid #dcdcdc;
    text-align: center;
    padding: 15px 10px 10px;
    margin-bottom: 15px
}

.evaluationform ul {
    margin-left: 0;
    list-style: none;
    padding-left: 0;
    float: left;
    width: 100%
}

    .evaluationform ul li {
        display: block;
        float: left;
        width: auto;
        margin-right: 7px
    }

        .evaluationform ul li label {
            color: #7b7b7b;
            padding: 9px;
            width: 40px;
            text-align: center;
            background-color: #fff;
            cursor: pointer;
            border-radius: 3px;
            border: 1px solid #7b7b7b
        }

        .evaluationform ul li input:checked + label {
            background-color: #f16145;
            color: #fff;
            border: 1px solid #f16145
        }

.evaluationform textarea {
    width: 500px;
    height: 100px
}

.error {
    color: #F7776A
}

.customer-left-menu .nav > li > a, .customer-left-menu .nav > li > a:hover {
    padding-left: 0;
    background-color: #fff;
    padding-top: 0;
    padding-bottom: 10px
}

    .customer-left-menu .nav > li > a.menu-active {
        font-weight: 700
    }

.logoutlink {
    padding-top: 0;
    padding-bottom: 10px
}

.attendance-overview-checbox label {
    padding-left: 30px;
    display: inline-block;
    line-height: 20px;
    max-height: 20px;
    background-image: url(http://jza.apollo.business/clientdata/127/media/images/icons/checkbox.png)
}

.attendance-overview-checbox input[type=checkbox]:checked + label {
    background-position: 0 -20px
}

.attendance-overview .attendance-overview-btn .btn-default:nth-of-type(2) {
    background-color: #fff;
    color: #616161;
    border: 1px solid #616161
}

.attendance-overview .checkbox-inline {
    padding-left: 0
}

.rb_attendance {
    float: right
}

    .rb_attendance li {
        display: block;
        float: left
    }

        .rb_attendance li label {
            color: #616161;
            background-color: #fff;
            font-weight: 300;
            border: 1px solid #dfdfdf;
            padding: 2px 15px;
            cursor: pointer
        }

        .rb_attendance li:first-child label {
            border-bottom-left-radius: 3px;
            border-top-left-radius: 3px
        }

        .rb_attendance li:last-child label {
            border-bottom-right-radius: 3px;
            border-top-right-radius: 3px
        }

        .rb_attendance li:first-child input:checked + label {
            color: #fff;
            background-color: #0fa8a3;
            font-weight: 300
        }

        .rb_attendance li:last-child input:checked + label {
            color: #fff;
            background-color: #F7776A;
            font-weight: 300
        }

.cbsetallactive {
    cursor: pointer;
    color: #f16145
}

#collapseOtherdata div.form-group:nth-child(1), #collapseOtherdata div.form-group:nth-child(2), #collapseOtherdata div.form-group:nth-child(3), #collapseOtherdata div.form-group:nth-child(4), #collapseOtherdata div.form-group:nth-child(5), #collapseOtherdata div.form-group:nth-child(6), #collapseOtherdata div.form-group:nth-child(7), .form-my-account div.form-group:nth-child(8), .form-my-account > div:nth-child(12) {
    display: none
}

.margbot1 {
    margin-bottom: 15px
}

    .margbot1 div:first-child {
        padding-left: 30px
    }

    .margbot1 div:last-child {
        padding-left: 20px;
        padding-right: 30px
    }

#collapseOtherdata div.form-group:nth-child(8) {
    display: block
}



.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
    padding: 5px
}

.radio-inline label {
    font-weight: 300;
    color: #8a8c8d
}

.radio-inline {
    padding: 5px;
    border: 1px solid #e98300;
    border-radius: 5px;
    width: 100%
}

input[type=radio] {
    display: none
}

    input[type=radio] + label.label1 {
        padding-left: 30px;
        display: inline-block;
        line-height: 15px;
        max-height: 15px;
        margin-left: 7px;
        background-image: url(../media/images/icons/radio.png)
    }

    input[type=radio]:checked + label.label1 {
        background-position: 0 -15px
    }

input[type=checkbox] {
    display: none
}

    input[type=checkbox] + label.label2 {
        padding-left: 30px;
        display: inline-block;
        line-height: 20px;
        max-height: 20px;
        background-image: url(../media/images/icons/checkbox.png)
    }

    input[type=checkbox]:checked + label.label2 {
        background-position: 0 -20px
    }

.no-padding {
    padding: 0
}

.padding-sm {
    padding: 5px
}

.padding-md {
    /* padding: 10px */
}

.padding-lg {
    padding: 15px
}

.padding-xl {
    padding: 20px
}

.padding-xxl {
    padding: 30px
}

.padding-top-sm {
    padding-top: 5px
}

.padding-top-md {
    padding-top: 10px
}

.padding-top-lg {
    padding-top: 15px
}

.padding-top-xl {
    padding-top: 10px
}

.padding-top-xxl {
    padding-top: 30px
}

.padding-right-sm {
    padding-right: 5px
}

.padding-right-md {
    padding-right: 10px
}

.padding-right-lg {
    padding-right: 15px
}

.padding-right-xl {
    padding-right: 20px
}

.padding-right-xxl {
    padding-right: 30px
}

.padding-bottom-sm {
    padding-bottom: 5px
}

.padding-bottom-md {
    padding-bottom: 10px
}

.padding-bottom-lg {
    padding-bottom: 15px
}

.padding-bottom-xl {
    padding-bottom: 20px
}

.padding-bottom-xxl {
    padding-bottom: 30px
}

.padding-left-sm {
    padding-left: 5px
}

.padding-left-md {
    padding-left: 10px
}

.padding-left-lg {
    padding-left: 15px
}

.padding-left-xl {
    padding-left: 20px
}

.padding-left-xxl {
    padding-left: 30px
}

.no-margin {
    margin: 0
}

.margin-auto {
    margin-left: auto;
    margin-right: auto
}

.margin-sm {
    margin: 5px
}

.margin-md {
    margin: 10px
}

.margin-lg {
    margin: 15px
}

.margin-xl {
    margin: 20px
}

.margin-xxl {
    margin: 30px
}

.margin-top-sm {
    margin-top: 5px
}

.margin-top-md {
    margin-top: 10px
}

.margin-top-lg {
    margin-top: 15px
}

.margin-top-xl {
    margin-top: 20px
}

.margin-top-xxl {
    margin-top: 30px
}

.margin-top-md-min {
    margin-top: -10px
}

.margin-right-sm {
    margin-right: 5px
}

.margin-right-md {
    margin-right: 10px
}

.margin-right-lg {
    margin-right: 15px
}

.margin-right-xl {
    margin-right: 20px
}






.margin-right-xxl {
    margin-right: 30px
}

.margin-bottom-sm {
    margin-bottom: 5px
}

.margin-bottom-md {
    margin-bottom: 10px
}

.margin-bottom-lg {
    margin-bottom: 15px
}

.margin-bottom-xl {
    margin-bottom: 20px
}

.margin-bottom-xxl {
    margin-bottom: 30px
}

.margin-left-sm {
    margin-left: 5px
}

.margin-left-md {
    margin-left: 10px
}

.margin-left-lg {
    margin-left: 15px
}

.margin-left-xl {
    margin-left: 20px
}

.margin-left-xxl {
    margin-left: 30px
}

.top-header {
    color: #E98300
}


#SearchIcon {
    cursor: pointer
}

.top-header .form-control.search {
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 16px;
    font-style: italic;
    width: 90%;
    display: inline;
    height: 28px;
    padding: 6px 0;
    color: #F9DFBE;
    border-color: transparent;
}

#fixedmenu, .top-header .top-menu span:last-child {
    display: none;
    /* top: 0px; */
}

#fixedmenu {
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 2;
    margin: 0px;
}

.search-box > :-ms-input-placeholder, .top-header > ::-webkit-input-placeholder {
    font-size: 16px !important;
    font-style: italic
}

.search-box > :-ms-input-placeholder, .top-header > :-moz-placeholder {
    font-size: 16px !important;
    font-style: italic;
    color: #E98300
}

.search-box > :-ms-input-placeholder, .top-header > ::-moz-placeholder {
    font-size: 16px !important;
    font-style: italic;
    color: #E98300
}

.search-box > :-ms-input-placeholder, .top-header > :-ms-input-placeholder {
    font-size: 16px !important;
    font-style: italic;
    color: #E98300
}

::placeholder {
    color: #E98300
}

.top-header .search-box {
    border-radius: 4px;
    /* border: 1px solid #F9DFBE; */
    padding: 0;
    margin-top: 15px;
}

.top-menu {
    margin-top: 34px;
    font-size: 1em;
    /* width: 44%; */
}

    .top-menu a {
        margin-lefT: 10px
    }

.top-header a, .top-header a:active, .top-header a:focus, .top-header:hover {
    color: #E98300
}

    .top-header a.top-header-donate {
        background-color: #f57e1f;
        color: #fff;
        padding: 10px 25px;
        text-decoration: none;
        font-size: 1em;
    }

.top-header ::-webkit-input-placeholder {
    color: #F9DFBE
}

.top-header :-moz-placeholder {
    color: #F9DFBE
}

.top-header ::-moz-placeholder {
    color: #F9DFBE
}

.top-header :-ms-input-placeholder {
    color: #F9DFBE
}

.Phone {
    font-weight: 700;
    margin-right: 10px
}

.main-menu {
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    padding: 10px 0px 10px 0px;
    background: #F57E1F;
    background: -moz-linear-gradient(left,#F57E1F 0,#F57E1F 50%,#F57E1F 50%,#e98300 51%,#e98300 100%);
    background: -webkit-linear-gradient(left,#F57E1F 0,#F57E1F 50%,#F57E1F 50%,#F57E1F 51%,#F57E1F 100%);
    background: linear-gradient(to right,#F57E1F 0,#F57E1F 50%,#F57E1F 50%,#e98300 51%,#F57E1F100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F57E1F', endColorstr='#e98300', GradientType=1 );
}

    .main-menu .navbar-header a, .main-menu .navbar-header a:active, .main-menu .navbar-header a:focus, .main-menu .navbar-header a:hover {
        color: #7b7b7b;
        font-family: Cambria
    }

    .main-menu .navbar-header .navbar-brand {
        font-size: 26px;
        text-transform: uppercase;
        padding: 13px 0 13px 15px;
        height: 100%
    }

    .main-menu .form-control.search {
        background-image: url(../media/images/search.png);
        background-position: 98% center;
        padding-right: 10% !important;
        background-repeat: no-repeat;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: 16px;
        font-style: italic;
        border: 1px solid #fff;
        background-color: #f16145;
        color: #fff
    }

    .main-menu ::-webkit-input-placeholder {
        font-size: 16px !important;
        font-style: italic;
        color: #fff
    }

    .main-menu :-moz-placeholder {
        font-size: 16px !important;
        font-style: italic;
        color: #fff
    }

    .main-menu ::-moz-placeholder {
        font-size: 16px !important;
        font-style: italic;
        color: #fff
    }

    .main-menu :-ms-input-placeholder {
        font-size: 16px !important;
        font-style: italic;
        color: #fff
    }

    .main-menu .navbar-collapse {
        padding-left: 0;
        padding-right: 0
    }

        .main-menu .navbar-collapse .navbar-nav > li {
            background-color: #F57E1F;
        }

            .main-menu .navbar-collapse .navbar-nav > li:nth-child(1), .main-menu .navbar-collapse .navbar-nav > li:nth-child(2), .main-menu .navbar-collapse .navbar-nav > li:nth-child(3), .main-menu .navbar-collapse .navbar-nav > li:nth-child(4) {
                background-color: #F57E1F !important;
            }

            .main-menu .navbar-collapse .navbar-nav > li:nth-child(4) {
                /* margin-right: 40px; */
                /* padding-right: 60px; */
            }



.hp-explanation {
    margin-bottom: 30px;
}


    .hp-explanation .imgholder {
        display: flex;
        align-items: center;
        justify-content: center;
    }

.hp-explanation-orange {
    background-color: #e98300;
    padding: 30px;
}

    .hp-explanation-orange h1, .hp-explanation-orange p, .hp-explanation-blue h1, .hp-explanation-blue p {
        color: #fff;
        line-height: 1.25em;
    }

.hp-explanation-blue h1 {
    margin-top: 0px;
}

.hp-explanation-blue {
    background-color: #00338c;
    padding: 0px 30px 30px 30px;
}

.hp-explanation-inbetween {
    height: 80px;
    background: #e98300; /* Old browsers */
    background: -moz-linear-gradient(left, #e98300, #e98300 41.666666666%, #F57E1F 41.6666666663%, #F57E1F 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #e98300,#e98300 41.666666666%,#F57E1F 41.666666666%,#F57E1F 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #e98300,#e98300 41.666666666%,#F57E1F 41.666666666%,#F57E1F 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e98300', endColorstr='#F57E1F',GradientType=1 ); /* IE6-9 */
}


.main-menu .navbar-collapse .navbar-nav > li > a {
    /* padding: 33px 20px 33px 0; */
    /* text-transform: uppercase */
    font-size: 1em;
    text-decoration: none;
}

.main-menu .navbar-collapse .navbar-nav > li:last-child, .main-menu .navbar-collapse .navbar-nav > li:last-child > a {
    padding-right: 0
}

.affiliates h1, .coaching .coaching-title, .home-banner, .slider-container .slides .slide .btn-default, .testimonial .testimonial-message {
    text-transform: uppercase;
}


.slider-container, .slider-container .slides {
    top: 0;
    left: 0;
}

.media-slider {
    display: flex;
    justify-content: space-between;
}

    .media-slider .media-item {
        position: relative;
        width: 270px;
    }

        .media-slider .media-item .media-play {
            position: absolute;
            left: 38%;
            top: 50px;
        }

        .media-slider .media-item .media-caption {
            color: #5F5E5E;
            font-size: 1.125em;
            font-weight: bold;
            margin-top: 10px;
            float: left;
        }

.text-slider {
    top: 0px;
    /* padding-left: 10px; */
    position: absolute;
    width: 100%;
}

    .text-slider .container {
        position: relative;
    }

.nav-list-main > li > a {
    position: relative;
    display: block;
    padding: 5px 0
}

    .nav-list-main > li > a:hover {
        background-color: transparent
    }

.panel-accardion-a, .panel-accardion-a-active {
    margin-bottom: 1em
}

.panel-default {
    border-color: #fff;
    box-shadow: none
}

    .panel-default > .panel-heading {
        color: #f16145;
        background-color: #fff;
        border-color: #fff;
        padding: 0 0 10px;
        text-align: left;
        text-decoration: none;
    }

        .panel-default > .panel-heading a {
            text-decoration: none;
        }

.panel-accardion-a-active, .panel-active > .panel-heading {
    font-weight: 700
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #fff
}

    .panel-default > .panel-heading + .panel-collapse > .panel-body a {
        display: block
    }

.panel-default > .panel-heading .panel-title, .panel-default > .panel-heading .panel-title:active, .panel-default > .panel-heading .panel-title:hover, .panel-default > .panel-heading .panel-title:visited {
    color: #e98300;
    font-size: 1.2em;
    text-decoration: none;
}

.slider-container {
    position: relative;
    margin: 0 auto;
    border: none
}

    .slider-container .slides {
        /* cursor: move; */
        /* position: absolute; */
    }

        .btn-default.active, .slider-container .slides .slide .btn-default, .slider-container .slides .slide .btn-default.disabled, .slider-container .slides .slide .btn-default:active.slider-container .slides .slide, .slider-container .slides .slide .btn-default:focus, .slider-container .slides .slide .btn-default:hover, .btn-yellowPosition, .btn-yellowPosition:hover {
            border-radius: 0;
            border: 1px solid #ffffff;
            color: #ffffff;
            background-color: transparent !important;
        }

        .slider-container .slides .slide .slider-overlay {
            width: 100%;
            height: 100%;
            background-color: transparent;
            position: absolute;
            left: 0;
            opacity: .46;
            z-index: 0;
        }

        .slider-container .slides .slide img {
            /* opacity: .57 */
            float: right;
        }

        .slider-container .slides .slide .slider-title {
            padding-bottom: 30px;
            margin-bottom: 0;
            line-height: 1.3;
            font-size: 1.875em;
            /* text-transform: uppercase; */
            position: absolute;
            left: 15px;
            top: 120px;
            font-weight: 700;
            font-family: 'PT Sans', sans-serif;
            font-style: italic;
            width: 500px;
            color: #ffffff;
        }

        .slider-container .slides .slide .slider-person {
            padding-bottom: 30px;
            margin-bottom: 0;
            line-height: 1.3;
            font-size: 1.5em;
            /* text-transform: uppercase; */
            position: absolute;
            left: 15px;
            top: 370px;
            font-weight: 400;
            /* font-family: 'PT Sans', sans-serif; */
            font-family: 'Architects Daughter', cursive;
            font-style: italic;
            width: 800px;
            color: #ffffff;
        }

        .slider-container .slides .slide .slider-function {
            padding-bottom: 30px;
            margin-bottom: 0;
            line-height: 1.3;
            font-size: 0.675em;
            /* text-transform: uppercase; */
            position: absolute;
            left: 15px;
            top: 420px;
            font-weight: 700;
            font-family: 'PT Sans', sans-serif;
            /* font-style: italic; */
            width: 800px;
            color: #ffffff;
            display: none;
        }

        .slider-container .slides .slide .btn-default {
            font-size: 1.125em;
            line-height: 40px;
            padding: 7px 50px;
            position: absolute;
            text-decoration: none;
            left: 15px;
            top: 450px;
            font-weight: 700;
            /* top: auto; */
        }

            .slider-container .slides .slide .btn-default:empty {
                display: none;
            }

}

.slider-container .slides .slide .slider-subtitle {
    color: #FFF
}

.jssorb21 .av, .jssorb21 div, .jssorb21 div:hover {
    background: url(../Plugins/JssorSlider/img/b22.png) no-repeat;
    overflow: hidden;
    cursor: pointer
}

.jssorb21 div {
    background-position: -5px -5px
}

    .jssorb21 .av:hover, .jssorb21 div:hover {
        background-position: -35px -5px
    }

.jssorb21 .av {
    background-position: -65px -5px
}


.jssorb21 .dn, .jssorb21 .dn:hover {
    background-position: -95px -5px
}

.jssora05l, .jssora05ldn, .jssora05r, .jssora05rdn {
    position: absolute;
    cursor: pointer;
    display: block;
    background: url(../js/JssorSlider/img/a21.png) no-repeat;
    overflow: hidden
}

.jssora05l {
    background-position: -10px -40px
}

.jssora05r {
    background-position: -70px -40px
}

.jssora05l:hover {
    background-position: -130px -40px
}

.jssora05r:hover {
    background-position: -190px -40px
}

.jssora05ldn {
    background-position: -250px -40px
}

.jssora05rdn {
    background-position: -310px -40px
}

.bread-crumb {
    margin-top: 20px;
    margin-bottom: 30px;
    padding-left: 0;
    list-style: none;
    font-size: 16px !important;
    font-weight: 400 !important
}

    .bread-crumb > li {
        display: inline-block
    }

        .bread-crumb > li.active a {
            text-decoration: none;
            color: #000
        }

        .bread-crumb > li + li:before {
            padding: 0 5px;
            content: '>';
            color: #000
        }



.home-banner {
    display: block;
    background: #f16145;
    color: #FFF;
    text-align: center;
    font-size: 30px;
    padding: 35px 10px;
    line-height: 35px
}

    .home-banner:active, .home-banner:focus, .home-banner:hover {
        color: #FFF;
        outline: 0
    }

.coaching .coaching-types {
    margin-top: 100px;
    margin-bottom: 80px
}

    .coaching .coaching-types ul {
        width: 100%;
        list-style: none;
        padding-left: 0
    }

        .coaching .coaching-types ul li {
            margin-bottom: 10px;
            width: 24.5%;
            display: inline-block;
            list-style: none;
            -ms-word-wrap: break-word;
            word-wrap: break-word;
            min-height: 50px;
            vertical-align: top
        }

            .coaching .coaching-types ul li:before {
                margin: 0 7px 0 0;
                font-size: 14px;
                font-family: 'Glyphicons Halflings';
                content: '\e013';
                color: #f16145
            }

.teacher {
    min-height: 280px;
    padding: 10px;
    background-color: #F57E1F
}

    .teacher .btn-default, .teacher .btn-default.active, .teacher .btn-default.disabled, .teacher .btn-default:active, .teacher .btn-default:focus, .teacher .btn-default:hover {
        border-radius: 0;
        border: 2px solid #fff;
        color: #fff;
        background-color: #F57E1F !important;
        font-weight: 700;
        padding-left: 20px;
        padding-right: 20px
    }

    .teacher .teacher-call {
        font-weight: 700;
        margin-left: 20px
    }

    .teacher .teacher-profile-pic {
        width: 280px;
        border-color: #fff
    }

    .teacher .teacher-message {
        font-weight: 300;
        color: #fff;
        vertical-align: middle;
        height: 260px;
        padding-top: 6%
    }

        .teacher .teacher-message .btn-default {
            font-size: 16px
        }

.testimonial .testimonial-message {
    font-style: italic;
    font-weight: 300;
    line-height: 30px;
    font-size: 22px
}

.posts .post {
    font-weight: 300
}

.posts .post-title {
    font-size: 1.5em;
    color: #E98300;
    font-weight: 700
}

.post-name span {
    color: #F57E1F;
    font-size: 1em;
    font-weight: 700
}

.post-date span {
    border: 1px solid #E98300;
    display: block;
    color: #e98300;
    padding: 5px 0;
    font-weight: 700;
    text-align: center
}

.posts .post .make-choice a {
    padding: 0 5px;
    border: 1px solid #f16145;
    border-radius: 4px;
    color: #f16145
}

.affiliates-subtitle {
    font-size: 1.25em
}

.white-papers {
    position: relative;
    border-left: 0
}

.white-paper-p {
    cursor: pointer
}

.white-paper-ul li {
    list-style: none
}

.white-papers .paper {
    line-height: 30px
}

    .white-papers .paper a {
        text-decoration: underline;
        color: #616161
    }

    .white-papers .paper.orange a, .white-papers .paper:before {
        color: #f16145;
        text-decoration: none
    }

    .white-papers .paper:before {
        position: absolute;
        left: -15px;
        text-align: center;
        font-family: coaching-icons;
        content: "\e902";
        font-size: 30px;
        background-color: #fff;
        padding-right: 10px
    }

.bordered-content .subject-link {
    float: left
}

.subject-row {
    float: left;
    margin-top: 7px;
    width: 100%
}

.subject-empty, .subject-full {
    width: 48%;
    padding: 1% 5%;
    font-size: .875em;
    color: #fff;
    border-radius: 3px;
    text-align: center
}

.subject-heading-empty, .subject-heading-full {
    padding: 10px !important;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.subject-empty a, .subject-empty a:hover, .subject-full a, .subject-full a:hover {
    color: #fff
}

.subject-heading-empty a, .subject-heading-full, .subject-heading-full a {
    color: #fff !important
}

.subject-empty {
    background-color: #F26146
}

.subject-full {
    background-color: #616161
}

.subject-heading-empty {
    background-color: #F26146 !important;
    color: #fff !important
}

.subject-heading-full {
    background-color: #616161 !important
}

span.tall {
    font-size: 1.125em;
    font-weight: 700
}

.subject-arrow {
    float: right
}

.subject-panel {
    float: left;
    width: 100%
}

    .subject-panel .panel-default {
        margin-bottom: 20px
    }

    .subject-panel .panel-body {
        background-color: #E2E2E2;
        padding: 10px 0 0;
        margin-top: 10px;
        border-radius: 3px
    }

.subject-explanations, .subject-explanations-wide {
    float: left;
    width: 100%;
    margin: 0 0 10px;
    padding: 0
}

.subject-explanation-gray, .subject-explanation-orange {
    padding: 0 10px;
    color: #fff;
    border-radius: 2px;
    font-size: .875em
}

.subject-explanation-gray {
    float: left;
    width: 40%;
    margin: 0;
    background-color: #616161;
    text-align: Center
}

.subject-explanation-orange {
    float: right;
    width: 49%;
    margin: 0 1px 0 0;
    background-color: #F26146;
    text-align: center
}

.subject-explanations-wide .subject-explanation-gray {
    width: 20%
}

.subject-explanations-wide .subject-explanation-orange {
    width: 20%;
    float: left;
    margin-left: 25px
}

#interestedform {
    display: none
}

.note-list .note-wrapper.ispublic-note, .note-list .note-wrapper.ispublic-note .progress {
    background-color: #ECECEC
}

.note-list .note-wrapper {
    margin: 0 12px 30px;
    border-radius: 5px;
    padding: 10px 0 !important;
    position: relative;
    width: 80%;
    background-color: #FAFAFA
}

.note-wrapper .time {
    font-size: .875em
}

.note-wrapper h5 {
    font-size: 1em
}

.note-wrapper .apollo-user-icon {
    border: 1px solid #DDD;
    border-radius: 5px;
    text-align: center;
    height: 45px;
    width: 45px;
    line-height: 64px;
    margin-right: 10px;
    color: #0088CE
}

.note-wrapper .row {
    margin: 0
}

.upload-button {
    position: relative;
    padding: 14px;
    border: 1px dashed;
    background: #ECECEC
}

    .upload-button input {
        position: absolute;
        right: 0;
        top: 0;
        display: block;
        font-size: 200px;
        opacity: 0;
        cursor: pointer;
        width: 100%;
        height: 100%
    }

.progress {
    background-color: #FFF;
    margin-bottom: 0;
    height: 5px;
    border-radius: 5px;
    box-shadow: none !important
}

.makeanote .panel-body {
    padding: 0
}

.coach .btn-default, .coach .btn-default.active, .coach .btn-default.disabled, .coach .btn-default:active, .coach .btn-default:focus, .coach .btn-default:hover {
    border-radius: 0;
    border: 2px solid #F57E1F;
    color: #F57E1F;
    background-color: #fff !important;
    font-weight: 700;
    width: 100%
}

.ctaform {
    background-color: #F57E1F;
    color: #fff
}

    .ctaform .btn-default, .ctaform .btn-default.active, .ctaform .btn-default.disabled, .ctaform .btn-default:active, .ctaform .btn-default:focus, .ctaform .btn-default:hover {
        border-radius: 0;
        border: 2px solid #F57E1F;
        color: #F57E1F;
        background-color: #fff !important;
        font-weight: 700;
        width: 100%
    }

.coach img {
    margin-bottom: 20px
}

.coach input[type=button] {
    margin-bottom: 15px
}

.coach p {
    margin-bottom: 30px;
    line-height: 23px
}

    .coach p:last-child {
        margin-bottom: 15px
    }

.appointments .appointment {
    vertical-align: middle;
    border: 1px solid;
    border-bottom: none;
    display: table;
    width: 100%
}

    .appointments .appointment:last-child, .blogs .blog {
        /* border: 1px solid */
    }

    .appointments .appointment div {
        display: table-cell !important;
        vertical-align: middle !important;
        float: none
    }

.blogs .blog {
    font-weight: 300;
    margin-bottom: 25px;
    color: #F57E1F
}

    .blogs .blog h1 {
        font-size: 20px;
        margin-top: 0;
        margin-bottom: 30px;
    }

    .blogs .blog .make-choice {
        margin-top: 10px;
        margin-bottom: 10px
    }

        .blogs .blog .make-choice a {
            padding: 0 5px;
            border: 1px solid #f16145;
            border-radius: 4px;
            font-size: 14px;
            font-weight: 400;
            color: #f16145
        }

    .blogs .blog .blog-description {
        margin-top: 10px;
        margin-bottom: 50px;
        /* padding: 0 0 0 20px; */
        /* font-weight: 700; */
    }

.blog-description img {
    max-width: 100%;
}

.blogs .blog + .comments {
    padding-bottom: 20px;
    border-bottom: 4px solid;
    border-bottom-color: #f16145
}

    .blogs .blog + .comments .comment .comment-description {
        padding: 10px;
        border: 1px solid #f16145;
        margin-top: 10px;
        margin-bottom: 10px
    }

.filteractive {
    font-weight: 700
}

.specs {
    background-color: #E2E2E2;
    font-size: .875em;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

    .specs row {
        margin-bottom: 10px
    }

ul.media-list {
    font-size: 1em
}

.glyphicon-plus {
    margin: 5px 10px 0 0;
    cursor: pointer
}

.media-heading {
    cursor: pointer
}

.about img {
    width: 180px;
    height: 180px
}

.about h1, .about img, .about input[type=button] {
    margin-bottom: 50px
}

.about-description p {
    margin-bottom: 40px;
    /* line-height: 23px */
}

.row-centered {
    text-align: center
}

.col-centered {
    display: inline-block;
    float: none;
    text-align: left;
    margin-right: -4px;
    vertical-align: top
}

.footer {
    padding-top: 50px;
    font-size: 14px;
    border-bottom: 4px solid;
    position: relative;
    height: 100%;
    background-color: #F57E1F;
    color: #FFF;
    padding-bottom: 50px;
}

    .footer a, .footer a:focus, .footer a:hover, .footer h1 {
        color: #fff;
        text-decoration: none;
    }

        .footer a.btn-default {
            color: #00338c;
        }

    .footer .form-control {
        margin-bottom: 10px;
        border: 1px solid #e98300;
    }

    .footer p {
        color: #fff;
    }

.contact-title {
    font-size: 18px
}

.footer .contact address {
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 0
}

.footer .social-media {
    font-size: 18px
}

    .footer .social-media a {
        margin-right: 15px;
        color: #fff
    }

        .footer .social-media a:last-child {
            margin-right: 0
        }

.footer .footer-bottom {
    margin-top: 50px
}

    .footer .footer-bottom .brand-logo {
        font-size: 26px;
        padding-top: 15px;
        border-top: 1px solid;
        border-top-color: #f16145
    }

    .footer .footer-bottom .terms {
        text-align: right
    }

.footer iframe {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%)
}

.social-icons, .social-icons:hover {
    color: #F57E1F;
    font-size: 1.25em;
    text-decoration: none;
}

.H2Coach, .H2CoachOrange, .WorkshopDate, .orangetext {
    /* text-align: center */
}

.dropzone {
    border: 1px dashed #3a3a3a;
    width: 100%;
    background-color: #F6F6F6;
    float: left;
    border-radius: 5px
}

    .dropzone .progress {
        margin-bottom: 10px
    }

.form-my-account h4 {
    cursor: pointer
}

.form-my-account.image-cropper-wrapper {
    margin: 0
}

.Margtop10, .orangetext {
    /* margin-top: 10px */
}

.form-my-account .image-control {
    border: 1px solid #616161
}

.col-lg-4.col-md-4.col-sm-6.col-sm-offset-0 > .navbar-brand {
    padding: 0 15px !important
}

.WhitePaper {
    background-color: #E98300;
    color: #fff
}

    .WhitePaper .testimonial-message {
        font-size: 2.5em;
        line-height: 1.25em;
        font-weight: 700
    }

    .WhitePaper .btn-default, .WhitePaper .btn-default.active, .WhitePaper .btn-default.disabled, .WhitePaper .btn-default:active, .WhitePaper .btn-default:focus, .WhitePaper .btn-default:hover {
        border-radius: 0;
        border: 2px solid #fff;
        color: #fff;
        background-color: #e98300 !important;
        font-weight: 700
    }

.contactcta {
    background-color: #F57E1F;
    padding: 20px 0px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-around;
    align-items: center;
}

    .contactcta span {
        color: #fff
    }

    .contactcta .teacher-call span {
        color: #e98300 !important
    }

    .contactcta .contactcta-img {
        vertical-align: middle;
        text-align: center;
    }

    .contactcta .contactcta-message {
        font-size: 2.5em;
        line-height: 1.25em;
        font-weight: 700;
        color: #fff;
    }

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

    .contactcta .btn-default, .contactcta .btn-default.active, .contactcta .btn-default.disabled, .contactcta .btn-default:active, .contactcta .btn-default:focus, .contactcta .btn-default:hover {
        border-radius: 0;
        border: 2px solid #fff;
        color: #fff;
        background-color: #00338c !important;
        font-weight: 700;
        margin-bottom: 5px;
        width: 100%;
        font-size: 1.5em;
    }

.blueborders, .bluebtn, .bluebtn:hover {
    /* border: 1px solid #F57E1F */
    margin: 0px;
    padding: 0px;
}

.fullheight {
    height: 100%;
}

.Whiteh1 {
    color: #fff
}

.orange, .orangetext {
    color: #C57616
}

.margBottom25 {
    margin-bottom: 25px
}

.margBottom20 {
    margin-bottom: 20px
}

.margBottom40 {
    margin-bottom: 40px
}

.downloadBTN {
    padding: 6px 40px;
    font-size: 20px
}

.orangetext {
    padding: 5px 0px;
    font-size: 16px;
    font-weight: 700;
}

.H2Coach {
    font-weight: 700;
    color: #F57E1F;
    font-size: 1.25EM;
    PADDING-TOP: 10px;
    text-decoration: none;
    margin-bottom: 0px;
}

    .H2Coach a {
        color: #5F5E5E;
        text-decoration: none;
    }

.H2CoachOrange {
    font-weight: 700;
    color: #E98300;
    font-size: inherit !important
}

.functions {
    font-size: 0.675em;
    color: #5F5E5E;
    font-weight: bold;
    margin-bottom: 20px;
    display: block;
}

.back-to-coaches {
    font-weight: 700;
    color: #E98300;
    font-size: 20px;
    float: left
}

    .back-to-coaches img {
        vertical-align: bottom;
        margin-right: 10px
    }

.bluebtn, .bluebtn:hover {
    /* text-align: center; */
    color: #F57E1F;
    /* padding: 10px 15px !important; */
    font-size: 16px;
    font-weight: 700;
    margin-top: 10px;
    background: 0 0;
    /* width: 100%; */
}

.Bluefont {
    /* color: #5F5E5E; */
}

.centerIMG {
    /* padding: 10px 15px; */
    margin: 0 auto;
    display: block;
}

.GreyContent {
    background-color: #DCDCDC;
    border-radius: 3px;
    padding: 5px 15px;
    color: #fff !important;
    margin-bottom: 40px
}

    .GreyContent > p {
        color: #fff
    }

    .GreyContent::after {
        position: relative;
        background: url(/clientdata/200/media/images/Pointer.png) 40px 40px no-repeat;
        top: 20px;
        z-index: -1;
        left: -95px;
        width: 400px;
        padding: 40px;
        content: "";
        margin-bottom: 30px
    }

p {
    color: #5F5E5E;
    font-size: 1em;
    line-height: 1.5;
    font-weight: 400;
}

ul, ol {
    color: #5F5E5E;
    font-size: 1em;
    line-height: 1.5em;
    font-weight: 400;
}

.GreyH1 {
    color: #585858
}

.WorkshopTitle {
    color: #F57E1F
}

.WorkshopDate {
    border: 1px solid #E98300;
    color: #E98300;
    font-size: 20px;
    padding: 5px
}

.BlogTitle {
    padding: 0
}

.LatestBlogBorder {
    border: 1px solid #F57E1F;
    border-top: none
}

.H2Blogs {
    margin-top: 0;
    font-weight: 700;
    font-size: 20px;
    padding: 10px 15px 0
}

.H1BlogItem, .H1Blogs {
    font-size: 36px !important
}

.H1Blogs {
    margin-bottom: 0px !important;
}

.author {
    width: 100%;
    font-size: 0.75em;
    color: #00338c;
    margin-bottom: 15px !important;
    float: left;
}

.pad-left-0 {
    padding-left: 0
}

.pad-bottom-20 {
    padding-bottom: 20px
}

.H1BlogItem {
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0px;
}

.Whiteh1 > p, .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a :hover {
    color: #fff !important
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #555;
    background-color: transparent
}

.navbar-nav > li {
    padding: 0
}

.nav > li > a {
    display: inline-block
}

.removefilter {
    margin-left: 10px;
    color: #F57E1F;
    font-size: .875em
}

.nav > li > .fa {
    color: #fff;
    cursor: pointer
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #F57E1F;
    border: 1px solid #F57E1F
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap;
    text-decoration: none;
}

    .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
        color: #fff;
        text-decoration: none;
        background-color: #F57E1F
    }

.employeeimage {
    padding-right: 0px;
}

    .employeeimage img {
        max-width: 100%;
    }

.employeedetails {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    background-color: #FCDEC6;
}

    .employeedetails h1 {
        margin-bottom: 5px;
        color: #5F5E5E;
    }

    .employeedetails .function {
        font-size: 0.75em;
        font-weight: bold;
        width: 100%;
        color: #5F5E5E;
    }

.Contacttext {
    line-height: 28px;
}

@media (min-width :1200px) {
    .container {
        width: 1200px !important;
        position: relative;
    }

    .main-menu .navbar-collapse .navbar-nav > li {
        padding: 0 42px 0 0;
    }
}

@media (max-width:768px) {
    .bordered-content {
        min-height: 100%;
        width: 100%
    }
}

@media (max-width:1200px) {
    .main-menu .navbar-collapse .navbar-nav > li:nth-child(4)::after {
        width: 41px;
        height: 86px;
        background-image: url(/clientdata/200/media/images/menu-block.png);
        background-size: cover;
        content: "";
        position: absolute;
        right: -40px;
        z-index: 1000;
        top: 0;
        background-position: 50% 50%
    }

    .main-menu .navbar-collapse .navbar-nav > li > a {
        padding: 33px 35px 33px 0
    }

    .main-menu .navbar-collapse .navbar-nav > li :nth-child(4) {
        width: 101px
    }
}

@media (min-width:1025px) and (max-width:1200px) {
    .main-menu .navbar-collapse .navbar-nav > li {
        padding: 0 15px 0 0;
        font-size: 14px;
    }

        .main-menu .navbar-collapse .navbar-nav > li:nth-child(4) {
            margin-right: 22px;
            padding-right: 50px;
            height: 100%;
            padding-left: 11px;
        }


            .main-menu .navbar-collapse .navbar-nav > li:nth-child(4)::after {
                width: 31px;
                height: 86px;
                background-image: url(/clientdata/200/media/images/menu-block.png);
                background-size: cover;
                content: "";
                position: absolute;
                right: 0;
                z-index: 1000;
                top: 0;
                background-position: 50% 50%;
            }
}

@media (max-width:1025px) {

    .main-menu .navbar-collapse .navbar-nav > li:nth-child(4) {
        margin-right: 0
    }

        .main-menu .navbar-collapse .navbar-nav > li:nth-child(4)::after {
            width: 41px;
            height: 86px;
            background-image: url(/clientdata/200/media/images/menu-block.png);
            background-size: cover;
            content: "";
            position: absolute;
            right: 0;
            z-index: 1000;
            top: 0;
            background-position: 50% 50%
        }

    .main-menu .navbar-collapse .navbar-nav > li > a {
        padding: 33px 35px 33px 0
    }

    .contactcta .contactcta-message {
        font-size: 1.5em;
    }

    h1 {
        font-size: 1.5em;
        margin-bottom: 10px;
    }

    .header1blue {
        font-size: 1.5em;
        height: 50px;
    }

    .hp-reasons ul li img {
        height: 30px;
        float: right;
        padding-right: 10px;
    }

    .hp-explanation-inbetween {
        height: 40px;
    }

    li.search-box {
        padding-top: 4px !important;
        padding-bottom: 4px !important
    }

    .main-menu .navbar-header .navbar-brand {
        font-size: 20px
    }

    .main-menu .navbar-collapse .navbar-nav > li > a {
        padding: 10px 5px;
        text-transform: uppercase;
        font-size: .75em;
    }


    .slider-container .slides .slide img {
        width: 100%;
    }

    .slider-container .slides .slide .slider-title {
        font-size: 1.25em;
        width: 540px;
        top: 140px;
        line-height: 1.2em;
    }

    .slider-container .slides .slide .slider-person {
        top: 210px;
    }

    .slider-container .slides .slide .slider-function {
        top: 250px;
    }

    .slider-container .slides .slide .btn-default {
        top: 290px;
    }

    .media-slider .media-item {
        position: relative;
        width: 24%;
    }

        .media-slider .media-item img {
            max-width: 100%
        }

        .media-slider .media-item .media-play {
            position: absolute;
            left: 30%;
            top: 40px;
        }

            .media-slider .media-item .media-play img {
                width: 75%;
            }

        .media-slider .media-item .media-caption {
            color: #5F5E5E;
            font-size: 1.125em;
            font-weight: bold;
            margin-top: 10px;
            float: left;
        }
}

@media (max-width:1199px) {
    .main-menu .navbar-collapse .navbar-nav > li:nth-child(4)::after {
        width: 0px;
        height: 0px;
        background-image: none;
        background-size: cover;
        content: "";
        position: absolute;
        right: 0;
        z-index: 1000;
        top: 0;
        background-position: 50% 50%;
    }

    .main-menu .navbar-collapse .navbar-nav > li {
        padding: 0 30px 0 0
    }
}

@media (max-width:992px) {
    .main-menu {
        border: none;
        border-radius: 0;
        margin-bottom: 0;
        background: #F57E1F;
        background: -moz-linear-gradient(left,#F57E1F 0,#F57E1F 60%,#F57E1F 60%,#e98300 60%,#e98300 100%);
        background: -webkit-linear-gradient(left,#F57E1F 0,#F57E1F 60%,#F57E1F 60%,#e98300 60%,#e98300 100%);
        background: linear-gradient(to right,#F57E1F 0,#F57E1F 60%,#F57E1F 60%,#e98300 60%,#e98300 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F57E1F', endColorstr='#e98300', GradientType=1 );
    }

        .main-menu .navbar-collapse .navbar-nav > li:nth-child(4) {
            margin-right: 0
        }

            .main-menu .navbar-collapse .navbar-nav > li:nth-child(4)::after {
                width: 41px;
                height: 71px;
                background-image: url(/clientdata/200/media/images/menu-block.png);
                background-size: cover;
                content: "";
                position: absolute;
                right: -11px;
                z-index: 1000;
                top: 0;
                background-position: 50% 50%
            }

        .main-menu .navbar-collapse .navbar-nav > li > a {
            padding: 33px 0
        }

    .hp-reasons h1 {
        font-size: 2em;
    }

    .header1blue {
        font-size: 1.375em;
        height: 60px;
    }

    .main-menu .navbar-header .navbar-brand {
        font-size: 20px;
        text-transform: uppercase;
        padding: 33px 0;
        height: 100%
    }

    .main-menu .navbar-collapse .navbar-nav > li {
        padding: 0 5px
    }

        .main-menu .navbar-collapse .navbar-nav > li > a {
            padding: 15px 5px;
            text-transform: uppercase
        }

        .main-menu .navbar-collapse .navbar-nav > li:nth-child(4)::after {
            width: 41px;
            height: 71px;
            background-image: url(/clientdata/200/media/images/menu-block.png);
            background-size: cover;
            content: "";
            position: absolute;
            right: 57px;
            z-index: 1000;
            top: 0;
            background-position: 50% 50%;
        }
}

@media (min-width :768px) and (max-width:1024px) {
    .bordered-content {
        width: 100%
    }
}

@media (min-width: 769px) and (max-width: 991px) {
    .top-header .form-control.search {
        width: 75%;
    }

    .main-menu .navbar-collapse .navbar-nav > li > a {
        padding: 33px 4px;
        text-transform: uppercase;
        font-size: .875em;
    }

    .main-menu .navbar-collapse .navbar-nav > li {
        padding: 0 5px 0 0;
        font-size: 14px;
    }

        .main-menu .navbar-collapse .navbar-nav > li:nth-child(4) {
            margin-right: 12px;
            padding-right: 40px;
            height: 100%;
            padding-left: 11px;
        }

            .main-menu .navbar-collapse .navbar-nav > li:nth-child(4)::after {
                width: 21px;
                height: 86px;
                background-image: url(/clientdata/200/media/images/menu-block.png);
                background-size: cover;
                content: "";
                position: absolute;
                right: 0;
                z-index: 1000;
                top: 0;
                background-position: 50% 50%;
            }
}

@media (max-width:768px) {
    .navbar-topheader {
        color: #e98300;
        font-size: 1em;
        padding-top: 12px;
        text-align: right
    }

        .navbar-topheader .top-header-donate {
            font-size: 0.75em;
            color: #fff;
            background-color: #f57e1f;
            padding: 8px 10px;
            text-decoration: none;
        }

    .main-menu .navbar-header {
        border: none;
        border-radius: 0;
        margin-bottom: 0;
        background: #F57E1F
    }

        .main-menu .navbar-header .navbar-toggle {
            position: relative;
            float: left;
            padding: 10px 10px 10px 0;
            margin-top: 10px;
            margin-left: 15px;
            margin-bottom: 8px;
            background-color: transparent;
            background-image: none;
            border: none;
            border-radius: 4px
        }

    .main-menu .navbar-collapse .navbar-nav > li:nth-child(4)::after {
        /* width: 31px; */
        /* height: 71px; */
        background-image: none;
        /* background-size: cover; */
        /* content: ""; */
        /* position: absolute; */
        /* right: -2px; */
        /* z-index: 1000; */
        /* top: 0; */
        /* background-position: 50% 50%; */
    }

    .main-menu .navbar-header .navbar-toggle .icon-bar {
        display: block;
        width: 30px;
        height: 2px;
        border-radius: 5px;
        background-color: #fff;
        box-shadow: 0 0 #000
    }

        .main-menu .navbar-header .navbar-toggle .icon-bar + .icon-bar {
            margin-top: 4px
        }

    .main-menu .navbar-header .navbar-brand {
        font-size: 20px;
        padding: 10px 15px;
        height: 60px
    }

        .main-menu .navbar-header .navbar-brand img {
            width: auto;
            height: 40px;
            margin-right: 5px
        }

    .main-menu .navbar-header .navbar-login {
        margin: 17px;
        padding: 3px 15px;
        float: right
    }

    .main-menu .navbar-collapse {
        border-top: none;
        box-shadow: none;
        overflow-x: hidden
    }

        .main-menu .navbar-collapse .navbar-nav {
            margin: 0
        }

            .main-menu .navbar-collapse .navbar-nav > li {
                border-bottom: 1px solid transparent;
                padding: 0 17px 0 0px;
            }

                .main-menu .navbar-collapse .navbar-nav > li:last-child {
                    border-bottom: none
                }

                .main-menu .navbar-collapse .navbar-nav > li.search-box {
                    padding: 0 !important;
                    background-color: #f16145;
                    margin: 0
                }

                .main-menu .navbar-collapse .navbar-nav > li > a {
                    padding: 15px 0 !important;
                    text-transform: uppercase
                }

    .main-menu.navbar-fixed-bottom {
        background: #f16145;
        border-bottom-color: #fff;
        color: #fff
    }

        .main-menu.navbar-fixed-bottom .navbar-header {
            padding: 0;
            position: fixed;
            left: 0;
            bottom: 0;
            width: 100%;
            background: #fff;
            color: #f16145
        }

            .main-menu.navbar-fixed-bottom .navbar-header .navbar-toggle {
                margin: 0;
                border-radius: 0;
                height: 60px;
                padding: 15px 0 15px 15px;
                text-align: left;
                background: #fff !important;
                border-color: #fff !important;
                color: #f16145 !important
            }

            .main-menu.navbar-fixed-bottom .navbar-header a, .main-menu.navbar-fixed-bottom .navbar-header a:active, .main-menu.navbar-fixed-bottom .navbar-header a:focus, .main-menu.navbar-fixed-bottom .navbar-header a:hover {
                color: #f16145;
                font-family: 'PT Sans', sans-serif;
            }

            .main-menu.navbar-fixed-bottom .navbar-header .navbar-brand {
                font-size: 16px;
                padding: 20px 15px;
                height: 60px;
                text-transform: none !important
            }

        .main-menu.navbar-fixed-bottom .navbar-nav > li {
            border-color: #fff
        }

        .main-menu.navbar-fixed-bottom .navbar-collapse {
            margin-bottom: 59px;
            max-height: 360px
        }

        .main-menu.navbar-fixed-bottom .navbar-nav > li > a, .main-menu.navbar-fixed-bottom .navbar-nav > li > a:active, .main-menu.navbar-fixed-bottom .navbar-nav > li > a:focus, .main-menu.navbar-fixed-bottom .navbar-nav > li > a:hover {
            color: #fff
        }

    .Phone {
        font-size: 1em;
    }

    .bread-crumb {
        padding-left: 0
    }

    .text-slider {
        top: 0px;
        position: relative;
        width: 100%;
    }

    .slider-container .slides {
        padding-bottom: 40px;
    }

    .text-slider {
        /* width: 90% !important; */
        /* height: 200px !important; */
    }

    .slider-container .slides .slide img {
        width: 100%;
    }

    .slider-container .slides .slide .slider-title {
        font-size: 1.25em;
        width: 540px;
        top: 80px;
        line-height: 1.2em;
    }

    .slider-container .slides .slide .slider-person {
        top: 150px;
    }

    .slider-container .slides .slide .slider-function {
        top: 190px;
    }

    .slider-container .slides .slide .btn-default {
        top: 223px;
    }

    .coaching .coaching-types ul {
        width: 100%;
        list-style: none
    }

        .coaching .coaching-types ul li {
            margin-bottom: 20px;
            width: 49%;
            display: inline-block;
            list-style: none;
            -ms-word-wrap: break-word;
            word-wrap: break-word
        }

            .coaching .coaching-types ul li:before {
                margin: 0 7px 0 0;
                font-size: 14px
            }

    .teacher {
        min-height: 260px
    }

        .teacher .teacher-message {
            /* padding-top: 0; */
            font-weight: 300;
        }

            .teacher .teacher-message .btn-default {
                width: 100%
            }

        .teacher .teacher-call {
            margin-left: 0;
            padding-top: 10px;
            display: block;
            float: left;
            width: 100%;
            text-align: center;
        }

    .subject-explanations-wide .subject-explanation-gray {
        width: 40%
    }

    .subject-explanations-wide .subject-explanation-orange {
        width: 46%
    }

    .media-heading {
        font-size: 1.125em;
        line-height: 1.3em
    }

    .footer {
        border-bottom: 8px solid;
        padding-top: 0px;
        font-size: 16px;
    }

        .footer .social-media {
            margin-top: 100px
        }

            .footer .social-media a {
                margin-right: 55px
            }

        .footer .footer-bottom {
            margin-top: 20px
        }

            .footer .footer-bottom .terms {
                margin-top: 40px;
                margin-bottom: 30px;
                text-align: left
            }

    .contact-title {
        font-size: 1em;
        font-weight: bold;
    }

    .footer .contact address {
        font-size: 1em;
    }

    .main-menu .navbar-collapse .navbar-nav > li:nth-child(4) {
        height: auto;
    }

    .main-menu .navbar-collapse .navbar-nav > li > a {
        /* max-width: 101px; */
        font-size: 0.75em;
    }

    .media-slider {
        /* display: flex; */
        flex-wrap: wrap;
    }

        .media-slider .media-item {
            position: relative;
            width: 24%;
        }

            .media-slider .media-item img {
                max-width: 100%
            }

            .media-slider .media-item .media-play {
                position: absolute;
                left: 30%;
                top: 30px;
            }

                .media-slider .media-item .media-play img {
                    width: 75%;
                }

            .media-slider .media-item .media-caption {
                color: #5F5E5E;
                font-size: 1.125em;
                font-weight: bold;
                margin-top: 10px;
                float: left;
            }
}

@media (max-width:767px) {
    .main-menu {
        border: none;
        border-radius: 0;
        margin-bottom: 0;
        background: 0 0
    }

        .main-menu .navbar-header .navbar-toggle {
            position: relative;
            float: right;
            padding: 20px 10px;
            background-image: none;
            border: none;
            border-radius: 0;
            background-color: #e98300;
            margin: 0
        }

            .main-menu .navbar-header .navbar-toggle:before {
                width: 25px;
                height: 25px;
                content: "";
                position: absolute;
                left: 0;
                z-index: 1000;
                bottom: 0;
                background-color: #e98300;
                background-position: 50% 50%;
                margin-left: -25px
            }

    .nav > li.open > .fa, .nav > li > .fa {
        cursor: pointer;
        float: right;
        margin-top: 15px;
        color: #fff
    }

    .main-menu .navbar-collapse .navbar-nav > li:nth-child(4) {
        /* padding-right: 5px; */
        /* margin-right: 0 !important; */
    }

    .main-menu .navbar-collapse .navbar-nav > li.search-box {
        background-color: #fff
    }

    .main-menu .navbar-collapse .navbar-nav > li > a {
        padding: 15px 10px !important;
        text-transform: uppercase;
        max-width: none
    }

    .nav > li > .fa {
        transform: rotate(-90deg)
    }

    .nav > li.open > .fa {
        transform: rotate(0)
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
        color: #fff;
        text-decoration: none;
    }

    .main-menu .form-control.search {
        border: 1px solid;
        background-color: #fff;
        border-color: #F9DFBE !important;
        color: #E98300 !important;
        border-radius: 0
    }

    .main-menu .navbar-collapse .navbar-nav > li:nth-child(4)::after {
        display: none !important
    }

    .hp-explanation-orange {
        padding: 15px;
    }

    .slider-container .slides .slide img {
        width: 100%;
    }

    .slider-container .slides .slide .slider-title {
        font-size: 1em;
        width: calc(100% - 30px);
        top: 90px;
        line-height: 1.2em;
    }

    .slider-container .slides .slide .slider-person {
        top: 190px;
    }

    .slider-container .slides .slide .slider-function {
        top: 230px;
    }

    .slider-container .slides .slide .btn-default {
        top: 270px;
        width: 200px;
        font-size: 1em;
        padding: 3px 30px;
    }

    .employeeimage {
        padding-right: 15px;
    }

    .employeedetails {
        padding-left: 15px;
        padding-right: 15px;
        margin-left: 15px;
        margin-right: 15px;
        margin-bottom: 15px;
        min-height: 300px;
    }

    .media-slider {
        flex-direction: column;
    }

    .media-slider {
        /* display: flex; */
        flex-wrap: wrap;
    }

        .media-slider .media-item {
            position: relative;
            width: 100%;
        }

            .media-slider .media-item img {
                max-width: 100%;
                width: 100%;
            }

            .media-slider .media-item .media-play {
                position: absolute;
                left: 41%;
                top: 27%;
            }

                .media-slider .media-item .media-play img {
                    width: 100%;
                }

            .media-slider .media-item .media-caption {
                color: #5F5E5E;
                font-size: 1.125em;
                font-weight: bold;
                margin-top: 10px;
                float: left;
            }

    .media-item {
        margin-bottom: 20px;
    }
}

@media (max-width:480px) {
    h1 {
        margin-bottom: 0px;
        line-height: 35px;
        color: #E98300;
        margin-top: 20px;
        font-size: 1.375em;
        font-weight: 700;
    }

    .header1blue {
        margin-top: 20px;
        font-size: 1.125em;
        font-weight: 700;
        height: 50px;
    }

    .hp-reasons ul li img {
        height: 24px;
        float: right;
        padding-right: 0px;
    }

    .hp-explanation-blue h1 {
        margin-top: 20px;
    }

    .hp-explanation-orange h1 {
        margin-top: 0px;
        line-height: 1.25em;
    }

    .hp-explanation .imgholder img {
        margin: 20px 0px;
    }


    .btn-default, .btn-default.active, .btn-default.disabled, .btn-default:active, .btn-default:focus, .btn-default:hover, .btn-primary, .btn-primary:hover {
        font-size: 13px;
    }

    .btn-primary {
        font-size: 18px
    }

    .text-slider {
        /* width: 320px !important; */
        /* height: 200px !important; */
        font-size: 1em;
    }

    .main-menu {
        border: none;
        border-radius: 0;
        margin-bottom: 0;
        background: 0 0
    }

        .main-menu .navbar-header .navbar-brand {
            font-size: 12px;
            height: 60px;
            margin: 0;
            padding: 10px 0 0
        }

        .main-menu .navbar-header .navbar-login {
            margin: 17px 10px;
            padding: 3px 15px;
            float: right
        }

        .main-menu .navbar-header .navbar-toggle {
            position: relative;
            float: right;
            padding: 20px 10px;
            background-image: none;
            border: none;
            border-radius: 0;
            background-color: #e98300;
            margin: 0
        }

            .main-menu .navbar-header .navbar-toggle:before {
                width: 25px;
                height: 25px;
                content: "";
                position: absolute;
                left: 0;
                z-index: 1000;
                bottom: 0;
                background-color: #e98300;
                background-position: 50% 50%;
                margin-left: -25px
            }

        .main-menu .navbar-collapse .navbar-nav > li:nth-child(4) {
            height: auto !important;
        }
}