@charset "UTF-8";
/*
Theme Name: LP Performance
Theme URI: https://www.liquidpurple.com
Author: The Liquid Purple Team
Author URI: https://www.liquidpurple.com
Description: Our 2019 default theme is based upon: Bootstrap, jQuery, Font-Awesome, Isotope, and Parallax.
Version: 0.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: lp_performance
Tags: bootstrap, jquery, font-awesome, isotope, parallax

#7a2255; Dark Purple
#942968; Main Purple

*/


/* CUSTOM FONTS */
@font-face {
    font-family: 'Roboto Regular';
    font-weight:normal;
    font-style:normal;
    src: local('Roboto Regular'), url('../fonts/font-roboto/Roboto-Regular.woff') format('woff'), 
         local('Roboto Regular'), url('../fonts/font-roboto/Roboto-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto Light';
    font-weight:normal;
    font-style:normal;
    src: local('Roboto Light'), url('../fonts/font-roboto/Roboto-Light.woff') format('woff'), 
         local('Roboto Light'), url('../fonts/font-roboto/Roboto-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto Condensed Regular';
    font-weight:normal;
    font-style:normal;
    src: local('Roboto Condensed Regular'), url('../fonts/font-roboto/RobotoCondensed-Regular.woff') format('woff'),
         local('Roboto Condensed Regular'), url('../fonts/font-roboto/RobotoCondensed-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto Condensed Light';
    font-weight:normal;
    font-style:normal;
    src: local('Roboto Condensed Light'), url('../fonts/font-roboto/RobotoCondensed-Light.woff') format('woff'), 
         local('Roboto Condensed Light'), url('../fonts/font-roboto/RobotoCondensed-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto Condensed Bold';
    font-weight:normal;
    font-style:normal;
    src: local('Roboto Condensed Bold'), url('../fonts/font-roboto/RobotoCondensed-Bold.woff') format('woff'), 
         local('Roboto Condensed Bold'), url('../fonts/font-roboto/RobotoCondensed-Bold.ttf') format('truetype');
}

/*
@font-face {
    font-family: 'Roboto Thin Italic';
    font-weight:normal;
    font-style:normal;
    src: local('Roboto Thin Italic'), url('/theme/font-roboto/Roboto-ThinItalic.woff') format('woff'),
         local('Roboto Thin Italic'), url('/theme/font-roboto/Roboto-ThinItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto Thin';
    font-weight:normal;
    font-style:normal;
    src: local('Roboto Thin'), url('/theme/font-roboto/Roboto-Thin.woff') format('woff'),
         local('Roboto Thin'), url('/theme/font-roboto/Roboto-Thin.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto Medium Italic';
    font-weight:normal;
    font-style:normal;
    src: local('Roboto Medium Italic'), url('/theme/font-roboto/Roboto-MediumItalic.woff') format('woff'),
         local('Roboto Medium Italic'), url('/theme/font-roboto/Roboto-MediumItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto Medium';
    font-weight:normal;
    font-style:normal;
    src: local('Roboto Medium'), url('/theme/font-roboto/Roboto-Medium.woff') format('woff'),
         local('Roboto Medium'), url('/theme/font-roboto/Roboto-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto Light Italic';
    font-weight:normal;
    font-style:normal;
    src: local('Roboto Light Italic'), url('/theme/font-roboto/Roboto-LightItalic.woff') format('woff'),
         local('Roboto Light Italic'), url('/theme/font-roboto/Roboto-LightItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto Italic';
    font-weight:normal;
    font-style:normal;
    src: local('Roboto Italic'), url('/theme/font-roboto/Roboto-Italic.woff') format('woff'),
         local('Roboto Italic'), url('/theme/font-roboto/Roboto-Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto Bold Italic';
    font-weight:normal;
    font-style:normal;
    src: local('Roboto Bold Italic'), url('/theme/font-roboto/Roboto-BoldItalic.woff') format('woff'),
         local('Roboto Bold Italic'), url('/theme/font-roboto/Roboto-BoldItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto Bold';
    font-weight:normal;
    font-style:normal;
    src: local('Roboto Bold'), url('/theme/font-roboto/Roboto-Bold.woff') format('woff'),
         local('Roboto Bold'), url('/theme/font-roboto/Roboto-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto Black Italic';
    font-weight:normal;
    font-style:normal;
    src: local('Roboto Black Italic'), url('/theme/font-roboto/Roboto-BlackItalic.woff') format('woff'),
         local('Roboto Black Italic'), url('/theme/font-roboto/Roboto-BlackItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto Black';
    font-weight:normal;
    font-style:normal;
    src: local('Roboto Black'), url('/theme/font-roboto/Roboto-Black.woff') format('woff'),
         local('Roboto Black'), url('/theme/font-roboto/Roboto-Black.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto Condensed LightItalic';
    font-weight:normal;
    font-style:normal;
    src: local('Roboto Condensed LightItalic'), url('/theme/font-roboto/RobotoCondensed-LightItalic.woff') format('woff'),
         local('Roboto Condensed LightItalic'), url('/theme/font-roboto/RobotoCondensed-LightItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto Condensed Italic';
    font-weight:normal;
    font-style:normal;
    src: local('Roboto Condensed Italic'), url('/theme/font-roboto/RobotoCondensed-Italic.woff') format('woff'),
         local('Roboto Condensed Italic'), url('/theme/font-roboto/RobotoCondensed-Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto Condensed BoldItalic';
    font-weight:normal;
    font-style:normal;
    src: local('Roboto Condensed BoldItalic'), url('/theme/font-roboto/RobotoCondensed-BoldItalic.woff') format('woff'),
         local('Roboto Condensed BoldItalic'), url('/theme/font-roboto/RobotoCondensed-BoldItalic.ttf') format('truetype');
}
*/



/* DEFAULT PAGE STYLES */
body {
	color:#323232;
	font-size:14px;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing:.126em;
	font-weight:100;
	-webkit-font-smoothing:antialiased;
}
body div.site-container {
	/*padding-top:75px;*/
}
p {
	text-align:left;
}
a,
a:visited {
	color:#942968;
	text-decoration:none;
}
a:hover, 
a:active {
    color:#000000;
	text-decoration:none;
}

div.hr {
    background-color:#942968;
    display:inline-block;
    height:1px;
    width:250px;
    content:'';
    margin:60px auto 60px auto;
}


.r25 {
	margin-right:25px;
}



/* HEADER LOGO */
div#header-logo.logo {
	/*
	display:block;
	float:left;
	margin-left:10px;
	*/
	padding:0px 25px 0px 10px;
	float:left;
	width:195px;
	height:75px;
}
div#header-logo a {
    display:block;
    height:75px;
    width:160px;
    background-image:url(/images/logo-sm.png);
    background-size:160px 75px;
}


/* NAV SEARCH */
nav#navigation.nav-primary div.header-search {
	display:block;
	float:left;
	padding:10px 10px 0px 10px;
}
nav#navigation.nav-primary div.header-search form.search-form input.search-field {
	width:150px;
	padding:12px 4px 12px 12px;
	background:#942968;
	color:rgba(255,255,255,.8);
	border:1px solid rgba(255,255,255,.8);
	border-radius:3px;
}
nav#navigation.nav-primary div.header-search form.search-form input.search-field::placeholder {
	color:rgba(255,255,255,.8);
	opacity:1;
}
nav#navigation.nav-primary div.header-search form.search-form input.search-field:hover {
	background-color:rgba(0,0,0,.3);
}


/* NAV BUTTONS */
nav#navigation.nav-primary div.menu-button {
	display:block;
	float:left;
	padding:10px 10px 0px 10px;
}
nav#navigation.nav-primary div.menu-button button#toggle.btn i.fa {
	font-size:28px;
	line-height:28px;
	font-weight:600;
}
nav#navigation.nav-primary div.menu-button button#toggle.btn {
	background:#942968;
	color:rgba(255,255,255,.8);
	border:1px solid rgba(255,255,255,.8);
	border-radius:3px;
}
nav#navigation.nav-primary div.menu-button button#toggle.btn:visited {
	color:#942968;
}
nav#navigation.nav-primary div.menu-button button#toggle.btn:focus,
nav#navigation.nav-primary div.menu-button button#toggle.btn:hover, 
nav#navigation.nav-primary div.menu-button button#toggle.btn:active {
	color:rgba(255,255,255,.8);
	background-color:rgba(0,0,0,.3);
}


/* TRANSLATE ON NAVBAR */
span.no_translate {
	float:left;
}
nav#navigation.nav-primary span.tpedit {
	display:none;
}
section#showcase span.tpedit input {
	display:none;
}

nav#navigation.nav-primary div.header-search {
	/*
	display:none;
	*/
}
nav#navigation.nav-primary div.header-search span.no_translate {
	display:inline-block;
}

div.select2-with-searchbox div.select2-search {
	display:none;
}
nav#navigation.nav-primary div.select2-container a.select2-choice{
	color:#ffffff;
}
nav#navigation.nav-primary div.select2-container a.select2-choice div b {
	background: url('/wp-content/plugins/transposh-translation-filter-for-wordpress/widgets/select2/select2w.png') no-repeat 0 1px;
}
div.select2-drop ul.select2-results li.select2-highlighted {
    background:#942968;
    color:#ffffff;
}
div.select2-container a.select2-choice {
	background-color:rgba(0,0,0,0);
	background-image:none;
	border-radius:0px;
	border:none;
	height:auto;
	color:#942968;
	box-shadow:none;
	padding:10px 0px 10px 15px;
	border-left:1px solid #942968;
	/*
	max-width:100px;
	*/
}
nav#navigation.nav-primary div.select2-container a.select2-choice {
	border-left:1px solid rgba(255,255,255,.8);
}
div.select2-container.tp_lang2 {
	/*
	max-width:100px;
	*/
}
div.select2-container a.select2-choice div {
	background:none;
	border:none;
	border-radius:0px;
	padding:10px 0px 10px 0px;
}
div.select2-container a.select2-choice span {
	text-transform:uppercase;
	margin-right: 20px;
}
div.select2-drop ul.select2-results li.select2-result div.select2-result-label {
	text-transform:uppercase;
}
a#tr_setdeflang.tr_setdeflang {
	color:#ffffff;
}
div.select2-container.tp_lang2 a.select2-choice span {
	/*
	max-width:75px;
	*/
}




