/*
========================================
JA Purity IV Custom Styles
Template: ja_purity_iv v1.3.0
Framework: T4 with Bootstrap 5
Icons: Font Awesome 6 (loaded by template)
========================================

Color Palette:
#7a2255 (burgundy)
#611b44 (dk burgundy)
#942968 (lt burgundy)
#3e9dd3 (bright blue)
#78bf57 (bright green)
*/

/* Position Owl Carousel navigation buttons on left/right, vertically centered */
body .acm-hero .owl-carousel {
  position: relative;
}
body .acm-hero .owl-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  left: 0;
  margin: 0 !important;
  pointer-events: none;
  z-index: 10;
}
body div.acm-hero div.owl-nav > button.owl-prev,
body div.acm-hero div.owl-nav > button.owl-next {
  position: absolute;
  z-index: 10;
  pointer-events: auto;
  width: 32px !important;
  height: 32px !important;
  line-height: 30px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: rgba(0, 0, 0, 0.3) !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  font-size: 36px !important;
  font-weight: bold !important;
  color: rgba(255, 255, 255, 0.6) !important;
  overflow: hidden;
  text-align: center !important;
}
body div.acm-hero div.owl-nav > button.owl-prev span,
body div.acm-hero div.owl-nav > button.owl-next span {
  display: block;
  width: 32px !important;
  height: 32px !important;
  line-height: 23px !important;
  text-align: center !important;
}
body div.acm-hero div.owl-nav > button.owl-prev span {
  margin-left: -2px !important;
}
body div.acm-hero div.owl-nav > button.owl-prev:hover,
body div.acm-hero div.owl-nav > button.owl-prev:focus,
body div.acm-hero div.owl-nav > button.owl-next:hover,
body div.acm-hero div.owl-nav > button.owl-next:focus {
  background: rgba(0, 0, 0, 0.6) !important;
  border-color: rgba(255, 255, 255, 0.5) !important;
  color: rgba(255, 255, 255, 0.9) !important;
}
body div.acm-hero div.owl-nav > button.owl-prev {
  left: 2px;
}
body div.acm-hero div.owl-nav > button.owl-next {
  right: 2px;
}


/* ========================================
   CUSTOM FONTS
   ======================================== */
@font-face {
    font-family: 'Roboto Regular';
    font-weight:normal;
    font-style:normal;
    src: local('Roboto Regular'), url('/media/font-roboto/Roboto-Regular.woff') format('woff'), 
         local('Roboto Regular'), url('/media/font-roboto/Roboto-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto Light';
    font-weight:normal;
    font-style:normal;
    src: local('Roboto Light'), url('/media/font-roboto/Roboto-Light.woff') format('woff'), 
         local('Roboto Light'), url('/media/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('/media/font-roboto/RobotoCondensed-Regular.woff') format('woff'),
         local('Roboto Condensed Regular'), url('/media/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('/media/font-roboto/RobotoCondensed-Light.woff') format('woff'), 
         local('Roboto Condensed Light'), url('/media/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('/media/font-roboto/RobotoCondensed-Bold.woff') format('woff'), 
         local('Roboto Condensed Bold'), url('/media/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('/media/font-roboto/Roboto-ThinItalic.woff') format('woff'),
         local('Roboto Thin Italic'), url('/media/font-roboto/Roboto-ThinItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto Thin';
    font-weight:normal;
    font-style:normal;
    src: local('Roboto Thin'), url('/media/font-roboto/Roboto-Thin.woff') format('woff'),
         local('Roboto Thin'), url('/media/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('/media/font-roboto/Roboto-MediumItalic.woff') format('woff'),
         local('Roboto Medium Italic'), url('/media/font-roboto/Roboto-MediumItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto Medium';
    font-weight:normal;
    font-style:normal;
    src: local('Roboto Medium'), url('/media/font-roboto/Roboto-Medium.woff') format('woff'),
         local('Roboto Medium'), url('/media/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('/media/font-roboto/Roboto-LightItalic.woff') format('woff'),
         local('Roboto Light Italic'), url('/media/font-roboto/Roboto-LightItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto Italic';
    font-weight:normal;
    font-style:normal;
    src: local('Roboto Italic'), url('/media/font-roboto/Roboto-Italic.woff') format('woff'),
         local('Roboto Italic'), url('/media/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('/media/font-roboto/Roboto-BoldItalic.woff') format('woff'),
         local('Roboto Bold Italic'), url('/media/font-roboto/Roboto-BoldItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto Bold';
    font-weight:normal;
    font-style:normal;
    src: local('Roboto Bold'), url('/media/font-roboto/Roboto-Bold.woff') format('woff'),
         local('Roboto Bold'), url('/media/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('/media/font-roboto/Roboto-BlackItalic.woff') format('woff'),
         local('Roboto Black Italic'), url('/media/font-roboto/Roboto-BlackItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto Black';
    font-weight:normal;
    font-style:normal;
    src: local('Roboto Black'), url('/media/font-roboto/Roboto-Black.woff') format('woff'),
         local('Roboto Black'), url('/media/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('/media/font-roboto/RobotoCondensed-LightItalic.woff') format('woff'),
         local('Roboto Condensed LightItalic'), url('/media/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('/media/font-roboto/RobotoCondensed-Italic.woff') format('woff'),
         local('Roboto Condensed Italic'), url('/media/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('/media/font-roboto/RobotoCondensed-BoldItalic.woff') format('woff'),
         local('Roboto Condensed BoldItalic'), url('/media/font-roboto/RobotoCondensed-BoldItalic.ttf') format('truetype');
}
*/


/* ========================================
   BASE STYLES & DEFAULTS
   ======================================== */

/* Body & Typography */
body {
	font-family: "Roboto Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;	
}

/* Headings */
body h4 {
	font-size: 20px;
	color: #942968;
	font-weight: 700;
	margin: 0px 0px 20px 0px;
}


/* Topbar */
body .t4-topbar {
	background-color: #212529 !important;
	padding: 5px 0px 5px 0px;
}



/* Header */
body header {
	background-color: #942968;
	border-bottom: 1px solid #611b44;
	text-shadow: 0 3px 4px rgba(0, 0, 0, 0.6);
	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.6);
}

/* Header */
.t4-header header.header-block {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	position: relative;
	z-index: 100;
}

header div.t4-navbar nav.navbar ul.nav li.nav-item a.nav-link span.menu-item-title {
	color: #ffffff;
}
body .t4-header div.header-wrap {
	height: 55px;
	min-height: 55px;
}


body div#t4-masthead div.analysis-form {
	margin: 20px 0px 0px 0px;
	padding: 0px;
	border: none;
}













/* Notification Module (topbar-r) */
body .t4-topbar div.ed-mod-card {
	background-color: transparent;
}
body .t4-topbar div.ed-mod-card__body {
	padding:0px !important;
	background-color: transparent;
}
body .t4-topbar div.ed-mod-card__body div.ed-toolbar__item--action {
	background-color: transparent;
}
body .t4-topbar div.ed-mod-card__body div.ed-toolbar__item--action div.o-nav {
	background-color: transparent;
}
body .t4-topbar div.ed-mod-card__body div.ed-toolbar__item--action div.o-nav div.o-nav__item {
	background-color: transparent;
}
body .t4-topbar div.container div.topbar-wrap div.moduletable {
	padding: 0px;
	margin: 0px;
	border: none;
}


body .t4-topbar div.topbar-l div.moduletable div#ed.ed-mod div.ed-mod-card div.ed-mod-card__body div.mod-ed-menu-bar div.mod-ed-menu-bar__nav div.o-nav__item a.mod-ed-menu-bar__icon-link,
body .t4-topbar div.topbar-l div#ed.ed-mod.ed-mod--notification div.ed-mod-card div.ed-mod-card__body div.ed-toolbar__item--action div.o-nav div.o-nav__item a.o-nav__link.ed-toolbar__link {
	background-color: #000000;
	border: #000000;
	color: rgba(255,255,255, .8);
}


body .t4-topbar div.topbar-l div#ed.ed-mod.ed-mod--notification div.ed-mod-card div.ed-mod-card__body div.ed-toolbar__item--action div.o-nav div.o-nav__item a.o-nav__link.ed-toolbar__link i.fa {


}

body .t4-topbar div.topbar-l div.ja-dark-mode div.dark-mode-status {
	background-color: #495057;
}
body .t4-topbar div.topbar-l div.ja-dark-mode div.dark-mode-status span {
	background-color: #adb5bd;
}
body .t4-topbar div.topbar-l div.ja-dark-mode div.mode-light svg.svg-light {
	fill: rgba(255,255,255, .8);
}










/* END NEW STYLESHEET */





















/* OLD STYLESHEET */



/* Breadcrumbs */
body div#t4-breadcrumbs {
	color: #cccccc;
	background-color: #333333;
	background-image: url('/images/bg-noise.png');
	background-repeat: repeat;
	padding: 10px 20px 10px 20px;
	margin: 0px;
	border-radius: 0px;
	box-shadow: 0 1px 0 rgba(255,255,255, 0.1) inset;
	border-top: 1px solid rgba(0,0,0, 0.2);
}
body div#t4-breadcrumbs nav ol.breadcrumb {
	padding: 0px;
}
body div#t4-breadcrumbs nav ol.breadcrumb li.breadcrumb-item {
}
body div#t4-breadcrumbs nav ol.breadcrumb li.breadcrumb-item a,
body div#t4-breadcrumbs nav ol.breadcrumb li.breadcrumb-item.active a {
	color: #ffffff;
}
body div#t4-breadcrumbs nav ol.breadcrumb li.breadcrumb-item a:hover {
	color: #942968;
}



/* Back to Top */
body a#back-to-top {
    font-size: 18px;
    line-height: 18px;
    height: 40px;
    width: 40px;
    padding: 0px;
    border: 2px solid #ffffff;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.6);
}
body a#back-to-top:hover {
    background-color: #942968;
}
body a#back-to-top i {
    line-height: 38px;
}



/* Nav Helper */
#t4-footnav {
	line-height: 22px;
    font-size: 14px;
    padding: 50px 10px 50px 10px;
    margin: 0px;
    background-color: #3a3a3a;
    color: #8f8f8f;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    background-image: url(/images/bg-noise.png);
    background-repeat: repeat;
	box-shadow: 0 1px 0 rgba(255,255,255, 0.1) inset;
	border-top: 1px solid rgba(0,0,0, 0.2);
}
#t4-footnav .container-fluid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
}
#t4-footnav .col-md-4,
#t4-footnav .col-sm-12 {
	flex: 1 1 auto;
	max-width: 33.333%;
	display: inline-block;
}
@media (max-width: 767px) {
	#t4-footnav .col-md-4,
	#t4-footnav .col-sm-12 {
		max-width: 100%;
		flex: 1 1 100%;
	}
}
#t4-footnav .moduletable {
  border: none;
  padding: 0px;
  margin: 0px;
}
body div#t4-footnav span.rt-icon span.fa {
	color: #ffffff;
}
body div#t4-footnav span.rt-icon {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 100%;
    display: inline-block;
    font-size: 3em;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
}
body div#t4-footnav h2.title {
    color: #ffffff;
    font-size: 28px;
}
body div#t4-footnav div.textbox {
    display: inline-block;
}
body div#t4-footnav div.textbox ul {
    text-align: left;
}
body div#t4-footnav div.textbox p a {
	font-size: 14px;
	color: #8f8f8f;
}
body div#t4-footnav div.textbox p a:hover {
	color: #ffffff;
}
body div#t4-footnav div.textbox p a strong {
	font-weight: 600;
}


