/*realtyRX1_Mobile 



-webkit-appearance: none;
-moz-appearance: none;
appearance: none;

/*-----------------------------
    RESET STYLES
-----------------------------*/

html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {
margin : 0;
padding : 0;
}



body {
	background-color: white;
	box-sizing : border-box;
	color: #222;
	font-family : Arial;
	font-size : 14px;
	margin: 0;
	padding: 3px;
	/*  development 
	border-style: solid;
	border-width: 5px brown;
	width: 325px;
	display:inline-block; */
}

ol, dl, dd, dt {

padding : 0;
margin : 0;
}

a {
text-decoration : none;
}

input {
font-size : 12px;
color : black;
width : 80px;
padding-top : 0;
margin-top : 5px;
height : 15px;
}


/*-----------------------------
    HEADINGS
-----------------------------*/

h1 {
display : block;
width : 112px;
height : 41px;
text-indent : -5000px;
}
.highlight_Text {
text-align: left;
vertical-align : top;
margin-right : 0px;
margin-top: 20px;
margin-bottom: 10px;
padding-right : 0px;
color : #C42802;
font: italic bold 15px/17px Arial;
}
/*-----------------------------
    BASIC LAYOUT
-----------------------------*/
ul.roundBullets {
list-style-type: circle; 
padding : 0;
margin : 0;
}
.page_wrapper {
padding-top : 20px;
background : white;
overflow : auto;
margin : 0;
}
.background_no1 {
	
	background-image: url("img_tree.gif"), url("img_flwr.gif");
    background-color: #cccccc;

	
}
.large_Header {
text-align: center;
vertical-align : top;
margin-right : 5px;
margin-top: 0px;
margin-bottom: 5px;
padding-right : 5px;
color : black;
font-size : 20px;	
width: 100%;
}
.main_testBody {
text-align: left;
vertical-align : top;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
margin: 0px;
color : black;
font-size : 14px;	
overflow: auto;
}
.image_01 {
float: left;
margin: 0px 5px 0px 0px;
width: 50%;
display: inline-block;
border: 0px solid #ddd;
padding: 0px;
transition: 0.3s;
}

/*-------------------------------

	top of page elements

--------------------------------*/

.header {
width : 100%;
overflow : hidden;
vertical-align : top;
margin : 5px;
margin-bottom : 0;
}
.headerLeft {
float : left;
vertical-align : top;
}
.headerRight {
float : right;
vertical-align : top;
margin-right : 5px;
padding-right : 5px;
color : black;
font-size : 12px;
}
.header3{
	
float : left;
vertical-align : top;
margin-right : 5px;
margin-top: 20px;
margin-bottom: 5px;
padding-right : 5px;
color : black;
font-size : 20px;	
width: 100%;

}
.fbox1Slogan {
width : 100%;
float : left;
margin : 0;
margin-left : 80px;
vertical-align : bottom;
color : black;
font-size : 14px;
}
.blueBar {
box-sizing : border-box;
margin : 0;
padding : 0;
margin-top : 1px;
margin-bottom : 0;
width : 100%;
height : 25px;
float : left;
background-color : rgb(0, 46, 98);
display : inline-block;
vertical-align : top;
}
.content {
box-sizing : border-box;
margin : 0;
padding : 0;
margin-top : 10px;
margin-bottom : 10px;
padding-left : 8px;
padding-right : 5px;
width : 100%;
float : left;
color : black;
font-size : 15px;

vertical-align : top;
}
.calculatorContainterBox{
box-sizing : border-box;
margin : 10px;
margin-bottom: 2px;
padding : 5px;
width : 100%;
float : left;
display : inline-block;
vertical-align : top;	
}
.calculatorButtonBox{
box-sizing : border-box;
margin : 0px;
margin-left: 10px;
padding : 5px;
width : 100%;
float : center;
display : inline-block;
vertical-align : top;		
}
.button_calculator {
box-sizing : border-box;
height: 40px;
width :  130px;
margin : 0px;
padding: 0px;
float : center;
display : inline-block;
background-color: red;
vertical-align : bottom;		
}
.footer{
	display: none;
}
.theCalculator{
box-sizing : border-box;
margin : 10px;
padding : 20px;
border-radius: 20px;
float : center;
display : inline-block;
vertical-align : top;	
background-color: #D0D0D0;	
}

