/*
Theme Name: iMotorbike25
Edit in progress by iMotorbike Tech Team
Author: MichalSzymaniak based on MVP Themes opensource theme
Version: 1.1
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

/* all css merged to one file for cleanup */
@import url(https://fonts.googleapis.com/css?family=Oswald:100,200,300,400,500,600,700,800,900|Roboto:100,200,300,400,500,600,700,800,900&subset=latin,latin-ext,cyrillic,cyrillic-ext,greek-ext,greek,vietnamese);

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

html {
  overflow-x: hidden;
}

body {
  color: #444;
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  line-height: 100%;
  margin: 0px auto;
  padding: 0px;
  height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  color: #222;
}

img {
  max-width: 100%;
  height: auto;
  -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
  backface-visibility: hidden; /* Standard property */
  backface-visibility: hidden; /* Standard property */
  backface-visibility: hidden; /* Standard property */
  backface-visibility: hidden; /* Standard property */
  backface-visibility: hidden;
}

iframe,
embed,
object,
video {
  max-width: 100%;
}

/************************************************
	Hyperlinks
************************************************/

a,
a:visited {
  font-weight: 600;
  text-decoration: none;
}

a:active,
a:focus {
  outline: none;
}

/************************************************
	Wallpaper Ad
************************************************/

#wallpaper {
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
}

.wallpaper-link {
  margin: 0 auto;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

/************************************************
	Layout
************************************************/

#site {
  float: left;
  position: relative;
  width: 100%;
}

#mvp-main-cont {
  float: left;
  position: relative;
  width: 100%;
}

#head-wrap {
  margin-top: 65px;
  padding-top: 20px;
  width: 100%;
}

.head-wrap-out {
  float: left;
  width: 100%;
}

.relative {
  position: relative;
}

.w100 {
  width: 100% !important;
}

.right,
.alignright {
  float: right;
}

.alignright {
  margin: 20px 0 20px 20px;
}

.left,
.alignleft {
  float: left;
}

.alignleft {
  margin: 20px 20px 20px 0;
}

.aligncenter {
  display: block;
  margin: 0 auto;
}

.section-div {
  border-bottom: 1px dotted #ccc;
  float: left;
  margin: 20px 0;
  width: 100%;
}

.section {
  clear: both;
  overflow: hidden;
}

.trans-all,
.main-nav .menu li ul.mega-list,
#featured-multi-main-text,
.read-share-overlay,
span.read-more-box,
.read-more-fb a,
.read-more-fb a:visited,
.read-more-twit a,
.read-more-twit a:visited,
.read-more-comment a,
.read-more-comment a:visited,
.video-but-contain,
.video-but-contain-med,
.video-but-contain-small,
#featured-multi-main-img img,
.featured-multi-sub-img img,
.full-wide-img img,
.story-contain-img img,
.widget-full-list-img img,
.grid-main-img img,
.grid-sub-img img,
.featured-multi-sub-text,
.img-cat-contain,
.full-wide-text,
.grid-main-text,
.grid-sub-text,
.story-contain-img img,
.story-contain-text,
ul.sidebar-list li,
ul.sidebar-list-tabs li,
ul.post-social-list li a,
#prev-post-wrap .prev-next-text,
#next-post-wrap .prev-next-text,
span.comment-but-text,
.main-nav .menu li:hover .mega-dropdown,
.main-nav .menu li:hover ul.sub-menu,
.sidebar-list-text a,
.widget-full-list-text a,
ul.trending-list li a,
.foot-widget .tag-cloud a,
ul.tabber-header li,
ul.sidebar-list li:hover,
ul.sidebar-list-tabs li:hover,
#social-nav,
#search-button {
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.mob-img {
  display: none;
}

.m20bot {
  margin-bottom: 20px;
}

.gray-border-top {
  border-top: 1px solid #ddd;
}

/************************************************
	Fly-Out Navigation
************************************************/

#fly-wrap {
  background: #444;
  overflow: hidden;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  -webkit-transform: translate3d(-370px, 0, 0);
  -moz-transform: translate3d(-370px, 0, 0);
  -ms-transform: translate3d(-370px, 0, 0);
  -o-transform: translate3d(-370px, 0, 0);
  transform: translate3d(-370px, 0, 0);
  width: 370px;
  height: 100%;
  z-index: 4000;
}

.fly-wrap-out {
  float: right;
  margin-left: -40px;
  position: relative;
  width: 100%;
  height: 100%;
}

.fly-wrap-in {
  margin-left: 40px;
  position: relative;
  height: 100%;
}

.fly-side-wrap {
  background: #555;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 40px;
  height: 100%;
}

#fly-wrap,
#nav-wrap,
#head-wrap,
#content-wrapper,
#wallpaper {
  -webkit-transition: -webkit-transform 0.3s ease;
  -moz-transition: -moz-transform 0.3s ease;
  -ms-transition: -ms-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  transition: transform 0.3s ease;
}

.fly-but-wrap {
  cursor: pointer;
  margin: 7.5px 0;
  width: 60px;
  height: 50px;
}

.fly-but-wrap span {
  display: block;
  position: absolute;
  left: 15px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  width: 30px;
  height: 3px;
}

.fly-but-wrap span:nth-child(1) {
  top: 15.5px;
}

.fly-but-wrap span:nth-child(2),
.fly-but-wrap span:nth-child(3) {
  top: 23.5px;
}

.fly-but-wrap span:nth-child(4) {
  top: 31.5px;
}

.fly-but-wrap.fly-open span:nth-child(1),
.fly-but-wrap.fly-open span:nth-child(4) {
  top: 24px;
  left: 50%;
  width: 0%;
}

.fly-but-wrap.fly-open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.fly-but-wrap.fly-open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.fly-menu {
  -webkit-transform: translate3d(0, 0, 0) !important;
  -moz-transform: translate3d(0, 0, 0) !important;
  -ms-transform: translate3d(0, 0, 0) !important;
  -o-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
}

.fly-content,
.main-nav-over {
  -webkit-transform: translate3d(370px, 0, 0) !important;
  -moz-transform: translate3d(370px, 0, 0) !important;
  -ms-transform: translate3d(370px, 0, 0) !important;
  -o-transform: translate3d(370px, 0, 0) !important;
  transform: translate3d(370px, 0, 0) !important;
}

ul.fly-bottom-soc {
  overflow: hidden;
  width: 100%;
}

ul.fly-bottom-soc li a {
  border-top: 1px solid #444;
  color: #888;
  cursor: pointer;
  float: left;
  overflow: hidden;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
}

ul.fly-bottom-soc li i {
  font-size: 20px;
  padding: 10px;
  width: 20px;
}

ul.fly-bottom-soc li.fb-soc a:hover,
.post-soc-fb {
  background: #3b5997;
  color: #fff;
}

ul.fly-bottom-soc li.twit-soc a:hover,
.post-soc-twit {
  background: #00aced;
  color: #fff;
}

ul.fly-bottom-soc li.pin-soc a:hover,
.post-soc-pin {
  background: #cb2027;
  color: #fff;
}

ul.fly-bottom-soc li.inst-soc a:hover {
  background: #36658c;
  color: #fff;
}

ul.fly-bottom-soc li.goog-soc a:hover {
  background: #cd3627;
  color: #fff;
}

ul.fly-bottom-soc li.yt-soc a:hover {
  background: #f00;
  color: #fff;
}

ul.fly-bottom-soc li.link-soc a:hover {
  background: #069;
  color: #fff;
}

ul.fly-bottom-soc li.tum-soc a:hover {
  background: #304e6c;
  color: #fff;
}

ul.fly-bottom-soc li.rss-soc a:hover {
  background: #f60;
  color: #fff;
}

.fly-to-top {
  background: #333;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  overflow: hidden;
  position: fixed;
  right: 15px;
  bottom: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 50px;
  height: 50px;
}

.fly-to-top:hover {
  background: #555;
}

.fly-to-top {
  -webkit-transform: translate3d(0, 100px, 0);
  -moz-transform: translate3d(0, 100px, 0);
  -ms-transform: translate3d(0, 100px, 0);
  -o-transform: translate3d(0, 100px, 0);
  transform: translate3d(0, 100px, 0);
}

.to-top-trans {
  -webkit-transform: translate3d(0, -15px, 0);
  -moz-transform: translate3d(0, -15px, 0);
  -ms-transform: translate3d(0, -15px, 0);
  -o-transform: translate3d(0, -15px, 0);
  transform: translate3d(0, -15px, 0);
}

.fly-to-top i {
  font-size: 40px;
  line-height: 100%;
  position: absolute;
  top: -3px;
  left: 12.1px;
}

span.to-top-text {
  font-family: "Oswald", sans-serif;
  font-size: 8px;
  font-weight: 400;
  line-height: 100%;
  position: absolute;
  bottom: 11px;
  left: 10.5px;
  text-transform: uppercase;
}

.fly-to-top i,
span.to-top-text {
  color: #fff;
}

#fly-menu-wrap {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

nav.fly-nav-menu {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  margin: 15px 4.54545454545% 0; /* 15px / 270px */
  overflow: hidden;
  position: absolute !important;
  width: 90.9090909091%; /* 300px / 270px */
  height: 87%;
}

nav.fly-nav-menu ul {
  float: left;
  position: relative;
  width: 100%;
}

nav.fly-nav-menu ul div.mega-dropdown {
  display: none;
}

nav.fly-nav-menu ul li {
  border-top: 1px solid #555;
  cursor: pointer;
  float: left;
  position: relative;
  width: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

nav.fly-nav-menu ul li:first-child {
  border-top: none;
  margin-top: -14px;
}

nav.fly-nav-menu ul li ul li:first-child {
  margin-top: 0;
}

nav.fly-nav-menu ul li a {
  color: #fff;
  display: inline-block;
  font-family: "Oswald", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 100%;
  padding: 14px 0;
  text-transform: uppercase;
}

nav.fly-nav-menu ul li a:hover {
  color: #bbb;
}

nav.fly-nav-menu ul li.menu-item-has-children:after {
  content: "+";
  color: #777;
  font-family: "Oswald", serif;
  font-size: 32px;
  font-weight: 800;
  position: absolute;
  right: 0;
  top: 3px;
}

nav.fly-nav-menu ul li.menu-item-has-children.tog-minus:after {
  content: "_";
  right: 1px;
  top: -12px;
}

nav.fly-nav-menu ul li ul.sub-menu {
  border-top: 1px solid #555;
  display: none;
  float: left;
  padding-left: 6.66666666666%; /* 20px / 300px */
  width: 93.333333333%; /* 280px / 300px */
}

.fly-fade {
  background: #000;
  opacity: 0;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
}

.fly-fade-trans {
  opacity: 0.5;
  height: 100%;
}

/************************************************
	Navigation
************************************************/

#nav-wrap {
  -ms-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
  width: 100%;
  height: 65px;
  z-index: 3000;
}

#nav-contain {
  overflow: hidden;
  width: 100%;
  height: 65px;
}

#nav-contain:hover {
  overflow: visible;
}

#nav-contain-out {
  float: right;
  margin-left: -330px;
  width: 100%;
}

#nav-contain-in {
  margin-left: 330px;
}

#nav-logo {
  line-height: 0;
  margin-right: 20px;
  overflow: hidden;
  max-width: 250px;
  height: 65px;
}

#main-nav-out {
  float: left;
  margin-right: -177px;
  width: 100%;
}

#main-nav-in {
  margin-right: 177px;
}

nav {
  display: inline;
  float: left;
  width: 100%;
  height: 65px;
}

#nav-out {
  float: left;
  margin-right: -100px;
  width: 100%;
}

#nav-in {
  margin-right: 100px;
}

.main-nav-contain {
  width: 100%;
  height: auto;
}

.main-nav-in {
  width: 1000%;
}

.main-nav-contain .menu {
  width: auto;
}

.more-nav-contain {
  float: left;
  position: relative;
  width: 100px;
}

.more-nav-contain:before {
  content: "";
  position: absolute;
  left: -20px;
  top: 0;
  width: 20px;
  height: 65px;
}

.main-nav .menu {
  float: left;
  line-height: 0;
}

.main-nav .menu li {
  float: left;
  position: relative;
}

.main-nav .menu li.mega-dropdown {
  position: static;
}

.main-nav .menu li a {
  float: left;
  font-weight: 400;
  font-size: 17px;
  line-height: 100%;
  padding: 24px 20px 24px;
  position: relative;
  text-transform: uppercase;
}

.main-nav .menu li.menu-item-has-children ul.sub-menu li a:after,
.main-nav .menu li.menu-item-has-children ul.sub-menu li ul.sub-menu li a:after,
.main-nav .menu li.menu-item-has-children ul.mega-list li a:after {
  border-style: none;
  border-width: medium;
  content: "";
  position: relative;
  top: auto;
  right: auto;
}

.main-nav .menu li.menu-item-has-children a:after {
  border-style: solid;
  border-width: 5px 5px 0 5px;
  content: "";
  position: absolute;
  top: 30px;
  right: 10px;
}

.main-nav .menu li.menu-item-has-children a {
  padding: 24px 25px 24px 20px;
}

.main-nav .menu li ul.mega-list li a,
.main-nav .menu li.menu-item-has-children ul li a {
  border-bottom: none;
  padding: 12px 20px;
}

.main-nav .menu li a:hover,
.main-nav .menu li:hover a {
  text-decoration: none;
  padding-bottom: 19px;
}

.main-nav .menu li ul li a:hover,
.main-nav .menu li:hover ul li:hover a {
  border-bottom: none;
  padding-bottom: 20px;
}

.main-nav .menu li ul.sub-menu {
  -moz-box-shadow: 0 0 20px -10px #000;
  -ms-box-shadow: 0 0 20px -10px #000;
  -o-box-shadow: 0 0 20px -10px #000;
  -webkit-box-shadow: 0 0 20px -10px #000;
  box-shadow: 0 4px 20px -10px #000;
  overflow: hidden;
  position: absolute;
  top: 65px;
  left: 0;
  max-width: 200px;
  -webkit-transition: -webkit-transform 0.3s ease;
  -moz-transition: -moz-transform 0.3s ease;
  -ms-transition: -ms-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  transition: transform 0.3s ease;
  -webkit-transform: translateY(-999px);
  -moz-transform: translateY(-999px);
  -ms-transform: translateY(-999px);
  -o-transform: translateY(-999px);
  transform: translateY(-999px);
  z-index: -1;
}

