.content .container {
	max-width: 1200px;
	width: 100%;
	padding: 0 15px
}

picture {
	display: block
}

.d-none {
	display: none
}

.d-block {
	display: block
}

.text-center {
	text-align: center
}

.text-uppercase {
	text-transform: uppercase
}

.text-indent {
	text-indent: -9999px;
	font-size: 0
}

.new-btn-wrap button,
a,
em,
i,
span,
strong {
	display: inline-block
}

.slick-slider {
	user-select: text !important
}

.slick-next::before {
	right: 0;
	transform: rotate(45deg)
}

.slick-prev::before {
	left: 0;
	transform: rotate(-135deg)
}

h1 {
	font-size: 20px;
	color: #131928;
	line-height: 1.1;
	position: relative;
	margin-bottom: 32px
}

h1:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	margin: 11px auto 0;
	width: 31px;
	height: 3px;
	background-color: #ff2601
}

h2 {
	font-size: 24px;
	color: #131928;
	line-height: 1.2;
	margin-bottom: 0
}

h3 {
	color: #131928;
	font-size: 22px;
	line-height: 1.2
}

h4 {
	font-size: 23px;
	line-height: 1.2;
	font-weight: 700;
	margin-bottom: 24px
}

h4 br {
	display: none
}

p {
	font-size: 17px;
	margin-bottom: 0;
	line-height: 24px;
	font-family: Lato, sans-serif
}

.btn {
	display: inline-block;
	line-height: 46px;
	border-radius: 40px;
	font-weight: 17;
	font-weight: 700;
	padding: 0 20px;
	cursor: pointer;
	font-family: Lato, sans-serif;
	transition: all .4s ease
}

.btn-primary {
	background-color: #ff2601;
	color: #fff;
	border: 2px solid transparent;
	box-shadow: 0 10px 32px 0 rgba(255, 38, 1, .45)
}

.btn-primary:hover {
	background-color: #fff;
	color: #ff2601;
	border-color: #ff2601;
	box-shadow: 0 0 45px 0 rgba(0, 0, 0, .15)
}

.btn-secondry {
	color: #ff2601;
	border: 2px solid #ff2601;
	box-shadow: 0 0 45px 0 rgba(0, 0, 0, .15)
}

.btn-secondry:hover {
	background-color: #ff2601;
	color: #fff;
	border-color: transparent;
	box-shadow: 0 10px 32px 0 rgba(255, 38, 1, .45)
}

[class*=srv-],
[class^=srv-] {
	background-image: url(../service-images/service-sprite.png);
	background-repeat: no-repeat;
	display: inline-block;
	line-height: 14px;
	margin-top: 1px;
	vertical-align: text-top
}

[class*=ht-],
[class^=ht-] {
	background-image: url(../service-images/html-sprite.png);
	background-repeat: no-repeat;
	display: inline-block;
	line-height: 14px;
	margin-top: 1px;
	vertical-align: text-top
}

.d-flex {
	display: flex;
	display: -ms-flexbox
}

.d-inline-flex {
	display: inline-flex;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox
}

.skill-content svg {
	height: 75px
}

.justify-content-start {
	-ms-flex-pack: start;
	justify-content: flex-start
}

.justify-content-end {
	-ms-flex-pack: end;
	justify-content: flex-end
}

.justify-content-center {
	-ms-flex-pack: center;
	justify-content: center
}

.justify-content-between {
	justify-content: space-between;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify
}

.justify-content-around {
	-ms-flex-pack: distribute;
	justify-content: space-around
}

.align-items-start {
	-ms-flex-align: start;
	align-items: flex-start
}

.align-items-end {
	-ms-flex-align: end;
	align-items: flex-end
}

.align-items-center {
	-ms-flex-align: center;
	align-items: center
}

.align-items-baseline {
	-ms-flex-align: baseline;
	align-items: baseline
}

.flex-wrap {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.development-banner {
	margin-top: 115px;
	padding: 45px 0
}

.banner-left {
	text-align: center;
	margin-bottom: 45px
}

.banner-left h2 {
	font-weight: 400
}

.logo-info {
	margin-bottom: 38px
}

.bannerlogo {
	display: inline-flex;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	justify-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	width: 100px;
	height: 90px;
	background: #00749a;
	border-radius: 4px;
	box-shadow: 0 10px 32px 0 rgba(0, 116, 154, .45)
}

.lightspeed-logo {
	background: #fff;
	box-shadow: 0 10px 32px 0 rgba(0, 0, 0, .16)
}

.magentologo {
	background: #f15c22
}

.ecommerce-logo {
	background: #4aa1e4
}

.ecommerce-logo img {
	width: 85px
}

.icons-wordpress {
	background-position: -20px -27px;
	width: 48px;
	height: 48px
}

.icons-mg {
	background-position: -20px -88px;
	width: 48px;
	height: 48px
}

.icons-mgupgrade {
	background-position: -20px -149px;
	width: 59px;
	height: 60px
}

.icons-magento2 {
	background-position: -23px -218px;
	width: 54px;
	height: 62px
}

.icons-mgintegration {
	background-position: -95px -149px;
	width: 62px;
	height: 61px
}

.icons-mgmodule {
	background-position: -95px -218px;
	width: 63px;
	height: 59px
}

.icons-lightspeed {
	background-position: -14px -366px;
	width: 48px;
	height: 48px
}

.lightspeed-logo {
	background: #ed4547;
	box-shadow: 0 3px 29px 0 rgba(0, 0, 0, .12)
}

[class*=mg-],
[class^=mg-] {
	background-image: url(../images/mg-sprite.png);
	background-repeat: no-repeat;
	display: inline-block;
	line-height: 14px;
	margin-top: 1px;
	vertical-align: text-top
}

.mg-magento {
	background-position: -466px -6px;
	width: 22px;
	height: 22px
}

.mg-zapier {
	background-position: 0 -1px;
	width: 167px;
	height: 50px
}

.mg-connect {
	background-position: -181px -2px;
	width: 166px;
	height: 30px
}

.mg-landofcoder {
	background-position: -3px -57px;
	width: 163px;
	height: 44px
}

.mg-amasty {
	background-position: -183px -63px;
	width: 164px;
	height: 40px
}

.mg-mirasvit {
	background-position: -3px -113px;
	width: 166px;
	height: 51px
}

.mg-rma {
	background-position: -192px -113px;
	width: 112px;
	height: 112px
}

.mg-mageplaza {
	background-position: -336px -113px;
	width: 113px;
	height: 98px
}

.mg-weltpixel {
	background-position: -5px -189px;
	width: 162px;
	height: 98px
}

.mg-store {
	background-position: -357px -5px;
	width: 25px;
	height: 23px
}

.mg-seamless {
	background-position: -396px -5px;
	width: 25px;
	height: 25px
}

.mg-personalized {
	background-position: -431px -5px;
	width: 27px;
	height: 27px
}

.mg-bronze {
	background-position: -5px -343px;
	width: 264px;
	height: 70px
}

.mg-adobecompany {
	background-position: -192px -237px;
	width: 265px;
	height: 89px
}

.mg-rockitshop {
	background-position: -295px -343px;
	width: 125px;
	height: 80px
}

.mg-letswood {
	background-position: -5px -428px;
	width: 142px;
	height: 100px
}

.mg-ingame {
	background-position: -159px -432px;
	width: 168px;
	height: 69px
}

.mg-endessloop {
	background-position: -334px -434px;
	width: 160px;
	height: 62px
}

.mg-erp {
	background-position: -195px -119px;
	width: 105px;
	height: 105px
}

.mg-marketplace {
	background-position: -2px -180px;
	width: 103px;
	height: 103px
}

.mg-ecommerce {
	background-position: -397px -41px;
	width: 25px;
	height: 25px
}

.development-form {
	background-color: #fff;
	padding: 35px 5%;
	border-radius: 10px;
	border-top: 3px solid #ff2601;
	box-shadow: 0 3px 29px 0 rgba(0, 0, 0, .12)
}

.development-form h4,
.development-form p {
	margin-bottom: 18px
}

.connect-now {
	margin-top: 34px
}

.banner-form li {
	margin-bottom: 15px
}

.banner-form li:last-child {
	margin-bottom: 0
}

.wrap-icon {
	display: flex
}

.wrap-icon span {
	width: 28px;
	margin-right: 15px
}

.banner-form li input,
.banner-form li textarea {
	width: 100%;
	color: #000;
	font-size: 15px;
	border-bottom: 1px solid #dcdcdc;
	padding-bottom: 12px;
	font-family: Lato, sans-serif
}

.banner-form li textarea {
	overflow: hidden;
	height: 57px !important
}

.banner-form .tooltip-box {
	position: relative
}

.tooltip-box {
	position: absolute;
	top: 100%;
	margin-top: 11px;
	left: 0;
	background: #ddd;
	color: rgba(0, 0, 0, .83);
	font-size: 15px;
	border-radius: 4PX;
	padding: 0 15px;
	line-height: 28px;
	z-index: 1;
	display: none
}

.banner-form input::-webkit-input-placeholder,
.banner-form textarea::-webkit-input-placeholder {
	color: #000;
	font-size: 16px;
	opacity: 1
}

.banner-form input::-moz-placeholder,
.banner-form textarea::-moz-placeholder {
	color: #000;
	font-size: 16px;
	opacity: 1
}

.banner-form input:-ms-input-placeholder,
.banner-form textarea:-ms-input-placeholder {
	color: #000;
	font-size: 16px;
	opacity: 1
}

.banner-form input:-moz-placeholder,
.banner-form textarea:-moz-placeholder {
	color: #000;
	font-size: 16px;
	opacity: 1
}

.points {
	margin: 0 auto;
	overflow-x: scroll;
	white-space: nowrap;
	display: flex;
	display: -ms-flexbox;
	padding: 40px 30px 15px 0
}

.points li {
	font-size: 16px;
	font-family: Lato, sans-serif;
	color: #151515;
	position: relative;
	padding: 10px 12px 10px 67px;
	margin-right: 15px;
	font-weight: 600;
	letter-spacing: -.15px
}

.points li svg {
	position: absolute;
	top: 3px;
	left: 25px;
	width: 33px
}

.points svg .st0 {
	stroke: #7f7f7f
}

.points svg .st1 {
	stroke: #b2b2b2
}

.points li span {
	display: block
}

.points i {
	position: absolute;
	left: 0;
	top: 0
}

.work-section {
	position: relative;
	padding: 29px 0;
	border-top: 1px solid #e7e7e7
}

.work-section h2 {
	margin-bottom: 28px
}

.work-wrapper li {
	background-color: #fff;
	box-shadow: 0 5px 32px 0 rgba(0, 0, 0, .11);
	padding: 25px 15px;
	margin-bottom: 35px;
	border-radius: 6px;
	transition: all 1s ease
}

.work-wrapper li:last-child {
	margin-bottom: 0
}

.agency-parent {
	margin-bottom: 15px
}

.agency-parent {
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	margin-bottom: 23px
}

.agency-parent h3 {
	font-size: 22px;
	line-height: 1;
	font-family: Lato, sans-serif
}

.agency-parent h3 a:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	left: 0;
	bottom: -5px;
	background: 0;
	transform-origin: 0 100%;
	transform: scaleX(0) translateZ(0);
	transition: transform 1s cubic-bezier(.23, 1, .32, 1)
}

.work-wrapper li:hover a:after {
	transform: scaleX(1) translateZ(0)
}

