.no-class {}
  .search-box input[type="submit"], .xrton-navigation .menu-text:after,
  .swiper-slide, .xrton-btn, .swiper-pagination-bullet.swiper-pagination-bullet-active,
  .section-title:after, .location-tooltip, .process-item .xrton-icon:before, .xrton-back-top a,
  .xrton-preloader, .xrton-pagination ul li span:after, .xrton-social.rounded a:hover,
  .xrton-social.rounded a:focus, .grid-view-link:hover .grid-view-square,
  .grid-view-link:focus .grid-view-square, .grid-view-link:hover .grid-view-square:after,
  .grid-view-link:focus .grid-view-square:after, .portfolio-images .owl-carousel .owl-nav .owl-prev:hover,
  .portfolio-images .owl-carousel .owl-nav .owl-next:hover, blockquote .xrton-icon, input[type="submit"],
  .xrton-widget ul li:before, .blog-detail-wrap blockquote:before, .owl-dot.active, .widget_search form input[type="submit"], .xrton-team-single .xrton-social a, .xrton-btn:hover, .xrton-btn:focus, .xrton-back-top a:hover, blockquote:before, .xrton-footer .xrton-footer-widget .xrton-btns-group a, .services-style-two .service-item.xrton-hover .service-info, .hover-style-three .project-info, .slider.slider-horizontal .tooltip-inner, .slider-selection, .xrton-pagination ul.page-numbers li span {
    background-color: #a6a6a1;
  }

  .navigation-wrap .xrton-navigation>li.current-menu-item>a,
  .navigation-wrap .xrton-navigation>li.current-menu-item>a>a,
  .navigation-wrap .xrton-navigation>li.current-menu-parent>a>a,
  .navigation-wrap .xrton-navigation ul li.current-page-ancestor>a,
  .navigation-wrap .xrton-navigation>li.current-menu-parent>a,
  .navigation-wrap .xrton-navigation ul li.current-menu-item>a,
  .navigation-wrap .xrton-navigation ul li.current-menu-item>a>a,
  .navigation-wrap .xrton-navigation ul li.current-menu-ancestor>a>a,
  .navigation-wrap .xrton-navigation ul li.current-menu-ancestor>a>span,
  .navigation-wrap .xrton-navigation li.active > a,
  .navigation-wrap .xrton-navigation ul li a:hover,
  .navigation-wrap .xrton-navigation li a:hover,
  .navigation-wrap .xrton-navigation li a:hover a,
  .navigation-wrap .xrton-navigation li li a:hover,
  .navigation-wrap .xrton-navigation li li.active a,
  .navigation-wrap .xrton-navigation li li.active li a:hover,
  .navigation-wrap .xrton-navigation li ul>li.current-menu-parent>a>a,
  .navigation-wrap .xrton-navigation li ul>li.current-menu-parent>a,
  .testimonials-author .author-designation a, .blog-cat a,
  a:hover, a:focus, .xrton-topbar .xrton-social a:hover,
  .xrton-fullscreen-navigation .xrton-navigation > ul > li:hover > a,
  .xrton-fullscreen-navigation .xrton-navigation > ul > li.active > a,
  .xrton-fullscreen-navigation .dropdown-nav li a:hover, .xrton-transparent-btn,
  .project-info p a:hover, .xrton-quote p, .process-title a:hover, .process-item .xrton-transparent-btn:hover,
  .process-item.xrton-hover .process-title, .process-item.xrton-hover .process-title a,
  .process-item.xrton-hover .xrton-transparent-btn, .news-meta ul li a:hover,
  .xrton-footer a:hover, .post-date, .xrton-skills p a:hover, .hover-style-two .project-title a:hover,
  .hover-style-two .project-info p a:hover, .mate-info .xrton-social a:hover,
  .mate-info p a:hover, .testimonials-style-two .author-name, .testimonials-style-two .author-name a,
  .play-link, .xrton-dark-template .xrton-quote p, .xrton-dark-template .author-name a:hover,
  .xrton-dark-template .mate-info a:hover, .xrton-dark-template .mate-info .xrton-social a:hover,
  .xrton-dark-template .testimonials-style-two .author-name, .xrton-dark-template .testimonials-style-two .author-name a,
  .xrton-dark-template .projects-wrap:not([class*="hover-style-"]) .project-title a:hover,
  .breadcrumb-item.active, .breadcrumb-item a:hover, .breadcrumb-item a:focus,
  .xrton-dark-template .process-style-three .process-title a:hover, .masonry-filters ul li a.active,
  .xrton-pagination ul li span, .xrton-pagination ul li a:hover, .xrton-dark-template .masonry-filters ul li a:hover,
  .xrton-dark-template .masonry-filters ul li a.active, .portfolio-info ul li p a:hover, .hover-style-six .project-info p,
  .hover-style-six .project-info p a, .blog-tags a:hover, .author-content .xrton-social a:hover, .comment-reply-link, .checkbox-icon-wrap input[type="checkbox"]:checked + .checkbox-icon:before, .xrton-services.services-style-three .service-item .xrton-icon i, .xrton-quote p, .xrton-process .xrton-icon, .mean-container ul > li.current-menu-ancestor.current-menu-parent > a, .mean-container .dropdown-nav > li.active > a, .testimonials-author h4 a, .blog-cat a, span.subscribe-lttr a, .dropdown-nav li.active > a, .xrton-navigation ul.dropdown-nav li a:hover {
    color: #a6a6a1;
  }

  .owl-carousel button.owl-dot.active, .service-item.xrton-hover .service-info, .play-link:hover, .play-link:focus, .hover-style-five .project-info, .portfolio-images .owl-carousel .owl-dot.active, .slider-handle:before {
    background: #a6a6a1;
  }

  ::selection {background: #a6a6a1;}
  ::-webkit-selection {background: #a6a6a1;}
  ::-moz-selection {background: #a6a6a1;}
  ::-o-selection {background: #a6a6a1;}
  ::-ms-selection {background: #a6a6a1;}

  .slider .tooltip.bottom .tooltip-arrow {border-bottom-color: #a6a6a1;}

  .xrton-btn.xrton-yellow-border-btn, .services-style-three .service-item.xrton-hover .service-info,
  .accordion-title a:hover, .accordion-title a:focus, .accordion-title a, .navigation-wrap .xrton-navigation ul li.current-menu-parent .menu-text:before,
  .xrton-fullscreen-navigation .xrton-navigation > ul > li.has-dropdown:hover .menu-text:before,
  .xrton-fullscreen-navigation .xrton-navigation > ul > li.has-dropdown.active .menu-text:before, .xrton-main-wrap .xrton-topbar .xrton-topdd-content li {border-color: #a6a6a1;}


<!-- Page Bg Color -->
.no-class {}
.xrton-topbar{
  background-color: #1b1b1a;
}

.no-class {}
.xrton-topbar {
  color: #fbf8ef;
}

.no-class {}
.xrton-main-wrap .xrton-topbar .xrton-topdd-content li a {
  color: #a6a6a1;
}
.no-class {}
a.xrton-top-active {
  color: #9e834d;
}
.no-class {}
.xrton-topbar .xrton-social a {
  color: #a6a6a1;
}
.no-class {}
.xrton-topbar .xrton-social a:hover,
.xrton-topbar .xrton-social a:focus
 {
  color: #9e834d;
}
.no-class {}
.xrton-header {
  background: #222220;
}

.no-class {}
.xrton-navigation > ul > li > a, .header-links-wrap .search-link i, .header-links-wrap .search-link a i,
.xrton-navigation ul li a  {
  color: #fbf8ef;
}

.no-class{}
.xrton-navigation .menu-text:after  {
  background: #4d4d4a;
}
.header-links-wrap .search-link a:hover i {color: #4d4d4a ;}
.no-class {}
.is-sticky .xrton-header {
  background: #1b1b1a;
}
.no-class {}
.is-sticky .xrton-navigation > ul > li > a {
  color: #fbf8ef;
}

.no-class {}
.is-sticky .xrton-navigation .menu-text:after {
  background-color: #4d4d4a;
}
.toggle-link .toggle-separator,
.toggle-link .toggle-separator:before,
.toggle-link .toggle-separator:after {
  background-color: #a6a6a1;
}
.no-class {}
.dropdown-nav{
  background: #1b1b1a;
}
.no-class {}
.dropdown-nav li a {
  color: #fbf8ef;
}
.no-class {}
.dropdown-nav li a {
  border-color: #4d4d4a;
}
.no-class {}
.dropdown-nav li.active > a, .xrton-navigation ul.dropdown-nav  li a:hover {
  color: #a6a6a1;
}
.no-class {}
.xrton-fullscreen-navigation, .navigation-wrap, .navigation-bottom-wrap {
  background: #222220;
}
.no-class {}
.xrton-fullscreen-navigation .xrton-navigation > ul > li > a, ul.custom-dropdown-nav li a, span.subscribe-lttr a{
  color: #fbf8ef;
}
.no-class {}
.xrton-fullscreen-navigation .xrton-navigation > ul > li.active > a,
.navigation-wrap .xrton-navigation ul li.current-menu-ancestor>a>span,
.xrton-fullscreen-navigation .xrton-navigation > ul > li > a:hover, ul.custom-dropdown-nav li a:hover, span.subscribe-lttr a:hover {
  color: #a6a6a1;
}
.no-class {}
.xrton-fullscreen-navigation .dropdown-nav li a {
  color: #a6a6a1;
}
.no-class {}
.xrton-fullscreen-navigation .dropdown-nav li a:hover,
.navigation-wrap .xrton-navigation ul li.current-menu-item>a {
  color: #9e834d;
}
.no-class {}
.mean-container a.meanmenu-reveal span,
.mean-container a.meanmenu-reveal span:before,
.mean-container a.meanmenu-reveal span:after,
.xrton-transparent-header .mean-container a.meanmenu-reveal span:before,
.xrton-transparent-header .mean-container a.meanmenu-reveal span:after,
.xrton-transparent-header .mean-container a.meanmenu-reveal span,
.mean-container a.meanmenu-reveal.meanclose span:before {
  background: #a6a6a1;
}
.no-class {}
.mean-container .mean-nav {
  background-color: #222220;
}
.no-class {}
.xrton-header .mean-container .dropdown-nav > li:hover > a,
.xrton-header .mean-container .dropdown-nav > li:focus > a,
.mean-container .mean-nav ul li:hover > a,
.mean-container .mean-nav ul li:focus > a {
  background-color: #1b1b1a;
}
.no-class {}
.mean-container .mean-nav ul li a {
  color: #fbf8ef;
}
.no-class {}
.mean-container .mean-nav ul li a:hover,
.mean-container .mean-nav ul li a:focus,
.xrton-header .mean-container .dropdown-nav > li.active > a,
.mean-container ul li.current-menu-ancestor > a {
  color: #a6a6a1;
}
.no-class {}
.mean-container .mean-nav ul li li a, .mean-container .mean-nav ul li a {
  border-color: #4d4d4a;
}
.no-class {}
.mean-container .mean-nav ul li a.mean-expand {
  color: #fbf8ef;
}
.no-class {}
.mean-container .mean-nav ul li a.mean-expand:hover,
.mean-container .mean-nav ul li a.mean-expand:focus,
.mean-container .mean-nav ul li:hover > a.mean-expand,
.mean-container .mean-nav ul li:focus > a.mean-expand,
.xrton-header .mean-container .dropdown-nav > li:hover > a.mean-expand,
.xrton-header .mean-container .dropdown-nav > li:focus > a.mean-expand {
  color: #fbf8ef;
}
.no-class {}
.mean-container .mean-nav ul li a.mean-expand {
  background-color: #4d4d4a;
}
.no-class {}
.mean-container .mean-nav ul li a.mean-expand:hover,
.mean-container .mean-nav ul li a.mean-expand:focus,
.mean-container .mean-nav ul li:hover > a.mean-expand,
.mean-container .mean-nav ul li:focus > a.mean-expand,
.xrton-header .mean-container .dropdown-nav > li:hover > a.mean-expand,
.xrton-header .mean-container .dropdown-nav > li:focus > a.mean-expand {
  background-color: #4d4d4a;
}
.no-class {}
.breadcrumb-item a, .breadcrumb-item+.breadcrumb-item::before {
  color: #fbf8ef;
}
.no-class {}
.breadcrumb-item a:hover, .breadcrumb-item.active{
  color: #a6a6a1;
}
.no-class {}
.xrton-footer {
  background: #222220;
}
.no-class {}
.footer-widget .widget-title {
  color: #a6a6a1;
}
.no-class {}
.xrton-footer p, .contact-item .contact-info, .xrton-footer {
  color: #fbf8ef;
}
.no-class {}
.footer-widget .quick-links ul li a, .footer-widget .post-title a {
  color: #a6a6a1;
}
.no-class {}
.footer-widget .quick-links ul li a:hover, .footer-widget .post-date {
  color: #9e834d;
}
.no-class {}
.footer-widget .xrton-icon, .footer-widget i  {
  color: #a6a6a1;
}
.no-class {}
.xrton-copyright, .xrton-copyright p {
  color: #fbf8ef;
}
.no-class {}
.xrton-copyright a, .xrton-copyright .xrton-social a {
  color: #a6a6a1;
}
.no-class {}
.xrton-copyright a:hover, .xrton-copyright .xrton-social a:hover {
  color: #9e834d;
}
.no-class {}
.xrton-copyright {
  background: #1b1b1a;
}
.no-class {}
body, p, .xrton-content-area p, xrton-primary p, .xrton-quote h2, .xrton-quote p, .progress-item p, .progress-counter, .news-meta ul li, .welcome-info p, .xrton-skills p, .circle-progressbar-counter, .testimonials-info p, .stats-item h2, .stats-item p, .mate-info p, .blog-detail-wrap p, .blog-detail-wrap blockquote p, .author-content p, .xrton-blog-share .blog-meta-label, .blog-meta-label, .xrton-comments-area .xrton-comments-meta .comments-date, .xrton-comments-area .comment-wrapper p, .portfolio-info ul li p, .services-style-two .service-info p, .caption-wrap-inner h4, .masonry-filters ul li a, .blog-cat a, .blog-tags a, .xrton-comment-form a, .tagcloud a, .side-nav-newsletter p {
  color: #222220;
}

.no-class {}
.service-title a, .project-info h4 a, .process-title a, .project-info p a, .news-info h4 a, .services-style-two .service-title a, .testimonials-author h4 a, .services-style-three .service-item .service-title a, .mate-info h4 a, .mate-info .xrton-social a, .testimonials-style-two .author-name a, .accordion-title a, blog-tags a, .blog-cat a, .xrton-social.rounded a, .comment-reply-link, .author-content .author-name, .portfolio-info ul li p a, .hover-style-two .project-title a, .hover-style-two .project-info p, .hover-style-two .project-info p a, .xrton-dark-template .projects-wrap:not([class*="hover-style-"]) .project-title a, .hover-style-five .project-info a:hover, .blog-cat a:hover, .blog-tags a:hover, .xrton-comment-form a:hover, .tagcloud a:hover, .sidebar-menu-social .xrton-social a {
  color: #a6a6a1;
}
.blogs-style-six .owl-drag .owl-prev:before, .blogs-style-six .owl-drag .owl-next:before{
  border-color: #a6a6a1;
}
.no-class {}
.service-title a:hover, .project-info h4 a:hover, .project-info p a:hover, .news-info h4 a :hover, .service-item.xrton-hover .service-title,
.service-item.xrton-hover .service-title a, .testimonials-author h4 a:hover, .services-style-three .service-item.xrton-hover .service-title a,
.mate-item.xrton-hover .mate-info h4 a, .mate-info .xrton-social a:hover, .testimonials-style-two .author-name a:hover, .accordion-title a:hover, blog-tags a:hover, .blog-cat a:hover, .xrton-social.rounded a:hover, .comment-reply-link:hover, .author-content .author-name:hover, .portfolio-info ul li p a:hover, .hover-style-two .project-title a:hover, .hover-style-two .project-info p:hover, .hover-style-two .project-info p a:hover, .xrton-dark-template .projects-wrap:not([class*="hover-style-"]) .project-title a:hover, .sidebar-menu-social .xrton-social a:hover, ul.custom-dropdown-nav li span.change-text {
  color: #9e834d;
}
.hanor-outcome-services.tab-style-three .nav-tabs > li.active > a:before,
.hanor-outcome-services.tab-style-three .nav-tabs > li.active > a:after{
  background-color: #9e834d;
}
.no-class {}
.section-title-wrap h2, .service-info h4, .process-item h4, .callout-title, .services-style-two .service-title, .services-style-three .service-title, .error-wrap h3, .error-wrap h1, .xrton-info-title, .xrton-comments-area .xrton-comments-meta h4, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .portfolio-info h3, .portfolio-info ul li .portfolio-label, .caption-wrap-inner, .projects-style-three .section-title, .side-nav-newsletter h6 {
  color: #4d4d4a;
}
  .vt-maintenance-mode {
      }
@media (max-width: 1199px) {
  .no-class {}
  .header-right .xrton-navigation,  .header-right .header-links-wrap {
    display: none!important;
  }

}
body, input[type="submit"], .xrton-btn span, .service-info h4, .footer-widget .widget-title{font-family: "Roboto", Arial, sans-serif;font-style: normal;font-size: .75em;
letter-spacing: .1em;}.xrton-navigation ul, .mean-container .mean-nav ul li a, ul.custom-dropdown-nav{font-family: "Karla", Arial, sans-serif;font-style: normal;text-transform: uppercase;
font-size: 1.5em;
letter-spacing: .1em;}.xrton-navigation .dropdown-menu, .xrton-navigation .dropdown-nav li a, .mean-container .mean-nav ul.sub-menu li a, .mean-container .mean-nav ul.dropdown-nav li a{font-family: "Prata", Arial, sans-serif;font-style: normal;font-weight: normal;
letter-spacing: .2em;
font-size: .5em;
text-transform: none;
color: #fbf8ef;}p, .xrton-topbar, .caption-subtitle,
.progress-counter, .news-meta ul, .quick-links, .post-date, .breadcrumb, .error-subtitle, .masonry-filters, .blog-tags a, .service-info .service-info-wrap{font-family: "Karla", Arial, sans-serif;font-style: normal;}.your-custom-class{font-family: "Roboto", Arial, sans-serif;font-style: normal;}.xrton-page-title h2{font-family: "Prata", Arial, sans-serif;font-style: normal;font-size: 3.5em;
text-transform: none;
letter-spacing: .1em;}h1{font-family: "Prata", Arial, sans-serif;font-style: normal;font-size: 1.375em;
letter-spacing: .1em;}body h2{font-family: "Karla", Arial, sans-serif;font-style: normal;font-size: 1.25em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .1em;}body h3{font-family: "Karla", Arial, sans-serif;font-style: normal;font-size: 1.125em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .1em;}body h4{font-family: "Karla", Arial, sans-serif;font-style: normal;font-size: 1em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .1em;}body h5{font-family: "Roboto", Arial, sans-serif;font-style: normal;font-size: 1em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .1em;}body h6{font-family: "Roboto", Arial, sans-serif;font-style: normal;font-size: .75em;
font-weight: bold;
letter-spacing: .1em;}