/*-----------------------------------------------------------------------
#package     Rox Xyst Template
#version     1.0
#author      ThemeRox http://www.themerox.com
#copyright   Copyright under commercial licence (C) 2010 - 2011 ThemeRox
#license     http://www.gnu.org/licenses/gpl-3.0.html GNU/GPLv3
------------------------------------------------------------------------*/

/*------------------------------------------------------------------------
#Helix Framework Credit
# Author - JoomShaper http://www.joomshaper.com
# Copyright (C) 2010 - 2012 JoomShaper.com. All Rights Reserved.
# license - PHP files are licensed under  GNU/GPL V2
# license - CSS  - JS - IMAGE files  are Copyrighted material 
# Websites: http://www.joomshaper.com
--------------------------------------------------------------------------*/

/*Module type XHTML*/
.mod-wrapper,.mod-wrapper-flat {position:relative}
.mod-wrapper {padding:10px}
.module.none .mod-wrapper {border:0;background:none;padding:0}
.module.none  .mod-wrapper .mod-inner {border:0}

.mod-wrapper h3.header{line-height:normal;margin:-10px -10px 10px -10px;padding:10px;text-transform: uppercase;color:#32A1CE;font-weight:200;font-size:28px;text-shadow: 0 1px white;}
.module.none .mod-wrapper h3 {margin:0 0 10px;padding:0 0 10px;}

.mod-wrapper h3.header span{}
.module.none .mod-wrapper h3.header {border-bottom:1px solid #e5e5e5}
.module.text .mod-wrapper h3.header {font-size:9px;text-align:center}

.mod-wrapper ul{list-style:none;margin:0;padding:0}
.mod-wrapper li{background:none;border-bottom:1px solid #E5E5E5;font-size:12px;margin:0;padding:4px 0px}
.mod-wrapper li li{margin-left:10px;border-bottom:0!important}
.mod-wrapper li a{text-decoration:none}
.mod-wrapper li:hover > a, .mod-wrapper li.active > a{text-decoration:none}

/*Suffix menu*/
.module.menu ul.menu li {padding:8px 10px;margin:0 -10px;background:none}
.module.menu ul.menu li a {padding:0;margin:0}
.module.menu ul.menu li:hover > a {background:none}
.module.menu ul.menu > li:first-child{margin-top:-10px}
.module.menu ul.menu > li:last-child{margin-bottom:-11px}

/*Module Type Flat*/
.mod-wrapper-flat h3.header{font-size:27px;font-weight:200;text-shadow: 0 1px white;text-transform: uppercase;color:#333;margin:0;}
.mod-wrapper-flat ul{list-style:none;margin:0;padding:0}
.mod-wrapper-flat li{font-size:13px;display:block;text-decoration:none;margin:0;padding:4px;background:none;color:#888}
.mod-wrapper-flat li a,.mod-wrapper-flat a{color:#888}
.mod-wrapper-flat a:hover{}
#sp-bottom .mod-wrapper-flat h3.header{color:#5a5a5a;text-transform: uppercase;}
#sp-bottom .separator .mod-block{}
#sp-bottom .mod-block{padding:20px 10px}
#sp-bottom .mod-wrapper-flat li{}

/*Module Type Menu*/
.mod-wrapper-menu {margin-top:8px}
.mod-wrapper-menu h3.header{font-size:12px;font-weight:700;color:#000;margin:0;padding:2px 5px}
.mod-wrapper-menu ul{list-style:none;margin:0;padding:0}
.mod-wrapper-menu li{font-size:11px;display:block;text-decoration:none;margin:0;padding:4px}
.mod-wrapper-menu li a:hover{text-decoration:underline}

/*Badges*/
span.sp-badge.new,span.sp-badge.free,span.sp-badge.hot,span.sp-badge.pick,span.sp-badge.top
{height:48px;position:absolute;right:-3px;text-indent:-999em;top:-3px;width:48px;z-index:0;padding: 0;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
span.sp-badge.new{background: url(../images/base_new.png) no-repeat 100% 0;}
span.sp-badge.free{background: url(../images/base_free.png) no-repeat 100% 0;}
span.sp-badge.hot{background: url(../images/base_hot.png) no-repeat 100% 0;}
span.sp-badge.pick{background: url(../images/base_pick.png) no-repeat 100% 0;}
span.sp-badge.top {background: url(../images/base_top.png) no-repeat 100% 0;}
/*xyst*/

/*Slide*/
#sp-slides2 .sp-inner,#sp-slides .sp-inner{padding-left:0;padding-right:0}

/* user_content */
#sp-content{margin-top: 56px;}
#sp-user_content .nspArt h4.nspHeader {color:#fff;padding:0 2px 0 2px;text-transform:uppercase;font-weight:200;text-shadow:0 1px 1px rgba(0,0,0, 0.7);}
#sp-user_content .nspArt p.nspText {color:#fff;padding:0 2px 0 2px;}
#sp-content .sp-inner{padding-left:0;padding-right:0}
#sp-user_content .nspArt img.nspImage {padding:2px;background:#fff;box-shadow:0 0 5px  rgba(0,0,0, 0.3);}
#sp-user-top .sp-inner{padding-left:0;padding-right:0}

/* user-bottom */
#sp-user-bottom {padding:20px 0 0 0;border-top: 1px solid #e0e1e2;overflow:hidden}
#sp-mission{padding:10px 0 10px 0;border-top: 1px solid #e0e1e2;border-bottom: 1px solid #e0e1e2;}
#sp-user-bottom {background:url(../images/xyst/bottom_bg.png) repeat;}
#sp-mission{background:url(../images/xyst/bottom_bg.png) repeat;}

/*bottom position*/
#sp-bottom{font-size:14px;}
#sp-bottom p{text-shadow:0 1px #FFF;}
#sp-bottom .custom p span{font-weight:700;}
div#sp-bottom2 ul li {background: url(../images/xyst/bottom_li.png) no-repeat 0 50%;background-position: 0 10px;padding:2px;padding-left: 10px;cursor: pointer;font-size:14px;}
.rox_xyst_blink1{width:50%;float:left;}
.rox_xyst_blink2{width:50%;float:left;}
#sp-bottom1 p {margin-bottom:;}
img.sp_simple_gallery {margin:6px 4px;padding:3px;background:#a7a9ab;}

#sp-bottom input, #sp-bottom textarea, #sp-bottom textarea#message{width:95%;background:#f3f3f3;color:#888;
margin-bottom:0;
border-top:2px solid rgba(0,0,0,0.2);
border-left:2px solid rgba(0,0,0,0.2);
border-right:0;
border-bottom:0;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-right-radius:5px;
border-bottom-left-radius:0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
box-shadow:none;
}
#sp-bottom textarea#message{height:50px;}
input#sp_qc_submit{width:115px;height: 30px;border:0;border-radius:5px;text-transform:uppercase;}
/* Our Team Page */
div.our-team-top, div.our-team-text{margin-top:30px;}
h3.team-title{line-height:0 !important;padding-top:10px;text-transform:uppercase;font-weight:400}
#sp-team-title{border-top:1px solid #F7F7F7;border-bottom:1px solid #e8e8ea;margin-top:40px;margin-bottom:20px}
.our-team-text h2 {text-transform: uppercase;font-weight:normal;font-size:28px;text-shadow: 0 1px white;}
.our-team-text p {text-shadow: 0 1px white;}
.ourteam-mod h2 {text-transform: uppercase;color:#32A1CE;font-weight:200!important;font-size:28px;text-shadow: 0 1px white;border-bottom: 1px solid #CCC}
.ourteam-mod p{ text-shadow: 0 1px white;}
#sp-content1 .mod-wrapper, #sp-content2 .mod-wrapper, #sp-content3 .mod-wrapper{border:none;}
.team-member img{padding:3px;border:1px solid #afb0b1;border-radius:10px;display:inline-block;float:left;margin-right:40px}
.team-member h3 span {font-weight:normal;color:#acacac;font-size:20px}
.team-member h3 {font-weight:normal;font-size:20px;line-height:20px;padding-top:30px}


/* Contact Us */
#sp-bottom-top div.sp_quickcontact p{display:none;}
#sp-bottom-top div.sp_qc_info{width:28%;float:left;}
#sp-bottom-top div.sp_qc_message{width:72%;float:left;}
#sp-bottom-top input{width:240px;height:40px;margin-bottom:-7px;}
#sp-bottom-top textarea#message{width:648px;height:145px;}
#sp-bottom-top input, #sp-bottom-top textarea#message{-webkit-transition: all 0.5s ease;	-moz-transition: all 0.5s ease;transition: all 0.5s ease;box-shadow:none;}
#sp-bottom-top #sp_qc_submit{width:115px;height:30px;float:right;margin:2px 0 1px 0;}
ul.pxs_slider li h2{font-weight:200;color:#333}
/* sp-content-grid-bottom */
#sp-content-grid-bottom{margin-top:24px;margin-bottom:3px;}
.rox_xyst_org{text-align:center;border:1px solid #D2D2D2;-webkit-transition: all 0.8s ease;-moz-transition:all 0.8s ease;transition:all 0.8s ease;}
.rox_xyst_org p{padding:0 12px;}
#sp-content-grid-bottom .mod-wrapper {padding:2px;}
#sp-content-grid-bottom .mod-block {padding:0px;}
.rox_xyst_org:hover{cursor:pointer;}
.rox_xyst_org img{margin:20px 0;-webkit-transition: all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;}
.rox_xyst_org:hover img{
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2)
}


/* 1 Column portfolio page */
.1-col-folio-con{display:block;width:100%}
.folio-img{display:inline-block;float:left;width:50%;}
.folio-text{display:inline-block;float:left;width:40%;margin-left:30px}
.folio-img img{border:5px solid #fff;margin-bottom:50px}
.ul-left{display:inline-block;float:left;width:50%}
.ul-right{display:inline-block;float:left;width:50%}
.portfolio-ul ul{margin:0}
.ul-left li, .ul-right li{background:url(../images/xyst/folio-ul-bg.png) no-repeat;color:#808088;list-style:none;padding-left:25px;letter-spacing:1px;text-shadow:0 1px #FFF} 
h1.folio-client{color:#008ac3;font-weight:500;border-bottom:none;margin:0}
h1.folio-client span{color:#808080}
h3.folio-task{color:#ff5400;font-weight:normal;text-shadow:0 1px #FFF;font-size:20px}
.folio-text a{  display: inline-block;
   text-decoration: none;
   padding: 7px 25px;
   -webkit-box-shadow: 0 1px 1px #000;
   -moz-box-shadow: 0 1px 1px #000;
   box-shadow: 0 1px 1px #CCC;
   margin-top:10px;
   border:1px solid #FFF}

/* 2 Column portfolio page */
.content-box{width:440px;float:left;margin: 15px;}
.col2-ul-left{display:inline-block;float:left;width:50%}
.mask li{list-style-type:none;background:url(../images/xyst/folio-ul-bg.png) no-repeat 5px 5px;color:#979797;line-height:25px;letter-spacing:1px}
.col2-ul-right{display:inline-block;float:left;width:50%;}
.content-box h2{font-weight:500;color:#008ac3;text-shadow:0 1px #FFF}
.content-box h2 span{color:#808080; text-shadow:0 1px #FFF}
.view {
	background: #fff url(../images/bgimg.jpg) no-repeat center center;
   width: 440px;
   height: 278px;
   float: left;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   border:5px solid #FFF;
   margin-bottom: 30px
}
.view .mask,.view .content {
   width: 440px;
   height: 278px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
h2.folio-task {
   text-transform: uppercase;
   color: #ff5400;
   text-align: center;
   position: relative;
   font-size: 20px;
   padding: 10px;
   margin: 20px 0 0 0;
   text-shadow:none;
   letter-spacing:1px
}
.folio-a{margin-top:160px}
.view a.col2-folio-link{color:#fff;text-decoration:none;padding:8px 20px;background-color:#008AC3;}
.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(0,0,0, 0.8);
   -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;
}
.view-first h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first li,
.view-first a.col2-folio-link {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover li,
.view-first:hover h2,
.view-first:hover a.col2-folio-link{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}

/* Three Column portfolio page */
.content-box-col3{width:280px;float:left;margin: 15px;}
.col3-ul-left{display:inline-block;float:left;}
.mask-col3 li{background:url(../images/xyst/folio-ul-bg.png) no-repeat 0px 0px;color:#FFF;list-style-type:none;line-height:18px;padding-left:25px;font-size:13px;letter-spacing:1px}
h2.folio-client-col3{font-weight:500;color:#008ac3;font-size:20px;text-shadow:0 1px #FFF}
h2.folio-client-col3 span{color:#808080}
.view-col3 {
	background: #fff url(../images/bgimg.jpg) no-repeat center center;
   width: 280px;
   height:170px;
   float: left;
   overflow: hidden;
   position: relative;
   text-align: left;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   border:5px solid #FFF;
   margin-bottom:20px
}
.view-col3 .mask-col3,.view-col3 .content {
   width: 280px;
   height:170px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view-col3 img {
   display: block;
   position: relative;
}
h2.folio-task-col3{
   text-transform: uppercase;
   color: #ff5400;
   position: relative;
   font-size: 20px;
   padding-left: 23px;
   font-weight:normal;
   letter-spacing:1px
}
.view-col3 a.col3-folio-link{
   display: inline-block;
   text-decoration: none;
   color: #008ac3;
}
.folio-a-col3{margin-left:25px}

.view-first-col3 img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first-col3 .mask-col3{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(0,0,0, 0.8);
   -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;
}
.view-first-col3 h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first-col3:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first-col3 li,
.view-first-col3 a.col3-folio-link {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first-col3:hover .mask-col3{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first-col3:hover li,
.view-first-col3:hover h2,
.view-first-col3:hover a.col3-folio-link{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}

/* Four Column portfolio page */
.content-box-col4{width:200px;float:left;margin: 15px;}
.col4-ul-left{display:inline-block;float:left;}
.mask-col4 li{background:url(../images/xyst/folio-ul-bg.png) no-repeat 0px 0px;color:#FFF;list-style-type:none;line-height:18px;padding-left:25px;font-size:13px;letter-spacing:1px}
.content-box-col4 h2{font-weight:500;color:#008ac3;font-size:20px;text-shadow:0 1px #FFF}
.content-box-col4 h2 span{color:#808080}
.view-col4 {
	background: #fff url(../images/bgimg.jpg) no-repeat center center;
   width: 200px;
   height:123px;
   float: left;
   overflow: hidden;
   position: relative;
   text-align: left;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   border:5px solid #FFF
}
.view-col4 .mask-col4,.view-col4 .content {
   width: 200px;
   height:123px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view-col4 img {
   display: block;
   position: relative;
}
h2.folio-task-col4 {
   text-transform: uppercase;
   color: #ff5400;
   position: relative;
   font-size: 20px;
   padding-left: 23px;
   line-height:10px;
   margin:20px 0;
   text-shadow:none;
   letter-spacing:1px

}
a.col4-folio-link{
   display: inline-block;
   text-decoration: none;
   color: #008ac3;
   font-size:14px!important;
}
.folio-a-col4{margin-bottom:10px}

.view-first-col4 img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first-col4 .mask-col4{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(0,0,0, 0.8);
   -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;
}
.view-first-col4 h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first-col4:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first-col4 li{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first-col4:hover .mask-col4{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first-col4:hover li,
.view-first-col4:hover h2{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}

/* Client Testimonial page */
.testimonial-text{background:url(../images/xyst/testimonial-bg.png) no-repeat;}
#testimonial-box-margin .testimonial-text{background:url(../images/xyst/testimonial-bg2.png) no-repeat;}
.testimonial-box{margin-bottom:100px!important}
.testimonial-img{display:inline-block;float:left}
.testimonial-con img{display:inline-block;float:left;border:5px solid #d1d1d1;border-radius:100%;margin-right:50px;-webkit-transition: all .8s ease;
-moz-transition:all .8s ease;
transition:all .8s ease;
-webkit-box-shadow: 0 2px 2px #000;
   -moz-box-shadow: 0 2px 2px #000;
   box-shadow: 0 2px 2px #CCC;}
.testimonial-text{display:inline-block;width:547px;float:left;margin: 10px 0;}
.testimonial-text p{padding:0 80px 30px 80px;font-style:italic;color:#000}
.testimonial-text p span{font-size:20px}
.testimonial-text h2{margin-left:50px;font-weight:normal;color:#008ac3;font-size:30px}
.testimonial-text h4{margin-left:50px;font-weight:normal;color:#000;font-size:14px;line-height:0;margin-bottom:25px}
#testimonial-box-margin{margin-left:185px}
.testimonial-con img:hover{border:5px solid #008ac3;box-shadow:0 0 5px #008ac3;margin-right:60px;}
#testimonial-box-margin .testimonial-text{display:inline-block;:547px;float:left;}

/* Image Gellary page */
.rox-gallery {padding:6px;-webkit-box-shadow: 1px 1px 3px #e6e6e6;-moz-box-shadow: 1px 1px 3px #e6e6e6;box-shadow: 1px 1px 3px #e6e6e6;}
.rox-gallery {margin-bottom:20px}
.blog_gallery p{font-style:italic;margin-bottom:30px}
.page-header h2, h1{text-transform: uppercase;font-weight:normal;font-size:28px;border-bottom:1px solid #CCC;line-height:60px;text-shadow: 0 1px white;}

.pagination li a{background:none;}
.pagination span{background:none;}
/* Module Variation */

/* _default */
._default h3{border-bottom:1px solid #CCC;}

/* _light_blue */
._light_blue h3{border-bottom:1px solid #CCC;}


/* _light_sepia */
._light_sepia h3{border-bottom:1px solid #CCC;}

/* _light_grey */
._light_grey h3{border-bottom:1px solid #CCC;}


/* Dark Blue */
._dark_blue .mod-wrapper{text-shadow: 0 1px rgba(0, 0, 0, 0.21);}
._dark_blue h3{border-bottom: 1px solid #4882AD;}

/* Dark Gray*/
._dark_gray .mod-wrapper{text-shadow: 0 1px rgba(26, 26, 26, 0.7);}
._dark_gray h3{border-bottom: 1px solid #353535;}

/* Grass */
._grass h3{border-bottom: 1px solid #5F8838;text-shadow:None!important;}

/* Maroon */
._maroon .mod-wrapper{text-shadow: 0 1px rgba(0, 0, 0, 0.21);}
._maroon h3{border-bottom: 1px solid #814A38;text-shadow:none !important;}

/* Carousel layout Page */
.carousel-img {padding-bottom:8px}
.carousel-img img{padding: 4px;}
.carousel-img img:hover{padding: 4px;}
.carousel-layout h2{border-bottom:1px solid #ccc;font-weight:normal;text-transform:uppercase}

/* Social Icons */
#sp-footer-nav h3.header,#sp-footer-nav p{text-align:center;color:#888;font-size:16px}
#sp-footer-nav p a{width:18px;height:25px;margin-left:8px}
#sp-footer-nav p a.facebook{text-indent:-9999em;display:inline-block;}
#sp-footer-nav p a.bing{text-indent:-9999em;display:inline-block;}
#sp-footer-nav p a.rss{text-indent:-9999em;display:inline-block;}
#sp-footer-nav p a.skype{text-indent:-9999em;display:inline-block;}
#sp-footer-nav p a.twitter{text-indent:-9999em;display:inline-block;}
#sp-footer-nav p a.flicker{text-indent:-9999em;display:inline-block;}
#sp-footer-nav p a.facebook,#sp-footer-nav p a.bing,#sp-footer-nav p a.rss,#sp-footer-nav p a.twitter,#sp-footer-nav p a.flicker{background-position:0 0}
#sp-footer-nav p a.facebook:hover,#sp-footer-nav p a.skype:hover,#sp-footer-nav p a.bing:hover,#sp-footer-nav p a.rss:hover,#sp-footer-nav p a.twitter:hover,#sp-footer-nav p a.flicker:hover{background-position:0 -25px}
div.icon, div.icon p.icon1, div.icon p.icon2, div.icon p.icon3, div.catItemHitsBlock, div.catItemCommentsLink, #sp-footer-nav p a.facebook, #sp-footer-nav p a.bing, #sp-footer-nav p a.rss, #sp-footer-nav p a.skype, #sp-footer-nav p a.twitter, #sp-footer-nav p a.flicker, ul.bottom-nav li, a#topofpage, #hornav li.menu-item li.menu-item a.menu-item, #sp-hover-iteam, a#topofpage{
transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
-moz-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
-webkit-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
-ms-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}


/* Discussion Page Styel */
div#discuss-wrapper{background:none;}
div#discuss-wrapper div.discuss-post-login,div#discuss-wrapper div.discuss-searchbar,div#discuss-wrapper div.discuss-item,div.discuss-filter,#discuss-wrapper div.empty,div.discuss-categories{background:#FFF}
div#discuss-wrapper .discuss-searchbar .input-searchbar {padding: 6px 90px 4px 1%;}
div.discuss-replies,div.discuss-categories{padding:10px!important;background-color:#FFF;}
ul.discuss-tag-list{padding:10px!important;background-color:#FFF;border: 1px solid #dfdfdf;}
div#discuss-wrapper .discuss-featured-title {font-size: 30px;font-weight: normal;margin-bottom:10px;line-height: 30px;text-transform:uppercase}
div#discuss-wrapper .discuss-post-title,div.pull-left h3{font-size:22px;line-height:20px;font-weight: normal;letter-spacing:1px}
legend.discuss-component-title{margin-top:15px!important}
div.row-fluid h2{font-size: 30px!important;font-weight: normal;margin-bottom:10px;line-height: 30px;text-transform:uppercase}
div.discuss-tag a,div.badges-name a,div.badges-desp,div.badges-guide{font-weight:normal!important;font-size:15px!important}
div.discuss-user h3 a{font-weight:normal!important;font-size:22px!important}
/*FAQ*/
.sp-accordion.sp-accordion-style4 .toggler {
background:none !important;border-bottom:0 !important;
}
.sp-accordion.sp-accordion-style4 .toggler span, .sp-accordion.sp-accordion-style4 .toggler span span{font-size:18px !important;}
.sp-accordion.sp-accordion-style4 .toggler span span {
background: url(../images/style4/close.png) no-repeat 0% 50% !important;
}
.sp-accordion.sp-accordion-style4 .toggler {
background: url(../images/style4/question.png) no-repeat 0 50% !important;
}

#discuss-wrapper .discuss-toolbar{z-index:0 !important;}

/* Breadcrumbs */
#sp-crumbs{border-bottom:2px solid #e2e2e2;}
#sp-breadcrumbs{margin-top:25px;display:inline-block;border-left:1px solid #e2e2e2;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2}
#sp-breadcrumbs .sp-inner{padding:0;}
#sp-breadcrumbs span.breadcrumbs,#sp-breadcrumbs span.breadcrumbs-outer {line-height:25px;}
#sp-breadcrumbs span.breadcrumbs {padding:0 0 0 10px}
#sp-breadcrumbs span.breadcrumbs-outer {width:11px}
#sp-breadcrumbs a,#sp-breadcrumbs span,#sp-breadcrumbs strong{display:block;float:left}
#sp-breadcrumbs a{background:url(../images/br.png) 100% 0 no-repeat;color:#868686;font-size:12px;text-shadow:0 1px #fff}
#sp-breadcrumbs span{color:#868686;font-size:12px;text-shadow:0 1px #fff}
.ltr #sp-breadcrumbs a {margin-right:10px;padding-right:15px}
#sp-breadcrumbs span.current{color:#868686;font-size:12px;padding:0 10px 0 20px;margin:0 0 0 -20px;text-shadow:0 1px #fff}
#topofpage{position:absolute;top:-47px;left:50%;margin-left:-22px;cursor:pointer;z-index:10;width:45px;height:23px;display:block;text-indent:-9999em}
#sp-breadcrumbs span.breadcrumbs-outer {background: url(../images/br.png) 100% 0 no-repeat;margin-right: -14px;padding-left: 5px;}
#sp-breadcrumbs span.breadcrumbs-outer {width: 15px;}
#sp-breadcrumbs span.breadcrumbs, #sp-breadcrumbs span.breadcrumbs-outer {height:25px;line-height:25px;}
#sp-breadcrumbs.mod-block{padding:0;background: #F7F7F8;}
#sp-crumbs{padding-bottom:25px;padding-left: 20px;}

/*company Activits feature position */
#sp-feature1 .mod-wrapper, #sp-feature2 .mod-wrapper, #sp-feature3 .mod-wrapper{background:url(../images/xyst/pattern.png) 0% 0% repeat;border:1px solid #E0E1E2;}
.company_activits .mod-wrapper h3.header{padding:0;margin:10px 0;}
/*Tab Module*/
#sp-feature-grid-mid .sp-inner{padding-left:0px}
#sp-feature-bottom .sp-inner{padding-left:0px;padding-right:0px;}
.sprocket-mosaic .sprocket-mosaic-header {height:40px}
.sprocket-mosaic-filter li, .sprocket-mosaic-order li {border:0px solid #DDD !important;background:none !important;color:#000;font-size:18px;line-height:37px;}
.sprocket-mosaic-filter li.active, .sprocket-mosaic-order li.active{color:#FFF;}
.sprocket-mosaic-item {border: 1px solid #E0E1E2;border-radius:0px !important;background:url(../images/xyst/pattern.png) 0% 0% repeat;}

.sprocket-mosaic-tags{display:none;}
.sprocket-mosaic .sprocket-mosaic-header{padding:0 0px}
.sprocket-mosaic-loadmore {width:80px !important;height:35px;border:0 !important;}
.sprocket-mosaic-loadmore.loader span{background:url(../images/xyst/white.gif) 24px 8px no-repeat !important;}
.sprocket-mosaic-loadmore span{color:#FFF;font-size:25px !important;margin-top: -12px !important;padding-right: 2px;}
#sp-feature-bottom  .mod-wrapper li{border-bottom:0 !important}
ul.sprocket-mosaic-container{background:url(../images/xyst/line.png) no-repeat 50% 100%}
h2.sprocket-mosaic-title a{text-transform:uppercase;font-weight:200;text-shadow:0px 1px white;}
.sprocket-mosaic-item .sprocket-mosaic-text{font-size:14px;text-shadow:0px 1px white;}
a.sprocket-readmore span{font-size:18px}
#sp-feature-grid-top p{font-size:14px;text-shadow:0px 1px white;margin-top:10px}
#sp-feature-grid-mid  .mod-block{padding:0 10px !important}
div.rox-main{position:relative;display:block;overflow:hidden}
div.rox-mask{position:absolute;top:-200px;left:-200px;width:96%;height:93%;text-indent:-9999em;z-index:100;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
div.rox-main img{width:100%}
div.rox-main a.rd-img{position:absolute;top:-200px;left:106px;text-indent:-9999em;width:23px;height:27px;background:url(../images/read-more.png)no-repeat;
-webkit-transition: all 1.2s ease;
-moz-transition: all 1.2s ease;
-ms-transition: all 1.2s ease;
-o-transition: all 1.2s ease;
transition: all 1.2s ease;
z-index:101;


}
div.rox-main a.read-more{position:absolute;top:-555px;left:106px;text-transform:uppercase;font-size:18px;color:#fff;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease;
z-index:102;




}
div.rox-main:hover a.rd-img{top:60px;left:133px;}
div.rox-main:hover a.read-more{top:100px;left:115px;}
div.rox-main:hover div.rox-mask{left:0;top:0}


.sp-accordion.sp-accordion-style4 .toggler span, .sp-accordion.sp-accordion-style4 .toggler span span{font-weight:500 !important}
div.gkTweet > div{border-radius:0 !important;-webkit-border-radius:0 !important;-moz-border-radius:0 !important;margin:0 !important;background:none !important;border:0 !important;box-shadow:none !important;-webkit-box-shadow:none !important;-moz-box-shadow:none !important}
div.tweet  .mod-wrapper{padding:0 10px;}
div.accordion{margin-bottom:0 !important}
div.sp-feature-mid1  .mod-wrapper{padding:0 10px}
div.tweet  .mod-wrapper h3.header{padding:25px 25px 0 25px;text-shadow:0px 1px #000;}
div.gkTweet > div p{font-style:italic;color:#fff}
div.gkTweet > div > span.gkTweetInfo{font-style:italic;color:#fff}

/*Rok Sporcket*/
div.sporcket-mask{position:relative}