/*
 * ------------------------------------------------------------------------
 * JA ZiteTemplate
 * ------------------------------------------------------------------------
 * Copyright (C) 2004-2011 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
 * @license - Copyrighted Commercial Software
 * Author: J.O.O.M Solutions Co., Ltd
 * Websites:  http://www.joomlart.com -  http://www.joomlancers.com
 * This file may not be redistributed in whole or significant part.
 * ------------------------------------------------------------------------
*/

body {
  -webkit-text-size-adjust: 100%; /*Fix Mobile Safari Font Scale*/
}

/* RESPONSIVE FONT SIZES
--------------------------------------------------------- */
body.fs1 #ja-wrapper {
  font-size: 12px !important;
}

body.fs2 #ja-wrapper {
  font-size: 13px !important;
}

body.fs3 #ja-wrapper {
  font-size: 14px !important;
}

body.fs4 #ja-wrapper {
  font-size: 15px !important;
}

body.fs5 #ja-wrapper {
  font-size: 16px !important;
}

body.fs6 #ja-wrapper {
  font-size: 17px !important;
}

/* Headings & Titles ---*/
h1 { font-size: 1.5em !important; }

h2 { font-size: 1.25em !important; }

h3 { font-size: 1.1em !important; }

h4 { font-size: 10px !important; }

h5 { font-size: 10px !important; }

.contentheading { font-size: 1.5em !important; }

.blog-featured .contentheading { font-size: 1.5em !important; }

.ja-masshead h3.ja-masshead-title {
	font-size: 2em !important;
}

h4.title-logo {
	font-size: 1.15em !important;
}

#ja-topsl div.ja-moduletable h3, #ja-topsl1 div.ja-moduletable h3, #ja-botsl div.ja-moduletable h3, 
#ja-botsl2 div.ja-moduletable h3, #ja-botsl3 div.ja-moduletable h3, #ja-botsl4 div.ja-moduletable h3 {
	font-size: 1.25em !important;
}

/* FORM
--------------------------------------------------------- */
.inputbox,
input[type="text"],
input[type="password"],
input[type="email"],
textarea {
	padding: 6px !important;
}

#ja-botsl1 .main .column{
	float: none !important;
	display: block !important; 
	clear: both;
	background: none !important; 
	padding: 0px;
	min-height: auto !important;
}

#ja-botsl1 .main .column.ja-box-right {
	position: relative; 
	right: auto;
	left: 0px;
}

#ja-botsl1 .main .column.ja-box-right div.moduletable {
	border-bottom: none;
}

#ja-botsl1 .main div.ja-moduletable, 
#ja-botsl1 .main div.moduletable {
	float: none;
	border-bottom: solid 1px #222;
	padding-top: 20px;
}

#ja-bulletin ul li {
	margin-bottom: 15px;
	padding-bottom: 10px;
}

.ja-box {
    min-height: 0 !important;
}


/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
.main {
	width: 100% !important;
	max-width: 480px !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.main .inner {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

body.bd #ja-wrapper {
	min-width: 320px !important;
}

.column {
  float: none;
  width: 100% !important;
}


#ja-current-content, #ja-main {
	width: 100% !important;
}
#ja-mainbody,
.ja-l1 #ja-main { width: 100% !important; }

#ja-right,

#ja-container .main .main-inner1 { margin: 0; }

.ja-content-main { margin: 0 10px; }


.column div.ja-moduletable, .column div.moduletable, .column div.ja-module, .column div.module {
	margin-left: 10px !important; 
	margin-right: 10px !important;
}

#ja-navhelper .main,
#ja-botsl1 .main {
	border-bottom: none !important;
	padding: 0px !important;
}

#ja-navhelper .main-inner1{
	border-bottom: solid 1px #222;
	border-top: solid 1px #222;
	padding: 5px 0px !important;
}

#ja-footer .main .main-inner1,
#ja-navhelper .main .main-inner1,
#topbar .main .main-inner1 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

