* { padding:0; margin:0; outline:0; }

@font-face {
    font-family: 'helvetica';
    src: url('fonts/helveticaneue-boldcond-webfont.eot');
    src: url('fonts/helveticaneue-boldcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneue-boldcond-webfont.woff') format('woff'),
         url('fonts/helveticaneue-boldcond-webfont.ttf') format('truetype'),
         url('fonts/helveticaneue-boldcond-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

span.best {
  color: #00cc33;
}

span.good {
  color: #66cc33;
}

span.natural {
  color: #666666;
}

span.bad {
  color: #ff66cc;
}

span.worst {
  color: #ff00cc;
}

span.effector {
  color: #0000cc;
  font-style: italic;
}

#newsType {
  float: left;
  margin-top: -80px;
  margin-left: 10px;
}


body {
	background:;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 15px;
	line-height: 18px;
	color: #555;
}

#detail-down {
  width: 20px;
  height: 20px;
  display: block;
  margin-top: 6px;
  background-image: url('/images/arrow-down.png');
  background-repeat: no-repeat;
  background-size: 20px 20px;
}

#detail-down:hover {
  background-image: url('/images/arrow-down-active.png');
  background-repeat: no-repeat;
  background-size: 20px 20px;
}

#detail-up {
  width: 20px;
  height: 20px;
  display: block;
  margin-top: 6px;
  background-image: url('/images/arrow-up.png');
  background-repeat: no-repeat;
  background-size: 20px 20px;
}

#detail-up:hover {
  background-image: url('/images/arrow-up-active.png');
  background-repeat: no-repeat;
  background-size: 20px 20px;
}

#keyword-research {
  width: 16px;
  height: 16px;
  display: block;
  background-image: url('/images/keyword-16.png');
  background-repeat: no-repeat;
  background-size: 16px 16px;
}

#keyword-research:hover {
  background-image: url('/images/keyword-active-16.png');
  background-repeat: no-repeat;
  background-size: 16px 16px;
}



.scrollable-menu {
  height: auto;
  max-height: 200px;
  overflow-x: hidden;
}


input, textarea, select { font-family: 'Open Sans', Arial, sans-serif; font-size: 11px; }

a img { border:0; }

