@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Gloria+Hallelujah|Montserrat|Noto+Serif');

body, html,.row-offcanvas {
	height: 100%;
}

body {
	font-family: 'Montserrat', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background: #e4e4e4;
}

html, html a, body {
	-webkit-font-smoothing: antialiased;
}

#body-homepage {
	font-family: 'Montserrat', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background: #282828;
}

/* contains all content on pages - not including navbar or footer */
#content-container, #sidebar-content-container {
	background: #fff;
	padding-bottom: 60px;
}

p {
	font-size: 14px;
	font-weight: 400;
	font-family: 'Montserrat', sans-serif;
	color: #585858;
	line-height: 1.4;
	margin-bottom: 16px;
}

em,
li,
li a {
	font-size: 14px;
	font-weight: 400;
	font-family: 'Montserrat', sans-serif;
	color: #585858;
}

a {
	font-family: 'Montserrat', sans-serif;
	color: #282828;
	outline: 0;
	text-decoration: underline;
}

a:focus, a:hover, a:active {
	outline: 0;
	color: #ff3939;
	text-decoration: none;
}

.link {
	position: relative;
	font-size: 13px;
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
}

.link:after {
	position: absolute;
	top: 8px;
	right: -15px;
	width: 9px;
	height: 2px;
	background: #C60000;
	content: " ";
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;
	color: #282828;
	line-height: 1.4;
	margin: 0 0 14px;
}
h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
	color: #282828;
}
h1 > a:hover, h2 > a:hover, h3 > a:hover, h4 > a:hover, h5 > a:hover, h6 > a:hover {
	color: #ff3939 !important;
	text-decoration: none;
}
h1 > a:focus, h2 > a:focus, h3 > a:focus, h4 > a:focus, h5 > a:focus, h6 > a:focus {
	text-decoration: none;
}
h1 {
	font-size: 28px;
}
h2 {
	font-size: 24px;
}
h3 {
	font-size: 20px;
}
h4 {
	font-size: 18px;
}
h5 {
	font-size: 18px;
	font-style: italic;
}
h6 {
	font-size: 18px;
	font-weight: bold;
}

.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}

a.anchor {
	text-decoration: none;
}

a.anchor:hover {
	text-decoration: none;
	color: #282828;
}

hr.white {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #FFF;
}

/* text highlighting */
::-webkit-selection {
	color: #fff;
	background: #FF3939;
	text-shadow: none;
}
::-moz-selection {
	color: #fff;
	background: #FF3939;
	text-shadow: none;
}
::selection {
	color: #fff;
	background: #FF3939;
	text-shadow: none;
}

/* URL link highlight color (on copy) */
p.username a::-webkit-selection {
	color: #fff;
	background: #666 !important;
	text-shadow: none;
}
p.username a::-moz-selection {
	color: #fff;
	background: #666 !important;
	text-shadow: none;
}
p.username a::selection {
	color: #fff;
	background: #666 !important;
	text-shadow: none;
}


:active, :focus {
	outline: none;
}


/* Fieldset and Legend */
fieldset, fieldset.input-group {
	text-align: center;
	margin: 10px 20px 30px 0;
	padding: 14px 6px 18px;
	border: 1px solid #bababa;
	background-color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
legend {
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	border-bottom: 0;
	margin: 0;
	padding: 0 8px;
	width: auto;
}

ul.breadcrumbs {
	padding-left: 0;
}

ul.breadcrumbs li {
	list-style: none;
	display: inline-block;
	padding-bottom: 2px;
}
ul.breadcrumbs li.active {
	border-bottom: 1px solid #282828;
	font-weight: bold;
}

ul.no-top-gap {
	margin-top: -0.8em;
}


/*-------------------------------------------------
		[Navbars]
--------------------------------------------------*/

/* Fixed top navbar */

#fixed-top {
	text-transform: uppercase;
}

.navbar-inverse a {
	text-decoration: none;
}

.navbar-nav {
	display: inline-block;
	float: none;
	vertical-align: middle;
}
.navbar,
.navbar-collapse {
	text-align: center;
}

.navbar-right {
	padding-right: 20px;
}
.nav-stacked .nav-divider {
	background-color: #fff;
}

.navbar-inverse {
	background: #282828;
	transition: 0.4s all linear;
	border-bottom-color: #282828;
}

/* homepage-only top navbar */
#body-homepage .navbar-inverse {
	background: rgba(0,0,0,0.9);
	border-bottom-color: rgba(0,0,0,0.9);
}

/* top line navbar font color */
.navbar-inverse ul.navbar-nav > li > a {
	color: #e4e4e4;
}

/* top navbar color on active */
.navbar-inverse > ul.navbar-nav > li.active > a {
	color: #fff;
}


/* Adjust nav to collapse at 992px (md) */
@media (max-width: 992px) {
	.navbar-header {
		float: none;
	}
	.navbar-left, .navbar-right {
		float: none !important;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
	}
	.navbar-fixed-top {
		border-width: 0 0 1px;
		top: 0;
	}
	.navbar-collapse.collapse {
		display: none !important;
	}
	.navbar-nav {
		float: none !important;
		margin-top: 7.5px;
	}
	.navbar-nav > li {
		float: none;
	}
	.navbar-nav > li > a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.collapse.in {
		display: block !important;
	}
	.dropdown-menu li a {
		border-bottom: 0.5px #e4e4e4 solid;
	}
}


