@font-face {
    font-family: DroidSans; /* Имя шрифта */
    src: url(fonts/DroidSans.ttf); /* Путь к файлу со шрифтом */
   }

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
	font-family: Lucida Sans Unicode, DroidSans,'Lato', Calibri, Arial, sans-serif;
	color: black;
	font-size:14px;
	/*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

/* div:hover{background-color:white;opacity:0.7} */

a{
	text-decoration:none;
	color:black;
}

h1,h2,h3,h4,h5,h6 {
    font-weight:	normal;
    font-size: 100%;
    margin: 0;
    padding: 0;
    color: white;
}

h1{
	font-size: 2.4em;
	/*text-shadow: 1px 1px 2px black;*/
}
h2{
	font-size: 2em;
	font-weight:bold;
	text-shadow: 1px 1px 2px black;
}
h3{
	font-size: 1.6em;
	font-weight:bold;
	text-shadow: 1px 1px 2px black;
	text-decoration:none;
}
h3:hover{
}
h4{
	font-size:1.3em;
	text-decoration:underline;
	text-shadow: 1px 1px 2px black;
}
h4:hover{
	color:#bc9d7f;
	cursor:pointer;
}
p{
	font-size: 1.0em;
	/*text-shadow: 1px 1px 2px black;*/
	color:black;
	padding-left:30px;
	padding-right:30px;
}
.topmenuh3{
	font-size: 1.6em;
	font-weight:bold;
	text-shadow: 1px 1px 2px black;
	text-decoration:none;	
}
.topmenuh3:hover{
	color:#bc9d7f;
	cursor:pointer;	
}
#top1{
	position:fixed;
	top:0;
	left:160px;
	right:160px;
	min-height: 18px;
	z-index: 105;
	max-width:-webkit-calc(100%-320px); /* WebKit */	max-width:-moz-calc(100%-320px); /* Firefox */	max-width:-o-calc(100%-320px); /* Opera */	max-width:calc(100%-320px); /* Standart */
	width:auto;
	padding: 5px;
	margin:0 auto;
	background-image:url(images/black-0.5.png);
	/*opacity:0.4;*/
	-webkit-border-radius:7px;
	border-radius:7px;
	font-size:15px;
	text-align:center;
	transition:0.4s ease;
}
#top1:hover{
	opacity:0.8;
	transition:0.4s ease;
}

#top1menu{
	position:fixed;
	width:60px;
	height:60px;
	right:0;
	z-index:105;
	margin-right:40px;
	margin-top:40px;
	-webkit-border-radius:40px;
	border-radius:40px;
	opacity:0;
	box-shadow: 1px 0px 7px black;
	overflow:hidden;
}

#top1menusection{
	width:-webkit-calc(20%); /* WebKit */
	width:-moz-calc(20%); /* Firefox */
	width:-o-calc(20%); /* Opera */
	width:calc(20%); /* Standart */
	height:100%;
	float:left;
	background-size:auto;
	background-position:center center;
	background-repeat:no-repeat;
	overflow:hidden;
}
#top1menusection:hover{
	#background-color:black;
	opacity:1;
}

#top1menusectiontext{
	position:absolute;
	width:calc(18%);
	text-align:center;
	bottom:15%;
	height:30%;
	display:table;
	padding-left:1%;
	padding-right:1%;
	color:white;
}

#top1menusectiontexttext{
	display:table-cell;
	vertical-align:middle;
}

#top1menubutton{
	position:fixed;
	width:60px;
	height:60px;
	-webkit-border-radius:30px;
	border-radius:30px;
	right:0;
	z-index:120;
	margin-top:50px;
	margin-right:50px;
	background-image:url(images/menubefore.png);
	background-repeat:no-repeat;
	background-position:right top;
	animation: ripple 2s linear infinite;
	animation-delay: 0s;
	cursor: pointer;
}
@keyframes ripple {
  0% {
    box-shadow: 0 0 0 .7rem rgba(255,255,255, 0.2);
  }
  100% {
    box-shadow: 0 0 0 3rem rgba(255,255,255, 0);
  }
}

#top1homebutton{
	position:fixed;
	width:60px;
	height:60px;
	
	left:0;
	z-index:120;
	margin-top:50px;
	margin-left:50px;
	background-image:url(images/mainsitebutton.png);
	background-repeat:no-repeat;
	background-position:right top;
	cursor: pointer;
}

/*#footer{
	display:table;
	width:100%;
	min-height:26px;
	font-size:15px;
	bottom:0;
	background-image:url(images/black-0.5.png);
	line-height:16px;
	padding-top:5px;
	padding-bottom:5px;
}
#footer-text{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	color:white;
}
*/

.opacityeffect{
	opacity:1.0;
}
.opacityeffect:hover{
	opacity:0.97;
	transform:scale(1.01);
}