/*
#7a2255 (burgundy)
#611b44 (dk burgundy)
#942968 (lt burgundy)

#3e9dd3 (bright blue)
#78bf57 (bright green)
*/



/* 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');
}
*/



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

body li {
	line-height: 1.85;
}


/* Mainbody */
/*
This is needed for now, otherwise
narrow content will not be centered!
*/
body div#t3-mainbody.t3-mainbody {
	text-align: center;
}



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

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

/* Read More */
body div.t3-mainbody div.com-content-category-blog div.item article section.readmore {
	text-align: right;
}

/* Aside Edit Buttons */
body div.t3-mainbody div.item-page article aside.article-aside {
	margin: 0px;
}

/* Article Content */
body div.t3-mainbody div.item-page article section.article-content {
	text-align: left;
}

/* Invoices */
body div#t3-mainbody.t3-mainbody div#invoice {
	text-align: left;
	padding: 20px;
	border: 1px solid #aaaaaa;
	box-shadow: 5px 5px 10px #aaaaaa;
}
body div#t3-mainbody.t3-mainbody div#invoice h2.invoice_header {
	text-align: center;
}
body div#t3-mainbody.t3-mainbody div#invoice span.badge.bg-warning.text-white {
	background-color: #ffc720;
	font-size: 16px;
	border-radius: 5px;
	padding: 5px;
}
body div#t3-mainbody.t3-mainbody 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 nav.t3-navbar {
	margin: 0px 25px 0px 25px;
	display: inline-block;
}
body header.navbar div.container-fluid div.navbar-header div.head-search {
	right: 0;
}

body .navbar-default .navbar-nav > .active > a:hover {
  background-color: #611b44;
  color: #dddddd;
}
body .navbar-default .navbar-nav > .active > a,
body .navbar-default .navbar-nav > .active > a:focus {
  background-color: transparent;
  color: #dddddd;
}




body div.dropdown-menu {
	background-color: #444444;
}

body header.navbar-default ul.navbar-nav li {
  margin: 0px 0px 0px 0px;
}

body header.navbar-default ul.navbar-nav li span.dropdown-toggle,
body header.navbar-default ul.navbar-nav li a {
  padding: 0px 10px 0px 10px;
}


body header.navbar-default ul.navbar-nav li a:focus,
body header.navbar-default ul.navbar-nav li a:hover,
body header.navbar-default ul.navbar-nav li.dropdown.open span.dropdown-toggle:focus,
body header.navbar-default ul.navbar-nav li.dropdown.open span.dropdown-toggle:hover,
body .navbar-default .navbar-nav > .open > a,
body .navbar-default .navbar-nav > .open > a:focus,
body .navbar-default .navbar-nav > .open > a:hover {
  color: #ffffff;
  background-color: #611b44;
}


body .nav .open > a,
body .nav .open > a:focus,
body .nav .open > a:hover {
	border-color: transparent;
}








/* Off-Canvas Sidebar */
body div.t3-off-canvas .nav-pills > li.active > a,
body div.t3-off-canvas .nav-pills > li.active > a:hover,
body div.t3-off-canvas .nav-pills > li.active > a:focus {
    background-color: #942968;
}
body .t3-off-canvas .t3-off-canvas-body a {
    color: #942968;
}
body .t3-off-canvas .t3-off-canvas-body a:hover,
body .t3-off-canvas .t3-off-canvas-body a:focus {
    color: #611b44;
}


/* 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;
}




/* Breadcrumbs */
body .t3-navhelper {
	color: inherit;
	background: inherit;
	padding: 0px;
}
body .t3-navhelper ol.breadcrumb {
	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;
}





/* 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);
}




/* Nav Helper */
body div.t3-navhelper {
	padding: 0px;
}
body .t3-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;
}