/* all formatting for full-size navbar */
@media (min-width: 992px) {
	/* line height for full-size nav only */
	.navbar-brand,
	.navbar-nav > li > a {
		line-height: 80px;
		max-height: 80px;
		padding: 0 11px;
	}

	.nav-img {
		max-height: 80px;
	}

	/* top navbar color on focus/active/hover */
	.navbar-inverse > .navbar-collapse > ul.navbar-nav > li > a:hover,
	.navbar-inverse > .navbar-collapse > ul.navbar-nav > li > a:focus,
	.navbar-inverse > .navbar-collapse > ul.navbar-nav > li > a:active {
		color: #ff3939;
		background-color: #000;
	}

	/* default navbar dropdown menu color */
	.inverse-dropdown li.active a {
		background-color: #ff3939;
	}
	.inverse-dropdown li.active a:hover,
	.inverse-dropdown li.active a:focus,
	.inverse-dropdown li.active a:active {
		background-color: #ff6464;
		color: #fff !important;
	}
	/* navbar dropdown menu colors where template 2 page is active */
	.inverse-dropdown li.active.blue a {
		background-color: #2A74B1;
	}
	.inverse-dropdown li.active.blue a:hover,
	.inverse-dropdown li.active.blue a:focus,
	.inverse-dropdown li.active.blue a:active {
		background-color: #4C8ABE;
		color: #fff !important;
	}
	/* navbar dropdown menu colors where template 3 page is active */
	.inverse-dropdown li.active.purple a {
		background-color: #822FB0;
	}
	.inverse-dropdown li.active.purple a:hover,
	.inverse-dropdown li.active.purple a:focus,
	.inverse-dropdown li.active.purple a:active {
		background-color: #9952C0;
		color: #fff !important;
	}

	/* navbar dropdown menu colors where page under my account is active */
	.inverse-dropdown li.active.green a {
		background-color: #4BCA37;
	}
	.inverse-dropdown li.active.green a:hover,
	.inverse-dropdown li.active.green a:focus,
	.inverse-dropdown li.active.green a:active {
		background-color: #6ED85D;
		color: #fff !important;
	}


/* Alternative color navbar changes (only on large screens) */
	.navbar-nav > li > a, .navbar-nav > li > a, .nav-img {
		transition-duration: 400ms;
		transition-property: all;
	}
/*.navbar-inverse.alt-color .navbar-brand,
.navbar-inverse.alt-color .navbar-brand > li > a,*/
	.navbar-inverse.alt-color .navbar-nav > li > a {
		line-height: 64px;
		max-height: 64px;
		padding: 0 11px;
	}
	.navbar-inverse.alt-color .nav-img {
		max-height: 64px;
	}

	.navbar-inverse.alt-color .navbar-btn, .navbar-inverse.alt-color .navbar-btn.padding {
		margin: 15px 10px 0 0;
	}

	.navbar-inverse.alt-color {
		background-color: #fff;
		border-bottom-color: #e4e4e4;
	}
	/* top line navbar font color */
	.navbar-inverse.alt-color ul.navbar-nav > li > a {
		color: #282828;
	}
	/* top line navbar colors on active */
	.navbar-inverse.alt-color ul.navbar-nav > li.active > a {
		color: #fff;
		background-color: #585858;
	}
	/* homepage only navbar color */
	#body-homepage .navbar-inverse.alt-color {
		background-color: #fff;
		border-bottom: 1px;
		border-bottom-color: #e4e4e4;
	}
	/* top navbar color on focus/active/hover */
	.alt-color.navbar-inverse ul.navbar-nav li > a:hover,
	.alt-color.navbar-inverse ul.navbar-nav li > a:focus,
	.alt-color.navbar-inverse ul.navbar-nav li > a:active {
		color: #ff3939;
		background-color: #e4e4e4;
		border-bottom: #e4e4e4;
	}
	/* navbar buttons color */
	.alt-color .navbar-btn {
		border: 1px #282828 solid;
		color: #282828;
	}
	/* navbar buttons color on active */
	.alt-color .navbar-btn.active {
		background-color: #282828;
		color: #fff;
	}
	/* nav button colors on focus/active/hover */
	.alt-color .navbar-btn:hover, .navbar-btn:focus, .navbar-btn:active {
		background-color: #282828;
		color: #fff;
	}
	/* nav button colors on focus/active/hover when page is active */
	.alt-color .navbar-btn.active:hover,
	.navbar-btn.active:focus,
	.navbar-btn.active:active {
		background-color: #fff;
		color: #282828;
	}
}


/* Collapsed top navbar formatting */
@media (max-width:992px) {
	.navbar-brand {
		font-family: 'Gloria Hallelujah', cursive;
		text-transform: capitalize;
		font-size: 20px;
	}

	/* keep header nav same color as main */
	.navbar-header {
		background-color: #282828;
	}

	#fixed-top, .navbar-inverse, .navbar-collapse {
		background-color: #282828;
		border-bottom-color: #999;
	}

	/* remove gap at top and bottom of nav */
	#fixed-top ul {
		padding-bottom: 0;
		margin-bottom: 0;
		padding-top: 0;
		margin-top: 0;
	}

	/* collapsed nav lines full width */
	#fixed-top .navbar-collapse,
	#fixed-top ul {
		width: 100%;
		padding: 0;
	}

	#fixed-top ul li {
		border-bottom: .6px solid #585858;
		width: 100%;
	}

	/* works
	#fixed-top ul li {
		background-color: #fff;
	}*/

	/* main navbar items */
	#fixed-top ul li a {
		color: #bababa;
		padding: 12px;
		/* ALSO WORKS background-color: #fff;*/
	}

	#fixed-top ul li.active a {
		background-color: #fff;
		color: #ff3939;
	}

	#fixed-top ul li a:active,
	#fixed-top ul li a:focus,
	#fixed-top ul li a:hover {
		color: #fff;
		background-color: #585858;
	}


	/* dropdown menus (my account, my template, help)
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a,
	.navbar-inverse .navbar-nav .open .dropdown-menu {

	} */

	#fixed-top ul.dropdown-menu li a {
		border-radius: 0;
		text-align: center;
		padding: 8px;
		background-color: #fff;
		color: #444;
	}

	#fixed-top ul.dropdown-menu li.active a {
		color: #ff3939;
	}

	#fixed-top ul.dropdown-menu li a:active,
	#fixed-top ul.dropdown-menu li a:hover,
	#fixed-top ul.dropdown-menu li a:focus {
		background-color: #e4e4e4;
	}


/*
	#fixed-top ul li.active .dropdown-menu li a,
	#fixed-top ul li .dropdown-menu li.active a {
		background-color: #fff;
		color: #444;
	}

	#fixed-top ul li.active .dropdown-menu li a:active,
	#fixed-top ul li.active .dropdown-menu li a:focus,
	#fixed-top ul li.active .dropdown-menu li a:hover {
		background-color: #e4e4e4;
	}
*/



	/* stop transparency on homepage navbar */
	#body-homepage .navbar-inverse {
		background: #f1f1f1;
		color: #282828;
	}


	/* Try
	.inverse-dropdown li
	*/

	/*
	#sm-dropdown li {
		width: 100%;
		margin: 0;
		padding-top: 14px;
		padding-bottom: 14px;
		text-align: center;
		background-color: #f1f1f1;
		border-bottom: .6px solid #f1f1f1;
	}


	#sm-dropdown li a {
		padding: 0;
		margin: 0;
	}

	#sm-dropdown li.active {
		background-color: #282828;
	}
	#sm-dropdown li.active {
		color: #282828;
		background-color: #fff;

	}

	#sm-dropdown li:hover, #sm-dropdown li:active, #sm-dropdown li:focus {
		background-color: #282828;
	}

	#sm-dropdown li a:hover, #sm-dropdown li a:active, #sm-dropdown li a:focus {
		padding: 0;
		color: #ff3939;
		background-color: #282828;
	} */

	button.sidebar-toggle {
		border: none;
		background-color: #fff;
		font-size: 22px;
		color: #282828;
	}

	.toggle-padding {
		padding-top: 65px;
	}
}


/* remove max-height on collapsed navbar */
.navbar-fixed-top .navbar-collapse {
	max-height: none;
}

@media (max-width: 480px) {
	.navbar-fixed-top .navbar-collapse {
		max-height: none;
	}
}


/* Navbar buttons */
.navbar-btn {
/*	margin: 23px 0px 0 0;*/
	border: 1px #e4e4e4 solid;
	background-color: inherit;
	color: #e4e4e4;
	text-transform: uppercase;
}
.navbar-btn.padding {
	margin: 23px 10px 0 0;
}
.navbar-btn.double-padding {
	margin: 23px 10px 0 10px;
}
.navbar-btn.active, .navbar-btn:hover, .navbar-btn:focus, .navbar-btn:active {
	background-color: #fff;
	color: #282828;
}
.navbar-btn.active:hover, .navbar-btn.active:focus, .navbar-btn.active:active {
	background-color: #282828;
	color: #fff;
}