/* Bottom Info */
body div#t4-bottom-info {
    line-height: 22px;
    font-size: 14px;
    padding: 50px 10px 50px 10px;
    margin: 0px;
    background-color: #611b44;
    color: #aaaaaa;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    background-image: url(/images/bg-noise.png);
    background-repeat: repeat;
}
body div#t4-bottom-info h3.module-title {
	font-weight: var(--heading-font-weight);
	font-size: 24px;
	margin: 0 0 1rem 0;
	padding: 0;
	text-transform: none;
	color: #aaaaaa;
}
body div#t4-bottom-info div.moduletable {
	border: none;
	margin: 0px;
	padding: 0px;

}
body div#t4-bottom-info div.moduletable h3 {
    font-size: 24px;
	text-align: center;
    margin-bottom: 10px;
	color: #aaaaaa;
	text-transform: none;
}
body div#t4-bottom-info div#ed div.o-card div.l-stack {
	padding: 0px;
}
body div#t4-bottom-info div#ed div.ed-mod-card div.ed-mod-card__body div.o-card.t-bg--100 {
	padding: 30px 40px 30px 40px;
    border-radius: 15px;
    background-color: rgba(0, 0, 0, 0.3) !important;
	border-color: transparent;
}
body div#t4-bottom-info div#ed.ed-mod form#form-login label.o-form-label {
	text-transform: capitalize;
	color: #aaaaaa;
	padding: 0px;
	float: left;
}
body div#t4-bottom-info div#ed.ed-mod form#form-login div {
	text-align: center;
}
body div#t4-bottom-info div#ed.ed-mod form#form-login input.o-btn {
	margin: 0px auto 0px auto;
	background-color: #942968;
	border: 1px solid #942968;
}
body div#t4-bottom-info div#ed.ed-mod form#form-login input.o-btn:hover {
	background-color: #611b44;
}






/* Masthead */
body div#t4-masthead {
    background-color: #942968;
    background-image: url(/images/bg-extension.png);
    background-repeat: repeat;
    background-attachment: fixed;
    height: 300px;
    min-height: 300px;
    max-height: 300px;
    overflow: hidden;
}

/* Remove gradient from ACM Hero slideshow */
.acm-hero.style-1 .acm-hero-item::after {
    display: none !important;
}

/* Override hero content min-height */
.acm-hero.style-1 .has-bg .hero-content {
    min-height: auto !important;
}

/* Constrain ACM hero item to container height */
#t4-masthead .acm-hero-item {
    max-height: 100%;
    background-size: auto !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* Apply gradient overlay to masthead container */
#t4-masthead .t4-col.text-center {
    position: relative;
    padding: 20px;
	height: 100%;
}

/* Limit ACM module height in masthead */
#t4-masthead .t4-module {
    height: 175px;
    overflow: hidden;
}

/* Make all child containers respect parent height */
#t4-masthead .t4-module .module-inner,
#t4-masthead .t4-module .module-ct,
#t4-masthead .acm-hero,
#t4-masthead .acm-hero .owl-theme,
#t4-masthead .acm-hero-item {
    max-height: 100%;
    height: 100%;
}

/* Hero content inner full width */
#t4-masthead .hero-content-inner {
    width: 100%;
}

#t4-masthead .t4-col.text-center::after {
    background: linear-gradient(to left, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50%;
    pointer-events: none; /* Allow clicks through the overlay */
}






body div#t4-masthead div.analysis-form div.form-analyze input#page_search.form-text {
    display: inline-block;
    width: 280px;
    height: 57px;
    margin: 0px;
    padding: 16px 0px 16px 20px;
    background: #fff;
    color: #444;
    border-color: #621b44;
    border-width: 1px;
    border-style: solid none solid solid;
    border-radius: 7px 0px 0px 7px;
    font-size: 18px;
    font-family: 'Roboto Light', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;

}

body div#t4-masthead div.analysis-form div.form-analyze button#search {
    height: 57px;
    padding: 0px 20px 0px 20px;
    background-color: #942968;
    color: #ffffff;
    border-color: #621b44;
    border-width: 1px;
    border-style: solid solid solid none;
    border-radius: 0px 7px 7px 0px;
    font-size: 14px;
    font-family: 'Roboto Condensed Bold', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
}
body div#t4-masthead div.analysis-form div.form-analyze button#search i.fa {

}













/* Defaults */
body {
	font-family: "Roboto Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;	
}
body h4 {
	font-size: 20px;
	color: #942968;
	font-weight: 700;
	margin: 0px 0px 20px 0px;
}

body li {
	line-height: 1.85;
}



/* Category Descriptions */
body div.category-desc {
	text-align: left;
	margin: 20px 0px 20px 0px;
}


/* Paragraphs */
body p {
	text-align: left;
	margin: 0px 0px 20px 0px;
}



/* Invoices */
.t4-content div#invoice {
	text-align: left;
	padding: 20px;
	border: 1px solid #aaaaaa;
	box-shadow: 5px 5px 10px #aaaaaa;
}
.t4-content div#invoice h2.invoice_header {
	text-align: center;
}
.t4-content div#invoice span.badge.bg-warning.text-white {
	background-color: #ffc720;
	font-size: 16px;
	border-radius: 5px;
	padding: 5px;
}
.t4-content div#invoice a.btn.btn-info.btn-lg {
	border-radius: 7px;
}



/* Main Colors Override */
body a {
    color: #942968;
}
body a:hover,
body a:focus {
    color: #611b44;
	text-decoration: none;
}
body .navbar-default {
    background-color: #942968;
    border-color: #611b44;
}
body .head-search .search {
    border-left: 1px solid #611b44;
    border-right: 1px solid #611b44;
}
body .logo a {
    background: #611b44;
}
body .logo a:focus,
body .logo a:hover {
    background: #611b44;
}
body .head-search .search {
    background: #611b44;
}
body .navbar-default .navbar-nav > li > a,
body .navbar-default .navbar-nav > li > span {
    color: #dddddd;
}
body .off-canvas-toggle + .container .navbar-header .logo {
  border-left: 1px solid rgba(0,0,0, .3);
}
body .navbar-default .navbar-toggle .fa-bars {
    background-color: transparent;
    color: #dddddd;
}
body .navbar-default .navbar-toggle:hover,
body .navbar-default .navbar-toggle:focus {
    background: rgba(0,0,0, .3);
}
body .off-canvas-toggle {
    color: #dddddd;
	background-color: transparent;
	border-color: transparent;
}
body .off-canvas-toggle:hover,
body .off-canvas-toggle:active,
body .off-canvas-toggle:focus {
    /*
	background: #611b44 !important;
	*/
	background: transparent !important;
	color: #ffffff !important;
	border-color: transparent !important;
	border-radius: 0px;
}
body .navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #dddddd;
    border-bottom-color: #dddddd;
}
body .nav .caret {
    border-top-color: #dddddd;
    border-bottom-color: #dddddd;
}
body .head-search .search .fa-search {
    color: #dddddd;
}
body .row-feature.row-feature-primary {
    background: #942968;
    color: #dddddd;
}
body .row-feature.row-feature-primary .feature-ct,
body .row-feature.row-feature-primary p {
    color: #dddddd;
}

body .btn-primary {
    background-color: #942968;
    border-color: #dddddd;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
body .btn-primary:hover,
body .btn-primary:active,
body .btn-primary:focus {
    color: #ffffff;
    background-color: #611b44;
    border-color: #dddddd;
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08);
}


/* Main Navbar */
body header.navbar {
	padding: 0px;
	margin: 0px 0px 0px 0px;
}
body header.navbar div.container-fluid {
	padding: 0px;
	margin: 0px 0px 0px 55px;
}
body header.navbar div.container-fluid div.navbar-header div.head-search {
	right: 0;
}
body header.navbar div.container-fluid div.navbar-header div.logo.logo-image {
	left: 50px;
}

/* Header logo max height */
.t4-header .logo-img {
	max-height: 80px;
	width: auto !important;
	height: auto !important;
	transition: all 0.3s ease;
	filter: drop-shadow(0 0 0 transparent);
}
.t4-header .logo-img:hover {
	transform: scale(1.04);
	filter: drop-shadow(0 0 10px rgba(0,0,0, 0.5)) drop-shadow(0 0 10px rgba(0,0,0, 0.3));
}




body div#t4-topbar span.liquid	 {
	color: #942968

}
body div#t4-topbar span.purple {
	color: #7a2255

}












/* Off-Canvas Sidebar */
.t4-offcanvas div.module {
	margin: 0px !important;
}
.t4-offcanvas ul.nav-pills li a {
    color: #942968;
	padding: 0px 0px 0px 20px;
	box-shadow: none;
}
.t4-offcanvas ul.nav-pills li ul li a {
	padding: 0px 0px 0px 45px;
	font-size: 80% !important;
	line-height: 40px !important;
}
.t4-offcanvas ul.nav-pills li a:hover,
.t4-offcanvas ul.nav-pills li a:focus,
.t4-offcanvas ul.XXnav-pills li.active a {
	color: #000000;
}

.t4-offcanvas ul.XXnav-pills li.current.active a {
	color: #ffffff;
}






