.scroll-progress-bar div {
    background-color: #ffcc00;
}

body {
    font-family: Open Sans;
    font-size: 13px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.tooltip,
.

-caption h1,
.

-caption p,
.


-btn a,
.process-label span,
.team-member .member-title,
.testimonial-name span,
.fact-number,
.item-price,
.tweet-timestamp {
    font-family: Dosis;
}

.site-title,
.main-navigation,
#slide-number,
.module-caption p,
.promo-box-ver p,
.contact-item .ci-title,
.skill-bar .line-active span,
.testimonial-box .testimonial-name,
.fact-text,
.pb-detail ul li,
.widget:not(.woocommerce) ul li span {
    font-family: Raleway;
}

.site-title a,
.main-navigation a {
    color: #ffffff;
}

.site-title a:hover,
.main-navigation li.current-menu-item a,
.main-navigation a:hover {
    color: #ffcc00;
}

.main-navigation ul ul {
    border-top-color: #ffcc00;
}

.main-navigation li li a:hover,
.mobile-menu,
body.small-device .mobile-menu:hover {
    background-color: #ffcc00;
}

.main-navigation li li a {
    background-color: #23282d;
}

body.small-device .main-navigation li li a:hover {
    background-color: #23282d!important;
}

.main-navigation li li a,
body.small-device .main-navigation li li a:hover {
    color: #eeeeee;
}

.main-navigation li li a:hover {
    color: #000000;
}

.main-navigation li li,
body.small-device .main-navigation li,
body.small-device .main-navigation li ul a {
    border-bottom-color: #333333;
}

body.small-device .main-navigation li ul {
    border-top-color: #333333;
}

body.small-device .main-navigation li ul a {
    border-left-color: #333333;
}

.sticky-header {
    background-color: #18191b;
    border-bottom-color: #333333;
}

.mobile-menu {
    color: #18191b;
}

.sticky-header a {
    color: #ffffff;
}

.mobile-menu:hover,
body.small-device .mobile-menu.closed:hover {
    background-color: #ffffff;
}

.text-slider {
    color: #ffffff;
    background-image: url("../wp-content/themes/beonepage-pro/images/background.jpg");
    background-position: center center;
}

.text-slider .scroll-down:before {
    background-color: #ffffff;
}

.swiper-slider {
    color: #ffffff;
}

.swiper-slider .scroll-down:before {
    background-color: #ffffff;
}

.icon-service-module {
    color: #eceff3;
    background-color: #fff;
    background-image: url("../wp-content/uploads/2015/11/icon-service-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
}

.icon-service-module .separator span {
    color: #888888;
}

.icon-service-module .separator i {
    color: #ffcc00;
}

.icon-service-module .icon-service-box:hover .service-icon {
    background-color: #ffcc00;
    border-color: #ffcc00;
}

.icon-service-img-module,
.icon-service-img-module .icon-service-box:hover i {
    color: #eceff3;
}

.icon-service-img-module .separator span {
    color: #888888;
}

.icon-service-img-module .separator i {
    color: #ffcc00;
}

.icon-service-img-module .service-icon {
    color: #ffcc00;
}

.icon-service-img-module .icon-service-box:hover .service-icon {
    background-color: #ffcc00;
}

.icon-service-img-module {
    background-color: #181a1c;
    background-image: url("");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
}

.portfolio-module {
    color: #181a1c;
    background-color: #ffcc00;
    background-image: url("");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
}

.portfolio-module .separator span {
    color: #111111;
}

.portfolio-module .separator i {
    color: #111111;
}

#portfolio-filter a {
    color: #333333;
    background-color: #eeeeee;
}

#portfolio-filter a:hover,
#portfolio-filter .active {
    background-color: #333333;
    color: #eeeeee;
}

.portfolio-caption {
    background-color: rgba(0, 0, 0, 0.8);
}

.portfolio-caption .entry-title {
    color: #ffcc00;
}

.portfolio-caption .entry-meta {
    color: #dddddd;
}

.portfolio-ajax-title h2,
#portfolio-navigation a:hover,
.portfolio-meta li span {
    color: #ffcc00;
}

.portfolio-ajax-single {
    color: #eceff3;
    background-color: #181a1c;
}

.portfolio-ajax-title {
    border-bottom-color: #333333;
}

.portfolio-single-content .line {
    border-top-color: #333333;
}

