/*
Evcon template for Joomla!
Commercial Software
Copyright 2013,2014 joomlaxtc.com
All Rights Reserved
www.joomlaxtc.com
*/

/* ----------------------------------------------*/
/* C 00 - CSS3 Hover Effects
/* ----------------------------------------------*/
#header ul.menu > li > a:hover,#header ul.menu > li > a,#header ul.menu li.parent > ul > li,#header ul.menu li.parent > ul > li > a,.suckerfish ul.menu > li > a,.dualfish ul.menu > li > a,.suckerfish ul.menu > li > a:hover,.dualfish ul.menu > li > a:hover,.login_slide_btn,.logout_slide_btn,.search_menu_btn,.social a,.flatgreybutton,.bargraphv a,.circle1,.ca-main,ul.menu.iconside li,ul.menu.iconside li:hover,.info:hover,.k2wall_introtext,.article_header,.article_header span,.article_text,.k2media_wrap_right,.k2media_wrap_left,.itemImageGallery .imagegalleryplg img,.opac,.eventwrap img,.buttonleft,.buttonright,.buttonright a:hover,.buttonleft a:hover,.newswrap h4.newswrapmore a,.newswrap h4.newswrapmore,.catItemImage img:hover,.catItemImage:hover,.imagepe img:hover,.newitemwrap, a.article-intro-btn, .categorywrap .main, .categorywrap .more, .articletext .morelink, .articletext .morelink:hover, .categorywrap-right .main .articlemain .morelink, .categorywrap-right .main .articlemain .morelink:hover, .categorywrap-left .main .articlemain .morelink, .categorywrap-left .main .articlemain .morelink:hover,.categorywrap-right .more .articlemore:hover, .categorywrap-right .more .articlemore, .categorywrap-left .more .articlemore, .categorywrap-left .more .articlemore:hover,.video_text_wrap {
	     -webkit-transition-property: all;
		-moz-transition-property: all;
		-o-transition-property: all;
		-ms-transition-property: all;
		transition-property: all;
		-webkit-transition-duration: 0.15s,0.15s;
		-moz-transition-duration: 0.15s,0.15s;
		-o-transition-duration: 0.15s,0.15s;
		-ms-transition-duration: 0.15s, 0.15s;
		transition-duration: 0.15s, 0.15s;
		-webkit-transition-timing-function: ease-in,ease-out;
		-moz-transition-timing-function: ease-in,ease-out;
		-o-transition-timing-function: ease-in,ease-out;
		-ms-transition-timing-function: ease-in,ease-out;
		transition-timing-function: ease-in,ease-out;
	}
/* ----------------------------------------------*/
/* C 01 - CSS3 Animated Component
/* ----------------------------------------------*/
/* ----------------------------------------------*/
/* C 02 - CSS3 Resposnive Animations
/* ----------------------------------------------*/
body
 {
	  opacity:1; 
    -webkit-animation:fadeIn ease-in 1;  
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;
     -webkit-animation-fill-mode:forwards;  
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
     -webkit-animation-duration: 1s;
    -moz-animation-duration:1s;
    animation-duration:1s;
	}




/* ----------------------------------------------*/
/* C 03 - RESPONSIVE BREAK POINTS
/* ----------------------------------------------*/
/* Fix Margin Issue of Bootstrap and Offset 4 above 1200 */

.row-fluid .offset4 {
    margin-left: 36.7521%!important;}
	
/* Cancel Position FIXED Backgrounds on Mobile Devices and Tablets */
	@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
	#region1wrap,#region2wrap,#region3wrap,#region4wrap,#region5wrap,#region6wrap,#region7wrap,#region8wrap,#region9wrap,div.articlemain {background-attachment:scroll!important;} 
	
	#vjs-video {margin-top:-300px!important;}

	}
	
	@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
	#region1wrap,#region2wrap,#region3wrap,#region4wrap,#region5wrap,#region6wrap,#region7wrap,#region8wrap,#region9wrap,div.articlemain {background-attachment:scroll!important;}
	
	#vjs-video {margin-top:-300px!important;}
	
	}
	
