* { margin: 0; padding: 0; text-decoration: none; font-style: normal }
html,
body { line-height: 1.6em; font-family: "Arial Unicode MS", Arial, Helvetica, sans-serif; font-size: 1em; color: #003545; background-color: #012c3c }
h1,h2,h3,h4,h5,h6 { font-size: 1em; line-height: 1.6em }
p { margin: 0 0 20px 0 }
ul,ol,li { margin: 0; padding: 0; list-style: none }
input,textarea { line-height: 1.2em; font-family: "Arial Unicode MS", Arial, Helvetica, sans-serif; font-size: .9em; color: #003545; }
a { color: #021e29; outline: none; text-decoration: none; -webkit-transition:all .3s ease; }
a:hover { text-decoration: none; color: #006666 }
img { display: block; width: 100% }
input,textarea { font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #333; line-height: 1.8em; }

.mio-header { height: 60px; border-top: #006666 5px solid; position: fixed; background-color: #fff; box-shadow: 0 5px 5px rgba(0,0,0,.3) }
.mio-logo { text-align: center }
.mio-logo img { width: 81px; margin: 0 auto }

.mio-section { padding: 30px 0; }

.mio-fbar { background-color: #066; color: #fff; padding: 35px 0; }
.mio-fbar a { color: #fff; text-decoration: underline }
.mio-fbar a:hover { color: #fc0; }
.mio-fbar strong { display: block; line-height: 1.2em; font-size: 1.2em }
.mio-fbar dt { font-size: 1.5em; font-weight: bold }
.mio-fbar dd { height: 50px; }
.mio-fbar dd span { width: 50px; height: 50px; border: #fff 1px solid; margin-right: 15px; float: left; background-position: center; background-repeat: no-repeat; background-size: 60% }
.mio-fbar dd div { float: left }
.mio-fbar dd span.mio-icon-add { background-image: url(/images/icon-add.png) }
.mio-fbar dd span.mio-icon-email { background-image: url(/images/icon-email.png) }
.mio-fbar dd span.mio-icon-tel { background-image: url(/images/icon-tel.png) }
.mio-fbar dd span.mio-icon-whatsapp { background-image: url(/images/icon-whatsapp.png) }

.mio-footer { padding: 15px 0; background-color: #000b0f; color: #fff; text-align: center }

.mio-plist li { margin-bottom: 20px; }
.mio-plist li img { margin-bottom: 10px; }


.mio-message h2 { font-size: 1.6em; font-weight: bold; color: #131a22; margin: 0 0 20px 0; } 
.mio-message p { font-size: 1em; margin: 20px 0; }
.mio-message .row div { margin-bottom: 10px; }
.mio-message .ipts { border: #ddd 1px solid; background-color: #efefef; width: 92%; height: 40px; line-height: 40px; padding: 0 10px; }
.mio-message .btns { width: 200px; height: 50px; line-height: 50px; text-align: center; border: 0; cursor: pointer; background-color: #354b5e; color: #fff; margin: 0 auto; display: block; -webkit-transition:all .3s ease; }
.mio-message .btns:hover { background-color: #1f7872; -webkit-transition:all .3s ease; }
.mio-message .txts { border: #ddd 1px solid; background-color: #efefef; width: 92%; height: 150px; padding: 10px; }
.mio-message .ipts:focus,
.mio-message .txts:focus { border: #82c434 1px solid; background-color:#f3f3f3 }
.mio-message .col-md-12 { position: relative }
.mio-message .msg-box { position: absolute; top: 7px; right: 30px; color: #f90; }

.mio-inq { width: 320px; position: fixed; bottom: 100px; right: 20px; border: #009966 5px solid; z-index: 200; background-color: #fff; display: none }
.mio-inq .mio-tip { background-color: #009966; padding: 25px; color: #fff; }
.mio-inq .mio-message { padding: 25px; margin: 0; }
.mio-inq .mio-message .btns { width: 100%; background-color: #009966; }

.mio-fmsg a.mio-abtn { position: fixed; bottom: 20px; right: 20px; width: 50px; height: 50px; border-radius: 50%; background-color: #009966; overflow: hidden }
.mio-fmsg a.mio-abtn span { width: 50px; height: 50px; display: block; background-position: center; background-repeat: no-repeat; background-size: 40%; }
.mio-fmsg a.mio-abtn span.open { background-image: url(ico_msg.png); }
.mio-fmsg a.mio-abtn span.close { background-image: url(icon-close.png); }

@media (min-width:320px) and (max-width:640px) {
	html,body { background-color: #fff; overflow-x: hidden; }
	.container { padding: 0 25px; }
	.mio-header { background-color: #fff; width: 100%; height: 60px; top: 0; left: 0; padding-top: 10px; }
	.mio-banner { margin-top: 70px; }
	.mio-banner2 { margin-top: 0; }
	.mio-section { padding: 20px 0 0 0; }
	.mio-fbar dd { margin-bottom: 20px }
	.mio-fbar dd:nth-last-child(1) { margin-bottom: 0 }
}
@media (min-width:641px) {
	.mio-container { width: 1200px; margin: 0 auto; background-color: #fff; }
	.container { width: 1100px; margin: 0 auto }
	.mio-header { top: 0; left: 50%; margin-left: -600px; background-color: #fff; width: 1200px; height: 100px; }
	.mio-header .mio-logo { padding: 25px 0 0 0 }
	.mio-banner { margin-top: 100px; }
	.mio-banner2 { margin-top: 0 }
	
	.mio-section { padding: 50px 0 30px 0; }

	.mio-plist li { width: 32%; margin-right: 2%; float: left; }
	.mio-plist li:nth-child(3n) { margin-right: 0; }
	
	.mio-fbar dt,.mio-fbar dd { float: left; margin-right: 40px; }
	.mio-fbar dd:nth-last-child(1) { margin-right: 0; }
}

.clear { clear: both }
.container::before,
.container::after,
.clearfix::before,
.clearfix::after {
	content: "";
	display: block;
	visibility: hidden;
	clear: both;
}