@charset "UTF-8";
/* =================================
	FreightText Book
==================================== */
@font-face {
	font-family: 'FreightText Book';
	src: url('/static/f/freighttext-book-webfont.eot');
	src: url('/static/f/freighttext-book-webfont.eot?#iefix') format('embedded-opentype'), url('/static/f/freighttext-book-webfont.woff2') format('woff2'), url('/static/f/freighttext-book-webfont.woff') format('woff'), url('/static/f/freighttext-book-webfont.ttf') format('truetype'), url('/static/f/freighttext-book-webfont.svg#FreightText_Book') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* =================================
	CHILDREN ONE
==================================== */
@font-face {
	font-family: 'CHILDREN ONE';
	src: url('/static/f/children_one-webfont.eot');
	src: url('/static/f/children_one-webfont.eot?#iefix') format('embedded-opentype'), url('/static/f/children_one-webfont.woff2') format('woff2'), url('/static/f/children_one-webfont.woff') format('woff'), url('/static/f/children_one-webfont.ttf') format('truetype'), url('/static/f/children_one-webfont.svg#children_one') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* =================================
	Chewy
==================================== */
@font-face {
	font-family: 'Chewy';
	src: url('/static/f/chewy-webfont.eot');
	src: url('/static/f/chewy-webfont.eot?#iefix') format('embedded-opentype'), url('/static/f/chewy-webfont.woff2') format('woff2'), url('/static/f/chewy-webfont.woff') format('woff'), url('/static/f/chewy-webfont.ttf') format('truetype'), url('/static/f/chewy-webfont.svg#chewy') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* =========================================================
	COMMON
========================================================= */
html, body {
	height: 100%;
	width: 100%;
}
body {
	font-family: "FreightText Book", Georgia, "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
	font-size: 18px;
	/*color: #bababa;*/
	color: #a0a0a0;
	background-color: #b6effb;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	font-weight: normal;
}
h1, .h1, h2, .h2 {
	/*text-transform: uppercase;*/
	color: #e83b06;
	font-family: 'CHILDREN ONE', Chewy, Georgia, Helvetica, Verdana, Arial, sans-serif;
	letter-spacing: 6px;
	text-shadow: 2px 2px 0 rgba(182,239,251,.8);
	font-size: 60px;
}
h1 a, h1 a:link, h1 a:visited, h2 a, h2 a:link, h2 a:visited { color: #e83b06; }
h1 a:active, h1 a:hover, h2 a:active, h2 a:hover { text-shadow: 3px 6px 0 rgba(182,239,251,.8); }
h3, h4, h5 { margin-bottom: 15px; }
h3, h4 {
	font-size: 32px;
	font-family: Chewy, Georgia, Helvetica, Verdana, Arial, sans-serif;
}
h4 { font-size: 24px; }
@media (max-width: 991px) {
h1, .h1, h2, .h2 {
	font-size: 40px;
	letter-spacing: 2px;
}
}
@media (max-width: 767px) {
h1, .h1, h2, .h2 {
	font-size: 30px;
	letter-spacing: 2px;
}
h3 { font-size: 24px; }
h4 { font-size: 20px; }
}
a, a:link, a:visited {
	color: #a0a0a0;
	outline: none;
	text-decoration: none;
}
a:hover, a:active {
	color: #e83b06;
	text-decoration: none; /*color: #fff;*/
}
a:hover img { background-color: transparent; }
a, a:link, a:visited, button, .box figure, .box figure img, .share-box, .share-box-open, .share-box h4, .post, .fa-ul li, .fa-ul li .fa, #sidebar, .fa, .haveyoursay, #sidebar h2, #sidebar ul.fa-ul, .entry-footer {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#container {
	min-height: 400px;
	padding-top: 40px;
	padding-bottom: 0;
	background: #fff;
	margin-top: -130px;
	z-index: 10000;
}
.img-responsive { display: inline-block; }
#wrap {
	position: relative;
	height: 100%;
}
.container-fluid {
	padding-left: 20px;
	padding-right: 20px;
}
@media (min-width: 1400px) {
.container { width: 1370px; }
}

/* =========================================================
	HEADER
========================================================= */
#global {
	position: relative;
	background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #60DEF7), color-stop(1, #B6F0FB) );
	background-image: -o-linear-gradient(bottom, #60DEF7 0%, #B6F0FB 100%);
	background-image: -moz-linear-gradient(bottom, #60DEF7 0%, #B6F0FB 100%);
	background-image: -webkit-linear-gradient(bottom, #60DEF7 0%, #B6F0FB 100%);
	background-image: -ms-linear-gradient(bottom, #60DEF7 0%, #B6F0FB 100%);
	background-image: linear-gradient(to bottom, #60DEF7 0%, #B6F0FB 100%);
}
@media (min-width: 768px) {
#global { min-height: 245px; }
}
#global .container-fluid {
	padding-left: 15px;
	padding-right: 15px;
}
#site-description { display: none; }

.navbar {
	min-height: 380px;
	border: none;
	border-radius: 0;
	margin-bottom: 0;
	text-align: center;
	background-color: transparent;
	background-image: url('../i/common/bg_header_main.png');
	background-position: 50% 100%;
	background-repeat: repeat-x;
	z-index: 2;
	-webkit-transition: all .8s;
}
.navbar.bgon { background-position: 50% 100%; }
.navbar-default { background: transparent; }
@media (max-width: 767px) {
.navbar {
	background-image: url(../i/common/bg_cloud_1.svg);
	background-size: 300% auto;
	/*z-index: 1010;*/
}
}
@media (min-width: 768px) {
.navbar {
	min-height: 500px;
	background-size: 130% auto;
}
#global .navbar-header { margin-left: .5%; }
#main-nav {
	width: 266px;
	min-height: 81px;
	background-image: url(../i/common/nav_bg.png);
	background-image: url(../i/common/nav.svg);
	background-repeat: no-repeat;
	float: left;
	margin-left: 25px;
	margin-top: -20px;
}
.nav-box { padding: 58px 20px 0 55px; }
}
@media (min-width: 992px) {
.navbar { min-height: 490px; }
#global .navbar-header { }
#main-nav { margin-top: 66px; }
}
@media (min-width: 1200px) {
.navbar {
	min-height: 540px;
	background-size: inherit;
}
#global .navbar-header { margin-left: 14.5%; }
}
.navbar-inverse .navbar-toggle {
	z-index: 100;
	border-color: #fff;
	margin-right: 8px;
	width: 32px;
	height: 32px;
	border: none;
	background: #fff;
	border-radius: 50%;
	padding: 0;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: rgba(232,59,6,.8); }
.navbar-inverse .navbar-toggle .icon-bar {
	background-color: #66E0F8;
	width: 16px;
	height: 1px;
	/*border-radius: 0;*/
	margin-left: auto;
	margin-right: auto;
}
.navbar-inverse .navbar-toggle .icon-bar+.icon-bar { margin-top: 3px; }
.navbar-inverse .navbar-toggle:hover .icon-bar, .navbar-inverse .navbar-toggle:focus .icon-bar { background-color: #fff; }
.navbar-inverse .navbar-toggle:hover .icon-bar+.icon-bar { margin-top: 4px }
.navbar-brand {
	/*width: 100%;*/
	height: auto;
	padding: 0;
	text-align: left;
	/*margin-bottom: 10px;*/
	/*background: #8b241b;*/
	/*line-height: 23px;*/
	display: block;/*float: none;*//*margin-bottom: 20px;*/
}
@media (max-width: 767px) {
.navbar-brand {
	margin-top: -40px;
	margin-left: 20px;
	margin-right: 20px;
}
}
.slogan { padding-bottom: 50px; }
.nav>li>a {
	color: #db923c;
	font-size: 14px;
	padding: 1px 3px 0px 3px;
	/*border-radius: 3px;*/
	font-style: italic;
	font-family: Chewy, Georgia, Helvetica;
}
.nav>li>a:hover, .nav>li>a:focus, .nav>li.active>a {
	/*background-color: rgba(0,0,0,.2);*/
	background-color: #dc2b15;
	color: #fff;
}
.navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
@media (max-width: 767px) {
#main-nav {
	background-color: rgba(232,59,6,.9);
	padding-top: 10px;
	padding-bottom: 10px;
	z-index: 1000;
	margin-top: -20px;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border: none; }
.nav>li>a { color: #fff; }
}
#content.row #left, #content.row #sidebar {
	position: relative;
	z-index: 100;
}
@media (min-width: 768px) {
#content.row, .footer .row { margin: 0; }
#content.row #left, #content.row #sidebar, .footer .row .l, .footer .row .r { padding: 0; }
#content.row #sidebar { padding-top: 60px; }
#content.row #left {
	border-right: 10px solid #f2f5f6;
	padding-top: 100px;
}
.footer .row .l { padding-right: 10px; }
#content.row #left .social-tree-top {
	position: absolute;
	right: -126px;
	top: -218px;
	width: 248px;
	height: 219px;
	background-color: transparent;
	background-image: url('../i/common/tree_top.svg');
	background-position: 50% 0;
	background-repeat: no-repeat;
}
#content.row #left .social-tree-top img {
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}
.social-tree-top .so {
	width: 50px;
	height: 50px;
	line-height: 50px;
	background-color: rgba(255,255,255,.3);
	/*opacity: .7;
		background-color: red;*/
	z-index: 1000;
}
.social-tree-top .c-fb {
	left: 164px;
	top: 76px;
}
.social-tree-top .c-tw {
	left: 62px;
	top: 64px;
}
.social-tree-top .c-pin {
	left: 32px;
	top: 115px;
}
.social-tree-top .c-gplus {
	left: 165px;
	top: 138px;
}
.social-tree-top .c-ins {
	left: 124px;
	top: 26px;
}
.footer .row .l .social-tree-btm {
	position: absolute;
	right: -78px;
	top: 0;
}
}
@media (min-width: 992px) {
#content.row #left { padding-top: 60px; }
}
.social-tree-top h3 { display: none; }
@media (max-width: 767px) {
.social-tree-top {
	text-align: center;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	margin-bottom: 2em;
	border-top: 3px solid #eff3f4;
	border-bottom: 3px solid #eff3f4;
}
.social-tree-top h3 { display: block; }
.social-tree-top a.so, .social-tree-top span.so {
	position: static;
	display: inline-block;
	margin: 0 3px;
}
/*.social-tree-top,*/

.drawing-line { display: none; }
}
.page-header-m, .page-header, .entry-header {
	text-align: center;
	padding-top: 0;
	padding-bottom: 30px;
	margin: 0;
	border: none;
}
.page-header-m .page-title, .page-header .page-title, .entry-header .entry-title {
	display: inline-block;
	margin: 0;
	text-align: center;
	background-image: url('../i/common/bg_page_header.gif');
	background-repeat: repeat-x;
	min-height: 86px;
	padding: 12px .8em;
	padding-bottom: 0;
}
.page-header .page-title {
	color: #906b68;
	text-shadow: 2px 2px 0 rgba(227,218,201,.8);
	letter-spacing: 2px;
	background: none
}
@media (min-width: 1200px) {
	.page-header {
		padding-top: 20px;
	}
}
#similiar { padding-top: 50px; }
.similiar-list a.thumb {
	display: block;
}
.similiar-list a img {
	box-shadow: 1px 2px 5px rgba(0,0,0,.1);
border: 1px solid #E5E5E5;
/*border: 1px solid #e6ebed;*/
background: url('../i/common/bg_sketch.jpg');
padding: 3px;

}
@media (max-width: 991px) {
.page-header-m .page-title, .page-header .page-title, .entry-header .entry-title { padding-top: 22px; }
}
@media (max-width: 767px) {
.page-header-m .page-title, .page-header .page-title, .entry-header .entry-title {
	min-height: 24px;
	padding: 10px .8em;
	background-position: 50% 100%;
}
#similiar { padding-top: 30px; }
}
.entry-content { margin-bottom: 40px; background-color: #fff; }
@media (max-width: 767px) {
.post .entry-content {
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: 20px;
}
}
.entry-content p, article.page .entry-content ul { margin-bottom: 1.8em; }
.post .entry-content figure {
	border: 1px solid #F2F5F6/*#e6ebed*/;
	background: #f7f9fa url('../i/common/bg_sketch.jpg');
	overflow: hidden;
	vertical-align: top;
	position: relative;
}
.post .entry-content figure.old-post {
	padding: 10px;
}
.post .entry-content figure.old-post img {
	box-shadow: 1px 2px 5px rgba(0,0,0,.1);
	border: 5px solid #fff;
}

.post .entry-content figure figcaption {
	position: absolute;
	left: 5px;
	top: -1px;
	/*vertical-align: middle;*/
}
.post .entry-content figure figcaption h4 {
	color: #333;
	margin: 0;
	padding: 0;
	font-family: "FreightText Book", Georgia, "Helvetica Neue";
	font-size: 14px;
}
.en-title { /*font-size: 30px;*/ }
.cn-title span {
	display: block;
	text-align: justify;
}
.cn-title span.pinyin {
	padding-bottom: 5px;
	font-size: 24px;
}
.cn-title .chinese { f/*ont-size: 20px;*/}
figcaption .voice {
	display: inline-block;
	vertical-align: middle;
}
figcaption h4 .fa { color: rgba(0,0,0,.5); }
.post .entry-content figure .main-img p, .post .entry-content figure .main-img a, .post .entry-content figure .main-img img {
	margin: 0;
	padding: 0;
	vertical-align: top;
	text-align: center;
}
.post .entry-content figure img { vertical-align: top; }
#page-nav { margin: 3em 0; }

.audio-box {
	display: none;
	position: absolute;
	min-width: 200px;
	left: 40px;
	top: 0;
	z-index: 10;
}
.audio-box .play {
	font-size: 18px;
	display: block;
	text-align: left !important;
}
.btn-audio,
.btn-white,
.btn-featured {
	background-color: #fff;
	border-color: #dedede;
	box-shadow: 0 3px 0 rgba(0,0,0,.1);
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}


.btn-featured {
	background-color: #65BD13;
  border-color: #0F9410;
	color: #fff !important;
}
.btn-audio:hover,
.btn-audio.active,
.btn-white:hover,
.btn-white.active,
.btn-featured:hover,
.btn-featured.active {
	border-color: #e83b06;
	/*box-shadow: 0 3px 0 rgba(232, 59, 6, 1)*/
}


.btn-info:link,
.btn-info:visited {
	color: #fff;
}

/*.touch */
@media (min-width: 768px) {
.post .entry-content figure { border-right: none; }
.audio-box {
	/*min-width: 200px;*/
	left: 54px;
}

.post .entry-content figure figcaption h4 {
	font-size: 16px;
}
.audio-box .play {
	/*font-size: 18px;*/
}

}
@media (min-width: 992px) {
.post .entry-content figure.old-post {
	padding-top: 20px;
	padding-bottom: 20px;
}
.post .entry-content figure figcaption {
	left: 20px;
	/*top: 20px;*/
}
.post .entry-content figure figcaption h4 {
	font-size: 18px;
}

}


@media (max-width: 767px) {
#page-nav {
	margin-top: 0;
	margin-bottom: 2em;
}
.btn-audio {
	padding: 3px 5px;
	line-height: 14px;
	vertical-align: top;
}

}
.pagers {
	overflow: hidden;
	zoom: 1;
	background-color: #f2f5f6;
	padding: 20px;
}
.pagers a { display: inline-block; }
.pagers a:hover .fa-angle-left { margin-right: 10px; }
.pagers a:hover .fa-angle-right { margin-left: 10px; }
.pagers .prev, .nav-previous { float: left; }
.pagers .next, .nav-next { float: right; }

.nav-scroll {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 40px;
	/*min-height: 80px;*/
}
.nav-scroll a,
.single .nav-posts .nav-links a {
	display: block;
	width: 100%;
	height: 40px;
	background: #7fe5f9;
	color: #fff;
	/*opacity: .6;*/
	text-align: center;
	line-height: 40px;
}
.scroll_prev {
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.single .nav-posts .nav-links a {
	width: 40px;
	position: absolute;
	/*left: 0;*/
	top: 50%;
	margin-top: -20px;
	overflow: hidden;
}
.single .nav-next a {
	right: 0;
}
.single .nav-posts .nav-links a span {
	display: none;
}
.single .nav-posts .nav-links .nav-previous a span.meta-nav {
	display: block;
}

@media (min-width: 768px) {
.com-box { padding-left: 30px; }
.com-box-1 { padding-left: 30px; }
.com-box-2 {
	padding-left: 30px;
	padding-right: 50px;
}
article.page .com-box-2 {
	padding-left: 10px;
	padding-right: 40px;
}
.com-box-3 { /*padding-left: 60px;*/ padding-right: 50px; }
}

@media (min-width: 992px) {
.com-box { padding-left: 50px; }
.com-box-1 { padding-left: 60px; }
.com-box-2 {
	padding-left: 60px;
	padding-right: 100px;
}
.com-box-3 { padding-right: 100px; }

article.page .com-box-2 {
	padding-left: 60px;
	padding-right: 100px;
}
.nav-scroll {
	width: 60px;
}
.nav-scroll a {
	height: 60px;
	line-height: 60px;
}
.single .nav-posts .nav-links a {
	width: 60px;
	height: 60px;
	line-height: 60px;
}

}
.entry-footer { opacity: .6; }
.entry-footer:hover { opacity: 1; }
.haveyoursay { opacity: 0; }
.comments-link a:hover .haveyoursay {
	opacity: 1;
	padding-left: 10px;
}
.entry-content .cloud { display: none; }
.comment-box { min-height: 100px; }
.sub-tree {
	background-image: url('../i/common/bullet_right.png');
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 4px 0 0 60px;
	-moz-background-size: 50px auto;
	-webkit-background-size: 50px auto;
	-o-background-size: 50px auto;
	background-size: 50px auto;
	min-height: 67px;
}
.sub-tree.t-left {
	background-image: url('../i/common/bullet_left.png');
	padding: 15px 70px 0 0;
	background-position: 100%;
	text-align: right;
}
@media (max-width: 991px) {
.entry-footer .col-md-4 .fa-ul {
	margin-bottom: 0;
}
.sub-tree { margin-left: -15px; }
.sub-tree.t-left {
	margin-left: 0;
	margin-right: -15px;
}
}
@media (min-width: 1200px) {
.sub-tree {
	padding: 14px 0 0 110px;
	-moz-background-size: 90px auto;
	-webkit-background-size: 90px auto;
	-o-background-size: 90px auto;
	background-size: 90px auto;
}
.sub-tree.t-left { padding: 13px 100px 0 0; }
}

/* ==== share-box === */
.share-box {
	text-align: right;
	margin-top: 20px;
	position: relative;
}
.share-box .sub-tree { display: inline-block; }
.share-box-open {
	position: absolute;
	right: 15px;
	top: -60px;
	width: 150px;
	height: 200px;
	opacity: 0;/*background-color: rgba(0,0,0,.5);*/
}
a.so, span.so {
	position: absolute;
	display: block;
	width: 40px;
	height: 40px;
	background-color: #7fe5f9;
	/*opacity: .7;*/
	text-align: center;
	line-height: 40px;
	border-radius: 50%;
	color: #fff;
	cursor: pointer;
}
a.so:hover, span.so:hover { background-color: #e83b06; }
.share-box-open .c-fb {
	top: 10px;
left: 90px;
}
.share-box-open .c-tw {
	top: 20px;
left: 34px;
}
.share-box-open .c-pin {
	top: 67px;
left: 6px;
}
.share-box-open .c-gplus {
	top: 115px;
left: 30px;
}
.share-box-open .c-tum {
	top: 127px;
left: 80px;
}
/*.share-box-open .c-fb {
	top: 10px;
	left: 70px;
}
.share-box-open .c-tw {
	top: 40px;
	left: 20px;
}
.share-box-open .c-pin {
	top: 90px;
	left: 15px;
}
.share-box-open .c-gplus {
	top: 125px;
	left: 60px;
}*/
a.c-v1 { background-color: #36C3DF; }
.share-box h4 {
	position: relative;
	right: 0;
	z-index: 100;
	cursor: pointer;
}
/*.share-box:hover h4,*/

.share-box.hover h4 {
	opacity: 0.6;
	right: 100px;
}
.share-box-open .c-close {
	right: 40px;
	left: auto;
	top: 70px;
	background-color: #999;
}
@media (min-width: 1200px) {
.share-box.hover h4 { right: 50px; }
}
/*.share-box:hover h4:after,*/

.share-box.hover h4:after { content: ' >'; }
/*.share-box:hover .share-box-open,*/

.share-box.hover .share-box-open { opacity: 1; }
.hentry { padding-bottom: 60px; }
@media (max-width: 767px) {
.hentry { padding-bottom: 40px; }
.share-box { margin-top: -20px;}
}
.fa-li { top: .3em; }
.entry-meta ul.fa-ul li { padding-bottom: 10px; }
.s-title {
	background-color: #751a17;
	background-color: rgba(117,26,23,.8);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	padding: 10px;
}
.active .s-title, .s-title:hover { background-color: #751a17; }
.p-title, .bg-primary {
	background-color: #caa264/*#ce2700*/;
	padding: 10px;
}




/* == sub nav === */
#sub-nav,
#sub-nav.affix-top {
	background: #70E1F8;
	/*width: 100%;*/
	/*display: none;*/
	opacity: 0;
	/*position: relative;*/
	color: #fff;
}
#sub-nav {
	position: absolute;
	top: 0;
	/*left: 0;*/
	right: 0;
	box-shadow: 0 2px 10px rgba(0,0,0, .1);
}

#sub-nav ul,
#sub-nav ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 15px;
}
#sub-nav ul {
	/*overflow: hidden;*/
}
#sub-nav .sub-nav {
	/*padding: 10px 20px;*/
}

