/*
Theme Name: Oracel Business Accountants
Author: Digital Accord
Version: v1.0
Author URI: https://digitalaccord.com.au/website-design
*/
@import url('https://fonts.googleapis.com/css2?family=Muli:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&display=swap');
/*
font-family: 'Muli', sans-serif;
font-family: 'Oxygen', sans-serif;

*/
body{
    font-family: 'Muli', sans-serif;
    background: #000;
}
header{
    background: #000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
}
.home header{
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.81) 0%, rgba(0, 0, 0, 0.3) 100%) !important;
}
.home header.solid{
	background: #000 !important;
}

.hero{
    overflow: hidden;
}

.hero video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  /*animation: videofade 1s;
  animation-delay: 2.5s;*/
}
.hero.phone{
    display: none;
}
.dark-header{
    background: #000 !important;
}
.oracle-nav{

}
.nav-link{
    font-family: 'Oxygen', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.1em;
    color: #FFFFFF !important;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
}
.nav-link:hover{
    color: #00A850 !important;
}
.navbar-brand img{
    position: relative;
    z-index: 3;
}
.sub-menu{
    padding: 0;
}
.sub-menu li{
    display: block;
    margin-bottom: 12px;
}
.sub-menu li:last-child{
    margin-bottom: 0;
}
.sub-menu .nav-link{
    font-family: 'Oxygen', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.05em;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.5) !important;
    position: relative;
    text-align: left !important;

}
.nav-item .sub-menu h3{
    font-family: 'Oxygen', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.05em;
    color: #FFFFFF;
}
.nav-item{
    position: relative;
}
.nav-item:focus .nav-link{
    color: #00A850;
}
/*** Hamburget ***/
.hamburger:focus{
    outline: 0;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{
    background-color: #fff !important;
}
/*** Hamburget **/
a.nav-link.callnow{    
    padding-top: 14px;
    padding-bottom: 14px;
    font-weight: bold;
}
a.nav-link.callnow:hover {
    background-color: #00A850;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    color: #000 !important;
}
.sub-menu{
    position: absolute;
    width: 200px;
    overflow: hidden;  
    opacity: 0; 
    top: -999px;
}
.sub-menu.social{
    width: 150px;
}

.sub-menu .nav-link:before{
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #00A850;
    content: "";
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}
.sub-menu .nav-link:hover{
    text-decoration: none;
    color: #fff;
}
.sub-menu .nav-link:hover:before{
    width: 50%;
}
#navbarSupportedContent .navbar-nav{
    position: relative;
}
#navbarSupportedContent .navbar-nav .nav-item{
    z-index: 9;
}

/**** Reverse transition ****/
.dropitdown{
   transition: opacity .75s ease;
   -webkit-transition: opacity .75s ease;
   -moz-transition: opacity .75s ease;
   -o-transition: opacity .75s ease;
}
/**** dissolve transition ****/
/*#navbarSupportedContent .navbar-nav:hover .dropitdown
{
    top: -22px;
    opacity: 1;
    
}*/
#navbarSupportedContent .navbar-nav .dropitdown.downnow{
    top: -22px;
    opacity: 1;
    transition: top .76 ease, opacity .75s ease;
   -webkit-transition: top .76 ease, opacity .75s ease;
   -moz-transition: top .76 ease, opacity .75s ease;
   -o-transition: top .76 ease, opacity .75s ease;
}
.nav-item:hover .sub-menu li a {
    color: #fff !important;
}
.expandable {
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: top;
    overflow: hidden;
    max-width: 80px;
    height: 80px;
    padding: 12px 15px !important;
    background: transparent !important;
    color: #00A850 !important;
    border: 2px solid #00A850 !important;
}
.expandable.inverse{
    background: #000 !important;
    color: #00a850 !important;
    margin-top: 60px;
}
.expandable span{
    display: none;
}
.btn.expandable i{
    margin-left: 0px;
    display: inline-block;
}
.expandable:hover {
    max-width: 280px;
    padding: 11px 40px !important;
}
.expandable:hover span {
    display: inline-block;
}
.expandable:hover i {
    margin-left: 10px;
}
.hero{
    /*background: url(images/hero-bg-pattern-1.png) #000;*/
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    align-items:center;
    justify-content: center;
    position: relative;
    background-repeat: no-repeat;
}
.hero:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(131, 131, 131, 0) 0%, #000000 100%);   
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -webkit-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    z-index: -1;
}
.hero .container{
    z-index: 2;
}
.hero h1{
    font-family: 'Muli', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 66px;
    line-height: 84px;
    color: #FFFFFF;
    margin-bottom: 38px;
}
.hero p{
    font-family: Muli;
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0.05em;
    margin-bottom: 35px;
    color: #FFFFFF;
}
.btn{
    padding: 28px 50px;
    border: none;
    font-family: 'Oxygen';
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 23px;
    text-align: right;
    letter-spacing: 0.05em;
    color: #000000;
}
.btn-oracle{
    background: #00A850;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border: 3px solid transparent;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    text-transform: uppercase;
}
.btn-oracle.black{
    background-color: #000 !important;
    color: #00A850 !important;
}
.btn i{
    margin-left: 10px;
}
.btn-oracle:hover{
    background: transparent;
    border: 3px solid #fff;
    color: #fff;
}
.who-we-are{
    padding: 60px 0 120px 0px;
    background: linear-gradient(0deg, #000000, #000000);
    position: relative;
}

.what-we-do .container{
    position: relative;
    z-index: 2;
}

.who-we-are h2{
    font-family: 'Muli', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 48px;
    line-height: 60px;
    letter-spacing: 0.05em;
    color: #FFFFFF;
    transform: translateY(25px);
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
}
.who-we-are h2.pullup{
    transform: translateY(0px);
}
.who-we-are p{
    font-family: 'Muli', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 36px;
    transform: translateY(55px);
    letter-spacing: 0.03em;
    color: #FFFFFF;
    transition: all 1.1s ease;
    -moz-transition: all 1.1s ease;
    -webkit-transition: all 1.1s ease;
    -o-transition: all 1.1s ease;
}
.who-we-are img{
    transform: translateY(25px);
    transition: transform 1s ease;
    -moz-transition: transform 1s ease;
    -webkit-transition: transform 1s ease;
    -o-transition: transform 1s ease;
}

.who-we-are .expandable{
    transform: translateY(85px);
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
}

.who-we-are p.pullup{
    transform: translateY(25px);
}
.who-we-are #desk-who-we-are-btn.pullup
{
    transform: translateY(60px);
}
.who-we-are #phone-who-we-are-btn.pullup{
    transform: translateY(30px);
}
#desk-who-we-are-thumb,
#phone-who-we-are-thumb{
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
}
#desk-who-we-are-thumb.pullup,
#phone-who-we-are-thumb.pullup{
    transform: translateY(0px);
}
.streak{
    position: absolute;
    top: 135px;
    left: 0%;
    width: 0%;
    height: 2px;
    background: #00A850;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.streak.pullup,
.what-we-do.steakon .streak{
    width: 50%;
}

/******* About us ********/

.who-we-are.about-us{
    background: #fff;
    overflow: hidden;
    padding: 50px 0px 0px 0px;
}
.who-we-are.about-us h2,
.who-we-are.about-us p{
    color: #000;
}
.btn-oracle.filled-green{
    background: #00A850;
    color: #fff;
    border: 2px solid #00A850;
    margin-top: 30px;
}
.btn-oracle.filled-green:hover{
    color: #00A850;
    background: #fff;
}
.about-us .movingcircle{
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
}
.streak.expand{
    top: 190px;
    width: 50%;
}
.who-we-are.about-us .btn{
    margin-top: 50px;
}
.who-we-are.about-us img{
    filter: drop-shadow(30px 30px 50px rgba(0, 168, 80, 0.25));
    -webkit-filter: drop-shadow(30px 30px 50px rgba(0, 168, 80, 0.25));
    -moz-filter: drop-shadow(30px 30px 50px rgba(0, 168, 80, 0.25));
    -o-filter: drop-shadow(30px 30px 50px rgba(0, 168, 80, 0.25));
}
.who-we-are.about-us.steakon h2{
    transform: translateY(0);
}
.who-we-are.about-us.steakon p{
    transform: translateY(30px);
}
.who-we-are.about-us.steakon img{
    transform: translateY(0px);
}
.who-we-are.about-us.steakon .streak{
    width: 50%;
    top: 120px;
    z-index: 1;
}
#our-team-title{
    transform: translateY(25px);
    transition: transform .4s linear;
    -webkit-transition: transform .4s ease;
    -moz-transition: transform .4s ease;
    -o-transition: transform .4s ease;
}
#our-team-list .staffmember{
    transform: translateY(25px);
    transition: transform .6s linear;
    -webkit-transition: transform .6s ease;
    -moz-transition: transform .6s ease;
    -o-transition: transform .6s ease;
}
#our-team-title.pulled,
#our-team-list .staffmember.pulled{
    transform: translateY(0px);
}
#our-team-title.pulled:before{
    width: 100%;
}
.about-us .movingcircle li{
    background: radial-gradient(46.81% 46.81% at 68.47% 38.77%, rgba(0, 168, 80, 0.5) 0%, rgba(0, 168, 80, 0) 100%), rgba(0, 168, 80, 0.3);
    border: 2px solid rgba(255, 255, 255, 0.2);
    box-sizing: border-box;
    box-shadow: 10px 10px 10px rgba(0, 168, 80, 0.25);
    transform: rotate(-90deg);
}
.about-us .movingcircle li:first-child{
    right: auto;
    left: 60%;
    top: 3%;
    width: 80px;
    height: 80px;
    animation: move1 45s ease infinite;
}
.about-us .movingcircle li:nth-child(2){
    right: 10%;
    top: 50%;
    left: auto;
    width: 120px;
    height: 120px;
    animation: move2 45s ease infinite;    
}
.page-header .movingcircle.abt li:nth-child(1) {
    right: 0;
    top: 105%;
    left: auto;
    width: 350px;
    height: 350px;
    animation: move3 50s ease infinite;
    z-index: 3;
}
.page-header .movingcircle {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
}
.who-we-are.about-us .container{
    position: relative;
    z-index: 5;
}
.staffmember img{
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 2px solid #00A850;
    position: relative;
}
.member-thumb{
    position: relative;
}
.member-thumb:before{
    background: radial-gradient(46.81% 46.81% at 68.47% 38.77%, rgba(0, 168, 80, 0.5) 0%, rgba(0, 168, 80, 0) 100%), rgba(0, 168, 80, 0.1);
    border: 2px solid rgba(255, 255, 255, 0.2);
    box-shadow: 10px 10px 10px rgba(0, 168, 80, 0.25);
    position: absolute;
    top: 0;
    right: 35px;
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    max-width: 240px;
    max-height: 240px;
    transform: rotate(90deg);
}
/*** Page Title ***/