.work-wrapper li:hover a.agency-bdr:after {
	background: #ffc64d
}

.work-wrapper li:hover a.department-bdr:after {
	background: #8e86f8
}

.work-wrapper li:hover a.startup-bdr:after {
	background: #ee3124
}

.work-wrapper h3:hover a.agency-bdr:after {
	background: 0
}

.work-wrapper h3:hover a.department-bdr:after {
	background: 0
}

.work-wrapper h3:hover a.startup-bdr:after {
	background: 0
}

.agency-parent span {
	margin-right: 16px
}

.agency-parent span svg {
	width: 25px;
	fill: #fff
}

.work-wrapper li h3 a {
	color: #131928;
	border: 0;
	transition: all 1s ease;
	position: relative
}

.work-wrapper .agency {
	border: 2px solid #ffc64d
}

.work-wrapper .it-department {
	border: 2px solid #8e86f8
}

.work-wrapper .startups {
	border: 2px solid #ee3124
}

.work-wrapper .agency:hover {
	box-shadow: 0 10px 32px 0 rgba(255, 198, 77, .35)
}

.work-wrapper .it-department:hover {
	box-shadow: 0 10px 32px 0 rgba(142, 134, 248, .35)
}

.work-wrapper .startups:hover {
	box-shadow: 0 10px 32px 0 rgba(238, 49, 36, .35)
}

.icons-agency {
	background-position: -429px -285px;
	width: 44px;
	height: 46px
}

.icons-department {
	background-position: -566px -284px;
	width: 52px;
	height: 41px
}

.icons-startup {
	background-position: -688px -284px;
	width: 42px;
	height: 38px
}

.convert-section {
	background-color: #534db8;
	padding: 40px 0 1px;
	position: relative
}

.convert-section h2 {
	color: #fff;
	margin-bottom: 15px
}

.convert-section p {
	color: #dcdbf8;
	margin-bottom: 40px
}

.convert-list li {
	margin-bottom: 38px
}

.convert-list2 li:last-child {
	margin-bottom: 0
}

.convert-head {
	margin-bottom: 18px
}

.icons-customwp {
	background-position: -732px -27px;
	width: 55px;
	height: 55px
}

.icons-ecommerce {
	background-position: -824px -31px;
	width: 61px;
	height: 51px
}

.ht-mobile-first {
	background-position: -4px -613px;
	width: 48px;
	height: 42px
}

.icons-wptheme {
	background-position: -922px -29px;
	width: 55px;
	height: 55px
}

.icons-wpmigration {
	background-position: -1014px -27px;
	width: 54px;
	height: 54px
}

.icons-wpupgrade {
	background-position: -1105px -27px;
	width: 51px;
	height: 51px
}

.icons-customization {
	background-position: -1193px -31px;
	width: 51px;
	height: 48px
}

.convert-head h3 {
	color: #fff;
	font-weight: 400
}

.convert-list li p {
	color: #dcdbf8;
	font-family: Lato, sans-serif
}

.convert-button {
	border-radius: 50%;
	background: #534db8;
	position: absolute;
	width: 55px;
	height: 55px;
	top: -23px;
	right: 8px;
	margin: 0 auto;
	border: 5px solid #fff
}

.convert-button span {
	width: 11px;
	height: 11px;
	border: solid #fff;
	border-width: 0 3px 3px 0;
	transform: rotate(45deg);
	border-radius: 2px
}

.portfolio-wrapper {
	padding: 40px 0 20px;
	position: relative
}

.portfolio-wrapper .container {
	position: relative
}

.background-box {
	position: absolute;
	width: 260px;
	height: 260px;
	top: -40px;
	left: 0;
	right: 0;
	margin: 0 auto;
	border-radius: 50%;
	background-color: #ff2601;
	z-index: -1
}

.portfolio-wrapper h2 {
	margin-bottom: 22px
}

.portfolio-slider .draggable {
	padding-top: 55px;
	height: auto !important
}

.portfolio-img {
	width: 240px;
	margin: 0 auto 30px
}

.portfolio-img img {
	width: 100%;
	height: 100%
}

.portfolio-content {
	padding: 60px 0 40px
}

.portfolio-content p {
	margin-bottom: 22px
}

.portfolio-heading {
	font-size: 18px;
	color: #3f3f3f;
	margin-bottom: 22px
}

.portfolio-heading strong {
	display: block;
	font-size: 24px;
	color: #000;
	line-height: 1.1;
	margin-bottom: 4px
}

.portfolio-detailing li svg {
	width: 20px;
	margin-right: 10px
}

.icons-prb-wp {
	background-position: -22px -284px;
	width: 20px;
	height: 20px
}

.icons-responsive {
	background-position: -70px -284px;
	width: 22px;
	height: 20px
}

.icons-custom-dev {
	background-position: -132px -285px;
	width: 22px;
	height: 19px
}

.performance-detail {
	font-size: 22px;
	margin-bottom: 13px;
	line-height: 1;
	display: block
}

.performance-detail sub {
	font-size: 12px
}

.performance-line {
	display: block;
	background-color: #6f68d2;
	height: 1px;
	width: 100px;
	position: relative;
	line-height: 1;
	margin: 0 auto 8px
}

.performance-line:after {
	content: "";
	position: absolute;
	width: 78%;
	height: 100%;
	top: 0;
	left: 0;
	margin: 0 auto;
	background-color: #ffc240
}

.performance-title {
	font-family: Lato, sans-serif;
	font-size: 15px
}

.portfolio-slider .slick-arrow {
	width: 15px;
	height: 15px;
	padding: 0;
	position: absolute;
	top: 21%;
	overflow: visible;
	z-index: 1
}

.portfolio-slider .previous {
	left: 10px
}

.portfolio-slider .next {
	right: 10px
}

.portfolio-slider .slick-arrow:before {
	content: "";
	position: absolute;
	width: 12px;
	height: 12px;
	border: solid rgba(0, 0, 0, .5);
	border-width: 3px 3px 0 0;
	top: 0
}

.portfolio-slider .slick-prev:before {
	left: 0;
	transform: rotate(-135deg)
}

.portfolio-slider .slick-next:before {
	right: 0;
	transform: rotate(45deg)
}

.portfolio-slider .slick-arrow i {
	display: none
}

.btn-viewproject {
	color: #373737;
	font-size: 15px;
	font-weight: 700;
	font-family: Lato, sans-serif
}

.btn-viewproject:after {
	content: "";
	display: inline-block;
	border: solid #b2b2b2;
	border-width: 0 2.5px 2.5px 0;
	left: 100%;
	z-index: 1;
	padding: 4px;
	top: 7px;
	margin-left: 16px;
	transition: .3s ease-in;
	transform: rotate(-45deg)
}

.project-description {
	border-top: 1px solid #e5e5e5;
	margin: 25px 0 30px;
	padding-top: 26px
}

.portfolio-detailing {
	margin-bottom: 40px
}

.portfolio-detailing li {
	margin-bottom: 20px
}

.portfolio-detailing li i {
	margin-right: 10px
}

.speed-blog {
	padding: 17px 30px;
	min-width: 250px;
	border-top: 2px solid #8f87f8;
	background: #fff;
	box-shadow: 0 5px 46px 0 rgba(0, 0, 0, .17);
	border-radius: 4px;
	margin-bottom: 40px
}

.performance-icon {
	display: block;
	margin-bottom: 0;
	min-height: 24px;
	text-align: right
}

.icons-view-speed {
	background-position: -22px -327px;
	width: 26px;
	height: 22px
}

.performance-detail sub {
	font-size: 12px
}

.performance-detail {
	font-size: 22px;
	margin-bottom: 13px;
	line-height: 1;
	display: block;
	color: #131928;
	font-weight: 400
}

.performance-line {
	display: block;
	background-color: #a0a0a0;
	height: 2px;
	width: 51px;
	position: relative;
	line-height: 1;
	margin: 0 auto 8px 0
}

.performance-line::after {
	content: "";
	position: absolute;
	width: 78%;
	height: 100%;
	top: 0;
	left: 0;
	margin: 0 auto;
	background-color: #ffc240
}

.performance-title {
	font-family: Lato, sans-serif;
	font-size: 15px;
	color: #616161
}

.buisness-partners {
	padding: 45px 0 34px;
	background: #5952c9
}

.cmn-bbb {
	background-size: 447px 325px;
	background-position: -52.5px -8.25px;
	width: 98.25px;
	height: 36.75px
}

.cmn-clutch {
	background-size: 447px 325px;
	background-position: -170.5px -14px;
	width: 101.75px;
	height: 28.5px
}

.cmn-yelp {
	background-size: 447px 325px;
	background-position: -307px -10.75px;
	width: 89.25px;
	height: 40.5px
}

.cmn-trustpilot {
	background-size: 447px 325px;
	background-position: -2px -72px;
	width: 159px;
	height: 39px
}

.cmn-goodfirms {
	background-size: 447px 325px;
	background-position: -183px -60.75px;
	width: 126.5px;
	height: 45px
}

.cmn-star {
	background-position: -544px -113px;
	width: 15px;
	height: 15px
}

.partners-list li {
	text-align: center;
	margin: 0 0 20px;
	flex: 0 0 43%
}

.image-wrap {
	margin-bottom: 5px;
	min-height: 45px
}

.star-wrap {
	margin-bottom: 5px;
	display: block
}

.star-wrap svg {
	width: 15px;
	margin-right: 1px
}

.star-wrap svg .st0 {
	fill: #fff;
	stroke: #fff
}

.rating-info {
	color: #fff;
	font-size: 16px;
	font-family: Lato, sans-serif
}

.section-choose {
	padding: 40px 0
}

.choose-head {
	margin-bottom: 24px
}

.choose-head h2 {
	margin-bottom: 18px
}

.choose-detail {
	background-color: #fff;
	padding: 20px 4%;
	box-shadow: 0 26px 38px 0 rgba(0, 0, 0, .12);
	border-top: 3px solid #ff2601;
	border-radius: 4px
}

.choose-detail li {
	margin-bottom: 20px
}

.choose-detail h3 {
	margin-bottom: 14px
}

.choose-detail p {
	margin-bottom: 0
}

.certified-experts {
	background-color: #ececec;
	padding: 50px 0 0
}

.certified-experts h2 {
	margin-bottom: 18px
}

.certified-experts p {
	color: #505666;
	margin-bottom: 0
}

.certified-blog {
	display: flex;
	display: -ms-flexbox;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	justify-content: space-between;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify
}

.certified-slider {
	padding: 40px 20px 30px
}

.certified-slider .slick-arrow {
	width: 30px;
	height: 30px;
	padding: 0;
	position: absolute;
	top: 50%;
	margin-top: -12px;
	border-radius: 50%;
	background: #fff;
	transform: translateY(-50%);
	box-shadow: 0 5px 3px 0 rgba(0, 0, 0, .15)
}

.certified-slider .previous {
	left: -12px
}

.certified-slider .next {
	right: -12px
}

.certified-slider .slick-arrow:before {
	content: "";
	position: absolute;
	width: 12px;
	height: 12px;
	left: 10px;
	border: solid #000;
	border-width: 2px 2px 0 0
}

.certified-slider .previous.slick-arrow:before {
	left: 10px;
	top: 9px
}

.certified-slider .next.slick-arrow:before {
	right: 10px;
	top: 9px
}

.certified-slider .slick-arrow i {
	display: none
}

