.separator div,
body,
body.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs .panel {
  background-color:#ffffff;	color:#000000;}

a,
.vntd-accent-color {
	color: #bd1e24;
}



/* Navigation */


#navigation-sticky.white-nav,
.second-nav.white-nav,
.white-nav .nav-menu ul.dropdown-menu,
.white-nav .nav-inner div.nav-menu ul.nav {
	background-color:	#ffffff;
}

#navigation-sticky.white-nav,
.second-nav.white-nav .nav-menu,
.first-nav.white-nav .nav-menu ul.dropdown-menu li a,
.site-text-logo {
	color:	#3e3e3e;
}



.second-nav.white-nav .nav-inner .nav-menu ul li.active a,
.white-nav .nav-menu ul.dropdown-menu li a:hover,
.white-nav .nav-menu ul.dropdown-menu li.active a,
.nav>li>a:hover, .nav>li>a:focus {
	background-color:	#ffffff !important;
}

/* Page Title */

section.page_header {
	background-color:	#fafafa;
}
section.page_header {
	border-color:		#fafafa;
}

section.page_header .page_header_inner .p_head_left h1.p-header {
	color:	#3e3e3e;
}

section.page_header .page_header_inner .p_head_left p.p-desc {
	color:	#787777;
}
section.page_header .page_header_inner .p_head_right a.p-head-button {
	color:	#6a6a6a;
}
/* Footer Widgets */

body #footer-widgets { background-color:#f9f9f9 !important; }body #footer-widgets { color:#000000 !important; }body #footer-widgets .bar.footer-widget h4 { color:#000000 !important; }#footer-widgets .footer-widget.bar a { color:#000000; }
/* Footer */


.footer.white-bg {
	background-color:	#ffffff !important;
	border-color:		#eeeeee;
	color:				#999999;
}
#page-content .footer p,#page-content .footer a,.footer.white-bg a,
.footer.white-bg p {
	color:				#999999;
}

/* Typography */

 h1,h2,h3,h4,h5,h6 { color:#161616; }
/* Text Colors */

	.colored,
	.testimonials li.text h1 span,
	#page-content .vntd-pricing-box.p-table.active h1,
	#page-content .vntd-pricing-box.p-table.active h3,
	#address .address-soft a.mail-text:hover,
	.white-nav .nav-menu ul.dropdown-menu li a:hover,
	.vntd-icon-box.box:hover .left-icon a,
	.white-nav .nav-menu ul.dropdown-menu li.active a,
	footer.footer a:hover,
	section.page_header .page_header_inner .p_head_right a.p-head-button:hover,
	body.dark-layout section.page_header .page_header_inner .p_head_right a.p-head-button:hover,
	#blog .details .post-info a.post-item:hover,
	.dark-nav .nav-menu ul.dropdown-menu li a:hover,
	.dark-nav .nav-menu ul.dropdown-menu li.active a,
	a.text-button:hover,
	.blog .details a.post-item:hover,
	span.post-item a:hover,
	.nav-menu ul li a:hover,
	.nav-menu ul li.active a,
	#page-content .color-accent,
	.blog .post a.read-more-post:hover,
	.address-soft a.mail-text:hover,
	.bar.widget_rss a.rsswidget:hover,
	.twitter-feed-icon:hover,
	.woocommerce ul.products li.product .price,
	#woo-nav-cart i.added,
	.woocommerce .star-rating span:before,
    #navigation .nav li.active a,
	.vntd-portfolio-carousel.blog-carousel .works .item h1.f-head a:hover
	{
		color: #bd1e24;
	}

	.current_page_item > a,
	.current-menu-ancestor > a,
	.current-menu-parent > a,
	.current-menu-parent .page_item > a,
	.current-menu-ancestor .page_item > a,
	.price  {
		color: #bd1e24 !important;
	}

/* Background Colors */

	.colored-bg,
	a.page-content-button:hover,
	.feature-box:hover a.box-icon,
	.vntd-portfolio-carousel .works .item .featured-ball:hover,
	.vntd-cta-button:hover,
	.vntd-pricing-box.p-table.active a.p-button,
	.vntd-pricing-box.p-table a.p-button:hover,
	a.active-colored,
	.blocked,
	.modal .modal-inner a.close:hover,
	.portfolio a.portfolio-view-more:hover,
	body.dark-layout .portfolio a.portfolio-view-more:hover,
	#team .team .team-boxes .item .member-details .details a.member-detail-button:hover,
	.bar .tagcloud a:hover,
	#respond #submit:hover,
	ul.pagination li.active a,
	ul.pagination li.active a:hover,
	body.dark-layout ul.pagination li.active a,
	body.dark-layout ul.pagination li.active a:hover,
	.contact form button.contact-form-button:hover,
	.btn-accent,
	.vntd-list-bg i,
	.vntd-accent-bgcolor,
	.pagination .current,
	.contact .wpcf7-submit:hover,
	.blog .post.sticky .blog-head,
	.portfolio .portfolio-items div.colio-active-item .item-inner,
	#page-content .colio-navigation a:hover,
	#page-content .colio-close,
	.woocommerce ul.products li.product .button:hover,
	::selection,
	#woo-nav-cart .button:hover,
	.woocommerce #page-content .button:hover,
	.woocommerce #review_form #respond .form-submit input:hover,
	.woocommerce ul.products li.product .onsale,
	.woocommerce span.onsale,
	#page-content .woocommerce .button:hover,
	.woocommerce a.remove:hover,
	.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
	.vntd-portfolio-carousel.blog-carousel .works .owl-controls .owl-buttons div:hover,
	#wrapper .member-detail-button.colored-bg:hover {
		background-color: #bd1e24;
	}

	a.page-content-button:hover {
		background-color:#bd1e24;
	}

	.contact .wpcf7-submit:hover {
		background-color:#bd1e24;
	}

	.vntd-portfolio-carousel .works .item .featured-ball:hover {
		background-color:#bd1e24;
	}

/* Border Colors */

	.colored-border,
	.feature-box:hover a.box-icon:after,
	a.text-button:hover,
	#team .team .team-boxes .item .member-details .details a.member-detail-button:hover,
	.bar .tagcloud a:hover,
	ul.pagination li.active a,
	ul.pagination li.active a:hover,
	.bs-callout-north,
	.vntd-icon-box.box:hover .left-icon a,
	.btn-accent,
	.pagination .current,
	.contact .wpcf7-submit:hover,
	blockquote,
	.nav-cart-products,
	.pulsed,
	.woocommerce div.product .woocommerce-tabs ul.tabs li.active  {
		border-color:#bd1e24;
	}



	.tabs .nav-tabs li.active a,
	.nav-menu ul.dropdown-menu{
		border-top-color:#bd1e24;
	}

	.vntd-tour .nav-tabs li.active a {
		border-left-color:#bd1e24;
	}

/* Font Sizes */

body { font-size:18px; } .nav-menu ul li a { font-size:18px; } footer p, footer a { font-size:14px; } h1,h2,h3,h4,h5,h6,.font-primary,.w-option-set,#page-content .wpb_content_element .wpb_tabs_nav li,.vntd-pricing-box .properties,#page-content .vc_single_bar .vc_label { font-family:"Roboto", Open Sans, Helvetica, sans-serif; } .semibold { font-weight:600; }.ult_countdown .ult_countdown-section .ult_countdown-period {
  font-size: 36px !important;
}
ult_countdown.ult-cd-s1 .ult_countdown-section {
  padding: 0px !important;
}
/*#hero-row #nocaphead h2 {
   font-size: 40px;
}*/
/*#inner-hero {
    min-height: 100vh;
}
rs-bgvideo iframe {
    padding: -50px 0 0 200px;
    background: white;
}*/

