/**
Start: Core and Navigation
**/

h1 {
	font-family: 'Open Sans', sans-serif, "微软雅黑", "Microsoft yahei", "宋体", "SimSun";
	font-size:43px;
	line-height:53px;
	font-weight:bold;
	color:#333333;
	padding-top:20px 0px 20px 0px;
}
h2 {
	font-family: 'Open Sans', sans-serif, "微软雅黑", "Microsoft yahei", "宋体", "SimSun";
	font-size:39px;
	line-height:49px;
	font-weight:bold;
	color:#333333;
	padding-top:20px 0px 20px 0px;
}
h3 {
	font-family: 'Open Sans', sans-serif, "微软雅黑", "Microsoft yahei", "宋体", "SimSun";
	font-size:35px;
	line-height:45px;
	font-weight:bold;
	color:#333333;
	padding-top:20px 0px 20px 0px;
}
h4 {
	font-family: 'Open Sans', sans-serif, "微软雅黑", "Microsoft yahei", "宋体", "SimSun";
	font-size:31px;
	line-height:41px;
	font-weight:bold;
	color:#333333;
	padding-top:20px 0px 20px 0px;
}
h5 {
	font-family: 'Open Sans', sans-serif, "微软雅黑", "Microsoft yahei", "宋体", "SimSun";
	font-size:27px;
	line-height:37px;
	font-weight:bold;
	color:#333333;
	padding-top:20px 0px 20px 0px;
}
h6 {
	font-family: 'Open Sans', sans-serif, "微软雅黑", "Microsoft yahei", "宋体", "SimSun";
	font-size:23px;
	line-height:33px;
	font-weight:bold;
	color:#333333;
	padding-top:20px 0px 20px 0px;
}

p {
font-family: 'Open Sans', sans-serif, "微软雅黑", "Microsoft yahei", "宋体", "SimSun";
font-weight:400;
font-size:16px;
line-height:27px;
color:#333333;
}
p a:link {
color:#00acd6;
text-decoration:underline;   
}
p a:visited {
color:#00acd6;
text-decoration:underline;       
}
p a:hover {
color:#00acd6;
text-decoration:underline;       
}
p a:active {
color:#00acd6;
text-decoration:underline;       
}
body {
font-family: 'Open Sans', sans-serif, "微软雅黑", "Microsoft yahei", "宋体", "SimSun";
font-weight:400;
font-size:16px;
line-height:27px;
color:#333333;
}
.block-wrapper-inner p {
font-family: 'Open Sans', sans-serif, "微软雅黑", "Microsoft yahei", "宋体", "SimSun";
font-weight:400;
font-size:16px;
line-height:27px;
color:#333333;
}

.footer-circle-links {
width:7px; 
height:7px; 
display:inline;
padding-bottom:1px;
opacity: 0.5;
filter: alpha(opacity=50);
}



































