@charset "utf-8";
/* CSS Document */
@import "fonts.css";
@import "popup.css";
@import "panels.css";
@import "preview.css";
*{
	position:relative;
	margin:0;
	padding:0;
	outline:none;
	resize:none;
	border:none;
}
img { -ms-interpolation-mode : bicubic; vertical-align:middle; } 
html,
body {
	/*width:100%;
	height:100%;*/
	width:100%;
	height:100%;
	min-width:300px;
	background:#fff;
}
html {
	overflow:auto;
}
/* NOSCRIPT */
#noscript {
	width:100%; padding:10px; background-color:#ed4e00; text-align:center; color:#fff; display:block; margin-bottom:2px;
}
#noscript * { color:#fff; font-size:14px; line-height:normal; }
#noscript a { font-weight:600; }
/* SELECTION */
::selection {
	background: #00d6ba; color:#fff;
}
::-moz-selection {
	background: #00d6ba; color:#fff;
}
/* 404 */
h1.nf, h1.nf * { font-size:100px; line-height:100px; color:#1857aa; font-weight:700; font-style:normal; }
/* box-sizing */
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
a::after, a::before, li::after, li::before, div::after, div::before, span::after, span::before { position:absolute; content:''; top:0px; left:0px; }
/* font-face */
* { font-family:'Roboto', Arial, Helvetica, sans-serif; font-weight:300; }
a, p, span, input, select, label, li, div { font-size:16px; /*18px*/ line-height:24px; color:#5d5d5d; /*#939393; */}
/* transition */
.t, a, a::after, a::before, a * { transition:all .3s; -webkit-transition:all .3s; }
h1, h2 { transition:color .3s; -webkit-transition:color .3s; }
/* hovers */
ul.menu .nc:hover, h3 { cursor:default; }
/* not selectable */
.not-selectable, ul.menu .nc, input[type="checkbox"]+label, .ico, div.cont-header * {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;	
	cursor:default;
}
strong, b, strong *, b * { font-weight:600; }
/**/

a { color:#006b5d; text-decoration:underline; }
a:hover { color:#000000; }

div.c { max-width:1100px; padding:0px 30px; margin:0 auto; }

#preloader { width:100%; height:100%; z-index:1000000; position:fixed; background:url(../images/preloader.gif) center center no-repeat #fff; }

#pre { 
	position:fixed;
	z-index:70000;
	background:rgba(0,0,0,.8);
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	opacity:0;
}
#pre::after {
	background:url(../images/preloader.gif) center center no-repeat #fff;
	width:100px;
	height:100px;
	left:50%;
	top:50%;
	margin-left:-50px;
	margin-top:-50px;
	box-shadow:0px 0px 20px rgba(0,0,0,.7);	
}

#wrapper { width:100%; min-width:320px; overflow:hidden; min-height:100%; min-width:980px; }
div.c {
	padding:25px;	
}
#header::before {
	background:url(../images/header_bg.png) left top repeat-x;
	background-size:100% 100%;
	width:100%;
	height:120px;
	border-bottom:5px solid #006b5d;
}
#logo {
	display:inline-block;
	padding:5px;
	background:#fff;
	border:1px solid #ccc;
	box-shadow:0px 0px 10px rgba(0,0,0,.2);
	vertical-align:top;
	z-index:2;
}
#logo img {
	width:100%;	
}
#header div.c {
	padding-bottom:0px;	
}
#menu {
	display:inline-block;
	padding-left:227px;	
	vertical-align:top;
	position:absolute;
	top:25px;
	left:0px;
	width:100%;
}
ul.menu { list-style-type:none; margin-top:50px; display:block; }
ul.menu li {
	display:inline-block;
	margin-right:35px;
	overflow:hidden;
	padding:0px;
	height:40px;
	line-height:40px;
}
ul.menu li.sel {
	background:#006b5d;	
}
ul.menu li.sel a {
	color:#fff;	
}
ul.menu li::before {
	/*display:none;*/	
}
ul.menu li a {
	font-size:18px;
	color:#006b5d;
	text-decoration:none;
	padding:0px 10px;	
	display:block;
	height:40px;
	line-height:40px;
}
ul.menu li::before {
	width:100%;
	height:100%;
	top:100%;
	background:#00d6ba;	
	transition:all .3s ease 0s;
}
ul.menu li:hover::before {
	top:0%;
}
ul.menu li.prop {
	float:right;	
	margin-right:10px;
}
ul.menu li.prop a {
	font-size:14px;
	font-weight:600;	
}
#content {
	padding-bottom:65px;	
}
div.block {
	margin-top:25px;
	border-bottom:1px dashed #006b5d;	
}
div.block.hidden {
	display:none;	
}
div.block:first-child {
	margin-top:0px;	
}
div.block div.head a::after {
	width:20px;
	height:20px;
	top:50%;
	margin-top:-10px;
	right:15px;
	left:auto;
}
div.block div.head a.opened::after {
	background:url(../images/opened_icon.png) center center no-repeat;	
}
div.block div.head a.closed::after {
	background:url(../images/closed_icon.png) center center no-repeat;	
}
div.block div.head * {
	color:#fff;
	font-weight:600;
	font-size:20px;
	line-height:26px;
	text-decoration:none;	
}
div.block div.head a {
	padding:10px;
	display:block;	
	background:#00d6ba;	
	text-transform:uppercase;
}
div.block div.head a:hover {
	background:#006b5d;	
}