.main-nav .menu li:hover ul.sub-menu {
  overflow: visible;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.main-nav .menu li:hover ul.sub-menu li {
  display: block;
  float: left;
  position: relative;
}

.main-nav .menu li:hover ul.sub-menu li.menu-item-has-children a {
  position: relative;
}

.main-nav .menu li:hover ul.sub-menu li.menu-item-has-children a:after {
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: "";
  position: absolute;
  top: 15px;
  right: 10px;
}

.main-nav .menu li:hover ul.sub-menu li:first-child {
  border-top: none;
}

.main-nav .menu li:hover ul.sub-menu li a {
  float: left;
  font: 700 12px/100% "Oswald", sans-serif;
  padding: 12px 20px;
  width: 160px;
}

.main-nav .menu li:hover ul.sub-menu li a:hover {
  background: rgba(255, 255, 255, 0.2);
}

.main-nav .menu li:hover ul.sub-menu li ul {
  display: none;
  opacity: 1;
  position: absolute;
  top: 0;
  left: 200px;
  height: auto;
}

.main-nav .menu li:hover ul.sub-menu li:hover ul {
  display: block;
}

.main-nav .menu li:hover ul.sub-menu li:hover ul li {
  display: inline;
}

.main-nav .menu li:hover ul.sub-menu li:hover ul li ul {
  display: none;
}

.main-nav .menu li .mega-dropdown {
  -moz-box-shadow: 0 9px 20px -15px #000;
  -ms-box-shadow: 0 9px 20px -15px #000;
  -o-box-shadow: 0 9px 20px -15px #000;
  -webkit-box-shadow: 0 9px 20px -15px #000;
  box-shadow: 0 9px 20px -15px #000;
  overflow: hidden;
  position: absolute;
  left: 20px;
  top: 65px;
  -webkit-transition: -webkit-transform 0.3s ease;
  -moz-transition: -moz-transform 0.3s ease;
  -ms-transition: -ms-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  transition: transform 0.3s ease;
  -webkit-transform: translateY(-999px);
  -moz-transform: translateY(-999px);
  -ms-transform: translateY(-999px);
  -o-transform: translateY(-999px);
  transform: translateY(-999px);
  width: 100%;
  height: 232px;
  z-index: -4000;
}

.main-nav .menu li:hover .mega-dropdown {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.main-nav .menu li.mega-dropdown ul.sub-menu {
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  left: 40px;
  margin-top: 20px;
}

.single .main-nav .menu li .mega-dropdown {
  left: 60px;
}

.single .main-nav .menu li.mega-dropdown ul.sub-menu {
  left: 120px;
}

.main-nav .menu li.menu-item-has-children .mega-dropdown-out {
  float: right;
  margin-left: -240px;
  position: relative;
  right: 20px;
  width: 100%;
}

.main-nav .menu li.menu-item-has-children .mega-dropdown-in {
  margin-left: 240px;
}

.single .main-nav .menu li.menu-item-has-children .mega-dropdown-out {
  margin-left: -320px;
  position: relative;
  right: 60px;
}

.single .main-nav .menu li.menu-item-has-children .mega-dropdown-in {
  margin-left: 320px;
}

.main-nav .menu li:hover ul.mega-list {
  float: left;
  position: relative;
  width: 100%;
}

.main-nav .menu li ul.mega-list {
  opacity: 0;
}

.main-nav .menu li:hover ul.mega-list {
  opacity: 1;
}

.main-nav .menu li:hover ul.mega-list li {
  margin: 20px 0 40px 1.36705399863%; /* 20px / 1463px */
  position: relative;
  width: 18.3595352016%; /* 268.6px / 1463 */
}

.mega-img {
  float: left;
  line-height: 0;
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
  width: 100%;
  max-height: 120px;
}

.main-nav .menu li:hover ul.mega-list li a {
  background: none !important;
  float: left;
  font-size: 0.9em;
  font-weight: 400;
  line-height: 130%;
  padding: 0 !important;
  text-transform: none;
}

.main-nav .menu li:hover ul.mega-list li a:hover {
  text-decoration: underline;
}

.nav-spacer {
  position: absolute;
  top: 0;
  right: -60px;
  height: 65px;
  width: 80px;
}

#nav-right {
  float: right;
  position: static;
  top: 0;
  right: 0;
  width: 177px;
  height: 50px;
}

#social-nav {
  float: right;
  padding: 0 10px;
}

#social-nav span,
#search-button {
  cursor: pointer;
  font-size: 21px;
  line-height: 100%;
  height: 21px;
}

#social-nav span {
  float: left;
  padding: 22px 8px;
}

#social-dropdown {
  display: none;
  position: absolute;
  top: 65px;
  right: 0;
  width: 304px;
}

ul.social-drop-list {
  -ms-box-shadow: 0 0 26px -13px #000;
  -moz-box-shadow: 0 0 26px -13px #000;
  -o-box-shadow: 0 0 26px -13px #000;
  -webkit-box-shadow: 0 0 26px -13px #000;
  box-shadow: 0 5px 20px -10px #000;
  float: right;
  padding: 1px 1px 0 0;
  max-width: 303px;
}

ul.social-drop-list li {
  background: rgba(0, 0, 0, 0.1);
  float: left;
  margin: 0 0 1px 1px;
  overflow: hidden;
  padding: 15px;
  text-align: center;
  width: 70px;
  height: 45px;
}

ul.social-drop-list li:hover {
  background: rgba(255, 255, 255, 0.2);
}

ul.social-drop-list li i {
  clear: both;
  color: #fff;
  font-size: 22px;
  margin-bottom: 7px;
}

ul.social-drop-list li p {
  color: #ddd;
  font-size: 0.6em; /* 12px / 18px */
  font-weight: 400;
  line-height: 100%;
}

#search-button {
  float: right;
  padding: 22px 20px;
}

#search-bar {
  background: rgba(255, 255, 255, 0.9);
  -ms-box-shadow: 0 0 26px -13px #000;
  -moz-box-shadow: 0 0 26px -13px #000;
  -o-box-shadow: 0 0 26px -13px #000;
  -webkit-box-shadow: 0 0 26px -13px #000;
  box-shadow: 0 5px 20px -10px #000;
  display: none;
  padding: 15px 0;
  position: absolute;
  top: 65px;
  right: -20px;
  width: 100%;
  z-index: 6000;
}

.single #search-bar {
  right: -60px;
}

#searchform input {
  background: none;
  border: 0;
  float: left;
  font-size: 2em;
  font-weight: 100;
  line-height: 100%;
  padding: 10px 1%;
  text-transform: uppercase;
  width: 98%;
  height: 60px;
}

#searchform #searchsubmit {
  border: none;
  float: left;
}

#searchform #s:focus {
  outline: none;
}

.mobile-menu-hide {
  display: none;
}

#mobile-menu-wrap {
  cursor: pointer;
  display: none;
  font-size: 25px;
  overflow: hidden;
  width: 61px;
  height: 65px;
}

#mobile-menu-wrap i {
  padding: 20px;
  width: 21px;
  height: 25px;
}

#mobile-nav {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 61px;
  height: 65px;
}

#mobile-nav select {
  background: url(images/mobi-bg.gif) no-repeat 50% 50%;
  border: none;
  float: left;
  padding-right: 61px;
  width: 61px;
  height: 65px;
  -webkit-appearance: none !important;
  appearance: none !important;
}

#mobile-nav .menu {
  display: block;
  float: left;
  line-height: 0;
  width: 300px;
}

#mobile-nav .menu li {
  float: left;
  width: 100%;
  height: 40px;
}

#mobile-nav .menu li a {
  color: #fff;
  float: left;
  font-size: 20px;
  font-weight: 700;
  line-height: 100%;
  padding: 10px;
  width: 280px;
}

#menufication-outer-wrap.light #menufication-top,
#menufication-outer-wrap.light #menufication-non-css3-top,
#menufication-non-css3-outer-wrap.light #menufication-top,
#menufication-non-css3-outer-wrap.light #menufication-non-css3-top {
  background: #fff !important;
}

/************************************************
	Leaderboard
************************************************/

#leader-wrapper {
  float: left;
  line-height: 0;
  margin-bottom: 20px;
  text-align: center;
  width: 100%;
}

/************************************************
	Homepage
************************************************/

#content-wrapper {
  width: 100%;
  height: 100%;
}

.content-out {
  float: right;
  margin-left: -40px;
  position: relative;
  top: 0;
  right: 20px;
  width: 100%;
}

.content-in {
  margin-left: 40px;
}

#post-content-out.post-full,
#post-content-in.post-full {
  margin-right: 0;
}

#home-content-out {
  float: left;
  margin-right: -341px;
  overflow: hidden;
  width: 100%;
}

#home-content-in {
  margin-right: 341px;
}

#home-content-wrapper {
  width: 100%;
}

.home-contain {
  float: left;
  width: 100%;
}

#featured-multi-wrap {
  background: #777;
  margin: -20px 0 20px;
  width: 100%;
  height: 440px;
}

#featured-multi-main {
  overflow: hidden;
  width: 49.968414403%; /* 791px / 1583px */
  height: 440px;
}

#featured-multi-main-img,
.featured-multi-sub-img {
  background: #000;
  line-height: 0;
  width: 100%;
  height: 100%;
}

#featured-multi-main-img img {
  min-width: 800px;
  width: 100%;
}

#featured-multi-main:hover #featured-multi-main-img img,
.featured-multi-sub:hover .featured-multi-sub-img img,
.widget-split-left:hover img {
  opacity: 0.3;
}

#featured-multi-main-text {
  opacity: 1;
  padding: 30px 2.64900662252% 20px; /* 20px / 755px */
  width: 95%; /* 715px / 755px */
}

#featured-multi-main:hover #featured-multi-main-text,
.featured-multi-sub:hover .featured-multi-sub-text,
.widget-split-left:hover .img-cat-contain {
  opacity: 0;
}

#featured-multi-main-text h2 {
  color: #fff;
  float: left;
  font-size: 3.1em;
  font-weight: 700;
  line-height: 130%;
  margin-bottom: 5px;
  -moz-text-shadow: 1px 1px 2px #000;
  -ms-text-shadow: 1px 1px 2px #000;
  -o-text-shadow: 1px 1px 2px #000;
  -webkit-text-shadow: 1px 1px 2px #000;
  text-shadow: 1px 1px 2px #000;
  width: 100%;
}

#featured-multi-main-text h2.standard-headline {
  font-size: 36px;
}

#featured-multi-main-text p {
  color: #fff;
  float: left;
  font-size: 0.9em;
  font-weight: 400;
  line-height: 130%;
  margin-bottom: 10px;
  -moz-text-shadow: 1px 1px 2px #000;
  -ms-text-shadow: 1px 1px 2px #000;
  -o-text-shadow: 1px 1px 2px #000;
  -webkit-text-shadow: 1px 1px 2px #000;
  text-shadow: 1px 1px 2px #000;
}

.read-share-overlay {
  margin: -43px 0 0 -62.5px;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  width: 127px;
  height: 86px;
}

#featured-multi-main:hover .read-share-overlay,
.featured-multi-sub:hover .read-share-overlay,
.widget-split-left:hover .read-share-overlay,
.story-contain:hover .read-share-overlay,
.widget-full-list-img:hover .read-share-overlay,
.widget-full-wide:hover .read-share-overlay,
.grid-main:hover .read-share-overlay,
.grid-sub:hover .read-share-overlay {
  opacity: 1;
}

.read-more-box-wrapper {
  display: inline-block;
  margin: 0 auto;
}

span.read-more-box {
  border: 2px solid #fff;
  color: #fff;
  clear: both;
  display: inline-block;
  font: 400 18px/100% "Oswald", sans-serif;
  margin-bottom: 10px;
  padding: 10px 20px;
  text-transform: uppercase;
}

span.read-more-box:hover {
  background: #fff;
  color: #333;
  cursor: pointer;
  text-decoration: none;
}

.share-box-wrapper {
  margin: 0 auto;
  width: 126px;
}

.read-more-fb a,
.read-more-fb a:visited,
.read-more-twit a,
.read-more-twit a:visited,
.read-more-comment a,
.read-more-comment a:visited {
  color: #fff;
  float: left;
  font-size: 0.9em;
  line-height: 100%;
  padding: 8px 0;
  text-transform: uppercase;
}

.read-more-fb a {
  background: #3e64ad;
  margin-right: 1%;
  width: 32.333333333%;
}

.read-more-twit a {
  background: #58ccff;
  margin-right: 1%;
  width: 32.333333333%;
}

.read-more-comment a {
  width: 33.333333333%;
}

.read-more-fb a:hover,
.read-more-twit a:hover,
.read-more-comment a:hover {
  background: #333;
  color: #fff;
  text-decoration: none;
}

#video-embed {
  overflow: hidden;
  padding-bottom: 56.25%;
  text-align: center;
  width: 100%;
  height: 0;
}

#video-embed iframe,
#video-embed object,
#video-embed embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#content-area #video-embed {
  margin-bottom: 20px;
}

.video-but-contain,
.video-but-contain-med,
.video-but-contain-small {
  color: #fff;
  line-height: 100%;
  margin: 0 auto;
  opacity: 0.8;
  position: absolute;
  left: 0;
  right: 0;
  -moz-text-shadow: 0 0 30px #000;
  -ms-text-shadow: 0 0 30px #000;
  -o-text-shadow: 0 0 30px #000;
  -webkit-text-shadow: 0 0 30px #000;
  text-shadow: 0 0 20px #000;
}

.video-but-contain {
  bottom: 50%;
  font-size: 70px;
  width: 61px;
  height: 70px;
}

.video-but-contain-med {
  font-size: 50px;
  margin-top: -20px;
  top: 50%;
  width: 43px;
  height: 50px;
}

.video-grid {
  margin-top: -50px;
}

.video-but-contain-small {
  font-size: 30px;
  margin-top: -15px;
  top: 50%;
  width: 26px;
  height: 30px;
}

#featured-multi-main:hover .video-but-contain,
.featured-multi-sub:hover .video-but-contain,
.widget-split-left:hover .video-but-contain-med,
.story-contain:hover .video-but-contain,
.story-contain:hover .video-but-contain-med,
.widget-full-list-img:hover .video-but-contain-med,
.grid-main:hover .video-but-contain,
.grid-sub:hover .video-but-contain-med {
  opacity: 0;
}

#featured-multi-main-img img,
.featured-multi-sub-img img,
.full-wide-img img,
.story-contain-img img,
.widget-full-list-img img,
.grid-main-img img,
.grid-sub-img img {
  margin: 0 auto;
  opacity: 1;
  position: absolute;
  left: -9999px;
  right: -9999px;
}

#featured-multi-sub-wrap {
  margin-bottom: -1px;
  width: 49.968414403%; /* 791px / 1583px */
}

.featured-multi-sub {
  margin: 0 0 1px 0.126422250316%; /* 1px / 791px */
  overflow: hidden;
  width: 49.8735777497%; /* 394.5px / 791px */
  height: 219.5px;
}

.featured-multi-sub img {
  min-width: 400px;
  width: 100%;
}

.featured-multi-sub-text {
  opacity: 1;
  padding: 30px 5.33333333333% 20px; /* 20px / 375px */
  width: 89.4%; /* 335px / 375px */
}

#featured-contain {
  overflow: hidden;
  width: 100%;
  height: 400px;
}

#feat-img,
.wide-section-img,
.story-contain-img {
  overflow: hidden;
  width: 100%;
}

#feat-img img {
  margin-top: -5%;
  min-width: 100%;
}

#featured-multi-main-text,
.featured-multi-sub-text,
.wide-section-text,
.story-contain-text,
.grid-main-text,
.grid-sub-text {
  background-image: -moz-linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0,
    rgba(0, 0, 0, 0.4) 50%,
    rgba(0, 0, 0, 0.6) 100%
  );
  background-image: -ms-linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0,
    rgba(0, 0, 0, 0.4) 50%,
    rgba(0, 0, 0, 0.6) 100%
  );
  background-image: -o-linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0,
    rgba(0, 0, 0, 0.4) 50%,
    rgba(0, 0, 0, 0.6) 100%
  );
  background-image: -webkit-linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0,
    rgba(0, 0, 0, 0.4) 50%,
    rgba(0, 0, 0, 0.6) 100%
  );
  background-image: -webkit-gradient(
    linear,
    center top,
    center bottom,
    from(rgba(0, 0, 0, 0)),
    to(rgba(0, 0, 0, 0.6))
  );
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0,
    rgba(0, 0, 0, 0.4) 50%,
    rgba(0, 0, 0, 0.6) 100%
  );
  position: absolute;
  bottom: 0;
  left: 0;
}

.featured-multi-sub-text h2 {
  font-size: 1.2em;
}

.featured-multi-sub-text h2,
.wide-section-text h2,
.story-contain-text h2,
.grid-main-text h2,
.grid-sub-text h2 {
  color: #fff;
  float: left;
  font-weight: 400;
  line-height: 130%;
  margin-bottom: 10px;
  -moz-text-shadow: 1px 1px 2px #000;
  -ms-text-shadow: 1px 1px 2px #000;
  -o-text-shadow: 1px 1px 2px #000;
  -webkit-text-shadow: 1px 1px 2px #000;
  text-shadow: 1px 1px 2px #000;
  width: 100%;
}

