@import url(bootstrap.min.css);
@import url(fonts.css);
html {
	overflow-x: hidden
}
body {
	margin: 0;
	background: #fff;
	padding-top: 94px
}
div, table {
	font-family: Poppins, sans-serif;
	font-size: 16px;
	color: #333;
	line-height: 26px
}
a {
	color: #333;
	text-decoration: none;
	transition: .2s ease-in-out
}
a:hover {
	color: #333;
	text-decoration: none
}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
	display: block
}
* {
	box-sizing: border-box
}
::-webkit-input-placeholder {
	color: #666
}
::-moz-placeholder {
	color: #666
}
:-ms-input-placeholder {
	color: #666
}
:-moz-placeholder {
	color: #666
}
img {
	border: none
}
p {
	margin: 0 0 20px
}
.img-left, .left {
	float: left
}
.img-right, .right {
	float: right
}
#left, #logo, #social {
	float: left
}
#right, #top_link {
	float: right
}
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 20px
}
h1 {
	font-size: 30px
}
h2 {
	font-size: 26px
}
h3 {
	font-size: 22px
}
h4 {
	font-size: 18px
}
h5 {
	font-size: 16px
}
.gray-bg {
	background: #f5f5f5
}
.img-left {
	margin-right: 10px
}
.img-right {
	margin-left: 10px
}
ul {
	margin: 0;
	padding: 0;
	list-style: none
}
.ul {
	margin: 0 0 20px;
	padding-left: 20px;
	list-style: none
}
.ul li {
	line-height: 24px;
	list-style-image: url(../images/li-arrow.png);
	margin: 0 0 8px
}
.pricing-ul {
	margin: 0 0 20px;
	padding-left: 20px;
	list-style: none
}
.pricing-ul li {
	line-height: 24px;
	list-style-image: url(../images/li4.png);
	margin: 0 0 8px
}
.mobile {
	display: none
}
.desktop {
	display: block
}
.table {
	border-collapse: collapse;
	margin: 10px 0 0;
	width: 712px
}
.table th {
	background: #002f92;
	border-right: 1px solid #fff;
	font-weight: 400;
	padding: 13px 8px;
	color: #fff
}
.table td {
	background: #f3f3f3;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 8px;
	border-bottom: 1px solid #fff
}
.table tr:hover td {
	background: #d9f5f8
}
#menu-toggle {
	float: right;
	padding: 35px 26px;
	background: #318eef;
	border-radius: 0;
	z-index: 10;
	position: relative;
	display: none
}
.navbar .navbar-header .icon-bar {
	background-color: #fff;
	display: block;
	width: 46px;
	height: 3px;
	border-radius: 1px;
	margin-top: 6px
}
.navbar .navbar-header .icon-bar:first-child {
	margin-top: 0
}
.navbar-inverse {
	margin: 0;
	background-color: transparent;
	border-color: transparent;
	padding: 0
}
.navbar {
	border-radius: 0;
	position: fixed;
	border: none;
	z-index: 10;
	width: 100%
}
.navbar-brand {
	padding: 7px 0 7px 20px;
	height: auto;
	text-transform: uppercase;
	color: #333;
	font-size: 30px;
	margin: 0;
	float: left
}
.partner-logo {
	padding-right: 20px
}
.call {
	float: right;
	padding: 0 20px;
	line-height: 40px;
	color: #000;
}
.call a:hover {
	color: #318eef
}
.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
	color: #333
}
.navbar-header {
	float: none;
	width: 100%
}
ul.services {
	margin: 0;
	padding: 0;
	list-style: none
}
ul.services li {
	background: #fff;
	float: left;
	border-radius: 4px;
	padding: 0 50px 0 10px;
	font-size: 14px;
	color: #373d4b;
	margin: 0 2% 10px 0;
	width: 49%;
	line-height: 20px;
	height: 54px;
	position: relative;
	transition: .2s ease-in-out;
	display: table
}
ul.services li a {
	display: table-cell;
	vertical-align: middle
}
ul.services li:hover {
	color: #fff;
	background: #de204f
}
ul.services li:hover a {
	color: #fff
}
ul.services li:nth-child(2n+2) {
	margin-right: 0
}
ul.services li span {
	position: absolute;
	right: 10px;
	bottom: 9px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	line-height: 36px;
	background: #de204f
}
ul.services li:hover span {
	background: #fff;
	color: #de204f
}
.white-btn {
	border: 1px solid #00062d;
	background: #fff;
	font-size: 14px;
	color: #00062d;
	font-weight: 700;
	text-transform: uppercase;
	height: 50px;
	line-height: 50px;
	padding: 0 30px;
	-moz-box-shadow: 2px 3px 4px #fff000;
	-webkit-box-shadow: 2px 3px 4px #fff000;
	box-shadow: 2px 3px 4px #fff000;
	cursor: pointer;
	transition: .2s ease-in-out
}
.white-btn:hover {
	background: #f1f1f1
}
.cbp-af-header .navbar-brand {
	width: 206px
}
.cbp-af-header .navbar-brand img {
	width: 100%; height: auto
}
.cbp-af-header .partner-logo {
	margin: 40px 0 0 30px;
	float: left
}
.top-right {
	float: right;
	padding: 35px 0
}
.top-right ul {
	margin: 0;
	padding: 0;
	list-style: none
}
.top-right ul li {
	float: left;
	margin-left: 20px
}
.top-right ul li i {
	margin-right: 10px;
	color: #999
}
.top-right ul li a {
	color: #333
}
.jumbotron {
	margin: 0;
}
.jumbotron img {
	height: 100vh
}
.jumbotron .container {
	max-width: 100%;
	height: 100%
}
.home-ban {
	position: relative
}
.home-ban img {
	width: 100%
}
.home-services {
	position: absolute;
	bottom: 0;
	left: 0;
	width: calc(100%);
	overflow: hidden;
	z-index: 10
}
.home-services ul {
	margin: 0;
	padding: 0;
	list-style: none
}
.home-services ul li {
	width: 25%;
	float: left;
	padding: 20px 40px;
	height: 112px
}
.home-services ul li span.number {
	font-size: 19px;
	font-weight: 300;
	position: relative;
	padding-left: 50px;
	color: #fff
}
.home-services ul li span.number:before {
	height: 1px;
	width: 40px;
	background: #fff;
	left: 0;
	top: 14px;
	content: '';
	position: absolute
}
.home-services ul li h4 {
	font-size: 19px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	margin: 0
}
.home-services ul li h4 span {
	display: block
}
.home-services ul li.what-we {
	background: #fff;
	font-size: 40px;
	font-weight: 700;
	color: #010b55;
	text-align: center;
	margin-top: 46px;
	position: relative;
	height: auto
}
.no-webp .home-services ul li.what-we:after {
	background: url(../images/sprites.png) -36px -4px no-repeat;
	right: -24px;
	top: 0;
	position: absolute;
	content: '';
	width: 24px;
	height: 24px
}
.webp .home-services ul li.what-we:after {
	background: url(../images/sprites.webp) -36px -4px no-repeat;
	right: -24px;
	top: 0;
	position: absolute;
	content: '';
	width: 24px;
	height: 24px
}
.home-services ul li.web-design {
	background: url(../images/purple-bg.png) no-repeat center center;
	background-size: cover
}
.home-services ul li.apps-development {
	background: url(../images/green-bg.png) no-repeat center center;
	background-size: cover
}
.home-services ul li.digital-marketing {
	background: url(../images/red-bg.png) no-repeat center center;
	background-size: cover
}
.no-webp .home-services ul li .icon {
	background: url(../images/menu-icon.png) no-repeat center center;
	width: 69px;
	height: 69px;
	float: left;
	display: block;
	margin-right: 10px
}
.webp .home-services ul li .icon {
	background: url(../images/menu-icon.webp) no-repeat center center;
	width: 69px;
	height: 69px;
	float: left;
	display: block;
	margin-right: 10px
}
.home-services ul li.web-design .icon {
	background-position: -10px -350px
}
.home-services ul li.apps-development .icon {
	background-position: -98px -351px
}
.home-services ul li.digital-marketing .icon {
	background-position: -200px -352px
}
.home-ban .ban-form {
	position: absolute;
	right: 0;
	top: 0;
	width: 25%;
	height: calc(100vh - 202px);
	background: rgba(255, 255, 255, .2);
	z-index: 10;
	padding: 20px
}
.home-ban .free-quote {
	background: #fff001 url(../images/free-quote-bg.png) no-repeat center center;
	background-size: cover;
	position: absolute;
	z-index: 10;
	padding: 40px 30px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	width: 80%
}
.no-webp .home-ban .free-quote .icon {
	float: left;
	margin-right: 10px;
	background: url(../images/menu-icon.png) no-repeat center center;
	width: 40px;
	height: 46px;
	display: block;
	background-position: -290px -363px
}
.webp .home-ban .free-quote .icon {
	float: left;
	margin-right: 10px;
	background: url(../images/menu-icon.png) no-repeat center center;
	width: 40px;
	height: 46px;
	display: block;
	background-position: -290px -363px
}
.home-ban .free-quote .icon img {
	width: auto;
	height: auto
}
.home-ban .free-quote h3 {
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 700;
	color: #01062e;
	margin: 0 0 20px;
	line-height: 30px
}
.home-ban .free-quote h3 span {
	font-size: 15px;
	color: #373d4b;
	text-transform: none;
	font-weight: 300;
	line-height: 20px;
	display: block
}
.home-ban .free-quote .white-btn {
	clear: both;
	margin: 0;
	font-size: 16px;
	padding: 0 30px;
	line-height: 50px;
	height: 50px;
	display: table;
	float: left;
	width: 100%;
	background: #000632;
	color: #fff
}
.home-ban .free-quote .white-btn:hover {
	background: #318eef;
	color: #fff
}
.home-ban .free-quote span.respect {
	font-size: 13px;
	color: #000;
	line-height: 50px;
	text-align: center;
	display: block
}
.home-ban .free-quote .input {
	width: 100%;
	border-radius: 0;
	padding: 0 10px;
	height: 42px;
	line-height: 42px;
	border: 1px solid #999;
	margin-bottom: 6px
}
.home-ban .free-quote label {
	display: none
}
.home-ban .free-quote .input.textarea {
	min-height: 80px;
	display: block
}
.row1 {
	width: 100%
}
#content {
	position: relative
}
#content .row1 {
	padding: 40px 0
}
.usp {
	padding: 0;
	margin: 0;
	position: relative;
	background: url(../images/usp-bg.png) no-repeat center left;
	background-size: cover
}
.usp .box {
	position: relative;
	margin: 0 auto;
	color: #fff;
	font-size: 16px;
	z-index: 1;
	width: 1320px;
	display: block
}
.usp .box .left {
	margin: 30px 0
}
.usp .box .left h2 {
	font-size: 44px;
	color: #00062d;
	line-height: 58px;
	margin: 0 0 50px;
	text-align: right;
	font-weight: 700
}
.usp .box .left h2 span {
	color: #146bcd
}
.usp .box .left ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right
}
.usp .box .left ul li {
	display: inline-block;
	width: 154px;
	height: 154px;
	border: 10px solid #e8edf6;
	background: #fff;
	border-radius: 50%;
	padding: 40px 10px;
	margin-left: 10px
}
.usp .box .left ul li img {
	width: 100%
}
.usp .box .left h3 {
	text-align: right;
	margin-top: 30px
}
.usp .box .right ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right
}
.usp .box .right ul li {
	margin: 15px 0;
	color: #4c5275;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 700;
	padding: 14px 10px
}
.usp .box .right ul li span {
	font-size: 84px;
	color: #4c5275;
	font-weight: 600;
	line-height: 90px;
	text-transform: none;
	display: block
}
.usp .box .right ul li.project {
	background: url(../images/project-bg.png) no-repeat center center;
	width: 354px;
	height: 148px;
	position: relative;
	margin-left: 100px
}
.usp .box .right ul li.project .icon {
	background: #de204f;
	width: 92px;
	height: 92px;
	position: absolute;
	left: -100px;
	top: 0;
	content: '';
	border-radius: 50%;
	padding: 18px
}
.usp .box .right ul li.years {
	background: url(../images/years-bg.png) no-repeat center center;
	width: 454px;
	height: 148px;
	position: relative;
	margin-right: 100px
}
.usp .box .right ul li.years .icon {
	background: #00a693;
	width: 92px;
	height: 92px;
	position: absolute;
	right: -100px;
	top: 0;
	content: '';
	border-radius: 50%;
	padding: 18px
}
.usp .box .right ul li.years span {
	font-size: 50px;
	text-align: center;
	line-height: 58px
}
.usp .box .right ul li.space {
	background: url(../images/space-bg.png) no-repeat center center;
	width: 354px;
	height: 148px;
	position: relative;
	margin-left: 100px
}
.usp .box .right ul li.space .icon {
	background: #895ee4;
	width: 92px;
	height: 92px;
	position: absolute;
	left: -100px;
	top: 0;
	content: '';
	border-radius: 50%;
	padding: 18px
}
.usp .box .right ul li.team {
	background: url(../images/team-bg.png) no-repeat center center;
	width: 454px;
	height: 148px;
	position: relative;
	margin-right: 100px
}
.usp .box .right ul li.team .icon {
	background: #2087de;
	width: 92px;
	height: 92px;
	position: absolute;
	right: -100px;
	top: 0;
	content: '';
	border-radius: 50%;
	padding: 18px
}
.usp .box .right ul li.team span {
	font-size: 40px;
	text-align: center;
	line-height: 118px;
	color: #fff
}
.projects-new {
	background: #0e1d4d;
	text-align: center
}
.projects-new h2 {
	font-size: 40px;
	margin: 0 0 30px;
	font-weight: 700;
	color: #fff;
	line-height: 50px;
	text-transform: uppercase
}
.projects-new h2 span {
	color: #ed184f
}
.projects-new ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center
}
.projects-new ul li {
	display: inline-block;
	margin: 10px 10px;
	width: 22%
}
.projects-new ul li img {
	max-width: 100%;
	width: 100%
}

