@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1199px) and (min-width: 1000px) {
	/* Header portin css start */
.header_wrapper{width:100%; float:left; background-image:url(../images/slider-bg.jpg); background-size:cover;}
.top-header_wrapper{width:100%; float:left;}
.header_sub{width:90%; margin:auto;}
.logo{width:250px; float:left; text-align:center;}
.logo img{width:100%; max-width:300px;}
.navigation{width:530px; float:right;}
.stiky-header{width:90%; margin:auto;}
/* Header portin css start */
/* slider portin css start */
.banner_wrapper{width:100%; float:left;  }
.banner_wrapper_sub{width:800px; margin:auto; position:relative; height:367px; margin-top:50px; margin-bottom:50px;}
.slider_sub{width:100%; position:absolute; bottom:-50px; left:0px; z-index:1;}
.lapi{width:100%; position:absolute; bottom:-70px; left:0px; z-index:100;}
.iphone{width:386px; height:194px; position:absolute; z-index:150; right:-50px; bottom:-50px; }
.iphone_pic{width:100%; position:absolute; top:0px; left:0px;}
/* slider portin css end */
/* service Sectio css start */
.service_section_wrapper{width:100%; float:left;}
.service_section{width:90%; margin:auto;}
.heading{width:100%; text-align:center; /*Comment Due to 404 request */ /*background-image:url(../images/heading_bg.jpg); background-repeat:no-repeat; background-position:center bottom;*/ padding-bottom:1px; margin-bottom:15px;}
.heading h1{font-size:32px; font-weight:500;}
.service-content{width:100%; float:left;}
.service-tab-inner-left{width:50%; float:left; margin-bottom:20px;}
.service-tab-inner-left img{width:100%; max-width:450px; text-align:center; margin-top:35px;}
.service-tab-inner-right{float:left; width:50%; margin-bottom:20px;}
.service-tab-heading{width:100%; float:left; color:#0089bf; font-size:32px; line-height:52px;}
.service-tab-content{width:100%; text-align:justify; color:#0089bf; margin:25px 0px; float:left;}
.service-tab-learn{width:100%; float:left; margin:10px 0px;}
.service-tab-learn a{color:#0089bf; text-decoration:none;  transition:all 1s;}
.service-tab-learn a:hover{background-color:#0089bf; color:#fff; padding:7px 25px; border-radius:2px;}
/* service Sectio css end */
/* Who We Are portin css Start */
.who_we_are_wrapper{width:100%; float:left; background-image:url(../images/whr.jpg);}
.who_we_are{width:100%; float:left; padding:30px 0px; background-image:url(../images/who-bg.png); background-position:left center; background-repeat:no-repeat;}
.who_we_are_sub{width:90%; margin:auto;}
.who_we_are_content{width:600px; float:right; color:#fff;}
.about-learn a{color:#fff; padding:10px 35px; border:1px solid #fff; transition:all 1s; text-decoration:none;}
.about-learn a:hover{background-color:#bf3c04;}
/* Who We Are portin css End */


/*Why Choose us section css start */
.choose_wrapper{width:100%; float:left; background-image:url(../images/why-banner.jpg); background-size:cover;}
.choose_us_wrapper{width:100%; float:left; background-color: rgba(0, 137, 191, 0.7);}
.why_choose{width:90%; margin:50px auto;}
.choose_content{width:100%; float:left; margin:25px 0px; text-align:center; color:#fff;}
/*Accordian css start*/
#accordion p {line-height: 140%;font-size: 90%;}
#accordion {margin: 50px;}
#accordion article {-webkit-transform: perspective(0px) rotateY(0deg)!important; -webkit-transition: all 0.7s ease-in-out; background: rgba(0,0,0,0.8); 
border: 1px solid #f3f3f3; box-shadow: 0px 5px 15px gray;
float: left; height: 490px!important; margin-left: 20px; padding: 20px; width:190px!important;}
#accordion article:first-child {margin-left: 0px;}
#accordion article img {float: left; padding: 0 10px 5px 0;}
#accordion article:hover {-webkit-transform: perspective(0) rotateY(0deg)!important; margin: 0 5px 0 20px!important;}
/*According css end*/

/*Why Choose us section css End */
/*Our WWork Wrapper css Start */
.our_work_wrapper{width:100%; float:left; margin:20px 0px; padding:15px 0px;}
.our_work{width:90%; margin:auto;}
.our_work_content{width:100%; float:left; margin:10px 0px; text-align:center;}
/*Our WWork Wrapper css end */

/*Testimonial Section css start  */
.testimonial_wrapper{width:100%; float:left; background-image:url(../images/noise.png); padding:40px 0px;}
.testimonial{width:90%; margin:auto; height:40px;}
.testimonial_content{width:100%; float:left; margin:10px 0px;}
/*Testimonial Section css end  */

/* client section start */

.client_wrapper{width:100%; float:left;}
.client_overlay{width:100%; float:left; padding:15px 0;}
.client_content{width:90%; margin:auto; }
.client_content_sub{width:100%; float:left; text-align:center;}
.client_content_sub li{list-style:none; display:inline-table; border:1px solid #888; text-align:center; padding:30px 0px; width:24%; max-width:290px; margin:1%;}
.client_content_sub li img{width:60%; filter: gray;  -webkit-filter: grayscale(1); filter: grayscale(1); transition:all 1.5s;}
.client_content_sub li img:hover{filter: gray;  -webkit-filter: grayscale(0); filter: grayscale(0); transition:all 1s; transform: scale(1.3, 1.3);
-ms-transform: scale(1.3, 1.3);
-webkit-transform: scale(1.3, 1.3);}
/* client section end */
/* Footer section start */
.footer_wrapper{width:100%; float:left; padding:15px 0px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,29292d+50,000000+100 */
background-color: #000000;} /* Old browsers */

.footer_content{width:90%; margin:auto; color:#fff;}
.footer1{width:25%; float:left;}
.footer1-heading{width:100%; font-size:17px; text-transform:uppercase; float:left; line-height:25px;}
.footer_content_sub{width:100%; float:left;}
.footer_content_sub li{width:100%; line-height:30px; list-style:none; text-align:justify; font-size:13px;}
.footer_content_sub li img{float:left; margin-right:10px; margin-top:5px;}
.footer_content_sub li a{color:#fff; transition:all 1s;}
.footer_content_sub li a:hover{padding-left:15px; color:#c23d03;}
/* Footer Section End */
/* Bottom Footer section start */
.bottom_footer_wrapper{width:100%; float:left; padding:10px 0px; background-color:#000;}
.bottom_footer{width:90%; text-align:center; margin:auto; color:#fff; font-size:13px;}
/* Bottom Footer section end */
/*---------------------- ABOUT US PAGE CSS START --------------------------------------*/
.about_us_wrapper{width:100%; float:left; background-image:url(../images/about-us-slider.png); background-size:cover;}
.inner_page_title_wrapper{width:90%; margin:auto;}
.inner_page_title{width:100%; float:left; color:#fff; font-size:36px; font-weight:500; text-shadow:1px 1px 3px #000; line-height:72px; margin:25px 0px;}
.inner_page_title p{display:inline; padding-bottom:15px; font-family: 'GothamRoundedMedium'; font-size:32px;}
.inner_bg-slider-sub{width:100%; margin:auto; height:200px;}
.inner_content_wrapper{width:100%; float:left; position:relative; z-index:20; margin-top:-200px;}
.about-us-content{width:100%; float:left; margin-bottom:15px; text-align:center;}
.about-us-content li{display:inline-table; width:90%; margin:5%; max-width:300px;}
.who_title{width:100%; float:left; text-align:center; font-size:24px; font-weight:500; color:#4497e9; margin-bottom:10px; font-family: 'GothamRoundedMedium'; max-width:300px;}
.who_icon{width:100%; float:left; text-align:center; margin-bottom:10px;}
.who_icon img{width:100px;}
.who_txt{width:100%; float:none; text-align:center; margin-bottom:10px; max-width:300px;}
.who_pic{width:100%; float:none; text-align:center; max-width:300px;}
.who_pic img{width:100%; filter: gray;  -webkit-filter: grayscale(1); filter: grayscale(1); transition:all 1.5s;}
.who_pic img:hover{filter: gray;  -webkit-filter: grayscale(0); filter: grayscale(0); transition:all 1s; transform: scale(1.3, 1.3);}
.about_wrapper{width:100%; float:left; padding-bottom:20px; 
background: rgba(73,155,234,1);
background: -moz-linear-gradient(-45deg, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(73,155,234,1)), color-stop(100%, rgba(32,124,229,1)));
background: -webkit-linear-gradient(-45deg, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: -o-linear-gradient(-45deg, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: linear-gradient(135deg, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5', GradientType=1 );}
/*---------------------- ABOUT US PAGE CSS End --------------------------------------*/

/*---------------------- OUR APPROCH PAGE CSS START --------------------------------------*/
.our_approch_wrapper{width:100%; float:left; background-image:url(../images/our-approch-slider.jpg); background-size:cover;}
.why_wrapper{width:100%; float:left; background-image:url(../images/why-banner.jpg); background-size:cover; color:#fff;}
.why_overlay{width:100%; float:left; padding:15px 0; background-color: rgba(0, 137, 191, 0.7);}
.why_sub{width:90%; margin:auto;}
.why_content{width:100%; float:left; text-align:center;}
.why_content_sub{width:100%; float:left; text-align:center;}
.why_content_sub li{display:inline-table; min-height:170px; list-style:none; background-color: rgba(0, 0, 0, 0.6); width:96%; margin:2%!important;  max-width:300px; text-align:center;
transition:all 1s; padding:2%;}
.why_content_sub li:nth-child(2n){background-color: rgba(0, 0, 0, 0.8);}
.why_content_sub li:hover{background-color:rgba(0, 137, 191, 0.7); border-radius:5px;}
.why_pic{width:100%; float:left; text-align:center; margin-bottom:10px;}
.why_pic img{border-bottom:1px solid #fff; padding-bottom:10px; }
.why_text{width:100%; float:left; text-align:center;}
/*---------------------- OUR APPROCH PAGE CSS END --------------------------------------*/
/*---------------------- Contact Us PAGE CSS START --------------------------------------*/
.Contact_wrapper{width:100%; float:left;}
.about_wrapper{width:100%; float:left; padding-bottom:20px; 
background: rgba(73,155,234,1);
background: -moz-linear-gradient(-45deg, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(73,155,234,1)), color-stop(100%, rgba(32,124,229,1)));
background: -webkit-linear-gradient(-45deg, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: -o-linear-gradient(-45deg, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: linear-gradient(135deg, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5', GradientType=1 );
}
.about_us_sub{width:90%; margin:auto; }
.about_content{width:100%; float:left; overflow:hidden;}
.about_left{width:500px; float:left; text-align:center;}
.about_left img{max-width:500px;}
.about-title{width:100%; float:left; font-size:22px; color:#fff;}
.about-content{width:100%; float:left; color:#fff; margin-top:5px; margin-bottom:10px;}
.about-learn a{color:#fff; padding:10px 35px; border:1px solid #fff; transition:all 1s;}
.about-learn a:hover{background-color:#bf3c04;}
.contact_inner1{width:48%; float:left; margin-top:20px;}
.contact_inner2{width:48%; float:right; margin-top:20px; }
.service_banner_form{width:300px; float:right; background:rgba(0,0,0,0.8); padding:20px; border-radius:4px;}
.service_banner_txt{width:100%; float:left; color:#fff;}
.service_banner_title_sub{width:100%; float:left; font-size:30px; color:#fff; line-height:50px; margin-bottom:10px;}
.service_banner_txt{width:100%; float:left; color:#fff;}
.service_form_title{width:100%; float:left; font-size:20px; font-weight:500; color:#fff; text-align:center; line-height:35px; border-bottom:1px solid #fff; padding-bottom:15px;}
.service_banner_form_sub{width:100%; float:left; margin-top:15px;}
.service_banner_form_text_feild{width:100%; float:left; line-height:40px; height:40px; border-bottom:1px solid #fff; padding-bottom:10px; margin-bottom:20px; color:#fff!important; 
background-color:transparent; border-top:0px!important; border-left:0px!important; border-right:0px!important; padding:0 15px;}
.service_banner_but{width:100%; float:left; color:#fff; line-height:40px; height:40px; border-radius:3px; background: rgba(73,155,234,1);
background: -moz-linear-gradient(-45deg, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(73,155,234,1)), color-stop(100%, rgba(32,124,229,1)));
background: -webkit-linear-gradient(-45deg, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: -o-linear-gradient(-45deg, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: linear-gradient(135deg, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5', GradientType=1 ); border:0px;}
/*---------------------- Contact Us PAGE CSS END --------------------------------------*/
/*---------------------- Services Page  CSS START --------------------------------------*/
.consulting_wrapper{width:100%; float:left; background-image:url(../images/consulting.jpg); background-size:cover;}
.service_banner_wrapper{width:100%; float:left; padding:30px 0px;}
.service_banner{width:90%; margin:auto;}
.service_banner_content{width:500px; float:left; text-shadow:1px 1px 3px #000;}
.service_banner_form{width:300px; float:right; background:rgba(0,0,0,0.8); padding:20px; border-radius:4px;}
.service_banner_title{width:100%; float:left; font-size:40px; color:#fff; line-height:55px; margin-bottom:20px; margin-top:50px;}
.service_banner_title_sub{width:100%; float:left; font-size:30px; color:#fff; line-height:50px; margin-bottom:10px;}
.service_banner_txt{width:100%; float:left; color:#fff;}
.service_form_title{width:100%; float:left; font-size:20px; font-weight:500; color:#fff; text-align:center; line-height:35px; border-bottom:1px solid #fff; padding-bottom:15px;}
.service_banner_form_sub{width:100%; float:left; margin-top:15px;}
.service_banner_form_text_feild{width:100%; float:left; line-height:40px; height:40px; border-bottom:1px solid #fff; padding-bottom:10px; margin-bottom:20px; color:#fff!important; 
background-color:transparent; border-top:0px!important; border-left:0px!important; border-right:0px!important; padding:0 15px;}
.service_banner_but{width:100%; float:left; color:#fff; line-height:40px; height:40px; border-radius:3px; background: rgba(73,155,234,1);
background: -moz-linear-gradient(-45deg, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(73,155,234,1)), color-stop(100%, rgba(32,124,229,1)));
background: -webkit-linear-gradient(-45deg, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: -o-linear-gradient(-45deg, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: linear-gradient(135deg, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5', GradientType=1 ); border:0px;}
.service_page_middle{width:100%; float:left; margin:50px 0px; position:relative;}
.service_page_middle_sub{width:90%; margin:auto;}
.service_md_left{width:700px; float:left; padding-top:150px; position:relative; z-index:999999999999999;}
.service_md_content{width:100%; float:left; margin-top:15px; text-align:justify;}
.service_md_right{float:right; position:absolute; right:0px; top:-50px; z-index:1;}
.service_md_right img{filter: gray;  -webkit-filter: grayscale(1); filter: grayscale(1); transition:all 1.5s; z-index:1; border-radius:50%;}
.service_md_right img:hover{filter: gray;  -webkit-filter: grayscale(0); filter: grayscale(0); transition:all 1s; transform: scale(1.3, 1.3); z-index:100; border-radius:0%;}
.ser1{width:200px; position:absolute; top:0px; right:0px;}
.ser2{width:200px; position:absolute; top:0px; right:220px;}
.ser3{width:200px; position:absolute; top:220px; right:0px;}
.ser4{width:200px; position:absolute; top:0px; right:440px;}
.ser5{width:200px; position:absolute; top:220px; right:220px; display:none;}
.ser6{width:200px; position:absolute; top:440px; right:0px;}
.service_sort_wrapper{width:100%; float:left; padding:50px 0px; background-image:url(../images/seemless.jpg);}
.service_detail_wrapper{width:100%; float:left; padding:50px 0px;}
.service_detail{width:90%; margin:auto;}
.service_detail_sub{width:100%; float:left;}
.service_detail_sub li{list-style:none; float:left; width:60%; transition:all 1s; margin-bottom:10px; padding:10px;}
.service_detail_sub li:nth-child(2n){float:right;}
.service_detail_sub li:hover{box-shadow:1px 1px 3px #000;}
.service_detail_sub_pic{width:20%; float:left; text-align:center;}
.service_detail_sub_pic img{width:100%; max-width:150px;}
.service_detail_sub_content{width:80%; float:right;}
.service_detail_sub_pic1{width:20%; float:right; text-align:center;}
.service_detail_sub_pic1 img{width:100%; max-width:150px;}
.service_detail_sub_content1{width:75%; float:left; text-align:right!important;}
.service_detail_sub h1{font-size:24px; float:left; margin-bottom:15px; font-weight:500; width:100%; padding:0px;}
.service_detail_sub P{width:100%;}
.technology_wrapper{width:100%; float:left; padding:50px 0px; background-image:url(../images/seem2.jpg);}
.technology{width:90%; margin:auto;}
.technology_content_main{width:60%; float:left;}
.technology_pic{width:36%; float:right; text-align:center; margin-top:20%;}
.technology_pic img{width:100%; max-width:500px;}
/*---------------------- Services Page  CSS END --------------------------------------*/
}