@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700&subset=latin,cyrillic);
html, body {width:100%; height:100%; margin:0; }
body {
	font-family: 'PT Sans', sans-serif;
	font-size:14px;
	font-style: normal;
	color:#525252;
	background:#fff url(/public/images/bg/head.jpg) repeat-x center top;}
section, aside, header, footer, nav{ display:block;}
.root { width:100%; min-height:100%; min-width:1000px; background: url(/public/images/bg/footer.jpg) repeat-x center bottom;}
.max_width{ width:978px; margin:0 auto;}

.clear { clear:both; width:0px; height:0px; font-size:0px;}
.f_left { float:left!important;}
.f_right { float:right!important;}
.col_in{ width:100%; display:inline-block;}
.c_red{ color:#e93030!important;}
.c_green{ color:#00bf57!important;}

/* -------------- All (text) -------------- */
p, img, h1, h2, h3, h4, h5, h6, ul ,li 
	{
	margin:0px;
	padding:0px;
	line-height:100%;
	font-weight:normal
	}
	ul { padding-left:0px; list-style: none;}
	li { }
	img { border:none;}

table { border-collapse:collapse; border-spacing:0;}
table td { padding:0px; vertical-align:top}

h1 { font-size:24px;}
h2 { font-size:22px;}
h3 { font-size:20px;}
h4 { font-size:18px;}
h5 { font-size:16px;}
h6 { font-size:14px;}


/* -------------- content (text) -------------- */
.content { font-size:14px; font-family:Tahoma, sans-serif; color:#525252;}
.content p, .content img, .content ul, .content li 
	{
	margin:0px;
	padding:0px;
	line-height:150%;
	}
	.content ul {}
	.content li {}
	.content ul li{}
	.content img {}
	.content img.middle{ vertical-align:middle;}
	.content img.f_left { margin:0 10px 0 0;}
	.content .f_right img, .content img.f_right { margin:0 0 0 10px;}

.content p { padding-bottom:20px;}
.content .center{ text-align:center;}
.content a, .content a:hover{ text-decoration: underline; color:#33a1ef;}
.content a:hover{ text-decoration:none;}

.table {}
.content table { margin:35px 0;}
.content table td {}
.content table th {}
.content h1 ,
.content h2 ,
.content h3 ,
.content h4 ,
.content h5 ,
.content h6 { text-transform:uppercase; font-weight:bold; color:#666666; padding-bottom:15px; line-height:150%;}

button{ cursor: pointer;}
button:active{}
input[type=text], input[type=password], input[type=email], input[type=search], input[type=date]{ border:none; outline:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; height:30px; line-height:16px; padding:7px 10px; border-radius:4px; font-family: 'PT Sans', sans-serif;}
input[type=text]:focus{}
select{ outline:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; height:30px; padding:0 0 0 5px; line-height:30px; border-radius:4px; font-family: 'PT Sans', sans-serif;}
textarea, select{outline:none; border: none; border-radius:4px; font-family: 'PT Sans', sans-serif;}
input[type=submit], input[type=button]{}
label{}
form { margin:0; padding:0;}
input[type=reset]::-moz-focus-inner, button::-moz-focus-inner, input[type=submit]::-moz-focus-inner, input[type=button]::-moz-focus-inner {padding:0; margin:0; border:none;}
.btn{ border:none; border-radius:4px; height:43px; line-height:42px; box-sizing:border-box; font-size:16px; padding:0 30px; color:#fff; outline:none; text-decoration:none; cursor: pointer; background:#3b8ac0 url(/public/images/bg/btn.png) repeat-x center top; display:inline-block; text-align:center;  font-family: 'PT Sans', sans-serif; transition: all ease 0.3s;}
.btn:hover{ text-decoration:none; color:#fff; background-position: left 15px;}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #666666;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #666666;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #666666;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #666666;
}

.effect{position: relative;}
.effect:before, .effect:after{
  z-index: 1;
  position: absolute;
  content: "";
  bottom: 10px;
  left: 10px;
  width: 50%;
  height:10px;
  background: #777;
  -webkit-box-shadow: 0 10px 10px #000;
  -moz-box-shadow: 0 10px 10px #000;
  box-shadow: 0 10px 10px #000;
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);
}
.effect:after{
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  transform: rotate(2deg);
  right: 10px;
  left: auto;
}

/* -------------- Ссылки и цвет -------------- */

a, a:hover { outline: none; text-decoration: underline; color:#3b3b3b;}
a:hover { text-decoration: none; color:#2ba4c0;}
a:active { background-color:transparent;}

/*-------- head ---------*/
.head{ padding:22px 0;}
.head:after{ content:""; display:block; clear:both;}
.menu{ position:relative; margin-bottom:35px;}
.menu ul{ display:table; width:100%; background:url(/public/images/bg/menu.png) repeat-x center; border-radius:4px; position:relative; z-index:2;}
.menu ul li{ display:table-cell; border-left:1px solid #c4d4de;}
.menu ul li:first-child{ background: url(/public/images/bg/menu_lnd.png) no-repeat left top; border-left: none; border-radius:4px 0 0 4px;}
.menu ul li:last-child{ background: url(/public/images/bg/menu_rnd.png) no-repeat right top; border-radius:0 4px 4px 0;}
.menu ul li a{ display:block; text-align:center; height:47px; line-height:46px; color:#fff; text-decoration:none; font-size:16px; padding:0 20px;}
.menu ul li:hover, .menu ul li.active{ background:url(/public/images/bg/menu_hover.png) repeat-x center top;}
.menu ul li:first-child.active a, .menu ul li:first-child:hover a{ background: url(/public/images/bg/menu_lnd_hover.png) no-repeat left top;}
.menu ul li:last-child.active a, .menu ul li:last-child:hover a{ background: url(/public/images/bg/menu_rnd_hover.png) no-repeat right top;}
.menu ul li a span{ display:inline-block; height:47px; line-height:46px; padding:0 0 0 25px; background-position: left center; background-repeat: no-repeat;}
.logo{ float: left; padding-top:17px;}
.head_banner{ margin-left:150px; width:528px;}
.head_banner img{ max-width:100%; height: auto;}
.lang{ float: right; width:276px; padding-top:17px;}
.lang a{ display:inline-block; width:36px; height:36px; background-position: center; background-repeat: no-repeat; background-color:#d5dbdf; border-radius:10px; margin-left:8px;}
.lang a:hover{ background-color:#c2e0ef;}
.lang a:nth-child(7n+1){ margin-left:0;}

/*---- footer ----*/
.vote{ height:140px;}
.footer{ min-height:70px; margin-top:-70px; min-width:1000px; }
.foot_logo{ float: left;}
.copy{ margin-left:140px; font-size:12px; color:#295a7c; line-height:125%;}

/*------ main ------*/
.main{  
  
}
.bg1{ background:#fff url(/public/images/bg/bg1.png) repeat-x center top;}
.bg2{ background:#f9f9f9;}
.bg3{ background:#fff url(/public/images/bg/bg3.png) repeat-x center top;}
.box{ padding:25px 0;}
.block .title{ font-size:32px; font-weight:bold; margin-bottom:10px; line-height:125%; padding-left:30px;}
.archive{ width:260px; margin-right:25px;}
.archive .title{ color:#2c6388; background: url(/public/images/bg/b1.png) no-repeat left center;}
.archive ul{ padding-bottom:10px;}
.archive ul li{ line-height:125%; margin-bottom:10px; font-size:14px; background:url(/public/images/bg/li.png) no-repeat left center; padding-left:12px;}
.archive .full_list{ text-align:center;}
.checkproxy{ width:655px;}
.checkproxy .title{ color:#02850b; background:url(/public/images/bg/b2.png) no-repeat left center;}
.proxybg{ margin-bottom:27px;}
.proxybg .inner{  background:url(/public/images/bg/chechproxy.png) no-repeat center top; height:170px; border-radius:4px; position:relative; z-index:2; padding:10px;}
.scroll_list, .scroll_textarea{ display:block; box-sizing:border-box; width:100%; padding:0 0 0 12px; position:relative; border-radius:4px; background:#fff; overflow: auto; height:111px; text-align: left; resize:none;}
.scroll_list p{ line-height:150%;}
.proxybg .scroll_list, .proxybg .scroll_textarea{ margin-bottom:11px;}
.proxybg .btn{ height:44px; font-weight:bold; background:#76b408 url(/public/images/bg/btn2.png) repeat-x center top; text-shadow:0 -1px rgba(0,125,57,0.26);}
.proxybg .btn:hover{ background-position: left 20px;}
.proxybg td{ color:#fff; height:44px; vertical-align:middle; font-size:16px;}
.proxybg input[type=text]{ width:48px; text-align:center;}
.progress{ color:#fff; background:url(/public/images/bg/progress.png) repeat-x center top; box-shadow:inset 0 0 40px rgba(0,0,0,0.75); height:50px; border-radius:4px; position: relative; overflow: hidden;}
.progress_bg{ position:relative; z-index:1; height:50px; background:url(/public/images/bg/prbg.png) repeat-x left top; box-shadow:inset 0 0 40px rgba(0,0,0,0.75);}
.progress_value{ font-size:38px; font-weight:bold; position:absolute; right:10px; top:0; height:50px; line-height:50px; z-index:3;}
.progress .txt{ position:absolute; z-index:4; left:10px; top:7px;}
.progress .txt p{ line-height:125%;}
.progress .txt .small{ font-size:12px;}
.progress .txt .bold{ font-weight:bold; font-size:15px;}
.proxynow{}
.proxynow .title{ color:#295c7f; background:url(/public/images/bg/b5.png) no-repeat left center;}
.proxynow td{ padding:10px; border-left:1px solid #adccdb; vertical-align: middle;}
.proxynow td:first-child{ border:none;}
.proxynow tbody td:nth-child(3){ text-align:left;}
.proxynow thead td{ height:33px; vertical-align: middle; color:#fff; background: url(/public/images/bg/thead.png) repeat-x left top; padding:0 10px;}
.proxynow thead td:first-child{ border-radius:4px 0 0 0;}
.proxynow thead td:last-child{ border-radius:0 4px 0 0;}
.proxynow tbody tr:nth-child(2n+1) td{ background:#eaf1f8;}
.proxynow tbody{}
.proxynow td img{ vertical-align: middle; position:relative; top:-2px;}
.proxynow .speed{ display:block; border:1px solid #adccdb; padding:1px; background:#fff;}
.proxynow .speed span{ display:block; height:14px; text-align:center; font-size:11px;}
.proxynow .speed span.grn{ background:url(/public/images/bg/grn.png) repeat-x left top; color:#fff;}
.proxynow .speed span.orng{ background:url(/public/images/bg/orng.png) repeat-x left top;}
.proxynow .speed span.yllw{ background:url(/public/images/bg/yllw.png) repeat-x left top;}
.good_proxy .title{ background:url(/public/images/bg/b3.png) no-repeat left center; color:#6bab08;}
.select_type{text-align:center; text-transform:uppercase; width:240px; padding:30px; float: left; background: url(/public/images/bg/bg4.png) repeat center top; box-shadow:inset 0 0 40px rgba(0,0,0,0.22); border-radius:4px; height:203px;}
.select_type .name{ font-size:14px; font-weight:bold; padding-bottom:18px; font-size:16px;}
.select_type .jq-selectbox{ width:100%; text-align: left; color:#8d8d8d; font-weight:bold;}
.select_type > div { margin-bottom:25px;}
.select_type .jq-selectbox__select{font-family: 'PT Sans', sans-serif; color:#8d8d8d; height:40px; line-height:40px;}
.select_type .jq-selectbox__dropdown{ top:42px;}
.select_type .btn{ display:block; width:100%; text-transform:uppercase; font-weight: bold; text-shadow:0 -1px rgba(0,125,57,0.26); background:#76b408 url(/public/images/bg/btn3.png) repeat-x left top;}
.select_type .btn:hover{ background-position: left 15px;}
.proxylist{ float: right; width:650px; background:url(/public/images/bg/proxylist.png) no-repeat center top; height:264px; border-radius:4px; overflow: hidden;}
.proxylist .name{ text-transform:uppercase;}
.proxylist .name a{ font-weight:bold; color:#e3f70d;}
.proxylist .inner{ padding:15px; color:#fff;}
.proxylist .inner > p{ padding-bottom:10px;}
.proxylist .scroll_list{height:190px; color:#3d3d3d;}
.block1 .inner{background:url(/public/images/bg/chechproxy.png) no-repeat center top; border-radius:4px; position:relative; z-index:2; padding:10px;}
.block1{width: 655px;margin: 0 auto;}
.block1 .btn{ height:42px; line-height:42px; font-weight:bold; background:#76b408 url(/public/images/bg/btn2.png) repeat-x center top; text-shadow:0 -1px rgba(0,125,57,0.26);}
.block1 .btn:hover{ background-position: left 20px;}
.text_header{color:#fff;font-weight:bold;font-size:20px;text-align:center;margin-bottom: 12px;}