nav#navigation.nav-primary div.dropdown {
	text-transform:uppercase;
	border-left:1px solid rgba(255,255,255,.8);
	height:100%;
}
nav#navigation.nav-primary div.dropdown button.btn-link {
	color:rgba(255,255,255,.8);
	font-size:18px;
	padding:6px 6px 8px 16px;
	text-decoration:none;
}
nav#navigation.nav-primary div.dropdown button.btn-link:hover, 
nav#navigation.nav-primary div.dropdown button.btn-link:active {
	text-decoration:none;
}
nav#navigation.nav-primary div.dropdown ul.dropdown-menu {
    min-width:auto;
}
nav#navigation.nav-primary div.dropdown ul.dropdown-menu > li > a {
	padding:3px 10px 3px 10px;
}
nav#navigation.nav-primary div.dropdown span.trf {
	margin-right:10px;
}
nav#navigation.nav-primary div.tr_setdeflang {
	display:none;
}
nav#navigation.nav-primary div.tr_edit {
	display:none;
}
nav#navigation.nav-primary div.tr_credit {
	display:none;
}


/* CTA BOX (TOP) */
section#ctaBox  {
	font-family:'Roboto Condensed Light',"Helvetica Neue",Helvetica,Arial,sans-serif;
    text-align:center;
    /*
	max-width:100%;
    min-width:100%;
    padding:12px 10px 0px 10px;
    */
	margin:0px auto;
    padding:0px 0px 0px 0px;
	height:75px;
	max-height:75px;
	overflow:hidden;
	background-color:#ffffff;
	box-shadow:0 0 12px rgba(0,0,0,.3);
}
section#ctaBox div#cta {
	margin-left:195px;
	height:75px;
	/*
	background:#faa;
	*/
}
section#ctaBox div.upw {
    padding:0px 10px 0px 10px;
	height:75px;
}
section#ctaBox div.inner {
	vertical-align:middle;
	margin:0px;
	height:63px;
	display:inline-block;
	/*
	white-space:nowrap;
	*/
}
section#ctaBox div.inner .title i.fa-exclamation-triangle {
	background-color:#eeeeee;
	color:#942968;
	font-size:22px;
	border:1px solid #942968;
	border-radius:50%;
	padding:1px 0px 0px 2px;
	height:32px;
	width:32px;
	margin:20px 0px 0px 0px;
}
section#ctaBox div.inner .title {
	color:#555555;
	padding:0px 0px 0px 0px;
	font-size:20px;
	font-weight:400;
	max-height:75px;
	margin-right:160px;
	/*
	background:#cf9;
	*/
}
section#ctaBox div.inner .title span.text {
	/*
	line-height:20px;
	padding:22px 0px 0px 10px;
	*/
}



section#ctaBox div.inner .btn-wrap {
	display:inline-block;
	padding:16px 0px 0px 0px;
	width:160px;
	float:right;
}
section#ctaBox div.inner .btn-wrap a {
	padding:10px 14px 10px 14px;
	text-transform:uppercase;
	text-align:center;
	background-color:#ffffff;
	border-color:#942968;
}
section#ctaBox div.inner .btn-wrap a.btn,
section#ctaBox div.inner .btn-wrap a.btn:visited {
	color:#942968;
	text-decoration:none;
}
section#ctaBox div.inner .btn-wrap a.btn:hover, 
section#ctaBox div.inner .btn-wrap a.btn:active {
    color:#ffffff;
	background-color:#942968;
	text-decoration:none;
}
section#ctaBox div.inner .btn-wrap a.btn:focus {
	color:#942968;
	text-decoration:none;
}
section#ctaBox div.inner .btn-wrap a.btn span {
	font-weight:900;
}





/* CSS LOGO */
div#logo {
	display:inline-block;
	padding:0px 0px 0px 0px;
	height:36px;
}
div#logo h2 {
	font-size:36px;
	line-height:36px;
	text-align:right;
	text-transform:uppercase;
	letter-spacing:5px;
	white-space:nowrap;
	padding-top:4px;
	margin:0px;
	font-family:'Roboto',"Helvetica Neue",Helvetica,Arial,sans-serif;
}
div#logo h2 a {
}
div#logo h2 a span.liquid {
	color:#942968;
}
div#logo h2 a span.purple {
	color:#611b44;
}

/* SUBHEADING */
/*
<div id="tagline">
	<h2>
		<span class="specialty">Digital Marketing</span>
	</h2>
</div>
*/
section#showcase div#tagline {
	width:100%;
	display:block;
	padding:10px 0px 0px 0px;
	text-align:center;
}
section#showcase div#tagline h2 {
	line-height:15px;
	font-size:15px;
	font-family:'Roboto',"Helvetica Neue",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	letter-spacing:5px;
	white-space:nowrap;
	margin:0px;
}
section#showcase div#tagline h2 span.specialty {
	color:#555555;
}


/* SHOWCASE */
section#showcase {
	text-align:center;
	background-color:#efefef;
	padding:40px 0px 40px 0px;
	float:left;
	width:100%;
}
section#showcase div#flexHome.flexslider {
	padding:0px 0px 0px 0px;
}
section#showcase div.widget {
	display:inline-block;
	vertical-align:top;
}
section#showcase div.container.widget.widget_ultimate_posts {
	display:block;
}


/* TRANSLATE IN SHOWCASE */
section#showcase div.dropdown {
	text-transform:uppercase;
	border-left:1px solid rgba(0,0,0,.8);
	height:36px;
	margin-left:16px;
}
section#showcase div.dropdown button.btn-link {
	color:rgba(0,0,0,.8);
	font-size:18px;
	padding:6px 6px 8px 16px;
	text-decoration:none;
}
section#showcase div.dropdown button.btn-link:hover, 
section#showcase div.dropdown button.btn-link:active {
	text-decoration:none;
}
section#showcase div.dropdown ul.dropdown-menu {
    min-width:auto;
}
section#showcase div.dropdown ul.dropdown-menu > li > a {
	padding:3px 10px 3px 10px;
}
section#showcase div.dropdown span.trf {
	margin-right:10px;
}
section#showcase div.tr_setdeflang {
	display:none;
}
section#showcase div.tr_edit {
	display:none;
}
section#showcase div.tr_credit {
	display:none;
}

/* ANALYZE */

/*div.showcase.analyze:before {
    content:"";
    background:#c55;
    position:absolute;
    bottom:25%;
    left:0;
    height:50%;
    width:1px;
}
*/

#showcase div.analyze {
	/*
	padding-top:40px;
	padding-bottom:20px;

	border-top:1px solid #942968;
	*/
}
#showcase h1.title {
	padding:20px 0px 0px 0px;
	margin:0px;
	font-size:48px;
	line-height:1em;
	font-weight:600;
	font-family:'Roboto Condensed Bold',"Helvetica Neue",Helvetica,Arial,sans-serif;
}
p.description {
	padding:30px 0px 30px 0px;
	margin:0px;
	font-size:22px;
	line-height:1.8em;
	color:#555555;
	font-family:'Roboto Condensed Light',"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight:400;
	text-align:center;
}

#showcase div.analyze div.form-analyze {
	padding:20px 0px 20px 0px;
	display:inline-block;
	vertical-align:top;
}

#showcase div.analyze div.form-analyze input.form-text {
	width:280px;
	padding:16px 0px 16px 20px;
	background:#ffffff;
	color:#444444;
	border-color:#942968;
	border-width:1px;
	border-style:solid none solid solid;
	border-radius:3px 0px 0px 3px;
	font-size:18px;
	font-family:'Roboto Light',"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight:400;
	height: 59px;
}
#showcase div.analyze div.form-analyze input.form-text::placeholder {
	color:#555555;
}
#showcase div.analyze div.form-analyze button.form-submit {
	padding:20px 30px 18px 30px;
	background-color:#942968;
	color:#ffffff;
	border-color:#942968;
	border-width:1px;
	border-style:solid solid solid none;
	border-radius:0px 5px 5px 0px;
	font-size:14px;
	font-family:'Roboto Condensed Bold',"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight:normal;
	text-transform:uppercase;
}
#showcase div.analyze div.form-analyze button.form-submit,
#showcase div.analyze div.form-analyze button.form-submit:visited {
	padding:20px 30px 18px 30px;
	background-color:#942968;
	color:#ffffff;
	border-color:#942968;
	border-width:1px;
	border-style:solid solid solid none;
	border-radius:0px 5px 5px 0px;
	font-size:14px;
	font-family:'Roboto Condensed Bold',"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight:normal;
	text-transform:uppercase;
}	
#showcase div.analyze div.form-analyze button.form-submit:hover, 
#showcase div.analyze div.form-analyze button.form-submit:active {
	background-color:#7a2255;
	text-decoration:none;
}
/*
<div class="inner">
	<h1 class="title">Do you want more website traffic?</h1>
	<p class="description">
		Need more traffic, leads, and sales? Enter your URL below 
	<br />
		if you want your traffic and revenue to grow.
	</p>
	<div class="form-analyze">
<input class="form-text" id="page_search" name="page_search" placeholder="Your Website URL:" type="text"><button class="form-submit" id="search" type="submit">Analyze Website <i class="fa fa-medkit"></i></button>
	</div>
</div>
*/


/* ALERTS */
main#content div#system-message-container {
	text-align:center;
	/*
	background-color:#efefef;
	*/
}
main#content div#system-message-container div#system-message {
	text-align:center;
	padding:0px;
}
main#content div#system-message-container div#system-message div.alert {
	max-width:640px;
	margin:20px auto 20px auto;
	/*
	background-color:rgba(0,0,0, 0.3);
	*/
	color:#721c24;
	background-color:#f8d7da;
	border-color:#f5c6cb;
}