.navbar-header {
    float: none !important
}
.navbar .container {
    padding: 0
}
.navbar {
    margin: 0;
    border-radius: 0;
    border: none;
    position: relative;
    z-index: 8000;
    min-height: inherit;
}
.navbar-brand {
    padding: 0;
    padding-top: 30px;
}
.navbar-header {
    background: #333C45;
    padding: 0;
}
.navbar.black .navbar-header {
	background: #2c2c2c;
}
.navbar-collapse {
    width: auto;
    padding: 0;
    border: none;
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.navbar-nav {
    margin: 0
}
.navbar-nav > li {
    margin-left: 15px
}
.navbar-nav > li > a {
    font-size: 13px;
    //font-weight: 800;
    text-transform: uppercase;
    color: #FFF;
    padding: 40px 14px;
}
.nav > li > a:focus {
	background: none;
	color: #FFF;
}
.nav > li > a:hover {
	background: none;
	color: #00acd6;    
}
.nav > li.current > a {
	background: none;
	color: #00acd6;
}
.navbar .dropdown-menu {
    padding: 0;
    margin: 0;
    min-width: 190px;
    background-color: #2e353d;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-top: 2px solid #00acd6 !important;
}
.navbar.black .dropdown-menu {
	background: #292929;
}
.navbar .dropdown-menu .dropdown-menu {
    border: none !important
}
.navbar .dropdown-menu:not(.yamm-dropdown-menu) li {
    background: transparent;
    border: none;
    border-top: 1px solid rgba(0, 0, 0, 0.17);
}
.navbar .dropdown-menu:not(.yamm-dropdown-menu) li:first-child {
    border: none
}
.navbar .dropdown-menu:not(.yamm-dropdown-menu) li a {
    padding: 15px;
    line-height: 1;
    color: #FFF;
    //font-size: 12px;
    text-transform: uppercase;
    //font-weight: 800;
}
.navbar .dropdown-menu:not(.yamm-dropdown-menu) li a:hover,
.navbar .dropdown-menu:not(.yamm-dropdown-menu) li a.active {
    padding: 15px;
    filter: none;
    line-height: 1;
    background-color: #2e353d;
    color: #FFF;
}
.navbar.black .dropdown-menu:not(.yamm-dropdown-menu) li a:hover,
.navbar.black .dropdown-menu:not(.yamm-dropdown-menu) li a.active {
    background: #292929;
}
.navbar .nav .open > a,
.navbar .nav .open > a:hover,
.navbar .nav .open > a:focus {
    background: none;
    color: #00acd6;
}
.navbar .nav > li > .dropdown-menu:not(.yamm-dropdown-menu):after {
    display: none
}
.navbar .nav > li > .dropdown-menu:not(.yamm-dropdown-menu):before {
    display: none
}
.navbar .dropdown-menu:not(.yamm-dropdown-menu) > li > a:hover,
.navbar .dropdown-menu:not(.yamm-dropdown-menu) > li > a:focus,
.navbar .dropdown-submenu:hover > a,
.navbar .dropdown-submenu:focus > a,
.navbar .dropdown-menu:not(.yamm-dropdown-menu) > .active > a,
.navbar .dropdown-menu:not(.yamm-dropdown-menu) > .active > a:hover,
.navbar .dropdown-menu:not(.yamm-dropdown-menu) > .active > a:focus {
    background: none;
    color: #00acd6;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn.responsive-menu {
    padding: 8px 13px;
    margin: 0;
    display: none;
    font-size: 15px;
}















/* probably one of the most important section */

.block-wrapper-outer.nav1 {
//background:#ff00ff;
padding-top:45px;
}
.block-wrapper-outer.nav1nav2 {
padding-top:90px;
}
@media (max-width: 991px) {
	.block-wrapper-outer.nav1nav2 {
	padding-top:45px;
	}
}



.block-wrapper {
padding-top:0px;
padding-bottom:0px;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
overflow: hidden;
}






.header-3 .header-with-2-nav {
padding-top:80px;
}






.nav-item:hover {
text-decoration:none !important;
}
.nav-item {
text-decoration:none !important;
}






.block-wrapper-outer .block-wrapper .inner {
padding:0px;
padding-left:10px;
padding-right:10px;
}





.block-wrapper-inner p {
font-family: 'Open Sans', sans-serif, "微软雅黑", "Microsoft yahei", "宋体", "SimSun";
font-weight:400;
font-size:16px;
line-height:27px;
color:#333333;
}








.block-wrapper {
padding-top:0px;
padding-bottom:0px;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
overflow: hidden;
}



@media (min-width: 1200px) {
	.block-wrapper.test1 {
		border:1px dashed #00ff00;
		padding-top:400px;
		padding-bottom:100px;
	}
}





@media (min-width: 767px) {
	.block-wrapper.top-large {
	padding-top:40px;
	padding-bottom:360px;
	}
	.block-wrapper.middle-extra-small {
	padding-top:40px;
	padding-bottom:60px;
	}
	.block-wrapper.middle-small {
	padding-top:81px;
	padding-bottom:80px;
	}
	.block-wrapper.middle-medium {
	padding-top:160px;
	padding-bottom:160px;
	}
	.block-wrapper.middle-large {
	padding-top:240px;
	padding-bottom:240px;
	}
	.block-wrapper.bottom-small {
	padding-top:120px;
	padding-bottom:40px;
	}
	.block-wrapper.bottom-medium {
	padding-top:260px;
	padding-bottom:40px;
	}
	.block-wrapper.bottom-large {
	padding-top:340px;
	padding-bottom:40px;
	}

}

@media (min-width: 1200px) {
	.block-wrapper.middle-extra-large {
	padding-top:320px;
	padding-bottom:320px;
	}
	.block-wrapper.bottom-extra-large {
	padding-top:360px;
	padding-bottom:40px;
	}
}

@media (min-width: 991px) and (max-width: 1200px) {
	.block-wrapper.middle-extra-large {
	padding-top:260px;
	padding-bottom:260px;
	}
	.block-wrapper.bottom-extra-large {
	padding-top:300px;
	padding-bottom:40px;
	}
}

@media (min-width: 767px) and (max-width: 991px) {
	.block-wrapper.middle-extra-large {
	padding-top:200px;
	padding-bottom:200px;
	}
	.block-wrapper.bottom-extra-large {
	padding-top:240px;
	padding-bottom:40px;
	}
}

@media (min-width: 1px) and (max-width: 767px) {
	.block-wrapper.middle-extra-small {
	padding-top:40px;
	padding-bottom:40px;
	}
	.block-wrapper.middle-small {
	padding-top:40px;
	padding-bottom:40px;
	}
	.block-wrapper.middle-medium {
	padding-top:40px;
	padding-bottom:40px;
	}
	.block-wrapper.middle-large {
	padding-top:40px;
	padding-bottom:40px;
	}
	.block-wrapper.middle-extra-large {
	padding-top:140px;
	padding-bottom:140px;
	}
	.block-wrapper.bottom-extra-large {
	padding-top:180px;
	padding-bottom:40px;
	}
	.block-wrapper.bottom-small {
	padding-top:40px;
	padding-bottom:40px;
	}
	.block-wrapper.bottom-medium {
	padding-top:40px;
	padding-bottom:40px;
	}
	.block-wrapper.bottom-large {
	padding-top:40px;
	padding-bottom:40px;
	}	
}










.block-wrapper-inner {
padding-top:0px;
padding-bottom:0px;
margin-top:0px;
margin-bottom:0px;
font-size:16px;
line-height:27px;
}

.block-wrapper-inner h1 {
padding-top:0px;
padding-bottom:0px;
}
.block-wrapper-inner h3 {
padding-top:0px;
padding-bottom:0px;
}

.block-wrapper-inner h1.color-white {
color:#FFFFFF;
}
.block-wrapper-inner h2.color-white {
color:#FFFFFF;
}
.block-wrapper-inner h3.color-white {
color:#FFFFFF;
}
.block-wrapper-inner h4.color-white {
color:#FFFFFF;
}
.block-wrapper-inner h5.color-white {
color:#FFFFFF;
}
.block-wrapper-inner h6.color-white {
color:#FFFFFF;
}

.block-wrapper-inner h1.color-darkgrey {
color:#333333;
}
.block-wrapper-inner h2.color-darkgrey {
color:#333333;
}
.block-wrapper-inner h3.color-darkgrey {
color:#333333;
}
.block-wrapper-inner h4.color-darkgrey {
color:#333333;
}
.block-wrapper-inner h5.color-darkgrey {
color:#333333;
}
.block-wrapper-inner h6.color-darkgrey {
color:#333333;
}

.block-wrapper-inner h4.verse {
font-style: italic;
}
/* font responsive */

.block-wrapper-outer .block-wrapper .inner {
padding:0px;
padding-left:10px;
padding-right:10px;
}

/* verse */
.block-wrapper-inner .verse-text {
font-size:22px;
line-height:32px;
font-style: normal;
}
.block-wrapper-inner .verse-ref {
padding-top:20px;
font-size:18px;
line-height:28px;
font-style: italic;
}
.block-wrapper-inner .verse-text .color-white {
color:#FFFFFF;
}
.block-wrapper-inner .verse-ref .color-white {
color:#FFFFFF;
}
.block-wrapper-inner .verse-text .color-darkgrey {
color:#333333;
}
.block-wrapper-inner .verse-ref .color-darkgrey {
color:#333333;
}

@media (max-width: 767px) {
	.block-wrapper-inner .verse-text {
	font-size:15px;
	line-height:25px;
	}
	.block-wrapper-inner .verse-ref {
	font-size:15px;
	line-height:25px;
	}
}



.block-wrapper .block-wrapper-inner a:link {
//display:inline-block;
color:#07add6;
}
.block-wrapper .block-wrapper-inner a:visited {
//display:inline-block;
color:#07add6;
}
.block-wrapper .block-wrapper-inner a:hover {
//display:inline-block;
color:#0086a7;
}
.block-wrapper .block-wrapper-inner a:active {
//display:inline-block;
color:#07add6;
}


.block-wrapper-inner a:link {
display: inline;
}
.block-wrapper-inner a:visited {
display: inline;
}
.block-wrapper-inner a:hover {
display: inline;
}
.block-wrapper-inner a:active {
display: inline;
}


.block-wrapper.generic-header-1 {
background-image:url(../images/general/generic-header-1.jpg);
}

.block-wrapper.header-generic-1 {
background-image:url(../images/general/generic-header-1.jpg);
}


.block-wrapper.about-header {
background-image:url(/images/history/header.jpg);
}
.block-wrapper.beliefs-header {
background-image:url(/images/about/beliefs/header.jpg);
}
.block-wrapper.leadership-header {
background-image:url(/images/about/leadership/header.jpg);
}
.block-wrapper.pastoralcare-header {
background-image:url(/images/pastoral-care/header.jpg);
}



.block-wrapper.motherhood-header {
background-image:url(/images/motherhood/header.jpg);
}


.block-wrapper.give-header {
background-image:url(/images/give/header.jpg);
}





.block-wrapper.knox {
background-image:url(../images/people106.jpg);
}

.block-wrapper.casey {
background-image:url(../images/casey/main-header.jpg);
}
.block-wrapper.tenkstories {
background-image:url(../images/10000stories/header.jpg);
}


.block-wrapper.world-impact-header {
background-image:url(../images/world-impact/world-impact-header.jpg);
}
.block-wrapper.world-impact-verse {
background-image:url(../images/world-impact/world-impact-verse.jpg);
}
.block-wrapper.world-impact-parallax {
background-image:url(../images/world-impact/world-impact-parallax.jpg);
}

.block-wrapper.creative-header {
background-image:url(../images/creative/creative-header.jpg);
}
.block-wrapper.kids-parallax {
background-image:url(../images/kids/kids-parallax.jpg);
}


.block-wrapper.header-apologetics {
background-image:url(../images/general/header/header-apologetics.jpg);
}

.block-wrapper.header-home {
background-image:url(../assets/general/header-home.jpg);
}
.block-wrapper.header-home-2 {
background-image:url(../images/general/header/header-home-2.jpg);
}
.block-wrapper.header-home-3 {
background-image:url(../assets/header.jpg);
}



.block-wrapper.header-vision {
background-image:url(../images/general/header/header-vision.jpg);
}

/* header - services */
.block-wrapper.header-casey {
background-image:url(../images/general/header/header-casey.jpg);
}
.block-wrapper.header-knox {
background-image:url(../images/general/header/header-knox.jpg);
}
.block-wrapper.header-manningham {
background-image:url(../images/general/header/header-manningham.jpg);
}
.block-wrapper.header-whittlesea {
background-image:url(../images/general/header/header-whittlesea.jpg);
}
.block-wrapper.header-chinese {
background-image:url(../images/general/header/header-chinese.jpg);
}
.block-wrapper.header-ethiopia {
background-image:url(../images/general/header/header-ethiopia.jpg);
}
.block-wrapper.header-addis {
background-image:url(../images/general/header/header-addis.jpg);
}

/* header - connect */
.block-wrapper.header-lifegroups {
background-image:url(../images/general/header/header-lifegroups.jpg);
}
.block-wrapper.header-kids {
background-image:url(../images/general/header/header-kids.jpg);
}



.block-wrapper.header-kidzbizz {
background-image:url(../images/general/header/header-kidzbizz.jpg);
}
.block-wrapper.header-youth {
background-image:url(../assets/youth/header.jpg);
}
.block-wrapper.header-youngadults {
background-image:url(../images/general/header/header-youngadults.jpg);
}
.block-wrapper.header-seniors {
background-image:url(../images/general/header/header-seniors.jpg);
}
.block-wrapper.header-men {
background-image:url(../images/general/header/header-men.jpg);
}
.block-wrapper.header-women {
background-image:url(../images/general/header/header-women.jpg);
}
.block-wrapper.header-motherhood {
background-image:url(../images/general/header/header-motherhood.jpg);
}

/* header - equip */
.block-wrapper.header-alpha {
background-image:url(../images/general/header/header-alpha.jpg);
}
.block-wrapper.header-lifetrax {
background-image:url(../images/general/header/header-lifetrax.jpg);
}
.block-wrapper.header-schoolofministry {
background-image:url(../images/general/header/header-schoolofministry.jpg);
}
.block-wrapper.header-biblereading {
background-image:url(../images/general/header/header-biblereading.jpg);
}
.block-wrapper.header-prayer {
background-image:url(../images/general/header/header-prayer.jpg);
}
.block-wrapper.header-baptism {
background-image:url(../images/general/header/header-baptism.jpg);
}
.block-wrapper.header-mars-hill-1 {
background-image:url(../images/general/header/header-mars-hill-1.jpg);
}
.block-wrapper.header-mars-hill-2 {
background-image:url(../images/general/header/header-mars-hill-2.jpg);
}
.block-wrapper.header-home-2015 {
background-image:url(../images/general/header/header-home-2015.jpg);
}

/* header - resources */
.block-wrapper.header-watch {
background-image:url(../images/general/header/header-watch.jpg);
}
.block-wrapper.header-listen {
background-image:url(../images/general/header/header-listen.jpg);
}
.block-wrapper.header-read {
background-image:url(../images/general/header/header-read.jpg);
}

/* header - resources */
.block-wrapper.header-worldimpact {
background-image:url(../images/general/header/header-worldimpact.jpg);
}
.block-wrapper.header-serve {
background-image:url(../images/general/header/header-serve.jpg);
}
.block-wrapper.header-give {
background-image:url(../images/general/header/header-give.jpg);
}
.block-wrapper.header-10000stories {
background-image:url(../images/general/header/header-10000stories.jpg);
}
.block-wrapper.header-tsbp {
background-image:url(../assets/story-building-project/knox/header.jpg);
}
.block-wrapper.header-partner {
background-image:url(../images/general/header/header-partner.jpg);
}
.block-wrapper.header-socialjustice {
background-image:url(../images/general/header/header-socialjustice.jpg);
}
.block-wrapper.header-employment {
background-image:url(../images/general/header/header-employment.jpg);
}


.block-wrapper.header-encounter-week {
background-image:url(../images/general/header/header-encounter-week.jpg);
}




.block-wrapper.addis-parallax {
background-image:url(../images/addis/addis-parallax.jpg);
}

.block-wrapper.youth-parallax {
background-image:url(../images/youth/youth-parallax.jpg);
}

.block-wrapper.ethiopia {
background-image:url(../images/ethiopia/header-ethiopia.jpg);
}

.block-wrapper.header-background-1 {
background-image:url(../images/header-background/header-background-1.jpg);
}




.block-wrapper.header-nickvujicic {
background-image:url(../images/general/header/header-nickvujicic.jpg);
}
.block-wrapper.header-modernfamily {
background-image:url(../images/general/header/header-modernfamily.jpg);
}















.block-wrapper.background-youth-camp {
background-image:url(/images/youth/background-youth-camp.jpg);
}


/* start: when we have grid or colums, below code add padding top and make things tidy */

.block-wrapper .row.row-control {
margin-top:0px;
margin-bottom:0px;
padding-top:0px;
padding-bottom:0px;
//border:1px dotted #333333;
}














.block-wrapper.form-l2 {
padding-top:20px;
padding-bottom:10px;
}























































.navbar-header {
	background:#333333;
    font-family: 'Roboto Condensed', sans-serif;
    font-size:25px;
	height:46px;
	top:0px;
	border:0px;
	padding:0px;
	margin-top:0px !important;
width:100% !important;
}
.navbar-header2 {
    background: #dedede;
    font-family: 'Roboto Condensed', sans-serif;
    font-size:25px;
    height:46px;
}
.nav > li > a {
color:#333333;    
}

.navbar-nav {
    margin: 0;
}
.navbar-nav > li {
    margin-left: 10px;
}
.navbar-nav > li > a {
    font-size: 17px;
    font-weight: 400;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 40px 14px;
}
.nav > li > a:focus {
	background: none;
	color: #00acd6;
}
.nav > li > a:hover {
	background: none;
	color: #00acd6;    
}
.nav > li.current > a {
	background: none;
	color: #00acd6;
}


.navbar-nav2 {
    margin: 0;
}
.navbar-nav2 > li {
    margin-left: 10px;
}
.navbar-nav2 > li > a {
    font-size: 17px;
    font-weight: 400;
    text-transform: uppercase;
    color: #333333;
    padding: 40px 14px;
}

/* nav1 - level 1 - font color when we hover */
.navbar .nav .open > a, .navbar .nav .open > a:hover, .navbar .nav .open > a:focus {
    color: #00acd6;
}
/* nav1 - level 2 - font color when we hover */
.navbar .dropdown-menu:not(.yamm-dropdown-menu) > li > a:hover, .navbar .dropdown-menu:not(.yamm-dropdown-menu) > li > a:focus, .navbar .dropdown-submenu:hover > a, .navbar .dropdown-submenu:focus > a, .navbar .dropdown-menu:not(.yamm-dropdown-menu) > .active > a, .navbar .dropdown-menu:not(.yamm-dropdown-menu) > .active > a:hover, .navbar .dropdown-menu:not(.yamm-dropdown-menu) > .active > a:focus {
    color: #00acd6;
}



.nav2 > li > a:focus {
	background: none;
	color: #f1f1f1;
}
.nav2 > li > a:hover {
	background: none;
	color: #333333;    
}
.nav2 > li.current > a {
	background: none;
	color: #333333;
}

.test {
text-align:left !important;
}

.navbar-brand2 {
	margin-top:5px;
	color:#add136;
	text-transform: uppercase;
}
.navbar-brand2 a:link {
	margin-top:5px;
	color:#add136;
	text-transform: uppercase;
}
.navbar-brand2 a:visited {
	margin-top:5px;
	color:#add136;
	text-transform: uppercase;
}
.navbar-brand2 a:hover {
	margin-top:5px;
	color:#add136;
	text-transform: uppercase;
}
.navbar-brand2 a:active {
	margin-top:5px;
	color:#add136;
	text-transform: uppercase;
}

.navbar-brand2-logo a:link {
	color:#333333;	
}
.navbar-brand2-logo a:visited {
	color:#333333;	
}
.navbar-brand2-logo a:hover {
	color:#add136;	
}
.navbar-brand2-logo a:active {
	color:#333333;	
}


.nav2 .navbar-nav2 a:link {
	color:#333333;	
}
.nav2 .navbar-nav2 a:visited {
	color:#333333;	
}
.nav2 .navbar-nav2 a:hover {
	color:#c6ff0a;	
}
.nav2 .navbar-nav2 a:active {
	color:#333333;	
}
.nav2 .navbar-nav2 li  {
	color:#ff00ff;
}




.navbar .dropdown-menu:not(.yamm-dropdown-menu) li a {
    font-size: 15px;
    font-weight: 400;
}

/* the line above nav1 dropdown menu*/
.navbar .dropdown-menu {
border-top: 1px solid #44484c !important;
background:#333333;
top:46px;
}

/* To make dropdown appear when we hover the navigation */
.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; // remove the gap so it doesn't close
 }








