﻿body {
    position: relative;
    padding-top: 80px;
    padding-bottom: 0px;
    font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

/*Header CSS*/
.top-header {
    padding-top: 16px;
    background-color: white;
    border: 0px !important;
    min-height: 84px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.11);
}
.navbar-right{margin-right: 0px; display: block;}
.top-header .navbar-container {
    padding-left: 11px;
    padding-right: 11px;
}

.top-header .navbar-collapse .nav li a{
    color: #333;
    font-size: 12pt;
}

.top-header .navbar-nav li a:hover{
    color: inherit;
}


.top-header .navbar-header .navbar-brand {
    display: flex;
    padding: 0px;
    align-items: center;
}

.top-header .navbar-header .navbar-brand img{
    padding: 4px;
    border: 1px solid #3163ac;
    border-radius: 13px;
}

.top-header .navbar-header .navbar-brand h1{
    margin: 0px;
    font-size: 26px;
}

.top-header .navbar-header .navbar-brand .brand-title{
    color: black;
}

.top-header .navbar-header .navbar-brand .brand-title .ca-text{
    font-size: 16px;
}

.top-header .row .site-logo {
    display: flex;
    align-items: center;
}

.top-header .row .contact{
    text-align: right;
}

.top-header .row .site-logo .page-header {
    margin: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    border: 0px;
}
.top-header .row .site-logo .page-header h1 {
    margin: 0px;
    font-size: 26px;
}

.top-header .row .site-logo .page-header .ca-text{
   font-size: 16px;
   font-weight: 500;
}

.top-header .row .site-logo .banner-title .navbar-title .ca-text{
    font-size: 12pt;
}

.top-header .navbar{
    background-color: white;
    border: none;
    margin-bottom: 0px;
}

.top-header .navbar .container{
    width: 600px;
}

.top-header .navbar .nav li a:hover{
    color: black;
}

.top-header .navigation{
    padding-left: 0px;
}

.top-header .navigation .navbar .container{
    padding-left: 0px;
    margin-right: 0px;
}

.top-header .nav li.dropdown .dropdown-menu{
    padding-bottom: 0px;
    padding-top: 0px;
}

.top-header .nav li.dropdown .dropdown-menu li a {
    color: #333 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.top-header .nav li.dropdown .dropdown-menu li.active {
    border-bottom: 0px !important;
    background-color: #3163ac;
}

.top-header .nav li.dropdown .dropdown-menu li.active a{
    color: white !important;
}

.page-content {
    padding-left: 0px;
    padding-right: 0px;
}

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

.section{
    padding-top: 50px;
    padding-bottom: 50px;
}

.mt-0{
    margin-top: 0px;
}

.page-content hr{
    margin-bottom: 10px;
    margin-top: 0px;
}

.sectionHeading {
    padding-bottom: 10px;
    font-size: 42px;
}

p {
    font-size: 15px;
    line-height: 1.7em;
}


.overview-text .col-md-12{
    color: black;
}

/*Read More Btn*/

.read-more-text {
    position: relative;
    font-size: 16px;
    border-radius: 0px;
    padding: 10px 17px;
    background-color: #3163ac !important;
    border-color: #3163ac !important;
}

.read-more-text-simple{
    height: 32px;
}

.read-more-text-simple a {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    color: #3163ac !important;
    padding-top: 10px;
}

.read-more-text-simple a:focus,
.read-more-text-simple a:hover{
    text-decoration: none;
}

.read-more-text-simple a .glyphicon{
    margin-top: 1px;
}

.read-more-text-simple a:focus .readmore-txt,
.read-more-text-simple a:hover .readmore-txt{
    border-bottom: 1px solid #3163ac;
}

.read-more-text a {
    font-size: 16px;
    display: flex;
    align-items: center;
    color: white;
}

.read-more-text a:focus,
.read-more-text a:hover {
    /*color: #007b96;*/
    text-decoration: none;
    /*font-size: 17px;*/
}

.read-more-text .glyphicon{
    padding-left: 2px;
}

.nav .active {
    border-bottom: 2px solid #3163ac;
}

.nav .dropdown.open .dropdown-toggle {
    background-color: white !important;
    color: #333 !important;
}


.nav .dropdown.open .dropdown-toggle:hover{
    color: #333;
}

.nav .active a {
    color: #3163ac !important;
    background-color: transparent !important;
    padding-bottom: 10px;
}

.gray-bg {
    background-color: #f8f8f9;
}

