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

body{background:#fff;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;margin:0;padding:0;color:#333;line-height:22px;}
/*@font-face {font-family:Aquiline Book;src: url('AquilineBook.otf');}
@font-face {font-family:Aquiline Book;font-weight:bold;src: url('AquilineBookBold.otf');}
@font-face {font-family:Bauhaus93;src: url('Bauhaus93.ttf');}
*/
@font-face {
    font-family: 'Aquiline Book';
    src: url('fonts/AquilineBookRegularSwfte.eot');
    src: url('fonts/AquilineBookRegularSwfte.eot?#iefix') format('embedded-opentype'),
         url('fonts/AquilineBookRegularSwfte.woff') format('woff'),
         url('fonts/AquilineBookRegularSwfte.ttf') format('truetype'),
         url('fonts/AquilineBookRegularSwfte.svg#Cabin') format('svg');
} 
@font-face {
    font-family: 'Aquiline Book';
    src: url('fonts/AquilineBookBoldSwfte.eot');
    src: url('fonts/AquilineBookBoldSwfte.eot?#iefix') format('embedded-opentype'),
         url('fonts/AquilineBookBoldSwfte.woff') format('woff'),
         url('fonts/AquilineBookBoldSwfte.ttf') format('truetype'),
         url('fonts/AquilineBookBoldSwfte.svg#Cabin') format('svg');
		font-weight:bold;
} 
@font-face {
    font-family: 'Bauhaus93';
    src: url('fonts/Bauhaus93.eot');
    src: url('fonts/Bauhaus93.eot?#iefix') format('embedded-opentype'),
         url('fonts/Bauhaus93.woff') format('woff'),
         url('fonts/Bauhaus93.ttf') format('truetype'),
         url('fonts/Bauhaus93.svg#Cabin') format('svg');
		font-weight:bold;
} 

a{color:#00AFF0; outline:none;}
a:hover{color:#333;}
a img{border:none;}
h1, h2, h3, h4, h5, h6{font-family:Aquiline Book, Helvetica;}
::selection{background:#74b50d; color:#fff;}
::-moz-selection{background:#74b50d; color:#fff;}
img::selection{background:#00aff0;color:#fff;}
img::-moz-selection{background:#00aff0;color:#fff;}
.header{width:100%;/*float:left;*/ background:url(../images/header_bg.png) repeat-x;}
.inner{max-width:1000px; margin:0 auto; padding:0 10px;}
.header h1.logo{width:300px;float:left;margin:10px 0 9px 1px;padding:0;}

.header .header_icons{float:right;margin:27px 0 0 0;}

.header .inner .header_icons .livechat{width:auto;float:left;padding:0 25px 0 0;border-right:solid 1px #606060;}
.header .inner .header_icons .livechat a{display:block;float:left;width:190px;height:72px;background:url(../images/live_chat.png) no-repeat left top;text-decoration:none;}
.header .inner .header_icons .livechat a span{display:block;float:right;width:47px;padding:2px 0 0 13px;font-size:11px;font-weight:bold;line-height:12px;color:#333;}
.header .header_icons .livechat a span.online{background:url(../images/online_offline_icon.gif) no-repeat left 4px;}
.header .header_icons .livechat a span.offline{background:url(../images/online_offline_icon.gif) no-repeat left -10px;}

.header .header_icons .social_network{width:auto;float:left;margin:16px 0 0 20px;}
.header .header_icons .social_network a{display:block;float:left;width:56px;height:56px;margin:0 0 0 5px;text-indent:-9999px;-webkit-transition-duration:250ms;-moz-transition: ease-in-out 250ms;transition: ease-in-out 250ms;/*-moz-animation:social_network 2ms;*/}
.header .header_icons .social_network a.facebook{background:url(../images/facebook_icon.png) no-repeat left top;}
.header .header_icons .social_network a.facebook:hover{background:url(../images/facebook_icon.png) no-repeat left -56px;}
.header .header_icons .social_network a.twitter{background:url(../images/twitter_icon.png) no-repeat left top;}
.header .header_icons .social_network a.twitter:hover{background:url(../images/twitter_icon.png) no-repeat left -56px;}


.topnav{width:100%;/*float:left;height:30px;*/ background:url(../images/main-navigation-bg.png) repeat-x left top;}
.topnav ul{width:100%;/*float:left;*/list-style:none;margin:0;padding:5px 0;}
.topnav ul li{float:left; padding:0 10px 0 0; background:url(../images/nav_saparator.png) no-repeat right 4px; margin:0 8px 0 0; width:auto;}
.topnav ul li.last{background:none; margin:0;}
.topnav ul li a{display:block;float:left;background:none;padding:8px 15px 0px 20px;height:42px;font-family:Aquiline Book;color:#b3b3b3;font-size:25px;font-weight:normal;line-height:18px;text-decoration:none;transition:0.3s ease-out;	-webkit-transition:0.3s ease-out;	-moz-transition:0.3s ease-out; -o-transition:0.3s ease-out;border:solid 1px transparent;border-radius:5px;cursor:pointer;}
.topnav ul li a em{display:block;font-size:11px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-weight:normal;color:#fff;line-height:18px;padding:0;font-style:normal;}
.topnav ul li a.nav{}
.topnav ul li a:hover{color:#00aff0;background:#000;border:solid 1px #969696;border-radius:5px;}
.topnav ul li a:hover span{}
.topnav ul li a:active{color:#00aff0;background:#000;border:solid 1px #969696;border-radius:5px;}
.topnav ul li a:active span{}
.topnav ul li a.selected{color:#00aff0;background:#000;border:solid 1px #969696;}
.topnav ul li a.selected span{}

.topnav .mini-nav{display:none; padding:10px 0; text-align:center;}
.topnav .mini-nav select{width:100%; background:#787878; border:solid 1px #999999; color:#fff; padding:5px;}
.topnav .mini-nav select option{padding:5px 0 0;}

.page_banner{width:100%;/*float:left;*/background:url(../images/gray_banner_bg.png) repeat-x left top #fff;}
.page_banner .inner{max-width:1000px;margin:0 auto; height:100%;}
.inner_page_banner{width:100%;/*float:left;*/background:url(../images/gray_banner_bg.png) repeat-x left top #fff; background-size:auto 100%;}
.inner_page_banner .inner{max-width:1000px;margin:0 auto; /*height:100%;*/}
.inner_page_banner .page_title{width:50%;float:left;}
.inner_page_banner .banner_image{width:40%;}
.inner_page_banner .banner_image img{display:block; float:right; /*height:100%;*/}
.inner_page_banner h2{font-family:Aquiline book;font-size:55px;/*text-shadow:-1px 2px 0 #4b4b4b;*/color:#00aff0;margin:25px 0 15px 0;line-height:30px;}*/

#homepage_banner.inner{width:100%;margin:0 auto; height:100%;}
#homepage_banner{height:340px; background:url(../images/gray_banner_bg.png) repeat-x left -40px;}
#homepage_banner .banner_image{width:100%;height:100%; float:left;overflow:hidden;position:relative;}
#homepage_banner .banner_image .banner_content{/*width:1000px;*/float:left; height:100%;}
#homepage_banner .banner_image .banner_content .image{float:left; height:100%;}
#homepage_banner .banner_image .banner_content .text_portion{float:right;text-align:right;margin:0; width:45%;}
#homepage_banner .banner_image .banner_content .text_portion .title{font-family:Bauhaus93, Aquiline Book;font-size:65px;color:#00aff0;line-height:70px;margin:25px 0 5px 0;text-shadow:-2px 2px 0 #000;}
#homepage_banner .banner_image .banner_content .text_portion .subtitle{font-family:Aquiline Book;font-size:28px;line-height:34px;margin:0 0 15px;}
#homepage_banner .banner_image .banner_content .text_portion .title_2{font-family:Bauhaus93, Aquiline Book;font-size:35px;color:#666;text-shadow:-2px 2px 0 #fff;line-height:35px;}
#homepage_banner .banner_image .banner_content .text_portion .tools_technology{font-family:Aquiline Book;font-size:20px;font-weight:bold;color:#666;}
#homepage_banner .banner_image .banner_content .text_portion .tools_technology p{
margin:10px 0 15px 0;}
#homepage_banner .banner_image .banner_content .text_portion .tools_technology img{margin:0 0 0 0;}
#homepage_banner .banner_image .mobile_apps .text_portion{margin:40px 0 0 0;}
#homepage_banner .banner_image .mobile_apps .text_portion .subtitle span{font-family:Bauhaus93, Aquiline Book;font-size:35px;color:#666;text-shadow:-2px 2px 0 #fff;line-height:35px;display:block;}
#homepage_banner .banner_image .facebook_aaps .text_portion{
margin:60px 0 0 0;}

.body_content{width:100%;/*float:left;*/}
.body_content .inner{max-width:1000px; margin:25px auto;}
.body_content #homepage_content{}
.body_content #homepage_content .uppar_portion{width:100%;/*float:left;*/}
.body_content #homepage_content .uppar_portion .welcome_text{width:47%; height:auto; float:left; font-size:13px; line-height:20px;}
.body_content #homepage_content .uppar_portion .welcome_text h2{width:100%;float:left;margin:0px 0 10px 0;font-family:Aquiline Book;font-weight:bold;font-size:40px;color:#00aff0;text-shadow:1px 2px 0 #ccc; line-height:40px;}
.body_content #homepage_content .uppar_portion .welcome_text p{margin:0 0 15px 0;}
.body_content #homepage_content .uppar_portion .welcome_text p.view_portfolio{margin:0 0 0 -7px;}
.body_content .intro-video{width:47%; padding:10px; background:#fff; float:right; margin:0 0 20px 0; box-shadow:0 0 10px #808080; -moz-box-shadow:0 0 10px #808080; -webkit-box-shadow:0 0 10px #808080;border:solid 1px #c7c7c7;}

/*Nevo carrousel*/
.body_content #homepage_content .uppar_portion .portfolio_gallery{width:480px;padding:10px;background:#fff;float:right;margin:0 15px 70px 0;box-shadow:0 0 10px #808080;-moz-box-shadow:0 0 10px #808080;-webkit-box-shadow:0 0 10px #808080;border:solid 1px #c7c7c7;}

#homepage_content .uppar_portion .portfolio_gallery #slider{width:480px;height:295px;}

.body_content #homepage_content .services_outer{width:100%; /*float:left;*/ margin:20px 0 0 0;}
.body_content #homepage_content .services_outer .service_box{width:24%; float:left; margin:0 1.2% 0 0;cursor:default;}
.body_content #homepage_content .services_outer .last{margin:0;}
.body_content #homepage_content .services_outer .service_box_content{margin:0;z-index:10;/*width:200px;*/height:150px;padding:135px 20px 0;}
.body_content #homepage_content .services_outer .designing_box{background:url(../images/designing_image.png) no-repeat;}
/*.body_content #homepage_content .services_outer .designing_box_hover{background:url(../images/designing_image.png) no-repeat -240px 0;z-index:1;}*/
.body_content #homepage_content .services_outer .developement_box{background:url(../images/development_image.png) no-repeat;}
/*.body_content #homepage_content .services_outer .developement_box_hover{background:url(../images/development_image.png) no-repeat -240px 0;z-index:1;}*/
.body_content #homepage_content .services_outer .mobile_apps{background:url(../images/mobile_apps_image.png) no-repeat 0 0;}
.body_content #homepage_content .services_outer .mobile_apps_hover{background:url(../images/mobile_apps_image.png) no-repeat -240px 0;z-index:1;}
.body_content #homepage_content .services_outer .facebook_apps{background:url(../images/facebook_apps_image.png) no-repeat 0 0;}
.body_content #homepage_content .services_outer .facebook_apps_hover{background:url(../images/facebook_apps_image.png) no-repeat -240px 0;z-index:1;}
.body_content #homepage_content .services_outer .service_box h3.heading{font-family:Aquiline Book;font-weight:bold;color:#64dbfe;line-height:40px;margin:0;padding:0;/*width:100%;float:left;*/font-size:35px;}
.body_content #homepage_content .services_outer .service_box ul{/*width:100%;float:left;*/list-style:none;margin:3px 0 0 0;padding:0;}
.body_content #homepage_content .services_outer .service_box ul li{font-size:16px;font-weight:normal;color:#fff;line-height:22px;/*width:100%;float:left;*/}
.body_content #homepage_content .services_outer .service_box ul li a{text-decoration:none;color:#fff;}
.body_content #homepage_content .services_outer .service_box_content:hover{background-position:-240px top;}

.footer{width:100%;float:left;margin:0px 0 0 0;background:#313131;font-size:13px;color:#999;}
.footer .inner{max-width:1000px;margin:0 auto;padding:25px 0 10px 0; min-height:30px;}
.footer .inner .links{width:60%;float:left;}
.footer .inner .links a{color:#999;margin:0 10px;}
.footer .inner .links a:hover{color:#fff;}
.footer .inner .copyright{width:38%;float:right;text-align:right;}
.footer .inner2{max-width:1000px;margin:0 auto;padding:5px 0 10px 0; min-height:30px; text-align: center;}

/*inner pages*/
#about_banner{padding:0 0 15px; background-position:left bottom;}
#about_banner .our_company{width:35%;float:left;}
#about_banner .our_company h2{font-family:Aquiline book;font-size:55px;/*text-shadow:-1px 2px 0 #4b4b4b;*/color:#00aff0;margin:25px 0 15px 0;line-height:50px;}
#about_banner .our_company p{line-height:24px;font-size:15px;}
#about_banner .work_process{width:35%;float:left;text-align:center;margin:25px 0 0 -10px;}
#about_banner .work_process img{width:100%;}
#about_banner .testimonial{width:30%;float:right;margin:35px 0 0 0;background:url(../images/testimonial_quote_top.png) no-repeat left top;padding:40px 0 0 0;}
#about_banner .testimonial .inner{width:100%;float:left;background:url(../images/testimonial_quote_bottom.png) no-repeat right bottom;padding:0 0 0 0;}
#about_banner .testimonial .inner h2.heading{font-size:20px;color:#000;margin:5px 0 20px 0;}
#about_banner .testimonial .inner h2.heading span{font-size:40px;color:#00aff0;/*text-shadow:1px 2px 0 #7b7b7b;*/}
#about_banner .testimonial .inner p{margin:0 0 15px 0;font-size:15px;font-style:italic;}
#about_banner .testimonial .inner p.client_name{font-style:normal;font-weight:bold;}
#about_banner .testimonial .inner p.client_name span{display:block;font-weight:normal;font-size: 12px;}
#about_banner .testimonial .inner p.view_more{margin-top:5px;}

#about_content h2{width:100%;/*float:left;*/margin:0 0 20px 0;color:#00aff0;/*text-shadow:1px 2px 0 #000;*/line-height:45px;font-size:55px;}

#about_content .our_approach{width:100%;/*float:left;*/margin:5px 0 0 0;}
#about_content .our_approach .approach_box{width:24.7%;margin:0 3px 0 0;float:left;cursor:default;}
#about_content .our_approach .approach_box h3.heading{margin:0 0 15px 0; padding:14px 12px; height:34px; background:url(../images/our_approach_heading_bg-repeat.png) repeat-x left top; font-size:22px; text-shadow:1px 2px 0 #fff;}
#about_content .our_approach #step1 h3.heading{border-radius:10px 0 0 10px;}
#about_content .our_approach #step2 h3.heading{}
#about_content .our_approach #step3 h3.heading{}
#about_content .our_approach #step4{margin:0;}
#about_content .our_approach #step4 h3.heading{ border-radius:0 10px 10px 0;}
#about_content .our_approach .approach_box h3.heading span.step_number{display:block; float:left; width:30px; height:25px; background:#888787; border:solid 2px #fff; margin:0 5px 0 0;text-align:center; padding:5px 0 0 0;color:#fff; text-shadow:none; font-size:28px; line-height:20px; border-radius:5px;}
#about_content .our_approach .approach_box h3.heading span.text{display:block;float:left;line-height:36px;}
#about_content .our_approach .approach_box .content{margin:0;padding:0 12px 0;font-size:14px;line-height:20px;}
#about_content .our_approach .approach_box .content p{margin:0 0 15px 0;}
#about_content .our_approach .approach_box:hover h3.heading{background:url(../images/our_approach_heading_bg-repeat.png) repeat-x left -68px;}
#about_content .our_approach .approach_box:hover h3.heading span.step_number{background:#424242;}
#about_content .our_approach .approach_box:hover .content{color:#000;}

/*Portfolio page*/
/*#portfolio_banner{height:200px;}
#portfolio_banner .page_title{width:520px;float:left;}
#portfolio_banner h2{font-family:Aquiline book;font-size:55px;text-shadow:-1px 2px 0 #4b4b4b;color:#00aff0;margin:25px 0 15px 0;line-height:50px;}*/
#portfolio_banner .banner_image{margin:10px 30px 0 0;float:right;}

#portfolio_content .thumbnail{width:32%;float:left;margin:0 2% 20px 0;/*height:370px;*/}
#portfolio_content .last{margin-right:0;cursor:default;}
#portfolio_content .thumbnail .project_name{/*width:315px;float:left;*/padding:10px 0 10px 5px;color:#00aff0;font-family:Aquiline Book;font-weight:bold;font-size:25px;line-height:25px; display:none;}
#portfolio_content .thumbnail .project_name a{color:#00aff0;text-decoration:none;}
#portfolio_content .thumbnail .project_name a:hover{color:#666;text-decoration:underline;}
#portfolio_content .thumbnail .project_image{/*width:318px;height:218px; overflow:hidden; float:left;*/margin:0 0 0px;border:solid 1px #fff; position:relative;}
#portfolio_content .thumbnail .project_image span{display:block;}
#portfolio_content .thumbnail .project_image a{display:block;/*width:318px;height:218px;*/ width:100%; height:100%; position:absolute; z-index:2;}

#portfolio_content .thumbnail .project_image img{width:100%; box-shadow:4px 4px 8px #ccc;-webkit-box-shadow:4px 4px 8px #ccc;-moz-box-shadow:4px 4px 8px #ccc;}
#portfolio_content .thumbnail .project_image .detail{position:absolute; background:rgba(0,0,0,.7); padding:15px; z-index:1; color:#fff; left:0; bottom:5px; box-sizing:border-box; -moz-box-sizing:border-box;  width:100%; cursor:default; display:block; 
opacity:0; 
filter: alpha(opacity=0);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

-webkit-transition-duration:200ms; -moz-transition: ease-in-out 200ms; transition: ease-in-out 200ms;}
#portfolio_content .thumbnail .project_image .detail .title{font-size:24px; padding:0px 0 5px;}
#portfolio_content .thumbnail .project_image .detail .services{font-size:14px;}
#portfolio_content .thumbnail .project_image .detail .website{padding:15px 0 0; font-size:12px; color:#fff;}
#portfolio_content .thumbnail .project_image:hover .detail{display:block;
opacity:1; 
}

#portfolio_content .thumbnail .project_description{/*width:315px;*/height:auto;/*float:left;*/font-size:14px;color:#666666;line-height:20px;padding:0 0 0 5px; display:none;}
#portfolio_content .thumbnail .visit_site{width:315px;float:left;font-size:14px;color:#666;line-height:20px;margin:10px 0 0;padding:0 0 0 5px; display:none;}
#portfolio_content .thumbnail .visit_site a{color:#000;text-decoration:underline;}
#portfolio_content .thumbnail .visit_site a:hover{color:#00aff0;}

/*Services page*/
/*#services_banner{height:200px;}
#services_banner .page_title{width:520px;float:left;}
#services_banner h2{font-family:Aquiline book;font-size:55px;text-shadow:-1px 2px 0 #4b4b4b;color:#00aff0;margin:25px 0 15px 0;line-height:50px;}*/
#services_banner .banner_image{margin:8px 30px 0 0;float:right;}

#services_content .service_category{width:49%;float:left;margin:0 2% 20px 0;}
/*#services_content .service_category_alt{margin-right:0;}*/
#services_content .service_category:nth-child(2n){margin-right:0;}
#services_content .service_category_alt{margin-right:0;}
#services_content .service_category h3.service_name{/*width:480px;float:left;*/padding:10px 0 10px 10px;margin:0;color:#00aff0;font-weight:bold;font-size:37px;line-height:40px;}
#services_content .service_category .service_name a{color:#00aff0;text-decoration:none;}
#services_content .service_category .service_image{/*width:484px;height:239px;*/padding:3px;background:#fff;/*float:left;*/margin:0 0 10px;box-shadow:0px 0px 8px #adadad;-webkit-box-shadow:0px 0px 8px #adadad;-moz-box-shadow:0px 0px 8px #adadad;}
#services_content .service_category .service_image img{width:100%; display:block;}
#services_content .service_category .service_description{font-size:15px;line-height:24px;color:#333;padding:0 0 0 10px;/*width:480px;float:left;*/height:235px;}
#services_content .service_category .service_description p{width:100%;float:left;margin:5px 0 15px;}
#services_content .service_category ul.services{width:100%;float:left;margin:0;padding:0;list-style:none;}
#services_content .service_category ul.services li{float:left;margin:0 0 10px 2%; width: 48%}
#services_content .service_category ul.services li a{display:block;/*float:left;*/background:url(../images/services_options_bg_repeat.png) repeat-x left top;padding:5px 5px 5px 5px; /*width:217px;*/ height:33px; font-size:15px;line-height:20px; color:#000; text-decoration:none; border:solid 1px #d6d6d6; border-radius:5px; cursor:default;}
#services_content .service_category ul.services li a span{display:block; float:left; padding:6px 0 0; width:181px;}
#services_content .service_category ul.services li a span.nopadding{padding-top:0;}
#services_content .service_category ul.services li a span.icon{height:35px; width:35px; margin:0 7px 0 0; padding:0;}
#services_content .service_category ul.services li a span.icon img{width:100%;}
/*#services_content .service_category ul.services li a:hover{background:url(../images/services_options_bg_repeat.png) repeat-x left -43px; border:solid 1px #64acce;}
#services_content .service_category ul.services li a:active{background:url(../images/services_options_bg_repeat.png) repeat-x left -43px; border:solid 1px #64acce;}*/

/*Contact page*/
/*#contact_banner{height:200px;}
#contact_banner .page_title{width:520px;float:left;}
#contact_banner h2{font-family:Aquiline book;font-size:55px;text-shadow:-1px 2px 0 #4b4b4b;color:#00aff0;margin:25px 0 15px 0;line-height:50px;}*/
#contact_banner .banner_image{margin:15px 30px 0 0;float:right;}

#contact_content .contact_form{width:49%;float:left;}
#contact_content .contact_form .message{color:#ff0000;margin-bottom:15px; text-align:center;}
#contact_content .contact_form ul{list-style:none;/*float:left;width:100%;*/margin:0;padding:0;}
#contact_content .contact_form ul li{/*float:left;width:100%;*/}

#contact_content .contact_form ul li.fieldname{margin:0 0 8px 0;}
#contact_content .contact_form ul li.field{margin:0 0 22px 0;}
#contact_content .contact_form ul li.field input[type=text]{width:94%; height:36px;border:solid 2px #dddddd;background:#fff;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;font-size:15px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;padding:0 10px;}
#contact_content .contact_form ul li.field input[type=text]:hover{background:#f3fcff;}
#contact_content .contact_form ul li.field input[type=text]:focus{background:#dbf4fc;border-color:#b1dbe8;}
#contact_content .contact_form ul li.field textarea{width:94%;height:140px;border:solid 2px #dddddd;background:#fff;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;font-size:15px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;padding:10px;overflow:auto;}
#contact_content .contact_form ul li.field textarea:hover{background:#f3fcff;}
#contact_content .contact_form ul li.field textarea:focus{background:#dbf4fc;border-color:#b1dbe8;}
#contact_content .contact_form ul li.submit{margin:0 0 0 -5px;padding:0;}
#contact_content .contact_form ul li.submit input{background:url(../images/btn_submit.png) no-repeat left top;width:180px;height:68px;border:none;padding:0;margin:0;cursor:pointer;}
#contact_content .contact_form ul li.submit input:hover{background:url(../images/btn_submit.png) no-repeat left -68px;}

#contact_content .contact_info_box{width:48%; float:right;}
#contact_content .contact_info_box h3{/*width:475px;*/background:url(../images/contact_info_box_heading_bg.png) repeat-x;/*float:left;*/padding:10px 0 0 15px;line-height:25px;height:34px;margin:0;font-size:25px;color:#000;text-shadow:1px 1px 0 #fff;font-weight:normal; border:solid 1px #d2d0d0; border-bottom:none; border-radius:10px 10px 0 0;}
#contact_content .contact_info_box .content{/*float:left;*/background:#fff;border:solid 1px #d2d0d0; padding:10px 15px 10px 15px; font-size:15px; color:#000; /*width:458px;*/}
#contact_content .contact_info_box .content ul{list-style:none; width:250px; float:left; margin:0; padding:0 0 5px;}
#contact_content .contact_info_box .content li{	/*width:200px; */padding:5px 0 5px 26px; /*float:left;*/}
#contact_content .contact_info_box .content li a{color:#333; text-decoration:none;}
#contact_content .contact_info_box .content li a:hover{	color:#00aff0; text-decoration:underline;}

#contact_content .contact_info_box .content li.email{background:url(../images/contact_icons.png) no-repeat left 5px;}
#contact_content .contact_info_box .content li.skype{background:url(../images/contact_icons.png) no-repeat left -30px;}
#contact_content .contact_info_box .content li.phone{background:url(../images/contact_icons.png) no-repeat left -60px;}
#contact_content .contact_info_box .content li.mobile{background:url(../images/contact_icons.png) no-repeat left -60px;}
#contact_content .contact_info_box .content li.social_network{margin:0 0 0 0px;}
#contact_content .contact_info_box .content li.social_network a{display:block;float:left;margin:0 10px 0 0;width:38px;height:38px;}
#contact_content .contact_info_box .content .social_network a.facebook{background:url(../images/facebook_icon_small.png) no-repeat left top;}
#contact_content .contact_info_box .content .social_network a.facebook:hover{background:url(../images/facebook_icon_small.png) no-repeat left -38px;}
#contact_content .contact_info_box .content .social_network a.twitter{background:url(../images/twitter_icon_small.png) no-repeat left top;}
#contact_content .contact_info_box .content .social_network a.twitter:hover{background:url(../images/twitter_icon_small.png) no-repeat left -38px;}

#contact_content .contact_info_box .content div.skype{float:right; padding:20px 0 0;}
#contact_content .contact_info_box .content .address{/*width:100%; float:left;*/ padding:10px 0 0; border-top:solid 1px #d2d0d0;}
#contact_content .contact_info_box .content .social-icons{/*width:100%; float:left;*/ padding:10px 0; border-top:solid 1px #d2d0d0;}
#contact_content .contact_info_box .content .google_map{/*width:100%; float:left;*/ padding:15px 0 0; overflow:hidden;}
#contact_content .contact_info_box .content .map_canvas{/*width:100%; float:left;*/ padding:15px 0 0; overflow:hidden;}

#contact_content .contact_info_box .content .social_network_links{width:175px;float:left;margin:15px 0 0 0;}
#contact_content .contact_info_box .content .social_network_links a{display:block;float:left;margin:0 10px 0 0;width:38px;height:38px;}

.error{color:#FF0000; text-align:center; line-height:20px;}
label.jerror{color:#FF0000; line-height:18px; padding-left:2px;}



/*29/10/2012*/
#homepage_banner .banner_image .image{width:55%; background-size:auto 100%; background-repeat:no-repeat;}
#homepage_banner .banner_image .designing .image{background-image:url(../images/homepage_header_img1.png); /*width:555px;*/}
#homepage_banner .banner_image .development .image{background-image:url(../images/homepage_header_img2.jpg); /*width:508px;*/}
#homepage_banner .banner_image .mobile_apps .image{background-image:url(../images/homepage_header_img3.jpg); /*width:537px;*/}
#homepage_banner .banner_image .facebook_apps .image{background-image:url(../images/homepage_header_img4.jpg); width:70%;}
#homepage_banner .banner_image .facebook_apps .text_portion{width:30%; padding:60px 0 0;}


/*slider styles*/
.slide-holder{margin:0 auto; height:100%; padding:0 10px;}
.header-slider{position:relative; }
.header-slider .slider{height:100%; position:relative; z-index:0;}
.header-slider .slide{height:100%;}
.header-slider .carousel-tabs{padding:10px; margin:0 ; bottom:10px; clear: both; position:absolute; left:50%; margin:0 0 0 -32px; z-index:11; background:rgba(255, 255, 255, .5); border-radius:5px; line-height:10px; z-index:1;}
.header-slider .carousel-tabs li{display:inline-block; padding:0 4px;}
.header-slider .carousel-tabs a{background:#333; display:inline-block; height:10px; text-indent:-9999px;	width:10px; border-radius:5px;}
.ie .header-slider .carousel-tabs li,
.ie .header-slider .carousel-tabs a{display: block;	float: left; outline:none;}
.header-slider .carousel-tabs .carousel-active-tab a{background:#00AFF0; outline:none;}
/*slider styles*/
.clearit{clear:both;}
.clearfix{clear:both;}


/* 
----- Career page popup ----------------
.popup_overlay{width:100%; height:100%; background:#000; opacity:0.8; filter:alpha(opacity=80); position:fixed; left:0; top:0; display:none;}
.popup_applynow{position:fixed; left:50%; top:50%; width:750px; margin:-270px 0 0 -375px; display:none;}
.popup_applynow .inner_holder{background:#fff; border-radius:10px; position:relative;}
.popup_applynow .inner_holder .close{position:absolute; right:0; top:0;}
.popup_applynow .inner_holder .close a{display:block; width:35px; height:26px; font-size:25px; color:#000; text-decoration:none; padding:10px 0; text-align:center;}
.popup_applynow .inner_holder .heading{background:url(../images/popup-heading-bg.png) repeat-x left top; padding:8px 15px; height:36px; border-radius:10px 10px 0 0; line-height:25px; font-size:25px; color:#000; text-shadow:1px 1px 0 #fff;font-weight:normal;s}
.popup_applynow .inner_holder .content{padding:15px;}
.popup_applynow ul.form{margin:0; padding:0; list-style:none; width:100%; float:left; font-size:15px; color:#000; line-height:20px;}
.popup_applynow ul.form li{float:left; margin:0 15px 20px 0;}
.popup_applynow ul.form li.nomargin{margin-right:0;}
.popup_applynow ul.form li.full{width:100%;}
.popup_applynow ul.form li div{display:block;}
.popup_applynow ul.form li div.fieldname{margin:0 0 5px;}


.popup_applynow ul.form li .field input[type=text]{height:32px; border:solid 2px #dddddd;background:#fff;border-radius:5px; font-size:15px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;padding:2px 5px;}
.popup_applynow ul.form li .field input[type=text]:hover{background:#f3fcff;}
.popup_applynow ul.form li .field input[type=text]:focus{background:#dbf4fc;border-color:#b1dbe8;}
.popup_applynow ul.form li .field input.textbox1{width:338px;}

.popup_applynow ul.form li label{margin:0 10px 0 0;}

.popup_applynow ul.form li .field textarea{width:706px; height:140px; border:solid 2px #dddddd; background:#fff; border-radius:5px; font-size:15px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:2px 5px;overflow:auto; resize:none;}
.popup_applynow ul.form li .field textarea:hover{background:#f3fcff;}
.popup_applynow ul.form li .field textarea:focus{background:#dbf4fc;border-color:#b1dbe8;}

.popup_applynow ul.form li .field select{width:338px; height:40px; border:solid 2px #dddddd; background:#fff; border-radius:5px; font-size:15px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:5px 5px;}
.popup_applynow ul.form li .submit{background:url(../images/btn_submit.png) no-repeat left top; width:180px; height:68px; padding:0; border:0; outline:none; text-indent:-9999px; margin:0 0 0 -5px;}
.popup_applynow ul.form li .submit:hover{background:url(../images/btn_submit.png) no-repeat left -68px;}
*/

.header {position:relative; z-index:12;}
.header .inner .header_icons .livechat{position:relative;}
.header .inner .popup_prechat{position:absolute; right:25px; top:18px; width:390px; margin:0; display:none; box-shadow:0 0 15px rgba(0,0,0, .6); border-radius:10px;}
.header .inner .popup_prechat .inner_holder{background:#fff; border-radius:10px; position:relative;}
.header .inner .popup_prechat .inner_holder .close{position:absolute; right:0; top:0;}
.header .inner .popup_prechat .inner_holder .close a{display:block; width:35px; height:24px; font-size:25px; color:#000; text-decoration:none; padding:10px 0; text-align:center; background:none;}
.header .inner .popup_prechat .inner_holder .heading{background:url(../images/popup-heading-bg.png) repeat-x left top; padding:8px 15px; height:28px; border-radius:10px 10px 0 0; line-height:25px; font-size:17px; color:#000; text-shadow:1px 1px 0 #fff;font-weight:normal;s}
.header .inner .popup_prechat .inner_holder .content{padding:15px;}
.header .inner .popup_prechat ul.form{margin:0; padding:0; list-style:none; width:100%; font-size:15px; color:#000; line-height:20px;}
.header .inner .popup_prechat ul.form li{margin:0 15px 10px 0;}
.header .inner .popup_prechat ul.form li.nomargin{margin-right:0;}
.header .inner .popup_prechat ul.form li div{display:block;}
.header .inner .popup_prechat ul.form li div.fieldname{margin:0 0 5px;}
.header .inner .popup_prechat ul.form li .field input[type=text]{height:32px; border:solid 2px #dddddd;background:#fff;border-radius:5px; font-size:15px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;padding:2px 5px;}
.header .inner .popup_prechat ul.form li .field input[type=text]:hover{background:#f3fcff;}
.header .inner .popup_prechat ul.form li .field input[type=text]:focus{background:#dbf4fc;border-color:#b1dbe8;}
.header .inner .popup_prechat ul.form li .field input.textbox1{width:345px;}

.header .inner .popup_prechat ul.form li label{margin:0 10px 0 0;}

.header .inner .popup_prechat ul.form li .field textarea{width:345px; height:140px; border:solid 2px #dddddd; background:#fff; border-radius:5px; font-size:15px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:2px 5px;overflow:auto; resize:none;}
.header .inner .popup_prechat ul.form li .field textarea:hover{background:#f3fcff;}
.header .inner .popup_prechat ul.form li .field textarea:focus{background:#dbf4fc;border-color:#b1dbe8;}
.header .inner .popup_prechat ul.form li .btn-start-chat{background:url(../images/btn_start-chat.png) no-repeat left top; width:187px; height:68px; padding:0; border:0; outline:none; text-indent:-9999px; margin:0 0 0 -5px;}
.header .inner .popup_prechat ul.form li .btn-start-chat:hover{background:url(../images/btn_start-chat.png) no-repeat left -68px;}
.header .inner .popup_prechat ul.form li .btn-send{background:url(../images/btn_send.png) no-repeat left top; width:152px; height:68px; padding:0; border:0; outline:none; text-indent:-9999px; margin:0 0 0 -5px;}
.header .inner .popup_prechat ul.form li .btn-send:hover{background:url(../images/btn_send.png) no-repeat left -68px;}






/*#career_banner{height:200px;}
#career_banner .page_title{width:520px; float:left;}
#career_banner h2{font-size:55px; text-shadow:-1px 2px 0 #4b4b4b; color:#00aff0;	margin:25px 0 15px 0; line-height:50px;}*/
#career_banner .banner_image{margin:15px 30px 0 0; float:right;}
#career_content{}
#career_content h3{color:#00AFF0; margin:0 0 20px; font-size:30px;}
#career_content .job_listing{margin:0; padding:0; list-style:none; width:67%; float:left;}
#career_content .job_listing .entry{margin:0 0 20px;}
#career_content .job_listing .entry .position{background:url(../images/career-position-heading_bg.png) repeat-x left top; padding:15px 20px; height:43px; border:solid 1px #d4d4d4; border-bottom:none; border-radius:10px 10px 0 0;}
#career_content .job_listing .entry .position p{line-height:24px;}
#career_content .job_listing .entry .position p.title{font-size:18px;}
#career_content .job_listing .entry .content{border:solid 1px #d4d4d4; padding:15px 20px; background:#f7f7f7;}
#career_content .job_listing p{margin:0; line-height:20px; font-size:14px;}
#career_content .job_listing p.apply{margin:10px 0 0;}
#career_content .job_listing p.apply a{display:block; background:url(../images/btn_applynow.png) no-repeat left top; width:139px; height:52px; margin:0 0 0 -7px;}
#career_content .job_listing p.apply a:hover{background:url(../images/btn_applynow.png) no-repeat left -52px;}
#career_content .job_listing ul{font-size:14px; padding:0 0 0 15px; list-style:circle;}

#career_content .rightpanel{width:310px; float:right;}
#career_content .rightpanel p{margin:0; line-height:20px; font-size:14px;}
#career_content .rightpanel .heading{background:url(../images/career-position-heading_bg.png) repeat-x left top; padding:15px 20px; height:43px; border:solid 1px #d4d4d4; border-bottom:none; border-radius:10px 10px 0 0;}
#career_content .rightpanel .heading p{line-height:24px;}
#career_content .rightpanel .heading p.title{font-size:18px;}
#career_content .rightpanel .content{border:solid 1px #d4d4d4; padding:15px 20px; background:#f7f7f7;}
#career_content .rightpanel p.submit-resume{margin:10px 0 0;}
#career_content .rightpanel p.submit-resume a{display:block; background:url(../images/btn_submitresume.png) no-repeat left top; width:169px; height:52px; margin:0 0 0 -7px;}
#career_content .rightpanel p.submit-resume a:hover{display:block; background:url(../images/btn_submitresume.png) no-repeat left -52px;}


.popup_overlay{width:100%; height:100%; background:#000; opacity:0.8; filter:alpha(opacity=80); position:fixed; left:0; top:0; display:none; z-index:100;}
.popup_applynow{position:fixed; left:50%; top:50%; width:750px; margin:-270px 0 0 -375px; display:none; z-index:101;}
.popup_applynow .inner_holder{background:#fff; border-radius:10px; position:relative;}
.popup_applynow .inner_holder .close{position:absolute; right:0; top:0;}
.popup_applynow .inner_holder .close a{display:block; width:35px; height:26px; font-size:25px; color:#000; text-decoration:none; padding:10px 0; text-align:center;}
.popup_applynow .inner_holder .heading{background:url(../images/popup-heading-bg.png) repeat-x left top; padding:8px 15px; height:36px; border-radius:10px 10px 0 0; line-height:25px; font-size:25px; color:#000; text-shadow:1px 1px 0 #fff;font-weight:normal;s}
.popup_applynow .inner_holder .content{padding:15px;}
.popup_applynow ul.form{margin:0; padding:0; list-style:none; width:100%; float:left; font-size:15px; color:#000; line-height:20px;}
.popup_applynow ul.form li{float:left; margin:0 15px 20px 0;}
.popup_applynow ul.form li.nomargin{margin-right:0;}
.popup_applynow ul.form li.full{width:100%;}
.popup_applynow ul.form li div{display:block;}
.popup_applynow ul.form li div.fieldname{margin:0 0 5px;}
.popup_applynow ul.form li div.fieldname span{display:block; font-size:12px; color:#666; font-style:italic;}
.popup_applynow ul.form li div.field span{display:block; font-size:12px; font-style:italic; padding:0 0 0 5px; color:#666;}

.popup_applynow ul.form li .field input[type=text]{height:32px; border:solid 2px #dddddd;background:#fff;border-radius:5px; font-size:15px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;padding:2px 5px;}
.popup_applynow ul.form li .field input[type=text]:hover{background:#f3fcff;}
.popup_applynow ul.form li .field input[type=text]:focus{background:#dbf4fc;border-color:#b1dbe8;}
.popup_applynow ul.form li .field input.textbox1{width:338px;}

.popup_applynow ul.form li label{margin:0 10px 0 0;}

.popup_applynow ul.form li .field textarea{width:706px; height:140px; border:solid 2px #dddddd; background:#fff; border-radius:5px; font-size:15px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:2px 5px;overflow:auto; resize:none;}
.popup_applynow ul.form li .field textarea:hover{background:#f3fcff;}
.popup_applynow ul.form li .field textarea:focus{background:#dbf4fc;border-color:#b1dbe8;}

.popup_applynow ul.form li .field select{width:338px; height:40px; border:solid 2px #dddddd; background:#fff; border-radius:5px; font-size:15px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:5px 5px;}
.popup_applynow ul.form li .submit{background:url(../images/btn_submit.png) no-repeat left top; width:180px; height:68px; padding:0; border:0; outline:none; text-indent:-9999px; margin:0 0 0 -5px;}
.popup_applynow ul.form li .submit:hover{background:url(../images/btn_submit.png) no-repeat left -68px;}
.popup_applynow.quote{margin-top:-300px}


.popup_requestquote{position:fixed; left:50%; top:50%; width:750px; margin:-300px 0 0 -375px; display:none; z-index:101;}
.popup_requestquote .inner_holder{background:#fff; border-radius:10px; position:relative;}
.popup_requestquote .inner_holder .close{position:absolute; right:0; top:0;}
.popup_requestquote .inner_holder .close a{display:block; width:35px; height:26px; font-size:25px; color:#000; text-decoration:none; padding:10px 0; text-align:center;}
.popup_requestquote .inner_holder .heading{background:url(../images/popup-heading-bg.png) repeat-x left top; padding:8px 15px; height:36px; border-radius:10px 10px 0 0; line-height:25px; font-size:25px; color:#000; text-shadow:1px 1px 0 #fff;font-weight:normal;s}
.popup_requestquote .inner_holder .content{padding:15px;}
.popup_requestquote ul.form{margin:0; padding:0; list-style:none; width:100%; float:left; font-size:15px; color:#000; line-height:20px;}
.popup_requestquote ul.form li{float:left; margin:0 15px 20px 0;}
.popup_requestquote ul.form li.nomargin{margin-right:0;}
.popup_requestquote ul.form li.full{width:100%;}
.popup_requestquote ul.form li div{display:block;}
.popup_requestquote ul.form li div.fieldname{margin:0 0 5px;}
.popup_requestquote ul.form li div.fieldname span{display:block; font-size:12px; color:#666; font-style:italic;}
.popup_requestquote ul.form li div.field span{display:block; font-size:12px; font-style:italic; padding:0 0 0 5px; color:#666;}

.popup_requestquote ul.form li .field input[type=text]{height:32px; border:solid 2px #dddddd;background:#fff;border-radius:5px; font-size:15px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;padding:2px 5px;}
.popup_requestquote ul.form li .field input[type=text]:hover{background:#f3fcff;}
.popup_requestquote ul.form li .field input[type=text]:focus{background:#dbf4fc;border-color:#b1dbe8;}
.popup_requestquote ul.form li .field input.textbox1{width:338px;}

.popup_requestquote ul.form li label{margin:0 10px 0 0;}

.popup_requestquote ul.form li .field textarea{width:706px; height:140px; border:solid 2px #dddddd; background:#fff; border-radius:5px; font-size:15px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:2px 5px;overflow:auto; resize:none;}
.popup_requestquote ul.form li .field textarea:hover{background:#f3fcff;}
.popup_requestquote ul.form li .field textarea:focus{background:#dbf4fc;border-color:#b1dbe8;}

.popup_requestquote ul.form li .field select{width:338px; height:40px; border:solid 2px #dddddd; background:#fff; border-radius:5px; font-size:15px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:5px 5px;}
.popup_requestquote ul.form li .submit{background:url(../images/btn_submit.png) no-repeat left top; width:180px; height:68px; padding:0; border:0; outline:none; text-indent:-9999px; margin:0 0 0 -5px;}
.popup_requestquote ul.form li .submit:hover{background:url(../images/btn_submit.png) no-repeat left -68px;}


#portfolio_content .thumbnail .project_image{background-size:100% auto !important;}





@media only screen and (min-width:768px) and (max-width:1020px) {

	.slide-holder{}
	#homepage_banner{height:240px;}
	#homepage_banner .banner_image .banner_content .text_portion .title{font-size:50px;color:#00aff0;line-height:50px; margin:10px 0 10px 0;}
	#homepage_banner .banner_image .banner_content .text_portion .subtitle{font-size:22px;line-height:24px;margin:0 0 5px;}
	#homepage_banner .banner_image .banner_content .text_portion .subtitle span{font-size:25px}
	#homepage_banner .banner_image .banner_content .text_portion .title_2{font-size:25px; line-height:25px;}
	#homepage_banner .banner_image .banner_content .text_portion .tools_technology{font-size:18px;}
	#homepage_banner .banner_image .banner_content .text_portion .tools_technology p{margin:5px 0 5px;}
	
	.topnav ul{margin-top:0px;}
	.topnav ul li{background-position:right 0;}
	.topnav ul li a{font-size:20px; padding:7px 15px; height:20px;}
	.mobile_apps .tools_technology img{width:100%;}
	#homepage_banner .banner_image .mobile_apps .text_portion{margin:25px 0 0;}
	#homepage_banner .banner_image .facebook_apps .text_portion{padding:50px 0 0;}
	
	#about_banner{}
	#about_banner .our_company{width:34%;}
	#about_banner .our_company h2{font-size:35px;}
	#about_banner .work_process{width:34%;}
	#about_banner .testimonial{width:30%;}
	#about_banner .our_company p{font-size:14px; line-height:22px;}
	#about_content .our_approach .approach_box{margin-right:2px;}
	
	#portfolio_content .thumbnail .project_image{/*height:160px;*/}
	#portfolio_content .thumbnail:nth-child(3n){margin-right:0;}

}

.request-a-quote{position:absolute; right:0; top:190px; width:58px; height:316px;}
.request-a-quote a{display:block; height:316px; background:url(../images/request-quote.png) no-repeat left top;}



.popup_applynow ul.form li label.jerror{display:block;}
.popup_requestquote ul.form li label.jerror{display:block;}

@media only screen and (min-width:1020px) {
	.slide-holder{max-width:1000px;}
	.topnav ul li a em{display:block;}
	#about_content .our_approach .approach_box h3.heading{height:40px; font-size:28px;}
	#about_content .our_approach .approach_box h3.heading span.step_number{width:36px; height:31px; margin:0 10px 0 0; font-size:35px; line-height:26px;}
	#portfolio_content .thumbnail:nth-child(3n){margin-right:0;}
}
@media only screen and (max-width:1020px) {
	.topnav ul li a em{display:none;}
	.body_content .inner{padding:0 10px;}
	#about_banner .our_company{padding-left:10px;}
	#about_banner .testimonial{margin-right:10px;}
	.body_content #homepage_content .services_outer .service_box_content{background:#d9d9d9; padding:0px 0px 0; border-radius:10px; overflow:hidden;}
	.body_content #homepage_content .services_outer .service_box_content:hover{background:#ccc;}
	.body_content #homepage_content .services_outer .service_box h3.heading{color:#333; padding:0px 15px; background:#ccc; border-bottom:solid 1px #d9d9d9; margin:0 0 5px; font-size:25px;}
	.body_content #homepage_content .services_outer .service_box_content:hover h3.heading{background:#bcbcbc;}
	.body_content #homepage_content .services_outer .service_box ul{padding:0 15px;}
	.body_content #homepage_content .services_outer .service_box ul li{color:#666;}
	#services_content .service_category ul.services li{width:100%; margin:0 0 5px;}
	#career_content .job_listing{width:58%;}
	#career_content .rightpanel{width:40%;}

}
@media only screen and (max-width:768px) {
	.topnav ul{margin-top:0px;}
	.topnav ul li{background-position:right 0; margin-right:5px; padding-right:7px;}
	.topnav ul li a{font-size:17px; padding:5px 10px; height:20px;}
	
	.mobile_apps .tools_technology img{width:100%;}
	.header .inner .header_icons .livechat{display:none;}
	.body_content #homepage_content .services_outer .service_box{width:49%; margin-right:2%; margin-bottom:15px;}
	.body_content #homepage_content .services_outer .service_box.box2,
	.body_content #homepage_content .services_outer .service_box.box4{margin-right:0;}
	#about_banner .our_company{padding-left:10px;}
	.footer .inner .links{width:auto; float:none;}
	.footer .inner .copyright{width:auto; float:none; text-align:left; padding:10px 10px 0;}
	.body_content #homepage_content .uppar_portion .welcome_text{width:auto; float:none; margin-bottom:25px;}
	.body_content .intro-video{width:auto; float:none;}
	.body_content .intro-video iframe{height:400px;}
	#portfolio_content .thumbnail .project_image .detail{position:static; color:#000; display:block; opacity:1; background:none; }
	
}
@media only screen and (min-width:480px) and (max-width:768px) {
	#homepage_banner .banner_image .image{display:none;}
	#homepage_banner .banner_image .banner_content .text_portion{width:100%; text-align:center;}
	#homepage_banner .banner_image .facebook_apps .text_portion{padding:60px 0 0;}
	.header-slider .carousel-tabs{background:none; padding:0;}
	#homepage_banner .banner_image .banner_content .text_portion .title{margin-top:15px;}
	#about_banner .our_company{width:49%;}
	#about_banner .our_company h2{font-size:35px;}
	#about_banner .work_process{width:34%; display:none;}
	#about_banner .testimonial{width:45%;}
	#about_banner .our_company p{font-size:14px; line-height:22px;}
	#about_content .our_approach .approach_box{margin-right:3px; width:49.5%;}
	#about_content .our_approach .approach_box#step2{margin-right:0;}
	#about_content .our_approach #step1 h3.heading{}
	#about_content .our_approach #step2 h3.heading{border-radius:0 10px 10px 0;}
	#about_content .our_approach #step3 h3.heading{border-radius:10px 0 0 10px;}
	#about_content .our_approach #step4 h3.heading{}
	#portfolio_content .thumbnail{width:48%; margin-right:3%; /*height:330px;*/}
	#portfolio_content .thumbnail:nth-child(2n){margin-right:0;}
	#portfolio_content .thumbnail:nth-child(2n+3){clear:left;}
	#portfolio_content .thumbnail:nth-child(3n){}
	#portfolio_content .thumbnail .project_image{/*height:160px;*/}
	#portfolio_content .thumbnail .project_image .detail{padding:5px;}

}
@media only screen and (max-width:600px) {
	.topnav ul{margin-top:0px;}
	.topnav ul li{background-position:right 0; padding:0; margin:0; background:none;}
	.topnav ul li a{font-size:16px; padding:5px 8px; height:20px; margin:0 2px 0 0;}
	.mobile_apps .tools_technology img{width:100%;}
	.header .inner .header_icons .livechat{display:none;}
	.inner_page_banner .page_title{width:auto; float:none;}
	.inner_page_banner .banner_image{display:none;}
	#services_content .service_category{width:100%; margin-right:0;}
	#services_content .service_category .service_image{}
	#services_content .service_category .service_description{height:auto;}
	#contact_content .contact_form{width:auto; float:none; margin:0 0 20px;}
	#contact_content .contact_info_box{width:auto; float:none;}
	
	#career_content .job_listing{width:100%; float:none; margin:0 0 20px;}
	#career_content .rightpanel{width:100%; float:none;}
	.request-a-quote{display:none;}

    .footer .inner2{padding:5px 0 40px 0;}
	
}
@media only screen and (max-width:480px){
	#homepage_banner .banner_image .image{display:none;}
	#homepage_banner .banner_image .banner_content .text_portion{width:100%; text-align:center;}
	#homepage_banner .banner_image .facebook_apps .text_portion{padding:60px 0 0;}
	.header .header_icons{display:none;}
	.header h1.logo{text-align:center; width:100%;}
	#about_banner .our_company{width:auto; padding-right:10px;}
	#about_banner .our_company h2{font-size:35px;}
	#about_banner .work_process{display:none;}
	#about_banner .testimonial{width:auto; margin:20px 10px 0;}
	#about_banner .our_company p{font-size:14px; line-height:22px;}
	#about_content .our_approach .approach_box{width:auto; margin:0;}
	#about_content .our_approach .approach_box h3{border-radius:10px !important;}
	.body_content #homepage_content .services_outer .service_box{width:100%; margin-right:0; margin-bottom:15px;}
	
	#portfolio_content .thumbnail{width:100%; margin-right:0; /*height:310px;*/}
	#portfolio_content .thumbnail .project_description{display:none;}
	.topnav ul{display:none;}
	.topnav .mini-nav{display:block;}
	.body_content #homepage_content .uppar_portion .welcome_text p.view_portfolio a img{width:100%;}
}
@media only screen and (max-width:480px) and (min-width:320px){
	#homepage_banner .banner_image .banner_content .text_portion .title{font-size:50px;}
	#homepage_banner .banner_image .banner_content .text_portion .subtitle{font-size:22px;}
	#homepage_banner .banner_image .banner_content .text_portion .subtitle span{}
	#homepage_banner .banner_image .banner_content .text_portion .title_2{font-size:22px;}
	#homepage_banner .banner_image .banner_content .text_portion .tools_technology{font-size:18px;}
}
@media only screen and (max-width:320px){
	#homepage_banner .banner_image .banner_content .text_portion .title{font-size:40px; line-height:50px;}
	#homepage_banner .banner_image .banner_content .text_portion .subtitle{font-size:18px; line-height:25px;}
	#homepage_banner .banner_image .banner_content .text_portion .subtitle span{font-size:18px;}
	#homepage_banner .banner_image .banner_content .text_portion .title_2{font-size:20px; line-height:26px;}
}