*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{margin:0;padding:0}
body {background: #fff; color: #7d7a7a; font-family: 'Raleway', sans-serif; padding-top: 75px; overflow-x: hidden;}
img{max-width: 100%; max-height: 100%;}
a:hover, a:active, a:focus {color: #2dca98; outline: none; text-decoration: none;}
.cf:after,.cf:before{content:"";display:table}.cf:after{clear:both}
p {padding: 0; margin: 0 0 30px 0;}
.posR{position: relative;}
h1, h2, h3, h4, h5, h6 {font-weight: 400; margin: 0 0 20px 0; padding: 0;}
.floatL{float: left;}
.marginT15{margin-top: 15px !important;}
.marginB20{margin-bottom: 20px;}
.marginB-15{margin-bottom: -15px !important;}
.marginL20{margin-left: 20px !important;}
.marginB50{margin-bottom: 50px !important;}
.marginB70{margin-bottom: 70px !important;}
.marginB40{margin-bottom: 40px !important;}
.marginT70{margin-top: 70px !important;}
.marginT12{margin-top: 12px;}
.marginT25{margin-top: 25px !important;}
.marginT30{margin-top: 30px !important;}
.marginT40{margin-top: 40px !important;}
.paddingLR0{padding-left: 0 !important; padding-right: 0 !important;}
.paddingB0{padding-bottom: 0 !important;}
.paddingT0{padding-top: 0px !important;}
.paddingT60{padding-top: 60px !important;}
.marginB0{margin-bottom: 0 !important;}
.paddingLR10{padding-left: 10px !important; padding-right: 10px !important;}
.marginB90{margin-bottom: 90px !important;}
/* Prelaoder */
#preloader {position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; overflow: visible; background: #fff url("../images/preloader.gif") no-repeat center center;}
/* Back to top button */
.back-to-top {position: fixed; display: none; background: rgba(0, 0, 0, 0.2); color: #fff; padding: 6px 12px 9px 12px; font-size: 16px; border-radius: 2px; right: 15px; bottom: 15px; transition: background 0.5s;}
.back-to-top:focus {background: rgba(0, 0, 0, 0.2); color: #fff; outline: none;}
.back-to-top:hover {background: #489f3a; color: #fff;}
.home-top-head{background: #000; display: table; margin: 20px auto 0; font-weight: 500; border-radius: 3px; padding: 15px 25px;}
/* Header Start */
#header {padding: 0px 0 17px 0; height: 90px; position: fixed; left: 0; top: 0; right: 0; transition: all 0.5s; z-index: 997; background: #fff; box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.5);}
#header #logo {float: left;}
#header #logo h1 {font-size: 36px; margin: 0; padding: 6px 0; line-height: 1; font-weight: 700; letter-spacing: 3px; text-transform: uppercase;}
#header #logo h1 a, #header #logo h1 a:hover {color: #fff;}
#header #logo img {margin: 3px 0;}
/* Home Section */
#portfolio-page{width: 100%; height: 325px; background: #fff;}
#contact-page{display: table; width: 100%; height: 325px; background: url(../images/contact-us-bg.jpg) no-repeat center center scroll !important; background-size: cover;}
#contact-page .wits-container {background: rgba(29, 29, 29, 0.75); display: table-cell; margin: 0; padding: 0 10px; text-align: center; vertical-align: middle;}
#contact-page h1 {margin-top: 0px; font-size: 25px; font-weight: 500; color: #fff; text-shadow: -1px -2px 9px #0000007a; text-align: left; margin-bottom: 15px !important;}
#services-page{display: table; width: 100%; height: 85vh; background: url(../images/services-bg.png) top center scroll; background-size: cover;}
#services-page .wits-container {background: rgba(0, 0, 0, 0.5); display: table-cell; margin: 0; padding: 0 10px; text-align: center; vertical-align: middle;}
#services-page h1 {margin-top: 90px; font-size: 48px; font-weight: 700; color: #fff;}
#wits {display: table; width: 100%; height: 325px; background: url(../images/new-home-wits.jpg) top center scroll; background-size: cover; position: relative; transform-origin: 0px;}
#wits .wits-container {background: rgba(29, 29, 29, 0.75); margin: 0; padding: 0 10px; text-align: left; vertical-align: middle; position: absolute; width: 100%; height: 100%;}
#wits h1 {margin: 123px 0 15px 0; font-size: 30px; font-weight: 500; line-height: 40px; color: #fff; text-shadow: -1px -2px 9px #0000007a;}
#wits h2 {color: #eee; margin-bottom: 15px; font-size: 21px; font-weight: 300; text-shadow: 2px 1px 8px #000;}
#wits h2 b{font-weight: 400;}
.about-responsive{display: none;}
#wits .btn-get-started {font-weight: 500; font-size: 16px; letter-spacing: 1px; display: inline-block; padding: 8px 28px; border-radius: 50px; transition: 0.5s; margin: 10px; border: 2px solid #fff; color: #fff; text-shadow: 2px 1px 8px #000;}
#wits .btn-get-started:hover {background: #00a238; border: 2px solid #00a238;}
.top-services-div{background: #fff; overflow: hidden; box-shadow: 0 0 6px rgba(0,0,0,.15); width: 100%; height: 65px; margin-bottom: 20px; position: relative; z-index: 0;}
.top-services-div-box{position: relative; text-align: center; padding: 12px 5px 13px 5px; border-right: 1px solid #eee;}
.top-services-div-box img{width: 38px; vertical-align: middle; margin-right: 7px !important; display: inline-block !important; box-shadow: none !important;}
.top-services-div-box label{font-size: 15px; font-weight: 400; color: #000;}
.top-services-div-box label a{color: #000 !important;}
/* Navigation Menu */
.nav-menu, .nav-menu * {margin: 0; padding: 0; list-style: none;}
.nav-menu ul {position: fixed; display: none; left: 0; z-index: 99; max-width: 1140px; left: 0; right: 0; top: 90px; padding: 30px 30px 0 30px; background: #fff; margin: auto !important; box-shadow: 0 0 6px rgba(0,0,0,.15) !important;}
.nav-menu li {position: relative;}
.nav-menu > li {float: left;}
.nav-menu li:hover > ul, .nav-menu li.sfHover > ul {display: block;}
.nav-menu ul ul {top: 0; left: 100%;}
.nav-menu ul li {min-width: 235px;}
.nav-menu ul li.active a{color: #e96c37;}
.nav-menu > li:nth-child(3) {padding-right: 25px;}
.sf-arrows .sf-with-ul:after {content: "\f107"; position: absolute; right: 15px; font-family: FontAwesome; font-style: normal; font-weight: normal;}
.sf-arrows ul .sf-with-ul:after {content: "\f105";}
/* Nav Meu Container */
#nav-menu-container {float: right; margin: 0;}
.about-img{width: 454px; height: 350px; float: right; margin-top: 35px;}
/* Nav Meu Styling */
.nav-menu a {padding: 10px 8px 10px 8px; text-decoration: none; display: inline-block; font-weight: 400; font-size: 14px; outline: none; color:#000;}
.nav-menu > li {margin-left: 10px; color:#ee5235;}
/*.nav-menu > li > a:before {content: ""; position: absolute; width: 100%; z-index: -1; height: 1px; bottom: 0; left: 0; background-color: #00a238; visibility: hidden; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}*/
.nav-menu a:hover:before, .nav-menu li:hover > a:before, .nav-menu .menu-active > a:before{visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1);}
.nav-menu .menu-active > a{color: #00a238;}
.nav-menu ul {margin: 4px 0 0 0; border: 1px solid #e7e7e7; box-shadow: 5px 0 5px rgba(0,0,0,.3);}
.nav-menu ul li {background: #fff; position: relative; float: left; width: 33.33%; margin-bottom: 25px;}
.nav-menu ul li img{width: 35px; max-height: initial; display: inline-block; margin-right: 15px;}
.nav-menu ul li:first-child {border-top: 0;}
.nav-menu ul li a {padding: 0; color: #000; transition: 0.3s; display: inline-block; font-size: 14px; text-transform: none; font-weight: 400; margin-top: 10px; margin-bottom: 5px;}
.nav-menu ul li a font{width: 35px; height: 35px; background: #3c3c3c; display: inline-block; border-radius: 50%; text-align: center; position: relative; vertical-align: middle; margin-right: 6px;}
.nav-menu ul li a img{width: 23px; position: absolute; top: 0; bottom: 0; margin: auto;  left: 0; right: 0;}
.nav-menu ul li:hover a {color: #e96c37;}
.nav-menu ul ul {margin: 0;}
/* Mobile Nav Toggle */
#mobile-nav-toggle {position: fixed; left: 10px; top: 0; z-index: 999; margin: 9px 20px 0 10px; border: 0; background: none; font-size: 33px; display: none; transition: all 0.4s; outline: none; cursor: pointer;}
.mobile-nav-active #mobile-nav-toggle i{color: #fff !important; right: 20px; position: fixed;}
#mobile-nav-toggle i {color: #222;}
/* Mobile Nav Styling */
#mobile-nav {position: fixed; top: 0; padding-top: 18px; bottom: 0; z-index: 998; background: rgba(0, 0, 0, 0.9); left: -320px; width: 320px; overflow-y: auto; transition: 0.4s;}
#mobile-nav ul {padding: 0; margin: 0; list-style: none;}
#mobile-nav ul li {position: relative;}
#mobile-nav ul li a {color: #fff; font-size:15px; overflow: hidden; padding: 20px 22px 20px 15px; position: relative; text-decoration: none; width: 100%; display: block; outline: none; border-bottom: 1px solid #3c3c3c;}
#mobile-nav ul li a:hover {color: #fff;}
#mobile-nav ul li li {padding: 12px 15px; border-bottom: 1px solid #3c3c3c;}
#mobile-nav ul li li img{width: 30px; display: inline-block;}
#mobile-nav ul li li a{font-size: 13px; color: #c8ac6b; display: inline-block; padding: 0; border-bottom: none; width: auto; vertical-align: middle; margin-left: 12px;}
#mobile-nav ul li li a img{width: 24px; margin-right: 5px; vertical-align: middle; margin-top: -5px;}
#mobile-nav ul li li.active a{color: #e96c37;}
#mobile-nav ul .menu-has-children i {position: absolute; right: 0; z-index: 99; padding: 27px 15px; cursor: pointer; color: #fff;}
#mobile-nav ul .menu-has-children i.fa-chevron-up {color: #ffc94d;}
#mobile-nav ul .menu-item-active {color: #ffc94d;}
#mobile-body-overly {width: 100%; height: 100%; z-index: 997; top: 0; left: 0; position: fixed; background: rgba(0, 0, 0, 0.9); display: none; bottom: 0; right: 0;}
/* Mobile Nav body classes */
body.mobile-nav-active {overflow: hidden;}
body.mobile-nav-active #mobile-nav {left: 0;}
body.mobile-nav-active #mobile-nav-toggle {color: #fff;}
.order-lg-1{padding-right: 55px;}
/* Sections Header */
.section-header .section-title {font-size: 30px; color: #000; text-align: center; font-weight: 500; margin-bottom: 60px; text-transform: capitalize; position: relative;}
.section-header .section-title strong{font-weight: 400;}
.section-header .section-title::before{content: ''; background: #fa5711; width: 100px; height: 2px; position: absolute; left: 0; right: 0; margin: auto; bottom: -15px;}
.section-header .section-description {text-align: center; margin-top: -18px; padding-bottom: 40px; color: #333; font-size: 18px; font-weight: 400; margin-bottom: 0;}
/* About Us Section */
#about {background: #fff; padding: 40px 0;}
#about .about-container .background {min-height: 300px; background: url(../images/about-img.jpg) center top no-repeat; margin-bottom: 10px;}
#about .about-container .title {color: #3a3938; font-weight: 300; font-size: 36px; position: relative; margin-bottom: 25px;}
#about .about-container .title strong{font-weight: 500; text-transform: capitalize; color: #222;}
#about .about-container h2:before{content: ''; background:#fa5711; width: 70px; height: 2px; position: absolute; left: 0; bottom: -10px;}
#about .about-container p {color: #000; line-height: 32px; font-weight: 400; font-size: 16px; margin-bottom: 15px; text-align: justify;}
#about .about-container p strong{font-weight: 500;}
#about .about-container p:last-child {margin-bottom: 0;}
#about .about-container .icon-box {background: #fff; background-size: cover; padding: 0 0 30px 0;}
#about .about-container .icon-box .icon {float: left; background: #fff; padding: 16px; border-radius: 50%; border: 2px solid #00a238; height: 60px; width: 60px;}
#about .about-container .icon-box .icon i {color: #00a238; font-size: 24px;}
#about .about-container .icon-box .title {margin-left: 80px; font-weight: 500; margin-bottom: 5px; font-size: 22px; text-transform: uppercase;}
#about .about-container .icon-box .title a {color: #908b8b;}
#about .about-container .icon-box .description {margin-left: 80px; line-height: 30px; font-size: 16px;}
.about-border{padding-bottom: 45px;}
.about-home-div-2 font{text-align: center; font-size: 30px; color: #3a3938; display: block; margin-bottom: 60px; font-weight: 600; position: relative;}
.about-home-div-2 font::after{content: ''; background: #fa5711; width: 100px; height: 2px; position: absolute; left: 0; right: 0; margin: auto; bottom: -15px;}
.about-home-div-2{margin-bottom: 60px;}
.about-home-div-2-R {padding-left: 25px;}
.about-home-div-2-R p{color: #000; line-height: 32px; font-weight: 400; font-size: 16px; margin-bottom: 15px; text-align: justify;}
.about-home-div-2-L{text-align: left; margin-top: 40px;}
.new-detail-digital-box-main{margin-bottom: 60px;}
.new-detail-digital-box{margin-left: -10px; margin-right: -10px;}
.digital-new{position: relative !important; display: table !important; margin: 0 auto 80px !important; text-align: center !important; font-size: 30px !important; font-weight: 500 !important;}
.digital-new:before{content: ''; background: #ff5c12; width: 70px; height: 2px; position: absolute; bottom: -15px; left:0; right: 0; margin: auto;}
.new-detail-digital-box img{display: block; margin: 40px auto 0 !important; float: none !important;}
.digital-new-box-stary{margin: 50px 0 20px 0;}
.digital-new-box{position: relative; transition: 0.25s; -webkit-transition: 0.25s; background: #fff; box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.08); padding: 0 10px; height: 150px; margin: 33px 0;}
.digital-new-box .number{position: absolute; left: 0; right: 0; top: -32px; width: 64px; height: 64px; background: #000; margin: auto; border-radius: 50%; text-align: center; line-height: 64px; font-size: 30px; font-weight: 500; color: #fff;}
.digital-new-box .content{font-size: 18px; font-weight: 400; left: 0; color: #000; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; background: transparent; margin-top: 10px; line-height: 28px; margin-bottom: 0 !important; padding: 0 15px; border-radius: 0;}
.digital-new-box:hover{box-shadow: 1px 4px 19px 2px rgba(0, 0, 0, 0.14); transform: scale(1.05); -webkit-transform: scale(1.05);}
.digital-marketing-stargy{background: #f5f5f5; padding: 10px 0 40px 0; transform: skewY(-1.2deg); margin: 30px 0px;}
.digital-skew{transform: skewY(1.2deg);}
/* Facts Section */
#facts {background: #f7f7f7; padding: 80px 0 60px 0;}
#facts .counters span {font-size: 48px; display: block; color: #489f3a;}
#facts .counters p {padding: 0; margin: 0 0 20px 0; font-family: "Poppins", sans-serif; font-size: 14px;}
/* Services Section */
#services {overflow: visible; background: #fff; padding: 10px 0 60px 0;}
#services .section-title{font-size: 22px !important;}
#services .box {padding: 50px 20px; margin-bottom: 50px; text-align: center; border: 1px solid #ffc107; height: 200px; position: relative; background: #f5d887;}
#services .icon {position: absolute; top: -36px; left: calc(50% - 36px); transition: 0.2s; border-radius: 50%; display: inline-block; border: 6px solid #fff;}
#services .icon a {display: inline-block; background: #489f3a; border: 2px solid #489f3a; padding: 16px; border-radius: 50%; transition: 0.3s;}
#services .icon i {color: #fff; font-size: 24px;}
#services .box:hover .icon i {color: #489f3a;}
#services .box:hover .icon a {color: #ff5a1f; background: #fff;}
select{display: none;}
#services .description {font-size: 14px; line-height: 24px;}
/* Call To Action Section */
#text-bg-work{padding:60px 0 20px 0; background: #f9f9f9; transform-origin: 0px;}
#text-bg-believe{overflow: visible; background-size: cover;}
#text-bg-work .blockquote-box h4{font-size: 18px; font-weight: 500; margin-bottom: 10px; text-align: center;}
#text-bg-work .blockquote-box p{font-size:15px; line-height: 26px; color: #444; text-align: center; font-weight: 400;}
#text-bg-believe .cta-title {text-align: center; color: #000; font-size: 25px; font-weight: 600; margin-bottom: 12px; line-height: 40px;}
#text-bg-believe .cta-text {color: #b3b3b3; font-size: 24px; text-align: center; margin-bottom: 10px; font-weight: 300; letter-spacing: 1px;}
#text-bg {background:#389498; padding: 60px 0;}
#text-bg .cta-title {color: #f1dcac; font-size: 34px; font-weight: 700; margin-bottom:40px;}
#text-bg .cta-text {color: #fff; font-size:24px;}
#text-bg .cta-btn {font-family: "Poppins", sans-serif; text-transform: uppercase; font-weight: 500; font-size: 16px; letter-spacing: 1px; display: inline-block; padding: 8px 30px; border-radius: 50px; transition: 0.5s; margin: 0px; border: 2px solid #fff; color: #fff;}
#text-bg .cta-btn:hover {background: #489f3a; border: 2px solid #489f3a;}
/* Portfolio Section */
#portfolio {overflow: visible; background: #666; background: linear-gradient(to bottom, rgb(255, 255, 255), rgba(204, 202, 201, 0.2)); background: -webkit-linear-gradient(to bottom, rgb(255, 255, 255), rgba(204, 202, 201, 0.2)); padding-top: 20px;}
#portfolio #portfolio-flters {padding: 0; margin: 0 0 0px 0; list-style: none; text-align: center;}
#portfolio #portfolio-flters li {cursor: pointer; margin: 0 10px; display: inline-block; padding: 0px 0px; font-size: 12px; color: #666666; text-transform: uppercase; background: #fff; margin-bottom: 0px; transition: all 0.3s ease-in-out;}
#portfolio #portfolio-flters li:hover, #portfolio #portfolio-flters li.filter-active {background: #ddd; color: #fff;}
#portfolio .portfolio-item {position: relative; height: 250px; overflow: hidden !important; margin-bottom: 10px; transition: all 350ms ease; transform: scale(1); font-weight:bold;}
#portfolio .portfolio-item a {display: block;}
#portfolio .portfolio-item img {position: relative; top: 0; transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1); width: 100%; height: 230px; position: relative; padding: 5px 0px 0px 0px; background: #459838; box-shadow: 0 14px 18px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
#portfolio .portfolio-item .details {width: 100%; margin:0px; padding:0px; background: #ee5035; position: absolute; bottom: -50px; transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);}
#portfolio .portfolio-item .details h4 {font-size: 14px; font-weight: 700; color: #fff; padding: 8px 0 2px 8px; margin: 0;}
#portfolio .portfolio-item .details span {display: block; color: #fff; font-size: 13px; padding-left: 8px;}
#portfolio .portfolio-item:hover .details {bottom: 0;}
#portfolio .portfolio-item:hover img {top: -10px; width: 115%; height: 100%;}
/* Client Section */
#clients{background: #fff; padding: 60px 0 40px 0;}
#clients .member {text-align: auto; margin-bottom: 20px; text-align: center;}
#clients .member .pic {margin-bottom: 15px; overflow: hidden; height: auto;}
#clients .member .pic img {max-width: 100%;}
#clients .member h4 {font-weight: 700; margin-bottom: 2px; font-size: 18px;}
#clients .member span {font-style: italic; display: block; font-size: 13px;}
#team .member .social {margin-top: 15px;}
#clients .member .social a {color: #b3b3b3;}
#clients .member .social a:hover {color: #489f3a;}
#clients .member .social i {font-size: 18px; margin: 0 2px;}
/*Team Section */
#team {background: #ddd; padding: 80px 0 60px 0;}
#team .member {text-align: auto; margin-bottom: 20px; text-align: center;}
#team .member .pic {margin-bottom: 15px; overflow: hidden; height: 260px;}
#team .member .pic img {max-width: 100%;}
#team .member h4 {font-weight: 700; margin-bottom: 2px; font-size: 18px;}
#team .member span {font-style: italic; display: block; font-size: 13px;}
#team .member .social {margin-top: 15px;}
#team .member .social a {color: #b3b3b3;}
#team .member .social a:hover {color: #489f3a;}
#team .member .social i {font-size: 18px; margin: 0 2px;}
#clients .slick-next{background: #333 !important; padding: 0;}
#clients .slick-next:before{content: "\f105"; font-family: 'FontAwesome'; font-weight: 300; color: #fff !important; font-size: 26px;}
#clients .slick-prev{background: #333 !important; padding: 0;}
#clients .slick-prev:before{content: "\f104"; font-family: 'FontAwesome'; font-weight: 300; color: #fff !important; font-size: 26px;}
/* Contact Section */
#contact {background: #fff; padding: 20px 0 0px 0;}
#contact #google-map {height: 300px; margin-bottom: 20px;}
#contact .info {background: #f9f9f9; color: #fff; padding: 40px 40px 10px 40px;}
#contact .info i {font-size: 25px; color: #ffffff; float: left; width: 50px; height: 50px; border-radius: 50%; border: 2px solid #ffffff; text-align: center; line-height: 48px;}
#contact .info p {padding: 0 0 10px; margin-bottom: 16px; line-height: 26px; font-size:18px; text-align: center; color:#111; font-weight: 400;}
#contact .info p a{color:#111 !important;}
#contact .info p a:hover{text-decoration: underline;}
#contact .info p img{width: 40px; margin-right: 10px;}
.contact-mail-div{width: 33.33%; float: left;}
#contact .info span{font-weight: 500; margin-bottom: 5px; display: block; font-size: 24px; color: #000; text-align: center;}
#contact .info span a{color: #000 !important;}
#contact .info span a:hover{text-decoration: underline;}
#contact .info span img{vertical-align: middle; margin-top: -5px; margin-right: 4px;}
#contact .info span div{width: 50px; height: 50px; display: block; margin: auto; background: #e96b37;  border-radius: 50%; padding-top: 10px;}
#contact .info span div img{margin-right: 0 !important;}
#contact .info .email p {padding-top: 5px;}
#contact .social-links {padding-bottom: 20px;}
#contact .social-links a {font-size: 18px; display: inline-block; background: #908b8b; color: #fff; line-height: 1; padding: 8px 0; border-radius: 50%; text-align: center; width: 36px; height: 36px; transition: 0.3s;}
#contact .social-links a:hover {background: #489f3a; color: #fff;}
#contact .form #sendmessage {color: #489f3a; border: 1px solid #489f3a; display: none; text-align: center; padding: 15px; font-weight: 600; margin-bottom: 15px;}
#contact .form #errormessage {color: red; display: none; border: 1px solid red; text-align: center; padding: 15px; font-weight: 600; margin-bottom: 15px;}
#contact .form #sendmessage.show, #contact .form #errormessage.show, #contact .form .show {display: block;}
#contact .form .validation {color: red; display: none; margin: 0 0 20px; font-weight: 400; font-size: 13px;}
.contact-page-form-btn {width: 100%; background: #222; border: 0; padding: 10px 24px; color: #fff; transition: 0.4s; margin-top: 15px; cursor: pointer; font-size: 18px; font-weight:500; height: 50px; text-transform: uppercase;}
.contact-page-form-btn:hover {background: #fa5711;}
/* Footer */
#footer {background: #fff; padding: 70px 0 0 0; color: #fff; font-size: 14px;}
#footer .copyright {text-align: center; background: #000; padding: 10px 0; margin-top: 40px; font-weight: 400; font-size: 13px;}
#footer .credits {padding-top: 5px; text-align: center; font-size: 13px;  color: #ccc;}
#upcomingProducts{background: orange !important;}
.footer-box-1 img{margin-bottom: 15px;}
.footer-box-1 p{font-size: 13px; font-weight: 400; margin-bottom: 0; line-height: 21px; color: #444; text-align: justify;}
.footer-box-2 h6{font-size: 14px; text-transform: uppercase; font-weight: 400; color: #666;}
.footer-box-2 ul{margin: 0; padding: 0; list-style: none;}
.footer-box-2 ul li a{display: block; font-weight: 400; text-decoration: none; color: #444; font-size: 13px; padding-bottom: 10px; text-transform: capitalize;}
.footer-box-2 ul li a:hover{text-decoration: underline;}
.footer-contact{font-size: 13px; color: #444; margin-bottom: 15px;}
.footer-contact img{width: 16px; margin-right: 5px;}
.footer-contact p{margin-bottom: 0px; font-weight: 400;}
.footer-margin-left{margin-left: 30px;}
.footer-box-1 a{font-size: 12px; font-weight: 500; color: #000; margin-top: 15px; display: table; background: #ccc; border-radius: 50px; padding: 3px 12px;}
.footer-contact a{color: #444 !important; font-weight: 400;}
.footer-contact a:hover{text-decoration: underline;}
.footer-box-displaynone span{font-weight: 400; color: #403e3e;}
.footer-social {margin-top: 25px;}
.footer-social h5{font-size: 14px; text-transform: uppercase; font-weight: 400; color: #666; margin-bottom: 12px;}
.footer-social ul{margin: 0; padding: 0; list-style: none;}
.footer-social ul li{float: left;}
.footer-social ul li a{width: 32px; transition: 0.3s; height: 32px; border: 2px solid #999; border-radius: 50%; text-align: center; font-size: 14px;  margin-right: 9px; margin-bottom: 9px;}
.footer-social ul li a i{line-height: 28px;}
.footer-social ul li a:hover{background: #999; color: #000;}

.serviceBox{text-align: center;margin-top: 60px;position: relative;z-index: 1; margin-bottom: 21px; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s;}
.serviceBox .service-icon{width: 78px;height: 78px;border-radius:3px;background: #fff;transform: rotate(45deg);margin: 0 auto;position: absolute;top: -17px;left: 0;right: 0;z-index: 1;transition: all 0.3s ease-out 0s;}
.serviceBox:hover .service-icon{transform: rotate(0deg);}
.serviceBox .service-icon span{display: inline-block;width: 60px; transform: rotate(0deg); height: 60px;line-height: 48px;border-radius:3px;background: #727cb6;font-size: 20px;color: #fff;margin: auto;position: absolute;top: 3px;left: 0;bottom: 0;right: 0;transition: all 0.3s ease-out 0s;padding:3px;}
.serviceBox .service-icon span i{transition: all 0.3s ease-out 0s;}
.serviceBox:hover .service-icon span i{transform: rotate(-45deg);}
.serviceBox .service-content{box-shadow: 0px 6px 0px 0 rgba(0, 0, 0, 0.09), 0 6px 20px 0 rgba(0, 0, 0, 0);height:165px;background: #fff;border: 1px solid #d4d4d4;border-radius: 3px;padding: 75px 10px;position: relative;}
.serviceBox .service-content:before{content: "";display: block;width: 80px;height: 80px; transform: rotate(45deg);border: 1px solid #dedede;border-radius: 3px;margin: 0 auto;position: absolute;top: -19px;left: 0;right: 0;z-index: -1;transition: all 0.3s ease-out 0s;}
.serviceBox:hover .service-content:before{transform: rotate(0deg);}
.serviceBox .title{font-size: 18px;font-weight: 600;color: #555;margin: 0 0 5px 0;position: relative;transition: all 0.3s ease-out 0s;}
.serviceBox:hover .title{color: #727cb6;}
.serviceBox .description{font-size: 14px;font-weight: 500;line-height: 24px;margin-bottom: 0;}
.serviceBox .read-more{display: block;width: 40px;height: 40px;line-height: 38px;border-radius: 50%;background: #fff;border: 1px solid #e7e7e7;font-size: 14px;color: #c4c2c2;margin: 0 auto;position: absolute;bottom: -17px;left: 0; right: 0;transition: all 0.3s ease-out 0s;}
.serviceBox .read-more:hover{border: 1px solid #727cb6;color: #727cb6;text-decoration: none;}
.serviceBox.green .service-icon span{ background: #008b8b; }
.serviceBox.blue .service-icon span{ background: #3498db; }
.serviceBox.orange .service-icon span{ background: #e67e22; }
.serviceBox.green:hover .title{ color: #008b8b; }
.serviceBox.blue:hover .title{ color: #3498db; }
.serviceBox.orange:hover .title{ color: #e67e22; }
.serviceBox:hover .tilte{color: #fff !important;}
.serviceBox:hover{transform: scale(1.05); box-shadow: 0px 20px 18px 0 rgba(0, 0, 0, 0), 0px 20px 20px 0 rgba(0, 0, 0, 0.02);}

.serviceBox:hover .read-more{border: 1px solid #727cb6;color: #727cb6;}
.serviceBox.green:hover .read-more{border: 1px solid #008b8b;color: #008b8b;}
.serviceBox.blue:hover .read-more{border: 1px solid #3498db;color: #3498db;}
.serviceBox.orange:hover .read-more{border: 1px solid #e67e22;color: #e67e22;}

.service-icon img{background: url(../images/service-icons.png) no-repeat; width: 44px; height: 44px; transition: all 0.3s ease-out 0s; transform: rotate(-45deg);}
.service-1{background-position: 0 0;}
.service-2{background-position: 0 -44px !important;}
.service-3{background-position: 0 -88px !important;}
.service-4{background-position: 0 -132px !important;}
.service-5{background-position: 0 -176px !important;}
.service-6{background-position: 0 -220px !important;}
.service-7{background-position: 0 -264px !important;}
.service-8{background-position: 0 -308px !important;}
.service-9{background-position: 0 -352px !important;}
.serviceBox:hover .service-icon span img{transform: rotate(0deg);}

.fa-font-size-small{font-size:1.5em}
.fa-font-size{font-size:3em}
.blockquote-box{margin-bottom: 20px; height: 240px;}
.blockquote-box .square{width:100px;min-height:50px;margin-right:22px;text-align:center!important;background-color:#E6E6E6;padding: 25px 0; border-radius: 50%;}
.blockquote-box.blockquote-primary{transition: 0.25s;}
.blockquote-box.blockquote-primary .square{background-color:#428BCA;color:#FFF; display: block; margin: 0 auto 20px;}
.blockquote-box.blockquote-primary h4{color: #000; font-weight: 500;}
.blockquote-box.blockquote-success{transition: 0.25s;}
.blockquote-box.blockquote-success .square{background-color:#5CB85C;color:#FFF; display: block; margin: 0 auto 20px;}
.blockquote-box.blockquote-success h4{color: #000; font-weight: 500;}
.blockquote-box.blockquote-info{transition: 0.25s;}
.blockquote-box.blockquote-info .square{background-color:#5BC0DE;color:#FFF; display: block; margin: 0 auto 20px;}
.blockquote-box.blockquote-info h4{color: #000; font-weight: 500;}
.blockquote-box.blockquote-warning{transition: 0.25s;}
.blockquote-box.blockquote-warning .square{background-color:#F0AD4E;color:#FFF; display: block; margin: 0 auto 20px;}
.blockquote-box.blockquote-warning h4{color: #000; font-weight: 500;}
.blockquote-box.blockquote-danger{transition: 0.25s;}
.blockquote-box.blockquote-danger .square{background-color:#D9534F;color:#FFF; display: block; margin: 0 auto 20px;}
.blockquote-box.blockquote-danger h4{color: #000; font-weight: 500;}
.blockquote-box.blockquote-discuss{transition: 0.25s;}
.blockquote-box.blockquote-discuss .square{background-color:#53c0ab;color:#FFF; display: block; margin: 0 auto 20px;}
.blockquote-box.blockquote-discuss h4{color: #000; font-weight: 500;}

.blockquote-box .square img{background: url(../images/work-icons.png); width: 50px; height: 50px;}
.work-1{background-position: 0 0;}
.work-2{background-position: 0 -50px !important;}
.work-3{background-position: 0 -100px !important;}
.work-4{background-position: 0 -150px !important;}
.work-5{background-position: 0 -200px !important;}
.work-6{background-position: 0 -250px !important;}

.blockquote-box.blockquote-primary:hover, .blockquote-box.blockquote-success:hover, .blockquote-box.blockquote-info:hover, .blockquote-box.blockquote-warning:hover, .blockquote-box.blockquote-danger:hover, .blockquote-box.blockquote-discuss:hover{transform: scale(1.03);}

#clients .responsive .slick-slide img{margin: auto !important; display: inherit;}
.responsive .slick-slide{text-align: center;}
.filter-web p{transition: 0.25s; -webkit-transition: 0.25s; text-align: center; padding: 5px 15px 5px 15px; font-size: 18px; text-transform: uppercase; color: #6b6b6b; border-bottom: 2px solid #9c9c9c; border-top: 2px solid #9c9c9c; display: table; margin: 15px auto 30px;}
.filter-web img{transition: 0.25s; -webkit-transition: 0.25s; display: block; margin: auto;}
.filter-web:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.filter-web:hover p{-webkit-transform: translateY(10px); transform: translateY(10px); background: #9c9c9c; color: #fff; border-radius: 2px;}

.input-effect{position: relative; margin-left: -5px; margin-right: -5px;}
.input-effect input{color: #333; width: 100%; box-sizing: border-box; padding: 0 15px; margin-bottom:25px; box-shadow: none !important; font-size: 15px; font-weight: 400; border-radius: 0 !important; }

.effect-16{border: 0; border-bottom: 1px solid #f9f9f9; background-color: #f9f9f9; height: 50px; padding: 0;}
.effect-16 ~ .focus-border{position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background-color: #5abb38; transition: 0.4s;}
.effect-16:focus ~ .focus-border,
.has-content.effect-16 ~ .focus-border{width: 100%; transition: 0.4s;}
.input-effect textarea{border: 0; padding: 15px; font-weight: 500; border-bottom: 1px solid #f9f9f9; height: 175px; background-color: #f9f9f9; box-shadow: none !important; font-size: 15px; border-radius: 0 !important;}
.input-effect .nice-select{font-size: 15px !important; box-shadow: none !important; font-weight: 500; background: #f9f9f9; font-weight: 400 !important; height: 50px !important; line-height: 47px !important; border-bottom: 1px solid #f9f9f9 !important; padding: 0 15px;}
.input-effect .nice-select:after{margin-top: -7px;}
#contact iframe{width: 100%; height: 405px;}
.effect-16::placeholder{color: #444;}
.cl{clear: both;}
.with-scroll{display: none;}
.scroll-bar-pos{position:absolute;left:0;bottom:50px;right:0;margin:auto}
.scroll-bar-down{position:relative;width:24px;height:24px;margin:auto}
.chevron{position:absolute;width:28px;height:8px;opacity:0;transform:scale3d(0.5,0.5,0.5);animation:move 3s ease-out infinite; cursor: pointer;}
.chevron:first-child{animation:move 3s ease-out 1s infinite}
.chevron:nth-child(2){animation:move 3s ease-out 2s infinite}
.chevron:before,.chevron:after{content:' ';position:absolute;top:0;height:100%;width:51%;background:#fff}
.chevron:before{left:0;transform:skew(0deg,30deg)}
.chevron:after{right:0;width:50%;transform:skew(0deg,-30deg)}
@keyframes move {
25%{opacity:1}
33%{opacity:1;transform:translateY(30px)}
67%{opacity:1;transform:translateY(40px)}
100%{opacity:0;transform:translateY(55px) scale3d(0.5,0.5,0.5)}
}
.input-effect button{background: none !important; border: none; border-bottom: 1px solid #333 !important; border-radius: 0; width: 100%; padding: 15px 0; outline: 0 !important; box-shadow: none !important;}
.input-effect button::focus{outline: 0 !important;}
.input-effect .bootstrap-select{width: 100% !important; outline: 0 !important; font-size: 15px; color: #333;}
.input-effect .dropdown-menu ul{padding-top: 5px !important; height: 170px; background: #efefef;}
.input-effect .dropdown-menu li a{padding-bottom: 10px; font-size: 14px; font-weight: 500;}
.input-effect .dropdown-menu{padding: 0 !important;}
.input-effect .bootstrap-select button{font-size: 15px; color: #333;}
.justify-content-center{margin:0px 0 40px 0;}
/* Services Page Start */
#services-page{display: table; width: 100%; height: 325px !important; background-size: cover;}
.about-digitalize{margin-top: 45px !important; margin-right: 0 !important; float: right !important;}
.software-consulting-bg{background: url(../images/software-consulting-bg.jpg) no-repeat center center scroll !important; background-size: cover !important;}
#services-page .wits-container {background: rgba(29, 29, 29, 0.75); display: table-cell; margin: 0; padding: 0 10px; text-align: left; vertical-align: middle;}
#services-page h1 {margin-top: 0px; font-size: 25px; font-weight: 500; line-height: 40px; color: #fff; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.69); text-align: left; margin-bottom: 15px !important;}
#services-pages {overflow: visible; background: #fff; padding: 20px 0 80px 0;}
.software-consultancy img{float: left; margin-right: 50px; margin-top: 0px; margin-bottom: 6px;}
.services-box-div h3{color: #333; font-size: 24px; font-weight: 600; display: table; margin-bottom: 25px; margin-top: 15px; letter-spacing: 0px !important; position: relative;}
.services-box-div h3:before{content: ''; background: #ff5c12; width: 25px; height: 4px; position: absolute; top: 0; bottom: 0; left: -28px; margin: auto;}
.services-box-div h1{color: #222; font-size: 24px; font-weight: 600; display: table; margin-bottom: 30px; margin-top: 15px; letter-spacing: 0px !important; position: relative;}
.services-box-div h1:before{content: ''; background: #ff5c12; width: 25px; height: 4px; position: absolute; top: 0; bottom: 0; left: -28px; margin: auto;}
.services-box-div p{font-size:16px; color: #000; font-weight: 400; line-height: 32px; margin-bottom: 15px; text-align: justify;}
.services-box-div h4{ color: #000; font-size:16px; font-weight: 400; margin-bottom: 15px; margin-top: 0px; line-height: 32px;}
.services-box-div ul{list-style: none; padding: 0;}
.services-box-div ul li{background: url(../images/services-list-icon.png) no-repeat; background-position: 0 4px; font-size:15px; font-weight: 400; color: #2f2f2f; padding-bottom: 15px;  padding-left: 40px;  padding-top: 10px;}
.background-point-bg{padding-bottom: 50px;}
.background-point{margin: 70px 0 40px 0;}
.background-point ul{margin: 0; padding: 0; list-style: none;}
.background-point ul li span img{background: url(../images/software-consulting-icons.png); width: 30px; height: 30px; margin: 10px auto 0; display: block;}
.area-consult-1{background-position: 0 0 !important;}
.area-consult-2{background-position: 0 -30px !important;}
.area-consult-3{background-position: 0 -60px !important;}
.area-consult-4{background-position: 0 -90px !important;}
.area-consult-5{background-position: 0 -120px !important;}
.area-consult-6{background-position: 0 -150px !important;}
.area-consult-7{background-position: 0 -180px !important;}

.mobile-con-heading{background: #36adcc !important; margin-top: -30px !important;}
.software-con-heading{background: #36adcc; padding: 40px 25px; margin: 30px 0 0 0; transform: skewY(1.2deg); transform-origin: 0px;}
.software-con-heading .container{transform: skewY(-1.2deg);}

.software-con-heading h5{font-weight: 600; color: #fff; font-size: 34px; line-height: 42px; text-shadow: 2px 2px 4px rgba(0,0,0,.6); position: absolute; top: 50%; text-align: center; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); width: 100%;}

.software-con-heading ul{padding: 0; list-style: none; margin: 0 0 0 15px;}
.software-con-heading ul li{font-size: 18px; color: #fff; padding: 7px 20px 7px 21px; background: url(../images/services-list-icon.png) no-repeat; background-position: 0px 12px;}
.software-con-heading ul li:last-child{padding-bottom: 0;}
.software-con-heading-L{height: 100%; width: 100%; height: 240px; border-right: 1px solid #fff;}
.background-point h6, .about-boss-div h3{font-size: 24px; color: #333; font-weight: 500; position: relative; display: table;  margin-bottom: 40px;}
.background-point h6:before, .about-boss-div h3:before{content: ''; background: #00a238; position: absolute; top: 0; bottom: 0; right: -35px;margin: auto; width: 30px; height: 3px;}
.background-point ul{margin: 0; padding: 0; list-style: none;}
.background-point ul li{ transition: 0.25s; -webkit-transition: 0.25s; width: 29.5%; height: 60px; color: #ddd3d3; float: left; margin: 1% 3.5% 3% 0; padding: 5px 5px 5px 57px; border-radius: 50px; position: relative;}
.background-point ul li a{display: block; width: 100%; height: 100%;}
.background-point ul li a img{position: absolute; top: 0; bottom: 0; margin: auto; max-height: initial; left: -25px}
.background-point ul li font{position: absolute; top: 50%; transform: translateY(-50%); margin-left: 13px; font-size: 18px; z-index: 0 !important; font-weight: 600;}
.background-point ul li:nth-child(1){background: none; border: 1px solid #283859;}
.background-point ul li:nth-child(1) a{color: #4da7d3;}
.background-point ul li:nth-child(2){background: none; border: 1px solid #4da7d3; }
.background-point ul li:nth-child(2) a{color: #826db5 !important;}
.background-point ul li:nth-child(3){background: none; border: 1px solid #826db5; }
.background-point ul li:nth-child(3) a{color: #283859 !important;}
.background-point ul li:nth-child(4){background: none; border: 1px solid #3c7192; }
.background-point ul li:nth-child(4) a{color: #3c7192 !important;}
.background-point ul li:nth-child(5){background: none; border: 1px solid #1263a8; }
.background-point ul li:nth-child(5) a{color: #1263a8 !important;}
.background-point ul li:nth-child(8){background: none; border: 1px solid #43927d; }
.background-point ul li:nth-child(8) a{color: #43927d !important;}
.background-point ul li:nth-child(7){background: none !important;}
.background-point ul li:nth-child(6){background: none; border: 1px solid #d35058; }
.background-point ul li:nth-child(6) a{color: #d35058 !important;}
.background-point ul li:nth-child(9){background: none !important;}

.background-point ul li:nth-child(1):hover{background: #283859;}
.background-point ul li:nth-child(2):hover{background: #4da7d3;}
.background-point ul li:nth-child(3):hover{background: #826db5;}
.background-point ul li:nth-child(4):hover{background: #3c7192;}
.background-point ul li:nth-child(5):hover{background: #1263a8;}
.background-point ul li:nth-child(8):hover{background: #43927d;}
.background-point ul li:nth-child(6):hover{background: #d35058;}

.background-point ul li:nth-child(1):hover a, .background-point ul li:nth-child(2):hover a, .background-point ul li:nth-child(3):hover a, .background-point ul li:nth-child(4):hover a, .background-point ul li:nth-child(5):hover a, .background-point ul li:nth-child(6):hover a, .background-point ul li:nth-child(8):hover a{color: #fff !important;}

.floatunset{float: unset;}

/*#servicepage-contact{background: #555;}*/
.service-contact-container{padding: 100px 15px; position: relative;}
.service-contact-img{position: absolute; bottom: 0; left: -8%; max-height: inherit !important; opacity: 0.8;}
.service-contact-div h6{font-size: 36px; font-weight: 500 !important; color: #fff;}
.service-contact-div p{font-size: 15px; color: #fff; font-weight: 300; line-height: 26px;}
.service-contact-div .input-effect input{color: #fff !important;  font-size:15px;  font-weight: 400;  border-bottom: 1px solid #fff; height: 46px; padding: 0;}
.service-contact-div .input-effect textarea{color: #fff; border-bottom: 1px solid #fff; font-weight: 300; font-size:15px;}
.service-contact-div .effect-16 ~ .focus-border{background-color: #c3ba31; }
.service-contact-div .effect-16::placeholder{color: #fff; opacity: 1 !important;}
.service-contact-div button{background: #e27c73; padding: 20px 35px; border: none; color: #fff; font-size:15px; font-weight: 600; box-shadow: 0px 7px 0px 0px rgba(0, 0, 0, 0.3); outline: none !important; transition: 0.10s; margin-top: 15px;}

.service-contact-div button:active{box-shadow: 0px 4px 0px 0px rgba(0,0,0,.7); transform: translateY(4px); background: #af5750;}    

.service-contact-div .nice-select{background: none; border-bottom: 1px solid #fff !important; color: #fff !important; font-size: 17px !important;}
.service-contact-div .nice-select .list{color: #000 !important;}
.service-contact-div .nice-select:after{border-bottom: 2px solid #fff; border-right: 2px solid #fff;}
.menu-has-children ul li strong{color: #000;}

.softwaredevelopment-ul{margin: 40px -15px 0 -15px;}
.softwaredevelopment-ul li{color: #444 !important; line-height: 36px; padding: 0px 0 45px 65px !important;}
.softwaredevelopment-ul span{font-weight: 600; display: inline-block; color: #333; position: relative; vertical-align: middle; margin-top: -1px; font-size: 18px; border:1px solid #555; padding: 10px 20px;}
.software-develop-heading{background: #36adcc; transform: skewY(1.2deg); padding: 40px 25px 50px 25px; margin: 50px 0 0 0; transform-origin: 0px;}
.software-develop-heading .container{transform: skewY(-1.2deg);}
.software-development-img{background: url(../images/softwaredevelopment-list-img.png) no-repeat; width: 50px; height: 50px; box-shadow: none !important; margin-right: 20px !important; padding: 0 !important; margin-top: 0 !important; }
.software-development-img-1{background-position: 0 0 !important;}
.software-development-img-2{background-position: 0 -50px !important;}
.software-development-img-3{background-position: 0 -100px !important;}
.software-development-img-4{background-position: 0 -150px !important;}
.softwaredevelopment-ul p{clear: both; margin-top: 30px;}

.software-heading-color-2:before{background: #f86469 !important;}
.software-heading-color-3:before{background: #2296f3 !important;}
.software-heading-color-4:before{background: #595ccc !important;}


.software-develop-heading h5{font-weight: 600; color: #fff; font-size: 42px; line-height: 42px; text-shadow: 2px 2px 4px rgba(0,0,0,.6); text-transform: uppercase; position: absolute; top: 50%; text-align: center; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); width: 100%;}

.software-develop-heading ul{padding: 0; list-style: none; margin: 0 0 0 15px;}
.software-develop-heading ul li{font-size: 18px; color: #fff; font-weight: 400; padding: 7px 20px 7px 21px; background: url(../images/services-list-icon.png) no-repeat; background-position: 0px 12px;}
.software-develop-heading ul li:last-child{padding-bottom: 0;}
.software-develop-heading-L{height: 100%; width: 100%; height: 250px; border-right: 1px solid #fff;}
.software-develop-heading-L{height: 100%; width: 100%; height: 235px; border-right: 1px solid #fff;}
.software-develop-bg{background: url(../images/software-develop-bg.jpg) no-repeat center center scroll !important; background-size: cover !important;}

.website-develop-bg{background: url(../images/website-development-bg.jpg) no-repeat center center scroll !important; background-size: cover !important;}
.website-services-div{margin: 80px -15px 0 -15px;}
.service-website-box{background: #fff; transition: 0.3s; -webkit-transition:0.3s; padding: 30px; border-radius: 10px; height: 310px; margin-bottom: 66px; box-shadow: 0px 0px 20px 1px rgba(134, 134, 134, 0.5);}
.service-website-box:hover{transform: scale(1.04); -webkit-transform: scale(1.04);}
.service-website-box h4{font-size: 22px; color: #000; font-weight: 600; position: relative; margin-top: 0;}
.service-website-box h4::before{content: ''; background: #fff; left: 0; bottom: -14px; position: absolute; width: 100px; height: 2px;}
.service-website-box p{font-size: 18px; color: #222; line-height: 30px; margin-bottom: 0;}
.website-service-img-box{width: 110px; height: 110px; border-radius: 50%; background: #eee; position: absolute; top: -50px; right: 20px; border:5px solid #fcfcfc;}
.website-service-img-box img{background:url(../images/website-service-icon.png) no-repeat; width: 64px !important; height: 64px; display: block !important; margin: 18px auto 0 !important; padding: 0; box-shadow: none !important;  float: none !important;}
.service-website-boxheading1::before, .color1{background: #966bff !important;}
.service-website-boxheading2::before, .color2{background: #3fa0ef !important;}
.service-website-boxheading3::before, .color3{background: #44b748 !important;}
.service-website-boxheading4::before, .color4{background: #f1655d !important;}
.service-website-boxheading5::before, .color5{background: #789bab !important;}
.service-website-boxheading6::before, .color6{background: #f38646 !important;}
.service-website-boxheading7::before, .color7{background: #ff6f97 !important;}
.service-website-boxheading8::before, .color8{background: #09c6a2 !important;}
/*.web-service-page{background:url(../img/);}*/
.web-service-1{background-position: 0 0 !important;}
.web-service-2{background-position: 0 -64px !important;}
.web-service-3{background-position: 0 -128px !important;}
.web-service-4{background-position: 0 -192px !important;}
.web-service-5{background-position: 0 -256px !important;}
.web-service-6{background-position: 0 -320px !important;}
.web-service-7{background-position: 0 -384px !important;}
.web-service-8{background-position: 0 -448px !important;}

.service-website-box-auto{height: auto !important; margin: 50px 0;}

.mobile-app-develop-bg{background: url(../images/mobile-app-bg.jpg) no-repeat center center scroll !important; background-size: cover !important;}
.mobile-two-develop-img-respon{display: none;}
.mobile-app-points h4{color: #fff; background: #17c7c7; display: table; padding: 12px 25px; box-shadow: -1px 4px 0px #10abab; font-weight: 500; font-size: 19px;}
.mobile-app-points ul, .digital-box-benefits ul, .digital-box-benefits-2 ul, .digital-box-benefits-3 ul{padding: 0; margin: 0; list-style: none;}
.mobile-app-points ul li, .digital-box-benefits ul li, .digital-box-benefits-2 ul li, .digital-box-benefits-3 ul li{background: url(../images/dot-in-a-circle.png) no-repeat; background-position: 0px 12px; padding-left: 31px; color: #000;}

.outsourcing-section{margin-top: 60px; padding-top: 0 !important; padding-bottom: 45px !important;}
.outsourcing-bg{background: url(../images/outsourcing-bg.jpg) no-repeat center center scroll !important; background-size: cover !important;}
.outsourcing-h5{font-size: 21px; color: #009633; font-weight: 500;}
.outsourcing-h6{color: #222; font-size: 21px; font-weight: 500;}
.outsourcing-heading{position: relative; padding: 60px 0; margin-top: 40px; background: #f9f9f9 url(../images/technology-consulting-4-bg.png) no-repeat bottom left;}
.outsourcing-heading-L h4{ font-size: 24px; font-weight: 400; color: #444; line-height: 40px; margin-left: 45px; margin-bottom: 0; margin-top: 60px;}
.outsourcing-heading-L h4 font{font-size: 30px; font-weight: 500; color: #000; display: block;}
.outsourcing-heading ul{padding: 0; list-style: none; margin: 0;}
.outsourcing-heading ul li{font-size: 18px; font-weight: 400; color: #000; padding: 10px 0px 10px 30px; background: url(../images/services-list-icon.png) no-repeat; background-position: 0px 15px;}
.outsourcing-heading ul li:last-child{padding-bottom: 0;}

.maintenance-bg{background: url(../images/maintenance-bg.jpg) no-repeat center center scroll !important; background-size: cover !important;}

.ivr-dailer-bg{background: url(../images/ivr-dailer-bg.jpg) no-repeat top center scroll !important; background-size: cover !important;}
.iverdailer-heading{background: #36adcc; padding: 40px 25px; margin: 60px 0 0 0; transform: skewY(1.2deg); transform-origin: 0px;}
.iverdailer-heading .container{transform: skewY(-1.2deg);}
.iverdailer-heading h5{font-weight: 600; color: #fff; font-size: 42px; line-height: 42px; text-shadow: 2px 2px 4px rgba(0,0,0,.6); text-transform: uppercase; position: absolute; top: 50%; text-align: center; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); width: 100%;}
.iverdailer-heading ul{padding: 0; list-style: none; margin: 0 0 0 15px;}
.iverdailer-heading ul li{font-size: 16px; color: #fff; padding: 7px 20px 7px 21px; background: url(../images/services-list-icon.png) no-repeat; background-position: 0px 12px;}
.iverdailer-heading ul li:last-child{padding-bottom: 0;}
.iverdailer-heading-L{height: 100%; width: 100%; height: 240px; border-right: 1px solid #fff;}

.digital-marketing-bg{background: url(../images/digital-marketing-bg.jpg) no-repeat center center scroll !important; background-size: cover !important;}
.digital-marketing h4{font-size: 30px !important; color: #000 !important; display: table; margin: 35px auto 30px !important; font-weight:500 !important;}
.digital-marketing h4 img{box-shadow: none; vertical-align: middle; padding: 0; margin: -15px 15px 0 0;}
.digital-box-benefits ul li{width: 33.33%; float: left;}
.digital-box-benefits-2 ul li{width: 50%; float: left;}
.digital-box-benefits h5, .digital-box-benefits-2 h5, .digital-box-benefits-3 h5{color: #111; position: relative; font-size: 18px; font-weight: 500; margin-bottom: 25px; margin-top: 10px;}
.digital-box-benefits h5:before, .digital-box-benefits-2 h5:before, .digital-box-benefits-3 h5:before{content: ''; background: #111; width:50px; height: 3px; position: absolute; bottom: -14px;}
.digital-marketing h6{font-size: 20px; color: #000; font-weight: 500; margin-top: 40px !important;}
.digital-market-key-img{box-shadow: none !important; padding: 0 !important; margin-right: 15px !important; vertical-align: middle !important; margin-top: -6px !important; margin-bottom: 15px; width: 37px;}

.branding-graphic-bg{background: url(../images/branding-graphic-bg.jpg) no-repeat center center scroll !important; background-size: cover !important;}
.branding-graphic-box2-heading{background: #eee !important;}
.software-consul-bel{font-size: 20px !important; font-weight: 300 !important; text-align: center; margin-bottom: 15px !important; color: #fff !important; display: table; margin: 20px auto 0; padding: 5px 26px; text-transform: uppercase; background: #ee5936; border-radius: 5px;}
.software_consul_para{clear: both; font-size: 30px !important; text-align: center; margin-top: 20px; line-height: 40px !important; font-weight: 500; color: #000 !important;}
.digital-marketing-ppc{background: #f9f9f9; padding: 65px 0 55px 0; margin: 40px 0; transform: skewY(1.2deg);}
.digital-marketing-ppc .container{transform: skewY(-1.2deg);}
.digital-marketing-ppc h4{font-size: 24px; text-align: center; font-family: 'Raleway', sans-serif;  font-weight: 500;  color: #000; position: relative; margin-bottom: 60px;}
.digital-marketing-ppc h4:before{content: ''; background: #ff5c12; position: absolute; bottom: -10px; width: 60px; height: 2px; left: 0; right: 0; margin: auto;}
.digital-marketing-ppc ul{padding: 0; margin: 10px 0 0 0; list-style: none;}
.digital-marketing-ppc ul li{background: url(../images/check.png) no-repeat; font-size: 18px; line-height: 32px; color: #000; padding: 15px 0; padding-left: 50px; font-weight: 400; background-position: 0 18px;}
.digital-marketing-h1{color: #2459c8 !important;}
.digital-marketing-h1 img{width: 45px;}
.digital-marketing-h3{color: #888686 !important;}
.digital-marketing-ppc .image-opacity{opacity: 1;}
.digital-marketing-box-2{background: #f9f9f9 !important; transform: skewY(-1.2deg);}
.digital-marketing-box-2 .container{transform: skewY(1.2deg) !important;}
.digital-marketing-box-3{background: #f9f9f9 !important; margin-bottom: 50px !important; transform: skewY(1.2deg); transform-origin: 0px; }
.digital-marketing-box-3 .container{transform: skewY(-1.2deg) !important;}
.digital-marketing-page-bg{background: #fff !important; padding-bottom: 0 !important;}
.orm-h6{font-size: 22px; color: #000; font-weight: 500; margin: 0px 0 15px 0;}
.orm-image{margin-bottom: 50px;}
.orm-section{margin-bottom: 0 !important;}
.about-us-page-bg{background: url(../images/about-new-bg.jpg) no-repeat center center scroll !important; transform-origin: 0px; background-size: cover !important;}
.about-us-page p span{color: #222; font-weight: 600;}
.about-boss-div{background: #fff !important; padding:45px 0 0 0;}
.about-boss-div h5{font-size: 21px; font-weight: 500; color: #000; margin-bottom: 10px; position: relative; text-align: center; margin-top: 15px;}
.about-boss-div span{font-size: 16px; font-weight: 400; color: #444; text-align: center; display: block; text-transform: uppercase; margin-bottom: 7px;}
.about-boss-div font a{font-size: 16px; font-weight: 400; color: #0a5781; display: block; text-align: center;}
.about-boss-div font a>img{margin-right: 5px; display: initial; width: 30px;}
.about-boss-div p{font-size: 16px; line-height: 32px; color: #000; margin-bottom: 15px; font-weight: 400; text-align: justify; background: #f9f9f9; padding: 25px;}
.about-boss-div p font{color: #000; font-weight: 700; font-size: 18px; text-align: justify;}
.profile-detail h6{color: #8c8c8c; font-size:15px; font-weight: 600; margin: 20px 0 10px 0;}
.whatis-dig-obj-div{background: #f9f9f9; padding: 40px 20px 20px 20px;}
.about-specialist{background: #f7f7f7; padding: 20px;}
.about-specialist{margin-top: 20px;}
.about-specialist h6{font-size:15px; position: relative; font-weight: 600; color: #b93e3e; text-transform: uppercase;}
.about-specialist h6:before{content: ''; background: #b93e3e; position: absolute; bottom: -10px; left: 0; width: 50px; height: 4px;}
.about-specialist ul{padding:0; margin: 0; list-style: none;}
.about-specialist ul li{background: url(../images/specialist-user.png) no-repeat; font-size:15px; color: #000; padding: 10px 1px 10px 35px; width: 50%; float: left; background-position: 0 10px;}
.profile-pic{ margin-right: 35px; padding-bottom: 12px; position: absolute; left: 0; top: 0; width: 290px;}
.profile-pic  > .main_pic{border: 1px solid #e6e6e6; width: 200px; display: block; margin: auto;}
.profile-detail {padding-left: 300px;}
.previous-work{margin: 20px 0 0 0;}
.previous-work h6{font-size:18px; font-weight: 500; color: #000; position: relative; text-transform: uppercase; margin-bottom: 15px;}
.previous-work ul{padding:0; margin: 0; list-style: none;}
.previous-work ul li{font-size:15px; color: #000; padding: 10px 1px 10px 35px; width: 33.33%; float: left; background-position: 0 10px;}
.bottom-border{border-bottom: 2px dotted #ddd; padding-bottom: 30px;}
.brending-maintain{background: #666 !important; background: linear-gradient(to bottom, rgb(255, 255, 255), rgba(204, 202, 201, 0.2)) !important; background: -webkit-linear-gradient(to bottom, rgb(255, 255, 255), rgba(204, 202, 201, 0.2)) !important;}
.about-specialist p, .previous-work p{color: #000 !important; font-size: 16px; line-height: 32px; font-weight: 400;}
.about-boss-2-div{background: none !important; box-shadow: none !important; padding-bottom: 0 !important;}
.mission-vision{background: #f7f7f7; padding:45px 0; margin-top: 60px; transform: skewY(1.2deg);}
.mission-vision .container{transform: skewY(-1.2deg);}
.mission-vision h6{font-size: 20px; font-weight: 500; color: #000; margin: 20px 0 10px 0;}
.mission-vision p{font-size:16px; color: #444; margin-bottom: 10px !important; font-weight: 400; line-height: 32px; text-align: justify;}
.about-last-para{clear: both; font-size: 32px !important; text-align: center; margin-top: 50px; color: #13847f !important; margin-bottom: 0 !important; background: #eee; padding: 15px 0; margin-bottom: 18px !important;}
/* Services Page Finish */
.about-readmore{background: none; transition: ease-in-out 0.3s; padding: 11px 20px; border-radius: 5px; border: 1px solid #222; color: #222 !important; font-size: 14px; text-transform: uppercase; float: right; font-weight: 400;}
.about-readmore:hover{background: #ee5936; border: 1px solid #ee5936; color: #fff !important; border-radius: 0;}
.software-consultancy-client{padding-top: 0 !important;}
.nav-address{display: none;}
.nav-address{padding:15px; margin-top: 50px;}
.nav-address span img{margin-right: 5px; width: 24px;}
.nav-address span{font-size:15px; color: #fff;}
.nav-address p{color: #fff; line-height: 22px; margin-top: 5px; margin-bottom: 20px;}
.nav-address .cf{margin-bottom: 20px;}
.error-page-div{background: #fafafa;}
.error-page-div img{display: block; margin: auto;}
.error-page-div p{text-align: center; font-size: 18px; color: #777; font-weight: 500;}
.error-page-div p a{text-decoration: underline; font-weight: 700;}
.top_number{display: none;}

.maintenance_head{font-size: 21px !important; color: #000 !important; font-weight: 600 !important; margin-bottom: 0 !important;}
.outsourcing_para{background: #039b94; color: #fff !important; text-align: center; border-radius: 25px; padding: 10px 0; font-size: 18px !important; text-transform: uppercase; font-weight: 700 !important;}

.mobile-p{text-align: center; font-size: 18px !important; color: #2e2e2e !important;}
.mobile-app-points{position: relative; min-height: 471px; margin-bottom: 30px; margin-top: 20px;}

.mobile-app-points-one{background: #fbfbfb; box-shadow: 1px 3px 13px rgba(0, 0, 0, 0.22); padding: 30px;}
.mobile-app-points-one h4{background: none !important; color: #000; box-shadow: none !important; padding: 0; margin: 0 0 15px 0; font-weight: 600; font-size: 19px;}


.mobile-app-points-two{background: #2ECC71; box-shadow: 1px 3px 13px rgb(143, 249, 175); padding: 30px;}
.mobile-app-points-two h4{background: none !important; color: #fff; box-shadow: none !important; padding: 0; margin: 0 0 15px 0; font-weight: 600; font-size: 19px;}
.mobile-app-points-two ul li{color: #fff;}
.mobile-app-points-two ul li{background: url(../images/dot-in-a-circle-2.png) no-repeat !important; background-position: 0px 12px !important;}

.mobile-con-heading-L{height: 266px !important;}
.mobile-phases{display: block; margin: 30px auto; float: none !important; padding: 0 !important; margin: 0 auto !important;}

.core-value{padding: 60px 0 30px 0;}
.core-value h3{font-size: 30px; text-align: center; font-weight: 500; color: #000; position: relative; margin-bottom: 60px;}
.core-value h3:before{content: ''; background: #fa5711; width: 70px; height: 2px; position: absolute; left: 0; bottom: -15px; right: 0; margin: auto;}
.core-value h3 strong{font-weight: 300; color: #222;}

.col-value-box{text-align: center; margin-bottom: 20px; height: 210px;}
.col-value-box h4{display: block; font-size: 18px; color: #000; font-weight: 500; margin: 15px 0 13px 0;}
.col-value-box p{color: #444; font-size: 16px; font-weight: 400; line-height: 26px;}
.col-value-box img{width: 65px; margin-bottom: 5px;}

.our_merit{background: #2aae90; padding: 70px 0 40px 0;  margin-bottom: -35px; position: relative;  transform: skewY(-1.2deg); transform-origin: 0px; overflow-y: hidden;}
.our_merit img{position: absolute; max-width: initial; max-height: initial; top: 25px; left: -60px;}
.our_merit ul li{color: #fff; line-height: 32px; font-weight: 400; padding-bottom: 15px; font-size: 16px;}
.our_merit h3{font-size: 30px; letter-spacing: 1px; text-align: center; font-weight: 500; color: #fff; position: relative; margin-bottom: 60px;}
.our_merit h3:before{content: ''; background: #fff; width: 70px; height: 2px; position: absolute; left: 0; bottom: -15px; right: 0; margin: auto;}
.our_merit h3 strong{font-weight: 300; color: #f1f1f1;}
.our_merit .container{transform: skewY(1.2deg);}
.topBannerMobile{color: #fff; text-align: left; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.69); font-size: 18px; margin-bottom: 0; line-height: 30px; font-weight: 300; margin-top: 5px;}
.top-banner-mar{margin-top: 0px; font-size: 21px !important; font-weight: 300;}
.new-ser-home {position: relative; margin: auto;}
.new-ser-home .service-home-img{display: block; width: 55px; margin: 0 auto 20px; z-index: 2; transition: 0.25s;}
.new-ser-home-container {position: relative; background-color: inherit; text-align: center;}
.new-ser-home-container h4 {margin-bottom: 15px;}
.new-ser-home-container h4 a{font-size: 18px; transition: 0.25s; color: #000; display: inline-block; font-weight: 500; margin-bottom: 0px; border: none !important; padding: 0 !important; background: none !important; opacity: 1 !important; }
.new-ser-home-container p{color: #444; font-size: 15px; line-height: 28px; font-weight: 400; margin-bottom: 0px;}

.new-ser-home-container-main{padding-top: 25px; padding-bottom: 25px; transition: 0.25s;}
.new-ser-home-container-main:nth-of-type(1){border-bottom: 1px dashed #ddd;}
.new-ser-home-container-main:nth-of-type(2){border-bottom: 1px dashed #ddd; border-left: 1px dashed #ddd; border-right: 1px dashed #ddd;}
.new-ser-home-container-main:nth-of-type(3){border-bottom: 1px dashed #ddd;}
.new-ser-home-container-main:nth-of-type(4){border-bottom: 1px dashed #ddd;}
.new-ser-home-container-main:nth-of-type(5){border-bottom: 1px dashed #ddd; border-left: 1px dashed #ddd; border-right: 1px dashed #ddd;}
.new-ser-home-container-main:nth-of-type(6){border-bottom: 1px dashed #ddd;}
.new-ser-home-container-main:nth-of-type(8){border-left: 1px dashed #ddd; border-right: 1px dashed #ddd;}
.new-ser-home-container-main:hover .service-home-img{transform: scale(1.2);}
.new-ser-home-container-main:hover .new-ser-home-container h4 a{color: #ff4c00;}


.whatis-dig-obj{margin-top: 45px;}
.whatis-dig-obj h3{text-align: center; font-size: 30px; color: #000; font-weight: 500; margin-bottom: 60px; position: relative;}
.whatis-dig-obj h3::before{content: ''; background: #fa5711; width: 100px; height: 2px; position: absolute; left: 0; right: 0; margin: auto; bottom: -15px;}
.whatis-dig-obj-box{position: relative; padding-left: 70px; height: 115px;}
.whatis-dig-obj-box-margin-top{margin-top: 35px;}
.whatis-dig-obj-box img{width: 50px; position: absolute; left: 0; top: 0;}
.whatis-dig-obj-box p{font-size: 16px; font-weight: 400; color: #000; line-height: 32px; margin-bottom: 0 !important;}

.home-about-head{font-size: 30px !important; border-bottom: none !important; color: #000 !important; text-align: center !important; font-weight: 500 !important; text-transform: capitalize !important; position: relative !important; margin-bottom: 60px !important; display: block !important; margin-top: 0 !important;}
.home-about-head::before{content: '' !important; background: #fa5711 !important; width: 100px !important; height: 2px !important; position: absolute !important; left: 0 !important; right: 0 !important; margin: auto !important; bottom: -15px !important; top: initial !important;}
.home-about-head strong{font-weight: 400;}

.software-develop-h3{font-size: 24px !important; color: #000 !important; display: table; margin: 35px auto 30px !important;}
.software-develop-h3::before{display: none;}
.software-develop-h3 img{width: 50px !important; float: left; margin-right: 15px !important; margin-top: -15px !important;     position: static !important;}

.top-header{background:#222; padding: 5px 0; margin-bottom: 8px;}
.top-header-Left{text-align: right;}
.top-header-Left .top-header-font{font-size: 12px; font-weight: 400; color: #fff; display: inline-block;}
.top-header-Left .top-header-font:nth-of-type(2) {margin: 0 10px;}
.top-header-Left .top-header-font img{margin-right: 3px; vertical-align: middle; width: 15px;}
.top-header-Left .top-header-font a{color: #fff !important;}
.top-header-Left .top-header-font a:hover{text-decoration: underline;}
.top-header-Right .top-header-font{font-size: 12px; font-weight: 400; color: #fff; display: inline-block;}
.top-header-Right .top-header-font a{color: #fff !important;}
.top-header-Right .top-header-font:nth-of-type(2) {margin: 0 10px;}
.top-header-Right .top-header-font img{margin-right: 3px; vertical-align: middle; width: 15px; margin-top: -5px;}

.home-digital-para a{color: #079c6d;}
.home-digital-para a:hover{text-decoration: underline;}

.services-box-div p:first-child:first-letter{font-size: 30px; font-weight: 500;}

.ivr-dailer-head{font-size: 24px !important; display: table !important; margin: auto; color: #000 !important; margin-bottom: 20px; font-weight: 500 !important; text-transform: capitalize !important; position: relative !important; margin-top: 0 !important;}
.ivr-dailer-head::before{display: none !important;}
.ivr-dailer-head img{width: 45px; float: none; margin-right: 6px; vertical-align: middle;}
.ivr-big-head{font-size: 18px !important; font-weight: 500 !important; margin: 0 0 18px 0 !important; color: #000 !important;}
.ivr-dailer-box-benefits{background: #f9f9f9 !important; transform: skewY(-1.2deg); padding: 65px 0 55px 0; margin: 40px 0; transform-origin: 0px;}
.ivr-dailer-box-benefits-box{transform: skewY(1.2deg);}
.ivr-dailer-box-benefits h3{font-size: 27px; text-align: center; font-family: 'Raleway', sans-serif; font-weight: 600; color: #000; position: relative; margin-bottom: 60px;}
.ivr-dailer-box-benefits h3:before{content: ''; background: #ff5c12; position: absolute; bottom: -10px; width: 100px; height: 2px; left: 0; right: 0; margin: auto;}

.validation-errors-header{font-size: 18px;}
#ezAlerts-header .close{font-size: 36px; opacity: 1;}
#ezAlerts-title{font-size: 24px; font-weight: 600; color: #000;}
#ezAlerts-message ul{margin: 0; padding: 0; list-style: none;}
#ezAlerts-message ul li{margin-bottom: 10px;}
#ezAlerts-message ul li b{font-size: 14px; font-weight: 600; color: #000;}
.we-create-app{position: relative;}
.we-create-app .we-create-app-h4{position: absolute; top: 46%; transform: translateY(-50%); margin: auto; font-size: 36px; font-weight: 700; text-transform: capitalize; color: #656565; line-height: 46px; left: 132px;}
.we-create-app .we-create-app-h4:before{content: ""; position: absolute; bottom: -14px; width: 150px; height: 4px; background: #656565;}

.technology-consult-h4{font-size: 21px !important; font-weight: 500 !important;}
.technology-consult-h5{display: block; margin: 60px auto 20px; text-align: center; font-size: 24px; color: #000; font-weight: 600;}

.privacy-policy-page-bg h1{margin-top: 0px; font-size: 30px; font-weight: 700; color: #000; text-align: left; margin-bottom: 20px !important;}

.software-consultancy h1, .software-consultancy h2{font-size: 26px; font-weight: 500; border-bottom: 1px solid #ddd; padding-bottom: 10px; color: #000;}
.software-consultancy h2{margin-top: 30px;}
.privacy-policy-h4{color: #111; font-size: 21px !important; font-weight: 500; margin-bottom: 10px; margin-top: 20px !important; line-height: 30px;}
.privacy-policy-h5{color: #111; font-size: 19px !important; font-weight: 500; margin-bottom: 10px; margin-top: 20px !important; line-height: 30px;}
.privacy-policy-h6{color: #111; font-size: 17px !important; font-weight: 500; margin-bottom: 5px; margin-top: 10px !important; line-height: 30px;}
.privacy-policy-ul{ padding: 0; list-style-type: none !important; margin: 0;}
.privacy-policy-ul li{padding-bottom: 10px !important; padding-left: 0 !important; font-weight: 500 !important; padding-top: 0 !important; font-size: 15px !important; color: #333 !important;}
.privacy-policy-ul li font{font-size: 18px !important; font-weight: 700; color: #000 !important;}
.privacy-policy-ul-inner{ padding: 0; list-style-type: none !important; margin: 0 0 0 20px;}
.privacy-policy-ul li{padding-bottom: 10px !important; padding-left: 0 !important; font-weight: 500 !important; padding-top: 0 !important; font-size: 15px !important; color: #333 !important;}
.privacy-policy-box-div p {font-size: 16px; color: #000; font-weight: 400; line-height: 32px; margin-bottom: 15px; text-align: justify;}
.privacy-policy-page-bg{background: url(../images/privacy-policy-bg.jpg) no-repeat center center scroll !important; transform-origin: 0px; background-size: cover !important; height: 200px !important;}

.footer-common-img{width: 16px; height: 16px; background: url(../images/contact-mix.png) no-repeat;}
.footer-common-1{background-position: 0 -16px;}
.footer-common-2{background-position: 0 0px;}
.footer-common-3{background-position: 0 -32px;}

.header-common-img{width: 16px; height: 16px; background: url(../images/contact-mix.png) no-repeat;}
.header-common-1{background-position: 5px -16px;}
.header-common-2{background-position: 5px 0px;}
.header-common-3{background-position: 5px -32px;}

.privacy-policy-page-res{padding-bottom: 50px !important;}

.home-about-img{width: 450px; height: 500px;}

.website-develop-h4{color: #111; font-size: 22px !important; font-weight: 700 !important; z-index: 1; position: relative; margin-bottom: 10px; margin-top: 20px !important; line-height: 30px;}
.website-develop-ol{margin: 10px 0 30px 20px; padding:0; position: relative; z-index: 1;}
.website-develop-ol li{font-size: 18px; font-weight: 500; color: #222; padding-bottom: 10px; line-height: 30px;}
.website-developer-h4 {font-size: 24px !important; margin-top: 40px !important; text-align: center; font-family: 'Raleway', sans-serif !important; font-weight: 600 !important; color: #000; position: relative; margin-bottom: 60px;}
.website-developer-h4:before{content: ''; background: #ff5c12; position: absolute; bottom: -10px; width: 100px; height: 2px; left: 0; right: 0; margin: auto;}

.website-develop-down-img{position: absolute; right: 0; bottom: 40px; z-index: 0; opacity: 0.75; margin-right: 0 !important;}
.website-developer-h3{font-size: 22px !important; color: #000 !important; font-weight: 600 !important; margin-top: 40px !important; margin-bottom: 15px !important;}
.website-developer-h3:before{display: none;}
.website-developer-h3 img{box-shadow: none !important; padding: 0 !important; margin-right: 10px !important; vertical-align: middle !important; margin-top: -15px !important; margin-bottom: 0px; width: 50px;}
.website-ui-img{display: block !important; margin: 30px auto 20px !important; float: none !important; border: 1px solid #e2e2e2;}

.number-1{background: #2cc6d0 !important;}
.number-2{background: #0b97d2 !important;}
.number-3{background: #0c4266 !important;}
.number-4{background: #7a012c !important;}
.number-5{background: #c8202f !important;}
.number-6{background: #fa7902 !important;}
.number-7{background: #fab420 !important;}
.number-8{background: #92a316 !important;}

.digital-marketing h3{font-size: 24px !important; color: #000 !important; display: table; margin: 35px auto 30px !important; font-weight: 500;}
.digital-marketing h3 img{box-shadow: none; vertical-align: middle; padding: 0; margin: -15px 15px 0 0 !important;}
.digital-marketing h3:before{display: none !important;}

.orm-para-h6{text-align: center; font-size: 27px !important; color: #fb763e !important;}
.ivr-dailer-h3{font-size: 21px; color: #000;}

.subscribe-section{background: #fb7a43; padding: 20px 0; font-size: 0; z-index: 1; position: relative;}
.subscribe-section h6{font-size: 24px; color: #fff; font-weight: 500; text-transform: uppercase; margin-bottom: 0; margin-top: 10px;}
.subscribe-section img{position: absolute; left: 25px; width: 24px; top: 10px;}
.subscribe-section input{display: inline-block; width: 75%; height: 45px; border: none; vertical-align: top; font-size: 14px; font-weight: 600; padding: 10px 10px 10px 45px;}
.subscribe-section button{display: inline-block; width: 25%; height: 45px; border: none; background: #000; font-size: 15px; color: #ffffff; font-weight: 500; vertical-align: top; text-transform: uppercase;}

.bottom-enquire-section{background: url(../images/bottom-enquire-bg.jpg) no-repeat; background-size: cover; position: relative; background-position: center; padding: 50px 0;}
.bottom-enquire-section:before{content: ""; background:rgba(0, 0, 0, 0.85); position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.bottom-enquire-box{position: relative;}
.bottom-enquire-box h5{color: #fff; text-transform: capitalize; text-align: center; font-size: 18px; font-weight: 400; margin-bottom: 28px; line-height: 34px;}
.bottom-enquire-div{position: relative;}
.bottom-enquire-div input{width: 100%; font-size: 15px; height: 47px; padding: 0 10px 0 45px; font-weight: 400; color: #000; background: #fff; border: 1px solid #cacaca !important;}
.bottom-enquire-div input::placeholder{color: #111;}
.bottom-enquire-div .nice-select{width: 100%; margin-bottom: 0; line-height: 45px; height: 47px; padding: 0 10px 0 45px; font-weight: 400; color: #000; background: #fff; border: 1px solid #cacaca;}
.bottom-enquire-div .nice-select:after{height: 8px; width: 8px; right: 15px;}
.bottom-enquire-div .bottom-enq-img{position: absolute; z-index: 1; width: 19px !important; left: 15px; top: 50%; transform: translateY(-50%);}
.bottom-enquire-box button{width: 175px; border: 1px solid #e33a47; display: table; margin:33px auto 0px; height: 45px; background: #e6646e; color: #fff; text-transform: uppercase; font-size: 18px; font-weight: 400;}

/* Technology Consultancy CSS Start */
.technology-consulting-section{position: relative; margin-top: 60px;}
.technology-consulting-section:before{content: ""; background: #f6f6f6; width: 42%; height: 350px; position: absolute; left: 0; top: 0;}
.technology-consult-h5-latest{width: 100%; background: #f9f9f9; padding: 20px 0;text-align: center; color: #000; font-size: 26px; font-weight: 500; margin: 60px 0;}
.technology-consulting-section-2{margin-bottom: 60px;}
.service-example-img-1{float: left !important; margin-top: 5px !important; margin-right: 50px !important;}
.service-example-img-3{float: right !important; margin-top: 5px !important; margin-right: 0 !important; margin-left: 50px !important;}
.technology-consulting-section-3{background: url(../images/technology-consulting-3-bg.jpg) no-repeat; background-size: cover; background-position: center; padding: 60px 0;}
.technology-consulting-section-3 h6{background: #dbb214; display: table; padding: 12px 43px; color: #fff; font-size: 24px; font-weight: 400; text-transform: uppercase; margin: 0 auto 20px;}
.technology-consulting-section-3 h5{text-align: center; line-height: 40px; font-size: 27px; font-weight: 500; color: #000; margin-bottom: 0;}
.technology-consulting-section-4{position: relative; padding: 60px 0; background: #fff url(../images/technology-consulting-4-bg.png) no-repeat bottom left; }
.technology-consulting-section-4-L h4{font-size: 24px; font-weight: 400; color: #444; line-height: 40px; margin-left: 45px; margin-bottom: 0; margin-top: 60px;}
.technology-consulting-section-4-L h4 font{font-size: 30px; font-weight: 500; color: #000; display: block;}
.technology-consulting-section-4-R ul{margin: 0; padding: 0; list-style: none;}
.technology-consulting-section-4-R ul li{font-size: 18px; font-weight: 400; color: #000; padding: 10px 0px 10px 30px; background: url(../images/services-list-icon.png) no-repeat; background-position: 0px 15px;}
.technology-consulting-section-5{background: #f9f9f9; padding: 60px 0 10px 0;}
.technology-consulting-section-5 h6{display: table; position: relative; margin: 0 auto 60px; font-size: 30px; font-weight: 500; color: #000;}
.technology-consulting-section-5 h6:before{content: ""; background: #000; position: absolute; width: 120px; height: 1px; left: 0; right: 0; margin: auto; bottom: -15px;}
.technology-consulting-section-5 h6:after{content: ""; background: #000; position: absolute; width: 17px; height: 17px; border-radius: 50%; border: 4px solid #f2f2f2; left: 0; right: 0; margin: auto; bottom: -23px;}
.consultancy-area-box{text-align: center; margin-bottom: 60px;}
.consultancy-area-box span{width: 100px; height: 100px; box-shadow: 0 3px 27px rgba(196,213,231,0.32); position: relative; background: #fff; display: block; margin: 0 auto 20px; border-radius: 50%;}
.consultancy-area-box span img{width: 50px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.consultancy-area-box h4{font-size: 18px; font-weight: 500; color: #000; margin-bottom: 14px;}
.consultancy-area-box p{font-size: 15px; font-weight: 400; color: #444; line-height: 26px; margin-bottom: 20px;}
.consultancy-area-box a{width: 125px; height: 37px; transition: 0.25s; border: 1px solid #ddd; color: #555; font-size: 14px; font-weight: 400; display: table; margin: auto; line-height: 37px;}
.consultancy-area-box:hover a{background: #2271e9; border: 1px solid #2271e9; color: #fff;}
.service-box-font-div{font-weight: 700;}
/* Technology Consultancy CSS Finish */

/* Software Development Css Start */
.software-develop-h5 {font-size: 18px; font-weight: 500; color: #000; margin-bottom: 15px !important; margin-top: 20px !important;}
.services-box-div p strong{font-weight: 400;}
.soft-crm-section{border-top: 1px dashed #ddd; margin-top: 45px; padding: 60px 0;}
.soft-crm-section h2{text-align: center; font-weight: 500; font-size: 24px; color: #000; margin: 0 0 50px 0;}
.software-develop-crm-h5{font-size: 18px; font-weight: 500; color: #000; margin-bottom: 15px !important; margin-top: 20px !important;}
.soft-crm-img{float: right; margin-left: 50px; margin-top: 18px; margin-bottom: 6px;}

.soft-erp-section{background: #f9f9f9; padding: 60px 0;}
.soft-erp-section h2{text-align: center; font-weight: 500; font-size: 24px; color: #000; margin: 0 0 50px 0;}
.soft-erp-img{float: left; margin-right: 50px; margin-top: 18px; margin-bottom: 6px;}

.soft-cms-section{padding: 60px 0;}
.soft-cms-section h2{text-align: center; font-weight: 500; font-size: 24px; color: #000; margin: 0 0 50px 0;}
.soft-cms-img{float: right; margin-left: 50px; margin-bottom: 6px;}

.soft-ecom-section{background: #f9f9f9; padding: 60px 0;}
.soft-ecom-section h2{text-align: center; font-weight: 500; font-size: 24px; color: #000; margin: 0 0 50px 0;}
.mobile-development-section{margin-top: 60px; padding-top: 0 !important;}
.soft-ecommerce-slide{float: left; width: 490px; margin-right: 50px;}
.soft-ecommerce-slide .slick-list{padding-top: 25px !important; padding-bottom: 7px !important;}
.soft-ecommerce-slide-box{background: #fff; box-shadow: 1px 0 10px rgba(169,169,169,0.31); padding: 25px 18px; text-align: center; margin: 0 10px;}
.soft-ecommerce-slide-box img{width: 54px; display: initial; margin-bottom: 10px;}
.soft-ecommerce-slide-box p{font-weight: 400; color: #000; font-size: 16px !important; line-height: inherit; margin-bottom: 0; text-align: center;}
.soft-ecommerce-slide .slick-next{background: #fff !important; border: 2px solid #333; padding: 0;}
.soft-ecommerce-slide .slick-next:before{content: "\f105"; font-family: 'FontAwesome'; font-weight: 300; color: #000; font-size: 26px;}
.soft-ecommerce-slide .slick-prev{background: #fff !important; border: 2px solid #333; padding: 0;}
.soft-ecommerce-slide .slick-prev:before{content: "\f104"; font-family: 'FontAwesome'; font-weight: 300; color: #000; font-size: 26px;}
.software-develop-highlight {font-size: 27px !important; margin-bottom: 30px; text-align: center; color: #000 !important; font-weight: 500 !important; padding: 20px 0; border-bottom: 1px dashed #ddd;}
.software-phase-center{text-align: center;}
.software-phases{margin: 10px 100px 0 0 !important; display: initial; float: initial !important;}
.software-features-section{position: relative; padding: 60px 0; margin-top: 50px; background: #f9f9f9 url(../images/technology-consulting-4-bg.png) no-repeat bottom left; }
.software-features-section-L h4{font-size: 24px; font-weight: 400; color: #444; line-height: 40px; margin-left: 45px; margin-bottom: 0; margin-top: 60px;}
.software-features-section-L h4 font{font-size: 30px; font-weight: 500; color: #000; display: block;}
.software-features-section-R ul{margin: 0; padding: 0; list-style: none;}
.software-features-section-R ul li{font-size: 18px; font-weight: 400; color: #000; padding: 10px 0px 10px 30px; background: url(../images/services-list-icon.png) no-repeat; background-position: 0px 15px;}
/* Software Development Css Finish */


/* Webiste Design and Development Css Start */
.website-left-img{float: left; margin-right: 40px; margin-bottom: 0px;}
.website-services-new{background: url(../images/website-ser-1-bg.png) right top no-repeat, url(../images/website-ser-2-bg.png) left bottom no-repeat #f9f9f9; margin-bottom: -80px; margin-top: 30px; padding: 60px 0 30px 0;}
.why-choose-us-section{text-align: center;font-size: 29px;color: #000;margin-bottom: 55px;}
.why-choose-us-section font{font-weight: 900;}
.website-services-new-box{background: #fff; position: relative; height: 220px; margin-bottom: 30px; box-shadow: 2px 0 13px rgba(169,169,169,0.29); padding: 30px 29px 30px 95px;}
.website-services-new-box img{width: 60px; position: absolute; top: 20px; left: 20px;}
.website-services-new-box h4{font-size: 18px; font-weight: 500; color: #000; margin-bottom: 12px;}
.website-services-new-box p{font-size: 15px; margin-bottom: 0; font-weight: 400; line-height: 28px; text-align: justify; color: #444;}
.website-services-new-box p strong{font-weight: 400;}
.why-choose-us-h3{text-align: center;font-size: 29px;color: #000;margin-bottom: 60px; font-weight: 500;}
/* Website Design and Development Css Finish */

/* Career Page Css Start */
.career-page-bg{background: url(../images/career-bg.jpg) no-repeat center right scroll !important; transform-origin: 0px; background-size: cover !important;}
.career-section-1{padding: 40px 0 60px 0;}
.career-section-1 h2{font-size: 30px; padding: 0 15px; font-weight: 500; position: relative; display: table; margin: 0 auto 60px; color: #000;}
.career-section-1 h2:before{content: ""; background: #fa5711; width: 100px; height: 2px; position: absolute; left: 0; right: 0; margin: auto; bottom: -15px;}
.career-section-1-box{text-align: center;}
.career-section-1-box img{width: 60px; margin-bottom: 20px;}
.career-section-1-box h4{font-size: 20px; font-weight: 500; color: #000; margin-bottom: 10px;}
.career-section-1-box p{font-size: 14px; font-weight: 400; color: #444; margin-bottom: 0; padding: 0 15px; line-height: 26px;}

.career-section-2{background: #f9f9f9; padding: 60px 0 40px 0;}
.career-section-2 h2{font-size: 30px; padding: 0 15px; font-weight: 500; position: relative; display: table; margin: 0 auto 60px; color: #000;}
.career-section-2 h2:before{content: ""; background: #fa5711; width: 100px; height: 2px; position: absolute; left: 0; right: 0; margin: auto; bottom: -15px;}
.opening-pos-box{background: #fff; margin-bottom: 20px; box-shadow: 2px 0 13px rgba(169,169,169,0.29); padding: 25px 200px 25px 120px; position: relative;}
.opening-pos-box img{width: 70px; transition: 0.25s; position: absolute; left: 25px; top: 25px;}
.opening-pos-box h4{font-size: 18px; margin-bottom: 0; font-weight: 500; color: #000; display: inline-block; vertical-align: middle; margin-right: 8px;}
.opening-pos-box h6{display: inline-block; vertical-align: middle; margin-bottom: 0; font-size: 11px; font-weight: 400; color: #000; border: 1px solid #000; background: #ffffff; border-radius: 25px; padding: 0 12px; text-transform: uppercase; height: 23px; line-height: 23px;}
.opening-pos-box p{margin: 14px 0 7px 0px; line-height: 24px; color: #222; font-size: 15px; font-weight: 400;}
.opening-pos-box ul{margin: 0 0 0 15px; padding: 0;}
.opening-pos-box ul li{font-size: 14px; color: #555; float: none; margin-bottom: 10px;}
.opening-pos-box font{display: block; font-size: 16px; font-weight: 500; color: #e66f3d;}
.opening-pos-box button{position: absolute; transition: 0.25s; top: 50%; transform: translateY(-50%); right: 25px; width: 135px; height: 40px; border-radius: 25px; border: 1px solid #2fa40b; color: #2fa40b; background: none; font-size: 14px; font-weight: 400;}
.opening-pos-box:hover button{background: #2fa40b; color: #fff;}
.opening-pos-box:hover img{transform: scale(1.2); -webkit-transform: scale(1.2);}
.career-modal{background: linear-gradient(to right, rgba(0,128,255,1), rgba(0,178,255,1));}
.career-content{border-radius: 0!important;}
.career-body{padding: 35px 25px;}
.career-body h4{font-size: 24px; font-weight: 500; color: #000 !important; text-align: center; text-transform: uppercase; margin-bottom: 30px;}
.career-close{position: absolute; top: 0; right: 0; width: 40px; height: 40px; background: #000; border: none; color: #fff; font-size: 30px; line-height: 40px;}
.career-form-div{position: relative; margin-bottom: 20px;}
.career-form-div label{font-size: 12px; font-weight: 400; color: #666; margin-bottom: 5px;}
.career-form-div input{width: 100%; color: #000; height: 45px; border: 1px solid #ddd; padding: 10px 15px; font-size: 14px; font-weight: 500;}
.career-form-div input[type="file"]{cursor: pointer;}
.career-form-div-captcha{text-align: center; display: table; position: relative; margin: 0 auto 25px;}
.career-form-div-captcha p{display: inline-block; vertical-align: middle; margin-bottom: 0;}
.career-form-div-captcha a{display: inline-block; margin: 0 7px; background: #737373; padding: 6px 8px; color: #fff;}
.career-form-div-captcha input{width: 150px; height: 45px; padding: 15px; font-weight: 500; color: #000;}
.career-submit{display: block; margin:auto; background: #017fff; font-size: 18px; color: #fff; border: none; font-weight: 500; text-transform: uppercase; width: 200px; height: 45px;}
.errorRed100{position: absolute; bottom: -17px; font-size: 11px; font-weight: 500; color: red;}
.errorRed100 img{width: 12px !important; display: initial !important; margin: initial !important;  margin-right: 5px !important;}
.career-pop-btn-div{display: table; margin: auto;}
.career-pop-h5{font-size: 12px; font-weight: 400; color: #666; margin-bottom: 5px;}
/* Career Page Css Finish */


/* Blog Listing Page Css Start */
.blog-main{margin: 40px 0 !important;}
.blog-listing-bg{background: url(../images/blog-listing-bg.jpg) no-repeat center right scroll !important; background-size: cover !important;}
.blog-listing-L{margin-bottom: 30px;}
.blog-listing-latest{border: 1px solid #f1f1f1; cursor: pointer; position: relative; margin-bottom: 42px;}
.blog-listing-latest-L{position: relative; width: 639px; height: 365px; background: #f7f7f7;}
.blog-listing-latest-L img{width: 100%; cursor: pointer;}
.blog-listing-latest-L:before{content:""; background: linear-gradient(to bottom, rgba(255,255,255,0) 50%, rgba(0,0,0,1)); width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.blog-listing-latest-L-detail{position: absolute; left: 30px; right: 30px; bottom: 25px;}
.blog-listing-latest-L-detail h2{font-size: 20px; font-weight: 500; color: #fff; margin-bottom: 10px;}
.blog-listing-latest-L-detail p{color: #e6e6e6; font-size: 14px; font-weight: 400; line-height: 24px; margin-bottom: 0;}
.blog-listing-latest-R{position: absolute; top: 0px; right: 0px; width: 129px;}
.blog-listing-latest-R ul{margin: 0; padding: 0; list-style: none;}
.blog-listing-latest-R ul li{float: none; position: relative; text-align: center; border-bottom: 1px solid #f1f1f1; color: #666; font-size: 12px; font-weight: 500; height: 91px;}
.blog-listing-latest-R ul li label{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 98%; font-weight: 500;}
.blog-listing-latest-R ul li:last-child{border-bottom: none;}
.blog-listing-latest-R ul li i{display: block; font-size: 24px; margin-bottom: 8px;}
.blog-listing-latest-R ul li font span{width: 17px; height: 17px; border-radius: 50%; background: #817d7d; display: inline-block; vertical-align: middle; margin-left: 1px; color: #fff; font-size: 11px; font-weight: 600; line-height: 16px; margin-top: -2px; text-align: center;}

.blog-listing-box-margin{margin-left: -30px; margin-right: -30px; margin-bottom: 15px;}
.blog-listing-box{margin-bottom: 45px; margin-left: 15px; margin-right: 15px;}
.blog-listing-box img{width: 100%; cursor: pointer; height: 100%;}
.blog-listing-box-detail{padding: 15px; height: 175px; position: relative; background: #fff; box-shadow: 0px 2px 2px rgba(191, 191, 191, 0.15);}
.blog-listing-box-detail h2{font-size: 15px; line-height: 22px; font-weight: 500; color: #000000; margin-bottom: 10px;}
.blog-listing-box-detail ul{margin:0 0 8px 0; padding: 0; font-size: 0; list-style: none;}
.blog-listing-box-detail ul li{display: inline-block; position: relative; color: #999999; font-size: 10px; font-weight: 400; padding: 0 10px;}
.blog-listing-box-detail ul li:before{content: ""; background: #ccc; width: 1px; height: 12px; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.blog-listing-box-detail ul li i{font-size: 13px; vertical-align: middle; margin-top: -1px; margin-right: 4px;}
.blog-listing-box-detail ul li:first-child{padding-left: 0;}
.blog-listing-box-detail ul li:last-child:before{display: none;}
.blog-listing-box-detail p{font-size: 13px; color: #666; font-weight: 400;line-height: 22px; margin-bottom: 0;}
.blog-listing-box-detail .listing-like{background: #817d7d; top: -30px; text-align: center; right: 0px; position: absolute; width: 60px; height: 30px; padding: 5px 0 5px 2px; color: #fff;}
.blog-listing-box-detail .listing-like i{font-size: 22px; vertical-align: middle; margin-right: 2px;}
.blog-listing-box-detail .listing-like span{background: #fff; width: 17px; height: 17px; line-height: 17px; text-align: center; color: #2e2e2e; font-size: 11px; font-weight: 500; border-radius: 50%; display: inline-block;}
.listing-ldmr-btn{display: table; transition: 0.25s; margin: auto; position: relative; font-size: 18px; font-weight: 500; color: #e76f3d; background: #fff; border: 1px solid #e76f3d; padding: 10px 37px;}
.listing-ldmr-btn:hover{background: #e76f3d; color: #fff;}

.listing-search{margin-bottom: 35px; position: relative;}
.listing-search input{width: 100%; height: 50px; border: none; border: 1px solid #ececec; padding-left: 35px; padding-right: 10px; font-size: 15px; color: #000; font-weight: 400;}
.listing-search input::placeholder{color: #666;}
.listing-search i{position: absolute; top: 50%; transform: translateY(-50%); font-size: 18px; left: 12px;}
.listing-popularblog{padding: 15px 15px 0px 15px; margin-bottom: 30px;}
.listing-popularblog h4{font-size: 18px; font-weight: 500; color: #000; position: relative;}
/*.listing-popularblog h4:before{content: ""; background: url(../images/blog-main-head-img.png) no-repeat; width: 30px; height: 19px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}*/
.listing-popularblog h4:after{content: ""; background: #efefef; width: 200px; height: 1px; left: 0; bottom: -17px; position: absolute;}
.listing-popularblog-div{padding: 15px 0 15px 115px; min-height: 100px; position: relative; border-bottom: 1px dashed #ddd;}
.listing-popularblog-div img{width: 100px; cursor: pointer; border: 1px solid #ddd; position:absolute; left: 0; top: 20px; max-width: inherit; max-height: initial;}
.listing-popularblog-div h5 a{font-size: 13px; color: #333333 !important; text-decoration: none !important; line-height: 20px; font-weight: 500; margin: 3px 0 3px 0;}
.listing-popularblog-div a{font-size: 13px; color: #ff0000; font-weight: 600;}
.listing-popularblog-div:last-child{border-bottom: none; padding-bottom: 0;}
.listing-side-banner{box-shadow: 0px 0px 2px rgba(191, 191, 191, 0.15); padding: 10px;}
.listing-side-banner img{width: 100%;}
.listing-enquirefrom{box-shadow: 0px 0px 2px rgba(191, 191, 191, 0.15); padding: 25px 15px 25px 15px; margin-top: 30px;}
.listing-enquirefrom h4{font-size: 18px; font-weight: 700; color: #000; position: relative; margin-bottom: 32px;}
/*.listing-enquirefrom h4:before{content: ""; background: url(../images/blog-main-head-img.png) no-repeat; width: 30px; height: 19px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}*/
.listing-enquirefrom h4:after{content: ""; background: #efefef; width: 200px; height: 1px; left: 0; bottom: -17px; position: absolute;}
.listing-enquirefrom font{color: #000; font-weight: 700; font-size: 13px;}
.listing-enquirefrom p{font-size: 13px; font-weight: 500; line-height: 22px; color: #444444; margin: 12px 0 15px 0;}
.listing-enquire-box{position: relative; margin-bottom: 22px;}
.listing-enquire-box input{width: 100%; border:none; border-bottom: 1px solid #e6e6e6; font-size: 13px; color:#000; font-weight: 500; padding: 12px 0;}
.listing-enquire-box .nice-select{margin-bottom: 0 !important;  font-size: 13px; color:#000; font-weight: 500; background: transparent; border-bottom: 1px solid #e6e6e6 !important; height: 43px; line-height: 41px;}
.listing-enquire-box .nice-select:after{right: 5px; width: 8px; height: 8px;}
.listing-enquire-sendbtn{width: 100%; height: 45px; background:none; transition: 0.25s; border: 1px solid #e76f3d; color: #e76f3d; font-size: 18px; font-weight: 700; text-transform: uppercase;}
.listing-enquire-sendbtn:hover{background: #e76f3d; color: #fff;}

/* Blog Listing Page Css Finish */

/* Blog Detail Page Css Start */
.blog-detail-width-L{margin-bottom: 15px;}
.blog-detail-main-img{width: 100%;}
.blog-detail-page-detail{position: relative; margin-left: 88px; background: #fff; border: 1px solid #f1f1f1; padding:30px 30px 20px 30px; margin-top: -30px;}
.like-detail{position: absolute; text-align: center; left: -139px; top: -30px; width: 100px; height: 100px; border: 1px solid #f1f1f1; background: #fff; border-radius: 50%;}
.like-detail i{display: block; font-size: 30px; color: #000; margin-bottom: 4px; margin-top: 20px;}
.like-detail font{font-weight: 500; font-size: 16px; color: #000;}
.blog-detail-page-detail h2{font-size: 21px; line-height: 30px; color: #000; font-weight: 500; margin: 0 0 15px 0;}
.blog-detail-page-detail ul{margin:0px 0 10px 0; font-size: 0; padding: 0; list-style: none;}
.blog-detail-page-detail ul li{display: inline-block; position: relative; color: #666; font-size: 13px; font-weight: 400; padding: 0 10px;}
.blog-detail-page-detail ul li:before{content: ""; background: #ccc; width: 1px; height: 12px; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.blog-detail-page-detail ul li i{font-size: 15px; vertical-align: middle; margin-top: -1px; margin-right: 5px;}
.blog-detail-page-detail ul li:first-child{padding-left: 0;}
.blog-detail-page-detail ul li:last-child:before{display: none;}
.blog-detail-page-detail p{font-size: 16px; line-height: 32px; color: #000; font-weight: 400; text-align: justify; margin-bottom: 15px;}
.tag-div{border-top: 1px solid #ccc; padding: 20px 155px 0 0; position: relative;}
.tag-div span{font-size: 13px; color: #000; font-weight: 600; display: inline-block; vertical-align: middle;}
.tag-div>ul{margin: 0; padding: 0; list-style: none; display: inline-block; vertical-align: middle;}
.tag-div>ul>li{display: inline-block; padding: 0 0 0 5px; position: relative; vertical-align: middle; font-weight: 500; font-size: 13px; color: #444444;}
.tag-div>ul>li:before{content: ','; background: none;}
.tag-div>ul>li:after{display: none !important;}
.like-share{position: absolute; top: 20px; right: 0;}
.like-share ul li a{color: #666; cursor: pointer; text-decoration: none;}
.blog-detail-page-detail .like_msg{margin-top: 10px; font-size: 13px; color: green; font-weight: 600;}
.blog-detail-page-detail .post_social{margin-top: 10px;}

.blog-detail-comment-fill{margin: 50px 0 0 0; min-height: 259px;}
.blog-detail-comment-fill h4{font-size: 21px; font-weight: 500; text-transform: uppercase; color: #000; position: relative; margin-bottom: 25px;}
.blog-detail-comment-fill h4:before{content: ''; background: #ccc; width: 90px; height: 2px; left: 0; bottom: -13px; position: absolute;}
.blog-detail-comment-fill p{font-size: 13px; color: #999999; font-weight: 400; margin-bottom: 17px;}
.comment-fill-row{margin-left: -15px; margin-right: -15px;}
.comment-fill-div{position: relative; margin-bottom: 20px;}
.comment-fill-div input{width: 100%; background: none; border: none; border-bottom: 1px solid #f1f1f1; padding: 14px 0;}
.comment-fill-div textarea{width: 100%; background: none; border: none; border-bottom: 1px solid #f1f1f1; padding: 14px 155px 14px 0; height: 130px;}
.comment-fill-div .comment-button{width: 140px; font-size: 18px; font-weight: 500; color: #ffffff; height: 42px; background: #888888; position: absolute; right: 0; bottom: 0px; border: none; text-transform: uppercase;}
.blog-detail-width-L-img{background: #f7f7f7 url(../images/wits-load.png) no-repeat center center; height: 441px; border: 1px solid #ddd;}

.blog-detail-comment-post{margin: 20px 0 0 0;}
.blog-detail-comment-post h4{font-size: 21px; font-weight: 500; text-transform: uppercase; color: #000; position: relative; margin-bottom: 40px;}
.blog-detail-comment-post h4:before{content: ''; background: #c4c4c4; width: 90px; height: 2px; left: 0; bottom: -13px; position: absolute;}

.blog-detail-comment-post-div{position: relative; padding-left: 80px; margin-bottom: 30px;}
.blog-detail-comment-post-div font{width: 60px; height: 60px; position: absolute; left: 0; top: 0; text-align: center; line-height: 60px; color: #fff; text-transform: uppercase; font-weight: 700; font-size: 30px;}
.blog-detail-comment-post-div h5{font-size: 18px; margin-bottom: 0px; font-weight: 500; color: #000; display: inline-block; vertical-align: middle;}
.blog-detail-comment-post-div .comment-date{display: inline-block; vertical-align: middle; margin-left: 7px; font-size: 13px; font-weight: 400;}
.blog-detail-comment-post-div p{font-size: 14px; font-weight: 400; color: #666666; line-height: 24px; margin-top: 9px; margin-bottom: 9px;}
.blog-detail-comment-post-div a{font-size: 12px; font-weight: 500; text-transform: uppercase; color: #ff3b30; top: 67px; left: 13px; position: absolute;}
.blog-listing-box-img{background: #f7f7f7 url(../images/wits-load.png) no-repeat center center; height: 205px;}


.comment-reply-form{border: 1px solid #ddd; padding: 20px 15px; position: relative; display: none;}
.comment-reply-div{position: relative; margin: 0 -7px 20px -7px;}
.comment-reply-form h6{font-size: 18px; font-weight: 500; color: #ff3b30; margin-left: 8px; margin-bottom: 15px;}
.comment-reply-div input{width: 100%; height: 45px; border: 1px solid #ddd; background: #fff; padding: 0 10px; font-size: 13px; font-weight: 500;}
.comment-reply-div textarea{width: 100%; height: 100px; border: 1px solid #ddd; background: #fff; padding: 10px; font-size: 13px; font-weight: 500;}
.rply-comment-submit{width: 150px; height: 45px; background: #000; color: #fff; font-size: 16px; font-weight: 500; text-transform: uppercase; border: none; margin-left: 8px; margin-top: -5px;}
.close-rply-comment{position: absolute; top: 15px; right: 20px; font-size: 20px; color: #888; cursor: pointer;}
.rply-div-margin{margin-left: 60px;}
.marginT45{margin-top: 45px;}
.marginT10{margin-top: 30px;}

.alphabet-a{background: #e32636;}
.alphabet-b{background: #0095b6;}
.alphabet-c{background: #ed9121;}
.alphabet-d{background: #e52b50;}
.alphabet-e{background: #9966cc;}
.alphabet-f{background: #dd7637;}
.alphabet-g{background: #007fff;}
.alphabet-h{background: #cc5500;}
.alphabet-i{background: #78866b;}
.alphabet-j{background: #960018;}
.alphabet-k{background: #e34234;}
.alphabet-l{background: #f58b68;}
.alphabet-m{background: #f64a8a;}
.alphabet-n{background: #00416a;}
.alphabet-o{background: #00a86b;}
.alphabet-p{background: #855c4c;}
.alphabet-q{background: #67b88d;}
.alphabet-r{background: #8500a3;}
.alphabet-s{background: #622b2d;}
.alphabet-t{background: #ec5800;}
.alphabet-u{background: #01796f;}
.alphabet-v{background: #436b95;}
.alphabet-w{background: #708090;}
.alphabet-x{background: #d6a5d6;}
.alphabet-y{background: #8b00ff;}
.alphabet-z{background: #a97164;}
/* Blog Detail Page Css Finish */

/* Opinion Page Css Start */
.opinion-listing-box{padding: 15px; box-shadow: 0px 0px 2px rgba(191, 191, 191, 0.15); margin-bottom: 30px;}
.opinion-listing-box-img{background: #f7f7f7 url(../images/wits-load.png) no-repeat center center; border: 1px solid #ddd; height: 130px; width: 230px; display: inline-block; vertical-align: top;}
.opinion-listing-box-img img{width: 100%; height: 100%;}
.opinion-listing-box-detail{display: inline-block; width: 485px; vertical-align: top; margin-left: 20px;}
.opinion-listing-box-detail h2{font-size: 18px; font-weight: 500; color: #000; line-height: 28px;}
.opinion-listing-box-detail button{border: 1px solid #5abb38; transition: 0.25s; background: none; border-radius: 50px; padding: 6px 15px; color: #5abb38; font-size: 15px; font-weight: 500;}
.opinion-listing-box:hover button{background: #5abb38; color: #fff;}
.opinion-detail-width-L-img{background: #f7f7f7 url(../images/wits-load.png) no-repeat center center; height: 441px; border: 1px solid #ddd;}
.opinion-detail-page-detail{position: relative; background: #fff; box-shadow: 0px 0px 2px rgba(191, 191, 191, 0.15); padding:30px 30px 20px 30px;}
.opinion-detail-page-detail h2{font-size: 21px; line-height: 30px; color: #000; font-weight: 600; margin: 0 0 15px 0;}
.opinion-detail-page-detail ul{margin: 0; padding: 0; list-style: none;}
.opinion-detail-page-detail ul li{margin-bottom: 15px;}

.opinion-detail-btn{border: 1px solid #5abb38; transition: 0.25s; margin-top: 5px; background: none; border-radius: 50px; padding: 6px 15px; color: #5abb38; font-size: 15px; font-weight: 500;}
.opinion-detail-btn:hover{background: #5abb38; color: #fff;}
.opinion-detail-page-detail input[type="checkbox"], .opinion-detail-page-detail input[type="radio"]{position: absolute;	right: 9000px;}
.opinion-detail-page-detail label{position: relative; cursor: pointer; padding-left: 30px;}
/*Check box*/
input[type="checkbox"] + .label-text:before{content: "\f096"; font-family: "FontAwesome"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing:antialiased; width: 1em; display: inline-block; margin-right: 5px; position: absolute; top: 2px; left: 0; font-size: 18px;}
input[type="checkbox"]:checked + .label-text:before{content: "\f14a"; color: #ea6c37; animation: effect 250ms ease-in;}
input[type="checkbox"]:disabled + .label-text{color: #aaa;}
input[type="checkbox"]:disabled + .label-text:before{content: "\f0c8"; color: #ccc;}
/*Radio box*/
input[type="radio"] + .label-text:before{content: "\f10c"; font-family: "FontAwesome"; speak: none;	font-style: normal;	font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing:antialiased; width: 1em; display: inline-block;	margin-right: 5px; position: absolute; top: 2px; left: 0; font-size: 18px;}
input[type="radio"]:checked + .label-text:before{content: "\f192"; color: #ea6c37; animation: effect 250ms ease-in;}
input[type="radio"]:disabled + .label-text{color: #aaa;}
input[type="radio"]:disabled + .label-text:before{content: "\f111";	color: #ccc;}
@keyframes effect{
	0%{transform: scale(0);}
	25%{transform: scale(1.1);}
	75%{transform: scale(1.2);}
	100%{transform: scale(1);}
}
.opinion-detail-page-detail .label-text{font-size: 16px; font-weight: 400;}
.opinion-detail-page-detail #cookie_msg{margin-top: 15px; font-weight: 600;}
#footer_success_msg{color: #fff; text-align: center; font-size: 21px; font-weight: 600;}
#footer_success_msg img{width: 75px; display: block; margin: 0 auto 15px;}
#footer_success_msg p{margin:10px 0 0 0; font-size: 18px; font-weight: 500;}
.opinion-success-div{text-align: center; font-size: 21px; font-weight: 600; color: #000;}
.opinion-success-div img{width: 100px; display: block; margin: 0 auto 15px;}
.opinion-success-div p{font-size: 18px; font-weight: 400; margin: 5px 0 10px 0;}
.career-sucess{text-align: center; font-size: 21px; font-weight: 600; color: #000;}
.career-sucess img{width: 85px; display: block; margin: 0 auto 15px;}
.career-sucess p{font-size: 18px; font-weight: 400; margin: 5px 0 10px 0;}
.blog-enquire-sucess{text-align: center; font-size: 21px; font-weight: 600; color: #000;}
.blog-enquire-sucess img{width: 85px; display: block; margin: 0 auto 15px;}
.blog-enquire-sucess p{font-size: 18px; font-weight: 400; margin: 5px 0 10px 0;}
.contact-enquire-sucess{text-align: center; margin-top: 50px; font-size: 21px; font-weight: 600; color: #000;}
.contact-enquire-sucess img{width: 80px; display: block; margin: 0 auto 15px;}
.contact-enquire-sucess p{font-size: 18px; font-weight: 400; margin: 5px 0 10px 0;}
.career-already{text-align: center; font-size: 21px; font-weight: 600; color: #000;}
.career-already img{width: 85px; display: block; margin: 0 auto 15px;}
.career-already p{font-size: 18px; font-weight: 400; margin: 5px 0 10px 0;}
.comment-success{text-align: center; font-size: 21px; font-weight: 600; color: #000;}
.comment-success img{width: 80px; display: block; margin: 0 auto 15px;}
.comment-success p{font-size: 18px; font-weight: 400; margin: 5px 0 10px 0;}
/* Opinion Page Css Finish */

/* Mobile App Development Css Start */
.mobile-app-develop-img{margin-top: 30px !important; margin-bottom: 20px !important;}
.mobile-app-sec-2{background-color: #38aef4; background-image: linear-gradient(to right, #38aef4, #2c4cbb); margin: 25px 0;}
.mobile-app-sec-2-div{padding: 65px 0;}
.mobile-app-sec-2 h4{margin-bottom: 0; font-size: 42px; font-weight: 500; line-height: 56px; margin-left: 90px; color: #fff;}
.mobile-two-develop-img{position: absolute; z-index: 1; top: -75px; right: 80px; max-width: initial; max-height: initial;}
.mobile-app-sec-3{position: relative; padding: 60px 0; background: #fff url(../images/technology-consulting-4-bg.png) no-repeat bottom left; }
.mobile-app-sec-3-L h4{font-size: 24px; font-weight: 400; color: #444; line-height: 40px; margin-left: 45px; margin-bottom: 0; margin-top: 60px;}
.mobile-app-sec-3-L h4 font{font-size: 30px; font-weight: 500; color: #000; display: block;}
.mobile-app-sec-3-R ul{margin: 0; padding: 0; list-style: none;}
.mobile-app-sec-3-R ul li{font-size: 18px; font-weight: 400; color: #000; padding: 10px 0px 10px 30px; background: url(../images/services-list-icon.png) no-repeat; background-position: 0px 15px;}
.mobile-app-sec-4{font-size: 24px !important; text-align: center !important; color: #000 !important; margin-bottom: 0 !important; background: #f9f9f9; padding: 20px 0; font-weight: 500; line-height: initial;}
/* Mobile App Development Css Finish */

/* Branding & Graphic Css Start */
.branding-section{position: relative; padding-bottom: 0px !important; background: #fff url(../images/branding-graphic-section-bg.png) no-repeat top right !important; margin-top: 60px; padding-top: 0 !important;}
.branding-graphic-box h5{color: #222; font-size: 30px; font-weight: 500; position: relative; display: table; margin: 0 auto 60px; line-height: 30px; text-align: center;}
.branding-graphic-box h5::before {content: '' !important; background: #fa5711 !important; width: 100px !important; height: 2px !important; position: absolute !important; left: 0 !important; right: 0 !important; margin: auto !important; bottom: -15px !important; top: initial !important;}

.branding-img-2{float: right !important; margin-left: 50px !important; margin-right: 0 !important;}
.brandingMB60{margin-bottom: 60px;}
.branding-graphic-span{text-align: center; display: block; font-size: 21px !important; color: #fa4c10 !important; font-weight: 500;}
.branding-graphic-span2{text-align: center; display: block; font-size: 18px; color: #444; font-weight: 500; background: #f9f9f9; padding: 13px 0 18px 0; line-height: initial; margin-top: 13px;}
/* Branding & Graphic Css Finish */

/* Portfolio Css Start */
.portfolio-top-div{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align:center;}
.portfolio-top-div h1{font-size: 25px; color: #000; font-weight: 500; position: relative; display: table; margin: 0 auto 27px;}
.portfolio-top-div h1:before{content: ""; background: #fa5711; position: absolute; left: 0; right: 0; margin:auto; height: 2px; width: 150px; bottom: -15px;}
.portfolio-top-div h2{font-size: 18px; color: #000; line-height: 27px;}
.portfolio-slide .slick-slide{position: relative; padding-top: 70px;}
.portfolio-slide .slick-slide h4{margin: 0; position: absolute; font-size: 24px; top: 0; left: 50px; font-weight: 500; color: #444;}
.portfolio-slide .slick-slide h4:before{content:''; background: #efefef; width: 140px; height: 2px; position: absolute; left: 0; bottom: -12px;}
.portfolio-slide .slick-slide img{margin: auto;}
.portfolio-slide .slick-prev:before, .portfolio-slide .slick-next:before {font-family: 'FontAwesome'; font-size: 48px; line-height: 1; opacity: .75; color: #555; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.portfolio-slide .slick-next:before {content: '\f105'; font-size: 30px; line-height: 17px; font-weight: 400;}
.portfolio-slide .slick-prev:before {content: '\f104'; font-size: 30px; line-height: 17px; font-weight: 400;}
.portfolio-slide .slick-next{width: 46px; height: 46px; background: #f7f7f7 !important; border-radius: 50%;}
.portfolio-slide .slick-prev{width: 46px; height: 46px; background: #f7f7f7 !important; border-radius: 50%;}
/* Portfolio Css Finish */

.digital-new-margin{margin-bottom: 60px !important; color: #000 !important;}
.digital-marketing h2 {margin-bottom: 60px !important;}
.ivr-page-h3{color: #000; font-size: 24px; font-weight: 500;}

.common-hide{display: none; opacity: 1; position: fixed; top: 0; left: 0; right: 0; z-index: 9999; width: 100%;}

.listing-poll-banner{box-shadow: 0px 0px 2px rgba(191, 191, 191, 0.15); padding: 20px 15px; margin-bottom: 30px;}
.listing-poll-banner h4{font-size: 15px; line-height: 24px; font-weight: 600; color: #333; margin-bottom: 12px;}
.listing-poll-banner ul{margin: 0; padding:0; list-style: none;}
.listing-poll-banner ul li{margin-bottom: 10px;}
.listing-poll-banner input[type="checkbox"], .listing-poll-banner input[type="radio"]{position: absolute;	right: 9000px;}
.listing-poll-banner label{position: relative; cursor: pointer; padding-left: 25px;}
.listing-poll-banner .label-text{font-size: 13px; font-weight: 500; color: #616161; line-height: 20px;}
.listing-poll-banner input[type="checkbox"] + .label-text:before{font-size: 16px; top: 3px;}
.listing-poll-banner input[type="radio"] + .label-text:before{font-size: 16px; top: 3px;}
.listing-poll-banner button{padding: 8px 30px; background: no-repeat; border: 1px solid #b7b7b7; color: #636363; text-transform: capitalize; margin-top: 5px; transition: 0.25s;}
.listing-poll-banner button:hover{background: #e96b37; border-color: #e96b37; color: #fff;}
.listing-poll-banner h3{font-size: 18px; font-weight: 700; color: #000; position: relative; margin-bottom: 30px;}
.listing-poll-banner h3:before{content: ""; background: #efefef; width: 200px; height: 1px; left: 0; bottom: -17px; position: absolute;}
.home-middle-text{margin:0px 0 60px 0; background: #f9f9f9;}
.home-middle-text h3{font-size: 19px; position: relative; text-align: center; color: #000; line-height: 32px; font-weight:400; padding: 15px 0; margin-bottom: 0;}
.home-middle-text .fa-quote-left{position: absolute; left: 10px; top: 13px; font-size: 27px; font-weight: 400;}
.home-middle-text .fa-quote-right{position: absolute; right: 20px; bottom: 10px; font-size: 27px; font-weight: 400;}
.about-us-page-res{padding-top: 40px;}
.software-development-section{margin-top: 60px; padding-top: 0 !important;}

.home-blog-section{background: #f9f9f9; padding: 60px 0;}
.blog-listing-box-home{margin-bottom: 0px;}
.blog-listing-box-img-home{height: 271px !important;}
.blog-listing-box-detail-home{box-shadow: 0px 5px 2px rgba(191, 191, 191, 0.15) !important;}
.blog-listing-box-detail-home h2{font-size: 18px !important; margin-bottom: 7px !important; line-height: 26px !important;}
.blog-listing-box-detail-home ul li{font-size: 12px !important;}
.blog-listing-box-detail-home p{font-size: 14px !important; line-height: 26px !important; font-weight: 400 !important; color: #444 !important;}
.blog-view-all-home{display: table; transition: 0.25s; margin: 45px auto 0; font-size: 16px; font-weight: 500; color: #000; border: 1px solid #888; border-radius: 5px; text-align: center; width: 140px; height: 45px; line-height: 45px;}
.blog-view-all-home:hover{background: #e96b37; color: #fff; border-color: #e96b37;}

.about-home-div-2-R{max-height: 155px; overflow-y: hidden;}
.about-home-div-2-R.open{max-height: 5000px;}
.home-digi-tran-a{background: none; transition: ease-in-out 0.3s; padding: 11px 20px; border-radius: 5px; border: 1px solid #222; color: #222 !important; font-size: 14px; text-transform: uppercase; float: right; font-weight: 400;}

@media (max-width: 1365px){
.top-services-div-box label{font-size: 14px;}
}

@media (min-width: 1300px){
.container_mobile{width: 900px !important; margin: auto !important;}
.blog-listing-width-L{width: 800px !important;}
.blog-listing-width-R{width: 370px !important;}
.blog-detail-width-L{width: 800px !important;}
.blog-detail-width-R{width: 370px !important;}
}


@media (max-width: 1299px) {
.blog-listing-box-img-home{height: 271px !important;}
#contact-page h2{padding: 0;}
.blog-listing-latest-L{width: 619px; height: 353px;}
.blog-detail-width-L-img{height: 430px;}
.blog-listing-box-img{height: 204px;}
.opinion-listing-box-detail{width: 465px;}
}

@media (min-width: 1200px){
.home-blog-conainer{width: 1050px !important; margin: auto;}
.blog-listing-box-home{margin-left: 10px; margin-right: 10px;}
}

@media (max-width: 1199px) {
.blog-listing-box-img-home{height: 260px !important;}
.blog-listing-box-home{margin-left: 0px; margin-right: 0px;}
.blog-listing-box-img{height: 166px;}
.blog-detail-width-L-img, .opinion-detail-width-L-img{height: 353px;}
.service-website-box{height: 250px;}
.mobile-two-develop-img{height: auto;}
.technology-consult-h5-latest{padding: 25px 15px;}
.website-services-new-box{height: 250px;}
.blog-listing-latest-L{width: auto; height: 351px;}
.blog-listing-latest-R{position: static; width: 100%;}
.blog-listing-latest-R ul{font-size: 0;}
.blog-listing-latest-R ul li{display: inline-block; vertical-align: middle; width: 25%; border-right: 1px solid #ddd; border-bottom: none;}
.blog-listing-latest-R ul li:last-child{border-right: none;}
.like-detail{left: initial; right: 10px; bottom: initial; top: -60px; width: 90px; height: 90px;}
.like-detail font {font-size: 14px;}
.like-detail i {font-size: 24px; margin-top: 19px;}
.blog-detail-page-detail{margin-left: 0; margin-top: 0; padding: 30px 15px 20px 15px;}
.blog-detail-comment-fill h4{font-size: 18px;}
.comment-fill-div input, .comment-fill-div textarea{font-size: 13px;}
.comment-fill-div .comment-button{font-size: 15px;}
.opinion-listing-box-img{width: 180px; height: 103px;}
.opinion-listing-box-detail{width: 380px;}
.home-middle-text h3 br{display: none;}
.home-middle-text h3{padding: 15px 28px;}
.whatis-dig-obj-box{height: 140px;}
.new-ser-home-container-main{height: 260px;}
}

@media (max-width: 991px) {
.blog-listing-box-img-home{height: 197px !important;}
.blog-listing-box-detail-home{height: 170px;}
.career-pop-btn-div{ margin: 20px auto 0;}
.blog-detail-page-detail p{font-size: 14px; line-height: 26px;}
.career-body h4{font-size: 21px;}
.branding-section, .outsourcing-section{margin-top: 40px !important;}
.contact-page-form-btn{width: -webkit-fill-available; margin-left: -10px; margin-right: -10px;}
#contactus_service_error{right: 0 !important;}
.bottom-enquire-section:before{background: rgba(0, 0, 0, 0.9);}
.blog-listing-box-img{height: 196px;}
.blog-detail-width-L-img, .opinion-detail-width-L-img{height: auto; min-height: 160px;}
header .container{max-width: 100% !important;} 
.nav-menu a{padding: 10px 3px; font-size: 13px;}
.about-responsive{display: inherit !important;}
.about-desktop{display: none !important;}
.about-img{height: auto; margin-bottom: 25px; display: none;}
#services .title{font-size: 14px !important;}
.profile-pic img{display: block; margin: auto;}
.service-contact-img{opacity: 0.2;}
.software-consultancy img{margin-bottom: 15px;}
.software-con-heading h5, .software-develop-heading h5, .outsourcing-heading-L h5, .iverdailer-heading-L h5, .mobile-con-heading-L h5{position: static; top: 0; bottom: 0; transform: none !important; text-align: left;}
.software-con-heading-L, .software-develop-heading-L, .iverdailer-heading-L, .mobile-con-heading-L{height: auto !important; border: none; margin-bottom: 10px;}
.background-point ul li{width: 47%; margin-right: 3%;}
.background-point ul li:nth-child(7), .background-point ul li:nth-child(9){display: none;}
.background-point ul li:nth-child(8){width: 100%;}
.software-development-img{float: left !important; width: auto !important; margin-bottom: 10px !important;}
#about .about-container .title {padding-top: 15px;}
.service-website-box{height: auto;}
.digital-marketing p{clear: both;}
.mobile-two-develop-img-respon{display: inherit !important; margin-bottom: 20px;}
.software-con-heading ul, .software-develop-heading ul, .iverdailer-heading ul{margin: 0 0 0 -15px !important;}
.software-con-heading{padding: 35px 25px;}
#contact iframe{margin-bottom: 40px;}
.footer-margin-left{margin-left: 0;}
.our_merit{padding-bottom: 50px; padding-top: 50px;}
.blockquote-box{margin-bottom: 20px;}
.footer-box-displaynone{display: none;}
#footer{background: #fff; z-index: 0; position: relative; padding: 30px 0 0 0;}
#footer .copyright{margin: 0; font-size: 12px;}
#about .about-container p{line-height: 26px; font-size: 14px; text-align:justify;}
.about-home-div-2-R p{line-height: 26px; font-size: 14px;}
.about-readmore {padding: 9px 13px; font-size: 13px; font-weight: 600; margin-bottom: 20px; display: table; float: right;}
#servicepage-contact{display: none;}
.mission-vision img{display: block; margin: auto;}
.mission-vision h6, .mission-vision p{text-align: center;}
.software-detail-bg-img, .digital-marketing-ppc .image-opacity{display: none;}
.softwaredevelopment-ul{margin-top: 60px;}
.softwaredevelopment-ul img{display: inherit !important; position: absolute; top: -30px; left: 0;}
.softwaredevelopment-ul span{font-size: 16px; padding: 20px 5px 0 0; margin-top: 6px; border: none; font-weight: 700;}
.softwaredevelopment-ul p{margin-top: 10px;}
.mobile-app-points{margin-bottom: 50px; min-height: auto !important;}
.mobile-app-points h4{font-size: 16px;}
.maintenance_head{text-align: center;}
.mobile-phases{display: inherit !important;}
.software_consul_para{font-size: 22px !important; margin-left: 5px; margin-right: 5px; line-height: 28px !important}
.software-develop-heading ul li, .software-con-heading ul li, .iverdailer-heading ul li{font-size: 15px;}
.our_merit img{position: static; display: block; margin: 0 auto 30px; max-width: 100%;}
.background-point ul li font{font-size: 15px; height: auto; margin-bottom: 5% !important;}
.background-point ul li a img{left: -11px; width: 65px; height: 71px}
.new-ser-home-container-main{border: none !important; height: auto;}
#about{padding: 40px 0 40px 0;}
.about-home-div-2-R{padding-left: 15px; padding-right: 15px;}
.about-home-div-2-L{text-align: center; margin-top: 0; margin-bottom: 30px; padding-left: 15px; padding-right: 15px;}
.whatis-dig-obj-box{height: auto; margin-bottom: 35px; padding-left: 65px;}
.whatis-dig-obj-box p{font-size: 16px; line-height: 24px;}
.whatis-dig-obj-box img{width: 40px; max-width: initial; max-height: initial; top: -7px; height: 40px;}
.about-home-div-2{margin-bottom: 50px;}
#text-bg-work{padding: 70px 0 40px 0;}
#text-bg-work .blockquote-box p{font-size: 15px; line-height: 24px; margin-bottom: 15px;}
#text-bg-work .blockquote-box h4{font-size: 18px; margin-bottom: 10px;}
.col-value-box{height: auto; }
.col-value-box img{margin-bottom: 0;}
.col-value-box h4{font-size: 18px;}
.col-value-box p{font-size: 14px;}
.our_merit ul{margin-left: 15px; margin-right: 5px;}
.our_merit ul li{font-size: 14px; padding-bottom: 5px;}
#contact .form input, #contact .form textarea, .input-effect .nice-select {font-size: 14px !important;}
#contact .form button[type="submit"]{font-size: 16px;}
#contact .info span{font-size: 18px;}
#contact .info p{font-size: 14px;}
#contact .info p img{display: block; margin: 15px auto 5px;}
#contact .info{padding: 40px 10px 10px 10px;}
.digital-marketing-h1 img{display: initial !important; width: 35px !important; margin-top: -10px !important; vertical-align: middle !important; margin-right: 10px !important;}
.digital-marketing h4, .digital-marketing h3, .digital-new-margin{font-size: 18px !important;}
.digital-marketing h6{font-size: 18px;}
.digital-market-key-img{width: 35px;}
#contact .info span div{padding-top: 14px;}
.about-digitalize{float: none !important; display: block; margin:60px auto 20px !important;}
.we-create-app .we-create-app-h4{font-size: 24px; left: 15px !important; line-height: 36px;}
.we-create-app .we-create-app-h4:before{width: 75px;}
#services-pages {padding-left: 0px !important; padding-right: 0px !important;}
.software-develop-heading, .mission-vision, .our_merit, .input-effect, .software-con-heading{margin-left: -15px !important; margin-right: -15px !important;}
.mobile-con-heading{margin-right: 0 !important; margin-left: 0 !important;}
.about-us-page-res{margin-right: 15px !important;}
.about-us-page-res>.container{padding-right: 0!important;}
.digital-marketing h2{font-size: 24px !important; margin-bottom: 35px !important;}
.digital-marketing .home-about-head::before{bottom: -5px !important;}
.digital-marketing-ppc h4{font-size: 21px;}
.software-consultancy h2{font-size: 21px;}
.privacy-policy-box-div p{font-size: 14px;}
.privacy-policy-h4{font-size: 18px !important;}
.privacy-policy-h5{font-size: 16px !important;}
.home-about-img, .about-img, .about-digitalize, .our_merit img{width: 90%; height: auto;}
.digital-market-key-img{width: 37px !important; display: inline-block !important; margin-top: -5px !important; vertical-align: middle !important; margin-right: 15px !important; margin-bottom: 0 !important;}
.website-develop-h4, .website-developer-h4, .service-website-box h4{font-size: 18px !important;}
.website-develop-ol li{font-size: 14px; line-height: 24px;}
.service-website-box h4::before{bottom: -5px !important;}
.service-website-box-auto{margin-bottom: 70px !important;}
.website-developer-h3{margin-left: 0 !important; font-size: 18px !important;}
.website-developer-h3 img{width: 40px !important; margin-bottom: 0 !important; margin-top: -10px !important;}
.website-develop-down-img{display: none;}
.subscribe-section h6{font-size: 18px; font-weight: 600; margin: 0 0px 15px 0;}
.subscribe-section .col-md-12{padding: 0 !important;}
.subscribe-section input{width: 65%;}
.subscribe-section button{width: 35%; font-size: 14px;}
.top-header .container, .nav-responcontainer{max-width: 100% !important; width: auto !important;}
.top-services-div{margin-bottom: 35px;}
.section-header .section-title{margin-bottom: 45px !important; font-size: 24px;}
.whatis-dig-obj-div{padding: 30px 5px 15px 5px;}
.new-ser-home-container::after{top: 20px;}
#text-bg-work .section-header .section-title{margin-bottom: 40px !important;}
#clients{padding: 45px 0;}
#services .section-header .section-title{margin-bottom: 40px !important;}
.technology-consulting-section:before{width: 50%; height: 330px;}
.service-example-img-1, .service-example-img-2, .service-example-img-3{display: table; margin: 0 auto 25px !important; float: none !important; width: 90%; height: auto;}
.technology-consulting-section-4-L h4{margin-left: 0; margin-bottom: 10px; margin-top: 0; font-size: 18px;}
.technology-consulting-section-4-L h4 font{margin-top: -8px; font-size: 21px;}
.software-consultancy img, .soft-crm-img, .soft-erp-img, .soft-cms-img{display: table; margin: 0 auto 25px; float: none !important; width: 90%; height: auto;}
.soft-ecommerce-slide{float: none; width: 100%;}
.software-features-section-L h4{margin-left: 0; margin-bottom: 10px; margin-top: 0; font-size: 18px;}
.software-features-section-L h4 font{margin-top: -8px; font-size: 21px;}
.software-features-section, .outsourcing-heading{background: #f9f9f9;}
.mobile-app-sec-2 h4{margin-left: 0; font-size: 40px; line-height: 48px;}
.mobile-two-develop-img{right: 0;}
.mobile-app-sec-3-L h4{margin-left: 0; margin-bottom: 10px; margin-top: 0; font-size: 18px;}
.mobile-app-sec-3-L h4 font{margin-top: -8px; font-size: 21px;}
.mobile-app-sec-3-R ul li {font-size: 16px; background-position: 0 12px;}
.mobile-app-sec-3{background: #fff; padding: 45px 0 35px 0;}
.mobile-app-sec-4{padding: 15px 15px 18px 15px; font-size: 18px !important;}
.website-services-new-box{height: auto; padding: 20px 29px 20px 95px;}
.branding-img-2{display: table !important; margin: 0 auto 25px !important; float: none !important !important; width: auto; height: auto;}
.branding-graphic-span{padding: 0 15px; font-size: 16px !important;}
.branding-graphic-span2{padding: 13px 15px 18px 15px; font-size: 18px !important;}
.outsourcing-heading-L h4{margin-left: 0; margin-bottom: 10px; margin-top: 0; font-size: 18px;}
.outsourcing-heading-L h4 font{margin-top: -8px; font-size: 21px;}
.ivr-page-h3{font-size: 21px; line-height: 28px;}
.career-section-1{padding: 40px 0 25px 0;}
.career-section-1 h2, .career-section-2 h2{font-size: 21px; margin-bottom: 45px;}
.career-section-1-box{margin-bottom: 35px;}
.career-section-1-box h4{font-size: 17px; margin-bottom: 7px;}
.career-section-1-box p{font-size: 14px;}
.opening-pos-box{padding: 15px 15px 15px 80px;}
.opening-pos-box button{position: static; top: initial; transform: initial; width: 116px; margin-top: 10px; height: 34px; font-size: 14px;}
.portfolio-slide .slick-slide h4{font-size: 21px; left: 10px;}
.portfolio-slide .slick-prev{top: 5px; right: 54px; left: initial; width: 35px; height: 35px;}
.portfolio-slide .slick-next{top: 5px; right: 10px; width: 35px; height: 35px;}
.portfolio-slide .slick-prev:before{font-size: 22px; line-height: 15px;}
.portfolio-slide .slick-next:before{font-size: 22px; line-height: 15px;}
.blog-listing-latest-R ul li{height: 68px; min-height: 68px; height: auto;}
.blog-listing-latest-R ul li i{font-size: 20px; margin-bottom: 5px;}
.blog-listing-box-margin{margin-bottom: 0px;}
.listing-ldmr-btn{margin: 0 auto 10px;}
.opening-pos-box h4{font-size: 17px; font-weight: 600;}
.opening-pos-box p{font-size: 14px;}
.opening-pos-box font{font-size: 15px;}
.opening-pos-box h6{font-size: 10px; height: 21px; line-height: 21px; padding: 0 7px;}
.opening-pos-box img{width: 50px; left: 15px; top: 15px;}
.blog-listing-latest-L{height: auto; min-height: 160px;}
.top-services-div{display: none;}
.technology-consulting-section{margin-top: 40px;}
#portfolio-page{border-bottom: 1px solid #ddd;}
#header #logo img{max-width: 202px; max-height: 34px; margin-top: 5px;}
.career-form-pop-bg{display: none;}
.career-form-div-captcha{margin: 25px auto 5px;}
.career-body{padding: 35px 0; display: block;}
.career-form-div-captcha p, .career-form-div-captcha input{width: 120px;}
.contact-enquire-sucess{margin-top: 10px;}
.opinion-listing-box-detail{width: 485px;}
.opinion-detail-page-detail{padding: 20px; margin-bottom: 30px;}
.nav-menu > li:nth-child(3){padding-right: 10px;}
.sf-arrows .sf-with-ul:after{right: 0;}
.footer-top{white-space: nowrap; overflow-x: auto; padding-bottom: 30px; padding-top: 10px;}
.footer-box-1{width: 270px; display: inline-block; white-space: initial; vertical-align: top;}
.footer-box-2{width: 270px; display: inline-block; white-space: initial; vertical-align: top;}
.footer-box-3{width: 150px !important;}
.home-about-head{font-size: 24px !important; margin-bottom: 40px !important;}
.home-middle-text h3{padding: 15px 50px; font-size: 18px;}
.whatis-dig-obj h3{font-size: 24px !important; margin-bottom: 45px !important;}
.software-development-section{margin-top: 40px !important;}
.mobile-development-section{margin-top: 40px !important;}
.mobile-app-develop-img{margin-top: 0 !important; }
}


@media (min-width: 769px) {
#text-bg .cta-btn-container {display: flex; align-items: center; justify-content: flex-end;}
.bottom-enquire-container{width: 740px !important;}
.career-dailog{width: 800px !important;}
}

@media (max-width: 768px) {
body{padding-top: 64px;}
#mobile-nav-toggle {display: inline;}
#services .title{font-size: 16px !important;}
#header{height: 64px;}
#header #logo h1 {font-size: 26px;}
#header #logo img {margin-left: 65px; margin-top: 15px;}
#header #logo img {max-height: 34px; max-width: 202px !important;}
.services-box-div h3,.services-box-div h1{margin-left: 5px !important; margin-right: 5px !important;}
.profile-pic:before{top: -22px !important; left: -4px !important;}
.about-boss-div span{margin-bottom: 10px;}
.about-boss-div p font{font-size: 16px;}
.mission-vision p{margin-bottom: 40px !important;}
.background-point ul li{width: 100%; margin-right: 0 !important; margin-bottom: 5%;}
.back-to-top { bottom: 15px; z-index: 9; background: rgba(237, 112, 60, 0.39);}
#portfolio-page h1, #services-page h1 { font-size: 21px; line-height: 32px; text-align: center;}
/*  #wits h1 {font-size: 28px; line-height: 36px;}
#wits h2 {font-size: 18px; line-height: 24px; margin-bottom: 30px;}*/
#nav-menu-container {display: none;}
.nav-address{display: inherit !important;}
#about .about-container .title{ font-size: 30px; text-align: center; margin-bottom: 40px;}
#about .about-container h2:before{right: 0; margin: auto;}
#services{padding: 40px 0 50px 0;}
#contact{padding: 10px 0 0 0;}
#services-pages{padding: 0px 0 50px 0;}
.topBannerMobile{line-height: 22px; text-align: center; font-size: 14px; font-weight: 500; margin-top: 0px; margin-bottom: 0 !important;}
.topBannerMobile br{display: none;}

.top-header-phone{position: fixed; right: 10px; top: 12px; width: 40px; height: 40px; background: rgba(236, 105, 48, 0.95); border-radius: 50%;}
.top_number{position: absolute; top: 0; right: 10px; bottom: 0; margin: auto !important; width: 20px; display: inherit !important;}
.top-header{display: none;}
.software-develop-h3 img{position: static; margin-right: 15px !important; margin-top: -6px !important;}
.software-develop-h3{font-size: 18px !important;}
.our_merit h3{font-size: 24px; margin-bottom: 45px;}
}

@media (max-width: 767px) {
.blog-listing-box-img-home{height: auto !important; min-height: 160px;}
.blog-listing-box-home{margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 25px !important;}
.blog-view-all-home{margin: 20px auto 0;}
.our_merit h3{font-size: 21px;}
.col-value-box{margin-left: -15px;  margin-right: -15px;}
.blog-listing-box, .blog-listing-latest, .listing-search, .listing-popularblog, .listing-side-banner{margin-bottom: 15px;}
.blog-listing-L{margin-bottom: 0;}
.listing-ldmr-btn {margin: 20px auto 35px;}
.menu-has-children ul li strong{color: #ffe220  !important;}
#wits h1{margin: 0px 0 15px 0; font-size: 21px !important; text-shadow: none; color: #000; line-height: 32px;}
#wits h2{font-size: 18px; font-weight: 500; text-shadow: none; color: #000;}
.top-banner-mar {margin: 15px 0 0 0 !important; font-size: 15px !important; text-shadow: none; color: #000; line-height: 26px !important; font-weight: 400 !important;}
.footer-box-1{margin-bottom: 30px;}
.blockquote-box{height: auto !important;}
.outsourcing_para{font-size: 14px !important; font-weight: 500 !important; padding: 10px; margin-bottom: 0 !important;}
#text-bg-believe .cta-title br{display: none;}
#services-page h1{text-align: center;}
.profile-pic{position: static;}
.digital-marketing h2, .digital-marketing h4, .digital-new-margin{font-size: 21px !important;}
.digital-marketing h3 img{margin: -8px 15px 0 0 !important;}
.digital-marketing-ppc ul{margin-left: -15px; margin-right: -15px;}
.profile-detail{padding-left: 0px; padding-right: 0px;}
.home-about-head{font-size: 21px !important; margin-bottom: 35px !important; margin-left: 5px !important; margin-right: 5px;}
.whatis-dig-obj h3{font-size: 21px !important;}
.whatis-dig-obj-div{padding: 30px 5px 20px 5px;}
.website-services-new-box img{width: 50px;}
.website-services-new-box{padding: 20px 29px 20px 85px;}
.about-us-page{margin-top: 30px;}
.services-box-div p{font-size: 14px; line-height: 26px;}
.about-boss-div h5{font-size: 18px;}
.profile-pic{width: 100%; margin-bottom: 0px;}
.about-boss-div p{font-size: 14px; line-height: 26px; padding: 15px;}
.previous-work h6{text-align: center; margin-bottom: 10px;}
.mission-vision h6{font-size: 18px;}
.mission-vision p{font-size: 14px; line-height: 24px;}
.core-value h3{font-size: 21px; margin-bottom: 45px;}
#portfolio{padding-top: 10px;}
.about-boss-div h3{text-align: center; margin: 0 auto 50px; font-size: 24px; font-weight: 600;}
.about-boss-div h3:before{top: initial !important; bottom: -15px; left: 0; right: 0; margin: auto; width: 50px;}
.ivr-dailer-img{display: block; margin: 0 auto 20px !important; float: none !important;}
.ivr-big-head{font-size: 16px !important;}
.ivr-dailer-head{margin-left: 0 !important; font-size: 18px !important;}
.ivr-dailer-head img{width: 40px; margin-right: 4px;}
.digital-marketing-ppc h4{font-size: 21px; margin-bottom: 35px;}
.technology-consult-h4{font-size: 18px !important;}
.technology-consult-h5{font-size: 18px !important; margin-top: 20px;}
#contact iframe{height: 250px;}
.new-detail-digital-box-main{margin-bottom: 30px;}
.digital-new-box{height: auto; padding-top: 100px; padding-bottom: 20px; margin-left: 15px; margin-right: 15px;}
.digital-new-box .content{font-size: 16px;}
.digital-new-box .number{font-size: 18px;}
.digital-new-box .content br{display: none;}
.orm-h6{font-size: 15px;}
.orm-para-h6{font-size:18px !important; line-height: 26px;}
.content{padding: 0px 15px}
.about-home-div-2-L{padding: 0; margin-left: -5px; margin-right: -5px;}
.about-home-div-2-R{margin-left: -15px; margin-right: -15px;}
.whatis-dig-obj-box{margin-left: -5px; margin-right: -5px;}
.new-ser-home-container{padding-right: 0px; margin-bottom: 0;}
.new-ser-home-left::after, .right::after, .new-ser-home-right::after{left: 10px;}
.new-ser-home-left img, .new-ser-home-right img{left: 35px;}
.new-ser-home-left .content, .new-ser-home-right .content{padding: 0px 15px 10px 42px;}
.blockquote-box{margin-left: -15px; margin-right: -15px;}
.slick-slider{margin-left: -5px; margin-right: -5px;}
.software-consultancy .col-md-push-7, .software-consultancy .col-md-pull-5, .profile-pic, .profile-detail{margin-right: -20px; margin-left: -5px;}
.mission-vision .col-md-12{padding: 0 0px 0 10px;}
.our_merit .col-md-5, .our_merit .col-md-7{padding-right: 0; margin-left: -5px; margin-right: -5px;}
.software-con-heading {padding: 35px 15px;}
.background-point{margin: 70px -20px 40px -10px;}
.softwaredevelopment-ul{margin: 40px 5px 0 5px;}
.software-develop-heading{padding: 40px 15px;}
.we-create-app{margin: 0 -20px;}
#portfolio-wrapper .col-md-12>.service-website-box{margin-left: 20px; margin-right: 20px;}
.outsourcing-heading{padding: 40px 0px;}
.ivr-service-ul{margin-left: -5px !important; margin-right: -5px !important;}
.filter-web{margin-left: -5px; margin-right: -5px;}
.contact-us-respon{margin-left: -20px; margin-right: -20px;}
#contact .info{padding: 40px 0px 10px 0px;}
#services-page .wits-container{background: rgba(29, 29, 29, 0.03);}
.wits-container .container{padding: 0 7px !important;}
.ivr-dailer-h3{font-size: 18px;}
.whatis-dig-obj-box{margin-bottom: 30px;}
.whatis-dig-obj-box img{top: 0;}
.bottom-enquire-section{padding: 30px 0;}
.bottom-enquire-box h5{padding: 0 15px; font-size: 17px; margin-bottom: 20px; font-weight: 500;}
.bottom-enquire-div input{font-size: 14px;}
.bottom-enquire-div{margin-bottom: 15px;}
.bottom-enquire-box button{margin: 15px auto 0px; background: #808080; border-color: #808080;}
.technology-consult-h5-latest{margin: 20px 0 35px 0; padding: 15px; font-size: 18px; line-height: 30px;}
.technology-consulting-section-2{margin-bottom: 35px;}
.technology-consulting-section-3 h6{font-size: 16px;}
.technology-consulting-section-3 h5{font-size: 18px; line-height: 30px;}
.technology-consulting-section-3{padding: 45px 0 35px 0;}
.technology-consulting-section-4{padding: 45px 0 35px 0; background: #fff !important;}
.technology-consulting-section-4-R ul li{font-size: 16px; background-position: 0px 12px;}
.technology-consulting-section-5{padding: 45px 0 10px 0;}
.technology-consulting-section-5 h6{margin: 0 auto 45px; font-size: 21px;}
.consultancy-area-box{margin-bottom: 35px;}
.software-develop-h5, .software-develop-crm-h5{font-size: 18px; line-height: 26px;}
.soft-crm-section{margin-top: 35px; padding: 40px 0;}
.soft-crm-section h2, .soft-erp-section h2, .soft-cms-section h2, .soft-ecom-section h2{font-size: 21px; margin-bottom: 40px; line-height: 28px;}
.soft-erp-section, .soft-cms-section, .soft-ecom-section, .software-features-section{padding: 40px 0;}
.soft-ecommerce-slide .slick-list{padding-top: 10px !important; padding-bottom: 10px !important;}
.software-develop-highlight{font-size: 18px !important; line-height: 30px; padding:15px;}
.software-features-section-R ul li{font-size: 16px; background-position: 0 14px;}
.mobile-app-sec-2 h4 {margin-left: 15px; font-size: 30px; line-height: 36px;}
.mobile-two-develop-img {right: 15px; width: 140px; top: -40px;}
.mobile-app-sec-2{margin: 0;}
.website-services-new-box h4{font-size: 18px;}
.website-services-new-box p{line-height: 24px;}
.digital-marketing-ppc ul li{font-size: 16px; padding: 9px 0; padding-left: 40px; background-position: 0 10px;}
.branding-graphic-box h5{font-size: 21px;}
.branding-graphic-box p{line-height: 28px !important;}
.brandingMB60{margin-bottom: 30px;}
.maintenance_head{font-size: 18px !important;}
.outsourcing-heading ul li{font-size: 16px; background-position: 0px 12px;}
.outsourcing-h5{font-size: 18px;}
.outsourcing-h6{font-size: 16px; line-height: 26px;}
.portfolio-top-div{width: 90%;}
#portfolio-page{height: 250px !important; background: rgba(29, 29, 29, 0.03); border-bottom: none; margin-top: 0 !important;}
.portfolio-slide{margin-bottom: 30px !important;}
#services-page{margin-top: 0 !important;}
.blog-listing-bg h1:before{right: 0; margin: auto; bottom: -9px; width: 110px;}
.blog-listing-latest-R ul li{width: 50%; min-height: 60px;}
.blog-listing-latest-R ul li i{font-size: 18px;}
.blog-listing-latest-R ul li:nth-of-type(2){border-right: none;}
.blog-listing-latest-R ul li font{font-size: 13px;}
.blog-listing-latest-R ul li:nth-of-type(3), .blog-listing-latest-R ul li:nth-of-type(4){border-top:1px solid #ddd;}
.listing-ldmr-btn{font-size: 18px;}
.blog-listing-box-img{height: auto; min-height: 160px;}
.why-choose-us-h3{font-size: 21px; padding: 0 10px;}
.why-choose-us-h3 font{display: block; margin-top: 7px; font-size: 24px;}
.bottom-enquire-box h5 br{display: none;}
.portfolio-slide .slick-slide h4{font-size: 16px;}
.opening-pos-box h6{display: table; margin-top: 10px;}
.opinion-listing-box-img{width: 25%;}
.opinion-listing-box-detail{width: 70%;}
.opinion-listing-box-detail h2{margin-bottom: 10px;}
.opinion-listing-box-detail button{font-size: 14px;}
.opinion-respon{margin-top: 25px !important;}
.opinion-detail-page-detail h2{font-size: 18px;}
.opinion-detail-page-detail .label-text{font-size: 15px;}
.opinion-detail-page-detail{padding: 15px 15px 5px 15px;}
.blog-listing-box-detail{height: auto;}
.blog-listing-box-margin{margin-left: 0; margin-right: 0;}
.blog-listing-box{margin-left: -15px; margin-right: -15px;}
.blog-main{margin: 25px 0 !important;}
.career-page-bg{height: 275px !important;background: #fff !important;}
.blog-listing-bg{display: none !important;}
#wits{height: 250px; background: #fff !important;}
#wits .wits-container{padding:10px; text-align: center; background: rgba(29, 29, 29, 0.03); position: static; display: table-cell;}
.about-us-page-bg, #contact-page, .software-consulting-bg, .software-develop-bg, .website-develop-bg, .mobile-app-develop-bg, .outsourcing-bg, .maintenance-bg, .ivr-dailer-bg, .digital-marketing-bg, .branding-graphic-bg{display: table !important; width: 100% !important; height: 250px !important; background: #fff !important;}
.privacy-policy-page-bg{display: table !important; width: 100% !important; max-height: 200px !important; background: #fff !important; border-bottom: 1px solid #ddd;}
#services-page h2, #portfolio-page h2{margin: 15px 0 0 0 !important; font-size: 15px !important; text-shadow: none; color: #000; line-height: 26px !important; font-weight: 400 !important;}
#contact-page h2{font-size: 15px !important; padding: 0 !important; line-height: 26px; margin-bottom: 0px !important; margin-top: 0 !important;}
#services-page h1 {font-size: 18px; display: table; margin: auto !important; padding: 0 30px; position: relative; color: #000; text-shadow: none; line-height: 30px; margin-bottom: 15px !important;}
#services-page h1:before{content: "\f10d"; font-family: "FontAwesome"; font-size: 21px; position: absolute; top: -8px; left: 0px; }
#services-page h1:after{content: "\f10e"; font-family: "FontAwesome"; font-size: 21px; position: absolute; bottom: -8px; right: 0px;}
#portfolio-page h1{position: relative; padding: 0 30px;}
#portfolio-page h1:before{content: "\f10d"; background: none; right: inherit; margin: initial; height: auto; width: auto; font-family: "FontAwesome"; font-size: 21px; position: absolute; top: -8px; left: 0px; }
#portfolio-page h1:after{content: "\f10e"; font-family: "FontAwesome"; font-size: 21px; position: absolute; bottom: -8px; right: 0px;}
.career-page-bg h1:before, .career-page-bg h1:after{display: none;}
.portfolio-top-div h1{margin: 0 auto 15px; font-size: 18px !important; line-height: 32px !important;}
.topBannerMobile{font-size: 15px !important; padding: 0 !important; line-height: 26px; margin-bottom: 0px !important; margin-top: 0 !important; color: #000; text-shadow: none;}
#contact-page .wits-container{background: rgba(29, 29, 29, 0.03);}
#contact-page h1 {font-size: 18px; line-height: 30px; text-shadow: none; line-height: 32px; color: #000; margin-bottom: 15px !important; text-align: center;}
#contact-page h1 br{display: none !important;}
.footer-top{padding-bottom: 10px;}
#services-page{height: 250px !important;}
.new-ser-home-container-main{padding: 20px 0 !important;}
.section-header .section-description{margin-top: 0;}
}

@media (max-width: 600px) {
.website-service-img-box{left: 0; right: 0; margin: auto;}
.service-website-box h4{text-align: center; margin-top: 40px;}
.service-website-box h4::before{left: 0; right: 0; margin: auto;}
.service-website-box p{text-align: center;}
#text-bg-believe .cta-title{font-size: 24px;}
.section-header .section-title{font-size: 21px !important;}
#services .section-title{font-size: 21px !important;}
#text-bg-believe .cta-text{font-size: 18px;}
.software-con-heading h5, .software-develop-heading h5, .outsourcing-heading-L h5, .iverdailer-heading-L h5{font-size: 22px; line-height: 32px;}
.website-service-img-box img{margin: 18px auto 0 !important;}
.contact-mail-div{float: none; width: 100%;}
.error-page-div p{font-size: 14px; margin-top: 2px;}
.blockquote-primary{margin-top: 0px;}
.we-create-app .we-create-app-h4{font-size: 13px; line-height: 24px;}
.we-create-app .we-create-app-h4:before{bottom: -5px;}
.filter-web img{height: auto;}
#services-page h1 br{display: none;}
.mobile-two-develop-img {right: 15px; width: 110px; top: -30px;}
.mobile-app-sec-2 h4 {margin-left: 15px; font-size: 21px; line-height: 34px; margin-right: 145px;}
.mobile-app-sec-2 h4 br{display: none;}
.mobile-app-sec-2-div{padding: 45px 0;}
.technology-consulting-section:before{display: none;}
.opinion-listing-box-img{width: 100%; height: auto; min-height: 150px;}
.opinion-listing-box-detail{width: 100%; margin-top: 15px; margin-left: 0;}
}

@media (max-width: 400px) {
.mobile-app-sec-2-div {padding: 34px 0;}
.mobile-app-sec-2 h4{font-size: 20px;}
}

@media (max-width: 320px) {
#header #logo img{margin-left: 45px !important;} 
}

.errorValidation{border-radius: 0px !important; background: #fbfbfb !important; border: 1px inset red !important; width: 100%; height: 50px; margin-bottom: 3px !important; position: relative;}
/** for loader spinner starts here ***/
.loading {position: fixed; z-index: 999; height: 2em; width: 2em; overflow: show; margin: auto; top: 0; left: 0; bottom: 0; right: 0; display: none;}
/* Transparent Overlay */
.loading:before {content: ''; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3);}
/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0;}
.loading:not(:required):after {content: ''; display: block; font-size: 10px; width: 1em; height: 1em; margin-top: -0.5em; -webkit-animation: spinner 1500ms infinite linear; -moz-animation: spinner 1500ms infinite linear; -ms-animation: spinner 1500ms infinite linear; -o-animation: spinner 1500ms infinite linear; animation: spinner 1500ms infinite linear; border-radius: 0.5em; -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0; box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;}
/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/** for loader spinner ends here ***/