.section-heading .sectionHeading {
    padding-top: 20px;
    color: #3163ac;
}

.sectionHeading {
    color: #3163ac;
}

.ServicesSection .sub-heading {
    font-size: 14pt;
    padding-bottom: 5px;
    font-weight: 600;
}

.read-more-btn {
    padding: 15px;
    width: 170px;
    border-radius: 0px;
    border: 2px solid #ccc;
}

.service-icon{
    text-align: center;
    font-size: 20px;
    /*padding: 16px;*/
}

.service-icon .glyphicon{
    border: 1px solid #ccc;
    border-radius: 50%;
    padding: 10px;
}

/*.bannerSection.heroBanner .banner {
    background-image: url('../images/Certified-Management-Accountant-in-Abu-Dhabi.jpg')
}*/

.bannerSection .banner {
    padding: 0px;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 500px;
    color: white;
}

/*Home Page Banner*/

.bg-1 {
    min-height: 400px;
}

.bg-1 .site-banner {
    position: relative;
    background-color: #f0f0f0;
}

.bg-1 .site-banner .banner-header {
    position: absolute;
    top:18%;
    left: 50px;
    color: black;
    max-width: 600px;
}

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

.bg-1 h3 {
    /*color: #fff;*/
    font-size: 26px;
    margin-top: 0px;
}

.bg-1 p {
    font-size: 15px;
    padding-bottom: 14px;
    padding-top: 6px;
}

.center-allignment{
    padding-top: 16px;
    padding-bottom: 30px;
    display: inline-block;
    padding: 20px;
    padding-bottom: 30px
}

.cta-btn{
    padding-top: 10px;
}

.cta-btn .cta-btn-link {
    padding: 12px;
    padding-left: 17px;
    padding-right: 17px;
    /*border: 2px solid black;*/
    color: white;
    font-size: 14px;
    position: relative;
    background-color: #000 !important;
    font-weight: 600;
}

/*.cta-btn .cta-btn-link .glyphicon {
    position: absolute;
}*/

.cta-btn .cta-btn-link:focus,
.cta-btn .cta-btn-link:hover{
    text-decoration: none;
}

/*.ServicesSection .section-content{
    text-align: center;
}*/

.contact-section .section-content .row {
    margin-left: 0px;
    margin-right: 0px;
    display: flex;
    width: 100%;
}

/*Services Section CSS*/

.ServicesSection .section-row {
    display: flex;
}

.ServicesSection .section-row .section-content{
    display: flex;
    justify-content: center;
    padding-top: 0px !important;
}
    .ServicesSection .section-row .section-content .row.cardLook {
        cursor: pointer;
    }
.ServicesSection .section-row .section-content .row.cardLook:hover {
    box-shadow: 0px 7px 8px -4px rgba(0,0,0,0.2), 0px 12px 17px 2px rgba(0,0,0,0.14), 0px 5px 22px 4px rgba(0,0,0,0.12) !important;
}

/*.ServicesSection .section-row .section-content:last-child{
    padding-right: 0px !important;
}*/

.ServicesSection .section-row .section-content .read-more-text{
    margin-top: 10px;
}

.ServicesSection .section-content .row {
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.11);
    background-color: white;
    margin-right: 20px;
}
#Services.services-subpage .row.section-row {
    padding-bottom: 20px;
    
}
#Services.services-subpage .row.section-row .services-bullet-text {
    padding: 0px;
    border: 0px #3163AC solid;
    color: #333;
    margin-right: 10px;
    font-size:12pt;
    
}
#Services.services-subpage .row.section-row .services-bullet-text .description{ padding: 5px 10px}
#Services.services-subpage .row.section-row .services-bullet-text:hover {
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.11);
}
.home-page-content .ServicesSection .section-content .row {
    margin-right: 10px;
}

/*.home-page-content .ServicesSection .section-content:last-child .row{
    margin-right: 0px;
}*/

.home-page-content .ServicesSection .section-content .row {
    box-shadow: none !important;
    background-color: transparent !important;
}

.ServicesSection .section-content .row .icon {
    /*margin-top: 20px;*/
    /*width: 10%;*/
    padding-left: 0px;
    padding-right: 0px;
    /*border-right: 1px solid #007b96;*/
    text-align: center;
    padding-bottom: 10px;
}

.ServicesSection .section-content .row .detail{
    padding-bottom: 15px;
    /*text-align: center;*/
}

.flowchart_img{
    text-align: center;
}

.flowchart_img img {
    width: auto;
}


