html{
	height: 100%;
}


body {
	font-family: 'Source Sans Pro', sans-serif;
	font-style: normal;
	font-size: 16px;
	font-weight: 400;
	line-height: 30px;
	text-align: center;
	min-height: 100%;
}

body#uploader-front {
	overflow-y: hidden;
	margin: 0;
}

strong { font-weight: 500; }

a, a:hover, a:focus {
	color: #EC2024;
	text-decoration: none;
	-o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}

h1, h2 {
	margin-top: 10px;
	font-size: 38px;
	font-weight: 100;
	color: #555;
	line-height: 50px;
	background: none;
}

h3 {
	font-size: 22px;
	font-weight: 300;
	color: #555;
	line-height: 30px;
}

img { max-width: 100%; }

.medium-paragraph {
	font-size: 18px;
	line-height: 32px;
}

.orange { color: #e8643e; }
.red { color: #be5254; }
.blue { color: #019299; }

::-moz-selection { background: #19b9e7; color: #fff; text-shadow: none; }
::selection { background: #19b9e7; color: #fff; text-shadow: none; }


/***** General style, all sections *****/

.section-container {
	margin: 0 auto;
	padding-bottom: 80px;
}

.section-container-gray-bg {
	background: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.section-container-image-bg, 
.section-container-image-bg h2, 
.section-container-image-bg h3 {
	color: #fff;
}

.section-container-image-bg .divider-1 span {
	background: #fff;
}

.section-description {
	margin-top: 60px;
	padding-bottom: 10px;
}

.section-description p {
	margin-top: 20px;
	padding: 0 120px;
}
.section-container-image-bg .section-description p {
	opacity: 0.8;
}

/* MSD custom */
.row-top {margin-top:94px;}
.join-msd {
	color: #fff;
}

.msd-large-text {
	font-size:54px;
	font-style: normal;
	font-weight: 300;
}

.msd-recover {
	font-size:36px;
	font-style: normal;
	font-weight: 300;
}

.msd-light-font {
	color: #333333;
	font-size: 12px;
}

.msd-small-text {
	color: #FFFFFF;
	font-size: 12px !important;
	font-weight: 600 !important;
}

.msd-checkmark 
{
	float: none;
	padding-left: 5px;
	z-index: 999;
	font-weight: 400;
	font-size: 14px;
}

input[type="checkbox"] {
	display:none;
}
input[type="checkbox"] + label span {
	display:inline-block;
	width:24px;
	height:24px;
	margin:-1px 4px 0 0;
	vertical-align:middle;
	background:url(../../images/button-off.png) left top no-repeat;
	cursor:pointer;
}
input[type="checkbox"]:checked + label span {
	background:url(../../images/button-on.png) left top no-repeat;
}

.msd-lighest-font{
	font-size: 13px;
	color: #A8ACB9;
}

.msd-regular-font {
	font-size: 13px;
	color: #333333;
	font-weight: 400;
}

.msd-bold{
	font-weight: 600;
	color: #4F5362;
}

.msd-round{
	 -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
}

.msd-submit {
	margin-top: 20px;
}

.msd-right {
	margin-left:35px;
}

.msd-error {
	font-size: 13px;
	color: #EC2024;
	font-weight: 400;
}

.msd-error-highlight{
	border: 3px solid #EC2024 !important;
}

/***** Top menu *****/

.navbar {
	margin-bottom: 0;
	background: #444;
	border: 0;
	-o-transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -ms-transition: all .6s; transition: all .6s;
}
.navbar.navbar-no-bg { background: none; }

ul.navbar-nav {
	font-size: 16px;
	color: #fff;
}

.navbar-inverse ul.navbar-nav li a { color: #fff; opacity: 0.8; border-bottom: 1px solid transparent; }
.navbar-inverse ul.navbar-nav li a:hover { color: #fff; opacity: 1; border-bottom: 1px solid transparent; }
.navbar-inverse ul.navbar-nav li a:focus { color: #fff; outline: 0; opacity: 1; border-bottom: 1px solid transparent; }

.navbar-inverse ul.navbar-nav li a.btn-link-2 {
	height: auto;
	margin: 4px 0 0 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #fff;
}

#uploader-front .navbar-brand {
	width: 143px;
	height: 80px;
	background: url(../img/logo.png) center no-repeat;
	text-indent: -99999px;
	position: absolute;
	left: 0;
	margin-left: 30px;
}


/***** Login Form 8 *****/

.form-divider-container {
	display: flex;
	align-items: center;
}

.divider-conjunction {
	margin: 0px 8px;
}

.l-form-8-container {
	padding: 0 0 90px 0;
}
.l-form-8 { padding-bottom: 40px; }
.l-form-8 p { padding: 0; }

.l-form-8-top { overflow: hidden; padding: 0 25px 15px 25px; background: #fff; text-align: left; }
.l-form-8-top-left { padding-top: 31px; color: #000; padding-bottom:15px; }
.l-form-8-top-left h3 { margin-top: 0; color: #555; }
.l-form-8-top-right { float: left; width: 25%; padding-top: 5px; font-size: 66px; color: #ddd; line-height: 100px; text-align: right; }
.l-form-8-bottom { padding: 25px 25px 30px 25px; background: #fff; text-align: left; }
.l-form-8-bottom-larger {padding: 5px 35px 45px 35px; background: #fff; text-align: left;}

.l-form-8-box .form-elements-divider { width: 50%; height: 1px; background: #ddd; }

.l-form-8-box .l-form-8-questions { margin-top: 15px; text-align: center; }
.l-form-8-box .l-form-8-questions a { color: #A8ACB9; }
.l-form-8-box .l-form-8-questions a:hover, .l-form-8-box .l-form-8-questions a:focus { color: #EC2024; border-bottom: 0; }

.l-form-8-box input[type="text"],
.l-form-8-box input[type="password"] {
	height: 42px;
	margin: 0;
	padding: 0 20px;
	vertical-align: middle;
	background: #F1F1F1;
	font-family: 'Source Sans Pro', sans-serif;
	font-style: normal;
	font-size: 16px;
	font-weight: 400;
	color: #4F5362;
	-moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px;
	-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
	-o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
	border:none;
}

.l-form-8-box input[type="text"]:focus,
.l-form-8-box input[type="password"]:focus {
  outline: 0; background: #fff; border: 1px solid #ccc;
  box-shadow: 0 10px 12px 0 #E3DBDB, 0 6px 20px 0 #E3DBDB;
}


/*.l-form-8-box input[type="text"]:focus, 
.l-form-8-box input[type="password"]:focus {
	outline: 0; background: #fff; border: 3px solid #ccc;
	-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}*/

.l-form-8-box input[type="text"]::-moz-placeholder, .l-form-8-box input[type="password"]::-moz-placeholder { color: #888; }
.l-form-8-box input[type="text"]:-ms-input-placeholder, .l-form-8-box input[type="password"]:-ms-input-placeholder { color: #888; }
.l-form-8-box input[type="text"]::-webkit-input-placeholder, .l-form-8-box input[type="password"]::-webkit-input-placeholder { color: #888; }

.l-form-8-box a.btn {
	position: relative;
	width: 100%;
	height: 50px;
	margin: 0;
	padding: 0 20px;
	vertical-align: middle;
	background: #EC2024;
	border: 0;
	font-family: 'Source Sans Pro', sans-serif;
	font-style: normal;
	font-size: 16px;
	font-weight: 600;
	line-height: 50px;
	color: #fff;
	-moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px;
	text-shadow: none;
	-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
	-o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}

.l-form-8-box button.btn:hover { opacity: 0.6; color: #fff; }
.l-form-8-box button.btn:active { outline: 0; opacity: 0.6; color: #fff; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.l-form-8-box button.btn:focus { outline: 0; opacity: 0.6; background: #be5254; color: #fff; }
.l-form-8-box button.btn:active:focus, .l-form-8-box button.btn.active:focus { outline: 0; opacity: 0.6; background: #be5254; color: #fff; }

.l-form-8-social-login { margin-top: 10px; text-align: center; color: #888; }
.l-form-8-social-login .btn-link-1 { margin: 0 5px 15px 5px; }



/***** Footer *****/

footer {
	padding: 40px 0 35px 0;
}

.footer-social {
	font-size: 42px;
	line-height: 42px;
}

.footer-social a { margin: 0 5px; color: #ddd; }
.footer-social a:hover, .footer-social a:focus { color: #19b9e7; }

.footer-copyright {
	margin-top: 25px;
}

/***** MEDIA QUERIES *****/

@media (min-width: 992px) and (max-width: 1199px) {
	
}


@media (min-width: 1200px) {
	#uploader-front .section-container .container {
		width: 970px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {

	.section-description p { padding: 0; }
	
	.l-form-2-box-text { padding-left: 15px; }
	.l-form-2-box-text h3 { margin-top: 0; }
	
	.l-form-4-box-text { padding-right: 15px; }
	.l-form-4-box-text h3 { margin-top: 0; }
	
	.l-form-7-box-text { padding-left: 15px; }
	.l-form-7-box-text h3 { margin-top: 0; }
}

@media (max-width: 767px) {
	
	.navbar.navbar-no-bg { background: transparent; }
	.navbar-brand { display: block; margin-left: auto; margin-right: auto; margin-bottom:30px; float:none;}
	.navbar-collapse { border: 0; }
	.nav>li { display: inline-block; }
	.navbar-inverse ul.navbar-nav li a:hover, .navbar-inverse ul.navbar-nav li a:focus { padding-bottom: 10px; border-bottom: 1px solid transparent; }
	
	.section-description p { padding: 0; }
	
	.l-form-2-box-text { padding-left: 15px; padding-top: 30px; text-align: center; }
	
	.l-form-4-box-text { padding-right: 15px; padding-bottom: 40px; text-align: center; }
	.l-form-4-box-text h3 { margin-top: 0; }
	
	.l-form-7-box-text { padding-left: 15px; padding-top: 30px; text-align: center; }

	.l-form-8-container {margin-top:30px; }
}

/*@media (max-height: 635px) {
	body#uploader-front {
		overflow-y: auto;
	}
}*/

@media (max-width: 600px) {
	.join-msd {
		color: #fff;
		display: flex;
		flex-direction: column;
	}

	#uploader-front .navbar-brand {
		position: relative;
		left: auto;
		margin-left: auto;
	}
}

@media (max-width: 415px) {
	
	h1, h2 { font-size: 32px; }
	
	.l-form-1-top-right, .l-form-2-top-right, .l-form-3-top-right,
	.l-form-4-top-right, .l-form-5-top-right, .l-form-6-top-right,
	.l-form-7-top-right, .l-form-8-top-right, .l-form-9-top-right, .l-form-10-top-right { font-size: 40px; line-height: 90px; }
	
	a.btn-link-1, a.btn-link-2,
	a.btn-link-3 { height: auto; padding: 13px 10px 13px 10px; line-height: 22px; white-space: normal; }

	.msd-right {margin-left:5px;}

	.msd-large-text {font-size: 34px;}

	.msd-checkmark {font-size:12px;}
	.row-top {margin-top: 60px;}
	.navbar-brand {margin-top: 5px;}
	.l-form-8-top-left {padding-top: 10px;padding-bottom:0px;}
	.l-form-8-bottom {padding: 15px 25px 15px 25px;}
}

/* Retina-ize images/icons */

@media
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min--moz-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2),
	only screen and (min-resolution: 192dpi),
	only screen and (min-resolution: 2dppx) {

	
	/* logo */
	.navbar-brand {
		background-image: url(../img/logo@2x.png) !important; background-repeat: no-repeat !important; background-size: 143px 43px !important;
	}
	
}