.labledescription {
	font-size: 12px;
    color: black;
    padding: 0px;
	margin-bottom: 4px;
	margin-top: 4px;
    width: 100px;
    text-align: left;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s; 
    text-decoration: none;
}
.inputfielddescription {
	font-size: 14px;
    color: black;
    padding: 0px;
	vertical-align : bottom;
	margin-bottom: 4px;
	margin-top: 4px;
    width: 150px;
	height: 20px;
    text-align: left;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s; 
    text-decoration: none;
}

/* **************************************

		Toggle Buttons

***************************************** */
.cmn-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.cmn-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  user-select: none;
}
.lable_field_1 {
width:100px; 
vertical-align: middle;
}
input.cmn-toggle-round + label {
  padding: 2px;
  width: 120px;
  height: 60px;
  background-color: #dddddd;
  border-radius: 60px;
}
input.cmn-toggle-round + label:before,
   input.cmn-toggle-round + label:after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: "";
}
input.cmn-toggle-round + label:before {
  right: 1px;
  background-color: #f1f1f1;
  border-radius: 60px;
  transition: background 0.4s;
}
input.cmn-toggle-round + label:after {
  width: 58px;
  background-color: #fff;
  border-radius: 100%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  transition: margin 0.4s;
}
input.cmn-toggle-round:checked + label:before {
  background-color: #8ce196;
}
input.cmn-toggle-round:checked + label:after {
  margin-left: 60px;
}

/* **************************************

		Buttons

***************************************** */

.button_appointment_input {
	
    background-color: white;
    border: none;
    font-size: 12px;
    color: black;
    padding: 5px;
    width: 150px;
	height: 80px;
    text-align: center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s; 
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;	
	
}
.webkit-me {
	-webkit-appearance:push-button; 
}
/* primary button */
    .btn-primary {
        background-color: #FFF;
        color: #285e8e;
        border-color: #3276b1;
        border-radius: 0px;
		float: left;
	}


.exampleButton {
    position: relative;
    background-color: #4CAF50;
    border: none;
    font-size: 12px;
    color: #FFFFFF;
    padding: 5px;
    width: 70px;
    text-align: center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s; 
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
}

.exampleButton:after {
    content: "";
    background: #f1f1f1;
    display: block;
    position: absolute;
    padding-top: 300%;
    padding-left: 350%;
    margin-left: -20px !important;
    margin-top: -120%;
    opacity: 0;
    transition: all 0.8s
}

.exampleButton:active:after {
    padding: 0;
    margin: 0;
    opacity: 1;
    transition: 0s
}


button:focus {
  outline: none
}

/*****************************

    Pure CSS button classes works with iPhone

******************************/
		
		
ul#avmenu {
margin: 35px 0;
padding: 0;
font: 12px Verdana;
list-style-type: none;
}
 /* 
ul#avmenu li {
display: inline;
}
  
ul#avmenu li a {
padding: 5px 10px;
border: 1px solid #aaa;
background-color: #eee;
color: #47a;
text-decoration: none;
}

ul#avmenu li.current a {
border:1px solid #777;
}		

*/
		
.button5 {
	
	/*Step 2: Basic Button Styles*/
	display: block;
	height: 100px;
	width: 300px;
	background: #34696f;
	border: 2px solid rgba(33, 68, 72, 0.59);
	
	/*Step 3: Text Styles*/
	color: white;  /* rgba(0, 0, 0, 0.55); */
	text-align: center;
	font: bold 3.2em/100px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;

	/*Step 4: Fancy CSS3 Styles*/
	background: linear-gradient(top, #34696f, #2f5f63);
	border-radius: 50px;
	box-shadow: 0 8px 0 #1b383b;
	text-shadow: 0 2px 2px rgba(255, 255, 255, 0.2);
}
 
/*Step 3: Link Styling*/
a.button5 {
	text-decoration: none;
}
	
/* Activation of a click of button */
.button5:active {
	background: red;
/*box-shadow: inset 0 1px 1px rgba(255,255,255,0.2),
inset 0 1.5em 1em rgba(0,0,0,0.3); */

}
	
/* ******************************

Dropdown Button 

******************************** */
.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
}