/* Template color buttons */
.navbar-btn.active-red {
	background-color: #ff3939;
	color: #fff;
	border: 1px #fff solid;
}
.navbar-btn.active-red:hover,
.navbar-btn.active-red:active,
.navbar-btn.active-red:focus {
	background-color: #fff;
	color: #ff3939;
	border: 1px #ff3939 solid;
}
.navbar-btn.active-blue {
	background-color: #2A74B1;
	color: #fff;
	border: 1px #fff solid;
}
.navbar-btn.active-blue:hover,
.navbar-btn.active-blue:active,
.navbar-btn.active-blue:focus {
	background-color: #fff;
	color: #2A74B1;
	border: 1px #2A74B1 solid;
}
.navbar-btn.active-purple {
	background-color: #822FB0;
	color: #fff;
	border: 1px #fff solid;
}
.navbar-btn.active-purple:hover,
.navbar-btn.active-purple:active,
.navbar-btn.active-purple:focus {
	background-color: #fff;
	color: #822FB0;
	border: 1px #822FB0 solid;
}

/* Account color buttons
.navbar-btn.active-green {
	background-color: #4BCA37;
	color: #fff;
	border: 1px #fff solid;
}
.navbar-btn.active-green:hover,
.navbar-btn.active-green:active,
.navbar-btn.active-green:focus {
	background-color: #fff;
	color: #4BCA37;
	border: 1px #4BCA37 solid;
}
*/


/* off Canvas sidebar */

#sidebar {
	margin-top: 0;
	padding-top: 110px;
	width: inherit;
	min-width: 260px; /* sidebar width */
	max-width: 260px;
	background-color: #e4e4e4; /* sidebar color */
	float: left;
	height: 100%;
	position: relative;
	overflow-y: scroll;
	overflow-x: auto; /* overflow hidden - causes problems on Android when used with position relative */
	text-transform: capitalize;
	-webkit-overflow-scrolling: touch;
}
#sidebar a {
	text-decoration: none;
}
#sidebar-content-container {
	height: 100%;
	overflow: auto; /* needed for page formatting */
	-webkit-overflow-scrolling: touch;
}

@media screen and (max-width: 992px) {
	#sidebar {
		padding-top: 80px;
	}
}


/* Nav pills */

/* applies to all nav pills */
.nav-pills li {
	margin: 10px 0;
}

.nav-pill-red > li.active > a {
	color: #fff !important;
	background-color: #FF3939;
}
.nav-pill-red > li.active > a:hover,
.nav-pill-red > li.active > a:active,
.nav-pill-red > li.active > a:focus {
	color: #fff !important;
	background-color: #FF6464;
}
.nav-pill-red > li > a {
	color: #282828;
}
.nav-pill-red > li > a:hover,
.nav-pill-red > li > a:active,
.nav-pill-red > li > a:focus {
	color: #FF3939 !important;
}
i.span-red {
	color: #FF3939;
}

.nav-pill-blue > li.active > a {
	color: #fff !important;
	background-color: #2A74B1;
}
.nav-pill-blue > li.active > a:hover,
.nav-pill-blue > li.active > a:active,
.nav-pill-blue > li.active > a:focus {
	color: #fff !important;
	background-color: #4C8ABE;
}
.nav-pill-blue > li > a {
	color: #282828;
}
.nav-pill-blue > li > a:hover,
.nav-pill-blue > li > a:active,
.nav-pill-blue > li > a:focus {
	color: #2A74B1 !important;
}
i.span-blue {
	color: #2A74B1;
}

.nav-pill-purple > li.active > a {
	color: #fff !important;
	background-color: #822FB0;
}
.nav-pill-purple > li.active > a:hover,
.nav-pill-purple > li.active > a:active,
.nav-pill-purple > li.active > a:focus {
	background-color: #9952C0;
	color: #fff !important;
}
.nav-pill-purple > li > a {
	color: #282828;
}
.nav-pill-purple > li > a:hover,
.nav-pill-purple > li > a:active,
.nav-pill-purple > li > a:focus {
	color: #822FB0 !important;
}
i.span-purple {
	color: #822FB0;
}

.nav-pill-green > li.active > a {
	color: #fff !important;
	background-color: #27BC10;
}
.nav-pill-green > li.active > a:hover,
.nav-pill-green > li.active > a:active,
.nav-pill-green > li.active > a:focus {
	color: #fff !important;
	background-color: #4BCA37;
}
.nav-pill-green > li > a {
	color: #282828;
}
.nav-pill-green > li > a:hover,
.nav-pill-green > li > a:active,
.nav-pill-green > li > a:focus {
	color: #27BC10 !important;
}
i.span-green {
	color: #27BC10;
}

.btn-group.login {
	padding-left: 16px;
}

@media screen and (max-width: 768px) {
	.row-offcanvas {
		position: relative;
		-webkit-transition: all 0.25s ease-out;
		-moz-transition: all 0.25s ease-out;
		transition: all 0.25s ease-out;
		width: calc(100% + 260px);
	}

	.row-offcanvas-left {
		left: -260px;
	}

	.row-offcanvas-left.active {
		left: 0;
	}

	.sidebar-offcanvas {
		position: absolute;
		top: 0;
	}
	.nav-pills li {
		margin: 5px 0;
	}
}


/*-------------------------------------------------
		[Cookies pop up]
--------------------------------------------------*/

.cc-header, .cc-message, .cc-btn, .cc-link {
	font-family: 'Montserrat', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
}

.cc-btn {
	text-decoration: none;
}



/*-------------------------------------------------
		[Page titles]
--------------------------------------------------*/

/* for template pages - no need for padding on small screen as toggle button is there *
.page-content {
	padding-top: 120px;
}

/* top padding needs adjusting when between 992 - 768px (when top nav side has decreased) *
/* any size less than 768px (when sidebar collapses) *
@media (max-width: 767px) {
	.page-content {
		padding-top: 0px;
	}
}
/* size up to 768px - until 991px *
@media (min-width: 768px) {
	.page-content {
		padding-top: 80px;
	}
}
/* any size above 992px (both navbars are non-collapsed) *
@media (min-width: 992px) {
	.page-content {
		padding-top: 120px;
	}
}


/*-------------------------------------------------
		[Wrappers & padding]
--------------------------------------------------*/

.homepage-title {
	padding-top: 0px;
}

.page-title {
	padding-top: 120px;
}

/* for template pages - no need for padding on small screen as toggle button is there */
.page-content {
	padding-top: 120px;
}

.img-center {
	margin: 0 auto;
}

.wrapper {
	margin-top: 30px;
	margin-bottom: 40px;
}

.homepage-wrapper {
	padding: 80px 0;
}

.page-container {
	padding-bottom: 60px;
}

.padding-20 {
	padding-left: 20px;
	padding-right: 20px;
}

.padding-50 {
	padding-left: 50px;
	padding-right: 50px;
}

.padding-100 {
	padding-left: 100px;
	padding-right: 100px;
}

.padding-200 {
	padding-left: 200px;
	padding-right: 200px;
}

.col-padding-20 {
	padding-left: 20px;
	padding-right: 20px;
}

.grey-back {
	background: #BABABA;
}