.page-header{
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(images/hero-bg-pattern-1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    min-height: 35vh;
    position: relative;
}
.page-header:before{
    /*background: url(images/page-header-transparent-inverse.png);*/
    background: url(images/svgs/page-header-inverse-transparent.svg);
    width: 100%;
    height: 121px;
    bottom: -1px;
    left: 0px;
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(180deg);
    z-index: 1;
}
.page-header h1{
    font-family: 'Muli',sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 48px;
    line-height: 60px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #FFFFFF;
    text-transform: capitalize;
}
.service-content{
    position: relative;
    z-index: 2;
    padding: 50px 0px 170px 0px;
    background-color: #fff;
}
.service-content h2{
    font-family: 'Muli', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 48px;
    line-height: 60px;
    letter-spacing: 0.05em;
    position: relative;
    color: #000000;
}
.service-content p{
    font-family: 'Oxygen', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 36px;
    letter-spacing: 0.05em;
    color: #000000;
}
.service-content .service-sub-heading{
    font-family: 'Oxygen', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0.05em;
    color: #000000;
    margin: 30px 0px;
}
.service-thumb-round img {
    transform: translateY(25px);
    transition: transform 1s ease;
    -webkit-transition: transform 1s ease;
    -moz-transition: transform 1s ease;
    -o-transition: transform 1s ease;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 2px solid #00A850;
    filter: drop-shadow(30px 30px 50px rgba(0, 168, 80, 0.25));
}
.service-thumb-rounded{
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 2px solid #00A850;
    filter: drop-shadow(30px 30px 50px rgba(0, 168, 80, 0.25));
}
.inview.service-content .service-sub-heading{
    transform: translateY(0px);
}
.inview.service-content h2{
    transform: translateY(0px);
}
.inview.service-content .service-thumb-round img{
    transform: translateY(0px);
}
.service-feat-title{
    font-family: 'Oxygen', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.05em;
    color: #00A850;    
}
.service-feats figure {
    border: 2px solid #00A850;
    padding: 15px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
/*.service-content:before {
    position: absolute;
    top: 135px;
    left: 0;
    background: #00Ab50;
    content: "";
    width: 0%;
    height: 2px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
}*/
.inview.service-content:before{
    width: 50%;
}
.inview.success-stories-sec.service-content:before{
    width: 63%;
}
.story-thumb img{
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
.stories .slick-dots li button::before {
    width: 12px !important;
    height: 12px !important;
    color: #C4C4C4 !important;
    font-size: 12px !important;
    opacity: 1;
}

.stories .slick-dots li.slick-active button:before {
    opacity: 1;
    color:  rgba(0, 168, 80, 0.5) !important;
}
/** Page Title ***/
/******* About us ********/
section:focus{
    outline: none;
}
.what-we-do .streak{
    left: auto;
    right: 0;
    background: #fff;
}

.what-we-do{
    background: #00A850;
    padding: 30px 0;
    position: relative;
    z-index: 2;
    overflow: hidden;
}
.what-we-do .container{
    position: relative;
    z-index: 3;
}
.slid{
    position: relative;
}
.navig {
    padding: 0;
    margin: 0;
}
.navig div {
    list-style: none;
    margin-bottom: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
}
.navig div a {
    background: rgba(255, 255, 255, 0.1);
    border: 2px solid rgba(255, 255, 255, 0.5);
    width: 13px;
    height: 13px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    display: block;
}
.navig div a.active{
    background: rgba(255, 255, 255, 0.5);
}
.navig div:nth-child(1)
{
    transform: rotate(-60deg) translate(226px);
}
.navig div:nth-child(2)
{
    transform: rotate(-50deg) translate(220px);
}
.navig div:nth-child(3)
{
    transform: rotate(-40deg) translate(215px);
}
.navig div:nth-child(4)
{
    transform: rotate(-30deg) translate(210px);
}
.navig div:nth-child(5)
{
    transform: rotate(-20deg) translate(205px);
}
.navig div:nth-child(6)
{
    transform: rotate(-10deg) translate(198px);
}
.navig div:nth-child(7)
{
    transform: rotate(0deg) translate(200px);
}
.navig div:nth-child(8)
{
    transform: rotate(10deg) translate(195px);
}

/**** Mobile Navigation ***/

/******** Our team ********/
.our-team,
.blog-list{
    padding: 60px 0px 130px 0px;
    background-color: #fff;
}
.our-team h2{
    font-family: 'Muli', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 48px;
    line-height: 60px;
    text-align: center;
    letter-spacing: 0.05em;
    color: #000000;
    margin-bottom: 90px;
    position: relative;
}
.our-team h2:before {
    background: #00A850;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    width: 0%;
    height: 2px;
    content: "";
    position: absolute;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    left: 0;
    bottom: -10px;
}
.our-team.inview h2:before{
    width: 100%;
}
.our-team h3{
    font-family: 'Oxygen', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.05em;
    color: #000000;
    margin-top: 40px;
    margin-bottom: 15px;
}  
.our-team p{
    font-family: 'Oxygen', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.05em;
    color: #000000;
}

/******** Our team ********/

.body-no-scroll{
    overflow: hidden;
}
.mobile-navigation{
    position: fixed;
    left: 0;
    background-color: #000;
    width: 100%;
    height: calc(100vh - 97px);
    z-index: 9;
    top: 97px;
    overflow: hidden;
    left: -100%;
    transition: all .3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transition: all .3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -moz-transition: all .3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: all .3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.mobile-navigation .container-fluid{
    position: relative;
    min-height: 100%;
    padding-top: 50px;
}
.mobile-navigation.opened{
    left:0;
}
.mobile-navigation .nav-item{
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}
.flown-away{
    position: absolute;
    left: -100%;
}
.nav-footer{
    position: absolute;
    bottom: 16%;
    left: 15px;
}
.socialicons{
    padding: 0;
}
.socialicons li{
    list-style: none;
    display: inline-block;
    margin-right: 15px;
}
.socialicons li:last-child{
    margin-right: 0;
}
.socialicons li a{
    display: block;
    text-decoration: none;
}
.socialicons li a i{
    font-size: 30px;
    color: rgba(255,255,255, 0.95);
}
.socialicons li a:hover i{
    color: rgba(255,255,255, 1);
}
.call-now{
    font-family: 'Oxygen', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    /* or 120% */

    letter-spacing: 0.05em;

    color: #00A850;
    text-decoration: none;
}
.call-now:hover{
    color: #00a850;
    text-decoration: none;
}
.call-now i{
    color: #00A850;
    transform: rotate(-45deg);
    margin-right: 15px;
}
.nav-body .nav-link{
    font-family: 'Muli', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 30px;
    /* identical to box height, or 233% */
    padding: 0;
    letter-spacing: -0.02em;
    text-transform: capitalize;
    color: #FFFFFF;
}
.nav-footer .socialicons{
	margin-bottom: 10px;
}
.nav-footer .socialicons li a i{
	font-size: 25px;
}
.nav-footer .call-now{
	font-size: 18px;
}
.sub-navbar-nav-item{
    list-style: none;
}
.sub-navbar-nav-item .nav-link{
    font-family: 'Muli', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 30px;
    /* or 200% */

    letter-spacing: -0.02em;
    text-transform: capitalize;

    color: #FFFFFF;
}
.navbar{
    padding: 0;
}
.showsubmenu{
    margin-left: 10px;
    position: absolute;
    right: 30px;
}
/**** Mobile Navigation ***/
.what-we-do h2{
    font-family: 'Muli',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 48px;
    line-height: 60px;
    letter-spacing: 0.1em;
    color: #000000;
    transform: translateY(25px);
    transition: transform 1s ease-in-out;
    -moz-transition: transform 1s ease-in-out;
    -webkit-transition: transform 1s ease-in-out;
    -o-transition: transform 1s ease-in-out;
}

.post-cnt h2{
    font-size: 24px;
    line-height: 30px;
}

.what-we-do h4{
    font-family: 'Muli',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 36px;
    line-height: 45px;
    letter-spacing: 0.1em;
    color: #000000;
    margin-top: 50px;
    transform: translateY(25px);
    transition: transform 1.1s ease-in-out;
    -moz-transition: transform 1.1s ease-in-out;
    -webkit-transition: transform 1.1s ease-in-out;
    -o-transition: transform 1.1s ease-in-out;
}
.shapeup.what-we-do h2,
.shapeup.what-we-do h4,
.shapeup.what-we-do p{
    transform: translateY(0px);
}
.what-we-do p{
    font-family: 'Oxygen', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 36px;
    letter-spacing: 0.05em;
    color: #000000;
    margin-top: 30px;
    transform: translateY(25px);
    transition: transform 1.2s ease-in-out;
    -moz-transition: transform 1.2s ease-in-out;
    -webkit-transition: transform 1.2s ease-in-out;
    -o-transition: transform 1.2s ease-in-out;
}

.success-stories {
    padding: 100px 0 221px 0;
    position: relative;
    background: #fff;
}

.success-stories h2 {
    font-family: 'Oxygen', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 48px;
    line-height: 61px;
    text-align: center;
    letter-spacing: 0.1em;
    padding-bottom: 10px;
    color: #000000;
    margin-bottom: 50px;
    position: relative;
    transform: translateY(25px);
    transition: transform 1.1s ease-in-out;
    -webkit-transition: transform 1.1s ease-in-out;
    -moz-transition: transform 1.1s ease-in-out;
    -o-transition: transform 1.1s ease-in-out;
}
.stories.slick-slider{
    transform: translateY(25px);
    transition: transform 1.2s ease-in-out;
    -webkit-transition: transform 1.2s ease-in-out;
    -moz-transition: transform 1.2s ease-in-out;
    -o-transition: transform 1.2s ease-in-out;
}
.btn:focus,.btn:active {
   outline: none !important;
   box-shadow: none;
}
.our-jobs-thumbs .slick-slide img{
    max-width: 100%;
    height: auto;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    transform: scale(.99);
    transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -o-transition: all .6s ease;
}
.our-jobs-slider:hover .slick-slide img{
    transform: scale(1);
}
.our-jobs-slider .navig div a{
    transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -o-transition: all .6s ease;
}
.our-jobs-slider:hover .navig div a{
    width: 15px;
    height: 15px;
}
.our-jobs-slider:hover .navig div a:hover{
    width: 16px;
    height: 16px;
}
.inview.success-stories .stories.slick-slider,
.inview.success-stories h2{
    transform: translateY(0px);
}
.success-stories h2:before {
    position: absolute;
    bottom: -5px;
    content: "";
    left: 0;
    width: 0%;
    height: 2px;
    background: #00A850;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
}
.inview.success-stories h2:before{
    width: 50%;
}
.slick-slide {
    outline: none
}
.slick-prev{
    left: 0 !important;
}
.slick-next{
    right: 0 !important;
 }

 .slick-prev:before, .slick-next:before{
     display: none;
 }
 .slick-arrow i {
    color: #00A850;
    font-size: 22px;
}
.slick-arrow{
    border: 2px solid #00A850 !important;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 50px !important;
    height: 50px !important;
    z-index: 1;
    transition: background .9s ease;
    -webkit-transition: background .9s ease;
    -moz-transition: background .9s ease;
}
.slick-arrow:hover{
    background: #00A850 !important;
}
.slick-arrow:hover i{
    color: #fff;
}
.slick-prev, .slick-next{
    background: #fff !important;
}
/*.slick-next{
    background: url(images/slick-arrow-only.png) !important;
    
    text-indent: -999999px;
    background-size: contain !important;
    transform: rotate(180deg);
    border: 2px solid #00a850;
}

.slick-prev{
    background: url(images/slick-arrow-only.png) !important;
    width: 50px !important;
    height: 50px !important;
    text-indent: -999999px;
    background-size: contain !important;
    border: 2px solid #00a850;
}
.slick-next:hover{
    background: url(images/svgs/slick_next.svg) !important;
} */
.story-thumb,.story-body{
    margin-bottom: 30px;
}
.story-body p,
.story-author p{
    font-family: 'Oxygen', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 36px;
    /* or 200% */

    text-align: center;
    letter-spacing: 0.05em;

    color: #000000;
}
.talk-to-us{
    background-color: #000;
    padding: 30px 0;
    position: relative;
}
.talk-to-us .container{
    position: relative;
    z-index: 2;
}
.shape-before-talk-to-us{
    position: relative;
}
.single .shape-before-talk-to-us:before,
.page .shape-before-talk-to-us:before{
    z-index: 2;
}

.shape-before-talk-to-us:before{
    background: url(images/svgs/arc_black.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    height: 140px;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    z-index: 1;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transform: translateY(-120px);
}
.pullup.shape-before-talk-to-us:before{
    transform: translateY(-30px);
}
#talk-to-us-para.pullup a:before{
    width: 100%;
}
.talk-to-us h2{
    font-family: 'Oxygen', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 48px;
    line-height: 36px;
    /* identical to box height, or 75% */
    text-align: center;
    letter-spacing: 0.1em;
    color: #FFFFFF; 
    margin-bottom: 48px;
    transform: translateY(25px);
    transition: all 1.1s ease-in-out;
    -moz-transition: all 1.1s ease-in-out;
    -webkit-transition: all 1.1s ease-in-out;
    -o-transition: all 1.1s ease-in-out;
}
.talk-to-us p{
    font-family: 'Oxygen', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 36px;
    text-align: center;
    letter-spacing: 0.1em;
    transform: translateY(25px);
    color: #FFFFFF;
    transition: all 1.2s ease-in-out;
    -moz-transition: all 1.2s ease-in-out;
    -webkit-transition: all 1.2s ease-in-out;
    -o-transition: all 1.2s ease-in-out;
}
#talk-to-us-head.pullup,
#talk-to-us-para.pullup{
    transform: translateY(0px);
}
.talk-to-us p a{
    color: #fff;
    text-decoration: none;
    position: relative;
    display: inline-block;
}
.talk-to-us p a:before{
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #00A850;
    content: "";
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
}
footer .container{
    transform: translateY(25px);
    transition: all 1.5s ease-in-out;
    -webkit-transition: all 1.5s ease-in-out;
    -moz-transition: all 1.5s ease-in-out;
    -o-transition: all 1.5s ease-in-out;
}
footer.triggerit .container{
    transform: translateY(0px);
}
footer{
    background-color: #000;
    padding: 60px 0;
}
.bounceup{
    transform: translateY(100px);
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
}
.inview.bounceup{
    transform: translateY(0px);
}

footer .wtitle{
    font-family: Oxygen;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 36px;
    letter-spacing: 0.05em;
    margin-bottom: 30px;
    color: rgba(255, 255, 255, 0.8);
}
.footer-links,
.socialinks{
    margin: 0;
    padding: 0;
}
.socialinks {
    margin-top: 30px;
}
.footer-links li a{
    position: relative;
}
.footer-links li a:before{
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #00A850;
    content: "";
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}
.footer-links li a:hover:before{
    width: 100%;
}
.footer-links li a,
.footer-links li,
footer p {
    font-family: Oxygen;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 36px;
    letter-spacing: 0.05em;
    list-style: none;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.8);
}
.socialinks li{
    display: inline-block;
    margin-right: 10px;
}
.socialinks li:last-child{
    margin-right: 0px;
}
.socialinks li a{
    text-decoration: none;
}
.socialinks li a i{
    color: rgba(255, 255, 255, 0.8);
    font-size: 32px;
    transition: all .3s linear;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
}
.socialinks li a:hover i {
    color: #00a850;
}
.copyright{
    background-color: #000;
}
.copyright p,
.copyright p a{
    font-family: 'Oxygen', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.1em;
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
}
.shape-before-what-we-do{
    position: relative;
}
.shape-before-what-we-do:before{
    background: url(images/svgs/arc_green.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    left: 0;
    content: "";
    width: 100%;
    height: 140px;
    transform: translateY(-40px);
    transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
}
.pullup.shape-before-what-we-do:before
{
    transform: translateY(-30px);
}
.page-id-32 .shape-before-what-we-do:before{
    z-index: 2;
}
#desk-what-we-do-title,
#desk-who-we-are-title,
#small_business_desk_title{
    position: relative;
}
#desk-what-we-do-title:before,
#desk-who-we-are-title:before{
    position: absolute;
    bottom: -10px;
    right: -100%;
    width: 0%;
    height: 2px;
    background: #fff;
    content: "";
    transition: width 1s ease;
    -webkit-transition: width 1s ease;
    -moz-transition: width 1s ease;
    -o-transition: width 1s ease;
}
#desk-who-we-are-title:before{
    left: -100%;
    right: auto;
    background: #00A850;
}
.pullup#desk-what-we-do-title:before,
.pullup#desk-who-we-are-title:before,
.pullup#small_business_desk_title:before
{
    width: 200%;
}
.shape-after-what-we-do{
    position: relative;
}
.shape-after-what-we-do:after{
    background: url(images/svgs/arc_green.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -40px;
    left: 0;
    content: "";
    width: 100%;
    height: 140px;
    transform: rotate(180deg);
    z-index: 2;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
}
.shapeup.what-we-do:after
{
    bottom: -50px;
}
.our-jobs-slider{
    position: relative;
    transform: translateY(25px);
    transition: transform 1s ease-in-out;
    -webkit-transition: transform 1s ease-in-out;
    -moz-transition: transform 1s ease-in-out;
    -o-transition: transform 1s ease-in-out;
}
.steakon .our-jobs-slider{
	transform: translate(0);
}
.our-jobs-slider:before {
    position: absolute;
    left: -15%;
    background: radial-gradient(50% 50% at 50% 50%, rgba(35, 187, 132, 0.7) 0%, rgba(0, 0, 0, 0) 100%), rgba(1, 155, 81, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.3);
    top: -5%;
    width: 100%;
    height: 115%;
    content: "";
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;

}
/******** animations *********/


.hero h1{
    opacity: 0;
    -webkit-transition: transform 1s linear, opacity 1s linear, text-shadow 1.2s linear 1s;
    -moz-transition: transform 1s linear, opacity 1s linear, text-shadow 1.2s linear 1s;
    -o-transition: transform 1s linear, opacity 1s linear, text-shadow 1.2s linear 1s;
    transition: transform 1s linear, opacity 1s linear, text-shadow 1.2s linear 1s;
    transform: translateY(25px);
}

.hero p{
    opacity: 0;
    -webkit-transition: transform 1s linear .5s, opacity 1s linear .5s, text-shadow 1.2s linear 1.5s;
    -moz-transition: transform 1s linear .5s, opacity 1s linear .5s, text-shadow 1.2s linear 1.5s;
    -o-transition: transform 1s linear .5s, opacity 1s linear .5s, text-shadow 1.2s linear 1.5s;
    transition: transform 1s linear .5s, opacity 1s linear .5s, text-shadow 1.2s linear 1.5s;
    transform: translateY(25px);
}

.shownow.hero h1,
.shownow.hero p{
    transform: translateY(0px);
    opacity: 1;
    text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.25);
}
.hero .btn-oracle{
    opacity: 0;
    background: transparent;
    border-color: #00A850;
    color: #fff;
    -webkit-transition: transform 1s linear 1.5s, opacity 1s linear 1.5s, background 1.4s linear 4.6s, filter 1s linear, padding .1s linear;
    -moz-transition: transform 1s linear 1.5s, opacity 1s linear 1.5s, background 1.4s linear 4.6s, filter 1s linear, padding .1s linear;
    -o-transition: transform 1s linear 1.5s, opacity 1s linear 1.5s, background 1.4s linear 4.6s, filter 1s linear, padding .1s linear;
    transition: transform 1s linear 1.5s, opacity 1s linear 1.5s, background 1.4s linear 4.6s, filter 1s linear, padding .1s linear;
    transform: translateY(25px);
}
.shownow.hero .btn-oracle{
    background: #00A850;
    transform: translateY(0px);
    opacity: 1;    
}
.hero .btn-oracle:hover{
    padding: 28px 51px;
    filter: drop-shadow(0px 0px 60px rgba(0, 168, 80, 0.5));
}
.movingcircle
{
    position: relative;
    top: 0;
    left: 0;
}
.movingcircle li{
    position: absolute;
    list-style: none;
    display: flex;
    bottom: 0;
    width: 20px;
    height: 20px;
    background: radial-gradient(46.81% 46.81% at 68.47% 38.77%, rgba(27, 182, 101, 0.5) 0%, rgba(9, 95, 50, 0) 100%), rgba(1, 155, 81, 0.3);
    border: 2px solid rgba(255, 255, 255, 0.2);
    animation: animate 25s linear infinite;
    opacity:0;
    right: 25%;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    animation-delay: 0;
    list-style: none;
    z-index: 2;
}
.movingcircle li:nth-child(2)
{
    position: absolute;
    list-style: none;
    display: flex;
    background: radial-gradient(46.81% 46.81% at 68.47% 38.77%, rgba(27, 182, 101, 0.5) 0%, rgba(9, 95, 50, 0) 100%), rgba(1, 155, 81, 0.3);
    border: 2px solid rgba(255, 255, 255, 0.2);
    animation: animate 25s linear infinite;
    opacity:0;
    left: 0%;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    animation-delay: 0;
    list-style: none;
    z-index: 2;
}

