/*
Template: Redbridge Accountant Ltd 
Design by: Shahzaib Sajjad
Version: 1.0
Email: sajjadandsons04@gmail.com 
*/
/* Global Styles */

html, body {
    height: 100%;
}

* {
    position: relative;
}

body, p {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    color: #777777;
    font-weight: 400;
    font-size: 15px;
    line-height: 28px;
}

p {
    margin-bottom: 15px;
}

    p:last-child {
        margin-bottom: 0;
    }

    p > a {
        text-decoration: underline;
    }

.theme_color {
    background-color: #ffa31f;
}

.theme_t_color {
    color: #ffa31f;
}

.l_blue_clr {
    background-color: #118aa4;
}

.d_blue_clr {
    background-color: #004d5d;
}

.row {
    margin-bottom: 30px;
}

    .row:last-child {
        margin-bottom: 0;
    }

.container {
    max-width: 1170px;
    width: 100%;
}

.large-container {
    max-width: 1700px;
    margin: 0 auto;
    padding: 0 15px;
    width: 100%;
}

.page-wrapper {
    background: #fff;
}

    .page-wrapper.boxed {
        padding: 50px;
        overflow-x: hidden;
    }

h1, h2, h3, h4, h5, h6 {
    font-family: 'Raleway', sans-serif;
    color: #202325;
    font-weight: bold;
    margin: 0 0 20px;
}

h3 {
    font-size: 28px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 14px;
}

a {
    color: #202325;
    transition: 0.3s all ease-in-out;
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    -ms-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
}

section {
    float: left;
    width: 100%;
}

a:hover, a:focus {
    text-decoration: none;
}

a > h1:hover, a > h2:hover, a > h3:hover, a > h4:hover, a > h5:hover, a > h6:hover, a > h1:focus, a > h2:focus, a > h3:focus, a > h4:focus, a > h5:focus, a > h6:focus {
    text-decoration: none;
}

img {
    transition: 0.3s all ease-in-out;
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    -ms-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    display: inline !important;
}

.btn-default {
    color: #fff;
    background-color: #FFA31F;
    border-color: #ccc;
    border: none;
    padding: 15px 50px;
    border-radius: 5px;
    font-weight: 500;
    font-size: 16px;
}

    .btn-default:hover {
        background-color: #ff9600;
    }

.img-hover:hover {
    opacity: 0.8;
}

.top_header {
    float: left;
    width: 100%;
    background: #004d5d;
    padding: 10px 0;
    color: #fff;
    font-size: 18px;
}

.social_icon {
    display: inline;
}

    .social_icon .fa {
        background: #ffa31f;
        border-radius: 100%;
        width: 35px;
        height: 35px;
        text-align: center;
        font-size: 18px;
        line-height: 36px;
        margin-left: 10px;
        cursor: pointer;
    }

.main_header {
    float: left;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 40px;
}

.navbar-brand {
    float: left;
    width: 100%;
    padding: 0;
    height: auto;
}

.navbar-default {
    background-color: #fff;
    border-color: transparent;
    display: inline;
}

.phone_icon {
    float: left;
    margin-right: 10px;
}

.search_bar {
    font-size: 25px;
    padding-left: 70px;
    width: 40%;
}

.form-control.top_search_bar {
    margin-top: 15px;
    height: 55px;
    background: #eaeaea;
    border-radius: 10px;
    padding-right: 80px;
    border-left: 1px solid #c6c6c6;
    width: 100%;
}

.search_icon {
    position: absolute;
    top: 43px;
    right: 10px;
    width: 98px;
    height: 55px;
    border: none;
    text-align: center;
    line-height: 48px;
    border-left: 1px solid #c6c6c6;
    cursor: pointer;
    background: url(../images/search_icon.png) no-repeat center;
    background-color: transparent;
    box-shadow: none;
}

