methanolmoonshine

Methanol Moonshine Web Design

Methanol Moonshine’s website is a superb modern layout and built with great eCommerce functionality. Moreover, it has a sophisticated and impactful design to attract most of the visitors.

Design

Web Design
Client

Methanol Moonshine

Back

Next Project

Sunraysia Conveyancing Services Web Design

.brand-color,.brand-color-i,.brand-color-hover-i:hover,.brand-color-hover:hover,.has-brand-color-color,.is-style-outline .has-brand-color-color,a:hover,.blog-grid:not(.blog-grid-type-2):not(.blog-grid-type-4):hover h3 a,.portfolio-item.grid-2:hover h4.title,.fullscreen-nav li a:hover,.socialbar.inline a:hover,.gallery .expand .ion:hover,.close .ion:hover,.accordionItem_title:hover,.tab .tabNav_link:hover,.widget .socialbar a:hover,.social-bar .socialbar a:hover,.share-bar .links a:hover,.widget_shopping_cart_content .buttons a.button:first-child:hover,span.page-numbers.current,a.page-numbers:hover,.main-nav .nav-item.active-main-item > .menu-link,.comment-content a,.page-headline .subtitle b:before,nav.pagination li .page-numbers.active,#mega-menu-wrap > ul .sub-menu > li > a:hover,#mega-menu-wrap > ul .sub-sub-menu > li > a:hover,#mega-menu-wrap > ul > .current-menu-ancestor > a,#mega-menu-wrap > ul .sub-menu:not(.sub-menu-wide) .current-menu-ancestor > a,#mega-menu-wrap > ul .current-menu-item > a,#fullscreen-mega-menu-wrap > ul .current-menu-ancestor > a,#fullscreen-mega-menu-wrap > ul .current-menu-item > a,.woocommerce .woo-my-nav li.is-active a,.portfolio-sorting li a.active,.widget_nav_menu .current-menu-item > a,.widget_pages .current-menu-item > a,.portfolio-item-fullscreen .portfolio-details-date:before,.btn.btn-link:hover,.blog-grid-content .category-holder:after,.clb-page-headline .post-meta-estimate:before,.comments-area .comment-date-and-time:after,.post .entry-content a:not(.wp-block-button__link),.project-page-content .date:before,.pagination li .btn.active,.pagination li .btn.current,.pagination li .page-numbers.active,.pagination li .page-numbers.current,.category-holder:not(.no-divider):after,.inline-divider:after,.clb-hamburger-nav .menu .nav-item:hover > a.menu-link .ion,.clb-hamburger-nav .menu .nav-item .visible > a.menu-link .ion,.clb-hamburger-nav .menu .nav-item.active > a.menu-link .ion,.clb-hamburger-nav .menu .sub-nav-item:hover > a.menu-link .ion,.clb-hamburger-nav .menu .sub-nav-item .visible > a.menu-link .ion,.clb-hamburger-nav .menu .sub-nav-item.active > a.menu-link .ion,.widgets a,.widgets a *:not(.fab),.pricing:hover .pricing_price_title,.btn-link:focus,a.btn-link:focus,.btn-link:active,a.btn-link:active,.pricing_list_item .ion,a.highlighted,.woocommerce .woocommerce-privacy-policy-text a,.blog-grid-type-6 .category-holder a.category{color:#2acf91;}.brand-border-color,.brand-border-color-hover,.has-brand-color-background-color,.is-style-outline .has-brand-color-color,.wp-block-button__link:hover,.custom-cursor .circle-cursor--outer,.btn-brand,.btn:not(.btn-link):hover,.btn-brand:active,.btn:not(.btn-link):active,.btn-brand:focus,.btn:not(.btn-link):focus,a.button:hover,button.button:hover,.pricing:hover .btn.btn-brand{border-color:#2acf91;}.brand-bg-color,.brand-bg-color-after,.brand-bg-color-before,.brand-bg-color-hover,.brand-bg-color-i,.brand-bg-color-hover-i,.btn-brand:not(.btn-outline),.has-brand-color-background-color,a.brand-bg-color,.wp-block-button__link:hover,.widget_price_filter .ui-slider-range,.widget_price_filter .ui-slider-handle:after,.main-nav .nav-item:before,.main-nav .nav-item.current-menu-item:before,.widget_calendar caption,.tag:not(.tag-portfolio):hover,.page-headline .tags .tag,.radio input:checked + .input:after,.menu-list-details .tag,.custom-cursor .circle-cursor--inner,.custom-cursor .circle-cursor--inner.cursor-link-hover,.btn-round:before,.btn:not(.btn-link):hover,.btn:not(.btn-link):active,.btn:not(.btn-link):focus,button.button:not(.btn-link):hover,a.button:not(.btn-link):hover,.btn.btn-flat:hover,.btn.btn-flat:focus,.btn.btn-outline:hover,nav.pagination li .btn.active:hover,.tag:not(body):hover,.tag-cloud-link:hover,.pricing_price_time:hover,.pricing:hover .btn.btn-brand{background-color:#2acf91;}.clb-popup.clb-hamburger-nav{background-color:#2acf91;}.site-header{border:none;}.site-header.header-fixed{border:none;}#masthead .btn-optional{background-color:#18ce84;border-color:#18ce84;}.clb-page-headline::after{background-color:transparent;}.page-container,.elementor .elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.header-wrap.page-container{max-width:1300px;}.site-footer .page-container{max-width:1300px;}.spinner .path,.sk-preloader .sk-circle:before,.sk-folding-cube .sk-cube:before,.sk-preloader .sk-child:before,.sk-double-bounce .sk-child{stroke:#2acf91;background-color:#2acf91;}.sk-percentage .sk-percentage-percent{color:#2acf91;}.page-preloader:not(.percentage-preloader),.page-preloader.percentage-preloader .sk-percentage{background-color:#202a36;}.clb-subscribe-img{background-image:url("https://nitrocdn.com/BpcviVpjSlgWMKjnqlyToOtJvVlMyXfy/assets/static/optimized/rev-b072080/wp-content/uploads/2019/10/oh__img9-768x960.jpg");background-size:cover;background-position:center center;background-repeat:no-repeat;}.clb-subscribe-img.nitro-lazy{background-image:none !important;}.site-footer{background-color:#2acf91;color:rgba(255,255,255,.8);}.site-footer,.site-footer .widgets a,.site-footer .btn-flat{color:rgba(255,255,255,.8);}.site-footer .widget-title{color:#01203d;}body{}.countdown-box .box-time .box-count,.chart-box-pie-content{}.countdown-box .box-time .box-count,.chart-box-pie-content{}.countdown-box .box-time .box-count,.chart-box-pie-content{}.portfolio-item-2 h4{}p.subtitle,.subtitle-font,.heading .subtitle{}.contact-form.classic input::-moz-placeholder,.contact-form.classic textarea::-moz-placeholder{}input.classic:-ms-input-placeholder,.contact-form.classic input:-ms-input-placeholder,.contact-form.classic textarea:-ms-input-placeholder{}@media screen and (min-width:1025px){}@media screen and (min-width:769px) and (max-width:1024px){}@media screen and (max-width:768px){.site-header:not(.header-fixed) .menu > li > a,.site-header:not(.header-fixed) .menu > li .sub-nav-item a,.site-header:not(.header-fixed) .menu-optional .cart-total a,.site-header:not(.header-fixed) .menu-optional .cart .ion,.site-header:not(.header-fixed) .menu-optional > li > a,.site-header:not(.header-fixed) .select-styled,.site-header:not(.header-fixed) .clb-hamburger .clb-hamburger-holder ._shape{color:#0a0a0a;}.site-header.mobile-header .main-nav .mbl-overlay-container{background-color:#2acf91;}.clb-page-headline{min-height:150px;}}.logo img{max-width:300px;}.clb-hamburger-nav.type3 .clb-hamburger-nav-holder .menu .nav-item .menu-link .has-submenu-icon,.clb-hamburger-nav.type3 .clb-hamburger-nav-holder .menu .nav-item .menu-link .btn-round-has-submenu,.clb-hamburger-nav.type3 .clb-hamburger-nav-holder .menu .sub-nav-item .menu-link .has-submenu-icon,.clb-hamburger-nav.type3 .clb-hamburger-nav-holder .menu .sub-nav-item .menu-link .btn-round-has-submenu{opacity:1;}.clb-hamburger-nav.type3 .clb-hamburger-nav-details .hamburger-nav-info-item{color:#fff;}.portfolio-item-grid.portfolio-grid-type-1:hover .portfolio-item-details .show-project{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}.show-project-link a{color:#2acf91;}.portfolio-item-grid .portfolio-item-details .show-project-link:after{background-color:#2acf91;}::selection{background-color:#2acf91;}.site-header.header-dynamic-typo.light-typo .site-branding .logo{display:none !important;}body .gform_wrapper .top_label div.ginput_container input{width:100%;}body.single-post .breadcrumbs-holder{margin-bottom:60px;}body .gform_wrapper .top_label div.ginput_container select{width:100%;}span.uael-gf-select-custom:after{display:none;}.uael-question-span:focus{outline:none;}.uael-faq-accordion .uael-accordion-content p{color:#2acf91;}.uael-accordion-title.uael-title-active{padding-bottom:0 !important;}body.single-post .elementor-widget-container h3{color:#19ce84 !important;font-size:24px;}li.hideme{display:none;}body.single-ohio_portfolio .page-container.top-offset.bottom-offset{padding-top:25vh;}.project-page-sticky{position:relative !important;top:0 !important;display:inline;float:left;left:0 !important;}body.page-id-220052 input#gform_previous_button_8{display:none;}@media only screen and (min-width: 1024px){.clb-hamburger-nav.type3 .clb-hamburger-nav-holder .menu div.sub-nav .sub-nav-item a span,.clb-hamburger-nav.type3 .clb-hamburger-nav-holder .menu div.sub-sub-nav .sub-nav-item a span{font-size:1.2em;line-height:1.3em;}}.site-header.mobile-header .main-nav .nav-item.active-main-item > .menu-link{color:black;}.site-header.mobile-header .main-nav .nav-item{color:#fff;}.site-header.mobile-header .main-nav .nav-item:hover span{color:#fff;}.site-header.mobile-header a.menu-link.sub-menu-link{font-size:12px;}.site-header.mobile-header .main-nav .copyright{display:none;}body.single-post #leadformpost h3{color:#fff !important;}body.single-post h2{font-size:32px;}@media only screen and (max-width: 640px){ul.elements-bar.left{display:none;}.project-page > .vc_row{display:flex;flex-direction:column-reverse;}div#content .project-page-sticky-container,div#content .project-page-media-holder{height:auto;}.project-page.layout-type1 .project-title .headline,.project-page.layout-type2 .project-title .headline,.project-page.layout-type3 .project-title .headline,.project-page.layout-type4 .project-title .headline{font-size:26px !important;}.project-page-content .project-description p{margin:0px;font-size:14px;}.vc_col-lg-6.vc_col-md-6.vc_col-sm-12.project-page-media-holder{padding:10px !important;}}@media only screen and (max-width: 430px){.site-header .header-wrap-inner .right-part a.btn.btn-small.btn-optional{font-size:10px;}}@media only screen and (max-width: 400px){.site-header .header-wrap-inner .right-part li.btn-optional-holder{display:none;}li.hideme{display:block;}}