/* Ссылка на родительскую страницу */
ul.pagelist{}

p.inline{display:inline !important;}

/*gall*/
.content .gall{
	display:block;
	margin:10px 0;
	text-align:center;
}

.content .gall a,
.content .gall img
{display:inline-block;}

.content .gall img{
	margin: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	padding: 5px;
	background-color: #fff;
	float:none;
	max-width:300px;
	
	background-image:none;
}




/*pic*/
.content .pic img{
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	padding: 10px;
	background-color: #fff;
	
	filter: sepia(0.7);
	filter: saturate(0.4);
	
	background-image:none;
}
.content .pic img:hover{
	filter: sepia(0);
	filter: saturate(1);
}

/*foto*/
.content .foto_wrapper{
	display:block;
	overflow:auto;
	text-align:center;
	padding:20px 0;
}
.content .foto{
	display:inline-block;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
	background: #fff !important;
	padding: 10px 20px;
	margin: 0;
}
.content .foto p{
	font-family:Courier;
	margin-top: 5px;
}
.content .foto img{
	max-width:400px;
	background-image:none;
}


/*screen*/
.content .screen{

}
/* В данном селекторе мы задаем ширину, высоту, обводку, позиционирование, фоновый цвет, цвет и размер теней */

.content .screen_wrapper{
	display:block;
	text-align:center;
}

.content .screen{
	display:inline-block;
	margin: 50px;
	/*width: 320px;*/
	min-height: 150px;
	padding: 0 0 1px 0;
	position:relative;
	background:#fff;
	background: -webkit-gradient(linear, 100% 100%, 50% 10%, from(#fff), to(#f3f3f3), color-stop(.1,#fff));
	background: -moz-linear-gradient(100% 50% 90deg, #fff, #fff 10%, #f3f3f3);
	border: 1px solid #ccc;
	-webkit-box-shadow: 1px 1px 4px rgba(0,0,0, 0.1);
	-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 4px rgba(0,0,0,0.1);
	-webkit-border-bottom-right-radius: 60px 5px;
	-moz-border-radius-bottomright: 60px 5px;
	border-bottom-right-radius:  60px 5px;
}

.content .screen img{max-width:100%;}

/* Создаем эффект нескольких листков, сложенных в стопку */

.content .screen:before{
	content: '';
	width: 98%;
	z-index:-1;
	height: 100%;
	padding: 0 0 1px 0;
	position: absolute;
	bottom:0; right:0;
	background: #fff;
	background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#fff), to(#f9f9f9), color-stop(.1,#fff));
	background: -moz-linear-gradient(0 0 270deg, #fff, #fff 10%, #f9f9f9);
	border: 1px solid #ccc;
	-webkit-box-shadow: 1px 1px 8px rgba(0,0,0, 0.1);
	-moz-box-shadow: 1px 1px 8px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 8px rgba(0,0,0,0.1);
	-webkit-border-bottom-right-radius: 60px 5px;
	-moz-border-radius-bottomright: 60px 5px;
	border-bottom-right-radius:  60px 5px;

	-webkit-transform: skew(2deg,2deg)
						translate(3px,8px);
	-moz-transform: skew(2deg,2deg)
						translate(3px,8px);
	-o-transform: skew(2deg,2deg)
						translate(3px,8px);
	transform: skew(2deg,2deg)
						translate(3px,8px);
}


.content .screen:after{
	content: '';
	width: 98%;
	z-index:-1;
	height: 98%;
	padding: 0 0 1px 0;
	position: absolute;
	bottom:0; right:0;
	background: #f3f3f3;
	background: -webkit-gradient(linear, 0% 20%, 0% 100%, from(#f3f3f3), to(#f6f6f6), color-stop(.1,#fff));
	background: -moz-linear-gradient(0% 0% 360deg, #f3f3f3, #fff, #f6f6f6);
	border: 1px solid #ccc;
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0, 0.1);
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 8px rgba(0,0,0,0.1);
	-webkit-transform: skew(2deg,2deg)
						translate(-1px,2px);
	-moz-transform: skew(2deg,2deg)
						translate(-1px,2px);
	-o-transform: skew(2deg,2deg)
						translate(-1px,2px);
	transform: skew(2deg,2deg)
			   translate(-1px,2px);
}



/* Скотч  */
.screen_tape{
	position:absolute;
	top:0; left: 0;
	/*width: 130px;
	height: 40px;*/
	width: 40%;
    height: 5%;
	background:rgba(205, 250, 205, 0.3);
	background: -webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(250, 250, 250, 0.3)), color-stop(.1,rgba(0, 0, 0, 0.2)));
	background: -moz-linear-gradient(555% 0 180deg, rgba(0,0,0,0.1), rgba(250,250,205,0.3) 10%, rgba(0,0,0,0.0));
	border-left: 1px dashed rgba(0, 0, 0, 0.1);
	border-right: 1px dashed rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.35);
	box-shadow: 0px 0px 3px rgb(0 0 0 / 35%);
	-webkit-transform: rotate(-30deg) skew(0,0) translate(-30px,-20px);
	-moz-transform: rotate(-30deg) skew(0,0) translate(-30px,-20px);
	-o-transform: rotate(-30deg) skew(0,0) translate(-30px,-20px);
	transform: rotate(-30deg) skew(0,0) translate(-30px,-20px);
}

/* Скотч2  */
.screen_tape2{
	position:absolute;
	top:0; right: 0;
	/*width: 130px;
	height: 40px;*/
	width: 42%;
    height: 5%;
	background:rgba(205, 250, 205, 0.3);
	background: -webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(250, 250, 250, 0.3)), color-stop(.1,rgba(0, 0, 0, 0.2)));
	background: -moz-linear-gradient(555% 0 180deg, rgba(0,0,0,0.1), rgba(250,250,205,0.3) 10%, rgba(0,0,0,0.0));
	border-left: 1px dashed rgba(0, 0, 0, 0.1);
	border-right: 1px dashed rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.35);
	box-shadow: 0px 0px 3px rgb(0 0 0 / 35%);
	-webkit-transform: rotate(32deg) skew(0,0) translate(32px,-20px);
	-moz-transform: rotate(32deg) skew(0,0) translate(32px,-20px);
	-o-transform: rotate(32deg) skew(0,0) translate(32px,-20px);
	transform: rotate(32deg) skew(0,0) translate(32px,-20px);
}