.skill-logo {
	text-align: center;
	margin: 0 0 20px 0;
	min-height: 175px;
	padding: 18px 9px 18px 9px;
	transition: all .3s cubic-bezier(.4, 0, .2, 1);
	background: #fff
}

.skill-logo:hover {
	box-shadow: 0 0 34px rgba(0, 0, 0, .1)
}

.skill-content {
	min-height: 114px
}

.skill-logo.box1 {
	border-top: 2px solid #f47e80
}

.skill-logo.box2 {
	border-top: 2px solid #7fb9da
}

.skill-logo.box3 {
	border-top: 2px solid #b98db1
}

.skill-logo.box4 {
	border-top: 2px solid #d36a8a
}

.skill-logo.box5 {
	border-top: 2px solid #65bde6
}

.skill-logo.box6 {
	border-top: 2px solid #eb837c
}

.skill-logo.box7 {
	border-top: 2px solid #e48367
}

.skill-logo.box8 {
	border-top: 2px solid #f58d6a
}

.skill-data {
	padding-top: 20px;
	color: #505666;
	font-size: 18px;
	font-family: Lato, sans-serif;
	display: block;
	border-top: 1px solid #e4e4e4
}

.icons-ninja-forms {
	background-position: -926px -425px;
	width: 157px;
	height: 115px
}

.icons-woocommerce {
	background-position: -1150px -452px;
	width: 117px;
	height: 62px
}

.icons-learn-dash {
	background-position: -49px -598px;
	width: 140px;
	height: 44px
}

.icons-buddy-press {
	background-position: -284px -598px;
	width: 186px;
	height: 45px
}

.icons-wpml {
	background-position: -577px -598px;
	width: 141px;
	height: 94px
}

.icons-elementor {
	background-position: -816px -583px;
	width: 90px;
	height: 74px
}

.icons-affilatewp {
	background-position: -1014px -583px;
	width: 139px;
	height: 95px
}

.icons-gravity {
	background-position: -49px -724px;
	width: 187px;
	height: 56px
}

.icons-genesis {
	background-position: -757px -715px;
	width: 84px;
	height: 83px
}

.icons-easydigital {
	background-position: -572px -715px;
	width: 133px;
	height: 110px
}

.reactio-section {
	padding: 45px 0
}

.lightspeed-section {
	border-bottom: 1px solid #e7e7e7
}

.reactio-section h2 {
	margin-bottom: 26px
}

.clients-reaction {
	white-space: nowrap;
	overflow-x: auto;
	padding-bottom: 15px;
	margin-bottom: 40px
}

.clients-reaction li {
	margin-right: 32px
}

.clients-reaction li strong {
	font-size: 24px;
	margin-right: 14px;
	color: #9088f8
}

.clients-reaction li strong sup {
	color: #f9cc75
}

.clients-reaction li p {
	font-size: 15px;
	line-height: 1.2
}

.clients-reaction li span {
	display: block
}

.htmlpanda-data {
	margin-bottom: 22px
}

.panda-detail {
	margin-bottom: 34px;
	text-align: center
}

.panda-detail h3 {
	margin-bottom: 12px;
	text-align: left;
	width: calc(100% - 22px)
}

.panda-detail p {
	text-align: left;
	margin-bottom: 0;
	padding-left: 41px
}

.bg-circle {
	display: inline-flex;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	justify-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	margin-bottom: 14px
}

.bg-circle1 {
	background-color: #ffbf40
}

.bg-circle2 {
	background-color: #a89cc4
}

.bg-circle3 {
	background-color: #f95c61
}

.bg-circle4 {
	background-color: #76d07e
}

.bg-circle5 {
	background-color: #65af97
}

.bg-circle6 {
	background-color: #c0c45c
}

.icons-certified {
	background-position: -259px -725px;
	width: 23px;
	height: 19px
}

.icons-coding {
	background-position: -299px -725px;
	width: 24px;
	height: 24px
}

.icons-res {
	background-position: -343px -725px;
	width: 27px;
	height: 23px
}

.icons-secure {
	background-position: -395px -725px;
	width: 19px;
	height: 23px
}

.icons-testing {
	background-position: -439px -725px;
	width: 22px;
	height: 25px
}

.icons-seo {
	background-position: -485px -725px;
	width: 26px;
	height: 26px
}

.icons-opensource {
	background-position: -1062px -744px;
	width: 26px;
	height: 26px
}

.icons-speed {
	background-position: -1062px -775px;
	width: 27px;
	height: 25px
}

.icons-server {
	background-position: -1063px -812px;
	width: 27px;
	height: 27px
}

.media-coverage {
	background: #5952c9;
	padding: 40px 0
}

.media-coverage h2 {
	margin-bottom: 11px;
	color: #fff
}

.media-coverage p {
	margin-bottom: 25px;
	color: #fff
}

.media-slider .slick-slide {
	padding: 0 35px
}

.media-logo {
	background: #fff;
	border-radius: 6px;
	height: 90px;
	display: flex;
	display: -ms-flexbox;
	justify-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center
}

.icons-enteroreneur {
	background-position: -47px -871px;
	width: 200px;
	height: 75px;
	background-size: auto
}

.icons-inc {
	background-position: -341px -871px;
	width: 115px;
	height: 51px;
	background-size: auto
}

.icons-forbes {
	background-position: -550px -871px;
	width: 124px;
	height: 38px;
	background-size: auto
}

.icons-tnw {
	background-position: -768px -890px;
	width: 173px;
	height: 86px;
	background-size: auto
}

.media-slider .slick-arrow {
	width: 30px;
	height: 30px;
	padding: 0;
	position: absolute;
	top: 34%;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 5px 3px 0 rgba(0, 0, 0, .15)
}

.media-slider .previous {
	left: 0
}

.media-slider .next {
	right: 0
}

.media-slider .slick-arrow i {
	display: none
}

.media-slider .slick-arrow:before {
	content: "";
	position: absolute;
	width: 12px;
	height: 12px;
	left: 10px;
	border: solid #000;
	border-width: 2px 2px 0 0
}

.media-slider .previous.slick-arrow:before {
	left: 10px;
	top: 9px
}

.media-slider .next.slick-arrow:before {
	right: 10px;
	top: 9px
}

.process-section {
	background-color: #f4f4f4;
	padding: 40px 0 10px
}

.process-section h2 {
	margin-bottom: 18px
}

.process-box {
	margin-bottom: 30px
}

.shap-box {
	width: 90%;
	padding: 14px 10px 14px 15px;
	color: #131928;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 24px;
	min-height: 48px;
	position: relative;
	background: #fff;
	font-family: Lato, sans-serif;
	box-shadow: 0 5px 32px 0 rgba(72, 72, 72, .14)
}

.shap-box:before {
	content: "";
	position: absolute;
	right: -24px;
	bottom: 0;
	width: 0;
	height: 0;
	z-index: 1;
	border-left: 24px solid #fff;
	border-top: 24px solid transparent;
	border-bottom: 24px solid transparent
}

.process-detail li {
	margin-bottom: 25px
}

.process-detail li:last-child {
	margin-bottom: 0
}

.process-detail li span {
	width: 30px;
	height: 30px;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	margin-right: 15px;
	border-radius: 50%;
	background-color: #a89cc4
}

.process-detail li .green-bg {
	background-color: #76d07e
}

.process-detail li p {
	color: #616161;
	width: calc(100% - 45px)
}

.partnership-awards {
	padding: 50px 0;
	border-bottom: 1px solid #e7e7e7
}

.partnership-awards h2 {
	margin-bottom: 20px
}

.award-content {
	text-align: center;
	margin-bottom: 24px
}

.award-image img,
.feed-box img,
.website-img img {
	width: 100%;
	height: 100%
}

.awards-partnership {
	justify-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center
}

.awards-partnership span {
	display: block;
	margin: 0 0 34px
}

.award-content i {
	display: block;
	margin: 0 auto 10px
}

.award-icons .award-data {
	font-size: 15px;
	color: #505666;
	padding-top: 7px;
	font-family: Lato, sans-serif;
	font-weight: 400
}

.icons-wvip {
	background-position: -23px -497px;
	width: 71px;
	height: 29px;
	background-size: 647px 597px
}

.icons-commerce {
	background-position: -120px -497px;
	width: 157px;
	height: 29px;
	background-size: 696px 597px
}

.icons-wpengine {
	background-position: -23px -846px;
	width: 160px;
	height: 50px;
	background-size: 771px 1036px
}

.icons-goodfirms {
	background-position: -267px -845px;
	width: 163px;
	height: 40px;
	background-size: 971px 1036px
}

.icons-clutch {
	background-position: -745px -673px;
	width: 160px;
	height: 40px;
	background-size: 971px 1036px
}

.icons-elementors {
	background-position: -406px -920px;
	width: 199px;
	height: 52px;
	background-size: 852px 1036px
}

.wordpress-website {
	padding: 50px 0;
	border-top: 1px solid #e4e4e4
}

.wordpress-website h2,
.wordpress-website p {
	text-align: center
}

.wordpress-website h2 {
	margin-bottom: 12px
}

.wordpress-website p {
	margin-bottom: 30px
}

.website-img {
	text-align: center;
	margin-bottom: 22px
}

.website-block li {
	font-size: 16px;
	line-height: 1.1;
	padding-left: 35px;
	margin-bottom: 20px;
	position: relative;
	font-family: Lato, sans-serif
}

.website-block li:after {
	content: "";
	position: absolute;
	left: 0;
	top: 1px;
	width: 21px;
	height: 20px;
	background-image: url(../images/sprite-new.png);
	background-position: -1218px -912px
}

.clients {
	background-color: #f2f2f2;
	padding: 40px 0;
	position: relative
}

.clients h2 {
	margin-bottom: 28px
}

.grid-wrapper {
	transition: all .5s ease;
	overflow: hidden
}

.grid {
	position: relative;
	justify-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center
}

.grid-item {
	margin: 0 10px 20px
}

.grid-item img {
	width: 98px;
	height: 92px
}

[class*=br-],
[class^=br-] {
	background-image: url(../service-images/client-sprites.png);
	background-repeat: no-repeat;
	display: inline-block;
	line-height: 14px;
	margin-top: 1px;
	vertical-align: text-top
}

.grid-item i {
	width: 98px;
	height: 92px
}

.br-aclu {
	background-position: -5px -547px
}

.br-intel {
	background-position: -718px -5px
}

.br-drivania {
	background-position: -329px -547px
}

.br-hp {
	background-position: -437px -547px
}

.br-clearrate {
	background-position: -113px -547px
}

.br-huawei {
	background-position: -545px -547px
}

.br-rg {
	background-position: -718px -311px
}

.br-uniliver {
	background-position: -718px -413px
}

.br-philips {
	background-position: -718px -209px
}

.br-necco {
	background-position: -718px -107px
}

.br-cooper {
	background-position: -221px -547px
}

.grid-btn {
	width: 281px;
	height: 55px;
	background: #666566;
	position: absolute;
	border: 3px solid transparent;
	bottom: 0;
	left: 50%;
	margin-left: -138px;
	border-radius: 4px 4px 0 0;
	transition: all .5s ease
}

.grid-btn:hover {
	background: #f24c4c
}

.grid-arrow {
	width: 18px;
	height: 18px;
	border: solid #fff;
	border-width: 0 5px 5px 0;
	border-radius: 2px;
	transform: rotate(-135deg);
	position: absolute;
	left: 50%;
	margin-left: -12px;
	top: 23px;
	font-size: 0
}

