/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */


@font-face {
    font-family: generalFont;
    src: url(../fonts/Roboto-Regular.ttf);
}

@font-face {
    font-family: headingFont;
    src: url(../fonts/Montserrat-Regular.otf);
}

@font-face {
    font-family: csoFont;
    src: url(../fonts/Oswald-DemiBold.ttf);
}

@font-face {
    font-family: menuFont;
    src: url(../fonts/Roboto-Bold.ttf);
}




html,
body {
    height: 100%;
	font-size: 16px;
	font-family: generalFont, "Helvetica Neue",  Helvetica, Arial,sans-serif;
	background: url("../img/layout/bg.jpg"); 	
    background-position: center bottom;
	background-size: cover;
}

body {
    padding-top: 0px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}



.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    margin: 10px 0;
}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}





















/* Simon */

/* Light-green: 3c763d */
/* Dark-green: 3d8b3d */



.page-header {
	padding-bottom:9px;
	margin:40px 0 20px;
	border-bottom:1px solid #eee
}


.page-header-2 {
	padding-bottom:9px;
	margin:0px 0 20px;
	border-bottom:1px solid #eee
}


.page-sub-heading {	
	border-bottom:1px solid #eee
}

.img-bottom {
	text-align: center;
    margin-bottom: 10px;
	
}


.section-header{
	padding-bottom:5x;
	margin:10px 10px 5px 10px;
}

.heading-row{
	/* padding-bottom:09x; */
	margin:10px 0px 10px 0px;
	
}

.heading-row-xs{
	/* padding-bottom:09x; */
	margin:0px 0px 10px 0px;
	
}

.heading-cso{
	float: right; 
	font-size: 22px;	
	margin:25px 0px 0px 0px;
	font-family: csoFont, "Helvetica Neue",  Helvetica, Arial,sans-serif;
}

@media(min-width:991px) {
  .heading-cso{
	float: right; 
	font-size: 28px;	
	margin:17px 15px 0px 0px;
	}	
}


.heading-polyu-logo{	
	margin:15px 0px 0px 0px;
}

@media(min-width:991px) {
  .heading-polyu-logo{	
	margin:8px 0px 0px 0px;
	}
}

.footer-cso{
	margin:10px 0px 0px 0px;
}

.footer-hr{
	border:1px solid #eee
}

/*
.footer-bg {
    background-color:#000;	
	color: #fff;
}
*/

.panel-body{
	
}

.break-1{	
	margin:30px 0px 10px 0px;
}


.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#3d8b3d;border-color:#3d8b3d}

.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px;font-weight: bold}
.breadcrumb>li{display:inline-block}
.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}
.breadcrumb>.active{color:#777;  font-weight: normal;}

a{color:#f29100; font-weight: bold; }
a:focus,a:hover{color:#f29100;text-decoration:underline}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}

.portfolio-modal .modal-content a {
    color: #d9534f;
	font-weight: bold;	
}

.portfolio-modal .modal-content a:hover,
.portfolio-modal .modal-content a:focus,
.portfolio-modal .modal-content a:active,
.portfolio-modal .modal-content a.active {
    color: #d9534f;	
	
}



.panel-green {
    border-color: #5cb85c;
}

.panel-green > .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}

.panel-green > a {
    color: #5cb85c;
}

.panel-green > a:hover {
    color: #3d8b3d;
}

.panel-red {
    border-color: #d9534f;
}

.panel-red > .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}

.panel-red > a {
    color: #d9534f;
}

.panel-red > a:hover {
    color: #b52b27;
}

.panel-yellow {
    border-color: #f0ad4e;
}

.panel-yellow > .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}

.panel-yellow > a {
    color: #f0ad4e;
}

.panel-yellow > a:hover {
    color: #df8a13;
}


.btn-success{color:#fff;background-color:#3d8b3d;border-color:#4cae4c; font-weight: bold;}



.a_no-decoration>a, a:focus,a:hover{
	color:#000;
	text-decoration:none;	
}





.h4,h4{
	font-size:23px;

}

.h5,h5{
	font-size:18px;

}


h1,h2,h3,h4,h5 {font-family: headingFont, "Helvetica Neue",  Helvetica, Arial,sans-serif;}



.container {
	background: rgba(255, 255, 255, 0.8);
}


.bg-transparent{
	background: transparent;
}

.portfolio-modal .modal-content {
    padding: 0px 0;
	text-align: justify;
    min-height: 100%;
    border: 0;
    border-radius: 0;    
    background-clip: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
	background: rgba(255, 255, 255, 0);
}



.tips-ul{  
    padding-top: 10px;	
	padding-bottom: 10px;
}


.portfolio-modal .modal-content h2 {
    margin-bottom: 30px;
    font-size: 18px;
	text-align: center;
	text-transform: none;
}

.portfolio-modal .modal-content p {
    margin-bottom: 25px;
}

.portfolio-modal .modal-content li {
    margin-bottom: 10px;
}

.portfolio-modal .modal-content p.item-intro {
    margin: 20px 0 30px;
    font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-style: italic;
}

.portfolio-modal .modal-content ul.list-inline {
    margin-top: 0;
    margin-bottom: 30px;	
}

.portfolio-modal .modal-content img {
    margin-bottom: 10px;
	
}