.home-page-content .ServicesSection .section-content .row .detail {
    padding-bottom: 0px !important;
    padding-left: 5px;
    padding-right: 5px;
    color:#333;
}

.ServicesSection .section-content .row .icon .glyphicon {
    padding: 10px;
    border: 1px solid #007b96;
    border-radius: 50%;
    font-size: 30px;
    color: #007b96;
}

.ServicesSection .section-content .sub-heading {
    display: inline-block;
}

.pb-2{
    padding-bottom: 10px;
}

/*.aboutsection .about-text {
    padding: 15px;
}*/

/*.whyus-text{
    padding-top: 10px;
}*/

.whyus-text ul li{
    padding-bottom: 10px;
    font-size: 11pt;
}

.contact-section .contact-tile {
    border: 1px solid #eaeaea;
    padding: 20px 30px;
    /*display: flex;
    align-items: center;*/
    background-color: white;
    margin-left: 15px;
    margin-bottom: 15px;
}

.contact-section .contact-tile.image-tile{
    margin-left: 0px;
    width: 35%;
    border-left: 0px;
}

.contact-section .contact-tile.officeadd-tile{
    border-right: 0px;
    padding: 0px;
}

.contact-section .contact-tile.officeadd-tile .address{
    padding: 20px 30px;
}

.contact-section .contact-tile.address2 .address {
    height: 142px;
}

.contact-section .section-content {
    padding-top: 30px;
    padding-left: 0px;
}

.contact-section .contact-details {
    /*margin-bottom: 10px;*/
    font-size: 18px;
}

.contact-section .contact-details .col-md-1 {
    /*width: 30px;*/
    padding-left: 5px;
}

.contact-section .contact-details .col-md-1 .glyphicon {
    /*padding: 10px;
    border: 1px solid #007b96;
    border-radius: 500%;*/
    padding-top: 5px;
    /*color: #007b96;*/
    color: #3163ac;
    font-size: 30px;
}

.contact-section .contact-details .col-md-11 {
    /*width: 85%;*/
    font-size: 15px;
    padding-left: 25px;
}

.office-location img {
    border: 1px solid #007b96;
}

footer p {
    background-color: #3163ac;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0px;
    color: white;
}

/*Services Section CSS*/

.services-overview {
    margin-bottom: 20px;
}

/*WhyUs Section CSS*/

ul.tickmark-ul {
    padding-left: 0px;
}

ul.tickmark-ul li {
    list-style-type: none;
    padding-left: 40px;
}

    ul.tickmark-ul li:before {
        /*content: '✓';*/
       background-image:url('../images/Icon_keydifferentiator_expertise.png');
        margin-left: -27px;
        position: absolute;
        font-size: 20px;
    }

.whyus-image{
    padding-top: 5px;
}

.whyussection .flex{
    margin-left: 0px; 
    margin-right: 0px;
}
.whyussection .section-content .sub-heading{
    font-size: 25px;
    padding-bottom: 10px;
}

.whyussection .flex .section-content {
    padding: 6.3%;
    color: white;
    font-size: 15px;
}

.whyussection .flex .section-content ul li{
    padding-bottom: 10px;
}

.whyussection .flex .section-content.our-aim {
    background-color: #33a9ee !important;
}

.whyussection .flex .section-content.our-vision {
    background-color: #3163ac !important;
}

.whyussection .flex .section-content.why-choose-us {
    background-color: #389609 !important;
}

/*Services Sub Page*/

.services-subpage .row.section-row{
    /*padding-bottom: 35px;*/
    color: black;
}

.ServicesSection .services-overview{
    padding-left: 0px;
    padding-right: 0px !important;
}


/*About US Sub Page*/

.subpage-banner{
    min-height: auto !important;
}

.subpage-banner .site-banner .banner-header{
    top: 20%;
}

.subpage-banner .site-banner .banner-header h3{
    font-size: 32pt;
    color:#fff;
    padding: 15px;
    background-color:rgba(0,0,0,0.50);
    line-height:125%;
}

/*.aboutus-subpage {
    padding-bottom: 50px;
}*/

/*Global CSS*/
.flex {
    display: flex;
}

.flex-container {
    display: flex;
    align-items: center;
}

.hide-in-md{
    display: none;
}

.office-heading{
    font-size: 20px;
    text-align: center;
}

.office-location{
    text-align: right;
}

.pt-0 {
    padding-top: 0px !important;
}

.pl-2 {
    padding-left: 5px;
}

.pa-0{
    padding: 0px !important;
}

