/* =================================================================== */
/* Template CSS
====================================================================== */

a, a:hover, a:focus		{ outline: none; }

.modal {
	z-index: 2000;
}

.ajax-loader {
	display: none;
	position: fixed !important;
	top: 50% !important;
	left: 50% !important;
}

#ajax-spinner {
	margin: 15px 0 0 15px;
	padding: 13px;
	background: white url('../img/spinner.gif') no-repeat 50% 50%;
	font-size: 0;
	z-index: 123456;
	display: none;
}

div.flash {
	color: black;
	background: #FFF9D7;
	border: 1px solid #E2C822;
	padding: 1em;
	margin: 1em 0;
}

a[href^="error:"] {
	background: red;
	color: white;
}

form th, form td {
	vertical-align: top;
	font-weight: normal;
}

form th {
	text-align: right;
}

form .required label {
	font-weight: bold;
}

form .error {
	color: #D00;
	font-weight: bold;
}

textarea {
	max-width: 100%; 
}

html.js .jshidden {
	display: none;
}

body, html {
	/*height: 100%;*/
	width: 100%;
	background: #484848; 
}

body	{ min-width: 320px; }

body, h1, h2, h3, h4, h5, h6 {
	font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 700;
}

.page-header.top {
	margin-top: 0px;
}

dt {
	font-weight: 900;
}

.lead {
	font-size: 18px;
	font-weight: 400;
}

.intro-header {
	padding-top: 50px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
	padding-bottom: 50px;
	color: #f8f8f8;
	text-align: center;
}

.intro-message {
	position: relative;
	padding-top: 5%;
}

.intro-message > h1 {
	margin: 0;
	font-size: 5em;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
}

.intro-divider {
	width: 400px;
	border-top: 1px solid #f8f8f8;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.intro-message > h3 {
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
}

@media (max-width: 767px) {
	.intro-message {
		padding-bottom: 15%;
	}

	.intro-message > h1 {
		font-size: 3em;
	}

	ul.intro-social-buttons > li {
		display: block;
		margin-bottom: 20px;
		padding: 0;
	}

	ul.intro-social-buttons > li:last-child {
		margin-bottom: 0;
	}

	.intro-divider {
		width: 100%;
	}
}

.network-name {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 2px;
}

.content-section-a {
	padding: 70px 0 90px 0;
	/* min-height: 550px;*/
	background: #ffffff; 
}

.content-section-b {
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	padding: 50px 0;
}

.section-heading {
	margin-bottom: 30px;
}

.section-heading-spacer {
	border-top: 3px solid #e7e7e7;
	width: 200px;
	float: left;
}

@media (max-width: 1199px) {
	ul.banner-social-buttons {
		float: left;
		margin-top: 15px;
	}
}

@media (max-width: 767px) {
	.banner h2 {
		margin: 0;
		text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
		font-size: 3em;
	}

	ul.banner-social-buttons > li {
		display: block;
		margin-bottom: 20px;
		padding: 0;
	}

	ul.banner-social-buttons > li:last-child {
		margin-bottom: 0;
	}
}

footer {
	background-color: #f8f8f8;
	padding: 50px 0;
}

p.copyright {
	margin: 15px 0 0;
}

.popover {
	max-width: 800px;
}

/* =================================================================== */
/* Forms
====================================================================== */

.form-narrow {
	max-width: 600px;
	padding: 50px 30px 30px;
	margin: 0 auto 20px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	   -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	        box-shadow: 0 1px 2px rgba(0,0,0,.05);
}

.form-narrow-noborder {
	max-width: 600px;
	padding: 0px 30px 30px;
	margin: 0 auto 20px;
}

/* =================================================================== */
/* Navbars
====================================================================== */

.navbar-default .navbar-nav > .admin > a,
.navbar-default .navbar-nav > .admin > a:hover {
	color: #555;
	background-color: #F1F1F1;
}

.title-nav {
	font-size: 25px;
	font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 700;
	margin-bottom: 50px;
}

/* =================================================================== */
/* Join
====================================================================== */

.join-columns h4 {
	margin-bottom: 30px;
}

.vat-id {
	float: left;
	width: 65%;
}

.vat-check {
	float: right;
	width: 30%;
	transition: all 0.3s;
}

.purchase-id {
	float: left;
	width: 65%;
}

.purchase-check {
	float: right;
	width: 30%;
	transition: all 0.3s;
}

.voucher-id {
	float: left;
	width: 65%;
}

.voucher-check {
	float: right;
	width: 30%;
	transition: all 0.3s;
}

tr.product-vat {
	display: none;
}

.Join .tab-signin {
	display: none;
}

/* =================================================================== */
/* Account
====================================================================== */

.details-company {
	margin-top: 10px;
}

.subscription.panel-primary {
	color: #428bca;
}

.subscription.panel-info {
	color: #31708f;
}

.subscription.panel-warning {
	color: #8a6d3b;
}

.subscription table {
	margin-bottom: 0px;
}

.subscription .btn.cancel {
	margin-top: 80px;
}

.subscription .btn-renew {
	width: 100%;
	margin-bottom: 10px;
}

/* =================================================================== */
/* Products
====================================================================== */

