* {margin:0; padding:0;}
.bg-grey {background-color: #BDCCD4;}
#top-menu {height:auto; line-height: 30px;}
.icon-small {height:20px; width:auto; fill: #29ABE2; line-height: 40px;}
.icon-small-2 {height:20px; width:auto; fill: #29ABE2; line-height: 40px;}
.bg-blue {color:#29ABE2; font-size:10pt;}

#top-menu ul {list-style: none;}
#top-menu ul li {float: left; height: 40px; margin-top: 0px; margin-left: 10px;}
#top-menu li img {height: 20px; line-height: 30px;}

.align-right {float: right !important;}

#navbar-header {background-color:#fff;  border-bottom:2px solid #000;}

#header {height:auto; width: 100%; background-color: #fff;}
#header ul li {margin-right: 3%;}
.nav {width:100%;}
.text-brand img {width:150px; height:auto;}
.navbar-nav {margin-left:10%;}
/* #header ul {list-style: none;}
#header ul li {float: left; width:auto; margin: 0 3%; line-height:80px;}
#header li a {color:#29ABE2;} */

#submenu {position: absolute; display: none; background-color: #FFF; z-index: 999; padding:50px; margin-left:-18%; width:70%;}
#edma-fans:hover  #submenu{display: block;}
#submenu ul {height:80%; width:20% !important; float: left !important; list-style: none;}

#submenu2 {position: absolute; display: none; background-color: #FFF; z-index: 999; padding:50px 30px 30px 30px; width:20%;}
#submenu-about:hover  #submenu2{display: block;}
#submenu2 ul {height:80%; width:100% !important; float: left !important; list-style: none;}

#submenu3 {position: absolute; display: none; background-color: #FFF; z-index: 999; padding:50px 30px 30px 30px; width:30%;}
#submenu-support:hover  #submenu3{display: block;}
#submenu3 ul {height:80%; width:100% !important; float: left !important; list-style: none;}

.arrow-bottom {height:8px;}

#content {background-color:#FFF;}
#content p {text-align:justify; color:#000; font-style:light; font-size:11pt; margin-left:0; margin-bottom:10px;}

.sub-item p {font-size:10pt !important; text-align:center !important; height:60%; margin-left:20px !important;}
.sub-about a {text-decoration:none;}
.sub-item {width:45%; height:50%; border:1px solid #29ABE2; padding:2%; text-align:center; float:left;}
.sub-item:hover {width:45%; height:50%; border:1px solid #29ABE2; padding:2%; text-align:center; float:left; background-color:#E6E6E6}


#footer {text-align:center; margin-top:30px;}
.bottom-logo {width:60%;}
#footer ul {list-style: none; width:60%; margin-left:20%;}
#footer .sosmed li {float:left; width:25%;}
#footer .sosmed li img {width:40%; height:auto; margin:10px;}

.sitemap {text-align:left !important;}
.sitemap ul {width:50% !important;}
.sitemap li {clear:both !important; text-align: left;}

#sitemap-left {width:50%; float:left;}
#sitemap-right {width:50%; float:left;}
#sitemap-left li {margin-left:-20px;}
#sitemap-right li {margin-left:-20px;}

#information {text-align: left; padding-top:3%;}
.m-top {margin-top:30px;}

#products a:hover #item-product {border:1px solid #29ABE2;;}
#products a {text-decoration: none !important; display: block;}

.gallery {text-align: justify; padding-bottom:30px;}
.gallery .row {margin: 0 auto 0 auto !important;}
.gallery-detail {width:80% !important; height:auto; text-align:center !important;}
#products {width:90%; margin:0 auto 0 auto !important;}
#filter-products {width:90%; margin:0 auto 0 auto;}
#pagination {width:90%; margin:20px auto 0 auto !important;}

#product-title .col-sm-3 {margin-left:20%;}
#product-title h1{ vertical-align: bottom;}

#detail-specification {margin-top:20px; padding-left: 10%;}
#detail-specification tr {border-bottom: 1px solid #29ABE2;}
#detail-specification td { padding-left:50px; height:25px; font-size:13px;}

.bg-white {width:300px;}
.bg-td-blue {background-color: #29ABE2; color:#FFF; width:300px;}

.award td {font-size:10pt; font-weight:bold;}
.award td p {color:#7bcbe3;}
.award img {width:80px;}
.award p, table {width:90%; margin: 0 auto 0 auto;}
.award-desc {clear:both; text-align:left; width:80%; margin:10px auto 0 auto;}
.award-content {clear:both; text-align:left; width:90%; margin:10px auto 0 auto;}

.brand .paragraf {padding-bottom:20px; width:90%; margin:0 auto 20px auto;}
.brand p {margin-bottom: -2px; text-align: justify;}
.brand h4 {width:100%; margin-bottom:15px;}

.contact {background-color: #FFF; padding-bottom:20px;}
.contact h4 {width:100%; margin: 5 30 5 30; color:#29ABE2;}
.contact input {width:100%; margin: 5 30 5 30; padding:5px; border: 1px solid #29ABE2; color:#29ABE2; }
.contact textarea {width:100%; margin: 5 30 5 30; padding:5px; height:150px; border: 1px solid #29ABE2;}
.contact .btn-submit {width:200px; border-radius: 15px; background-color: #29ABE2; color: #FFF;}
.btn-submit { margin:0 auto 0 auto;}
.contact .cf {text-align:justify;}

.warranty .paragraf {padding-bottom:20px; width:90%; margin:0 auto 20px auto;}
.warranty p {margin-bottom: -2px; text-align: justify;}
.warranty li {margin-left:20px;}
.warranty h4 {width:100%; margin-bottom:15px;}

.motor .paragraf {padding-bottom:20px; margin:0 auto 20px auto;}
.motor p {margin-bottom: -2px; text-align: justify;}
.motor li {margin-left:20px;}
.motor h4 {width:100%; margin-bottom:15px;}

.row {margin-right: 0px !important; margin-left: 0px !important;}

.paragraf ul {width:90%; margin: 0 auto 0 auto;}
.paragraf h4 {width:90%; margin: 0 auto 0 auto;}

.how h4 {width:90%; margin: 0 auto 0 auto;}
.how p {width:90%; margin: 0 auto 0 auto; padding-left:25px;}
.how img {width:80%; margin:20px auto 0 auto;}
.how .row {margin-top:20px; margin-bottom:20px;}

.about {padding-bottom:20px;}
.about h3, p {width:90%; margin: 0 auto 0 auto; text-align: justify;}

.brand .paragraf {width:100%; text-align: justify;}

.row-mr {overflow: hidden;}

.img-content {width:110%; height:auto; float:left;}

.img-detail {width:100%; height:60px;}

.item-award {list-style-type:none; margin-top:10px; text-align:right !important; width:100% !important; margin-right:-10px;}

.about-title {clear:both; text-align:center !important; margin:10px auto 0 auto; width:90%;}
.about-content {clear:both; text-align:justify !important; margin:10px auto 0 auto; width:90%;}

.clear-float {clear: both;}

.detail-brand {clear:both; text-align:center !important; width:90%;  margin:0 auto 0 auto;}

.img-motor {width:50%; margin:0 auto 0 auto; text-align:center;}

#search {position:absolute; z-index: 1100; width:100%; height: 100%; background-color: transparent; top: 0;}
#form-search {width:40%; background-color: #666; padding:20px; margin: 60px auto 0 auto; border-radius: 5px; opacity: 1; }
#searchtext {width:80%; padding:0 5px 0 5px;}
.btn-search {padding:0 5px 0 5px; background-color: aqua; border:1px solid #999; border-radius: 3px;}