div.ja-twitter span.twitter-badge {
	right: -10px !important;
}

/* SPOTLIGHT
--------------------------------------------------------- */

/* MASONRY PRESETS (240px*5 grids)
--------------------------------------------------------- */
/* Main Content */
#ja-content,
.ja-frontpage #ja-content {
  float: none;
  width: 100%; /* Frontpage Content */
  margin: 0px;
}

/* RIGHT 
--------------------------------------------------------- */
#ja-right { width: 100% !important; }

#ja-right div.ja-moduletable { float: left; }

/* CONTENT'S GRIDS
--------------------------------------------------------- */
/* Items Page */
dl.article-info  { font-size: 92% !important; }

.blog .img-intro-left { float: none; }

.blog .article-image img,
.img-fulltext-none img {
	float: none !important;
	max-width: 100%;
}

.login_form label, .login label {
	text-align: left;
	margin-top: 3px;
}

.login-page .ja-content-main ul {
	margin-left: 0px !important;
}
/* Items Row */
.item {
  padding: 10px 0;
}

.item .contentpaneopen {
  padding: 10px 0;
  border-bottom: solid 1px #e5e6e7;
}

.item .contentpaneopen h2.contentheading{
	margin-top: 0px;
}

/* Items Leading */
.leading .contentpaneopen {
  padding: 10px;
}

/* Items Grids */
.item {
  float: none;
  width: 100% !important;
}

.cols-1 .item,
.cols-2 .item,
.cols-3 .item,
.cols-4 .item,
.cols-5 .item {
  width: 100% !important;
}

/* HEADER
--------------------------------------------------------- */
#ja-header .main {
  text-align: center;
  width: 100%;
}

/* Search */
#ja-search {
	left: auto;
	float: left;
	right: 10px;
	bottom: 7px !important;
}

#ja-search .inputbox {
	float: none !important;
	width: 0px !important;
	height: 0px !important;
	display: none !important;
	top: 0px !important;
}


.search .word button,
#search-form #finder-search button {
	margin-top: 4px !important;
}

#ja-topbar #ja-social {
	margin-right: 38px !important;
}
/* Breadcrumbs */

span.breadcrumbs {
	font-size: 80% !important;
}

/* FOOTER
--------------------------------------------------------- */
#ja-footer { font-size: .8em; }

#ja-navhelper .main {
	border-bottom: none;
}
/* MODULES
--------------------------------------------------------- */
div.ja-moduletable-inner,
div.moduletable-inner {
  padding: 20px;
}

#ja-right div.ja-moduletable {
	float: none !important;
}

/* Hiden in Mobile ---*/
.hide-in-normal,
.hide-in-tablet,
.hide-in-mobile {
  display: none;
}

/* Mega Menu Layout ---*/
.ja-megamenu {
  clear: both;
  height: auto;
}
.ja-megamenu.active {
  display: block !important;
}

.ja-megamenu .megacol,
.ja-megamenu li.mega .childcontent,
.ja-megamenu li.mega .childcontent .childcontent-inner-wrap,
.ja-megamenu li.mega .childcontent .childcontent-inner-wrap .childcontent-inner {

}

#ja-megamenu ul.level0 {
	
}
.ja-megamenu ul.level0 li.mega {
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  border-top: 1px solid #222 !important;
  border-bottom: 0 !important;
  min-height: 0 !important;
}

.ja-megamenu ul.level0 li.over {
	border-left: 0 !important;
	border-right: 0 !important;
}

.ja-megamenu ul.level0 li.active,
.ja-megamenu ul.level0 li.mega {
	border-color: #222 !important;
}

.ja-megamenu ul.level0 li.mega a.mega {
  height: auto !important;
  margin: 0 !important;
  padding: 10px !important;
  min-height: 0 !important;
  color: #666 !important;
}

.ja-megamenu ul.level0 li.mega span.menu-title,
.ja-megamenu ul.level0 li.haschild span.menu-title {
  font-size: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  text-transform: none !important;
}

