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

/*reset style*/
h1,h2,h3,h4,h5,h6,a,p,img{padding:0; margin:0; text-decoration:none;}
header,footer,section,aside,article,div,span{padding:0;margin:0;}
nav,ul,li{padding:0;margin:0; list-style:none;}

body{font-family: 'Poppins', sans-serif;margin:0;}
img{width:auto; max-width:100%;}
.white{color:#fff;}
.yellow{color:#fdac38;}
.black{color:#2c2b2c;}


h1{font-size:30px; font-weight:500;}
h2{font-size:30px; font-weight:600; text-align:center;margin-bottom:64px;}
h3{font-size:30px; font-weight:700; text-align:center; text-transform:capitalize; position:relative;}
h3::after{content:""; position:absolute;height:6px; background-color:#fdac38; width:316px;bottom:0; left:0;right:0; margin:0 auto;}
h4{font-size:30px; font-weight:400; color:#1ac3bb;}
p{font-size:14px; line-height:24px; font-weight:400;}
a{font-size:18px; font-weight:400;}
span{font-size:20px;font-weight:400;}


/* banner and header */
.main-banner{float:left; width:100%; /*height:100vh;*/ position:relative;}
.banner{ height:40vh; }
.main-banner img{width:100%; float:left;}
/* header */
header{padding-left:32px; padding-right:39px; box-sizing:border-box; position:absolute; top:10px; left:0;float: left;width: 100%;border-bottom: 1px solid rgba(256,256,256,0.5);}
.logo{float: left;/*width: 100%;*/max-width: 175px; margin-top:12px;}
.top-panel li{float: right;width: auto;}
.top-panel{float: right;width: 85%; padding-top:5px;}
.top-panel a{ font-size:15px; }
i.fas.fa-phone{transform: rotate(120deg);}
i.fas.fa-envelope{margin-right: 11px;}
.top-panel li:last-child{border:  none;margin-right:  25px;}
.inner{float:left;}
.inner .banner h1{ font-size:34px; text-transform:none; margin-top:30px; }
/*sticky header */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: rgba(0,0,0,0.85);
  padding-top:20px;
  z-index:99999;}
  
.sticky .top-panel{display:none;}
.sticky .logo{margin-top:0;}
.sticky .navigation{margin-top:20px;}
/*.sticky{padding-bottom:15px;}*/
.sticky nav ul li {padding-bottom: 30px;}
.sticky .sub-services li{padding-bottom:0;}

/* navigation */
.navigation{float:right; max-width:700px; margin-top:20px;}
nav,ul{float:left; width:100%;}
nav ul li{float: left;width: auto;margin-right: 26px; position:relative;padding-bottom:10px;}
nav ul li:last-child{margin-right:0;}
nav ul li a{text-transform:capitalize; border-bottom:5px solid transparent; font-weight:500; font-size:16px;}
nav ul li a:hover,.active-page{border-bottom:3px solid #fdac38;}
/* for side menu*/
.navigation-responsive{display:none;}
.navigation-responsive{font-size:30px;cursor:pointer;float:right;}
.navigation-responsive span{font-size:30px;}
.sidenav {
    /*height: 100%;*/
    width: 0;
    position: fixed;
    z-index: 1;
    top: 125px;
    right: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top:0px;
	padding-bottom:10px;
}
.sidenav li{width:100%;padding: 8px 8px 8px 15px;}
.sidenav li:nth-child(1){padding:0;}
.sidenav li a {
    text-decoration: none;
    display: block;
    transition: 0.3s;text-transform: capitalize;
    font-weight: 600;
	font-size:14px;
}

.sidenav li a:hover {
    color: #fdac38;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}
/* sub services */
.sub-services{    display:none;
    position: absolute;
    top: 35px;
    left: -20%;
    z-index: 999;
    /*background: #fdac38;*/
    padding: 0px;
    margin: 0px;min-width:251px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.sub-services li{width:100%;margin-right:0;border-bottom:1px solid #555;background: #333;padding-bottom:0;}
.sub-services li:last-child{border-bottom:none;}
.sub-services li a{font-size: 13px;float:left;border-bottom:none;
padding:10px;
box-sizing: border-box;
margin: 0px;
width: 100%;
line-height: 18px;}
.sub-services li:hover {background:#fdac38;}
.sub-services li a:hover{border-bottom:none; color:#000;}
.navigation nav ul li:hover > ul {
    display:block;
}



/* banner */
.banner{float: left;width: 100%;position: absolute;top: 50%; left: 0;padding-left:32px; padding-right:39px; box-sizing:border-box; text-align:center;}
.banner-part{float:left;  width:100%; text-align:center;}
.banner-part h1 span{height:14px; width:14px; background-color:#fff; border-radius: 50%;display: inline-block;margin: 0 8px; border:none; margin-bottom:-8px;}
.banner-part h1{ font-size:70px;  text-transform:uppercase; color:#fdac38; padding-bottom: 0px;/*padding-left: 29px;*/width:auto; display:table; margin:0px auto;}


.banner-part span{ border-radius:30px; background:#fdac38; color:#FFF; margin-bottom:-8px;}
.banner-last-content{font-size:18px; padding:5px 20px; font-weight:300;/*width:75%;*/ width:auto; margin-top:15px; }
.scroll{float:left; width:100%;text-align:center;}


.scroll-to-bottom{border:2px solid #fdac38; width: 15px;height: 25px;float: left;border-radius: 30px; bottom:30px;position:absolute; text-align:center;  -webkit-animation: myfirst 5s 2; /* Safari 4.0 - 8.0 */
    -webkit-animation-direction: alternate; /* Safari 4.0 - 8.0 */
    animation: myfirst 5s infinite;
    animation-direction: alternate; }
	@keyframes myfirst {
    0%   {bottom:35px;}
    25%  {bottom: 20px;}
    50%  {bottom:35px;}
    75%  {bottom:20px;}
    100% {bottom:35px;}
}
.bottom{height: 5px;width: 2px;background-color: #fdac38;display: inline-block;margin-bottom: 6px;}
/* banner slider */
.banner .flex-direction-nav{display:none;}

/* we-say */
.we-say{float:left; width:100%;padding-top:98px;padding-left:32px; padding-right:39px; box-sizing:border-box;overflow:hidden;}
.we-say-part{float:left;width:49%;}
.we-say-part p{ text-align:justify; }
.we-say-part:last-child{float:right; text-align:center;}
.we-say-part p:nth-child(1){font-size:16px; font-weight:700; color:#1ac3bb; line-height:24px; margin-bottom:20px;}
.cloud-1{animation: rot 5s infinite linear;float: right;margin-right: -37px;}
.cloud-2{animation: rot 5s infinite linear;float:left;margin-left: -28px;margin-top: 170px;}
@keyframes rot {
	from {
		transform: rotate(0deg)
		           translate(-3px)
		           rotate(0deg);
	}
	to {
		transform: rotate(360deg)
		           translate(-3px) 
		           rotate(-360deg);
	}
}


/* offer */
.offer{float:left; width:100%;padding-top: 52px;margin-top: -34px;position:relative;}
.offer::before {content:  "";border-top: 1px solid #000;width: 850px;position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;}
.offer h3{padding-bottom:26px; margin-bottom:70px;}
.tabbs{float: left;width: 100%;padding-left:32px; padding-right:39px; box-sizing:border-box;}
.tabbs li{float: left;width: 14.28%;text-align: center;box-sizing:border-box;min-height: 170px;}
.tabbs li a.active span{background:url(../images/hover-image.png) no-repeat bottom center !important;  }
.tabbs li a{display:inline-block;} 
.tabbs-image{/*background:url(../images/sprite.png) 0 0;*/ width:100px;height: 111px;display:inline-block;}
#web-image{background:url(../images/web.png) 0 0;}
#mobile-image{background:url(../images/mobile.png) 0 0;}
#graphic-image{background:url(../images/graphic.png) 0 0;}
#game-image{background:url(../images/game.png) 0 0;}
#digital-marketing-image{background:url(../images/digital-marketing.png) 0 0;}
#business-development-image{background:url(../images/bussiness-development.png) 0 0;}
#software-image{background:url(../images/software.png) 0 0;}
.tabbs li:hover a div, .tabbs li a.active div {background-position:top right!important;}


.tabbs li a div {background-position:top left!important; }
.tabbs li a:hover .tabbs-image,.tabbs li a:focus .tabbs-image{/*background:url(../images/sprite.png) -125px 0;*/ }
.tabbs li a:hover #web-image,.tabbs li a:focus #web-image{background:url(../images/web.png) -125px 0;}
.tabbs li a:hover #mobile-image,.tabbs li a:focus #mobile-image{background:url(../images/mobile.png) -125px 0;}
.tabbs li a:hover #graphic-image,.tabbs li a:focus #graphic-image{background:url(../images/graphic.png) -125px 0;}
.tabbs li a:hover #game-image,.tabbs li a:focus #game-image{background:url(../images/game.png) -125px 0;}
.tabbs li a:hover #digital-marketing-image,.tabbs li a:focus #digital-marketing-image{background:url(../images/digital-marketing.png) -125px 0;}
.tabbs li a:hover #business-development-image,.tabbs li a:focus #business-development-image{background:url(../images/bussiness-development.png) -125px 0;}
.tabbs li a:hover #software-image,.tabbs li a:focus	 #software-image{background:url(../images/software.png) -125px 0;}
.tabbs li span{font-size:14px; font-weight:500; color:#090909; text-transform:capitalize;width:100%;display:inline-block; line-height:25px; min-height:50px;}
.tab-content{float: left;width:100%;padding-left:32px; padding-top:46px;background-color:#000;box-sizing:border-box;background:url(../images/offer-active.png) no-repeat;background-size: cover;padding-bottom:58px;}
.tab-content img{width:100%;position:relative;}
.tab-pane{ top:0; left:0; right:0; text-align:center;position:relative;}
.tab-content1{position:relative;}
.triangle{width: 0;height: 0;border-style: solid;border-width: 0 26px 23px 26px;border-color: transparent transparent #fdab38 transparent;/*position:absolute;top:-71px;*/ margin:0 auto;}
.tab-triangle{float:left; width:13.5%; text-align:center;margin-top: -69px; position:absolute;box-sizing: border-box;display:none;}
#web-triangle{left:0; margin-left:0px;}
#mobile-triangle{left:13.7%;}
#graphic-triangle{left:27.4%;}
#game-triangle{left:40.9%;}
#digital-marketing-triangle{left:54.7%;}
#business-development-triangle{left:68.3%;}
#software-triangle{left:81.9%;}
.tab-pane h3{margin-bottom:43px;padding-bottom:0; font-size:34px;}
.tab-pane h3::after{display:none;}
.tab-pane p{line-height:24px; width:69%; margin:0 auto;}
.offer-listing{width: 100%;  margin:0px auto; display:table; float:none; box-sizing: border-box;margin-top: 57px; margin-bottom:53px;}
.offer-listing li{float:none; width:auto;box-sizing: border-box; text-align:center; display:inline-block;padding:1%;}
.offer-listing li img{width:auto;}

.offer-listing span{display:block;}

.tab-button{margin-left:0;}
.nav-tabs>li>a{margin-right:0;}
.nav>li>a{padding:0;}
/* for responsive */
.offer-responsive{display:none;}



/* consultation */
.consultation{float:left; width:100%; background-color:#f1f0f0;padding-top: 30px;padding-bottom: 30px; text-align:center;}
.consultation span{font-size:25px; font-weight:600;}
.tab-pane .button,.consultation .button,.blog .button{font-size:15px!important; font-weight:700!important; text-transform:capitalize;border-radius: 30px; margin-left:39px;display:inline-block;background:url(../images/button-image.png) no-repeat top center;height: 34px;width: 146px;text-align:center;padding-top: 8px;cursor:pointer; transition:all 0.3s ease;}
.button:hover{color:#fff; transition:all 0.3s ease;}


/* testimonial */
.testimonial{float:left; width:100%; background-color:#fcb34a; padding-top:34px; margin-top:4px; padding-bottom:100px; padding-left:20px; padding-right:20px; box-sizing:border-box; position:relative;}
.testimonial h3{padding-bottom:10px; margin-bottom:45px;}
.testimonial h3:after{background-color:#fff;}
.arrow-left{height:54px; width:54px; background-color:#fff;border-radius: 50%; margin-left:20px; text-align:center;float:left; margin-top:64px;}
i.fas.fa-angle-left,i.fas.fa-angle-right{font-size: 44px;color:  #1bbfb8;margin-top: 6px;}
.testimonial-slider-content{float: left;width: 90%;}
.testimonial-image{float: left;width:  30%;text-align: center;}
.testimonial-content{float: right;width: 62%;}
.testimonial-content p{line-height:24px; margin-bottom:20px;}
.testimonial-content span:nth-child(2){font-size:25px;  font-weight:500;}
.testimonial-content span:nth-child(3){font-size:18px; font-weight:400; display:block;}
.arrow-right{height:54px; width:54px; background-color:#fff;border-radius: 50%; margin-right:20px;  text-align:center;float:right; margin-top:64px;}
.testimonial-triangle, .testimonial-triangles{position:absolute; left:0; bottom:0px; max-width:244px; height:150px; width:100%;}
.testimonial-triangles{bottom:-70px; left:-20px; height:200px; max-width:250px; width:100%; }
/* slider */
.slider_container{width:80%;}
.flexslider .slides img{border:none; margin:0 auto;}
.flexslider,.slider_container{padding:0;}
.flex-control-nav,.arrow-left,.arrow-right{display:none;}
.testimonial .flex-direction-nav li a.prev{top: 35%;left:2%;}
.testimonial .flex-direction-nav li a.next{top: 35%;right:2%;}
.testimonial .flex-direction-nav li a {width: 55px;height: 62px;}


/* blog */
.blog{float:left; width:100%; padding:34px 20px 29px 11px;box-sizing: border-box; position:relative; display:none;}
.blog h3{padding-bottom:19px; margin-bottom:30px;}
.blog-content{border:1px solid #000; border-radius:10px; padding:31px 74px 39px 18px;float: left;width: 100%;box-sizing: border-box;}
.blog-image{float:left; width:30%;}
.blog-inter-content{float:right; width:65%;position:relative;}
.blog-inter-content:before{content:  "";position:  absolute;width: 8px;height: 83px;top: 51px;left: 0;background-color:  #fdac38;}
.blog-inter-content span:nth-child(1){font-size:21px; font-weight:700; padding-left:49px; margin-bottom:44px;float:left;width:100%;box-sizing: border-box;}
.blog-inter-content span:nth-child(2){font-size:24px; font-weight:700; padding-left:39px; margin-bottom:40px;float:left;width:100%;box-sizing: border-box;}
.blog-inter-content p:nth-child(3){float:left;line-height:24px;margin-left:32px;}
.blog .button{margin-left:20px;margin-top: 27px;display: inline-block;}
.blog .arrow{height:34px; width:34px; background-color:#fdac38;border-radius: 50%; margin-right:20px; text-align:center;float:right; margin-top:58px;}
.blog i.fas.fa-angle-left,.blog i.fas.fa-angle-right{font-size: 24px;color:  #fff;margin-top: 6px;}

.blog .flex-direction-nav li a.prev,.blog .flex-direction-nav li a.prev:hover{background:url(../images/slick-prev.png) no-repeat center;height: 36px;width: 36px;}
.blog .flex-direction-nav li a.prev{right: 150px;bottom: 100px;}
.blog .flex-direction-nav li a.next,.blog .flex-direction-nav li a.next:hover{background:url(../images/slick-next.png) no-repeat center;height: 36px;width: 36px;}
.blog .flex-direction-nav li a.next{bottom: 100px;right:100px;}
.blog .arrow{display:none;}



/* footer */
footer{float:left; width:100%;padding-top:37px; background:url(../images/footer-bg.gif) top center no-repeat #000; background-size: cover;}
footer h4{margin-bottom:30px; padding-left:10px; box-sizing:border-box;}
.footer-content{float:left; width:100%; padding:0 42px 39px 18px; box-sizing:border-box;}
.footer-part{float:left; width:30%;}
.second{ width:70%; }
.first{ padding-top:70px; }
.first p{line-height:normal;width:64%; margin-top:22px; margin-bottom:32px; text-align:justify; font-weight:300;}
.circle{float:left; height:32px; width:32px;border-radius: 50%;text-align:center; margin-right:20px;}
.facebook{background-color:#3b5998;}
.linkin{background-color:#007ab9;}
.google{background-color:#dc4e41;}
.twitter{background-color:#55acee;}
i.fab.fa-facebook-f,i.fab.fa-linkedin-in,i.fab.fa-google-plus-g,i.fab.fa-twitter{margin-top: 6px;font-size:16px;}

.footer-listing {
    float: left;
    width: 50%;
}



.second img{float:left;}
.footer-listing li span{width:75%;padding-left:22px;box-sizing:border-box;}
.footer-listing li{float:left; width:100%; margin-bottom:30px;}
.footer-listing li:last-child{margin-bottom:0;}
.footer-listing:nth-child(2) li:nth-child(3) img{margin-top:6px;}
.footer-listing li p{width:80%; padding-left:2%;float:left;}
.footer-listing li a{ color:#FFF; transition:all 0.3s ease; font-size:14px;}
.footer-listing li a:hover{ opacity:0.9; transition:all 0.3s ease; text-decoration:underline;}
.second span,.third span{font-size:25px; font-weight:700; text-transform:uppercase;float:left; width:80%;min-height: 44px;box-sizing:border-box;}



/*copy right */
.copy-right{float:left; width:100%; padding-top:10px; padding-bottom:12px; background-color:#1ac3bb; text-align:center;}
.copy-right span{ font-size:12px;}
.mobile-menu{ display:none; }



/* why-choose */
.why-choose{float:left; width:100%;padding-top:66px; box-sizing:border-box;overflow:hidden;position:relative}
.abtriangle{top:0;right:0;position:absolute;height: 320px;width: 500px;z-index:-1;}
.why-choose-part{float:left;width:49%;padding-left:30px;box-sizing:border-box;}
.why-choose-part h2{margin-bottom:48px; float:left; width:100%; text-align:left; font-size:30px;}
.why-choose-part p{ text-align:justify; }
.why-choose-part:nth-child(4){float:right; text-align:center;padding-right:38px;box-sizing:border-box;margin-top: 106px;padding-left:0;}
.second-part-image{margin-top:-110px;}
.why-choose-part p:nth-child(2){font-size:14px; font-weight:800;  line-height:24px; margin-bottom:22px;}
.why-choose-part p:nth-child(3){font-size:14px;}
.why-choose-bottom{float:left; width:100%;background-color:#f1f0f0;padding-top:33px; padding-bottom:60px;margin-top:45px;}
.why-choose-bottom p{font-size:14px; line-height:24px;color:#2c2d2d;font-weight:400;width:78%;margin:0 auto; text-align:center;}
.why-choose .cloud-1{animation: rot 5s infinite linear;float: left;margin-left: 90px;margin-top: -60px;}
.why-choose .cloud-2{animation: rot 5s infinite linear;float:right;margin-right: -37px; margin-top:0;}
@keyframes rot {
	from {
		transform: rotate(0deg)
		           translate(-3px)
		           rotate(0deg);
	}
	to {
		transform: rotate(360deg)
		           translate(-3px) 
		           rotate(-360deg);
	}
}


/* process */
.process{float:left; width:100%;padding-top: 60px;text-align:center;padding-bottom:58px;}
.process h2{position:relative;color:#2d2c2c;padding-bottom:22px;margin-bottom:58px;font-size:30px;}
.process h2::after{content: "";position: absolute;height: 6px;background-color: #fdac38;width: 155px;bottom: 0;left: 0;right: 0;margin: 0 auto;}

/* contact */
.contact{float:left; width:100%;padding-top:48px; box-sizing:border-box;padding-left:32px;padding-right:32px;padding-bottom:55px;}
.contact h2{width: 43%;position: relative;margin: 0 auto;text-align: center;padding-bottom:29px; font-size:30px;margin-bottom:47px; font-weight:400; }
.contact h2:after{content: "";position: absolute;height: 6px;background-color: #fdac38;width: 316px;bottom: 0;left: 0;right: 0;margin: 0 auto;}
.contact-part{float:left; width:29%;}
.contact-part:last-child{float:right; width:66%;}
.contact-part .button a {
    font-weight: 700!important;
}
.contact-listing{float:left; width:100%;}
.contact-listing li{float:left; width:100%;background-color:#fdc676;margin-bottom:17px;padding:24px 0 23px 13px;box-sizing:border-box;}
.contact-listing li:last-child{margin-bottom:0;}
.contact-listing li img{float:left;}
.contact-listing li span{float:left;width:100%; font-weight:500;}
.contact-listing li p{ float:left; font-size:18px; color:#050505; max-width:50%;width:100%;}
.contct-listing-content{float: left;width: 86%;padding-left: 20px;box-sizing: border-box;}

input[type="text"],input[type="email"],input[type="tel"]{width:100%; border:none;float:left; font-size:20px;}
input[type="file"]{float:left;background: transparent; font-size:15px;}
input[type="text"]:focus,input[type="email"]:focus,input[type="tel"]:focus,input[type="file"]:focus,button:focus{outline:none;}
::placeholder{color:#050505;font-size:18px;}
.contact-part select {
    border: none;
    width: 100%;
    font-size: 20px;outline:none;
}
.contact-part:last-child span{border:2px solid #fdac38;width:49%;float:left;margin-bottom:28px;padding: 15px 20px;box-sizing: border-box;border-radius: 30px;-moz-border-radius: 30px;-webkit-border-radius: 30px;-o-border-radius: 30px;-ms-border-radius: 30px;}
.contact-part:last-child span:nth-child(2),.contact-part:last-child span:nth-child(4),.contact-part:last-child span:nth-child(6){float:right;}
.contact-part:last-child span:nth-child(7){width:100%;margin-bottom:0}
.contact-part:last-child button{border:none;padding:0;margin:0;margin-top:47px;float:left;padding-top: 4px!important;}
.button{font-size:18px!important; font-weight:700!important;text-transform:capitalize;border-radius: 30px;display:inline-block;background:url(../images/button-image.png) no-repeat top center;height: 43px;width: 146px!important;text-align:center;padding-top: 8px!important;cursor:pointer; transition:all 0.3s ease;}
.button a:hover{color:#fff; transition:all 0.3s ease;}
.tab-pane .button a,.consultation .button a{font-weight: 700!important;}


/* mobile-application */
.mobile-aplication{float:left; width:100%;padding-top:55px; box-sizing:border-box;padding-left:58px;padding-right:60px;}
.mobile-aplication h2{text-transform:uppercase;margin-bottom:38px; width:100%; float:left; text-align:left; font-size:30px;}
.mobile-aplication p{ text-align:justify; font-size:14px;float:left;}
.mobile-application-part{float:left;width:48%;margin-top:49px;}
.mobile-application-part:last-child{float:right;}
/*.mobile-application-part p{font-size:16px; font-weight:400;  line-height:27px;}*/
.mobile-application-part ul li{font-size:14px; font-weight:400;  line-height:24px; background:url(../images/check-mark.png) no-repeat top left; padding-left:40px;float:left; width:100%; margin-bottom:10px;}
.mobile-application-part ul h2{margin-bottom:18px;}
.mobile-application-part:last-child p{font-size:14px;font-weight:600;line-height:24px;margin-top:12px;}


/* inner service */
.inner-services{float:left;width:100%;padding-top:55px; box-sizing:border-box;padding-left:58px;padding-right:60px;}
.inner-services h2{margin-bottom:30px;text-align:left;}
.inner-services p{color:#000; text-align:justify;}
.inner-services-part{float:left; width:48%;}
.inner-services-part p,.inner-services-part ul{margin-top:38px;float:left;}
.inner-services-part:last-child{float:right; text-align:center;}
.inner-services-part ul li{font-size:14px; font-weight:400;  line-height:24px; background:url(../images/apply-listing.png) no-repeat center left; padding-left:25px;float:left; width:100%; margin-bottom:10px; color:#000;box-sizing: border-box;}
.inner-services-part ul h2{margin-bottom:18px;}
.graphic-listing{float: left;width: 100%;border: 1px solid #000;}
.graphic-listing li{float: left;width: 50%;}
.graphic-listing li:nth-child(1){border-right:1px solid #000;box-sizing:border-box;}
.graphic-listing li span{float: left;width: 100%;font-size: 14px;padding: 5px 10px;box-sizing: border-box;}
.software-development-part{margin-top:18px!important;}
.service-tab-listing{float: left;width: 100%;}
.service-tab-listing li{float: left;width: 100%;margin-bottom: 10px; font-size:14px;background:url(../images/apply-listing.png) no-repeat center left; padding-left:25px;}



/* services */
.services{float:left; width:100%;padding-top: 69px;text-align:center;/*padding-bottom:45px;*/}
.services h2{position:relative;color:#2d2c2c;padding-bottom:26px;margin-bottom:65px;font-weight:700; text-transform:capitalize;}
.services h2::after{content: "";position: absolute;height: 6px;background-color: #fdac38;width: 316px;bottom: 0;left: 0;right: 0;margin: 0 auto;}
.services-part{float:left; width:49%;}
.services-part:nth-child(3){float:right;padding-right:81px; box-sizing:border-box;}
.services-tab ul{background-color:#fedfb2;}
.services-tab ul li{width:100%;box-sizing:border-box;}
.services-tab ul li a{padding:0;float:left; width:100%;padding:8px; box-sizing:border-box;}
.service-tab-image{border:1px solid #fdb64f; background:#fff; border-radius:50%;height:35px; width:35px; padding:10px!important; margin-top:0!important;margin-left:91px;}
/*.services-tab ul li img{float:left;padding-left:91px; padding-right:19px;}*/
.ios-heading{text-transform:none!important;}
.services-tab ul li span{font-size:20px; font-weight:600; color:#2c2d2d;text-transform:capitalize;margin-top:15px;float:left; padding-left:19px;}
.services-tab li:hover,.services-tab li:focus,.services-tab .active{background-color:#fecb83;}
.service-tab-content .tab-content{ background:none; padding:0px; }
.service-tab-content .tab-pane{text-align:left;}
.service-tab-content .tab-pane h3{margin-bottom:8px; float:left; width:100%; text-align:left;font-size:18px; color:#000;}
.service-tab-content .tab-pane p{font-size:14px; line-height:24px; float:left; width:100%; margin-bottom:14px; color:#000;text-align:justify;}
.service-tab-content .tab-pane p:last-child{margin-bottom:0;}
.services-responsive{display:none;padding:0 20px;}
.services-responsive .tab-pane{margin-bottom:30px;}
.services-responsive .tab-pane:last-child{margin-bottom:0;}
.services-responsive .tab-pane h3{margin-bottom:15px;}
.services-responsive .tab-pane p{font-size:14px; line-height:27px;margin-bottom:14px;}
.services-responsive .tab-pane p:last-child{margin-bottom:0;}


/* map */
.map{float:left; width:100%;padding-top:50px;position:relative;}
.map::before{content:"";border-top: 1px solid #000;width: 857px;position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;}

/*------Map Toogle---*/
.maptoggle{ float:left; }
.result{
    margin: 0px;
    font-size: 16px; width:100%; 
}
.map h3::after{background:none; }

.mapactive{ display:block; }
iframe{ border:none; float:left;}
.mpaarea{margin:0px auto; display:table; width:auto; margin-bottom:10px;  }
.mpaarea span{ float:left; padding:5px 20px; text-transform:uppercase; font-weight:900; }
.mpaarea span:nth-child(2){ padding:0px; }
.minitoggle{
  position: relative;
  width: 94px;
  height: 36px;
  background-color: #1bbfb8;
  border: 1px solid #1bbfb8;
  border-radius: 56px;
  box-shadow: inset 0 0 4px rgba(0, 0, 0, .1);
  cursor:pointer;
}

.minitoggle .toggle-handle {
  position: absolute;
  top: 3px;
  left: 3px;
  z-index: 2;
  width: 30px;
  height: 30px;
  background-color: #fdac38;
  background-image: -webkit-linear-gradient(top, #fdac38 0, #fdac38 100%);
  background-image: linear-gradient(to bottom, #fdac38 0, #fdac38 100%);
  border-radius: 100px;
  -webkit-transition: -webkit-transform 0.1s ease-in-out, border 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out, border 0.1s ease-in-out;
  box-shadow: 0px 2px 3px 0 rgba(0,0,0,0.20);
  
}

.minitoggle.active {
  background-color: #1bbfb8;
  border: 1px solid #1bbfb8;
  box-shadow: inset 0 0 15px rgba(255, 255, 255, .25);
}

.minitoggle.active .toggle-handle {
  transform: translate3d(28px,0,0);
}

/*blue*/

.minitoggle.blue.active {
  background-color: #69BDFE;
  border-color: #69BDFE;
}

.minitoggle.blue.active .toggle-handle {
  border-color: #3C78A5;
}

/*yellow*/

.minitoggle.yellow.active {
  background-color: #FFE186;
  border-color: #FFE186;
}

.minitoggle.yellow.active .toggle-handle {
  border-color: #F1C12F;
}

/*red*/

.minitoggle.red.active {
  background-color: #F79A7A;
  border-color: #F79A7A;
}

.minitoggle.red.active .toggle-handle {
  border-color: #EC6231;
}

/*orange*/

.minitoggle.orange.active {
  background-color: #FFB777;
  border-color: #FFB777;
}

.minitoggle.orange.active .toggle-handle {
  border-color: #F70;
}



/* career */
.career{float:left; width:100%; padding:41px 132px 33px 123px;box-sizing:border-box; background:url(../images/career-form.png) no-repeat bottom left;}
.career p{font-size:14px; font-weight:400; color:#000; float:left;}
.career-content{max-width:983px; margin:0 auto; width:100%;}
.apply-content{max-width:872px; border:1px solid #fecd88; float:left; width:100%; margin-top:35px;}
.apply-content:nth-child(3){margin-top:21px; margin-bottom:53px;}
.apply-content .button a{font-size:12px!important; font-weight:400!important;}
.apply-content .button{font-size:12px!important; font-weight:400!important;width: 144px!important;padding-top: 12px!important;float: right;margin-right: 10px;margin-left: 0; height:29px;margin-top:14px; margin-bottom:23px;}
.apply-content p{width:auto; padding-left:13px;float:left; font-size:16px; margin-top:24px;}
.apply-listing{float:left; width:100%; padding:27px 0 17px 21px; border-top:1px solid #fdac38; box-sizing:border-box;}
.apply-listing li{float:left; width:100%; background:url(../images/apply-listing.png) no-repeat center left; padding-left:25px; font-size:15px; margin-bottom:20px; box-sizing:border-box;}
.apply-listing li:last-child{margin-bottom:0;}
.career-form{max-width:920px; float:left; width:100%; margin-top:58px;}
.career-form li{float:left; width:48%; margin-bottom:25px;}
.career-form li:nth-child(2),.career-form li:nth-child(4){float:right;}
.career-form li:nth-child(5),.career-form li:nth-child(6){width:100%;}
.career-form li:last-child{margin-bottom:0;}
.career-form input[type="text"],.career-form input[type="email"],.career-form input[type="tel"]{border:1px solid #000; font-size:20px; padding:10px;box-sizing:border-box;}
.career-form input[type="file"]{width:100%;border:1px solid #000; font-size:15px; padding:10px;box-sizing:border-box;}
.career-form select{width:100%;border:1px solid #000; font-size:15px; padding:10px;box-sizing:border-box;outline:none;}
.career-form select:focus,.career-form textarea:focus{outline:none;}
.career-form textarea{border:1px solid #000; font-size:20px; padding:10px;box-sizing:border-box; width:100%; height:131px; resize:none;outline:none;}
.career-form .button a{font-size: 14px!important;font-weight: 500!important;}
.career-form .button{font-size: 14px!important;font-weight: 500!important;width: 144px!important;padding-top: 6px!important;margin-left: 0;height: 41px; border:none;}


/* business services */
.business-services{float:left; width:100%;padding-top:56px; padding-left:77px; padding-right:71px; box-sizing:border-box;}
.business-services h2{position:relative; padding-bottom:26px; margin-bottom:103px; text-transform:capitalize;}
.business-services h2::after{content: "";position: absolute;height: 6px;background-color: #fdac38;width: 316px;bottom: 0;left: 0;right: 0;margin: 0 auto;}
.business-service-listing{float:left; width:100%;margin-bottom:87px;}
.business-service-listing li{float:left; width:33.33%; text-align:center;}
.business-service-listing li span{font-weight:500; font-size:24px;line-height:normal;display:block; margin-top:36px;}
.business-services p{max-width:871px; margin:0 auto; text-align:center; }
.business-client{float:left; width:100%; padding-top:83px; padding-bottom:42px; box-sizing:border-box;}
.business-client h2{position:relative; padding-bottom:26px; margin-bottom:60px; text-transform:capitalize;}
.business-client h2::after{content: "";position: absolute;height: 6px;background-color: #fdac38;width: 165px;bottom: 0;left: 0;right: 0;margin: 0 auto;}
/* slider */
.slider {
        max-width:1087px;
        margin: 0 auto!important;
    }

    .slick-slide {
      margin: 0px 20px;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: .2;
    }

    .slick-active {
      opacity: .5;
    }

    .slick-current {
      opacity: 1;
    }
    .slick-slide ,.slick-dotted.slick-slider{
      margin: 0px ;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: 0;
	  margin:0 21px;
    }

    .slick-active {
      opacity: .5;
    }

    .slick-current {
      opacity: 1;
    }
	
	.slick-list{padding:0!important;height: auto!important;}
	.slick-next,.slick-next:hover, .slick-next:focus{background:url(../images/slick-next.png) no-repeat center;height: 36px;width: 36px;z-index:99;}
	.slick-prev:before, .slick-next:before{display:none;}
	.slick-prev,.slick-prev:hover, .slick-prev:focus{background:url(../images/slick-prev.png) no-repeat center;height: 36px;width: 36px;}
	.slick-next{right:-39px;}
	.slick-prev{left:-47px;}
	.slick-next,.slick-prev{top:49px;}

	
	.slick-dots{display:none!important;}


/* blog page */
.blog-page{float:left; width:100%; padding:39px 33px 71px 31px; box-sizing:border-box;}
.blog-page ul{float:left; width:100%;}
.blog-page ul li{float:left; width:100%; margin-bottom:64px;}
.blog-page ul li:last-child{margin-bottom:0;}
.blog-page .blog-inter-content{width:68%;}
.blog-page .blog-inter-content p:nth-child(4){float: left;line-height: 24px;margin-left: 32px; margin-top:20px;}
.blog-page .blog-inter-content span:nth-child(1),.blog-page .blog-inter-content span:nth-child(2){padding-left: 34px;}
.blog-page .swipe-blog .blog-image{float:right;}
.blog-page .swipe-blog .blog-image img{float:right;}
.blog-page .swipe-blog .blog-inter-content{float:left;padding-right: 50px;box-sizing: border-box;}
input.read-more-state {
    display: none;
}

p.read-more-target {
    font-size: 0;
    max-height: 0;
    opacity: 0;
    transition: .25s ease;
	
    
}

input.read-more-state:checked ~ div.read-more-wrap p.read-more-target {
    font-size: 14px;
    max-height: 999em;
    opacity: 1;
	margin-left: 32px;
    margin-top: 20px;
    float: left;
	line-height:24px;
	font-weight: 400;
}

input.read-more-state ~ label.read-more-trigger span:before {
    content: 'Read More';
}

input.read-more-state:checked ~ label.read-more-trigger span:before {
    content: 'Read Less';
}

label.read-more-trigger {
    cursor: pointer;
    display: inline-block;
	margin-top:20px;
	margin-left:25px;
}
.read-more-trigger span{padding-left:0!important; margin-bottom:0!important;}


/* portfolio */
.portfolio{float:left; width:100%; padding:25px 31px 0 31px; box-sizing:border-box; text-align:center;}

#portfolio {  
    margin-top:56px;
    -webkit-column-count: 3; 
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    -webkit-column-width: 33.33333333333333%;
    -moz-column-width: 33.33333333333333%;
    column-width: 33.33333333333333%;

}


.tile { 
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
	margin-bottom:10px; overflow:hidden;
}
.tile img { 
transition: all 0.3s ease;
}
.tile:hover img { transform: scale(1.1);
transition: all 0.3s ease;
}

.scale-anm {
  transform: scale(1);
}




.tile img {
    max-width: 100%;
    width: 100%;
    height: auto;
position:relative;
    
  
}

.btn {
    
    font-size: 17px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    line-height: normal;
    /*padding: .5rem 1rem;*/
    margin: 0;
    height: auto;
    
    vertical-align: middle;
    -webkit-appearance: none;
   
    background:none;
	height: 38px;
    width: 105px;
    margin-right: 14px;
	text-transform:capitalize;
}

.btn:hover {
  text-decoration: none;
}
.btn:focus {
  text-decoration: none;
  background:url(../images/portfolio-btn.png) no-repeat top left;
	height: 38px;
    width: 105px;
}

.btn:focus {
  outline: none;
  border-color: var(--darken-2);
  box-shadow: 0 0 0 3px var(--darken-3);
}

::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.toolbar{
    max-width: 750px;
    margin: 0 auto;
	text-align:center;
}
.toolbar button{border: none;}
.tile {
  position: relative;
  width: 100%;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background:rgba(0,0,0,0.76);
  overflow: hidden;
  width: 90%;
  height: 80%;
  margin:10% 5%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: .3s ease;
  transition: .3s ease;
}

.tile:hover .overlay {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.text {
  position: absolute;
  top: 50%;
  left: 50%; width:90%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.text h3{font-size:24px; font-weight:700;line-height:normal;}
.text h3::after{display:none;}
.text p{font-size:12px; line-height:normal; font-weight:400;}
.portfolio-client{padding-top:58px; padding-bottom:35px;}
.add-btn{background:url(../images/portfolio-btn.png) no-repeat top left; height: 38px;display:inline-block;width: 106px;text-align: center;}
.add-btn a{font-size:48px; font-weight:700;display: inline-block;margin-top: -14px;}
.tile:hover .overlay{display:block !important; }
.tile:hover .text{display:block !important; }


@media only screen and (max-width:1366px){
	.contct-listing-content {width: 84%;}
	.contact-listing li:nth-child(1) p:nth-child(3){margin-right:0;}
	.contact-listing li p{font-size:14px;}
}

@media only screen and (max-width:1024px)
{
	
	.banner{top:57%;}
	.banner-part{padding-right:0;width: 70%;max-width: 687px;}
	
	
	.offer::before{width: 530px;}
	#web-triangle{left: 84px;}
	#mobile-triangle{left: 220px;}
	#graphic-triangle{left: 360px;}
	#game-triangle{left: 490px;}
	#game-triangle{left: 490px;}
	#digital-marketing-triangle{left: 620px;}
	#business-development-triangle{left: 760px;}
	#software-triangle{left: 890px;}
	.triangle{top:-29px;}
	.tab-content{padding-bottom:30px;}
	.tab-pane h3{margin-bottom:13px;font-size: 34px;}
	.tab-pane p{line-height:24px;}
	.offer-listing{padding-left: 4%;margin-top: 8px;padding-right: 4%;margin-bottom: 8px;}
	.testimonial-image{width:30%;}
	.testimonial-triangles{left:-24px;}
	.blog-content{padding: 31px 30px 39px 18px;}
	.blog-inter-content{width:65%;}
	.blog-inter-content:before{top:21px;}
	.blog-inter-content span:nth-child(1){margin-bottom:4px;}
	.blog-inter-content span:nth-child(2){margin-bottom:10px;}
	.blog .button{margin-top:12px;}
	.blog .arrow{margin-top:18px;}
	.tabbs li span{font-size:16px;}
	.tab-content {padding-top: 14px;}	
	.testimonial-content {width: 68%; padding-left:10px;box-sizing:border-box;}

	.blog .flex-direction-nav li a.prev {left: 840px;}

	.offer-responsive{ box-sizing:border-box; }
		.second-part-image{margin-top: -70px;}
		.process{padding-left:30px;padding-right:30px;box-sizing:border-box;}
	.contact h2 {width: 73%;}
	.contact-listing li span{font-size:18px;}
	.contct-listing-content {width: 79%;}
	.contact-listing li p {max-width:100%;}
	
	.map h3 {width: 100%;}
	
	.why-choose .cloud-1{margin-left:20px;}
	.why-choose .cloud-2{width:100px;}
	.service-tab-image{margin-left:20px;}
	.service-tab-content .tab-pane h3 {margin-bottom: 9px;}
	.services-part:nth-child(3){padding-right:41px;}
	.service-tab-content .tab-pane p{margin-bottom:24px;}
	.service-tab-content .tab-pane p:last-child {margin-bottom: 0;}
	
	
	.inner-services{padding-top: 35px;padding-left: 38px;padding-right: 40px;}
	.cloud-2{margin-top:20px;}
	.top-panel{width:75%;}
	.banner-part h1 {font-size: 40px;}

	/* business development */
	.slider {
    max-width: 877px;}
	.slick-prev {left: -47px;}
	.slick-next {
    right: -39px;}

	/* blog page */
	.blog-page .blog-inter-content {
    width: 65%;}
	.blog-page .swipe-blog .blog-inter-content{padding-right:0;}
}
@media only screen and (max-width:980px){
.top-panel li a{ font-size:12px; }
	nav ul li a{ font-size:12px; }
nav ul li{ margin-right:20px; margin-top:5px; }
.logo{ margin-top:0px; }
.navigation{ margin-top:0px; }

.contact-listing li span {font-size: 17px;}
.map h3 {width: 100%;}

.offer-listing{padding:0;}

.service-tab-image{margin-left:26px;}
.services-part:nth-child(3) {padding-right: 21px;}
.testimonial-image{width:28%;}
.testimonial-content{width:70%;}

.sub-services li{margin-top:0;}
.sub-services li a{font-size:10px; padding:8px;}
.sticky .sub-services {top: 50px;}

/* business development */
.slick-prev {
    left: -40px;}
	
	
.testimonial .flex-direction-nav li a.prev,.testimonial .flex-direction-nav li a.next,.blog .flex-direction-nav li a.next,.blog .flex-direction-nav li a.prev{display:none;}
.slider_container { width: 100%;}
.testimonial-content span:nth-child(2),.testimonial-content span:nth-child(3){font-size:20px;}
}


@media only screen and (max-width:880px)
{
	.sidenav{ top:96px; }
	.responsive-navigation,.sidebar{display:block;}
	.navigation nav,header .top-panel{display:none;}
	header{top:16px; padding-bottom:15px;}
	.logo{margin-top:6px;}
	.banner{top:46%;}
	.banner-part{width:70%;}
	h2{font-size:25px;}
	.services h2{margin-bottom:35px;}
	.we-say-part{width:100%; text-align:center;}
	.cloud-2{margin-top:10px;}
	.offer{padding-top:102px;}
	.offer:before{top: 70px;}
	.offer h3{margin-bottom:0;}
	.tabbs,.tab-content{display:none;}
	.tab-content{background:none;}
	.offer-responsive .tab-pane{display:block;position: static;padding-bottom: 20px;}
	.offer-responsive{display:block;}	
	.offer-listing{padding:0;margin: 20px 0;}
	.offer-listing span{font-size:18px;}

	.consultation {padding-top: 64px;padding-bottom: 58px;}
	.consultation span{font-size:20px;}
	.arrow-left {
    height: 44px;
    width: 44px;}
	i.fas.fa-angle-left, i.fas.fa-angle-right {
    font-size: 34px;}
	.arrow-right {
    height: 44px;
    width: 44px;}

	.blog-inter-content span:nth-child(2){font-size:21px;}
	.blog-inter-content p:nth-child(3){font-size:15px;}
	.footer-content {padding: 0 42px 49px 18px;}
	.footer-content p{font-size:15px;}
	.first p{width:90%;}
	.footer-listing li:nth-child(2), .footer-listing li:nth-child(4), .footer-listing li:nth-child(6), .footer-listing li:nth-child(8), .footer-listing li:nth-child(10){min-height:30px;}
	.footer-listing li:nth-child(6){min-height:45px;}
	.footer-listing li:nth-child(8){min-height:51px;}
	.second .footer-listing li:nth-child(8) p, .third .footer-listing li:nth-child(6) p {margin-top: 10px; margin-bottom:20px;}
	.navigation{margin-top:14px;}
	.navigation-responsive{display:block;}
	.tab-pane p{ width:100%; margin-bottom:30px; box-sizing:border-box; }
	.testimonial-slider-content {
    float: left;
    width: 100%;
    box-sizing: border-box;}
	.testimonial-content {width: 69%;padding-left: 20px;box-sizing: border-box;}
	
	
	.blog .flex-direction-nav li a.prev {left: 590px;bottom:-320px;}	
	.blog .flex-direction-nav li a.next{bottom:-320px;}
	

	
	.we-say {padding-top: 38px;}
	
	.offer{ margin-top:0px; }
	.offer, .slider_container{ width:100%; padding-left:10px; padding-right:10px; box-sizing:border-box; }
	.offer-responsive{ padding-left:0px;}
	.offer-responsive .tab-pane{  padding-bottom:60px; }
.testimonial-image	{width: 30%;
margin: 0px auto;
display: table;
float: none; }
.testimonial-content p{ text-align:center; }
.testimonial-content { padding-left:0px; width:100%; padding-top:20px; text-align:center; }
.testimonial-triangle{ max-width:175px; height:100px; }
.testimonial-triangles{max-width:345px; height:130px;  }
.slider_container{ float:right;  }
.banner-part{ width:100%; max-width:100%;}
.navigation nav{ display:block; }
.tab-pane p{ color:#000; font-size:14px; line-height:24px;}
.offer h3{ font-size:24px; margin-bottom:10px;}
.tab-pane h3{font-size:20px;}
.cloud-1{margin-left:100px;margin-top:-90px;}
	.cloud-2{margin-right:-47px;}
	.why-choose-part{width:100%;padding:0;text-align:center;padding-left:30px!important;padding-right:38px;}
	.why-choose-bottom p{width:100%;padding-left:2%;padding-right:2%;box-sizing: border-box;}
		.contact-listing li span {font-size: 15px;width: 100%;}
		.contct-listing-content {width: 76%;padding-left: 10px;}

	.map::before {width: 706px;}
	.map h3 {width: 100%;}

.why-choose .cloud-1{margin-top:-90px;}
.services-tab ul li span{font-size:18px;}
.services-tab ul li img{padding-left:0;}
.services-part{display:none;}
.services-responsive, .services-responsive .tab-pane {display: block;}
.services-responsive, .services-responsive .tab-pane h3{font-size:19px;}
.why-choose-part p:nth-child(2){margin-bottom:12px;}
.contact h2{width:83%;}
.mobile-application-part ul h2{font-size:27px; text-align:center;}
.mobile-application-part ul li{background:none; text-align:center;padding-left:0;}

/* career */
.career{padding: 41px 72px 33px 73px;}
.sub-services {top: 30px;}
nav ul li{padding-bottom:0;}

.service-tab-listing li{background:none; padding-left:0;}

/* business development */
.slider {
    max-width: 767px;}
	
	
	
	.we-say-part p ,.why-choose-part p,.why-choose-part h2{
    text-align: center;}
	
	input.read-more-state:checked ~ div.read-more-wrap p.read-more-target{ margin-left:0;}
}

@media only screen and (max-width:768px){
	.contact-part {
    width: 100%!important;}
	.contact-part:last-child {
    margin-top: 30px;}

	.contact-listing li p{max-width:33.33%;}
}

@media only screen and (max-width:767px)
{
	.navigation nav{ display:none; }
.mobile-menu{ display:block; }	
.mobile-menu a{ float:right; font-size:25px; boder-radius:5px; }
nav ul{ background:#484848; position:absolute; left:0px; z-index:99999; top:86px; }
nav ul li{ width:100%;  box-sizing:border-box; border-bottom:1px solid #fff; }
nav ul li a:hover, .active-page{ border-bottom:none; }
nav ul li a{ font-size:14px; }
.banner-part h1, .banner-last-content{ text-align:center; }
.offer-listing li span{ font-size:14px;    }
.sticky nav ul li{padding:0;}
nav ul li a{padding:5px 10px; box-sizing:border-box; border-bottom:none;float:left;width:100%;}

nav ul li a:hover{ border-bottom:none; }
.clicks, .clickstwo{display:none;  position:static; }
.contact h2 {width: 93%;}
.contact-listing li span {margin-left: 0;width: 100%;font-size:17px;}
/*.contct-listing-content {width: 100%;padding-left: 0;}
.contact-listing li p{margin-left:0!important;width:100%;}
.contact-listing li{text-align:center;padding-right:13px;}
.contact-listing li img {float: none;}*/
.map::before {width: 626px;}
.map h3 {width: 100%;}
.mobile-application-part{width:100%;}
.navigation nav ul li:hover > ul{ display:none; }
.navigation nav ul li:hover{ background:#fcbe66; }
nav ul li{ margin-top:0px; }
/* career */
.career{padding: 41px 32px 33px 33px;}

.footer-listing li span{width:73%;}

.inner-services-part{width:100%;}
.inner-services h2{text-align:center;}
.inner-services{padding:20px 20px 0 20px;}
.inner-services-part:last-child{margin-top:20px;}
.inner-services h2{margin-bottom:10px;}
.inner-services-part ul li{background:none; padding-left:0; text-align:center;}


.sticky .sub-services{top:0;}
.sub-services{min-width:0; left:0}
.sub-services li a{font-size:11px;padding:10px 10px 10px 20px;}

header {padding-bottom: 15px;}

.sub-services{box-shadow:none; border-top:1px solid #fff;}

 nav ul li:nth-child(3){background: url(../images/sub.png) right top no-repeat;}
 .sub-services li:nth-child(3){background:#333;}


header{ position:static; background:#000; padding:10px; }
.sticky{ position:static; padding-top:15px;}

/* business development */
.slick-next, .slick-prev{display:none!important;}
.business-services {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;}
.business-services h2 {
    margin-bottom: 43px;}
.business-service-listing {
    margin-bottom: 47px;}
.business-service-listing li span{font-size:18px;}

/* portfolio */
.portfolio{padding:15px;}
#portfolio {column-count: 2;}

.inner-services p{text-align:center;width:100%;}

}

@media only screen and (max-width:680px)
{
	.banner{top: 38%;}
	.banner-part{width: 100%;}
	.banner-part h1{float: right;}
	.banner-last-content{width: 100%;}
	h2{font-size: 23px;margin-bottom: 24px;}
	.we-say-part p:nth-child(1){margin-bottom: 7px;font-size: 14px;line-height: 24px;}
	h3{font-size: 30px;}
	.testimonial-image{width: 100%;}
	.testimonial-content {width: 100%;margin-top:20px;text-align:center;}

	.blog-inter-content span:nth-child(1){font-size:18px;padding-left:33px; padding-left:0;}
	.blog-inter-content span:nth-child(2){font-size:18px; padding-left:33px; padding-left:0;}
	.blog-inter-content p:nth-child(3){margin-left:0;}
	.footer-part {width: 100%;
    text-align: center;}
	.second,.third{margin-top:20px;}
	.circle{float:none;display:inline-block;}
	.footer-content{padding: 0 18px 40px 18px;}
	.first p {width: 100%;}
	


	.flex-direction-nav li a.prev {left: -35px;}
	.blog-image {width: 100%;text-align: center;}
	.blog-image img{float:none;margin: 0 auto;}
	.blog-inter-content{width:100%;margin-top:20px;text-align:center;}
	.blog .flex-direction-nav li a.prev {left: 490px;bottom: -670px;}
	.blog .flex-direction-nav li a.next{bottom:-670px;}
	.blog-inter-content:before{display:none;}
	.flex-direction-nav li a.next {right: -70px;}
	
	header{ position:static; background:#000; padding:10px; }

	.logo{ margin-top:2px; }
	.footer-listing{ width:100%; padding-bottom:30px; }
	.footer-listing:last-child{padding-bottom:0;}
	.first{ padding-top:30px; }
	.footer-listing li{text-align:center; margin-bottom:10px;}
.footer-listing li span,.footer-listing li p{width:100%; padding-left:0;}
.second img {float: none;}
.why-choose-bottom {padding-top: 33px;padding-bottom: 33px;}
.contact-part{width:100%!important;}
	.contact-part:last-child{margin-top:30px;}
	.contact-part:last-child span:nth-child(8){width:100%!important;}
	.contact-listing li img {float: left;}
	.contact-listing li span{width:100%;}
	.contct-listing-content {width: 86%;padding-left: 20px;}

	.contact-listing li{text-align:left;}
	.map::before {width: 526px;}
	.map h3{width: 100%;}
.inner .banner h1{ font-size:20px; text-align:center; width:100%; }
.contact h2{ font-size:18px;  }
.first p{ text-align:center; }
.sticky{ position:static; padding-top:15px;}
.banner-part h1{ font-size:20px; float:none; margin-bottom:10px;}
.banner-part span{ margin-bottom:0px; font-size:14px;}

.why-choose .cloud-1{margin-left:60px;}
.mobile-aplication{padding-left:20px; padding-right:20px;box-sizing:border-box;}
.mobile-application-part{width:100%;margin-top: 19px;}
.services h2 {margin-bottom: 35px;padding-bottom: 15px;}

/* career */
.career{padding: 41px 15px 33px 15px;}
.apply-content p{font-size: 14px;}
.apply-listing{padding: 20px 0 17px 13px;}
.apply-listing li{background:none;font-size: 13px; padding-left:0;}
.slicknav_btn {top: 30px; right:10px;}
nav ul{top:82px;}

/* business development */
.business-service-listing li{width:100%; margin-bottom:20px;}
.business-service-listing li:last-child{margin-bottom:0;}
.business-service-listing li span{margin-top:6px;}

/*blog page */
.blog-page{padding:30px;}
.blog-page ul li{margin-bottom:34px;}
.blog-page .blog-inter-content{width:100%;}
.blog-page .swipe-blog .blog-image img{float:none;}
.blog-page .blog-inter-content span:nth-child(1), .blog-page .blog-inter-content span:nth-child(2){padding-left:0;}
.blog-page .blog-inter-content p:nth-child(4){margin-left:0;}

/* portfolio */
.btn{margin-right:0;}
#portfolio{margin-top: 26px;}
.we-say-part p:nth-child(1), .we-say-part p{ text-align:center; }


label.read-more-trigger{margin-left:0;}
.contact-listing li p {
    max-width: 50%;}
}

@media only screen and (max-width:480px)
{banner .scroll{ display:none; }
	.navigation{margin-top:0;}
	.logo{width:100%; max-width:100px;}
nav ul{ top:59px; }
	h1{font-size: 20px;}
	.banner{top: 34%;}

	.tab-pane .button{ margin-left:0px; }
	.banner-last-content{font-size: 12px;margin-top: 9px;}
	.flex-direction-nav li a.prev,.flex-direction-nav li a.next{display:none;}
.footer-listing li:nth-child(1), .footer-listing li:nth-child(2){ width:100%; text-align:center; padding:0px; }
.second span, .third span{ width:100%; }
	.testimonial-content{padding-left:0;margin-top:10px;}
	.flex-direction-nav li a.next {right: -15px;}
	
	.tab-pane p{width:100%;}
	.tab-pane h3 {font-size: 18px;line-height:24px;margin-bottom:10px;}
	.we-say-part{text-align:center;}
	.offer::before{display:none;}
	.offer{padding-top: 82px;}
	.consultation span{margin-top:20px;}
	
	span{font-size:12px;}
	
	.blog-content{padding: 31px 18px 39px 18px;}
	.blog {padding: 34px 11px 29px 11px;}
	.blog-inter-content p:nth-child(3){margin-left:0;}
	 h3 {font-size: 28px;}
	 /*.offer-listing li:nth-child(1) span,.offer-listing li:nth-child(2) span{margin-top:20px;}*/
	 .sidenav{ top:68px; }
	.button{margin-left:0px; }
	.banner{ padding:10px; }
	.process {padding:30px 15px;}
	.process h2{margin-bottom:28px;}
		.testimonial-content span:nth-child(3){font-size:14px;}
	.triangle{width:380px;}
.why-choose-part p:nth-child(2){margin-bottom:22px;}
	.why-choose-bottom p{font-size:14px; line-height:24px; padding-left: 5%;padding-right: 5%;}
	.contact-listing li:nth-child(1) p:last-child{margin-left:0px!important;}
	.contact-part:last-child span{width:100%;}
	.map::before {width: 316px;}
	.map h3 {width: 100%;}
	.abtriangle{display:none;}
	.why-choose .cloud-1{margin-left:20px;}
	.mpaarea span{font-size:20px;}
	.contact h2{width:100%;}

/* career */
.career-content{text-align:center;}
.apply-content p{width:100%; padding-left:0;}
.apply-content .button{float:none;}
.career-form li{width:100%;}
.career-form{margin-top:18px;}
.apply-listing{padding:10px;}
.cloud-1,.cloud-2{width:100px;}

.slicknav_btn {top: 20px;}

/* portfolio */
#portfolio{column-count: 1;}




	.consultation .button{margin-left:0;}
	.offer-listing li{width:100%;}
	.sticky .navigation{margin-top:0;}
	.contact h2::after{width:266px;}
    .offer-listing li {
    padding: 0 !important;
    margin-bottom: 20px;}
	
}

@media only screen and (max-width:320px)
{
	.copy-right span{ padding:0px 36px; float:left;  }
	.top-panel li{display:none;}
	.banner-last-content{font-size:12px;}
	h1{font-size: 15px;}
	.banner-part h1{padding-left:0;}
	.banner-part h1 span{height: 8px;width: 8px;}
	.cloud-1{margin-right:-12px;}
	.we-say{padding-top: 28px;padding-left: 12px;padding-right:12px;}
	.we-say-part p:nth-child(1){font-size: 16px;line-height: 24px;}
	p{font-size: 14px!important;line-height: 24px;}
	h2{font-size: 20px!important;}
	h3{font-size:17px;}
	h3::after{width: 236px;}
	h4{font-size:24px;}
	.second span, .third span{font-size:20px;}
	.testimonial-image{padding-left:0;}
	.flex-direction-nav li a.prev,.flex-direction-nav li a.next{bottom:-80px}


	
	.testimonial-content span:nth-child(2){font-size:24px;}
	
	.button{margin-bottom:20px;}
/*	.offer-listing li {width: 50%;min-height: 117px;padding: 0!important;margin-bottom: 20px;}*/
	
	.why-choose {padding-top: 36px;}
	.abtriangle {width: 300px;height: 230px;}
	.why-choose-part:nth-child(4) {margin-top: 76px;}
	.why-choose-bottom p {font-size: 14px!important;line-height: 24px;}
	.why-choose-part p:nth-child(2){margin-bottom:12px;}
	.why-choose .cloud-1{margin-left: -10px; width:70px;}
	.why-choose .cloud-2{width:70px;}

	.why-choose-part h2 {margin-bottom: 18px;}
	.second span, .third span{font-size:20px;}
	
	.contact {padding-left: 15px;padding-right: 15px;}
	.contact h2{margin-bottom:27px;}
	.contact h2:after {width: 236px;}
	.contact-listing li {text-align: center;}
	.contact-listing li img {float: none;}
	.contact-listing li span {margin-left: 0!important;width: 100%!important;}
	.contact-listing li:nth-child(1) p:nth-child(3), .contact-listing li:nth-child(1) p:last-child{margin-left:0!important;}
	.contct-listing-content{width:100%; padding-left:0; }
	.map::before {width: 256px;}
	h3{font-size:20px;}
	.map h3:nth-child(1) {margin-right: 8px;}
	.map h3 {width: 100%;}
	.map h3:nth-child(3) {margin-left: 7px;}
	
	.why-choose-part{padding-left:20px!important; padding-right:20px;}
	.services h2::after {width: 236px;}
	.services {padding-top: 39px;}
	.services h2 {margin-bottom: 15px;}
	.contact h2{width:100%;}
.why-choose .cloud-1 {margin-top: -50px;}

.footer-listing li{text-align:center;}
.footer-listing li span,.footer-listing li p{width:100%; padding-left:0;}
.second img {float: none;}
.banner-part h1{ font-size:18px; float:none; margin-bottom:10px;}
.banner-part span{ margin-bottom:0px; font-size:12px;}
.inner .banner h1 {font-size: 17px;}

/* business development */
.business-services h2::after{width: 246px;}

/* blog page */
.blog-page{padding:15px;}
.blog-page .blog-inter-content span:nth-child(1) {
    font-size: 14px;}
.blog-page .blog-inter-content span:nth-child(2) {
    font-size: 16px;}
	
	.graphic-listing li span{min-height:50px;}
.mpaarea span {
    font-size: 19px;}
	.contact-listing li p{max-width:100%;}
}