COMMA Hyperclean 5 Litre HYP5L
Genuine Online Description COMMA Hyperclean - 5 Litre - HYP5L About Us Two brothers working together to supply the Nation with genuine OEM goods. We have a parts compatibility syst em so please mail your vin to confirm fitment. We offer 24 hour support around the clock. 2019 Family Business, Ebay For Business UK Award Winners Shipping All items shipped directly from our UK based warehouse. Items will be dispatched same day if purchased before 17:30 Mon-Friday otherwise the next working day. all items will be sent tracked and insured. Returns Return must be opened within a 14 day period from the day of receiving the item. Items must be returned in the exact condition the item was sent, with full original packaging. In cases where items are in a sealed unit (eg bag) and are opened this will void the item return. Buyer always pays for return postage except in cases the wrong item was received. It is the buyer's responsibility to make sure the item ordered is the correct part suitable to their vehicle. Payment We accept all major credit cards payments via PayPal. All orders will be supplied with a full VAT receipt. Thank You For Visiting *,*:before,*:after{ padding: 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } body,html{ max-width:1350px; font-family: 'Roboto', sans-serif; font: 18px; font-weight: 400; line-height: 1.5em; margin: 0px; padding: 0px; background-color: #ffffff; color: #333; } .container{ max-width:1350px; padding-right: 0px !important; padding-left: 0px !important; margin-right: auto; margin-left: auto } @media(max-width:768px){ .container{overflow: hidden; } }@media only screen and (min-width: 768px){ .container{width: 100%; } }.row{ margin-right:0px !important; margin-left: 0px !important } h1{ display: block; font-size: 3.5em; margin-top: 0.5em; margin-bottom: 0.5em; margin-left: 0; margin-right: 0; font-weight: bold; } h2{ display: block; font-size: 2.5em; margin-top: 0.4em; margin-bottom: 0.4em; margin-left: 0; margin-right: 0; font-weight: bold; } h3{ display: block; font-size: 1.5em; margin-top: .5em; margin-bottom: .5em; margin-left: 0; margin-right: 0; font-weight: bold; } h4{ display: block; font-size: 1em; margin-top: .5em; margin-bottom: .5em; margin-left: 0; margin-right: 0; font-weight: bold; } h5{ display: block; font-size: 0.8em; margin-top: .5em; margin-bottom: .5em; margin-left: 0; margin-right: 0; font-weight: bold; } @media(max-width:768px){ h1{font-size: 25px !important; margin: 10px; } .h2{ font-size: 20px; } .h3{ font-size: 18px; } }@media(max-width:480px){ .h1{font-size: 20px !important; margin: 10px } }p{ font-size: 18px; line-height: 1.5em; margin: 5px; padding: 10px 10px 10px 15px !important } a{ color: #000000; text-decoration: none; -webkit-transition: color .5s linear; -moz-transition: color .5s linear; -ms-transition: color .5s linear; -o-transition: color .5s linear; transition: color .5s linear; } a:link{ color: #000000; text-decoration: none; -webkit-transition: color .5s linear; -moz-transition: color .5s linear; -ms-transition: color .5s linear; -o-transition: color .5s linear; transition: color .5s linear; } a:visited{ color: #000000; text-decoration: none; } a:hover{ color: #000000; text-decoration: none; -webkit-transition: color .5s linear; -moz-transition: color .5s linear; -ms-transition: color .5s linear; -o-transition: color .5s linear; transition: color .5s linear; } ul, li{ list-style-type: none } img{ max-width: 100% } strong{ font-weight: 900 } .padding_0{ padding: 0px !important; } .margin_0{ margin: 0px !important; } @media(min-width:994px){ .padding_left_0{padding-left: 0px } .padding_right_0{ padding-right: 0px } }@media(max-width:993px){ .padding_0_768{padding: 0px !important; } }tbody p{ margin: 5px } .centered{ text-align: center !important } #topbar_line{ padding: 5px 10px; font-size: 18px; line-height: 1.5; font-weight: 300; } #topbar_line .fa{ padding: 0px 5px; } @media(max-width:768px){ #topbar_line{display: none; } }.topbar_line_part{ display: inline-block; position: relative; word-spacing: 3px; } .topbar_left{ float: left; } .topbar_right{ float: right; } header{ height: auto;background-image: none;background-repeat: no-repeat;background-position: center center;background-size: auto } #logo{ max-height: 150px; } .logo_position{ margin: 15px; text-align: center; } @media(max-width:768px){ .logo_position{text-align: center !important; } }.header_text_logo p{ font-size: 100px; line-height: 1.2; font-weight: 700; margin: 15px; color: #000000; -webkit-text-stroke-width: 0px; -webkit-text-stroke-color: #676767; text-align: center; } @media(max-width:768px){ .header_text_logo p{font-size: 40px; } .header_text_logo p{ text-align: center !important; } } /* nav starts */ #nav_bar1{ background: #000000; max-width: 1280px; height: auto !important; margin: 0 auto; text-align: center; } #nav_bar1 ul{ list-style-type: none; margin: -2px 0 0 0; padding: 0px; } #nav_bar1 li{ display: inline-block; float: none; } #nav_bar1 li a{ display: block; min-width: 30px; height: 40px; line-height: 40px; font-weight: 600; font-size: 16px; text-align: center; text-decoration: none; text-transform: uppercase; letter-spacing: 0.10em; color: #fff; padding: 0 10px; -webkit-transition: transform 0.5s ease 0s; -moz-transition: transform 0.5s ease 0s; -o-transition:transform 0.5s ease 0s; transition: transform 0.5s ease 0s; } #nav_bar1 li:hover a{ text-decoration: none; } @media only screen and (min-width: 769px){ #nav_bar1 li a:before{content: ""; position: absolute; width: 100%; height: 2px; bottom: 8px; left: 0; background-color: #ffffff; visibility: hidden; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } #nav_bar1 li a:hover:before{ visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); } }@media only screen and (max-width: 768px){ #nav_bar1 li:hover a{background: #b9b9b9; } #nav_bar1 li:active a{ background: #8d8d8d; } }.nav_menu1{ text-decoration: none; color: #fff; text-align: left; padding: 10px 0px; display: none; } @media(max-width:768px){ #nav_bar1{background: #fff; } #nav_bar1 ul{ position: static; display: none; } #nav_bar1 li a{ border-top: 2px solid #fff; border-bottom: 2px solid #fff; background: #000000; height: 50px; line-height: 50px; padding: 0px; } #nav_bar1 ul li, li a{ width: 100%; } .nav_menu1{ display: block; cursor: pointer; font-size: 25px; height: 50px; line-height: 50px; background: #000000; padding: 0 0 0 15px; } }#nav_bar3{ background: transparent; max-width: 1280px; height: auto !important; margin: 0 auto; text-align: center; } #nav_bar3 ul{ list-style-type: none; margin: -2px 0 0 0; padding: 0px; } #nav_bar3 li{ display: inline-block; float: none; } #nav_bar3 li a{ display: block; min-width: 30px; height: 40px; line-height: 40px; font-weight: 600; font-size: 16px; text-align: center; text-decoration: none; text-transform: uppercase; letter-spacing: 0.10em; color: #000000; padding: 0 10px; -webkit-transition: transform 0.5s ease 0s; -moz-transition: transform 0.5s ease 0s; -o-transition:transform 0.5s ease 0s; transition: transform 0.5s ease 0s; } #nav_bar3 li:hover a{ text-decoration: none; } @media only screen and (min-width: 769px){ #nav_bar3 li a:before{content: ""; position: absolute; width: 100%; height: 2px; bottom: 8px; left: 0; background-color: #000000; visibility: hidden; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } #nav_bar3 li a:hover:before{ visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); } }@media only screen and (max-width: 768px){ #nav_bar3 li:hover a{background: #b9b9b9; } #nav_bar3 li:active a{ background: #8d8d8d; } }.nav_menu3{ text-decoration: none; color: #fff; text-align: left; padding: 10px 0px; display: none; } @media(max-width:768px){ #nav_bar3{background: #fff; } #nav_bar3 ul{ position: static; display: none; } #nav_bar3 li a{ border-top: 2px solid #fff; border-bottom: 2px solid #fff; background: #000000; height: 50px; line-height: 50px; padding: 0px; color: #ffffff } #nav_bar3 ul li, li a{ width: 100%; } .nav_menu3{ display: block; cursor: pointer; font-size: 25px; height: 50px; line-height: 50px; background: #000000; padding: 0 0 0 15px; } }#nav_bar4{ background: #000000; max-width: 1280px; height: auto !important; margin: 0 auto; text-align: center; text-transform:uppercase; } #nav_bar4 ul{ list-style-type: none; margin: -2px 0 0 0; padding: 0px; } #nav_bar4 li{ display: inline-block; float: none; } #nav_bar4 li a{ display: block; position: relative; color: #ffffff; min-width: 30px; height: 40px; line-height: 40px; font-weight: 600; font-size: 16px; padding: 0px 12px; -webkit-transition: color .33s ease; transition: color .33s ease; z-index: 1; } #nav_bar4 li:hover a{ text-decoration: none; color: #000000; } .nav_menu4{ text-decoration: none; color: #fff; text-align: left; padding: 10px 0px; display: none; } @media only screen and (min-width: 769px){ #nav_bar4 li:hover a{ /* transform: scale(1.25); */ /* text-decoration: underline !important; */ } #nav_bar4 li a:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #f6f6f6; border-radius: 0px; -webkit-transition: transform .33s ease; transition: transform .33s ease; -webkit-transform: scale(0); transform: scale(0); z-index: -1; } #nav_bar4 li a:hover:before{ visibility: visible; -webkit-transform: scale(1); transform: scale(1); } }@media(max-width:768px){ #nav_bar4 li:hover a{background: #b9b9b9; color: #fff; } #nav_bar4 li:active a{ background: #8d8d8d; color: #fff; } #nav_bar4{ background: #fff; } #nav_bar4 ul{ position: static; display: none; } #nav_bar4 li{ /* margin-bottom: 2px; */ } #nav_bar4 li a{ border-top: 2px solid #fff; border-bottom: 2px solid #fff; background: #000000; height: 50px; line-height: 50px; padding: 0px; } #nav_bar4 ul li, li a{ width: 100%; } .nav_menu4{ display: block; cursor: pointer; font-size: 25px; height: 50px; line-height: 50px; background: #000000; padding: 0 0 0 15px; } }#nav_bar5{ background: transparent; max-width: 1280px; height: auto !important; margin: 10px auto; text-align: center; text-transform:uppercase; } #nav_bar5 ul{ list-style-type: none; margin: -2px 0 0 0; padding: 0px; } #nav_bar5 li{ display: inline-block; float: none; } #nav_bar5 li a{ display: block; position: relative; text-decoration: none; color: #000000; min-width: 30px; height: 40px; line-height: 40px; font-weight: 600; font-size: 16px; padding: 0px 12px; -webkit-transition: color .33s ease; transition: color .33s ease; z-index: 1; } #nav_bar5 li:hover a{ text-decoration: none; color: #ffffff; } @media only screen and (min-width: 769px){ #nav_bar5 li:hover a{ /* transform: scale(1.25); */ /* text-decoration: underline !important; */ } #nav_bar5 li a:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000000; border-radius: 0px; -webkit-transition: transform .33s ease; transition: transform .33s ease; -webkit-transform: scale(0); transform: scale(0); z-index: -1; } #nav_bar5 li a:hover:before{ visibility: visible; -webkit-transform: scale(1); transform: scale(1); } }@media only screen and (max-width: 768px){ #nav_bar5 li:hover a{background: #b9b9b9; color: #fff; } #nav_bar5 li:active a{ color: #fff; } }.nav_menu5{ text-decoration: none; color: #fff; text-align: left; padding: 10px 0px; display: none; } @media(max-width:768px){ #nav_bar5{background: #fff; } #nav_bar5 ul{ position: static; display: none; } #nav_bar5 li{ /* margin-bottom: 2px; */ } #nav_bar5 li a{ color: #ffffff; border-top: 2px solid #fff; border-bottom: 2px solid #fff; background: #000000; height: 50px; line-height: 50px; padding: 0px; } #nav_bar5 ul li, li a{ width: 100%; } .nav_menu5{ display: block; cursor: pointer; font-size: 25px; height: 50px; line-height: 50px; background: #000000; padding: 0 0 0 15px; } }#nav_bar6SquareSlimHover{ max-width: 1280px; height: auto !important; margin: 10px auto; text-align: center; text-transform:uppercase; } #nav_bar6SquareSlimHover ul{ list-style-type: none; margin: -2px 0 0 0; padding: 0px; } #nav_bar6SquareSlimHover li{ display: inline-block; float: none; } #nav_bar6SquareSlimHover li a{ display: block; position: relative; color: #000000; min-width: 30px; height: 30px; line-height: 35px; font-weight: 600; font-size: 16px; padding: 0px 10px; -webkit-transition: color .33s ease; transition: color .33s ease; z-index: 1; } #nav_bar6SquareSlimHover li:hover a{ text-decoration: none; color: #ffffff; } @media only screen and (min-width: 769px){ #nav_bar6SquareSlimHover li a{height: 20px; line-height: 20px; } #nav_bar6SquareSlimHover li a:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000000; -webkit-transition: transform .33s ease; transition: transform .33s ease; -webkit-transform: scale(0); transform: scale(0); z-index: -1; } #nav_bar6SquareSlimHover li a:hover:before{ visibility: visible; -webkit-transform: scale(1); transform: scale(1); } }@media only screen and (max-width: 768px){ #nav_bar6SquareSlimHover li:hover a{background: #b9b9b9; color: #fff; } #nav_bar6SquareSlimHover li:active a{ color: #fff; } }.nav_menu6SquareSlimHover{ text-decoration: none; color: #fff; text-align: left; padding: 10px 0px; display: none; } @media(max-width:768px){ #nav_bar6SquareSlimHover{background: #fff; } #nav_bar6SquareSlimHover ul{ position: static; display: none; } #nav_bar6SquareSlimHover li{ /* margin-bottom: 2px; */ } #nav_bar6SquareSlimHover li a{ color: #ffffff; border-top: 2px solid #fff; border-bottom: 2px solid #fff; background: #000000; height: 50px; line-height: 50px; padding: 0px; } #nav_bar6SquareSlimHover ul li, li a{ width: 100%; } .nav_menu6SquareSlimHover{ display: block; cursor: pointer; font-size: 25px; height: 50px; line-height: 50px; background: #000000; padding: 0 0 0 15px; } }#nav_bar7Square{ background: transparent; max-width: 1280px; height: auto !important; margin: 10px auto; text-align: center; text-transform:uppercase; } #nav_bar7Square ul{ list-style-type: none; margin: -2px 0 0 0; padding: 0px; } #nav_bar7Square li{ display: inline-block; float: none; } #nav_bar7Square li a{ display: block; position: relative; text-decoration: none; color: #000000; min-width: 30px; height: 45px; line-height: 40px; font-weight: 600; font-size: 16px; padding: 0px 12px; -webkit-transition: color .33s ease; transition: color .33s ease; z-index: 1; } #nav_bar7Square li:hover a{ text-decoration: none; color: #000000; } @media only screen and (min-width: 769px){ #nav_bar7Square li a{display: block; position: relative; text-decoration: none; background: #000000; color: #ffffff; min-width: 30px; height: 45px; line-height: 40px; font-weight: 600; font-size: 16px; padding: 0px 10px 2px 10px; margin: 5px; -webkit-transition: color .33s ease; transition: color .33s ease; z-index: 1; border: 2px solid #000000 } #nav_bar7Square li:hover a{ color: #000000; border: 2px solid #000000 } #nav_bar7Square li a:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #ffffff; border-radius: 0px; -webkit-transition: transform .33s ease; transition: transform .33s ease; -webkit-transform: scale(0); transform: scale(0); z-index: -1; } #nav_bar7Square li a:hover:before{ visibility: visible; -webkit-transform: scale(1); transform: scale(1); } }@media only screen and (max-width: 768px){ #nav_bar7Square li:hover a{background: #b9b9b9; color: #fff; } #nav_bar7Square li:active a{ color: #fff; } }.nav_menu7Square{ text-decoration: none; color: #fff; text-align: left; padding: 10px 0px; display: none; } @media(max-width:768px){ #nav_bar7Square{background: #fff; } #nav_bar7Square ul{ position: static; display: none; } #nav_bar7Square li{ /* margin-bottom: 2px; */ } #nav_bar7Square li a{ color: #ffffff; border-top: 2px solid #fff; border-bottom: 2px solid #fff; background: #000000; height: 50px; line-height: 50px; padding: 0px; } #nav_bar7Square ul li, li a{ width: 100%; } .nav_menu7Square{ display: block; cursor: pointer; font-size: 25px; height: 50px; line-height: 50px; background: #000000; padding: 0 0 0 15px; } }#nav_bar7SquareSlim{ background: transparent; max-width: 1280px; height: auto !important; margin: 10px auto; text-align: center; text-transform:uppercase; } #nav_bar7SquareSlim ul{ list-style-type: none; margin: -2px 0 0 0; padding: 0px; } #nav_bar7SquareSlim li{ display: inline-block; float: none; } #nav_bar7SquareSlim li a{ display: block; position: relative; text-decoration: none; color: #000000; min-width: 30px; height: 45px; line-height: 40px; font-weight: 600; font-size: 16px; padding: 0px 12px; -webkit-transition: color .33s ease; transition: color .33s ease; z-index: 1; } #nav_bar7SquareSlim li:hover a{ text-decoration: none; color: #000000; } @media only screen and (min-width: 769px){ #nav_bar7SquareSlim li a{display: block; position: relative; text-decoration: none; background: #000000; color: #ffffff; min-width: 30px; height: 25px; line-height: 22px; font-weight: 600; font-size: 15px; padding: 0px 10px; margin: 5px; -webkit-transition: color .33s ease; transition: color .33s ease; z-index: 1; border: 2px solid #000000 } #nav_bar7SquareSlim li:hover a{ color: #000000; border: 2px solid #000000 } #nav_bar7SquareSlim li a:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #ffffff; border-radius: 0px; -webkit-transition: transform .33s ease; transition: transform .33s ease; -webkit-transform: scale(0); transform: scale(0); z-index: -1; } #nav_bar7SquareSlim li a:hover:before{ visibility: visible; -webkit-transform: scale(1); transform: scale(1); } }@media only screen and (max-width: 768px){ #nav_bar7SquareSlim li:hover a{background: #b9b9b9; color: #fff; } #nav_bar7SquareSlim li:active a{ color: #fff; } }.nav_menu7SquareSlim{ text-decoration: none; color: #fff; text-align: left; padding: 10px 0px; display: none; } @media(max-width:768px){ #nav_bar7Square{background: #fff; } #nav_bar7SquareSlim ul{ position: static; display: none; } #nav_bar7SquareSlim li{ /* margin-bottom: 2px; */ } #nav_bar7SquareSlim li a{ color: #ffffff; border-top: 2px solid #fff; border-bottom: 2px solid #fff; background: #000000; height: 50px; line-height: 50px; padding: 0px; } #nav_bar7SquareSlim ul li, li a{ width: 100%; } .nav_menu7SquareSlim{ display: block; cursor: pointer; font-size: 25px; height: 50px; line-height: 50px; background: #000000; padding: 0 0 0 15px; } }#nav_bar8SquareEmpty{ background: transparent; max-width: 1280px; height: auto !important; margin: 10px auto; text-align: center; text-transform:uppercase; } #nav_bar8SquareEmpty ul{ list-style-type: none; margin: -2px 0 0 0; padding: 0px; } #nav_bar8SquareEmpty li{ display: inline-block; float: none; } #nav_bar8SquareEmpty li a{ display: block; position: relative; text-decoration: none; color: #000000; min-width: 30px; height: 45px; line-height: 40px; font-weight: 600; font-size: 16px; padding: 0px 12px; -webkit-transition: color .33s ease; transition: color .33s ease; z-index: 1; } #nav_bar8SquareEmpty li:hover a{ text-decoration: none; color: #000000; } @media only screen and (min-width: 769px){ #nav_bar8SquareEmpty li a{display: block; position: relative; text-decoration: none; background: transparent; color: #000000; min-width: 30px; height: 45px; line-height: 40px; font-weight: 600; font-size: 16px; padding: 0px 10px 2px 10px; margin: 5px; -webkit-transition: color .33s ease; transition: color .33s ease; z-index: 1; border: 2px solid #000000 } #nav_bar8SquareEmpty li:hover a{ color: #ffffff; border: 2px solid #000000 } #nav_bar8SquareEmpty li a:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000000; border-radius: 0px; -webkit-transition: transform .33s ease; transition: transform .33s ease; -webkit-transform: scale(0); transform: scale(0); z-index: -1; } #nav_bar8SquareEmpty li a:hover:before{ visibility: visible; -webkit-transform: scale(1); transform: scale(1); } }@media only screen and (max-width: 768px){ #nav_bar8SquareEmpty li:hover a{background: #b9b9b9; color: #fff; } #nav_bar8SquareEmpty li:active a{ color: #fff; } }.nav_menu8SquareEmpty{ text-decoration: none; color: #fff; text-align: left; padding: 10px 0px; display: none; } @media(max-width:768px){ #nav_bar8SquareEmpty{background: #fff; } #nav_bar8SquareEmpty ul{ position: static; display: none; } #nav_bar8SquareEmpty li{ /* margin-bottom: 2px; */ } #nav_bar8SquareEmpty li a{ color: #ffffff; border-top: 2px solid #fff; border-bottom: 2px solid #fff; background: #000000; height: 50px; line-height: 50px; padding: 0px; } #nav_bar8SquareEmpty ul li, li a{ width: 100%; } .nav_menu8SquareEmpty{ display: block; cursor: pointer; font-size: 25px; height: 50px; line-height: 50px; background: #000000; padding: 0 0 0 15px; } }#nav_bar8SquareEmptySlim{ background: transparent; max-width: 1280px; height: auto !important; margin: 10px auto; text-align: center; text-transform:uppercase; } #nav_bar8SquareEmptySlim ul{ list-style-type: none; margin: -2px 0 0 0; padding: 0px; } #nav_bar8SquareEmptySlim li{ display: inline-block; float: none; } #nav_bar8SquareEmptySlim li a{ display: block; position: relative; text-decoration: none; color: #000000; min-width: 30px; height: 45px; line-height: 40px; font-weight: 600; font-size: 16px; padding: 0px 12px; -webkit-transition: color .33s ease; transition: color .33s ease; z-index: 1; } #nav_bar8SquareEmptySlim li:hover a{ text-decoration: none; color: #000000; } @media only screen and (min-width: 769px){ #nav_bar8SquareEmptySlim li a{display: block; position: relative; text-decoration: none; background: transparent; color: #000000; min-width: 30px; height: 25px; line-height: 22px; font-weight: 600; font-size: 15px; padding: 0px 10px 2px 10px; margin: 5px; -webkit-transition: color .33s ease; transition: color .33s ease; z-index: 1; border: 2px solid #000000 } #nav_bar8SquareEmptySlim li:hover a{ color: #ffffff; border: 2px solid #000000 } #nav_bar8SquareEmptySlim li a:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000000; border-radius: 0px; -webkit-transition: transform .33s ease; transition: transform .33s ease; -webkit-transform: scale(0); transform: scale(0); z-index: -1; } #nav_bar8SquareEmptySlim li a:hover:before{ visibility: visible; -webkit-transform: scale(1); transform: scale(1); } }@media only screen and (max-width: 768px){ #nav_bar8SquareEmptySlim li:hover a{background: #b9b9b9; color: #fff; } #nav_bar8SquareEmptySlim li:active a{ color: #fff; } }.nav_menu8SquareEmptySlim{ text-decoration: none; color: #fff; text-align: left; padding: 10px 0px; display: none; } @media(max-width:768px){ #nav_bar8SquareEmptySlim{background: #fff; } #nav_bar8SquareEmptySlim ul{ position: static; display: none; } #nav_bar8SquareEmptySlim li{ /* margin-bottom: 2px; */ } #nav_bar8SquareEmptySlim li a{ color: #ffffff; border-top: 2px solid #fff; border-bottom: 2px solid #fff; background: #000000; height: 50px; line-height: 50px; padding: 0px; } #nav_bar8SquareEmptySlim ul li, li a{ width: 100%; } .nav_menu8SquareEmptySlim{ display: block; cursor: pointer; font-size: 25px; height: 50px; line-height: 50px; background: #000000; padding: 0 0 0 15px; } }input[type=checkbox]{ display: none; } input[type=checkbox] + label .bars{ opacity: 1; } input[type=checkbox] + label .times{ opacity: 0; display: none; } input[type=checkbox]:checked~#menu{ display: block; } input[type=checkbox]:checked+ label .bars{ opacity: 0; display: none; } input[type=checkbox]:checked+ label .times{ -webkit-transition: opacity 0.5s ease 0s; -moz-transition: opacity 0.5s ease 0s; -o-transition:opacity 0.5s ease 0s; transition: opacity 0.5s ease 0s; opacity: 1; display: inline-block; } .menu{ text-align: left; } .nav_bar_icon{ font-size: 26px; padding: 10px; } .animated_menu{ animation-duration: 0.5s; animation-fill-mode: both; } @keyframes scale{ 0%{transform: scale(0.9); opacity: 0; } 50%{ transform: scale(1.05); opacity: 0.5; } 100%{ transform: scale(1); opacity: 1; } }.scale{ animation-name: scale; } /* breadcrumb_line starts */ #breadcrumb_line_middle{ font-size: 14px; line-height: 1.5; padding-left: 30px; padding-right: 30px; word-spacing: 3px; padding: 5px 0px; } @media(max-width:768px){ #breadcrumb_line_middle{display: none !important; } }.breadcrumb_line_middle_part{ display: inline-block; margin-left: 20px; position: relative; font-weight: 300; } /* breadcrumb_line ends */ @media(max-width:768px){ .comments{text-align: center; color: red; font-size: 12px; } } /* Listing Title ends */ /* Buttons Bar starts */ .btn{ min-width: 180px; font-size: 25px; font-weight: 600; text-decoration: none; padding: 10px; margin: 10px; background: #000000; color: #ffffff !important; border: solid #ffffff 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .btn:hover{ color: #ffffff !important; text-decoration: none; transform: scale(1.05); } .btn:active{ color: #ffffff !important; text-decoration: none; } .div_btn{ text-align: center; margin: 15px; } @media(max-width:768px){ .div_btn{display: none } }.btn_subs{ width: 150px; font-size: 18px; padding: 10px; } .btn_slim{ padding: 0px; } /* Buttons Bar ends */ .fa_color .fa{ color: #000000 !important; } .section_head{ letter-spacing: 1px; font-size: 25px !important; line-height: 1.5; text-transform: none; font-weight: bold; padding: 10px 0px 0px 25px; } .section_head_cat{ letter-spacing: 1px; font-size: 25px !important; line-height: 1.5; text-transform: none; font-weight: bold; padding: 10px 0px 5px 0px; } .section_head .fa{ font-size: 25px !important; } .section_text p{ font-size: 18px; line-height:1.5em !important; padding-bottom: 15px; } .key_features{ margin: 0 0 15px 0px; } .key_features ul li{ font-size: 18px !important; line-height:1.5em !important; margin: 5px 0px; } .key_features ul li .fa{ font-size: 18px !important; } .list_description{ padding: 10px 0 } .li_list_description{ margin: 5px 10px; padding: 5px; font-size: 18px } .li_list{ padding-bottom: 10px !important; } .text-panel-full-wide{ background: transparent; margin: 15px; border: 2px solid #000000; border-bottom: 5px solid #000000; } @media(max-width:768px){ .text-panel-full-wide{margin-bottom: 2em } }.text-panel-title-heading{ width: 100%; line-height: 1.5; font-size: 25px; font-weight: 600; background: #000000; color: #fff; margin: 0px; border: none !important; text-align: left; padding: 0px 15px; } .text-panel-title-heading .fa{ font-size: 25px !important; } .panel-text{ padding: 0px !important; margin: 0px } .panel-text p{ line-height: 1.5; font-size: 18px; padding: 0px 10px; } .headtext{ padding-left: 5px } .headtext2{ padding: 0 5px } .p_left_col{ margin: 5px !important; padding: 5px !important } .div_price{ padding:5px; text-align: center; } .div_price p{ font-size: 60px !important; font-weight: 700; text-decoration: underline; } @media(max-width:375px){ .div_price p{font-size: 40px !important; } }.services-icon .fa{ color: #000000; font-size: 50px; margin: 20px; } .services-headline{ padding: 0px 20px } .item_icon .fa{ color: #000000; font-size: 40px; padding: 10px 20px } .item_element_padding{ padding: 15px 0px } .title_element{ padding-left: 15px } .li_list{ margin: 10px; font-size: 18px } .li_list li{ margin: 10px 0px } .list-group-item{ background-color: transparent; font-size: 18px } a.list-group-item{ background-color: transparent; border: none !important } a.list-group-item:hover{ background-color: transparent; } @media(max-width:768px){ .left_column_hidden{display: none; } }.margin15{ margin: 0 25px } .category_link{ font-size: 20px; line-height: 30px; font-weight: 500; } .category_link:hover{ font-weight: 700; } /* Ralated Item Best Sellers */ .box_item{ background: transparent; height: 450px; margin: 15px 0px; } @media(max-width:768px){ .box_item{height: 330px; } }@media(max-width:480px){ .box_item{height: 400px; } }.box_item img{ max-height:180px; padding: 5px; margin: 10px auto; text-align: center; } .box_item p{ font-size: 20px; font-weight: 400; text-align: center; } .resp_cont{ display:inline-block; width:100%; height:auto; text-align: center; margin: 15px 0px; } .resp_img{ display:inline-block; max-width:100%; height:150px; margin: 10px; text-align: center; } /* Breadcrumb Bottom */ #breadcrumb-line-bottom{ background: transparent; word-spacing: 5px; margin: 10px } .breadcrumb-line-part-bottom{ display: inline-block; position: relative; line-height: 1.5; font-size: 25px; font-weight: 300; } @media(max-width:768px){ #breadcrumb-line-bottom{line-height: 1.5; word-spacing: 3px; } .breadcrumb-line-part-bottom{ line-height: 1.5; font-size: 18px; } } /* FOOTER */ footer_h{ min-height: 250px; } .footer{ background: transparent; font-weight: 400; font-size: 16px; line-height: 1.5; } h4 .fa{ font-size: 18px; } footer h4 span{ font-weight: 700 } .footer>div{ min-height: 250px; padding-top: 10px; } .hr_footer{ width: 100%; border: 1px solid #000000; margin: 10px 0; } .footer_border{ border-top: 2px solid #000000; border-bottom: 5px solid #000000; border-left: 2px solid #000000; border-right: 2px solid #000000; margin: 0px 15px } footer .footer_head{ font-size: 20px } footer .fa{ font-size: 20px } .footer_head{ margin-left: 5px; } footer p{ font-size: 16px; line-height: 1.5em; margin: 0px; padding: 5px 3px 10px !important } footer .pay_icons .fa{ font-size: 35px } .footer-end{ display: inline-block; width: 100%; padding: 5px; margin: 20px 0px 10px 0px; text-align: center; font-size: 13px !important; font-weight: 500; word-spacing: 2px } .footer-end b{ font-size: 13px; font-weight: 700 } /* padding */ .padding20{ padding: 10px 0 !important; text-align: center; font-size: 16px; color: #000000 } .padding40{ padding: 20px 0 !important; text-align: center; font-size: 16px; color: #000000 } .padding60{ padding: 30px 0 !important; text-align: center; font-size: 16px; color: #000000 } .padding80{ padding: 40px 0 !important; text-align: center; font-size: 16px; color: #000000 } .padding100{ padding: 50px 0 !important; padding: 10px 0; text-align: center; font-size: 16px; color: #000000 } .container-top{ margin: 20px 0px } .left-div{ margin: 0 auto; display: inline-block; /* width: 550px; */ vertical-align: top; width: 59%; } .right-div{ margin: 0 auto; display: inline-block; /* width: 550px; */ vertical-align: top; width: 39%; } @media(max-width:800px){ .left-div, .right-div{max-width: 100%; } .left-div{ margin: 0 auto; display: inline-block; width: 100%; vertical-align: top; } .right-div{ margin: 0 auto; display: inline-block; width: 100%; vertical-align: top; } }.image_display_square{ max-height: 750px; max-width: 750px; text-align: center; margin: 15px auto; } .image_display_square img{ border-bottom: 2px solid #b5b5b5; max-width: 96%; } .column_right .column_items_group{ padding: 0px; text-align: center; } .column_right .column_items_group .column_item{ display: block; width: auto; margin: 12px 0px; padding: 10px; border-bottom: 2px solid #b5b5b5; text-align: center; background: #f8f8f8; } .column_right .column_items_group .column_item .column_item_icon{ height: 55px; width: 55px; margin: 10px auto; background-color: #000000; } .column_right .column_items_group .column_item h4{ margin: 0; padding: 10px 0; font-size: 25px; font-weight: 500; color: #000000; } .column_right .column_items_group .column_item .column_item_desc{ line-height: 1.9; font-size: 14px; font-weight: 400; color: #333333; } .column_item_icon .fa{ color: #ffffff; padding: 15px; font-size: 25px } .long_button{ display: block; border-top: 2px solid #000000; border-left: 2px solid #000000; border-bottom: 5px solid #000000; border-right: 2px solid #000000; margin: 10px 15px; padding: 10px 0px; font-size: 30px; font-weight: 400; text-align: center } .long_button:hover{ font-weight: 600 } @media(max-width:240px){ .long_button{margin: 10px 0px; padding: 10px; font-size: 25px; font-weight: 400; text-align: center } }.long_button_light{ display: block; border-bottom: 5px solid #000000; margin: 10px 15px; padding: 10px 0px; font-size: 30px; font-weight: 400; text-align: center } .long_button_light:hover{ font-weight: 600 } @media(max-width:240px){ .long_button_light{margin: 10px 0px; padding: 10px; font-size: 25px; font-weight: 400; text-align: center } }.video-body{ margin: 20px auto; padding: 10px; text-align: center; } video{ max-width: 100% } .ft_vid{ margin:20px auto; max-width:600px; font-family:arial; text-align:center; position:relative; min-height:338px; overflow:hidden; background-color:#555; } .ft_vid p{ position:absolute; margin:0; color:white; background-color:rgba(0,0,0,.5); } .ft_vid img{ display:block; width:600px; border:0; } .ft_vid .ft_vid_head{ font-size:18px; width:100%; height:30px; line-height:18px; text-align:left; top:0; left:0; padding:0 0 15px 10px; overflow:hidden; } .ft_vid .ft_vid_foot{ font-size:16px; width:100%; height:30px; line-height:18px; bottom:0; left:0; } .ft_vid a:after{ content:"A025BA"; position:absolute; width:60px; height:50px; left:0; top:0; right:0; bottom:0; margin:auto; border:0; border-radius:10px; color:white; background:rgba(0,0,0,.6); font-size:24px; line-height:50px; cursor:pointer; } .ft_vid a:hover:after{ background:#CC181E; } /* Tabs */ @-webkit-keyframes showTab{ from{opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px) } to{ opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } }@keyframes showTab{ from{opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px) } to{ opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } }.ZTproject_tabs>button{ width: 100%; font-family: inherit; margin: 0; outline: 0; border: 0; vertical-align: baseline; -webkit-box-sizing: border-box; box-sizing: border-box; background: transparent } .ZTproject_tabs>.tabButton{ color: #ffffff; background: #000000; font-size: 25px; padding: 7px; margin-top: 0px; display: block; text-align: center; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out } .ZTproject_tabs>input{ display: none } .ZTproject_tabs>input:checked+label{ color: #ffffff } .ZTproject_tabs>input:checked+label+.tab{ display: block; } .ZTproject_tabs>input:checked+label+.tab>.tab_content{ -webkit-animation: showTab 250ms ease-in-out; animation: showTab 250ms ease-in-out } .ZTproject_tabs>.tab{ background: transparent; display: none } @media(min-width:768px){ .ZTproject_tabs{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ZTproject_tabs>.tabButton{ -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; cursor: pointer; } .ZTproject_tabs label.tabButton i.fa{ margin-left: 10px !important; } .ZTproject_tabs>input:checked+label{ background: transparent; color: #000000; text-decoration: underline } .ZTproject_tabs>.tab{ -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } }@media(max-width:768px){ .ZTproject_tabs>.tabButton{border-bottom: 2px solid #ffffff; } }main{ display: block; margin: 15px 0px; font-size: 25px; text-align: center; background: transparent; border-top: 2px solid #000000; border-right: 2px solid #000000; border-left: 2px solid #000000; border-bottom: 5px solid #000000; } .tab{ padding: 0px; text-align: left; } .tab_content{ background: transparent } .ZTproject_tabs2>button{ width: 100%; font-family: inherit; margin: 0; outline: 0; border: 0; vertical-align: baseline; -webkit-box-sizing: border-box; box-sizing: border-box; background: transparent } .ZTproject_tabs2>.tabButton2{ font-size: 25px; padding: 7px; display: block; margin-top: 0px; text-align: center; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out } .ZTproject_tabs2>.tabButton2:hover{ text-decoration: underline; cursor: pointer } .ZTproject_tabs2>input{ display: none } .ZTproject_tabs2>input:checked+label{ color: #ffffff } .ZTproject_tabs2>input:checked+label+.tab2{ display: block; } .ZTproject_tabs2>input:checked+label+.tab2>.tab_content2{ -webkit-animation: showTab 250ms ease-in-out; animation: showTab 250ms ease-in-out } .ZTproject_tabs2>.tab2{ background: transparent; display: none } @media(min-width:768px){ .ZTproject_tabs2{margin-left: 5px !important; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .ZTproject_tabs2>.tabButton2{ -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; cursor: pointer } .ZTproject_tabs2>input:checked+label{ background: transparent; color: #000000; text-decoration: underline } .ZTproject_tabs2>.tab2{ -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2 } }@media(max-width:768px){ .ZTproject_tabs2>.tabButton2{border-bottom: 2px solid #000000 } main2{ background: #000000; } .ZTproject_tabs2>input:checked+label{ background: transparent; color: #000000; } }main2{ display: block; margin: 15px 0px; font-size: 25px; background: transparent; } .tab2{ padding: 0px; text-align: left; } @media(max-width:768px){ nav, .long_button, .long_button_light, .div_btn, .btn_subs, .box_item_btn, .flex_gallery_btn, .desc_btn{display: none !important } }.hr_line3 { display: table; margin: 10px 0; } .hr_line3>div { display: table-cell; white-space:nowrap; } .line3>div { border-bottom: 5px solid #000000; } .text3 { padding: 5px 15px; } .text3 .fa, .text3 span{ font-size: 30px; line-height: 1.5; font-weight: 700 } .line3 { width: 50%; vertical-align: middle; } .zt_shadows{ -webkit-box-shadow: 0px 6px 10px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 6px 10px 2px rgba(0, 0, 0, 0.15); box-shadow: 0px 6px 10px 2px rgba(0, 0, 0, 0.15); } .zt_shadowsh:hover{ -webkit-box-shadow: 0px 6px 10px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 6px 10px 2px rgba(0, 0, 0, 0.15); box-shadow: 0px 6px 10px 2px rgba(0, 0, 0, 0.15); } .zt_shadows_hFrame{ -webkit-box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.15); box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.15); } .zt_shadows_small{ -webkit-box-shadow: 0px 6px 10px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 6px 10px 2px rgba(0, 0, 0, 0.15); box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.15); } .zt_text_shadows{ text-shadow: #d5d5d5 3px 2px 1px; }