.navbar {
	top:-1px;
}


.navbar.basic.fixed {
    position: fixed;
    left: 0;
    padding: 0;
    margin: 0;
    width: 100%;
}


/* height of the nav */
.navbar.basic.fixed .navbar-nav > li > a {
padding: 13px 10px;
font-size:15px;
}
/* height of the nav2 */
.navbar.basic.fixed .navbar-nav2 > li > a {
padding: 13px 10px;
font-size:15px;
}


.navbar.basic.fixed .navbar-nav2 > li > a:link {
color:#333333;
}
.navbar.basic.fixed .navbar-nav2 > li > a:visited {
color:#333333;
}
.navbar.basic.fixed .navbar-nav2 > li > a:hover {
color:#00acd6;
}
.navbar.basic.fixed .navbar-nav2 > li > a:active {
color:#333333;
}

@media (max-width: 767px) { 
    .navbar-brand {
    width:200px;
    }
}
.navbar.basic.fixed .navbar-brand {
padding-top: 9px
}
.navbar.basic.fixed .navbar-brand img {
height: 30px
}










/* start: mobile nav tweak for search box */
.custom-mobile-search {
	height: 50px;
	background:#37393b;
}
.custom-mobile-search input {
	background:#37393b;
	max-height:39px;
	border:0px;
	font-family: 'Roboto Condensed', sans-serif;
    margin-top:5px;
    max-width:230px;
    max-height:50px;
}
.custom-mobile-search-input {
    display: inline;
    font-size: 20px;
    padding:7px 10px 14px 20px;
    color:#ffffff;
}
.custom-mobile-search-icon-wrapper {
	padding:10px 10px 10px 3px;
}
.custom-mobile-search-icon {
	padding-top:17px !important;
	font-size:16px !important;
}
/* start: mobile nav tweak for search box */