.promo-box-ver-module,
.promo-box-ver h2 {
    color: #eceff3;
}

.promo-box-ver-module {
    background-color: #181a1c;
    background-image: url("../wp-content/uploads/2015/11/promo-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
}

.promo-box-hor-module,
.promo-box-ver h2 {
    color: #eceff3;
}

.promo-box-hor-module {
    background-color: #181a1c;
    background-image: url("");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
}

.blog-module {
    color: #181a1c;
    background-color: #ffcc00;
    background-image: url("");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
}

.blog-module .separator span {
    color: #111111;
}

.blog-module .separator i {
    color: #111111;
}

.blog-item .entry-publish-date span {
    color: #222222;
}

.blog-item .entry-publish-date {
    background-color: rgba(255, 255, 255, 0.9);
}

.blog-item .read-more {
    color: #181a1c;
    background-color: rgba(255, 204, 0, 0.9);
}

.see-more-wrap .sm-container {
    color: #eeeeee;
}

.see-more-wrap .sm-icon {
    color: #eeeeee;
}

.see-more-wrap {
    background-color: #222222;
}

.contact-module {
    color: #eceff3;
    background-image: url("");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
}

.contact-module .separator span {
    color: #888888;
}

.contact-module .separator i {
    color: #ffcc00;
}

.contact-module,
#gmap .circle-left,
#gmap .circle-right {
    background-color: #181a1c;
}