/* LOGIN FORM */
body.com_users main#content div.reset-complete,
body.com_users main#content div.reset-confirm,
body.com_users main#content div.remind,
body.com_users main#content div.reset,
body.com_rsform main#content {
	text-align:center;
	background-color:#efefef;
}
body.com_users main#content form fieldset p {
	text-align:left;
	margin:0px 0px 20px 0px;
}
body.com_users main#content div.profile-edit {
	text-align:center;
	background-color:#efefef;
	padding:0px 0px 40px 0px;
}
main#content div.registration,
main#content div.loginform {
	text-align:center;
	background-color:#efefef;
	padding:40px 0px 40px 0px;
}
body.com_users main#content div.remind,
body.com_users main#content div.reset {
	padding:0px 0px 40px 0px;
}

body main#content form#userForm {
	margin:0px auto 40px auto;
}

html body.com_invoices main#content div.row-fluid {
	max-width:100%;
	margin:0px auto 40px auto;
}
body.com_content section#showcase form#login-form {
	margin-top:30px;
}

body.com_users main#content div.profile-edit form,
body.com_users main#content div.reset-complete form,
body.com_users main#content div.reset-confirm form,
main#content form#user-registration,
main#content form#userForm,
main#content div.registration form#member-registration,
main#content div.loginform form,
section#showcase form#login-form {
	width:640px;
	max-width:100%;
	margin:0px auto 0px auto;
}
body.com_invoices main#content div.row-fluid,
body.com_users main#content div.profile-edit form,
body.com_users main#content div.reset-complete form,
body.com_users main#content div.reset-confirm form,
main#content form#user-registration,
main#content form#userForm,
main#content div.registration form#member-registration,
main#content div.loginform form,
section#showcase form#login-form {
	padding:25px 20px 5px 20px;
	margin:0px auto 0px auto;
	background:#ffffff;
	color:#444444;
	border-color:#942968;
	border-width:1px;
	border-style:solid;
	border-radius:3px;
	font-size:18px;
	font-family:'Roboto Light',"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight:400;
}

main#content div.loginform form div#form-login-submit.row {
	margin:0px 0px 20px 0px;
	vertical-align:middle;
	display:inline-block;
}
main#content div.registration form div.control-group {
	margin:0px 0px 0px 0px;
	padding:0px 0px 20px 0px;
	vertical-align:middle;
	float:none;
	width:100%;
	display:inline-block;
	text-align:center;
}
main#content form.form-validate fieldset div.control-group,
main#content div.registration form fieldset div.control-group,
main#content form#user-registration fieldset div.control-group,
main#content div.loginform form div.control-group {
	margin:0px 0px 20px 0px;
	vertical-align:middle;
	float:left;
	width:100%;
}
section#showcase form#login-form div.row {
	margin:0px 0px 20px 0px;
	vertical-align:middle;
}
main#content div.reset form#user-registration fieldset div.control-group div.controls,
main#content div.registration form fieldset div.control-group div.controls,
main#content div.loginform form div.control-group div.controls {
	width:66%;
	float:left;
}

section#showcase form#login-form div.userdata div#form-login-password.control-group div.controls div.input-prepend input#modlgn-passwd.input-small,

main#content form.form-validate fieldset input,
main#content form#user-registration fieldset div.control-group div.controls input,
main#content form#userForm fieldset input.form-control,
main#content div.registration form#member-registration div.control-group div.controls input,
main#content div.loginform form div.control-group div.controls input,
section#showcase form#login-form div.row input {
	height:auto;
	width:350px;
	max-width:100%;
	padding:10px 20px 10px 20px;
	background:#ffffff;
	border-color:#942968;
	border-width:1px;
	border-style:solid;
	border-radius:3px;
	font-size:18px;
	font-family:'Roboto Light',"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight:400;	
}
main#content form.form-validate fieldset div.control-group div.control-label,
main#content form#user-registration fieldset div.control-group div.control-label,
main#content div.registration form div.control-group div.control-label,
main#content div.loginform form div.control-group div.control-label {
	width:33%;
	float:left;
	padding:0px;
}
main#content form.form-validate fieldset label span.star,
main#content form#user-registration span.star,
main#content div.registration form fieldset div.control-group.field-spacer,
main#content div.registration form label#jform_spacer-lbl,
main#content div.registration form span.star,
main#content div.loginform form span.star {
	display:none;
}
main#content form.form-validate fieldset label,
main#content form#user-registration fieldset label,
main#content form#userForm fieldset label.control-label,
main#content div.loginform form div.control-group div.control-label label,
section#showcase form#login-form div.row label {
	line-height:46px;
	margin:0px 0px 0px 0px;
	text-align:right;
}

main#content div.reset-complete form button.btn:hover, 
main#content div.reset-complete form button.btn:active,
main#content div.reset-confirm form button.btn:hover, 
main#content div.reset-confirm form button.btn:active,
main#content form#user-registration button.btn:hover, 
main#content form#user-registration button.btn:active,
main#content form#userForm input.btn:hover, 
main#content form#userForm input.btn:active,
main#content div.registration form button:hover, 
main#content div.registration form button:active,
main#content div.loginform form button:hover, 
main#content div.loginform form button:active,
section#showcase form#login-form input.btn:hover,
section#showcase form#login-form input.btn:active,
section#showcase form#login-form button:hover, 
section#showcase form#login-form button:active {
    background-color:#7a2255;
    text-decoration:none;
}
main#content div.reset-complete form.form-validate button.btn,
main#content div.reset-complete form.form-validate button.btn:visited,
main#content div.reset-confirm form.form-validate button.btn,
main#content div.reset-confirm form.form-validate button.btn:visited,
main#content form#user-registration button.btn,
main#content form#user-registration button.btn:visited,
main#content form#userForm input.btn,
main#content form#userForm input.btn:visited,
main#content div.registration form button,
main#content div.registration form button:visited,
main#content div.loginform form button,
main#content div.loginform form button:visited,
section#showcase form#login-form input.btn,
section#showcase form#login-form input.btn:visited,
section#showcase form#login-form button, 
section#showcase form#login-form button:visited {
	padding:18px 30px 18px 30px;
	background-color:#942968;
    color:#ffffff;
    border-color:#942968;
    border-width:1px;
    border-style:solid;
    border-radius:5px;
    font-size:14px;
    font-family:'Roboto Condensed Bold',"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:normal;
    text-transform:uppercase;
}

main#content div.reset-complete form.form-validate button.btn,
main#content div.reset-confirm form.form-validate button.btn,
section#showcase form#login-form button.btn,
section#showcase form#login-form input.btn,
main#content form#user-registration button {
	margin:0px 0px 20px 0px;
}
main#content div.registration form div.control-group div.controls {
	text-align:center;
}
main#content form#user-registration div.control-group div.controls div#jform_captcha,
main#content div.registration form div.control-group div.controls div#jform_captcha {
	display:inline-block;
}
body.com_users main#content form.form-validate fieldset div.control-group div.controls,
body.com_users main#content div.remind form#user-registration div.control-group div.controls {
	display:inline-block;
}

main#content form#userForm h2 {
		margin:0px 0px 20px 0px;
}



/* SHOWCASE NAVIGATION */
section#showcase ul.nav {
	margin:20px 0px 0px 0px;
}
section#showcase ul.nav li {
	display:inline-block;
	margin:0px 10px 0px 10px;
}
section#showcase ul.nav li a, 
section#showcase ul.nav li a:visited {
	padding:8px 15px 10px 15px;
	background-color:#d4edda;
    color:#155724;
    border-color:#c3e6cb;
    border-width:1px;
    border-style:solid;
    border-radius:10px;
    font-size:14px;
    font-family:'Roboto Condensed Bold',"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:normal;
	/*
	height:100px;
	width:100px;
    text-transform:capitalize;
	*/
    text-transform:uppercase;
}
section#showcase ul.nav li a:active,
section#showcase ul.nav li a:hover {
    background-color:#c3e6cb;
    text-decoration:none;
}





/* FOOTER */
footer {
	/*
	display:inline-block;
	*/
	width:100%;
	float:left;
}
section#footer {
	background:#942968;
	padding-top:0px;
}
section#footer div.footer {
	padding:25px 0px 0px 10px;
}
section#footer div.widget {
	display:inline-block;
	vertical-align:top;
}
section#footer h3 {
	margin:0px;
	display:inline-block;
}
section#footer h3.widget-title {
	display:none;
}
section#footer div#text-logo {
	display:inline-block;
	padding-top:5px;
}
section#footer div#text-logo h3 {
	font-weight:400;
	/*
	font-style:italic;
	*/
	font-size:26px;
	line-height:26px;
	text-align:right;
	text-transform:uppercase;
	letter-spacing:.02em;
	white-space:nowrap;
	font-family:'Roboto',"Helvetica Neue",Helvetica,Arial,sans-serif;
	
}
section#footer div#text-logo h3 a span.liquid {
	color:rgba(255,255,255,.8);
}
section#footer div#text-logo h3 a span.purple {
	color:rgba(255,255,255,.4);
}
/*
<div id="text-logo">
	<h3>
		<a class="tips" title="Liquid Purple" href="https://www.liquidpurple.com/" target="_self" rel="noopener" data-wpel-link="internal">
			<span class="liquid">Liquid</span><span class="purple">Purple</span>
		</a>
	</h3>
</div>
*/



/* COPYRIGHT */
section#copyright {
	background:#942968;
	padding-bottom:25px;
}
section#copyright h3.widget-title {
	display:none;
	margin:0px;
}
section#copyright div.copyright div.widget {
    font-size:14px;
	color:rgba(255,255,255,.6);
	padding-top:14px;
	padding-bottom:0px;
	padding-left:10px;
}
section#copyright div.copyright a {
	color:rgba(255,255,255,.6);
	font-weight:600;
	font-style:italic;
	text-decoration:none;
}
section#copyright div.copyright a:hover,
section#copyright div.copyright a:active {
	color:rgba(255,255,255,1.0);
}
/*
Copyright &copy; <?php echo date("Y"); ?> by <a data-wpel-link="ignore" href="https://www.liquidpurple.com" target="_top">Liquid Purple</a> | All rights reserved.
*/