.rotate {
	transform: rotate(45deg);
	top: 15px
}

.client-testimonial {
	padding: 40px 0
}

.client-testimonial h2 {
	margin-bottom: 14px
}

.user-rating {
	color: #131928;
	font-weight: 600;
	margin-bottom: 24px;
	font-family: Aleo, serif
}

.user-speak {
	text-align: center
}

.user-speak p {
	margin-bottom: 24px
}

.rating {
	display: inline-block;
	background: #e23939;
	border-radius: 6px;
	color: #fff;
	text-indent: 0;
	line-height: 1;
	padding: 1px 4px
}

.user-name {
	display: block;
	color: #131928;
	font-size: 20px;
	line-height: 1.1;
	margin: 12px 0
}

.chairman {
	color: #505666;
	font-size: 16px;
	line-height: 1.4
}

.chairman strong {
	display: block;
	color: #131928;
	font-weight: 600
}

.srv-callaway {
	background-position: -296px -55px;
	width: 85px;
	height: 66px
}

.srv-baldessari {
	background-position: -104px -99px;
	width: 85px;
	height: 36px
}

.srv-hernan {
	background-position: -407px -55px;
	width: 85px;
	height: 26px
}

.srv-justin {
	background-position: -199px -99px;
	width: 85px;
	height: 27px
}

.srv-gardner {
	background-position: -7px -99px;
	width: 85px;
	height: 67px
}

.srv-worxout {
	background-position: -152px -343px;
	width: 87px;
	height: 22px
}

.icons-adventure {
	background-position: -567px -1004px;
	width: 175px;
	height: 54px
}

.icons-riverside {
	background-position: -868px -1125px;
	width: 197px;
	height: 30px
}

.icons-psihotrop {
	background-position: -1105px -1125px;
	width: 136px;
	height: 113px
}

.icons-burhouse {
	background-position: -33px -1238px;
	width: 197px;
	height: 60px
}

.icons-worxout {
	background-position: -283px -1238px;
	width: 152px;
	height: 46px
}

.testimonial-slider .slick-dots {
	display: flex !important;
	display: -ms-flexbox;
	justify-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	margin-top: 18px
}

.testimonial-slider .slick-dots li {
	margin: 0 10px;
	background: #e0e0e0;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	cursor: pointer
}

.testimonial-slider .slick-dots li.slick-active {
	background-color: #7a7a7a
}

.testimonial-slider .slick-dots button {
	font-size: 0;
	border: 0;
	background: 0
}

.form-faq-block .container {
	max-width: 1433px
}

.form-faq-block {
	background-color: #f2f2f2
}

.faq-cell {
	padding-bottom: 45px
}

.cell-flex h4 {
	color: #fff
}

.cell-flex {
	margin-bottom: 28px
}

.cell-flex .container {
	padding: 0
}

.panda-form-list li {
	margin-bottom: 40px
}

.quote-btn {
	display: inline-block;
	line-height: 46px;
	border-radius: 40px;
	font-weight: 700;
	padding: 0 20px;
	cursor: pointer;
	font-family: Lato, sans-serif;
	transition: all .4s ease;
	background-color: #ff2601;
	color: #fff;
	border: 2px solid transparent;
	box-shadow: 0 10px 32px 0 rgba(255, 38, 1, .45)
}

.quote-btn:hover {
	background-color: #fff;
	color: #ff2601;
	border-color: #ff2601;
	box-shadow: 0 0 45px 0 rgba(0, 0, 0, .15)
}

.input-global {
	position: relative;
	border-bottom: 1px solid rgba(255, 255, 2552, .17)
}

.select-wrapper {
	text-align: left
}

.required-service {
	width: 100%;
	color: #fff;
	font-size: 17px;
	font-weight: 400;
	cursor: pointer;
	transition: all .3s linear;
	font-family: Lato, sans-serif;
	appearance: none
}

.drop-select {
	position: relative;
	padding: 5px 10px
}

.drop-select:after {
	content: "";
	width: 7.4px;
	height: 7.4px;
	border: solid rgba(255, 255, 255, .72);
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -9px;
	pointer-events: none
}

.join-textarea,
.join-textarea::placeholder {
	font-family: Aleo, serif
}

.input-wrap input {
	border: 0;
	font-size: 16px;
	padding: 5px 10px;
	display: block;
	width: 100%
}

.tooltip-box {
	position: absolute;
	top: 100%;
	margin-top: 11px;
	left: 0;
	background: #ddd;
	color: rgba(0, 0, 0, .83);
	font-size: 15px;
	border-radius: 4PX;
	padding: 0 15px;
	line-height: 28px;
	z-index: 1;
	display: none
}

.tooltip-box::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	bottom: 100%;
	left: 35px;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-bottom: 9px solid #ddd
}

.input-global label {
	position: absolute;
	font-size: 16px;
	left: 10px;
	top: 8px;
	color: #fff;
	font-weight: 400;
	transition: all .3s linear
}

.input-global.focused label {
	top: -14px
}

.join-textarea {
	width: 100%;
	min-height: 100px;
	overflow: hidden;
	padding: 5px 10px
}

.selectBox-dropdown {
	width: 270px !important;
	padding: 5px 10px
}

.placeholder-show::-webkit-input-placeholder {
	color: transparent;
	font-size: 16px;
	font-weight: 400;
	transition: opacity .1s ease-in-out
}

.placeholder-show::-moz-placeholder {
	color: transparent;
	font-size: 16px;
	font-weight: 400;
	transition: opacity .1s ease-in-out
}

.placeholder-show:-ms-input-placeholder {
	color: transparent;
	font-size: 16px;
	font-weight: 400;
	transition: opacity .1s ease-in-out
}

.placeholder-show:-moz-placeholder {
	color: transparent;
	font-size: 16px;
	font-weight: 400;
	transition: opacity .1s ease-in-out
}

.placeholder-show:focus::-webkit-input-placeholder {
	color: rgba(255, 255, 255, .5);
	transition: opacity .1s ease-in-out
}

.placeholder-show:focus::-ms-input-placeholder {
	color: rgba(255, 255, 255, .5);
	transition: opacity .1s ease-in-out
}

.placeholder-show:focus::-moz-placeholder {
	color: rgba(255, 255, 255, .5);
	transition: opacity .1s ease-in-out
}

.form-cell {
	background-color: #5952c9;
	padding: 30px 20px;
	margin-bottom: 25px
}

.faq-head {
	margin-bottom: 20px
}

.faq-list li {
	background-color: #fff;
	padding: 22px 18px;
	margin-bottom: 22px;
	line-height: 1.42;
	position: relative;
	border-radius: 2px;
	box-shadow: 0 2px 5px 0 rgba(0, 1, 1, .07)
}

.faq-list li:last-child {
	margin-bottom: 0
}

.question-wrapper {
	width: 26px;
	height: 26px;
	background: #ff725a;
	position: absolute;
	top: -13px;
	left: 17px;
	border-radius: 50%
}

.cmn-questionmark {
	background-position: -552px -70px;
	width: 9px;
	height: 14px
}

.question {
	color: #131928;
	font-size: 16px
}

.answer {
	display: block;
	position: relative;
	right: auto;
	padding-left: 27px;
	top: 10px;
	left: 0;
	margin: 10px 0
}

.check-wrapper {
	width: 18px;
	height: 18px;
	background: #30ce42;
	position: absolute;
	left: 0;
	top: 3px;
	border-radius: 50%
}

.cmn-checkmark {
	background-position: -552px -148px;
	width: 11px;
	height: 7px
}

.faq-btn {
	border: 1px solid #5952c9;
	height: 100%;
	color: #5952c9
}

.faq-btn:hover {
	background: #5952c9;
	color: #fff
}

.faq-btn:after {
	content: "";
	border: solid #5952c9;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 4px;
	margin-top: 6px;
	margin-left: 4px;
	transform: rotate(-45deg);
	transition: all .5s linear
}

.faq-btn:hover:after {
	border-color: #fff
}

.exclusive-content {
	margin-bottom: 23px
}

.exclusive-ques {
	display: block;
	background-color: #fff;
	color: #131928;
	font-size: 15px;
	border-radius: 40px;
	position: relative;
	padding: 18px 45px 17px 23px;
	box-shadow: 0 2px 5px 0 rgba(0, 1, 1, .07)
}

.exclusive-ques:after {
	content: "";
	position: absolute;
	right: 30px;
	top: 50%;
	width: 10px;
	height: 10px;
	border: solid #5f6168;
	border-width: 0 2px 2px 0;
	padding: 4px;
	transform: translateY(-50%) rotate(45deg);
	overflow: hidden
}

.exclusive-content.active .exclusive-ques:after,
.exclusive-content:hover .exclusive-ques:after {
	transform: translateY(-50%) rotate(-135deg)
}

.answer-blog {
	background-color: #131928;
	padding: 40px 17px 21px;
	margin-bottom: 15px;
	border-radius: 0 0 20px 20px;
	margin-top: -29px;
	display: none
}

.answer-blog p {
	color: #fff;
	font-size: 15px;
	line-height: 1.38;
	margin-bottom: 0;
	display: block
}

.exclusive-content.active .answer-blog,
.exclusive-content:hover .answer-blog {
	display: block
}

.related-services {
	padding: 30px 0;
	border-bottom: 1px solid #e7e7e7
}

.related-services h2 {
	margin-bottom: 18px
}

.services-box {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12);
	background: #fff;
	margin-bottom: 35px;
	padding: 20px 23px;
	border-radius: 4px;
	justify-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center
}

.services-box:last-child {
	margin-bottom: 0
}

.services-content {
	color: #131928;
	font-weight: 700;
	font-family: Lato, sans-serif;
	font-size: 18px;
	padding-top: 7px;
	padding-left: 25px
}

.services-content span {
	display: block
}

.drupal-box {
	border-top: 2px solid #8f87f8
}

.magento-box {
	border-top: 2px solid #ff9362
}

.shopify-box {
	border-top: 2px solid #7dcb93
}

.wp-box {
	border-top: 2px solid #0071bc
}

.icons-drupal {
	background-position: -815px -1004px;
	width: 61px;
	height: 71px
}

.icons-woocommerce {
	background-position: -1150px -452px;
	width: 117px;
	height: 62px
}

.icons-magento {
	background-position: -928px -1004px;
	width: 60px;
	height: 69px
}

.icons-shopify {
	background-position: -1044px -1004px;
	width: 59px;
	height: 66px
}

.icons-wp {
	background-position: -678px -1127px;
	width: 69px;
	height: 69px
}

.updates {
	padding: 56px 0 95px;
	position: relative
}

.updates .container {
	padding: 0 15px
}

.btn-post {
	display: inline-block;
	color: #ff2601;
	font-size: 15px;
	padding: 10px 16px 8px;
	border: 1px solid #ff2601;
	position: absolute;
	left: 50%;
	bottom: 20px;
	border-radius: 20px;
	transform: translateX(-50%)
}

.btn-post:hover {
	background-color: #ff2601;
	color: #fff
}

.blog-head {
	margin-bottom: 22px
}

.updates h2 {
	text-align: center
}

.feed-left {
	margin-bottom: 45px
}

.feed-box img {
	display: block
}

.feed-content {
	background-color: #fff;
	padding: 30px 20px 38px;
	border-radius: 0 0 4px 4px;
	box-shadow: 0 4px 65px 0 rgba(0, 1, 1, .26)
}