.header_contat_info {
    position: absolute;
    right: 0px;
    width: 33%;
}

    .header_contat_info .small_text {
        color: #000;
        font-size: 16px;
        font-weight: bold;
        line-height: 16px;
        margin-top: 1px;
        display: block;
    }

    .header_contat_info .large_text {
        color: #ff3333;
        font-size: 22px;
        line-height: 10px;
        font-weight: bold;
    }

.navbar-right {
    float: left !important;
    margin-right: -15px;
    width: 100%;
}

.navbar-default {
    background-color: #118aa4 !important;
    border-color: transparent;
    display: inline;
    float: left;
    width: 100%;
    border-radius: 0;
    margin-bottom: 0;
}

    .navbar-default .navbar-nav > li > a {
        position: relative;
        display: block;
        padding: 18px 23px;
        color: #fff;
    }

        .navbar-default .navbar-nav > li > a:hover {
            background: #ffa31f;
            color: #fff;
        }
/* Home Page Carousel */
header.carousel {
    height: 50%;
    display: inline-block;
    width: 100%;
    min-height: 730px;
    border-bottom: 5px solid #ffa31f;
}

    header.carousel .item, header.carousel .item.active, header.carousel .carousel-inner {
        height: 100%;
    }

    header.carousel .fill {
        width: 100%;
        height: 100%;
        background-position: center;
        background-size: cover;
    }

.carousel-control.left {
    background-image: none !important;
}

.carousel-control.right {
    background-image: none !important;
}

.fill {
    background-color: #000000;
}

.carousel-caption {
    right: 20%;
    left: 27%;
    padding-bottom: 30px;
    width: 48%;
    background: rgba(52,152,219,0.5);
    border: 5px solid #fff;
    padding: 50px 20px 30px 20px;
    color: #fff;
    text-shadow: none;
    top: 160px;
}

    .carousel-caption h2 {
        color: #fff;
        font-weight: bold;
    }

    .carousel-caption p {
        color: #fff;
        width: 89%;
        margin: 0 auto;
        font-weight: 300;
        margin-bottom: 20px;
    }

.carousel-indicators {
    bottom: 40px;
}

    .carousel-indicators li {
        width: 20px;
        height: 20px;
        margin: 0;
        background-color: #ffa31f;
        border: 5px solid #848484;
    }

        .carousel-indicators li.active {
            width: 20px;
            height: 20px;
            margin: 0;
            background-color: #fff;
            border: 5px solid #2fff1f;
        }

.carousel-control .icon-next::before {
    content: '\203a';
    display: none;
}

.carousel-control .icon-prev::before {
    content: '\2039';
    display: none;
}

.highlight
{
	background-color:#ffa31f;
}

.carousel-control {
    opacity: 1;
    text-shadow: none;
}

    .carousel-control .icon-prev {
        background: #118aa4;
        width: 70px;
        height: 70px;
        text-align: center;
        line-height: 60px;
        border-radius: 100%;
        border: 5px solid #88f6ff;
        font-size: 38px;
    }

    .carousel-control .icon-next {
        background: #118aa4;
        width: 70px;
        height: 70px;
        text-align: center;
        line-height: 60px;
        border-radius: 100%;
        border: 5px solid #88f6ff;
        font-size: 38px;
    }

    .carousel-control .fa.fa-angle-left {
        line-height: 60px;
        font-size: 38px;
    }

    .carousel-control .fa.fa-angle-right {
        line-height: 60px;
        font-size: 38px;
    }

#about_us {
    margin: 80px 0;
    background: url(../images/about_img.jpg) no-repeat center;
    background-position: right;
    background-size: 50%;
    padding-bottom: 50px;
}

    #about_us p {
        margin-bottom: 50px;
    }

.book_callback {
    background: url(../images/book_call.jpg) no-repeat center;
    background-size: cover;
    padding: 100px 0;
    color: #fff;
    text-align: justify;
    line-height: 22px;
    margin-bottom: 70px;
}

    .book_callback button {
        margin-top: 10px;
    }

.who_we_are {
    padding: 50px;
    background: #118aa4;
    color: #fff;
}

    .who_we_are h1 {
        color: #fff;
        margin-bottom: 20px;
        text-transform: uppercase;
    }