div.block div.body {
	padding:10px;
	display:block;	
	background:#f4f4f4;	
}

div.col {
	display:inline-block;
	width:50%;
	vertical-align:top;	
	padding-right:40px;
}
div.export-col:first-child > div {
	padding-right:40px;
	border-right:1px dashed #ccc;	
}
div.export-col {
	display:inline-block;
	width:40%;
	padding-right:40px;
	vertical-align:top;	
}
div.export-col:last-child {
	width:20%;	
}
div.export-col:last-child {
	text-align:right;
	padding-right:0px;	
}
div.export-col > *:first-child {
	margin-top:0px;	
}
div.export-col > p {
	margin-top:10px;	
}

label {
	display:block;
	font-weight:600;
	margin-bottom:5px;	
}
textarea {
	width:100%;
	border:1px solid #ccc;
	height:300px;
	padding:5px;	
	transition:background .3s, border .3s;
}
textarea#form-fwords {
	height:100px;	
}
input[type="text"], input[type="password"] {
	padding:5px;
	border:1px solid #ccc;	
	width:100%;
	transition:background .3s, border .3s;
}
textarea:hover, textarea:focus ,input[type="text"]:hover, input[type="text"]:focus ,input[type="password"]:hover, input[type="password"]:focus {
	background:#fafafa;
	border:1px solid #006b5d;	
}
textarea[disabled] {
	border:1px solid #ccc !important;
	opacity:.5;
	background:#fff !important;
}
div.help {
	padding:15px;
	border:1px dashed #ccc;	
}
div.help * {
	font-size:14px;
	line-height:20px;
}
div.help ul {
	margin-top:15px;	
}