.feed-content a {
	display: block;
	font-weight: 700;
	color: #131928;
	font-size: 18px;
	margin-bottom: 17px
}

.feed-content p {
	color: #616161;
	line-height: 1.5;
	font-size: 18px;
	margin-bottom: 0;
	font-family: Lato, sans-serif
}

.box-wrapper {
	width: 84.6%;
	margin-left: 16px
}

.box-wrapper .slick-list {
	overflow: visible
}

.box-slider .slick-list,
.card-slider .slick-list {
	overflow: visible
}

.box-wrapper .active-width {
	transition: all 1s ease
}

.box {
	box-shadow: 0 5px 32px 0 rgba(72, 72, 72, .14);
	border-radius: 3px;
	margin-right: 29px
}

.updates-img {
	height: 132px;
	border-radius: 6px 6px 0 0;
	background-size: cover;
	background-position: center center
}

.text-wrapper {
	min-height: 260px;
	padding: 31px 15px 20px 25px
}

.text-wrapper h3 {
	margin-bottom: 16px;
	padding-right: 20px
}

.text-wrapper h3 a {
	display: block;
	letter-spacing: -.52px;
	font-size: 0;
	font-weight: 700;
	color: #131928
}

.hidden-text.title-hidden,
.title_1 {
	font-size: 20px
}

.hidden-text {
	display: none
}

.text-wrapper p {
	margin-bottom: 0;
	font-size: 16.18px;
	line-height: 1.5
}

[class*=dr-],
[class^=dr-] {
	background-image: url(../images/drupal-sprite.png);
	background-repeat: no-repeat;
	display: inline-block;
	line-height: 14px;
	margin-top: 1px;
	vertical-align: text-top
}

.drupallogo {
	background: #0073ba
}

.dr-logo {
	background-position: -1px -1px;
	width: 48px;
	height: 48px
}

.dr-dr8 {
	background-position: -393px -4px;
	width: 50px;
	height: 56px;
	opacity: .9
}

.dr-ecommerce {
	background-position: -117px -4px;
	width: 55px;
	height: 55px
}

.dr-migration {
	background-position: -182px -4px;
	width: 51px;
	height: 51px
}

.dr-module {
	background-position: -246px -4px;
	width: 63px;
	height: 59px
}

.dr-theme {
	background-position: -326px -4px;
	width: 54px;
	height: 54px
}

.dr-customdev {
	background-position: -53px -4px;
	width: 54px;
	height: 54px
}

.dr-drupal8 {
	background-position: -2px -77px;
	width: 101px;
	height: 114px
}

.dr-pattern {
	background-position: -122px -83px;
	width: 102px;
	height: 102px
}

.dr-acquia {
	background-position: -247px -77px;
	width: 97px;
	height: 115px
}

.dr-aws {
	background-position: -303px -278px;
	width: 108px;
	height: 66px
}

.dr-commerce {
	background-position: -1px -202px;
	width: 220px;
	height: 61px
}

.dr-decoupled {
	background-position: -236px -202px;
	width: 164px;
	height: 35px
}

.dr-drush {
	background-position: -379px -82px;
	width: 100px;
	height: 99px
}

.dr-cloudflare {
	background-position: -11px -295px;
	width: 144px;
	height: 65px
}

.dr-partnered {
	background-position: -453px -4px;
	width: 27px;
	height: 23px
}

.dr-enterprise {
	background-position: -453px -32px;
	width: 27px;
	height: 26px
}

.dr-quality {
	background-position: -418px -202px;
	width: 25px;
	height: 27px
}

.dr-acquiapartner {
	background-position: -11px -389px;
	width: 218px;
	height: 84px
}

.dr-nxtp {
	background-position: -296px -386px;
	width: 123px;
	height: 124px
}

.dr-cashtech {
	background-position: -2px -496px;
	width: 146px;
	height: 92px
}

.dr-peakao {
	background-position: -431px -386px;
	width: 77px;
	height: 109px
}

.dr-edgeco {
	background-position: -161px -530px;
	width: 150px;
	height: 28px
}

.dr-development {
	background-position: -453px -202px;
	width: 22px;
	height: 24px
}

[class*=sf-],
[class^=sf-] {
	background-image: url(../images/shopify-sprite.png);
	background-repeat: no-repeat;
	display: inline-block;
	line-height: 14px;
	margin-top: 1px;
	vertical-align: text-top
}

.shopifylogo {
	background: #95bf47
}

.sf-shopify {
	background-position: -133px -379px;
	width: 22px;
	height: 25px
}

.sf-logo {
	background-position: -1px -1px;
	width: 48px;
	height: 48px
}

.sf-setup {
	background-position: -56px -1px;
	width: 49px;
	height: 56px
}

.sf-design {
	background-position: -112px -4px;
	width: 55px;
	height: 56px
}

.sf-theme {
	background-position: -180px -4px;
	width: 55px;
	height: 55px
}

.sf-custom {
	background-position: -248px -4px;
	width: 55px;
	height: 55px
}

.sf-upgrade {
	background-position: -311px -4px;
	width: 53px;
	height: 56px
}

.sf-zipify {
	background-position: -381px -2px;
	width: 97px;
	height: 97px
}

.sf-sendinblue {
	background-position: -495px -2px;
	width: 92px;
	height: 99px
}

.sf-shogun {
	background-position: -7px -80px;
	width: 125px;
	height: 92px
}

.sf-pagefly {
	background-position: -613px -4px;
	width: 84px;
	height: 84px
}

.sf-hextom {
	background-position: -276px -70px;
	width: 84px;
	height: 84px
}

.sf-bundle {
	background-position: -371px -131px;
	width: 84px;
	height: 84px
}

.sf-outfy {
	background-position: -473px -131px;
	width: 84px;
	height: 84px
}

.sf-returmnagic {
	background-position: -574px -131px;
	width: 84px;
	height: 84px
}

.sf-partner {
	background-position: -3px -191px;
	width: 27px;
	height: 23px
}

.sf-enterprise {
	background-position: -38px -189px;
	width: 27px;
	height: 26px
}

.sf-quality {
	background-position: -75px -188px;
	width: 25px;
	height: 27px
}

.sf-shpartner {
	background-position: -3px -230px;
	width: 266px;
	height: 46px
}

.sf-experts {
	background-position: -164px -376px;
	width: 186px;
	height: 32px
}

.sf-tuxpexi {
	background-position: -303px -243px;
	width: 117px;
	height: 128px
}

.sf-vintagecart {
	background-position: -460px -243px;
	width: 178px;
	height: 88px
}

.sf-delicious {
	background-position: -11px -290px;
	width: 185px;
	height: 70px
}

.sf-imatechpro {
	background-position: -11px -377px;
	width: 108px;
	height: 105px
}

[class*=wo-],
[class^=wo-] {
	background-image: url(../images/woocommerce-sprite.png);
	background-repeat: no-repeat;
	display: inline-block;
	line-height: 14px;
	margin-top: 1px;
	vertical-align: text-top
}

.woocommercelogo {
	background: #9b5c8f
}

.wo-woologo {
	background-position: -3px -2px;
	width: 48px;
	height: 48px
}

.wo-storedev {
	background-position: -60px -2px;
	width: 66px;
	height: 48px
}

.wo-woodev {
	background-position: -135px -2px;
	width: 26px;
	height: 19px
}

.wo-rafflepress {
	background-position: -306px -10px;
	width: 200px;
	height: 47px
}

.wo-yith {
	background-position: -3px -58px;
	width: 98px;
	height: 63px
}

.wo-wpforms {
	background-position: -126px -66px;
	width: 161px;
	height: 47px
}

.wo-wholesale {
	background-position: -325px -75px;
	width: 101px;
	height: 101px
}

.wo-gutenberge {
	background-position: -443px -75px;
	width: 99px;
	height: 105px
}

.wo-easy {
	background-position: -3px -139px;
	width: 98px;
	height: 98px
}

.wo-divi {
	background-position: -124px -139px;
	width: 110px;
	height: 94px
}

.wo-genesis {
	background-position: -3px -250px;
	width: 198px;
	height: 91px
}

.wo-troybilt {
	background-position: -261px -250px;
	width: 163px;
	height: 64px
}

.wo-imagiime {
	background-position: -5px -358px;
	width: 160px;
	height: 75px
}

.wo-nctn {
	background-position: -190px -358px;
	width: 150px;
	height: 78px
}

.wo-eveforest {
	background-position: -454px -250px;
	width: 136px;
	height: 118px
}

[class*=oct-],
[class^=oct-] {
	background-image: url(../images/opencart-sprite.png);
	background-repeat: no-repeat;
	display: inline-block;
	line-height: 14px;
	margin-top: 1px;
	vertical-align: text-top
}

.opencartlogo {
	background: #6bd5ff
}

.oct-cart {
	background-position: -1px -1px;
	width: 48px;
	height: 48px
}

.oct-storedev {
	background-position: -61px -1px;
	width: 56px;
	height: 41px
}

.oct-dev {
	background-position: -127px -1px;
	width: 26px;
	height: 19px
}

.oct-alsobought {
	background-position: -162px -4px;
	width: 93px;
	height: 108px
}

.oct-quickcheckout {
	background-position: -283px -4px;
	width: 81px;
	height: 99px
}

.oct-comingsoon {
	background-position: -386px -4px;
	width: 85px;
	height: 99px
}

.oct-alsoviewed {
	background-position: -493px -4px;
	width: 89px;
	height: 104px
}

.oct-w3c {
	background-position: -4px -58px;
	width: 26px;
	height: 20px
}

.oct-scratch {
	background-position: -10px -103px;
	width: 107px;
	height: 87px
}

.oct-ddeliver {
	background-position: -142px -135px;
	width: 182px;
	height: 57px
}

.oct-ticketeek {
	background-position: -343px -135px;
	width: 145px;
	height: 63px
}

.oct-zohoinfinity {
	background-position: -10px -229px;
	width: 132px;
	height: 43px
}

.wrap-icon svg .st0 {
	stroke: #7f7f7f
}

.wrap-icon svg .st1 {
	stroke: #B2B2B2
}

.banner-animation {
	width: 140px;
	margin: 8px auto;
	display: block;
	-webkit-animation-name: spaceboots;
	-webkit-animation-duration: 5s;
	-webkit-transform-origin: 50% 50%;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear
}

.banner-animation-two {
	-webkit-animation-name: spaceboots;
	-webkit-animation-duration: 9s;
	-webkit-transform-origin: 50% 50%;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear
}

select option {
	color: #000
}

@-webkit-keyframes spaceboots {
	0% {
		-webkit-transform: translate(2px, 1px) rotate(-1deg)
	}

	10% {
		-webkit-transform: translate(-1px, -2px) rotate(-1deg)
	}

	20% {
		-webkit-transform: translate(-1px, -2px) rotate(1deg)
	}

	30% {
		-webkit-transform: translate(0, 2px) rotate(0)
	}

	40% {
		-webkit-transform: translate(1px, -1px) rotate(1deg)
	}

	50% {
		-webkit-transform: translate(-1px, 2px) rotate(-1deg)
	}

	60% {
		-webkit-transform: translate(-3px, 1px) rotate(0)
	}

	70% {
		-webkit-transform: translate(2px, 1px) rotate(-1deg)
	}

	80% {
		-webkit-transform: translate(-1px, -1px) rotate(1deg)
	}

	90% {
		-webkit-transform: translate(2px, 2px) rotate(0)
	}

	100% {
		-webkit-transform: translate(1px, -1px) rotate(-1deg)
	}
}