body .t3-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;
}
body .t3-navhelper div.module.overlay-dark span.rt-icon span.fa {
	color:#ffffff;
}
body .t3-navhelper div.module.overlay-dark h2.title {
	color:#ffffff;
	font-size: 28px;
}
body .t3-navhelper div.module.overlay-dark ul {
	text-align: left;
}
body .t3-navhelper div.module.overlay-dark p a {
	color: #8f8f8f;
}
body .t3-navhelper div.module.overlay-dark p a:active,
body .t3-navhelper div.module.overlay-dark p a:hover {
	color: #ffffff;
}
body .t3-navhelper div.module.overlay-dark div.textbox {
	display: inline-block;
}






/* Footer */
body footer {
	padding: 0px 30px 30px 30px;
	font-family: "cabin-regular", "Verdana", "Helvetica", "Arial", sans-serif;
	font-weight: normal;
	letter-spacing: normal;
}
body footer#t3-footer.t3-footer {
	background: #2d2d2d;
	color: #5f5f5f;
	box-shadow: 0 1px 0 rgba(255,255,255, 0.1) inset;
	border-top: 1px solid rgba(0,0,0, 0.2);
}
body footer div#text-logo {
	padding: 50px 0px 20px 0px;
}
body footer 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;
}
body footer div#text-logo h3 a span.liquid {
	color: rgba(255, 255, 255, 0.8);
}
body footer div#text-logo h3 a span.purple {
	color: rgba(255, 255, 255, 0.4);
}
body footer div.copyright-text {
	font-size: 12px;
	color: rgba(255, 255, 255, 0.6);
}

body footer 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;
}
body footer div.back-to-top button.btn:active,
body footer div.back-to-top button.btn:hover {
	color: #ffffff;
}
body footer ul.nav {
	padding: 50px 0px 20px 0px;
	text-align: right;
}
body footer ul.nav li {
	display:inline-block;
}
body footer ul.nav li a {
	padding: 0px 0px 0px 30px;
	color: #6e6e6e;
	font-size: 14px;
	line-height: 14px;
}
body footer ul.nav li a:active,
body footer ul.nav li a:hover {
	color: #ffffff;
	background-color: transparent;
}
body footer ul.nav > li.active > a,
body footer ul.nav > li.active > a:hover,
body footer ul.nav > li.active > a:focus {
    background-color: transparent;
}
body footer div#social-icons span.followus {
	letter-spacing: 0.02em;
	font-size: 12px;
	color: rgba(255, 255, 255, 0.6);
	padding: 17px 6px 0px 0px;
}

body footer div#social-icons ul.socialNetwork {
	list-style-type: none;
	padding: 0;
	margin: 10px 0px 0px 0px;
}
body footer div#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;
}
body footer div#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);
}


body footer div#social-icons ul.socialNetwork li a {
	display:block;
	padding:0px;
}
body footer div#social-icons ul.socialNetwork li a i.fa-brands,
body footer div#social-icons ul.socialNetwork li a i.fab,
body footer div#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);
}
body footer div#social-icons ul.socialNetwork li a i.fa-brands:active,
body footer div#social-icons ul.socialNetwork li a i.fa-brands:hover,
body footer div#social-icons ul.socialNetwork li a i.fab:active,
body footer div#social-icons ul.socialNetwork li a i.fab:hover,
body footer div#social-icons ul.socialNetwork li a i.fa:active,
body footer div#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 */
body footer div.copyright-footer {
	padding-top: 20px;
}
body footer 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;
}





/* Invoices */




/* 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%;
}
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;
}



/* Blog */
body div#t3-mainbody div.t3-content div.com-content-category-blog div.page-subheader {
	padding: 0px;
}
body div#t3-mainbody div.t3-content div.com-content-category-blog div.category-desc p {
	margin: 0px 0px 40px 0px;
	font-weight: 700;
}
body div#t3-mainbody article section.article-content h3 {
	margin: 40px 0px 10px 0px;
}