/* Masthead - Homepage */
html.homepage body div.page-masthead {
	background-color: #942968;
	background-image: url('/images/bg-extension.png');
	background-repeat: repeat;
	background-attachment: fixed;
}
html.homepage body div.page-masthead div.row-feature {
	border:none;
}
html.homepage body div.page-masthead div.row-feature.slideshow {
	padding:60px 0px 0px 0px;
}
html.homepage body div.page-masthead div.row-feature.analysis-form {
	padding:0px 0px 60px 0px;
	background: none;
}
html.homepage body div.page-masthead div.row-feature.analysis-form div.row {
	text-align:center;
}
html.homepage body div.page-masthead div.row-feature.analysis-form div.form-analyze {
	padding: 20px 0px 20px 0px;
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
}
html.homepage body div.page-masthead div.row-feature.analysis-form div.form-analyze input#page_search.form-text {
	display: inline-block;
	width: 280px;
	height: 57px;
	margin: 0px;
	padding: 16px 0px 16px 20px;
	background: #fff;
	color: #444;
	border-color: #621b44;
	border-width: 1px;
	border-style: solid none solid solid;
	border-radius: 7px 0px 0px 7px;
	font-size: 18px;
	font-family: 'Roboto Light', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
}
html.homepage body div.page-masthead div.row-feature.analysis-form div.form-analyze button#search.form-submit {
	height: 57px;
	padding: 0px 20px 0px 20px;
	background-color: #942968;
	color: #ffffff;
	border-color: #621b44;
	border-width: 1px;
	border-style: solid solid solid none;
	border-radius: 0px 7px 7px 0px;
	font-size: 14px;
	font-family: 'Roboto Condensed Bold', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}

/* Masthead - All Pages */
body div.page-masthead div.masthead {
	background-color: #942968;
	background-repeat: repeat;
	background-attachment: fixed;
	background-size: auto;
	padding-top: 40px;
	padding-bottom: 40px;
}

body div.page-masthead div.masthead div.ja-masthead-detail h3.ja-masthead-title {
	margin: 0px;
	color: #ffffff;
	font-family: "cabin-regular", "Verdana", "Helvetica", "Arial", sans-serif;
	font-size: 3.5em;
	line-height: 1.3em;
	text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.2);
}
body div.page-masthead div.masthead div.ja-masthead-detail div.ja-masthead-description {
	font-size: 22px;
	line-height: 32px;
	color: #dddddd;
	font-family: "Roboto Condensed Light", "cabin-regular", "Verdana", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}



html.homepage body div.page-masthead div.sprocket-features ul li div.sprocket-features-content {
	text-align:center;
}
html.homepage body div.page-masthead div.sprocket-features ul li div.sprocket-features-content h2.sprocket-features-title {
	margin: 0px;
	color: #ffffff;
	font-family: "cabin-regular", "Verdana", "Helvetica", "Arial", sans-serif;
	font-size: 3.5em;
	line-height: 1.3em;
	text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.2);
}
html.homepage body div.page-masthead div.sprocket-features ul li div.sprocket-features-content div.sprocket-features-desc p.description {
	font-size: 22px;
	line-height: 1.8em;
	color: #dddddd;
	font-family: "Roboto Condensed Light", "cabin-regular", "Verdana", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	text-align: center;
	padding: 20px 0px 0px 0px;
	margin: 0px;
}



/* Feature 1 */
html.homepage body div.features-intro div.row-feature.choose {
	padding: 40px 0px 40px 0px;
	background: #eeeeee;
	color: #8b8b8b;
	box-shadow: 0px 2px 0 #dddddd;
	position: relative;
}
html.homepage body div.features-intro div.row-feature.choose::after {
	color: #eeeeee;
	text-shadow: 0px 2px 0 #dddddd;
	content: "\f0d7";
	font-family: FontAwesome;
	font-size: 2.9em;
	position: absolute;
	bottom: -38px;
	left: 50%;
	margin-left: -15px;
}
html.homepage body div.features-intro div.choose div.rt-big-title h2.title {
	color: #656565;
	font-size: 40px;
	line-height: 52px;
	font-family: "cabin-semibold", "Verdana", "Helvetica", "Arial", sans-serif;
	font-weight: normal !important;
	margin: 0px 0px 30px 0px;
}
html.homepage body div.features-intro div.choose div.rt-big-title p {
	margin: 0px auto 15px auto;
	font-size: 18px;
	line-height: 1.6em;
	color: #777777;
	font-family: "Roboto Condensed Light", "cabin-regular", "Verdana", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	width: 80%;
	text-align: left;
}
html.homepage body div.features-intro div.choose div.btn-actions {
	margin:40px 0px 0px 0px;
}



/* Second Form */

html.homepage body div.features-intro nav.nav-primary {
	text-align:center;
}
html.homepage body div.features-intro nav.nav-primary div.form-analyze {
	padding: 10px 0px 10px 0px;
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
}
html.homepage body div.features-intro nav.nav-primary div.form-analyze input#page_search.form-text {
	display: inline-block;
	width: 280px;
	height: 57px;
	margin: 0px;
	padding: 16px 0px 16px 20px;
	background: #ffffff;
	color: #444444;
	border-color: #621b44;
	border-width: 1px;
	border-style: solid none solid solid;
	border-radius: 7px 0px 0px 7px;
	line-height: 16px;
	font-size: 16px;
	font-family: 'Roboto Light', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
}
html.homepage body div.features-intro nav.nav-primary div.form-analyze button#search.form-submit {
	height: 57px;
	padding: 0px 20px 0px 20px;
	background-color: #942968;
	color: #ffffff;
	border-color: #621b44;
	border-width: 1px;
	border-style: solid solid solid none;
	border-radius: 0px 7px 7px 0px;
	font-size: 14px;
	font-family: 'Roboto Condensed Bold', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}





/* Client Logos */
body div.module.client-logos {
	padding: 60px 40px 30px 40px;
	margin: 0px;
	color: #eeeeee;
	border-top: 1px solid rgba(0, 0, 0, 0.2);
	line-height: 26px;
	font-size: 16px;
	background-color: #942968;
	background-image: url('/images/bg-extension.png');
	background-repeat: repeat;
	background-attachment: fixed;
}
body div.module.client-logos h3.module-title {
	text-align: center;
	color: #ffffff;
	text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.2);
	font-size: 160%;
	line-height: 160%;
	font-family: "cabin-semibold", "Verdana", "Helvetica", "Arial", sans-serif;
	font-weight: normal !important;
	margin: 0px 0px 30px 0px;
}
body div.module.client-logos div.css-loader-wrapper {
	padding: 8px;
}
body div.module.client-logos div.sprocket-strips-s ul.sprocket-strips-s-container li {
	text-align: center;
	margin: 0px;
	padding: 0px 25px 0px 25px;
	width: 13.5%;
}
body div.module.client-logos div.sprocket-strips-s ul.sprocket-strips-s-container li h4 {
	font-size: 11px;
	font-weight: 400;
	letter-spacing: 0.02em;
	margin: 0px;
	color: rgba(255,255,255, 0.6);
	text-align: center;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
body div.module.client-logos div.sprocket-strips-s ul.sprocket-strips-s-container li div.sprocket-strips-s-content {
	margin: 10px 0px 10px 0px;
}
body div.module.client-logos div.sprocket-strips-s ul.sprocket-strips-s-container li img {
	height: auto;
	max-width: 100%;
	display: inline-block;
	vertical-align: middle;
	border: 0px;
}


/* Testimonials */
body div.testimonials {
	padding: 30px 40px 60px 40px;
	margin: 0px;
	color: #eeeeee;
	border: none;
	line-height: 26px;
	font-size: 16px;
	background-color: #942968;
	background-image: url('/images/bg-extension.png');
	background-repeat: repeat;
	background-attachment: fixed;
}
body div.testimonials div.testimonialsContainer {
	margin: 0px;
}
body div.testimonials h3,
body div.testimonials h3.module-title {
	text-align: center;
	color: #ffffff;
	text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.2);
	font-size: 160%;
	line-height: 160%;
	font-family: "cabin-semibold", "Verdana", "Helvetica", "Arial", sans-serif;
	font-weight: normal !important;
	margin: 0px 0px 30px 0px;
}
body div.testimonials div.testiItem {
	background-color: rgba(255,255,255, .85);
}
/*
body div.testimonials div.swiper-wrapper {
	padding:50px;
}
body div.testimonials div.swiper-wrapper::after {
	content: "";
	clear: both;
	display: table;
}
*/
body div.testimonials div.testi-quote div.testimonialText {
	text-align:left;
	padding: 20px 20px 20px 20px;
	margin: 0px;
	height: 160px;
	max-height: 160px;
	overflow: hidden;
	font-size:16px;
	color: #611b44;
}
body div.testimonials div.testi-item div.testi-name,
body div.testimonials div.testi-item div.testi-position {
	color: #611b44;
}


body div.testimonials div.testi-quote div.testimonialText a.jtreadmore {
	display: none !important;
}





