.clear {
clear: both;
}
.sliderLink {
color: #fff;
padding: 10px 30px;
font-size: 16px;
border: 1px solid #fff;
-o-transition: color .2s ease-out, background .2s ease-in;
-ms-transition: color .2s ease-out, background .2s ease-in;
-moz-transition: color .2s ease-out, background .2s ease-in;
-webkit-transition: color .2s ease-out, background .2s ease-in;
/* ...and now override with proper CSS property */
transition: color .2s ease-out, background .2s ease-in;
}
.sliderLink:hover {
color: #fff;
padding: 10px 30px;
font-size: 16px;
border: 0;
background-color: #e21d15;
}
.Content {
width: 100%;
height: auto;
padding: 20px 0;
}
.GreyBG {
background-color: #f1f1f1;
}
.Col-Full,
.Col-Half,
.Col-3,
.Col-4 {
float: left;
padding: 0 15px;
position: relative;
}
.Col-Full {
width: 100%;
}
.Col-Half {
width: 50%;
}
.Col-3 {
width: 33.33%;
}
.Col-4 {
width: 25%;
}
.HomeLocations {
clear: both;
width: 100%;
}
.HomeLocations .Col-3 {
margin: 20px 0;
}
.HomeLocations h2 {
text-align: center;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
margin: 0 auto;
color: #fff;
text-shadow: 0px 0px 7px rgba(0, 0, 0, 1);
}
.HomeLocations a {
position: absolute;
bottom: 10px;
right: 25px;
padding: 10px 20px;
color: #fff;
background-color: #1b1b1b;
-o-transition: color .2s ease-out, background .2s ease-in;
-ms-transition: color .2s ease-out, background .2s ease-in;
-moz-transition: color .2s ease-out, background .2s ease-in;
-webkit-transition: color .2s ease-out, background .2s ease-in;
/* ...and now override with proper CSS property */
transition: color .2s ease-out, background .2s ease-in;
}
.HomeLocations a:hover {
background-color: #e21d15;
}
.HeadingStyle {
position: relative;
margin: 60px 0;
text-align: center;
}
.doubtLine {
border-top: 3px double #8c8b8b;
width: 100%;
}
.HeadingStyle h2 {
padding: 0 15px;
background-color: #fff;
position: absolute;
top: -20px;
transform: translateX(-50%);
left: 50%;
font-size: 24px;
font-weight: bold;
}
.GreyBG .HeadingStyle h2 {
background-color: #f1f1f1;
}
.MostView .Col-3 {
margin-bottom: 50px;
}
.MostViewImg {
width: 45%;
float: left;
}
.MostViewImg img {
width: 100%;
height: auto;
}
.MostViewImg .approvedIcon{
width: 40px;
height: auto;
position: absolute;
top: -15px;
left: -5px;
}
.Col-Half .approvedIcon{
width: 60px;
height: auto;
position: absolute;
top: -25px;
left: -10px;
}
.MostViewContent {
width: 55%;
float: left;
padding: 0 10px;
line-height: 180%;
letter-spacing: -0.5px;
}
.MostViewContent img {
width: 30px;
height: auto;
border: 1px solid #bfbfbf;
margin: 5px 5px 0 0;
}
.MostView-Star {
width: 100%;
}
.MostViewContent .MostView-Star img {
width: 20px;
height: auto;
border: none;
margin: 0 0px 5px 0;
}
.Platform-InfoGraphic {
padding-bottom: 40px;
width: 100%;
float: left;
}
.Platform-Process {
padding-bottom: 40px;
}
.Platform-Process h3 {
text-align: center;
margin-bottom: 20px;
}
.Process-Right {
border-left: 2px solid #d2d2d2;
}
.Process-Wrap {
vertical-align: middle;
width: 100%;
display: table-cell;
padding: 0 30px;
margin: 0;
}
/* Columns */
.Process-Img {
display: inline-block;
width: 15%;
height: auto;
text-align: left;
vertical-align: middle;
}
.Process-Content {
display: inline-block;
width: 84%;
height: auto;
text-align: left;
border: 2px solid #dcdcdc;
border-radius: 5px;
vertical-align: middle;
background-color: #fff;
padding: 15px;
}
.Process-Content h4,
.Process-Content p {
margin: 0;
}
.Process-DownArrow {
width: 100%;
text-align: center;
clear: both;
}
.Process-DownArrow img {
margin-left: 15%;
}
.LatestNews {
float: left;
width: 100%;
padding-bottom: 80px;
}
.LatestNews img {
width: 100%;
}
.news-content {
position: relative;
padding: 15px;
background-color: #f1f1f1;
width: 100%;
min-height: 240px;
}
.news-content h4 {
font-size: 16px;
margin: 0;
}
.news-content p {
margin: 0;
margin-bottom: 10px;
font-size: 14px;
line-height: 150%;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
}
.newsArrow img {
position: absolute;
right: 0px;
bottom: 0px;
width: 40px;
height: auto;
}
.footerContent {
width: 100%;
float: left;
padding: 40px 0;
}
.footerContent h4 {
border-bottom: 1px solid #fff;
margin-bottom: 20px;
}
.footerContent p {
margin: 0;
line-height: 180%;
}
.footerContent a {
color: #fff;
}
.footerContent a:hover {
color: #e21d15;
}
.Footer-Contactus img {
width: 14px;
margin-right: 5px;
}
.Footer-Logo,
.Footer-About,
.Footer-Account,
.Footer-Contactus {
width: 25%;
float: left;
padding: 0 15px;
}
#copyrights {
text-align: center;
}
.Product-Category{
float: left;width: 100%;
padding: 40px 0;
}
.sideBar{width: 25%;float: left;padding-right: 15px;}
.sideBar h4{;margin: 20px 0 5px 0;}
.SearchInput{
width: 80%;padding: 8px;float: left;
border: 0;border: 1px solid #bfbfbf;
}
.SearchBTN{
width: 20%;padding: 8px;float: left;
text-align: center;color: #fff;
border: 0;background-color: #e21d15;
border: 1px solid #e21d15;
}
.sideBar a{color: #111;}
.sideBar a:hover{color: #e21d15;}
.sideBar p{
margin: 5px 0;padding: 5px 0;
border-bottom: 1px solid #bfbfbf;
}
.FilterIcon{
width: 14px;height: auto;margin-right: 5px;margin-top: -2px;
}
.sideBar-Star{width: 18px;height: auto;margin-right: -4px;margin-top: -4px;}
.Product-All{width: 75%;float: left; }
.Product-Grid{
width: 33.33%;float: left;
padding: 0 10px;
}
.Product-Grid img{width: 100%;}
.Product-Grid .Product-Star img{width: 20px;height: auto;}
.Product-Grid a img{
width: 30px;height: auto;
border: 1px solid #bfbfbf;
margin: 5px 5px 0 0;
}
.Product-Detail{
float: left;
width: 100%;
border: 1px solid #dcdcdc;
margin-bottom: 20px;
}
.Product-Data{padding: 10px;}
.responsive-Show{display: none;}
.SelectLocation{
width: 31%;margin: 30px 1% 30px 0;
padding: 8px;border: 1px solid #dcdcdc;
}
.product-desc h2{margin:0 0 10px 0;}
.product-desc p{font-size: 16px; margin: 0 0 5px 0;}
.productShare,.addToCart{margin: 15px 0;}
.productDescription{margin-top: 40px;}