.text-info-contain {
  width: 100%;
}

span.home-text-category,
span.home-text-author,
span.home-text-date {
  font-size: 0.7em;
  line-height: 100%;
}

span.home-text-category {
  color: #fbc034;
  font-weight: 700;
  margin-right: 20px;
  text-transform: uppercase;
}

span.home-text-author {
  color: #ddd;
  font-weight: 700;
  margin-right: 20px;
}

span.home-text-date {
  color: #ccc;
  text-transform: uppercase;
}

#home-widget-wrap {
  background: #fff;
  width: 100%;
}

.home-widget {
  background: #fff;
  border-bottom: 1px solid #ddd;
  font-size: 1em;
  line-height: 130%;
  overflow: hidden;
  padding: 20px 1.66389351082%; /* 20px / 1202px */
  width: 96.6722129784%; /* 1162px / 1202px */
}

.home-widget a {
  font-weight: 700;
}

.home-widget #searchform input {
  background: #f5f5f5;
  color: #aaa;
  font-style: normal;
  font-size: 1.2em;
  font-weight: 400;
}

.home-widget-wrap {
  width: 100%;
}

h3.widget-header-wrap {
  margin-bottom: 20px;
  width: 100%;
}

h3.widget-header-wrap span.widget-header-title {
  color: #444;
  display: inline-block;
  float: left;
  font-family: "Oswald", sans-serif;
  font-size: 0.85em;
  font-weight: 800;
  line-height: 100%;
  position: relative;
  text-transform: uppercase;
}

span.widget-header-more {
  display: inline-block;
  float: right;
  font-size: 0.65em;
  line-height: 100%;
  margin-top: 4px;
  text-transform: uppercase;
}

span.widget-header-more a {
  float: right;
  font-weight: 600;
}

.widget-full-list-img {
  background: #000;
  line-height: 0;
  margin-bottom: 10px;
  overflow: hidden;
  width: 100%;
  height: 150px;
}

.widget-full-list-img img {
  min-width: 250px;
  width: 100%;
}

.widget-full-list-img:hover img {
  opacity: 0.3;
}

.widget-full-list-text {
  width: 100%;
}

.widget-full-list-text a,
.widget-full-list-text a:visited {
  color: #222;
  float: left;
  font-size: 1.2em;
  font-weight: 400;
  line-height: 130%;
  margin-bottom: 10px;
  width: 100%;
}

.widget-full-list-text p {
  color: #555;
  float: left;
  font-size: 0.95em;
  font-weight: 300;
  line-height: 130%;
  margin-bottom: 10px;
  width: 100%;
}

.img-cat-contain {
  line-height: 0;
  opacity: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
}

span.img-cat {
  color: #fff;
  float: left;
  font-size: 0.6em;
  font-weight: 600;
  line-height: 100%;
  padding: 5px 15px;
  text-transform: uppercase;
}

#left-content span.img-cat {
  font-size: 0.7em;
}

#featured-multi-main-text .img-cat-contain,
.featured-multi-sub-text .img-cat-contain,
.story-contain-text .img-cat-contain,
.widget-full-list-text .img-cat-contain,
.full-wide-text .img-cat-contain {
  margin-bottom: 10px;
  position: relative;
  bottom: auto;
  left: auto;
  width: 100%;
}

ul.widget-full1 {
  margin: 0 0 -20px -1.72117039587%; /* 20px / 1162 */
  width: 101.72117039587%; /* 1182px / 1162px */
}

ul.widget-full1 li {
  float: left;
  margin: 0 0 20px 1.69204737733%; /* 20px / 1182px */
  overflow: hidden;
  position: relative;
  width: 23.3079526227%; /* 275.5px / 1182px */
  height: 370px;
}

.widget-full-list-text .img-cat-contain {
  margin-top: -19px;
}

.widget-full-list-text .img-cat-contain.no-img {
  margin-top: 0;
}

.widget-full-wide {
  overflow: hidden;
  width: 100%;
  height: 300px;
}

.full-wide-img {
  background: #000;
  line-height: 0;
  overflow: hidden;
  width: 100%;
  height: 300px;
}

.full-wide-img img {
  margin-top: -5%;
  min-width: 100%;
}

.widget-full-wide:hover .full-wide-img img {
  opacity: 0.3;
}

.full-wide-text {
  background-image: -moz-linear-gradient(
    to left,
    rgba(0, 0, 0, 0) 0,
    rgba(0, 0, 0, 0.4) 50%,
    rgba(0, 0, 0, 0.6) 100%
  );
  background-image: -ms-linear-gradient(
    to left,
    rgba(0, 0, 0, 0) 0,
    rgba(0, 0, 0, 0.4) 50%,
    rgba(0, 0, 0, 0.6) 100%
  );
  background-image: -o-linear-gradient(
    to left,
    rgba(0, 0, 0, 0) 0,
    rgba(0, 0, 0, 0.4) 50%,
    rgba(0, 0, 0, 0.6) 100%
  );
  background-image: -webkit-linear-gradient(
    to left,
    rgba(0, 0, 0, 0) 0,
    rgba(0, 0, 0, 0.4) 50%,
    rgba(0, 0, 0, 0.6) 100%
  );
  background-image: -webkit-gradient(
    linear,
    right center,
    left center,
    from(rgba(0, 0, 0, 0)),
    to(rgba(0, 0, 0, 0.6))
  );
  background-image: linear-gradient(
    to left,
    rgba(0, 0, 0, 0) 0,
    rgba(0, 0, 0, 0.4) 50%,
    rgba(0, 0, 0, 0.6) 100%
  );
  opacity: 1;
  padding: 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 300px;
}

.full-wide-text a {
  color: #fff;
  float: left;
  font-size: 1.6em;
  font-weight: 400;
  line-height: 130%;
  margin-bottom: 10px;
  -moz-text-shadow: 1px 1px 2px #000;
  -ms-text-shadow: 1px 1px 2px #000;
  -webkit-text-shadow: 1px 1px 2px #000;
  text-shadow: 1px 1px 2px #000;
  width: 100%;
}

.full-wide-text a:visited {
  color: #fff;
}

.full-wide-text p {
  color: #fff;
  float: left;
  font-size: 0.95em;
  font-weight: 300;
  line-height: 130%;
  margin-bottom: 10px;
  -moz-text-shadow: 1px 1px 2px #000;
  -ms-text-shadow: 1px 1px 2px #000;
  -webkit-text-shadow: 1px 1px 2px #000;
  text-shadow: 1px 1px 2px #000;
  width: 100%;
}

.full-wide-text span.widget-post-author {
  color: #ddd;
}

.full-wide-text span.widget-post-date {
  color: #ccc;
}

.widget-full-wide:hover .full-wide-text {
  display: none;
  opacity: 0;
}

.widget-ad {
  border-bottom: 1px solid #ddd;
  line-height: 0;
  padding: 20px 0;
  text-align: center;
  width: 100%;
}

.widget-post-info {
  width: 100%;
}

ul.widget-full1 li .widget-post-info {
  position: absolute;
  bottom: 0;
  left: 0;
}

.trending-wrap {
  overflow: hidden;
  width: 100%;
  height: 17px;
}

ul.trending-list {
  width: 100%;
}

ul.trending-list li {
  border-left: 1px solid #ddd;
  float: left;
  margin-left: 10px;
  padding-left: 10px;
}

ul.trending-list li:first-child {
  border-left: none;
  margin-left: 0;
  padding-left: 0;
}

ul.trending-list li a {
  float: left;
  font-size: 0.8em;
  font-weight: 400;
  line-height: 1.4em;
}

ul.trending-list li.trending-head {
  font-size: 1.1em;
  font-weight: 700;
  line-height: 100%;
  text-transform: uppercase;
}

.widget-grid-wrap {
  background: #777;
  overflow: hidden;
  width: 100%;
  height: 300px;
}

.grid-main {
  width: 49.9569707401%; /* 580.5px / 1162px */
}

.grid-main-img {
  background: #000;
  overflow: hidden;
  width: 100%;
  height: 300px;
}

.grid-main-img img {
  min-width: 600px;
  width: 100%;
}

.grid-main:hover .grid-main-img img {
  opacity: 0.3;
}

.grid-main-text {
  padding: 20px 3.44530577089%; /* 20px / 580.5px */
  width: 93.15%; /* 540.5px / 580.5px */
}

.grid-main:hover .grid-main-text {
  opacity: 0;
}

.grid-main-text h2 {
  font-size: 1.2em;
  margin-bottom: 0;
}

.grid-main-text,
.grid-sub-text {
  opacity: 1;
}

.grid-right {
  margin-bottom: -1px;
  width: 50.0430292599%; /* 581.5px / 1162px */
}

.grid-sub {
  background: #000;
  margin: 0 0 1px 0.171969045572%; /* 1px / 581.5px */
  width: 49.8280309544%; /* 289.75px / 581.5px */
  height: 149.5px;
}

.grid-sub-img {
  overflow: hidden;
  width: 100%;
  height: 149.5px;
}

.grid-sub-img img {
  min-width: 300px;
  width: 100%;
}

.grid-sub:hover .grid-sub-img img {
  opacity: 0.3;
}

.grid-sub-text {
  padding: 20px 6.90250215703%; /* 20px / 289.75px */
  width: 86.2%; /* 249.75px / 289.75px */
}

.grid-sub:hover .grid-sub-text {
  opacity: 0;
}

.grid-sub-text h2 {
  font-size: 1.1em;
  margin-bottom: 0;
}

.sidebar-list-text .widget-post-info,
.sidebar-list-text-2 .widget-post-info {
  margin: 10px 0 0 0;
}

.widget-post-info span {
  color: #888;
  float: left;
  font-size: 0.7em;
  font-weight: 400;
  line-height: 100%;
  margin-right: 10px;
}

span.widget-post-author {
  font-weight: 900;
  margin-bottom: 5px;
}

span.widget-post-cat {
  font-weight: 900;
  text-transform: uppercase;
}

span.widget-post-date {
  text-transform: uppercase;
}

ul.widget-full1 li span.widget-post-date {
  float: right;
}

.sidebar-list-text .widget-post-info span,
.sidebar-list-text-2 .widget-post-info span {
  font-size: 0.6em;
}

.sidebar-list-text span.widget-post-date,
.sidebar-list-text-2 span.widget-post-date {
  margin-top: 0;
}

.story-section {
  background: #fff;
  margin-left: -0.083194675541%; /* 1px / 1202px */
  overflow: hidden;
  width: 100.083194675541%; /* 1203px / 1202px */
}

.story-contain {
  background: #000;
  margin: 0 0 1px 0.083125519534%; /* 1px / 1203px */
  overflow: hidden;
  width: 33.2502078138%; /* 400px / 1203px */
  height: 239px;
}

.story-contain-img img {
  min-width: 400px;
  width: 100%;
}

.story-contain:hover .story-contain-img img {
  opacity: 0.3;
}

.story-contain-text {
  opacity: 1;
  padding: 30px 6.55737704918% 20px; /* 20px / 305px */
  width: 86.9%; /* 265px / 305px */
}

.story-contain-text h2 {
  font-size: 1.2em;
}

.story-contain:hover .story-contain-text {
  opacity: 0;
}

/************************************************
	Sidebar
************************************************/

#sidebar-contain {
  position: absolute;
  top: 0;
  bottom: -200%;
  right: -341px;
  -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
  width: 341px;
  z-index: 999;
}

.side-fixed {
  position: fixed !important;
  top: 65px !important;
  bottom: 0 !important;
  right: 20px !important;
}

#sidebar-mobi-tab {
  display: none;
  float: left;
  width: 10px;
  height: 100%;
}

span.mobi-tab-but {
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  font-size: 0.85em;
  font-weight: 700;
  margin-top: -28px;
  padding: 5px 20px;
  position: absolute;
  top: 50%;
  left: -38px;
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  text-transform: uppercase;
  z-index: 5;
}

#sidebar-main-wrap {
  background: #eee;
  border-left: 1px solid #ddd;
  overflow: hidden;
  width: 340px;
  height: 100%;
}

#sidebar-scroll-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 5;
}

span.sidebar-scroll {
  color: #fff;
  display: inline-block;
  float: left;
  font-family: "Oswald", sans-serif;
  font-size: 0.75em;
  font-weight: 800;
  line-height: 100%;
  padding: 10px 0;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

span.sidebar-scroll i {
  margin-left: 10px;
}

#sidebar-main-ad {
  background: #fff;
  border-bottom: 1px solid #ddd;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 290px;
}

#sidebar-widget-wrap {
  background: #eee;
  float: left;
  position: absolute;
  top: 291px;
  bottom: 34px;
  left: 0;
  width: 100%;
}

#sidebar-widget-in {
  overflow: hidden;
  padding-bottom: 34px;
  width: 100%;
  height: 100%;
}

.sidebar-widget {
  border-bottom: 1px solid #ccc;
  float: left;
  overflow: hidden;
  width: 100%;
}

.sidebar-widget-content {
  padding: 20px 5.88235294118%; /*20px / 340px */
  width: 88.2352941176%; /* 300px / 340px */
}

h3.sidebar-header {
  margin-top: -1px;
  width: 100%;
}

h3.sidebar-header span {
  color: #fff;
  display: inline-block;
  float: left;
  font-family: "Oswald", sans-serif;
  font-size: 0.85em;
  font-weight: 800;
  line-height: 100%;
  padding: 10px 5.88235294118%; /* 20px / 340px */
  text-transform: uppercase;
  width: 88.2352941176%; /* 300px / 340px */
}

ul.sidebar-list,
ul.sidebar-list-tabs {
  display: block;
  float: left;
  width: 100%;
}

ul.sidebar-list-tabs {
  border-top: 1px solid #ccc;
  margin-top: 15px;
  margin-bottom: 20px;
}

.sidebar-widget ul.sidebar-list {
  margin: -20px 0 -20px -6.6666666666%; /* 20px / 300px */
  width: 113.3333333333%; /* 340px / 300px */
}

.foot-widget ul.sidebar-list {
  margin-top: -15px;
}

.foot-widget .widget-post-info {
  font-size: 1.3em;
}

ul.sidebar-list li,
ul.sidebar-list-tabs li {
  border-top: 1px solid #ccc;
  display: block;
  float: left;
  padding: 15px 5.88235294118%; /* 20px / 340px */
  width: 88.2352941176%; /* 300px / 340px */
}

ul.sidebar-list li:first-child,
ul.sidebar-list-tabs li:first-child {
  border-top: none;
}

ul.sidebar-list li:hover,
ul.sidebar-list-tabs li:hover {
  background: #fff;
}

.sidebar-list-img {
  float: left;
  line-height: 0;
  margin-right: 5%; /* 15px / 300px */
  overflow: hidden;
  max-width: 95px;
  text-align: center;
  width: 30%; /* 90px / 300px */
}

.sidebar-list-img img.avatar {
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 60px;
  height: 60px;
}

.sidebar-list-text {
  width: 65%; /* 200px / 300px */
}

.sidebar-list-text a,
.sidebar-list-text a:visited {
  color: #444;
  float: left;
  font-size: 0.8em;
  font-weight: 400;
  line-height: 130%;
}

.tabber-contain {
  border-bottom: 1px solid #ccc;
  overflow: hidden;
  width: 100%;
}

#sidebar-widget-wrap .tabber-contain {
  margin: -20px 0 -20px -6.6666666666%; /* 20px / 300px */
  width: 113.3333333333%; /* 340px / 300px */
}

