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

/*-----------------------------------MEGAMENU-----------------------------------[start]*/
/*----------[1] => OVERRIGHT DEFAULT CLASS----------*/
#header #megaMenu div, #header #megaMenu span, #header #megaMenu ul, #header #megaMenu li, #header #megaMenu a, #megaMenu img { font-size: 13px; padding: 0; }
#header #megaMenu li { width: auto; margin: 0; padding: 0; }
#header .megaMenubox { background: url("../images/navi_shadow.png") no-repeat scroll center bottom / 100% auto transparent;
    float: right;
    margin-top: 31px;
    padding-bottom: 26px;
    position: relative;
    width: 688px;
    z-index: 2; }
#header #megaMenu ul.megaMenu > li > a.nne { background: none; width: 100%; }
#header #megaMenu { background: url(../images/tran_black.png); border-radius: 3px; z-index: 9; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#header #megaMenu ul.megaMenu > li > a { padding: 12px 22px; font-size: 15px; font-weight: 700; color: #fff; background: url(../images/navdevider.png) no-repeat right bottom; }
#header #megaMenu ul.megaMenu > li:hover { background: #fff; color: black; }
#header #megaMenu ul.megaMenu > li:hover a { color:black; }
#header #megaMenu ul.megaMenu > li#menu-item-16175 > a:hover { background: #fff; color: black; }
#header #megaMenu ul.megaMenu > li#menu-item-16175 > a:after { right: auto; left: 122px; }
#header #megaMenu ul.megaMenu > li:first-child > a { border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; }
#header #megaMenu ul.megaMenu > li#menu-item-16175 > a { background: none; }
html#ie7 #header #megaMenu ul.megaMenu > li > a, html#ie8 #header #megaMenu ul.megaMenu > li > a, html#ie9 #header #megaMenu ul.megaMenu > li > a, html#ie10 #header #megaMenu ul.megaMenu > li > a { padding-left: 39px; padding-right: 39px; }
#header #megaMenu ul.megaMenu > li.menu-item > ul.sub-menu.sub-menu-1 { background: #fff; border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border: none; }
/*----------[1] => COMMON----------*/
#header #megaMenu .navi_link { list-style: none; margin: 5px 0 10px 0; float: left; width: auto; }
#header #megaMenu .navi_link.middle { margin-left: 25px; margin-right: 25px; }
#header #megaMenu .navi_link.middleright { margin-right: 25px; }
#header #megaMenu .navi_link li a { background: url(../images/links_arr_light.png) no-repeat 5px 7px; color: #555; display: block; padding: 5px 0px 5px 25px; margin: 0; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
#header #megaMenu .navi_link li a:hover { background-image: url(../images/links_arr.png); background-color: #203a71; color: #fff !important; }
#header #megaMenu .title { color: #037fc9; font-size: 16px; font-weight: 700; }
#header #megaMenu li.title { padding-bottom: 5px; }
#header #megaMenu .title a { color: #037fc9; text-shadow: 1px 1px 1px #fff; font-size: 16px; }
#header #megaMenu .title a:hover { color: #173365; }
#header #megaMenu .navi_link li.title { padding-top: 15px; padding-bottom: 5px; }
#header #megaMenu .navi_link li:first-child.title { padding-top: 0; }
#header #megaMenu .navi_link li.title a { background: none; border-bottom: none; padding: 0; color: #037fc9; font-size: 16px; }
#header #megaMenu .navi_link li.title a:hover { color: #173365; }
#header #megaMenu .subtitle { color: #163263; font-size: 1.1em; font-weight: 700; }
#header #megaMenu .subtitle a { color: #163263; font-size: 1em; }
#header #megaMenu .text { color: #333; }
#header #megaMenu .shadow { -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; box-shadow: 0px 4px 8px #171717; -moz-box-shadow: 0px 4px 8px #171717; -webkit-box-shadow: 0px 4px 8px #171717; width: 688px; background: url(../images/effect.png); }
html#ie7 #header #megaMenu .shadow, html#ie8 #header #megaMenu .shadow { border: solid 1px #ddd; width: 799px; }
/*----------[1] => ABOUT US----------*/
#header #megaMenu .about_detail .navi_link.fix { width: 248px; }
#header #megaMenu .about_detail .pad { padding-left: 20px; padding-top: 15px; }
#header #megaMenu .about_detail .left { float: left; width: 71%; border-radius: 0px 0px 0px 5px; -moz-border-radius: 0px 0px 0px 5px; -webkit-border-radius: 0px 0px 0px 5px; border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; }
#header #megaMenu .about_detail .latest_blog { padding-top: 10px; padding-left: 20px; padding-bottom: 10px; border-top: 1px solid #fff; box-shadow: 0 -1px 0 #d7d7d7; -moz-box-shadow: 0 -1px 0 #d7d7d7; -webkit-box-shadow: 0 -1px 0 #d7d7d7; }
#header #megaMenu .about_detail .latest_blog .icon { border: 2px solid #333; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; text-align: center; width: 70px; padding-top: 15px; height: 55px; display: inline-block; float: left; }
#header #megaMenu .about_detail .latest_blog .detail { float: right; padding-left: 20px; width: 82.5%; }
#header #megaMenu .about_detail .right { float: right; height: 247px; width: 25%; text-align: center; padding: 30px 15px; background: url(images/gray_bg.jpg); border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-left: 1px solid #fff; box-shadow: -1px 0 0 #d7d7d7; -moz-box-shadow: -1px 0 0 #d7d7d7; -webkit-box-shadow: -1px 0 0 #d7d7d7; }
#header #megaMenu .about_detail .right p { color: #333; line-height: 20px; margin-top: 20px; }
#header #megaMenu .about_detail h1 { color: #fa8300; font-size: 32px; }
#header #megaMenu .about_detail .tour_img { border: 2px solid #d4d4d4; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
#header #megaMenu .about_detail .tour_img:hover { opacity: 0.8; }
/*----------[2] => SERVICES----------*/
/*#header #megaMenu .services_detail .pad { padding-left:20px; padding-top:10px;}
#header #megaMenu .services_detail .navi_link.fix { width:242px; }
#header #megaMenu .services_detail .left { width:74%; }
#header #megaMenu .services_detail .right { float:right; width:25%; text-align:center; }
#header #megaMenu .services_detail .right img { margin-bottom:5px; }
#header #megaMenu div.service_box { border-bottom-left-radius:3px; -moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px;  border-bottom-right-radius:3px; -moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:3px; padding:10px 0 10px 5px; margin-top:1px; }
#header #megaMenu div.service_box a, #header #megaMenu div.service_box div.i_box { float:left; width:24%; border-left: 1px solid #fff; padding-left:6px; display:block; box-shadow: -1px 0 0 #d7d7d7; -moz-box-shadow: -1px 0 0 #d7d7d7; -webkit-box-shadow: -1px 0 0 #d7d7d7; }
#header #megaMenu div.service_box a:first-child, #header #megaMenu div.service_box div.i_box:first-child { border-left:none;  box-shadow:none; }
#header #megaMenu div.service_box a.design, #header #megaMenu div.service_box a.hourly { border-right:none; }
#header #megaMenu div.service_box a span, #header #megaMenu div.service_box div.i_box span { display:inline-block; vertical-align:top; }
#header #megaMenu div.service_box a span.service_name, #header #megaMenu div.service_box div.i_box span.service_name { text-transform:uppercase; font-size:10px; color:#555; margin-top:7px; }
#header #megaMenu div.service_box a span.service_name strong, #header #megaMenu div.service_box div.i_box span.service_name strong { display:block; font-size:18px; color:#173365; text-transform:capitalize; }
#header #megaMenu div.service_box a.web span.service_name strong { color:#eb6431; }
#header #megaMenu div.service_box a.mobile span.service_name strong { color:#14a0e6; }
#header #megaMenu div.service_box a.game span.service_name strong { color:#d9a52b; }
#header #megaMenu div.service_box a.yahoo span.service_name strong { color:#580177; }
#header #megaMenu div.service_box a.design span.service_name strong { color:#569e26; }
#header #megaMenu div.service_box a:hover span.service_name, #header #megaMenu div.service_box div.i_box:hover span.service_name { color:#000; }
#header #megaMenu div.service_box a:hover span.service_name strong, #header #megaMenu div.service_box div.i_box:hover span.service_name strong { color:#000; }
#header #megaMenu div.service_box a span.micon, #header #megaMenu div.service_box div.i_box span.micon { width:42px; height:42px; }
#header #megaMenu span.micon { width:42px; height:42px; background:url(images/megamenu_icon.png) no-repeat; margin-right:7px; }
#header #megaMenu span.micon.game { background-position:0px 0;}
#header #megaMenu div.service_box a:hover span.micon.game { background-position:0 -42px;}
#header #megaMenu span.micon.yahoo{ background-position:-42px 0;}
#header #megaMenu div.service_box a:hover span.micon.yahoo { background-position:-42px -42px;}
#header #megaMenu span.micon.web{ background-position:-84px 0;}
#header #megaMenu div.service_box a:hover span.micon.web { background-position:-84px -42px;}
#header #megaMenu span.micon.mobile{ background-position:-126px 0;}
#header #megaMenu div.service_box a:hover span.micon.mobile { background-position:-126px -42px;}
#header #megaMenu span.micon.design { background-position:-168px 0;}
#header #megaMenu div.service_box a:hover span.micon.design { background-position:-168px -42px;}
#header #megaMenu span.micon.fulltime { background-position:-210px 0;}
#header #megaMenu div.service_box a:hover span.micon.fulltime, #header #megaMenu div.service_box div.i_box:hover span.micon.fulltime { background-position:-210px -42px;}
#header #megaMenu span.micon.parttime { background-position:-252px 0;}
#header #megaMenu div.service_box a:hover span.micon.parttime, #header #megaMenu div.service_box div.i_box:hover span.micon.parttime { background-position:-252px -42px;}
#header #megaMenu span.micon.hourly { background-position:-294px 0;}
#header #megaMenu div.service_box a:hover span.micon.hourly, #header #megaMenu div.service_box div.i_box:hover span.micon.hourly { background-position:-294px -42px;}
#header #megaMenu div.service_box.hire a, #header #megaMenu div.service_box.hire div.i_box { width:32%; }*/
#header #megaMenu .services_detail .pad { display: block }
#header #megaMenu .services_detail .navi_link.fix { width: 172px; }
#header #megaMenu .services_detail .left { width: 24%; }
#header #megaMenu .services_detail .right { float: right; width: 75%; margin: -10px 0px; padding-top: 10px; }
#header #megaMenu .services_detail .right img { margin-bottom: 5px; }
#header #megaMenu div.service_box { border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; margin-top: 1px; padding: 10px 0 10px 5px; }
#header #megaMenu #better-text-7 div.service_box { padding: 0px; }
#header #megaMenu div.service_box a, #header #megaMenu div.service_box div.i_box { float: left; border-left: 1px solid #fff; text-align: center; box-shadow: -1px 0 0 #d7d7d7; -moz-box-shadow: -1px 0 0 #d7d7d7; -webkit-box-shadow: -1px 0 0 #d7d7d7; }
#header #megaMenu div.service_box a:first-child, #header #megaMenu div.service_box div.i_box:first-child { border-left: none; box-shadow: none; }
#header #megaMenu div.service_box a.design, #header #megaMenu div.service_box a.hourly { border-right: none; }
#header #megaMenu div.service_box a span, #header #megaMenu div.service_box div.i_box span { display: inline-block; vertical-align: top; }
#header #megaMenu div.service_box a span.service_name, #header #megaMenu div.hire div.i_box span.service_name { margin-top: 5px; }
#header #megaMenu div.service_box a span.service_name, #header #megaMenu div.services_detail div.i_box span.service_name { margin-top: 12px; }
#header #megaMenu div.service_box a span.service_name, #header #megaMenu div.service_box div.i_box span.service_name { text-transform: uppercase; font-size: 10px; color: #555; }
#header #megaMenu div.service_box a span.service_name strong, #header #megaMenu div.service_box div.i_box span.service_name strong { display: block; font-size: 18px; color: #173365; text-transform: capitalize; }
#header #megaMenu div.service_box a { margin: 0px; padding: 8px 14px; padding: 8px 19px\0; border-bottom: 1px solid #D8D7D7; }
:root #header #megaMenu div.service_box a {padding-right: 13px\9; padding-left: 13px\9;}

