/** *  */
 /* @import url('https://fonts.googleapis.com/css?family=arial:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
 @import url('https://fonts.googleapis.com/css?family=arial:100,100i,300,300i,400,400i,700,700i,900,900i');*/

/* ---------------------------- Reset ----------------------- */

 html {
     overflow-y: scroll;
     -webkit-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
}

 body {
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -webkit-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
}

 a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, caption, canvas, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, form, footer, header, hgroup, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, tt, table, tbody, textarea, tfoot, thead, time, tr, th, td, u, ul, var, video {
     font-family: "Arimo", sans-serif;
     font-size: 100%;
     font-weight: inherit;
     font-style: inherit;
     vertical-align: baseline;
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     background: transparent;
}
 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
     display: block;
}
 ol, ul {
     list-style: none;
}
 blockquote, q {
     -webkit-hyphens: none;
     -moz-hyphens: none;
     -ms-hyphens: none;
     hyphens: none;
     quotes: none;
}
 figure {
     margin: 0;
}
 :focus {
     outline: 0;
}
 table {
     border-collapse: collapse;
     border-spacing: 0;
}
 img {
     border: 0;
     -ms-interpolation-mode: bicubic;
     vertical-align: middle;
}
 legend {
     white-space: normal;
}
 button, input, select, textarea {
     font-size: 100%;
     margin: 0;
     max-width: 100%;
     vertical-align: baseline;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
 button, input {
     line-height: normal;
}
 input, textarea {
     background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0));
    /* Removing the inner shadow, rounded corners on iOS inputs */
}
 button, input[type="button"], input[type="reset"], input[type="submit"] {
     line-height: 1;
     cursor: pointer;
    /* Improves usability and consistency of cursor style between image-type 'input' and others */
     -webkit-appearance: button;
    /* Corrects inability to style clickable 'input' types in iOS */
     border: none;
}
 input[type="checkbox"], input[type="radio"] {
     padding: 0;
    /* Addresses excess padding in IE8/9 */
}
 input[type="search"] {
     -webkit-appearance: textfield;
    /* Addresses appearance set to searchfield in S5, Chrome */
}
 input[type="search"]::-webkit-search-decoration {
    /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
     -webkit-appearance: none;
}
 button::-moz-focus-inner, input::-moz-focus-inner {
    /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
     border: 0;
     padding: 0;
}
 *, *:before, *:after {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
/* Repeatable Patterns -------------------------------------------------------------- */
 *, *:before, *:after {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
 body {
     font-size: 16px;
     background-color: #fff;
     color: #666666;
     overflow: hidden;
     font-family: "Arimo", sans-serif;
}
 a {
     text-decoration: none;
     color: #109F4E;
     font-family: "Arimo", sans-serif;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 a:hover, a:focus {
     color: #28bf6b;
     text-decoration: none;
     outline: 0;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 ul, ol {
     padding: 0;
}
 img {
     max-width: 100%;
     height: auto;
}
 b, strong {
     font-weight: 900;
}
 button {
     border: none;
}
.dropdown-item:focus, .dropdown-item:hover{
     background-color: #00a0da!important;
}
input[type="text"]{
  width: 100%!important;
}


 button, input[type="button"], input[type="reset"], input[type="submit"] {
     display: inline-block;
     color: #fff;
     padding: 0px 29px 0 30px;
     height: 45px;
     line-height: 44px;
     font-size: 14px;
     text-transform: uppercase;
     color: #ffffff;
     background: #00a0da;
     border: 1px solid #00a0da;
     -webkit-border-radius: 25px;
     -ms-border-radius: 25px;
     -o-border-radius: 25px;
     -moz-border-radius: 25px;
     font-weight: 600;
    font-family: "Arimo", sans-serif;
     position: relative;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     letter-spacing: 0.5px;
}

 button.search-submit-form {
     position: absolute;
     right: 2px;
     top: 7px;
     padding: 0px 10px;
     color: #999999;
     background-color: transparent;
     display: inline-block;
     height: 29px;
     line-height: 31px;
     font-size: 12px;
     border-color: transparent;
     border-left: 1px solid #d0d0d0;
     text-transform: uppercase;
     font-weight: 700;
     border-radius: 0;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], input[type="email"] {
     position: relative;
     display: block;
     width: 100%;
     line-height: 24px;
     padding: 8px 15px;
     color: #222222;
     border: 1px solid #d0d0d0;
     height: 45px;
     background-color: #d8e7ef;
     border-radius: 3px;
     margin-bottom: 20px;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 input[type="search"] {
     width: 250px;
     margin-bottom: 0px;
     border-radius: 0px;
     background-color: #ffffff;
}
 textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus {
     border: 1px solid #00a0da;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
}
 textarea {
     width: 100%;
     padding: 10px 15px;
     height: 170px;
}
 input[type="checkbox"] {
     display: inline;
}
 textarea:-moz-placeholder, textarea::-moz-placeholder, input:-moz-placeholder, input::-moz-placeholder {
     color: #555;
     opacity: 1;
}
 input:-ms-input-placeholder {
     color: #555;
}
 textarea::-webkit-input-placeholder, input::-webkit-input-placeholder {
     color: #555;
     opacity: 1;
}

.wpcf7-spinner{
    display: none!important;
}








/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 87878787;
}








.carousel-control-prev {
  left: -20px;
  width: 7%;  
}
.carousel-control-next{
  right: -20px;
  width: 7%;  
}

.cpalogosec{
  position: relative;
  top: 25px;
}
.cpalogosec .d-flex{
  justify-content: center;
  align-items: baseline;
}
.cpalogosec .cpa_logo{
  margin-left: 10px;
}
.cpa_logo {
  position: relative;
  z-index: 8789;
}
.intuit_logo{
  position: relative;
  z-index: 8787;
  
}



/* bootstrap resetting elements */
 textarea, input[type="text"], input[type="submit"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .dropdown-menu, .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
     -webkit-appearance: none;
     text-shadow: none;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     -o-box-shadow: none;
     box-shadow: none;
     color: #000;
}
 blockquote {
     padding-left: 71px;
     position: relative;
     margin-bottom: 24px;
}
 blockquote span {
     position: absolute;
     font-size: 135px;
     line-height: 24px;
    font-family: "Arimo", sans-serif;
     color: #999999;
     top: 48px;
     left: 0px;
}
 blockquote p {
     font-weight: 400;
     font-size: 16px;
     line-height: 27px;
     color: #5e646b;
     letter-spacing: 0.11px;
}
 h1, h2, h3, h4, h5, h6 {
     font-family: "Arimo", sans-serif;
     font-weight: 500;
     color: #000002;
}
 h1 {
     font-size: 36px;
}
 h2 {
     font-size: 24px;
}
 h3 {
     font-size: 18px;
}
 h4 {
     font-size: 16px;
}
 h5 {
     font-size: 14px;
}
 .container {
     width: 95%!important;
}
 .clearfix {
     clear: both;
}
 .left {
     text-align: left;
}
 .center {
     text-align: center;
}
 .one-half {
     width: 50%;
     float: left;
}
 .one-half.v3 {
     padding-right: 15px;
}
 .one-half.v4 {
     padding-left: 15px;
}
 .one-three {
     width: 33.33%;
     float: left;
}
 .one-four {
     width: 25%;
     float: left;
}
 .one-five {
     width: 20%;
}
 .divider43 {
     height: 43px;
}
 .bg-white {
     background-color: #fff !important;
}
/* Boxed -------------------------------------------------------------- */
 .home-boxed .boxed {
     max-width: 1300px;
     margin: 0 auto;
     margin-top: 30px;
     margin-bottom: 30px;
     background-color: #fff;
     box-shadow: 0 0 16px 1px #7f7f7f;
     overflow: hidden;
}
/* Top -------------------------------------------------------------- */
 .top {
     background-color: #222222;
     font-size: 12px;
     padding: 12px 0 13px;
}
 .flat-infomation {
     float: left;
     line-height: 25px;
}
 .flat-infomation li {
     font-family: "Arimo", sans-serif;
     display: inline-block;
     position: relative;
     font-size: 12px;
     padding-left: 34px;
     line-height: 1;
     color: #999999;
}
 .flat-infomation li a {
     color: #999999;
}
 .flat-infomation li a:hover {
     color: #00a0da;
}
 .flat-infomation li:before {
     content: "\f095";
     position: absolute;
     top: 0px;
     left: 18px;
     font-family: 'FontAwesome';
}
 .flat-infomation li.email {
     margin-left: 18px;
     border-left: 1px solid #999;
}
 .flat-infomation li.email:before {
     content: "\f0e0";
}
/* Flat Social */
 ul.flat-social {
     float: right;
}
 ul.flat-social li {
     display: inline-block;
     margin-right: 14px;
     font-size: 14px;
}
 .tp-bannertimer {
     display: none;
}
/* Top Style1 -------------------------------------------------------------- */
 .top.style1 {
     background-color: #00a0da;
     padding: 13px 0 12px;
}
 .top.style1 .flat-infomation li {
     border-color: #fff;
     border-left: 1px solid #fff;
}
 .top.style1 .flat-infomation li, .top.style1 .flat-infomation li a {
     color: #fff;
}
 .top.style1 ul.flat-social li a {
     color: #fff;
}
 .top.style1 .flat-infomation li a:hover, .top.style1 ul.flat-social li a:hover {
     color: #252525;
}
 .top.style1 .flat-infomation li.phone:before {
     top: 1px;
     left: 0;
}
 .top.style1 .flat-infomation li.phone {
     border-left: none;
     padding-left: 20px;
}





.our_mission{
  padding-bottom: 5%;
  background-color: aliceblue;
}
.our_mission .one-three{
  padding-top: 15%;
}


#blog-sec .flat-title.style1 {
  margin-bottom: 50px;
  width: 100%;
}

.blogsmpic {
  width: auto;
  height: auto;
  position: relative;
  margin-top: -80px;
  justify-content: flex-end;
  display: flex;
}
.blogsmpic img{
  width: 80px;
  height: 80px;
  object-fit: cover;
}





/* Top Style1 V1 */
 .top.style1.v1 {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     z-index: 99;
     background-color: transparent;
     border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.mainlogosec{
    display: block;
}
#mob_logo {
  display: none;
}


/* Top Style2 -------------------------------------------------------------- */
 .top.style2 {
     background-color: #1c4671;
     padding: 13px 0 13px;
     font-size: 14px;
}
 .title-page {
     float: left;
     color: #fff;
}
 .top.style2 ul.flat-social li {
     margin-right: 29px;
     margin-left: 0px;
}
 .top.style2 ul.flat-social li a {
     color: #fff;
}
 .top.style2 ul.flat-social li a:hover {
     color: #00a0da;
}
 .top.style2 ~ .header-top {
     padding-bottom: 30px;
}
/* Header Top ---------------------------------------------------------------*/
 .header-top {
     background-color: #fff;
}
 .iconbox.style2 {
     padding: 40px 0;
     border: none;
     text-align: left;
     margin-bottom: 0px;
}
 .iconbox.style2:hover {
     box-shadow: none;
}
.iconbox.style2 .iconbox-icon {
  float: left;
  margin-right: 15px;
  font-size: 25px;
  width: 50px;
  height: 50px;
  border: 2px solid #5FE283;
  text-align: center;
  line-height: 45px;
  border-radius: 50px;
  position: relative;
  top: 0px;
}
.iconbox.style2 .iconbox-icon i{
  color: #00a0da;
}
 .iconbox.style2 .iconbox-content {
     overflow: hidden;
   top: 15px;
   position: relative;
}
 .iconbox.style2 .iconbox-content h4 {
     font-family: "Arimo", sans-serif;
   font-weight: bold;
   color: #00a0da;
}
 .iconbox.style2 .iconbox-content h4:hover{
     transition: .5s;
   color: #5FE283;
}
 .iconbox.style2 .iconbox-content p{
     font-size: 14px;
     color: #999999;
     line-height: 20px;
}
 .header-top .logo {
     margin-top: 0px;
   margin-bottom: 10px;
   width: 95%;
}
.header-top .logo img{
  height: 100px;
  object-fit: contain;
}
 .header-top .btn-contact {
     padding: 35px 0;
}
 .header-top .btn-contact a {
     display: block;
     height: 50px;
     line-height: 47px;
     text-align: center;
     border:2px solid #00a0da;
     border-radius: 25px;
     color: #252525;
     font-weight: 600;
}
 .header-top .btn-contact a:hover {
     background-color: #00a0da;
     color: #fff;
}
/* Iconbox Style2 V2 */
 .iconbox.style2.v2 .iconbox-icon i {
     color: #1c4671;
}
 .iconbox.style2.v2 .iconbox-content h4 {
     font-weight: 600;
     color: #1c4671;
}
 .iconbox.style2.v2 .iconbox-content p {
     color: #252525;
}
/* Header Top Style1 ---------------------------------------------------------------*/
 .header-top.style1 {
     background-color: #1c4671;
}
 .header-top.style1 .iconbox.style2 .iconbox-content h4, .header-top.style1 .btn-contact a {
     color: #fff;
}
 .header-top.style1 .btn-contact a {
     border-color: #fff;
}
 .header-top.style1 .iconbox.style2 .iconbox-content p {
     color: #e0e0e0;
}
 .header-top.style1 .iconbox.style2 .iconbox-icon {
     color: #00a0da;
}
/* Header ---------------------------------------------------------------*/
 .header {
     position: relative;
     background-color: #ffffff;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
     -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
     -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
 #header.fixed-header {
     position: fixed;
     left: 0;
     top: 0;
     z-index: 1005;
     background-color: #ffffff;
     width: 100%;
}
 #header.fixed-header.style1 {
     background-color: #00a0da;
}
 #header.fixed-header.style2.v1 {
     background-color: rgba(0, 0, 0, 0.8);
}
 #header.fixed-header.header.style1.v1 .flat-header-wrap {
     top: 0;
}
 .logo {
     margin-top: 21px;
     float: left;
}
/*top search*/
 .flat-show-search {
     position: relative;
     float: right;
}
 .show-search {
     float: right;
     margin-left: 38px;
     position: relative;
    /*margin: 27px 0 30px;
    */
}
 .show-search i {
     position: relative;
     display: block;
     width: 15px;
     text-align: center;
     line-height: 35px;
     width: 33px;
     height: 33px;
     text-align: center;
     border-radius: 50%;
     box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.05);
     margin: 28px 0;
     cursor: pointer;
}
 .top-search {
     position: absolute;
     right: 0px;
     top: 22px;
     width: 250px;
     opacity: 0;
     visibility: hidden;
     z-index: 12;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 .top-search #searchform-all {
     position: relative;
}
 .top-search #searchform-all input[type='text'] {
     height: 46px;
     background-color: #fff;
     border-radius: 25px;
     margin-bottom: 0px;
}
 .top-search #searchform-all #searchsubmit {
     margin-bottom: 0;
     height: 45px;
     font-size: 14px;
     color: rgba(21, 65, 110, 0.65);
     background-color: #fff;
}
 .top-search #searchform-all #searchsubmit {
    /*padding: 3px;
    */
     position: absolute;
     right: -20px;
     top: 6px;
     font-family: "FontAwesome";
     color: #fff;
     background: #00a0da;
     border: none;
     text-align: center;
     font-size: 13px;
     font-weight: 700;
     width: 36px;
     height: 36px;
     line-height: 36px;
     border-radius: 50%;
     padding: 0;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 .top-search #searchform-all #searchsubmit:hover {
     background-color: #555555;
}
 .top-search.show {
     visibility: visible;
     opacity: 1;
     right: 19px;
}
 .show-search.active .fa-search::before {
     content: "\f00d";
}
/* Header Style1 ---------------------------------------------------------------*/
 .header.style1 {
     background-color: #00a0da;
}
 .header.style1 .nav-wrap {
     display: flex;
   justify-content: center;
   float: none!important;
}
 .header.style1 #mainnav .menu > li {
     display: block;
     float: left;
}
.header.style1 #mainnav .menu > li > a {
  line-height: 60px;
  color: #fff;
  padding: 0 30px;
  font-size: 20px;
}
 .header.style1 #mainnav .menu > li > a:hover{
     color: #000;
   transition: .5s;
}
 .header.style1 #mainnav .menu > li > a:before {
     background-color: #fff;
}
 .header.style1 #mainnav .menu > li:hover > .sub-menu {
     top: 60px;
}
 .header.style1 .flat-show-search .show-search i {
     display: block;
     height: 35px;
     width: 35px;
     line-height: 35px;
     text-align: center;
     color: #00a0da;
     background-color: #fff;
     border-radius: 50%;
     margin: 13px 0 12px;
}
 .header.style1 .flat-show-search .top-search {
     top: 7px;
}
/* Header Style1 V1 */
 .header.style1.v1 {
     background-color: transparent;
     height: 0;
}
 .header.style1.v1 .flat-header-wrap {
     position: absolute;
     top: -30px;
     left: 0px;
     width: 100%;
     max-width: 100%;
     background-color: #00a0da;
     z-index: 99;
     width: 1170px;
}
 .header.style1.v1 .flat-header-wrap .flat-show-search .show-search {
     margin-right: 15px;
}
 .header.style1.v1 .flat-header-wrap .flat-show-search .show-search i {
     color: #1c4671;
}
 .header.style1.v1 .flat-show-search .top-search.show {
     right: 34px;
}
/* Header Style2 ---------------------------------------------------------------*/
 .header.style2 #mainnav .menu > li > a {
     line-height: 90px;
     padding: 0 14px;
}
 .header.style2 #mainnav .menu > li > a:before {
     background-color: #00a0da;
}
 .header.style2 #mainnav .menu > li:hover > .sub-menu {
     top: 90px;
}
 .header.style2 .flat-show-search .show-search i {
     width: 33px;
     height: 33px;
     text-align: center;
     border-radius: 50%;
     margin: 28px 0;
     box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.05);
}
/* Header Style2 V1 */
 .header.style2.v1 {
     background-color: transparent;
     position: absolute;
     top: 50px;
     left: 0;
     width: 100%;
     z-index: 99;
     box-shadow: none;
}
 .header.style2.v1 #mainnav .menu > li {
     margin: 0 17px;
}
 .header.style2.v1 #mainnav .menu > li > a {
     color: #fff;
     padding:0;
}
 .header.style1 #mainnav .menu > li.active > a {
     color: #5FE283;
   font-weight: bold;
}
 .header.style2.v1 .flat-show-search .show-search i {
     background-color: #1c4671;
}
/* Main Menu ---------------------------------------------------------------*/
 .header-wrap {
     width: 100%;
     padding: 0 15px;
}
 .nav-wrap {
     float: right;
}
 #mainnav .menu > li {
     display: inline-block;
     position: relative;
}
 #mainnav .menu > li > a {
     line-height: 90px;
     display: block;
     padding: 0 15.5px;
     color: #000002;
     font-weight: 600;
     text-transform: uppercase;
     position: relative;
}
 #mainnav .menu > li.active > a, #mainnav .menu > li > a:hover {
     color: #00a0da;
}
 #mainnav .menu > li:last-child a {
     padding-right: 0;
}
 #mainnav .menu > li a i.fa {
     padding-left: 6px;
}
/* Sub-menu */
 #mainnav .menu > li > .sub-menu {
     opacity: 0;
     position: absolute;
     width: 270px;
     padding-top:0px;
     top: 120%;
     left: 0;
     visibility: hidden;
     z-index: 99;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 #mainnav .menu > li:last-child .sub-menu {
     left: auto;
     right: 0;
}
 #mainnav .menu > li:hover > .sub-menu {
     opacity: 1;
     top: 92px;
     visibility: visible;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 #mainnav .menu > li > .sub-menu > li {
     padding: 3px 5px;
     background-color: #fff;
}
 #mainnav .menu > li > .sub-menu > li > a {
     display: block;
     font-family: "Arimo", sans-serif;
     line-height: 20px;
   font-weight: 600;
   font-size: 15px;
     border-bottom: 1px solid #f4f4f4;
     color: #595959;
     position: relative;
     overflow: hidden;
}
 #mainnav .menu > li > .sub-menu > li > a:before {
     content: '\f0da';
     position: absolute;
     font-family: 'fontawesome';
     top: 0;
     left: -10px;
     color: #00a0da;
     opacity: 0;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 #mainnav .menu > li > .sub-menu > li.active > a:before, #mainnav .menu > li > .sub-menu > li > a:hover:before {
     left: 0px;
     opacity: 1;
}
 #mainnav .menu > li > .sub-menu > li.active > a, #mainnav .menu > li > .sub-menu > li > a:hover {
     color: #00a0da;
     padding-left: 15px;
}




