@import url('https://fonts.googleapis.com/css2?family=Della+Respira&family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans&display=swap');

*
{
box-sizing:border-box;
}

body
{
margin:0;
padding:0;
background-color:white;
font-family:'DM Sans', sans-serif;
}





.innercont
{
width:96%;
max-width:1350px;
margin:auto;

}

.menucont
{
width:100%;

margin:auto;


}



.col3
{
display:inline-block;
width:32%;
}
.col4
{
display:inline-block;
width:23%;
}


#footer
{
width:100%;
background:black;
min-height:300px;	
}




.ofc
{
object-fit:cover;
width:75px;
height:75px;

border:1px solid #ccc;
margin:5px;

transition: transform .4s;;
}

.ofc:hover
{
transform: scale(1.05);
}






.ofc23
{
object-fit:cover;
width:23%;


border:1px solid #ccc;
margin:5px;

transition: transform .4s;;
}

.ofc23:hover
{
transform: scale(0.95);
border:1px solid grey;
}







.ofc200
{
object-fit:cover;
width:200px;
height:200px;

border:1px solid #ccc;
margin:5px;

transition: transform .4s;;
}

.ofc200:hover
{
transform: scale(1.05);
}





.ofcmax
{

max-width:100%;


border:1px solid #ccc;
margin:5px;

transition: transform .4s;;
}

.ofcmax:hover
{
transform: scale(1.05);

}







.ofcadj
{
object-fit:cover;
width:200px;
height:200px;

border:1px solid #ccc;
margin:5px;

transition: transform .4s;;
}

.ofcadj:hover
{
transform: scale(1.05);
}







.headtop
{
	width:100%;
	background:black;
	height:30px;
}













#hiddenmenu
{
display:none;
}







a
{
text-decoration:none;
}










.blackbutton
{
background:black;
text-align:center;
display:inline-block;
padding:10px;
}






input[type=text]
{
	width:100%;
font-size:14px;
padding:15px;
border:1px solid #ccc;
}
input[type=password]
{
	width:100%;
font-size:14px;
padding:15px;
}
input[type=select]
{
	width:100%;
font-size:14px;
padding:15px;
}
input[type=radio] 
{
transform:scale(2);
position:relative;
top:-20px;
}













.hr
{
position:relative;
top:-8px;
left:-2px;
display:inline-block;
height:2px;
background:blue;
width:10%;
}

















nav {
	margin: 0;

}
nav ul {
	padding: 0;
        margin: 0;
	list-style: none;
	position: relative;
	}	
nav ul li {
	display:inline-block;

	}
nav a {
	display:block;
	padding:0 10px;	
	color:grey;
	font-size:20px;
	line-height: 50px;
	text-decoration:none;
}
nav a:hover { 
	background-color:red; 
	color:black;
}
nav ul ul {
	display: none;
	position: absolute; 
	top: 60px; 	
}	
nav ul li:hover > ul {
	display:inherit;
}	
nav ul ul li {
	width:230px;
	float:none;
	display:list-item;
	position: relative;
}
nav ul ul ul li {
	position: relative;
	top:-60px; 
	left:230px;
}
nav ul ul li {
	border: 1px solid white;
}	
li > a:after { content:  ' ▼'; }
li > a:only-child:after { content: ''; }












h1 {
font-family: 'Roboto', sans-serif;
font-family: 'DM Sans', sans-serif;
font-size: 28px;
color: #000000;
font-weight: bold;

padding: 0px;
margin: 0px;

display: inline-block;
}
h2 {
font-family: 'Roboto', sans-serif;
font-family: 'DM Sans', sans-serif;
font-size: 18px;
color: #000000;
font-weight: normal;

padding: 0px;
margin: 0px;

display: inline-block;
}
h3 {
font-family: 'Roboto', sans-serif;
font-family: 'DM Sans', sans-serif;
font-size: 12px;
color: #000000;
font-weight: normal;

padding: 0px;
margin: 0px;

display: inline-block;
}

.h1w
{
color:#ffffff;
}
.h2w
{
color:#ffffff;
}
.h3w
{
color:#ffffff;
}
.h1g
{
color:#606060;
}
.h2g
{
color:#606060;
}
.h3g
{
color:#606060;
}