.projects-new .pink-btn:hover {
	background: #fff;
	color: #AA1A00
}
.no-webp .whu-us {
	background: url(../images/whu-us-bg.png) no-repeat left center;
	background-size: cover;
	position: relative;
	text-align: center
}
.webp .whu-us {
	background: #f0f6fb;
	position: relative;
	text-align: center
}
.whu-us .box {
	position: relative;
	margin: 0 auto;
	color: #fff;
	font-size: 16px;
	z-index: 1;
	width: 1320px;
	display: block
}
.whu-us h2 {
	font-size: 40px;
	margin: 0 0 20px;
	font-weight: 700;
	color: #00062d;
	line-height: 50px;
	text-transform: uppercase
}
.whu-us h2 span {
	color: #0a25d9
}
.whu-us .row{margin-top: 40px;}
.whu-us h4 {
	font-size: 14px;
	color: #895ee4;
	font-weight: 700;
	margin: 0 0 50px 120px;
	text-transform: uppercase
}
.whu-us h4 span {
	border-bottom: 1px solid #895ee4
}
.whu-us ul.loveus {
	margin: 0;
	text-align: center
}
.whu-us ul.loveus li .sprites-new {
	background: url(../images/sprites-new.png) no-repeat;
	display: block;
	width: 50px;
	height: 50px;
	margin: 0 auto 20px
}
.whu-us ul.loveus li .done {
	background-position: -306px -6px
}
.whu-us ul.loveus li .timelines {
	background-position: -374px -7px
}
.whu-us ul.loveus li .you-up {
	background-position: -442px -7px
}
.whu-us ul.loveus li {
	display: inline-table;
	width: 333px;
	padding: 0;
	margin-right: 65px
}
.whu-us ul.loveus li p {
	margin: 0
}
.whu-us ul.loveus li:last-child {
	border: none;
	margin: 0
}
.whu-us ul.loveus li img {
	margin-bottom: 20px
}
.whu-us ul.loveus li h3 {
	font-size: 25px;
	color: #00062d;
	font-weight: 700;
	line-height: 28px;
	margin: 0 0 20px
}
.whu-us ul.loveus li h3 span {
	display: block
}
.no-webp .happy-client {
	position: relative;
	background: url(../images/happy-client.jpg) no-repeat center center;
	background-size: cover;
	border-bottom: 2px solid #ececec
}
.webp .happy-client {
	position: relative;
	background: url(../images/happy-client.webp) no-repeat center center;
	background-size: cover;
	border-bottom: 2px solid #ececec
}
.happy-client h2 {
	font-size: 40px;
	color: #00062d;
	font-weight: 700;
	text-align: center;
	margin: 0 0 40px;
	line-height: 50px;
	text-transform: uppercase
}
.happy-client h2 span {
	color: #ed184f
}
.happy-client a{display: table; margin: 0 auto;}
.happy-client ul {
	margin: 0;
	padding: 0;
	list-style: none
}
.happy-client ul li {
	float: left;
	width: 48%;
	background: #fff;
	box-shadow: 0 0 5px #ccc;
	padding: 20px;
	border-radius: 10px
}
.happy-client ul li:last-child {
	float: right
}
.happy-client .view-more {
	background: #AA1A00;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
	color: #fff;
	border: none;
	border-radius: 6px;
	padding: 0 20px;
	line-height: 42px;
	cursor: pointer;
	display: table;
	margin: 30px auto 0
}
.happy-client .view-more:hover {
	background: #000
}
.happy-client .client-img {
	float: left;
	width: 140px;
	height: 140px;
	background: #d9f2ef;
	border: 2px solid #02adac;
	border-radius: 50%;
	padding: 10px;
	position: relative
}
.happy-client .client-img img {
	width: 100%;
	border-radius: 50%;
	border: 3px solid #fff
}
.happy-client .testimonial {
	float: right;
	width: 70%;
	text-align: left
}
.happy-client .name {
	color: #878fa0;
	margin-top: 20px;
	font-size: 12px;
	line-height: 20px;
	text-align: center
}
.happy-client .name span {
	text-transform: uppercase;
	color: #de204f;
	font-weight: 700;
	display: block
}
.happy-client .white-btn {
	padding: 0 50px
}
.happy-client .box {
	text-align: center
}
.happy-client .count {
	font-size: 210px;
	color: #0a25d9;
	font-weight: 700;
	line-height: 210px
}
.happy-client .happy-clients {
	font-size: 20px;
	color: #00062d;
	font-weight: 700;
	margin-top: -130px;
	text-transform: uppercase;
	letter-spacing: 3px
}
.happy-client .happy-clients span {
	background: #ffbc06;
	padding: 0 10px;
	-moz-box-shadow: 1px 1px 10px #ccc;
	-webkit-box-shadow: 1px 1px 10px #ccc;
	box-shadow: 1px 1px 10px #ccc
}
.industries {
	height: auto;
	padding: 40px 0 !important;
	width: calc(100% - 100px);
	position: relative
}
.industries:before {
	background: #ecf1f9;
	left: 0;
	top: 0;
	position: absolute;
	height: 470px;
	width: 100%;
	content: ''
}
.industries .box {
	margin: 0 auto;
	color: #fff;
	font-size: 16px;
	z-index: 1;
	width: 1320px;
	display: block
}
.industries .box .bx-wrapper {
	margin-bottom: 0
}
.industries h2 {
	font-size: 100px;
	margin: 0 0 20px;
	font-weight: 700;
	color: #00062d;
	-webkit-text-stroke: 1px #fff;
	line-height: 100px;
	letter-spacing: 11px;
	text-align: center;
	position: relative
}
.industries ul {
	margin: 0;
	padding: 0;
	list-style: none
}
.industries ul li {
	width: 244px !important;
	margin: 0 10px;
	float: left
}
.industries ul li:nth-child(2n+2) {
	margin-top: 50px
}
.industries ul li .industries-box {
	-moz-box-shadow: 1px 1px 10px #ccc;
	-webkit-box-shadow: 1px 1px 10px #ccc;
	box-shadow: 1px 1px 10px #ccc;
	border-radius: 5px;
	margin-bottom: 50px
}
.industries ul li .industries-box img {
	width: 100%;
	border-radius: 5px 5px 0 0
}
.industries ul li h3 {
	font-size: 15px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	color: #4c5275;
	margin: 0;
	line-height: 60px;
	height: 60px;
	background: #fff
}
.no-webp .industries ul li .icon {
	width: 95px;
	height: 95px;
	border-radius: 50%;
	border: 1px solid #a6aac4;
	position: relative;
	display: table;
	margin: 0 auto;
	padding: 20px;
	background: url(../images/menu-icon.png) no-repeat center center
}
.webp .industries ul li .icon {
	width: 95px;
	height: 95px;
	border-radius: 50%;
	border: 1px solid #a6aac4;
	position: relative;
	display: table;
	margin: 0 auto;
	padding: 20px;
	background: url(../images/menu-icon.webp) no-repeat center center
}
.industries ul li .icon.industries-icon1 {
	background-position: 6px -418px
}
.industries ul li .icon.industries-icon2 {
	background-position: -69px -418px
}
.industries ul li .icon.industries-icon3 {
	background-position: -152px -418px
}
.industries ul li .icon.industries-icon4 {
	background-position: -232px -418px
}
.industries ul li .icon.industries-icon5 {
	background-position: -314px -418px
}
.industries ul li .icon.industries-icon6 {
	background-position: -393px -418px
}
.industries ul li .icon.industries-icon7 {
	background-position: -473px -418px
}
.industries ul li .icon.industries-icon8 {
	background-position: -553px -418px
}
.industries ul li .icon.industries-icon9 {
	background-position: -633px -418px
}
.industries ul li .icon.industries-icon10 {
	background-position: -712px -418px
}
.industries ul li .icon.industries-icon11 {
	background-position: -790px -418px
}
.industries ul li .icon.industries-icon12 {
	background-position: -875px -418px
}
.industries ul li .icon.industries-icon13 {
	background-position: -952px -418px
}
.industries ul li .icon.industries-icon14 {
	background-position: -1033px -418px
}
.industries ul li .icon.industries-icon15 {
	background-position: -1112px -418px
}
.industries ul li .icon:before {
	background: #a6aac4;
	height: 50px;
	width: 1px;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: -50px;
	content: '';
	position: absolute
}
.industries .bx-wrapper .bx-controls-direction a {
	width: 86px;
	height: 86px
}
footer .talk {
	background: url(../images/talk-footer-bg.png) no-repeat center bottom
}
footer .talk .row {
	margin: 0
}
footer .talk ul {
	margin: 0;
	padding: 0;
	list-style: none
}
footer .talk ul li {
	width: 20%;
	float: left;
	border-right: 1px solid #ccc;
	text-align: center;
	padding-bottom: 50px;
	height: 250px;
	position: relative
}
footer .talk ul li:last-child {
	border-right: none
}
footer .talk ul li h4 {
	position: absolute;
	margin: 0 auto;
	color: #fff;
	font-size: 25px;
	z-index: 1;
	width: 100%;
	top: 42%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	font-weight: 700
}
footer .talk ul li h4 span {
	display: block;
	font-size: 19px;
	margin: 0 0 10px
}
footer .talk ul li .icon {
	width: 70px;
	height: 70px;
	line-height: 70px;
	font-size: 30px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	border-radius: 40px 40px 0 0;
	background-image: url(../images/contact-icon.png);
	background-repeat: no-repeat
}
footer .talk ul li.red .icon {
	background-color: #de204f;
	color: #fff;
	background-position: 5px 6px
}
footer .talk ul li.red h4, footer .talk ul li.red h4 a {
	color: #de204f
}
footer .talk ul li.red:hover {
	background-color: #de204f
}
footer .talk ul li.red:hover .icon {
	color: #de204f;
	background-position: -55px 6px
}
footer .talk ul li.purple .icon {
	background-color: #895ee4;
	color: #fff;
	background-position: 5px -52px
}
footer .talk ul li.purple h4, footer .talk ul li.purple h4 a {
	color: #895ee4
}
footer .talk ul li.purple:hover {
	background-color: #895ee4
}
footer .talk ul li.purple:hover .icon {
	color: #895ee4;
	background-position: -55px -52px
}
footer .talk ul li.dark-green .icon {
	background-color: #00a693;
	color: #fff;
	background-position: 5px -114px
}
footer .talk ul li.dark-green h4, footer .talk ul li.dark-green h4 a {
	color: #00a693
}
footer .talk ul li.dark-green:hover {
	background-color: #00a693
}
footer .talk ul li.dark-green:hover .icon {
	color: #00a693;
	background-position: -55px -114px
}
footer .talk ul li.blue .icon {
	background-color: #2087de;
	color: #fff;
	background-position: 5px -174px
}
footer .talk ul li.blue h4, footer .talk ul li.blue h4 a {
	color: #2087de
}
footer .talk ul li.blue:hover {
	background-color: #2087de
}
footer .talk ul li.blue:hover .icon {
	color: #2087de;
	background-position: -55px -174px
}
footer .talk ul li.green .icon {
	background-color: #36b44e;
	color: #fff;
	background-position: 5px -234px
}
footer .talk ul li.green h4, footer .talk ul li.green h4 a {
	color: #36b44e
}
footer .talk ul li.green:hover {
	background-color: #36b44e
}
footer .talk ul li.green:hover .icon {
	color: #36b44e;
	background-position: -55px -234px
}
footer .talk ul li .modal {
	z-index: 10000
}
footer .talk ul li .modal-dialog {
	margin: 10% auto;
	max-width: 600px
}
footer .talk ul li .modal-body {
	padding: 40px
}
footer .talk ul li .modal-body .white-btn {
	background: #AA1A00;
	color: #fff;
	border: none;
	border-radius: 5px;
	box-shadow: none
}
footer .talk ul li .modal-body .close {
	top: -10px;
	position: absolute;
	right: -10px;
	color: #fff;
	background: #000;
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	opacity: 1;
	line-height: 40px
}
footer .talk ul li .modal-body .close:hover {
	color: #fff
}
footer .talk ul li .modal-dialog p {
	text-align: left
}
footer .talk ul li .modal-dialog .input {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	height: 46px;
	line-height: 46px;
	padding: 0 10px;
	width: 100%
}
footer .talk ul li .modal-dialog label {
	display: none
}
footer .talk ul li .modal-dialog .textarea {
	height: 100px
}
footer .talk ul li .modal-dialog ul li {
	width: 50%;
	float: left;
	position: relative;
	text-align: left;
	border: none;
	height: auto;
	padding: 0 0 10px 20px;
	font-size: 14px
}
footer .talk ul li .modal-dialog ul li label {
	margin: 0;
	display: block
}
footer .talk ul li .modal-dialog ul li input[type=checkbox] {
	position: absolute;
	left: 0;
	top: 5px
}
footer .talk ul li:hover h4, footer .talk ul li:hover h4 a {
	color: #fff
}
footer .talk ul li:hover .icon {
	background-color: #fff
}
.no-webp footer .talk .talk-ban {
	background: url(../images/talk-bg.png) no-repeat center bottom;
	background-size: cover;
	min-height: 240px;
	text-align: center
}
.webp footer .talk .talk-ban {
	background: url(../images/talk-bg.webp) no-repeat center bottom;
	background-size: cover;
	min-height: 240px;
	text-align: center
}
footer .talk .talk-ban h4 {
	font-size: 19px;
	text-transform: uppercase;
	margin: 0 0 40px;
	line-height: 26px;
	color: #fff;
	font-weight: 700;
	padding-top: 121px
}
footer .talk .talk-ban h2 {
	font-size: 120px;
	text-transform: uppercase;
	margin: 0;
	line-height: 72px;
	color: #fff;
	font-weight: 700
}
footer .talk .talk-ban h3 {
	font-size: 120px;
	text-transform: uppercase;
	margin: 0;
	line-height: 72px;
	color: #fff;
	font-weight: 700
}
footer .footer {
	background: #000632;
	margin: 0
}
footer .footer .row {
	margin: 0 40px;
}
footer .footer .rating {
	padding: 40px 0;
	display: block
}
footer .footer .rating .left div {
	color: #fff
}
footer .footer .rating .right {
	color: #fff;
	font-size: 20px
}
footer .footer .rating .right span {
	margin-left: 20px
}
footer .footer .rating .right i {
	margin-right: 10px
}
footer .footer .rating .right a {
	color: #fff
}
footer .footer .technology {
	display: block;
	padding: 40px 0
}
footer .footer .technology ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center
}
footer .footer .technology ul li {
	display: inline-block;
	margin: 0 16px
}
footer .footer .technology ul li img {
	height: auto
}
footer .footer .col-md-3 {
	padding-left: 50px
}
footer .footer h4, footer .footer .h4 {
	font-size: 20px;
	font-weight: 700;
	margin: 0 0 20px;
	text-transform: uppercase;
	color: #fff;
	position: relative
}
footer .footer h4:before, footer .footer .h4:before {
	height: 2px;
	width: 40px;
	content: '';
	position: absolute;
	left: -50px;
	top: 10px;
	background: #fff
}
footer .footer .links {
	padding: 40px 0
}
footer .footer .links ul {
	margin: 0;
	padding: 0;
	list-style: none
}
footer .footer .links ul li {
	line-height: 36px;
	font-size: 14px
}
footer .footer .links ul li a {
	color: #bcc3d0
}
footer .footer .copy {
	border-top: 1px solid #33385b;
	padding: 40px 0;
	display: block
}
footer .footer .copy .left, footer .footer .copy .left a {
	color: #cbcbcb;
	font-size: 13px;
	line-height: 40px
}
footer .footer .copy .left a {
	margin: 0 5px
}
footer .footer .copy .right {
	padding-right: 40px
}
footer .footer .copy .right ul {
	margin: 0;
	padding: 0;
	list-style: none
}
footer .footer .copy .right ul li {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #5a4f56;
	border-radius: 50%;
	float: left;
	margin-left: 5px;
	background-image: url(../images/social-media-icon.png);
	background-repeat: no-repeat
}
footer .footer .copy .right ul li.facebook {
	background-color: #095aad;
	background-position: -4px 2px
}
footer .footer .copy .right ul li.twitter {
	background-color: #27a2ee;
	background-position: -44px 2px
}
footer .footer .copy .right ul li.youtube {
	background-color: #fd0019;
	background-position: -86px 2px
}
footer .footer .copy .right ul li.linkedin {
	background-color: #107cb1;
	background-position: -126px 2px
}
footer .footer .copy .right ul li.whatsapp {
	background-color: #4ba233;
	background-position: -168px 2px
}
footer .footer .copy .right ul li.instagram {
	background-color: #f00075;
	background-position: -202px 2px
}
footer .footer .copy .right ul li a {
	display: block;
	color: #fff;
	width: 40px;
	height: 40px;
	line-height: 40px
}
footer .footer .copy .right ul li a span {
	display: none
}
.in-ban {
	position: relative;
	height: auto;
	margin-top: 0
}
.in-ban .left, .in-ban .right {
	width: 50%;
	position: relative
}
.in-ban .left {
	height: 100%;
	position: absolute
}
.in-ban .left .text {
	position: absolute;
	margin: 0 auto;
	color: #fff;
	font-size: 16px;
	z-index: 1;
	width: 644px;
	text-align: left;
	padding-right: 0;
	right: 0;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	top: 50%
}
.in-ban .left .text h1 {
	font-size: 44px;
	line-height: 50px;
	margin: 0 0 30px;
	font-weight: 700;
	color: #fff
}
.in-ban .left .text h1 span {
	display: block
}
.in-ban .left .text p {
	margin: 0
}
.in-ban .left .text h4 {
	font-size: 14px;
	color: #fff;
	font-weight: 700;
	margin: 0 0 30px 120px;
	text-transform: uppercase
}
.in-ban .left .text h4 span {
	border-bottom: 1px solid #de204f
}
.in-ban .right img {
	width: 100%;
	height: auto
}
.in-ban .ban-text {
	text-align: center;
	position: relative;
	margin: 0 auto;
	color: #fff;
	font-size: 16px;
	z-index: 1;
	width: 980px;
	display: table-cell;
	vertical-align: middle
}
.in-ban .ban-text h1 {
	font-size: 52px;
	line-height: 62px;
	margin: 0;
	font-weight: 700
}
.in-ban .ban-text h1 span {
	display: block
}
.inner h1 {
	color: #01062e;
	font-size: 26px;
	margin: 0 0 20px;
	font-weight: 700
}
.inner h2 {
	color: #01062e;
	font-size: 22px;
	margin: 0 0 20px;
	font-weight: 700
}
.inner h3 {
	color: #01062e;
	font-size: 20px;
	margin: 0 0 20px;
	font-weight: 700
}
.package-list {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 50%
}
.package-list li {
	line-height: 24px;
	padding: 8px 20px 8px 20px;
	border-bottom: 1px solid #dce0e0;
	font-size: 14px;
	color: #676767
}
.red-ban {
	background: url(../images/red-ban.jpg) no-repeat center center;
	background-size: cover
}
.purple-ban {
	background: url(../images/purple-ban.jpg) no-repeat center center;
	background-size: cover
}
.blue-ban {
	background: url(../images/blue-ban-new.jpg) no-repeat center center;
	background-size: cover
}
.blue2-ban {
	background: url(../images/blue2-ban.jpg) no-repeat center center;
	background-size: cover
}
.green-ban {
	background: url(../images/green-ban.jpg) no-repeat center center;
	background-size: cover
}
.green2-ban {
	background: url(../images/green2-ban.jpg) no-repeat center center;
	background-size: cover
}
.pink-btn {
	height: 50px;
	display: inline-block;
}
.pink-btn:hover {
	background: #cd083b;
	color: #fff
}
.white-btn-new {
	background: #fff;
	color: #302f2f;
	font-size: 14px;
	font-weight: 700;
	border: 2px solid #a9a9a9;
	border-radius: 5px;
	padding: 0 20px;
	line-height: 50px;
	height: 50px;
	display: inline-block;
	text-transform: uppercase;
	cursor: pointer
}
.white-btn-new:hover {
	background: #f1f1f1;
	color: #302f2f
}
.web-design {
	background: #f3f3f3
}
.web-design .left {
	padding-left: 0;
	flex: 0 0 74%;
	max-width: 74%
}
.web-design .left .row {
	margin: 0
}
.web-design .left p:last-child {
	margin: 0
}
.web-design .left .package {
	-moz-box-shadow: 0 0 8px #dee1f8;
	-webkit-box-shadow: 0 0 8px #dee1f8;
	box-shadow: 0 0 8px #dee1f8;
	border-radius: 5px;
	margin: 0 0 30px;
	width: 100%;
	background: #fff
}
.web-design .left .package h1 {
	border-radius: 5px 5px 0 0;
	font-size: 46px;
	color: #0a7fd9;
	font-weight: 700;
	line-height: 33px;
	padding: 25px 20px 15px 20px;
	border-bottom: 1px solid #dce0e0;
	margin: 0
}
.web-design .left .package h1 span {
	font-size: 28px;
	font-weight: 300;
	color: #565656
}
.web-design .left .package h4 {
	font-size: 20px;
	font-weight: 700;
	color: #000;
	border-bottom: 1px solid #dce0e0;
	margin: 0;
	line-height: 50px;
	padding: 0 20px
}
.web-design .left .package .h4 {
	font-size: 17px
}
.web-design .left .package h1.persian-green {
	background: url(../images/package-pink-bg.png) no-repeat right top
}
.web-design .left .package h1.purple {
	background: url(../images/package-orange-bg.png) no-repeat right top
}
.web-design .left .package h1.red {
	background: url(../images/package-green-bg.png) no-repeat right top
}
.web-design .left .package h1.blue {
	background: url(../images/package-blue-bg.png) no-repeat right top
}
.web-design .left .package h1.green {
	background: url(../images/package-red-bg.png) no-repeat right top
}
.web-design .left .pack-btn {
	padding: 20px
}
.web-design .left .pack-btn a.persian-green {
	background: #00a594
}
.web-design .left .pack-btn a.persian-green-light {
	background: #33b7a9
}
.web-design .left .pack-btn a.purple {
	background: #895de4
}
.web-design .left .pack-btn a.purple-light {
	background: #a17de9
}
.web-design .left .pack-btn a.red {
	background: #de204e
}
.web-design .left .pack-btn a.red-light {
	background: #e54d71
}
.web-design .left .pack-btn a.blue {
	background: #1f87de
}
.web-design .left .pack-btn a.blue-light {
	background: #4c9fe5
}
.web-design .left .pack-btn a.green {
	background: #36b54e
}
.web-design .left .pack-btn a.green-light {
	background: #5ec471
}
.web-design .right {
	flex: 0 0 26%;
	max-width: 26%;
	padding: 0 0 0 20px;
	overflow: hidden;
	margin: 0
}
.web-design .right iframe {
	width: 100%
}
.web-design .right .free-quote {
	position: relative;
	padding: 40px 20px 30px;
	margin: 0 0 30px;
	-moz-box-shadow: 0 0 8px #dee1f8;
	-webkit-box-shadow: 0 0 8px #dee1f8;
	box-shadow: 0 0 8px #dee1f8;
	background: #fff;
	border-radius: 8px
}
.no-webp .web-design .right .free-quote .icon {
	margin: 0 auto 10px;
	display: table;
	background: url(../images/menu-icon.png) no-repeat center center;
	width: 40px;
	height: 46px;
	display: block;
	background-position: -290px -363px
}
.webp .web-design .right .free-quote .icon {
	margin: 0 auto 10px;
	display: table;
	background: url(../images/menu-icon.webp) no-repeat center center;
	width: 40px;
	height: 46px;
	display: block;
	background-position: -290px -363px
}
.web-design .right .free-quote .icon img {
	width: auto;
	height: auto
}
.web-design .right .free-quote h2 {
	font-size: 55px;
	font-weight: 700;
	color: #000;
	margin: 0 0 20px;
	line-height: 30px
}
.web-design .right .free-quote h2 span {
	font-size: 20px;
	color: #000;
	display: block;
	line-height: 50px
}
.web-design .right .free-quote .white-btn {
	clear: both;
	font-size: 16px;
	padding: 0 30px;
	line-height: 50px;
	height: 50px;
	display: table;
	margin: 0 auto;
	border-radius: 5px;
	width: 100%;
	background: #000632;
	color: #fff
}
.web-design .right .free-quote .white-btn:hover {
	background: #318eef;
	color: #fff
}
.web-design .right .free-quote span.respect {
	font-size: 13px;
	color: #000;
	line-height: 50px;
	text-align: center;
	display: block
}
.web-design .right .free-quote .input {
	width: 100%;
	padding: 0 10px;
	height: 42px;
	line-height: 42px;
	border: 2px solid #d5d5d5;
	margin-bottom: 6px;
	border-radius: 4px;
	font-size: 14px
}
.web-design .right .free-quote .input.textarea {
	min-height: 120px;
	display: block
}
.web-design .right .free-quote .pink-btn {
	width: 100%
}
.web-design .right h3 {
	font-size: 22px;
	font-weight: 700;
	color: #000;
	margin: 0;
	height: 60px;
	line-height: 60px;
	text-align: center;
	border-radius: 5px 5px 0 0;
	border-bottom: 1px solid #dce0e0
}
.web-design .right .services-links {
	margin: 0 0 30px;
	-moz-box-shadow: 0 0 8px #dee1f8;
	-webkit-box-shadow: 0 0 8px #dee1f8;
	box-shadow: 0 0 8px #dee1f8;
	background: #fff;
	border-radius: 8px
}
.web-design .right .services-links ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border-radius: 0 0 5px 5px
}
.web-design .right .services-links ul li {
	border-bottom: 1px solid #dce0e0;
	line-height: 46px;
	padding: 0 30px;
	font-size: 14px
}
.web-design .right .services-links ul li:last-child {
	border: none
}
.web-design .right .services-links ul li a {
	color: #000
}
.web-design .right .client-video {
	margin: 0 0 30px;
	overflow: hidden;
	-moz-box-shadow: 0 0 8px #dee1f8;
	-webkit-box-shadow: 0 0 8px #dee1f8;
	box-shadow: 0 0 8px #dee1f8;
	background: #fff;
	border-radius: 8px;
	display: inline-block;
	width: 100%;
	position: relative
}
.web-design .right .client-video img, .web-design .right .client-video video {
	width: 100%;
	border-radius: 0 0 8px 8px
}
.need-help-choosing {
	background: #ecf0f9;
	position: relative;
	padding: 0 !important
}
.need-help-choosing .left-need, .need-help-choosing .right-need {
	width: 50%;
	min-height: 698px
}
.need-help-choosing .left-need {
	float: left;
	background: #0e1d4d;
	padding: 80px 0
}
.need-help-choosing .left-need h2 {
	font-size: 60px;
	font-weight: 700;
	color: #ed184f;
	margin: 0 0 10px;
	line-height: 50px
}
.need-help-choosing .left-need h3 {
	font-size: 32px;
	font-weight: 700;
	color: #fff;
	margin: 0 0 60px;
	line-height: 36px
}
.need-help-choosing .left-need h4 {
	font-size: 20px;
	font-weight: 300;
	color: #fff;
	margin: 0;
	line-height: 26px
}
.need-help-choosing .left-need h4 span {
	color: #ffbc06
}
.need-help-choosing .right-need {
	float: right;
	background: url(../images/need-help-right-bg.jpg) no-repeat center center;
	background-size: cover
}
.read-start {
	width: 654px;
	float: left;
	z-index: 10;
	position: relative;
	text-align: center;
	padding: 80px 20px
}
.read-start h2 {
	font-size: 60px;
	color: #fff;
	font-weight: 700;
	margin: 0
}
.read-start h2 span {
	display: block;
	font-weight: 300;
	font-size: 15px;
	color: #fff
}
#ready-start {
	padding: 20px 30px 0
}
#ready-start label {
	display: block;
	margin: 0;
	display: none
}
#ready-start .input {
	border: none;
	padding: 0 10px;
	line-height: 46px;
	height: 46px;
	width: 100%;
	margin: 0 0 10px;
	font-size: 13px;
	background: #fff;
	border-radius: 5px
}
#ready-start .select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #fff url(../images/down-arrow2.png) no-repeat right 10px center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
}
select::-ms-expand {
	display: none
}
#ready-start .iti {
	width: 100%;
	margin: 0 0 10px
}
#ready-start .iti .iti__selected-flag {
	padding-left: 0
}
#ready-start .input.textarea {
	height: 100px
}
#ready-start .submit {
	color: #fff;
	background: #318eef
}
#ready-start .submit:hover {
	color: #318eef;
	background: #f1f1f1
}
#ready-start span {
	display: block;
	font-size: 14px;
	color: #fff;
	margin: 0 0 10px
}
#ready-start .pink-btn {
	width: 100%;
	border: 2px solid #fff
}
.need-help {
	float: right;
	width: 660px;
	text-align: center
}
.need-help ul {
	margin: 0;
	padding: 0;
	list-style: none
}
.need-help ul li {
	float: left;
	width: 33.33%;
	text-align: center;
	padding: 0 30px
}
.need-help ul li:hover span img {
	transition: .9s;
	transform: rotateY(180deg)
}
.need-help ul li:last-child {
	margin-right: 0
}
.need-help ul li img {
	margin-bottom: 20px
}
.need-help ul li h3 {
	font-size: 15px;
	color: #757a9b;
	text-transform: uppercase;
	font-weight: 300
}
.need-help ul li h3 span {
	font-weight: 700;
	text-transform: uppercase;
	display: block
}
.need-help ul li h3 span.green {
	color: #00a693
}
.need-help ul li h3 span.red {
	color: #de204f
}
.need-help ul li h3 span.purple {
	color: #895ee4
}
.need-help .phone-no {
	font-size: 15px;
	text-transform: uppercase;
	line-height: 66px;
	color: #fff;
	position: relative;
	z-index: 10;
	margin: 30px 0 0
}
.need-help .phone-no a {
	color: #fff
}
.need-help .phone-no span {
	font-weight: 700;
	font-size: 70px;
	display: block
}
.hiring-us {
	background: #fff
}
.hiring-us h2 {
	font-size: 40px;
	color: #00062d;
	font-weight: 700;
	text-align: center;
	margin: 0 0 40px;
	line-height: 50px;
	text-transform: uppercase
}
.hiring-us h2 span {
	color: #0a7fd9
}
.hiring-us h2 img {
	display: inline-block;
	margin: 0;
	height: 100px
}
.hiring-us ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center
}
.hiring-us ul li {
	display: inline-grid;
	width: 19%
}
.hiring-us ul li:hover .icon img {
	transition: .9s;
	transform: rotateY(180deg)
}
.hiring-us ul li .icon {
	width: 120px;
	height: 120px;
	border: 2px solid #eee;
	border-radius: 50%;
	margin: 0 auto 20px;
	padding: 30px
}
.hiring-us ul li p a {
	color: #318eef
}
.inner.projects {
	background-size: cover;
	width: 100%
}
.inner.whu-us {
	background-size: cover;
	width: 100%
}
.inner.whu-us .left, .inner.whu-us .right {
	width: auto;
	flex: 0 0 auto;
	max-width: 100%
}
.inner.whu-us h1 {
	font-size: 40px;
	margin: 0 0 50px
}
.inner.whu-us ul.loveus li h3 {
	background: 0 0;
	text-align: left
}
.inner.happy-client {
	background-size: cover;
	width: 100%;
	overflow: hidden
}
.inner.happy-client .left, .inner.happy-client .right {
	width: 50%;
	flex: 0 0 50%;
	max-width: 50%
}
.inner.happy-client h1 {
	font-size: 40px;
	margin: 0 0 50px
}
.faq {
	background: #f3f3f3
}
.faq h2 {
	text-align: center;
	font-size: 44px;
	margin: 0 0 50px
}
.faq #accordion2 {
	width: 100%;
	margin: 0 auto
}
.faq .accordion2 {
	width: 100%;
	color: #333
}
.faq .accordion2 .box, .faq .accordion3 .box {
	margin: 0 0 20px;
	box-shadow: 0 0 5px #ccc;
	border-radius: 8px
}
.faq .accordion2 dt {
	width: 100%;
	padding: 16px;
	cursor: pointer;
	background-color: #fff;
	background-image: url(../images/plus.png);
	background-position: right 20px center;
	background-repeat: no-repeat;
	color: #00062d;
	font-size: 20px;
	font-weight: 400;
	border-radius: 8px
}
.faq .accordion2 dt img {
	margin-right: 10px
}
.faq .accordion2 dt:hover {
	background-color: #fff
}
.faq .accordion2 .open {
	background-color: #fff;
	background-image: url(../images/minus.png);
	border-radius: 8px 8px 0 0
}
.faq .accordion2 dd {
	overflow: hidden;
	background: #fff;
	margin: 0;
	border-radius: 0 0 8px 8px
}
.faq .accordion2 span {
	display: block;
	width: 100%;
	border-top: none;
	padding: 16px 16px 16px 74px
}
.faq .accordion2 span ul {
	margin: 0 0 0 20px;
	padding: 0
}
.faq #accordion2 .pink-btn {
	display: table;
	margin: 0 auto
}
.why-alakmalak {
	margin: 0;
	background: #f3f3f3
}
.why-alakmalak h2 {
	font-size: 40px;
	color: #00062d;
	font-weight: 700;
	text-align: center;
	margin: 0 0 40px;
	line-height: 50px;
	text-transform: uppercase
}
.why-alakmalak h2 span {
	color: #ed184f
}
.why-alakmalak h3 {
	margin: 0 0 10px;
	text-align: center;
	font-size: 20px;
	color: #5a5c6e
}
.why-alakmalak ul {
	margin: 0 0 30px;
	padding: 0;
	list-style: none
}
.why-alakmalak ul:last-child {
	margin: 0
}
.why-alakmalak ul li {
	float: left;
	width: 23.9%;
	margin: 0 18px 0 0;
	text-align: center;
	padding: 20px 0;
	box-sizing: border-box;
	text-transform: uppercase;
	font-weight: 700;
	-moz-box-shadow: 0 1px 4px #e2e2e2;
	-webkit-box-shadow: 0 1px 4px #e2e2e2;
	box-shadow: 0 1px 4px #e2e2e2;
	border-radius: 10px;
	font-size: 14px;
	color: #4c5275;
	background: #fff
}
.why-alakmalak ul li:last-child {
	margin-right: 0
}
.why-alakmalak ul li:hover {
	-moz-box-shadow: 0 1px 15px #e2e2e2;
	-webkit-box-shadow: 0 1px 15px #e2e2e2;
	box-shadow: 0 1px 15px #e2e2e2
}
.why-alakmalak ul li sup {
	font-weight: 400
}
.why-alakmalak ul li .icon {
	margin: 0 0 20px
}
.why-alakmalak ul.certification li .icon {
	display: table;
	width: 154px;
	height: 154px;
	border: 10px solid #e8edf6;
	background: #fff;
	border-radius: 50%;
	padding: 37px 10px;
	margin: 0 auto 20px
}
.why-alakmalak ul.certification li .icon img {
	width: 100%
}
.why-alakmalak ul li span {
	display: block;
	font-size: 48px;
	font-weight: 700;
	line-height: 50px;
	color: #4c5275
}
.team {
	display: inline-block;
	width: 100%;
	margin: 0 0 50px
}
.team:last-child {
	margin: 0
}
.team .icon {
	float: left;
	width: 160px;
	position: relative
}
.team .icon:after {
	background: #318eef;
	right: -30px;
	top: 60px;
	content: '';
	position: absolute;
	width: 40px;
	height: 1px
}
.team:nth-child(2n+2) .icon:after {
	right: auto;
	left: -20px
}
.team .team-img {
	float: left;
	width: 272px;
	margin: 0 20px
}
.team .team-detail {
	float: left;
	width: 437px
}
.team .team-detail a {
	color: #318eef
}
.mobile-ban {
	position: relative;
	background: url(../images/mobile-responsive-ban-bg.png) no-repeat center center;
	background-size: cover;
	height: 850px;
	border-radius: 0
}
.mobile-ban .ban-text {
	text-align: center;
	position: absolute;
	margin: 0 auto;
	color: #fff;
	font-size: 16px;
	z-index: 1;
	width: 1320px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	text-align: center
}
.mobile-ban .ban-text img {
	width: auto;
	max-width: 100%;
	height: auto
}
.mobile-ban .ban-text h1 {
	font-size: 44px;
	line-height: 44px;
	margin: 0 0 30px;
	font-weight: 700;
	color: #fff
}
.mobile-ban .ban-text h1 span {
	display: block
}
.mobile-ban .ban-text h4 {
	font-size: 14px;
	color: #fff;
	font-weight: 700;
	margin: 0 0 20px;
	text-transform: uppercase
}
.mobile-ban .ban-text h4 span {
	border-bottom: 1px solid #fff
}
.mobile-responsive ul {
	margin: 0;
	padding: 0;
	list-style: none
}
.mobile-responsive ul li {
	float: left;
	width: 31%;
	margin-right: 31px;
	text-align: center;
	-moz-box-shadow: 0 1px 15px #e2e2e2;
	-webkit-box-shadow: 0 1px 15px #e2e2e2;
	box-shadow: 0 1px 15px #e2e2e2;
	border-radius: 10px;
	padding: 40px 20px
}
.mobile-responsive ul li:last-child {
	margin-right: 0
}
.mobile-responsive ul li.red {
	background: url(../images/mobile-responsive-red.png) no-repeat center top
}
.mobile-responsive ul li.purple {
	background: url(../images/mobile-responsive-purple.png) no-repeat center top
}
.mobile-responsive ul li.green {
	background: url(../images/mobile-responsive-green.png) no-repeat center top
}
.mobile-responsive ul li h2 {
	font-size: 32px;
	font-weight: 700;
	color: #fff;
	margin: 0 0 50px;
	height: 90px
}
.mobile-responsive ul li h2 span {
	display: block;
	font-size: 16px;
	text-transform: uppercase
}
.mobile-responsive ul li h4 {
	font-size: 16px;
	color: #373d49;
	font-weight: 400;
	margin: 0 0 60px
}
.mobile-responsive ul li h4 span {
	border-bottom: 6px solid #7b80ae
}
.mobile-responsive ul li .price {
	font-size: 26px;
	color: #01062e;
	margin: 0 0 30px
}
.mobile-responsive ul li .price span {
	font-size: 46px
}
.mobile-responsive ul li .white-btn {
	display: table;
	margin: 0 auto
}
.business-local {
	float: left;
	margin: 0 30px 30px 0;
	text-align: center;
	width: 283px
}
.business-local:nth-child(3n+3) {
	margin-right: 0
}
.business-local .view {
	position: relative;
	display: table;
	width: 263px;
	height: 140px;
	-moz-box-shadow: 0 1px 15px #e2e2e2;
	-webkit-box-shadow: 0 1px 15px #e2e2e2;
	box-shadow: 0 1px 15px #e2e2e2;
	margin: 0 0 20px;
	background: #fff
}
.business-local .view a {
	display: table-cell;
	vertical-align: middle;
	text-align: center
}
.open-source {
	position: relative;
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
	background: #fff;
	padding: 20px;
	box-sizing: border-box;
	-moz-box-shadow: 0 0 8px #dee1f8;
	-webkit-box-shadow: 0 0 8px #dee1f8;
	box-shadow: 0 0 8px #dee1f8;
	border-radius: 8px
}
.open-source .open-source-img {
	float: left;
	display: table;
	text-align: center;
	background: #fff;
	width: 180px;
	height: 180px;
	margin-right: 20px;
	border-radius: 5px
}
.open-source .open-source-img span {
	vertical-align: middle;
	display: table-cell
}
.thanks-call {
	border: 2px solid #249bd3;
	padding: 8px 20px;
	float: left;
	width: 340px;
	margin: 30px 40px 30px 0
}
.thanks-call h2 {
	line-height: 20px;
	margin: 12px 0 0
}
.thanks-call span {
	color: #5f8c9f;
	font-style: italic
}
.thanks-call img {
	float: left;
	margin-right: 10px
}
.know {
	float: left;
	width: 320px;
	padding-top: 12px;
	margin: 30px 0
}
.know h3 {
	line-height: 20px;
	margin: 5px 0 0
}
.know span {
	color: #5f8c9f;
	font-style: italic
}
.know img {
	float: left;
	margin-right: 10px
}
.logo-design-block ul {
	margin: 0;
	padding: 0;
	list-style: none
}
.logo-design-block ul li {
	float: left;
	width: 48%;
	background: #fff;
	padding: 20px;
	margin: 0 36px 30px 0;
	min-height: 258px;
	-moz-box-shadow: 0 4px 12px #f1f1f1;
	-webkit-box-shadow: 0 4px 12px #f1f1f1;
	box-shadow: 0 4px 12px #f1f1f1;
	border-radius: 5px
}
.logo-design-block ul li:nth-child(2n+2) {
	margin-right: 0
}
.logo-design-block ul li img {
	margin: 0 0 20px
}
.logo-process {
	float: left;
	width: 16.16%;
	text-align: center;
	font-size: 13px;
	text-transform: uppercase;
	color: #3b3f5f;
	font-weight: 700;
	margin: 0 0 30px
}
.logo-process:last-child {
	margin-right: 0
}
.logo-process img {
	width: 90%
}
#more {
	background: #f1f1f1;
	text-align: center;
	line-height: 60px;
	border-radius: 8px;
	font-weight: 400
}
#more a {
	display: block
}
#return-to-top {
	position: fixed;
	bottom: 30px;
	right: 20px;
	background: rgba(0, 0, 0, .7);
	width: 50px;
	height: 50px;
	text-decoration: none;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	display: none;
	-webkit-transition: .3s linear;
	-moz-transition: .3s;
	-ms-transition: all .3s ease;
	-o-transition: .3s;
	transition: .3s;
	z-index: 10
}
#return-to-top i {
	color: #fff;
	margin: 0;
	position: relative;
	left: 16px;
	top: 13px;
	font-size: 19px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}
