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

div.ja-content-main{
    margin: 0;
}
/* FOOTER
--------------------------------------------------------- */
div#ja-footer { background: #fff; display: block; font-size: 11px;}

/* 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;*/
    width: 100% !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;*/
    /*float: left !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-mainbody{
    width:100% !important;
}

div.TzBlog,div.TzBlogItemPage {
    width: 100%;
    position: relative;
    background: #f8f8f8;
}
div.TzBlog .TzBlogInner, div.TzBlogItemPage .TzBlogItemPageInner{
    padding: 8px;
}
div.TzBlog .TzItemsRow .TzItem{
    width:100%;
}
div.TzBlog .TzItemsRow .TzItem .inner-blog-item{
    margin:0 0 20px 0;
}
div.TzBlog .TzArticleBlogInfo span{
    margin-right: 17px;
}
div.TzBlog h3.TzTitleImageGallery,
div.TzBlogItemPage .TzTitleImageGallery{
    background-size: 48px 35px;
}
div.TzBlog h3.TzTitleVideo,
div.TzBlogItemPage .TzTitleVideo{
    background-size: 38px 33px;
}
div.TzBlog h3.TzTitleMusic,
div.TzBlogItemPage .TzTitleMusic{
    background-size: 52px 29px;
}
div.TzBlog .TzReadmore, div.TzBlog a.TzReadmore:hover{
    font-size: 13px;
    padding: 10px 18px;
}

#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;
}
.main h1.logo{
    width: 100%;
    border-bottom:1px solid rgba(255,255,255,0.3);
}
/*div.main h1.logo a{*/
    /*background: url("../images/logo.jpg") no-repeat scroll center center;*/
    /*width: 100%;*/
    /*height: 100%;*/
/*}*/
#ja-left{
    display: none;
}
#ja-left h1.notlogo{
    display: none;
}
#ja-inset1{
    display: none;
}
#ja-container .main #ja-current-content{
    width: 100% !important;
}
/*#ja-left h1.logo a{*/
    /*height: 100%;*/
/*}*/
/*div#ja-header .main .main-inner2{*/
    /*padding:0;*/
/*}*/
div#ja-menu-button {
    background: url("../images/btn_menu.png") no-repeat scroll 10px center #fff;
    clear: both;
    display: block;
    height: 45px;
    padding: 0;
    width: 100%;
    font-size: 0;
    border:none;
    border-bottom: 1px solid #E1E5E7;
    border-top: 1px solid #E1E5E7;
}
div#ja-menu-button:hover{
    background: url("../images/btn_menu.png") no-repeat scroll 10px center transparent;
    color:#fff;
}

div#ja-header .main{
    height:120px;
}
body#bd div#ja-topsl .main{
    margin:0 20px;
}

div#PortfolioGallery a#TzItemHome{
    display: block;
}

div.contact .contactInner, #ja-content-top .ja-moduletable{
    padding: 33px 20px 32px;
}
div.contact{
    margin: 0;
    position: relative;
    width: 100%;
}
div.contact-form, div.contact-description{
    width:100%;
}
div.contact .social{
    padding-top: 20px;
}
div.contact .hotline{
    display: block;
    padding: 20px 0 0 0;
}
div.contact .logo_thank{
    display: none;
}
div.contact .contactRight,div.contact .contactLeft{
    float: none;
    padding-top: 25px;
    width: 100%;
}
div.contactRightInner{
    padding: 0;
}
div.contact .contact-form dd.contact_email{
    margin: 0 0 19px 0;
}
div.contact .contact-form .contact_name input, div.contact .contact-form .contact_email input{
    width: 60%;
}
div.contact .contact-form .contact_name, div.contact .contact-form .contact_email{
    float: none;
}
.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;
}

.ja-megamenu ul.level0{
    padding-bottom: 13px;
}
.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;
}
div#ja-container .margin3{
    margin: 0 !important;
}
#ja-container #ja-main .inner{

}

/*body{overflow: hidden;}*/
div#ja-right{
    z-index: 1;
    bottom: auto;
    overflow: visible;
}
div#ja-right-mass-top,div#ja-right-mass-bottom{
    display: none;
}
div#ja-container .main { padding: 0 !important; margin: 0;}
#ja-container #ja-right{
    position: absolute;
    width: 100% !important;
    z-index: 0;
}
#ja-container #ja-main{
    position: relative;
    margin: 257px 0 0 0;
    width: 100% !important;
    z-index: 0;
}
div.ja-megamenu ul.level0 li.mega a.mega{
    font-size: 16px;
}
.element #tz_options{
    padding:  15px 0 0 15px;
}
ul#tz_options li {
    padding: 0 25px 0 0;
}

/*Detail Portfolio Article*/
div.TzItemPage .TzItemLeft,div.TzItemPage .TzItemRight{
    width: 100%;
}
div.TzItemPage .TzArticleDescription{
    margin-right: 8px;
    overflow: hidden;
}
div.TzItemPage .TzItemRightInner{
    border-top: 1px solid #d6d6d8;
    padding: 28px 0 0 7px;
}
div.TzItemPage h2.TzArticleTitle, div.TzItemPage .TzArticleDescription{
    padding-left: 7px;
}
div.TzItemPage h2.TzArticleTitle{
    font-size: 30px;
}
div.TzItemPage .tz_portfolio_like_button .FacebookButton{
    padding-right: 6px;
}
div.TzItemPage .tz_portfolio_like_button .TwitterButton{
    margin-right: -22px;
}

/* Blog page */
#ja-content-mass-top{
    display: none;
}
#ja-right h1.notlogo{
    display: none;
}

.ib-nav span{
    width: 30px;
    background-size: 65px;
}
.ib-preview-descr{
    font-size: 30px;
}
div#ja-right #TzItemOpen{display: none;}