/* colors 



dark blue links: #003399

light blue branding: #317ABF

orange: #f7941e



*/



@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500');



/* font-family: 'Roboto', sans-serif; */



::selection {

  background: #317ABF; /* WebKit/Blink Browsers */

    color:#FFF;

}

::-moz-selection {

  background: #317ABF; /* Gecko Browsers */

    color:#FFF;

}



body {

    font-family: 'Roboto', sans-serif;

    font-size:15px;

    background-color:#317ABF;

	font-weight:300;

}



a {

    color:#003399;

}

strong{font-weight:500;}

#menu{

    margin-bottom:0px;

}

#menu-bg{

    /* full white normal menu background

    background-color:#FFF;*/

        background-image: linear-gradient(left, #FFFFFF 50%, #f7941e 50%);

background-image: -o-linear-gradient(left, #FFFFFF 50%, #f7941e 50%);

background-image: -moz-linear-gradient(left, #FFFFFF 50%, #f7941e 50%);

background-image: -webkit-linear-gradient(left, #FFFFFF 50%, #f7941e 50%);

background-image: -ms-linear-gradient(left, #FFFFFF 50%, #f7941e 50%);

}

#slanted{

    background-color:#FFF;

}



#slanted:after {

    content: '';

    position: absolute;

    top: 0; right: 0;

    border-bottom: 65px solid #f7941e;

    border-left: 35px solid #FFF;

    z-index:99;

}

#slantbg{

    background-color:#FFF;

}

.navbar{

    margin-bottom:0px;

    border:0;

}

.navbar-toggle .icon-bar {

    background-color:#317ABF;

}

.navbar-nav>li>a {

    padding-top: 23px;

    padding-bottom: 22px;

    margin-top: 0px;

    font-weight:500;

    border-radius:0px;

    /*color:#317ABF;*/

}

.navbar-nav>li>a:hover{

    text-decoration: underline;

}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus{

    

    background-color: #eee;

    color: #23527c;

}

#site-logo{

    display:none;

    width:194px;

    margin-top:15px;

    margin-bottom:10px;

}

#banner{

    background-color:#317ABF;

    border-bottom:3px solid #CCC;

    border-top:3px solid #CCC;

}

#banner img{

}

.container{

    max-width:1100px;

}



#content{

    margin-top:30px;

    margin-bottom:30px;

    

}

#content-bg{

    height:100%;

    background-color:#FFF;

    border-bottom:3px solid #CCC;

}



h1{

    font-size: 24px;

	font-weight:500;

	color: #003399;

    margin-top:0px;

	padding-bottom:10px;

}



h3 {

    margin-top:17px;

    margin-bottom:0px;

}

#loan-criteria{

	color: #003399;

	font-weight: 500;

    margin-top:30px;

}



#loan-criteria{

	 padding-left: 17px;

}



#loan-criteria h2{

    font-size:16px;

	color: #003399;

	font-weight:500;

    margin-top: 14px;

    margin-bottom: 0px;

}



#loan-criteria span{

	color:#333333;

}



#sidebar ul {

	margin-top:15px;

	padding-left:20px;

	color: #003399;

}



#sidebar ul li{

	font-size: 14px;

	color: #003399;

	font-weight:400;

	line-height:1.6;

}



#footer-bar{

    height:100px;

    color:#999;

    padding-top:10px;

}

#footer-links a{

    font-size: 12px;

    color:#FFF;

    font-weight:normal;

    margin-right:7px;

}

#footer-bar p{

    text-align:right;

    color:#CCC;

    font-size:9px;

    margin-top:0px;

    margin-bottom:0px;

}

#footer-bar p a{

    color:#CCC;

}

#call{

   /* float: right;*/

    font-size: 16px;

    margin-top: 23px;

    font-weight: bold;

    color: #FFF;

	text-align: center;

}



/*FORM- APP*/

label{

    font-size: 15px;

}

 .focusField{

	border:solid 1px #dabb7e;

	background:#EFF5FF;

	color:#000;

 }

 .idleField{

	background:#EEE;

	color: #6F6F6F;

	border: solid 1px #DFDFDF;

 }	

 .errorField {

 	background:#ffffcc;

	border: solid 1px #ff9900;

 }

 input.input_sm { width:30px;}

 input.input_med { width:100px;}

 input.input_long, textarea.input_long { width:200px; margin-bottom: 5px;}

 

 #error {

 	color:#990000;

	font-size:9px;

	font-family:Arial, Helvetica, sans-serif;

	display:none;

	margin-top:5px;

 }

 #amounterror{color:#990000;

	font-size:9px;

	font-family:Arial, Helvetica, sans-serif;

	display:none;

	margin-top:5px;

	font-weight:bold;

	}

 #errorcaptcha {

 	color:#990000;

	font-size:9px;

	font-family:Arial, Helvetica, sans-serif;

	display:none;

	margin-top:5px;

 }

 .contact-info{

	font-family:Arial, Helvetica, sans-serif;

	font-weight:bold;

	color:#333;

	font-size:11px;

	padding-right:5px;

}

