html, body  { height: 100%; }

body { font-family: Ubuntu, sans-serif; width: 100%; margin:0; padding:0; background-color:#282828; /*background: url('/tpl/v1/i/mainbg.jpg') no-repeat center center fixed;*/
-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow-y: scroll; overflow-x: hidden; }

.animate7 { position:relative; margin:0 auto; width:300px; height: 400px; }
.animate7 img { position:absolute; left: 0; top: 0; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.animate7 img.first { opacity:0; filter:alpha(opacity=0); }
.animate7:hover img.first { opacity:1; filter:alpha(opacity=100); }
.animate7:hover img.second, .animate7 img.second:hover { opacity:0; filter:alpha(opacity=0); -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }

.chaptername { font-weight:400; margin-top:40px; margin-bottom:20px; }
.chaptername2 { font-weight:400; margin-top:40px; margin-bottom:20px; text-align:right; }

.redbox { width:290px; height:80px; position:absolute; bottom:0px; left:0px; background: url('/tpl/v1/i/greybox.png'); }
.redbox:hover {	background: url('/tpl/v1/i/magentabox.png'); }

.leftcont { position:relative; color:#fff; padding:10px; width:440px; margin-left:50px; margin-top:30px; }
.rightcont { position:relative; padding:10px; width:220px; color:#fff; font-size:14px; margin-top:30px; margin-left:50px; }

@media screen and (min-width:1001px)
{
	.modpage { width:961px; padding:20px; color:#f1f1f1; background: url('/tpl/v1/bg/bgpat.png') repeat; }
	.small { display: none; }
	.content { margin-left: 260px; height: 100%; }
	.menu { position:absolute; width: 260px; float: left; background: url('/tpl/v1/i/leftsidebg.png'); background-repeat:repeat-y; z-index:100; }
	.menu2 { display:none; }
	.logo2 { display:none; }
	.logopix2 { display:none; }
	.menues2 { display:none; }
	.menucont2 { display:none; }
	.social2 { display:none; }
	.menupoint2 { display:none; }
	.pointtext2 { display:none; }
	.pointimg2 { display:none; }
	.tels2 { display:none; }
	.telicon2 { display:none; }
	.teltext2 { display:none; }
	.mails2 { display:none; }
	.mailicon2 { display:none; }
	.mailtext2 { display:none; }
}

@media screen and (max-width: 1000px)
{
	.modpage { width:960px; padding:20px; padding-top:60px; color:#f1f1f1; background: url('/tpl/v1/bg/bgpat.png') repeat; margin: auto; }
	.small { display: flex; }
	.content { height: 100%; }
	.menu { display:none; }
	.menu2 { position:absolute; width: 260px; float: left; background: url('/tpl/v1/i/leftsidebg2.png'); background-repeat:repeat-y; z-index:100; }
	.logo2 { position:relative; width:260px; height:274px; left:0px; top:0px; }
	.logopix2 { position:relative; width:80px; height:154px; left:90px; top:50px; }
	.menues2 { position:relative; width:260px; left:0px; top:0px; }
	.menucont2 { position:relative; margin-top:100px; width:257px; height:115px; left:0px; top:0px; background-color:#363636; }
	.social2 { position:relative; padding-top:40px; height:75px; left:0px; top:0px; text-align:center; }
	.menupoint2 { position:relative; width:191px; height:39px; left:30px; top:0px; margin-top:7px; background: url('/tpl/v1/i/pointbg2.png'); background-repeat:no-repeat; }
	.pointtext2 { position:relative; width:142px; height:27px; left:0px; top:0px; text-align:right; padding-top:12px; padding-right:10px; font-size:11px; text-transform:uppercase;
	text-shadow: -1px -1px 1px rgba(255,255,255, 0.2),  1px 1px 1px rgba(255,255,255, 0.2),  1px 1px 1px rgba(0,0,0, 0.3); float:right; }
	.pointimgx12 { position:relative; width:39px; height:39px; left:16px; top:6px; float:left; }
	.pointimgx22 { position:relative; width:39px; height:39px; left:18px; top:8px; float:left; }
	.pointimgx32 { position:relative; width:39px; height:39px; left:16px; top:6px; float:left; }
	.pointimgx42 { position:relative; width:39px; height:39px; left:16px; top:7px; float:left; }
	.pointimgx52 { position:relative; width:39px; height:39px; left:18px; top:7px; float:left;  }
	.pointimgx62 { position:relative; width:39px; height:39px; left:18px; top:7px; float:left; }
	.pointimgx12:before { content: '\2711'; font-size:1.2em; }
	.pointimgx22:before { content: '\2611'; font-size:1em; }
	.pointimgx32:before { content: '\2740'; font-size:1.2em; }
	.pointimgx42:before { content: '\260F'; font-size:1em; }
	.pointimgx52:before { content: '\2690'; font-size:1.1em; }
	.tels2 { position:relative; width:201px; height:40px; left:30px; top:30px; }
	.telicon2 { position:relative; width:31px; left:0px; top:3px; float:left; }
	.teltext2 { position:relative; width:170px; left:20px; top:0px; float:right; text-align:left; color:#d8d8d8; font-size:15px; }
	.mails2 { position:relative; width:201px; height:30px; left:30px; top:30px; }
	.mailicon2 { position:relative; width:31px; left:0px; top:3px; float:left; }
	.mailtext2 { position:relative; width:170px; left:20px; top:0px; float:right; text-align:left; color:#d8d8d8; font-size:15px; }
}

.wrapper { height: 100%; }
.center { position:absolute; width:250px; height:324px; left:50%; top:50%; margin:-162px 0 0 -125px; z-index:1; text-align:center; color:#fff; text-transform:uppercase; text-shadow: -1px -1px 1px rgba(255,255,255, 0.2), 
 1px 1px 1px rgba(255,255,255, 0.2),  1px 1px 1px rgba(0,0,0, 0.3); }
.logo { position:relative; width:260px; height:274px; left:0px; top:0px; }
.logopix { position:relative; width:80px; height:154px; left:90px; top:50px;}
.menues { position:relative; width:260px; left:0px; top:0px; }
.menucont { position:relative; margin-top:100px; width:257px; height:115px; left:0px; top:0px; background-color:#363636; }
.social { position:relative; padding-top:40px; height:75px; left:0px; top:0px; text-align:center; }
.menupoint { position:relative; width:191px; height:39px; left:30px; top:0px; margin-top:7px; background: url('/tpl/v1/i/pointbg.png'); background-repeat:no-repeat; }

.pointtext { position:relative; width:142px; height:27px; left:0px; top:0px; text-align:right; padding-top:12px; padding-right:10px; font-size:11px; text-transform:uppercase;
 text-shadow: -1px -1px 1px rgba(255,255,255, 0.2),  1px 1px 1px rgba(255,255,255, 0.2), 1px 1px 1px rgba(0,0,0, 0.3); float:right; }

.pointimgx1 { position:relative; width:39px; height:39px; left:16px; top:6px; float:left; }
.pointimgx2 { position:relative; width:39px; height:39px; left:18px; top:8px; float:left; }
.pointimgx3 { position:relative; width:39px; height:39px; left:16px; top:6px; float:left; }
.pointimgx4 { position:relative; width:39px; height:39px; left:16px; top:7px; float:left; }
.pointimgx5 { position:relative; width:39px; height:39px; left:18px; top:7px; float:left; }

.pointimgx1:before { content: '\2711'; font-size:1.2em; }
.pointimgx2:before { content: '\2611'; font-size:1em; }
.pointimgx3:before { content: '\2740'; font-size:1.2em; }
.pointimgx4:before { content: '\260F'; font-size:1em; }
.pointimgx5:before { content: '\2690'; font-size:1.1em; }

.tels { position:relative; width:201px; height:40px; left:30px; top:30px; }
.telicon { position:relative; width:31px; left:0px; top:3px; float:left; }
.teltext { position:relative; width:170px; left:20px; top:0px; float:right; text-align:left; color:#d8d8d8; font-size:15px; }
.mails { position:relative; width:201px; height:30px; left:30px; top:30px;  }
.mailicon { position:relative; width:31px; left:0px; top:3px; float:left; }
.mailtext { position:relative; width:170px; left:20px; top:0px; float:right; text-align:left; color:#d8d8d8; font-size:15px; }