.primary-bg {
  background: #0396b0;
}
.overlay-major {
  position: relative;
}
.overlay-major:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: rgba(3,150,176,0.9);
}
#wrap-contact-form146 .rf_submit {
  background: #0396b0 !important;
  display: block;
  max-width: 158px;
  margin: 0 auto;
  position: relative;
  z-index: 99;
}
#wrap-contact-form146 .rf_submit:hover {
  color: #363636 !important;
}
.rs-content-bottom {
  position: relative;
  padding: 35px 0;
}
.rs-content-bottom:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: #0396b0;
}
.overlay-major-deep {
  position: relative;
}
.overlay-major-deep:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: rgba(3,150,176,0.95);
}
.sppb-magnific-popup span::before,
.sppb-magnific-popup span::after {
  color: #0396b0;
}
.bs-sidebar .sscf-form {
  padding-bottom: 20px;
}
#sp-slider .first-slider {
  background: rgba(3,150,176,0.6);
}
.slick-dots li button::before,
.slick-dots li.slick-active button::before {
  background: #0396b0;
}
.menu-bottom .sp-module ul > li:hover a {
  color: #101010 !important;
}
.menu-bottom .rev_slider .readon-major:hover:before {
  right: 23px;
}
.menu-bottom #sp-top-logo-center .container #sp-top1 .sp-contact-info li a:hover,
.menu-bottom #sp-top-logo-center .container #sp-top2 .social-icons li a:hover {
  color: #0396b0;
}
.service-default .sppb-col-md-4 .sppb-addon-feature:hover .sppb-addon-content {
  background: #0396b0 !important;
  color: #101010 !important;
}
.service-default .sppb-col-md-4 .sppb-addon-feature:hover .sppb-addon-content .sppb-addon-title a {
  color: #101010 !important;
}
.service-default .sppb-col-md-4 .sppb-addon-feature:hover .sppb-addon-content .sppb-icon a {
  color: #101010 !important;
}
#rs-about.rs-about-home i {
  color: #0396b0;
}
#rs-about .about-right .sppb-btn {
  background: #0396b0;
}
#rs-about .about-right .sppb-btn:hover {
  background: #363636;
}
.rs-services.rs-services3 .sppb-col-md-4 .sppb-addon-feature .sppb-addon-content:hover .sppb-addon-title a {
  color: #0396b0 !important;
}
.overlay-hover {
  position: relative;
}
.overlay-hover:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(54,54,54,0.8);
}
.overlay-hover-deep {
  position: relative;
}
.overlay-hover-deep:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(54,54,54,0.9);
}
.inverse.overlay-major:before {
  background: rgba(54,54,54,0.9);
}
.inverse.overlay-major-deep:before {
  background: rgba(54,54,54,0.95);
}
.inverse.overlay-hover:before {
  background: rgba(54,54,54,0.8);
}
.inverse.overlay-hover-deep:before {
  background: rgba(54,54,54,0.9);
}
.overlay-white {
  position: relative;
}
.overlay-white:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.8);
}
#sp-top-bar {
  color: #ffffff !important;
}
#sp-top-bar a:hover {
  color: #0396b0;
}
#sp-top-bar ul.social-icons li a.quote-button {
  background-color: #363636;
  color: #fff;
  font-size: 14px;
  padding: 2px 13px;
}
#sp-top-bar ul.social-icons li:hover a.quote-button {
  background-color: #272727;
}
#sp-top-bar ul.social-icons li:hover a i {
  color: #0396b0;
}
.slider-botton ul li:before {
  display: none;
}
.sppb-title-heading,
.sppb-addon-title {
  color: #101010;
}
.skew-major .sppb-section-title p.sppb-title-subheading {
  color: #ffffff;
}
.inverse .sppb-title-heading,
.inverse .sppb-addon-title {
  color: #363636;
}
.inverse .sppb-addon-feature.seo-report-item:hover .sppb-addon-title a {
  color: #ffffff !important;
}
.inverse.skew-major .sppb-section-title p.sppb-title-subheading {
  color: #ffffff;
}
#sp-top-bar .welcome-text i {
  color: #0396b0;
}
body.com-clpricetable #sp-main-body {
  padding-bottom: 20px;
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle {
  padding: 8px;
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle div .sp-simpleportfolio-title:hover a {
  color: rgba(255,255,255,0.6);
}
.sp-simpleportfolio .btn-zoom,
.sp-simpleportfolio .btn-view {
  border: 1px solid #fff !important;
}
.sp-simpleportfolio .btn-zoom:hover,
.sp-simpleportfolio .btn-view:hover {
  color: #0396b0 !important;
  border: 1px solid #0396b0 !important;
}
.inverse .rs-counter-list .counter-icon i {
  color: #0396b0;
}
.page-content ul li:before {
  color: #0396b0;
}
.sp-page-title .breadcrumb >.active {
  color: #0396b0;
}
.sp-page-title .breadcrumb li {
  color: #0396b0;
}
.team-social a {
  color: #0396b0;
}
.team-social a:hover {
  color: #0396b0;
  background: transparent !important;
}
.skill-sets .skillbar {
  height: 32px !important;
}
.skill-sets .skillbar-title {
  background: #0396b0 !important;
  height: 32px !important;
  line-height: 32px !important;
  border-radius: 0px !important;
  color: #363636 !important;
}
.skill-sets .skillbar-bar {
  background: #363636;
  height: 32px !important;
  border-radius: 0px !important;
}
.skill-sets .skill-bar-percent {
  color: #444444 !important;
  height: 32px !important;
  line-height: 32px !important;
}
.sppb-progress {
  border-radius: 0px;
  background-color: #ffffff;
}
.sppb-progress .sppb-progress-bar {
  background: #0396b0 !important;
}
.readmore {
  color: #ffffff;
}
.readmore:hover {
  color: #cccccc;
  text-decoration: underline !important;
}
.inverse .readmore {
  color: #ffffff;
}
.article-info .hits .fa {
  color: #0396b0;
}
.article-info >dd.createdby .fa {
  color: #0396b0;
}
.article-info >dd .fa {
  color: #0396b0;
}
.tags a {
  color: #0396b0;
}
.tags a:hover {
  background: #0396b0;
}
#slider-one-page .bullet.selected {
  background: #0396b0;
  border-color: #0396b0;
}
.sec-title h4 {
  color: #0396b0;
}
.clpricing-table .price-table.style4 .cl-pricetable-wrap .bottom .btn-table {
  background: #363636 !important;
  border-color: #363636 !important;
}
#sp-component .clpricing-table .price-table.style4 .cl-pricetable-wrap .bottom .btn-table:hover {
  background: #0396b0 !important;
  border-color: #0396b0 !important;
}
.header6 #sp-header #offcanvas-toggler {
  background: #0396b0;
}
.major-color {
  color: #0396b0;
}
.readon-major {
  background: #0396b0;
  color: #000;
  border: 0px;
}
.readon-major:hover,
.readon-major:focus {
  background: #026b7e;
  color: #000;
}
.rs-video-area .rs-video-content-wrap a.white-color:hover {
  background: #026b7e;
  border: 2px solid #026b7e;
}
.readon {
  background: #0396b0;
  color: #fff;
  border: 0px;
}
.readon:hover,
.readon:focus {
  background: #026b7e;
  color: #fff;
}
.readon.border {
  background: transparent;
  border: 2px solid #0396b0;
  color: #fff;
  line-height: 54px;
}
.readon.border:hover,
.readon.border:focus {
  background: #026b7e;
  border: 2px solid darken #363636;
  color: #fff;
}
.readon.border.white {
  background: #fff;
  border: 2px solid #0396b0;
  color: #363636;
}
.readon.border.white:hover,
.readon.border.white:focus {
  background: #026b7e;
  border: 2px solid #026b7e;
  color: #fff;
}
.readon.border.orange {
  background: #0396b0;
  border: 2px solid #0396b0;
  color: #fff;
}
.readon.border.orange:hover,
.readon.border.orange:focus {
  background: #026b7e;
  border: 2px solid #026b7e;
  color: #fff;
}
.readon.border.orange-color {
  color: #ffffff;
}
.readon.border.orange-color:hover,
.readon.border.orange-color:focus {
  color: #fff;
}
.readon.border.sm {
  line-height: 45px;
  border-width: 1px;
}
.readon.white {
  background: #fff;
  color: #363636;
}
.readon.white:hover,
.readon.white:focus {
  background: #363636;
  color: #fff;
}
.readon.active {
  background: #0396b0;
  color: #fff;
  transition: all 0.4s ease 0s;
}
.readon.active:hover,
.readon.active:focus {
  background: #02788d;
  border-color: #02788d;
}
.inverse .readon {
  background: #0396b0;
}
.inverse .readon:hover,
.inverse .readon:focus {
  background: #363636;
}
.inverse .readon.border {
  border: 2px solid #0396b0;
}
.inverse .readon.border:hover,
.inverse .readon.border:focus {
  background: #0396b0;
  border: 2px solid #0396b0;
}
.inverse .readon.border.white {
  border: 2px solid #0396b0;
  color: #0396b0;
}
.inverse .readon.border.white:hover,
.inverse .readon.border.white:focus {
  background: #0396b0;
  border: 2px solid #0396b0;
}
.inverse .readon.border.orange {
  background: transparent;
  border: 2px solid #ffffff;
}
.inverse .readon.border.orange:hover,
.inverse .readon.border.orange:focus {
  border: 2px solid #ffffff;
  background: #ffffff;
  color: #363636;
}
.inverse .readon.border.orange-color {
  color: #ffffff;
}
.inverse .readon.white {
  color: #0396b0;
}
.inverse .readon.white:hover,
.inverse .readon.white:focus {
  background: #0396b0;
}
.inverse .readon.active {
  background: transparent;
  border: 2px solid #ffffff;
}
.inverse .readon.active:hover,
.inverse .readon.active:focus {
  background: #ffffff;
  border-color: #ffffff;
  color: #363636;
}
.skew-major {
  position: relative;
  overflow: hidden;
}
.skew-major:before {
  background: #0396b0;
  content: "";
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  transform: skewX(-30deg) scale(2);
  width: 34%;
  z-index: 1;
}
.skew-major.full {
  overflow: visible;
  z-index: 2 !important;
}
.skew-major.full:before {
  transform: skewY(-4deg) scale(1);
  width: 100%;
}
.skew-hover {
  position: relative;
  overflow: hidden;
}
.skew-hover:before {
  background: #363636;
  content: "";
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  transform: skewX(-30deg) scale(2);
  width: 34%;
  z-index: 1;
}
.skew-hover.full {
  overflow: visible;
}
.skew-hover.full:before {
  transform: skewY(-4deg) scale(1);
  width: 100%;
}
.skew-major.frame-border:before {
  background-color: #0396b0;
  background-image: url(../../images/frame-border1.png), url(../../images/frame-border2.png);
  background-position: top center, bottom center;
  background-repeat: repeat-x, repeat-x;
  background-size: 100px, 100px;
}
.skew-hover.frame-border:before {
  background-color: #363636;
  background-image: url(../../images/frame-border1.png), url(../../images/frame-border2.png);
  background-position: top center, bottom center;
  background-repeat: repeat-x, repeat-x;
  background-size: 100px, 100px;
}
#rs-services .sppb-addon-title a:hover {
  color: #0396b0;
}
.inverse.skew-major.frame-border:before {
  background-color: #363636;
  background-image: url(../../images/frame-border1.png), url(../../images/frame-border2.png);
  background-position: top center, bottom center;
  background-repeat: repeat-x, repeat-x;
  background-size: 100px, 100px;
}
.inverse.skew-hover.frame-border:before {
  background-color: #0396b0;
  background-image: url(../../images/frame-border1.png), url(../../images/frame-border2.png);
  background-position: top center, bottom center;
  background-repeat: repeat-x, repeat-x;
  background-size: 100px, 100px;
}
.hover-bg {
  background: #363636;
}
.major-bg {
  background: #0396b0;
}
.inverse .hover-bg {
  background: #0396b0;
}
.inverse .major-bg {
  background: #363636;
}
.banner-skew:before {
  background: #fff;
  content: "";
  height: 100px;
  bottom: -25px;
  left: calc(-50%);
  position: absolute;
  -moz-transform: skewY(6deg);
  -webkit-transform: skewY(6deg);
  -o-transform: skewY(6deg);
  -ms-transform: skewY(6deg);
  transform: skewY(6deg);
  width: 100%;
  z-index: 9;
}
.banner-skew:after {
  background: #fff;
  content: "";
  height: 100px;
  bottom: -25px;
  right: calc(-50%);
  position: absolute;
  -moz-transform: skewY(-6deg);
  -webkit-transform: skewY(-6deg);
  -o-transform: skewY(-6deg);
  -ms-transform: skewY(-6deg);
  transform: skewY(-6deg);
  width: 100%;
  z-index: 9;
}
.banner-skew.anim:before {
  background: #fff;
  content: "";
  height: 100px;
  bottom: -25px;
  left: calc(-50%);
  position: absolute;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
  -moz-transform: skewY(0deg);
  -webkit-transform: skewY(0deg);
  -o-transform: skewY(0deg);
  -ms-transform: skewY(0deg);
  transform: skewY(0deg);
  width: 100%;
  z-index: 9;
}
.banner-skew.anim:after {
  background: #fff;
  content: "";
  height: 100px;
  bottom: -25px;
  right: calc(-50%);
  position: absolute;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
  -moz-transform: skewY(0deg);
  -webkit-transform: skewY(0deg);
  -o-transform: skewY(0deg);
  -ms-transform: skewY(0deg);
  transform: skewY(0deg);
  width: 100%;
  z-index: 9;
}
.banner-skew.anim.in-view:before {
  background: #fff;
  content: "";
  height: 100px;
  bottom: -25px;
  left: calc(-50%);
  position: absolute;
  -moz-transform: skewY(6deg);
  -webkit-transform: skewY(6deg);
  -o-transform: skewY(6deg);
  -ms-transform: skewY(6deg);
  transform: skewY(6deg);
  width: 100%;
  z-index: 9;
}
.banner-skew.anim.in-view:after {
  background: #fff;
  content: "";
  height: 100px;
  bottom: -25px;
  right: calc(-50%);
  position: absolute;
  -moz-transform: skewY(-6deg);
  -webkit-transform: skewY(-6deg);
  -o-transform: skewY(-6deg);
  -ms-transform: skewY(-6deg);
  transform: skewY(-6deg);
  width: 100%;
  z-index: 9;
}
#rs-services.service-tabs .sppb-nav-tabs li a:hover,
#rs-services.service-tabs .sppb-nav-tabs li.active a {
  background: #0396b0;
  border: 1px solid #0396b0;
  border-right: 0;
}
.partner-carousel.owl-carousel .owl-item img:hover {
  border: 1px solid #0396b0;
}
.work-process .sppb-addon-feature:hover::after {
  background: #0396b0;
}
.rs-about .about-box .sppb-addon-content {
  border-left: 4px solid #0396b0;
}
.rs-about .start-project .btn {
  background: #0396b0;
}
.rs-about .start-project .btn:hover {
  background: #363636;
  color: #fff;
}
#rs-services.anim-service {
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}
#sp-copyright {
  position: relative;
  z-index: 9;
}
.inverse #sp-footer {
  background: #363636 !important;
}
.inverse #sp-footer:before,
.inverse #sp-footer:after {
  display: none;
}
.inverse #sp-copyright .footer-bottom {
  border-top: none;
}
.header5 #sp-footer {
  background: #0396b0;
}
.header5 #sp-footer:before,
.header5 #sp-footer:after {
  display: none;
}
.header5 #sp-copyright .footer-bottom {
  border-top: none;
}
#about {
  color: #0396b0;
}
.sec-title h4 {
  color: #0396b0;
}
a {
  color: #0396b0;
}
a:hover {
  color: #026b7e;
}
.sp-megamenu-parent >li.active>a,
.sp-megamenu-parent >li:hover>a {
  color: #363636;
}
.sp-megamenu-parent >li:first-child.active a {
  color: #ffffff;
}
.sp-megamenu-parent >li:first-child:hover a {
  color: #363636;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
  border-top: 1px solid #ececec;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.sp-has-child {
  border-top: 0px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a:hover {
  background: #03859c;
  color: #ffffff;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
  color: #fff;
  background: #03859c;
}
.cl-testimonial3 .slick-list .slick-slide .rs-tst-content:hover .author-info .rs-tst-designation {
  color: #0396b0;
}
#rs-cta2 .sppb-btn-custom,
#rs-cta3 .sppb-btn-custom {
  background-color: #252525 !important;
}
#rs-cta2 .sppb-btn-custom:hover,
#rs-cta3 .sppb-btn-custom:hover {
  color: #0396b0 !important;
}
#rs-cta2 .sppb-btn-custom:hover:before,
#rs-cta3 .sppb-btn-custom:hover:before {
  color: #0396b0;
}
.rs-content-bottom .sppb-btn-custom {
  background-color: #252525 !important;
  font-size: 20px;
  text-transform: uppercase;
  color: #ffffff;
  padding: 11px 38px 11px 20px;
  font-weight: 700;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -ms-transition: 0.4s;
  border-radius: 0 !important;
  display: inline-block;
  position: relative;
}
.rs-content-bottom .sppb-btn-custom:hover {
  color: #0396b0 !important;
}
.rs-content-bottom .sppb-btn-custom:before {
  content: "\f101";
  font-family: FontAwesome;
  font-style: normal;
  text-decoration: inherit;
  color: #ffffff;
  font-size: 18px;
  position: absolute;
  -webkit-transition: 0.4s;
  -ms-transition: 0.4s;
  top: 10px;
  right: 21px;
  font-weight: 700;
}
.tp-caption span {
  color: #0396b0;
}
.default .sp-megamenu-parent >li.active>a,
.default .sp-megamenu-parent >li:hover>a {
  color: #0396b0 !important;
}
.default .sp-megamenu-parent >li:first-child.active a {
  color: #0396b0 !important;
}
.default .sp-megamenu-parent >li:first-child.active li a {
  color: #ffffff;
}
.default .sp-megamenu-parent >li:first-child:hover a {
  color: #0396b0;
}
.default .sp-megamenu-parent >li:first-child .sp-dropdown li a {
  color: #ffffff;
}
.default .sp-megamenu-parent >li a {
  color: #363636;
}
.default .sp-megamenu-parent .sp-dropdown li.sp-menu-item.sp-has-child {
  border-top: 0px;
}
.default .sp-megamenu-parent .sp-dropdown li.sp-menu-item >a:hover {
  background: #03859c;
  color: #ffffff;
}
.default .sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
  color: #fff;
  background: #03859c;
}
.default #sp-header.menu-fixed .sp-megamenu-parent .sp-dropdown .sp-dropdown-items li.sp-menu-item a {
  color: #101010;
}
.default #sp-header.menu-fixed .sp-megamenu-parent .sp-dropdown .sp-dropdown-items li.sp-menu-item a.sp-group-title {
  color: #101010;
}
.default #sp-header.menu-fixed .sp-megamenu-parent .sp-dropdown .sp-dropdown-items li.sp-menu-item:hover a {
  color: #0396b0;
}
.default #sp-header.menu-fixed .sp-megamenu-parent .sp-dropdown .sp-dropdown-items li.active a {
  color: #0396b0;
}
.default #sp-header.menu-fixed .sp-megamenu-parent .sp-dropdown li.sp-menu-item a.sp-group-title {
  color: #ffffff;
  line-height: normal;
}
.default #sp-header.menu-fixed .sp-megamenu-parent li:hover a,
.default #sp-header.menu-fixed .sp-megamenu-parent li.active a {
  color: #363636;
}
.home .sp-megamenu-parent >li.active>a,
.home .sp-megamenu-parent >li:hover>a,
.header5 .sp-megamenu-parent >li.active>a,
.header5 .sp-megamenu-parent >li:hover>a {
  color: #ffffff;
}
.home .sp-megamenu-parent >li:first-child.active >a,
.header5 .sp-megamenu-parent >li:first-child.active >a {
  color: #0396b0 !important;
}
.home .sp-megamenu-parent >li:first-child.active li a,
.header5 .sp-megamenu-parent >li:first-child.active li a {
  color: #101010;
}
.home .sp-megamenu-parent >li:first-child:hover a,
.header5 .sp-megamenu-parent >li:first-child:hover a {
  color: #ffffff;
}
.home .sp-megamenu-parent >li:first-child .sp-dropdown li a,
.header5 .sp-megamenu-parent >li:first-child .sp-dropdown li a {
  color: #101010;
  transition: all 0.3s;
}
.home .sp-megamenu-parent .sp-dropdown li.sp-menu-item.sp-has-child,
.header5 .sp-megamenu-parent .sp-dropdown li.sp-menu-item.sp-has-child {
  border-top: 0px;
}
.home .sp-megamenu-parent .sp-dropdown li.sp-menu-item >a:hover,
.header5 .sp-megamenu-parent .sp-dropdown li.sp-menu-item >a:hover {
  background: #fff;
  color: #0396b0;
}
.home .sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a,
.header5 .sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
  color: #0396b0;
  background: #fff;
}
.home #sp-header.menu-fixed .sp-megamenu-parent .sp-dropdown .sp-dropdown-items li.sp-menu-item a,
.header5 #sp-header.menu-fixed .sp-megamenu-parent .sp-dropdown .sp-dropdown-items li.sp-menu-item a {
  color: #101010;
}
.home #sp-header.menu-fixed .sp-megamenu-parent .sp-dropdown .sp-dropdown-items li.sp-menu-item a.sp-group-title,
.header5 #sp-header.menu-fixed .sp-megamenu-parent .sp-dropdown .sp-dropdown-items li.sp-menu-item a.sp-group-title {
  color: #101010;
}
.home #sp-header.menu-fixed .sp-megamenu-parent .sp-dropdown .sp-dropdown-items li.sp-menu-item:hover a,
.header5 #sp-header.menu-fixed .sp-megamenu-parent .sp-dropdown .sp-dropdown-items li.sp-menu-item:hover a {
  color: #0396b0;
}
.home #sp-header.menu-fixed .sp-megamenu-parent .sp-dropdown .sp-dropdown-items li.active a,
.header5 #sp-header.menu-fixed .sp-megamenu-parent .sp-dropdown .sp-dropdown-items li.active a {
  color: #0396b0;
}
.home #sp-header.menu-fixed .sp-megamenu-parent .sp-dropdown li.sp-menu-item a.sp-group-title,
.header5 #sp-header.menu-fixed .sp-megamenu-parent .sp-dropdown li.sp-menu-item a.sp-group-title {
  color: #101010;
  line-height: normal;
}
.home #sp-header.menu-fixed .sp-megamenu-parent li:hover a,
.home #sp-header.menu-fixed .sp-megamenu-parent li.active a,
.header5 #sp-header.menu-fixed .sp-megamenu-parent li:hover a,
.header5 #sp-header.menu-fixed .sp-megamenu-parent li.active a {
  color: #0396b0;
}
#sp-header.menu-fixed .sp-megamenu-parent .sp-dropdown .sp-dropdown-items li.sp-menu-item a {
  color: #101010;
}
#sp-header.menu-fixed .sp-megamenu-parent .sp-dropdown .sp-dropdown-items li.sp-menu-item a.sp-group-title {
  color: #101010;
}
#sp-header.menu-fixed .sp-megamenu-parent .sp-dropdown .sp-dropdown-items li.sp-menu-item:hover a {
  color: #0396b0;
}
#sp-header.menu-fixed .sp-megamenu-parent .sp-dropdown .sp-dropdown-items li.active a {
  color: #0396b0;
}
#sp-header.menu-fixed .sp-megamenu-parent .sp-dropdown li.sp-menu-item a.sp-group-title {
  color: #ffffff;
  line-height: normal;
}
#sp-header.menu-fixed .sp-megamenu-parent li:hover a,
#sp-header.menu-fixed .sp-megamenu-parent li.active a {
  color: #ffffff;
}
.header2 #sp-header.menu-fixed .sp-megamenu-parent li.active a,
.header3 #sp-header.menu-fixed .sp-megamenu-parent li.active a,
.header6 #sp-header.menu-fixed .sp-megamenu-parent li.active a {
  color: #0396b0;
}
.header2 #sp-header.menu-fixed .sp-megamenu-parent li.active:first-child a,
.header3 #sp-header.menu-fixed .sp-megamenu-parent li.active:first-child a,
.header6 #sp-header.menu-fixed .sp-megamenu-parent li.active:first-child a {
  color: #0396b0;
}
.header2 #sp-header.menu-fixed .sp-megamenu-parent li:hover a,
.header3 #sp-header.menu-fixed .sp-megamenu-parent li:hover a,
.header6 #sp-header.menu-fixed .sp-megamenu-parent li:hover a {
  color: #0396b0;
}
.header2 #sp-header .sp-megamenu-parent li.active li.active a,
.header3 #sp-header .sp-megamenu-parent li.active li.active a,
.header6 #sp-header .sp-megamenu-parent li.active li.active a {
  color: #0396b0;
}
.header2 #sp-header .sp-megamenu-parent li.active:first-child a,
.header3 #sp-header .sp-megamenu-parent li.active:first-child a,
.header6 #sp-header .sp-megamenu-parent li.active:first-child a {
  color: #101010;
}
.header2 #sp-header .sp-megamenu-parent li.active:first-child a:hover,
.header3 #sp-header .sp-megamenu-parent li.active:first-child a:hover,
.header6 #sp-header .sp-megamenu-parent li.active:first-child a:hover {
  color: #0396b0;
}
.home .sp-megamenu-parent li a {
  color: #ffffff;
}
.home .sp-megamenu-parent li.active>a,
.home .sp-megamenu-parent li:hover>a {
  color: #ffffff;
}
.sp-megamenu-parent li a {
  color: #0396b0;
  transition: unset;
}
.sp-megamenu-parent li.active>a,
.sp-megamenu-parent li:hover>a {
  color: #ffffff;
}
.sp-megamenu-parent li:first-child.active a {
  color: #ffffff;
}
.sp-megamenu-parent li:first-child:hover a {
  color: #0396b0;
}
#offcanvas-toggler >i {
  color: #000000;
}
#offcanvas-toggler >i:hover {
  color: #363636;
}
.btn-primary,
.sppb-btn-primary {
  border-color: #027c92;
  background-color: #0396b0;
}
.btn-primary:hover,
.sppb-btn-primary:hover {
  border-color: #025665;
  background-color: #026b7e;
}
ul.social-icons >li a:hover {
  color: #0396b0;
}
.sp-page-title {
  background: #0396b0;
}
.layout-boxed .body-innerwrapper {
  background: #ffffff;
}
.sp-module ul >li:hover:before {
  color: #0396b0;
}
.sp-module ul >li:hover a {
  color: #0396b0;
}
.sp-module ul >li >a {
  color: #363636;
}
.sp-module ul >li >a:hover {
  color: #0396b0;
}
.sp-module .latestnews >div >a {
  color: #000000;
}
.sp-module .latestnews >div >a:hover {
  color: #0396b0;
}
.sp-module .tagscloud .tag-name:hover {
  background: #0396b0;
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active > a,
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a:hover {
  color: #0396b0 !important;
}
.search .btn-toolbar button {
  background: #0396b0;
}
.post-format {
  background: #0396b0;
}
.voting-symbol span.star.active:before {
  color: #0396b0;
}
.sp-rating span.star:hover:before,
.sp-rating span.star:hover ~ span.star:before {
  color: #026b7e;
}
.entry-link,
.entry-quote {
  background: #0396b0;
}
blockquote {
  border-color: #0396b0;
}
.carousel-left:hover,
.carousel-right:hover {
  background: #0396b0;
}
.rs-cta {
  background-color: #0396b0 !important;
}
.rs-cta .sppb-btn-primary {
  border: 2px solid #0396b0;
}
.rs-cta .sppb-btn-primary:hover,
.rs-cta .sppb-btn-primary:focus {
  color: #0396b0;
}
.rs-cta.skew-major {
  background-color: transparent !important;
}
.sp-comingsoon body {
  background-color: #363636;
}
.pagination>li>a,
.pagination>li>span {
  color: #000000;
}
.pagination>li>a:hover,
.pagination>li>a:focus,
.pagination>li>span:hover,
.pagination>li>span:focus {
  color: #000000;
}
.pagination>.active>a,
.pagination>.active>span {
  border-color: #0396b0;
  background-color: #0396b0;
}
.pagination>.active>a:hover,
.pagination>.active>a:focus,
.pagination>.active>span:hover,
.pagination>.active>span:focus {
  border-color: #0396b0;
  background-color: #0396b0;
}
.pagination-area ul li.active a {
  background: #0396b0;
}
.pagination-area ul li a {
  border: 1px solid #0396b0;
}
.pagination-area ul li a:hover {
  background: #0396b0;
}
.clpricing-table .price-table .cl-pricetable-wrap .top .popular {
  color: #243a4f !important;
  background: #f6f6f6 !important;
}
.clpricing-table .price-table.style3 .cl-pricetable-wrap .top .popular {
  color: #243a4f !important;
  background: #f6f6f6 !important;
  text-transform: uppercase;
  top: 5px;
  left: 5px;
}
.clpricing-table .price-table.style5 .bottom a:hover,
body .style3 .cl-pricetable-wrap.price-10 .btn-table.btn-1:hover,
body .style3 .cl-pricetable-wrap.price-12 .btn-table.btn-1:hover,
.clpricing-table .price-table.style10 .bottom a:hover {
  color: #0396b0 !important;
}
.clpricing-table .price-table.style4 .cl-pricetable-wrap .top .popular {
  background: #363636;
  display: none;
}
.clpricing-table .price-table.style4 .cl-pricetable-wrap:hover .top,
.clpricing-table .price-table.style4 .cl-pricetable-wrap.featured .top,
.clpricing-table .price-table.style4 .cl-pricetable-wrap.price-2 .top {
  background: #0396b0;
}
.clpricing-table .price-table.style4 .cl-pricetable-wrap:hover:before {
  border: 2px solid #0396b0;
}
.clpricing-table .price-table.style4 .cl-pricetable-wrap .bottom .btn-table:hover {
  border: 2px solid #363636 !important;
  background: #363636 !important;
}
.clpricing-table .price-table.style4 .cl-pricetable-wrap .bottom .btn-table:before {
  background: #363636;
}
.counter-icon i {
  color: #0396b0;
}
.counter-icon i:hover {
  color: #04b8d8;
}
.counter2 i {
  color: #fff;
}
.counter2 i:hover {
  color: #ffffff;
}
.rs-counter-list .sppb-animated-number::before {
  color: #0396b0;
}
.sppb-panel-default .sppb-panel-heading.active .sppb-panel-title {
  color: #0396b0;
}
.sppb-panel-default .sppb-panel-heading.active .sppb-toggle-direction i {
  color: #ffffff;
}
.sp-simpleportfolio .sp-simpleportfolio-filter ul li a::before,
.sp-simpleportfolio .sp-simpleportfolio-filter ul li a::after {
  background-color: #0396b0;
}
.owl-carousel .owl-dot {
  background: #0396b0;
}
.owl-carousel .owl-dot.active {
  background: #0396b0;
}
.acymailing_module .news-form .used_fields .form-input {
  border: none !important;
  box-shadow: none;
}
.acymailing_module .news-form .used_fields .form-button {
  background-color: #0396b0;
  border: none !important;
}
.acymailing_module .news-form .used_fields .form-button:hover,
.acymailing_module .news-form .used_fields .form-button:focus {
  background-color: #038197;
}
.acymailing_module .news-form .used_fields:hover .form-input,
.acymailing_module .news-form .used_fields:focus .form-input {
  border: none !important;
}
.acymailing_module .news-form .used_fields:hover .form-button,
.acymailing_module .news-form .used_fields:focus .form-button {
  background-color: #026b7e;
}
.form-button:hover,
.form-button:focus {
  border: 1px solid #292929 !important;
}
.form-button:hover .form-button,
.form-button:focus .form-button {
  background-color: #292929;
}
.rs-services.rs-services2 .sppb-addon-feature .sppb-addon-content .btn {
  background: #0396b0;
}
.rs-services.rs-services2 .sppb-addon-feature .sppb-addon-content .btn:hover {
  background: #363636;
}
.sppb-addon-feature {
  margin-bottom: 50px;
  width: calc(100% + 15px);
}
.sppb-addon-feature.service-right {
  margin-left: -15px;
}
.sppb-addon-feature:hover .sppb-icon {
  color: #363636;
}
.sppb-addon-feature:hover .sppb-icon a {
  color: #0396b0;
}
.sppb-addon-feature .sppb-addon-title a:hover {
  color: #363636;
}
.sppb-addon-feature .sppb-media-body a:hover h2.sppb-addon-title {
  color: #363636;
}
.sppb-addon-feature.mb-0 {
  margin-bottom: 0px !important;
}
.inverse .sppb-addon-feature .sppb-icon {
  color: #363636;
}
.inverse .sppb-addon-feature .sppb-icon a {
  color: #363636;
}
.inverse .sppb-addon-feature .sppb-media-body a:hover h2.sppb-addon-title {
  color: #0396b0;
}
.inverse .sppb-addon-feature:hover .sppb-icon {
  color: #0396b0;
}
.inverse .sppb-addon-feature:hover .sppb-icon a {
  color: #0396b0;
}
.service-col-center {
  margin-top: -23px;
}
.sppb-addon-feature.seo-report-item .sppb-icon:after {
  background-color: #0396b0;
}
.sppb-addon-feature.seo-report-item .sppb-icon .sppb-icon-container {
  border: 2px solid #0396b0;
  color: #0396b0;
}
.sppb-addon-feature.seo-report-item:hover {
  background: #0396b0;
}
.sppb-addon-feature.seo-report-item:hover .sppb-icon:after {
  background-color: #ffffff;
}
.sppb-addon-feature.seo-report-item:hover .sppb-icon .sppb-icon-container {
  color: #ffffff;
  border: 2px solid #ffffff;
}
.sppb-addon-feature.seo-report-item:hover .sppb-addon-title a {
  color: #ffffff !important;
}
.inverse .sppb-addon-feature.seo-report-item .sppb-icon:after {
  background-color: #363636;
}
.inverse .sppb-addon-feature.seo-report-item .sppb-icon .sppb-icon-container {
  border: 2px solid #363636;
  color: #363636;
}
.inverse .sppb-addon-feature.seo-report-item:hover {
  background: #363636;
}
.inverse .sppb-addon-feature.seo-report-item:hover .sppb-icon:after {
  background-color: #ffffff;
}
.inverse .sppb-addon-feature.seo-report-item:hover .sppb-icon .sppb-icon-container {
  color: #ffffff;
  border: 2px solid #ffffff;
}
#rs-services.rs-services2 .sppb-addon-title a:hover {
  color: #0396b0;
}
#rs-services.rs-services2 .service-feature-style2::before,
#rs-services.rs-services2 .service-feature-style2::after {
  border-color: #0396b0;
}
.cl-testimonial3 .slick-list .slick-slide .rs-tst-content::before {
  color: #0396b0;
}
#rs-services.rs-services2 .service-feature-style2:hover::before {
  border-top: 50px solid #0396b0;
}
#rs-services.rs-services2 .service-feature-style2:hover::after {
  border-left: 50px solid #0396b0;
}
.sppb-addon-feature.service-feature-style2 {
  margin-bottom: auto;
  width: 100%;
  padding: 25px 25px 12px 25px;
  background: #fff;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  margin: 0 0 30px;
}
.sppb-addon-feature.service-feature-style2 .sppb-addon-title a
        i,