ul.tabber-header {
  background: #888;
  border: 1px solid #ddd;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 7px -2px rgba(0, 0, 0, 0.3) inset;
  -ms-box-shadow: 0 1px 7px -2px rgba(0, 0, 0, 0.3) inset;
  -o-box-shadow: 0 1px 7px -2px rgba(0, 0, 0, 0.3) inset;
  -webkit-box-shadow: 0 1px 7px -2px rgba(0, 0, 0, 0.8) inset;
  box-shadow: 0 1px 7px -2px rgba(0, 0, 0, 0.8) inset;
  margin: 15px 5.58823529412% 0; /* 19px / 340px */
  overflow: hidden;
  width: 88.2352941176%; /* 300px / 340px */
}

ul.tabber-header li {
  float: left;
  font-size: 0.6em;
  text-align: center;
  width: 33.3333333333%; /* 100px / 300px */
}

ul.tabber-header li i {
  margin-right: 5px;
}

ul.tabber-header li a {
  color: #ddd;
  display: inline-block;
  font-family: "Oswald", sans-serif;
  font-weight: 800;
  line-height: 100%;
  padding: 10px 0;
  text-transform: uppercase;
  width: 100%;
}

ul.tabber-header li.active a,
ul.tabber-header li:hover a {
  color: #fff;
}

span.comment-tab-head {
  float: left;
  font-size: 0.85em;
  font-weight: 700;
  margin-bottom: 5px;
}

p.comment-tab-text {
  font-size: 0.9em;
  font-weight: 400;
}

.sidebar-list-text p {
  clear: both;
  float: left;
}

li.recentcomments,
li cite {
  float: left;
  margin-bottom: 10px;
  width: 100%;
}

li cite.fn {
  margin-bottom: 0;
}

.rss-date {
  float: left;
  width: 100%;
}

table {
  margin-bottom: 20px;
  width: 100%;
}

tr {
  text-align: left;
}

tr.odd {
  background: #f5f5f5;
}

dt {
  font-weight: bold;
}

dd {
  padding-left: 50px !important;
}

/************************************************
	Posts
************************************************/

.single .content-out,
#feat-img-wide-out {
  margin-left: -120px;
  right: 60px;
}

.single .content-in,
#feat-img-wide-in {
  margin-left: 120px;
}

.single .side-fixed {
  right: 60px !important;
}

.page .side-fixed {
  right: 20px;
}

#post-social-out {
  float: right;
  margin-left: -60px;
  width: 100%;
  z-index: 2500;
}

#post-social-in {
  margin-left: 60px;
  overflow: hidden;
}

#post-content-out {
  float: left;
  margin-right: -341px;
  width: 100%;
}

#post-content-in {
  margin-right: 341px;
  position: relative;
}

#post-content-contain {
  width: 100%;
}

#post-content-in article {
  float: left;
  width: 100%;
}

#post-content-wrapper {
  float: right;
  overflow: hidden;
  width: 100%;
}

#post-social-wrap {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
  width: 60px;
}

#post-social-wrap.social-fixed {
  position: fixed !important;
  top: 65px !important;
  left: 60px;
}

.page #post-social-wrap.social-fixed,
.archive #post-social-wrap.social-fixed {
  left: 20px;
}

ul.post-social-list {
  width: 100%;
}

ul.post-social-list li {
  background: #fff;
  float: left;
}

ul.post-social-list li:first-child {
  border-top: none;
}

ul.post-social-list li a {
  background: #fff;
  color: #fff;
  float: left;
  font-size: 1.3em;
  line-height: 100%;
  opacity: 1;
  padding: 10px 0;
  text-align: center;
  width: 60px;
  height: 25px;
}

ul.post-social-list li a:hover {
  margin-left: -15px;
  padding: 10px 8px;
}

ul.post-social-list li.post-social-count {
  background: #fff;
  color: #ccc;
  float: left;
  font-size: 24px;
  text-align: center;
  width: 60px;
  padding: 10px 0;
}

span.social-count-num,
span.social-count-text {
  float: left;
  text-align: center;
  width: 100%;
}

span.social-count-num {
  font-size: 1rem;
  font-weight: 900;
  margin-bottom: 5px;
}

span.social-count-text {
  color: #222;
  font-size: 0.4em;
  font-weight: 400;
  line-height: 100%;
  text-transform: uppercase;
}

ul.post-social-list li.post-social-fb a {
  background: #3e64ad;
}

ul.post-social-list li.post-social-twit a {
  background: #58ccff;
}

ul.post-social-list li.post-social-pin a {
  background: #de010d;
}

ul.post-social-list li.post-social-goog a {
  background: #cd3627;
}

#feat-img-wide {
  line-height: 0;
  overflow: hidden;
  width: 100%;
  max-height: 500px;
}

#feat-img-wide img,
#feat-img-reg img {
  margin: -5% 0 0 0 !important;
  width: 100%;
}

#feat-img-wide-text {
  background-image: -moz-linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0,
    rgba(0, 0, 0, 0.4) 50%,
    rgba(0, 0, 0, 0.6) 100%
  );
  background-image: -ms-linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0,
    rgba(0, 0, 0, 0.4) 50%,
    rgba(0, 0, 0, 0.6) 100%
  );
  background-image: -o-linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0,
    rgba(0, 0, 0, 0.4) 50%,
    rgba(0, 0, 0, 0.6) 100%
  );
  background-image: -webkit-linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0,
    rgba(0, 0, 0, 0.4) 50%,
    rgba(0, 0, 0, 0.6) 100%
  );
  background-image: -webkit-gradient(
    linear,
    center top,
    center bottom,
    from(rgba(0, 0, 0, 0)),
    to(rgba(0, 0, 0, 0.6))
  );
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0,
    rgba(0, 0, 0, 0.4) 50%,
    rgba(0, 0, 0, 0.6) 100%
  );
  padding: 30px 1.89513581807%; /* 30px / 1583px */
  position: absolute;
  bottom: 0;
  left: 0;
  width: 96.25%; /* 1523px / 1583px */
}

#feat-img-wide-text h1.story-title {
  color: #fff;
  margin-bottom: 0;
  -moz-text-shadow: 1px 1px 2px #000;
  -ms-text-shadow: 1px 1px 2px #000;
  -o-text-shadow: 1px 1px 2px #000;
  -webkit-text-shadow: 1px 1px 2px #000;
  text-shadow: 1px 1px 2px #000;
}

span.feat-caption-wide,
span.feat-caption-reg {
  float: left;
  line-height: 130%;
}

span.feat-caption-wide {
  color: #fff;
  font-size: 0.9em;
  margin-top: 10px;
  -moz-text-shadow: 1px 1px 2px #000;
  -ms-text-shadow: 1px 1px 2px #000;
  -o-text-shadow: 1px 1px 2px #000;
  -webkit-text-shadow: 1px 1px 2px #000;
  text-shadow: 1px 1px 2px #000;
  width: 100%;
}

#feat-img-reg {
  line-height: 0;
  margin-bottom: 20px;
  overflow: hidden;
  text-align: center;
  max-height: 400px;
  width: 100%;
}

span.feat-caption-reg {
  border-bottom: 1px solid #ddd;
  color: #777;
  font-size: 0.8em;
  margin: -5px 0 20px; /* 30px / 1202px */
  padding-bottom: 15px;
  width: 100%;
}

#post-area {
  background: #fff;
  padding: 30px 2.49584026622%; /* 30px / 1202px */
  width: 95.0083194676%; /* 1142px / 1202px */
}

.post-cat-contain {
  margin-bottom: 10px;
  width: 100%;
}

.post-cat-contain .img-cat {
  padding: 7px 0;
  text-align: center;
  width: 100%;
}

.post-cat-mobi {
  margin-bottom: 10px;
  max-width: 200px;
}

.post-cat-mob,
.post-date-mob {
  display: none;
}

h1.story-title {
  color: #222;
  font-size: 2.5em;
  font-weight: 700;
  line-height: 130%;
  margin-bottom: 30px;
}

.hide-title {
  display: none;
}

#feat-img-wide-text h1.story-title {
  font-size: 3.1em;
}

#left-content {
  margin-right: 2.62697022767%; /* 30px / 1142px */
  overflow: hidden;
  width: 17.5131348511%; /* 200px / 1142px */
}

#left-content-mobi {
  display: none;
  margin-bottom: 15px;
  overflow: hidden;
  width: 100%;
}

.post-date-wrap {
  border-bottom: 1px solid #ddd;
  margin-bottom: 30px;
  padding-bottom: 10px;
  text-align: center;
  width: 100%;
}

span.post-date {
  color: #888;
  display: inline-block;
  font-size: 0.8em;
  font-weight: 600;
  line-height: 100%;
  text-transform: uppercase;
}

span.post-date time {
  float: left;
  line-height: 100%;
}

.author-info-wrap {
  border-bottom: 1px solid #ddd;
  margin-bottom: 30px;
  padding-bottom: 30px;
  width: 100%;
}

.author-img {
  line-height: 0;
  margin-bottom: 15px;
  text-align: center;
  width: 100%;
}

.author-img img {
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  width: 120px;
  height: 120px;
}

span.author-name {
  margin-bottom: 10px;
  text-align: center;
  width: 100%;
}

span.author-name a {
  color: #222;
  font-size: 0.8em;
  font-weight: 700;
  line-height: 100%;
  text-transform: uppercase;
}

span.author-twit {
  color: #58ccff;
  font-size: 0.7em;
  font-style: italic;
  font-weight: 500;
  margin-bottom: 10px;
  text-align: center;
  width: 100%;
}

span.author-twit a:hover {
  text-decoration: none;
}

p.author-desc {
  color: #888;
  font-size: 0.75em;
  line-height: 160%;
  text-align: center;
  width: 100%;
}

#article-ad {
  line-height: 0;
  overflow: hidden;
  margin: 30px 0 20px;
  position: relative;
  text-align: center;
  width: 100%;
}

.post-tags {
  float: left;
  font-size: 0.6em;
  font-weight: 700;
  line-height: 100%;
  margin-bottom: 20px;
  width: 100%;
}

.post-tags a,
span.post-tags-header {
  color: #fff;
  display: inline-block;
  float: left;
  margin: 0 2px 2px 0;
  padding: 6px 10px;
  text-transform: uppercase;
}

span.post-tags-header {
  font-weight: 700;
}

.post-tags a {
  background: #aaa;
}

.post-tags a:visited {
  color: #fff;
}

.post-tags a:hover {
  color: #fff;
  text-decoration: none;
}

.post-tags-mobi {
  display: none;
}

#right-content {
  float: right;
  overflow: hidden;
  width: 79.8598949212%; /* 912px / 1142px */
}

#content-area {
  color: #555;
  font-size: 1em;
  font-weight: 300;
  line-height: 160%;
  margin-bottom: 30px;
  width: 100%;
}

#content-area p {
  display: block;
  margin-bottom: 20px;
}

#content-area ul {
  list-style: disc outside;
  margin: 10px 0;
}

#content-area ol {
  list-style: decimal outside;
  margin: 10px 0;
}

#content-area ul li,
#content-area ol li {
  margin-left: 50px;
  padding: 5px 0px;
}

#content-area h1,
#content-area h2,
#content-area h3,
#content-area h4,
#content-area h5,
#content-area h6 {
  font-weight: 700;
  line-height: 120%;
  margin: 10px 0;
  overflow: hidden;
  text-transform: uppercase;
  width: 100%;
}

#content-area h1 {
  font-size: 1.6em;
}

#content-area h2 {
  font-size: 1.4em;
}

#content-area h3 {
  font-size: 1.2em;
}

#content-area h4 {
  font-size: 1em;
}

#content-area h5 {
  font-size: 0.8em;
}

#content-area h6 {
  font-size: 0.6em;
}

#content-area blockquote p {
  color: #555;
  font-size: 2em;
  font-weight: 400;
  line-height: 130%;
  margin: 30px 10%;
  width: 80%;
}

#content-area blockquote p cite {
  color: #555;
  display: inline-block;
  font-size: 0.7em;
  font-weight: 400;
}

#prev-post-wrap,
#next-post-wrap {
  margin-top: -40px;
  position: fixed;
  top: 50%;
  width: 55px;
  height: 80px;
  z-index: 4000;
}

#prev-post-wrap {
  left: 0;
}

#next-post-wrap {
  right: 0;
  text-align: right;
}

#prev-post-arrow,
#next-post-arrow {
  color: #333;
  cursor: pointer;
  font-size: 80px;
  line-height: 100%;
}

#prev-post-arrow {
  margin-left: 10px;
}

#next-post-arrow {
  margin-right: 10px;
}

.prev-next-text {
  position: absolute;
  top: 0;
}

.prev-next-text a,
.prev-next-text a:visited,
.prev-next-text a:hover {
  color: #fff;
  float: left;
  font-size: 0.95em;
  font-weight: 500;
  line-height: 130%;
  padding: 15px;
  width: 280px;
}

#prev-post-wrap .prev-next-text {
  left: -9999px;
}

#prev-post-wrap:hover .prev-next-text {
  left: 0;
}

#next-post-wrap .prev-next-text {
  right: -9999px;
  text-align: left;
}

#next-post-wrap:hover .prev-next-text {
  right: 0;
}

#post-latest-wrap {
  background: #fff;
  float: left;
  overflow: hidden;
  margin: 0 0 -1px -0.177667844523%; /* 2px / 1132px */
  width: 100.176678445%; /* 1134px / 1132px */
}

#post-latest-header {
  background: #fff;
  width: 100%;
}

h4.post-latest {
  color: #222;
  display: inline-block;
  font-family: "Oswald", sans-serif;
  font-size: 0.85em;
  font-weight: 800;
  line-height: 100%;
  padding: 15px 30px;
  text-transform: uppercase;
  width: auto;
}

h4.post-latest:after {
  border-style: solid;
  border-width: 20px 30px 0 30px;
  border-color: #fff transparent transparent transparent;
  content: "";
  margin-left: -30px;
  position: absolute;
  left: 50%;
  bottom: -20px;
  z-index: 100;
}

.wp-caption,
.gallery-caption {
  margin-bottom: 20px;
  max-width: 100%;
  text-align: center;
}

.wp-caption-text {
  border-bottom: 1px solid #ddd;
  font-size: 0.8em;
  font-style: italic;
  padding-bottom: 5px;
}

.sticky {
}

.bypostauthor {
}

/************************************************
	Comments
************************************************/

#comments-button {
  margin-bottom: 15px;
  text-align: center;
  width: 100%;
}

span.comment-but-text {
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: "Oswald", sans-serif;
  font-size: 0.85em;
  font-weight: 800;
  line-height: 100%;
  opacity: 1;
  padding: 15px 0;
  text-transform: uppercase;
  width: 70%;
}

span.comment-but-text i {
  margin-right: 10px;
}

span.comment-but-text:hover {
  opacity: 0.7;
}

h4.post-header {
  background: url(images/hash-bg.gif);
  float: left;
  position: relative;
  width: 100%;
  margin-bottom: 20px;
}

span.post-header {
  background: #fff;
  color: #222;
  float: left;
  font-family: "Oswald", sans-serif;
  font-size: 1.3em;
  font-weight: 800;
  line-height: 100%;
  padding-right: 20px;
  position: relative;
  text-transform: uppercase;
}

span.post-header:after {
  border-color: transparent transparent transparent #fff;
  border-style: solid;
  border-width: 17.5px 0 0 11px;
  content: "";
  position: absolute;
  bottom: 0;
  right: -11px;
}

h3.comment-header {
  color: #fff;
  float: left;
  font: 400 12px/12px "Oswald", sans-serif;
  margin: 0 0 20px 20px;
  padding: 5px 7px;
  position: relative;
  text-transform: uppercase;
}

#comments {
  display: none;
  float: left;
  font-size: 0.8em;
  line-height: 120%;
  margin-bottom: 30px;
  overflow: hidden;
  width: 100%;
}

