body{
    font-family: 'Poppins', sans-serif;
    font-size:1rem;
    /*300 light, 400 regular, 500 medium, 700 bold*/
}
.scrollx {
    position: fixed;
    top: 101px;
    right: 0;
    height: 132px;
    z-index: 999;
}
.dotstyle ul {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
}
.dotstyle li {
    position: relative;
    display: block;
    margin-bottom: 4px;
    width: 62px;
    height: 62px;
    cursor: pointer;
}
.iconfont{
    font-size:1.6rem;
}
    .dotstyle li a {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding:19px;
        background-color: rgba(0,0,0,0.8);
        cursor: pointer;
        color:white;
        position: absolute;
    }
        .dotstyle li a:hover {
            background-color: rgba(0,0,0,0.8);
            color:#ffc82e;
        }
.yellow{
    color:#ffc82e;
}
.yellowbold{
    color:#ffc82e;
    font-weight:700;
}
.error{
    color: #ffc82e;
}
.imglink{
    text-decoration: none;
}
.norightpad{
    padding-right:0 !important;
}
.inpagetitle{
    color:#ffc82e;
    font-weight:500;
    font-size:2.5rem;
}
.headerhome{
    background-image: url(../images/homehero.png);
    background-color: #000000;
    background-repeat: no-repeat;
    background-position: center;
    background-size:cover;
    height: 828px;
    min-height: 828px;
    max-height: 828px;
    width: 100%;
    padding-top: 47px;
}
.headerpage{
    background-color: #000000;
    background-repeat: no-repeat;
    background-position: center;
    background-size:cover;
    height: 579px;
    min-height: 579px;
    max-height: 579px;
    width: 100%;
    padding-top: 47px;
}
.herotext{
    font-size: 4.85rem;
    font-weight: 700;
    color: white;
    text-align: center;
}
.hpadhome{
    line-height:0.9;
    padding-top:207px;
}
.herotextsmaller{
    padding-top:14px;
    text-align:center;
    color: white;
    font-size: 2.5rem;
}
.hpadabout{
    padding-top:158px;
}
.abouthero{
    background-image: url(../images/aboutus.png);
}
.serviceshero{
    background-image: url(../images/services.png);
}
.testimonialshero{
    background-image: url(../images/testimonials.png);
}
.contacthero{
    background-image: url(../images/contact.png);
}
.logocol{
    padding-top:16px;
}
.mobnav{
    background-color: #ffc82e !important;
}
.navhx{
    padding-top:83px;
    padding-left:14px;
}
a.nhl {
    color:white;
    font-weight:500;
    padding-left:0;
    padding-right:0;
    padding-bottom:1px;
    margin-left:1rem;
    margin-right:1rem;
}
a.nhl:hover, a.nhlactive{    
    border-bottom:3px solid #ffc82e;
}
a.mnl {
    color:#383838 !important;
    font-weight:500;
    margin-left:1rem;
    margin-right:1rem;
}
.mainpart{
    min-height:566px;
    padding-top:78px;
}
.captiontext{
    width:87%;
    margin-left:auto;
    margin-right:auto;
}
.mptextp{
    padding-top:13px;
}
.yellowtickl{
    padding-left:0;
    list-style: none;
}
.yellowtickl > li{
    background-image:url(../images/yellowtick.png);
    background-repeat:no-repeat;
    padding-left:22px;
    padding-bottom: 19px;
    line-height:1.1;
}
.mpp{
    margin-top:-14px;
}
.hometextpanel{
    background-image:url(../images/homeprefooter.png);
    background-repeat:no-repeat;
    background-position:left;
    min-height:363px;
    max-height:363px;
    padding-top:74px;
    width:100%;
}
.htppad{
    padding-left:20px;
}
.htpp{
    line-height: 1.3;
    padding-left: 18px;
}
.aboutpage{
    min-height:470px;
    padding-top:84px;
}
.expad{
    padding-bottom:5px;
}
.newsltitle{
    color:#383838;
    font-weight:500;
    font-size:2.5rem;
    margin-bottom:40px;
}
.newsletters{
    min-height:399px;
    width:100%;
    background-color:#F2F2F2;
    padding-top:70px
}
.pdfdl{
    padding-left:0;
    color:white;
    font-weight:300;
    font-size:1.2rem;
    max-width: 478px;
    list-style: none;
}
.pdfdl > li{
    background-image:url(../images/pdf.png);
    background-repeat:no-repeat;
    padding-left:44px;
    padding-bottom: 19px;
    line-height:1.1;
}
a.newsl{
    font-weight:400;
    color:#383838;
    text-decoration:none;
    font-size:1rem;
}
.servicesmain{
    min-height:642px;
    padding-top:71px;
}
a.servicess {
    width:129px;
    height:210px;
    display:inline-block;
    margin-right: 39px;
    padding-top:156px;
    color:#595959;
    font-weight:700;
    text-decoration:none;
    background-repeat:no-repeat;
    margin-top:13px;
    margin-bottom:8px;
}
a.servicess:hover{
    color:#ffc82e;
    text-decoration:underline;
}
.sonel {
    background-image: url('../images/accountancy-2.png');
}
    .sonel.cactive, .sonel:hover {
        background-image: url('../images/accountancy-1.png');
        color:#ffc82e;
        text-decoration:underline;
    }
