@font-face {
    font-family: 'Circular Std';
    src: url('../Fonts/CircularStd-Medium.eot');
    src: local('Circular Std Medium'), local('CircularStd-Medium'),
        url('../Fonts/CircularStd-Medium.eot?#iefix') format('embedded-opentype'),
        url('../Fonts/CircularStd-Medium.woff2') format('woff2'),
        url('../Fonts/CircularStd-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Circular Std';
    src: url('../Fonts/CircularStd-Bold.eot');
    src: local('Circular Std Bold'), local('CircularStd-Bold'),
        url('../Fonts/CircularStd-Bold.eot?#iefix') format('embedded-opentype'),
        url('../Fonts/CircularStd-Bold.woff2') format('woff2'),
        url('../Fonts/CircularStd-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Circular Std Book';
    src: url('../Fonts/CircularStd-Book.eot');
    src: local('Circular Std Book'), local('CircularStd-Book'),
        url('../Fonts/CircularStd-Book.eot?#iefix') format('embedded-opentype'),
        url('../Fonts/CircularStd-Book.woff2') format('woff2'),
        url('../Fonts/CircularStd-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Circular Std';
    src: url('../Fonts/CircularStd-Black.eot');
    src: local('Circular Std Black'), local('CircularStd-Black'),
        url('../Fonts/CircularStd-Black.eot?#iefix') format('embedded-opentype'),
        url('../Fonts/CircularStd-Black.woff2') format('woff2'),
        url('../Fonts/CircularStd-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Minion Pro';
    src: url('../Fonts/MinionPro-Regular.eot');
    src: local('Minion Pro Regular'), local('MinionPro-Regular'),
        url('../Fonts/MinionPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../Fonts/MinionPro-Regular.woff2') format('woff2'),
        url('../Fonts/MinionPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'Circular Std Book', serif;
    background-color:#fff;
}

a {
	color:#cf202e;
}

a:hover,
a:focus {
	color:rgb(10,34,64);
}

.pace .pace-progress {
	background-color:#cf202e;
}

.brand-header {
    border-bottom:15px solid #cf202e;
    min-height:65px;
}

.brand-container {
    padding:15px 150px;
}

.brand-container > img {
	height:100%;
    width:auto;
    max-height:160px;
}

h2 {
	color:rgb(10,34,64);
	font-size:24px;
	font-family: 'Circular Std';
	font-weight: bold;
	margin-bottom:15px;
}

h2 > span {
	color:#cf202e;
}

.btn-login {
	border-radius: 50%;
	padding:30px 20px;
	background-color:#cf202e;
	color:#fff;
	font-family: 'Circular Std';
	font-weight: 500;
	font-size:18px;
}

.btn-login:active,
.btn-login:hover,
.btn-login:focus {
    background-color:rgb(10,34,64);
    box-shadow: none;
}

.form-horizontal .control-label {
	font-weight: normal;
	text-align: left;
	padding-left:0;
}

.login-form-container {
	min-height: 700px;
	position:relative;
	border-bottom:15px solid rgb(10,34,64);
}

#login-form {
	padding:0 150px;
}

#login-form .form-group:first-child {
	margin-bottom:50px;
}

.col-form-label {
    padding-top:4px;
    padding-bottom:4px;
}

.mtivity-logo > img {
	width:60%;
	height:auto;
	margin-top:25px;
}

.login-background {
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center 50%;
	background-image:url(../images/iStock-485615935-cropped.jpg);
	position:absolute;
	right:0;
	height:100%;
}

.footer img {
	width:auto;
	max-width:80%;
	height:auto !important;
	max-height:60px;
}

@media screen and (max-width: 1920px) {
	#login-form {
		padding:0 135px;
    }
}

@media screen and (max-width: 1518px) {
	
}

@media screen and (max-width: 1366px) {
    body {
        font-size:.9rem;
    }

    .brand-container > img {
        max-height:100px;
    }
    
    .brand-container {
        padding:15px 45px;
    }

	.mtivity-logo > img {
		width:40%;
    }
    
    #login-form {
		padding:0 45px;
    }

    #login-form .form-group:first-child {
		margin-bottom:15px;
    }

    .login-form-container {
        min-height:576px;
    }
}

@media screen and (max-width: 1280px) {
    body {
        font-size:.9rem;
    }

    .brand-container > img {
        max-height:100px;
    }
    
    .brand-container {
        padding:15px 45px;
    }

	.mtivity-logo > img {
		width:40%;
	}

	h1, h2, h3, .h1, .h2, .h3 {
        margin-top:.5rem;
        margin-bottom:.5rem;
    }
    
    .btn-login {
        padding: 15px 5px;
        font-size: 1rem;
    }

    .login-form-container {
        min-height:483px;
    }

    #login-form {
		padding:0 45px;
    }
    
	#login-form .form-group:first-child {
		margin-bottom:15px;
    }

    p, .form-group {
        margin-bottom:.5rem;
    }

    .footer img {
		width:auto;
		max-width:80%;
		height:auto !important;
		max-height:50px;
    }
}

@media screen and (max-width: 1200px) {
	
}

@media screen and (max-width: 1080px) {
	
}

@media screen and (max-width: 1024px) {
	#login-form {
		padding:0;
    }
}

@media screen and (max-width: 990px) {
	
}

@media screen and (max-width: 980px) {
	
}

@media screen and (max-width: 950px) {
	
}

@media screen and (max-width: 850px) {
	
}

@media screen and (max-width: 800px) {
	
}

@media screen and (max-width: 768px) {
	
}

@media screen and (max-width: 767px) {
	
}

@media screen and (max-width: 682px) {
	
}

@media screen and (max-width: 576px) {
	
}

@media screen and (max-width: 480px) {
	
}

@media screen and (max-width: 360px) {
	
}

@media screen and (max-width: 320px) {
	
}