.our_mission .imagebox.style2 .imagebox-content {
    padding: 10px;
    position: relative;
    text-align: center;
    font-size: 18px;
    min-height: 250px;
}
.our_mission img.alignnone.wp-image-129{
    height: 240px;
    object-fit: cover;
}



.topics{
  padding-top: 2%;
  padding-bottom: 3%;
}
.topics .bar3 a{
    color: #000;
}
.holder {
    height: 388px;
    overflow: scroll;
    width: 100%;
  background:#F0F8FF;
  background-size: cover;
}

.topics h2{
  background-color: #00a0da;
  color: #fff;
  padding: 5px 10px;
  text-align: center;
  font-weight: bold;
}
.bar3 {
  height: auto;
  padding: 10px 20px;
  overflow-y: auto!important;
}
.bar3 ul{
  position: relative;
  z-index: 12;
}
.holder .bar3 h3{
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  padding-bottom: 5px;
  font-family: "Arimo", sans-serif;
}
.holder .bar3 ul li a{
  color: #000;
  font-weight: 500;
  font-size: 15px;
  font-family: "Arimo", sans-serif;
  margin-left: 30px;
}
.holder .bar3 ul li a:hover{
  color: #000;
  font-weight: normal;
  transition: .5s;
}
.financefunction{
  background-color: aliceblue;
  width: 100%;
  height: 400px;
}
.financefunction a{
    color: #fff;
}
.financefunction_cont h2{
  width: 100%;
  padding: 5px;
  background-color: #00A0DA;
  color: #fff;
  margin-bottom: 10px;
  font-weight: bold;
  text-align: center;
  font-family: "Arimo", sans-serif;
}
.financefunction_cont p{
  color: #000;
  text-align: left;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  padding-left: 2%;
  font-family: "Arimo", sans-serif;
}
.financefunction_cont p::before {
  content: "";
  margin-right: 15px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: relative;
  top: 0px;
  color: #00a54c;
}
.financefunction_cont_footer p::before {
  content: "";
}
.financefunction h4{
  padding: 5px;
  padding-right: 2%!important;
  margin-top: 10px;
  width: 100%;
  background-color: #00A0DA;
  color: #fff;
  text-align: center;
  font-family: "Arimo", sans-serif;
}
.financefunction h4:hover{
    background-color: #00A54C;
    transition: .5s;
}
.financefunction_cont {
  margin-bottom: 7px;
  border-bottom: 1px solid #00A54C;
  padding-bottom: 7px;
}