.pt-2{
    padding-top: 10px;
}

.section-content ul li {
    font-size: 15px;
    padding-bottom: 10px;
}

.aboutus-section ul li{
    font-size: 15px;
    padding-bottom: 10px;
}

.pb-0{
    padding-bottom: 0px !important;
}

.seprator{
    border-color: black;
    width: 40%;
    padding-bottom: 15px;
    margin-top: 15px;
}

.page-content ul li {
    font-size: 15px;
    padding-bottom: 10px;
}

/*.hide-in-xs{
    display: block;
}*/

/*Sub Page CTA Section*/

.subpage-cta-section {
    padding: 20px;
    background-color: #d7d7d7;
}

.subpage-cta-section h2{
    margin-top: 0px;
    margin-bottom: 25px;
    font-size: 28px;
}
p.specialNote {
    font-style: italic;
    color: #3163AC;
    font-size: 12pt;
}
/* Carousel Banner */
#myCarousel .carousel-inner .mobileBannerImg{display:none}
#myCarousel .carousel-inner .container.banner-header {
    position: absolute;
    top: 15%;
    max-width: 40%;
    left: 4%;
    color: #fff;
    background-color: rgba(0,0,0, 0.50)
}
#myCarousel .carousel-inner .container.banner-header h3{ font-size: 26px; margin-top: 0px; margin-bottom: 10px;}
#myCarousel .carousel-inner .container.banner-header p.description{font-size:15px; padding-bottom: 14px; padding-top: 6px; margin: 0px 0px 10px; }
/*Carousel Banner*/
@media all and (max-width: 767px) {
    #myCarousel .carousel-inner .mobileBannerImg {
        display: block
    }

    #myCarousel .carousel-inner .desktopBannerImg {
        display: none
    }
    .subpage-banner .site-banner{
        padding-top: 0px;
        width:100%;
    }
    /*.navbar-collapse {
        border-color: transparent !important;
    }*/
    .top-header .navbar-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .nav .active {
        border-bottom: 0px !important;
    }

        .nav .active a {
            background-color: #3163ac !important;
            color: white !important;
        }

    .top-header .nav li.dropdown .dropdown-menu li a {
        background-color: transparent !important;
        padding-bottom: 10px;
    }

    .contact-section .section-content {
        padding-top: 0px !important;
    }

    .banner-img {
        background-color: transparent;
    }

        .banner-img img {
            margin: auto;
        }

    .hide-in-xs {
        display: none;
    }

    .hide-in-md {
        display: block !important;
    }

    .top-header .navbar-header .navbar-toggle {
        border-color: #3163ac;
        background-color: white !important;
    }

        .top-header .navbar-header .navbar-toggle .icon-bar {
            background-color: #3163ac;
        }

    .bg-1 .site-banner .banner-header {
        position: relative;
        margin: 0 auto;
        left: 0;
        top: 0;
        text-align: center;
    }

    .top-header .navigation .navbar .container {
        width: 100%;
    }

    .top-header .navbar-header .navbar-brand h1 {
        font-size: 16px;
    }

    .top-header .navbar-header {
        padding-left: 10px;
    }

        .top-header .navbar-header .navbar-toggle {
            margin-right: 10px;
            background-color: black;
        }

    .nav .dropdown.open .dropdown-toggle {
        background-color: #3163ac !important;
        color: white !important;
    }

    .top-header .navbar-header .navbar-brand .brand-title .ca-text {
        font-size: 12px;
    }

    .top-header .navigation {
        padding-right: 0px !important;
    }

        .top-header .navigation .navbar-inverse .navbar-toggle .icon-bar {
            color: black;
        }

        .top-header .navigation .navbar-inverse .navbar-toggle {
            background-color: black;
        }

    .top-header .row .site-logo .page-header .ca-text {
        font-size: 14px;
    }

    .ServicesSection .services-overview {
        text-align: left;
        /*margin-bottom: 10px !important;*/
    }

    .contact-section .section-row {
        width: 100% !important;
    }

    .contact-section .section-content .row .detail {
        padding-left: 0px;
        padding-right: 0px;
    }

    .overview-text .col-md-12 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .read-more-btn {
        margin-top: 10px;
    }

    .read-more-text-simple {
        height: auto !important;
    }

        .read-more-text-simple a {
            padding-bottom: 15px;
        }

    /*.aboutsection .section-content{
        padding-left: 0px;
        padding-right: 0px;
    }*/

    .section .section-content {
        padding-left: 0px;
        padding-right: 0px;
    }

    .contact-section .section-row {
        padding-left: 15px;
        padding-right: 15px;
    }

    .ServicesSection .section-row .services-header-text {
        padding-left: 0px;
        padding-right: 0px;
    }

    /*Contact Section CSS*/

    .contact-section .contact-section-row {
        width: 100% !important;
        padding-left: 15px;
        padding-right: 15px;
    }

    .contact-section .contact-details .col-md-1 {
        width: 30px;
    }

    .contact-section .contact-details .col-md-11 {
        width: 85%;
    }

    .contact-section .contact-tile.image-tile {
        width: 100%;
        border-top: 0px;
        border-left: 1px solid #eaeaea;
    }

    .contact-section .contact-tile.officeadd-tile {
        margin-bottom: 0px;
        /*border-bottom: 0px;*/
        border-right: 1px solid #eaeaea;
        padding: 0px !important;
    }

        .contact-section .contact-tile.officeadd-tile .address {
            padding: 15px 15px !important;
        }

        .contact-section .contact-tile.officeadd-tile.address2 {
            margin-top: 15px;
        }

    .contact-section .contact-tile.address2 .address {
        height: auto !important;
    }

    .whyus-text {
        padding-top: 15px;
    }

    .whyus-image {
        padding-top: 0px;
    }

    .sectionHeading {
        font-size: 30px !important;
    }

    .center-allignment {
        padding-bottom: 40px !important;
    }

    .contact-section .section-content .row {
        display: block;
    }

    /*Services Section CSS*/

    .ServicesSection .section-content .row {
        margin-right: 0px;
        margin-left: 0px;
        margin-bottom: 15px;
    }

        .ServicesSection .section-content .row .icon {
            border-right: 0px !important;
            text-align: center;
            padding-bottom: 10px;
            /*padding-top: 10px;*/
        }

            .ServicesSection .section-content .row .icon .glyphicon {
                font-size: 30px;
            }

    .ServicesSection .section-row .section-content.services-readmore-btn {
        padding-top: 0px;
    }

    .ServicesSection .section-row .section-content .read-more-text {
        margin-top: 0px !important;
    }

    .contact-section .contact-tile {
        margin-left: 0px !important;
        padding: 15px 15px !important;
    }

    .contact-section .pa-0 {
        padding: 0px !important;
    }

    /*.ServicesSection .section-content .row .icon .glyphicon{
        text-align:center;
    }*/
    .ServicesSection .section-content .row .detail {
        padding-bottom: 0px !important;
    }

    .ServicesSection .section-row {
        display: block;
        width: 100% !important;
        padding-left: 15px;
        padding-right: 15px;
    }

    /*WhyUs Section CSS*/

    .whyussection .flex {
        display: block;
        margin-left: 0px;
        margin-right: 0px;
    }

        .whyussection .flex .section-content {
            padding-left: 15px !important;
            padding-right: 15px !important;
        }

    .aboutus-section .row {
        width: 100% !important;
    }

    /*About Us Sub Page*/
    .aboutus-subpage .home-page-content {
        padding-left: 15px;
        padding-right: 15px;
    }

    .subpage-banner .site-banner .banner-header .center-allignment {
        padding-bottom: 20px !important;
    }

    .subpage-banner .site-banner .banner-header h3 {
        font-size: 25px;
    }

    .services-subpage .row.section-row {
        padding-bottom: 0px !important;
    }

    .flowchart_img img {
        width: 100%;
    }

    .subpage-banner .site-banner .banner-header h3 {
        font-size: 18pt;
        color: #333;
    }
}
@media all and (max-width: 1023px){
    #myCarousel .carousel-inner .container.banner-header {
        position: relative !important;
        top: auto;
        left: auto;
        width:100%;
        max-width: 100% !important;
        text-align: center
    }
    .subpage-banner .site-banner .container.banner-header {
        position: relative !important;
        top: auto;
        left: auto;
        width: 100%;
        max-width: 100% !important;
        text-align: center;
        max-width:100%;
        padding: 0px;
    }
    .subpage-banner .site-banner .banner-header h3{background-color: transparent; color: #333; font-size: 22pt;}
    
}
@media (min-width: 1024px) and (max-width: 1186px) {
    #myCarousel .carousel-inner .container.banner-header{
        max-width: 50%;
    }
}
@media (min-width: 768x) and (max-width: 990px){
    .navbar.top-header .container.navbar-container {
        width: 95% !important;
    }
}