body {
    font-family: 'Roboto', sans-serif;
    color: #2a2a2a;
    font-size: 12px;
}

a, a:hover {
    text-decoration: none;
}

li {
    list-style: none;
}

ul {
    padding: 0;
    margin: 0;
}

.bg-color-green {
    background: #018b71;
}

.bg-color-black {
    background: #000;
}

.top-bar-outer {
    display: inline-block;
    background: #fff;
    width: 100%;
}

.banner-mobile {
    display: none;
}

@media only screen and (max-width: 768px) {
    .banner-mobile {
        display: contents;
    }

    .banner-desktop {
        display: none;
    }
}

.navbar-default {
    border: none;
}

    .navbar-default .navbar-toggle {
        float: right;
        margin-top: 13px;
        margin-right: 19px;
    }

.toggle-buttons {
    float: right;
    margin-top: 18px;
    margin-right: 10px;
}

    .toggle-buttons a {
        color: #fff;
        font-size: 16px;
        border: solid 1px #fff;
        display: inline-block;
        width: 26px;
        text-align: center;
        margin-left: 6px;
        border-radius: 5px;
        padding: 4px;
    }

        .toggle-buttons a:hover, .toggle-buttons a:active, .toggle-buttons a:focus, .active-toggle-button {
            color: #018b71;
            background: #fff;
            cursor: pointer;
        }

.toggles-content {
    clear: both;
    display: inline-block;
    width: 100%;
    text-align: center;
    background: #fff;
    padding: 5px;
    border: solid 1px #018b71;
}

.collaps-button-bar {
    background: #018b71;
    width: 100%;
    display: inline-block;
    margin-bottom: 2px;
}

.button-caption {
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    margin: 13px;
    margin-bottom: 13px;
    margin-bottom: 0;
}

.collaps-button-bar .icon-bar {
    background: #fff;
}

.top-bar-outer ul li {
    display: inline-block;
    margin-right: 5px;
}

    .top-bar-outer ul li a {
        display: block;
        color: #fff;
        border: solid 1px #ff6e6e;
        padding: 5px;
    }

        .top-bar-outer ul li a:hover {
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff9400+0,f4bf00+100 */
            background: #ff9400; /* Old browsers */
            background: -moz-linear-gradient(top, #ff9400 0%, #f4bf00 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, #ff9400 0%,#f4bf00 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #ff9400 0%,#f4bf00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9400', endColorstr='#f4bf00',GradientType=0 ); /* IE6-9 */
        }

.top-bar-outer .dropdown-menu {
    width: 280px;
    border-radius: 0;
    border: solid 1px #e3145a;
    padding: 20px;
}

.top-bar-outer .form-control {
    border-radius: 0;
}

.top-bar-outer .btn {
    border-radius: 0;
}


#navbar {
    background: #0012ed;
}

.line-height-0 {
    line-height: 0;
}

.inline-block {
    display: inline-block;
}

.navbar-default {
    background: #fff;
    margin-bottom: 0px;
}

