@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/





		

/*nav:hover { background-color: #336600;	}*/


#navToggle {
   display: block; 
   margin: 0;
   z-index: 2000; 
   text-align: center;
   position: relative;
}

#navFull { display: none; }













/* Desktop Layout: 1200px and beyond. Inherits styles from: Mobile Layout. */

@media only screen and (min-width:1024px) {


#navToggle {
   display: none;    
}

#navFull { display:block; }



/*  NAVIGATION   */





.dropbtn {
    color: #bb392e;
	font-size: 90%;
	font-weight:500;
    text-transform: uppercase;
	padding:10px 11px 12px 11px;
    cursor: pointer;
	clear: both;
	width:110px;
	height: 20px;
	text-align: center;
    text-decoration: none; 
    position: relative;
    float: none;
    border-top: none;
    border-bottom: none;
    transition: .4s;
    border-radius: 0 20px 0 0;
}

a.dropbtn {
    color: #bb392e;
	font-size: 90%;
	font-weight:500;
	padding:10px 11px 12px 11px;
    cursor: pointer;
	clear: both;
	width:110px;
	height: 20px;
	text-align: center;
    text-decoration: none; 
    position: relative;
    float: none;
    border-top: none;
    border-bottom: none;
    transition: .3s;
    border-radius: 0 20px 0 0;
}


a.dropbtn-none {
    color: #001d54;
	font-size: 95%;
	font-weight:500;
	padding:10px 11px 12px 11px;
    cursor: pointer;
	clear: both;
	width:110px;
	height: 20px;
	text-align: center;
    text-decoration: none; 
    position: relative;
    float: none;
    border-right: none;
    border-top: none;
    border-bottom: none;
    transition: .3s;
    border-radius: 0 20px 0 0;
}