#return-to-top:hover {
	background: rgba(0, 0, 0, .9)
}
#return-to-top:hover i {
	color: #fff;
	top: 13px
}
#content .row1.let-start, .happy-client .video-btn {
	display: none
}
.row1.happy-client {
	height: auto
}
.our-happy-clients h2 {
	font-size: 40px;
	margin-top: -40px;
	text-transform: uppercase;
	color: #fff;
	font-weight: 600;
	line-height: 54px;
	margin-bottom: 30px
}
.text-hilighted {
	color: #fff000;
	text-shadow: 0 0 6px rgba(0, 0, 0, .7)
}
#content .happy-client .left, #content .happy-client .right {
	padding: 80px 0
}
.industries .industries-box img {
	max-height: 250px;
	width: 100%;
	object-fit: cover;
	object-position: center
}
.team-section {
	margin-bottom: 35px
}
.team-section h1 {
	color: #01062e;
	margin: 0 0 35px;
	font-weight: 700;
	border-bottom: 3px solid #ccc;
	padding-bottom: 10px;
	position: relative
}
.team-section h1:after {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 50px;
	background: #de204f;
	bottom: -6px;
	left: 0
}
.team-section ul {
	margin: 0;
	padding: 0
}
.team-section ul li {
	display: inline-block;
	vertical-align: top;
	width: 22%;
	margin-right: 30px;
	margin-bottom: 30px
}
.team-section ul li:last-child, .team-section ul li:nth-child(4n+4) {
	margin-right: 0
}
.team-section .team-box {
	position: relative;
	width: 100%;
	height: auto
}
.team-section .team-box img {
	max-width: 100%;
	width: 100%;
	height: auto
}
.team-section .team-box .mask {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0 15px;
	width: 100%;
	height: 100%;
	background: rgb(0, 6, 50, .6);
	text-shadow: 0 1px 0 #000;
	opacity: 0;
	visibility: hidden;
	text-align: center;
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s
}
.team-section .team-box > .mask::before {
	position: absolute;
	top: 30px;
	right: 50%;
	bottom: 30px;
	left: 50%;
	border: 1px solid rgba(255, 255, 255, .5);
	content: '';
	opacity: 0;
	-webkit-transition: all .4s;
	transition: all .4s;
	transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transition-delay: .6s;
	transition-delay: .6s
}
.team-section .team-box .mask .team-content {
	position: absolute;
	top: 50%;
	left: 50%;
	display: inline-block;
	width: 100%;
	padding: 0 20px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff
}
.team-section .team-box .mask .team-content span {
	display: block
}
.team-section .team-box:hover .mask {
	opacity: 1;
	visibility: visible;
	bottom: 0
}
.team-section .team-box:hover > .mask::before {
	left: 15px;
	right: 15px;
	opacity: 1;
	-webkit-transition-delay: 0s;
	transition-delay: 0s
}
.site-map .col-md-6 {
	float: left
}
.site-map h4 {
	margin: 0 0 10px -20px
}
.no-webp .review-google-plus {
	background: url(../images/sprites.png) no-repeat -2px 0;
	width: 24px;
	height: 24px;
	display: inline-block;
	position: relative;
	top: 7px
}
.webp .review-google-plus {
	background: url(../images/sprites.webp) no-repeat -2px 0;
	width: 24px;
	height: 24px;
	display: inline-block;
	position: relative;
	top: 7px
}
.no-webp .review-google-plus2 {
	background-position: 0px -23px
}
.webp .review-google-plus2 {
	background-position: 0px -23px
}
.review-google-plus span {
	display: none
}
.no-webp .sprites {
	background: url(../images/sprites.png) no-repeat center center;
	display: inline-block
}
.webp .sprites {
	background: url(../images/sprites.webp) no-repeat center center;
	display: inline-block
}
.need-help ul li .sprites {
	width: 54px;
	height: 54px
}
.need-help ul li .need-help-contact {
	background-position: -313px -28px
}
.need-help ul li .need-help-shedual {
	background-position: -381px -30px
}
.need-help ul li .need-help-start {
	background-position: -443px -28px
}
.cbp-af-header .partner-logo .jas-anz {
	background-position: -3px -62px;
	width: 70px;
	height: 44px;
	float: left;
	margin-right: 10px
}
[class^=stry_bg] {
	background-position: center;
	background-size: 100%;
	position: absolute;
	width: 100%;
	height: 100%;
	transition: opacity 0s ease-in-out
}
[class^=stry_bg][class*="-duration"] {
	transition-duration: 3s
}
[class^=stry_bg][class*="-invisible"] {
	opacity: 0
}
.noJS .stry_bg-5 {
	background: url(../images/product-home-bg.png) no-repeat center left;
	padding: 0;
	margin: 0;
	position: relative;
	height: calc(100vh - 93px);
	background-size: auto;
	background-size: cover;
	width: calc(100% - 100px)
}
.cbp-af-header .black {
	display: block
}

