/* flt  */

@import url('https://fonts.googleapis.com/css?family=Oswald&display=swap');
@import url('https://fonts.googleapis.com/css?family=Anton&display=swap');
@import url('https://fonts.googleapis.com/css?family=Raleway&display=swap');
@import url('https://fonts.googleapis.com/css?family=DM+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Della+Respira&family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond&family=Roboto:wght@500&family=Whisper&display=swap');

@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Droid+Sans|Open+Sans|Raleway);
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@900&display=swap');


*
{
font-family:'DM Sans',sans-serif;
}



body 
{

background:#D3DADC;
background:#D3DBDD;
font-family:'DM Sans',sans-serif;
border:0;
margin:0;

}


.innercont
{
width:95%;
max-width:1200px;
margin:auto;
border:0px solid yellow;
}



#hiddenmenu
{
text-align:center;
display:none;
}






header
{
width:100%;
background:white;
}

.headertop
{
width:100%;
}

footer 
{
background-color:#808080;
border-top:0px solid #f2f2f2;
height:auto;
min-height:200px;
color:white;
}




/* imgcont */

.imgcont
{
position:relative;
border-top:0px solid blue;

}

.topright
{
font-family:'Poppins',sans-serif;
font-size:2vw;
color:white;
font-weight: 700;
position:absolute;
top:100px;
right:200px;
}

.topleft
{
font-family:'Poppins',sans-serif;
font-size:2vw;
color:white;
font-weight: 700;
position:absolute;
top:20px;
left:20px;
}







.next
{
display:inline-block;
vertical-align:top;
text-align:center;
}	
	

.center
{
margin:auto;
text-align:center;
max-width:800px;
}

.center300
{
margin:auto;
text-align:center;
max-width:300px;
}

.ctrframe
{
background:white;
text-align:center;
width:100%;
max-width:1000px;
margin:auto;
}











.col2
{
display:inline-block;
width:48%;
border:0px solid green;
vertical-align:top;
}

.col3
{
display:inline-block;
width:32%;
border:0px solid green;
vertical-align:top;
}



















.usericon
{
width:80px;
height:80px;
border-radius:50%;
border:2px solid dodgerblue;
}


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

.logoicon
{
height:40px;
}
}















/* announcements */
.contact
{
background:#C0FFC0;
color:black;
display:inline-block;
padding:8px;
border-top:3px solid green;
}














/* sticky */

#sticky
{
display:none;
position:fixed;
bottom:20px;
right:20px;
height:50px;
width:50px;
text-align:center;
border-radius:50%;
background-color:grey;
color:white;
}
















a
{
font-family:'DM Sans',sans-serif;
text-decoration:none;
color:black;
}
  




















/* img */

.fit
{
max-width:100%;
}

.fitbanner
{
width:100%;
max-width:100%;
display:block;
}

.round
{
border-radius:50%;
}





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

