*:focus {
	outline: none;
}

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: 'Source Serif Pro';
  font-size: 14px;
  line-height: 1;
  background: #ffffff;
  color: #444444;
  overflow-x: hidden;
}

a {
  color: inherit;
  text-decoration: none;
  display: inline-block;
}

a:focus {
  outline: none;
}

.list-unstyled {
  list-style: none;
}

.list-inline {
  list-style: none;
}

.list-inline > li {
  float: left;
  padding: 0;
}

.list-inline-b > li {
  display: inline-block;
  padding: 0;
}

ul, ol { padding: 0; }

.zoom { display: inline-block;	position: relative; }
.zoom img { display: block; }
.zoom img::selection { background-color: transparent; }

.btn {
  display: inline-block;
  height: 40px;
  padding: 15px 40px 11px;
  line-height: 1;
  font-family: 'Source Serif Pro';
  font-size: 14px;
  letter-spacing: 1px;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  background: #FFF;
  color: #444444;
  border: 1px solid #ccc;
  -moz-border-radius: 30px; -webkit-border-radius: 30px; -khtml-border-radius: 30px; border-radius: 30px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition:all .5s;transition:all .5s;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: 0;
  opacity: 0.7;
  color:white;
  background-color:#ccc;
}
.btn:hover {
  text-decoration: none;
  opacity: 0.7;
  color:white;
  background-color:#ccc;
}
.btn:active,
.btn.active {
  outline: 0;
  opacity: 0.7;
  color:white;
  background-color:#ccc;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.tbl { width: 100%; height: 100%; display: table; }
.tbl .cell { display: table-cell; vertical-align: middle; }

.nav { margin: 0; padding: 0; }

.form-control {
  display: block;
  font-family: 'Source Serif Pro';
  width: 100%;
  height: 40px;
  padding: 11px 12px;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0;
  color: #989898;
  -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; border-radius: 0;
  background-color: white;
  background-image: none;
  border: 1px solid #ccc;
  position: relative;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-group { margin-bottom: 20px; position: relative; }
.form-group label { display: block; font-weight: normal; font-size: 11px; margin-bottom: 10px; color: #989898; letter-spacing: 1px; }

.form-control:focus { border-color: #2a2a6a; outline: 0; }
.form-control::-moz-placeholder { color: #777777; opacity: 0.5; }
.form-control:-ms-input-placeholder { color: #777777; opacity: 0.5; }
.form-control::-webkit-input-placeholder { color: #777777; opacity: 0.5; }
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: white; opacity: 1; }
textarea.form-control { height: 120px; resize: none; line-height: 1.8; border: 1px solid #ccc; padding: 8px 12px; }

/* Select */
.custom-select { width: 100%; position: relative; color: #A8A8A8; cursor: pointer; font-size: 14px; -webkit-appearance: none; }
.custom-select .replacement { width: 100%; height: 40px; border: 1px solid #bdbdbd; padding: 12px 20px 12px 9px; background: transparent; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 1; position: relative; }
.custom-select .replacement:after { background: url('../images/icons/select.svg') no-repeat; content: ''; width: 11px; height: 6px; display: block; top: 50%; margin-top: -3px; right: 10px; position: absolute; }
.custom-select select { width: 100%; height: 40px; position: absolute; top: 0; left: 1px; z-index: 2; opacity: 0; filter: alpha(opacity=0); }
.custom-select.select-error .replacement { border-color: #9e0b0f; background: #fff7f7; }
/* End Select */


/* Global */
.content { padding: 0px 0; }
.bold { font-family: 'Source Serif Pro_bold'; }
.inline-block { display: inline-block; }
.h100 { height:100px; }
.h200 { height:200px; }
.h300 { height: 300px; }
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mb30 { margin-bottom:30px; }
.pad30 { padding-bottom:30px; }
.mb100 { margin-bottom:100px; }
/* End Global */

/* Header */
#header { font-family: 'Poppins'; letter-spacing: 1px; }
.list-inline-b li { margin-right:50px; padding-bottom:3px; }
.list-inline-b li:last-child { margin-right:0px; }
.list-inline-b li:hover { border-bottom: 1px solid #ccc; }
.list-inline-b li:last-child:hover { border-bottom: none; }
.search-inline { display:inline-block; }
.input-search { border:none; border-bottom:1px solid #ccc; margin-left:25px; }
/* Main Menu */
.drop-nav { border: 1px solid #e5e5e5; background-color:#FFF; }
.dropdown, .flyout, .fly2out { position: relative; }
ul.drop-nav { z-index: 99; padding: 0; margin: 0; margin-top:10px; padding-bottom:0px; }
ul.drop-nav:after { content: ''; /*background: url('../images/icons/arrowdropdown.svg') no-repeat 0 0;*/ width: 50px; height: 20px; position: absolute; top: -9px; left: 0px; }
ul.drop-nav li { display: block; margin: 0; }
ul.drop-nav li a { margin-bottom: 0; font-size: 12px; color: #444; padding: 11px 40px 11px 15px; width:100%; }
ul.drop-nav li a:hover { background-color: #444; color:#FFF; }
.drop-nav, .flyout-nav { position: absolute; display: none; }
.dropdown:hover > .drop-nav, .flyout:hover > .flyout-nav { display: block; }
.flyout-nav { left: 100%; top: 0px; width: 100%; border:1px solid #e5e5e5; background-color:#FFF;  }
ul.flyout-nav { background-color: #FFF; }
li.flyout { padding-bottom:0px; }
li.flyout:hover {  border-bottom:1px; }
ul.flyout-nav { padding: 0; margin: 0; margin-top:-1px; }
ul.flyout-nav li { display: block; padding-bottom:0px; }
ul.flyout-nav li a:hover { background: #444; color:#FFF; }
ul.flyout-nav li:hover { border-bottom:0px; }
/* End Main Menu */
/* End Header */

/* Index */
.home-title { letter-spacing:3px; margin-bottom:15px; font-family: 'Poppins_bold'; font-size:14px; line-height:18px; color:#777; }
.home-title.mt70 { margin-top:80px;  }
.stories-title { font-size: 24px; line-height:30px; margin-bottom:10px; font-family: 'Poppins';margin-top:10px;  }
.stories-s-title { font-size:16px; line-height:25px; margin-top:10px; font-family: 'Poppins'; }
.stories-description { font-size: 16px; line-height: 22px; margin-bottom: 5px; }
.stories-link { margin-bottom: 20px; font-size: 14px; }
.stories-link a { border-bottom:1px solid #444; }
.stories-link a:hover { border-bottom:1px solid #FFF; opacity: 0.7; }
.border-line { border-top:1px solid #e5e5e5; margin:0 0 30px 0; }
.most-read a:hover { opacity:0.8px; }
.most-read .stories-description { margin-bottom: 5px; }
.latest-update { margin-bottom:50px; }
/* .stories-no { font-size: 12px; font-weight:bold; } */
.stories-label { margin-top: 10px; font-size: 12px; }
.stories-label a { border-bottom:1px solid #999; color:#999; }
.stories-label a:hover { border-bottom:1px solid #FFF; opacity: 0.7; }
/* End Index */

/* About */
.about-title { font-size:28px; line-height:36px; font-family: 'Poppins_bold'; margin-bottom:30px; color:#444;}
.about { padding-bottom:50px; }
/* End About */

/* Stories */
.article-title { font-family:'Poppins_bold'; font-size:28px; line-height:36px; }
.article-sub { font-size:14px; color:#777; line-height:30px; letter-spacing:0.5px; padding-bottom:30px; }
.super-tag-title { margin:30px 0; }
.super-tag { margin:10px 0 30px 0; }
.super-tag a { border-radius:20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; background-color: #f0f0f0; color:#777; font-size:14px; line-height:18px; padding:5px 15px; margin-bottom:10px; }
.super-tag a:hover { opacity:0.7; }
.comment-box { padding:30px 0; }
.comment-title { font-size:18px; line-height:25px; font-family: 'Poppins_bold'; color:#444; margin-bottom:10px; }
.comment-name { font-size:16px; font-family:'Poppins_bold'; line-height:28px; }
.comment-sub { color:#777; font-size:14px; margin-bottom:5px; line-height:20px; }
.comment-detail { font-size:14px; line-height:20px; margin-bottom:5px; }
.sub-comment { display:none; }
.expand-comment { border-bottom:1px solid #ccc; margin-bottom:30px; display:inline-block; cursor:pointer; }
.expand-comment:hover { opacity:0.7; border-bottom:1px solid #fff; }
.stories-next { margin:50px 0; font-size:14px; }
.stories-next:hover {  opacity:0.7; }
.next-story { border-bottom: 1px solid #ccc; display:inline-block; margin-bottom:10px; }
.comment-total-replies { margin-top:10px; }
/* End Stories */

/* Pagination */
.simple-pagination li { margin: 0 10px; float: none; display: inline-block; }
.light-theme a, .light-theme span { font-family:'Poppins'; padding: 0; border: 0; border-bottom: 1px solid transparent; margin: 0; color: #444; font-size: 14px; background: none; box-shadow: none; cursor:pointer; }
.light-theme .current { font-family:'Poppins';  background: none; border: 0; border-radius: 0; color: #444; box-shadow: none; border-bottom: 1px solid #444; cursor:pointer; }
/* End Pagination */

/* Comment */
.login-link { margin-top:20px; line-height: 20px; }
.login-link a { border-bottom:1px solid black;  }
.login-link a:hover { border-bottom:1px solid #fff; opacity:0.7; }
.sub-comment { margin-left: 100px; }
.sub-comment .comment-detail { margin-bottom:20px; }
.sub-comment .comment-box { padding:10px 0; }
.sub-comment .login-link { margin-bottom:40px; }
/* End Comment */

/* Search, Login, Register */
.search-title { font-size:28px; line-height:36px; font-family: 'Poppins_bold'; margin-bottom:30px; color:#444;}
.search { padding-bottom:50px; line-height: 20px;  }
.search .most-read a { margin-top:50px; }
.search .stories-label { margin-top:0; }
.search .stories-label a { margin-bottom:0; margin-top:0px; }
.search .btn, .login .btn { font-family:'Poppins_bold'; }
.search .form-control { width:50%; }
.search-link a { text-decoration:underline; }
.search-link a:hover { border-bottom: #fff; opacity:0.7; text-decoration:none; }
.login { line-height:20px; }
/* End Search */

/* Contact */
.contact-title { font-size:28px; line-height:36px; font-family: 'Poppins_bold'; margin-bottom:30px; color:#444;}
.contact-sub-title { font-size:14px; color:#777; letter-spacing:3px; line-height:18px; font-family: 'Poppins'; margin-bottom:15px; }
.contact-bottom { padding:10px 0 100px; }
.contact-email { font-size:16px; font-family: 'Source Serif Pro_bold'; margin-bottom:10px; }
.contact-email-data { font-size:14px; font-family: 'Source Serif Pro_bold'; margin-bottom:30px; }
.contact-text { font-size:16px; font-family:'Source Serif Pro'; margin-top:15px; line-height:25px; }
.form-field { font-size:14px; font-family:'Source Serif Pro'; color:#bcbcbc; margin-bottom:5px;  }
/* End Contact */


/* Footer */
#footer { background: #f7f7f7; position: relative; padding: 50px 0; color: #444444; }
.t-footer { color: #444444; font-size: 14px; line-height: 20px; letter-spacing: 1.5px; margin-bottom: 15px; font-family: 'Poppins_bold'; }
ul.list-footer { margin: 0; padding: 0; }
ul.list-footer li { list-style: none; margin-bottom: 15px; }
ul.list-footer li:last-child { margin-bottom: 0; }
ul.list-footer li a { font-size: 14px; color: #444444; display: inline-block; -webkit-transition:all .5s;transition:all .5s; font-family:'Source Serif Pro' }
ul.list-footer li a:hover { opacity: 0.7; }

.footer-title { letter-spacing:2px; font-family:"Poppins"; margin-top:60px; font-size:14px; font-weight:bold; line-height:20px; }
.footer-desc { font-size: 14px; font-family:'Source Serif Pro'; line-height:20px; margin-top:10px; }
.cp { font-size: 12px; margin-top: 40px; line-height: 20px; color: #323232; font-family:'Poppins'; letter-spacing:1px; }
.cp a { font-size: 12px; color: #444444; -webkit-transition:all .5s;transition:all .5s; letter-spacing:1px; }
.cp a:hover { opacity: 0.7; }
/* End Footer */

/* tinymce */
.bodytext p span, .bodytext p, .bodytext h1, .bodytext h2, .bodytext h3, .bodytext h4, .bodytext h5, .bodytext h6 { font-family:"Source Serif Pro"!important; line-height: 24px !important; font-weight: normal !important; }
.bodytext h1 { font-size: 24px !important; font-weight:bold !important; }
.bodytext h2 { font-size: 21px !important; font-weight:bold !important; }
.bodytext h3 { font-size: 18px !important; }
.bodytext h4 { font-size: 16px !important; }
.bodytext h5 { font-size: 14px !important; }
.bodytext h6 { font-size: 12px !important; line-height:20px !important;  }
.bodytext p { font-size: 16px !important; }
.bodytext b { font-size: 18px !important; line-height: 24px !important; }
.bodytext ul { font-size: 16px !important; line-height: 24px !important; padding: 0 0 0 18px !important; margin: 0 !important; }
.bodytext ul li { font-size: 16px !important; line-height: 24px !important; }
.bodytext ol { font-size: 16px !important; line-height: 24px !important; padding: 0 15px !important; }
.bodytext img { width: 100% !important; height:100% !important; }
@media (max-width: 767px) {
	.bodytext p span, .bodytext p, .bodytext h1, .bodytext h2, .bodytext h3, .bodytext h4, .bodytext h5, .bodytext h6 { font-family:"Source Serif Pro"!important; line-height: 22px !important; font-weight: normal !important; }
	.bodytext h1 { font-size: 22px !important; font-weight:bold !important; }
	.bodytext h2 { font-size: 19px !important; font-weight:bold !important; }
	.bodytext h3 { font-size: 16px !important; }
	.bodytext h4 { font-size: 14px !important; }
	.bodytext h5 { font-size: 12px !important; }
	.bodytext h6 { font-size: 10px !important; }
	.bodytext p { font-size: 14px !important; }
	.bodytext ul { font-size: 14px !important; line-height: 20px !important; }
	.bodytext ul li { font-size: 14px !important; line-height: 20px !important; }
	.bodytext ol { font-size: 14px !important; line-height: 20px !important; }
}
/* End tinymce */

/* Off Canvas*/
.toggle-menu { cursor: pointer; }
#main-page { -webkit-transition: transform .5s; transition: transform .5s; }
#offcanvas-menu { font-size: 12px; position: fixed; top: 0; left: 0; width: 250px; height: 100%; padding: 0; z-index: 99993; background: #fff; -webkit-transition: transform .5s; transition: transform .5s; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); color: #444; overflow-y: auto; padding: 30px;font-family: 'Source Serif Pro'; }

#offcanvas-menu .list a { font-size: 14px; margin-bottom:30px; font-family: 'Poppins';  }
ul.accordion { padding: 0; font-size: 14px; margin:0;  }
ul.accordion li { list-style: none; font-family: 'Poppins';  }
ul .inner { padding-left: 1em; overflow: hidden; font-size: 12px; display: none; }
ul .inner.show { /*display: block;*/ }
ul li a.toggle { display: block; }

.close-menu img { cursor: pointer;  }
@media (max-width: 992px) {
  body.offcanvas-menu-open { min-height: 100%; position: relative; }
  .offcanvas-menu-open #main-page { -webkit-transform: translate3d(250px,0,0); transform: translate3d(250px,0,0); position: fixed; right: 0; top: 0; width: 100%; height: 100%; overflow-y: auto; }
  .offcanvas-menu-open #offcanvas-menu { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}
.bg-dark { width: 100%; height: 100%; cursor: pointer; background: #f7f7f7; z-index: 100; position: absolute; left: 0; top: 0px; display: none; opacity: 0; }
.pos-rel { position: relative; width: 100%; }
/* End Off Canvas */

@media (max-width: 1200px) {

}

@media (max-width: 991px) {
}

@media (max-width: 767px) {
	body { font-size: 14px; }
	.h200 { height:100px; }
	.img-logo { text-align:center; }
	.featured-img { margin-bottom:30px; }
	.stories-title { margin-top:30px; }
	.stories-title { font-size: 16px; line-height:25px; margin-top:0; }
	.stories-description { font-size:14px; }
	.super-tag-title { margin:15px 0; }
	.super-tag a { font-size: 12px; }
	.comment-total-replies { font-size: 12px; }
	.comment-total-replies a { font-size: 12px; }
	.latest-update, .most-read { margin-bottom:20px; }
	.most-read .mb50 { margin-bottom:0px; }
	#footer { padding: 10px 0 30px 0; }
	.t-footer {  margin-bottom: 15px;margin-top:30px;}
	.search .most-read a { margin-top:10px; }
	.search .stories-label a { margin-top:0px; }
	.search .form-control { width:100%; }
	.about-title, .search-title { font-size: 24px; line-height:20px; margin:25px 0; }
	.article-title { font-size: 20px; line-height:25px; }
	.article-sub { font-size:12px; line-height:20px; letter-spacing:0.3px; padding-bottom:10px;  }
	.comment-title { font-size:16px; line-height:25px; }
	.comment-name { font-size:14px; line-height:25px; }
	.comment-sub { font-size:12px; }
	.comment-detail { font-size: 14px; }
	.stories-next { line-height:22px; }
	.sub-comment { margin-left:20px; }
	.contact-text { font-size:14px; }
	.pagination { margin: 0; font-size: 12px; }
	.pagination > li > a, .pagination > li > span { padding: 0 5px; }
	.btn { padding:13px 25px 9px; font-size:14px;  }
	.cp { font-size: 10px; letter-spacing:0; }
	.cp a { font-size: 10px; letter-spacing:0; }
	.simple-pagination li { margin: 0 3px; }
	.light-theme a, .light-theme span { font-size: 12px; }
}