/*!
 * Start Bootstrap - Agency Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
@font-face {
    font-family: csoFont;
    src: url(../fonts/BrushHandNew.ttf);
}

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

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

@font-face {
    font-family: APLetter-BoldItalic;
    src: url(../fonts/APLetter-BoldItalic.ttf);
}

@font-face {
    font-family: APLetter-LightItalic;
    src: url(../fonts/APLetter-LightItalic.ttf);
}

@font-face {
    font-family: APLetter-Medium;
    src: url(../fonts/APLetter-Medium.ttf);
}

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

@font-face {
    font-family: APLetter-RegularItalic;
    src: url(../fonts/APLetter-RegularItalic.ttf);
}

body {    
    overflow-x: hidden;
    font-family: APLetter-Regular, "Roboto Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #000000;
	/*background-color: #fdd000;*/
	/*background: url("../img/bg/bg-blue.jpg"); */
	font-size: 16px;
}

.modal-body {
	position: relative;
	padding: 15px;
	background: none;
	background-color: rgba(255, 255, 255, 0.95); 
}

.menu-text{
	text-align: center; 	
	font-size: 100%;		
}

@media(min-width:768px) {
    .menu-text{
		font-size: 100%;
	}
}

.menu-text a,
.menu-text a:hover,
.menu-text a:focus,
.menu-text a:active,
.menu-text a.active {
    color: #000000;
}


.top-text{
	text-align: right; 	
	font-size: 90%;	
	
}

@media(min-width:768px) {
    .top-text{
		font-size: 100%;
	}
}

.top-text a {
    color: #3b3d3d;	
}

.top-text a:hover,
.top-text a:focus,
.top-text a:active,
.top-text a.active {
    color: #000000;
}

.portfolio-modal .modal-content .top-text a {
    color: #3b3d3d;	
	text-decoration:none;	
}

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



.text-muted {
    color: #000;
}

.text-primary {
    color: #9f2236;
}

.text-justify {
		text-align: justify;
}

.text-left {
		text-align: left;
}

p {
    font-size: 16px;
    line-height: 1.75;
}

p.large {
    font-size: 16px;
}

a,
a:hover,
a:focus,
a:active,
a.active {
    outline: 0;
}

a,
a:hover,
a:focus,
a:active,
a.active {
    color: #9f2236;
}


footer a,
footer a:hover,
footer a:focus,
footer a:active,
footer a.active {
    color: #000000;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    /* text-transform: uppercase; */
    font-family: APLetter-Bold, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    /* font-weight: 700; */
}


.sub-header {
	padding: 30px 0px 30px 0px;
}

.FBicon {
	padding: 0px 0px 30px 0px;
	  margin: 0 auto;
}
.img-centered {
    margin: 0 auto;
}

.img-right {
	float: right;	
}

.footer-border {
	border-top: 1px solid #e5e5e5;
	padding: 15px;
}
  
.footer-center  {
	text-align: center;		   
}

.footer-right  {
	float: right;	
	margin-bottom: 0;
	margin-left: 5px;   
}


.vert-center{
	margin: auto;
    width: 60%;
    border: 3px solid #73AD21;
    padding: 10px;
}
.img-left {
	float: left;		
}

.bg-light-gray {
    background-color: #f7f7f7;
}

.bg-darkest-gray {
    background-color: #000000;
}

.bg-light-white {
    background-color:  #fff;
}

.btn-primary {
    border-color: #9f2236;
    text-transform: uppercase;
    font-family: APLetter-Regular, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    color: #fff;
    background-color: #9f2236;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    border-color: #9f2236;
    color: #9f2236;
    background-color: #ffffff;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    border-color: #9f2236;
    background-color: #9f2236;
}

.btn-primary .badge {
    color: #9f2236;
    background-color: #fff;
}

.btn-xl {
    padding: 20px 40px;
    border-color: #9f2236;
    border-radius: 3px;
    text-transform: uppercase;
    font-family: APLetter-Regular, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background-color: #9f2236;
}

.btn-xl:hover,
.btn-xl:focus,
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
    border-color: #f6bf01;
    color: #fff;
    background-color: #e3f0d3;
}

.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
    background-image: none;
}