/*
 .bar3 ul li::before{
  content: '';
  position: absolute;
  height: 10px;
  width: 10px;
  background-color: #fff;
  border-radius: 50%;
  margin-left: -90px;
  margin-top: 10px;
   
}
*/












/* Slider */
.carousel-item {
  height: 100vh;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
}
.carousel-item::after{
  position: absolute;
  content:"";
    background: linear-gradient(90deg, rgba(0,0,0,0.9906163148853291) 0%, rgba(0,0,0,0.010224158022584029) 64%); 
  top: 0px;
  height: 700px;
  width: 100%;
}
.carousel-caption h3{
  font-size: 45px;
  font-weight: bold;
  color: #fff;
  padding-bottom: 2%;
  text-align: left;
}
.carousel-caption p{
  font-size: 18px;
  font-weight: normal;
  color: #fff;
  width: 50%;
  text-align: left;
}











.flat-services .btn-more {
  text-align: center;
  margin-top: 20px;
}
.servicesmainpic{
  width: 100%;
}
.servicesmainpic img{
  width: 100%;
  height: 500px;
  object-fit: cover;
}



/* Page Title ---------------------------------------------------------------*/
 .page-title {
     position: relative;
}
 .page-title.style1 {
     background-image: url('/wp-content/themes/cpcaccounting/stylesheet/../images/parallax/04.jpg');
}
.page-title::before{
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  background-color: rgba(0,0,0,0.5);
  top: 0px;
}
 .page-title .title-heading {
     position: absolute;
     top: 50%;
     left: 50%;
     width: 100%;
     transform: translate(-50%, -50%);
     text-align: center;
}
 .page-title .page-title-heading .h1-title {
     color: #fff;
     font-size: 40px;
     font-weight: 500;
     letter-spacing: 0.6px;
     margin-bottom: 1px;
}
 .page-title .breadcrumbs li {
     display: inline-block;
     line-height: 28px;
     color: #fff;
   font-size: 18px;
}
 .page-title .breadcrumbs li a {
     color: #00a0da;
     letter-spacing: -0.2px;
}
 .page-title .breadcrumbs li a i {
     padding: 0 3px 0 7px;
}
/* Main Content ---------------------------------------------------------------*/
 .main-content {
     padding: 100px 0 100px;
}
 .main-content.style1 {
     padding: 76px 0 104px;
}
 .main-content .post-wrap.style1 {
     padding-top: 21px;
}
 .main-content .post-wrap.style2 {
     margin: 0px;
}
.main-content .post-wrap.style2 li{
    line-height: 32px;
     font-size: 18px;
     list-style: square;
     margin-left: 20px;
}
.entry-content h2{
   margin-bottom: 10px;
  font-size: 35px;
  color: #109F4E;
  font-weight: bold;
}
.main-content .post-wrap.style2 h3{
    margin-bottom: 10px;
  font-size: 28px;
  color: #109F4E;
  font-weight: bold;
  padding-top: 0px;
}
.main-content .post-wrap.style2 h4{
 margin-bottom: 10px;
  font-size: 22px;
  color: #00A0DA;
  font-weight: 500;
  padding-top: 2%;
}