.top-companies {
	padding: 40px 0;
	border-top: 1px solid #e7e7e7;
}

.top-companies h3 {
	font-size: 24px;
	text-align: center;
	line-height: 1.1;
	margin-bottom: 40px;
}

.top-companies h3 span {
	display: block;
	color: #ff1112;
}

.companies-listed {
	display: flex;
	flex-wrap: wrap;
	box-shadow: 2px 2px 10px rgb(0 0 0 / 10%);
}

.companies-listed .slick-track {
	display: flex;
}

.companies-listed .slick-slide {
	height: auto;
}

.companies-listed .slick-slide>div {
	height: 100%;
}

.companies-listed li {
	width: 25%;
	height: 100%;
	padding: 10px;
	text-align: center;
	border-right: 2px solid #f2f3f6;
}

.companies-listed li figure {
	display: flex;
	align-items: center;
	margin: 0 auto 26px;
	min-height: 136px;
}

.companies-listed li img {
	height: auto;
}
.top-logo img{
	margin:0 auto;
	text-align:center;
}
.top-logo img{ 
width:110px;
height:78px;
}
.companies-listed .bbb-logo img {
	height: 60px;
	object-fit: contain;
}

.companies-listed li p {
	color: #000;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.26;
	font-weight: 600;
	margin-bottom: 15px;
}

.companies-listed li p a {
	color: #000;
}

.companies-listed li p a:hover {
	color: #ff1112;
	text-decoration: underline;
}

.yourstory-logo {
	width: 200px;
}

.tens-logo {
	width: 130px;
}

.clutch-logo {
	width: 141px;
}

.ecommerce-logo {
	width: 190px;
}

.top-web {
	width: 185px;
}

.goodfirms-logo {
	width: 200px;
}

.bbb-logo {
	width: 152px;
}

.manifest-logo {
	width: 160px;
}

.manifest-logo img {
	width: 160px;
}

.feature-shopify-logo {
	width: 106px;
}

.top-developers-logo {
	width: 190px;
}

.expertise-logo {
	width: 190px;
}

.designrush-logo {
	width: 190px;
}

.companies-listed .slick-arrow {
	position: absolute;
	height: 38px;
	width: 38px;
	border-radius: 50%;
	background-color: #fff;
	box-shadow: 0 4px 4.9px 0.1px rgb(0 0 0 / 15%), 0 11px 7.76px 0.24px rgb(0 0 0 / 10%), 0 14px 17.86px 1.14px rgb(0 0 0 / 14%), 0 20px 24.3px 2.7px rgb(0 0 0 / 6%);
	top: 50%;
	font-size: 0;
	cursor: pointer;
	transform: translateY(-50%);
	z-index: 99;
}

.companies-listed .slick-next {
	right: 0;
}

.companies-listed .slick-arrow {
	display: block !important;
}

.companies-listed .slick-prev {
	display: none !important;
}

.companies-listed i {
	display: none;
}

.companies-listed .slick-next:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	background-image: url(../service-images/acclamations-sprites.png);
	background-repeat: no-repeat;
	display: inline-block;
	height: 15px;
	width: 10px;
	background-position: -44px -140px;
	pointer-events: none;
}

@media only screen and (min-width:375px) {

	.answer-blog p,
	.exclusive-ques {
		font-size: 16px
	}
}

@media only screen and (min-width:667px) {
	.skill-logo {
		margin: 0 23px 35px 0
	}

	.awards-partnership {
		display: flex;
		display: -ms-flexbox;
		margin-bottom: 35px
	}

	.award-icons {
		display: flex;
		display: -ms-flexbox;
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		justify-content: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		width: 100%
	}

	.awards-partnership span {
		margin: 0 30px
	}

	.clients-reaction li strong {
		font-size: 28px
	}

	.clients-reaction li p {
		font-size: 16px
	}

	.panda-detail {
		width: 46%
	}

	.clients-reaction {
		justify-content: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		border-bottom: 1px solid #e7e7e7
	}

	.website-info {
		display: flex;
		display: -ms-flexbox;
		justify-content: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center
	}

	.website-block {
		width: 40%
	}

	.services-box {
		max-width: 320px;
		margin: 0 auto 26px
	}

	.services-box {
		padding: 20px 12px;
		position: relative;
		overflow: hidden;
		transition: all .3s linear
	}

	.services-box:hover {
		box-shadow: 0 46px 38px 0 rgba(34, 79, 92, .13)
	}

	.services-box::after {
		content: "";
		position: absolute;
		width: 0;
		right: 0;
		height: 2px;
		bottom: 0;
		opacity: 0;
		transition: 2s ease;
		background: 0
	}

	.services-box:hover::after {
		left: 0;
		right: auto;
		opacity: 1;
		width: 100%;
		transition: .5s ease
	}

	.services-box1:hover::after {
		background: #8f87f8
	}

	.services-box2:hover::after {
		background: #ff9362
	}

	.services-box3:hover::after {
		background: #7dcb93
	}

	.wp-box:hover:after {
		background: #0071bc
	}
}

@media only screen and (min-width:768px) {
	.content .container {
		padding: 0 3%
	}

	.d-sm-flex {
		display: flex;
		display: -ms-flexbox
	}

	h1 {
		font-size: 22px
	}

	h2 {
		font-size: 28px
	}

	.development-banner {
		margin-top: 90px;
		padding: 45px 0
	}

	.banner-left {
		text-align: left;
		margin-top: 50px;
		width: 60%;
		padding-right: 3%
	}

	.development-form {
		width: 40%;
		padding: 35px 20px
	}

	h1::before {
		right: auto
	}

	.points {
		padding: 55px 10px 0;
		display: flex;
		display: -ms-flexbox
	}

	.points li {
		margin: 0 2.7%
	}

	.work-section {
		padding: 35px 0 40px
	}

	.work-wrapper li {
		width: 31.7%
	}

	.agency-parent {
		min-height: 48px
	}

	.convert-section {
		padding: 50px 0
	}

	.convert-list1 {
		border-bottom: 1px solid #655fbf;
		padding-bottom: 45px;
		margin-bottom: 50px
	}

	.convert-list li {
		width: 31%
	}

	.convert-list li,
	.convert-list li p,
	.portfolio-detailing,
	.speed-blog,
	.work-wrapper li {
		margin-bottom: 0
	}

	.partners-list li {
		margin: 0;
		flex: 0 0 auto
	}

	.convert-head {
		position: relative
	}

	.convert-head i,
	.convert-head svg {
		position: absolute;
		left: 0;
		top: 0
	}

	.portfolio-slider .next {
		right: 100px
	}

	.portfolio-slider .previous {
		left: 100px
	}

	.section-choose {
		padding: 55px 0
	}

	.choose-head {
		margin-bottom: 38px
	}

	.choose-detail {
		padding: 36px 0
	}

	.choose-detail ul {
		width: 50%;
		padding: 0 4%
	}

	.choose-detail ul:first-child {
		border-right: 1px solid #e3e3e3
	}

	.certified-slider .slick-slide {
		padding: 0 10px
	}

	.skill-logo {
		margin: 0
	}

	.media-coverage {
		padding: 55px 0
	}

	.media-coverage p {
		margin-bottom: 44px
	}

	.media-slider .slick-slide {
		padding: 0 8px
	}

	.award-content,
	.award-image {
		width: 50%;
		text-align: left
	}

	.partnership-awards h2 {
		margin-bottom: 35px
	}

	.awards-partnership {
		justify-content: space-between;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		margin-bottom: 25px;
		position: relative;
		padding-bottom: 29px;
		width: 100%
	}

	.award-icons {
		display: block
	}

	.awards-partnership span {
		margin: 0 30px 0 0
	}

	.award-content i {
		margin: 0 0 10px 0
	}

	.icons-elementors {
		background-position: -426px -920px
	}

	.awards-partnership::after {
		content: "";
		width: 295px;
		height: 1px;
		background-color: #e4e4e4;
		position: absolute;
		top: 100%;
		left: 0
	}

	.award-end::after {
		background-color: transparent
	}

	.grid-item img {
		width: auto;
		height: auto
	}

	.client-testimonial {
		padding: 55px 0
	}

	.related-services {
		padding-bottom: 46px
	}

	.services-box {
		max-width: none;
		margin-bottom: 0;
		width: 32%;
		padding: 20px 12px
	}

	.services-content {
		font-size: 17px;
		padding-left: 20px
	}

	.text-wrapper h3 {
		margin-bottom: 18px;
		padding-right: 0
	}

	.feed-wrapper {
		display: flex;
		display: -ms-flexbox;
		justify-content: space-between;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify
	}

	.feed-box {
		width: 48%;
		margin-bottom: 0
	}

	.feed-box img {
		display: block
	}

	.feed-content a {
		font-size: 20px
	}
}

