/*
 * ------------------------------------------------------------------------
 * JA Puresite Template J25
 * ------------------------------------------------------------------------
 * 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; }*/

.social .ico-social  {
	width: 50%; float: left;
}

div.ja-twitter div.ja-twitter-item  {
	width: auto !important;
}
/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
.main {
  width: 100%;
  /*max-width: 690px;*/
}

.main .main-inner1 {
	margin-left: 10px;
	margin-right: 10px;
}




/* MASONRY PRESETS (240px*5 Grids)

/* CONTENT'S GRIDS
--------------------------------------------------------- */
/* Items Page */
.item-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%;
}

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

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

#ja-header .main-inner1 {
  min-height: 136px;
}


/* Breadcrumbs */

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

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

/* MODULES
--------------------------------------------------------- */
div.ja-moduletable-inner,
div.moduletable-inner {
  padding: 20px;
}

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


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

/* Mega Menu Layout ---*/
.ja-megamenu {
  clear: both;
  height: auto;
  display: none !important;
}
.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 {
	display: none !important;
}

.ja-megamenu ul.level0 li.mega {
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  border-top: 1px solid #353637 !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: #353637 !important;
    border-right:none;
}

.ja-megamenu ul.level0 li.mega a.mega {
  height: auto !important;
  margin: 0 !important;
  padding: 10px !important;
  background: #151617;
  min-height: 0 !important;
}
.ja-megamenu ul.level0 li.active a.active{
    background: #009285 !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: #fafbfc !important;
}

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

.ja-megamenu a {
	color: #959697 !important;
}

.ja-megamenu a:hover,
.ja-megamenu a:focus {
	color: #e24b7c;
}

/* Menu Button --- */
/* to use this value to detect responsive
 * > 3: mean responsive
 * 4: is mobile device, which the menu show only first level
 */
#ja-menu-button {
  display: block;
  font-size: 100%;
  font-weight: normal;
  padding: 10px;
  text-transform: uppercase;
  z-index: 4;
  background: #151617;
  color: #959697;
  font-family: 'QuestrialRegular',Arial,Helvetica,sans-serif;
}

#ja-menu-button:hover,
.rjd-active #ja-menu-button {
  color: #fff;
  cursor: pointer;
  background: #e24b7c;
}

.rjd-active #ja-menu-button {
  border-radius: 0;
  border-bottom-width: 0;
  border-color: #e5e6e7;
}



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


#ja-right{
    display:none;
}
#ja-mainbody{
    width:100% !important;
}

div.TzBlog .TzItemsRow .TzItem{
    width:100%;
}
div.TzBlog .TzItemsRow .TzItem .inner-blog-item{
    margin:0 0 20px 0;
}
div.TzBlog {
    padding: 20px 0 0 0;
}
#ja-botsl .ja-box{
    width:50% !important;
}
.TzBlogItem fieldset.subscription{
    display: none;
}
#ja-content-main div.TzBlogItem{
    padding-right: 0;
}
div#ja-content-mass-bottom{
    margin-right: 0;
}
div#ja-menu-button {
    background: url("../images/btn_menu.png") no-repeat scroll left center #19191A;
    clear: both;
    display: block;
    height: 45px;
    margin-left: 20px;
    padding: 0;
    width: 180px;
    font-size: 0;
    border:none;
}
.main h1.logo{
    width: 100%;
    border-bottom:1px solid rgba(255,255,255,0.3);
}
.main h1.logo a{
    background: url("../images/logo.png") no-repeat scroll center center #19191A;
    width: 100%;
}
div#ja-header .main .main-inner2{
    padding:0;
}

div#ja-menu-button:hover{
    background: url("../images/btn_menu.png") no-repeat scroll left center transparent;
    color:#fff;
}
div#ja-megamenu{
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
    float: left;
    width: 50%;
    position: absolute;
}
div#tz_fullslide #slidecaption h2{
    font-size: 24px;
}
div.ja-megamenu ul.level0 li.haschild-over a.mega span.menu-title,
div.ja-megamenu ul.level0 li.over a.mega span.menu-title,
div.ja-megamenu ul.level0 li.active a.mega span.menu-title{
    color:#fff;
}
div.ja-megamenu ul.level0 > li.mega a.mega:hover{
    background:#009285;
}
div.ja-megamenu ul.level0 > li.mega a.mega:hover span.menu-title{
    color:#fff;
}
div#ja-header .main{
    height:120px;
}
body#bd div#ja-topsl .main{
    margin:0 20px;
}
div.contact{
    padding:20px 0;
    margin: 0;
}
div.contact-form, div.contact-description{
    width:100%;
}
.ser-bottom-middle{
    display:none;
}
div#fullslide-des, div#sitebar_slide #ourner-sitebar{
    width:100%;
}
#ourner-sitebar{
    display: none;
}
div#ja-footer-home .tz-wrapper{
    left: auto;
    position: fixed;
    right: 10px;
    top: 85px;
    z-index: 40;
    margin-left: 100px;
    overflow: hidden;
}

#ja-banner-top .twtr-widget{
    display: none;
}
#ja-banner-top .ja-box-left{
    width:60% !important;
}
#ja-banner-top .ja-box-right{
    display: none;
}
div.ja-megamenu ul.level0 li.haschild-over a.mega span.menu-title,
div.ja-megamenu ul.level0 li.over a.mega span.menu-title,
div.ja-megamenu ul.level0 li.active a.mega span.menu-title{
    color:#fff !important;
}
.ja-megamenu ul.level0 > li.mega:hover,
.ja-megamenu ul.level0 > li.over,
.ja-megamenu ul.level0 > li.active,
.ja-megamenu .childcontent-inner-wrap .childcontent-inner{
    border-left:none !important;
    border-right:none !important;
}
div#ja-botsl div.ja-box{
    width:100% !important;
    min-height: 50px !important;
}
#ja-botsl1 .ja-box-left, #ja-botsl1 .ja-box-right {
    width: 100% !important;
}
#ja-container #ja-main .inner{

}