/* ---
Theme Name: ThemeReflex V3
Theme URI: http://themereflex.com
Description: A lightweight for WordPress themes.
Version: 3.0
Author: Zayed Baloch
Author URI: http://themereflex.com/
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: two-columns, light
--- */

/* --- CSS Reset [Normalize.css] --- */
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, button, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-family: 'Open Sans', sans-serif; font-size: 100%; font: inherit; vertical-align: baseline; font-weight: 300;}
article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block;-ms-word-wrap: break-word;word-wrap: break-word;}
html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
img, video { max-width: 100%; height: auto; }
iframe, object, embed { max-width: 100%; }
[hidden], template { display: none; visibility: hidden; }
img { -ms-interpolation-mode: bicubic; }
a:focus, button:focus { outline: thin dotted; outline: 0.3125em auto -webkit-focus-ring-color; outline-offset: -0.15625em; }
a:hover, a:active { outline: 0; }
/* --- Clear Fix --- */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.home article.category-featured-articles p{padding: 0 20px; max-width: 650px; font-size: 14px;line-height: 25px;}
img.no-scale{width: inherit !important; max-width: inherit !important;}
img.download{width: inherit !important; margin: 0px;}
/* --- Viewport Fix --- */
@-webkit-viewport { width: device-width;zoom: 1.0; }
@-moz-viewport { width: device-width;zoom: 1.0; }
@-ms-viewport { width: device-width;zoom: 1.0; }
@-o-viewport { width: device-width;zoom: 1.0; }
@viewport { width: device-width;zoom: 1.0; }