.movingcircle li:nth-child(3)
{
    position: absolute;
    list-style: none;
    display: flex;
    background: radial-gradient(46.81% 46.81% at 68.47% 38.77%, rgba(27, 182, 101, 0.5) 0%, rgba(9, 95, 50, 0) 100%), rgba(1, 155, 81, 0.3);
    border: 2px solid rgba(255, 255, 255, 0.2);
    animation: animate 25s linear infinite;
    opacity:0;
    left: 0%;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    animation-delay: 0;
    list-style: none;
    z-index: 2;
}


.desktop{
    display: none !important;
}
.mobile{
    display: block !important;
}
.phonerow{
    display: none;
}
.deskrow{
    display: flex;
}
.service-feats{
    margin-top: 60px;
}


/********** Goodies ******/
.goodiesrow {
    margin: 50px 0px;
}
.goodie-box {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}
.goodie-thumb {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 2px solid #00A850;
    padding: 20px;
    margin-right: 20px;
}
.goodie-title h4 {
    font-family: 'Oxygen', sans-serif;
    color: #00A850;
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
}
.goodie-title {
    max-width: 188px;
}
/******** Inner section *****/
.inner-sec {
    position: relative;
    z-index: 1;
    padding: 60px 0;
}

.inner-sec-heading{
    font-family: 'Muli',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 48px;
    line-height: 60px;
    letter-spacing: 0.1em;
    color: #000000;
    transform: translateY(25px);
    transition: transform 1s ease-in-out;
    -moz-transition: transform 1s ease-in-out;
    -webkit-transition: transform 1s ease-in-out;
    -o-transition: transform 1s ease-in-out;
}
.inner-sec-subheading{
    font-family: 'Oxygen', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 36px;
    margin-top: 30px;
    margin-bottom: 30px;
    letter-spacing: 0.05em;
    color: #000000;
    transform: translateY(25px);
    transition: transform 1s ease-in-out;
    -moz-transition: transform 1s ease-in-out;
    -webkit-transition: transform 1s ease-in-out;
    -o-transition: transform 1s ease-in-out;
}

