/*
Template Name: Motif
Template URI: http://www.joomlaxtc.com
Description: Motif XTC Joomla 2.5
Version: 1.0
Author: Monev Software LLC
Author URI: http://www.joomlaxtc.com
License: #  The CSS, XHTML is released under GPL:
         #  http://www.opensource.org/licenses/gpl-license.php 
		 #  Graphics under exclusive license (C)2009-2013 Monev Software LLC 
		 #  Additional CSS, PHP, and Javascripting under exclusive license (C)2009-2013 Monev Software LLC 
	     #  http://www.joomlaxtc.com

*/
/* ----------------------------------------------*/
/* B 00 - Body
/* ----------------------------------------------*/
body {background:#eeeeee url('https://webinar9.com/templates/motif/images/backgrounds/ttt.png') no-repeat 50% -143px;color:#000000}
/* ----------------------------------------------*/
/* B 01 - Heading,links and titles
/* ----------------------------------------------*/
.contentheading {color:#839ec7;}
.componentheading {color:#fff;}
a,input.button {color:#fa005c;}
a:hover {color:#6c9eef;}
a:active {color:#777777;}
h1 {color:#839ec7;}
h2 {color:#333333;}
h3 {color:#333333;}
h4 {color:#333333;}
h5 {color:#333333;}
h6 {color:#333333;}
/* ----------------------------------------------*/
/* B 02 - Titles
/* ----------------------------------------------*/
h1.pagetitle{background-color: #393939;}
.pagetitle, .pagetitle a {color:#fff;}
.pagetitle span{}
.title {color:#839ec7;}
.title a {color:#839ec7;}
.title a:hover {color:#fa005c;}
h4.title{color:#333333;}
/* ----------------------------------------------*/
/* B 03 - Basecolor styles, used in JXTC Walls and 3rd party components
/* ----------------------------------------------*/
.basecolor_1 {color:#6c9eef;}
.basecolor_2 {color:#393939;}
.basecolor_2 a {color:#393939;}
.basecolor_3 {color:#aaaaaa;}
.basecolor_4 {color:#ebebeb;}
.basecolor_5 {color:#a6c8ff;}
.basecolor_6 {color:#c8718a;}
.basecolor_7 {color:#c88b7d;}
.basecolor_8 {color:#7daeff;}
/* ----------------------------------------------*/
/* L 00 - Header,logo,menu,inset,message,breadcrumb
/* ----------------------------------------------*/
#headerwrap{background:#fff url('https://webinar9.com/templates/motif/images/backgrounds/ttt.png') repeat-x bottom left; border-top:3px solid #393939; }
#header{background:transparent ;}
#logo a{background:url(https://webinar9.com/templates/motif/images/logos/mlogo-s1.png) no-repeat 0 0;height: 34px;width:145px;margin:11px 0 5px 0;}
#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:transparent url('https://webinar9.com/templates/motif/images/backgrounds/diag.png') repeat;}
#region1{background:transparent ;}
/* ----------------------------------------------*/
/* L 02 - Region 2
/* ----------------------------------------------*/
#region2wrap{background:transparent }
#region2{background:transparent ;position:relative;z-index:2;}
/* ----------------------------------------------*/
/* L 03 - Region 3
/* ----------------------------------------------*/
#region3wrap{background:#eeeeee ;}
#region3wrapnoimg{background:#eeeeee}
#region3{ background:transparent ;}
/* ----------------------------------------------*/
/* L 04 - Region 4
/* ----------------------------------------------*/
#region4wrap{background:#eeeeee ;}
#region4{background:transparent ;}
/* ----------------------------------------------*/
/* L 05 - Region 5
/* ----------------------------------------------*/
#region5wrap{background:#eeeeee ;}
#region5{background:#ffffff ;}
/* ----------------------------------------------*/
/* L 06 - Region 6
/* ----------------------------------------------*/
#region6wrap{background:#eeeeee ;}
#region6{background:#fff ;}
/* ----------------------------------------------*/
/* L 07 - Region 7
/* ----------------------------------------------*/
#region7wrap{background:#eeeeee ;}
#region7{background:transparent ;}
/* ----------------------------------------------*/
/* L 08 - Region 8
/* ----------------------------------------------*/
#region8wrap{background:#eeeeee ;}
#region8{background:transparent ;}
/* ----------------------------------------------*/
/* L 09 - Region 9
/* ----------------------------------------------*/
#region9wrap{background:#222222 ;}
#region9{background: ;}
#region9 input.inputbox{background:#333!important;border:1px solid #333!important;}
/* ----------------------------------------------*/
/* L 07 - Footerwrap
/* ----------------------------------------------*/
#footerwrap{background:#111;color:#222;}
#footerpad{background:transparent;}
/* ----------------------------------------------*/
/* M 00 - XTC Menu
/* ----------------------------------------------*/
#menu {background: transparent;}
#menu .xmenu {color:#aaaaaa;}
/* Top Level */
#header ul.menu > li > a {color:#333; background-color: transparent; border-top: 3px solid; border-bottom: 3px solid;  border-top-color:transparent; border-bottom-color:transparent;}
#header ul.menu > li > a:hover,#header ul.menu > li.xtcHover a {color:#fff;background-color: #292929; border-top-color:#a6c8ff;border-radius: 0; -moz-border-radius:0; -webkit-border-radius:0;}
#header ul.menu > li.active > a{color:#fff;background-color: #292929; border-top-color:#a6c8ff;border-radius: 0; -moz-border-radius:0; -webkit-border-radius:0;}
/* Dropdown Level */
#header ul.menu li.parent > ul {background: #292929;padding:8px 8px 0px 8px;box-shadow: 0 0 15px rgba(0,0,0,0.5);clip:rect(0px, 1000px, 1000px, -10px);}
#header ul.menu li.parent > ul > li > a {color:#ccc;background: #262626;margin-bottom:8px;border-left: 3px solid #a6c8ff;}
#header ul.menu li.parent > ul > li.active > a {color:#fff;background: #424142;margin-bottom:8px;border-left: 3px solid #a6c8ff;}
#header ul.menu li.parent > ul > li > a:hover {color:#fff;background: #424142;margin-bottom:8px;border-left: 3px solid #6c9eef;}
/* ----------------------------------------------*/
/* S 00 - Module Suffixes
/* ----------------------------------------------*/
.module{background: ;}
.module h3{background:   ;}
.module h3 span.first_word{color:#222222;}
.module h3 span.rest{color:#6c9eef!important;}
.rtitle h3 span {background-color:#393939;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 #393939!important;}
.box{background:#393939!important;color:#fff!important;}
.tabbed h3{border-bottom-color:#393939!important;background:none!important;}
.tabbed h3 span{background:#393939!important;	color:#fff!important; color: rgba(255,255,255,0.75)!important; text-shadow:-1px -1px 0px rgba(0,0,0,0.25);}
.stylebox{background:#a6c8ff;color:#fff;}
/* ----------------------------------------------*/
/* C 00 - Content Overrides
/* ----------------------------------------------*/
/* Joomla Content */
.comwrap {background:#f7f7f7;border:5px solid #ffffff;outline:1px solid #f1f1f1;}
.category_img{border:1px solid #e1e2de;background:#eef0eb;}
.cat-item div.action span{border-right:1px solid #CCCCCC;}
.btn input,.btn button{ background:#660066;}
.btn { background:#f5f5f5; border-color:#ebebeb; }
.button, button {background:#393939}
div.joomla div.item{border-bottom:1px dotted #ccc;} 
.wallframe {background:#f7f7f7; border:1px solid #e6e6e6;}
.imgframe {background:#f7f7f7; border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;}
h5.day {color:#999;}
h5.month{color:#333;}
.article_header {background:#f7f7f7; border-bottom:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;}
.article_date_pad{color:#393939;}
div.contact.row-fluid h3 {color:#333;}
div.breadcrumbs a.pathway, div.breadcrumbs span.here {display:inline-block; padding-bottom:4px;color:#fff !important; color: rgba(255,255,255,0.75) !important;}
span.showHere {color:#6c9eef;}
a.pathway {color:#fff!important;}
span.here {color:#fff!important;}
.readmore a {color:#6c9eef !important;}
.readmore a span {color:#393939;}
.readmore a:hover {background:#6c9eef; color:#fff; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); box-shadow: 2px 2px 0 rgba(0,0,0,0.15);}
div.pagination span {color:#ccc;}
.pagination ul > li > a, .pagination ul > li > span {background-color:#aaaaaa;color:#ccc;}
.pagination ul > li > a {color:#fff;}	
.pagination ul > li > a:hover {color:#666;}
legend {color:#6c9eef !important;}
dt.result-title, dt.result-title a {color:#6c9eef !important; font-weight:normal;}
.search_menu_btn {color:#ebebeb;background:#666;}
.search_menu_btn:hover {color:#fff;background:#6c9eef;cursor:pointer;}
.items-more h3 {color:#6c9eef!important;}
/* ----------------------------------------------*/
/* C 01 - Typography
/* ----------------------------------------------*/
.numbered:after, .numbered-medium:after, .numbered-small:after {border-color:transparent;}
.bargraphv,.bargraphv a:hover{ background-color:#6c9eef!important;}
.circletag { background-color:#6c9eef!important;}
.circlebottom {border-top-color: #6c9eef!important;}
.cloud_tag1 {background-color:#393939!important;}
.bargraphv,.bargraphv a {background-color:#6c9eef!important;} 
/* ----------------------------------------------*/
/* H 01 - JXTC  Walls(Newspro News Module)
/* ----------------------------------------------*/
.testimonialwrap {background-color:#c8718a!important;}
.testimonialwrap p {color:#fff;}
.testimonialbtmwrap {border-top: 25px solid #c8718a; } 
.jxtc_newspro_tmp27_info .jxtc_newspro_tmp27_info_front {/*-moz-box-shadow:none !important;-webkit-box-shadow:none!important;box-shadow:none!important;*/}
.slidetitle1 {color:#000;}
.slideintro {color:#999;}
.btnlogin {background:#7daeff url(https://webinar9.com/templates/motif/images/backgrounds/logbtn-bkg-s1.png) repeat-x 50% 50%!important;border-color:#7daeff!important; color:#fff;font-weight:bold;}
#modlgn-username,#modlgn-passwd, .btnlogin {box-shadow: 0 3px 0 rgba(0,0,0,0.15);-moz-box-shadow: 0 3px 0 rgba(0,0,0,0.15);-webkit-box-shadow: 0 3px 0 rgba(0,0,0,0.15);}
/* ----------------------------------------------*/
/* H 01 - JXTC  Walls(Newspro News Module)
/* ----------------------------------------------*/
/*------Text Colors----------*/
.newsitemwrap h4 a {color:#fff; }
.newsitemwrap h4 {border-bottom:1px dotted #fff;}
p.article-intro {color:#fff;}
.newspromore a {float:left; color:#fff;}
.newspromore a i {padding:2px 5px 0 0;}
.newsprocomments {float:right; color:#fff;}
.newsprocomments i {padding:2px 7px 0 0;}
.jxtc_newspro_latestnews a.info i {padding:2px 7px 0 0;}

.newswrap {}
.newsitemwrap {background-color:#a6c8ff;}
.newsitemwrap img.intimage {}
.articles .col-1 .newsitemwrap,.articles .col-1 .jxtc_newspro_latestnews a.info {background:#c88b7d !important;}
.articles .col-2 .newsitemwrap,.articles .col-2 .jxtc_newspro_latestnews a.info{background:#c8718a !important;}
.articles .col-3 .newsitemwrap,.articles .col-3 .jxtc_newspro_latestnews a.info{background:#a6c8ff !important;}
.articles .col-4 .newsitemwrap{background:#fff;}
.articles .col-5 .newsitemwrap{background:#333;}
.articles .col-6 .newsitemwrap{background:#000;}
.newstext2 {background:#111}
.newstext2 h3 {color:#fff;}
/* ----------------------------------------------*/
/* H 03 - Acymailing
/* ----------------------------------------------*/
#user_name_formAcymailing {background:#666!important;}
#user_email_formAcymailing {background:#666!important;}
/* ----------------------------------------------*/
/* H 05 - Custom HTML Markup
/* ----------------------------------------------*/
.diag {background: url(https://webinar9.com/templates/motif/images/backgrounds/diag.png) repeat; text-align:center;}
.circlebottom1 {padding:20px; background: url(https://webinar9.com/templates/motif/images/backgrounds/diag.png) repeat; border:3px solid #fff; box-shadow:0 0 0 3px #ccc;  }
.circlebottom2 {background:#333 url(https://webinar9.com/templates/motif/images/backgrounds/arrowup.png) 50% 50% no-repeat; border:3px solid #fff;-moz-background-size:100%; -webkit-background-size:100%; background-size:100%;}
.circlebottom2:hover {background-color:#a6c8ff;}
.circlebottom2 i {margin-top:12px;}
.circlebottom2 h2 {color:#fff; margin-top:16px;}
.circlebottom2_grid {margin: 0 0 0 -17px;padding: 0;list-style: none;display: block;text-align: center;width: 150px;height: 150px;display: inline-block;}
.circlebottom2_grid:after,.circlebottom2_item:before {content: '';display: table;}
.circlebottom2_grid:after {clear: both;}
.circlebottom2_item {
	background:#666 url(https://webinar9.com/templates/motif/images/backgrounds/arrowup.png) 50% 50% no-repeat;
	-moz-background-size:100%; -webkit-background-size:100%; background-size:100%;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	cursor: default;
	box-shadow:	inset 0 0 0 0 #333,0 3px 0 rgba(0,0,0,0.2);
	border:8px solid #fff;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.circlebottom2_info {
	position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    opacity: 0;
    transition: all 0.4s ease-in-out;
    transform: scale(0);
    backface-visibility: hidden;

}
.circlebottom2_info h3 {
	    color: #fff;
    text-transform: uppercase;
    position: relative;
    top:100px;
    letter-spacing: 2px;
    font-size: 15px;
    margin: -58px 30px 0;
    padding: 0 0 0 0;
    height: 50px;
    font-family: 'Open Sans', Arial, sans-serif;
    text-shadow:
        0 0 1px #fff,
        0 1px 2px rgba(0,0,0,0.3);
}
.circlebottom2_info p {color: #fff; color: rgba(0,0,0,0.9);margin: 40px 0 0 -42px;font-size: 74px;}
.circlebottom2_item:hover { box-shadow:inset 0 0 0 16px rgba(255,255,255,0.8),0 3px 0 rgba(0,0,0,0.2);
background: #c88b7d url(https://webinar9.com/templates/motif/images/backgrounds/arrowup1.png) 50% 50% no-repeat;
-moz-background-size:100%; -webkit-background-size:100%; background-size:100%;
}
.circlebottom2_item:hover .circlebottom2_info {opacity: 1;transform: scale(1);}
/* ----------------------------------------------*/
/* H 06 - Kommento
/* ----------------------------------------------*/
.kmt-readmore span {color:#393939;}
.kmt-readmore a {color:#6c9eef !important;border-right:1px solid #ccc;}
.kmt-readmore a:hover {color:#6c9eef !important;}
.kmt-comment span {color:#393939;}
.kmt-comment a {color:#6c9eef !important;border-right:1px solid #ccc;}
.kmt-comment a:hover {color:#6c9eef !important;}
.kmt-hits span {color:#393939;}
.kmt-hits a {color:#6c9eef !important;}
.kmt-hits a:hover {color:#6c9eef !important;}
#section-kmt .input.button {background:#6c9eef !important;color:#fff !important;	}
#section-kmt .kmt-btn-submit {background:#6c9eef !important;color:#fff !important;}
div.kmt-content p {background:#fff;}
div.kmt-content p:after {border-color:transparent #fff;}
.circle {background:#6c9eef !important;color:#fff !important;}
/* ----------------------------------------------*/
/* T 01 MOBILE
/* ----------------------------------------------*/
.mobilebtn {background-color:#6c9eef!important;}
@media (max-width: 767px) {
body {background-position: 50% 0px !important;}
}