ul {
	list-style-type:none;	
}
ul li {
	padding-left:15px;	
}
ul li::before {
	width:6px;
	height:6px;
	background:#00d6ba;
	top:7px;	
}
ul.nt li {
	padding:0px;	
}
ul.nt li::before {
	display:none;	
}
ul.checkbox li:first-child {
	margin-top:0px;	
}
ul.checkbox li {
	margin-top:7px;	
}
input[type="radio"]+label, input[type="checkbox"]+label, div.checkbox+label {
	display:inline-block;	
	line-height:26px;
	vertical-align:top;
	margin-bottom:0px;
	font-weight:300;
}
input[type="checkbox"]+div.checkbox {
	position:absolute;
	width:26px;
	height:26px;
	background:#00d6ba;
	top:0px;
	left:0px;
	transition:all .3s;
}
input[type="checkbox"]+div.checkbox::after {
	width:100%;
	height:100%;
	background:url(../images/checkbox.png) center center no-repeat;
	transition:all .3s;
	opacity:0;
	transform:scale(0);	
}
input[type="checkbox"]:hover+div.checkbox {
	background:#006b5d;
}
input[type="checkbox"]:checked+div.checkbox::after {
	transform:scale(1);
	opacity:1;	
}
input[type="checkbox"] {
	opacity:0;
	width:26px;
	height:26px;
	margin-right:15px;
	z-index:1;
}
label[for="end"] { margin-top:10px; }
span.com, #form-freq_limit+span, #form-fwords+span {
	display:block;
	margin-top:3px;
	font-size:10px !important;
	line-height:16px !important;	
}
span.alert {
	display:block;
	margin-top:0px;
	font-weight:600;
	color:#d6006a;
	padding:5px;
	
	animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
	  transform: translate3d(0, 0, 0);
	  backface-visibility: hidden;
	  perspective: 1000px;
}
span.comment {
	display:block;
	font-size:12px;
	font-style:italic;	
}
form > div {
	margin-top:20px;	
}
form > div:first-child {
	margin-top:0px;	
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
div.sites, div.dates, div.special {
	width:33.333%;
	display:inline-block;
	vertical-align:top;
	padding-right:40px;	
}
div.sites a[data-select] {
	display:block;
}
div.dates p {
	margin-top:10px;
	font-size:12px;
	line-height:18px;	
}
div.wrongdate {
	overflow:hidden;
	margin-top:10px;	
}
div.wrongdate input {
	float:left;	
}
div.wrongdate label {
	/*float:left;	*/
	padding-left:0px;
	width:80%;
}
div.wrongdate label+soan.com {
	float:none;
	display:block;
	width:100%;	
}
#send {
	text-align:center;
	margin-top:25px;	
}
a.button {
	display:inline-block;
	padding:15px 25px;
	background:#00d6ba;
	text-transform:uppercase;
	font-weight:600;
	font-size:24px;
	line-height:32px;
	color:#fff;
	text-decoration:none;	
}
a.button:hover {
	background:#006b5d;	
}
a.button.small, a.button.fb {
	padding:5px 15px;
	font-size:14px;
	line-height:22px;	
}
a.button.back {
	background: #000;
	margin-top: 30px;
}
a.button.back:hover {
	background:#006b5d;	
}
#set-default {
	margin-top:10px;
	background:#5d5d5d;	
}
#set-default:hover {
	background:#006b5d;	
}
#do-export-wordlist, #do-export-wordlist-comments {
	margin-top:10px;	
}
#total, #term, #etime {
	font-weight:600;
	display:block;	
}
div.password {
	margin-top:20px;	
}
div.send {
	margin-top:20px; 
	text-align:center; 
}
label span {
	color:#d6006a;	
}
input.error, textarea.error {
	border:1px solid #d6006a !important;		
}
div.search-all {
	margin-top: 10px;
}
div.required {
	text-align:center;
	font-size:11px;	
	margin-top:0px !important;
}
div.required span {
	color:#d6006a;	
}
div.list > div {
	padding-right:100px;
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #ccc;
}
div.list > div:first-child {
	border-top:none;
	margin-top:0px;
	padding-top:0px;
}
div.list > div a.del {
	position:absolute;
	right:0px;
	bottom:0px;	
}
div.orderby {
	padding-top:25px;
	margin-top:25px;	
	margin-bottom:25px;
	border-top:1px dashed #ccc;
}
label[for="search"] {
	margin-top:15px;	
}
#form-filter+div.select {
	width:100% !important;		
}
span.filter_info {
	display:block;
	font-style:italic;
	font-size:14px;	
}
div.select {
	background:#00d6ba;
	transition:all .3s;
	position:absolute;	
	padding:5px;
}
div.select::after {
	width:20px;
	height:100%;
	background:url(../images/arrow.png) center center no-repeat;
	left:auto;
	right:5px;	
	top:2px;
}
div.select span {
	color:#fff;	
	font-weight:600;
}
select {
	padding:5px;	
}
select:hover+div.select, div.select:hover {
	background:#006b5d;	
}
p.term {
	border:1px solid #ccc;	
	background:#fff;
	font-size:14px;
	line-height:normal;
	padding:5px;
	margin-top:5px;
}
span.public {
	display:inline-block;
	font-size:12px;
	margin-left:5px;
	font-style:italic;	
}
table {
	border-collapse:collapse;	
	width:100%;	
	margin-bottom:20px;
}
table a.btn {
	white-space:nowrap;
	padding:3px 10px;
	text-transform:uppercase;
	font-size:10px;
	line-height:normal;
	font-weight:600;
	text-decoration:none;
	color:#fff;
	background:#5d5d5d;
	display:inline-block;
}
table div.btns {
	text-align:center;	
}
table a.btn ~ a.btn {
	margin-top:5px;
}
table a.btn:hover {
	background:#006b5d;	
}
table * {
	font-size:14px;
	line-height:normal;
}
table td, table th {
	border:1px solid #ccc;
	text-align:left;
	padding:5px;	
}
table thead * {
	font-weight:600;	
}

