#section-397{ background:url() no-repeat scroll top left #ffcc1b; background-size:auto; color:#333333}
#section-397.parallax-section h1{ color:#333333}
#section-397 .testimonial-listing .bx-wrapper .bx-controls-direction a{border-color:#333333;color:#333333}
#section-397.service_template .section-wrap::after{ background-color:#ffcc1b}
#section-6{ background:url(http://www.sgdiesel.sg/wp-content/uploads/2016/02/visionBG.jpg) no-repeat scroll top center #0a0a0a; background-size:cover; color:#ffffff}
#section-6.parallax-section h1{ color:#ffffff}
#section-6 .testimonial-listing .bx-wrapper .bx-controls-direction a{border-color:#ffffff;color:#ffffff}
#section-6.service_template .section-wrap::after{ background-color:#0a0a0a}
#section-8{ background:url() no-repeat scroll top left #ffcc1b; background-size:auto; color:#333333}
#section-8.parallax-section h1{ color:#333333}
#section-8 .testimonial-listing .bx-wrapper .bx-controls-direction a{border-color:#333333;color:#333333}
#section-8.service_template .section-wrap::after{ background-color:#ffcc1b}
#section-683{ background:url() no-repeat scroll top left #0a0a0a; background-size:auto; color:#ffffff}
#section-683.parallax-section h1{ color:#ffffff}
#section-683 .testimonial-listing .bx-wrapper .bx-controls-direction a{border-color:#ffffff;color:#ffffff}
#section-683.service_template .section-wrap::after{ background-color:#0a0a0a}
#section-1270{ background:url(http://www.sgdiesel.sg/wp-content/uploads/2016/02/contactbg.jpg) no-repeat scroll top center #FFFFFF; background-size:cover; color:#333333}
#section-1270.parallax-section h1{ color:#333333}
#section-1270 .testimonial-listing .bx-wrapper .bx-controls-direction a{border-color:#333333;color:#333333}
#section-1270.service_template .section-wrap::after{ background-color:#FFFFFF}
#top-header{ background:#000000;font-size:13px;font-family:PT Sans;font-weight:400;color:#999999;line-height:60px}
#top-header a{color:#999999}
#top-header a:hover{color:#0a0a0a}
#main-header{ background:#000000}
#main-header{background:rgba(0,0,0,0)}
#main-header.no-opacity, #main-header.pos-bottom{ background:#000000}
.main-navigation{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}.main-navigation ul li a{font-size:14px;font-family:PT Sans;font-weight:400;color:#ffffff;text-transform:uppercase}
.main-navigation > ul > li a:hover, .main-navigation > ul > li.current a, .main-navigation .current_page_item > a, .main-navigation .current-menu-item > a{color:#f4df22}
.main-navigation .sf-arrows .sf-with-ul:after{border-color:#ffffff transparent transparent}
.main-navigation .sf-arrows ul .sf-with-ul:after{border-left-color:#ffffff !important}
#site-logo{margin-top:20px;margin-right:0px;margin-bottom:20px;margin-left:0px;}.top-menu ul.menu ul{background:#000000;}
.top-menu .sf-arrows .sf-with-ul:after{border-color:#999999 transparent transparent}
.top-menu .sf-arrows ul .sf-with-ul:after{border-left-color:#999999 !important}
.social-icons a, .social-icons a span{background:#000000}
.social-icons a:hover{background:#000000}
.social-icons.appear-left a span:after{border-right-color:#000000}
.social-icons.appear-right a span:after{border-left-color:#000000}
.social-icons.appear-top a span:after{border-bottom-color:#000000}
.social-icons.appear-bottom a span:after{border-top-color:#000000}
body{ font-size:18px;font-family:PT Sans;font-weight:400;color:#333333}
h1{ font-size:32px;font-family:Roboto;font-weight:700;color:#333333;text-transform:uppercase}
h2{ font-size:28px;font-family:'Roboto';font-weight:300;color:#333333;text-transform:uppercase}
h3{ font-size:24px;font-family:'Roboto';font-weight:300;color:#333333;text-transform:uppercase}
h4{ font-size:20px;font-family:'Roboto';font-weight:300;color:#333333;text-transform:uppercase}
h5{ font-size:18px;font-family:'PT Sans';font-weight:400;color:#333333;text-transform:uppercase}
h6{ font-size:16px;font-family:'PT Sans';font-weight:400;color:#333333;text-transform:uppercase}
#secondary-left .widget-title,#secondary-right .widget-title, #secondary .widget-title{ font-size:20px;font-family:'PT Sans';font-weight:400;color:#333333;text-transform:uppercase}
.top-footer .widget-title{ font-size:18px;font-family:'PT Sans';font-weight:400;color:#FFFFFF;text-transform:uppercase}
.top-footer .widget-title:after{border-color:#FFFFFF}
.top-footer{background:#272727;color:#EEEEEE}
.top-footer h4{color:}
.top-footer a{color:#999999}
.bottom-footer{background:#000000;color:#EEEEEE}
.bottom-footer a, .footer-social-icons a{color:#EEEEEE}
.footer-social-icons a{border-color:#EEEEEE}
.footer-social-icons a:hover{background:#EEEEEE}
.single #header-wrap .entry-title, .single #header-wrap .title-breadcrumb-wrap a, .single #header-wrap .title-breadcrumb-wrap{color:#000000}
.page #header-wrap .entry-title, .page #header-wrap .title-breadcrumb-wrap a, .page #header-wrap .title-breadcrumb-wrap{color:#000000}
.archive #header-wrap .entry-title, .archive #header-wrap .title-breadcrumb-wrap a, .archive #header-wrap .title-breadcrumb-wrap{color:#000000}
.error404 #header-wrap .entry-title, .error404 #header-wrap .title-breadcrumb-wrap a, .error404 #header-wrap .title-breadcrumb-wrap{color:#000000}
#page-overlay{background-image:url(http://www.sgdiesel.sg/wp-content/themes/accesspress_parallax_pro/images/preloader/loader1.gif)}
body{ background-color:#000000}
#ap-map-canvas{height:300px !important}
#main-header{box-shadow: 0px 4px 10px rgba(0,0,0,0.3);}
#main-slider .overlay{background-image:url(http://www.sgdiesel.sg/wp-content/themes/accesspress_parallax_pro/images/overlays/overlay4.png);}.main-navigation ul ul li.current_page_item > a, 
.main-navigation ul ul li.current-menu-item > a, 
.main-navigation ul ul li > a:hover,
.ap-icon-text.style3 .ap-icon-text-icon i, 
.ap-icon-text.style4 .ap-icon-text-icon i,
.bttn:after,
#go-top,
.blog-list .blog-excerpt span,
.ap-bttn:before,
.ap-bttn:after,
.ap-bttn,
.member-social-group a:hover,
.ap-progress-bar .ap-progress-bar-percentage,
.googlemap-contact-wrap li .fa,
.post-listing .posted-on,
.horizontal .ap_tab_group .tab-title.active, 
.horizontal .ap_tab_group .tab-title.hover,
.vertical .ap_tab_group .tab-title.active, 
.vertical .ap_tab_group .tab-title.hover,
#portfolio-grid.style4 h4,
.mm-menu,
.menu-toggle span,
.menu-toggle span:after,
.menu-toggle span:before,
.ap_toggle .ap_toggle_title,
.bttn:hover,
.bttn:active,
.portfolio-listing .button-group li.is-checked,
.bx-wrapper .bx-pager.bx-default-pager a:hover, 
.bx-wrapper .bx-pager.bx-default-pager a.active,
.error-404,
button,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.bttn.ap-default-bttn.ap-bg-bttn,
.bttn.ap-default-bttn.ap-outline-bttn:hover,
.ap_tagline_box.ap-bg-box,
.ap-dropcaps.ap-square,
#collapse-nav {
background-color:#7a7a7a;
}

a,
.bttn,
.member-social-group a,
.ap-toggle-title .pointer span i,
.ap_toggle .ap_toggle_title:after,
.sidebar .widget-social-icons li a,
.team-tab .bx-wrapper .bx-controls-direction a,
#portfolio-grid.style2 .portfolio-link:hover,
.style1 .fancybox-gallery:hover,
.footer-social-icons a:hover,
.sidebar .menu li a:hover,
input[type="button"],
input[type="reset"],
input[type="submit"],
.sidebar ul li a:hover,
.sidebar ul li.current-menu-item a
{
color:#7a7a7a;
}
.bttn,
.team-image:hover, .team-image.active,
.blog-list .blog-excerpt,
.ap-toggle-title,
.ap-toggle-title .pointer,
.ap_toggle,
.main-navigation ul ul li.current_page_item > a, 
.main-navigation ul ul li.current-menu-item > a, 
.main-navigation ul ul li > a:hover,
.menu-toggle,
.sidebar .widget-title:after,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.bttn.ap-default-bttn.ap-outline-bttn,
.ap_tagline_box.ap-top-border-box,
.ap_tagline_box.ap-left-border-box,
.ap_tagline_box.ap-all-border-box,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus{
border-color:#7a7a7a;
}
.mm-menu .mm-list > li:after,
.mm-menu .mm-list > li > a.mm-subopen:before,
.main-navigation > ul > li{
border-color:#6e6e6e;
}
.bttn.ap-default-bttn.ap-bg-bttn:hover{
background:#6e6e6e;
}
.ap-icon-text.style3 .ap-icon-text-icon i:after, 
.ap-icon-text.style4 .ap-icon-text-icon i:after{
box-shadow: 0 0 0 1px #7a7a7a;
}
#portfolio-grid.style3 .portfolio-overlay,
#portfolio-grid.style2 .portfolio-inner,
#portfolio-grid.style1 .portfolio-overlay,
.style1.ap-team .ap-member-image:after{
background:rgba(122,122,122,0.8)    
}
.ap-progress-bar{
background:rgba(122,122,122,0.3)    
}
.post-listing .posted-on:before{
border-color:transparent transparent #6e6e6e #6e6e6e;
}

@media screen and (max-width:768px){
    .main-navigation ul ul{
        background:#7a7a7a; 
    }
    .main-navigation ul ul a,
    .main-navigation ul ul li > a:hover{
        border-color:#6e6e6e;
    }
    
    }

@media screen and (max-width:1000px){
    .main-navigation > ul{
        background-color:#7a7a7a;
    }
}

.service-image{display:none!important}
.ufbl-form-wrapper.ufbl-template-1 {background-color:transparent!important; -webkit-box-shadow:none!important; box-shadow:none!important; padding: 0 40px 0 40px!important;}
.ufbl-template-1 .ufbl-form-field input[type="text"], .ufbl-template-1 .ufbl-form-field input[type="email"], .ufbl-template-1 .ufbl-form-field input[type="password"], .ufbl-template-1 .ufbl-form-field textarea, .ufbl-template-1 .ufbl-form-field input[type="reset"] {border-color:#FFF!important; font-size:20px!important }
.ufbl-template-1 .ufbl-form-field-wrap{margin-bottom:0px!important; margin-top:-10px;}
.ufbl-template-1 .ufbl-form-submit{background-color:#000!important}
.ufbl-template-1 .ufbl-form-field{width:100%!important}

p {
   margin-bottom:0px!important
}
.ufbl-template-1 .ufbl-form-submit{margin-left:0!important; width:100%; margin-top:10px}
.solutionBox h1{color:#FFF!important; font-size:5.5em;}
.solutionBox h3{font-weight:bold;}
.solutionBox{margin:5%; padding:20px; border-radius: 20px; background: #404041; color:#FFF; height:100%; min-height:300px; font-size:16px;}
.clear{clear:both;}
  
  /***form**/
.parallax-section input[type="text"], .parallax-section input[type="email"], .parallax-section input[type="url"], .parallax-section input[type="password"], .parallax-section input[type="search"], .parallax-section input[type="tel"], .parallax-section textarea{background-color:transparent!important;}
  
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea{border:1px solid #FFF!important}
input[type="submit"]{background-color:#000; width:100%}