/*hl - хайлайтер*/
.hl{
	background-color: #f3f253cc;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 14px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 14px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 14px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 10px;
}

/*podskazka*/
.podskazka{
    padding: 0 2px;
    display: inline-block;
    margin: 0 -2px;
    background-color: #ffb7004d;
	
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 14px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 14px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 14px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 10px;
}
.podskazka label{
	cursor: pointer;
	cursor: help;
}
.podskazka:hover{
	background-color: #ffb70088;
}
.podskazka .podskazka_container
{
	display:none;
	font-size: 15px;
	position:absolute;
	z-index:50;

	padding:5px 10px;
	border:#111 1px solid;
	background:#fff;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.podskazka .textin{
display: none;
    font-size: 15px;
    position: absolute;
    left: 0;
    overflow: auto;
    width: calc(75% - 80px);
	max-width: 100%;
    max-height: calc(100% - 160px);
    z-index: 9999;
    padding: 5px 10px;
    margin: 5px 45px 80px;
    border: #111 1px solid;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}



.podskazka .css_trigger{
	display:none;
}

.podskazka .css_trigger:checked ~ .podskazka_container,
.podskazka:hover .podskazka_container
{
	display:inline-block;
}

.podskazka .css_trigger:checked ~ .textin,
.podskazka:hover .textin
{
	display:block;
}
.podskazka .css_trigger:checked ~ .textin:before {
    content: "\274c";
    font-size: 20px;
    color: #FFF;
    line-height: 30px;
    float: right;
	margin:0 0 10px 10px;
}


.console {
	display: block;
	background: #333;
	border: #fff 2px solid;
	color: #eee;
	padding:20px 15px;
	font-family: monospace, "Courier New", Courier;
	margin: 15px 0;
}


/*s*/
div.s, p.s, .content p.s{
	margin:10px 0 20px;
	padding:10px 0;
	border-top:#999 4px double;
	border-bottom:#999 4px double;
}

/*t*/
div.t, p.t, .content p.t{
	margin:10px 0 20px;
	display:block;
	background:#efc url('../img/trollt_f5.png') no-repeat 15px bottom;
	padding:20px 20px 20px 120px;
	min-height:100px;
	color:#333;
	min-height:110px;

	border-right:#999 3px double;
	border-bottom:#999 4px double;
}


/* В данном селекторе мы задаем ширину, высоту, обводку, позиционирование, фоновый цвет, цвет и размер теней */

.t{
	position:relative;
	background:#fff;
	background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#fff), to(#f3f3f3), color-stop(.1,#fff));
	background: -moz-linear-gradient(0% 0% 270deg, #fff, #fff 10%, #f3f3f3);
	border: 1px solid #ccc;
	-webkit-border-radius: 60px 5px;
	-moz-border-radius: 60px/5px;
	border-radius: 60px/5px;
	-webkit-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1) inset;
}


/*cite c*/

.cite {
    display:block;
    position: relative;
    margin: 30px;
    padding: 30px;
    background-color: #fff;     
    background: 
    linear-gradient(45deg,  transparent 10px, #fff 10px), 
    linear-gradient(315deg, transparent 10px, #fff 10px),
    linear-gradient(225deg, transparent 10px, #fff 10px),
    linear-gradient(135deg, transparent 10px, #fff 10px);
    background-position: bottom left, bottom right, top right, top left;
    background-size: 80% 90%;
    background-repeat: no-repeat;
    box-shadow: 0 20px 10px -20px rgba(0, 0, 0, .5);            
}

.cite::before,
.cite::after,
.citewrapper::before,
.citewrapper::after
{
    content: '';
    position: absolute;
    height: 20px; 
    width: 80px;
    /*box-shadow: 0 8px 15px -7px rgba(0, 0, 0, .5);*/
	box-shadow: 0 8px 8px -7px rgba(0, 0, 0, .3);
	/*box-shadow: 0 8px 8px -7px rgb(0 0 0 / 30%);*/
}

.cite::before,
.cite::after {
    top: -10px;
}
.citewrapper::before,
.citewrapper::after {
    bottom: -10px;
}        
.cite::before,
.citewrapper::before {
    left: -42px;
}
.cite::after,
.citewrapper::after {
    right: -42px;
}
.cite::before {
    transform: rotate(-45deg);
}
.cite::after {
    transform: rotate(45deg);            
}
.citewrapper::before {
    transform: rotate(-135deg);
}
.citewrapper::after {
    transform: rotate(135deg);
}



/*w*/
.content .w svg{
	display:inline-block;
	width:20px;
	height:20px;
	margin-bottom:-3px;
	margin-right:3px;
}
.content .w svg *{
	fill:#701;
}
.content .w{
	color:#401;
	border-top:rgba(90,50,50,.4) 1px solid;
	border-bottom:rgba(90,50,50,.4) 1px solid;
	margin:10px 0;
	background: linear-gradient(to right, rgba(255,230,220,.7), rgba(255,230,220,.0));
	padding:5px 5px 5px 5px;
}


/*z*/
.content .z svg{
	display:inline-block;
	width:20px;
	height:20px;
	margin-bottom:-3px;
	margin-right:3px;
}
.content .z svg *{
	fill:#701;
}
.content .z{
	color:#401;
	border-top:rgba(90,50,50,.4) 1px solid;
	border-bottom:rgba(90,50,50,.4) 1px solid;
	margin:10px 0;
	background: linear-gradient(to right, rgba(255,255,255,.7), rgba(255,255,255,.0));
	padding:5px 5px 5px 5px;
}



/*win*/
.content .win svg{
	display:inline-block;
	width:20px;
	height:20px;
	margin-bottom:-3px;
	margin-right:3px;
}
.content .win svg *{
	fill:#170;
}
.content .win{
	color:#170;
	border-top:rgba(50,90,50,.4) 1px solid;
	border-bottom:rgba(50,90,50,.4) 1px solid;
	margin:10px 0;
	background: linear-gradient(to right, rgba(230,255,220,.7), rgba(230,255,220,.0));
	padding:5px 5px 5px 5px;
}

/*comment*/
.content .mycomm svg{
	display:inline-block;
	width:22px;
	height:22px;
	margin-bottom:-7px;
	margin-right:3px;
}
.content .mycomm svg *{
	fill:#985600;
}
.content .mycomm{
	border-top:rgba(200,100,0,.4) 1px solid;
	border-bottom:rgba(200,100,0,.4) 1px solid;
	margin:10px 0 15px;
	padding:0 0 0 5px;
	background: linear-gradient(to right, rgba(255,215,0,.7), rgba(255,215,0,.0));
	color:#985600;
}



/*hr1*/
.hr1{
	display:block;
	clear:both;
	width:100%;
}

/*hr2*/
.hr2{
	display:block;
	clear:both;
	width:100%;
	font-family:Courier;
	border: none;
	margin:20px 0;
	padding:10px 20px;
	border-top:rgba(0,0,0,.4) 1px dashed;
	border-bottom:rgba(0,0,0,.4) 1px dashed;
}

.hr2 a {
    color: #933e !important;
}

/*hr3*/
.hr3{
	display:block;
	clear:both;
	width:100%;
	font-family:Courier;
	border: none;
	margin:10px 0;
	padding:0;
	border-bottom:rgba(0,0,0,.4) 1px dashed;
}


/*На чай*/
.tea{
	display:block;
	padding:0;
	width:420px;
	height:310px;
	overflow:hidden;
	
	float:right;
	margin:10px 0 10px 15px;
}
.tea iframe{
	display:inline-block;
	padding:0;
	border:none;
	max-width:100%;
	background:none;
	width:450px;
	height:320px;
}

.teamob{
	display:none;
	/*display:inline-block;*/
	text-align:center;
	font-size:22px;
	background-color:#000;
	padding:5px 10px;
	margin:20px auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/*transition: 2s;*/
	-webkit-transition: background 2s ease;
}

.teamob a{
	display:block;
	color:#cec;
	-webkit-transition: color 2s ease;
}

.teamob a svg{
	display:inline-block;
	width:20px;
	height:20px;
	margin-bottom:-3px;
	margin-right:3px;
}
.teamob a svg *{
	fill:#cec;
	-webkit-transition: fill 2s ease;
}

.teamob:hover{
	background-color:#eee;
	-webkit-transition: background 2s ease;
}

.teamob:hover a{
	color:#020;
	-webkit-transition: color 2s ease;
}

.teamob:hover a svg *{
	fill:#020;
	-webkit-transition: fill 2s ease;
}



.sesiltime{
	padding:20px 30px;
	margin:10px 0;
	background:#0005;
}

.content .sesiltime img,
.sesiltime img
{
	background:#fff;
	padding:10px;
}

.lifebooster{
	padding:10px;
	background:#fff;
	border:#7a7 3px dashed;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 5px -12px;
}

.lifebooster a h2{
	margin: 10px 0 15px;
	text-align:center;
}

.lifebooster_link{
	text-align:right;
}

.lifebooster img{
}


/*Карта*/
.map-address-bl{
	padding:20px 20px;
	border:#ccc 2px solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.map-address-bl h2{
	margin:10px 0;
}

/*lab*/
.border-hr{
	padding:3px 0 0 0;
	border-top:rgba(0,0,0,.4) 1px dashed;
	border-bottom:rgba(0,0,0,.4) 1px dashed;
}

.lab_section{
margin:20px 0;
background: repeating-linear-gradient(1deg, #a9ff9020, #a9ff9920 10px, #a9cc9920 10px, #a9aa9905 70px, #a9aa9905 20px);
background-size: 100% 600%;
-webkit-animation: labanima 6s ease infinite;
-moz-animation: labanima 6s ease infinite;
animation: labanima 6s ease infinite;
}



 @-webkit-keyframes labanima {
    0%{background-position:0% 100%}
	80%{background-position:0% 80%}
    100%{background-position:0% 0%}
}
@-moz-keyframes labanima {
    0%{background-position:0% 100%}
	80%{background-position:0% 80%}
    100%{background-position:0% 0%}
}
@keyframes labanima {
    0%{background-position:0% 100%}
	80%{background-position:0% 80%}
    100%{background-position:0% 0%}
}


.lab_section .lab_container{
	display:block;
	clear:both;
	font-family:Courier;
	border: none;
	margin:0;
	padding:10px 20px;
	margin:10px;
	background: linear-gradient(90deg, #ffffff20, #ffffff90 10%, #ffffff90 90%, #ffffff20 100%);
}

.lab_section .lab_container h2{
	display:block;
	border-top:rgba(0,0,0,.4) 1px dashed;
	border-bottom:rgba(0,0,0,.4) 1px dashed;
}


.mapshotcode{
height:400px;
margin:20px 0;
}

.adm{
background:#f003;
padding:5px;
margin:-5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

/*TEA*/

.donate_tea{
	display:block;
	display: -webkit-flex; 
	display: -moz-flex;
	display: flex; 
	overflow:hidden;
	border-top:#373b 2px solid;
	border-bottom:#373b 2px solid;
	margin:15px 0;
	text-align:center;
	height: 48px;
}

.donate_tea:hover{
	border-top:#373 2px solid;
	border-bottom:#373 2px solid;
}

.donate_tea_button{
	display:inline-block;
	background:#373b;
	padding:10px 15px;
	color:#fff;
	float:left;
	white-space: nowrap;
	height: 48px;
}

.donate_tea .thanckyou_w{
	float:right;
}

.donate_tea_button:hover,
.donate_tea:hover .donate_tea_button
{
	text-decoration:none;
	background:#373;
	color:#fff;
}

.donate_tea .top10_wrapper{
    display: inline-block;
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 48px;
    overflow-x: hidden;
    padding: 10px 10px;
	font-family: courier;
	background:#fff9;
}

.donate_tea .top10_wrapper .track{
  position: absolute;
  white-space: nowrap;
  will-change: transform;
  animation: marquee_tea 32s linear infinite;
}


@keyframes marquee_tea {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}


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

	.podskazka .textin{
		width: calc(100% - 70px);
		margin: 20px 40px 80px;
	}

}

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

	.podskazka .textin{
		top: 80px;
		width: calc(100% - 20px);
		margin: 20px 10px 80px 10px;
	}
	
	body .donate_tea_button,
	body .donate_tea .top10_wrapper
	{
		display:block !important;
		clear:both;
		float:none;
	}
	body .donate_tea{display:block !important;height:auto;}

}

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

}


/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

	/*body .content .tea{
		display:none !important;
	}
	body .content .teamob{
		display:block !important;
		clear:both;
	}*/
	


}