@import url(https://fonts.googleapis.com/css?family=Varela+Round:300,400,500,600,700,800,900,300italic,400italic);
@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,900,300italic,400italic);

@font-face {
    font-family: 'TypographProLight';
    src: url('/fonts/TYPOGRAPH PRO Light.eot');
    src: url('/fonts/TYPOGRAPH PRO Light.eot?#iefix') format('embedded-opentype'),
         url('/fonts/TYPOGRAPHPRO-Light.woff') format('woff'),
         url('/fonts/TYPOGRAPH PRO Light.ttf') format('truetype'),
         url('/fonts/TYPOGRAPHPRO-Light.svg#TypographProLight') format('svg');
}
@font-face {
    font-family: 'TypographProSemiBold';
    src: url('/fonts/TYPOGRAPH PRO Semi Bold.eot');
    src: url('/fonts/TYPOGRAPH PRO Semi Bold.eot?#iefix') format('embedded-opentype'),
         url('/fonts/TYPOGRAPHPRO-SemiBold.woff') format('woff'),
         url('/fonts/TYPOGRAPH PRO Semi Bold.ttf') format('truetype'),
         url('/fonts/TYPOGRAPHPRO-SemiBold.svg#TypographProSemiBold') format('svg');
}

body {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #FFF;    
    background: -moz-linear-gradient(top, #FFF 0%, rgba(226, 229, 211, 0.9) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF), color-stop(100%, rgba(226, 229, 211, 0.9)));
    background: -webkit-linear-gradient(top, #FFF 0%, rgba(226, 229, 211, 0.9) 100%);
    background: -o-linear-gradient(top, #FFF 0%, rgba(226, 229, 211, 0.9) 100%);
    background: -ms-linear-gradient(top, #FFF 0%, rgba(226, 229, 211, 0.9) 100%);
    background: linear-gradient(to bottom, #FFF 0%, rgba(226, 229, 211, 0.9) 100%);
    background-size: 150% 150%;     
    font-family: 'Montserrat' !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3em;
    height: 100%;
    color: #121212;
}

a,
a:hover
a:focus,
a:active
.btn,
.btn:hover
.btn:focus,
.btn:active {
    outline: 0 !important;
}
:focus {
    outline: 0 !important;
}
::-moz-focus-inner {
    border: 0 !important;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    outline: 0;
    font-size: 15px !important;
}

h1.page_header {
    font-size: 25px;   
    margin: 20px 0px 25px 0px;
    text-align: center;
    color: #555;
}
h1.page_header a {
    text-decoration: none;
}
h1.page_header img {
    margin: 45px 0px 0px 0px;
    width: 285px;
}
.form-control {
    font-size: 14px !important;    
    color: #121212 !important;
}
label {
    font-weight: 500;
}

/*Panels*/
.panel {
	border: 0;
	margin-bottom: 0px;
	-webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,.1);
    box-shadow: 1px 1px 2px 1px rgba(0,0,0,.);
}
.panel-heading {
	font-size: 18px;
	font-weight: 300;
	letter-spacing: 0.025em;
	height: 66px;
	line-height: 45px;
}
.panel-default .panel-heading {
	background: #fff;
	border-bottom: 1px solid #eee;
	color: #5f6468;
	font-weight: 500;
}
.panel-default .panel-heading .heading {
    padding-left: 0px !important;
    font-size: 20px;
}
.panel-default .panel-heading .heading a:hover {
    text-decoration: none;
}

.form-signin h1 {
    font-size: 25px !important; 
    margin-top: 0px;
    font-family: "TypographProSemiBold" !important;
    font-weight: 600 !important;
}
.form-signin h2 {
    font-size: 15px !important; 
    margin-top: 0px;
    margin-bottom: 30px;
    /*font-family: "Varela Round" !important;*/
    font-family: "TypographProSemiBold" !important;
    font-weight: 600 !important;
}
.form-signin {
    margin: 0px;
}
.form-signin .form-control {
	border: 1px solid #eee;
	box-shadow: none;
}
.form-signin .form-control:focus {
	border: 1px solid #ED6A18;
	outline: 0;
	box-shadow: inset 0px 0px 0px 1px #ED6A18;
}
.form-signin .alert-danger {
    margin-top: 10px;
    margin-bottom: 0px;
}
.btn {
    border-width: 2px;
    font-weight: 500;
}
.btn-social {
    font-weight: 500 !important;
}
.form-signin .btn-primary {
    color: #ED6A18;
    background-color: transparent;
    border-color: #ED6A18;
    margin-top: 5px;
    outline: 0 !important;
    box-shadow: none !important;
    font-weight: 500 !important;
}
.form-signin .btn-primary:hover,
.form-signin .btn-primary:focus,
.form-signin .btn-primary:active {
    color: #EF8A3C;
    background-color: transparent;
    border-color: #EF8A3C;
    margin-top: 5px;
    outline: 0 !important;
    box-shadow: none !important;
    font-weight: 500 !important;
}

.form-signin .radio {

}
.form-signin input[type=radio] {
    display: none;
}
.form-signin label.radio-label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
}
.form-signin label.radio-label:before {
    content: "";
    display: inline-block; 
    width: 16px;
    height: 16px; 
    position: absolute;
    left: 0;
    bottom: 2px;
    background-color: #E3E3E3;
    box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(226, 229, 211, .8);
}
.form-signin label.radio-label:before {
    border-radius: 8px;
}
.form-signin input[type=radio]:checked + label.radio-label:before {
    content: "\2022";
    color: #121212;
    font-size: 30px;
    text-align: center;
    line-height: 15px;
}

.form-signin .checkbox {
    margin-top: 0px;
}
.form-signin input[type=checkbox] {
    display: none;
}
.form-signin .checkbox label.checkbox-label {
    padding-left: 10px;
    min-height: 19px;
}
.form-signin .checkbox label.checkbox-label:before {
    content: "";
    display: inline-block; 
    width: 16px;
    height: 16px; 
    position: absolute;
    left: 0;
    bottom: 2px;
    background-color: #E3E3E3;
    box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(226, 229, 211, .8);
}
.form-signin .checkbox label.checkbox-label:before {
    border-radius: 3px;
}
.form-signin input[type=checkbox]:checked + label:before {
    content: "\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 16px;
    color: #121212;
    text-align: center;
    line-height: 18px;
}

.form-signin .forgot-password {
    text-align: right;
    padding-right: 0px;
}
.form-signin .forgot-password a,
.form-signin .forgot-password a:hover {
    color: #9A9E85;
}

.create-account {
    max-width: 330px;
    padding: 14px;
    margin: 0 auto;
    text-align: center;      
}
.create-account a,
.create-account a:hover {   
    color: #9A9E85;
}

.col-centered {
    float: none;
    margin: 0 auto;
    text-align: center;
}

.facebook-login-info {
    margin-bottom: 7px;
    font-size: 14px;
    color: #c0c0c0;
}

.line-through {
    text-align: center; 
    margin-top: 25px; 
    margin-bottom: 25px;
    overflow: hidden;
    position: relative;
    color: #EF8A3C;
}
.line-through:before,
.line-through:after {
    background-color: #EF8A3C;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}
.line-through:before {
    right: 0.5em;
    margin-left: -50%;
}
.line-through:after {
    left: 0.5em;
    margin-right: -50%;
}

.error-class {
    border-color: #FF0000 !important;
}
label.error-class {
    color: #FF0000 !important;
    padding-top: 10px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    text-transform: none !important;
    color: #BABABA !important;
}
::-moz-placeholder { /* Firefox 19+ */
    text-transform: none !important;
    color: #BABABA !important;
}
:-ms-input-placeholder { /* IE 10+ */
    text-transform: none !important;
    color: #BABABA !important;
}
:-moz-placeholder { /* Firefox 18- */
    text-transform: none !important;
    color: #BABABA !important;
}

@media (max-width: 1200px) {
    /*body {
        opacity: 0;
    }*/
}