.footer-social-media i {
    color:#CCCCCC;
    font-size:25px;
    padding-left:10px;
}
.footer-social-media i:link {
    color:#333333;
}
.footer-social-media i:visited {
    color:#333333;
}
.footer-social-media i:hover {
    color:#333333;
}
.footer-social-media i:active {
    color:#333333;
}





.background-color-black-0 {
background-color:#FFFFFF;  
}
.background-color-black-10 {
background-color:#f1f1f1;  
}
.background-color-black-20 {
background-color:#d2d2d2;  
}
.background-color-black-40 {
background-color:#a0a0a0;  
}
.background-color-black-60 {
background-color:#575757;  
}
.background-color-black-80 {
background-color:#333333;  
}
.background-color-black-100 {
background-color:#000000;  
}

/**
End: Core and Navigation
**/










@media (min-width:1200px) {
	.padding-top-0-col-lg {
	padding-top:0px;
	}
	.padding-top-5-col-lg {
	padding-top:5px;
	}
	.padding-top-10-col-lg {
	padding-top:10px;
	}
	.padding-top-15-col-lg {
	padding-top:15px;
	}
	.padding-top-20-col-lg {
	padding-top:20px !important;
	}
	.padding-top-200-col-lg {
	padding-top:200px !important;
	}
	.padding-bottom-200-col-lg {
	padding-bottom:200px !important;
	}
}
@media (min-width: 992px) and (max-width: 1200px) {
	.padding-top-0-col-md {
	padding-top:0px;
	}
	.padding-top-5-col-md {
	padding-top:5px;
	}
	.padding-top-10-col-md {
	padding-top:10px;
	}
	.padding-top-15-col-md {
	padding-top:15px;
	}
	.padding-top-20-col-md {
	padding-top:20px;
	}
	.padding-top-200-col-md {
	padding-top:200px !important;
	}
	.padding-bottom-200-col-md {
	padding-bottom:200px !important;
	}	
}
@media (min-width: 768px) and (max-width: 991px) {
	.padding-top-0-col-sm {
	padding-top:0px;
	}
	.padding-top-5-col-sm {
	padding-top:5px;
	}
	.padding-top-10-col-sm {
	padding-top:10px;
	}
	.padding-top-15-col-sm {
	padding-top:15px;
	}
	.padding-top-20-col-sm {
	padding-top:20px;
	}
	.padding-top-40-col-sm {
	padding-top:40px !important;
	}
	.padding-bottom-40-col-sm {
	padding-bottom:40px !important;
	}	
}
@media (min-width: 0px) and (max-width: 767px) {
	.padding-top-0-col-xs {
	padding-top:0px;
	}
	.padding-top-5-col-xs {
	padding-top:5px;
	}
	.padding-top-10-col-xs {
	padding-top:10px;
	}
	.padding-top-15-col-xs {
	padding-top:15px;
	}
	.padding-top-20-col-xs {
	padding-top:20px;
	}	
	.padding-top-40-col-xs {
	padding-top:40px !important;
	}
	.padding-bottom-40-col-xs {
	padding-bottom:40px !important;
	}
}


@media (min-width: 1200px) {
	.max-width-90-percent-col-lg {
		max-width:90%;
	}
	.width-20-percent-col-lg {
		width:20%;
	}

}