.btn-xl.disabled,
.btn-xl[disabled],
fieldset[disabled] .btn-xl,
.btn-xl.disabled:hover,
.btn-xl[disabled]:hover,
fieldset[disabled] .btn-xl:hover,
.btn-xl.disabled:focus,
.btn-xl[disabled]:focus,
fieldset[disabled] .btn-xl:focus,
.btn-xl.disabled:active,
.btn-xl[disabled]:active,
fieldset[disabled] .btn-xl:active,
.btn-xl.disabled.active,
.btn-xl[disabled].active,
fieldset[disabled] .btn-xl.active {
    border-color: #9f2236;
    background-color: #9f2236;
}

.btn-xl .badge {
    color: #9f2236;
    background-color: #fff;
}












.navbar-default{
    border-color: transparent;
    background-color: #ffffff;
	padding: 30px 0px 0px 0px;
    border: 0;
    -webkit-transition: padding .3s;
    -moz-transition: padding .3s;
    transition: padding .3s;
}

.navbar-default .navbar-brand {  
	font-family: APLetter-Regular, "Roboto Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #2d2d2d;
	font-size: 1.3em;
	
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand.active {
    color: #2d2d2d;
}

/*
.navbar-default .navbar-collapse {
    border-color: rgba(255,255,255,.02);
}*/

.navbar-default .navbar-toggle {
    border-color: #9f2236;
    background-color: #9f2236;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #9f2236;
}

.navbar-default .nav li a {   
	font-size: 17px;
    font-family: APLetter-Regular, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    letter-spacing: 1px;  
}


.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>li>a ,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, 
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>li.active>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>li.active>a:focus,
.navbar-default .navbar-nav > li.dropdown.open.active > a:hover, 
.navbar-default .navbar-nav > li.dropdown.open.active > a:focus
{
    color: #ffffff;
    background-color: #9f2236;
}

.navbar-default .nav li a,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav .open .dropdown-menu,
.navbar-default .navbar-nav .open .dropdown-menu>li>a ,
.navbar-default .navbar-nav .open .dropdown-menu>li.active>a ,
.navbar-default .navbar-nav > li.dropdown.open > a
{
    color: #ffffff;
    background-color: #9f2236;
}




@media(min-width: 992px) {
    .navbar-default .navbar-brand {
        font-size: 1.6em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .navbar-default.navbar-shrink {
        padding: 10px 0;
        background-color: #ffffff;
    }

    .navbar-default.navbar-shrink .navbar-brand {
        font-size: 1.6em;
    }
}







header {
	padding: 0px 0px 0px 0px;
}


@media(min-width:768px) {
    header {
       padding: 30px 0px 20px 0px;
    }
}


section {
   padding: 0px 0px 55px 0px;
}


section h2.section-heading {
    margin-top: 0;
    margin-bottom: 35px;
    font-size: 25px;
}

section h3.section-subheading {
    margin-bottom: 75px;
    text-transform: none;
    font-family: APLetter-Regular, "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
}

.footer-fontsize{
	 font-size: 15px;	
	  color: #000000;
}


@media(min-width:768px) {
    .footer-fontsize{
		font-size: 16px;
	}
}





.service-heading {
    margin: 15px 0;
    text-transform: none;
}







.img-portfolio {
    margin: 0 auto;
}

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

.sub-section .portfolio-item {
    right: 0;
    /*margin: 0 0 px;*/
}

.sub-section .portfolio-item .portfolio-link {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 400px;
}

.sub-section .portfolio-item .portfolio-link .portfolio-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 1;
	-webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
	
}

.sub-section .portfolio-item .portfolio-link .portfolio-hover:hover {
    opacity: 1;
}

.sub-section .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 20px;
    margin-top: -12px;
    text-align: center;
    font-size: 20px;
    color: #fff;
}

.sub-section .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
    margin-top: -12px;
}

.sub-section .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
.sub-section .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
    margin: 0;
}

.sub-section .portfolio-item .portfolio-caption {
    margin: 0 auto;
    padding: 10px;
    max-width: 400px;
    text-align: center;
    margin-bottom: 10px;	
	
}

.sub-section .portfolio-item a{
    color: #2d2d2d;
}


.sub-section .portfolio-item h4{
   font-weight: 500;
   text-transform: none;
}

.sub-section .portfolio-item ul{ 
  list-style-image: url('img/Points-Icon.png');
}

.sub-section .portfolio-item li{
   padding: 0px 0px 10px 0px;
}




.sub-section .portfolio-item a:hover,
.sub-section .portfolio-item a:focus,
.sub-section .portfolio-item a:active,
.sub-section .portfolio-item a.active {   
	color: #9f2236;
	text-decoration: underline;
}




.sub-section * {
    z-index: 2;
}