.theme.disabled img,
.plugin.disabled img,
.asset.disabled img,
.bundle.disabled img {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

.product-categories 		{ margin-bottom: 40px; }


/* =================================================================== */
/* Changelog
====================================================================== */

.changelog.dl-horizontal 	{ margin-bottom: 40px; }
.changelog.dl-horizontal dt	{ width: 243px; }
.changelog.dl-horizontal dd	{ margin-left: 273px; }

.changelog-title 			{ border: 3px solid #eaeaea; border-radius: 4px; margin: 40px 0; padding: 10px; position: relative; }
.changelog-title:after      { content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; }
.changelog-title .view-all			{ position: absolute; top: -30px; right: 0px; text-decoration: none; }
.changelog-title .view-all i		{ color: #bbbbbb; font-size: 16px; vertical-align: middle; margin-top: -2px; transition: all 0.3s; }
.changelog-title .view-all:hover i  { color: #838383; }
.changelog-title .thumb		{ width: 230px; float: left; }
.changelog-title .log-data	{ margin-left: 260px; }
.changelog-title h2			{ margin-bottom: 10px; margin-top: 12px; }
.changelog-title p				{ margin-bottom: 17px; }
.changelog-title .button-pack a	{ margin-top: 3px; }

@media (max-width: 768px) 
{
	.changelog.dl-horizontal dt		{ width: 100%; }
	.changelog.dl-horizontal dd		{ margin-left: 0px; margin-top: 10px; } 

	.changelog-title .thumb			{ width: 100%; float: none; }
	.changelog-title .log-data      { margin-left: 0; }
	

}


/* =================================================================== */
/* Support
====================================================================== */

/**
 * Search bar
 */

.search-bar .col-md-9 			{ padding-left: 0px; }
.search-bar .select2 			{ width: 100% !important; }
.search-bar .btn-lg				{ padding-top: 10px; padding-bottom: 10px; }

.search-bar 										{ background: #E4E9EB; border-width: 0px; padding: 20px; border-radius: 0px; }
.search-bar .advanced-filter 						{ padding-top: 6px; }
.search-bar .advanced-filter .filter-row:after		{ content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; }
.search-bar .advanced-filter .filter-row 			{ padding-top: 7px; }
.search-bar .advanced-filter .filter-title   		{ padding: 7px 15px 7px 15px; width: 140px; background: #515F65; border-radius: 2px; color: #ffffff; position: relative; float: left; margin-top: 3px; }
/*.search-bar .advanced-filter .filter-title:before 	{ display: block; content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 6px; background: #6ac9ed; border-radius: 4px 0px 0px 4px;}*/
.search-bar .advanced-filter .filter-status,
.search-bar .advanced-filter .filter-assigned-to,
.search-bar .advanced-filter .filter-category		{ display: block; margin-left: 145px; }

.search-bar .advanced-filter .btn-group > .btn					{ margin: 3px 2px 0px 0px; border: none; border-radius: 2px !important; padding: 7px 12px; color: #888888; }
.search-bar .advanced-filter .btn-group > .btn:hover			{ color: #333333; background: #F1F4F5; }
.search-bar .advanced-filter .btn-group > .btn-primary,
.search-bar .advanced-filter .btn-group > .btn-primary:hover,
.search-bar .advanced-filter .btn-group > .btn-primary:focus	{ color: #ffffff; background: #6AC9ED; }

.search-requests .row-filter 				{ margin-top: 10px; }
.search-requests .row-filter .col-title 	{ margin-top: 5px; }

@media (max-width: 768px) 
{
	.search-bar .advanced-filter .filter-row 			{ padding-top: 12px; }
	.search-bar .advanced-filter .filter-title			{ float: none; width: 100%; }
	.search-bar .advanced-filter .filter-status,
	.search-bar .advanced-filter .filter-assigned-to,
	.search-bar .advanced-filter .filter-category		{ margin-left: 0px; }
}
/**
 * Sidebar
 */

#sidebar .btn 				{ margin-bottom: 15px; width: 100%; }
.manage-question i,
.manage-request i,
.user-panel i 				{ margin-right: 10px; }
.user-panel .media 			{ padding-bottom: 15px; }

#sidebar .panel								{ box-shadow: none; border-radius: 0px; }
#sidebar .panel > .panel-heading			{ border: none; border-radius: 0px; font-size: 18px; padding: 15px; }
#sidebar .panel-body						{ padding: 0px; }
#sidebar .nav-stacked > li					{ padding: 0px 0px; margin: 0px; }
#sidebar .nav-stacked > li > a				{ border-radius: 0px; padding: 8px 15px; }
#sidebar .nav-stacked > li.sidebar-title				{ padding: 8px 15px; border-top: 5px solid #f5f5f5; }
#sidebar .nav-stacked > li.sidebar-title:after			{ content: ":"}
#sidebar .nav-stacked > li.sidebar-title:first-child	{ border-top: none; }
#sidebar .nav-stacked > li.active > a, 
#sidebar .nav-stacked > li.active > a:hover,
#sidebar .nav-stacked > li.active > a:focus				{ background: #60B5D6; color: #ffffff; }

@media (max-width: 992px) 
{
	#sidebar		{ clear: both; width: 100%; max-width: 400px; margin: 0px auto; float: none; }
}

/**
 * Topics
 */

a.list-group-item:hover, a.list-group-item:focus {
	box-shadow: 0 0 0 200px rgba(0, 230, 230, 0.03) inset; 
}

.topics .glyphicon {
	font-size: 24px;
	float: left;
	color: #999;
	margin-right: 20px;
	margin-top: 2px;
	width: 50px;
	height: 50px;
	line-height: 50px; 
	text-align: center;
	vertical-align: center;
	border-radius: 100%;
	background: #ffffff
}

.topics .announcement .glyphicon {
    background: #515F65;
    color: #ffffff;
}

.topics .new .glyphicon {
    color: #515F65;
}

.topics .resolved .glyphicon {
    background: #A1C328;
    color: #ffffff;    
}

.topics .list-group-item {
	background-color: #f7f7f7;
}

.topics .new {
	background-color: #E4E9EB;
}

.topics .answered {
	background-color: #F1F4F5;
}

.topics .awaiting-reply {
	background-color: #F1F4F5;
}

.topics .pending {
	background-color: #F1F4F5;
}

.topics .on-hold {
	background-color: #F1F4F5;
}

.topics .resolved {
	background-color: #E8F1E8;
}

.topics .badge.announcement {
	background-color: #428BCA;
}

.topics .badge.assigned {
	background-color: #39B3D7;
	min-width: 80px;
}

.topics .badge.views {
	background-color: #BDBDBD;
}

.topics .badge.assign {
	display: none;
	background-color: #428BCA;
}


/**
 * Topic
 */
.message .delete,
.message .edit,
.message .follow {
	float: right;
	margin-right: 20px;
	margin-top: 0px;
}

.message {
	margin-bottom: 20px;
}

.message .body {
	line-height: 24px;
	min-height: 120px;
	margin-bottom: 5px;
	position: relative;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
	word-wrap: break-word;
}

.message .body img {
	max-width: 100%;
}

.message .content .created {
	float: right;
}

ul.select2-result-sub {
	margin: 0 !important;
}

.input-hidden,
.form-inline .input-hidden {
	display: none;
}

/**
 * Add question
 */

.add-question {
	margin-bottom: 15px;
}

#question-editor .select2 {
	width: 100% !important;
}

/*.Support.addQuestion h3.similar,
.Support.addQuestion .form-body,
.Support.addQuestion #snippet-topics-topics,
.Support.addQuestion #add-question-show-body {
	display: none;
}*/

.Support.addQuestion .input-hidden {
	display: block;
}

/**
 * Custom CSS Edit
 */

body									{ font-weight: normal; }
body, h1, h2, h3, h4, h5, h6			{ font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; color: #838383; outline: none; }

h1.page-header			{ margin-top: 0px; margin-bottom: 40px; padding: 0px; border: none; }

a												{ transition: all 0.3s; }
a, a:hover, input, input:hover, input:focus		{ outline: none; }

.Bundles .content-section-a						{ padding-top: 80px; padding-bottom: 80px; position: relative; z-index: 10; }


/********************/
/*** Final Styles ***/
/********************/

@font-face {
	    font-family: 'OpenSans';
	    src: url('../fonts/sans/OpenSans-Regular-webfont.eot');
	    src: url('../fonts/sans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
	         url('../fonts/sans/OpenSans-Regular-webfont.woff') format('woff'),
	         url('../fonts/sans/OpenSans-Regular-webfont.ttf') format('truetype'),
	         url('../fonts/sans/OpenSans-Regular-webfont.svg#OpenSans') format('svg');
	    font-weight: 400;
	    font-style: normal;
	}

@font-face {
	    font-family: 'OpenSans';
	    src: url('../fonts/sans/opensans-extrabold-webfont.eot');
	    src: url('../fonts/sans/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
	         url('../fonts/sans/opensans-extrabold-webfont.woff') format('woff'),
	         url('../fonts/sans/opensans-extrabold-webfont.ttf') format('truetype'),
	         url('../fonts/sans/opensans-extrabold-webfont.svg#OpenSans') format('svg');
	    font-weight: 900;
	    font-style: normal;
	}


@media (max-width: 992px) {
  .container {
    width: auto;
  }
}

a	{ color: #60B5D6; outline: none; }

.grid-main:after								{ content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; }

#ait-announcements-bar img						{ height: auto; }

.page-intro										{ position: relative; z-index: 20; /*background: url(../img/header-home.jpg) no-repeat center center; background-size: cover;*/ background: #ffffff; }
.page-intro	.intro-header						{ padding-top: 0px; padding-bottom: 0px; }
.page-intro .site-header						{ position: relative; z-index: 1400; top: 0px; left: 0px; right: 0px; background: #ffffff; border: none; color: #838383; z-index: 1000; border-bottom: 0px solid #6AC9ED; box-shadow: 0px 0px 20px rgba(0,0,0,0.2); -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
.page-intro .grid-main							{ padding-left: 20px; padding-right: 20px; }
@media all and (min-width: 600px)
{
	.page-intro .grid-main							{ padding-left: 40px; padding-right: 40px; }
}
.header-container								{ padding-bottom: 0px; position: relative; z-index: 1500; }
.header-container:before						{ content: ""; background: #ffffff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; box-shadow: 0 1px 0px rgba(255,255,255,0.2); opacity: 0; z-index: 10; }
.header-container:after							{ content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; }

.join-title 									{ text-align: center; padding-top: 40px; padding-bottom: 50px;  display:none; }
.page-intro	.intro-header h2.intro,
.join-title h2.intro							{ color: #666666; font-weight: normal; margin-top: 30px; margin-bottom: 0px; font-size: 24px; }
.join-title h2.intro							{ margin-top: 0px; font-size: 40px; }
.join-title p.intro-msg							{ margin: 0px auto; padding: 5px 0px 20px 0px; max-width: 800px; }								

.site-logo 									{ display: block; font-size: 13px; text-align: left; padding: 40px 0px 30px 0px; float: left; box-sizing: border-box; width: 470px; min-height: 50px; }
.site-logo a								{ color: #0693e3; text-decoration: none; display: inline-block; vertical-align: top; white-space: nowrap; font-size: 12px; }
.site-logo > a								{ font-size: 0; }
.site-logo > a > svg						{ vertical-align: top; display: inline-block; padding-top: 3px; width: 51px; height: 47px; fill: #0693e3; transition: all 0.3s; box-sizing: content-box; }
.site-logo img								{ vertical-align: middle; display: inline-block; margin-right: 0px; }
.site-logo .site-logo-txt					{ display: inline-block; vertical-align: top; padding: 0px 12px 0px 12px; line-height: normal; }
.site-logo.svg-full > a > svg               { padding-top: 1px; width: 40px; height: 37px; }
.site-logo.svg-full .site-logo-txt			{ padding-left: 10px; }
.site-logo.svg-full .site-logo-txt > svg	{ vertical-align: top; display: inline-block; padding-top: 6px; width: 136px; height: 24px; fill: #222222; transition: all 0.3s; box-sizing: content-box; }
.site-logo .site-title						{ font-family: OpenSans; font-weight: 700; margin-top: 0; margin-bottom: 0; font-size: 2em; line-height: 1.2; color: #222222; }
.site-logo .site-description				{ font-family: OpenSans; font-weight: 400; font-size: 0.84em; line-height: 1.5; letter-spacing: 0.065em; padding-bottom: 1px; color: rgba(34, 34, 34, 0.7); margin: 0px; }


/*** Language Icons ***/

.language-icons							{ display: inline-block; vertical-align: top; position: relative; padding-left: 48px; padding-right: 18px; position: relative; z-index: 20; padding-top: 10px; font-size: 13px; line-height: 32px; }
.language-icons sup                     { font: inherit; font-size: 10px; vertical-align: top; font-weight: normal; position: static; }
.language-icons .current-lang           {  }
.language-icons .language-active		{ text-transform: uppercase; color: #222222; padding-bottom: 12px; cursor: pointer; font-size: 14px; line-height: 24px; font-weight: bold; }
.language-icons .language-active img	{ padding: 0px !important; border: 1px solid #ffffff; position: absolute; top: auto; left: 18px; margin-top: 5px; }
.language-icons ul						{ width: 550px; padding: 6px 6px 6px 6px; display: none; position: absolute; left: 50%; margin-left: -93px; background: #ffffff; border-radius: 3px; box-shadow: 0 2px 30px rgba(0, 0, 0, 0.15); box-sizing: border-box; font-size: 0; white-space: normal; }
.language-icons ul:before				{ content: ""; border-style: solid; border-width: 0px 15px 8px 15px; border-color: transparent transparent #ffffff transparent; position: absolute; top: -8px; left: 85px; }
.language-icons.menu-opened ul 			{ display: block; animation: fade 0.3s ease 0s 1 normal; -webkit-animation: fade 0.3s ease 0s 1 normal; }
.language-icons ul li					{ display: inline-block; vertical-align: top; width: 33.33%; white-space: nowrap; font-size: 13px; }
.language-icons ul li img				{ vertical-align: middle; margin-top: -6px; margin-right: 5px; }
.language-icons ul li a					{ display: block; padding: 0px 6px 0px 6px; }
.language-icons ul li a:hover			{ background: #eeeeee; color: #000000; }

@keyframes fade
{
	0%   	{ opacity: 0; }
	100%  	{ opacity: 1; }
}

@-webkit-keyframes fade
{
	0%   	{ opacity: 0; }
	100%  	{ opacity: 1; }
}

@media all and (max-width: 768px)		
{ 
	#masthead .site-logo 											{ width: auto !important; position: static !important;  }
	#masthead .site-logo a											{ position: relative; z-index: 10; }
	#masthead .language-icons										{ padding: 0px !important; position: absolute; top: 0; right: 50px; z-index: 30; }
	#masthead .language-icons .current-lang							{ display: block; width: 50px; height: 50px; vertical-align: top; text-indent: -9999px; overflow: hidden; }
	#masthead .language-icons .language-active						{ padding: 0px; }
	#masthead .language-icons .language-active:before				{ content: "\f0ac"; font-family: fontawesome; font-size: 30px; font-weight: 400 !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); color: #aaaaaa; }
	#masthead .language-icons.menu-opened .language-active:before	{ color: #ffffff; }
	#masthead .language-icons .language-active img					{ left: 16px; display: none; }
	#masthead .language-icons ul									{ width: 100%; position: fixed; left: 0; margin-left: 0; border-radius: 0px 0px 3px 3px; }
	#masthead .language-icons ul:before								{ left: 280px; }
}

@media all and (max-width: 640px)
{
	#masthead .language-icons ul li									{ width: 50%; }
}


/*********************************/
/* SYSTEM MENU Navigation        */
/*********************************/

.nav-container							{ float: right; padding: 40px 0; position: relative; z-index: 10; }
.nav-container .nav-buttons				{ padding: 2px 0 0 0; list-style-type: none; margin: 0; }
.nav-container .nav-buttons li a		{ color: #0693e3; font-weight: 700; padding: 5px 15px; display: block; border: 2px solid currentColor; text-decoration: none; }
.nav-container .nav-buttons li a:hover	{ color: #222222; }
.nav-container .nav-buttons li a i		{ display: none; font-size: 30px; }

@media all and (max-width: 1024px)
{
	.nav-container .nav-buttons						{ padding-top: 8px; } 
}
@media all and (max-width: 768px)		
{ 
	.nav-container .nav-buttons						{ padding-top: 10px; }
	.nav-container .nav-buttons li a 				{ padding: 0; border-width: 0; }
 	.nav-container .nav-buttons li a i				{ display: block;  }
	.nav-container .nav-buttons li a .button-text	{ display: none; } 	
}


/*********************************/
/* MAIN MENU Navigation          */
/*********************************/


.menu-container					{ float: right; position: relative; z-index: 20; }
.main-nav						{ display: none; vertical-align: top; }
.main-nav:after					{ content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; }
.main-nav a						{ text-decoration: none; }
.main-nav > a					{ color: #ffffff; }
.main-nav > a:hover				{ color: #6AC9ED; }
.main-nav-wrap										{ font-size: 0px; }
.main-nav-wrap .menu-toggle							{ display: none; cursor: pointer; vertical-align: top; line-height: 24px; padding: 32px 18px 12px 18px; color: #ffffff; text-transform: uppercase; margin: 0; position: relative; z-index: 10; font-size: 14px; line-height: 24px; }
.main-nav-wrap .menu-toggle:before					{ content: ""; color: #6AC9ED; display: inline-block; vertical-align: top; font-family: FontAwesome; font-size: 18px; font-weight: 400 !important; margin-right: 10px; position: relative; top: 0px;  }
.main-nav-wrap.menu-opened .menu-toggle 			{ background: #6AC9ED; }
.main-nav-wrap.menu-opened .menu-toggle:before 		{ color: #ffffff; }

/* Main Navigation */

/* @ulBorder = 0px; */			/*** space around the items for 2+ levels ***/
/* @ulWidth  = 270px; */		/*** width of the items for 2+ levels     ***/

.nav-menu-main							{ display: inline-block; vertical-align: top; text-align: right; }
.nav-menu-fixed							{ display: inline-block; vertical-align: top; text-align: right; }

.nav-menu-main ul,
.nav-menu-fixed ul								{ display: inline-block; text-align: left; vertical-align: top; background: none; list-style-type: none; padding: 0; margin: 0; }
.nav-menu-main ul:after,
.nav-menu-fixed ul:after						{ content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; }
.nav-menu-main > ul,
.nav-menu-fixed > ul							{ font-size: 0px; }
.nav-menu-main > ul > li,
.nav-menu-fixed > ul > li						{ display: inline-block; position: relative; vertical-align: top; font-size: 14px; line-height: 24px; }
.nav-menu-main > ul > li:hover,
.nav-menu-fixed > ul > li:hover					{ z-index: 10; }
.nav-menu-main > ul > li:before,
.nav-menu-fixed > ul > li:before				{ content: ""; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; box-shadow: 0px 0px 0px 0px rgba(90,90,90,0.9) inset; transition: all 0.3s; opacity: 1; }
.nav-menu-main > ul > li:hover:before,
.nav-menu-fixed > ul > li:hover:before			{ box-shadow: 0px 100px 0px 0px rgba(90,90,90,0.9) inset; }
.nav-menu-main > ul > li > a,
.nav-menu-fixed > ul > li > a					{ /* max-width: 186px;*/ min-width: 60px; color: #ffffff; text-decoration: none; display: block; padding: 32px 18px 12px 18px; text-transform: uppercase; position: relative; z-index: 5; box-sizing: border-box; font-weight: bold; }
.nav-menu-main > ul > li.menu-item-wrapper > a,
.nav-menu-fixed > ul > li.menu-item-wrapper > a						{ text-align: center; cursor: pointer;  }
.nav-menu-main > ul > li.menu-item-wrapper > a > i.fa-bars,
.nav-menu-fixed > ul > li.menu-item-wrapper > a > i.fa-bars			{ font-size: 0.45em; letter-spacing: 0.16em; vertical-align: middle; }
.nav-menu-main > ul > li.menu-item-wrapper > a > i.fa-bars:before,
.nav-menu-fixed > ul > li.menu-item-wrapper > a > i.fa-bars:before	{ content: "\f111  \f111  \f111"; }
.nav-menu-main ul > li > span,
.nav-menu-fixed ul > li > span					{ display: none; }
.nav-menu-main > ul ul,
.nav-menu-fixed > ul ul							{ font-size: 14px; line-height: 24px; }

.nav-menu-main > ul > li > a > .menu-item-description,
.nav-menu-main .menu-item-wrapper > ul > li > a > .menu-item-description	{ font-size: 9px; display: inline-block; padding: 0px 0px 0px 5px; vertical-align: top; margin-top: -3px; color: #ff0072; text-transform: uppercase; font-weight: 900; }

.nav-menu-main > ul > li.system				{ display: none !important; }

.nav-menu-main > ul > li.green				{ background: #72c974; color: #ffffff;}
.nav-menu-main > ul > li.green:before		{ box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1) inset; background: none !important; }
.nav-menu-main > ul > li.green:hover:before	{ box-shadow: 0px 100px 0px 0px rgba(0,0,0,0.1) inset; }
.nav-menu-main > ul > li.green > a			{ color: #ffffff; }
.nav-menu-main > ul > li.green > a:hover	{ color: #ffffff; }

.nav-menu-fixed > ul > li.item-join					{ background: #a1c328; color: #ffffff;}
.nav-menu-fixed > ul > li.item-join:before			{ box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1) inset; background: none !important; }
.nav-menu-fixed > ul > li.item-join:hover:before	{ box-shadow: 0px 100px 0px 0px rgba(0,0,0,0.1) inset; }
.nav-menu-fixed > ul > li.item-join > a				{ color: #ffffff; }
.nav-menu-fixed > ul > li.item-join > a:hover		{ color: #ffffff; }

.nav-menu-main > ul > li.no-system					{ display: inline-block; }
.nav-menu-main > ul > li.system						{ display: none; }
.user-logged-in .nav-menu-main > ul > li.no-system	{ display: none; }
.user-logged-in .nav-menu-main > ul > li.system		{ display: inline-block; }

.nav-menu-fixed > ul > li.no-system					{ display: inline-block; }
.nav-menu-fixed > ul > li.system					{ display: none; }
.user-logged-in .nav-menu-fixed > ul > li.no-system	{ display: none; }
.user-logged-in .nav-menu-fixed > ul > li.system	{ display: inline-block; }

.nav-menu-main > ul > li ul					{ width: 270px; padding: 0px 0px; position: absolute; left: 0px; background: #ffffff; box-shadow: 0px 2px 2px rgba(0,0,0,0.3); }
.nav-menu-main > ul > li:last-child ul		{ left: auto; right: 0; }
.nav-menu-main > ul > li li					{ width: 100%; padding-right: 1px; position: relative; }
.nav-menu-main > ul > li li a				{ display: block; color: #838383; padding: 5px 15px; border-bottom: 1px dotted #eeeeee; }
.nav-menu-main > ul > li li:last-child a	{ border-bottom-width: 0px; }
.nav-menu-main > ul > li li:hover > a,
.nav-menu-main > ul > li li a:hover			{ background: #eeeeee; color: #000000; }
.nav-menu-main > ul > li ul ul				{ top: 0px; left: 271px; }

/* Align Right */

.nav-menu-main > ul > li.sub-menu-right-position li		{ padding-right: 0; margin-left: -1px; padding-left: 1px; }
.nav-menu-main > ul > li.sub-menu-right-position ul		{ left: auto; right: 0; text-align: left; }
.nav-menu-main > ul > li.sub-menu-right-position ul ul	{ right: 271px; border-radius: 5px 0px 5px 5px; }

/* Align Left */

.nav-menu-main > ul > li.sub-menu-left-position ul		{ left: 0; margin-left: 0; text-align: left; }

/* Align Center */

.nav-menu-main > ul > li.sub-menu-center-position > ul 	{ left: 50% !important; margin-left: -135px !important; text-align: center; }


.nav-menu-main > ul > li.current_page_item:before,
.nav-menu-main > ul > li.current_page_parent:before,
.nav-menu-main > ul > li.current-page-ancestor:before,
.nav-menu-main > ul > li.current-menu-item:before,
.nav-menu-main > ul > li.current-menu-parent:before,
.nav-menu-main > ul > li.current-menu-ancestor:before	{ background: #3f474b; box-shadow: none !important; }

.nav-menu-main > ul > li.current_page_item > a,
.nav-menu-main > ul > li.current_page_parent > a,
.nav-menu-main > ul > li.current-page-ancestor > a,
.nav-menu-main > ul > li.current-menu-item > a,
.nav-menu-main > ul > li.current-menu-parent > a,
.nav-menu-main > ul > li.current-menu-ancestor > a		{ color: #ffffff;  }

.nav-menu-main > ul ul li.current_page_item > a,
.nav-menu-main > ul ul li.current_page_parent > a,
.nav-menu-main > ul ul li.current-page-ancestor > a,
.nav-menu-main > ul ul li.current-menu-item > a,
.nav-menu-main > ul ul li.current-menu-parent > a,
.nav-menu-main > ul ul li.current-menu-ancestor > a		{ color: #6AC9ED; }

/* Main Navigation - CSS effects */

.nav-menu-main li > ul 				{ opacity: 0; transition: opacity 0.3s; overflow: hidden; height: 0px; }
.nav-menu-main li:hover > ul		{ opacity: 1; height: auto; }
.nav-menu-main li:hover > ul:hover	{ overflow: visible;  }


/* && end of MAIN MENU */

/**************************************************/
/*** && MEGA MENU                               ***/
/**************************************************/

/*** Content of "Main Navigation - CSS effects" has to be deleted except the ".nav-menu-main{ .fadeMenu; }" ***/

/* Main menu collision RESET */

.nav-menu-main li > ul > li				{ margin-top: 0px; }
.nav-menu-main li > ul > li:first-child	{ margin-top: 0px; }
.nav-menu-main li > ul > li:last-child	{ margin-bottom: 0px; }

html.ie8 .nav-menu-main li > ul > li:last-child	{ margin-bottom: 0px; }			/*** fix for ie8 ***/
html.ie8 .nav-menu-main li > ul					{ padding-bottom: 0px; }	/*** fix for ie8 ***/

.menu-item-has-columns .sub-menu .sub-menu li 	{ margin-bottom: 0 !important; }

/* Main menu styles RESET */

.nav-menu-main > ul > li.menu-item-has-columns:hover ul,
.nav-menu-main > ul > li.menu-item-has-columns:hover li		{ overflow: visible; opacity: 1; height: auto; width: auto; }
.nav-menu-main > ul > li.menu-item-has-columns ul ul    	{ left: 0; }
.nav-menu-main > ul > li.menu-item-has-columns > ul ul		{ background: none; box-shadow: none; display: table; position: static; font-size: 0; }

.menu-item-ait-row ul,
.menu-item-ait-row > ul li ul									{ padding: 0 !important; }

.nav-menu-main > ul > li.menu-item-has-columns li a     		{ border-bottom: none; }
.menu-item-ait-row > ul > li > ul li:last-child a,
.menu-item-ait-row > ul > li > ul > li > ul li a				{ border-bottom: none !important; }

.menu-item-ait-row > ul > li > ul > li ul li:first-child		{ margin-top: 0; }

li.menu-item-ait-row											{ padding-right: 0 !important; }

.menu-item-has-columns .sub-menu .sub-menu li:first-child       { margin-top: 0; }

/* end of Main Menu RESET */

.menu-item-has-columns > ul > li			            { display: block; }  /* rows */
.menu-item-has-columns > ul > li > ul > li			    { display: table-cell; white-space: nowrap;  width: auto; vertical-align: top;  }   /* columns */
.menu-item-ait-row > ul	li								{ width: 270px !important; } /* columns width */
ul.has-min-width-set li                                 { width: 100% !important; }  /* columns with min-width */

.nav-menu-main > ul > li li										{ font-size: 14px; }
.nav-menu-main > ul > li li:last-child                          { padding-right: 0;}
.menu-item-has-columns .sub-menu .sub-menu li 					{ padding-right: 0; }


/* Megamenu Content Align Fix */

.site-header .menu-container,
.layout-wide .main-nav 					{ position: relative; }

/* Megamenu Align Positions */

/* Right */
li.menu-item-has-columns.sub-menu-right-position > ul.sub-menu	{ right: 0; left: auto; margin-left: 0; }

/* Left */
li.menu-item-has-columns.sub-menu-left-position > ul.sub-menu	{ left: 0; margin-left: 0; }

/* Center - located in responsive.less (641 px)*/

/* Content aligns */
li.menu-item-has-columns.sub-menu-content-left-position,
li.menu-item-has-columns.sub-menu-content-right-position,
li.menu-item-has-columns.sub-menu-content-full-width-position										{ position: static; }

/* Content Left */
li.menu-item-has-columns.sub-menu-content-left-position > ul.sub-menu 								{ left: 0; margin-left: 0; }
.layout-narrow .sticky-menu li.menu-item-has-columns.sub-menu-content-left-position > ul.sub-menu 	{ left: -50px; }

/* Content Right */
li.menu-item-has-columns.sub-menu-content-right-position > ul.sub-menu 								{ right: 0; left: auto; margin-left: 0; }
.layout-narrow .sticky-menu li.menu-item-has-columns.sub-menu-content-right-position > ul.sub-menu 	{ right: -50px; }

/* Full Content Width */
li.menu-item-has-columns.sub-menu-content-full-width-position > ul.sub-menu 								{ right: 0; left: 0; margin-left: 0 !important; }
.layout-narrow .sticky-menu li.menu-item-has-columns.sub-menu-content-full-width-position > ul.sub-menu		{ right: -50px; left: -50px; }

/* Styles for Mega Menu */

.menu-item-column-label 										{ font-weight: bold; padding: 5px 15px 0; box-sizing: border-box; }
.menu-item-ait-row a											{ border-bottom: 1px dotted #eeeeee !important; }
.menu-item-ait-row > ul > li > ul > li ul li:first-child a		{ border-top: 1px dotted #eeeeee !important;  }
.menu-item-ait-row a img,
.menu-item-column-label img										{ margin-top: -2px; padding-right: 10px; vertical-align: middle; }
.menu-item-column-label a										{ padding: 0 !important; border: none !important; }

/* end Styles for Mega Menu */


/* Mega Menu Responsive Fix */

@media all and (min-width: 1251px) 
{

	/* Center Align Position Megamenu */	
		
	li.menu-item-has-columns.sub-menu-center-position > ul.sub-menu						{ background: none; box-shadow: none; border: none !important; } /* submenu styles reset */
	li.menu-item-has-columns.sub-menu-center-position > ul.sub-menu						{ left: 0 !important; margin-left: 50% !important; }
	li.menu-item-has-columns.sub-menu-center-position li.menu-item-ait-row 				{ left: -50%; margin-top: 0; }
	.nav-menu-main > ul > li.menu-item-has-columns:hover > ul							{ height: 0px; }
	
	/* Styles from style.less ".nav-menu-main > ul > li ul" has to be applied for class below */
	li.menu-item-has-columns.sub-menu-center-position li.menu-item-ait-row 				{ background: #ffffff; box-shadow: 0 4px 5px 0px rgba(0, 0, 0, 0.3); padding: 0px !important; } 
	li.menu-item-has-columns.sub-menu-center-position li.menu-item-ait-row:last-child 	{  }
	
}


/* && end of MEGA MENU */


/****************************************/
/*** && HEADER SCROLLED               ***/
/****************************************/

#masthead.site-header					{ min-height: 116px; }
#masthead .header-container				{ position: absolute; top: auto; left: 0; width: 100%; box-sizing: border-box; transition: background 0.3s, padding 0.3s; }
#masthead .header-container:before		{ transition: all 0.3s; }
#masthead .site-logo .site-title:after	{ transition: none; }
#masthead .site-logo					{ transition: padding 0.3s; /*background: #ff0000;  */ white-space: nowrap; position: relative; z-index: 20; }
#masthead .site-logo > a > img			{ transition: all 0.3s; }
#masthead .site-logo > a svg			{ transition: all 0.3s; }
#masthead .site-logo .site-logo-txt		{ transition: all 0.3s; }
#masthead .site-logo .site-title		{ transition: all 0.3s; }
#masthead .site-logo .site-description	{ transition: all 0.3s; }
#masthead .language-icons				{ transition: all 0.3s; }

@media all and (min-width: 1025px)	
{ 
/* stick off
	.header-scrolled #masthead .header-container				{ padding-bottom: 0px; min-width: 320px; }
	.header-scrolled #masthead .header-container:before			{ opacity: 1; }
	.header-scrolled #masthead .notices							{ max-height: 36px; opacity: 1; }
	.header-scrolled #masthead .site-logo						{ width: 395px; }
	.header-scrolled #masthead .site-logo > a					{ padding-top: 11px; }
	.header-scrolled #masthead .site-logo > a > img				{ padding-top: 2px; width: 25px; }
	.header-scrolled #masthead .site-logo .site-logo-txt		{ padding: 0px 6px; }
	.header-scrolled #masthead .site-logo .site-title			{ font-size: 18px; padding-top: 0px; }
	.header-scrolled #masthead .site-logo .site-description		{ font-size: 0; opacity: 0; }
	.header-scrolled #masthead .language-icons					{ padding-top: 14px; }
	.header-scrolled #masthead .language-icons.menu-opened		{ background: #6AC9ED; }
	.header-scrolled #masthead .language-icons ul				{ left: 0px; margin-left: 0px; border-radius: 0px 0px 3px 3px;}
	.header-scrolled #masthead .language-icons ul:before		{ opacity: 0; }
	.header-scrolled #masthead .nav-menu-main > ul > li > a		{ padding-top: 14px; }
	.header-scrolled #masthead .nav-menu-fixed > ul > li > a	{ padding-top: 14px; }
	
	.header-scrolled #masthead .nav-menu-main > ul > li.current_page_item:before,
	.header-scrolled #masthead .nav-menu-main > ul > li.current_page_parent:before,
	.header-scrolled #masthead .nav-menu-main > ul > li.current-page-ancestor:before,
	.header-scrolled #masthead .nav-menu-main > ul > li.current-menu-item:before,
	.header-scrolled #masthead .nav-menu-main > ul > li.current-menu-parent:before,
	.header-scrolled #masthead .nav-menu-main > ul > li.current-menu-ancestor:before	{ background: #3f474b; box-shadow: none !important; }

	
	.header-scrolled:not(.Join):not(.Checkout) #masthead .header-container	{ top: 0; position: fixed; animation: menuSlide 0.6s ease 0s 1 normal; -webkit-animation: menuSlide 0.6s ease 0s 1 normal; }
	.header-scrolled.Join .header-container:before							{ display: none; }
	.header-scrolled.Checkout .header-container:before						{ display: none; }
*/	
}	
	
@media all and (max-width: 1024px)
{
	#masthead .header-container					{ padding-bottom: 0px; min-width: 320px; }
	#masthead .header-container:before			{ opacity: 1; }
	#masthead .notices							{ max-height: 36px; opacity: 1; }
	#masthead .site-logo						{ width: 395px; padding: 0; }
	#masthead .site-logo > a					{ padding-top: 11px; }
	#masthead .site-logo > a > svg				{ padding-top: 0px; height: 28px; margin-right: 2px; }
	#masthead .site-logo .site-logo-txt			{ padding: 0px 6px; }
	#masthead .site-logo .site-title			{ font-size: 18px; padding-top: 0px; }
	#masthead .site-logo .site-description		{ font-size: 0; opacity: 0; }
	
	#masthead .site-logo.svg-full .site-logo-txt > svg 	{ padding-top: 5px; width: 100px; height: 17px; }

	#masthead .language-icons					{ padding-top: 14px; }
	#masthead .language-icons.menu-opened		{ background: #0693e3; }
	#masthead .language-icons ul				{ left: 0px; margin-left: 0px; border-radius: 0px 0px 3px 3px;}
	#masthead .language-icons ul:before			{ opacity: 0; }
	#masthead .nav-menu-main > ul > li > a		{ padding-top: 14px; }
	#masthead .nav-menu-fixed > ul > li > a		{ padding-top: 14px; }
	
	#masthead .nav-container					{ padding: 0; }
	
	#masthead .nav-menu-main > ul > li.current_page_item:before,
	#masthead .nav-menu-main > ul > li.current_page_parent:before,
	#masthead .nav-menu-main > ul > li.current-page-ancestor:before,
	#masthead .nav-menu-main > ul > li.current-menu-item:before,
	#masthead .nav-menu-main > ul > li.current-menu-parent:before,
	#masthead .nav-menu-main > ul > li.current-menu-ancestor:before	{ background: #3f474b; box-shadow: none !important; }

/* stick off
	.header-scrolled:not(.Join):not(.Checkout) #masthead .header-container	{ top: 0; position: fixed; animation: menuSlide 0.6s ease 0s 1 normal; -webkit-animation: menuSlide 0.6s ease 0s 1 normal; }
	.header-scrolled.Join .header-container:before							{ display: none; }
	.header-scrolled.Checkout .header-container:before						{ display: none; }
*/	

}

/* stick off
@media all and (min-width: 783px)	{ .header-scrolled.logged-in #masthead .header-container	{ top: 32px; } }
@media all and (max-width: 782px)	{ .header-scrolled.logged-in #masthead .header-container	{ top: 46px; } }
@media all and (max-width: 600px)	{ .header-scrolled.logged-in #masthead .header-container	{ top: 0px; } }
*/

@keyframes menuSlide
{
	0%   	{ margin-top: -134px; }
	50%   	{ margin-top: -134px; }
	100%  	{ margin-top: 0px; }
}

@-webkit-keyframes devmovie
{
	0%   	{ margin-top: -134px; }
	50%   	{ margin-top: -134px; }	
	100%  	{ margin-top: 0px; }
}


/****************************************/
/*** && RESPONSIVE MENU               ***/
/****************************************/

@media all and (max-width: 1024px) {

body.fixed-screen		{ overflow: hidden; }

#masthead.site-header										{ border-bottom: 0px; min-height: 50px; }
#masthead .grid-main										{ padding-right: 10px; padding-left: 10px; }
#masthead .menu-container									{ z-index: auto; }
#masthead .site-tools										{ float: right; display: inline-block; vertical-align: top; position: relative; z-index: 20; }
#masthead .main-nav .assistive-text							{ display: none; }
#masthead .main-nav-wrap									{ margin: 0px auto; position: relative; padding: 0px 0px; }
#masthead .main-nav-wrap .menu-toggle						{ display: inline-block; padding-top: 14px; }
#masthead .main-nav-wrap .nav-menu-main,
#masthead .main-nav-wrap .nav-menu-fixed					{ display: block; max-width: 300px; margin-left: auto; margin-right: auto; }
#masthead .main-nav-wrap .nav-menu-main li > ul,
#masthead .main-nav-wrap .nav-menu-fixed li > ul 			{ opacity: 1; overflow: visible; height: auto; }
#masthead .main-nav-wrap .nav-menu-dropdown					{ opacity: 1 ; background: #222; overflow: hidden; box-sizing: border-box; position: fixed; top: 0; right: 0px; left: 0; bottom: 100%; transition: bottom 0.3s; }
#masthead .main-nav-wrap .nav-menu-scroll					{ position: absolute; top: 24%; bottom: 10%; left: 0; right: 0px; overflow: auto; -webkit-overflow-scrolling: touch; padding-left: 40px; padding-right: 40px; }
#masthead .main-nav-wrap.menu-opened .nav-menu-dropdown		{ opacity: 1; bottom: 0; }
		
#masthead .nav-menu-main ul,
#masthead .nav-menu-fixed ul,
#masthead .nav-menu-main ul li,
#masthead .nav-menu-fixed ul li								{ display: block !important; width: 100% !important; background: none !important; float: none !important; padding: 0 !important; margin: 0 !important; position: relative !important; top: auto !impornat; left: auto !impornat; right: auto !impornat; bottom: auto !impornat; border: none !important; box-shadow: none; }
#masthead .nav-menu-main ul li:before,
#masthead .nav-menu-fixed ul li:before						{ display: none !important; }
#masthead .nav-menu-main ul li > a,
#masthead .nav-menu-fixed ul li > a							{ display: block !important; max-width: 100% !important; color: #bbbbbb !important; background: none !important; padding: 10px 0px !important; border-bottom: 1px solid rgba(255,255,255,0.05) !important; text-transform: none; line-height: 1.3; font-weight: 400; text-align: center !important; box-sizing: border-box; }
#masthead .nav-menu-main ul li > a:hover,
#masthead .nav-menu-fixed ul li > a:hover					{ color: #ffffff !important; }
#masthead .nav-menu-main > ul > li:last-child > a,
#masthead .nav-menu-fixed > ul > li:last-child > a			{ border-bottom: none !important; }	
#masthead .nav-menu-main > ul > li > a,
#masthead .nav-menu-fixed > ul > li > a						{ font-size: 18px; }
#masthead .nav-menu-main li.has-submenu,
#masthead .nav-menu-fixed li.has-submenu					{ }
#masthead .nav-menu-main li.has-submenu > a,
#masthead .nav-menu-fixed li.has-submenu > a				{ padding-left: 50px !important; padding-right: 50px !important; }
#masthead .nav-menu-main li.has-submenu > span,
#masthead .nav-menu-fixed li.has-submenu > span				{ display: block; width: 40px; height: 40px; position: absolute; top: 2px; right: 0px; border-radius: 100%; text-align: center; transform: rotate(-90deg); z-index: 10; transition: all 0.3s; cursor: pointer; }
#masthead .nav-menu-main li.has-submenu > span:hover,
#masthead .nav-menu-fixed li.has-submenu > span:hover		{ color: #ffffff; }
#masthead .nav-menu-main li.has-submenu > span:before,
#masthead .nav-menu-fixed li.has-submenu > span:before		{ content: "\f078"; display: inline-block; font-family: FontAwesome; vertical-align: top; font-size: 18px; margin-top: 7px; }
#masthead .nav-menu-main li > ul.sub-menu,
#masthead .nav-menu-fixed li > ul.sub-menu					{ opacity: 0; max-height: 0px; overflow: hidden; transition: all 0.3s; }
#masthead .nav-menu-main li.submenu-opened > ul.sub-menu,
#masthead .nav-menu-fixed li.submenu-opened > ul.sub-menu	{ opacity: 1; max-height: none; }
#masthead .nav-menu-main li.submenu-opened > span,
#masthead .nav-menu-fixed li.submenu-opened > span			{ transform: rotate(0deg); color: #ffffff; }

#masthead .nav-menu-main > ul > li.menu-item-wrapper,
#masthead .nav-menu-fixed > ul > li.menu-item-wrapper		{ display: none !important; }

#masthead .nav-menu-main > ul > li.item-join > a,
#masthead .nav-menu-fixed > ul > li.item-join > a			{ color: #a1c328 !important; }
#masthead .nav-menu-main > ul > li.item-join > a:hover,
#masthead .nav-menu-fixed > ul > li.item-join > a:hover		{ color: #ffffff !important; }


/* MEGA MENU */

/*** Content of "Main Navigation - CSS effects" has to be deleted except the ".nav-menu-main{ .fadeMenu; }" ***/

.main-nav-wrap .nav-menu-main							{ text-align: center;}

.menu-item-has-columns > ul > li > ul > li			    { display: inline; }
.menu-item-ait-row > ul	li,
.menu-item-column-label	                                { width: 260px !important; }
	
.menu-item-ait-row > ul > li > ul li:last-child a		{ border-bottom: 1px dotted #eeeeee !important; } 
    
.nav-menu-main > ul > li ul,     
.menu-item-has-columns ul.sub-menu                      { /*text-align: center !important; */}   

.nav-menu-main > ul > li.sub-menu-center-position > ul,
.nav-menu-main > ul > li > ul                           { left: auto !important; margin-left: 0 !important; }    

.menu-item-ait-row a									{ border-bottom: 1px dotted #ffffff !important; }
.menu-item-ait-row > ul > li > ul li:last-child a		{ border-bottom: 1px dotted #ffffff !important; }
    

.nav-menu-main li.themes ul.menu-item-ait-columns-in-row	{ border: none; }    
.nav-menu-main li.themes li									{ text-align: left; text-transform: none;}    
.nav-menu-main li.themes li a								{ box-shadow: none; padding: 5px 15px; border-bottom: 1px dotted #ffffff !important; }
.nav-menu-main li.themes li.current_page_item > a			{ box-shadow: none; background: none; }
.nav-menu-main li.themes li img								{ display: none; }
.nav-menu-main li.themes li span							{ display: none; }
.nav-menu-main li.themes li.intro							{ display: none; }
    
    
/* && END COLLAPSED MENU */
}

@media all and (max-width: 768px)
{
	#ait-announcements-bar-wrapper							{ position: relative; z-index: 10; margin-top: 50px;  }
	body:not(.Join):not(.Checkout) #masthead.site-header	{ position: fixed; top: 0px; left: 0px; width: 100%; min-width: 320px; }
	.logged-in #masthead.site-header						{ top: 46px; }
	
	#masthead .menu-container, 
	#masthead .layout-wide .main-nav,
	#masthead .main-nav-wrap						{ position: static; }
	#masthead .menu-container						{ float: none; }
	#masthead .main-nav-wrap .menu-toggle			{ text-indent: -9999px; min-width: 50px; padding-left: 14px; padding-right: 14px; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); white-space: nowrap; overflow: hidden; }
	#masthead .main-nav-wrap .menu-toggle:before	{ text-indent: 0px; position: absolute; top: auto; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); font-size: 32px; margin-right: 0px; margin-left: 0px; color: #ffffff; }

/* stick off
	.header-scrolled #masthead .header-container	{ animation: none; -webkit-animation: none; }
*/ 
}
/* stick off
@media all and (max-width: 600px)					{ .header-scrolled .logged-in #masthead.site-header		{ top: 0px; } }
*/
@media all and (max-width: 530px)					{ #masthead .menu-container								{ position: relative; top: auto; left: auto; float: right; margin-right: 51px; }
													  #masthead .main-nav-wrap .menu-toggle					{ transform: translateX(0); -webkit-transform: translateX(0); position: relative; top: auto; left: auto; } }
	
/* END of MAIN MENU */ 



.sub-menu li a:before					{ content: ""; font-family: FontAwesome; font-size: 15px; display: none; vertical-align: top; margin-right: 10px; transition: all 0.3s; }
.sub-menu li.m-pricing a:before 		{ content: "\f07a"; }
.sub-menu li.m-theme a:before			{ content: "";}
.sub-menu li.m-plugin a:before			{ content: "";}
.sub-menu li.m-asset a:before			{ content: "";}
.sub-menu li.m-service a:before			{ content: "";}
.sub-menu li.m-support a:before			{ content: "";}
.sub-menu li.m-doc a:before				{ content: "";}
.sub-menu li.m-account a:before			{ content: "";}
.sub-menu li.m-account.admin a:before	{ content: "";}
.sub-menu li.m-keys a:before				{ content: "\f084"; }
.sub-menu li.m-off a:before				{ content: "";}

.main-notice 							{ background: #FBFBD7; margin-bottom: 1px; }
.main-notice.notice-expired				{ background: #FBEBDF; }
.main-notice .notice-message			{ position: relative; padding: 15px 0px 5px 0px; text-align: center; }
.main-notice .notice-message:after		{ content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; }
.main-notice .notice-text				{ display: inline-block; max-width: 100%; color: #333333; margin-bottom: 10px; }			
.main-notice .notice-text:before					{ content: "\f071"; font-family: FontAwesome; font-size: 18px; color: #FF9C00; vertical-align: middle; margin-top: -2px; margin-right: 4px; display: inline-block;  }
.main-notice.notice-expired .notice-text:before		{ color: #ff0000; }
.main-notice .notice-button				{ display: inline-block; max-width: 100%; box-sizing: border-box; padding: 0px 30px; margin-bottom: 10px; }
.main-notice .notice-button a			{ display: inline-block; padding: 4px 15px; border-radius: 5px; background-color: #5cb85c; border-color: #4cae4c; color: #fff; text-decoration: none;}
.main-notice .notice-button a:hover		{background-color: #4cae4c; border-color: #4cae4c; color: #fff; text-decoration: none; }

.club-menu								{ padding: 0px 0px 0px 0px; background: #F7F7F7; }
.Checkout:not(.return) .club-menu			{ display: none; }
.club-menu ul							{ list-style-type: none; text-align: center; font-size: 0px; /*max-width: 1350px;*/ background: #f7f7f7; margin: auto;  box-sizing: border-box; padding-right: 15px; padding-left: 15px; border-radius: 50px; }
.club-menu ul li						{ display: inline-block; vertical-align: top; font-size: 13px; line-height: 20px; border-left: 1px solid #F7F7F7; }
.club-menu ul li:last-child				{ border-right: 1px solid #ffffff; }
.club-menu ul li a						{ display: block; padding: 10px 20px; color: #838383; text-decoration: none; }
.club-menu ul li.current_page_item a	{ color: #222222; }
.club-menu .sub-menu li a:before		{ display: inline-block; }

.club-menu.big-icons .sub-menu									{ background: none; border-radius: 0px; padding: 0; display: -webkit-flex; -webkit-flex-flow: nowrap; display: flex; flex-flow: nowrap; max-width: 1142px; }
.club-menu.big-icons .sub-menu li								{ font-size: 12px; font-weight: bold; background: #EFEFEF; margin-top: 1px; -webkit-flex: auto; flex: auto; }
.club-menu.big-icons .sub-menu li:hover							{ background: #EAEAEA; }
.club-menu.big-icons .sub-menu li:last-child					{ border-right: 1px solid #F7F7F7; }
.club-menu.big-icons .sub-menu li a								{ padding-top: 14px; min-width: 95px; }
.club-menu.big-icons .sub-menu li a:before						{ font-size: 29px; display: block; line-height: 36px; font-weight: normal; color: #bbbbbb; margin: 0px;}
.club-menu.big-icons .sub-menu li a:hover:before				{ color: #666666; }
.club-menu.big-icons .sub-menu li.current_page_item a:before	{ color: #0693e3; }
.club-menu.big-icons .sub-menu li.current_page_item				{ background: #ffffff; }

@media all and (max-width: 1142px)	
{ 
	.club-menu.big-icons .sub-menu		{ -webkit-flex-flow: wrap; flex-flow: wrap; }
	.club-menu 							{ padding-top: 0px; } 
}
@media all and (max-width: 768px)	{ body:not(.Join):not(.Checkout) .club-menu { padding-top: 50px; } }


.club-menu .badge,
.nav-tabs .badge			{ line-height: 20px; background: #dd8888; text-align: center; box-sizing: border-box; margin-top: -4px; vertical-align: middle; margin-left: 5px; min-width: 20px; padding: 0px 6px; }



.title-slider .t-slider-container		{ padding-top: 120px; padding-bottom: 60px; }
.title-slider h1						{ margin: 0px 0px 30px 0px; font-weight: normal; }
.title-slider h1 span							{ color: #666666; display: block; text-align: center; }
.title-slider h2								{ margin: 0px 0px 20px 0px; }
.title-slider h2 span							{ color: #666666; display: block; text-align: center; }
.title-slider h1 .main-title					{ font-size: 26px; line-height: 36px; margin-bottom: 10px; text-transform: uppercase; }
.title-slider h1 .main-subtitle					{ font-size: 70px; line-height: 70px; }
.title-slider h2 .main-desc1					{ font-size: 26px; line-height: 40px; }
.title-slider h2 .main-desc2					{ font-size: 26px; line-height: 40px; }
.title-slider h2 span strong					{ font-size: 40px; vertical-align: middle; display: inline-block; margin-top: -5px; color: #6AC9ED; }


.content-sign-in											{ padding-top: 0px; }
.content-sign-in .sign-form									{ position: relative; max-width: 500px; margin: auto; }
.content-sign-in .sign-form:before							{ content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #6AC9ED; opacity: 0.9; }
.content-sign-in .sign-form form							{ background: none; border: none; box-shadow: none; position: relative; z-index: 10; max-width: 450px; padding: 55px 0px 40px 0px; margin-bottom: 0px; }
.content-sign-in .sign-form form .form-group				{ margin-bottom: 0px; margin-left: 0px; margin-right: 0px; }
.content-sign-in .sign-form form input						{ text-align: center; margin-bottom: 7px; }
.content-sign-in .sign-form form .form-control				{ /*border: 1px solid #62A6C4;*/ border: none; border-width: 0px;  }
.content-sign-in .sign-form form .control-label				{ display: none; }
.content-sign-in .sign-form form .col-sm-9					{ margin-left: auto; margin-right: auto; float: none;  text-align: center; padding-left: 25px; padding-right: 25px; width: 80%; }
.content-sign-in .sign-form form .col-sm-9 .forgot			{ display: inline-block; color: #666666; text-decoration: none; margin-top: 10px; margin-bottom: 13px;}
.content-sign-in .sign-form form .col-sm-9 .forgot:hover	{ color: #ffffff; text-decoration: none; }
.content-sign-in .sign-form form .checkbox					{ padding-left: 0; }
.content-sign-in .sign-form form .checkbox label			{ display: inline-block; padding: 5px 10px; color: #ffffff; background: none; border-radius: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3); }
.content-sign-in .sign-form form .checkbox input			{ float: none; margin-left: 0px; margin-right: 10px; vertical-align: top; margin-top: 3px; }
.content-sign-in .sign-form form input.button				{ background: #222222; border: 0px solid #FFFFFF; border-radius: 50px; font-size: 18px; font-weight: bold; margin-top: 16px; padding: 10px 30px; text-transform: uppercase; transition: all 0.3s; background-clip: padding-box; }
.content-sign-in .sign-form form input.button:hover			{ color: #6AC9ED; }
.content-sign-in .container									{ padding-top: 50px; }
.sign-in-text												{ min-height: inherit; }
.sign-in-text .container p									{ font-weight: normal; text-align: center; }
.content-sign-in .sign-form	.form-header					{ text-align: center; position: relative; z-index: 10; color: #666666; padding: 40px 30px 0px 30px; }
.content-sign-in .sign-form	.form-header h2					{ margin: 0px; padding: 0px; color: #ffffff; border: none; font-weight: normal;  }
.content-sign-in .sign-form	.form-header p					{ margin: 10px 0px 0px 0px; }
.content-sign-in .sign-form	.reset-psw						{ padding-top: 40px; }

footer					{ background: #ffffff; color: rgba(34, 34, 34, 0.5); text-align: center; position: relative; font-size: 16px; line-height: 1.5; padding: 0em 20px 0 20px; }
footer a,
footer a:focus			{ color: #222222; }
footer a:hover			{ color: #222222; text-decoration: none;  }

footer ul									{ margin: 0 !important; font-size: 0.85em; }
footer ul li.footer-menu-divider			{ text-indent: -9999px; margin: 0; width: 0px; border-left: 1px solid #ddd; position: relative; position: relative; }
footer ul li.footer-menu-divider:before		{ border-left: 1px solid rgba(255, 255, 255, 0.2);  bottom: 2px;  content: "";  left: 50%;  position: absolute;  top: 2px; }
footer ul li								{ margin: 0.5em 1em; padding: 0 !important; }
footer ul li a								{ color: #222222; text-decoration: none; }
footer ul li a:hover						{ color: #222222; text-decoration: underline; }
footer p.copyright							{ font-size: 0.7em; line-height: 1.5; margin: 0px; text-transform: uppercase; letter-spacing: 0.14em; font-weight: 700; padding: 1.5em 20px 8em 20px; }


h1.page-header							{ font-size: 40px; line-height: 52px; color: #666666; font-weight: normal; padding-top: 0px; margin-bottom: 40px;}
h1.page-header .page-subheader			{ display: block; font-size: 0px; line-height: 0; }
h1.page-header .page-subheader span		{ display: inline-block; padding: 10px 25px 10px 23px; border: 0px solid #cccccc; margin: 10px 1px 0px 1px; font-size: 16px; line-height: 1.1; }
h1.page-header .page-subheader .page-priority			{ color: #ffffff; background: #96C900; }
h1.page-header .page-subheader .page-priority:before	{ content: "\f024"; font-family: FontAwesome; margin-right: 10px; }
h1.page-header .page-subheader .page-category			{ color: #ffffff; background: #6AC9ED; }
h1.page-header .page-subheader .page-category:before	{ content: "\f07c"; font-family: FontAwesome; margin-right: 10px; }
h1.page-header .page-subheader .page-product			{ color: #333333; background: #EFEFEF; }
h1.page-header .page-subheader .page-product:before		{ content: "\f0f2"; font-family: FontAwesome; margin-right: 10px; }
h1.page-header .page-subheader .page-service			{ color: #333333; background: #EFEFEF; }
h1.page-header .page-subheader .page-service:before		{ content: "\f013"; font-family: FontAwesome; margin-right: 10px; }
h1.return-title,
h2.return-title					{ text-align: center; font-weight: normal; color: #6AC9ED; padding-top: 40px; font-size: 34px; margin: 0; }
.Error h1.return-title			{ color: #FF8F00; }
.payment-header					{ border: 1px solid #6AC9ED; padding: 20px 25px 24px 25px; margin-bottom: 40px; border-radius: 5px; }
.payment-header	h2.return-title	{ padding-top: 0px; }
p.return-msg					{ text-align: center; font-size: 16px; margin: 0 auto; padding-top: 10px; max-width: 800px; }
p.return-msg small				{ color: #FF8F00; }
p.return-logo					{ text-align: center; padding: 40px; margin: 0; }

.btn				{ white-space: normal; }
.btn-primary		{ background-color: #6AC9ED; border-color: #60B5D6;}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary	{ background-color: #60B5D6; border-color: #60B5D6;}

.btn-important				{ background-color: #72c974; border-color: #6fb56a; color: #ffffff; }
.btn-important:hover,
.btn-important:focus		{ background-color: #6fb56a; border-color: #6fb56a; color: #ffffff; }

.btn-standard			{ background-color: #D9EDF7; border-color: #C4D6DF; color: #31708F; }
.btn-standard:hover,
.btn-standard:focus		{ background-color: #C4D6DF; border-color: #C4D6DF; color: #31708F; }

.btn-business			{ background-color: #428BCA; border-color: #3C7DB6; color: #ffffff; }
.btn-business:hover,
.btn-business:focus		{ background-color: #3C7DB6; border-color: #3C7DB6; color: #ffffff; }

.ait-subscribe .btn-standard,
.ait-subscribe .btn-business			{ background: url(../img/ait-buttons.png) center center no-repeat; background-size: 100% 100%; }

.ait-subscribe .btn-standard			{ background-color: #96A6AE; border-color: #8598A0; color: #ffffff; }
.ait-subscribe .btn-standard:hover,
.ait-subscribe .btn-standard:focus		{ background-color: #8598A0; border-color: #8598A0; color: #ffffff; }

.ait-subscribe .btn-business			{ background-color: #D0AF60; border-color: #C6A354; color: #ffffff; }
.ait-subscribe .btn-business:hover,
.ait-subscribe .btn-business:focus		{ background-color: #C6A354; border-color: #C6A354; color: #ffffff; }

.ait-subscribe .btn-premium-upgrade				{ background-color: #6ac9ed; border-color: #60b5d6; color: #ffffff; }
.ait-subscribe .btn-premium-upgrade:hover,
.ait-subscribe .btn-premium-upgrade:focus		{ background-color: #60b5d6; border-color: #60b5d6; color: #ffffff; }

.ait-subscribe .btn-premium						{ background-color: #6ac9ed; border-color: #60b5d6; color: #ffffff; }
.ait-subscribe .btn-premium:hover,
.ait-subscribe .btn-premium:focus				{ background-color: #60b5d6; border-color: #60b5d6; color: #ffffff; }

.ait-subscribe .btn-directory-upgrade			{ background-color: #C58BE2; border-color: #A482B1; color: #ffffff; }
.ait-subscribe .btn-directory-upgrade:hover,
.ait-subscribe .btn-directory-upgrade:focus		{ background-color: #A482B1; border-color: #A482B1; color: #ffffff; }

.ait-subscribe .btn-directory					{ background-color: #C58BE2; border-color: #A482B1; color: #ffffff; }
.ait-subscribe .btn-directory:hover,
.ait-subscribe .btn-directory:focus				{ background-color: #A482B1; border-color: #A482B1; color: #ffffff; }

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus	{ background-color: #60B5D6; border-color: #60B5D6;}

.btn-lg	{padding-top: 11px; padding-bottom: 11px; min-width: 150px; }

.title-nav								{ font-size: 0px; line-height: 26px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; text-align: left; border-bottom: 3px solid #6ac9ed; display: -webkit-flex; -webkit-flex-flow: wrap;  display: flex; flex-flow: wrap; width: 100%; }
.title-nav:before,
.title-nav:after						{ display: none; }
.Services .title-nav,
.Support .title-nav						{ -webkit-flex-flow: wrap; flex-flow: wrap; }
.Services .title-nav.nav-tabs >li,
.Support .title-nav.nav-tabs > li		{ flex: 0 1 auto; -webkit-flex: 0 1 auto; width: auto; max-width: 250px; }
@media all and (max-width: 530px)
{
	.Services .title-nav.nav-tabs >li,
	.Support .title-nav.nav-tabs > li	{ width: 50%; }
}
.title-nav.nav-tabs > li				{ background: #F1F4F5; float: none; display: inline-block; margin-bottom: 0px; vertical-align: top; flex: auto; -webkit-flex: auto; border-right: 1px solid #ffffff; margin-right: 0px; margin-top: 1px; text-align: center; transition: all 0.3s; }
.title-nav.nav-tabs > li:last-child		{ margin-right: 0px; border-right: 0px solid #ffffff; }
.title-nav.nav-tabs > li:hover			{ background: #E4E9EB; }
.title-nav.nav-tabs > li.active 		{ background: #6ac9ed; }
.title-nav.nav-tabs > li > a			{ font-size: 14px; font-weight: normal; border: none; border-radius: 0px; background: none; color: #838383; padding: 12px 20px 10px 20px; box-shadow: none; margin: 0; }
.title-nav.nav-tabs > li > a:hover		{ background: none; color: #666666; }
.title-nav.nav-tabs > li.active > a,
.title-nav.nav-tabs > li.active > a:hover,
.title-nav.nav-tabs > li.active > a:focus	{ border-width: 0px; color: #ffffff; background: none; }

.title-nav.nav-tabs > li#tab-non-priority-questions a .badge		{ background: #838383; color: #ffffff; }
.title-nav.nav-tabs > li#tab-non-priority-questions.active a .badge	{ background: #ffffff; color: #39b3d7; }

.title-nav.nav-tabs > .link-custom 					{ background: #666; vertical-align: bottom; width: auto !important; }
.title-nav.nav-tabs > .link-custom > a 				{ color: #fff; font-size: 12px; font-weight: bold; padding: 5px 12px; }
.title-nav.nav-tabs > li.link-custom > a:before 	{ content: ""; display: block; font-family: FontAwesome; font-size: 14px; font-weight: normal; opacity: 0.5; text-align: center; }
.title-nav.nav-tabs > .link-custom:hover 			{ background: #6ac9ed; }
.title-nav.nav-tabs > .link-custom > a:hover 		{ color: #ffffff; }
.title-nav.nav-tabs > .link-custom > a:hover:before	{ opacity: 1; }

.Account.subscriptions .ait-subscribe		{ margin-bottom: 50px; }

.Support.default .title-nav,			
.Services.requests .title-nav				{ margin-bottom: 0px; }

.Support.default .search-bar,			
.Services.requests .search-bar				{ border-top-left-radius: 0px; border-top-right-radius: 0px; }

/* Licenses */

.Account.licenses .form-control				{ border: none; box-shadow: none; cursor: auto; }

/* Subscriptions */

.subscription table										{ }
.subscription table	> tbody > tr > th,
.subscription table	> tbody > tr > td					{ border-top: 1px solid #eeeeee; }
.subscription table	> tbody > tr:first-child > th,
.subscription table	> tbody > tr:first-child > td		{ border-top: 0px solid #eeeeee; }
.subscription table	> tbody > tr > td.tabtitl			{ width: 40%; }
.subscription table	> tbody > tr > td.tabdata					{ width: 60%; color: #838383; }
.subscription table	> tbody > tr > td.status					{ font-weight: bold; }
.subscription table	> tbody > tr > td.tabdata.status strong		{ color: #333333; }
.subscription table	> tbody > tr > td.tabdata.status b			{ color: red; }

.subscription.subscription-single						{ color: #666666; border-color: #DDDDDD;}
.subscription.subscription-single > .panel-heading		{ background: #F5F5F5; border-width: 0px; color: #333333; }

.subscription.subscription-single.tfPurchase						{ color: #73602D; border-color: #E5DABE;}
.subscription.subscription-single.tfPurchase > .panel-heading		{ background: #EEE8D8; border-width: 0px; color: #73602D; }

.subscription.subscription-single.premProduct						{ color: #31708f; border-color: #bce8f1;}
.subscription.subscription-single.premProduct > .panel-heading		{ background: #d9edf7; border-width: 0px; color: #31708f; }

.subscription.subscription-single.dirProduct						{ color: #8244A2; border-color: #EDCDFF;}
.subscription.subscription-single.dirProduct > .panel-heading		{ background: #F3DFFD; border-width: 0px; color: #8244A2; }

.subscription.subscription-support									{ color: #333333; border-color: #333333;}
.subscription.subscription-support > .panel-heading					{ background: #333333; border-width: 0px; color: #ffffff; }

.subscription.subscription-bundle						{ color: #387B39; border-color: #C3E9C3;}
.subscription.subscription-bundle > .panel-heading		{ background: #DCF1DC; border-width: 0px; color: #387B39; }

.subscription.subscription-directory					{ color: #C58BE2; border-color: #C58BE2;}
.subscription.subscription-directory > .panel-heading	{ background: #C58BE2; border-width: 0px; color: #ffffff; }

.subscription.subscription-basic						{ color: #989C9E; border-color: #B0B5B7;}
.subscription.subscription-basic > .panel-heading		{ background: #B0B5B7; border-width: 0px; color: #ffffff; }

.subscription.subscription-premium						{ color: #60b5d6; border-color: #6AC9ED;}
.subscription.subscription-premium > .panel-heading		{ background: #6AC9ED; border-width: 0px; color: #ffffff; }

.subscription.subscription-business						{ color: #95A4AB; border-color: #95A4AB;}
.subscription.subscription-business > .panel-heading	{ background: #95A4AB; border-width: 0px; color: #ffffff; }

/* packages 2021 */

.subscription.subscription-agency								{ color: #5D5FDF; border-color: #5D5FDF;}
.subscription.subscription-agency > .panel-heading			{ background: #5D5FDF; border-width: 0px; color: #ffffff; }

.subscription.subscription-agency-single						{ color: #2AB8AD; border-color: #2AB8AD;}
.subscription.subscription-agency-single > .panel-heading		{ background: #2AB8AD; border-width: 0px; color: #ffffff; }

.subscription.subscription-premium-multi						{ color: #A10B5A; border-color: #A10B5A;}
.subscription.subscription-premium-multi > .panel-heading		{ background: #A10B5A; border-width: 0px; color: #ffffff; }

.subscription.subscription-premium-single						{ color: #EE685A; border-color: #EE685A;}
.subscription.subscription-premium-single > .panel-heading		{ background: #EE685A; border-width: 0px; color: #ffffff; }

.subscription.subscription-business-multi						{ color: #16A227; border-color: #16A227;}
.subscription.subscription-business-multi > .panel-heading		{ background: #16A227; border-width: 0px; color: #ffffff; }

.subscription.subscription-business-single						{ color: #EAAB1F; border-color: #EAAB1F;}
.subscription.subscription-business-single > .panel-heading		{ background: #EAAB1F; border-width: 0px; color: #ffffff; }


/* Pricing */

body.Pricing .panel-title 					{ font-size: 20px; }
body.Pricing tr:first-child td				{ border: none; }
body.Pricing s								{ font-size: small; }

/* Products */

.products.ctdl .product					{ width: auto !important; float: none; }
.products.ctdl .product .thumbnail		{ margin-left: auto; margin-right: auto; }
.legacy-button							{ display: inline-block; margin: 2em 0; border: 1px solid #ddd; padding: 10px 20px; border-radius: 6px; font-size: 18px; }
.legacy-button input					{ vertical-align: middle; margin: 0px 5px 0px 0px; width: 20px; height: 20px; }
.legacy-button label					{ vertical-align: middle; font-weight: 400; margin: 0px; }
.legacy-header							{ text-align: center; margin: 2em 0 4em 0; }
.legacy-header h2						{ font-weight: 400; color: #666666; }
.legacy-header p						{ max-width: 900px; margin: 1.5em auto; }
.legacy-header .btn.btn-primary			{ font-size: 18px; background: #0693e3; border-color: #0693e3; padding: 10px 20px; }

.products .product:nth-child(3n+1)		{ clear: both; }
@media all and (max-width: 992px)
{
	.products .product:nth-child(3n+1)		{ clear: none; }
	.products .product:nth-child(2n+1)		{ clear: both; }
}

.products-hidden								{ display: none; }
.thumbnail > img, .thumbnail a > img			{ width: 100%; }

body.Themes .thumbnail									{ border-radius: 0px; margin-bottom: 40px; border: 0px solid #EAEAEA; padding: 0px; position: relative; max-width: 440px; margin-left: auto; margin-right: auto; }
body.Themes .thumbnail .update-info						{ display: none; position: absolute; top: 1px; right: 1px; font-size: 0; height: 23px; padding: 3px 3px; background: #ff0000; white-space: nowrap; cursor: help; }
body.Themes .update-available .thumbnail .update-info	{ display: block; }
body.Themes .thumbnail .update-info i					{ display: inline-block; vertical-align: top; text-align: center; font-size: 12px; line-height: 18px; color: #ffffff; width: 18px; height: 18px; }
body.Themes .thumbnail .update-info .info-label			{ opacity: 0; display: inline-block; vertical-align: top; max-width: 0; padding: 0px; transition: all 0.3s; -webkit-transition: all 0.3s; line-height: 18px; font-size: 11px; font-weight: bold; color: #ffffff; overflow: hidden; }
body.Themes .thumbnail .update-info:hover .info-label	{ opacity: 1; max-width: 250px; padding: 0px 3px; }
body.Themes .thumbnail .caption							{ padding: 25px 25px 20px 25px; text-align: center; color: #838383; background: #F1F4F5; }
body.Themes .thumbnail .caption	h3						{ font-size: 22px; font-weight: normal; line-height: 28px; min-height: 56px; color: #515F65; margin-top: 0px; /* text-transform: uppercase; */ }
body.Themes .thumbnail .caption	p						{ margin-bottom: 20px; font-size: 12px; line-height: 20px; }
body.Themes .thumbnail .caption .but-full,
body.Themes .thumbnail .caption .but-details			{ margin-bottom: 10px; }
body.Themes .thumbnail .caption .but-details a			{ border-color: #E4E9EB; background: #ffffff; color: #888888; }
body.Themes .thumbnail .caption .but-details a:hover	{ border-color: #DEE3E4; background-color: #E4E9EB; color: #333333; }
body.Themes .thumbnail .caption .but-full a				{ width: 100%; }
body.Themes .thumbnail .caption .dwn-psd a				{ color: #ffffff; background-color: #CBB476; border-color: #BAA46C; }
body.Themes .thumbnail .caption .dwn-psd a:hover,
body.Themes .thumbnail .caption .dwn-psd a:focus		{ color: #ffffff; background-color: #BAA46C; border-color: #BAA46C; }
body.Themes .thumbnail .caption .buy-sng a				{ color: #ffffff; background-color: #72C974; border-color: #6FB56A; }
body.Themes .thumbnail .caption .buy-sng a:hover,
body.Themes .thumbnail .caption .buy-sng a:focus		{ color: #ffffff; background-color: #6FB56A; border-color: #6FB56A; }
body.Themes .thumbnail .caption .featured a				{ color: #ffffff; background-color: #ff9900; border-color: #e68a00; }
body.Themes .thumbnail .caption .featured a:hover,
body.Themes .thumbnail .caption .featured a:focus		{ color: #ffffff; background-color: #eb8d00; border-color: #e68a00; }

.product-categories-buttons											{ text-align: center; }
.product-categories-buttons	.categories								{ display: inline; vertical-align: top; }
.product-categories-buttons button,
.product-categories-buttons button:focus							{ outline: none; }
.product-categories-buttons button									{ margin-bottom: 5px; }
.product-categories-buttons button.filter-clear						{ background-color: #cbb476; border-color: #baa46c; color: #ffffff; }
.product-categories-buttons button.filter-clear:hover				{ background-color: #baa46c; border-color: #baa46c; color: #ffffff; }
.product-categories-buttons .categories button.btn-primary:after	{ content: ""; font-family: FontAwesome; margin-left: 10px; display: inline-block; vertical-align: top; }
.product-categories-buttons .categories button.btn-primary			{ background-color: #6ac9ed; border-color: #60b5d6; color: #ffffff; }
.product-categories-buttons .categories button.btn-primary:hover	{ background-color: #60b5d6; border-color: #60b5d6; color: #ffffff; }
.product-categories-buttons .categories button.btn-default			{ background-color: #f7f7f7; border-color: #eaeaea; color: #666666; }
.product-categories-buttons .categories button.btn-default:hover	{ background-color: #eaeaea; border-color: #eaeaea; color: #333333; }

body.Plugins .thumbnail									{ border-radius: 0px; margin-bottom: 40px; border: 0px solid #EAEAEA; padding: 0px; position: relative; max-width: 440px; margin-left: auto; margin-right: auto; }
body.Plugins .thumbnail .update-info					{ display: none; position: absolute; top: 1px; right: 1px; font-size: 0; height: 23px; padding: 3px 3px; background: #ff0000; white-space: nowrap; cursor: help; }
body.Plugins .update-available .thumbnail .update-info	{ display: block; }
body.Plugins .thumbnail .update-info i					{ display: inline-block; vertical-align: top; text-align: center; font-size: 12px; line-height: 18px; color: #ffffff; width: 18px; height: 18px; }
body.Plugins .thumbnail .update-info .info-label		{ opacity: 0; display: inline-block; vertical-align: top; max-width: 0; padding: 0px; transition: all 0.3s; -webkit-transition: all 0.3s; line-height: 18px; font-size: 11px; font-weight: bold; color: #ffffff; overflow: hidden; }
body.Plugins .thumbnail .update-info:hover .info-label	{ opacity: 1; max-width: 250px; padding: 0px 3px; }
body.Plugins .thumbnail .caption						{ padding: 25px 25px 20px 25px; text-align: center; color: #838383; background: #F1F4F5; }
body.Plugins .thumbnail .caption h3						{ font-size: 22px; font-weight: normal; line-height: 28px; min-height: 56px; color: #515F65; margin-top: 0px; /* text-transform: uppercase; */ }
body.Plugins .thumbnail .caption p						{ margin-bottom: 20px; font-size: 12px; line-height: 20px; }
body.Plugins .thumbnail .caption .but-full,
body.Plugins .thumbnail .caption .but-details			{ margin-bottom: 10px; }
body.Plugins .thumbnail .caption .but-details a			{ border-color: #E4E9EB; background: #ffffff; color: #888888; }
body.Plugins .thumbnail .caption .but-details a:hover	{ border-color: #DEE3E4; background-color: #E4E9EB; color: #333333; }
body.Plugins .thumbnail .caption .but-full a			{ width: 100%; }
body.Plugins .thumbnail .caption .dwn-psd a				{ color: #ffffff; background-color: #CBB476; border-color: #BAA46C; }
body.Plugins .thumbnail .caption .dwn-psd a:hover,
body.Plugins .thumbnail .caption .dwn-psd a:focus		{ color: #ffffff; background-color: #BAA46C; border-color: #BAA46C; }
body.Plugins .thumbnail .caption .buy-sng a				{ color: #ffffff; background-color: #72C974; border-color: #6FB56A; }
body.Plugins .thumbnail .caption .buy-sng a:hover,
body.Plugins .thumbnail .caption .buy-sng a:focus		{ color: #ffffff; background-color: #6FB56A; border-color: #6FB56A; }

body.Assets .thumbnail									{ border-radius: 0px; margin-bottom: 40px; border: 0px solid #EAEAEA; padding: 0px; position: relative; max-width: 440px; margin-left: auto; margin-right: auto; }
body.Assets .thumbnail .update-info						{ display: none; position: absolute; top: 1px; right: 1px; font-size: 0; height: 23px; padding: 3px 3px; background: #ff0000; white-space: nowrap; cursor: help; }
body.Assets .update-available .thumbnail .update-info	{ display: block; }
body.Assets .thumbnail .update-info i					{ display: inline-block; vertical-align: top; text-align: center; font-size: 12px; line-height: 18px; color: #ffffff; width: 18px; height: 18px; }
body.Assets .thumbnail .update-info .info-label			{ opacity: 0; display: inline-block; vertical-align: top; max-width: 0; padding: 0px; transition: all 0.3s; -webkit-transition: all 0.3s; line-height: 18px; font-size: 11px; font-weight: bold; color: #ffffff; overflow: hidden; }
body.Assets .thumbnail .update-info:hover .info-label	{ opacity: 1; max-width: 250px; padding: 0px 3px; }
body.Assets .thumbnail .caption							{ padding: 25px 25px 20px 25px; text-align: center; color: #838383; background: #F1F4F5; }
body.Assets .thumbnail .caption	h3						{ font-size: 22px; font-weight: normal; line-height: 28px; min-height: 56px; color: #515F65; margin-top: 0px; /* text-transform: uppercase; */ }
body.Assets .thumbnail .caption	p						{ margin-bottom: 20px; font-size: 12px; line-height: 20px; }
body.Assets .thumbnail .caption .but-full,
body.Assets .thumbnail .caption .but-details			{ margin-bottom: 10px; }
body.Assets .thumbnail .caption .but-details a			{ border-color: #E4E9EB; background: #ffffff; color: #888888; }
body.Assets .thumbnail .caption .but-details a:hover	{ border-color: #DEE3E4; background-color: #E4E9EB; color: #333333; }
body.Assets .thumbnail .caption .but-full a				{ width: 100%; }
body.Assets .thumbnail .caption .dwn-psd a				{ color: #ffffff; background-color: #CBB476; border-color: #BAA46C; }
body.Assets .thumbnail .caption .dwn-psd a:hover,
body.Assets .thumbnail .caption .dwn-psd a:focus		{ color: #ffffff; background-color: #BAA46C; border-color: #BAA46C; }
body.Assets .thumbnail .caption .buy-sng a				{ color: #ffffff; background-color: #72C974; border-color: #6FB56A; }
body.Assets .thumbnail .caption .buy-sng a:hover,
body.Assets .thumbnail .caption .buy-sng a:focus		{ color: #ffffff; background-color: #6FB56A; border-color: #6FB56A; }

body.Layouts .thumbnail									{ border-radius: 0px; margin-bottom: 40px; border: 0px solid #EAEAEA; padding: 0px; position: relative; max-width: 440px; margin-left: auto; margin-right: auto; }
body.Layouts .thumbnail .update-info						{ display: none; position: absolute; top: 1px; right: 1px; font-size: 0; height: 23px; padding: 3px 3px; background: #ff0000; white-space: nowrap; cursor: help; }
body.Layouts .update-available .thumbnail .update-info	{ display: block; }
body.Layouts .thumbnail .update-info i					{ display: inline-block; vertical-align: top; text-align: center; font-size: 12px; line-height: 18px; color: #ffffff; width: 18px; height: 18px; }
body.Layouts .thumbnail .update-info .info-label			{ opacity: 0; display: inline-block; vertical-align: top; max-width: 0; padding: 0px; transition: all 0.3s; -webkit-transition: all 0.3s; line-height: 18px; font-size: 11px; font-weight: bold; color: #ffffff; overflow: hidden; }
body.Layouts .thumbnail .update-info:hover .info-label	{ opacity: 1; max-width: 250px; padding: 0px 3px; }
body.Layouts .thumbnail .caption							{ padding: 25px 25px 20px 25px; text-align: center; color: #838383; background: #F1F4F5; }
body.Layouts .thumbnail .caption	h3						{ font-size: 22px; font-weight: normal; line-height: 28px; min-height: 56px; color: #515F65; margin-top: 0px; /* text-transform: uppercase; */ }
body.Layouts .thumbnail .caption	p						{ margin-bottom: 20px; font-size: 12px; line-height: 20px; }
body.Layouts .thumbnail .caption .but-full,
body.Layouts .thumbnail .caption .but-details			{ margin-bottom: 10px; }
body.Layouts .thumbnail .caption .but-details a			{ border-color: #E4E9EB; background: #ffffff; color: #888888; }
body.Layouts .thumbnail .caption .but-details a:hover	{ border-color: #DEE3E4; background-color: #E4E9EB; color: #333333; }
body.Layouts .thumbnail .caption .but-full a				{ width: 100%; }
body.Layouts .thumbnail .caption .dwn-psd a				{ color: #ffffff; background-color: #CBB476; border-color: #BAA46C; }
body.Layouts .thumbnail .caption .dwn-psd a:hover,
body.Layouts .thumbnail .caption .dwn-psd a:focus		{ color: #ffffff; background-color: #BAA46C; border-color: #BAA46C; }
body.Layouts .thumbnail .caption .buy-sng a				{ color: #ffffff; background-color: #72C974; border-color: #6FB56A; }
body.Layouts .thumbnail .caption .buy-sng a:hover,
body.Layouts .thumbnail .caption .buy-sng a:focus		{ color: #ffffff; background-color: #6FB56A; border-color: #6FB56A; }

body.Services .thumbnail								{ border-radius: 0px; margin-bottom: 40px; border: 0px solid #EAEAEA; padding: 0px; position: relative; max-width: 440px; margin-left: auto; margin-right: auto; }
body.Services .thumbnail .update-info					{ display: none; position: absolute; top: 1px; right: 1px; font-size: 0; height: 23px; padding: 3px 3px; background: #ff0000; white-space: nowrap; cursor: help; }
body.Services .update-available .thumbnail .update-info	{ display: block; }
body.Services .thumbnail .update-info i					{ display: inline-block; vertical-align: top; text-align: center; font-size: 12px; line-height: 18px; color: #ffffff; width: 18px; height: 18px; }
body.Services .thumbnail .update-info .info-label		{ opacity: 0; display: inline-block; vertical-align: top; max-width: 0; padding: 0px; transition: all 0.3s; -webkit-transition: all 0.3s; line-height: 18px; font-size: 11px; font-weight: bold; color: #ffffff; overflow: hidden; }
body.Services .thumbnail .update-info:hover .info-label	{ opacity: 1; max-width: 250px; padding: 0px 3px; }
body.Services .thumbnail .caption						{ padding: 25px 25px 20px 25px; text-align: center; color: #838383; background: #F1F4F5; }
body.Services .thumbnail .caption h3					{ font-size: 22px; font-weight: normal; line-height: 28px; min-height: 56px; color: #515F65; margin-top: 0px; /* text-transform: uppercase; */ }
body.Services .thumbnail .caption p						{ margin-bottom: 20px; font-size: 12px; line-height: 20px; }
body.Services .thumbnail .caption .but-full,
body.Services .thumbnail .caption .but-details			{ margin-bottom: 10px; }
body.Services .thumbnail .caption .but-details a			{ border-color: #E4E9EB; background: #ffffff; color: #888888; }
body.Services .thumbnail .caption .but-details a:hover	{ border-color: #DEE3E4; background-color: #E4E9EB; color: #333333; }
body.Services .thumbnail .caption .but-full a			{ width: 100%; }
body.Services .thumbnail .caption .dwn-psd a			{ color: #ffffff; background-color: #CBB476; border-color: #BAA46C; }
body.Services .thumbnail .caption .dwn-psd a:hover,
body.Services .thumbnail .caption .dwn-psd a:focus		{ color: #ffffff; background-color: #BAA46C; border-color: #BAA46C; }
body.Services .thumbnail .caption .buy-sng a			{ color: #ffffff; background-color: #72C974; border-color: #6FB56A; }
body.Services .thumbnail .caption .buy-sng a:hover,
body.Services .thumbnail .caption .buy-sng a:focus		{ color: #ffffff; background-color: #6FB56A; border-color: #6FB56A; }

body.Bundles .thumbnail									{ border-radius: 0px; margin-bottom: 40px; border: 0px solid #EAEAEA; padding: 0px; position: relative; max-width: 440px; margin-left: auto; margin-right: auto; }
body.Bundles .thumbnail .update-info					{ display: none; position: absolute; top: 1px; right: 1px; font-size: 0; height: 23px; padding: 3px 3px; background: #ff0000; white-space: nowrap; cursor: help; }
body.Bundles .update-available .thumbnail .update-info	{ display: block; }
body.Bundles .thumbnail .update-info i					{ display: inline-block; vertical-align: top; text-align: center; font-size: 12px; line-height: 18px; color: #ffffff; width: 18px; height: 18px; }
body.Bundles .thumbnail .update-info .info-label		{ opacity: 0; display: inline-block; vertical-align: top; max-width: 0; padding: 0px; transition: all 0.3s; -webkit-transition: all 0.3s; line-height: 18px; font-size: 11px; font-weight: bold; color: #ffffff; overflow: hidden; }
body.Bundles .thumbnail .update-info:hover .info-label	{ opacity: 1; max-width: 250px; padding: 0px 3px; }
body.Bundles .thumbnail .caption						{ padding: 25px 25px 20px 25px; text-align: center; color: #838383; background: #F1F4F5; }
body.Bundles .thumbnail .caption h3						{ font-size: 22px; font-weight: normal; line-height: 28px; min-height: 56px; color: #515F65; margin-top: 0px; /* text-transform: uppercase; */ }
body.Bundles .thumbnail .caption p						{ margin-bottom: 20px; font-size: 12px; line-height: 20px; }
body.Bundles .thumbnail .caption .but-full,
body.Bundles .thumbnail .caption .but-details			{ margin-bottom: 10px; }
body.Bundles .thumbnail .caption .but-details a			{ border-color: #E4E9EB; background: #ffffff; color: #888888; }
body.Bundles .thumbnail .caption .but-details a:hover	{ border-color: #DEE3E4; background-color: #E4E9EB; color: #333333; }
body.Bundles .thumbnail .caption .but-full a			{ width: 100%; }
body.Bundles .thumbnail .caption .but-details a			{ color: #ffffff; background-color: #CBB476; border-color: #BAA46C; }
body.Bundles .thumbnail .caption .but-details a:hover,
body.Bundles .thumbnail .caption .but-details a:focus	{ color: #ffffff; background-color: #BAA46C; border-color: #BAA46C; }
body.Bundles .thumbnail .caption .buy-sng a				{ color: #ffffff; background-color: #72C974; border-color: #6FB56A; }
body.Bundles .thumbnail .caption .buy-sng a:hover,
body.Bundles .thumbnail .caption .buy-sng a:focus		{ color: #ffffff; background-color: #6FB56A; border-color: #6FB56A; }

.caption										{ position: relative; }
.caption .more-list								{ display: none; z-index: 50; background: #ffffff; border: 1px solid #eaeaea; border-radius: 0 0 5px 5px; position: absolute; left: -6px; right: -6px; bottom: -6px; transform: translateY(100%); -webkit-transform: translateY(100%); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); box-sizing: border-box; padding: 15px 1px; }
.caption .more-list .more-item					{ position: relative; margin-bottom: 5px; padding: 4px 20px; text-align: left; line-height: 24px; }
.caption .more-list .more-item:nth-child(2n) 	{ background: #f9f9f9; }
.caption .more-list .more-item:last-child 		{ margin-bottom: 0px; }
.caption .more-list .more-item:after			{ content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; }
.caption .more-list .more-item-name				{ float: left; display: block; max-width: calc(100% - 95px); max-width: -webkit-calc(100% - 95px);}
.caption .more-list .more-item-name:before 		{ content: ""; font-family: FontAwesome; text-align: center; line-height: 24px; font-size: 16px; display: inline-block; vertical-align: top; margin-right: 8px; }
.caption .more-list .more-item .btn 			{ float: right; margin-left: 5px; padding: 1px 5px; text-indent: -9999px; width: 40px; position: relative; }
.caption .more-list .more-item .btn:before 			{ font-family: FontAwesome; text-align: center; line-height: 22px; font-size: 16px; position: absolute; top: 0; left: 50%; margin-left: -15px; display: block; width: 30px; height: 22px; text-indent: 0; }
.caption .more-list .more-item .btn-default:before	{ content: ""; }
.caption .more-list .more-item .btn-primary:before	{ content: ""; }
.caption .more-list .more-item .btn-primary			{ background: #72c974; border-color: #6fb56a; }
.caption .more-list .more-item .btn-primary:hover	{ background: #6fb56a; }
.caption .more-list .more-item .btn-default			{ background: #6ac9ed; border-color: #60b5d6; color: #ffffff; }
.caption .more-list .more-item .btn-default:hover	{ background: #60b5d6; }

body.Account .dl-horizontal dt			{ margin-bottom: 5px; padding: 5px 0px; }
body.Account .dl-horizontal dd			{ background: #f7f7f7; margin-bottom: 5px; padding: 5px 10px; border-radius: 5px;}
body.Account .account-details-personal	{ padding-bottom: 20px; }
body.Account .panel-default img			{ background: #FFFFFF; border: 6px solid #EAEAEA; display: block; padding: 1px; width: 100%; max-width: 105px; border-radius: 100%;  }

body.Account h2.page-header					{ text-align: center; border: none; color: #666666; font-weight: normal; margin: 80px 0px 40px 0px;  }

.check-sub							{ background: #f1f4f5; border: 1px solid #e4e9eb;}
.check-sub .check-message       	{ padding: 6px 0px 8px 60px; position: relative; margin: 0px; }
.check-sub .check-message:before    { content: "\f129"; font-family: FontAwesome; font-size: 24px; line-height: 36px; width: 40px; height: 40px; text-align: center; vertical-align: middle; color: #eea236; position: absolute; top: 5px; left: 0px; box-sizing: border-box; border: 2px solid #eea236; border-radius:100%;}
@media all and (max-width: 992px)
{
	.check-sub .check-message			{ padding: 55px 0px 15px; text-align: center; }
	.check-sub .check-message:before	{ top: 0px; left: 50%; margin-left: -20px; }
	.check-sub .col-md-2				{ text-align: center; }
}


@media all and (max-width: 992px)
{
	body.Account .col-xs-6,
	body.Account .col-xs-18				{ width: 100%; float: none;  }
	body.Account .panel-default img		{ margin: 0px auto 40px auto; }
}

h2.title-small 		{ margin-bottom: 20px; font-weight: normal; font-size: 24px; }
.register-purchase 	{ margin-bottom: 50px; }

.themeforest h2.title-small 		{ margin-bottom: 20px; font-weight: normal; font-size: 24px; margin-top: 70px; }
.themeforest .register-purchase 	{ margin-bottom: 70px; }

body.Services .dl-horizontal dt			{ margin-bottom: 5px; padding: 5px 0px; }
body.Services .dl-horizontal dd			{ background: #f7f7f7; margin-bottom: 5px; padding: 5px 10px; border-radius: 5px; min-height: 30px; }

body.Support.topic .dl-horizontal dt			{ margin-bottom: 5px; padding: 5px 0px; }
body.Support.topic .dl-horizontal dd			{ background: #f7f7f7; margin-bottom: 5px; padding: 5px 10px; border-radius: 5px; min-height: 30px; }

body.Services .panel-default img			{ background: #FFFFFF; border: 6px solid #EAEAEA; display: block; padding: 1px; max-width: 100%; }

body.Services h2.page-header					{ text-align: center; border: none; color: #666666; font-weight: normal; margin: 80px 0px 40px 0px;  }

@media all and (max-width: 992px)
{
	body.Services .col-xs-6,
	body.Services .col-xs-18				{ width: 100%; float: none; clear: both; }
	body.Services .panel-default img		{ margin: 0px auto 40px auto; }
}

/* checkout */

.join-preview.checkout-preview tr.product-vat		{ display: table-row; }

input[type="submit"]:focus							{ outline: none; box-shadow: none; }
.Join .container,
.Checkout .container									{ max-width: 1140px; }
.row-checkout										{ background: #F1F4F5; }
.row-checkout p 									{ text-align: center; margin: 20px 0px; }
.row-checkout .form-group							{ text-align: center; }
.row-checkout .form-group .select2,
.row-checkout .form-narrow .form-group .checkbox	{ text-align: left; }
.row-checkout input[type="submit"]					{ background: #a1c328; border: 0px solid #FFFFFF; border-radius: 50px; font-size: 18px; font-weight: bold; margin-top: 20px; padding: 10px 30px 10px; text-transform: uppercase; /* box-shadow: 0px 1px 2px rgba(0,0,0,0.2);*/ background-clip: padding-box; transition: all 0.3s; }
.row-checkout input[type="submit"]:hover			{ background: #222222; }

.pay-tabs-empty										{ background: #F1F4F5; height: 30px; margin-bottom: -10px; }
.nav.pay-tabs										{ background: #F1F4F5; text-align: center; font-size: 0; padding-top: 20px; }
.nav.pay-tabs li									{ display: inline-block; width: 250px; max-width: 50%; background: #6AC9ED; font-size: 14px; }
.nav.pay-tabs li a									{ color: #ffffff; background: none; }
.nav.pay-tabs li a:hover,
.nav.pay-tabs li a:focus							{ background: none; }
.nav.pay-tabs li.active								{ background: #E4E9EB; }
.nav.pay-tabs li.active a							{ color: #666666; }
.pay-tabs-content									{ display: none; padding-top: 30px; }
.pay-tabs-content.active							{ display: block; }

.payment-method										{ margin: 0px 0px 30px 0px; padding: 0px 45px; }
.payment-method .payment-method-wrap				{ background: #F1F4F5; border-radius: 3px; padding: 20px 80px 20px 25px; border-left: 5px solid #C1C8CC; position: relative; transition: all 0.3s; }
.payment-method:hover .payment-method-wrap			{ border-color: #515F65; }
.payment-method .payment-method-wrap .card-marker						{ display: block; width: 28px; height: 28px; background: #ffffff; border-radius: 30px; position: absolute; top: 24px; right: 20px; text-align: center; line-height: 24px; border: 2px solid #C1C8CC; }
.payment-method .payment-method-wrap .card-marker:before	 			{ content: ""; display: block; position: absolute; top: 3px; left: 3px; right: 3px; bottom: 3px; background: none; border-radius: 30px; transition: all 0.3s; }
.payment-method:hover .payment-method-wrap .card-marker:before			{ background: #6AC9ED; }	
.payment-method.current .payment-method-wrap .card-marker:before	 	{ background: #A1C328; }

.payment-method-existing .row				{ font-size: 0; }
.payment-method-existing .col-card			{ padding: 0px 15px; display: inline-block; vertical-align: middle; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.payment-method-existing .col-card1			{ width: 17%; }
.payment-method-existing .col-card1 img		{ max-width: 100%; }
.payment-method-existing .col-card2			{ width: 45%; }
.payment-method-existing .col-card3			{ width: 38%; font-size: 14px; }

@media all and (max-width: 640px)
{
	.payment-method-existing .col-card1		{ width: 86px; float: left; display: block; }
	.payment-method-existing .col-card2		{ width: auto; margin-left: 86px; display: block; }
	.payment-method-existing .col-card3		{ width: auto; margin-left: 86px; display: block; }
}

@media all and (max-width: 480px)
{
	.payment-method							{ padding-left: 25px; padding-right: 25px; }
}

@media all and (max-width: 460px)
{
	.payment-method-existing .col-card1		{ float: none; margin-bottom: 10px; display: none; }
	.payment-method-existing .col-card2		{ margin-left: 0px; }
	.payment-method-existing .col-card3		{ margin-left: 0px; }
}

.payment-method-existing					{ cursor: pointer; margin-top: 15px; margin-bottom: 0; }
.payment-method-existing:last-child			{ margin-bottom: 30px; }
.payment-method-existing .row				{ opacity: 0.5; transition: all 0.3s; }
.payment-method-existing.current .row,
.payment-method-existing:hover .row			{ opacity: 1; }

.payment-method .payment-method-wrap .inline		{ display: inline-block; vertical-align: middle; font-size: 12px;  }
.payment-method .payment-method-wrap .inline-left	{ margin-right: 30px; vertical-align: top;  }
.payment-method .payment-method-wrap img 			{ display: block; }
.payment-method .payment-method-wrap h4 			{ font-weight: 500; color: #666666; font-size: 20px; margin: 0px 0px 2px 0px; }
.payment-method .payment-method-wrap .alert,
.form-narrow-submit .form-narrow-submit-wrap .alert		{ margin-left: 15px; margin-right: 15px; }
.payment-method.current .payment-method-wrap			{ border-color: #6AC9ED !important; }
.payment-method	.payment-method-wrap h4 .use-this			{ font-size: 0; opacity: 0; .transition: all 0.3s; color: #FF7E00; display: inline-block; vertical-align: baseline;  }
.payment-method.current .payment-method-wrap h4 .use-this	{ font-size: 14px; opacity: 1; }
.payment-method.payment-method-new 											{ margin-top: 0px; padding: 0px 30px; }
.payment-method.payment-method-new .col-sm-12								{ padding: 0; }
.payment-method.payment-method-new .payment-method-wrap						{ padding: 0px 0px 0px 0px; border-width: 0px; background: none; }
.payment-method.payment-method-new .payment-method-wrap .card-marker		{ display: none; }
.payment-method.payment-method-new .payment-method-wrap > .form-group		{ margin: 0px; }

@media all and (max-width: 480px)
{
	.payment-method.payment-method-new					{ padding-left: 10px; padding-right: 10px;  } 
}

/*
.btn-payment-method-new									{ font-size: 0; line-height: 0px; }
.btn-payment-method-new .btn-payment-more				{ display: inline-block; cursor: pointer; color: #666666;  transition: all 0.3s;  border: 1px solid #cccccc;  }
.btn-payment-method-new .btn-payment-more:hover			{ color: #6AC9ED; border-radius: 20px; }
.btn-payment-method-new	.btn-payment-more				{ opacity: 0; font-size: 0; line-height: 0px; padding: 0}
.current ~ .btn-payment-method-new .btn-payment-more	{ opacity: 1; font-size: 16px; line-height: 20px; padding: 8px 30px; }

*/

.btn-payment-method-new:before							{ /* content:"\f01a"; font-family: FontAwesome; margin-right: 9px; position: relative; top: -1px; vertical-align: middle; font-size: 24px; color: #cccccc; */ }



/* join */

/* join */

.Join #ait-announcements-bar-wrapper,
.Checkout #ait-announcements-bar-wrapper 			{ display: none; }

.Join .content-section-a,
.Checkout .content-section-a						{ padding-bottom: 140px; }
.Join h1.page-header,
.Checkout h1.page-header							{ padding-top: 50px; /*margin-bottom: 20px;*/ }
.Join .content-section-a .row-checkout,
.Checkout .content-section-a .row-checkout		{ background: #E4E9EB; position: relative; }
.Join .content-section-a .row-checkout:before,
.Checkout .content-section-a .row-checkout:before	{ content: ""; display: block; position: absolute; top: 0px; right: 0px; bottom: 0px; width: 33.3333%; background: #515F65;}

.Checkout .modal-dialog iframe	{ display: block; max-width: 100%; margin-left: auto; margin-right: auto; }
.Checkout .modal .modal-body		{ padding: 30px 0px 0px 0px; }

.join-info						{ margin-bottom: 70px; }
.join-text						{ background: #f7f7f7; border: 1px solid #eaeaea; border-radius: 4px; display: inline-block; padding: 6px 12px; text-align: center; vertical-align: middle; white-space: nowrap; }
.join-preview					{ background: #515F65; color: #cccccc; padding: 25px; text-align: center; font-size: 12px; }
.join-preview h2				{ font-size: 26px; font-weight: normal; text-align: center; color: #ffffff; margin: 20px 0px 10px 0px; }
.join-preview h3				{ font-size: 18px; text-align: center; color: #ffffff; margin: 0px 0px 15px 0px; text-transform: uppercase; }
.join-preview strong			{ color: #ffffff; }
.join-preview p.subtitle		{ margin-bottom: 25px; }
.join-preview .table-summary		{ background: rgba(255,255,255,0.1); border-radius: 3px; padding: 5px 10px; border-collapse: separate; box-sizing: border-box; width: 100%; margin-bottom: 40px; font-size: 14px; text-align: left;  }
.join-preview .table-summary th,
.join-preview .table-summary td				{ padding: 5px 0px; border-bottom: 1px solid rgba(0,0,0,0.1); border-top: 1px solid rgba(255,255,255,0.1);}
.join-preview .table-summary th				{ border-top: none; color: #ffffff; }
.join-preview .table-summary th:last-child	{ width: 24%; }
.join-preview .table-summary tr:last-child td	{ border-bottom: none; }
.join-preview .table-summary.free th			{ text-align: center; border-bottom: none; }

.join-preview .add-service 								{ background: rgba(255, 255, 255, 0.1); border-radius: 5px; margin-bottom: 40px; margin-top: -20px; padding: 14px 10px 5px 10px; text-align: left; }
.join-preview .add-service h2								{ font-size: 18px; text-align: left; border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin: 0px; padding-bottom: 8px; }
.join-preview .add-service .service-row								{ /*border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-top: 1px solid rgba(255, 255, 255, 0.1); */}
.join-preview .add-service .service-row:last-child					{ /*border-bottom: none; */}
.join-preview .add-service .service-row .table-summary				{ padding: 0px; background: none; margin: 0px; }
.join-preview .add-service .service-row .table-summary td				{ padding: 0px; }
.join-preview .add-service .service-row .table-summary td:last-child	{ width: 24%; }
.join-preview .add-service .service-row .checkbox						{ margin-top: 8px; margin-bottom: 8px; }
.join-preview .add-service .service-row .checkbox input				{ position: relative; top: 0px; }

.join-preview .product-preview									{ margin-bottom: 30px; text-align: center; max-width: 400px; margin-left: auto; margin-right: auto; }
.join-preview .product-preview h3								{ }
.join-preview .product-preview .bundle-list						{ list-style-type: none; padding: 0px; margin: -5px 0px 20px 0px; }
.join-preview .product-preview .bundle-list li					{ display: inline-block; }
.join-preview .product-preview .bundle-list li:after				{ content: ","; }
.join-preview .product-preview .bundle-list li:first-child			{ color: #ffffff; }
.join-preview .product-preview .bundle-list li:first-child:after	{ content: ""; }
.join-preview .product-preview .bundle-list li:last-child:after		{ content: ""; }
.join-preview .product-preview img									{ max-width: 75%; border: 6px solid #ffffff;  }
.join-preview .product-preview .package-info 						{ background: #6AC9ED; color: #FFFFFF; font-size: 13px; border: 3px solid #FFFFFF; list-style-type: none; margin: 0 auto; max-width: 85%; padding: 12px 12px 5px 12px; box-shadow: 0px 0px 0px 300px rgba(0,0,0,0.55) inset; text-align: left;}
.join-preview .product-preview .package-info li					{ margin: 0; padding: 0 0 8px 20px; position: relative;  }
.join-preview .product-preview .package-info li:before			{ color: #eFc000; content: ""; display: inline-block; font-family: FontAwesome; margin-right: 10px; position: absolute; top: 0; left: 0; }
.join-preview .product-preview .package-info li.disable:before	{ color: #FF4511; content: "";}
.join-preview .product-info						{ padding: 15px; margin-bottom: 40px; position: relative; border-top: 1px solid rgba(255,255,255,0.1); border-bottom: 1px solid rgba(255,255,255,0.1); max-width: 400px; margin-left: auto; margin-right: auto;}
.join-preview .product-info:before				{ content:""; font-family: FontAwesome; width: 24px; height: 24px; line-height: 24px; font-size: 14px; text-align: centrer; border-radius: 100%; background: #6AC9ED; color: #ffffff; position: absolute; top: -14px; left: 50%; margin-left: -12px; display: block; }

.product-membership		{ margin-top: 0px; margin-bottom: 45px; }
.product-membership img	{ max-width: 75%; }

.join-preview .pp-text				{ text-align: center; font-size: 11px; }
.join-preview .pp-logo				{ text-align: center; margin-bottom: 30px; }
.join-preview .pp-logo img			{ max-width: 100%; }

.join-preview .pp-secure						{ position: relative; }
.join-preview .pp-secure .pp-secure-logo		{ position: absolute; bottom: 27px; left: 50%; width: 225px; margin-left: -107px; }
.join-preview .pp-secure table				{ width: 100%; table-layout: fixed; vertical-align: top; }
.join-preview .pp-secure table img			{ max-width: 100%; vertical-align: top; }

@media all and (max-width: 1024px)
{
	.Join .content-section-a,
	.Checkout .content-section-a		{ padding-top: 20px; }
	.return .content-section-a		{ padding-top: 70px; }
}

@media all and (max-width: 992px)	
{
	.Join:not(.return) .content-section-a,
	.Checkout:not(.return) .content-section-a			{ padding-bottom: 5px; }
	.return .content-section-a						{ padding-bottom: 70px; }
	.Join .content-section-a .row:before,
	.Checkout .content-section-a .row:before 			{ display: none; }
	
	.join-preview .product-preview .package-info	{ max-width: 100%; }
	
	.join-preview .pp-secure						{ background: #ffffff; margin-top: -25px; margin-left: -25px; margin-right: -25px; margin-bottom: 40px; padding: 30px 0 20px 0; }
	.join-preview .pp-secure .pp-secure-logo		{ position: static; margin: auto;  }
}

.join-form									{ padding-left: 0px; padding-right: 0px; }
.join-form .join-form-header				{ background: #F1F4F5; padding-left: 30px; padding-right: 35px; padding-top: 50px; text-align: center; }
.join-form .join-form-header h2				{ font-size: 34px; margin-top: 0px; font-weight: normal; color: #666666; }
.join-form .join-form-header p						{ font-size: 13px; margin: 0px; padding: 0px 15px 20px 15px; }
.Join.free .join-form .join-form-header p			{ font-size: 16px; text-align: left; }
.join-form .join-form-header p.buttons				{ margin-bottom: 40px; padding: 0px 15px;  }
.join-form .join-form-header p.buttons a.btn		{ font-size: 16px; padding: 11px 30px 10px 30px; background: #a1c328; border-color: #91B024; color: #ffffff; border-radius: 4px; width: 100%; }
.join-form .join-form-header p.buttons a.btn:hover	{ background: #91B024; border-color: #91B024; }
.join-form .join-form-header p.buttons a.btn > span	{ font-size: 26px; display: block; }
.join-form .form-narrow						{ border: none; box-shadow: none; background: #F1F4F5; max-width: inherit; border-radius: none; padding: 20px 30px 10px 30px; margin-bottom: 0px; }
.join-form .form-horizontal					{ padding-bottom: 30px; }
.join-form .form-group						{ margin-left: 0px; margin-right: 0px; }
.join-form input.form-control					{ background: #ffffff; border: 1px solid #dddddd; box-shadow: none; }
.join-form input.form-control:focus			{ border-color: #46B8DA; box-shadow: 1px 2px 2px rgba(0,0,0,0.05) inset; }
.join-form p.email-description				{ margin: 10px 0px 0px 0px; font-size: 12px; line-height: 20px; text-align: left; }
.join-form .select2-container .select2-choice					{ border: 1px solid #dddddd; box-shadow: none; }
.join-form .select2-container-active .select2-choice			{ border-color: #46B8DA; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); }
.join-form .select2-container .select2-choice .select2-arrow	{ border-left: none; }
.select2-drop													{ box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); }
.select2-drop-active											{ border-color: #46B8DA; }

.join-form .form-narrow-submit								{ padding: 0px 0px 0px 0px; }
.join-form .form-narrow-submit .form-narrow-submit-wrap		{ background: #E4E9EB; border-radius: 10px; text-align: center; padding: 20px 30px 30px 30px; }
.join-form .form-narrow-submit .col-sm-12					{ padding: 0; }
.join-form .payment-title									{ text-align: left; margin-bottom: 10px; padding-top: 30px; }
.join-form .payment-title .cc-fix							{ padding-bottom: 20px; }
.join-form .payment-title .col-sm-3.cc-fix					{ width: 25%; float: left; }
.join-form .payment-title .col-sm-9.cc-fix					{ width: 75%; float: left; }
.join-form .payment-title .card-info						{ display: block; width: 50px; height: 50px; border-radius: 30px; border: 2px solid #ffffff; line-height: 46px; text-align: center; color: #ffffff; }
.join-form .payment-title .card-info:before					{ content: "\f023"; font-family: fontawesome; font-size: 22px; display: inline-block; vertical-align: top; }
.join-form .payment-title h2								{ font-weight: normal; font-size: 24px; line-height: 34px; margin: 0; padding: 0; }
.join-form .payment-title p									{ padding: 0; margin: 0px; font-size: 13px; text-align: left; }
.join-form .payment-title p.cc-examples						{ margin-top: 14px; margin-bottom: -4px; }
.join-form .payment-title p.cc-examples img					{ display: inline-block; background: #ffffff; width: 46px; height: auto; padding: 4px 0px; border-radius: 2px; box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.07); margin-bottom: 4px; position: relative; transition: all 0.3s; }
.join-form .payment-title p.cc-examples img:hover 			{ transform: scale(1.8); z-index: 10; }
.join-form .form-narrow-submit .checkbox					{ color: #666666; padding: 10px 15px 0px 15px; font-size: 12px; line-height: 20px; text-align: left; }
.join-form .form-narrow-submit .checkbox.terms				{ padding-top: 30px; }
.join-form .form-narrow-submit .checkbox label				{ padding-left: 26px; display: block; position: relative; }
.join-form .form-narrow-submit .checkbox input				{ float: none; vertical-align: top; margin: 0px; position: absolute; top: 3px; left: 0; }
.join-form .form-narrow-submit p							{ margin: 0px; padding-top: 0px; font-size: 13px; }
.join-form .form-narrow-submit p.form-account-info			{ padding: 20px 15px 0px 15px; }
.join-form .form-narrow-submit input[type="submit"]			{ background: #a1c328; border: 0px solid #FFFFFF; border-radius: 50px; font-size: 18px; font-weight: bold; margin-top: 20px; padding: 10px 30px 10px; text-transform: uppercase; /* box-shadow: 0px 1px 2px rgba(0,0,0,0.2);*/ background-clip: padding-box; transition: all 0.3s; }
.join-form .form-narrow-submit input[type="submit"]:hover	{ background: #222222; }

.Stripe .join-form .payment-title p.cc-examples						{ margin-top: 26px; }	
.Stripe .join-form .payment-title .stripe-info img					{ max-width: 100%; height: auto; }
.Stripe .join-form .payment-method.payment-method-new				{ margin: 0; }
.Stripe .join-form .form-group										{ text-align: left;  }
.Stripe .join-form form > .form-group								{ text-align: left; padding-left: 30px; padding-right: 30px;  }
.Stripe .join-form .payment-messages .form-control.StripeElement	{ padding: 8px 12px; }
.Stripe .row-checkout .join-form input[type="submit"]               { margin-top: 10px; }
@media (max-width: 480px)
{
	.Stripe .join-form form > .form-group { padding-left: 10px; padding-right: 10px; }
}

.join-form .col-sm-3.control-label				{ line-height: 34px; padding: 0px 15px 0px 15px; text-align: left; }
.join-form .col-sm-3.control-label label		{ display: inline-block; font-size: 13px; font-weight: bold; line-height: 16px; margin-bottom: 0px; vertical-align: middle; }

.join-form .tab-join,
.join-form .tab-signin											{ padding-bottom: 30px; }
.join-form .tab-join p.payment-header-info						{ margin: 0px; padding: 0px 15px 40px 15px; }
.join-form .tab-signin .join-form-header p						{ margin-bottom: 0px; padding: 0px 15px 40px 15px; }
.join-form .tab-signin .col-sm-3								{ display: none; }
.join-form .tab-signin .col-sm-9								{ width: 70%; margin: auto; float: none; }
.join-form .tab-signin .form-narrow								{ background: #E4E9EB; border-radius: 10px; text-align: center; padding: 50px 20px 30px 20px; margin-left: 30px; margin-right: 30px; }
.join-form .tab-signin input.form-control						{ text-align: center; }
.join-form .tab-signin .form-narrow .checkbox					{ color: #666666; }
.join-form .tab-signin .form-narrow .checkbox input				{ float: none; vertical-align: top; margin-right: 9px; }
.join-form .tab-signin .form-narrow p							{ margin: 0px; padding-top: 20px; font-size: 13px; }
.join-form .tab-signin .form-narrow input[type="submit"]		{ background: #a1c328; border: 0px solid #FFFFFF; border-radius: 50px; font-size: 18px; font-weight: bold; margin-top: 20px; padding: 10px 30px 10px; text-transform: uppercase; /*box-shadow: 0px 1px 2px rgba(0,0,0,0.2);*/ background-clip: padding-box; transition: all 0.3s; }
.join-form .tab-signin .form-narrow input[type="submit"]:hover	{ background: #222222; }

.nav.ait-tabs					{ display: block; list-style-type: none; font-size: 0px; margin-left: -15px; margin-right: -15px; margin-bottom: 1px; }
.nav.ait-tabs li				{ display: inline-block; vertical-align: top; font-size: 16px; font-weight: bold; text-transform: uppercase; width: 200px; text-align: left; border-top: 1px solid #eeeeee; border-right: 1px solid #eeeeee; }
.nav.ait-tabs li:first-child	{ border-left: 1px solid #eeeeee;}
.nav.ait-tabs li a				{ display: block; padding: 12px 20px 10px 20px; color: #bbbbbb; background: none; outline: none; }
.nav.ait-tabs li a:hover		{ color: #666666; }
.nav.ait-tabs li small			{ font-size: 12px; display: block; font-weight: normal; text-transform: none; }
.nav.ait-tabs li.active			{ background: #F1F4F5; border-color: #F1F4F5; }
.nav.ait-tabs li.active a,
.nav.ait-tabs li.active a:hover	{ color: #666666 }

@media all and (max-width: 480px)	
{
	.join-form .join-form-header p,
	.join-form .join-form-header p.buttons						{ padding-left: 0px; padding-right: 0px; }
	
	.join-form .form-narrow,
	.join-form .form-narrow-submit .form-narrow-submit-wrap		{ padding-left: 10px; padding-right: 10px; }

	.nav.ait-tabs li			{ width: 50%; }
}

/*** join upgrade banner ***/

.join-form .cta-bar 			{ margin: 15px 15px 40px; padding: 25px 10px 0; background: #fff; border-radius: 4px; }
.join-form .cta-bar p			{ padding: 0 0 25px; font-size: 16px; text-align: center; }
.join-form .cta-bar p .cta-prc	{ color: #FF00C7; font-size: 18px; }
.join-form .cta-bar a.btn		{ margin-bottom: 25px; padding: 11px 20px 10px; font-size: 16px; background: #a1c328; border-color: #91B024; color: #ffffff; border-radius: 4px; width: 100%; }
.join-form .cta-bar a.btn:hover	{ background: #91B024; border-color: #91B024; }

@media all and (min-width: 768px)
{
	.join-form .cta-bar p		{ text-align: left; }
}

/*** banner ***/

.ait-subscribe				{ border: 1px solid #E4E9EB; background: #F1F4F5; text-align: center; padding: 30px 20px; }
.ait-subscribe h2			{ margin: 0px; font-weight: normal; font-size: 24px; }
.ait-subscribe h3			{ margin: 15px; font-weight: normal; font-size: 22px; font-weight: bold; color: #eea236; }
.ait-subscribe h4			{ font-weight: normal; }
.ait-subscribe .buttons		{ margin: 20px 0px 0px 0px; }
.ait-subscribe .buttons	a	{ margin: 0px 5px 10px 5px; }

/*** banner 2017 ***/

.ait-subscribe-banner			{ margin-bottom: 70px; text-align: center; }
.ait-subscribe-banner > a		{ display: inline-block; vertical-align: top; max-width: 100%; }
.ait-subscribe-banner a:hover,
.ait-subscribe-banner a			{ text-decoration: none; }
.main-banner					{ background: #9CD100 url(../img/banner-bck-green.jpg) top left no-repeat; width: 1000px; max-width: 100%; margin-left: auto; margin-right: auto; color: #ffffff; position: relative; }
.main-banner:after				{ content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; }
.main-banner .main-banner-img		{ display: inline-block; vertical-align: middle; max-width: 100%; box-sizing: border-box; position: absolute; top: -19px; left: 15px; }
.main-banner .main-banner-img img	{ max-width: 100%; height: auto; }
.main-banner .banner-box				{ padding: 33px 30px 44px 231px; text-align: left; }
.main-banner .banner-box-without-img	{ padding-left: 33px; }
.main-banner .banner-box h3			{ color: #ffffff; font-size: 25px; line-height: 32px; font-weight: normal; font-family: OpenSans; letter-spacing: -0.03em; margin: 0px; }
.main-banner .banner-box p			{ color: #3B4E00; font-size: 13px; line-height: 20px; font-weight: bold; font-family: OpenSans; letter-spacing: -0.00em; margin: 0px; text-transform: uppercase; padding-top: 2px; }
.main-banner .main-banner-but						{ position: absolute; bottom: -11px; left: 0px; padding: 0px 36px; text-align: right; width: 100%; }
.main-banner .main-banner-but span					{ display: inline-block; vertical-align: bottom; max-width: 100%; background: #FF9B24; color: #ffffff; font-family: OpenSans; font-weight: bold; text-transform: uppercase; font-size: 16px; line-height: 20px; padding: 8px 25px; min-width: 120px; transition: all 0.3s; box-shadow: 0px -2px 0px rgba(0,0,0,0.1) inset; text-align: center; margin-top: 5px; }
.main-banner .main-banner-but span.mb-button-more			{ background: #8F99A0; }
.main-banner .main-banner-but a:hover span.mb-button-more	{ background: #6AC9ED; }
.main-banner:hover .main-banner-but span.mb-button			{ background: #96005E; /*padding: 10px 30px;  */}
.main-banner:hover .main-banner-but a:hover span.mb-button	{ background: #96005E; }
.main-banner:hover .main-banner-but a:hover + a > span.mb-button	{ /*background: #FF9B24 !important; */}

.main-banner.upgrade						{ background: #310041 url(../img/bg-dark-animated2-opt.gif) center center no-repeat; background-size: cover; }
.main-banner.upgrade .banner-box p			{ color: #ffffff; }
.main-banner.upgrade .main-banner-but span 	{ background: #FF00A2; }

@media all and (max-width: 680px)	
{
	.ait-subscribe-banner					{ padding-top: 15px; }
	.main-banner .main-banner-img			{ width: 160px; top: -26px; left: 50%; margin-left: -80px; }
	.main-banner .banner-box				{ text-align: center; padding: 130px 30px 64px 30px; }
	.main-banner .banner-box-without-img	{ padding-top: 30px; }
	.main-banner .banner-box p				{ padding-top: 10px; }
	.main-banner .main-banner-but			{ text-align: center; }
}

@media all and (max-width: 460px)
{
	.main-banner .banner-box			{ padding-bottom: 94px; }
	.main-banner .main-banner-but span	{ min-width: 200px; }
}

/*** banner 2019 ***/

.main-banner-2019							{ background: #333333; width: 1000px; max-width: 100%; min-height: 152px; margin-left: auto; margin-right: auto; color: #ffffff; position: relative; }
.main-banner-2019:after						{ content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; }
.main-banner-2019 .main-banner-img			{ display: inline-block; vertical-align: top; max-width: 100%; box-sizing: border-box; position: absolute; top: 0px; left: 0px; z-index: 10; }
.main-banner-2019 .main-banner-img img		{ max-width: 100%; height: auto; }
.main-banner-2019 .banner-box				{ padding: 27px 30px 28px 230px; text-align: left; }
.main-banner-2019 .banner-box:before		{ content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 183px; background: #555555; display: block; }
.main-banner-2019 .banner-box h3			{ color: #ffffff; font-size: 24px; line-height: 30px; font-weight: normal; font-family: OpenSans; letter-spacing: -0.03em; margin: 0px; max-width: 700px; }
.main-banner-2019 .banner-box p				{ color: #ffffff; font-size: 13px; line-height: 20px; font-weight: bold; font-family: OpenSans; letter-spacing: -0.00em; margin: 0px; text-transform: uppercase; padding-top: 17px; }
.main-banner-2019 .main-banner-but								{ position: absolute; bottom: -11px; left: 0px; padding: 0px 36px; text-align: right; width: 100%; box-sizing: border-box; }
.main-banner-2019 .main-banner-but span							{ display: inline-block; vertical-align: bottom; max-width: 100%; background: #FF0072; color: #ffffff; font-family: OpenSans; font-weight: bold; text-transform: uppercase; font-size: 16px; line-height: 20px; padding: 8px 25px; min-width: 120px; transition: all 0.3s; box-shadow: 0px -2px 0px rgba(0,0,0,0.1) inset; text-align: center; margin-top: 5px; }
.main-banner-2019:hover .main-banner-but span.mb-button				{ background: #111111; }
.main-banner-2019:hover .main-banner-but a:hover span.mb-button		{ background: #111111; }


.main-banner-2019.business-upgrade							{ background: #057804; background: linear-gradient(350deg,#057804,#17B93E); }
.main-banner-2019.business-upgrade .banner-box:before   	{ background: #057804; }

.main-banner-2019.business-single-upgrade							{ background: #CE8216; background: linear-gradient(350deg,#CE8216,#EFC117); }
.main-banner-2019.business-single-upgrade .banner-box:before   		{ background: #CE8216; }

.main-banner-2019.premium-discount							{ background: #6F0041; background: linear-gradient(350deg,#6F0041,#BE0963); }
.main-banner-2019.premium-discount .banner-box:before      	{ background: #ff0072; }

.main-banner-2019.premium-renew								{ background: #8707a6; background: linear-gradient(350deg,#7f07b1,#BE0963); }
.main-banner-2019.premium-renew .banner-box:before   		{ background: #8707a6; }
.main-banner-2019.premium-renew .main-banner-but span 		{ background: #68c501; }

.main-banner-2019.premium-upgrade							{ background: #6F0041; background: linear-gradient(350deg,#6F0041,#BE0963); }
.main-banner-2019.premium-upgrade .banner-box:before   		{ background: #6F0041; }

.main-banner-2019.premium-single-upgrade							{ background: #D04349; background: linear-gradient(350deg,#D04349,#F37B5B); }
.main-banner-2019.premium-single-upgrade .banner-box:before   		{ background: #D04349; }

.main-banner-2019.agency-upgrade							{ background: #800DD9; background: linear-gradient(350deg,#800DD9,#2F9AE2); }
.main-banner-2019.agency-upgrade .banner-box:before   	{ background: #800DD9; }

.main-banner-2019.agency-single-upgrade							{ background: #1EA38C; background: linear-gradient(350deg,#1EA38C,#34CBC9); }
.main-banner-2019.agency-single-upgrade .banner-box:before   		{ background: #1EA38C; }

@media all and (max-width: 680px)	
{
	.ait-subscribe-banner						{ padding-top: 15px; }
	.main-banner-2019 .main-banner-img			{ width: 160px; top: -26px; left: 50%; margin-left: -80px; }
	.main-banner-2019 .banner-box				{ text-align: center; padding: 140px 30px 64px 30px; }
	.main-banner-2019 .banner-box:before		{ top: -26px; left: 0; bottom: auto; height: 133px; width: 100%; }
	.main-banner-2019 .banner-box p				{ padding-top: 20px; }
	.main-banner-2019 .main-banner-but			{ text-align: center; }
	
	.main-banner-2019 .main-banner-img img		{ /* background: #ff0072; */ }
}

@media all and (max-width: 460px)
{
	.main-banner-2019 .banner-box				{ padding-bottom: 70px; }
	.main-banner-2019 .main-banner-but span		{ min-width: 200px; }
}

/*** stepbar ***/

.ait-progress					{ display: none; padding-left: 70px; padding-right: 70px; border: 0px solid #dddddd; border-radius: 5px; margin-top: 30px; }
.step-bar						{ display: inline-block; width: 640px; max-width: 100%; height: 15px; margin: 60px auto 95px; background: #E4E9EB; position: relative;  }
.step-bar .step-bar-active		{ display: inline-block; width: 50%; position: absolute; top: 0px; left: 0px; bottom: 0px; background: #6AC9ED; }
.step-bar .step					{ display: inline-block; position: absolute; top: -22px; }
.step-bar .step1				{ left: -10px; }
.step-bar .step2				{ left: 50%; margin-left: -30px; }
.step-bar .step3				{ right: -10px;  }
.step-bar .step .number			{ width: 60px; height: 60px; line-height: 60px; display: block; text-align: center; font-size: 36px; font-weight: bold; color: #ffffff; background: #6AC9ED; border-radius: 100%;}
.step-bar .step .text			{ display: inline-block; width: 180px; font-size: 13px; line-height: 18px; position: absolute; left: 50%; margin-left: -90px; margin-top: 10px; color: #6AC9ED; font-weight: bold; text-transform: uppercase;  }
.step-bar .step .sub-text		{ display: block; font-size: 12px; line-height: 16px; margin-top: 2px; font-weight: normal; text-transform: none; }
.step-bar .step3 .number		{ background: #E4E9EB; }
.step-bar .step3 .text			{ color: #bbbbbb; }

/*** tips ***/

.form-tip									{ background: #C3E5D2; border: 1px solid #A7D4C2; border-radius: 5px; margin: 40px 0px; padding: 22px 20px 12px 20px; text-align: left; position: relative; }
.form-tip .form-icon						{ display: block; width: 143px; height: 119px; position: absolute; top: -16px; left: 30px; background: url(../img/tips-cup.png) no-repeat center center; }
.form-tip .form-text						{ margin-left: 230px; /*font-weight: bold;*/ color: #454C52; margin-bottom: 15px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4); }
.form-tip .form-group						{ margin-left: 230px; }
.form-tip .form-group .form-inputs			{ display: inline-block; vertical-align: top; }
.form-tip .form-group .form-inputs input,
.form-tip .form-group .form-inputs select,
.form-tip .form-group button						{ margin-bottom: 10px; border: 1px solid #A7D4C2; }
.form-tip .form-group .form-inputs input:focus,
.form-tip .form-group .form-inputs select:focus,
.form-tip .form-group button:focus					{ box-shadow: none; }
.form-tip .form-group button						{ background: #454C52; color: #ffffff; padding-left: 20px; padding-right: 20px; }

@media all and (max-width: 1000px)	{

	.form-tip .form-icon				{ left: 24px; }
	.form-tip .form-text,
	.form-tip .form-group				{ margin-left: 180px; }

}


/***************/
/*** SUPPORT ***/
/***************/

.Support.default h1.page-header			{ margin-bottom: 20px; }

body.topic #message-topic-title			{ font-weight: normal; padding-top: 20px; color: #515F65; position: relative; padding-left: 50px; padding-bottom: 14px; }
body.topic #message-topic-title:before	{ content: "\f128"; font-family: fontawesome; font-size: 24px; text-align: center; border: 2px solid #515F65; display: inline-block; width: 36px; height: 36px; line-height: 32px; border-radius: 100%; position: absolute; top: 18px; left: 0; }
body.topic .page-header h3,
body.topic h3.page-header				{ font-size: 22px; }

.msg-resolved							{ padding: 20px 0px; }
.msg-resolved h3						{ font-size: 22px; margin: 0px auto; font-weight: normal; text-align: center; padding: 15px 25px; max-width: 400px; background: #96C900; color: #ffffff; border-radius: 40px; }

.stat-row 						{ text-align: center; }
.stat-row .stat-box				{ display: inline-block; vertical-align: top; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; min-width: 50%; }
.stat-row .stat-data			{ display: inline-block; vertical-align: top; }
.stat-row .stat-data p			{ margin: 0; padding: 5px 10px; }
.stat-row .stat-data i			{ color: #333333; margin-right: 10px; font-size: 15px; vertical-align: top; display: inline-block; margin-top: 4px; }
.stat-row .stat-data .stat-val			{ display: inline-block; color: #60b5d6; font-size: 16px; }
.stat-row .stat-data.state-1 .stat-val	{ color: #72c974; }
.stat-row .stat-data.state-2 .stat-val	{ color: #DB985F; }
.stat-row .stat-data.state-3 .stat-val	{ color: #E85953; }

.na-message						{ max-width: 700px; margin: 0px auto; text-align: center; margin-bottom: 80px; }
.na-message h2					{ color: #60b5d6; font-size: 24px; text-align: center; }
.na-message ul					{ list-style-type: none; text-align: left; border: 1px solid #dddddd; border-radius: 10px; padding: 30px 30px 30px 30px; margin: 30px 0; }
.na-message ul li				{ position: relative; padding-left: 20px; margin-bottom: 5px; }
.na-message ul li:last-child	{ margin-bottom: 0px; }
.na-message ul li:before		{ content: ""; display: block; width: 8px; height: 8px; border-radius: 100%; background: #60b5d6; position: absolute; top: 6px; left: 0px; }
.na-message .na-info			{ padding: 0px 30px; }
.na-message .last-note			{ margin-top: 30px; }

.new-question						{ display: block; text-align: center; margin: 30px auto 60px auto; }
.new-question .btn-question			{ min-width: 220px; background: #72c974; border-color: #6fb56a; }
.new-question .btn-question:hover	{ background: #6fb56a; }

.prioritize-question						{ display: block; text-align: center; margin: 30px auto 50px auto; }
.prioritize-question .btn-question			{ min-width: 220px; background: #72c974; border-color: #6fb56a; }
.prioritize-question .btn-question:hover	{ background: #6fb56a; }
.prioritize-question .priority-info			{ padding-top: 10px; }

/*h1.title-priority 							{ margin-bottom: 0px; }*/
h2.subtitle-priority						{ background: #72c974; display: block; margin-bottom: 80px; color: #fff; margin-left: auto; padding: 10px 20px; border-radius: 40px; max-width: 300px; margin-right: auto; font-size: 20px; font-weight: normal; }

.topics .list-group-item										{ padding: 11px 15px 19px 15px; border-width: 0px; margin-top: 3px; border-radius: 5px; }
.topics .list-group-item .list-group-item-heading				{ margin-left: 70px; margin-top: 3px; margin-bottom: 2px; font-size: 20px; line-height: 28px; padding-right: 230px; }
.topics .list-group-item .list-group-item-text					{ margin-left: 70px; }
.topics .list-group-item .list-group-item-text > b				{ font-weight: normal; color: #269abc; }
.topics .list-group-item .list-group-item-text .date:before 	{ color: #aaaaaa; content: ""; display: inline-block; font-family: fontawesome; font-size: 14px; margin-right: 6px; margin-top: -1px; vertical-align: top; }
 
.topics .list-group-item .badges						{ display: block; margin-top: 10px; font-size: 0px; }
.topics .list-group-item .badge							{ border-radius: 2px; padding: 3px 10px 4px 10px; line-height: 16px; }
.topics .list-group-item .badges .badge					{ font-size: 11px; border-radius: 0px; } 
.topics .list-group-item .badges .badge:first-child		{ border-top-left-radius: 2px; border-bottom-left-radius: 2px; }
.topics .list-group-item .badges .badge:last-child		{ border-top-right-radius: 2px; border-bottom-right-radius: 2px; } 
.topics .list-group-item .badges .badge.replies			{ border-top-right-radius: 2px; border-bottom-right-radius: 2px; background: #aaaaaa; }
.topics .list-group-item .progress						{ display: inline-block; vertical-align: top; float: right; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; border-radius: 2px; position: relative; font-size: 0px; line-height: 0px; min-width: 30%; height: 23px; overflow: visible; box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1), 0 -1px 0px 0 rgba(0, 0, 0, 0.05); }
.topics .list-group-item .progress .progress-bar		{ display: inline-block; vertical-align: top; float: none; position: absolute; top: 0px; left: 0px; bottom: 0px; background: #b2d9b4; border-radius: 2px; box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) inset; }
.topics .list-group-item .progress .pb-text				{ display: inline-block; vertical-align: top; margin-top: 5px; font-size: 11px; line-height: 18px; font-weight: bold; background: #ffffff; opacity: 1; position: relative; z-index: 10; transition: all 0.3s; color: #888888; border-radius: 0px 0px 2px 2px; text-align: center; width: 100%; }
.topics .list-group-item .progress .pb-title			{ display: inline-block; vertical-align: top; padding: 0px 5px; }
.topics .list-group-item .progress:hover .pb-title		{ opacity: 1; }
.topics .list-group-item .progress .pb-value			{ display: none; }

#snippet-topics-topics .topics .popover					{ background: none; border-top-width: 0px; position: static !important; display: block; width: 100%; max-width: 100%; box-shadow: none; border-radius: 0px; padding: 0px; margin: 0px;  overflow: hidden; max-height: 0; transition: all 0.15s ease-in-out 0s; }
#snippet-topics-topics .topics a:hover + .popover		{ max-height: 400px; }
#snippet-topics-topics .topics .popover-content			{ padding: 12px 15px; }	
#snippet-topics-topics .topics .popover .arrow,
#snippet-topics-topics .topics .popover .arrow:after 	{ display: none; }

@media all and (max-width: 680px)	{
	
	.topics .list-group-item .list-group-item-heading	{ margin-top: 26px; padding-right: 0px; }
	.topics .glyphicon									{ margin-top: 25px; }

	.topics .list-group-item .progress					{ float: none; display: block; width: 100%; margin-top: 6px; }

}


.time-info					{ text-align: center; padding-top: 20px; }
.time-info .time-desc		{}
.time-info strong			{ color: #333333; }
.time-info .time-local		{ font-size: 22px; color: #39b3d7; line-height: 36px; }
.time-info .time-local p    						{ display: inline-block; vertical-align: top; margin: 0; padding: 0; max-width: 100%; }
.time-info .time-local .time-status     			{ display: inline-block; vertical-align: middle; margin: -4px 0 0 10px; padding: 0 14px 0 10px; font-size: 12px; line-height: 28px; font-weight: bold; text-transform: uppercase; max-width: 100%; border-radius: 3px; background: #eeeeee; color: #ffffff; }
.time-info .time-local .time-status:before      	{ content: ""; display: inline-block; width: 16px; height: 16px; margin-right: 3px; margin-top: -4px; vertical-align: middle; border-radius: 100%; border: 3px solid #ffffff; }
.time-info .time-local .time-status.online			{ color: #24ab27; }
.time-info .time-local .time-status.online:before	{ background: #24ab27; }
.time-info .time-local .time-status.offline			{ color: red; }
.time-info .time-local .time-status.offline:before	{ background: red; }

.Support .qinfo-box 						{ background: #f0f4f1; border: 10px solid #e7eeea; border-radius: 6px; box-sizing: border-box; padding: 26px; margin-bottom: 50px;  }
.Support .qinfo-box .qinfo-title			{ margin: 0px 0px 30px 0px; line-height: 1.3; font-size: 30px; font-weight: normal; color: #889bac}
.Support .qinfo-box .qinfo-title strong    	{ display: block; font-size: 14px; color: #2a6496; }
.Support .qinfo-box .q-message				{ color: #2a6496; border-top: 1px solid rgba(0,0,0,0.1); padding-top: 25px; margin: 0px; }

.Support .qinfo-body									{ padding-bottom: 14px; }
.Support .qinfo-body h4 								{ color: #39b3d7; margin: 0px 0px 5px 0px; }
.Support .qinfo-body h4 strong							{ color: #d66960; }
.Support .qinfo-body .text-row     						{ padding: 6px 0px 20px 70px; position: relative; }
.Support .qinfo-body .text-row:after					{ content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; }
.Support .qinfo-body .text-row:before					{ content: ""; font-size: 22px; width: 50px; height: 50px; line-height: 50px; text-align: center; display: block; position: absolute; top: 0; left: 0; border-radius: 100%; background: #5cb85c; color: #ffffff; }
.Support .qinfo-body .text-row:nth-child(1):before  	{ content: "1"; background: #d66960; }
.Support .qinfo-body .text-row:nth-child(2):before  	{ content: "2"}
.Support .qinfo-body .text-row:nth-child(3):before  	{ content: "3"}
.Support .qinfo-body .text-row:nth-child(4):before  	{ content: "4"}
.Support .qinfo-body .text-row:nth-child(5):before  	{ content: "5"}
.Support .qinfo-body .text-row:nth-child(6):before  	{ content: "6"}
.Support .qinfo-body .text-row:nth-child(7):before  	{ content: "7"}
.Support .qinfo-body .text-row:nth-child(8):before  	{ content: "8"}

.btn			{ transition: all 0.3s; }

.btn-priority,
.btn-priority:focus		{ background-color: #8fc057; border-color: #81b942; color: #fff; }
.btn-priority:hover		{ background-color: #81b942; border-color: #81b942; color: #fff; }

.btn-help			{ display: inline-block; vertical-align: middle; width: 40px; height: 40px; box-sizing: border-box; line-height: 34px; font-size: 20px; font-weight: bold; border: 3px solid #6ac9ed; color: #6ac9ed; background: #ffffff; text-align: center; padding: 0px 8px; border-radius: 40px; margin-left: 10px; transition: all 0.3s; }
.btn-help:hover     { color: #ffffff; border-color: #46b8da; background: #46b8da; }

.topics .prioritize		{ position: absolute; right: 16px; top: 11px; z-index: 10; font-size: 0px; }
.topics .btn-priority	{ height: 23px; line-height: 16px; font-size: 11px; font-weight: bold; box-sizing: border-box; padding: 3px 9px 2px 9px; border-radius: 2px 0px 0px 2px; }
.topics .btn-help		{ background: #60b5d6; color: #ffffff; margin-left: 1px; border-radius: 0px 2px 2px 0px; border-width: 0px; height: 23px; line-height: 19px; width: 23px; padding: 0px; font-size: 14px; }
.topics .btn-help:hover	{ background: #5ba6c3; }
.topics .prioritize .priority-info			{ height: 0px; overflow: hidden; opacity: 0; display: block; font-size: 12px; line-height: 18px; position: absolute; bottom: 24px; right: 0px; max-width: 100%; box-sizing: border-box; background: #fffad0; border: 1px solid #e9dd82; color: #666666; border-radius: 3px 3px 0px 0px; padding: 5px; text-align: center; transition: opacity 0.3s; }
.topics .prioritize:hover .priority-info    { height: auto; overflow: visible; opacity: 1;  }

.Support.addQuestion .add-buttons							{ text-align: center; padding-top: 20px; }
.Support.addQuestion .add-buttons .add-button				{ display: inline-block; max-width: 100%; margin: 0px 10px 10px 10px; border: 1px solid #eeeeee; padding: 15px; border-radius: 4px; vertical-align: top; position: relative; }
.Support.addQuestion .add-buttons .add-button p				{ margin: 0px; padding-top: 10px; }
.Support.addQuestion .add-button .btn.btn-lg 				{ min-width: 280px; box-sizing: border-box; }
.Support.addQuestion .add-buttons .add-button .btn-help     { position: absolute; top: -28px; right: 20px; }

.tf-allert-msg			{ margin: 0; padding: 0; color: #E26A00; }

/***********************/
/*** PRIVATE NOTES ***/
/***********************/

#frm-noteForm h3				{ font-size: 12px; color: #ffffff; float: left; background: #60b5d6; padding: 5px 10px; margin: 0px; border-radius: 3px 3px 0px 0px; }
#frm-noteForm h3.important		{ background: #ee0000; }
#frm-noteForm textarea			{ clear: both; border-radius: 0px; background: #DEEFF5; border: 4px solid #ADD8E6; padding: 12px; height: 115px; box-shadow: none; }
#frm-noteForm textarea:focus	{ box-shadow: none; }
#frm-noteForm .checkbox			{ margin: 5px 30px; }			

.topic-item									{ position: relative; margin-bottom: 2px; }
.topic-item .list-group-item				{ border-radius: 5px; margin: 2px 0px 0px 0px; }
.topic-item:first-child .list-group-item	{ border-top-left-radius: 5px; border-top-right-radius: 5px; }
.topic-item:last-child .list-group-item		{ border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.topic-item .note-icon						{ display: block; width: 28px; height: 23px; line-height: 23px; position: absolute; top: 11px; right: 16px; border-radius: 2px; background: rgba(0,0,0,0.15); color: #ffffff; text-align: center; vertical-align: center; font-size: 12px; z-index: 10; cursor: default; }
.topic-item.note .note-icon					{ background: #72c974; cursor: help; }
.topic-item.note .note-icon.note-important	{ background: #ee0000; }
.topic-item .note-icon:before				{ content: ""; font-family: fontawesome; }
.topic-item.note:focus .note-icon			{ box-shadow: 0 0 0 100px rgba(0,0,0,0.2) inset; }
.topic-item.admin .badge.assigned,
.topic-item.admin .badge.announcement		{ margin-right: 31px; }

.topic-item.note:hover a.list-group-item 	{ box-shadow: 0 0 0 200px rgba(0, 230, 230, 0.03) inset; background: #f5f5f5; }
.topic-item.note:focus a.list-group-item	{ box-shadow: none; background: #DCE9E9; }
.topic-item	.note-content					{ max-height: 0; display: block; overflow: hidden; transition: all 0.5s ease-in-out 0s; margin: 0px 0px 0px 0px; }
.topic-item:focus							{ box-shadow: none; outline: none; }
.topic-item.note:focus .note-content		{ max-height: 400px; }
.topic-item.note .note-wrap					{ border: 1px solid #dddddd; border-top-width: 0px; padding: 10px 15px; box-sizing: border-box; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.topic-item.note:focus .list-group-item		{ border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; }
/* .topic-item.note:focus .note-wrap			{ border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } */

/*****************/
/*** QUESTIONS ***/
/*****************/

.user 						{ text-align: center; }
.user .img-thumbnail		{ padding: 4px; border: 1px solid #ddd; border-radius: 100px; display: inline-block; max-width: 90px; height: auto; vertical-align: top;}
.user .user-thumb			{ display: inline-block; position: relative; }
.user .user-thumb > span	{ background: #00A8D0; color: #FFFFFF; font-size: 10px; line-height: 13px; font-weight: bold; text-transform: uppercase; display: block; width: 90px; position: absolute; left: 0; bottom: 0; padding: 3px 3px; text-align: center; border-radius: 3px; }
.user .user-name			{ display: block; padding-top: 6px; padding-bottom: 20px; }

.content:after								{ content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; }
.content .body.well							{ background: #F9F9F9; border-color: #EFEFEF; border-radius: 10px; box-shadow: none; }
.content .body.well:before 					{ content: ""; border-color:transparent #F9F9F9 transparent transparent; border-style:solid; border-width: 16px 16px 16px 0; position: absolute; top: 16px; left: -15px; height:0; width: 0; z-index: 9; }
.content .body.well:after 					{ content: ""; border-color:transparent #EFEFEF transparent transparent; border-style:solid; border-width: 16px 16px 16px 0; position: absolute; top: 16px; left: -17px; height:0; width: 0; }
.from-support .content 						{ position: relative; }
.from-support .content:before 				{ content: ""; background: url("/img/staff-flag.png") no-repeat; position: absolute; top: -2px; right: 12px; height:50px; width: 51px; z-index: 10; }
.from-support .content .body.well 			{ background: #F3F9FD; border-color: #E8EDF1; padding-right: 30px; }
.from-support .content .body.well:before 	{ border-color:transparent #F3F9FD transparent transparent; }
.from-support .content .body.well:after 	{ border-color:transparent #E8EDF1 transparent transparent; }

.message .content .delete 					{ color: #FF8F00; }

@media (max-width: 992px) 
{
	.user .user-name			{ padding-bottom: 25px; }
	.message .content			{ text-align: center; }
	.message .content .well		{ text-align: left; margin-bottom: 15px; }
	.content .body.well:before	{ border-color: transparent transparent #F9F9F9 transparent; border-width: 0px 0px 16px 31px; top: -15px; left: 30%; }
	.content .body.well:after	{ border-color: transparent transparent #EFEFEF transparent; border-width: 0px 0px 16px 32px; top: -17px; left: 30%; }
	.from-support .content .body.well:before 	{ border-color:transparent transparent #F3F9FD transparent; }
	.from-support .content .body.well:after 	{ border-color:transparent transparent #E8EDF1 transparent; }
	.message .content .created,
	.message .content .delete, 
	.message .content .edit, 
	.message .content .follow				{ display: inline-block; margin: 0px; padding: 0px 10px; float: none; }
	.message .content #snippet--checkbox	{ padding-top: 5px; }
}


h3.reply-form-title 						{ background: #E4E9EB; color: #333; /* border-bottom: 3px solid #DEE3E4;*/ font-size: 20px; font-weight: normal; padding: 14px 15px 9px 15px; margin: 0 0 1px 0; }
h3.reply-form-title:before					{ content: "\f0e6"; font-size: 25px; font-family: fontawesome; color: #60B5D6; display: inline-block; vertical-align: top; margin-right: 10px; position: relative; top: -3px; }
form.reply-question							{ background: #F1F4F5; padding: 15px; border: 1px solid #E4E9EB; border-top-width: 0px; }
form.reply-question .btn					{ border-radius: 3px; }
form.reply-question .btn-default			{ border-color: #E4E9EB; background: #ffffff; color: #888888; }
form.reply-question .btn-default:hover, 
form.reply-question .btn-default:focus, 
form.reply-question .btn-default:active, 
form.reply-question .btn-default.active, 
form.reply-question .open .dropdown-toggle.btn-default		{ color: #333; background-color: #E4E9EB; border-color: #DEE3E4; }
form.reply-question .form-control							{ border-radius: 3px; border-color: #DEE3E4; }
form.reply-question .form-submit							{ margin-bottom: 0px; }

form.reply-question .select2-container .select2-choices .select2-search-field input, 
form.reply-question .select2-container .select2-choice, 
form.reply-question .select2-container .select2-choices						{ border-radius: 3px; box-shadow: none; border-color: #DEE3E4; }
form.reply-question .select2-container .select2-choice .select2-arrow, 
form.reply-question .select2-container .select2-choice div					{ border-color: #fff; right: 5px; }
.select2-drop-active														{ border-color: #DEE3E4; box-shadow: none; border-radius: 0 0 3px 3px; }
.select2-results .select2-highlighted 										{ color: white; background-color: #60B5D6; }

/**********************/
/*** KNOWLEDGE BASE ***/
/**********************/

.kb-notice-box .kb-notice-wrap	 			{ background: #F3F3E7; min-height: 380px; box-sizing: border-box; }
.kb-notice-box .kb-notice-wrap p			{ font-size: 16px; width: 50%; box-sizing: border-box; padding: 90px 26px 90px 50px; text-align: right; margin: 0px; }
.kb-notice-box .kb-notice-wrap strong		{ font-weight: normal; font-size: 22px; display: block; margin: 6px 0px; }
.kb-notice-box .kb-notice-wrap.kb-start		{ background: url('../img/kb-dog.jpg') no-repeat 70% center #F3F3E7; background-size: auto 100%; }
.kb-notice-box .kb-notice-wrap.kb-nothing	{ background: url('../img/kb-dog2.jpg') no-repeat 70% center #F3F3E7; background-size: auto 100%; }

#list-docs-and-kb										{ background: #eeeedd; border: 10px solid #eeeedd; border-radius: 6px; box-sizing: border-box; }
#list-docs-and-kb a.list-group-item						{ border: none; margin: 0px; background: rgba(255, 255, 255, 0.5); border-radius: 0px; padding-bottom: 14px; }
#list-docs-and-kb a.list-group-item:nth-of-type(2n)		{ border: none; margin: 0px; background: rgba(255, 255, 255, 0.25); }
#list-docs-and-kb a.list-group-item:hover				{ background: rgba(255, 255, 255, 0.8); box-shadow: none; }

#list-docs-and-kb .badges								{ margin-top: 0; }
#list-docs-and-kb .badge								{ background: none !important; color: #269abc; font-weight: normal; border-right: 1px solid #bbb; margin-right: 4px; padding: 0 8px 0 0; }
#list-docs-and-kb .badge:last-child						{ border-right: none; padding-right: 0;}
#list-docs-and-kb a.list-group-item:hover .badge		{ color: #777777; }

#list-docs-and-kb .glyphicon 				{ background: #ffffff; border-radius: 100%; font-size: 24px; text-align: center; vertical-align: middle; width: 50px; height: 50px; line-height: 50px;  margin-right: 20px; margin-top: 0; position: relative; }
#list-docs-and-kb .glyphicon:after 			{  content: ""; display: block; width: 12px; height: 12px; background: #ffffff; border-radius: 100%; position: absolute; top: 8px; right: -8px; }

#list-docs-and-kb .list-group-item .list-group-item-heading, 	
#list-docs-and-kb .list-group-item .list-group-item-text		{ margin-left: 70px; }

#list-docs-and-kb .popover					{ width: 80%; margin-left: 100px; }


body.topic #list-docs-and-kb				{ border: none; border-radius: 0px; }
h5.kb-results								{ display: none; background: #eeeedd; padding: 10px 15px; margin: 0px; font-size: 12px; font-weight: normal; color: #333333; border-radius: 0px; }


ul.wysihtml5-toolbar > li:not(.dropdown-editor-50) + li.dropdown-editor-50 	{ clear: left; }
ul.wysihtml5-toolbar > li.dropdown-editor-50 								{ display: inline-block; margin-right: 0; padding-right: 10px; width: 50%; }
ul.wysihtml5-toolbar > li.dropdown-editor-50:last-child						{ padding-right: 0px; }
ul.wysihtml5-toolbar > li.dropdown-editor-50 .select2-container 			{ width: 100%; }

@media (max-width: 768px) 
{
	ul.wysihtml5-toolbar > li.dropdown-editor-50		{ width: 100%; margin-right: 0; float: none; }
}

/*********************/
/*** MODAL WINDOWS ***/
/*********************/

.modal .modal-title						{ color: #39b3d7; font-size: 30px; font-weight: normal; text-align: center;  }
.modal .modal-header					{ padding: 30px; }
.modal .modal-body						{ padding: 30px; }
.modal .modal-footer					{ padding: 25px 30px; text-align: center; }

.question-popup.modal .modal-body h4 								{ color: #39b3d7; margin: 0px 0px 5px 0px; }
.question-popup.modal .modal-body h4 strong							{ color: #d66960; }
.question-popup.modal .modal-body .text-row     					{ padding: 6px 0px 20px 70px; position: relative; }
.question-popup.modal .modal-body .text-row:last-child				{ padding-bottom: 0px; }
.question-popup.modal .modal-body .text-row:after					{ content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; }
.question-popup.modal .modal-body .text-row:before					{ content: ""; font-size: 22px; width: 50px; height: 50px; line-height: 50px; text-align: center; display: block; position: absolute; top: 0; left: 0; border-radius: 100%; background: #5cb85c; color: #ffffff; }
.question-popup.modal .modal-body .text-row:nth-child(1):before  	{ content: "1"; background: #d66960; }
.question-popup.modal .modal-body .text-row:nth-child(2):before  	{ content: "2"}
.question-popup.modal .modal-body .text-row:nth-child(3):before  	{ content: "3"}
.question-popup.modal .modal-body .text-row:nth-child(4):before  	{ content: "4"}
.question-popup.modal .modal-body .text-row:nth-child(5):before  	{ content: "5"}
.question-popup.modal .modal-body .text-row:nth-child(6):before  	{ content: "6"}
.question-popup.modal .modal-body .text-row:nth-child(7):before  	{ content: "7"}
.question-popup.modal .modal-body .text-row:nth-child(8):before  	{ content: "8"}

.question-popup.modal .modal-body .qp-info			{ float: left; width: 70%; }
.question-popup.modal .modal-body .qp-button		{ float: right; width: 28%; }
.question-popup.modal .modal-body .qp-button a			{ width: 100%; margin-top: -7px; }
.question-popup.modal .modal-footer .btn-primary		{ background: #ed746a; border-color: #d66960; color: #ffffff; }
.question-popup.modal .modal-footer .btn-primary:hover	{ background: #d66960; }

.modal-content h5				{ margin-top: 30px; margin-bottom: 15px; color: #222222; }
.modal-content h5:first-child	{ margin-top: 0px; }
.modal-content p				{ margin-bottom: 15px; }
.modal-content strong			{ color: #222222; }

@media (min-width: 768px)
{
	.modal-dialog 	{ width: auto; margin: 10px; }
}

@media (min-width: 992px)
{
	.modal-dialog 	{ width: 900px; margin: 30px auto; }
}


@media (max-width: 768px) 
{
	.question-popup.modal .modal-body .qp-info		{ float: none; width: 100%; }
	.question-popup.modal .modal-body .qp-button	{ float: none; display: inline-block; width: auto; max-width: 100%; vertical-align: top; margin-top: 10px; }
	.question-popup.modal .modal-body .qp-button a	{ margin: 0px; }
}