.d-default-b2 {

	background-color:#fff;
	padding:15px 0 15px 0;
}


.d-default-tres {

	border-top:1px solid #BAD2DA;
	
	background: #dceff3;
	background: -moz-linear-gradient(-45deg, #dceff3 0%, #dceff3 63%, #d1eaf1 63%, #d1eaf1 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#dceff3), color-stop(63%,#dceff3), color-stop(63%,#d1eaf1), color-stop(100%,#d1eaf1));
	background: -webkit-linear-gradient(-45deg, #dceff3 0%,#dceff3 63%,#d1eaf1 63%,#d1eaf1 100%);
	background: -o-linear-gradient(-45deg, #dceff3 0%,#dceff3 63%,#d1eaf1 63%,#d1eaf1 100%);
	background: -ms-linear-gradient(-45deg, #dceff3 0%,#dceff3 63%,#d1eaf1 63%,#d1eaf1 100%);
	background: linear-gradient(135deg, #dceff3 0%,#dceff3 63%,#d1eaf1 63%,#d1eaf1 100%);

	padding:6px 0;
}

.sm_over_over {

	position:relative;
	display:none;
	padding:0;
	
	width:90%;
	height:auto;
	margin:10px auto;
}

.sm_over { 
	position:relative;
	overflow:hidden;
}

.sm_fg {
	
	width:100%;
	height:auto;
}

.sm_fg .sm_b {

	stroke-width:0;
	fill:#777;
	stroke:#777;
}

.sm_fg .sm_b_down {

	stroke-width:1;
	fill:#508200;
	stroke:#508200;
}

.sm_fg .sm_b_up {

	stroke-width:1;
	fill:#bc341c;
	stroke:#bc341c;
}

.sm_nmb {
	
	stroke-width:0;
	fill:#000;
	stroke:#000;
}

.sm_dot {
	
	fill:#777;
	stroke:#777;
}

.sm_subtesttype_blk {

	z-index:10;
	text-align:center;

	position:absolute;
	left:50%;
	top:55%;
	transform: translate(-50%, -50%);	
	
	background-color:#fff;
  opacity:0.7;	
	border-radius:5px;
	padding:5px;
}

.sm_subtesttype_blk_value {
	
	color:#000;
	font-size:1.5em;
	font-weight:bold;
}

.sm_subtesttype_blk_value span {
	
	font-size:0.7em;
	display:block;
	font-weight:normal;
}

.sm_number_blk {
	
	display:none;
	text-align:center;

	position:absolute;
	left:50%;
	top:88%;
	transform: translate(-50%, -50%);
}

.sm_number_blk .nres-value {
	
	font-size:2.2em;
	margin:0;
	padding:0;
	color:#000;
	font-weight: bold;
}

.sm_number_blk .nres-value span {
	
	font-size:0.65em;
}


.sm_number_blk .nres-units {

	margin:0;
	padding:0;
	color:#000;
	font-size:1.0em;
	font-weight:normal;
}



.sm_hand_over {
	
	display:none;
	position: absolute;
	transform:rotate(-20deg);
	
	transition-duration: 0.08s;
	transition-property: transform;
		
	left:50%;
	top:72%;
	transform: translate(-50%, -50%);

	width:73%;
	height:73%;

	/*

	 scale(0.2)
	width:50%;
	height:50%;
	
	left:50%;
	top:50%;
	transform: translate(-50%, -50%);
	 style="width:<?php echo $ap['sm_hand_size']['x']*2; ?>px;height:<?php echo $ap['sm_hand_size']['y']*2; ?>px;left:<?php echo $ap['sm_hand_pos']['x']; ?>px;top:<?php echo $ap['sm_hand_pos']['y']; ?>px;"
	 
	 
	 
		position:absolute;
	left:50%;
	top:85%;
	transform: translate(-50%, -50%);
	*/
}

.sm_hand {

	position:absolute;
	left:0;
	top:48%;
	width:52%;
	transform:rotate(180deg);

	/*
	
	width:80px;
	height:auto;
	
	left:50%;
	top:50%;
	transform: translate(-50%, -50%);
	 style="width:<?php echo $ap['sm_hand_size_in']['x']; ?>px;height:<?php echo $ap['sm_hand_size_in']['y']; ?>px;left:<?php echo $ap['sm_hand_pos_in']['x']; ?>px;top:<?php echo $ap['sm_hand_pos_in']['y']; ?>px;"
	 */
}

.sm_hand .sm_hand_path {

	stroke-width:1;
	fill:#000000;
	stroke:#000000;
}

.sm_hand .sm_hand_down {

	stroke-width:1;
	fill:#30abbe;
	stroke:#30abbe;
}

.sm_hand .sm_hand_up {

	stroke-width:1;
	fill:#D1461F;
	stroke:#D1461F;
}

.sm_elipse {

	stroke-width:1;
	fill:none;
	stroke:#999;
	opacity:0;
  transition:opacity 0.8s ease-in-out;
}



.nres-okno {
	
}

.nres-okno h1 {
 
	text-align:center;
	font-size:1.5em;
	margin:0;
	padding:0;
	color:#12424C;
	font-weight:normal;
}

.nres-okno h1 span {
 
	font-size:1.0em;
	font-weight:bold;
	padding:0;
}


.result-detail {

	padding-bottom:5px;
}

.result-detail .result-detail-in {

	text-align:center;
	margin:0 25%;
	
	color:#000;
	background:#F0F4F5;
	
	font-weight:normal;
	border-radius:0 0 15px 15px;
	padding:2px 0 4px 0;
	position:relative;
}

.result-detail .result-detail-in .result-detail-btn {

	padding:5px 10px;
	text-align:center;	
	display:block;
}

.result-detail .result-detail-in .result-detail-btn label {
  font-size:1.0em;
  font-weight:bold;
	text-transform:uppercase;
	color:#444;
	text-decoration:none;
}

.result-detail .result-detail-in .result-detail-btn label:hover {
	
	text-decoration:underline;
}
.result-detail .result-detail-in .result-detail-btn input {

	position:absolute;
	top:6px;
	left:10px;
}


.d-trisl-default {


}
.d-trisl-default .sl-x1 {

	width:100%;
	float:left;
	margin-right:-300px;
	padding:0;
}

.d-trisl-default .sl-x1 .sl-in-trisl {
	
	 margin-right:300px;
	 padding-right:20px;
}

.d-trisl-default .sl-3 {

	float:right;
	width:300px;
}





.d-trisl-res {

	width:100%;
	padding:0;
	margin:5px 0 0 0;
	border-bottom:1px solid #DADADA;	
}

.d-trisl-res .sl {

	float:left;
	text-align:center;
	padding:5px 0 10px 0;
	position:relative;
}

.d-trisl-res .sl-1 {

	width:32%;
}

.d-trisl-res .sl-2 {

	width:34%;
	background:url('img/statsokno-w-bg.png') right bottom no-repeat;
}

.d-trisl-res .sl-3 {

	width:34%;
	background:url('img/statsokno-w2-bg.png') right bottom no-repeat;
}


.d-trisl-res .sl-1 .sl-in, .d-trisl-res .sl-2 .sl-in {

	border-right:1px solid #DADADA;	
}

.d-trisl-res h2 {

	font-size:1.6em;
	padding:0;
	margin:4px 0 2px 0;
	color:#12424C;
}

.d-trisl-res h2 span {

	font-size:0.7em;
	font-weight:normal;
}

.d-trisl-res .nres-value {
	
	font-size:3.0em;
	margin:0;
	padding:0;
	color:#CD5554;
	font-weight: bold;
}

.d-trisl-res .nres-value span {
	
	font-size:0.65em;
}


.d-trisl-res .nres-units {
		
	margin:0;
	padding:0;
	color:#12424C;
	font-size:1.4em;
	font-weight:normal;
}

.d-trisl-res .nres-help {
		
	position:absolute;
	right:10px;
	top:0;
	
	margin:0;
	padding:0;
	color:#000;
	font-size:2.0em;
	font-weight:bold;
}

.d-trisl-res .nres-help a {
		
	color:#000;
}

#test_progress_div {
/*
	display:none;
	*/
}

.res_result_detail {

}


.res_result_detail .hl-cis {

	margin:0;
	padding:0;
	font-size:1.3em;
	color:#718388;
}

.res_result_detail .hl-cis span {

	color:#CD5554;
	font-size:2.0em;
	font-weight:bold;
	padding-right:3px;
}

.res_result_detail .hl-cis span span {

	font-size:22pt;
}

.res_result_detail .hl-cis span {

	color:#CD5554;
	font-size:18pt;
	font-weight:bold;
}

.res_result_detail .vl-cis {

/*	margin:0 50px 0 0;*/
	margin:0 5px 0 0;
	padding:4px 0;
	color:#567377;
	font-size:1.0em;

	border-bottom:1px dotted #C3C5C4;
}

.res_result_detail .vl-cis span {

	color:#0E4145;
	font-weight:bold;
}

.res_result_detail .vl-cis .nprm {

	font-weight:normal;	
}

.res_result_detail .vl-cis-last {

	border-bottom:none;
}


.res_result_detail .vl-cis-fasterthan {

	font-size:1.6em;
}


.d-2sl-res {

	width:100%;
	padding:10px 0 10px 0;
	margin:0;
	
	display: flex;
/*  	
  justify-content: space-between;
  flex-flow: row wrap;
  */
}

.d-2sl-res .sl {
/*
	float:left;
	width:50%;
*/	
	padding:0;
	position:relative;
  flex: 1 0;
	width:auto;

	
}

.d-2sl-res .sl-1 {
/*
	float:left;
	*/

  flex-basis:calc(15%);
  min-width:300px;
  max-width:300px;
}

.d-2sl-res .sl-2 {
	/*
	width:auto;
	float:none;
	margin-left:300px;
	*/
	
	flex:1;
}

.d-2sl-res .sl-2 .sl-in { padding:0 0 0 20px; }


.d-2sl-res h2 {

	margin:0;
	padding:0 0 3px 0;
	color:#0E4145;
	font-size:1.8em;
	font-weight:bold;
}

.d-2sl-res a {

	color:#C15958;
	text-decoration:underline;
	padding:0;
	margin:0;
}

.d-2sl-res a:hover {

	color:#df2a2a;
}

.select_server {
	
}

.select_server .select_server_showbtn {
/*	
	float:right;
	*/
}

.res_progress {
	
	display:none;
	
	width:100%;
	padding:0 0 10px 0;
	margin:10px 0;
	border-bottom:1px solid #DADADA;	
}

.res_detail_content_animate_show {
	
  overflow:hidden;
	max-height:5000px;
	transition:max-height 1s ease-in-out;
}

.res_detail_content_animate_hide {
	
  overflow:hidden;
	max-height:0;
  transition:max-height 1s cubic-bezier(0, 1, 0, 1);
 }


.res_detail_content {

	margin:5px 0 0 0;
	padding:10px 15px;

	overflow:hidden;
	background-color:#F0F4F5;
	border-radius:0 0 15px 15px;

}

.res_detail_content h2 {

	margin:0;
	padding:4px 7px 7px 7px;

	font-size:11pt;
	color:#155776;
}

.res_detail_content table {

	width:100%;
}

.res_detail_content th {

	text-align:left;
}

.res_detail_content th span {

	font-weight:normal;
}

.res_detail_content td {

	padding:5px 3px;
}

.res_detail_content a {

	color:#C75757;
}

.res_detail_content .info {

	text-align:center;
}

.res_detail_content .ping-min {

	padding:2px 3px 1px 20px;
	margin:0;
	background:url('img/i-ping-min.png') no-repeat;
}

.res_detail_content .ping-avg {

	padding:2px 3px 1px 20px;
	margin:0;
	background:url('img/i-ping-avg.png') no-repeat;
}

.res_detail_content .ping-max {

	padding:2px 3px 1px 20px;
	margin:0;
	background:url('img/i-ping-max.png') no-repeat;
}

.res_detail_content .reslink {

	font-size:7pt !important;
}

@keyframes mtrwebtester_progress_bar_keyframes {
    from {width: 0px;}
    to {width: 100%;}
}

.mtrwebtester_progress_bar { display:none;background-color:transparent;margin:5px 0 0 0;padding:0;width:100%;position:relative;box-sizing:border-box;border-top: 1px solid #dadada; }
.mtrwebtester_progress_bar div { background:#1e4959;height:8px;border-radius:0;width:1px;animation: mtrwebtester_progress_bar_keyframes 30s linear 1;animation-fill-mode: forwards; }

@keyframes blinkingTextKeyFrames {
	0% { color: #CD5554; }
	50% { color: #000; }
	100%{   color: #CD5554; }
}

.blinkingText { 
	
	animation:blinkingTextKeyFrames 0.8s infinite; 
}









.res-stars > span { display:inline-block;width:11px;height:11px;margin:5px 1px 0 1px;background:url('svg-w/s0.svg') 50% 50% no-repeat;background-size:100%; }
.res-stars > .res-star-ping { background-image:url('svg-w/s1-1.svg'); }
.res-stars > .res-star-down { background-image:url('svg-w/s1-2.svg'); }
.res-stars > .res-star-up { background-image:url('svg-w/s1-3.svg'); }

.res-stars { position: relative;cursor:help; }
.res-stars .res-stars-tooltip {
	
  visibility:hidden;
  width:80%;
  
	border-radius:5px;
	padding:10px;
	color:#000;
	font-size:1.0em;
	
	text-align: center;
  
  top:100%;
  left:0;
  
  margin-left:5px;
 
  position: absolute;
  z-index:100;
	font-weight:normal;
  
	box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
	border: 1px solid #000;
	background: #fff;
}

.res-stars .res-stars-tooltip > table {

	box-sizing:border-box;
	width:100%;
}

.res-stars .res-stars-tooltip > table > th, .res-stars .res-stars-tooltip > table > td {

	padding:1px 10px;
	text-align:center;
}

.res-stars .res-stars-tooltip table th {

	font-weight:normal !important;
}

.res-stars:hover .res-stars-tooltip {
  visibility:visible;
}


.nres-okno h1 { font-size:1.2em;margin:0 0 10px 0;text-align:left; }



.d-main { display:flex; }
.d-main > .d-main-content { flex: 1 0;padding:0 25px 0 0;order:1; }
.d-main > .d-main-right { flex-basis:calc(20%);min-width:300px;max-width:300px;order:2; }


.d-main-morecontent { display:flex;	text-align:left;
 }
.d-main-morecontent .d-col { flex-basis:calc(50%);box-sizing:border-box;padding: 0 2em;}

.d-main-morecontent, .s-text {
	
	padding:5px 10px;
}

.d-main-morecontent h2, .s-text h2 {
	
	margin:0;
	padding:8px 0 8px 10px;
	font-size:1.3em;
}

.d-main-morecontent h3, .s-text h3 {
	
	margin:0;
	padding:4px 0 4px 10px;
	font-size:1.15em;
}

.d-main-morecontent p, .s-text p {
	
	margin:0;
	padding:5px 0;
	text-indent:10px;
}

.d-main-morecontent { margin:0; }
.d-main-morecontent .d-col { padding: 0 1em;}
.d-main-morecontent .d-col p { text-indent:0.8em; }
.d-main-morecontent h2{margin-top: 0.25em;}
.d-main-morecontent .d-col-single { flex-basis: calc(100%);}




.testform .button-start-small {

	background:url('img/d-button-start-small.png') no-repeat top left;
	background-color:#04C5D4;
	width:228px;
	height:45px;
	border:none;
	color:#fff;
	font-size:12pt;
	padding:0 70px 0 0;
	cursor:pointer;
	text-shadow:1px 2px #04A0AD;
}

.testform .button-start-small:hover {

	background:url('img/d-button-start-small-hover.png') no-repeat top left;
	background-color:#5AD9E2;
}



	
	.testform .button-start-small {
	
		width:100%;	
		border-radius:3px;
		background:url('img/d-button-start-small-fragment.png') no-repeat top right;
		background-color:#04C5D4;
	}
	
	.testform .button-start-small:hover {
	
		background:url('img/d-button-start-small-fragment-hover.png') no-repeat top right;
		background-color:#5AD9E2;
	}
	
	
	

@media screen and (max-width: 1120px) {
/*
.d-2sl-res .sl-1 { width:54%; }
.d-2sl-res .sl-2 { width:46%; }
*/
.d-trisl-default .sl-3 div { float:none; }

.d-trisl-res h2 { font-size:1.5em; }
.d-trisl-res .nres-value { font-size:2.5em; }
.d-trisl-res .nres-units { font-size:1.2em; }
.d-trisl-res .nres-help {	font-size:1.5em; }

.d-main .d-main-right { }
.d-main .d-main-content { padding:0 10px; }

}

@media screen and (max-width: 1000px) {

/*.d-2sl-res .sl-2 .sl-in { padding:0 20px; }*/

.nres-okno h1 { font-size:1.2em; }

}

@media screen and (max-width: 900px) {

.d-overmain { padding:3px 0 3px 0; }
.d-overmain .d-overmain-content { padding:0; }

.d-main { flex-flow: row wrap; }
.d-main .d-main-content { order:1;flex: 1 0; }

.d-main .d-main-right { order:2;margin-top:0;min-width:none;max-width:none;width:100%;flex-basis:auto;text-align:center; }
.d-main .d-main-right > div { display:inline-block; }
.d-main .d-main-right .t-info-ban { display:block;text-align:center; }




.d-2sl-res { display:block; }
.d-2sl-res .sl { float:none;padding:0; }
.d-2sl-res .sl-1 { width:100%;text-align:center;flex:none;min-width:auto;max-width:none; }
.d-2sl-res .sl-2 { width:100%;padding:0;margin:0;flex:none; }

.result-detail .result-detail-in { margin:0 5%; }
	
.sm_number_blk .nres-value { font-size:1.5em; }
.sm_number_blk .nres-units { font-size:0.8em; }

.sm_over_over {	width:80%; }
.nres-okno h1 { font-size:1.15em; }

.d-trisl-res { margin:1px 0 0 0; }
.d-trisl-res .sl { padding:1px 0 2px 0; }

}


@media screen and (max-width: 850px) {

.d-trisl-res h2 { font-size:1.2em; }
.d-trisl-res .nres-value { font-size:2.1em; }
.d-trisl-res .nres-units { font-size:1.1em; }
.d-trisl-res .nres-help {	font-size:1.2em; }

.sm_over_over {	width:85%; }

.d-main-morecontent { display:block;padding-bottom:20px; }
.d-main-morecontent .d-col { padding:0; }

}

@media screen and (max-width: 700px) {

.d-trisl-default .sl-x1 { float:none;margin-right:0; }
.d-trisl-default .sl-x1 .sl-in-trisl { margin-right:0;padding-right:0; }
.d-trisl-default .sl-3 { float:none;width:100%; }

.d-trisl-res h2 { font-size:1.8em; }
.d-trisl-res .nres-value { font-size:2.8em; }
.d-trisl-res .nres-units { font-size:1.3em; }
.d-trisl-res .nres-help {	font-size:1.7em; }

.sm_over_over {	width:60%; }

.sm_number_blk .nres-value { font-size:2.1em; }
.sm_number_blk .nres-units { font-size:1.0em; }

.nres-okno h1 { font-size:1.2em; }
.d-2sl-res h2 {	font-size:1.4em; }


		.res-stars { position: static; }
	.res-stars .res-stars-tooltip {
	
		box-sizing:border-box;
	  width:auto;
	  top:auto;
		left:0;
	  right:0;
	  margin:0 10px;
	}


}

@media screen and (max-width: 600px) {

.d-main .d-main-right > div { padding-top:15px; }

.nres-okno h1 { font-size:1.1em; }
.sm_subtesttype_blk_value { font-size:1.2em; }

}

@media screen and (max-width: 500px) {
	
.d-trisl-res h2 { font-size:1.2em; }
.d-trisl-res .nres-value { font-size:2.1em; }
.d-trisl-res .nres-units { font-size:1.1em; }
.d-trisl-res .nres-help {	font-size:1.2em; }

.sm_number_blk .nres-value { font-size:1.5em; }
.sm_number_blk .nres-units { font-size:0.8em; }

.sm_over_over {	width:75%; }
.nres-okno h1 { font-size:1.0em; }


}






.res_share { display:none;font-size:1.2em;margin:4px 0 8px 0; }
.res_share > div > div { display:inline-flex;justify-content:center; }
.res_share > div > div > div, .res_share > div > a { flex:1 0; }

.res-share-block { padding-bottom:10px; }
.res-share-img {
	
	text-decoration:none;
	cursor:pointer;
	margin-right:10px !important;
	border:2px solid #fff; 
	
	position:relative;
}

.res-share-img > div {
	
	opacity:0.5;
	background-color:#fff;
	position:absolute;
	top:0;
	left:0;
	display:none;
}

.res-share-img > span {
	
	color:#000;
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	display:none;
	font-size:1.4em;
	font-weight:bold;
	text-shadow:0 0 6px #ccc;
}
.res-share-img > span > span { display:block; }

.res-share-img:hover > div { display:block; }
.res-share-img:hover > span { display:block; }

.res-share-circle {
	
	display:block;
	text-decoration:none;
	
	border-radius:50%;
	width:32px;
	height:32px; 
	background-color:#343434;
	cursor:pointer;
	margin-right:1px !important;
	border:2px solid #fff; 
}

.res-share-circle div {
	
	width:32px;
	height:32px; 
}

.res-share-circle-url { background-color:#838383; }
.res-share-circle-url div { background:url('img/ic-s-url.png') 2px 2px no-repeat; }

.res-share-circle-facebook { background-color:#3D5C9D; }
.res-share-circle-facebook div { background:url('img/ic-s-facebook.png') 2px 2px no-repeat; }

.res-share-circle-twitter { background-color:#48B7E4; }
.res-share-circle-twitter div { background:url('img/ic-s-twitter.png') 2px 2px no-repeat; }

.res-share-circle-email { background-color:#2C2C2C; }
.res-share-circle-email div { background:url('img/ic-s-email.png') 2px 2px no-repeat; }

.res-share-circle-other { background-color:#838383; }
.res-share-circle-other div { background:url('img/ic-s-other.png') 2px 2px no-repeat; }