.ja-megamenu ul.level0 li.mega span.menu-title {
	font-size: 100% !important;
}

.ja-megamenu ul.level1 li.mega span.menu-title {
  margin-top: 0 !important;
}

.ja-megamenu ul.level1 li.mega {
  height: auto !important;
}

.ja-megamenu ul.level1 li.mega a.mega {
  height: auto !important;
}

.ja-megamenu ul.level0 li.mega span.menu-desc {
  display: none;
}

/* Mega Menu Stylings --- */
.ja-megamenu {
   background: url("../images/submenu-bg.png") repeat left top !important;
}

.ja-megamenu ul.level0 li.mega {
  border-top: 1px solid #222;
}

.ja-megamenu ul.level0 li.mega a.mega {
	color: #666 !important;
}

.ja-megamenu ul.level0 li.mega a.mega:hover,
.ja-megamenu ul.level0 li.mega a.mega:focus,
.ja-megamenu ul.level0 li.mega a.mega:active {
	color: #fff !important;
}

.ja-megamenu ul.level0 li.active a.mega {
	color: #ef2a33 !important;
}

#ja-mainnav #ja-megamenu {
	-moz-transform: translate(-0%, 0px);
	left: 0;
	position: relative;
} 

.ja-megamenu ul.level0 li.haschild a.mega span.menu-title, 
.ja-megamenu ul.level0 li.haschild-over a.mega span.menu-title,
.ja-megamenu ul.level1 li.haschild, .ja-megamenu ul.level1 li.haschild-over {
	background: none !important;
}

.ja-megamenu ul.level0 li.haschild a.mega.haschild,
.ja-megamenu ul.level1 li.haschild {
	background: url("../images/arrow-01.png") no-repeat 95% 15px !important;
}

.ja-megamenu ul.level0 li.haschild-over a.mega.haschild,
.ja-megamenu ul.level1 li.haschild-over {
	background: url("../images/arrow-02.png") no-repeat 95% 17px !important;
}

.ja-megamenu ul.level1 li.haschild  a.mega.haschild,
.ja-megamenu ul.level1 li.haschild-over a.mega.haschild{
	background: none!important;
}

.ja-megamenu ul.level1 li a.mega,
.ja-megamenu ul.level0 li.active li a.mega {
	color: #666 !important;
}

.ja-megamenu ul.level1 li.mega a.mega:hover,
.ja-megamenu ul.level1 li.mega a.mega:focus,
.ja-megamenu ul.level1 li.mega a.mega:active {
	color: #fff !important;
}

.ja-megamenu ul.level1 li.active a.mega {
	color: #ef2a33 !important;
}


.ja-megamenu ul.level1 .childcontent {
	margin-top: 0px !important;
}

/* MAIN NAVIGATION 
--------------------------------------------------------- */
/* Main Nav ---*/
#ja-mainnav {
  display: block;
  height: auto;
  margin: 0;
  width: 100%;
}

#ja-menu-button {
  display: block !important;
  font-size: 100%;
  font-weight: normal;
  padding: 10px 0px;
  text-transform: uppercase;
  z-index: 4;
  background: #151617;
  color: #fff !important;
  font-family: 'NovecentowideUltraLightBold',Arial,sans-serif;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}


.ja-megamenu .childcontent-inner {
	background: none !important; 
	margin-top: 0px !important;
}

.ja-megamenu .megacol,
.ja-megamenu li.mega .childcontent,
.ja-megamenu li.mega .childcontent-inner-wrap,
.ja-megamenu .megacol, .ja-megamenu li.mega .childcontent, 
.ja-megamenu li.mega .childcontent .childcontent-inner-wrap, 
.ja-megamenu li.mega .childcontent .childcontent-inner-wrap .childcontent-inner {
	float: none !important; 
	width: auto !important;
}

#ja-mainnav #ja-megamenu.active ul.level0 {
	float: none !important; 
	right: 0% !important;
}

