/* phones */
@import url("phones.css") only screen and (max-width:auto);
/* tablets */
@import url("tablets.css") only screen and (min-width:768px);
/* desktops */
@import url("desktops.css") only screen and (min-width:992px);
/* large-desktops */
@import url("large-desktops.css") only screen and (min-width:1200px);

html, body{margin:0;
	padding:0;}
	
.logo{width:200px;
	float:left;}
	
/* Scroll Bar */

::-webkit-scrollbar{width:10px;}

::-webkit-scrollbar-track{border-radius:0px;
	background-color:white;
	box-shadow: inset 0 0 6px rgba(0,0,0,.3);}

::-webkit-scrollbar-thumb{border-radius:10px;
	background-color:#1E2328;
	box-shadow: inset 0 0 6px rgba(0,0,0,.3);}

::-webkit-scrollbar-thumb:hover{background-color:#ec1f27;}

/* Scroll Bar End */	
			
/* Fonts */

@font-face{font-family:"Motor Oil 1937 M54";
	src:url(../fonts/Motor%20Oil%201937%20M54.ttf);}
	
@font-face{font-family:"King Richard";
	src:url(../fonts/king%20richard%20rg.ttf);}

@font-face{font-family:"Afta sans";
	src:url(../fonts/AftaSansThin-Regular.otf);}
	
@font-face{font-family:"abeatbyKai";
	src:url(../fonts/abeakrg.ttf);}

@font-face{font-family:"BakerSignet BT";
	src:url(../fonts/BAKRSIGN.ttf);}			

/* Fonts End */	

.banner-section{margin:0 auto;
	display:block;
	width:100%;
	position:relative;
	text-align:center;
	border-bottom:#1E2328 solid 2px;}

#image{float:left;}	

.swiper-slide img{width: 100%;
    height: 100vh;
    display: table;
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
    background-attachment: fixed;
    object-fit: cover;}
	
.banner-title{font-family:"Motor Oil 1937 M54";
	position:absolute;
	left:50%;
	transform:translate(-50%, -50%);
	z-index:100;
	width:100%;}

.banner-title-2{font-family:"Motor Oil 1937 M54";
	position:absolute;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:100;
	width:100%;}	
	
.allowance-1{height:100px;}

.catalogue-title{font-family:"King Richard";
	font-size:35px;
	color:#ec1f27;}

.goodsandservicesHome{font-family:"King Richard";
	font-size:20px;
	color:#1e2328;}

.electricalItemsHome{font-family:"King Richard";
	font-size:20px;
	color:#1e2328;}

.about-us-section{width:100%;
	height:auto;
	margin:auto;}

.about-us-title{padding-top:10px;
	font-family:"King Richard";
	font-size:35px;
	color:#ec1f27;}

.about-us-1{font-family:"Afta sans";
	font-size:20px;
	margin-top:10px;}

.vision{font-family:"King Richard";
	font-size:25px;
	color:#ec1f27;
	margin-top:5px;}
	
.vision-1{font-family:"Afta sans";
	font-size:20px;
	margin-top:5px;}	

.about-us-2{font-family:"Afta sans";
	font-size:20px;
	margin-top:10px;}

.values{font-family:"King Richard";
	font-size:20px;
	color:#ec1f27;
	margin-top:20px;
	margin-bottom:10px;}

.values-1{font-family:"Afta sans";
	font-size:20px;
	padding-bottom:10px;}
	
.services-title{font-family:"King Richard";
	font-size:25px;
	color:#ec1f27;}	
	
.services{/*width:50%;*/
    margin:auto;}
    
.service-one{font-family:"Afta sans";
	font-size:20px;}

.service-one-title, .service-two-title{font-family:"King Richard";
	font-size:25px;
	color:#ec1f27;}

.service-one-description, .service-two-description{font-family:"Afta sans";
	font-size:20px;}
	
.service-two{font-family:"Afta sans";
	font-size:20px;}
	
.allowance-2{height:100px;}

.getintouch-section{width:100%;
	height:auto;
	margin:auto;
	display:grid;}
	
.getintouch-title{padding-top:10px;
	font-family:"King Richard";
	font-size:35px;
	color:#ec1f27;}
	
.getintouch-container{width:80%;
	height:auto;
	margin:auto;}	

.location{width:100%;
	height:auto;}

.location-title{font-family:"King Richard";
	font-size:20px;
	margin-top:10px;
	margin-left:15px;
	color:#1e2328;}

.location-icon{float:left;
	margin-top:10px;
	margin-left:10px;}

.location-info{font-family:"Afta sans";
	font-size:20px;
	margin-top:13px;
	margin-left:55px;}	
		
.contact{width:100%;
	height:auto;}	

.contact-title{font-family:"King Richard";
	font-size:20px;
	margin-top:10px;
	margin-left:15px;
	color:#1e2328;}

.contact-icon{float:left;
	margin-top:10px;
	margin-left:10px;}

.contact-info{font-family:"Afta sans";
	font-size:20px;
	margin-top:13px;
	margin-left:55px;}			

.map{width:100%;
	height:auto;
	margin-top:30px;
	/*margin-bottom:15px;*/
	float:left;}

.map-title{font-family:"King Richard";
	font-size:20px;
	margin-top:10px;
	margin-bottom:10px;
	color:#1e2328;}
	
.map-area{width:100%;
	height:280px;
	margin:auto;
	margin-top:5px;}

.socialMediaFooter{padding-top:10px;}

.socialMediaFooter span a{color:white;
	margin-right:5px;
	margin-left:5px;}

.socialMediaFooter span a:hover{color:#ec1f27;}
	
.socialMediaFooterText{color:white;
	font-family:"BakerSignet BT";
	font-size:20px;}
	
.credit{padding-top:20px;
	font-family:"BakerSignet BT";
	font-size:20px;
	color:#fff;
	margin-bottom:10px;}
	
.text-style-2{text-decoration:none;
	color:#999;}

.text-style-2:hover{color:#ec1f27;}	

.copyright{padding-bottom:15px;
	font-family:"BakerSignet BT";
	font-size:20px;
	color:#fff;}

/*
#scroll-top{bottom:0;
	right:0;
	margin-right:20px;
	margin-bottom:20px;
	position:fixed;}
	
.scroll-top-colour{color:#ec1f27;}*/

.scroll-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #ee3035;
    color: #fff;
    border: none;
    border-radius: 50%;
    padding: 10px;
    cursor: pointer;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    transition: opacity 0.3s, transform 0.3s;
    opacity: 0;
    transform: scale(0.8);
    z-index: 1000;
}

.scroll-to-top svg {
    fill: #fff;
    width: 24px;
    height: 24px;
}

.scroll-to-top:hover {
    background-color: #e00102;
    transform: scale(1);
}

.scroll-to-top.show {
    opacity: 1;
    transform: scale(1);
}

footer{background-color:#1e2328;
	margin:auto;}

/* Goods & Accessories Page */

.content-area{width:100%;
	height:auto;
	display:grid;}

.goodsaccessories-title{font-family:"King Richard";
	font-size:35px;
	color:#ec1f27;
	padding-top:120px;}

.pic:hover{color:#ec1f27;}	

.cement-section{height:auto;}	
		
.cement-text{font-family:"King Richard";
	font-size:20px;
	color:#1e2328;}	

.cement-stock{font-family:"Afta sans";
	font-size:17px;}	
		
.paint-section{height:auto;}	

.paint-text{font-family:"King Richard";
	font-size:20px;
	color:#1e2328;}

.paint-stock{font-family:"Afta sans";
	font-size:17px;}		

.gypsum-section{height:auto;}	
	
.gypsum-text{font-family:"King Richard";
	font-size:20px;
	color:#1e2328;}

.gypsum-stock{font-family:"Afta sans";
	font-size:17px;}
	
.cornice-section{height:auto;}	
	
.cornice-text{font-family:"King Richard";
	font-size:20px;
	color:#1e2328;}

.cornice-stock{font-family:"Afta sans";
	font-size:17px;}
	
.channel-section{height:auto;}	
	
.channel-text{font-family:"King Richard";
	font-size:20px;
	color:#1e2328;}

.channel-stock{font-family:"Afta sans";
	font-size:17px;}
	
.gypsum-stud-section{height:auto;}	
	
.gypsum-stud-text{font-family:"King Richard";
	font-size:20px;
	color:#1e2328;}

.gypsum-stud-stock{font-family:"Afta sans";
	font-size:17px;}	

.mdf-section{height:auto;}

.mdf-text{font-family:"King Richard";
	font-size:20px;
	color:#1e2328;}	

.mdf-stock{font-family:"Afta sans";
	font-size:17px;}
	
.plywood-section{height:auto;}

.plywood-text{font-family:"King Richard";
	font-size:20px;
	color:#1e2328;}	

.plywood-stock{font-family:"Afta sans";
	font-size:17px;}
	
.iron-sheet-section{height:auto;}

.iron-sheet-text{font-family:"King Richard";
	font-size:20px;
	color:#1e2328;}	

.iron-sheet-stock{font-family:"Afta sans";
	font-size:17px;}
	
.hoop-iron-section{height:auto;}

.hoop-iron-text{font-family:"King Richard";
	font-size:20px;
	color:#1e2328;}	

.hoop-iron-stock{font-family:"Afta sans";
	font-size:17px;}
	
.brc-section{height:auto;}

.brc-text{font-family:"King Richard";
	font-size:20px;
	color:#1e2328;}	

.brc-stock{font-family:"Afta sans";
	font-size:17px;}
	
.binding-wire-section{height:auto;}

.binding-wire-text{font-family:"King Richard";
	font-size:20px;
	color:#1e2328;}	

.binding-wire-stock{font-family:"Afta sans";
	font-size:17px;}
	
.wb-section{height:auto;}

.wb-text{font-family:"King Richard";
	font-size:20px;
	color:#1e2328;}	

.wb-stock{font-family:"Afta sans";
	font-size:17px;}				
	
.nails-section{height:auto;}

.nails-text{font-family:"King Richard";
	font-size:20px;
	color:#1e2328;}

.nails-stock{font-family:"Afta sans";
	font-size:17px;}	

.concrete-nails-section{height:auto;}

.concrete-nails-text{font-family:"King Richard";
	font-size:20px;
	color:#1e2328;}

.concrete-nails-stock{font-family:"Afta sans";
	font-size:17px;}	

.hammer-section{height:auto;}

.hammer-text{font-family:"King Richard";
	font-size:20px;
	color:#1e2328;}

.hammer-stock{font-family:"Afta sans";
	font-size:17px;}	

.screwdriver-section{height:auto;}

.screwdriver-text{font-family:"King Richard";
	font-size:20px;
	color:#1e2328;}

.screwdriver-stock{font-family:"Afta sans";
	font-size:17px;}	

.toilet-seat-section{height:auto;}	

.toilet-seat-text{font-family:"King Richard";
	font-size:20px;
	color:#1e2328;}

.toilet-seat-stock{font-family:"Afta sans";
	font-size:17px;}		

.tap-section{height:auto;}

.tap-text{font-family:"King Richard";
	font-size:20px;
	color:#1e2328;}

.tap-stock{font-family:"Afta sans";
	font-size:17px;}	

.hosepipe-section{height:auto;}

.hosepipe-text{font-family:"King Richard";
	font-size:20px;
	color:#1e2328;}

.hosepipe-stock{font-family:"Afta sans";
	font-size:17px;}
	
.pvc-section{height:auto;}

.pvc-text{font-family:"King Richard";
	font-size:20px;
	color:#1e2328;}	

.pvc-stock{font-family:"Afta sans";
	font-size:17px;}
	
.ppr-section{height:auto;}

.ppr-text{font-family:"King Richard";
	font-size:20px;
	color:#1e2328;}	

.ppr-stock{font-family:"Afta sans";
	font-size:17px;}
	
.gutters-section{height:auto;}

.gutters-text{font-family:"King Richard";
	font-size:20px;
	color:#1e2328;}	

.gutters-stock{font-family:"Afta sans";
	font-size:17px;}
	
.tanks-section{height:auto;}

.tanks-text{font-family:"King Richard";
	font-size:20px;
	color:#1e2328;}	

.tanks-stock{font-family:"Afta sans";
	font-size:17px;}				

.steel-section{height:auto;}

.steel-text{font-family:"King Richard";
	font-size:20px;
	color:#1e2328;}

.steel-stock{font-family:"Afta sans";
	font-size:17px;}

.square-tube-section{height:auto;}

.square-tube-text{font-family:"King Richard";
	font-size:20px;
	color:#1e2328;}	

.square-tube-stock{font-family:"Afta sans";
	font-size:17px;}		

.fabricated-steel-title{font-family:"King Richard";
	font-size:20px;
	color:#ec1f27;}	

.square-tubes-section{height:auto;}	
	
.square-tubes-text{font-family:"King Richard";
	font-size:20px;
	color:#1e2328;}

.square-tubes-stock{font-family:"Afta sans";
	font-size:17px;}		

.tee-section{height:auto;}	

.tee-text{font-family:"King Richard";
	font-size:20px;
	color:#1e2328;}

.tee-stock{font-family:"Afta sans";
	font-size:17px;}		
	
.flat-bar-section{height:auto;}	

.flat-bar-text{font-family:"King Richard";
	font-size:20px;
	color:#1e2328;}
	
.flat-bar-stock{font-family:"Afta sans";
	font-size:17px;}		
	
.deformed-steel-bar-section{height:auto;}

.deformed-steel-bar-text{font-family:"King Richard";
	font-size:20px;
	color:#1e2328;}

.deformed-steel-bar-stock{font-family:"Afta sans";
	font-size:17px;}	

.z-bar-section{height:auto;}

.z-bar-text{font-family:"King Richard";
	font-size:20px;
	color:#1e2328;}

.z-bar-stock{font-family:"Afta sans";
	font-size:17px;}	
		
/* Goods & Accessories Page End */

/* Electrical Items Page */

.electricalitems-title{font-family:"King Richard";
	font-size:35px;
	color:#ec1f27;
	padding-top:120px;}

.consumer-unit-section{height:auto;}	
	
.consumer-unit-text{font-family:"King Richard";
	font-size:20px;
	color:#1e2328;}

.consumer-unit-stock{font-family:"Afta sans";
	font-size:17px;}	
	
.cables-section{height:auto;}

.cables-text{font-family:"King Richard";
	font-size:20px;
	color:#1e2328;}

.cables-stock{font-family:"Afta sans";
	font-size:17px;}		

.switches-section{height:auto;}

.switches-text{font-family:"King Richard";
	font-size:20px;
	color:#1e2328;}

.switches-stock{font-family:"Afta sans";
	font-size:17px;}	
	
.bulbs-section{height:auto;}

.bulbs-text{font-family:"King Richard";
	font-size:20px;
	color:#1e2328;}

.bulbs-stock{font-family:"Afta sans";
	font-size:17px;}	
	
.florescent-tube-section{height:auto;}

.florescent-tube-text{font-family:"King Richard";
	font-size:20px;
	color:#1e2328;}

.florescent-tube-stock{font-family:"Afta sans";
	font-size:17px;}		
	
.starter-section{height:auto;}

.starter-text{font-family:"King Richard";
	font-size:20px;
	color:#1e2328;}

.starter-stock{font-family:"Afta sans";
	font-size:17px;}			

.sockets-section{height:auto;}

.sockets-text{font-family:"King Richard";
	font-size:20px;
	color:#1e2328;}

.sockets-stock{font-family:"Afta sans";
	font-size:17px;}	
	
.extension-cable-section{height:auto;}

.extension-cable-text{font-family:"King Richard";
	font-size:20px;
	color:#1e2328;}
	
.extension-cable-stock{font-family:"Afta sans";
	font-size:17px;}	
	
.water-heater-section{height:auto;}

.water-heater-text{font-family:"King Richard";
	font-size:20px;
	color:#1e2328;}

.water-heater-stock{font-family:"Afta sans";
	font-size:17px;}	

.tester-section{height:auto;}

.tester-text{font-family:"King Richard";
	font-size:20px;
	color:#1e2328;}

.tester-stock{font-family:"Afta sans";
	font-size:17px;}	
	
.cutting-disc-section{height:auto;}

.cutting-disc-text{font-family:"King Richard";
	font-size:20px;
	color:#1e2328;}

.cutting-disc-stock{font-family:"Afta sans";
	font-size:17px;}			

/* Electrical Items Page End */