/*-----------------------------------------------------------------------

#package     JLIT TSC Template

#version     1.0

#author      JLIT http://www.jlit.biz

#copyright   Copyright under commercial licence (C) 2012 - 2013 JLIT

#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{background:url(../images/tsc/title_bg.png) repeat-x  0% 63%;text-transform:uppercase;font-size:24px;line-height:normal;margin:10px 0 10px 0;padding:0 10px 10px 0px;}

.module.none .mod-wrapper h3 {margin:0 0 10px;padding:0 0 10px;}



.mod-wrapper h3.header span{color:#FFF;background:url(../images/tsc/main_bg.png) repeat  0% 0%;padding-right:10px;font-family:Oswald;font-weight:200;text-shadow:0 1px 1px rgba(0,0,0, 0.7);}



/*big_title*/

.big_title .mod-wrapper-flat h3.header{background:url(../images/tsc/title_bg.png) repeat-x  0% 84%;text-transform:uppercase;font-size:24px;line-height:normal;padding:0px;}



.big_title .mod-wrapper-flat h3.header span{color:#4c4c4c;background:url(../images/tsc/main_bg.png) repeat  0% 0%;padding-right:15px;font-family:Oswald;font-weight:200;text-shadow:1px 1px 1px rgba(0,0,0, 0.8);}



/*page-header*/

.page-header {border-bottom:0;}

.page-header h2{color:#4c4c4c;background:url(../images/tsc/title_bg.png) repeat-x  0% 63%;text-transform:uppercase;font-size:14px;line-height:normal;margin:10px 0 10px 0;padding:0 10px 10px 0px;}

.page-header h2 a{color:#4c4c4c;background:url(../images/tsc/main_bg.png) repeat  0% 0%;padding-right:10px;font-family:Oswald;font-weight:200;text-shadow:0 1px 1px rgba(0,0,0, 0.7);}

/***/

.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;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,

.module.menu ul.menu li.active {background:#fbfbfb}

.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{text-transform:uppercase;font-size:18px;font-weight:700;color:#4c4c4c;margin:0;padding:2px 5px}

.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:#4c4c4c}

.mod-wrapper-flat li a,.mod-wrapper-flat a{color:#4c4c4c}

.mod-wrapper-flat a:hover{text-decoration:underline}

#sp-bottom .mod-wrapper-flat h3.header{color:#fff;font-family:Oswald;font-weight:200;}

#sp-bottom .separator .mod-block{}

#sp-bottom .mod-block{padding:20px 10px 0px 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:#FFF;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;}



/* Slide */

.rox_obcontent .slide3 h1, .rox_obcontent .intro h1, .rox_obcontent .slide2 h1{font-family:Dosis;}

.rox_obcontent .slide3 h2, .rox_obcontent .intro h2, .rox_obcontent .slide2 h2{font-family:'complexregular';padding:25px 0 30px 0;}

div.rox_headline p{font-family:Oswald;letter-spacing:1px;}

div.rox_headline p span{font-size:30px;}





/* Packeges We Offer Module */

#sp-user-title{margin-top:10px;padding-bottom:0;}

#sp-userpos .mod-wrapper-flat{border:5px solid #9e8300;background-color:#none;color:#FFF;box-shadow:0 1px 1px rgba(0,0,0,0.5);}

.packeges-we-offer-padding{padding:10px 20px 20px 20px;}

#packeges-we-offer-last{margin-right:0!important}

.packeges-we-offer h2{font-size:20px;text-align:center;border-bottom:1px solid #4c4c4c;line-height:40px;margin:0 0 15px 0;}

.packeges-we-offer h3{font-size:14px;line-height:20px;border-bottom:1px solid #ed886c;display:block;padding-bottom:10px;text-shadow: 1px 1px rgba(0,0,0,0.4);

letter-spacing: 1px}

.price p{font-size:35px;padding:10px 10px 0 0; font-family:'Oswald', sans-serif !important;font-weight:normal !important}

.Payment-time p{font-size:20px; }

.Payment-time p,.packeges-we-offer h3,.packeges-we-offer h2{font-family: 'Oswald';font-style: normal;font-weight: 400;text-shadow: 1px 1px rgba(0,0,0,0.3);

letter-spacing: 1px}

.price,.Payment-time{display:inline-block;float:left}

.Costing-box{float:right;text-shadow:1px 1px rgba(0,0,0,0.3);}

.Payment-time{margin-left:10px}

.price{background:url(../images/tsc/costingbox-bg.png) no-repeat 100% 100%}

.pack-offer-a{text-align:center;background-color:#f9dad1;width:100%;float:left;margin-bottom:8px;padding:8px 0;z-index:111;}





/*Premade Software Baner*/

.rox_baner1{background:url(../images/tsc/baner1.png) no-repeat 0% 0%;padding:2px 0 9px 0;}

.rox_baner1 h1{font-family: Oswald; color:4c4c4c;text-align:center;text-transform:uppercase;font-weight:200;text-shadow:1px 1px 1px rgba(0,0,0,0.4);}

.rox_baner1 h1 a{color:#FFF;}

.rox_baner1 h1 a:hover{color:#FFF;}

.rox_baner1 p{color:#000;text-align:center;font-size:10px}

.rox_baner1:hover{cursor:pointer;}

/*Protfolio Baner*/

.rox_baner2{background:url(../images/tsc/baner2.png) no-repeat 0% 0%;padding:2px 0 9px 0;}

.rox_baner2 h1{font-family: Oswald; color:#FFF;text-align:center;text-transform:uppercase;font-weight:200;text-shadow:1px 1px 1px rgba(0,0,0,0.4);}

.rox_baner2 h1 a{color:#FFF;}

.rox_baner2 h1 a:hover{color:#FFF;}

.rox_baner2 p{color:#000;text-align:center;font-size:18px}

.rox_baner2:hover{cursor:pointer;}

/* Doll Baner*/

#sp-feature-bottom .mod-wrapper{background:#629d04;padding-bottom:0;border:4px solid #FFF;box-shadow:0 1px 1px rgba(0,0,0,0.4);}

div.rox_doll_baner{width:100%;}

div.rox_doll{width:20%;float:left;margin-top:-41px;margin-left:-20px;}

div.rox_doll_caption{width:78%;float:left;margin-top:3px;background:url(../images/tsc/doll_caption_bg.png) repeat-x 0% 50%;}

div.rox_doll_caption h1{color:#FFF;}

.rox_doll_caption h1 a{color:#FFF;}

.rox_doll_caption h1 a:hover{color:#FFF;}

div.rox_doll_caption p{color:#eaff00;letter-spacing:1px;}

div.rox_doll_baner:hover{cursor:pointer;}

/* See our portfolio */

div#portfolio-container {margin-top:21px;}





/* Our Team */

.team-member img{align:cenetr;border:3px solid #FFF;border-radius:100%;margin-top: 19px;margin-bottom: 38px;}

.rox_team1{background:url(../images/tsc/team-bg.png) no-repeat 30% 0%;text-align:center;-webkit-transition:all 500ms;-moz-transition:all 500ms;-o-transition:all 500ms;transition:all 500ms}

.rox_team2{background:url(../images/tsc/team-bg.png) no-repeat 0 0;text-align:center;-webkit-transition:all 500ms;-moz-transition:all 500ms;-o-transition:all 500ms;transition:all 500ms}

.rox_team3{background:url(../images/tsc/team-bg.png) no-repeat 0 0;text-align:center;-webkit-transition:all 500ms;-moz-transition:all 500ms;-o-transition:all 500ms;transition:all 500ms}

.rox_team4{background:url(../images/tsc/team-bg.png) no-repeat 30% 0%;text-align:center;-webkit-transition:all 500ms;-moz-transition:all 500ms;-o-transition:all 500ms;transition:all 500ms}

.rox_team1:hover{background:url(../images/tsc/teamhoverbg.png) no-repeat  30% 0%;cursor:pointer}

.rox_team2:hover{background:url(../images/tsc/teamhoverbg.png) no-repeat 0px 0;cursor:pointer}

.rox_team3:hover{background:url(../images/tsc/teamhoverbg.png) no-repeat 0px 0;cursor:pointer}

.rox_team4:hover{background:url(../images/tsc/teamhoverbg.png) no-repeat  30% 0%;cursor:pointer}

.rox_temname{color:#FFF !important;font-style: italic;font-size: 16px;

text-shadow:0 1px 1px rgba(0,0,0,0.5);

letter-spacing:.07em;

}

.rox_temposition{}





/*feature Module */

#sp-feature-grid-top .gap{margin-bottom:0;}

.rox_customfeature p span{color:#000;font-style:italic;}

.rox_customfeature h4{color:#ff7133;font-size:18px;font-weight:200;font-family:Oswald;text-transform:uppercase;text-shadow:0 1px #FFF;}

.rox_customfeature img{margin-right:5px;}

#sp-feature1 .mod-wrapper, #sp-feature2 .mod-wrapper, #sp-feature5 .mod-wrapper, #sp-feature6 .mod-wrapper{background:#ECECEC;position:relative;box-shadow:0 1px 1px rgba(0,0,0,0.4);overflow:hidden;}

.rox_customlink{

opacity:0;

text-transform:uppercase;

padding-top:10px;

background:rgba(98,157,4,0.9);

margin:0 -10px 0 -10px;

color:#FFF;line-height:20px;text-align:center;

position:absolute;width:100%;bottom: 20px;cursor:pointer;left:-350px;

}

#sp-feature1 .mod-wrapper:hover .rox_customlink, #sp-feature2 .mod-wrapper:hover .rox_customlink,

 #sp-feature5 .mod-wrapper:hover .rox_customlink, #sp-feature6 .mod-wrapper:hover .rox_customlink{display:block;left:10px;opacity:1}





/*Company feature Module */

#sp-company .mod-wrapper-flat{padding:10px;}



#sp-company h3.header{text-transform:uppercase;padding-left:0px;font-family:Oswald;font-weight:200;color:#000;text-shadow:1px 1px 1px rgba(0,0,0,0.4);}

#sp-company1{background:url(../images/tsc/bar-fnl.png) no-repeat  100% 50%;padding-right:18px;}

#sp-company3{background:url(../images/tsc/bar-fnl.png) no-repeat  0% 50%;padding-left:18px;}

div.rox_company span{color:#000;font-style:italic;}

div.rox_company_site p{display:inline-block;font-style:italic;}

div.rox_company_site span{color:#0086a3;}

div.rox_company_site img{float:right;margin-left:5px;}



/*Bottom Position */

#sp-bottom .mod-wrapper-flat{padding:10px;}

#sp-bottom .mod-wrapper-flat h3.header{padding:0;}



#sp-bottom1{background:url(../images/tsc/bottom_border.png) no-repeat  100% 75%;}

#sp-bottom3{background:url(../images/tsc/bottom_border.png) no-repeat  0% 70%;}



#sp-bottom3 input[type="text"], #sp-bottom3 input[type="password"], #sp-bottom3 input[type="email"], #sp-bottom3 input[type="url"]{width:320px;height:15px;background:url(../images/tsc/footer-box-pattern.png) repeat  0% 0%;border:1px solid rgba(0,0,0,0.5);margin-bottom:0;box-shadow:none;-webkit-transition: all 0.5s ease;

-moz-transition: all 0.5s ease;

transition: all 0.5s ease;}



#sp-bottom3 textarea#message{width:320px;height:85px;background:url(../images/tsc/footer-box-pattern.png) repeat  0% 0%;border:1px solid rgba(0,0,0,0.5);margin-bottom:0;box-shadow:none;-webkit-transition: all 0.5s ease;

-moz-transition: all 0.5s ease;

transition: all 0.5s ease;}

#sp-bottom2 input:hover, #sp-bottom2 textarea#message:hover, #sp-bottom3 input:hover, #sp-bottom3 textarea#message:hover{background:rgba(152,248,0,0.2) !important;color:#FFF;}

#sp-bottom2 input:focus, #sp-bottom2 textarea#message:focus, #sp-bottom3 input:focus, #sp-bottom3 textarea#message:focus{background:url(../images/tsc/footer-box-pattern.png) repeat  0% 0% !important;color:;}



.acymailing_form{margin:0 !important;}

.acyfield_name input{width:280px !important;}

.acyfield_email input{width:280px !important;}

.acysubbuttons {text-align:left !important;}

.acysubbuttons input{margin:0;text-transform:uppercase;background:#719638;color:#FFF;border:1px solid rgba(0,0,0,0.5);border-radius:0;padding:2px 5px;font-size:10px;}

.acysubbuttons input:hover{background:#719638;color:#FFF;}

#sp-bottom2 input[type="text"], #sp-bottom2 input[type="password"], #sp-bottom2 input[type="email"], #sp-bottom2 input[type="url"]{width:320px;height:15px;background:url(../images/tsc/footer-box-pattern.png) repeat  0% 0%;border:1px solid rgba(0,0,0,0.5);margin-bottom:3px;box-shadow:none;-webkit-transition: all 0.5s ease;

-moz-transition: all 0.5s ease;

transition: all 0.5s ease;}

#sp-bottom2 textarea#message{width:320px;height:45px;background:url(../images/tsc/footer-box-pattern.png) repeat  0% 0%;border:1px solid rgba(0,0,0,0.5);margin-bottom:0;box-shadow:none;-webkit-transition: all 0.5s ease;

-moz-transition: all 0.5s ease;

transition: all 0.5s ease;}



#sp_qc_submit{text-transform:uppercase;background:#719638;color:#FFF;border:1px solid rgba(0,0,0,0.5);font-size:10px;}

.rox_scle{background:url(../images/tsc/header_bg.png) repeat 0% 0%;height: 15px;margin-top:20px;}

#sp-bottom-top .sp-inner {padding-left:0px;padding-right:0px;}



#sp-bottom ul li{font-size:14px;font-style:italic;}

#sp-bottom ul{margin-top: 5px;}

#sp-bottom p{font-size:14px;margin-top: 5px;}

#sp-bottom1 ul li:hover{color:#769c3a;cursor:pointer;}

/*Client Testimonial */

#sp-right .testimonial .mod-wrapper{background:#ECECEC;margin-top:10px;box-shadow:0 1px 1px rgba(0,0,0,0.4);}

#sp-right .testimonial .mod-wrapper h3.header{background:url(../images/tsc/clint_title.png) no-repeat 5% 0%;padding-left:55px;color:#729838;border:0;font-size:18px;font-weight:200;text-shadow:0 1px #FFF;}

#sp-right .testimonial .mod-wrapper h3.header span{color:#729838;background:none;text-shadow:0 1px #FFF}



/*Recent  From Blog*/

#sp-right .recent_blog .mod-wrapper{background:#ECECEC;box-shadow:0 1px 1px rgba(0,0,0,0.4);}

#sp-right .recent_blog .mod-wrapper h3.header{background:url(../images/tsc/recent_title.png) no-repeat 5% 0%;padding-left:55px;color:#729838;border:0;font-size:18px;font-weight:200;text-shadow:0 1px #FFF;}

#sp-right .recent_blog .mod-wrapper h3.header span{color:#729838;background:none;text-shadow:0 1px #FFF}

#sp-right #nsp-nsp_142 .nspArt p.nspText{margin-left:40px;border-left:1px solid red;padding-left:10px;padding-bottom:7px;}

#sp-right #nsp-nsp_142 .nspArt p.nspInfo {padding-top:9%;}

#sp-right #nsp-nsp_142 .nspTopInterface {position:absolute;bottom:0;}

#sp-right #nsp-nsp_142 .nspPagination li{background: url(../images/tsc/crnt.png) no-repeat 0% 0%;margin-right:12px !important;}

#sp-right #nsp-nsp_142 .nspPagination li:hover, #sp-right #nsp-nsp_142 .nspPagination li.active{background: url(../images/tsc/actv.png) no-repeat 0% 0%;}



/*About Us*/

div.rox_about_cp{margin-top:25px;margin-bottom:25px;}



/*contact Us*/

#sp_simple_map152{border:5px solid #d6d6d6;}

#sp-team2 .custom p, #sp-team2 .custom a{color: #525253;}

.rat-our-loc ul li{line-height:30px;}

.rat-our-loc ul li:hover{cursor:pointer;}



#sp-team1 input[type="text"], #sp-bottom3 input[type="password"], #sp-bottom3 input[type="email"], #sp-bottom3 input[type="url"]{width:472px;height:20px;background:#6D6D6D;border:1px solid rgba(0,0,0,0.2);margin-bottom:0;box-shadow:none;-webkit-transition: all 0.5s ease;

-moz-transition: all 0.5s ease;

transition: all 0.5s ease;}



#sp-team1 textarea#message{width:472px;background:#6D6D6D;border:1px solid rgba(0,0,0,0.2);margin-bottom:0;box-shadow:none;-webkit-transition: all 0.5s ease;

-moz-transition: all 0.5s ease;

transition: all 0.5s ease;}

#sp_qc_submit{text-transform:uppercase;background:#719638;color:#FFF;border:1px solid rgba(0,0,0,0.5);}



#sp-team1 input:hover, #sp-team1 textarea#message:hover{background:rgba(98,157,4,0.8) !important;color:#FFF;}

#sp-team1 input:focus, #sp-team1 textarea#message:focus{background:#6D6D6D !important;}

div.rox_add, div.rox_email_web, #sp_quickcontact153, #sp_simple_map152{margin-top:25px;margin-bottom:25px;}

/*User Position Custom Banner*/

div#sp-userpos  .mod-wrapper-flat{position:relative;overflow:hidden}

div.packeges-we-offer .rox-order-image{display:none;position:absolute;top:-500px;left:0;width:100%;height:100%;-webkit-transition:all 1500ms}

div#sp-userpos  .mod-wrapper-flat:hover div.packeges-we-offer .rox-order-image{display:block;top:0;left:0;z-index:1;background:#000}

div#sp-userpos  .mod-wrapper-flat:hover div.packeges-we-offer  div.pack-offer-a{text-align:center;background-color:#fff;color:#fff;width:100%;float:left;margin-bottom:8px;padding:8px 0;z-index:1;}

div#sp-userpos  .mod-wrapper-flat:hover div.packeges-we-offer  div.pack-offer-a a{color:#000}

/*Our Product*/

div.product_wrapper{margin-top:30px;}



/* Login Form */

.nav-tabs.nav-stacked > li > a {border:none;background:none;padding-left:180px;}

.well {background:none;border:0;box-shadow: none;}

.login  label {float:left;}

.login  .control-group {width:50%;}

.form-horizontal .controls{}

.btn-primary{background:#719638;}

.btn-primary:hover{background:#719638;}





/* registration Form */

.registration .control-group {width:50%;}

.registration  label {float:left;}

#jform_email2-lbl{text-align:left;}

#jform_spacer-lbl{display:none;}

.registration .btn-primary{margin-right:65px;}

.registration .form-actions {background:none;border-top:0;}

.registration legend{border-bottom:0;}

.registration legend h3.header{background:url(../images/tsc/title_bg.png) repeat-x  0% 63%;text-transform:uppercase;font-size:24px;line-height:normal;margin:10px 0 10px 0;padding:0 10px 10px 0px;}

.registration legend h3.header span{color:#FFF;background:url(../images/tsc/main_bg.png) repeat  0% 0%;padding-right:10px;font-family:Oswald;font-weight:200;text-shadow:0 1px 1px rgba(0,0,0, 0.7);}

div#sp-baner .mod-block{padding-top:5px}

div#sp-baner2 .mod-block{padding-top:0;margin-top:5px}