.who_we_are_video {
    margin-bottom: 30px;
    float: left;
    width: 100%;
}

    .who_we_are_video::before {
        content: "\f04b";
        font-family: 'FontAwesome';
        position: absolute;
        z-index: 10;
        text-align: center;
        left: 0;
        right: 0;
        top: 34%;
        color: #ffa31f;
        background: #fff;
        width: 100px;
        margin: 0 auto;
        font-size: 50px;
        height: 100px;
        border-radius: 100%;
        line-height: 102px;
        cursor: pointer;
    }

.why_us {
    padding: 50px;
    color: #fff;
}

    .why_us h1 {
        color: #fff;
        margin-top: 30px;
        text-transform: uppercase;
        margin-bottom: 50px;
    }

.why_us_list img {
    float: left;
    padding-right: 10px;
    width: 48px;
    border-right: 3px solid #fff;
    margin-right: 10px;
    padding-bottom: 8px;
}

.why_us_list span {
    font-size: 23px;
    line-height: 16px;
    font-weight: 500;
}

.why_us_list li {
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 30px;
}

.page-header {
    text-align: center;
    color: #808080;
    margin: 80px 0 40px;
    border-bottom: 0;
}

    .page-header::before {
        content: "";
        position: absolute;
        bottom: 0px;
        height: 5px;
        background-color: #ffa31f;
        width: 21%;
        right: 0;
        left: 0;
        margin: 0 auto;
    }

.panel-default {
    border: 0;
    max-height: 600px;
    margin-bottom: 120px;
    box-shadow: none;
}

    .panel-default > .panel-heading {
        color: #333;
        background-color: transparent;
        border-color: #ddd;
        border-bottom: 0;
        padding: 0;
    }

.panel-heading h4 {
    margin-top: 25px;
    margin-bottom: 0;
    font-size: 22px;
}

.panel-body {
    padding: 0;
    margin-top: 15px;
}

.service_img img {
    max-height: 360px;
}

.panel-body p {
    margin-bottom: 25px;
    font-size: 18px;
    color: #8A8A8A;
    font-weight: 300;
}

#our_team {
    padding: 85px 0;
    margin: 30px 0 80px 0;
    background: url(../images/gray_bg.jpg) no-repeat top right -286px;
}

    #our_team h1 {
        font-weight: normal;
    }

.team_slider {
    padding: 0;
    margin-top: 25px;
}

#flexiselDemo3 {
    display: none;
}

.nbs-flexisel-container {
    position: relative;
    float: none;
    margin: 0 auto;
    max-width: 100%;
}

.nbs-flexisel-ul {
    position: relative;
    width: 9999px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: center;
    float: left;
}

.nbs-flexisel-inner {
    overflow: hidden;
    float: left;
    width: 100%;
    padding: 0px;
    background-color: transparent;
}

.nbs-flexisel-item {
    float: left;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    position: relative;
    line-height: 0px;
}

.team_member {
    float: left;
    width: 90%;
    margin: 10px;
    box-shadow: 0 0 10px #999;
}

.nbs-flexisel-item img {
    width: 100%;
    cursor: pointer;
    position: relative;
    max-height: auto;
}

.team_text {
    padding: 25px;
    background: #fff;
}

    .team_text p {
        margin-bottom: 3px;
        line-height: 18px;
    }

header.banner_inner {
    display: inline-block;
    width: 100%;
    border-bottom: 5px solid #ffa31f;
    min-height: 225px;
}

.banner_inner_con {
    background: url(../images/inner.jpg) no-repeat 0px 0px;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    min-height: 225px;
}

/*** Navigation ***/
.nbs-flexisel-nav-right {
    position: absolute;
    right: -70px;
    background: url(../images/right_arrow.png) no-repeat;
    width: 40px;
    height: 70px;
    top: -10px;
    cursor: pointer;
}