@media only screen and (min-width:1024px) {
	.d-md-flex {
		display: flex;
		display: -ms-flexbox
	}

	.d-md-block {
		display: block
	}

	.development-banner {
		padding: 65px 0
	}

	.banner-left {
		width: 54%;
		position: relative;
		margin-bottom: 0;
		margin-top: 90px
	}

	.logo-info {
		position: absolute;
		right: 0;
		bottom: 0;
		display: flex;
		display: -ms-flexbox;
		margin: 0
	}

	.bannerlogo {
		width: 130px;
		height: 120px;
		margin: 24px 0 0 -71px
	}

	.icons-dotted {
		background-position: -95px -28px;
		width: 96px;
		height: 92px
	}

	.development-form {
		width: 38%;
		padding: 45px 20px
	}

	.points {
		padding: 72px 0 0;
		overflow: visible
	}

	.points li {
		margin: 0 3%
	}

	.work-section {
		padding: 55px 0 65px
	}

	.convert-section {
		padding: 25px 0 70px
	}

	.convert-section .container {
		padding-top: 35px
	}

	.convert-section p {
		margin-bottom: 55px
	}

	.portfolio-img {
		width: 40%;
		margin: 0;
		height: 100%
	}

	.background-box {
		display: block;
		-webkit-animation-name: rotate;
		-webkit-animation-duration: 1s;
		-webkit-animation-timing-function: ease;
		-moz-animation-name: rotate;
		-moz-animation-duration: 1s;
		-moz-animation-timing-function: ease -webkit-transition-delay:now;
		-webkit-animation-timing-function: linear;
		-webkit-animation-iteration-count: infinite
	}

	.background-box:before {
		content: "";
		background: #ff2601;
		width: 355px;
		height: 355px;
		border-radius: 50%;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 0
	}

	@-webkit-keyframes rotate {
		from {
			-webkit-transform: rotate(0)
		}

		to {
			-webkit-transform: rotate(360deg)
		}
	}

	.portfolio-content {
		width: 56%;
		padding-top: 0;
		padding-right: 3%
	}

	.background-box {
		width: 350px;
		height: 350px;
		margin: 0;
		left: 15px;
		top: -29px
	}

	.portfolio-slider .slick-arrow {
		top: 50%;
		transform: translateY(-50%)
	}

	.portfolio-slider .slick-arrow::before {
		width: 15px;
		height: 15px
	}

	.portfolio-slider .next {
		right: 27px
	}

	.portfolio-slider .previous {
		left: 30px
	}

	.choose-detail {
		padding: 45px 0
	}

	.choose-detail li {
		margin-bottom: 30px
	}

	.reactio-section {
		padding: 60px 0
	}

	.clients-reaction {
		overflow: visible
	}

	.clients-reaction li {
		margin: 0 40px
	}

	.clients-reaction li strong {
		font-size: 28px
	}

	.clients-reaction li p {
		font-size: 18px
	}

	.panda-detail {
		width: 30%;
		text-align: left;
		margin-bottom: 46px
	}

	.process-section {
		padding: 55px 0
	}

	.process-box {
		width: 33.333%;
		margin-bottom: 0
	}

	.process-detail {
		padding-right: 5%
	}

	.shap-box {
		width: 96%;
		padding-left: 35px
	}

	.wrap-icon span {
		width: 30px
	}

	.shap-box:after {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 0;
		height: 0;
		border-left: 25px solid rgba(72, 72, 72, .14);
		border-top: 25px solid transparent;
		border-bottom: 25px solid transparent
	}

	.process-box1 .shap-box:after {
		display: none
	}

	.awards-partnership span {
		margin: 0;
		width: 50%;
		display: block
	}

	.icons-clutch {
		background-position: -993px -897px;
		width: 147px;
		height: 42px;
		min-height: 55px;
		background-size: auto
	}

	.icons-wvip {
		background-position: -47px -994px;
		width: 134px;
		height: 58px;
		min-height: 55px;
		background-size: auto
	}

	.icons-commerce {
		background-position: -230px -994px;
		width: 278px;
		height: 62px;
		min-height: 55px;
		background-size: auto
	}

	.wordpress-website {
		margin-bottom: 50px
	}

	.wordpress-website p {
		margin-bottom: 45px
	}

	.wordpress-info {
		flex-direction: row-reverse;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse
	}

	.website-img {
		width: 40%;
		margin-bottom: 0
	}

	.website-info {
		width: 60%;
		justify-content: initial
	}

	.website-block {
		width: 50%
	}

	.clients {
		padding-bottom: 0
	}

	.clients,
	.clients h2 {
		position: relative
	}

	.clients:before {
		content: "";
		width: 100%;
		height: 100px;
		background: #f2f2f2;
		transform: skewY(2.4deg);
		position: absolute;
		top: -33px;
		left: 0
	}

	.grid-item .br-aclu {
		background-position: -563px -5px;
		width: 145px;
		height: 150px
	}

	.grid-item .br-intel {
		background-position: -284px -5px;
		width: 269px;
		height: 142px
	}

	.grid-item .br-drivania {
		background-position: -5px -160px;
		width: 269px;
		height: 134px
	}

	.grid-item .br-hp {
		background-position: -563px -306px;
		width: 126px;
		height: 131px
	}

	.grid-item .br-clearrate {
		background-position: -284px -444px;
		width: 269px;
		height: 85px
	}

	.grid-item .br-huawei {
		background-position: -284px -304px;
		width: 269px;
		height: 112px
	}

	.grid-item .br-rg {
		background-position: -5px -304px;
		width: 269px;
		height: 130px
	}

	.grid-item .br-uniliver {
		background-position: -284px -160px;
		width: 269px;
		height: 134px
	}

	.grid-item .br-philips {
		background-position: -563px -165px;
		width: 145px;
		height: 131px
	}

	.grid-item .br-necco {
		background-position: -5px -5px;
		width: 269px;
		height: 145px
	}

	.grid-item .br-cooper {
		background-position: -5px -444px;
		width: 269px;
		height: 93px
	}

	.grid-item .user-rating {
		max-width: 900px;
		margin: 0 auto 30px
	}

	.grid-item .user-speak {
		text-align: left
	}

	.user-speak p {
		width: 76%;
		margin-bottom: 0;
		height: 100%;
		padding: 8px 4% 0 0
	}

	.user-information {
		width: 20%;
		text-align: center;
		padding-left: 4%;
		border-left: 1px solid #e0e0e0
	}

	.break {
		display: block
	}

	.form-cell {
		position: relative
	}

	.form-cell:after {
		content: "";
		position: absolute;
		top: 0;
		right: 100%;
		width: 100vh;
		height: 100%;
		background-color: #5952c9
	}

	.faq-cell,
	.form-cell {
		width: 48%;
		margin-bottom: 0
	}

	.faq-cell {
		padding-top: 40px
	}

	.faq-list li {
		display: flex;
		display: -ms-flexbox;
		justify-content: space-between;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		padding: 0
	}

	.question {
		padding: 20px 10px 20px 20px;
		width: 85%;
		display: flex;
		display: -ms-flexbox;
		align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center
	}

	.answer {
		padding: 15px 0;
		width: 17%;
		margin: 0;
		left: auto;
		top: 0;
		text-align: center;
		border-left: 1px solid #eaeaea
	}

	.check-wrapper {
		position: static;
		margin: 0 auto 6px
	}

	.services-box {
		padding: 22px 25px
	}

	.services-content {
		font-size: 21px;
		padding-left: 27px
	}

	.box-wrapper button.slick-arrow {
		width: 60px;
		height: 60px;
		background: #fff;
		border-radius: 50%;
		box-shadow: 0 5px 32px 0 rgba(72, 72, 72, .14);
		font-size: 0;
		padding: 0;
		position: absolute;
		top: 43%;
		right: -120px;
		transition: all .5s ease
	}

	.box-wrapper .slick-disabled {
		display: none !important
	}

	.box-wrapper .slick-arrow {
		width: 60px;
		height: 60px;
		background: #fff;
		border-radius: 50%;
		box-shadow: 0 5px 29px 0 rgba(0, 1, 1, .22);
		font-size: 0;
		position: absolute;
		top: 43%;
		right: -120px;
		transition: all .5s ease
	}

	.box-wrapper .slick-arrow i {
		display: none
	}

	.box-wrapper .slick-arrow:hover {
		background: #3b3b3b;
		box-shadow: 0 5px 29px 0 rgba(59, 59, 59, .22)
	}

	.box-wrapper .slick-arrow:before {
		content: "";
		display: inline-block;
		width: 13px;
		height: 13px;
		border: solid #3b3b3b;
		border-width: 3px 3px 0 0;
		border-radius: 2px
	}

	.box-wrapper .slick-next:before {
		transform: rotate(45deg)
	}

	.box-wrapper .slick-prev:before {
		transform: rotate(-135deg)
	}

	.box-wrapper button.slick-arrow:hover:before {
		border-color: #fff
	}

	.box-wrapper button.slick-prev {
		z-index: 2;
		left: 0
	}

	.wrap-icon span {
		margin: 0 13px 20px 0
	}
}

@media only screen and (min-width:1200px) {
	.d-lg-flex {
		display: flex;
		display: -ms-flexbox
	}

	h1 {
		font-size: 44px;
		margin-bottom: 33px
	}

	h1::before {
		margin: 15px auto 0
	}

	h2 {
		font-size: 45px;
		line-height: 1.5
	}

	h4 {
		font-size: 30px
	}

	h4 br {
		display: inline
	}

	.development-banner {
		margin-top: 115px;
		padding: 26px 0 35px
	}

	.banner-left {
		width: 65%;
		margin-top: 85px;
		padding-right: 12%
	}

	.banner-left h2 {
		font-size: 30px;
		font-weight: 400;
		line-height: 1.5
	}

	.logo-info {
		bottom: 15px
	}

	.logo-info {
		right: 11px;
		bottom: 24px
	}

	.development-form {
		width: 30%;
		padding: 35px 25px 50px
	}

	.development-form h4 {
		font-size: 28px;
		margin-bottom: 7px
	}

	.development-form p {
		font-size: 18px;
		line-height: 1.2;
		margin-bottom: 21px
	}

	.banner-form li {
		margin-bottom: 20px
	}

	.points {
		padding-top: 50px;
		padding-left: 10px;
		justify-content: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center
	}

	.points li {
		font-size: 17px;
		margin: 0 3.8%;
		padding: 10px 0 0 86px
	}

	.work-section {
		padding-bottom: 85px
	}

	.work-section h2 {
		margin-bottom: 43px
	}

	.work-wrapper li {
		padding: 35px 3% 25px
	}

	.agency-parent span {
		margin-right: 36px
	}

	.work-wrapper li p {
		line-height: 1.7;
		padding-left: 8px
	}

	.portfolio-wrapper {
		padding: 60px 0 30px;
	}

	.choose-head {
		max-width: 920px;
		margin: 0 auto 56px
	}

	.choose-detail {
		padding: 70px 0 40px
	}

	.choose-detail ul {
		padding: 0 7%
	}

	.panda-detail h3 {
		font-size: 22px
	}

	.top-companies h3 span {
		font-size: 36px;
	}

	.media-logo {
		-webkit-animation-name: example-media;
		animation-name: slide;
		animation-duration: 1s;
		animation-timing-function: ease-in-out;
		animation-iteration-count: infinite;
		animation-direction: alternate
	}

	.media-logo {
		position: relative;
		-webkit-animation-name: example-media;
		-webkit-animation-duration: 2s;
		-webkit-animation-iteration-count: infinite;
		animation-name: example-media;
		animation-duration: 2s;
		animation-iteration-count: infinite
	}

	@-webkit-keyframes example-media {
		0% {
			left: 0;
			top: 0
		}

		100% {
			left: 20px;
			top: 0
		}
	}

	@keyframes example-media {
		0% {
			left: 0;
			top: 0
		}

		100% {
			left: 20px;
			top: 0
		}
	}

	.client-testimonial {
		padding: 60px 0
	}

	.user-rating {
		max-width:740px;
		margin: 0 auto 45px
	}

	.user-speak p {
		text-align: left
	}

	.buisness-partners {
		padding: 51px 0 38px
	}

	.partners-list li span i {
		background-size: auto
	}

	.cmn-bbb {
		background-position: -70px -11px;
		width: 127px;
		height: 49px
	}

	.cmn-clutch {
		background-position: -226px -19px;
		width: 133px;
		height: 38px
	}

	.cmn-yelp {
		background-position: -406px -12px;
		width: 119px;
		height: 54px
	}

	.cmn-trustpilot {
		background-position: 0 -94px;
		width: 212px;
		height: 52px
	}

	.cmn-goodfirms {
		background-position: -240px -81px;
		width: 162px;
		height: 60px
	}

	.cmn-star {
		background-position: -544px -113px;
		width: 15px;
		height: 15px
	}

	.box-wrapper {
		width: 100%;
		margin-left: 14px
	}

	.box-wrapper .box {
		overflow: hidden
	}

	.box-wrapper .slick-slide {
		opacity: .3;
		width: 270px
	}

	.box-wrapper .slick-active {
		opacity: 1
	}

	.box-wrapper .active-width {
		width: 570px !important;
		box-shadow: 0 4px 65px 0 rgba(0, 1, 1, .26)
	}

	.updates-img {
		height: 165px
	}

	.text-wrapper {
		padding: 32px 22px 30px 42px;
		min-height: 290px
	}

	.box-wrapper .slick-current .text-wrapper {
		padding: 38px 30px 30px
	}

	.box-wrapper .slick-arrow.slick-prev {
		left: 12px
	}

	.box-wrapper .slick-arrow.slick-next {
		right: 12px
	}

	.box-wrapper .slick-current.active-width .hidden-text,
	.exceprt_1 {
		display: inline
	}

	.box-wrapper .active-width .text-wrapper {
		width: 570px !important
	}

	.icons-wpengine {
		background-position: -23px -846px;
		width: 220px;
		height: 60px;
		background-size: 967px 1037px
	}

	.icons-goodfirms {
		background-position: -303px -845px;
		width: 217px;
		height: 40px;
		background-size: 1108px 1036px
	}

	.icons-clutch {
		background-position: -859px -673px;
		width: 186px;
		height: 40px;
		background-size: 1121px 1036px
	}

	.icons-elementors {
		background-position: -619px -920px;
		width: 299px;
		height: 63px;
		background-size: 1249px 1036px
	}

	.awards-partnership .wpengine {
		margin-right: 60px
	}

	.blog-head {
		margin-bottom: 35px;
		display: flex;
		display: -webkit-box;
		display: -ms-flexbox;
		align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		justify-content: space-between;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify
	}

	.btn-post {
		position: static;
		transform: none;
		height: 100%
	}
}

