/**
 * RESET (MEYER)
 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,
big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,
dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tfoot,thead,article,aside,canvas,details,embed,
figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,
video{margin:0;padding:0;border:0;vertical-align:baseline;}article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}html,body{height:100%;}/*ol,ul{list-style:none;}*/

/**
 * Fonts
 */
@font-face {
    font-family: 'BrandonGrotesque';
    src: url(../fonts/BrandonGrotesque-Bold.otf);
    font-weight: bold;
}
@font-face {
    font-family: 'BrandonGrotesque';
    src: url(../fonts/BrandonGrotesque-Regular.otf);
    font-weight: normal;
}
@font-face {
    font-family: 'BrandonGrotesque';
    src: url(../fonts/BrandonGrotesque-Light.otf);
    font-weight: 300;
}
@font-face {
    font-family: 'BrandonGrotesque';
    src: url(../fonts/BrandonGrotesque-Bold.otf);
    font-weight: bold;
}
@font-face {
    font-family: 'PragmaticaLight';
    src: url(../fonts/PragmaticaLight.otf);
    font-weight: 300;
}

/**
 * Scafold
 */
html, body { width: 100%; height: 100%; }

.main-row { }
.vertical-center {
	height:100%;
	width:100%;
	text-align: center;  /* align the inline(-block) elements horizontally */
	font: 0/0 a;         /* remove the gap between inline(-block) elements */
}

.vertical-center:before {    /* create a full-height inline block pseudo=element */
	content: " ";
	display: inline-block;
	vertical-align: middle;    /* vertical alignment of the inline element */
	height: 100%;
}

.vertical-center > .row {
	padding: 60px 30px;
	width: 100%;
	max-width: 100%;
	background-color: #FFF;
	display: inline-block;
	vertical-align: middle;  /* vertical alignment of the inline element */
	text-align: left;
}
.main-container h1 {
	font-family: 'BrandonGrotesque';
	font-weight: bold;
	font-size: 24px;
	line-height: 24px;
	color: #000;
}
.main-container h2 {
	margin-bottom: 30px;
	font-family: 'PragmaticaLight';
	font-weight: 300;
	font-size: 18px;
	line-height: 24px;
	color: #ed193f;
}
.main-container {
	font-family: 'PragmaticaLight';
	font-size: 12px;
	line-height: 22px;
	color: #000;
}
.main-container p { margin-bottom: 15px; }
.main-container a { color: #666; }
.main-container a:hover { color: #ed193f; }

.main-container ul { margin-left: 15px; margin-bottom: 15px; }

.address-wrapper { clear: both; padding-top: 60px; }
address { margin-bottom: 15px; color: #666; line-height: 21px; }
address h3 { 
	margin-bottom: 5px;
	font-size: 15px;
	font-weight: bold; 
}
address h3, address strong { color: #000; }

.main-container .panel { margin: 0 auto; max-width: 300px; }
.main-container .panel .panel-heading { 
	background: none !important;
}
.panel-title { font-size: 15px; }
.forgot { text-align: right; }
.forgot a { 
	display: block; padding: 10px 0; text-decoration: underline;
}

.main-container .panel,
.main-container .panel .form-control,
.main-container .panel .btn { border-radius: 0; }
.main-container .panel .panel-body { padding: 30px 15px; }

.main-container .panel .form-control {
    height: 34px;
    padding: 3px 12px;
    font-size: 13px;
    line-height: 13px;
    color: #666;
}
#frg-form { margin-top: 25px; padding-top: 15px; border-top: 1px solid #E6E6E6; }

/**
 * page-preloader
 */
#page-preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #FFF url(../img/page-preloader.gif) no-repeat center center;
    background-color: #FFF;
    z-index: 999;
}

@media (max-width: 768px) {
  .vertical-center:before {
    height: auto;
    /* Or */
    display: none;
  }
}