.nbs-flexisel-nav-left {
    position: absolute;
    left: -70px;
    background: url(../images/left_arrow.png) no-repeat;
    width: 40px;
    height: 70px;
    top: -10px;
    cursor: pointer;
}

.callback_2 {
    background: url(../images/book_call2.jpg) no-repeat;
    background-size: cover;
    margin-bottom: 0;
}

#client_testimonial {
    padding-bottom: 50px;
    margin-bottom: 50px;
}

    #client_testimonial .page-header {
        margin-bottom: 5px;
        color: #fff;
    }

#flexiselDemo4 .nbs-flexisel-item img {
    width: 5%;
    cursor: pointer;
    position: relative;
    max-height: auto;
}

#flexiselDemo4 .nbs-flexisel-item i {
    color: #fff;
    font-size: 25px;
    margin-top: 5px;
}

#flexiselDemo4 .nbs-flexisel-item p {
    color: #fff;
    font-size: 16px;
    margin-top: 18px;
    margin-bottom: 25px;
    padding: 0 180px;
}

#flexiselDemo4 .nbs-flexisel-item h5 {
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 10px;
}

#flexiselDemo4 .nbs-flexisel-item h6 {
    color: #fff;
    font-size: 14px;
    font-weight: 200;
    margin-bottom: 5px;
}
/*** Navigation ***/
#client_testimonial .nbs-flexisel-nav-right {
    position: absolute;
    right: 0px;
    background: url(../images/thin_right_arrow.png) no-repeat;
    width: 116px;
    height: 44px;
    top: 280px !important;
    cursor: pointer;
}

#client_testimonial .nbs-flexisel-nav-left {
    position: absolute;
    left: 0px;
    background: url(../images/thin_left_arrow.png) no-repeat;
    width: 116px;
    height: 44px;
    top: 280px !important;
    cursor: pointer;
}

p.title_descr {
    padding: 0 150px;
    margin-bottom: 80px;
}

.contact_img {
    background: url(../images/contact_img.jpg) no-repeat bottom center;
    min-height: 449px;
    background-size: cover;
}

.google_map {
    padding: 0;
}

.contact_form {
    background: url(../images/contact_form_bg.jpg) no-repeat;
    background-size: cover;
    padding: 50px 50px 34px 50px;
}

    .contact_form .form-control {
        background: transparent;
        color: #fff;
        border-radius: 0;
    }

        .contact_form .form-control::placeholder {
            color: #fff;
            opacity: 0.9;
            font-weight: 200;
        }

button.btn-default.submit_btn {
    width: 100%;
    padding: 15px 0;
    line-height: 10px;
    border-radius: 0;
    color: #000;
    font-weight: bold;
    margin-bottom: 0;
    background: #f0b301;
}

.contact_info {
    background: #004d5d;
    padding: 80px 0;
}

    .contact_info .page-header {
        text-align: left;
        margin: 0 0 15px 0;
        color: #fff;
        float: left;
        width: 100%;
    }

        .contact_info .page-header::before {
            content: "";
            position: absolute;
            bottom: 0px;
            height: 2px;
            background-color: #ffa31f;
            width: 100%;
            right: 0;
            left: 0;
            margin: 0 auto;
        }

.widget {
    padding-right: 50px;
    color: #fff;
    font-family: 'Raleway', sans-serif;
}

    .widget ul {
        padding-left: 0
    }

        .widget ul li a {
            color: #fff;
            font-family: 'Raleway', sans-serif;
        }

            .widget ul li a:hover {
                color: #ffa31f;
            }

        .widget ul li {
            line-height: 45px;
        }

    .widget p {
        line-height: 20px;
        font-family: 'Raleway', sans-serif;
        font-weight: 300;
    }

button.form-control.btn-default.subscribe_btn {
    color: #000;
    font-weight: bold;
    padding: 22px;
    line-height: 7px;
    border-radius: 8px;
}

.newletter_form .input.form-control {
    background: #7a7a7a;
    border: 0;
    border-radius: 8px;
}

