* { margin: 0; padding: 0; }

body.page-1 {	height: 100%;
	border: solid 1px rgba(220, 240, 240, 0);
	background-image: url(images/bg1.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; }

@font-face { font-family: fgmc;
	src: url(fonts/fgmc.otf);
	src: url('fonts/fgmc.eot?') format('eot'),
	url('fonts/fgmc.woff') format('woff'),
	url('fonts/fgmc.ttf')  format('truetype'),
	url('fonts/fgmc.svg')  format('svg'); }

@font-face { font-family: PT_Sans_Bold;
	src: url('fonts/PT_Sans_Bold.ttf');}


h1 { 	font-family: BauhausC_L;
	font-size: 34px;
   	color: #003494;
	text-shadow: 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff; }

h2 { 	font-family: PT_Sans_Bold;
	font-size: 22px;
   	color: #000;
	text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff; }

hr { border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); }

#footer { text-align: center;
	font-family: fgmc;
	font-size: 14px;
	color: #fff;
	line-height: 1;
	margin-bottom: 0; }

#rasporka { clear: both;
	height: 100px; }

#rasporka2 { clear: both;
	height: 50px; }

#menu_p	{ width: 115px;
	margin: 10px 0 0 0;
	padding: 0px;
	position: fixed; }

#menu_p ul { list-style-type: none; }

#menu_p a { width: 37px;
	height: 22px;
	float: left; }

#menu_p a:hover { opacity: 0.7;
	outline: none; }



.cont .bi { float: left;
	height: 150px;
	margin: 10px; }



/* Основное поле */

.cont { 
	height: auto;
	margin: 0 auto 60px auto;
	padding: 30px 30px;
	background: rgba(245, 245, 245, 0.7);
	color: #000;
	transition-property: background;
	transition-duration: 0.5s;
	transition-timing-function:  ease-out;
	font-family: PT_Sans_Bold;
	font-size:  18px; 
        -moz-box-shadow: 0 0 20px #fff;
	-webkit-box-shadow: 0 0 20px #fff;
	box-shadow: 0 0 20px #fff; }



.cont_logo { width: 880px;				
	margin: 80px auto 80px auto;
	text-align: center;
	font: 48px PT_Sans_Bold;
	color: #000;
	text-shadow: 0 0 15px #fff, 0 0 15px #fff, 0 0 15px #fff, 0 0 15px #fff; 
	}

.cont_logo img { float: left;
	width: 90px;
	-webkit-filter: drop-shadow(0 0 20px #fff);
	filter: drop-shadow(0 0 20px #fff);
	}




$bg: #f3f8fa;
$white: #fff;
$black: #282936;

@mixin transition($property: all, $duration: 0.45s, $ease: cubic-bezier(0.65,0,.076,1)) {
  transition: $property $duration $ease;
}

* {
  box-sizing: border-box;
  &::before, &::after {
    box-sizing: border-box;
  }
}


button {
 padding: 5px 30px;
 border: unset;
 border-radius: 15px;
 color: #212121;
 z-index: 1;
 background: #e8e8e8;
 position: relative;
 font-weight: 1000;
 font-size: 14px;
 -webkit-box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
 box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
 transition: all 250ms;
 overflow: hidden;
}

button::before {
 content: "";
 position: absolute;
 top: 0;
 right: 0;
 height: 100%;
 width: 0;
 border-radius: 15px;
 background-color: #818181;
 z-index: -1;
 -webkit-box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
 box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
 transition: all 250ms
}

button:hover {
 color: #eeeeee;
}

button:hover::before {
 width: 100%;
}

input[type='password'],input[type='email']{
	width: 100%;
	padding: 10px;
	border-radius: 3px;
	border: 1px solid #ccc;
	margin-top: 10px;
	margin-bottom: 20px;
}
input[type='password']:focus,input[type='email']:focus{
	border: 1px solid #5db6db;
	box-shadow: 0 0 10px #b9eaff;
	outline: none !important;
}
input[type='submit']{
	background: rgb(39,160,210);
	color: #fff;
	border: none;
	padding: 10px 20px;
	cursor: pointer;
}
.main-login-form{
	max-width: 400px;
    margin: 0 auto;
    background: #f5f5f5c7;
    padding: 20px 45px 20px 25px;
    border-radius: 5px;
    border: 1px solid #ccc;
}
#rasporka { clear: both;
	height: 100px; }