@font-face {
 font-family: 'vera Humana 95';
 src: url('Verah_.eot');
 src: url('Verah_.eot?#iefix') format('embedded-opentype'),  url('Verah_.woff') format('woff'),  url('Verah_.ttf') format('truetype'),  url('Verah_.svg#Verah_') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'linux Biolinum';
 src: url('LinBiolinum_R_0.eot');
 src: url('LinBiolinum_R_0.eot?#iefix') format('embedded-opentype'),  url('LinBiolinum_R_0.woff') format('woff'),  url('LinBiolinum_R_0.ttf') format('truetype'),  url('LinBiolinum_R_0.svg#LinBiolinum_R_0') format('svg');
 font-weight: normal;
 font-style: normal;
}
body {
	background-color: #cfcfcf;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #6a6666;
	text-decoration: none;
	margin: 0px;
}
.wrapper {
	padding: 0px;
	width: 912px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFFFFF;
}
.main-nav {
	float: left;
	width: 912px;
	background-image: url(../images/main-btmsedo.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 9px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.mainbg {
	float: left;
	width: 900px;
	background-image: url(../images/mainbg.png);
	background-repeat: repeat-y;
	background-position: left top;
	margin: 0px;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 6px;
}
.header-nav {
	float: left;
	width: 880px;
	padding-top: 27px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 20px;
	margin: 0px;
}
.header-nav .logo {
	float: left;
	height: auto;
	width: 300px;
}
.header-nav .rgt_box {
	float: right;
	height: auto;
	margin-top: 15px;
	margin-bottom: 0px;
	width: 300px;
	text-align: right;
	padding-right: 10px;
}
.header-nav .rgt_box h2 {
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	color: #0C3A8C;
}
.header-nav .rgt_box p {
	margin: 0px;
	padding: 0px;
	font-size: 17px;
	color: black;
}



.menu-nav {
	padding: 0px;
	float: left;
	width: 888px;
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 4px;
	background-image: url(../images/menu-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 22px;
	font-family: "vera Humana 95";
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 22px;
}
.menu-nav a {
	font-family: "vera Humana 95";
	font-size: 14px;
	font-weight: normal;
	color: #bfc5d0;
	text-decoration: none;
	margin: 0px;
	background-image: url(../images/menu-line.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 0px;
	padding-right: 19px;
	padding-bottom: 0px;
	padding-left: 19px;
}
.menu-nav a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
.banner-nav {
	padding: 0px;
	float: left;
	width: 888px;
	margin-top: 5px;
	margin-right: 6px;
	margin-bottom: 5px;
	margin-left: 6px;
}
.maddle-nav {
	float: left;
	width: 888px;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 6px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.maddle-lft {
	margin: 0px;
	float: left;
	width: 594px;
	padding-top: 0px;
	padding-right: 58px;
	padding-bottom: 0px;
	padding-left: 12px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #c6c6c6;
}
.maddle-lft h1 {
	font-family: "vera Humana 95";
	font-size: 22px;
	font-weight: normal;
	color: #00153c;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
}
.maddle-lft h1 strong {
	color: #00153c;
	font-weight: normal;
}
.maddle-lft p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	color: #00153c;
	text-decoration: none;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.middle-rgt {
	padding: 0px;
	float: left;
	width: 183px;
	margin-top: 35px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
}
.middle-rgt h1 {
	font-family: "vera Humana 95";
	font-size: 21px;
	font-weight: normal;
	color: #547ecc;
	text-decoration: none;
	margin: 0px;
	line-height: 24px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c6c6c6;
}
.middle-rgt h1 strong {
	font-family: "vera Humana 95";
	font-size: 24px;
	font-weight: normal;
	color: #00153c;
	text-decoration: none;
	text-transform: uppercase;
}
.middle-rgt p {
	color: #00153c;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.middle-rgt p strong {
	color: #00153c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
.real-estate-nav {
	padding: 0px;
	float: left;
	width: 888px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
}
.real-estate-law {
	background-color: #FFFFFF;
	background-image: url(../images/real-estatebg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	width: 159px;
	padding-top: 0px;
	padding-right: 7px;
	padding-bottom: 10px;
	padding-left: 7px;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 2px;
}
.real-estate-law h1 {
	font-family: "vera Humana 95";
	font-size: 18px;
	font-weight: normal;
	color: #00153c;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e1e0e0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 30px;
	text-transform: uppercase;
}
.real-estate-law p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #6d6b6b;
	text-decoration: none;
	font-weight: normal;
	padding: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.real-estate-law a {
	font-family: "linux Biolinum";
	margin: 0px;
	padding: 0px;
	text-decoration: underline;
	color: #4668a7;
	font-size: 14px;
	font-weight: normal;
}
.real-estate-law a:hover {
	font-family: "linux Biolinum";
	margin: 0px;
	padding: 0px;
	text-decoration: underline;
	color: #00153c;
	font-size: 14px;
	font-weight: normal;
}
.footer-nav {
	background-color: #00153c;
	float: left;
	width: 900px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: 17px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.footer-menu {
	float: left;
	width: 675px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #bfc5d0;
	text-decoration: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.footer-menu a {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #bfc5d0;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
}
.footer-menu a:hover {
	color: #FFFFFF;
}
.footer-menu p {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #808080;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.footer-menu p a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #808080;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin: 0px;
}
.footer-menu p a:hover {
	color: #FFFFFF;
}
.footer-menu p span {
	float: right;
}

.footer-rgt {
	float: right;
	width: 102px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #0a2862;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 12px;
}
.inner-overiew-lft {
	float: left;
	width: 206px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #c6c6c6;
	margin-top: 33px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../images/inner-lft-shadow.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.inner-overiew-lft ul {
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
}
.inner-overiew-lft ul li {
	line-height: 27px;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c6c6c6;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.inner-overiew-lft ul li a {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 21px;
	background-image: url(../images/black-aorrw.png);
	background-repeat: no-repeat;
	background-position: 7px center;
	color: #6a6666;
	text-decoration: none;
	font-size: 12px;
}
.inner-overiew-lft ul li a:hover {
	background-image: url(../images/pink-aorrw.png);
	background-repeat: no-repeat;
	background-position: 7px center;
	color: #1240AB;
	text-decoration: none;
	font-size: 12px;
}
.inner-overiew-lft ul li a.selected {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 21px;
	background-image: url(../images/pink-aorrw.png);
	background-repeat: no-repeat;
	background-position: 7px center;
	color: #1240AB;
	text-decoration: none;
	font-size: 12px;
}
.inner-overiew-rgt {
	padding: 0px;
	float: left;
	width: 664px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 18px;
}
.beadcome {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 664px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c6c6c6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 33px;
	font-weight: normal;
	color: #1240AB;
	text-decoration: none;
	text-align: right;
}
.beadcome a {
	color: #393939;
	text-decoration: none;
}
.beadcome a:hover {
	color: #D10175;
	text-decoration: underline;
}
.inner-contant {
	padding: 0px;
	float: left;
	width: 664px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.inner-contant h1 {
	font-family: "vera Humana 95";
	font-size: 22px;
	font-weight: normal;
	color: #00153c;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
}
.inner-contant h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #00153c;
	text-decoration: none;
	padding: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.inner-contant h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #6a6666;
	text-decoration: none;
	padding: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.inner-contant h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #497ddf;
	text-decoration: none;
	padding: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.inner-contant h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #00153c;
	text-decoration: none;
	padding: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.inner-contant h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #1240AB;
	text-decoration: none;
	padding: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.inner-contant p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	color: #00153c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	text-decoration: none;
	font-weight: normal;
}
.inner-contant p a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #497ddf;
	text-decoration: underline;
}
.inner-contant p a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #00153c;
	text-decoration: underline;
}
.inner-contant ul {
	list-style-type: none;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}
.inner-contant ul li {
	margin: 0px;
	display: block;
	background-image: url(../images/pink-aorrw.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 14px;
	color: #00153c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
}
.inner-contant ul li a {
	margin: 0px;
	display: block;
	line-height: 17px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6a6666;
	text-decoration: none;
}
.inner-contant ul li a:hover {
	display: block;
	line-height: 17px;
	text-decoration: underline;
	color: #D10175;
}
.inner-contant ol {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 28px;
}
.inner-contant ol li {
	margin: 0px;
	padding: 0px;
	padding-bottom: 12px;
	line-height: 19px;
	font-weight: bold;
}
.inner-contant-bttm-box {
	padding: 10px;
	float: left;
	width: 635px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border: ppx solid #00153c;
	font-family: Helvetica, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight:normal;
	font-style: italic;
	color: #a91237;
	text-decoration: none;
}
.inner-contant-bttm-box p {
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: normal;
	font-weight: normal;
	color: #00153c;
	text-decoration: none;
	font-style: normal;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.inner-testimonials-box {
	float: left;
	width: 635px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 17px;
	font-weight: normal;
	color: #547ecc;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.inner-testimonials-box strong {
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	font-weight:bold;
	color: #00153c;
	text-decoration: none;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-style: bold;
}
.inner-testimonials-box span {
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 24px;
	font-weight: bold;
	color: #d10175;
	text-decoration: none;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.lft-contact {
	margin: 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	padding: 0px;
}
.contact-field-main {
	margin: 0px;
	float: left;
	width: 380px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.contact-name {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	color: #00153c;
	text-decoration: none;
	margin: 0px;
	width: 80px;
	float: left;
	text-align: right;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.contact-name span {
	color: #d10175;
	font-size: 14px;
	font-weight: bold;
}
.contact-box {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 200px;
}
.contact-box .textfield-contact {
	margin: 0px;
	height: 20px;
	width: 170px;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.contact-box .textarea-contact {
	margin: 0px;
	height: 60px;
	width: 170px;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.footer-element-show { display:none; }

/*------------------------------------*\
    RESPONSIVE CSS
\*------------------------------------*/

@media only screen and (min-width:280px) and (max-width:920px) {

html, body, .main-nav, .wrapper, .mainbg, .header-nav, .maddle-nav, .footer-nav, .inner-contant, .beadcome, .footer-menu { width:100%; padding:0; margin:0; box-sizing:border-box; }
.main-nav { background:#ffffff; }

.menu-nav { width:300px; height:auto; left:-300px; position:absolute; background:#1a4193; margin:0; padding:10px 0; }
.menu-nav a { display:block; padding:5px 15px; }

#main-menu-interface { cursor:pointer; height:70px; }
#main-menu-interface:hover .main-menu span, #main-menu-interface:hover .main-menu span:before, #main-menu-interface:hover .main-menu span:after { background:#00153c; }
#main-menu-interface:hover .menu-text p { color:#00153c; }
#main-nav-bar { right:0; top:0; position:absolute; background:none; width:70px; height:70px; z-index:102; -moz-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; }
.main-menu { padding:15px 20px; top:13px; left:15px; position:absolute; }
.main-menu span { width:40px; background:#1a4193; left:0; height:4px; position:absolute; -moz-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; }
.main-menu span:before { content: ''; width:40px; background:#1a4193; height:4px; top:10px; position:absolute; -moz-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; }
.main-menu span:after { content: ''; width:40px; background:#1a4193; height:4px; top:-10px; position:absolute; -moz-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; }
.menu-text { position:absolute; top:37px; text-align:center; width:100%; }
.menu-text p { color:#1a4193; text-transform:uppercase; font-weight:bold; font-size:13px; font-family: "vera Humana 95", helvetica, arial; }

.main-menu.active span:before { top:0px; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); -moz-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; }
.main-menu.active span:after { top:0px; -webkit-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); -moz-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; }
.main-menu.active span { background-color: transparent; -moz-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; }
.main-menu-adjust { top:40px; }

.nav-main-move { left:0 !important; position:relative !important; opacity:1 !important; transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; }

.header-nav a img { padding:20px 20px 18px; width:160px; height:auto; }
.header-nav .rgt_box { float:none; width:100%; margin:0; padding:15px 0; text-align:center; border-top:1px solid #1a4193; }
.header-nav .rgt_box h2, .header-nav .rgt_box p { font-size:14px; }

.banner-nav, .banner-nav img { width:100% !important; height:auto !important; margin:0; padding:0; }
.inner-contant { padding:15px 0; }
.inner-overiew-lft, .inner-overiew-rgt { width:100%; padding:10px 15px; margin:0; box-sizing:border-box; }
.inner-overiew-lft { float:right; }

.footer-rgt, .footer-menu { float:none; margin:0 auto; padding:15px 0; border:none; }
.footer-rgt { width:200px; text-align:center; padding:10px 0 20px; }
.footer-menu p { padding:10px 20px; text-align:center; }
.footer-menu p span { float:none; }
.footer-menu a { display:block; text-align:center; padding:5px 0; }
.footer-element-hide { display:none; }
.footer-element-show { display:block; }

}