.footer_services {
    padding-right: 15px;
}

.get_in__touch {
    margin-top: 30px !important;
}

section.association {
    padding: 50px 0;
    background: #118aa4;
}

.foooter_book_call {
    background: #fff;
    padding: 30px 80px;
    border-radius: 8px;
    box-shadow: 0 0 20px #333;
}

    .foooter_book_call p {
        color: #000;
        line-height: 16px;
    }

    .foooter_book_call span {
        color: #000;
        font-size: 22px;
        font-weight: bold;
    }

.association h6 {
    color: #fff;
}

.in_associ {
    margin-bottom: 30px;
}
/* Footer Styles */

footer {
    background: #012d36;
    color: #fff;
    float: left;
    line-height: 25px;
    width: 100%;
}

.copyright_text {
    padding-bottom: 35px;
    padding-top: 50px;
    font-size: 14px;
}

footer ul {
    padding-top: 50px;
}

    footer ul li {
        border-right: 1px solid #fff;
        padding: 0 10px !important;
    }

        footer ul li:last-child {
            border-right: none;
        }

        footer ul li a {
            color: #fff;
            font-size: 14px;
        }

            footer ul li a:hover {
                color: #ffa31f;
            }

/* Responsive Styles */

@media(max-width:1024px) {
    .customer-img, .img-related {
        margin-bottom: 30px;
    }

    .header_contat_info .large_text {
        font-size: 17px;
    }

    .search_bar {
        font-size: 18px;
        padding-left: 70px;
        width: 40%;
    }

    .navbar-default .navbar-nav > li > a {
        position: relative;
        display: block;
        padding: 18px 8px;
        color: #fff;
    }

    .carousel-caption h2 {
        color: #fff;
        font-weight: bold;
        font-size: 28px;
    }

    #about_us {
        margin: 40px 0;
    }

    .book_callback .col-md-4 {
        text-align: center;
    }

    .who_we_are {
        padding-bottom: 100px;
    }

    .why_us {
        padding-top: 15px;
    }

        .why_us h1 > br {
            display: none;
        }

        .why_us .col-md-8 {
            width: 100%;
        }

    #our_team .col-md-2 {
        width: 80%;
        text-align: left;
        float: left;
        margin-left: 210px;
    }

    .team_slider {
        margin-right: 130px;
    }

    .foooter_book_call {
        margin-left: 60px;
    }
}
/* Max 1024px */

@media(max-width:768px) {
    header.carousel .carousel {
        height: 70%;
    }

    .main_header {
        float: left;
        width: 100%;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .header_contat_info {
        position: absolute;
        right: 0px;
        width: 74%;
    }

    .navbar-default .navbar-nav > li > a {
        position: relative;
        display: block;
        padding: 15px 6px;
        color: #fff;
        font-size: 12px;
    }

    .navbar-default .large-container {
        padding: 0;
    }

    .navbar-collapse.collapse {
        padding: 0;
    }

    .carousel-control .icon-prev {
        left: 0%;
        margin-left: 10px;
    }

    .carousel-control .icon-next {
        right: 0%;
        margin-right: 10px;
    }

    .carousel-caption {
        right: 0;
        left: 0;
        padding-bottom: 30px;
        width: 68%;
        background: rgba(52,152,219,0.5);
        border: 5px solid #fff;
        padding: 50px 20px 30px 20px;
        color: #fff;
        text-shadow: none;
        top: 160px;
        margin: 0 auto;
    }

    #about_us {
        margin: 40px 0;
        background: none;
        text-align: center;
    }

    .book_callback {
        padding: 30px 0;
        text-align: center;
    }

    .why_us h1 {
        text-align: center;
        margin-bottom: 25px;
    }

    .panel-default {
        text-align: center;
    }

    .panel-body p {
        margin-bottom: 25px;
        font-size: 18px;
        color: #8A8A8A;
        font-weight: 300;
        padding: 0 23%;
    }

    #our_team .col-md-2 {
        width: 100%;
        text-align: center;
        float: left;
        margin-left: 0;
    }

    #our_team .team_slider {
        float: none !important;
        margin-left: 0;
        width: 100%;
    }

    #our_team .nbs-flexisel-container {
        position: relative;
        float: none;
        margin: 0 auto;
        max-width: 70%;
    }

    .nbs-flexisel-nav-left {
        top: 200px !important;
    }

    .nbs-flexisel-nav-right {
        top: 200px !important;
    }

    .foooter_book_call {
        margin-left: 0;
        margin: 33px 140px;
    }

    .copyright_text {
        padding-bottom: 0px;
        padding-top: 25px;
        font-size: 14px;
        text-align: center;
    }

    footer .pull-right {
        float: none !important;
        margin: 0 auto;
        text-align: center;
    }

    footer ul {
        padding-top: 10px;
        padding-bottom: 20px;
    }

    .newletter_form {
        width: 300px;
    }
}
/* Max 768px */