/* CARET TO-TOP */
footer a#totop {
    font-size:24px;
	line-height:24px;
	color:rgba(255,255,255,.6);
}
footer a#totop:hover,
footer a#totop:active {
	color:rgba(255,255,255,1.0);
}


/* SOCIAL NETWORKS */
div#social {
	padding-bottom:10px;
}
div#social span.followus {
    font-size:12px;
	color:rgba(255,255,255,.6);
	display:inline-block;
	text-align:right;
	padding:15px 10px 4px 10px;
}

div#social ul.socialNetwork {
	padding:8px 0px 0px 0px;
	margin:0px;
	display:block;
}
div#social ul.socialNetwork li {
	display:inline-block;
	list-style-type:none;
	margin:0px 5px 0px 0px;
}
div#social ul.socialNetwork li a {
	display:inline-block !important;
}
div#social ul.socialNetwork a span.wpel-icon {
	display:none;
}
div#social ul.socialNetwork i.iconRounded {
    font-size:18px;
    border-radius: 50%;
    width:30px;
    height:30px;
    display:block;
    text-align:center;
    padding-top:4px;
	border-color:rgba(255,255,255,.6);
	border-width:2px;
	border-style:solid;
	color:rgba(255,255,255,.6);
	background-color:#942968;
}
div#social ul.socialNetwork i.iconRounded:hover,
div#social ul.socialNetwork i.iconRounded:active {
	border-color:#ffffff;
	color:#ffffff;
	background-color:#7a2255;
}
/*
<ul class="socialNetwork pull-right">
	<li>
		<a data-wpel-link="ignore" class="tips" title="" data-original-title="Visit us on Facebook..." data-toggle="tooltip" data-placement="top" href="https://www.facebook.com/liquidpurple/" target="_blank" rel="nofollow noopener noreferrer">
			<i class="fab fa-facebook-f iconRounded" aria-hidden="true"></i>
		</a>
	</li>
	<li>
		<a data-wpel-link="ignore" class="tips" title="" data-original-title="Visit us on Twitter..." data-toggle="tooltip" data-placement="top" href="https://twitter.com/liquidpurple" target="_blank" rel="nofollow noopener noreferrer">
			<i class="fab fa-twitter iconRounded"></i>
		</a>
	</li>
	<li>
		<a data-wpel-link="ignore" class="tips" title="" data-original-title="Visit us on Linkedin..." data-toggle="tooltip" data-placement="top" href="https://www.linkedin.com/company/liquidpurple/" target="_blank" rel="nofollow noopener noreferrer">
			<i class="fab fa-linkedin-in iconRounded"></i>
		</a>
	</li>
	<li>
		<a data-wpel-link="ignore" class="tips" title="" data-original-title="Visit us on VK..." data-toggle="tooltip" data-placement="top" href="https://vk.com/liquidpurple" target="_blank" rel="nofollow noopener noreferrer">
			<i class="fab fa-vk iconRounded"></i>
		</a>
	</li>
	<li>
		<a data-wpel-link="ignore" class="tips" title="" data-original-title="Visit us on Tumblr..." data-toggle="tooltip" data-placement="top" href="https://liquidpurple.tumblr.com/" target="_blank" rel="nofollow noopener noreferrer">
			<i class="fab fa-tumblr iconRounded"></i>
		</a>
	</li>
	<li>
		<a data-wpel-link="ignore" class="tips" title="" data-original-title="Visit us on Pinterest..." data-toggle="tooltip" data-placement="top" href="https://www.pinterest.com/liquidpurple/" target="_blank" rel="nofollow noopener noreferrer">
			<i class="fab fa-pinterest-p iconRounded"></i>
		</a>
	</li>
	<li>
		<a data-wpel-link="ignore" class="tips" title="" data-original-title="Visit us on Instagram..." data-toggle="tooltip" data-placement="top" href="https://www.instagram.com/liquidpurple/" target="_blank" rel="nofollow noopener noreferrer">
			<i class="fab fa-instagram iconRounded"></i>
		</a>
	</li>
	<li>
		<a data-wpel-link="ignore" class="tips" title="" data-original-title="Visit us on YouTube..." data-toggle="tooltip" data-placement="top" href="https://www.youtube.com/channel/liquidpurple" target="_blank" rel="nofollow noopener noreferrer">
			<i class="fab fa-youtube iconRounded" aria-hidden="true"></i>
		</a>
	</li>
</ul>
<span class="followus pull-right">Follow us around the web:</span>
*/



/* TRANSLATE ON FOOTER */
section#footer div.widget_transposh {
	/*
	display:inline-block;
	*/
	margin-left:16px;
}
section#footer div.widget_transposh div.dropdown {
	text-transform:uppercase;
	border-left:1px solid rgba(255,255,255,.4);
	height:100%;
	display:inline-block;
}
section#footer div.widget_transposh div.dropdown button.btn-link {
	color:rgba(255,255,255,.4);
	font-size:18px;
	padding:2px 0px 4px 16px;
	text-decoration:none;
}
section#footer div.widget_transposh div.dropdown button.btn-link:hover, 
section#footer div.widget_transposh div.dropdown button.btn-link:active {
	text-decoration:none;
}
section#footer div.widget_transposh div.dropdown ul.dropdown-menu {
    min-width:auto;
}
section#footer div.widget_transposh div.dropdown ul.dropdown-menu > li > a {
	padding:3px 10px 3px 10px;
}
section#footer div.widget_transposh div.dropdown span.trf {
	margin-right:10px;
}
section#footer div.widget_transposh div.tr_setdeflang {
	display:none;
}
section#footer div.widget_transposh div.tr_edit {
	display:none;
}
section#footer div.widget_transposh div.tr_credit {
	display:none;
}

section#footer div.widget_transposh div.dropdown ul.dropdown-menu {
	margin-top:-250px;
	margin-left:65px;
}


/*

*/

/* BOTTOM MENU */
section#footer div#footer-menu {
	text-align:right;
	padding:25px 0px 0px 0px;
}

section#footer ul.menu {
	display:inline-block;
	text-align:left;
	padding:0px 0px;
	margin:0px;
}
section#footer ul.menu li.menu-item {
	font-size:12px;
	display:inline-block;
	margin:0;
	padding:0;
	text-align:left;
}
section#footer ul.menu li.menu-item a,
section#footer ul.menu li.menu-item a:visited {
	text-decoration:none;
	letter-spacing:.15em;
	color:rgba(255,255,255,.8);
	background-color:rgba(0,0,0,0);
	color:#eeeeee;
	border:none;
	display:block;
	padding:6px 0px;
	margin:0px 10px;
	position:relative;
	border-bottom:1px solid #942968;
}
section#footer ul.menu li.menu-item a:hover, 
section#footer ul.menu li.menu-item a:active {
	color:rgba(255,255,255,1.0);
	border-bottom:1px solid #ffffff;
}
section#footer ul.menu li.menu-item a:focus {
	color:#eeeeee;
	border-bottom:1px solid #ffffff;
}




/* TABS */
/* turn font awesome icon in a tab upright */
.ui-slideouttab-left .ui-slideouttab-handle>.fa-icon, 
.ui-slideouttab-right .ui-slideouttab-handle>.fa-icon { 
    transform: rotate(90deg);
}
/* This class is added after the tabs are initialised, otherwise the user sees the 
   tabs slide out of the way when the page is initialised. */
.ui-slideouttab-ready {
	transition:transform 0.5s ease 0s;
}
/* Hide tabs and panels when printed. */
@media print {
    .ui-slideouttab-panel {
        display:none;
    }
}

div.ui-slideouttab-panel {
	position: fixed;	
    z-index:2;
    width:275px;
	min-height:550px;
    color:rgba(255,255,255,1.0);
    background-color:#942968;
    border-color:rgba(0,0,0,.3);
    border-width:1px;
    border-style:solid solid solid none;
	border-radius:0 0 3px 3px;
    box-shadow:-5px 5px 5px 2px rgba(0,0,0,.1);
}
div.ui-slideouttab-panel.ui-slideouttab-left {
	padding:10px 10px 10px 40px;
}
div.ui-slideouttab-panel a.handle {
	display:block;
	position:absolute;
	cursor:pointer;
	font-size:14px;
	font-family:'Roboto Condensed',"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight:400;
	background-color:#942968;
	padding:6px 16px 6px 16px;
	border-radius:0 0 3px 3px;
	border-top:1px solid rgba(0,0,0,.3);
	border-right:1px solid rgba(0,0,0,.3);
	border-bottom:1px solid rgba(0,0,0,.3);
	border-left:1px solid rgba(0,0,0,.3);
	box-shadow:-5px 5px 5px 2px rgba(0,0,0,.1);
}
div.ui-slideouttab-panel a,
div.ui-slideouttab-panel a:visited,
div.ui-slideouttab-panel a:focus {
	color:rgba(255,255,255,.8);
}
div.ui-slideouttab-panel a:hover, 
div.ui-slideouttab-panel a:active {
	color:rgba(255,255,255,1.0);
}
div.ui-slideouttab-panel a.handle i.fa {
	font-size:14px;
	margin:0px 0px 0px 6px;
}


/* Right */
.ui-slideouttab-right {
	right: 0px;
	transform: translateX(100%);
	border-right: none;
}
.ui-slideouttab-right.ui-slideouttab-open {
	transform: translateX(0%);
}
.ui-slideouttab-right .ui-slideouttab-handle {
    transform-origin: 0% 0%;
    transform: rotate(-90deg) translate(-100%,-100%);   
}
.ui-slideouttab-right .ui-slideouttab-handle-reverse {
    transform-origin: 0% 100%;
    transform: rotate(-90deg);
}