.cbp-af-header.cbp-af-header-shrink .black {
	display: block
}
.web-design .right .free-quote .g-recaptcha {
	transform: scale(.98);
	-webkit-transform: scale(.98);
	transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	margin: 0 0 10px
}
#ready-start .g-recaptcha {
	margin: 0 0 10px
}
.cbp-af-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10000;
	transition: all .2s ease-in-out;
	display: block;
	height: 94px;
	background: #fff
}
.cbp-af-header.contact {
	height: 94px
}
.cbp-af-header .cbp-af-inner {
	width: 90%;
	max-width: 69em;
	margin: 0 auto;
	padding: 0 1.875em
}
.cbp-af-header.cbp-af-header-shrink {
	height: 94px;
	background: #fff
}
.cbp-af-header.contact.cbp-af-header-shrink {
	height: 94px
}
.menu {
	right: 40px;
	position: absolute;
	top: 10px;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 400
}
.menu a, .menu a:hover {
	color: #fff
}
.left_menu_main {
	position: relative;
	float: right;
	width: auto;
}
#sidebar-wrapper.active {
	right: 100%;
	transition: all .4s ease 0s;
	width: 100%
}
#drop_menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
	display: flex;
	justify-content: space-between
}
#navbar .right {
	display: none
}
.left_menu_main {
	transition: all .4s ease 0s;
	z-index: 1000;
}
#click_here, #click_here_back, #trigger {
	background: rgba(0, 0, 0, 0) url(../images/close2.png) no-repeat scroll right 20px center;
	color: #fefefe;
	cursor: pointer;
	width: 269px;
	display: block;
	position: relative;
	height: 70px;
	display: none
}
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
	.home-services ul li.free-quote h1 {
		font-size: 22px
	}
	footer .talk ul li h4 {
		font-size: 20px
	}
	footer .footer .technology ul li {
		margin: 0 5px
	}
	.in-ban .left .text h4 {
		margin: 0 0 20px 120px
	}
	.in-ban .left .text h1 {
		margin: 0 0 20px
	}
	.home-ban .free-quote {
		padding: 20px 30px 10px
	}
	.home-ban .free-quote h3 {
		font-size: 18px
	}
	.home-ban .free-quote h3 span {
		font-size: 12px
	}
	.home-ban .free-quote .white-btn {
		float: none;
		margin: 0 auto
	}
	.home-ban .free-quote span.respect {
		float: none;
		text-align: center;
		display: block
	}
	.projects .box .port-box h2 {
		width: 430px
	}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	body {
		padding-top: 94px
	}
	.home-services ul li.free-quote h1 {
		font-size: 20px
	}
	.home-services ul li.free-quote {
		padding: 40px 20px
	}
	.home-services ul li.what-we {
		font-size: 32px
	}
	.digital-marketing-home .box, .hire-dedicated-home .box, .industries .box, .mobile-app-home .box, .product-home .box, .usp .box, .web-design-home .box, .whu-us .box {
		width: 100%
	}
	.web-design-home .web-circle {
		text-align: center
	}
	.web-design-home .web-circle::before {
		left: 0;
		width: 207px;
		height: 397px;
		top: -35px;
		background-size: 100%
	}
	.web-design-home .web-circle::after {
		width: 167px;
		height: 397px;
		top: -20px;
		background-size: 100%;
		right: 30px
	}
	.web-design-home .web-circle img {
		width: 80%;
		height: auto
	}
	.web-design-home .web-circle ul li.php {
		left: 170px;
		top: -74px
	}
	.web-design-home .web-circle ul li.magento {
		left: 72px;
		top: -48px
	}
	.web-design-home .web-circle ul li.wordpress {
		left: -5px;
		top: 20px
	}
	.web-design-home .web-circle ul li.cakephp {
		left: -16px;
		top: 130px
	}
	.web-design-home .web-circle ul li.angular {
		left: 2px;
		top: 230px
	}
	.web-design-home .web-circle ul li.python {
		left: 70px;
		top: 300px
	}
	.web-design-home .web-circle ul li.adobe {
		left: 170px;
		top: 326px
	}
	.web-design-home .web-circle .web-design-icon {
		right: -40px;
		top: 100px
	}
	.projects .box .tab-data {
		width: 1010px
	}
	.projects .box .tab-data ul li {
		width: 30%
	}
	.projects .box .tab-data ul li img {
		width: 100%
	}
	.happy-client .left .testimonial {
		width: 65%
	}
	.happy-client .right .count {
		font-size: 150px
	}
	.industries .bx-wrapper {
		max-width: 1220px !important;
		width: 1220px;
		margin: 0 auto
	}
	.industries h2 {
		font-size: 90px
	}
	.industries ul li {
		margin: 0 10px !important;
		width: 286px !important
	}
	.industries ul li:nth-child(2n+2) {
		margin-top: 50px !important
	}
	.let-start .left .box h1 {
		margin: 0 0 100px
	}
	footer .talk ul li h4 {
		font-size: 20px
	}
	footer .footer .technology ul li {
		margin: 0 5px;
		width: 98px
	}
	footer .footer .technology ul li img {
		width: 100%
	}
	.in-ban .left .text h4 {
		margin: 0 0 20px 120px
	}
	.in-ban .left .text h1 {
		margin: 0 0 20px;
		font-size: 34px;
		line-height: 34px
	}
	.home-ban .free-quote {
		padding: 20px 30px 10px
	}
	.home-ban .free-quote .icon {
		float: none;
		text-align: center;
		margin: 0 auto
	}
	.home-ban .free-quote h3 {
		font-size: 18px;
		text-align: center
	}
	.home-ban .free-quote h3 span {
		font-size: 12px
	}
	.home-ban .free-quote .white-btn {
		float: none;
		margin: 0 auto
	}
	.home-ban .free-quote span.respect {
		float: none;
		text-align: center;
		display: block
	}
	.projects .box .portcontent {
		width: 1000px
	}
	.projects .box .portcontent img {
		width: 100%
	}
	.projects .box .port-box h2 {
		width: 390px
	}
	.home-ban .carousel-caption h1 {
		font-size: 44px;
		line-height: 44px
	}
	.call {
		padding-left: 10px;
		margin: 22px 10px 22px 0;
		font-size: 14px
	}
	.cbp-af-header .partner-logo img {
		height: 34px
	}
	.cbp-af-header .partner-logo {
		margin: 40px 0 0 20px
	}
	.left_menu_main {
		margin: 0
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	body {
		padding-top: 84px
	}
	.home-services ul li.free-quote {
		margin-top: -318px
	}
	.home-services ul li {
		padding: 20px 20px
	}
	.home-services ul li.free-quote h1 {
		font-size: 18px;
		margin: 0 0 20px
	}
	.home-services ul li.free-quote h1 span {
		font-size: 12px
	}
	.home-services ul li.free-quote span.respect {
		font-size: 10px
	}
	.home-services ul li.what-we {
		font-size: 26px
	}
	.web-design-home .box {
		width: 1080px
	}
	.web-design-home .web-circle {
		width: 200px;
		height: 200px;
		margin: 0 auto
	}
	.web-design-home .web-circle::before {
		left: -20px;
		width: 137px;
		height: 277px;
		top: -25px;
		background-size: 100%
	}
	.web-design-home .web-circle::after {
		width: 107px;
		height: 247px;
		top: -15px;
		background-size: 100%;
		right: -10px
	}
	.web-design-home .box .col-md-4.left {
		margin: 180px 0
	}
	.web-design-home .web-circle ul li {
		width: 48px;
		height: 48px;
		padding: 11px 8px
	}
	.web-design-home .web-circle ul li img {
		width: 100%;
		height: auto
	}
	.web-design-home .web-circle ul li.php {
		left: 80px;
		top: -54px
	}
	.web-design-home .web-circle ul li.magento {
		left: 22px;
		top: -35px
	}
	.web-design-home .web-circle ul li.wordpress {
		left: -26px;
		top: 7px
	}
	.web-design-home .web-circle ul li.cakephp {
		left: -46px;
		top: 70px
	}
	.web-design-home .web-circle ul li.angular {
		left: -32px;
		top: 136px
	}
	.web-design-home .web-circle ul li.python {
		left: 14px;
		top: 182px
	}
	.web-design-home .web-circle ul li.adobe {
		left: 80px;
		top: 196px
	}
	.web-design-home .web-circle .web-design-icon {
		width: 110px;
		height: 110px;
		right: -60px;
		top: 40px;
		padding: 20px
	}
	.web-design-home .web-circle .web-design-icon::before {
		right: 20px
	}
	.web-design-home .web-circle .web-design-icon::after {
		right: 23px
	}
	.web-design-home h3 {
		font-size: 70px
	}
	.mobile-app-home .box {
		width: 1080px
	}
	.mobile-app-home .box .col-md-4.left {
		margin: 0
	}
	.mobile-app-home .mobile-app ul li.php {
		left: 40px;
		top: 6px
	}
	.mobile-app-home .mobile-app ul li.magento {
		left: -18px;
		top: 102px
	}
	.mobile-app-home .mobile-app ul li.wordpress {
		left: -5px;
		top: 310px
	}
	.mobile-app-home .mobile-app ul li.cakephp {
		left: 210px;
		top: 80px
	}
	.mobile-app-home .mobile-app ul li.angular {
		left: 225px;
		top: 220px
	}
	.mobile-app-home .mobile-app ul li.python {
		left: 212px;
		top: 310px
	}
	.mobile-app-home .mobile-app ul li.adobe {
		left: 80px;
		top: 426px
	}
	.mobile-app-home h3 {
		font-size: 70px
	}
	.digital-marketing-home .box {
		width: 1080px
	}
	.digital-marketing-home .box .col-md-4.left {
		margin: 110px 0
	}
	.digital-marketing-home .web-circle ul li.icon1 {
		left: 180px;
		top: -34px
	}
	.digital-marketing-home .web-circle ul li.icon2 {
		left: 266px;
		top: 52px
	}
	.digital-marketing-home .web-circle ul li.icon3 {
		left: 295px;
		top: 150px
	}
	.digital-marketing-home .web-circle ul li.icon4 {
		left: 264px;
		top: 250px
	}
	.digital-marketing-home h3 {
		font-size: 70px
	}
	.hire-dedicated-home .box {
		width: 1080px
	}
	.hire-dedicated-home .box .col-md-4.left {
		margin: 100px 0
	}
	.hire-dedicated-home h3 {
		font-size: 70px
	}
	.product-home .box {
		width: 1080px
	}
	.product-home .box .col-md-4.left {
		margin: 30px 0
	}
	.product-home h1 {
		font-size: 70px
	}
	.usp .box {
		width: 1080px
	}
	.usp .box .left h2 {
		font-size: 32px;
		line-height: 48px
	}
	.usp .box .right ul li span {
		font-size: 64px;
		line-height: 60px
	}
	.usp .box .right ul li.project {
		width: 264px;
		background-size: 100%;
		height: 112px
	}
	.usp .box .right ul li.years {
		width: 334px;
		background-size: 100%;
		height: 112px
	}
	.usp .box .right ul li.years span {
		line-height: 38px;
		font-size: 36px
	}
	.usp .box .right ul li.space {
		width: 264px;
		background-size: 100%;
		height: 112px
	}
	.usp .box .right ul li.team {
		width: 334px;
		background-size: 100%;
		height: 112px
	}
	.usp .box .right ul li.team span {
		font-size: 30px;
		line-height: 78px
	}
	.let-start .left .box h1 {
		margin: 0 0 150px;
		font-size: 42px
	}
	.let-start .right .box h1 {
		font-size: 40px;
		line-height: 40px
	}
	.whu-us .box {
		width: 1080px
	}
	.whu-us .box .col-md-8.right {
		width: 1080px;
		flex: 1080px;
		max-width: 1080px
	}
	.whu-us ul.loveus li {
		width: 306px
	}
	.happy-client .left .client-img {
		float: none;
		margin-bottom: 20px
	}
	.happy-client .left .testimonial {
		width: 100%
	}
	.happy-client .right .count {
		font-size: 140px
	}
	.happy-client .video-btn {
		width: 100px
	}
	.happy-client .video-btn img {
		width: 100%
	}
	.industries .box {
		width: 1020px
	}
	.industries .bx-wrapper {
		max-width: 1020px !important;
		width: 1020px;
		margin: 0 auto
	}
	.industries h2 {
		font-size: 60px;
		line-height: 40px
	}
	.industries ul li {
		margin: 0 10px !important;
		width: 320px !important
	}
	.industries ul li:nth-child(2n+2) {
		margin-top: 50px !important
	}
	footer .talk ul li h4 {
		font-size: 17px
	}
	footer .talk ul li h4 span {
		font-size: 13px
	}
	footer .footer .technology ul li {
		margin: 0 6px;
		width: 80px
	}
	footer .footer .technology ul li img {
		width: 100%
	}
	footer .footer .copy .left, footer .footer .copy .left a {
		font-size: 12px
	}
	.in-ban .left .text {
		width: 90%
	}
	.in-ban .left .text h4 {
		margin: 0 0 20px 120px
	}
	.in-ban .left .text h1 {
		margin: 0 0 20px;
		font-size: 30px;
		line-height: 34px
	}
	.in-ban .left .text p {
		margin: 0
	}
	.web-design .left .package h1 {
		font-size: 34px
	}
	.web-design .right .free-quote span.respect {
		float: none;
		display: block;
		clear: both
	}
	.web-design .right .free-quote h1 {
		font-size: 20px
	}
	.web-design .right .free-quote h1 span {
		font-size: 14px
	}
	.read-start {
		width: 594px
	}
	.need-help {
		width: 600px
	}
	.hiring-us ul li {
		width: 214px
	}
	.team {
		display: flex;
		flex-wrap: wrap
	}
	.team .icon {
		order: 1
	}
	.team .team-img {
		order: 2
	}
	.team .team-detail {
		width: 100%;
		margin: 20px 0;
		order: 3
	}
	.mobile-responsive ul li {
		margin-right: 27px
	}
	.home-ban .free-quote {
		padding: 20px 20px 10px
	}
	.home-ban .free-quote .icon {
		float: none;
		text-align: center;
		margin: 0 auto
	}
	.home-ban .free-quote h3 {
		font-size: 18px;
		text-align: center
	}
	.home-ban .free-quote h3 span {
		font-size: 11px
	}
	.home-ban .free-quote .white-btn {
		float: none;
		margin: 0 auto
	}
	.home-ban .free-quote span.respect {
		float: none;
		text-align: center;
		display: block
	}
	.logo-design-block ul li {
		margin: 0 31px 30px 0;
		min-height: 320px
	}
	.projects .box .portcontent {
		width: 760px
	}
	.projects .box .portcontent img {
		width: 100%
	}
	.home-ban .free-quote .input {
		height: 36px;
		line-height: 36px
	}
	.home-ban .free-quote .white-btn {
		height: 40px;
		line-height: 40px
	}
	.home-ban .free-quote span.respect {
		line-height: 30px
	}
	.pollSlider form h1 {
		font-size: 30px;
		line-height: 30px
	}
	.pollSlider form h4 {
		margin: 0 0 20px
	}
	.pollSlider .input {
		height: 36px;
		line-height: 36px
	}
	.pollSlider .input.textarea {
		min-height: 108px
	}
	.pollSlider form .white-btn {
		margin: 10px auto
	}
	.let-start .right .box .input {
		line-height: 40px;
		height: 40px
	}
	.let-start .right .box .input.textarea {
		height: 140px
	}
	.whu-us h4 {
		margin: 0 0 20px 120px
	}
	.whu-us h2 span {
		display: inline-block
	}
	.whu-us ul.loveus li h3 {
		font-size: 22px;
		margin: 0 0 10px
	}
	.whu-us ul.loveus li img {
		height: auto
	}
	.happy-client .left .box {
		width: 90%
	}
	.projects .box .port-box h2 {
		width: 390px
	}
	.happy-client .left .client-img {
		width: 120px;
		height: 120px;
		padding: 18px
	}
	#content .happy-client .left {
		padding: 60px 0
	}
	.team-section ul li {
		margin-right: 26px
	}
	.home-ban .carousel-caption h1 {
		font-size: 44px;
		line-height: 44px
	}
	.call {
		padding-left: 10px;
		margin: 22px 10px 22px 0;
		font-size: 14px
	}
	.cbp-af-header .partner-logo img {
		height: 34px
	}
	.cbp-af-header .partner-logo {
		margin: 34px 0 0 10px;
		padding-right: 10px
	}
	.cbp-af-header .navbar-brand {
		width: 166px;
		padding: 10px 0 7px 10px
	}
	.cbp-af-header .partner-logo .jas-anz {
		background-position: -1px -46px;
		width: 56px;
		margin-right: 4px;
		background-size: 420px
	}
	.happy-client ul li {
		min-height: 294px
	}
	.happy-client .client-img {
		width: 120px;
		height: 120px
	}
	.happy-client h2, .hiring-us h2, .projects-new h2 {
		font-size: 36px
	}
	.package-list li {
		font-size: 13px
	}
	.why-alakmalak ul li {
		margin: 0 16px 0 0
	}
	.left_menu_main {
		margin: 0
	}
	footer .footer .row {
		margin: 0 20px
	}
	footer .footer .links ul li {
		font-size: 12px
	}
	.footer-block {
		padding: 0 15px 0 20px
	}
	footer .footer h4::before, footer .footer .h4::before {
		width: 10px;
		left: -20px
	}
	footer .footer h4, footer .footer .h4 {
		font-size: 16px
	}
}
body {
	padding-top: 0
}
.no-webp .home-ban {
	background: #fff;
	height: auto;
	padding: 140px 0 60px;
	border-radius: 0;
}
.webp .home-ban {
	background: #fff;
	height: auto;
	padding: 140px 0 60px;
	border-radius: 0
}
.home-ban .container {
	width: 1320px
}
.home-ban h1 {
	color: #0f82d5
}
.home-ban .ban-text {
	text-align: center;
	margin: 0 auto 30px;
	color: #fff;
	font-size: 16px;
	z-index: 1;
	width: 1320px
}
.home-ban .ban-text h1 {
	font-size: 60px;
	line-height: 65px;
	margin: 0;
	font-weight: 700;
	text-transform: uppercase
}
.home-ban .ban-text h1 span {
	display: block
}
.home-ban .ban-text h1 em {
	font-weight: 400;
	font-style: normal
}
.home-ban .ban-text img {
	width: auto;
	height: auto;
	margin: 0 10px 20px
}
.arrow {
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	text-align: center;
	margin-top: 0
}
.arrow em {
	display: block
}
.pink-btn {
	background: #AA1A00;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
	color: #fff;
	border: none;
	border-radius: 6px;
	padding: 0 20px;
	line-height: 42px;
	cursor: pointer
}
.pink-btn:hover {
	background: #000
}
.home-services-new ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center
}
.home-services-new ul li {
	float: left;
	text-align: left;
	position: relative;
	min-height: 450px;
	background: #f1f1f1;
	border-radius: 8px
}
.home-services-new ul li:last-child {
	margin-right: 0
}
.home-services-new ul li img {
	height: auto;
	border-radius: 10px 10px 0 0
}
.home-services-new ul li .text {
	background: #f1f1f1;
	padding: 20px;
	border-radius: 0 0 8px 8px
}
.home-services-new ul li h2 {
	font-size: 24px;
	font-weight: 600;
	color: #0f82d5;
	margin: 0;
	line-height: 33px
}
.home-services-new ul li h2 u {
	color: #000
}
.home-services-new ul li h4, .home-services-new ul li .h4 {
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	margin: 0 0 20px;
	text-transform: uppercase
}
.home-services-new ul li h4 span, .home-services-new ul li .h4 span {
	background: #000;
	padding: 0 6px;
	font-weight: 500
}
.home-services-new ul li.free-quote-home {
	background: #ffbc06;
	padding: 0 20px 24px
}
.home-services-new ul li.free-quote-home h2 {
	color: #000;
	font-size: 25px;
	line-height: 25px;
	font-weight: 700;
	margin: 0 0 10px
}
.home-services-new ul li.free-quote-home p {
	font-size: 13px;
	margin: 0 0 10px
}
.home-services-new ul li.free-quote-home h2 {
	padding: 20px 0 0
}
.home-services-new ul li.free-quote-home h4 {
	padding: 0;
	text-transform: none
}
.home-services-new ul li.free-quote-home label {
	display: none
}
.home-services-new ul li.free-quote-home .input {
	border: 2px solid #b28302;
	width: 100%;
	margin: 0 0 6px;
	border-radius: 6px;
	line-height: 40px;
	height: 40px;
	padding: 0 10px
}
.home-services-new ul li.free-quote-home .input.textarea {
	height: 100px
}
.home-services-new ul li.free-quote-home .pink-btn {
	left: 20px;
	margin: 0 0 5px;
	width: 86%;
	position: absolute;
	bottom: 10px; background: #6FBBF1; color: #0d2779;
}
.home-services-new ul li.free-quote-home p:last-child {
	margin: 0
}
.no-webp .industries-we {
	background: #f1f1f1 url(../images/industries-we-bg.png) no-repeat center bottom;
	padding-bottom: 160px !important
}
.webp .industries-we {
	background: #f1f1f1 url(../images/industries-we-bg.webp) no-repeat center bottom;
	padding-bottom: 160px !important
}
.industries-we h2 {
	font-size: 40px;
	color: #00062d;
	font-weight: 700;
	text-align: center;
	margin: 0 0 40px;
	line-height: 50px;
	text-transform: uppercase
}
.industries-we h2 span {
	color: #0a25d9
}
.industries-we ul li {
	width: 205px;
	float: left;
	margin: 0 10px 10px 0;
	background: #fff;
	box-shadow: 0 0 10px #e7e7e7;
	padding: 20px;
	border-radius: 6px
}
.industries-we ul li a{display: block}