@media (min-width: 991px) and (max-width: 1200px) {
	.max-width-90-percent-col-md {
		max-width:90%;
	}
	.width-20-percent-col-md {
		width:20%;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.max-width-90-percent-col-sm {
		max-width:90%;
	}
	.width-20-percent-col-sm {
		width:20%;
	}
}

@media (max-width:767px) {
	.max-width-100-percent-col-xs {
		max-width:100%;
	}
	.max-width-90-percent-col-xs {
		max-width:90%;
	}
	.width-20-percent-col-xs {
		width:20%;
	}
	.width-100-percent-col-xs {
		width:100%;
	}
}



@media (min-width:1200px) {
	.br-col-lg {
	display:block;
	}
}
@media (min-width: 992px) and (max-width: 1200px) {
	.br-col-md {
	display:block;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.br-col-sm {
	display:block;
	}
}
@media (min-width: 0px) and (max-width: 767px) {
	.br-col-xs {
	display:block;
	margin:0px;
	}
}

@media (min-width:1200px) {
	.nobr-col-lg {
	display:inline;
	}
}
@media (min-width: 992px) and (max-width: 1200px) {
	.nobr-col-md {
	display:inline;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.nobr-col-sm {
	display:inline;
	}
}
@media (min-width: 0px) and (max-width: 767px) {
	.nobr-col-xs {
	display:inline;
	margin:0px;
	}
}













.border-top-none {
border-top:0px !important;
}
.border-bottom-none {
border-bottom:0px !important;
}
.padding-top-0 {
padding-top:0px !important;   
}
.padding-top-1 {
padding-top:1px !important;   
}
.padding-top-2 {
padding-top:2px !important;   
}
.padding-top-3 {
padding-top:3px !important;   
}
.padding-top-4 {
padding-top:4px !important;   
}
.padding-top-5 {
padding-top:5px !important;   
}
.padding-top-6 {
padding-top:6px !important;   
}
.padding-top-7 {
padding-top:7px !important;   
}
.padding-top-8 {
padding-top:8px !important;   
}
.padding-top-9 {
padding-top:9px !important;   
}
.padding-top-10 {
padding-top:10px !important;   
}
.padding-top-17 {
padding-top:17px !important;   
}
.padding-top-20 {
padding-top:20px !important;   
}
.padding-top-30 {
padding-top:30px !important;   
}
.padding-top-40 {
padding-top:40px !important;   
}
.padding-top-50 {
padding-top:50px !important;   
}
.padding-top-60 {
padding-top:60px !important;   
}
.padding-top-70 {
padding-top:70px !important;   
}
.padding-top-70 {
padding-top:70px !important;   
}
.padding-top-80 {
padding-top:80px !important;   
}
.padding-top-90 {
padding-top:90px !important;   
}
.padding-top-100 {
padding-top:100px !important;   
}
.padding-top-110 {
padding-top:110px !important;   
}
.padding-top-120 {
padding-top:120px !important;   
}
.padding-top-130 {
padding-top:130px !important;   
}
.padding-top-140 {
padding-top:140px !important;   
}
.padding-top-150 {
padding-top:150px !important;   
}
.padding-top-160 {
padding-top:160px !important;   
}
.padding-top-170 {
padding-top:170px !important;   
}
.padding-top-180 {
padding-top:180px !important;   
}
.padding-top-190 {
padding-top:190px !important;   
}
.padding-top-200 {
padding-top:200px !important;   
}
.padding-top-210 {
padding-top:210px !important;   
}
.padding-top-220 {
padding-top:220px !important;   
}
.padding-top-230 {
padding-top:230px !important;   
}
.padding-top-240 {
padding-top:240px !important;   
}
.padding-top-250 {
padding-top:250px !important;   
}
.padding-top-260 {
padding-top:260px !important;   
}
.padding-top-270 {
padding-top:270px !important;   
}
.padding-top-280 {
padding-top:280px !important;   
}
.padding-top-290 {
padding-top:290px !important;   
}
.padding-top-300 {
padding-top:300px !important;   
}
.padding-top-310 {
padding-top:310px !important;   
}
.padding-top-320 {
padding-top:320px !important;   
}
.padding-top-330 {
padding-top:330px !important;   
}
.padding-top-340 {
padding-top:340px !important;   
}
.padding-top-350 {
padding-top:350px !important;   
}
.padding-top-360 {
padding-top:360px !important;   
}
.padding-top-370 {
padding-top:370px !important;   
}
.padding-top-380 {
padding-top:380px !important;   
}
.padding-top-390 {
padding-top:390px !important;   
}
.padding-top-400 {
padding-top:400px !important;   
}

@media (min-width: 1200px) {
	.padding-top-0-col-lg {
	padding-top:0px !important;
	}
	.padding-top-10-col-lg {
	padding-top:10px !important;
	}
	.padding-top-20-col-lg {
	padding-top:20px !important;
	}
	.padding-top-30-col-lg {
	padding-top:30px !important;
	}
	.padding-top-40-col-lg {
	padding-top:40px !important;
	}
	.padding-top-50-col-lg {
	padding-top:50px !important;
	}
}

@media (min-width: 991px) and (max-width: 1200px) {
	.padding-top-0-col-md {
	padding-top:0px !important;
	}
	.padding-top-10-col-md {
	padding-top:10px !important;
	}
	.padding-top-20-col-md {
	padding-top:20px !important;
	}
	.padding-top-30-col-md {
	padding-top:30px !important;
	}
	.padding-top-40-col-md {
	padding-top:40px !important;
	}
	.padding-top-50-col-md {
	padding-top:50px !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.padding-top-0-col-sm {
	padding-top:0px !important;
	}
	.padding-top-10-col-sm {
	padding-top:10px !important;
	}
	.padding-top-20-col-sm {
	padding-top:20px !important;
	}
	.padding-top-30-col-sm {
	padding-top:30px !important;
	}
	.padding-top-40-col-sm {
	padding-top:40px !important;
	}
	.padding-top-50-col-sm {
	padding-top:50px !important;
	}
}

@media (max-width:767px) {
	.padding-top-0-col-xs {
	padding-top:0px !important;   
	}
	.padding-top-10-col-xs {
	padding-top:10px !important;   
	}
	.padding-top-20-col-xs {
	padding-top:20px !important;   
	}
	.padding-top-30-col-xs {
	padding-top:30px !important;   
	}
	.padding-top-40-col-xs {
	padding-top:40px !important;   
	}
	.padding-top-50-col-xs {
	padding-top:50px !important;   
	}
}









.padding-bottom-0 {
padding-bottom:0px !important;   
}
.padding-bottom-1 {
padding-bottom:1px !important;   
}
.padding-bottom-2 {
padding-bottom:2px !important;   
}
.padding-bottom-3 {
padding-bottom:3px !important;   
}
.padding-bottom-4 {
padding-bottom:4px !important;   
}
.padding-bottom-5 {
padding-bottom:5px !important;   
}
.padding-bottom-6 {
padding-bottom:6px !important;   
}
.padding-bottom-7 {
padding-bottom:7px !important;   
}
.padding-bottom-8 {
padding-bottom:8px !important;   
}
.padding-bottom-9 {
padding-bottom:9px !important;   
}
.padding-bottom-10 {
padding-bottom:10px !important;   
}
.padding-bottom-20 {
padding-bottom:20px !important;   
}
.padding-bottom-30 {
padding-bottom:30px !important;   
}
.padding-bottom-40 {
padding-bottom:40px !important;   
}
.padding-bottom-50 {
padding-bottom:50px !important;   
}
.padding-bottom-60 {
padding-bottom:60px !important;   
}
.padding-bottom-70 {
padding-bottom:70px !important;   
}
.padding-bottom-70 {
padding-bottom:70px !important;   
}
.padding-bottom-80 {
padding-bottom:80px !important;   
}
.padding-bottom-90 {
padding-bottom:90px !important;   
}
.padding-bottom-100 {
padding-bottom:100px !important;   
}
.padding-bottom-110 {
padding-bottom:110px !important;   
}
.padding-bottom-120 {
padding-bottom:120px !important;   
}
.padding-bottom-130 {
padding-bottom:130px !important;   
}
.padding-bottom-140 {
padding-bottom:140px !important;   
}
.padding-bottom-150 {
padding-bottom:150px !important;   
}
.padding-bottom-160 {
padding-bottom:160px !important;   
}
.padding-bottom-170 {
padding-bottom:170px !important;   
}
.padding-bottom-180 {
padding-bottom:180px !important;   
}
.padding-bottom-190 {
padding-bottom:190px !important;   
}
.padding-bottom-200 {
padding-bottom:200px !important;   
}
.padding-bottom-210 {
padding-bottom:210px !important;   
}
.padding-bottom-220 {
padding-bottom:220px !important;   
}
.padding-bottom-230 {
padding-bottom:230px !important;   
}
.padding-bottom-240 {
padding-bottom:240px !important;   
}
.padding-bottom-250 {
padding-bottom:250px !important;   
}
.padding-bottom-260 {
padding-bottom:260px !important;   
}
.padding-bottom-270 {
padding-bottom:270px !important;   
}
.padding-bottom-280 {
padding-bottom:280px !important;   
}
.padding-bottom-290 {
padding-bottom:290px !important;   
}
.padding-bottom-300 {
padding-bottom:300px !important;   
}
.padding-bottom-310 {
padding-bottom:310px !important;   
}
.padding-bottom-320 {
padding-bottom:320px !important;   
}
.padding-bottom-330 {
padding-bottom:330px !important;   
}
.padding-bottom-340 {
padding-bottom:340px !important;   
}
.padding-bottom-350 {
padding-bottom:350px !important;   
}
.padding-bottom-360 {
padding-bottom:360px !important;   
}
.padding-bottom-370 {
padding-bottom:370px !important;   
}
.padding-bottom-380 {
padding-bottom:380px !important;   
}
.padding-bottom-390 {
padding-bottom:390px !important;   
}
.padding-bottom-400 {
padding-bottom:400px !important;   
}

.padding-left-0 {
padding-left:0px !important;   
}
.padding-left-5 {
padding-left:5px !important;   
}
.padding-left-10 {
padding-left:10px !important;   
}
.padding-left-20 {
padding-left:20px !important;   
}
.padding-left-30 {
padding-left:30px !important;   
}
.padding-left-40 {
padding-left:40px !important;   
}
.padding-left-50 {
padding-left:50px !important;   
}
.padding-left-60 {
padding-left:60px !important;   
}
.padding-left-70 {
padding-left:70px !important;   
}
.padding-left-70 {
padding-left:70px !important;   
}
.padding-left-80 {
padding-left:80px !important;   
}
.padding-left-90 {
padding-left:90px !important;   
}
.padding-left-100 {
padding-left:100px !important;   
}



.padding-right-0 {
padding-right:0px !important;   
}
.padding-right-5 {
padding-right:5px !important;   
}
.padding-right-10 {
padding-right:10px !important;   
}
.padding-right-20 {
padding-right:20px !important;   
}
.padding-right-30 {
padding-right:30px !important;   
}
.padding-right-40 {
padding-right:40px !important;   
}
.padding-right-50 {
padding-right:50px !important;   
}
.padding-right-60 {
padding-right:60px !important;   
}
.padding-right-70 {
padding-right:70px !important;   
}
.padding-right-70 {
padding-right:70px !important;   
}
.padding-right-80 {
padding-right:80px !important;   
}
.padding-right-90 {
padding-right:90px !important;   
}
.padding-right-100 {
padding-right:100px !important;   
}



.padding-0 {
padding:0px !important;   
}
.padding-10 {
padding:10px !important;   
}
.padding-20 {
padding:20px !important;   
}
.padding-30 {
padding:30px !important;   
}
.padding-40 {
padding:40px !important;   
}
.padding-50 {
padding:50px !important;   
}
.padding-60 {
padding:60px !important;   
}
.padding-70 {
padding:70px !important;   
}
.padding-70 {
padding:70px !important;   
}
.padding-80 {
padding:80px !important;   
}
.padding-90 {
padding:90px !important;   
}
.padding-100 {
padding:100px !important;   
}

.margin-top-0 {
margin-top:0px !important;   
}
.margin-top-1 {
margin-top:10px !important;   
}
.margin-top-10 {
margin-top:10px !important;    
}
.margin-top-15 {
margin-top:15px !important;    
}
.margin-top-20 {
margin-top:20px !important;    
}
.margin-top-30 {
margin-top:30px !important;    
}
.margin-top-40 {
margin-top:40px !important;    
}
.margin-top-50 {
margin-top:50px !important;    
}
.margin-top-60 {
margin-top:60px !important;   
}
.margin-top-70 {
margin-top:70px !important;   
}
.margin-top-70 {
margin-top:70px !important;   
}
.margin-top-80 {
margin-top:80px !important;   
}
.margin-top-90 {
margin-top:90px !important;   
}
.margin-top-100 {
margin-top:100px !important;   
}

.margin-bottom-0 {
margin-bottom:0px !important;   
}
.margin-bottom-10 {
margin-bottom:10px !important;   
}
.margin-bottom-20 {
margin-bottom:20px !important;   
}
.margin-bottom-30 {
margin-bottom:30px !important;   
}
.margin-bottom-40 {
margin-bottom:40px !important;   
}
.margin-bottom-50 {
margin-bottom:50px !important;   
}
.margin-bottom-60 {
margin-bottom:60px !important;   
}
.margin-bottom-70 {
margin-bottom:70px !important;   
}
.margin-bottom-70 {
margin-bottom:70px !important;   
}
.margin-bottom-80 {
margin-bottom:80px !important;   
}
.margin-bottom-90 {
margin-bottom:90px !important;   
}
.margin-bottom-100 {
margin-bottom:100px !important;   
}

.margin-left-0 {
margin-left:0px !important;    
}
.margin-left-5 {
margin-left:5px !important;    
}
.margin-left-10 {
margin-left:10px !important;    
}


@media (min-width: 1200px) {
	.margin-left-10-col-lg {
	margin-left:10px !important;    
	}
	.margin-left-20-col-lg {
	margin-left:20px !important;    
	}
	.padding-left-30-col-lg {
	padding-left:30px !important;    
	}
}
@media (min-width: 991px) and (max-width: 1200px) {
	.margin-left-10-col-md {
	margin-left:10px !important;    
	}
	.margin-left-20-col-md {
	margin-left:20px !important;    
	}
	.padding-left-30-col-md {
	padding-left:30px !important;    
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.margin-left-10-col-sm {
		margin-left:10px !important;
	}
	.margin-left-20-col-sm {
		margin-left:20px !important;
	}
	.margin-left-30-col-sm {
		margin-left:30px !important;
	}
}
@media (min-width: 0px) and (max-width: 767px) {
	.margin-left-10-col-xs {
		margin-left:10px !important;
	}
	.margin-left-20-col-xs {
		margin-left:20px !important;
	}
	.margin-left-30-col-xs {
		margin-left:30px !important;
	}
}




















.margin-0 {
margin:0px !important;    
}
.padding-0 {
margin:0px !important;    
}



.max-width-50 {
max-width:50%;
}
.max-width-60 {
max-width:60%;
}
.max-width-70 {
max-width:70%;
}
.max-width-80 {
max-width:80%;
}
.max-width-90 {
max-width:90%;
}

.max-width-40px {
max-width:40px;
}
.max-width-41px {
max-width:41px;
}
.max-width-42px {
max-width:42px;
}
.max-width-43px {
max-width:43px;
}
.max-width-44px {
max-width:44px;
}
.max-width-45px {
max-width:45px;
}

.max-width-50px {
max-width:50px;
}
.max-width-60px {
max-width:60px;
}
.max-width-61px {
max-width:61px;
}
.max-width-62px {
max-width:62px;
}
.max-width-100px {
max-width:100px;
}
.min-width-140px {
min-width:140px;
}
.max-width-200px {
max-width:200px;
}
.max-width-300px {
max-width:300px;
}
.max-width-400px {
max-width:400px;
}

.width-100percent {
width:100%;
}

.title-case {
text-transform: capitalize;
}

.width-50 {
width:50%;
}
.width-60 {
width:60%;
}
.width-70 {
width:70%;
}
.width-80 {
width:80%;
}
.width-90 {
width:90%;
}

.font-size-20 {
font-size:20px;
}
.font-size-22 {
font-size:22px;
}
.font-size-24 {
font-size:24px;
}
.font-size-26 {
font-size:26px;
}
.font-size-28 {
font-size:28px;
}
.font-size-30 {
font-size:30px;
}


.btn-sm {
padding: 7px 10px;
border-radius: 3px;
}


.btn-submit {
color:#FFFFFF !important;
background:#07add6;
border:1px solid #07add6;
}
.btn-submit:hover, .btn-submit:focus {
color: #FFFFFF !important;
background:#006f8a;
border:1px solid #006f8a;
}
.btn-submit:active, .btn-submit.active {
outline: none;
box-shadow: none;
}
.btn-submit:focus:active {
outline: none;
}

.btn-cancel {
color:#FFFFFF !important;
background:#b3b3b3;
border:1px solid #b3b3b3;
}
.btn-cancel:hover, .btn-cancel:focus {
color: #FFFFFF !important;
background:#333333;
border:1px solid #333333;
}
.btn-cancel:active, .btn-cancel.active {
outline: none;
box-shadow: none;
}
.btn-cancel:focus:active {
outline: none;
}

.btn {
	font-family: 'Open Sans', sans-serif, "微软雅黑", "Microsoft yahei", "宋体", "SimSun";
	font-weight:normal;
	font-size:16px;
	text-transform:capitalize;
	//padding:10px 15px;
	padding: 11px 20px 10px 20px;
	margin-bottom: 10px;
    margin-right: 5px;
}
.btn-small {
}
.btn-large {
}

.btn-wide {
    min-width: 140px;
    padding-right: 30px;
    padding-left: 30px;
}


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





@media (min-width: 991px) and (max-width: 1200px) {
	h1 {
		font-family: 'Open Sans', sans-serif, "微软雅黑", "Microsoft yahei", "宋体", "SimSun";
		font-size:35px;
		line-height:45px;
		font-weight:bold;
		color:#333333;
		padding-top:20px 0px 20px 0px;
	}
	h2 {
		font-family: 'Open Sans', sans-serif, "微软雅黑", "Microsoft yahei", "宋体", "SimSun";
		font-size:32px;
		line-height:42px;
		font-weight:bold;
		color:#333333;
		padding-top:20px 0px 20px 0px;
	}
	h3 {
		font-family: 'Open Sans', sans-serif, "微软雅黑", "Microsoft yahei", "宋体", "SimSun";
		font-size:29px;
		line-height:39px;
		font-weight:bold;
		color:#333333;
		padding-top:20px 0px 20px 0px;
	}
	h4 {
		font-family: 'Open Sans', sans-serif, "微软雅黑", "Microsoft yahei", "宋体", "SimSun";
		font-size:26px;
		line-height:36px;
		font-weight:bold;
		color:#333333;
		padding-top:20px 0px 20px 0px;
	}
	h5 {
		font-family: 'Open Sans', sans-serif, "微软雅黑", "Microsoft yahei", "宋体", "SimSun";
		font-size:23px;
		line-height:33px;
		font-weight:bold;
		color:#333333;
		padding-top:20px 0px 20px 0px;
	}
	h6 {
		font-family: 'Open Sans', sans-serif, "微软雅黑", "Microsoft yahei", "宋体", "SimSun";
		font-size:20px;
		line-height:30px;
		font-weight:bold;
		color:#333333;
		padding-top:20px 0px 20px 0px;
	}
}

@media (min-width: 767px) and (max-width: 991px) {
	h1 {
		font-family: 'Open Sans', sans-serif, "微软雅黑", "Microsoft yahei", "宋体", "SimSun";
		font-size:28px;
		line-height:38px;
		font-weight:bold;
		color:#333333;
		padding-top:20px 0px 20px 0px;
	}
	h2 {
		font-family: 'Open Sans', sans-serif, "微软雅黑", "Microsoft yahei", "宋体", "SimSun";
		font-size:26px;
		line-height:36px;
		font-weight:bold;
		color:#333333;
		padding-top:20px 0px 20px 0px;
	}
	h3 {
		font-family: 'Open Sans', sans-serif, "微软雅黑", "Microsoft yahei", "宋体", "SimSun";
		font-size:24px;
		line-height:34px;
		font-weight:bold;
		color:#333333;
		padding-top:20px 0px 20px 0px;
	}
	h4 {
		font-family: 'Open Sans', sans-serif, "微软雅黑", "Microsoft yahei", "宋体", "SimSun";
		font-size:22px;
		line-height:32px;
		font-weight:bold;
		color:#333333;
		padding-top:20px 0px 20px 0px;
	}
	h5 {
		font-family: 'Open Sans', sans-serif, "微软雅黑", "Microsoft yahei", "宋体", "SimSun";
		font-size:20px;
		line-height:30px;
		font-weight:bold;
		color:#333333;
		padding-top:20px 0px 20px 0px;
	}
	h6 {
		font-family: 'Open Sans', sans-serif, "微软雅黑", "Microsoft yahei", "宋体", "SimSun";
		font-size:18px;
		line-height:28px;
		font-weight:bold;
		color:#333333;
		padding-top:20px 0px 20px 0px;
	}
}

@media (min-width: 1px) and (max-width: 767px) {
	h1 {
		font-family: 'Open Sans', sans-serif, "微软雅黑", "Microsoft yahei", "宋体", "SimSun";
		font-size:22px;
		line-height:32px;
		font-weight:bold;
		color:#333333;
		padding-top:20px 0px 20px 0px;
	}
	h2 {
		font-family: 'Open Sans', sans-serif, "微软雅黑", "Microsoft yahei", "宋体", "SimSun";
		font-size:21px;
		line-height:31px;
		font-weight:bold;
		color:#333333;
		padding-top:20px 0px 20px 0px;
	}
	h3 {
		font-family: 'Open Sans', sans-serif, "微软雅黑", "Microsoft yahei", "宋体", "SimSun";
		font-size:20px;
		line-height:30px;
		font-weight:bold;
		color:#333333;
		padding-top:20px 0px 20px 0px;
	}
	h4 {
		font-family: 'Open Sans', sans-serif, "微软雅黑", "Microsoft yahei", "宋体", "SimSun";
		font-size:19px;
		line-height:29px;
		font-weight:bold;
		color:#333333;
		padding-top:20px 0px 20px 0px;
	}
	h5 {
		font-family: 'Open Sans', sans-serif, "微软雅黑", "Microsoft yahei", "宋体", "SimSun";
		font-size:18px;
		line-height:28px;
		font-weight:bold;
		color:#333333;
		padding-top:20px 0px 20px 0px;
	}
	h6 {
		font-family: 'Open Sans', sans-serif, "微软雅黑", "Microsoft yahei", "宋体", "SimSun";
		font-size:17px;
		line-height:27px;
		font-weight:bold;
		color:#333333;
		padding-top:20px 0px 20px 0px;
	}
}


/* override text selection colour */
::selection {
background: #00acd6; /* WebKit/Blink Browsers */
color:#FFFFFF;
}
::-moz-selection {
background: #00acd6; /* Gecko Browsers */
color:#FFFFFF;
}


.form-control {
border:2px solid #BDC3C7;	
}




/* override border-radius */
.input-sm, .form-horizontal .form-group-sm .form-control, .select2-search input[type="text"], .form-horizontal .form-group-sm .select2-search input[type="text"] {
border-radius: 3px;
}

/* override to make all text field as input-sm */
.form-control {
border-radius: 3px;
height: 35px;
padding: 6px 10px;
font-size: 13px;
line-height: 1.462;
font-family: 'Open Sans', sans-serif, "微软雅黑", "Microsoft yahei", "宋体", "SimSun";
font-size:16px;
line-height:27px;
font-weight:normal;
}

/* override dropdown padding and border-radius */
.select-primary .select2-choice {
color: #333 !important;
background-color: #FFFFFF;
border: 2px solid #BDC3C7;
padding: 5px 10px;
border-radius: 3px;
}

/* override arrow colour */
.select-primary .select2-choice .select2-arrow {
border-top-color: #BDC3C7;
}



/* not full menu - ipad potrait - col-sm */
@media (max-width: 991px) {
    .padding-top-80 {
    padding-top:40px;
    }
    .text-align-left-col-sm {
      text-align:left !important;
    } 
    .text-align-center-col-sm {
      text-align:center !important;
    }    
}
/* not full menu - iphone landscape - col-xs */
@media (max-width: 767px) {

    .padding-top-80 {
    padding-top:0px;
    }
    .text-align-center-col-xs {
      text-align:center !important;
    }
    .font-size-90-percent-col-xs {
    font-size:90%;
    }
    .padding-top-120-px {
    padding-top:0px;
    }
    .margin-bottom-50-col-xs {
	border:2px dashed #00ff00;
	margin-bottom:50px;
	}
}






.form-control {
border:2px solid #BDC3C7;	
}




.form-group p {
font-size:16px;
line-height:18px;
}
.form-group label, input {
display:inline;
}
.form-group label {
margin-left:10px;
margin-right:15px;
}

.form-group .form-label-top {
margin-top:10px;
font-size:16px;
}
.form-group .form-label-top.first {
margin-top:0px;
}
.form-group .form-label-left {
margin-top:10px;
font-size:16px;
padding-top:6px;
line-height:18px;
}

/*  */
.form-label-left {
margin-top:4px;
}

.form-width-100-percent {
width:100% !important;
}

.width-100-percent {
width:100% !important;
}

.display-inline-block {
	display:inline-block !important;
}
.width-40px {
	width:40px !important;
}
.margin-left-44px {
	margin-left:44px !important;
}

.form-group .form-input-bottom {
margin-top:10px;
}
.form-group .form-input-right {
margin-top:10px;
}
.form-group .form-input-right-label {
margin-top:10px;
padding-top:6px;
}
.form-group .form-input-right .radio {
margin-top:10px;
}

.form-group .form-input-right.checkbox {
padding:0px;
}
.form-group .form-input-right label.checkbox {
display:block;
margin:10px 0px 0px 0px;
}





.form-group input {
display:inline;
}
.form-group select {
display:inline;
}


.form-group textarea {
overflow:scroll;
}

.form-group .min-height-50 {
min-height:50px;
}
.form-group .min-height-100 {
min-height:100px;
}
.form-group .min-height-150 {
min-height:150px;
}
.form-group .min-height-200 {
min-height:200px;
}
.form-group .min-height-250 {
min-height:250px;
}
.form-group .min-height-300 {
min-height:300px;
}


form input {
display:inline;
}
form select {
display:inline;
}

.form-group input.custom-total {
color:#000000;
}

/* ferdy: fix it */
.block-wrapper-inner .alert {
//border:1px dashed #00ff00;
//background:#ff00ff;
}


.divider-dotted {
border-bottom:1px dotted #CCCCCC;
}
.divider-dashed {
border-bottom:1px dashed #CCCCCC;
}
.divider-solid {
border-bottom:1px solid #CCCCCC;
}



.font-color-blue {
color:#00acd6;  
}
.font-color-white {
color:#FFFFFF;  
}
.font-color-lightgrey {
color:#CCCCCC;  
}
.font-color-darkgrey {
color:#333333;  
}
.font-color-black {
color:#000000;  
}

.color-blue {
color:#00acd6;  
}
.color-white {
color:#FFFFFF;  
}
.color-lightgrey {
color:#CCCCCC;  
}
.color-darkgrey {
color:#333333;  
}
.color-black {
color:#000000;  
}




.border-radius-4px {
border-top-left-radius:4px !important;
border-top-right-radius:4px !important;
border-bottom-left-radius:4px !important;
border-bottom-right-radius:4px !important;
}
.border-top-left-radius-4px {
border-top-left-radius:4px !important;
}
.border-top-right-radius-4px {
border-top-right-radius:4px !important;
}
.border-bottom-left-radius-4px {
border-bottom-left-radius:4px !important;
}
.border-bottom-right-radius-4px {
border-bottom-right-radius:4px !important;
}

.border-radius-0px {
border-top-left-radius:0px !important;
border-top-right-radius:0px !important;
border-bottom-left-radius:0px !important;
border-bottom-right-radius:0px !important;
}
.border-top-left-radius-0px {
border-top-left-radius:0px !important;
}
.border-top-right-radius-0px {
border-top-right-radius:0px !important;
}
.border-bottom-left-radius-0px {
border-bottom-left-radius:0px !important;
}
.border-bottom-right-radius-0px {
border-bottom-right-radius:0px !important;
}



/* customise dropdown button for flatui */
.select-primary .select2-choice {
color: #333333 !important;
background-color: #f1f1f1;
border:2px solid #bdc3c7;
padding-top:8px;
padding-bottom:9px;
}

.select-primary .select2-choice:hover {
color:#fff;
background-color:#f1f1f1;
border:2px solid #bdc3c7;
}

.btn-style {
border:1px solid #CCCCCC;
background:none;
color:#333333 !important;
}
.btn-style-2 {
border:1px solid #CCCCCC;
background:none;
color:#333333 !important;
}

.btn-style-3 {
border:1px solid #FFFFFF;
background:none;
color:#FFFFFF !important;
}
.btn-style-3:hover, .btn-style-3:focus {
color: #333333 !important;
background:#f1f1f1;
border:1px solid #FFFFFF;
}
.btn-style-3:active, .btn-style-3.active {
outline: none;
box-shadow: none;
}
.btn-style-3:focus:active {
outline: none;
}

.btn-style-4 {
border:1px solid #9d9d9d;
background:none;
color:#f1f1f1 !important;
}
.btn-style-4:hover, .btn-style-4:focus {
color: #FFFFFF !important;
background:none;
border:1px solid #FFFFFF;
}
.btn-style-4:active, .btn-style-4.active {
outline: none;
box-shadow: none;
}
.btn-style-4:focus:active {
outline: none;
}

.btn-style-5 {
color:#333333 !important;
background:#b3b3b3;
border:1px solid #b3b3b3;
}
.btn-style-5:hover, .btn-style-5:focus {
color: #333333 !important;
background:#FFFFFF;
border:1px solid #FFFFFF;
}
.btn-style-5:active, .btn-style-5.active {
outline: none;
box-shadow: none;
}
.btn-style-5:focus:active {
outline: none;
}

.btn-style-6 {
color:#FFFFFF !important;
background:#07add6;
border:1px solid #07add6;
}
.btn-style-6:hover, .btn-style-6:focus {
color: #FFFFFF !important;
background:#006f8a;
border:1px solid #006f8a;
}
.btn-style-6:active, .btn-style-6.active {
outline: none;
box-shadow: none;
}
.btn-style-6:focus:active {
outline: none;
}




.btn-style-7 {
color:#898989 !important;
background:none;
border:1px solid #a3a3a3;
}
.btn-style-7:hover, .btn-style-7:focus {
color: #FFFFFF !important;
background:#a3a3a3;
border:1px solid #a3a3a3;
}
.btn-style-7:active, .btn-style-7.active {
outline: none;
box-shadow: none;
}
.btn-style-7:focus:active {
outline: none;
}

.btn-style-8 {
color:#898989 !important;
background:none;
border:1px solid #CCCCCC;
}
.btn-style-8:hover, .btn-style-8:focus {
color: #898989 !important;
background:none;
border:1px solid #9a9a9a;
}
.btn-style-8:active, .btn-style-8.active {
outline: none;
box-shadow: none;
}
.btn-style-8:focus:active {
outline: none;
}

.btn-style-9 {
color:#FFFFFF !important;
background:#b3b3b3;
border:1px solid #b3b3b3;
}
.btn-style-9:hover, .btn-style-9:focus {
color: #FFFFFF !important;
background:#333333;
border:1px solid #333333;
}
.btn-style-9:active, .btn-style-9.active {
outline: none;
box-shadow: none;
}
.btn-style-9:focus:active {
outline: none;
}

.btn-style-10 {
color:#FFFFFF !important;
background:#07add6;
border:1px solid #07add6;
}
.btn-style-10:hover, .btn-style-10:focus {
color: #FFFFFF !important;
background:#006f8a;
border:1px solid #006f8a;
}
.btn-style-10:active, .btn-style-10.active {
outline: none;
box-shadow: none;
}
.btn-style-10:focus:active {
outline: none;
}

.btn-style-11 {
color:#FFFFFF !important;
background:#737373;
border:1px solid #737373;
}
.btn-style-11:hover, .btn-style-11:focus {
color: #FFFFFF !important;
background:#006f8a;
border:1px solid #006f8a;
}
.btn-style-11:active, .btn-style-11.active {
outline: none;
box-shadow: none;
}
.btn-style-11:focus:active {
outline: none;
}

.btn-style-12 {
color:#484848 !important;
background:#e0e0e0;
border:1px solid #e0e0e0;
}
.btn-style-12:hover, .btn-style-12:focus {
color: #484848 !important;
background:#d3d3d3;
border:1px solid #d3d3d3;
}
.btn-style-12:active, .btn-style-12.active {
outline: none;
box-shadow: none;
}
.btn-style-12:focus:active {
outline: none;
}


.btn-sm {
padding: 7px 10px;
border-radius: 3px;
}


.btn-submit {
color:#FFFFFF !important;
background:#07add6;
border:1px solid #07add6;
}
.btn-submit:hover, .btn-submit:focus {
color: #FFFFFF !important;
background:#006f8a;
border:1px solid #006f8a;
}
.btn-submit:active, .btn-submit.active {
outline: none;
box-shadow: none;
}
.btn-submit:focus:active {
outline: none;
}

.btn-cancel {
color:#FFFFFF !important;
background:#b3b3b3;
border:1px solid #b3b3b3;
}
.btn-cancel:hover, .btn-cancel:focus {
color: #FFFFFF !important;
background:#333333;
border:1px solid #333333;
}
.btn-cancel:active, .btn-cancel.active {
outline: none;
box-shadow: none;
}
.btn-cancel:focus:active {
outline: none;
}





br {
line-height:27px;
}
img {
display: block;
height: auto;
max-width: 100%;
}

.row ul {
list-style-type: disc;
//padding-top:27px;
//padding-bottom:27px;
padding-top:0px;
padding-bottom:0px;
margin-top:0px;
margin-bottom:0px;
}
.row li {
padding-left:10px;
line-height:27px;
}



.xtest900 {
	border:1px dashed #ff00ff;
}