/* Left */
.ui-slideouttab-left {
	left: 0px;
	transform: translateX(-100%);
	border-left: none;
}
.ui-slideouttab-left.ui-slideouttab-open {
	transform: translateX(0%);
}
.ui-slideouttab-left .ui-slideouttab-handle {
    transform-origin: 100% 0%;
    transform: rotate(-90deg);   
}
.ui-slideouttab-left .ui-slideouttab-handle-reverse {
    transform-origin: 100% 100%;
    transform: rotate(-90deg) translate(100%,100%);   
}

/* Top */
.ui-slideouttab-top {
	top: 0px;
	transform: translateY(-100%);
	border-top: none;
}
.ui-slideouttab-top.ui-slideouttab-open {
	transform: translateY(0%);
}

/* Bottom */
.ui-slideouttab-bottom {
	bottom: 0px;
	transform: translateY(100%);
	border-bottom: none;
}
.ui-slideouttab-bottom.ui-slideouttab-open {
		transform: translateY(0%);
}



/* Nav Widget */
div.bootstrap-navbar a i.wpel-icon {
	font-size:10px;
	padding:0px 0px 0px 10px;	
}
div.bootstrap-navbar ul.nav-pills li {
    float:none;
}
div.bootstrap-navbar .dropdown-menu li:hover .sub-menu {
  visibility:visible;
}
div.bootstrap-navbar .dropdown-menu .sub-menu {
  left:100%;
  position:absolute;
  top:0;
  visibility:hidden;
  margin-top:-1px;
}
div.bootstrap-navbar .dropdown:hover .dropdown-menu {
  display:block;
}
div.bootstrap-navbar .nav-tabs .dropdown-menu,
div.bootstrap-navbar .nav-pills .dropdown-menu,
div.bootstrap-navbar .navbar .dropdown-menu {
  margin-top:0;
}
div.bootstrap-navbar .navbar .sub-menu:before {
  border-bottom:7px solid transparent;
  border-left:none;
  border-right:7px solid rgba(0,0,0,0.2);
  border-top:7px solid transparent;
  left:-7px;
  top:10px;
}
div.bootstrap-navbar .navbar .sub-menu:after {
  border-top:6px solid transparent;
  border-left:none;
  border-right:6px solid #ffffff;
  border-bottom:6px solid transparent;
  left:10px;
  top:11px;
  left:-6px;
}
div.bootstrap-navbar ul.menu {
	text-align:left;
	padding:0px 0px;
	margin:0px;
	font-size:16px;
	font-family:'Roboto Condensed Regular',"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight:400;	
}
div.bootstrap-navbar ul.menu li {
	margin:0;
	padding:0;
	text-align:left;
}
div.bootstrap-navbar ul.menu li a {
	border:none;
	display:block;
	position:relative;
	border-radius:0px;
}

div.bootstrap-navbar ul.menu li.menu-item span.menutitle:after {
  content: "";
  display: table;
  clear: both;
}
div.bootstrap-navbar ul.menu li.menu-item span.subhead {
    color:rgba(255,255,255,1);
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    font-size:11px;
    line-height:18px;
    padding:0px;
    font-weight:400;
    /*
	float: left;
    width: 100%;
	*/
    text-transform:capitalize;
}

/*
<div class="bootstrap-navbar pull-right">
<ul class="nav nav-pills">
	<li class="active"><a href="#">Regular link</a></li>
	<li class="dropdown">
		<a href="#" data-toggle="dropdown" class="dropdown-toggle">Dropdown <b class="caret"></b></a>
		<ul class="dropdown-menu" id="menu1">
			<li>
				<a href="#">2-level Menu <i class="icon-arrow-right"></i></a>
				<ul class="dropdown-menu sub-menu">
					<li><a href="#">Action</a></li>
					<li><a href="#">Another action</a></li>
					<li><a href="#">Something else here</a></li>
					<li class="divider"></li>
					<li class="nav-header">Nav header</li>
					<li><a href="#">Separated link</a></li>
					<li><a href="#">One more separated link</a></li>
				</ul>
			</li>
			<li><a href="#">Another action</a></li>
			<li><a href="#">Something else here</a></li>
			<li class="divider"></li>
			<li><a href="#">Separated link</a></li>
		</ul>
	</li>
	<li class="dropdown">
		<a href="#">Menu</a>
	</li>
</ul>
</div>
*/


/* For Joomla */
html body nav#navigation.nav-primary {
	float:left;
	width:100%;
	text-align:center;
}


/* Primary Nav */
nav#navigation.nav-primary {
	background-color:#942968;
	text-align:right;
	/*
	padding:0px 10px 0px 10px;
	vertical-align:top;
	height:65px;
	max-height:65px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	*/
}
nav#navigation.nav-primary div.bootstrap-navbar {
	/*
	margin-right:20px;
	*/
	display:inline-block;
	margin:0px auto 0px auto;
	padding:8px 10px 0px 10px;
}
nav#navigation.nav-primary div.bootstrap-navbar ul.menu {
	display:inline-block;
}
nav#navigation.nav-primary div.bootstrap-navbar ul.menu li {
	margin:0;
	padding:0;
	text-align:left;
	display:inline-block;
}
nav#navigation.nav-primary div.bootstrap-navbar ul.sub-menu li {
	display:block;
}
nav#navigation.nav-primary div.bootstrap-navbar ul.menu ul.sub-menu {
	border-radius:4px;
	margin-top:-5px;
	margin-left:-50px;
}
nav#navigation.nav-primary div.bootstrap-navbar ul.menu ul.dropdown-menu {
	background-color:#942968;
}

nav#navigation.nav-primary div.bootstrap-navbar ul.menu ul.sub-menu ul {
	margin-left:-50px;
}
nav#navigation.nav-primary div.bootstrap-navbar ul.menu li a,
nav#navigation.nav-primary div.bootstrap-navbar ul.menu li a:active,
nav#navigation.nav-primary div.bootstrap-navbar ul.menu li a:visited {
	color:#eeeeee;
	padding:6px 0px;
	margin:0px 20px;
	background-color:rgba(0,0,0,0.0);
	border-bottom:1px solid #942968;
	text-align:center;
}
nav#navigation.nav-primary div.bootstrap-navbar ul.menu li a:focus,
nav#navigation.nav-primary div.bootstrap-navbar ul.menu li a:hover {
    color:#ffffff;
	border-bottom:1px solid #ffffff;
	background-color:rgba(0,0,0,0.0);
}
nav#navigation.nav-primary div.bootstrap-navbar ul.menu ul.sub-menu {
	background-color:#ffffff;
	border:1px solid #942968;
	box-shadow:0 15px 20px 0 rgba(160,160,160,.5);
}
nav#navigation.nav-primary div.bootstrap-navbar ul.menu ul.sub-menu li {
	display:block;
}
nav#navigation.nav-primary div.bootstrap-navbar ul.menu ul.sub-menu li a,
nav#navigation.nav-primary div.bootstrap-navbar ul.menu ul.sub-menu li a:visited {
    color:#000000;
	border:none;
}
nav#navigation.nav-primary div.bootstrap-navbar ul.menu ul.sub-menu li a:hover, 
nav#navigation.nav-primary div.bootstrap-navbar ul.menu ul.sub-menu li a:active {
    color:#942968;
	border:none;
}


/* Nav Icons */
nav#navigation.nav-primary div.bootstrap-navbar ul.menu li a span.menutext:before {
    font-family:FontAwesome;
	font-size:14px;
    padding:0px 8px 0px 0px;
}
nav#navigation.nav-primary div.bootstrap-navbar ul.menu li.home a span.menutext:before {
    content:"\f015";
	font-size:18px;
}
nav#navigation.nav-primary div.bootstrap-navbar ul.menu li.blog a span.menutext:before {
    content:"\f1ea";
}
nav#navigation.nav-primary div.bootstrap-navbar ul.menu li.join a span.menutext:before {
    content:"\f0fe";
}
nav#navigation.nav-primary div.bootstrap-navbar ul.menu li.service > a span.menutext:before {
    content:"\f1cd";
}
nav#navigation.nav-primary div.bootstrap-navbar ul.menu li.contact a span.menutext:before {
    content:"\f0e0";
}



/* Tab Menu */
.ui-slideouttab-panel div.widget {
	float:left;
	width:100%;
}

.ui-slideouttab-panel.faded {
	display:none;
}
.ui-slideouttab-panel.faded.fade-in {
	display:block;
}

.ui-slideouttab-panel div.widget h3.widget-title {
	margin:10px 0px 10px 0px;
}

.ui-slideouttab-panel div.bootstrap-navbar {
	width:100%;
}
.ui-slideouttab-panel div.bootstrap-navbar ul.menu.nav.nav-pills {
	width:100%;
	font-size:14px;
}
.ui-slideouttab-panel div.bootstrap-navbar ul.menu li a,
.ui-slideouttab-panel div.bootstrap-navbar ul.menu li a:active,
.ui-slideouttab-panel div.bootstrap-navbar ul.menu li a:visited {
	padding:10px 14px 10px 14px;
	margin:0px 0px;
	color:rgba(255,255,255,0.6);
	background-color:rgba(0,0,0,0.0);
	border-bottom:1px solid rgba(0,0,0,0.0);
}
.ui-slideouttab-panel div.bootstrap-navbar ul.menu li a:focus,
.ui-slideouttab-panel div.bootstrap-navbar ul.menu li a:hover {
    color:#ffffff;
	border-bottom:1px solid rgba(0,0,0,0.0);
	background-color:rgba(0,0,0,0.2);
}
.ui-slideouttab-panel div.bootstrap-navbar ul.menu ul.sub-menu {
	width:100%;
	float:none;
	padding:0px;
	background-color:#762153;
	border:1px solid rgba(0,0,0,0.3);
	border-radius:0px;
	box-shadow:0 8px 12px 0 rgba(0,0,0,.15);
}
.ui-slideouttab-panel div.bootstrap-navbar ul.menu ul.sub-menu li {
	display:block;
}
.ui-slideouttab-panel div.bootstrap-navbar ul.menu ul.sub-menu li a,
.ui-slideouttab-panel div.bootstrap-navbar ul.menu ul.sub-menu li a:visited {
    color:rgba(255,255,255,0.6);
	border:none;
}
.ui-slideouttab-panel div.bootstrap-navbar ul.menu ul.sub-menu li a:hover, 
.ui-slideouttab-panel div.bootstrap-navbar ul.menu ul.sub-menu li a:active {
    color:rgba(255,255,255,1.0);
	border:none;
	background-color:rgba(0,0,0,0.3);
}