.dropdown:hover .dropdown-content {
    display: block;
}





/* ******************************

Dropdown Menu 

******************************** */
/*
#demo {
        margin: 30px 0 50px 0;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    }
    
    #demo .wrapper {
        display: inline-block;
        width: 180px;
        margin: 0 10px 0 0;
        height: 20px;
        position: relative;
    }
    
    #demo .parent {
        height: 100%;
        width: 100%;
        display: block;
        cursor: pointer;
        line-height: 30px;
        height: 30px;
        border-radius: 5px;
        background: #F9F9F9;
        border: 1px solid #AAA;
        border-bottom: 1px solid #777;
        color: #282D31;
        font-weight: bold;
        z-index: 2;
        position: relative;
        -webkit-transition: border-radius .1s linear, background .1s linear, z-index 0s linear;
        -webkit-transition-delay: .8s;
        text-align: center;
    }
    
    #demo .parent:hover,
    #demo .content:hover ~ .parent {
        background: #fff;
        -webkit-transition-delay: 0s, 0s, 0s;
    }
    
    #demo .content:hover ~ .parent {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        z-index: 0;
    }
    
    #demo .content {
        position: absolute;
        top: 0;
        display: block;
        z-index: 1;
        height: 0;
        width: 180px;
        padding-top: 30px;
        -webkit-transition: height .5s ease;
        -webkit-transition-delay: .4s;
        border: 1px solid #777;
        border-radius: 5px;
        box-shadow: 0 1px 2px rgba(0,0,0,.4);
    }
    
    #demo .wrapper:active .content {
        height: 123px;
        z-index: 3;
        -webkit-transition-delay: 0s;
    }
    
    #demo .content:hover {
        height: 123px;
        z-index: 3;
        -webkit-transition-delay: 0s;
    }
    
    
    #demo .content ul {
        background: #fff;
        margin: 0;
        padding: 0;
        overflow: hidden;
        height: 100%;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    
    #demo .content ul a {
        text-decoration: none;
    }
    
    #demo .content li:hover {
        background: #eee;
        color: #333;
    }
    
    #demo .content li {
        list-style: none;
        text-align: left;
        color: #888;
        font-size: 14px;
        line-height: 30px;
        height: 30px;
        padding-left: 10px;
        border-top: 1px solid #ccc;
    }
    
    #demo .content li:last-of-type {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
	
	
	*/

.exampleButton2 {
    position: relative;
    background-color: #4CAF50;
    border: none;
    font-size: 28px;
    color: #FFFFFF;
    padding: 20px;
    width: 200px;
    text-align: center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s; 
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
}


.exampleButton2:after {
    content: "";
    background: #f1f1f1;
    display: block;
    position: absolute;
    padding-top: 300%;
    padding-left: 350%;
    margin-left: -20px !important;
    margin-top: -120%;
    opacity: 0;
    transition: all 0.8s
}

.exampleButton2:active:after {
    padding: 0;
    margin: 0;
    opacity: 1;
    transition: 0s
}

.exampleButton2:active {
	background: red;
	 display: block;
/*box-shadow: inset 0 1px 1px rgba(255,255,255,0.2),
inset 0 1.5em 1em rgba(0,0,0,0.3); */

}


.primary_nav_wrap
{
	margin-top:15px
}
/*
.primary_nav_wrap ul
{
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0
}

.primary_nav_wrap ul a
{
	display:block;
	color:#333;
	text-decoration:none;
	font-weight:700;
	font-size:12px;
	line-height:32px;
	padding:0 15px;
	font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif
}

.primary_nav_wrap ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0
}

.primary_nav_wrap ul li.current-menu-item
{
	background:#ddd
}

.primary_nav_wrap ul li:hover
{
	/* background:#f6f6f6 
}

.primary_nav_wrap ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
	padding:0
}

.primary_nav_wrap ul ul li
{
	float:none;
	width:200px
}

.primary_nav_wrap ul ul a
{
	line-height:120%;
	padding:10px 15px
}

.primary_nav_wrap ul ul ul
{
	top:0;
	left:100%
}

.primary_nav_wrap ul li:hover > ul
{
	/* display:block 
}

*/