.comment-inner {
  border-bottom: 1px dotted #ddd;
  margin-bottom: 10px;
  padding: 10px 0 0;
}

#comments .comment-inner:after {
  content: "";
  display: block;
  clear: both;
}

#comments .comment-avatar,
#tab3 .comment-avatar {
  float: left;
  width: 46px;
}

#comments .avatar {
  display: block;
  background-color: #fff;
}

.comment-avatar img {
  border-radius: 23px;
  overflow: hidden;
}

#comments .commentmeta {
  display: block;
  float: left;
  margin: 0 10px 10px;
}

.comment-reply a,
#cancel-comment-reply-link {
  clear: both;
  color: #fff;
  font: 700 12px/100% "Oswald", sans-serif;
  padding: 5px 10px;
}

.comment-reply a {
  background: #555;
  float: right;
}

#cancel-comment-reply-link {
  background: #ccc;
  float: left;
  margin: 0 0 10px 20px;
}

.comment-reply a:hover,
#cancel-comment-reply-link:hover {
  background: #333;
  color: #fff;
  text-decoration: none;
}

ol.commentlist {
  float: left;
  width: 100%;
}

ol.commentlist h3.comment-header {
  display: none;
}

ol.commentlist #respond {
  border-top: none;
}

#comments .comment-meta-1 {
  display: block;
  float: left;
  font: bold 14px / normal helvetica, arial, sans-serif;
  margin-bottom: 5px;
  width: 100%;
}

#comments .comment-meta-1 .fn {
  float: left;
  font-style: normal;
  font-weight: bold;
  width: auto;
}

#comments .comment-meta-1 .reply {
  display: inline-block;
  float: right;
  font-size: 11px;
  line-height: 11px;
  padding-top: 2px;
}

#comments .comment-meta-1 .reply a {
  color: #555;
}

#comments .comment-meta-2 {
  float: left;
  font: 12px / normal helvetica, arial, sans-serif;
  display: block;
  margin: 0;
}

#comments .text {
  clear: both;
  display: block;
  float: left;
  margin-top: 10px;
}

#comments .text .waiting_approval {
  font-size: 14px;
  font-style: italic;
  font-weight: bold;
}

#comments .c {
  line-height: 20px;
}

#comments .c p,
#comments .c code,
#comments .c blockquote,
#comments .c ul,
#comments .c ol {
  display: block;
  margin: 5px 0;
}

#comments .c a {
  text-decoration: underline;
}

#comments .c a:hover {
  text-decoration: none;
}

#comments .depth-2 .comment-wrapper {
  padding-left: 40px;
}

#comments .depth-2 .commentmeta {
  width: auto;
}

#comments .depth-3 .comment-wrapper {
  padding-left: 80px;
}

#comments .depth-3 .commentmeta {
  width: auto;
}

#comments .depth-4 .comment-wrapper {
  padding-left: 120px;
}

#comments .depth-4 .commentmeta {
  width: auto;
}

#comments .depth-5 .comment-wrapper {
  padding-left: 160px;
}

#comments .depth-5 .commentmeta {
  width: auto;
}

#respond {
  clear: both;
  position: relative;
}

#respond form {
  float: left;
  padding-bottom: 20px;
  width: 100%;
}

#respond p {
  font: 12px / normal helvetica, arial, sans-serif;
  margin: 0;
}

#respond .logged-in-as {
  margin-bottom: 10px;
}

#respond .comment-notes {
  margin-bottom: 1em;
}

.children #respond {
  margin: 0 48px 0 0;
}

#comments-list #respond {
  margin: 0 0 18px 0;
}

#comments-list ul #respond {
  margin: 0;
}

#respond .required {
  color: #ff4b33;
  font-weight: bold;
}

#respond label {
  color: #888;
  font-size: 12px;
}

#respond input {
  background: #f6f6f6;
  border: 1px solid #ddd;
  -ms-box-shadow: 2px 2px 5px 0px #eee inset;
  -moz-box-shadow: 2px 2px 5px 0px #eee inset;
  -webkit-box-shadow: 2px 2px 5px 0px #eee inset;
  -o-box-shadow: 2px 2px 5px 0px #eee inset;
  box-shadow: 2px 2px 5px 0px #eee inset;
  display: block;
  margin: 0 0 9px;
  padding: 5px;
  width: auto;
}

#respond textarea {
  background: #f6f6f6;
  border: 1px solid #ddd;
  -ms-box-shadow: 2px 2px 5px 0px #eee inset;
  -moz-box-shadow: 2px 2px 5px 0px #eee inset;
  -webkit-box-shadow: 2px 2px 5px 0px #eee inset;
  -o-box-shadow: 2px 2px 5px 0px #eee inset;
  box-shadow: 2px 2px 5px 0px #eee inset;
  width: 95%;
}

#respond #submit {
  background: #555;
  border: 0;
  box-shadow: none;
  color: #fff;
  cursor: pointer;
  font: 700 12px/100% "Oswald", sans-serif;
  margin-top: 10px;
  padding: 5px 10px;
  width: 120px;
}

#respond #submit:hover {
  background: #333;
}

h3#reply-title,
h2.comments {
  color: #fff;
  font: 700 14px/100% "Oswald", sans-serif;
  margin-bottom: 10px;
  padding: 5px 10px;
  text-shadow: 1px 1px 0 #000;
  text-transform: uppercase;
}

h3#reply-title {
  display: none;
}

span.comments {
  background: #fff;
  color: #aaa;
  float: left;
  font-size: 20px;
  line-height: 100%;
  padding-right: 15px;
  text-transform: uppercase;
}

span.comments a {
  color: #666;
}

span.comments a:hover {
  color: #f00;
  text-decoration: none;
}

#comment-input label {
  margin-bottom: 10px;
}

p.cancel-comment-reply {
  clear: both;
}

p.form-allowed-tags {
  display: none;
}

.fb-comments,
.fb-comments span {
  width: 100% !important;
}

/************************************************
	Category/Archives
************************************************/

#category-header-wrap {
  margin-right: 20px;
  max-width: 537px;
}

#category-header-wrap h1 {
  display: inline-block;
  float: left;
  font-family: "Oswald", sans-serif;
  font-size: 1.8em;
  font-weight: 800;
  line-height: 100%;
  margin: 15px 0 18px;
  text-transform: uppercase;
}

h1.archive-header {
  color: #333;
  float: left;
  font-family: "Oswald", sans-serif;
  font-size: 1.8em;
  font-weight: 800;
  line-height: 130%;
  margin: 20px 0;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

#author-page-box {
  margin-bottom: 20px;
  width: 100%;
}

.author-page-img {
  line-height: 0;
  margin-right: 20px;
  width: 120px;
}

.author-page-img img {
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  width: 120px;
  height: 120px;
}

.author-desc-out {
  float: right;
  margin-left: -140px;
  width: 100%;
}

.author-desc-in {
  margin-left: 140px;
  overflow: hidden;
}

.author-desc-in p {
  font-size: 0.9em;
  line-height: 130%;
  margin-bottom: 20px;
  width: 100%;
}

ul.author-social {
  width: 100%;
}

ul.author-social li {
  float: left;
  margin: 0 10px 10px 0;
  height: 30px;
}

ul.author-social li a {
  color: #999;
  font-size: 30px;
}

#post-404 {
  color: #aaa;
  font-size: 1.3em;
  line-height: 130%;
  margin: 150px 0 200px;
  text-align: center;
  width: 100%;
}

#post-404 h1 {
  color: #222;
  font-size: 4em;
  font-weight: 900;
  line-height: 100%;
  margin-bottom: 20px;
}

#post-content-out.no-social {
  margin-left: -60px;
}

#post-content-in.no-social {
  margin-left: 60px;
}

p.search-text {
  margin: 20px 10%;
  text-align: center;
  width: 80%;
}

#bbpress-forums ol,
#bbpress-forums ul {
  list-style: none;
  margin: 0;
}

#bbpress-forums ul li,
#bbpress-forums ol li {
  margin-left: 0;
  padding: 0;
}

/************************************************
	Footer
************************************************/

#foot-wrap {
  background: #555;
  width: 100%;
}

#foot-leader {
  background: #444;
  line-height: 0;
  padding: 20px 0;
  text-align: center;
  width: 100%;
}

#foot-top {
  padding: 100px 0 60px;
  width: 100%;
}

.foot-widget {
  color: #ccc;
  float: left;
  font-size: 0.8em;
  line-height: 140%;
  margin: 0 0 40px 3.56506238859%; /* 40px / 1122px */
  position: relative;
  width: 28.5799168152%; /* 320.66666666px / 1122px */
}

h3.foot-head {
  color: #ddd;
  float: left;
  font-family: "Oswald", sans-serif;
  font-size: 1em;
  font-weight: 800;
  letter-spacing: 2px;
  line-height: 100%;
  margin-bottom: 20px;
  text-transform: uppercase;
  width: 100%;
}

.foot-widget p {
  float: left;
  margin-bottom: 15px;
  width: 100%;
}

#foot-logo {
  margin-bottom: 15px;
  width: 100%;
}

.foot-widget ul.sidebar-list li {
  border-top: 1px solid #888;
}

.foot-widget ul.sidebar-list li:first-child {
  border-top: none;
}

.foot-widget ul.sidebar-list li:hover {
  background: none;
}

.foot-widget .sidebar-list-text a,
.footwidget .sidebar-list-text a:visited {
  font-size: 1em;
  color: #fff;
}

.tag-cloud {
  float: left;
  width: 100%;
}

.tag-cloud a {
  background: #bbb;
  color: #fff;
  float: left;
  font-size: 0.6em;
  font-weight: 600;
  line-height: 100%;
  margin: 0 5px 5px 0;
  padding: 5px 7px;
  text-transform: uppercase;
}

.foot-widget .tag-cloud a {
  background: #888;
}

.tag-cloud a:visited {
  color: #fff;
}

.tag-cloud a:hover {
  color: #fff;
  text-decoration: none;
}

#foot-bottom {
  background: #444;
  padding: 0 1.7825311943%; /* 20px / 1122px */
  width: 96.4349376114%; /* 1082px / 1122px */
}

#foot-copy {
  color: #888;
  font-size: 0.65em;
  line-height: 130%;
  padding: 15px 0;
  width: 60%;
}

#foot-soc {
  float: right;
  max-width: 40%;
}

ul.foot-soc-list {
  float: right;
  padding: 12px 0 10px;
  width: 100%;
}

ul.foot-soc-list li {
  float: left;
  font-size: 1.3em;
  margin-left: 10px;
}

ul.foot-soc-list li i {
  float: left;
}

ul.foot-soc-list li a,
ul.foot-soc-list li a:visited {
  color: #888;
}

ul.foot-soc-list li a:hover {
  color: #fff;
}

/************************************************
	Pagination
************************************************/

.nav-links {
  float: left;
  padding: 0 2.51677852349%; /* 30px / 1192px */
  position: relative;
  width: 94.966442953%; /* 1132px / 1192px */
}

.pagination {
  clear: both;
  position: relative;
  font-size: 0.7em;
  font-weight: 700;
  line-height: 100%;
  padding: 0;
}

.pagination span,
.pagination a {
  background: #555;
  border: 1px solid #333;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -ms-box-shadow: 0 3px 5px -1px #aaa;
  -moz-box-shadow: 0 3px 5px -1px #aaa;
  -o-box-shadow: 0 3px 5px -1px #aaa;
  -webkit-box-shadow: 0 2px 3px -1px #aaa;
  box-shadow: 0 3px 5px -1px #ccc;
  color: #fff;
  display: block;
  float: left;
  margin: 2px 5px 2px 0;
  padding: 9px 12px 8px 12px;
  text-decoration: none;
  width: auto;
}

.pagination .current,
.pagination a:hover {
  background: #999;
  border: 1px solid #777;
  color: #fff;
}

.pagination a,
.pagination a:visited {
  color: #fff;
}

#infscr-loading {
  color: #fff;
  float: left;
  font-size: 0.85em;
  font-weight: 700;
  line-height: 100%;
  padding: 20px 0;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

ul.widget-full1 #infscr-loading {
  width: 105%;
}

#infscr-loading img {
  display: none;
}

#infscr-loading em {
  float: left;
  width: 100%;
}

.paginate-links {
  display: none;
}
.fill {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.fill img {
  flex-shrink: 0;
  min-width: 100%;
  min-height: 100%;
}

/* import from functions with removed variables */

a,
a:visited,
p.comment-tab-text a,
p.comment-tab-text a:visited {
  color: #ff4d17;
}

ul.social-drop-list,
#mobile-menu-wrap:hover,
#mobile-nav .menu {
  background: #ff4d17;
}

.main-nav .menu li .mega-dropdown,
.main-nav .menu li ul.sub-menu,
#search-bar,
#search-button:hover,
#social-nav:hover {
  background: #ffffff;
}

.main-nav .menu li:hover ul.sub-menu,
.main-nav .menu li:hover ul.sub-menu li a {
  color: #000000;
}

.main-nav .menu li:hover ul.sub-menu li a,
.main-nav .menu li:hover ul.mega-list li a,
#search-button:hover,
#social-nav:hover span,
#searchform input,
#mobile-menu-wrap:hover {
  color: #000000;
}

.main-nav .menu li:hover ul.sub-menu li.menu-item-has-children:hover a:after,
.main-nav .menu li:hover ul.sub-menu li.menu-item-has-children a:after {
  border-color: transparent transparent transparent #000000;
}

a:hover,
h2 a:hover,
.sidebar-list-text a:hover,
span.author-name a:hover,
.widget-split-right a:hover,
.widget-full-list-text a:hover {
  color: #ff4d17;
}

.read-more-fb a:hover,
.read-more-twit a:hover,
.read-more-comment a:hover,
.post-tags a:hover,
.tag-cloud a:hover {
  background: #ff4d17;
}

#nav-wrap,
.content-out-nav,
.more-nav-contain,
.main-nav-contain,
#nav-right,
.nav-spacer {
  background: #ffffff;
}

.more-nav-contain:before {
  background: -moz-linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0));
  background: -ms-linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0));
  background: -o-linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0));
  background: -webkit-linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0));
  background: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0));
}

.main-nav .menu li a,
#social-nav span,
#mobile-menu-wrap,
ul.ubermenu-nav li a,
#search-button {
  color: #000000;
}

.fly-but-wrap span {
  background: #000000;
}

.main-nav .menu li.menu-item-has-children a:after {
  border-color: #000000 transparent transparent transparent;
}

.prev-next-text a,
.prev-next-text a:visited,
.prev-next-text a:hover,
ul.post-social-list li.post-social-comm a,
#sidebar-mobi-tab,
span.mobi-tab-but,
ul.tabber-header li.active,
h3.sidebar-header,
#sidebar-scroll-wrap,
ul.tabber-header li:hover,
span.post-tags-header {
  background: #2e2e2e;
}

span.social-count-num {
  color: #2e2e2e;
}

span.img-cat,
.read-more-comment a,
#infscr-loading,
span.comment-but-text {
  background: #ff4d17;
}



#category-header-wrap h1,
ul.trending-list li.trending-head {
  color: #ff4d17;
}

.main-nav .menu li a:hover,
.main-nav .menu li:hover a {
  border-bottom: 5px solid #ff4d17;
}

.main-nav .menu li a,
ul.ubermenu-nav li a {
  font-family: "Oswald", sans-serif;
}