#ja-mainnav #ja-megamenu.active {
	float: none !important; 
	left: 0% !important;
}

#ja-mainnav .main-inner1 {
	left: 0px !important;
	width: 100% !important;
	max-width: 100% !important;
}

/* Spotlight ---*/
#ja-botsl1 table.acymailing_form {
	margin: 0px !important;
}

#ja-topsl div.moduletable h3, #ja-topsl1 div.moduletable h3, #ja-topsl2 div.moduletable h3 {
	font-size: 200% !important;
}

.call_us .text-larger {
	font-size: 170% !important;
}
/* Mega Menu Stylings --- */

/* Menu Button --- */
/* to use this value to detect responsive
 * > 3: mean responsive
 * 4: is mobile device, which the menu show only first level
 */

#contact-form dl dt {
  float: none;
}

#contact-form dl dd {
  margin-left: 0 !important;
}

#contact-form dl dd input.required,
#contact-form dl dd textarea.required {
  width: 60% !important;
}

/* Article ---*/
.items-row {
	margin-left: 0px;
	margin-right: 0px;
}

#ja-slideshow {
	display: none !important;
}

ul.partners-list li img {
	display: block;
	max-width: 80% !important;
}

#ja-botsl p.intro,
#ja-topsl1 p.intro,
#ja-topsl p.intro,
#ja-botsl2 p.intro,
#ja-botsl4 p.intro {
	padding: 20px 0px !important;
}

div.content-home ul li {
	width: 100% !important;
	float: none !important;
}

div.content-home ul li .moduleItemImage img {
	width: 100%; 
	max-width: 100% !important;
}

div.content-home div.moduleItemImage span {
	left: 48% !important;
}

div.content-home ul li div.inner-div {
	margin: 0px !important;
}

ul.cms {
	width: 85% !important;
}

ul.cms li {
	width: 50% !important; 
	margin-bottom: 20px !important;
}

ul.map-list {
	width: 100% !important;
	background-position: 30% top !important;
}

ul.user-list {
	width: 100% !important;
}
ul.user-list li {
	width: 25% !important;
	padding-left: 0px !important;
}

ul.partners-list li {
	width: 50% !important;
	padding-left: 0px !important;
}

ul.partners-list li.logo {
		width: 33.3% !important;
}

div.item-page {
	border-right: none !important;
	padding-right: 0px !important;
}

div.categories-list.allpage ul li{
	width: 100% !important;
}

.item .blog-item-page {
	margin-left: 10px !important;
	margin-right: 10px !important;
	margin-bottom: 20px !important;
}

div.categories-list.allpage {
    margin-left: -10px !important;
    margin-right: -10px !important;
    padding: 0;
}

.allpage .view-category .category-desc img,
.item .blog-item-page .img-intro-none img {
	width: 100%; 
	max-width: 100% !important;
}

.align-center {
	width: 200px;
	margin: 0px auto;
}


/*Contact us ---*/

.contact-form-wrap,
.contact-info-wrap {
	float: none !important; 
	width: 100% !important;
}
.contact-info-inner,
.contact-form-inner {
	border: none;
	padding-right: 0px !important;
	padding-left: 0px !important;
}

.contact-position .map-container {
	width: 95% !important;
}

#contact-form dl dt {
	float: left;
}

/* Typography Page ---*/

.typo-page .item-page {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.typo-page div.article-tools {
	position: relative !important;
	width: 100% !important;
}

.typo-page dl.article-info {
	text-align: left !important;
}

.typo-page dl.article-info dd {
	display: inline !important;
}

#ja-typo a.ja-typo-btn, a.ja-typo-btn {
	margin: 10px 15px 10px 0 !important;
}

a.ja-typo-btn-big span {
	padding: 10px 17px !important;
}

a.ja-typo-btn-icn span span {
	padding-left: 5px !important; 
	padding-right: 5px !important;
}

.ja-typo-blockswrap .cols-2 .ja-typo-block {
		word-break: break-word;
}