body div#t3-mainbody div.t3-content article section.article-content div.list-box {
	width: 100%;
	min-height: 145px;
	padding: 0px 0px 30px 0px;
	margin: 30px 0px 0px 0px;
	border-bottom: 1px solid #942968;
}
body div#t3-mainbody div.t3-content article section.article-content div.list-box div.image-box {
	position: absolute;
}
body div#t3-mainbody div.t3-content article section.article-content div.list-box div.image-box a {
	display:block;
	padding: 6px;
	border: 1px solid #942968;
}
body div#t3-mainbody div.t3-content article section.article-content div.list-box div.image-box a:hover,
body div#t3-mainbody div.t3-content article section.article-content div.list-box div.image-box a:focus {
	border: 1px solid #000000;
}

body div#t3-mainbody div.t3-content article section.article-content div.list-box div.image-box a img {
	width: 150px;
	height: 100px;
}
body div#t3-mainbody div.t3-content article section.article-content div.list-box div.text-box {
	font-size: 12px;
	margin: 0px 0px 0px 190px;
}
body div#t3-mainbody div.t3-content article section.article-content div.list-box div.text-box a {
	font-size: 14px;
}
body div#t3-mainbody div.t3-content article section.article-content div.list-box div.text-box p {
	margin: 0px 0px 0px 0px;
}
body div#t3-mainbody div.t3-content article section.article-content div.list-box div.text-box h3 {
	margin: 0px 0px 5px 0px;
	line-height: 24px;
}