/* Portfolio - Features Intro 2 */
body div.portfolio {
	padding: 60px 40px 60px 40px;
	margin: 0px;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
	color: #eeeeee;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
	border-top: 1px solid rgba(0, 0, 0, 0.2);
	line-height: 26px;
	font-size: 16px;
	background-color: #7a2255;
	background-image: url('/images/bg-noise.png');
	background-repeat: repeat;
}
body div.portfolio h3.module-title {
	text-align: center;
	color: #ffffff;
	text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.2);
	font-size: 160%;
	line-height: 160%;
	font-family: "cabin-semibold", "Verdana", "Helvetica", "Arial", sans-serif;
	font-weight: normal !important;
	margin: 0px 0px 30px 0px;
}
body div.portfolio div.sprocket-strips-s div.sprocket-strips-s-overlay div.css-loader-wrapper {
	padding: 8px;
}
body div.portfolio div.sprocket-strips-s ul.sprocket-strips-s-container li {
	margin: 0px;
	width: 16.0%;
	padding: 0px 20px 0px 20px;
}
body div.portfolio div.sprocket-strips-s ul li div.sprocket-strips-s-item div.sprocket-strips-s-content h4.sprocket-strips-s-title {
	text-align: center;
	font-size: 11px;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
body div.portfolio div.sprocket-strips-s ul li div.sprocket-strips-s-item div.sprocket-strips-s-content span.sprocket-strips-s-text {
	text-align: center;
	font-size: 10px;
}
body div.portfolio div.sprocket-strips-s ul li div.sprocket-strips-s-item img {
	height: auto;
	max-width: 100%;
	display: inline-block;
	vertical-align: middle;
	border: 0;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
body div.portfolio div.sprocket-strips-s ul li div.sprocket-strips-s-item img:hover {
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08);
}


/* Client Menu */
body div.client-menu {
	line-height: 22px;
	font-size: 16px;
	padding: 0px 10px 0px 10px;
	margin:0px;
	text-align: center;
	background-color: #222222;
	color: #aaaaaa;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.0) inset;
	border-top: 1px solid rgba(0, 0, 0, 0.2);
	background-image: url('/images/bg-noise.png');
	background-repeat: repeat;
}
body div.client-menu ul.menu {

}
body div.client-menu ul.menu li {
	display: inline-block;
}
body div.client-menu ul.menu li a {
	padding: 0px 20px 0px 20px;
}






/* Nav Helper */
.t4-navhelper {
	padding: 0px;
}
.t4-navhelper div.module.overlay-dark {
	line-height: 22px;
	font-size: 14px;
	padding: 50px 10px 50px 10px;
	margin:0px;
	background-color: #3a3a3a;
	color: #8f8f8f;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
	border-top: 1px solid rgba(0, 0, 0, 0.2);
	background-image: url('/images/bg-noise.png');
	background-repeat: repeat;
}

.t4-navhelper div.module.overlay-dark span.rt-icon {
	color: #ffffff;
	background: rgba(0,0,0, 0.3);
	border-radius: 100%;
	display: inline-block;
	font-size: 3em;
	width: 100px;
	height: 100px;
	line-height: 100px;
	text-align: center;
}
.t4-navhelper div.module.overlay-dark span.rt-icon span.fa {
	color:#ffffff;
}
.t4-navhelper div.module.overlay-dark h2.title {
	color:#ffffff;
	font-size: 28px;
}
.t4-navhelper div.module.overlay-dark ul {
	text-align: left;
}
.t4-navhelper div.module.overlay-dark p a {
	color: #8f8f8f;
}
.t4-navhelper div.module.overlay-dark p a:active,
.t4-navhelper div.module.overlay-dark p a:hover {
	color: #ffffff;
}
.t4-navhelper div.module.overlay-dark div.textbox {
	display: inline-block;
}







/* Footer */
.t4-footer {
	line-height: 22px;
	font-size: 14px;
	padding: 0px 30px 30px 30px;
	margin:0px;
	background-color: #222222;
	color: #777777;
	border-top: none;
	background-image: url('/images/bg-noise.png');
	background-repeat: repeat;
}
.t4-footer p {
	margin:0px;
}

/* Footer */
footer,
#t4-footer-columns {
	padding: 0px 30px 30px 30px;
	font-family: "cabin-regular", "Verdana", "Helvetica", "Arial", sans-serif;
	font-weight: normal;
	letter-spacing: normal;
}
footer.t4-footer,
#t4-footer-columns {
	background: #222222;
	color: #777777;
	box-shadow: 0 1px 0 rgba(255,255,255, 0.1) inset;
	border-top: 1px solid rgba(0,0,0, 0.2);
	background-image: url('/images/bg-noise.png');
	background-repeat: repeat;
}
#t4-footer-columns div#text-logo {
	padding: 50px 0px 20px 0px;
}
#t4-footer-columns div#text-logo h3 {
	font-size: 26px;
	line-height: 26px;
	text-align: right;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	white-space: nowrap;
	font-family: 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0px;
	display: inline-block;
}
#t4-footer-columns div#text-logo h3 a span.liquid {
	color: rgba(255, 255, 255, 0.8);
}
#t4-footer-columns div#text-logo h3 a span.purple {
	color: rgba(255, 255, 255, 0.4);
}
#t4-footer-columns div.copyright-text {
	font-size: 12px;
	color: rgba(255, 255, 255, 0.6);
}

#t4-footer-columns div.back-to-top button.btn {
	background: transparent;
	color: rgba(255, 255, 255, 0.4);
	border: none;
	font-size: 26px;
	line-height: 22px;
	padding: 0px;
}
#t4-footer-columns div.back-to-top button.btn:active,
#t4-footer-columns div.back-to-top button.btn:hover {
	color: #ffffff;
}


body div#t4-footer-columns div.t4-row div.t4-col div.module {
	margin: 0px;
}



#t4-footer-columns ul.nav {
	width: 100%;
	padding: 50px 0px 20px 0px;
	text-align: right;
	display: block;
}
#t4-footer-columns ul.nav li,
#t4-footer-columns nav.navbar ul.nav li {
	display: inline-block;
}
#t4-footer-columns ul.nav li a,
#t4-footer-columns nav.navbar ul.nav li a {
	display: inline-block;
	padding: 0px 0px 0px 30px;
	color: #6e6e6e;
	font-size: 14px;
	line-height: 14px;
}
#t4-footer-columns ul.nav li a:active,
#t4-footer-columns ul.nav li a:hover,
#t4-footer-columns nav.navbar ul.nav li a:active,
#t4-footer-columns nav.navbar ul.nav li a:hover {
	color: #ffffff;
	background-color: transparent;
}
#t4-footer-columns ul.nav > li.active > a,
#t4-footer-columns ul.nav > li.active > a:hover,
#t4-footer-columns ul.nav > li.active > a:focus {
    background-color: transparent;
}
#social-icons span.followus {
	letter-spacing: 0.02em;
	font-size: 12px;
	color: rgba(255, 255, 255, 0.6);
	padding: 17px 6px 0px 0px;
}

#social-icons ul.socialNetwork {
	list-style-type: none;
	padding: 0;
	margin: 10px 0px 0px 0px;
}
#social-icons ul.socialNetwork li {
	display:inline-block;
	padding: 0px 0px 0px 8px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#social-icons ul.socialNetwork li:hover {
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08);
}


#social-icons ul.socialNetwork li a {
	display:block;
	padding:0px;
}
#social-icons ul.socialNetwork li a i.fa-brands,
#social-icons ul.socialNetwork li a i.fab,
#social-icons ul.socialNetwork li a i.fa {
	font-family: "FontAwesome";
	font-size: 18px;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	display: block;
	text-align: center;
	padding-top: 4px;
	border-width: 2px;
	border-style: solid;
	border-color: rgba(255, 255, 255, 0.6);
	color: rgba(255, 255, 255, 0.6);
	background-color: rgba(255, 255, 255, 0.1);
}
#social-icons ul.socialNetwork li a i.fa-brands:active,
#social-icons ul.socialNetwork li a i.fa-brands:hover,
#social-icons ul.socialNetwork li a i.fab:active,
#social-icons ul.socialNetwork li a i.fab:hover,
#social-icons ul.socialNetwork li a i.fa:active,
#social-icons ul.socialNetwork li a i.fa:hover {
	border-color: #ffffff;
	color: #ffffff;
	background-color: #7a2255;
}

body div#back-to-top.back-to-top.affix {
	bottom: 10px;
	right: 10px;
}
body div#back-to-top.back-to-top i.fa-brands,
body div#back-to-top.back-to-top i.fab,
body div#back-to-top.back-to-top i.fa {
	font-size: 24px;
	line-height: 14px;
}
body div#back-to-top button.btn {
	font-size: 14px;
	line-height: 14px;
	height: 40px;
	width: 40px;
	padding: 0px;
	border: 2px solid #ffffff;
	border-radius: 50%;
	background-color: rgba(0,0,0, 0.6);
}
body div#back-to-top button.btn:active,
body div#back-to-top button.btn:hover {
	background-color: #7a2255;
}


/* Copyright Footer */
#t4-footer-columns div.copyright-footer {
	padding-top: 20px;
}
#t4-footer-columns div.copyright-footer p {
	margin: 0px;
	font-size: 12px;
	color: #777777;
}






/* Payment Plan Tables */
body div#pp.pp-frontend div.pp-plans div.pp-plans__item div.pp-plan-card div.pp-plan-card__ft div.pp-plan-card__forms a.btn-pp-primary {
}
body div#pp div.pp-plan-card {
	padding: 10px;
	margin: 5px 15px 5px 15px;
	background-color: #ffffff;
	border-radius: 3px;
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
	border: 1px solid #e1e1e1;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
body div#pp div.pp-plan-card:hover {
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08);
}
body div#pp div.pp-plan-card.is-highlight {
    border: 1px solid #cccccc;
}
body div#pp div.pp-plan-card__features {
	text-align:left;
}
body div#pp div.pp-plan-card.has-badges div.pp-plan-card__hd,
body div#pp div.pp-plan-card div.pp-plan-card__hd {
	padding: 0px;
}
body div#pp div.pp-plan-card__title {
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 0px 10px;
	color: #ffffff;
	background-color: #942968;
	border: 1px solid #942968;
	border-radius: 3px 0px 0px 0px;
	font-size: 1.5em;
	font-weight: normal;
}
body div#pp div.pp-plan-card__desc {
	color: #eeeeee;
	background-color: #942968;
	font-size: 12px;
	padding: 0px 0px 10px 0px;
	margin: -1px 0px 0px 0px;
	border: 1px solid #942968;
	border-radius: 0px 0px 3px 3px;
}
body div#pp div.pp-plan-card__price {
	font-size: 3em;
	line-height: inherit;
	padding: 10px 10px 0px 10px;
	color: #6e6e6e;
	margin: 0px;
	font-weight: normal;
}
body div#pp div.pp-plan-card__price span.pp-currency {
	font-size: .7em;
	word-spacing: -7px;
	padding: 0px 0px 0px 7px;
	line-height: 1.7em;
	vertical-align:top;
}
body div#pp div.pp-plan-card__period {
	border-bottom: 1px dotted #aeaeae;
	padding: 0px 0px 10px 0px;
	/*
	display: none;
	*/
}
body div#pp div.pp-plan-card__ft {
	padding: 20px 10px 10px 10px;
}
body #pp a.btn-pp-primary {
	width: 100%;
	color: #ffffff;
	background: #3e9dd3;
	border-bottom: 2px solid #2473a0;
	display: inline-block;
	padding: 12px 20px 12px 20px;
	line-height: normal;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0em;
	text-transform: uppercase;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	border-radius: 3px;
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
}
body #pp a.btn-pp-primary.active,
body #pp a.btn-pp-primary:active,
body #pp a.btn-pp-primary:focus,
body #pp a.btn-pp-primary:hover {
	background: #942968;
	border-bottom: 2px solid #58183e;
}




