@import url(http://fonts.googleapis.com/css?family=Open+Sans:200,300,400,600,700&subset=cyrillic);

* {
	margin: 0px;
	padding: 0px;
	border: 0px solid;
	border-collapse: collapse;
}
body, table, td
{
	vertical-align: top;
}
body, table, div
{
	font-family: "Open Sans", Arial, sans-serif; font-weight: 700; letter-spacing: 0px;
	font-size: 14px;
	color: #333333;
	font-weight: normal;
	line-height: 180%;
}

html, body{ min-height: 100%; }
body
{
	background: #74acdf;
	background: linear-gradient(to bottom, #74acdf, #fefefe);
	padding: 0px 0px 0px 0px;
}

img
{
	margin: 0px;
	padding: 0px;
	border: 0px solid;
}

/* begin text style */
a, a:hover{
	color: #3099dd;
	text-decoration: underline;
}
a:hover{ text-decoration: none;  }

h1
{
	font-family: "Open Sans", Arial, sans-serif;
	font-weight: 600;
	letter-spacing: 0px;
	font-size: 20px;
}

h2
{
	font-family: "Open Sans", Arial, sans-serif;
	font-weight: 600;
	letter-spacing: 0px;
	font-size: 18px;
}

h3, h4, h5, h6
{
	font-family: "Open Sans", Arial, sans-serif;
	font-weight: 600;
	letter-spacing: 0px;
	font-size: 16px;
}

.bodybg
{
	background-color: #000000;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

a.black, a.black:hover{
	color: #000000;
	text-decoration: none;
	font-size: 16px;
	font-family: "Open Sans", Arial, sans-serif; font-weight: 600; letter-spacing: 0px;
	white-space: nowrap;
}
a.black:hover{ text-decoration: underline;  }

a.white, a.white:hover{
	color: #ffffff;
	text-decoration: none;
	font-size: 14px;
	font-family: "Open Sans", Arial, sans-serif; font-weight: 0; letter-spacing: 0px;
	white-space: nowrap;
}
a.white:hover{ text-decoration: underline;  }

span.white
{
	color: #ffffff;
	text-decoration: none;
	font-size: 14px;
	font-family: "Open Sans", Arial, sans-serif; font-weight: 0; letter-spacing: 0px;
}

.page_header
{
	height: 50px;
}

div.logo
{
	font-size: 28px;
	font-family: "Open Sans", Arial, sans-serif;
	color: #000000;
	position: relative;
	top: 5px;
	left: 20px;
	white-space: nowrap;
	float: left;
}

span.cl_logo
{
	color: #3099dd;
}

div.menu
{
	position: relative;
	top: 22px;
	text-align: right;
	float: right;
}

span.menu
{
	color: #000000;
	text-decoration: underline;
	font-size: 16px;
	font-family: "Open Sans", Arial, sans-serif; font-weight: 600; letter-spacing: 0px;
	white-space: nowrap;
}

@media screen and (max-width:920px)
{
    .menu{
		display: none;
	}
}

div.header_line
{
	background: #74acdf;
	padding-top: 2px;
}

.page_body
{
	margin: 0 auto;
	max-width: 1275px;
	background: #ffffff;
	border: 1px solid #969696;
}

.page_content
{
	padding: 20px 20px 20px 20px;
	text-align: left;
}

.page_footer
{
	background: #969696;
	padding: 20px 20px 20px 20px;
	text-align: left;
	height: 220px;
}

@media screen and (max-width:500px)
{
	.page_footer
	{
		height: 450px;
	}
}

div.footer_column
{
	float: left;
	width: 220px;
	margin: 0 auto;
}

div.copyright
{
	font-size: 12px;
	color: #ffffff;
	white-space: nowrap;
	position: relative;
	float: right;
	top: 200px;
}

@media screen and (max-width:700px)
{
	div.copyright
	{
		top: 20px;
	}
}

.download_block
{
	display: block;
	height: 240px;
	max-width:1100px;
	padding: 0px;
}

.clients_block
{
	display: block;
	height: 200px;
	max-width:1100px;
	padding: 0px;
}

@media screen and (max-width:1050px)
{
	.download_block
	{
		height: 460px;
	}
	.clients_block
	{
		height: 420px;
	}
	.land_block
	{
		height: 320px;
	}
}

@media screen and (max-width:640px)
{
	.download_block
	{
		height: 740px;
	}
	.clients_block
	{
		height: 700px;
	}
	.land_block
	{
		height: 640px;
	}
}

@media screen and (max-width:460px)
{
	.download_block
	{
		height: 1220px;
	}
	.clients_block
	{
		height: 1180px;
	}
	.land_block
	{
		height: 640px;
	}
}

div.download_column
{
	float: left;
	width: 170px;
	padding: 10px;
	border: 1px solid #969696;
	display: block;
	background: #f6f7f0;
	height:230px;
}

div.download_space
{
	float: left;
	padding: 5px;
	display: block;
}

div.client_column
{
	float: left;
	width: 170px;
	padding: 10px;
	border: 1px solid #fafafa;
	display: block;
	background: #ffffff;
	height:190px;
}

div.land_column
{
	float: left;
	width: 320px;
	padding: 10px;
	border: 0px
	display: block;
	height:320px;
}

.block
{
	border: 1px solid #969696;
	display: block;
	background: #f6f7f0;
}

.block_hover
{
	padding: 10px 10px 10px 10px;
	display: block;
	background: #969696;
	color: #ffffff;
}

.button_block
{
	border: 1px solid #969696;
	padding: 10px 10px 10px 10px;
	display: block;
	background: #3099dd;
	color: #ffffff;
	max-width:300px;
	height:50px;
	text-align: center;
	vertical-align: middle;
}

.action_block
{
	display: block;
	height: 70px;
	max-width:800px;
	padding: 0px;
}

@media screen and (max-width:730px)
{
	.action_block
	{
		height: 140px;
	}
}

@media screen and (max-width:560px)
{
	.action_block
	{
		height: 210px;
	}
}

.mp_offer_block
{
	display: block;
	height: 270px;
}

.mp_text_column
{
	float: left;
	padding: 0px 0px 10px 0px;
	display: block;
	max-width:900px;
}

.mp_img_column
{
	float: left;
	padding: 0px 0px 10px 0px;
	display: block;
	width:200px;
}

@media screen and (max-width:1200px)
{
	.mp_offer_block
	{
		height: 560px;
	}
}

@media screen and (max-width:730px)
{
	.mp_offer_block
	{
		height: 660px;
	}
}

@media screen and (max-width:600px)
{
	.mp_offer_block
	{
		height: 790px;
	}
}

.form_block
{
	border:1px solid #969696;
	display:block;
	background:#f6f7f0;
	max-width:550px;
}

.form_field
{
	padding:10px;
	font-size:14px;
}

a.button, a.button:hover
{
	color: #ffffff;
	text-decoration: none;
	font-size: 14px;
	font-family: "Open Sans", Arial, sans-serif; font-weight: 500; letter-spacing: 0px;
}

.larger_text
{
	font-size:20px;
}

.large_text
{
	font-size:16px;
}

.medium_text
{
	font-size:14px;
}

.small_text
{
	font-size:12px;
}
.channel_price
{
	font-size:14px;
}
.total_price
{
	font-size:24px;
	font-weight: 500;
}

.code
{
	border: 1px solid #c3c3c3;
	border-left: 6px solid #ff9400;
	padding: 10px;
	font-size: 12px;
	background: rgba(255, 255, 136, 0.3) url(img/code.png) no-repeat 98% 10px;
	overflow: auto;
	color: #000;
	font-family: 'Consolas';
	margin: 20px 0 20px 0;
}

.auth_input
{
	width:100%;
	font-size: 18px;
	border: 1px solid #969696;
}

.auth_input_small
{
	width:120px;
	font-size: 14px;
	border: 1px solid #969696;
}

table.some_list td
{
	border: 1px solid #696969;
	padding: 4px;
	width: auto;
}
table.some_list thead
{
	border: 1px solid #696969;
	background: #efefef; 
	color: #000000;
	padding: 4px;
	font-weight: bold;
}

.form_input
{
	width:100%;
	font-size: 16px;
	border: 1px solid #969696;
	padding: 6px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
.price_count_input
{
	width:100pt;
	font-size: 36px;
	border: 1px solid #969696;
	padding: 6px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

.ok_submit
{
	color: #FFFFFF;
	background-color: #3099dd;
	border: 1px solid #696969;
	width: 70px;
	height: 26px;
}

.overlay{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0, 0, 0, 0.7);transition:opacity 500ms;visibility:hidden;opacity:0;}
.overlay:target{visibility:visible;opacity:1;}
.popup{margin:70px auto;padding:20px;background:#fff;border-radius:5px;width:30%;position:relative;transition: all 5s ease-in-out;}
.popup h2{margin-top:0;color:#333;font-family:'Segoe UI',Tahoma,Arial,sans-serif;}
.popup .close{position:absolute;top:20px;right:30px;transition:all 200ms;font-size:30px;font-weight:bold;text-decoration:none;color:#333;}
.popup .close:hover{color:#06D85F;}
.popup .content{max-height:30%;overflow:auto;}
@media screen and (max-width: 920px){.box{width:70%;}.popup{width:70%;}}


.leftimg
{
	float:left;
	margin: 7px 7px 7px 0;
}

.listed
{
	padding: 18px;
	font-size: 16px;
}

div.nav_menu
{
	position: relative;
	top: 4px;
	text-align: left;
	float: right;
}
#nav{
	float:left;
	width:100%;
	list-style:none;
}
#nav li{
	float:left;
	position:relative;
	display:block;
	margin-right:12px;
}
#nav li a{
	display:block;
	padding:5px;
	color:#fff;
	background:#fff;
	text-decoration:none;
	
	text-shadow:1px 1px 1px rgba(0,0,0,0.75);
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
#nav li a:hover{
	color:#fff;
	background:#6b0c36;
	background:rgba(107,12,54,0.95);
	text-decoration:underline;
}

#nav ul{
	list-style:none;
	position:absolute;
	width: 160px;
	left:-9999px;
	opacity:0;
	-webkit-transition:0.25s linear opacity;
}
#nav ul li{
	padding-top:1px;
	float:none;
	background:url(https://videograce.com/res/dot.gif);
}
#nav ul a{
	white-space:nowrap;
	display:block;
}
#nav li:hover ul{
	left:-106px;
	opacity:1;
}
#nav li:hover a{
	background:#6b0c36;
	background:rgba(107,107,107,0.95);
	text-decoration:underline;
}
#nav li:hover ul a{
	text-decoration:none;
	-webkit-transition:-webkit-transform 0.095s linear;
}
#nav li:hover ul li a:hover{
	background:#333;
	background:rgba(51,51,51,0.95);
	text-decoration:underline;
	-moz-transform:scale(1.05);
	-webkit-transform:scale(1.05);
}

@media screen and (min-width:920px)
{
	.nav_menu
	{
		display: none;
	}
}