.main-navigation {
}

    .main-navigation .dropdown-menu {
        padding: 2px;
    }

        .main-navigation .dropdown-menu li {
            margin-bottom: 2px;
        }

            .main-navigation .dropdown-menu li:last-child {
                margin-bottom: 0px;
            }

    .main-navigation > li {
        margin-right: 5px;
    }

    .main-navigation a {
        -webkit-transition: all 300ms linear;
        -moz-transition: all 300ms linear;
        -ms-transition: all 300ms linear;
        -o-transition: all 300ms linear;
        transition: all 300ms linear;
        border: solid 1px transparent;
        color: #fff !important;
        background-color: #005984 !important;
        font-size: 12px;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .main-navigation li.active > a, .main-navigation li a:hover {
        color: #195a78 !important;
        background-color: #fff !important;
    }

.padding-0 {
    padding: 0px;
}

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

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

.bg-div {
    display: inline-block;
    background: #fff;
    width: 100%;
    padding-bottom: 30px;
    border: solid 1px #005984;
    padding: 20px;
}

.video-column1 {
    text-align: center;
    width: 100%;
    background: #000;
}

.video-column {
    text-align: center;
    width: 100%;
    background: #000;
    margin-bottom: 10px;
}

.blogartical {
    clear: both;
}

.single-col {
    margin-bottom: 20px;
    clear: both;
    display: inline-block;
    width: 100%;
}

.contact-form {
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    padding-bottom: 30px;
}

.contact-address {
    font-size: 13px;
}

    .contact-address i {
        font-size: 20px;
    }

.contact-address, .contact-info, .map {
    margin-top: 20px;
    margin-bottom: 20px;
}

.single-col p {
    text-align: justify;
}

.like-us-txt {
    font-weight: 500;
    color: #005984;
    font-size: 12px;
    margin-top: 20px;
    display: inline-block;
}

.twitter-follow {
    color: #00aced;
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
    width: 100%;
}

.social-icons {
}

    .social-icons a {
        display: inline-block;
        font-size: 30px;
        margin-right: 10px;
    }

.facebook-color {
    color: #3B5998;
}

.twitter-color {
    color: #1dcaff;
}

.youtube-color {
    color: #bb0000;
}

.google-color {
    color: #d34836;
}

.list-items li {
    list-style: circle;
    margin-left: 30px;
}

.links a {
    display: block;
    text-decoration: underline;
}

.button-1 {
    border: solid 1px #666;
    color: #666;
    display: inline-block;
    font-size: 12px;
    padding: 4px;
}

.clearboth {
    clear: both;
}

.side-column-h-style-1 {
    color: #fff;
    font-size: 16px;
    background: #005984;
    padding: 12px 10px 5px 10px;
}

.main-column-h-style-1 {
    color: #fff;
    font-size: 20px;
    background: #005984;
    padding: 12px 10px 5px 10px;
    font-weight: bold;
    display: inline-block;
    width: 100%;
}

.main-column-h-style-2 {
    color: #005984;
    font-size: 24px;
    padding: 12px 10px 5px 10px;
    font-weight: bold;
    display: inline-block;
}

.main-column-h-style-3 {
    color: #333;
    font-size: 17px;
    padding: 12px 10px 5px 10px;
    font-weight: bold;
    display: inline-block;
}

.main-column-h-style-4 {
    color: #005984;
    font-size: 18px;
    padding: 12px 10px 5px 10px;
    font-weight: bold;
    display: inline-block;
}

.main-column-h-style-5 {
    color: #1a67e4;
    font-size: 18px;
    padding: 12px 10px 5px 10px;
    font-weight: bold;
    display: inline-block;
}

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

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

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

.full-width {
    width: 100%;
    padding: 10px;
}

.red-notice {
    color: #f00;
    font-size: 13px;
}

.red-notice2 {
    color: #f00;
    font-size: 16px;
}

.column-seprator {
    display: inline-block;
    width: 100%;
    height: 1px;
    background: #005984;
}

.online-count .h4 {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */
    background: #45484d; /* Old browsers */
    background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    color: #fff;
    font-size: 15px;
    padding: 5px;
    clear: both;
    display: inline-block;
}

.home-courses {
    margin-top: 20px;
}

    .home-courses ul {
        margin-left: 20px;
    }

        .home-courses ul li {
            list-style: circle;
            margin-bottom: 10px;
        }

            .home-courses ul li a {
                color: #005645;
                font-size: 12px;
                font-weight: 500;
                display: block;
            }

.blinking-text {
    text-align: center;
    color: #005984;
    font-weight: 500;
}

.main-content-outer {
    border: solid 1px #005984;
    display: inline-block;
    width: 100%;
}

    .main-content-outer .single-col {
        padding-left: 10px;
        padding-right: 20px;
        margin-bottom: 0px;
    }

    .main-content-outer p {
        padding-left: 10px;
        padding-right: 10px;
    }

.bg-white {
    background: #fff;
}

.testimonial-scroll {
    padding-top: 20px;
    padding-bottom: 20px;
    display: inline-block;
    height: 250px;
}

    .testimonial-scroll li {
        margin-bottom: 30px;
    }

.black-font {
    color: #000;
    font-size: 12px;
}

.h-style-2 {
    text-transform: uppercase;
    color: #FF6200;
    font-size: 20px;
    display: inline-block;
    margin-bottom: 50px;
}



.single-item {
    display: inline-block;
    width: 95%;
    padding-bottom: 20px;
    border-bottom: solid 2px #eee;
}

.required {
    color: #f00;
}

.blogartical {
    clear: both;
}

.seprator {
    clear: both;
    height: 2px;
    width: 100%;
    display: inline-block;
    background: #eee;
    margin-top: 20px;
    margin-bottom: 20px;
}

.side-posts {
    display: inline-block;
    padding: 10px;
    background: #eee;
}

.margin-1 {
    clear: both;
    margin-top: 30px;
}

.footer-section {
    padding: 15px 15px 15px 15px;
    background: #005984;
}

    .footer-section .h4 {
        color: #e3145a;
        text-transform: uppercase;
        font-size: 18px;
        color: #fff;
    }

    .footer-section li {
        color: #fff;
        font-size: 12px;
        margin-bottom: 5px;
        list-style: disc;
    }

        .footer-section li a {
            color: #fff;
            font-size: 12px;
            -webkit-transition: all 300ms linear;
            -moz-transition: all 300ms linear;
            -ms-transition: all 300ms linear;
            -o-transition: all 300ms linear;
            transition: all 300ms linear;
            border: solid 1px transparent;
        }

    .footer-section ul {
        padding-left: 30px;
    }

    .footer-section li a:hover {
        color: #ffea00;
    }

    .footer-section li.h3 {
        list-style: none;
        font-size: 15px;
    }

    .footer-section li.phone-no {
        list-style: none;
        font-size: 20px;
        color: #fffdc7;
    }

    .footer-section li.vat-no {
        list-style: none;
        font-size: 15px;
        color: #fffdc7;
    }

    .footer-section p {
        color: #fff;
    }

.copyright {
    display: block;
    background: #eee;
    text-align: center;
    font-size: 12px;
    padding: 7px;
}

#backtotop {
    background: transparent url("../images/top.png") no-repeat scroll center center;
    bottom: 40px;
    cursor: pointer;
    height: 40px;
    position: fixed;
    right: 5px;
    text-indent: -9999px;
    width: 82px;
    z-index: 1000;
    display: none;
}

.hide-on-desktop {
    display: none;
}

.green-Background-Color {
    background: #005984
}

.green-Background-Color:hover {
    background-color: black;
}

/* TABS */

.main-tabs .tabs{
    border: 2px solid #c9e5ef;
    border-radius: 15px;
    padding: 10px;
    overflow: hidden;
    width: 100%;
    border-radius: 100px;
    max-width: 100%;
    display: flex;
}
.main-tabs .tabs li{
    display: flex;
    vertical-align: middle;
    width: 25%;
    cursor: pointer;
    display: block;
    text-align: center;
    padding: 1rem;
    line-height: 1.4em;
    margin: 0;
}
.main-tabs .tabs li a{
    text-decoration: none;
    color: #00329b;
}
.main-tabs .tabs li.active a{
    color: #fff !important;
}
.main-tabs .tabs li.active{
    background: #00329b;
    border-radius: 999px;
}

.main-tabs .tab-content .content{
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    grid-gap: 20px;
    align-items: center;
}