.industries-we ul li:nth-child(6n+6) {
	margin-right: 0
}
.industries-we ul li h3 {
	font-size: 15px;
	text-align: center;
	color: #000;
	margin: 0;
	line-height: 22px;
	height: 46px
}
.industries-we ul li .icon {
	width: 95px;
	height: 95px;
	border-radius: 50%;
	border: 1px solid #a6aac4;
	position: relative;
	display: table;
	margin: 0 auto 30px;
	padding: 20px;
	background: url(../images/menu-icon.png) no-repeat center center
}
.industries-we ul li .icon.industries-icon1 {
	background-position: 6px -418px
}
.industries-we ul li .icon.industries-icon2 {
	background-position: -69px -418px
}
.industries-we ul li .icon.industries-icon3 {
	background-position: -152px -418px
}
.industries-we ul li .icon.industries-icon4 {
	background-position: -232px -418px
}
.industries-we ul li .icon.industries-icon5 {
	background-position: -314px -418px
}
.industries-we ul li .icon.industries-icon6 {
	background-position: -393px -418px
}
.industries-we ul li .icon.industries-icon7 {
	background-position: -473px -418px
}
.industries-we ul li .icon.industries-icon8 {
	background-position: -553px -418px
}
.industries-we ul li .icon.industries-icon9 {
	background-position: -633px -418px
}
.industries-we ul li .icon.industries-icon10 {
	background-position: -712px -418px
}
.industries-we ul li .icon.industries-icon11 {
	background-position: -790px -418px
}
.industries-we ul li .icon.industries-icon12 {
	background-position: -875px -418px
}
.industries-we ul li .icon.industries-icon13 {
	background-position: -952px -418px
}
.industries-we ul li .icon.industries-icon14 {
	background-position: -1033px -418px
}
.industries-we ul li .icon.industries-icon15 {
	background-position: -1112px -418px
}
.cbp-af-header {
	background: 0 0
}
.cbp-af-header .menu4 ul li a, .cbp-af-header .menu4 ul li a:visited {
	color: #00062d
}
.cbp-af-header.cbp-af-header-shrink .menu4 ul li a, .cbp-af-header.cbp-af-header-shrink .menu4 ul li a:visited {
	color: #00062d
}
.cbp-af-header .call a {
	color: #000;
	font-weight: 600
}
.cbp-af-header.cbp-af-header-shrink .call a {
	color: #000
}
.cbp-af-header .menu4 ul li.contact-btn a {
	background: #AA1A00;
	border-radius: 5px;
	color: #fff !important
}
.cbp-af-header .menu4 ul li.contact-btn a:hover {
	background: #000;
	color: #fff
}
.cbp-af-header .black {
	display: none
}
.cbp-af-header .white {
	display: block
}
.cbp-af-header.cbp-af-header-shrink .black {
	display: block
}
.new-usp {
	background: #fff;
	border-bottom: 2px solid #ececec
}
.new-usp .col-md-6.left {
	margin: 88px 0
}
.new-usp h2 {
	font-size: 40px;
	margin: 0 0 50px;
	font-weight: 700;
	color: #00062d;
	line-height: 60px;
	text-transform: uppercase
}
.new-usp h2 span {
	color: #0a25d9
}
.new-usp h4 {
	line-height: 30px
}
.new-usp h3 {
	margin: 0 0 20px;
	font-size: 19px;
	color: #000
}
.new-usp .certification {
	text-align: center
}
.new-usp .certi {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center
}
.new-usp .certi li {
	display: inline-block;
	background: #fff;
	margin: 0 10px;
	box-shadow: 0 0 10px #ccc;
	padding: 20px;
	border-radius: 8px;
	width: 22%
}
.new-usp .usp-box {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center
}
.new-usp .usp-box li {
	box-shadow: 0 0 10px #ccc;
	background: #fff;
	margin: 0 5px;
	width: 305px;
	height: 305px;
	font-size: 17px;
	color: #0a25d9;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	padding: 15px;
	border-radius: 50%;
	float: left;
	position: relative;
	padding: 48px
}
.new-usp .usp-box li:nth-child(1) {
	right: -30px;
	z-index: 1
}
.new-usp .usp-box li:nth-child(3) {
	margin: 0 auto;
	left: 180px;
	top: -74px
}
.new-usp .usp-box li .icon {
	position: relative;
	margin: 0 auto 20px
}
.new-usp .usp-box li span {
	font-size: 60px;
	color: #000;
	font-weight: 700;
	display: block;
	line-height: 60px
}
.recognized {
	text-align: center
}
.recognized .icon {
	margin: 0 0 20px
}
.recognized h2 {
	font-size: 40px;
	color: #00062d;
	font-weight: 700;
	text-align: center;
	margin: 0 0 20px;
	line-height: 50px;
	text-transform: uppercase
}
.recognized h2 span {
	color: #0a25d9
}
.recognized ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center
}
.recognized ul li {
	display: inline-block;
	margin: 0 10px;
	width: 17%
}
.recognized ul li img {
	max-width: 100%;
	height: auto
}
.projects-new {
	background: #0e1d4d;
	text-align: center
}
.projects-new h2 {
	font-size: 40px;
	margin: 0 0 30px;
	font-weight: 700;
	color: #fff;
	line-height: 50px;
	text-transform: uppercase
}
.projects-new h2 span {
	color: #ed184f
}
.projects-new ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center
}
.projects-new ul li {
	display: inline-block;
	margin: 10px 10px;
	width: 22%
}
.projects-new ul li img {
	max-width: 100%;
	width: 100%
}
.projects-new .pink-btn {
	position: relative;
	left: auto;
	bottom: auto;
	margin-top: 20px; line-height: 50px;
}
.projects-new .pink-btn:hover {
	background: #fff;
	color: #AA1A00
}
.new-usp h2 span {
	color: #0a7fd9
}
.new-usp .usp-box li {
	color: #0a7fd9
}
.whu-us h2 span {
	color: #0a7fd9
}
.happy-client h2 span {
	color: #ed184f
}
.recognized h2 span {
	color: #0a7fd9
}
.industries-we h2 span {
	color: #ed184f
}
.home-services-new ul li.free-quote-home .g-recaptcha {
	transform: scale(.88);
	-webkit-transform: scale(.88);
	transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	margin: 0 0 10px
}
.footer-block {
	width: 20%;
}
.footer-block2 {
	width: 40%;
}
.footer-block2 ul li {
	float: left;
	width: 50%
}
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
	.home-services-new ul li.free-quote-home p {
		margin: 0 0 23px
	}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.home-ban .ban-text {
		width: 1140px
	}
	.home-services-new ul li.free-quote-home p {
		margin: 0 0 23px
	}
	.industries-we ul li {
		width: 206px
	}
	.home-ban {
		padding: 140px 0 60px
	}
	.home-ban .ban-text h1 {
		font-size: 60px;
		line-height: 60px
	}
	footer .footer .row {
		margin: 0 30px
	}
	footer .footer .links ul li {
		font-size: 13px
	}
	.footer-block {
		padding: 0 15px 0 20px
	}
	footer .footer h4::before, footer .footer .h4::before {
		width: 10px;
		left: -20px
	}
	footer .footer h4, footer .footer .h4 {
		font-size: 18px
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.home-ban .container {
		width: 1170px
	}
	.home-ban .ban-text {
		width: 1140px;
		margin: 0 auto 40px
	}
	.home-services-new ul li {
		margin-right: 15px;
		min-height: 445px
	}
	.home-services-new ul li h4, .home-services-new ul li .h4 {
		font-size: 15px
	}
	.home-services-new ul li.free-quote-home p {
		margin: 0 0 6px
	}
	.home-services-new ul li.free-quote-home .input.textarea {
		height: 80px
	}
	.industries-we ul li {
		width: 176px
	}
	.home-ban {
		padding: 200px 0 60px
	}
	.home-ban .ban-text h1 {
		font-size: 50px;
		line-height: 50px
	}
	.new-usp .col-md-6.left {
		margin: 88px 0
	}
	.new-usp .usp-box li {
		width: 265px;
		height: 265px;
		padding: 24px
	}
	.happy-client h2, .industries-we h2, .projects-new h2, .recognized h2, .whu-us h2 {
		font-size: 36px
	}
	.home-services-new ul li .text {
		padding: 20px
	}
}
@media only screen and (min-width: 1000px) and (max-width: 1199px) {
	.home-ban .container {
		width: 1000px
	}
	.home-ban .ban-text {
		width: 1000px;
		margin: 0 auto 100px
	}
	.home-services-new ul li {
		margin-right: 15px;
		min-height: 445px
	}
	.home-services-new ul li h4, .home-services-new ul li .h4 {
		font-size: 15px
	}
	.home-services-new ul li.free-quote-home p {
		margin: 0 0 6px
	}
	.home-services-new ul li.free-quote-home .input.textarea {
		height: 80px
	}
	.industries-we ul li {
		width: 176px
	}
	.home-ban {
		padding: 200px 0 60px
	}
	.home-ban .ban-text h1 {
		font-size: 50px;
		line-height: 50px
	}
	.new-usp .col-md-6.left {
		margin: 88px 0
	}
	.new-usp .usp-box li {
		width: 220px;
		height: 220px;
		padding: 24px
	}
	.happy-client h2, .industries-we h2, .projects-new h2, .recognized h2, .whu-us h2 {
		font-size: 36px
	}
	.home-services-new ul li .text {
		padding: 20px 10px;
	}
	.new-usp .usp-box li span {
		font-size: 47px;
	}
	.new-usp .usp-box li .icon {
		margin: 0 auto 10px;
	}
	.new-usp .usp-box li {
		font-size: 13px
	}
	.new-usp h2 {
		font-size: 33px;
		line-height: 49px;
	}
	.certification ul li img {
		max-width: 80%;
		height: auto
	}
}
.container4 {
	text-align: center;
	border: 0 solid #000;
	height: 30px;
	margin: 0 0 20px 0
}
.menu4 {
	width: auto;
	font-size: 14px;
	text-transform: uppercase;
	margin: 0 auto;
	position: relative;
	z-index: 100;
	border: none;
	height: 40px;
	padding: 0
}