#featured-multi-main-text h2,
.featured-multi-sub-text h2,
.widget-full-list-text a,
.widget-split-right a,
.home-widget-large-text a,
.home-widget-list-text a,
.widget-list-small-text a,
.story-contain-text h2,
h1.story-title,
.full-wide-text a,
.main-nav .menu li:hover ul.mega-list li a,
ul.trending-list li.trending-head,
.grid-main-text h2,
.grid-sub-text h2,
#content-area blockquote p,
#woo-content h1,
#woo-content h2,
#woo-content h3,
#woo-content h4,
#woo-content h5,
#woo-content h6,
#content-area h1,
#content-area h2,
#content-area h3,
#content-area h4,
#content-area h5,
#content-area h6,
ul.trending-list li a,
.sidebar-list-text a,
.sidebar-list-text a:visited {
  font-family: "Oswald", sans-serif;
}

body,
#searchform input,
.add_to_cart_button {
  font-family: Roboto, sans-serif;
}
/* from bootstrap */
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.2;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}

.btn-social-icon {
  display: inline-block;
  line-height: 34px;
  text-align: center;
  position: relative;
  height: 34px;
  width: 34px;
  padding: 0;
  font-size: 18px;
}

.btn-google {
  color: #fff !important;
  background-color: #dd4b39;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-facebook {
  color: #fff !important;
  background-color: #3b5998;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-twitter {
  color: #fff !important;
  background-color: #55acee;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-linkedin {
  color: #fff !important;
  background-color: #007bb6;
  border-color: rgba(0, 0, 0, 0.2);
}
/* end from bootstrap */

/* end of import from functions */

/* Custom part */
@media screen and (min-width: 1000px) {
  .hide-on-large {
    display: none;
  }
}

@media screen and (max-width: 999px) {
  .hide-on-small {
    display: none;
  }
}
@media screen and (min-width: 1601px) {
  #mvp-main-cont {
    width: 1600px;
  }
  .side-fixed,
  .page .side-fixed {
    left: 1239px;
    right: auto;
  }
  .single .side-fixed {
    left: 1199px;
    right: auto;
  }
}

@media screen and (max-width: 1500px) and (min-width: 1278px) {
  ul.widget-full1 li {
    height: 420px;
  }
}

@media screen and (max-width: 1277px) and (min-width: 1158px) {
  #featured-multi-main-text h2 {
    font-size: 2.6em;
  }

  .featured-multi-sub-text h2 {
    font-size: 1.1em;
  }

  .video-but-contain {
    bottom: 60%;
    font-size: 60px;
    width: 52px;
    height: 60px;
  }

  .story-contain {
    width: 49.833333333333%; /* 299px / 600px */
  }

  .home-widget {
    padding: 20px 2.27531285552%; /* 20px / 879px */
    width: 95.449374289%; /* 839px / 879px */
  }

  .grid-main {
    width: 49.9314128944%; /* 364px / 729px */
  }

  .grid-right {
    width: 50.0685871056%; /* 365px / 729px */
  }

  .grid-sub {
    margin: 0 0 1px 0.27397260274%; /* 1px / 365px */
    width: 49.7260273973%; /* 181.5px / 365px */
  }

  ul.widget-full1 {
    margin-left: -2.38379022646%; /* 20px / 839px */
    width: 102.383790226%; /* 859px / 839px */
  }

  ul.widget-full1 li {
    margin: 0 0 20px 2.3282887078%; /* 20px / 859px */
    width: 47.6717112922%; /* 409.5px / 859px */
    height: 350px;
  }

  #post-area {
    padding: 20px 2.70635994587%; /* 20px / 739px */
    width: 94.5872801083%; /* 699px / 739px */
  }

  #left-content {
    margin-right: 3.44827586207%; /* 20px / 580px */
    width: 25.8620689655%; /* 150px / 580px */
  }

  .author-img img {
    width: 100px;
    height: 100px;
  }

  #right-content {
    width: 70.6896551724%; /* 410px / 580px */
  }

  span.comment-but-text {
    width: 100%;
  }

  .foot-widget {
    margin: 0 0 40px 5.00625782228%; /* 40px / 799px */
    width: 42.4906132666%; /* 339.5px / 799px */
  }

  .foot-widget:nth-child(2n + 3) {
    clear: both;
  }
}

@media screen and (max-width: 1157px) and (min-width: 1042px) {
  #home-content-out,
  #home-content-in {
    margin-left: 0;
  }

  #featured-multi-main-text h2 {
    font-size: 2.3em;
  }

  .featured-multi-sub-text h2 {
    font-size: 1em;
  }

  .video-but-contain {
    bottom: 60%;
    font-size: 60px;
    width: 52px;
    height: 60px;
  }

  .story-contain {
    width: 49.833333333333%; /* 299px / 600px */
  }

  .home-widget {
    padding: 20px 2.63504611331%; /* 20px / 759px */
    width: 94.7299077734%; /* 719px / 759px */
  }

  ul.widget-full1 {
    margin-left: -2.78164116829%; /* 20px / 719px */
    width: 102.78164116829%; /* 739px / 719px */
  }

  ul.widget-full1 li {
    margin: 0 0 20px 2.70635994587%; /* 20px / 739px */
    width: 47.2936400541%; /* 349.5px / 739px */
    height: 370px;
  }

  .grid-main {
    width: 49.9180327869%; /* 304.5px / 610px */
  }

  .grid-right {
    width: 50.0819672131%; /* 305.5px / 610px */
  }

  .grid-sub {
    margin: 0 0 1px 0.327332242226%; /* 1px / 305.5px */
    width: 49.6726677578%; /* 151.75px / 305.5px */
  }

  .story-section {
    margin: 2px 0 0 -0.32%; /* 2px / 625px */
    width: 100.32%; /* 627px / 625px */
  }

  .story-contain-text {
    padding: 15px 6.27615062762%; /* 15px / 239px */
    width: 87.4476987448%; /* 209px / 239px */
  }

  #post-area {
    padding: 20px 3.2310177706%; /* 20px / 619px */
    width: 93.5379644588%; /* 579px / 619px */
  }

  #left-content {
    margin-right: 3.44827586207%; /* 20px / 580px */
    width: 25.8620689655%; /* 150px / 580px */
  }

  .author-img img {
    width: 100px;
    height: 100px;
  }

  #right-content {
    width: 70.6896551724%; /* 410px / 580px */
  }

  #post-social-wrap {
    left: 0;
  }

  span.comment-but-text {
    width: 100%;
  }

  .foot-widget {
    margin: 0 0 40px 5.00625782228%; /* 40px / 799px */
    width: 42.4906132666%; /* 339.5px / 799px */
  }

  .foot-widget:nth-child(2n + 3) {
    clear: both;
  }
}

@media screen and (max-width: 1041px) and (min-width: 1003px) {
  .read-share-overlay,
  #prev-next-wrap {
    display: none;
  }

  #search-bar {
    padding: 0;
    right: 0;
  }

  #searchform input {
    font-size: 1.5rem;
    padding: 10px 5%;
    width: 90%;
    height: 40px;
  }

  .content-out,
  .content-in {
    margin-left: 0;
  }

  .content-out {
    right: 0;
  }

  #home-content-out,
  #home-content-in {
    margin-left: 0;
  }

  #featured-multi-wrap {
    height: auto;
  }

  #featured-multi-main {
    margin: 0;
    width: 100%;
    height: 400px;
  }

  #featured-multi-main-text {
    padding: 30px 1.99401794616% 20px; /* 20px / 1003px */
    width: 96.0119641077%; /* 963px / 1003px */
  }

  #featured-multi-main-text h2 {
    font-size: 2.3em;
  }

  #featured-multi-sub-wrap {
    margin: 1px 0 0 -0.099700897308%; /* 1px / 1003px */
    width: 100.099700897%; /* 1004px / 1003px */
  }

  .featured-multi-sub {
    margin: 0 0 0 0.099601593625%; /* 1px / 1004px */
    width: 24.9003984064%; /* 250px / 1004px */
    height: 200px;
  }

  .featured-multi-sub-text {
    padding: 30px 8.13008130081% 20px; /* 20px / 246px */
    width: 83.8%; /* 206px / 246px */
  }

  .featured-multi-sub-text h2 {
    font-size: 0.9em;
  }

  .video-but-contain {
    bottom: 60%;
    font-size: 60px;
    width: 52px;
    height: 60px;
  }

  #featured-multi-main-text,
  #featured-multi-main-img img,
  .featured-multi-sub-img img,
  .story-contain-img img img,
  .widget-full-list-img img {
    -moz-transition: all 0 ease 0;
    -ms-transition: all 0 ease 0;
    -o-transition: all 0 ease 0;
    -webkit-transition: all 0 ease 0;
    transition: all 0 ease 0;
  }

  #featured-multi-main:hover #featured-multi-main-text,
  .featured-multi-sub:hover .featured-multi-sub-text,
  .widget-split-left:hover .img-cat-contain,
  #featured-multi-main:hover #featured-multi-main-img img,
  .featured-multi-sub:hover .featured-multi-sub-img img,
  .widget-split-left:hover img,
  .widget-full-list-img:hover img,
  .story-contain:hover .story-contain-img img,
  .story-contain:hover .story-contain-text,
  .widget-full-wide:hover .full-wide-text,
  .widget-full-wide:hover .full-wide-img img {
    opacity: 1;
  }

  .story-contain {
    width: 49.833333333333%; /* 299px / 600px */
  }

  .home-widget {
    padding: 20px 2.93255131965%; /* 20px / 682px */
    width: 94.1348973607%; /* 642px / 682px */
  }

  ul.widget-full1 {
    margin-left: -3.11526479751%; /* 20px / 642px */
    width: 103.11526479751%; /* 662px / 642px */
  }

  ul.widget-full1 li {
    margin: 0 0 20px 3.11526479751%; /* 20px / 642px */
    width: 46.8847352025%; /* 301px / 642px */
    height: 370px;
  }

  .widget-grid-wrap {
    height: auto;
  }

  .grid-main,
  .grid-main-img {
    width: 100%;
    height: 240px;
  }

  .grid-right {
    margin-left: -0.164744645799%; /* 1px / 607px */
    width: 100.164744645799%; /* 608px / 607px */
  }

  .grid-sub {
    margin: 1px 0 0 0.164473684211%; /* 1px / 608px */
    width: 49.8355263158%; /* 303px / 608px */
    height: 120px;
  }

  .grid-sub-img {
    height: 120px;
  }

  .story-section {
    margin: 2px 0 0 -0.352112676056%; /* 2px / 586px */
    width: 100.352112676056%; /* 588px / 586px */
  }

  .story-contain-text {
    padding: 15px 6.27615062762%; /* 15px / 239px */
    width: 87.4476987448%; /* 209px / 239px */
  }

  .side-fixed {
    right: 0 !important;
  }

  .single .content-out,
  #feat-img-wide-out {
    margin-left: 0;
    right: 0;
  }

  .single .content-in,
  #feat-img-wide-in {
    margin-left: 0;
  }

  .single .side-fixed {
    right: 0 !important;
  }

  #post-social-wrap {
    left: 0;
  }

  .social-fixed {
    left: 0 !important;
  }

  h1.story-title {
    font-size: 2.4em;
  }

  #post-area {
    padding: 20px 3.4188034188%; /* 20px / 585px */
    width: 93.1623931624%; /* 545px / 585px */
  }

  #left-content {
    margin-right: 3.66972477064%; /* 20px / 545px */
    width: 22.0183486239%; /* 120px / 545px */
  }

  .author-img img {
    width: 100px;
    height: 100px;
  }

  #right-content {
    width: 74.3119266055%; /* 405px / 545px */
  }

  .foot-widget {
    margin: 0 0 40px 6.07902735562%; /* 40px / 658px */
    width: 40.8814589666%; /* 269px / 658px */
  }

  .foot-widget:nth-child(2n + 3) {
    clear: both;
  }
}

@media screen and (max-width: 1002px) and (min-width: 768px) {
  .read-share-overlay,
  #prev-next-wrap,
  .featured-multi-sub .text-info-contain,
  .main-nav-contain,
  .more-nav-contain,
  .nav-spacer,
  #social-nav {
    display: none;
  }

  #search-bar {
    padding: 0;
    right: 0;
  }

  #searchform input {
    font-size: 1rem;
    padding: 10px 5%;
    width: 90%;
    height: 30px;
  }

  .leaderboard-ad {
    width: 100%;
  }

  .content-out {
    right: 0;
  }

  .content-in,
  .content-out {
    margin-left: 0;
  }

  .content-out.post-full,
  .content-in.post-full {
    margin-right: 0;
  }

  #home-content-out,
  .head-wrap-out,
  #post-content-out {
    margin-right: -10px;
  }

  #home-content-in,
  .head-wrap-in,
  #post-content-in {
    margin-right: 10px;
  }

  #featured-multi-wrap {
    height: auto;
  }

  #featured-multi-main {
    margin: 0;
    width: 100%;
    height: 400px;
  }

  #featured-multi-main-text {
    padding: 30px 1.99401794616% 20px; /* 20px / 1003px */
    width: 96.0119641077%; /* 963px / 1003px */
  }

  #featured-multi-sub-wrap {
    margin: 1px 0 0 -0.130208333333%; /* 1px / 768px */
    width: 100.130208333333%; /* 769px / 768px */
  }

  .featured-multi-sub {
    margin: 0 0 0 0.130039011704%; /* 1px / 769px */
    width: 24.8699609883%; /* 191.25px / 769px */
    height: 200px;
  }

  .featured-multi-sub-text {
    padding: 30px 8.13008130081% 20px; /* 20px / 246px */
    width: 83.8%; /* 206px / 246px */
  }

  .featured-multi-sub-text h2 {
    font-size: 0.9em;
    margin-bottom: 0;
  }

  .video-but-contain {
    bottom: 60%;
    font-size: 60px;
    width: 52px;
    height: 60px;
  }

  #featured-multi-main-text,
  #featured-multi-main-img img,
  .featured-multi-sub-img img,
  .story-contain-img img img,
  .widget-full-list-img img {
    -moz-transition: all 0 ease 0;
    -ms-transition: all 0 ease 0;
    -o-transition: all 0 ease 0;
    -webkit-transition: all 0 ease 0;
    transition: all 0 ease 0;
  }

  #featured-multi-main:hover #featured-multi-main-text,
  .featured-multi-sub:hover .featured-multi-sub-text,
  .widget-split-left:hover .img-cat-contain,
  #featured-multi-main:hover #featured-multi-main-img img,
  .featured-multi-sub:hover .featured-multi-sub-img img,
  .widget-split-left:hover img,
  .widget-full-list-img:hover img,
  .story-contain:hover .story-contain-img img,
  .story-contain:hover .story-contain-text,
  .widget-full-wide:hover .full-wide-text,
  .widget-full-wide:hover .full-wide-img img,
  #featured-multi-main:hover .video-but-contain,
  .featured-multi-sub:hover .video-but-contain {
    opacity: 1;
  }

  .home-widget {
    padding: 20px 2.05128205128%; /* 20px / 975px */
    width: 95.8974358974%; /* 935px / 975px */
  }

  ul.widget-full1 {
    margin-left: -2.13903743316%; /* 20px / 935px */
    width: 102.13903743316%; /* 955px / 935px */
  }

  ul.widget-full1 li {
    margin: 0 0 20px 2.0942408377%; /* 20px / 955px */
    width: 22.9057591623%; /* 218.75px / 955px */
    height: 440px;
  }

  .widget-grid-wrap {
    height: auto;
  }

  .grid-main {
    width: 49.929676512%; /* 355px / 711px */
  }

  .grid-right {
    width: 50.070323488%; /* 356px / 711px */
  }

  .grid-sub {
    margin: 0 0 1px 0.280898876404%; /* 1px / 356px */
    width: 49.7191011236%; /* 177px / 356px */
  }

  #sidebar-contain {
    position: fixed;
    right: 0;
    bottom: 0;
    width: auto;
    z-index: 3000;
  }

  .side-fixed {
    position: fixed !important;
    top: 52px !important;
    right: 0 !important;
  }

  #sidebar-mobi-tab {
    display: block;
  }

  #sidebar-main-wrap {
    display: none;
  }

  #sidebar-scroll-wrap {
    width: 350px;
  }

  #sidebar-main-ad,
  #sidebar-widget-wrap {
    position: relative;
  }

  #sidebar-widget-wrap {
    top: auto;
    bottom: auto;
  }

  #sidebar-main-ad .widget-ad {
    background: url(../images/hash-bg.gif);
  }

  .single .content-out,
  #feat-img-wide-out {
    margin-left: 0;
    right: 0;
  }

  .single .content-in,
  #feat-img-wide-in {
    margin-left: 0;
  }

  .single .side-fixed {
    right: 0 !important;
  }

  #post-social-wrap {
    left: 0;
  }

  .social-fixed {
    left: 0 !important;
  }

  h1.story-title {
    font-size: 2.4em;
  }

  #post-area {
    padding: 20px 2.93685756241%; /* 20px / 681px */
    width: 94.1262848752%; /* 641px / 681px */
  }

  #left-content {
    margin-right: 3.12012480499%; /* 20px / 641px */
    width: 23.4009360374%; /* 150px / 641px */
  }

  .author-img img {
    width: 120px;
    height: 120px;
  }

  #right-content {
    width: 73.4789391576%; /* 471px / 641px */
  }

  ul.post-social-list li a:hover {
    margin-left: 0;
    padding: 10px 0;
  }
}