/* 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.t3-content 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.t3-content 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.t3-content div.item-pagecontact-us div.btn-group ul.dropdown-menu > li:first-child {
    border-top: 0;
}
body.contact-us div.t3-content 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.t3-content div.item-pagecontact-us div.btn-group ul.dropdown-menu > li > a {
    color: rgba(255,255,255, 0.9);
}
body.contact-us div.t3-content div.item-pagecontact-us div.btn-group ul.dropdown-menu > li > a:hover,
body.contact-us div.t3-content 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.t3-content div.item-pagecontact-us div.btn-group ul.dropdown-menu > li:first-child > a {
	border-radius: 5px 5px 0px 0px;
}
body.contact-us div.t3-content div.item-pagecontact-us div.btn-group ul.dropdown-menu > li:last-child > a {
	border-radius: 0px 0px 5px 5px;
}
body.contact-us div.t3-content div.item-pagecontact-us article aside.article-aside {
	display: inline-block;
	margin: 0px;
	float: right;
}


/* Contact Us Form */
body.contact-us div.features-intro div.t3-mainbody {
    max-width:100%;
    overflow:hidden;
    padding:20px 20px 20px 20px;
    background-color:#942968;
    color:#ffffff;
    margin:0px;
}
body.contact-us div.features-intro div.t3-mainbody div.t3-content {
	text-align:center;
}
body.contact-us div.features-intro div.t3-mainbody div.t3-content div.item-pagecontact-us,
body.contact-us div.item-pagecontact-us {
	margin:0px auto 0px auto;
	display:inline-block;
	text-align:left;
}
body.contact-us div.features-intro div.t3-mainbody div.t3-content div.item-pagecontact-us header.entry-header h1.entry-title,
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.features-intro div.t3-mainbody div.t3-content div.item-pagecontact-us,
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.features-intro div.t3-mainbody div.t3-content div.item-pagecontact-us p.note,
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.features-intro div.t3-mainbody div.t3-content div.item-pagecontact-us p.note a,
body.contact-us div.item-pagecontact-us p.note a {
	color:#cccccc;
}
body.contact-us div.features-intro div.t3-mainbody div.t3-content div.item-pagecontact-us p.notea:active,
body.contact-us div.features-intro div.t3-mainbody div.t3-content div.item-pagecontact-us p.notea:hover,
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.features-intro div.t3-mainbody div.t3-content div.item-pagecontact-us form#userForm strong.formRequired,
body.contact-us div.item-pagecontact-us form#userForm strong.formRequired {
	display:none;
}
body.contact-us div.features-intro div.t3-mainbody div.t3-content div.item-pagecontact-us form#userForm div.rsform-block label.control-label,
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.features-intro div.t3-mainbody div.t3-content div.item-pagecontact-us form#userForm div.rsform-block div.formControls,
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.features-intro div.t3-mainbody div.t3-content div.item-pagecontact-us form#userForm div.rsform-block div.formControls select.rsform-select-box,
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.features-intro div.t3-mainbody div.t3-content div.item-pagecontact-us form#userForm div.rsform-block div.formControls select.rsform-select-box:hover,
body.contact-us div.features-intro div.t3-mainbody div.t3-content div.item-pagecontact-us form#userForm div.rsform-block div.formControls select.rsform-select-box:focus,
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.features-intro div.t3-mainbody div.t3-content div.item-pagecontact-us form#userForm div.rsform-block div.formControls select.rsform-select-box,
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);
}
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;
}
/* 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 section#g-main div.g-content {
    padding:0px;
    margin:0px;
}
body.quiz section#g-main div.g-content div.platform-content {
    max-width:100%;
    overflow:hidden;
    padding:60px 50px 40px 50px;
    background-color:#dddddd;
    color:#000000;
    margin:0px;
}
body.quiz section#g-main div.g-content div {
	text-align:center;
}
body.quiz section#g-main div.g-content div.platform-content div.item-page {
	margin:0px auto 0px auto;
	display:inline-block;
	text-align:left;
}
body.quiz section#g-main div.g-content div.platform-content div.item-page 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 section#g-main div.g-content div.platform-content div.item-page 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 section#g-main div.g-content div.platform-content div.item-page form#userForm strong.formRequired {
	color:#ff0000;
}
body.quiz section#g-main div.g-content div.platform-content div.item-page form#userForm div.rsform-block {
	margin:40px 0px 40px 0px;
}
body.quiz section#g-main div.g-content div.platform-content div.item-page form#userForm div.rsform-block.error {
	background-color:rgba(0,0,0,.0);
	background-image:none;
}
body.quiz section#g-main div.g-content div.platform-content div.item-page form#userForm span.formValidation span.formError {
	font-size:14px;
	color:#ffffff;
	background-color:#ff0000;
	padding:5px;
	border-radius:4px;
}

body.quiz section#g-main div.g-content div.platform-content div.item-page form#userForm .control-group.error {
    color:#ff0000;
}
body.quiz section#g-main div.g-content div.platform-content div.item-page form#userForm div.rsform-block div.formControls {
	margin:0px;
}
body.quiz section#g-main div.g-content div.platform-content div.item-page 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 section#g-main div.g-content div.platform-content div.item-page form#userForm div.rsform-block.rsform-block-step-1 {
	text-align:right;
}
body.quiz section#g-main div.g-content div.platform-content div.item-page form#userForm div.rsform-block div.controls.formControls.btn-group {
	width:100%;
}
body.quiz section#g-main div.g-content div.platform-content div.item-page form#userForm button.rsform-button-next {
	float:right;
}
body.quiz section#g-main div.g-content div.platform-content div.item-page form#userForm button.rsform-button-prev {
	float:left;
}
body.quiz section#g-main div.g-content div.platform-content div.item-page form#userForm label.radio {
	text-align:left;
}
body.quiz section#g-main div.g-content div.platform-content div.item-page 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 section#g-main div.g-content div.platform-content div.item-page form#userForm div.rsform-block-name label.control-label.formControlLabel {
	padding:10px 10px 0px 0px;
	width:32%;
	text-align:right;
	float:left;
}
body.quiz section#g-main div.g-content div.platform-content div.item-page form#userForm div.rsform-block-name div.controls.formControls {
	width:68%;
	text-align:left;
	float:left;
}
body.quiz section#g-main div.g-content div.platform-content div.item-page form#userForm div.rsform-block-name div.controls.formControls input#name.rsform-input-box {
	width:100%;
}
body.quiz section#g-main div.g-content div.platform-content div.item-page form#userForm div.rsform-block-phone label.control-label.formControlLabel {
	padding:10px 10px 0px 0px;
	width:32%;
	text-align:right;
	float:left;
}
body.quiz section#g-main div.g-content div.platform-content div.item-page form#userForm div.rsform-block-phone div.controls.formControls {
	width:68%;
	text-align:left;
	float:left;
}
body.quiz section#g-main div.g-content div.platform-content div.item-page form#userForm div.rsform-block-phone div.controls.formControls input#phone.rsform-input-box {
	width:100%;
}
body.quiz section#g-main div.g-content div.platform-content div.item-page form#userForm div.rsform-block-email label.control-label.formControlLabel {
	padding:10px 10px 0px 0px;
	width:32%;
	text-align:right;
	float:left;
}
body.quiz section#g-main div.g-content div.platform-content div.item-page form#userForm div.rsform-block-email div.controls.formControls {
	width:68%;
	text-align:left;
	float:left;
}
body.quiz section#g-main div.g-content div.platform-content div.item-page form#userForm div.rsform-block-email div.controls.formControls input#email.rsform-input-box {
	width:100%;
}
body.quiz section#g-main div.g-content div.platform-content div.item-page form#userForm div.rsform-block-captcha label.control-label.formControlLabel {
	padding:10px 10px 0px 0px;
	width:32%;
	text-align:right;
	float:left;
}
body.quiz section#g-main div.g-content div.platform-content div.item-page form#userForm div.rsform-block-captcha div.controls.formControls {
	width:68%;
	text-align:left;
	float:left;
}
body.quiz section#g-main div.g-content div.platform-content div.item-page form#userForm div.rsform-block-captcha div.controls.formControls div.row-fluid {
	display:inline-block;
	width:auto;
	float:left;
}
body.quiz section#g-main div.g-content div.platform-content div.item-page 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 section#g-main div.g-content div.platform-content div.item-page form#userForm div.rsform-block-captcha div.controls.formControls div.row-fluid div.span9 {
	width:200px;
}
body.quiz section#g-main div.g-content div.platform-content div.item-page form#userForm div.rsform-block-captcha div.controls.formControls div.row-fluid div.span3 {
	width:auto;
}
body.quiz section#g-main div.g-content div.platform-content div.item-page form#userForm div.rsform-block-captcha div.controls.formControls div.row-fluid div.input-append {
	margin:0px;
}
body.quiz section#g-main div.g-content div.platform-content div.item-page 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 section#g-main div.g-content div.platform-content div.item-page form#userForm div.rsform-block-recaptcha label.control-label.formControlLabel {
	padding:10px 10px 0px 0px;
	width:32%;
	text-align:right;
	float:left;
}
body.quiz section#g-main div.g-content div.platform-content div.item-page form#userForm div.rsform-block-recaptcha div.controls.formControls {
	width:68%;
	text-align:left;
	float:left;
}
body.quiz section#g-main div.g-content div.platform-content div.item-page form#userForm div.rsform-block-recaptcha div.controls.formControls div.row-fluid {
	display:inline-block;
	width:auto;
	float:left;
}
*/
body.quiz div.t3-mainbody {
	max-width: 100%;
	overflow: hidden;
	padding: 60px 50px 40px 50px;
	background-color: #dddddd;
	color: #000000;
	margin: 0px;
}
body.quiz div.t3-mainbody form#userForm {
	margin: 0px auto 0px auto;
	display: inline-block;
	text-align: left;
}



