@charset "utf-8";
/* General Styles */


body{        
	background:ebe8de;
	font-family: "Open Sans", sans-serif;
	font-size:17px;
	overflow:auto; 
      
}   

/* LINKS*/

a {
color: #30b33c;
font-weight: 450;
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
display: inline-block;
text-decoration: none;
position: relative;
}

a::before {
position: absolute;
top: 0;
left: -5px;
right: -1px;
z-index: -1;
box-sizing: content-box;
padding: 0 5px;
width: 100%;
height: 100%;
border-radius: 15px;
background-color: #fff;
content: '';
opacity: 0;
-webkit-transition: -webkit-transform 0.4s, opacity 0.3s;
transition: transform 0.4s, opacity 0.3s;
-webkit-transform: scale(0);
transform: scale(0);
}
a:hover::before
{
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
background-color: #e8e8ea;
color: #e74c3c ;
}

a:hover
{
	color: #bc600f ;	
}


/* Outside Headers and Footers */
h1{color: #e1a341; 	font-family:"Open Sans", sans-serif; 	text-shadow: 4px 4px 4px #aaa; 	text-align: left; 		font-weight: bold; 	font-size: 45px;	margin:15px 0 20px 10px;}	
h2{color:#09C; 		font-family:"Open Sans", sans-serif;	text-shadow: 4px 4px 4px #aaa; 	text-align: left;		font-weight: bold;	font-size: 40px;	margin:15px 0 15px 10px;}	
h3{color:#090; 		font-family:"Open Sans", sans-serif;	text-shadow: 4px 4px 4px #aaa;  text-align: left;		font-weight: bold;	font-size: 25px; 	margin:12px 0 12px 10px;}
h4{color:#3f94eb; 	font-family:"Open Sans", sans-serif;	text-shadow: 4px 4px 4px #aaa;	text-align: left;		font-weight: bold;	font-size: 22px;  	margin:12px 0 10px 10px;}
h5{color:#f4013a;	font-family:"Open Sans", sans-serif; 	text-shadow: 4px 4px 4px #aaa;	text-align: left;		font-weight: bold;	font-size: 20px;  	margin:10px 0 8px 10px;}
h6{color:#C90; 		font-family:"Open Sans", sans-serif;	text-shadow: 4px 4px 4px #aaa;	text-align: left;		font-weight: bold;	font-size: 18px; 	margin:8px 0 6px 10px;}	


/* TEXT */
/* Site wise papagraph text */
p{
		color:#3a3168;
		
		font-weight: 400;				/* Alternative to BOLD can adject to any NUMERICAL value */
		font-style: normal;
		text-align: justify;
		line-height: 25px;
		margin-bottom:12px;
		margin-left:10px;
		margin-right:10px;
		word-spacing: 3px;
		letter-spacing: 0px;
		font-kerning: normal;
		font-size-adjust: 0.58;
		text-transform: ;				/* capitalize' uppercase; lowercase; */
		white-space: normal;
}

/* BLOCKQUOTE */

p.b{
		color:#2b6dc8;
		font-family: 'Raleway', sans-serif;
		font-weight: 300;						/* Alternative to BOLD can adject to any NUMERICAL value */
		font-size:15px;
		font-style: italic;
			
		margin-left:30px;
		margin-right:100px;
		
		letter-spacing: 0px;
		font-kerning: normal;
		font-size-adjust: 0.58;
		text-transform: ;				/* capitalize' uppercase; lowercase; */
}

/* INSET Not QUOTE */
p.inset {
		margin-left:60px;
		color:#1c4782;
		font-weight: 500;
		font-size:15px;
		font-style: italic;
		word-spacing: 5px;
		letter-spacing: 1px;
		margin-right:50px;
}

p.indent {
		margin-left:50px;
		color:;
		font-weight: 500;
		font-size: ;
		font-style: ;
		word-spacing: 5px;
		letter-spacing: 1px;
		margin-right:50px;
}

/* SMALL text */
p.small{
		color:#276cbd;
		font-size:13px;
		font-weight: 00;				/* Alternative to BOLD can adject to any NUMERICAL value */
		line-height: 20px;
		margin-bottom:8px;
		margin-left:10px;
		margin-right:10px;
		word-spacing: 2px;
		letter-spacing: 0px;
}


/* Title on search results */
p.title{	
		font-size:35px;
        color:#e56038;
		text-align: left;
        text-shadow: 4px 4px 4px #aaa;
		font-family: 'Poppins', sans-serif;
		line-height: 40px;
		margin-bottom: 30px;
			
}

/* Forms only alternative text */
p.form
{
		color:#3f94eb;
		font-size:15px;
		font-family: 'lucida sans unicode', sans-serif;
		text-align: left;
		line-height: 25px;
		margin-bottom:10px;
		margin-left:20px;	
}

/* Login text */
p.login
{
		color:#55525a;
		font-size:24px;
		font-family: 'lucida sans unicode', sans-serif;
		line-height: 30px;
		margin-bottom:10px;
		margin-left:20px;
		text-align: center;
		text-shadow: 4px 4px 4px #aaa;
		font-weight: bold;
	
	
	}

/* Special text */ 
p.c
{
	color:#6c0300;
	font-size:17px;
	
	font-family: "Open Sans", sans-serif;
	text-align: justify;
	line-height: 30px;
	margin-bottom:0px;
	margin-left:10px;
	word-spacing: 3px;
	letter-spacing: 1px;
	
	}
	
p.f{
	color:#fff;
	font-size:13px;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	
	line-height: 30px;
	margin-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	
	}

p.q{
	quotes: "'" "'";
	font-style: italic;
	
	}
	
.des{
	color:#36F;
	font-size:;
	font-family: ;
	text-align: justify;
	line-height: ;
	padding:10px;
	
	}

/* Article Text */	

article p
{
		font-size:16px;
		font-family: 'Open Sans', sans-serif;
		text-align: justify;
		line-height: 25px;
		margin-bottom:10px;
		margin-left:20px;
}

article h3
{
		color:#090; 
		font-family:'Open Sans', sans-serif; 	
		font-size: 25px;
		text-align: left;
		margin-bottom:20px; 
		margin-top:10px;
}



	
	
	}
/* Modal Popup  For Search Listings */	
/* mouse over link */

sh h3 {color:#4cbf0b; font-family:"Open Sans", sans-serif;			text-shadow: 4px 4px 4px #aaa; font-size: 20px; text-align: center;font-weight: bold;}
sh h2 {color:#9097a4; font-family:"Open Sans", sans-serif;			text-shadow: 4px 4px 4px #aaa; font-size: 28px; text-align: left;font-weight: bold;}



/* General Button */

.button {
	-moz-box-shadow:inset 0px 1px 3px 0px #91b8b3;
	-webkit-box-shadow:inset 0px 1px 3px 0px #91b8b3;
	box-shadow:inset 0px 1px 3px 0px #91b8b3;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #768d87), color-stop(1, #6c7c7c));
	background:-moz-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:-webkit-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:-o-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:-ms-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:linear-gradient(to bottom, #768d87 5%, #6c7c7c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#768d87', endColorstr='#6c7c7c',GradientType=0);
	background-color:#000; 
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	border:1px solid #566963;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:11px 23px;
	text-decoration:none;
	text-shadow:0px -1px 0px #2b665e;
	border:3px; 
	border-style:solid; 
	border-color:#CCC;
}
.button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.2, #6c7c7c), color-stop(0.8, #768d87));
	background:-moz-linear-gradient(top, #ebe8de 20%, #768d87 80%);
	background:-webkit-linear-gradient(top, #ebe8de 20%, #768d87 80%);
	background:-o-linear-gradient(top, #ebe8de 20%, #768d87 80%);
	background:-ms-linear-gradient(top, #ebe8de 20%, #768d87 80%);
	background:linear-gradient(to bottom, #ebe8de 20%, #768d87 80%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebe8de', endColorstr='#768d87',GradientType=0);
	
	border:3px; 
	border-style:solid; 
	border-color:#CCC;
	color:#CF0;
}
.button:active {
	position:relative;
	top:1px;
}

/* Horizontal Lines */ 

hr {																  
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 2px;
	color: #e56038;
}

.customHrmp {
    width: 90%;
    color: #1a2333;
    line-height: 5px;
	margin-left: 20px;
    margin-right:50px;
    margin-top: 6px;
    margin-bottom: 10px;
	background-color: #C96;
	border-style: inset;
	align: center;
}

.customHrmpg {
    width: 90%;
    color: #999;
    line-height: 2px;
	margin-left:20px;
    margin-right:0px;
    margin-top: 6px;
    margin-bottom: 10px;
	background-color: #CC9;
	border-style: inset;
	align: center;
}
.navhr {
    width: 80%;
    line-color: #1a2333;
    line-height: 2px;
	margin-left:5px;
    margin-right:5px;
    margin-top: 0px;
    margin-bottom: 0px;
	background-color: #ebe8de;
	border-style: inset;
	align: justify;
}



iframe.wrap
{
	float: left;
	margin: 10px 10px 10px 10px;	
	
}

iframe 
{
	display:block;
	margin-top: 20px;
	margin-bottom: 30px;
	margin-left: 30px;
	margin-right: 30px;
	
	width:360px;
	height:280px;
	max-width:100%;
	overflow:hidden;
	border:none;
	padding:0;
	margin:0 auto;
	display:block;
	
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	
	-moz-box-shadow: 4px 4px 14px #000;
	-webkit-box-shadow: 4px 4px 14px #000;
	box-shadow: 4px 4px 14px #000;
	
	-moz-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=.2);
}

.box{
	display: block;
	border: 3px solid #FFF;
	padding-bottom:20px;
	margin: 20px;
}

@media only screen and (max-width: 600px) {
  body {
    background-color: lightblue;
  }

/* Horizontal Lines */

.element{
  shape-outside: iframe ;
  shape-image-threshold: 1.0;
  shape-margin: 20px;
  shape-padding: 20px;
  float: left;
  width:200px ; 
  height:150px; 
  max-width:100%; 
  overflow:hidden; 
  border:none; 
  padding:0;
  margin:0 30px 0 0;  
  auto;display:block;  
  
  
}	

.hrnav
{ 
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
	color: ;
} 

/* Used a caption for pictures */
figcaption
{
        line-height: 30px;									/* Line height*/ 
        font-family: 'Open Sans', sans-serif;
		text-align: justify;
		width:200px;										/* space for caption*/ 
		border-bottom: 3px solid #D6D0C1;					/* line under; thichness;  type; and color; */ 
		margin: 5px 0px 0px 0px;							/* Top; Right; Bottom; Left */
}

figcaption p
{
	font-family: "Open Sans", sans-serif;
	font-size:13px;
	line-height: 22px;
}

figcaption strong
{
	font-family:"Open Sans", sans-serif;
	font-weight: bold;
	font-size:18px;	
	color:#666;
	border-top: 12px solid #D6D0C1;
	border-bottom: 5px solid #000;
	padding-bottom:7px;
	padding-top:7px;
	margin: 5px 0px 0px 2px;										/* Top; Right; Bottom; Left */
	display:block;
}

/* Small Print */
.tan
{
		color:#F90;
		font-size:13px;
		font-family: 'Open Sans', sans-serif;
		text-align: justify;
		line-height: 20px;
		margin-bottom: 0px;
		margin-left:0px;
	
	}

/* as yet undiscovered use */
div.fw    
{		font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        background-color: #FFFF33;
        layer-background-color: #FFFF33;
        border: solid black 2px;
        visibility: hidden;
        padding: 2px}

div.pad
{
	  	font-family: Arial, Helvetica, sans-serif;
        padding: 20px;
		text-align: justify;
}

div.slide 
{
	position: absolute;
    top: 100px;
    right: 15px;
    width: 100%;
    height: auto;
    border: 3px solid #FFF;
	
	}
	

#box{
	  	width: 220px;
  		height: 300px;
 		border: 1px solid black; 
  		display: flex;
  		align-items: left;
}