.ofc100
{
object-fit:cover;
width:100px;
height:100px;
border:1px solid black;

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



	














.menuitem
{
display:inline-block;
padding:12px;
font-family:'Poppins';
color:grey;
}

.menuitem:hover
{
background:black;
color:white;
}

#menu
{
width:100%;
background:#F5FCFF;
}







/* input */

input[type=text]
{
border:1px solid grey;
width:100%;
border-radius:10px;
box-sizing:border-box;
font-size:20px;
font-family:'DM Sans', sans-serif;
padding:9px;
background:aliceblue;
}

input[type=password]
{
border:1px solid black;

border-radius:0px;

font-size:20px;
font-family:'DM Sans', sans-serif;
padding:9px;
}

input[type=radio] 
{
border:0px;
width:100%;
height:1em;
}

input[type=submit]
{
background-color: black;
border: none;
color: white;
font-size:22px;
padding:7px;
font-family:'DM Sans', sans-serif;
}

input[type=checkbox]
{
transform: scale(2);
}

select
{

border:3px solid black;

font-size:22px;
padding:7px;
font-family: 'DM Sans', sans-serif;
}

textarea
{

box-sizing:border-box;
border:1px solid grey;
border-radius:10px;
width:100%;
min-height:100px;
font-size:22px;
font-family:'DM Sans', sans-serif;
padding:7px;
background:aliceblue;
}











/* table */

table
{
border-collapse: collapse;
width:100%;
}


td
{
border:0px solid #ccc;
padding:8px;
}









.clear
{
clear:both;
}


















/* buttons */

.button
{
transition: transform .2s;

width:180px;
height:60px;
line-height:60px;
text-align:center;
border-radius:5px;

color:white;

border:1px solid grey;
}

.button:hover
{
transform:scale(1.5);
}

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










#icon
{
width:75px;
height:75px;
object-fit:cover;
border-radius:50%;
}

#iconsmall
{
width:30px;
height:30px;
object-fit:cover;
border-radius:50%;
}

























/* color */
.pastelgreen
{
color:#5F9084;
}

.pastelbrown
{
color:#C1A264;
}

.pastelpurple
{
color:#C5A0CE;
}

.pastelpurplebg
{
background:#C5A0CE;
}


.pastelpeach
{
color:#FFD695;
}

.pastelpeachbg
{
background:#FFD695;
}



.pastelgreenbg
{
background:#5F9084;
}

.pastelbrownbg
{
background:#C1A264;
}


.g
{
color:grey;
}

.w
{
color:white;
}

.db
{
color:dodgerblue;
}

.red
{background:red;
}

.pink
{
color:#FF40FF;
}

.cyan
{
color:#00C0C0;
}

.pg
{
/*color:#00C0C0;*/
color:pink;
}
 












  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  

 



















#msg
{
	display:none;
	
	z-index:2;
position:fixed;
top:20px;
right:20px;
padding:5px;
background:green;
height:40px;
line-height:40px;
text-align:center;
border:1px solid white;
border-radius:5px;
}


























hr.grey
{
border-style:solid;
border-color:#606060;
background-color:#606060;	
border-top:1px solid #606060;
}









.vw1
{
font-size:1vw;
}

.vw2
{
font-size:2vw;
}

.vw3
{
font-size:3vw;
}

.poppins
{

font-family:"Poppins", sans-serif;

font-weight:400;
font-style:normal;

}

.dmsans
{
font-size:2vw;
font-family:"DM Sans", sans-serif;

font-weight:400;
font-style:normal;

}

.raleway
{
font-size:3vw;
font-family:"Raleway", sans-serif;
font-optical-sizing: auto;
font-weight:900;
font-style:normal;

}
.ralewayg
{
font-size:5vw;
font-family:"Raleway", sans-serif;
font-optical-sizing: auto;
font-weight:900;
font-style:normal;
color:grey;
}
.ralewayw
{
font-size:5vw;
font-family:"Raleway", sans-serif;
font-optical-sizing: auto;
font-weight:900;
font-style:normal;
color:white;
}


@media screen and (max-width:600px)
{
.raleway
{
font-size:5vw;
}
}






.phonetext
{
font-size:2vw;
font-family:"Raleway", sans-serif;
font-optical-sizing: auto;
font-weight:900;
font-style:normal;

}

@media screen and (max-width:600px)
{
.phonetext
{
font-size:5vw;
}
}

.quotetext
{
font-size:2vw;
font-family:"Raleway", sans-serif;
font-optical-sizing: auto;
font-weight:900;
font-style:normal;
}















h1 {

font-size: 28px;
color: #000000;
font-weight: bold;

padding: 0px;
margin: 0px;

display: inline;
}

h2 {

font-size: 16px;
color: #000000;
font-weight: normal;

padding: 0px;
margin: 0px;

display: inline;
}
h3 {

font-size: 12px;
color: #000000;
font-weight: normal;

padding: 0px;
margin: 0px;

display: inline;
}

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


.h1ds42
{
font-family: 'Dancing Script', cursive;
font-size:42px;
font-weight: 200;
}

.h1ds28
{
font-family: 'Dancing Script', cursive;
font-size:28px;
font-weight: 200;
}
.h1ds18
{
font-family: 'Dancing Script', cursive;
font-size:18px;
font-weight: 200;
}

.h1os64
{
font-family: 'Open Sans', sans-serif;
font-size:64px;
font-weight:200;
}

.h1os48
{
font-family: 'Open Sans', sans-serif;
font-size:48px;
font-weight:200;
}