/* *************************

		section button  does not work with iPhone

*************************** */
section {
  margin: 10px auto 0;
  margin-left: 15px;
  width: 100px;
  position: relative;
  float: left;
  text-align: center;
  background-color: gray;
}

section:active  {
  outline: 0;
  background-color: red;
}

section:focus {
   outline: 0;
   background-color: yellow;
}





#adbox {   
            width: 602px;   
            height: 250px;   
            border-width: 0;   
            border-color: red;   
        }   
        #adbox .adbox1 {   
            width: 300px;   
            height: 250px;   
            border-width: 0;   
            border-color: red;  
            float:left; 
            }   
        #adbox .adbox2 {   
            width: 300px;   
            height: 250px;   
            border-width: 0;   
            border-color: red;   
            float:left;
    }   
    .clear{
         clear:both;
    }
.button_lowerflexBoxbutton{
	box-sizing:border-box;
	border: 2px solid gray; 	
	padding: 0px; 
	padding-top: 0px; 
	width: 230px; 
	height: 30px;
	cursor: pointer; 
	font-weight: bold; 
	background: #00007C; 
	color: white; 
	border-radius: 10px; 
	font-size: 15px;
	float:left;
	text-align: center;
	margin: auto;
	display:inline-block;
}

.container_lowerflexBoxbutton {
	box-sizing:border-box;
	border: 0px; 	
	padding: 0px; 
	
	width: 100%; 
	height: 30px;

	background: white; 
	
	float:left;

	display:inline-block;
}
.buttonDef {
	
	box-sizing:border-box;
	margin: 10px;
	
	border: 4px solid gray; 	
	padding: 0px; 
	padding-top: 5px; 
	width: 150px; 
	height: 50px;
	cursor: pointer; 
	font-weight: bold; 
	background: #00007C; 
	color: white; 
	border-radius: 10px; 
	font-size: 20px;
	float:left;
	text-align: center;
	display:inline-block;
	
	
} 
.loanButtonDef {
	
	box-sizing:border-box;
	margin: 10px;
	border: 3px solid black; 	
	padding: 0px; 
	padding-top: 5px; 
	width: 150px; 
	height: 40px;
	cursor: pointer; 
	font-weight: bold; 
	background: gray; 
	color: white; 
	border-radius: 5px; 
	font-size: 15px;
	float:left;
	text-align: center;
	display:inline-block;

} 

.buttonLoanBox{
	box-sizing:border-box;
	margin: auto;
	padding: 0px;
	display:inline-block;	
}


} 

a.button {
    
   
	margin: 5px;
	border: 2px solid RGB(153,9,0); 
	padding: 5px; 
	
	cursor: pointer; 
	box-shadow: 10px 10px 5px rgba(153,9,0, 0.3); 
    text-decoration: none;
	text-align: center;
   	color: black;
	font-weight: bold; 
	background: #A39D9A; 
	border-radius: 10px; 
	
	font-family: arial;
	font-size: 30px;
	

}



input.button {

   
	width: 260px; 
	height: 40px;
	padding: 2px; 
	margin-top: 20px;
	cursor: pointer; 
    text-decoration: none;
	text-align: center;
    color: black;
	font-weight: bold; 
	background: #99ff00; 
	border-radius: 10px; 
	border: 1px solid #999; 
	font-family: arial;
	font-size: 18px;
	
}
	
}

.button {
  display: inline-block;
  width: 125px;
  margin: 5px;
  padding: 8px;
  font-size: 30px;
  font-family: "Bitter",serif;
  line-height: 1.8;
  appearance: none;
  box-shadow: none;
  border-radius: 0;
}

.loanButton {
  display: inline-block;
  width: 225px;
  height: 40px;
  margin: 5px;
  padding: 3px;
  font-size: 18px;
  font-family: "Bitter",serif;
  line-height: 1.2;
  appearance: none;
  box-shadow: none;
  border-radius: 0;
}


.button_box{

		box-sizing:border-box;
		margin: 0px;
		padding:0px;
		width: 100%;
		
		background-color: white; /*rgb(0,46,98);*/
		display:inline-block;
	
}

.button_row{
	
		box-sizing:border-box;
		margin: 0px;
		margin-left: 0px;
		height: 70px;
		width: 100%;
		padding: 0px:
		float: left;
		background-color: white;
		display:inline-block;
		
}