/* Main Content Area */

body main#content {
	/*
	text-align:center;
	*/
	width:100%;
	float:left;
	padding:0px 0px 0px 0px;
}
body main#content article {
	padding:60px 0px 40px 0px;
}
main#content.content article div.entry-wrap {
	display:inline-block;
	width:100%;
}
header.entry-header {
	text-align:center;
}
header.entry-header h1.entry-title {
	display:inline-block;
	padding:0px 0px 0px 0px;
	margin:0px 0px 20px 0px;
	font-size: 48px;
	line-height: 1em;
	font-weight: 600;
	font-family: 'Roboto Condensed Bold',"Helvetica Neue",Helvetica,Arial,sans-serif;
}



/* Quiz */
body.quiz main#content {
	background-color: #efefef;
}



/* Contact */
body.contact main#content article {
	background-color:#942968;
	color:#ffffff;
	margin:0px;
}

body.contact div.nf-form-cont div.nf-field-element p small a {
}
body.contact div.nf-form-cont p a,
body.contact div.nf-form-cont p a:visited {
	color:#cccccc;
	text-decoration:none;
}
body.contact div.nf-form-cont p a:hover, 
body.contact div.nf-form-cont p a:active {
    color:#ffffff;
	text-decoration:none;
}

body.contact div.nf-form-cont div.html-container label.control-label {
	color:#eeeeee;
	padding:30px 0px 30px 0px;
	margin:0px;
	font-size:22px;
	line-height:1.8em;
	font-family:'Roboto Condensed Light',"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight:400;
}
body.contact div.nf-form-cont form div.nf-form-hp {
	text-align:center;
}
body.contact div.nf-form-cont form div.submit-wrap {
	margin:30px 20px 0px 20px;
}
body.contact div.nf-form-cont  ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color:#ffffff;
	opacity: 1; /* Firefox */
}
body.contact div.nf-form-cont  :-ms-input-placeholder { /* Internet Explorer 10-11 */
	color:#ffffff;
}
body.contact div.nf-form-cont ::-ms-input-placeholder { /* Microsoft Edge */
	color:#ffffff;
}
body.contact div.nf-form-cont textarea,
body.contact div.nf-form-cont input,
body.contact div.nf-form-cont select {
	background-color:rgba(255,255,255,.4);
	border:1px solid rgba(255,255,255,.0);
	color:#ffffff;
	box-shadow:none;
	padding:20px 40px 20px 40px;
	height:auto;
}
body.contact div.nf-form-cont textarea,
body.contact div.nf-form-cont input {
	margin:20px 0px 20px 0px;
}


body.contact div.nf-form-cont textarea {
	height:250px;
}
body.contact div.nf-form-cont textarea:hover,
body.contact div.nf-form-cont input:hover,
body.contact div.nf-form-cont select:hover {
	background-color:rgba(0,0,0,.2);
	border-color:rgba(255,255,255,.0);
}
body.contact div.nf-form-cont textarea:focus,
body.contact div.nf-form-cont input:focus,
body.contact div.nf-form-cont select:focus {
	background-color:rgba(0,0,0,.2);
	border-color:rgba(255,255,255,.0);
}

body.contact div.nf-form-cont select {
	padding: 20px 40px 20px 40px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	/*
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
	  linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 100%);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
	*/
}






body.contact div.nf-form-cont div.select div.nf-field-element {
    overflow: hidden; 
    position: relative;
    display: block;
	margin:20px 0px 20px 0px;
}
body.contact div.nf-form-cont div.select select{
	margin:0px;
}
body.contact div.nf-form-cont div.select div.nf-field-element:after {
    content:"\f0d7";
    font-family:FontAwesome;
	font-size:24px;
    color:#ffffff;
    padding:16px 12px;
    position:absolute; 
	right:0; 
	top:0;
    background-color:#7a2255;
    z-index:1;
    text-align:center;
    /*
	width:10%;
    */
	height:100%;      
    pointer-events:none;
    box-sizing:border-box;   
}
body.contact div.nf-form-cont select::-ms-expand {
	display:none;
}
body.contact div.nf-form-cont select option {
	font-weight:normal;
	font-size:18px;
	color:#942968;
	background-color:#ffffff;
	/*
	padding:15px 20px 15px 20px !important;
	*/
	margin:5px 0px 5px 0px !important;
	line-height:2.0em !important;
}

body.contact div.nf-form-errors div.nf-error-msg {
	font-size:14px;
	text-align:center;
	color:#ffffff;	
}
body.contact div.nf-form-cont div.help-block {
	font-size:14px;
	text-align:center;
	color:#ffffff;
}
body.contact div.nf-form-cont div.nf-error-msg {
	
}
body.contact div.nf-form-cont span.ninja-forms-req-symbol {
	display:none;
}


/* honey-pot */
body.contact div.nf-form-cont div.nf-form-hp label {
	padding:0px;
	margin:0px;
}
body.contact div.nf-form-cont div.nf-form-hp label input.nf-field-hp {
	padding:0px;
	margin:0px;
	background-color:rgba(0,0,0,0);
}



/*
<div class="container">
    <div class="row">
        <div class="col-md-12">
            <div class="XXwell well-lg">
                <form class="XXform-horizontal" method="post">
                    <fieldset>
                        <legend class="text-center header">Contact us</legend>

						<div class="form-row">
							<div class="form-group col-md-6">
								<label for="inputEmail4" class="col-form-label col-form-label-lg">Email</label>
								<input type="email" class="form-control form-control-lg" id="inputEmail4" placeholder="Email">
							</div>
							<div class="form-group col-md-6">
								<label for="inputPassword4">Password</label>
								<input type="password" class="form-control form-control-lg" id="inputPassword4" placeholder="Password">
							</div>
						</div>
						
                        <div class="form-group">
                            <span class="col-md-1 col-md-offset-2 text-center"><i class="fa fa-user bigicon"></i></span>
                            <div class="col-md-8">
                                <input id="fname" name="name" type="text" placeholder="First Name" class="form-control form-control-lg">
                            </div>
                        </div>
                        <div class="form-group">
                            <span class="col-md-1 col-md-offset-2 text-center"><i class="fa fa-user bigicon"></i></span>
                            <div class="col-md-8">
                                <input id="lname" name="name" type="text" placeholder="Last Name" class="form-control form-control-lg">
                            </div>
                        </div>

                        <div class="form-group">
                            <span class="col-md-1 col-md-offset-2 text-center"><i class="fa fa-envelope-o bigicon"></i></span>
                            <div class="col-md-8">
                                <input id="email" name="email" type="text" placeholder="Email Address" class="form-control form-control-lg">
                            </div>
                        </div>

                        <div class="form-group">
                            <span class="col-md-1 col-md-offset-2 text-center"><i class="fa fa-phone-square bigicon"></i></span>
                            <div class="col-md-8">
                                <input id="phone" name="phone" type="text" placeholder="Phone" class="form-control form-control-lg">
                            </div>
                        </div>

                        <div class="form-group">
                            <span class="col-md-1 col-md-offset-2 text-center"><i class="fa fa-pencil-square-o bigicon"></i></span>
                            <div class="col-md-8">
                                <textarea class="form-control form-control-lg" id="message" name="message" placeholder="Enter your message for us here. We will get back to you within 2 business days." rows="7"></textarea>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="col-md-12 text-center">
                                <button type="submit" class="btn btn-primary btn-lg">Submit</button>
                            </div>
                        </div>
                    </fieldset>
                </form>
            </div>
        </div>
    </div>
</div>
*/



/* Content-Top */
div#content-top {
	text-align:center;
	display:inline-block;
	width:100%;
	padding:0px 20px 20px 20px;
	background-color:#efefef;
}
div#content-top h3 {
	margin:0px;
	text-align:left;
	border:none;
}
div#content-top div.well {
	background-color:transparent;
	border:none;
	margin:0px;
	padding:0px;
	border-radius:none;
	box-shadow:none;
}


/* Content-Top NAVIGATION */
div#content-top ul.nav {
	margin:20px 0px 0px 0px;
}
div#content-top ul.nav li {
	display:inline-block;
	margin:0px 15px 0px 15px;
}
div#content-top ul.nav li a, 
div#content-top ul.nav li a:visited {
	padding:4px 20px 4px 20px;
	background-color:#942968;
    color:#ffffff;
    border-color:#942968;
    border-width:1px;
    border-style:solid;
    border-radius:5px;
    font-size:14px;
    font-family:'Roboto Condensed Bold',"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:normal;
    text-transform:uppercase;
}
div#content-top ul.nav li a:active,
div#content-top ul.nav li a:hover {
    background-color:#7a2255;
    text-decoration:none;
}




/* Content-Bottom */
div#content-bottom {
	text-align:center;
	display:inline-block;
	width:100%;
	padding:30px;
	background-color:#efefef;
}
div#content-bottom h3 {
	margin:0px;
	text-align:left;
	border:none;
}
div#content-bottom div.well {
	background-color:transparent;
	border:none;
	margin:0px;
	padding:0px;
	border-radius:none;
	box-shadow:none;
}