#sub-nav ul li {
	/*float: left;*/
	/*margin-right: 20px;*/
}
#sub-nav ul li a {
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,.3);
	display: block;
	padding: 3px 10px;
}
#sub-nav ul li a:hover {
	background: #14B6D7;
}
#sub-nav.affix {
	display: block;
	opacity: 1;
}
#sub-nav li.search-btn {
	padding: 10px 10px;
	border-top: 1px solid 1px solid #1BA5C2;
	background: #14B6D7;
	position: relative;
}
#sub-nav li.search-btn .search-box {
	display: none;
	position: absolute;
	right: 100%;
	top: 0;
	padding: 10px;
	background: #14B6D7;
	min-width: 350px;
}

.affix { position: fixed !important; /*top: 0;*/ z-index: 1000000;}




#sidebar h2 {
	font-size: 24px;
	color: #906b68;
	text-shadow: 2px 2px 0 rgba(227,218,201,.8);
	letter-spacing: 2px;
}
@media (min-width: 1200px) {
#sidebar h2 {
	font-size: 30px;
	letter-spacing: 3px;
}
}
.side-box { margin-bottom: 60px; }
.side-box:last-child { margin-bottom: 0; }
.side-box ul.fa-ul li { padding-bottom: 5px; }
@media (min-width: 992px) {
.side-box h2, .side-box ul.fa-ul, .side-box p { opacity: .6; }
}
#sidebar:hover h2, #sidebar:hover ul.fa-ul, .side-box:hover p { opacity: 1; }
.side-box ul.fa-ul a:hover {
	/*margin-left: 10px;*/
	text-decoration: none;
	border-bottom-width: 2px;
}
ul.fa-ul li:hover .fa { color: #e83b06; }
.tagsCol a {
	/*margin-right: 5px;*/
	padding: 2px 5px;
	border-radius: 3px;
	display: inline-block;
}
.tagsCol a:hover { /*background-color: rgb(232,59,6);*/ /*color: #fff;*/ text-shadow: 0 1px 1px rgba(0,0,0,.2); }

/* =========================================================
	FOOTER
========================================================= */
.footer {
	width: 100%;
	color: #fff;
	/*color: rgba(255,255,255, .6);*/
	padding: 0;
	line-height: 2;
	z-index: 1050;
	background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #B6F0FB), color-stop(1, #60DEF7) );
	background-image: -o-linear-gradient(bottom, #B6F0FB 0%, #60DEF7 100%);
	background-image: -moz-linear-gradient(bottom, #B6F0FB 0%, #60DEF7 100%);
	background-image: -webkit-linear-gradient(bottom, #B6F0FB 0%, #60DEF7 100%);
	background-image: -ms-linear-gradient(bottom, #B6F0FB 0%, #60DEF7 100%);
	background-image: linear-gradient(to bottom, #B6F0FB 0%, #60DEF7 100%);
}
.footer .container-fluid {
	background-image: url('../i/common/bg_footer_2.png');
	background-repeat: repeat-x;
	background-position: 50% 0%;
	padding: 0;
}

#sec-col {
	margin: 0;
	/*height: 192px;*/
	background-image: url('../i/common/cloud_footer.png');
	background-repeat: repeat-x;
	background-position: 48% 160px;
}
.footer .i {
	background-image: url('../i/common/bg_footer_3.png');
	background-repeat: no-repeat;
	background-position: 50% 0%;
}
@media (min-width: 768px) {
.footer .container { min-height: 698px; }
}
@media (min-width: 992px) {
.footer .container { }
}
@media (min-width: 1200px) {
.footer .container { }
}
@media (min-width: 1400px) {
.footer .container { }
}
.footer a, .footer-nav a { color: #fff; }
.footer a:hover, .footer-nav a:hover { color: #d6ad52; }
.footer .footer-nav {
	margin-left: -5px;
	display: inline-block;
}
.footer-nav a { margin: 0 5px; }
.footer-txt {
	padding-top: 530px;
	padding-bottom: 40px;
	text-shadow: 0 1px 0 rgba(0,0,0,.1);
	position: relative;
	z-index: 100;/*line-height: 40px;*/
}
.footer-txt p span {
	display: inline-block;
	background-color: rgb(54,195,223);
	background-color: rgba(54,195,223,.75);
	padding: 10px 15px;
	margin-bottom: 3px;
	border-radius: 20px;
	line-height: 20px;
}
@media (max-width: 1199px) {
.footer .container-fluid { background-size: 130% auto; }
.footer .i {
	background-size: 60% auto;
	background-position: 50% 30%;
}
#sec-col { background-size: 120% auto; }
.footer-txt { padding-top: 480px; }
}
@media ( max-width: 991px) {
.footer .container-fluid { background-size: 140% auto; }
.footer .i {
	background-size: 80% auto;
	background-position: 50% 10%;
}
#sec-col {
	background-size: 120% auto;
	background-position: 48% 130px;
}
.footer-txt { padding-top: 390px; }
}
@media (max-width: 767px) {
.footer .i {
	background-size: 90% auto;
background-position: 50% 0%;
}
#sec-col {
	background-size: 140% auto;
	background-position: 48% 50px;
}
.footer-txt {
	padding-top: 40px;
	padding-bottom: 40px;
	font-size: 14px;
	line-height: 1.8;
	padding-left: 10px;
	padding-right: 10px;
}
.social-tree-btm { min-height: 160px; }
.social-tree-btm img { display: none; }
}
@media (min-width: 1200px) {
.footer-txt {
	padding-top: 580px;
}
}

.drawing-line {
	position: absolute;
	right: -10px;
	bottom: 0;
	top: 0;
	width: 10px;
	height: 100%;/*background-color: red;
	opacity: .4;*/
}
.drawing-line span {
	display: block;
	width: 10px;
}
.drawing-line .line-b {
	/*position: fixed;*/
	height: 200px;
	background-color: #E6EAEC;
	/*opacity: .4;*/
	/*top: 320px;*/
	z-index: 1;
	display: none;
}
.drawing-line .line-b.scroll {
	position: fixed;
	top: 0;
}

article.page { color: #666; }
article.page a { color: rgb(96,222,247); }
article.page a:hover { color: rgb(232,59,6); }
article.page .entry-header { margin-bottom: 40px; }
@media (max-width: 767px) {
article.page .entry-header { margin-bottom: 10px; }
}
.post {
	opacity: 1;
	position: relative;
	min-height: 100px;
}
.post.fade_5 { opacity: .5; }
.post.fade_5:hover,
.touch .post.fade_5 { opacity: 1; }
.post p, .post a {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.nav-links { text-align: center; }
#infscr-loading {
	text-align: center;
	margin-bottom: 1em;
}
#infscr-loading img {
	display: none;
}
.lt-ie10 #infscr-loading img {
	display: inline-block;
}

.is-loading,
.is-broken {
	width: 100%;
	min-height: 200px;
}
.is-loading .main-img {
	width: 100%;
	min-height: 200px;
	display: block;
	margin-bottom: 0;
	background: url('/static/i/common/loader_2.gif') no-repeat 50% 50%;
}
.is-loading .main-img img,
.is-broken .main-img img`,
.is-loading figcaption,
.is-broken figcaption {
	display: none;
}
.is-loaded .main-img img,
.is-loaded figcaption {
	display: inline-block;
}

@media (min-width: 1100px) {
.modal-lg {
	width: 90%;
	max-width: 1400px;
}
}
#item-gallery .modal-header { border: none; }

@media (max-width: 767px) {
.modal-header .modal-title {
	font-size: 18px;
}
.modal-body {
	font-size: 15px;
}
}

@media (min-width: 768px) {
#item-gallery .modal-body { padding-bottom: 40px; }
#modal-box .modal-body {
	min-height: 418px;
}
}
/*#infscr-loading img { display: inline-block !important;}*/

.ad-block {
	/*display: none;*/
}

.ad-box {
/*border: 3px dashed #E0EEF5;*/
background-color: #fff;
/*border-radius: 10px;*/
overflow: hidden;
/*padding: 10px;*/
text-align: center;

}

/*#sidebar .ad-box {
	background-color: #fff;
}*/
#sidebar .ad-list {
	/*padding-left: 60px;
	background-size: 30px auto;*/
}
@media (min-width: 768px) {
#sidebar .ad-list {
	padding-left: 20px;
	background-size: 20px auto;
}
}
@media (min-width: 992px) {
#sidebar .ad-list {
	
}
}
@media (min-width: 1200px) {
#sidebar .ad-list {
	padding-left: 80px;
	background-size: 70px auto;
}
}
@media (min-width: 1400px) {
#sidebar .ad-list {
	padding-left: 110px;
	background-size: 90px auto;
}
}

.ad-list .ad-box-s {
	min-width: 200px;
	/*min-height: 180px;*/
}

@media (max-width: 1399px) {
	.ad-box-s {
		padding: 5px;
	}
}
@media (min-width: 1200px) {
	.ad-box-m {
		/*padding: 15px;*/
	}
}



.ad-box img {
	border-radius: 10px;
}

.tooltip.top .tooltip-arrow {
	border-top-color: #e83b06;
}
.tooltip-inner {
	background-color: #e83b06;
}

/* =========================================================
	CLOUDS
========================================================= */
svg {
	max-width: 100%;
	height: auto;
	display: block;
}

#main-nav { z-index: 3; }
.plane {
	width: 100%;
	height: auto;
}
@media (min-width: 768px) {

/*Paper Plane: Animation*/
#main-nav {
	-webkit-animation: ball-flag-scoping 2s alternate infinite;
	-moz-animation: ball-flag-scoping 2s alternate infinite;
	animation: ball-flag-scoping 2s alternate infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	animation-timing-function: linear;
}
}
 @-webkit-keyframes ball-flag-scoping { 0% {
 -webkit-transform: translateY(0px);
 -moz-transform: translateY(0px);
 transform: translateY(0px);
}
 100% {
 -webkit-transform: translateY(8px);
 -moz-transform: translateY(8px);
 transform: translateY(8px);
}
}
.navbar-brand {
	-webkit-animation: logo-flag-scoping 2s alternate infinite;
	-moz-animation: logo-flag-scoping 2s alternate infinite;
	animation: logo-flag-scoping 2s alternate infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	animation-timing-function: linear;
}
 @-webkit-keyframes logo-flag-scoping { 0% {
 -webkit-transform: translateY(0px);
 -moz-transform: translateY(0px);
 transform: translateY(0px);
}
 100% {
 -webkit-transform: translateY(4px);
 -moz-transform: translateY(4px);
 transform: translateY(4px);
}
}

/**
 * Clouds
 */
.clouds {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
	transform: translateZ(0);
}
.clouds .cloud {
	position: absolute;
	/*top: 20%;*/
	width: 300px;/*right: 0;*//*opacity: 1;*/
}
.cloud.front { z-index: 9; }
.cloud.distant { z-index: 1; }
.cloud.background { z-index: 1; }

/*Cloud Sizing*/
.cloud.cloud_1 {
	width: 82px;
	top: 46px;
	right: 20px;
	left: auto;
	opacity: .3;
}
.cloud.cloud_2 {
	width: 117px;
	left: 48.5%;
	right: auto;
	opacity: .7;
	top: 116px;
}
.cloud.cloud_3 {
	width: 81px;
	left: 16.9%;
	right: auto;
	opacity: .4;
	top: 70px;
}
.cloud.cloud_4 {
	width: 485px;
	right: 50px;
	top: 86px;
	left: auto;
	opacity: .6;
}
.cloud.cloud_5 {
	width: 178px;
	left: 8%;
	opacity: .6;
	top: 123px;
}
.bg_cloud {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 228px;
	background-image: url(../i/common/bg_cloud_1.svg);
	background-position: 50% 100%;
	background-repeat: repeat-x;
	opacity: .4;
	z-index: 1;
}
.bg_cloud_1 { /*height: 228px;
	background-image: url(../i/common/bg_cloud_1.svg);*/ /*opacity: .4;*/ }
.bg_cloud_2 {
	height: 265px;
	background-image: url(../i/common/bg_cloud_2.svg);
	opacity: .1;/*z-index: 1;*/
}
@media (max-width: 767px) {
.cloud.cloud_4 { display: none; }
.bg_cloud {
	bottom: -50px;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
}
.bg_cloud {
	-webkit-animation: ball-flag-scoping 3s alternate infinite;
	-moz-animation: ball-flag-scoping 3s alternate infinite;
	animation: ball-flag-scoping 3s alternate infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	animation-timing-function: linear;
}
@-webkit-keyframes cloud-hor-scoping { 0% {
 -webkit-transform: translateY(0px);
 -moz-transform: translateY(0px);
 transform: translateY(0px);
}
 100% {
 -webkit-transform: translateY(5px);
 -moz-transform: translateY(5px);
 transform: translateY(5px);
}
}
.bg_cloud.bg_slow {
	-webkit-animation: ball-flag-scoping 5s alternate infinite;
	-moz-animation: ball-flag-scoping 5s alternate infinite;
	animation: ball-flag-scoping 5s alternate infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	animation-timing-function: linear;
}
.cloud.smaller {
	margin-right: 400px;
	width: 100px;
	margin-top: 50px;
}
.cloud.small {
	margin-right: 200px;
	width: 150px;
}
.cloud.big {
	width: 500px;
	margin-top: 50px;
	margin-right: 150px;
	opacity: .3;
}
.cloud.massive {
	width: 600px;
	margin-top: 20px;
	margin-right: 0px;
}
/*Cloud: Animation*/

.cloud {
	-webkit-animation-name: cloud-movement;
	-webkit-animation-timing-function: linear;
	-webkit-animation-direction: forwards;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 8s;
	-moz-animation-name: cloud-movement;
	-moz-animation-timing-function: linear;
	-moz-animation-direction: forwards;
	-moz-animation-iteration-count: infinite;
	-moz-animation-duration: 8s;
	animation-name: cloud-movement;
	animation-timing-function: linear;
	animation-direction: forwards;
	animation-iteration-count: infinite;
	animation-duration: 8s;
}
.slow {
	-webkit-animation-duration: 9.2s;
	-moz-animation-duration: 9.2s;
	animation-duration: 9.2s;
}
.slower {
	-webkit-animation-duration: 11.2s;
	-moz-animation-duration: 11.2s;
	animation-duration: 11.2s;
}
.slowest {
	-webkit-animation-duration: 13.5s;
	-moz-animation-duration: 13.5s;
	animation-duration: 13.5s;
}
.super-slow {
	-webkit-animation-duration: 200.5s;
	-moz-animation-duration: 200.5s;
	animation-duration: 200.5s;
}
 @-webkit-keyframes cloud-movement { 0% {
 opacity: 0.1;
 -webkit-transform: translateX(30px);
 -moz-transform: translateX(30px);
 transform: translateX(30px);
}
 1% {
 opacity: 0.7;
}
 5% {
 opacity: 1;
}
 90% {
 opacity: 0.3;
}
 100% {
 opacity: 0;
 -webkit-transform: translateX(-1000px);
 -moz-transform: translateX(-1000px);
 transform: translateX(-1000px);
}
}

/* PAGE-TOP
--------------------------------------------------------- */
#back-top {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 1001;
	display: none;
}
#back-top a { /*font-size: 1.15em;*/
	color: #fff;
	width: 40px;
	height: 40px;
	background: rgb(145,231,247) /*url('/static/i/icons/ico_back2top.gif') no-repeat 50% 50%*/;
	border-radius: 50%;
	display: block;
	text-align: center; /* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	line-height: 40px;
}
#back-top a:hover { background-color: rgb(232,59,6); }
#back-top a .fa { line-height: 40px; }
#back-top a .fa:hover { text-shadow: 0 4px 0 rgba(0,0,0,.2); }
@media (min-width: 768px) {
#back-top {
	bottom: 30px;
	right: 30px;
}
#back-top a {
	width: 50px;
	height: 50px;
	line-height: 50px;
}
#back-top a .fa {
	line-height: 50px;
	font-size: 2em;
}
}

/* =========================================================
	links
========================================================= */
.link-list .blogroll li {
	margin-bottom: 20px;
}
.link-list .blogroll li a {
	display: block;
	font-size: 24px;
}
.link-list a { color: rgb(96,222,247); }
.link-list a:hover { color: rgb(232,59,6); }
.link-list a:hover:after {
	content:" →"
}


/* ==== word-list-box ====*/

.word-list-box li a {
	text-transform: capitalize;
}
.word-list-item {
	margin-bottom: 30px;
}
.word-list-box .clearfix {
	/*border-top: 1px solid #dedede;*/
	background-image: url('../i/common/bg_page_header.gif');
  background-repeat: repeat-x;
  height: 10px;
	margin-bottom: 30px
}

.letter-list {
	/*text-align: center;*/
	margin-bottom: 2em;
}
.letter-list h4 {
	display: inline-block;
	padding: 0 20px;
}

/* =========================================================
	top
========================================================= */
.lt-ie10 .fade { opacity: 1; }

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.search-form.form-inline .form-group {
		vertical-align: top;
		width: 70%;
	}
	.search-form.form-inline .form-group label,
	.search-form.form-inline .form-group .form-control {
		width: 100%;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}
@media (min-width: 1400px) {}
@media (min-width:1700px) {}


/* =========================================================
	RESPONSIVE IMAGES
========================================================= */
.entry-content img, .comment-content img, .widget img { max-width: 100%; /* Fluid images for posts, comments, and widgets */ }
img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ }
img.size-full, img.size-large, img.header-image, img.wp-post-image {
	/*width: 100%;*/
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
/* Make sure videos and embeds fit their containers */
.page-content img.size-full, .page-content img.size-large, .page-content img.header-image, .page-content img.wp-post-image {
	width: 100%;
}
embed, iframe, object, video { max-width: 100%; }
.entry-content .twitter-tweet-rendered { max-width: 100% !important; /* Override the Twitter embed fixed width */ }

/* Images */
.alignleft { float: left; }
.alignright { float: right; }
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image { /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */ /*border-radius: 3px;*/ /* box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); */
}
.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	/*padding: 4px;*/
}
.wp-caption .wp-caption-text, .gallery-caption, .entry-caption {
	font-style: italic;
	/*font-size: 12px;
	font-size: 0.857142857rem;*/
	line-height: 2;
	color: #757575;
	/*display: none;*/
}
img.wp-smiley, .rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
@media (max-width: 767px) {
img.alignleft, img.alignright {
	float: none;
	display: block;
	margin: 1em auto;
}
}
@media (min-width: 768px) {
img.alignleft {
	margin: 12px 24px 12px 0;
	margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}
img.alignright {
	margin: 12px 0 12px 24px;
	margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}
img.aligncenter {
	margin-top: 12px;
	margin-top: 0.857142857rem;
	margin-bottom: 12px;
	margin-bottom: 0.857142857rem;
}
}

/**
 * Accessibility
 */

/* Text meant only for screen readers */
.says, .screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}
/* must have higher specificity than alternative color schemes inline styles */

.site .skip-link {
	background-color: #f1f1f1;
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
	color: #21759b;
	display: block;
	font: bold 14px/normal "Noto Sans", sans-serif;
	left: -9999em;
	outline: none;
	padding: 15px 23px 14px;
	text-decoration: none;
	text-transform: none;
	top: -9999em;
}
.logged-in .site .skip-link {
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	font: bold 14px/normal "Open Sans", sans-serif;
}
.site .skip-link:focus {
	clip: auto;
	height: auto;
	left: 6px;
	top: 7px;
	width: auto;
	z-index: 100000;
}

/* =========================================================
	COLORS
========================================================= */
.white { color: #fff; }
.green { color: #4fada1; }
.red { color: #c80600; }
.gray { color: #999 !important; }
.lGreen { color: #9bd057; }
.brown { color: #6a3a0d; }
.yellow-url { color: #c6911d!important; }
.yellow-url:hover {
	color: #dfc68f!important;
	text-decoration: underline;
}

/* =========================================================
	FLOAT & TEXT-ALIGN
========================================================= */
.of {
	overflow: hidden;
	zoom: 1;
}
.col {
	clear: both;
	overflow: hidden;
}
@media (min-width: 768px) {
.c1, .c2, .cl, .fl {
	float: left;
	display: inline;
}
.c3, .cr, .fr {
	float: right;
	display: inline;
}
}
.al { text-align: left!important; }
.ac { text-align: center!important; }
.ar { text-align: right!important; }

/* =========================================================
	LINK
========================================================= */
a.arrow-link {
	background: url(../i/common/ico_arrow_5x7.gif) no-repeat 0px 50%;
	padding-left: 10px;
}
a.a-text-more { font-style: italic; }

/* =========================================================
	IMAGES
========================================================= */
.imgsl { width: 520px; }
.imgsm { width: 300px; }
.imgss { width: 160px; }
img.fl { margin: 0 1.2em 1.2em 0; }
img.fr { margin: 0 0 1.2em 1.2em; }
img.nostyle {
	border: none!important;
	padding: 0!important;
	background: none !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0!important;
}

/* =========================================================
	BACKGROUND
========================================================= */
.nobg { background: none !important; }
.ybg { background: yellow; }
.graybg { background: #f1f1f1; }

/* =========================================================
	MARGIN
========================================================= */
.ma0 { margin: 0!important; }
.mt-10 { margin-top: -10px !important; }
.mt-5 { margin-top: -5px !important; }
.mt-2 { margin-top: -2px !important; }
.mt0 { margin-top: 0 !important; }
.mt2 { margin-top: 2px !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt12 { margin-top: 12px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt24 { margin-top: 24px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mr0 { margin-right: 0 !important; }
.mr5 { margin-right: 5px !important; }
.mr8 { margin-right: 8px !important; }
.mr10 { margin-right: 10px !important; }
.mr12 { margin-right: 12px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr24 { margin-right: 24px !important; }
.mr40 { margin-right: 40px !important; }
.mr80 { margin-right: 80px !important; }
.mr-120 { margin-right: -120px !important; }
.mr-150 { margin-right: -150px !important; }
.mr-200 { margin-right: -200px !important; }
.mb0 { margin-bottom: 0 !important; }
.mb2 { margin-bottom: 2px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb12 { margin-bottom: 12px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb24 { margin-bottom: 24px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.ml0 { margin-left: 0 !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }
.ml60 { margin-left: 60px !important; }
.ml100 { margin-left: 100px !important; }
.ml-100 { margin-left: -100px !important; }
.ml-120 { margin-left: -120px !important; }
.ml-150 { margin-left: -150px !important; }
.ml-175 { margin-left: -175px !important; }
.ml-200 { margin-left: -200px !important; }

/* =========================================================
	PADDING
========================================================= */

.p0 { padding: 0px !important; }
.pt0 { padding-top: 0px !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }
.pt50 { padding-top: 50px !important; }
.pt60 { padding-top: 60px !important; }
.pl0 { padding-left: 0px !important; }
.pl10 { padding-left: 10px !important; }
.pl25 { padding-left: 25px !important; }
.pl40 { padding-left: 40px !important; }
.pl65 { padding-left: 65px !important; }
.pr5 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr20 { padding-right: 20px !important; }
.pr40 { padding-right: 40px !important; }
.pb5 { padding-bottom: 5px !important; }

/* =========================================================
	FONT & TEXT-SIZE
========================================================= */

.fz9 { font-size: 9px; }
.fz10 { font-size: .85em; }
.fz11 { font-size: 11px; }
.fz12 { font-size: 12px; }
.fz13 { font-size: 13px; }
.fz14 { font-size: 1.15em /*14px*/; }
.fz15 { font-size: 15px; }
.fz16 { font-size: 16px; }
.h34 { height: 34px !important; }
.textIndent { text-indent: 2em; }
.thide {
	text-indent: -19840807px;
	overflow: hidden;
	display: block;
}
.small, .small a { font-size: .83em /*10px*/ !important; }
.strong { font-size: 20px; }
.ls-1 { letter-spacing: -1px!important; }
.lh-2 { line-height: 2; }

/* =========================================================
	DISPLAY
========================================================= */
.dn, .none { display: none !important; }
.hide {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.block { display: block !important; }

/*.pc {
	display: block;
}*/

@media (min-width: 768px) {
	#main-nav .nav-justified>li.sp {
		display: none;
	}
	#sub-nav .nav-justified>li.sp {
		display: block;
	}
	

}

@media (max-width: 767px) {
	#main-nav .nav>li.search-btn>a {
		display: none;
	}
	li.search-btn .search-box .form-group {
		margin-bottom: 0;
	}
	#main-nav li.search-btn .search-box .input-lg {
		padding: 5px 10px;
		font-size: 15px;
	}
}

/* =========================================================
	POSITION
========================================================= */
.relative { position: relative !important; }
.absolute { position: absolute !important; }

/* =========================================================
	SHADOW
========================================================= */
.glow {
	box-shadow: #AAAAAA 0px 0px 3px;
	-webkit-box-shadow: #AAAAAA 0px 0px 3px;/* Safari,Google Chrome */
	-moz-box-shadow: #AAAAAA 0px 0px 3px;/* Firefox */
}

/* =========================================================
	LIST
========================================================= */
ul.indentlist li {
	text-indent: -1em;
	padding-left: 1em;
}

/* =========================================================
	CLEAR
========================================================= */
.clear {
	clear: both;
	line-height: 0;
	margin: 0;
	padding: 0;
	height: 1px;
}
.clearfix { clear: both; }
.fix:after {
	content: " ";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}
* html .fix { height: 1%; }
br.clearfix {
	clear: both;
	display: block;
	height: 1px;
	margin: -1px 0 0 0;
}
.cf:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.cf { display: inline-table; }
/* Hides from IE-mac \*/

* html .cf { height: 1%; }
.cf { display: block; }
/* End hide from IE-mac */



/* =========================================================
	OTHERS
========================================================= */
.full-w {
	display: block;
	float: none;
}
.loading { background: #fff url('/static/i/common/loader_2.gif') no-repeat 50% 50%; }
.messageSent {
	color: #5b9900;
	margin: 2em 0;
	line-height: 24px;
}
.lMore {
	font-size: 10px;
	color: #a5917e;
}
.edit-post-link {
	display: block;
	clear: both;
}
.edit-post-link a, .post-edit-link {
	background-color: #e45212;
	color: #fff !important;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 3px 5px;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
	position: relative; /*z-index: 100000000000 !important;*/
}
.last { margin-right: 0!important; }
.note {
	font-size: 85% /*12px*/;
	color: #c00;
}
.red-border {
	border: 1px solid #f00;
	color: #f00;
	padding: 4px 2px 3px 5px;
}
.red-block {
	background: #fc6987;
	padding: 3px 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
}
.loader {
	text-align: center;
	margin: 3em auto;
}
/*.alert {
	text-align: center;
	display: none;
	background-color: rgba(194, 236, 42, 0.85);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.alert p { padding: .5em 1em; }*/
.fno { float: none; }

/*===== HIGHLIGHT ====*/
.highlight {
	background: #ff741f;
	display: inline;
	color: #fff;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 3px 10px;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .5);
}

.required { color: rgb(232,59,6); }
.borderTop { border-top: 1px solid #cebfb2; }
.line-btm {
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 0px;
	margin-bottom: 25px;
}
.nobder, .nobder img { border: none !important; }
.nobs, .nobs img {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}
.bdr5 {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.noshadow { box-shadow: none !important; }
.error404 { min-height: 300px; }
.full-width { width: auto !important; }