@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
@font-face{font-family:"Glyphicons Halflings";src:url(glyphicons-halflings-regular.eot);src:url(glyphicons-halflings-regular.eot#iefix) format("embedded-opentype"),url(glyphicons-halflings-regular.woff) format("woff"),url(glyphicons-halflings-regular.ttf) format("truetype"),url(glyphicons-halflings-regular.svg) format("svg");font-weight:400;font-style:normal}
#features_3,#features_3_content_center img,#home_slider{overflow:hidden}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,li,ol,pre,td,th,ul{margin:0;padding:0}
@font-face{font-family:Lane;src:url(fonts/LANENAR_-webfont.eot);src:url(fonts/LANENAR_-webfont86d7.eot?iefix) format("eot"),url(fonts/LANENAR_-webfont.woff) format("woff"),url(fonts/LANENAR_-webfont.ttf) format("truetype"),url(fonts/LANENAR_-webfont.svg#webfont) format("svg")}
html{-webkit-font-smoothing:antialiased;font-size:100%}
p{font-style:normal;text-align:left;line-height:1.625em;font-size:16px;font-family:'Open Sans',sans-serif;color: #818b96!important;}
a{text-decoration: none;}
a:hover{text-decoration:none;}
.animated p a img:hover{opacity:.7}
h1{font-size:2rem;line-height:2.5rem}
h2{font-size:2.5rem;line-height:3.6rem;margin-bottom:1.7rem}
h3{font-size:1.7rem;line-height:2.25rem;text-align:left;color:#636363!important}
h5{font-size:.8125rem;line-height:1rem;color:#fff;text-transform:uppercase}
ul{list-style:none}
li a{display:inline}
hr{margin-top:4.568em;margin-bottom:4.568em}
body,h1,h2,h3,h4,h5,h6{font-family:'Poppins',sans-serif}
.clear{clear:both}
.cta1{border-radius:7px}
.cta1,.cta2{font-size:1rem;font-family:'Source Sans Pro',sans-serif;font-style:normal;text-decoration:none;color:#fff;text-align:center;display:inline-block;font-weight:700;padding-top:1rem;padding-bottom:1.1rem;width:9.375rem;line-height:1rem;margin-left:.625rem;margin-right:.625rem;margin-top:1.4rem;letter-spacing:-.03rem;-moz-border-radius-topleft:7px;-moz-border-radius-topright:7px;-moz-border-radius-bottomright:7px;-moz-border-radius-bottomleft:7px;-webkit-border-radius:7px;}
.cta1:active,.cta1:visited{color:#fff;text-decoration:none}
.cta1:focus{outline:0;text-decoration:none;color:#fff}
.cta1:hover{color:#fff;animation:pulse .5s;opacity:.9}
.cta1:hover,.cta2:hover,.item a:hover img{-webkit-animation:pulse .5s}
.cta2{opacity:1;border-radius:7px}
.cta2:active,.cta2:visited{color:#fff;text-decoration:none}
.cta2:focus{outline:0;text-decoration:none;color:#fff}
.cta2:hover{color:#fff;opacity:.9;animation:pulse .5s}
#about_intro,#features1a_image,#features1b_image,#features2a_image,#features2b_image,#features_1_content,#features_2_content,#features_3_content_center,#features_3_content_left,#features_3_content_right,#features_3_intro,#home_slider_image,#logo,#logo_header,#service_1,#service_2,#service_3,#slogan{opacity:0}
#preloader{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:#fff;z-index:9999}
#status{width:200px;height:200px;position:absolute;left:50%;top:50%;background-repeat:no-repeat;background-position:center;margin:-100px 0 0 -100px}
#about,#home_slider{position:relative}
.spinner{margin:100px auto 0;width:70px;text-align:center}
.spinner>div{width:18px;height:18px;border-radius:100%;display:inline-block;-webkit-animation:bouncedelay 1.4s infinite ease-in-out;animation:bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.spinner .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}
.spinner .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}
@-webkit-keyframes bouncedelay {
0%,100%,80%{-webkit-transform:scale(0)}
40%{-webkit-transform:scale(1)}
}
@keyframes bouncedelay {
0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}
40%{transform:scale(1);-webkit-transform:scale(1)}
}
#home_slider{height:24rem;z-index:0}
#home_slider_image{margin-top:1.6rem;margin-left:auto;margin-right:auto}
#home_slider_content,#home_sliderscreen{text-align:center}
#logo{margin-top:.875rem;margin-bottom:.4rem}
#logo_header{margin-bottom:4.3rem}
#slogan{color:#fff;margin:0;padding:0}
#about{padding:35px 0;background:#fff;display:block;z-index:20;}
.services_icon{width:4rem;height:4rem;margin-top:6.5rem;margin-bottom:1.625rem}
.arrow_single,.arrows{position:relative;display:inline;left:50%;margin-bottom:1.5rem;z-index:999}
.arrows_box{width:100%;position:relative;border-bottom:solid 1px #f0f0f0}
.arrows_box_bg{margin-top:-1.45rem;background:0 0}
.arrows_no_border{border-bottom:none}
.arrows{margin-left:-3.1rem}
.arrow_single{margin-left:-1.55rem}
.arrow_down,.arrow_up{margin:0;width:3rem;height:3rem;padding:.2rem;background-color:#fff;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;transform:rotate(89deg);-webkit-transform:rotate(89deg);-moz-transform:rotate(89deg);-o-transform:rotate(89deg);-ms-transform:rotate(89deg);ms-transform:rotate(89deg)}
#features_1,#features_2{padding-bottom:3.25rem;background:#fff;display:block}
.arrow_down:hover,.arrow_up:hover{cursor:pointer}
#features_1{margin:0;padding-top:1.25rem;position:relative;z-index:20;text-align:left}
#features_1_content,#features_2_content{padding-top:3rem}
.feature{margin-top:1.25rem}
.feature_icon{width:2rem;height:2rem;float:left;margin-right:2rem;margin-top:.5rem;margin-bottom:3rem}
.image_front{position:absolute;left:0;top:0;z-index:30}
.image_back{position:relative;left:0;top:0;z-index:29}
#features_2,#features_3{margin:0;z-index:20;text-align:left}
#features_2{position:relative}
#features_3{padding-top:6.5rem;padding-bottom:0;height:40.625rem;background:#fff;position:relative;display:block}
#service_2 ul li{text-align:left;margin-top:0;font-size:15px;line-height:1.625em}
#service_3 ul li{text-align:left;margin-top:0;font-size:15px;line-height:1.625em}
#service_4 ul li{text-align:left;margin-top:0;font-size:15px;line-height:1.625em}
#footer,#gallery{display:block;background:#fff;position:relative;z-index:100}
#features_3_intro{text-align:center;margin-bottom:1.625rem}
#features_3_content_left{text-align:right;padding-right:2rem;padding-bottom:6.5rem}
#features_3_content_right{text-align:left;padding-left:2rem;padding-bottom:6.5rem}
#footer,#gallery,#owl-gallery,#social_icons,.subscribe-submit{text-align:center}
#gallery{margin:0;padding-top:2.5rem;padding-bottom:6.5rem}
#owl-gallery{margin-top:0}
.item{margin:1rem}
#preview,.subscribe-form{margin-left:auto;margin-right:auto}
.item img{display:block;width:100%;height:auto}
.item a:hover{cursor:url(../images/cursor.png),auto}
.item a:hover img{opacity:.8;animation:pulse .5s}
#gallery_carousel,#gallery_intro{opacity:0}
#footer{background: #0b1823 url(../images/footerbg.png) no-repeat center !important;padding:20px 0;}
.footer-copyright{border-top: 1px solid rgba(255,255,255,.3); display: flex; justify-content: center; align-items: center; padding-top: 15px;margin-top:15px;}
.footer-copyright p{font-size:13px;}
#footer h2,#footer p, #footer a{color:rgba(255,255,255,.5); margin-bottom: 0;}
#footer a:hover{color: #fff;}
.footermenu .footer-links li{margin-bottom:10px;}
.footermenu .footer-links li a:before{content: "\f105"; font-family:FontAwesome; font-size:17px; padding-right:6px;}
.footermenu .footer-links li a:hover{color:#fff !important;}
.address-footer .address-col{border-bottom: 1px solid rgba(255,255,255,.5); padding-bottom:11px; margin-bottom:11px;}
.address-footer .address-col:last-child{border-bottom: none;}
#newsletter_form{margin-top:1.625rem;height:3.25rem}
.subscribe-form{width:28.75rem;position:relative;z-index:10}
.subscribe-input{float:left;padding-left:1.2rem;padding-top:.1rem;width:21.875rem;height:3.25rem;font-family:'Source Sans Pro',sans-serif;font-size:1rem;font-weight:300;color:#444;background:#fff;-moz-border-radius-topleft:10px;-moz-border-radius-bottomleft:10px;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;border:none;-webkit-border-radius:10px 0 0 10px;border-radius:10px 0 0 10px}
#preview p,.subscribe-submit{line-height:1rem;font-weight:600}
.subscribe-input:focus{outline:0}
.subscribe-submit{font-family:'Source Sans Pro',sans-serif;font-size:1rem;font-style:normal;height:3.25rem;width:8rem;text-decoration:none;display:block;position:absolute;top:0;right:0;border:none;-webkit-border-top-right-radius:10px;-webkit-border-bottom-right-radius:10px;-moz-border-radius-topright:10px;-moz-border-radius-bottomright:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;cursor:pointer;color:#fff;outline:0}
.subscribe-submit:active{outline:0}
.subscribe-submit:hover{opacity:.8}
#preview{width:28.6rem;height:3.25rem;border-radius:10px;border:none;margin-top:-3.25rem;padding:1.1rem;color:#000;z-index:5;transition:all 300ms cubic-bezier(.19,1,.22,1)}
#fb_icon,#fli_icon,#g_icon,#in_icon,#pin_icon,#preview,#tw_icon{-webkit-transition:all 300ms cubic-bezier(.19,1,.22,1);-moz-transition:all 300ms cubic-bezier(.19,1,.22,1);-o-transition:all 300ms cubic-bezier(.19,1,.22,1)}
#preview p{margin:0;color:#000}
.PhoneNumber li a,.topmenu a{color:#fff}
#share{padding-top:1.25rem}
#social_icons{margin-bottom:1.6rem}
.PhoneNumber ul,.topmenu{text-align:right}
#social_icons li{display:inline;padding-left:.4rem;padding-right:.4rem}
#fb_icon,#fli_icon,#g_icon,#in_icon,#pin_icon,#tw_icon{width:2.5rem;height:2.5rem;transition:all 300ms cubic-bezier(.19,1,.22,1)}
#fb_icon:hover,#fli_icon:hover,#g_icon:hover,#in_icon:hover,#pin_icon:hover,#tw_icon:hover{cursor:pointer}
.top_arrow{position:fixed;bottom:25px;right:25px;z-index:9999}
.icons_middle{float:left;height:100px;width:55px}
.topmenu a{font-size:1rem;padding:10px}
.PhoneNumber{background:#036bb4;box-shadow:0 2px 4px #eee}
.PhoneNumber ul{margin:0 auto;padding:0}
.PhoneNumber li{display:inline-block;list-style-type:none;margin:0;padding:5px 2px}
#topmenu-wap{border-top:1px solid rgba(255,255,255,.2);padding:.8rem .5rem .5rem}
#menu_middle{text-align:right;margin-bottom:0}
#menu_middle li{display:inline;font-size:1rem;padding-left:.4rem;padding-right:.4rem}
#menu_middle a{color:#333}
#menu_middle ul li a:hover{color:#036bb4}
.modal.in .modal-dialog{transform:inherit!important}
.clientvideo video{display:inherit;margin:auto;width:100%}
.PhoneNumber li{color:#FFF}
#about-section,#native-section{background:#fff;box-shadow:inset 0 0 12px 0 rgba(0, 0, 0, 0);color:#333;padding:60px 0 20px;}
#native-section{background:url(../images/native_bg.png)}
#development-section{padding:90px 0 70px;color:#fff;background: url(../images/xamarin-bg.jpg) no-repeat center;background-size: cover;background-attachment: fixed;box-shadow:inset 0 0 12px 0 rgba(0,0,0,0.1);}
#other-section{padding:60px 0 30px;}
.carousel-control{width:0}
.footermenu {overflow: hidden;}
.footermenu li{text-align:left;margin:0}
.footermenu h3{text-align:left;font-style:normal;color:#fff!important;font-size:1.3em}
.footermenu h4{text-align:left; color: #fff !important; margin-bottom: 5px;}
.footermenu p{text-align:left; margin-bottom:4px;}
.social-icon-img li{float:left;padding-right:10px}
ul.footermenu li:hover img{opacity:.5;background-color:#1f9bc9}
.carousel-control.right,.carousel-control.left{outline:none}
.locations-wrapper{width:100%;background:rgba(0,0,0,0.5);min-height:60px;position:absolute;left:0;bottom:0;z-index:9}
.nivo-controlNav{bottom:60px!important}
.nivo-caption::after{background:#0000005e!important}
.nivoSlider{max-height:630px}
.location-list{display:flex;flex-wrap:wrap;margin:16px 0 0;justify-content:center}
.location-list i{display:inline-block;margin-right:7px}
.location-list i img{border-radius:100%;width:30px;height:30px;border:2px solid #fff}
.location-list li{margin-left:15px;margin-top:0;color:#fff;font-size:15px}
.slider-wrapper{position:relative}
.slider-wrapper .layer-1-2 h1{font-size:25px;font-weight:300;line-height:30px;text-shadow:0 2px 8px rgba(0,0,0,0.7)}
.slider-wrapper .layer-1-1 h2{font-size:50px;font-weight:300;text-shadow:0 2px 8px rgba(0,0,0,0.7)}
.slider-wrapper .layer-1-3 a.ready-btn{padding:13px 25px;font-size:14px;background-color:#0c4c83;border-color:#0c4c83!important;border-radius:0px!important;}
.slider-wrapper .nivo-controlNav a:hover,.slider-wrapper .nivo-controlNav a.active{border-color:#000}
.slider-wrapper .layer-1-3 a.ready-btn.fa-long-arrow-right{font-size: 2rem; padding-left: 10px;}
.slider-wrapper .preview-2 .nivoSlider .nivo-directionNav a{transition:all .3s ease 0}
.slider-wrapper .preview-2 .nivoSlider .nivo-directionNav a.nivo-prevNav{left:-65px!important}
.slider-wrapper .preview-2 .nivoSlider .nivo-directionNav a.nivo-nextNav{right:-65px!important}
.slider-wrapper .preview-2 .nivoSlider:hover .nivo-directionNav a.nivo-prevNav{left:15px!important}
.preview-2 .nivoSlider:hover .nivo-directionNav a.nivo-nextNav{right:15px!important}
.header{position:absolute;width:100%;top:0;z-index:110;background:rgba(0,0,0,.3)}
.navbar{border-bottom:none;transition-duration:.6s;margin-bottom:8px;min-height:65px}
.navbar-nav>li{margin-left:10px;}
.navbar-nav>li:first-child{margin-left:0;}
.nav>li>a{color:#fff;text-transform:uppercase;font-size:14px;font-weight: 500;padding:8px 12px;border-radius:0px;margin-top:16px;transition:all .3s ease}
.nav>li>a:hover{background:#0c4c83}
.nav>li.active>a{background:#0c4c83;}
.navbar-toggle{margin-top:20px;border:1px solid #0c86d6}
.navbar-brand{display:inline-block;margin:8px 0 0;padding:0}
.banner-inner-section{min-height:550px;background-image:url(../images/portifolio1.jpg);background-position: center;background-repeat:no-repeat;background-size:cover;position:relative;display:flex;align-items:center;overflow: hidden;}
.banner-inner-section .banner-info{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;width:100%;align-items:center;}
.banner-inner-section .banner-info h3,
.banner-inner-section .banner-info h1
{font-size:5em;font-weight:700;padding:15px 0;color:#fff!important}
.section-title{font-size:30px;line-height:38px;color:#132C4A; margin-bottom: 10px;}
.development-section h2{font-size:30px;line-height:40px}
.development-section p{color: #ffffff!important;}
.feature-box{padding:30px 30px 30px 80px;position:relative;overflow:hidden;border-radius:10px;margin:0 10px 40px;background:#fff;box-shadow:0 10px 29px 0 rgba(68,88,144,0.1);transition:all .3s ease-in-out;min-height:200px}
.feature-box h3{color:#132C4A!important;text-align:left;font-size:18px}
.feature-box p{color:#818b96!important;font-size: 14px;}
.feature-box:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}
.feature-box:hover h3{color:#007bff !important}
.feature-img{position:absolute;left:0;top:calc(50% - 32px)}
.feature-img img{max-height:64px}
.other-section p{margin-bottom:15px}
.flexible-engagement-model h3{color:#1176B9 !important;font-size:20px !important;}
.social-icons{float: left;}
.social-icons a{width:35px; height:35px;transition:all .3s ease; background: #0c4c83; border-radius:100%; display: flex; justify-content: center; align-items: center; margin:0;}
.social-icons a i{color: #fff;}
.social-icons a:hover{background: #fff;}
.social-icons a:hover i{color: #0c4c83;}
.social-icons li{display: inline-block; margin-right: 10px;}
.flexible-section{border-right:1px solid #ccc; min-height:330px; padding-right:25px;}
.flexible-section.last{border-right:none;}
.flexible-list li{border-top:1px solid #ccc; padding: 10px 0; margin-top:10px;}
.about-intro h3, .about-intro p{text-align:center !important;}
.flexible-thumb{text-align:left;}
.flexible-thumb img{max-height:50px;}
#toTop{display:none;text-decoration:none;position:fixed;bottom:20px;right:2%;overflow:hidden;z-index:999;width:40px;height:40px;border:none;text-indent:100%;background:url(../images/arr.png) no-repeat 0 0}
#toTopHover{width:40px;height:40px;display:block;overflow:hidden;float:right;opacity:0;-moz-opacity:0;filter:alpha(opacity=0)}
.portfolio{position:relative;width:100%;height:auto;padding-top:115px;background:#fff}
.global-width-limiter{padding-left:58px;padding-right:58px;max-width:1256px;margin:0 auto;width:100%}
.portfolio-item{top:0;padding-left:0;padding-right:0;max-width:1256px;width:100%;border-bottom:1px solid rgba(0,0,0,.0); margin-bottom: 2rem;}
.awesome-project-content{margin: 25px 0;}
.portfolio-card{position:relative;padding:70px;width:100%;height:430px;overflow:hidden; box-shadow:inset 0 0 15px 0 rgba(0,0,0,0%);}
/* .gallery_product{background-color: #ECF5FF;border-radius: 18px;} */
.product2{background-color: #FFF0EF;border-radius: 18px;}
.product3{background-color: #F2F5F6;border-radius: 18px;}
.product4{background-color: #BCDFF4;border-radius: 18px;}
.product5{background-color: #FEF5C7;border-radius: 18px;}

.tag{padding:8px 16px;margin-right:15px;border:1px solid rgba(0,0,0,.1);display:inline-block;color:#999;font-size:12px;background: #ffffff;}
.title{position:relative;font-size:28px;padding-top:25px;font-weight:600;line-height:36px;color:#0c4c83;}
.portfolio-wr{width:50%;max-width:478px;}
.sub-title{padding-top:10px;font-size:16px;line-height: 23px;color:#666}
.phones-block[_ngcontent-c8]{position:absolute;bottom:0;right:70px;width:calc(50% - 70px);height:100%}
.small-phone{position:absolute;right:195px;bottom:0;width:190px;overflow:hidden}
.big-phone{position:absolute;right:15px;bottom:0;width:250px;overflow:hidden}
.web-screen{position:absolute;width:620px;right:5px;bottom:0;overflow:hidden}
.custom-tabs{display:flex;justify-content:center;width:100%}
.filter-button{font-size:14px;background:#fff;border-radius:.25rem;text-align:center;color:#333;border:1px solid #ccc;margin-bottom:30px;margin-right:15px;max-width:193px;width:100%}
.filter-button:hover,.filter-button.active{color:#fff;background-color:#2C4483}
.filter-button:visited{background-color:#0c4c83;color:#fff}
.filter-button:focus{box-shadow:none;background-color:#0c4c83;color:#fff}
.custom-tabs-wrapper{padding-top:35px;display:flex;justify-content:center}
.portfolio-card .sub-title{margin-bottom:20px}
.portfolio-card img{width:100%}
.portfolio-text{flex:1}
.btn-blue{background:#fff;color:#333;font-size:15px;font-weight:600;letter-spacing:1px}
.btn-white{background-color:#fff;border-color:#fff;color:#333;font-weight:600}
.btn-white:hover{background-color:#333;border-color:#fff;color:#fff}
.testimonial-section{padding: 45px 0 25px;}
.testimonial-row{border-bottom:1px dashed #F2F5F6; padding-bottom: 15px; display: inline-block; padding:35px 15px; margin-bottom:25px; background-color: #F2F5F6;position: relative;}
.testimonial-row:before{content: "\f10d"; color: #F2F5F6; font-family:FontAwesome; position: absolute; left:10px; top:0px; font-size: 35px;}
.testimonial-row .clientvideo{max-width: 275px; max-height: 254px; width: 100%; overflow: hidden;display: inline-block;border-radius: 5px;}
.testimonial-content p{display: inline-block; color: #000; font-size: 16px;}
.testimonial-row h3{color: #132c4a!important;font-weight: 600;}
.testimonial-row .client-name{color: #132c4a!important;font-weight: 600;}
.testimonial-row .clientvideo img{max-height: 315px; width: 100%;}
.testimonial-footer{display: flex; flex-direction: column; align-items: flex-end;}
.testimonial-content p.client-name{color: #999; font-weight: 600;}
.contact-wrapper{box-shadow: 0px 0px 50px #00000012;border-radius: 0px; margin: 60px 0px;}
.contact-row h3{font-weight: 600;color: #ffffff!important;}
.contact-row .add-color{color:#ffffff}
.address-section{padding: 26px 35px;}
.address-section p{ color: #d3d3d3!important;}
.address-section a{color: #d3d3d3!important; text-decoration: underline;}
.address-section a:hover{text-decoration: none;}
.address-section{background-image: url(./images/contact-bg1.png)!important;background: linear-gradient(180deg, rgba(111,21,109,1) 0%, rgba(7,28,81,1) 100%);}
.address-section::after{content: "";}
.contact-form{background-color: #ffffff; padding: 15px 30px;}
.contact-form .control-label{font-weight: 300; color: rgb(39, 39, 39);}
.contact-form .form-control{border-radius:0; background: rgba(255,255,255,.5);box-shadow:none; border-color:rgba(255,255,255,.5) !important;border-bottom: 2px solid #7f8891cf!important;}
.contact-form .form-control:focus{border-color:#fff !important;}
.contact-form textarea.form-control{min-height: 90px; resize: none;}
.contact-form .btn{float: right;}
.contact-row{border-top:1px solid #ccc; padding-top: 15px; margin-top: 15px;}
.contact-row:first-child{border-top: none;}
.contact-page{padding:35px 0;}
.contact-form .form-group input::placeholder{color: #A5A5A5!important;}
.contact-form .form-group textarea::placeholder{color: #A5A5A5!important;}
.contact-form .form-control{padding:10px 0px !important}
.white-title{font-size:30px; color: #fff; margin-bottom: 10px;} 
.xamarin-app-development .app-dev-img{max-height: 300px;}
.xamarin-banner{background-image:url(../images/slider1.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;min-height:400px;}
.offshore-xamarin-section{padding-bottom:50px !important;}
.rating-box{width: 100%;text-align:left; color:#fff;}
#preload{background:#f9f9f9;height:100%;left:0;position:fixed;top:0;width:100%;z-index:99999}
#preload-content{height:100px;left:45%;margin-left:-50px;margin-top:-50px;position:absolute;top:50%;width:280px;z-index:999}
.preload-text{color:#4b4b4b;font-weight:600;font-size:25px;text-align:center}
.preload-text span{color:#4b4b4b;font-weight:500}
.preload-spinner{margin:0 auto 14px;text-align:center}
.bounce1,.bounce2,.bounce3{-webkit-animation-name:bounce;-webkit-animation-duration:1.4s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-webkit-animation-fill-mode:both;-moz-animation-name:bounce;-moz-animation-duration:1.4s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease-in-out;-moz-animation-fill-mode:both;-webkit-animation-name:bounce;animation-name:bounce;-webkit-animation-duration:1.4s;animation-duration:1.4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both;background:#E54631;display:inline-block;height:20px;margin:0 3px;width:20px;border-radius:50%;border:3px solid #eee}
.bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}
.bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}
@-webkit-keyframes bounce {
0%,80%,100%{-webkit-transform:scale(0.0)}
40%{-webkit-transform:scale(1.0)}
}
@keyframes bounce {
0%,80%,100%{-webkit-transform:scale(0.0);transform:scale(0.0)}
40%{-webkit-transform:scale(1.0);transform:scale(1.0)}
}

/* Media Queries */
@media (max-width: 1920px) and (min-width: 1400px) {
.slider-content{padding:140px 0!important}
}
@media(max-width:1200px){
.feature-box{min-height:276px;}
}
@media (max-width:1024px){
.feature-box{padding:20px; margin:0 0px 30px; min-height:272px; display:flex; flex-direction:column; align-items:center;}
.feature-img{position: static;margin-bottom:15px;}
.feature-box h3{text-align: center;font-size: 16px;}
.feature-box p{font-size: 15px;text-align: center;}
.flexible-section{min-height: 285px;}
.slider-wrapper .layer-1-2 h1{font-size:20px;}
.slider-wrapper .layer-1-1 h2{font-size:30px; margin-bottom:0px !important;}
.section-title{font-size:26px; line-height:27px; margin-top:15px;}
.title{font-size:23px;}
.sub-title{font-size:15px;}
}
@media (min-width:768px) and (max-width:991px) {
.topimg_set{width:350px}
.portfolio-wr{width:44%;}
.portfolio-card{padding:30px;}
.offshore-xamarin-section{display:flex; flex-direction:column;}
.set-logo-img{order:1;}
.offshore-xamarin-text{order:2;}
}

@media (min-width:992px) and (max-width:1199px) {
.topimg_set{width:450px}
}
@media (max-width:767px) {
.topimg_set{width:250px}
#home_slider{height:auto;z-index:0}
#about_intro img,.set-logo-img img,#native-section img,#native-section img,#development-section img,#other-section img{width:100%}
.xamarin-app-development .app-dev-img{width:auto !important;}
.mobile_center{text-align:center}
.social-icon-img li{float:inherit;padding-bottom:10px}
.navbar-toggle{border-color:#fff;margin-top:10px}
.navbar-toggle{padding: 7px 5px;margin-right: 10px;}
.navbar{min-height:45px;}
.icon-bar{background-color:#fff}
.navbar-nav{background:#000}
.nav>li>a{padding:10px 30px;font-size:12px;border-radius: 0;margin-top:0;}
.navbar-nav>li{margin-left:0;}
.locations-wrapper{position:static;background:#000}
.location-list{margin:0;padding:15px 0 0}
.location-list li{margin:0 4px 10px 0;font-size:12px}
.nivo-controlNav{bottom:-16px!important}
.slider-wrapper .layer-1-2 h1{font-size:14px;line-height:17px}
.logo img {height: 40px;}
.location-list i img{width:20px; height:20px;}
.location-list i{margin-right:5px;}
.slider-content{padding:25% 0 !important}
.banner-inner-section{min-height: 200px;}
.banner-inner-section .banner-info h3,
.banner-inner-section .banner-info h1
{font-size:2em}
.flexible-section{border-right:none; margin-bottom: 25px;min-height: inherit;}
.footermenu h3{margin-bottom:15px;}
.footermenu h4{margin-top:15px;}
.feature-box{min-height:200px;}
.portfolio-card{padding:30px;display: flex; flex-direction: column;height: 600px;}
.portfolio-wr{padding-left: 30px;width: 44%;}
.phones-block {margin-top: 20px;position: absolute;bottom: 0;width: 100%;}
.portfolio-wr{width:100%;position: static;padding-left: 0;}
.phones-block{position: static;height:100%;}
.big-phone{left: 43%;right: auto;}
.small-phone{left: auto;right: 48%;}
.section-title{font-size:25px; margin-top:15px; line-height:32px;}
.flexible-engagement-model h3{margin-top:8px;}
.testimonial-row, .testimonial-content p{text-align: center;}
.testimonial-content p{font-size:14px;}
.testimonial-footer{align-items: center;}
.testimonial-content{padding-top: 15px;}
.contact-form{display: table; width: 100%;}
.contact-page{padding: 0;}
.contact-wrapper{border: none;}
.testimonial-section{padding-bottom: 0;}
.testimonial-row{margin-bottom:35px;}
.xamarin-app-development{text-align:center;}
.app-dev-img{width: auto; display: inline-block;}
#preload-content{transform: translateX(-65px);}
}
@media(max-width:575px){
    .feature-col{width: 100% !important;}
    .feature-box{min-height:inherit;}
    .big-phone{width:190px;}
    .small-phone{width:130px;right: 53%;}
}
@media(max-width:415px){
    .portfolio-card{height:650px;}
    .big-phone{width:160px;left: 37%;}
    .small-phone{width:100px;right: 60%;}
    .tag{margin-bottom: 15px;margin-right: 13px;padding: 5px 10px;}
}

/* new_css_su */

.pad_t {
    padding-top: 50px
}

.pad_b {
    padding-bottom: 50px
}

.sec_pad {
    padding-top: 50px;
    padding-bottom: 50px
}
.heading {
	margin-bottom: 30px;
}

.heading h1, .heading h2 {
	font-size: 36px;
	display: inline-block;
	position: relative;
	color: #132C4A;
	font-weight: 600;
	margin-bottom: 15px;
}
.heading p {
	font-size: 16px;
	margin-bottom: 0;
	color: #818b96;
    line-height: 28px;
}
.conten_set {
	margin-bottom: 30px;
	font-size: 16px;
}
.conten_set h1, .conten_set h2{
    font-size: 40px;
}
.conten_set h1, .conten_set h2, .conten_set h3, .conten_set h4 {
	margin-bottom: 15px;
	font-weight: 600;
    line-height: 1.2;
    color: #132C4A;
}
.conten_set p {
	color: #818b96;
	margin-bottom: 15px;
}
.conten_set ul {
	margin-bottom: 15px;
	color: #818b96;
}
.conten_set ul li {
	margin-bottom: 8px;
    line-height: 28px;
}
.slider-wrapper .layer-1-1 h1{
    font-size: 40px;
  text-shadow: 0 2px 8px rgba(0,0,0,0.3);  
  font-weight: 700;
}
.slider-wrapper .layer-1-1 h1 span{
    display: block;
    font-size: 26px;
    font-weight: 600;
}
.slider-wrapper .title2{
    color: #fff !important;
    font-weight: 600;
    text-align: center;
}
.d_flex{
    display: flex;
    flex-wrap: wrap;
}
.row_sm {
	margin: 0 -8px;
}
.row_sm [class*="col-"] {
	padding: 0 8px;
}
.box_d1 {
	padding: 15px;
	border: 1px solid #e1e1e1;
	border-radius: 10px;
    background: #fff;
    
}
.box_d1 .conten_set {
	margin: 0;
}
.box_d1 p{
    margin-bottom: 0;
}
.sec_1 {
	background: #f9f9f9;
}
.sec_1 .row_sm [class*="col-"]{
    margin-bottom: 16px;
}
.sec_1 .box_d1{
    height: 100%;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.set_btn{
    border-radius: 0px;
padding: 10px 20px;
background: #125997;
}
.heading.text-center p{
    text-align: center;
}
.sec_2 {
	border-top: 1px solid #e1e1e1;
}
.sec_2 .box_d1 {
	height: 100%;
}
.sec_2  .row_sm [class*="col-"] {
	margin-bottom: 16px;
}
.sec_3 {
	background: #0c4c830a;
}
.faqsss .panel-default > .panel-heading {
	background: #fff;
	padding: 13px 15px;
}
.faqsss .panel-default > .panel-heading h4 {
	font-size: 18px;
}
.faqsss .panel-body {
	background: #fff;
}
.faqsss .panel-body {
	background: #fff;
	font-size: 16px;
	color: #818b96;
}
.faqsss .panel-group .panel + .panel {
	margin-top:10px;
}
/* new_css_su */