@media(min-width:767px) {
    .sub-section .portfolio-item {
        /*margin: 0 0 0px;*/
    }
}








footer {
    /* padding: 0px 0px 30px 0px; */
    text-align: center;

}

footer span.copyright {
    text-transform: uppercase;
    text-transform: none;
    font-family: APLetter-Regular, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 40px;
}

footer ul.quicklinks {
    margin-bottom: 0;
    text-transform: uppercase;
    text-transform: none;
    font-family: APLetter-Regular, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 40px;
}

li.social-buttons {
    margin-bottom: 0;
}

li.social-buttons a {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    font-size: 20px;
    line-height: 40px;
    outline: 0;
    color: #fff;
    background-color: #9f2236;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

li.social-buttons a:hover,
li.social-buttons a:focus,
li.social-buttons a:active{
    border-color: #9f2236;	
    color: #9f2236;
    background-color: #ffffff;
}

.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus {
    outline: 0;
}

















.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;
}

@media only screen and (max-width: 991px) {.portfolio-modal .modal-content {text-align: left;}} 


.portfolio-modal .modal-content a,
.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: #088432;
	text-decoration: none;
	font-weight: bold;
}


.panel-body {
  padding: 15px;
}

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

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

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

.portfolio-modal .modal-content p.item-intro {
    margin: 20px 0 30px;
    font-family: APLetter-Regular, "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;
	
}

.portfolio-modal .close-modal {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 75px;
    height: 75px;
    background-color: transparent;
    cursor: pointer;
}

.portfolio-modal .close-modal:hover {
    opacity: .3;
}