/* Responsive On and Off Toggle */
	/* Position Social Share Icons on K2 Item Page */
	@media(max-width:1630px){
	div.itemSocialSharing {padding-left:130px;}
}

@media(max-width:1380px){
	/* Position Social Share Icons on K2 Item Page */
	div.itemSocialSharing {padding-left:40px;}
}

@media(max-width:1200px){
	/* Joomla Content Article Padding */
	.span12 .article_main.row.row-fluid {padding-left:0px;}
	.article_text.span12 {padding: 5px 40px 40px 40px!important;}
}

@media(max-width:1140px){
	/* MainMenu Margin Adjustment */	
	#header ul.menu > li > a,#header ul.menu > li.active > a,#header ul.menu > li:hover > a,#header ul.menu > li.parent:hover > a{margin: 0 6px;}

	/* Hide K2 Font-Size Resizer Title */
	span.itemTextResizerTitle {display:none;}

	/* Position Social Share Icons on K2 Item Page */
	div.itemSocialSharing {padding-left:0px;}
}

@media(max-width:1040px){
#header ul.menu > li > a,#header ul.menu > li.active > a,#header ul.menu > li:hover > a,#header ul.menu > li.parent:hover > a {font-size:1em}
}

@media(max-width:1000px){
	/* Adjust Social Button widths on K2 Item Page */
	#twitter-widget-0 {width:57px!important;}
	div.itemFacebookButton {width:77px!important;}
	/* MainMenu Margin Adjustment */	
	#header ul.menu > li > a,#header ul.menu > li.active > a,#header ul.menu > li:hover > a,#header ul.menu > li.parent:hover > a{margin: 0 3px;}
}