/* Blog Pagination ---------------------------------------------------------------*/
 .blog-single-pagination {
     text-align: center;
}
 .flat-pagination li {
     display: inline-block;
}
 .flat-pagination li a {
     background-color: #f7f7f7;
     padding: 0 15px;
     display: block;
     line-height: 34px;
     text-align: center;
     border-radius: 3px;
     color: #222222;
}
 .flat-pagination li a:hover, .flat-pagination li a.active {
     background-color: #00a0da;
     color: #ffffff;
}
 .flat-pagination li a i {
     padding-left: 3px;
}
/* Footer Top ---------------------------------------------------------------*/
 .footer-top {
     background-color: #29282e;
     box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15);
     padding: 34px 0;
     position: relative;
     z-index: 9;
}
 .footer-top #logo-ft {
     margin-bottom: 0;
}
/* Iconbox Style2 v1 */
 .iconbox.style2.v1 {
     padding: 6px 0;
}
 .iconbox.style2.v1 .iconbox-icon {
     color: #00a0da;
}
 .iconbox.style2.v1 .iconbox-content h4, .iconbox.style2.v1 .iconbox-content p {
     color: #868686;
}


.social_iconbox{
  padding-top: 50px;
}
.social_iconbox li{
  display: inline-block;
}
.social_iconbox i{
  font-size: 18px;
  color: #00a0da ;
  padding: 2px 2px;
}
.social_iconbox i:hover{
  color: #00A54C;
  transition: .5s;
}







/* Footer ---------------------------------------------------------------*/
 #footer {
     background-color: #00a0da;
     padding: 50px 0 50px;
     color: #fff;
}
 #footer.style1 {
     padding-top: 67px;
}
 .widget-ft h3.title {
     color: #fff;
     font-size: 20px;
     font-weight: 600;
     padding-bottom: 24px;
     margin-bottom: 24px;
     position: relative;
}
 .widget-ft h3.title:before {
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     height: 1px;
     width: 50px;
     background-color: #fff;
     border-radius: 1px;
}
 .widget-ft.style1 h3.title:before {
     background-color: #fff;
}
/* Widget About */

 .widget-about ul.social {
     margin-top: 29px;
}
 .widget-about ul.social li {
     display: inline-block;
     margin-right: 1px;
}
 .widget-about ul.social li a {
     display: inline-block;
     font-size: 16px;
     color: #fff;
     height: 40px;
     line-height: 40px;
     width: 40px;
     text-align: center;
     border-radius: 3px;
     background-color: #343339;
}
 .widget-about ul.social li a:hover {
     color: #fff;
     background-color: #00a0da;
}
/* Widget Services */
 .widget-services {
     margin-left: -1px;
}
 .widget-services .one-half {
     width: 100%;
     float: left;
     margin-top: 2px;
}
 .widget-services .one-half li {
     position: relative;
}
 .widget-services .one-half li a:before {
     content: "\f0da";
     font-family: 'FontAwesome';
     position: absolute;
     top: 40%;
     left: 0;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .widget-services .one-half li a {
     color: #fff;
     line-height: 20px;
     display: inline-block;
     position: relative;
     padding-left: 15px;
   padding-bottom: 10px;
     font-family: "Arimo", sans-serif;
}
 .widget-services .one-half li a:hover {
     color: #5FE283;
}
/* Widget Lastest */
 .widget-lastest {
     margin-left: -31px;
}
 .widget-lastest h3.title {
     margin-bottom: 32px;
}
 .widget-lastest ul {
     margin-top: 10px;
}
 .widget-lastest ul li {
     margin-bottom: 16px;
     line-height: 26px;
     letter-spacing: 0.1px;
     padding-right: 10px;
}
 .widget-lastest ul li a {
     font-family: "arial";
}
 .widget-lastest ul li a:not(:hover) {
     color: #fff;
}
/* Widget-subscribe */
 .widget-subscribe {
     margin-left: -2px;
}
 .widget-ft.widget-subscribe h3.title {
     margin-bottom: 10px;
}
 .widget-subscribe form label {
     color: #ffffff;
     margin-bottom: 9px;
}
 #subscribe-email {
     width: 352px;
     border-radius: 0;
     background-color: #343339;
     color: #fff;
     border: 1px solid #2e363a;
}
 #subscribe-email::placeholder {
     color: #fff;
}
 #subscribe-email:focus {
     border-color: #00a0da;
}
 .widget-subscribe form .button-subscribe:hover {
     background-color: #252525;
     border-color: #252525 
}
 .widget-subscribe button {
     letter-spacing: 0;
     border-radius: 25px;
     padding: 0 36px;
     height: 47px;
}
 .notification_error {
     padding-top: 10px;
     color: #00a0da;
}
 .notification_ok {
     text-align: center;
     color: #00a0da;
}
/* Footer Bottom ---------------------------------------------------------------*/
 .footer-bottom {
     padding: 20px 0px;
     background-color: #02688C;
}
 .footer-bottom .copyright {
     text-align: center;
     color: #fff;
     font-size: 16px;
}
 .footer-bottom .copyright a {
     color: #5FE283;
     font-family: "Arimo", sans-serif;
}
 .footer-bottom .copyright a:hover {
     color: #fff;
}
/* BLog -------------------------------------------------------------- */
/* Main Post */
 .post-wrap {
     margin-left: -14.5px;
     margin-right: -43px;
}
 .post-wrap .one-half {
     padding: 0 14.5px;
}
 .post-wrap .fullwidth {
     width: 100%;
     padding-left: 15px;
     padding-right: 15px;
}
 article.main-post {
     border-radius: 5px;
     overflow: hidden;
}
 article.main-post {
     margin-bottom: 48px;
     position: relative;
     bottom: 0;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     box-shadow: 2px 2px 10px 0px rgba(18, 110, 175, 0.15);
}
 article.main-post:hover {
     position: relative;
     bottom: 5px;
}
 article.main-post .featured-post {
     overflow: hidden;
}
.featured-post img{
  width: 100%;
  height: 500px;
  object-fit: cover;
}
 article.main-post .featured-post a img {
     width: 100%;
   height: 300px;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 article.main-post:hover .featured-post a img {
     transform: rotate(3deg) scale(1.1);
}
 article.main-post .entry-content {
     padding: 10px 20px;
     font-size: 17px;
     height: 200px;
     overflow: hidden;
     line-height: 23px;
}
 article.main-post .entry-content .date {
     line-height: 25px;
     padding: 0 14px;
     border-radius: 2px;
     background-color: #28bf6b;
     color: #fff;
     font-size: 12px;
     display: inline-block;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 article.main-post:hover .entry-content .date {
     background-color: #252525;
}
 article.main-post .entry-content h3 {
     margin: 5px 0px;
     height: 60px;
    overflow: hidden;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;

}
 article.main-post .entry-content h3 a:not(:hover) {
     color: #000002;
}
 article.main-post .entry-content p {
     line-height: 27px;
}
 article.main-post.style1 {
     border-radius: 0px;
     margin-bottom: 60px;
}
 article.main-post.style1:hover {
     box-shadow: none;
}
 article.main-post.style1 .entry-title h3 {
     font-size: 20px;
     font-weight: 500;
     line-height: 22px;
     padding-bottom: 16px;
     border-bottom: 1px solid #f2f2f2;
}
 article.main-post.style1 .entry-title h3 a:not(:hover) {
     color: #252525;
}
 article.main-post.style1 .entry-title ul {
     padding: 15px 0 22px;
}
 article.main-post.style1 .entry-title ul li {
     display: inline-block;
     margin-right: 35px;
}
 article.main-post.style1 .entry-title ul li i {
     color: #00a0da;
     padding-right: 7px;
}
 article.main-post.style1 .entry-title ul li a {
     font-family: "Arimo", sans-serif;
}
 article.main-post.style1 .entry-title ul li a:not(:hover) {
     color: #999999;
}
 article.main-post.style1 .entry-content {
     padding: 0;
     margin-top: 16px;
     letter-spacing: 0.08px;
}
/* Comment Respond */
 .comment-respond h3 {
     font-size: 20px;
     color: #333333;
     margin-bottom: 31px;
}
 .comment-respond form div.comment-form-name, .comment-respond form div.comment-form-email {
     float: left;
     width: 50%;
     margin-bottom: 23px;
}
 .comment-respond form div.comment-form-name {
     padding-right: 15px;
}
 .comment-respond form div.comment-form-email {
     padding-left: 15px;
}
 .comment-respond form div input, .comment-respond form div textarea {
     background-color: transparent;
     border: none;
     height: 41px;
     border-bottom: 1px solid #d7d7d7;
     padding-left: 0px;
     color: #979797;
     border-radius: 0px;
     margin-bottom: 0px;
}
 .comment-respond form div input:focus, .comment-respond form div textarea:focus {
     border: none;
     border-bottom: 1px solid #00a0da;
}
 .comment-respond form div textarea {
     height: 88px;
}
 .comment-respond form div.comment-form-submit {
     margin-top: 21px;
}
.form-submit h4 a{
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  padding-top: 5%;
}
 .comment-respond form div.comment-form-submit p {
     float: left;
     font-size: 13px;
     line-height: 46px;
}
 .comment-respond form div.comment-form-submit button {
     float: right;
     height: 46px;
     line-height: 46px;
     border: none;
}
 .comment-respond form div.comment-form-submit button:hover {
     background-color: #555555;
}
/* Comment Area */
 .comment-area {
     margin-top: 71px;
}
 .comment-area h3 {
     margin-bottom: 46px;
     font-size: 20px;
}
 .comment-list {
     box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.1);
}
 .comment-list li.comment article.comment-body {
     background-color: #f7f7f7;
     border-bottom: 1px solid #e5e5e5;
     padding: 32px 35px 23px 30px;
}
 .comment-list li.comment article.comment-body .comment-image {
     float: left;
     margin-right: 30px;
}
 .comment-list li.comment article.comment-body .comment-image img {
     border-radius: 50%;
}
 .comment-list li.comment article.comment-body .comment-text {
     overflow: hidden;
     margin-top: -3px;
}
 .comment-list li.comment article.comment-body .comment-text .comment-metadata .name {
     font-weight: 500;
     color: #1e1e1e;
     line-height: 1;
     margin-bottom: 8px;
     font-family: "Arimo", sans-serif;
}
 .comment-list li.comment article.comment-body .comment-text .comment-metadata .date {
     font-size: 13px;
     color: #999999;
}
 .comment-list li.comment article.comment-body .comment-text .comment-metadata .date span.reply {
     margin-left: 35px;
}
 .comment-list li.comment article.comment-body .comment-text .comment-metadata .date span.reply a {
     color: #00a0da;
     font-family: "arial";
}
 .comment-list li.comment article.comment-body .comment-text .comment-content {
     margin-top: 12px;
}
 .comment-list li.comment article.comment-body .comment-text .comment-content p {
     letter-spacing: 0.07px;
}
 .comment-list li.comment .children li.comment article.comment-body {
     padding-left: 130px;
}






/*******************************/
/*********** Start review CSS **********/
/*******************************/
#review {
    padding-top: 5%;
  padding-bottom: 5%;
    width: 100%;
}
#review .padtop10{
   padding-top: 0%;
}
#review .fa-chevron-circle-right{
  right: -50px !important;
  position: absolute !important;
  bottom: 110px !important;
}
#review .fa-chevron-circle-left{
  left: -50px !important;
  position: absolute !important;
  bottom: 110px !important;
}
#review .owl-nav i{
  font-size: 40px;
  color: #888888;
}
#review .section-heading::after {
  content: "";
  background-size: 100% 100%;
  background: url('/wp-content/themes/cpcaccounting/stylesheet/../images/border.png');
  background-repeat: no-repeat;
  position: absolute;
  z-index: 33333;
  height: 20px;
  width: 25%;
  left: 5%;
  right: 0%;
  margin: auto;
}
#review .section-heading h2 {
  color: #83c25a;
  font-size: 40px;
  font-family: 'Poppins', sans-serif;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}