@media screen and (max-width: 767px) and (min-width: 600px) {
  .read-share-overlay,
  #prev-next-wrap,
  .text-info-contain,
  .post-date-reg,
  p.author-desc,
  span.author-twit,
  #left-content .post-tags,
  #left-content .post-cat-contain,
  .main-nav-contain,
  .more-nav-contain,
  .nav-spacer,
  #social-nav,
  #left-content {
    display: none;
  }

  #search-bar {
    padding: 0;
    right: 0;
  }

  #searchform input {
    font-size: 1rem;
    padding: 10px 5%;
    width: 90%;
    height: 30px;
  }

  .leaderboard-ad {
    width: 100%;
  }

  .content-out {
    right: 0;
  }

  .content-in,
  .content-out {
    margin-left: 0;
  }

  .content-out.post-full,
  .content-in.post-full {
    margin-right: 0;
  }

  #home-content-out,
  .head-wrap-out,
  #post-content-out {
    margin-right: -10px;
  }

  #home-content-in,
  .head-wrap-in,
  #post-content-in {
    margin-right: 10px;
  }

  #featured-multi-wrap {
    height: auto;
  }

  #featured-multi-main {
    margin: 0;
    width: 100%;
    height: 300px;
  }

  #featured-multi-main-text {
    padding: 30px 2.6075619296% 20px; /* 20px / 767px */
    width: 94.7848761408%; /* 727px / 767px */
  }

  #featured-multi-main-text h2 {
    font-size: 2.7em;
  }

  #featured-multi-main-text p {
    font-size: 0.8em;
  }

  #featured-multi-sub-wrap {
    margin: 1px 0 -1px -0.1666666666%; /* 1px / 600px */
    width: 100.1666666666%; /* 601px / 600px */
  }

  .featured-multi-sub {
    margin: 0 0 1px 0.166389351082%; /* 1px / 601px */
    width: 49.8336106489%; /* 299.5px / 601px */
    height: 150px;
  }

  .featured-multi-sub-text {
    padding: 30px 5.22193211488% 20px; /* 20px / 383px */
    width: 89.6%; /* 343px / 383px */
  }

  .featured-multi-sub-text h2,
  #featured-multi-main-text p {
    margin-bottom: 0;
  }

  .featured-multi-sub-text h2 {
    font-size: 1em;
  }

  #featured-multi-main-img img {
    min-width: 767px;
  }

  span.img-cat {
    font-size: 0.55em;
    padding: 3px 8px;
  }

  .story-contain {
    width: 49.833333333333%; /* 299px / 600px */
    height: 220px;
  }

  #featured-multi-main-text,
  #featured-multi-main-img img,
  .featured-multi-sub-img img,
  .story-contain-img img img,
  .widget-full-list-img img {
    -moz-transition: all 0 ease 0;
    -ms-transition: all 0 ease 0;
    -o-transition: all 0 ease 0;
    -webkit-transition: all 0 ease 0;
    transition: all 0 ease 0;
  }

  #featured-multi-main:hover #featured-multi-main-text,
  .featured-multi-sub:hover .featured-multi-sub-text,
  .widget-split-left:hover .img-cat-contain,
  #featured-multi-main:hover #featured-multi-main-img img,
  .featured-multi-sub:hover .featured-multi-sub-img img,
  .widget-split-left:hover img,
  .widget-full-list-img:hover img,
  .story-contain:hover .story-contain-img img,
  .story-contain:hover .story-contain-text,
  .widget-full-wide:hover .full-wide-text,
  .widget-full-wide:hover .full-wide-img img,
  #featured-multi-main:hover .video-but-contain,
  .featured-multi-sub:hover .video-but-contain {
    opacity: 1;
  }

  .video-but-contain {
    bottom: 55%;
    font-size: 50px;
    width: 43px;
    height: 50px;
  }

  .home-widget {
    padding: 20px 2.7027027027%; /* 20px / 740px */
    width: 94.5945945945%; /* 700px / 740px */
  }

  ul.widget-full1 {
    margin-left: -2.85714285714%; /* 20px / 700px */
    width: 102.85714285714%; /* 720px / 700px */
  }

  ul.widget-full1 li {
    margin: 0 0 20px 2.77777777777%; /* 20px / 720px */
    width: 47.2222222222%; /* 340px / 720px */
    height: 370px;
  }

  .full-wide-img img {
    min-width: 600px;
  }

  .widget-grid-wrap {
    height: auto;
  }

  .grid-main,
  .grid-main-img {
    width: 100%;
    height: 240px;
  }

  .grid-right {
    margin-left: -0.164744645799%; /* 1px / 607px */
    width: 100.164744645799%; /* 608px / 607px */
  }

  .grid-sub {
    margin: 1px 0 0 0.164473684211%; /* 1px / 608px */
    width: 49.8355263158%; /* 303px / 608px */
    height: 120px;
  }

  .grid-sub-img {
    height: 120px;
  }

  .story-section {
    margin: 2px 0 0 -0.33333333333%; /* 2px / 600px */
    width: 100.33333333333%; /* 602px / 600px */
  }

  .story-contain-text {
    padding: 15px 6.27615062762%; /* 15px / 239px */
    width: 87.4476987448%; /* 209px / 239px */
  }

  .story-contain-text h2 {
    margin-bottom: 0;
  }

  #sidebar-contain {
    position: fixed;
    right: 0;
    bottom: 0;
    width: auto;
    z-index: 3000;
  }

  .side-fixed {
    top: 52px !important;
    right: 0 !important;
  }

  #sidebar-mobi-tab {
    display: block;
  }

  #sidebar-main-wrap {
    display: none;
  }

  #sidebar-scroll-wrap {
    width: 350px;
  }

  #sidebar-main-ad,
  #sidebar-widget-wrap {
    position: relative;
  }

  #sidebar-widget-wrap {
    top: auto;
    bottom: auto;
  }

  #sidebar-main-ad .widget-ad {
    background: url(../images/hash-bg.gif);
  }

  .single .content-out,
  #feat-img-wide-out {
    margin-left: 0;
    right: 0;
  }

  .single .content-in,
  #feat-img-wide-in {
    margin-left: 0;
  }

  .single .side-fixed {
    right: 0 !important;
  }

  #post-social-wrap {
    left: 0;
  }

  .social-fixed {
    left: 0 !important;
  }

  h1.story-title {
    font-size: 2.4em;
  }

  #post-area,
  #feat-img-wide-text {
    padding: 20px 3.89863547758%; /* 20px / 513px */
    width: 92.2027290448%; /* 473px / 513px */
  }

  ul.post-social-list li a:hover {
    margin-left: 0;
    padding: 10px 0;
  }

  h1.story-title {
    font-size: 2em;
    margin-bottom: 20px;
  }

  #left-content,
  #right-content {
    margin: 0;
    width: 100%;
  }

  #left-content-mobi {
    display: block;
  }

  .post-tags-mobi {
    display: block;
  }

  .post-cat-mob {
    display: block;
    width: 100%;
  }

  .post-cat-mob .img-cat {
    padding: 5px 10px;
    width: auto;
  }

  .author-info-wrap {
    border-bottom: none;
    margin-bottom: 15px;
    padding-bottom: 0;
  }

  .author-img {
    margin: 0 15px 0 0;
    width: auto;
  }

  .author-img img {
    width: 70px;
    height: 70px;
  }

  .author-info-mob-wrap {
    float: left;
    width: 70%;
  }

  span.author-name {
    text-align: left;
  }

  .post-date-mob {
    border-bottom: none;
    display: inline-block;
    margin-bottom: 0;
    padding-bottom: 0;
    width: auto;
  }

  span.post-date {
    float: left;
    width: 100%;
  }

  #feat-img-wide img,
  #feat-img-reg img {
    margin: 0 !important;
  }

  #feat-img-reg {
    margin-top: 20px;
  }

  span.feat-caption-wide {
    font-size: 0.8em;
  }

  span.comment-but-text {
    width: 100%;
  }

  h1.archive-header {
    font-size: 1.1em;
  }

  .foot-widget {
    margin: 0 0 40px 5.2083333333%; /* 40px / 768px */
    width: 42.1875%; /* 324px / 768px */
  }

  .foot-widget:nth-child(2n + 3) {
    clear: both;
  }
}

@media screen and (max-width: 599px) and (min-width: 480px) {
  .read-share-overlay,
  #prev-next-wrap,
  .text-info-contain,
  .widget-post-info,
  .post-date-reg,
  p.author-desc,
  span.author-twit,
  #left-content .post-tags,
  #left-content .post-cat-contain,
  .main-nav-contain,
  .more-nav-contain,
  .nav-spacer,
  #social-nav,
  #left-content {
    display: none;
  }

  #search-bar {
    padding: 0;
    right: 0;
  }

  #searchform input {
    font-size: 1rem;
    padding: 10px 5%;
    width: 90%;
    height: 30px;
  }

  .leaderboard-ad {
    width: 100%;
  }

  .content-out {
    right: 0;
  }

  .content-in,
  .content-out {
    margin-left: 0;
  }

  .content-out.post-full,
  .content-in.post-full {
    margin-right: 0;
  }

  #home-content-out,
  .head-wrap-out,
  #post-content-out {
    margin-right: -10px;
  }

  #home-content-in,
  .head-wrap-in,
  #post-content-in {
    margin-right: 10px;
  }

  #featured-multi-wrap {
    height: auto;
  }

  #featured-multi-main {
    margin: 0;
    width: 100%;
    height: 300px;
  }

  #featured-multi-main-text {
    padding: 30px 3.33889816361% 20px; /* 20px / 599px */
    width: 93.3222036728%; /* 559px / 599px */
  }

  #featured-multi-main-text h2 {
    font-size: 2.2em;
  }

  #featured-multi-main-text p {
    font-size: 0.8em;
  }

  #featured-multi-sub-wrap {
    margin: 1px 0 -1px -0.20833333333%; /* 1px / 480px */
    width: 100.20833333333%; /* 481px / 480px */
  }

  .featured-multi-sub {
    margin: 0 0 1px 0.2079002079%; /* 1px / 481px */
    width: 49.7920997921%; /* 239.5px / 481px */
    height: 150px;
  }

  .featured-multi-sub-text {
    padding: 30px 6.6889632107% 20px; /* 20px / 299px */
    width: 86.7%; /* 259px / 299px */
  }

  .featured-multi-sub-text h2 {
    font-size: 0.9em;
  }

  .featured-multi-sub-text h2,
  #featured-multi-main-text p {
    margin-bottom: 0;
  }

  #featured-multi-main-img img {
    min-width: 599px;
  }

  span.img-cat {
    font-size: 0.55em;
    padding: 3px 8px;
  }

  .story-contain {
    width: 49.7916666666%; /* 239px / 480px */
    height: 180px;
  }

  #featured-multi-main-text,
  #featured-multi-main-img img,
  .featured-multi-sub-img img,
  .story-contain-img img img,
  .widget-full-list-img img {
    -moz-transition: all 0 ease 0;
    -ms-transition: all 0 ease 0;
    -o-transition: all 0 ease 0;
    -webkit-transition: all 0 ease 0;
    transition: all 0 ease 0;
  }

  #featured-multi-main:hover #featured-multi-main-text,
  .featured-multi-sub:hover .featured-multi-sub-text,
  .widget-split-left:hover .img-cat-contain,
  #featured-multi-main:hover #featured-multi-main-img img,
  .featured-multi-sub:hover .featured-multi-sub-img img,
  .widget-split-left:hover img,
  .widget-full-list-img:hover img,
  .story-contain:hover .story-contain-img img,
  .story-contain:hover .story-contain-text,
  .widget-full-wide:hover .full-wide-text,
  .widget-full-wide:hover .full-wide-img img,
  #featured-multi-main:hover .video-but-contain,
  .featured-multi-sub:hover .video-but-contain {
    opacity: 1;
  }

  .video-but-contain {
    bottom: 55%;
    font-size: 50px;
    width: 43px;
    height: 50px;
  }

  .home-widget {
    padding: 20px 3.4965034965%; /* 20px / 572px */
    width: 93.006993007%; /* 532px / 572px */
  }

  ul.widget-full1 {
    margin-left: -3.75939849624%; /* 20px / 532px */
    width: 103.75939849624%; /* 552px / 532px */
  }

  ul.widget-full1 li {
    margin: 0 0 20px 3.6231884058%; /* 20px / 552px */
    width: 46.3768115942%; /* 256px / 552px */
    height: 350px;
  }

  .widget-full-wide {
    height: 250px;
  }

  .full-wide-img img {
    min-width: 480px;
  }

  .widget-grid-wrap {
    height: auto;
  }

  .grid-main,
  .grid-main-img {
    width: 100%;
    height: 120px;
  }

  .grid-main-img img,
  .grid-sub-img img {
    margin-top: -5%;
  }

  .grid-main-text {
    padding: 20px 3.57781753131%; /* 20px / 559px */
    width: 92.8443649374%; /* 519px / 559px */
  }

  .grid-main-text h2 {
    font-size: 1.1em;
  }

  .grid-right {
    margin: 0;
    width: 100%;
  }

  .grid-sub {
    margin: 1px 0 0 0;
    width: 100%;
    height: 120px;
  }

  .grid-sub-img {
    height: 120px;
  }

  .story-section {
    margin: 2px 0 0 -0.416666666666%; /* 2px / 480px */
    width: 100.416666666666%; /* 482px / 480px */
  }

  .story-contain-text {
    padding: 15px 6.27615062762%; /* 15px / 239px */
    width: 87.4476987448%; /* 209px / 239px */
  }

  .story-contain-text h2 {
    margin-bottom: 0;
  }

  #sidebar-contain {
    position: fixed;
    right: 0;
    bottom: 0;
    width: auto;
    z-index: 3000;
  }

  .side-fixed {
    top: 52px !important;
    right: 0 !important;
  }

  #sidebar-mobi-tab {
    display: block;
  }

  #sidebar-main-wrap {
    display: none;
  }

  #sidebar-main-ad .widget-ad {
    background: url(../images/hash-bg.gif);
  }

  #sidebar-main-ad,
  #sidebar-widget-wrap {
    position: relative;
  }

  #sidebar-widget-wrap {
    top: auto;
    bottom: auto;
  }

  #sidebar-scroll-wrap {
    width: 350px;
  }

  .single .content-out,
  #feat-img-wide-out {
    margin-left: 0;
    right: 0;
  }

  .single .content-in,
  #feat-img-wide-in {
    margin-left: 0;
  }

  .single .side-fixed {
    right: 0 !important;
  }

  #post-social-wrap {
    left: 0;
  }

  .social-fixed {
    left: 0 !important;
  }

  h1.story-title {
    font-size: 2.4em;
  }

  #post-area,
  #feat-img-wide-text {
    padding: 20px 5.08905852417%; /* 20px / 393px */
    width: 89.8218829517%; /* 353px / 393px */
  }

  ul.post-social-list li a:hover {
    margin-left: 0;
    padding: 10px 0;
  }

  h1.story-title {
    font-size: 2em;
    margin-bottom: 20px;
  }

  #left-content,
  #right-content {
    margin: 0;
    width: 100%;
  }

  #left-content-mobi {
    display: block;
  }

  .post-tags-mobi {
    display: block;
  }

  .post-cat-mob {
    display: block;
    width: 100%;
  }

  .post-cat-mob .img-cat {
    padding: 5px 10px;
    width: auto;
  }

  .author-info-wrap {
    border-bottom: none;
    margin-bottom: 15px;
    padding-bottom: 0;
  }

  .author-img {
    margin: 0 15px 0 0;
    width: auto;
  }

  .author-img img {
    width: 70px;
    height: 70px;
  }

  .author-info-mob-wrap {
    float: left;
    width: 70%;
  }

  span.author-name {
    text-align: left;
  }

  .post-date-mob {
    border-bottom: none;
    display: inline-block;
    margin-bottom: 0;
    padding-bottom: 0;
    width: auto;
  }

  span.post-date {
    float: left;
    width: 100%;
  }

  #feat-img-wide img,
  #feat-img-reg img {
    margin: 0 !important;
  }

  #feat-img-reg {
    margin-top: 20px;
  }

  span.feat-caption-wide {
    font-size: 0.8em;
  }

  span.comment-but-text {
    width: 100%;
  }

  h1.archive-header {
    font-size: 1.1em;
  }

  .foot-widget {
    margin: 0 0 40px 6.67779632721%; /* 40px / 599px */
    width: 39.9833055092%; /* 239.5px / 599px */
  }

  .foot-widget:nth-child(2n + 3) {
    clear: both;
  }
}