#start_up_accounting_desk_info,
#start_up_accounting_desk_btn{
    opacity: 0;
    transform: translateY(25px);
    transition: transform 1s ease 1.2s, background .5s ease, color .5s ease, opacity 1s ease 1.2s;
    -moz-transition: transform 1s ease 1.2s, background .5s ease, color .5s ease, opacity 1s ease 1.2s;
    -webkit-transition: transform 1s ease 1.2s, background .5s ease, color .5s ease, opacity 1s ease 1.2s;
    -o-transition: transform 1s ease 1.2s, background .5s ease, color .5s ease, opacity 1s ease 1.2s;
}
.inner-sec.lineon #start_up_accounting_desk_btn{
    opacity: 1;
    transform: translateY(0px);
}
#start_up_accounting_desk_info.pullup{
    transform: translateY(0px);
}
.inner-sec p,.inner-sec ul,
#start_up_accounting_desk_info p,
#start_up_accounting_desk_info ul{
    font-family: 'Muli', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 36px;
    letter-spacing: 0.03em;
    color: #000;
}
.bg-white .inner-sec p,.bg-white .inner-sec ul{
    color: #000;
}
#start_up_accounting.pullup .streak{
    width: 50%;
}

#start_up_accounting_desk_title.pullup,
#start_up_accounting_desk_subtitle.pullup,
#start_up_accounting_desk_info.pullup, 
.inner-sec .btn.pullup{
    transform: translateY(0px);
    opacity: 1;
}
/*#start_up_accounting_desk_title:before{
    opacity: 1;
    -moz-transition: width 1s ease;
    -webkit-transition: width 1s ease;
    -o-transition: width 1s ease;
}*/
#start_up_accounting_desk_title,
#start_up_accounting_desk_subtitle,
#start_up_accounting_desk_info,
#start_up_accounting_desk_thumb{
    opacity: 0;
    transform: translateY(25px);
    /*transition: transform 1s ease 1s, opacity 1s ease 1s ;
    -moz-transition: transform 1s ease 1s, opacity 1s ease 1s ;
    -webkit-transition: transform 1s ease 1s, opacity 1s ease 1s ;
    -o-transition: transform 1s ease 1s, opacity 1s ease 1s ;*/
    transition: transform 1s ease, opacity 1s ease;
    -moz-transition: transform 1s ease, opacity 1s ease;
    -webkit-transition: transform 1s ease, opacity 1s ease;
    -o-transition: transform 1s ease, opacity 1s ease;
}
.lineon #start_up_accounting_desk_thumb{
    opacity: 1;
    transform: translateY(0px);
}
#start_up_accounting_phone_title,
#start_up_accounting_phone_subtitle,
#start_up_accounting_phone_info{
    opacity: 0;
    transform: translateY(25px);
    transition: transform 1s ease 1s, opacity 1s ease 1s ;
    -moz-transition: transform 1s ease 1s, opacity 1s ease 1s ;
    -webkit-transition: transform 1s ease 1s, opacity 1s ease 1s ;
    -o-transition: transform 1s ease 1s, opacity 1s ease 1s ;
}
#start_up_accounting_phone_thumb{
    margin-top: 80px;
    transform: translateY(25px);
    transition: transform 1s ease-in-out;
    -moz-transition: transform 1s ease-in-out;
    -webkit-transition: transform 1s ease-in-out;
    -o-transition: transform 1s ease-in-out;
}
#start_up_accounting_phone_thumb.pullup{
    opacity: 1;
    transform: translateY(0px);
}
#start_up_accounting_phone_title.pullup,
#start_up_accounting_phone_subtitle.pullup,
#start_up_accounting_phone_info.pullup, 
.inner-sec .btn.pullup{
    opacity: 1;
    transform: translateY(0px);
}
.bubble-below{
    padding-bottom: 150px;
}
.bubble-top{
    padding-top: 150px;
}
.page-id-32 .shape-before-what-we-do.pullup:before {
    transform: translateY(-80px);
}
#small_business_desk_title{
    margin-top: 0 !important;
    transform: translateY(25px);
    -webkit-transition: transform 1s ease 1s, opacity 1s ease 1s;
    -moz-transition: transform 1s ease 1s, opacity 1s ease 1s;
    -o-transition: transform 1s ease 1s, opacity 1s ease 1s;
    transition: transform 1s ease 1s, opacity 1s ease 1s;
}
#small_business_desk_title.pullup{
    transform: translateY(0px);
}
#small_business_desk_subtitle{
    font-family: 'Oxygen', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0.05em;
    color: #000000;
    margin: 30px 0;
    transform: translateY(25px);
    -webkit-transition: transform 1s ease 1s, opacity 1s ease 1s;
    -moz-transition: transform 1s ease 1s, opacity 1s ease 1s;
    -o-transition: transform 1s ease 1s, opacity 1s ease 1s;
    transition: transform 1s ease 1s, opacity 1s ease 1s;
}
.steakon #small_business_desk_subtitle{
    transform: translateY(0px);
}
#small_business_desk_info{
    margin-top: 30px;
    transform: translateY(25px);
    -webkit-transition: transform 1s ease 1s, opacity 1s ease 1s;
    -moz-transition: transform 1s ease 1s, opacity 1s ease 1s;
    -o-transition: transform 1s ease 1s, opacity 1s ease 1s;
    transition: transform 1s ease 1s, opacity 1s ease 1s;
}
.steakon #small_business_desk_info{
    transform: translateY(0px);
}
#small_business_desk_info p,
#small_business_desk_info ul
{
    font-family: 'Muli', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 36px;
    letter-spacing: 0.03em;
    color: #000;
}