.menu4 ul li {
	position: relative;
	padding-left: 0;
	display: inline-block
}
.menu4 ul li a, .menu4 ul li a:visited {
	text-align: center;
	text-decoration: none;
	display: block;
	position: relative;
	text-transform: none;
	line-height: 40px;
}
.menu4 ul li ul {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	overflow: hidden;
	background: 0 0;
	z-index: 100
}
.menu4 table {
	margin: -1px;
	border-collapse: collapse;
	font-size: 1em
}
.menu4 ul li a.active, .menu4 ul li a:hover, .menu4 ul li:hover a {
	color: #e0c48d;
	text-decoration: none
}
.menu4 ul li a:hover:before {
	background: url(../images/menu-arrow2.png) no-repeat center bottom;
	width: 28px;
	height: 14px;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 1px;
	content: '';
	position: absolute
}
.menu4 ul li.blank-menu a:hover::before {
	display: none
}
.menu4 ul li:last-child a:hover::before {
	display: none
}
.menu4 ul li a:hover ul, .menu4 ul li:hover ul {
	visibility: visible;
	width: 710px;
	margin-left: 8px;
	height: auto;
	position: absolute;
	top: 48px;
	border: 0 solid #000;
	overflow: visible;
	z-index: 1000
}
.menu4 ul li a:hover ul li a, .menu4 ul li:hover ul li a {
	display: block;
	border-bottom: 1px solid #ccc;
	background: 0 0;
	text-align: left;
	text-decoration: none;
	color: #666 !important;
	height: auto;
	line-height: 40px;
	padding: 0 12px;
	width: 110px
}
.menu4 ul li:hover ul li:last-child a {
	border-bottom: 0
}
.menu4 ul li a:hover ul li a.drop, .menu4 ul li:hover ul li a.drop {
	display: block;
	color: #fff;
	height: auto;
	line-height: 1.35em;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 170px;
	width: 125px
}
.menu4 ul li a:hover ul li a ul, .menu4 ul li:hover ul li ul {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	overflow: hidden
}
.menu4 ul li a:hover ul li a:hover, .menu4 ul li:hover ul li a:hover {
	color: #ed184f !important;
	text-decoration: underline
}
.menu4 ul li a:hover ul li a:hover ul, .menu4 ul li:hover ul li:hover ul {
	visibility: visible;
	position: absolute;
	top: -1px;
	color: #666;
	left: 200px !important;
	height: auto;
	background: #fff !important;
	width: 200px !important;
	padding: 0 !important;
	z-index: 1000 !important;
	border: 1px solid #ccc
}
.menu4 ul li a:hover ul li a:hover ul.left, .menu4 ul li:hover ul li:hover ul.left {
	left: -166px
}
.menu4 ul li a:hover ul li a:hover ul li, .menu4 ul li:hover ul li:hover ul li {
	background: 0 0 !important
}
.menu4 ul li a:hover ul li a:hover ul li a, .menu4 ul li:hover ul li:hover ul li a {
	text-decoration: none !important;
	display: block;
	color: #666 !important;
	height: auto;
	line-height: 40px;
	padding: 0 12px;
	width: 170px;
	border-bottom: 1px solid #ccc
}
.menu4 ul li:hover ul li:hover ul li:last-child a {
	border-bottom: 0
}
* html .menu4 ul li a:hover ul li a:hover ul li a {
	padding-top: 5px;
	padding-bottom: 5px
}
.menu4 ul li a:hover ul li a:hover ul li a:hover, .menu4 ul li:hover ul li:hover ul li:hover a {
	color: #097ae3 !important;
	text-decoration: underline;
	text-decoration: none !important
}
.header-v2 .menu4 ul li a, .header-v2 .menu4 ul li a:visited {
	padding: 0 52px
}
.menu4 ul li a:hover ul, .menu4 ul li:hover ul {
	position: absolute;
	top: 38px;
	left: 0;
	width: 670px;
	background: #010b55
}
.menu4 ul li a:hover ul li a, .menu4 ul li:hover ul li a {
	width: 100%;
	padding: 0 10px;
	line-height: 40px;
	background: 0 0;
	color: #333 !important;
	border-bottom: none
}
.menu4 ul li:hover ul li:last-child a {
	border-bottom: none
}
.menu4 ul li .caret:hover ul, .menu4 ul li a .caret:hover ul {
	background: 0 0;
	border: none
}
.menu4 ul li a:hover ul, .menu4 ul li:hover ul {
	background: 0 0;
	border: none
}
.menu4 ul li a:hover ul li a:hover, .menu4 ul li:hover ul li a:hover {
	color: #fff000
}
.menu4 ul li a:hover ul li a:hover:before, .menu4 ul li:hover ul li a:hover:before {
	display: none
}
.menu4 ul li a:hover ul li a:hover ul, .menu4 ul li:hover ul li:hover ul {
	background: 0 0 !important;
	top: 0;
	position: relative;
	left: 0 !important;
	width: 100% !important;
	border: none
}
.menu4 ul li a:hover ul li a, .menu4 ul li:hover ul li a {
	color: #333 !important;
	padding: 0 !important;
	font-size: 14px;
	text-transform: none;
	font-weight: 400;
	border-radius: 0
}
.menu4 ul li a:hover ul li a:hover ul li a, .menu4 ul li:hover ul li:hover ul li a {
	color: #fff000 !important;
	background: 0 0 !important;
	width: 100%
}
.menu4 ul li.web-development {
	position: inherit
}
#drop_menu.menu4 ul li.web-development ul {
	display: inline-block;
	width: 100%;
	height: calc(100vh - 160px)
}
.menu4 ul li.web-development ul li {
	background: rgba(255, 255, 255, .2);
	width: 17%;
	border-radius: 5px;
	margin: 28px 0 0 48px;
	font-size: 17px;
	text-transform: uppercase;
	color: #fff;
	float: left;
	padding: 40px 20px 20px;
	border-bottom: 8px solid transparent
}
.menu4 ul li.web-development ul li:hover {
	border-bottom: 8px solid #318eef
}
.menu4 ul li.web-development ul li:hover:after {
	width: 39px;
	height: 39px;
	position: absolute;
	left: 30px;
	bottom: -24px;
	background: url(../images/menu-hover-arrow.png) no-repeat;
	content: ''
}
.menu4 ul li.web-development ul li a {
	font-weight: 400;
	line-height: 26px
}
.menu4 ul li.web-development a:hover {
	background: 0 0 !important;
	color: #fff
}
.menu4 ul li.web-development a:hover::before {
	display: none
}
.menu4 ul li.web-development ul li .count {
	font-size: 60px;
	font-style: italic;
	color: rgba(255, 255, 255, .3);
	font-weight: 600;
	position: absolute;
	top: -20px;
	right: 10px;
	line-height: 60px
}
.menu4 ul li.web-development ul li img {
	display: block;
	margin: 0 0 20px
}
.menu4 ul li.web-development ul li span {
	display: block;
	color: #8b91ba
}
.menu-contact {
	clear: both;
	margin: 48px 0;
	display: inline-block;
	width: 100%;
	padding: 0 28px
}
.menu-contact span {
	float: left;
	width: 25%;
	font-size: 15px;
	color: #888cab;
	text-align: left;
	line-height: 20px
}
.menu-contact span .icon {
	background: #fff;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	float: left;
	margin-right: 10px;
	text-align: center;
	line-height: 44px;
	font-size: 20px
}
#drop_menu.menu4 ul li.web-development ul .menu-contact span a {
	color: #fff;
	font-size: 25px;
	padding: 0 !important;
	text-align: left;
	line-height: 32px;
	font-weight: 400;
	text-transform: none
}
.menu-box {
	background: #fff000;
	color: #000;
	font-size: 16px;
	line-height: 22px;
	width: 100%
}
.menu-box span {
	display: block;
	text-align: left
}
.menu-box p {
	float: left;
	margin: 0
}
.menu-box h4 {
	font-size: 23px;
	font-weight: 700;
	color: #000;
	margin: 0;
	float: left;
	padding: 18px;
	border-right: 1px solid #000
}
#about-sub {
	background: #fff;
	width: 440px;
	padding: 10px 20px;
	position: relative;
	display: inline-block;
	border-radius: 8px;
	border-bottom: 8px solid #010b55;
	box-shadow: 0 0 10px #999
}
#about-sub .box {
	width: 200px;
	float: left
}
#about-sub .box a {
	line-height: 38px
}
.menu4 ul li a:hover ul.design-sub, .menu4 ul li:hover ul.design-sub {
	left: 0;
	width: 600px
}
#design-sub {
	background: #fff;
	width: 600px;
	padding: 20px 20px 0;
	position: relative;
	display: inline-block;
	border-radius: 8px;
	border-bottom: 8px solid #010b55;
	box-shadow: 0 0 10px #999
}
#design-sub .box {
	width: 280px;
	float: left;
	margin-bottom: 20px
}
#design-sub .box h4 {
	color: #010b55;
	text-transform: none;
	text-align: left;
	margin: 0;
	font-weight: 600;
	font-size: 15px;
	line-height: 26px
}
#design-sub a {
	line-height: 28px;
	padding-left: 36px !important
}
#design-sub .box a:before {
	display: none
}
.menu4 ul li a:hover ul.technology-sub, .menu4 ul li:hover ul.technology-sub {
	left: 0;
	width: 440px
}
#technology-sub {
	background: #fff;
	width: 440px;
	padding: 20px 20px 0;
	position: relative;
	display: inline-block;
	border-radius: 8px;
	border-bottom: 8px solid #010b55;
	box-shadow: 0 0 10px #e7e7e7
}
#technology-sub .box {
	width: 200px;
	float: left;
	margin-bottom: 20px
}
#technology-sub .box h4 {
	color: #010b55;
	text-transform: none;
	text-align: left;
	margin: 0;
	font-weight: 600;
	font-size: 15px;
	line-height: 30px
}
#technology-sub a {
	line-height: 28px;
	padding-left: 36px !important
}
#technology-sub .box:last-child {
	width: 100%
}
#technology-sub .box:last-child a {
	float: left;
	width: 50%
}
#technology-sub .box a:before {
	display: none
}
#portfolio-sub {
	background: #fff;
	width: 300px;
	padding: 10px 20px;
	position: relative;
	display: inline-block;
	border-radius: 8px;
	border-bottom: 8px solid #010b55;
	box-shadow: 0 0 10px #999
}
#portfolio-sub .box {
	width: 315px;
	float: left
}
#portfolio-sub a {
	line-height: 38px
}
#portfolio-sub .box:last-child {
	width: 315px;
	margin-right: 0
}
#apps-sub {
	width: 300px;
	padding: 10px 20px;
	position: relative;
	display: inline-block;
	background: #010b55
}
#apps-sub a {
	line-height: 28px
}
#hire-dev-sub {
	width: 300px;
	padding: 10px 20px;
	position: relative;
	display: inline-block;
	background: #010b55
}
#hire-dev-sub a {
	line-height: 28px
}
.menu4 ul li.hire-dev-menu {
	position: relative
}
.menu4 ul li.hire-dev-menu a:hover ul, .menu4 ul li.hire-dev-menu:hover ul {
	width: 300px
}
.menu4 ul li.hire-dev-menu:hover a:hover ul li a, .menu4 ul li.hire-dev-menu:hover:hover ul li a {
	width: auto;
	font-size: 14px;
	text-transform: none;
	font-weight: 400;
	border-radius: 0
}
.menu4 ul li span img {
	position: relative;
	top: -2px;
	margin-left: 2px
}
.menu-box {
	clear: both;
	margin: 10px 0 5px;
	display: inline-block;
	background: #fff000;
	padding: 10px 15px;
	text-align: left;
	display: none
}
.menu4 ul li:hover .menu-box a {
	width: auto;
	display: inline-block;
	float: right;
	color: #fff;
	background: 0 0
}
.menu4 ul li:hover .menu-box a:hover {
	background: 0 0 !important;
	color: #fff
}
.cbp-af-header .menu-box h1 {
	font-size: 23px;
	font-weight: 700;
	color: #000;
	margin: 0 0 20px 0;
	float: left;
	position: relative;
	text-transform: none
}
.cbp-af-header .menu-box p {
	text-transform: none;
	color: #2c3135;
	width: 430px;
	font-size: 14px
}
.cbp-af-header .menu-box .red {
	float: right;
	text-transform: none;
	font-size: 16px;
	background: #ff5e43;
	border: none;
	color: #fff;
	margin-left: 15px;
	padding: 6px 10px
}
.cbp-af-header .menu-box .red img {
	float: left;
	margin-right: 10px;
	width: 20px
}
.no-webp span.menu-icon {
	background-image: url(../images/menu-icon.png);
	background-repeat: no-repeat;
	margin: 0 10px 0 0;
	float: left;
	width: 42px;
	height: 58px
}
.webp span.menu-icon {
	background-image: url(../images/menu-icon.webp);
	background-repeat: no-repeat;
	margin: 0 10px 0 0;
	float: left;
	width: 42px;
	height: 58px
}
#design-sub span.icon1 {
	background-position: -9px 2px
}
#design-sub span.icon2 {
	background-position: -69px 2px
}
#design-sub span.icon3 {
	background-position: -129px 2px
}
#design-sub span.icon4 {
	background-position: -190px 2px
}
#design-sub span.icon5 {
	background-position: -248px 2px
}
#design-sub span.icon6 {
	background-position: -309px 2px
}
#web-sub span.icon1 {
	background-position: -9px -60px
}
#web-sub span.icon2 {
	background-position: -69px -60px
}
#web-sub span.icon3 {
	background-position: -129px -60px
}
#web-sub span.icon4 {
	background-position: -190px -60px
}
#web-sub span.icon5 {
	background-position: -248px -60px
}
#web-sub span.icon6 {
	background-position: -309px -60px
}
#web-sub span.icon7 {
	background-position: -369px -60px
}
#web-sub span.icon8 {
	background-position: -429px -60px
}
#web-sub span.icon9 {
	background-position: -489px -60px
}
#web-sub span.icon10 {
	background-position: -549px -60px
}
#web-sub span.icon11 {
	background-position: -599px -60px
}
#web-sub span.icon12 {
	background-position: -653px -60px
}
#apps-sub span.icon1 {
	background-position: -9px -128px
}
#apps-sub span.icon2 {
	background-position: -69px -128px
}
#apps-sub span.icon3 {
	background-position: -131px -128px
}
#apps-sub span.icon4 {
	background-position: -190px -128px
}
#apps-sub span.icon5 {
	background-position: -243px -128px
}
#seo-sub span.icon1 {
	background-position: -9px -180px
}
#seo-sub span.icon2 {
	background-position: -69px -180px
}
#seo-sub span.icon3 {
	background-position: -129px -180px
}
#seo-sub span.icon4 {
	background-position: -190px -180px
}
#seo-sub span.icon5 {
	background-position: -248px -180px
}
#seo-sub span.icon6 {
	background-position: -309px -180px
}
#seo-sub span.icon7 {
	background-position: -369px -180px
}
#seo-sub span.icon8 {
	background-position: -429px -180px
}
#hire-dev-sub span.icon1 {
	background-position: -10px -228px
}
#hire-dev-sub span.icon2 {
	background-position: -57px -228px
}
#hire-dev-sub span.icon3 {
	background-position: -109px -229px
}
#hire-dev-sub span.icon4 {
	background-position: -158px -229px
}
.menu4 ul li a:hover ul.about-menu, .menu4 ul li:hover ul.about-menu {
	right: 0;
	left: auto;
	width: 440px
}
#about-sub span.icon1 {
	background-position: -9px -280px
}
#about-sub span.icon2 {
	background-position: -49px -280px
}
#about-sub span.icon3 {
	background-position: -98px -280px
}
#about-sub span.icon4 {
	background-position: -140px -280px
}
#about-sub span.icon5 {
	background-position: -188px -280px
}
#about-sub span.icon6 {
	background-position: -227px -280px
}
#about-sub span.icon7 {
	background-position: -279px -280px
}
#about-sub span.icon8 {
	background-position: -329px -280px
}
#about-sub span.icon9 {
	background-position: -378px -280px
}
#about-sub span.icon10 {
	background-position: -428px -280px
}
#portfolio-sub span.icon1 {
	background-position: -9px -60px
}
#portfolio-sub span.icon2 {
	background-position: -129px -60px
}
#portfolio-sub span.icon3 {
	background-position: -9px -180px
}
#portfolio-sub span.icon4 {
	background-position: -248px 2px
}
#portfolio-sub span.icon5 {
	background-position: -190px 2px
}
#portfolio-sub span.icon6 {
	background-position: -69px 2px
}
.left_menu_main .modal {
	z-index: 10000
}
.left_menu_main .modal-dialog {
	margin: 10% auto;
	max-width: 600px
}
.left_menu_main .modal-body {
	padding: 40px
}
.left_menu_main .modal-header .modal-title {
	text-align: center;
	width: 100%
}
.left_menu_main .modal-header .close {
	top: -10px;
	position: absolute;
	right: -10px;
	color: #fff;
	background: #000;
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	opacity: 1;
	line-height: 40px;
	padding: 0
}
.left_menu_main .modal-header .close span {
	text-align: center
}
.left_menu_main .modal-header .close:hover {
	color: #fff
}
.left_menu_main .modal-body .white-btn {
	margin: 20px 0 0
}
.left_menu_main .modal-dialog .input {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	height: 46px;
	line-height: 46px;
	padding: 0 10px;
	width: 100%
}
.left_menu_main .modal-dialog .textarea {
	height: 100px
}
.left_menu_main .modal-dialog ul li {
	width: 50%;
	float: left;
	position: relative;
	text-align: left;
	border: none;
	height: auto;
	padding: 0 0 10px 20px;
	font-size: 14px
}
.left_menu_main .modal-dialog ul li input[type=checkbox] {
	position: absolute;
	left: 0;
	top: 5px
}
.left_menu_main .modal-dialog p {
	margin: 0
}
.menu4 ul li.contact-btn a:hover {
	background: #000;
	color: #fff
}
.menu4 .box h4 .sprites-new {
	background: url(../images/sprites-new.png) no-repeat;
	display: block;
	width: 30px;
	height: 30px;
	float: left;
	margin-right: 5px
}
.menu4 .box h4 .design-service-icon {
	background-position: -10px -10px
}
.menu4 .box h4 .development-service-icon {
	background-position: -50px -10px
}
.menu4 .box h4 .app-services-icon {
	background-position: -90px -10px
}
.menu4 .box h4 .seo-services-icon {
	background-position: -130px -10px
}
.menu4 .box h4 .cms-service-icon {
	background-position: -170px -10px
}
.menu4 .box h4 .ecommerce-service-icon {
	background-position: -210px -10px
}
.menu4 .box h4 .emerging-service-icon {
	background-position: -250px -10px
}
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
	.menu4 ul li a, .menu4 ul li a:visited {
		padding: 0 8px;
		font-size: 14px
	}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.menu4 {
		padding: 0 9px;
		margin: 27px auto
	}
	.menu4 ul li a, .menu4 ul li a:visited {
		padding: 0 8px;
		font-size: 14px
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.menu4 {
		padding: 0;
		margin: 22px auto
	}
	.menu4 ul li a, .menu4 ul li a:visited {
		padding: 0 6px;
		font-size: 12px
	}
}
@media only screen and (min-width: 1366px) {
	.menu4 ul li a, .menu4 ul li a:visited {
		padding: 0 10px;
		
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.menu4 {
		padding: 0;
		margin: 0 auto;
		display: none;
		width: 300px;
		right: 0;
		left: auto;
		height: auto;
		background: #fff
	}
	.menu4 ul li a, .menu4 ul li a:visited {
		padding: 0 10px
	}
	/*body {
		padding-top: 84px
	}*/
	.cbp-af-header .navbar-brand {
		width: 166px;
		padding: 10px 0 7px 10px
	}
	.cbp-af-header .navbar-brand img {
		width: 100%
	}
	.call {
		margin: 26px 32px 26px 0
	}
	.cbp-af-header .partner-logo img {
		height: 34px
	}
	.cbp-af-header .partner-logo {
		margin: 34px 0 0 10px;
		padding-right: 10px
	}
	.cbp-af-header .navbar-brand {
		width: 166px;
		padding: 7px 0 7px 10px
	}
	.cbp-af-header .partner-logo .jas-anz {
		background-position: -1px -46px;
		width: 56px;
		margin-right: 4px;
		background-size: 420px
	}
	.happy-client ul li {
		min-height: 294px
	}
	.happy-client .client-img {
		width: 120px;
		height: 120px
	}
	.cbp-af-header .navbar-brand {
		width: 162px;
		padding: 7px 0 7px 10px
	}
	.cbp-af-header .navbar-brand img {
		width: 100%
	}
	.menu4 ul li {
		display: block
	}
	.menu4 ul li a:hover ul.design-sub, .menu4 ul li:hover ul.design-sub {
		width: 100%
	}
	#about-sub, #design-sub, #portfolio-sub, #technology-sub {
		box-shadow: none;
		width: 100%;
		padding: 0 10px;
		box-sizing: border-box;
		display: none
	}
	.menu4 ul li a:hover ul.technology-sub, .menu4 ul li:hover ul.technology-sub {
		width: 100%
	}
	.menu4 ul li a:hover ul.about-menu, .menu4 ul li:hover ul.about-menu {
		width: 100%
	}
	#about-sub, #portfolio-sub {
		padding: 0 10px
	}
	#about-sub .box, #design-sub .box, #technology-sub .box {
		width: 100%
	}
	.menu4 ul li a:hover ul, .menu4 ul li:hover ul {
		position: relative;
		top: 0;
		left: 0 !important
	}
	.menu4 ul li a.active, .menu4 ul li a:hover, .menu4 ul li:hover a {
		text-align: left
	}
	.menu4 ul li a, .menu4 ul li a:visited {
		text-align: left
	}
	#technology-sub .box:last-child a {
		float: none;
		width: 100%
	}
	#drop_menu ul li a {
		font-size: 14px
	}
	#drop_menu ul {
		display: block
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.menu4 {
		padding: 0;
		margin: 0 auto;
		display: none;
		width: 300px;
		right: 0;
		left: auto;
		height: auto;
		background: #fff
	}
	.menu4 ul li a, .menu4 ul li a:visited {
		padding: 0 10px
	}
	.cbp-af-header .partner-logo {
		margin: 40px 0 0 0
	}
	.cbp-af-header .partner-logo img {
		height: 38px
	}
	.partner-logo {
		padding-right: 10px
	}
	.call {
		margin: 27px 30px 27px 0
	}
	.cbp-af-header .navbar-brand {
		width: 162px;
		padding: 7px 0 7px 10px
	}
	.cbp-af-header .navbar-brand img {
		width: 100%
	}
	.menu4 ul li {
		display: block
	}
	.menu4 ul li a:hover ul.design-sub, .menu4 ul li:hover ul.design-sub {
		width: 100%
	}
	#about-sub, #design-sub, #portfolio-sub, #technology-sub {
		box-shadow: none;
		width: 100%;
		padding: 0 10px;
		box-sizing: border-box
	}
	.menu4 ul li a:hover ul.technology-sub, .menu4 ul li:hover ul.technology-sub {
		width: 100%
	}
	.menu4 ul li a:hover ul.about-menu, .menu4 ul li:hover ul.about-menu {
		width: 100%
	}
	#about-sub, #portfolio-sub {
		padding: 0 10px
	}
	#about-sub .box, #design-sub .box, #technology-sub .box {
		width: 100%
	}
	.menu4 ul li a:hover ul, .menu4 ul li:hover ul {
		position: relative;
		top: 0;
		left: 0 !important
	}
	.menu4 ul li a.active, .menu4 ul li a:hover, .menu4 ul li:hover a {
		text-align: left
	}
	.menu4 ul li a, .menu4 ul li a:visited {
		text-align: left
	}
	#technology-sub .box:last-child a {
		float: none;
		width: 100%
	}
}
@media only screen and (min-width: 640px) and (max-width: 767px) {
	.menu4 {
		padding: 0;
		margin: 0 auto;
		display: none;
		width: 300px;
		right: 0;
		left: auto;
		height: auto;
		background: #fff
	}
	.menu4 ul li a, .menu4 ul li a:visited {
		padding: 0 10px
	}
	.cbp-af-header .partner-logo {
		margin: 40px 0 0 0;
		display: none
	}
	.cbp-af-header .partner-logo img {
		height: 38px
	}
	.partner-logo {
		padding-right: 10px
	}
	.call {
		margin: 27px 30px 27px 0
	}
	.cbp-af-header .navbar-brand {
		width: 162px;
		padding: 7px 0 7px 10px
	}
	.cbp-af-header .navbar-brand img {
		width: 100%
	}
	.menu4 ul li {
		display: block
	}
	.menu4 ul li a:hover ul.design-sub, .menu4 ul li:hover ul.design-sub {
		width: 100%
	}
	#about-sub, #design-sub, #portfolio-sub, #technology-sub {
		box-shadow: none;
		width: 100%;
		padding: 0 10px;
		box-sizing: border-box
	}
	.menu4 ul li a:hover ul.technology-sub, .menu4 ul li:hover ul.technology-sub {
		width: 100%
	}
	.menu4 ul li a:hover ul.about-menu, .menu4 ul li:hover ul.about-menu {
		width: 100%
	}
	#about-sub, #portfolio-sub {
		padding: 0 10px
	}
	#about-sub .box, #design-sub .box, #technology-sub .box {
		width: 100%
	}
	.menu4 ul li a:hover ul, .menu4 ul li:hover ul {
		position: relative;
		top: 0;
		left: 0 !important
	}
	.menu4 ul li a.active, .menu4 ul li a:hover, .menu4 ul li:hover a {
		text-align: left
	}
	.menu4 ul li a, .menu4 ul li a:visited {
		text-align: left
	}
	#technology-sub .box:last-child a {
		float: none;
		width: 100%
	}
}
@media only screen and (min-width: 480px) and (max-width: 639px) {
	.menu4 {
		padding: 0;
		margin: 0 auto;
		display: none;
		width: 300px;
		right: 0;
		left: auto;
		height: auto;
		background: #fff
	}
	.menu4 ul li a, .menu4 ul li a:visited {
		padding: 0 10px
	}
	.cbp-af-header .partner-logo {
		margin: 40px 0 0 0;
		display: none
	}
	.cbp-af-header .partner-logo img {
		height: 38px
	}
	.partner-logo {
		padding-right: 10px
	}
	.call {
		margin: 27px 30px 27px 0
	}
	.cbp-af-header .navbar-brand {
		width: 162px;
		padding: 7px 0 7px 10px
	}
	.cbp-af-header .navbar-brand img {
		width: 100%
	}
	.menu4 ul li {
		display: block
	}
	.menu4 ul li a:hover ul.design-sub, .menu4 ul li:hover ul.design-sub {
		width: 100%
	}
	#about-sub, #design-sub, #portfolio-sub, #technology-sub {
		box-shadow: none;
		width: 100%;
		padding: 0 10px;
		box-sizing: border-box
	}
	.menu4 ul li a:hover ul.technology-sub, .menu4 ul li:hover ul.technology-sub {
		width: 100%
	}
	.menu4 ul li a:hover ul.about-menu, .menu4 ul li:hover ul.about-menu {
		width: 100%
	}
	#about-sub, #portfolio-sub {
		padding: 0 10px
	}
	#about-sub .box, #design-sub .box, #technology-sub .box {
		width: 100%
	}
	.menu4 ul li a:hover ul, .menu4 ul li:hover ul {
		position: relative;
		top: 0;
		left: 0 !important
	}
	.menu4 ul li a.active, .menu4 ul li a:hover, .menu4 ul li:hover a {
		text-align: left
	}
	.menu4 ul li a, .menu4 ul li a:visited {
		text-align: left
	}
	#technology-sub .box:last-child a {
		float: none;
		width: 100%
	}
}
@media only screen and (max-width: 320px) {
	.call {
		top: 16px !important
	}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
	.menu4 {
		padding: 0;
		margin: 0 auto;
		display: none;
		width: 300px;
		right: 0;
		left: auto;
		height: auto;
		background: #fff
	}
	.menu4 ul li a, .menu4 ul li a:visited {
		padding: 0 10px
	}
	.cbp-af-header .partner-logo {
		margin: 40px 0 0 0;
		display: none
	}
	.cbp-af-header .partner-logo img {
		height: 38px
	}
	.partner-logo {
		padding-right: 10px
	}
	.call {
		margin: 0 10px 7px 0;
		font-size: 16px;
		padding-left: 0;
		top: 40px;
		position: relative
	}
	.cbp-af-header .navbar-brand {
		width: 162px;
		padding: 7px 0 7px 10px
	}
	.cbp-af-header .navbar-brand img {
		width: 100%
	}
	.menu4 ul li {
		display: block
	}
	.menu4 ul li a:hover ul.design-sub, .menu4 ul li:hover ul.design-sub {
		width: 100%
	}
	#about-sub, #design-sub, #portfolio-sub, #technology-sub {
		box-shadow: none;
		width: 100%;
		padding: 0 10px;
		box-sizing: border-box
	}
	.menu4 ul li a:hover ul.technology-sub, .menu4 ul li:hover ul.technology-sub {
		width: 100%
	}
	.menu4 ul li a:hover ul.about-menu, .menu4 ul li:hover ul.about-menu {
		width: 100%
	}
	#about-sub, #portfolio-sub {
		padding: 0 10px
	}
	#about-sub .box, #design-sub .box, #technology-sub .box {
		width: 100%
	}
	.menu4 ul li a:hover ul, .menu4 ul li:hover ul {
		position: relative;
		top: 0;
		left: 0 !important
	}
	.menu4 ul li a.active, .menu4 ul li a:hover, .menu4 ul li:hover a {
		text-align: left
	}
	.menu4 ul li a, .menu4 ul li a:visited {
		text-align: left
	}
	#technology-sub .box:last-child a {
		float: none;
		width: 100%
	}
}
.arrow .heading-main {
	background: #000;
	padding: 2px 40px;
	border-radius: 40px;
	font-size: 26px;
	line-height: 44px;
	font-weight: 500
}
.arrow .rate-cls .rate {
	width: max-content;
	margin: 0 auto;
	font-weight: 500;
	font-size: 20px;
	color: #000 !important
}
.lets-talk {
	background: #f1f1f1;
	padding: 60px 0
}
.lets-talk .left, .lets-talk .right {
	width: 48%
}
.lets-talk h2 {
	font-size: 60px;
	font-weight: 700;
	color: #0a7fd9;
	line-height: 70px;
	text-transform: uppercase
}
.lets-talk ul {
	margin: 0;
	padding: 0;
	list-style: none
}
.lets-talk ul li {
	list-style: none;
	margin: 0 0 20px;
	position: relative;
	padding-left: 86px;
	line-height: 70px
}
.lets-talk ul li .icon {
	width: 70px;
	height: 70px;
	line-height: 70px;
	font-size: 30px;
	position: absolute;
	left: 0;
	border-radius: 50%;
	background-image: url(../images/contact-icon.png);
	background-repeat: no-repeat;
	background-color: #fff
}
.lets-talk ul li.phone .icon {
	color: #de204f;
	background-position: -55px -57px
}
.lets-talk ul li.email .icon {
	color: #895ee4;
	background-position: -55px -120px
}
.lets-talk ul li.whatsapp .icon {
	color: #36b44e;
	background-position: -55px -240px
}
.lets-talk ul li.skyp .icon {
	color: #2087de;
	background-position: -55px -180px
}
.lets-talk ul li a {
	font-size: 34px;
	color: #000;
	font-weight: 700
}
.lets-talk .right {
	background: #ffbc06;
	padding: 30px;
	border-radius: 8px
}
.lets-talk .right h4 {
	font-size: 25px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0
}
.lets-talk .right label {
	display: none
}
.lets-talk .right .input {
	border: 2px solid #b28302;
	width: 100%;
	margin: 0 0 6px;
	border-radius: 6px;
	line-height: 50px;
	height: 50px;
	padding: 0 10px
}
.lets-talk .right .input.textarea {
	height: 130px
}
.lets-talk .right .pink-btn {
	margin: 0 0 5px;
	position: relative;
	float: right;
	bottom: auto;
	left: auto
}
.lets-talk .right p:last-child {
	margin: 0;
	line-height: 50px
}
.arrow img {
	display: block;
	margin: 0 auto
}
.whu-us ul.loveus {
	margin: 0 auto;
	text-align: center;
	display: flex;
	float: none;
	flex-wrap: wrap;
	align-content: center;
	height: 100%;
	justify-content: center;
	padding-left: 30px
}
.whu-us ul.loveus li {
	width: 47%;
	margin-right: 3%;
	margin-bottom: 40px
}
.whu-us ul.loveus li:nth-child(2n+2) {
	margin-right: 0
}
section.client {
	padding: 4em 0;
	background-color: #eee
}
section.client .section-title {
	margin-bottom: 6em
}
.clients .bx-controls {
	position: relative
}
.clients .bx-wrapper .bx-pager {
	text-align: center;
	padding-top: 30px
}
.bx-wrapper .bx-controls-auto .bx-controls-auto-item, .clients .bx-wrapper .bx-pager .bx-pager-item {
	display: inline-block
}
.clients .bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px
}
.clients .bxslider li img {
	width: 80% !important
}
.clients h2 {
	font-size: 40px;
	margin: 0 0 50px;
	font-weight: 700;
	color: #00062d;
	line-height: 50px;
	text-transform: uppercase;
	text-align: center
}
.clients h2 span {
	color: #0a7fd9
}
.clients ul li {
	float: left;
	width: 25%;
	padding: 20px;
	border: 1px solid #f1f1f1
}
.clients ul li img {
	max-width: 100%;
	height: auto
}
footer .footer .copy .right {
	padding-left: 40px;
	float: left
}
.dropdown-toggle::after {
	position: relative;
	top: 1px
}
@media screen and (max-width: 1200px) {
	.home-services-new ul li {
		width: 23%;
	}
	.home-infra-img img {
		max-width: 100%;
		object-fit: cover;
	}
	.lets-talk ul li a {
		font-size: 24px;
	}
	footer .footer .technology ul li {
		margin: 5px 16px;
	}
	.recognized ul li img {
		height: auto
	}
	.clients ul li img {
		height: auto
	}
	.projects-new ul li img {
		height: auto
	}
	.home-services-new ul li h2 {
		font-size: 20px;
	}
	.home-services-new ul li.free-quote-home .input {
		height: 32px;
	}
}
@media screen and (max-width: 992px) {
	.home-ban .ban-text {
		width: 100%;
	}
	.new-usp .certi li {
		width: 22%;
		margin-bottom: 15px;
	}
	.new-usp .certi li img{max-width: 100%}
	.whu-us ul.loveus {
		margin-top: 20px;
	}
	.recognized ul li {
		width: 30%;
	}
	.lets-talk ul li a {
		font-size: 16px;
	}
	.happy-client .testimonial {
		float: left;
		width: 100%;
	}
	.home-services-new ul li {
		width: 45%;
		margin-bottom: 15px;
	}
	.new-usp .col-md-6.left {
		margin-top: 0;
	}
}