.process-module {
    color: #fff;
    background-image: url('../images/slider/process.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
}

.line-process-wrapper .owl-dot span {
    background-color: #00a6eb !important;
}

.process-module .separator span {
    color: #888888;
}

.process-module .separator i {
    color: #ffcc00;
}

.process-label {
    color: #888888;
}

.line-process-container {
    background-color: #888888;
}

.process-label .icon-clone,
.process-label span:before {
    color: #00a6eb;
}

.line-process,
.line-process-wrapper .owl-dot span:after {
    background-color: #00a6eb;
}

.process-module,
.line-process-wrapper .owl-dot.active span {
    background-color: #181a1c;
}

.team-module {
    color: #eceff3;
    background-image: url("");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
}

.team-module .separator span {
    color: #888888;
}

.team-module .owl-dot span,
.team-module .owl-dot:after {
    background-color: #888888;
}

.team-module .separator i,
.team-member .member-title {
    color: #ffcc00;
}

.team-module .owl-dot.active:after {
    background-color: #ffcc00;
}

.team-member .member-profile {
    color: #cccccc;
    background-color: #111111;
}

.team-module,
.team-member .member-card {
    background-color: #181a1c;
}

.skill-bar-module {
    color: #eceff3;
    background-color: #fff;
    background-image: url("");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
}

.skill-bar-module .separator span {
    color: #888888;
}

.skill-bar .bar-line {
    background-color: #888888;
}

.skill-bar-module .separator i {
    color: #ffcc00;
}

.skill-bar .line-active {
    background-color: #ffcc00;
}

.skill-bar .line-active span {
    background-color: #272727;
}

.testimonial-module,
.testimonial-name span {
    color: #eceff3;
}

.testimonial-module .separator span {
    color: #888888;
}

.testimonial-module .owl-dot span,
.testimonial-module .owl-dot:after {
    background-color: #888888;
}

.testimonial-module .separator i,
.testimonial-member .member-title,
.testimonial-box blockquote:before,
.testimonial-box .testimonial-name {
    color: #ffcc00;
}

.testimonial-module .owl-dot.active:after {
    background-color: #ffcc00;
}

.testimonial-box blockquote {
    background-color: rgba(17, 17, 17, 0.5);
}

.testimonial-module {
    background-color: #181a1c;
    background-image: url("../wp-content/uploads/2015/11/testimonial-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
}

.client-module {
    background-color: #181a1c;
    background-image: url("../wp-content/uploads/2015/11/client-bg.html");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
}

.fun-fact-module {
    color: #eceff3;
    background-color: #181a1c;
    background-image: url("../wp-content/uploads/2016/02/fun-fact-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
}

.fun-fact-module .fact-text {
    color: #ffcc00;
}

.pricing-table-module {
    color: #eceff3;
    background-color: #181a1c;
    background-image: url("");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
}

.pricing-table-module .separator span {
    color: #888888;
}

.pricing-table-module .separator i,
.item-price {
    color: #ffcc00;
}

.pb-active-price,
.pb-special-price,
.pb-star {
    background-color: #ffcc00;
}

.item-price {
    border-color: #ffcc00;
}

.pricing-item,
.pb-star,
.pb-active-price,
.pb-special-price {
    color: #eceff3;
}

.pricing-item {
    background-color: #111111;
}

.pb-star:after {
    border-bottom-color: #111111;
}

.twitter-module {
    color: #eceff3;
    background-color: #181a1c;
    background-image: url("../wp-content/uploads/2015/11/twitter-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
}

.twitter-module .owl-dot span,
.twitter-module .owl-dot:after {
    background-color: #eceff3;
}

.twitter-module .twitter-icon,
.twitter-module .tweet a {
    color: #ffcc00;
}

.twitter-module .owl-dot.active:after {
    background-color: #ffcc00;
}

.subscribe-module .input-group-btn {
    background-color: #ffcc00;
}

.subscribe-module {
    color: #eceff3;
    background-color: #181a1c;
    background-image: url("../wp-content/uploads/2016/02/subscribe-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
}

.widget-module {
    color: #eceff3;
    background-color: #181a1c;
    background-image: url("");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
}

.widget-module .separator span {
    color: #888888;
}

.widget-module .separator i {
    color: #ffcc00;
}

.custom-module {
    color: #eceff3;
    background-color: #181a1c;
    background-image: url("");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
}

.custom-module .separator span {
    color: #888888;
}

.custom-module .separator i {
    color: #ffcc00;
}

.page-header {
    background-image: url("../wp-content/themes/beonepage-pro/images/header_bg.jpg");
    background-position: center center;
    color: #eceff3;
}

body,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background-color: #18191b;
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span,
.bcrumbs .active,
article a,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce div.product .stock,
.woocommerce .woocommerce-info:before,
.woocommerce .woocommerce-message:before,
.woocommerce a.remove,
.woocommerce ul.product_list_widget ins,
.product_meta span a {
    color: #ffcc00;
}

.woocommerce a.remove {
    color: #ffcc00!important;
}

.btn-dark{
    color:#181a1c !important;
    border: 2px solid rgba(255,255,255,.7)
}

ins,
#contact-form-result span,
#subscribe-form-result,
.blog-list .post-date-day,
.blog-list .btn-more,
.posts-navigation ul li.active a,
.widget .widget-title:after,
.woocommerce span.onsale,
#oc-product .owl-dot.active:after {
    background-color: #ffcc00;
}

::selection {
    background-color: #ffcc00;
}

::-moz-selection {
    background-color: #ffcc00;
}

.posts-navigation ul li.active a,
.posts-navigation ul li.active a:hover {
    border-color: #ffcc00;
}

blockquote {
    border-left-color: #ffcc00;
}

.blog-list .entry-content,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message {
    border-top-color: #ffcc00;
}

.single-post .entry-image {
    border-bottom-color: #ffcc00;
}

body,
.posts-navigation ul li a:hover,
.posts-navigation ul li.active a {
    color: #eeeeee;
}

.blog-list .btn-more:hover,
#oc-product .owl-dot span,
#oc-product .owl-dot:after {
    background-color: #eeeeee;
}

.nav-links li a:hover,
.posts-navigation ul li a:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border-color: #eeeeee;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs ul.tabs:before {
    border-bottom-color: #eeeeee;
}

.blog-list .post-date-day,
.blog-list .btn-more {
    color: #111111;
}

.posts-navigation ul li a,
.widget:not(.woocommerce) ul li span {
    color: #aaaaaa;
}

.comment-avatar {
    background-color: #333333;
}

textarea,
input[type="text"],
input[type="email"],
.nav-links li a,
.posts-navigation ul li a,
.comment-body,
.comment-avatar,
.widget .tagcloud a,
.woocommerce #reviews #comments ol.commentlist,
.woocommerce #reviews #comments ol.commentlist li img.avatar,
.woocommerce #reviews #comments ol.commentlist li .comment-text {
    border-color: #333333;
}

.comments-area {
    border-top-color: #333333;
}

.single-post .entry-meta,
.single-post .entry-footer,
.search-list article,
.blog-list article,
.blog-list .post-date-month,
.comment-list,
.widget {
    border-bottom-color: #333333;
}

.site-footer {
    color: #eeeeee;
    background-color: #0b0b0b;
}

.social-link a {
    background-color: #272727;
}