@charset "UTF-8";
h1,
h1,
h3,
h4,
h5,
h6 {
    font-family: "Muli", sans-serif;
    font-weight: 600;
}
strong {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    font-family: "Muli", sans-serif;
}
h1 {
    font-size: 36px;
    line-height: 45px;
}
h1.page-heading {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 1px;
    font-weight: 300;
    color: #282828;
    margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
    h1.page-heading {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 46px;
    }
}
h1.big-heading {
    font-size: 52px;
    line-height: 65px;
    letter-spacing: 2px;
    font-weight: 600;
}
h2 {
    font-size: 24px;
    line-height: 30px;
}
h2 a {
    font-size: 18px;
    line-height: 22px;
    text-decoration: none;
}
@media screen and (min-width: 768px) {
    h2 a {
        font-size: 24px;
        line-height: 30px;
    }
}
h4 {
    font-size: 16px;
    line-height: 22px;
}
@media screen and (min-width: 768px) {
    h4 {
        font-size: 18px;
        line-height: 23px;
    }
}
p {
    font-size: 14px;
    line-height: 18px;
    font-family: "Muli", sans-serif;
    letter-spacing: 0.58px;
}
@media screen and (min-width: 768px) {
    p {
        font-size: 16px;
        line-height: 20px;
    }
}
a {
    font-size: 14px;
    line-height: 18px;
    font-family: "Muli", sans-serif;
    color: #2a9cd5;
    font-weight: 400;
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
a:active,
a:focus,
a:hover,
a:visited {
    color: #282828;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
}
ul li {
    list-style-type: none;
    color: #737373;
    font-family: "Muli", sans-serif;
    font-size: 16px;
    line-height: 20px;
}
span {
    font-size: 14px;
    line-height: 18px;
    font-family: "Muli", sans-serif;
    letter-spacing: 0.58px;
}
.padding-none {
    padding: 0;
}
.padding-l-none {
    padding-left: 0;
}
.padding-r-none {
    padding-right: 0;
}
.text-uppercase {
    text-transform: uppercase;
}
.padding-l-medium {
    padding-left: 15px;
}
/*========== round border image mixin here ==========*/
/*====== transitions mixin here =====*/
/*======== object fit css mixin here =======*/
/*========= flex box mixins here ==========*/
/*========= flex wrap box mixins here ==========*/
/*================== object position mixin here ================*/
/*===============================
footer styling here
==================================*/
footer {
    background-color: #f9f8f8;
    padding-top: 19px;
    padding-bottom: 11px;
}
footer .footer-blocks {
    margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
    footer .footer-blocks {
        margin-bottom: 0;
    }
}
footer .footer-blocks h5 {
    font-size: 15px;
    line-height: 19px;
    color: #282828;
    margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
    footer .footer-blocks h5 {
        margin-bottom: 30px;
    }
}
footer .footer-blocks p {
    font-size: 13px;
    line-height: 16px;
    font-weight: 300;
    margin-bottom: 11px;
    color: #282828;
}
footer .footer-blocks ul {
    padding-left: 0;
}
footer .footer-blocks ul li {
    list-style-type: none;
    margin-bottom: 12px;
}
footer .footer-blocks ul li a {
    font-size: 13px;
    line-height: 16px;
    font-weight: 300;
    text-decoration: none;
    color: #282828;
}
footer .footer-blocks ul li a:active,
footer .footer-blocks ul li a:focus,
footer .footer-blocks ul li a:hover,
footer .footer-blocks ul li a:visited {
    color: #2a9cd5;
}
footer .footer-blocks a {
    text-decoration: none;
}
footer .footer-blocks form.es_shortcode_form {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
footer .footer-blocks form.es_shortcode_form div.es_lablebox {
    display: none;
}
footer .footer-blocks form.es_shortcode_form div.es_textbox {
    min-width: 50%;
}
footer
    .footer-blocks
    form.es_shortcode_form
    div.es_textbox
    input[type="email"] {
    width: 100%;
    padding: 0 10px;
}
footer
    .footer-blocks
    form.es_shortcode_form
    div.es_textbox
    input[type="email"]:focus {
    outline: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
footer
    .footer-blocks
    form.es_shortcode_form
    div.es_button
    input[type="button"] {
    background-color: #2a9cd5;
    color: #ffffff;
    border: 1px solid #2a9cd5;
    font-size: 16px;
    line-height: 19px;
    font-family: "Muli", sans-serif;
    min-height: 18px;
    text-align: center;
    border-radius: 0px;
    border: none;
    padding: 11px 12px;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    min-width: 83px;
}
footer
    .footer-blocks
    form.es_shortcode_form
    div.es_button
    input[type="button"]:hover {
    background-color: #33a0d7;
}
footer .newsletter-block h5 {
    margin-bottom: 15px;
}
footer .newsletter-block div.green {
    margin-top: 11px;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
}
/*===============================
forms styling here
==================================*/
form a {
    cursor: pointer;
}
form span.plus-icon {
    font-size: 19px;
}
form strong {
    color: #313131;
    margin-bottom: 28px;
    display: block;
}
form input[type="text"],
form input[type="email"],
form input[type="password"],
form input[type="number"] {
    background-color: #efeff1;
    border: 0;
    height: 41px;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border-radius: 0px;
    background-image: none;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #282828;
    font-family: "Muli", sans-serif;
}
form .has-error input[type="text"],
form .has-error input[type="email"],
form .has-error input[type="password"],
form .has-error .form-control {
    border: 1px solid #a94442;
}
form .form-control:focus {
    border-color: transparent;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
form.subscribe-form input[type="email"] {
    width: 222px;
    max-width: 222px;
}
form.subscribe-form .btn {
    height: 41px;
    width: 59px;
    margin-left: -3px;
}
@media screen and (min-width: 1200px) {
    form.subscribe-form .btn {
        width: 83px;
    }
}
form.subscribe-form .btn:active,
form.subscribe-form .btn:focus,
form.subscribe-form .btn:hover,
form.subscribe-form .btn:visited {
    background-color: #2a9cd5;
    color: #ffffff;
    border: 0;
}
form ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #282828;
    font-family: "Muli", sans-serif;
}
form ::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #282828;
    font-family: "Muli", sans-serif;
}
form :-ms-input-placeholder {
    /* IE 10+ */
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #282828;
    font-family: "Muli", sans-serif;
}
form :-moz-placeholder {
    /* Firefox 18- */
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #282828;
    font-family: "Muli", sans-serif;
}
form .select-block {
    position: relative;
}
form .select-block:after {
    content: url("/img/Arrow-down.png");
    position: absolute;
    right: 24px;
    top: 8px;
    pointer-events: none;
}
form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    color: #282828;
}
form select.form-control {
    background-color: #efeff1;
    border: 0;
    height: 41px;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border-radius: 0px;
    background-image: none;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #282828;
    font-family: "Muli", sans-serif;
}
form select option {
    color: #282828;
}
form select option:first-child {
    color: #282828;
}
form select::-moz-placeholder {
    color: #282828;
}
form textarea.form-control {
    background-color: #efeff1;
    border: 0;
    height: 82px;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border-radius: 0px;
    background-image: none;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #282828;
    font-family: "Muli", sans-serif;
}
form label {
    font-size: 14px;
    line-height: 18px;
    color: #737373;
    font-weight: 400;
    display: block;
}
form .agreement-text label strong {
    display: inline-block;
    margin-bottom: 0;
    color: #737373;
    font-weight: 400;
}
@media screen and (max-width: 767px) {
    form .agreement-text label strong {
        float: right;
        max-width: 90%;
    }
}
form .agreement-text label small.red-text {
    display: block;
    margin-left: 37px;
}
@media screen and (max-width: 767px) {
    form .agreement-text label small.red-text {
        float: right;
        max-width: 90%;
        margin: 16px 0 18px 0;
    }
}
@media screen and (max-width: 767px) {
    form .agreement-text .styled-checkbox + label:before {
        margin-top: 3px;
        margin-right: 12px;
    }
}
@media screen and (max-width: 767px) {
    form .agreement-text .styled-checkbox:checked + label::after {
        top: 10px;
    }
}
form .agreement-text.has-error label::before {
    border-color: #a94442;
}
form .diet-info .custom-radio-btn input[type="radio"].toggle + label.btn {
    min-width: 50%;
}
/*==================
checkbox styling
=================*/
.styled-checkbox {
    position: absolute;
    opacity: 0;
}
.styled-checkbox + label {
    position: relative;
    cursor: pointer;
    padding: 0;
}
.styled-checkbox + label:before {
    content: "";
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    min-width: 16px;
    height: 16px;
    background-color: #ffffff;
    margin-right: 20px;
    border-radius: 2px;
    border: 2px solid #737373;
    margin-top: -6px;
}
.styled-checkbox:hover + label:before {
    background-color: #ffffff;
    border: 2px solid #737373;
}
.styled-checkbox:checked + label:before {
    background-color: #2a9cd5;
    border: 2px solid #2a9cd5;
}
.styled-checkbox:checked + label {
    color: #2a9cd5;
}
.styled-checkbox:checked + label:after {
    content: "";
    position: absolute;
    left: 3px;
    top: 8px;
    background: white;
    width: 2px;
    height: 2px;
    -webkit-box-shadow: 2px 0 0 #ffffff, 4px 0 0 #ffffff, 4px -2px 0 #ffffff,
        4px -4px 0 #ffffff, 4px -6px 0 #ffffff, 4px -8px 0 #ffffff;
    box-shadow: 2px 0 0 #ffffff, 4px 0 0 #ffffff, 4px -2px 0 #ffffff,
        4px -4px 0 #ffffff, 4px -6px 0 #ffffff, 4px -8px 0 #ffffff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.styled-checkbox:not(:checked) {
    background-color: #ffffff;
    color: inherit;
}
/*==========================
custom radio button css here
==========================*/
.custom-radio-btn {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 100%;
    overflow: hidden;
}
.custom-radio-btn .btn {
    display: inline-block;
    padding: 10px;
    position: relative;
    text-align: center;
    -webkit-transition: 0s ease-in-out;
    transition: 0s ease-in-out;
    color: #282828;
    width: auto;
    background-color: #efeff1;
}
.custom-radio-btn .btn.active,
.custom-radio-btn .btn:active,
.custom-radio-btn .btn:focus {
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.custom-radio-btn input[type="radio"].toggle {
    display: none;
}
.custom-radio-btn input[type="radio"].toggle + label {
    cursor: pointer;
    min-width: 60px;
}
.custom-radio-btn input[type="radio"].toggle + label:hover {
    color: #282828;
}
.custom-radio-btn input[type="radio"].toggle + label:after {
    background: #2a9cd5;
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.custom-radio-btn input[type="radio"].toggle.toggle-left + label {
    border-right: 0;
}
.custom-radio-btn input[type="radio"].toggle.toggle-left + label:after {
    left: 100%;
}
.custom-radio-btn input[type="radio"].toggle.toggle-right + label:after {
    left: -100%;
}
.custom-radio-btn input[type="radio"].toggle:checked + label {
    cursor: default;
    color: #ffffff;
    -webkit-transition: color 200ms;
    transition: color 200ms;
    background-color: #2a9cd5;
}
.custom-radio-btn input[type="radio"].toggle:checked + label:after {
    left: 0;
}
/*======================
forms step styling here
========================*/
.wizard-progress {
    display: table;
    width: 100%;
    table-layout: fixed;
    position: relative;
}
.wizard-progress .step {
    display: table-cell;
    text-align: center;
    vertical-align: top;
    overflow: visible;
    position: relative;
    font-size: 16px;
    line-height: 20px;
    color: #2a9cd5;
    font-weight: 400;
}
.wizard-progress .step:not(:last-child):before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 37px;
    background-color: #2a9cd5;
    height: 6px;
    width: 100%;
}
.wizard-progress .step .node {
    display: inline-block;
    border: 6px solid #2a9cd5;
    background-color: #2a9cd5;
    border-radius: 18px;
    height: 18px;
    width: 18px;
    position: absolute;
    top: 25px;
    left: 50%;
    margin-left: -18px;
}
.wizard-progress .step.complete:before {
    background-color: #2a9cd5;
}
.wizard-progress .step.complete .node {
    border-color: #2a9cd5;
    background-color: #2a9cd5;
}
.wizard-progress .step.complete .node:before {
    font-family: "Font Awesome 5 Solid";
    font-weight: 600;
    content: "\F00C";
}
/*==============================
  Custom radioes button styling
===============================*/
.custom-radios .radio-btn {
    display: inline-block;
}
.custom-radios input[type="radio"] {
    display: none;
}
.custom-radios input[type="radio"] + label {
    color: #737373;
    font-family: "Muli", sans-serif;
    font-size: 14px;
    line-height: 18px;
}
.custom-radios input[type="radio"] + label span {
    display: inline-block;
    float: left;
    width: 20px;
    height: 19px;
    margin: 4px 11px 0 0;
    vertical-align: middle;
    cursor: pointer;
    border: 2px solid #ffffff;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    line-height: 44px;
    border: 2px solid #737373;
    border-radius: 2px;
    position: relative;
}
.custom-radios input[type="radio"] + label span i.fa-check {
    opacity: 0;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    color: #ffffff;
    position: absolute;
    left: 1px;
    top: 1px;
}
.custom-radios input[type="radio"] + label p {
    float: right;
}
.custom-radios input[type="radio"].radio-check + label span {
    background-color: #ffffff;
}
.custom-radios input[type="radio"]:checked + label span {
    background-color: #2a9cd5;
    border-color: #2a9cd5;
}
.custom-radios input[type="radio"]:checked + label span i.fa-check {
    opacity: 1;
}
.custom-radios input[type="radio"]:checked + label p strong {
    color: #2a9cd5;
}
/*=================================
  Multiselect dropdown styling here
===================================*/
.multiselect-native-select button.dropdown-toggle {
    text-align: left;
    background-color: #efeff1;
    position: relative;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.multiselect-native-select button.dropdown-toggle:focus,
.multiselect-native-select button.dropdown-toggle:hover {
    background-color: #efeff1;
}
.multiselect-native-select button.dropdown-toggle .caret {
    display: none;
}
.multiselect-native-select button.dropdown-toggle:after {
    content: url("/img/Arrow-down.png");
    position: absolute;
    right: 24px;
    top: 8px;
    pointer-events: none;
}
.multiselect-native-select .btn-group {
    width: 100%;
    background-color: #efeff1;
}
.multiselect-native-select .btn-group.open .dropdown-toggle {
    background-color: #efeff1;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.multiselect-native-select .btn-group ul {
    width: 100%;
}
.multiselect-native-select .btn-group ul.dropdown-menu li a {
    background-color: transparent !important;
}
.multiselect-native-select .btn-group ul.dropdown-menu li a:focus {
    outline: none;
}
.multiselect-native-select .btn-group ul.dropdown-menu li.active a {
    background-color: transparent !important;
}
.multiselect-native-select .btn-group ul.dropdown-menu li.active a:focus,
.multiselect-native-select .btn-group ul.dropdown-menu li.active a a:hover {
    background-color: transparent;
}
/*=========== date picker css fixed ===============*/
.datepicker-days table.table-condensed {
    width: 100%;
}
.btn {
    font-size: 16px;
    line-height: 20px;
    font-family: "Muli", sans-serif;
    min-height: 18px;
    text-align: center;
    border-radius: 0px;
    border: none;
    min-height: 41px;
    padding: 11px 12px;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
@media screen and (min-width: 768px) {
    .btn {
        font-size: 14px;
        line-height: 18px;
    }
}
.btn.btn-primary {
    background-color: #2a9cd5;
    color: #ffffff;
    border: 1px solid #2a9cd5;
}
.btn.btn-primary:hover {
    color: #2a9cd5;
    background-color: #ffffff;
    border: 1px solid #2a9cd5;
}
.btn.btn-secondary {
    background-color: #ffffff;
    color: #282828;
    border: 1px solid #ffffff;
}
.btn.btn-secondary:hover {
    border: 1px solid #2a9cd5;
    color: #ffffff;
    background-color: #2a9cd5;
}
.btn:active,
.btn:focus,
.btn:visited .btn:active {
    -webkit-box-shadow: 0px;
    -ms-box-shadow: 0px;
    -o-box-shadow: 0px;
    box-shadow: 0px;
    outline: none;
}
@media screen and (min-width: 768px) {
    .btn.medium-btn {
        min-width: 305px;
    }
}
.btn.disabled {
    cursor: not-allowed;
    background-color: #c1c1c1;
    color: #000000;
    border-color: #c1c1c1;
    pointer-events: auto !important;
}
.btn.disabled:hover {
    background-color: #c1c1c1;
    color: #000000;
    border-color: #c1c1c1;
}
/*===================================*/
.get-started {
    padding: 12px 0;
}
@media screen and (min-width: 600px) {
    .get-started {
        padding: 20px 0 39px;
    }
}
.get-started .btn {
    width: 100%;
    padding: 18px 0;
}
@media screen and (min-width: 600px) {
    .get-started .btn {
        padding: 11px 0;
    }
}
@media screen and (min-width: 768px) {
    .get-started .btn {
        min-width: 305px;
    }
}
@media screen and (min-width: 992px) {
    .get-started .btn {
        width: auto;
    }
}
/*=========== teleconnect-block css starts here ==============*/
.teleconnect-block {
    position: relative;
    margin: 10px 0 34px;
    max-height: 296px;
    padding: 47px 0 20px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 26% 0;
    background-size: cover;
}
@media screen and (min-width: 1280px) {
    .teleconnect-block {
        background-position: 41% 0;
        background-size: 100% 119%;
        max-height: 440px;
        margin: 62px 0;
    }
}
.teleconnect-block::before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-color: #020d28;
    opacity: 0.6;
}
@media screen and (min-width: 768px) {
    .teleconnect-block::before {
        opacity: 0.4;
    }
}
.teleconnect-block img {
    width: 100%;
    height: 439px;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    object-fit: cover;
}
.teleconnect-block .inner-content {
    z-index: 2;
    position: relative;
    padding: 0 14px 0 0;
}
@media screen and (min-width: 768px) {
    .teleconnect-block .inner-content {
        padding: 0;
    }
}
.teleconnect-block .inner-content h2 {
    font-size: 20px;
    line-height: 25px;
    color: #ffffff;
    margin-bottom: 6px;
}
@media screen and (min-width: 600px) {
    .teleconnect-block .inner-content h2 {
        font-size: 24px;
        line-height: 30px;
    }
}
@media screen and (min-width: 1280px) {
    .teleconnect-block .inner-content h2 {
        font-size: 36px;
        line-height: 45px;
    }
}
.teleconnect-block .inner-content p {
    color: #ffffff;
    margin-bottom: 22px;
    font-size: 14px;
    line-height: 18px;
}
@media screen and (min-width: 768px) {
    .teleconnect-block .inner-content p {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 40px;
    }
}
.teleconnect-block .inner-content .btn {
    width: 189px;
    font-size: 14px;
    line-height: 18px;
}
/*============== programs-wrapper css here =============*/
.programs-wrapper {
    padding-top: 10px;
}
@media screen and (min-width: 768px) {
    .programs-wrapper {
        padding-top: 20px;
    }
}
.programs-wrapper .program-title h2 {
    font-weight: 300;
    letter-spacing: 1px;
    color: #282828;
    margin-bottom: 28px;
    font-size: 13px;
    line-height: 16px;
}
@media screen and (min-width: 600px) {
    .programs-wrapper .program-title h2 {
        font-size: 20px;
        line-height: 25px;
    }
}
@media screen and (min-width: 768px) {
    .programs-wrapper .program-title h2 {
        font-size: 24px;
        line-height: 30px;
    }
}
.programs-wrapper .nav {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
.programs-wrapper .nav-tabs {
    border-bottom: 0;
}
@media screen and (min-width: 768px) {
    .programs-wrapper .nav-tabs {
        position: relative;
    }
}
.programs-wrapper .nav-tabs li {
    position: static;
    margin: 0 -0.3px 20px -0.3px;
}
.programs-wrapper .nav-tabs li a {
    border: 0;
    background-color: #ffffff;
    -webkit-box-shadow: 0 6px 16px 0 #ececec;
    -ms-box-shadow: 0 6px 16px 0 #ececec;
    -o-box-shadow: 0 6px 16px 0 #ececec;
    box-shadow: 0 6px 16px 0 #ececec;
    padding: 32px 30px;
    display: table;
    width: 100%;
    margin-bottom: 30px;
}
.programs-wrapper .nav-tabs li a .program-block {
    display: table-cell;
    vertical-align: middle;
}
.programs-wrapper .nav-tabs li a .program-block img {
    float: left;
    margin-right: 32px;
}
.programs-wrapper .nav-tabs li a .program-block h4 {
    margin-bottom: 7px;
    margin-top: 0;
    font-size: 14px;
    line-height: 19px;
    color: #282828;
    font-weight: 400;
}
@media screen and (min-width: 1200px) {
    .programs-wrapper .nav-tabs li a .program-block h4 {
        font-size: 18px;
        line-height: 23px;
    }
}
.programs-wrapper .nav-tabs li a .program-block span {
    font-size: 14px;
    line-height: 18px;
    color: #2a9cd5;
}
.programs-wrapper .nav-tabs li.active a {
    border: 0;
    margin-bottom: 0;
}
.programs-wrapper .nav-tabs li.active a[data-toggle="tab"] {
    -webkit-box-shadow: 0 6px 16px 0 #ececec;
    -ms-box-shadow: 0 6px 16px 0 #ececec;
    -o-box-shadow: 0 6px 16px 0 #ececec;
    box-shadow: 0 6px 16px 0 #ececec;
    position: relative;
}
.programs-wrapper .nav-tabs li.active a[data-toggle="tab"]::after {
    position: absolute;
    content: "";
    background-color: #ffffff;
    width: 100%;
    height: 23px;
    z-index: 1;
    bottom: -13px;
    left: 0;
    right: 0;
}
@media screen and (min-width: 768px) {
    .programs-wrapper .nav-tabs li.active .tab-content {
        position: absolute;
        left: 0;
        right: 0;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.programs-wrapper .nav-tabs li.active .tab-content .tab-pane {
    -webkit-box-shadow: -2px 8px 16px 0 #ececec;
    -ms-box-shadow: -2px 8px 16px 0 #ececec;
    -o-box-shadow: -2px 8px 16px 0 #ececec;
    box-shadow: -2px 8px 16px 0 #ececec;
}
.programs-wrapper .tab-content {
    padding: 0;
}
.programs-wrapper .tab-content .tab-pane {
    padding: 20px 20px 40px 34px;
    -webkit-box-shadow: 0 6px 16px 0 #ececec;
    -ms-box-shadow: 0 6px 16px 0 #ececec;
    -o-box-shadow: 0 6px 16px 0 #ececec;
    box-shadow: 0 6px 16px 0 #ececec;
}
@media screen and (max-width: 768px) {
    .programs-wrapper .tab-content .tab-pane {
        padding: 44px 20px 40px 34px;
    }
}
.programs-wrapper .tab-content .tab-pane ul {
    padding-left: 0;
}
@media screen and (min-width: 768px) {
    .programs-wrapper .tab-content .tab-pane ul {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        -ms-column-count: 2;
        -o-column-count: 2;
        column-count: 2;
    }
}
@media screen and (min-width: 1200px) {
    .programs-wrapper .tab-content .tab-pane ul {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        -ms-column-count: 3;
        -o-column-count: 3;
        column-count: 3;
    }
}
.programs-wrapper .tab-content .tab-pane ul li {
    list-style-type: none;
    margin: 0 0 14px 0;
}
.programs-wrapper .tab-content .tab-pane ul li label {
    font-size: 14px;
    line-height: 18px;
    color: #737373;
    font-weight: 400;
}
@media screen and (max-width: 767px) {
    .programs-wrapper .tab-content .tab-pane ul li label {
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.programs-wrapper .tab-content .tab-pane ul li label input[type="checkbox"] {
    margin-right: 16px;
}
.programs-wrapper .tab-content .tab-pane ul li label strong {
    margin-bottom: 5px;
    display: inline-block;
    font-weight: 400;
    color: #737373;
    font-size: 14px;
    line-height: 20px;
}
.programs-wrapper
    .tab-content
    .tab-pane
    ul
    li
    .styled-checkbox:checked
    + label {
    color: #2a9cd5;
}
@media screen and (max-width: 767px) {
    .programs-wrapper
        .tab-content
        .tab-pane
        ul
        li
        .styled-checkbox:checked
        + label::after {
        top: 9px;
    }
}
.programs-wrapper .tab-content .tab-pane ul li .styled-checkbox:not(:checked) {
    background-color: #ffffff;
    color: inherit;
}
.programs-wrapper
    .tab-content
    .tab-pane
    ul
    li
    .styled-checkbox.check
    + label
    strong {
    color: #2a9cd5;
}
@media screen and (max-width: 767px) {
    .programs-wrapper
        .tab-content
        .tab-pane
        ul
        li
        .styled-checkbox
        + label::before {
        margin-top: 3px;
    }
}
.programs-wrapper .tab-content .tab-pane .close-btn {
    display: inherit;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px;
    color: #2a9cd5;
    padding: 0;
    margin-bottom: 0;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
@media screen and (min-width: 1200px) {
    .programs-wrapper .tab-content .tab-pane .close-btn {
        margin-bottom: 12px;
    }
}
.programs-wrapper .tab-content .tab-pane .close-btn i.fa-chevron-up {
    display: inline-block;
    margin-top: -6px;
    margin-left: 5px;
    color: #2a9cd5;
}
/*================ show-recommended css here ===============*/
.show-recommended a {
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.show-recommended a.reset-link {
    display: block;
    margin-top: 20px;
    text-decoration: none;
}
.show-recommended a.btn {
    width: 100%;
}
@media screen and (min-width: 992px) {
    .show-recommended a.btn {
        width: auto;
    }
}
.show-recommended p.note {
    background-color: #f4f4f4;
    padding: 19px;
    margin-top: 45px;
}
@media screen and (min-width: 768px) {
    .show-recommended p.note {
        padding: 12px;
    }
}
/*============= repair-programs css here ============*/
.repair-programs {
    margin-top: 20px;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    /*=========== single column css here =============*/
}
.repair-programs-block {
    background-color: #ffffff;
    -webkit-box-shadow: 0 6px 16px 0 #ececec;
    -ms-box-shadow: 0 6px 16px 0 #ececec;
    -o-box-shadow: 0 6px 16px 0 #ececec;
    box-shadow: 0 6px 16px 0 #ececec;
    padding: 25px 10px;
    width: 32%;
    margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
    .repair-programs-block {
        width: 100%;
    }
}
@media screen and (min-width: 1200px) {
    .repair-programs-block {
        margin-bottom: 0;
    }
}
.repair-programs-block.full-width {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 50px;
}
.repair-programs-block.full-width .program-content {
    padding-left: 38px;
}
.repair-programs-block.full-width .program-content .program-benefits {
    margin-top: 55px;
}
.repair-programs-block.full-width .program-content a.btn {
    width: 190px;
}
.repair-programs-block .program-image img.program-img {
    position: relative;
}
.repair-programs-block .program-image span.icon {
    position: absolute;
    top: 10px;
    left: 23px;
    width: 60px;
    height: 59px;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    object-fit: cover;
}
.repair-programs-block .program-content {
    margin-top: 20px;
}
.repair-programs-block .program-content h2 {
    margin-top: 0;
    letter-spacing: 1px;
    font-weight: 400;
    color: #282828;
}
.repair-programs-block .program-content p {
    line-height: 22px;
    color: #737373;
}
.repair-programs-block .program-content .program-benefits {
    margin-top: 24px;
}
.repair-programs-block .program-content .program-benefits ul {
    padding-left: 0;
}
.repair-programs-block .program-content .program-benefits ul li {
    list-style-type: none;
    position: relative;
}
.repair-programs-block .program-content .program-benefits ul li span {
    font-size: 16px;
    line-height: 32px;
    color: #8e8e8e;
    padding-left: 24px;
}
.repair-programs-block .program-content .program-benefits ul li::before {
    content: "\F00C";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    position: absolute;
    color: #2a9cd5;
    top: 6px;
}
.repair-programs-block .program-content a.btn {
    width: 100%;
    margin-top: 22px;
}
.repair-programs.single-column .repair-programs-block {
    width: 100%;
    margin-left: 0;
}
.repair-programs.single-column .repair-programs-block .program-image {
    float: left;
}
@media screen and (min-width: 768px) {
    .repair-programs.single-column .repair-programs-block .program-image {
        width: 30%;
    }
}
.repair-programs.single-column
    .repair-programs-block
    .program-image
    img.program-img {
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    max-height: 245px;
    -webkit-object-position: 78% 0;
    -moz-object-position: 78%, 0;
    -o-object-position: 78%, 0;
    -ms-object-position: 78%, 0;
    object-position: 78% 0;
    -webkit-box-shadow: 0 6px 16px 0 #ececec;
    -ms-box-shadow: 0 6px 16px 0 #ececec;
    -o-box-shadow: 0 6px 16px 0 #ececec;
    box-shadow: 0 6px 16px 0 #ececec;
}
.repair-programs.single-column .repair-programs-block .program-content {
    float: left;
    padding-left: 27px;
}
@media screen and (min-width: 768px) {
    .repair-programs.single-column .repair-programs-block .program-content {
        width: 70%;
        margin-top: 0;
    }
}
.repair-programs.single-column .repair-programs-block .program-content a.btn {
    width: 190px;
}
.repair-programs.single-column
    .repair-programs-block
    .program-content
    .program-benefits {
    margin-top: 40px;
}
.repair-programs.single-column
    > .repair-programs-block
    + .repair-programs-block {
    margin-left: 0;
}
.repair-programs.double-column .repair-programs-block {
    width: 49%;
}
.repair-programs.double-column
    .repair-programs-block
    .program-image
    img.program-img {
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    object-fit: cover;
    min-height: 225px;
    max-height: 225px;
    width: 100%;
    -webkit-box-shadow: 0 6px 16px 0 #ececec;
    -ms-box-shadow: 0 6px 16px 0 #ececec;
    -o-box-shadow: 0 6px 16px 0 #ececec;
    box-shadow: 0 6px 16px 0 #ececec;
}
@media screen and (min-width: 768px) {
    .repair-programs.double-column
        > .repair-programs-block
        + .repair-programs-block {
        margin-left: 11px;
    }
}
@media screen and (min-width: 1200px) {
    .repair-programs.double-column
        > .repair-programs-block
        + .repair-programs-block {
        margin-left: 20px;
    }
}
.repair-programs.more-column
    .repair-programs-block
    .program-image
    img.program-img {
    max-height: 147px;
    min-height: 147px;
    width: 100%;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-box-shadow: 0 6px 16px 0 #ececec;
    -ms-box-shadow: 0 6px 16px 0 #ececec;
    -o-box-shadow: 0 6px 16px 0 #ececec;
    box-shadow: 0 6px 16px 0 #ececec;
}
@media screen and (min-width: 768px) {
    .repair-programs.more-column .repair-programs-block {
        width: 49%;
    }
}
@media screen and (min-width: 1200px) {
    .repair-programs.more-column .repair-programs-block {
        width: 32%;
    }
}
@media screen and (min-width: 768px) {
    .repair-programs.more-column
        > .repair-programs-block
        + .repair-programs-block {
        margin-left: 11px;
    }
}
@media screen and (min-width: 1200px) {
    .repair-programs.more-column
        > .repair-programs-block
        + .repair-programs-block {
        margin-left: 20px;
    }
}
@media screen and (min-width: 768px) {
    .repair-programs.more-column
        > .repair-programs-block
        + .repair-programs-block:last-child {
        margin-left: 0;
    }
}
@media screen and (min-width: 1200px) {
    .repair-programs.more-column
        > .repair-programs-block
        + .repair-programs-block:last-child {
        margin-left: 20px;
    }
}
@media screen and (min-width: 768px) {
    .repair-programs > .repair-programs-block + .repair-programs-block {
        margin-left: 20px;
    }
}
/*=============================
slick Slider
==============================*/
.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:after,
.slick-track:before {
    content: "";
    display: table;
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}
[dir="rtl"] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-slide:focus {
    outline: none;
}
.slick-arrow.slick-hidden {
    display: none;
}
/*=========== testimonial-block css here ==========*/
/*=========== testimonial-block css here ==========*/
.testimonial-block {
    background-color: #ededef;
    padding: 67px 0 36px;
}
@media screen and (min-width: 768px) {
    .testimonial-block {
        padding: 67px 0 55px;
    }
}
.testimonial-block .testimonial-slider {
    max-width: 627px;
}
.testimonial-block .testimonial-slider .testimonial-slide p {
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #737373;
    margin-bottom: 43px;
    position: relative;
    padding: 0 34px;
}
@media screen and (min-width: 768px) {
    .testimonial-block .testimonial-slider .testimonial-slide p {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 0;
        padding: 0 27px;
    }
}
@media screen and (min-width: 1280px) {
    .testimonial-block .testimonial-slider .testimonial-slide p {
        font-size: 21px;
        line-height: 26px;
        padding: 0 38px;
    }
}
.testimonial-block .testimonial-slider .testimonial-slide p::after,
.testimonial-block .testimonial-slider .testimonial-slide p::before {
    position: absolute;
}
.testimonial-block .testimonial-slider .testimonial-slide p::after {
    content: url("/img/right-qoute.png");
    right: 2px;
    top: 0;
}
@media screen and (min-width: 992px) {
    .testimonial-block .testimonial-slider .testimonial-slide p::after {
        right: 0;
    }
}
.testimonial-block .testimonial-slider .testimonial-slide p::before {
    content: url("/img/left-qoute.png");
    left: 2px;
    top: 0;
}
@media screen and (min-width: 992px) {
    .testimonial-block .testimonial-slider .testimonial-slide p::before {
        left: 0;
    }
}
.testimonial-block .testimonial-slider .testimonial-slide strong {
    display: block;
    margin: 0 0 3px 32px;
    color: #282828;
}
@media screen and (min-width: 768px) {
    .testimonial-block .testimonial-slider .testimonial-slide strong {
        margin: 0 0 13px 31px;
    }
}
@media screen and (min-width: 992px) {
    .testimonial-block .testimonial-slider .testimonial-slide strong {
        margin: 0 0 13px 33px;
    }
}
.testimonial-block .testimonial-slider .testimonial-slide strong.name {
    font-size: 14px;
    line-height: 18px;
}
@media screen and (min-width: 600px) {
    .testimonial-block .testimonial-slider .testimonial-slide strong.name {
        font-size: 13px;
        line-height: 16px;
    }
}
@media screen and (min-width: 768px) {
    .testimonial-block .testimonial-slider .testimonial-slide strong.name {
        font-size: 15px;
        line-height: 19px;
    }
}
.testimonial-block .testimonial-slider .testimonial-slide strong.discription {
    font-size: 12px;
    line-height: 15px;
}
@media screen and (min-width: 600px) {
    .testimonial-block
        .testimonial-slider
        .testimonial-slide
        strong.discription {
        font-size: 13px;
        line-height: 16px;
    }
}
@media screen and (min-width: 768px) {
    .testimonial-block
        .testimonial-slider
        .testimonial-slide
        strong.discription {
        font-size: 15px;
        line-height: 19px;
    }
}
.testimonial-block.padding-none {
    padding: 22px 0 35px 0;
}
/* Slider */
.slick-loading .slick-list {
    background: #fff url("/img/ajax-loader.gif") center center no-repeat;
}
/* Arrows */
.slick-next,
.slick-prev {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
}
.slick-next:focus,
.slick-prev:focus,
.slick-next:hover,
.slick-prev:hover {
    outline: none;
    background: transparent;
    color: transparent;
}
.slick-next:focus:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-prev:hover:before {
    opacity: 1;
}
.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: 0.25;
}
.slick-next:before,
.slick-prev:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Icons */
}
@font-face {
    font-family: "slick";
    font-weight: normal;
    font-style: normal;
    src: url("/fonts/slick.eot");
    src: url("/fonts/slick.eot?#iefix") format("embedded-opentype"),
        url("/fonts/slick.woff") format("woff"),
        url("/fonts/slick.ttf") format("truetype"),
        url("/fonts/slick.svg#slick") format("svg");
}
.slick-prev {
    left: -25px;
}
[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px;
}
.slick-prev:before {
    content: "\2190";
}
[dir="rtl"] .slick-prev:before {
    content: "\2192";
}
.slick-next {
    right: -25px;
}
[dir="rtl"] .slick-next {
    left: -25px;
    right: auto;
}
.slick-next:before {
    content: "\2192";
}
[dir="rtl"] .slick-next:before {
    content: "\2190";
}
/* Dots */
.slick-dotted .slick-slider {
    margin-bottom: 30px;
}
.slick-dots {
    position: absolute;
    bottom: -59px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
    display: none !important;
}
@media screen and (min-width: 768px) {
    .slick-dots {
        display: inline-block !important;
    }
}
.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    outline: none;
    line-height: 0;
    font-size: 0;
    padding: 5px;
    cursor: pointer;
}
.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: none;
}
.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1;
}
.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "\2022";
    font-family: "slick";
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    color: rgba(255, 255, 255, 0.6);
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
    color: #ffffff;
    opacity: 0.75;
}
/*======================================
Header styling here
========================================*/
header .navbar {
    margin-bottom: 0;
}
header .navbar .navbar-header img {
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    object-fit: cover;
}
@media screen and (min-width: 992px) {
    header .navbar .navbar-header img {
        margin-top: 5px;
    }
}
header .navbar.navbar-inverse {
    background-color: transparent;
    border: 0;
    position: static;
}
@media screen and (min-width: 992px) {
    header .navbar.navbar-inverse {
        position: fixed;
    }
}
header .navbar .top-header {
    background-color: #ffffff;
}
@media screen and (min-width: 992px) {
    header .navbar .bottom-header {
        background-color: #f9f9f9;
    }
}
header .navbar .bottom-header.darkbg {
    background-color: #f5f5f5;
}
/*================================
Navigation styling here
==================================*/
@media screen and (min-width: 992px) {
    header .navbar .primary-navigation ul {
        margin-bottom: 0;
    }
}
header .navbar .primary-navigation ul li.contact-number {
    font-size: 14px;
    line-height: 18px;
    font-family: "Muli", sans-serif;
    color: #333333;
    margin-right: 44px;
    padding-top: 8px;
    display: none;
}
@media screen and (min-width: 992px) {
    header .navbar .primary-navigation ul li.contact-number {
        display: inline-block;
    }
}
header .navbar .primary-navigation ul li a {
    font-size: 20px;
    line-height: 25px;
    font-weight: 600;
    text-decoration: none;
    padding-top: 9px;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    color: #2a9cd5;
    letter-spacing: 0.83px;
    text-transform: capitalize;
}
@media screen and (min-width: 992px) {
    header .navbar .primary-navigation ul li a {
        font-size: 15px;
        line-height: 19px;
    }
}
header .navbar .primary-navigation ul li a:active,
header .navbar .primary-navigation ul li a:focus,
header .navbar .primary-navigation ul li a:hover,
header .navbar .primary-navigation ul li a:visited {
    color: #2a9cd5;
}
header .navbar .primary-navigation ul li a:last-child {
    margin-left: 25px;
}
header .navbar .primary-navigation ul li.dropdown a {
    padding-right: 15px;
}
header .navbar .primary-navigation ul li.dropdown::before {
    content: "\F0D7";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    color: #999999;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    right: -2px;
    top: 8px;
}
header .navbar .primary-navigation ul li.dropdown:focus a,
header .navbar .primary-navigation ul li.dropdown:hover a {
    background-color: transparent;
    color: #333333;
}
header .navbar .primary-navigation ul li.active a {
    color: #2a9cd5;
}
header .navbar .primary-navigation ul li.active a:active,
header .navbar .primary-navigation ul li.active a:focus,
header .navbar .primary-navigation ul li.active a:hover,
header .navbar .primary-navigation ul li.active a:visited {
    color: #2a9cd5;
}
header .navbar .primary-navigation ul li.active a::after {
    content: none;
}
header .navbar .primary-navigation ul li.active .dropdown-menu li a {
    color: #333333;
}
header .navbar .top-header {
    padding-top: 10px;
}
header .navbar .navbar-nav {
    float: left;
    width: 100%;
    margin: 0;
    text-align: left;
}
@media screen and (min-width: 992px) {
    header .navbar .navbar-nav {
        float: right;
        width: auto;
        margin: 7.5px -15px;
    }
}
header .navbar .navbar-nav li a {
    font-size: 20px;
    line-height: 25px;
    font-family: "Muli", sans-serif;
    color: #333333;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 0.83px;
    font-weight: 300;
}
@media screen and (min-width: 992px) {
    header .navbar .navbar-nav li a {
        font-size: 15px;
        line-height: 19px;
    }
}
header .navbar .navbar-nav li a:active,
header .navbar .navbar-nav li a:focus,
header .navbar .navbar-nav li a:hover,
header .navbar .navbar-nav li a:visited {
    color: #333333;
}
header .navbar .navbar-nav li.active a {
    font-weight: 600;
    background-color: transparent;
    color: #333333;
}
header .navbar .navbar-nav li.active a:active,
header .navbar .navbar-nav li.active a:focus,
header .navbar .navbar-nav li.active a:hover,
header .navbar .navbar-nav li.active a:visited {
    color: #333333;
    background-color: transparent;
    outline: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
header .navbar .navbar-nav li.active a::after {
    content: "";
    position: absolute;
    height: 1px;
    right: 15px;
    bottom: 12px;
    left: 15px;
    background-color: transparent;
}
@media screen and (max-width: 991px) {
    header .navbar .navbar-nav li.active a::after {
        height: auto;
        right: 30px;
        top: 12px;
        left: auto;
        background-color: #333333;
    }
}
header .navbar .navbar-nav li.active ul.dropdown-menu a::after {
    content: none;
}
header .navbar .navbar-nav li ul.dropdown-menu {
    max-width: 180px;
    min-width: 147px;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.35);
    -ms-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.35);
    -o-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.35);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.35);
    background-color: #ffffff;
    border-radius: 3px;
}
header .navbar .navbar-nav li ul.dropdown-menu li a {
    text-transform: capitalize;
    font-size: 14px;
    line-height: 27px;
    color: #434343;
    margin-left: 0;
    padding: 3px 9px;
}
header .navbar .navbar-nav li ul.dropdown-menu li.active,
header .navbar .navbar-nav li ul.dropdown-menu li:hover {
    background-color: transparent;
}
header .navbar .navbar-nav li ul.dropdown-menu li.dropdown::before {
    content: "\F0DA";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    color: #999999;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    right: 3px;
    top: 8px;
}
@media screen and (max-width: 991px) {
    header .navbar .navbar-nav li ul.dropdown-menu li.dropdown::before {
        content: none;
    }
}
@media screen and (max-width: 991px) {
    header .main-navigation .menu-toggle {
        display: inline-block;
        width: 27px;
        cursor: pointer;
        color: #000000;
        margin-right: 1rem;
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
        position: absolute;
        z-index: 2;
        right: 20px;
        margin-top: -24px;
    }
}
@media screen and (max-width: 991px) {
    header .main-navigation .menu-toggle i {
        width: 27px;
        height: 3px;
        background: #000000;
        display: inline-block;
        font-style: normal;
        position: relative;
    }
}
@media screen and (max-width: 991px) {
    header .main-navigation .menu-toggle i::after,
    header .main-navigation .menu-toggle i::before {
        content: "";
        position: absolute;
        display: inline-block;
        width: 100%;
        height: 100%;
        background-color: #000000;
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
        left: 0;
    }
}
@media screen and (max-width: 991px) {
    header .main-navigation .menu-toggle i::before {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}
@media screen and (max-width: 991px) {
    header .main-navigation .menu-toggle i::after {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}
@media screen and (max-width: 991px) {
    header .main-navigation .navbar-nav {
        position: fixed;
        height: 100vh;
        right: 0;
        width: 500px;
        background-color: #ffffff;
        z-index: 1;
        top: 0;
        padding-top: 90px;
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
        -webkit-transform: translate(500px, 0);
        transform: translate(500px, 0);
    }
}
@media screen and (max-width: 575px) {
    header .main-navigation .navbar-nav {
        width: 300px;
        -webkit-transform: translate(300px, 0);
        transform: translate(300px, 0);
    }
}
@media screen and (max-width: 991px) {
    header .main-navigation .navbar-nav li {
        width: 100%;
        float: left;
    }
}
header .main-navigation .navbar-nav li.dropdown:focus a,
header .main-navigation .navbar-nav li.open:focus a,
header .main-navigation .navbar-nav li.dropdown:hover a,
header .main-navigation .navbar-nav li.open:hover a,
header .main-navigation .navbar-nav li.dropdown:visited a,
header .main-navigation .navbar-nav li.open:visited a {
    background-color: transparent;
    color: #333333;
}
header .main-navigation .navbar-nav li.dropdown a:focus,
header .main-navigation .navbar-nav li.open a:focus,
header .main-navigation .navbar-nav li.dropdown a:hover,
header .main-navigation .navbar-nav li.open a:hover,
header .main-navigation .navbar-nav li.dropdown a:visited,
header .main-navigation .navbar-nav li.open a:visited {
    background-color: transparent;
    color: #333333;
}
@media screen and (max-width: 991px) {
    header .main-navigation .navbar-nav li a {
        padding: 10px 26px;
        display: inline-block;
    }
}
@media screen and (max-width: 991px) {
    header .main-navigation .navbar-nav li.active ul.dropdown-menu,
    header .main-navigation .navbar-nav li.dropdown ul.dropdown-menu {
        display: none;
        border: none;
        border-radius: 0px;
        -webkit-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none;
        max-width: 100%;
        position: static;
        padding-left: 43px;
        width: 100%;
    }
    header .main-navigation .navbar-nav li.active ul.dropdown-menu.submenu-open,
    header
        .main-navigation
        .navbar-nav
        li.dropdown
        ul.dropdown-menu.submenu-open {
        display: block;
    }
}
@media screen and (max-width: 991px) {
    header .main-navigation .navbar-nav li.active ul.dropdown-menu li a,
    header .main-navigation .navbar-nav li.dropdown ul.dropdown-menu li a {
        font-size: 17px;
        line-height: 27px;
    }
}
@media screen and (max-width: 991px) {
    header
        .main-navigation
        .navbar-nav
        li.active
        ul.dropdown-menu
        li:not(.dropdown),
    header
        .main-navigation
        .navbar-nav
        li.dropdown
        ul.dropdown-menu
        li:not(.dropdown) {
        content: none;
    }
}
@media screen and (max-width: 991px) {
    header .main-navigation .navbar-nav li.active a {
        color: #2a9cd5;
    }
}
@media screen and (max-width: 991px) {
    header .main-navigation .navbar-nav li.active a:focus,
    header .main-navigation .navbar-nav li.active a:visited {
        color: #2a9cd5;
    }
}
@media screen and (max-width: 991px) {
    header .main-navigation .navbar-nav li.active a::after {
        content: "";
        position: absolute;
        height: 4px;
        right: -21px;
        top: 21px;
        left: auto;
        background-color: #2a9cd5;
        width: 33px;
    }
}
@media screen and (max-width: 991px) {
    header .main-navigation .navbar-nav li ul.dropdown-menu li.active a::after {
        content: "";
        position: absolute;
        height: 4px;
        right: -32px;
        top: 17px;
        left: auto;
        background-color: #2a9cd5;
        width: 33px;
    }
}
@media screen and (max-width: 991px) {
    header .main-navigation .navbar-nav li:not(.dropdown) a::after {
        content: none;
    }
}
header .main-navigation .navbar-nav li span {
    cursor: pointer;
    position: absolute;
    right: 22px;
    top: 2px;
    font-size: 19px;
    padding: 10px;
    display: none;
}
header .main-navigation .navbar-nav li span i {
    color: #333333;
}
@media screen and (max-width: 991px) {
    header .main-navigation .navbar-nav li span {
        display: block;
    }
}
header .navbar-inverse .navbar-nav > .open a {
    background-color: transparent;
    color: #333333;
}
header .navbar-inverse .navbar-nav > .open a:focus,
header .navbar-inverse .navbar-nav > .open a:hover {
    background-color: transparent;
    color: #333333;
}
body.nav-open {
    height: 100vh;
    overflow: hidden;
}
@media screen and (max-width: 991px) {
    body.nav-open header .main-navigation .navbar-nav {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
body.nav-open header .main-navigation .menu-toggle i {
    background: 0;
}
@media screen and (max-width: 991px) {
    body.nav-open header .main-navigation .menu-toggle i::before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
}
@media screen and (max-width: 991px) {
    body.nav-open header .main-navigation .menu-toggle i::after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}
/*===================
Banner styling here
=====================*/
.banner-wrapper {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /*====================
Inner page banner styling here
======================*/
    /*====================
Blog page banner styling here
======================*/
}
.banner-wrapper.home-page-banner {
    height: 100%;
    padding-top: 25px;
    max-height: 476px;
}
@media screen and (min-width: 992px) {
    .banner-wrapper.home-page-banner {
        /*margin-top: -46px;*/
        padding-top: 195px;
    }
}
@media screen and (min-width: 1280px) {
    .banner-wrapper.home-page-banner {
        height: 100vh;
        max-height: 100%;
        padding-top: 325px;
    }
}
@media screen and (min-width: 1280px) {
    .banner-wrapper.home-page-banner .banner-content {
        padding: 0 196px 0 0;
    }
}
.banner-wrapper.home-page-banner .banner-content p {
    display: none;
}
@media screen and (min-width: 600px) {
    .banner-wrapper.home-page-banner .banner-content p {
        display: block;
    }
}
@media screen and (max-width: 767px) {
    .banner-wrapper.home-page-banner .banner-content h1 {
        margin-bottom: 60%;
    }
}
.banner-wrapper img.banner-image {
    width: 100%;
    height: 100%;
    max-height: 730px;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    object-fit: cover;
}
.banner-wrapper .banner-content h1 {
    letter-spacing: 1px;
    margin-bottom: 30px;
    font-size: 26px;
    line-height: 33px;
}
@media screen and (min-width: 600px) {
    .banner-wrapper .banner-content h1 {
        margin-bottom: 28px;
    }
}
@media screen and (min-width: 768px) {
    .banner-wrapper .banner-content h1 {
        font-size: 30px;
        line-height: 38px;
    }
}
@media screen and (min-width: 1280px) {
    .banner-wrapper .banner-content h1 {
        font-size: 36px;
        line-height: 45px;
        margin-bottom: 17px;
    }
}
.banner-wrapper .banner-content a.btn {
    width: 100%;
    display: block;
}
@media screen and (min-width: 992px) {
    .banner-wrapper .banner-content a.btn {
        display: inline-block;
        max-width: 190px;
        width: 100%;
    }
}
.banner-wrapper .banner-content a.btn.btn-primary {
    margin: 0 13px 22px 0;
}
@media screen and (min-width: 992px) {
    .banner-wrapper .banner-content a.btn.btn-primary {
        margin: 0 13px 0 0;
    }
}
.banner-wrapper .banner-content p {
    color: #ffffff;
    margin-top: 24px;
    font-size: 20px;
    line-height: 23px;
}
.banner-wrapper .banner-content p.light-black-text {
    color: #333333;
}
.banner-wrapper .banner-content strong {
    font-size: 14px;
    line-height: 23px;
    margin-top: 30px;
}
@media screen and (min-width: 768px) {
    .banner-wrapper .banner-content strong {
        font-size: 20px;
        line-height: 23px;
        display: block;
    }
}
.banner-wrapper .banner-content img.banner-icon {
    height: 93px;
    width: 93px;
    -webkit-object-fit: contain;
    -moz-object-fit: contain;
    -ms-object-fit: contain;
    -o-object-fit: contain;
    object-fit: contain;
}
.banner-wrapper.inner-page-banner p {
    font-size: 14px;
    line-height: 23px;
    margin-top: 0;
    letter-spacing: 0.58px;
    color: #333333;
}
@media screen and (min-width: 992px) {
    .banner-wrapper.inner-page-banner p {
        font-size: 20px;
        line-height: 23px;
    }
}
.banner-wrapper.inner-page-banner .banner-content h1 {
    font-weight: 600;
}
.banner-wrapper.inner-page-banner.restore-banner img {
    -webkit-object-position: 100%;
    -moz-object-position: 100%;
    -ms-object-position: 100%;
    -o-object-position: 100%;
    object-position: 100%;
}
.banner-wrapper.inner-page-banner.restore-banner .banner-content img {
    display: inline-block;
    height: 38px;
    width: 38px;
    margin: 0 11px 9px 0;
    -webkit-object-fit: contain;
    -moz-object-fit: contain;
    -ms-object-fit: contain;
    -o-object-fit: contain;
    object-fit: contain;
}
@media screen and (min-width: 768px) {
    .banner-wrapper.inner-page-banner.restore-banner .banner-content img {
        height: 52px;
        width: 52px;
    }
}
@media screen and (min-width: 1200px) {
    .banner-wrapper.inner-page-banner.restore-banner .banner-content img {
        display: block;
        margin: 0;
        height: 63px;
        width: 63px;
    }
}
@media screen and (min-width: 1400px) {
    .banner-wrapper.inner-page-banner.restore-banner .banner-content img {
        height: 99px;
        width: 99px;
    }
}
.banner-wrapper.inner-page-banner.restore-banner .banner-content h1 {
    color: #2d9dd5;
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0.83px;
    margin-bottom: 8px;
    display: inline-block;
}
@media screen and (min-width: 600px) {
    .banner-wrapper.inner-page-banner.restore-banner .banner-content h1 {
        font-size: 23px;
        line-height: 27px;
        letter-spacing: 1.5px;
        margin-bottom: 11px;
        display: block;
    }
}
@media screen and (min-width: 1200px) {
    .banner-wrapper.inner-page-banner.restore-banner .banner-content h1 {
        margin-bottom: 9px;
        font-size: 36px;
        line-height: 45px;
    }
}
.banner-wrapper.inner-page-banner.repair-banner {
    margin-top: 124px;
}
.banner-wrapper.blog-banner .banner-content span {
    color: #ffffff;
}
.banner-wrapper.blog-banner .banner-content h1 {
    font-size: 30px;
    line-height: 38px;
    margin-top: 3px;
    margin-bottom: 16px;
}
.banner-wrapper.blog-banner .banner-content h1.large-font {
    font-size: 24px;
    line-height: 30px;
    font-weight: 300;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 0;
}
@media screen and (min-width: 768px) {
    .banner-wrapper.blog-banner .banner-content h1.large-font {
        font-size: 52px;
        line-height: 65px;
        letter-spacing: 2.17px;
        font-weight: 600;
    }
}
.banner-wrapper.blog-banner .banner-content h2.large-font {
    font-size: 24px;
    line-height: 30px;
    font-weight: 300;
    letter-spacing: 1px;
    color: #ffffff;
    text-transform: uppercase;
    margin-top: 0;
}
@media screen and (min-width: 768px) {
    .banner-wrapper.blog-banner .banner-content h2.large-font {
        font-size: 52px;
        line-height: 65px;
        letter-spacing: 2.17px;
        font-weight: 600;
    }
}
.banner-wrapper.blog-banner .banner-content p {
    margin-top: 0;
    margin-bottom: 48px;
}
.repair-info span {
    letter-spacing: 0.58px;
}
.page-wrapper {
    min-height: 500px;
    padding: 0 0 20px;
}
@media screen and (min-width: 768px) {
    .page-wrapper {
        padding: 58px 0 20px;
        min-height: 800px;
    }
}
@media screen and (min-width: 992px) {
    .page-wrapper {
        padding: 156px 0 20px;
    }
}
.page-wrapper h1.page-title {
    font-weight: 300;
    margin-bottom: 35px;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 24px;
}
@media screen and (min-width: 768px) {
    .page-wrapper h1.page-title {
        font-size: 36px;
        line-height: 45px;
    }
}
.page-wrapper .programs-list {
    -webkit-box-shadow: 0 6px 16px 0 #ececec;
    -ms-box-shadow: 0 6px 16px 0 #ececec;
    -o-box-shadow: 0 6px 16px 0 #ececec;
    box-shadow: 0 6px 16px 0 #ececec;
    padding: 12px 15px 15px 18px;
    margin-bottom: 24px;
}
@media screen and (min-width: 600px) {
    .page-wrapper .programs-list {
        padding: 47px 15px 31px 42px;
        margin-bottom: 35px;
    }
}
.page-wrapper .programs-list img {
    margin: 0 13px 10px 0;
    height: 47px;
    width: 47px;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    object-fit: cover;
}
@media screen and (min-width: 600px) {
    .page-wrapper .programs-list img {
        margin: 3px 32px 0 0;
        height: 84px;
        width: 84px;
    }
}
@media screen and (min-width: 1200px) {
    .page-wrapper .programs-list img {
        margin: 3px 41px 0 0;
    }
}
.page-wrapper .programs-list h2 {
    float: left;
    margin-top: 0;
}
@media screen and (min-width: 600px) {
    .page-wrapper .programs-list h2 {
        margin-top: 20px;
    }
}
.page-wrapper .programs-list h2 a {
    font-size: 16px;
    line-height: 20px;
    text-decoration: none;
    color: #33a0d7;
    font-weight: 400;
    letter-spacing: 1px;
    letter-spacing: 0.67px;
}
@media screen and (min-width: 600px) {
    .page-wrapper .programs-list h2 a {
        font-size: 24px;
        line-height: 30px;
    }
}
.page-wrapper .programs-list h2 a:hover {
    color: #282828;
}
@media screen and (min-width: 668px) {
    .page-wrapper .programs-list h2 {
        margin-top: 0;
    }
}
.page-wrapper .programs-list p {
    font-size: 12px;
    line-height: 15px;
    color: #2f2f2f;
    float: left;
    letter-spacing: 0.5px;
    margin-bottom: 16px;
}
@media screen and (min-width: 600px) {
    .page-wrapper .programs-list p {
        font-size: 14px;
        line-height: 18px;
        margin: -30px 0 0 117px;
    }
}
@media screen and (min-width: 768px) {
    .page-wrapper .programs-list p {
        margin-top: -50px;
    }
}
@media screen and (min-width: 1200px) {
    .page-wrapper .programs-list p {
        margin-left: 127px;
    }
}
.page-wrapper.blog-section {
    padding-top: 37px;
}
@media screen and (min-width: 1280px) {
    .page-wrapper.blog-section {
        padding-top: 60px;
    }
}
.page-wrapper .programs-page.row {
    margin-left: 0;
    margin-right: 0;
}
@media screen and (min-width: 600px) {
    .page-wrapper .programs-page.row {
        margin-left: -15px;
        margin-right: -15px;
    }
}
.page-wrapper .programs-page h1.page-title {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 1px;
}
.page-wrapper.about-us-page {
    padding-top: 131px;
}
/*=======================
Repair-question styling here
=======================*/
.repair-question h2 {
    color: #282828;
    letter-spacing: 1px;
    font-weight: 300;
    text-transform: uppercase;
}
@media screen and (max-width: 767px) {
    .repair-question h2 {
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 0.58px;
    }
}
.repair-question .panel-group {
    margin-top: 20px;
}
@media screen and (min-width: 1200px) {
    .repair-question .panel-group {
        margin-top: 40px;
    }
}
.repair-question .panel-group .panel {
    border: none;
    -webkit-box-shadow: 0 4px 16px 0 #ececec;
    -ms-box-shadow: 0 4px 16px 0 #ececec;
    -o-box-shadow: 0 4px 16px 0 #ececec;
    box-shadow: 0 4px 16px 0 #ececec;
    background-color: #ffffff;
    margin-bottom: 20px;
}
.repair-question .panel-group .panel .panel-heading {
    padding: 6px 21px 10px;
    border-radius: 0;
    background-color: #ffffff;
    border: none;
}
.repair-question .panel-group .panel .panel-heading .panel-title a {
    text-decoration: none;
    font-size: 16px;
    line-height: 20px;
    color: #282828;
    font-weight: 400;
}
.repair-question .panel-group .panel .panel-heading .panel-title a strong {
    font-size: 36px;
    line-height: 45px;
    font-weight: 600;
    color: #2a9cd5;
    margin-right: 20px;
    vertical-align: middle;
}
/*==========================
repair-question styling here
============================*/
.repair-conditions {
    padding: 27px 0 30px 0;
}
@media screen and (min-width: 768px) {
    .repair-conditions {
        padding: 3px 0 30px 0;
    }
}
@media screen and (min-width: 992px) {
    .repair-conditions {
        padding: 27px 0 30px 0;
    }
}
.repair-conditions.restore-section {
    padding-bottom: 0;
}
@media screen and (max-width: 767px) {
    .repair-conditions.restore-section h2 {
        margin: 0 0 20px 0;
    }
}
@media screen and (min-width: 768px) {
    .repair-conditions.restore-section .repair-conditions-block {
        margin-bottom: 57px;
    }
}
.repair-conditions h2 {
    text-transform: uppercase;
    margin-bottom: 31px;
    letter-spacing: 1px;
}
@media screen and (max-width: 767px) {
    .repair-conditions h2 {
        font-size: 14px;
        line-height: 20px;
        font-weight: 300;
        letter-spacing: 0.58px;
    }
}
.repair-conditions-block {
    margin-bottom: 16px;
}
@media screen and (min-width: 768px) {
    .repair-conditions-block {
        margin-bottom: 28px;
    }
}
.repair-conditions-block img {
    border-radius: 4px;
    width: 100%;
    height: 100%;
    max-height: 141px;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    object-fit: cover;
}
@media screen and (min-width: 768px) {
    .repair-conditions-block img {
        max-height: 100%;
    }
}
.repair-conditions-block span {
    font-size: 14px;
    line-height: 18px;
    color: #737373;
    display: block;
    text-align: center;
    margin-top: 15px;
}
/*==================================
repair-programs-blocks styling here
===================================*/
.repair-programs-blocks .row {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
    .repair-programs-blocks .row {
        -ms-flex-wrap: nowrap;
        -o-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}
.repair-programs-blocks .row .repair-program-info {
    margin: 0 -0.3px 0 -0.3px;
    width: 100%;
}
.repair-programs-blocks .row .repair-program-info .repair-programs-injury {
    -webkit-box-shadow: 0 6px 16px 0 #ececec;
    -ms-box-shadow: 0 6px 16px 0 #ececec;
    -o-box-shadow: 0 6px 16px 0 #ececec;
    box-shadow: 0 6px 16px 0 #ececec;
    padding: 25px;
    min-height: 100px;
    text-align: left !important;
    margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
    .repair-programs-blocks .row .repair-program-info .repair-programs-injury {
        text-align: center !important;
        min-height: 147px;
        padding: 15px;
    }
}
@media screen and (min-width: 992px) {
    .repair-programs-blocks .row .repair-program-info .repair-programs-injury {
        padding: 31px 51px 25px;
        margin-bottom: 0;
        min-height: 175px;
    }
}
@media screen and (min-width: 1200px) {
    .repair-programs-blocks .row .repair-program-info .repair-programs-injury {
        padding: 31px 65px 25px;
    }
}
.repair-programs-blocks .row .repair-program-info .repair-programs-injury img {
    max-height: 30px;
    float: left;
}
@media screen and (min-width: 768px) {
    .repair-programs-blocks
        .row
        .repair-program-info
        .repair-programs-injury
        img {
        max-height: 100%;
        margin-bottom: 25px;
        float: none;
    }
}
.repair-programs-blocks .row .repair-program-info .repair-programs-injury h5 {
    font-size: 14px;
    line-height: 18px;
    color: #333333;
    float: left;
    margin-left: 35px;
}
@media screen and (min-width: 768px) {
    .repair-programs-blocks
        .row
        .repair-program-info
        .repair-programs-injury
        h5 {
        font-size: 16px;
        line-height: 20px;
        float: none;
        margin-left: 0;
    }
}
@media screen and (min-width: 600px) {
    .repair-programs-blocks .row .repair-program-info {
        width: 50%;
    }
}
@media screen and (min-width: 768px) {
    .repair-programs-blocks .row .repair-program-info {
        width: 33.33333333%;
    }
}
.therapy-wrapper {
    padding-top: 20px;
}
@media screen and (min-width: 768px) {
    .therapy-wrapper {
        padding-top: 0;
    }
}
.therapy-wrapper h2 {
    text-transform: uppercase;
    letter-spacing: 1px;
}
@media screen and (max-width: 991px) {
    .therapy-wrapper h2 {
        font-size: 14px;
        line-height: 20px;
        font-weight: 300;
        letter-spacing: 0.58px;
        margin-top: 0;
    }
}
.therapy-wrapper .program-title {
    padding-right: 30%;
}
.therapy-wrapper .program-title h2 {
    font-weight: 300;
    letter-spacing: 1px;
    color: #282828;
    margin-bottom: 28px;
    font-size: 13px;
    line-height: 16px;
}
@media screen and (min-width: 600px) {
    .therapy-wrapper .program-title h2 {
        font-size: 20px;
        line-height: 25px;
    }
}
@media screen and (min-width: 768px) {
    .therapy-wrapper .program-title h2 {
        font-size: 24px;
        line-height: 30px;
    }
}
.therapy-wrapper .nav {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
    .therapy-wrapper .nav {
        -ms-flex-wrap: nowrap;
        -o-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}
.therapy-wrapper .nav-tabs {
    border-bottom: 0;
}
@media screen and (min-width: 768px) {
    .therapy-wrapper .nav-tabs {
        position: relative;
    }
}
.therapy-wrapper .nav-tabs li {
    overflow: hidden;
    position: static;
    width: 100%;
    margin: 0 -0.3px -1px -0.3px;
}
@media screen and (min-width: 600px) {
    .therapy-wrapper .nav-tabs li {
        width: 50%;
    }
}
@media screen and (min-width: 768px) {
    .therapy-wrapper .nav-tabs li {
        width: 25%;
    }
}
.therapy-wrapper .nav-tabs li a {
    border: 0;
    background-color: #ffffff;
    -webkit-box-shadow: 0 6px 16px 0 #ececec;
    -ms-box-shadow: 0 6px 16px 0 #ececec;
    -o-box-shadow: 0 6px 16px 0 #ececec;
    box-shadow: 0 6px 16px 0 #ececec;
    padding: 32px 30px;
    display: table;
    width: 100%;
    margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
    .therapy-wrapper .nav-tabs li a {
        min-height: 138px;
    }
}
@media screen and (min-width: 1200px) {
    .therapy-wrapper .nav-tabs li a {
        min-height: auto;
    }
}
.therapy-wrapper .nav-tabs li a .program-block {
    display: table-cell;
    vertical-align: middle;
}
.therapy-wrapper .nav-tabs li a .program-block img {
    float: left;
    margin-right: 32px;
}
.therapy-wrapper .nav-tabs li a .program-block h4 {
    margin-bottom: 7px;
    margin-top: 0;
    font-size: 18px;
    line-height: 23px;
    color: #282828;
    font-weight: 400;
}
.therapy-wrapper .nav-tabs li a .program-block span {
    font-size: 14px;
    line-height: 18px;
    color: #2a9cd5;
}
.therapy-wrapper .nav-tabs li.active a {
    border: 0;
    margin-bottom: 0;
}
.therapy-wrapper .nav-tabs li.active a[data-toggle="tab"] {
    -webkit-box-shadow: 0 6px 16px 0 #ececec;
    -ms-box-shadow: 0 6px 16px 0 #ececec;
    -o-box-shadow: 0 6px 16px 0 #ececec;
    box-shadow: 0 6px 16px 0 #ececec;
    position: relative;
}
.therapy-wrapper .nav-tabs li.active a[data-toggle="tab"]::after {
    position: absolute;
    content: "";
    background-color: #ffffff;
    width: 100%;
    height: 23px;
    z-index: 1;
    bottom: -13px;
    left: 0;
    right: 0;
}
@media screen and (min-width: 768px) {
    .therapy-wrapper .nav-tabs li.active .tab-content {
        position: absolute;
        left: 0;
        right: 0;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}
.therapy-wrapper .tab-content {
    padding: 0;
}
.therapy-wrapper .tab-content .tab-pane {
    padding: 44px 20px 40px 34px;
    -webkit-box-shadow: 0 6px 16px 0 #ececec;
    -ms-box-shadow: 0 6px 16px 0 #ececec;
    -o-box-shadow: 0 6px 16px 0 #ececec;
    box-shadow: 0 6px 16px 0 #ececec;
}
.therapy-wrapper .tab-content .tab-pane ul {
    padding-left: 0;
    margin: 26px 0;
}
.therapy-wrapper .tab-content .tab-pane ul li {
    list-style-type: none;
    margin-bottom: 14px;
    color: #2a9cd5;
}
.therapy-wrapper .tab-content .tab-pane ul li label {
    font-size: 14px;
    line-height: 18px;
    color: #737373;
    font-weight: 400;
}
.therapy-wrapper .tab-content .tab-pane ul li label input[type="checkbox"] {
    margin-right: 16px;
}
.therapy-wrapper .tab-content .tab-pane ul li .styled-checkbox:checked + label {
    color: #2a9cd5;
}
.therapy-wrapper .tab-content .tab-pane ul li .styled-checkbox:not(:checked) {
    background-color: #ffffff;
    color: inherit;
}
.therapy-wrapper .tab-content .tab-pane ul li i {
    color: #2a9cd5;
    margin-right: 12px;
    font-size: 12px;
    line-height: 16px;
    vertical-align: middle;
}
.therapy-wrapper .tab-content .tab-pane .close-btn {
    display: inherit;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px;
    color: #2a9cd5;
    padding: 0;
    margin-bottom: 0;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    min-height: auto;
    margin-bottom: 12px;
}
@media screen and (min-width: 1200px) {
    .therapy-wrapper .tab-content .tab-pane .close-btn {
        margin-bottom: 12px;
    }
}
.therapy-wrapper .tab-content .tab-pane .close-btn i.fa-chevron-up {
    display: inline-block;
    margin-top: -6px;
    margin-left: 5px;
    color: #2a9cd5;
}
.therapy-wrapper .tab-content .tab-pane p {
    color: #333333;
    line-height: 26px;
    margin-bottom: 21px;
}
.therapy-wrapper .tab-content h4 {
    color: #282828;
    margin-top: 25px;
}
/*=================================
  sub programs css here
===================================*/
.sub-programs {
    clear: both;
}
.sub-programs .programs-list {
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    padding: 28px 15px 8px 42px;
    margin-bottom: 0;
}
.repair-programs-wrapper {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
.repair-programs-wrapper .repair-conditions-block {
    width: 100%;
}
@media screen and (min-width: 600px) {
    .repair-programs-wrapper .repair-conditions-block {
        width: 50%;
    }
}
@media screen and (min-width: 1200px) {
    .repair-programs-wrapper .repair-conditions-block {
        width: 25%;
    }
}
.therapy-wrapper .tab-content .tab-pane ul li {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
}
.therapy-wrapper .tab-content .tab-pane ul li i.fa-circle {
    margin-top: 3px;
}
/*=====================================
    read less and read more link css
======================================*/
.morecontent span {
    display: none;
}
.morelink {
    display: block;
    color: #2a9cd5;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    letter-spacing: 0.58px;
}
.morelink:active,
.morelink:focus,
.morelink:hover,
.morelink:visited {
    color: #2a9cd5;
}
/*=======================
  sign in page styling here
=========================*/
@media screen and (max-width: 767px) {
    .login-screen {
        padding-top: 48px;
    }
}
.login-screen h1.page-heading {
    margin-bottom: 33px;
}
@media screen and (min-width: 768px) {
    .login-screen h1.page-heading {
        margin-bottom: 55px;
    }
}
.login-screen form a {
    display: block;
    text-decoration: none;
}
.login-screen form button {
    display: inline-block;
    width: 100%;
    margin: 30px 0 35px;
}
.login-screen form .form-group:first-child {
    margin-bottom: 29px;
}
/*=======================
  getstarted page styling here
=========================*/
.getstarted-content .btn {
    width: 100%;
}
@media screen and (min-width: 768px) {
    .getstarted-content .btn {
        margin-top: 27px;
        min-width: 305px;
    }
}
@media screen and (min-width: 992px) {
    .getstarted-content .btn {
        width: auto;
    }
}
.getstarted-content ul {
    padding-left: 0;
    margin-top: 35px;
}
.getstarted-content ul li {
    margin-bottom: 0;
}
.getstarted-content ul li label {
    font-weight: 400;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    -o-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.getstarted-content ul li label strong {
    font-weight: 400;
}
.getstarted-content ul li small {
    font-size: 12px;
    line-height: 15px;
    color: #c1c1c1;
    display: block;
}
.getstarted-content ul .custom-radios strong {
    margin-bottom: 9px;
    font-size: 14px;
    font-weight: 600;
}
@media screen and (min-width: 768px) {
    .getstarted-content ul .custom-radios strong {
        font-size: 16px;
    }
}
@media screen and (max-width: 767px) {
    .getstarted-content ul .custom-radios span {
        font-size: 12px;
    }
}
.getstarted-content ul .custom-radios input[type="radio"] + label p {
    width: 100%;
}
.getstarted-content .page-heading {
    text-transform: uppercase;
    margin-bottom: 15px;
}
/*=====================
getstarted-wrapper
======================*/
.getstarted-wrapper form {
    margin-top: 13px;
}
@media screen and (min-width: 768px) {
    .getstarted-wrapper form {
        margin-top: 50px;
    }
}
.getstarted-wrapper form .form-group {
    margin-bottom: 28px;
}
.getstarted-wrapper form a[class*="add-btn"] {
    text-decoration: none;
    display: block;
    margin-bottom: 28px;
}
.getstarted-wrapper form .btn {
    width: 100%;
}
.login-screen .help-block strong {
    color: #a94442;
    margin-bottom: 0;
}
.login-screen .btn-link {
    padding: 0;
    text-decoration: none;
    color: #2a9cd5;
    text-align: left;
}
.login-screen .btn-link.btn {
    margin-bottom: 0;
}
.login-screen .btn-link:hover {
    text-decoration: none;
    color: #000000;
}
.login-screen .getstarted-link {
    color: #2a9cd5;
}
.login-screen .getstarted-link:hover {
    text-decoration: none;
    color: #000000;
}
.login-screen .btn {
    margin: 0 0 12px;
}
.medical-problem-wrapper {
    padding: 22px 0 18px;
}
@media screen and (min-width: 768px) {
    .medical-problem-wrapper {
        padding: 70px 0 62px;
    }
}
.medical-problem-wrapper .row {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
    .medical-problem-wrapper .row {
        -ms-flex-wrap: nowrap;
        -o-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}
.medical-problem-wrapper .row .col-sm-6 {
    margin-bottom: 13px;
}
@media screen and (min-width: 992px) {
    .medical-problem-wrapper .row .col-sm-6 {
        margin-bottom: 0;
    }
}
.medical-problem-wrapper .row .col-xs-12 {
    margin-bottom: 13px;
}
@media screen and (min-width: 992px) {
    .medical-problem-wrapper .row .col-xs-12 {
        margin-bottom: 0;
    }
}
.medical-problem-wrapper .medical-problem {
    background-color: #ffffff;
    -webkit-box-shadow: 0 6px 16px 0 #ececec;
    -ms-box-shadow: 0 6px 16px 0 #ececec;
    -o-box-shadow: 0 6px 16px 0 #ececec;
    box-shadow: 0 6px 16px 0 #ececec;
    padding: 18px 23px 20px;
    height: 100%;
    text-align: left;
}
@media screen and (min-width: 768px) {
    .medical-problem-wrapper .medical-problem {
        text-align: center;
        padding: 18px 23px 7px;
    }
}
@media screen and (min-width: 1200px) {
    .medical-problem-wrapper .medical-problem {
        padding: 22px 60px 21px;
    }
}
.medical-problem-wrapper .medical-problem img {
    height: 50px;
    width: 50px;
    -webkit-object-fit: contain;
    -moz-object-fit: contain;
    -ms-object-fit: contain;
    -o-object-fit: contain;
    object-fit: contain;
    margin-bottom: 20px;
}
@media screen and (min-width: 1200px) {
    .medical-problem-wrapper .medical-problem img {
        margin-bottom: 32px;
    }
}
.medical-problem-wrapper .medical-problem a {
    float: left;
    margin-right: 23px;
}
@media screen and (min-width: 768px) {
    .medical-problem-wrapper .medical-problem a {
        float: none;
        margin-right: 0;
    }
}
.medical-problem-wrapper .medical-problem p {
    margin-top: 15px;
}
@media screen and (min-width: 768px) {
    .medical-problem-wrapper .medical-problem p {
        margin-top: 15px;
    }
}
/*================
map-wrapper
=================*/
.map-wrapper {
    margin-bottom: 37px;
}
@media screen and (min-width: 768px) {
    .map-wrapper {
        margin-bottom: 55px;
    }
}
.map-wrapper .map-inner-wrapper {
    background-color: #fcfcfc;
    -webkit-box-shadow: 0 6px 16px 0 #ececec;
    -ms-box-shadow: 0 6px 16px 0 #ececec;
    -o-box-shadow: 0 6px 16px 0 #ececec;
    box-shadow: 0 6px 16px 0 #ececec;
    padding: 14px 5px 0 12px;
    margin: 0 15px;
}
@media screen and (min-width: 600px) {
    .map-wrapper .map-inner-wrapper {
        padding: 34px 28px 27px 19px;
    }
}
@media screen and (min-width: 768px) {
    .map-wrapper .map-inner-wrapper {
        padding: 34px 47px 27px 43px;
    }
}
.map-wrapper a {
    text-decoration: none;
    margin-bottom: 43px;
    display: block;
}
@media screen and (max-width: 767px) {
    .map-wrapper a {
        padding: 0;
    }
}
.map-wrapper .map-inner-section {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
    .map-wrapper .map-inner-section {
        -ms-flex-wrap: nowrap;
        -o-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}
.map-wrapper .map-inner-section .map-image img {
    height: auto;
    width: 100%;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    object-fit: cover;
}
.map-wrapper .map-inner-section .map-content {
    padding: 12px 0 0 0;
    -webkit-align-self: center;
    -ms-align-self: center;
    -o-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    background-color: #ffffff;
    position: relative;
}
@media screen and (min-width: 600px) {
    .map-wrapper .map-inner-section .map-content {
        background-color: transparent;
        padding-top: 0;
    }
}
@media screen and (min-width: 768px) {
    .map-wrapper .map-inner-section .map-content {
        padding: 0 10px;
    }
}
@media screen and (min-width: 1200px) {
    .map-wrapper .map-inner-section .map-content {
        padding: 0 60px 0 90px;
    }
}
.map-wrapper .map-inner-section .map-content::after,
.map-wrapper .map-inner-section .map-content::before {
    content: "";
    background-color: #ffffff;
    position: absolute;
    height: 100%;
    top: 0;
    width: 25px;
}
@media screen and (min-width: 600px) {
    .map-wrapper .map-inner-section .map-content::after,
    .map-wrapper .map-inner-section .map-content::before {
        position: static;
    }
}
.map-wrapper .map-inner-section .map-content::before {
    left: -26px;
}
.map-wrapper .map-inner-section .map-content::after {
    right: -20px;
}
/*===================
image-with-content
====================*/
.image-with-content .image-with-content_wrapper {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
    .image-with-content .image-with-content_wrapper {
        -ms-flex-wrap: nowrap;
        -o-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}
.image-with-content .image-with-content_wrapper .content-wrapper {
    -webkit-align-self: center;
    -ms-align-self: center;
    -o-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}
.image-with-content .image-with-content_wrapper.image-right .content-wrapper {
    -moz-order: 2;
    -ms-order: 2;
    -o-order: 2;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
@media screen and (min-width: 768px) {
    .image-with-content
        .image-with-content_wrapper.image-right
        .content-wrapper {
        -moz-order: 1;
        -ms-order: 1;
        -o-order: 1;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}
.image-with-content .image-with-content_wrapper.image-right .image-wrapper {
    -moz-order: 1;
    -ms-order: 1;
    -o-order: 1;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 13px;
}
@media screen and (max-width: 767px) {
    .image-with-content .image-with-content_wrapper.image-right .image-wrapper {
        padding: 0;
    }
}
@media screen and (min-width: 768px) {
    .image-with-content .image-with-content_wrapper.image-right .image-wrapper {
        -moz-order: 2;
        -ms-order: 2;
        -o-order: 2;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-bottom: 0;
    }
}
.image-with-content .image-with-content_wrapper.image-left {
    margin-top: 26px;
}
@media screen and (min-width: 768px) {
    .image-with-content .image-with-content_wrapper.image-left {
        margin-top: 54px;
    }
}
.image-with-content .image-with-content_wrapper.image-left .image-wrapper {
    margin-bottom: 13px;
}
@media screen and (max-width: 767px) {
    .image-with-content .image-with-content_wrapper.image-left .image-wrapper {
        padding: 0;
    }
}
@media screen and (min-width: 768px) {
    .image-with-content .image-with-content_wrapper.image-left .image-wrapper {
        margin-bottom: 0;
    }
}
.image-with-content.about-us-banner
    .image-with-content_wrapper.image-right
    .content-wrapper {
    -moz-order: 2;
    -ms-order: 2;
    -o-order: 2;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
@media screen and (max-width: 767px) {
    .image-with-content.about-us-banner
        .image-with-content_wrapper.image-right
        .content-wrapper {
        padding-top: 12px;
        padding-bottom: 7px;
        display: none;
    }
}
.image-with-content.about-us-banner
    .image-with-content_wrapper.image-right
    .image-wrapper {
    -moz-order: 1;
    -ms-order: 1;
    -o-order: 1;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding-left: 0;
}
.about-us-banner {
    background-color: #f9f9f9;
    margin-bottom: 0;
    padding-top: 26px;
}
@media screen and (min-width: 992px) {
    .about-us-banner {
        margin-top: 125px;
        margin-bottom: 30px;
    }
}
.page-wrapper.about-us-wrapper {
    padding: 16px 0 48px 0;
}
@media screen and (min-width: 992px) {
    .page-wrapper.about-us-wrapper {
        padding: 20px 0 48px 0;
    }
}
.page-wrapper.about-us-wrapper .image-with-content_wrapper img {
    width: 100%;
    -webkit-box-shadow: 0 6px 16px 0 #ececec;
    -ms-box-shadow: 0 6px 16px 0 #ececec;
    -o-box-shadow: 0 6px 16px 0 #ececec;
    box-shadow: 0 6px 16px 0 #ececec;
    max-height: 396px;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    object-fit: cover;
}
@media screen and (min-width: 992px) {
    .page-wrapper.about-us-wrapper
        .image-with-content_wrapper.image-right
        .content-wrapper {
        padding: 0 168px 0 15px;
    }
}
@media screen and (min-width: 992px) {
    .page-wrapper.about-us-wrapper
        .image-with-content_wrapper.image-left
        .content-wrapper {
        padding: 0 15px 0 168px;
    }
}
@media screen and (max-width: 991px) {
    .page-wrapper.about-us-wrapper .content-wrapper,
    .page-wrapper.about-us-wrapper .image-wrapper {
        width: 100%;
    }
}
.page-wrapper.teleconnect-wrapper {
    padding: 15px 0 28px 0;
}
@media screen and (min-width: 768px) {
    .page-wrapper.teleconnect-wrapper {
        padding: 44px 0 56px 0;
    }
}
.page-wrapper.teleconnect-wrapper .programs-work,
.page-wrapper.teleconnect-wrapper .teleconnect-receive {
    margin-bottom: 43px;
}
.page-wrapper.repair-wrapper {
    padding: 11px 0 45px 0;
}
@media screen and (min-width: 768px) {
    .page-wrapper.repair-wrapper {
        padding: 37px 0 45px 0;
    }
}
@media screen and (min-width: 992px) {
    .page-wrapper.repair-wrapper {
        padding: 60px 0 45px 0;
    }
}
.page-wrapper.article-section {
    padding-top: 52px;
}
@media screen and (min-width: 992px) {
    .page-wrapper.replenish-page {
        padding: 50px 0 48px 0;
    }
}
/*=============================
blog-section
===============================*/
.blog-section .blog-content {
    margin-bottom: 27px;
}
@media screen and (min-width: 600px) {
    .blog-section .blog-content {
        margin-bottom: 36px;
    }
}
.blog-section .blog-content img {
    width: 100%;
    max-height: 82px;
    height: 100%;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    object-fit: cover;
}
@media screen and (min-width: 768px) {
    .blog-section .blog-content img {
        max-height: 130px;
        min-height: 130px;
    }
}
@media screen and (min-width: 992px) {
    .blog-section .blog-content img {
        max-height: 132px;
        min-height: 132px;
    }
}
.blog-section .blog-content h2 {
    letter-spacing: 1px;
    font-weight: 300;
    color: #40403f;
    margin: 11px 0 5px;
    font-size: 16px;
    line-height: 20px;
}
@media screen and (min-width: 600px) {
    .blog-section .blog-content h2 {
        margin: 18px 0 12px;
        font-size: 20px;
        line-height: 25px;
    }
}
@media screen and (min-width: 768px) {
    .blog-section .blog-content h2 {
        font-size: 24px;
        line-height: 30px;
    }
}
.blog-section .blog-content a {
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    color: #6dc2ed;
    font-size: 12px;
    line-height: 15px;
}
@media screen and (min-width: 600px) {
    .blog-section .blog-content a {
        font-size: 12px;
        line-height: 15px;
    }
}
@media screen and (min-width: 768px) {
    .blog-section .blog-content a {
        font-size: 14px;
        line-height: 18px;
    }
}
.blog-section .blog-content a:focus,
.blog-section .blog-content a:hover {
    color: #737373;
}
/*=============================
blog banner section styling here
===============================*/
.banner-wrapper.blog-banner {
    padding: 110px 0 110px 0;
}
@media screen and (min-width: 600px) {
    .banner-wrapper.blog-banner {
        padding: 154px 0 150px;
    }
}
@media screen and (min-width: 992px) {
    .banner-wrapper.blog-banner {
        padding: 300px 0 170px;
    }
}
.banner-wrapper.blog-banner .blog-content h1.big-heading {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 1px;
    font-weight: 300;
    text-transform: uppercase;
}
@media screen and (min-width: 768px) {
    .banner-wrapper.blog-banner .blog-content h1.big-heading {
        font-size: 52px;
        line-height: 65px;
        letter-spacing: 2.17px;
        font-weight: 600;
    }
}
/*==============================
article-section styling here
===============================*/
.article-section span.blog-date {
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
    color: #282828;
}
.article-section h2 {
    line-height: 34px;
    font-weight: 300;
    text-transform: uppercase;
    color: #282828;
    margin: 12px 0 17px;
}
.article-section p {
    line-height: 28px;
    color: #737373;
}
.article-section img {
    margin-bottom: 30px;
    width: 100%;
    height: 100%;
    max-height: 176px;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    object-fit: cover;
}
.article-section .latest-blog {
    margin-bottom: 28px;
}
.article-section .latest-blog .blog-detail {
    padding-left: 0;
}
.article-section .latest-blog .blog-detail h4 {
    margin-top: 0;
    margin-bottom: 4px;
}
.article-section .latest-blog .blog-detail h4 a {
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    color: #282828;
    text-decoration: none;
}
.article-section .latest-blog .blog-detail small a {
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #282828;
    margin-top: 0;
    text-decoration: none;
}
.article-section .latest-blog img {
    margin-bottom: 17px;
}
.article-section span.blog-date {
    float: left !important;
    clear: both;
    width: 100%;
    margin-bottom: 11px;
}
/*=========================
blog category page styling here
============================*/
.blog-wrapper {
    margin: 6px 0 30px 0;
}
.blog-wrapper img {
    margin-bottom: 13px;
    width: 100%;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    object-fit: cover;
}
@media screen and (max-width: 767px) {
    .blog-wrapper img {
        max-height: 142px;
    }
}
.blog-wrapper h1.entry-title {
    font-size: 24px;
    line-height: 34px;
    font-weight: 300;
    text-transform: uppercase;
    color: #282828;
}
@media screen and (max-width: 767px) {
    .blog-wrapper h1.entry-title {
        max-width: 70%;
    }
}
.blog-wrapper h2 {
    margin-bottom: 10px;
    margin-top: 0;
}
@media screen and (max-width: 767px) {
    .blog-wrapper h2 {
        max-width: 70%;
    }
}
.blog-wrapper h2 a {
    text-decoration: none;
    font-size: 24px;
    line-height: 34px;
    font-weight: 300;
    text-transform: uppercase;
    color: #282828;
}
@media screen and (max-width: 767px) {
    .blog-wrapper h2 a {
        font-size: 14px;
        line-height: 18px;
    }
}
.blog-wrapper h2 a:hover {
    color: #2a9cd5;
}
.blog-wrapper p {
    line-height: 20px;
}
@media screen and (max-width: 767px) {
    .blog-wrapper p {
        font-size: 12px;
        line-height: 16px;
    }
}
.blog-wrapper .entry-content p {
    color: #737373;
}
.blog-wrapper a {
    font-weight: 600;
    text-decoration: none;
}
@media screen and (max-width: 767px) {
    .blog-wrapper a.more-link {
        font-size: 12px;
        line-height: 16px;
        font-weight: 400;
    }
}
@media screen and (max-width: 767px) {
    .blog-wrapper a.more-link span {
        font-size: 12px;
        line-height: 16px;
        font-weight: 400;
    }
}
.blog-wrapper span.blog-date {
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    color: #282828;
}
@media screen and (max-width: 767px) {
    .blog-wrapper span.blog-date {
        font-size: 14px;
        line-height: 18px;
    }
}
/*=================================
category-list styling here
==================================*/
.category-list {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}
@media screen and (max-width: 767px) {
    .category-list {
        -ms-flex-wrap: nowrap;
        -o-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: scroll;
    }
}
.category-list a {
    font-size: 20px;
    line-height: 25px;
    font-weight: 300;
    color: #282828;
    text-decoration: none;
    display: inline-block;
    margin-right: 113px;
    margin-bottom: 27px;
    padding-bottom: 8px;
    height: 34px;
    text-transform: capitalize;
}
@media screen and (max-width: 767px) {
    .category-list a {
        font-size: 12px;
        line-height: 16px;
        margin-right: 38px;
        margin-bottom: 19px;
        height: auto;
    }
}
@media screen and (max-width: 768px) {
    .category-list a {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 21px;
    }
}
@media screen and (max-width: 1200px) {
    .category-list a {
        margin-right: 60px;
    }
}
.category-list a.active,
.category-list a:hover {
    color: #2a9cd5;
    border-bottom: 2px solid #2a9cd5;
}
.category-list a.active {
    font-weight: 600;
}
.category-list a:nth-child(5) {
    margin-right: 0;
}
.category-list a:nth-child(6) {
    margin-left: 87px;
    margin-right: 54px;
}
@media screen and (max-width: 767px) {
    .category-list a:nth-child(6) {
        margin-left: 36px;
        margin-right: 19px;
    }
}
.category-list-wrapper.page-wrapper {
    padding-top: 35px;
}
@media screen and (max-width: 991px) {
    .category-list-wrapper.page-wrapper {
        padding-top: 23px;
    }
}
.category-list-wrapper .blog-sidebar h2 {
    text-transform: uppercase;
    font-weight: 300;
    margin-top: 0;
}
@media screen and (max-width: 991px) {
    .category-list-wrapper .blog-sidebar h2 {
        font-size: 14px;
        line-height: 18px;
    }
}
@media screen and (min-width: 768px) {
    .category-list-wrapper .blog-sidebar h2 + p {
        margin-bottom: 33px;
    }
}
@media screen and (min-width: 992px) {
    .category-list-wrapper .blog-sidebar h2 + p {
        margin-bottom: 54px;
    }
}
.category-list-wrapper .blog-sidebar p {
    color: #737373;
}
.widget-area .recent-posts-widget-with-thumbnails a img {
    margin-top: 0;
    margin-bottom: 10px;
}
.widget-area .recent-posts-widget-with-thumbnails a span.rpwwt-post-title {
    font-size: 16px;
    line-height: 20px;
    color: #282828;
}
.widget-area .recent-posts-widget-with-thumbnails ul {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
    .widget-area .recent-posts-widget-with-thumbnails ul {
        -ms-flex-wrap: nowrap;
        -o-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}
@media screen and (min-width: 992px) {
    .widget-area .recent-posts-widget-with-thumbnails ul {
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
@media screen and (min-width: 768px) {
    .widget-area .recent-posts-widget-with-thumbnails ul li {
        margin-right: 11px;
    }
}
@media screen and (min-width: 992px) {
    .widget-area .recent-posts-widget-with-thumbnails ul li {
        margin-right: 0;
    }
}
/*=================================
Blog fix
==================================*/
.es_button {
    padding: 0;
}
.es_button input[type="submit"] {
    width: 83px;
}
.es_button input[type="submit"]:hover {
    background-color: #33a0d7;
    color: #ffffff;
}
#rpwwt-recent-posts-widget-with-thumbnails-2 img {
    width: 100% !important;
    height: 175px;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
@media screen and (max-width: 991px) {
    #rpwwt-recent-posts-widget-with-thumbnails-2 img {
        height: 142px;
    }
}
.blog--extra__space {
    padding: 0 25px;
}
@media screen and (max-width: 991px) {
    .page-wrapper .blog-content-wrapper {
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
@media screen and (max-width: 991px) {
    .page-wrapper .blog-content-wrapper .blog-content-left {
        -moz-order: 2;
        -ms-order: 2;
        -o-order: 2;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}
.page-wrapper .blog-content-wrapper .blog-content-left p.link-more {
    color: #2a9cd5;
}
.page-wrapper .blog-content-wrapper .blog-content-left p.link-more a {
    color: #2a9cd5;
}
@media screen and (max-width: 991px) {
    .page-wrapper .blog-content-wrapper .blog-sidebar-right {
        -moz-order: 1;
        -ms-order: 1;
        -o-order: 1;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}
.page-wrapper .category-wrapper .category-right-sidebar ul {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
    .page-wrapper .category-wrapper .category-right-sidebar ul {
        -ms-flex-wrap: nowrap;
        -o-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}
@media screen and (min-width: 992px) {
    .page-wrapper .category-wrapper .category-right-sidebar ul {
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
@media screen and (min-width: 768px) {
    .page-wrapper .category-wrapper .category-right-sidebar ul li {
        margin-right: 11px;
    }
}
@media screen and (min-width: 992px) {
    .page-wrapper .category-wrapper .category-right-sidebar ul li {
        margin-right: 0;
    }
}
.es_msg {
    color: #008000;
}
.es_msg span {
    color: #008000;
}
/*=============================
Teleconnect page styling here
===============================*/
.consultation-banner {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 93px 0 57px;
    position: relative;
    margin-bottom: 56px;
}
@media screen and (max-width: 767px) {
    .consultation-banner {
        padding: 20px 0 43px;
        margin-bottom: 20px;
        background-position: center left;
    }
}
.consultation-banner-content {
    float: right;
}
.consultation-banner-content h2,
.consultation-banner-content h4,
.consultation-banner-content p {
    color: #ffffff;
}
.consultation-banner-content h2 {
    font-size: 36px;
    line-height: 45px;
    font-weight: 600;
}
@media screen and (max-width: 767px) {
    .consultation-banner-content h2 {
        font-size: 20px;
        line-height: 25px;
        letter-spacing: 0.89px;
    }
}
.consultation-banner-content h4 {
    font-size: 22px;
    line-height: 28px;
}
@media screen and (max-width: 767px) {
    .consultation-banner-content h4 {
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 0.39px;
    }
}
.consultation-banner-content .btn {
    min-width: 190px;
}
.banner-wrapper.teleconnect-banner .banner-content h1 {
    color: #ffffff;
}
.teleconnect-consultation {
    margin: 30px 0 43px;
}
.teleconnect-consultation .consultation-wrapper {
    -webkit-box-shadow: 0 6px 16px 0 #ececec;
    -ms-box-shadow: 0 6px 16px 0 #ececec;
    -o-box-shadow: 0 6px 16px 0 #ececec;
    box-shadow: 0 6px 16px 0 #ececec;
    padding: 33px 18px 40px;
}
@media screen and (min-width: 768px) {
    .teleconnect-consultation .consultation-wrapper {
        padding: 33px 28px 40px;
    }
}
.teleconnect-consultation .consultation-wrapper h2 {
    color: #2a9cd5;
    margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
    .teleconnect-consultation .consultation-wrapper h2 {
        font-size: 16px;
        line-break: 20px;
        letter-spacing: 0.67px;
    }
}
.teleconnect-consultation .consultation-wrapper ul {
    padding-left: 0;
}
.teleconnect-consultation .consultation-wrapper ul li {
    margin-bottom: 38px;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.teleconnect-consultation .consultation-wrapper ul li p {
    display: inline-block;
    margin-left: 15px;
    color: #333333;
    -webkit-align-self: center;
    -ms-align-self: center;
    -o-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}
.teleconnect-consultation
    .consultation-wrapper
    .consultation-fees
    strong.total-amount {
    display: block;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 1px;
    color: #353535;
    margin-bottom: 27px;
}
.teleconnect-consultation
    .consultation-wrapper
    .consultation-fees
    a[class*="btn"] {
    min-width: 190px;
}
.programs-work .teleconnect-programs-section {
    -webkit-box-shadow: 0 6px 16px 0 #ececec;
    -ms-box-shadow: 0 6px 16px 0 #ececec;
    -o-box-shadow: 0 6px 16px 0 #ececec;
    box-shadow: 0 6px 16px 0 #ececec;
    padding: 10px 18px 30px;
}
@media screen and (min-width: 768px) {
    .programs-work .teleconnect-programs-section {
        padding: 33px 28px 40px;
    }
}
.programs-work .teleconnect-programs-section h2 {
    color: #2a9cd5;
    margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
    .programs-work .teleconnect-programs-section h2 {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 0.67px;
    }
}
@media screen and (min-width: 600px) {
    .programs-work .teleconnect-programs-section .teleconnect-programs-wrapper {
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.programs-work
    .teleconnect-programs-section
    .teleconnect-programs-wrapper
    .teleconnect-programs-block {
    position: relative;
    margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
    .programs-work
        .teleconnect-programs-section
        .teleconnect-programs-wrapper
        .teleconnect-programs-block:last-child {
        margin-bottom: 0;
    }
}
@media screen and (min-width: 768px) {
    .programs-work
        .teleconnect-programs-section
        .teleconnect-programs-wrapper
        .teleconnect-programs-block {
        margin-bottom: 0;
    }
}
.programs-work
    .teleconnect-programs-section
    .teleconnect-programs-wrapper
    .teleconnect-programs-block
    img {
    max-height: 58px;
    margin-bottom: 12px;
}
.programs-work
    .teleconnect-programs-section
    .teleconnect-programs-wrapper
    .teleconnect-programs-block.first::after,
.programs-work
    .teleconnect-programs-section
    .teleconnect-programs-wrapper
    .teleconnect-programs-block.second::after {
    position: absolute;
    content: "";
    background-image: url("/img/Down_Arrow.png");
    background-repeat: no-repeat;
    height: 46px;
    width: 30px;
    right: 50%;
    bottom: -34px;
    -webkit-transform: translate(50%, 34px) rotate(0);
    transform: translate(50%, 34px) rotate(0);
}
@media screen and (min-width: 600px) {
    .programs-work
        .teleconnect-programs-section
        .teleconnect-programs-wrapper
        .teleconnect-programs-block.first::after,
    .programs-work
        .teleconnect-programs-section
        .teleconnect-programs-wrapper
        .teleconnect-programs-block.second::after {
        height: 50px;
        width: 50px;
        right: -16px;
        top: 0;
        -webkit-transform: translate(16px, 0) rotate(270deg);
        transform: translate(16px, 0) rotate(270deg);
    }
}
.teleconnect-receive-wrapper {
    -webkit-box-shadow: 0 6px 16px 0 #ececec;
    -ms-box-shadow: 0 6px 16px 0 #ececec;
    -o-box-shadow: 0 6px 16px 0 #ececec;
    box-shadow: 0 6px 16px 0 #ececec;
    padding: 33px 18px 40px;
}
@media screen and (min-width: 768px) {
    .teleconnect-receive-wrapper {
        padding: 10px 28px 40px;
    }
}
.teleconnect-receive-wrapper h2 {
    color: #2a9cd5;
    margin-bottom: 29px;
}
.teleconnect-receive-wrapper .teleconnect-outer-section {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media screen and (min-width: 600px) {
    .teleconnect-receive-wrapper .teleconnect-outer-section {
        -ms-flex-wrap: nowrap;
        -o-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}
.teleconnect-receive-wrapper
    .teleconnect-outer-section
    .teleconnect-receive-block {
    width: 100%;
    position: relative;
    margin-bottom: 30px;
}
@media screen and (min-width: 1200px) {
    .teleconnect-receive-wrapper
        .teleconnect-outer-section
        .teleconnect-receive-block {
        padding: 0 50px;
        margin-bottom: 0;
    }
}
.teleconnect-receive-wrapper
    .teleconnect-outer-section
    .teleconnect-receive-block
    ul {
    margin-top: 35px;
    padding: 0 55px 0 0;
}
@media screen and (min-width: 768px) {
    .teleconnect-receive-wrapper
        .teleconnect-outer-section
        .teleconnect-receive-block
        ul {
        padding: 0;
    }
}
.teleconnect-receive-wrapper
    .teleconnect-outer-section
    .teleconnect-receive-block
    ul
    li {
    font-size: 16px;
    line-height: 28px;
    color: #8e8e8e;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
    .teleconnect-receive-wrapper
        .teleconnect-outer-section
        .teleconnect-receive-block
        ul
        li {
        font-size: 20px;
        line-height: 28px;
    }
}
.teleconnect-receive-wrapper
    .teleconnect-outer-section
    .teleconnect-receive-block
    ul
    li
    i {
    color: #2a9cd5;
    font-size: 12px;
    margin: 10px 13px 0 0;
}
.teleconnect-receive-wrapper
    .teleconnect-outer-section
    .teleconnect-receive-block
    h4 {
    letter-spacing: 0.75px;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 19px;
    color: #353535;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
}
@media screen and (min-width: 576px) {
    .teleconnect-receive-wrapper
        .teleconnect-outer-section
        .teleconnect-receive-block
        h4 {
        text-align: center;
    }
}
@media screen and (min-width: 768px) {
    .teleconnect-receive-wrapper
        .teleconnect-outer-section
        .teleconnect-receive-block
        h4 {
        font-size: 18px;
        line-height: 23px;
    }
}
@media screen and (max-width: 600px) {
    .teleconnect-receive-wrapper
        .teleconnect-outer-section
        .teleconnect-receive-block.first,
    .teleconnect-receive-wrapper
        .teleconnect-outer-section
        .teleconnect-receive-block.second {
        min-height: 340px;
    }
}
.teleconnect-receive-wrapper
    .teleconnect-outer-section
    .teleconnect-receive-block.first::after,
.teleconnect-receive-wrapper
    .teleconnect-outer-section
    .teleconnect-receive-block.second::after {
    position: absolute;
    content: "";
    background-image: url("/img/Down_Arrow.png");
    background-repeat: no-repeat;
    height: 46px;
    width: 30px;
    right: 50%;
    bottom: 0;
    -webkit-transform: translate(50%, 0) rotate(0);
    transform: translate(50%, 0) rotate(0);
}
@media screen and (min-width: 600px) {
    .teleconnect-receive-wrapper
        .teleconnect-outer-section
        .teleconnect-receive-block.first::after,
    .teleconnect-receive-wrapper
        .teleconnect-outer-section
        .teleconnect-receive-block.second::after {
        height: 50px;
        width: 50px;
        right: -16px;
        top: 0;
        -webkit-transform: translate(16px, 0) rotate(270deg);
        transform: translate(16px, 0) rotate(270deg);
    }
}
/*===========================
teleconnect-QA page styling here
============================*/
.teleconnect-qa-section h2 {
    text-transform: uppercase;
    font-size: 18px;
    line-height: 22px;
    margin: 16px 0 20px 0;
    letter-spacing: 1px;
}
@media screen and (min-width: 600px) {
    .teleconnect-qa-section h2 {
        font-size: 24px;
        line-height: 30px;
        margin: 0 0 20px 0;
    }
}
@media screen and (min-width: 1200px) {
    .teleconnect-qa-section h2 {
        margin: 0 0 40px 0;
    }
}
.teleconnect-qa-section .panel-group .panel {
    margin-bottom: 22px;
    -webkit-box-shadow: 0 4px 16px 0 #ececec;
    -ms-box-shadow: 0 4px 16px 0 #ececec;
    -o-box-shadow: 0 4px 16px 0 #ececec;
    box-shadow: 0 4px 16px 0 #ececec;
    border: none;
}
.teleconnect-qa-section .panel-group .panel .panel-heading {
    background-color: #ffffff;
    border: none;
    padding: 10px 30px;
}
.teleconnect-qa-section
    .panel-group
    .panel
    .panel-heading
    h4.panel-title
    strong {
    font-size: 36px;
    line-height: 45px;
    font-weight: 600;
    color: #2a9cd5;
    display: inline-block;
    margin-right: 18px;
    vertical-align: middle;
}
.teleconnect-qa-section .panel-group .panel .panel-heading h4 a {
    text-decoration: none;
    font-size: 14px;
    line-height: 18px;
    color: #282828;
    letter-spacing: 0.58px;
    font-weight: 400;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (min-width: 1200px) {
    .teleconnect-qa-section .panel-group .panel .panel-heading h4 a {
        font-size: 16px;
        line-height: 20px;
    }
}
.teleconnect-qa-section .panel-group .panel .panel-body {
    border: none;
    padding: 15px 30px;
}
.teleconnect-qa-section .panel-group .panel .panel-body span {
    color: #45a9db;
    font-size: 16px;
    line-height: 20px;
    text-transform: capitalize;
    display: block;
    margin-bottom: 10px;
}
.teleconnect-qa-section .panel-group .panel .panel-body p {
    color: #737373;
}
.teleconnect-qa-section p.note {
    margin-top: 41px;
}
.teleconnect-receive-wrapper {
    -webkit-box-shadow: 0 6px 16px 0 #ececec;
    -ms-box-shadow: 0 6px 16px 0 #ececec;
    -o-box-shadow: 0 6px 16px 0 #ececec;
    box-shadow: 0 6px 16px 0 #ececec;
    padding: 33px 18px 40px;
}
@media screen and (min-width: 768px) {
    .teleconnect-receive-wrapper {
        padding: 10px 28px 40px;
    }
}
.teleconnect-receive-wrapper h2 {
    color: #2a9cd5;
    margin-bottom: 29px;
}
@media screen and (max-width: 767px) {
    .teleconnect-receive-wrapper h2 {
        font-size: 16px;
        line-height: 20px;
    }
}
.teleconnect-receive-wrapper .teleconnect-receive-block {
    position: relative;
    margin-bottom: 30px;
}
@media screen and (min-width: 1200px) {
    .teleconnect-receive-wrapper .teleconnect-receive-block {
        padding: 0 50px;
        margin-bottom: 0;
    }
}
.teleconnect-receive-wrapper .teleconnect-receive-block ul {
    margin-top: 35px;
    padding: 0 55px 0 0;
}
@media screen and (min-width: 768px) {
    .teleconnect-receive-wrapper .teleconnect-receive-block ul {
        padding: 0;
    }
}
.teleconnect-receive-wrapper .teleconnect-receive-block ul li {
    font-size: 16px;
    line-height: 28px;
    color: #8e8e8e;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    position: relative;
}
@media screen and (min-width: 768px) {
    .teleconnect-receive-wrapper .teleconnect-receive-block ul li {
        font-size: 20px;
        line-height: 28px;
    }
}
.teleconnect-receive-wrapper .teleconnect-receive-block ul li i {
    color: #2a9cd5;
    font-size: 12px;
    margin: 10px 13px 0 0;
}
.teleconnect-receive-wrapper .teleconnect-receive-block ul li::before {
    content: "\F00C";
    font-family: "Font Awesome 5 Free";
    color: #2a9cd5;
    font-size: 12px;
    font-weight: 600;
    padding-right: 15px;
}
.teleconnect-receive-wrapper .teleconnect-receive-block h4 {
    letter-spacing: 0.75px;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 19px;
    color: #353535;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
}
@media screen and (min-width: 576px) {
    .teleconnect-receive-wrapper .teleconnect-receive-block h4 {
        font-size: 18px;
        line-height: 23px;
        text-align: center;
    }
}
@media screen and (max-width: 600px) {
    .teleconnect-receive-wrapper .teleconnect-receive-block.first,
    .teleconnect-receive-wrapper .teleconnect-receive-block.second {
        min-height: 382px;
    }
}
.teleconnect-receive-wrapper .teleconnect-receive-block.first::after,
.teleconnect-receive-wrapper .teleconnect-receive-block.second::after {
    position: absolute;
    content: "";
    background-image: url("/img/Down_Arrow.png");
    background-repeat: no-repeat;
    height: 46px;
    width: 30px;
    right: 50%;
    bottom: 0;
    -webkit-transform: translate(50%, 0) rotate(0);
    transform: translate(50%, 0) rotate(0);
}
@media screen and (min-width: 600px) {
    .teleconnect-receive-wrapper .teleconnect-receive-block.first::after,
    .teleconnect-receive-wrapper .teleconnect-receive-block.second::after {
        height: 50px;
        width: 50px;
        right: -16px;
        top: 0;
        -webkit-transform: translate(16px, 0) rotate(270deg);
        transform: translate(16px, 0) rotate(270deg);
    }
}
/*==========================
contact us page styling here
============================*/
.contact-us-form {
    margin-top: 30px;
}
@media screen and (min-width: 768px) {
    .contact-us-form {
        margin-top: 0;
    }
}
@media screen and (min-width: 1200px) {
    .contact-us-form {
        margin: 31px 0 122px 0;
    }
}
.contact-us-form .btn {
    width: 100%;
}
.contact-us-form h5 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    letter-spacing: 0.67px;
    margin-bottom: 32px;
}
.contact-us-form form .form-group {
    margin-bottom: 29px;
}
@media screen and (min-width: 1200px) {
    .contacts-detail {
        margin: 31px 0 150px 0;
    }
}
.contacts-detail ul {
    padding-left: 0;
}
@media screen and (min-width: 600px) {
    .contacts-detail ul {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        -ms-column-count: 2;
        -o-column-count: 2;
        column-count: 2;
    }
}
.contacts-detail ul li span {
    float: left;
    margin-right: 86px;
    max-width: 45px;
}
.contacts-detail ul li p {
    display: inline-block;
    color: #282828;
    margin-bottom: 3px;
}
.contacts-detail ul li p.red-text {
    color: #ff4848;
}
.contacts-detail img {
    margin-top: 16px;
}
.contacts-detail small {
    margin-bottom: 22px;
    display: block;
    font-size: 12px;
    line-height: 16px;
}
.contacts-detail h5 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    letter-spacing: 0.67px;
    margin-bottom: 29px;
}
.contacts-detail #map {
    max-width: 658px;
    max-height: 249px;
    width: 100% !important;
}
/*====================
success page styling
=====================*/
@media screen and (min-width: 992px) {
    .sucess-page {
        margin: 30px 0 23px;
        display: block;
    }
}
.sucess-page strong {
    display: block;
    margin: 30px 0 23px;
}
.sucess-page p {
    margin-bottom: 50px;
}
.sucess-page a[class*="btn"] {
    margin-top: 14px;
    width: 100%;
}
@media screen and (min-width: 768px) {
    .sucess-page a[class*="btn"] {
        max-width: 305px;
    }
}
/*===================================
  Map section styling here
=====================================*/
.map-section {
    position: relative;
}
@media screen and (min-width: 991px) {
    .map-section {
        margin-top: 20px;
    }
}
.map-section .btn {
    position: absolute;
    min-width: 190px;
    left: 50%;
    bottom: 20%;
    -webkit-transform: translate(-50%, -20%);
    transform: translate(-50%, -20%);
}
/*=========================
replenish-page styling here
==========================*/
.food-benefit-block {
    -webkit-box-shadow: 0 6px 16px 0 #ececec;
    -ms-box-shadow: 0 6px 16px 0 #ececec;
    -o-box-shadow: 0 6px 16px 0 #ececec;
    box-shadow: 0 6px 16px 0 #ececec;
    padding: 27px 15px 10px 14px;
    margin-bottom: 9px;
}
@media screen and (min-width: 600px) {
    .food-benefit-block {
        padding: 42px 29px 10px 40px;
        margin-bottom: 35px;
    }
}
@media screen and (min-width: 1200px) {
    .food-benefit-block {
        margin-bottom: 60px;
    }
}
.food-benefit-block h2 {
    margin-top: 0;
    color: #2a9cd5;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.67px;
    padding-right: 50px;
}
@media screen and (min-width: 600px) {
    .food-benefit-block h2 {
        font-size: 24px;
        line-height: 30px;
        padding-right: 0;
        letter-spacing: 1px;
    }
}
.food-benefit-block p {
    color: #333333;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 0.5px;
}
@media screen and (min-width: 600px) {
    .food-benefit-block p {
        font-size: 14px;
        line-height: 23px;
    }
}
.food-benefit-block ul {
    padding-left: 14px;
    margin-top: 8px;
}
@media screen and (min-width: 600px) {
    .food-benefit-block ul {
        margin-top: 14px;
    }
}
.food-benefit-block ul li {
    color: #2a9cd5;
    font-size: 12px;
    line-height: 17px;
    position: relative;
    margin-bottom: 8px;
}
@media screen and (min-width: 600px) {
    .food-benefit-block ul li {
        font-size: 14px;
        line-height: 27px;
        display: block;
        margin-bottom: 0;
    }
}
.food-benefit-block ul li::before {
    content: "\F111";
    font-family: "Font Awesome 5 Free";
    padding-right: 15px;
    font-weight: 600;
    font-size: 5px;
    line-height: 11px;
    display: inline-block;
    vertical-align: middle;
}
.food-benefit-block strong {
    font-size: 13px;
    line-height: 17px;
    display: block;
}
@media screen and (min-width: 600px) {
    .food-benefit-block strong {
        font-size: 16px;
        line-height: 20px;
    }
}
.food-benefit-block img {
    margin-right: 11px;
    height: 29px;
    width: 49px;
    -webkit-object-fit: contain;
    -moz-object-fit: contain;
    -ms-object-fit: contain;
    -o-object-fit: contain;
    object-fit: contain;
}
@media screen and (min-width: 600px) {
    .food-benefit-block img {
        margin-right: 0;
    }
}
@media screen and (min-width: 1200px) {
    .food-benefit-block img {
        height: auto;
        width: auto;
    }
}
.food-benefit-block .pull-right.col-sm-11 {
    padding-left: 0;
    padding-right: 0;
    margin-top: 12px;
}
@media screen and (min-width: 600px) {
    .food-benefit-block .pull-right.col-sm-11 {
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 0;
    }
}
/*=============================
replenish-banner styling here
=============================*/
.banner-wrapper.replenish-banner .banner-content img,
.banner-wrapper.repair-banner .banner-content img,
.banner-wrapper.teleconnect-banner .banner-content img {
    display: inline-block;
    height: 38px;
    width: 38px;
    -webkit-object-fit: contain;
    -moz-object-fit: contain;
    -ms-object-fit: contain;
    -o-object-fit: contain;
    object-fit: contain;
    margin: 0 11px 9px 0;
}
@media screen and (min-width: 768px) {
    .banner-wrapper.replenish-banner .banner-content img,
    .banner-wrapper.repair-banner .banner-content img,
    .banner-wrapper.teleconnect-banner .banner-content img {
        height: 50px;
        width: 50px;
    }
}
@media screen and (min-width: 1200px) {
    .banner-wrapper.replenish-banner .banner-content img,
    .banner-wrapper.repair-banner .banner-content img,
    .banner-wrapper.teleconnect-banner .banner-content img {
        display: block;
        margin: 0;
        height: 63px;
        width: 63px;
    }
}
@media screen and (min-width: 1400px) {
    .banner-wrapper.replenish-banner .banner-content img,
    .banner-wrapper.repair-banner .banner-content img,
    .banner-wrapper.teleconnect-banner .banner-content img {
        height: 99px;
        width: 99px;
    }
}
.banner-wrapper.replenish-banner h1,
.banner-wrapper.repair-banner h1,
.banner-wrapper.teleconnect-banner h1 {
    color: #2d9dd5;
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0.83px;
    margin-bottom: 8px;
    display: inline-block;
}
@media screen and (min-width: 600px) {
    .banner-wrapper.replenish-banner h1,
    .banner-wrapper.repair-banner h1,
    .banner-wrapper.teleconnect-banner h1 {
        font-size: 23px;
        line-height: 27px;
        letter-spacing: 1.5px;
        margin-bottom: 11px;
        display: block;
    }
}
@media screen and (min-width: 1200px) {
    .banner-wrapper.replenish-banner h1,
    .banner-wrapper.repair-banner h1,
    .banner-wrapper.teleconnect-banner h1 {
        margin-bottom: 9px;
        font-size: 36px;
        line-height: 45px;
    }
}
.banner-wrapper.replenish-banner p,
.banner-wrapper.repair-banner p,
.banner-wrapper.teleconnect-banner p {
    font-size: 14px;
    line-height: 23px;
    color: #333333;
    margin-top: 2px;
    letter-spacing: 0.58px;
}
@media screen and (min-width: 600px) {
    .banner-wrapper.replenish-banner p,
    .banner-wrapper.repair-banner p,
    .banner-wrapper.teleconnect-banner p {
        margin-top: 0;
        font-size: 14px;
        line-height: 23px;
    }
}
@media screen and (min-width: 1200px) {
    .banner-wrapper.replenish-banner p,
    .banner-wrapper.repair-banner p,
    .banner-wrapper.teleconnect-banner p {
        padding-right: 80px;
        font-size: 20px;
        line-height: 26px;
        margin-top: 16px;
    }
}
.banner-wrapper.replenish-banner .banner-image img {
    -webkit-box-shadow: 0 6px 16px 0 #ececec;
    -ms-box-shadow: 0 6px 16px 0 #ececec;
    -o-box-shadow: 0 6px 16px 0 #ececec;
    box-shadow: 0 6px 16px 0 #ececec;
}
/*=============== Turncate-text section styling here ==============*/
.truncate-text .moreless {
    color: #2a9cd5;
    font-weight: 600;
    display: block;
    margin-top: 4px;
}
.truncate-text .moreellipses.show {
    display: block;
}
.truncate-text .moreellipses.hide {
    display: none;
}
/*==============================
getstarted pages styling here
================================*/
.health-history strong {
    color: #313131;
    margin-bottom: 28px;
}
.health-history form label {
    margin-bottom: 14px;
    display: block;
}
.health-history form .row {
    margin-bottom: 20px;
}
.health-history form .row strong {
    margin-bottom: 10px;
}
.health-history form .btn {
    min-width: 305px;
}
@media screen and (max-width: 991px) {
    .health-history form .btn.btn-primary {
        width: 100%;
    }
}
@media screen and (max-width: 991px) {
    .health-history form .pull-left,
    .health-history form .pull-right {
        float: none !important;
    }
}
.health-history form .pull-right.close {
    float: right !important;
}
.health-history form .multiselect-native-select button.multiselect {
    width: 100%;
}
.health-history textarea {
    width: 100%;
    min-width: 100%;
    max-height: 41px;
}
.health-history h1.margin-bottom-large {
    margin-bottom: 19px;
}
@media screen and (min-width: 768px) {
    .health-history h1.margin-bottom-large {
        margin-bottom: 56px;
    }
}
.health-history .addDoctorOrPhysicianMain .row:last-child {
    margin-bottom: 0;
}
.health-history .addDoctorOrPhysicianMain .row:last-child .form-group {
    margin-bottom: 12px;
}
/*=====================
get started form css here
=======================*/
.getstarted-wrapper form .custom-radio-btn .btn {
    width: auto;
}
@media screen and (max-width: 767px) {
    .getstarted-wrapper form .form-group {
        width: 100%;
    }
}
@media screen and (max-width: 767px) {
    .getstarted-wrapper form .form-group .custom-radio-btn {
        width: 100%;
        margin-top: 32px;
    }
}
@media screen and (max-width: 767px) {
    .getstarted-wrapper form .form-group .select-block,
    .getstarted-wrapper form .form-group textarea {
        margin-top: 20px;
    }
}
@media screen and (max-width: 991px) {
    .getstarted-wrapper form .form-group.sym .select-block.padding-l-none {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 991px) {
    .getstarted-wrapper form .form-group.sym .select-block.padding-r-none {
        padding-left: 0;
        padding-right: 0;
    }
}
@media screen and (max-width: 767px) {
    .getstarted-wrapper form .form-group.col-sm-2 .custom-radio-btn,
    .getstarted-wrapper form .form-group.col-sm-3 .custom-radio-btn {
        width: 50%;
    }
}
.getstarted-wrapper form .childInfoMain .form-group,
.getstarted-wrapper form .addDoctorOrPhysicianMain .form-group,
.getstarted-wrapper form .illnessOrInjuryMain .form-group,
.getstarted-wrapper form .surgeryOrOperationMain .form-group {
    margin-bottom: 19px;
}
.getstarted-wrapper h1 {
    text-transform: uppercase;
    margin-bottom: 17px;
}
/*==========================
  Form steps css here
============================*/
.stepwizard-step::after {
    content: "";
    position: absolute;
    right: -20px;
    width: 100%;
    height: 2px;
    top: 10px;
}
.stepwizard-step p {
    margin-top: -30px;
    color: #2a9cd5;
    transform: translateY(10px);
}
.stepwizard-step.active .btn {
    margin-top: -32px;
}
@media screen and (max-width: 767px) {
    .stepwizard-step p {
        font-size: 12px;
        line-height: 16px;
        margin-top: -27px;
    }
}

.stepwizard-step.active::after {
    background-color: #2a9cd5;
}
.stepwizard-step.un-active::after {
    background-color: #efeff1;
}
.stepwizard-step button.btn {
    min-height: 20px;
    width: 20px;
    height: 20px;
    padding: 0;
    cursor: auto;
    float: left;
}
.stepwizard-step button.btn-primary:hover {
    background-color: #2a9cd5;
    color: #ffffff;
}
.stepwizard-step button.btn-default {
    background-color: #efeff1;
    color: #737373;
}
.stepwizard-step button.btn-default:hover {
    background-color: #efeff1;
    color: #737373;
}
.stepwizard-row {
    display: table-row;
}
.stepwizard {
    display: table;
    width: 100%;
    position: relative;
    margin: 45px 0 23px 0;
}
.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}
.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}
.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}
/*============================
Dashboard page styling here
==============================*/
.dashboard-wrapper {
    padding-bottom: 50px;
}
.dashboard-wrapper p {
    font-weight: 600;
}
.dashboard-wrapper h3 {
    margin-top: 0;
}
.dashboard-wrapper .consultation-program {
    padding: 41px 0 31px;
    border-top: 1px solid #e2e2e2;
}
.dashboard-wrapper .consultation-program a {
    text-decoration: none;
}
.dashboard-wrapper .consultation-program h2 {
    margin-top: 0;
}
.dashboard-wrapper .consultation-program p {
    color: #333333;
}
.dashboard-wrapper .consultation-program p.click {
    color: #2a9cd5;
}
.dashboard-wrapper .consultation-program .btn {
    min-width: 128px;
}
.dashboard-wrapper .consultation-program.schedule-complete .btn {
    background-color: #7fc432;
    border-color: #7fc432;
}
.dashboard-wrapper .consultation-program.schedule-complete .btn:hover {
    color: #2a9cd5;
    background-color: #ffffff;
    border: 1px solid #2a9cd5;
}
.dashboard-wrapper .consultation-program .disabled {
    margin-bottom: 1rem;
}
@media screen and (min-width: 768px) {
    .dashboard-wrapper .consultation-program .consultation-detail {
        padding-left: 0;
    }
}
@media screen and (min-width: 768px) {
    .dashboard-wrapper .consultation-program .pay-button {
        padding-right: 0;
    }
}
.dashboard-wrapper > .consultation-program:last-child {
    border-bottom: 1px solid #e2e2e2;
}
/*==================404 page css here =================*/
.error-page {
    margin-top: 150px;
}
.error-page h1.page-title {
    color: #2a9cd5;
}
@media screen and (min-width: 992px) {
    .error-page h1.page-title {
        font-size: 48px;
        line-height: 52px;
    }
}
.error-page p {
    font-size: 19px;
    line-height: 23px;
}
/*===================
bootstarp modal custom layout
=====================*/
.modal .modal-content {
    border-radius: 0;
}
.modal .modal-content .modal-header {
    border-bottom: 0;
    background-color: #efeff1;
}
.modal .modal-content .modal-header .logo-image {
    height: 31px;
    max-width: 61px;
    -webkit-object-fit: contain;
    -moz-object-fit: contain;
    -ms-object-fit: contain;
    -o-object-fit: contain;
    object-fit: contain;
}
.modal .modal-content .modal-body .form-group {
    margin-bottom: 25px;
}
.modal .modal-content .modal-body .form-group input {
    width: 100%;
    padding-left: 20px;
    height: 32px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #aaaaaa;
}
.modal .modal-content .modal-body .form-group input:focus {
    outline: none;
}
.modal .modal-content .modal-body .form-group label {
    font-weight: 600;
    color: #313131;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 19px;
}
.modal .modal-content .modal-body .btn {
    width: 100%;
}
.modal .modal-content button.close {
    opacity: 1;
    text-shadow: none;
    margin-top: 6px;
    position: absolute;
    top: 10px;
    right: 20px;
}
/*======================================
  Sidebar styling here
=========================================*/
aside .upcomming-appoinment {
    -webkit-box-shadow: 0 4px 16px 0 #ececec;
    -ms-box-shadow: 0 4px 16px 0 #ececec;
    -o-box-shadow: 0 4px 16px 0 #ececec;
    box-shadow: 0 4px 16px 0 #ececec;
    padding: 15px;
    background-color: #ffffff;
    margin-bottom: 20px;
}
@media screen and (min-width: 992px) {
    aside .upcomming-appoinment {
        padding: 15px 20px;
    }
}
aside .upcomming-appoinment h4 {
    font-size: 12px;
    line-height: 15px;
    font-weight: 600;
    color: #5d5d5d;
}
aside .upcomming-appoinment i.fa-phone {
    -webkit-transform: rotate(91deg);
    transform: rotate(91deg);
    font-size: 37px;
    line-height: 48px;
    float: left;
    color: #e0e0e0;
}
aside .upcomming-appoinment .appoinment-time {
    display: inline-block;
    margin-left: 50px;
}
@media screen and (min-width: 992px) {
    aside .upcomming-appoinment .appoinment-time {
        margin-left: 0;
        float: right;
    }
}
aside .upcomming-appoinment .appoinment-time a {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #2a9cd5;
}
aside .upcomming-appoinment .appoinment-time a:hover {
    color: #000000;
}
aside .upcomming-appoinment .appoinment-time h4 {
    font-size: 16px;
    line-height: 20px;
    color: #282828;
    margin-top: 0;
}
.appoinments-section {
    padding-bottom: 5px;
}
@media screen and (min-width: 992px) {
    .appoinments-section {
        padding-bottom: 20px;
    }
}
/*==================================
  Restore Page css here
===================================*/
.bottom-banner {
    padding: 34px 0 110px;
    max-height: 172px;
    background-repeat: no-repeat;
    background-size: 107% 102%;
    background-position: left top;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
}
@media screen and (min-width: 768px) {
    .bottom-banner {
        max-height: 250px;
        padding: 70px 0 110px;
    }
}
@media screen and (min-width: 1200px) {
    .bottom-banner {
        min-height: 336px;
        max-height: 100%;
        background-size: auto 100%;
        background-position: left top;
        padding: 122px 0 145px;
    }
}
.bottom-banner::before {
    content: "";
    position: absolute;
    background: linear-gradient(
        264.91deg,
        #ededef 36%,
        rgba(255, 255, 255, 0) 68%
    );
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    left: 0;
    bottom: 0;
}
@media screen and (min-width: 1200px) {
    .bottom-banner::before {
        background: linear-gradient(
            264.91deg,
            #ededef 54%,
            rgba(255, 255, 255, 0) 82%
        );
    }
}
.bottom-banner-content h2 {
    font-size: 22px;
    line-height: 28px;
    color: #2a9cd5;
    letter-spacing: 0.67px;
    font-weight: 600;
    position: relative;
    z-index: 3;
    max-width: 200px;
    float: right;
}
@media screen and (min-width: 768px) {
    .bottom-banner-content h2 {
        font-size: 30px;
        line-height: 38px;
        max-width: 100%;
        float: none;
    }
}
@media screen and (min-width: 1200px) {
    .bottom-banner-content h2 {
        font-size: 48px;
        line-height: 60px;
        letter-spacing: 1px;
    }
}
.restore-section .repair-conditions-block {
    width: 100%;
}
@media screen and (min-width: 600px) {
    .restore-section .repair-conditions-block {
        width: 50%;
    }
}
@media screen and (min-width: 1200px) {
    .restore-section .repair-conditions-block {
        width: 33.33333333%;
    }
}
.purification-block {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 11px;
}
@media screen and (min-width: 768px) {
    .purification-block {
        margin-top: 25px;
        -ms-flex-wrap: nowrap;
        -o-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}
.purification-block .purification-wrapper {
    width: 100%;
    margin: 0 -0.3px 25px -0.3px;
}
@media screen and (min-width: 600px) {
    .purification-block .purification-wrapper {
        width: 49%;
    }
}
@media screen and (min-width: 1200px) {
    .purification-block .purification-wrapper {
        width: 25%;
        margin-bottom: 0;
    }
}
.purification-block .purification-wrapper .purification-info {
    padding: 31px 10px 11px;
    -webkit-box-shadow: 0 6px 16px 0 #ececec;
    -ms-box-shadow: 0 6px 16px 0 #ececec;
    -o-box-shadow: 0 6px 16px 0 #ececec;
    box-shadow: 0 6px 16px 0 #ececec;
    min-height: 150px;
}
@media screen and (max-width: 767px) {
    .purification-block .purification-wrapper .purification-info {
        padding: 11px 8px 5px 24px;
        min-height: 107px;
        text-align: left;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.purification-block .purification-wrapper .purification-info img {
    margin-bottom: 10px;
    max-height: 42px;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    object-fit: cover;
}
@media screen and (max-width: 767px) {
    .purification-block .purification-wrapper .purification-info img {
        float: left;
        max-height: 100%;
        width: 40px;
        -webkit-align-self: center;
        -ms-align-self: center;
        -o-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }
}
@media screen and (max-width: 767px) {
    .purification-block .purification-wrapper .purification-info p {
        float: left;
        padding-left: 30px;
        -webkit-align-self: center;
        -ms-align-self: center;
        -o-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }
}
@media screen and (max-width: 1200px) {
    .purification-block .purification-wrapper .purification-info p {
        font-size: 13px;
        line-height: 17px;
    }
}
.purification-content {
    padding-top: 0;
    padding-bottom: 50px;
}
@media screen and (min-width: 768px) {
    .purification-content {
        padding-top: 20px;
    }
}
@media screen and (min-width: 1200px) {
    .purification-content {
        padding-bottom: 22px;
        padding-top: 50px;
    }
}
.purification-content ul {
    padding-left: 0;
    margin-top: 40px;
}
@media screen and (min-width: 600px) {
    .purification-content ul {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        -ms-column-count: 2;
        -o-column-count: 2;
        column-count: 2;
    }
}
@media screen and (min-width: 768px) {
    .purification-content ul {
        margin-top: 44px;
    }
}
@media screen and (min-width: 1200px) {
    .purification-content ul {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        -ms-column-count: 3;
        -o-column-count: 3;
        column-count: 3;
        margin-top: 55px;
    }
}
.purification-content ul li {
    color: #2a9cd5;
    margin-bottom: 8px;
    position: relative;
}
@media screen and (min-width: 768px) {
    .purification-content ul li {
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
@media screen and (min-width: 1200px) {
    .purification-content ul li {
        margin-bottom: 20px;
    }
}
.purification-content ul li::before {
    content: "\F111";
    font-family: "Font Awesome 5 Free";
    color: #2d9dd5;
    font-weight: 600;
    padding-right: 15px;
    font-size: 8px;
    line-height: 12px;
    vertical-align: middle;
}
@media screen and (min-width: 768px) {
    .purification-content ul li::before {
        margin-top: 6px;
    }
}
@media screen and (min-width: 1200px) {
    .purification-content ul li::before {
        font-size: 12px;
        line-height: 16px;
        margin-top: 4px;
    }
}
.purification-content ul li i {
    margin-right: 15px;
    font-size: 12px;
}
.restore-section .repair-wrapper {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
.restore-section .repair-wrapper .repair-conditions-block {
    margin: 0 -0.3px 57px -0.3px;
}
@media screen and (min-width: 600px) {
    .restore-section .repair-wrapper .repair-conditions-block {
        width: 50%;
    }
}
@media screen and (min-width: 768px) {
    .restore-section .repair-wrapper .repair-conditions-block {
        -ms-flex-wrap: nowrap;
        -o-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}
@media screen and (min-width: 1200px) {
    .restore-section .repair-wrapper .repair-conditions-block {
        width: 33.33333333%;
    }
}
/*================ banner css update ====================*/
.banner-wrapper {
    position: relative;
}
.banner-wrapper.inner-page-banner.repair-banner,
.banner-wrapper.inner-page-banner.replenish-banner,
.banner-wrapper.inner-page-banner.restore-banner,
.banner-wrapper.inner-page-banner.teleconnect-banner {
    margin-top: 0;
    height: auto;
}
@media screen and (max-width: 767px) {
    .banner-wrapper.inner-page-banner.repair-banner,
    .banner-wrapper.inner-page-banner.replenish-banner,
    .banner-wrapper.inner-page-banner.restore-banner,
    .banner-wrapper.inner-page-banner.teleconnect-banner {
        padding-top: 0;
    }
}
@media screen and (min-width: 768px) {
    .banner-wrapper.inner-page-banner.repair-banner,
    .banner-wrapper.inner-page-banner.replenish-banner,
    .banner-wrapper.inner-page-banner.restore-banner,
    .banner-wrapper.inner-page-banner.teleconnect-banner {
        min-height: 400px;
        max-height: 400px;
        height: 100%;
    }
}
@media screen and (min-width: 992px) {
    .banner-wrapper.inner-page-banner.repair-banner,
    .banner-wrapper.inner-page-banner.replenish-banner,
    .banner-wrapper.inner-page-banner.restore-banner,
    .banner-wrapper.inner-page-banner.teleconnect-banner {
        height: 100%;
        max-height: 770px;
    }
}
@media screen and (max-height: 900px) {
    .banner-wrapper.inner-page-banner.repair-banner,
    .banner-wrapper.inner-page-banner.replenish-banner,
    .banner-wrapper.inner-page-banner.restore-banner,
    .banner-wrapper.inner-page-banner.teleconnect-banner {
        max-height: 100%;
    }
}
@media screen and (max-height: 900px) and (min-width: 768px) {
    .banner-wrapper.inner-page-banner.repair-banner .container .row,
    .banner-wrapper.inner-page-banner.replenish-banner .container .row,
    .banner-wrapper.inner-page-banner.restore-banner .container .row,
    .banner-wrapper.inner-page-banner.teleconnect-banner .container .row {
        margin-top: 61px;
    }
}
@media screen and (min-width: 1300px) {
    .banner-wrapper.inner-page-banner.repair-banner,
    .banner-wrapper.inner-page-banner.replenish-banner,
    .banner-wrapper.inner-page-banner.restore-banner,
    .banner-wrapper.inner-page-banner.teleconnect-banner {
        height: 95vh;
    }
}
.banner-wrapper.inner-page-banner.repair-banner figure,
.banner-wrapper.inner-page-banner.replenish-banner figure,
.banner-wrapper.inner-page-banner.restore-banner figure,
.banner-wrapper.inner-page-banner.teleconnect-banner figure {
    height: 100%;
}
.banner-wrapper.inner-page-banner.repair-banner figure.banner-image img,
.banner-wrapper.inner-page-banner.replenish-banner figure.banner-image img,
.banner-wrapper.inner-page-banner.restore-banner figure.banner-image img,
.banner-wrapper.inner-page-banner.teleconnect-banner figure.banner-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
@media screen and (min-width: 768px) {
    .banner-wrapper.inner-page-banner.repair-banner .container .row,
    .banner-wrapper.inner-page-banner.replenish-banner .container .row,
    .banner-wrapper.inner-page-banner.restore-banner .container .row,
    .banner-wrapper.inner-page-banner.teleconnect-banner .container .row {
        position: absolute;
        top: 50%;
        max-width: 400px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}
.banner-wrapper.inner-page-banner.repair-banner
    .container
    .row
    .banner-content-wrapper,
.banner-wrapper.inner-page-banner.replenish-banner
    .container
    .row
    .banner-content-wrapper,
.banner-wrapper.inner-page-banner.restore-banner
    .container
    .row
    .banner-content-wrapper,
.banner-wrapper.inner-page-banner.teleconnect-banner
    .container
    .row
    .banner-content-wrapper {
    max-width: 100%;
    width: 100%;
}
@media screen and (min-width: 992px) {
    .banner-wrapper.inner-page-banner.repair-banner
        .container
        .row
        .banner-content-wrapper,
    .banner-wrapper.inner-page-banner.replenish-banner
        .container
        .row
        .banner-content-wrapper,
    .banner-wrapper.inner-page-banner.restore-banner
        .container
        .row
        .banner-content-wrapper,
    .banner-wrapper.inner-page-banner.teleconnect-banner
        .container
        .row
        .banner-content-wrapper {
        max-width: 362px;
    }
}
@media screen and (min-width: 992px) {
    .banner-wrapper.inner-page-banner.repair-banner
        .container
        .row
        .banner-content-wrapper,
    .banner-wrapper.inner-page-banner.replenish-banner
        .container
        .row
        .banner-content-wrapper,
    .banner-wrapper.inner-page-banner.restore-banner
        .container
        .row
        .banner-content-wrapper,
    .banner-wrapper.inner-page-banner.teleconnect-banner
        .container
        .row
        .banner-content-wrapper {
        padding: 0;
        max-width: 100%;
    }
}
@media screen and (min-width: 768px) {
    .banner-wrapper.inner-page-banner.repair-banner.restore-banner
        .container
        .row,
    .banner-wrapper.inner-page-banner.replenish-banner.restore-banner
        .container
        .row,
    .banner-wrapper.inner-page-banner.restore-banner.restore-banner
        .container
        .row,
    .banner-wrapper.inner-page-banner.teleconnect-banner.restore-banner
        .container
        .row {
        position: absolute;
        top: 41%;
        max-width: 400px;
        -webkit-transform: translateY(-41%);
        transform: translateY(-41%);
    }
}
@media screen and (min-width: 768px) {
    .banner-wrapper.inner-page-banner.replenish-banner .container .row {
        max-width: 430px;
    }
}
@media screen and (min-width: 992px) {
    .banner-wrapper.inner-page-banner.teleconnect-banner {
        margin-top: 121px;
    }
}
@media screen and (min-width: 768px) {
    .banner-wrapper.inner-page-banner.teleconnect-banner .container .row {
        max-width: 600px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}
html {
    -webkit-font-smoothing: antialiased;
    height: 100%;
}
body {
    padding: 0;
    margin: 0;
    background-color: #ffffff;
    font-family: "Muli", sans-serif;
}
.red-text {
    color: #ff4848;
}
.blue-text {
    color: #2d9dd5;
}
.white-text {
    color: #ffffff;
}
.black-text {
    color: #000000;
}
.light-black-text {
    color: #333333;
}
.padding-top-medium {
    padding-top: 12px;
}
@media screen and (min-width: 768px) {
    .padding-top-medium {
        padding-top: 50px;
    }
}
.padding-top-none {
    padding-top: 0;
}

.policy-content .btn-grp {
    display: flex;
    justify-content: space-between;
}
.policy-content .btn-grp > form {
    order: -1;
    margin-right: 30px;
}

/*jquery table*/
header ~ .table-wrapper {
    margin-bottom: 48px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 32px;
    max-width: 100%;
    overflow-x: auto;
}

header ~ .table-wrapper .btn-danger {
    background-color: #7fc432;
    border: 1px solid #7fc432;
}
header ~ .table-wrapper .btn-danger:hover {
    background-color: transparent;
    color: #000;
}

@media (min-width: 768px) {
    header ~ .table-wrapper {
        max-width: 750px;
    }
}

@media (min-width: 992px) {
    header ~ .table-wrapper {
        margin-top: 166px;
        max-width: 970px;
    }
}

@media (min-width: 1200px) {
    header ~ .table-wrapper {
        max-width: 1170px;
    }
}

header ~ .table-wrapper .dataTables_wrapper {
    display: block;
    width: 100%;
    overflow-x: auto;
}

table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd {
    background-color: #f9f9f9;
}

/*book now flex*/
.book-now.flex {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
@media (max-width: 767px) {
    .book-now.flex .consultation-fees {
        width: 100%;
        max-width: 100%;
    }
    .book-now.flex .consultation-fees:last-child {
        margin-top: 30px;
    }
}