button:focus {
outline : none;
}
.button_box {
box-sizing : border-box;
margin : 0;
padding : 0;
margin-top : 10px;
margin-bottom : 10px;
margin-left : 0;
margin-right : 0;
width : 100%;
float : left;
background-color : white;
color : black;
font-size : 15px;
display : inline-block;
vertical-align : top;
}

.shadow{
 box-shadow: 10px 10px 5px RGB(153,9,0);
}


/*  ***********************************************

       Menu

************************************************** */
/*   special css buttons no javascript  */

.onclick-menu {
    position: relative;
    display: inline-block;
	margin-left: 5px;
}
.onclick-menu:before {
    /* content: "click me!"; */
	}
.onclick-menu:focus .onclick-menu-content {
    display: block;
}
.onclick-menu-content {
    position: absolute;
    z-index: 1;

    display: none;
}

.onclick-button{
	height:  30px;
	width: 150Px;
	background-color: #89B1B5;
	border: 1px solid gray;
}

/*  **********************************************   */

.main-navigation ul ul {
  display: none;
}

#nav
{
    /* container */
}
    #nav > a
    {
        display: none;
    }
    #nav li
    {
        position: relative;
    }
 
    /* first level */
 
    #nav > ul
    {
        height: 3.75em;
    }
        #nav > ul > li
        {
            width: 25%;
            height: 100%;
            float: left;
        }
 
    /* second level */
 
    #nav li ul
    {
        display: none;
        position: absolute;
        top: 100%;
    }
        #nav li:hover ul
        {
            display: block;
        }



/* These styles create the dropdown menus. */
.navbar {
   margin: 0;
   padding: 0;
   height: 1em; }
.navbar li {
   list-style: none;
   float: left; }
.navbar li a {
   display: block;
   padding: 3px 8px;
   background-color: #5e8ce9;
   color: #fff;
   text-decoration: none; }
.navbar li ul {
   display: none; 
   width: 10em; /* Width to help Opera out */
   background-color: #69f;}
.navbar li:hover ul, .navbar li.hover ul {
   display: block;
   position: absolute;
   margin: 0;
   padding: 0; }
.navbar li:hover li, .navbar li.hover li {
   float: none; }
.navbar li:hover li a, .navbar li.hover li a {
   background-color: #69f;
   border-bottom: 1px solid #fff;
   color: #000; }
.navbar li li a:hover {
   background-color: #8db3ff; }

   
.containerBars {
    display: inline-block;
	margin-left: 15px;
    cursor: pointer;
	float: left;
	box-sizing:border-box;
}

.bar1, .bar2, .bar3 {
    width: 35px;
    height: 5px;
    background-color: #333;
    margin: 6px 0;
    transition: 0.4s;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
    transform: rotate(-45deg) translate(-9px, 6px) ;
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px) ;
    transform: rotate(45deg) translate(-8px, -8px) ;
}



.barBoxButton{
box-sizing : border-box;
margin : 10px;
margin-bottom: 5px;
padding : 0px;
width : 30px;
height: 25px;
float : right;
background-color : white;
display : inline-block;
vertical-align : top;	
}

.barButton{
box-sizing : border-box;
margin : 0;
margin-bottom: 4px;
padding : 0;
width : 30px;
height: 4px;
float : left;
background-color : black;
display : inline-block;
vertical-align : top;		
}

#singleBar{
	width: 35px;
    height: 5px;
    background-color: black;
    margin: 6px 0;
	float: left;
}


/*  ***********************************************

       CALCULATOR

************************************************** */



.calculatorHeader {
padding : 0;
margin : 0;
font : bold;
font-size : 20px;
padding-left : 50px;
}
.inputLableFieldContainer {
box-sizing : border-box;
margin : 0;
padding : 0;
margin-top : 5px;
width : 100%;
height : 20px;
float : left;
background-color : gray;
display : inline-block;
vertical-align : top;
}
.lableField {
box-sizing : border-box;
margin : 0;
padding : 0;
margin-top : 5px;
margin-bottom : 10px;
margin-left : 0;
margin-right : 0;
width : 150px;
float : left;
background-color : white;
display : inline-block;
vertical-align : top;
}
input.moYear {
width : 32px;
}