@charset "UTF-8";
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video
{
	border: 0;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary
{
	display: block;
}
body
{
	line-height: 1;
}
ol,ul
{
	list-style: none;
}
blockquote,q
{
	quotes: none;
}
blockquote:after,blockquote:before
{
	content: '';
	content: none;
}
q:after,q:before
{
	content: '';
	content: none;
}
table
{
	border-collapse: collapse;
	border-spacing: 0;
}
h1,h2,h3,h4,h5,h6
{
	font-weight: 400;
}
input
{
	outline: 0;
}
@-webkit-keyframes moveleftmenuopen
{
	from
	{
		transform: translateX(-160%);
		webkit-transform: translateX(-160%);
	}
	to
	{
		transform: translateX(0);
		webkit-transform: translateX(0);
	}
}
@-webkit-keyframes moveleftmenuopen
{
	from
	{
		transform: translateX(-160%);
		webkit-transform: translateX(-160%);
	}
	to
	{
		transform: translateX(0);
		webkit-transform: translateX(0);
	}
}
@-webkit-keyframes moverightmenuopen
{
	from
	{
		transform: translateX(160%);
		webkit-transform: translateX(160%);
	}
	to
	{
		transform: translateX(0);
		webkit-transform: translateX(0);
	}
}
@-webkit-keyframes moverightmenuopen
{
	from
	{
		transform: translateX(160%);
		webkit-transform: translateX(160%);
	}
	to
	{
		transform: translateX(0);
		webkit-transform: translateX(0);
	}
}
@-webkit-keyframes moveleftmenu
{
	from
	{
		transform: translateX(0);
		webkit-transform: translateX(0);
	}
	to
	{
		transform: translateX(150%);
		webkit-transform: translateX(150%);
	}
}
@keyframes moveleftmenu
{
	from
	{
		transform: translateX(0);
		webkit-transform: translateX(0);
	}
	to
	{
		transform: translateX(150%);
		webkit-transform: translateX(150%);
	}
}
@keyframes moveleftmenu
{
	from
	{
		transform: translateX(-150%);
		webkit-transform: translateX(-150%);
	}
	to
	{
		transform: translateX(0);
		webkit-transform: translateX(0);
	}
}
@-webkit-keyframes moverightmenu
{
	from
	{
		transform: translateX(100%);
		webkit-transform: translateX(100%);
	}
	to
	{
		transform: translateX(0);
		webkit-transform: translateX(0);
	}
}
@keyframes moverightmenu
{
	from
	{
		transform: translateX(100%);
		webkit-transform: translateX(100%);
	}
	to
	{
		transform: translateX(0);
		webkit-transform: translateX(0);
	}
}
@-webkit-keyframes moverightmenuclose
{
	from
	{
		transform: translateX(0);
		webkit-transform: translateX(0);
	}
	to
	{
		transform: translateX(100%);
		webkit-transform: translateX(100%);
	}
}
@keyframes moverightmenuclose
{
	from
	{
		transform: translateX(0);
		webkit-transform: translateX(0);
	}
	to
	{
		transform: translateX(100%);
		webkit-transform: translateX(100%);
	}
}
@-webkit-keyframes moveleftmenuclose
{
	from
	{
		transform: translateX(0);
		webkit-transform: translateX(0);
	}
	to
	{
		transform: translateX(-100%);
		webkit-transform: translateX(-100%);
	}
}
@keyframes moveleftmenuclose
{
	from
	{
		transform: translateX(0);
		webkit-transform: translateX(0);
	}
	to
	{
		transform: translateX(-100%);
		webkit-transform: translateX(-100%);
	}
}
@-webkit-keyframes movebottommenu
{
	from
	{
		bottom: -24%;
	}
	to
	{
		bottom: 0;
	}
}
@keyframes movebottommenu
{
	from
	{
		bottom: -24%;
	}
	to
	{
		bottom: 0;
	}
}
@-webkit-keyframes open_popup_window
{
	from
	{
		opacity: 0;
	}
	to
	{
		opacity: 1;
	}
}
@keyframes open_popup_window
{
	from
	{
		opacity: 0;
	}
	to
	{
		opacity: 1;
	}
}
#containerpage,body,html
{
	max-width: 100vw;
	overflow: hidden;
}
body
{
	background: url(/images/BG.jpg) no-repeat center center fixed;
	background-size: cover;
	font-family: Roboto,sans-serif,arial;
	font-size: 14px;
	overflow: hidden;
}
label
{
	cursor: pointer;
}
.hidden
{
	display: none;
}
.absolute
{
	position: absolute;
}
.clearfix
{
	clear: both;
}
#shortmenu
{
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	position: absolute;
	width: 100%;
}
#containerpage
{
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	min-height: 100vh;
	overflow: hidden;
}
#leftpage
{
	animation: moveleftmenuclose .6s ease-in-out;
	animation-fill-mode: forwards;
	display: block;
	left: 0;
	ms-transform: scaleX(.0001);
	ms-transform-origin: left center;
	position: absolute;
	transform: scaleX(.0001);
	transform-origin: left center;
	webkit-animation: moveleftmenuclose .6s ease-in-out;
	webkit-animation-fill-mode: forwards;
	webkit-transform: scaleX(.0001);
	webkit-transform-origin: left center;
	width: 20%;
}
#rightpage
{
	animation: moverightmenuclose .6s ease-in-out;
	animation-fill-mode: forwards;
	display: block;
	ms-transform: scaleX(.0001);
	ms-transform-origin: right center;
	position: absolute;
	right: 0;
	transform: scaleX(.0001);
	transform-origin: right center;
	webkit-animation: moverightmenuclose .6s ease-in-out;
	webkit-animation-fill-mode: forwards;
	webkit-transform: scaleX(.0001);
	webkit-transform-origin: right center;
	width: 20%;
}
.hidden-menu-ticker:checked~#leftpage
{
	animation: moveleftmenu .6s ease-in-out;
	animation-fill-mode: forwards;
	display: block;
	webkit-animation: moveleftmenu .6s ease-in-out;
	webkit-animation-fill-mode: forwards;
	z-index: 110;
}
#leftshortmenu
{
	animation: moveleftmenuopen 1.4s cubic-bezier(.77,.79,.6,.96);
	animation-fill-mode: forwards;
	display: block;
	ms-transform-origin: left center;
	transform-origin: left center;
	webkit-animation: moveleftmenuopen 1.4s cubic-bezier(.77,.79,.6,.96);
	webkit-animation-fill-mode: forwards;
	webkit-transform-origin: left center;
}
#rightshortmenu
{
	animation: moverightmenuopen 1.4s cubic-bezier(.77,.79,.6,.96);
	animation-fill-mode: forwards;
	display: block;
	ms-transform-origin: left center;
	transform-origin: left center;
	webkit-animation: moverightmenuopen 1.4s cubic-bezier(.77,.79,.6,.96);
	webkit-animation-fill-mode: forwards;
	webkit-transform-origin: left center;
}
.hidden-menu-ticker:checked~#leftshortmenu
{
	display: none;
	left: -5%;
	position: absolute;
	transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
	transition: transform .3s ease-in-out;
	transition: -webkit-transform .3s ease-in-out;
	webkit-transition: -webkit-transform .3s ease-in-out;
}
.hidden-rightmenu-ticker:checked~#rightpage
{
	animation: moverightmenu .6s ease-in-out;
	animation-fill-mode: forwards;
	display: block;
	right: 0;
	top: 0;
	webkit-animation: moverightmenu .6s ease-in-out;
	webkit-animation-fill-mode: forwards;
	z-index: 110;
}
.hidden-rightmenu-ticker:checked~#rightshortmenu
{
	display: none;
	position: absolute;
	right: -5%;
	transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
	transition: transform .3s ease-in-out;
	transition: -webkit-transform .3s ease-in-out;
	webkit-transition: -webkit-transform .3s ease-in-out;
}
.tariff_button_dv a.popupbutton
{
	width: 16em!important;
}
#photoprof
{
	display: none;
}
#leftpage .blur,#leftshortmenu .blur
{
	background: url(/images/BG.jpg) no-repeat left center;
}
#rightpage .blur,#rightshortmenu .blur
{
	background: url(/images/BG.jpg) no-repeat right center;
}
#leftpage,#leftshortmenu,#rightpage,#rightshortmenu
{
	max-height: 100vh;
	position: absolute;
}
#rightshortmenu
{
	right: 0;
}
#leftshortmenu img,#leftshortmenu nav ul li a img,#rightshortmenu img,#rightshortmenu nav ul li a img
{
	height: 3em;
}
#leftshortmenu .btn-menu,#leftshortmenu nav.left li a,#rightshortmenu .btn-menu,#rightshortmenu nav.left li a
{
	display: block;
	font-size: 1em;
	padding: 2em;
	width: auto;
}
#leftshortmenu .left li,#rightshortmenu .left li
{
	margin-left: 0;
}
#leftshortmenu nav.left li a:hover
{
	background: rgba(134,130,130,.8);
	padding: 2em;
}
#rightshortmenu nav.left li a:hover
{
	background: rgba(134,130,130,.8);
	padding: 2em;
}
#hmt
{
	left: 20%;
	position: absolute;
	z-index: 9999;
}
#hmtl
{
	left: 20%;
	position: absolute;
	top: 20%;
	z-index: 9999;
}
#hmt2
{
	position: absolute;
	top: -20%;
}
.btn-menu:hover
{
	background: rgba(134,130,130,.8);
	cursor: pointer;
}
.closebutton
{
	height: 32px;
	opacity: .3;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 32px;
}
#rightpage .closebutton
{
	left: 10px;
	z-index: 200;
}
.closebutton:hover
{
	opacity: 1;
}
.closebutton:after,.closebutton:before
{
	background-color: #fff;
	content: ' ';
	height: 33px;
	left: 15px;
	position: absolute;
	width: 2px;
}
.closebutton:before
{
	ms-transform: rotate(45deg);
	transform: rotate(45deg);
	webkit-transform: rotate(45deg);
}
.closebutton:after
{
	ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	webkit-transform: rotate(-45deg);
}
.blur
{
	filter: blur(3px);
	min-height: 100vh;
	position: absolute;
	webkit-filter: blur(3px);
	width: 100%;
}
.color
{
	background-color: rgba(25,25,25,.7);
	min-height: 100vh;
	position: absolute;
	width: 100%;
}
.content
{
	position: relative;
	z-index: 100;
}
#photobg,.photobg
{
	align-items: center;
	background: url(/users/photo.jpg) no-repeat;
	background-size: cover;
	color: #e7e7e7;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	flex-direction: column;
	justify-content: center;
	ms-flex-align: center;
	ms-flex-direction: column;
	ms-flex-pack: center;
	padding: 3em 0;
	webkit-align-items: center;
	webkit-box-align: center;
	webkit-box-direction: normal;
	webkit-box-orient: vertical;
	webkit-box-pack: center;
	webkit-flex-direction: column;
	webkit-justify-content: center;
}
#photo img
{
	border-radius: 6em;
	height: 12em;
	webkit-border-radius: 6em;
	width: 12em;
}
.nameuser
{
	font-family: Roboto;
	font-size: 2em;
	font-weight: 100;
	letter-spacing: .4em;
	margin: .5em 0;
	text-align: center;
	text-transform: uppercase;
	word-spacing: .1em;
}
nav.left .label_elem
{
	position: relative;
}
nav.left .label_elem a
{
	color: #e7e7e7;
	display: block;
	font-size: 1.5em;
	font-weight: 300;
	padding: 1.8em 0 1.8em 0;
	text-decoration: none;
}
nav.left .label_elem a:hover
{
	background: rgba(134,130,130,.8);
	padding: 1.75em 0 1.75em 0;
}
.openmenu
{
	color: #fff;
	font-weight: 700;
	text-align: right;
}
#rightpage .content h2
{
	color: #fff;
	font-size: 180%;
	font-weight: 100;
	padding: .9em 0 .9em 0;
	text-align: center;
	text-transform: uppercase;
}
.navigation
{
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	justify-content: space-between;
	margin: 1em 0;
	ms-flex-pack: justify;
	position: relative;
	webkit-box-pack: justify;
	webkit-justify-content: space-between;
}
.search
{
	position: relative;
}
.navicons
{
	align-items: center;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	justify-content: space-between;
	margin-right: 3%;
	ms-flex-align: center;
	ms-flex-pack: justify;
	padding: 0 0 0 30px;
	webkit-align-items: center;
	webkit-box-align: center;
	webkit-box-pack: justify;
	webkit-justify-content: space-between;
}
.navicons a
{
	display: block;
	margin: 0 1em 0 1em;
}
.navicons img
{
	height: 30px;
}
.search input[type=text]
{
	background-color: transparent;
	border: 1px solid #aaa;
	border-radius: 2px;
	color: #fff;
	font-size: 120%;
	margin-left: 5%;
	padding: .7em 0 .7em .7em;
	webkit-border-radius: 2px;
	width: 100%;
}
.search input[type=image]
{
	position: absolute;
	right: -14px;
	top: 5px;
}
#camlist
{
	margin-right: 1em;
	max-height: 63.4vh;
	overflow-y: auto;
}
#camlist::-webkit-scrollbar-track
{
	background-color: rgba(200,200,200,.8);
}
#camlist::-webkit-scrollbar
{
	background-color: #aaa;
	width: 0;
}
#camlist::-webkit-scrollbar-thumb
{
	background-color: #fff;
}
.settings_open
{
	display: none;
}
#settings_open_router:checked~.settings_open
{
	display: block;
}
.router_settings
{
	align-items: center;
	background-color: rgba(25,25,25,.5);
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	justify-content: center;
	margin: 0;
	ms-flex-align: center;
	ms-flex-pack: center;
	padding: 1vh 0;
	position: relative;
	webkit-align-items: center;
	webkit-box-align: center;
	webkit-box-pack: center;
	webkit-justify-content: center;
}
.router_settings .centerbutton a
{
	display: block;
	font-size: 1.2em;
	height: 4em;
	margin: .2em;
	padding: .5em;
	position: relative;
	text-align: center;
	width: 5.5em;
	z-index: 2;
}
.router_settings .centerbutton a img
{
	float: none;
	margin-right: 0;
}
.router_settings .centerbutton a:hover
{
	background: rgba(134,130,130,.8);
}
.router_settings .centerbutton a.first::after,.router_settings .centerbutton a.last::before
{
	content: none;
}
.content nav.right
{
	border-image: linear-gradient(to right,rgba(25,25,25,0) 0,rgba(255,255,255,.5) 40%,rgba(25,25,25,0) 90%);
	border-image: -webkit-gradient(linear,left top,right top,from(rgba(25,25,25,0)),color-stop(40%,rgba(255,255,255,.5)),color-stop(90%,rgba(25,25,25,0)));
	border-image-slice: 1;
	border-top: .1em solid transparent;
	webkit-border-image: -webkit-gradient(linear,left top,right top,from(rgba(25,25,25,0)),color-stop(40%,rgba(255,255,255,.5)),color-stop(90%,rgba(25,25,25,0)));
	webkit-border-image: -webkit-linear-gradient(left,rgba(25,25,25,0) 0,rgba(255,255,255,.5) 40%,rgba(25,25,25,0) 90%);
}
.camsort_rightmenu nav.right li a,.camsort_rightmenu nav.right li a:hover
{
	padding: .8em 0 .85em 2em;
}
.nav1:hover,.nav2:hover
{
	background: rgba(134,130,130,.8);
	cursor: pointer;
}
nav.right li
{
	position: relative;
}
nav.right li a
{
	color: #e7e7e7;
	display: block;
	font-size: 1.5em;
	font-weight: 300;
	padding: 1em 0 1em 1em;
	text-decoration: none;
}
nav.right li a:hover
{
	background: rgba(134,130,130,.8);
}
nav.right li a img
{
	float: right;
	margin-right: 6%;
}
nav.sub li a
{
	padding: 1em 0 1em 2em;
}
nav.sub li a:hover
{
	background: rgba(134,130,130,.8);
}
nav.right li .submenu
{
	align-items: center;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	float: right;
	justify-content: flex-end;
	ms-flex-align: center;
	ms-flex-pack: end;
	position: absolute;
	right: 0;
	top: 20%;
	webkit-align-items: center;
	webkit-box-align: center;
	webkit-box-pack: end;
	webkit-justify-content: flex-end;
}
nav.right li .submenu a
{
	padding: 0 .5em;
}
nav.right li .submenu a img
{
	height: 30px;
	opacity: .7;
}
nav.right li .submenu a:hover
{
	background: 0 0;
	border: none;
	border-image: none;
	border-image-slice: 0;
	border-right: 0;
	opacity: 1;
	padding: 0 .5em;
	webkit-border-image: none;
}
nav.right ul li .submenu a::before
{
	content: none;
}
.massages
{
	background-color: #25980f;
	border-radius: 50%;
	box-sizing: content-box;
	color: #fff;
	font-size: 80%;
	opacity: 1;
	padding: 4px;
	position: absolute;
	right: 0;
	top: 0;
	webkit-border-radius: 50%;
	webkit-box-sizing: content-box;
}
nav.right li .submenu a:nth-child(2)
{
	position: relative;
}
.newcamera
{
	bottom: 0;
	left: 0;
	position: absolute;
	width: 100%;
}
.newcamera a
{
	align-items: center;
	border-image: linear-gradient(to right,rgba(25,25,25,0) 0,rgba(255,255,255,.5) 40%,rgba(25,25,25,0) 90%);
	border-image: -webkit-gradient(linear,left top,right top,from(rgba(25,25,25,0)),color-stop(40%,rgba(255,255,255,.5)),color-stop(90%,rgba(25,25,25,0)));
	border-image-slice: 1;
	border-top: .05em solid transparent;
	color: #e7e7e7;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	font-size: 1.5em;
	font-weight: 300;
	ms-flex-align: center;
	padding: 2em 0 2em 1em;
	text-decoration: none;
	webkit-align-items: center;
	webkit-border-image: -webkit-gradient(linear,left top,right top,from(rgba(25,25,25,0)),color-stop(40%,rgba(255,255,255,.5)),color-stop(90%,rgba(25,25,25,0)));
	webkit-border-image: -webkit-linear-gradient(left,rgba(25,25,25,0) 0,rgba(255,255,255,.5) 40%,rgba(25,25,25,0) 90%);
	webkit-box-align: center;
}
.newcamera a div:nth-child(1)
{
	font-size: 200%;
	padding: 0 .5em 0 .5em;
	weight: 100;
}
.newcamera a:hover
{
	background: rgba(134,130,130,.8);
}
font .newcamera a:hover
{
	background: linear-gradient(to right,rgba(25,25,25,0) 0,rgba(255,255,255,.5) 40%,rgba(25,25,25,0) 80%);
	background: -webkit-gradient(linear,left top,right top,from(rgba(25,25,25,0)),color-stop(40%,rgba(255,255,255,.5)),color-stop(80%,rgba(25,25,25,0)));
	background: -webkit-linear-gradient(left,rgba(25,25,25,0) 0,rgba(255,255,255,.5) 40%,rgba(25,25,25,0) 80%);
	border: .05em solid transparent;
	border-image: linear-gradient(to right,rgba(25,25,25,0) 0,rgba(255,255,255,.5) 40%,rgba(25,25,25,0) 90%);
	border-image: -webkit-gradient(linear,left top,right top,from(rgba(25,25,25,0)),color-stop(40%,rgba(255,255,255,.5)),color-stop(90%,rgba(25,25,25,0)));
	border-image-slice: 1;
	border-right: 0;
	padding: 1.95em 0 1.95em .95em;
	webkit-border-image: -webkit-gradient(linear,left top,right top,from(rgba(25,25,25,0)),color-stop(40%,rgba(255,255,255,.5)),color-stop(90%,rgba(25,25,25,0)));
	webkit-border-image: -webkit-linear-gradient(left,rgba(25,25,25,0) 0,rgba(255,255,255,.5) 40%,rgba(25,25,25,0) 90%);
}
.newcamera .newcamera_switch
{
	height: 100%;
	padding: 2em 0 2em 1em;
	position: absolute;
	top: 0;
	width: 100%;
}
#centerpage
{
	align-content: space-between;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	flex-wrap: wrap;
	left: 21%;
	min-height: 100vh;
	ms-flex-line-pack: justify;
	ms-flex-wrap: wrap;
	position: absolute;
	webkit-align-content: space-between;
	webkit-flex-wrap: wrap;
	width: 58%;
}
#centerpage .topcenter
{
	align-items: flex-start;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	flex-direction: row;
	justify-content: space-between;
	ms-flex-align: start;
	ms-flex-direction: row;
	ms-flex-pack: justify;
	webkit-align-items: flex-start;
	webkit-box-align: start;
	webkit-box-direction: normal;
	webkit-box-orient: horizontal;
	webkit-box-pack: justify;
	webkit-flex-direction: row;
	webkit-justify-content: space-between;
	width: 100%;
}
#centerpage .bottomcenter
{
	align-items: flex-end;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	flex-direction: row;
	justify-content: space-between;
	ms-flex-align: end;
	ms-flex-direction: row;
	ms-flex-pack: justify;
	webkit-align-items: flex-end;
	webkit-box-align: end;
	webkit-box-direction: normal;
	webkit-box-orient: horizontal;
	webkit-box-pack: justify;
	webkit-flex-direction: row;
	webkit-justify-content: space-between;
	width: 100%;
}
#centerpage .centerleft
{
	width: 30%;
}
#centerpage .centerbutton
{
	width: 90%;
}
#centerpage .centertop
{
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	flex-direction: row;
	ms-flex-direction: row;
	position: relative;
	webkit-box-direction: normal;
	webkit-box-orient: horizontal;
	webkit-flex-direction: row;
	width: 35%;
}
#centerpage .centertop .centerbutton
{
	padding-left: 0;
	padding-right: 0;
	width: 50%;
}
#centerpage .centertop .centerbutton a
{
	padding: 1em 0 1em 0;
	position: relative;
}
#centerpage .centertop .vline
{
	background: rgba(255,255,255,.23);
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 1%;
	z-index: 100;
}
.centerbutton img
{
	height: 30px;
}
#centerpage .centerbutton a
{
	background-color: rgba(25,25,25,.7);
	color: #e7e7e7;
	display: block;
	font-size: 1.3em;
	font-weight: 300;
	padding: 1em 1em 1em 1em;
	position: relative;
	text-align: center;
	text-decoration: none;
	width: 100%;
}
#centerpage .active a,#centerpage .centerbottom_wide .centerbutton.active a
{
	background: rgba(134,130,130,.8);
	text-shadow: 1px 1px 1px #000;
}
#centerpage .centerbutton a:hover
{
	background: rgba(134,130,130,.8);
	text-shadow: 1px 1px 1px #000;
}
#centerpage .positions
{
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	justify-content: space-between;
	margin: 18px 20px;
	ms-flex-pack: justify;
	webkit-box-pack: justify;
	webkit-justify-content: space-between;
	width: 30%;
}
#centerpage .positions a
{
	box-sizing: content-box;
	display: block;
	webkit-box-sizing: content-box;
}
#centerpage .positions img
{
	transition: .5s;
	webkit-transition: .5s;
}
#centerpage .positions a img:hover
{
	ms-transform: scale(1.2);
	transform: scale(1.2);
	webkit-transform: scale(1.2);
}
#centerpage .centerbottom
{
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	flex-direction: row;
	justify-content: center;
	ms-flex-direction: row;
	ms-flex-pack: center;
	position: relative;
	webkit-box-direction: normal;
	webkit-box-orient: horizontal;
	webkit-box-pack: center;
	webkit-flex-direction: row;
	webkit-justify-content: center;
	width: 100%;
}
#centerpage .centerbottom .centerbutton
{
	padding-left: 0;
	padding-right: 0;
	width: 20%;
}
#centerpage .centerbottom .centerbutton a
{
	border-left: 0;
	border-right: 0;
	padding: 1em 0 1em 0;
}
#centerpage .centerbottom .centerbutton a:hover
{
	border-left: 0;
	border-right: 0;
}
#rightpage .content
{
	min-height: 100vh;
}
#centerpage .centerbottom_wide
{
	background-color: rgba(25,25,25,.7);
	bottom: -30%;
	display: none;
	position: absolute;
	width: 100%;
}
#centerpage .centerbottom_wide .centerbutton a
{
	background: 0 0;
}
#centerpage .centerbottom_wide .centerbutton a.active
{
	background: rgba(134,130,130,.8);
	border: .05em solid #888;
	padding: .95em 0;
}
#centerpage .centerbottom_wide .centerbutton a:hover
{
	background: rgba(134,130,130,.8);
}
#centerpage ul
{
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	justify-content: center;
	ms-flex-pack: center;
	webkit-box-pack: center;
	webkit-justify-content: center;
}
#centerpage ul li
{
	color: #fff;
	display: block;
}
#centerpage ul li a
{
	color: #fff;
	display: block;
	text-decoration: none;
}
#centerpage .change_buttons ul li
{
	margin: 1%;
	width: 24%;
}
#centerpage .change_buttons ul li a
{
	font-size: 1.3em;
	font-weight: 200;
	padding: 1em 0;
	position: relative;
	text-align: center;
	width: 100%;
	z-index: 2;
}
#centerpage .change_buttons ul li a:hover
{
	background: rgba(134,130,130,.8);
}
#centerpage .change_buttons ul li a.last::after
{
	content: none;
}
#analytics .schedulenav ul li a.last::after
{
	content: none;
}
#centerpage .change_buttons ul li a.first::before
{
	content: none;
}
#centerpage label
{
	cursor: pointer;
}
#bottomchange:checked~.centerbottom
{
	display: none;
}
#bottomchange:checked~.centerbottom_wide
{
	animation: movebottommenu .6s ease-in-out;
	animation-fill-mode: forwards;
	display: block;
	webkit-animation: movebottommenu .6s ease-in-out;
	webkit-animation-fill-mode: forwards;
	z-index: 200;
}
.popupwindow
{
	color: #fff;
	font-weight: 200;
	height: 20vh;
	left: 33%;
	letter-spacing: .05em;
	position: absolute;
	top: 40%;
	width: 35%;
	z-index: 999;
}
.popupwindow h2
{
	font-size: 1.5em;
	font-weight: 200;
}
.popupwindow .line
{
	background: linear-gradient(to right,#fff 0,rgba(255,255,255,0) 80%);
	background: -webkit-gradient(linear,left top,right top,from(white),color-stop(80%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(left,#fff 0,rgba(255,255,255,0) 80%);
	height: 1px;
	margin: 1em 0;
	width: 100%;
}
.popupwindow .reverse
{
	background: linear-gradient(to left,#fff 0,rgba(255,255,255,0) 80%);
	background: -webkit-gradient(linear,right top,left top,from(white),color-stop(80%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(right,#fff 0,rgba(255,255,255,0) 80%);
}
.popupwindow .topbottom
{
	text-align: right;
}
.popupwindow .popupbutton
{
	align-items: flex-start;
	background-color: transparent;
	border: none;
	box-sizing: border-box;
	color: #fff;
	display: inline-block;
	font-family: Roboto;
	font-size: 1em;
	font-weight: 400;
	letter-spacing: .05em;
	margin: 0 1em;
	ms-flex-align: start;
	outline: 0;
	padding: 1em;
	text-align: center;
	webkit-align-items: flex-start;
	webkit-box-align: start;
	webkit-box-sizing: border-box;
	width: 11em;
}
.popupwindow .popupbutton:hover
{
	background: rgba(134,130,130,.8);
	cursor: pointer;
}
.wrapperfirst,.wrapperlast
{
	float: right;
}
.popupwindow
{
	display: none;
	z-index: 110;
}
.popup_content
{
	background-color: rgba(25,25,25,.7);
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	flex-direction: column;
	height: auto;
	justify-content: space-between;
	ms-flex-direction: column;
	ms-flex-pack: justify;
	padding: 1em;
	position: relative;
	webkit-box-direction: normal;
	webkit-box-orient: vertical;
	webkit-box-pack: justify;
	webkit-flex-direction: column;
	webkit-justify-content: space-between;
}
#popuppass:checked~.password_reset
{
	display: block;
	z-index: 110;
}
.password_reset .blur
{
	background: url(/images/BG.jpg) no-repeat 50.8% 49%;
	left: 0;
	min-height: 23vh;
	position: absolute;
	top: 0;
	width: 100%;
}
.ready_video
{
	display: none;
	height: 52vh;
	left: 30%;
	top: 22%;
	width: 40%;
}
.ready_video .blur
{
	background: url(/images/BG.jpg) no-repeat 50% 48%;
	left: 0;
	min-height: 54vh;
	position: absolute;
	top: 0;
	width: 100%;
}
#video_list_window:checked~.ready_video
{
	animation: open_popup_window .6s ease-in-out;
	animation-fill-mode: forwards;
	display: block;
	opacity: 0;
	webkit-animation: open_popup_window .6s ease-in-out;
	webkit-animation-fill-mode: forwards;
}
.toppop .underh2
{
	margin-top: 1em;
}
.video_list_item
{
	align-items: center;
	border-bottom: .1em solid transparent;
	border-image: linear-gradient(to right,rgba(255,255,255,0) 10%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 75%);
	border-image: -webkit-gradient(linear,left top,right top,color-stop(10%,rgba(255,255,255,0)),color-stop(60%,rgba(255,255,255,.5)),color-stop(75%,rgba(255,255,255,0)));
	border-image-slice: 1;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	justify-content: space-between;
	ms-flex-align: center;
	ms-flex-pack: justify;
	webkit-align-items: center;
	webkit-border-image: -webkit-gradient(linear,left top,right top,color-stop(10%,rgba(255,255,255,0)),color-stop(60%,rgba(255,255,255,.5)),color-stop(75%,rgba(255,255,255,0)));
	webkit-border-image: -webkit-linear-gradient(left,rgba(255,255,255,0) 10%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 75%);
	webkit-box-align: center;
	webkit-box-pack: justify;
	webkit-justify-content: space-between;
}
.video_list_item p
{
	flex-grow: 1;
	ms-flex-positive: 1;
	webkit-box-flex: 1;
	webkit-flex-grow: 1;
}
.video_list_item p a
{
	color: #fff;
	text-decoration: none;
}
.video_list_item p a:hover
{
	text-decoration: underline;
}
.ready_video_list
{
	flex-grow: 1;
	ms-flex-positive: 1;
	overflow-y: auto;
	webkit-box-flex: 1;
	webkit-flex-grow: 1;
}
.ready_video_list::-webkit-scrollbar-track
{
	background-color: rgba(200,200,200,.8);
}
.ready_video_list::-webkit-scrollbar
{
	background-color: #aaa;
	width: 2px;
}
.ready_video_list::-webkit-scrollbar-thumb
{
	background-color: #fff;
}
.video_list_item::before
{
	background: url(/images/video-player.png);
	background-size: cover;
	content: "";
	display: inline-block;
	height: 2em;
	margin-right: 1em;
	width: 2em;
}
.vlistitem_icons .download
{
	background: url(/images/download-arrow.png);
}
.vlistitem_icons .upload
{
	background: url(/images/cloud-computing.png);
}
.vlistitem_icons .trash
{
	background: url(/images/trash.png);
}
.vlistitem_icons .vicon
{
	background-size: cover;
	display: inline-block;
	height: 2.5em;
	width: 2.5em;
}
.popupwindow input,.popupwindow select
{
	background-color: transparent;
	border: none;
	color: #fff;
	font-family: Roboto,sans-serif,arial;
	font-size: 1em;
	font-weight: 200;
	letter-spacing: .05em;
	width: 100%;
}
.popupwindow input
{
	font-weight: 400;
}
#profile_options_window:checked~.profile_options_for_open
{
	animation: open_popup_window .6s ease-in-out;
	animation-fill-mode: forwards;
	display: block;
	opacity: 0;
	webkit-animation: open_popup_window .6s ease-in-out;
	webkit-animation-fill-mode: forwards;
}
#one-video-open:checked~#onevideo
{
	animation: open_popup_window .6s ease-in-out;
	animation-fill-mode: forwards;
	display: block;
	opacity: 0;
	webkit-animation: open_popup_window .6s ease-in-out;
	webkit-animation-fill-mode: forwards;
}
#two-video-open:checked~#videolist-two
{
	animation: open_popup_window .6s ease-in-out;
	animation-fill-mode: forwards;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	opacity: 0;
	webkit-animation: open_popup_window .6s ease-in-out;
	webkit-animation-fill-mode: forwards;
}
#four-video-open:checked~#videolist
{
	animation: open_popup_window .6s ease-in-out;
	animation-fill-mode: forwards;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	opacity: 0;
	webkit-animation: open_popup_window .6s ease-in-out;
	webkit-animation-fill-mode: forwards;
}
#all-video-open:checked~#videolist-all
{
	animation: open_popup_window .6s ease-in-out;
	animation-fill-mode: forwards;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	opacity: 0;
	webkit-animation: open_popup_window .6s ease-in-out;
	webkit-animation-fill-mode: forwards;
}
.profile_options
{
	display: none;
	height: 70vh;
	left: 21%;
	position: absolute;
	top: 11%;
	width: 58%;
}
.profile_options .blur
{
	background: url(/images/BG.jpg) no-repeat 50% 51%;
	left: 0;
	min-height: 64.5vh;
	position: absolute;
	top: 0;
	width: 100%;
}
.profile_options .form_fieldsets
{
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	justify-content: center;
	margin: 0 auto;
	ms-flex-pack: center;
	webkit-box-pack: center;
	webkit-justify-content: center;
	width: 95%;
}
.profile_options .form_fieldsets fieldset
{
	width: 50%;
}
.profile_options .form_fieldsets fieldset .form_line_bg
{
	align-items: center;
	background-color: rgba(25,25,25,.7);
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	height: 2em;
	margin: 1em 3%;
	ms-flex-align: center;
	padding-left: 1em;
	webkit-align-items: center;
	webkit-box-align: center;
	width: 84%;
}
.profile_options .form_fieldsets fieldset .form_stroke
{
	align-items: center;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	ms-flex-align: center;
	webkit-align-items: center;
	webkit-box-align: center;
}
.profile_options .form_fieldsets fieldset .form_stroke::before
{
	background: url(/images/picture.png);
	background-size: cover;
	content: "";
	display: inline-block;
	height: 2em;
	margin-right: 0;
	width: 2em;
}
.profile_options .form_fieldsets fieldset .firstname_form_img::before
{
	background: url(/images/user.png);
	background-size: cover;
}
.profile_options .form_fieldsets fieldset .email_form_img::before
{
	background: url(/images/mail.png);
	background-size: cover;
}
.profile_options .form_fieldsets fieldset .pass_form_img::before
{
	background: url(/images/key.png);
	background-size: cover;
}
.profile_options .form_fieldsets fieldset .hours_form_img::before
{
	background: url(/images/worldwide.png);
	background-size: cover;
}
.profile_options .form_fieldsets fieldset .time_form_img::before
{
	background: url(/images/stopwatch.png);
	background-size: cover;
}
.profile_options .form_fieldsets fieldset .server_form_img::before
{
	background: url(/images/cloud-computing.png);
	background-size: cover;
}
.profile_options .form_fieldsets fieldset .trash_form_img::before
{
	background: url(/images/trash.png);
	background-size: cover;
}
.profile_options .form_fieldsets fieldset .logo_form_img::before
{
	background: url(/images/rocket-ship.png);
	background-size: cover;
}
.profile_options .form_fieldsets fieldset .form_stroke input,.profile_options .form_fieldsets fieldset .form_stroke select
{
	background-color: transparent;
	border: none;
	color: #fff;
	font-family: Roboto,sans-serif,arial;
	font-size: 1em;
	font-weight: 200;
	letter-spacing: .05em;
	width: 100%;
}
.profile_options .form_fieldsets fieldset .form_stroke input
{
	font-weight: 400;
}
.profile_options .form_line_bg .popupbutton
{
	padding: .5em 1em;
}
option
{
	background-color: rgba(25,25,25,.7);
	border: none;
}
.form_fieldsets #delete_video_option
{
	display: none;
	position: absolute;
	top: -200%;
}
.logo_form_img label,.trash_form_img label
{
	align-items: center;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	ms-flex-align: center;
	webkit-align-items: center;
	webkit-box-align: center;
}
.trash_form_img .delete_video_option_on
{
	opacity: 0;
}
#delete_video_option:checked~.delete_video_option_on
{
	opacity: 1;
}
#delete_video_option:checked~.delete_video_option_off
{
	opacity: 0;
}
.switcher_label
{
	height: 1em;
	position: absolute;
	right: 10%;
	width: 3em;
}
.switcher
{
	align-items: center;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	ms-flex-align: center;
	position: absolute;
	right: 10%;
	webkit-align-items: center;
	webkit-box-align: center;
}
.switcher .swircher_circle
{
	background-color: #ddd;
	border-radius: 50%;
	height: 1em;
	webkit-border-radius: 50%;
	width: 1em;
}
.switcher .swircher_line
{
	background-color: #1a1a1b;
	height: .4em;
	width: 2em;
}
.delete_video_option_on .swircher_circle
{
	background-color: #25980f;
}
#user_form_logo
{
	display: none;
}
.logo_form_img label
{
	justify-content: space-between;
	ms-flex-pack: justify;
	webkit-box-pack: justify;
	webkit-justify-content: space-between;
	width: 100%;
}
.logo_form_img label .popupbutton
{
	align-items: center;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	height: 2em;
	justify-content: center;
	margin-right: 0;
	ms-flex-align: center;
	ms-flex-pack: center;
	padding-bottom: 0;
	padding-top: 0;
	webkit-align-items: center;
	webkit-box-align: center;
	webkit-box-pack: center;
	webkit-justify-content: center;
}
.logo_form_img label .popupbutton:hover
{
	height: 2em;
	padding-bottom: .1em;
	padding-top: .1em;
}
.profile_options .popup_content
{
	padding: 3em;
}
.profile_options .wrapper
{
	margin-right: 2.5%;
	margin-top: 1.5em;
}
.profile_options .wrapperfirst::after
{
	ms-transform: translateX(100%) translateY(0) scale(.2);
	transform: translateX(100%) translateY(0) scale(.2);
	webkit-transform: translateX(100%) translateY(0) scale(.2);
}
.profile_options .wrapperfirst:hover::after
{
	ms-transform: translateX(454%) translateY(3%) scale(1);
	transform: translateX(454%) translateY(3%) scale(1);
	webkit-transform: translateX(454%) translateY(3%) scale(1);
}
.profile_options h2
{
	display: inline-block;
	font-size: 1.5em;
	font-weight: 200;
	letter-spacing: .22em;
	text-transform: uppercase;
	word-spacing: .2em;
}
.device_managment h2
{
	display: inline-block;
	font-size: 1.5em;
	font-weight: 200;
	letter-spacing: .22em;
	text-transform: uppercase;
	word-spacing: .2em;
}
.popupwindow .balanse
{
	align-items: center;
	display: flex;
	display: inline-block;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	float: right;
	font-size: 1.5em;
	font-weight: 200;
	justify-content: space-between;
	margin-right: 2em;
	ms-flex-align: center;
	ms-flex-pack: justify;
	text-transform: uppercase;
	webkit-align-items: center;
	webkit-box-align: center;
	webkit-box-pack: justify;
	webkit-justify-content: space-between;
}
.popupwindow .balanse .balanse_number
{
	align-items: center;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	float: right;
	font-size: 1.2em;
	font-weight: 400;
	margin-left: .6em;
	ms-flex-align: center;
	webkit-align-items: center;
	webkit-box-align: center;
}
.popupwindow .balanse .balanse_number::after
{
	background: url(/images/ruble.png);
	background-size: cover;
	content: "";
	display: inline-block;
	height: 1em;
	margin-right: 1em;
	width: 1em;
}
.device_managment .line,.profile_options .line
{
	background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 20%,rgba(255,255,255,.7) 50%,rgba(255,255,255,.2) 80%,rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),color-stop(20%,rgba(255,255,255,.2)),color-stop(50%,rgba(255,255,255,.7)),color-stop(80%,rgba(255,255,255,.2)),to(rgba(255,255,255,0)));
	background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 20%,rgba(255,255,255,.7) 50%,rgba(255,255,255,.2) 80%,rgba(255,255,255,0) 100%);
	height: 1px;
}
.profile_options .profile_disc_usage ul li
{
	align-items: center;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	justify-content: space-between;
	margin-bottom: 1em;
	ms-flex-align: center;
	ms-flex-pack: justify;
	webkit-align-items: center;
	webkit-box-align: center;
	webkit-box-pack: justify;
	webkit-justify-content: space-between;
}
.profile_options .profile_disc_usage ul li::before
{
	background: url(/images/picture.png);
	background-size: cover;
	content: "";
	display: inline-block;
	height: 2em;
	margin-right: .8em;
	width: 2em;
}
.profile_options .profile_disc_usage ul .video_usage::before
{
	background: url(/images/video-player.png);
	background-size: cover;
}
.profile_options .profile_disc_usage ul li p
{
	width: 10%;
}
.profile_options .profile_disc_usage ul li .bar
{
	border: 1px solid #ccc;
	flex-grow: 0;
	height: 1em;
	ms-flex-positive: 0;
	position: relative;
	webkit-box-flex: 0;
	webkit-flex-grow: 0;
	width: 70%;
}
.profile_options .profile_disc_usage ul li .fill_bar_screen_shots
{
	background-color: #a7a711;
	height: 1em;
	left: 0;
	position: absolute;
	top: 0;
	width: 82.33%;
}
.profile_options .profile_disc_usage ul li .fill_bar_video_usage
{
	background-color: #235e1c;
	height: 1em;
	left: 0;
	position: absolute;
	top: 0;
	width: 33.75%;
}
.profile_options .profile_disc_usage ul li .percent_usage
{
	margin-left: 1em;
}
.sample_create
{
	display: none;
	height: 32vh;
	width: 38%;
}
.sample_create .blur
{
	background: url(/images/BG.jpg) no-repeat 53.3% 59%;
	left: 0;
	min-height: 35vh;
	position: absolute;
	top: 0;
	width: 100%;
}
.center_text
{
	margin: 1.5em 0;
	text-align: center;
}
.center_text span
{
	font-size: 1.4em;
	font-weight: 400;
}
.interval_generation_list .delete_video_option_on,.sample_create .delete_video_option_on
{
	opacity: 0;
}
.interval_generation_list .topbottom .flex,.sample_create .topbottom .flex
{
	align-items: center;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	ms-flex-align: center;
	webkit-align-items: center;
	webkit-box-align: center;
}
.form_fieldsets_sample .fieldset
{
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	flex-wrap: wrap;
	justify-content: center;
	ms-flex-pack: center;
	ms-flex-wrap: wrap;
	text-align: center;
	webkit-box-pack: center;
	webkit-flex-wrap: wrap;
	webkit-justify-content: center;
}
.sample_create .form_fieldsets_sample .form_stroke::before
{
	background: url(/images/history-button.png);
	background-size: cover;
	content: "";
	display: inline-block;
	height: 2em;
	margin-right: 10px;
	width: 2em;
}
.sample_create .form_fieldsets_sample .calendar_form_img::before
{
	background: url(/images/calendar_white.png);
	background-size: cover;
}
.sample_create .form_fieldsets_sample .fieldset .calendar_form_img,.sample_create .form_fieldsets_sample .fieldset .clock_form_img
{
	width: 67%;
}
.sample_create .form_fieldsets_sample .fieldset .calendar_form_img .form_line_bg
{
	width: 92%;
}
.sample_create .form_fieldsets_sample .nobefore::before
{
	content: none;
}
.sample_create .speed_form_img input
{
	font-size: 1em;
	text-align: center;
}
#calendar_dates
{
	width: 34%!important;
}
.calendar_dates
{
	background-color: rgba(25,25,25,.7)!important;
	padding: 2px 11px;
}
#calendar_dates_2
{
	width: 85%!important;
}
.calendar_dates_3
{
	width: 28%!important;
}
.clock_form_img .form_line_bg
{
	width: 41%;
}
.clock_form_img #sample_clock
{
	width: 44%;
}
.interval_generation_list .speed_form_img input
{
	font-size: 1em;
	text-align: center;
}
.form_fieldsets_sample .speed_form_img p
{
	flex-grow: 1;
	ms-flex-positive: 1;
	webkit-box-flex: 1;
	webkit-flex-grow: 1;
}
.form_fieldsets_sample #speed_video
{
	font-size: 1.2em;
	width: 10%;
}
.form_fieldsets_sample .fieldset .form_stroke
{
	margin-bottom: 1em;
	margin-top: 1em;
	width: 50%;
}
#date_video_option:checked~.delete_video_option_on
{
	opacity: 1;
}
#date_video_option:checked~.delete_video_option_off
{
	opacity: 0;
}
.form_fieldsets_sample .fieldset .date_video_img
{
	margin-left: 10%;
	width: 40%;
}
.form_fieldsets_sample .switcher,.form_fieldsets_sample .switcher_label
{
	right: 15%;
}
.form_fieldsets_sample .speed_switcher_img .switcher
{
	right: 53%;
}
.form_fieldsets_sample .speed_switcher_img .switcher .swircher_line
{
	width: 17em;
}
.form_fieldsets_sample .speed_switcher_img .switcher .swircher_circle
{
	display: block;
	left: 100%;
	position: absolute;
	top: -.3em;
}
#sample_window:checked~.sample_create
{
	animation: open_popup_window .6s ease-in-out;
	animation-fill-mode: forwards;
	display: block;
	opacity: 0;
	webkit-animation: open_popup_window .6s ease-in-out;
	webkit-animation-fill-mode: forwards;
}
nav.bottom_selection
{
	margin-top: 4em;
}
nav.bottom_selection li a
{
	padding: 1.5em 0 1.5em 2em;
}
nav.bottom_selection li a:hover
{
	padding: 1.45em 0 1.45em 1.95em;
}
nav.bottom_selection ul li a::before
{
	height: 4.5em;
}
.select_now ul li
{
	padding-left: 1em;
}
.select_now ul li a
{
	padding-left: 2em;
}
.select_now ul li a:hover
{
	padding-left: 2em;
}
nav.sub ul li a
{
	padding-left: 2.3em;
}
nav.sub ul li a:hover
{
	padding-left: 2.3em;
}
.select_now ul li::before
{
	background: url(../images/selected_no.png);
	background-size: cover;
	content: "";
	display: inline-block;
	height: 2em;
	position: absolute;
	top: 1.2em;
	visibility: hidden;
	width: 2em;
}
.select_now ul li.selected_camera::before
{
	background: url(/images/selected.png);
	background-size: cover;
}
.select_now ul li.no_select::before
{
	content: none;
}
.interval_generation_list
{
	height: 32vh;
}
.interval_generation_list .blur
{
	background: url(/images/BG.jpg) no-repeat 50.8% 59%;
	left: 0;
	min-height: 34vh;
	position: absolute;
	top: 0;
	width: 100%;
}
.interval_generation_list .calendar_icon_img::before
{
	background: url(/images/calendar_white.png);
	background-size: cover;
	content: "";
	display: inline-block;
	height: 2em;
	left: 1em;
	position: absolute;
	top: 5.4em;
	width: 2em;
}
#date_video_option_2:checked~.delete_video_option_on
{
	opacity: 1;
}
#date_video_option_2:checked~.delete_video_option_off
{
	opacity: 0;
}
.form_fieldsets_sample .fieldset .stroke_interval_date
{
	margin-left: .5em;
	width: 10%;
}
.form_fieldsets_sample .fieldset .stroke_interval_day
{
	margin-left: 1.5em;
	width: 19%;
}
.form_fieldsets_sample .fieldset .stroke_interval_frequency
{
	margin-left: .5em;
	width: 35%;
}
.interval_generation_list .fieldset_interval select option
{
	background-color: rgba(25,25,25,.7);
	border: none;
}
.form_line_bg1
{
	background-color: rgba(25,25,25,.7);
	padding: .2em;
}
#camera_add_switcher:checked~.camera_add_list,#interval_generation:checked~.interval_generation_list
{
	animation: open_popup_window .6s ease-in-out;
	animation-fill-mode: forwards;
	display: block;
	opacity: 0;
	webkit-animation: open_popup_window .6s ease-in-out;
	webkit-animation-fill-mode: forwards;
}
.camera_add_list
{
	height: 62vh;
	left: 27%;
	top: 18%;
	width: 43%;
}
.camera_add_list .blur
{
	background: url(/images/BG.jpg) no-repeat 50% 51%;
	left: 0;
	min-height: 64vh;
	position: absolute;
	top: 0;
	width: 100%;
}
.camera_add_list .form_line_bg
{
	align-items: center;
	background-color: rgba(25,25,25,.7);
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	height: 2em;
	margin: .4em 0 .4em 3%;
	ms-flex-align: center;
	padding-left: 1em;
	webkit-align-items: center;
	webkit-box-align: center;
	width: 60%;
}
.camera_add_list .no_bg
{
	background: 0 0;
}
.camera_add_list .flex
{
	align-items: center;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	ms-flex-align: center;
	webkit-align-items: center;
	webkit-box-align: center;
}
.form_line_label
{
	width: 34%;
}
.camera_add_list .half
{
	width: 14em;
}
.camera_add_list .switcher,.camera_add_list .switcher_label
{
	left: 38%;
}
.camera_add_list .delete_video_option_on
{
	opacity: 0;
}
#date_on_video:checked~.delete_video_option_on,#date_on_video_add:checked~.delete_video_option_on,#delete_video:checked~.delete_video_option_on,#delete_video_add:checked~.delete_video_option_on,#every_day_video:checked~.delete_video_option_on,#every_day_video_add:checked~.delete_video_option_on,#friday:checked~.delete_video_option_on,#mail_on_video:checked~.delete_video_option_on,#mail_on_video_add:checked~.delete_video_option_on,#monday:checked~.delete_video_option_on,#saturday:checked~.delete_video_option_on,#sunday:checked~.delete_video_option_on,#thursday:checked~.delete_video_option_on,#tuesday:checked~.delete_video_option_on,#upload_video:checked~.delete_video_option_on,#upload_video_add:checked~.delete_video_option_on,#wednesday:checked~.delete_video_option_on
{
	opacity: 1;
}
#date_on_video:checked~.delete_video_option_off,#date_on_video_add:checked~.delete_video_option_off,#delete_video:checked~.delete_video_option_off,#delete_video_add:checked~.delete_video_option_off,#every_day_video:checked~.delete_video_option_off,#every_day_video_add:checked~.delete_video_option_off,#friday:checked~.delete_video_option_off,#mail_on_video:checked~.delete_video_option_off,#mail_on_video_add:checked~.delete_video_option_off,#monday:checked~.delete_video_option_off,#saturday:checked~.delete_video_option_off,#sunday:checked~.delete_video_option_off,#thursday:checked~.delete_video_option_off,#tuesday:checked~.delete_video_option_off,#upload_video:checked~.delete_video_option_off,#upload_video_add:checked~.delete_video_option_off,#wednesday:checked~.delete_video_option_off
{
	opacity: 0;
}
@media only screen and (max-width:1790px)
{
	.interval_generation_list .blur,.sample_create .blur
	{
		min-height: 32vh;
	}
	.password_reset
	{
		left: 50%;
		margin-left: -20em;
		width: 40em;
	}
	.interval_generation_list,.ready_video,.sample_create
	{
		height: 22em;
		left: 50%;
		margin-left: -24em;
		margin-top: -15em;
		top: 50%;
		width: 48em;
	}
	#centerpage .centerbutton a
	{
		padding: 1em .5em 1em .5em;
	}
	.navicons a
	{
		margin: 0 .9em 0 .9em;
	}
	.navicons a img
	{
		height: 33px;
	}
	#rightpage
	{
		width: 22%;
	}
	#centerpage
	{
		width: 56%;
	}
}
@media only screen and (max-width:1640px)
{
	.nameuser
	{
		font-size: 1.8em;
	}
}
@media only screen and (max-width:1600px)
{
	.navigation
	{
		display: flex;
		display: -ms-flexbox;
		display: -webkit-box;
		display: -webkit-flex;
		flex-direction: column;
		ms-flex-direction: column;
		webkit-box-direction: normal;
		webkit-box-orient: vertical;
		webkit-flex-direction: column;
	}
	.search input[type=text]
	{
		width: 85%;
	}
	.search input[type=image]
	{
		right: 32px;
	}
	.navicons
	{
		align-items: center;
		display: flex;
		display: -ms-flexbox;
		display: -webkit-box;
		display: -webkit-flex;
		justify-content: flex-end;
		margin: 10px 3%;
		ms-flex-align: center;
		ms-flex-pack: end;
		webkit-align-items: center;
		webkit-box-align: center;
		webkit-box-pack: end;
		webkit-justify-content: flex-end;
	}
	#centerpage .centerbutton a.buttoncamera
	{
		padding: 1em .7em 1em .7em;
	}
	.router_settings .centerbutton a
	{
		font-size: 1.1em;
		height: 4em;
		margin: .1em;
		padding: .4em;
		width: 5em;
	}
}
@media only screen and (max-width:1500px)
{
	.nameuser
	{
		font-size: 1.6em;
	}
	#centerpage .centerbutton a
	{
		font-size: 1em;
	}
	#centerpage .positions
	{
		margin: 10px 20px;
	}
	nav.right li a
	{
		font-size: 1.2em;
	}
	nav.left li a
	{
		font-size: 1.2em;
	}
	nav.left ul li a::before
	{
		border-bottom: .1em solid transparent;
		border-top: .1em solid transparent;
	}
	nav.right ul li a::before
	{
		border-bottom: .1em solid transparent;
		border-top: .1em solid transparent;
	}
	nav.right li .submenu a img
	{
		width: 35px;
	}
	.profile_options
	{
		left: 13%;
		width: 74%;
	}
}
@media only screen and (max-width:1370px)
{
	#centerpage .change_buttons ul li
	{
		margin: 1%;
		width: 28%;
	}
}
@media only screen and (max-width:1340px)
{
	#centerpage
	{
		left: 15%;
		width: 70%;
	}
	.router_settings .centerbutton a
	{
		font-size: .9em;
	}
}
@media only screen and (max-width:1150px)
{
	#centerpage .centerbutton a.buttoncamera
	{
		padding: 1em .5em 1em .5em;
	}
	#photo img
	{
		border-radius: 50%;
		height: 10em;
		webkit-border-radius: 50%;
		width: 10em;
	}
	#centerpage .change_buttons ul li a
	{
		font-size: 1.1em;
		font-weight: 200;
		padding: 1em 0;
		position: relative;
		text-align: center;
		width: 100%;
		z-index: 2;
	}
	.profile_options .popup_content
	{
		padding: 1.5em;
	}
	.profile_options .form_fieldsets
	{
		width: 100%;
	}
}
@media only screen and (max-width:1120px)
{
	#centerpage .positions img
	{
		width: 40px;
	}
	.switcher,.switcher_label
	{
		right: 7%;
	}
}
@media only screen and (max-width:1090px)
{
	nav.right li .submenu
	{
		align-items: center;
		float: none;
		justify-content: flex-start;
		margin: 0 10px 10px 20px;
		ms-flex-align: center;
		ms-flex-pack: start;
		position: inherit;
		webkit-align-items: center;
		webkit-box-align: center;
		webkit-box-pack: start;
		webkit-justify-content: flex-start;
	}
	nav.right ul li a.router::before
	{
		top: 29%;
	}
}
@media only screen and (max-width:1090px) and (max-width:1030px)
{
	nav.right li a img
	{
		width: 25px;
	}
	#centerpage .centerbottom
	{
		align-items: flex-end;
		ms-flex-align: end;
		webkit-align-items: flex-end;
		webkit-box-align: end;
	}
	.content .left
	{
		overflow-x: hidden;
		overflow-y: auto;
	}
	#leftpage
	{
		width: 20em;
	}
	#rightpage
	{
		width: 20em;
	}
	#rightpage .content h2
	{
		padding: .8em 3em .1em 3em;
	}
	.form_stroke,.profile_options .form_fieldsets fieldset .form_stroke input,.profile_options .form_fieldsets fieldset .form_stroke select
	{
		font-size: .9em;
	}
	.switcher,.switcher_label
	{
		right: 6%;
	}
	.profile_options
	{
		height: 56vh;
		position: absolute;
		top: 10%;
	}
	.profile_options .blur
	{
		background: url(/images/BG.jpg) no-repeat 50% 51%;
		left: 0;
		min-height: 60vh;
		position: absolute;
		top: 0;
		width: 100%;
	}
	.profile_options .profile_disc_usage ul li .bar
	{
		width: 63%;
	}
	.camera_add_list
	{
		left: 50%;
		margin-left: -20em;
		top: 10%;
		width: 40em;
	}
	.camera_add_list .blur
	{
		min-height: 61vh;
	}
	.massages_all
	{
		max-height: 34vh!important;
	}
}
@media only screen and (max-width:1090px) and (max-width:960px)
{
	#centerpage
	{
		left: 10%;
		width: 80%;
		z-index: 1;
	}
	#leftshortmenu,#rightshortmenu
	{
		max-width: 9%;
		position: absolute;
	}
	#leftshortmenu img,#leftshortmenu nav ul li a img,#rightshortmenu img,#rightshortmenu nav ul li a img
	{
		height: 2em;
	}
	#leftshortmenu .btn-menu,#leftshortmenu nav.left li a,#rightshortmenu .btn-menu,#rightshortmenu nav.left li a
	{
		padding: 1.5em;
	}
	#leftshortmenu nav.left li a::before,#rightshortmenu nav.left li a::before
	{
		height: 6em;
	}
	#leftshortmenu nav.left .label_elem a:hover,#rightshortmenu nav.left .label_elem a:hover
	{
		padding: 1.4em 1.5em;
	}
	#rightpage nav.left
	{
		height: 30em;
	}
	#centerpage .change_buttons ul li
	{
		margin: 1%;
		width: 30%;
	}
}
@media only screen and (max-width:1090px) and (max-width:780px)
{
	.sample_create
	{
		margin-left: -45%;
		width: 90%;
	}
	.profile_options
	{
		overflow-y: auto;
	}
	.profile_options .form_fieldsets
	{
		display: block;
		margin: 0 auto;
	}
	.profile_options .form_fieldsets fieldset
	{
		margin: 0 auto;
		width: 80%;
	}
	.profile_options .toppop .balanse
	{
		float: right;
		margin-right: 0;
	}
	.profile_options .form_fieldsets fieldset .form_line_bg
	{
		margin: .5em 3%;
	}
	.switcher,.switcher_label
	{
		right: 20%;
	}
	.profile_options .blur
	{
		min-height: 75vh;
	}
	.popup_content,.popupwindow .blur
	{
		height: auto;
	}
	.profile_options
	{
		height: 79vh;
		position: absolute;
		top: 10%;
	}
	.profile_options h2
	{
		text-align: center;
	}
	.profile_options .profile_disc_usage ul li .bar
	{
		width: 58%;
	}
	.profile_options .profile_disc_usage ul li p
	{
		width: 20%;
	}
	.profile_options .profile_disc_usage ul li::before
	{
		height: 1.8em;
		margin-right: 1em;
		width: 2em;
	}
	.profile_options #user_main_form
	{
		margin-bottom: 1.5em;
	}
}
@media only screen and (max-width:1090px) and (max-width:730px)
{
	.profile_options .toppop .balanse
	{
		float: none;
		justify-content: flex-start;
		margin-right: 0;
		margin-top: 1em;
		ms-flex-pack: start;
		webkit-box-pack: start;
		webkit-justify-content: flex-start;
	}
	.sample_create .form_fieldsets_sample .fieldset .calendar_form_img,.sample_create .form_fieldsets_sample .fieldset .clock_form_img
	{
		width: 45%;
	}
}
@media only screen and (max-width:1090px) and (max-width:689px)
{
	#centerpage .change_buttons ul li
	{
		margin: 1%;
		width: 20%;
	}
	.interval_generation_list
	{
		left: 2%;
		margin-left: 0;
		width: 96%;
	}
}
@media only screen and (max-width:1090px) and (max-width:641px)
{
	#leftshortmenu,#rightshortmenu
	{
		max-width: 4em;
	}
	#leftshortmenu .btn-menu,#leftshortmenu nav.left li a,#rightshortmenu .btn-menu,#rightshortmenu nav.left li a
	{
		padding: 1.5em 1em;
	}
	#leftshortmenu nav.left .label_elem a:hover,#rightshortmenu nav.left .label_elem a:hover
	{
		padding: 1.4em 1em;
	}
	.content .left
	{
		overflow-x: hidden;
		overflow-y: hidden;
	}
	.nameuser
	{
		font-size: 1.4em;
		margin: .4em 0;
	}
	#rightpage .content h2
	{
		color: #fff;
		font-size: 135%;
		padding: 1em 0 .8em 1em;
		text-align: center;
		text-transform: uppercase;
	}
	nav.right li a:hover
	{
		padding: .65em 0 .65em .95em;
	}
	nav.right ul li a::before
	{
		height: 2.7em;
	}
	.select_now ul li::before
	{
		height: 1.8em;
		left: .2em;
		top: .6em;
		width: 1.8em;
	}
	.navigation
	{
		margin: 0 0;
	}
	.search input[type=text]
	{
		font-size: 100%;
		padding: .5em 0 .5em .5em;
	}
	.search input[type=image]
	{
		right: 27px;
		top: 4px;
		width: 25px;
	}
	.navicons a img
	{
		height: 26px;
	}
	nav.right li a
	{
		padding: .7em 0 .7em 1em;
	}
	nav.right li .submenu
	{
		position: absolute;
	}
	nav.right li .submenu a img
	{
		width: 30px;
	}
	.newcamera
	{
		position: relative;
	}
	.form_fieldsets_sample .switcher,.form_fieldsets_sample .switcher_label
	{
		right: 10%;
	}
}
@media only screen and (max-width:1090px) and (max-width:617px)
{
	.camera_add_list
	{
		left: 0;
		margin-left: 5%;
		top: 10%;
		width: 90%;
	}
	#centerpage
	{
		left: 12%;
		width: 76%;
	}
	#leftshortmenu,#rightshortmenu
	{
		max-width: 6em;
	}
	#centerpage .topcenter
	{
		align-items: flex-start;
		display: flex;
		display: -ms-flexbox;
		display: -webkit-box;
		display: -webkit-flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		ms-flex-align: start;
		ms-flex-direction: row;
		ms-flex-pack: center;
		ms-flex-wrap: wrap;
		webkit-align-items: flex-start;
		webkit-box-align: start;
		webkit-box-direction: normal;
		webkit-box-orient: horizontal;
		webkit-box-pack: center;
		webkit-flex-direction: row;
		webkit-flex-wrap: wrap;
		webkit-justify-content: center;
		width: 100%;
	}
	#centerpage .positions
	{
		width: 50%;
	}
	#centerpage .centerleft
	{
		width: 49%;
	}
	#centerpage .centerleft .centerbutton
	{
		margin: auto;
		width: 77%;
	}
	#centerpage .centertop
	{
		width: 49%;
	}
	.profile_options
	{
		width: 420px;
	}
	.profile_options .form_fieldsets fieldset
	{
		margin: 0 auto;
		width: 96%;
	}
	.profile_options .blur
	{
		height: 124vh;
	}
	.switcher,.switcher_label
	{
		right: 15%;
	}
	.profile_options .wrapper
	{
		margin-right: 0;
	}
	.popupwindow .popupbutton
	{
		margin: 0 .2em;
		padding: .7em .2em;
		width: 10em;
	}
	.popupwindow .popupbutton:hover
	{
		margin: 0 .7em;
		padding: .5em;
	}
	.popupwindow .wrapperfirst::after,.popupwindow .wrapperlast::before
	{
		height: 2.2em;
	}
	#centerpage .change_buttons ul li
	{
		margin: 1%;
		width: 24%;
	}
	.password_reset
	{
		left: 50%;
		margin-left: -45%;
		width: 90%;
	}
}
@media only screen and (max-width:1090px) and (max-width:520px)
{
	#centerpage .change_buttons ul li
	{
		margin: 1%;
		width: 7em;
	}
}
@media only screen and (max-width:1090px) and (max-width:560px)
{
	.form_fieldsets_sample .fieldset
	{
		align-items: center;
		flex-direction: column;
		flex-wrap: nowrap;
		ms-flex-align: center;
		ms-flex-direction: column;
		ms-flex-wrap: nowrap;
		webkit-align-items: center;
		webkit-box-align: center;
		webkit-box-direction: normal;
		webkit-box-orient: vertical;
		webkit-flex-direction: column;
		webkit-flex-wrap: nowrap;
	}
	.sample_create
	{
		margin-left: -210px;
		width: 420px;
	}
	.form_fieldsets_sample .fieldset .date_video_img,.form_fieldsets_sample .fieldset .form_stroke
	{
		width: 100%;
	}
	.sample_create .form_fieldsets_sample .fieldset .calendar_form_img,.sample_create .form_fieldsets_sample .fieldset .clock_form_img
	{
		width: 100%;
	}
	.form_fieldsets_sample .fieldset .date_video_img
	{
		margin-left: inherit;
		margin-top: 2em;
		padding-left: 4em;
	}
	.form_fieldsets_sample .speed_switcher_img .switcher
	{
		right: 26%;
		top: 52%;
	}
	.center_text
	{
		margin: 0 0 1.5em 0;
		text-align: center;
	}
	.popupwindow .popupbutton
	{
		margin: 0 .7em;
		padding: .6em;
	}
	.form_fieldsets_sample .fieldset_interval .stroke_interval_date
	{
		width: 28%;
	}
	.form_fieldsets_sample .fieldset .stroke_interval_day,.form_fieldsets_sample .fieldset .stroke_interval_frequency
	{
		width: 45%;
	}
	.form_fieldsets_sample .fieldset .stroke_interval_day
	{
		margin-left: .5em;
	}
	.form_fieldsets_sample .fieldset_interval
	{
		flex-direction: row;
		flex-wrap: wrap;
		ms-flex-direction: row;
		ms-flex-wrap: wrap;
		webkit-box-direction: normal;
		webkit-box-orient: horizontal;
		webkit-flex-direction: row;
		webkit-flex-wrap: wrap;
	}
	.interval_generation_list .calendar_icon_img::before
	{
		top: 5.9em;
	}
	.form_fieldsets_sample .fieldset .date_video_img
	{
		margin-top: 4em;
	}
	div.form_stroke.speed_form_img.nobefore
	{
		margin-left: 10%;
		margin-right: 10%;
		width: 80%;
	}
}
@media only screen and (max-width:1090px) and (max-width:493px)
{
	.profile_options
	{
		height: 82vh;
		left: 8%;
		top: 10%;
	}
}
@media only screen and (max-width:1090px) and (max-width:493px)
{
	.profile_options
	{
		left: 4%;
	}
	.ready_video
	{
		height: 25em;
		left: 0;
		margin-left: 0;
		margin-top: 0;
		top: 1%;
		width: 100%;
	}
	.video_list_item
	{
		flex-wrap: wrap;
		margin: 10px 0;
		ms-flex-wrap: wrap;
		padding: 3px 0;
		webkit-flex-wrap: wrap;
	}
	.video_list_item p
	{
		width: 55%;
	}
	.vlistitem_icons .vicon
	{
		background-size: cover;
		display: inline-block;
		height: 2em;
		width: 2em;
	}
	.video_list_item::before
	{
		margin-right: .5em;
	}
}
@media only screen and (max-width:1090px) and (max-width:430px)
{
	.profile_options
	{
		left: 2%;
	}
}
@media only screen and (max-width:1090px) and (max-width:420px)
{
	.profile_options
	{
		left: 0;
	}
	.sample_create
	{
		left: 0;
		margin-left: 0;
		width: 100%;
	}
	#centerpage .centerbottom .centerbutton
	{
		padding-left: 0;
		padding-right: 0;
		width: 22%;
		z-index: 10;
	}
	#centerpage .centerbutton a
	{
		font-size: .9em;
	}
}
@media only screen and (max-width:1090px) and (max-width:412px)
{
	.profile_options
	{
		width: 100%;
	}
}
@media only screen and (max-width:1090px) and (max-width:382px)
{
	.interval_generation_list .calendar_icon_img::before
	{
		top: 7.5em;
	}
	.video_list_item
	{
		margin: 3px 0;
		padding: 1px 0;
	}
	.video_list_item p
	{
		font-size: .9em;
	}
}
@media only screen and (max-width:1090px) and (max-height:1180px)
{
	.open_full_elem .elem_content
	{
		max-height: 48vh;
		overflow-y: hidden;
	}
	.open_full_elem .state_full_content
	{
		max-height: 52vh;
		overflow-y: auto;
	}
}
@media only screen and (max-width:1090px) and (max-height:680px)
{
	#leftpage nav.left .label_elem a
	{
		padding: 1em 0 1em 0;
	}
	.profile_options
	{
		height: 550px;
		position: absolute;
		top: 5%;
	}
}
@media only screen and (max-width:1090px) and (max-height:570px)
{
	#photobg,.photobg
	{
		padding: 1.5em 0;
	}
	.profile_options
	{
		height: 500px;
		position: absolute;
		top: 5%;
	}
}
@media only screen and (max-width:1090px) and (max-height:510px)
{
	#photobg,.photobg
	{
		padding: 1em 0;
	}
	#photo img
	{
		border-radius: 50%;
		height: 6em;
		webkit-border-radius: 50%;
		width: 6em;
	}
	.profile_options
	{
		height: 450px;
		position: absolute;
		top: 5%;
	}
}
@media only screen and (max-width:1090px) and (max-height:431px)
{
	#leftpage nav.left .label_elem a
	{
		padding: .8em 0 .8em 0;
	}
	.profile_options
	{
		height: 98vh;
		position: absolute;
		top: 1vh;
	}
}
@media only screen and (max-width:1090px) and (max-height:413px)
{
	#rightpage
	{
		max-height: 412px;
	}
	#rightpage .content
	{
		max-height: 412px;
	}
	#camlist
	{
		margin-right: 1em;
		max-height: 190px;
		overflow-y: auto;
	}
	.content nav.sub
	{
		border-top: none;
	}
	.search input[type=text]
	{
		font-size: 100%;
		padding: .5em 0 .5em .5em;
	}
	#rightpage .content h2
	{
		color: #fff;
		font-size: 135%;
		padding: 1em 0 .8em 1em;
		text-align: center;
		text-transform: uppercase;
	}
	nav.right li a:hover
	{
		padding: .65em 0 .65em .95em;
	}
	nav.right ul li a::before
	{
		height: 2.7em;
	}
	.select_now ul li::before
	{
		height: 1.8em;
		left: .2em;
		top: .6em;
		width: 1.8em;
	}
	.navigation
	{
		margin: 0 0;
	}
	.search input[type=text]
	{
		font-size: 100%;
		padding: .5em 0 .5em .5em;
	}
	.search input[type=image]
	{
		right: 27px;
		top: 4px;
		width: 25px;
	}
	.navicons a img
	{
		height: 26px;
	}
	nav.right li a
	{
		padding: .7em 0 .7em 1em;
	}
	nav.right li .submenu
	{
		position: absolute;
	}
	nav.right li .submenu a img
	{
		width: 30px;
	}
	.newcamera
	{
		position: relative;
	}
	.newcamera .newcamera_switch
	{
		height: 100%;
		padding: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}
	.newcamera a
	{
		padding: .5em .5em .5em .5em;
	}
	.newcamera a::before
	{
		height: 3.9em;
	}
	nav.bottom_selection
	{
		margin-top: .1em;
	}
	.interval_generation_list,.sample_create
	{
		left: 0;
		margin-left: 0;
		margin-top: 0;
		top: 1%;
		width: 100%;
	}
	.camlist_selections
	{
		max-height: 140px!important;
	}
}
@media only screen and (max-width:1090px) and (max-height:395px)
{
	#leftpage nav.left .label_elem a
	{
		padding: .7em 0 .7em 0;
	}
	#photobg,.photobg
	{
		padding: .7em 0;
	}
	#photo img
	{
		border-radius: 50%;
		height: 5em;
		webkit-border-radius: 50%;
		width: 5em;
	}
}
@media only screen and (max-width:1090px) and (max-height:361px)
{
	#rightpage
	{
		max-height: 360px;
	}
	#rightpage .content
	{
		max-height: 360px;
	}
	#camlist
	{
		margin-right: 1em;
		max-height: 155px;
		overflow-y: auto;
	}
	.content nav.sub
	{
		border-top: none;
	}
	.newcamera .newcamera_switch
	{
		height: 100%;
		padding: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}
	.newcamera a
	{
		padding: .5em .5em .5em .5em;
	}
	.newcamera a::before
	{
		height: 3.9em;
	}
	.interval_generation_list,.sample_create
	{
		left: 0;
		margin-left: 0;
		margin-top: 0;
		top: 1%;
		width: 100%;
	}
	.camlist_selections
	{
		max-height: 100px!important;
	}
}
input[type=range]
{
	margin: 3.5px 0;
	webkit-appearance: none;
	width: 100%;
}
input[type=range]:focus
{
	outline: 0;
}
input[type=range]::-webkit-slider-runnable-track
{
	background: #000;
	border: 0 solid transparent;
	border-radius: 0;
	box-shadow: .9px .9px 1.7px rgba(0,0,0,.5),0 0 .9px rgba(13,13,13,.5);
	cursor: pointer;
	height: 3px;
	webkit-border-radius: 0;
	webkit-box-shadow: .9px .9px 1.7px rgba(0,0,0,.5),0 0 .9px rgba(13,13,13,.5);
	width: 100%;
}
input[type=range]::-webkit-slider-thumb
{
	background: #fff;
	border: 0 solid #fff;
	border-radius: 10px;
	box-shadow: 2.6px 2.6px 3.7px rgba(0,0,0,.51),0 0 2.6px rgba(13,13,13,.51);
	cursor: pointer;
	height: 10px;
	margin-top: -3.5px;
	webkit-appearance: none;
	webkit-border-radius: 10px;
	webkit-box-shadow: 2.6px 2.6px 3.7px rgba(0,0,0,.51),0 0 2.6px rgba(13,13,13,.51);
	width: 10px;
}
input[type=range]:focus::-webkit-slider-runnable-track
{
	background: #000;
}
input[type=range]::-moz-range-track
{
	background: #000;
	border: 0 solid transparent;
	border-radius: 0;
	box-shadow: .9px .9px 1.7px rgba(0,0,0,.5),0 0 .9px rgba(13,13,13,.5);
	cursor: pointer;
	height: 3px;
	width: 100%;
}
input[type=range]::-moz-range-thumb
{
	background: #fff;
	border: 0 solid #fff;
	border-radius: 10px;
	box-shadow: 2.6px 2.6px 3.7px rgba(0,0,0,.51),0 0 2.6px rgba(13,13,13,.51);
	cursor: pointer;
	height: 10px;
	width: 10px;
}
input[type=range]::-ms-track
{
	background: 0 0;
	border-color: transparent;
	color: transparent;
	cursor: pointer;
	height: 3px;
	width: 100%;
}
input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper
{
	background: #000;
	border: 0 solid transparent;
	border-radius: 0;
	box-shadow: .9px .9px 1.7px rgba(0,0,0,.5),0 0 .9px rgba(13,13,13,.5);
}
input[type=range]::-ms-thumb
{
	background: #fff;
	border: 0 solid #fff;
	border-radius: 10px;
	box-shadow: 2.6px 2.6px 3.7px rgba(0,0,0,.51),0 0 2.6px rgba(13,13,13,.51);
	cursor: pointer;
	height: 10px;
	height: 3px;
	width: 10px;
}
input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper
{
	background: #000;
}
.to-be-changed
{
	transition: all 0s 9999999s;
	webkit-transition: all 0s 9999999s;
}
span:active~.to-be-changed
{
	background-color: green;
	transition: all 0s;
	webkit-transition: all 0s;
}
.photo
{
	height: 70px;
	position: relative;
	width: 70px;
}
.photo .overlay
{
	background: 0 0;
	border-radius: 50%;
	color: #fff;
	height: 100%;
	left: 0;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: 0;
	transition: .3s;
	webkit-border-radius: 50%;
	webkit-transition: .3s;
	width: 100%;
}
.photo .overlay img
{
	border-radius: 0!important;
	color: transparent;
	margin-top: 0;
	ms-transform: scale(.3);
	opacity: 0;
	transform: scale(.3);
	transition: .5s;
	webkit-border-radius: 0!important;
	webkit-transform: scale(.3);
	webkit-transition: .5s;
}
.photo:hover .overlay
{
	background: rgba(0,0,0,.5);
}
.photo:hover .overlay img
{
	color: #fff;
	ms-transform: scale(.6);
	opacity: 1;
	transform: scale(.6);
	transition: .4s;
	webkit-transform: scale(.6);
	webkit-transition: .4s;
}
a.name .overlay_mail
{
	height: 4%!important;
	top: 72px!important;
}
a.name .overlay_mail img
{
	margin: -35% 0 0 77%!important;
	width: 20%!important;
}
a.name .overlay
{
	border-radius: 50%;
	color: #fff;
	height: 6%;
	left: 111px;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: 33px;
	transition: .3s;
	webkit-border-radius: 50%;
	webkit-transition: .3s;
	width: 58%;
}
a.name .overlay img
{
	border-radius: 0!important;
	color: transparent;
	margin: -15% 0 0 113%;
	ms-transform: scale(.3);
	opacity: 0;
	transform: scale(.3);
	transition: .5s;
	webkit-border-radius: 0!important;
	webkit-transform: scale(.3);
	webkit-transition: .5s;
	width: 20%;
}
a.name:hover
{
	text-decoration-line: underline;
	webkit-text-decoration-line: underline;
}
a.name:hover .overlay img
{
	color: #fff;
	ms-transform: scale(.6);
	opacity: 1;
	transform: scale(.6);
	transition: .4s;
	webkit-transform: scale(.6);
	webkit-transition: .4s;
}
.width100
{
	width: 100%;
}
#leftpage
{
	left: 0;
	ms-transform: scaleX(1);
	transform: scaleX(1);
	webkit-transform: scaleX(1);
	z-index: 110;
}
.photobg_open
{
	background: url(/users/photo.jpg) no-repeat;
	background-size: cover;
	display: block;
	height: 6.74em;
	padding: 2em 1em;
	transition: all .5s ease;
	webkit-transition: all .5s ease;
}
.photobg_open #photo
{
	float: left;
	margin: 0 1em;
	transition: all .5s ease;
	webkit-transition: all .5s ease;
}
.photobg_open #photo img
{
	border-radius: 50%;
	height: 5em;
	transition: all .5s ease;
	webkit-border-radius: 50%;
	webkit-transition: all .5s ease;
	width: 5em;
}
.photobg_open .nameuser
{
	font-family: Roboto;
	font-size: 1.6em;
	font-weight: 100;
	letter-spacing: .3em;
	margin: .5em 0;
	text-align: inherit;
	text-transform: uppercase;
	word-spacing: .1em;
}
.open_menu .full_elem
{
	padding: .5em 0 .5em 0;
}
.open_menu
{
	max-height: 80vh;
	overflow-y: auto;
}
.open_menu::-webkit-scrollbar-track
{
	background-color: rgba(200,200,200,.8);
}
.open_menu::-webkit-scrollbar
{
	background-color: #aaa;
	width: 0;
}
.open_menu::-webkit-scrollbar-thumb
{
	background-color: #fff;
}
nav.open_menu .label_elem a
{
	padding: .5em 0 .5em 2em;
	transition: all .5s ease;
	webkit-transition: all .5s ease;
}
nav.open_menu .label_elem a:hover
{
	padding: .5em 0 .5em 2em;
}
nav.open_menu .label_elem a::before
{
	height: 2.5em;
}
nav.open_menu .label_elem a.max
{
	padding: 1.8em 0 1.8em 2em;
	transition: all .5s ease;
	webkit-transition: all .5s ease;
}
nav.open_menu .label_elem a.max:hover
{
	padding: 1.8em 0 1.8em 2em;
}
nav.open_menu .label_elem a.max::before
{
	height: 2.5em;
}
nav.open_menu .label_elem a.max_menu
{
	padding: 1.8em 0 1.8em 2em;
	transition: all .5s ease;
	webkit-transition: all .5s ease;
}
nav.open_menu .label_elem a.max_menu:hover
{
	padding: 1.8em 0 1.8em 2em;
}
nav.open_menu .label_elem a.max_menu::before
{
	height: 2.5em;
}
.open_full_elem .closebutton
{
	cursor: pointer;
	height: 24px;
	opacity: .7;
	right: 6%;
	top: 1%;
	width: 24px;
	z-index: 100;
}
.open_full_elem .closebutton:after,.open_full_elem .closebutton:before
{
	height: 24px;
}
.elem_content_scroll::-webkit-scrollbar-track
{
	background-color: rgba(200,200,200,.8);
}
.elem_content_scroll::-webkit-scrollbar
{
	background-color: #aaa;
	width: 0;
}
.elem_content_scroll::-webkit-scrollbar-thumb
{
	background-color: #fff;
}
.top_elem
{
	background-color: rgba(255,255,255,.2);
}
.elem_content,.elem_content_scroll
{
	background-color: #393430;
	max-height: 59vh;
	overflow-y: auto;
}
.open_menu .open_full_elem
{
	border: .1em solid transparent;
	border-image: linear-gradient(to left,rgba(255,255,255,.7) 0,rgba(255,255,255,.3) 30%,rgba(25,25,25,0) 70%);
	border-image: -webkit-gradient(linear,right top,left top,from(rgba(255,255,255,.7)),color-stop(30%,rgba(255,255,255,.3)),color-stop(70%,rgba(25,25,25,0)));
	border-image-slice: 1;
	padding: 0;
	position: relative;
	webkit-border-image: -webkit-gradient(linear,right top,left top,from(rgba(255,255,255,.7)),color-stop(30%,rgba(255,255,255,.3)),color-stop(70%,rgba(25,25,25,0)));
	webkit-border-image: -webkit-linear-gradient(right,rgba(255,255,255,.7) 0,rgba(255,255,255,.3) 30%,rgba(25,25,25,0) 70%);
}
.profile_content
{
	background-color: rgba(0,0,0,.5);
	overflow: hidden;
}
.profile_content .left
{
	padding: 1em 0;
}
nav.open_menu .profile_content .label_elem a::before
{
	height: 5em;
}
.calculation_options .blur
{
	min-height: 62.5vh;
}
#profile_calculation_window:checked~.calculation_options
{
	animation: open_popup_window .6s ease-in-out;
	animation-fill-mode: forwards;
	display: block;
	opacity: 0;
	webkit-animation: open_popup_window .6s ease-in-out;
	webkit-animation-fill-mode: forwards;
}
.calculation_options .form_fieldsets fieldset .cameras_count::before
{
	background: url(/images/casino-cctv.png);
	background-size: cover;
}
.calculation_options .form_fieldsets fieldset .screenshot_size::before
{
	background: url(/images/flash-drive.png);
	background-size: cover;
}
.calculation_options .form_fieldsets fieldset .screenshot_frequency::before
{
	background: url(/images/stopwatch.png);
	background-size: cover;
}
.calculation_options .form_fieldsets fieldset .photo_arc_deep::before
{
	background: url(/images/calendar_white.png);
	background-size: cover;
}
.calculation_options .form_fieldsets fieldset .cloud_sending::before,.calculation_options .form_fieldsets fieldset .notice_sending::before
{
	background: url(/images/alarm.png);
	background-size: cover;
}
.calculation_options .form_fieldsets fieldset .resolution_settings::before
{
	background: url(/images/expand.png);
	background-size: cover;
}
.calculation_options .form_fieldsets fieldset .quality_video::before
{
	background: url(/images/hd.png);
	background-size: cover;
}
.calculation_options .form_fieldsets fieldset .video_archiving::before
{
	background: url(/images/calendar_white.png);
	background-size: cover;
}
.calculation_options .form_fieldsets fieldset .maintaining_statistics::before
{
	background: url(/images/analytics.png);
	background-size: cover;
}
.calculation_options .form_fieldsets fieldset .max_disk_usage::before
{
	background: url(/images/database.png);
	background-size: cover;
}
.calculation_options .form_fieldsets fieldset .form_stroke input,.calculation_options .form_fieldsets fieldset .form_stroke select
{
	background-color: #17171a;
	min-width: 7em;
	padding: .33em;
	text-align: center;
	width: auto;
}
.calculation_options .form_fieldsets fieldset .form_stroke input
{
	max-width: 7em;
}
.calculation_options .form_fieldsets fieldset .form_line_bg
{
	justify-content: space-between;
	ms-flex-pack: justify;
	webkit-box-pack: justify;
	webkit-justify-content: space-between;
}
.calculation_result .balanse
{
	margin-top: .5em;
}
.calculation_note
{
	margin-right: 5em;
	margin-top: 1.3em;
}
.calc_note_str
{
	margin-top: .5em;
}
.tariff_plan .popup_content
{
	display: block!important;
	height: 56vh;
}
#tariff_plan_window:checked~.tariff_plan
{
	animation: open_popup_window .6s ease-in-out;
	animation-fill-mode: forwards;
	display: block;
	opacity: 0;
	webkit-animation: open_popup_window .6s ease-in-out;
	webkit-animation-fill-mode: forwards;
}
.tariff_plan .form_fieldsets fieldset
{
	width: 100%;
}
.tariff_plan .form_fieldsets fieldset .max_cameras_count::before
{
	background: url(/images/casino-cctv.png);
	background-size: cover;
}
.tariff_plan .form_fieldsets fieldset .max_disk_usage::before
{
	background: url(/images/database.png);
	background-size: cover;
}
.tariff_plan .form_fieldsets fieldset .change_note_mail::before
{
	background: url(/images/mail.png);
	background-size: cover;
}
.tariff_plan .form_fieldsets fieldset .stat_work_collect::before
{
	background: url(/images/analytics.png);
	background-size: cover;
}
.tariff_plan .form_fieldsets fieldset .can_load_cloud::before
{
	background: url(/images/cloud-computing.png);
	background-size: cover;
}
.tariff_plan .form_fieldsets fieldset .balanse_now::before
{
	background: url(/images/ruble.png);
	background-size: cover;
}
.tariff_plan .form_fieldsets fieldset .form_line_bg
{
	margin: 1em 1em;
	width: 5em;
}
.tariff_plan .form_fieldsets fieldset .max_disk_usage .form_line_bg
{
	width: 26em;
}
.tariff_plan .form_fieldsets fieldset .form_stroke input
{
	font-weight: 200;
}
.tariff_buttons
{
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	justify-content: space-between;
	ms-flex-pack: justify;
	webkit-box-pack: justify;
	webkit-justify-content: space-between;
}
.tariff_buttons .tariff_button
{
	width: 18em;
}
.profile_options .tariff_buttons .tariff_button_dv::after
{
	content: none;
}
.col_30
{
	width: 30em;
}
#device_managment_window:checked~.device_managment
{
	animation: open_popup_window .6s ease-in-out;
	animation-fill-mode: forwards;
	display: block;
	opacity: 0;
	webkit-animation: open_popup_window .6s ease-in-out;
	webkit-animation-fill-mode: forwards;
}
.device_managment
{
	height: auto;
	left: 22%;
	position: absolute;
	top: 4%;
	width: 67%;
}
.device_managment .blur
{
	height: 90vh;
}
.device_managment .form_line_label
{
	width: 25%;
}
.device_managment .popup_content
{
	padding: 3em;
}
.device_managment fieldset .switcher,.device_managment fieldset .switcher_label
{
	left: 30%;
}
.green_table
{
	background-color: green;
}
tr td
{
	border: 1px solid #fff;
	cursor: pointer;
	height: 2em;
	width: 2em;
}
tr th
{
	border: 1px solid #fff;
	font-weight: 200;
	height: 2em;
	padding: 0 .3em;
	vertical-align: middle;
}
.numbers_table,.switcher_table,.week_day_table
{
	background-color: transparent;
}
.camera_add_list th .switcher
{
	left: 32%;
}
#week
{
	height: 1em;
	position: absolute;
	width: 3em;
}
.delete_video_option_on .swircher_circle
{
	background-color: #25980f!important;
}
.switcher_week
{
	align-items: center;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	ms-flex-align: center;
	position: absolute;
	webkit-align-items: center;
	webkit-box-align: center;
}
.switcher_week .swircher_line
{
	background-color: #1a1a1b;
	height: .4em;
	width: 2em;
}
.switcher_week .swircher_circle
{
	background-color: #ddd;
	border-radius: 50%;
	height: 1em;
	webkit-border-radius: 50%;
	width: 1em;
}
.padding
{
	padding-left: 2.5em!important;
}
.img_camera_prv
{
	right: 0;
}
.img_camera_prv img
{
	width: 100%;
}
fieldset.absolute
{
	right: 3em;
	top: 34em;
	width: 42%;
}
.device_managment fieldset.absolute .form_line_label
{
	width: 46%;
}
.ticket_massege
{
	background-color: #202121;
	box-shadow: 1px 1px 1px #000;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	justify-content: space-between;
	margin-top: 5px;
	ms-flex-pack: justify;
	padding: 3%;
	position: relative;
	webkit-box-pack: justify;
	webkit-box-shadow: 1px 1px 1px #000;
	webkit-justify-content: space-between;
}
.ticket_content
{
	color: #fff;
	max-height: 83vh;
	padding: 3%;
	position: relative;
}
.img_msg
{
	margin-right: 10px;
	max-width: 30px;
	min-height: 100%;
	min-width: 30px;
}
.img_msg img
{
	border-radius: 50%;
	bottom: 12px;
	position: absolute;
	webkit-border-radius: 50%;
	width: 30px;
}
.img_msg .massage_attention
{
	align-items: center;
	background: linear-gradient(to top,#6a4302,#bb8121);
	background: -webkit-gradient(linear,left bottom,left top,from(#6a4302),to(#bb8121));
	background: -webkit-linear-gradient(bottom,#6a4302,#bb8121);
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	justify-content: center;
	min-height: 100%;
	ms-flex-align: center;
	ms-flex-pack: center;
	webkit-align-items: center;
	webkit-box-align: center;
	webkit-box-pack: center;
	webkit-justify-content: center;
}
.img_msg .massage_attention .attention_figure
{
	color: #fff;
	font-size: 4.5em;
	font-weight: 700;
}
.ticket_massage_attention .content_text_msg
{
	margin-top: 1em;
}
.name_msg_usr
{
	font-size: 1.3em;
	font-weight: 700;
	padding: 0 0 .4em 0;
}
.content_text_msg
{
	line-height: 1.3em;
}
.massages_all
{
	max-height: 44vh;
	overflow-y: auto;
}
.massage_date
{
	color: #aaa;
	font-size: .9em;
	position: absolute;
	right: 7%;
	top: 9%;
}
.short_ticket_massege
{
	background-color: #2d2e2e;
}
.short_ticket_massege .img_msg
{
	margin-left: 10px;
	margin-right: 0;
}
.short_ticket_massege .massage_date
{
	left: 4%;
	top: 5%;
}
.massage_form_user
{
	background-color: #202121;
	height: 9em;
	margin-top: 5px;
}
.massage_form_user .flex
{
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	height: 100%;
}
.massage_form_user form
{
	height: 100%;
}
.massage_form_user .user_msg_field
{
	padding: 1%;
	width: 80%;
}
.massage_form_user .send_msg_button_content
{
	min-height: 100%;
	width: 20%;
}
.massage_form_user .send_msg_button
{
	align-items: flex-start;
	background: url(/images/send_msg.png) no-repeat center center;
	background-color: transparent;
	background-size: 50%;
	border: .1em solid transparent;
	border: none;
	box-sizing: border-box;
	color: #fff;
	display: inline-block;
	font-family: Roboto;
	font-size: 1em;
	font-weight: 400;
	letter-spacing: .05em;
	min-height: 100%;
	ms-flex-align: start;
	outline: 0;
	text-align: center;
	webkit-align-items: flex-start;
	webkit-box-align: start;
	webkit-box-sizing: border-box;
	width: 100%;
}
.massage_form_user .send_msg_button:hover
{
	background: url(/images/send_msg.png) center center no-repeat/50%,linear-gradient(45deg,rgba(255,255,255,.1) 10%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.1) 90%);
	background: url(/images/send_msg.png) center center no-repeat/50%,-webkit-linear-gradient(45deg,rgba(255,255,255,.1) 10%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.1) 90%);
	border: .1em solid transparent;
	border-image: linear-gradient(45deg,rgba(255,255,255,.4) 10%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.4) 90%);
	border-image-slice: 1;
	cursor: pointer;
	webkit-border-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.4) 10%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.4) 90%);
}
.massage_form_user textarea
{
	background-color: transparent;
	border: none;
	color: #fff;
	font-family: Roboto,sans-serif,arial;
	font-size: 1em;
	font-weight: 200;
	height: 100%;
	letter-spacing: .05em;
	width: 100%;
}
.job_content
{
	padding: 3%;
}
.job_massege
{
	position: relative;
}
.error_m,.error_massage,.error_massage_list,.job_msg_action,.ok_m,.ok_massage,.ok_massage_list
{
	margin-top: 1em;
}
.error_m,.ok_m
{
	border-bottom: 1px solid #25980f;
	padding-bottom: 5px;
}
.error_m
{
	border-bottom: 1px solid #bc1d1d;
	color: #bc1d1d;
}
.error_massage
{
	color: #bc1d1d;
}
.ok_m,.ok_massage
{
	color: #25980f;
}
.job_msg_action,.job_ready_date
{
	color: #fff;
	line-height: 1.3em;
}
.job_msg_action .bold_font
{
	font-weight: 700;
}
.job_ready_date
{
	position: absolute;
	right: 1%;
	top: 1%;
}
.job_massege::after
{
	color: #111;
	content: "●●●●●";
	display: block;
	letter-spacing: 2em;
	margin: 2% auto;
	text-align: center;
}
.state_all .flex
{
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	justify-content: space-between;
	ms-flex-pack: justify;
	padding: .3em 0;
	webkit-box-pack: justify;
	webkit-justify-content: space-between;
}
.state_all .flex_center
{
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	justify-content: space-around;
	ms-flex-pack: distribute;
	padding: .3em 0;
	webkit-justify-content: space-around;
}
.state_full_content .elem_content,.state_full_content .elem_content_scroll
{
	background-color: #1f1c1a;
	color: #fff;
	overflow-y: hidden;
}
.state_content
{
	padding: 4%;
}
li.settings_open .stat_open_right .state_full_content .elem_content_scroll
{
	max-height: 37.5vh;
	overflow-y: scroll;
}
.state_full_content
{
	max-height: 60vh;
	position: relative;
}
.state_full_content .elem_content_scroll
{
	max-height: 59vh;
	overflow-y: scroll;
}
.state_full_content .heading_msg
{
	font-family: Roboto;
	font-size: 1.2em;
	font-weight: 300;
	padding: .5em 0;
	text-align: center;
	text-transform: uppercase;
}
.statistics_msg
{
	border-bottom: .1em solid transparent;
	border-image: linear-gradient(to left,rgba(255,255,255,0) 30%,rgba(255,255,255,.9) 50%,rgba(255,255,255,0) 70%);
	border-image: -webkit-gradient(linear,right top,left top,color-stop(30%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.9)),color-stop(70%,rgba(255,255,255,0)));
	border-image-slice: 1;
	font-family: Roboto;
	font-weight: 300;
	padding: .5em 0;
	webkit-border-image: -webkit-gradient(linear,right top,left top,color-stop(30%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.9)),color-stop(70%,rgba(255,255,255,0)));
	webkit-border-image: -webkit-linear-gradient(right,rgba(255,255,255,0) 30%,rgba(255,255,255,.9) 50%,rgba(255,255,255,0) 70%);
}
.statistics_msg:last-child
{
	border-bottom: none;
}
.left_txt_msg,.right_txt_msg
{
	position: relative;
}
.green_figure::before
{
	border: 1em solid transparent;
	border-top: 1em solid #25980f;
	content: "";
	float: left;
	margin-right: .5em;
}
.red_figure::before
{
	border: 1em solid transparent;
	border-bottom: 1em solid #bc1d1d;
	content: "";
	float: left;
	left: -2.5em;
	position: absolute;
	top: -1em;
}
@media only screen and (max-height:780px)
{
	#leftpage nav.open_menu .label_elem a
	{
		padding: .3em 0 .3em 0;
	}
	nav.open_menu .profile_content .label_elem a::before
	{
		height: 2em;
	}
	.device_managment
	{
		top: 1%;
	}
	.device_managment .popup_content
	{
		padding: 1em;
	}
	tr th
	{
		height: 1.7em;
	}
	tr td
	{
		height: 1.7em;
		width: 1.7em;
	}
	fieldset.absolute
	{
		right: 4em;
		top: 25em;
	}
	.device_managment .form_line_bg
	{
		height: 1.7em;
		margin: .3em 0 .3em 3%;
	}
}
@media only screen and (max-height:413px)
{
	.photobg_open
	{
		display: none;
	}
}
@media only screen and (max-width:1790px)
{
	.device_managment
	{
		width: 70em;
	}
}
@media only screen and (max-width:1383px)
{
	.tariff_plan .form_fieldsets fieldset .max_disk_usage .form_line_bg
	{
		width: 23em;
	}
	.col_30
	{
		width: 26em;
	}
}
@media only screen and (max-width:1245px)
{
	.device_managment
	{
		width: 60em;
	}
	fieldset.absolute
	{
		right: 2em;
		top: 28em;
	}
}
@media only screen and (max-width:1031px)
{
	.device_managment
	{
		height: auto;
		left: 50%;
		margin-left: -30em;
	}
	fieldset.absolute
	{
		top: 25em;
	}
}
@media only screen and (max-width:770px)
{
	.device_managment
	{
		height: 830px;
		left: 0;
		margin-left: 0;
		overflow: auto;
		width: 767px;
	}
	.device_managment .popup_content
	{
		overflow: auto;
	}
	fieldset.absolute
	{
		right: 1em;
		top: 36em;
	}
}
@media only screen and (max-width:750px)
{
	.col_30
	{
		width: auto;
	}
	.tariff_plan .form_fieldsets fieldset .form_line_bg
	{
		margin: .5em 3%;
	}
	.tariff_plan .form_fieldsets fieldset .max_disk_usage .form_line_bg
	{
		width: 22em;
	}
	.tariff_plan .form_stroke label
	{
		margin-left: .7em;
	}
	.tariff_plan .popup_content
	{
		height: auto;
	}
	.tariff_buttons .tariff_button
	{
		width: 15em;
	}
	.device_managment
	{
		top: 0;
	}
	.device_managment .popup_content
	{
		padding: 1em;
	}
}
@media only screen and (max-width:425px)
{
	.calculation_options .blur
	{
		max-height: 600px;
	}
	.tariff_plan
	{
		height: 600px;
		position: absolute;
		top: 2%;
	}
	.tariff_plan .form_fieldsets fieldset .form_stroke
	{
		flex-wrap: wrap;
		ms-flex-wrap: wrap;
		webkit-flex-wrap: wrap;
	}
	.tariff_plan .form_fieldsets fieldset .max_disk_usage .form_line_bg
	{
		width: 23em;
	}
	.tariff_plan .form_fieldsets fieldset .form_line_bg
	{
		width: auto;
	}
	.calculation_options .popup_content
	{
		padding: 1em;
	}
	.calculation_result .balanse
	{
		margin-right: 0;
	}
	.calculation_note
	{
		margin-right: 2em;
	}
	.device_managment .form_line_label
	{
		width: 50%;
	}
	.device_managment fieldset .switcher,.device_managment fieldset .switcher_label
	{
		left: 52%;
	}
}
#onevideo
{
	display: none;
	left: 15%;
	max-height: 80vh;
	position: absolute;
	top: 10vh;
	width: 70%;
}
.camvideoplayer
{
	max-height: inherit;
}
.camvideoplayer video
{
	max-height: inherit;
}
#controls,.backcontrols,.maincontrols
{
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
}
#controls
{
	bottom: 3%;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	justify-content: space-between;
	left: 5%;
	ms-flex-pack: justify;
	position: absolute;
	webkit-box-pack: justify;
	webkit-justify-content: space-between;
	width: 90%;
}
.camvideoplayer .controlsbut
{
	display: block;
	height: 42px;
	margin: 0 10px;
	width: 42px;
}
.camvideoplayer .bigbuttonplay
{
	left: 40%;
	opacity: .7;
	position: absolute;
	top: 30%;
	transition: .3s ease-in-out;
	webkit-transition: .3s ease-in-out;
	width: 15%;
}
.camvideoplayer .bigbuttonplay img
{
	width: 100%;
}
.camvideoplayer .bigbuttonplay:hover
{
	ms-transform: scale(1.2);
	opacity: 1;
	transform: scale(1.2);
	transition: .3s ease-in-out;
	webkit-transform: scale(1.2);
	webkit-transition: .3s ease-in-out;
}
.camvideoplayer .camera-video-backward
{
	background: url(/video_images/player/backward.png) no-repeat center center;
}
.camvideoplayer .camera-video-play
{
	background: url(/video_images/player/play.png) no-repeat center center;
}
.camvideoplayer .camera-video-forward
{
	background: url(/video_images/player/forward.png) no-repeat center center;
}
.camvideoplayer .video-slider
{
	position: relative;
	width: 65%;
}
.camvideoplayer .video-slider-full
{
	border: 1px solid #fff;
	height: 7px;
	margin-top: 17px;
}
.camvideoplayer .video-slider-loaded
{
	background-color: #aaa;
	height: 7px;
	position: absolute;
	top: 18px;
	width: 24%;
}
.camvideoplayer .video-slider-played
{
	background-color: #fff;
	border: 1px solid #fff;
	height: 7px;
	position: absolute;
	top: 17px;
	width: 20%;
}
.camvideoplayer .slider-handle
{
	background-color: #fff;
	border-radius: 50%;
	display: block;
	height: 15px;
	left: 19%;
	position: absolute;
	top: 14px;
	webkit-border-radius: 50%;
	width: 15px;
}
.camvideoplayer .camera-video-expand
{
	background: url(/video_images/player/expand.png) no-repeat center center;
}
.camvideoplayer .camera-video-saveimg
{
	background: url(/video_images/player/saveimg.png) no-repeat center center;
}
.camvideoplayer .camera-video-loop
{
	background: url(/video_images/player/loop.png) no-repeat center center;
}
@media only screen and (max-width:1780px)
{
	#onevideo
	{
		left: 12%;
		top: 10%;
		width: 76%;
	}
}
@media only screen and (max-width:1780px)
{
	#onevideo
	{
		left: 10%;
		top: 10%;
		width: 80%;
	}
}
@media only screen and (max-width:1560px)
{
	#onevideo
	{
		left: 7%;
		top: 10%;
		width: 86%;
	}
}
@media only screen and (max-width:1325px)
{
	#onevideo
	{
		left: 8%;
		top: 15%;
		width: 84%;
	}
}
@media only screen and (max-width:1245px)
{
	#onevideo
	{
		left: 10%;
		top: 15%;
		width: 80%;
	}
}
@media only screen and (max-width:1080px)
{
	#onevideo
	{
		top: 25%;
	}
}
@media only screen and (max-width:700px)
{
	#onevideo
	{
		top: 35%;
	}
	.camvideoplayer .controlsbut
	{
		background-size: cover;
		display: block;
		height: 30px;
		margin: 0 5px;
		width: 30px;
	}
}
#videolist
{
	align-content: space-between;
	display: none;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 11vh 0 11vh 8%;
	ms-flex-line-pack: justify;
	ms-flex-pack: justify;
	ms-flex-wrap: wrap;
	webkit-align-content: space-between;
	webkit-box-pack: justify;
	webkit-flex-wrap: wrap;
	webkit-justify-content: space-between;
	width: 84%;
	z-index: 1;
}
#videolist .videoimg
{
	height: 38vh;
	margin: 1vh 0;
	overflow: hidden;
	position: relative;
	width: 49%;
}
#videolist .videoimg img
{
	width: 100%;
}
#videolist .videoimg a::before
{
	background: url(/images/play-button.png) no-repeat center center;
	background-size: 4em 4em;
	content: '';
	height: 100%;
	opacity: 1;
	position: absolute;
	transition: .3s ease-in-out;
	webkit-transition: .3s ease-in-out;
	width: 100%;
}
#videolist .videoimg a:hover::before
{
	background-size: 7em 7em;
	content: '';
	opacity: 1;
	transition: .3s ease-in-out;
	webkit-transition: .3s ease-in-out;
}
#videolist-two
{
	align-content: space-between;
	display: none;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 11vh 0 11vh 8%;
	ms-flex-line-pack: justify;
	ms-flex-pack: justify;
	ms-flex-wrap: wrap;
	webkit-align-content: space-between;
	webkit-box-pack: justify;
	webkit-flex-wrap: wrap;
	webkit-justify-content: space-between;
	width: 84%;
	z-index: 1;
}
#videolist-two .videoimg-two
{
	height: 38vh;
	margin: 1vh 0;
	overflow: hidden;
	position: relative;
	width: 100%;
}
#videolist-two .videoimg-two img
{
	width: 100%;
}
#videolist-two .videoimg-two a::before
{
	background: url(/images/play-button.png) no-repeat center center;
	background-size: 4em 4em;
	content: '';
	height: 100%;
	opacity: 1;
	position: absolute;
	transition: .3s ease-in-out;
	webkit-transition: .3s ease-in-out;
	width: 100%;
}
#videolist-two .videoimg-two a:hover::before
{
	background-size: 7em 7em;
	content: '';
	opacity: 1;
	transition: .3s ease-in-out;
	webkit-transition: .3s ease-in-out;
}
#videolist-all
{
	align-content: space-between;
	display: none;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 11vh 0 11vh 8%;
	ms-flex-line-pack: justify;
	ms-flex-pack: justify;
	ms-flex-wrap: wrap;
	webkit-align-content: space-between;
	webkit-box-pack: justify;
	webkit-flex-wrap: wrap;
	webkit-justify-content: space-between;
	width: 84%;
	z-index: 1;
}
#videolist-all .videoimg-all
{
	height: 18vh;
	margin: 1vh 0;
	overflow: hidden;
	position: relative;
	width: 24%;
}
#videolist-all .videoimg-all img
{
	width: 100%;
}
#videolist-all .videoimg-all a::before
{
	background: url(/images/play-button.png) no-repeat center center;
	background-size: 4em 4em;
	content: '';
	height: 100%;
	opacity: 1;
	position: absolute;
	transition: .3s ease-in-out;
	webkit-transition: .3s ease-in-out;
	width: 100%;
}
#videolist-all .videoimg-all a:hover::before
{
	background-size: 7em 7em;
	content: '';
	opacity: 1;
	transition: .3s ease-in-out;
	webkit-transition: .3s ease-in-out;
}
.allscreen
{
	filter: blur(20px);
	webkit-filter: blur(20px);
	z-index: -1;
}
@media only screen and (max-width:1840px)
{
	#videolist
	{
		margin: 11vh 0 11vh 12%;
		width: 86%;
	}
}
@media only screen and (max-width:1840px)
{
	#videolist
	{
		margin: 11vh 0 11vh 7%;
		width: 86%;
	}
}
@media only screen and (max-width:1420px)
{
	#videolist
	{
		margin: 11vh 0 11vh 10%;
		width: 80%;
	}
}
#map
{
	background: url(/../images/BG_map.jpg) no-repeat center center;
	display: none;
	height: 100vh;
	left: 13em;
	position: relative;
	top: 6em;
	width: 100%;
}
.clickcamera
{
	color: #000;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	width: 40em;
}
.clickcamera div
{
	box-shadow: 1px 2px 6px #666;
	webkit-box-shadow: 1px 2px 6px #666;
}
.clickcamera div:nth-child(1)
{
	background-color: #fff;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 10%;
}
.clickcamera div:nth-child(2)
{
	width: 55%;
}
.clickcamera div article
{
	padding-left: 21%;
}
.clickcamera div article h2
{
	font-size: 1.2em;
	font-weight: 400;
	padding: 1em 0;
	text-transform: uppercase;
}
.clickcamera div article p
{
	border-image: linear-gradient(to right,rgba(255,255,255,0) 0,#191919 40%,#191919 60%,rgba(25,25,25,0) 100%);
	border-image: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),color-stop(40%,#191919),color-stop(60%,#191919),to(rgba(25,25,25,0)));
	border-top: .1em solid transparent;
	font-weight: 200;
	line-height: 1.3em;
	padding: 1em 0;
	webkit-border-image: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),color-stop(40%,#191919),color-stop(60%,#191919),to(rgba(25,25,25,0)));
	webkit-border-image: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,#191919 40%,#191919 60%,rgba(25,25,25,0) 100%);
}
.clickcamera div article .separator
{
	background: linear-gradient(to right,rgba(255,255,255,0) 10%,#191919 45%,#191919 55%,rgba(25,25,25,0) 90%);
	background: -webkit-gradient(linear,left top,right top,color-stop(10%,rgba(255,255,255,0)),color-stop(45%,#191919),color-stop(55%,#191919),color-stop(90%,rgba(25,25,25,0)));
	background: -webkit-linear-gradient(left,rgba(255,255,255,0) 10%,#191919 45%,#191919 55%,rgba(25,25,25,0) 90%);
	box-shadow: none;
	height: .1em;
	webkit-box-shadow: none;
	width: 100%;
}
.clickcamera div:nth-child(3)
{
	overflow: hidden;
	width: 45%;
}
.clickcamera div:nth-child(2)
{
	background-color: rgba(255,255,255,.9);
	margin-right: 1%;
}
.clickcamera figure
{
	align-items: center;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	height: 100%;
	ms-flex-align: center;
	webkit-align-items: center;
	webkit-box-align: center;
}
.clickcamera img
{
	height: 100%;
	width: 100%;
}
.clickcamera figure img
{
	height: auto;
}
#map figure label img
{
	width: 100px;
}
#map .closebutton
{
	height: 25px;
	left: 19.2em;
	opacity: 1;
	right: 0;
	top: -11.3em;
	width: 25px;
}
#map .closebutton::after,#map .closebutton::before
{
	background-color: #333;
	content: ' ';
	height: 27px;
	left: 15px;
	position: absolute;
	width: 2px;
}
#map .settings
{
	left: 17.5em;
	top: .8em;
}
#map .settings img
{
	height: 25px;
	width: 25px;
}
.cameramap1
{
	left: 21%;
	top: 75%;
}
.activecameramap1
{
	left: 14.1%;
	top: 70%;
}
.cameramap2
{
	left: 56%;
	top: 60%;
}
.activecameramap2
{
	left: 40%;
	top: 60%;
}
.cameramap3
{
	left: 50%;
	top: 35%;
}
.activecameramap3
{
	left: 35%;
	top: 35%;
}
.hidden-camera1-ticker:checked~.activecameramap1
{
	display: block;
	z-index: 110;
}
.hidden-camera1-ticker:checked~.cameramap1
{
	display: none;
}
.hidden-camera2-ticker:checked~.cameramap2
{
	display: none;
}
.hidden-camera2-ticker:checked~.activecameramap2
{
	display: block;
	z-index: 110;
}
.hidden-camera3-ticker:checked~.cameramap3
{
	display: none;
}
.hidden-camera3-ticker:checked~.activecameramap3
{
	display: block;
	z-index: 110;
}
.hidden-camera1-ticker,.hiddenscheckboxes
{
	left: 30%;
	position: absolute;
	top: -10%;
}
#popmap:checked~#map
{
	display: table-footer-group;
}