@charset "utf-8";
/* CSS Document */

body{margin: 0;}

/*div{border: #333 1px solid;}*/

.fullDiv{width: 1200px; margin: 0 auto;}

.rowDiv{width: 100%;}
.div1_2{width: 50%; float: left;}
.div1_3{width: 33.3%; float: left;}
.div2_3{width: 66.6%; float: left;}
.div1_4{width: 25%; float: left;}
.div1_4_mar1{width: 24%; float: left; margin: 0.5%;}
.div3_4{width: 75%; float: left;}
.div1_5{width: 20%; float: left;}
.div2_5{width: 40%; float: left;}
.div3_5{width: 60%; float: left;}
.div4_5{width: 80%; float: left;}
.div1_8{width: 12.5%; float: left;}
.div3_8{width: 37.5%; float: left;}
.div5_8{width: 62.5%; float: left;}
.div7_8{width: 87.5%; float: left;}

.logo img{ width: inherit;}

.div1_6{width: 16.6%; float: left;}
.clrDiv{clear: both;}

.txtLeft{text-align: left;}
.txtCenter{text-align: center;}
.txtRight{text-align: right;}

.overDivGeneral{z-index: 0;}
.overDivLT{z-index: 10; background-color: #00C; width: 20%; position: relative; top: -10%; left: -15%;}
.overDivRB{z-index: 10; background-color: #00C; width: 20%; position: relative; right: -80%; bottom: 10%;}
.overDivLB{z-index: 10; background-color: #00C; width: 20%; position: relative; left: 0%; bottom: 10%;}
.overDivB{z-index: 10;  background-color: #00C; position: relative; top: 55%;}

.navDiv{margin: 0 auto;}
.navDiv ul{padding: 0; margin: 0;}
.navDiv ul li{padding: 0.5% 1% 0.5% 1%; float: left; list-style: none;}

.navbar-collapse {
  max-height: 340px;
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}

.centerDiv{margin: 0 auto; float: none;}
.txtMobile{}

.gapDiv{height: 0em;}
.cenOnMobile{text-align: inherit;}

.yesMobile{display: none;}

/****************************** Navigation Menu ************************************/
nav {  
    height: 40px;  
    width: 50%;  
    position: relative;
	z-index: 200;
}  
nav ul {  
    padding: 0;  
    margin: 0 auto;  
    /*width: 1000px;  */
	width: 100%;
    height: 40px;  
}
nav li {  
    display: inline;  
    float: left;  
} 
.clearfix:before,  
.clearfix:after {  
    content: " ";  
    display: table;  
}  
.clearfix:after {  
    clear: both;  
}  
.clearfix {  
    *zoom: 1;
}
.clearfix ul{background-color: #ecf5fe;}
nav a {  
	display: inline-block;  
	width: 100px;  
	text-align: center;  
	text-decoration: none;
	line-height: 40px;  
}  

nav li a { 
	color: #031c4f; text-decoration: none; 
	box-sizing:border-box;  
	-moz-box-sizing:border-box;  
	-webkit-box-sizing:border-box;  
}  
/*nav li:last-child a {  
	border-right: 0;  
} */ 
nav a:hover, nav a:active {  
	color: #007bb6; text-decoration: overline underline;  
}  
nav a#pull {  
    display: none;  
} 






@media only screen and (max-width: 480px){ /* for smartphone in portrait mode */
/*@media screen and (max-width: 480px){ /* for smartphone in portrait mode */
.fullDiv{width: 100%; margin: 0 auto;}
.div1_3, .div1_2, .div2_3, .div1_4, .div3_5, .div1_5, .div4_5, .div4_6, .div3_4{width: 100%; float: none;}
.div1_4_mar1{width: 99%; float: none; margin: 0.5%;}
.div1_6{width: 50%; float: left;}
.txtMobile{text-align: center;}
.div2_5{width: 33%;}
.logo img{width: 50%;}

.noMobile{display: none;}
.txtRight{text-align: center;}
.txtLeft{text-align: center;}
.yesMobile{display: inherit;}

.navDiv ul li{padding: 0.5% 1% 0.5% 1%; float: none; list-style: none;}
.gapDiv{height: 6em;}
.cenOnMobile{text-align: center;}

}

@media only screen and (min-width: 480px) and (max-width: 768px){ /* for smartphone in portrait mode */
/*@media screen and (max-width: 480px){ /* for smartphone in portrait mode */
.fullDiv{width: 100%; margin: 0 auto;}
.div1_2, .div2_3, .div3_5, .div1_5, .div4_5, .div4_6{width: 100%; float: none;}
.div1_6{width: 50%; float: left;}
.div1_3{width: 50%; float: left;}
.div1_4{width: 50%; float: left;}
.div3_4{width: 100%; float: left;}
.div1_4_mar1{width: 99%; float: left; margin: 0.5%;}
.div1_5{width: 50%; float: left;}
.txtMobile{text-align: center;}
.div2_5{width: 33%;}
.logo img{width: 50%;}

.noMobile{display: none;}
.txtRight{text-align: center;}
.txtLeft{text-align: center;}
.yesMobile{display: inherit;}

.smallBoxTop, .smallBoxBottom{min-height: 5em;}

.navDiv ul li{padding: 0.5% 1% 0.5% 1%; float: none; list-style: none;}
.cenOnMobile{text-align: center;}

}

@media screen and (min-width: 768px) and (max-width: 900px){ /* for smartphone in portrait mode */
.fullDiv{width: 100%; margin: 0 auto;}
/*.div1_3, .div1_2, .div2_3, .div3_5, .div1_5, .div4_5, .div1_6, .div4_6{width: 100%; float: none;}*/
.div1_3{width: 50%; float: left;}
.div1_4{width: 100%; float: left;}
/*.div1_4_mar1{width: 49%; float: left; margin: 0.5%;}*/
.div3_4{width: 75%; float: left;}
.div1_4_mar1{width: 24%; float: left; margin: 0.5%;}
.div1_5{width: 50%; float: left;}
.txtMobile{text-align: center;}
.div2_5{width: 33%;}
.logo img{width: 75%;}

.noMobile{display: none;}
.txtRight{text-align: center;}
.txtLeft{text-align: center;}
.yesMobile{display: inherit;}
.cenOnMobile{text-align: center;}

}

@media screen and (min-width: 900px) and (max-width: 1024px){ /* for smartphone in portrait mode */
.fullDiv{width: 100%; margin: 0 auto;}
/*.div1_3, .div1_2, .div2_3, .div3_5, .div1_5, .div4_5, .div1_6, .div4_6{width: 100%; float: none;}*/
.div1_4{width: 50%; float: left;}
.div1_4_mar1{width: 49%; float: left; margin: 0.5%;}
.div1_5{width: 33%; float: left;}
.txtMobile{text-align: center;}
.div2_5{width: 33%;}
.logo img{width: 75%;}

.noMobile{display: none;}
.txtRight{text-align: center;}
.txtLeft{text-align: center;}
.yesMobile{display: inherit;}

}

/*@media screen and (max-width: 600px) {  */
@media screen and (max-width: 1024px) {  
#google_translate_element {
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 1;
}

#responsiveMenu{
	 position: absolute;
  left: 5px;
  top: 0px;
  z-index: 100;
}

/****************************** Navigation Menu ************************************/
    nav {   
        height: auto;
    }  
    nav ul {  
        /*width: 50%;  */
		/*padding-left: 25%; margin-right: 25%;*/
        display: block;  
        height: auto;  
    }  
    nav li {  
        width: 100%;  
        float: none;  
        position: relative;  
    }  
    nav li a {  
        border-bottom: 1px solid #007bb6;  
    }  
    nav a {  
        /*text-align: left;  */
        width: 100%;  
        /*text-indent: 25px;  */
    }  
	
/****************************** Navigation Menu ************************************/
nav {  
        border-bottom: 0;  
    }  
    nav ul {  
        display: none;  
        height: auto;
		background-color: #ecf5fe; 
    }  
    nav a#pull {  
        display: block;  
        /*background-color: #d3c807;  */
        /*width: 20%; float: left; text-align: left;*/
        position: relative;  
    }  
    nav a#pull:after {  
        content:"";  
        background: url('nav-icon.png') no-repeat;  
        width: 30px;  
        height: 2.5em;  
        display: inline-block;  
        position: absolute;  
        rightright: 15px;  
        top: 10px;  
    } 
}

@media screen and (min-width: 1024px){ /* for smartphone in portrait mode */
.fullDiv{width: 1200px; margin: 0 auto;}
.div1_4{width: 25%; float: left;}
.div1_4_mar1{width: 24%; float: left; margin: 0.5%;}
}