html,body,p,h1,h2,h3,h4,div{font-family: 'Roboto Condensed';}

*{margin:0px;
    padding:0px;
    }

#cover{position:relative;
        width: 100%;
        height:auto;
}            

.slide{max-width:100%;
        width:100%;
        position:absolute;
        height:48em;}

 #cover #long .dt{font-size:15pt;}

#cover #long{position: relative;
            width:50%;
            display:inline-block;
            height:13em;
            background-color:rgba(0,0,0,0.7);
            margin-top:0em;
            border-radius:15px;
            }
            
#cover #long #menu{position:relative;
                    display:inline-block;
                    width:7em;
                    height:3em;
                    line-height:3em;
                    border-radius: 5px 5px 0px 0px;
                    left:1.8em;
                    margin-left:1em;
                    float:left;
	            border-top:2px solid skyblue;
                    margin-top:3em;
	            font-weight:bold;
                    color:white;
                    font-family:'Roboto Condensed';
                    background:none;}
                    
                    
#cover #long #menu:hover{background:white;color:black;}
                    
#cover #long p{color:white;
                left:2.3em;
                font-family:Roboto Condensed;
                display:inline-block;
                position:absolute;
                margin-top:2em;}
                
                
#cover #long input[type=text]{position:relative;
                                width:90%;
                                height:3em;
                                left:2em;
                                text-indent:1em;
                                float:left;
                                font-weight: bold;
                                outline: none;
				border:none;
                                font-size:13pt;
                                border-radius:2px;}
                                
#cover #long .but{position:relative;
                                width:auto;
                                height:3em;
                                float:right;
                                background:none;
                                font-family: 'Roboto Condensed';
                                font-weight:bold;
                                border:none;
                                color:white;
                                border-radius:2px;
                                left:-4em;
                                margin-top:0.5em;}
                                 
      

#cover #long #abtus{position:relative;
                    width:100%;
                    height:auto;
                    display:block;
                    color:white;
                    font-family:'Roboto Condensed';                    
                    } 
                    
#cover #long #abtus span{display:inline-block;
                        width:8em;
                        border-radius:50px;
                        border-bottom:0.3px solid #e40202;
                        background-color:rgba(0,0,0,0.3);
                        padding:0.3em;}
                        
#cover #long #abtus span:hover{border-bottom:0.3px solid white;}

     
#logo{position:relative;
            width:6em;
            height:auto;
            border-radius:5px;
            background-color:rgba(0,0,0,0.8);
            display:block;
            float:none;
           }
           
#logo img{max-width:100%;width:8em;}



#advancesearch{position: relative;
		width:90%;
		height:auto;
		display:inline-block;
		text-align:left;
		padding:1em;
		margin-left:-0.5em;
		}
        
  #sel{border: 1px solid whitesmoke;
	background:none;
	color:white;
    padding:0.5em;
	font-weight:bold;
	outline:none;
	}

#sel option{background:black;}


#advancesearch2{position: relative;
		width:95%;
		height:auto;
		display:inline-block;
		text-align:center;
		padding:0.5em;
        margin-top:0em;
		}

#sel2{border: 1px solid black;
	background:white;
	color:black;
    width:8em;
    height:3em;
	font-weight:bold;
    margin:0.7em 0em 0em;
	outline:none;
	}

#sel2 option{background:white;color:black;}


                                       

#navtop{display:none;}

.mobnav{display:none;}
            
            
#hloan{position:relative;
        width:10em;
        height:auto;
        padding:0.7em;
        font-size:15pt;
        color:white;
        font-family: 'Roboto Condensed';
        background-color:rgba(0,0,0,0.7);
        }
        
#hloan button{width:10em;
                display:block;
                background:none;
                border:1px solid skyblue;
                padding:0.4em;
		font-weight:bold;
                font-size:12pt;
                color:skyblue;}
                
#hloan button:hover{background:white;color:black;cursor:pointer;}


              
.imgmob{display:none;}                    
         
         
.vwm{width: 6em;
        padding:0.5em;
        height:2em;
        line-height:2em;
        background:none;
        font-family:'Roboto Condensed';
        position:relative;
        cursor:pointer;
        float:left;
        left:7em;
        border:1px solid black;
        font-size:10pt;
}