@media (max-width: 992px) {
	.homepage-title {
		padding-top: 0px;
	}
	.page-title {
		padding-top: 80px;
	}

	.page-content {
		padding-top: 80px;
	}

	.wrapper {
		margin-top: 45px;
		margin-bottom: 30px;
	}

	.page-container {
		padding-bottom: 60px;
	}

	.padding-50 {
		padding-left: 25px;
		padding-right: 25px;
	}

	.padding-100 {
		padding-left: 50px;
		padding-right: 50px;
	}

	.padding-200 {
		padding-left: 100px;
		padding-right: 100px;
	}
}

@media (max-width: 768px) {
	.wrapper {
		margin-top: 30px;
		margin-bottom: 20px;
	}

	.page-container {
		padding-bottom: 50px;
		margin-bottom: 50px;
	}

	.page-content {
		padding-top: 0px;
	}

	.padding-50 {
		padding-left: 13px;
		padding-right: 13px;
	}

	.padding-100 {
		padding-left: 25px;
		padding-right: 25px;
	}

	.padding-200 {
		padding-left: 50px;
		padding-right: 50px;
	}
}

@media (max-width: 480px){
	.wrapper {
		margin-top: 20px;
		margin-bottom: 15px;
	}

	.page-container {
		padding-bottom: 50px;
		margin-bottom: 50px;
	}

	.padding-50 {
		padding-left: 5px;
		padding-right: 5px;
	}

	.padding-100 {
		padding-left: 10px;
		padding-right: 10px;
	}

	.padding-200 {
		padding-left: 20px;
		padding-right: 20px;
	}

}


/*---------------------------------------
	[Tooltips]
----------------------------------------*/

.tooltip, .tooltip-inner {
	width: 300px;
}
.tooltip-inner {
	font-family: 'Montserrat', sans-serif;
}


/*-----------------------------------------
		[Buttons]
------------------------------------------*/

.btn {
	text-decoration: none;
}

.inline-btn {
	display: inline-block;
}

.no-border {
	border: 0;
}

.btn-red {
	color: #fff;
	background-color: #ff3939;
	border-color: #d43f3a;
}
.btn-red:focus,
.btn-red.focus {
	color: #fff;
	background-color: #c9302c;
	border-color: #761c19;
}
.btn-red:hover {
	color: #fff;
	background-color: #c9302c;
	border-color: #ac2925;
}
.btn-red:active,
.btn-red.active,
.open > .dropdown-toggle.btn-red {
	color: #fff;
	background-color: #c9302c;
	border-color: #ac2925;
}
.btn-red:active:hover,
.btn-red.active:hover,
.open > .dropdown-toggle.btn-red:hover,
.btn-red:active:focus,
.btn-red.active:focus,
.open > .dropdown-toggle.btn-red:focus,
.btn-red:active.focus,
.btn-red.active.focus,
.open > .dropdown-toggle.btn-red.focus {
	color: #fff;
	background-color: #ac2925;
	border-color: #761c19;
}
.btn-red:active,
.btn-red.active,
.open > .dropdown-toggle.btn-red {
	background-image: none;
}
.btn-red.disabled:hover,
.btn-red[disabled]:hover,
fieldset[disabled] .btn-red:hover,
.btn-red.disabled:focus,
.btn-red[disabled]:focus,
fieldset[disabled] .btn-red:focus,
.btn-red.disabled.focus,
.btn-red[disabled].focus,
fieldset[disabled] .btn-red.focus {
	background-color: #ff3939;
	border-color: #d43f3a;
}
.btn-red .badge {
	color: #ff3939;
	background-color: #fff;
}

.btn-blue {
	color: #fff;
	background-color: #2A74B1;
	border-color: #2e6da4;
}
.btn-blue:focus,
.btn-blue.focus {
	color: #fff;
	background-color: #286090;
	border-color: #122b40;
}
.btn-blue:hover {
	color: #fff;
	background-color: #286090;
	border-color: #204d74;
}
.btn-blue:active,
.btn-blue.active,
.open > .dropdown-toggle.btn-blue {
	color: #fff;
	background-color: #286090;
	border-color: #204d74;
}
.btn-blue:active:hover,
.btn-blue.active:hover,
.open > .dropdown-toggle.btn-blue:hover,
.btn-blue:active:focus,
.btn-blue.active:focus,
.open > .dropdown-toggle.btn-blue:focus,
.btn-blue:active.focus,
.btn-blue.active.focus,
.open > .dropdown-toggle.btn-blue.focus {
	color: #fff;
	background-color: #204d74;
	border-color: #122b40;
}
.btn-blue:active,
.btn-blue.active,
.open > .dropdown-toggle.btn-blue {
	background-image: none;
}
.btn-blue.disabled:hover,
.btn-blue[disabled]:hover,
fieldset[disabled] .btn-blue:hover,
.btn-blue.disabled:focus,
.btn-blue[disabled]:focus,
fieldset[disabled] .btn-blue:focus,
.btn-blue.disabled.focus,
.btn-blue[disabled].focus,
fieldset[disabled] .btn-blue.focus {
	background-color: #2A74B1;
	border-color: #2e6da4;
}
.btn-blue .badge {
	color: #2A74B1;
	background-color: #fff;
}



.btn-purple {
	color: #fff;
	background-color: #822FB0; /* f0ad4e */
	border-color: #842fb1; /* eea236 */
}
.btn-purple:focus,
.btn-purple.focus {
	color: #fff;
	background-color: #782ba1; /* ec971f */
	border-color: #481a61; /* 985f0d */
}
.btn-purple:hover {
	color: #fff;
	background-color: #782ba1; /* ec971f */
	border-color: #602281; /* d58512 */
}
.btn-purple:active,
.btn-purple.active,
.open > .dropdown-toggle.btn-purple {
	color: #fff;
	background-color: #782ba1; /* ec971f */
	border-color: #602281; /* d58512 */
}
.btn-purple:active:hover,
.btn-purple.active:hover,
.open > .dropdown-toggle.btn-purple:hover,
.btn-purple:active:focus,
.btn-purple.active:focus,
.open > .dropdown-toggle.btn-purple:focus,
.btn-purple:active.focus,
.btn-purple.active.focus,
.open > .dropdown-toggle.btn-purple.focus {
	color: #fff;
	background-color: #602281; /* d58512 */
	border-color: #481a61; /* 985f0d */
}
.btn-purple:active,
.btn-purple.active,
.open > .dropdown-toggle.btn-purple {
	background-image: none;
}
.btn-purple.disabled:hover,
.btn-purple[disabled]:hover,
fieldset[disabled] .btn-purple:hover,
.btn-purple.disabled:focus,
.btn-purple[disabled]:focus,
fieldset[disabled] .btn-purple:focus,
.btn-purple.disabled.focus,
.btn-purple[disabled].focus,
fieldset[disabled] .btn-purple.focus {
	background-color: #822FB0; /* f0ad4e */
	border-color: #842fb1; /* eea236 */
}
.btn-purple .badge {
	color: #822FB0; /* f0ad4e */
	background-color: #fff;
}