.portfolio-modal .close-modal .lr {
    z-index: 1051;
    width: 1px;
    height: 75px;
    margin-left: 35px;
    background-color: #000000;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.portfolio-modal .close-modal .lr .rl {
    z-index: 1052;
    width: 1px;
    height: 75px;
    background-color: #000000;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

::-moz-selection {
    text-shadow: none;
    background: #e3f0d3;
}

::selection {
    text-shadow: none;
    background: #e3f0d3;
}

img::selection {
    background: 0 0;
}

img::-moz-selection {
    background: 0 0;
}

.img-round-corner {
  border-radius: 30px;
}

.img-round-corner-two {
  border-radius: 10px;
}

body {
    webkit-tap-highlight-color: #9f2236;
}

/*youtube*/
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.modal-footer-2 {		
	margin-bottom: 30px;
	padding: 15px;
	border-top: 1px solid #e5e5e5;
}


.modal-footer {
  margin-bottom: 25px;
}



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

.heading-2{	
	margin:28px 0px 0px 0px;
}

@media(min-width:991px) {
  .heading-2{	
	margin:40px 0px 0px 0px;
	}
}



.heading-polyu-logo{margin:15px 0px 0px 0px; max-height: 60px;}
@media only screen and (max-width: 600px) {.heading-polyu-logo{margin:20px 0px 0px 0px; max-height: 60px;}}
@media only screen and (min-width: 600px) {.heading-polyu-logo{margin:20px 0px 0px 0px; max-height: 60px;}}
@media only screen and (min-width: 768px) {.heading-polyu-logo{margin:20px 0px 0px 0px; max-height: 50px;}}
@media only screen and (min-width: 992px) {.heading-polyu-logo{margin:20px 0px 0px 0px; max-height: 50px;}}
@media only screen and (min-width: 1200px) {.heading-polyu-logo{margin:10px 0px 0px 0px; max-height: 50px;}}

.margin_style_one{padding: 0px 65px 0px 65px; }
@media only screen and (max-width: 600px) {.margin_style_one{padding: 10px 35px 5px 35px;}}
@media only screen and (min-width: 600px) {.margin_style_one{padding: 15px 50px 15px 50px;}}
@media only screen and (min-width: 768px) {.margin_style_one{padding: 15px 65px 15px 65px;}}
@media only screen and (min-width: 992px) {.margin_style_one{padding: 0px 35px 50px 35px;}}
@media only screen and (min-width: 1200px){.margin_style_one{padding: 0px 45px 0px 45px;}}
@media only screen and (min-width: 1500px){.margin_style_one{padding: 0px 60px 0px 60px;}}



.margin_style_three{margin: 15px 0 25px 0;}
@media only screen and (max-width: 600px) {.margin_style_three{margin: 15px 0 25px 0;}}
@media only screen and (min-width: 600px) {.margin_style_three{margin: 15px 0 25px 0;}}
@media only screen and (min-width: 768px) {.margin_style_three{margin: 15px 0 25px 0;}}
@media only screen and (min-width: 992px) {.margin_style_three{margin: 15px 0 5px 0;}}
@media only screen and (min-width: 1200px){.margin_style_three{margin: 15px 0 25px 0;}}
@media only screen and (min-width: 1500px){.margin_style_three{margin: 15px 0 15px 0;}}

.margin_style_four{.margin_style_four{padding: 0px 10px 20px 10px; }}
@media only screen and (max-width: 600px) {.margin_style_four{padding: 20px 0px 10px 0px; }}
@media only screen and (min-width: 600px) {.margin_style_four{padding: 20px 0px 10px 0px; }}
@media only screen and (min-width: 768px) {.margin_style_four{padding: 20px 10px 10px 10px; }}
@media only screen and (min-width: 992px) {.margin_style_four{padding: 0px 10px 20px 10px; }}
@media only screen and (min-width: 1200px){.margin_style_four{padding: 0px 10px 20px 10px; }}
@media only screen and (min-width: 1500px){.margin_style_four{padding: 0px 10px 20px 10px; }}

.margin_style_five{padding: 0px 65px 0px 65px; }
@media only screen and (max-width: 600px) {.margin_style_five{padding: 10px 35px 5px 35px;}}
@media only screen and (min-width: 600px) {.margin_style_five{padding: 15px 50px 15px 50px;}}
@media only screen and (min-width: 768px) {.margin_style_five{padding: 15px 65px 15px 65px;}}
@media only screen and (min-width: 992px) {.margin_style_five{padding: 0px 35px 50px 35px;}}
@media only screen and (min-width: 1200px){.margin_style_five{padding: 0px 45px 0px 45px;}}
@media only screen and (min-width: 1500px){.margin_style_five{padding: 0px 35px 0px 35px;}}

.margin_style_six{margin: 15px 0 25px 0; padding: 15px 0 25px 0;}
@media only screen and (max-width: 600px) {.margin_style_six{margin: 10px 0 10px 0; padding: 0px 0px 0px 0px;}}
@media only screen and (min-width: 600px) {.margin_style_six{margin: 10px 0 10px 0; padding: 0px 5px 0px 5px;}}
@media only screen and (min-width: 768px) {.margin_style_six{margin: 15px 0 15px 0; padding: 0px 5px 0px 5px;}}
@media only screen and (min-width: 992px) {.margin_style_six{margin: 15px 0 15px 0; padding: 0px 5px 0px 5px;}}
@media only screen and (min-width: 1200px){.margin_style_six{margin: 5px 0 5px 0; padding: 0px 5px 0px 5px;}}
@media only screen and (min-width: 1500px){.margin_style_six{margin: 15px 0 15px 0; padding: 0px 45px 0px 45px;}}


.margin_style_seven{margin: 15px 0 25px 0;}
@media only screen and (max-width: 600px) {.margin_style_seven{margin: -15px 0 -15px 0;}}
@media only screen and (min-width: 600px) {.margin_style_seven{margin: -25px 0 -15px 0;}}
@media only screen and (min-width: 768px) {.margin_style_seven{margin: -25px 0 -15px 0;}}
@media only screen and (min-width: 992px) {.margin_style_seven{margin: 15px 0 5px 0;}}
@media only screen and (min-width: 1200px){.margin_style_seven{margin: 65px 0 15px 20px;}}
@media only screen and (min-width: 1500px){.margin_style_seven{margin: 65px 0 15px 25px;}}

.margin_style_eight{padding: 10px 10px 10px 10px ;}}
@media only screen and (max-width: 600px) {.margin_style_eight{padding: 15px 15px 10px 15px ;}}
@media only screen and (min-width: 600px) {.margin_style_eight{padding: 15px 15px 10px 15px ;}}
@media only screen and (min-width: 768px) {.margin_style_eight{padding: 15px 15px 10px 15px ;}}
@media only screen and (min-width: 992px) {.margin_style_eight{padding: 20px 20px 10px 20px ;}}
@media only screen and (min-width: 1200px){.margin_style_eight{padding: 25px 25px 15px 25px ;}}
@media only screen and (min-width: 1500px){.margin_style_eight{padding: 35px 35px 15px 35px ;}}