.stwol {
    background-image: url('../images/tax-2.png');
}
    .stwol.cactive, .stwol:hover {
        background-image: url('../images/tax-1.png');
        color:#ffc82e;
        text-decoration:underline;
    }
.sthreel {
    background-image: url('../images/payroll-2.png');
}
    .sthreel.cactive, .sthreel:hover {
        background-image: url('../images/payroll-1.png');
        color:#ffc82e;
        text-decoration:underline;
    }
.sfourl {
    background-image: url('../images/sec-2.png');
}
    .sfourl.cactive, .sfourl:hover {
        background-image: url('../images/sec-1.png');
        color:#ffc82e;
        text-decoration:underline;
    }
.sfivel {
    background-image: url('../images/formation-2.png');
        margin-right: 0 !important;
}
    .sfivel.cactive, .sfivel:hover {
        background-image: url('../images/formation-1.png');
        color:#ffc82e;
        text-decoration:underline;
    }
.sonep, .stwop, .sthreep, .sfourp, .sfivep{
    text-align: left;
    width: 830px;
    margin-left: auto;
    margin-right: auto;
}
.pointerx{
    display:inline-block !important; 
    width:19px !important; 
    height:19px !important; 
}
.pointerone{margin-left:61px;}
.pointertwo{margin-left:233px;}
.pointerthree{margin-left:405px;}
.pointerfour{margin-left:577px;}
.pointerfive{margin-left:749px;}
.servline{
    background-color:#aeaeae;
    height:4px;
    margin-top:-5px;
}
.servtext{
    color:#595959;
    padding-top:30px;
}
.stnext{
    padding-top:0;
}
.servicespanel{
    min-height:412px;
    background-color:#383838;
    padding-top:70px;
    text-align:center;
}
a.serviceshome {
    width:129px;
    height:210px;
    display:inline-block;
    margin-right: 39px;
    padding-top:156px;
    color:white;
    font-weight:700;
    text-decoration:none;
    background-repeat:no-repeat;
    margin-top:13px;
    transition: background 1s;
    -webkit-transition: background 1s;
    -moz-transition: background 1s;
    -o-transition: background 1s;
}
a.serviceshome:hover{
    color:#ffc82e;
    text-decoration:underline;
    transition: background 1s;
    -webkit-transition: background 1s;
    -moz-transition: background 1s;
    -o-transition: background 1s;
}
.shonel {
    background-image: url('../images/home-accountancy-2.png');
}
    .shonel.shactive, .shonel:hover {
        background-image: url('../images/home-accountancy-1.png');
    }
.shtwol {
    background-image: url('../images/home-tax-2.png');
}
    .shtwol.shactive, .shtwol:hover {
        background-image: url('../images/home-tax-1.png');
    }
.shthreel {
    background-image: url('../images/home-payroll-2.png');
}
    .shthreel.shactive, .shthreel:hover {
        background-image: url('../images/home-payroll-1.png');
    }
.shfourl {
    background-image: url('../images/home-sec-2.png');
}
    .shfourl.shactive, .shfourl:hover {
        background-image: url('../images/home-sec-1.png');
    }
.shfivel {
    background-image: url('../images/home-formation-2.png');
        margin-right: 0 !important;
}
    .shfivel.shactive, .shfivel:hover {
        background-image: url('../images/home-formation-1.png');
    }