#small_business_desk_btn {
    transform: translateY(25px);
    transition: transform 1s ease 1s, background .5s ease, color .5s ease, border-color .5s ease, opacity 1s ease 1s;
    -moz-transition: transform 1s ease 1s, background .5s ease, color .5s ease, border-color .5s ease, opacity 1s ease 1s;
    -webkit-transition: transform 1s ease 1s, background .5s ease, color .5s ease, border-color .5s ease, opacity 1s ease 1s;
    -o-transition: transform 1s ease 1s, background .5s ease, color .5s ease, border-color .5s ease, opacity 1s ease 1s;
}
.steakon #small_business_desk_btn{
    opacity: 1;
    transform: translateY(0px);
}
#small_business_phone_btn {
	position: relative;
	z-index: 3;
    transform: translateY(25px);
    transition: transform 1s ease, background .5s ease, color .5s ease, border-color .5s ease;
    -moz-transition: transform 1s ease, background .5s ease, color .5s ease, border-color .5s ease;
    -webkit-transition: transform 1s ease, background .5s ease, color .5s ease, border-color .5s ease;
    -o-transition: transform 1s ease, background .5s ease, color .5s ease, border-color .5s ease;
}
.steakon #small_business_desk_btn,
#small_business_phone_btn.pullup {
    transform: translateY(0px);
}
#small_business_phone_btn:hover,
#small_business_desk_btn:hover{
    color: #fff !important;
    background: transparent !important;
    border-color: #fff !important;
}
#small_business_phone_title,
#start_up_accounting_phone_title,
#enterprise_accounting_phone_title{
    font-size: 28px;
    line-height: 35px;
    margin-top: 0 !important;
    transform: translateY(25px);
    -webkit-transition: transform 1s linear;
    -moz-transition: transform 1s linear;
    -o-transition: transform 1s linear;
    transition: transform 1s linear;
    text-align: center;
}
#small_business_phone_title.pullup,
#start_up_accounting_phone_title.pullup,
#enterprise_accounting_phone_title.pullup
{
    transform: translateY(0px);
    opacity: 1;
}
#enterprise_accounting.pullup .streak{
    width: 50%;
    transform: translate(50%,50%);
}
#start_up_accounting_phone_info {
    margin-bottom: 30px;
}
#enterprise_accounting_phone_thumb{
    margin-top: 80px;
}
#start_up_accounting_phone_info p,
#start_up_accounting_phone_info ul,
#enterprise_accounting_phone_info p,
#enterprise_accounting_phone_info ul {
    font-size: 16px;
    line-height: 28px;
}
#start_up_accounting.pullup .streak {
    width: 50%;
    transform: translate(50%,50%);
}
#small_business_phone_subtitle{
    font-family: 'Oxygen', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.05em;
    color: #000000;
    margin: 30px 0;
    transform: translateY(25px);
    -webkit-transition: transform 1s linear;
    -moz-transition: transform 1s linear;
    -o-transition: transform 1s linear;
    transition: transform 1s linear;
}
#start_up_accounting_phone_subtitle{
    font-weight: bold;
    font-size: 16px;
    line-height: 28px;
    transform: translateY(25px);
    -webkit-transition: transform 1s linear;
    -moz-transition: transform 1s linear;
    -o-transition: transform 1s linear;
    transition: transform 1s linear;
}
#start_up_accounting_phone_subtitle.pullup{
    transform: translateY(0px);
}
#enterprise_accounting_phone_subtitle,
#enterprise_accounting_phone_info p,
#enterprise_accounting_phone_info ul{
    font-size: 16px;
    line-height: 28px;
    font-weight: normal;
}
#enterprise_accounting_phone_subtitle{
    font-weight: bold;
}
#small_business_phone_subtitle.pullup{
    transform: translateY(0px);
    opacity: 1;
}
#small_business_phone_info{
    margin-top: 30px;
    margin-bottom: 30px;
    transform: translateY(25px);
    -webkit-transition: transform 1s linear;
    -moz-transition: transform 1s linear;
    -o-transition: transform 1s linear;
    transition: transform 1s linear;
}
#small_business_phone_info.pullup{
    transform: translateY(0px);
}
#small_business_phone_info p,
#small_business_phone_info ul
{
    font-family: 'Muli', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.03em;
    color: #000;
}
#small_business_desk_thumb,
#small_business_phone_thumb{
    transform: translateY(25px);
    -webkit-transition: transform 1s ease;
    -moz-transition: transform 1s ease;
    -o-transition: transform 1s ease;
    transition: transform 1s ease;
}
#small_business_phone_thumb{
    margin-top: 80px;
}
#small_business_desk_thumb.pullup,
#small_business_phone_thumb.pullup{
    transform: translateY(0px);
}
#enterprise_accounting_phone_info,
#enterprise_accounting_phone_title,
#enterprise_accounting_phone_subtitle
#enterprise_accounting_phone_thumb,
#enterprise_accounting_phone_btn,
#enterprise_accounting_desk_title,
#enterprise_accounting_desk_subtitle,
#enterprise_accounting_desk_info,
#enterprise_accounting_desk_btn,
#enterprise_accounting_desk_thumb
{
    transform: translateY(25px);
    -webkit-transition: transform 1s linear;
    -moz-transition: transform 1s linear;
    -o-transition: transform 1s linear;
    transition: transform 1s linear;
}
#enterprise_accounting_phone_info.pullup,
#enterprise_accounting_phone_title.pullup,
#enterprise_accounting_phone_subtitle.pullup,
#enterprise_accounting_phone_thumb.pullup,
#enterprise_accounting_phone_btn.pullup,
#enterprise_accounting_desk_title.pullup,
#enterprise_accounting_desk_subtitle.pullup,
#enterprise_accounting_desk_info.pullup,
#enterprise_accounting_desk_btn.pullup,
#enterprise_accounting_desk_thumb
{
    transform: translateY(0px);
}
#enterprise_accounting .streak{
    top: 195px;
}
.inner-sec-heading{
    position: relative;
}
/*.inner-sec-heading:after {
    position: absolute;
    bottom: -20px;
    left: -100%;
    width: 0%;
    content: "";
    background: #00A850;
    height: 2px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    transition: width 1s linear;
    -webkit-transition: width 1s linear;
    -moz-transition: width 1s linear;
    -o-transition: width 1s linear;
}
.inner-sec-heading.pullup:after
{
    width: 200%;
}*/

