
@font-face {
   font-family: Lato Light;
   font-style: normal;
   src: url(../fonts/Lato-Light.ttf);
}
@font-face {
	font-family:"Alien League";
	src:url("../fonts/ALIEN5.eot?") format("eot"),
	url("../fonts/ALIEN5.woff") format("woff"),
	url("../fonts/ALIEN5.ttf") format("truetype"),
	url("../fonts/ALIEN5.svg#AlienLeague") format("svg");
	font-weight:normal;font-style:normal;
}
@font-face {
	font-family:"Open Sans";
	src:url("../fonts/OpenSans-Regular.eot?") format("eot"),
	url("../fonts/OpenSans-Regular.woff") format("woff"),
	url("../fonts/OpenSans-Regular.ttf") format("truetype"),
	url("../fonts/OpenSans-Regular.svg#OpenSans") format("svg");
	font-weight:normal;font-style:normal;
}
@font-face {
	font-family:"Lato Black";
	src:url("../fonts/Lato-Black.eot?") format("eot"),
	url("../fonts/Lato-Black.woff") format("woff"),
	url("../fonts/Lato-Black.ttf") format("truetype"),
	url("../fonts/Lato-Black.svg#Lato-Black") format("svg");
	font-weight:normal;font-style:normal;
}
@font-face {
	font-family:"Lato Bold";
	src:url("../fonts/Lato-Bold.eot?") format("eot"),
	url("../fonts/Lato-Bold.woff") format("woff"),
	url("../fonts/Lato-Bold.ttf") format("truetype"),
	url("../fonts/Lato-Bold.svg#Lato-Bold") format("svg");
	font-weight:normal;font-style:normal;
}
@font-face {
	font-family:"Lato Hairline";
	src:url("../fonts/Lato-Hairline.eot?") format("eot"),
	url("../fonts/Lato-Hairline.woff") format("woff"),
	url("../fonts/Lato-Hairline.ttf") format("truetype"),
	url("../fonts/Lato-Hairline.svg#Lato-Hairline") format("svg");
	font-weight:normal;font-style:normal;
}
@font-face {
	font-family:"Roboto Thin Italic";
	src:url("../fonts/Roboto-ThinItalic.eot?") format("eot"),
	url("../fonts/Roboto-ThinItalic.woff") format("woff"),
	url("../fonts/Roboto-ThinItalic.ttf") format("truetype"),
	url("../fonts/Roboto-ThinItalic.svg#Roboto-ThinItalic") format("svg");
	font-weight:normal;font-style:normal;
}
@font-face {
	font-family:"Lato Regular";
	src:url("../fonts/Lato-Regular.eot?") format("eot"),
	url("../fonts/Lato-Regular.woff") format("woff"),
	url("../fonts/Lato-Regular.ttf") format("truetype"),
	url("../fonts/Lato-Regular.svg#Lato-Regular") format("svg");
	font-weight:normal;font-style:normal;
}
@font-face {
	font-family:"Oswald Light";
	src:url("../fonts/Oswald-Light.eot?") format("eot"),
	url("../fonts/Oswald-Light.woff") format("woff"),
	url("../fonts/Oswald-Light.ttf") format("truetype"),
	url("../fonts/Oswald-Light.svg#Oswald-Light") format("svg");
	font-weight:normal;font-style:normal;
}
@font-face {
	font-family:"Oswald Bold";
	src:url("../fonts/Oswald-Bold.eot?") format("eot"),
	url("../fonts/Oswald-Bold.woff") format("woff"),
	url("../fonts/Oswald-Bold.ttf") format("truetype"),
	url("../fonts/Oswald-Bold.svg#Oswald-Bold") format("svg");
	font-weight:normal;font-style:normal;
}
@font-face {
	font-family:"Lato Italic";
	src:url("../fonts/Lato-Italic.eot?") format("eot"),
	url("../fonts/Lato-Italic.woff") format("woff"),
	url("../fonts/Lato-Italic.ttf") format("truetype"),
	url("../fonts/Lato-Italic.svg#Lato-Italic") format("svg");
	font-weight:normal;font-style:normal;
}
@font-face {
	font-family:"Roboto Thin";
	src:url("../fonts/Roboto-Thin.eot?") format("eot"),
	url("../fonts/Roboto-Thin.woff") format("woff"),
	url("../fonts/Roboto-Thin.ttf") format("truetype"),
	url("../fonts/Roboto-Thin.svg#Roboto-Thin") format("svg");
	font-weight:normal;font-style:normal;
}

/* use this class to attach this font to any element i.e. <p class="fontsforweb_fontid_7349">Text with this font applied</p> */
.fontsforweb_fontid_7349 {
	font-family: 'impactreg' !important;
}

/* Font downloaded from FontsForWeb.com */
@font-face {
	font-family:"Roboto Light";
	src:url("../fonts/Roboto-Light.ttf") format("truetype");
	font-weight:normal;font-style:normal;
}
@font-face {
	font-family:"Roboto Regular";
	src:url("../fonts/Roboto-Regular.ttf") format("truetype");
	font-weight:normal;font-style:normal;
}

html {
}

html, body {
	background-color: #f9f9f9;
	color: #000;
	font-family:"Open Sans";
	overflow-x: hidden;
}

a {
	color: #FF6F69;
}
a:hover {
	text-decoration: none;
	color: #E0625C;
}




/*OWNER*/
.o1 {
	background-color: #3C3C3B;

	background-image: url(../image/back-login.png);
	background-repeat: no-repeat;
	background-origin: content-box;

	margin:0px;
	padding: 0px;
}
.o2 {
	background-color: #f9f9f9;
	margin: 10px 0px;
}

.suzen {
	background-color: transparent;
	min-height: 100px;
	margin-top: 10%;
	padding: 0px 0px 10px;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	border-radius: 5px;
}
	.frmlgn {
		background-color: #f9f9f9;
		min-height: 300px;
		padding: 20px;
		border-bottom: 0px;
		border-left: 0px;
		border-right: 0px;
		border-radius: 5px;
	}
	.ttllgn {
		margin-top: 30px;
		margin-bottom: 40px;
		color: #ffffff;
	}
		.inst {
			font-family:"Lato Black";
			color: #fece08;
		}
	.forms {
		height: 70px;
		background-color: #f9f9f9;
		border-radius: 0px;
		border: 1px solid #677F9E;
		border-top: 0px;
		border-right: 0px;
		border-left: 0px;
		box-shadow: inset 0px 0px 0px white !important;
		-webkit-box-shadow: inset 0px 0px 0px white !important;
	}
	.ins {
		font-family:"Alien League";
		font-size: 24px;
	}

/*------------Content-------------*/

	    /*  button tired  */
		.btn-sunny {
			font-family:"Alien League";
		    font-size: 24px;
		    border-radius: 0px;
		    padding: 20px;
		    color: #f9f9f9;
		    background-color: #2A2A2B;
		    border-top: 5px solid #f9f9f9;
		    border-bottom: 5px solid #f9f9f9;
		}
		.btn-sunny:hover, .btn-sky.active:focus, .btn-sunny:focus, .open>.dropdown-toggle.btn-sunny {
		    color: #2A2A2B;
		    background-color: #f9f9f9;
		    border-top: 5px solid #2A2A2B;
		    border-bottom: 5px solid #2A2A2B;
		    outline: none;
		}
		.btn-sunny:active, .btn-sunny.active {
		    color: #2A2A2B;
		    background-color: #f9f9f9;
		    border-bottom: 5px solid #2A2A2B;
		    outline: none;
		}

	/*------------huek-------------*/



/*------------FOOTER-------------*/


/*CUSTOM*/