#review h2 {
  color: #00a0da;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 40px;
  font-family: 'Poppins', sans-serif;
}
#review p{
  color: #000;
  font-weight: 600;
  font-size: 22px;
  font-family: 'Poppins', sans-serif;
  padding-bottom: 3%;
}
#review .reviewbox p{
  color: #000;
  font-weight: normal;
  font-size: 20px;
  font-family: 'Poppins', sans-serif;
  padding-bottom: 3%;
}
.google-rating{
  width: 35%;
}
.google-rating img{
  width: 100%;
  height: 100px;
  object-fit: contain;
}
.review .writebtn{
  padding: 8px 20px!important;
  font-size: 17px!important;
  color: #fff!important;
  font-weight: bold!important;
  line-height: 1.3333333!important;
  background-color: #71bb40!important;
  text-decoration: none!important;
  font-family: 'arial', sans-serif!important;
  border-radius: 50px!important;
  position: relative;
  top: 40px;
}
.review .writebtn:hover{
  padding: 8px 20px!important;
  font-size: 17px!important;
  color: #fff!important;
  font-weight: bold!important;
  line-height: 1.3333333!important;
  background-color: #205b6e!important;
  text-decoration: none!important;
  font-family: 'arial', sans-serif!important;
  border-radius: 50px!important;
}
#review .review-carousel{
  margin-top: 40px;
}
.reviewbox{
  width: 90%;
  margin-left: 5%;
  background: #FFFFFF;
  padding: 10px;
}
.reviewbox img{
  width: 100%;
}
.reviewbox i{
  font-size: 20px;
  color: #EF6B05;
  margin-bottom: 10px;
  margin-top: 0px;
}
#review .reviewbox h4{
  font-weight: bold;
  font-family: "Arimo", sans-serif;
  font-size: 20px;
}
#review .bookbtn {
  padding: 10px 20px !important;
  font-size: 20px;
  color: #fff;
  font-weight: bold!important;
  border-radius: 40px;
  line-height: 1.3333333;
  border: 2px solid #144b5f;
  background-color: #144b5f;
  text-decoration: none;
}
#review .bookbtn:hover{
  padding: 10px 20px !important;
  font-size: 20px;
  color: #fff!important;
  font-weight: bold!important;
  border-radius: 50px;
  line-height: 1.3333333;
  border: 2px solid #71bb40;
  background-color: #71bb40;
  text-decoration: none;
}
/*******************************/
/*********** End review CSS **********/
/*******************************/



.aisec .form-submit p{
  font-weight: bold;
  font-size: 22px;
}

/*--=================================
   Start  contact area
  -====================================*/
