@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro);
@import url(http://fonts.googleapis.com/css?family=Arvo);
.sign-up-input input[type="submit"]:hover, .search input[type="text"]:hover, input[type="submit"]:hover, span, .sign-up-input input[type="text"]:hover, img:hover, li:hover {  }
img { vertical-align: middle; text-decoration: none; max-width: 100%; border: none; height: auto; }
#BackToTop { background: url("../images/backtoptop-button.png") no-repeat scroll 0 0 / 100% auto hsla(0, 0%, 0%, 0); bottom: 6px; color: hsl(0, 0%, 93%); display: none; height: 48px; margin: 0 5px; padding: 3px; position: fixed; right: 40px; text-decoration: none; top: inherit; width: 48px; z-index: 999; }
/*---------------------------------------------------------------------------------------------body css ------------------------------------------------*/






.top-img { background: url("../images/top-img.jpg") repeat-x scroll 0 0 transparent; height: 2px; position: fixed; top: 0; width: 100%; z-index: 99999999; }
.header-bg { height: 46px; width: 100%; }
.top_navi { background: url(../images/header-bg.jpg) repeat-x; height: 46px; position: fixed; width: 100%; z-index: 9999; font-size: 14px; }
.top_navi div.fix_width { height: 52px; }
.fix_width { margin: 0 auto; width: 1024px; }
.top_navi a.home { border-left: 1px solid rgb(8, 8, 8); border-right: 1px solid rgb(70, 70, 70); display: inline-block; float: left; height: 45px; opacity: 0.7; }
.top_navi a.home:hover { opacity: 1; }
.top_navi a.home span { border-left: 1px solid rgb(70, 70, 70); border-right: 1px solid rgb(8, 8, 8); display: inline-block; height: 45px; text-align: center; width: 50px; }
.top_navi .icon.root { width: 17px; }
.top_navi a.home strong { margin-top: 15px; }
.top_navi .icon { background: url("../images/top_navi_icon.png") no-repeat scroll 0 0 transparent; display: inline-block; height: 17px; vertical-align: middle; }
.top_navi div.links a:first-child { border-left: medium none; }
.top_navi div.links a { border-left: 1px solid rgb(66, 66, 66); border-right: 1px solid rgb(8, 8, 8); color: #fff; display: inline-block; font-size: 90%; line-height: 44px; padding: 0 25px; }
a { text-decoration: none; }
.top_navi .icon.phone { background-position: -39px 0; width: 17px; }
.top_navi div.links a span { margin-right: 5px; }
.top_navi .icon.partner { background-position: -59px 0; width: 19px; }
.top_navi div.links a.enquiry:hover { opacity: 0.9; }
.top_navi div.links strong.open { background: url("../images/top_navi_icon_open_close.png") no-repeat scroll center 14px transparent; border-left: 1px solid rgb(66, 66, 66); border-right: 1px solid rgb(8, 8, 8); cursor: pointer; display: inline-block; height: 44px; vertical-align: top; width: 35px; }
.top_navi div.links a.enquiry { background: #037fc9; border-left: medium none; color: rgb(255, 255, 255); font-size: 1.1em; font-weight: 700; line-height: 43px; opacity: 1; padding-bottom: 1px; padding-left: 30px; padding-right: 30px; }
.top_navi .icon.faq { background-position: -19px 0; width: 18px; }
.top_navi div.links { border-right: 1px solid rgb(66, 66, 66); float: right; position: relative; }
.enquiry-btn { display: none; }
.home_banner { position: absolute; top: 45px; width: 100%; background: url(../images/bg1.jpg) center top repeat-x; height: 1008px; }
.slider-wrap { width: 1024px; margin: 0px auto; position: relative; top: 160px; }
.img-div { text-align: center; width: 43%; }
.content-div { background: url(../images/trans-img.png) no-repeat; padding: 28px 0 0 0; width: 563px; height: 275px; }
.content-div h2 { font-family: 'oswaldlight'; font-size: 31px; padding-bottom: 10px; }
.content-div h1 { color: #fff; font-size: 23px; padding: 9px 0; }
.content-div p { font-size: 14px; line-height: 22px; text-align: justify; width: 97%; }
.free_quote { background: none repeat scroll 0 0 rgb(195, 75, 31); border: 0 solid transparent; border-radius: 47px 47px 47px 47px; box-shadow: 0 0 10px #3e4041; float: right; font-size: 18px; height: 35px; margin-right: 58px; margin-top: 20px; padding: 13px 15px 0; text-align: center; font-family: 'oswaldlight'; }
a.free_quote { color: white; }
a.free_quote:hover { opacity: 0.80; }
.container { margin: 0px auto; position: relative; }
.three-boxes { margin: 0 auto; position: relative; width: 100%; z-index: 1; }
.box1 { background: #e0dfdf; border: 6px solid #d1cfcf; border-radius: 8px; width: 100%; padding: 15px 0 25px 0; text-align: center; }
.box1:hover { background: white; cursor: pointer; }
.box1 p { color: #6e7075; font-size: 13px; line-height: 24px; padding-left: 21px; text-align: justify; width: 83%; }
.box1 h1 { font-size: 24px; color: #c34b1f; padding: 15px 0; font-family: 'oswaldlight'; font-weight: normal; }
.box1 h1.mobile { color: #2376c2; }
.box1 h1.design { color: #96a208; }
.box1 p a { color: #bd471c; text-decoration: none; }
.box1 p a:hover { color: #bd471c; text-decoration: underline; }
.box1 p.mobile a { color: #2376c2; text-decoration: none; }
.box1 p.mobile a:hover { color: #2376c2; text-decoration: underline; }
.box1 p.design a { color: #96a208; text-decoration: none; }
.box1 p.design a:hover { color: #96a208; text-decoration: underline; }
.box-shadow { width: 100%; height: 28px; background: url(../images/shadow-box.png) center no-repeat; }
.box { width: 26%; margin: 0 0 0 53px; }
.center, .aligncenter { text-align: center; padding-top: 15px; height: 43px; }
span.osicon, a.osicon { background-image: url("../images/icons.png"); background-repeat: no-repeat; cursor: pointer; display: inline-block; margin: 0 5px; vertical-align: middle; }
a.osicon.php { background-position: 0 0; height: 28px; width: 52px; }
a.osicon.php:hover { background-position: 0 -50px; }
a.osicon.net { background-position: -52px 0; height: 26px; width: 45px; }
a.osicon.net:hover { background-position: -54px -53px; }
a.osicon.java { background-position: -102px 0; height: 45px; width: 75px; }
a.osicon.java:hover { background-position: -102px -50px; }
a.osicon.yahoos { background-position: -450px 0; height: 33px; width: 35px; }
a.osicon.yahoos:hover { background-position: -450px -46px; }
a.osicon.apple { background-position: -183px 0; height: 31px; width: 28px; }
a.osicon.apple:hover { background-position: -183px -47px; }
a.osicon.android { background-position: -210px 2px; height: 34px; width: 29px; }
a.osicon.android:hover { background-position: -211px -45px; }
a.osicon.blackberry { background-position: -240px 2px; height: 27px; width: 42px; }
a.osicon.blackberry:hover { background-position: -240px -45px; }
a.osicon.windows { background-position: -280px 0; height: 30px; width: 38px; }
a.osicon.windows:hover { background-position: -280px -47px; }
a.osicon.ps { background-position: -318px 0; height: 33px; width: 33px; }
a.osicon.ps:hover { background-position: -318px -47px; }
a.osicon.ai { background-position: -350px 0; height: 33px; width: 33px; }
a.osicon.ai:hover { background-position: -350px -47px; }
a.osicon.html5 { background-position: -384px 0; height: 44px; width: 31px; }
a.osicon.html5:hover { background-position: -384px -47px; }
a.osicon.flash { background-position: -416px 0; height: 33px; width: 33px; }
a.osicon.flash:hover { background-position: -416px -46px; }
.content-secion { width: 100%; margin: 30px 0 0 0; }
.heading { background: url("../images/heading-img.png") repeat scroll 0 0 transparent; border-left: 6px solid rgb(213, 213, 213); height: 41px; padding-left: 10px; padding-top: 19px; }
.content-secion h1 { font-size: 18px; color: #40444b; text-shadow: 1px 1px 0px white; font-weight: normal; }
.expertise-div { width: 100%; margin: 22px 0 0 0; }
.achivement { width: 100%; height: 104px; background: url(../images/logos-bg.png) repeat-x; border-radius: 8px; }
.achivement img { padding: 8px 28px 0; }
.achivement img:hover { opacity: 0.76; }
img.lst, .second-last { padding: 0 28px; position: relative; top: -10px; }
.bottom-content { width: 100%; margin: 50px 0 0 0; }
.video { width: 42%; }
.video-pot { width: 100%; text-align: center; margin: 24px 0 0 0; }
.testimonial { width: 53%; }
.testimonial-shadow { width: 100%; height: 22px; background: url(../images/testimonial-shadow.png) center no-repeat; }
.testimonial-div { margin: 24px auto 0; width: 90%; }
.testi { background: white; width: 482px; position: relative; border: 1px solid #d9d9d9; border-radius: 8px; padding-bottom: 38px; }
.testi img { margin: 31px 0 0 41px; }
.testi span { float: right; font-size: 17px; color: #2376c2; font-family: 'oswaldlight'; position: relative; right: 28px; }

.cover-photo { background: url(../images/cover-photo.png) no-repeat; top: 18px; left: 15px; width: 140px; height: 140px; position: absolute; }
p.right { color: rgb(145, 144, 142); float: right; font-size: 12px; line-height: 24px; position: relative; left: 29px; top: 63px; width: 54%; }
p.right img { margin: 0; padding: 0 5px 0 5px; }
.client-logos { background: url(../images/logo-back-shadow.png) center no-repeat; text-align: center; height: 67px; margin: 50px 0 0 0; width: 100%; }
.client-logos img { padding: 15px 10px; }
.footer { width: 100%; background: url(../images/footer-img.jpg) repeat-x #0d182d; overflow: hidden; clear: both; position: relative; top: 386px; }
.footer-content { background: url(../images/effect.png) repeat; width: 100%; margin: 10px 0 0 0; }
.footer-heading { background: url(../images/footer-heading.png) repeat; width: 100%; height: 68px; }
.footer-heading-wrapper { width: 1024px; margin: 0px auto; }
.footer-content h1 { color: white; font-size: 18px; font-weight: normal; padding: 12px 0 25px 8px; width: 100%; }
.footer-content h1.lst-heading { text-align: center; }
.footer-content-wrapper { width: 1024px; margin: 0px auto; }
.div1 { width: 24%; }
.div-map img { margin: 17px; }
.div1 ul li { list-style: none; font-size: 12px; line-height: 24px; color: #d8d8d8; position: relative; top: 6px; }
.div1 ul li a { color: #d8d8d8; text-decoration: none; }
.div1 ul { margin: 0px 0 0 9px; }
ul.links-left { margin: 6px 0 0 8px; }
ul li.ind { background: url(../images/ind.png) left no-repeat; padding: 0 0 0 50px; }
ul li.us { background: url(../images/us.png) left no-repeat; padding: 0 0 0 50px; }
ul li.uk { background: url(../images/uk.png) left no-repeat; padding: 0 0 0 50px; }
ul li.aus { background: url(../images/aus.png) left no-repeat; padding: 0 0 0 50px; }
ul li.singapur { background: url(../images/singapur.png) left no-repeat; padding: 0 0 0 50px; }
ul.flags li { line-height: 35px; }
.div-map { margin: 12px 0 15px 12px; }
.media-icons { background-image: url("../images/media-icons.png"); background-repeat: no-repeat; cursor: pointer; display: inline-block; margin: 20px 5px 0; }
a.media-icons.facebook { background-position: 0 0; height: 33px; width: 32px; }
a.media-icons.facebook:hover { background-position: 0 -33px; height: 33px; width: 32px; }
a.media-icons.twiiter { background-position: -32px 0; height: 33px; width: 32px; }
a.media-icons.twiiter:hover { background-position: -32px -33px; height: 33px; width: 32px; }
a.media-icons.in { background-position: -64px 0; height: 33px; width: 32px; }
a.media-icons.in:hover { background-position: -64px -33px; height: 33px; width: 32px; }
a.media-icons.gplus { background-position: -96px 0; height: 33px; width: 32px; }
a.media-icons.gplus:hover { background-position: -96px -33px; height: 33px; width: 32px; }
.footer-heading-wrapper span { float: right; font-size: 12px; color: white; padding: 27px 0 0 0; }
/*-----------------------------------------------mobile devices---------------*/
#menu-btn { display: none; }
#navmenu { display: none; }
.home-banner-mobile { display: none; }
.rtl { width: 100%; text-align: center; float: left; top: 15px; position: relative; height: 35px; }
.prt { float: left; width: 100%; }
.prt img { float: left; margin: 0 5px 0 0 !important; }
.home-banner-mobile h1 { font-size: 18px; padding-top: 34px; }
.inner-mobile-banner h1 { font-size: 18px; padding-top: 34px; }
.home-banner-mobile h2 { font-size: 13px; }
.inner-mobile-banner h2 { font-size: 13px; }
ul.newly li { font-size: 14px; line-height: 30px; list-style: none outside none; color: rgb(118, 119, 121); }
.mm-testi { margin-left: 18px !important; width: 621px; min-height: 336px; }
p.right-top { color: rgb(86, 87, 89); float: left; font-size: 12px; left: 165px; line-height: 24px; position: absolute; top: 220px; width: 71%; }
.mm-testi span { float: right; font-family: 'oswaldlight'; position: relative; right: 28px; }
.mm-testi span a { text-decoration: underline !important; color: rgb(35, 118, 194) !important; font-size: 16px !important; }
.mm-testi span a:hover { text-decoration: none !important; color: rgb(35, 118, 194) !important; }
.title-new { color: rgb(3, 127, 201); float: left; font-size: 16px; font-weight: 700; margin-right: 0 !important; text-align: center; width: 32%; }
/*
----------------------------------------------------------inner pages--------------------------------------------------*/

.three-boxes-inner { margin: 0 auto; position: relative; width: 100%; z-index: 1; }
.inner-box1 { margin: 0 0 0 3px; text-align: center; width: 33%; }
.inner-background { position: absolute; top: 45px; width: 100%; background: url(../images/bg3.jpg) no-repeat; height: 1008px; }
*:first-child+html .inner-background { margin-left: -198px; }
*:first-child+html .home_banner { margin-left: -198px; }
.inner-box1 h1 { color: rgb(195, 75, 31); font-family: 'oswaldlight'; font-size: 24px; font-weight: normal; padding: 15px 0; }
.three-boxes-inner ul li { color: #565759; line-height: 24px; font-size: 14px; text-align: left; margin-left: 76px; }
.three-boxes-inner ul li a { color: #565759; text-decoration: none; }
.three-boxes-inner ul li a:hover { color: #565759; text-decoration: underline; }
.inner-box1 h1.mobile { color: rgb(35, 118, 194); }
.inner-box1 h1.web-port { color: #977305; }
.inner-box1:hover { background: url(../images/inner-box-hover.png) repeat; cursor: pointer; }
.portfolio-panel { background: none repeat scroll 0 0 rgb(243, 243, 243); border: 1px solid rgb(204, 204, 204); border-radius: 8px 8px 8px 8px; height: 157px; margin-left: 65px; padding-top: 9px; position: relative; width: 218px; }
a.viewall { background: url("../images/viea-all.png") no-repeat scroll 0 0 transparent; color: white; float: right; font-size: 12px; height: 21px; padding-top: 3px; position: relative; right: 6px; text-align: center; top: -18px; width: 94px; }
.icon-left { float: left; left: 0; position: absolute; top: 46px; }
.icon-right { float: right; position: absolute; right: 0; top: 46px; }
.fright-img { float: right; margin-right: 61px !important; margin-top: 25px !important; }
.inner-section-left { width: 67%; }
.inner-content-section { margin: 0px auto; width: 94%; }
.inner-content-section p { color: rgb(118, 119, 121); float: left; font-size: 14px; line-height: 22px; padding: 12px 0 12px 0; }
.inner-content-section p a { color: #514e4e; text-decoration: none; }
.inner-content-section p a:hover { color: #514e4e; text-decoration: underline; }
.inner-content-section h2 { color: #015792; font-size: 16px; line-height: 24px; font-weight: normal; padding-bottom: 15px; }
.inner-section-right { width: 29%; }
.heading-inner { background: url("../images/heading-img.png") repeat scroll 0 0 transparent; border-left: 6px solid rgb(213, 213, 213); height: 41px; padding-left: 10px; padding-top: 19px; position: relative; clear: both; }
.heading-inner h1 { color: rgb(64, 68, 75); font-size: 18px; font-weight: normal; text-shadow: 1px 1px 0 white; }
.flx { top: -10px; position: relative; }
.open-source-panel { width: 94%; margin-top: 24px; }
img.border-bottom { margin: 20px 0 0 58px; text-align: center; }
.open-source-box { width: 50%; }
.open-source-box h3 { color: rgb(1, 87, 146); font-size: 18px; font-weight: normal; padding-left: 61px; padding-top: 7px; text-align: left; }
.open-source-box img { float: left; position: absolute; margin: 0 0 0 14px; }
.open-source-box p { float: right; font-size: 13px; padding-top: 5px; width: 80%; }
a.ops_button { background: none repeat scroll 0 0 rgb(62, 62, 62); border-radius: 5px 5px 5px 5px; color: rgb(255, 255, 255); float: left; font-size: 11px; height: 19px; left: 59px; margin-bottom: 19px; margin-right: 11px; padding: 7px 0 0; position: relative; text-align: center; width: 90px; }
a.ops_button:hover { opacity: 0.76; }
.colorful-div { background: none repeat scroll 0 0 rgb(78, 131, 185); border-radius: 8px 8px 8px 8px; margin: 23px auto 25px; padding: 15px 0; width: 244px; }
.porfolio-div-inner { background: none repeat scroll 0 0 white; position: relative; border-radius: 8px 8px 8px 8px; height: 124px; margin: 0 auto; width: 218px; border: 1px solid rgb(188, 190, 193); text-align: center; }
img.requestaquote { float: right; position: absolute; right: 13px; top: 8px; }
.contact-us-div { width: 214px; height: 319px; margin: 0px auto; margin-bottom: 20px; }
.contact-us-div input, textarea { width: 198px; height: 33px; border-radius: 8px; background: white; border: 1px solid #bcbec1; font-size: 12px; color: #808288; margin-bottom: 6px; padding-left: 15px; }
.contact-us-div textarea { height: 142px; padding-top: 12px; }
input.buttonc { background: none repeat scroll 0 0 rgb(195, 75, 31); border: 0 solid transparent; border-radius: 12px 12px 12px 12px; box-shadow: 0 0 10px rgb(188, 190, 193); color: white; cursor: pointer; float: right; font-size: 13px; height: 32px; margin-bottom: 15px; margin-top: 11px; padding-left: 0; padding-top: 0; text-align: center; width: 122px; }
img.video-mg { width: 100%; }
.inner-header-bg { position: absolute; top: 45px; width: 100%; background: url(../images/joomla-header-img.jpg) top center repeat-x; height: 370px; }
.dnn-header-bg { background: url(../images/dnn-header-img.jpg) top center repeat-x; }
.android-header-bg { background: url(../images/android-header-img.jpg) top center repeat-x; }
.inneinnerr-mobile-banner h1 { font-size: 18px; padding-top: 34px; }

.inner-mobile-banner { display: none;}
.header-shadow-inner { background: url("../images/header-shadow.png") no-repeat scroll center top transparent; height: 31px; position: relative; top: 270px; width: 100%; }
.inner { top: 246px; }
.why-client-box { width: 100%; border: 1px solid rgb(204, 204, 204); border-radius: 5px; margin: 25px 0 20px 0; background: #fff; }
.why-client-box1 { width: 100%; border-right: 1px dotted #282828; border-bottom: 1px dotted #282828; padding-top: 25px; }
.why-client-box2 { width: 100%; border-bottom: 1px dotted #282828; padding-top: 25px; }
.left-one, .right-one { width: 50%; margin-bottom: 20px; }
.nne1 { border: none; }
.nne2 { border-bottom: none; }
.why-client-box img { float: left; margin: 0 0 0 14px; position: absolute; }
.why-client-box h3 { color: rgb(1, 87, 146); font-size: 18px; font-weight: normal; padding-left: 57px; padding-top: 1px; text-align: left; }
.why-client-box p { float: right; font-size: 13px; padding-top: 5px; width: 81%; }
.inner-quote { float: left; }
.content-div-inner { background: url("../images/trans-img-inner.png") no-repeat scroll 0 0 transparent; padding: 10px 0 18px 42px; width: 490px; ; }
.content-div-inner h2 { font-family: 'oswaldlight'; font-size: 31px; padding-bottom: 10px; }
.content-div-inner h1 { font-family: 'oswaldlight'; font-size: 24px; padding-bottom: 10px; color: white; }
.mobile-page { background: url(../images/bg4.jpg) top center repeat-x; }
.microsoft-page { background: url(../images/bg2.jpg) top center repeat-x; }
.mobile-app-portfolio-bg { background: url(../images/mobile-app-portfolio-bg.png) no-repeat; height: 216px; margin-left: 24px; padding-top: 9px; position: relative; width: 318px; }
.mobile-app-portfolio-div { height: 136px; margin: 9px auto 0 65px; position: relative; width: 183px; }
.platform-section {
background: /* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(bottom, #AFAFAF 0%, #FFFFFF 100%); /* Mozilla Firefox */ background-image: -moz-linear-gradient(bottom, #AFAFAF 0%, #FFFFFF 100%); /* Opera */ background-image: -o-linear-gradient(bottom, #AFAFAF 0%, #FFFFFF 100%); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #AFAFAF), color-stop(1, #FFFFFF)); /* Webkit (Chrome 11+) */ background-image: -webkit-linear-gradient(bottom, #AFAFAF 0%, #FFFFFF 100%); /* W3C Markup, IE10 Release Preview */ background-image: linear-gradient(to top, #AFAFAF 0%, #FFFFFF 100%); border: 1px solid #d2d2d2; border-radius: 3px; width: 100%; margin: 25px 0 20px 0; }
a.app-icons { background: url(../images/mobile-icons.png) no-repeat; cursor: pointer; display: block; vertical-align: middle; margin: 0 5px; }
a.app-icons.apple { background-position: 0 0; height: 59px; width: 52px; }
a.app-icons.apple:hover { background-position: -0 -67px; height: 59px; width: 52px; }
a.app-icons.android { background-position: -59px 0; float: right; height: 67px; position: relative; top: -56px; width: 52px; }
a.app-icons.android:hover { background-position: -59px -67px; }
a.app-icons.blackberry { background-position: -119px 0; height: 59px; position: relative; top: 19px; width: 52px; }
a.app-icons.blackberry:hover { background-position: -119px -64px; }
a.app-icons.windows { background-position: -169px 7px; float: right; height: 78px; left: 58px; position: relative; top: -49px; width: 59px; }
a.app-icons.windows:hover { background-position: -169px -56px; }
.platform-section h1 { color: #817f7f; font-size: 18px; margin-bottom: 20px; }
.icons-div { background: url("../images/sep-img.png") no-repeat scroll right top transparent; margin: 25px 25px 0; padding: 0 47px 0 0; width: 171px; }
.center-app-cont { margin: 34px 0 0 7px; width: 42%; }
.center-app-cont p { color: #767779; font-size: 14px; line-height: 24px; }
.featured-client { background: url("../images/sep-img.png") no-repeat scroll left top transparent; margin-top: 25px; padding-left: 39px; width: 256px; }
.mobile-development-serives { background: url("../images/border-bottom-mobile-div.png") no-repeat scroll center bottom transparent; margin: 33px 0 0px; padding-bottom: 20px; width: 100%; }
.mobile-development-serives img { float: left; margin: 0 0 0 0; position: relative; }
.mobile-development-serives h1 { color: #734c1c; float: left; padding-left: 24px; font-size: 20px; }
.mobile-development-serives p { float: right; font-size: 13px; text-align: justify; width: 77%; }
.buttons { padding: 15px 0 0 90px; }
.nne { background: none; }
.mobiel-page-color { background: #93652b; }
.microsoft-page-color { background: #1a7f7d; }
.content-div ul li { font-size: 18px; line-height: 22px; color: white; }
.gray { background: #fff; border: 1px solid rgb(212, 208, 208); border-radius: 8px 8px 8px 8px; padding-bottom: 15px; margin: 25px auto 0; width: 247px; text-align: center; }

.gray img {
    padding: 29px 0 10px;
    width: 40%;
}
.gray h1 { padding-top: 20px; color: rgb(115, 76, 28); }
.microsoft-services { background: white; border: 1px solid #c2bdbd; width: 100%; margin: 30px 0 0 0; }
.mic-cont-right { width: 50%; padding: 21px 0 0 0; text-align: center; }
.mic-cont-right p { text-align: justify; width: 88%; margin: 0 0 0 16px; line-height: 20px; }
.microsoft-services ul li { line-height: none; padding: 17px 20px; background: url(../images/heading-img.png) repeat; }
.microsoft-services ul li a { color: #424242; font-size: 14px; text-decoration: none; }
.microsoft-services ul li a:hover { color: #fff; text-decoration: none; }
.microsoft-services ul li:hover { background: url("../images/hover-corner.png") no-repeat scroll right top rgb(36, 161, 154); cursor: pointer; display: block; width: 93%; }
.microsoft-services ul li:hover a { color: white; }
.microsoft-services ul li a.mg1 { background: url("../images/mg1.png") no-repeat scroll left center transparent; padding: 15px 15px 15px 52px; }
.microsoft-services ul li a.mg2 { background: url("../images/mg2.png") no-repeat scroll left center transparent; padding: 15px 15px 15px 52px; }
.microsoft-services ul li a.mg3 { background: url("../images/mg3.png") no-repeat scroll left center transparent; padding: 15px 15px 15px 52px; }
.microsoft-services ul li a.mg4 { background: url("../images/mg4.png") no-repeat scroll left center transparent; padding: 15px 15px 15px 52px; }
.microsoft-services ul li a.mg5 { background: url("../images/mg5.png") no-repeat scroll left center transparent; padding: 15px 15px 15px 52px; }
.microsoft-services ul li a.mg6 { background: url("../images/mg6.png") no-repeat scroll left center transparent; padding: 15px 15px 15px 52px; }
.microsoft-services ul li a.mg7 { background: url("../images/mg7.png") no-repeat scroll left center transparent; padding: 15px 15px 15px 52px; }
.microsoft-services ul li a.mg8 { background: url("../images/mg8.png") no-repeat scroll left center transparent; padding: 15px 15px 15px 52px; }
a.free_quote_img { background: url("../images/free-quote.png") no-repeat scroll 0 0 transparent; color: white; float: right; height: 43px; margin-right: 15px; padding-top: 12px; text-align: center; width: 165px; }
a.free_quote_img:hover { opacity: 0.85; }
.microsoft-services ul li.activeness { background: url("../images/hover-corner.png") no-repeat scroll right top rgb(36, 161, 154); cursor: pointer; display: block; width: 93%; }
.microsoft-services ul li.activeness a { color: white; }
.certified-img { background: url("../images/certified-img.jpg") repeat scroll 0 0 transparent; border: 1px solid rgb(194, 189, 189); margin-top: 35px; width: 100%; }
.taglines-div { background: url(../images/right-aero.png) left no-repeat; padding: 12px 0 0 38px; margin: 12px 0 0 16px; }
.taglines-div h3 { color: #4b4b4c; font-size: 16px; }
.taglines-div span { color: #777777; font-size: 12px; }
.wrap-inner { top: 124px; }
.top-spacing { margin-top: 25px; }
.development-div { width: 32%; background: #fff; border: 1px solid #c4c4c4; border-radius: 7px; margin: 15px 5px 35px 0; }
.development-div h2 { background: none repeat scroll 0 0 rgb(45, 173, 237); border-radius: 13px 13px 13px 13px; color: white; font-size: 16px; font-weight: normal; margin: 8px 0 4px 11px; padding-bottom: 10px; padding-top: 11px; text-align: center; width: 89%; }
.development-div p { font-size: 13px; line-height: 22px; margin: 15px 13px 17px 15px; padding: 0; color: #4b4b4c; text-align: justify; }
a.quote-bg { background: url("../images/quote-bg.png") no-repeat scroll center 0 transparent; color: white; float: left; font-family: dax; font-size: 12px; height: 16px; padding-top: 3px; text-align: center; width: 100%; }
.dnn-page { background: #2daded; }
.development-div h2.android-color { background: #759c37; }
.development-div ul li { color: rgb(75, 75, 76); font-size: 13px; line-height: 26px; margin: 0; padding-left: 10px; text-align: left; }
.development-div span { float: right; font-size: 12px; padding: 0 15px 48px 0; }
ul.links-android li { line-height: 39px; font-size: 14px; color: #817f7f; padding: 0 0 0 33px; background: url(../images/short-aero.png) left no-repeat }
ul.links-android { float: left; margin: 12px 0 0; width: 50%; }
.android-content-div-right { margin: 15px 0 0 0; width: 50%; }
.android-content-div-right h1 { font-family: 'oswaldlight'; font-size: 36px; color: #4b4b4c; text-align: center; }
.android-short-div { background: url("../images/li-bg-img.png") repeat scroll 0 0 transparent; float: left; margin-top: 20px; width: 100%; }
ul.short-links-android { color: rgb(75, 75, 76); font-size: 14px; line-height: 30px; margin: 0 auto 10px; width: 66%; }
ul.short-links-android li { background: url(../images/white-aero.png) left 10px no-repeat; padding-left: 30px; }
.android-page{ background:rgb(117, 156, 55);}
ul.and-btm{ padding-bottom:19px;}
.exp:hover{ opacity:0.86 !important; color:black !important;}
.title-new:hover{ opacity:0.80 !important;}







/*---------------------------------------------------------------------------------------------body css ------------------------------------------------*/

.header, .slider, .contain, .middle-search-bar { width: 100%; }

#HomeMenu{display:none}
.home-page .right-side .links{display:block; margin-top:30px; }
.home-page .top-right-btm {margin-top:30px;}
.right-side .links{display:none; margin-top:62px;}
.links { font-size: 18px; text-transform: uppercase; margin-top: 18px; }
.links li { display: inline; padding:0 20px 0 11px; font-weight: bold;  background:url(../images/nav_sep.png) right center no-repeat;}
.links li a:hover{text-decoration:underline}
.links.fright li:last-child { background: none;padding-right: 0;}
.media li { display: inline; list-style: none outside none; padding: 0 5px; width: 37px; }
.media li [class^="icon-"]:before { cursor: pointer; }
.media li [class^="icon-"]:before { cursor: pointer; }
.media li a:hover{text-decoration:none;}
.top-right-btm { margin: 60px 0 0 0; width: 500px; }
.search { position: relative; }
.media { margin: 0 0 0 17px; }
.slider { background: #3f4450; margin: 25px 0 0 0; padding: 31px 0 0 0; clear: both;}
span.slide { color: #fff; font-size: 41px; font-family: 'Arvo', serif; display: block; text-align: center; }
.slide-panel { height: 269px; width: 1024px; }
.middle-search-bar input { background: #ebebeb; width: 546px; height: 61px; color: #008dcf; font-size: 18px; font-weight: bold; border: none; text-align: center; text-transform: uppercase; }
.home { background: #ececec; float: left; margin: 30px 0 0 0; padding-top: 30px; }
.srch { margin: 0 auto; position: relative; text-align: center; width: 544px; clear: both; }
img.mag { cursor: pointer; position: absolute; right: 22px; top: 14px; }
.middle-search-bar { margin: 34px 0 0 0; }
.ctr { text-align: center; }
span.action { font-weight: bold; font-size: 19px; margin: 42px 0 0 0; display: inline-block; color: #3f4450; }
.info-div { background: none repeat scroll 0 0 hsl(0, 0%, 100%); margin: 0 0 30px 0; padding:11px 11px 15px 11px; position: relative; text-align: center; width: auto; }
.line_effect1{background:url(../images/strip_back2.png) repeat-x; height:22px;}
.line_effect2{background:url(../images/strip_back1.png) repeat-x; height:22px;}
.info-div h2 { color: hsl(66, 53%, 46%); font-size: 17px; font-weight: bold; left: -48px; padding-right: 21px; position: absolute; text-transform: uppercase; top: 100px; transform: rotate(-90deg); 
-ms-transform: rotate(-90deg); /* IE 9 */
-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
}
.right-side-content { margin-right: 14px; width: 50%; }
.side_content { margin-top: 21px; letter-spacing: normal; text-align: left; width: 95%; ; }
.info-div h3 { color: #3f4450; font-size: 21px; padding-bottom: 10px; }
.big { text-transform: uppercase; }
.info-div span { font-size: 13px; }
span.link { float: right; color: #a8b538; text-transform: uppercase; font-size: 14px; }
.info-div p { font-size: 17px; line-height: 23px; padding: 10px 0; }
.link a { color: #a8b538; text-decoration: underline; }
.link a:hover { text-decoration: none; }
.info-div h2.clr { color: #c75227; }
.full { float: left; padding-left: 10px; width: 96%; }
.second { color: #c75227 !important; }
.second a { color: #c75227 !important; }
span.action a:hover { text-decoration: underline; }
.right_col { background: #fff; }
.blue { background: #008dcf; }
h3.blue { color: hsl(0, 0%, 100%); font-size: 17px; padding-bottom: 10px; padding-left: 11px; padding-top: 10px; text-transform: uppercase; }
.part_image{position:relative;}
.part_image .part_txt{ position:absolute; bottom: 18px; left:0; text-align:right; }
.part_txt h2 {background:url(../images/shadow2.png) ; padding:0 20px 0 40px; font-size:31px; color:#fff; font-weight:bold}
.part_txt h3 {background:#3f4450 ; padding:5px 20px 5px 60px; font-size:18px; color:#fff; float:right}
.left_col { width: 60%; }
.right_col { margin-left: 15px; width: 390px; position:relative }
img.pc { padding: 0 0 0 10px; }
.right_col p { margin: 0 auto; padding-bottom: 10px; padding-top: 26px; width: 92%; color:#3f4450; font-size:18px; }
.lft-section { margin: 26px 0 0 19px; font-size: 14px; }
.lft-section span a { text-decoration: underline; }
.lft-section span a:hover { text-decoration: none; }
.lft-section span { color: hsl(199, 100%, 41%); display: block; margin: 13px 0 0; padding-bottom: 18px; text-transform: uppercase; }
.rht-section p { color: hsl(199, 100%, 41%); font-size: 14px; line-height: 17px; text-transform: normal; padding: 0 0 0 28px; }
.rss { left: 5px; top:3px; padding-right: 5px; position: absolute; }
.rht-section { float: right; margin-right: 22px; margin-top: 40px; position: relative; width: 148px; }
.right_col .hover_box{position:absolute; top:42px; left:0; width:100%; display:none;background:url(../images/shadow_over.png) repeat; cursor:pointer;}
.right_col:hover .hover_box{background:#11l; display:block;}
.hover_box p{display:block; font-size:24px; color:#fff; padding:20px; line-height:34px; width:auto}
.hover_box .quote_up{background:url(../images/quote_up.png) no-repeat; display:block; height:29px; width:34px;margin-bottom:10px;}
.hover_box .quote_bttm{background:url(../images/quote_bttm.png) no-repeat; display:block; height:29px; width:34px; margin-top:10px;}


.rht-section p a:hover { text-decoration: underline; }
/*new created by GP*/
.gv_nav_wrap { background: #00498b; margin-top:0px; width: 100%; }
ul.gv_nav { text-align: center; }
ul.gv_nav li {  display: inline-block; font-family: 'Myriad Pro'; text-transform: uppercase; font-size: 18px; letter-spacing: 1px; *float:left
}
ul.gv_nav li a { font-size: 18px; color: #fff; padding: 12px 16px 8px; display: block }
/* will be red only in google chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    ul.gv_nav li a{padding: 12px 16px 12px;}
}
ul.gv_nav li .active, ul.gv_nav li a:hover { background: #362f2d; opacity: 0.9; }
/*bnr*/
.gv_bnr { letter-spacing: 0px; margin-top: 5px; padding-bottom: 95px; }
.gv_bnr .slide { color: #FFFFFF; display: block; font-family: 'Arvo', serif; font-size: 41px; }
.gv_bnr .slide .check_txt  { background: url(../images/arrow1.png) no-repeat right bottom; padding-right: 34px; float: right; font-size: 23px; }
/*{ background: url(../images/arrow-right-clr.png) no-repeat right bottom; padding-right: 34px; float: right; font-size: 23px;}*/
.gv_bnr .slide span a { color: #fff; }
.gv_bnr .slide span a:hover { background: none }
.gv_bnr p { color: #fff; font-family: 'Myriad Pro'; font-size: 20px; line-height: 28px; margin-top: 50px; }
/*accordion*/
.gv_accord_h { background: #ececec; width: 100%; margin-top: 8px; min-height: 41px; letter-spacing: 0; }
.gv_accord_h .ourteam{background: url(../images/head-back.png) left top no-repeat;margin-top: -33px;margin-left: -12px;}
.gv_accord_h h3 { background:#75B1BE; height: 55px; color: #FFFFFF; display: inline-block; font-family: 'Arvo', serif; font-size: 31px; line-height: 54px;  padding-left: 2%;
 padding-right: 10%;margin-left: 12px;  }
.gv_exp_b { float: left; width: 100%; }
.gv_exp_sep { border-bottom: solid 3px #ececec; border-top: solid 3px #ececec; }
.gv_exp_b .image { float: left; width: 340px; }
.gv_exp_b .description { float: left; margin-top: 14px; }
.toggle_con { position: relative; }
.gv_exp_b .description h3 { color: #c75227; font-family: 'Arvo', serif; font-size: 31px; }
.gv_exp_b .description h3 span { color: #3F4450; display: block; font-family: arial; font-size: 21px; font-style: italic; font-weight: normal; }
ul.info li { display: block; margin-top: 14px; font-size: 21px; color: #00498b; }
ul.info .phone { display: inline-block; width: 144px; }
ul.info a.email { display: inline-block; color: #00498b; }
ul.info a.email:hover{text-decoration:underline;}
ul.info .social { display: inline-block; width: 148px; float: left;}
ul.info .Bio { display: inline-block; text-decoration: underline; width: 42%; }
ul.info .Bio:hover{text-decoration:none}
ul.info .social [class^="icon-"]:before, [class*=" icon-"]:before { background: #a8b538; cursor: pointer; font-size: 12px; height: 12px; padding: 8px; width: 12px; }
.Epx_details { clear: both; background: #a8b538; display: none; }
.Epx_details ul { padding: 20px; list-style: none }
.Epx_details ul li { background: url(../images/dot.png) left 14px no-repeat; padding-left: 10px; font-size: 24px; color: #fff; }
a.arrow_down { background: url(../images/arrow-down.png) no-repeat; top: -41px; right: 140px; height: 41px; position: absolute; text-indent: -9999px; width: 35px; outline: medium none; }
a.arrow_up { background: url(../images/arrow-up.png) no-repeat; }
a.arrow_down:hover { opacity: 0.9; }
/*knowledge-center*/
ul.nav_blue li .active, ul.nav_blue li a:hover { background: #008dcf; }
.knowledge { margin-bottom: 40px;  width:100%;}
.knowledge h3.title { color: #3f4450; display: block; font-family: 'Arvo', serif; font-size: 41px; margin: 50px 0 20px; }
.knowledge h4.sub_title { color: #008dcf; display: block; font-family: 'Arvo', serif; font-size: 32px; border-bottom: 3px solid #008DCF; display: inline-block; }
.Slide_Res{display:none}
ul.thumbs { list-style: none; margin-top: 36px; font-family: 'Source Sans Pro'; color: #3f4450 }
ul.thumbs li.slide_box { float: left; width: 296px; margin: 0 68px 10px 0; min-height: 350px; letter-spacing: 0.5px; }
ul.thumbs li.slide_box:nth-child(3n) { float: right; margin-right: 0; }
li.slide_box b { text-transform: uppercase; font-size: 14px; float: left; margin-bottom: 10px; margin-top: 46px; width: 100%; }
li.slide_box b.red { color: #c75227; }
li.slide_box b.reddark { color: #6f273e; }
li.slide_box b.blue { color: #00498b; background: none; }
li.slide_box b.bluedark { color: #008dcf; }
li.slide_box b.green { color: #a8b538; }
li.slide_box b.greendark { color: #00673f; }
li.slide_box h4 { color: #3f4450; font-size: 21px; line-height: 26px; }
li.slide_box p { margin: 10px 0; }
li.slide_box .date { text-transform: uppercase }
li.slide_box a.arrow-right { background: url(../images/arrow-right.png) no-repeat; display: block; height: 21px; width: 26px; }
li.slide_box .view_btn { text-transform: uppercase; }
li.slide_box .view_btn a { color: #3f4450; text-decoration: underline; display: inline-block; margin-left: 2px; }
li.slide_box .view_btn a:hover { text-decoration: none; }
/*tabs css*/
.tabs_sec { background: url(../images/tab_bdr.png) left 80px repeat-x; }
.r-tabs .r-tabs-nav { margin: 0; padding: 0; }
.r-tabs .r-tabs-tab { display: inline-block; list-style: none; }
.r-tabs .r-tabs-panel { display: none; }
.r-tabs .r-tabs-accordion-title { display: none; }
.r-tabs .r-tabs-panel.r-tabs-state-active { display: block; }
.tabs_sec a { outline: none }
.r-tabs { position: relative; border-bottom: 1px solid #C75227; }
.r-tabs .r-tabs-nav { border-bottom: 0px solid #d7d7d7; font-family: 'Source Sans Pro'; }
.r-tabs .r-tabs-nav .r-tabs-tab { position: relative; border-top: 9px solid #FFFFFF; top: 1px; margin-right: 13px; }
.r-tabs .r-tabs-nav .r-tabs-anchor { font-size: 21px; background: #e1e1e1; padding: 6px 10px 14px; display: inline-block; text-decoration: none; color: #3f4450; border: 2px solid #e1e1e1; border-bottom-color: #d7d7d7; height: 48px; float: left; width: 306px; }
.r-tabs .r-tabs-nav .last { margin-right: 0; }
.r-tabs .r-tabs-nav .r-tabs-state-active { background-color: #fff; margin-bottom: 0px; border-top: 9px solid #C75227; }
.r-tabs .r-tabs-nav .r-tabs-state-disabled { opacity: 0.5; }
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor { background-color: #FFFFFF; border: 2px solid #D7D7D7; color: #008dcf; border-bottom-color: #fff; }
.r-tabs .r-tabs-panel { padding: 40px 0; }
.r-tabs .r-tabs-accordion-title .r-tabs-anchor { display: block; padding: 10px; background-color: #00aadd; color: #fff; font-weight: bold; text-decoration: none; margin-bottom: 3px; }
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled { opacity: 0.5; }
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor { background-color: #fff; color: #00aadd; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; margin-bottom: 0; }
.tabs_con h4 { color: #00498b; font-size: 22px; font-weight: normal; padding-bottom: 18px; }
.tabs_con h4 span { color: #3f4450; display: block; font-size: 20px; font-style: italic; }
a.view{ text-transform:uppercase; color:#3f4450; font-size:13px; padding-bottom:30px; float:left;}
.lft_box { 
    float: left;
    padding-bottom: 25px;
    width: 48%;}
	#tab-1 h3{ color:#00498b; font-size:22px; padding:0 0 25px;}
.rgt_box { width: 48%; float: right; }
.topping{ top:-25px;}
h4.tabs_heading{    color: hsl(208, 100%, 27%);
    font-size: 22px;
    font-weight: normal;
    padding-top: 18px;}
	h3.tabs_h3{  color: hsl(208, 100%, 27%);
    font-size: 22px;
    padding: 0 0 15px;}
	.mg_none{ margin-bottom:0 !important;}
	span.tabs_span{color: hsl(222, 12%, 28%); margin-bottom:22px !important;
    display: block;
    font-size: 20px; margin-top:0px !important;
    font-style: italic;}
#tab-2 .lft_box{width:49%}
#tab-2 .rgt_box{width:49%}
ul.tabs2_con{}
ul.tabs2_con li{display:block; font-size:16px; font-weight:bold;margin-bottom: 20px;}
ul.tabs2_con .icon{float:left; width:36px;}
ul.tabs2_con .red{color:#c75227;letter-spacing: 1.5px;}
ul.tabs2_con .title_dec{display:inline-block;width: 90%;text-transform: uppercase;}
ul.tabs2_con .title{color:#00498b;display:block;letter-spacing: 1.5px; }
ul.tabs2_con .dec{color:#3f4450; display:block;font-weight:normal}


/*css for tweet*/
.tweet_div { background: #ececec url(../images/tweet-back.png); padding: 30px 0 50px; width: 100%; font-weight: bold }
.left-tweet { width: 250px; border-right: solid 3px #008dcf; font-size: 17xp; color: #008dcf; text-align: center; padding: 0 20px; }
.left-tweet img { margin-bottom: 20px; }
.bttm_box { width: 250px; margin: 0 0 0 80px; font-size: 15px; color: #3f4450; }
.tweet_div .last { margin-left: 60px; }
ul.links_bttm { padding-top: 5px; }
ul.links_bttm li { list-style: none; display: inline-block; font-weight: normal }
ul.links_bttm li a.first { background: none; padding-left: 0; }
ul.links_bttm li a.first:hover { background: none; padding-left: 0; }
ul.links_bttm li a { background: url(../images/dot_blue_b.png) left 8px no-repeat; color: #008dcf; font-size: 13px; padding-left: 10px; }
ul.links_bttm li a:hover { background: url(../images/dot_red_b.png) left 8px no-repeat; color: #C75227; opacity: 1 }
.footer { width: 100%; color: #00498b; }
.footer_con { margin: 60px 0 30px; }
.copyright { border-top: solid 1px #c75227; font-size: 14px; padding: 16px 0; line-height: 24px; margin-top: 20px; }
.foot_box { float: left; width: 150px; padding: 0 20px; }
.footer .foot1 { padding: 0; }
.footer .foot2 { padding-left: 80px; }
.footer .foot3 { font-size: 21px; color: #c75227; font-family: 'Arvo', serif; }
.footer .foot4 { padding-left: 80px; }
.footer .foot5 { padding: 0; float: right }
ul.media_foot li { display: inline-block; margin-bottom: 10px; margin-right: 11px; }
ul.media_foot li [class^="icon-"]:before { cursor: pointer; }
ul.nav_foot2 li { list-style: none; font-family: 'Arvo', serif; }
ul.nav_foot2 li a { color: #00498b; font-size: 18px; }
ul.nav_foot2 li a:hover { color: #C75227; opacity: 1; text-decoration:underline }

/*home acc*/
.home_accordion{display:none}
/*tabs slider*/
div#feature_list { margin-top: 10px; height: 255px; position: relative; }
div#feature_list ul { position: absolute; top: 0; list-style: none; padding: 0 0 0 24px; margin: 0; }
#feature_list ul#tabs { left: 0; z-index: 2; width: 300px; top: 15px; }
ul#tabs li { display: block; clear: both }
ul#tabs li a { letter-spacing: 2px; color: #fff; text-decoration: none; display: inline-block; padding: 3px 20px; font-size: 30px; outline: none; text-align: right; float: right; margin: 3px 0; }
ul#tabs li a:hover { text-decoration: none; opacity: 1; }
ul#tabs li a.current { color: #FFF; margin-right: -90px; }
ul#tabs li a.current:hover { text-decoration: none; cursor: default; }
#feature_list ul#output { right: 0; width: 67.5%; height: 255px; background:rgba(0,0,0,.50); padding: 0; color: #362f2d; }
ul#output li { padding: 15px 38px 0 130px; position: absolute; }
ul#tabs .red { background: #f83e53; }
ul#tabs .blue { background: #3598db; }
ul#tabs .green { background: #1bbc9b; color:#fff !important; }
ul#tabs .firogy { background: #9b5db2; }
#feature_list ul#output h3 { color: #fff; font-size: 27px; line-height: 28px; }
#feature_list ul#output p { color: #fff; margin-bottom: 20px; }
.news_txt, .KC_txt { min-height: 240px; position: relative; }
.blog_txt { min-height: 302px; position: relative; }
.Reso_txt { min-height: 272px; position: relative; }
.Reso_txt .bttm, .news_txt .bttm, .blog_txt .bttm, .KC_txt .bttm { bottom: 10px; position: absolute; width: 100%; }
.news_txt .date { color: #fff; display: block; margin: 10px 0; text-transform: uppercase; font-size:15px; }
.news_txt .date a { color: #fff; }
.news_txt .link_txt { color: #fff; display: block; margin: 10px 0; text-transform: uppercase; text-align: right; float: right; }
.news_txt .link_txt a { color: #fff; text-decoration: underline; }
.news_txt .link_txt a:hover { text-decoration: none; }
.KC_txt .date { color: #fff; display: block; margin: 10px 0; text-transform: uppercase }
.KC_txt .date a { color: #fff; }
.KC_txt .link_txt { color: #fff; display: block; margin: 10px 0; text-transform: uppercase; text-align: right; float: right; }
.KC_txt .link_txt a { color: #fff; text-decoration: underline; }
.KC_txt .link_txt a:hover { text-decoration: none; }
ul#output .blog_txt img { float: left; margin: 0 30px 30px 0; }
.blog_txt .date { color: #fff; display: block; margin: 10px 0; text-transform: uppercase }
.blog_txt .date a { color: #fff; }
.blog_txt .link_txt { color: #fff; display: block; margin: 10px 0; text-transform: uppercase; text-align: right; float: right; }
.blog_txt .link_txt a { color: #fff; text-decoration: underline; }
.blog_txt .link_txt a:hover { text-decoration: none; }
.Reso_txt h2 { color: #fff; font-size: 27px; line-height: 28px; font-weight: bold; margin: 10px 0; }
.Reso_txt h2 span { font-style: italic; color: #fff; display: block; font-size: 18px; font-weight: normal }
#feature_list ul#output .Reso_txt h3 { color: #fff; margin: 18px 0; }
.Reso_txt h3 span { font-style: italic; color: #3f4450; display: block; font-size: 18px; font-weight: normal }
a.res_link { color: #fff }
.Reso_txt .link_txt { color: #fff; display: block; margin-top: 10px; text-transform: uppercase; text-align: right; float: right; }
.Reso_txt .link_txt a { color: #fff; text-decoration: underline; }
.Reso_txt .link_txt a:hover { text-decoration: none; }
.topspace { position: relative; top: 57px; clear: both;}
aside.left ul li { list-style: none; letter-spacing: 2px; line-height: 24px; margin: 10px 0; font-family: 'Source Sans Pro'; font-weight: bold; font-size: 16px; text-transform: uppercase; }
aside.left ul { margin: 150px 0 0 0; }
aside.left ul li a { color: #fff; }
aside.left ul li a:hover { color: #fff; }
.left { width: 25%; position:relative; float:left; }
.blue-color { text-decoration: underline; color: #008dcf; }
aside.right h1 { font-size: 41px; color: #008dcf; border-bottom: 4px solid #008dcf; float: left; font-weight: normal; font-family: 'Arvo', serif; }
aside.right span em { font-size: 16px; text-decoration: underline; font-style: normal; }
aside.right span { float: left; font-family: 'Source Sans Pro'; font-size: 16px; margin-bottom: 35px; margin-top: 35px; width: 100%; }
.right { width: 65%; float: right; margin-bottom: 85px; }
aside.right span.itl { font-style: italic; font-weight: bold; }
.right h2 { font-family: 'Source Sans Pro'; font-weight: bold; font-size: 27px; color: #3f4450; }
article.publication { float: left; width: 100%; margin: 15px 0 0 0; }
.contain-right { float: right; width: 94%; }
.contain-right span { margin: 12px 0 !important; text-transform: uppercase; font-size: 13px !important; }
.contain-right p { font-size: 16px !important; line-height: 24px; padding-bottom: 0 !important; }
.red-color { font-style: normal !important; color: #c75227; font-size: 14px; font-weight: bold; }
.red-color a:hover, .drak-red a:hover, .green-color a:hover, .blue-color1 a:hover, .light-blue a:hover { text-decoration: underline; }
.red-color a { color: #fff; }
.drak-red a { color: #fff; }
.green-color a { color: #fff; }
.blue-color1 a { color: #fff; }
img.pd { padding: 12px 0 10px; }
hr { background: none repeat scroll 0 0 hsl(199, 100%, 41%); border: medium none; clear: both; height: 1px; margin: 20px 0 10px; }
.blue-color1, .green-color, .drak-red, .light-blue { font-style: normal !important; }
.blue-color1 { color: #00498b; }
.green-color { color: #a8b538; }
.drak-red { color: #6f273e; }
.light-blue { color: #008dcf; }
.redish { color: #fff !important; border-bottom: 4px solid #fff !important; }
.redish a{color: #fff !important;}
.contain-right h2 a{ color:black; text-decoration:none;} .contain-right h2 a:hover{ color:black; text-decoration:underline;}
.blulish { color:hsl(199, 100%, 41%) !important; border-bottom: 4px solid hsl(199, 100%, 41%) !important; }
a.pagination { color: #fff; font-family: 'Source Sans Pro'; text-transform: uppercase; font-size: 14px; font-weight: bold; }
.red-color-line { color: #fff !important; text-decoration: underline; }
.redbg:before { background: #fff !important; padding: 2px !important; margin-top: 7px; }
aside.left ul li.active { background: url(../images/black-aero.png) left no-repeat; padding-left: 30px; }
.short:before { padding: 2px !important; margin-top: 7px; }
ul li a:hover.active-red { background: #c75227; }
.act-red{ background: #fff; }
ul li a:hover.active-ligter { background: #75b1be; }
.act-lighter{ background: #75b1be;}
ul li a:hover.active-green { background:hsl(66, 53%, 46%); }
.act-green{background:hsl(66, 53%, 46%);}
ul li a:hover.active-black{ background: hsl(13, 9%, 19%);}
.act-black{background: hsl(13, 9%, 19%);}
ul li a:hover.active-blue-lighter{ background: hsl(199, 100%, 41%);}
hr.redline { background: url(../images/strip_back1.png) repeat; height: 23px; }
.leftimg { float: left; padding: 0 25px 0 0; }
h1.info { color: #fff; font-size: 41px; border-bottom: 4px solid #75b1be; float: left; font-weight: normal; font-family: 'Arvo', serif; }
address { float: left; margin: 35px 0 0 0; color: #00498b; font-weight: bold; line-height: 31px; font-family: 'Source Sans Pro'; font-style: normal; }
address a { color: #fff; }
.map { position: relative; top: -35px; }
.map iframe {width:100%;}
p.spotlight { line-height: 27px; font-size: 21px; color: #008dcf; font-family: 'Source Sans Pro'; }
img.spot { padding-top: 25px; }
p.spt { padding-bottom: 25px !important; }
p.spt span { color: #fff !important; float: none; }
.laura { font-size: 31px !important; font-weight: bold; color: #c75227; font-family: 'Source Sans Pro'; }
span.laura { margin-bottom: 0 !important; }
.laura-ft { font-size: 14px !important; }
aside ul li.laura-ft a { color: hsl(199, 100%, 41%); }
.search input[type="text"]:hover { background: none repeat scroll 0 0 hsl(120, 5%, 93%); }
.rht-section-second { float: left; margin-bottom: 24px; margin-left: 0; padding-left: 31px; margin-top: 13px; position: relative; width: 170px; }
.height { height: 225px; }
img.spt-left-img { margin-top: 25px; }
.top-border { margin-top: 25px; border-top: 1px solid hsl(16, 67%, 47%); }


/*css for blog page*/
.foot_separator{background: none repeat scroll 0 0 #C75227;
    clear: both;
    height: 1px;
    margin-bottom: 60px;}
a.see_btn{left: 0;position: absolute;top: 86px; text-decoration:underline; text-transform:uppercase;letter-spacing: 2px;}
a.see_btn:hover{text-decoration:none;}
.lig_green-color-line{color:#a8b538;}
ul.nav_green li .active, ul.nav_green li a:hover {background: none repeat scroll 0 0 #a8b538;}

span.sub_title	{color:#fff;font-size: 32px !important; font-weight: bold;margin: 20px 0 !important;}
span.sub_title img{margin-left:10px;}

article.blog_post { float: left;margin: 15px 0 0; width: 100%; color:#fff;}
.blog_post  .date{color:#fff;text-transform: uppercase;}
ul.post_icon{list-style:none; float:left; font-family: 'Arvo',serif;line-height: 36px;}
ul.post_icon li{color: hsl(66, 53%, 46%);
    font-size: 18px;
    text-align: center;
    width: 23px;}
ul.post_icon li .icon-plus:before{font-size: 18px;padding: 3px;  background:#a8b538;}
.light-green a{color:#a8b538;}
hr.greenine {background: url(../images/strip_back2.png) repeat ;float: left; height: 23px;width: 100%;}
.blog_post  .image{float:left; margin: 0 30px 80px 0;}
.blog_post .post_con span{float: none;width: auto;display: block;}

.pagination{clear:both;}
ul.pagi_list{float:left;margin: 50px 0 0 40px;}
ul.pagi_list li{display:inline-block; text-transform:uppercase;font-size: 14px; margin: 0 3px;}
ul.pagi_list li a{color:#3f4450;}
ul.pagi_list li a:hover{text-decoration:underline;}

.sub_btn_red{
    background: url("../images/red-aero.png") no-repeat scroll right center hsla(0, 0%, 0%, 0);
    border: medium none;
    color: hsl(222, 12%, 28%);
    cursor: pointer;
    display: block;
    font-size: 24px;
    margin: 20px 0;
    padding-right: 35px;
}
.rd{border-top: 1px solid #c75227 !important;}
.bd input {
    border: 2px solid hsl(199, 100%, 41%) !important;
}
.bd textarea {
    border: 2px solid hsl(199, 100%, 41%) !important;
}
/* blog details*/
.comm_page ul.pagi_list{margin-left:0; float:none}
.comment_details{border-top:solid 1px hsl(66, 53%, 46%); clear:both;  margin-top:30px;}
.comment_details  h3{margin:20px 0; font-size:24px;}
.comment_details input[type="text"],textarea {border: 2px solid #A8B538;border-radius: 5px;font-size: 20px;padding: 6px 10px; display:block; width:60%; margin:10px 0;font-family: 'Arvo',serif;}
.comment_details  textarea{width:96%;resize: none;}
.comment_details input[type="text"]:hover,textarea:hover {background:#ECEEEC;}
.comment_details .check_btn{display:inline-block;margin-right: 10px;}
.comment_details .subscribe{display:inline-block; font-size:21px !important;}
.comment_details .sub_btn{background:url(../images/green-aero.png) right center no-repeat; display:block; border:none;padding-right:35px; cursor:pointer; color:#3f4450; font-size:24px;margin: 20px 0;}

.category{display:none;}
ul.category_list li { list-style: none; letter-spacing: 2px; line-height: 24px; margin: 10px 0; font-family: 'Source Sans Pro'; font-weight: bold; font-size: 16px; text-transform: uppercase; }
ul.category_list { margin:10px;  display:none;padding-bottom: 10px;}
ul.category_list li a { color: #3f4450; }
ul.category_list li a:hover { color: #008dcf; }

.caption_sec_res{display:none;} 	

hr.blueline {
    background: url("../images/strip_back.png") repeat scroll 0 0 hsla(0, 0%, 0%, 0);
    display: inline-block;
    height: 23px;
    margin-top: 18px;
    width: 100%;
}
.blue-color-post{ color:hsl(199, 100%, 41%); }
.green-color-post{border-bottom: 4px solid #A8B538 !important ;color: #A8B538 !important ;}
.bluebg:before {
    background: hsl(199, 100%, 41%) !important;
    margin-top: 7px;
    padding: 2px !important;
}

.sub_btn_blue {
    background: url("../images/arrow-right.png") no-repeat scroll right center hsla(0, 0%, 0%, 0);
    border: medium none;
    color: hsl(222, 12%, 28%);
    cursor: pointer;
    display: block;
    font-size: 24px;
    margin: 20px 0;
    padding-right: 35px;
}
.nd a{ color:hsl(199, 100%, 41%);}
ul.nd li{color:hsl(199, 100%, 41%);}
.bd{ border-top:1px solid hsl(199, 100%, 41%); }
.light-red a {
    color:#c75227;
}
ul.red li{color:#c75227;}
.rd input{ border: 2px solid hsl(16, 67%, 47%) !important; }
.rd textarea{border: 2px solid hsl(16, 67%, 47%);}


.tabs_con h4 a{ color:hsl(208, 100%, 27%); text-decoration:none;}
.tabs_con h4 a:hover{ text-decoration:underline;color:hsl(208, 100%, 27%);}
.tabs_sec a:hover{}
ul.tabs2_con li a{color:hsl(208, 100%, 27%); text-decoration:none;}
ul.tabs2_con li a:hover{text-decoration:underline;color:hsl(208, 100%, 27%);}
a.blc{ color:black;}
aside ul.nws li a:hover {
    color:hsl(16, 67%, 47%) !important;
}


/*****************************carousel slider***********************************************8/


/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.2
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}
    #owl-demo .item img{
        height: auto;
    }

.item{text-align:center;}
.owl-prev {
    background: url("../images/pre.jpg") no-repeat scroll center top rgba(0, 0, 0, 0);height: 35px;left: 460px; position: absolute;width: 36px;}
.owl-next{background: url("../images/arrow-next%27.jpg") no-repeat scroll center top rgba(0, 0, 0, 0);height: 35px;right: 460px; position: absolute;width: 36px;}
.owl-prev:hover {
 background: url("../images/arrow-hover-pre.png") no-repeat scroll center top rgba(0, 0, 0, 0);
}
.owl-next:hover {background: url("../images/arrow-hover-next.png") no-repeat scroll center top rgba(0, 0, 0, 0);}

/*******************************tab body*********************************/


@charset "utf-8";
/* CSS Document */



.top-img { background: url("../images/top-img.jpg") repeat-x scroll 0 0 transparent; height: 2px; position: fixed; top: 0; width: 100%; z-index: 99999999; }
.header-bg { height: 46px; width: 100%; }
.top_navi { background: url(../images/header-bg.jpg) repeat-x; height: 46px; position: fixed; width: 100%; z-index: 9999; font-size: 14px; }
.top_navi div.fix_width { height: 52px; }
.fix_width { margin: 0 auto; width: 1024px; }
.top_navi a.home { border-left: 1px solid rgb(8, 8, 8); border-right: 1px solid rgb(70, 70, 70); display: inline-block; float: left; height: 45px; opacity: 0.7; }
.top_navi a.home:hover { opacity: 1; }
.top_navi a.home span { border-left: 1px solid rgb(70, 70, 70); border-right: 1px solid rgb(8, 8, 8); display: inline-block; height: 45px; text-align: center; width: 50px; }
.top_navi .icon.root { width: 17px; }
.top_navi a.home strong { margin-top: 15px; }
.top_navi .icon { background: url("../images/top_navi_icon.png") no-repeat scroll 0 0 transparent; display: inline-block; height: 17px; vertical-align: middle; }
.top_navi div.links a:first-child { border-left: medium none; }
.top_navi div.links a { border-left: 1px solid rgb(66, 66, 66); border-right: 1px solid rgb(8, 8, 8); color: #fff; display: inline-block; font-size: 90%; line-height: 44px; padding: 0 25px; }
.top_navi .icon.phone { background-position: -39px 0; width: 17px; }
.top_navi div.links a span { margin-right: 5px; }
.top_navi .icon.partner { background-position: -59px 0; width: 19px; }
.top_navi div.links a:hover { opacity: 0.83; }
.top_navi div.links a.enquiry:hover { opacity: 0.9; }
.top_navi div.links strong.open { background: url("../images/top_navi_icon_open_close.png") no-repeat scroll center 14px transparent; border-left: 1px solid rgb(66, 66, 66); border-right: 1px solid rgb(8, 8, 8); cursor: pointer; display: inline-block; height: 44px; vertical-align: top; width: 35px; }
.top_navi div.links a.enquiry { background: #037fc9; border-left: medium none; color: rgb(255, 255, 255); font-size: 1.1em; font-weight: 700; line-height: 43px; opacity: 1; padding-bottom: 1px; padding-left: 30px; padding-right: 30px; }
.top_navi .icon.faq { background-position: -19px 0; width: 18px; }
.top_navi div.links { border-right: 1px solid rgb(66, 66, 66); float: right; position: relative; }
.mini-logo { display: none; }
.enquiry-btn { display: none; }
.home_banner { position: absolute; top: 45px; width: 100%; background: url(../images/bg1.jpg) center top repeat-x; height: 1008px; }
.slider-wrap { width: 1024px; margin: 0px auto; position: relative; top: 160px; }
.img-div { text-align: center; width: 43%; }
.content-div { background: url(../images/trans-img.png) no-repeat; padding: 28px 0 0 0; width: 563px; height: 275px; }
.content-div h2 { font-family: 'oswaldlight'; font-size: 31px; padding-bottom: 10px; }
.content-div h1 { color: #fff; font-size: 23px; padding: 9px 0; }
.content-div p { font-size: 14px; line-height: 22px; text-align: justify; width: 97%; }
.fleft { float: left; }
.fright { float: right; }
.free_quote { background: none repeat scroll 0 0 rgb(195, 75, 31); border: 0 solid transparent; border-radius: 47px 47px 47px 47px; box-shadow: 0 0 10px #3e4041; float: right; font-size: 18px; height: 35px; margin-right: 58px; margin-top: 20px; padding: 13px 15px 0; text-align: center; font-family: 'oswaldlight'; }
a.free_quote { color: white; }
a.free_quote:hover { opacity: 0.80; }
.container {position: relative; }
.three-boxes { margin: 0 auto; position: relative; width: 100%; z-index: 1; }
.box1 { background: #e0dfdf; border: 6px solid #d1cfcf; border-radius: 8px; width: 100%; padding: 15px 0 25px 0; text-align: center; }
.box1:hover { background: white; cursor: pointer; }
.box1 p { color: #6e7075; font-size: 13px; line-height: 24px; padding-left: 21px; text-align: justify; width: 83%; }
.box1 h1 { font-size: 24px; color: #c34b1f; padding: 15px 0; font-family: 'oswaldlight'; font-weight: normal; }
.box1 h1.mobile { color: #2376c2; }
.box1 h1.design { color: #96a208; }
.box1 p a { color: #bd471c; text-decoration: none; }
.box1 p a:hover { color: #bd471c; text-decoration: underline; }
.box1 p.mobile a { color: #2376c2; text-decoration: none; }
.box1 p.mobile a:hover { color: #2376c2; text-decoration: underline; }
.box1 p.design a { color: #96a208; text-decoration: none; }
.box1 p.design a:hover { color: #96a208; text-decoration: underline; }
.box-shadow { width: 100%; height: 28px; background: url(../images/shadow-box.png) center no-repeat; }
.box { width: 26%; margin: 0 0 0 53px; }
.center, .aligncenter { text-align: center; padding-top: 15px; height: 43px; }
span.osicon, a.osicon { background-image: url("../images/icons.png"); background-repeat: no-repeat; cursor: pointer; display: inline-block; margin: 0 5px; vertical-align: middle; }
a.osicon.php { background-position: 0 0; height: 28px; width: 52px; }
a.osicon.php:hover { background-position: 0 -50px; }
a.osicon.net { background-position: -52px 0; height: 26px; width: 45px; }
a.osicon.net:hover { background-position: -54px -53px; }
a.osicon.java { background-position: -102px 0; height: 45px; width: 75px; }
a.osicon.java:hover { background-position: -102px -50px; }
a.osicon.yahoos { background-position: -450px 0; height: 33px; width: 35px; }
a.osicon.yahoos:hover { background-position: -450px -46px; }
a.osicon.apple { background-position: -183px 0; height: 31px; width: 28px; }
a.osicon.apple:hover { background-position: -183px -47px; }
a.osicon.android { background-position: -210px 2px; height: 34px; width: 29px; }
a.osicon.android:hover { background-position: -211px -45px; }
a.osicon.blackberry { background-position: -240px 2px; height: 27px; width: 42px; }
a.osicon.blackberry:hover { background-position: -240px -45px; }
a.osicon.windows { background-position: -280px 0; height: 30px; width: 38px; }
a.osicon.windows:hover { background-position: -280px -47px; }
a.osicon.ps { background-position: -318px 0; height: 33px; width: 33px; }
a.osicon.ps:hover { background-position: -318px -47px; }
a.osicon.ai { background-position: -350px 0; height: 33px; width: 33px; }
a.osicon.ai:hover { background-position: -350px -47px; }
a.osicon.html5 { background-position: -384px 0; height: 44px; width: 31px; }
a.osicon.html5:hover { background-position: -384px -47px; }
a.osicon.flash { background-position: -416px 0; height: 33px; width: 33px; }
a.osicon.flash:hover { background-position: -416px -46px; }
.content-secion { width: 100%; margin: 30px 0 0 0; }
.heading { background: url("../images/heading-img.png") repeat scroll 0 0 transparent; border-left: 6px solid rgb(213, 213, 213); height: 41px; padding-left: 10px; padding-top: 19px; }
.content-secion h1 { font-size: 18px; color: #40444b; text-shadow: 1px 1px 0px white; font-weight: normal; }
.expertise-div { width: 100%; margin: 22px 0 0 0; }
.achivement { width: 100%; height: 104px; background: url(../images/logos-bg.png) repeat-x; border-radius: 8px; }
.achivement img { padding: 8px 28px 0; }
.achivement img:hover { opacity: 0.76; }
img.lst, .second-last { padding: 0 28px; position: relative; top: -10px; }
.bottom-content { width: 100%; margin: 50px 0 0 0; }
.video { width: 42%; }
.video-pot { width: 100%; text-align: center; margin: 24px 0 0 0; }
.testimonial { width: 53%; }
.testimonial-shadow { width: 100%; height: 22px; background: url(../images/testimonial-shadow.png) center no-repeat; }
.testimonial-div { margin: 24px auto 0; width: 90%; }
.testi { background: white; width: 482px; position: relative; border: 1px solid #d9d9d9; border-radius: 8px; padding-bottom: 38px; }
.testi img { margin: 31px 0 0 41px; }
.testi span { float: right; font-size: 17px; color: #2376c2; font-family: 'oswaldlight'; position: relative; right: 28px; }
.testi span a { text-decoration: underline; color: #2376c2; }
.testi span a:hover { text-decoration: none; color: #2376c2; }
.cover-photo { background: url(../images/cover-photo.png) no-repeat; top: 18px; left: 15px; width: 140px; height: 140px; position: absolute; }
p.right { color: rgb(145, 144, 142); float: right; font-size: 12px; line-height: 24px; position: relative; left: 29px; top: 63px; width: 54%; }
p.right img { margin: 0; padding: 0 5px 0 5px; }
.client-logos { background: url(../images/logo-back-shadow.png) center no-repeat; text-align: center; height: 67px; margin: 50px 0 0 0; width: 100%; }
.client-logos img { padding: 15px 10px; }
.div1 { width: 24%; }
.div-map img { margin: 17px; }
.div1 ul li { list-style: none; font-size: 12px; line-height: 24px; color: #d8d8d8; position: relative; top: 6px; }
.div1 ul li a { color: #d8d8d8; text-decoration: none; }
.div1 ul li a:hover { color: #fff; text-decoration: none; }
.div1 ul { margin: 0px 0 0 9px; }
ul.links-left { margin: 6px 0 0 8px; }
ul li.ind { background: url(../images/ind.png) left no-repeat; padding: 0 0 0 50px; }
ul li.us { background: url(../images/us.png) left no-repeat; padding: 0 0 0 50px; }
ul li.uk { background: url(../images/uk.png) left no-repeat; padding: 0 0 0 50px; }
ul li.aus { background: url(../images/aus.png) left no-repeat; padding: 0 0 0 50px; }
ul li.singapur { background: url(../images/singapur.png) left no-repeat; padding: 0 0 0 50px; }
ul.flags li { line-height: 35px; }
.div-map { margin: 12px 0 15px 12px; }
.media-icons { background-image: url("../images/media-icons.png"); background-repeat: no-repeat; cursor: pointer; display: inline-block; margin: 20px 5px 0; }
a.media-icons.facebook { background-position: 0 0; height: 33px; width: 32px; }
a.media-icons.facebook:hover { background-position: 0 -33px; height: 33px; width: 32px; }
a.media-icons.twiiter { background-position: -32px 0; height: 33px; width: 32px; }
a.media-icons.twiiter:hover { background-position: -32px -33px; height: 33px; width: 32px; }
a.media-icons.in { background-position: -64px 0; height: 33px; width: 32px; }
a.media-icons.in:hover { background-position: -64px -33px; height: 33px; width: 32px; }
a.media-icons.gplus { background-position: -96px 0; height: 33px; width: 32px; }
a.media-icons.gplus:hover { background-position: -96px -33px; height: 33px; width: 32px; }
.footer-heading-wrapper span { float: right; font-size: 12px; color: white; padding: 27px 0 0 0; }
/*-----------------------------------------------mobile devices---------------*/
#menu-btn { display: none; }
#navmenu { display: none; }
.home-banner-mobile { display: none; }
.rtl { width: 100%; text-align: center; float: left; top: 15px; position: relative; height: 35px; }
.prt { float: left; width: 100%; }
.prt img { float: left; margin: 0 5px 0 0 !important; }
.prt img a:hover { cursor: pointer !important; float: left; }
.home-banner-mobile h1 { font-size: 18px; padding-top: 34px; }
.inner-mobile-banner h1 { font-size: 18px; padding-top: 34px; }
.home-banner-mobile h2 { font-size: 13px; }
.inner-mobile-banner h2 { font-size: 13px; }
ul.newly li { font-size: 14px; line-height: 30px; list-style: none outside none; color: rgb(118, 119, 121); }
.mm-testi { margin-left: 18px !important; width: 621px; min-height: 336px; }
p.right-top { color: rgb(86, 87, 89); float: left; font-size: 12px; left: 165px; line-height: 24px; position: absolute; top: 220px; width: 71%; }
.mm-testi span { float: right; font-family: 'oswaldlight'; position: relative; right: 28px; }
.mm-testi span a { text-decoration: underline !important; color: rgb(35, 118, 194) !important; font-size: 16px !important; }
.mm-testi span a:hover { text-decoration: none !important; color: rgb(35, 118, 194) !important; }
.title-new { color: rgb(3, 127, 201); float: left; font-size: 16px; font-weight: 700; margin-right: 0 !important; text-align: center; width: 32%; }
/*
----------------------------------------------------------inner pages--------------------------------------------------*/

.three-boxes-inner { margin: 0 auto; position: relative; width: 100%; z-index: 1; }
.inner-box1 { margin: 0 0 0 3px; text-align: center; width: 33%; }
.inner-background { position: absolute; top: 45px; width: 100%; background: url(../images/bg3.jpg) no-repeat; height: 1008px; }
*:first-child+html .inner-background { margin-left: -198px; }
*:first-child+html .home_banner { margin-left: -198px; }
.inner-box1 h1 { color: rgb(195, 75, 31); font-family: 'oswaldlight'; font-size: 24px; font-weight: normal; padding: 15px 0; }
.three-boxes-inner ul li { color: #565759; line-height: 24px; font-size: 14px; text-align: left; margin-left: 76px; }
.three-boxes-inner ul li a { color: #565759; text-decoration: none; }
.three-boxes-inner ul li a:hover { color: #565759; text-decoration: underline; }
.inner-box1 h1.mobile { color: rgb(35, 118, 194); }
.inner-box1 h1.web-port { color: #977305; }
.inner-box1:hover { background: url(../images/inner-box-hover.png) repeat; cursor: pointer; }
.portfolio-panel { background: none repeat scroll 0 0 rgb(243, 243, 243); border: 1px solid rgb(204, 204, 204); border-radius: 8px 8px 8px 8px; height: 157px; margin-left: 65px; padding-top: 9px; position: relative; width: 218px; }
a.viewall { background: url("../images/viea-all.png") no-repeat scroll 0 0 transparent; color: white; float: right; font-size: 12px; height: 21px; padding-top: 3px; position: relative; right: 6px; text-align: center; top: -18px; width: 94px; }
.icon-left { float: left; left: 0; position: absolute; top: 46px; }
.icon-right { float: right; position: absolute; right: 0; top: 46px; }
.fright-img { float: right; margin-right: 61px !important; margin-top: 25px !important; }
.inner-section-left { width: 67%; }
.inner-content-section { margin: 0px auto; width: 94%; }
.inner-content-section p { color: rgb(118, 119, 121); float: left; font-size: 14px; line-height: 22px; padding: 12px 0 12px 0; }
.inner-content-section p a { color: #514e4e; text-decoration: none; }
.inner-content-section p a:hover { color: #514e4e; text-decoration: underline; }
.inner-content-section h2 { color: #015792; font-size: 16px; line-height: 24px; font-weight: normal; padding-bottom: 15px; }
.inner-section-right { width: 29%; }
.heading-inner { background: url("../images/heading-img.png") repeat scroll 0 0 transparent; border-left: 6px solid rgb(213, 213, 213); height: 41px; padding-left: 10px; padding-top: 19px; position: relative; clear: both; }
.heading-inner h1 { color: rgb(64, 68, 75); font-size: 18px; font-weight: normal; text-shadow: 1px 1px 0 white; }
.flx { top: -10px; position: relative; }
.open-source-panel { width: 94%; margin-top: 24px; }
img.border-bottom { margin: 20px 0 0 58px; text-align: center; }
.open-source-box { width: 50%; }
.open-source-box h3 { color: rgb(1, 87, 146); font-size: 18px; font-weight: normal; padding-left: 61px; padding-top: 7px; text-align: left; }
.open-source-box img { float: left; position: absolute; margin: 0 0 0 14px; }
.open-source-box p { float: right; font-size: 13px; padding-top: 5px; width: 80%; }
a.ops_button { background: none repeat scroll 0 0 rgb(62, 62, 62); border-radius: 5px 5px 5px 5px; color: rgb(255, 255, 255); float: left; font-size: 11px; height: 19px; left: 59px; margin-bottom: 19px; margin-right: 11px; padding: 7px 0 0; position: relative; text-align: center; width: 90px; }
a.ops_button:hover { opacity: 0.76; }
.colorful-div { background: none repeat scroll 0 0 rgb(78, 131, 185); border-radius: 8px 8px 8px 8px; margin: 23px auto 25px; padding: 15px 0; width: 244px; }
.porfolio-div-inner { background: none repeat scroll 0 0 white; position: relative; border-radius: 8px 8px 8px 8px; height: 124px; margin: 0 auto; width: 218px; border: 1px solid rgb(188, 190, 193); text-align: center; }
img.requestaquote { float: right; position: absolute; right: 13px; top: 8px; }
.contact-us-div { width: 214px; height: 319px; margin: 0px auto; margin-bottom: 20px; }
.contact-us-div input, textarea { width: 198px; height: 33px; border-radius: 8px; background: white; border: 1px solid #bcbec1; font-size: 12px; color: #808288; margin-bottom: 6px; padding-left: 15px; }
.contact-us-div textarea { height: 142px; padding-top: 12px; }
input.buttonc { background: none repeat scroll 0 0 rgb(195, 75, 31); border: 0 solid transparent; border-radius: 12px 12px 12px 12px; box-shadow: 0 0 10px rgb(188, 190, 193); color: white; cursor: pointer; float: right; font-size: 13px; height: 32px; margin-bottom: 15px; margin-top: 11px; padding-left: 0; padding-top: 0; text-align: center; width: 122px; }
img.video-mg { width: 100%; }
.inner-header-bg { position: absolute; top: 45px; width: 100%; background: url(../images/joomla-header-img.jpg) top center repeat-x; height: 370px; }
.dnn-header-bg { background: url(../images/dnn-header-img.jpg) top center repeat-x; }
.android-header-bg { background: url(../images/android-header-img.jpg) top center repeat-x; }
.inneinnerr-mobile-banner h1 { font-size: 18px; padding-top: 34px; }

.inner-mobile-banner { display: none;}
.header-shadow-inner { background: url("../images/header-shadow.png") no-repeat scroll center top transparent; height: 31px; position: relative; top: 270px; width: 100%; }
.inner { top: 246px; }
.why-client-box { width: 100%; border: 1px solid rgb(204, 204, 204); border-radius: 5px; margin: 25px 0 20px 0; background: #fff; }
.why-client-box1 { width: 100%; border-right: 1px dotted #282828; border-bottom: 1px dotted #282828; padding-top: 25px; }
.why-client-box2 { width: 100%; border-bottom: 1px dotted #282828; padding-top: 25px; }
.left-one, .right-one { width: 50%; margin-bottom: 20px; }
.nne1 { border: none; }
.nne2 { border-bottom: none; }
.why-client-box img { float: left; margin: 0 0 0 14px; position: absolute; }
.why-client-box h3 { color: rgb(1, 87, 146); font-size: 18px; font-weight: normal; padding-left: 57px; padding-top: 1px; text-align: left; }
.why-client-box p { float: right; font-size: 13px; padding-top: 5px; width: 81%; }
.inner-quote { float: left; }
.content-div-inner { background: url("../images/trans-img-inner.png") no-repeat scroll 0 0 transparent; padding: 10px 0 18px 42px; width: 490px; ; }
.content-div-inner h2 { font-family: 'oswaldlight'; font-size: 31px; padding-bottom: 10px; }
.content-div-inner h1 { font-family: 'oswaldlight'; font-size: 24px; padding-bottom: 10px; color: white; }
.mobile-page { background: url(../images/bg4.jpg) top center repeat-x; }
.microsoft-page { background: url(../images/bg2.jpg) top center repeat-x; }
.mobile-app-portfolio-bg { background: url(../images/mobile-app-portfolio-bg.png) no-repeat; height: 216px; margin-left: 24px; padding-top: 9px; position: relative; width: 318px; }
.mobile-app-portfolio-div { height: 136px; margin: 9px auto 0 65px; position: relative; width: 183px; }
.platform-section {
background: /* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(bottom, #AFAFAF 0%, #FFFFFF 100%); /* Mozilla Firefox */ background-image: -moz-linear-gradient(bottom, #AFAFAF 0%, #FFFFFF 100%); /* Opera */ background-image: -o-linear-gradient(bottom, #AFAFAF 0%, #FFFFFF 100%); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #AFAFAF), color-stop(1, #FFFFFF)); /* Webkit (Chrome 11+) */ background-image: -webkit-linear-gradient(bottom, #AFAFAF 0%, #FFFFFF 100%); /* W3C Markup, IE10 Release Preview */ background-image: linear-gradient(to top, #AFAFAF 0%, #FFFFFF 100%); border: 1px solid #d2d2d2; border-radius: 3px; width: 100%; margin: 25px 0 20px 0; }
a.app-icons { background: url(../images/mobile-icons.png) no-repeat; cursor: pointer; display: block; vertical-align: middle; margin: 0 5px; }
a.app-icons.apple { background-position: 0 0; height: 59px; width: 52px; }
a.app-icons.apple:hover { background-position: -0 -67px; height: 59px; width: 52px; }
a.app-icons.android { background-position: -59px 0; float: right; height: 67px; position: relative; top: -56px; width: 52px; }
a.app-icons.android:hover { background-position: -59px -67px; }
a.app-icons.blackberry { background-position: -119px 0; height: 59px; position: relative; top: 19px; width: 52px; }
a.app-icons.blackberry:hover { background-position: -119px -64px; }
a.app-icons.windows { background-position: -169px 7px; float: right; height: 78px; left: 58px; position: relative; top: -49px; width: 59px; }
a.app-icons.windows:hover { background-position: -169px -56px; }
.platform-section h1 { color: #817f7f; font-size: 18px; margin-bottom: 20px; }
.icons-div { background: url("../images/sep-img.png") no-repeat scroll right top transparent; margin: 25px 25px 0; padding: 0 47px 0 0; width: 171px; }
.center-app-cont { margin: 34px 0 0 7px; width: 42%; }
.center-app-cont p { color: #767779; font-size: 14px; line-height: 24px; }
.featured-client { background: url("../images/sep-img.png") no-repeat scroll left top transparent; margin-top: 25px; padding-left: 39px; width: 256px; }
.mobile-development-serives { background: url("../images/border-bottom-mobile-div.png") no-repeat scroll center bottom transparent; margin: 33px 0 0px; padding-bottom: 20px; width: 100%; }
.mobile-development-serives img { float: left; margin: 0 0 0 0; position: relative; }
.mobile-development-serives h1 { color: #734c1c; float: left; padding-left: 24px; font-size: 20px; }
.mobile-development-serives p { float: right; font-size: 13px; text-align: justify; width: 77%; }
.buttons { padding: 15px 0 0 90px; }
.nne { background: none; }
.mobiel-page-color { background: #93652b; }
.microsoft-page-color { background: #1a7f7d; }
.content-div ul li { font-size: 18px; line-height: 22px; color: white; }
.gray { background: #fff; border: 1px solid rgb(212, 208, 208); border-radius: 8px 8px 8px 8px; padding-bottom: 15px; margin: 25px auto 0; width: 247px; text-align: center; }

.gray h1 { padding-top: 20px; color: rgb(115, 76, 28); }
.microsoft-services { background: white; border: 1px solid #c2bdbd; width: 100%; margin: 30px 0 0 0; }
.mic-cont-right { width: 50%; padding: 21px 0 0 0; text-align: center; }
.mic-cont-right p { text-align: justify; width: 88%; margin: 0 0 0 16px; line-height: 20px; }
.microsoft-services ul li { line-height: none; padding: 17px 20px; background: url(../images/heading-img.png) repeat; }
.microsoft-services ul li a { color: #424242; font-size: 14px; text-decoration: none; }
.microsoft-services ul li a:hover { color: #fff; text-decoration: none; }
.microsoft-services ul li:hover { background: url("../images/hover-corner.png") no-repeat scroll right top rgb(36, 161, 154); cursor: pointer; display: block; width: 93%; }
.microsoft-services ul li:hover a { color: white; }
.microsoft-services ul li a.mg1 { background: url("../images/mg1.png") no-repeat scroll left center transparent; padding: 15px 15px 15px 52px; }
.microsoft-services ul li a.mg2 { background: url("../images/mg2.png") no-repeat scroll left center transparent; padding: 15px 15px 15px 52px; }
.microsoft-services ul li a.mg3 { background: url("../images/mg3.png") no-repeat scroll left center transparent; padding: 15px 15px 15px 52px; }
.microsoft-services ul li a.mg4 { background: url("../images/mg4.png") no-repeat scroll left center transparent; padding: 15px 15px 15px 52px; }
.microsoft-services ul li a.mg5 { background: url("../images/mg5.png") no-repeat scroll left center transparent; padding: 15px 15px 15px 52px; }
.microsoft-services ul li a.mg6 { background: url("../images/mg6.png") no-repeat scroll left center transparent; padding: 15px 15px 15px 52px; }
.microsoft-services ul li a.mg7 { background: url("../images/mg7.png") no-repeat scroll left center transparent; padding: 15px 15px 15px 52px; }
.microsoft-services ul li a.mg8 { background: url("../images/mg8.png") no-repeat scroll left center transparent; padding: 15px 15px 15px 52px; }
a.free_quote_img { background: url("../images/free-quote.png") no-repeat scroll 0 0 transparent; color: white; float: right; height: 43px; margin-right: 15px; padding-top: 12px; text-align: center; width: 165px; }
a.free_quote_img:hover { opacity: 0.85; }
.green { color: #1a7f7d !important; }
.microsoft-services ul li.activeness { background: url("../images/hover-corner.png") no-repeat scroll right top rgb(36, 161, 154); cursor: pointer; display: block; width: 93%; }
.microsoft-services ul li.activeness a { color: white; }
.certified-img { background: url("../images/certified-img.jpg") repeat scroll 0 0 transparent; border: 1px solid rgb(194, 189, 189); margin-top: 35px; width: 100%; }
.taglines-div { background: url(../images/right-aero.png) left no-repeat; padding: 12px 0 0 38px; margin: 12px 0 0 16px; }
.taglines-div h3 { color: #4b4b4c; font-size: 16px; }
.taglines-div span { color: #777777; font-size: 12px; }
.wrap-inner { top: 124px; }
.top-spacing { margin-top: 25px; }
.development-div { width: 32%; background: #fff; border: 1px solid #c4c4c4; border-radius: 7px; margin: 15px 5px 35px 0; }
.development-div h2 { background: none repeat scroll 0 0 rgb(45, 173, 237); border-radius: 13px 13px 13px 13px; color: white; font-size: 16px; font-weight: normal; margin: 8px 0 4px 11px; padding-bottom: 10px; padding-top: 11px; text-align: center; width: 89%; }
.development-div p { font-size: 13px; line-height: 22px; margin: 15px 13px 17px 15px; padding: 0; color: #4b4b4c; text-align: justify; }
a.quote-bg { background: url("../images/quote-bg.png") no-repeat scroll center 0 transparent; color: white; float: left; font-family: dax; font-size: 12px; height: 16px; padding-top: 3px; text-align: center; width: 100%; }
.dnn-page { background: #2daded; }
.development-div h2.android-color { background: #759c37; }
.development-div ul li { color: rgb(75, 75, 76); font-size: 13px; line-height: 26px; margin: 0; padding-left: 10px; text-align: left; }
.development-div span { float: right; font-size: 12px; padding: 0 15px 48px 0; }
ul.links-android li { line-height: 39px; font-size: 14px; color: #817f7f; padding: 0 0 0 33px; background: url(../images/short-aero.png) left no-repeat }
ul.links-android { float: left; margin: 12px 0 0; width: 50%; }
.android-content-div-right { margin: 15px 0 0 0; width: 50%; }
.android-content-div-right h1 { font-family: 'oswaldlight'; font-size: 36px; color: #4b4b4c; text-align: center; }
.android-short-div { background: url("../images/li-bg-img.png") repeat scroll 0 0 transparent; float: left; margin-top: 20px; width: 100%; }
ul.short-links-android { color: rgb(75, 75, 76); font-size: 14px; line-height: 30px; margin: 0 auto 10px; width: 66%; }
ul.short-links-android li { background: url(../images/white-aero.png) left 10px no-repeat; padding-left: 30px; }
.android-page{ background:rgb(117, 156, 55);}
ul.and-btm{ padding-bottom:19px;}
.exp:hover{ opacity:0.86 !important; color:black !important;}
.title-new:hover{ opacity:0.80 !important;}