.herotext {
    font-family: 'Chakra Petch','Roboto',Arial !Important;
}
.vp-controls, .vp-sidedock {
    display: none !important;
}
.vc_btn3.vc_btn3-style-custom {
    background-image: none;
}
.mobile-nav-button.colored {
    color: #000;
    font-weight: 200 !important;
}
#page-content .wpb_row {
    background-postiion: unset !important;
}
.btn-red {
    background-color: #C00102;
    border-color: #C00102;
    border-radius: 0 !important
}
.shiftedbg.vc_row {
    background-position-x: center !important;
    background-position-y: -400px !important;
}
.yrm-btn-wrapper {
    position: absolute !important;
    bottom: 10px;
    left: calc(50% - 30px);
}
.yrm-more-button-wrapper .yrm-button-text-span {
    background: url('https://www.pueo.com/wp-content/uploads/Icon.png') center center no-repeat;
    font-size: 0px !important;
    width: 32px;
    height: 32px;
}
.yrm-less-button-wrapper .yrm-button-text-span {
    background: url('https://www.pueo.com/wp-content/uploads/Icon1.png') center center no-repeat;
    font-size: 0px !important;
    width: 32px;
    height: 32px;
}
.mb {
    margin-bottom: 30px;
}
.nav-inner .logo a img {
    margin-bottom: 7px;
}
.nav-menu ul.dropdown-menu {
    border-top: 0 none;
}
#footer-widgets .footer-widget.bar {
    font-size: 16px;
}
#footer-widgets .footer-widget.bar a {
    font-weight: 600;
}
.footer .uppercase.semibold {
    font-weight: 400;
}
.footer .vntd-social-icons {
    display: none;
}
h1, h2, h3, h4, h5, a, li a {
    text-transform: unset;
    font-family: 'Chakra Petch','Robot',Arial;
    font-weight: 500 !important;
}
h1 > strong, h2 > strong, h3 > strong, h4 > strong, h5 > strong,
h1 > span, h2 > span, h3 > span, h4 > span, h5 > span,
h1 > span > strong, h2 > span > strong, h3 > span > strong, h4 > span > strong, h5 > span > strong {
    text-transform: unset;
    font-family: 'Chakra Petch','Robot',Arial;
    font-weight: 700;
}
p, li {
    font-family: 'Kanit','Raleway',Arial;
    font-weight: 300;
}
p strong, span, span strong, box, div.aio-icon-description {
    font-family: 'Kanit','Raleway',Arial;
    font-weight: 500;
}
.nav-menu a {
    font-weight: 700;
    text-transform: none;
}
div.aio-icon-description  {
    font-size: 16px;
    line-height: 18px;
}
h1 {
    line-height: 50px;
}
.bulb img {
    top: -8px;
    position: relative;
}
.contracting .vc_column-inner {
    padding-top: 0 !Important;
}
.contracting .vc_single_image-wrapper,
.contracting .vc_single_image-img {
    width: 100% !Important;
}
.contractingaccordion {
    border-top: 3px solid #BD1E24;
    box-shadow: 0 4px 30px 3px rgba(0,0,0,0.1);
}
.contractingaccordion .vc_tta-panel-title {
    color: #000;
    padding: 5px 0;
    border-bottom: 1px solid #ddd;
}
.contractingaccordion .vc_tta-title-text {
    color: #000;
    text-transform: none;
}
.contractingaccordion .vc_tta-panel-body p {
    font-size: 14px;
}
.shadowbox {
    box-shadow: 0 0 20px 5px #eeeeee;
    background: #fff;
    padding: 30px 15px 0 30px !important;
    margin: 0 15px 30px;
}
.shadowbox3 {
    box-shadow: 0 0 20px 5px #eeeeee;
    background: #fff;
    padding: 20px 20px 40px !important;
    margin: 0 0 30px;
    min-height: 320px;
    width: 100%;
    position: relative;
}
/**************************************************************************/
@media only screen and (max-width: 992px) {
.footer-widget .box {
    text-align:center;
    float:none;
}
.footerlogo {
    text-align:center;
    width: 100% !important;
}
.footer .uppercase.semibold {
    width: 100%;
}
h1.customheading {
    font-size: 54px !important;
}
.shadowbox {
    width: calc(100% - 30px) !important;
}
}
@media only screen and (min-width: 993px) {
.footer-widget .box {
    float: right;
    text-align:left;
}
/*
li.menu-item-has-children::after {
    content: "⌄";
    position: absolute;
    top: 20px;
    right: 0;
}
*/
.shadowbox {
    width: calc(50% - 30px) !important;
}
}
@media only screen and (max-width: 600px) {
h1.customheading {
    font-size: 36px !important;
}
.hideonmobile {
    display: none !important;
}
.desktoponly {
    display: none !important;
}
.notdesktoponly {
    display: block !important;
}
.left {
    order: 1;
}
.right {
    order: 2;
}
.nav-inner .logo {
    text-align: center;
    float: none !important;
}
}
@media only screen and (min-width: 601px) {
.hideonmobile {
    display: block !important;
}
.desktoponly {
    display: block !important;
}
.notdesktoponly {
    display: none !important;
}
}
@media only screen and (max-width: 992px) and (min-width: 768px) {
.shadowbox3 {
    min-height: 420px;
}
}

@media only screen and (min-width: 1900px) {
.setAsBg {
    top: -50% !important;
}
}
@media only screen and (max-width: 1900px) and (min-width: 1400px)  {
.setAsBg {
    top: -15% !important;
}
}
@media only screen and (max-width: 1400px) {
.setAsBg {
    top: -5% !important;
}
}