/* CSS Document */
@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }
@import url(http://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,vietnamese,latin-ext);
body{ position: relative; color: #000;}
h1{ font-family: 'Roboto', sans-serif; font-weight: 700; font-style: normal; font-size: 32px; line-height: 34px;}
h2, h3{ font-family: 'Roboto', sans-serif; font-weight: 700; font-style: normal; font-size: 18px; line-height: 21px;}
ul,ol{ padding-left: 17px;}
header{ height: 84px; background: url(../images/bg-top.png) repeat-x;}
header .ap-logo-mbnd{ display: block; padding: 8px 0;}
header h4{ float: left; color: #fff; font-weight: normal; font-size: 14px; margin-top: 30px; line-height: 20px; background: url(../images/icon-project.png) no-repeat 0 1px; padding-left: 24px;}
header p{ float: left; color: #fff; margin-top: 30px; margin-left: 44px;}
.ap-yahoo{ display: inline-block; text-indent: -999999px; margin-left: 8px; width: 22px; height: 22px; background: url(../images/icon-project.png) no-repeat 0 -57px; outline-style: none;}
.ap-skype{ display: inline-block; text-indent: -999999px; margin-left: 12px; width: 21px; height: 20px; background: url(../images/icon-project.png) no-repeat 0 -119px; outline-style: none;}

footer{ background: #e9e9e9; padding-top: 35px;}
footer .container{ color: #666; font-size: 16px; line-height: 1.25;}
footer .icon-social-facebook{width:20px;height:20px;background:url('../images/icons/icons.png') -1px -635px}
footer .icon-social-google{width:20px;height:20px;background:url('../images/icons/icons.png') -1px -656px}
footer .icon {display: inline-block;vertical-align: middle;}
footer .page-footer{ display: block; text-align: center;}
footer a{ color: #ed1c24; text-decoration: none;}
footer a:hover{ text-decoration: underline; color: #999;}
footer img{ vertical-align: middle;}
footer .spacer-left-5 {margin-left: 5px;}
footer .spacer-right-5 {margin-right: 5px;}

.ap-logo-project{ display: inline-block; margin: 25px 0;}
.ap-sign-in{ font-family: 'Roboto', sans-serif; font-weight: 700; font-style: normal; font-size: 14px; color: #fff !important; text-decoration: none !important; text-transform: uppercase; display: block; width: 165px; height: 33px; line-height: 33px; text-align: center; background: url(../images/icon-project.png) no-repeat 0 -303px; margin: 0 auto; margin-top: 12px; position: relative;}
.ap-main{ background: url(../images/bg-building.jpg) repeat-x bottom; padding-bottom: 100px; font-family: 'Roboto', sans-serif; font-weight: 400; font-style: normal; font-size: 14px;}
.ap-main a{ text-decoration: underline; color: #000;}
.ap-home-page h1{ text-transform: uppercase; line-height: 36px;}
.ap-home-page h2{ margin-bottom: 20px;}
.ap-sign-in:active{ top: 1px;}
.ap-detail-box{ padding-top: 30px;}
.ap-form{ background: #ffffff; border: 1px solid #ccc; padding: 15px 20px 10px 20px;}
.ap-form h3{ margin-top: 0;}
.ap-form .help-block{ font-size: 12px; color: #cb1a37; margin-top: 20px; margin-bottom: 0;}
.ap-main p{ margin-bottom: 18px;}
hr.ap-line-top{ border-top: 2px solid #222; margin: 0;}
.ap-slideshow-2 .ap-img-box{ border: 1px solid #000;}
.ap-slideshow-2 .ap-img-box img{ width: 1138px !important; height: 496px !important;}
.ap-design-child-page h1{ text-transform: uppercase; padding-bottom: 28px; margin: 0;}
.ap-design-child-page .text-center img{ display: inline-block;}
.ap-design-page .col-sm-4{}
.ap-design-page .col-sm-4 img{ display: block; border: 1px solid #cdcdcd;}
.ap-design-page .col-sm-4 h1, .ap-design-page .col-sm-4 h2{ font-weight: 400; font-size: 17px; text-transform: uppercase; background: #cdcdcd; padding-bottom: 0; padding-left: 40px; margin-top: 1px; height: 50px; line-height: 50px; position: relative;}
.ap-design-page .col-sm-4 a{ color: #000; text-decoration: none; display: block;}
.ap-design-page .col-sm-4 span{ display: block; width: 50px; height: 50px; background: url(../images/icon-project.png) no-repeat 0 -450px; position: absolute; top: 0; right: 0;}
.ap-design-page .col-sm-4:hover span{ background-position: -150px -450px;}
.ap-position-page .row{ padding-top: 30px;}
.ap-position-page .ap-detail-box{ text-align: justify;}
.ap-position-page h1, .ap-position-page h2{ font-size: 24px; text-transform: uppercase; padding-bottom: 20px; line-height: 28px; text-align: left;}
.ap-position-page .glyphicon-map-marker{ font-size: 30px;}
.ap-payment-page table{ width: 100%;}
.ap-payment-page table th{ text-transform: uppercase; text-align: center; background: #e4e4e4; border-bottom: 4px solid #fff; padding: 10px;}
.ap-payment-page table td{ background: #e4e4e4; border-bottom: 4px solid #fff; padding: 10px;}
.ap-payment-page h1, .ap-payment-page h2{ font-size: 24px; text-transform: uppercase; padding-bottom: 22px; line-height: 28px;}
.ap-payment-page .ap-detail-box hr{ border-top: 1px solid #cdcdcd; margin-top: 40px; margin-bottom: 40px;}
.ap-payment-page .ap-bank-box img{ border: 1px solid #cdcdcd; display: block; margin-bottom: 15px; width: 200px;}
.ap-contact-page h1{ font-size: 24px; text-transform: uppercase; padding-bottom: 30px; margin-top: 30px;}
.ap-investor-box{ background: #e9e9e9; padding: 20px; margin-top: 30px !important;}
.ap-investor-box .pull-left{ float: none !important; margin-right: 0 !important;}
ul.ap-list-contact{ list-style: none;}
ul.ap-list-contact li{ padding-left: 30px; padding-bottom: 15px; padding-top: 5px; position: relative;}
ul.ap-list-contact li:before{ content: ""; position: absolute; top: 0; left: -12px; background:url(../images/icon-project.png) no-repeat 0 -540px; width: 24px; height: 30px;}
ul.ap-list-contact li + li:before{ background-position: 0 -604px;}
ul.ap-list-contact li + li + li:before{ background-position: 0 -663px;}
ul.ap-list-contact li + li + li + li:before{ background-position: 4px -725px;}
ul.ap-list-contact h4{ font-size: 18px; line-height: 21px; margin-top: 0;}
.ap-top-box { text-align: center;}

/* Edit Modal Box Bootstrap */
.modal-dialog {padding-top: 0px;padding-bottom: 0px; position: absolute; top: 50%; margin-top: -105px;}
.modal-header {min-height: 16.428571429px; padding: 0 20px; border-bottom: 0; background: #000; position: relative;}
.modal-header h4{ font-weight: 700; font-style: normal; font-size: 18px; color: #fff; height: 40px; line-height: 40px;}
.modal-title {margin: 0;line-height: 1.428571429;}
.modal-header .close{ position: absolute; top: 0; right: 0; margin-top: 0; background: url(../images/icon-project.png) no-repeat 0 -794px; width: 40px; height: 40px; font: 0px/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; opacity: 1; filter: alpha(opacity=100);}
.modal-header .close:hover, .modal-header .close:focus{ opacity: 0.5; filter: alpha(opacity=50);}
@media (min-width: 768px) {
.modal-dialog {width: 400px; left: 50%; margin-left: -200px;}
.modal-body{ padding: 20px 40px;}
.modal-header{ padding: 0 40px;}	
}
/*  End - Edit Modal Box Bootstrap */

/* Edit toggle menu Bootstrap */
.ap-top-box .navbar-default {
  background-color: #222;
  border: 0;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#222), to(#222));
  background-image: -webkit-linear-gradient(top, #222 0%, #222 100%);
  background-image: -moz-linear-gradient(top, #222 0%, #222 100%);
  background-image: linear-gradient(to bottom, #222 0%, #222 100%);
  background-repeat: repeat-x;
  border-radius: 0px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222', endColorstr='#222', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ap-top-box .navbar-default .navbar-nav > .active > a,
.ap-top-box .navbar-default .navbar-nav > .active > a:hover,
.ap-top-box .navbar-default .navbar-nav > .active > a:focus {
  color: #222;
  background-color: #ddd;
}
.ap-top-box .navbar-default .navbar-nav > li > a:hover, .ap-top-box .navbar-default .navbar-nav > li > a:focus{ background: #ddd; color: #222;}
.ap-top-box .navbar-default .navbar-nav > .active > a {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ddd), to(#ddd));
  background-image: -webkit-linear-gradient(top, #ddd 0%, #ddd 100%);
  background-image: -moz-linear-gradient(top, #ddd 0%, #ddd 100%);
  background-image: linear-gradient(to bottom, #ddd 0%, #ddd 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddd', endColorstr='#ddd', GradientType=0);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ap-top-box .navbar-default .ap-two-row a{ padding-top: 4px !important; padding-bottom: 4px !important; line-height: 16px;}
.ap-top-box .navbar-default .navbar-nav > li > a {
  text-shadow: none;
  font-family: 'Roboto', sans-serif; font-weight: 400; font-style: normal; font-size: 12px; text-transform: uppercase;
  color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 26px;
  padding-right: 26px;
  white-space: nowrap;
  text-align: left;
}
.ap-top-box .navbar{ min-height: 35px; margin-bottom: 0;}
.ap-top-box .navbar-default .glyphicon{ font-size: 8px; position: absolute; top: 10px; right: 10px; color: #fff;}
.ap-top-box .navbar-default .dropdown-menu{ background-color: #ddd; padding-top: 0; padding-bottom: 0; border: 0;}
.ap-top-box .navbar-default .dropdown-menu > li{ position: relative;}
.ap-top-box .navbar-default .dropdown-menu > li > a{ font-family: 'Roboto', sans-serif; font-weight: 400; font-style: normal; font-size: 12px; color: #222; text-transform: uppercase; padding-top: 8px; padding-bottom: 8px; text-transform: uppercase; padding-right: 36px;}
.ap-top-box .dropdown-menu > li > a:hover,
.ap-top-box .dropdown-menu > li > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #222;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#222), to(#222));
  background-image: -webkit-linear-gradient(top, #222 0%, #222 100%);
  background-image: -moz-linear-gradient(top, #222 0%, #222 100%);
  background-image: linear-gradient(to bottom, #222 0%, #222 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222', endColorstr='#222', GradientType=0);
}
@media (min-width: 768px) {
.ap-top-box .navbar-default .navbar-nav .ap-two-row a{ text-align: center;}	
.ap-top-box .navbar-default .navbar-collapse{ padding-left: 0; padding-right: 0;}
.ap-top-box ul.nav li.dropdown:hover > ul.dropdown-menu {display: block;} /* Chuyen tu hieu ung CLICK sang HOVER - trong html tim va xoa them: data-toggle="dropdown" o child <a> cua <li class="dropdown"> */
}
@media (min-width: 992px) {
.ap-top-box{ position: relative;}
.ap-top-box .navbar-default{ position: absolute; right: 15px; bottom: 0;}
}
/* End - Edit toggle menu Bootstrap */

@media (max-width: 480px) {
header{ height: 59px; background: url(../images/bg-top-480.png) repeat-x;}
header .ap-logo-mbnd img{ width: 120px;}
header h4{ margin-top: 15px;}
.ap-design-page .col-sm-4 img{ width: 100%;}
.ap-payment-page .ap-bank-box img{ width: 100%; height: auto !important;}
.ap-home-page h1, .ap-design-child-page h1{ font-size: 24px; line-height: 28px;}
}
@media (min-width: 481px) and (max-width: 767px) {
.ap-design-page .col-sm-4 img{ width: 100%;}
}
@media (min-width: 768px) {
.ap-top-box { text-align: left;}
.ap-investor-box{ background: #e9e9e9; padding: 30px 50px 20px 50px;}
.ap-investor-box .pull-left{ float: left !important; margin-right: 80px !important;}
.ap-investor-box dt, .ap-investor-box dd{ text-align: left; padding-bottom: 10px;}
}
@media (min-width: 992px) {
footer .col-md-5{ border-right: 1px solid #fff;}
footer .col-md-5:last-child{ padding-left: 30px; border-right: 0;}
.ap-contact-page .ap-contact-info{ min-height: 260px; padding-right: 60px; border-right: 1px solid #cdcdcd;}
.ap-contact-page .col-md-offset-1{ margin-left: 6.333%;}
}
@media (min-width: 1200px) {
	
}


.errorClass{
border-color: red!important;
}
.errorLabel {
    color: #cb1a37; 
    line-height: 18px;
    font-weight: normal !important;
	font-size: 12px;
	display: block;
	margin-top: 10px;
}
.displaynone {
    display: none;
}

/* ap-main-nav */
.ap-main-nav{ display: none;}
@media (min-width: 768px) {
.ap-main-nav{ padding: 15px 0; display: block; margin-bottom: 40px;}
.ap-main-nav ul{ margin: 0;}
.ap-main-nav li{ float: left; padding: 0 10px;}
.ap-main-nav li:last-child{ float: right; padding: 0;}
.ap-main-nav li:first-child{ padding-left: 0;}
.ap-main-nav a { font-size: 14px; font-weight: bold; color: #ed1c24; text-decoration: none;}
.ap-main-nav a:hover{ color: #555;}
}
@media (min-width: 992px) {
.ap-main-nav{ margin-bottom: 80px;}
.ap-main-nav li{ padding: 0 15px;}
.ap-main-nav a { font-size: 16px;}
}
.ap-logo-mbnd{ display: inline-block; margin: 5px 0 10px 0;}
header{ background: #f5f5f5; border-bottom: 1px solid #dedede; padding: 2px; height: auto;}
header a{ color: #ed1c24;}
header a:hover, header a:focus{ color: #999;}