/* Support Tickets */
html.com_rsticketspro div#rsticketspro_dashboard_search input#rsticketspro_searchinp.input-xlarge {
	width: 270px;
}
html.com_rsticketspro div.rst_dashboard_items div.rst_dashboard_item {
	width: 49%;
	float: left;
	padding: 20px 40px 20px 40px;
}
html.com_rsticketspro form#adminForm fieldset#jform_submit_type.radio input,
html.com_rsticketspro form#rsticketspro_form fieldset#flagged.radio input {
	position: relative;
	margin: 0px 0px 0px 20px;
	padding: 0px;
}
html.com_rsticketspro form#adminForm fieldset#jform_submit_type.radio label,
html.com_rsticketspro form#rsticketspro_form fieldset#flagged.radio label {
	margin: 0px;
	padding: 0px;
}
html.com_rsticketspro form#adminForm div#editor-xtd-buttons.btn-toolbar a.btn,
html.com_rsticketspro form#adminForm div#editor-xtd-buttons.btn-toolbar a.btn.modal-button {

}
html.com_rsticketspro form#adminForm div#editor-xtd-buttons.btn-toolbar a {
	padding: 6px 12px 6px 12px;
	font-size: 12px;
	margin: 0px;
}
html.com_rsticketspro fieldset#jform_consent label.checkbox {
	font-weight: normal;
}



/* FAQ - Frequently Asked Questions */
body div.faq {
	Padding: 40px 0px 40px 0px;
}
body ul.jd-accordion li:first-of-type a.jd-accordion-title {
	border-radius: 10px 10px 0px 0px;
}
body ul.jd-accordion li:last-of-type a.jd-accordion-title {
	border-radius: 0px 0px 10px 10px;
}
body ul.jd-accordion li a.jd-accordion-title span.jd-accordion-text h3.jd-accordion-heading {
	margin: 10px 0px 10px 0px;
	color: #ffffff;
}



/* Edit Buttons */
body.contact-us div.item-pagecontact-us div.btn-group a.btn.dropdown-toggle {
	background-color: rgba(255,255,255, 0.9);
	border-radius:5px;
}
body.contact-us div.item-pagecontact-us div.btn-group ul.dropdown-menu {
	background-color: rgba(0,0,0, 0.3);
	border: 1px solid rgba(0,0,0, 0.5);
	border-radius:5px;
}
body.contact-us div.item-pagecontact-us div.btn-group ul.dropdown-menu > li:first-child {
    border-top: 0;
}
body.contact-us div.item-pagecontact-us div.btn-group ul.dropdown-menu > li {
    border-top: 1px solid rgba(0,0,0, 0.5);
}
body.contact-us div.item-pagecontact-us div.btn-group ul.dropdown-menu > li > a {
    color: rgba(255,255,255, 0.9);
}
body.contact-us div.item-pagecontact-us div.btn-group ul.dropdown-menu > li > a:hover,
body.contact-us div.item-pagecontact-us div.btn-group ul.dropdown-menu > li > a:focus {
    background-color: rgba(0,0,0, 0.4);
}
body.contact-us div.item-pagecontact-us div.btn-group ul.dropdown-menu > li:first-child > a {
	border-radius: 5px 5px 0px 0px;
}
body.contact-us div.item-pagecontact-us div.btn-group ul.dropdown-menu > li:last-child > a {
	border-radius: 0px 0px 5px 5px;
}
body.contact-us div.item-pagecontact-us article aside.article-aside {
	display: inline-block;
	margin: 0px;
	float: right;
}


/* Contact Us Form */
body.contact-us .t4-content {
	max-width: 100%;
    overflow: hidden;
    padding: 20px 20px 20px 20px;
    background-color: #942968;
    color: #ffffff;
    margin: 0px;
	text-align:center;
}
body.contact-us .t4-content form#userForm div.formContainer {
	max-width: none;
	background-color: transparent;
	border: none;
}
body.contact-us .t4-content form#userForm div.formContainer div.rsform-block div.formControls {
    margin: 0;
}
body.contact-us div.item-pagecontact-us {
	margin:0px auto 0px auto;
	display:inline-block;
	text-align:left;
}
body.contact-us div.item-pagecontact-us header.entry-header h1.entry-title {
	text-align: center;
	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;
}
body.contact-us div.item-pagecontact-us h2 {
	color:#eeeeee;
	padding:30px 0px 30px 0px;
	margin:0px;
	font-size:18px;
	line-height:1.8em;
	font-family:"Roboto Condensed Light","Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:400;
}
body.contact-us div.item-pagecontact-us p.note {
	text-align:left;
	margin:0px 0px 40px 0px;
	color:#ffffff;
	font-size:14px;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing:.126em;
	font-weight:100;
}
body.contact-us div.item-pagecontact-us p.note a {
	color:#cccccc;
}
body.contact-us div.item-pagecontact-us p.note a:active,
body.contact-us div.item-pagecontact-us p.note a:hover {
	color:#ffffff;
}
body.contact-us div.item-pagecontact-us form#userForm strong.formRequired {
	display:none;
}
body.contact-us div.item-pagecontact-us form#userForm div.rsform-block label.control-label {
	text-align:left;
	margin:0px 0px 10px 0px;
}
body.contact-us div.item-pagecontact-us form#userForm div.rsform-block div.formControls {
	margin:0px 0px 30px 0px;
	text-align:left;
}
/* select */
body.contact-us div.item-pagecontact-us form#userForm div.rsform-block div.formControls select.rsform-select-box {
	background-color:rgba(255,255,255,.2);
	border:1px solid rgba(255,255,255,.3);
	padding:20px 40px 20px 40px;
	color:#ffffff;
	box-shadow:none;
	height:auto;
	width:100%;
	font-size:14px;
	border-radius:4px;
	
	display: inline-block;
	font: inherit;
	line-height: 1.5em;
	/* reset */
	margin:0px;      
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
}
body.contact-us div.item-pagecontact-us form#userForm div.rsform-block div.formControls select.rsform-select-box:hover,
body.contact-us div.item-pagecontact-us form#userForm div.rsform-block div.formControls select.rsform-select-box:focus {
	background-color:rgba(0,0,0,.2);
}
/* arrows */
body.contact-us div.item-pagecontact-us form#userForm div.rsform-block div.formControls select.rsform-select-box {
  background-image:
    linear-gradient(45deg, transparent 50%, white 50%),
    linear-gradient(135deg, white 50%, transparent 50%),
    linear-gradient(to right, #7a2255, #7a2255);
  background-position:
    calc(100% - 20px) calc(1em + 15px),
    calc(100% - 15px) calc(1em + 15px),
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 5.5em;
  background-repeat:no-repeat;
}
body.contact-us div.item-pagecontact-us form#userForm div.rsform-block div.formControls select.rsform-select-box:active,
body.contact-us div.item-pagecontact-us form#userForm div.rsform-block div.formControls select.rsform-select-box:focus {
  background-image:
    linear-gradient(45deg, white 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, white 50%),
    linear-gradient(to right, #7a2255, #7a2255);
  background-position:
    calc(100% - 15px) calc(1em + 10px),
    calc(100% - 20px) calc(1em + 10px),
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 5.5em;
  background-repeat:no-repeat;
  border-color:rgba(255,255,255,.3);
  outline:0;
}
body.contact-us div.item-pagecontact-us form#userForm div.rsform-block div.formControls select.rsform-select-box:-moz-focusring {
  color:transparent;
  text-shadow:0 0 0 #000000;
}
body.contact-us div.item-pagecontact-us form#userForm div.rsform-block div.formControls select.rsform-select-box option {
	background-color:rgba(255,255,255,.6);
	color:#7a2255;
	font-size:14px;
	line-height:18px;
}
/* textarea */
body.contact-us div.item-pagecontact-us form#userForm div.rsform-block div.formControls textarea.rsform-text-box {
	background-color:rgba(255,255,255, .2);
	height:250px;
	margin:0px 0px 20px 0px;
	border:1px solid rgba(255,255,255, .4);
	color:#ffffff;
	box-shadow:none;
	padding:20px 40px 20px 40px;
	display:block;
	width:100%;
	font-size:14px;
	line-height:1.42857143;
	background-image:none;
	border-radius:4px;
}
body.contact-us div.item-pagecontact-us form#userForm div.rsform-block div.formControls textarea.rsform-text-box:hover,
body.contact-us div.item-pagecontact-us form#userForm div.rsform-block div.formControls textarea.rsform-text-box:focus {
	background-color:rgba(0,0,0, .2);
}

body.contact-us div.item-pagecontact-us form#userForm div.rsform-block div.formControls input.rsform-input-box:hover,
body.contact-us div.item-pagecontact-us form#userForm div.rsform-block div.formControls input.rsform-input-box:focus {
	background-color:rgba(0,0,0, .2);
}


body.contact-us div.item-pagecontact-us form#userForm div.rsform-block-name {
	width:50%;
	display:inline-block;
	float:left;
	padding:0px 10px 0px 0px;
}
body.contact-us div.item-pagecontact-us form#userForm div.rsform-block-email {
	width:50%;
	display:inline-block;
	float:left;
	padding:0px 0px 0px 10px;
}
body.contact-us div.item-pagecontact-us form#userForm div.rsform-block-email.error,
body.contact-us div.item-pagecontact-us form#userForm div.rsform-block-name.error {
	padding:0px 20px 0px 20px;
}
/* input */
body.contact-us div.item-pagecontact-us form#userForm div.rsform-block div.formControls input.rsform-input-box {
	background-color:rgba(255,255,255,.2);
	border:1px solid rgba(255,255,255,.3);
	color:#ffffff;
	box-shadow:none;
	padding:20px 40px 20px 40px;
	height:auto;
	width:100%;
	font-size:14px;
	line-height:1.43;
	background-image:none;
	border-radius:4px;
}