.margin_style_two{padding: 20px 0px 0px 0px; }
@media only screen and (max-width: 600px) {.margin_style_nine{padding: 15px 15px 10px 15px ;}}
@media only screen and (min-width: 600px) {.margin_style_nine{padding: 15px 15px 10px 15px ;}}
@media only screen and (min-width: 768px) {.margin_style_two{padding: 20px 15px 15px 15px;}}
@media only screen and (min-width: 992px) {.margin_style_two{padding: 20px 0px 0px 0px;}}
@media only screen and (min-width: 1200px){.margin_style_two{padding: 20px 0px 0px 0px;}}
@media only screen and (min-width: 1500px){.margin_style_two{padding: 25px 0px 0px 0px;}}

.margin_style_nine{padding: 10px 10px 10px 10px ;}}
@media only screen and (max-width: 600px) {.margin_style_nine{padding: 15px 15px 10px 15px ;}}
@media only screen and (min-width: 600px) {.margin_style_nine{padding: 15px 15px 10px 15px ;}}
@media only screen and (min-width: 768px) {.margin_style_nine{padding: 15px 15px 10px 15px ;}}
@media only screen and (min-width: 992px) {.margin_style_nine{padding: 15px 0px 25px 0px ;}}
@media only screen and (min-width: 1200px){.margin_style_nine{padding: 15px 0px 20px 0px ;}}
@media only screen and (min-width: 1500px){.margin_style_nine{padding: 23px 0px 0px 0px ; }}

.margin_style_ten{margin: 0 0 -10px 0; padding:0;}
@media only screen and (max-width: 600px) {.margin_style_ten{margin: 5px 0 -20px 0; padding:0;}}
@media only screen and (min-width: 600px) {.margin_style_ten{margin: 5px 0 0px 0; padding:0;}}
@media only screen and (min-width: 768px) {.margin_style_ten{margin: 5px 0 0px 0; padding:0;}}
@media only screen and (min-width: 992px)  {.margin_style_ten{margin: 10px 0 5px 0; padding:0;}}
@media only screen and (min-width: 1200px) {.margin_style_ten{margin: 10px 0 5px 0; padding:0;}}
@media only screen and (min-width: 1500px) {.margin_style_ten{margin: 10px 0 5px 0; padding:0;}}

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

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


.heading-cso{
	float: right; 
	font-size: 25x;	
	margin:25px 0px 0px 0px;
	font-family: Montserrat, "Helvetica Neue",  Helvetica, Arial,sans-serif;
}
@media only screen and (max-width: 600px) {}
@media only screen and (min-width: 600px) {}
@media only screen and (min-width: 768px) {}
@media only screen and (min-width: 992px) {.heading-cso{font-size: 35px; margin:17px 25px 0px 0px;}}
@media only screen and (min-width: 1200px) {.heading-cso{font-size: 40px; margin:17px 25px 0px 0px;}}

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .8;
}
.close:hover,
.close:focus {
  color: #3c9660;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .8;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  color: #3c9660;
}

.modal-footer {
 padding-left: 5px;
 /*text-align: right;*/
  border-top: 1px solid #e5e5e5;
}

.modal-header {
  min-height: 16.42857143px;
  padding-left: 5px;
  border-bottom: 1px solid #e5e5e5;
}

.modal-header .close {
	margin-top: -25px;
}

@media (min-width: 768px) {
  .modal-header .close {
	margin-top: -25px;
	}
}
@media (min-width: 992px) {
  .modal-header .close {
	margin-top: -2px;
	}
}
@media (min-width: 1200px) {
 .modal-header .close {
	margin-top: -2px;
	}
}


.panel-green {
  border-color: #5cb85c;
}
.panel-green > .panel-heading {
  border-color: #5cb85c;
  color: white;
  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: white;
  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: white;
  background-color: #f0ad4e;
}
.panel-yellow > a {
  color: #f0ad4e;
}
.panel-yellow > a:hover {
  color: #df8a13;
}

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
    text-align: center; 
}

.table-responsive {
	text-align: left;
	white-space: normal	;
}

@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: normal	;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}


/* Simon 20190814  */
/* .masthead_one{	 */
	 /* background:#f2ecce; */
	/* background:-webkit-gradient(linear,left top,left bottom,from(#f2ecce),to(#cbd839));  */
	 /* background:linear-gradient(to bottom,#f2ecce, #cbd839) */
	  /* background-image: linear-gradient(#f2ecce, #cbd839); */
	  /* background:#fff; /*background color*/ */
	 /* background:-webkit-gradient(linear,right top,left top,from(#f9fbe7),to(#fffde7)); */
	 /* background:linear-gradient(to bottom,#f9fbe7, #fffde7) */
 /* } */
 


