
@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 h3 {
    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;}

.mb-30{margin-bottom: 30px !important;}

.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;}

.fl{float: left;}

.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{width: 50px;}
.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;
}

.home_introduction{width: 100%;}
.home_introduction h1{font-size: 30px;text-align: center;}
.home_introduction p{font-size: 16px;line-height: 1.7;}

.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;
    white-space: nowrap;
}
.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:-210px;
    top:35%;
    width:290px;
    z-index: 100;
}
.sticky li{
    position: relative;
    list-style-type:none;
    background-color:#fff;
    color:#2C3539;
    height:42px;
    overflow: hidden;
    padding:10px 0 0 40px;
    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:-210px;
    height:auto;
}

.sticky li.mobileTab.isHovering{
    margin-left:-190px;
    height: auto;
}

.sticky li.mobileTab{margin-left: 0;height: 42px;}


.sticky h5{margin: 0 0 10px 0;}
.sticky li img{
    position: absolute;
    top: 0px;
    left: 0px;
    margin:5px 4px;
    margin-right:5px;
}
.sticky li p{
    background-color: #fff;
    padding-bottom: 10px;
    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
}

.cursor_pointer{cursor: pointer;}

.modal300{
    position: relative;
    width: 300px;
    margin: 30px auto;
}

.imgpopup{text-align: center;}

.imgpopup img{margin: 0;}

.imgpopup button{
    position: absolute;
    top: 10px;
    right: 10px;
}