.btn-green {
	color: #fff;
	background-color: #4BCA37;
	border-color: #3EC829;
}
.btn-green:focus,
.btn-green.focus {
	color: #fff;
	background-color: #34BA20;
	border-color: #167E07;
}
.btn-green:hover {
	color: #fff;
	background-color: #34BA20;
	border-color: #20980F;
}
.btn-green:active,
.btn-green.active,
.open > .dropdown-toggle.btn-green {
	color: #fff;
	background-color: #34BA20;
	border-color: #20980F;
}
.btn-green:active:hover,
.btn-green.active:hover,
.open > .dropdown-toggle.btn-green:hover,
.btn-green:active:focus,
.btn-green.active:focus,
.open > .dropdown-toggle.btn-green:focus,
.btn-green:active.focus,
.btn-green.active.focus,
.open > .dropdown-toggle.btn-green.focus {
	color: #fff;
	background-color: #20980F;
	border-color: #167E07;
}
.btn-green:active,
.btn-green.active,
.open > .dropdown-toggle.btn-green {
	background-image: none;
}
.btn-green.disabled:hover,
.btn-green[disabled]:hover,
fieldset[disabled] .btn-green:hover,
.btn-green.disabled:focus,
.btn-green[disabled]:focus,
fieldset[disabled] .btn-green:focus,
.btn-green.disabled.focus,
.btn-green[disabled].focus,
fieldset[disabled] .btn-green.focus {
	background-color: #4BCA37;
	border-color: #3EC829;
}
.btn-green .badge {
	color: #4BCA37;
	background-color: #fff;
}

.btn-white {
	color: #282828;
	background-color: #fff;
	border-color: #c0c0c0;
}
.btn-white:focus,
.btn-white.focus {
	color: #282828;
	background-color: #fbfbfb;
	border-color: #acacac;
}
.btn-white:hover {
	color: #282828;
	background-color: #fbfbfb;
	border-color: #acacac;
}
.btn-white:active,
.btn-white.active,
.open > .dropdown-toggle.btn-white {
	color: #282828;
	background-color: #fbfbfb;
	border-color: #acacac;
}
.btn-white:active:hover,
.btn-white.active:hover,
.open > .dropdown-toggle.btn-white:hover,
.btn-white:active:focus,
.btn-white.active:focus,
.open > .dropdown-toggle.btn-white:focus,
.btn-white:active.focus,
.btn-white.active.focus,
.open > .dropdown-toggle.btn-white.focus {
	color: #282828;
	background-color: #fbfbfb;
	border-color: #acacac;
}
.btn-white:active,
.btn-white.active,
.open > .dropdown-toggle.btn-white {
	background-image: none;
}
.btn-white.disabled:hover,
.btn-white[disabled]:hover,
fieldset[disabled] .btn-white:hover,
.btn-white.disabled:focus,
.btn-white[disabled]:focus,
fieldset[disabled] .btn-white:focus,
.btn-white.disabled.focus,
.btn-white[disabled].focus,
fieldset[disabled] .btn-white.focus {
	background-color: #fbfbfb;
	border-color: #acacac;
}
.btn-white .badge {
	color: #282828;
	background-color: #fff;
}

/* File input buttons - not working

.btn-file {
	position: relative;
	overflow: hidden;
}
.btn-file input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 100px;
	text-align: right;
	filter: alpha(opacity=0);
	opacity: 0;
	outline: none;
	background: white;
	cursor: inherit;
	display: block;
}
*/


.btn-nav {
	background-color: inherit;
	border-color: #FFF;
}

.btn-nav:hover:focus {
	color: #000;
	background-color: #FFF;
	border-color: #000;
}

.btn-nav:active {
	color: #FFF;
}

.btn-pad {
	margin: 20px;
}

.btn-social {
	text-align: center;
}

.fb-share-button {

}

a.ssk:hover, a.ssk:active, a.ssk:focus {
	color: #fff !important;
}


/*------------------------------------
	[Form input focus]
--------------------------------------*/

.form-control:focus {
	border-color: #bababa;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(0, 0, 0, 0.5);
}
.form-control.red:focus {
	border-color: #ff6464;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(255, 57, 57, 0.5);
}
.form-control.blue:focus {
	border-color: #4C8ABE;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(42, 116, 177, 0.5);
}
.form-control.purple:focus {
	border-color: #9952C0;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(130, 47, 176, 0.5);
}


/*input forms */

#social-media-form .form-control {
	width: 300px;
}
.label-title {
	font-size: 18px;
	font-style: italic;
	padding-bottom: 10px;
}

.honeypot {
	display: none;
}


/*-------------------------------------
	[Images]
--------------------------------------*/

#logo {
	/*width: 100%;*/
	height: auto;
	position: absolute;
}

.img-marketing {
	width: 170px;
	padding-bottom: 20px;
	opacity: 0.9;
}

.marketing-img {
	color: #FFF;
	width: 170px;
	font-size: 170px;
	text-align: center;
}

.img-logout {
	display: inline-block;
	width: 100px;
}


