@font-face {
	font-family: 'BebasNeueRegular';
	src: url('../../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), 
		 url('../../fonts/BebasNeue-webfont.woff') format('woff'),
		 url('../../fonts/BebasNeue-webfont.ttf') format('truetype');
	font-weight: normal;
    font-style: normal;
}
/*url('../fonts/BebasNeue-webfont.svg#webfontj1CI1MAi') format('svg')*/
@font-face {
	font-family: 'OrbitronMedium';
    src: url('../../fonts/orbitron-medium-webfont.eot');
    src: url('../../fonts/orbitron-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/orbitron-medium-webfont.woff') format('woff'),
         url('../../fonts/orbitron-medium-webfont.ttf') format('truetype');
/*         url('/fonts/orbitron-medium-webfont.svg#OrbitronMedium') format('svg');*/
	font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OrbitronLight';
    src: url('../../fonts/orbitron-light-webfont.eot');
    src: url('../../fonts/orbitron-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/orbitron-light-webfont.woff') format('woff'),
         url('../../fonts/orbitron-light-webfont.ttf') format('truetype');
/*         url('/fonts/orbitron-light-webfont.svg#OrbitronLight') format('svg');*/
	font-weight: normal;
    font-style: normal;
}


@font-face {
	font-family: 'UbuntuRegular';
	src: url('../../fonts/Ubuntu-Regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../../fonts/Ubuntu-Regular-webfont.woff') format('woff'),
		 url('../../fonts/Ubuntu-Regular-webfont.ttf') format('truetype');
/*		 url('/fonts/Ubuntu-Regular-webfont.svg#webfont1HARLTaU') format('svg');*/
	font-weight: normal;
    font-style: normal;
}
*::-moz-selection{
	background: #808080;
}

html{
    background: #ffffff;
}

.main-background{
    background: #ecedef url("../images/fingertipsbg.jpg") no-repeat scroll 0 0; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: auto;
    width:auto;
    height:100%;
   
}

/*.login-header img{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height: 300px;
    opacity: 0.8;
    z-index:-1;F
}*/

/*Login form*/
.copyright{
	/*color: #565656;*/
        color: #d8e8f7;
	font-size: 12px;
	line-height: 16px;
	/*text-shadow: 1px 1px 1px #fff;*/
	letter-spacing: 1px
}
.login-form .uk-form select:focus,
.login-form .uk-form textarea:focus,
.login-form .uk-form input:not([type]):focus,
.login-form .uk-form input[type="text"]:focus,
.login-form .uk-form input[type="password"]:focus,
.login-form .uk-form input[type="datetime"]:focus,
.login-form .uk-form input[type="datetime-local"]:focus,
.login-form .uk-form input[type="date"]:focus,
.login-form .uk-form input[type="month"]:focus,
.login-form .uk-form input[type="time"]:focus,
.login-form .uk-form input[type="week"]:focus,
.login-form .uk-form input[type="number"]:focus,
.login-form .uk-form input[type="email"]:focus,
.login-form .uk-form input[type="url"]:focus,
.login-form .uk-form input[type="search"]:focus,
.login-form .uk-form input[type="tel"]:focus,
.login-form .uk-form input[type="color"]:focus{
	border: 1px solid #808080;
	background: #fff;
}
.login-button-1{
        color:#333333;
        font-weight:bold;
	border-radius: 5px 5px 5px 5px;
	background: #8FC306;
        border: 1px solid #85B507;
}
.signup-button-1{
	background: #FF2F2F;
	
	border-radius: 5px 0px 0px 5px;
}
.login-button-1:hover, .login-button-1:focus, .login-button-1:active{
	opacity: .8;
	background: #8FC306;
}
.signup-button-1:hover, .signup-button-1:focus, .signup-button-1:active{
	opacity: .8;
	background: #FF2F2F;
}
.login-form .uk-container{
	width: 420px !important;
/*	margin-top: -150px;*/
}
.login h1, .uk-modal-dialog h1{
	font-family: 'BebasNeueRegular';
	font-size: 35px;
	text-shadow: 1px 1px 2px #fff;
	color: #565656;
	line-height: 34px;
	color: #4D4D4D;
	text-shadow: #fff;
	margin-bottom: 20px;
}
.login-button{
	background: #ff911e;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.15) inset;
}
.uk-panel-box{
/*	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );*/


	background: rgba(237,237,237,1);
	background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,237,237,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=0 );


	border: 1px solid #f4f4f4;
	box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.15) inset;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

