@font-face {
    font-family: 'Sharp Sans No1';
    src: url('../fonts/SharpSansNo1-Bold.eot');
    src: url('../fonts/SharpSansNo1-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SharpSansNo1-Bold.woff2') format('woff2'),
        url('../fonts/SharpSansNo1-Bold.woff') format('woff'),
        url('../fonts/SharpSansNo1-Bold.ttf') format('truetype'),
        url('../fonts/SharpSansNo1-Bold.svg#SharpSansNo1-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Sharp Sans No1';
    src: url('../fonts/SharpSansNo1-Medium.eot');
    src: url('../fonts/SharpSansNo1-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SharpSansNo1-Medium.woff2') format('woff2'),
        url('../fonts/SharpSansNo1-Medium.woff') format('woff'),
        url('../fonts/SharpSansNo1-Medium.ttf') format('truetype'),
        url('../fonts/SharpSansNo1-Medium.svg#SharpSansNo1-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}
/******************Custom font***************************/
@charset "UTF-8";
body{font-family: 'Sharp Sans No1';font-size:13px;line-height:20px;color:#a7a6a6;background-color:#fff;}
h1, h2, h3, h4, h5, h6 {color: #333;}
h1{}
h2{font-size:40px;margin-top:0;margin-bottom:10px;font-weight:500;color:#e84c3d; line-height:1;}
h3{font-size: 16px;line-height:1;font-weight:600;color:#1b1b1b;}
h4{font-size:24px;color:#000000;line-height:1;font-weight:400;margin-bottom:20px;}
h5{font-size: 18px;line-height:1;font-weight:600;color:#000000;}
a{text-decoration: none;-webkit-transition: 300ms;-moz-transition: 300ms;-o-transition: 300ms;transition: 300ms;}
a:focus, 
a:hover {text-decoration: none;outline: none}
hr{ margin:30px 0; border-top:solid 1px #d8dde0;}
img{ max-width:100%;}
/*************************
********Header part CSS*******
**************************/
header{background:#e30613; padding:52px 0;}
.right-top{text-align:right;}
.right-top h5{ font-size:13px; color:#000; padding:0 80px 12px 0; margin:0; font-weight:bold;}
.right-top h4{ font-size:35px; color:#ffffff; padding:0; margin:0; font-weight:500;}

/*************************
********Min Area CSS*******
**************************/
.main_area{ padding:45px 0;}
.main_area h4{ font-size:26px;font-family: 'Sharp Sans No1';font-weight: 500; color:#000000;}
.main_area h4 span{font-weight: bold;}
ul.points-pic{ list-style-type:none; padding:30px 0; margin:0;}
ul.points-pic li{ display:inline-block; padding:0 8px;}
.brand{ padding-bottom:24px;}
.brand ul{list-style-type:none; padding:0 0 17px 0; margin:0;}
.brand ul li{ display:inline-block; padding:0 25px 0 0;}
.brand ul li:last-child{ padding:0;}
.products-btn{background:url(../img/products-after.png) bottom right no-repeat #e30613;display:block;text-align:center;color:#fff;padding:0;height:45px;line-height:45px;border-radius:10px;font-size:14px; font-weight:bold; width:100%;}
.products-btn:hover{color:#fff;background:url(../img/products-after.png) bottom right no-repeat #ca1c28;}
.product ul{ list-style-type:none; padding:0; margin:0;}
.product ul li{ display:inline-block; padding:0 13px 40px 13px;width:32%;}
.product ul li img{ border-radius:10px; width:100%;}
.product ul li p{ font-size:16px; color:#68757e; text-align:center; padding:13px 0 0 0;}
.get-touch h5{ color:#e30613; font-size:22px; font-weight:bold; padding:10px 0; margin:0;}
.get-touch a{ color:#e30613; font-size:16px; font-weight:bold; padding:0; margin:0;}
.left_area h5{ font-size:14px; color:#000000; padding:0 0 16px 0; margin:0; font-weight:bold; text-transform:uppercase;}
.left_area ul{ list-style-type:none; padding:0; margin:0;}
.left_area ul li{ padding-bottom:2px;}
.left_area ul li a{ color:#68757e; font-size:16px; font-weight:500; line-height:36px; background:url(../img/left_area.png) 0 0 no-repeat; display:block; padding:0 9px;background-size: 100% auto;}
.left_area ul li a span{ color:#e30613;}
.left_area ul li a span.right{ font-weight:bold;float: right;}
.left_area hr{margin:20px 0;}
.wishlist-btn{background:url(../img/wishlist-after.png) bottom right no-repeat #68757e;display:block;text-align:center;color:#fff;padding:0;height:45px;line-height:45px;border-radius:10px;font-size:14px; font-weight:bold; text-transform:uppercase;}
.wishlist-btn:hover{color:#fff;background:url(../img/wishlist-after.png) bottom right no-repeat #535e65;}


/*************************
********footer css part*******
**************************/
footer{width:100%; margin:0 auto;background:#e30613; padding:50px 0 15px 0;}
.footer_menu ul{ list-style-type:none; padding:0; margin:0;}
.footer_menu ul li a{font-size:14px; line-height:22px; color:#fff;font-family:Arial, Helvetica, sans-serif;}
.footer_menu ul li a:hover{ color:#eeeeee;}
.footer_about{ text-align:right;}
.footer_about p{ color:#fff; font-size:10px; font-family:Arial, Helvetica, sans-serif; padding:20px 0 0 0; margin:0; line-height:16px;}


/*************************
********Login css part*******
**************************/
.login{ border:solid 18px #e30613; width:100%; height:100vh; min-height:100%; position:relative;}
.login-left-pic{ position:absolute; left:-18px; bottom:-18px;}
.login-top{padding-top:55px;clear: both;}
.login-top .logo{ padding-top:20px; text-align:right; float:right;}
.login-top-right{ width:250px; float:right;}
.login-top-right h4{font-size:21px; color:#68757e; padding:0; margin:0; font-weight:500; line-height:1;}
.login-top-right h5{font-size:22px; color:#e30613; padding:8px 0 0 0; margin:0; font-weight:bold;}
.login-top-right a{font-size:16px; color:#e30613; padding:15px 0 0 0; margin:0; font-weight:bold; line-height:1; display:block;}

.login-mid{padding-top:45px;}
.login-mid-left h4{ font-size:37px; line-height:42px; color:#000000; font-weight:500; text-align:right; padding:0; margin:0;}
.login-mid-left h4 span{ font-weight:bold; display:block;}
.login-mid-right{ padding-top:60px;}
.login-mid-right h5{font-size:14px; line-height:1; color:#000000; padding:0; margin:0; font-weight:bold;}
.login-mid-right h4{font-size:27px; line-height:37px; color:#68757e; padding:36px 0; margin:0; font-weight:500;}
.login-mid-right h4 span{font-weight:bold;}
.flooring p{font-size:13px; line-height:18px; color:#68757e; padding:0 0 20px 0; margin:0;font-family:Arial, Helvetica, sans-serif;}
.flooring p a{font-weight:bold;color:#68757e; display:block;}
.flooring p a:hover{ color:#e30613;}
.form-inner .form-control{background-color:#eceef0;border:none;box-shadow: none;}
.form-inner label{color:#000000;font-size: 13px;}
.form-inner .help-block{ font-family:Arial, Helvetica, sans-serif;color:#68757e;}
.form-inner .help-block a{ font-weight:bold; color:#68757e;}
.form-inner .help-block a:hover{ color:#e30613;}
.form-inner .form-group {margin-bottom: 5px;}
.flooring{ padding-top:50px;}
.login-footer ul{ padding:0; margin:0; list-style-type:none;}
.login-footer ul li{display: inline-block;font-family: Arial, Helvetica, sans-serif;font-size: 12px;padding:0 6px;margin: 0;border-right: 1px solid #68757e;line-height: 14px;}
.login-footer ul li:first-child{padding:0 6px 0 0;}
.login-footer ul li:last-child{ border-right:none;}
.login-footer ul li a{color:#68757e;}
.login-footer ul li a:hover{color:#e30613;}
.warning {color:#F00;font-weight:bold;}
#cookiemessage {
	height:140px;
	background-color:#e30613;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	padding:5px 0;
}
#cookiemessage p {
	width:900px;
	margin:7px auto;
}
#cookiemessage input {
	color:#000;
}
#cookiemessage a {
	color:#fff;
 text-decoration: underline;
}
#cookiemessage a:hover {
 text-decoration: none;
}
#pwarea,#accnoerrormessage {
                    display:none;
}
/* 
Responsive CSS
------------------------------------------- */
@media screen and (max-width: 1600px) {
.login{ height:100%;border:solid 10px #e30613;}
.login-footer{ padding-bottom:20px;}
.login-left-pic{left:-10px; bottom:-10px;}	
}

@media screen and (max-width:1280px) {
}


@media screen and (max-width: 1170px) {
.product ul li{    padding: 0 9px 40px 9px;} 
.left_area ul li a{ font-size:13px;}
}
@media screen and (max-width: 1024px) {
ul.points-pic li{width: 24%;}
ul.points-pic li img{ width:100%; height:auto;}
.footer-logo{ width:100%;}
.login-left-pic{ display:none;}
.login{border: solid 8px #e30613;height: 100%;}
.login-footer{padding-bottom:15px;}
.flooring {padding-top:30px;}
.form-inner .form-group{margin-bottom: 10px;}
.login-top{padding-top: 20px;}
}
	
	
@media screen and (max-width: 980px) {
.main_area h4{font-size: 22px;}
.brand ul li{width: 19%;padding:0 10px 0 0;}
.brand ul li img{ width:100%;}
.footer-logo{width:auto;}
}

@media screen and (max-width: 800px) {	

}

@media screen and (max-width: 768px) {

}

@media screen and (max-width: 767px) {
.footer_about {text-align: left;padding:20px 0 0 0;}
.footer_menu{padding-top: 20px;}
.product ul li{width: 49%;}
.product ul li img{ width:100%;}
.brand ul li {display: inline-block;padding: 0 10px 0 0;text-align: center;}
header {padding: 30px 0;}
.get-touch{ padding-top:30px;}
.left_area ul li a{ font-size:16px;}
.right-top {text-align: left; padding-top:20px;}
.login-top .logo {padding-top: 20px;text-align: left;float: none;}
.login-top-right{width:100%;float:none;padding:20px 0 0 0;}
.login-mid-left h4{text-align: left;}
.login-mid {padding-top: 30px;}
.login-mid-right{padding-top: 40px;}
.login-mid-right h4{font-size: 24px;line-height: 30px;padding: 20px 0;}
.login{border: solid 4px #e30613;height: 100%;}
}
	
@media screen and (max-width: 640px) {	

}
	
	
@media screen and (max-width: 480px) {	
.logo{ width:100%;}
ul.points-pic li{width:47%;padding:5px;text-align: center;}
}



@media screen and (max-width: 375px) {
.product ul li{padding:0 0 10px 0; display:block;width: 100%;}

}

@media screen and (max-width: 360px) {

}

@media screen and (max-width: 320px) {	

}