/*------------------------------------------------------------------
		[Social Icons] - homepage
------------------------------------------------------------------*/
.social-icons {
	display: inline-block;
	width: 40px;
	height: 40px;
	font-size: 16px;
	color: #282828;
	background: #FFF;
	text-align: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	vertical-align: middle;
	padding: 11px;
	transition-duration: 300ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.social-icons:hover {
	color: #FFF;
	transition-duration: 300ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.facebook:hover {
	background-color: #3B5998;
}

.twitter:hover {
	background-color: #4099FF;
}

.google:hover {
	background-color: #D34836;
}

.youtube:hover {
	background-color: #B31217;
}

.instagram:hover {
	background-color: #5851db;
}

.ssk-padding > .ssk {
	margin: 0 6px;
}

/*-------------------------------------------------
	[Homepage styles]
--------------------------------------------------*/

.promo-block {
	text-align: center;
}

.promo-block .promo-block-title {
	font-size: 40px;
	color: #fff;
	line-height: 1;
	text-transform: uppercase;
}

.promo-block .promo-block-text {
	font-size: 25px;
	color: #fff;
}

.promo-block-divider {
	padding: 35px 35px 35px 35px;
	margin-bottom: 35px;
	background-color: rgba(0,0,0,0.9);
}

@media (min-width: 992px) {
	.promo-container {
		margin-left: 6%;
	}
	.promo-block {
		padding: 220px 0;
	}
}

/* SVG image for all sizes over 768px */
@media (min-width: 768px) {
	.promo-block {
		width: 100;
		background: url(../images/bannerstrip.svg) no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
}

@media (max-width: 992px) {
	.promo-block {
		margin: 0;
		width: 100%;
	}

	/* push block promo text down on smaller screens so zebra isn't covered (still for svg) */
	.promo-block-divider {
		margin-top: 600px;
	}

	h1.promo-block-title {
		font-size: 30px !important;
	}

	p.promo-block-text {
		font-size: 20px !important;
	}
}

/* for media under 768px (mobile) swap svg to png and pull up promo block - must go underneath max-width:992 */
@media (max-width: 768px) {
	.mobile-banner-img {
		position: absolute;
		width: 100%;
		height: auto;
		margin: 0 auto;
		top: 0;
		left: 0;
	}
	.promo-block-divider {
		margin-top: 70%;
	}
}

/* Slider */

#slidy-container {
	width: 80%;
	margin: 0 auto;
	overflow: hidden;
}

.connect-img {
	width: 80%;
	height: auto;
	margin: 0 auto;
	display: block;
}

@media (max-width: 992px) {
	#slidy-container {
		width: 100%;
	}
}

.home-btn {
	padding: 10px 0 40px 0;
}

.fadein {
	display: none;
}

.home-header {
	font-size: 40px;
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;
	color: #FFF;
	line-height: 1.4;
	margin: 0 0 14px;
}
.home-header2 {
	font-weight: 10;
}

.marketing-text.change-purple.color-change i {
	color: #822FB0;
}
.marketing-text.change-blue.color-change i {
	color: #2A74B1;
}
.marketing-text.change-yellow.color-change i {
	color: #fff300;
}

.font-white {
	color: #fff !important;
}



/*
.faw-icon {
	font-size: 120px;
	color: #585858;
	margin: 20px 0;
}

.faw-icon.template:hover {
	color: #822FB0;
	text-shadow: 0px 0px 1px #720AAA, 0px 0px 2px #720AAA, 0px 0px 3px #720AAA;
	transition-duration: 1s;
}

.faw-icon.blog:hover {
	color: #2A74B1;
	text-shadow: 0px 0px 1px #0A5FA5, 0px 0px 2px #0A5FA5, 0px 0px 3px #0A5FA5;
	transition-duration: 1s;
}

.faw-icon.search:hover {
	color: #FFF300;
	text-shadow: 0px 0px 1px #FFF300, 0px 0px 2px #FFF300, 0px 0px 3px #FFF300;
	transition-duration: 1s;
}
*/

.h1-white, .h2-white, .h3-white, .h4-white {
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;
	color: #FFF;
	line-height: 1.4;
	padding: 14px 0;
}

.p-white {
	font-size: 14px;
	font-weight: 400;
	font-family: 'Montserrat', sans-serif;
	color: #FFF;
	line-height: 1.4;
	margin-bottom: 16px;
}

/*.parallax-window {
	min-height: 800px;
	background: transparent;
}*/

.block-section {
	min-height: 600px;
}

.white-back {
	background: rgba(255,255,255,0.8);
	padding: 40px 25px 20px 25px;
}

.pulse-button {
	margin: 0 auto;
	font-size: 200px;
	color: #fff;
	position: relative;
	border: none;
	box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
	-webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	-moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	-ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}

/*----------------------------------------------
	[Testimonials]
----------------------------------------------*/

.testimonial-img {
	display: inline-block;
	background: #fff;
	width: 130px;
	height: 130px;
	text-align: center;
	vertical-align: middle;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: solid 0.75px #585858;
}

.testimonial-text-left {
	padding-left: 30px;
	border-left: solid 6px #E4E4E4;
	text-align: left;
}

.test-padding-left {
	padding-right: 30px;
}

@media (max-width: 992px) {
	.test-padding-left {
		padding-bottom: 30px;
		margin: auto;
		text-align: center;
	}

	.test-padding-right {
		padding-bottom: 30px;
		margin: auto;
		text-align: center;
	}
}

.testimonial-text-right {
	padding-right: 30px;
	border-right: solid 6px #E4E4E4;
	text-align: right;
}

.test-padding-right {
	padding-right: 30px;
}

@media (max-width: 768px){
	.testimonial-img {
		width: 120px;
		height: 120px;
	}
}

@media (max-width: 480px){
	.testimonial-img {
		width: 100px;
		height: 100px;
	}
}


/*---------------------------------------------
	[Pricing]
---------------------------------------------*/

.panel-red {
	border-color: #FF3939;
}
.panel-red > .panel-heading {
	border-color: #FF3939;
	color: white;
	background-color: #FF3939;
}
.panel-red > a {
	color: #FF3939;
}
.panel-red > a:hover {
	color: #FF3939;
}
.huge.red {
	font-size: 20px;
	color: #FF0000;
}

.panel-blue {
	border-color: #2A74B1;
}
.panel-blue > .panel-heading {
	border-color: #2A74B1;
	color: white;
	background-color: #2A74B1;
}
.panel-blue > a {
	color: #2A74B1;
}
.panel-blue > a:hover {
	color: #2A74B1;
}
.huge.blue {
	font-size: 20px;
	color: #0A5FA5;
}

.panel-purple {
	border-color: #822FB0;
}
.panel-purple > .panel-heading {
	border-color: #822FB0;
	color: white;
	background-color: #822FB0;
}
.panel-purple > a {
	color: #822FB0;
}
.panel-purple > a:hover {
	color: #822FB0;
}
.huge.purple {
	font-size: 20px;
	color: #720AAA;
}

.panel-footer.large {
	line-height: 48px;
}
.panel-footer.large > p {
	line-height: 48px;
	margin: 0;
}
.panel-heading > .huge {
	font-size: 32px;
	line-height: 64px;
}
.list-group-item {
	line-height: 32px;
}

/*---------------------------------------------
		[How it works timeline]
---------------------------------------------*/

.timeline {
	position: relative;
	padding: 20px 0 20px;
	list-style: none;
}
.timeline:before {
	content: " ";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 3px;
	margin-left: -1.5px;
	background-color: #e4e4e4;
}
.timeline > li {
	position: relative;
	margin-bottom: 20px;
}
.timeline > li:before,
.timeline > li:after {
	content: " ";
	display: table;
}
.timeline > li:after {
	clear: both;
}
.timeline > li:before,
.timeline > li:after {
	content: " ";
	display: table;
}
.timeline > li:after {
	clear: both;
}
.timeline > li > .timeline-panel {
	float: left;
	position: relative;
	width: 46%;
	padding: 20px;
	border: 1px solid #d4d4d4;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
.timeline > li > .timeline-panel:before {
	content: " ";
	display: inline-block;
	position: absolute;
	top: 26px;
	right: -15px;
	border-top: 15px solid transparent;
	border-right: 0 solid #ccc;
	border-bottom: 15px solid transparent;
	border-left: 15px solid #ccc;
}
.timeline > li > .timeline-panel:after {
	content: " ";
	display: inline-block;
	position: absolute;
	top: 27px;
	right: -14px;
	border-top: 14px solid transparent;
	border-right: 0 solid #fff;
	border-bottom: 14px solid transparent;
	border-left: 14px solid #fff;
}
.timeline > li > .timeline-badge {
	z-index: 100;
	position: absolute;
	top: 16px;
	left: 50%;
	width: 50px;
	height: 50px;
	margin-left: -25px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	font-size: 1.4em;
	line-height: 50px;
	color: #fff;
	background-color: #999999;
}
.timeline > li.timeline-inverted > .timeline-panel {
	float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
	right: auto;
	left: -15px;
	border-right-width: 15px;
	border-left-width: 0;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
	right: auto;
	left: -14px;
	border-right-width: 14px;
	border-left-width: 0;
}
.timeline-badge.red {
	background-color: #FF3939 !important;
}
.timeline-badge.blue {
	background-color: #2A74B1 !important;
}
.timeline-badge.purple {
	background-color: #822FB0 !important;
}
.timeline-badge.yellow {
	background-color: #ffff39 !important;
}
.timeline-badge.grey {
	background-color: #585858 !important;
}
.timeline-title {
	margin-top: 0;
	color: inherit;
}
.timeline-body > p,
.timeline-body > ul {
	margin-bottom: 0;
}
.timeline-body > p + p {
	margin-top: 5px;
}


/*-----------------------------------
	[Blog]
-----------------------------------*/

.jumbotron > p {
	font-size: 13px;
}
#blog-jumbo {
	padding: 20px 25px 20px 25px;
	margin-left: 10px;
}
.btn-blog {
	border: none;
	font-size: 13px;
	background-color: inherit;
	white-space: normal;
	text-decoration: underline;
}
.btn-blog:hover {
	color: #ff3939;
}
.modal-title-display {
	display: inline;
}

.blog-image {
	padding: 110px 0 40px 0;
	max-width: 100%;
}

@media (max-width:992px) {
	.blog-image {
		padding: 80px 0 0 0;
	}
}

.affix {
	top: 100px;
	position: fixed;
}


/*---------------------------------------------
		[Template images]
---------------------------------------------*/

.template-img {
	max-width: 100%;
	height: auto;
}

.stars {
	color: #fff300;
	font-size: 1.2em;
}


/*---------------------------------------------
		[Progress bar]
---------------------------------------------*/

#progress-checkboxes {
	text-align: right;
}