.vwm:hover{background:white;color:black;cursor:pointer;}

#list{position: relative;
        width:90%;
        height:auto;
        padding:5%;
        margin-top:3em;
       background:none;
        }
        
a{color:black;text-decoration:none;}
        
#list #chld{position: relative;
            width:15em;
            height:12em;
            border-radius:10px;
            margin:0em 0em;
            margin-top:-2em;
            border:2px solid black;
            background:none;
            display:inline-block;
            }
            
            
#list #chld #round{position:absolute;
                    margin-top:-2.5em;
                    width:4em;
                    height:4em;
                    margin-left:5em;
                    border-radius:100px;
                    border:2px solid black;
                    background:black;
                    display:block;}

#iconsize{font-size:25pt;
            color:white;
            top:0.4em;
            position:relative;}
                    
                    
#list #chld #read{position: absolute;
                    width:100%;
                    color:black;
                    margin-top:2.5em;
                    text-align:center;
                    height:auto;
                    }
                    
#list #chld #read #listbut{width:7em;
                            position:relative;
                            padding:0.3em;
                            display:inline-block;
                            background:black;
                            border-radius:6px;
                            color:white;
                            border:2px solid black;
                            font-weight:bold;}
                    
#list #chld #read #listbut:hover{ background:white;color:black;}                    

#list #chld #read .ft1{font-size: 14pt;
                        line-height:1.5em; 
                        font-weight:normal;
                        font-family:'Roboto Condensed';
                        }
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
#page{position:fixed;
        width:100%;
        height:100%;
        background-color:rgba(0,0,0,0.9);
        padding:1em;
        z-index:+999999;
        overflow-y:scroll;
        } 
        
        
#page #write{position:relative;
                width:25em;
                height:45em;
                overflow-y: scroll;
                padding:1em;
                text-align: left;
                color:white;
                font-family:'Roboto Condensed';
                } 
                
                
#page #write .listfrm{display:block;
                            width:29em;
                            height:2.5em;
                            border-radius:5px;
                            text-indent:0.5em;
                            outline:none;
                            color:black;}
                            
#page #write .listtxt{display:block;
                            width:29em;
                            height:6em;
                            border-radius:5px;
                            text-indent:0.5em;
                            outline:none;
                            color:black;
                            resize:none;}
                            
label{color:white;
        font-weight:bold;
        font-size:15pt;
        }
        
#page #write .listbut{display:block;
                            width:10em;
                            height:3em;
                            font-weight: bold;
                            border-radius:5px;
                            font-family:'Roboto Condensed';
                            color:white;
                            border:none;
                            font-size:11pt;
                            background:#e40202;
                            }
        
                                
                        
                        
                        
#abt{position: relative;
        background:whitesmoke;
        width:100%;
        height:auto;
        }
        
#abt #abt2{position: relative;
            width:100%;
            height:auto;
            }
        
#abt img{width: 100%;
        max-width:100%;
        height:20em;
        border-radius:0px;
        }
        
#abt #abtext{position: absolute;
                background-color:rgba(0,0,0,0.7);
                width:25em;
                text-align:left;
                font-family:'Roboto Condensed';
                color:white;
                padding:1em;
                border-radius:0px 100px 100px 0px;
                top:4em;
                left:5em;
                height:10em;
}   

            
 #abt #abt4{position: relative;
            width:90%;
            height:auto;
            font-family:'Roboto Condensed';
            padding:1em;
            display:inline-block;
            }
            
            
  #abt #abt4 #abt4pr{position: relative;
            width:35em;
            height:auto;
            font-family:'Roboto Condensed';
            padding:1em;
            text-align:left;
            display:inline-block;
          }
          
          
    #abt #abt4 #abt4pr2{position: relative;
            width:35em;
            height:auto;
            font-family:'Roboto Condensed';
            padding:1em;
            float:right;
            text-align:left;
            display:inline-block;
          }
          
          
          
  #abt h1{font-weight:normal;}