.sppb-addon-feature.service-feature-style2 p {
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
}
.sppb-addon-feature.service-feature-style2 .sppb-addon-title a:hover {
  color: #0396b0 !important;
}
.sp-page-builder .page-content #rs-services.rs-services2 {
  padding-bottom: 52px !important;
}
.cl-testimonial .testi-content {
  background-color: #0396b0;
}
.cl-testimonial .testi-content:before {
  border: 1px solid #0396b0 !important;
}
.cl-testimonial .testi-title {
  color: #363636;
}
.cl-testimonial .testi-carousel .slick-arrow:hover {
  color: #fff;
  background: #363636;
}
.inverse .cl-testimonial .testi-content {
  background-color: #363636;
}
.inverse .cl-testimonial .testi-content:before {
  border: 1px solid #363636 !important;
}
.inverse .cl-testimonial .testi-title {
  color: #363636;
}
.cl-testimonial2 .slick-prev {
  transition: all 0.3s ease 0s;
}
.cl-testimonial2 .slick-prev:hover {
  background: #363636;
  border-color: #363636;
}
.cl-testimonial2 .slick-next {
  transition: all 0.3s ease 0s;
}
.cl-testimonial2 .slick-next:hover {
  background: #363636;
  border-color: #363636;
}
.cl-testimonial2 .slick-prev:before,
.cl-testimonial2 .slick-next:before {
  transition: all 0.3s ease 0s;
}
.cl-testimonial2 .slick-prev:hover:before,
.cl-testimonial2 .slick-next:hover:before {
  color: #ffffff;
}
.cl-testimonial2 .rs-tst-designation {
  color: #363636;
}
.inverse .cl-testimonial2 .slick-prev:hover {
  background: #0396b0;
  border-color: #0396b0;
}
.inverse .cl-testimonial2 .slick-next:hover {
  background: #0396b0;
  border-color: #0396b0;
}
.inverse .cl-testimonial2 .rs-tst-designation {
  color: #0396b0;
}
.view-testimonials .cl_column_1:hover,
.view-testimonials .cl_column_2:hover,
.view-testimonials .cl_column_3:hover,
.view-testimonials .cl_column_4:hover,
.view-testimonials .cl_column_5:hover,
.view-testimonials .cl_column_6:hover {
  background: #0396b0;
}
.sp-simpleportfolio .sp-simpleportfolio-filter ul > li.active a,
.sp-simpleportfolio .sp-simpleportfolio-filter ul > li:hover a,
.full-width-portfolio .sp-simpleportfolio-filter ul > li.active a,
.full-width-portfolio .sp-simpleportfolio-filter ul > li:hover a {
  background: transparent !important;
  color: #0396b0;
}
.blog-carousel .blog-item .blog-meta .blog-date {
  background: #0396b0;
}
.blog-carousel .blog-item .blog-date {
  color: #0396b0;
}
.blog-carousel .blog-item .blog-author .author-img span {
  background: #0396b0;
}
.blog-carousel .blog-item .blog-img .blog-img-content .blog-link {
  color: #0396b0;
}
.blog-carousel .blog-item .readmore {
  color: #0396b0;
}
.blog-carousel .blog-item .readmore:hover {
  color: #fff;
}
.blog-carousel .blog-item .readmore.active {
  color: #0396b0;
}
.blog-carousel .blog-item .readmore.active:hover {
  text-decoration: underline !important;
}
.blog-carousel .blog-item .blog-img .blog-img-content .display-table-cell::before,
.blog-carousel .blog-item .blog-img .blog-img-content .display-table-cell::after,
.sp-simpleportfolio-overlay .sp-vertical-middle::before,
.sp-simpleportfolio-overlay .sp-vertical-middle::after,
#rs-team .style2 .team-item-wrap .single-team .team-content::before,
#rs-team .style2 .team-item-wrap .single-team .team-content::after {
  color: #0396b0;
}
.inverse .blog-carousel .blog-item .blog-meta .blog-date {
  background: #363636;
}
.inverse .blog-carousel .blog-item .blog-meta .blog-lc {
  background: #363636;
}
.inverse .blog-carousel .blog-item .blog-author .author-img span {
  background: #363636;
}
.inverse .blog-carousel .blog-item .blog-img .blog-img-content .blog-link {
  color: #363636;
}
.rs-contact-info .info-details .sppb-addon-content .sppb-icon .sppb-icon-container {
  background: #0396b0;
}
.rs-contact-info .info-details .sppb-addon-content a:hover {
  color: #0396b0;
}
.rs-contact .contact-address .address-item .address-icon {
  border: none;
  color: #0396b0;
}
.rs-contact .contact-address .address-item:hover .address-icon {
  background-color: transparent;
  border: none;
  color: #0396b0;
}
.rs-contact #form-messages.success {
  border-color: #0396b0;
  color: #0396b0;
}
.rs-contact .contact-form .form-field input:focus {
  border-color: #0396b0;
}
.rs-contact .contact-form .form-field textarea:focus {
  border-color: #0396b0;
}
#sp-contact .sp-contact-info li:hover a {
  color: #0396b0;
}
.rs-footer .footer-title:after {
  background-color: #0396b0;
}
.rs-footer .footer-top .recent-post-widget .post-item .post-date {
  background-color: #0396b0;
}
.rs-footer .footer-top .recent-post-widget .post-item .post-title a:hover {
  color: #0396b0 !important;
}
.rs-footer .footer-top .recent-post-widget .post-item:hover .post-date {
  background-color: #038197;
}
.rs-footer .footer-top .sitemap-widget li a:hover,
.rs-footer .footer-top .sitemap-widget li a:focus {
  color: #0396b0 !important;
}
.rs-footer .footer-bottom .footer-bottom-share ul li a:hover {
  color: #0396b0 !important;
}
#particle-bg #particles-js {
  background-color: #0396b0 !important;
}
#particle-bg #particles-js .particle-botton ul li a.active {
  background: #ffffff !important;
  color: #000000 !important;
}
#particle-bg #particles-js .particle-botton ul li a.active:after {
  color: #000000 !important;
}
.inverse #sp-header .logo a {
  transition: unset;
  background: url(../../images/logo-white.png) no-repeat left center/190px;
}
.inverse #sp-header .logo a .sp-default-logo {
  opacity: 0;
  visibility: hidden;
}
.inverse #sp-header.menu-fixed .logo a {
  background: none;
}
.inverse #sp-header.menu-fixed .logo a .sp-default-logo {
  opacity: 1;
  visibility: visible;
}
.inverse #particle-bg #particles-js {
  background-color: #363636 !important;
}
.inverse .sp-megamenu-parent li:hover>a {
  color: #0396b0;
}
.inverse .rs-footer p {
  color: #ffffff;
}
.inverse .rs-footer .footer-title:after {
  background-color: #ffffff;
}
.inverse .rs-footer .footer-top .about-widget img {
  filter: brightness(10);
}
.inverse .rs-footer .footer-top .recent-post-widget .post-item .post-date {
  background-color: #ffffff;
  color: #363636;
}
.inverse .rs-footer .footer-top .recent-post-widget .post-item .post-title a {
  color: #ffffff;
}
.inverse .rs-footer .footer-top .recent-post-widget .post-item:hover .post-date {
  background-color: #0396b0;
  color: #ffffff;
}
.inverse .rs-footer .footer-top .recent-post-widget .post-item:hover .post-title a {
  color: #0396b0;
}
.inverse .rs-footer .footer-top .recent-post-widget .post-item + .post-item {
  border-top: 1px solid #ffffff;
}
.inverse .rs-footer .footer-top .sitemap-widget li a {
  color: #ffffff;
}
.inverse .rs-footer .footer-top .sitemap-widget li a:hover,
.inverse .rs-footer .footer-top .sitemap-widget li a:focus {
  color: #0396b0;
}
.inverse .rs-footer .footer-top .acymailing_module .news-form .used_fields .form-input {
  border: 1px solid #ffffff !important;
}
.inverse .rs-footer .footer-top .acymailing_module .news-form .used_fields .form-button {
  background-color: #ffffff;
  color: #363636;
}
.inverse .rs-footer .footer-top .acymailing_module .news-form .used_fields:hover .form-input {
  border: 1px solid #0396b0 !important;
}
.inverse .rs-footer .footer-top .acymailing_module .news-form .used_fields:hover .form-button {
  background-color: #0396b0;
  color: #ffffff;
}
.inverse .rs-footer .footer-bottom {
  border-top: 1px solid #ffffff;
}
.inverse .rs-footer .footer-bottom .footer-bottom-share ul li a {
  color: #363636;
  background: #ffffff;
}
.inverse .rs-footer .footer-bottom .footer-bottom-share ul li a:hover {
  color: #ffffff;
  background: #363636;
}
.inverse .scrollup {
  color: #ffffff;
  border: 1px solid #ffffff;
}
.inverse .scrollup:before {
  color: #ffffff;
}
.inverse .scrollup:hover {
  color: #ffffff;
  background: #ffffff;
}
.inverse .scrollup:hover:before {
  color: #ffffff;
}
.scrollup {
  border: 0px solid #363636;
  color: #ffffff;
  background: #0396b0;
}
.scrollup:before {
  color: #363636;
  transition: all 0.3s ease 0s;
}
.scrollup:hover {
  background-color: #363636;
}
.scrollup:hover:before {
  color: #fff;
}
.rs-about .about-exp .exp-title {
  color: #0396b0;
}
.error-page .error-code {
  color: #0396b0;
}
.rs-contact .rf_submit {
  background: #0396b0 !important;
  border: 2px solid #0396b0 !important;
}
.rs-contact .info-details .sppb-addon-content a:hover {
  color: #0396b0;
}
.grassy-onepage #sp-header .sp-megamenu-parent li a:hover {
  color: #0396b0 !important;
}
.rs-contact .rf_submit:hover {
  background: #363636 !important;
  border: 2px solid #363636 !important;
  color: #fff !important;
}
.rs-porfolio-details .ps-share ul li a {
  border: 1px solid #0396b0;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  background: #fff;
  border-top: 4px solid #0396b0;
}
.tp-caption.greenbox30,
.greenbox30 {
  line-height: 30px;
  text-decoration: none;
  background-color: #0396b0;
  padding: 0px 14px;
  border-width: 0px;
  border-color: #222222;
  border-style: none;
}
.tp-caption.green_bold_bg_20,
.green_bold_bg_20 {
  background: #0396b0;
}
.home-transparent .blog-carousel .blog-item .blog-meta .blog-lc {
  background: #0396b0;
}
.tp-caption .slider-bg {
  position: relative;
}
.tp-caption .slider-bg:after {
  border-top: 1.15em solid #0396b0 !important;
}
.tp-caption .slider-bg2 {
  position: relative;
}
.tp-caption .slider-bg2:after {
  border-top: 1em solid #0396b0 !important;
}
.tp-caption .slider-bg3 {
  position: relative;
}
.tp-caption .slider-bg3:after {
  border-top: 1em solid #0396b0 !important;
}
.sp-pre-loader {
  background: #363636;
}
.sppb-addon-accordion .sppb-panel .sppb-panel-heading .sppb-panel-title {
  color: #363636;
}
.sppb-addon-accordion .sppb-panel .sppb-panel-heading .sppb-toggle-direction {
  color: #ffffff;
  background: #363636;
}
.sppb-addon-accordion .sppb-panel .sppb-panel-heading .sppb-toggle-direction i {
  color: #ffffff;
}
.sppb-addon-accordion .sppb-panel .sppb-panel-heading.active,
.sppb-addon-accordion .sppb-panel .sppb-panel-heading:hover {
  background: #363636;
}
.sppb-addon-accordion .sppb-panel .sppb-panel-heading.active .sppb-panel-title,
.sppb-addon-accordion .sppb-panel .sppb-panel-heading:hover .sppb-panel-title {
  color: #fff;
}
.sppb-addon-accordion .sppb-panel .sppb-panel-heading.active .sppb-toggle-direction,
.sppb-addon-accordion .sppb-panel .sppb-panel-heading:hover .sppb-toggle-direction {
  background: #0396b0;
}
.sppb-addon-accordion .sppb-panel .sppb-panel-heading.active .sppb-toggle-direction i,
.sppb-addon-accordion .sppb-panel .sppb-panel-heading:hover .sppb-toggle-direction i {
  color: #363636;
}
.inverse .sppb-addon-accordion .sppb-panel .sppb-panel-heading .sppb-toggle-direction {
  color: #0396b0;
}
.inverse .sppb-addon-accordion .sppb-panel .sppb-panel-heading .sppb-toggle-direction i {
  color: #ffffff;
}
.inverse .sppb-addon-accordion .sppb-panel .sppb-panel-heading.active .sppb-toggle-direction i {
  color: #363636;
}
.inverse .sppb-addon-accordion .sppb-panel .sppb-panel-heading:hover .sppb-toggle-direction i {
  color: #363636;
}
.get-quote a.quote-button {
  background: #0396b0;
}
.get-quote a.quote-button:hover {
  background: #04b0ce;
}
.sp-contact-info li {
  color: #555;
}
.sp-contact-info li a {
  color: #555;
}
.sp-contact-info li i {
  color: #0396b0 !important;
  background: transparent !important;
}
.home-transparent .sp-contact-info li i {
  background: transparent !important;
  color: #0396b0 !important;
  margin-right: 7px !important;
}
body .style7 .cl-pricetable-wrap.price-22,
body .style7 .cl-pricetable-wrap.price-24 {
  border: 1px solid #0396b0 !important;
  border-radius: 8px;
  transition: all 0.2s linear !important;
}
body .style7 .cl-pricetable-wrap.price-22 .top .cl-header h4,
body .style7 .cl-pricetable-wrap.price-24 .top .cl-header h4 {
  background: #0396b0 !important;
  border-radius: 0px !important;
  transition: all 0.2s linear !important;
}
body .style7 .cl-pricetable-wrap.price-22 .dolar,
body .style7 .cl-pricetable-wrap.price-24 .dolar {
  color: #0396b0 !important;
  line-height: 90px !important;
  transition: all 0.2s linear !important;
}
body .style7 .cl-pricetable-wrap.price-22 .bottom,
body .style7 .cl-pricetable-wrap.price-24 .bottom {
  background: transparent !important;
  transition: all 0.2s linear !important;
}
body .style7 .cl-pricetable-wrap.price-22 .btn-table,
body .style7 .cl-pricetable-wrap.price-24 .btn-table {
  border: 2px solid #0396b0 !important;
  border-radius: 30px !important;
  line-height: 44px;
  height: 46px;
  padding: 0px !important;
  transition: all 0.2s linear !important;
  font-weight: 400 !important;
  font-size: 16px !important;
}
body .style7 .cl-pricetable-wrap.price-22 .btn-table:before,
body .style7 .cl-pricetable-wrap.price-24 .btn-table:before {
  background: #0396b0 !important;
  display: none;
}
body .style7 .cl-pricetable-wrap.price-22 .btn-table:hover,
body .style7 .cl-pricetable-wrap.price-24 .btn-table:hover {
  background: #0396b0 !important;
  color: #ffffff !important;
}
body .style7 .cl-pricetable-wrap.price-22:hover,
body .style7 .cl-pricetable-wrap.price-24:hover {
  border: 1px solid #0396b0 !important;
}
body .style7 .cl-pricetable-wrap.price-22:hover .top .cl-header h4,
body .style7 .cl-pricetable-wrap.price-24:hover .top .cl-header h4 {
  background: #363636 !important;
}
body .style7 .cl-pricetable-wrap.price-22:hover .btn-table,
body .style7 .cl-pricetable-wrap.price-24:hover .btn-table {
  background: #0396b0 !important;
  color: #ffffff !important;
  border: 2px solid #0396b0 !important;
}
body .style7 .cl-pricetable-wrap.price-22:hover .btn-table:hover,
body .style7 .cl-pricetable-wrap.price-24:hover .btn-table:hover {
  background: #026b7e !important;
  border: 2px solid #026b7e !important;
}
body .style7 .cl-pricetable-wrap.price-22:hover .dolar,
body .style7 .cl-pricetable-wrap.price-24:hover .dolar {
  color: #363636 !important;
}
body .style7 .cl-pricetable-wrap.price-23 {
  border: 1px solid #363636 !important;
  transform: translateY(-20px);
  border-radius: 8px;
}
body .style7 .cl-pricetable-wrap.price-23 .top .cl-header h4 {
  background: #363636 !important;
  border-radius: 0px !important;
  padding-top: 40px !important;
}
body .style7 .cl-pricetable-wrap.price-23 .dolar {
  color: #363636 !important;
  line-height: 90px !important;
}
body .style7 .cl-pricetable-wrap.price-23 .bottom {
  background: transparent !important;
  padding-bottom: 20px;
}
body .style7 .cl-pricetable-wrap.price-23:hover .btn-table {
  background: #363636 !important;
  color: #ffffff !important;
}
body .style7 .cl-pricetable-wrap.price-23 .btn-table {
  border: 2px solid #363636 !important;
  background: #363636 !important;
  border-radius: 30px !important;
  line-height: 44px;
  height: 46px;
  padding: 0px !important;
  color: #ffffff !important;
  font-weight: 400 !important;
  font-size: 16px !important;
}
body .style7 .cl-pricetable-wrap.price-23 .btn-table:before {
  background: #363636 !important;
  display: none;
}
body .style7 .cl-pricetable-wrap.price-23 .btn-table:hover {
  background: #1d1d1d !important;
  border: 2px solid #1d1d1d !important;
}
body .inverse .style7 .cl-pricetable-wrap.price-22,
body .inverse .style7 .cl-pricetable-wrap.price-24 {
  border: 1px solid #363636 !important;
  border-radius: 8px;
  transition: all 0.2s linear !important;
}
body .inverse .style7 .cl-pricetable-wrap.price-22 .top .cl-header h4,
body .inverse .style7 .cl-pricetable-wrap.price-24 .top .cl-header h4 {
  background: #363636 !important;
  border-radius: 0px !important;
  transition: all 0.2s linear !important;
}
body .inverse .style7 .cl-pricetable-wrap.price-22 .dolar,
body .inverse .style7 .cl-pricetable-wrap.price-24 .dolar {
  color: #363636 !important;
  line-height: 90px !important;
  transition: all 0.2s linear !important;
}
body .inverse .style7 .cl-pricetable-wrap.price-22 .bottom,
body .inverse .style7 .cl-pricetable-wrap.price-24 .bottom {
  background: transparent !important;
  transition: all 0.2s linear !important;
}
body .inverse .style7 .cl-pricetable-wrap.price-22 .btn-table,
body .inverse .style7 .cl-pricetable-wrap.price-24 .btn-table {
  border: 2px solid #363636 !important;
  border-radius: 30px !important;
  line-height: 44px;
  height: 46px;
  padding: 0px !important;
  transition: all 0.2s linear !important;
  font-weight: 400 !important;
  font-size: 16px !important;
}
body .inverse .style7 .cl-pricetable-wrap.price-22 .btn-table:before,
body .inverse .style7 .cl-pricetable-wrap.price-24 .btn-table:before {
  background: #363636 !important;
  display: none;
}
body .inverse .style7 .cl-pricetable-wrap.price-22 .btn-table:hover,
body .inverse .style7 .cl-pricetable-wrap.price-24 .btn-table:hover {
  background: #363636 !important;
  color: #ffffff !important;
}
body .inverse .style7 .cl-pricetable-wrap.price-22:hover,
body .inverse .style7 .cl-pricetable-wrap.price-24:hover {
  border: 1px solid #0396b0 !important;
}
body .inverse .style7 .cl-pricetable-wrap.price-22:hover .top .cl-header h4,
body .inverse .style7 .cl-pricetable-wrap.price-24:hover .top .cl-header h4 {
  background: #0396b0 !important;
}
body .inverse .style7 .cl-pricetable-wrap.price-22:hover .btn-table,
body .inverse .style7 .cl-pricetable-wrap.price-24:hover .btn-table {
  background: #0396b0 !important;
  color: #ffffff !important;
  border: 2px solid #0396b0 !important;
}
body .inverse .style7 .cl-pricetable-wrap.price-22:hover .btn-table:hover,
body .inverse .style7 .cl-pricetable-wrap.price-24:hover .btn-table:hover {
  background: #363636 !important;
  border: 2px solid #363636 !important;
}
body .inverse .style7 .cl-pricetable-wrap.price-22:hover .dolar,
body .inverse .style7 .cl-pricetable-wrap.price-24:hover .dolar {
  color: #0396b0 !important;
}
body .inverse .style7 .cl-pricetable-wrap.price-23 {
  border: 1px solid #0396b0 !important;
  transform: translateY(-20px);
  border-radius: 8px;
}
body .inverse .style7 .cl-pricetable-wrap.price-23 .top .cl-header h4 {
  background: #0396b0 !important;
  border-radius: 0px !important;
  padding-top: 40px !important;
}
body .inverse .style7 .cl-pricetable-wrap.price-23 .dolar {
  color: #0396b0 !important;
  line-height: 90px !important;
}
body .inverse .style7 .cl-pricetable-wrap.price-23 .bottom {
  background: transparent !important;
  padding-bottom: 20px;
}
body .inverse .style7 .cl-pricetable-wrap.price-23:hover .btn-table {
  background: #0396b0 !important;
  color: #ffffff !important;
}
body .inverse .style7 .cl-pricetable-wrap.price-23 .btn-table {
  border: 2px solid #0396b0 !important;
  border-radius: 30px !important;
  background: #0396b0 !important;
  line-height: 44px;
  height: 46px;
  padding: 0px !important;
  color: #ffffff !important;
  font-weight: 400 !important;
  font-size: 16px !important;
}
body .inverse .style7 .cl-pricetable-wrap.price-23 .btn-table:before {
  background: #0396b0 !important;
  display: none;
}
body .inverse .style7 .cl-pricetable-wrap.price-23 .btn-table:hover {
  background: #363636 !important;
  border: 2px solid #363636 !important;
}
.new-look .offcanvas-menu {
  background: rgba(54,54,54,0.9);
  background: -moz-linear-gradient(135deg,rgba(3,150,176,0.9),#0396b0);
  background: -webkit-linear-gradient(135deg,rgba(3,150,176,0.9),#0396b0);
  background: -ms-linear-gradient(135deg,rgba(3,150,176,0.9),#0396b0);
  background: linear-gradient(135deg,rgba(3,150,176,0.9),#0396b0);
  padding-top: 15px;
}
.new-look .offcanvas-menu .offcanvas-inner .sp-module {
  margin-bottom: 0px;
}
.new-look .offcanvas-menu .sp-module ul li:hover li a,
.new-look .offcanvas-menu .sp-module ul li:focus li a,
.new-look .offcanvas-menu .sp-module ul li.active li a {
  color: #ffffff;
}
.new-look .close-offcanvas:hover {
  background: #ffffff;
  color: #363636;
}
.new-look .offcanvas-menu .offcanvas-inner li.deeper.parent {
  position: relative;
}
.new-look .offcanvas-menu .sp-module ul >li:hover a,
.new-look .offcanvas-menu .sp-module ul >li:focus a,
.new-look .offcanvas-menu .sp-module ul >li.active a {
  background: rgba(0,0,0,0.15);
  color: #ffffff;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li span.separator {
  -webkit-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  padding: 10px 20px;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 500;
  line-height: 28px;
  display: block;
}
.new-look .offcanvas-menu .sp-module ul li >li:hover a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li:hover span.separator,
.new-look .offcanvas-menu .sp-module ul li >li:focus a,
.new-look .offcanvas-menu .sp-module ul >li.active a {
  background: rgba(0,0,0,0.15);
  color: #ffffff;
}
.new-look .offcanvas-menu .sp-module ul >li ul li a,
.new-look .offcanvas-menu .sp-module ul >li ul li span.separator {
  -webkit-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  padding: 6px 45px;
  font-size: 13px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 500;
  line-height: 26px;
  display: block;
}
.new-look .offcanvas-menu .sp-module ul >li ul li:hover a,
.new-look .offcanvas-menu .sp-module ul >li ul li:focus a,
.new-look .offcanvas-menu .sp-module ul >li ul li.active a {
  background: rgba(255,255,255,0.2) !important;
  color: #ffffff !important;
}
.new-look .offcanvas-menu .sp-module ul >li ul li ul li a,
.new-look .offcanvas-menu .sp-module ul >li ul li ul li span.separator {
  -webkit-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  padding: 6px 70px;
  font-size: 12px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 500;
  line-height: 26px;
  display: block;
}
.new-look .offcanvas-menu .sp-module ul >li ul li ul li:hover a,
.new-look .offcanvas-menu .sp-module ul >li ul li ul li:focus a,
.new-look .offcanvas-menu .sp-module ul >li ul li ul li.active a {
  background: #0396b0 !important;
  color: #ffffff !important;
}
.new-look .offcanvas-menu .sp-module ul >li span.separator {
  padding-left: 28px;
}
.new-look .offcanvas-menu .offcanvas-inner li.deeper.parent span.togglearrow {
  content: "";
  position: absolute;
  width: 32px;
  height: 32px;
  line-height: 30px;
  background: rgba(255,255,255,0.2);
  border: 1px solid rgba(255,255,255,0.3);
  right: 8px;
  top: 8px;
  cursor: pointer;
  z-index: 999;
  text-align: center;
  font-size: 15px;
}
.new-look .offcanvas-menu .offcanvas-inner li.deeper.parent ul li span.togglearrow {
  display: none;
}
.offcanvas-menu .offcanvas-inner .sp-module li.deeper.parent ul {
  display: none;
}
#sp-popup-search-section {
  background: rgba(3,150,176,0.9);
}
.search-close {
  color: #0396b0;
}
.search-close:hover {
  color: #363636;
  background: #ffffff;
}
.togglesearch {
  background: #0396b0;
  transition: all 0.3s ease 0s;
}
.togglesearch:hover {
  background: #026b7e;
}
.header2 .togglesearch {
  background: #0396b0;
  transition: all 0.3s ease 0s;
}
.header2 .togglesearch:hover {
  background: #026b7e;
}
.header2 #offcanvas-toggler {
  background: #0396b0;
}
.header2 #offcanvas-toggler:hover {
  background: #026b7e;
  color: #ffffff;
}
.header2 #offcanvas-toggler i:hover {
  color: #ffffff;
}
.header3 .togglesearch:hover,
.header6 .togglesearch:hover {
  color: #363636;
}
#sp-logo-section #sp-search form.bs-search button {
  color: #0396b0;
  transition: all 0.2s linear;
}
#sp-logo-section #sp-search form.bs-search:hover button {
  background: #0396b0;
  color: #ffffff;
}
.tags a {
  border: 1px solid #0396b0;
}
.ceo {
  padding: 25px 0 0;
}
.ceo p {
  margin-bottom: 0;
  color: #363636;
  font-size: 20px;
}
.ceo .signature {
  max-width: 100px;
}
.ceo span {
  color: #444444;
  font-style: italic;
  font-size: 13px;
}
#rs-hire-us {
  background-color: #0396b0;
}
body .sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-badge:before {
  border-color: #363636 !important;
}
body .sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-badge:after {
  background-color: #363636 !important;
}
.sppb-addon-timeline .sppb-addon-timeline-wrapper:before {
  background-color: #363636 !important;
}
.sp-module.orange h3.sp-module-title,
.sp-module.orange h2.bs-widget-title {
  background-color: #363636;
}
.sp-module.orange-box {
  background: #363636;
}
.sp-module.orange-box h3.sp-module-title,
.sp-module.orange-box h2.bs-widget-title {
  border-bottom: 1px solid #2c2c2c;
}
.bs-sidebar input.readon {
  outline: none !important;
  background: transparent !important;
  border: 2px solid #fff !important;
  color: #fff !important;
}
.bs-sidebar input.readon:hover {
  background: #ffffff !important;
  color: #363636 !important;
}
.sppb-addon-accordion .sppb-panel .sppb-panel-heading {
  background: #0396b0;
}
#sp-content-bottom .sp-module-content .cta-button a.readon {
  background: #363636 !important;
  color: #ffffff;
  line-height: 54px;
  padding: 0px;
  float: right;
  border-color: #363636;
}
#sp-content-bottom .sp-module-content .cta-button a.readon:hover {
  background: #363636;
  border-color: #363636;
  color: #0396b0;
}
.mypopup-content {
  border-radius: 0px !important;
}
.mypopup-content .sscf-form .rf_submit {
  background: #363636 !important;
  border: 2px solid #363636;
  color: #ffffff;
}
.mypopup-content .sscf-form .rf_submit:hover {
  background: transparent !important;
  color: #363636;
}
.bs-sidebar .bs-tags a {
  border: 1px solid #363636;
  color: #363636;
}
.bs-sidebar .bs-tags a:hover {
  border-color: #0396b0;
  color: #363636;
  background: #0396b0;
}
.bs-sidebar .sp-module-content ul li {
  color: #363636;
}
.bs-sidebar .bs-search input {
  border: 1px solid #363636;
}
.bs-sidebar .bs-latest-post .post-desc .title:hover {
  color: #0396b0;
}
.bs-sidebar .bs-caterories ul li:hover a {
  color: #0396b0;
}
.view-category .item .readmore a:hover {
  color: #0396b0;
}
.entry-header h2 a:hover,
.entry-header h3 a:hover {
  color: #0396b0;
}
.team_container .style1 {
  border: none !important;
  margin-bottom: 30px;
}
.team_container .style1 .team_photo {
  position: relative;
  overflow: hidden;
}
.team_container .style1 .team_photo:after {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  background: rgba(0,0,0,0);
  transition: all .85s;
  opacity: 0;
  visibility: hidden;
}
.team_container .style1 .team_photo .team-meta {
  position: absolute;
  left: -58px;
  bottom: 56px;
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.team_container .style1 .team_photo .team-meta .name {
  opacity: 1;
  visibility: visible;
  background: #0396b0;
  padding: 10px 20px;
  display: block;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 2px !important;
  color: #222;
  min-width: 204px;
}
.team_container .style1 .team_photo .team-meta .designation {
  opacity: 1;
  visibility: visible;
  background: #333;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  padding: 10px 20px;
  display: block;
  min-width: 204px;
}
.team_container .style1 .team_photo .team_desc {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 10%;
  left: 0;
  text-align: center;
  color: #fff;
  z-index: 11;
  padding: 30px;
  background-color: rgba(8,8,8,0.7);
  opacity: 0;
  -webkit-transition: 0.4s all ease-out;
  transition: 0.4s all ease-out;
  transform: scale(1) !important;
  display: table;
}
.team_container .style1 .team_photo .team_desc:after {
  position: absolute;
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 20px;
  content: '';
  opacity: 0;
  border-top: 5px solid #fbc02d;
  border-bottom: 5px solid #fbc02d;
  -webkit-transform: scale(0,1);
  transform: scale(0,1);
  -webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
  transition: opacity 0.6s, transform 0.6s;
  z-index: 1;
}
.team_container .style1 .team_photo .team_desc:before {
  position: absolute;
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 20px;
  content: '';
  opacity: 0;
  border-left: 5px solid #fbc02d;
  border-right: 5px solid #fbc02d;
  -webkit-transform: scale(0,1);
  transform: scale(0,1);
  -webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
  transition: opacity 0.6s, transform 0.6s;
  z-index: 1;
}
.team_container .style1 .team_photo .team_desc .name {
  margin-bottom: 20px;
  text-transform: uppercase;
  position: relative;
  z-index: 999;
}
.team_container .style1 .team_photo .team_desc .name a {
  color: #fff;
}
.team_container .style1 .team_photo .team_desc .name a:hover {
  color: #0396b0;
}
.team_container .style1 .team_photo .team_desc .designation {
  font-size: 14px;
  margin-bottom: 18px !important;
  display: block;
  position: relative;
  padding-bottom: 5px;
  margin-top: 2px;
  color: #0396b0;
}
.team_container .style1 .team_photo .team_desc .designation:after {
  position: absolute;
  background: #0396b0;
  left: 50%;
  bottom: 0;
  width: 50px;
  height: 2px;
  content: "";
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  mz-transform: translateX(-50%);
}
.team_container .style1 .team_photo .team_desc .team-social {
  padding: 20px 0 7px;
}
.team_container .style1 .team_photo .team_desc .team-social a {
  background: #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin-right: 6px;
  transition: all 0.3s ease 0s;
}
.team_container .style1 .team_photo .team_desc .team-social a i {
  font-size: 14px;
  color: #101010;
}
.team_container .style1 .team_photo .team_desc .team-social a:hover {
  background: #0396b0 !important;
}
.team_container .style1 .team_photo .team_desc .inner-wrap {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  z-index: 9999;
}
.team_container .style1 .team_photo:hover .team-meta .name {
  opacity: 0;
  visibility: hidden;
  left: -100px;
}
.team_container .style1 .team_photo:hover .team-meta .designation {
  opacity: 0;
  visibility: hidden;
  left: -100px;
}
.team_container .style1 .team_photo:hover .team_desc {
  opacity: 1;
  top: 0;
}
.team_container .style1 .team_photo:hover .team_desc:after {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.team_container .style1 .team_photo:hover .team_desc:before {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.team_container .style1 .team_photo:hover .team_desc .name {
  margin-bottom: 3px;
}
.team_container .style1 .team_photo:hover:after {
  opacity: 1;
  visibility: visible;
}
.team_container .style2 {
  border: none !important;
}
.team_container .style2 .single-member-area .team-wrapper {
  position: relative;
  overflow: hidden;
}
.team_container .style2 .single-member-area .team-wrapper .team_photo img {
  transform: scale(1.15);
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%;
}
.team_container .style2 .single-member-area .team-wrapper .team_desc {
  bottom: 0;
  color: #ffffff;
  height: 100%;
  left: 0;
  position: absolute;
  z-index: 1;
  -webkit-transition: all 0.5s ease-out 0.15s;
  -moz-transition: all 0.5s ease-out 0.15s;
  -o-transition: all 0.5s ease-out 0.15s;
  -ms-transition: all 0.5s ease-out 0.15s;
  transition: all 0.5s ease-out 0.15s;
  width: 100%;
  background-color: rgba(8,8,8,0.7);
  opacity: 0;
  transform: scaleX(0);
  transform-origin: 50% 50% 0;
}
.team_container .style2 .single-member-area .team-wrapper .team_desc:after {
  position: absolute;
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 20px;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  z-index: 1;
  border-right: 5px solid #fbc02d;
  border-left: 5px solid #fbc02d;
  -webkit-transform: scale(1,0);
  transform: scale(1,0);
}
.team_container .style2 .single-member-area .team-wrapper .team_desc:before {
  position: absolute;
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 20px;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  z-index: 1;
  border-top: 5px solid #fbc02d;
  border-bottom: 5px solid #fbc02d;
  -webkit-transform: scale(0,1);
  transform: scale(0,1);
}
.team_container .style2 .single-member-area .team-wrapper .team_desc .name {
  text-transform: uppercase;
  margin-bottom: 3px;
}
.team_container .style2 .single-member-area .team-wrapper .team_desc .name a {
  color: #fff;
}
.team_container .style2 .single-member-area .team-wrapper .team_desc .name a:hover {
  color: #0396b0;
}
.team_container .style2 .single-member-area .team-wrapper .team_desc .name .designation {
  text-transform: uppercase;
}
.team_container .style2 .single-member-area .team-wrapper .team_desc .desc_inner {
  position: relative;
  top: 50%;
  transform: translate(0,-45%);
  z-index: 99;
}
.team_container .style2 .single-member-area .team-wrapper .team_desc .team-social {
  padding: 20px 0 7px;
}
.team_container .style2 .single-member-area .team-wrapper .team_desc .team-social a {
  font-size: 15px;
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  padding: 0px;
  text-align: center;
  color: #fff;
  display: inline-block;
  transition: all 0.3s ease 0s;
}
.team_container .style2 .single-member-area .team-wrapper .team_desc .team-social a i {
  font-size: 20px;
}
.team_container .style2 .single-member-area .team-wrapper .team_desc .team-social a:hover {
  color: #0396b0;
}
.team_container .style2 .single-member-area .team-meta {
  background: #0396b0;
  margin-bottom: 30px;
  padding: 12px 6px;
  text-align: center;
}
.team_container .style2 .single-member-area .team-meta .name {
  display: block;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 4px !important;
  margin-top: 2px;
  text-transform: uppercase;
}
.team_container .style2 .single-member-area .team-meta .name a {
  color: #101010;
}
.team_container .style2 .single-member-area .team-meta .designation {
  color: #101010;
  font-size: 15px;
  font-weight: 400;
  display: block;
}
.team_container .style2 .single-member-area:hover .team_photo img {
  transform: scale(1);
}
.team_container .style2 .single-member-area:hover .team_desc {
  opacity: 1;
  transform: scale(1);
}
.team_container .style2 .single-member-area:hover .team_desc:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.team_container .style2 .single-member-area:hover .team_desc:before {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.team_container .style2 .single-member-area:hover:after {
  opacity: 1;
  visibility: visible;
}
.team_container .style3 {
  border: none !important;
  margin-bottom: 30px;
}
.team_container .style3 .team-wrapper {
  position: relative;
  overflow: hidden;
  padding-bottom: 95px;
  background: #fff;
}
.team_container .style3 .team-wrapper .team_photo img {
  transition: all 0.5s;
}
.team_container .style3 .team-wrapper .team_desc {
  height: 100px;
  width: 100%;
  bottom: 0;
  position: absolute;
  padding: 20px;
  color: #1f1f1f;
  text-align: center;
  overflow: hidden;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  transition: height 0.4s;
}
.team_container .style3 .team-wrapper .team_desc .name {
  margin-bottom: 28px !important;
  background: rbga(0,0,0,.9);
  color: #1f1f1f;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-weight: 600;
}
.team_container .style3 .team-wrapper .team_desc .name a {
  color: #1f1f1f;
}
.team_container .style3 .team-wrapper .team_desc .name a:hover {
  color: #0396b0 !important;
}
.team_container .style3 .team-wrapper .team_desc .name .designation {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
  color: #1f1f1f;
}
.team_container .style3 .team-wrapper .team_desc .team-social a {
  font-size: 17px;
  display: block;
  width: 25px;
  height: 25px;
  line-height: 25px;
  padding: 0px;
  border: none;
  text-align: center;
  color: #fff;
  display: inline-block;
  transition: all 0.3s ease 0s;
}
.team_container .style3 .team-wrapper .team_desc .team-social a:hover {
  background: transparent;
  border: none;
  color: #0396b0;
}
.team_container .style3 .team-wrapper .team_desc:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: #0396b0;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  transition: height 0.4s;
  left: 0;
}
.team_container .style3 .team-wrapper:hover .team_desc {
  opacity: 1;
  width: 100%;
  visibility: visible;
  transform: translate(0,0);
  bottom: 0;
  height: 140px;
  color: #fff;
  background: #363636;
}
.team_container .style3 .team-wrapper:hover .team_desc .name {
  margin-bottom: 3px !important;
}
.team_container .style3 .team-wrapper:hover .team_desc .name a {
  color: #fff;
}
.team_container .style3 .team-wrapper:hover .team_desc .designation {
  color: #fff;
}
.team_container .style3 .team-wrapper:hover .team_photo img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.team_container .style4 {
  border: none !important;
  padding-bottom: 30px;
  padding-top: 30px;
  border-bottom: 1px solid #ccc !important;
}
.team_container .style4:first-child {
  padding-top: 0;
}
.team_container .style4:last-child {
  border-bottom: 0px;
}
.team_container .style4:last-child {
  border-bottom: none !important;
}
.team_container .style4 .team_desc {
  text-align: left;
  padding: 0 0 10px;
}
.team_container .style4 .team_desc .short_bio {
  margin-top: 5px;
}
.team_container .style4 .team_desc .name {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 8px;
}
.team_container .style4 .team_desc .name a {
  color: #000;
}
.team_container .style4 .team_desc .name a:hover {
  color: #0396b0;
}
.team_container .style4 .team_desc .team-social {
  margin-top: 20px;
}
.team_container .style4 .team_desc .team-social a {
  font-size: 18px;
  display: block;
  width: 35px;
  height: 35px;
  line-height: 34px;
  padding: 0px;
  border: 1px solid #363636;
  background: #363636;
  text-align: center;
  color: #fff !important;
  margin-right: 3px;
  display: inline-block;
  transition: all 0.3s ease 0s;
  color: #363636;
}
.team_container .style4 .team_desc .team-social a:hover {
  background: #0396b0 !important;
  border: 1px solid #0396b0;
  color: #fff;
}
.team-details .keen_column_2 {
  margin-top: 0;
}
.team-details .keen_column_2 p {
  margin-bottom: 0;
}
.team-details .team-social {
  padding: 14px 0 24px;
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
}
.team-details .team-social a {
  font-size: 16px;
  height: 32px;
  line-height: 32px;
  margin-right: 7px;
  text-align: center;
  width: 32px;
  background: #fdd835;
  color: #fff;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.team-details .team-social a:hover {
  background: #0396b0 !important;
  color: #fff;
}
.team-details .skill-sets {
  margin-top: 32px;
}
.team-details .skill-sets .skillbar-bar {
  background: #0396b0;
}
.sp-megamenu-parent .sp-dropdown .sp-mega-group li.active a.sp-group-title {
  background: transparent;
}
.rs-video-area .rs-video-content-wrap a.readon.border.white {
  background: transparent;
  color: #ffffff;
}
.rs-video-area .rs-video-content-wrap a.readon.border.white:before {
  color: #fff;
}
.rs-video-area .rs-video-content-wrap a.readon.border.white:hover {
  background: #026b7e;
  border: 2px solid #0396b0;
}
.rs-video-area .rs-video-content-wrap a.white-color {
  background: #0396b0;
  color: #363636 !important;
}
.view-testimonials #sp-main-body .cl_column_3 {
  background: #ffffff;
  box-shadow: rgba(58,78,95,0.2) 0 10px 16px, rgba(58,78,95,0.05) 0 -5px 16px;
}
.view-testimonials #sp-main-body .cl_column_3:hover {
  background: #0396b0;
  border-color: #0396b0;
}
.contact-form-banner .contact-form .sscf-header .form-title span {
  color: #0396b0;
}
.contact-form-banner .contact-form .rf_submit:hover {
  color: #0396b0 !important;
}
.rs-contact-banner .sppb-addon-title {
  color: #0396b0 !important;
}
.rs-contact-banner .sppb-addon-title span {
  color: #363636;
}
.promise-image {
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -ms-transition: 0.4s;
}
.promise-image:hover {
  background: #363636 !important;
}
.contact-form-banner {
  border: none;
  box-shadow: 0 0 10px #333;
  padding: 0;
}
.contact-form-banner,
.contact-form-banner .contact-form {
  border: none;
}
#particles-js .particle-content {
  max-width: 550px !important;
}
.rs-footer .footer-bottom .footer-bottom-share ul li a {
  background: #363636 !important;
}
.rs-footer .footer-bottom .footer-bottom-share ul li a:hover {
  color: #0396b0;
}
#sp-header.menu-fixed {
  background: #363636;
  height: auto;
}
.default #sp-header.menu-fixed {
  background: #fff;
}
#rs-services .sppb-addon-title a {
  color: #363636;
}
.border-style1 .sppb-addon-title::after,
section .sppb-section-title .sppb-title-heading::after {
  background: #0396b0;
}
.header2 #sp-header .container,
.header3 #sp-header .container,
.header6 #sp-header .container {
  background: #363636;
}
.team-item-wrap .single-team .team-social .social-icon i:hover {
  color: #0396b0;
}
.team-list .single-team:hover {
  border: 1px solid #363636;
}
.team-list .single-team h3 a {
  color: #0396b0;
}
.team-list .single-team h3 a:hover {
  color: #363636;
}
.team-list .single-team span {
  color: #363636;
}
.team-list .single-team .social-icons ul li a {
  color: #363636;
}
.team-list .single-team .social-icons ul li a:hover {
  color: #0396b0;
}
.team-list .single-team .social-icons ul li a i:hover {
  color: #0396b0;
}
#rs-cta2 .readon.sscf-popup,
#rs-cta3 .readon.sscf-popup {
  background: #363636 !important;
}
.rs-about .sppb-carousel .sppb-carousel-arrow .fa-chevron-left,
.rs-about .sppb-carousel .sppb-carousel-arrow .fa-chevron-right {
  background: #0396b0;
  opacity: 1;
}
.rs-about .sppb-carousel:hover .sppb-carousel-arrow .fa-chevron-left,
.rs-about .sppb-carousel:hover .sppb-carousel-arrow .fa-chevron-right {
  background: #363636;
  opacity: 1;
}
.owl-navigation-yes .owl-nav [class*="owl-"]:hover {
  background: #363636;
}
.tparrows.preview1:hover:after,
.tparrows.preview1:hover:after {
  background: #0396b0;
  color: #000000;
}
.cl-testimonial3 .slick-list .slick-slide::before,
.cl-testimonial3 .slick-list .slick-slide::after,
#rs-team .style2 .team-item-wrap .single-team .team-content .subtitle {
  color: #0396b0;
}
.team-item-wrap .normal-text,
#rs-team .style2 .team-item-wrap .single-team .team-content .subtitle::after {
  background: #0396b0;
}
.cl-testimonial3 .slick-list .slick-slide:hover .testi-img img {
  border-color: #0396b0;
}
.cl-testimonial3 .slick-list .slick-slide .rs-tst-content .author-info .rs-tst-designation {
  color: ;
}
.site-color {
  color: #0396b0 !important;
}
.style2 .team-item-wrap .single-team .team-content .display-table-cell {
  padding: 15px;
}
.style2 .team-item-wrap .single-team .team-social .social-icon {
  background: #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin-right: 6px;
}
.style2 .team-item-wrap .single-team .team-social .social-icon:hover {
  background: #0396b0 !important;
}
.style2 .team-item-wrap .single-team .team-social .social-icon i {
  font-size: 14px;
  color: #101010;
}
.style2 .team-item-wrap .team-name a:hover {
  color: #0396b0;
}
.team-item-wrap .normal-text .team-name {
  background: #0396b0;
}
.team-item-wrap .team-name a:hover {
  color: #303030;
}
.team-item-wrap .team-title {
  color: #0396b0;
}
.team-item-wrap .team-title:after {
  background: #0396b0;
}
.team-item-wrap .team-social .social-icon i {
  font-size: 14px;
  color: #000;
}
.team-item-wrap .team-social .social-icon:hover {
  background-color: #fff;
}
.team-item-wrap:before,
.team-item-wrap:after {
  border-color: #0396b0;
}
.team-item-wrap:hover::before {
  border-left: 52px solid #0396b0;
}
.team-item-wrap:hover::after {
  border-right: 50px solid #0396b0;
}
@media only screen and (max-width: 991px) {
  #sp-header {
    background: #363636;
  }
  .header6 #offcanvas-toggler > i {
    color: #0396b0 !important;
  }
  .home-transparent #offcanvas-toggler > i:hover {
    color: #0396b0;
  }
}
@media only screen and (max-width: 767px) {
  body #sppb-addon-1508411638246 .sppb-addon-timeline .sppb-addon-timeline-wrapper::before,
  body #sppb-addon-1508411638246 .sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-badge::after,
  body #sppb-addon-1508411638246 .sppb-addon-timeline .timeline-movement.even::before {
    background-color: #363636 !important;
  }
  #sppb-addon-1508411638246 .sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-badge::before,
  #sppb-addon-1508411638246 .sppb-addon-timeline .timeline-movement.even::after {
    border-color: #363636 !important;
  }
}