#progress-checkboxes.jumbotron {
	margin-top: 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 40px 30px 24px;
}

#copy-template {
	text-align: center;
	margin: auto;
	padding: 30px 0;
}
#copy-template a small {
	margin-left: 20px;
}

/*
.progress {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	min-width: 500px;
	height: 40px;
}*/
.progress {
	height: 18px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.progress-bar-red {
	background-color: #ff3939;
}

.progress-bar-blue {
	background-color: #2A74B1;
}

.progress-bar-purple {
	background-color: #822FB0;
}

.progress-bar {
	transition-duration: 2s;
	padding-top: 0;
}


/* progress check boxes */

.progress-box {
	display: inline-block;
	vertical-align: middle;
}

.progress-box.red {
	color: #ff3939;
	font-size: 24px;
}
.progress-box.blue {
	color: #2A74B1;
	font-size: 24px;
}
.progress-box.purple {
	color: #822FB0;
	font-size: 24px;
}

/*-------------------------------------------
	[Modals misc]
--------------------------------------------*/

/* padding on toggle buttons on copy template modal */
#copy-modal {
	padding-left: 30%;
}

@media (max-width: 768px) {
	#copy-modal {
		padding-left: 10%;
	}
}


/*-------------------------------------------
	[Template panels]
--------------------------------------------*/

.img-wrapper {
	position: relative;
 }

.img-overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
}

.img-overlay:before {
	content: ' ';
	display: block;
	/* adjust 'height' to position overlay content vertically */
	height: 65%;
}


/*-------------------------------------------
	[Template chooser]
--------------------------------------------*/

.clear {
	clear: both;
}

.priceplan-check.disabled .template-chooser-item {
	zoom: 1;
	filter: alpha(opacity=60);
	opacity: 0.6;
	cursor: default;
}

.template-chooser .template-chooser-item {
	padding: 16px; /* 11px */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
	position: relative;
	border: 1px solid #e4e4e4;
	margin-bottom: 26px;
	margin-left: 4px;
	margin-right: 4px;
}

/* selected template border color */
.template-chooser .template-chooser-item.selected {
	background: #fff;
	padding: 13px; /* 8px */
	filter: alpha(opacity=100);
	opacity: 1;
}
.template-chooser .template-chooser-item.selected.red {
	border: 4px solid #ff3939;
	box-shadow: 0 2px 2px rgba(255, 57, 57, 0.075) inset, 0px 0px 8px rgba(255, 57, 57, 0.5);
}
.template-chooser .template-chooser-item.selected.blue {
	border: 4px solid #2A74B1;
	box-shadow: 0 2px 2px rgba(42, 116, 177, 0.075) inset, 0px 0px 8px rgba(42, 116, 177, 0.5);
}
.template-chooser .template-chooser-item.selected.purple {
	border: 4px solid #822FB0;
	box-shadow: 0 2px 2px rgba(130, 47, 176, 0.075) inset, 0px 0px 8px rgba(130, 47, 176, 0.5);
}

.template-chooser .template-chooser-item img {
	padding: 0;
}

/* hide radio input select
.template-chooser .template-chooser-item input {
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
} */
/* show radio buttons on top */
.template-chooser .template-chooser-item input {
	margin-bottom: 20px;
}

.full-op, .full-op a {
	color: rgba(0,0,0,1);
	opacity: 1;
}
.full-op a:hover {
	color: #ff0000;
}


.template-chooser .toggle-buttons {
	position: relative;
	text-align: center;
}
.template-chooser .bg-buttons {
	margin-top: 15px;
}

.template-chooser .btn-toggle {
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-ms-border-radius: 1px;
	-o-border-radius: 1px;
	border-radius: 1px;
	border: solid #9a9a9a 1px;
	margin: 4px;
	padding: 2px 5px;
}
.template-chooser .color-buttons > .btn-toggle {
	height: 20px;
	width: 20px;
}
.template-chooser .bg-buttons > .btn-toggle {
	background-color: #fff;
	color: #383838;
}

/* On button select - add border */
.template-chooser-item.red .btn-toggle.selected {
	border: 2px solid #ff3939;
	box-shadow: 0 2px 2px rgba(255, 57, 57, 0.075) inset, 0px 0px 8px rgba(255, 57, 57, 0.5);
}
.template-chooser-item.blue .btn-toggle.selected {
	border: 2px solid #2A74B1;
	box-shadow: 0 2px 2px rgba(42, 116, 177, 0.075) inset, 0px 0px 8px rgba(42, 116, 177, 0.5);
}
.template-chooser-item.purple .btn-toggle.selected {
	border: 2px solid #822FB0;
	box-shadow: 0 2px 2px rgba(130, 47, 176, 0.075) inset, 0px 0px 8px rgba(130, 47, 176, 0.5);
}

/* Color buttons only (adjust size on selected) */
.template-chooser-item .c-btn.selected {
	height: 22px;
	width: 22px;
}

.template-chooser .template-chooser-item > img {
	margin-bottom: 30px;
	border: solid 0.5px #ddd;
}


/*----------------------------------------------
	[Froala WYSIWYG editor]
----------------------------------------------*/

/* formatting for Froala text editor dark theme*/

.dark-theme .fr-qi-helper a.fr-btn.fr-floating-btn {
	color: #2e2e2e; /* color needs changing from #ffffff for the quick-insert buttons to be visible */
}

/* hover background also needs to be added */
.dark-theme .fr-qi-helper a.fr-btn.fr-floating-btn:hover {
	background: #eee;
}

.dark-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-character {
	border: 1px solid #aaaaaa;
	color: #2e2e2e; /* color needs adding here to ensure special characters are visible in pop up */
}

/* hover background also needs to be added */
.dark-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-character:hover {
	background: #eee;
}

/* quick insert button for plus sign */
.fr-box a.fr-floating-btn svg,
.dark-theme.fr-box a.fr-floating-btn svg {
	fill: #ff3939; /* plus sign - was 42a5f5 */
}

/* x sign on quick insert - was 42a5f5 */
.fr-box a.fr-floating-btn:hover svg,
.dark-theme.fr-box a.fr-floating-btn:hover svg {
	fill: #ff3939;
}