#abt h3{font-weight:normal;}

.rgt{float: right;}
          
#abt #abt4 #abt4pr img{width:35em;
                    height:20em;
                        }   
        
        
        
#abt3{position: relative;
            width:97%;
            height:auto;
            font-family:'Roboto Condensed';
            background:lightgray;
            display:block;
            text-align:left;
            padding:1em;
            }   
             

      
#coverpro{position:relative;
            width:100%;
            height:auto;
            background:#e6e2e2;}              
 
#coverpro #prop{position:relative;
        width:33em;
        height:26.5em;
        margin: 0em 2em;
        background:#e6e2e2;
        padding:1.5em;
        display:inline-block;
        } 
        
#coverpro #prop img{max-width:100%;
            width:33em;
            border-radius:6px 6px 0px 0px;
            height:19em;
            } 
            
            
#coverpro #prop #lit{position:relative;
            width:32em;
            background:white;
            box-shadow:2px 2px 4px silver;
            border-radius:0px 0px 6px 6px;
            height:7em;
            padding:0.5em;
            margin-top:-0.3em;
            } 
            
#coverpro #prop #lit #lm{position:relative;
                width:90%;
                height:auto;
                float:left;
                text-align:left;
                font-family:'Roboto Condensed';
                margin:0em 1em;
                font-weight:normal;               
                }
#coverpro #prop #lit #lm h1{font-weight:bold;}
                
#coverpro #prop #lit #lm2{position:relative;
                width:auto;
                height:auto;
                margin:0.2em 0em 0em 1em;
                font-family:'Roboto Condensed';
                float:left;
                text-align:left;
                display:inline-block;
                font-weight:normal;               
                }
                
                
.fnt{font-size:13pt;}



#footer{position:relative;
        width:100%;
        height:auto;
        display:block;
        background:#78c3d4;
        }
        
#footer #qrklink{position:relative;
                    width:8em;
                    padding:0.4em;
                    height:auto;
                    margin:0em 1em;
                    display:block;                    
                    color:black;
                    font-weight:normal;
                    font-family:'Roboto Condensed';}
                    
#footer a{text-decoration:none;display:block;width:7em;}

#addfoot{padding:1em;
            float: none;
            float:left;
            position:relative;
            height:auto;
            width:auto;
            left:5em;
            display:inline-block;
            text-align:left;
            }
            
#ftdwn{position: relative;
        width:100%;
        background:#78c3d4;
        display:inline-block;
        height:auto;
        color:black;
        font-weight:normal;
        font-family:'Roboto Condensed';
        }
             





.pagination{display:block;
            position:relative;
            width:100%;
            background:none;}
            
.pagination li{display:inline-block;
                margin:1em 1em;
                width:5em;
                height:2em;
                line-height:2em;
                color:white;
		border-radius:3px;
		font-weight:bold;
                background:black;
		border:1px solid skyblue;
                }
                
.pagination li a{text-decoration: none;
                    } 
                    
#pgtop{top:-4em;}  







#ltw{position:relative;
		width:22em;
		height:auto;
		margin:2em 3em;
		display:inline-block;
		}
#ltw img{max-width:100%;width:20em;}

#ltw .buttw{background:skyblue;
			width:8.5em;
			padding:0.5em;
			border-radius:5px;
			font-weight:bold;
			border:1px solid cyan;
			}


.shw22{display:none;}  

.shw2{display:block;} 

 
 @media screen and (max-width:60em){

body{overflow-x:hidden;}
   
 .slide{max-width:100%;
        width:100%;
        position:absolute;
        height:25em;}
        
        
 
#navtop{position:absolute;
            width:2em;
            display:block;
            color:white;
            background:black;
            border-radius:5px;
            top:1em;
            left:0.5em;
            cursor:pointer;
            padding:0.4em;
            font-family:'Roboto Condensed';
            height:1.7em;}
            
            