/* Groups Nav
body div.view-groups div.es-profile div.es-profile-header-nav div.albums {
	display: none !important;
}
 */


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


/* Custom CSS for Project Component */
#joomproject input, #joomproject .form-control {
    height: 34px !important;
    padding: 6px 12px !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
}
#joomproject .btn, #joomproject .btn-sm, #joomproject .btn-group-sm > .btn {
	padding: 5px 12px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    border-radius: 0.2rem !important;
}
#joomproject .dropdown-menu {
    font-size: 13px !important;
}
#joomproject #comments #commentForm .card .card-body img.rounded-circle {
	width: 100%;
}
#joomproject span.checkbox.float-left {
	width: 15px;
	margin-top: 8px;
}
#joomproject span.checkbox.float-left input[type="checkbox"] {
	height: 15px !important;
    margin: 0 !important;
}
#joomproject label.checkbox.float-left {
	width: 25px;
	margin-top: 1px;
}
#joomproject label.checkbox.float-left input[type="checkbox"] {
	height: 15px !important;
    margin: 0 !important;
}
body .tw-list .row-paid, .tw-list .row-invoiced {
	text-align: center;
}
body .tw-list .row-paid a, .tw-list .row-invoiced a {
	color: #cbcbcb;
}
body #worklog-data .row-paid .paid, #worklog-data .row-invoiced .invoiced {
    color: green;
}