/* line 734 - toolbar button color */
.fr-toolbar .fr-command.fr-btn.fr-active,
.fr-popup .fr-command.fr-btn.fr-active
.dark-theme.fr-toolbar .fr-command.fr-btn.fr-active,
.dark-theme.fr-popup .fr-command.fr-btn.fr-active {
	color: #ff3939; /* toolbar item selected */
}

/* line 812 - toolbar button color */
.fr-desktop .fr-command.fr-active:hover,
.fr-desktop .fr-command.fr-active:focus
.dark-theme.fr-desktop .fr-command.fr-active:hover,
.dark-theme.fr-desktop .fr-command.fr-active:focus {
	color: #ff3939; /* 42a5f5 */
}



/*---------------------------------------------
		[Footer]
---------------------------------------------*/

footer {
	bottom: 0;
	background: #e4e4e4;
	margin: 0;
	padding: 60px 0 100px 0;
/*	overflow-y: scroll;
	-webkit-overflow-scrolling: touch; */
}

footer.sidebar-footer {
	background: #fff;
	border-top: 3px solid #e4e4e4;
}

@media (max-width:768px) {
	footer {
		padding: 10px 0 60px 0;
	}

	footer.sidebar-footer {
		background: #e4e4e4;
		border-top: 0;
	}
}


/*--------------------------------------------------
		[Back To Top Button]
----------------------------------------------------*/
.back-to-top {
	position: fixed;
	right: 10px;
	bottom: 10px;
	display: inline-block;
	z-index: 9;
	width: 40px;
	height: 40px;
	font-size: 11px;
	font-weight: 400;
	color: #fff;
	text-align: center;
	line-height: 3;
	letter-spacing: 1px;
	text-transform: uppercase;
	background: #282828;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	visibility: hidden;
	opacity: 0;
	padding: 5px;
	-webkit-transform: translate3d(0, 50px, 0);
	-moz-transform: translate3d(0, 50px, 0);
	transform: translate3d(0, 50px, 0);
	transition-duration: 300ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.back-to-top:hover {
	color: #fff;
	transition-duration: 300ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.back-to-top:focus, .back-to-top:hover {
	text-decoration: none;
}

/* The Button Becomes Visible */
.back-to-top.back-to-top-is-visible {
	visibility: visible;
	opacity: .6;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	transition-duration: 300ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.back-to-top.back-to-top-is-visible:hover {
	opacity: 1;
	transition-duration: 300ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

/* If the user keeps scrolling down, the button is out of focus and becomes less visible */
.back-to-top.back-to-top-fade-out {
	opacity: .4;
}

.back-to-top.back-to-top-fade-out:hover {
	opacity: 1;
	transition-duration: 300ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}



/*------------------------------------------------------------------
		[Text Colors]
------------------------------------------------------------------*/

h1.white, h2.white, h3.white, h4.white, h5.white, h6.white, p.white, span.white, a.white {
	font-size: inherit;
	color: #FFF !important;
}
h1.black, h2.black, h3.black, h4.black, h5.black, h6.black, p.black, span.black, a.black {
	font-size: inherit;
	color: #000 !important;
}
h1.light-grey, h2.light-grey, h3.light-grey, h4.light-grey, h5.light-grey, h6.light-grey, p.light-grey, span.light-grey, a.light-grey {
	font-size: inherit;
	color: #585858 !important;
}
h1.dark-grey, h2.dark-grey, h3.dark-grey, h4.dark-grey, h5.dark-grey, h6.dark-grey, p.dark-grey, span.dark-grey, a.dark-grey {
	font-size: inherit;
	color: #282828 !important;
}
h1.red, h2.red, h3.red, h4.red, h5.red, h6.red, p.red, span.red, a.class {
	font-size: inherit;
	color: #ff0000 !important;
}
h1.light-red, h2.light-red, h3.light-red, h4.light-red, h5.light-red, h6.light-red, p.light-red, span.light-red, a.light-red {
	font-size: inherit;
	color: #FF3939 !important;
}
h1.dark-red, h2.dark-red, h3.dark-red, h4.dark-red, h5.dark-red, h6.dark-red, p.dark-red, span.dark-red, a.dark-red {
	font-size: inherit;
	color: #C60000 !important;
}
h1.purple, h2.purple, h3.purple, h4.purple, h5.purple, h6.purple, p.purple, span.purple, a.purple {
	font-size: inherit;
	color: #720AAA !important;
}
h1.light-purple, h2.light-purple, h3.light-purple, h4.light-purple, h5.light-purple, h6.light-purple, p.light-purple, span.light-purple, a.light-purple {
	font-size: inherit;
	color: #822FB0 !important;
}
h1.dark-purple, h2.dark-purple, h3.dark-purple, h4.dark-purple, h5.dark-purple, h6.dark-purple, p.dark-purple, span.dark-purple, a.dark-purple {
	font-size: inherit;
	color: #580784 !important;
}
h1.blue, h2.blue, h3.blue, h4.blue, h5.blue, h6.blue, p.blue, span.blue, a.blue {
	font-size: inherit;
	color: #0A5FA5 !important;
}
h1.light-blue, h2.light-blue, h3.light-blue, h4.light-blue, h5.light-blue, h6.light-blue, p.light-blue, span.light-blue, a.light-blue {
	font-size: inherit;
	color: #2A74B1 !important;
}
h1.dark-blue, h2.dark-blue, h3.dark-blue, h4.dark-blue, h5.dark-blue, h6.dark-blue, p.dark-blue, span.dark-blue, a.dark-blue {
	font-size: inherit;
	color: #074A81 !important;
}
h1.yellow, h2.yellow, h3.yellow, h4.yellow, h5.yellow, h6.yellow, p.yellow, span.yellow, a.yellow {
	font-size: inherit;
	color: #FFFF00 !important;
}
h1.light-yellow, h2.light-yellow, h3.light-yellow, h4.light-yellow, h5.light-yellow, h6.light-yellow, p.light-yellow, span.light-yellow, a.light-yellow {
	font-size: inherit;
	color: #FFFF39 !important;
}
h1.dark-yellow, h2.dark-yellow, h3.dark-yellow, h4.dark-yellow, h5.dark-yellow, h6.dark-yellow, p.dark-yellow, span.dark-yellow, a.dark-yellow {
	font-size: inherit;
	color: #D8D800 !important;
}
a.light-red:hover {
	color: #ff0000 !important;
}
a.light-blue:hover {
	color: #0A5FA5 !important;
}
a.light-purple:hover {
	color: #580784 !important;
}


.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}


/*------------------------------------------------------------------
		[Background Colors]
------------------------------------------------------------------*/
.bg-color-white {
	background: #fff !important;
}

.bg-color-black {
	background: #000 !important;
}

.bg-color-grey {
	background: #BABABA !important;
}

.bg-color-green {
	background: #4BCA37 !important;
}

.bg-color-purple {
	background: #822FB0 !important;
}

.bg-color-blue {
	background: #2A74B1;
}

.bg-color-heading {
	background: #282828 !important;
}

.bg-color-subtitle {
	background: #BABABA !important;
}

.bg-color-link {
	background: #585858 !important;
}

.bg-color-link-hover {
	background: #BABABA !important;
}