div.pageturn {
	overflow:hidden;	
	padding:5px 0px;
	margin-bottom:20px;
}
div.pageturn span {
	font-size:12px;
	position:absolute;
	width:100%;
	text-align:center;	
	left:0px;
	top:0px;
	padding:5px 0px;
}
div.pageturn a {
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
	background:#006b5e;
	padding:3px 10px;	
	font-size:14px;
	font-weight:600;
}
div.pageturn a:hover {
	background:#00d6ba;	
}
div.pageturn a.prev {
	float:left;	
}
div.pageturn a.next {
	float:right;	
}
#slider_num {
	font-weight:600;	
}
div.context-slider {
	margin-top:10px;	
}
div.context-slider a {
	transition:none !important;	
}
div.context-slider-minmax {
	margin-top:0px;
	overflow:hidden;
}
div.context-slider-minmax * {
	font-size:10px;
	line-height:normal;	
}
div.context-slider-minmax span:first-child {
	float:left;	
}
div.context-slider-minmax span {
	float:right;	
}

div.subbutton a {
	display: inline-block;
	background: #00d6ba;
	padding:25px 40px;
	text-transform: uppercase;
	color:#fff;
	font-weight: 600;
	font-size: 20px;
	text-decoration: none;
}
div.subbutton a:hover {
	background: #006b5d;
}
div.subbutton+div.subbutton {
	margin-top: 40px;
}

div.comment-filter {
	margin-bottom: 15px;
	display: block;
	width: 50%;
	vertical-align: top;
	padding-right: 40px;
}

#content h1 {
	font-size:20px;
	line-height:normal;
	margin-bottom:15px;
	color:#006b5d;	
	cursor:default;
}
#content h2 {
	font-size:16px;
	line-height:normal;
	margin-bottom:0px;
	color:#fff;
	font-weight:600;
	padding:5px 10px;
	display:inline-block;
	background:#006b5d;
	cursor:default;
}
#content h3 {
	font-size:22px;
	line-height:normal;
	margin-bottom:5px;
	color:#00d6ba;
	font-weight:600;
	cursor:default;
	display:inline-block;
}
#content h1.ul-title {
	margin-top:20px;	
}

#footer {
	height:40px;
	position:absolute;
	bottom:0px;
	background:#006b5d;	
	width:100%;
}
#footer * {
	font-size:12px; color:#fff;	
}
#footer div.c {
	padding:8px 25px;
	text-align:center;	
}

#ns-to-top div { transition:none !important; -webkit-transition:none !important; }

a.mobile-view, b.mobile-view { display:none; }
@media screen and (max-width: 900px), screen and (max-device-width: 900px), screen and (max-width: 900px) {
	a.mobile-view,  b.mobile-view { display:inline; }	
}
@media screen and (max-width: 1050px), screen and (max-device-width: 1050px), screen and (max-width: 1050px) {
	#footer div.siteby { top:auto; bottom:15px; margin:0; }
}