footer .footer .rating .left ul{margin: 0; padding: 0; list-style: none}
footer .footer .rating .left ul li{margin: 0; list-style: none; border-right: 1px solid #3c4782; float: left; margin-right: 20px; padding-right: 20px;}
footer .footer .rating .left ul li:last-child{border: none; margin-right: 0; padding-right: 0;}
footer .footer .rating .left ul li span{color: #ffffff; font-size: 20px; font-weight: 600; display: block; margin: 0 0 20px;}
footer .footer .rating .left ul li span img{float: left; margin-right: 10px; height: 20px;}
footer .footer .rating .left ul li img{height: 30px}

.new-usp h2{text-transform: capitalize;}

.whu-us-new{background: #f5f5f5; padding-bottom: 80px !important}
.webp .whu-us-new{background: #f5f5f5}
.whu-us-new h2{text-transform: capitalize;}
.whu-us-new ul.loveus{margin: 0; padding: 0}
.whu-us-new ul.loveus li{width: 33.33%; padding: 0 20px; margin: 0 0 30px;}
.whu-us-new ul.loveus li .icon{width: 80px; height: 80px; border-radius: 6px; padding: 15px; display: table; background: #FFF; margin: 0 auto 20px;}
.whu-us-new ul.loveus li .icon img{margin-bottom: 0}

.infrastructure{}
.infrastructure ul{}
.infrastructure ul li{float: left; width: 580px !important; margin-right: 30px;}
.infrastructure ul li img{}
.infrastructure .bx-wrapper{max-width: 1800px !important; margin: 0 auto;}
.infrastructure .bx-wrapper .bx-controls-direction a{display: none}
.infrastructure .bx-wrapper .bx-pager{display: block}
.infrastructure .bx-wrapper .bx-pager.bx-default-pager a{background: transparent; border: 2px solid #a5a5a5; width: 15px; height: 15px;}
.infrastructure .bx-wrapper .bx-pager.bx-default-pager a.active, .infrastructure .bx-wrapper .bx-pager.bx-default-pager a:focus, .infrastructure .bx-wrapper .bx-pager.bx-default-pager a:hover{background: #0f82d5; border: 2px solid #0f82d5;}

.technologies{text-align: center}
.technologies h2{font-size: 40px; margin: 0 0 50px; font-weight: 700; color: #00062d; line-height: 50px;}
.technologies .tab-box {margin: 0 0 20px;}
.technologies .tab-box a {color: #000000; font-weight: 600; display: inline-block; padding: 0 20px;}
.technologies .tab-box a span{display: block}
.technologies .tab-box a img{filter: grayscale(100%); margin: 0 0 20px}
.technologies .tab-box a.activeLink {color: #0f82d5}
.technologies .tab-box a.activeLink img{filter: initial;}
.technologies .tabcontent {}
.technologies .tabcontent ul{margin: 0; padding: 0; list-style: none; text-align: center}
.technologies .tabcontent ul li{display: inline-block; border: 1px solid #CCCCCC; border-radius: 8px; padding: 20px; width: 190px; margin: 6px;}
.technologies .tabcontent ul li img{max-width: 100%; margin: 0 0 10px; filter: grayscale(100%);}
.technologies .tabcontent ul li:hover img{filter: initial;}
.technologies .tabcontent ul li span{display: block;}
.technologies .hide { display: none;}

.client-video ul{text-align: center;}
.client-video ul li{display: inline-block; box-shadow: 1px 4px 10px rgba(98,98,98,.2); width: 31%; position: relative; border-radius: 8px; float: none; text-align: left; padding: 0; margin: 0 13px; float: none}
.client-video ul li:last-child{float: none}
.client-video ul li img{width: 100%; border-radius: 8px 8px 0 0; left: 0; top: 0;}
.client-video ul li video {width: 100%; height: 240.283px;}
.client-video ul li .clearfix {background: #FFFFFF; border-radius: 0 0 8px 8px; padding: 20px;}
.client-video ul li .clearfix h4 {font-size: 20px; color: #000000; font-weight: bold; float: left;  margin: 0;}
.client-video ul li .clearfix h4 span {font-size: 14px; color: #676767; font-weight: 300; display: block;}
.client-video ul li .clearfix .rating {float: right; font-size: 14px; color: #676767; font-weight: 300; text-align: right;}
.client-video ul li .clearfix .rating img {width: auto; height: auto; display: block;}
.client-video ul li .clearfix .rating span {display: block;}

.grecaptcha-badge{visibility: hidden}

.left_menu_main {margin: 44px 30px 0 0;}
.call {margin: 0 10px 0 0; position: absolute; right: 0;}
.menu4 ul li a,
.menu4 ul li a:visited {font-size: 16px;font-weight: 500;}
.cbp-af-header .menu4 ul li.contact-btn a {padding: 0 20px; margin-left: 10px;}
.quote-btn {margin-left: 20px;}
.cbp-af-header .menu4 ul li.contact-btn.quote-btn a {background: #1971cc;border-radius: 5px; margin-left: 0}
.cbp-af-header .menu4 ul li.contact-btn a:hover::before {display: none}

.home-career{background: #ebf2f7; padding: 60px 0}
.home-career h2{font-size: 40px; font-weight: bold; text-transform: uppercase; text-align: center}
.home-career h3{font-size: 25px; font-weight: bold; text-align: left;}
.home-career .left, .home-career .right{width: 48%}
.home-career .left{}
.home-career .left ul{margin: 0; padding: 0; list-style: none}
.home-career .left ul li{float: left; width: 31%; margin: 0 2.66% 20px 0; list-style: none; padding: 20px 7px; border-radius: 6px; box-shadow: 1px 1px 10px #ccc; background: #FFFFFF; text-align: center}
.home-career .left ul li:nth-child(3n+3){margin-right: 0} 
.home-career .left ul li img{margin: 0 0 10px;}
.home-career .left ul li h4{font-size: 16px; color: #252525; font-weight: 600; margin: 0; min-height: 39px;}
.home-career .right{}
.home-career .right ul{margin: 0; padding: 0; list-style: none}
.home-career .right ul li{padding: 10px 20px; cursor: pointer; background-color: #fff; color: #102b41; border: 1px solid #e4e4ed; border-radius: 6px; margin: 10px 0; line-height: 26px; font-size: 15px; box-shadow: 1px 1px 10px #ccc;}
.home-career .right ul li img{float: left; margin-right: 10px;}
.home-career .right ul li .career-info{padding: 16px 0; position: relative;}
.home-career .right ul li a {display: block;}
.home-career .right ul li h4{margin-bottom: 2px; font-size: 17px; font-weight: 600; margin: 0}
.home-career .right ul li .orange-btn{border: 1px solid #e78800; color: #e78800; font-size: 12px; text-transform: uppercase; font-weight: 600; background: #FFF; padding: 0 10px; border-radius: 4px; position: absolute; right: 0; top: 0; line-height: 27px; height: 26px; top: 25px; cursor: pointer}
.home-career .right ul li .blue-btn{border: 1px solid #0a7fd9; color: #FFFFFF; font-size: 12px; text-transform: uppercase; font-weight: 600; background: #0a7fd9; padding: 0 10px; border-radius: 4px; position: absolute; right: 0; top: 0; line-height: 27px; height: 26px; top: 25px; cursor: pointer}
.home-career .right ul li:last-child{border: 2px solid #0a7fd9;}
.home-career .right ul li:last-child .career-info{padding: 28px 0;}
.home-career .apply{border-bottom: 2px solid #0a7fd9; display: flex; align-items: center; justify-content: space-between; position: relative}
.home-career .apply a{margin-right: 20px;}
.home-career .apply .blue-btn{border: 1px solid #0a7fd9; color: #FFFFFF; font-size: 12px; text-transform: uppercase; font-weight: 600; background: #0a7fd9; padding: 0 20px; border-radius: 4px; line-height: 43px; height: 42px; cursor: pointer; width: 130px; text-align: center}

.home-services-new {margin: 40px auto 0;}
.home-services-new ul li h4 span, .home-services-new ul li .h4 span{border-radius: 4px;}
.home-services-new ul li .pink-btn{background: #1971cc}
.home-services-new ul li .pink-btn:hover{background: #000000}
.home-services-new ul li.free-quote-home .pink-btn:hover{background: #FFFFFF; color: #0f82d5}
.home-services-new ul li.free-quote-home{background-image: linear-gradient(to right, #02144e , #0d2779);}
.home-services-new ul li.free-quote-home h2{color: #FFFFFF}
.home-services-new ul li.free-quote-home p{color: #FFFFFF}
.home-services-new ul li.free-quote-home .input{border: none} 

footer .footer{background: #000831}
footer .footer h4::before, footer .footer .h4::before{display: none}
footer .footer .rating .left{float: none;text-align: center;margin: 0 auto;display: table; border-bottom: 1px solid #3c4782; padding-bottom: 30px;}
footer .footer .rating .left h4{margin: 0 0 30px;}
footer .footer .rating .left ul li{border-right: 1px solid #33395a; margin-right: 40px; padding-right: 40px;}
footer .footer .links ul li a:hover{color: #fad110}

.need-help-footer{display: block; text-align: center}
.need-help-footer h4{margin: 0 0 30px;}
.need-help-footer h4 span{display: block}
.need-help-footer ul{margin: 0; padding: 0; list-style: none}
.need-help-footer ul li{list-style: none; margin: 0 20px 0 0; position: relative; font-size: 18px; line-height: 25px; font-weight: 500; color: #ffffff; background-image: linear-gradient(to right, #051a5c , #000831); padding: 20px 30px 20px 110px; text-align: left; border-radius: 10px; border: 1px solid #1e2d63; display: inline-block; width: 300px;}
.need-help-footer ul li a{color: #FFFFFF; display: block;}
.need-help-footer ul li:last-child{margin-right: 0}
.need-help-footer ul li .icon{width: 61px; height: 61px; border-radius: 50%; position: absolute; left: 30px; top: 15px; background: #031551; border: 1px solid rgba(255,255,255,0.6); padding: 12px;}
.need-help-footer ul li .icon img{width: auto;}
.need-help-footer ul li span{display: block}
.need-help-footer ul li:hover .icon{background: #0f82d5; border: 1px solid rgba(255,255,255,1);}
.need-help-footer ul li:hover span{color: #fad110}
footer .footer .technology{border-bottom: none; border-top: 1px solid #33395a;}

.footer-block{padding: 0 15px 0 0}
.footer-block2{padding: 0}
footer .footer .copy{none}
footer .footer .copy .left, footer .footer .copy .left a{text-align: center; float: none;}
footer .footer .copy .left a:hover{color: #fad110}
footer .footer .copy .right {padding-left: 0; float: none; display: table; margin: 0 auto 10px;}

.cbp-af-header .partner-logo img {height: 34px; margin: 0 7px; display: inline-block}

.home-services-new{width: 1560px;}
.home-services-new ul li{margin-right: 19px; width: 19%;}

.need_block { display: flex; justify-content: center; align-items: center; background-color: #0e1d4d;}
.need-help-choosing.need_block .right-need,
.need-help-choosing.need_block .left-need , 
.need_block .read-start , 
.need_block .need-help{ float: none;}

.need_block.need-help-choosing .right-need {background: none; display: flex; align-items: center;}
.need_block.need-help-choosing .left-need, .need_block.need-help-choosing .right-need {min-height: auto; width: auto;}

.need_block .read-start {width: 785px; background: linear-gradient(40deg, #001045, #0f2b82); margin-left: auto; border-radius: 12px; padding: 40px; padding-top: 25px;}

.need_block  #ready-start {padding: 20px 0 0;}
.need_block  #ready-start label {display: block; color: #fff; text-align: left;}

.need_block  .form_group {margin-bottom: 10px;}
.need_block  #ready-start span {text-align: left; margin-bottom: 0;}

.need_block  #ready-start .pink-btn {background: #6FBBF1; border: transparent; font-size: 17px; width: 165px; margin-left: auto; position: relative; bottom: auto; left: auto; color: #0d2779;}
.need_block  .read-start h2 {text-align: left; font-size: 40px; position: relative; padding-left: 70px; line-height: 54px;}
.need_block  .read-start h2 .icon {position: absolute; left: 0; top: -4px;}


.need_block .need-help {width: auto; padding-left: 80px;}
.need_block.need-help-choosing .left-need h4, .need_block.need-help-choosing .left-need .h4 {text-align: left; font-weight: 700; position: relative; text-transform: uppercase; padding-left: 70px; font-size: 25px; margin-bottom: 30px; margin-left: 10px; min-height: 52px;
display: flex; align-items: center; color: #FFFFFF;}
.need_block .need-help h4 span, .need_block .need-help .h4 span {display: inline; color: #fff;}
.need_block .need-help h4 .icon, .need_block .need-help .h4 .icon {position: absolute; left: 0;}
.need_block .need-help ul {display: flex; flex-direction: column;}
.need_block .need-help ul li {width: 465px; margin-bottom: 10px; background-image: none; border-color: transparent; padding-left: 90px;}
.need_block .need-help ul li:hover {background-image: linear-gradient(to right, #051a5c , #000831); border-color: #1e2d63;}
/* .need_block .need-help-footer ul li:hover .icon {background: transparent;} */
.need_block .need-help-footer ul li .icon {left: 10px;}

.need_block .need-help-footer ul {background-image: url(../images/need_vector.png); background-repeat: no-repeat; background-position-x: right; background-position-y: 100%; border-bottom: 1px solid #0F82D5; width: 475px;}
.need_block .need-help-footer ul li span {color: #fad110;}
.need_block.need-help-choosing .left-need {padding: 80px 0;}

.padding-top{padding-top: 0}

.cbp-af-header .partner-logo img.weare-hiring{width: auto;position: relative;height: auto;margin: -40px 0 0 16px;}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
  animation: swing ease-in-out 4s infinite alternate;
    transform-origin: center -20px;
}

#cookie-msg{padding: 10px 50px !important; z-index: 100}
#cookie-msg .btn-aceptar{background: transparent !important; border: 2px solid #FFFFFF; border-radius: 20px !important; padding: 3px 20px !important;}

/*a:focus, li:focus, div:focus, button:focus {border: 1px solid #f1f1f1; outline: none}*/

.cbp-af-header .partner-logo a{display: inline-block}
.home-services-new ul li .text a{display: inline-block; position: absolute; bottom: 14px; left: 20px; line-height: 50px;}

.skip-content{position: absolute; z-index: 100001; width: 100%;}
.skip-content-bar {position: absolute; top: -72px; left: 0; width: 100%; height: 72px; background-color: #f0f0f0; padding-left: 72px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center;     -ms-flex-align: center; align-items: center}
.skip-content-bar a {margin-top: 0; margin-left: 1.5rem; -webkit-transition: none; transition: none}
.skip-content-bar a:focus {-webkit-transform: none; transform: none}
.skip-content-bar:focus-within {top: 0; z-index: 999}
.skip-content-bar.in-view {top: 0; z-index: 999}

.menu4 ul li a, .menu4 ul li a:visited{text-align: left}
.menu4 ul li.show ul.dropdown-menu{text-align: left}
.menu4 ul li.show ul.dropdown-menu {visibility: visible; height: auto; overflow: visible; z-index: 1000;position: absolute; top: 38px; background: 0; border: 0;}
.menu4 ul li.show ul.dropdown-menu.design-sub{left: 0; width: 600px;}

footer{position: relative}
footer a.quote-form{position: absolute; top: -94px; left: 0}

@media only screen and (min-width:1400px) and (max-width:1599px) {
.cbp-af-header .menu4 ul li.contact-btn a {padding: 0 10px; }
.call{padding-right: 20px;}
.quote-btn {margin-left: 20px;}
.menu4 ul li a, .menu4 ul li a:visited{padding: 0 8px; font-size: 14px;} 
.menu4{margin: 0}
.left_menu_main {margin: 44px 20px 0 0;}

.home-services-new{width: 1320px;}
.home-services-new ul li.digital-marketing{display: none}
.home-services-new ul li{margin-right: 17px; width: 24%;}

.webp .home-ban{padding: 100px 0 60px}
.home-ban{padding: 100px 0 60px}
.home-ban .ban-text{margin: 0 auto 20px}
.home-services-new {margin: 20px auto 0;}
.home-services-new ul li.free-quote-home h2{font-size: 22px;}
.home-services-new ul li{min-height: 415px;}
.home-services-new ul li.free-quote-home p{margin: 0 0 10px;}
.home-services-new ul li.free-quote-home .input.textarea {height: 80px;}

.cbp-af-header .navbar-brand {width: 166px; padding: 10px 0 7px 10px;}
.quote-btn {margin-left: 10px;}
}
	
@media only screen and (min-width:1200px) and (max-width:1399px) {
.cbp-af-header .menu4 ul li.contact-btn a {padding: 0 10px; }
.call{padding-right: 10px;}
.quote-btn {margin-left: 10px;}
.menu4 ul li a, .menu4 ul li a:visited{font-size: 14px; padding: 0 5px;}
.menu4{margin: 0}
.left_menu_main {margin: 44px 10px 0 0;}
.home-services-new ul li {width: 24%;}
.new-usp .col-md-6.left{margin: 0}

.home-services-new ul li.digital-marketing{display: none}
.home-services-new{width: 1140px;}
.home-services-new ul li{margin-right: 15px;}

.need-help-footer ul li{font-size: 14px; width: 270px;}

footer .footer .technology ul li {margin: 0 5px; width: 80px;}

.webp .home-ban{padding: 100px 0 60px}
.home-ban{padding: 100px 0 60px}
.home-ban .ban-text{margin: 0 auto 20px}
.home-services-new {margin: 20px auto 0;}
.home-services-new ul li.free-quote-home h2{font-size: 22px;}
.home-services-new ul li{min-height: 415px;}
.home-services-new ul li.free-quote-home p{margin: 0 0 10px;}

.need_block .read-start {width: 655px;}
.need_block .need-help{padding-left: 40px;}

.cbp-af-header .navbar-brand {width: 136px;}
.cbp-af-header .partner-logo img {height: 26px; margin: 0 5px;}
.cbp-af-header .partner-logo img.weare-hiring{margin: -40px 0 0 6px;}
.cbp-af-header .navbar-brand{padding: 15px 0 14px 10px}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
.menu4{display: block; width: 100%;}
.cbp-af-header .partner-logo {margin: 30px 0 0 20px;}
.call {margin: 26px 0px 26px 0;}
.left_menu_main{width: 100%; float: none; clear: both;}
.menu4 ul li a:hover ul.design-sub, .menu4 ul li:hover ul.design-sub{width: auto;}
.menu4 ul li{display: inline-block}
#about-sub, #design-sub, #portfolio-sub, #technology-sub{box-shadow: 0 0 10px #999; width: 600px; padding: 20px 20px 0;}
#about-sub .box, #design-sub .box, #technology-sub .box {width: 280px;}
.menu4 ul li a:hover ul, .menu4 ul li:hover ul {position: absolute; top: 38px;}
.menu4 ul li.hire-dev-menu a:hover ul, .menu4 ul li.hire-dev-menu:hover ul {width: 300px;}
.menu4 ul li a:hover ul.about-menu, .menu4 ul li:hover ul.about-menu {right: 0; left: auto !important; width: 440px;}
#portfolio-sub{width: 300px;}
.home-ban .ban-text h1 {font-size: 50px; line-height: 55px;}
.home-services-new ul li {width: 24%; margin-right: 12px;}
.industries-we ul li{width: 220px; margin: 0 5px 10px}
#drop_menu ul {display: flex;padding: 0 15px 15px 2px;}
#about-sub, #design-sub, #portfolio-sub, #technology-sub{display: inline-block}
.navbar-header{background: #fff;}

footer .footer .rating .right span{display: block; text-align: right; padding: 7px 0;}
footer .footer .technology ul li {margin: 5px 0px;}
.footer-block{width: 33%}
.footer-block2{width: 100%}	

footer .footer .rating .left ul{text-align: center}
footer .footer .rating .left ul li{float: none; display: inline-block; text-align: left;}

.webp .home-ban{padding: 80px 0 60px;}
.home-ban{padding: 80px 0 60px;}
.home-ban .ban-text{margin: 0 auto 50px;}
.new-usp .col-md-6.left {margin: 0;}
.new-usp h2 {font-size: 30px; line-height: 44px; margin: 0 0 30px;}
.whu-us ul.loveus{padding-left: 0}
.whu-us ul.loveus li:last-child{width: 100%;}
.happy-client ul li {min-height: 344px;}
.happy-client .testimonial{width: 64%; float: right;}
.industries-we ul li {width: 222px; margin: 0 5px 10px;}
.industries-we ul li:nth-child(6n+6) {margin-right: 5px;}
.lets-talk h2 {font-size: 50px;}
.home-services-new ul li h4, .home-services-new ul li .h4{font-size: 12px;}
footer .footer .copy .right {padding-left: 0;}
footer .footer .technology{padding: 10px 0;}
footer .footer .technology ul li img {height: 70px; width: auto;}
.package-list li{min-height: 65px;}

#drop_menu ul{display: block}
.menu4 ul li a, .menu4 ul li a:visited{padding: 0 8px;}
.quote-btn { margin-left: 8px;}
.left_menu_main{margin: 0 20px 0 0; float: right; clear: initial; width: auto;}
#drop_menu ul{padding: 0}
.call {margin: 0;}
.cbp-af-header .partner-logo {margin: 10px 0 0 20px;}
.webp .home-ban {padding: 40px 0 60px;}
.home-ban {padding: 40px 0 60px;}
.cbp-af-header .menu4 ul li.contact-btn a {padding: 0 14px;}

.lets-talk ul li a {font-size: 26px;}
.whu-us .col-md-6, .new-usp .col-md-6 {max-width: 50%;}
.recognized ul li{width: 17%}
.home-services-new ul li.free-quote-home p{line-height: 20px;}

.new-usp .usp-box li{width: 215px; height: 215px; padding: 18px}
.new-usp .usp-box li span { font-size: 40px; line-height: 40px;}
.new-usp .usp-box li:nth-child(3){left: 130px; top: -34px;}
.new-usp .usp-box li .icon{margin: 0 auto 10px;}

.home-career .left ul li h4 {font-size: 14px; min-height: 50px;}
.home-career .right ul li .orange-btn{position: relative; top: auto;}
.home-career .right ul li .blue-btn{position: relative; top: auto;}
.home-career .right ul li .career-info {padding: 6px 0;}
.home-career .right ul li:last-child .career-info {padding: 16px 0;}
.home-career .right ul li{margin: 14px 0}

.home-services-new ul li.digital-marketing{display: none}
.home-services-new{width: 960px;}

.need-help-footer ul li{font-size: 14px; padding: 20px 10px 20px 80px; margin: 0 10px 0 0; width: 216px;}
.need-help-footer ul li .icon{left: 10px;}
.footer-block2{margin: 30px 0 0}

.need_block .read-start{width: 485px}
.need_block .need-help{padding-left: 40px;	}

.need_block .need-help-footer ul{width: 405px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.menu4{display: block; width: 100%;}
.cbp-af-header .partner-logo {margin: 30px 0 0 20px;}
.call {margin: 26px 0px 26px 0;}
.left_menu_main{width: 100%; float: none; clear: both; padding: 0 15px;}
.menu4 ul li a:hover ul.design-sub, .menu4 ul li:hover ul.design-sub{width: auto;}
.menu4 ul li{display: inline-block}
#about-sub, #design-sub, #portfolio-sub, #technology-sub{box-shadow: 0 0 10px #999; width: 600px; padding: 20px 20px 0;}
#about-sub .box, #design-sub .box, #technology-sub .box {width: 280px;}
.menu4 ul li a:hover ul, .menu4 ul li:hover ul {position: absolute; top: 38px;}
.menu4 ul li.hire-dev-menu a:hover ul, .menu4 ul li.hire-dev-menu:hover ul {width: 300px;}
.menu4 ul li a:hover ul.about-menu, .menu4 ul li:hover ul.about-menu {right: 0; left: auto !important; width: 440px;}
#portfolio-sub{width: 300px;}
.home-ban .ban-text h1 {font-size: 30px; line-height: 35px;}
.home-services-new ul li {width: 46%; margin: 0 14px 15px;}
.industries-we ul li{width: 220px; margin: 0 5px 10px}
#drop_menu ul {display: flex;}

footer .footer .rating .left, footer .footer .rating .right{width: 100%;}
footer .footer .rating .right{text-align: center; margin: 20px 0 0}
footer .footer .technology ul li {margin: 5px 0px;}
.footer-block{width: 33%}
.footer-block2{width: 100%; margin: 30px 0 0;}

.lets-talk h2{font-size: 40px; line-height: 50px;}
.lets-talk .right{padding: 20px;}

.menu4 ul li a, .menu4 ul li a:visited {font-size: 13px; padding: 0 6px;}
.quote-btn {margin-left: 10px;}

.cbp-af-header{height: 129px}
.cbp-af-header.cbp-af-header-shrink{height: 129px}

.home-services-new {width: 740px;}
.home-services-new ul li {width: 24%; margin: 0 1.33% 0 0; min-height: 380px}
.home-services-new ul li.digital-marketing {display: none;}
.home-services-new ul li h4 span, .home-services-new ul li .h4 span{display: block; padding: 2px 6px; min-height: 37px;}
.home-services-new ul li h2 { font-size: 16px; line-height: 24px;}
.home-services-new ul li .text{padding: 10px;}
.home-services-new ul li.free-quote-home{padding: 0 10px}
.home-services-new ul li.free-quote-home .input.textarea {height: 70px;}
.home-services-new ul li.free-quote-home .input{font-size: 12px;}
.home-services-new ul li.free-quote-home h2{font-size: 16px; line-height: 15px;}
.home-services-new ul li.free-quote-home p{line-height: 18px;}
.home-services-new ul li .pink-btn{left: 10px;}
.home-services-new ul li.free-quote-home .pink-btn{left: 10px; margin: 0;}
.new-usp{padding-top: 0 !important}

.new-usp h2{font-size: 20px; line-height: 1.5px; margin: 0 0 10px;}
.new-usp h2 {font-size: 16px; line-height: 1.8;}
.new-usp .usp-box li{width: 160px; height: 160px; padding: 18px; font-size: 12px; line-height: 20px;}
.new-usp .usp-box li .icon{margin: 0 auto 10px}
.new-usp .usp-box li .icon img{width: 30px; height: auto;}
.new-usp .usp-box li span{font-size: 30px; line-height: 30px;}
.new-usp .usp-box li:nth-child(3){left: 110px; top: -34px;}

.new-usp .certi li {width: 44%;}
.new-usp .certi li img{max-width: 100%;}

.whu-us ul.loveus{margin: 0; padding: 0}
.whu-us ul.loveus li h3 {font-size: 20px;}
.whu-us ul.loveus li{width: 100%;}

.projects-new ul li{margin: 0 8px;}
.happy-client .testimonial{margin: 60px 0 0}

.home-career .left, .home-career .right{width: 100%;}
.home-career .left{margin-bottom: 20px;}
.home-career .apply img{display: none}
.home-career .apply a img{display: block}

.footer .need-help-footer ul li{font-size: 12px; padding: 10px 10px 10px 70px; margin: 0 4px 0 0; width: auto;}
.need-help-footer ul li .icon{left: 10px; top: 10px;}
.need-help-footer ul li .icon {width: 52px; height: 52px;}
.need-help-footer ul li .icon img{width: 100%;}
footer .footer .row{margin: 0 20px}

.need_block{display: block}
.need_block.need-help-choosing .left-need, .need_block.need-help-choosing .right-need{width: 100%; display: block}
.need_block .read-start{width: 100%;}
.need_block.need-help-choosing .left-need {padding: 40px 0;}
.need_block .need-help{padding: 0 40px}
.need_block .need-help-footer ul{width: 100%;}
}

body {width: 100%; overflow-x: hidden;}



@media screen and (max-width:1200px) {
	
	.home-services-new ul li.free-quote-home .input {font-size: 12px;}
}