/*

 * ------------------------------------------------------------------------

 * 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: 719px !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;
	background-color: #D0D0D0;

}



.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: #444649;

  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: block !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;

}


.category-view .row .category .spacer h2 a {
	font-size: 1em !important;
}