.inner-sec-heading-phone:before {
    position: absolute;
    content: "";
    bottom: -20px;
    left: 50%;
    width: 0%;
    height: 2px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #00A850;
    transform: translate(-50%,50%);
    transition: width 1s linear;
    -webkit-transition: width 1s linear;
    -moz-transition: width 1s linear;
    -o-transition: width 1s linear;
}
.inner-sec-heading-phone.pullup:before {    
    width: 50%;
}
/****** Success stories *****/
.service-content.success-stories-sec{
    overflow: hidden;
}
.testimonial-box:after{
    position: absolute;
    content: "";
    width: 0%;
    height: 2px;
    background: #00A850;
    bottom: -10px;
    transition: width 1s linear;
    -webkit-transition: width 1s linear;
    -moz-transition: width 1s linear;
    -o-transition: width 1s linear;
}
.testmend.testimonial-box:after{
    width: 100%;
}
.testimonial-box.odd:after{
    right: -50%;
}
.testimonial-box.even:after{
    left: -50%;
}
.testimonial-thumb{
    /*shape-outside: circle();*/
    float: left;
    margin-right: 50px;
    max-width: 180px;
}
.testimonial-thumb img{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.testimonial-author{
    text-align: right;
}
.testimonial-author{
    font-family: 'Oxygen', sans-serif;
    font-weight: bold;
    font-size: 18px;
    line-height: 36px;
    text-align: right;
    letter-spacing: 0.05em;
    color: #000000;
}
.testimonial-author h4{    
    font-weight: bold;
}
.testimonial-author h5{    
    font-weight: normal;
}
.even .testimonial-thumb {
    float: right;
    margin-left: 50px;
    margin-right: 0;
}
.even .testimonial-author{
    text-align: left;
}
.btmpagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-left: 0;
}
.btmpagination li {
    margin-right: 20px;
    list-style: none;
}
.btmpagination a {
    width: 12px;
    height: 12px;
    background: #C4C4C4;
    display: block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    transition: all .2s linear;
}
.btmpagination a.active {
    background: rgba(0, 168, 80, 0.5);
}
.btmpagination li:last-child {
    margin-right: 0;
}
.inview.success-stories-sec.service-content:before{
    transform: translateY(50%);
    width: 50%;
}
.service-content.success-stories-sec h2{
    font-size: 40px;
    line-height: 52px;
}

