

	.dropbtn2k {
  background-color:transparent;
  color:white;
  padding: 16px;
  font-size: 16px;
		font-family: 'Montserrat';
  border: none;
width: 100%;			
}
			
.dropbtn2k a {
  
  color:white;
	text-decoration: none;
}	

@media screen and (max-width: 992px) 
{
	button.dropbtn2k{ font-size: 12px;   
	}
}


.dropdown2k {
  position: relative;
  display: inline-block;
}

.dropdown-content2k {
  display: none;
  position: absolute;
  background-color:black;
  width:100%;
font-family: 'Montserrat';
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content2k a {
  color:deepskyblue;
  padding: 10px 14px;
  text-decoration: none;
  display: block;
	text-transform: capitalize;
	font-family: 'Atkinson Hyperlegible';
	font-size: 15px;
	
}

.dropdown-content2k a:hover {background-color:rgba(0,41,71,1.00); color: white;}

.dropdown2k:hover .dropdown-content2k {display: block;}

.dropdown2k:hover .dropbtn2k {background-color:  rgba(0,41,71,1.00);}	



.mmm{width: 130px; height: 80px;}

@media screen and (max-width: 600px) 
{
	img.mmm{ width: 80px; height: 50px;  
	}
}	

@media screen and (max-width: 768px) 
{
	img.mmm{ width: 80px; height: 50px ;  
	}
}	
@media screen and (max-width: 992px) 
{
	img.mmm{ width: 80px; height: 50px;   
	}
}



      


/* jssor slider loading skin spin css */
        .jssorl-0011-spin img {
            animation-name: jssorl-0011-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-0011-spin {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }


        .jssorb057 .i {position:absolute;cursor:pointer;}
        .jssorb057 .i .b {fill:none;stroke:#fff;stroke-width:2000;stroke-miterlimit:10;stroke-opacity:0.4;}
        .jssorb057 .i:hover .b {stroke-opacity:.7;}
        .jssorb057 .iav .b {stroke-opacity: 1;}
        .jssorb057 .i.idn {opacity:.3;}

        .jssora073 {display:block;position:absolute;cursor:pointer;}
        .jssora073 .a {fill:#ddd;fill-opacity:.7;stroke:#000;stroke-width:160;stroke-miterlimit:10;stroke-opacity:.7;}
        .jssora073:hover {opacity:.8;}
        .jssora073.jssora073dn {opacity:.4;}
        .jssora073.jssora073ds {opacity:.3;pointer-events:none;}












@media only screen and (max-width: 992px) {
 div.innermenu2{  visibility: visible;
    
  }
}




@media only screen and (min-width: 992px) {
div.innermenu2{ 
    display: none;
  }
}





.pforih{ text-align: center; text-transform: capitalize; font-size: 17px; font-weight: 600; color:rgba(255,255,255,.5); margin-top: 25px; margin-bottom: 15px; font-family: 'raleway';}

.hovi{font-size:48px; color: rgba(0,41,71,1.00);}
i.hovi:hover{color:deepskyblue;


}

@media only screen and (max-width: 992px) {
p.pforih{ 
    font-size: 14px; 
  }
}

	
	
	
	

/* start horizindal scroll bar*/


div.scrollmenu24 {
 
  overflow: auto;
  white-space: nowrap;
}

div.scrollmenu24 a {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px;
  text-decoration: none;
	background-image: url(file:///C|/xampp/htdocs/alramsfurniture.com/back/menu2div.jpg); 
	background-repeat: repeat;
	margin: 5px;
	border: 2px inset rgba(50,20,20,1.00);
}

div.scrollmenu24 a:hover {
  background-color: #777;
}






.tsection{ background-color:dodgerblue;
	
}

.drp{ background-color: lightblue;}


   /* jssor slider loading skin spin css */
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }


        .jssora106 {display:block;position:absolute;cursor:pointer;}
        .jssora106 .c {fill:#fff;opacity:.3;}
        .jssora106 .a {fill:none;stroke:#000;stroke-width:350;stroke-miterlimit:10;}
        .jssora106:hover .c {opacity:.5;}
        .jssora106:hover .a {opacity:.8;}
        .jssora106.jssora106dn .c {opacity:.2;}
        .jssora106.jssora106dn .a {opacity:1;}
        .jssora106.jssora106ds {opacity:.3;pointer-events:none;}

        .jssort101 .p {position: absolute;top:0;left:0;box-sizing:border-box;background:#000;}
        .jssort101 .p .cv {position:relative;top:0;left:0;width:100%;height:100%;border:2px solid #000;box-sizing:border-box;z-index:1;}
        .jssort101 .a {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;visibility:hidden;}
        .jssort101 .p:hover .cv, .jssort101 .p.pdn .cv {border:none;border-color:transparent;}
        .jssort101 .p:hover{padding:2px;}
        .jssort101 .p:hover .cv {background-color:rgba(0,0,0,6);opacity:.35;}
        .jssort101 .p:hover.pdn{padding:0;}
        .jssort101 .p:hover.pdn .cv {border:2px solid #fff;background:none;opacity:.35;}
        .jssort101 .pav .cv {border-color:#fff;opacity:.35;}
        .jssort101 .pav .a, .jssort101 .p:hover .a {visibility:visible;}
        .jssort101 .t {position:absolute;top:0;left:0;width:100%;height:100%;border:none;opacity:.6;}
        .jssort101 .pav .t, .jssort101 .p:hover .t{opacity:1;}



 /* jssor slider loading skin spin css */
        .jssorl-0010-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-0010-spin {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }


        .jssorb057 .i {position:absolute;cursor:pointer;}
        .jssorb057 .i .b {fill:none;stroke:#fff;stroke-width:2000;stroke-miterlimit:10;stroke-opacity:0.4;}
        .jssorb057 .i:hover .b {stroke-opacity:.7;}
        .jssorb057 .iav .b {stroke-opacity: 1;}
        .jssorb057 .i.idn {opacity:.3;}

        .jssora073 {display:block;position:absolute;cursor:pointer;}
        .jssora073 .a {fill:#ddd;fill-opacity:.7;stroke:#000;stroke-width:160;stroke-miterlimit:10;stroke-opacity:.7;}
        .jssora073:hover {opacity:.8;}
        .jssora073.jssora073dn {opacity:.4;}
        .jssora073.jssora073ds {opacity:.3;pointer-events:none;}


.topnav1 {
  overflow: hidden;
border: 10px solid transparent;
  padding: 5px;
	border-image: url(file:///C|/xampp/htdocs/alramsfurniture.com/back/button.jpg) 30 round;
	
}


@media screen and (max-width: 600px) 
{
	p.bss{ font-size: 17px;
	}
	 h2.abh2{ font-size: 18.72px;
	
	}
	h5.abh5{ font-size: 12px;
	
	}
	
		p.abp{ font-size: 11px;
	
	}
	
	label.kidh{font-size: 12px;
	
	}
	h5.abwh5{ font-size: 12px;
	
	}
	h3.abh3{ font-size: 17px;
	
	}
	h5.abfh5{ font-size: 12px;
	
	}
	h5.abch5{ font-size: 12px;
	
	}
	h2.ofh2{ font-size: 18.72px;
	
	}
	div.ofhd{ font-size: 15px;
	
	}
	p.brp{ font-size: 22px;
	}
	
	h5.ofcn{ font-size: 12px;
	}
	
	
	
	
	}

.padd{ color: white; text-align: center; font-family: 'aleo'; text-transform: capitalize; font-weight:600; font-size: 14px; }




@media screen and (max-width: 600px) 
{
	p.padd { font-size: 12px; color: white;
	}
}	
	
	.kidsdiv{ padding:50px; }
@media screen and (max-width: 600px) 
{
	div.kidsdiv { margin: 5px;
	}
}	

.rdiv{ border: 1px solid goldenrod; border-radius: 50%; margin: auto; display: block; height: 175px; width: 175px; background-color:rgba(33,11,12,.8); }
@media screen and (max-width: 600px) 
{
	div.rdiv { height: 125px; width: 125px;
	}
}	

 .rh5{ color: goldenrod; text-align: center; text-transform: capitalize; font-family: 'avor'; font-weight: 700px; margin-top: 50%; font-size: 16px;
 }
@media screen and (max-width: 600px) 
{
	p.rh5 { font-family: 10px; margin-top: 50%;font-weight: 700px; 
	}
}	

.footercontainer{ margin-bottom: 0px; margin-top:0px;background-color:black;}
.footercontainerrow1{ margin-top: 50px;}
.footercontainerrow2{ background-color: rgba(0,41,71,1.00);}
.footercontainerrow3{ background-color: black;}

.footercontainerrow3 p{text-align: center; padding-top:15px; padding-bottom: 15px; color: rgba(0,41,71,1.00); text-transform: capitalize; font-size: 17px; font-weight: 500;} 

.foocolpc{ margin-top:30px; margin-bottom:30px; }
.footerm{ margin-top: 0px; margin-bottom: 0px; color: white; text-transform: capitalize; font-size: 16px; font-family: 'Alegreya'; text-align: center;}
.footpc{font-family:'Montserrat'; text-align: center; color: white; margin-top: 25px; text-transform: capitalize;}

.fotlogo{color:whitesmoke; text-align: center; text-transform: capitalize;  font-family: 'Montserrat'; font-size:12px;  }

.ourclient{text-align:center; text-transform: capitalize; font-family: 'ledger'; color: white; }

.ap{ text-align:left; margin-left: 70px; padding-top: 10px; font-family:'Montserrat'; }
.aa{color: rgba(0,41,71,1.00);}


.bannerin{width:100%; height: 100%; background-color:rgba(33,27,27,.7);}
.bannerp{color: white; font-size: 48px; font-weight: 500; text-transform:uppercase;line-height: normal; text-align: center; font-family: 'Balthazar'; text-shadow:2px 2px 1px black; border: 3px solid white; background-color: rgba(0,0,0,.7); height: 100%; padding-top: 20%; margin-left: 0%; margin-right: 0%;}

@media screen and (max-width: 992px) 
{
	p.bannerp{ font-size: 35px; line-height: normal; padding-left: 35%; padding-right: 35%; position: relative; 
		
}
}


.catcontiner{background-image: url(back/category.jpg);}
.catrow{background-color:rgba(0,0,0,.975); background-repeat: repeat;}
.catcol{margin-bottom: 50px; margin-top: 50px;}
.cath2{text-align: center; text-transform: capitalize; font-family: 'lora';   color:white;}

@media screen and (max-width: 992px) 
{
	h2.cath2 { font-size:19px;; 
	}
}	
.abtflcon{background-image: url(back/aboutus.jpg);margin-top:20px; margin-bottom:0px;}
.abtflrow{ margin-top:100px ;margin-bottom:100px ;margin-right:100px ; margin-left:100px ; background-color:rgba(0,0,0,.7); }

@media screen and (max-width: 600px) 
{
	div.abtflrow{ margin-top:100px ;margin-bottom:100px ;margin-right:5px ; margin-left:5px ;  
	}
}	

@media screen and (max-width: 768px) 
{
	div.abtflrow{ margin-top:100px ;margin-bottom:100px  ;margin-right:5px ; margin-left:5px ;  
	}
}	
@media screen and (max-width: 992px) 
{
	div.abtflrow{margin-top:100px ;margin-bottom:100px  ;margin-bottom:20px ;margin-right:5px ;  
	}
}


.smlhdfabt{text-align: left; text-transform: uppercase; font-family: 'Lora'; margin-top: 25px; color:whitesmoke; margin-left: 25px;}
.prgfabot{text-align: justify; color:rgba(255,255,255,.5) ;font-size: 16px; font-family:'Avor'; padding: 5px;}

.hffh2{text-align: center; text-transform: capitalize; color: white; margin-top: 50px;}
.confabtftrs{margin-top: 50px;}

.col12fpin{border:1px  solid rgba(53,53,53,1.00); box-shadow: 2px 2px 6px deepskyblue; padding: 1px;}

.paradl{border-bottom:1px dashed rgba(53,53,53,1.00);}
.paradt{color:deepskyblue;  text-transform: capitalize; font-size:17px; margin-top: 25px; margin-bottom: 15px; margin-left: 10px; font-family: 'Open Sans';}
.paradd{color:rgba(165,165,166,1.00); text-transform: capitalize; font-size:16px; margin-left: 30px; font-family: 'Atkinson Hyperlegible';}

.innermenu2 {float:right; background-color:rgba(0,41,71,1.00);}
.innemenu2pe{text-align: center; font-family: 'Lemon'; text-transform: capitalize;color: darkblue;  }

.innemenu2pa{color: deepskyblue; text-align:right; font-family: 'Atkinson Hyperlegible';}
.innemenu2pe1{color: deepskyblue;font-family:'raleway'; text-transform: capitalize; }
.innemenu2pa1{color: deepskyblue; text-align:right; font-family: 'Atkinson Hyperlegible';}





        .on1div{margin-top: 25px;}

		.on2div{margin: 5px; border: 1px #D3D0D0 ; box-shadow: 2px 2px  3px#D3D0D0;  background-color: white;}

		.on3div{margin-top:0px; margin-bottom:0px;}	

		.on4p{text-align: center; padding-left: 5px; text-transform: capitalize;font-family: 'Arvo'; margin-top: 0px; color:white; background-color:rgba(0,41,71,1.00); font-size: 12px;}	

		.on5p{text-align: center; text-transform: capitalize;font-family: 'Arvo'; color:  #996633; margin-bottom:0px; font-size:17px; height: 50px;}

@media screen and (max-width: 600px) 
{
	p.on5p{ font-size:12px;  
	}
}	

@media screen and (max-width: 768px) 
{
	p.on5p{ ont-size:12px; ;  
	}
}	
@media screen and (max-width: 992px) 
{
	p.on5p{ont-size:12px;  
	}
}


		.on6div{background-color: rgba(0,41,71,1); color: white;}	

		.on7div{background-color: black; color: white; padding: 2px;}	

		.on8p{text-align: center; text-transform: capitalize;font-family: 'Arvo'; padding-top:2px; letter-spacing:1px; margin-bottom:0px; font-size:15px; font-weight: 600;}	

		.on9img{border: 1px dashed rgba(209,228,243,1.00) ; box-shadow: 2px 2px 4px rgba(230,245,255,1);  position: relative;}

		.on10label{background-color: white; font-weight: 800; text-align: center; margin: auto; display: block; color: #996633; font-family: 'lemon'; text-transform: capitalize;}

		.on11p{text-align: center; text-transform: capitalize;font-family: 'raleway'; color:  #996633; margin-bottom:0px; font-size:13px;padding-top: 3px;}
		
		.on12button{text-transform: capitalize; font-size: 17px; font-family: Avor; font-weight: 600; }	


.mlink{font-size: 25px;}