.section-full {
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.aon-contact-1-pic {
  width: 130%;
}
.aon-contact2-area {
  position: relative;
  top: 0px;
  padding-top: 5%;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
}

.aon-contact2-area .row {
  display: flex;
  align-items: center;
}

.sf-contact-1-info-box .sf-contact-1-info .sf-title {
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: bold;
  font-family: "Arimo", sans-serif;
}

.sf-contact-1-info-box .sf-contact-1-info p {
  margin-bottom: 0px;
  font-size: 16px;
  font-family: "Arimo", sans-serif;
  font-weight: bold;
  color: #00a0da;
}

.sf-contact-1-info a {
  margin-bottom: 0px !important;
  font-size: 18px !important;
  font-family: 'Roboto', sans-serif !important;
  color: #00a0da;
  font-weight: bold;
  text-decoration: none !important;
}

.sf-contact-1-info a:hover {
  margin-bottom: 0px !important;
  font-size: 18px !important;
  font-family: 'Roboto', sans-serif !important;
  color: #000;
  transition: .5s;
}

.sf-contact-1-icon {
  position: relative;
  z-index: 1;
}
.sf-contact-1-info {
  margin-left: 20px;
  padding-top: 10px;
}
.sf-contact-1-info ul li{
  display: inline-block;
  padding: 0px 5px;
}
.sf-contact-1-icon  img{
  display: block;
  line-height: 60px;
    width: 60px;
  height: 70px;
  object-fit: contain;
}
.aon-contact-1-pic{
  width: 130%;
}
.aon-contact-1-pic img {
  width: 100%;
  height: 600px;
  object-fit: cover;
  margin-left: 0%;
  overflow: hidden;
  position: relative;
}

.sf-contact-form2 {
  max-width: 70%;
  margin: auto;
  margin-bottom: 5%;
  box-shadow: 1px 9px 23px 8px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 1px 9px 23px 8px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 1px 9px 23px 8px rgba(0, 0, 0, 0.35);
  position: relative;
  z-index: 1;
  background-color: #fff;
  padding: 50px;
  border-radius: 10px;
}

.sf-contact-form2 .form-control {
  border-width: 0px 0px 1px 0px;
  border-color: #ddd;
  border-style: solid;
}

.sf-contact-form2 textarea.form-control {
  height: 100px;
  background: #d8e7ef;
}
.sf-contact-form2 input[type="submit"]{
    display: inline-block;
    color: #fff!important;
    height: 45px!important;
    line-height: 0px!important;
}

.form-control {
  border: 1px solid #e1e1e1;
  border-top-color: rgb(225, 225, 225);
  border-top-style: solid;
  border-top-width: 1px;
  border-right-color: rgb(225, 225, 225);
  border-right-style: solid;
  border-right-width: 1px;
  border-bottom-color: rgb(225, 225, 225);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-color: rgb(225, 225, 225);
  border-left-style: solid;
  border-left-width: 1px;
  height: 50px;
  font-size: 14px;
  line-height: 20px;
  padding: 10px 12px;
  border-radius: 5px;
}

.sf-con-form-title h2 {
  font-size: 40px;
  margin-bottom: 10px;
  font-weight: bold;
  font-family: "Arimo", sans-serif;
  padding-top: 7%;
  padding-bottom: 2%;
  color: #00a0da;
  text-transform: uppercase;
}

.site-button {
  padding: 8px 40px !important;
  font-size: 15px;
  color: #fff;
  font-weight: 500 !important;
  border-radius: 50px;
  font-family: "Arimo", sans-serif;
  background: #109f4e;
  text-decoration: none;
  margin-top: 30px;
  border: 1px solid #3e8554;
  line-height: 0px;
}

.site-button:hover {
  padding: 8px 40px !important;
  font-size: 15px;
  color: #fff;
  font-weight: 500!important;
  border-radius: 50px!important;
  font-family: "Arimo", sans-serif;
  background: #00a0da;
  margin-top: 30px;
  border: 1px solid #00a0da;
  transition: .5s;
}


@media only screen and (max-width:991px) {
  .sf-contact-form2-wrap .sf-con-form-title h2 {
    font-size: 30px;
  }
}

@media only screen and (max-width:767px) {
  .sf-contact-form2-wrap .sf-con-form-title h2 {
    font-size: 26px;
  }
}


@media only screen and (max-width:991px) {
  .aon-contact2-area {
    padding: 30px 0px;
  }

  .aon-contact-1-info-wrap {
    padding: 30px;
  }
}

.aon-contact-1-info-wrap {
  padding: 30px;
  background-color: #fff;
  border: 6px solid #f2f7f6;
}

.sf-contact-1-info-box {
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
  display: flex;
}

.aon-contact-1-info-wrap .sf-contact-1-info-box:last-child {
  border: 0px;
  margin: 0px;
  padding: 0px;
}


/*--=================================
    End ------ Contact----- Area------
  -====================================*/



.section-content p{
   font-family: "Arimo", sans-serif;
    color: #000002;
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 20px;
}
.section-content li{
   font-family: "Arimo", sans-serif;
    color: #000002;
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 10px;
    list-style: square;
    margin-left: 30px;
}
.section-content h1{
    font-family: "Arimo", sans-serif;
    font-weight: 500;
    color: #28bf6b;
    font-size: 3rem;
    margin-bottom: 20px;
}
.section-content h2{
    font-family: "Arimo", sans-serif;
    font-weight: 500;
    color: #28bf6b;
    font-size: 2.7rem;
    margin-bottom: 20px;
}
.section-content h3{
    font-family: "Arimo", sans-serif;
    font-weight: 500;
    color: #28bf6b;
    font-size: 2.5rem;
    margin-bottom: 20px;
}
.aon-contact2-area img {
    height: 500px;
    object-fit: cover;
    border-radius: 20px;
}



/* Blog Pagination */
 .blog-pagination {
     text-align: center;
}
/* Side Bar Blog */
 .sidebar.right {
     padding-left: 69px;
}
 .sidebar .widget {
     margin-bottom: 48px;
     overflow: hidden;
}
 .sidebar .widget.widget-search {
     margin-bottom: 66px;
}
/* Widget Title */
 .widget .widget-title {
     font-size: 30px;
     margin-bottom: 10px;
     color: #0e0e0e;
     position: relative;
     font-weight: 500;
   padding-bottom: 5px;
   border-bottom: 2px solid #eee;
}
/* Widget Search */
 .widget-search form .input-search {
     position: relative;
     padding-right: 30px;
}
 .widget-search form .input-search input {
     height: 50px;
     background-color: transparent;
     border-radius: 25px;
     padding-right: 30px;
     margin-bottom: 0px;
     color: #999;
}
 .widget-search form .input-search input::placeholder {
     color: #999;
}
 .widget-search form .input-search button {
     position: absolute;
     top: 0;
     right: 0;
     width: 50px;
     height: 50px;
     border-radius: 50%;
     text-align: center;
     font-size: 16px;
     padding: 0;
     border: none;
     color: #fff;
     background-color: #00a0da;
}
 .widget-search form .input-search button:hover {
     background-color: #444444;
     color: #fff;
}
/* Widget Categories */
 .widget-categories ul li {
     padding: 13px 0 12px 30px;
     border-bottom: 1px solid #e5e5e5;
     position: relative;
}
 .widget-categories ul li:last-child {
     border-bottom: none;
}
 .widget-categories ul li a:before {
     content: '';
     position: absolute;
     width: 12px;
     height: 12px;
     background-color: transparent;
     border: 1px solid #979797;
     border-radius: 50%;
    /* margin-top: -6.5px;
     */
     top: 50%;
     left: 0;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .widget-categories ul li a:hover, .widget-categories ul li.active a {
     color: #28bf6b;
}
 .widget-categories ul li a:after {
     content: '';
     position: absolute;
     height: 6px;
     width: 6px;
     background-color: #28bf6b;
     border-radius: 50%;
     top: 50%;
     margin-top: -3px;
     left: 3px;
     opacity: 0;
}
 .widget-categories ul li a:hover:before, .widget-categories ul li.active a:before {
     border-color: #28bf6b;
}
 .widget-categories ul li a:hover:after, .widget-categories ul li.active a:after {
     opacity: 1;
}
 .widget-categories ul li a {
     letter-spacing: -0.6px;
     display: block;
     font-family: "Arimo", sans-serif;
     font-size: 16px;
}
 .widget-categories ul li a span {
     float: right;
}
 .widget-post ul.post-list > li {
     border-bottom: 1px solid #f2f2f2;
     padding: 18px 0 10px;
     overflow: hidden;
}
 .widget-post ul.post-list > li:last-child {
     border-bottom: none;
}
 .widget-post ul.post-list li .post-image {
     float: left;
     margin-right: 17px;
}
.post-image img{
  width: 80px;
  height: 80px;
  object-fit: cover;
}
 .widget-post ul.post-list li .post-content h6 {
  line-height: 15px;
  font-weight: 500;
  margin-bottom: 0px;
  margin-top: 0px;
  height: 50px;
  overflow: hidden;
}
 .widget-post ul.post-list li .post-content h6 a:not(:hover) {
     color: #252525;
}
 .widget-post ul.post-list li .post-content ul li {
     display: inline-block;
     color: #109F4E;
     font-size: 14px;
}
 .widget-post ul.post-list li .post-content ul li span {
     padding: 0 7px;
}
/* Widget Tag */
 .sidebar .widget.widget-tags .widget-title {
     margin-bottom: 25px;
}
 .widget-tags .tag-cloud a {
     display: inline-block;
     position: relative;
     font-size: 16px;
     line-height: 40px;
     margin-right: 28px;
     font-family: "Arimo", sans-serif;
}
 .widget-tags .tag-cloud a:before {
     content: '/';
     position: absolute;
     right: -12px;
}
 .widget-tags .tag-cloud a:last-child:before {
     content: '';
}
/* Main Single */
 article.main-single {
     padding-bottom: 40px;
     margin-bottom: 71px;
     margin-right: -30px;
     border-bottom: 1px solid #f2f2f2;
}
 article.main-single .entry-title ul {
     padding: 17px 0;
     border-bottom: 1px solid #f2f2f2;
     margin-bottom: 0px;
}
 article.main-single .entry-title ul li {
     display: inline-block;
     margin-right: 35px;
}
 article.main-single .entry-title ul li i {
     padding-right: 6px;
}
 article.main-single .entry-title ul li a {
     color: #109F4E;
}
 article.main-single .entry-title h3 {
     margin-bottom: 20px;
     text-transform: uppercase;
     color: #252525;
   font-weight: bold;
   font-size: 20px;
}
 article.main-single .entry-content > p {
     color: #595959;
     line-height: normal;
     margin-bottom: 25px;
     padding-right: 30px;
     font-size: 17px;
}
 article.main-single .entry-content h4 {
     margin-bottom: 15px;
     font-family: "Arimo", sans-serif;
     font-size: 25px;
     margin-top: 30px;
}
 article.main-single .direction {
     float: right;
     margin-top: 8px;
     padding-right: 28px;
}
 article.main-single .direction span, article.main-single .direction ul, article.main-single .direction ul li {
     display: inline-block;
}
 article.main-single .direction span {
     font-style: italic;
     color: #252525;
     font-weight: 500;
     margin-right: 13px;
}
 article.main-single .direction ul li {
     margin-left: 3px;
}
 article.main-single .direction ul li a {
     height: 35px;
     width: 35px;
     line-height: 35px;
     display: inline-block;
     background-color: #00a0da;
     border-radius: 50%;
     color: #fff;
     font-size: 16.5px;
     text-align: center;
}
 article.main-single .direction ul li a:hover {
     background-color: #555555;
}
/* sidebar services */
.sidebar .widget {
  margin-bottom: 30px;
  overflow: hidden;
  background: aliceblue;
  padding: 10px;
  border-radius: 10px;  
}
 .sidebar .widget.widget_nav_menu ul li {
     cursor: pointer;
     display: block;
     padding: 12px 0 11px 25px;
     margin-bottom: 2px;
     color: #222222;
     font-weight: 700;
     font-size: 13px;
    font-family: "Arimo", sans-serif;
     background-color: #f1f1f1;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
     line-height: 35px;
     letter-spacing: 0.4px;
}
 .sidebar .widget.widget_nav_menu ul li.active, .sidebar .widget.widget_nav_menu ul li:hover {
     background-color: #3a526a;
     color: #fff;
}
 .sidebar .widget.widget_nav_menu ul li.active a, .sidebar .widget.widget_nav_menu ul li:hover a {
     color: #fff;
}
 .widget-brochure.services {
     padding: 28px 24px 13px 24px;
     border: 1px solid #999999;
}
 .widget-brochure.services .brochure-box-title p {
     margin-right: -5px;
}
/* Parallax -------------------------------------------------------------- */
.bptb{
  padding-top: 15%!important;
  padding-bottom: 7%!important;
}

 .parallax{
     width: 100%;
     background-size: 100%!important;
   background-position: center;
     position: relative;
     z-index: 9;
   padding-top: 8%;
   padding-bottom: 5%;
   background-repeat: no-repeat;
}
 .parallax1 {
     background-image: url('/wp-content/themes/cpcaccounting/stylesheet/../images/parallax/01.jpg');
}
 .parallax2 {
     background-image: url('/wp-content/themes/cpcaccounting/stylesheet/../images/parallax/03.jpg');
}
 .parallax4 {
     background-image: url('/wp-content/themes/cpcaccounting/stylesheet/../images/parallax/04.jpg');
}
 .parallax3 {
     background-image: url('/wp-content/themes/cpcaccounting/stylesheet/../images/parallax/02.jpg');
}
 .parallax5 {
     background-size: cover;
}
 .parallax6 {
     background-image: url('/wp-content/themes/cpcaccounting/stylesheet/../images/parallax/06.jpg');
}
 .parallax7 {
     background-image: url('/wp-content/themes/cpcaccounting/stylesheet/../images/parallax/07.jpg');
}
 .parallax9 {
     background-image: url('/wp-content/themes/cpcaccounting/stylesheet/../images/parallax/09.jpg');
}
 .parallax3 .overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: linear-gradient(90deg, transparent 30%, rgba(28, 70, 133, 0.9) 70%);
     z-index: -1;
}
 .parallax4 .overlay {
     position: absolute;
     top: 0px;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
     background-color: rgba(28, 70, 113, 0.9);
}
 .parallax7 .overlay {
     position: absolute;
     top: 0px;
     left: 0;
     width: 100%;
     height: 100%;
     background-image: url('/wp-content/themes/cpcaccounting/stylesheet/../images/parallax/08.png');
     z-index: -1;
}
 .parallax7 .overlay:before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: -5;
     background-color: rgba(28, 70, 113, 0.9);
}
 .overlay-gradient {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: linear-gradient(90deg, rgba(28, 70, 133, 0.9) 40%, transparent 60%);
     z-index: 1;
}
/* padding section */
 .pd-imagebox-s3 {
     padding: 100px 0;
}
 .flat-imagebox.style2 {
     padding: 50px 0 50px;
}
 .pd-portfolio-s1 {
     padding: 49px 0 74px;
}
 .pd-portfolio-s2 {
     padding: 49px 0 72px;
}
 .pd-portfolio-s3 {
     padding: 49px 0 70px;
}
 .pd-services-post {
     padding: 60px 0 41px;
}
 .pd-services-widget {
     padding: 50px 0 49px;
}
 .pd-about-post {
     padding: 50px 0 113px;
}
 .pd-aboutv3 {
     padding: 50px 0 49px;
}
 .pd-about-team {
     padding: 59px 0 90px;
}
 .pd-contact-v1 {
     padding: 100px 0 90px;
}
 .pd-contact-v2 {
     padding: 40px 0 58px;
}
 .pd-title-section {
     padding: 59px 0 0;
}
 .dividers {
     width: 100%;
     height: 50px;
     overflow: hidden;
}
 .blog-single-post {
     margin: 50px 0 39px;
}
 .dividers-pagination {
     height: 40px;
}
 .dividers.portfolio {
     height: 42px;
}
 .dividers.dividers-imagebox {
     height: 79px;
}
 .dividers.dividers-imagebox.v1 {
     height: 81px;
}
 .dividers.dividers-bc-v1 {
     height: 24px;
}
 .dividers.dividers-bc-v2 {
     height: 44px;
}
 .dividers.dividers-bc-v3 {
     height: 20px;
}
 .dividers.dividers-bc-v4 {
     height: 50px;
}
 .dividers.dividers-about-post {
     height: 115px;
}
 .dividers.dividers-about-team {
     height: 61px;
}
/* Mobile navigation ---------------------------------------- */
 #mainnav-mobi {
     display: block;
     margin: 0 auto;
     width: 100%;
     background-color: #1d2738;
     z-index: 1000;
     position: absolute;
     top: 60px;
}
 #mainnav-mobi ul {
     display: block;
     list-style: none;
     margin: 0;
     padding: 0;
}
 #mainnav-mobi ul li {
     margin:0;
     position: relative;
     text-align: left;
     border-top: 1px solid #2d374a;
     cursor: pointer;
}
 #mainnav-mobi ul > li > a {
     text-decoration: none;
     height: 50px;
     line-height: 50px;
     padding: 0 15px;
     color: #fff;
     text-transform: uppercase;
}
 #mainnav-mobi ul.sub-menu {
     top: 100%;
     left: 0;
     z-index: 2000;
     position: relative;
     background-color: #1d2738;
}
 #mainnav-mobi > ul > li > ul > li, #mainnav-mobi > ul > li > ul > li > ul > li {
     border-top: 1px solid #2d374a;
     background-color: #1d2738;
}
 #mainnav-mobi > ul > li > ul > li > ul > li a {
     padding-left: 45px !important;
}
 #mainnav-mobi ul.sub-menu > li > a {
     display: block;
     text-decoration: none;
     padding: 0 30px;
     border-top-color: rgba(255,255,255,.1);
     -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
     -o-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
}
 #mainnav-mobi > ul > li > ul > li:first-child a {
     border-top: none;
}
 #mainnav-mobi ul.sub-menu > li > a:hover, #mainnav-mobi > ul > li > ul > li.active > a {
     color: #fff;
}
 .btn-menu {
     display: none;
     float: right;
     position: relative;
     background: transparent;
     cursor: pointer;
     margin: 38px 0px 38px 0px;
     width: 26px;
     height: 16px;
     -webkit-transition: all ease .238s;
     -moz-transition: all ease .238s;
     transition: all ease .238s;
}
 .btn-menu:before, .btn-menu:after, .btn-menu span {
     background-color: #00a0da;
     -webkit-transition: all ease .238s;
     -moz-transition: all ease .238s;
     transition: all ease .238s;
}
 .btn-menu:before, .btn-menu:after {
     content: "";
     position: absolute;
     top: 0;
     height: 2px;
     width: 100%;
     left: 0;
     top: 50%;
     -webkit-transform-origin: 50% 50%;
     -ms-transform-origin: 50% 50%;
     transform-origin: 50% 50%;
}
 .btn-menu span {
     position: absolute;
     width: 100%;
     height: 2px;
     left: 0;
     top: 50%;
     overflow: hidden;
     text-indent: 200%;
}
 .btn-menu:before {
     -webkit-transform: translate3d(0, -7px, 0);
     transform: translate3d(0, -7px, 0);
}
 .btn-menu:after {
     -webkit-transform: translate3d(0, 7px, 0);
     transform: translate3d(0, 7px, 0);
}
 .btn-menu.active span {
     opacity: 0;
}
 .btn-menu.active:before {
     -webkit-transform: rotate3d(0, 0, 1, 45deg);
     transform: rotate3d(0, 0, 1, 45deg);
}
 .btn-menu.active:after {
     -webkit-transform: rotate3d(0, 0, 1, -45deg);
     transform: rotate3d(0, 0, 1, -45deg);
}
 .btn-submenu {
     position: absolute;
     right: 0px;
     top: 0;
     font: 20px/50px 'FontAwesome';
     text-align: center;
     cursor: pointer;
     width: 50px;
     height: 50px;
}
 .btn-submenu:before {
     content: "\f107";
     color: #fff;
}
 .btn-submenu.active:before {
     content: "\f106";
}
 .btn-menu {
     display: none;
}
/* GoTop -------------------------------------------------------------- */
 .go-top {
     position: fixed !important;
     right: 15px;
     bottom: 15px;
     width: 40px;
     height: 40px;
     z-index: 9999;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     border-radius: 50%;
     cursor: pointer;
     background-color: rgba(24, 186, 96, 0.8);
     box-shadow: 1px 1px 8px 0px rgba(0, 0, 0, 0.5);
     line-height: 40px;
     text-align: center;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 .go-top i {
     font-size: 14px;
     color: #fff;
     font-weight: 600;
}
 .go-top:hover {
     background-color: #00a0da;
}
/* Switcher -------------------------------------------------------------- */
 .switcher-container {
     position: fixed;
     right: -220px;
     top: 137px;
     width: 220px;
     background-color: #000;
     z-index: 99999999;
   display: none;
}
 .switcher-container h2 {
     color: #fff;
     font-size: 13px;
     font-weight: 700;
     letter-spacing: 0;
     text-transform: uppercase;
     height: 45px;
     line-height: 45px;
     padding-left: 45px;
     padding-right: 0;
     margin: 0;
}
 .switcher-container h2 a {
     background-color: #000;
     display: block;
     position: absolute;
     left: -45px;
     top: 0;
     width: 45px;
     height: 45px;
     line-height: 45px;
     text-align: center;
     outline: 0;
     color: #fff;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 .switcher-container h2 a.active {
     left: 0;
}
 .switcher-container h2 a.active:after {
     position: absolute;
     right: 21px;
     top: 0;
     content: "\f105";
     font-family: "FontAwesome";
     color: #00a0da;
     font-size: 22px;
}
 .switcher-container h2 a.active i {
     display: none;
}
 .switcher-container h2 a:hover, .switcher-container h2 a:focus {
     text-decoration: none;
}
 .switcher-container h2 i {
     margin-top: 10px;
     font-size: 25px;
     color: #00a0da;
     -webkit-animation: fa-spin 2s infinite linear;
     animation: fa-spin 2s infinite linear;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 .switcher-container h2 i:hover {
     color: #fff;
}
 .switcher-container h3 {
     font-size: 12px;
     font-weight: 700;
     color: #fff;
     margin: 0;
     line-height: 22px;
     margin-bottom: 10px;
}
 .switcher-container .selector-box {
     color: #fff;
     overflow: hidden;
}
 .switcher-container .layout-switcher {
     margin: 0 0 10px 0;
     overflow: hidden;
}
 .switcher-container .layout-switcher a.layout {
     float: left;
     display: block;
     cursor: pointer;
     text-align: center;
     font-weight: 700;
     padding: 10px 20px;
     margin-left: 10px;
}
 .switcher-container .layout-switcher a.layout:first-child {
     margin-left: 0;
}
 .switcher-container .layout-switcher a.layout:hover {
     color: #fff;
     cursor: pointer;
}
 .switcher-container .color-box {
     height: auto;
     overflow: hidden;
     margin-bottom: 6px;
}
 .switcher-container .styleswitch {
     margin-bottom: 10px;
}
 .sw-odd {
     background-color: #272727;
     padding: 21px 0 30px 20px;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
}
 .sw-even {
     background-color: #191919;
     padding: 21px 0 25px 20px;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
}
 .sw-even a {
     font-family: "Karla", sans-serif;
     text-transform: uppercase;
     font-size: 12px;
     line-height: 40px;
     color: #fff;
     border: 1px solid #fff;
     padding: 10px 20px 10px 20px;
     margin-right: 10px;
     letter-spacing: 1.8px;
}
 .sw-even a:hover {
     background-color: #32bfc0;
     border: 1px solid #32bfc0;
     color: #fff !important;
}
 .sw-light {
     background-color: #fff;
     color: #000 !important;
}
 .sw-odd a {
     font-size: 16px;
     color: #fff;
     width: 100%;
     display: inline-block;
     line-height: 17px;
     width: 100%;
     position: relative;
     padding-left: 47px;
}
 .sw-odd .ws-colors a:before {
     background: none;
}
 .sw-odd .ws-colors a {
     position: relative;
     width: auto;
     padding: 0;
     width: 30px;
     height: 30px;
     background-color: #333;
     display: inline-block;
     margin-right: 5px;
     overflow: hidden;
}
 .sw-odd .ws-colors a.current:before {
     position: absolute;
     left: 8px;
     top: 6px;
     font-family: FontAwesome;
     content: "\f00c";
     color: #fff;
     z-index: 999;
     text-shadow: 0 0 2px rgba( 0, 0, 0, 1 );
}
 .sw-odd .ws-colors #color1 {
     background-color: #00a0da;
}
 .sw-odd .ws-colors #color2 {
     background-color: #247fe1;
}
 .sw-odd .ws-colors #color3 {
     background-color: #f87b27;
}
 .sw-odd .ws-colors #color4 {
     background-color: #e33062;
}
 .sw-odd .ws-colors #color5 {
     background-color: #29c2e1;
}
 .sw-odd .ws-colors #color6 {
     background-color: #9b23ea;
}
 .sw-odd #color2 {
     background-color: #333;
}
 .sw-odd .ws-colors a#color2:after {
     border-bottom: 21px solid transparent;
     border-top: 21px solid transparent;
     border-left: 21px solid #ff5f2e;
}
 .sw-odd #color3 {
     background-color: #333;
}
 .sw-odd .ws-colors a#color3:after {
     border-bottom: 21px solid transparent;
     border-top: 21px solid transparent;
     border-left: 21px solid #30a9de;
}
 .sw-odd #color4 {
     background-color: #333;
}
 .sw-odd .ws-colors a#color4:after {
     border-bottom: 21px solid transparent;
     border-top: 21px solid transparent;
     border-left: 21px solid #d9e1e8;
}
 .sw-odd #color5 {
     background-color: #333;
}
 .sw-odd .ws-colors a#color5:after {
     border-bottom: 21px solid transparent;
     border-top: 21px solid transparent;
     border-left: 21px solid #090707;
}
 .sw-odd #color6 {
     background-color: #333;
}
 .sw-odd .ws-colors a#color6:after {
     border-bottom: 21px solid transparent;
     border-top: 21px solid transparent;
     border-left: 21px solid #79bd9a;
}
 .sw-even h3 {
     margin-bottom: 6px;
}
/* Pattern */
 .sw-pattern.pattern {
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     filter: alpha(opacity=0);
     opacity: 0;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     position: absolute;
     left: 0;
     top: 98%;
     background-color: #000000;
     width: 100%;
     z-index: -1;
     padding: 20px 0 30px 20px;
}
 .sw-pattern.pattern a {
     width: 40px;
     height: 40px;
     display: inline-block;
     margin-right: 5px;
     margin-bottom: 5px;
     position: relative;
}
 .sw-pattern.pattern a.current:before {
     position: absolute;
     left: 12px;
     top: 6px;
     font-family: FontAwesome;
     content: "\f00c";
     color: #fff;
     text-shadow: 0 0 2px rgba( 0, 0, 0, 1 );
}
/*switcher image*/
 .sw-odd .sw-image {
     padding: 0 20px 15px 0;
}
 .sw-odd .sw-image a{
     padding: 0;
     margin-bottom: 5px;
}
 .sw-odd .sw-image .sw-buy {
     width: 100%;
     border: none;
     background: #6f9a37;
     position: relative;
     height: 35px;
     line-height: 37px;
     border-radius: 0;
}
 .sw-odd .sw-image .sw-buy:before {
     content: "\f07a";
     font-family: "FontAwesome";
     color: #fff;
     position: absolute;
     left: 20%;
     top: -1px;
}
 .sw-odd .sw-image .sw-buy:hover {
     background: #2e363a;
}
/* Preload -------------------------------------------------------------- */
 #loading-overlay {
     position: fixed;
     z-index: 999999;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     display: block;
     background: #fff;
}
 .loader {
     position: absolute;
     top: 50%;
     left: 50%;
     width: 60px;
     height: 60px;
     margin: -30px 0 0 -30px;
}
 .loader:before, .loader:after {
     position: absolute;
     display: inline-block;
     width: 60px;
     height: 60px;
     content: "";
     -webkit-animation: preloader-wave 1.6s linear infinite;
     animation: preloader-wave 1.6s linear infinite;
     border-radius: 50%;
     background: #00a0da;
}
 .loader:after {
     -webkit-animation-delay: -.8s;
     animation-delay: -.8s;
}
 @-webkit-keyframes preloader-wave {
     0% {
         -webkit-transform: scale(0, 0);
         transform: scale(0, 0);
         opacity: .5;
    }
     100% {
         -webkit-transform: scale(1, 1);
         transform: scale(1, 1);
         opacity: 0;
    }
}
 @keyframes preloader-wave {
     0% {
         -webkit-transform: scale(0, 0);
         transform: scale(0, 0);
         opacity: .5;
    }
     100% {
         -webkit-transform: scale(1, 1);
         transform: scale(1, 1);
         opacity: 0;
    }
   
   
   
}