@font-face {
  font-family: 'font-header';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(font/roboto-light.woff) format('woff');
}
@font-face {
  font-family: 'font-body';
  font-style: normal;
  font-weight: normal;
  src: local('Roboto Regular'), local('Roboto-Regular'), url(font/roboto-regular.woff) format('woff');
}
@font-face {
  font-family: 'font-body';
  font-style: normal;
  font-weight: bold;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(font/roboto-bold.woff) format('woff');
}
@font-face {
  font-family: 'font-menu';
  font-style: normal;
  font-weight: normal;
  src: local('Roboto Regular'), local('Roboto-Regular'), url(font/roboto-regular.woff) format('woff');
}

body {
  padding-top: 0;
  font-family: "font-body";
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "font-header";
}
.starter-template {
  padding: 40px 15px;
  text-align: center;
}

/* NavBar */
#navbarMC {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
	margin-bottom: 10px;
}
#navbarMC .navbar-mc-item {
	text-transform: uppercase;
}
#navbarMC .navbar-mc-item a,
#navbarMC .navbar-mc-item a:visited {
	color: #eee;
	padding-left: 10px;
	padding-right: 10px;
}
#navbarMC .navbar-mc-item a:hover,
#navbarMC .navbar-mc-item.acitve a,
#navbarMC .navbar-mc-item.acitve a:visited {
	color: #ccc;
}
#navbarMC .dropdown-menu {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
}
#navbarMC .dropdown-menu > li > a:hover,
#navbarMC .dropdown-menu > li > a:focus {
	background: transparent;
}

/* MP Logo, Menu */
#logo {
	text-align: center;
	margin-bottom: 5px;
}
#menuMC .mc-menu-phone {
	font-size: 0.9em;
}
#menuMC a.list-group-item {
	background-color: #f2f2f2;
}
#menuMC a.list-group-item:focus,
#menuMC a.list-group-item:hover {
	background-color: #fff;
}

/* MP Announce */
#cameraWrap {
	max-width: 710px;
	max-height: 300px;
}

/* MP Shop */
#panelShop .item-shop {
	margin-bottom: 30px;
}

/* MP News */
.news-list-item .news-list-date {
	display: inline;
	padding-left: 10px;
}
.news-list-item a .news-list-intro,
.news-list-item a:hover .news-list-intro {
	color: #666;
	text-decoration: none;
}
.news-list-item-short {
	padding-left: 80px;
}

/* Footer */
footer {
	margin-top: 60px;
	background: url("../image/footer_bgr.png") repeat-x scroll center top #ececec;
    clear: both;
	padding-top: 20px;
	padding-bottom: 20px;
}

footer .footer_top {
	border-top: solid 1px #d2d2d2;
	background-color: #e8e8e8;
    clear: both;
    height: 5px;
    margin-top: -20px;
	margin-bottom: 20px;
}
footer .mc-footer-icon {
	margin-right: 10px;
}
footer .mc-footer-disclaimer {
	font-size: 0.8em;
	color: #888;
}
footer .mc-footer-powered {
	font-size: 0.9em;
	color: #888;
}
footer .mc-footer-delimiter {
	border-color: #ccc;
}
footer .mc-footer-projects li a {
	font-size: 12px;
}
footer img.mc-footer-cnt {
	opacity: 0.2;
    filter: alpha(opacity=20);
}

/* Address */
.mc-address-group {
	display: none;
}
.mc-address-group-container.enabled .mc-address-group {
	display: block;
}
.mc-address-description {
	margin-bottom: 0.5em;
}
.mc-address-group-switch {
	cursor: pointer;
}
.mc-address-group-switch:hover,
.mc-address-group-switch:hover .fa,
.mc-address-group-container.enabled .mc-address-group-switch,
.mc-address-group-container.enabled .mc-address-group-switch .fa {
	color: #2d6fba;
}
.mc-address-group-container.enabled .mc-address-name {
	color: #f5002f;
}
#mcAddressMap {
	height: 100%;
}

/* Service */
.service-menu-header {
	font-size: 1.8em;
	text-align: center;
}
.service-menu-phone {
	font-size: 1.4em;
}
.service-description {
	display: none;
}
.service-main-first-head {
	padding-top: 8px;
	padding-bottom: 8px;
}
#mainContentService {
	position: relative;
}
#templateOrderCheckResult {
	display: none;
}

/* By default it's not affixed in mobile views, so undo that */
#menuService.affix {
  position: static;
}
#menuService li hr {
	margin-top: 5px;
	margin-bottom: 5px;
}

.pt-50 {
	padding-top: 50px;
}
.pb-50 {
	padding-bottom: 50px;
}
.pt-100 {
	padding-top: 100px;
}
.pb-100 {
	padding-bottom: 100px;
}
.mt-50 {
	margin-top: 50px;
}
.mb-10 {
	margin-bottom: 10px;
}
.mb-50 {
	margin-bottom: 50px;
}
.mt-100 {
	margin-top: 100px;
}
.mb-100 {
	margin-bottom: 100px;
}
.pointer {
	cursor: pointer;
	cursor: hand;
}

.vertical-align {
    display: flex;
    align-items: center;
}
@media (max-width: 767px) {
	.vertical-align {
		display: block;
	}
}


/* Show and affix the side nav when space allows it */
@media (min-width: 992px) {
  .bs-docs-sidebar .nav > .active > ul {
    display: block;
  }
  /* Widen the fixed sidebar */
  #menuService.affix,
  #menuService.affix-bottom {
    width: 293px;
  }
  #menuService.affix-top {
	  top: 100px;
  }
  #menuService.affix {
    position: fixed; /* Undo the static from mobile first approach */
    top: 0;
  }
  #menuService.affix-bottom {
    position: absolute; /* Undo the static from mobile first approach */
  }
}
@media (min-width: 1200px) {
  /* Widen the fixed sidebar again */
  #menuService.affix-bottom,
  #menuService.affix {
    width: 360px;
  }
}