/* CSS3 Background Color Hover Effects */
#header ul.menu > li > a,#header ul.menu li.parent > ul > li > a,.login_slide_btn,.logout_slide_btn,.search_menu_btn,.social a,.flatgreybutton,.bargraphv a {
-webkit-transition-property: color, background;
 -webkit-transition-duration: 0.15s, 0.15s;
 -webkit-transition-timing-function: ease-in, ease-out;
 -o-transition-property: color, background;
 -o-transition-duration: 0.15s, 0.15s;
 -o-transition-timing-function: ease-in, ease-out;
 -moz-transition-property: color, background;
 -moz-transition-duration: 0.15s, 0.15s;
 -moz-transition-timing-function: ease-in, ease-out;}
 

 
/* CSS3 Rotating Words */
.rw-wrapper{
	width: 100%;
    
    text-align:center!important;

	padding: 20px 0 30px 0;
        position:relative;
}

.rw-words{
	display: inline;
	text-indent: 10px;

}
.rw-words-1 span{
	position: absolute;
	opacity: 0;
	overflow: hidden;
 text-align:center!important;
	-webkit-animation: rotateWord 18s linear infinite 0s;
	-moz-animation: rotateWord 18s linear infinite 0s;
	-o-animation: rotateWord 18s linear infinite 0s;
	-ms-animation: rotateWord 18s linear infinite 0s;
	animation: rotateWord 18s linear infinite 0s;
         left: 50%;
    margin-left: -50%;
    width: 100%;
}
.rw-words-1 span:nth-child(2) { 
    -webkit-animation-delay: 3s; 
	-moz-animation-delay: 3s; 
	-o-animation-delay: 3s; 
	-ms-animation-delay: 3s; 
	animation-delay: 3s; 
	
}
.rw-words-1 span:nth-child(3) { 
    -webkit-animation-delay: 6s; 
	-moz-animation-delay: 6s; 
	-o-animation-delay: 6s; 
	-ms-animation-delay: 6s; 
	animation-delay: 6s; 
	
}
.rw-words-1 span:nth-child(4) { 
    -webkit-animation-delay: 9s;
	-moz-animation-delay: 9s; 
	-o-animation-delay: 9s; 
	-ms-animation-delay: 9s; 
	animation-delay: 9s; 
	
}
.rw-words-1 span:nth-child(5) { 
    -webkit-animation-delay: 12s; 
	-moz-animation-delay: 12s; 
	-o-animation-delay: 12s; 
	-ms-animation-delay: 12s; 
	animation-delay: 12s; 

}
.rw-words-1 span:nth-child(6) { 
    -webkit-animation-delay: 15s;
	-moz-animation-delay: 15s; 
	-o-animation-delay: 15s; 
	-ms-animation-delay: 15s; 
	animation-delay: 15s; 
	
}
@-webkit-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -webkit-transform: translateY(-30px); }
	5% { opacity: 1; -webkit-transform: translateY(0px);}
    17% { opacity: 1; -webkit-transform: translateY(0px); }
	20% { opacity: 0; -webkit-transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@-moz-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0;}
	5% { opacity: 1; }
    17% { opacity: 1; }
	20% { opacity: 0; }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@-o-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -o-transform: translateY(-30px); }
	5% { opacity: 1; -o-transform: translateY(0px);}
    17% { opacity: 1; -o-transform: translateY(0px); }
	20% { opacity: 0; -o-transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@-ms-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -ms-transform: translateY(-30px); }
	5% { opacity: 1; -ms-transform: translateY(0px);}
    17% { opacity: 1; -ms-transform: translateY(0px); }
	20% { opacity: 0; -ms-transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; transform: translateY(-30px); }
	5% { opacity: 1; transform: translateY(0px);}
    17% { opacity: 1; transform: translateY(0px); }
	20% { opacity: 0; transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@media screen and (max-width: 768px){
	.rw-sentence { font-size: 18px; }
}
@media screen and (max-width: 320px){
	.rw-sentence { font-size: 9px; }
}

/* CSS3 Animations */
.spin {
	-webkit-transition: all 400ms linear;
	-moz-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	-ms-transition: all 400ms linear;
	transition: all 400ms linear;
}
.spin:hover{
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}

.animated {
  -webkit-animation-fill-mode: fowards;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: 0.5s ease;
  -moz-animation: 0.5s ease;
  -ms-animation: 0.5s ease;
  -o-animation: 0.5s ease;
  animation: 0.5s ease;
}

.animated.hinge {
  -webkit-animation: 2s ease;
  -moz-animation: 2s ease;
  -ms-animation: 2s ease;
  -o-animation: 2s ease;
  animation: 2s ease;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(1); } 
  50% { -webkit-transform: scale(1.5); }
    100% { -webkit-transform: scale(1); }
}
@-moz-keyframes pulse {
    0% { -moz-transform: scale(1); }  
  50% { -moz-transform: scale(1.5); }
    100% { -moz-transform: scale(1); }
}
@-ms-keyframes pulse {
    0% { -ms-transform: scale(1); } 
  50% { -ms-transform: scale(1.5); }
    100% { -ms-transform: scale(1); }
}
@-o-keyframes pulse {
    0% { -o-transform: scale(1); }  
  50% { -o-transform: scale(1.5); }
    100% { -o-transform: scale(1); }
}
@keyframes pulse {
    0% { transform: scale(1); } 
  50% { transform: scale(1.5); }
    100% { transform: scale(1); }
}