@media screen and (max-width: 980px){
	/* Go 100% 1 Column for Leftlarge,Rightlarge, and Centerlarge Page Classes */
	.leftlarge .items-leading .span6,.leftlarge .items-leading .span3{width:100%;margin-left:0;}
	.leftlarge .items-leading div:first-child + div{margin-left:0;}
	.rightlarge .items-leading .span6,.rightlarge .items-leading .span3{width:100%;margin-left:0;}
	.centerlarge .items-leading .span6,.centerlarge .items-leading .span3{width:100%;margin-left:0;}
	.span3.xtc-category-col.cols-4.item.column-2{margin-left:0;}
	.xtc-intro .row-fluid .span12 div:first-child + div + div{margin-left:0;}
	.centerlarge .items-leading div:first-child + div + div{margin-left:0;}
		
	/* Adjust Font Size for the H1 Titles in the Footer and Legals Module */
	.footer_h2 h1, .legals_h2 h1 {font-size:24px!important; letter-spacing:0px !important;}
}
	
	
	@media screen and (max-width: 900px){
	/* Go Full Width 100% with all Bootstrap row-fluid Classes */
	.row-fluid [class*="span"] {display:block; width:100%;margin-left:0px!important;}
	
	
    /* Resize JoomlaXTC Image Gallery Thumbnails */
	.imagegalleryplg img {width:33%!important;}
		
	/* Center the Joomla Content More Articles and Add a Bottom Margin */
	.items-more {text-align:center;margin-bottom:20px;}
	
	/* Resize the Search Input to 100% for modules */
	.modulecontent input#mod-search-searchword.inputbox {width:100%!important;}
	
    /* Add 20px Margin to the Article Title to Create a Full Width Title Bar + Remove the Fixed Position + Set Width to 100% and Add Top Padding  */
   .article_heading.row.row-fluid {margin:0px 0px 40px 20px;width: 100%;
    position: static;
	}
	
	.article_mainwrap.span8.offset4 .article_main.row.row-fluid {padding-left:0px;margin-left:0px!important;}
  
   /* Center The Article Title + Remove the Margin */
    .article_title {text-align:center;margin:0px;}
	
	/* Hide the Joomla Full Text Image Left */
  .article_image.span4 {
   display:none;height:0px!important;}
   
   /* Display the Joomla Intro Image at Top */
   .article_image_mobile {display:block;margin:-40px -40px 40px -40px!important;}
	
   /* Add 40px Padding Left and Right to the Joomla Article Text for Span8 */
   .article_text.span8 {padding:0px 40px 0 40px!important;}
  
   /* Add 40px Padding to the Joomla Article Text for Span12 */
  .article_text.span12 {padding:0px 40px!important;}
  
   /* Add 40px Padding Left and Right to the Joomla Category Blog Items */
  .catitems {padding: 0px 40px;}
  
  DIV.span4.k2imagearea {display:none!important;height:0px!important;}
  
  /* Set the Top Margin Joomla Category Blog Items based on Title and Description On or Off */
	.catitems {margin-top:70px;}
	.has_description .catitems,.has_title .catitems {margin-top:110px;}
	.has_description.has_title .catitems {margin-top:0px;}
	
	/* Resize the Font Size for the Multi Column Category Blog */
	div.items-leading.xtc-leading div.span6 h2.cat_title,h2.cat_title a,h2.cat_title,.xtc-intro div.span3 h2.cat_title{font-size:52px!important;}
	  
   /* Remove Bootstrap Row Margin from the Joomla Article Wrap + Remove the Top Padding */
  .article_main.row {margin:0px!important;padding-top:0px;}
 
  
  /* Remove Padding on the K2 Article Main Area */
  .k2mainarea {padding: 0px;}
  
   /* Remove the Fixed Title and Toolbar for K2 */
  .k2topfixed {position:static;}
  
   /* Remove the Margin and Padding for the K2 Title and Toolbar + Add 100% Width */
   .itemToolbar,h2.k2_article_title {margin-left:0px!important;text-align:center!important;padding-left:0px!important;width:100%;}
   
   /* Add a 4px Margin Bottom to the Toolbar for Joomla and K2 */
   div.itemToolbar {margin-bottom:40px!important;}
   
   /* Center the Toolbar UL Text */
   div.itemToolbar ul {text-align:center!important;}
  
   /* Center the K2 Category Description + Add 100% Width + 40px Margin to the Bottom */
   .k2catdesc {text-align:center;width:100%;margin-bottom:40px;}
   
   /* Position Social Share Icons on K2 Item Page */
   div.itemSocialSharing {text-align:center;padding-left: 60px;}
   
   /* Adjust Social Button widths on K2 Item Page */
   #twitter-widget-0 {width:80px!important;}
	div.itemFacebookButton {width:150px!important;}
   
   /* Display K2 Font-Size Resizer Title */
	span.itemTextResizerTitle {display:inline-block;}
   
   /* Remove the Left Margin for the Joomla Toolbar Span 12 */
   .itemToolbar.joomla.span12 {margin-left:0px!important;}
   
   /* Hide the K2 Image / Video on Left */
	.itemImageBlock {
   display:none;height:0px!important;}
   
   /* Display The K2 Image at Top */
   .itemImageBlock_mobile {
   display:block;max-height:350px!important;overflow:hidden;}
   .itemImageBlock_mobile img {margin-top:-100px}
   /* Center K2 Article Elements for Mobile */
	.itemAuthorBlock,.itemAuthorDetails p, .itemAuthorLatest, .itemRelated, .itemImageGallery, .itemComments, .itemCommentsFormNotes, .itemCategory, .itemTagsBlock, .k2articleside.span4,.k2addons.span11,.itemIntroText,.itemFullText,.itemList {text-align:center!important;}

	/* Pad the K2 article elements for Mobile + Reduce Margins*/
	.k2articlemain,.k2articleside,.itemAuthorBlock,.itemAuthorDetails p, .itemAuthorLatest, .itemRelated, .itemImageGallery, .itemComments, .itemCommentsFormNotes {padding: 0px 40px;}
	.k2articlemain {margin-top:0px!important;}
	.itemFullText {margin-top: 40px;}
	/* Pad the K2 article elements for Mobile + Remove Margins */
	.k2articleside.span4,.k2addons.span11,.itemIntroText,.itemFullText,.itemList {text-align:center; padding: 0px 40px!important;margin-top:0px!important;}
	
	
	/* Set the Footer and Legals Modules to 100% + Center the Text + Add 24px Top Padding */
	.footer_h2,.legals_h2 {text-align:center; float:none!important; width:100%!important; padding:24px 0 0 0!important;}

	/* Add 24px Bottom Padding to the Legals Module H2 */
	.legals_h2 {padding-bottom:24px!important;}

	/* Resize the Font Size for the Footer and Legals H1 + Set Letterspacing to 0% */
	.footer_h2 h1, .legals_h2 h1 {font-size:36px!important; letter-spacing:0px !important; }
	
	/*Right Column Ticketing Layout - Align Center + Remove Float + Add and Remove Margins */
	.genadm, .vipadm{text-align:center;}
   .genheader img, .vipheader img, .genheader h3, .vipheader h3 {float:none!important; margin:10px 0!important;}
   
   /* Unfix the fixit Module Suffix */
   .fixit {position:static;}
}
	
