@font-face {
font-family: 'segoesc';
src: url('fonts/segoesc.eot');
src: url('fonts/segoesc.eot?#iefix') format('embedded-opentype'),
url('fonts/segoesc.woff') format('woff'),
url('fonts/segoesc.ttf') format('truetype'),
url('fonts/segoesc.svg#segoesc') format('svg');
}
body {
font-family: 'Microsoft JhengHei';
overflow-x: hidden;
}
a,
a:hover {
text-decoration: none;
}
button,
select,
input,
textarea {
outline: none
}
h1,
h2,
h3,
h4,
h5,
h6 {
letter-spacing: 0;
}
header .header-content .header-content-inner h1 {
font-family: 'segoesc';
}
.Col-10{width: 10%;}
.Col-20{width: 20%;}
.Col-30{width: 30%;}
.Col-40{width: 40%;}
.Col-50{width: 50%;}
.Col-60{width: 60%;}
.Col-70{width: 70%;}
.Col-80{width: 80%;}
.Col-90{width: 90%;}
.Col-100{width: 100%;}
.Col-10,
.Col-20,
.Col-30,
.Col-40,
.Col-50,
.Col-60,
.Col-70,
.Col-80,
.Col-90,
.Col-100{
float: left;
}
.textRight{text-align: right;}
.paddingTB80{padding: 20px 15px 150px 15px;}
.pl-10{padding-left: 10px;}
.pl-20{padding-left: 20px;}
.pl-30{padding-left: 30px;}
.pl-40{padding-left: 40px;}
.pl-50{padding-left: 50px;}
.pr-10{padding-right: 10px;}
.pr-20{padding-right: 20px;}
.pr-30{padding-right: 30px;}
.pr-40{padding-right: 40px;}
.pr-50{padding-right: 50px;}
.mb-10{margin-bottom: 10px;}
.colorRed{color: #b5113d;}
.TextAlign-Center{text-align: center;}
.TextAlign-Left{text-align: left;}
.TextAlign-Right{text-align: right;}
#Show1199 {
display: none;
}
#subpageNavBar {
position: fixed;
top: 0;
}
.ShoppingBag {
cursor: pointer;
position: relative;
}
.ShoppingBag span {
position: absolute;
top: 5px;
right: 5px;
padding: 0 5px;
border-radius: 50%;
color: #fff;
font-size: 12px;
background-color: #a00d31;
}
.clear {
clear: both;
}
.HeaderBanner {
min-height: 400px;
}
.PageHead {
position: fixed;
top: 0;z-index: 99;
padding: 10px 0;
width: 100%;
background-color: #000000;
color: #fff;
font-size: 12px;
}
.PageHead img{margin-top: -3px;}
.PageHead a,.PageHead a:hover{color: #fff;text-decoration: none;}
.PageHead-Left {
float: left;
}
.PageHead-Right {
float: right;
}
.PageHead-Right a {
color: #fff;
margin: 0 5px;
}
.PageHead-Right a.active{color: #ff275c;}
.HomeServiceItem {
position: relative;
width: 33.333%;
float: left;
}
.ServiceItem {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
text-align: center;
position: absolute;
top: 0;
padding-top: 25%;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.ServiceItem:hover {
background-color: rgba(0, 0, 0, 0);
}
.ServiceItemLink a {
font-size: 14px;
text-shadow: none;
background-color: #a00d31;
border: 2px solid #a00d31;
padding: 8px 20px;
color: #fff;
text-decoration: none;
}
#logoLink{
margin-bottom: -3px;
}
.ServiceItemLink a:hover {
background-color: #fff;
border: 2px solid #a00d31;
color: #a00d31;
text-decoration: none;
}
.ServiceItemLink a:hover #logoLink{
fill: #a00d31;
}
a svg{margin-bottom: -3px;}
.shoppingCart{
border:1px solid #ccc;
display: none;
background-color: #fff;
position: absolute;
top: 100px;
right:45px;
min-width: 300px;
border-top:2px solid #a00d31;
-webkit-box-shadow: 0px 2px 5px 1px rgba(138,138,138,1);
-moz-box-shadow: 0px 2px 5px 1px rgba(138,138,138,1);
box-shadow: 0px 2px 5px 1px rgba(138,138,138,1);
}
.shoppingCart h3{
font-size: 16px;
padding: 2px 15px;
font-weight: bold;
margin:10px 0;
}
.cartItem {
width: 100%;padding: 10px 0;
border-top:1px solid #ccc;
margin: 0;
display: table;
}
.cartImg,.cartItemName{display: table-cell;
vertical-align: top;
}
.cartImg img{
width: 50px;height: 50px;object-fit:contain;
border:2px solid #aaa;
margin-left: 15px;
}
.cartItemName{padding: 0 10px;max-width: 215px;overflow: hidden;}
.cartItemName h4{font-size: 14px;}
.cartItemName h5{font-size: 13px;color: #888;}
.cartItemName h4,.cartItemName h5{margin:2px 0;padding: 0;}
span.cartItemPrice{font-size: 12px;margin:0;color: #888;
position: relative;
top: -2px;
}
.cartFooter{
width: 100%;padding: 15px;
border-top:1px solid #ccc;
}
.checkoutPrice{float: left;
font-size: 22px;
color: #a00d31;
font-weight: bold;
letter-spacing: -0.5px;
}
.cartCheckoutBtn{float: right;}
.cartCheckoutBtn button{
padding: 6px 10px;
background-color: #a00d31;
color: #fff;
border:0;
}
.HomeServiceIMG {
width: 100%;
}
#slider-control img {
padding-top: 250%;
margin: 0 auto;
}
.ServiceItem .ServiceTitle {
clear: both;
margin-bottom: 25px;
color: #fff;
text-shadow: 2px 3px 3px rgba(0, 0, 0, 1);
font-size: 28px;
}
.HomeSection,
.HomeSection-Dark {
padding: 60px 0;
background-size: cover;
background-repeat: no-repeat;
}
.HomeContent h2,
.MayAlsoLike h2 {
text-align: center;
font-size: 26px;
font-weight: bold;
color: #252023;
margin: 0;
}
.HomeSection-Dark h2 {
text-align: center;
font-size: 26px;
font-weight: bold;
color: #fff;
margin: 0;
}
.HomeContent hr,
.MayAlsoLike hr {
margin: 10px auto 20px auto;
border: 0;
width: 80px;
border-top: 4px solid #a00d31;
}
.HomeSection-Dark hr {
margin: 10px auto 20px auto;
border: 0;
width: 80px;
border-top: 4px solid #fff;
}
.HomeContent .centerTxt {
font-size: 16px;
font-weight: bold;
text-align: center;
width: 100%;
max-width: 800px;
margin: 0 auto;
}
.LatestNewsContainer {
padding: 30px 3%;
}
.LatestNewsGrid {
position: relative;
width: 33.33%;
float: left;
padding: 0 15px;
margin-bottom: 30px;
}
.NewsContent {
min-height: 330px;
padding: 10px;
background-color: #fff;
border: 2px solid #e9e9e9;
}
.NewsContent img {
width: 100%;
}
.NewsContent h3 {
font-weight: bold;
color: #a00d31;
font-size: 16px;
margin: 10px 0;
letter-spacing: 0;
}
.NewsContent p {
margin: 10px 0;
font-size: 14px;
max-height: 62px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.Red-FullBTN {
position: relative;
bottom: 0;
width: 100%;
}
.Red-FullBTN a {
margin-top: -2px;
float: left;
text-align: center;
width: 100%;
padding: 8px;
color: #fff;
background-color: #a00d31;
border: 2px solid #a00d31;
}
.ServiceGrid {
position: relative;
width: 33.33%;
float: left;
padding: 15px;
}
.ServiceGrid img {
width: 100%;
}
.GridTitle {
position: absolute;
float: left;
text-align: center;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.GridTitle h3 {
text-align: center;
color: #fff;
font-size: 26px;
text-shadow: 2px 2px 2px rgba(6, 6, 6, 1);
margin-bottom: 10px;
}
.GridTitle a {
margin: 0 auto;
text-align: center;
color: #fff;
background-color: #a00d31;
padding: 6px 24px;
}
.GridTitle a {}
.Testimonial .item {
margin: 40px 0;
}
.Testimonial blockquote p {
color: #fff;
font-size: 16px;
height: 96px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
.footer {
float: left;
width: 100%;
padding: 40px 0;
}
.footerContainer {
width: 650px;
margin: 0 auto;
text-align: center;
}
.FooterLink {
float: left;
padding: 30px 0 10px 0;
border-bottom: 1px solid #dcdcdc;
margin: 0 auto;
width: 100%;
}
.FooterLink .Link {
float: left;
margin: 0;
width: auto;
text-align: center;
}
.FooterLink a {
color: #1f1f1f;
margin: 0 15px;
}
.FooterLink a:hover {
color: #e30138;
text-decoration: none;
}
.awards {
width: 100%;
text-align: center;
float: left;
margin: 30px 10px 0 10px;
}
.awards img {
max-width: 100%;
}
.copyrights{
float: left;
width: 100%;
text-align: center;
color: #fff;
padding: 10px 0;
background-color: #000000;
font-size: 12px;
line-height: 1.8
}
#back-to-top {
position: fixed;
bottom: 10px;
right: 10px;
z-index: 9999;
width: 32px;
height: 32px;
text-align: center;
line-height: 30px;
color: #444;
cursor: pointer;
border: 0;
text-decoration: none;
transition: opacity 0.2s ease-out;
opacity: 0;
}
#back-to-top.show {
opacity: 1;
}
#content {
height: 2000px;
}
.navbar-default .nav>li>.activeNav {
color: #b5113d !important;
}
#subpageNavBar {
background-color: #fff;
}
#subpageNavBar .nav li a {
color: #222;
}
.subpage-Header {
margin-top: 100px;
float: left;
text-align: center;
width: 100%;
padding: 70px 0;
}
.subpage-Header h1 {
color: #fff;
font-size: 48px;
}
.subpageContent-Grey {
background-color: #f7f7f7;
padding: 40px 0;
}
.subpageContent {
background-color: #fff;
padding: 40px 0;
}
.Sorting {
width: 100%;
float: left;
margin: 30px 0 50px 0;
}
.Sorting select {
padding: 5px 8px;
width: 200px;
background-color: #fff;
border: 1px solid #d2d2d2;
}
.Sorting .Sorting-Left {
width: 60%;
float: left;
padding-left: 15px;
}
.Sorting .Sorting-Right {
text-align: right;
width: 40%;
float: left;
padding-right: 15px;
}
.ProductGrid {
position: relative;
width: 25%;
padding: 0 15px;
float: left;
margin-bottom: 30px;
}
.ProductGrid label {
position: absolute;
top: 15px;
left: 15px;
background-color: #9bbb59;
padding: 5px 25px;
color: #fff;
}
.ProductIMG {
cursor: pointer;
position: relative;
}
.ProductGrid .ProductIMG img {
width: 100%;
}
.ProductGrid .ProductIMG .ProductOver-Option img {
width: auto;
height: auto;
margin: 0 5px;
}
.ProductOver {
cursor: default;
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
}
.ProductIMG:hover .ProductOver {
display: block;
}
.ProductOver-Option {
position: absolute;
float: left;
text-align: center;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.ProductOver-Option img{
background-color: #fff;-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;}
.ProductOver-Option img:hover{background-color: #a00d31;}
.ProductGrid h5 {
font-size: 14px;
letter-spacing: 0;
}
.ProductData {
width: 30%;
float: left;
}
.ProductPrice {
width: 70%;
float: right;
text-align: right;
}
.ProductPrice span {
color: #93bc63;
}
.ProductPrice del {
color: #666666;
font-size: 12px;
}
.webLocation {
width: 100%;
text-align: left;
margin: 30px 0;
padding: 0 15px;
}
.ProductDetails .webLocation {
border-bottom: 1px solid #eee;
padding-bottom: 10px;
}
.webLocation a{color: #222;}
.webLocation a:hover{color: #b5113d ;}
.servicesContainer{
margin-top: 100px;
}
.ServiceSidebar-Container {
width: 27%;
padding: 0 15px;
float: left;
}
.ServiceContent-Container {
float: left;
width: 73%;
padding: 0 15px;
}
.ServiceSidebar {
width: 100%;
background-color: #fff;
border: 1px solid #eaeaea;
padding: 10px;
margin-bottom: 30px;
}
.ServiceSidebar .active a {
color: #b5113d;
}
.SideBarAdv {
width: 100%;
margin: 0 auto;
}
.SideBarAdv img {
width: 50%;
float: left;
display: block;
}
.SideBarSelect {
display: block;
margin-top: 15px;
padding: 5px;
background-color: #feda06;
width: 100%;
float: left;
}
.SideBarSelect select {
width: 32%;
}
.SideBarSelect input {
background-color: #256ddc;
color: #fff;
border: 0;
float: right;
}
.ServiceSidebar h5 {
font-size: 16px;
font-weight: bold;
line-height: 180%;
margin: 5px 0px 10px 0;
border-bottom: 2px solid #a00d31;
display: inline-block;
}
.ServiceSidebar ul {
margin: 0;
padding: 0;
}
.ServiceSidebar ul li {
line-height: 250%;
list-style: none;
}
.ServiceSidebar ul li a {
color: #222;
}
.ServiceSidebar ul li a:hover {
color: #a00d31;
}
.ServiceContent-Container img {
max-width: 100%;
}
.ServiceContent {
float: left;
width: 100%;
padding: 0 15px 15px 15px;
background-color: #fff;
border: 1px solid #eaeaea;
margin-bottom: 50px;
}
.ServiceContent h3 {
font-size: 24px;
font-size: #a00d31;
font-weight: bold;
line-height: 180%;
border-bottom: 2px solid #a00d31;
margin-bottom: 20px;
}
.ServiceContent h4{
font-size: 20px;
color: #80c20b;
line-height: 120%;
font-weight: bold;
margin: 15px 0;
}
.ServiceContent p {
font-size: 14px;
margin: 15px 0;
}
.lineheight18{line-height: 1.8;}
.ServiceContent ul,.ServiceContent ol {
margin: 0 0 0 20px;
padding: 0;
}
.ServiceContent ul li,.ServiceContent ol li {
margin-bottom: 10px;
}
.TableTitle {
width: 100%;
background-color: #a00d31;
padding: 8px 0;
color: #fff;
text-align: center;
}
.TableTitle-Grey {
width: 100%;
background-color: #eee;
padding: 8px 0;
color: #777;
text-align: center;
}
.ServiceContent-Table-Half{
width: 50%;
float: left;
padding: 0 5px;
}
.ServiceContent-Table table,.ServiceContent-Table-Half table {
border-collapse: collapse;
width: 100%;
margin-bottom: 20px;
}
.ServiceContent-Table th,.ServiceContent-Table-Half th {
background-color: #eeeeee;
white-space:nowrap;
}
.ServiceContent-Table th,
.ServiceContent-Table td,
.ServiceContent-Table-Half th,
.ServiceContent-Table-Half td {
padding: 8px;
border-bottom: 1px solid #ddd;
}
.ServiceContent .download {
color: #10b1ed;
text-decoration: underline;
}
.redColor{color: #a00d31 !important;}
img.width-50Img{width: 50%;}
.BlankTable table {
border-collapse: collapse;
width: 100%;
}
.BlankTable th,
.BlankTable td {
padding: 8px;
text-align: left;
border-bottom: 0;
}
.PageNo {
float: left;
width: 100%;
margin: 60px 0 30px 0;
text-align: center;
}
.PageNo a:hover {
color: #b5113d;
}
.activePageNo {
border: 1px solid #b5113d;
padding: 2px 7px;
color: #b5113d;
margin: 0 5px;
}
.normailPageNo {
border: 0;
padding: 2px 7px;
color: #1d1d1d;
margin: 0 5px;
}
#FAQ-Container {
width: 70%;
float: left;
padding: 40px 15px;
}
#FAQ-Container .tab-content{
position: relative;
padding: 30px 0;
}
.FAQ-Question {
padding: 10px 0;
border-bottom: 1px solid #dfdfdf;
}
.FAQ-Question img {
margin-right: 5px;
}
.FAQ-Question h5 {
cursor: pointer;
font-size: 16px;
font-weight: bold;
}
.FAQ-Answer,
.FAQ-Answer p {
font-size: 15px;
}
.FAQMessage-Container {
width: 30%;
float: left;
padding: 40px 15px;
}
.FAQMessage-Container h3 {
font-size: 24px;
color: #a00d31;
margin-bottom: 30px;
}
.FAQMessage-Container input {
width: 100%;
padding: 8px;
background-color: #fff;
border: 1px solid #eeeeee;
margin-bottom: 10px;
}
.FAQMessage-Container textarea {
width: 100%;
padding: 8px;
background-color: #fff;
border: 1px solid #eeeeee;
margin-bottom: 20px;
height: 150px;
resize: none;
}
.FAQMessage-Container input[type=submit] {
background-color: #a00d31;
color: #fff;
padding: 10px 0;
}
#Map-Container {
position: relative;
width: 100%;
float: left;
padding: 40px 15px;
}
#Map-Container .nav-tabs {
border-bottom: 2px solid #DDD;
}
#Map-Container .nav-tabs > li.active > a,
#Map-Container .nav-tabs > li.active > a:focus,
#Map-Container .nav-tabs > li.active > a:hover {
border-width: 0;
}
#Map-Container .nav-tabs > li > a {
border: none;
color: #666;
}
#Map-Container .nav-tabs > li.active > a,
#Map-Container .nav-tabs > li > a:hover {
border: none;
color: #b5113d !important;
background: transparent;
}
#Map-Container .nav-tabs > li > a::after {
content: "";
background: #b5113d;
height: 2px;
position: absolute;
width: 100%;
left: 0px;
bottom: -1px;
transition: all 250ms ease 0s;
transform: scale(0);
}
#Map-Container .nav-tabs > li.active > a::after,
#Map-Container .nav-tabs > li:hover > a::after {
transform: scale(1);
}
#Map-Container .tab-nav > li > a::after {
background: #21527d none repeat scroll 0% 0%;
color: #fff;
}
#Map-Container .tab-pane {
padding: 15px 0;
}
#Map-Container .tab-content {
padding: 20px 0;
position: absolute;
top: 60px;
padding: 30px 0;
}
.GoogleMapContainer {
position: relative;
width: 100%;
}
#map {
width: 100%;
height: 500px;
margin-top: 30px;
}
.Location-Data {
position: absolute;
left: 50px;
top: 60px;
padding: 10px 20px;
width: 430px;
background-color: #fff;
line-height: 180%;
}
.Location-Data h3 {
font-size: 26px;
color: #d68f8f;
font-weight: bold;
margin-bottom: 20px;
}
.Location-Data .location {
color: #d68f8f;
font-weight: bold;
}
.OprningTime {
margin: 20px 0;
}
.OprningTime table {
border-collapse: collapse;
width: 100%;
}
.OprningTime td {
padding: 0px;
text-align: left;
}
.ContactUs-Container h3 {
font-size: 24px;
margin-left: 15px;
margin-bottom: 20px;
color: #b5113d;
font-weight: bold;
}
.Message-Half {
width: 50%;
float: left;
padding: 0 15px;
}
.Message-Half input {
width: 100%;
padding: 8px;
border: 1px solid #dcdcdc;
margin-bottom: 20px;
}
.Message-Full {
width: 100%;
float: left;
padding: 0 15px;
}
.Message-Full textarea ,.Message-Half textarea {
width: 100%;
padding: 8px;
height: 120px;
border: 1px solid #dcdcdc;
margin-bottom: 20px;
resize: none;
}
.Message-Half select{
width: 100%;
padding: 8px;
border: 1px solid #dcdcdc;
margin-bottom: 20px;
}
.Message-Half select:required:invalid {
color: #aaa;
}
.Message-Half option[value=""][disabled] {
display: none;
}
.Message-Half option {
color: black;
}
.Message-BTN input[type="submit"] {
padding: 8px 30px;
position: relative;
color: #fff;
float: right;
border: 0;
margin-right: 15px;
background-color: #b5113d;
}
.ProductSection-Head {
float: left;
width: 100%;
height: auto;
}
#Product-SlideShow {
width: 55%;
float: left;
}
#Product-Data {
width: 45%;
float: left;
padding-left: 15px;
line-height: 250%;
}
#Product-Data h1 {
letter-spacing: -1px;
font-size: 32px;
font-weight: bold;
}
.selected img {
border: 3px solid #b5113d;
opacity: 1;
}
.ActiveProductThumbs {
border: 3px solid #b5113d;
}
.ProductThumbs {
border: 3px solid #eee;
}
.Details-lg-IMG {
text-align: center;
float: left;
width: 80%;
}
.Details-lg-IMG img {
margin: 0 auto;
}
.Details-IMG-Control {
padding-left: 15px;
float: left;
width: 20%;
}
#Product-Data .Price {
font-weight: bold;
color: #93bc63;
font-size: 24px;
margin-right: 30px;
}
#Product-Data .OriginalPrice {
font-size: 16px;
color: #9f9f9f;
font-weight: bold;
}
.GreenText {
color: #93bc63;
}
#Product-Data p {
font-size: 14px;
}
.QuantityBTN {
border: 0;
background-color: #f1f2f3;
color: #000;
width: 40px;
}
.inputQuantity {
border: 1px solid #a9a9a9;
padding: 0;
font-size: 20px;
text-align: center;
width: 50px;
position: relative;top: 3px;
}
.AddToCart img {
height: 15px;
margin-top: -4px;
margin-right: 10px;
}
.AddToCart {
border:0;
margin-left: 30px;
background-color: #f1f2f3;
color: #000;
line-height: 1;
padding: 13px 30px;
}
.AddToCart:hover {
color: #000;
}
.Product-Introduction {
width: 100%;
float: left;
margin-top: 40px;
}
.Product-Introduction .nav-tabs {
border-bottom: 2px solid #DDD;
}
.Product-Introduction .nav-tabs > li.active > a,
.Product-Introduction .nav-tabs > li.active > a:focus,
.Product-Introduction .nav-tabs > li.active > a:hover {
border-width: 0;
}
.Product-Introduction .nav-tabs > li > a {
border: none;
color: #666;
}
.Product-Introduction .nav-tabs > li.active > a,
.Product-Introduction .nav-tabs > li > a:hover {
border: none;
color: #b5113d !important;
background: transparent;
}
.Product-Introduction .nav-tabs > li > a::after {
content: "";
background: #b5113d;
height: 2px;
position: absolute;
width: 100%;
left: 0px;
bottom: -1px;
transition: all 250ms ease 0s;
transform: scale(0);
}
.Product-Introduction .nav-tabs > li.active > a::after,
.Product-Introduction .nav-tabs > li:hover > a::after {
transform: scale(1);
}
.Product-Introduction .tab-nav > li > a::after {
background: #21527d none repeat scroll 0% 0%;
color: #fff;
}
.Product-Introduction .tab-pane {
padding: 15px 0;
}
.ProductIntrodction-Table table {
border-collapse: collapse;
width: 100%;
}
.ProductIntrodction-Table td {
padding: 8px;
text-align: left;
border: 0;
}
.pdDetails p{font-size: 14px}
.pdDetails h3{font-size: 18px;font-weight: bold;margin:30px 0 10px 0;}
.redHighlight{color: #b5113d ;}
.pdDetails ul{margin: 0 0 20px -20px;}
.MayAlsoLike-Product {
width: 100%;
float: left;
margin-top: 30px;
}
.AboutUs p {
font-size: 16px;
line-height: 180%;
}
.AboutUs h3{font-size: 20px;font-weight: bold;margin: 0 0 10px 0}
.AboutUs img {
width: 100%;
margin: 30px 0;
}
.AboutUs .Col-Half {
margin-top: 40px;
}
img.awards-name-logo{width: auto;height: 30px;margin:5px 10px 5px 0;}
img.locationImg{width: 100%;height: auto;margin-top: -10px;}
img.Aboutusawards{width: auto;height: 60px;margin:0;}
.Col-Half {
width: 50%;
padding: 0 15px;
float: left;
}
.CartTable {
margin: 30px 0;
min-width: 300px;
overflow: auto;
white-space: nowrap;
}
.CartTable table {
border-collapse: collapse;
width: 100%;
}
.CartTable th,
.CartTable td {
padding: 10px 8px;
text-align: left;
border-bottom: 1px solid #ddd;
}
.Cart-ProductName {
font-weight: bold;
font-size: 16px;
}
.CartTable .QuantityBTN {
padding: 7px 0;
}
.CartTable .inputQuantity {
padding: 6px 0;
}
.CartTotal {
float: right;
text-align: right;
}
.CartTotal h2 {
font-size: 28px;
font-weight: bold;
letter-spacing: -1px;
}
.CartForm {
float: left;
width: 50%;
padding: 0 15px;
}
.CartForm h3 {
font-weight: bold;
margin-bottom: 30px;
margin-left: 15px;
}
.HalfInput {
width: 50%;
padding: 0 15px;
float: left;
}
.FullInput {
width: 100%;
padding: 0 15px;
float: left;
}
.CartForm input {
width: 100%;
padding: 8px;
margin: 0 0 15px 0;
border: 1px solid #eee;
}
.CartForm input[type="checkbox"]{
width: auto;
}
.checkStyle {
display: block;
position: relative;
padding-left: 25px;
cursor: pointer;
font-size: 16px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Hide the browser's default checkbox */
.checkStyle input {
position: absolute;
opacity: 0;
}
/* Create a custom checkbox */
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
background-color: #ddd;
}
/* On mouse-over, add a grey background color */
.checkStyle:hover input ~ .checkmark {
background-color: #ddd;
}
/* When the checkbox is checked, add a blue background */
.checkStyle input:checked ~ .checkmark {
background-color: #b5113d;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.checkStyle input:checked ~ .checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
.checkStyle .checkmark:after {
left: 8px;
top: 5px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.CartForm input[type=submit] {
float: right;
width: auto;
padding: 10px 30px;
background-color: #b5113d;
color: #fff;
border: 0;
margin-top: 35px;
margin-right: 15px;
}
.awards-Container{
width: 100%;
float: left;
padding: 40px 0;
}
.Award-Grid{
float: left;
width: 100%;
padding: 20px;
background-color: #fff;
margin-bottom: 40px;
border-bottom: 2px solid #e1e1e1;
}
.Awards-IMG{
position: relative;
float: left;
width: 30%;
text-align: center;
padding-right: 15px;
}
.Awards-IMG img{max-width: 100%;max-height: 160px;}
.Awards-IMG .Award-DateTime img{height: 14px;width: auto;margin-top: -5px;margin-right: 5px;}
.Awards-Content{
position: relative;
float: left;
width: 70%;
padding-left: 15px;
}
.Award-DateTime{
position: absolute;
color: #fff;
padding:3px 6px 2px 6px;
top: 8px;
left: 8px;
background-color: rgba(0,0,0,0.5);
}
.Awards-Content h3{font-size: 24px;font-weight: bold;margin: 0 0 10px 0;color: #006830;}
.Awards-Content p{font-size: 15px;margin-bottom: 10px;}
.Knoledge-Container{
width: 100%;
float: left;
padding: 30px 0;
border-bottom: 1px solid #ddd;
}
.Knoledge-Container p{font-size: 15px;}
.Knoledge-Container img{
width: 100%;
height: auto;
padding: 0 0 0 10px;
}
.Knoledge-Container .Col-60{float: left;}
.Knoledge-Container .Col-40{float: right}
.thankyou{
padding: 15px 0;
width: 100%;
float: left;
border-bottom: 1px solid #ddd;
}
.thankyou p{margin: 0 0 5px 0;font-size: 14px;}
.Thankyou-Order{
width: 100%;
float: left;
}
.TY-Table,.TY-Total{
overflow-x:auto;
}
.Thankyou-Order table{
margin: 20px 0 40px 0;
width: 100%;
text-align: left;
white-space:nowrap;
}
.Thankyou-Order td,.Thankyou-Order th{padding: 10px 8px;}
.Thankyou-Order tr{
border-bottom: 1px solid #ddd;
}
.TY-shippingAddress{
width: 70%;float: left;
padding-right: 15px;
}
.TY-shippingAddress .address{
width: 100%;
padding: 5px 10px;
border-radius: 5px;
}
.TY-shippingAddress .address h3,.TY-shippingAddress .address p{
margin: 10px 0;
}
.TY-shippingAddress .address h3{font-size: 20px;font-weight: bold;}
.TY-shippingAddress .address p{font-size: 14px;}
.TY-Total{
width: 30%;
float: left;
}
.Thankyou-Order .TY-Total table{width: 100%;margin: 0;letter-spacing: -0.5px;}
.Thankyou-Order .TY-Total td{padding: 6px 10px;}
.Thankyou-Order .TY-Total td:first-child{padding: 6px 10px;text-align: right;}
.Thankyou-Order .TY-Total tr{border-bottom: 1px solid #ddd;}
.TableTotal{font-weight: bold;font-size: 18px;}
.BackHome{width: 100%;float: left;margin-top: 15px;padding: 0 10px;}
.BackHome a{
font-size: 14px;
text-shadow: none;
background-color: #a00d31;
border: 2px solid #a00d31;
padding: 8px 20px;
color: #fff;
text-decoration: none;
}
.Terms h4{
font-size: 20px;
color: #b5113d ;
line-height: 120%;
font-weight: bold;
margin: 15px 0;
}
.Terms ol { counter-reset: item;margin-left: -30px;line-height: 1.8; }
.Terms li{ display: block;margin-bottom: 10px; }
.Terms li:before { content: counters(item, ".") " "; counter-increment: item;}
.Terms p {font-size: 14px;}
/*online form*/
.formSection{
width: 100%;position: relative;
margin-bottom: 30px;
}
.formtitle{
padding:10px 0;
margin-bottom: 10px;
border-bottom: 1px solid #ccc;
}
.formtitle h1{
font-size: 28px;
color: #b5113d;
margin: 0;
font-weight: bold;
display: inline-block;
}
.formtitle h2{
display: inline-block;
font-size: 22px;
margin: 0;
}
.formCol-Half{
width: 50%;
margin:0;
float: left;
}
.formCol-Half h3,.formCol-Full h3{
font-size: 16px;
margin:10px 0;
}
.RadioChoice{
float: left;
}
.RadioChoice input[type=radio], .CheckChoice input[type=checkbox] {
display:none;
}
.RadioChoice input[type=radio] + label, .CheckChoice input[type=checkbox] + label {
font-size: 14px;
font-weight: 300;
letter-spacing: -1px;
text-align: center;
min-width: 55px;
background-color: #fff;
color: #232323;
border: 1px solid #cccccc;
padding: 8px;
margin-right: 5px;
margin-bottom: 10px;
border-radius: 0;
cursor: pointer;
max-height: 38px;
}
.RadioChoice input[type=radio]:checked + label, .CheckChoice input[type=checkbox]:checked + label{
background-color: #b5113d;
color: #fff;
border: 1px solid #b5113d;
}
.formCol-Half input.NameInput{
width: 76% !important;
display: inline-block;
padding: 8px;
float: right;
margin-left: 10px;
border:1px solid #cccccc;
}
.formCol-Half input[type="text"],.HomeService-Details input,.formCol-Half select,.formCol-33 input,.formCol-33 select,.formCol-Half input[type="tel"],.formCol-Half input[type="email"]{
width: 100%;
padding: 8px;
border:1px solid #cccccc;
margin-bottom: 10px;
}
img.captchaIMG{
display: inline-block;
float: left;
width: 45%;
object-fit:cover;
max-height: 65px;
}
.captchaInputContainer{
float: right;
width: 50%;
display: inline-block;
}
.formCol-Half input.captchaInput{
width: 100% !important;
display: inline-block;
padding: 8px;
border:1px solid #cccccc;
}
.formCol-Full{
width: 100%;
float: left;
}
.formCol-Full input[type="submit"],.formCol-half input[type="submit"]{
margin-top: 20px;
background-color: #b5113d;
color: #fff;
padding: 10px 20px;
border:0;
font-size: 15px;
}
.formCol-half input[type="submit"]{
margin-top: 55px;
float: right;
}
.subjectTitle{
width: 100%;
padding: 5px 0;
}
.subjectTitle h2{
font-size: 22px;
margin:0;
color: #006830;
font-weight: bold;
}
.formCol-33{
margin:0;
float: left;
width: 33.33%;
}
.formCol-33 h3{
font-size: 16px;
margin:10px 0;text-align: left;
}
.formService{
width: 20%;
display: block;
float: left;
margin:0 0 0 0;
}
.formDate{
width: 50%;
display: block;
float: left;
margin:0 0 0 0;
}
.formService h3,.ServiceTime h3,.formService-xs h3{
font-size: 16px;
font-weight: bold;
color: #b5113d;
width: 100%;
margin:10px 0 5px 0;
}
.ServiceTime{
float: left;
width: 50%;
}
.ServiceTime input{
width: 200px;
padding: 8px;
padding: 8px;
border:1px solid #cccccc;
}
/*home service*/
.HomeService-Details{
float: left;
margin-top: 20px;
width: 100%;
}
.HomeService-Details .formService-xs{
width: 20%;float: left;
}
/*sales Content*/
.salesContentContainer{
width: 100%;
max-width: 800px;
margin: 0 auto;
background-color: #fff;
padding-bottom: 15px;
}
.salesContentContainer img{max-width: 100%;height: auto;}
.salesContentContainer h3{
color: #b5113d;
font-weight: bold;
padding: 0 15px;
}
.salesContentContainer p{
font-size: 15px;
padding: 0 15px;
margin-bottom: 15px;
}
/*contacts */
.contact-temrs{margin-top: 30px;padding: 0 15px;}
.contact-temrs p{font-size: 14px;}
.contact-temrs h3{font-size: 18px;font-weight: bold;margin:30px 0 10px 0;}
/*share media*/
.sticky-container{
padding:0px;
margin:0px;
position:fixed;
right:-150px;
top:323px;
width:230px;
z-index: 100;
}
.sticky li{
list-style-type:none;
background-color:#fff;
color:#efefef;
height:43px;
padding:0px;
margin:0px 0px 0px 0px;
-webkit-transition:all 0.25s ease-in-out;
-moz-transition:all 0.25s ease-in-out;
-o-transition:all 0.25s ease-in-out;
transition:all 0.25s ease-in-out;
cursor:pointer;
}
.sticky li:hover{
margin-left:-150px;
}
.sticky li img{
float:left;
margin:5px 4px;
margin-right:5px;
}
.sticky li p{
padding-top:5px;
margin:0px;
line-height:16px;
font-size:13px;
}
.sticky li p a{
text-decoration:none;
color:#2C3539;
}
.sticky li p a:hover{
text-decoration:none;
}
.stickyMobileShow{pointer-events:none;}
/*onload popup*/
.modal-open {
overflow: hidden!important;
padding-right:0!important
}