.container-fluid_cum{margin-left: 5%;  margin-right: 5%;  margin-bottom: 20px;}
@media only screen and (max-width: 600px) {.container-fluid_cum{margin-left: 0; margin-right: 0; margin-bottom: 20px;}} 
@media only screen and (min-width: 600px) {.container-fluid_cum{margin-left: 0%; margin-right: 0%; margin-bottom: 20px;}} 
@media only screen and (min-width: 768px) {.container-fluid_cum{margin-left: 0%; margin-right: 0%; margin-bottom: 20px;}} 
@media only screen and (min-width: 992px) {.container-fluid_cum{margin-left: 0%; margin-right: 0%; margin-bottom: 20px;}} 
@media only screen and (min-width: 1200px) {.container-fluid_cum{margin-left: 8%; margin-right: 8%; margin-bottom: 20px;}}

.index-img-cum{margin: 5px 0px 5px 0px; }
@media only screen and (max-width: 600px) {.index-img-cum{margin: 10px 0px 10px 0px; }} 
@media only screen and (min-width: 600px) {.index-img-cum{margin: 10px 0px 10px 0px; }} 
@media only screen and (min-width: 768px) {.index-img-cum{margin: 5px 0px 5px 0px; }} 
@media only screen and (min-width: 992px) {.index-img-cum{margin: 5px 0px 5px 0px; }} 
@media only screen and (min-width: 1200px) {.index-img-cum{margin: 5px 0px 5px 0px; }} 

/* https://codepen.io/raubaca/pen/VejpQP */
.center-on-page {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

/* Reset Select */
select {
  /* -webkit-appearance: none; */
  /* -moz-appearance: none; */
  /* -ms-appearance: none; */
  /* appearance: none; */
  outline: 0;
  box-shadow: none;
  border: 1 !important;
  background: #fff;
  background-image: none;
   
  /* width: 100%; */
  /* height: 2em; */
  
  white-space:pre-wrap;
  width: auto;
  height: auto; 
  
  margin: 12px 0 12px 0;
  padding: 0 0 0 .5em;
  color: #000;
  cursor: pointer;
  
 
 
}

@media only screen and (max-width: 600px) {select {width: 90%; margin: -5px 0px -5px 0;} }
@media only screen and (min-width: 600px) {select {width: 90%; margin: -5px 0px -5px 0;}}
@media only screen and (min-width: 768px) {select {width: 90%; margin: -5px 0px -5px 0;}} 
@media only screen and (min-width: 992px) {select {width: 90%; margin: -5px 0px -5px 0;}} 

/* Custom Select */
.select {
  position: relative;
  display: block;
  width: 20em;
  height: 4em;
  line-height: 3;
  background: #fff;
  overflow: hidden;
  border-radius: .25em;
}

select::-ms-expand {
  display: none;
}
/* Arrow */
.select::after {
  content: '\25BC';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0 1em;
  background: #34495e;
  pointer-events: none;
}
/* Transition */
.select:hover::after {
  color: #f39c12;
}
.select::after {
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
}

.piechartcss{width: 100%;  height: 500px;}
@media only screen and (max-width: 600px) {.piechartcss{width: 100%; height: 220px;}} 
@media only screen and (min-width: 600px) {.piechartcss{width: 100%; height: 220px;}} 
@media only screen and (min-width: 768px) {.piechartcss{width: 100%; height: 250px;}} 
@media only screen and (min-width: 992px) {.piechartcss{width: 100%; height: 300px;}} 
@media only screen and (min-width: 1200px) {.piechartcss{width: 100%; height: 300px;}} 


@media only screen and (max-width: 991px) {.margin-logo-123 {margin-top: -20px;}} 


mark {background-color: #fff9c4;}


.breadcrumb{
	padding:8px 15px;
	margin-bottom:20px;
	list-style:none;
	background-color:transparent;
	border-radius:4px;
	font-weight: bold
}
.breadcrumb>li{display:inline-block}
.breadcrumb>li:after{padding:0 0 0 10px; color:#393939; content:"/\00a0"}
.breadcrumb>li+li:before{color:#ccc; content:""}
.breadcrumb>li+li:after{color:#ccc; content:""}
.breadcrumb>.active{color:#393939; font-weight: normal;}
.breadcrumb a{color:#393939; font-weight: normal;}
.breadcrumb a:focus,
.breadcrumb a:hover{
	color:#393939; 	
	text-decoration: underline;
}


.Actbg{background: #F9F9F9; padding:15px;}