body.contact-us div.item-pagecontact-us form#userForm div.rsform-block div.formControls *::-webkit-input-placeholder {
    color: #ffffff;
}
body.contact-us div.item-pagecontact-us form#userForm div.rsform-block div.formControls *:-moz-placeholder {
    /* FF 4-18 */
    color: #ffffff;
    opacity: 1;
}
body.contact-us div.item-pagecontact-us form#userForm div.rsform-block div.formControls *::-moz-placeholder {
    /* FF 19+ */
    color: #ffffff;
    opacity: 1;
}
body.contact-us div.item-pagecontact-us form#userForm div.rsform-block div.formControls *:-ms-input-placeholder {
    /* IE 10+ */
    color: #ffffff;
}
body.contact-us div.item-pagecontact-us form#userForm div.rsform-block div.formControls *::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #ffffff;
}
body.contact-us div.item-pagecontact-us form#userForm div.rsform-block div.formControls *::placeholder {
    /* modern browser */
    color: #ffffff;
}


body.contact-us div.item-pagecontact-us form#userForm input::placeholder {
    font-size: 18px;
}
body.contact-us div.item-pagecontact-us form#userForm ::-moz-placeholder {
    font-size: 18px;
} /* Firefox 19+ */
body.contact-us div.item-pagecontact-us form#userForm :-moz-placeholder {
    font-size: 18px;
}  /* Firefox 18- */
body.contact-us div.item-pagecontact-us form#userForm :-ms-input-placeholder {
    font-size: 18px;
} /* IE */
body.contact-us div.item-pagecontact-us form#userForm input::-webkit-input-placeholder {
    font-size: 18px;
}


/*
body.contact-us div.item-pagecontact-us form#userForm div.rsform-block div.formControls input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: red;
  opacity: 1; /* Firefox */
}
body.contact-us div.item-pagecontact-us form#userForm div.rsform-block div.formControls input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: red;
}
body.contact-us div.item-pagecontact-us form#userForm div.rsform-block div.formControls input::-ms-input-placeholder { /* Microsoft Edge */
  color: red;
}
*/


body.contact-us div.item-pagecontact-us form#userForm div.rsform-block div.formControls input.rsform-input-box:active,
body.contact-us div.item-pagecontact-us form#userForm div.rsform-block div.formControls input.rsform-input-box:hover {
	background-color:rgba(0,0,0, .2);
}
/*captcha */
body.contact-us div.item-pagecontact-us form#userForm div.rsform-block-captcha div.formControls {
	float:left;
	width:100%;
}
body.contact-us div.item-pagecontact-us form#userForm div.rsform-block-captcha div.formControls div.row-fluid {
	width:auto;
	float:left;
}
body.contact-us div.item-pagecontact-us form#userForm div.rsform-block-captcha div.formControls div.row-fluid div.span12 {
	width:auto;
}
body.contact-us div.item-pagecontact-us form#userForm div.rsform-block-captcha div.formControls img {
	height:62px;
	border-radius:4px;
	border:1px solid rgbs(0,0,0,.2);
	display: inline-block;
}
body.contact-us div.item-pagecontact-us form#userForm div.rsform-block-captcha div.formControls input.rsform-captcha-box {
	background-color:rgba(255,255,255,.2);
	border:1px solid rgba(255,255,255,.3);
	color:#ffffff;
	box-shadow:none;
	padding:20px 40px 20px 40px;
	margin:0px 0px 0px 20px;
	height:auto;
	width:160px;
	font-size:14px;
	line-height:1.43;
	background-image:none;
	border-radius:4px;
	display: inline-block;
}
/* submit */
body.contact-us div.item-pagecontact-us button.rsform-submit-button.rsform-thankyou-button,
body.contact-us div.item-pagecontact-us form#userForm div.rsform-block-submit div.formControls button.rsform-submit-button {
	background-color:rgba(255,255,255,.2);
	border:1px solid rgba(255,255,255,.3);
	border-radius: 7px;
	display: inline-block;
	padding: 12px 20px;
	font-size: 18px;
}
body.contact-us div.item-pagecontact-us button.rsform-submit-button.rsform-thankyou-button:active,
body.contact-us div.item-pagecontact-us button.rsform-submit-button.rsform-thankyou-button:hover,
body.contact-us div.item-pagecontact-us form#userForm div.rsform-block-submit div.formControls button.rsform-submit-button:active,
body.contact-us div.item-pagecontact-us form#userForm div.rsform-block-submit div.formControls button.rsform-submit-button:hover {
	background-color:rgba(0,0,0,.2);
	border:1px solid rgba(0,0,0,.3);
}
/* error */
body.contact-us div.item-pagecontact-us form#userForm div.error {
	background-color:rgba(0,0,0,.0);
	background-image:none;
	color:#ffffff;
}
body.contact-us div.item-pagecontact-us form#userForm div.rsform-block-recaptcha span.help-block span.formError,
body.contact-us div.item-pagecontact-us form#userForm div.error span.help-block span.formError {
	font-size:14px;
	color:#ffffff;
	background-color:#ff0000;
	padding:5px;
	border-radius:4px;
}
body.contact-us div.item-pagecontact-us form#userForm div.error label.formControlLabel.rsform-error span {
	color:#ffffff;
}



/* Table List */
body table.list-table {
	margin:40px 20px 20px 20px;
	font-family: arial, sans-serif;
	border-collapse: collapse;
}
body table.list-table tr {
	border: 1px solid #aaaaaa;
}
body table.list-table tr th,
body table.list-table tr td {
	padding: 10px;
	border: none;
}
body table.list-table tr th.heading {
	font-weight: bold;
	text-align: center;
}
body table.list-table tr:nth-child(even) {
  background-color: #f0f0f0;
}

/*
body table.list-table tr.tr:nth-child(even) {
  background-color: #eeeeee;
}
body table.list-table tr.tr:nth-of-type(even) {
  background-color: #eeeeee;
}
*/

body table.list-table {
  counter-reset: serial-number;  /* Set the serial number counter to 0 */
}
body table.list-table td:first-child:before {
  counter-increment: serial-number;  /* Increment the serial number counter */
  content: counter(serial-number);  /* Display the counter */
}
body table.list-table td.image img {
	padding: 3px;
	border: 1px solid #942968;
	height: 100px !important;
	width: 150px !important;
	max-height: 100px;
	max-width: 150px;
}



















/* QUIZ */
/**/
body.quiz div#t4-mainbody.t4-content {
    max-width:100%;
    overflow:hidden;
    padding:60px 50px 40px 50px;
    background-color:#dddddd;
    color:#000000;
    margin:0px;
}
body.quiz div#t4-mainbody.t4-content div {
	text-align:center;
}
body.quiz div#t4-mainbody.t4-content div.item-pagequiz {
	margin:0px auto 0px auto;
	display:inline-block;
	text-align:left;
}
body.quiz div#t4-mainbody.t4-content div.item-pagequiz header.entry-header h1.entry-title {
	white-space: nowrap;
	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;
}
body.quiz div#t4-mainbody.t4-content div.item-pagequiz h2 {
	color:#777777;
	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.quiz div#t4-mainbody.t4-content div.item-pagequiz form#userForm strong.formRequired {
	color:#ff0000;
}
body.quiz div#t4-mainbody.t4-content div.item-pagequiz form#userForm div.rsform-block {
	margin:40px 0px 40px 0px;
}
body.quiz div#t4-mainbody.t4-content div.item-pagequiz form#userForm div.rsform-block.error {
	background-color:rgba(0,0,0,.0);
	background-image:none;
}
body.quiz div#t4-mainbody.t4-content div.item-pagequiz form#userForm span.formValidation span.formError {
	font-size:14px;
	color:#ffffff;
	background-color:#ff0000;
	padding:5px;
	border-radius:4px;
}

