/* ==========================================================================
   Subscription page styles
   ========================================================================== */
body,html {font-family: 'Barlow', sans-serif;}
.navbar {
	position:relative;
	height:75px;
	border-bottom:0;
	margin-bottom:0;
	color:#ffffff;
	}
.navbar .menu {
	display:none;
	float:left;
	margin:0 0 0 30px;
	padding:0;
	color:#ffffff;
}
.navbar .menu li {
	display:inline-block;
	list-style:none;
	line-height:75px;
	font-size:16px;
	font-weight:500;
	margin:0 25px 0 0;
}
.navbar .menu li a {
	color:#ffffff;
}
.navbar-inverse {
	background: rgb(152,55,215);
	background: linear-gradient(180deg, rgba(152,55,215,1) 0%, rgba(167,84,221,1) 100%);
	}
.logo {
	float:none;
	width:55px;
	margin:18px auto 0;
}
.heading {
	background: #9837d7;
	color:#ffffff;
	text-align:center;
}
.heading h1 {font-weight:500;font-size:22px;margin:0;line-height:50px;}
.content {text-align:center;padding-top:100px;}
.content h2 {font-size:30px;font-weight:400;color:#9837d7;margin:0 0 25px 0;}
.content p {margin:0 0 25px 0;font-size:16px; font-weight:500;}
.content .form-center {width:360px;margin:0 auto;}
.content .form-center input {width:100%;margin:0 0 20px 0;}
.content .form-center input[type="text"] {height:40px;line-height:40px;border:none;border-bottom:2px solid #b0bcca;background:#f5f7f9;text-align:center;color:#000000;font-weight:500;font-size:16px;}
.btn {font-family: 'Barlow Semi Condensed', sans-serif;font-size:20px;font-weight:400;color:#ffffff;background:#9837d7;height:40px;line-height:36px;border:none;padding:0;border-radius:20px;}
.btn:hover {color:#ffffff;background:#9837d7;opacity:0.85;}
footer {background:#000000;color:#8a8a8a;min-height:75px;line-height:75px;text-align:center;margin:0;}
footer p {margin:0;font-size:14px;}
footer p a {color:#ffffff;display:inline-block;margin:0 5px 0;}
footer p span {margin:0 5px;}
footer p span.divider {display:none;}
footer p span.copyright {display:block;}
.fixedfooter {border-top:1px solid #dedede;}
.networks {text-align:center;padding:20px 0;}
.networks img {display: inline-block;height: 30px;margin: 0 15px;}
@media (min-width: 1200px) {
	.navbar .menu {display:block;}
	.logo {float:left;}
	.heading {text-align:left;}
	footer p span.divider {display:inline-block;}
	footer p span.copyright {display:inline-block;}
}
@media (max-width: 768px) {
	.content {padding-top:50px;}
	.content .form-center {width:100%;}
	.networks img {height: 25px;margin: 0 15px 10px;}
	footer p a {display:block;}
	footer {line-height:35px;padding:30px 0;}
	footer p span {margin:0;}
}
<!-- Theme Specific Styles-->
html,body {background-color:#f5f5f5;}
.content {padding-top:50px;}
* {outline:0;}
.heading {background:#1882f8;}
.navbar-inverse {
	background: #ffffff;
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);}
.btn:hover {background:#06b4ff;}
.navbar .menu li a {color:#000000;}
.fixedfooter {background:#ffffff;margin-top:50px;}
.narrow {max-width:920px;margin:0 auto;}
.tile .show {position:relative;border:1px solid #e8e8e8;background:#ffffff;padding:10px;margin:0 0 30px 0;}
.tile .show > img {margin-bottom:15px;}
.tile .show > h4 {font-size:16px;color:#000000;}
.tile .show > p {font-size:13px;color:#8994a4;margin-bottom:15px;}
.tile .show > a,#active .btn {margin-bottom:10px;border:1px solid #ff611f;color:#ff611f;background:#ffffff;font-size:13px;line-height:28px;height:30px;padding:0 20px 0 40px;transition: background 0.5s ease;
	background-image:url('../img/icon_add.png');background-repeat:no-repeat;
	background-position:15px 5px;}
.tile .show > a:hover,#active .btn:hover {background:#ff611f;color:#ffffff;background-image:url('../img/icon_add_hover.png');
	background-repeat:no-repeat;background-position:15px 5px;}
.col-sm-4.tile,.col-xs-6.tile {padding-left:8px;padding-right:8px;}
.tile .remove {position:absolute;top:-5px;right:-5px;width:35px;height:35px;background-image:url('../img/icon_remove.png');
	background-position:top left;background-repeat:no-repeat;cursor:pointer;z-index:101;display:none;}
#active {display:none;padding-bottom:30px;}
#active hr {border-top:1px solid #dcdcdc;margin:40px 0;}
#active h2 {font-size:24px;color:#262626;}
#active .btn,#active .btn:hover {background-image:none;padding-left:20px;}
.clear {clear:both;}