.login-button:hover{
	opacity: .8;
	background: #ff911e;
}
.login-link a:hover{text-decoration: none;color: #000;}
.login-link a{
	text-shadow: 1px 1px 1px #fff;
	color: #565656;
}
.login .uk-form input[type="text"]{
	background: #fff;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,.1);
	border: 1px solid #808080;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	border: 1px 1px 1px #808080;
	height: 42px;
}
.login .uk-form input[type="password"]{
	background: #fff;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,.1);
	border: 1px solid #808080;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	border: 1px 1px 1px #808080;
	height: 42px;
}
.login .uk-form input[type="text"]:hover, .login .uk-form input[type="text"]:focus, .login .uk-form input[type="password"]:hover, .login .uk-form input[type="password"]:focus{
	background: #f4f4f4;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,.1);

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	border: 1px 1px 1px #808080;
	outline: none;
}
.login h1{
	font-family: 'BebasNeueRegular';
	font-size: 38px;
	text-shadow: 1px 1px 1px #fff;
	color: #565656;
	line-height: 34px;
	color: #565656;
	text-shadow: #fff;
	margin-bottom: 15px;
	margin-top: 5px;
}
.add-on i{
	padding: 8px 6px;
	background: #EEEEEE;
}
.uk-form-icon > a:hover{color: #AF1916;}
.uk-form-icon > a {
	color: #999999;
    font-size: 14px;
    position: absolute;
    text-align: center;
    padding: 9px;
    width: 30px;
    right: 1px;
    z-index: 999;
    cursor: pointer;
    top: 1px;


     background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%) repeat scroll 0 0;
     -webkit-border-radius: 0px 5px 5px 0px;
     -moz-border-radius: 0px 5px 5px 0px;
     -o-border-radius: 0px 5px 5px 0px;
     border-radius: 0px 5px 5px 0px;
     border-left: 1px solid #C4C4C4;
}
.uk-form-icon:hover .uk-icon-user, .uk-form-icon:hover .uk-icon-key{color: #565656;}
.login .uk-icon-user, .login .uk-icon-key{font-size: 130% !important;}
.uk-form-icon > .uk-icon-user {
    color: #999999;
    font-size: 14px;
    margin-top: 0px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    padding: 11px 10px;
    top: 0px;
    margin-top: 1px;
    margin-left: 1px;
    border-right: 1px solid #C4C4C4;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%) repeat scroll 0 0;
     -webkit-border-radius: 5px 0px 0px 5px;
     -moz-border-radius: 5px 0px 0px 5px;
     -o-border-radius: 5px 0px 0px 5px;
     border-radius: 5px 0px 0px 5px;
}

.uk-form-icon > .uk-icon-key {
    color: #999999;
    font-size: 14px;
    margin-top: 0px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    padding: 11px 10px;
    top: 0px;
    margin-top: 1px;
    margin-left: 1px;
    border-right: 1px solid #C4C4C4;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%) repeat scroll 0 0;
     -webkit-border-radius: 5px 0px 0px 5px;
     -moz-border-radius: 5px 0px 0px 5px;
     -o-border-radius: 5px 0px 0px 5px;
     border-radius: 5px 0px 0px 5px;
}
.uk-form-icon .uk-icon-question-circle{font-size: 142% !important;}
.uk-form-icon:not(.uk-form-icon-flip) > input{
	padding-right: 55px !important;
	padding-left: 55px !important;
}
.catcha a {
    margin-left: 5px;
}
.catcha a:hover{text-decoration: none;}
.uk-form-icon{width: 100%;margin: 5px 0px;}


/*End*/

/*template*/
.uk-container{width: 100%;max-width: 100%;}
.menu-bg{
	background: #fff;
	padding: 5px;
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(234, 148, 9, 1) 0%, rgba(246, 157, 30, 1) 25%, rgba(246, 157, 30, 1) 75%, rgba(232, 143, 0, 1) 100%) repeat scroll 0 0;
}

.left-block{
	background: #333;
}
.right-block{}
.bg-header{
	background: #333;
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.uk-heigh-15{height: 10% !important;}
.uk-heigh-75{height: 80% !important;}
.uk-heigh-10{height: 6% !important;}
.headerbar{height: 100%;}

/*End*/




@media (max-width: 959px) {
	.right-block{
		margin-left: 0px;
	}

}
@media (max-width: 768px) {
	.login h1, .uk-modal-dialog h1{
		font-size: 30px;
	}
	.login-form .uk-container{
            width: 100% !important;
            padding: 15px 15px !important;
        }
}

.uk-title-dialog{
	color: #fff;/*282828*/
        text-shadow: 0 1px 0 rgba(148, 0, 2, 54);
	font-family: 'BebasNeueRegular';
        font-size: 23pt;
        line-height: 90%;
}

.uk-button-primary{background: #FF2437;}/*F48413 FF2437*/
.uk-button-primary:hover, .uk-button-primary:active, .uk-button-primary:focus{background: #FF2437;opacity: .8;}
.uk-title-success{
	color: #4DA90C;/*67C127;*/
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
	font-family: 'BebasNeueRegular';
	margin-top: 15px;
        font-size: 21pt;
}
.uk-title-error{
	color: #FF2424;/*67C127;*/
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
	font-family: 'BebasNeueRegular';
	margin-top: 15px;
        font-size: 21pt;
}

.panel{
    width: 100%;
    padding: 15px;
    background: rgba(255,255,255, 0.9);

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}