@media screen and (max-width: 479px) {
  .read-share-overlay,
  #prev-next-wrap,
  .text-info-contain,
  #featured-multi-main-text p,
  .widget-full-list-text p,
  .widget-post-info,
  span.widget-header-more,
  .full-wide-text p,
  .reg-img,
  .post-date-reg,
  p.author-desc,
  span.author-twit,
  #left-content .post-tags,
  #left-content .post-cat-contain,
  #sidebar-scroll-wrap,
  .main-nav-contain,
  .more-nav-contain,
  .nav-spacer,
  #social-nav,
  #left-content {
    display: none;
  }

  .fly-content {
    -webkit-transform: translate3d(100%, 0, 0) !important;
    -moz-transform: translate3d(100%, 0, 0) !important;
    -ms-transform: translate3d(100%, 0, 0) !important;
    -o-transform: translate3d(100%, 0, 0) !important;
    transform: translate3d(100%, 0, 0) !important;
  }

  .main-nav-over {
    position: fixed !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
    -moz-transform: translate3d(0, 0, 0) !important;
    -ms-transform: translate3d(0, 0, 0) !important;
    -o-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
  }

  #fly-wrap {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    top: 50px;
    width: 0px;
    z-index: auto;
  }

  .fly-menu {
    width: 100% !important;
    z-index: 4000 !important;
  }

  .fly-but-wrap {
    margin: 0;
  }

  #nav-wrap,
  #nav-contain {
    height: 50px;
  }

  #search-button {
    font-size: 16px;
    padding: 17px 20px;
    height: 16px;
  }

  #head-wrap {
    margin-top: 0px;
    padding-top: 55px;
  }

  #search-bar {
    padding: 0;
    top: 50px;
    right: 0;
  }

  #searchform input {
    font-size: 1rem;
    padding: 10px 5%;
    width: 90%;
    height: 30px;
  }

  #nav-logo {
    max-width: 192px;
    height: 50px;
  }

  #nav-logo img {
    max-width: 192px;
    height: 50px;
  }

  #nav-contain-out {
    margin-left: -200px;
  }

  #nav-contain-in {
    margin-left: 200px;
  }

  #nav-right {
    width: 59px;
  }

  #mobile-menu-wrap {
    display: block;
    width: 61px;
  }

  .mob-img {
    display: block;
  }

  .leaderboard-ad,
  .story-section {
    width: 100%;
  }

  .content-out {
    right: 0;
  }

  .content-in,
  .content-out {
    margin-left: 0;
  }

  #home-content-out,
  #home-content-in,
  .head-wrap-out,
  .head-wrap-in,
  #post-content-out,
  #post-content-in {
    margin-right: 0;
  }

  #featured-multi-wrap {
    height: auto;
    margin-bottom: 15px;
  }

  #featured-multi-main {
    margin: 0;
    width: 100%;
    height: 180px;
  }

  .story-contain {
    margin: 0 0 1px 0;
    width: 100%;
  }

  #featured-multi-main-img {
    height: 200px;
  }

  #featured-multi-main-img img {
    min-width: 100%;
  }

  #featured-multi-sub-wrap {
    margin: 0;
    width: 100%;
  }

  .featured-multi-sub {
    margin: 1px 0 0 0;
  }

  .featured-multi-sub,
  .story-contain {
    height: 120px;
    width: 100%;
  }

  #featured-multi-main-text h2 {
    font-size: 1.5em;
  }

  .featured-multi-sub-text h2,
  .story-contain-text h2 {
    font-size: 0.9em;
  }

  .featured-multi-sub img,
  .story-contain img {
    margin-top: -5%;
    min-width: 100%;
  }

  span.img-cat {
    font-size: 0.55em;
    padding: 3px 8px;
  }

  #featured-multi-main-text,
  #featured-multi-main-img img,
  .featured-multi-sub-img img,
  .story-contain-img img img,
  .widget-full-list-img img {
    -moz-transition: all 0 ease 0;
    -ms-transition: all 0 ease 0;
    -o-transition: all 0 ease 0;
    -webkit-transition: all 0 ease 0;
    transition: all 0 ease 0;
  }

  #featured-multi-main:hover #featured-multi-main-text,
  .featured-multi-sub:hover .featured-multi-sub-text,
  .widget-split-left:hover .img-cat-contain,
  #featured-multi-main:hover #featured-multi-main-img img,
  .featured-multi-sub:hover .featured-multi-sub-img img,
  .widget-split-left:hover img,
  .widget-full-list-img:hover img,
  .story-contain:hover .story-contain-img img,
  .story-contain:hover .story-contain-text,
  .widget-full-wide:hover .full-wide-text,
  .widget-full-wide:hover .full-wide-img img,
  #featured-multi-main:hover .video-but-contain,
  .featured-multi-sub:hover .video-but-contain {
    opacity: 1;
  }

  #featured-multi-main-text,
  .featured-multi-sub-text,
  #post-area,
  .full-wide-text,
  .story-contain-text {
    padding: 15px 4.41176470588% 0; /* 15px / 340px */
    width: 91.1764705882%; /* 310px / 340px */
  }

  .video-but-contain {
    bottom: 50%;
    font-size: 50px;
    width: 43px;
    height: 50px;
  }

  .home-widget,
  .sidebar-widget-content {
    padding: 15px 4.41176470588%; /* 15px / 340px */
    width: 91.1764705882%; /* 310px / 340px */
  }

  #featured-multi-main-text,
  .featured-multi-sub-text {
    padding-bottom: 20px;
  }

  #leader-wrapper {
    margin-bottom: 15px;
  }

  #featured-multi-main-text h2,
  .featured-multi-sub-text h2,
  .wide-section-text h2,
  .story-contain-text h2 {
    margin-bottom: 0;
  }

  ul.widget-full1 {
    margin-left: -4.41176470588%; /* 15px / 340px */
    width: 104.41176470588%; /* 355px / 340px */
  }

  ul.widget-full1 li {
    margin: 0 0 30px 4.22535211268%; /* 15px / 355px */
    width: 95.7746478873%; /* 340px / 355px */
    height: auto;
  }

  .home ul.widget-full1 {
    margin-bottom: 0;
  }

  .home ul.widget-full1 li {
    border-top: 1px solid #ddd;
    height: auto;
    margin-bottom: 10px;
    padding-top: 10px;
  }

  ul.widget-full1 li .widget-full-list-img {
    height: 120px;
  }

  ul.widget-full1 li .widget-full-list-img img {
    margin-top: -5%;
  }

  ul.widget-full1 li .widget-full-list-text a {
    font-size: 0.9em;
    margin-bottom: 0;
  }

  ul.widget-full1 li:after {
    background: none;
  }

  .home ul.widget-full1 li .widget-full-list-img,
  .home ul.widget-full1 li .img-cat-contain {
    display: none;
  }

  .home ul.widget-full1 li:first-child .widget-full-list-img,
  .home ul.widget-full1 li:first-child .img-cat-contain {
    display: block;
  }

  .home ul.widget-full1 li:first-child {
    border-top: none;
    padding-top: 0;
  }

  .widget-full-list-img,
  ul.sidebar-list li:hover {
    background: none;
  }

  .widget-full-list-img img {
    min-width: 100%;
  }

  .widget-full-list-text .img-cat-contain {
    margin-top: -20px;
  }

  .widget-full-wide {
    height: 200px;
  }

  .full-wide-img img {
    min-width: 480px;
  }

  .full-wide-text {
    background-image: -moz-linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0) 0,
      rgba(0, 0, 0, 0.4) 50%,
      rgba(0, 0, 0, 0.6) 100%
    );
    background-image: -ms-linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0) 0,
      rgba(0, 0, 0, 0.4) 50%,
      rgba(0, 0, 0, 0.6) 100%
    );
    background-image: -o-linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0) 0,
      rgba(0, 0, 0, 0.4) 50%,
      rgba(0, 0, 0, 0.6) 100%
    );
    background-image: -webkit-linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0) 0,
      rgba(0, 0, 0, 0.4) 50%,
      rgba(0, 0, 0, 0.6) 100%
    );
    background-image: -webkit-gradient(
      linear,
      center top,
      center bottom,
      from(rgba(0, 0, 0, 0)),
      to(rgba(0, 0, 0, 0.6))
    );
    background-image: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0) 0,
      rgba(0, 0, 0, 0.4) 50%,
      rgba(0, 0, 0, 0.6) 100%
    );
    bottom: 0;
    top: auto;
  }

  .full-wide-text a {
    font-size: 1.1em;
  }

  .gallery-slider {
    max-height: 180px;
  }

  .gallery-slider ul.slides li {
    min-height: 180px;
  }

  .widget-grid-wrap {
    height: auto;
  }

  .grid-main,
  .grid-main-img {
    width: 100%;
    height: 120px;
  }

  .grid-main-img img,
  .grid-sub-img img {
    margin-top: -5%;
  }

  .grid-main-text {
    padding: 20px 6.45161290323%; /* 20px / 310px */
    width: 87.0967741935%; /* 270px / 310px */
  }

  .grid-main-text h2 {
    font-size: 1.1em;
  }

  .grid-right {
    margin: 0;
    width: 100%;
  }

  .grid-sub {
    margin: 1px 0 0 0;
    width: 100%;
    height: 120px;
  }

  .grid-sub-img {
    height: 120px;
  }

  .story-contain-text {
    padding-bottom: 15px;
  }

  #sidebar-contain,
  #sidebar-main-ad,
  #sidebar-widget-wrap,
  #sidebar-main-wrap {
    float: left;
    position: relative;
    width: 100%;
  }

  .side-fixed {
    position: relative !important;
    top: 0 !important;
    right: 0 !important;
  }

  #sidebar-widget-wrap {
    top: auto;
    bottom: auto;
  }

  #sidebar-scroll-wrap {
    width: 350px;
  }

  #sidebar-contain {
    right: auto;
    top: auto !important;
    z-index: 1;
  }

  #sidebar-main-ad .widget-ad {
    background: url(../images/hash-bg.gif);
  }

  #sidebar-main-ad,
  #sidebar-widget-wrap {
    position: relative;
  }

  #sidebar-widget-in {
    padding-bottom: 0;
  }

  .sidebar-widget-content {
    float: left;
  }

  .sidebar-widget:last-child {
    padding-bottom: 0;
  }

  #sidebar-widget-wrap .tabber-contain,
  .sidebar-widget ul.sidebar-list {
    margin: -15px 0 -15px -4.41176470588%; /* 15px / 340px */
    width: 108.823529412%; /* 370px / 340px */
  }

  ul.sidebar-list-tabs {
    margin-bottom: 0;
  }

  #post-social-wrap,
  #post-social-wrap.social-fixed,
  .archive #post-social-wrap.social-fixed {
    background: #fff;
    position: fixed;
    top: auto !important;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 3000;
  }

  ul.post-social-list li {
    border-top: none;
    width: 16.66666666%;
  }

  ul.post-social-list li.post-social-count {
    padding: 7px 0;
    width: 16.66666666%;
  }

  ul.post-social-list li a {
    height: 24px;
    width: 100%;
  }

  ul.post-social-list li a:hover {
    margin-left: 0;
    padding: 10px 0;
  }

  span.social-count-num {
    font-size: 0.7em;
    margin-bottom: 3px;
  }

  #feat-img-wide-text h1.story-title,
  h1.story-title {
    font-size: 1.6em;
  }

  h1.story-title {
    margin-bottom: 20px;
  }

  #post-social-out,
  #post-social-in {
    margin-left: 0;
  }

  .single .content-out,
  #feat-img-wide-out {
    margin-left: 0;
    right: 0;
  }

  .single .content-in,
  #feat-img-wide-in {
    margin-left: 0;
  }

  .single .side-fixed {
    right: 0 !important;
  }

  #post-area,
  #feat-img-wide-text {
    padding: 20px 5.08905852417%; /* 20px / 393px */
    width: 89.8218829517%; /* 353px / 393px */
  }

  ul.post-social-list li a:hover {
    margin-left: 0;
    padding: 10px 0;
  }

  h1.story-title {
    font-size: 2em;
    margin-bottom: 20px;
  }

  #left-content,
  #right-content {
    margin: 0;
    width: 100%;
  }

  #left-content-mobi {
    display: block;
  }

  .post-tags-mobi {
    display: block;
  }

  .post-cat-mob {
    display: block;
    width: 100%;
  }

  .post-cat-mob .img-cat {
    padding: 5px 10px;
    width: auto;
  }

  span.author-name {
    text-align: left;
  }

  .post-date-mob {
    border-bottom: none;
    display: inline-block;
    margin-bottom: 0;
    padding-bottom: 0;
    width: auto;
  }

  span.post-date {
    float: left;
    width: 100%;
  }

  #feat-img-wide img,
  #feat-img-reg img {
    margin: 0 !important;
  }

  #feat-img-reg {
    margin-top: 20px;
  }

  span.feat-caption-wide {
    font-size: 0.8em;
  }

  span.comment-but-text {
    width: 100%;
  }

  .author-info-wrap {
    border-bottom: none;
    margin-bottom: 15px;
    padding-bottom: 0;
  }

  .author-img {
    margin: 0 15px 0 0;
    width: auto;
  }

  .author-img img {
    width: 70px;
    height: 70px;
  }

  .author-info-mob-wrap {
    float: left;
    width: 60%;
  }

  #post-latest-header {
    text-align: center;
  }

  h4.post-latest {
    float: none;
  }

  h1.archive-header {
    font-size: 1.1em;
  }

  .foot-widget {
    margin: 0 4.41176470588% 20px; /* 15px / 340px */
    width: 91.1764705882%; /* 310px / 340px */
  }

}