#navtop2{position:absolute;
            width:2em;
            display:block;
            color:white;
            background:black;
            border-radius:5px;
            top:0em;
            cursor:pointer;
            left:0em;
            z-index:+999999999;
            padding:0.4em;
            font-family:'Roboto Condensed';
            height:1.7em;}
            
            
.mobnav{position:fixed;
        width:100%;
        height:100%;
        padding:0.5em;
        top:0em;
        z-index:+99;
        background:black;
        display:block;}
        
        
.mobnav #mobmenu{position:relative;
                width:12em;
                height:1em;
                margin:1em 0em;
                text-align:left;
                border-radius:2px;
                line-height:1em;
                font-weight:bold;
                top:2em;
                font-family:'Roboto Condensed';
                padding:0.5em;
                background:black;
	        border:1px solid white;
                color:white;
                display:block;}

a{text-decoration:none;}
                
.mobnav #mobmenu:hover{background:white;color:black;}
        
    
 #cover{position:relative;
        width: 100%;
        height:auto;
}
    
  #cover #long .dt{font-size:13pt;}
    
 #cover #long{position: relative;
            width:90%;
            display:inline-block;
            height:13em;
	    border-radius:10px 10px 0px 0px;
            background-color:rgba(0,0,0,0.8);
            margin-top:0em;
            }
.shw22{display:block;}
.shw2{display:none;} 

#mobsize{position:relative;
            width:100%;
            height:13em;
            display:block;} 
            
#mobsize .imgmob{position: absolute;
                max-width:100%;
                display:block;
                height:20em;
                left:0em;
                width:100%;}       
           
 
 
 
#ltw{position:relative;
		width:90%;
		height:auto;
		margin:0em 0em 4em;
		display:block;
        float:none;
		}
#ltw img{max-width:100%;width:20em;}

#ltw .buttw{background:skyblue;
			width:8.5em;
			padding:0.5em;
			border-radius:5px;
			font-weight:bold;
			border:1px solid cyan;
			}

            
            
#cover #long #menu{position:relative;
                    display:inline-block;
                    width:20%;
                    height:3em;
                    line-height:3em;
                    border-radius: 5px 5px 0px 0px;
                    left:0em;
                    margin-left:0.5em;
                    float:none;
                    margin-top:0.5em;
                    border-top:1px solid skyblue;
                    background:none;
                    color:skyblue;
		    font-weight:bold;
                    font-family:'Roboto Condensed';
                    }
                    
#cover #long p{color:white;
                left:0em;
                font-family:'Roboto Condensed';
                display:inline-block;
                position:relative;
                margin-top:0.5em;}
                
                
#cover #long input[type=text]{position:relative;
                                width:90%;
                                height:3.5em;
                                left:0em;
                                text-indent:1em;
                                float:none;
                                font-weight: bold;
                                outline: none;
                                font-size:10pt;
                                border-radius:10px;}
                                
#cover #long .but{position:relative;
                                width:16%;
                                height:3.8em;
                                float:right;
                                font-family:'Roboto Condensed';
                                font-weight:bold;
                                border:none;
                                background:none;
                                color:white;
                                border-radius:2px;
                                left:-1em;
                                margin-top:-3.6em;}   


#cover #long #abtus{display:none;} 


#advancesearch{position: relative;
		width:90%;
		height:auto;
		display:inline-block;
		text-align:left;
		padding:0.5em;
		margin-left:-1.5em;
        margin-top:0em;
		}

#sel{border: 1px solid whitesmoke;
	background:none;
	color:white;
    padding:0.2em;
	font-weight:bold;
    margin:0.7em 0em 0em;
	outline:none;
	}

#sel option{background:white;color:black;}





#advancesearch2{position: relative;
		width:95%;
		height:auto;
		display:inline-block;
		text-align:center;
		padding:0.5em;
        margin-top:0em;
		}

#sel2{border: 1px solid black;
	background:white;
	color:black;
    width:8em;
    height:3em;
	font-weight:bold;
    margin:0.7em 0em 0em;
	outline:none;
	}