body.quiz div#t4-mainbody.t4-content div.item-pagequiz form#userForm .control-group.error {
    color:#ff0000;
}
body.quiz div#t4-mainbody.t4-content div.item-pagequiz form#userForm div.rsform-block div.formControls {
	margin:0px;
}
/*
body.quiz div#t4-mainbody.t4-content div.item-pagequiz form#userForm div.formRow div.rsform-block.rsform-block-website.rsform-type-textbox div.formControls div.formBody input.rsform-input-box
*/
body.quiz div#t4-mainbody.t4-content div.item-pagequiz form#userForm div.rsform-block div.formControls input.rsform-input-box {
	box-shadow:none;
	padding:20px 40px 20px 40px;
	height:auto;
	width:50%;
	font-size:14px;
	line-height:1.43;
	background-image:none;
	border-radius:4px;
}
body.quiz div#t4-mainbody.t4-content div.item-pagequiz form#userForm div.rsform-block.rsform-block-step-1 {
	text-align:right;
}
body.quiz div#t4-mainbody.t4-content div.item-pagequiz form#userForm div.rsform-block div.controls.formControls.btn-group {
	width:100%;
}
body.quiz div#t4-mainbody.t4-content div.item-pagequiz form#userForm button.rsform-button-next {
	float:right;
}
body.quiz div#t4-mainbody.t4-content div.item-pagequiz form#userForm button.rsform-button-prev {
	float:left;
}
body.quiz div#t4-mainbody.t4-content div.item-pagequiz form#userForm label.radio {
	text-align:left;
}
body.quiz div#t4-mainbody.t4-content div.item-pagequiz form#userForm label.control-label.formControlLabel {
	color:#777777;
	padding:0px 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:600;
}
body.quiz div#t4-mainbody.t4-content div.item-pagequiz form#userForm div.rsform-block-name label.control-label.formControlLabel {
	padding:10px 10px 0px 0px;
	width:32%;
	text-align:right;
	float:left;
}
body.quiz div#t4-mainbody.t4-content div.item-pagequiz form#userForm div.rsform-block-name div.controls.formControls {
	width:68%;
	text-align:left;
	float:left;
}
body.quiz div#t4-mainbody.t4-content div.item-pagequiz form#userForm div.rsform-block-name div.controls.formControls input#name.rsform-input-box {
	width:100%;
}
body.quiz div#t4-mainbody.t4-content div.item-pagequiz form#userForm div.rsform-block-phone label.control-label.formControlLabel {
	padding:10px 10px 0px 0px;
	width:32%;
	text-align:right;
	float:left;
}
body.quiz div#t4-mainbody.t4-content div.item-pagequiz form#userForm div.rsform-block-phone div.controls.formControls {
	width:68%;
	text-align:left;
	float:left;
}
body.quiz div#t4-mainbody.t4-content div.item-pagequiz form#userForm div.rsform-block-phone div.controls.formControls input#phone.rsform-input-box {
	width:100%;
}
body.quiz div#t4-mainbody.t4-content div.item-pagequiz form#userForm div.rsform-block-email label.control-label.formControlLabel {
	padding:10px 10px 0px 0px;
	width:32%;
	text-align:right;
	float:left;
}
body.quiz div#t4-mainbody.t4-content div.item-pagequiz form#userForm div.rsform-block-email div.controls.formControls {
	width:68%;
	text-align:left;
	float:left;
}
body.quiz div#t4-mainbody.t4-content div.item-pagequiz form#userForm div.rsform-block-email div.controls.formControls input#email.rsform-input-box {
	width:100%;
}
body.quiz div#t4-mainbody.t4-content div.item-pagequiz form#userForm div.rsform-block-captcha label.control-label.formControlLabel {
	padding:10px 10px 0px 0px;
	width:32%;
	text-align:right;
	float:left;
}
body.quiz div#t4-mainbody.t4-content div.item-pagequiz form#userForm div.rsform-block-captcha div.controls.formControls {
	width:68%;
	text-align:left;
	float:left;
}
body.quiz div#t4-mainbody.t4-content div.item-pagequiz form#userForm div.rsform-block-captcha div.controls.formControls div.row-fluid {
	display:inline-block;
	width:auto;
	float:left;
}
body.quiz div#t4-mainbody.t4-content div.item-pagequiz form#userForm div.rsform-block-captcha div.controls.formControls div.row-fluid input.rsform-captcha-box {
	width:125px;
	box-shadow:none;
	padding:19px 20px 19px 20px;
	height:auto;
	font-size:14px;
	line-height:1.43;
	background-image:none;
}
body.quiz div#t4-mainbody.t4-content div.item-pagequiz form#userForm div.rsform-block-captcha div.controls.formControls div.row-fluid div.span9 {
	width:200px;
}
body.quiz div#t4-mainbody.t4-content div.item-pagequiz form#userForm div.rsform-block-captcha div.controls.formControls div.row-fluid div.span3 {
	width:auto;
}
body.quiz div#t4-mainbody.t4-content div.item-pagequiz form#userForm div.rsform-block-captcha div.controls.formControls div.row-fluid div.input-append {
	margin:0px;
}
body.quiz div#t4-mainbody.t4-content div.item-pagequiz form#userForm div.rsform-block-captcha div.controls.formControls div.row-fluid div.input-append a.rsform-captcha-refresh-button {
	padding:22px 12px 22px 12px;
    font-size: 14px;
    height: 60px;
	border:none;
	box-shadow:none;
}
body.quiz div#t4-mainbody.t4-content div.item-pagequiz form#userForm div.rsform-block-recaptcha label.control-label.formControlLabel {
	padding:10px 10px 0px 0px;
	width:32%;
	text-align:right;
	float:left;
}
body.quiz div#t4-mainbody.t4-content div.item-pagequiz form#userForm div.rsform-block-recaptcha div.controls.formControls {
	width:68%;
	text-align:left;
	float:left;
}
body.quiz div#t4-mainbody.t4-content div.item-pagequiz form#userForm div.rsform-block-recaptcha div.controls.formControls div.row-fluid {
	display:inline-block;
	width:auto;
	float:left;
}



body.quiz div.t4-content {
	max-width: 100%;
	overflow: hidden;
	padding: 60px 50px 40px 50px;
	background-color: #dddddd;
	color: #000000;
	margin: 0px;
}
body.quiz div.t4-content form#userForm {
	margin: 0px auto 0px auto;
	display: inline-block;
	text-align: left;
}





/* EasySocial Toolbar */
html.com_easysocial body div#es.structurediv.es-frontend div.toolbardiv {
	margin: 0px !important;
}




/* Pagination */
body div.pagination {
	float: none;
}
body div.pagination ul.pagination {
	float: none;
	box-shadow: none !important;
	margin: 0px;
}
body div.pagination ul.pagination a.page-link {
	display: inline-block;
	float: none;
	margin: 0px;
	border: none;
}
body .pagination ul > li > a,
body .pagination ul > li > span {
	border: none !important;
}
body div.pagination ul.pagination a.pagenav {
	display: inline-block;
	padding: 4px 12px;
	line-height: 20px;
}


/* Login */
body.login div.t4-content div.com-users-login.login {
	font-size: 14px;
	display: inline-block;
}
body.login div.t4-content div.com-users-login.login div.com-users-login__submit.control-group {
	margin: 0px;
}
body.login div.t4-content div.com-users-login.login div.com-users-login__submit.control-group div.controls {
	margin: 0px;
}

/* Username Reminder / Reset Password */
body.forgot-username div.t4-content div.remind,
body.forgot-password div.t4-content div.reset {
	font-size: 14px;
	display: inline-block;
	max-width: 500px;
	padding: 20px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
body.forgot-username div.t4-content div.remind form.com-users-remind__form fieldset legend,
body.forgot-password div.t4-content div.reset form.com-users-reset__form fieldset legend {
	text-align: left;
	font-size: 14px;
	font-weight: normal;
	padding: 20px;
	margin-bottom: 10px;
	background-color: #efefef;
	border: 1px solid #cccccc;
}
body.forgot-username div.t4-content div.remind div.com-users-remind__submit.control-group,
body.forgot-password div.t4-content div.reset div.com-users-reset__submit.control-group {
	margin: 0px;
}
body.forgot-username div.t4-content div.remind form.com-users-remind__form fieldset div.control-group div.control-label,
body.forgot-password div.t4-content div.reset form.com-users-reset__form fieldset div.control-group div.control-label {
	width: 120px;
}
body.forgot-username div.t4-content div.remind form.com-users-remind__form fieldset div.control-group div.controls,
body.forgot-password div.t4-content div.reset form.com-users-reset__form fieldset div.control-group div.controls {
	margin-left: 140px;
}
body.forgot-username div.t4-content div.remind div.com-users-remind__submit.control-group div.controls,
body.forgot-password div.t4-content div.reset div.com-users-reset__submit.control-group div.controls {
	margin: 0px;
}
body.forgot-username div.t4-content div.remind form.com-users-remind__form,
body.forgot-password div.t4-content div.reset form.com-users-reset__form {
	margin: 0px;
	padding: 0px;
	border: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
}


/* Registration Form */
.t4-content form#userForm {
	margin: 0px;
	font-size: 14px;
}
.t4-content form#userForm h2 {
	margin: 0px 0px 20px 0px;
}
.t4-content form#userForm div.formContainer {
	display: block;
	max-width: 500px;
	padding: 20px;
	margin: 0px auto 20px auto;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.t4-content form#userForm div.formContainer div.rsform-block-email {
	margin: 0px;
}
.t4-content form#userForm div.formContainer div.rsform-block-password {
	margin: 0px;
}
.t4-content form#userForm div.formContainer div.rsform-block-password p.formDescription {
	margin: 0px;
}
.t4-content form#userForm div.formContainer div.rsform-type-submitbutton {
	margin: 0px;
}
.t4-content form#userForm div.formContainer div.rsform-type-submitbutton label.formControlLabel {
	display: none;
}
.t4-content form#userForm div.formContainer div.rsform-block.rsform-type-submitbutton {
}
.t4-content form#userForm div.formContainer div.rsform-block.rsform-type-submitbutton div.formControls {
	display: inline-block;
	margin: 0px;
}
.t4-content form#userForm div.formContainer div.rsform-block div.formControls {
	margin: 0px 0px 0px 125px;
}
.t4-content form#userForm div.formContainer div.formControls div.formBody {
	text-align: left;
}
.t4-content form#userForm div.formContainer div.rsform-block-recaptcha {
	margin: 0px;
}
.t4-content form#userForm div.formContainer div.rsform-type-submitbutton button.rsform-submit-button {
	color: #ffffff;
	background-color: #942968;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.4;
	border: none;
	border-radius: 0px;
	box-shadow: none;
}
.t4-content form#userForm div.formContainer div.rsform-type-submitbutton p.formDescription {
	margin: 0px;
}


/* Home Top Carousel */
body div.page-masthead div.row-feature#Mod620{
	padding: 50px 0 0;
}
body .custom_lp_home_carousel .carousel-inner {
    width: 100%;
    overflow: hidden;
    padding: 0 50px;
}
body .custom_lp_home_carousel .carousel-inner li.item {
	
}
body .custom_lp_home_carousel .carousel-inner li.item img {
	display: none;
}
body .custom_lp_home_carousel .carousel-inner li.item .carousel-caption {
	position: relative;
	right: 0;
    left: 0;
    padding-bottom: 10px;
    max-width: 600px;
    margin: 0 auto;
}
body .custom_lp_home_carousel .carousel-inner li.item .carousel-caption h3 {
	color: #ffffff;
    font-family: "cabin-regular", "Verdana", "Helvetica", "Arial", sans-serif;
    font-size: 3.5em;
    line-height: 1.3em;
    text-align: center;
}
body .custom_lp_home_carousel .carousel-inner li.item .carousel-caption p {
	font-size: 22px;
    line-height: 1.8em;
    color: #dddddd;
    font-weight: 400;
    text-align: center;
    margin-bottom: 0;
}
body .custom_lp_home_carousel .carousel-control {
	background: none;
	width: 25px;
}






/* Article Intro - Blog */
.t4-content div.com-content-category-blog div.item article section.article-intro {
	text-align: left;
}

/* Read More */
.t4-content div.blog div.blog-items div.blog-item div.item-content section.readmore,
.t4-content div.com-content-category-blog div.item article section.readmore {
	text-align: right;
	margin: 20px 0px 0px 0px;
}

/* Aside Edit Buttons */
.t4-content div.item-page article aside.article-aside {
	margin: 0px;
}