/****** Contact us *****/

.contact-us-sec{
    position: relative;
    z-index: 2;
    background-color: #fff;
    padding: 50px 0px 50px 0px;
}

.contact-us-sec h2{
    font-family: 'Muli', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 28px;
    line-height: 35px;
    letter-spacing: 0.05em;
    color: #000000;
    position: relative;
    transform: translateY(25px);
    opacity: 0;
    transition: transform 1s ease, opacity 1s ease;
    -moz-transition: transform 1s ease, opacity 1s ease;
    -webkit-transition: transform 1s ease, opacity 1s ease;
    -o-transition: transform 1s ease, opacity 1s ease;
}
.address-area,
#gform_wrapper_1{
	transform: translateY(25px);
    opacity: 0;
    transition: transform 1s ease, opacity 1s ease;
    -moz-transition: transform 1s ease, opacity 1s ease;
    -webkit-transition: transform 1s ease, opacity 1s ease;
    -o-transition: transform 1s ease, opacity 1s ease;
}

.trigger.contact-us-sec h2,
.trigger.contact-us-sec h4,
.trigger .address-area,
.trigger #gform_wrapper_1{
	transform: translateY(0px);
	opacity: 1;
}
.trigger.contact-us-sec h2:before{
	width: 100%;
}
.contact-us-sec h2:before{
    position: absolute;
    bottom: -10px;
    width: 0%;
    height: 2px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    content: "";
    left: 0;
    background: #00A850;   
    transition: width 1s ease;
    -moz-transition: width 1s ease;
    -webkit-transition: width 1s ease;
    -o-transition: width 1s ease;
}
.contact-us-sec h4{
    margin-top: 50px;
    font-family: Oxygen;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.1em;
    color: #00A850;
    transform: translateY(25px);
    opacity: 0;
    transition: transform 1s ease, opacity 1s ease;
    -moz-transition: transform 1s ease, opacity 1s ease;
    -webkit-transition: transform 1s ease, opacity 1s ease;
    -o-transition: transform 1s ease, opacity 1s ease;
}
.address-area{
    margin-top: 100px;
}
.address-area h5,
.address-area p,
.address-area a{
    font-family: Oxygen;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.1em;
    color: #000000;
}
.address-area p{
    margin-bottom: 0;
}
.address-area p,
.address-area a{
    font-weight: normal;
}

.ginput_container input[type=text]::-webkit-input-placeholder,
.ginput_container input[type=email]::-webkit-input-placeholder, 
.ginput_container textarea::-webkit-input-placeholder,
.ginput_container input[type=text]:-moz-placeholder,
.ginput_container input[type=email]:-moz-placeholder, 
.ginput_container textarea:-moz-placeholder,
.ginput_container input[type=text]::-moz-placeholder,
.ginput_container input[type=email]::-moz-placeholder, 
.ginput_container textarea::-moz-placeholder,
.ginput_container input[type=text]::-ms-input-placeholder,
.ginput_container input[type=email]::-ms-input-placeholder, 
.ginput_container textarea::-ms-input-placeholder,
.ginput_container input[type=text]:-ms-input-placeholder,
.ginput_container input[type=email]:-ms-input-placeholder, 
.ginput_container textarea:-ms-input-placeholder,
.ginput_container input[type=text]::placeholder,
.ginput_container input[type=email]::placeholder, 
.ginput_container textarea::placeholder
{
    font-family: 'Oxygen', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.05em;
    color: #333333;
}
.ginput_container input[type=text],
.ginput_container input[type=email]{
    border: none;
    border-bottom: 1px solid #00A850;
}
.ginput_container textarea{
    border: 1px solid #00A850;
}
.gfield_label{
    font-family: 'Oxygen', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.05em;
    color: #333333;
}
.gform_wrapper .gform_footer{
    text-align: center;
}
.gform_button{
    margin-top: 0 !important;
}
.gfield {
    margin-bottom: 20px;
}
.gform_wrapper .gform_footer{
    padding-top: 0 !important;
}

.the-map{
    position: relative;
}
.the-map svg{
    background: #fff;
}

.the-map iframe{
    border:0;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */
    -webkit-backface-visibility: hidden;  /* Fix for transition flickering */
    -ms-filter: grayscale(100%);
    margin-top: -150px;
    margin-bottom: -150px;
}

.js-loading *,
.js-loading *:before,
.js-loading *:after {
  animation-play-state: paused !important;
}

/****** Keyframes *******/

@keyframes herobgfade{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}

@keyframes videofade{
    0%{
        opacity: 0;
    }
    10%{
        opacity: 1;
    }
}

@keyframes fadeIn2{
    0%{opacity:0; },
    50%{opacity: 0.1; transform: translateY(10%);}  
    75%{opacity: 0.2; transform: translateY(20%);}  
    80%{opacity:0.3; transform: translateY(30%);}
    90%{opacity:0.4; transform: translateY(40%);}
    100%{opacity:1; transform: translateY(50%);}
}

@keyframes fadeIn{
    0%{opacity:0;},
    50%{opacity: 0.1;}  
    75%{opacity: 0.2;}  
    80%{opacity:0.3;}
    90%{opacity:0.4;}
    100%{opacity:1;}
}

@keyframes hfade{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}

@keyframes animate
{
    0%{
        transform: translate(0);
        opacity: 1;
    }
    100%{
        transform: translate(300px,-300px);
        opacity: 0;
    }
}

@keyframes move1
{
    0%{
        transform: translateY(0);
        opacity: 1;
    }
    100%{
        transform: translate(150px,35px);
        opacity: 1;
    }
}

@keyframes move2
{
    0%{
        transform: translateY(0);
        opacity: 1;
    }
    100%{
        transform: translate(-200px,-25px);
        opacity: 1;
    }
}

@keyframes move3
{
    0%{
        transform: translateY(0);
        opacity: 1;
    }
    100%{
        transform: translate(-100px, 225px);
        opacity: 1;
    }
}

@keyframes rotatecirc
{
    0%{
        transform: rotate(90deg);
    }
    100%{
        transform: rotate(360deg);
    }
}

@keyframes aboutbubbles
{
    0%{
        transform: translateY(0) scale(0);
        opacity: 1;
    }
    100%{
        transform: translateY(0px) scale(4);
        opacity: 0;
    }
}

/****** slider slick ******/

@-webkit-keyframes fadeInUpSD {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeInUpSD {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.our-jobs .slick-active .fadeInUpSD {
  -webkit-animation-name: fadeInUpSD;
  -webkit-animation-duration: 1s;
  animation-name: fadeInUpSD;
  animation-duration: 1s;
}

#phone-who-we-are-title,
#phone-what-we-do-title{
    position: relative;
}

#phone-who-we-are-title:before,
#phone-what-we-do-title:before {
    position: absolute;
    content: "";
    bottom: -20px;
    left: 50%;
    width: 0%;
    height: 2px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #00A850;
    transform: translate(-50%,50%);
    transition: width 1s linear;
    -webkit-transition: width 1s linear;
    -moz-transition: width 1s linear;
    -o-transition: width 1s linear;
}
#phone-what-we-do-title:before{
    background: #fff;
}
#phone-who-we-are-title.pullup:before,
#phone-what-we-do-title.pullup:before {
    width: 50%;
}

