/*-------------------------------------------------- 
Artfully masterminded by Engineworks
--------------------------------------------------*/
/*-------------------------------------------------- 
:: Site:Engineworks
:: filename:mysite.com
:: Created By: suresh chavan
:: Created Date: 14 june 2013 
:: Last Updated: 22 aug 2013
--------------------------------------------------*/

/*--------------------------------------------------
:: reset
--------------------------------------------------*/
html,body,div,span,object,iframe,address,blockquote,h1,h2,h3,h4,h5,h6,p,pre,a,abbr,acronym,b,bdo,big,cite,code,del,dfn,em,i,
img,ins,kbd,q,samp,small,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,form,fieldset,legend,label,table,caption,thead,tfoot,tbody,tr,th,td
{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}
body{color:#000;background:#fff;font-size:62.5%;
font-size:expression(screen.deviceXDPI>96 ? 1000 /((screen.deviceXDPI / 96) * 16)+"%":"62.5%");line-height:1.25;}
body,textarea{font-family:arial,helvetica,sans-serif;}
address,blockquote,form,p,pre,table,dl,ol,ul{font-size:1.1em;}
blockquote address,blockquote blockquote,blockquote form,blockquote p,blockquote pre,blockquote table,blockquote dl,blockquote ol,
blockquote ul,dl address,dl blockquote,dl form,dl p,dl pre,dl table,dl dl,dl ol,dl ul,form address,form blockquote,form p,form pre,form 
table,form dl,form ol,form ul,ol address,ol blockquote,ol form,ol p,ol pre,ol table,ol dl,ol ol,ol ul,table address,table blockquote,
table form,table p,table pre,table table,table dl,table ol,table ul,ul address,ul blockquote,ul form,ul p,ul pre,ul table,ul dl,ul ol,
ul ul,button,input,select,textarea{font-size:1em;}
h1{font-size:2em;}
h2{font-size:1.8em;}
h3{font-size:1.6em;}
h4{font-size:1.4em;}
h5{font-size:1.2em;}
h6{font-size:1em;}
a:hover{-webkit-transition-duration: 600ms;
-webkit-transition-property: all;-webkit-transition-timing-function: ease;-moz-transition-duration: 600ms;-moz-transition-property: all;
-moz-transition-timing-function: ease;-o-transition-duration: 600ms;-o-transition-property: all;-o-transition-timing-function: ease;}
abbr,acronym{text-decoration:underline;}
address,cite{font-style:normal;}
b,strong{font-weight:bold;}
big{font-size:1.2em;}
code,kbd,pre,samp,tt{font-family:"Courier New",Courier,monospace;}
del{text-decoration:line-through;}
dfn,em,i,var{font-style:italic;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
ins{text-decoration:underline;}
small{font-size:.8em;}
sub{vertical-align:sub;}
sup{vertical-align:super;}
{margin-bottom:1em;}
ol,ul{list-style:none;}
dl dt{font-weight:bold;}
table{border-collapse:collapse;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
iframe{/*border:1px solid #ccc;*/}
blockquote,q{quotes:none;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}/* Hides from IE-mac \*/ 
* html .clearfix{height:1%;}
.clearfix{display:block;}
::-moz-selection{background:#bdbcbc;}

/*--------------------------------------------------
:: structure
--------------------------------------------------*/
h1,h2,h3,
h4,h5,h6      { margin:0 0 5px; line-height:1.35; /*color:#0a263c;*/}
h1            { font-size:20px; font-weight:normal; }
h2            { font-size:18px; font-weight:normal; }
h3            { font-size:16px; font-weight:bold; }
h4            { font-size:14px; font-weight:bold; }
h5            { font-size:12px; font-weight:bold; }
h6            { font-size:11px; font-weight:bold; }
.hidden       { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; 
font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; }
.nobr         { white-space:nowrap !important; }
.wrap         { white-space:normal !important; }
.a-left       { text-align:left !important; }
.a-center     { text-align:center !important; }
.a-right      { text-align:right !important; }
.un-text      { text-decoration:underline !important;}
.v-top        { vertical-align:top; }
.v-middle     { vertical-align:middle; }
.f-left,
.left         { float:left !important; }
.f-right,
.right        { float:right !important; }
.f-none       { float:none !important; }
.f-fix        { float:left; width:100%; }
.no-display   { display:none; }
.no-margin    { margin:0 !important; }
.no-padding   { padding:0 !important; }
.no-bg        { background:none !important; }
.d-block	  { display:block !important;}
.clear        { clear:both; }

body{background:#f8f8f8;color:#858585;font-size:75%;line-height:1.5em;font-family:Arial,Helvetica,sans-serif;margin:0px;}
a{color:#666;text-decoration:none;}
a:hover{color:#000;text-decoration:none;}

/*--------------------------------------------------
:: global styles
--------------------------------------------------*/
body {color: #777;	font-size: 11px;	font-family: arial, helvetica, sans-serif;	background: #fff;}

/*--------------------------------------------------
:: link
--------------------------------------------------*/
a {text-decoration: none;}
a:hover {text-decoration: none;	color: #000 !important;}

/*--------------------------------------------------
:: text
--------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {color: #2a343a;}
h1 {font-size: 18px;margin-top: 15px;position: relative;}
h2 {margin-bottom: 12px;font-size: 14px;}
h3 {margin-bottom: 12px;font-size: 12px;font-weight: bold;}
h4 {font-size: 11px;font-weight: bold;}
p {font-size: 11px;	color: #6d6e70; margin:0 0 9px;}
b{color: #2a343a;}
sub, sup {line-height: 0;font-size: 8px;} 
img {vertical-align: middle;margin: 0px; }

/*--------------------------------------------------
:: global items
--------------------------------------------------*/
hr {height: 0;margin: 0 0 15px;border: 0;border-bottom: 1px solid #999;font-size: 0;line-height: 0;}
.green {color: #76b96a;}
.text-b{color:#000; padding:2px 0 2px 10px;border-right: 1px solid #fff;}
.text-bold{font-weight: bold;}

/*--------------------------------------------------
:: list
--------------------------------------------------*/
ul, ol, dl {font-size: 11px;}
ul.bullets {margin-bottom: 1em;padding-left: 8px;}
ul.bullets li {margin-bottom: 4px;padding-left: 16px;background: url(../images/i_bgBullet.png) no-repeat 0 6px;}
ol.bullets {margin: 0 0 1em 3em;list-style-type: decimal;}
ol.bullets li {margin-bottom: 4px;}
dl dd {margin-bottom: 10px;}

/*--------------------------------------------------
:: tabels
--------------------------------------------------*/
table,
table td,
table th {vertical-align: top;text-align: left;padding:2px/* 5px 8px*/;}
table {border-collapse: collapse;}

/*--------------------------------------------------
:: layout
--------------------------------------------------*/
div#wrapper {width: 900px;margin: 0 auto;}
div#nav{position: relative;background: #9F9F9F url(../images/bg-nav.png) repeat-x;z-index: 99999999;}
.page-sd-portfolio-details #nav{z-index: 9000;}
div#container {padding-top: 10px;background: #fff;}
div#header {height: 73px;position: relative;}
div#content {float: right;display: inline;width: 658px;position: relative;}
div#leftSash {float: left;display: inline;width: 226px;}
div#flash {width: 900px;height: 350px;margin-bottom: 10px;z-index: 1;position:relative;}
div#flashbutton {position:absolute;top: 273px;left: 560px;height: 35px;width: 280px;z-index: 100;}
div#flash2 {width: 900px;height: 350px;margin-bottom: 10px;z-index: 2;}
div#scroll {position:relative;z-index: 0;}

/*--------------------------------------------------
:: grids
--------------------------------------------------*/
/* 2 Column */
.cols .col {float: left;display: inline;width: 47.99%;margin-left: 4%;}
.cols .col.first {margin-left: 0;}
/* 3 Column */
.cols.three .col {float: left;display: inline;width: 31.99%;margin-left: 2%;}
.cols.three .col.first {margin-left: 0;}
.cols.three.border {background: url(../images/i_bg3Col.gif) repeat-y 0 50%;}

/*--------------------------------------------------
:: header
--------------------------------------------------*/
#header{ position:relative;}
#header #logo {position: absolute;top: 15px;left: 15px;width: 355px;height: 61px;background: url(../images/logo.png) no-repeat;
text-indent: -5000px;overflow: hidden;}
#cornerlinks {position: absolute;top: 15px;right: 80px;width: 300px;text-align: right;}
.social-icon{ position: absolute; right: 10px; top: 35px;}
.social-icon a{ width:32px; height:32px;display:inline;}
.icon-{ display:inline-block !important; text-indent:-9999px;}
.social-icon .tw{ background:url(../images/social-icon.png) no-repeat scroll 0 -8px transparent;}
.social-icon .fb{ background:url(../images/social-icon.png) no-repeat scroll -38px -8px transparent;}
.social-icon .in{ background:url(../images/social-icon.png) no-repeat scroll -78px -8px transparent;}
.social-icon .tw:hover{ background:url(../images/social-icon.png) no-repeat scroll 0 -40px transparent;}
.social-icon .fb:hover{ background:url(../images/social-icon.png) no-repeat scroll -38px -40px transparent;}
.social-icon .in:hover{ background:url(../images/social-icon.png) no-repeat scroll -78px -40px transparent;}

/*--------------------------------------------------
:: nav
--------------------------------------------------*/
div#nav span.r, div#nav span.l {position: absolute;top: 0;left: 0;display: block;width: 5px;height: 34px;
background: url(../images/bg-nav-left.gif) no-repeat;}
div#nav span.r {left: auto;right: 0;background: url(../images/bg-nav-right.gif) no-repeat;}
div#nav ul li {float: left;display: inline;padding-right: 3px;background: url(../images/bg-nav-repat.png) no-repeat 100% 0;}
div#nav ul li a {line-height: 34px;padding: 0 25px;font-size: 12px;color: #EAEAEA;z-index: 9999999;}
.page-home div#nav ul li a{text-transform: uppercase;} 
div#nav ul li.selected a, div#nav ul li a:hover {text-decoration: none;color: #FFF;}
div#nav ul li#navLogin {float: right;padding: 0 0 0 3px;background: url(../images/bg-nav-repat.png) no-repeat 0 0;text-transform:
 uppercase;
color: #66B360;}
#navEvent {float: right;padding: 5px 8px 0 0;text-transform: uppercase;}
div#nav ul li#navLogin a {color: #66B360;}
div#nav ul ul li {padding-right: 0;background: none;}
div#nav ul ul li a {height: 26px;line-height: 26px;text-transform: none;}
div#nav ul li.selected ul a {background:none;text-decoration: none;background-color:#EAEAEA;}
div#nav ul ul li a:hover {background:none;text-decoration: none;color: #FFF;background-color:#383E45;}
.page-home div#nav ul li {/*padding-left:6px;*/}
.page-home div#nav ul li a {padding:0 25px 0 29px;}
.page-home div#nav ul li.selected a, div#nav ul li a:hover {/*background: url(../images/i_bgNavOn.png) repeat-x;*/}
.icon{}
.engine{background:url(../images/bg-nv-icon.png) no-repeat scroll 0 5px transparent;}
.soft{background:url(../images/bg-nv-icon.png) no-repeat scroll 0 -30px transparent;}
.about{background:url(../images/bg-nv-icon.png) no-repeat scroll 0 -66px transparent;}

/* 2 nav */
.p7PMMh04 {width: auto;margin: 0 auto;font-family: Arial, Helvetica, sans-serif;font-size: inherit;text-align: left;line-height: normal;
padding: 0;margin: 0;position: relative;z-index: 9999998;}
/*Hide Sub-Menu in Design View*/
.p7PMMh04 ul div {display: none;}
/*TOP LEVEL MENU*/
.p7PMMh04 ul {margin: 0;padding: 0;}
.p7PMMh04 li {list-style-type: none;float: left;width: 120px;margin: 0;}
/* Hide from IE5 Mac \*/
.p7PMMh04 li {width: auto;}
/*Top Level Links*/
.p7PMMh04 a {display: block;text-decoration: none;padding: 0 20px;text-align: left;}
.p7PMMh04 a:hover {color: #FFF !important;/*background-color: #333;*/text-decoration: none;}
.p7PMMh04 ul a.pmmfirst {}
.p7PMMh04 ul a.pmmlast {}
.p7PMMh04 ul li.pmmfirst {}
.p7PMMh04 ul li.pmmlast {}
/*First Sub Level*/
.p7PMMh04 ul ul {z-index: 10000;width: 220px;text-shadow:none;text-transform:none;}
.p7PMMh04 ul ul li {float: none;background-image: none;padding: 0;margin: 0;border-bottom: 1px solid #AFA89B;}
.p7PMMh04 ul ul a {color: #333 !important;border-right: 0;background: none;text-align: left;overflow: hidden;height: 26px;line-height: 
16px;width: 170px;background-color: #EAEAEA;}
.p7PMMh04 ul ul a:hover {background-image: none;}
/*Third Level (Flyouts in horizontal menu)*/
.p7PMMh04 ul ul ul {background-color: #CCC;}
.p7PMMh04 ul ul ul ul {background-color: #B5B5B5;}
/*SPECIAL IMAGE-BASED RULES*/
.p7PMMh04 img {border: 0;}
.p7PMMh04 .p7PMM_img {padding: 0;border: 0;background-image: none;background-color: transparent;}
.p7pmmclearfloat {clear: both;height: 0;line-height: 0;font-size: 0;}

/*--------------------------------------------------
:: left nav
--------------------------------------------------*/
ul#subNav {border-top: 1px dotted #8b8a8a;margin-top: 30px;}
ul#subNav li{border-bottom: 1px dotted #8b8a8a;}
ul#subNav li.selected {font-weight: bold;}
ul#subNav li.selected a{ color:#000;}
ul#subNav li a {color: #757373;font-size: 13px;padding: 8px 10px; display:block;}
ul#subNav li:hover{background:#f1f1f1;}
.page-home ul#subNav{margin-top:0;/*border-top: medium none;*/}
.sp-link{ font-size:18px; text-decoration:underline; color:#000;margin-top: 20px; padding:0 0 10px; display:block;}

/*--------------------------------------------------
:: sd-nav
--------------------------------------------------*/
.main-nav{background: #9F9F9F url(../images/bg-nav.png) repeat-x; height: 34px;  position: relative;}
.main-nav .nav-left-cor, .main-nav .nav-right-cor{ position: absolute;top: 0;left: 0;display: block;width: 5px;height: 34px;
background: url(../images/bg-nav-left.gif) no-repeat;}
.main-nav .nav-right-cor{left: auto;right: 0;background: url(../images/bg-nav-right.gif) no-repeat;}
.left-bdr{background: url(../images/bg-nav-repat.png) no-repeat scroll 100% 0 transparent; display: inline;padding: 1px 15px 0;}

#main-nav .main-nav-item a:hover{ color:#fff !important;}
#main-nav{padding:0;}
#main-nav .main-nav-item{display:inline;}
#main-nav .main-nav-tab{float:left;padding:0px 27px;height:32px;line-height:32px;text-align:center;color:#EAEAEA;text-decoration:none;
font-size:12px;}
#main-nav .main-nav-item-active .main-nav-tab{ /*background:#15171A; */color:#fff;-webkit-border-top-left-radius:3px;
-webkit-border-top-right-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;border-top-left-radius:3px;
border-top-right-radius:3px;}
#main-nav .main-nav-dd{position:absolute;top:60px;left:0;z-index:20;margin:0;padding:0;background:#15171a;border:1px solid #2e2e2e;
border-top:none;display:none;
-moz-box-shadow:1px 0px 5px #2e2e2e;-webkit-box-shadow:1px 0px 5px #2e2e2e;box-shadow:1px 0px 5px #2e2e2e;padding:10px; 
border-radius:0 0 4px 4px;
-moz-border-radius:0 0 4px 4px; -ms-border-radius:0 0 4px 4px; -o-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px;}
#main-nav .main-nav-item-active .main-nav-dd{display:block;}
#main-nav .selected{ color:#fff !important;}
h3.menu-heading{font-size:12px;color:#fff;margin-bottom:10px;font-weight:normal;}
.about-block1{width:120px;float:left;margin-right:20px;border-right:1px solid #3e3e3e;padding:7px;}
.about-block2{width:150px;float:left;font-size:10px;color:#909090;background:#282828;border-left:1px solid #3e3e3e;padding:10px 20px;}
.about-block2 span{color:#fff;}
ul.aboutmenu-list li{list-style-type:none;color:#9e9e9e;margin-bottom:3px;background:url(../images/sprites.png) no-repeat scroll 0 9px 
transparent;padding-left:15px;}
ul.aboutmenu-list li a{color:#9e9e9e;text-decoration:none;font-size:11px;}
ul.aboutmenu-list li a:hover{color:#fff !important;text-decoration:none;}
.readmore{border-top:1px solid #3d3d3c;padding-top:3px;margin-top:3px;}
.readmore a{color:#9e9e9e;text-decoration:none;background:url(../images/sprites.png) -866px -1245px no-repeat;padding-right:8px;}
.readmore a:hover{color:#fff;text-decoration:none;}
.noborder{border:none;}
ul.services{margin:0px;}
ul.services li{list-style-type:none;width:310px;float:left;border-right:1px solid #3e3e3e;border-bottom:1px solid #3e3e3e;}
ul.services li.last{border-right:none;}
ul.services li a{display:block;text-decoration:none;padding:5px 22px;color:#999;}
ul.services li a em{color:#fff;font-size:12px;line-height:20px;font-style:normal;}
ul.services li a:hover{background:#282828;text-decoration:none;}
ul.services li.nobottborder{border-bottom:none;}
ul.services li span{font-style:normal;width:40px;height:31px;margin-bottom:35px;display:block;float:left;margin-top:7px;margin-right:10px;}
.technology-left{width:209px;float:left;background:#282828;padding:5px 0;-webkit-border-top-left-radius:3px;
-webkit-border-top-right-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;border-top-left-radius:3px;
border-top-right-radius:3px;text-align:center;}
.technology-right{width:450px;float:left;padding:5px 40px 5px 10px;}
.technology-content{width:180px;margin:auto;}
.lightorange-txt{color:#fff;/*line-height:25px;*/ font-size:12px;}
ul.technologylist li{list-style-type:none;float:left;margin-right:18px;margin-bottom:10px;}
ul.technologylist li.last{margin-right:0;}
ul.technologylist li.nomarginbott{margin-bottom:0;}
.technology-content ul li{list-style-type:none;width:90px;float:left;/*margin-bottom:10px;*/ height:70px;}
.technology-content ul li a{color:#727272;text-decoration:none; font-size:12px; line-height:42px;}
.technology-content ul li a:hover{color:#fff;text-decoration:none;}
.technology-content ul li a img { text-align:center;}
.client-left{width:318px;float:left;background:#282828;padding:15px;}
.client-right{width:260px;float:right;color:#b1b1b1;font-size:11px;line-height:17px;padding:15px 0;}
.vidoe-testimonial{color:#87ddeb;margin-bottom:20px;font-size:12px;}
a.watchvideo{font-size:10px;text-decoration:none;color:#d5d5d5;font-style:italic;float:right;}
a:hover.watchvideo{color:#87ddeb;}
.relative{position:relative;}
.video-img{float:left;position:relative;background:url(../images/sprites.png) -763px -984px no-repeat;width:76px;height:68px;
border:5px solid #000;margin-right:20px;}
.video-img1{float:left;position:relative;background:url(../images/sprites.png) -839px -984px no-repeat;width:76px;height:68px;
border:5px solid #000;margin-right:20px;}
.video-img2{float:left;position:relative;background:url(../images/sprites.png) -762px -1052px no-repeat;width:76px;height:68px;
border:5px solid #000;}
.play-new{background:url(../images/sprites.png) -585px -1194px no-repeat;width:20px;height:21px;
position:absolute;top:43px;left:50px;}
.lfq{background:url(../images/sprites.png) -612px -1197px no-repeat;width:25px;height:17px;
display:inline-block;margin-right:4px;}
.rfq{background:url(../images/sprites.png) -642px -1197px no-repeat;width:25px;height:17px;
display:inline-block;margin-right:4px;position:relative;top:6px;}
.youtube-video{padding-top:15px;text-align:right;clear:both;}
.youtube-ico{background:url(../images/sprites.png) -551px -1190px no-repeat;width:28px;height:29px;display:inline-block;
vertical-align:middle;margin-right:5px;}
.youtube-video a{color:#ffa33b;text-decoration:none;}
.youtube-video a:hover{color:#fff;text-decoration:none;}
.testimonialname{color:#3c93a0;}
.testimonialname span{color:#ffa33b;}
.mobapp-block-cbg{background:url(../images/sprites.png) 0px -1163px no-repeat;padding:10px 15px;font-size:11px;width:277px;height:110px;}
.mobapp-block-cbg h2{font-size:14px;color:#289125;margin-bottom:7px;font-family:'LucidaGrandeRegular'}
.mobapp-link{color:#71bc6f;}
.mobapp-link a{margin:0 5px;color:#69b067;}
.mobapp-link a:hover{color:#ef8013;}
.clientspeak-left{width:152px;margin-right:20px;margin-left:5px;float:left;padding-top:10px;}
.clientspeak-right{width:130px;float:left;padding-top:10px;font-size:11px;color:#a0a0a0;line-height:17px;}
.clientspeak-right span{font-size:11px;color:#666;}
.customersatisfaction{display:block;margin-top:12px;width:308px;}
.customersatisfaction-tc{background-position:-510px -197px;height:28px;color:#6b90ce;font-size:13px;line-height:28px;text-indent:15px;
font-family:"LucidaGrandeBold";}
.customersatisfaction-cbg{padding:12px 15px;font-size:11px;line-height:14px;height:70px;}
.phone-icon { position: absolute; top: -5px; right: 15px; width: 47px; height: 57px; background-position:-940px -123px;}
.mobapp-imgbg{float:right;margin-left:5px;width:80px;height:66px;background-position:0 -173px;}
.besocialicon{width:148px;height:21px;float:right;margin-left:5px;background-position:-80px -173px;}
a.socialblock{width:21px;height:20px;display:block;float:left;margin-right:5px;}
.partnersiteblock{width:600px;float:right;}
ul.partnerslogo{width:520px;float:right;margin-left:10px;}
ul.partnerslogo li{float:left;list-style-type:none;margin-right:15px;}
.iadi{width:20px;height:20px;display:block;float:left;margin-right:5px;background-position:-80px -194px;}
.ipad{width:20px;height:20px;display:block;float:left;margin-right:5px;background-position:-100px -194px;}
.android{width:20px;height:20px;display:block;float:left;margin-right:5px;background-position:-120px -194px;}
.hwdi{width:20px;height:20px;display:block;float:left;margin-right:5px;background-position:-140px -194px;}
.madi{width:20px;height:20px;display:block;float:left;margin-right:5px;background-position:-160px -194px;}
.ctd{width:20px;height:20px;display:block;float:left;margin-right:5px;background-position:-180px -194px;}
.gdi{width:20px;height:20px;display:block;float:left;margin-right:5px;background-position:-200px -194px;}
.hpp{width:20px;height:20px;display:block;float:left;margin-right:5px;background-position:-220px -194px;}
.ser-icon1{background-position:0 0;}
.ser-icon2{background-position:0 -38px;}
.ser-icon3{background-position:0 -68px;}
.ser-icon4{background-position:0 -107px;}
.ser-icon5{background-position:0 -141px;}
.ser-icon6{background-position:0 -178px;}
.ser-icon7{background-position:0 -220px;}
.ser-icon8{background-position:0 -256px;}
.ser-icon9{background-position:0 -299px;}
.iphoneapp{background-position:-178px -234px;width:33px;height:55px;display:block;margin:auto;margin-bottom:5px;}
.ipadapp{background-position:-178px -290px;width:42px;height:55px;display:block;margin:auto;margin-bottom:5px;}
.androidapp{background-position:-178px -192px;width:42px;height:42px;display:block;margin:auto;margin-bottom:5px;}
.blackberryapp{background-position:0px -336px;width:40px;height:42px;display:block;margin:auto;margin-bottom:5px;}
.windowsapp{background-position:-178px -347px;width:42px;height:35px;display:block;margin:auto;margin-bottom:5px;}
.symbianapp{background-position:-217px -347px;width:42px;height:35px;display:block;margin:auto;margin-bottom:5px;}
.apple{background-position:-180px -129px;width:69px;height:64px;display:block;}
.php{background-position:-109px -193px;width:69px;height:64px;display:block;}
.net{background-position:-39px -67px;width:69px;height:64px;display:block;}
.wp{background-position:-40px -323px;width:69px;height:64px;display:block;}
.rail{background-position:-40px -131px;width:69px;height:64px;display:block;}
.drupal{background-position:-40px -195px;width:69px;height:64px;display:block;}
.flash{background-position:-40px -259px;width:69px;height:64px;display:block;}
.joomla{background-position:-41px -3px;width:69px;height:64px;display:block;}
.java{background-position:-112px -129px;width:69px;height:64px;display:block;}
.ajax{background-position:-108px -323px;width:69px;height:64px;display:block;}
.flex{background-position:-178px -2px;width:69px;height:64px;display:block;}
.magento{background-position:-109px -2px;width:69px;height:64px;display:block;}
.zend{background-position:-178px -64px;width:69px;height:64px;display:block;}
.xcart{background-position:-109px -257px;width:69px;height:64px;display:block;}
/*.cf{background-position:-110px -66px;width:69px;height:64px;display:block;}*/
a.techicon15{background-position:-178px -128px;width:69px;height:64px;display:block;border:3px solid #292929;}
a:hover.techicon15{border:3px solid #fff;}
a.techicon9{background-position:-109px -192px;width:69px;height:64px;display:block;border:3px solid #292929;}
a:hover.techicon9{border:3px solid #fff;}
a.techicon2{background-position:-40px -64px;width:69px;height:64px;display:block;border:3px solid #292929;}
a:hover.techicon2{border:3px solid #fff;}
a.techicon6{background-position:-40px -320px;width:69px;height:64px;display:block;border:3px solid #292929;}
a:hover.techicon6{border:3px solid #fff;}
a.techicon3{background-position:-40px -128px;width:69px;height:64px;display:block;border:3px solid #292929;}
a:hover.techicon3{border:3px solid #fff;}
a.techicon4{background-position:-40px -192px;width:69px;height:64px;display:block;border:3px solid #292929;}
a:hover.techicon4{border:3px solid #fff;}
a.techicon5{background-position:-40px -256px;width:69px;height:64px;display:block;border:3px solid #292929;}
a:hover.techicon5{border:3px solid #fff;}
a.techicon1{background-position:-40px 0px;width:69px;height:64px;display:block;border:3px solid #292929;}
a:hover.techicon1{border:3px solid #fff;}
a.techicon10{background-position:-109px -128px;width:69px;height:64px;display:block;border:3px solid #292929;}
a:hover.techicon10{border:3px solid #fff;}
a.techicon7{background-position:-109px -320px;width:69px;height:64px;display:block;border:3px solid #292929;}
a:hover.techicon7{border:3px solid #fff;}
a.techicon13{background-position:-178px 0px;width:69px;height:64px;display:block;border:3px solid #292929;}
a:hover.techicon13{border:3px solid #fff;}
a.techicon12{background-position:-109px 0px;width:69px;height:64px;display:block;border:3px solid #292929;}
a:hover.techicon12{border:3px solid #fff;}
a.techicon14{background-position:-178px -64px;width:69px;height:64px;display:block;border:3px solid #292929;}
a:hover.techicon14{border:3px solid #fff;}
a.techicon8{background-position:-109px -256px;width:69px;height:64px;display:block;border:3px solid #292929;}
a:hover.techicon8{border:3px solid #fff;}
a.techicon11{background-position:-109px -64px;width:69px;height:64px;display:block;border:3px solid #292929;}
a:hover.techicon11{border:3px solid #fff;}

#home-banner-wrapper{width:930px;height:268px;background:url(../images/banner-shadow.jpg) no-repeat left top;position:relative;
padding:10px 10px 30px 12px;margin:0 auto;}
ul#slider1 li{position:relative !important;}
ul#slider1 li{display:none;}
ul#slider1 li.first{display:block;}
.bx-pager{text-align:center;position:absolute;bottom:-35px;left:380px;margin:0 auto;width:200px;}
.bx-pager a{margin-right:5px;padding:0;background:url(../images/mainbg.jpg) no-repeat -988px -87px;display:inline-block;width:13px;
height:13px;}
.bx-pager a.pager-active{background:url(../images/mainbg.jpg) no-repeat -988px -100px;}
.client-img{background:url(../images/mainbg.jpg) no-repeat -1017px -124px;width:152px;height:109px;float:left;margin-bottom:10px;}
.iphone-tech{background:url(../images/sprites.png) 0px -993px no-repeat;width:190px;height:90px;display:block;}
.android-tech{background:url(../images/sprites.png) -193px -988px no-repeat;width:190px;height:90px;display:block;}
.bb-tech{background:url(../images/sprites.png) -387px -989px no-repeat;width:190px;height:90px;display:block;}
.php-tech{background:url(../images/sprites.png) -573px -987px no-repeat;width:190px;height:90px;display:block;}
.net-tech{background:url(../images/sprites.png) 0 -1073px no-repeat;width:190px;height:90px;display:block;}
.rail-tech{background:url(../images/sprites.png) -198px -1073px no-repeat;width:190px;height:90px;display:block;}
.ajax-tech{background:url(../images/sprites.png) -388px -1084px no-repeat;width:190px;height:90px;display:block;}
.banner1{background:url(../images/sprites.png) 0px 0px no-repeat;width:899px;height:171px;display:block;padding-top:75px;padding-left:27px;}
.banner1 h1{font-size:26px;font-family:'mentone_ligbold',Arial,Helvetica,sans-serif;font-weight:normal;color:#fff;font-weight:normal;
line-height:28px;padding-bottom:7px;}.banner1 h1 em{color:#88ed85;font-style:normal;}
.banner1 span{color:#829cc4;font:normal 12px "LucidaGrandeRegular",Arial,Helvetica,sans-serif;}
.banner2{background:url(../images/sprites.png) 0px -246px no-repeat;width:926px;height:245px;display:block;}
.banner3{background:url(../images/sprites.png) 0 -491px no-repeat;width:930px;height:245px;display:block;}
.banner4{background:url(../images/sprites.png) 0px -738px no-repeat;width:307px;height:246px;display:block;float:left;}
.banner5{background:url(../images/sprites.png) -307px -738px no-repeat;width:310px;height:246px;display:block;float:left;}
.banner6{background:url(../images/sprites.png) -614px -738px no-repeat;width:312px;height:246px;display:block;float:left;}
.glacian-img { background:url(../images/sprites.png) -81px -1514px no-repeat;width:88px;height:28px;position:absolute;top:-9px;right:0px;
z-index:10;}
.glacian-img1 { background:url(../images/sprites.png) -80px -1542px no-repeat;width:82px;height:34px;position:absolute;top:-18px;
right:0px;z-index:10;}
.merry-crismas {background:url(../images/sprites.png) 1px -1427px no-repeat;width:366px;height:87px;position:absolute;top:0px;left:15px;
z-index:10;}.chrismas-cap{background:url(../images/sprites.png) 0px -1514px no-repeat;width:80px;height:109px;position:absolute;top:-9px;
right:-28px;z-index:10;}.clientdiv { color:#878787; float: left; font-family: 'LucidaGrandeRegular'; font-size: 11px; margin: 10px 0;
 padding:10px 0 20px 0; text-align: center; width: 100%;background:url(../images/client-back.jpg) top left repeat-x;}
.clientdiv span {color:#656565;}
.copyright-new {background:url(../images/sprites.png) -100px -1407px no-repeat;width:234px;height:16px;display:block;margin:0 auto;}
.bot-apple {background:url(../images/sprites.png) 0px -1407px no-repeat;width:20px;height:20px;display:inline-block;vertical-align:middle;
margin-right:3px;}
.bot-android {background:url(../images/sprites.png) -21px -1407px no-repeat;width:20px;height:20px;display:inline-block;
vertical-align:middle;margin-right:5px;}
.bot-bb {background:url(../images/sprites.png) -40px -1407px no-repeat;width:20px;height:20px;display:inline-block;vertical-align:middle;
margin-right:5px;}
.bot-windoes {background:url(../images/sprites.png) -60px -1407px no-repeat;width:20px;height:20px;display:inline-block;
vertical-align:middle;margin-right:5px;}
.bot-symbian {background:url(../images/sprites.png) -80px -1407px no-repeat;width:20px;height:20px;display:inline-block;
vertical-align:middle;}
.happynewyear {background:url(../images/sprites.png) -311px -1265px no-repeat;width:366px;height:87px;position:absolute;top:0px;left:15px;
z-index:10;}
.mainbg{background:url(../img/mainbg.jpg) no-repeat 0 0;}.menubg{background:url(../images/menubg.png) no-repeat 0 0;}

.iphoneapp{background-position:-178px -234px;width:33px;height:55px;display:block;margin:0 auto 5px;}
.ipadapp{background-position:-178px -290px;width:42px;height:55px;display:block;margin:0 auto 5px;}
.androidapp{background-position:-178px -185px;width:42px;height:55px;display:block;margin:0 auto 5px;}
.blackberryapp{background-position:0px -332px;width:40px;height:42px;display:block;margin:0 auto 5px;}
.windowsapp{background-position:-178px -347px;width:42px;height:35px;display:block;margin:0 auto 5px; padding:30px 0 0;}
.symbianapp{background-position:-217px -347px;width:42px;height:35px;display:block;margin:0 auto 5px;}

#menu { float:left;width:573px;}
#menu ul { padding:0px;margin:0px;}
#menu li {float:left;height:32px;color:#fff;text-shadow:1px 1px 1px #2b539c;text-decoration:none;font-size:12px;list-style-type:none;
font-family:'LucidaGrandeBold',Arial,Helvetica,sans-serif;font-weight:normal;width:100px;}
#menu li a {float:left;padding:0px 10px;line-height:32px;color:#fff;text-shadow:1px 1px 1px #2b539c;text-decoration:none;font-size:12px;}
#menu li a:hover { background:#000;-webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;border-top-left-radius: 3px;border-top-right-radius: 3px;color:#fff;}
#menu div {position: absolute; left: -9999px;top:100%; z-index:1;padding:0px 0 0px 0px;}
#menu>ul>li:hover>div { z-index:2;position:relative;left:-243px;top:0px;}
#menu .sub-menu {max-height:199px;width:918px;float:none;margin:0px;padding:0px 10px;height:auto;background:#181a1d url(../img/top-back.png)
top center no-repeat;overflow: hidden;z-index:1;-o-transition: padding .20s, height .25s; -webkit-transition: padding .25s, height .25s;
-moz-transition: padding .25s, height .25s; -ms-transition:padding .25s, height .25s; transition: padding .25s, height .25s;
border-bottom:5px solid #f49a2b;padding-top:11px;position:relative;top:0px;}
#menu .sub-menu li {-o-transition:background:url(../img/back-hover.png) top center no-repeat;height:93px;padding:15px 0px 0px 0px;
width:90px;margin-right:12px;text-align:center;}
#menu .sub-menu li a { font-size:11px;color:#fff;font-weight:normal;text-transform:uppercase;font-family:Arial, Helvetica, sans-serif;
padding:0px;margin:0px;float:none;line-height:normal;}
#menu .sub-menu li a:hover { background:none;}
#menu .sub-menu li:hover { background:url(../img/back-hover.png) top left no-repeat;height:288px;background-color:none !important;}
#menu .sps_list {display: block;left:0;top:133px;z-index:0;padding:0;width:100%;height:113px;
background:url(../img/chooseshaddow.png) top center no-repeat #000;margin-top:11px;opacity:0; -o-transition:}
#menu .sub-menu li .sps_list li { text-align:left;line-height:24px;height:auto !important;}
#menu .sub-menu li .sps_list li:hover { background:none;}
#menu div li:hover .sps_list { top:109px; z-index: 1; opacity: 1; -o-transition: opacity .25s; -webkit-transition: opacity .25s; 
-moz-transition: opacity .25s; -ms-transition: opacity .25s; transition: opacity .25s; }
#menu div:hover li .sps_list { padding-bottom: 5em; height: 69px; -o-transition: padding .25s, height .25s, opacity .25s; 
-webkit-transition: padding .25s, height .25s, opacity .25s; -moz-transition: padding .25s, height .25s, opacity .25s; -ms-transition:
 padding .25s, height .25s, opacity .25s; transition: padding .25s, height .25s, opacity .25s;}
#menu div div div{ position: static;padding:0px;background:none;float:left;}
#menu div div div.sublist { padding:10px 20px;margin:0px;width:857px;float:left;height:171px;}
#menu div div div.sublist ul { margin:0px;padding:0px;list-style:none;width:200px;float:left;}
#menu div div div.sublist li {margin:0px;padding:0px;list-style-type:none;display:block;width:200px;float:left;}
#menu div div div.sublist li a { color:#d9d9d9;font: normal 12px "LucidaGrandeRegular", Arial, Helvetica, sans-serif;line-height:24px;
background:url(../img/menu-bullets.jpg) 0 3px no-repeat;padding-left:15px;text-decoration:none;line-height:24px;text-transform:capitalize;}
#menu div div div.sublist li a:hover { color:#fff;background:url(../img/menu-bullets.jpg) 0 3px no-repeat;}
#subNav li ul li a{ font-size:11px !important;}
#subNav li ul{padding:0 0 0 0px;}
#subNav li ul li:last-child{ border-bottom:none !important;}
#subNav li ul li{ background:#fff;}


/*--------------------------------------------------
:: icon
--------------------------------------------------*/
.block-1 a{ text-align:center;}
.icon{ width:150px;  padding: 150px 0 0; color:#000;display:block;}
.web{background:url(../images/icon-app.png)  no-repeat scroll 0 0 transparent;}
.mob{background:url(../images/icon-app.png)  no-repeat scroll -150px 0 transparent;}
.eng{background:url(../images/icon-app.png)  no-repeat scroll -300px 0 transparent ;}


/*-------------------------------------------------- 
:: slider
--------------------------------------------------*/
.slider {width:654px !important;height:400px;margin:0 auto 20px;}
.items {display:none;}
.page-home-sd-main .slider{ width:100% !important; margin:0;}
.pagination {position:absolute;bottom:0px;left:/*45px 90*/162px;z-index:98;}
.pagination ul {margin:0px 0px 0 0;}
.pagination li {float:left; margin:0 6px 0 0px; }
.pagination li a {height:70px; width:85px; display:block; padding:2px; }
.pagination li.current a {background:#302e2e !important; }
.pagination li:hover a {background:#fff; }
.banner {display:block; position:absolute; left:0px; top:150px; z-index:99; width:450px;}
.banner p {margin-left:10px;}
.banner strong { display:block; color:#302e2e;/* margin-top:-22px; */}
.banner strong:first-child {margin-top:0 !important;}
.banner strong+strong+strong {/*margin-top:-23px !important;*/}
.banner strong+strong+strong+strong {margin-top:-34px !important;}
.font-1 { font-size:25px; line-height:50px; letter-spacing:0px;}
.font-2 {font-size:30px; line-height:70px; letter-spacing:0px;}
.banner a {background: none repeat scroll 0 0 #1E1E1E;border-radius: 5px 5px 5px 5px;border-top: 1px solid #000000;
color: #fff;display: inline-block;font-size: 25px;letter-spacing: 0;line-height: 0;margin: 22px 0 0 10px;padding: 7px 20px;}
.banner a:hover {background:#393939;}

/*--------------------------------------------------
:: modules
--------------------------------------------------*/
div.box {position: relative;padding: 43px 45px 0 45px;border: 1px solid #e5e5e5;border-bottom: 0;}
div.box span.r, div.box span.l {position: absolute;top: -1px;left: -1px;display: block;width: 5px;height: 5px;
background: url(../images/bg-corner-left.gif) no-repeat;}
div.box span.r {left: auto;right: -1px;background: url(../images/bg-corner-right.gif) no-repeat;}
div.box img.content-img {display: block;margin-bottom: -20px;height: auto;}
div.box img.banner2 {display: block;margin-bottom: -35px;height: 129px;}
div.box img.content-img.noTitle {margin-bottom: 0;}
div.box img.content-img.padBottom {margin-bottom: 10px;}
div.box div.links {background: url(../images/bg-link.gif) no-repeat;height: 40px;line-height: 48px;margin: 0 -46px 0 -46px;
padding: 0 18px;
text-align: right;}

/*--------------------------------------------------
:: footer
--------------------------------------------------*/
#footer {margin-top: 30px;}
#footer ul {margin-bottom: 10px;padding: 5px 10px 5px 3px;border-top: 1px solid #e4e4e4;border-bottom: 1px solid #e4e4e4;}
#footer ul li {display: inline;float: left;padding: 0 10px 0 7px;background: url(../images/i_bgBullet.png) no-repeat 100% 50%;}
#footer ul li a {font-size: 11px;}
#footer ul li.last {background: none;}
#footer img {float: right;display: inline;}
#footer p {font-size: 10px;color: #999;text-align: left;margin-left: 10px;}

/*--------------------------------------------------
:: portfolio
--------------------------------------------------*/
#filter a{color: #757373;display:block;padding: 8px 10px; font-size:13px; border-bottom:1px dotted #8B8A8A;}
#filter a:hover{text-decoration:none; background:none repeat scroll 0 0 #F1F1F1;}
#filter a:first-child{}
#filter a.active{}
#filter{ margin:0px 0 0;}
#portfolio .project-name{ font-size: 18px; margin-top: 15px; color:#e4e4e4; border-left:4px solid #707172; padding:0 0 0 9px;
margin:15px;}
.page-sd-portfolio .box{ padding:0; border:none;}
#portfolio li{float: left;height: 275px;list-style: none outside none;margin:10px 12px 25px;position: relative;width: 300px;
-moz-box-shadow:0 1px 5px #b4b4b4;-webkit-box-shadow:0 1px 5px #b4b4b4;box-shadow:0 1px 5px #b4b4b4;background: #383E45;
border: 1px solid #bfbfbf;}
#portfolio ul{overflow:hidden;}
#portfolio ul.hidden{display:none;}

.see-more{ background:url(../images/see-more.png) no-repeat; width:10px; height:10px;}
.link{ background:url(../images/link.png) no-repeat; width:16px; height:7px;}

/*--------------------------------------------------
:: portfolio-details
--------------------------------------------------*/
img{max-width:100%;width:auto\9;height:auto;}
table{max-width:100%;background-color:transparent;border-collapse:collapse;border-spacing:0}
.table{width:100%;margin-bottom:16px}
.table th,.table td{padding:8px 20px;line-height:16px;text-align:left;vertical-align:top;border-top:1px dotted #d5d4d4;} 

.nav{margin-left:0;margin-bottom:16px;list-style:none}
.nav>li>a{display:block}
.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}
.nav-list .divider{*width:100%;height:1px;margin:7px 1px; *margin:-5px 0 5px;overflow:hidden;background-color:#e5e5e5;
border-bottom:1px solid #fff}
.nav-tabs:before,.nav-pills:before,.nav-tabs:after,.nav-pills:after{display:table;content:"";line-height:0}
.nav-tabs:after,.nav-pills:after{clear:both}
.nav-tabs>li,.nav-pills>li{float:left}
.nav-tabs>li{margin-bottom:-1px}.
.nav-tabs>li>a:hover,.nav-tabs>li>a:focus{border-color:#eee #eee #ddd}
.nav-tabs>.active>a,.nav-tabs>.active>a:hover,.nav-tabs>.active>a:focus{color:#666;background-color:#fff;border:1px solid #ddd;
border-bottom-color:transparent;cursor:default}

.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.flexslider .slides,.flexslider1 .slides{list-style:none outside none;margin:0}

.fancybox-opened{z-index:9002}
.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);
box-shadow:0 10px 25px rgba(0,0,0,0.5); width:auto !important}
.fancybox-nav{position:absolute;top:0;width:100%;height:100%;cursor:pointer;text-decoration:none;
background:transparent url('../img/fancybox/blank.gif');-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:9003}
.fancybox-prev{left:0}
.fancybox-next{right:0}
.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:9001;
background:url('../img/fancybox/fancybox_overlay.png')}

.btn-primary{border-color:#2b79cc;background:#2d81d7;color:#fff;
background: rgb(96,100,106);
background: -moz-linear-gradient(top, rgba(96,100,106,1) 1%, rgba(72,77,84,1) 50%, rgba(56,62,69,1) 53%, rgba(56,62,69,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(96,100,106,1)), color-stop(50%,rgba(72,77,84,1)), 
color-stop(53%,rgba(56,62,69,1)), color-stop(100%,rgba(56,62,69,1))); 
background: -webkit-linear-gradient(top, rgba(96,100,106,1) 1%,rgba(72,77,84,1) 50%,rgba(56,62,69,1) 53%,rgba(56,62,69,1) 100%);
background: -o-linear-gradient(top, rgba(96,100,106,1) 1%,rgba(72,77,84,1) 50%,rgba(56,62,69,1) 53%,rgba(56,62,69,1) 100%);
background: -ms-linear-gradient(top, rgba(96,100,106,1) 1%,rgba(72,77,84,1) 50%,rgba(56,62,69,1) 53%,rgba(56,62,69,1) 100%);
background: linear-gradient(to bottom, rgba(96,100,106,1) 1%,rgba(72,77,84,1) 50%,rgba(56,62,69,1) 53%,rgba(56,62,69,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60646a', endColorstr='#383e45',GradientType=0 );}
.btn-primary:hover{-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2),inset 0 0 1px #fff;-moz-box-shadow:0 1px 2px rgba(0,0,0,0.2),inset 0 0 1px 
#fff;box-shadow:0 1px 2px rgba(0,0,0,0.2),inset 0 0 1px #fff;border-color:#0f539b;background:0;color:#fff !important;
text-shadow:-1px -1px 1px rgba(0,0,0,0.2);
background: rgb(85,89,94);
background: -moz-linear-gradient(top, rgba(85,89,94,1) 1%, rgba(57,60,66,1) 50%, rgba(37,41,45,1) 53%, rgba(48,52,58,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(85,89,94,1)), color-stop(50%,rgba(57,60,66,1)), 
color-stop(53%,rgba(37,41,45,1)), color-stop(100%,rgba(48,52,58,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(85,89,94,1) 1%,rgba(57,60,66,1) 50%,rgba(37,41,45,1) 53%,rgba(48,52,58,1) 100%);
background: -o-linear-gradient(top, rgba(85,89,94,1) 1%,rgba(57,60,66,1) 50%,rgba(37,41,45,1) 53%,rgba(48,52,58,1) 100%);
background: -ms-linear-gradient(top, rgba(85,89,94,1) 1%,rgba(57,60,66,1) 50%,rgba(37,41,45,1) 53%,rgba(48,52,58,1) 100%);
background: linear-gradient(to bottom, rgba(85,89,94,1) 1%,rgba(57,60,66,1) 50%,rgba(37,41,45,1) 53%,rgba(48,52,58,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55595e', endColorstr='#30343a',GradientType=0 );}

[class^="icon-"],[class*=" icon-"]{width:auto}
#tab_preview{-webkit-border-top-right-radius:6px;-moz-border-radius-topright:6px;border-top-right-radius:6px;
-webkit-border-top-left-radius:6px;-moz-border-radius-topleft:6px;border-top-left-radius:6px;
-webkit-box-shadow:0 1px 1px 1px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 1px 1px rgba(0,0,0,0.1);box-shadow:0 1px 1px 1px rgba(0,0,0,0.1);
margin:0;border:1px solid #d9d9d9;background:#f5f5f5;list-style:0}
#tab_preview li{border-right:1px solid #d9d9d9}
#tab_preview li:first-child a{-webkit-border-top-left-radius:6px;-moz-border-radius-topleft:6px;border-top-left-radius:6px}
#tab_preview li.active a{color:#000}
#tab_preview a{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;margin:0;padding:15px 26px 15px 20px;border:0;color:#0179c6;
font-size:16px;}
#tab_preview a:hover{background:#fff;color:#000}
.tab-content{background:#fff;border:1px solid #d9d9d9;border-top:0;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2);-moz-box-shadow:
0 1px 3px rgba(0,0,0,0.2);box-shadow:0 1px 3px rgba(0,0,0,0.2);-webkit-border-bottom-right-radius:6px;-moz-border-radius-bottomright:6px;
border-bottom-right-radius:6px;-webkit-border-bottom-left-radius:6px;-moz-border-radius-bottomleft:6px;border-bottom-left-radius:6px;}
.tab-content .tab-inner-indent{padding:0 34px 0 28px}
.tab-content h3{margin:0;padding:9px 0 9px 20px;color:#999;font-weight:300;font-size:15px;line-height:28px}
.tab-content p{margin-bottom:22px;color:#000;line-height:18px}

.magnifier{position:relative;display:block;height:auto}
.magnifier span,.magnifier strong{width:100%;height:100%;opacity:0;filter:alpha(opacity=0);position:absolute;top:0;left:0;display:block}
.magnifier-main{position:relative;display:block;height:auto}
.thumbnail a.zoom{width:60px;height:60px;opacity:0;filter:alpha(opacity=0);position:absolute;top:70px;left:50%;display:block;
margin:0 0 0 -36px;padding:0 !important;background-position:-895px -165px;display:none !important}
.thumbnail a.zoom:hover{background-position:-895px -235px}
.magnifier span{z-index:5;background:#000}
.magnifier strong{z-index:10;background:url(../images/magnifier.png) 50% 50% no-repeat}
.preview-window{text-align:center}
.flexslider1{display:block;min-height:350px}
.flexslider1 .slides li a{display:inline-block;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
border:4px solid #f9f9f9;}

.template-preview{position:relative;margin:0 0 67px;padding:0 0 5px 0;text-align:center;}
.template-preview a.view{display:block;overflow:hidden;max-height:531px}
.template-preview .block-btn-view{position:absolute;bottom:-21px;left:0;z-index:100;width:100%;text-align:center}
.template-preview .btn{padding:16px 54px;font-size:16px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}

/*--------------------------------------------------
:: keyframe animation
--------------------------------------------------*/
.he-wrap{position:relative;zoom:1;display:inline-block;*display:inline;position:relative}
.he-view,.he-zoom{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;visibility:hidden}
.he-zoom img{position:absolute;top:0;left:0}
.he-zoomstate{position:absolute;bottom:0;right:0;background:#c00;color:#fff;border-radius:3px 0 0 0;
font-size:12px;line-height:16px;padding:0 4px;box-shadow:-1px -1px 1px rgba(204,0,0,.3)}
.he-view-show{visibility:visible}
.he-sliders{overflow:hidden}
.he-sliders img{display:none}
.he-sliders img:first-child{display:inline-block;*display:inline;*zoom:1}
.he-pre,.he-next{position:absolute;top:50%;left:0;width:61px;height:35px;margin-top:-18px;background:url(nav.png) no-repeat top left;
cursor:pointer}.he-next{left:auto;right:0;background-position:top right}
.a0,.a1,.a2,.a3,.a4,.a5,.a6,.a7{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.6s;-moz-animation-duration:.6s;-ms-animation-duration:.6s;
-o-animation-duration:.6s;animation-duration:.6s}.a1{-webkit-animation-delay:.2s;-moz-animation-delay:.2s;-o-animation-delay:.2s;
animation-delay:.2s}.a2{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}
.a3{-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-o-animation-delay:.6s;animation-delay:.6s}
.a4{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}
.a5{-webkit-animation-delay:1s;-moz-animation-delay:1s;-o-animation-delay:1s;animation-delay:1s}
.a6{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}
.a7{-webkit-animation-delay:1.4s;-moz-animation-delay:1.4s;-o-animation-delay:1.4s;animation-delay:1.4s}

@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-100%)}100%{opacity:1;-webkit-transform:translateY(0%)}}
@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-100%)}100%{opacity:1;-moz-transform:translateY(0%)}}
@-o-keyframes fadeInDown{0%{opacity:0;-o-transform:translateY(-100%)}100%{opacity:1;-o-transform:translateY(0%)}}
@keyframes fadeInDown{0%{opacity:0;transform:translateY(-100%)}100%{opacity:1;transform:translateY(0%)}}

.fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown}

@-webkit-keyframes bounceInLeft{
	0%{-webkit-transform:translateX(-1000px)}
	34%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateX(0px)}
	52%{-webkit-transform:translateX(-24px);-webkit-animation-timing-function:ease-in}
	70%{-webkit-transform:translateX(0px);-webkit-animation-timing-function:ease-out}
	79%{-webkit-transform:translateX(-8px);-webkit-animation-timing-function:ease-in}
	88%{-webkit-transform:translateX(0px);-webkit-animation-timing-function:ease-out}
	94%{-webkit-transform:translateX(-3px);-webkit-animation-timing-function:ease-in}
	100%{-webkit-transform:translateX(0px)}}
@-moz-keyframes bounceInLeft{
	0%{-moz-transform:translateX(-1000px)}
	34%{-moz-animation-timing-function:ease-out;-moz-transform:translateX(0px)}
	52%{-moz-transform:translateX(-24px);-moz-animation-timing-function:ease-in}
	70%{-moz-transform:translateX(0px);-moz-animation-timing-function:ease-out}
	79%{-moz-transform:translateX(-8px);-moz-animation-timing-function:ease-in}
	88%{-moz-transform:translateX(0px);-moz-animation-timing-function:ease-out}
	94%{-moz-transform:translateX(-3px);-moz-animation-timing-function:ease-in}
	100%{-moz-transform:translateX(0px)}}
@-o-keyframes bounceInLeft{
	0%{-o-transform:translateX(-1000px)}
	34%{-o-animation-timing-function:ease-out;-o-transform:translateX(0px)}
	52%{-o-transform:translateX(-24px);-o-animation-timing-function:ease-in}
	70%{-o-transform:translateX(0px);-o-animation-timing-function:ease-out}
	79%{-o-transform:translateX(-8px);-o-animation-timing-function:ease-in}
	88%{-o-transform:translateX(0px);-o-animation-timing-function:ease-out}
	94%{-o-transform:translateX(-3px);-o-animation-timing-function:ease-in}
	100%{-o-transform:translateX(0px)}}
@keyframes bounceInLeft{
	0%{transform:translateX(-1000px)}
	34%{animation-timing-function:ease-out;transform:translateX(0px)}
	52%{transform:translateX(-24px);animation-timing-function:ease-in}
	70%{transform:translateX(0px);animation-timing-function:ease-out}
	79%{transform:translateX(-8px);animation-timing-function:ease-in}
	88%{transform:translateX(0px);animation-timing-function:ease-out}
	94%{transform:translateX(-3px);animation-timing-function:ease-in}
	100%{transform:translateX(0px)}}
	
.bounceInLeft{-webkit-animation-name:bounceInLeft;-moz-animation-name:bounceInLeft;-o-animation-name:bounceInLeft;
animation-name:bounceInLeft}

@-webkit-keyframes bounceInRight{
	0%{-webkit-transform:translateX(1000px)}
	34%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateX(0px)}
	52%{-webkit-transform:translateX(24px);-webkit-animation-timing-function:ease-in}
	70%{-webkit-transform:translateX(0px);-webkit-animation-timing-function:ease-out}
	79%{-webkit-transform:translateX(8px);-webkit-animation-timing-function:ease-in}
	88%{-webkit-transform:translateX(0px);-webkit-animation-timing-function:ease-out}
	94%{-webkit-transform:translateX(3px);-webkit-animation-timing-function:ease-in}
	100%{-webkit-transform:translateX(0px)}}
@-moz-keyframes bounceInRight{
	0%{-moz-transform:translateX(1000px)}
	34%{-moz-animation-timing-function:ease-out;-moz-transform:translateX(0px)}
	52%{-moz-transform:translateX(24px);-moz-animation-timing-function:ease-in}
	70%{-moz-transform:translateX(0px);-moz-animation-timing-function:ease-out}
	79%{-moz-transform:translateX(8px);-moz-animation-timing-function:ease-in}
	88%{-moz-transform:translateX(0px);-moz-animation-timing-function:ease-out}
	94%{-moz-transform:translateX(3px);-moz-animation-timing-function:ease-in}
	100%{-moz-transform:translateX(0px)}}
@-o-keyframes bounceInRight{
	0%{-o-transform:translateX(1000px)}
	34%{-o-animation-timing-function:ease-out;-o-transform:translateX(0px)}
	52%{-o-transform:translateX(24px);-o-animation-timing-function:ease-in}
	70%{-o-transform:translateX(0px);-o-animation-timing-function:ease-out}
	79%{-o-transform:translateX(8px);-o-animation-timing-function:ease-in}
	88%{-o-transform:translateX(0px);-o-animation-timing-function:ease-out}
	94%{-o-transform:translateX(3px);-o-animation-timing-function:ease-in}
	100%{-o-transform:translateX(0px)}}
@keyframes bounceInRight{
	0%{transform:translateX(1000px)}
	34%{animation-timing-function:ease-out;transform:translateX(0px)}
	52%{transform:translateX(24px);animation-timing-function:ease-in}
	70%{transform:translateX(0px);animation-timing-function:ease-out}
	79%{transform:translateX(8px);animation-timing-function:ease-in}
	88%{transform:translateX(0px);animation-timing-function:ease-out}
	94%{transform:translateX(3px);animation-timing-function:ease-in}
	100%{transform:translateX(0px)}}
	
.bounceInRight{-webkit-animation-name:bounceInRight;-moz-animation-name:bounceInRight;-o-animation-name:bounceInRight;
animation-name:bounceInRight}

/*--------------------------------------------------
:: btn animation
--------------------------------------------------*/
.box{}
.a_slow{-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;-ms-animation-fill-mode: both;-o-animation-fill-mode: both;animation-fill-mode: both;
-webkit-animation-duration: 1.6s;
-moz-animation-duration: 1.6s;-ms-animation-duration: 1.6s;-o-animation-duration: 1.6s;animation-duration: 1.6s;}
.tpl6 .bg{height:100%;width:100%;background-color:#444;background-color:rgba(0,0,0,.5);text-align:center;}
.tpl6 h3{background-color:000;background-color:rgba(0,0,0,.8);color:#fff;
margin:0;padding:8px;font-size:14px;font-weight:normal;text-shadow:1px 1px 3px #000;box-shadow:0 0 5px rgba(0,0,0,.5);}
.tpl6 .btn{display:inline-block;padding:10px;background:#000;text-decoration:none; border:1px solid #929394;
margin:90px 5px 0 5px;color:#ddd;text-shadow:1px 1px 1px rgba(0,0,0,.5);border-radius:3px;box-shadow:1px 1px 3px rgba(0,0,0,.3);}
.tpl6 .btn span{color:#fff;padding:0 4px;font-weight:bold; font-size:14px;}

/*--------------------------------------------------
:: detail-port
--------------------------------------------------*/
.text1{ line-height:22px;font-size:12px;}
.subText{color: #969595;font-size: 11px;}
.arrow{ background:url(../images/arrow_right.png); width:16px; height:20px; float:right; display:block;}
.page-sd-portfolio #leftSash h4{ font-size: 12px; font-weight: bold; margin: 20px 0 5px;}
.page-sd-portfolio #leftSash h2{ margin:15px 0 0; font-weight:bold;}
.pro-link{ padding:5px 0;}

/*--------------------------------------------------
:: clients
--------------------------------------------------*/
.resource_result{width:800px; margin:25px auto 0;}
.resource_list{width:100%;}
.resource_list li{ float:left; width:164px; padding:0 13px; height:225px; display:inline; margin:0 0 11px 11px; position:relative;
background:#f9fcfe; border:1px #dee8ee solid; border-radius:7px;-moz-border-radius:5px; -khtml-border-radius:5px; 
-webkit-border-radius:5px; }
.resource_list li .res_title{ font-size:16px; text-align:center; height:52px;}
.resource_list li {width: 238px;height: 190px;padding: 5px;margin: 8px;position: relative;
-moz-box-shadow: 0px 1px 2px #ccc;-webkit-box-shadow: 0px 1px 2px #ccc;box:shadow:0px 1px 2px #ccc;background-color:#f9f9f9;
border:1px solid #dfdfdf;}
.resource_list li .res_img {margin: 0 0 5px 0;}
.resource_list li .res_title a {color: #8d8c8c;font-size: 14px;}
.resource_list li .res_title a:hover{ color:#fff !important;}
.resource_list li .res_title {position:absolute;bottom:5px;width:238px;margin-top: 0px ;height:20px;background:#383E45;overflow:hidden;}
.item_meta {background: #383E45;margin:5px 0 0 -5px;height:31px;font-size:11px;font-weight:normal;}
.sub-title {color: #8d8c8c;font-weight: normal;line-height: 16px;}

.content-services{ min-height:500px; width:100%;}.page-services div.box{/* padding:0;*/}


/*--------------------------------------------------
:: technology focus
--------------------------------------------------*/
.page-technology-focus .box{ padding:0; border:0;}
.tech-box{width:180px;height:150px;float:left; margin:0px 0 8px 0;border-right:dotted 1px #b6b6b6;padding:12px;}
.tech-line{width:150px;height:2px;float:left; margin:10px 0 0 30px;border-top:dotted 1px #b6b6b6;padding:0 12px 12px;}
.first{margin-left: 15px;}
.none{border-right: none;}
.page-tech-details .box ul li{ font-weight:bold; color:#2A343A;}
.view {overflow: hidden;position: relative;text-align: center;cursor: default;}
.view .mask,.view .content {width: 180px;height: 180px;position: absolute;overflow: hidden;top: 0;left: 0;}
.view img {display: block;position: relative;}
.view h2 {
color: #fff;text-align: center;position: relative;font-size: 14px;padding: 5px;background: rgba(0, 0, 0, 0.8);margin: 0px 0 5px 0;}
.view p {font-style: italic;font-size: 12px;position: relative;color: #fff;padding: 0px 15px 0px;text-align: center;}
.view a.info {display: inline-block;text-decoration: none;padding: 7px 14px;background: #000;
color: #fff;-webkit-box-shadow: 0 0 1px #000;-moz-box-shadow: 0 0 1px #000;box-shadow: 0 0 1px #000;}
.view a.info:hover {-webkit-box-shadow: 0 0 5px #000;-moz-box-shadow: 0 0 5px #000;box-shadow: 0 0 5px #000; color:#fff !important;}

.view-fourth img {-webkit-transition: all 0.4s ease-in-out 0.2s;
-moz-transition: all 0.4s ease-in-out 0.2s;-o-transition: all 0.4s ease-in-out 0.2s;-ms-transition: all 0.4s ease-in-out 0.2s;transition: 
all 0.4s ease-in-out 0.2s;-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;}
.view-fourth .mask {
background-color: rgba(0,0,0,0.6);-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;
-webkit-transform: scale(0) rotate(-180deg);
-moz-transform: scale(0) rotate(-180deg);-o-transform: scale(0) rotate(-180deg);-ms-transform: scale(0) rotate(-180deg);
transform: scale(0) rotate(-180deg);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.view-fourth p {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);opacity: 0;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.view-fourth a.info {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);opacity: 0;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.view-fourth:hover .mask {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);
opacity: 1;-webkit-transform: scale(1) rotate(0deg);-moz-transform: scale(1) rotate(0deg);
-o-transform: scale(1) rotate(0deg);-ms-transform: scale(1) rotate(0deg);transform: scale(1) rotate(0deg);
-webkit-transition-delay: 0.2s;-moz-transition-delay: 0.2s;-o-transition-delay: 0.2s;-ms-transition-delay: 0.2s;transition-delay: 0.2s;}
.view-fourth:hover img {-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);
transform: scale(0);-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;
-webkit-transition-delay: 0s;-moz-transition-delay: 0s;-o-transition-delay: 0s;-ms-transition-delay: 0s;transition-delay: 0s;}
.view-fourth:hover h2,.view-fourth:hover p,.view-fourth:hover a.info {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;
-webkit-transition-delay: 0.5s;-moz-transition-delay: 0.5s;-o-transition-delay: 0.5s;-ms-transition-delay: 0.5s;transition-delay: 0.5s;}

/*--------------------------------------------------
:: services scrollbar
--------------------------------------------------*/
.content{ height:450px; overflow:auto;}
.page-services h6, .page-services ul, .page-services p{margin:0 15px 9px;}
.page-services #leftSash ul{margin:0;}
.content-img {display: block;margin-bottom: -20px;height: auto;}
.content p:nth-child(even){color:#999; font-family:Georgia,serif; font-size:17px; font-style:italic;}
.content p:nth-child(3n+0){color:#c96;}
.mCSB_scrollTools .mCSB_draggerRail{width:6px; background:#f1f1f1; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px; background:#555453; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:#000;}
.mCSB_container{width:auto;margin:0 0 0 -5px;overflow:hidden;}
.mCustomScrollBox>.mCSB_scrollTools{width:6px;height:100%;top:0;right:0;}
.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0; height:auto;}
.mCSB_scrollTools .mCSB_draggerRail{/*width:2px;*/height:100%;margin:0 auto;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;height:100%;margin:0 auto;-webkit-border-radius:10px;-moz-border-radius:10px;
border-radius:10px;text-align:center;}