/* Content-Bottom NAVIGATION */
div#content-bottom ul.nav {
	margin:20px 0px 0px 0px;
}
div#content-bottom ul.nav li {
	display:inline-block;
	margin:0px 15px 0px 15px;
}
div#content-bottom ul.nav li a, 
div#content-bottom ul.nav li a:visited {
	padding:4px 20px 4px 20px;
	background-color:#942968;
    color:#ffffff;
    border-color:#942968;
    border-width:1px;
    border-style:solid;
    border-radius:5px;
    font-size:14px;
    font-family:'Roboto Condensed Bold',"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:normal;
    text-transform:uppercase;
}
div#content-bottom ul.nav li a:active,
div#content-bottom ul.nav li a:hover {
    background-color:#7a2255;
    text-decoration:none;
}





/* Bottom - Google Ads */
div#bottom {
	text-align:center;
	display:inline-block;
	width:100%;
	padding:30px;
	background-color:#efefef;
	min-height:300px !important;
	height:300px !important;
}
div#bottom div.widget ins.adsbygoogle {
	margin:40px 30px 40px 30px;
}
div#bottom h3.page-header {
	margin:0px;
	text-align:left;
	border:none;
}
div#bottom div.well {
	background-color:transparent;
	border:none;
	margin:0px;
	padding:0px;
	border-radius:none;
	box-shadow:none;
}



/* Contact Page Footer */
body.contact div#bottom-contact {
    padding:60px 0px 60px 0px;
	color:rgba(0,0,0,0.25);
}

body.contact div#bottom-contact div.widget h3.widget-title {
    color:rgba(0,0,0,0.8);
	display:inline-block;
    padding:0px 0px 0px 0px;
    margin:0px 0px 40px 0px;
    font-size:48px;
    line-height:1em;
    font-weight:600;
    font-family:'Roboto Condensed Bold',"Helvetica Neue",Helvetica,Arial,sans-serif;	
}
body.contact div#bottom-contact div.inner-social div.social-column {
	display:inline-block;
    padding:0px 30px 0px 30px;
	
}
body.contact div#bottom-contact div.inner-social div.social-column h4 {
	margin:0px 0px 20px 0px;
	font-size:18px;
    font-weight:600;
    font-family:'Roboto Condensed Light',"Helvetica Neue",Helvetica,Arial,sans-serif;
}
body.contact div#bottom-contact div.inner-social div.social-column a {
	display:block;
	border:none;
}
body.contact div#bottom-contact div.inner-social div.social-column a,
body.contact div#bottom-contact div.inner-social div.social-column a:visited {
    color:rgba(0,0,0,0.25);
}
body.contact div#bottom-contact div.inner-social div.social-column a:hover, 
body.contact div#bottom-contact div.inner-social div.social-column a:active {
    color:rgba(0,0,0,.6);
}

body.contact div#bottom-contact div.inner-social div.social-column a i {
	font-size:32px;

}


/*
Or connect with us on…

<div class="inner-social">
	<div class="container">
		<div class="row">

			<div class="social-column text-center">
				<a data-wpel-link="ignore" class="tips" title="" data-original-title="Visit us on Twitter..." data-toggle="tooltip" data-placement="top" href="https://twitter.com/liquidpurple" target="_blank" rel="nofollow noopener noreferrer">
					<h4>Twitter</h4>
					<i class="fab fa-twitter iconRounded"></i>
				</a>
			</div>

			<div class="social-column text-center">
				<a data-wpel-link="ignore" class="tips" title="" data-original-title="Visit us on Linkedin..." data-toggle="tooltip" data-placement="top" href="https://www.linkedin.com/company/liquidpurple/" target="_blank" rel="nofollow noopener noreferrer">
					<h4>Linkedin</h4>
					<i class="fab fa-linkedin-in iconRounded"></i>
				</a>
			</div>

			<div class="social-column text-center">
				<a data-wpel-link="ignore" class="tips" title="" data-original-title="Visit us on Facebook..." data-toggle="tooltip" data-placement="top" href="https://www.facebook.com/liquidpurple/" target="_blank" rel="nofollow noopener noreferrer">
					<h4>Facebook</h4>
					<i class="fab fa-facebook iconRounded" aria-hidden="true"></i>
				</a>
			</div>

			<div class="social-column text-center">
				<a data-wpel-link="ignore" class="tips" title="" data-original-title="Visit us on YouTube..." data-toggle="tooltip" data-placement="top" href="https://www.youtube.com/channel/liquidpurple" target="_blank" rel="nofollow noopener noreferrer">
					<h4>YouTube</h4>
					<i class="fab fa-youtube iconRounded" aria-hidden="true"></i>
				</a>
			</div>

			<div class="social-column text-center">
				<a data-wpel-link="ignore" class="tips" title="" data-original-title="Visit us on Instagram..." data-toggle="tooltip" data-placement="top" href="https://www.instagram.com/liquidpurple/" target="_blank" rel="nofollow noopener noreferrer">
					<h4>Instagram</h4>
					<i class="fab fa-instagram iconRounded"></i>
				</a>
			</div>

			<!--
			<div class="social-column text-center">
				<a data-wpel-link="ignore" class="tips" title="" data-original-title="Visit us on Tumblr..." data-toggle="tooltip" data-placement="top" href="https://liquidpurple.tumblr.com/" target="_blank" rel="nofollow noopener noreferrer">
					<h4>Tumblr</h4>
					<i class="fab fa-tumblr iconRounded"></i>
				</a>
			</div>			
			<div class="social-column text-center">
				<a data-wpel-link="ignore" class="tips" title="" data-original-title="Visit us on Pinterest..." data-toggle="tooltip" data-placement="top" href="https://www.pinterest.com/liquidpurple/" target="_blank" rel="nofollow noopener noreferrer">
					<h4>Pinterest</h4>
					<i class="fab fa-pinterest-p iconRounded"></i>
				</a>
			</div>
			<div class="social-column text-center">
				<a data-wpel-link="ignore" class="tips" title="" data-original-title="Visit us on VKontakte..." data-toggle="tooltip" data-placement="top" href="https://vk.com/liquidpurple" target="_blank" rel="nofollow noopener noreferrer">
					<h4>VK</h4>
					<i class="fab fa-vk iconRounded"></i>
				</a>
			</div>
			-->

		</div>
	</div>
</div>

*/



/* Invoices */
body.com_invoices main#content div.page-header {
	margin:0px;
	padding:0px;
}
body.com_invoices main#content div.page-header h1,
body.com_invoices main#content h2,
body.com_invoices main#content h1 {
	text-align:center;
	text-transform:capitalize;
	margin:0px 0px 20px 0px;
}
body.com_invoices main#content div.page-header a.pull-right {
	float:none !important;
}
body.com_invoices main#content {
	padding:30px 50px 30px 50px;
}
body.com_invoices div.table_scrolls {
	padding:20px;
	margin:0px auto 50px auto;
	max-width:100%;
	border:1px solid #942968;
	border-radius:9px;
}

body.com_invoices main#content div.table_scrolls {
	overflow: auto;
}


/* Expense Manager */
body.com_finances div#em-app {
	padding:30px 50px 30px 50px;
}

body.com_calendarplanner main#content {
	padding:30px 50px 30px 50px;
}


/* Calendar */
body.com_calendarplanner div.calhead {
	/*
	padding:20px 50px 20px 50px;
	*/
}
body.com_calendarplanner div.calcontainer {
	/*
	padding:30px 50px 30px 50px;
	*/
	width:100%;
	float:left;
}
body.com_calendarplanner div.calcontainer.embedded {
    height:auto;
}
body.com_calendarplanner div.calcontainer div#month {
	width:100%;
	float:left;
	position:relative;
	top:0px;
	bottom:0px;
	right:0;
	left:0;
}
body.com_calendarplanner div.calcontainer div.entry_header {
	padding:0px;
	height:auto;
}
body.com_calendarplanner div.calcontainer div.weeksheader div.entry_header div.inner_entry_header_wrapper {
	padding:5px 0px 5px 0px;
	margin:0px 10px 0px 10px;
	text-align:center;
}
body.com_calendarplanner div.calcontainer div.calfoot {
	position:relative;
	padding:0px;
}
body.com_calendarplanner div.calcontainer div.calfoot div {
	width:100%;
	margin:10px 0px 0px 0px;
	float:left;
	height:auto;
}
body.com_calendarplanner div.calcontainer div.calfoot div a {
	display:inline-block !important;
}
body.com_calendarplanner div.calhead div.week-changer {
	text-align:center;
}
body.com_calendarplanner div.calcontainer div#month div.day {
	min-height:100px;
	border-bottom: 1px solid #dddddd;
}
body.com_calendarplanner div.calcontainer div#month div.day div.entry_header {
	background: #f9f9f9;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}
body.com_calendarplanner div.calcontainer div#month div.day div.entry_header div.inner_entry_header_wrapper {
	padding:5px 0px 5px 0px;
	margin:0px 10px 0px 10px;
	text-align:center;
}
body.com_calendarplanner div.calcontainer div#month div.day div.events-wrapper {
	padding:0px;
	display:block;
}
body.com_calendarplanner div.calcontainer div#month div.day.today {
    background-color: #c7fcc8;
}
body.com_calendarplanner div.calcontainer div#month div.day.today div.events-wrapper {

}
body.com_calendarplanner div.hide {
    display: inline-block !important;
}
body.com_calendarplanner div.modal {
    width: 600px !important;
    margin-left: -300px !important;
	bottom:auto;
	top:20px !important;
}
body.com_calendarplanner form#adminForm {
	width:100%;
}
body.com_calendarplanner div.field-calendar {
	display:inline-block;
}
body.contentpane.modal {
	padding:30px !important;
}
/* Day */
body.com_calendarplanner div.dayview div.week-wrapper {
	position:relative;
	min-height:800px;
	float:left;
	width:100%;
	top:auto;
	bottom:auto;
	left:auto;
	right:auto;
}
body.com_calendarplanner div.day div.inner_entry_header_wrapper span.day-subtitle {
	display:inline-block;
}
body.com_calendarplanner div.dayview div.weekhead-wrapper {
	border-top: 1px solid #dddddd;
}
/* Week */
body.com_calendarplanner div.week-wrapper {
	position:relative;
	min-height:800px;
	float:left;
	width:100%;
	top:auto;
	bottom:auto;
	left:auto;
	right:auto;
}