@media(max-width:767px) {
    .logo {
        text-align: center;
    }

    .navbar-default .large-container {
        padding: 0 15px;
    }

    .navbar-right {
        float: left !important;
        margin-right: 0 !important;
        width: 100%;
        padding-left: 15px;
    }

    .navbar-default .navbar-toggle {
        border-color: #fff;
        background: #FFA31F;
        ;
    }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #fff;
        }

        .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
            background-color: #ff9600;
        }

            .navbar-default .navbar-toggle:hover .icon-bar {
                background-color: #000;
            }
}
/* Max 767px */

@media(max-width:414px) {
    p.title_descr {
        padding: 0px 0px;
        margin-bottom: 80px;
    }

    #flexiselDemo4 .nbs-flexisel-item p {
        color: #fff;
        font-size: 14px;
        margin-top: 18px;
        margin-bottom: 25px;
        padding: 0;
        line-height: 25px;
    }

    #client_testimonial .nbs-flexisel-nav-left {
        position: absolute;
        left: 0px;
        background: url(../images/thin_left_arrow.png) no-repeat;
        width: 66px;
        height: 44px;
        top: 60px !important;
        cursor: pointer;
        background-size: contain;
    }

    #client_testimonial .nbs-flexisel-nav-right {
        position: absolute;
        right: 0px;
        background: url(../images/thin_right_arrow.png) no-repeat;
        width: 66px;
        height: 44px;
        top: 60px !important;
        cursor: pointer;
        background-size: contain;
    }

    #flexiselDemo4 .nbs-flexisel-item img {
        width: 40%;
        cursor: pointer;
        position: relative;
        max-height: auto;
    }

    .nbs-flexisel-nav-left {
        top: 280px !important;
        background-size: contain;
        width: 30px;
        left: -40px;
    }

    .nbs-flexisel-nav-right {
        top: 280px !important;
        background-size: contain;
        width: 30px;
        right: -40px;
    }

    #our_team {
        margin-bottom: 0;
    }

    .panel-body p {
        margin-bottom: 25px;
        font-size: 18px;
        color: #8A8A8A;
        font-weight: 300;
        padding: 0 0%;
    }

    .foooter_book_call {
        margin-left: 0;
        margin: 33px 20px;
    }

    .association .col-xs-6 {
        width: 100%;
    }

    .carousel-control {
        display: none;
    }

    .carousel-caption {
        right: 0;
        left: 0;
        padding-bottom: 30px;
        width: 90%;
        top: 30px;
        padding: 20px;
    }

        .carousel-caption p {
            width: 100%;
            line-height: 20px;
        }

    header.carousel {
        height: 80%;
        display: inline-block;
        width: 100%;
        min-height: 620px;
        border-bottom: 5px solid #ffa31f;
    }

    #about_us {
        margin-bottom: 0;
    }

    .who_we_are {
        padding: 39px 15px;
        padding-bottom: 39px;
        background: #118aa4;
        color: #fff;
    }

    .why_us {
        padding: 25px;
        padding-top: 15px;
    }

    .why_us_list span {
        font-size: 16px;
        line-height: 19px;
        font-weight: 500;
        float: left;
        width: 75%;
    }

    .foooter_book_call {
        background: #fff;
        padding: 30px 10px;
    }

        .foooter_book_call span {
            width: 100%;
            display: block;
        }

        .foooter_book_call p {
            color: #000;
            line-height: 20px;
        }

    .copyright_text {
        padding-bottom: 0px;
        padding-top: 25px;
        font-size: 10px;
        text-align: center;
    }

    footer ul li {
        border-right: 1px solid #fff;
        padding: 0 5px !important;
        line-height: 14px;
    }

        footer ul li a {
            color: #fff;
            font-size: 10px;
        }
}
/* Max 414px */