/* Style The Dropdown Button for keyboard navgation */
a.dropbtn:focus, a.dropbtn:active {  outline: dotted thin #066aba; color: #2b6086; text-decoration: none; font-weight:500; border-radius: 0 20px 0 0;}

    
#navFull .last { border-right: none; }    


/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn { text-decoration: none; color: #2b6086; font-weight:500; border-radius: 18px 0 18px 0;} 


/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:focus .dropbtn { text-decoration: none; color: #2b6086; font-weight:500; border-radius: 18px 0 18px 0;} 

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn-none { text-decoration: none; color: #2b6086; font-weight:500; border-radius: 18px 0 18px 0;} 


/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}



}














/* -------------------- ONLINE BUTTON ---------------------- */


/* Dropdown Content (Hidden by Default) */
.dropdown-content-online {
    display: none;
    position: absolute;
    top: 20px; right: 0;
    width: 250px;
	padding: 0 10px 0 5px;
    background:  #fff url("../images/NavTopLine.png") no-repeat top right;
	z-index: 9000;
    box-shadow: 2px 2px 3px #ccc;
    border-radius: 0 0 0 20px;
}

/* Links inside the dropdown */
.dropdown-content-online a {
    padding: .5em; 
    text-decoration: none;
    display: block;
	width: 96%;
	font-size: 18px;
	font-weight: 500;
	text-align: left;
    transition: 0.4s;
    color: #2b6086;
    background: #fff;
    border-radius: 4px;
    border-bottom: 1px solid #e1dce1;
}

/* Change color of dropdown links on hover */
.dropdown-content-online a:hover { background: #bb392e url("../images/ArrowRight.png") no-repeat left center; padding: .5em .5em .5em 1.2em; color: #fff; text-decoration: none; border-radius: 0 20px 0 20px; border-bottom: none;}

.dropdown-content-online a:focus { background: #bb392e url("../images/ArrowRight.png") no-repeat left center; padding: .5em .5em .5em 1.2em; color: #fff; text-decoration: none; border-radius: 0 20px 0 20px; border-bottom: none;}



/* Show the dropdown menu on hover and focus */
.dropdown:hover .dropdown-content-online { display: block; margin: 15px 0 0 -40px;}

/* Show the dropdown menu on hover and focus */
.dropdown:focus .dropdown-content-online { display: block; margin: 15px 0 0 -40px; }

.dropdown-content-online li { margin: .5em 0; list-style-image: none; list-style: none; position:relative; left:-25px; }


/*   HEADERS  */
.dropdown-content-online p { font-size:85%; color: #001d54; display: block; font-weight: 700; width:94%; margin-top:.4em; padding:5% 3%; text-align: left; margin-bottom:0; line-height: 100%; text-transform: uppercase; background: #e4f4fe;}











/* -------------------- ABOUT BUTTON ---------------------- */



/* Dropdown Content (Hidden by Default) */
.dropdown-content-about {
    display: none;
    position: absolute;
    top: 20px; right: 0;
    width: 310px;
	padding: 0 10px 0 5px;
    background:  #fff url("../images/NavTopLine.png") no-repeat top right;
	z-index: 9000;
    box-shadow: 2px 2px 3px #ccc;
    border-radius: 0 0 0 20px;
}

/* Links inside the dropdown */
.dropdown-content-about a {
    padding: .5em; 
    text-decoration: none;
    display: block;
	width: 96%;
	font-size: 18px;
	font-weight: 500;
	text-align: left;
    transition: 0.4s;
    color: #2b6086;
    background: #fff;
    border-radius: 4px;
    border-bottom: 1px solid #e1dce1;
}





/* Change color of dropdown links on hover */
.dropdown-content-about a:hover { background: #bb392e url("../images/ArrowRight.png") no-repeat left center; padding: .5em .5em .5em 1.2em; color: #fff; text-decoration: none; border-radius: 0 20px 0 20px; border-bottom: none;}

.dropdown-content-about a:focus { background: #bb392e url("../images/ArrowRight.png") no-repeat left center; padding: .5em .5em .5em 1.2em; color: #fff; text-decoration: none; border-radius: 0 20px 0 20px; border-bottom: none;}



/* Show the dropdown menu on hover and focus */
.dropdown:hover .dropdown-content-about { display: block; margin: 15px 0 0 -40px; }

/* Show the dropdown menu on hover and focus */
.dropdown:focus .dropdown-content-about { display: block; margin: 15px 0 0 -40px; }

.dropdown-content-about li { margin: .5em 0; list-style-image: none; list-style: none; position:relative; left:-25px; }


/*   HEADERS  */
.dropdown-content-about p { font-size:85%; color: #001d54; display: block; font-weight: 700; width:94%; margin-top:.4em; padding:5% 3%; text-align: left; margin-bottom:0; line-height: 100%; text-transform: uppercase; background: #e4f4fe;}

















/* -------------------- SERVICES BUTTON ---------------------- */


/* Dropdown Content (Hidden by Default) */
.dropdown-content-services {
    display: none;
    position: absolute;
    top: 20px; right: 0;
    width: 310px;
	padding: 0 10px 0 5px;
    background:  #fff url("../images/NavTopLine.png") no-repeat top right;
	z-index: 9000;
    box-shadow: 2px 2px 3px #ccc;
    border-radius: 0 0 0 20px;
}

/* Links inside the dropdown */
.dropdown-content-services a {
    padding: .5em; 
    text-decoration: none;
    display: block;
	width: 96%;
	font-size: 18px;
	font-weight: 500;
	text-align: left;
    transition: 0.4s;
    color: #2b6086;
    background: #fff;
    border-radius: 4px;
    border-bottom: 1px solid #e1dce1;
}


/* Change color of dropdown links on hover */
.dropdown-content-services a:hover { background: #bb392e url("../images/ArrowRight.png") no-repeat left center; padding: .5em .5em .5em 1.2em; color: #fff; text-decoration: none; border-radius: 0 20px 0 20px; border-bottom: none;}

.dropdown-content-services a:focus { background: #bb392e url("../images/ArrowRight.png") no-repeat left center; padding: .5em .5em .5em 1.2em; color: #fff; text-decoration: none; border-radius: 0 20px 0 20px; border-bottom: none;}



/* Show the dropdown menu on hover and focus */
.dropdown:hover .dropdown-content-services { display: block; margin: 15px 0 0 -40px; }

/* Show the dropdown menu on hover and focus */
.dropdown:focus .dropdown-content-services { display: block; margin: 15px 0 0 -40px; }

.dropdown-content-services li { margin: .5em 0; list-style-image: none; list-style: none; position:relative; left:-25px; }


/*   HEADERS  */
.dropdown-content-services p { font-size:85%; color: #001d54; display: block; font-weight: 700; width:94%; margin-top:.4em; padding:5% 3%; text-align: left; margin-bottom:0; line-height: 100%; text-transform: uppercase; background: #e4f4fe;}















/* -------------------- LOANS PRODUCTS BUTTON ---------------------- */


/* Dropdown Content (Hidden by Default) */
.dropdown-content-loans {
    display: none;
    position: absolute;
    top: 20px; right: 0;
    width: 315px;
	padding: 0 10px 0 5px;
    background:  #fff url("../images/NavTopLine.png") no-repeat top right;
	z-index: 9000;
    box-shadow: 2px 2px 3px #ccc;
    border-radius: 0 0 0 20px;
}

/* Links inside the dropdown */
.dropdown-content-loans a {
    padding: .5em; 
    text-decoration: none;
    display: block;
	width: 96%;
	font-size: 18px;
	font-weight: 500;
	text-align: left;
    transition: 0.4s;
    color: #2b6086;
    background: #fff;
    border-radius: 4px;
    border-bottom: 1px solid #e1dce1;
}


/* Change color of dropdown links on hover */
.dropdown-content-loans a:hover { background: #bb392e url("../images/ArrowRight.png") no-repeat left center; padding: .5em .5em .5em 1.2em; color: #fff; text-decoration: none; border-radius: 0 20px 0 20px; border-bottom: none;}

.dropdown-content-loans a:focus { background: #bb392e url("../images/ArrowRight.png") no-repeat left center; padding: .5em .5em .5em 1.2em; color: #fff; text-decoration: none; border-radius: 0 20px 0 20px; border-bottom: none;}



/* Show the dropdown menu on hover and focus */
.dropdown:hover .dropdown-content-loans { display: block; margin: 15px 0 0 -40px; }

/* Show the dropdown menu on hover and focus */
.dropdown:focus .dropdown-content-loans { display: block; margin: 15px 0 0 -40px; }

.dropdown-content-loans li { margin: .5em 0; list-style-image: none; list-style: none; position:relative; left:-25px; }


/*   HEADERS  */
.dropdown-content-loans p { font-size:85%; color: #001d54; display: block; font-weight: 700; width:94%; margin-top:.4em; padding:5% 3%; text-align: left; margin-bottom:0; line-height: 100%; text-transform: uppercase; background: #e4f4fe;}












/* -------------------- RATES BUTTON ---------------------- */



/* Dropdown Content (Hidden by Default) */
.dropdown-content-rates {
    display: none;
    position: absolute;
    top: 20px; right: 0;
    width: 310px;
	padding: 0 10px 0 5px;
    background:  #fff url("../images/NavTopLine.png") no-repeat top right;
	z-index: 9000;
    box-shadow: 2px 2px 3px #ccc;
    border-radius: 0 0 0 20px;
    }

/* Links inside the dropdown */
.dropdown-content-rates a {
    padding: .5em; 
    text-decoration: none;
    display: block;
	width: 96%;
	font-size: 18px;
	font-weight: 500;
	text-align: left;
    transition: 0.4s;
    color: #2b6086;
    background: #fff;
    border-radius: 4px;
    border-bottom: 1px solid #e1dce1;
}



/* Change color of dropdown links on hover */
.dropdown-content-rates a:hover { background: #bb392e url("../images/ArrowRight.png") no-repeat left center; padding: .5em .5em .5em 1.2em; color: #fff; text-decoration: none; border-radius: 0 20px 0 20px; border-bottom: none;}

.dropdown-content-rates a:focus { background: #bb392e url("../images/ArrowRight.png") no-repeat left center; padding: .5em .5em .5em 1.2em; color: #fff; text-decoration: none; border-radius: 0 20px 0 20px; border-bottom: none;}



/* Show the dropdown menu on hover and focus */
.dropdown:hover .dropdown-content-rates { display: block; margin: 15px 0 0 -40px; }

/* Show the dropdown menu on hover and focus */
.dropdown:focus .dropdown-content-rates { display: block; margin: 15px 0 0 -40px; }

.dropdown-content-rates li { margin: .5em 0; list-style-image: none; list-style: none; position:relative; left:-25px; }


/*   HEADERS  */
.dropdown-content-rates p { font-size:85%; color: #001d54; display: block; font-weight: 700; width:94%; margin-top:.4em; padding:5% 3%; text-align: left; margin-bottom:0; line-height: 100%; text-transform: uppercase; background: #e4f4fe;}













/* -------------------- CONTACT BUTTON ---------------------- */



/* Dropdown Content (Hidden by Default) */
.dropdown-content-contact {
    display: none;
    position: absolute;
    top: 20px; right: 0;
    width: 220px;
	padding: 0 10px 0 5px;
    background:  #fff url("../images/NavTopLine.png") no-repeat top right;
	z-index: 9000;
    box-shadow: 2px 2px 3px #ccc;
    border-radius: 0 0 0 20px;
}

/* Links inside the dropdown */
.dropdown-content-contact a {
    padding: .5em; 
    text-decoration: none;
    display: block;
	width: 96%;
	font-size: 18px;
	font-weight: 500;
	text-align: left;
    transition: 0.4s;
    color: #2b6086;
    background: #fff;
    border-radius: 4px;
    border-bottom: 1px solid #e1dce1;
}



/* Change color of dropdown links on hover */
.dropdown-content-contact a:hover { background: #bb392e url("../images/ArrowRight.png") no-repeat left center; padding: .5em .5em .5em 1.2em; color: #fff; text-decoration: none; border-radius: 0 20px 0 20px; border-bottom: none;}

.dropdown-content-contact a:focus { background: #bb392e url("../images/ArrowRight.png") no-repeat left center; padding: .5em .5em .5em 1.2em; color: #fff; text-decoration: none; border-radius: 0 20px 0 20px; border-bottom: none;}



/* Show the dropdown menu on hover and focus */
.dropdown:hover .dropdown-content-contact { display: block; margin: 15px 0 0 -40px; }

/* Show the dropdown menu on hover and focus */
.dropdown:focus .dropdown-content-contact { display: block; margin: 15px 0 0 -40px; }

.dropdown-content-contact li { margin: .5em 0; list-style-image: none; list-style: none; position:relative; left:-25px; }


/*   HEADERS  */
.dropdown-content-contact p { font-size:85%; color: #001d54; display: block; font-weight: 700; width:94%; margin-top:.4em; padding:5% 3%; text-align: left; margin-bottom:0; line-height: 100%; text-transform: uppercase; background: #e4f4fe;}