.secur{background:#DCD7BA; border:1px solid #996; color:#333; width:150px;padding:7px 5px 7px 5px; text-align:center}



/*end form*/







#mask {

position: fixed;

top: 0;

right: 0;

bottom: 0;

left: 0;

width: 100%;

height: 100%;

overflow: auto;

z-index: 9000;

background-color: #000;

display: none;

box-sizing: border-box;

}



#boxes{width:100%; display:block; overflow:hidden; position:absolute; }



#boxes .window {

position: relative;

display: none;

vertical-align: middle;

z-index: 99999;

max-width: 550px;

box-sizing: border-box;

width: 90%;

background: #fff;

text-align: center;

 border-radius: 15px;

  }



#boxes #dialog {

  max-width: 550px;

  height: auto;

  padding: 10px;

  width:90%;

  margin: 10% auto 0;



}



#dialog img{width:100%; height:auto;}



#popupfoot .close{width:28px; height:28px; border-radius:14px; background-color:#666; font-weight:normal!important; opacity:1; color:#FFF; border:1px solid #FFF; float:right;font-size:20px!important; line-height:20px!important; text-align:center;margin: -18px -20px 0 0;}

#popupfoot .close a{font-size:16px!important; font-weight:normal!important; color:#FFF;}









/* styling for the buttons on the home page */



.button {

	background-color: #4CAF50;

  border: none;

  color: white;

  padding: 20px;

  text-align: center;

  text-decoration: none;

  display: inline-block;

  font-size: 16px;

  margin: 4px 2px;

	border-radius: 12px;

}







/*dropdown css */
a {
  text-decoration: none;
}

ul.dropcontain {
  background-color: #f9f9f9;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.dropcontain li {
  color: #000;
  display: block;
  float: left;
  /*padding: 1rem;*/
  position: relative;
  text-decoration: none;
  transition-duration: 0.5s;
}
  
.dropcontain li a {
  color: #000;
}

.dropcontain li:hover,
.dropcontain li:focus-within {
  cursor: pointer;
}

.dropcontain li:focus-within a {
  outline: none;
}

ul.dropcontain li ul {
  visibility: hidden;
  opacity: 0;
  min-width: 200px;
  background: #f9f9f9;
  position: absolute;
  transition: all 0.5s ease;
  /*margin-top: 1rem;*/
  left: 0;
  display: none;
}

ul.dropcontain li:hover > ul,
ul.dropcontain li:focus-within > ul,
ul.dropcontain li ul:hover,
ul.dropcontain li ul:focus {
   visibility: visible;
   opacity: 1;
   display: block;
}

ul.dropcontain li ul li {
  clear: both;
  width: 100%;
  padding: 10px;
}




/* styling for old dropdown in nav bar */

.dropdown {

  float: left;

  overflow: hidden;

}



.dropdown .dropbtn {

  font-size: 16px;  

	font-weight: inherit;

  border: none;

  outline: none;

 /* color: white; */

  padding: 14px 16px;

  background-color: inherit;

  font-family: inherit;

  margin: 0;

}



.dropdown-content {

  display: none;

  position: absolute;

  background-color: #f9f9f9;

  min-width: 160px;

  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

  z-index: 1;

}



.dropdown-content a {

  float: none;

  color: black;

  padding: 12px 16px;

  text-decoration: none;

  display: block;

  text-align: left;

}



.dropdown-content a:hover {

  background-color: #ddd;

}



.dropdown:hover .dropdown-content {

  display: block;

}













@media print {

  a[href]:after {

    content: none !important;

  }

}





/* mobile adjustments */

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

    #footer-links a{

        font-size: 10px;

    }

    #footer-links {

        text-align:center;

    }

    #footer-bar p{

    text-align: center;

        margin-top: 10px;

        font-size: 9px;

    }

    #drop-foot{

        clear:both;

        color:#317ABF;

        height:0;

    }

    #call{

        display:none;

    }

}



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

    

}



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

    .navbar-collapse{

        padding-left:0px;

        padding-right:0px;  

    }

}



/* nav collapse adjustment */

@media (max-width: 995px) {

    .navbar-header {

        float: none;

    }

    .navbar-left,.navbar-right {

        float: none !important;

    }

    .navbar-toggle {

        display: block;

        margin-right: 10px;

        margin-top: 26px;

    }

    .navbar-collapse {

        border-top: 1px solid transparent;

        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);

    }

    .navbar-fixed-top {

		top: 0;

		border-width: 0 0 1px;

	}

    .navbar-collapse.collapse {

        display: none!important;

    }

    .navbar-nav {

        float: none!important;

		margin-top: 7.5px;

	}

	.navbar-nav>li {

        float: none;

    }

    .navbar-nav>li>a {

        padding-top: 10px;

        padding-bottom: 10px;

    }

    .collapse.in{

  		display:block !important;

	}

    

    .nav li a{

        text-align:center;

    }

    

    #menu-bg{

        background-color: #FFF;

        background-image: none;

    }

    #slanted {

        display:none;

    }

    #site-logo{

        display:block;

    }
	
	/* mobile dropdown - sub-menu force */
	.dropdown {
    float: none!important;
    overflow: hidden;
    position: relative !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    text-align: center!important;
    padding: 0!important;}

}