@media only screen and (min-width:1280px) {
	.content .container {
		padding: 0 15px
	}

	h3 {
		font-size: 28px
	}

	p {
		font-size: 17px;
		line-height: 27px
	}

	h4 {
		font-size: 35px
	}

	.btn {
		line-height: 61px;
		padding: 0 45px
	}

	.banner-left {
		margin-top: 135px
	}

	.convert-button {
		left: 0;
		right: 0;
		width: 68px;
		height: 69px;
		top: -32px
	}

	.convert-section {
		padding: 75px 0 124px
	}

	.convert-section h2 {
		font-size: 40px;
		margin-bottom: 0
	}

	p.development-para {
		font-size: 23px;
		margin-bottom: 100px;
		padding: 0 4%
	}

	.convert-list1 {
		padding-bottom: 71px;
		margin-bottom: 59px
	}

	.lightspeed-head h3 {
		font-size: 25px
	}

	.convert-list li p {
		font-size: 18px;
		line-height: 1.3
	}

	.portfolio-content {
		width: 53%;
		padding-right: 2%
	}

	.section-choose {
		padding: 70px 0 121px
	}

	.choose-head h2 {
		margin-bottom: 9px;
		line-height: 1.1
	}

	.choose-detail li {
		margin-bottom: 50px
	}

	.certified-experts {
		padding: 77px 0 50px
	}

	.certified-experts h2 {
		margin-bottom: 5px
	}

	.certified-slider {
		padding: 55px 0 32px
	}

	.certified-slider .slick-slide {
		padding: 0
	}

	.skill-logo {
		padding: 19px 33px;
		margin: 0 23px 35px 0
	}

	.certified-slider .previous {
		left: -45px
	}

	.certified-slider .slick-arrow {
		width: 53px;
		height: 53px;
		margin-top: -3px
	}

	.certified-slider .previous.slick-arrow::before {
		left: 22px;
		top: 21px
	}

	.certified-slider .slick-arrow::before {
		content: "";
		position: absolute;
		width: 15px;
		height: 15px
	}

	.certified-slider .next {
		right: -25px
	}

	.certified-slider .next.slick-arrow::before {
		right: 22px;
		top: 21px;
		left: auto
	}

	.reactio-section {
		padding: 70px 0 63px
	}

	.reactio-section h2 {
		margin-bottom: 80px
	}

	.clients-reaction {
		justify-content: space-between;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		padding-bottom: 29px;
		margin-bottom: 69px
	}

	.clients-reaction li {
		display: block;
		width: 27%
	}

	.clients-reaction li strong {
		font-size: 53px;
		margin-right: 6px
	}

	.clients-reaction li strong sup {
		position: relative;
		top: -18px;
		left: -13px;
		font-size: 32px
	}

	.clients-reaction li p {
		font-size: 19px;
		display: inline-block
	}

	.bg-circle {
		margin-bottom: 21px
	}

	.panda-detail {
		width: 31.6%;
		margin-bottom: 80px
	}

	.htmlpanda-data {
		margin-bottom: 0
	}

	.media-coverage {
		padding: 70px 0 90px
	}

	.media-coverage h2 {
		line-height: 1.1;
		margin-bottom: 4px
	}

	.media-coverage p {
		font-size: 18px;
		margin-bottom: 73px
	}

	.media-slider .slick-slide {
		padding: 0
	}

	.media-logo {
		height: 111px;
		margin-right: 21px
	}

	.media-slider .slick-arrow {
		width: 53px;
		height: 53px;
		top: 50%;
		transform: translateY(-50%)
	}

	.media-slider .previous {
		left: -40px
	}

	.media-slider .next {
		right: -20px
	}

	.media-slider .slick-arrow::before {
		width: 14px;
		height: 14px
	}

	.media-slider .previous.slick-arrow::before {
		left: 22px;
		top: 20px
	}

	.media-slider .next.slick-arrow::before {
		right: 22px;
		top: 20px;
		left: auto
	}

	.process-section {
		padding: 55px 0 93px
	}

	.process-section h2 {
		margin-bottom: 42px
	}

	.shap-box {
		font-size: 21px;
		padding: 21px 20px 21px 55px;
		margin-bottom: 51px;
		min-height: 68px
	}

	.shap-box::before {
		right: -33px;
		border-left: 34px solid #fff;
		border-top: 34px solid transparent;
		border-bottom: 34px solid transparent;
		bottom: 0
	}

	.shap-box::after {
		border-left: 34px solid rgba(72, 72, 72, .14);
		border-top: 34px solid transparent;
		border-bottom: 34px solid transparent
	}

	.process-detail li p {
		font-size: 18px
	}

	.process-detail li span {
		margin-right: 38px
	}

	.award-content,
	.award-image {
		width: 46%;
		margin-bottom: 0
	}

	.partnership-awards {
		padding: 90px 0 30px
	}

	.partnership-awards h2 {
		margin-bottom: 94px
	}

	.awards-partnership {
		padding-bottom: 37px;
		margin-bottom: 38px
	}

	.award-image {
		padding-top: 25px
	}

	.wordpress-website {
		padding: 91px 0;
		margin-bottom: 40px
	}

	.wordpress-website h2 {
		line-height: 1;
		margin-bottom: 15px
	}

	.wordpress-website h2 span {
		display: block
	}

	.wordpress-website p {
		margin-bottom: 96px
	}

	.website-block li {
		font-size: 19px;
		margin-bottom: 27px;
		padding-left: 47px
	}

	.convert-section .container {
		padding-top: 35px
	}

	.client-testimonial {
		padding: 85px 0 83px
	}

	.client-testimonial h2 {
		margin-bottom: 22px
	}

	.break {
		display: inline-block
	}

	.user-rating {
		font-size: 20px;
		line-height: 29px;
		margin: 0 auto 58px
	}

	.user-speak p {
		width: 82%;
		line-height: 35px;
		text-align: left
	}

	.testimonial-slider .slick-dots {
		margin-top: 68px
	}

	.quickstart h4 {
		font-size: 45px
	}

	.quickstart h4 {
		margin-bottom: 48px
	}

	.faq-head h3 span {
		font-size: 29px;
		font-weight: 400
	}

	.form-cell {
		width: 46%;
		padding: 2% 4% 60px 2%;
	}

	.cell-flex h4 {
		font-size: 32px
	}

	.faq-cell {
		width: 49%;
		padding: 60px 8% 60px 0
	}

	.faq-head {
		margin-bottom: 43px;
		align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center
	}

	.faq-head h3 {
		font-size: 45px;
		line-height: 1;
		width: 78%
	}

	.exclusive-ques {
		font-size: 17px;
		padding: 20px 50px 19px 28px
	}

	.answer-blog {
		padding: 42px 22px 24px
	}

	.faq-btn {
		padding: 0 25px;
		line-height: 44px
	}

	.input-wrap input {
		padding: 14px 10px
	}

	.related-services {
		padding: 73px 0 100px
	}

	.related-services h2 {
		margin-bottom: 50px
	}

	.services-box {
		padding: 28px 33px;
		margin: 0 25px 0 0
	}

	.services-box:last-child {
		margin: 0
	}

	.services-content {
		padding-left: 31px
	}

	.awards-partnership .wpengine {
		margin-right: 49px
	}

	.drop-select {
		padding: 14px 10px
	}
}

@media only screen and (min-width:1366px) {

	.certified-slider .next,
	.media-slider .next {
		right: -57px
	}

	.certified-slider .previous,
	.media-slider .previous {
		left: -80px
	}

	.cell-flex h4 {
		font-size: 36px
	}

	.companies-listed .slick-next {
		right: -30px;
	}
}

@media only screen and (min-width:1440px) {
	.certified-slider .next {
		right: -113px
	}

	.certified-slider .previous {
		left: -123px
	}

	.media-slider .previous {
		left: -135px
	}

	.media-slider .next {
		right: -126px
	}

	.development-banner {
		margin-top: 135px
	}

	.development-form {
		padding: 41px 25px 58px
	}

	.banner-left {
		margin-top: 145px
	}
}

@media only screen and (min-width:1600px) {
	.portfolio-wrapper {
		padding: 72px 0 80px
	}

	.portfolio-img {
		width: 44%;
		margin-left: -40px;
		margin-top: 23px
	}

	.portfolio-content {
		width: 52%;
		padding-top: 0
	}

	.portfolio-heading strong {
		font-size: 30px;
		margin-bottom: 4px
	}

	.portfolio-heading {
		margin-bottom: 12px
	}

	.portfolio-content p {
		margin-bottom: 19px
	}

	.project-description {
		margin: 15px 0 52px;
		padding-top: 22px
	}

	.portfolio-detailing {
		padding-top: 17px
	}

	.portfolio-detailing li {
		margin-bottom: 23px
	}

	.portfolio-detailing li i {
		margin-right: 22px
	}

	.portfolio-detailing li svg {
		margin-right: 22px
	}

	.speed-blog {
		height: 100%;
		padding: 17px 30px 19px
	}

	.background-box {
		width: 450px;
		height: 450px;
		left: -90px;
		top: -24px
	}

	.background-box::before {
		width: 455px;
		height: 455px
	}

	.portfolio-slider .slick-arrow::before {
		width: 24px;
		height: 24px;
		border-width: 5px 5px 0 0
	}

	.portfolio-slider .next {
		right: 150px
	}

	.portfolio-slider .previous {
		left: 150px
	}

	.box-wrapper .slick-arrow.slick-prev {
		left: -190px
	}

	.box-wrapper button.slick-next {
		top: 43%;
		right: -197px
	}

	.text-wrapper {
		min-height: 330px
	}

	.text-wrapper h3 {
		margin-bottom: 22px
	}

	.box-wrapper .slick-arrow.slick-next {
		top: 43%;
		right: -170px
	}

	.box-wrapper .slick-arrow.slick-prev {
		left: -190px
	}

	.updates {
		padding: 90px 0 90px
	}

	.box-wrapper {
		margin-left: 0
	}
}

@media only screen and (min-width:1800px) {
	.background-box {
		width: 490px;
		height: 490px;
		left: -217px;
		top: -24px
	}

	.background-box::before {
		width: 495px;
		height: 495px
	}

	.portfolio-img {
		width: 50%;
		margin-left: -50px;
		margin-top: 23px
	}

	.portfolio-content {
		width: 49%;
		padding-top: 0
	}

	.portfolio-slider .next {
		right: 295px
	}

	.portfolio-slider .previous {
		left: 205px
	}
}