/* 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.t3-mainbody div.com-users-login.login {
	font-size: 14px;
	display: inline-block;
}
body.login div.t3-mainbody div.com-users-login.login div.com-users-login__submit.control-group {
	margin: 0px;
}
body.login div.t3-mainbody div.com-users-login.login div.com-users-login__submit.control-group div.controls {
	margin: 0px;
}

/* Username Reminder / Reset Password */
body.forgot-username div.t3-mainbody div.remind,
body.forgot-password div.t3-mainbody 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.t3-mainbody div.remind form.com-users-remind__form fieldset legend,
body.forgot-password div.t3-mainbody 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.t3-mainbody div.remind div.com-users-remind__submit.control-group,
body.forgot-password div.t3-mainbody div.reset div.com-users-reset__submit.control-group {
	margin: 0px;
}
body.forgot-username div.t3-mainbody div.remind form.com-users-remind__form fieldset div.control-group div.control-label,
body.forgot-password div.t3-mainbody div.reset form.com-users-reset__form fieldset div.control-group div.control-label {
	width: 120px;
}
body.forgot-username div.t3-mainbody div.remind form.com-users-remind__form fieldset div.control-group div.controls,
body.forgot-password div.t3-mainbody div.reset form.com-users-reset__form fieldset div.control-group div.controls {
	margin-left: 140px;
}
body.forgot-username div.t3-mainbody div.remind div.com-users-remind__submit.control-group div.controls,
body.forgot-password div.t3-mainbody div.reset div.com-users-reset__submit.control-group div.controls {
	margin: 0px;
}
body.forgot-username div.t3-mainbody div.remind form.com-users-remind__form,
body.forgot-password div.t3-mainbody div.reset form.com-users-reset__form {
	margin: 0px;
	padding: 0px;
	border: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
}


/* Registration Form */
body div.t3-mainbody form#userForm {
	margin: 0px;
	font-size: 14px;
}
body div.t3-mainbody form#userForm h2 {
	margin: 0px 0px 20px 0px;
}
body div.t3-mainbody 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);
}
body div.t3-mainbody form#userForm div.formContainer div.rsform-block-email {
	margin: 0px;
}
body div.t3-mainbody form#userForm div.formContainer div.rsform-block-password {
	margin: 0px;
}
body div.t3-mainbody form#userForm div.formContainer div.rsform-block-password p.formDescription {
	margin: 0px;
}
body div.t3-mainbody form#userForm div.formContainer div.rsform-type-submitbutton {
	margin: 0px;
}
body div.t3-mainbody form#userForm div.formContainer div.rsform-type-submitbutton label.formControlLabel {
	display: none;
}
body div.t3-mainbody form#userForm div.formContainer div.rsform-block.rsform-type-submitbutton {
}
body div.t3-mainbody form#userForm div.formContainer div.rsform-block.rsform-type-submitbutton div.formControls {
	display: inline-block;
	margin: 0px;
}
body div.t3-mainbody form#userForm div.formContainer div.rsform-block div.formControls {
	margin: 0px 0px 0px 125px;
}
body div.t3-mainbody form#userForm div.formContainer div.formControls div.formBody {
	text-align: left;
}
body div.t3-mainbody form#userForm div.formContainer div.rsform-block-recaptcha {
	margin: 0px;
}
body div.t3-mainbody 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;
}
body div.t3-mainbody form#userForm div.formContainer div.rsform-type-submitbutton p.formDescription {
	margin: 0px;
}