@media (max-width: 768px) {
	/* Remove Position Fixed From Region Backgrounds */
	div#region1wrap.xtc-bodygutter,
 	div#region2wrap.xtc-bodygutter,
 	div#region4wrap.xtc-bodygutter,
 	div#region5wrap.xtc-bodygutter,
 	div#region6wrap.xtc-bodygutter,
 	div#region7wrap.xtc-bodygutter,
 	div#region8wrap.xtc-bodygutter,
 	div#region9wrap.xtc-bodygutter {background-position:top!important;background-attachment:scroll!important;}
	
	/* Resize and Position Search Field on Search Component */
	.formwrap,form#finder-search {text-align:left; padding:10px;width:80%; }
	
	/* Remove Top and Bottom Margin from the ACY Mailing Module Form + Center Text */
	.acymailing_module_form {margin-top:0!important;margin-bottom:0!important;text-align:center;}
	
	/* Center ACY Button P Class Text */
	p.acysubbuttons {text-align:center !important;}
	
	/* Resize ACY Subscribe Button */
	input.button.subbutton.btn.btn-primary {width:85%;}	
}

@media (max-width: 720px) {
	/* Center the K2 Item Navigation */
	.itemNavigation {text-align:center;}
	
	/* Set the K2 Item Navigation to 100% + Display Block */
	.itemNavigationTitle {width:100%;display:block;}
	
	/* Resize the Title Text for Joomla Category Pages */
	div.items-leading.xtc-leading div.span6 h2.cat_title,h2.cat_title a,h2.cat_title,.xtc-intro div.span3 h2.cat_title{font-size:42px!important;}
	
	/* Resize the K2 Category Description P Class Text */
	 .k2catdesc p {font-size:12px;}
	 
	 
	 /* Reemove Margin for the Article Heading Bootstrap Row Fluid */
	.article_heading.row.row-fluid {margin-left:0px;}
}

@media(max-width:670px){
	/* Resize the Joomla Article Title H2 */
	h2.article_title{font-size:32px!important;}	
	.article_title h2 a, .article_title h2 {font-size:32px!important;}
}

@media(max-width:620px){
	/* Resize the Title Text for Joomla Category Pages */
	div.items-leading.xtc-leading div.span6 h2.cat_title,h2.cat_title a,h2.cat_title,.xtc-intro div.span3 h2.cat_title{font-size:32px!important;}

	/* Resize the Title Text for Joomla Item Pages */
	h2.article_title,H2.k2_article_title {font-size:32px!important;}	

	/* Resize the Read More Text for Joomla and K2 Category Pages */
	.rmore1, .rmore2 {font-size:16px !important;}

	.acymailing_module_form .acymailing_introtext {padding-bottom: 0!important; display: block;}
	
	/* Reduce Padding for Pagination for Mobile */
	.Pagination .pagenav {padding:12px 8px;}
	.Pagination .pagenav:hover {padding:12px 8px;}
}

