/**
 * @version		1.0.0
 * @package		63 Agency free for Joomla! 3x
 * @author		JoomlaXTC http://www.joomlaxtc.com
 * @copyright	Copyright (C) 2014 Monev Software LLC. All rights reserved.
 * @license		http://www.joomlaxtc.com/license JoomlaXTC Proprietary Use License
 */
/* ----------------------------------------------*/
/* B 00 - Body
/* ----------------------------------------------*/
body.frontpage {background:#f4f4f4 ;color:#777777;}
body{background:#f5f5f5 ;color:#777777;}
body.mobile{background:transparent!important;}
/* ----------------------------------------------*/
/* B 01 - Heading,links and titles
/* ----------------------------------------------*/
.contentheading {color:#3a3a3a;}
.componentheading,.componentheadingnowrap,.pagetitle,span.subheading-category {color:#333;}
a,input.button {color:#777777;}
a:hover {color:#333;}
a:active {color:#777777;}
h1 {color:#333333;}
h2 {color:#333333;}
h3 {color:#c7c8ca;}
h4 {color:#333333;}
h5 {color:#333333;}
h6 {color:#333333;}
/* ----------------------------------------------*/
/* B 02 - Titles
/* ----------------------------------------------*/
.pagetitle, .pagetitle a {color:#333;background:#fff;}
/* ----------------------------------------------*/
/* B 03 - Basecolor styles, used in JXTC Walls and 3rd party components
/* ----------------------------------------------*/
.basecolor_1 {color:#111;}
.basecolor_2 {color:#111;}
.basecolor_2 a {color:#111;}
.basecolor_3 {color:#111;}
.basecolor_4 {color:#111;}
.basecolor_5 {color:#111;}
.basecolor_6 {color:#111;}
.basecolor_7 {color:#111;}
.basecolor_8 {color:#111;}
/* ----------------------------------------------*/
/* L 00 - Header,logo,menu,inset,message,breadcrumb
/* ----------------------------------------------*/
#headerwrap {background:#3a3a3a ;}
#header{background:transparent ; }
/*body.frontpage #headerwrap {background:rgba(0, 0, 0, 0);}
body.frontpage .hscroll {background:rgba(0, 0, 0, 0.6)!important;}
*/
#logo a{background:url(https://www.trendup.eu/templates/63agencyfree/images/logos/logonew2.png) no-repeat 0 0;height: 75px;width:300px;margin:10;}
#search input{-moz-box-shadow: -1px -1px 0px rgba(0,0,0,0.3), 1px 1px 0px rgba(255,255,255,0.075); -webkit-box-shadow: -1px -1px 0px rgba(0,0,0,0.3), 1px 1px 0px rgba(255,255,255,0.075); box-shadow: -1px -1px 0px rgba(0,0,0,0.3), 1px 1px 0px rgba(255,255,255,0.075);}
/* ----------------------------------------------*/
/* L 01 - Region 1
/* ----------------------------------------------*/
#region1wrap{background:#fff url('https://www.trendup.eu/templates/63agencyfree/images/backgrounds/r1bkgFINALE.jpg') 50% 100% no-repeat fixed;}
#region1{background:transparent ;}
/* ----------------------------------------------*/
/* L 02 - Region 2
/* ----------------------------------------------*/
#region2wrap{background:#fff ; }
#region2{background:transparent ;}
/* ----------------------------------------------*/
/* L 03 - Region 3
/* ----------------------------------------------*/
#region3wrap{background:#121212 ;}
#region3{ background:transparent ;}
#component {background:#fff}
#left {background:transparent}
#right {background:transparent}
/* ----------------------------------------------*/
/* L 04 - Region 4
/* ----------------------------------------------*/
#region4wrap{background:#fff url('https://www.trendup.eu/templates/63agencyfree/images/backgrounds/moviebkg.jpg') top center no-repeat;}
#region4{background:transparent ;}
/* ----------------------------------------------*/
/* L 05 - Region 5
/* ----------------------------------------------*/
#region5wrap{background:#fff ;}
#region5{background:transparent ;}
/* ----------------------------------------------*/
/* L 06 - Region 6
/* ----------------------------------------------*/
#region6wrap{background:#fff ;}
#region6{background:transparent ; }
/* ----------------------------------------------*/
/* L 07 - Region 7
/* ----------------------------------------------*/
#region7wrap{background:#fff ;}
#region7{background:transparent ;}
/* ----------------------------------------------*/
/* L 08 - Region 8
/* ----------------------------------------------*/
#region8wrap{background:#fff ;}
#region8{background:transparent ;}
/* ----------------------------------------------*/
/* L 09 - Region 9
/* ----------------------------------------------*/
#region9wrap{background:#161616 ;}
#region9{background:transparent ;}

/* ----------------------------------------------*/
/* L 10 - Footerwrap
/* ----------------------------------------------*/
#footerwrap{background:#000;color:#222;}
#footerpad{background:;}

/* ----------------------------------------------*/
/* M 00 - XTC Menu
/* ----------------------------------------------*/
#menuwrap {background: transparent;}
#menu {background: ;}
/* Top Level */
#menuwrap ul.menu > li {background-color: transparent;border: 2px solid transparent;}
#menuwrap ul.menu > li a {color:#f1f1f1;}
#menuwrap ul.menu > li.deeper.parent.xtcHover {background-color: #000;z-index:999999999999!important;position:relative!important;border: 2px solid #000}
#menuwrap ul.menu > li.xtcHover a {color:#fff;}
#menuwrap ul.menu > li.active {background-color: transparent;border: 2px solid #fff}
#menuwrap ul.menu > li.deeper.parent.active {background-color: transparent;border: 2px solid#fff;}
#menuwrap ul.menu > li.deeper.parent.active.xtcHover {background-color: #000;border: 2px solid #000;}
#menuwrap ul.menu > li.active a {color:#ffffff;}

/* Drop Level */
#menuwrap ul.menu li.parent > ul {background-color: #000;text-align:left;}
#menuwrap ul.menu li.parent > ul > li {text-align:left; background: linear-gradient(to left,#000,#000 50%,#555 50%,#555);
background-position: 100% 0; background-size: 200% 100%;transition: all 3.8s ease-in;}
#menuwrap ul.menu li.parent > ul > li > a {color:#f1f1f1;}

#menuwrap ul.menu li.parent > ul > li:hover {background-position: 0 0;}
#menuwrap ul.menu li.parent > ul > li > a:hover {color:#fff;}
#menuwrap ul.menu li.parent > ul > li.active {background: transparent!important;}
#menuwrap ul.menu li.parent > ul > li.active:hover {background: transparent!important;}
#menuwrap ul.menu li.parent > ul > li.active > a {color:#f1f1f1;}

ul.menu.iconside li {text-align:left; background: linear-gradient(to left,rgba(0, 0, 0, 0.2),rgba(0, 0, 0, 0.2) 50%,  
#555 50%, #555);background-position: 100% 0;    background-size: 200% 100%;transition: all 3.8s ease-in;}
ul.menu.iconside li:hover {background-position: 0 0;}

/* ----------------------------------------------*/
/* S 00 - Module Suffixes
/* ----------------------------------------------*/
.module{background: transparent;}
.module h3.moduletitle {background: transparent  ;}
.module h3 span.first_word,#community-wrap .app-box > h3, #community-wrap .app-box-footer a,#community-wrap .app-box-filter a,#community-wrap .cResetList a,.js-focus-menu a {color:#000;}

span.first_word {color:#000!important;}
span.rest{color:#999!important;}

.module h3 span.rest{color:#999!important;}
.rtitle h3 span {background-color:#111;color:#fff!important; color: rgba(255,255,255,0.75)!important; text-shadow:-1px -1px 0px rgba(0,0,0,0.25);}
.frame {border: 8px solid #111!important;}
.box{background:#111!important;color:#fff!important;}
.stylebox{background:#111;color:#fff;}
.underlinestyle h3 span {color:#fff!important;}
.underlinestyle h3 {border-bottom:3px solid #111;background:none!important;}
/* ----------------------------------------------*/
/* C 00 - Content Overrides
/* ----------------------------------------------*/
h2.article_title a,h2.article_title {color:#3a3a3a;}
h2.cat_title a,h2.cat_title {color:#333;}
.itemHeader h2.article_title a,.itemHeader h2.article_title  {color:#3a3a3a!important;}
.itemHeaderNoImg h2.article_title a,.itemHeaderNoImg h2.article_title  {color:#333!important;}
.itemJFullText {background:#f3f3f3;}
.btn input,.btn button {background:#111!important; color:#fff!important;text-shadow:none!important; text-transform:uppercase;}
.btn,.kmt-readon span.kmt-readmore,.kmt-readon span.kmt-comment,.kmt-readon span.kmt-hits {background:none!important; border:1px solid rgba(0,0,0,0.3)!important;color:#222!important; font-size:12px!important;padding:10px 32px 11px!important;text-transform:uppercase!important;font-weight:bold!important;margin-top:10px!important; display:inline-block!important;border-radius:0px!important;}
.button, button {background:#111!important; color:#fff!important;text-shadow:none!important; text-transform:uppercase;}
.readmore a {color:#111 !important;}
.readmore a span {color:#111;}
.readmore a:hover {background:#111; color:#fff; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); box-shadow: 2px 2px 0 rgba(0,0,0,0.15);}
legend {color:#111 !important;}
dt.result-title, dt.result-title a {color:#111 !important; font-weight:normal;}
.search_menu_btn:hover {color:#fff;background:#111;cursor:pointer;}
.items-more h3 {color:#111!important;}
.dropcap {color:#111!important;}
.xfieldstxt {border-top: 3px solid #111!important;}
div.itemFullText h3,.item-page h3 {color:#111;}
ul.pagenav li.pagenav-prev {background:#111;}
ul.pagenav li.pagenav-next {background:#111;}
ul.pagenav li.previous {background:#111;}
ul.pagenav li.next {background:#111;}
.itemNav_pre {background:#111;}
.itemNav_next {background:#111;}
.itemNav_pre {background:#111;}
.itemNav_next {background:#111;}
.Pagination ul {background:#111;}
.counter,.items-more {background:#000;margin:0px!important;color:#fff;}
.items-more span {border-bottom: 3px solid #111!important;padding: 16px 32px;color:#fff;}
.items-more ol {margin:0px!important;}


/* ----------------------------------------------*/
/* C 01 - Typography
/* ----------------------------------------------*/
.numbered:after, .numbered-medium:after, .numbered-small:after {border-color:transparent;}
.bargraphv,.bargraphv a:hover {background-color:#111!important;}
.circletag {background-color:#111!important;}
.circlebottom {border-top-color: #111!important;}
.cloud_tag1 {background-color:#111!important;}
.bargraphv,.bargraphv a {background-color:#111!important;} 

/* ----------------------------------------------*/
/* M 00 - Custom HTML Inset
/* ----------------------------------------------*/
.getsocial {
    max-width: 380px;
    line-height: 2.5em;
    margin: 20px 0px 160px;
    text-align: left;
}
.getsocial p {
    font-size: 24px !important;
    margin: 24px 0px;
    font-weight: 100 !important;
}
.scon {width:48px!important; height:48px!important; border-radius:50%;text-align:center;display:inline-block;color:#fff;margin:0!important;}
.scon i {font-size:18px;display:inline-block; margin-top:14px;}
.scon .iconone {background: #111!important;}
.scon .icontwo {background: #111!important;}
.scon .iconthree {background: #111!important;}
.scon .iconfour {background: #111!important;}
.scon .iconfive {background: #111!important;}
.scon .iconsix {background: #111!important;}

/* ----------------------------------------------*/
/* M 00 -News User1 Featured Articles
/* ----------------------------------------------*/
.articletext p {color:#fff;}
.articletext h2 {color:#fff!important;border-bottom:1px solid rgba(255,255,255,0.35);}
.articletext span {color:#fff!important;}
.articlewrap span a {color:#fff;}
.articletext .morelink  {background: rgba(0,0,0,0.2)!important; border:1px solid rgba(255,255,255,0.65); color:#fff!important;}
.articletext .morelink:hover {background:#fff!important; color:#333!important;}

/* ----------------------------------------------*/
/* M 00 - News User25 Featured Articles
/* ----------------------------------------------*/
.tfeatures .icons {width:48px; height:48px; border-radius:50%; background:#999; text-align:center;}
.tfeatures .icons .symbol {color:#fff!important; display:inline-block; margin-top:9px; }
.tfeatures .col-1 .icons {background: #111!important;}
.tfeatures .col-2 .icons {background: #111!important;}
.tfeatures .col-3 .icons {background: #111!important;}
.tfeatures .col-4 .icons {background: #111!important;}
.tfeatures .col-5 .icons {background: #111!important;}
.tfeatures .col-6 .icons {background: #111!important;}
/* ----------------------------------------------*/
/* M 00 - News Category Articles
/* ----------------------------------------------*/
/* Left Articles */
.categorywrap-left {background:#111!important;}
.categorywrap-left .main .articlemain h2 {color:#fff!important;}
.categorywrap-left .main .articlemain .morelink {background:none!important; border:1px solid rgba(255,255,255,0.65); color:#fff!important;}
.categorywrap-left .main .articlemain .morelink:hover {background:#fff!important; color:#333!important;}
.categorywrap-left .more .articlemore:hover {background:rgba(0,0,0,0.2)!important;}
.categorywrap-left .more .articlemore h2 {color:#111!important;}
.categorywrap-left .more .articlemore p {color:#aaa!important;}
/* Right Articles */
.categorywrap-right {background:#111!important;}
.categorywrap-right .main .articlemain h2 {color:#fff!important;}
.categorywrap-right .main .articlemain .morelink {background:none!important; border:1px solid rgba(255,255,255,0.65); color:#fff!important;}
.categorywrap-right .main .articlemain .morelink:hover {background:#fff!important; color:#333!important;}
.categorywrap-right .more .articlemore:hover {background:rgba(0,0,0,0.2)!important;}
.categorywrap-right .more .articlemore h2 {color:#111!important;}
.categorywrap-right .more .articlemore p {color:#aaa!important;}


.getsocial .icons {width:48px; height:48px; border-radius:50%; background:#999; text-align:center;}
.getsocial .icons .symbol {color:#fff!important; display:inline-block; margin-top:9px; }
.getsocial .col-1 .icons {background: #111!important;}
.getsocial .col-2 .icons {background: #111!important;}
.getsocial .col-3 .icons {background: #111!important;}
.getsocial .col-4 .icons {background: #111!important;}
.getsocial .col-5 .icons {background: #111!important;}
.getsocial .col-6 .icons {background: #111!important;}

.callwrap {padding-bottom:0;}
.callwrap p.icon {width:160px; height:160px; border-radius:50%; background: #111!important;}
.callwrap p.icon1 {width:160px; height:160px; border-radius:50%; background: #111!important;}
.callwrap i {color:#fff!important; display:inline-block; margin-top:44px;}
.callwrap h2 {font-weight:100!important; margin:36px 0!important;}
.callwrap span {font-size:24px;width:60%;display:inline-block;font-weight:100!important;}

.videoarticle a {color:#fff; border:3px solid #fff;}
.videoarticle p.icon {background: #111!important;}
.videoarticle i {color:#fff!important;}
.videoarticle h1.location {color:#fff!important;}

p.iconone   {background: #111!important;}
p.icontwo   {background: #111!important;}
p.iconthree {background: #111!important;}
p.iconfour  {background: #111!important;}
p.iconfive  {background: #111!important;}
p.iconsix   {background: #111!important;}

.contactwrap span {color:#111!important;}

/* ----------------------------------------------*/
/* Search
/* ----------------------------------------------*/
.sb-icon-search {background:#111!important;color:#fff;}
/* ----------------------------------------------*/
/* RESPONSIVE
/* ----------------------------------------------*/

/* MOBILE */
.mobilebtn {background:url('https://www.trendup.eu/templates/63agencyfree/images/icons/menu-icon.png') no-repeat!important;margin:12px 0 0 -21px;}

	@media(max-width:767px){
		body.frontpage {background-image:transparent ;}
	}
	@media(max-width:960px ){
	#headerwrap.xtc-bodygutter.sticky {border-right:2px solid #3a3a3a;}
	#logo a{background:url(https://www.trendup.eu/templates/63agencyfree/images/logos/logonew2small.png) no-repeat 0 0;height: 48px;width:163px!important;margin:2px 0 0 0!important;} 
	}


@media(max-width:820px ){
	

	/* ----------------------------------------------*/
	/* L 01 - Region 1
	/* ----------------------------------------------*/
	
	#region1wrap{background:#fff  url('https://www.trendup.eu/templates/63agencyfree/images/backgrounds/mobile_r1bkgFINALE.jpg') 50% 100% no-repeat fixed; }
	#region1{background:transparent ; }
		}

@media(max-width:767px ){
	
/* ----------------------------------------------*/
/* L 02 - Region 2
/* ----------------------------------------------*/
#region2wrap{background:#fff ; }
#region2{background:transparent ; }
}
@media(max-width:px ){
	
#region3wrap,#region3 {background-image:none;}
} 
@media(max-width:767px ){
	
/* ----------------------------------------------*/
/* L 04 - Region 4
/* ----------------------------------------------*/
#region4wrap{background:#fff  url('https://www.trendup.eu/templates/63agencyfree/images/backgrounds/mobile_moviebkg.jpg') top center no-repeat;; }
#region4{background:transparent ; }
 
} 
@media(max-width:767px ){
	
/* ----------------------------------------------*/
/* L 05 - Region 5
/* ----------------------------------------------*/
#region5wrap{background:#fff ; }
#region5{background:transparent ; }
 
} 
@media(max-width:767px ){
	
/* ----------------------------------------------*/
/* L 06 - Region 6
/* ----------------------------------------------*/
#region6wrap{background:#fff ; }
#region6{background:transparent ; }
} 
@media(max-width:767px ){
	
/* ----------------------------------------------*/
/* L 07 - Region 7
/* ----------------------------------------------*/
#region7wrap{background:#fff ; }
#region7{background:transparent ; }
}
@media(max-width:767px ){
	
/* ----------------------------------------------*/
/* L 08 - Region 8
/* ----------------------------------------------*/
#region8wrap{background:#fff ; }
#region8{background:transparent ; }
 
}
@media(max-width:px ){
	
#region9wrap,#region9 {background-image:none;}
}