/* Pricing Tables */
.pricing-table {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
	/* Responsive */
}

.pricing-table .plan {
	background: #FFF;
	border-radius: 0;
	margin-top: 15px;
	margin-bottom: 15px;
}

.pricing-table .plan .plan-price,
.pricing-table .plan .plan-features,
.pricing-table .plan .plan-footer {
	border: 1px solid #ededed;
}

.pricing-table .plan .plan-header {
	background: #212529;
	padding: 15.2px 16px;
	padding: 0.95rem 1rem;
}

.pricing-table .plan .plan-header h3 {
	color: #FFF;
	font-size: 12.8px;
	font-size: 0.8rem;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 0;
}

.pricing-table .plan .plan-price {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background: #f7f7f7;
	border-top: 0;
	border-bottom: 0;
	padding: 32px 12.8px;
	padding: 2rem 0.8rem;
	text-align: center;
}

.pricing-table .plan .plan-price .price {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	font-size: 43.2px;
	font-size: 2.7rem;
	font-weight: 600;
	line-height: 1;
	color: #212529;
}

.pricing-table .plan .plan-price .price .price-unit {
	font-size: 50%;
	line-height: 1.4;
}

.pricing-table .plan .plan-price .price-label {
	text-transform: uppercase;
	color: #777;
	font-size: 11.2px;
	font-size: 0.7rem;
	line-height: 1;
	margin-bottom: 0;
}

.pricing-table .plan .plan-features {
	border-top: 0;
	border-bottom: 0;
	padding: 12.8px;
	padding: 0.8rem;
	text-align: center;
}

.pricing-table .plan .plan-features ul {
	padding: 0 8px 0 8px;
	padding: 0 0.5rem 0 0.5rem;
	margin-bottom: 0;
}

.pricing-table .plan .plan-features ul li {
	border-bottom: 1px solid #ededed;
	line-height: 2.9;
	list-style: none;
	font-size: 0.9em;
}

.pricing-table .plan .plan-features ul li:last-child {
	border-bottom: 0;
}

.pricing-table .plan .plan-footer {
	border-top: 0;
	padding: 24px 12.8px 40px;
	padding: 1.5rem 0.8rem 2.5rem;
	text-align: center;
}

.pricing-table .plan.plan-featured {
	position: relative;
	-webkit-box-shadow: 0px 0px 40px rgba(200, 200, 200, 0.3);
	box-shadow: 0px 0px 40px rgba(200, 200, 200, 0.3);
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
	z-index: 1;
}

.pricing-table .plan.plan-featured .plan-header h3,
.pricing-table .plan.plan-featured .plan-features ul li {
	font-size: 12.8px;
	font-size: 0.8rem;
}

.pricing-table.pricing-table-no-gap {
	margin-left: 0;
	margin-right: 0;
}

.pricing-table.pricing-table-no-gap .plan {
	margin-left: -16px;
	margin-right: -15px;
	margin-top: 0;
	margin-bottom: 0;
}