@media(max-width:480px){
	/* Set Auto Width on the Input + Input Text Area */
	input, textarea, .uneditable-input{width:auto;}
	
	/* Remove Float from Komento Right Float */
	#section-kmt .float-r {float:none;}
	
	/* Remove Extra Padding from the Komento Section */
	#section-kmt {padding:0px;}
	
	/* Set the Bootstrap Action Drop Down    */
	.cat-item div.action {position:relative!important;right:0px!important;bottom:0px;top:24px;}
	
	/* Resize the Joomla Article Title H2 */
	h2.article_title{font-size:24px!important;}	
	.article_title h2 a, .article_title h2 {font-size:24px!important;}
	
	 /* Pad the K2 article elements for Mobile */
	.k2articleside.span4,.k2addons.span11,.itemIntroText,.itemFullText,.itemList  {padding: 20px!important;}
	.mobileslide_inner {padding:64px 10px!important;}
	
	.k2catdesc {width:90%;}
	/* Resize the K2 Category Description Text Size for Mobile */
	.k2catdesc p {font-size:14px!important;text-align:center;}
	
	.k2catdesc .btnblue {display:none!important;}
}

@media(max-width:385px){
	/* Add right Margin to Readmore */
	
	/* Remove Float for Print and Email Icons */
	.imagepe,.readmore1  {float:none!important;margin-bottom:4px;width:205px;text-align:center;}
	.readmore1 .btn {padding:12px 60px;width:110px;}
}

@media(max-width:320px){
/* Resize H1-H6 Text Size for Mobile */
	#component h1,#component h2,#component h3,#component h4,#component h5,#component h6 {font-size:180%;line-height:133%;}
	
	/* Resize the Joomla and K2 Title Text Size for Mobile */
	h2.k2_article_title,.article_title h2 {font-size:24px!important;}
	
	/* Resize the K2 Category Description Text Size for Mobile */
	.k2catdesc p {font-size:12px!important;}
	
	/* Resize H1 Page Title For Mobile */
	h1.pagetitle span  {font-size:18px!important;}
	.pagetitle span {padding:0px;}
	
	/* Add -Margins to the Component to Remove the Padding */
	 #component .com_nopad {margin: -50px -40px !important;}
		
	/* Add a -10px Margin Top to the Article Title */
	.article_title {margin-top:18px;}
	
	/* Add a 20px Margin Bottom to K2 Category Description */
	.k2catdesc {margin-bottom:20px;}
	
	/* Remove the Top Margin from the Joomla and K2 Toolbar */
	.itemToolbar {margin-top:0px!important;}
	
	/* Set the Top Margin Joomla Category Blog Items based on Title and Description On or Off */
	.catitems {margin-top:60px;}
	.has_description .catitems,.has_title .catitems {margin-top:110px;}
	.has_description.has_title .catitems {margin-top:20px;}
	.blog-featured {margin-top:20px;}
	
	/* Remove Float for Print and Email Icons */
	.imagepe {float:none!important;}
	
	/* Add 40px Padding to the Article Text Span 12 */
	.article_text.span12 {padding: 0px 40px!important;}
	
	/* Add 20px Left and Right Padding to the Article Text Span 8 */
	.article_text.span8 {padding: 0 20px!important;}
	
	/* Add 18px Margin Top to the K2 Main Area Span 8 */
	.span8.k2mainarea {margin-top:0px;}
	
	/* Set the Pagetitle 1 H1 Used on the Typography Demo Page for Mobile */
	h1.pagetitle1{background-color:transparent;border:0px solid #fff;outline:0px solid #f2f2f2;padding:0px;margin:0 0 30px 0!important;font-family:Arial;font-size:24px!important;font-weight:normal;line-height:2em;display:block;color:#333}
	
	/* Add 15px Padding to the Typography Demo Page for Mobile */
	.typowrap {padding:15px;}
	

	/* Resize Weblinks Titles */
	a.category {font-size:18px;}
	
}

/* Close the Responsive On or Off Php Toggle */