#menu-mobile-menu .current-menu-ancestor > a
{
    color: #00A850 !important;
}
#menu-item-81 .showsubmenu,
#menu-item-333 .showsubmenu,
#menu-item-332 .showsubmenu
{
    width: 100%;
    text-align: right;
}
.testimonial-content{
    position: relative;
}
.show-read-more .more-text{
    display: none;
    
}
.read-more,
.read-more:hover,
.read-more:focus{
    color: #00A850;
    text-decoration: underline;
    text-transform: uppercase;
}
.deskfeed{
    display: block;
}
.mobfeed{
    display: none;
}

.normal{
    display: block;
}
.ipad{
    display: none;
}

@media (max-width: 639px)
{
    .deskfeed{
        display: none;
    }
    .mobfeed{
        display: block;
    }
    .page-id-32 .linein{
        display: none;
    }
    #what-we-do-sba.lineon .streak,
    .service-content.lineon .linein{
        transform: translate(-50%,50%);
        left: 50%;
    }
    .shape-after-what-we-do:after{
        bottom: -55px;
    }
}

.the-map{
    position: relative;
}
.the-map:before {
    background: url(images/svgs/page-header-inverse-transparent.svg);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 120px;
    z-index: 1;
    background-size: 100%;
    background-repeat: no-repeat;
}


/********* New animations **********/
.who-we-are.about-us{

}
.who-we-are.about-us .streak{
    transition: width 1s linear;
    -webkit-transition: width 1s linear;
    -moz-transition: width 1s linear;
    -o-transition: width 1s linear;
}
#small_business_desk_btn{
	z-index: 3;
	position: relative;
}
.who-we-are.about-us p,
.who-we-are.about-us h2,
.who-we-are.about-us .btn,
#what-we-do-sba h2,
#what-we-do-sba h4,
#what-we-do-sba #small_business_desk_info,
#small_business_desk_btn,
#enterprise_accounting_desk_title,
#enterprise_accounting_desk_subtitle,
#enterprise_accounting_desk_info,
#enterprise_accounting_desk_btn,
#enterprise_accounting_desk_thumb,
#service-content .service-main-heading,
#service-content .service-sub-heading,
#service-content p,
#service-content .btn,
#service-content .testimonial-box {
    opacity: 0;
    transform: translateY(25px);
    transition: transform 1s ease, opacity 1s ease;
    -webkit-transition: transform 1s ease, opacity 1s ease;
    -moz-transition: transform 1s ease, opacity 1s ease;
    -o-transition: transform 1s ease, opacity 1s ease;
}
.who-we-are.about-us.steakon p,
.who-we-are.about-us.steakon h2,
.who-we-are.about-us.steakon .btn,
/*#what-we-do-sba.lineon h2,
#what-we-do-sba.lineon h4,
#what-we-do-sba.lineon #small_business_desk_info,
.lineon #small_business_desk_btn,
.lineon #enterprise_accounting_desk_title,
.lineon #enterprise_accounting_desk_subtitle,
.lineon #enterprise_accounting_desk_info,
.lineon #enterprise_accounting_desk_btn,
.lineon #enterprise_accounting_desk_thumb,
*/
#service-content.lineon .service-main-heading,
#service-content.lineon .service-sub-heading,
#service-content.lineon p,
#service-content.lineon .btn,
#service-content.lineon .testimonial-box{
    opacity: 1;
    transform: translateY(0px);    
}
#small_business_desk_title.pullup,
#small_business_desk_subtitle.pullup,
#what-we-do-sba #small_business_desk_info.pullup,
#small_business_desk_btn.pullup,
#enterprise_accounting_desk_title.pullup,
#enterprise_accounting_desk_subtitle.pullup,
#enterprise_accounting_desk_info.pullup,
#enterprise_accounting_desk_btn.pullup,
#enterprise_accounting_desk_thumb.pullup{
	opacity: 1;
    transform: translateY(0px);
}
.who-we-are.about-us p{
    margin-top: 30px;
}
.inner-sec,
.sba{
    overflow: hidden;
    position: relative;
}
.sba{
	overflow: visible;
}
.inner-sec.lineon .linein,
.sba.lineon .linein,
.service-content.lineon .linein{
    width: 50%;
}
.inner-sec .linein,
.service-content .linein
{
    width: 0%;
    left: 0;
    position: absolute;
    height: 2px;
    border-radius: 5px;
    background: #00A850;
    transition: width 1s ease .5s;
    -webkit-transition: width 1s ease .5s;
    -moz-transition: width 1s ease .5s;
    -o-transition: width 1s ease .5s;
}
#what-we-do-sba .streak{
    width: 0%;
    left: auto;
    right: 0;
    background: #fff;
    transition: width 1s ease .3s;
    -webkit-transition: width 1s ease .3s;
    -moz-transition: width 1s ease .3s;
    -o-transition: width 1s ease .3s;
}
#what-we-do-sba.lineon .streak{
    width: 50%;
}
.sba{
    background: #00A850;
    padding: 30px 0;
}

/****** 05 Aug 2020 ******/
.btn-primary:not(:disabled):not(.disabled):active:focus{
    box-shadow: 0 0 0 0.2rem rgba(0, 168, 80,.5);
}
.btn-primary:not(:disabled):not(.disabled):active{
    background-color: #00A850;
    border-color: #00A850;
}

/** Changing menu on click **/
.menu-item-has-children > a {
    position: relative;
}

#menu-main-menu .menu-item-has-children > a span {
    position: absolute;
    top: 50%;
    right: -10px;
    width: 14px;
    height: 8px;
    background-image: url('images/chevron-down.png');
    transform: translate(50%, -50%);
}

.togglenav{
    transition: transform .6s ease;
    -webkit-transition: transform .6s ease;
    -moz-transition: transform .6s ease;
    -o-transition: transform .6s ease;
}
#menu-main-menu .menu-item-has-children > a span.togglenav.up{
    transform: translate(50%, -50%) rotate(180deg);
}


.onlymob{
	display: block !important;
}
.formob{
	display: flex !important;
}
.fordesk{
	display: none !important;
}
.service-feats.formob{
	margin-top: 0px;
}

.try-no-marg{
	margin-top: 0px !important;
}
.success-stories-sec.lineon .linein{
	width: 63%;
}
.success-stories-sec .testmbox{
	opacity: 0;
	transform: translateY(25px);
}
.testmbox.shown{
	position: relative;
}
.testmbox.hide{
  position: absolute;
  top: -999999em;
  left: auto;
  width: 1px;
  height: 1px;
  overflow:hidden;
}
.success-stories-sec.lineon .testmbox{
	opacity: 1;
	transform: translateY(0px);
	transition: transform 1s ease, opacity 1s ease;
	-webkit-transition: transform 1s ease, opacity 1s ease;
	-moz-transition: transform 1s ease, opacity 1s ease;
	-o-transition: transform 1s ease, opacity 1s ease;
}
.copyright p a{
	position: relative;
	transition: color .5s ease;
	-webkit-transition: color .5s ease;
	-moz-transition: color .5s ease;
	-o-transition: color .5s ease;
}
/*.copyright p a:before {
    position: absolute;
    bottom: -6px;
    height: .5px;
    width: 0;
    content: "";
    left: 0;
    z-index: 1;
    background: #00A850;
    transition: width .5s ease;
	-webkit-transition: width .5s ease;
	-moz-transition: width .5s ease;
	-o-transition: width .5s ease;
}

.copyright p a:hover:before{
    color: #00A850;
    width: 100%;
}
*/
.copyright p a:hover{
	color: #00A850;
}

/******** Blog *******/
.blog-post h2{
    font-family: 'Muli', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
}

.blog-read-more{
    background: #00A850;
    border-radius: 30px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border: 3px solid transparent;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    text-transform: uppercase;
    padding: 6px 30px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    color: #fff;
}
.blog-read-more:hover{
    text-decoration: none;
    background: #000;
    color: #fff;
}

.wp-paginate a {
    background: #000 !important;
    border: 1px solid #000 !important;
    color: #fff !important;
    margin-right: 4px;
    padding: 4px 8px;
    text-align: center;
    text-decoration: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
}

.wp-paginate .current {
    color: #fff !important;
    background: #00A850 !important;
    border: 1px solid #00A850 !important;
    margin-right: 4px;
    padding: 4px 8px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
}