@media screen and (-webkit-min-device-pixel-ratio:0){
 #header #megaMenu div.service_box a { padding: 8px 13px;}
}

#header #megaMenu div.service_box a.active, #header #megaMenu div.service_box a:hover { background: url("../images/light_gray_bg.jpg") repeat scroll 0 0 transparent; border-bottom: 1px solid #f8f8f8; }
#header #megaMenu div.service_box a.web span.service_name strong { color: #a35601; }
#header #megaMenu div.service_box .web .main_web_box { display: none!important; }
#header #megaMenu div.service_box .web:hover .main_web_box { display: block; padding: 10px 15px; }
#header #megaMenu div.main_web_box { display: none; padding: 10px 15px; }
#header #megaMenu div.service_box a.mobile span.service_name strong { color: #44b5ef; }
#header #megaMenu div.service_box a.game span.service_name strong { color: #d9a52b; }
#header #megaMenu div.service_box a.yahoo span.service_name strong { color: #580177; }
#header #megaMenu div.service_box a.ecommerce span.service_name strong { color: #8a043d; }
#header #megaMenu div.service_box a.design span.service_name strong { color: #407901; }
#header #megaMenu div.service_box a.gaming span.service_name strong { color: #dea632 }
#header #megaMenu div.service_box a:hover span.service_name, #header #megaMenu div.service_box div.i_box:hover span.service_name { color: #000; }
#header #megaMenu div.service_box a:hover span.service_name strong, #header #megaMenu div.service_box div.i_box:hover span.service_name strong { color: #000; }
#header #megaMenu div.service_box a span.micon, #header #megaMenu div.service_box div.i_box span.micon { width: 42px; height: 42px; }
#header #megaMenu span.micon { width: 42px; height: 42px; background: url(../images/megamenu_icon_1.png) no-repeat; margin-right: 7px; }
#header #megaMenu span.micon.game { background-position: 0px 0; }
#header #megaMenu div.service_box a:hover span.micon.game { background-position: 0 -42px; }
#header #megaMenu span.micon.yahoo { background-position: -42px 0; }
#header #megaMenu div.service_box a:hover span.micon.yahoo { background-position: -42px -42px; }
#header #megaMenu span.micon.web { background-position: -84px 0; }
#header #megaMenu div.service_box a:hover span.micon.web { background-position: -84px -42px; }
#header #megaMenu span.micon.mobile { background-position: -126px 0; }
#header #megaMenu div.service_box a:hover span.micon.mobile { background-position: -126px -42px; }
#header #megaMenu span.micon.design { background-position: -168px 0; }
#header #megaMenu div.service_box a:hover span.micon.design { background-position: -168px -42px; }
#header #megaMenu span.micon.ecommerce { background-position: -336px 0; }
#header #megaMenu div.service_box a:hover span.micon.ecommerce { background-position: -336px -42px; }
#header #megaMenu span.micon.fulltime { background-position: -210px 0; }
#header #megaMenu div.service_box a:hover span.micon.fulltime, #header #megaMenu div.service_box div.i_box:hover span.micon.fulltime { background-position: -210px -42px; }
#header #megaMenu span.micon.parttime { background-position: -252px 0; }
#header #megaMenu div.service_box a:hover span.micon.parttime, #header #megaMenu div.service_box div.i_box:hover span.micon.parttime { background-position: -252px -42px; }
#header #megaMenu span.micon.hourly { background-position: -294px 0; }
#header #megaMenu div.service_box a:hover span.micon.hourly, #header #megaMenu div.service_box div.i_box:hover span.micon.hourly { background-position: -294px -42px; }
#header #megaMenu div.service_box.hire a, #header #megaMenu div.service_box.hire div.i_box { width: 32%; }
/*----------[3] => HIRE DEVELOPER----------*/
#header #megaMenu .hire_detail .navi_link.fix { width: 184px; }
#header #megaMenu .hire_detail .hire_developer { border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; padding: 15px 10px; }
#header #megaMenu .hire_detail .pad { padding-left: 20px; padding-top: 15px; }
#header #megaMenu .hire_detail .developer_type { width: 33%; float: left; }
#header #megaMenu .hire_detail .sep { background: url(images/sep.jpg) repeat-y right top; }
#header #megaMenu .hire_detail .developer_type a { padding-left: 53px; background-image: url(images/hire-developer-icon.png); background-repeat: no-repeat; font-size: 17px; color: #173365; text-transform: uppercase; text-decoration: none; font-weight: 700; display: block; margin: 0 10px; min-height: 42px; }
#header #megaMenu .hire_detail .developer_type a b { font-size: 10px; color: #333; font-weight: normal; display: block; }
#header #megaMenu .hire_detail .developer_type a.full { background-position: left top; }
#header #megaMenu .hire_detail .developer_type a.part { background-position: left -42px; }
#header #megaMenu .hire_detail .developer_type a.hour { background-position: left -84px; }
#header #megaMenu .hire_detail .developer_type a:hover { color: #F58220; }
#header #megaMenu .hire_detail .developer_type a:hover b { color: #000; }
/*----------[4] => TESTIMONIAL----------*/
#header #megaMenu .testimonial_detail .read_all { text-align: right; padding-right: 20px; }
#header #megaMenu .testimonial_detail .read_all a { color: #173365; font-weight: 700; display: inline-block; background: url(images/read_arr.png) no-repeat right center; padding-right: 20px; }
#header #megaMenu .testimonial_detail .read_all a:hover { color: #F58220; }
#header #megaMenu .testimonial_detail .left { padding-left: 20px; padding-top: 15px; float: left; padding-bottom: 10px; width: 100%; border-radius: 0px 0px 0px 5px; -moz-border-radius: 0px 0px 0px 5px; -webkit-border-radius: 0px 0px 0px 5px; border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; }
#header #megaMenu .testimonial_detail .left .title { margin-bottom: 10px; }
#header #megaMenu .testimonial_detail .left span { display: inline-block; margin-top: 5px; margin-bottom: 10px; margin-right: 20px; }
#header #megaMenu .testimonial_detail .left span a { display: block; }
#header #megaMenu .testimonial_detail .left span a img { vertical-align: middle; border: solid 1px #dfdfdf; }
#header #megaMenu .testimonial_detail .left span a:hover img { border: solid 1px #aaa; }
#header #megaMenu .testimonial_detail .left span strong { display: block; color: #173365; font-size: 1.1em; padding-top: 4px; }
#header #megaMenu .testimonial_detail .left span a:hover strong { color: #F58220; }
#header #megaMenu .testimonial_detail .right { float: right; width: 25%; padding: 15px 10px 16px 20px; background: url(images/gray_bg.jpg); border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-left: 1px solid #fff; box-shadow: -1px 0 0 #d7d7d7; -moz-box-shadow: -1px 0 0 #d7d7d7; -webkit-box-shadow: -1px 0 0 #d7d7d7; }
#header #megaMenu .testimonial_detail .right .client_say { border-top: solid 1px #fff; border-bottom: solid 1px #dddcdc; padding: 20px 0; margin-right: 10px; line-height: 18px; }
#header #megaMenu .testimonial_detail .right .client_say.first { border-top: none; }
#header #megaMenu .testimonial_detail .right .client_say.last { border-bottom: none; }
#header #megaMenu .testimonial_detail .right .client_say span { display: block; font-size: 1.1em; padding-top: 5px; }
#header #megaMenu .testimonial_detail .right .client_say span strong { color: #173365; }
/*----------[5] => PORTFOLIO----------*/
#header #megaMenu .portfolio_detail .pad { padding-top: 10px; padding-left: 20px; }
#header #megaMenu .portfolio_detail .navi_link { margin-top: 0; }
#header #megaMenu .portfolio_detail .navi_link.fix { width: 148px; }
#header #megaMenu .portfolio_detail .port_detail { border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; padding: 15px 0 15px 20px; }
#header #megaMenu .portfolio_detail .port_detail .left { float: left; width: 40.5%; border-right: 1px solid #aaa; }
#header #megaMenu .portfolio_detail .port_detail .right { float: right; width: 48.1%; padding-left: 17px; }
#header #megaMenu .portfolio_detail img { width: 365px; }
/*----------[6] => GRADIENT BACKGROUND----------*/
#header #megaMenu div.service_box, #header #megaMenu .hire_detail .hire_developer, #header #megaMenu .portfolio_detail .port_detail { background: url(images/gray_bg.jpg) repeat scroll 0 0 transparent; border-top: 1px solid #fff; box-shadow: 0px -1px 0px #D8D7D7; -moz-box-shadow: 0px -1px 0px #D8D7D7; -webkit-box-shadow: 0px -1px 0px #D8D7D7; }
/*-----------------------------------MEGAMENU-----------------------------------[end]*/









.exp { background: none repeat scroll 0 0 rgb(255, 255, 255) !important; border: 1px solid rgb(196, 196, 197); box-shadow: 0 0 2px rgb(126, 126, 130); float: left; height: 118px; margin: -2px 10px 15px 0 !important; padding-top: 20px !important; width: 314px; }
.exp img { float: left; }
.exp span { color: #8f8f8f; float: right; font-family: 'oswaldlight'; font-size: 18px !important; line-height: 26px; width: 190px !important; }
.technology { height: 100px !important; clear: both; width: 100%; }
.technology h1 { font-size: 18px !important; }
.technology img { padding: 0 9px !important; }
.WD { margin-left: 45px !important; }
.bg1 { margin-bottom: 15px !important; }