/* K2 Page ---*/

div.itemContainer {
	float: none; 
	width: 100% !important;
}

.k2AccountPage th.k2ProfileHeading {
	font-size: 150%;
}

#k2Container.itemBlogView {
	border-right: none;
	padding-left: 0px;
	padding-top: 120px !important;
}

div.itemImageBlock {
	padding: 0px;
}

div.itemBlogMeta {
	width: 100%;
	display: block;
}

div.itemBlogMeta .user-avatar {
	float: left;
	display: inline-block;
	position: absolute;
	left: 0px;
}

div.itemCommentsForm form input.inputbox {
	width: 95%;
}

div.itemRelated ul li,
div.itemAuthorLatest ul li {
	background-position: 2px 11px;
}

.k2AccountPage table.admintable {
	width: 95% !important;
}

.k2AccountPage table.admintable td input.inputbox,
.k2AccountPage table.admintable td input[type="text"],
.k2AccountPage table.admintable td textarea {
	width: 75% !important;
}

div.catItemBlogView {
	padding-left: 0px;
	padding-top: 130px;
}

div.catItemView {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.itemView-inner {
	border-right: none !important;
	margin-right: 0px !important; 
	padding-right: 0px !important;
}

div.itemRatingBlock {
	width: 55% !important;
	margin-top: 0px !important;
}

#k2Container .itemRatingList {
	margin-top: 3px;
}

div.itemToolbar ul {
	text-align: right;
}

div.itemToolbar ul > li:first-child {
	padding-left: 0px !important;
}

div.pullSidebar,
#k2Sidebar {
	float: none;
	width: 100%;
}

span.catItemImage img {
	width: 100% !important;
	max-width: 100% !important;
}

div.k2Pagination ul li a, div.k2Pagination ul li span {
	margin-bottom: 3px !important;
}

div.subCategoryContainer {
	float: none; 
	width: 100% !important;
}

div.subCategory {
	padding-left: 0px !important;
	padding-right: 0px !important;
}


div.subCategory a.subCategoryImage img, div.subCategory a.subCategoryImage:hover img {
	width: 100%; 
	max-width: 100%;
}
div.userItemView div.userItemViewInner,
div.tagItemView div.tagItemInner,
div.catItemBlogView div.catItemBlogInner {
	margin-bottom: 20px !important; 
	padding-bottom: 20px !important;
}

table.acymailing_form td.acysubbuttons input.button,
div.itemCommentsForm form input#submitCommentButton,
#form-login .button,
#login-form input.button {
  background-color: #ef2a33 !important;
  display: block;
  font-weight: normal !important;
  color: #fff;
  border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ef2a33), to(#ef2a33)) !important;
}

div.itemCommentsForm form input#submitCommentButton:hover,
div.itemCommentsForm form input#submitCommentButton:focus,
div.itemCommentsForm form input#submitCommentButton:active,
table.acymailing_form td.acysubbuttons input.button:hover,
table.acymailing_form td.acysubbuttons input.button:focus,
table.acymailing_form td.acysubbuttons input.button:active, 
#form-login .button:hover,
#form-login .button:focus,
#form-login .button:active,
#login-form input.button:hover,
#login-form input.button:focus,
#login-form input.button:active {
  background: #000 !important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) !important;
  color: #fff;
}

/* K2 User ---*/
div.itemUserMeta,
div.itemTagMeta,
div.genericItemMeta {
	position: relative;
	width: 100%;
}

div.userItemView,
div.tagItemView,
div.genericItemView {
	padding-left: 0px;
}

div.itemUserMeta span,
div.itemTagMeta span,
div.genericItemMeta span {
	text-align: left;
	display: inline;
}

div.tagItemList,
div.userItemList,
div.itemBlogList {
	padding-right: 0px;
	border: none;
}

div.userView,
div.genericItemList {
	border-right: none;
	padding-right: 0px;
}