@media (max-width: 767px) {
	.pricing-table .plan.plan-featured {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	.pricing-table .plan.plan-featured .plan-header h3,
	.pricing-table .plan.plan-featured .plan-features ul li {
		font-size: 0.9rem;
	}
}

/*------------------------------------------------*/

.banner_text {
    text-align: center;
    padding-top: 75px;
    color: #fff;
}

.t_body {
    font-weight: bold;
}

.best_seller {
    color: #fff;
    background-color: #ff9317;
    border-color: #e37900;
}

.recommended-plan-ribbon {
    box-sizing: content-box;
    background-color: #dc3b5d;
    color: #FFF;
    position: absolute;
    padding: 3px 6px;
    font-size: 11px !important;
    font-weight: 500;
    left: -6px;
    top: -22px;
    z-index: 99;
    width: 100%;
    -webkit-box-shadow: 0 -1px #c2284c inset;
    box-shadow: 0 -1px #c2284c inset;
    text-shadow: 0 -1px #c2284c;
}

.comparison {
  max-width:940px;
  margin:0 auto;
  text-align:center;
  padding:10px;
}

.comparison table {
  width:100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  border-bottom:1px solid #CCC;
}

.comparison td, .comparison th {
  border-right:1px solid #CCC;
  empty-cells: show;
  padding:10px;
}

.compare-heading {
    font-size: 16px;
    font-weight: bold !important;
    border-bottom: 0 !important;
    padding-top: 10px !important;
    text-align: center;
    text-transform: uppercase;
}

.comparison tbody tr:nth-child(odd) {
  display:none;
}

.comparison .compare-row {
  background:#F5F5F5;
}

.comparison .tickblue {
  color:#0078C1;
}

.comparison .tickgreen {
  color:#009E2C;
}

.comparison th {
  font-weight:normal;
  padding:0;
  border-bottom:1px solid #CCC;
}

.comparison tr td:first-child {
  text-align:left;
}
  
.comparison .qbse, .comparison .qbo, .comparison .tl {
  color:#FFF;
  padding:10px;
  font-size:13px;
  border-right:1px solid #CCC;
  border-bottom:0;
}

.comparison .tl2 {
  border-right:0;
}

.comparison .qbse {
    background: #004d5d;
    border-top-left-radius: 3px;
    border-left: 0px;
    text-align:right;
}

.comparison .qbo {
  background:#009E2C;
  border-top-right-radius: 3px;
  border-right:0px;
}

.comparison .price-info {
  padding:5px 15px 15px 15px;
}

.comparison .price-was {
  color:#999;
  text-decoration: line-through;
}

.comparison .price-now, .comparison .price-now span {
    color: #ff3333;
}

.comparison .price-now span {
  font-size:32px;
}

.comparison .price-small {
    font-size: 18px !important;
    position: relative;
    top: -11px;
    left: 2px;
}

.comparison .price-buy {
  background:#004d5d;
  padding:10px 20px;
  font-size:12px;
  display:inline-block;
  color:#FFF;
  text-decoration:none;
  border-radius:3px;
  text-transform:uppercase;
  margin:5px 0 10px 0;
}

.comparison .price-try {
  font-size:12px;
}

.comparison .price-try a {
  color:#202020;
}

@media (max-width: 767px) {
  .comparison td:first-child, .comparison th:first-child {
    display: none;
  }
  .comparison tbody tr:nth-child(odd) {
    display:table-row;
    background:#F7F7F7;
  }
  .comparison .row {
    background:#FFF;
  }
  .comparison td, .comparison th {
    border:1px solid #CCC;
  }
  .price-info {
  border-top:0 !important;
  
}
  
}

@media (max-width: 639px) {
  .comparison .price-buy {
    padding:5px 10px;
  }
  .comparison td, .comparison th {
    padding:10px 5px;
  }
  .comparison .hide-mobile {
    display:none;
  }
  .comparison .price-now span {
  font-size:16px;
}

.comparison .price-small {
    font-size: 16px !important;
    top: 0;
    left: 0;
}
  .comparison .qbse, .comparison .qbo {
    font-size:12px;
    padding:10px 5px;
  }
  .comparison .price-buy {
    margin-top:10px;
  }
  .compare-heading {
  font-size:13px;
}
}