#sel2 option{background:white;color:black;}



         
#vwm{width: 6em;
        padding:0.5em;
        height:2em;
        line-height:2em;
        background:none;
        border-radius:6px;
        font-family:'Roboto Condensed';
        position:relative;
        float:left;
	color:skyblue;
        left:1em;
        border:2px solid black;
        border-radius:5px;
        font-size:11pt;
}

#vwm:hover{background:white;color:black;}

a{color:black;text-decoration:none;}








#page #write{position:relative;
                width:80%;
                height:auto;
                overflow-y: hidden;
                }                        
                        
#page #write .listfrm{display:block;
                            width:100%;
                            height:2em;
                           }
                            
#page #write .listtxt{display:block;
                            width:100%;
                            height:8em;
                           }
                            
label{font-size:13pt;}
        
#page #write .listbut{font-size:9pt;}




#abt{position: relative;
        background:whitesmoke;
        width:100%;
        height:auto;
        }
        
#abt h1{font-size:15pt;font-weight:normal;}

#abt h3{font-size:9pt;font-weight:normal;}
        
#abt #abt2{position: relative;
            width:100%;
            height:auto;
            }
        
#abt img{width: 100%;
        max-width:100%;
        height:7em;
        border-radius:0px;
        }
        
#abt #abtext{position: absolute;
                background-color:rgba(0,0,0,0.7);
                width:60%;
                font-size:9pt;
                text-align:left;
                font-family:'Roboto Condensed';
                color:white;
                padding:0.8em;
                border-radius:0px 100px 100px 0px;
                top:0em;
                left:0em;
                height:auto;
}   
 
            
            
 #abt #abt4{position: relative;
            width:100%;
            height:auto;
            font-family:'Roboto Condensed';
            padding:0em;
            top:0em;
            }
            
            
  #abt #abt4 #abt4pr{position: relative;
            width:90%;
            height:auto;
            font-family:'Roboto Condensed';
            padding:0em;
            text-align:left;
            display:inline-block;
          }
          
 #abt #abt4 #abt4pr2{position: relative;
            width:90%;
            height:auto;
            font-family:'Roboto Condensed';
            padding:1em;
            float:none;
            text-align:left;
            display:inline-block;
          }
          
#abt #abt4 #abt4pr img{width:100%;max-width:100%;height:auto;}   

#abt #abt3{position: relative;
            width:90%;
            height:auto;
            border-radius:0px;
            font-family:'Roboto Condensed';
            background:lightgray;
            padding:1em;
            }  
            
.rgt{float: none;}




#coverpro{position:relative;
            width:100%;
            height:auto;
            background:#e6e2e2;} 
            

#coverpro #prop{position:relative;
        width:100%;
        height:auto;
        margin: 1em 0%;
        background:#e6e2e2;
        padding:0em;
        display:inline-block;
        } 
        
#coverpro #prop img{max-width:100%;
            width:95%;
            border-radius:6px 6px 0px 0px;
            height:auto;
            } 
            
            
#coverpro #prop #lit{position:relative;
            width:92%;
            background:white;
            box-shadow:2px 2px 4px silver;
            border-radius:0px 0px 6px 6px;
            height:7em;
            padding:0.5em;
            margin-top:-0.3em;
            }
            
.pgtop{top:0em;} 


#footer{position:relative;
        width:100%;
        height:auto;
        display:block;
        background:#78c3d4;
        }
        
#footer #qrklink{position:relative;
                    width:16em;
                    padding:0.4em;
                    height:auto;
                    margin:0em 0em;
                    text-align:left;
                    float:none;
                    left:-2em;
                    display:block;
                    color:black;
                    font-weight:normal;
                    font-family:'Roboto Condensed';}
                    
#footer a{text-decoration:none;display:block;width:5em;}


#addfoot{padding:1em;
            float:none;
            position:relative;
            left:0em;
            height:auto;
            background:#78c3d4;
            width:15em;
            display:inline-block;
            text-align:left;
            }
            
            
#ftdwn{position: relative;
        width:90%;
        background:#78c3d4;
        display:inline-block;
        height:auto;
        padding:0.5em;
        color:black;
        font-weight:normal;
        font-family:'Roboto Condensed';
        }
 }
 