.testimpage{
    min-height:500px;
    padding-top:70px;
}
.testimpanel{
    padding-top:43px;
}
.testquote{
    color:#595959;
    font-weight:400;
}
.testperson{
    font-weight:700;
    color:#595959;
    margin-top:-2px;
}
.testimtext{
    min-height:150px;
}
.tbuttonsrow{
    padding-top:15px;
}
.my-custom-class-for-label{
    color:#ffc82e;
    background-color:#ffc82e;
}
.swiper-pagination {
    position: unset !important;
    text-align: left !important;
    padding-top:12px;
    padding-bottom:20px;
}
.btnyellowjahsmall, span.swiper-pagination-bullet{
    background-color: #ffc82e;
    color: #383838;
    border-radius: 21px;
    font-size: 0.95rem;
    font-weight: 700;
    border: none;
    padding-top: 11px;
    padding-bottom: 11px;
    width: 47px;
    height:43px;
    opacity:1;
    text-align:center
}
.btnyellowjahsmall:active, .btnyellowjahsmall:focus, .btnyellowjahsmall:hover, .bactive, span.swiper-pagination-bullet-active {
    background-color: #383838 !important;
    color: #ffc82e !important;
    outline:none !important;
    box-shadow:none !important;
}
.controw{
    padding-top:86px;
    min-height:851px;
}
a.contlink{
    text-decoration:underline;
    color:#383838;
}
.contacttext{
    padding-bottom:27px;
}
.jahform{
        border-radius: 28px;
    border: 3px solid #aeaeae;
}
.jahform:focus, .jahform:active{
    outline:none;
    border-color:#aeaeae;
    box-shadow:none;
}
label{
    font-weight:700;
    margin-bottom:0;
}
.btnrow{
    padding-top:4px;
    padding-bottom:18px;
}
#map{
    min-height:321px;
    width:100%;
    background-color:#333333;
    
}
.contactpanel{
    background-image: url(../images/contactprefoot.png);
    background-color: #000000;
    background-repeat: no-repeat;
    background-position: center;
    background-size:cover;
    min-height: 321px;
    width: 100%;
    padding-top: 105px;
}
.cptext{
    color: white;
    font-size: 1.5rem;
    font-weight: 300;
    padding-bottom: 6px;
}
.btnyellowjah{
    background-color: #ffc82e;
    color: #383838;
    border-radius: 21px;
    font-size: 0.95rem;
    font-weight: 700;
    border: none;
    padding-top: 11px;
    padding-bottom: 11px;
    width: 230px;
}
.btnyellowjah:hover, .btnyellowjah:focus, .btnyellowjah:active/*, .btnyellowjah:*/  {
    color: #ffc82e !important;
    background-color: #383838 !important;
    outline:none !important;
    box-shadow:none !important;
}
.prefooter{
    background-color:#000000;
    width:100%;
    min-height:286px;
    padding-top:79px;
}
.pftitle{
    color:#ffc82e;
    font-size:1.1rem;
    font-weight:700;
    margin-bottom:17px;
}
a.pflink{
    color:white;
    text-decoration:none;
    font-size:1rem;
}
a.pflink:hover{
    text-decoration:underline;
}
ul.pfltext > li{
    color:white;
    font-size:1rem;
    margin-bottom:-4px;
}
.footer{
    border-top:1px solid #2c2c2e;
    width:100%;
    background-color:#19191b;
    min-height:48px;
    padding-top:11px;
}
.footertext{
    color:white;
    font-size:0.95rem;
}
a.yellowflink{
    color:#ffc82e;
    text-decoration:underline;
    font-size:0.95rem;
    font-weight:700;
}
@media screen and (max-width: 1200px) {
    .hometextpanel{
        background-position:-70px;
        padding-top:54px;
        width:100%;
    }
    .htppad{
        padding-left:40px;
    }
}
@media screen and (max-width: 992px) {
    .scrollx {
        position: absolute;
        top: 59px;
    }
    .hometextpanel {
        background-image: none;
        min-height: 100%;
        max-height: 100%;
        padding-bottom: 30px;
    }
    .servicespanel {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    a.serviceshome {
        margin-right: 10px;
        margin-left: 10px;
    }
    .testimpage {
        padding-top: 35px;
        padding-bottom: 35px;
    }
    .testimpanel {
        padding-top: 20px;
    }
    .servicesmain{
        padding-top:35px;
        padding-bottom:35px;
    }
    a.servicess {
        margin-right: 10px;
        margin-left: 10px;
    }
    .servline, .pointerone, .pointertwo, .pointerthree, .pointerfour, .pointerfive {
        display: none;
        visibility: hidden
    }
    .sactive{
        width:100%;
    }
    .controw{
        padding-top:40px;
        padding-bottom:40px;
    }
    .prefooter{
        padding-top:30px;
        padding-bottom:30px;
    }
}
@media screen and (max-width: 768px) {
    .imgfluidxx {
        max-width: 100%;
        height: auto;
    }
    .logocol{
        text-align:center;
    }
    .headerhome{
        height:100%;
        min-height:100%;
        max-height:100%;
        background-image:none;
        padding-bottom:40px;
    }
    .hpadhome{
        line-height:0.9;
        padding-top:80px;
    }
    .headerpage{
        height:100%;
        min-height:100%;
        max-height:100%;
        background-image:none;
        padding-bottom:40px;
    }
    .abouthero, .serviceshero, .testimonialshero, .contacthero{
        background-image: none;
    }
    .hpadabout{
        padding-top:80px;
    }
    .herotext{
        font-size:2.8rem;
    }

    .btnyellowjahsmall{
        margin-bottom:6px;
    }
    .contactpanel{
        padding-top: 70px;
        padding-bottom: 30px;
    }
}