a { color: #1479b3; text-decoration: none; cursor:pointer; transition: color 1000ms, background-color 1000ms, opacity 1000ms; -webkit-transition: color 1000ms, background-color 1000ms, opacity 1000ms; }
a:hover { color: #000; transition: color 300ms, background-color 300ms, opacity 300ms; -webkit-transition: color 300ms, background-color 300ms, opacity 300ms; }

a img { transition: color 1000ms, background-color 1000ms, opacity 1000ms; -webkit-transition: color 1000ms, background-color 1000ms, opacity 1000ms; }
a:hover img { transition: color 300ms, background-color 300ms, opacity 300ms; -webkit-transition: color 300ms, background-color 300ms, opacity 300ms;}
a:hover img { opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity=60); }

.left, .align-left { float:left; display:inline; }
.right, .align-right { float:right; display:inline; }

.clearfix,
.tabs-nav ul,
.top,
.tab-top-options ul,
.search-sort,
.sidebar-head,
.post-rates ul,
.chart-head,
.pagging ul,
.post-rates,
.big-search-holder,
.mobile-tabs-nav,
.charts-head,
.personal-charts-head,
.tabs-info ul,
.mobile-head-opt,
.stats-wrapper p,
.navigation ul { *zoom: 1; }
.login ul { *zoom: 1; }
.mobile-head-opt:after,
.chart-head:after,
.mobile-tabs-nav:after,
.charts-head:after,
.charts-stats li:after,
.sidebar-head:after,
.personal-charts-head:after,
.big-search-holder:after,
.post-rates:after,
.search-sort:after,
.pagging ul:after,
.tabs-info ul:after,
.post-rates ul:after,
.tab-top-options ul:after,
.tabs-nav ul:after,
.stats-wrapper p:after,
.clearfix:after,
.top:after,
.navigation ul:after { width: 100%; content: ''; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; display: block; }
.login ul:after { width: 100%; content: ''; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; display: block; }

h1.logo { font-size:0; line-height:0; width: 209px; top: 28px; left: 2px; margin: 0; }
h1.logo a { display: block; height: 46px; text-indent: -4000px; background: url(/images/logo.png); }
h1.logo a:hover { opacity: 0.70; }
h2 { font-size: 36px; line-height: 40px; font-weight: 300; color: #666; }
h3 { font-size: 24px; line-height: 28px; font-weight: 300; color: #666; }
h4 { font-size:; line-height:; }
h5 { font-size:; line-height:; }

html { height: 100%; }
.wrapper { min-height: 100%; height: auto !important; height: 100%;	margin: 0 auto -89px; }
.push {	height: 89px; }

.shell { width:; margin:0 auto; }

/* sindex */
#kwdResult { padding-left: 15px; color: #1479b3; }

/* top */
.top { background-color: #6f6f6f; }
.top .buttons { float: right; }
.navigation { float: left; }
.navigation ul { list-style-type: none; margin-bottom: 0; }
.navigation ul li { float: left; }
.navigation ul li span { display: block; color: #fff; text-decoration: none; padding: 13px; font-weight: 300; cursor: pointer; }
.navigation ul li.link span:hover { text-decoration: underline; color: #ddd; background-color: #888888; }
.navigation ul li.active span { background-color: #999999; color: #fff; text-decoration: none; }
.navigation ul li a { display: block; color: #fff; text-decoration: none; padding: 13px; font-weight: 300; }
.navigation ul li a:hover { text-decoration: underline; color: #ddd; background-color: #888888; }
.navigation ul li.active a { background-color: #999999; color: #fff; text-decoration: none; }
.navigation ul li.active a:hover { text-decoration: underline; background-color: #888888; }

.login { float: right; }
.login ul { list-style-type: none; margin-bottom: 0; }
.login ul li { float: left; }
.login ul li span { display: block; color: #fff; text-decoration: none; padding: 13px; font-weight: 300; cursor: pointer; }
.login ul li.link span:hover { text-decoration: underline; color: #ddd; background-color: #888888; }
.login ul li.active span { background-color: #999999; color: #fff; text-decoration: none; }
.login ul li a { display: block; color: #fff; text-decoration: none; padding: 13px; font-weight: 300; }
.login ul li a:hover { text-decoration: underline; color: #ddd; background-color: #888888; }
.login ul li.active a { background-color: #999999; color: #fff; text-decoration: none; }
.login ul li.active a:hover { text-decoration: underline; background-color: #888888; }


#news-submenu { position: absolute; list-style: none; background-color: #888888; display: none; list-style-type: none; margin-bottom: 0; }
#news-submenu li { float: left; }
#news-submenu li span { display: block; color: #fff; text-decoration: none; padding: 13px; font-weight: 300; cursor: pointer; }
#news-submenu li.link span:hover { text-decoration: underline; color: #ddd; background-color: #888888; }
#news-submenu li.active span { background-color: #999999; color: #fff; text-decoration: none; }
#news-submenu li a { display: block; color: #fff; text-decoration: none; padding: 13px; font-weight: 300; }
#news-submenu li a:hover { text-decoration: underline; color: #ddd; background-color: #888888; }
#news-submenu li.active a { background-color: #999999; color: #fff; text-decoration: none; }
#news-submenu li.active a:hover { text-decoration: underline; background-color: #888888; }

#sindex-submenu { position: absolute; list-style: none; background-color: #888888; display: none; list-style-type: none; margin-bottom: 0; }
#sindex-submenu li { float: left; }
#sindex-submenu li span { display: block; color: #fff; text-decoration: none; padding: 13px; font-weight: 300; cursor: pointer; }
#sindex-submenu li.link span:hover { text-decoration: underline; color: #ddd; background-color: #888888; }
#sindex-submenu li.active span { background-color: #999999; color: #fff; text-decoration: none; }
#sindex-submenu li a { display: block; color: #fff; text-decoration: none; padding: 13px; font-weight: 300; }
#sindex-submenu li a:hover { text-decoration: underline; color: #ddd; background-color: #888888; }
#sindex-submenu li.active a { background-color: #999999; color: #fff; text-decoration: none; }
#sindex-submenu li.active a:hover { text-decoration: underline; background-color: #888888; }

#logout-submenu { position: absolute; list-style: none; background-color: #888888; display: none; list-style-type: none; margin-bottom: 0; }
#logout-submenu li { float: left; }
#logout-submenu li span { display: block; color: #fff; text-decoration: none; padding: 13px; font-weight: 300; cursor: pointer; }
#logout-submenu li.link span:hover { text-decoration: underline; color: #ddd; background-color: #888888; }
#logout-submenu li.active span { background-color: #999999; color: #fff; text-decoration: none; }
#logout-submenu li a { display: block; color: #fff; text-decoration: none; padding: 13px; font-weight: 300; }
#logout-submenu li a:hover { text-decoration: underline; color: #ddd; background-color: #888888; }
#logout-submenu li.active a { background-color: #999999; color: #fff; text-decoration: none; }
#logout-submenu li.active a:hover { text-decoration: underline; background-color: #888888; }

#login-submenu { position: absolute; list-style: none; background-color: #888888; display: none; list-style-type: none; margin-bottom: 0; }
#login-submenu li { float: left; }
#login-submenu li span { display: block; color: #fff; text-decoration: none; padding: 13px; font-weight: 300; cursor: pointer; }
#login-submenu li.link span:hover { text-decoration: underline; color: #ddd; background-color: #888888; }
#login-submenu li.active span { background-color: #999999; color: #fff; text-decoration: none; }
#login-submenu li a { display: block; color: #fff; text-decoration: none; padding: 13px; font-weight: 300; }
#login-submenu li a:hover { text-decoration: underline; color: #ddd; background-color: #888888; }
#login-submenu li.active a { background-color: #999999; color: #fff; text-decoration: none; }
#login-submenu li.active a:hover { text-decoration: underline; background-color: #888888; }


.top .buttons { float: right; margin: 0; }
.top .buttons a { display: block; color: #ededed; font-weight: 300; margin: 13px 16px 13px 13px; }
.top .buttons a:hover { text-decoration: underline; color: #ddd; }

/* section-search */
.section-search { padding: 45px 0 50px 0; }
.section-search .search-holder { margin-top: 6px; position: relative;  }
.section-search .button-submit { position: absolute; top: 0; right: 0; }
.section-search .field { padding-right: 55px; height: 46px; }
.section-search .select-holder { margin-top: 6px; }
.section-search .field-holder { margin-top: 6px; }

.field { width: 100%; border: 1px solid #e1e1e1; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; font-size: 22px; line-height: 24px; font-weight: 300; color: #666; padding: 10px 14px; box-shadow: inset 0px 0px 0px; -moz-box-shadow: inset 0px 0px 0px; -webkit-box-shadow: inset 0px 0px 0px; -o-box-shadow: inset 0px 0px 0px; }


.button-submit { border: 0; background: url(/images/button-submit.png) no-repeat 0 0; width: 46px; height: 46px; cursor: pointer; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; font-size: 0; line-height: 0; text-indent: -4000px; } 
.button-submit:hover { background-image:url(/images/button-submit-hover.png);  }
.button-submit:active { background-image:url(/images/button-submit-active.png);  }


.chosen-container { width: 100%!important; }
.chosen-container-single .chosen-single { background: #fff;  box-shadow: none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px; border: 0; color: #5c5c5c; font-size: 14px; line-height: 17px; border: 1px solid #d1d1d1; overflow: visible; height: auto; padding: 12px 43px 12px 8px; }


.chosen-container .chosen-drop { background-color: #ededed; color: #fff; border-top: 1px solid #aaa;  }
.chosen-container-active.chosen-with-drop .chosen-single { background: #fff!important; }
.chosen-container-single .chosen-single span { margin-right: 0; }
.chosen-container-single .chosen-single div { width: 42px; background: url(/images/select-arr.png) no-repeat center center!important;  }
.chosen-container-active .chosen-single div { width: 42px; background: url(/images/select-arr-active.png) no-repeat center center!important;  }
.chosen-container-single .chosen-single b { background: center center; }
.chosen-container .chosen-drop .highlighted {  color: #3a3a3a; background-color: #cacbcc!important; }
.chosen-container .chosen-drop .highlighted.result-selected,
.chosen-container .chosen-drop .result-selected { background-color: none!important; }
.chosen-container .chosen-results li.active-result.highlighted { color: #3a3a3a;}
.chosen-container .chosen-results { margin: 0; padding: 0; }
.chosen-container .chosen-results li { color: #3a3a3a; padding: 8px; font-size: 14px; }
.chosen-container .chosen-results li.highlighted:hover { color: #7c7c7c; }

.select-holder-checks .chosen-container-single .chosen-single { padding-top: 14px; padding-bottom: 13px; }
.select-holder-checks .chosen-container-single .chosen-single span { background: url(/images/radio-top.png) no-repeat 0 1px; padding-left: 21px; }
.select-holder-checks .chosen-container .chosen-results li { background: url(/images/radio-def.png) no-repeat 8px 8px; padding-left: 32px; }
.select-holder-checks .chosen-container .chosen-results li:hover { background-image: url(/images/radio-hover.png) ; }
.select-holder-checks .chosen-container .chosen-results li:active { background-image: url(/images/radio.png) ; }
.select-holder-checks .chosen-container .chosen-results li.result-selected { background-image: url(/images/radio.png) ; }
.select-holder-checks .chosen-container .chosen-results li.highlighted:hover { color: #7c7c7c; }

.button { display: block; text-align: center; background-color: #2c96d3; color: #ffffff; padding: 10px 0 13px 0; }
.button:hover { background-color: #30a5e8; color: #fff; text-decoration: none; }
.button:active { background-color: #1782bf; color: #fff; text-decoration: none; }

/* head-options */
.head-options { border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; background-color: #f2f2f2; padding: 16px 0 39px 0; }
.page-title h2 { margin: 0; padding-bottom: 22px; }
.head-options .field { padding-top: 9px; padding-bottom: 8px; }

/* filters */
.filters { padding: 36px 0 25px 0; }
.ui-datepicker-trigger { display: none; }
.datepicker { font-size: 14px; color: #7c7c7c; font-weight: normal; background: url(/images/ico-cal.png) no-repeat right -5px #fff; width: 100%; text-align: left;}
.datepicker:hover { background-image:url(/images/ico-cal-active.png); }
.ui-datepicker { border: 1px solid #e1e1e1; width: 230px; padding-bottom: 10px; background-color:#fff;  }
.ui-datepicker .ui-datepicker-header { background-color: #fff; border-bottom: 1px solid #e1e1e1; }
.ui-datepicker .ui-datepicker-title { font-size: 14px; font-family: 'Open Sans', arial, serif; color: #7c7c7c; margin-top: 9px; margin-bottom: 9px; }
.ui-datepicker th { background: #fff; font-size: 12px; font-family: 'Open Sans', arial, serif; color: #7c7c7c; border: 0; padding-top: 9px; }
.ui-datepicker td { background: #fff; font-size: 12px; font-family: 'Open Sans', arial, serif; color: #7c7c7c; border: 0; }
.ui-datepicker td .ui-state-default { color: #7c7c7c; }
.ui-datepicker td .ui-state-active, .ui-datepicker td .ui-state-hover { background-color: #e1e1e1; }

.ui-datepicker .ui-datepicker-next span { background: url(/images/arr-next.png) no-repeat 0 center; margin-top: 6px; }
.ui-datepicker .ui-datepicker-prev span { background: url(/images/arr-prev.png) no-repeat right center; margin-top: 6px; }
.ui-datepicker .ui-datepicker-next:hover,
.ui-datepicker .ui-datepicker-prev:hover { background-color: transparent!important; }


/* tabs */
.tabs { border-top: 1px solid #e3e3e3; padding-top: 3px; padding-bottom: 63px; }
.tabs2 { padding-bottom: 0; }
.tabs-nav { padding-top: 5px; }
.tabs-nav > ul { list-style-type: none; margin-bottom: 0; padding-top: 11px; }
.tabs-nav > ul li { float: left; padding-right: 9px; }
.tabs-nav > ul li a { display: block; border: 1px solid #e3e3e3; border-bottom: 0; color: #555; font-size: 15px; width: 126px; text-align: center; padding: 7px 0 9px 0; background-color: #f2f2f2; border-radius: 2px 2px 0 0 ; }
.tabs-nav > ul li.active a { background-color: #fff; border-bottom: 1px solid #fff; position: relative; margin-bottom: -1px; color: 333; font-weight: bold; text-decoration: none; }
.tab { position: absolute; left: -9999px; top: -99px; }
.tab.active { position: relative; top: 0; left: auto; }
.tab h3 { padding-bottom: 17px; }

.tabs-nav > ul li input { display: block; border: 1px solid #e3e3e3; border-bottom: 0; color: #555; font-size: 15px; width: 146px; text-align: center; padding: 7px 0 9px 0; background-color: #f2f2f2; border-radius: 2px 2px 0 0 ; }
.tabs-nav > ul li.active input { background-color: #fff; border-bottom: 1px solid #fff; position: relative; margin-bottom: -1px; text-decoration: none; }



.stats-wrapper { list-style-type: none; padding-bottom: 25px; }
.stats-wrapper li { padding-bottom: 10px; }
.stats-holder { display: block; background-color: #f2f2f2; position: relative; height: 11px; margin-top: -6px; margin-bottom: 6px; }
.stats { background-color: #feb832; position: absolute; top: 0; bottom: 0; left: 0; }
.stats-wrapper-purple .stats { background-color: #c175c6; }
.stats-wrapper-green .stats { background-color: #58be58; }
.stats-wrapper-red .stats { background-color: #fc675e; }

.stats-wrapper p span { float: left; font-size: 15px; }
.stats-wrapper p span + span { float: right; }

/* footer */
.footer { border-top: 1px solid #e3e3e3; font-size: 15px; font-weight: 300; padding: 30px 0; }
.foot-nav { float: left; }
.foot-nav a { color: #5c5c5c; margin-right: 16px; }
.foot-nav a:hover { color: #30a5e8; text-decoration: none; }
.foot-nav a:active { color: #1782bf; }
.copyright { float: right; }

.section-search2 { padding-bottom: 10px; }
.tabs-info { padding-bottom: 5px; }
.tabs-info ul { list-style-type: none; margin-bottom: 0; }
.tabs-info ul li { float: left; font-size: 14px; padding-right: 30px; }
.tabs-info ul li strong { font-weight: 600; }
.ico-plus { background: url(/images/ico-small-plus.png) no-repeat center center #f0f0f0; display: inline-block; width: 12px; height: 10px; margin: 0 6px 0 3px; }
.ico-minus { background: url(/images/ico-small-minus.png) no-repeat center center #f0f0f0; display: inline-block; width: 12px; height: 10px; margin: 0 6px 0 3px; }

.tab-top-options ul { list-style-type: none; padding: 14px 0 7px 0; margin: 0; }
.tab-top-options li { float: left; min-width: 42px; }
.tab-top-options li a { display: block; }
.tab-top-options li a:hover { opacity: 0.70; }
.ico-list { background: url(/images/doc-16.png) no-repeat 0 0; width: 16px; height: 16px; display: inline-block; }
.ico-key { background: url(/images/key-16.png) no-repeat 0 0; width: 16px; height: 16px; display: inline-block; }

.post-rates ul { list-style-type: none; margin: 0 0 3px 0; }
.post-rates li { float: left; background-color: #f0f0f0; min-width: 30px; padding: 0 1px; margin-right: 6px; }
.post-rates i { width: 6px; height: 6px; float: left; background-position: center center; margin: 2px; }
.ico-small-plus { background-image:url(/images/ico-small-plus.png);  }
.ico-small-minus { background-image:url(/images/ico-small-minus.png);  }
.ico-small-dot { background-image:url(/images/ico-small-dot.png);  }

/* post */
.posts { padding-bottom: 32px; }
.post { border-bottom: 1px solid #f0f0f0; padding-bottom: 11px; margin-bottom: 12px; padding-right: 140px; }
.post:first-child { margin-top: 0; padding-top: 0;  }
.post h3 { font-size: 20px; font-weight: 400; color: #15c; margin: 0; padding: 0; line-height: 22px; height: 25px; overflow: hidden; }
.post h3 a { color: #15c; font-weight: 400; }
.post h3 a:hover { color: #000; text-decoration: none; }
.post h3 a:visited { color: #609; }
.post .post-meta { color: #999999; }
.post .post-meta a { color: #999999; }
.post p { padding: 0; margin: 0; color: #555555; }
.post .buttons { overflow: hidden; height: 20px; }
.post .buttons a { color: #7cae6d; }

.tabs2 .pagging { padding-bottom: 63px; }
.pagging ul { margin: 0; list-style-type: none; }
.pagging ul li { float: left; }
.pagging ul li a { display: block; font-weight: 300; color: #1479b3; border: 1px solid transparent; padding: 5px 10px 6px 8px; }
.pagging ul li.active a { border: 1px solid #e3e3e3; padding: 5px 10px 6px 11px; margin: 0 6px; color: #737373; text-decoration: none; }
.pagging ul li.active:first-child a { margin-left: 0; }

.search-sort { padding-top: 17px; }
.search-sort p { float: left; font-size: 14px; font-weight: 600; color: #5f5f5f; padding-right: 10px; }
.search-sort ul { list-style-type: none; float: left; }
.search-sort ul li { float: left; padding-left: 24px; }
.search-sort ul li a { display: block; font-weight: 300; color: #7c7c7c; background: url(/images/arr-gray.png) no-repeat right 7px; padding: 0 15px 0 0; font-size: 15px; }

.section-search3 { border-bottom: 1px solid #e3e3e3; padding-bottom: 32px; }
.section-search3 h1.logo { margin-top: 17px; }

.sidebar-head { background-color: #f2f2f2; padding: 86px 20px 15px 0; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; }
.sidebar-head-options { float: left; }
.sidebar-head-options ul { margin-bottom: 0; list-style-type: none; }
.sidebar-head-options ul li { margin-bottom: 0; display: inline; padding: 0 9px 0 24px; }
.sidebar-head-filter { float: right; }
.sidebar-head-filter p { margin: 0; }
.sidebar-head-filter p a { font-weight: bold; color: #555555; background: url(/images/arr-gray2-top.png) no-repeat right 7px; padding: 0 27px 0 0; font-size: 14px; }

.tabs-wrapper2 .tabs-info { padding-top: 14px; }

.sidebar { border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; position: relative; top: -24px; padding-top: 20px; }
.sidebar-list { padding: 16px 14px 13px 14px; border-top: 1px solid #e3e3e3; cursor: pointer; }
.sidebar-list .post-rates ul { margin-bottom: 0; }
.sidebar-list:first-child { border-top: 0; }
.sidebar-list-content h3 { font-size: 15px; font-weight: normal; margin: 0; line-height: 20px;}
.sidebar-list-content h3 span { float: right; }
.sidebar-list.active { border-left: 5px solid #15c; padding-left: 9px; border-right: 1px solid #fff; margin-right: -1px; padding-right: 15px; }
.sidebar-list.active h3 { color: #333; font-weight: bold; }
.sidebar-list.active .post-rates li { background-color: #9fba26; }
.sidebar-list.active .post-rates li + li { background-color: #d8555e; }
.sidebar-list.active .ico-small-plus { background-image:url(/images/ico-small-plus-white.png); }
.sidebar-list.active .ico-small-minus { background-image:url(/images/ico-small-minus-white.png); }

.tab2 .post { padding-right: 0; }
.tab2 .post  { margin-bottom: 12px; padding-bottom: 11px; border-bottom: 1px solid #e3e3e3; border-top: 0; }
.tab2 .post h3 { padding-bottom: 10px; }
.tab2 .post h3 a { text-decoration: underline; }
.tab2 .post h3 a:hover { color: #30a5e8; }
.tab2 .post h3 a:active { text-decoration: none; color: #1782bf; }
.tab2 .post p { padding-bottom: 10px; }
.tab2 .post-rates { padding-bottom: 6px; }
.tab2 .post-rates ul { float: left; }
.tab2 .post-rates p { float: left; margin: 0; font-size: 14px; line-height: 16px; color: #a0a0a0; font-weight: 300; margin-top: -4px; padding: 0; }
.tab2 .post-rates p span { margin: 0 7px; }
.tab2 .post-rates .themes { float: right; }

.post-rates ul { float: left; margin-top: 5px; }
.post-rates p span { display: inline-block; width: 40px; font-size: 12px; }
.post-rates p .positive { color: #95b20e; }
.post-rates p .negative { color: #d4434d; }

.tabs-info .last { float: right; padding: 0; }
.tabs-info .last a { color: #a9a9a9; }
.tabs-info .last span { margin: 0 7px; color: #a9a9a9; }
.tabs-info .last a.active { color: #555555; text-decoration: underline;}

.tab3 .post { padding-right: 0; padding-bottom: 15px; margin-bottom: 15px; }

.big-search-holder { border: 1px solid #c5c5c5; padding: 29px 26px; }
.big-search-holder .field-holder { float: left; width: 455px; }
.big-search-holder .select-holder { width: 156px; float: left; margin-left: 30px; }
.big-search-holder .submit-holder { float: right; }

.select-holder-checks2 .chosen-container-single .chosen-single div { background: url(/images/arr-blue.png) no-repeat 0 center!important; width: 22px; }
.select-holder-checks2 .chosen-container-single .chosen-single { padding-right: 25px; }

.big-search-wrapper { padding: 100px 0 100px 0; }
.big-search-wrapper h1.logo { width: 230px; margin: 0 auto 30px auto; }
.big-search-wrapper h1.logo a { background: url(/images/logo2.png) no-repeat 0 0; height: 95px; }

.field-gray { background-color: #dadbdc; border-color: #dadbdc; }

.refresh-time p { margin: 0; color: #7c7c7c; font-size: 14px; }

.personal-charts-head { border-top: 1px solid #e3e3e3; padding: 42px 0 0 0;  }
.button-delete { color: #7c7c7c; background: url(/images/button-remove.png) no-repeat right 2px; padding: 0 32px 2px 0; }

.delete-snapshot { display: block; color: #666; text-decoration: none; font-weight: 300; cursor: pointer; }
.delete-snapshot:hover { text-decoration: underline; color: #333; }
.personal-charts-head .button-delete { float: right; font-size: 16px; line-height: 24px; margin-top: 10px; }
.personal-charts-nav { float: left; }
.personal-charts-nav ul { list-style-type: none; border: 1px solid #e1e1e1; border-radius: 2px; height: 41px; }
.personal-charts-nav ul li { float: left; min-width: 235px; }
.personal-charts-nav ul li:first-child { border-right: 1px solid #e3e3e3; min-width: 134px; }
.personal-charts-nav ul li a { display: block; font-size: 16px; color: #7c7c7c; padding: 10px 12px 11px 12px; }
.personal-charts-nav ul li.active a { font-weight: 600; background-color: #f2f2f2; text-decoration: none; }

.personal-charts-content { padding-bottom: 0px; }

.field-small { font-size: 16px; padding-left: 15px; font-weight: normal; color: #7c7c7c; padding-top: 8px; padding-bottom: 9px; }
.personal-charts-options { border-bottom: 1px solid #e3e3e3; padding-bottom: 40px; margin-bottom: 40px; }
.personal-charts-options .chosen-container-single .chosen-single { font-size: 16px; padding-left: 16px; line-height: 22px; padding-top: 10px; padding-bottom: 10px;}
.personal-charts-options .field { margin-bottom: 30px; }
.group-name { border-style: hidden;}

.personal-charts-actions { padding-bottom: 70px; }

.tabs-nav2 { padding-top: 74px; }

.charts-head { border-bottom: 1px solid #e3e3e3; padding: 23px 0 25px 0; margin-bottom: 34px;}
.charts-title { float: left; }
.charts-title h2 { font-size: 36px; line-height: 40px; margin: 0; }

.charts-stats { float: right; }
.charts-stats ul { list-style-type: none; }
.charts-stats li { float: left; padding-left: 40px; }
.charts-stats li p { float: left; margin: 0; width: 100px; }
.charts-stats li p span { display: block; }
.charts-stats li h2 { float: left; margin: 0; font-size: 34px; line-height: 38px; color: #2c96d3; }

.chart-head { padding-bottom: 33px; overflow: hidden; }
.chart-title { float: left; }
.chart-title h2 { font-size: 24px; line-height: 28px; margin: 0; }
.chart-legend { float: right; padding-top: 7px; }
.chart-legend ul { list-style-type: none; }
.chart-legend li { float: left; padding-left: 20px; }
.chart-legend i { width: 13px; height: 13px; display: inline-block; position: relative; top: 1px; margin-right: 9px;  }
.chart-legend .ico-red { background-color: #fc6f66; }
.chart-legend .ico-green { background-color: #58be58; }
.chart-legend .ico-yellow { background-color: #ffc048; }
.chart-legend .ico-purple { background-color: #c175c6; }

.chart-content { margin-top: -50px; }

.mine
.mobile-head-opt,
.mobile { display: none; }

.chart-content { padding-bottom: 46px; }


@media only screen and ( max-width : 1200px ) { 
	.big-search-holder .field-holder { width: 325px; }
	.search-sort ul li { padding-left: 20px; }
	.search-sort ul li:first-child { padding-left: 0; }

}

@media only screen and ( max-width : 991px ) { 
	.section-search h1.logo { width: 100%; margin-top: 10px; height: 36px; }
	.section-search h1.logo a { background-size: 100%;  background-repeat: no-repeat;}
	.head-options .select-holder { margin-bottom: 20px; }

	.filters .buttons { margin-top: 20px; }
	.tabs-nav > ul li a { width: 120px; }
	.stats-title-inner { font-size: 16px; padding-bottom: 0; }

	.select-holder-checks .chosen-container-single .chosen-single { line-height: 20px; padding-bottom: 10px;}
	.search-sort ul { margin-left: -10px; }
	.search-sort ul li { padding-left: 10px;  }
	.search-sort ul li a { font-size: 13px; }
	.section-search3 { padding-bottom: 20px; }

	.sidebar-list-content h3 { font-size: 13px; }
	.tabs-nav-tablet { padding-top: 28px; }
	.tabs-nav2 { padding-top: 65px; }
	.tabs-info ul li { padding-right: 5px; font-size: 11px; }

	.sidebar-head { padding-top: 49px; }
	.sidebar-head-options { float: none; margin-bottom: 10px; }
	.sidebar-head-filter { float: none; text-align: center; padding-left: 20px; }

	.post { padding-right: 0; }

	.big-search-holder .field-holder { width: 405px; }

	.field-gray { padding-top: 7px; padding-bottom: 7px; }

	.chart-title h2 { font-size: 16px; }
	.chart-legend li { padding-left: 10px; font-size: 12px; }
	.chart-legend i { margin-right: 5px; }

	.chart-content img,
	.personal-charts-content img { width: 100%; display: block; height: auto; }
	.charts-title h2 { font-size: 26px; }
	.charts-stats li { padding-left: 20px; }
	.charts-stats li p { width: 80px; }
	.charts-stats li h2 { font-size: 30px; padding-left: 10px; }
}

@media only screen and ( max-width : 767px ) { 
	.wrapper { margin-bottom: -55px; }
	.push { height: 54px; }
	.mobile { display: block; }
	.desktop { display: none; }

	.top { height: 50px; background-image:url(/images/sindex-logo.png); background-size: 150px; background-position: center 12px; background-repeat: no-repeat; }
	.pic .top { background-image:url(/images/logo-pic.png); background-size: 115px; }
	.stats-page .top { background-image:url(/images/logo-stats.png); background-size: 131px; }
	.search-page .top { background-image:url(/images/logo-blogs.png); background-size: 76px; }
	.search-page2 .top { background-image: none; }
	.blogs .top { background-image:url(/images/lgoo-blogs.png); background-size: 130px; }
	.twitt-page .top { background-image:url(/images/logo-twitt.png); background-size: 149px; }
	.top .buttons { display: none; }
	.navigation { float: none; }
	.navigation ul { position: absolute; top: 50px; right: 0; width: 100%; z-index: 9999; background-color: #7f7f7f; display: none; }
	.navigation ul li { float: none; }
  .login { float: none; }
	.login ul { position: absolute; top: 50px; right: 0; width: 100%; z-index: 9999; background-color: #7f7f7f; display: none; }
	.login ul li { float: none; }
	.back-button { background: url(/images/back-arr.png) no-repeat 0 0; width: 10px; height: 17px; background-size: 10px; float: left; margin: 16px 0 0 0; }
	.menu-button { background: url(/images/menu-button.png) no-repeat 0 0; width: 24px; height: 16px; background-size: 22px; float: right; margin: 17px 0 0 0; }

	h1.logo { display: none; }

	.section-search { padding: 20px 4px; }
	.section-search .field { background-color: #f3f4f6; height: 44px; }

	.field { font-size: 21px; font-weight: normal; border-width: 2px; }
	.button-submit { background: url(/images/ico-search-mob.png) no-repeat 0 0!important; background-size: 40px!important; width: 40px; height: 40px; }
	.section-search .button-submit { top: 2px; right: 2px; border-radius: 0px; }
	.section-search .search-holder { margin: 0 0 20px 0; }
	.section-search .select-holder { margin: 0; }

	.chosen-container-single .chosen-single div { background: url(/images/select-arr-mob.png) no-repeat 0 0!important; width: 41px; height: 41px; background-size: 41px!important; }
	.chosen-container-single .chosen-single { font-size: 21px; color: #000000; border-width: 2px; border-radius: 2px; padding-bottom: 3px; line-height: 26px; }
	.select-holder-checks .chosen-container-single .chosen-single { font-size: 21px; color: #000000; border-width: 2px; border-radius: 2px; padding-bottom: 5px; }
	.select-holder-checks .chosen-container-single .chosen-single { padding-top: 9px; }
	.select-holder-checks .chosen-container-single .chosen-single span { padding-left: 35px; }
	.select-holder-checks .chosen-container-single .chosen-single span { background: url(/images/big-check.png) no-repeat 5px 0; background-size: 23px; padding-bottom: 5px; padding-top: 2px; }

	.select { border: 2px solid #dddee0; border-radius: 2px; background: url(/images/select-arr-mob.png) no-repeat right 0 #fff; background-size: 41px; width: 100%; font-size: 21px; color: #000; padding: 7px 0 7px 15px; line-height: 26px; position: relative; }
	.select-checks { padding-left: 45px; }
	.select-holder-checks { position: relative; }
	.select-holder-checks:after { content: ''; background: url(/images/big-check.png) no-repeat 0 0; width: 47px; height: 47px; position: absolute; top: 11px; left: 15px; background-size: 23px; }

	.head-options { padding: 20px 4px; }
	.head-options .row .field-holder,
	.head-options .page-title,
	.tabs-nav > ul,
	.head-options .row .select-holder { display: none; }

	.filters { padding-bottom: 0; display:none; }
	.filters .select-holder { margin-bottom: 5px; }
	.filters .buttons { margin-top: 0; margin-bottom: 5px; }
	.filters .button { font-size: 21px; }

	.tabs-nav { padding: 20px 0 15px 0; position: relative; z-index: 999; }

	.slides { margin-left: 25px; }
	.slides .col-md-3 { float: left; padding: 0; }
	.slides .stats-title-inner { display: none; }
	.mobile-tabs-nav { padding-bottom: 15px; }
	.ico-opt-tab,
	.mobile-tabs-nav .ico-filter-tab { float: right; background: url(/images/btn1.png) no-repeat 0 0; width: 44px; height: 44px; background-size: 44px; }

	.tabs { border-top: 0; padding-bottom: 25px; }
	.tab-select-holder { padding: 0 4px; width: 77%; float: left; }
	.stats-wrapper p span { font-size: 18px; }

	.pagination { text-align: center; display: block; margin: 0; } 
	.pagination a { background: url(/images/pagination.png) no-repeat right 0; width: 13px; height: 12px; background-size: 28px; font-size: 0; line-height: 0; text-indent: -4000px; display: inline-block; margin: 0 2px; }
	.pagination .selected { background-position: 2px 0; }
	.stats-wrapper { margin-bottom: 0; padding-bottom: 0; }

	.footer { padding: 13px 0; }

	.foot-nav { float: none; clear: both; display: none; }
	.foot-nav a { display: block; margin-bottom: 5px; }

	.foot-menu { float: left; background: url(/images/foot-menu.png) no-repeat 0 0; width: 17px; height: 5px; background-size: 17px; margin-top: 7px; }

	.personal-charts-content { padding-bottom: 0; }
	.personal-charts-options { border-bottom: 0; padding-bottom: 30px; margin-bottom: 0; }
	.personal-charts-options .field { margin-bottom: 18px; color: #000000; margin-top: 30px; }
	.personal-charts-options .chosen-container-single .chosen-single { font-size: 21px; }
	.personal-charts-actions { padding-bottom: 20px; }
	.personal-charts-actions .buttons { text-align: center; }
	.personal-charts-actions .button { display: inline-block; padding-left: 25px; padding-right: 25px; font-size: 15px; }
	.personal-charts-nav li.active { display: none; }
	.personal-charts-head { border-top: 0; padding-top: 18px; }
	.personal-charts-head .button-delete { background: url(/images/ico-del.png) no-repeat 0 0;font-size: 0; line-height: 0; text-indent: -4000px; width: 31px; float: right; height: 31px; background-size: 31px; margin-top: 5px; }

	.mobile-head-opt { display: block; padding: 0 14px; }

	.mobile-head-opt .select-holder { float: left; width: 76%; margin-bottom: 5px; }
	.mobile-head-opt .select { padding-left: 6px; }
	.search-sort { display: none; }

	.sidebar-head{ margin-left: -15px; margin-right: -17px; padding-left: 17px; padding-top: 20px; padding-bottom: 20px; }
	.sidebar-head-options,
	.sidebar-head-filter,
	.sidebar { display: none; }
	.wrapper-oh { overflow: hidden; }

	.mobile-tabs-nav2 .tab-select-holder { width: 100%; }
	.chart-legend,
	.charts-head { display: none; }
	.charts-stats { float: none; padding: 0 4px; }
	.charts-stats li { float: none; padding-left: 0; display: block; padding-bottom: 6px; }
	.charts-stats li p { width: auto; font-size: 18px; }
	.charts-stats li p span { display: inline; }
	.charts-stats li h2 { font-size: 18px; line-height: 20px; font-weight: normal; float: right; margin-top: -2px; }
	.chart-title h2 { font-size: 21px; color: #000; font-weight: normal; }
	.chart-head { padding-bottom: 13px; }
	.chart-content { padding-bottom: 23px; }
	.chart-content { margin-top: 0; }
	.tabs-info ul { display: none; }
	.pagging ul { display: none; }
	.pagging .buttons { text-align: center; }
	.pagging .button { display: inline-block; padding-left: 25px; padding-right: 25px; }

	.desktop { display: none; }

	.ico-plus-mob { background: url(/images/ico-mob-plus.png) no-repeat 0 0; width: 13px; height: 13px; background-size: 13px; display: inline-block; margin-right: 5px; position: relative; top: 0px; }	
	.ico-minus-mob { background: url(/images/ico-minus-mob.png) no-repeat 0 0; width: 13px; height: 13px; background-size: 13px; display: inline-block; margin-right: 5px; position: relative; top: 0px; }	
	.tabs-info p { padding: 0 4px; font-size: 18px; }
	.tabs-info p.positive span { color: #95b20e; }
	.tabs-info p.negative span { color: #d4434d; }
	.tabs-info p span { float: right; font-weight: 600; }
	.tab-top-options { display: none; }

	.mobile-tabs-nav3 { background-color: #f3f4f6; border-top: 1px solid #dadbdd; border-bottom: 1px solid #dadbdd; margin-left: -15px; margin-right: -15px; padding: 20px 15px; }
	.tabs-info h2 { font-size: 21px; font-weight: normal; color: #000; margin-bottom: 40px; }
	.ico2 { background: url(/images/ico2.png) no-repeat 0 0; width: 43px; height: 43px; background-size: 43px; float: right; }
	.posts { margin-left: -15px; margin-right: -15px; padding-right: 15px; padding-left: 15px; border-top: 1px solid #dadbdd; padding-top: 15px; }
	.post-rates ul { display: none; }
	.post-rates p { padding-bottom: 10px; }
	.post-rates p span { display: inline-block; width: 65px; font-size: 18px; }
	.post-rates p .positive { color: #95b20e; }
	.post-rates p .negative { color: #d4434d; }

	.logo-holder h1.logo { width: 169px; display:block; margin-bottom: 0; height: 50px; margin-bottom: 60px; }
	.logo-holder h1.logo a { background-image:url(/images/search-logo.png); background-size: 169px;  }
	.big-search-wrapper { padding: 0; }
	.big-search-holder { position: relative; border: 0; padding: 0 15px; }
	.big-search-holder .field-holder { width: auto; float: none; margin-bottom: 25px; }
	.big-search-holder .field-holder .field { padding-top: 4px; padding-bottom: 4px; box-shadow: inset 0px 0px 0px; -moz-box-shadow: inset 0px 0px 0px; -webkit-box-shadow: inset 0px 0px 0px; -o-box-shadow: inset 0px 0px 0px;  }
	.big-search-holder .select-holder { width: auto; float: none; margin-left: 0; }
	.big-search-holder .submit-holder { float: none; position: absolute; top: 0; right: 15px; }
	.big-search-holder .submit-holder .button-submit { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px;  }
}

@media only screen and ( min-width : 1200px ) { 
	.container { width: 1200px; }
}

#id_username, #id_password, #id_email, #id_first_name, #id_last_name, #id_cellphone, #id_year_born, #id_gender, #id_country, #id_state, #id_city, #id_company, #id_password_check { 
  width: 200px; 
  border: 1px solid #e1e1e1; 
  border-radius: 2px; 
  -moz-border-radius: 2px; 
  -webkit-border-radius: 2px; 
  -o-border-radius: 2px; 
  font-size: 18px; 
  line-height: 24px; 
  font-weight: normal; 
  color: #666; 
  padding-left: 15px; 
  padding-top: 8px; 
  padding-bottom: 9px;
  box-shadow: inset 0px 0px 0px; 
  -moz-box-shadow: inset 0px 0px 0px; 
  -webkit-box-shadow: inset 0px 0px 0px; 
  -o-box-shadow: inset 0px 0px 0px;
}

#login-form {
  margin-top: 10px;
  margin-left: 10px;
}

#login-form p label {
  width: 120px;
  font-size: 20px;
  font-weight: 300;
  color: #666;
}

#signup-form {
  margin-top: 10px;
  margin-left: 10px;
}

#signup-form p label {
  width: 140px;
  font-size: 20px;
  font-weight: 300;
  color: #666;
}

#profile-form {
  margin-top: 10px;
  margin-left: 10px;
}

#profile-form p label {
  width: 140px;
  font-size: 20px;
  font-weight: 300;
  color: #666;
}

#loginButton, #signupButton, #saveDetailButton {
  font-size: 15px;
  text-align: center;
  background-color: #2c96d3;
  color: #ffffff;
  line-height: 18px;
  box-sizing: border-box;
  padding-top: 10px;
  padding-bottom: 13px;
  width: 150px;
  border: 0px solid;
  float: left;
  margin-left: 20px;
  cursor: pointer;
}
#loginButton:hover, #signupButton:hover, #saveDetailButton:hover { background-color: #30a5e8; color: #fff; text-decoration: none; }
#loginButton:active, #signupButton:active, #saveDetailButton:active { background-color: #1782bf; color: #fff; text-decoration: none; }