body.com_calendarplanner div.week-wrapper div.weekhours-wrapper {

}




/* PAGINATION */
main#content div.pagination {
	text-align:center;
	width:100%;
	margin:0px;
}
main#content div.pagination div.pagination nav {
	text-align:center;
	margin:0px auto 0px auto;
}
main#content div.pagination div.pagination nav ul.pagination-list {
	list-style: none;
	padding:0px;
	margin:0px auto 50px auto;
	text-align:center;
	font-size:22px;
}
main#content div.pagination div.pagination nav ul.pagination-list li {
	display:inline-block;
}
main#content div.pagination div.pagination nav ul.pagination-list li a {
	display:block;
	padding:0px 10px 0px 10px;
}

main#content div.pagination div.pagination nav ul.pagination-list li a span {
	display:block;
}

/* Icons */
div.pagination nav ul.pagination-list li a.pagenav span.icon-previous:before,
div.pagination nav ul.pagination-list li a.pagenav span.icon-first:before,
div.pagination nav ul.pagination-list li a.pagenav span.icon-last:before,
div.pagination nav ul.pagination-list li a.pagenav span.icon-next:before {
    font-family:FontAwesome;
	font-size:18px;
    padding:0px 8px 0px 0px;
}
div.pagination nav ul.pagination-list li a.pagenav span.icon-next:before {
    content:"\f04e";

}
div.pagination nav ul.pagination-list li a.pagenav span.icon-last:before {
    content:"\f050";
}
div.pagination nav ul.pagination-list li a.pagenav span.icon-previous:before {
    content:"\f04a";
}
div.pagination nav ul.pagination-list li a.pagenav span.icon-first:before {
    content:"\f049";
}

div.pagination nav ul.pagination-list li.active a {
    color:#7a2255;
}
div.pagination nav ul.pagination-list li a, 
div.pagination nav ul.pagination-list li a:visited {
	color:#aaaaaa;
}
div.pagination nav ul.pagination-list li a:active,
div.pagination nav ul.pagination-list li a:hover {
    color:#7a2255;
    text-decoration:none;
}


main#content form.form-validate fieldset span.optional {
	display:none;
}

/* PAPERSHAPE */

body.com_papershape main#content {
	padding:30px 50px 30px 50px;
	width:100%;
	float:left;	
}

div#papershape {

}
div#papershape h1 {
	text-transform:capitalize;
	text-align:center;
	margin:0px 0px 20px 0px;
}

/* INVOICES */
body.com_invoices .paymentline a.btn.btn-small.btn-block {
	background-color:#22cc22;
	color:#ffffff;
}
body.com_invoices .label-important {
    background-color: #cc2222;
}


/* RS-TICKET */

body.com_rsticketspro div.com-rsticketspro-submit-ticket {
	/*
	padding:30px 50px 30px 50px;
	*/
}
body.com_rsticketspro div.com-rsticketspro-submit-ticket form#adminForm {
	padding:20px;
	margin:0px auto 0px auto;
	max-width:640px;
	border:1px solid #942968;
	border-radius:9px;
}
body.com_rsticketspro main#content form#adminForm {
	padding:20px;
	margin:0px auto 0px auto;
	border:1px solid #942968;
	border-radius:9px;
}
body.com_rsticketspro div.com-rsticketspro-submit-ticket form#adminForm div.control-group.email,
body.com_rsticketspro div.com-rsticketspro-submit-ticket form#adminForm div.control-group.name {
	display:none;
}
body.com_rsticketspro div#com-rsticketspro-ticketContent span.star,
body.com_rsticketspro div.com-rsticketspro-submit-ticket form#adminForm span.star {
	display:none;
}
body.com_rsticketspro div.com-rsticketspro-submit-ticket form#adminForm select, 
body.com_rsticketspro div.com-rsticketspro-submit-ticket form#adminForm textarea, 
body.com_rsticketspro div.com-rsticketspro-submit-ticket form#adminForm input[type="text"], 
body.com_rsticketspro div.com-rsticketspro-submit-ticket form#adminForm input[type="password"], 
body.com_rsticketspro div.com-rsticketspro-submit-ticket form#adminForm input[type="datetime"], 
body.com_rsticketspro div.com-rsticketspro-submit-ticket form#adminForm input[type="datetime-local"], 
body.com_rsticketspro div.com-rsticketspro-submit-ticket form#adminForm input[type="date"], 
body.com_rsticketspro div.com-rsticketspro-submit-ticket form#adminForm input[type="month"], 
body.com_rsticketspro div.com-rsticketspro-submit-ticket form#adminForm input[type="time"], 
body.com_rsticketspro div.com-rsticketspro-submit-ticket form#adminForm input[type="week"], 
body.com_rsticketspro div.com-rsticketspro-submit-ticket form#adminForm input[type="number"], 
body.com_rsticketspro div.com-rsticketspro-submit-ticket form#adminForm input[type="email"], 
body.com_rsticketspro div.com-rsticketspro-submit-ticket form#adminForm input[type="url"], 
body.com_rsticketspro div.com-rsticketspro-submit-ticket form#adminForm input[type="search"], 
body.com_rsticketspro div.com-rsticketspro-submit-ticket form#adminForm input[type="tel"], 
body.com_rsticketspro div.com-rsticketspro-submit-ticket form#adminForm input[type="color"], 
body.com_rsticketspro div.com-rsticketspro-submit-ticket form#adminForm .uneditable-input {
    height:auto;
}
body.com_rsticketspro div.com-rsticketspro-submit-ticket form#adminForm div.rst_editor textarea#jform_message {
	height:275px !important;
	width:100% !important;
}
body.com_rsticketspro div.com-rsticketspro-submit-ticket form#adminForm div#rst_files_message_container {
	padding:10px;
	border:1px solid #ffeeba;
	color: #856404;
	background-color: #fff3cd;
	border-radius:5px;
	font-size:11px;
}
body.com_rsticketspro div.com-rsticketspro-submit-ticket form#adminForm div.control-group.form-actions {
	padding:20px;
	text-align:center;
	margin-bottom:0px;
}

body.com_rsticketspro table.adminlist th#rst_head_customer,
body.com_rsticketspro table.adminlist td.rst_cell_customer,
body.com_rsticketspro table.adminlist th#rst_head_sort,
body.com_rsticketspro table.adminlist td.rst_cell_assigned {
	display:none;
}

body.com_rsticketspro main#content {
	padding: 30px 50px 30px 50px;
}

body.com_rsticketspro h1 {
	text-transform: capitalize;
	text-align: center;
	margin: 0px 0px 20px 0px;
	font-weight:500;
}

body.com_rsticketspro table.adminlist {
	/*
	table-layout: fixed;
	*/
}
body.com_rsticketspro table.adminlist tbody tr td div {
	/*
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	*/
}
/*
body.com_rsticketspro th#rst_head_item_no,
body.com_rsticketspro td.rst_cell_item_no,
body.com_rsticketspro th#rst_head_item_no div,
body.com_rsticketspro td.rst_cell_item_no div {
	width:30px;
	text-align:center;
}
*/
body.com_rsticketspro div.rst_editor div.js-editor-tinymce div.mce-tinymce div.mce-container-body div.mce-edit-area iframe#jform_message_ifr {
	width:100% !important;
	height:300px !important;	
}


div.alert.alert-error {
	color:#721c24;
	background-color:#f8d7da;
	border-color:#f5c6cb;
}
body.com_rsticketspro div#rst_files_container button.btn {
	margin-top:25px;
}

body div.modal {
    position: fixed;
    top: 10%;
    left: 0;
    z-index: 1050;
    width: auto;
    margin-left: 0;
    background-color: unset;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    outline: none;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: unset;
}




/*
Media Queries
---------------------------------------------------------------------------------------------------- */


@media only screen and (max-width: 570px) {
	nav#navigation.nav-primary div.menu-button {
		display:none;
	}
	nav#navigation.nav-primary span.no_translate {
		display:none;
	}
}



@media only screen and (max-width: 640px) {
	div.report-head div.report-details h1 {
		font-size: 36px !important;
	}
	nav#navigation.nav-primary div#primary-navbar ul.navbar-nav li.menu-item a.nav-link {
		margin:0px 5px;
	}
}

@media only screen and (max-width: 680px) {
	section#ctaBox div#cta {
		display:none;
	}
}

@media only screen and (max-width: 730px) {
	nav#navigation.nav-primary div.header-search {
		display:none;
	}
	nav#navigation.nav-primary div.header-search form.search-form input.search-field {
		display:none;
	}
}

@media only screen and (max-width: 780px) and (min-width: 641px) {
	/*
	nav#navigation.nav-primary div#primary-navbar ul.navbar-nav li.menu-item a.nav-link {
		margin:0px 10px;
	}
	*/
}
@media only screen and (max-width: 860px) {
	span.longtext {
		display:none;
	}
	section#ctaBox div.inner div.title {
		margin-right:110px;
	}
	section#ctaBox div.inner .btn-wrap {
		width: 110px;
	}
}

@media only screen and (max-width: 1060px) and (min-width: 801px)  {
	nav#navigation.nav-primary div#primary-navbar ul.navbar-nav li.menu-item a.nav-link {
		margin:0px 20px;
	}	
}

@media only screen and (max-width: 1060px) {

	nav#navigation.nav-primary div#primary-navbar ul.navbar-nav li.menu-item a.nav-link {
		font-size:28px;
		padding:10px 0px;
	}
	nav#navigation.nav-primary div#primary-navbar ul.navbar-nav li.menu-item a.nav-link span.menutitle {
		display:none;
	}	
	nav#navigation.nav-primary div#primary-navbar ul.navbar-nav li.menu-item a.nav-link span.subhead {
		display:none;
	}

}


@media only screen and (max-width: 795px) {
	nav#navigation.nav-primary div.header-search form.search-form input.search-field {
		width:80px;
	}
}