/* --- CSS Animation --- */
.nav li,
img.post-thumb{
  -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
       -o-transition: all 0.5s;
          transition: all 0.5s;
}
/* --- Typography --- */
body {   font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 26px; color: #111; background: #fafafa; font-weight: 400; overflow: hidden;}
p { margin-bottom: 1.5625em; }
a { color: #308DCF; text-decoration: none; word-wrap: break-word; }
a:hover { color: #005580; }
a img { border: none; background: none;}
a:hover img { border: none; background: none; opacity: 0.9; filter: alpha(opacity=90);}
ul, ol, dl { margin-bottom: 1.5625em; margin-left: 2em; }
ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; }
ul { list-style: disc; }
ol { list-style: decimal; }
dl { margin-left: 0; }
dt { font-weight: bold; }
h1, h2, h3, h4, h5, h6 { line-height: 1.2; font-weight: 400; margin-bottom: 1em; padding-top: 1em; }
h1 { font-size: 1.5em; padding-top: .5em; }
h2 { font-size: 1.3125em; }
h3 { font-size: 1.1875em; }
h4, h5, h6 { font-size: 0.9375em; }
hr { margin: 3em auto; border: 0; border-top: 0.0725em solid #e5e5e5; border-bottom: 0 solid white; }
strong { font-weight: bold; }
em { font-style: italic; }
sub, sup { position: relative; font-size: 85%; font-weight: bold; line-height: 0; vertical-align: baseline; margin-left: 0.25em; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

::selection { color: white; background: #308DCF; }
::-moz-selection { color: white;background: #308DCF;}

blockquote { border-left: 0.25em solid #e5e5e5; margin-bottom: 1.5625em; padding-left: 1.5625em; padding-right: 1.5625em; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

code, pre { font-family: Menlo, Monaco, "Courier New", monospace; font-size: 0.875em; border-radius: 0.0725em; }
code { color: #dd1144; background-color: #f7f7f7; padding: 0.25em; }
pre { display: block; margin-bottom: 1.5625em; line-height: 1.5; background-color: #f4f4f4; padding: 0.8125em; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; white-space: pre-wrap; word-break: break-all; }
pre code { font-size: 1em; padding: 0; color: inherit; background-color: transparent; border: 0; }

.list-unstyled { margin-left: 0; list-style: none; }
.text-small { font-size: 0.9375em; }
.text-tall { font-size: 1.1875em; line-height: 1.4; }
.text-muted { color: gray; }

/* --- Theme Design --- */
.container { max-width: 1140px; margin: 0 auto; padding: 0 1em; }
#secondary, #primary  { width: 100%; float: left;}
#top-nav{width: 100%; line-height: 30px; background: #308dcf; color: #FFF;overflow: hidden;}
.site-logo{float: left;}
.site-logo img{width: 90%;}
.top-advt{float: right; max-width: 728px; width: 100%;}

.top-social{float: left;}
.top-menu{float: right;}
.top-menu ul{list-style: none; font-size: 13px;}
.top-menu a{color: #FFF;}
.top-menu a:hover{text-decoration: underline;}
.top-menu li{float: left; margin-left: 15px;}

/* FEATURED ARTICLES */
.featured-post{
  overflow: hidden;
  margin-bottom: 30px;
}
.fea-article,
.more-article{
  position: relative;
  background: #FFF;
  max-width: 369px;
  width: 100%;
  margin-right: 30px;
  float: left;
  min-height: 274px;
  height: auto;
  border-bottom: 2px solid #308dcf;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.featured-post h3{
  margin: 0;
  padding: 2px 10px;
  font-size: 16px;
  line-height: 24px;
}
.featured-post h3 a{
  font-weight: 500;
}
.fea-article img{width: 100%; height: 168px;}
.fea-post-meta{
  background: #f5f5f5;
  color: #555;
  font-size: 11px;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.fea-post-meta ul{
  list-style: none;
  margin: 0;
}
.fea-post-meta li{
  max-width: 33%;
  float: left;
  width: 100%;
  text-align: center;
  font-weight: 500;
  border-right: 1px solid #ddd;
  padding: 5px 0;
}
.fea-post-meta li a{
  color: #555;
  font-weight: 500;
}
.fea-post-meta li a:hover{
  text-decoration: underline;
}
.fea-post-meta li:last-child{
  border-right: none;
}
.more-article{
  background: transparent;
  margin-right: 0;
  border-bottom: 0px;
}
.more-article ul{
  margin: 0;
  list-style: none;
}
.more-article li{
  background: #FFF;
  margin-bottom: 30px;
  border-bottom: 2px solid #308dcf;
  overflow: hidden;
  position: relative;
}
.more-article li img{
  float: left;
  margin-right: 15px;
}
.more-article li h3{
  overflow: hidden;
  padding: 0;
  padding-right: 10px;
}
.more-article li:last-child{
  margin-bottom: 0;
}
ul.more-article-post{
  position: absolute;
  bottom: 0;
  max-width: 66%;
  width: 100%;
  left: 120px;
  text-align: center;
}

.how-to-post{
  margin: 20px;
  clear: both;
}
ul.more-article-post li{
  background: transparent;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  border-bottom: 0px;
  font-size: 11px;
  margin: 0;
  padding: 0;
  float: left;
  max-width: 50%;
  width: 100%;
  color: #555;
  font-weight: 500;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
ul.more-article-post li:last-child{text-align: right; border-right: none;}


@media (min-width: 60em) {

#primary { margin-right: -340px; }
#secondary { width: 340px; }
.primary-inner { margin-right: 370px; }
}

/* --- Articles --- */
article{
  background: #FFF;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.1);
     -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.1);
          box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.1);
  -webkit-border-radius: 5px;
          border-radius: 5px;
  border-bottom: 5px solid #888;
  margin-bottom: 35px;
}
article .post-image img{
  -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.article aside{
  padding: 0 15px;
}
.post-title{}
.post-title h2{padding: 10px 15px; margin: 0;}
.post-title a{ font-weight: 300; font-size: 28px; line-height: 40px;}
ul.home-post-meta{background: #eee; display: flex; list-style: none; margin: 0; font-size: 13px;padding: 0 20px;}
ul.home-post-meta li{border-right: 1px solid #ccc; float: left;padding: 10px 20px;}
ul.home-post-meta li:first-child{padding-left: 0;}
ul.home-post-meta li:last-child{padding-right: 0; border-right: none;}
ul.home-post-meta li, ul.home-post-meta li time, ul.home-post-meta li a{color: #555;font-weight: 500;}
ul.home-post-meta li a:hover{text-decoration: underline;}
ul.home-post-meta li i{margin-right: 4px;}
.home-post-tags{font-size: 11px; padding: 5px 20px; margin: 15px 0 20px;width: 75%;}
.home-post-tags a, .home-post-tags i{color: #555; font-weight: 400;}
p.excerpt{padding: 0 20px; font-size: 14px;}
ul.home-post-meta {position: relative;}
ul.home-post-meta li div.home-author-img{
  position: absolute; right: 10px; bottom: 10px;width: 80px;height: 80px; background: #fff; text-align: center;border:1px solid #ccc; }
ul.home-post-meta li div.home-author-img img{
  max-width: 100%; width: 100%;
  height: 100%;
  padding: 3px;
  -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
}
ul.home-post-meta li div.home-author-name{
  position: absolute;
  right: 100px;
}


/* --- Navigation Menu --- */
#access {position: relative; clear: both;}
#access:before{content: ""; position: absolute; top: 0; left: -500px; width: 200%; background: #eee;height: 49px;}

.nav, .nav * { margin: 0; padding: 0; list-style: none;}
.nav li { position: relative;}
.nav ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; }
.nav > li { float: left; }
.nav li:hover > ul, .nav li.sfHover > ul { display: block; }
.nav a { display: block; position: relative; color: #333; padding: .75em 1em; text-decoration: none; }
.nav a:hover{color: #FFF;}
.nav ul ul { top: 0; left: 100%; }
.nav ul { min-width: 12em; width: 12em; }
.nav li { white-space: nowrap; white-space: normal; }
.nav ul li { background: #e5e5e5; }
.nav ul ul li { background: #ddd; }
.nav li:hover { background: #308dcf; }
.current-menu-parent{background: #308dcf; color: #FFF;}

/* --- Search Bar --- */
.search_field{float: right; z-index: 999; position: relative; width: 100%; max-width: 280px; display: none;}
.search_field form{margin-bottom: 0;}
#s { width: 100%; padding: 8px 11px; margin-top: 3px; border: 1px solid #ddd; font-weight: 400; color: #308DCF;}
#searchsubmit { padding: 0.3333em; width: auto; }
.search-header h3{margin: 0 0 20px; padding: 0; color: #666;}

/* --- WordPress Styles --- */
.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; }
.sticky { }
.gallery-caption { }
.avatar { float: left; margin-right: 0.5em; height: 100px; width: 100px;}
.single .avatar{-webkit-border-radius: 50%; border-radius: 50%;}
.alignleft, .alignright, .aligncenter, .alignnone { display: block; text-align: center; margin-left: auto; margin-right: auto; }
.wp-caption-text { font-size: 0.9375em; font-style: italic; color: gray; padding-top: 0.5em; text-align: center; }

.post-tags{padding: 0 20px; font-size: 12px;}
.post-tags a{font-weight: 400; background: #ccc; padding: 1px 5px; color: #FFF;margin: 0 5px 5px 0; display: inline-block; -webkit-transition: background 0.3s;
   -moz-transition: background 0.3s;
    -ms-transition: background 0.3s;
     -o-transition: background 0.3s;
        transition: background 0.3s;}
.post-tags a:hover{background: #308DCF;}

/* --- Footer --- */
footer{
  background: #ddd;
  border-top: 3px solid #999;
  padding: 10px 0;
}
footer p{margin-bottom: 0; font-size: 13px; font-weight: 400;color: #666;}
footer p a{color: #333;font-weight: 500;}
#colophon {}
footer .copyright{clear: both; overflow: hidden;}
footer .copyright .copy{float: left;}
footer .copyright .license{float: right; text-align: right;}
footer .copyright .license p{float: left;}
footer .copyright .license img{float: right; margin-left: 10px; margin-top: 4px;}

.archie-page-title h3{margin: 0 0 0 10px;padding: 0 0 25px; color: #888; font-weight: 300;}

/* --- Special Posts --- */
.special-post{overflow: hidden; margin-bottom: 30px;}
.special-post ul{
  list-style: none; margin: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 100%;
}
.special-post li{
  background: #fff;
  border: 1px solid #eee;
  border-right: 0;
  padding: 2px;
  border-bottom: 2px solid #336699;
  -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
  width: 25%;
}
.special-post li.center-slot{
  width: 50%;
}
.special-post li:last-child{
  border-right: none;
}
.special-post li h3{
  margin: 0;
  padding: 0 10px 10px;
  line-height: 18px;
}
.special-post li a{
  font-size: 14px;
  color: #333;
  font-weight: normal;

}
.special-post li a:hover{
  color: #308DCF;
}
/* --- Detail --- */
.single article.post{text-align: left !important; padding: 10px 0 !important; position: relative;}
.single article.post .social-share{
  background: #fff;
  border: 1px solid #eee;
  position: fixed;
  width: 40px;
  margin-left: -42px;
  font-size: 22px;
  margin-top: -130px;
  overflow: hidden;
}
.post-content{ margin-top: 30px;}
.single article.post .social-share ul{list-style: none; margin: 0; padding: 0; height: 164px;}
.single article.post .social-share li{width: 40px;}
.single article.post .social-share li:last-child{visibility: hidden;}
.single article.post .social-share li a{color: #fff;}
.single article.post .social-share li a:hover{color: #FFF;}
.single article.post .social-share li i{width: 40px; line-height: 40px;text-align: center;border-bottom: 1px solid #eee;}
.single article.post .social-share li:first-child{background: #333; color: #FFF;}
.single article.post .social-share li:nth-child(2){background: #336699;}
.single article.post .social-share li:nth-child(3){background: #40bff5;}
.single article.post .social-share li:nth-child(4){background: #eb5e4c;}
.single article.post .social-share li:nth-child(5){background: #7bb32e;}
.single .post-content h3{
  padding: 9px 25px;
  background-color: #f9f9f9;
  border-bottom: 2px solid #ccc;
  font-size: 18px;
  font-weight: 600;
  color: #555;
}
.page article.page{text-align: left !important; padding: 10px 20px !important;}

/* In post advertisement */
.inline-advt{
  background-color: #f5f5f5;
  padding: 10px 20px;
  border-bottom: 1px solid #ddd;
  color: #555;
  font-weight: 500;
  font-size: 14px;
}
.inline-advt i{margin-right: 10px;}

.single article h2{
  font-weight: 300;
  font-size: 36px;
  line-height: 50px;
  padding: 0 20px;
  margin-bottom: 25px;
}
.single article ul.home-post-meta{
  background: #f5f5f5;
  margin: 0px 0 20px;
}
.single article ul.home-post-meta li div.home-author-img{
  bottom: -17px;
    -webkit-border-radius: 50%;
          border-radius: 50%;
}
.single article ul.home-post-meta li div.home-author-img img{
  -webkit-border-radius: 50%;
          border-radius: 50%;
}
.single article p{padding: 0 20px; font-weight: 400; color: #666; line-height: 35px;}
.single article p a{font-weight: 400;}

.single article p img.size-full{
  max-width: 740px;
  width: 100%;
}
.single article h1{
  padding: 10px 20px;
  font-size: 16px;
  color: #555;
}




/* --- Grids --- */
@media (min-width: 40em) {
.grid, .unit { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.grid { display: block; clear: both; }
.grid .unit { float: left; width: 100%; padding: 10px; }
.grid .unit:first-child { padding-left: 0; }
.grid .unit:last-child { padding-right: 0; }

.unit .unit:first-child { padding-left: 0; }
.unit .unit:last-child { padding-right: 0; }
.unit .grid:first-child > .unit { padding-top: 0; }
.unit .grid:last-child > .unit { padding-bottom: 0; }

.wrap .grid, .grid.wrap { margin: 0 auto; }
.grid .whole { width: 100%; }
.grid .half { width: 50%; }
.grid .one-third { width: 33.3332%; }
.grid .two-thirds { width: 66.6665%; }
.grid .one-quarter { width: 25%; }
.grid .three-quarters { width: 75%; }
.grid .one-fifth { width: 20%; }
.grid .two-fifths { width: 40%; }
.grid .three-fifths { width: 60%; }
.grid .four-fifths { width: 80%; }

.no-gutters .unit, .unit.no-gutters { padding: 0 !important; }
}

/* --- Homepage Article --- */
header.home-post{position: relative; max-height: 350px; background: #000000}
header.home-post h1{position: absolute; bottom: 10px; width: 80%; padding: 0 20px; margin: 0}
header.home-post h1 a{color: #FFF; text-shadow: 2px 2px 2px rgba(0, 0, 0, .7); font-weight: 400;}
header.home-post .mask{position: absolute; max-width: 100%; width: 100%; background: rgba(0, 0, 0, .3); max-height: 350px; line-height: 350px; cursor: pointer; }
header.home-post:hover img.post-thumb{opacity: 1;}
.home-avatar{position: absolute; right: 15px; bottom: -50px; background: #FFF; -webkit-border-radius: 50%; border-radius: 50%;}
.home-avatar .avatar{width: 100px; height: 100px; -webkit-border-radius: 50%; padding: 10px; border-radius: 50%; padding: 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0;}
.home-author-title{position: absolute; right: 120px; font-weight: 400; color: #666; font-size: 90%;}
img.post-thumb{width: 100%; max-height: 350px;}
article aside{font-size: 90%; margin: 10px 0; width: 50%;}
.thetags{display: block;}

/* --- Author Info Box --- */
.author-wrap {
  margin: 60px 0 40px;
  clear: both;
  background: #f9f9f9;
  color: #333;
  padding: 26px 20px 32px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  position: relative;
}
.author-wrap ul.author-social{
  position: absolute;
  top: 25px; right: 40px;
  list-style: none;
}
.author-wrap .author-social li{float: left; background: #ddd; width: 23px;line-height: 23px; text-align: center; color: #FFF;margin-left: 10px;}
.author-wrap .author-social li a{color: #FFF;}
.author-wrap .author-social li.youtube { background: #c9322b }
.author-wrap .author-social li.rss { background: #ef922f }
.author-wrap .author-social li.twitter { background: #40bff5 }
.author-wrap .author-social li.facebook { background: #5d82d1 }
.author-wrap .author-social li.google { background: #eb5e4c }
.author-wrap .author-social li.vimeo { background: #35c6ea }
.author-wrap .author-social li.dribbble { background: #f7659c }
.author-wrap .author-social li.tumblr { background: #426d9b }
.author-wrap .author-social li.instagram { background: #91653f }
.author-wrap .author-social li.flickr { background: #ff48a3 }
.author-wrap .author-social li.pinterest { background: #e13138 }
.author-wrap .author-social li.linkedin { background: #238cc8 }
.author-wrap .author-social li.github { background: #b5a470 }
.author-wrap .author-social li.email { background: #1d90dd }
.author-wrap .author-social li.behance { background: #1879fd }
.author-wrap .author-social li.skype { background: #13c1f3 }
.author-wrap .author-social li.soundcloud { background: #ff7e30 }
.author-wrap .author-social li.stumbleupon { background: #ff5c30 }
.author-wrap .author-social li.dropbox { background: #3476e4 }
.author-wrap .author-social li.foursquare { background: #0bbadf }
.author-wrap .author-social li.reddit { background: #ff4400 }

.author-wrap a, .author-wrap p.author-description{color: #333; font-weight: 400;}
.author-info{overflow: hidden;}
.author-info img.avatar { width: 120px; height: 120px; margin: 2px 20px 0 0; float: left; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid #eee}
.author-info h6 { margin: 0; padding: 0 0 15px 55px;}
.author-info h6 a{font-weight: 600; font-size: 20px;}
.author-info .author-description { margin: 0; padding: 0 0 0 55px; font-size: 15px; font-size: 0.9375rem; line-height: 1.65; }
.author-info .author-description a{padding: 0 5px; background: #ddd; font-size: 13px;}
.author-info .author-description a:hover{background: #bbb;}
.author-archive-page .author-wrap{margin: 0 0 40px; background: #FFF; border: 1px solid #eee;}

body.author ul.home-post-meta li{max-width: 33%; width: 100%; text-align: center;}
body.author ul.home-post-meta li:last-child{display: none;}
body.author ul.home-post-meta li:nth-child(3){border: none;}
/* --- Comments Box --- */
article.comment { border: 1px solid #ddd; display: block; position: relative; padding: 1em; line-height: 24px; }
#respond input[type="text"], #respond input[type="email"], #respond input[type="url"] { display: block; width: 60%; }
#respond textarea { display: block; margin: 0 0 1em; width: 98%; }
#respond .form-allowed-tags { clear: both; width: 98%; }
#respond .form-allowed-tags code { display: block; }
.form-allowed-tags { display: none; }
#reply-title { padding-top: 0; margin-top: 0; }
a.comment-reply-link { font-size: 12px; height: 16px; line-height: 16px; }
li.comment { list-style: none outside none; margin: 10px 0; }
li.comment cite { font-style: normal; font-weight: normal; }
li.comment img.avatar { float: right; }
.comment-meta, .comment-notes, .logged-in-as { display: block; font-size: 12px; }
.comment-meta a, .comment-reply-link { text-decoration: none; }
.comment-meta a:hover, .comment-reply-link:hover { text-decoration: underline; }
ol.commentlist { margin: 0; padding: 0; }
.comment-content { font-size: 0.9em; }
.bypostauthor { color: inherit; }
#comments { padding: 40px 20px 0;}
h2#comments-title{font-size: 26px; line-height: inherit; margin-bottom: 80px;}
.comment-list{overflow: hidden; float: left; margin-right: 10px; color: #555;}
.com-content{position: relative;}
.com-content h5{padding: 0; margin: 0 0 20px;}
.com-content p{line-height: 22px !important; font-size: 14px;}
.com-content span.post-date{font-size: 12px; position: absolute;top: 0; right: 92px; color: #888; font-weight: 400;}
.com-content span.comment-reply{position: absolute; top: -6px; right: 25px; color: #888; padding: 0 8px;}
.com-content span.comment-reply a{color: #888; font-weight: 400;}
.com-content span.comment-reply i{font-size: 11px;}
#comments ul.children{margin: 0; padding: 0;}
#comments ul.children .row{padding-left: 60px;}
#comments .row{overflow: hidden; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #eee;}

/* Comment Form */
#respond {
  background: #fafafa;
  border: 1px solid #ddd;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 0 auto;
  padding: 1.625em;
  position: relative;
  overflow: hidden;
}
#respond input[type="text"],
#respond textarea {
  background: #fff;
  position: relative;
  padding: 4px;
  font-size: 14px;
}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-comment {
  position: relative;
}
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label {
  background: #eee;
  -webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
  -moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
  box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
  color: #555;
  display: inline-block;
  font-size: 13px;
  left: 4px;
  min-width: 60px;
  padding: 4px 10px;
  margin-right: 15px;
  /*position: relative;*/
  top: 40px;
  z-index: 1;
}
#respond input[type="text"]:focus,
#respond textarea:focus {
  text-indent: 0;
  z-index: 1;
}
#respond textarea {
  resize: vertical;
  width: 95%;
}
#respond .comment-form-author .required,
#respond .comment-form-email .required {
  color: #bd3500;
  font-size: 22px;
  font-weight: bold;
  left: 66%;
  position: absolute;
  top: 0;
  z-index: 1;
}
#respond .comment-notes,
#respond .logged-in-as {
  font-size: 13px;
}
#respond p {
  margin: 10px 0;
}
#respond .form-submit {
  margin: -20px 0 10px;
  float: left;
}
#respond p.form-submit{
  padding-left: 0;
  margin: 0;
}
#respond input#submit {
  background: #309DCF;
  border: none;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #FFFFFF;
  cursor: pointer;
  font-size: 15px;
  margin: 20px 0;
  padding: 10px 32px;
  position: relative;
}
#respond input#submit:active {
  top: 1px;
  background: #a3a3a3;
  color: #FFFFFF;
}
#respond #cancel-comment-reply-link {
  color: #666;
  margin-left: 10px;
  text-decoration: none;
}
#respond .logged-in-as a:hover,
#respond #cancel-comment-reply-link:hover {
  text-decoration: underline;
}
.commentlist #respond {
  margin: 1.625em 0 0;
  width: auto;
}
#reply-title {
  font-family: ThemeReflex, Tahoma, Verdana, sans-serif;
  color: #373737;
  font-size: 24px;
  font-weight: normal;
  line-height: 30px;
}
#cancel-comment-reply-link {
  color: #888;
  display: block;
  font-size: 10px;
  font-weight: normal;
  line-height: 2.2em;
  letter-spacing: 0.05em;
  position: absolute;
  right: 1.625em;
  text-decoration: none;
  text-transform: uppercase;
  top: 1.1em;
}
#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:hover {
  color: #ff4b33;
}
#respond label {
  line-height: 24px;
}
#respond input[type=text] {
  max-width: 95%;
  width: 100%;
  padding: 15px 20px;
}
#respond p {
  font-size: 12px;
}
p.comment-form-comment {
  margin: 0;
}
.form-allowed-tags {
  display: none;
}

/* --- Tables --- */
table { width: 100%; max-width: 100%; margin-bottom: 1.5625em; border-collapse: collapse; border-spacing: 0; }
th, td { text-align: left; padding: 0.5em; }
th { background-color: #f2f2f2; font-weight: bold; vertical-align: bottom; }
td { border-top: 0.0725em solid #ededed; vertical-align: top; }
tbody tr:nth-child(even) { background-color: #f7f7f7; }
.table-condensed th, .table-condensed td { padding: 0.25em; }

/* --- Forms --- */
form, fieldset { margin-bottom: 1.5625em; }
legend, label { display: block; font-weight: normal; padding: 0; margin-bottom: 0.3125em; }
input, textarea, select { display: block; width: 100%; font: inherit; line-height: 1.5; color: #555555; margin-bottom: 1.1875em; padding: 0.3125em; border: 0.0725em solid #b8b8b8; border-radius: 0.0725em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
form button, form .button { margin-bottom: 1.1875em; }
textarea { height: 12em; }
input[type="image"], input[type="checkbox"], input[type="radio"] { display: inline-block; width: auto; height: auto; padding: 0; margin-bottom: 0.3125em; cursor: pointer; }
input:focus, textarea:focus { border-color: rgba(82, 168, 236, 0.8); box-shadow: inset 0 0.0725em 0.0725em rgba(0, 0, 0, 0.075), 0 0 0.5em rgba(82, 168, 236, 0.6); outline: 0; outline: thin dotted \9; }
input[type="file"]:focus, input[type="checkbox"]:focus, select:focus { outline: thin dotted; outline: 0.3125em auto -webkit-focus-ring-color; outline-offset: -0.125em; }
.input-inline { display: inline-block; width: auto; vertical-align: middle; }
.input-condensed { padding: 0.0725em 0.3125em; font-size: 0.9375em; }

/* --- Text Alignment, Spacing & Visibility --- */
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.float-left { float: left; }
.float-center { float: none; margin-left: auto; margin-right: auto; }
.float-right { float: right; }
.no-space { margin: 0; padding: 0; }
.no-space-bottom { margin-bottom: 0; padding-bottom: 0; }
.no-space-top { margin-top: 0; padding-top: 0; }
.space-bottom { margin-bottom: 2em; }
.space-bottom-small { margin-bottom: 0.5em; padding-bottom: 0; }
.space-top { padding: 20px 0; overflow: hidden;}

.top-social a{color: #FFF;margin-right: 8px;}

/* --- Buttons --- */
.btn { display: inline-block; font-size: 0.9375em; padding: 0.5em 0.6875em; line-height: 1.2; font-weight: normal; background-color: #308DCF; border: 0.0725em solid #308DCF; border-radius: 0.0725em; margin-right: 0.3125em; margin-bottom: 0.3125em; }
.btn, .btn:hover, a .btn:hover, .btn.active { color: white; }
.btn:hover, a .btn:hover, .btn.active { background-color: #005580; border-color: #005580; text-decoration: none; }
.btn-secondary { background-color: gray; border-color: gray; }
.btn-secondary:hover, a .btn-secondary:hover, .btn-secondary.active { background-color: #5a5a5a; border-color: #5a5a5a; }
.btn:active, .btn.active { box-shadow: inset 0 0.15625em 0.25em rgba(0, 0, 0, 0.15), 0 0.0725em 0.15625em rgba(0, 0, 0, 0.05); outline: 0; }
.btn.disabled, .btn[disabled] { pointer-events: none; cursor: not-allowed; opacity: 0.5; filter: alpha(opacity=50); box-shadow: none; }
.btn-large { padding: 0.6875em 0.9375em; font-size: 1em; line-height: normal; }
.btn-block, input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { display: block; width: 100%; margin-right: 0; padding-right: 0; padding-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
button, .btn { cursor: pointer; text-align: center; vertical-align: middle; -webkit-appearance: none; }
.btn:last-child, input.btn { margin-right: 0; }


/* --- Backgrounds --- */
.bg { background-color: #f7f7f7; padding-top: 1.5em; padding-bottom: 1.5em; }
.bg-secondary { color: white; background-color: #308DCF; }
.bg-condensed { padding-top: 0.9375em; padding-bottom: 0.9375em; }

/* --- Callout Boxes --- */
.hero { background-color: #f7f7f7; margin-bottom: 1.5625em; padding: 1.5em; }
.hero-condensed { padding: 0; }

/* --- Alerts --- */
.alert { color: #005580; background-color: #cce7f4; border: 0.0725em solid #a5d5ed; margin-bottom: 1.5625em; padding: 0.25em 0.5em; border-radius: 0.0725em; }
.alert-success { color: #1f481c; background-color: #d7e5d5; border-color: #b9d2b6; }
.alert-danger { color: #43070a; background-color: #e7ced0; border-color: #d5aaac; }
.alert-warning { color: #614a04; background-color: #f7edcd; border-color: #f2e0a8; }
.screen-reader { position: absolute; top: -9999em; left: -9999em; }

/* --- Widgets --- */
.social-counter,
.download-counter,
.bsa-ads,
.tr-sidebar-posts,
.single article.post,
.page article.page,
.evanto-card {
  text-align: center;
  background: #FFF;
  padding: 15px 0;
  border: 1px solid #eee;
  -webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.04);
     -moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.04);
          box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.04);
  -webkit-border-radius: 5px;
          border-radius: 5px;
}
.social-counter ul,
.download-counter ul{
  margin: 0;
}
.social-counter a {
  height: 55px;
  width: 55px;
  text-align: center;
  line-height: 55px;
  font-size: 26px;
  color: #fff !important;
  display: inline-block;
  border-radius: 50%;
}
.social-counter li {
  display: inline-block;
  margin: 0;
  width: 32%;
}
.social-counter li:last-child {
  margin-right: 0;
}
.social-counter li p {
  color: #b4b4b4;
  font-size: 13px;
  margin-bottom: 0;
}
.social-counter li h4 {
  margin-bottom: 5px;
  color: #555;
}
.social-counter a{
  -webkit-transition: background .3s;
     -moz-transition: background .3s;
      -ms-transition: background .3s;
       -o-transition: background .3s;
          transition: background .3s;
}
.social-counter .fb:before{
  background: #333;
}
.social-counter .fb {background: #4370d5;}
.social-counter .twi {background: #5abadd;}
.social-counter .g-plus {background: #c74c34;}
.social-counter .rsss {background: #e2974d;}

.download-counter{text-align: left;padding: 0;}
.download-counter li{list-style:none;margin: 0;padding: 10px 0;}
.download-counter i{color: #308DCF; float: left;width: 20%; text-align: center; line-height: 78px; font-size: 48px;padding-left: 7px;}
.download-counter h4{font-weight: 300;font-size: 50px; margin: 0; padding: 0;color: #555;}
.download-counter p{font-size: 13px; display: initial; padding: 0; margin-left: 14px;}

/* --- FACEBOOK PAGE CARD --- */
.widget-fb-page-card{margin: 20px 0; max-width: 336px; width: 100%; clear: both;}
.widget-fb-page-card p{font-size: 12px;}
.widget-fb-page-card .fb-pc-wrapper{
  background: #fff;
  border: 1px solid #ddd;
  overflow: hidden;
  -webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.03);
     -moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.03);
          box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.03);
  -webkit-border-radius: 5px;
          border-radius: 5px;
}
.widget-fb-page-card .fb-pc-wrapper .fb-pc-cover{max-width: 336px; width: 100%; position: relative;}
.widget-fb-page-card .fb-pc-wrapper .fb-pc-cover img{width: 100%; border-bottom: 1px solid #ddd;}
.widget-fb-page-card .fb-pc-wrapper .fb-pc-dp{max-width: 86px; max-height: 86px; width: 100%; height: 100%; position: absolute; bottom: -35px; left: 20px; border: 1px solid #eee; }
.widget-fb-page-card .fb-pc-wrapper .fb-pc-dp img{ border: 4px solid #fff; -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;}
.widget-fb-page-card .fb-pc-wrapper .fb-pc-title {padding-left: 122px; font-size: 15px;color: #444;}
.widget-fb-page-card .fb-pc-wrapper .fb-pc-title h4 a,
.widget-fb-page-card .fb-pc-wrapper .fb-pc-title h4 {margin: 0; padding: 0; font-weight: bold;color: #444;}
.widget-fb-page-card .fb-pc-wrapper .fb-pc-title span{font-size: 11px; color: #999; font-weight: normal;}
.widget-fb-page-card .fb-pc-wrapper .fb-pc-info{padding: 0 20px; margin: 10px 0;}
.widget-fb-page-card .fb-pc-wrapper ul{margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #eee; overflow: hidden; background: #eee;}
.widget-fb-page-card .fb-pc-wrapper li{width: 33.333333%; text-align: center; float: left; font-weight: normal; color: #666; line-height: 19px; padding: 9px 0 7px; border-right: 1px solid #e0e0e0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.widget-fb-page-card .fb-pc-wrapper li:first-child{font-size: 14px;}
.widget-fb-page-card .fb-pc-wrapper li:last-child{border-right: none;}
.widget-fb-page-card .fb-pc-wrapper li span{font-size: 10px; display: block;}

/* --- BSA Advertisements --- */
.bsa-ads{ clear: both; overflow: hidden;}

.bsa-125 .bsap a{margin: 0 19px 26px;}
.bsa-125 .bsap a:nth-child(2n+1){margin-right: 0;}
.bsa-300 .bsap a{margin-bottom: 20px;}
.bsa-300{padding-left:20px;padding-top: 5px;}
.bsa-125 .bsap a:last-child, .bsa-125 .bsap a:nth-last-child(-n+2){margin-bottom: 0px;}
.bsa-300 .bsap a:last-child{margin-bottom: 0px;}


.tr_widgets{overflow: hidden; margin: 20px 0;}
.tr_widgets:first-child{margin-top: 0;}
.tr_widgets:last-child{margin-bottom: 0;}

/* --- Android Sidebar --- */
.tr-sidebar-posts{padding: 0; overflow: hidden;}
.tr-sidebar-posts h4{
  font-size: 16px;
  background: #308DCF;
  color: #fff;
  padding: 10px;
  text-transform: lowercase;
  margin-bottom: 20px;
  -webkit-border-top-left-radius: 5px;
 -webkit-border-top-right-radius: 5px;
      -moz-border-radius-topleft: 5px;
     -moz-border-radius-topright: 5px;
          border-top-left-radius: 5px;
         border-top-right-radius: 5px;
}
.tr-sidebar-posts i{font-size: 18px; }
.sidebar-android ul{
  list-style: none;
  margin: 0;
  padding: 0 20px;
}
.sidebar-android li {
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
  margin-bottom: 20px;
  overflow: hidden;
}
.sidebar-android li:last-child {border-bottom: none; margin-bottom: 0;}
.sidebar-android li img{float: left;margin-right: 20px;}
.sidebar-android li a{color: #888;}
.sidebar-android li a:hover{color: #333;}
.sidebar-android li h3 {
  padding: 0;
  overflow: hidden;
  margin: 0;
  font-size: 14px;
  text-align: left;
  line-height: 20px;
}
.sidebar-android li h3.post-full {
  clear: both;
}
.sidebar-android li img.post-full{
  margin-right: 0;
  margin-bottom: 10px;
}
.tr-sidebar-posts .btn-more-article{
  background: #ddd;
  line-height: 38px;
  -webkit-transition: background 0.3s;
     -moz-transition: background 0.3s;
      -ms-transition: background 0.3s;
       -o-transition: background 0.3s;
          transition: background 0.3s;
}
.tr-sidebar-posts a.load-more{color: #333;}
.tr-sidebar-posts .btn-more-article:hover{background: #eee;}


/* Evanto Widget */
.evanto-card{
  padding: 0;
  margin: 0;
}
.evanto-card ul{
  margin: 0;
  padding: 10px;
  overflow: hidden;
  list-style: none;
  text-align: left;
}
.evanto-card ul li{
  float: left;
  margin-left: 18px;
  margin-bottom: 0px;
  background: #eee;
  color: #FFF;
  width: 150px;
  height: 150px;
}

.evanto-card ul li:nth-child(3n){
  margin-left: 0;
}
.evanto-card ul li:first-child{
  margin-left: 0;
}

.widget-post-meta{
  color: #999;
  font-size: 12px;
  font-weight: 600;
  overflow: hidden;
  padding-top: 10px;
  clear: both
}
.widget-post-meta .time,
.widget-post-meta .views{
  color: #bbb;
  max-width: 50%; width: 100%;
  font-weight: 500;
  font-size: 11px;
  float: left;
  text-align: left;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.widget-post-meta .views{padding-right: 0; text-align: right;}
.widget-post-meta i{
  font-size: 11px;
}


/* --- Pagination --- */
.pagination {
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination ul{list-style:none; margin: 0 auto; display: table;}
.pagination li{float: left; margin-right: 4px;}
.pagination li:last-child{margin-right: 0;}
.pagination li.current{
  background: #308dcf;
  color: #FFF;
  margin-top: -3px;
  width: 30px;
  line-height: 30px;
  text-align: center;
}
.pagination  li a,
.pagination  ul a{
  background: #ccc;
  color: #777;
  padding: 4px 10px;
  -webkit-transition: all .4s;
     -moz-transition: all .4s;
      -ms-transition: all .4s;
       -o-transition: all .4s;
          transition: all .4s;
}
.pagination  li a:hover{background: #308dcf; color: #FFF;}
.pagination  a:hover{background: #777;color: #ddd;}
.pagination  ul a.next-page{margin-right: 5px;}
.pagination  ul a.previous-page{margin-right: 1px;}


.footer-ad{
  clear: both;
  margin: 25px 0;
}
.single .footer-ad{margin: 50px 0;}

/* --- Media Queries --- */
@media (min-width: 40em) {
body { line-height: 1.5625; }
.text-tall { font-size: 1.3125em; }
h1 { font-size: 1.75em; }
#access select { display: none; }
}

@media all and (max-width: 40em) {
.nav { display: none; }
#access { background-color: transparent; }
}
@media all and (max-width: 30em) {
  #access:before{display: none;}
  header.home-post{position: static; background: transparent;}
  header.home-post h1{position: static; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px 0;}
  header.home-post h1 a{text-shadow: none; color: #333333;}
  img.post-thumb{opacity: 1;}
  article aside{width: 100%;}
  .home-avatar, .home-author-title{position: static;}
  .home-avatar .avatar{display: none;}
}
/* --- Print Styles --- */
@media print {
  * { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
  @page { margin: 0.5cm; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  a[href^="#"]:after { content: ""; }
  p, h1, h2, h3 { orphans: 3; widows: 3; }
  h1, h2, h3 { page-break-after: avoid; }
  pre, blockquote { border-color: #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
}


.tr-css-logo{
  position: relative;
  height: 100px; width: 300px;
  padding: 5px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.tr-css-logo .tr-circle{
  background: #308dcf;
  border: 1px solid #fff;
  height: 90px; width: 90px;
  overflow: hidden;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}
.tr-css-logo .tr-circle span.tr-text{
  font-weight: 500;
  color: #FFF;
  font-size: 139px;
  line-height: 90px;
  width: 90px;
  display: inherit;
  text-align: center;
  letter-spacing: -15px;
  margin-top: -8px;
  margin-left: -3px;
}
.top-menu-icon.fa{display: none;}

.annoucement{
  display: none;
  font-size: 13px;
  width: 100%;
  line-height: 25px;
  background: #f5f5f5;
}
.annoucement span.title{
  color: #F44336;
  text-transform: uppercase;
  font-weight: 700;
}
.annoucement span.text{
  font-weight: 500;
  padding-left: 10px;
}
.annoucement span.text a{
  font-weight: 500;
}
.annoucement span.btnclose{
  background: #308dcf;
  cursor: pointer;
  float: right;
  color: #FFF;
  width: 30px;
  text-align: center;
}

.error-page{
  padding: 20px;
  margin-bottom: 20px;
}
.error-page i{
  color: #F44336;
  float: left;
  margin-right: 10px;
  font-size: 50px;
}
.error-page span{
}

/************
  Team Page
 ************/
.page article.page{overflow: hidden;}
.page article.post-6344 li{margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #eee;}

.tr-team-page-1,
.tr-team-page-2{
  border: 1px solid #eee;
  position: relative;
  max-width: 350px;
  float: left;
  margin-right: 20px;
  margin-bottom: 80px;
  height: 452px;
  width: 100%;
  font-size: 14px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.tr-team-page-1{
  height: 295px;
  float: none;
  max-width: 100%;
  width: 100%;
  clear: both;
}

.tr-team-page-2:nth-child(even){margin-right: 0;}
.tr-team-page-2 .tp-avatar,
.tr-team-page-1 .tp-avatar{
  max-width: 160px;
  max-height: 160px;
  width: 100%;
  height: 100%;
  border: 7px solid #FFF;
  position: absolute;
  top: 10%; left: 28%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}
.tr-team-page-1 .tp-avatar{ left: 6%; top: 13%;}
.tr-team-page-2 .tp-header, .tr-team-page-1 .tp-header{height: 110px; overflow: hidden;width: 100%;}
.tr-team-page-1 .tp-header{height: 125px;}
.tr-team-page-2 .tp-header img, .tr-team-page-1 .tp-header img{width: 100%;}
.tr-team-page-2 .tp-info, .tr-team-page-1 .tp-info{
  text-align: center;
  padding: 0 30px;
  margin-top: 100px;
}
.tr-team-page-1 .tp-info{margin-top: 0; text-align: left;}

.tr-team-page-2 .tp-info h3,
.tr-team-page-1 .tp-info h3{font-size: 24px; color: #444; padding-top: 10px; text-transform: lowercase;}
.tr-team-page-1 .tp-info h3{margin-left: 28%;}
.tr-team-page-2 .tp-info h3 span.tagline,
.tr-team-page-1 .tp-info h3 span.tagline{font-size: 16px; display: block;}

.tr-team-page-2 .tp-info p,
.tr-team-page-1 .tp-info p{font-weight: 400; color: #666;line-height: 24px;}

.tr-team-page-2 button,
.tr-team-page-1 button,
.tr-team-page-themer button{
  margin: 0 auto;
  text-align: center;
  display: block;
  padding: 5px 20px;
  background: #fff;
  border: 1px solid #ddd;
  -webkit-transition: background 0.6s;
     -moz-transition: background 0.6s;
      -ms-transition: background 0.6s;
       -o-transition: background 0.6s;
          transition: background 0.6s;
}
.tr-team-page-2 button:hover,
.tr-team-page-1 button:hover,
.tr-team-page-themer button:hover{
  background: #eee;
}
.tr-team-page-themer{
  border: 1px solid #eee;
  max-width: 228px;
  height: 253px;
  margin: 0 20px 60px 0;
  padding: 10px;
  width: 100%;
  float: left;
  text-align: center;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.tr-team-page-themer:nth-child(3n-1){
  margin-right: 0;
}
.tr-team-page-themer h3{text-transform: lowercase;padding:0; margin: 0 0 10px;}
.tr-team-page-themer .author-img{
  margin: 0 auto;
  overflow: hidden;
  height: 130px;
  width: 130px;
  margin-bottom: 10px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}
.tr-team-page-themer p{}

.post-image{position: relative;}
span.edit-page{position: absolute; top: 0; left:0; padding: 0 5px; background: #fff; z-index: 999;}

#searchform{margin-bottom: 0;}

.related-posts{
  overflow: hidden;
  width: 100%;
  padding: 0 20px 20px;
  margin-top: 50px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.related-posts .row{
  width: 100%;
}
.related-posts .grid-3{
  background: #FFF;
  float: left;
  border: 1px solid #eee;
  overflow: hidden;
  max-width: 229px;
  width: 100%;
  font-size: 14px;
  margin-right: 20px;
  margin-bottom: 20px;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.related-posts .grid-3 a{font-weight: 400;}
.related-posts div.post{padding: 5px 10px 3px; min-height: 115px;}
.related-posts .grid-3:nth-child(3n){
  margin-right: 0;
}
.related-posts .post-footer{
  line-height: 25px;
  background: #eee;
  padding: 0 10px;
  font-size: 11px;
  color: #888;
  text-transform: uppercase;
}
.related-posts .post-footer ul{margin: 10px 0 0; list-style: none;overflow: hidden;}
.related-posts .post-footer li{font-weight: 600; float: left;width: 50%;}
.related-posts .post-footer li:last-child{text-align: right;}


@media screen and (max-width: 1024px) {
  .search_field{max-width: 270px;}
  .site-logo{width: 25%;}
  .top-advt{width: 75%;}
  .site-logo img{width: 100%;}
  ul.home-post-meta li{border-right: 1px solid #ddd;}
  ul.home-post-meta li div.home-author-name{position: inherit;}
  ul.home-post-meta li div.home-author-img{display: none;}
  .single article.post .social-share{position: static; margin: 0 20px 20px; width: 200px; height: 41px;}
  .single article.post .social-share li{float: left;}
  .single article.post .social-share li:last-child{visibility: visible;}
  .post-content{ margin-top: 0px;}
  .single article.post {margin-bottom: 25px;  }
  .tr-team-page-1 .tp-info h3{margin-left: 35%; margin-top: -8px;}
  .tr-team-page-1{height: 310px;}
  .tr-team-page-2{max-width: 271px; height: 560px;}
  .tr-team-page-2 .tp-avatar{left: 21%;}
  .tr-team-page-themer{max-width: 174px;}
}
@media screen and (max-width: 800px) {
  .site-logo, .top-advt{float: none; width: 100%; text-align: center;}
  .site-logo img{width: inherit;}
  .search_field{max-width: 100%;}
  ul.nav{display: none;}
  .search_field{display: inline;}
  ul.home-post-meta li div.home-author-img{display: inline;}
  ul.home-post-meta li div.home-author-name{position: absolute;}
  #secondary{max-width: 340px;}
  #access select{margin: 15px 0 10px; display: inline;}
  .tr-team-page-1 .tp-info h3{margin-left: 28%; margin-top: 0px; margin-bottom: 40px;}
  .tr-team-page-2{max-width: 327px; height: 452px;}
  .tr-team-page-2 .tp-avatar{left: 25%;}
  .tr-team-page-themer, .related-posts .grid-3{max-width: 212px;}
  .special-post li{width: 50%;}
}
@media screen and (max-width: 605px) {
  .fea-article{
    margin-bottom: 30px;
  }
  ul.home-post-meta li div.home-author-name{position: inherit;}
  ul.home-post-meta li div.home-author-img{display: none;}
  ul.home-post-meta li{padding: 10px 16px;}
  .tr-team-page-2{max-width: 100%; width: 100%;}
  .tr-team-page-themer{max-width: 156px;}
  .tr-team-page-2 .tp-avatar{left: 34%;}
  .tr-team-page-2 .tp-header img, .tr-team-page-1 .tp-header img{height: 100%;}
  .tr-team-page-1 .tp-info h3{margin-left: 38%; margin-top: 0px; margin-bottom: 15px;}
  img.no-scale{width: 100% !important;}
}
@media screen and (max-width: 480px) {
  .top-social, .top-menu{width: 100%; float: none; overflow: hidden; text-align: center;}
  .post-title a{font-size: 20px; line-height: 28px;}
  .home-post-tags{width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 18px;}
  ul.home-post-meta li,
  ul.home-post-meta li:first-child{ width: 50%; padding: 0 0 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #ddd; font-size: 11px;}
  ul.home-post-meta li:nth-child(2){border-right: none;}
  ul.home-post-meta{display: inherit; overflow: hidden; padding: 0;}
  .top-menu li{margin-left: 8px;}
  .top-menu li:first-child{margin-left: 0;}
  .top-menu ul{margin: 0;}
  .top-menu{display: none;}
  .top-menu-icon.fa{
    cursor: pointer;
    display: inherit;
    position: absolute;
    right: 15px;
    top: 0;
    width: 30px;
    line-height: 35px;
    text-align: center;
    margin-top: -5px;}
  #top-nav{position: relative;}
  .site-logo img{width: 60%; margin-bottom: 15px;}
  footer .copyright .copy, footer .copyright .license{float: none;text-align: left;}
  footer .copyright .license img{float: left;}
  footer p{font-size: 10px; line-height: 17px;}
  .pagination li:nth-child(n+8){display: none;}

  .author-info{text-align: center;}
  .author-info img.avatar{ float: none; margin: 0; }
  .author-info h6{margin: 0; padding: 0;}
  .author-info .author-description{padding: 0;}
  .author-wrap ul.author-social{ position: static; overflow: hidden; margin: 20px auto 0; display: table; }
  .search_field{display: inline;}

  .tr-team-page-themer{max-width: 100%;}
  .tr-team-page-2 .tp-avatar{left: 30%;}
  .tr-team-page-1{height: inherit; padding-bottom: 20px;}
  .tr-team-page-1 .tp-info h3{margin-left: 0%; margin-top: 36%; margin-bottom: 35px; text-align: center;}
  .tr-team-page-1 .tp-avatar{left: 50%; top: 10%; margin-left: -86px;}
  .tr-team-page-1 .tp-info{text-align: center;}
  .related-posts .grid-3{max-width: 100%;}
  .related-posts div.post{min-height: inherit;}
}
@media screen and (max-width: 320px) {
  ul.home-post-meta li, ul.home-post-meta li:first-child{width: 100%; font-size: 11px; padding: 0 20px;}
  .post-title a{font-size: 16px; font-weight: 500; line-height: inherit;}
  .pagination li:nth-child(n+6){display: none;}
  .download-counter h4{font-size: 32px;}
  .download-counter i{font-size: 38px; line-height: 45px;}
  .sidebar-android li img{float: none;margin-right: 0;}
  .widget-fb-page-card p{line-height: 18px;}
  .widget-fb-page-card .fb-pc-wrapper .fb-pc-dp{height: 65px; width: 65px; bottom: -32px;}
  .widget-fb-page-card .fb-pc-wrapper .fb-pc-title{padding-left: 96px; line-height: 15px;}
  .special-post li{width: 100%; padding: 10px; border-bottom-width: 1px;}
  .special-post li img{display: none;}
  .special-post li h3{padding: 0;}
  .evanto-card ul li{ width: 115px; height: 115px; }
  hr{margin: 1em auto;}
}
.wp-embedded-content{
  width: 100% !important;
}
.wp-embed-site-title{
  display: none;
}
.ae-ads{
  margin: 30px auto 0;
  width: 470px;
}
/* Gear Home Content */
.home-content{
  overflow: hidden;
  margin-bottom: 40px;
}
.home-content.seconday{margin-bottom: 60px;}
.home-content .gear-box{
  max-width: 240px;
  width: 100%;
  margin-right: 25px;
  background: #ffffff;
  border: 1px solid #eee;
  float: left;
  position: relative;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.home-content .gear-box:last-child{
  margin-right: 0;
}
.category-watchfaces .home-content .gear-box{
  margin-bottom: 35px;
}
.category-watchfaces .home-content .gear-box:nth-child(3n+3){
  margin-right: 0;
}
.home-content .gear-box .thumb{
  width: 238px;
  height: 290px;
  background: #FFF;
  position: relative;
}
.home-content .gear-box .thumb .gear-icon{
  width: 238px;
  height: 290px;
  position: absolute;
  top: 0;
  left: 0;
}
.home-content .gear-box .thumb .watchface{
  position: relative;
  top: 51%;
  left: 50%;
  border: none;
  -webkit-transform: translate(-50%, -51%);
     -moz-transform: translate(-50%, -51%);
      -ms-transform: translate(-50%, -51%);
       -o-transform: translate(-50%, -51%);
          transform: translate(-50%, -51%);
}
.home-content .gear-box .article h2{
  font-size: 14px;
  padding: 20px 15px;
  margin-bottom: 0;
  line-height: 20px;
  min-height: 100px;
  box-sizing: border-box;
}
.home-content .gear-box .article h2 a{
  font-weight: 400;
}
.home-content .gear-box a.gear-action{
  background: #308DCF;
  color: #FFFFFF;
  text-align: center;
  padding: 5px 0;
  width: 100%;
  display: inline-block;
}
.home-content .gear-box a.gear-action:hover{
  background: #005580;
}

.home-center-slot{
  margin: 80px 0;
  overflow: hidden;
}

.home-wear-loadmore{
  overflow: hidden;
  margin: 90px auto;
  text-align: center;
}
.home-wear-loadmore a{
  background: #333;
  color: #FFF;
  padding: 10px 35px;
  overflow: hidden;
  display: inline-block;
  -webkit-transition: background 0.3s;
     -moz-transition: background 0.3s;
      -ms-transition: background 0.3s;
       -o-transition: background 0.3s;
          transition: background 0.3s;
}
.home-wear-loadmore a:hover{
  background: #999;
}

.post-content{ position: relative;}
.watch-right{
  max-width: 300px;
  width: 100%;
  overflow: hidden;
  float: left;
  margin-right: 20px;
}
.body-image{
  overflow: hidden;
  height: 350px;
  max-width: 300px;
  width: 100%;
  background: #f5f5f5;
  margin-bottom: 40px;
  position: relative;
}
.body-image .gear-icon{
  width: 300px;
  height: 350px;
  position: absolute;
  top: 0;
  left: 0;

}
.body-image .watchface{
  width: 205px;
  height: 205px;
  position: relative;
  top: 50%;
  left: 50%;
  border: none;
  overflow: hidden;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.body-thecontent{
  overflow: hidden;
}
.watchface-price{
  max-width: 48%;
  width: 100%;
  margin-right: 4%;
  background: #555;
  text-align: center;
  /* padding: 0; */
  box-sizing: border-box;
  color: #FFF;
  font-weight: 300;
  font-size: 22px;
  float: left;
  height: 44px;
  line-height: 44px;
}
.watchface-price.dload{
  margin-right: 0;
  font-size: 18px;
  background: #308dcf;
}
.sales-price{
  font-size: 14px;
  text-decoration: line-through;
  color: #CC0;
}
.sales-icon{
  position: absolute;
  top: 0;
  right: 0;
  background: #CC0000;
  color: #FFF;
  padding: 10px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  line-height: 30px
}
.body-thecontent ul{
  color: #666;
  margin-left: 0;
}
.body-thecontent ul li{
  list-style: initial;
  margin-left: 3.5em;
}
.body-thecontent ul li strong{
  color: #666;
}
.body-thecontent ul li:first-child{
  margin-left: 1.2em;
  list-style: none;
}
h3.section-title{
  padding-top: 0;
  color: #1c659c;
}
@media screen and (max-width: 480px) {
  .container{padding: 0 5px;}
  .watch-right{ float: none;}
}
@media screen and (max-width: 320px) {
  .container{padding: 0 5px;}
  .watch-right{ float: none;}
}

.nice_number_tag{
    font-size: 34px;
}
#gs_id50{
	margin-bottom: 0;
}
.gsc-search-button{
	display: none;
}