.pulse:hover{
  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -ms-animation-name: pulse;
  -o-animation-name: pulse;
  animation-name: pulse;
}

@keyframes shake{
0% { transform: translate(2px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(0px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(2px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(2px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}
@-moz-keyframes shake{
0% { -moz-transform: translate(2px, 1px) rotate(0deg); }
10% { -moz-transform: translate(-1px, -2px) rotate(-1deg); }
20% { -moz-transform: translate(-3px, 0px) rotate(1deg); }
30% { -moz-transform: translate(0px, 2px) rotate(0deg); }
40% { -moz-transform: translate(1px, -1px) rotate(1deg); }
50% { -moz-transform: translate(-1px, 2px) rotate(-1deg); }
60% { -moz-transform: translate(-3px, 1px) rotate(0deg); }
70% { -moz-transform: translate(2px, 1px) rotate(-1deg); }
80% { -moz-transform: translate(-1px, -1px) rotate(1deg); }
90% { -moz-transform: translate(2px, 2px) rotate(0deg); }
100% { -moz-transform: translate(1px, -2px) rotate(-1deg); }
}
@-webkit-keyframes shake {
0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}
.shake{display:block;}
.shake:hover,
.shake:focus{
animation-name: shake;
animation-duration: 0.8s;
transform-origin:50% 50%;
animation-iteration-count: infinite;
animation-timing-function: linear;
-moz-animation-name: shake;
-moz-animation-duration: 0.8s;
-moz-transform-origin:50% 50%;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-webkit-animation-name: shake;
-webkit-animation-duration: 0.8s;
-webkit-transform-origin:50% 50%;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
}

.bump{
    float: left;
    margin: 15px;
    -webkit-transition: margin 0.5s ease-out;
    -moz-transition: margin 0.5s ease-out;
    -o-transition: margin 0.5s ease-out;
}
 
.bump:hover {
    margin-top: 2px;clear:both;
}

img{max-width:100%;}
.mobilebtn{display:none;}

@media(max-width:1920px){
	body {-moz-background-size:contain;-webkit-background-size:contain;background-size:contain;}
	#component p {font-size:0.875em;}
	p {font-size:100%;}
	.team-lft {display:none}
	.team-rt {width:100% !important; float:none;}
	ul.social1 {display:none;}	
}
@media(max-width:1600px){
	body {-moz-background-size:110%;-webkit-background-size:110%;background-size:110%;}

}
@media(max-width:1440px){
	body {-moz-background-size:120%;-webkit-background-size:120%;background-size:120%;}
}
@media(max-width:1280px){
	body {-moz-background-size:150%;-webkit-background-size:150%;background-size:150%;}
}
@media(max-width:1140px){
	body {-moz-background-size:150%;-webkit-background-size:150%;background-size:150%;}
	.slidetext {padding-top:80px;}
	.slidetext h1 {font-size:440%!important;}
	.slidetext h2 {font-size:200%!important;}
	ul.suckerfish > li > a, ul.dualfish > li > a, ul.dropline > li > a {padding:14px 28px 16px;}
	ul.suckerfish > li > a:hover, ul.dualfish > li > a:hover, ul.dropline > li > a:hover,ul.suckerfish > li:hover > a, ul.dualfish > li:hover > a, ul.dropline > li:hover > a {padding:14px 28px 16px;}	
}
@media(max-width:990px){ 
	body {-moz-background-size:230%;-webkit-background-size:230%;background-size:230%;}
	.cols-2 .item,.cols-3 .item,.cols-4 .item,.cols-5 .item,.cols-6 .item{width:50%!important;}
	.slidetext {width:34%;}
	.mainslide_img {width:62%;}
	.slidetext img {}
	.slidetext h1 {font-size:470%!important;}
	.slidetext h2 {font-size:200%!important;}
	.flatbluebutton_lg {padding:14px 54px;}
	.flatgreybutton_lg {display:none;}
	#r1separator{background-size:100% ;}
	.ulwrap {width:29%;}
	ul.suckerfish > li > a, ul.dualfish > li > a, ul.dropline > li > a {padding:14px 28px 16px;}
	ul.suckerfish > li > a:hover, ul.dualfish > li > a:hover, ul.dropline > li > a:hover,ul.suckerfish > li:hover > a, ul.dualfish > li:hover > a, ul.dropline > li:hover > a {padding:14px 28px 16px;}
	.xmenu {display:none;}	
	div.items-leading.xtc-leading.span12 div.span6 .category_text p {display:inline-block; margin-top:0.6em !important;}
}
@media screen and (max-width: 979px){
        .leftlarge .items-leading .span6,.leftlarge .items-leading .span3{width:100%;margin-left:0;}
        .leftlarge .items-leading div:first-child + div{margin-left:0;}
        .xtc-intro .row-fluid .span12 div:first-child + div + div{margin-left:0;}
        .rightlarge .items-leading .span6{width:100%;margin-left:0;}
		.rightlarge .items-leading .span3{width:100%;margin-left:0;}
        .centerlarge .items-leading .span6{width:100%;margin-left:0;}
		.centerlarge .items-leading .span3{width:100%;}
        .centerlarge .items-leading div:first-child + div + div{margin-left:0;}
}
@media(max-width:900px){
	.slidetext {padding-top:40px;} 
	.slidetext h1 {}
	.slidetext h2 {}
	.flatbluebutton_lg {padding:14px 44px;}
	ul.suckerfish > li > a, ul.dualfish > li > a, ul.dropline > li > a {padding:14px 24px 16px;}
	ul.suckerfish > li > a:hover, ul.dualfish > li > a:hover, ul.dropline > li > a:hover,ul.suckerfish > li:hover > a, ul.dualfish > li:hover > a, ul.dropline > li:hover > a {padding:14px 24px 16px;}
	.modspace a h4.news {min-height:50px;}
		
}
@media (min-width: 768px) and (max-width: 979px) { 
    
.xtc-intro div.span12 div.column-4,.xtc-intro div.span12 div.column-2,.blog-featured .row-fluid .row-fluid .span3:first-child,.blog-featured .row-fluid .row-fluid .span3:first-child + .span3 + .span3{margin-left:0;}
.xtc-intro .span3,.blog-featured .row-fluid .row-fluid .span3{float:left;width:48.6188%;}
.xmenu {display:none;}
}

@media (max-width: 767px) { 
    
.xtc-leading .span6,.xtc-leading .span3,.xtc-intro .span3{margin-left:0;float:none;width:100%;}
.xmenu {display:none;}
#left,#left2,#left3,#left4,#left5,#left6,#left7,#left8{margin-bottom:20px;}
#right,#right2,#right3,#right4,#right5,#right6,#right7,#right8{margin-top:20px;}
}
@media(max-width:786px){
	#component p {font-size:110%; line-height:133%}
	h4 {padding:16px 6px 6px 0; font-size:150%!important; line-height:110%;}
    .cols-2 .item,.cols-3 .item,.cols-4 .item,.cols-5 .item,.cols-6 .item{width:100%!important;}
    .contact_wall_img,.lm_banner{display:none;}
    .sched_btn{float:none;margin:0 auto;}
    .schedule_txt{float: none;width:100%;}
    .lm_leftside,h2.learn_intro{width:100%;text-align:center;}
    .xtcdefaultmenu{display:none;}
    .mobilebtn{display:block;}
	/*.slide {width:90%;}*/
	.slidetext {width:100%; text-align:center; padding-top:10px !important;}
	.slidetext img {}
	.slidetext h1 {font-size:570%!important;}
	.slidetext h2 {font-size:240%!important; line-height:100%;}
	.mainslide_img {width:100%;text-align:center;}
	body h3.medium,body h3.medium span {font-size:180%;letter-spacing:-2px!important;}
	div.pagination span, div.pagination a, ul.pagenav a {font-size:100%;padding:6px 15px;}
	.flatbluebutton_lg {padding:2% 10%;}
	.flatgreybutton_lg {display:inline-block;padding:2% 10%;}
	/*.slidetext span {display:none;}*/
	.wallfloat { width:50%!important;}
    .wallfloat.lastcol {clear:none!important;}
	.wallfloat.col-2,.wallfloat.col-4, .wallfloat.col-6, .wallfloat.col-8, .wallfloat.col-10 {
       clear:right!important;width:50%!important;}
	.ulwrap {width:45%;}
	.modspace {padding-bottom:50px; margin-bottom:20px; border-bottom:1px solid #dddddd;}
	.modspace a h4.news {font-size:200% !important; letter-spacing:-1px; padding-bottom:0 !important; margin-bottom:0 !important;;}
	ul.social1 {display:table;}
    .business-projects{margin:0 -15px;}
    .projects_fp{margin-left:15px;margin-right:15px;margin-bottom:30px;}
	ul.partners {margin:30px 0;}
    #region9 .row-fluid .span3{float:left;width:48.6188%;margin-left:2.76243%;}
    #region9 .row-fluid .span3:first-child,#region9 .row-fluid .span3:first-child + .span3 + .span3{margin-left:0;}
}
@media all and (max-width: 768px/*) and (min-width: 480px*/) {
	.team-lft {display:inline-block;width:28% !important;float:left;}
	.team-rt {width:68% !important; float:right;}
	h3.teamtitle-rt{font-size:140%;color:#444; margin:0 0 0.4em 0; font-size:160% !important; }
	.team {max-width:100%;}
	.teamintro-rt {font-size:140%; margin:0 0 0.4em 0; line-height:144%; font-size:1em !important;}
}
@media(max-width:650px){
	body {background: #fff;}
    .xtc-responsive{float:none!important;width:100%!important;margin:0!important;}
    .cols-2 .item,.cols-3 .item,.cols-4 .item,.cols-5 .item,.cols-6 .item{width:100%!important;}
    .contact_wall_img,.lm_banner{display:none;}
    .sched_btn{float:none;margin:0 auto;}
    .schedule_txt{float: none;width:100%;}
    .lm_leftside,h2.learn_intro{width:100%;text-align:center;}
    .xtcdefaultmenu{display:none;}
    .mobilebtn{display:block;}
	.slidetext {width:100%; text-align:center;}
	.slidetext h1 {font-size:390%!important;}
	.slidetext h2 {font-size:200%!important;}
	.mainslide_img1 { float:none; width:100%; text-align:center; }
	.flatbluebutton_lg {display:inline-block;padding:2.3% 9%;font-size:100% !important;}
	.flatgreybutton_lg {display:inline-block;padding:2.3% 9%;font-size:100% !important;}
	.flatbluebutton_lg1 {display:none;}
	.flatgreybutton_lg1 {display:none;}
	body h3.medium,body h3.medium span {font-size:140%;letter-spacing:-1px!important;}
	.ulwrap {width:40%; margin-right:20px;}
	.modspace a h4.news { min-height:none !important;}
	.team-lft {display:block;width:98% !important;float:none; margin-bottom:20px;}
	.team-rt {width:100% !important; float:none;}
	div.formwrap {width:auto; padding:7%;}
	
}
@media(max-width:515px){
    .xtc-responsive{float:none!important;width:100%!important;margin:0!important;}
    .cols-2 .item,.cols-3 .item,.cols-4 .item,.cols-5 .item,.cols-6 .item{width:100%!important;}
    .contact_wall_img,.lm_banner{display:none;}
    .sched_btn{float:none;margin:0 auto;}
    .schedule_txt{float: none;width:100%;}
    .lm_leftside,h2.learn_intro{width:100%;text-align:center;}
    .xtcdefaultmenu{display:none;}
    .mobilebtn{display:block;}
	.slidetext {}
	.slidetext h1 {font-size:360%!important;}
	.slidetext h2 {font-size:200%!important; }
	body h3.medium,body h3.medium span {font-size:130%;letter-spacing:-1px!important;}
    .business-projects{margin:0 -10px;}
    .projects_fp{margin-left:10px;margin-right:10px;margin-bottom:20px;}
    .ulwrap {width:100%; margin-right:0;}

}
@media(max-width:480px){
    .xtc-responsive{float:none!important;width:100%!important;margin:0!important;}
    .cols-2 .item,.cols-3 .item,.cols-4 .item,.cols-5 .item,.cols-6 .item{width:100%!important;}
    .contact_wall_img,.lm_banner{display:none;}
    .sched_btn{float:none;margin:0 auto;}
    .schedule_txt{float: none;width:100%;}
    .lm_leftside,h2.learn_intro{width:100%;text-align:center;}
	.flatbluebutton_lg {width:81%}
	.flatgreybutton_lg {display:none;}
    .xtcdefaultmenu{display:none;}
    .mobilebtn{display:block;}
	.slidetext h1 {font-size:340%!important;}
	.wallfloat { width:100%!important;}
    .wallfloat.lastcol {clear:none!important;}
	.wallfloat.col-2,.wallfloat.col-4, .wallfloat.col-6, .wallfloat.col-8, .wallfloat.col-10 {
       clear:right!important;width:100%!important;}
	ul.social {display:none}
	ul.social {width:90%;}
	ul.social1 li {font-size:2em;}
	#region9 .row-fluid .span3{width:100%;margin-left:0;}
	ul.partners li {font-size:1.4em !important;}
}
@media(max-width:320px){
    .xtc-responsive{float:none!important;width:100%!important;margin:0!important;}
    .cols-2 .item,.cols-3 .item,.cols-4 .item,.cols-5 .item,.cols-6 .item{width:100%!important;}
    .contact_wall_img,.lm_banner{display:none;}
    .sched_btn{float:none;margin:0 auto;}
    .schedule_txt{float: none;width:100%;}
    .lm_leftside,h2.learn_intro{width:100%;text-align:center;}
    .xtcdefaultmenu{display:none;}
    .mobilebtn{display:block;}
	.slidetext h1 {font-size:290%!important;}
	h2.intro {font-size:80%!important;}
	p.lgt-drk {display:none;}
	h2.spanpink {font-size:100%;}
	body h3.medium,body h3.medium span {font-size:126%!important;letter-spacing:-1px!important;}
	div.pagination span, div.pagination a, ul.pagenav a {font-size:1em!important;padding:2px 8px;border:2px solid #e3e3e3;}
	div.pagination ul li {padding:0 4px 0 0;}
}