/* Article Content */
.t4-content article header.article-header h1.article-title {
	margin:0px auto 20px auto;
	padding-bottom: 20px;
	width: 100%;
	border-bottom: 1px solid #eeeeee;
}
.t4-content article section.article-content {
	text-align: left;
}
.t4-content article section.article-content h3 {
	margin: 0px 0px 0px 0px;
}
.t4-content article section.article-content div.list-box {
	margin: 20px 0px 20px 0px;
	float: left;
	width: 100%;
	min-height: 145px;
	padding: 0px 0px 30px 0px;
	border-bottom: 1px solid #942968;
}
.t4-content article section.article-content div.list-box div.image-box {
	position: absolute;
	float: left;
	margin: 0px 20px 0px 0px;
}
.t4-content article section.article-content div.list-box div.image-box a {
	display:block;
	padding: 6px;
	border: 1px solid #942968;
}
.t4-content article section.article-content div.list-box div.image-box a:hover,
.t4-content article section.article-content div.list-box div.image-box a:focus {
	border: 1px solid #000000;
}
.t4-content article section.article-content div.list-box div.image-box a img {
	width: 150px;
	height: 100px;
}
.t4-content article section.article-content div.list-box div.text-box {
	font-size: 12px;
	margin: 0px 0px 0px 190px;
}
.t4-content article section.article-content div.list-box div.text-box a {
	font-size: 14px;
}
.t4-content article section.article-content div.list-box div.text-box p {
	margin: 0px 0px 0px 0px;
}
.t4-content article section.article-content div.list-box div.text-box h3 {
	margin: 0px 0px 5px 0px;
	line-height: 24px;
}
.t4-content article nav.pagenavigation {
	text-align: center;
}
.t4-content article nav.pagenavigation span.pagination {
	float: none;
}
.t4-content article nav.pagenavigation span.pagination a {
	font-size: 1.3em;
}
.t4-content article nav.pagenavigation span.pagination a.btn:active,
.t4-content article nav.pagenavigation span.pagination a.btn.active,
.t4-content article nav.pagenavigation span.pagination a:hover,
.t4-content article nav.pagenavigation span.pagination a:active {
	-webkit-box-shadow:none;
	box-shadow:none;
}



/* Mainbody */
.t4-content div.blog div.page-subheader {
	border: none;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}


/* Pagination */
body nav.pagenavigation span.pagination a.previous {
	float: left;
}
body nav.pagenavigation span.pagination a.next {
	float: right;
}



/* Blog - Article */
body div.item-page article div.articlemainbody {
	margin: 40px 0px 40px 0px;
	padding: 20px;
	border: 1px solid #999999;
	border-radius: 7px;
	background-color: #fafafa;
	box-shadow: 5px 5px 10px #cccccc;
}
body div.item-page article div.articlemainbody img {
	margin: 0px 0px 0px 0px;
	border-style: solid;
	border-width: 3px;
	border-color: #611b44 #942968 #942968 #611b44;
	padding: 7px;
}
body div.item-page article div.articlemainbody div.content-links ol.nav li.content-links-a a {
	padding: 20px 0px 0px 0px;
}
body div.item-page article div.articlemainbody div.content-links ol.nav li.content-links-a a:hover {
	background-color: transparent;
}


/* Blog - Category */
body div.blog div.item {
	padding: 20px;
	border: 1px solid #999999;
	border-radius: 7px;
	background-color: #fafafa;
	box-shadow: 5px 5px 10px #cccccc;
}
body div.blog div.item div.item-image a {
	display: block;
}
body div.blog div.item div.item-image img {
	margin: 6px 20px 0px 0px;
	border-style: solid;
	border-width: 2px;
	border-color: #611b44 #942968 #942968 #611b44;
	padding: 5px;
}
body div.blog div.items-row div.item div.item-content p {
	height: 110px;
	max-height: 110px;
	overflow: hidden;
}

body div.blog div.item div.item-content {
	text-align: left;
	font-size: 14px;
	line-height: 24px;
	min-height: 140px;
}
body div.blog div.item div.item-content div.page-header {
	margin: 0px;
	padding: 0px;
	border: none;
	text-align: center;
}
body div.blog div.item div.item-content div.page-header h2,
body div.blog div.item header.article-header h2.article-title {
	margin: 0px auto 10px auto;
	font-size: 28px;
}
body div.blog div.item div.item-content .readmore {
	margin: 20px 0px 10px 0px;
	text-align: right;
}
body div.blog div.item div.item-content .readmore a.btn {
	border-radius: 5px;
	font-size: 12px;
	padding: 4px 8px 4px 8px;
}
.t4-content div.item-page .article-content span.article-intro {
	display: block;
	white-space: nowrap;
	overflow: hidden;
}
body div.blog div.item div.item-content .article-intro {
	display: block;
	/*
	white-space: nowrap;
	overflow: hidden;
	*/
}
.t4-content div.blog div.items-row div.item div#fd div.o-snackbar {
	background-color: transparent;
	padding: 0px;
}
.t4-content div.blog div.items-row div.item div#fd div.o-snackbar a {
	font-size: 10px;
	line-height: 12px;
	font-weight: normal;
	color: #aaaaaa;
}


/* Blog - Subcategory */
body div.blog div.cat-children {
	padding: 20px;
	border: 1px solid #999999;
	border-radius: 7px;
	background-color: #fafafa;
	box-shadow: 5px 5px 10px #cccccc;
}

body div.blog div.cat-children div.com-content-category-blog__child h2.page-header.item-title {
	font-size: 28px;
	padding: 0px;
	margin-bottom: 10px;
	border: none;
}
body div.blog div.cat-children div.com-content-category-blog__child p {
	font-size: 14px;
	line-height: 24px;
}
body div.blog div.cat-children div.com-content-category-blog__child section.readmore {
	margin: 20px 0px 10px 0px;
	text-align: right;
}
body div.blog div.cat-children div.com-content-category-blog__child section.readmore a.btn.btn-default {
	border-radius: 5px;
	font-size: 12px;
	padding: 4px 8px 4px 8px;
}




/* Blog - Article */
body div.blog div.blog-items div.blog-item div.item-content div.page-header {
	border: none;
	padding: 0px;
	margin: 0px;
	text-align: left;
}
body div#t4-mainbody div.com-content-category-blog div.page-subheader {
	padding: 0px;
}
body div#t4-mainbody div.com-content-category-blog div.category-desc p {
	margin: 0px 0px 40px 0px;
	font-weight: 700;
}


/* Tags */
body div.item-page article div.tags {
	display: inline-block;
	padding: 0px 20px 0px 20px;
}
/* Hits */
body div.item-page article dl.article-info {
	display: inline-block;
	width: auto;
	padding: 0px 20px 0px 20px;
}
/* Rating */
body div.item-page article div.content_rating {
	display: inline-block;
	padding: 0px 20px 0px 20px;
}
/* Vote */
body div.item-page article form.form-inline {
	display: inline-block;
	padding: 0px 20px 0px 20px;
}

/* Submit Comment  #611b44; 
body div.item-page div.formArea button {
	background-color: #942968;
}
*/



/* Servers Page */
body.servers div.blog div.page-subheader {
	padding: 0px;
	border: none;
}
body.servers div.blog div.category-desc {
	margin: 0px 0px 50px 0px;
}
body.servers div.blog div.item,
body.servers div.blog div.item article {
	padding: 20px;
	border: 1px solid #999999;
	border-radius: 7px;
	background-color: #fafafa;
	box-shadow: 5px 5px 10px #cccccc;
}



/* Servers - Articles */
body.servers div.main-narrow div.t4-content div.item-pageXX,
body.servers div.main-narrow div.t4-content div.item-page article {
	padding: 25px;
	border: 1px solid #999999;
	border-radius: 7px;
	background-color: #fafafa;
	box-shadow: 5px 5px 10px #cccccc;
}
body.servers div.main-narrow div.t4-content div.item-page header.article-header h1.article-titleXX,
body.servers div.main-narrow div.t4-content div.item-page article header.article-header h1.article-title {
	margin: 0px auto 10px auto;
}
body.servers div.main-narrow div.t4-content div.item-page article aside.article-aside {
	float: right;
}


/* Edit Icon */
.t4-content div.item div.item-content div.icons div.edit-link a {
	float: right;
	font-size: 10px;
}



/* Tags */
.t4-content div.blog div.items-row div.item div.item-content div.tags {
	text-align: center;
	margin: 15px 0px 0px 0px;
}
.t4-content div.blog div.items-row div.item div.item-content div.tags span a.label {
	margin: 0px 5px 0px 5px;
}

body.servers div.main-narrow div.t4-content div.item-page div.tags span {
	margin: 0px 5px 0px 5px;
}
.t4-content div.blog div.items-row div.item div.item-content div.tags span a.label,
.t4-content div.item-page article div.tags span a.label {
	color: #ffffff;
	background-color: #942968;
	border-radius: 5px;
	border: none;
	padding: 3px 6px 3px 6px;
	font-size: 11px;
	font-weight: 400;
}
.t4-content div.blog div.items-row div.item div.item-content div.tags span a.label:hover,
.t4-content div.blog div.items-row div.item div.item-content div.tags span a.label:active,
body.servers div.main-narrow div.t4-content div.item-page article div.tags span a.label:hover,
body.servers div.main-narrow div.t4-content div.item-page article div.tags span a.label:active {
	background-color: #611b44;
}




/* Pagination */
.t4-content div.item-page nav.pagenavigation span.pagination {
	margin: 0px auto 0px auto;
	float: none;
}
.t4-content div.item-page nav.pagenavigation span.pagination a.btn span {
	font-size: 26px;
}


/* Sidebar Module: Menu */
.t4-content div.t4-sidebar div.module ul li,
.t4-content div.t4-sidebar div.moduletable ul li {
	padding: 5px 0px 5px 20px;
	border: none;
	line-height: inherit;
}
.t4-content div.t4-sidebar div.module ul li a.mod-articles-category-title,
.t4-content div.t4-sidebar div.moduletable ul li a {
	font-size: 16px;
	line-height: 1.85;
}


/* Module: Login */
body div.moduletable form.mod-login-logout,
body div.moduletable form.mod-login {
	padding: 30px 40px 30px 40px;
	border-radius: 15px;
	background-color: rgba(0,0,0, 0.3);
}

body div.moduletable form.mod-login div.userdata div.form-group div.input-group input.form-control {
	width: 100%;
}

body div.moduletable form.mod-login div.userdata div.form-group div.input-group span.input-group-text {
	background-color: #eeeeee;
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	background-image: none;
	border: 1px solid transparent;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.43;
	border-radius: 0;
}
body div.moduletable form.mod-login div.userdata div.form-group div.input-group button.btn-secondary {
	background-color: #eeeeee;
}
body div.moduletable form.mod-login div.posttext p {
	margin: 0px;
}

body div.moduletable form.mod-login div.userdata div.form-group div.input-group span.input-group-text span.icon-user {
}