div.userView div.itemAuthorBlock {
	padding-left: 0px;
}

/* K2 speakers ---*/

.itemListStaticView .catItemHeader,
#k2Container.itemStaticView div.itemHeader{
	padding-top: 290px;
}

.all_topic .itemListStaticView .catItemHeader, 
.all_topic #k2Container.itemStaticView div.itemHeader {
	padding-top: 80px !important;
}

.itemListStaticView .catItemImageBlock {
	margin-bottom: 15px !important;
}

.itemListStaticView .catItemView,
#k2Container.itemStaticView {
	padding-left: 0px;
}

.all_topic div.catItemExtraFields ul li, .all_topic div.itemExtraFields ul li {
	font-size: 12px;
}
.all_topic div.catItemExtraFields ul li span.catItemExtraFieldsLabel, 
.all_topic div.genericItemExtraFields ul li span.genericItemExtraFieldsLabel {
	width: 80px;
}

.all_topic div.itemListStaticView div.catItemExtraFields, 
.all_topic div.itemStaticView div.itemExtraFields {
	padding-top: 10px;
}
.itemListStaticView div.catItemHeader h3.catItemTitle,
.all_topic .itemListStaticView div.catItemHeader h3.catItemTitle{
	font-size: 160% !important;
}

.all_topic .itemListStaticView div.catItemHeader h3.catItemTitle {
	margin-top: 5px !important;
}

div.speaker-topic span.text-hilite {
	font-size: 110% !important;
}

div.k2Pagination ul li {
	margin-right: 2px;
}

div.pagination ul li {
	margin-right: 2px;
	width: 25px !important;
	height: 25px !important;
	line-height: 25px !important;
}

div.pagination ul li.pagination-start, div.pagination ul li.pagination-prev, 
div.pagination ul li.pagination-next, div.pagination ul li.pagination-end,
div.k2Pagination ul li.pagination-start, div.k2Pagination ul li.pagination-prev, 
div.k2Pagination ul li.pagination-next, div.k2Pagination ul li.pagination-end {
    width: auto !important;
}

div.pagination ul li.pagination-start span.pagenav, 
div.pagination ul li.pagination-prev span.pagenav, 
div.pagination ul li.pagination-next span.pagenav, 
div.pagination ul li.pagination-end span.pagenav, 
div.pagination ul li.pagination-start a, 
div.pagination ul li.pagination-prev a, 
div.pagination ul li.pagination-next a, 
div.pagination ul li.pagination-end a,
div.k2Pagination ul li.pagination-start span.pagenav, 
div.k2Pagination ul li.pagination-prev span.pagenav, 
div.k2Pagination ul li.pagination-next span.pagenav, 
div.k2Pagination ul li.pagination-end span.pagenav, 
div.k2Pagination ul li.pagination-start a, div.k2Pagination ul li.pagination-prev a, 
div.k2Pagination ul li.pagination-next a, div.k2Pagination ul li.pagination-end a {
   width: auto !important;
}

div.k2Pagination ul li a, div.k2Pagination ul li span,
div.k2Pagination ul li span.pagenav,
div.pagination ul li a, div.pagination ul li span,
div.pagination ul li span.pagenav {
	width: 25px !important;
	height: 25px !important;
	background-size: 25px auto !important;
	line-height: 25px !important;
	font-size: 11px;
}

#k2Container.itemBlogView {
	padding-right: 0px !important;
}

.itemImageBlock img {
	max-width: 100% !important;
}

div.content .youtube-player,
div.vimeo-item iframe {
	width: 100% !important;
}
/* Twitter Page---*/
div.catItemView.twitter {
	margin-bottom: 40px !important; 
	padding-bottom: 30px !important;
}

div.catItemView.twitter span.item-badge {
	left: 45% !important;
}

.itemListStaticView .catItemImageBlock .speaker-badge,
.itemStaticView .itemImageBlock .speaker-badge  {
	right: 110px !important;
	bottom: -15px !important;
}