@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);



@font-face {

	font-family: 'Object Sans';

	src: url(../fonts/ObjectSans-Regular.woff2) format('woff2'), url(../fonts/ObjectSans-Regular.woff) format('woff');

	font-weight: 400;

	font-style: normal;

	font-display: swap

}



@font-face {

	font-family: 'Object Sans';

	src: url(../fonts/ObjectSans-Heavy.woff2) format('woff2'), url(../fonts/ObjectSans-Heavy.woff) format('woff');

	font-weight: 800;

	font-style: normal;

	font-display: swap

}



@font-face {

	font-family: 'Object Sans Slanted';

	src: url(../fonts/ObjectSans-Slanted.woff2) format('woff2'), url(../fonts/ObjectSans-Slanted.woff) format('woff');

	font-weight: 400;

	font-style: normal;

	font-display: swap

}



@font-face {

	font-family: 'Object Sans';

	src: url(../fonts/ObjectSans-HeavySlanted.woff2) format('woff2'), url(../fonts/ObjectSans-HeavySlanted.woff) format('woff');

	font-weight: 800;

	font-style: normal;

	font-display: swap

}



body {

	overflow-x: hidden !important

}



.p0 {

	padding: 0 !important

}



a, button, h1, h2, h3, h4, h5, h6, li, p, span {

	font-family: Poppins, sans-serif;

	margin: 0

}



body {

	overflow-x: hidden

}



.price-main.price_main_content {

	align-content: center;

	display: grid;

	text-align: center

}



img.my-img {

	margin: 0 0 30px

}



.cn {

	text-align: center

}



.form-btn-st:focus, a:focus, a:hover, button:focus, button:hover {

	text-decoration: none !important;

	outline: 0

}



.p_0 {

	padding: 0

}



.clr_wht {

	color: #fff !important

}



.logo_brand_designing_box .para_title {

	font-size: 16px;

	line-height: 30px

}



.clr_blk_p {

	color: #000

}



input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {

	-webkit-appearance: none;

	margin: 0

}



.clr_blk {

	color: #121212

}



.clr_grey {

	color: #adafae

}



.chat_blk {

	color: #121212;

	border: 1px solid #121212

}



.what-we-images img {

	transition: .5s

}



.what-we-images img:hover {

	animation: pulse 2s infinite;

	animation-timing-function: linear

}



.chat_blk:focus, .chat_blk:hover {

	color: #fff;

	border: 1px solid #121212;

	background-color: #000

}



.dmca-badge img {

	padding: 10px 0 0 0

}



.chat_ciricle {

	font-size: 16px;

	font-weight: 700;

	display: grid;

	border-radius: 50px;

	width: 100px;

	height: 100px;

	align-content: center;

	padding: 0 0 0 15px;

	line-height: 25px;

	transition-duration: .5s

}



.chat_ciricle span {

	font-size: 32px;

	display: table

}



.wht_btn_prent {

	position: relative;

	display: inline-flex

}



a.wht_btn {

	color: #000;

	font-size: 16px;

	font-weight: 700;

	z-index: 0;

}



a.wht_btn:before {

	content: "";

	background-color: #fff;

	width: 50px;

	height: 50px;

	bottom: -13px;

	position: absolute;

	border-radius: 50px;

	left: -20px;

	z-index: -1;

	transition-duration: .5s

}



a.wht_btn:hover:before {

	width: 162%

}



.bnr-btn a.wht_btn.wht_btn_bnr:hover:before {

	width: 9em

}



a.wht_btn:after {

	content: "";

	width: 16px;

	height: 16px;

	bottom: 3px;

	position: absolute;

	border-radius: 50px;

	z-index: 0;

	background-image: url(../images/plus-btn.png);

	right: -23px

}



.what_we_do_slider_boxes {

	padding-top: 25px;

	display: flex !important;

	align-items: center

}



.green_btn_prent {

	position: relative;

	display: inline-flex

}



.green_btn {

	color: #000;

	font-size: 16px;

	font-weight: 700;

	z-index: 999;

	transition-duration: .5s

}



.green_btn:before {

	content: "";

	background-color: #55a2ff;

	width: 50px;

	height: 50px;

	bottom: -13px;

	position: absolute;

	border-radius: 50px;

	left: -20px;

	z-index: -1;

	transition-duration: .5s

}



a.green_btn:hover {

	color: #000

}



.testimonails_sec {

	background: linear-gradient(to right, #00020e, #01214d);

	padding: 0 0 0;

	position: relative

}



.testimonails_sec h2 {

	color: #ffff !important

}



.testimonails_sec:before {

	content: "";

	background-image: url(../images/circle-plus-green.png);

	background-repeat: no-repeat;

	width: 101px;

	height: 101px;

	position: absolute;

	top: 150px;

	left: 200px

}



.testimonails_sec:after {

	content: "";

	background-image: url(../images/work-we-vect-green.png);

	background-repeat: no-repeat;

	width: 373px;

	height: 70px;

	position: absolute;

	bottom: 80px;

	right: 160px

}



.testimonails_sec .hd-txt {

	padding-bottom: 80px

}



.testimonails_sec h2 {

	color: #ffff

}



.fix_parallax_testimonails {

	padding: 120px 0 0

}



.testimonails_boxes h2 {

	color: #fff

}



.testimonial_slide_btn a.wht_btn:before {

	background-color: #c2cbd8

}



.testimonial_slide_btn a.wht_btn {

	color: #222

}



.testimonial_slide_btn a.wht_btn:after {

	filter: invert(1)

}



.slick-slide.slick-current.slick-active .testimonial_slide_box_text {

	background: #55a2ff

}



.slick-slide.slick-current.slick-active .testimonial_slide_box_text h3 {

	color: #222

}



.slick-slide.slick-current.slick-active .testimonial_slide_box_text p {

	color: #222

}



.slick-slide.slick-current.slick-active .testimonial_slide_box_text a {

	color: #222

}



.slick-slide.slick-current.slick-active .testimonial_slide_box_text::after {

	color: #222

}



.testimonial_slide_box_text:hover .testimonial_slide_btn a.wht_btn:before {

	background-color: #e4d3d3

}



.testimonial_slide_box_text:hover .testimonial_slide_btn a.wht_btn {

	color: #222

}



.playbutton {

	position: relative;

	z-index: 1

}



.playbutton::after {

	background: rgb(0 0 0 / 50%);

	width: 100%;

	height: 100%;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	z-index: 1

}



.playbutton::after {

	position: absolute;

	content: "";

	background: rgb(0 0 0 / 50%);

	width: 100%;

	height: 100%;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	z-index: 1

}



.playbutton a::before {

	position: absolute;

	content: "";

	background: url(../images/play-icon.png);

	height: 74px;

	width: 74px;

	right: 0;

	left: 0;

	margin: auto;

	top: 0;

	bottom: 0;

	z-index: 9999

}



.testimonial_slide_box_text:hover .testimonial_slide_btn a.wht_btn:after {

	filter: initial

}



.testimonial_slide_btn {

	margin: 20px 0 0 20px

}



.testimonial_slide_box_text {

	padding: 0 15px;

	background-color: #fff;

	min-height: 319px;

	align-content: center;

	display: grid;

	transition-duration: .5s

}



.testimonial_slide_box_text h3 {

	font-size: 25px;

	font-weight: 700;

	margin: 0 0 0;

	color: #222

}



.testimonial_slide_box_text h3 span {

	display: table;

	font-size: 16px;

	font-weight: 400;

	margin: 7px 0 0

}



.testimonial_slide_box_text p {

	font-size: 13px;

	font-weight: 400;

	margin: 0 0 15px;

	color: #222

}



.testimonial_slider_box {

	display: flex

}



.green_btn:after {

	content: "";

	width: 16px;

	height: 16px;

	bottom: 3px;

	position: absolute;

	border-radius: 50px;

	z-index: 0;

	background-image: url(../images/plus-btn.png);

	right: -30px

}



section {

	float: left;

	width: 100%

}



.nav-but-wrap {

	position: relative;

	display: inline-block;

	float: left;

	padding-left: 15px;

	padding-top: 15px;

	margin-top: 16px;

	transition: all .3s ease-out

}



.menu-icon {

	height: 30px;

	width: 30px;

	position: fixed;

	z-index: 2;

	cursor: pointer;

	display: block;

	z-index: 9999;

	top: 30px;

	right: 60px

}



.menu-icon__line {

	height: 2px;

	width: 20px;

	display: block;

	background-color: #55a2ff;

	margin-bottom: 7px;

	cursor: pointer;

	-webkit-transition: background-color .5s ease, -webkit-transform .2s ease;

	transition: background-color .5s ease, -webkit-transform .2s ease;

	transition: transform .2s ease, background-color .5s ease;

	transition: transform .2s ease, background-color .5s ease, -webkit-transform .2s ease

}



.menu-icon__line-left {

	width: 30px;

	-webkit-transition: all .2s linear;

	transition: all .2s linear

}



.menu-icon__line-right {

	width: 0;

	float: right;

	-webkit-transition: all .2s linear;

	-moz-transition: all .2s linear;

	-o-transition: all .2s linear;

	-ms-transition: all .2s linear;

	transition: all .2s linear;

	color: #fff;

	right: 30px;

	position: relative;

	font-size: 20px;

	font-weight: 700

}



.menu-icon:hover .menu-icon__line-left, .menu-icon:hover .menu-icon__line-right {

	width: 30px

}



span.menu_mm {

	color: #55a2ff;

	right: 30px;

	position: relative;

	font-size: 20px;

	font-weight: 700

}



.nav-fix-st {

	position: fixed;

	z-index: 999;

	right: 0

}



.nav:after, .nav:before {

	content: "";

	position: fixed;

	top: 100px;

	right: 0;

	width: 0;

	height: 0;

	background-color: rgba(20, 21, 26, .6);

	border-bottom-right-radius: 200%;

	z-index: -1;

	transition: border-radius linear .8s, width cubic-bezier(.77, 0, .175, 1) .6s, height cubic-bezier(.77, 0, .175, 1) .6s

}



.nav:after {

	background-color: #09090c;

	background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/1462889/pat.svg);

	background-position: bottom center;

	background-repeat: no-repeat;

	background-size: 300%;

	-webkit-transition-delay: 0s;

	transition-delay: 0s;

	box-shadow: 6px 7px 28px 0 rgba(16, 16, 16, .3)

}



.nav:before {

	-webkit-transition-delay: .2s;

	transition-delay: .2s

}



.nav__content {

	position: fixed;

	visibility: hidden;

	top: 100px;

	right: 30px;

	width: auto;

	text-align: left;

	z-index: 99999

}



.nav__list {

/* position: relative; */

padding: 0;

margin: 0;

z-index: 999999999;
}



.nav__list-item {

	position: relative;

	display: block;

	-webkit-transition-delay: .8s;

	transition-delay: .8s;

	opacity: 0;

	text-align: left;

	color: #fff;

	overflow: hidden;

	font-family: Poppins, sans-serif;

	font-size: 22px;

	line-height: 1.2;

	letter-spacing: 2px;

	-webkit-transform: translate(30px, 0);

	transform: translate(30px, 0);

	-webkit-transition: opacity .2s ease, -webkit-transform .3s ease;

	transition: opacity .2s ease, -webkit-transform .2s ease;

	transition: opacity .2s ease, transform .2s ease;

	transition: opacity .2s ease, transform .2s ease, -webkit-transform .2s ease;

	margin-top: 0;

	margin-bottom: 0

}



.nav__list-item a {

	position: relative;

	text-decoration: none;

	color: rgba(255, 255, 255, .6);

	overflow: hidden;

	cursor: pointer;

	font-family: Poppins, sans-serif;

	font-weight: 600;

	z-index: 2;

	padding-left: 40px;

	padding-top: 5px;

	padding-bottom: 5px;

	display: inline-block;

	-webkit-transition: all .2s linear;

	transition: all .2s linear

}



.nav__list-item a:after {

	position: absolute;

	content: '';

	top: 50%;

	left: 0;

	width: 5px;

	height: 0;

	opacity: 0;

	background-color: #55a2ff;

	z-index: 1;

	-webkit-transition: all .2s linear;

	transition: all .2s linear

}



.nav__list-item a:hover:after {

	height: 100%;

	opacity: 1;

	top: 0

}



.nav__list-item a:hover {

	color: #fff

}



.nav__list-item.active-nav a {

	color: #fff

}



.nav__list-item.active-nav a:after {

	height: 100%;

	opacity: 1;

	top: 0

}



body.nav-active .nav__content {

	visibility: visible

}



body.nav-active .menu-icon__line {

	background-color: #fff;

	-webkit-transform: translate(0, 0) rotate(-45deg);

	transform: translate(-4px, 1px) rotate(-45deg);

	width: 30px

}



body.nav-active .menu-icon__line-left {

	width: 30px;

	-webkit-transform: translate(2px, 4px) rotate(45deg);

	transform: translate(2px, 4px) rotate(45deg);

	transform: translate(-4px, 10px) rotate(45deg)

}



.tab-head .price-nav-tb {

	display: table;

	margin: auto;

	padding: 10px 30px;

	margin: 0 auto 50px

}



body.nav-active .menu-icon__line-right {

	width: 15px;

	float: right;

	-webkit-transform: translate(-3px, -3.5px) rotate(45deg);

	transform: translate(-3px, -3.5px) rotate(45deg)

}



body.nav-active .menu-icon:hover .menu-icon__line-left, body.nav-active .menu-icon:hover .menu-icon__line-right {

	width: 30px

}



body.nav-active .nav:after, body.nav-active .nav:before {

	width: 250px;

	height: 100%;

	border-radius: 0;

	right: 0;

	top: 0

}



body.nav-active .nav:after {

	-webkit-transition-delay: .1s;

	transition-delay: .1s

}



body.nav-active .nav:before {

	-webkit-transition-delay: 0s;

	transition-delay: 0s

}



body.nav-active .nav__list-item {

	opacity: 1;

	-webkit-transform: translateX(0);

	transform: translateX(0);

	-webkit-transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease;

	transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease;

	transition: opacity .3s ease, transform .3s ease, color .3s ease;

	transition: opacity .3s ease, transform .3s ease, color .3s ease, -webkit-transform .3s ease

}



body.nav-active .nav__list-item:nth-child(0) {

	-webkit-transition-delay: .7s;

	transition-delay: .7s

}



body.nav-active .nav__list-item:nth-child(1) {

	-webkit-transition-delay: .8s;

	transition-delay: .8s

}



body.nav-active .nav__list-item:nth-child(2) {

	-webkit-transition-delay: .9s;

	transition-delay: .9s

}



body.nav-active .nav__list-item:nth-child(3) {

	-webkit-transition-delay: 1s;

	transition-delay: 1s

}



body.nav-active .nav__list-item:nth-child(4) {

	-webkit-transition-delay: 1.1s;

	transition-delay: 1.1s

}



body.nav-active .nav__list-item:nth-child(5) {

	-webkit-transition-delay: 1.2s;

	transition-delay: 1.2s

}



body.nav-active .nav__list-item:nth-child(6) {

	-webkit-transition-delay: 1.3s;

	transition-delay: 1.3s

}



body.nav-active .nav__list-item:nth-child(7) {

	-webkit-transition-delay: 1.4s;

	transition-delay: 1.4s

}



body.nav-active .nav__list-item:nth-child(8) {

	-webkit-transition-delay: 1.5s;

	transition-delay: 1.5s

}



body.nav-active .nav__list-item:nth-child(9) {

	-webkit-transition-delay: 1.6s;

	transition-delay: 1.6s

}



body.nav-active .nav__list-item:nth-child(10) {

	-webkit-transition-delay: 1.7s;

	transition-delay: 1.7s

}



.banner_chat {

	position: absolute;

	right: 180px;

	top: 15px

}



.banner_chat .chat_blk {

	color: #fff;

	border: 2px solid #55a2ff

}



.banner_chat .chat_blk:focus, .banner_chat .chat_blk:hover {

	color: #000;

	border: 1px solid #fff;

	background-color: #fff

}



.banner_chat .chat_ciricle {

	font-size: 16px;

	font-weight: 700;

	display: grid;

	border-radius: 50px;

	width: 100px;

	height: 100px;

	align-content: center;

	padding: 0 0 0 15px;

	line-height: 25px;

	transition-duration: .5s

}



.banner_chat .chat_ciricle span {

	font-size: 32px;

	display: table;

	color: #55a2ff

}



.sideform {

	height: 100%;

	width: 0;

	position: fixed;

	z-index: 1;

	top: 0;

	left: 0;

	background-color: #111;

	overflow-x: hidden;

	transition: .5s;

	padding-top: 60px

}



.sideform a {

	padding: 8px 8px 8px 32px;

	text-decoration: none;

	font-size: 25px;

	color: #818181;

	display: block;

	transition: .3s

}



.sideform a:hover {

	color: #f1f1f1

}



.sideform .closebtn {

	position: absolute;

	top: 0;

	right: 25px;

	font-size: 36px;

	margin-left: 50px

}



.navbar-header {

	align-items: center;

	width: 100%

}



.header-top {

	display: block;

	background: #00273f;

	text-align: right

}



.header-top ul {

	padding: 0;

	margin: 0

}



.header-top ul li {

	display: inline-block;

	padding: 10px 15px

}



.header-top ul li a {

	font-size: 15px;

	color: #fff

}



.navbar-right a.yellow_btn_m {

	margin: 0 15px 0 15px;

	position: relative;

	padding: 12px 19px 12px 45px !important

}



.navbar-right a.yellow_btn_m:before {

	content: "";

	background-image: url(../images/call-btn.html);

	position: absolute;

	height: 32px;

	width: 28px;

	left: 12px;

	top: 0;

	bottom: 0;

	margin: auto

}



.header-top ul li a i {

	margin: 0 3px 0 0;

	font-size: 18px

}



.head_top {

	padding: 15px 0;

	z-index: 9;

	position: absolute;

	left: 0;

	right: 0;

	padding: 0

}



.head_top .navbar .navbar-header a.navbar-brand {

	height: auto;

	padding: 0

}



.opn-nv-st {

	color: #f3aa4e;

	font-weight: 700;

	width: 4%;

	margin-right: 20px;

	float: left;

	padding-top: 8px

}



.head_top .navbar-right {

	padding-top: 25px

}



.head_top .navbar.navbar-defult {

	margin-bottom: 0;

	padding: 10px 50px

}



.head_top .navbar.navbar-defult ul li a:focus, .head_top .navbar.navbar-defult ul li a:hover, .head_top .navbar.navbar-defult ul li.active-nav a {

	background: 0 0;

	color: #55a2ff

}



.head_top .navbar.navbar-defult ul li a {

	color: #fff;

	opacity: 1;

	font-size: 13px;

	text-transform: uppercase;

	padding: 10px 12px;

	font-weight: 700

}



.head_top .navbar.navbar-defult ul li a.btn-org {

	border-radius: 50px;

	padding: 12px 27px;

	color: #fff;

	background: linear-gradient(to right, #3ab0ce, #1bc9bb);

	font-size: 13px;

	font-weight: 700

}



.head_top .dropdown-menu>li>a {

	position: relative;

	margin: 0 0 10px;

	font-weight: 500;

	border-left: 4px solid #00273f

}



.head_top ul.dropdown-menu {

	padding: 20px 0 15px;

	border: none;

	left: 0;

	right: 0;

	width: 250px

}



.logo {

	width: 300px;

	margin: 0 0 0 10px;

	filter: inherit

}



.head_top .dropdown-menu>.active>a, .head_top .dropdown-menu>.active>a:focus, .head_top .dropdown-menu>.active>a:hover {

	text-decoration: none;

	background-color: transparent;

	outline: 0;

	color: #fc5216 !important;

	border-left: 4px solid #fc5216

}



.head_top .dropdown-menu>li>a:hover:before {

	color: #fc5216

}



.head_top .open>a, .head_top .open>a:focus, .head_top .open>a:hover {

	background-color: transparent !important;

	border-color: transparent !important;

	color: #fc5216 !important

}



html.docSlider-index_0.docSlider-page_1 .head_top {

	display: block

}



.parallax-slide {

	position: relative

}



.parallax-clip {

	position: relative;

	width: 100%;

	left: 0;

	top: 0

}



.fixed-parallax {

	position: relative;

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	background-size: cover;

	background-position: center top

}



@supports (-webkit-overflow-scrolling:touch) {

	.parallax-clip {

		clip: rect(auto, auto, auto, auto)

	}



	.fixed-parallax {

		position: fixed;

		background-attachment: unset;

		-webkit-transform: translateZ(0)

	}



}



#header-vid {

	position: absolute;

	left: 0;

	top: 0;

	right: 0;

	bottom: 0;

	margin: auto;

	width: 100%;

	z-index: -1;

	height: 100%;

	object-fit: cover

}



.main-banner {

	display: flex;

	align-items: center;

	justify-content: center;

	background-repeat: no-repeat;

	background-position: center;

	position: relative;

	z-index: 1;

	overflow: hidden

}



.fix-parallax-mbnr {

	display: flex

}



.bnr-btn a.wht_btn:before {

	content: "";

	background-color: #747474

}



a.wht_btn_bnr:before {

	content: "";

	background-color: #55a2ff !important

}



a.wht_btn_bnr:hover {

	color: #000 !important

}



a.wht_btn_bnr:hover:after {

	filter: inherit !important

}



.hd-txt h2 {

	color: #222;

	padding-bottom: 15px;

	padding-top: 0;

	font-size: 70px;

	font-weight: 700;

	text-transform: capitalize

}



.hd-txt img {

	margin: 0 0 50px;

	display: table;

	width: 280px

}



.bnr-arrow {

	padding-bottom: 20px

}



.footer-sec {

	background: url(../images/footer-bg.png);

	padding: 60px 45px 20px;

	justify-content: center;

	width: 100%;

	height: 100%;

	background-position: bottom center;

	background-repeat: no-repeat

}



.form-div input, .form-div textarea {

	width: 100%;

	background: #1e242b;

	border: 0;

	margin-bottom: 10px;

	padding: 20px 20px;

	color: #fff;

	border-radius: 8px

}



.ftr-txt h4 {

	font-size: 32px;

	color: #222;

	text-align: left;

	text-transform: uppercase;

	font-weight: 700

}



.ftr-txt p {

	color: #fff;

	font-size: 16px;

	font-weight: 300;

	padding-top: 15px;

	text-align: left

}



.form-div textarea {

	height: 100px

}



.ftr-sub-btn {

	background: #55a2ff;

	text-align: center;

	padding-top: 10px;

	font-size: 14px;

	clear: both;

	color: #fff;

	padding: 10px 25px;

	border-radius: 8px;

	border: 0;

	text-transform: capitalize;

	font-weight: 500

}



.form-txt h2 {

	font-size: 32px;

	color: #222;

	text-transform: uppercase;

	font-weight: 700

}



.form-txt p {

	color: #639

}



.form-txt h4 {

	color: #d99846;

	font-size: 22px;

	font-weight: 700;

	padding-top: 6px

}



.form-txt {

	padding-bottom: 25px;

	padding-left: 15px

}



.footer-sec .col-sm-offset-1.col-sm-4 {

	margin-left: 0;

	width: 40%

}



.form-div input:focus, .form-div textarea:focus {

	outline: 0

}



.sidenav a:hover {

	background: orange

}



.sidenav a:nth-child(2) {

	border-radius: 8px 8px 0 0

}



.sidenav a:last-child {

	border-radius: 0 0 8px 8px

}



nav.docSlider-pager {

	display: none

}



.bnr-mobile-side {

	display: flex;

	align-items: center

}



.fix-parallax-mbnr .col-sm-12 {

	display: flex;

	align-items: center

}



.bnr-mb-div1 img, .bnr-mb-div2 img, .bnr-mb-div3 img {

	width: 100%;

	margin-bottom: 10px;

	margin: auto

}



.banner-txt h1 {

	font-size: 70px;

	font-weight: 700;

	color: #fff;

	line-height: 72px

}



.banner-txt h1 span {

	color: #55a2ff

}



.banner-txt p {

	font-size: 16px;

	padding-top: 38px;

	color: #fff;

	line-height: 30px

}



.bnr-btn {

	margin-top: 35px

}



.bnr-btn a {

	font-size: 16px;

	font-weight: 700;

	color: #fff;

	text-transform: capitalize

}



.banner-txt {

	position: relative;

	top: 30px

}



.mb-dv-img-1 {

	height: 400px;

	background: url(../images/bnr-mobile-dumy1-inr.jpg);

	background-size: cover;

	background-repeat: no-repeat;

	background-position: top center;

	border-radius: 18px;

	position: relative;

	-webkit-animation: MoveUpDown 50s linear infinite

}



.mb-dv-img-2 {

	height: 250px

}



.mb-dv-img-3 {

	height: 450px

}



.mb-dv-1st {

	background: #55a2ff;

	height: 400px;

	margin-bottom: 25px;

	width: 90%;

	border-radius: 18px;

	overflow: hidden

}



.mb-dv-3st {

	background: #55a2ff;

	height: 400px;

	margin-bottom: 10px;

	width: 90%;

	border-radius: 18px;

	overflow: hidden

}



.mb-dv-2st {

	background: #55a2ff;

	height: 260px;

	margin-bottom: 10px;

	width: 90%;

	border-radius: 18px;

	overflow: hidden

}



.bnr-img-moving {

	position: absolute;

	z-index: -1;

	width: 100%;

	height: 100%

}



.bnr-img-moving img {

	position: absolute

}



img.move-img-1 {

	left: -143px;

	right: 0;

	margin: auto

}



img.move-img-2 {

	left: 0;

	top: 0;

	margin: auto;

	bottom: 0

}



img.move-img-3 {

	right: 50px;

	top: 100px

}



img.move-img-4 {

	right: 26px;

	bottom: 65px

}



@keyframes banner2_img1 {

	0% {

		transform: translateY(-1vw)

	}



	50% {

		transform: translateY(.5vw)

	}



	100% {

		transform: translateY(-1vw)

	}



}



.bnr-mobile-side ul {

	display: flex;

	width: 100%;

	padding: 0;

	list-style: none;

	align-items: center

}



.bnr-mobile-side ul li {

	width: 43%

}



.hd-txt {

	padding-bottom: 0

}



.hd-txt h2 span {

	color: #55a2ff

}



.feature-work {

	padding: 0 0 0;

	overflow: hidden

}



.fea-slide-box {

	margin: 0 0

}



.feature-work-slide-st .slick-list.draggable {

	width: 150%

}



.feature-work-slide-st .fea-slide-box img:focus {

	outline: 0

}



.fea_wrk_btn {

	position: absolute;

	left: -15px;

	bottom: 280px;

	transform: rotate(-90deg)

}



a.view_more_work_btn {

	color: #000;

	font-size: 16px;

	font-weight: 700;

	z-index: 999

}



a.view_more_work_btn:before {

	content: "";

	background-color: #55a2ff;

	width: 50px;

	height: 50px;

	bottom: -13px;

	position: absolute;

	border-radius: 50px;

	left: -20px;

	z-index: -1;

	transition-duration: .5s

}



a.view_more_work_btn:hover:before {

	width: 150%

}



a.view_more_work_btn:after {

	content: "";

	width: 16px;

	height: 16px;

	bottom: 3px;

	position: absolute;

	border-radius: 50px;

	z-index: 0;

	background-image: url(../images/plus-btn.png);

	right: -30px

}



.fea-slider .slick-dotted.slick-slider {

	margin-bottom: 0

}



.fixed-parallax.fix-parallax-fea-wrk {

	top: 80px

}



.work_with_us_sec {

	background-image: url(../images/work-we-bg.jpg);

	background-repeat: no-repeat;

	background-size: cover;

	position: relative;
	filter: hue-rotate(61deg);

}



.work_with_us_sec:before {

	content: "";

	background-image: url(../images/work-we-before.png);

	background-repeat: no-repeat;

	width: 689px;

	height: 178px;

	position: absolute;

	top: 0;

	left: 0

}



.work_with_us_sec:after {

	content: "";

	background-image: url(../images/work-we-after.png);

	background-repeat: no-repeat;

	width: 133px;

	height: 199px;

	position: absolute;

	bottom: 100px;

	right: 0

}



.work_with_box h2 {

	font-size: 83px;

	font-weight: 700;

	color: #222;

	position: relative

}



.work_with_box h2 b {

	font-size: 66px;

	display: table

}



.work_with_box h2 span {

	font-size: 132px;

	display: table;

	color: #fff;

	margin: -15px 0 -10px

}



.work_with_box h2 strong {

	font-size: 262px;

	position: absolute;

	top: 0;

	right: -100px

}



.fix_parallax_with_wrk {

	align-content: center;

	display: grid

}



.with_wrk_boxes {

	position: relative

}



.with_wrk_boxes:after {

/*	content: "";

	background-image: url(../images/work-we-vect.png);

	background-repeat: no-repeat;

	width: 265px;

	height: 52px;

	position: absolute;

	bottom: 0;

	left: -250px*/

}



.work_with_box {

	padding: 90px 0 0

}



.work_with_box p {

	color: #222;

	font-size: 24px;

	font-weight: 400

}



.work_with_box_img img {

	width: 100%

}



.button_cta .wht_btn_prent {

	margin: 50px 70px 0 0

}



img.plus_sign1 {

	position: absolute;

	right: -50px;

	top: 0;

	bottom: 0;

	margin: auto

}



img.plus_sign2 {

	position: absolute;

	right: 50px;

	top: 0;

	margin: auto

}



.with_wrk_boxes .chat_ciricle {

	position: absolute;

	margin: auto;

	left: -190px;

	right: 0;

	top: auto;

	z-index: 999;

	bottom: 100px

}



.button_cta {

	margin: 0 0 0 20px

}



.what_we_do_boxes a.chat_ciricle {

	position: absolute;

	bottom: 0;

	margin: auto;

	left: -120px;

	z-index: 99999

}



.what_we_do_boxes a.chat_ciricle:focus, .what_we_do_boxes a.chat_ciricle:hover {

	color: #fff

}



.what_we_do_sec {

	position: relative;

	background-image: url(../images/what-we-do-bg.png);

	background-repeat: no-repeat;

	background-position: center

}



.fix_parallax_what_we_do {

	align-items: center

}



.what_we_do_slider_btn {

	margin: 50px 0 0 20px

}



.what_we_do_slider_btn a.wht_btn:hover:before {

	width: 11.3em

}



.what_we_do_slider_btn a.wht_btn:before {

	content: "";

	background-color: #55a2ff

}



.what_we_do_slider_btn2 a.wht_btn:before {

	background-color: #fff

}



.what_we_slider_box h2 {

	font-size: 70px;

	color: #55a2ff;

	font-weight: 700;

	margin: 70px 0 0 0;

	position: relative;

	z-index: 99;

	line-height: 74px

}



.what_we_slider_box_img img {

	margin: -125px 0 0;

	float: right;

	right: 0

}



.what_we_slider_box p {

	width: 70%;

	margin: 30px 0 0 0

}



.what_we_do_slider .draggable {

	padding: 120px 0 20px

}



.what_we_do_slider {

	margin: 80px 0 0 !important

}



.fix_parallax_what_we_do .hd-txt {

	padding-bottom: 0;

	position: relative;

	top: 130px

}



.what_we_do_slider .slick-dots {

	position: absolute;

	bottom: -50px;

	display: block;

	width: 50%;

	padding: 0;

	margin: 0;

	list-style: none;

	text-align: center;

	right: 0;

	bottom: 0;

	top: auto;

	height: auto;

	display: table !important

}



.what_we_do_slider .slick-dots li.slick-active button {

	background-color: #000;

	width: 12px;

	height: 12px

}



.what_we_do_slider .slick-dots li button:before {

	font-size: 0;

	line-height: 0

}



.platform_sec {

	background-image: url(../images/platform-bg.jpg);

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	position: relative

}



.platform_sec:before {

	content: "";

	background-image: url(../images/circle-plus.png);

	background-repeat: no-repeat;

	width: 101px;

	height: 101px;

	position: absolute;

	top: 150px;

	left: 200px

}



.platform_sec:after {

	content: "";

	background-image: url(../images/work-we-vect.png);

	background-repeat: no-repeat;

	width: 273px;

	height: 59px;

	position: absolute;

	bottom: 80px;

	right: 160px;

	transform: rotate(180deg)

}



.fix_parallax_platform:before {

	content: "";

	background-image: url(../images/work-we-vect2.png);

	background-repeat: no-repeat;

	width: 199px;

	height: 69px;

	position: absolute;

	bottom: -230px;

	left: -370px;

	transform: rotate(180deg);

	margin: auto;

	top: 0

}



.fix_parallax_platform {

	align-content: center;

	display: grid;

	text-align: center;

	position: relative

}



.fix_parallax_platform h2 {

	font-size: 36px;

	font-weight: 700;

	color: #000;

	margin: 0 0 20px

}



.platform_box_img {

	margin: 50px 0 0

}



.awards-winning-img ul {

	padding: 0;

	display: flex;

	justify-content: center;

	margin: 40px 0 0

}



.awards-winning-img ul li {

	list-style: none;

	align-items: center;

	display: flex

}



.awards-winning-img img {

	width: 90px;

	margin: 0 0 0 27px

}



.awards-winning-img ul li:first-child img {

	width: 200px;

	margin: 0

}



.awards-winning-img ul li:nth-child(5) img {

	width: 100px

}



.awards-winning-img ul li:nth-child(6) img {

	width: 150px

}



.awards-winning-img ul li:nth-child(7) img {

	width: 130px

}



.awards-winning-img ul li:last-child img {

	width: 100px;

	filter: invert(1)

}



.copy-right-txt {

	text-align: center;

	margin: 20px 0 0

}



.copy-right-txt h4 {

	font-size: 43px;

	font-weight: 700;

	color: #222;

	margin: 0 0 20px

}



.copy-right-txt ul {

	padding: 0;

	display: flex;

	justify-content: center

}



.copy-right-txt ul li {

	margin: 0 30px 0;

	list-style: none

}



.copy-right-txt ul li a {

	color: #222;

	font-size: 20px;

	font-weight: 700;

	transition-duration: .5s

}



.copy-right-txt ul li a:hover {

	color: #55a2ff

}



.bnr-btn a.wht_btn:after {

	filter: invert(1)

}



.inner_banner {

	display: flex;

	align-items: center;

	justify-content: center;

	background-repeat: no-repeat;

	background-position: center;

	position: relative;

	z-index: 1;

	overflow: hidden;

	min-height: 970px;

	background-size: cover

}



.branding_banner {

	background-image: url(../images/banner-branding-bg.jpg)

}



.inner_banner .banner-txt h1 {

	font-size: 65px;

	line-height: 72px

}



.inner_banner img.move-img-1 {

	left: -450px;

	right: 0;

	margin: auto;

	top: -170px

}



.brand_wellness_sec {

	padding: 150px 0 70px;

	position: relative

}



.brand_wellness_sec:before {

	content: "";

	background-image: url(../images/green-bg-dots.png);

	background-repeat: no-repeat;

	width: 226px;

	height: 90px;

	position: absolute;

	bottom: 0;

	left: -80px;

	top: -80px;

	margin: auto

}



.brand_wellness_sec:after {

	content: "";

	background-image: url(../images/feature-img-af.png);

	background-repeat: no-repeat;

	width: 651px;

	height: 190px;

	position: absolute;

	top: 0;

	right: 0;

	z-index: -1

}



.brand_wellness_btn {

	margin: 50px 0 0 20px

}



.growing_followers_sec .brand_wellness_btn {

	margin: 0 0 0 20px

}



.growing_followers_sec .growing_followers_boxes2 .brand_wellness_btn {

	margin: 50px 0 0 20px

}



.growing_followers_sec .brand_wellness_box {

	padding: 0 0 0

}



.brand_wellness_box {

	padding: 30px 0 0;

	position: relative;

	z-index: 8

}



.brand_wellness_box .hd-txt h2 {

	font-size: 68px;

	padding: 0 0 40px

}



.brand_wellness_box_img:before {

	content: "";

	background-color: #55a2ff;

	position: absolute;

	width: 38vw;

	height: 530px;

	right: 6vw;

	z-index: -1;

	top: -60px

}



.rebranding_sec {

	padding: 70px 0 0

}



.rebranding_sec .brand_wellness_box {

	padding: 0

}



.logo_brand_designing_sec {

	background-color: #14171c;

	padding: 70px 0 70px;

	margin: 70px 0 0

}



.logo_brand_designing_box .para_title {

	line-height: 30px

}



.logo_brand_designing_boxes2 {

	margin: 50px 0 0;

	float: left;

	width: 100%

}



.logo_brand_designing_box h2 {

	padding: 0 0 40px

}



.logo_brand_designing_box {

	padding: 30px 0 0

}



.start_brand_sec {

	padding: 70px 0 40px;

	position: relative;

	z-index: 0

}



.start_brand_sec:before {

	content: "";

	background-image: url(../images/green-bg-dots.png);

	background-repeat: no-repeat;

	width: 226px;

	height: 90px;

	position: absolute;

	bottom: 0;

	left: -80px;

	top: -80px;

	margin: auto;

	z-index: -1

}



.start_brand_sec:after {

	content: "";

	background-image: url(../images/green-bg-dots.png);

	background-repeat: no-repeat;

	width: 226px;

	height: 90px;

	position: absolute;

	bottom: 200px;

	right: 0;

	z-index: -1

}



.start_brand_sec .hd-txt h2 {

	text-align: center

}



.start_brand_box_icon img {

	filter: brightness(0)

}



.start_brand_box_icon {

	height: 120px;

	display: grid;

	align-items: center

}



.start_brand_box {

	width: 80%;

	margin: 0 auto 30px;

	background-color: #55a2ff;

	min-height: 260px;

	align-items: center;

	display: grid;

	padding: 10px 20px 10px;

	transition-duration: .5s

}



.start_brand_box:hover {

	background-color: #000

}



.start_brand_box:hover .start_brand_box_icon img {

	filter: none

}



.start_brand_box h3 {

	color: #222;

	font-size: 16px;

	font-weight: 700

}



.start_brand_box p {

	color: #222;

	font-size: 12px;

	font-weight: 400

}



.start_brand_box:hover p {

	color: #fff

}



.start_brand_box:hover h3 {

	color: #55a2ff

}



.start_brand_boxes {

	padding: 40px 0 0

}



.we_work_sec {

	background: linear-gradient(to right, #00020e, #01214d);

	padding: 70px 0 70px;

	position: relative

}



.we_work_sec:before {

	content: "";

	background-image: url(../images/green-bg-dots.png);

	background-repeat: no-repeat;

	width: 226px;

	height: 90px;

	position: absolute;

	bottom: 0;

	left: -80px;

	top: -80px;

	margin: auto;

	filter: hue-rotate(83deg);

}



.we_work_sec:after {

	content: "";

	background-image: url(../images/green-bg-dots.png);

	background-repeat: no-repeat;

	width: 226px;

	height: 90px;

	position: absolute;

	bottom: 200px;

	right: 0;

	filter: hue-rotate(83deg);

}



.we_work_box {

	float: left;

	width: 50%

}



.we_work_boxes {

	margin: 0 0 30px;

	display: table;

	border-bottom: 1px solid #fff;

	padding: 0 0 10px

}



.we_work_box1 {

	display: flex

}



.we_work_box1 h3 {

	color: #062355;

	font-size: 115px;

	font-weight: 700;

	width: 160px

}



.we_work_box1 h4 {

	color: #55a2ff;

	font-size: 42px;

	font-weight: 700;

	vertical-align: middle;

	display: grid;

	align-items: center;

	margin: 0 0 0

}



.we_work_box2 {

	align-items: center

}



.we_work_box p {

	margin: 0;

	padding: 0 0 0;

	font-size: 16px

}



.what_we_slider_box_chat .chat_blk {

	color: #000;

	border: 2px solid #55a2ff

}



.head_top .what_we_slider_box_chat .chat_blk {

	color: #fff;

	border: 2px solid #55a2ff

}



.head_top .what_we_slider_box_chat .chat_blk:hover {

	color: #000

}



.digital_m_banner {

	background-image: url(../images/banner-digital-m-bg.jpg)

}



.comprehensive_sec {

	padding: 70px 0 0

}



.comprehensive_sec .brand_wellness_box .hd-txt h2 {

	font-size: 50px;

	padding: 0 0 20px;

	line-height: 55px

}



.comprehensive_sec .brand_wellness_box {

	padding: 30px 0 0;

	align-content: center;

	display: grid;

	height: 450px

}



.seo_bk_sec {

	padding: 70px 0 70px;

	position: relative;

	z-index: 0

}



.seo_bk_sec:before {

	content: "";

	background-image: url(../images/green-bg-dots.png);

	background-repeat: no-repeat;

	width: 226px;

	height: 90px;

	position: absolute;

	bottom: 0;

	left: -80px;

	top: -80px;

	margin: auto;

	filter: hue-rotate(83deg);

}



.seo_bk_sec:after {

	content: "";

	background-image: url(../images/green-bg-dots.png);

	background-repeat: no-repeat;

	width: 226px;

	height: 90px;

	position: absolute;

	bottom: 200px;

	right: 0;

	z-index: -1;

	filter: hue-rotate(83deg);

}



.seo_bk_sec .logo_brand_designing_box {

	padding: 0 0 0;

	min-height: 500px;

	align-content: center;

	display: grid

}



.seo_bk_btn {

	margin: 50px 0 0 20px

}



.seo_bk_btn a.wht_btn:before {

	background-color: #55a2ff

}



.seo_bk_btn a.wht_btn {

	color: #fff

}



.seo_bk_btn a.wht_btn:after {

	filter: invert(1)

}



.seo_bk_sec h2 {

	font-size: 50px;

	padding: 0 0 20px;

	line-height: 55px

}



section.feature-work.feature_work_inner {

	padding: 0 0 130px

}



.feature_work_inner .fixed-parallax.fix-parallax-fea-wrk {

	top: 60px !important

}



.feature_work_inner .parallax-slide {

	height: auto

}



.domain_hosting_banner {

	background-image: url(../images/banner-domain-hosting-bg.jpg)

}



.growing_followers_sec .brand_wellness_box_img:before {

	display: none

}



.growing_followers_sec {

	position: relative;

	padding: 70px 0 70px;

	margin: 70px 0 0

}



.growing_followers_sec:after {

	content: "";

	background-image: url(../images/vec-img-g-line.png);

	background-repeat: no-repeat;

	width: 653px;

	height: 190px;

	position: absolute;

	top: -80px;

	right: 0;

	z-index: -1

}



.playbtn i {

	position: absolute;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	margin: auto;

	text-align: center;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 50px;

	color: #fff

}



.playbtn {

	position: relative

}



.playbtn::before {

	position: absolute;

	content: "";

	height: 100%;

	width: 100%;

	background: rgb(0 0 0 / 70%);

	left: 0;

	top: 0;

	bottom: 0

}



.growing_followers_sec .row:before {

	content: "";

	background-color: #55a2ff;

	position: absolute;

	width: 68vw;

	height: 100%;

	right: 4vw;

	top: 0;

	bottom: 0

}



.growing_followers_boxes2 {

	padding: 70px 0 0;

	display: table

}



.growing_followers_boxes2 .green_btn:before {

	background-color: #fff

}



.business_emails_sec .logo_brand_designing_box h2 {

	padding: 0 0 20px;

	font-size: 58px

}



.business_emails_sec .logo_brand_designing_boxes2 {

	display: flex;

	flex-direction: row-reverse

}



.testimonials_inner_sec .fix_parallax_testimonails_inner {

	padding: 0

}



.testimonials_inner_sec .parallax-slide {

	position: relative;

	height: auto

}



.testimonials_inner_sec {

	padding: 70px 0 70px

}



.feature-work-slide-st .slick-list.draggable {

	width: 130%

}



.fea-slider .slick-dots {

	position: absolute;

	bottom: -50px;

	display: block;

	width: 100%;

	padding: 0;

	margin: 0;

	list-style: none;

	text-align: center;

	display: none

}



.fea-slider .slick-dots li.slick-active button {

	background-color: #55a2ff

}



.fea-slider .slick-dots li button:before {

	font-size: 0;

	line-height: 0

}



.fea-slider .slick-dots li button {

	background-color: #222;

	border-radius: 50px;

	width: 10px;

	height: 10px

}



.ecommerce_banner {

	background-image: url(../images/banner-ecommerce-bg.jpg)

}



.ecommerce_web_app_sec .logo_brand_designing_boxes2 {

	margin: 70px 0 0

}



.ecommerce_web_app_sec .logo_brand_designing_box {

	padding: 0 0 0

}



.webdesign_banner {

	background-image: url(../images/banner-webdesign-bg.jpg)

}



.we_work_boxes .col-sm-12 {

	padding: 0

}



.we_work_boxes {

	margin: 0 0 60px

}



.web_mantainance_sec {

	padding: 130px 0 0;

	position: relative

}



.web_mantainance_sec .brand_wellness_box .hd-txt h2 {

	font-size: 40px;

	padding: 0 0 20px

}



.web_mantainance_sec2 .brand_wellness_box {

	padding: 40px 0 0

}



.web_mantainance_sec .brand_wellness_btn {

	margin: 40px 0 0 20px

}



.web_mantainance_sec .brand_wellness_box_img img, .web_mantainance_sec .brand_wellness_box_img2 img {

	width: 100%

}



.web_mantainance_sec .brand_wellness_box_img:before {

	content: "";

	background-color: #e9f2ff;

	position: absolute;

	width: 38vw;

	height: 470px;

	right: 6vw;

	z-index: -1;

	top: -60px

}



.web_mantainance_sec2 {

	margin: 100px 0 0

}



.web_maintenance_pge .start_brand_box:hover .web_maintenance_pge .start_brand_box_icon img {

	filter: none

}



.protfolio_banner {

	background-image: url(../images/banner-portfolio-bg.jpg)

}



.inner_banner.protfolio_banner .banner-txt {

	top: -60px

}



.bnr_text_port h3 {

	font-size: 18px;

	color: #fff

}



.bnr_text_port h3 span {

	display: table;

	color: #55a2ff;

	font-size: 46px;

	font-weight: 700;

	margin: 10px 0 10px

}



.bnr_text_port {

	position: relative;

	top: 20px

}



.portfolio_sec {

	margin: 0 0 -650px

}



.portfolio_tab_box {

	font-size: 12px;

	background-color: #161616;

	color: #fff;

	margin: 0 10px 0 0;

	text-align: center;

	font-weight: 700;

	padding: 10px 0;

	border-radius: 50px;

	cursor: pointer

}



.slick-current.slick-active .portfolio_tab_box {

	font-size: 12px;

	background-color: #55a2ff;

	color: #222

}



.portfolio_for_tab {

	margin: -280px 0 0 130px;

	z-index: 9999;

	position: relative

}



.portfolio_for_tab .slick-next, .portfolio_for_tab .slick-prev {

	font-size: 0;

	line-height: 0;

	position: absolute;

	top: auto;

	display: block;

	width: 45px;

	height: 38px;

	padding: 0;

	-webkit-transform: translate(0, -50%);

	-ms-transform: translate(0, -50%);

	transform: translate(0, -50%);

	cursor: pointer;

	color: transparent;

	border: none;

	outline: 0;

	background: #55a2ff;

	bottom: -19px;

	z-index: 999999;

	transition-duration: .5s

}



.portfolio_for_tab .slick-next:hover, .portfolio_for_tab .slick-prev:hover {

	background: #161616

}



.portfolio_for_tab .slick-next {

	right: 448px;

	border-radius: 0 50px 50px 0

}



.portfolio_for_tab .slick-prev {

	right: 495px;

	left: inherit;

	border-radius: 50px 0 0 50px

}



.portfolio_for_tab .slick-next:before, .portfolio_for_tab .slick-prev:before {

	font-family: slick;

	font-size: 26px;

	line-height: 1;

	opacity: 1;

	color: #222;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale

}



.portfolio_for_tab .slick-next:hover:before, .portfolio_for_tab .slick-prev:hover:before {

	color: #fff

}



.portfolio_slider_box2 {

	top: -800px;

	position: relative;

	z-index: 1

}



.portfolio_img_box img {

	width: 100%

}



.portfolio_img_box {

	margin: 0 0 30px

}



.portfolio_slider_box1 {

	position: relative;

	top: -180px;

	z-index: 1

}



.portfolio_sec .slick-slide.slick-current.slick-active {

	opacity: 1 !important

}



.portfolio_img_box a {

	position: relative;

	transition-duration: .5s;

	overflow: hidden;

	width: 100%;

	display: block;

	z-index: 0

}



.portfolio_img_box a:after, .portfolio_img_box a:before {

	transition-duration: .5s

}



.banner_aboutus {

	background-image: url(../images/banner-about-bg.jpg)

}



.building_great_websites {

	padding: 70px 0 70px;

	background-color: #f2f2f2;

	margin: 0 0 -70px

}



.building_great_websites .brand_wellness_btn {

	margin: 70px 0 -90px 20px

}



.building_great_websites .green_btn {

	color: #000;

	font-size: 30px;

	font-weight: 700;

	z-index: 999;

	transition-duration: .5s

}



.building_great_websites .green_btn:hover:before {

	width: 135%

}



.building_great_websites .green_btn:before {

	content: "";

	background-color: #55a2ff;

	width: 70px;

	height: 70px;

	bottom: -13px;

	position: absolute;

	border-radius: 50px;

	left: -20px;

	z-index: -1

}



.building_great_websites .green_btn:after {

	content: "";

	width: 30px;

	height: 30px;

	bottom: 4px;

	position: absolute;

	border-radius: 50px;

	z-index: 0;

	background-image: url(../images/port-plus.png);

	right: -50px;

	filter: brightness(0);

	background-size: 90%;

	background-repeat: no-repeat

}



.value_beliefs_sec {

	padding: 70px 0 70px;

	margin: 70px 0 0

}



.value_beliefs_box_text h3 {

	color: #222;

	font-size: 30px;

	font-weight: 700;

	margin: 0 0 15px

}



.value_beliefs_box_text p {

	color: #222;

	font-size: 16px;

	margin: 0 0 15px

}



.value_beliefs_box_text {

	margin: 0 0 50px

}



.value_beliefs_box_tex_boxes {

	height: 420px;

	overflow-y: auto;

	padding: 0 1px 0 0

}



.value_beliefs_box_tex_boxes::-webkit-scrollbar {

	width: 10px;

	height: 5px;

	background-color: #f2f2f2;

	border-radius: 50px

}



.value_beliefs_box_tex_boxes::-webkit-scrollbar-thumb {

	background: #a9a9a9;

	border-radius: 50px

}



.value_beliefs_box {

	height: 420px;

	align-content: center;

	display: grid

}



.value_beliefs_box .hd-txt {

	padding-bottom: 0

}



.awrd_wining_sec {

	background-image: url(../images/awards-winning-bg.png);

	background-repeat: no-repeat;

	background-size: cover;

	padding: 70px 0 70px

}



.awrd_wining_box1 {

	display: table;

	justify-content: center;

	margin: 20px auto 0

}



.awrd_wining_box1 img {

	margin: 0 20px

}



.awrd_wining_box2 {

	margin: 30px auto 0

}



.awrd_wining_box2 img {

	margin: auto;

	display: table

}



.studio_view_slider_box img {

	width: 95%

}



.studio_views_slider {

	width: 130%

}



.studio_views_slider .slick-dots {

	position: absolute;

	bottom: -50px;

	display: block;

	width: 100%;

	padding: 0;

	margin: 0;

	list-style: none;

	text-align: center

}



.studio_views_slider .slick-dots li.slick-active button {

	background-color: #55a2ff

}



.studio_views_slider .slick-dots li button:before {

	font-size: 0;

	line-height: 0

}



.studio_views_slider .slick-dots li button {

	background-color: #222;

	border-radius: 50px;

	width: 10px;

	height: 10px

}



section.studio_views_sec {

	padding: 70px 0 70px

}



.studio_views_box .hd-txt {

	padding-bottom: 0

}



.brand_wellness_btn {

	margin: 50px 0 0 20px

}



.feature-work .parallax-slide .hd-txt {

	padding-bottom: 20px

}



.banner_aboutus .row .col-sm-12 {

	display: flex;

	align-items: center

}



.banner_contact {

	background-image: url(../images/banner-contact-bg.jpg)

}



.banner_contact .banner-txt p {

	padding: 20px 0 0

}



.contact_form_banner {

	margin: 20px 0 0;

	width: 80%

}



.contact_form_box {

	padding: 0 0 0

}



.contact_form_box input {

	padding: 0 10px 0;

	display: table;

	margin: 0 0 15px;

	height: 50px;

	width: 100%;

	background-color: #efefef;

	border: none;

	border-radius: 5px

}



.contact_form_box input:focus {

	outline: 0;

	border-bottom: 2px solid #9a8c8c

}



.contact_form_box textarea {

	padding: 15px 10px 0;

	display: table;

	margin: 0 0 15px;

	height: 100px;

	width: 100%;

	background-color: #efefef;

	border: none;

	border-radius: 5px

}



.inner_banner.banner_contact .banner_img img {

	width: 100%;

	margin: 60px 0 0

}



.banner_contact .green_btn_prent {

	position: relative;

	display: inline-flex;

	margin: 20px 0 0

}



.banner_contact .green_btn {

	font-size: 20px;

	font-weight: 700;

	z-index: 999

}



.banner_contact .green_btn:before {

	content: "";

	background-color: #00ff98;

	width: 50px;

	height: 50px;

	bottom: -9px;

	position: absolute;

	border-radius: 50px;

	left: -20px;

	z-index: -1

}



.banner_contact .green_btn:hover:before {

	width: 185%

}



.banner_contact .green_btn:after {

	content: "";

	width: 16px;

	height: 16px;

	bottom: 5px;

	position: absolute;

	border-radius: 50px;

	z-index: 0;

	background-image: url(../images/plus-btn.png);

	right: -30px;

	filter: invert()

}



.banner_contact .green_btn input {

	border: none;

	background-color: transparent;

	color: #fff

}



.contactus_sec {

	background-color: #efefef;

	padding: 70px 0 70px

}



.contact_sec_box h3 {

	font-size: 40px;

	font-weight: 700;

	color: #000;

	margin: 0 0 15px

}



.contact_sec_box p {

	font-size: 20px;

	color: #696969;

	margin: 0 0 20px;

	min-height: 70px

}



.contact_sec_box a {

	font-size: 16px;

	font-weight: 600;

	color: #1a1a1a;

	margin: 0 0 15px;

	text-decoration: underline

}



.studio_views_box {

	padding: 60px 0 0

}



.banner_aboutus .banner_img img {

	width: 100%

}



.banner_aboutus .banner-txt {

	position: relative;

	top: 10px

}



.animated1 {

	-animation-delay: 20s;

	-webkit-animation-delay: 20s;

	-moz-animation-delay: 20s

}



.banner_chat .chat_ciricle span {

	-webkit-animation: color-change 1s infinite;

	-moz-animation: color-change 1s infinite;

	-o-animation: color-change 1s infinite;

	-ms-animation: color-change 1s infinite;

	animation: color-change 1s infinite

}



@-webkit-keyframes color-change {

	0% {

		color: #000

	}



	50% {

		color: #fff

	}



	100% {

		color: #000

	}



}



@-moz-keyframes color-change {

	0% {

		color: #000

	}



	50% {

		color: #fff

	}



	100% {

		color: #000

	}



}



@-ms-keyframes color-change {

	0% {

		color: #000

	}



	50% {

		color: #fff

	}



	100% {

		color: #000

	}



}



@-o-keyframes color-change {

	0% {

		color: #000

	}



	50% {

		color: #fff

	}



	100% {

		color: #000

	}



}



@keyframes color-change {

	0% {

		color: #000

	}



	50% {

		color: #fff

	}



	100% {

		color: #000

	}



}



.head_top a.chat_ciricle.chat_blk {

	-webkit-animation: background-color-change 1s infinite;

	-moz-animation: background-color-change 1s infinite;

	-o-animation: background-color-change 1s infinite;

	-ms-animation: background-color-change 1s infinite;

	animation: background-color-change 1s infinite

}



@-webkit-keyframes background-color-change {

	0% {

		background-color: #55a2ff

	}



	50% {

		background-color: #000

	}



	100% {

		background-color: #55a2ff

	}



}



@-moz-keyframes background-color-change {

	0% {

		background-color: #55a2ff

	}



	50% {

		background-color: #000

	}



	100% {

		background-color: #55a2ff

	}



}



@-ms-keyframes background-color-change {

	0% {

		background-color: #55a2ff

	}



	50% {

		background-color: #000

	}



	100% {

		background-color: #55a2ff

	}



}



@-o-keyframes background-color-change {

	0% {

		background-color: #55a2ff

	}



	50% {

		background-color: #000

	}



	100% {

		background-color: #55a2ff

	}



}



@keyframes background-color-change {

	0% {

		background-color: #55a2ff

	}



	50% {

		background-color: #000

	}



	100% {

		background-color: #55a2ff

	}



}



.screen {

	display: block;

	width: 300px;

	overflow: hidden;

	position: relative;

	border-radius: 1px;

	margin: 0 auto

}



.screen img {

	top: 0;

	width: 100%;

	position: absolute;

	z-index: 0;

	margin: 0;

	padding: 0;

	-webkit-transition: bottom 11s;

	-moz-transition: bottom 11s;

	-ms-transition: bottom 11s;

	-o-transition: bottom 11s;

	transition: top 11s

}



.hero_banner:hover .screen img {

	top: -800px;

	-webkit-transition: all 11s;

	-moz-transition: all 11s;

	-ms-transition: all 11s;

	-o-transition: all 11s;

	transition: all 11s

}



.section.active .leftanimation_h2 {

	animation-name: fadeInLeft;

	animation-duration: 1s

}



.section.active .upanimation_h2 {

	animation-name: fadeInUp;

	animation-duration: 1s

}



.section.active .leftanimation_h2_2 {

	animation-name: fadeInLeft;

	animation-duration: 1.6s

}



.section.active .upanimation_h2_2 {

	animation-name: fadeInUp;

	animation-duration: 1.6s

}



.section.active .leftanimation_p {

	animation-name: fadeInLeft;

	animation-duration: 1.3s

}



.section.active .upanimation_p {

	animation-name: fadeInUp;

	animation-duration: 1.3s

}



.section.active .leftanimation_p_2 {

	animation-name: fadeInLeft;

	animation-duration: 2s

}



.section.active .upanimation_p_2 {

	animation-name: fadeInUp;

	animation-duration: 2s

}



.section.active .leftanimation_bt {

	animation-name: fadeInLeft;

	animation-duration: 1.6s

}



.section.active .upanimation_bt {

	animation-name: fadeInUp;

	animation-duration: 1.6s

}



.section.active .upanimation_bt_2 {

	animation-name: fadeInUp;

	animation-duration: 2.3s

}



.hero_banner:hover .mb-dv-1st.screen img {

	top: -250px

}



* {

	box-sizing: border-box

}



@keyframes animatedBackground_dots {

	from {

		background-position: 0 -100%

	}



	to {

		background-position: 100% 0

	}



}



.move_dots {

	animation: animatedBackground_dots 150s linear infinite;

	position: absolute;

	left: 0;

	background-image: url(../images/banner-dots-1.png);

	background-repeat: repeat;

	width: 500%;

	height: 788px;

	top: 30px;

	z-index: 999

}



.move-img-2 {

	animation: move-img-2 5s infinite;

	animation-timing-function: linear;

	z-index: 999

}



@keyframes move-img-2 {

	0% {

		transform: translateY(-1vw)

	}



	50% {

		transform: translateY(.5vw)

	}



	100% {

		transform: translateY(-1vw)

	}



}



.move-img-4 {

	animation: move-img-4 5s infinite;

	animation-timing-function: linear

}



@keyframes move-img-4 {

	0% {

		transform: translateY(1vw)

	}



	50% {

		transform: translateY(-1vw)

	}



	100% {

		transform: translateY(1vw)

	}



}



.move-img-3, .plus_sign1 {

	-webkit-animation: move-img-3 7s infinite linear

}



@-webkit-keyframes move-img-3 {

	from {

		-webkit-transform: rotate(0)

	}



	to {

		-webkit-transform: rotate(359deg)

	}



}



.plus_sign2 {

	-webkit-animation: plus_sign2 7s infinite linear

}



@-webkit-keyframes plus_sign2 {

	from {

		-webkit-transform: rotate(359deg)

	}



	to {

		-webkit-transform: rotate(0)

	}



}



.mb-dv-1st {

	height: 400px;

	margin-bottom: 35px;

	width: 85%;

	border-radius: 18px

}



.mb-dv-3st {

	height: 340px;

	margin-bottom: 10px;

	width: 85%;

	border-radius: 18px;

	overflow: hidden

}



.mb-dv-2st {

	height: 180px;

	margin-bottom: 10px;

	width: 85%;

	border-radius: 18px;

	overflow: hidden

}



.hero_banner .banner-txt h1 {

	line-height: 82px

}



.what_we_do_slider .slick-dots {

	position: absolute;

	bottom: 40px;

	display: block;

	width: 100%;

	padding: 0;

	margin: 0;

	list-style: none;

	text-align: center

}



.what_we_do_slider .slick-dots li.slick-active button {

	background-color: #55a2ff

}



.what_we_do_slider .slick-dots li button:before {

	font-size: 0;

	line-height: 0

}



.platform_1 {

	margin: 40px 0 0

}



.wht_btn_prent.chat_pr {

	margin: 0 0 0 75px

}



.bnr-btn .wht_btn_prent.chat_pr {

	margin: 0 0 0 85px

}



.what_we_do_slider_btn .chat_pr a.wht_btn:hover:before {

	width: 9.1em

}



.fot_cta .wht_btn_prent {

	display: table;

	margin: 40px 0 0 20px

}



.fot_cta .wht_btn_prent:last-child .green_btn:hover:before {

	width: 18.3em

}



.fea-slide-box img {

	width: 80%

}



.pricing-sec {

	padding: 70px 0 30px

}



.pricing-custom {

	padding: 50px 70px 30px 30px;

	border-radius: 14px;

	background-color: #490b3d

}



.pricing-custom h4 {

	font-size: 20px;

	color: #fff;

	font-weight: 500;

	margin: 0 0 15px 0

}



section.pricing-sec .tab-content .pri-text {

	padding-left: 20px

}



.pricing-custom h2 {

	font-size: 36px;

	color: #fff;

	font-weight: 700;

	margin: 0 0 25px 0

}



.pricing-custom p {

	font-size: 13px;

	font-weight: 400;

	color: #fff;

	margin-bottom: 50px

}



.price-box {

	text-align: end;

	margin-right: -45px

}



.pric-img {

	text-align: center

}



.pri-text h4 {

	font-size: 20px;

	font-weight: 500;

	color: #1b1b1b;

	margin: 0 0 15px 0

}



.pri-text h2 {

	font-size: 36px;

	font-weight: 700;

	color: #1b1b1b;

	margin: 0 0 10px 0

}



.price-main {

	padding: 40px 15px 30px;

	border-radius: 14px;

	position: relative;

	margin: 0 14px 45px;

	min-height: 500px;

	background-color: #fff;

	box-shadow: 0 11px 20px 0 rgb(0 0 0 / 6%)

}



.price-main-box {

	display: flex;

	align-items: center;

	justify-content: space-between

}



.pri-ht-main h3 {

	margin: 0 0 10px 0;

	font-size: 25px;

	font-weight: 700;

	color: #1b1b1b

}



.pri-ht-main p {

	font-size: 16px;

	font-weight: 500;

	color: #1b1b1b;

	margin: 0 0 35px 0

}



.price-rupee-main h3 {

	margin: 0 0 10px 0;

	font-size: 32px;

	font-weight: 700;

	color: #55a2ff

}



.price-rupee-main p {

	font-size: 16px;

	font-weight: 400;

	color: #1b1b1b;

	margin: 0 0 40px 0;

	text-align: end

}



.pric-list ul {

	padding: 0

}



.pric-list ul li {

	list-style: none;

	font-size: 15px;

	font-weight: 500;

	line-height: 22px;

	margin-bottom: 20px

}



.price-btn a.pri-btn {

	font-size: 13px;

	color: #fff;

	font-weight: 400;

	background-color: #222;

	padding: 12px 15px;

	border-radius: 50px

}



.price-btn {

	text-align: center;

	margin-top: 40px

}



.price-btn img {

	margin-left: 10px;

	display: inline-block;

	filter: brightness(100)

}



.price-main:hover {

	background-color: #14171c;

	border-radius: 14px

}



.price-slider-st .slick-slide {

	padding: 0 0 40px

}



.price-main:before {

	content: '';

	height: 100%;

	width: 100%;

	position: absolute;

	z-index: -1;

	left: 10px;

	top: 18px;

	border-radius: 14px;

	bottom: 0;

	border: 1px solid #939393;

	border-style: dashed

}



.price-main:hover h3 {

	color: #55a2ff

}



.price-main:hover p {

	color: #fff

}



.price-main:hover li {

	color: #fff

}



.price-main:hover a.pri-btn {

	background-color: #fff;

	color: #55a2ff;

	font-weight: 600

}



.price-main ul {

	overflow-x: hidden;

	overflow-y: scroll;

	height: 292px

}



.price-main ul::-webkit-scrollbar {

	width: 8px

}



.price-main ul::-webkit-scrollbar-track {

	box-shadow: inset 0 0 5px grey;

	border-radius: 10px

}



.price-main ul::-webkit-scrollbar-thumb {

	background: #14171c;

	border-radius: 10px

}



.price-main:hover ul::-webkit-scrollbar-thumb {

	background-color: #fff

}



.pric-bottom {

	padding-bottom: 30px

}



.price-slider .slick-next:before {

	content: "\f18e";

	font: normal normal normal 14px/1 FontAwesome;

	font-size: 23px;

	opacity: .75;

	color: #000;

	font-weight: 800;

	font-size: 35px;

	font-weight: 400;

	color: #490b3d;

	right: 30px

}



, .slick-prev:before {

	display: none

}



.price-main:hover a.pri-btn img {

	filter: inherit

}



.price-box .ser-btn {

	background: #fff;

	padding: 12px 15px;

	border-radius: 50px

}



.price-box .ser-btn img {

	margin-left: 10px

}



.price-combo-pck {

	padding: 50px 0;

	background: url(../images/price-combo-bg2.html);

	background-size: cover;

	background-position: bottom;

	background-repeat: no-repeat

}



.price-cmb-bx {

	background: url(../images/price-combo-bg.html);

	background-size: cover;

	background-position: center;

	background-repeat: no-repeat;

	border-radius: 10px;

	background: #f2f2f2;

	padding-top: 40px

}



.cmb-txt-hd {

	background: #55a2ff;

	color: #fff;

	padding: 16px 20px;

	border-radius: 10px 10px 0 0;

	position: relative;

	border-radius: 0

}



.cmb-txt-para {

	background: #122540;

	color: #fff;

	padding: 15px 20px

}



.cmb-list-st {

	display: flex;

	padding-bottom: 25px;

	background: #f2f2f2

}



.cmb-list-st ul li {

	color: #434242;

	line-height: 25px

}



.cmb-list-st ul h4 {

	color: #222;

	font-size: 18px;

	padding: 10px 0

}



.cmb-list-st ul h5 {

	color: #fff;

	padding: 20px 0;

	font-size: 14px

}



ul.cmb-ul-st-1, ul.cmb-ul-st-2 {

	width: 37%;

	padding-top: 15px

}



.cmb-list-st ul h5 span {

	background: #e01216;

	padding: 6px 9px;

	font-size: 20px

}



.cmb-list-st ul {

	list-style: none;

	padding-left: 25px;

	margin: 0

}



.cmb-list-st ul li {

	padding-left: 15px

}



.cmb-list-st ul h4 i {

	margin-right: 5px;

	color: #222

}



.cmb-list-st ul li i {

	color: #222;

	margin-right: 5px

}



ul.cmb-ul-st-3 {

	text-align: right

}



ul.cmb-ul-st-3 img {

	width: 100%;

	margin: 0 auto;

	display: table;

	text-align: center;

	position: relative;

	top: -118px

}



.price-cmb-st {

	padding-right: 35px;

	margin-top: -30px

}



.price-cmb-st h3 {

	color: #000;

	font-size: 25px;

	font-weight: 700

}



.price-cmb-st p {

	font-size: 14px;

	color: #000

}



.price-cmb-st h2 {

	font-size: 50px;

	font-weight: 700;

	color: #55a2ff;

	padding-top: 7px

}



ul.cmb-ul-st-3 .price-cmb-st h5 {

	font-size: 14px;

	text-transform: uppercase;

	color: #fefe17;

	padding: 0;

	margin-bottom: 30px

}



.cmb-ul-st-3 a {

	margin: 0

}



.ordr-btn {

	padding: 10px 25px;

	background: #fff;

	color: #530707;

	font-size: 16px;

	font-weight: 700;

	margin-right: 20px;

	border-radius: 60px;

	text-transform: capitalize

}



.cmb-txt-hd:before {

	content: '';

	background: #f2f2f2;

	position: absolute;

	right: 0;

	bottom: 0;

	top: 0;

	width: 155px

}



.price-nav-tb ul {

	border: 0;

	text-align: center;

	margin: 0 auto;

	display: table

}



.price-nav-tb ul li a {

	border: 0;

	background: 0 0 !important;

	font-size: 18px;

	color: #fff;

	font-weight: 700;

	transition: all .3s ease-in-out

}



.price-nav-tb ul li {

	border-right: 1px solid

}



.price-nav-tb ul li a:hover, .price-nav-tb ul li.active a, .price-nav-tb ul li.active a:focus, .price-nav-tb ul li.active a:hover {

	border: 0;

	font-weight: 700;

	color: #55a2ff;

	background: 0 0 !important

}



.price-nav-tb {

	background: #222;

	padding: 15px 0;

	margin-bottom: 50px

}



.price-nav-tb ul li:last-child {

	border: 0

}



.price-btn.what_we_do_slider_btn {

	margin: 40px 0 0 -37px

}



.price-main:hover .price-btn.what_we_do_slider_btn a.wht_btn {

	color: #fff

}



.price-main .price-btn.what_we_do_slider_btn a.wht_btn:hover {

	color: #000

}



.price-main .what_we_do_slider_btn a.wht_btn:hover:before {

	width: 9.1em

}



.price-main .what_we_do_slider_btn a.wht_btn.chat_btnn:hover:before {

	width: 8em

}



.price-main .wht_btn_prent.chat_pr {

	margin: 0 0 0 55px

}



.price-main a.wht_btn:before {

	width: 43px;

	height: 43px;

	bottom: -10.1px;

	position: absolute;

	border-radius: 50px;

	left: -15px;

	z-index: -1;

	transition-duration: .5s

}



.price-main:hover .price-btn.what_we_do_slider_btn a.wht_btn::after {

	filter: invert(1)

}



.price-main .price-btn.what_we_do_slider_btn a.wht_btn:hover::after {

	filter: inherit

}



.price-main a.wht_btn {

	cursor: pointer

}



.price-cmb-st a.wht_btn:before {

	content: "";

	background-color: #55a2ff

}



.price-cmb-st a.wht_btn:hover:before {

	width: 12.5em

}



.work_with_box_img img {

	animation: pulse 2s infinite;

	animation-timing-function: linear

}



@keyframes pulse {

	0% {

		transform: scale(1)

	}



	50% {

		transform: scale(1.1)

	}



	100% {

		transform: scale(1)

	}



}



.pricing_m_banner {

	background-image: url(../images/banner-pricing-bg.jpg)

}



.pricing_m_banner .banner-txt {

	position: relative;

	top: 90px

}



.cmb-txt-hd h2 {

	color: #222;

	font-weight: 700

}



.cmb-txt-hd p {

	color: #222

}



.foot_social {

	display: flex;

	margin: 30px 0 0

}



.foot_social a {

	width: 40px;

	height: 40px;

	background-color: #222;

	display: grid;

	align-items: center;

	text-align: center;

	margin: 0 10px 0 0;

	border-radius: 50px;

	transition-duration: .5s

}



.foot_social a i {

	color: #fff;

	font-size: 19px

}



.foot_social a:hover {

	background-color: #55a2ff

}



.foot_social a:hover i {

	color: #222

}



.bnr-btn {

	margin-top: 35px;

	margin: 40px 0 0 20px

}



.fea-slider {

	margin: 50px 0 0

}



.hero_banner:hover .mb-dv-3st img {

	top: -290px

}



.webdesign_banner .banner-txt {

	position: relative;

	top: 150px

}



.ecommerce_banner .banner-txt {

	top: 100px

}



.web_maintenance_banner .banner-txt {

	top: 100px

}



.digital_m_banner .banner-txt {

	top: 100px

}



.return-to-top {

	position: fixed;

	bottom: 65px;

	right: 20px;

	background: #000;

	background: rgba(0, 0, 0, .7);

	width: 50px;

	height: 50px;

	display: block;

	text-decoration: none;

	-webkit-border-radius: 35px;

	-moz-border-radius: 35px;

	border-radius: 35px;

	display: none;

	-webkit-transition: all .3s linear;

	-moz-transition: all .3s ease;

	-ms-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

	z-index: 9999999

}



.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: 5px

}



.web_design_web_mantainance_sec {

	padding: 130px 0 60px

}



.site_security .logo_brand_designing_box h2 {

	padding: 0 0 40px;

	font-size: 50px

}



.content-pg {

	background-color: #f3f3f3;

	padding: 10px 0 70px

}



h3.content-head {

	font-size: 34px;

	font-weight: 700;

	margin: 50px 0 15px;

	color: #222

}



.content-text p {

	color: #222;

	font-size: 16px;

	line-height: 24px

}



.content-text a {

	color: #222;

	font-size: 16px;

	line-height: 24px;

	text-decoration: underline

}



.business_emails_sec .logo_brand_designing_boxes2slider {

	display: inherit;

	flex-direction: inherit

}



.p0 {

	padding: 0 !important

}



a, button, h1, h2, h3, h4, h5, h6, li, p, span {

	font-family: Poppins, sans-serif;

	margin: 0

}



body {

	overflow-x: hidden

}



.cn {

	text-align: center

}



.form-btn-st:focus, a:focus, a:hover, button:focus, button:hover {

	text-decoration: none !important;

	outline: 0

}



.p_0 {

	padding: 0

}



.clr_wht {

	color: #fff !important

}



.logo_brand_designing_box .para_title {

	font-size: 16px;

	line-height: 30px

}



.clr_blk_p {

	color: #000

}



.clr_blk {

	color: #121212

}



.clr_grey {

	color: #adafae

}



.chat_blk {

	color: #121212;

	border: 1px solid #121212

}



.chat_blk:focus, .chat_blk:hover {

	color: #fff;

	border: 1px solid #121212;

	background-color: #000

}



.chat_ciricle {

	font-size: 16px;

	font-weight: 700;

	display: grid;

	border-radius: 50px;

	width: 100px;

	height: 100px;

	align-content: center;

	padding: 0 0 0 15px;

	line-height: 25px;

	transition-duration: .5s

}



.chat_ciricle span {

	font-size: 32px;

	display: table

}



.wht_btn_prent {

	position: relative;

	display: inline-flex

}



a.wht_btn {

	color: #000;

	font-size: 16px;

	font-weight: 700;

	z-index: 0;

}



a.wht_btn:before {

	content: "";

	background-color: #fff;

	width: 50px;

	height: 50px;

	bottom: -13px;

	position: absolute;

	border-radius: 50px;

	left: -20px;

	z-index: -1;

	transition-duration: .5s

}



a.wht_btn:hover:before {

	width: 162%

}



.bnr-btn a.wht_btn.wht_btn_bnr:hover:before {

	width: 9em

}



a.wht_btn:after {

	content: "";

	width: 16px;

	height: 16px;

	bottom: 3px;

	position: absolute;

	border-radius: 50px;

	z-index: 0;

	background-image: url(../images/plus-btn.png);

	right: -23px

}



.green_btn_prent {

	position: relative;

	display: inline-flex

}



.green_btn {

	color: #000;

	font-size: 16px;

	font-weight: 700;

	z-index: 999;

	transition-duration: .5s

}



.green_btn:before {

	content: "";

	background-color: #55a2ff;

	width: 50px;

	height: 50px;

	bottom: -13px;

	position: absolute;

	border-radius: 50px;

	left: -20px;

	z-index: -1;

	transition-duration: .5s

}



a.green_btn:hover {

	color: #000

}



.green_btn:after {

	content: "";

	width: 16px;

	height: 16px;

	bottom: 3px;

	position: absolute;

	border-radius: 50px;

	z-index: 0;

	background-image: url(../images/plus-btn.png);

	right: -30px

}



section {

	float: left;

	width: 100%

}



.nav-but-wrap {

	position: relative;

	display: inline-block;

	float: left;

	padding-left: 15px;

	padding-top: 15px;

	margin-top: 16px;

	transition: all .3s ease-out

}



.menu-icon {

	height: 30px;

	width: 30px;

	position: fixed;

	z-index: 2;

	cursor: pointer;

	display: block;

	z-index: 9999;

	top: 30px;

	right: 60px

}



.menu-icon__line {

	height: 2px;

	width: 20px;

	display: block;

	background-color: #55a2ff;

	margin-bottom: 7px;

	cursor: pointer;

	-webkit-transition: background-color .5s ease, -webkit-transform .2s ease;

	transition: background-color .5s ease, -webkit-transform .2s ease;

	transition: transform .2s ease, background-color .5s ease;

	transition: transform .2s ease, background-color .5s ease, -webkit-transform .2s ease

}



.menu-icon__line-left {

	width: 30px;

	-webkit-transition: all .2s linear;

	transition: all .2s linear

}



.menu-icon__line-right {

	width: 0;

	float: right;

	-webkit-transition: all .2s linear;

	-moz-transition: all .2s linear;

	-o-transition: all .2s linear;

	-ms-transition: all .2s linear;

	transition: all .2s linear;

	color: #fff;

	right: 30px;

	position: relative;

	font-size: 20px;

	font-weight: 700

}



.menu-icon:hover .menu-icon__line-left, .menu-icon:hover .menu-icon__line-right {

	width: 30px

}



span.menu_mm {

	color: #55a2ff;

	right: 30px;

	position: relative;

	font-size: 20px;

	font-weight: 700

}



.nav-fix-st {position: fixed;z-index: 999;right: 0;}



.nav:after, .nav:before {

	content: "";

	position: fixed;

	top: 100px;

	right: 0;

	width: 0;

	height: 0;

	background-color: rgba(20, 21, 26, .6);

	border-bottom-right-radius: 200%;

	z-index: -1;

	transition: border-radius linear .8s, width cubic-bezier(.77, 0, .175, 1) .6s, height cubic-bezier(.77, 0, .175, 1) .6s

}



.nav:after {

	background-color: #09090c;

	background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/1462889/pat.svg);

	background-position: bottom center;

	background-repeat: no-repeat;

	background-size: 300%;

	-webkit-transition-delay: 0s;

	transition-delay: 0s;

	box-shadow: 6px 7px 28px 0 rgba(16, 16, 16, .3)

}



.nav:before {

	-webkit-transition-delay: .2s;

	transition-delay: .2s

}



.nav__content {
    position: relative;
    visibility: hidden;
    top: 100px;
    right: 0;
    width: 0;
    text-align: left;
    z-index: 9;
}



.nav__list {/* position: relative; */padding: 0;margin: 0;z-index: 99;}



.nav__list-item {

	position: relative;

	display: block;

	-webkit-transition-delay: .8s;

	transition-delay: .8s;

	opacity: 0;

	text-align: left;

	color: #fff;

	overflow: hidden;

	font-family: Poppins, sans-serif;

	font-size: 22px;

	line-height: 1.2;

	letter-spacing: 2px;

	-webkit-transform: translate(30px, 0);

	transform: translate(30px, 0);

	-webkit-transition: opacity .2s ease, -webkit-transform .3s ease;

	transition: opacity .2s ease, -webkit-transform .2s ease;

	transition: opacity .2s ease, transform .2s ease;

	transition: opacity .2s ease, transform .2s ease, -webkit-transform .2s ease;

	margin-top: 0;

	margin-bottom: 0

}



.nav__list-item a {

	position: relative;

	text-decoration: none;

	color: rgba(255, 255, 255, .6);

	overflow: hidden;

	cursor: pointer;

	font-family: Poppins, sans-serif;

	font-weight: 600;

	z-index: 2;

	padding-left: 40px;

	padding-top: 5px;

	padding-bottom: 5px;

	display: inline-block;

	-webkit-transition: all .2s linear;

	transition: all .2s linear

}



.nav__list-item a:after {

	position: absolute;

	content: '';

	top: 50%;

	left: 0;

	width: 5px;

	height: 0;

	opacity: 0;

	background-color: #55a2ff;

	z-index: 1;

	-webkit-transition: all .2s linear;

	transition: all .2s linear

}



.nav__list-item a:hover:after {

	height: 100%;

	opacity: 1;

	top: 0

}



.nav__list-item a:hover {

	color: #fff

}



.nav__list-item.active-nav a {

	color: #fff

}



.nav__list-item.active-nav a:after {

	height: 100%;

	opacity: 1;

	top: 0

}



body.nav-active .nav__content {visibility: visible;width: 260px;}



body.nav-active .menu-icon__line {

	background-color: #fff;

	-webkit-transform: translate(0, 0) rotate(-45deg);

	transform: translate(-4px, 1px) rotate(-45deg);

	width: 30px

}



body.nav-active .menu-icon__line-left {

	width: 30px;

	-webkit-transform: translate(2px, 4px) rotate(45deg);

	transform: translate(2px, 4px) rotate(45deg);

	transform: translate(-4px, 10px) rotate(45deg)

}



body.nav-active .menu-icon__line-right {

	width: 15px;

	float: right;

	-webkit-transform: translate(-3px, -3.5px) rotate(45deg);

	transform: translate(-3px, -3.5px) rotate(45deg)

}



body.nav-active .menu-icon:hover .menu-icon__line-left, body.nav-active .menu-icon:hover .menu-icon__line-right {

	width: 30px

}



body.nav-active .nav:after, body.nav-active .nav:before {width: 280px;height: 100%;border-radius: 0;right: 0;top: 0;}



body.nav-active .nav:after {

	-webkit-transition-delay: .1s;

	transition-delay: .1s

}



body.nav-active .nav:before {

	-webkit-transition-delay: 0s;

	transition-delay: 0s

}



body.nav-active .nav__list-item {

	opacity: 1;

	-webkit-transform: translateX(0);

	transform: translateX(0);

	-webkit-transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease;

	transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease;

	transition: opacity .3s ease, transform .3s ease, color .3s ease;

	transition: opacity .3s ease, transform .3s ease, color .3s ease, -webkit-transform .3s ease

}



body.nav-active .nav__list-item:nth-child(0) {

	-webkit-transition-delay: .7s;

	transition-delay: .7s

}



body.nav-active .nav__list-item:nth-child(1) {

	-webkit-transition-delay: .8s;

	transition-delay: .8s

}



body.nav-active .nav__list-item:nth-child(2) {

	-webkit-transition-delay: .9s;

	transition-delay: .9s

}



body.nav-active .nav__list-item:nth-child(3) {

	-webkit-transition-delay: 1s;

	transition-delay: 1s

}



body.nav-active .nav__list-item:nth-child(4) {

	-webkit-transition-delay: 1.1s;

	transition-delay: 1.1s

}



body.nav-active .nav__list-item:nth-child(5) {

	-webkit-transition-delay: 1.2s;

	transition-delay: 1.2s

}



body.nav-active .nav__list-item:nth-child(6) {

	-webkit-transition-delay: 1.3s;

	transition-delay: 1.3s

}



body.nav-active .nav__list-item:nth-child(7) {

	-webkit-transition-delay: 1.4s;

	transition-delay: 1.4s

}



body.nav-active .nav__list-item:nth-child(8) {

	-webkit-transition-delay: 1.5s;

	transition-delay: 1.5s

}



body.nav-active .nav__list-item:nth-child(9) {

	-webkit-transition-delay: 1.6s;

	transition-delay: 1.6s

}



body.nav-active .nav__list-item:nth-child(10) {

	-webkit-transition-delay: 1.7s;

	transition-delay: 1.7s

}



.banner_chat {position: absolute;right: 200px;top: 15px;z-index: 99;}



.banner_chat .chat_blk {

	color: #fff;

	border: 2px solid #55a2ff

}



.banner_chat .chat_blk:focus, .banner_chat .chat_blk:hover {

	color: #000;

	border: 1px solid #fff;

	background-color: #fff

}



.banner_chat .chat_ciricle {

	font-size: 16px;

	font-weight: 700;

	display: grid;

	border-radius: 50px;

	width: 100px;

	height: 100px;

	align-content: center;

	padding: 0 0 0 15px;

	line-height: 25px;

	transition-duration: .5s

}



.banner_chat .chat_ciricle span {

	font-size: 32px;

	display: table;

	color: #55a2ff

}



.sideform {

	height: 100%;

	width: 0;

	position: fixed;

	z-index: 1;

	top: 0;

	left: 0;

	background-color: #111;

	overflow-x: hidden;

	transition: .5s;

	padding-top: 60px

}



.sideform a {

	padding: 8px 8px 8px 32px;

	text-decoration: none;

	font-size: 25px;

	color: #818181;

	display: block;

	transition: .3s

}



.sideform a:hover {

	color: #f1f1f1

}



.sideform .closebtn {

	position: absolute;

	top: 0;

	right: 25px;

	font-size: 36px;

	margin-left: 50px

}



.navbar-header {

	align-items: center;

	width: 100%

}



.header-top {

	display: block;

	background: #00273f;

	text-align: right

}



.header-top ul {

	padding: 0;

	margin: 0

}



.header-top ul li {

	display: inline-block;

	padding: 10px 15px

}



.header-top ul li a {

	font-size: 15px;

	color: #fff

}



.navbar-right a.yellow_btn_m {

	margin: 0 15px 0 15px;

	position: relative;

	padding: 12px 19px 12px 45px !important

}



.navbar-right a.yellow_btn_m:before {

	content: "";

	background-image: url(../images/call-btn.html);

	position: absolute;

	height: 32px;

	width: 28px;

	left: 12px;

	top: 0;

	bottom: 0;

	margin: auto

}



.header-top ul li a i {

	margin: 0 3px 0 0;

	font-size: 18px

}



.head_top {

	padding: 15px 0;

	z-index: 9;

	position: absolute;

	left: 0;

	right: 0;

	padding: 0

}



.head_top .navbar .navbar-header a.navbar-brand {

	height: auto;

	padding: 0

}



.opn-nv-st {

	color: #f3aa4e;

	font-weight: 700;

	width: 4%;

	margin-right: 20px;

	float: left;

	padding-top: 8px

}



.head_top .navbar-right {

	padding-top: 25px

}



.head_top .navbar.navbar-defult {

	margin-bottom: 0;

	padding: 10px 50px

}



.head_top .navbar.navbar-defult ul li a:focus, .head_top .navbar.navbar-defult ul li a:hover, .head_top .navbar.navbar-defult ul li.active-nav a {

	background: 0 0;

	color: #55a2ff

}



.head_top .navbar.navbar-defult ul li a {

	color: #fff;

	opacity: 1;

	font-size: 13px;

	text-transform: uppercase;

	padding: 10px 12px;

	font-weight: 700

}



.head_top .navbar.navbar-defult ul li a.btn-org {

	border-radius: 50px;

	padding: 12px 27px;

	color: #fff;

	background: linear-gradient(to right, #3ab0ce, #1bc9bb);

	font-size: 13px;

	font-weight: 700

}



.head_top .dropdown-menu>li>a {

	position: relative;

	margin: 0 0 10px;

	font-weight: 500;

	border-left: 4px solid #00273f

}



.head_top ul.dropdown-menu {

	padding: 20px 0 15px;

	border: none;

	left: 0;

	right: 0;

	width: 250px

}



.logo {

	width: 300px;

	margin: 0 0 0 10px;

	filter: inherit

}



.head_top .dropdown-menu>.active>a, .head_top .dropdown-menu>.active>a:focus, .head_top .dropdown-menu>.active>a:hover {

	text-decoration: none;

	background-color: transparent;

	outline: 0;

	color: #fc5216 !important;

	border-left: 4px solid #fc5216

}



.head_top .dropdown-menu>li>a:hover:before {

	color: #fc5216

}



.head_top .open>a, .head_top .open>a:focus, .head_top .open>a:hover {

	background-color: transparent !important;

	border-color: transparent !important;

	color: #fc5216 !important

}



html.docSlider-index_0.docSlider-page_1 .head_top {

	display: block

}



.parallax-slide {

	position: relative

}



.parallax-clip {

	position: relative;

	width: 100%;

	left: 0;

	top: 0

}



.fixed-parallax {

	position: relative;

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	background-size: cover;

	background-position: center top

}



@supports (-webkit-overflow-scrolling:touch) {

	.parallax-clip {

		clip: rect(auto, auto, auto, auto)

	}



	.fixed-parallax {

		position: fixed;

		background-attachment: unset;

		-webkit-transform: translateZ(0)

	}



}



#header-vid {

	position: absolute;

	left: 0;

	top: 0;

	right: 0;

	bottom: 0;

	margin: auto;

	width: 100%;

	z-index: -1;

	height: 100%;

	object-fit: cover

}



.web_maintenance_banner {

	background-image: url(../images/banner-web-maintenance-bg.jpg) !important

}



.main-banner {

	display: flex;

	align-items: center;

	justify-content: center;

	background-repeat: no-repeat;

	background-position: center;

	position: relative;

	z-index: 1;

	overflow: hidden

}



.web_privicy_banner {

	background-image: url(../images/banner-img.jpg);

	min-height: 500px !important

}



.fix-parallax-mbnr {

	display: flex

}



.bnr-btn a.wht_btn:before {

	content: "";

	background-color: #747474

}



a.wht_btn_bnr:before {

	content: "";

	background-color: #55a2ff !important

}



a.wht_btn_bnr:hover {

	color: #000 !important

}



a.wht_btn_bnr:hover:after {

	filter: inherit !important

}



.hd-txt h2 {

	color: #222;

	padding-bottom: 15px;

	padding-top: 0;

	font-size: 70px;

	font-weight: 700;

	text-transform: capitalize

}



.hd-txt img {

	margin: 0 0 50px;

	display: table;

	width: 280px

}



.bnr-arrow {

	padding-bottom: 20px

}



.footer-sec {

	background: url(../images/footer-bg.png);

	padding: 60px 45px 20px;

	justify-content: center;

	width: 100%;

	height: 100%;

	background-position: bottom center;

	background-repeat: no-repeat

}



.form-div input, .form-div textarea {

	width: 100%;

	background: #1e242b;

	border: 0;

	margin-bottom: 10px;

	padding: 20px 20px;

	color: #fff;

	border-radius: 8px

}



.ftr-txt h4 {

	font-size: 32px;

	color: #222;

	text-align: left;

	text-transform: uppercase;

	font-weight: 700

}



.ftr-txt p {

	color: #fff;

	font-size: 16px;

	font-weight: 300;

	padding-top: 15px;

	text-align: left

}



.form-div textarea {

	height: 100px

}



.ftr-sub-btn {

	background: #55a2ff;

	text-align: center;

	padding-top: 10px;

	font-size: 14px;

	clear: both;

	color: #fff;

	padding: 10px 25px;

	border-radius: 8px;

	border: 0;

	text-transform: capitalize;

	font-weight: 500

}



.form-txt h2 {

	font-size: 32px;

	color: #222;

	text-transform: uppercase;

	font-weight: 700

}



.form-txt p {

	color: #639

}



.form-txt h4 {

	color: #d99846;

	font-size: 22px;

	font-weight: 700;

	padding-top: 6px

}



.form-txt {

	padding-bottom: 25px;

	padding-left: 15px

}



.footer-sec .col-sm-offset-1.col-sm-4 {

	margin-left: 0;

	width: 40%

}



.form-div input:focus, .form-div textarea:focus {

	outline: 0

}



.sidenav a:hover {

	background: orange

}



.sidenav a:nth-child(2) {

	border-radius: 8px 8px 0 0

}



.sidenav a:last-child {

	border-radius: 0 0 8px 8px

}



nav.docSlider-pager {

	display: none

}



.bnr-mobile-side {

	display: flex;

	align-items: center

}



.fix-parallax-mbnr .col-sm-12 {

	display: flex;

	align-items: center

}



.bnr-mb-div1 img, .bnr-mb-div2 img, .bnr-mb-div3 img {

	width: 100%;

	margin-bottom: 10px;

	margin: auto

}



.banner-txt h1 {

	font-size: 70px;

	font-weight: 700;

	color: #fff;

	line-height: 72px

}



.banner-txt h1 span {

	color: #55a2ff

}



.banner-txt p {

	font-size: 16px;

	padding-top: 38px;

	color: #fff;

	line-height: 30px

}



.bnr-btn {

	margin-top: 35px

}



.bnr-btn a {

	font-size: 16px;

	font-weight: 700;

	color: #fff;

	text-transform: capitalize

}



.banner-txt {

	position: relative;

	top: 30px;

	z-index: 99999

}



.mb-dv-img-1 {

	height: 400px;

	background: url(../images/bnr-mobile-dumy1-inr.jpg);

	background-size: cover;

	background-repeat: no-repeat;

	background-position: top center;

	border-radius: 18px;

	position: relative;

	-webkit-animation: MoveUpDown 50s linear infinite

}



.mb-dv-img-2 {

	height: 250px

}



.mb-dv-img-3 {

	height: 450px

}



.mb-dv-1st {

	background: #55a2ff;

	height: 400px;

	margin-bottom: 25px;

	width: 90%;

	border-radius: 18px;

	overflow: hidden

}



.mb-dv-3st {

	background: #55a2ff;

	height: 400px;

	margin-bottom: 10px;

	width: 90%;

	border-radius: 18px;

	overflow: hidden

}



.mb-dv-2st {

	background: #55a2ff;

	height: 260px;

	margin-bottom: 10px;

	width: 90%;

	border-radius: 18px;

	overflow: hidden

}



.bnr-img-moving {

	position: absolute;

	z-index: -1;

	width: 100%;

	height: 100%;

	z-index: 9999

}



.bnr-img-moving img {

	position: absolute

}



img.move-img-1 {

	left: -143px;

	right: 0;

	margin: auto

}



img.move-img-2 {

	left: 0;

	top: 0;

	margin: auto;

	bottom: 0

}



img.move-img-3 {

	right: 50px;

	top: 100px

}



img.move-img-4 {

	right: 26px;

	bottom: 65px

}



@keyframes banner2_img1 {

	0% {

		transform: translateY(-1vw)

	}



	50% {

		transform: translateY(.5vw)

	}



	100% {

		transform: translateY(-1vw)

	}



}



.bnr-mobile-side ul {

	display: flex;

	width: 100%;

	padding: 0;

	list-style: none;

	align-items: center

}



.bnr-mobile-side ul li {

	width: 43%

}



.hd-txt {

	padding-bottom: 0

}



.hd-txt h2 span {

	color: #55a2ff

}



.feature-work {

	padding: 0 0 0;

	overflow: hidden

}



.fea-slide-box {

	margin: 0 0

}



.feature-work-slide-st .slick-list.draggable {

	width: 150%

}



.feature-work-slide-st .fea-slide-box img:focus {

	outline: 0

}



.fea_wrk_btn {

	position: absolute;

	left: -15px;

	bottom: 280px;

	transform: rotate(-90deg)

}



a.view_more_work_btn {

	color: #000;

	font-size: 16px;

	font-weight: 700;

	z-index: 999

}



a.view_more_work_btn:before {

	content: "";

	background-color: #55a2ff;

	width: 50px;

	height: 50px;

	bottom: -13px;

	position: absolute;

	border-radius: 50px;

	left: -20px;

	z-index: -1;

	transition-duration: .5s

}



a.view_more_work_btn:hover:before {

	width: 150%

}



a.view_more_work_btn:after {

	content: "";

	width: 16px;

	height: 16px;

	bottom: 3px;

	position: absolute;

	border-radius: 50px;

	z-index: 0;

	background-image: url(../images/plus-btn.png);

	right: -30px

}



.fea-slider .slick-dotted.slick-slider {

	margin-bottom: 0

}



.fixed-parallax.fix-parallax-fea-wrk {

	top: 0

}



.work_with_us_sec {

	background-image: url(../images/work-we-bg.jpg);

	background-repeat: no-repeat;

	background-size: cover;

	position: relative

}



.work_with_us_sec:before {

	content: "";

	background-image: url(../images/work-we-before.png);

	background-repeat: no-repeat;

	width: 689px;

	height: 178px;

	position: absolute;

	top: 0;

	left: 0

}



.work_with_us_sec:after {

	content: "";

	background-image: url(../images/work-we-after.png);

	background-repeat: no-repeat;

	width: 133px;

	height: 199px;

	position: absolute;

	bottom: 100px;

	right: 0

}



.work_with_box h2 {

	font-size: 83px;

	font-weight: 700;

	color: #222;

	position: relative

}



.work_with_box h2 b {

	font-size: 66px;

	display: table

}



.work_with_box h2 span {

	font-size: 71px;

	display: table;

	color: #222;

	margin: -15px 0 -10px

}



.work_with_box h2 strong {

	font-size: 262px;

	position: absolute;

	top: 0;

	right: -100px

}



.fix_parallax_with_wrk {

	align-content: center;

	display: grid

}



.with_wrk_boxes {

	position: relative

}



.with_wrk_boxes:after {

/*	content: "";

	background-image: url(../images/work-we-vect.png);

	background-repeat: no-repeat;

	width: 265px;

	height: 52px;

	position: absolute;

	bottom: 0;

	left: -250px*/

}



.work_with_box {

	padding: 90px 0 0

}



.work_with_box p {

	color: #222;

	font-size: 35px;

	font-weight: 700;

	padding: 15px 0 0 0

}



.work_with_box_img img {

	width: 100%

}



.button_cta .wht_btn_prent {

	margin: 50px 70px 0 0

}



img.plus_sign1 {

	position: absolute;

	right: -50px;

	top: 0;

	bottom: 0;

	margin: auto

}



img.plus_sign2 {

	position: absolute;

	right: 50px;

	top: 0;

	margin: auto

}



.work_with_box h6 {

	font-size: 24px;

	padding: 20px 0 35px 0;

	color: #222;

	line-height: 33px

}



.work-fld input {

	border-width: 2px;

	border-color: #f3f0f3;

	border-style: solid;

	border-radius: 8px;

	background-color: rgba(0, 0, 0, 0);

	width: 249px;

	height: 59px;

	font-size: 16px;

	padding: 0 10px 0 25px;

	color: #222

}



.work-fld input::placeholder {

	color: #222

}



.with_wrk_boxes .chat_ciricle {

	position: absolute;

	margin: auto;

	left: -190px;

	right: 0;

	top: auto;

	z-index: 999;

	bottom: 0

}



.button_cta {

	margin: 0 0 0 20px

}



.what_we_do_boxes a.chat_ciricle {

	position: absolute;

	bottom: 0;

	margin: auto;

	left: -120px;

	z-index: 99999

}



.what_we_do_boxes a.chat_ciricle:focus, .what_we_do_boxes a.chat_ciricle:hover {

	color: #fff

}



.what_we_do_sec {

	position: relative;

	background-image: url(../images/what-we-do-bg.png);

	background-repeat: no-repeat;

	background-position: center

}



.fix_parallax_what_we_do {

	align-items: center

}



.what_we_do_slider_btn {

	margin: 50px 0 0 20px

}



.what_we_do_slider_btn a.wht_btn:hover:before {

	width: 11.3em

}



.what_we_do_slider_btn a.wht_btn:before {

	content: "";

	background-color: #55a2ff

}



.what_we_do_slider_btn2 a.wht_btn:before {

	background-color: #fff

}



.what_we_slider_box h2 {

	font-size: 50px;

	color: #55a2ff;

	font-weight: 700;

	width: 100%;

	margin: 35px 0 0 0;

	position: relative;

	z-index: 99

}



.what_we_slider_box_img img {

	margin: -125px 0 0;

	float: right;

	right: 0

}



.what_we_slider_box p {

	width: 80%;

	margin: 8px 0 0 0

}



.what_we_do_slider .draggable {

	padding: 0 0 20px;

	width: 120%

}



.what_we_do_slider {

	margin: 0 0 0 !important

}



.fix_parallax_what_we_do .hd-txt {

	padding-bottom: 0;

	position: relative;

	top: 0

}



.what_we_do_slider .slick-dots {

	position: absolute;

	bottom: -50px;

	display: block;

	width: 50%;

	padding: 0;

	margin: 0;

	list-style: none;

	text-align: center;

	right: 0;

	bottom: 0;

	top: auto;

	height: auto;

	display: table !important

}



.what_we_do_slider .slick-dots li.slick-active button {

	background-color: #000;

	width: 12px;

	height: 12px

}



.what_we_do_slider .slick-dots li button:before {

	font-size: 0;

	line-height: 0

}



.feature_work_h, .platform_sec {

	background-image: url(../images/platform-bg.jpg);

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	position: relative;

	height: 100%

}



.platform_sec:before {

	content: "";

	background-image: url(../images/circle-plus.png);

	background-repeat: no-repeat;

	width: 101px;

	height: 101px;

	position: absolute;

	top: 150px;

	left: 200px

}



.platform_sec:after {

	content: "";

	background-image: url(../images/work-we-vect.png);

	background-repeat: no-repeat;

	width: 273px;

	height: 59px;

	position: absolute;

	bottom: 80px;

	right: 160px;

	transform: rotate(180deg)

}



.fix_parallax_platform:before {

	content: "";

	background-image: url(../images/work-we-vect2.png);

	background-repeat: no-repeat;

	width: 199px;

	height: 69px;

	position: absolute;

	bottom: -230px;

	left: -370px;

	transform: rotate(180deg);

	margin: auto;

	top: 0

}



.fix_parallax_platform {

	align-content: center;

	display: grid;

	text-align: center;

	position: relative

}



.fix_parallax_platform h2 {

	font-size: 36px;

	font-weight: 700;

	color: #000;

	margin: 0 0 20px

}



.testimonial_slide_box.testimonial_slide_box_img {

	padding: 0

}



.platform_box_img {

	margin: 50px 0 0

}



.awards-winning-img ul {

	padding: 0;

	display: flex;

	justify-content: center;

	margin: 40px 0 0

}



.awards-winning-img ul li {

	list-style: none;

	align-items: center;

	display: flex;
	margin: 10px;
    text-align: center;

}



.awards-winning-img img {

	width: 90px;

	margin: 0 0 0 27px

}



.awards-winning-img ul li:first-child img {

	width: 200px;

	margin: 0

}



.awards-winning-img ul li:nth-child(5) img {

	width: 100px

}



.awards-winning-img ul li:nth-child(6) img {

	width: 150px

}



.awards-winning-img ul li:nth-child(7) img {

	width: 130px

}



.awards-winning-img ul li:last-child img {

	width: 100px;

	filter: invert(1)

}



.copy-right-txt {

	text-align: center;

	margin: 20px 0 0

}



.copy-right-txt h4 {

	font-size: 43px;

	font-weight: 700;

	color: #222;

	margin: 0 0 20px

}



.copy-right-txt ul {

	padding: 0;

	display: flex;

	justify-content: center

}



.copy-right-txt ul li {

	margin: 0 30px 0;

	list-style: none

}



.copy-right-txt ul li a {

	color: #222;

	font-size: 20px;

	font-weight: 700;

	transition-duration: .5s

}



.copy-right-txt ul li a:hover {

	color: #55a2ff

}



.bnr-btn a.wht_btn:after {

	filter: invert(1)

}



.inner_banner {

	display: flex;

	align-items: center;

	justify-content: center;

	background-repeat: no-repeat;

	background-position: center;

	position: relative;

	z-index: 1;

	overflow: hidden;

	min-height: 970px;

	background-size: cover

}



.branding_banner {

	background-image: url(../images/banner-branding-bg.jpg)

}



.inner_banner .banner-txt h1 {

	font-size: 64px;

	line-height: 72px

}



.inner_banner img.move-img-1 {

	left: -450px;

	right: 0;

	margin: auto;

	top: -170px

}



.brand_wellness_sec {

	padding: 150px 0 70px;

	position: relative

}



.brand_wellness_sec:before {

	content: "";

	background-image: url(../images/green-bg-dots.png);

	background-repeat: no-repeat;

	width: 226px;

	height: 90px;

	position: absolute;

	bottom: 0;

	left: -80px;

	top: -80px;

	margin: auto

}



.brand_wellness_sec:after {

	content: "";

	background-image: url(../images/feature-img-af.png);

	background-repeat: no-repeat;

	width: 651px;

	height: 190px;

	position: absolute;

	top: 0;

	right: 0;

	z-index: -1

}



.brand_wellness_btn {

	margin: 50px 0 0 20px

}



.growing_followers_sec .brand_wellness_btn {

	margin: 0 0 0 20px

}



.growing_followers_sec .growing_followers_boxes2 .brand_wellness_btn {

	margin: 50px 0 0 20px

}



.growing_followers_sec .brand_wellness_box {

	padding: 0 0 0

}



.brand_wellness_box {

	padding: 30px 0 0;

	position: relative;

	z-index: 8

}



.brand_wellness_box .hd-txt h2 {
    font-size: 65px;
    padding: 0 0 40px;
}



.brand_wellness_box_img:before {

	content: "";

	background-color: #55a2ff;

	position: absolute;

	width: 38vw;

	height: 530px;

	right: 6vw;

	z-index: -1;

	top: -60px

}



.rebranding_sec {

	padding: 70px 0 0

}



.rebranding_sec .brand_wellness_box {

	padding: 0

}



.logo_brand_designing_sec {

	background-color: #14171c;

	padding: 70px 0 70px;

	margin: 70px 0 0

}



.logo_brand_designing_box .para_title {

	line-height: 30px

}



.logo_brand_designing_boxes2 {

	margin: 50px 0 0;

	float: left;

	width: 100%

}



.logo_brand_designing_box h2 {

	padding: 0 0 40px

}



.logo_brand_designing_box {

	padding: 30px 0 0

}



.start_brand_sec {

	padding: 70px 0 40px;

	position: relative;

	z-index: 0

}



.start_brand_sec:before {

	content: "";

	background-image: url(../images/green-bg-dots.png);

	background-repeat: no-repeat;

	width: 226px;

	height: 90px;

	position: absolute;

	bottom: 0;

	left: -80px;

	top: -80px;

	margin: auto;

	z-index: -1

}



.start_brand_sec:after {

	content: "";

	background-image: url(../images/green-bg-dots.png);

	background-repeat: no-repeat;

	width: 226px;

	height: 90px;

	position: absolute;

	bottom: 200px;

	right: 0;

	z-index: -1

}



.start_brand_sec .hd-txt h2 {

	text-align: center

}



.start_brand_box_icon img {

	filter: brightness(0)

}



.start_brand_box_icon {

	height: 120px;

	display: grid;

	align-items: center

}



.start_brand_box {

	width: 100%;

	margin: 0 auto 30px;

	background-color: #55a2ff;

	min-height: 260px;

	align-items: center;

	display: grid;

	padding: 10px 20px 10px;

	transition-duration: .5s

}



.start_brand_box:hover {

	background-color: #000

}



.start_brand_box:hover .start_brand_box_icon img {
    filter: brightness(100);
}



.start_brand_box h3 {

	color: #222;

	font-size: 16px;

	font-weight: 700

}



.start_brand_box p {

	color: #222;

	font-size: 12px;

	font-weight: 400

}



.start_brand_box:hover p {

	color: #fff

}



.start_brand_box:hover h3 {

	color: #55a2ff

}



.start_brand_boxes {

	padding: 40px 0 0

}



.we_work_sec {

	background: linear-gradient(to right, #00020e, #01214d);

	padding: 70px 0 40px;

	position: relative

}



.we_work_sec:before {

	content: "";

	background-image: url(../images/green-bg-dots.png);

	background-repeat: no-repeat;

	width: 226px;

	height: 90px;

	position: absolute;

	bottom: 0;

	left: -80px;

	top: -80px;

	margin: auto

}



.we_work_sec:after {

	content: "";

	background-image: url(../images/green-bg-dots.png);

	background-repeat: no-repeat;

	width: 226px;

	height: 90px;

	position: absolute;

	bottom: 200px;

	right: 0

}



.we_work_box {

	float: left;

	width: 50%

}



.we_work_boxes {

margin: 0 0 30px;

display: table;

border-bottom: 1px solid #fff;

padding: 30px 0px 30px;
}



.we_work_box1 {

	display: flex

}



.we_work_box1 h3 {

	color: #062355;

	font-size: 115px;

	font-weight: 700;

	width: 160px

}



.we_work_box1 h4 {

	color: #55a2ff;

	font-size: 50px;

	font-weight: 700;

	vertical-align: middle;

	display: grid;

	align-items: center;

	margin: 0 10px 0

}



.we_work_box2 {

	align-items: center

}



.we_work_box p {

	margin: 0;

	padding: 0 0 0;

	font-size: 16px

}



.what_we_slider_box_chat .chat_blk {

	color: #000;

	border: 2px solid #55a2ff

}



.head_top .what_we_slider_box_chat .chat_blk {

	color: #fff;

	border: 2px solid #55a2ff

}



.head_top .what_we_slider_box_chat .chat_blk:hover {

	color: #fff

}



.digital_m_banner {

	background-image: url(../images/banner-digital-m-bg.jpg)

}



.comprehensive_sec {

	padding: 70px 0 0

}



.comprehensive_sec .brand_wellness_box .hd-txt h2 {

	font-size: 50px;

	padding: 0 0 20px;

	line-height: 55px

}



.comprehensive_sec .brand_wellness_box {

	padding: 30px 0 0;

	align-content: center;

	display: grid;

	height: 450px

}



.seo_bk_sec {

	padding: 70px 0 70px;

	position: relative;

	z-index: 0

}



.seo_bk_sec:before {

	content: "";

	background-image: url(../images/green-bg-dots.png);

	background-repeat: no-repeat;

	width: 226px;

	height: 90px;

	position: absolute;

	bottom: 0;

	left: -80px;

	top: -80px;

	margin: auto

}



.seo_bk_sec:after {

	content: "";

	background-image: url(../images/green-bg-dots.png);

	background-repeat: no-repeat;

	width: 226px;

	height: 90px;

	position: absolute;

	bottom: 200px;

	right: 0;

	z-index: -1

}



.seo_bk_sec .logo_brand_designing_box {

	padding: 0 0 0;

	min-height: 500px;

	align-content: center;

	display: grid

}



.seo_bk_btn {

	margin: 50px 0 0 20px

}



.seo_bk_btn a.wht_btn:before {

	background-color: #55a2ff

}



.seo_bk_btn a.wht_btn {

	color: #fff

}



.seo_bk_btn a.wht_btn:after {

	filter: invert(1)

}



.seo_bk_sec h2 {

	font-size: 50px;

	padding: 0 0 20px;

	line-height: 55px

}



section.feature-work.feature_work_inner {

	padding: 0 0 130px

}



.feature_work_inner .fixed-parallax.fix-parallax-fea-wrk {

	top: 60px !important

}



.feature_work_inner .parallax-slide {

	height: auto

}



.domain_hosting_banner {

	background-image: url(../images/banner-domain-hosting-bg.jpg)

}



.growing_followers_sec .brand_wellness_box_img:before {

	display: none

}



.growing_followers_sec {

	position: relative;

	padding: 70px 0 70px;

	margin: 70px 0 0

}



.growing_followers_sec:after {

	content: "";

	background-image: url(../images/vec-img-g-line.png);

	background-repeat: no-repeat;

	width: 653px;

	height: 190px;

	position: absolute;

	top: -80px;

	right: 0;

	z-index: -1

}



.growing_followers_sec .row:before {

	content: "";

	background-color: #55a2ff;

	position: absolute;

	width: 68vw;

	height: 100%;

	right: 4vw;

	top: 0;

	bottom: 0

}



.growing_followers_boxes2 {

	padding: 70px 0 0;

	display: table

}



.growing_followers_boxes2 .green_btn:before {

	background-color: #fff

}



.business_emails_sec .logo_brand_designing_box h2 {
    padding: 0 0 20px;
    font-size: 56px;
}



.business_emails_sec .logo_brand_designing_boxes2 {

	display: flex;

	flex-direction: row-reverse

}



.testimonials_inner_sec .fix_parallax_testimonails_inner {

	padding: 0

}



.testimonials_inner_sec .parallax-slide {

	position: relative;

	height: auto

}



.testimonials_inner_sec {

	padding: 70px 0 70px

}



.feature-work-slide-st .slick-list.draggable {

	width: 130%

}



.fea-slide-box img:hover {

	transform: matrix3d(1, 0, 0, -.001, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);

	-webkit-transform: matrix3d(1, 0, 0, -.001, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);

	-moz-transform: matrix3d(1, 0, 0, -.001, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);

	-o-transform: matrix3d(1, 0, 0, -.001, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);

	-ms-transform: matrix3d(1, 0, 0, -.001, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);

	display: inline-block

}



.fea-slider .slick-dots {

	position: absolute;

	bottom: -50px;

	display: block;

	width: 100%;

	padding: 0;

	margin: 0;

	list-style: none;

	text-align: center;

	display: none

}



.fea-slider .slick-dots li.slick-active button {

	background-color: #55a2ff

}



.fea-slider .slick-dots li button:before {

	font-size: 0;

	line-height: 0

}



.fea-slider .slick-dots li button {

	background-color: #222;

	border-radius: 50px;

	width: 10px;

	height: 10px

}



.ecommerce_banner {

	background-image: url(../images/banner-ecommerce-bg.jpg)

}



.ecommerce_web_app_sec .logo_brand_designing_boxes2 {

margin: 90px 0 0;
}



.ecommerce_web_app_sec .logo_brand_designing_box {

	padding: 0 0 0

}



.webdesign_banner {

	background-image: url(../images/banner-webdesign-bg.jpg)

}



.we_work_boxes .col-sm-12 {
    padding: 0;
    display: flex;
    /* justify-content: center; */
    align-items: center;
}



.we_work_boxes {

margin: 0px 0 1px;
}



.web_mantainance_sec {

	padding: 130px 0 0;

	position: relative

}



.web_mantainance_sec .brand_wellness_box .hd-txt h2 {

	font-size: 40px;

	padding: 0 0 20px

}



.web_mantainance_sec2 .brand_wellness_box {

	padding: 40px 0 0

}



.web_mantainance_sec .brand_wellness_btn {

	margin: 40px 0 0 20px

}



.web_mantainance_sec .brand_wellness_box_img img, .web_mantainance_sec .brand_wellness_box_img2 img {

	width: 100%

}



.web_mantainance_sec .brand_wellness_box_img:before {

	content: "";

	background-color: #e9f2ff;

	position: absolute;

	width: 38vw;

	height: 470px;

	right: 6vw;

	z-index: -1;

	top: -60px

}



.web_mantainance_sec2 {

	margin: 100px 0 0

}



.web_maintenance_pge .start_brand_box:hover .web_maintenance_pge .start_brand_box_icon img {

	filter: none

}



.protfolio_banner {

	background-image: url(../images/banner-portfolio-bg.jpg)

}



.inner_banner.protfolio_banner .banner-txt {

	top: -60px

}



.bnr_text_port h3 {

	font-size: 18px;

	color: #fff

}



.bnr_text_port h3 span {

	display: table;

	color: #55a2ff;

	font-size: 46px;

	font-weight: 700;

	margin: 10px 0 10px

}



.bnr_text_port {

	position: relative;

	top: 20px

}



.portfolio_sec {

	margin: 0 0 -650px

}



.portfolio_tab_box {

	font-size: 12px;

	background-color: #161616;

	color: #fff;

	margin: 0 10px 0 0;

	text-align: center;

	font-weight: 700;

	padding: 10px 0;

	border-radius: 50px;

	cursor: pointer

}



.slick-current.slick-active .portfolio_tab_box {

	font-size: 12px;

	background-color: #55a2ff;

	color: #222

}



.portfolio_for_tab {

	margin: -280px 0 0 130px;

	z-index: 9999;

	position: relative

}



.portfolio_for_tab .slick-next, .portfolio_for_tab .slick-prev {

	font-size: 0;

	line-height: 0;

	position: absolute;

	top: auto;

	display: block;

	width: 45px;

	height: 38px;

	padding: 0;

	-webkit-transform: translate(0, -50%);

	-ms-transform: translate(0, -50%);

	transform: translate(0, -50%);

	cursor: pointer;

	color: transparent;

	border: none;

	outline: 0;

	background: #55a2ff;

	bottom: -19px;

	z-index: 999999;

	transition-duration: .5s

}



.portfolio_for_tab .slick-next:hover, .portfolio_for_tab .slick-prev:hover {

	background: #161616

}



.portfolio_for_tab .slick-next {

	right: 448px;

	border-radius: 0 50px 50px 0

}



.portfolio_for_tab .slick-prev {

	right: 495px;

	left: inherit;

	border-radius: 50px 0 0 50px

}



.portfolio_for_tab .slick-next:before, .portfolio_for_tab .slick-prev:before {

	font-family: slick;

	font-size: 26px;

	line-height: 1;

	opacity: 1;

	color: #222;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale

}



.portfolio_for_tab .slick-next:hover:before, .portfolio_for_tab .slick-prev:hover:before {

	color: #fff

}



.portfolio_slider_box2 {

	top: -800px;

	position: relative;

	z-index: 1;

	left: 40px

}



.portfolio_img_box img {

	width: 100%;

	transition: .5s

}



.portfolio_img_box {

	margin: 0 0 30px

}



.portfolio_slider_box1 {

	position: relative;

	top: -180px;

	z-index: 1

}



.portfolio_sec .slick-slide.slick-current.slick-active {

	opacity: 1 !important

}



.portfolio_img_box a {

	position: relative;

	transition-duration: .5s;

	overflow: hidden;

	width: 100%;

	display: block;

	z-index: 0

}



.portfolio_img_box a:after, .portfolio_img_box a:before {

	transition-duration: .5s

}



.banner_aboutus {

	background-image: url(../images/banner-about-bg.jpg)

}



.building_great_websites {

	padding: 70px 0 70px;

	background-color: #f2f2f2;

	margin: 0 0 -70px

}



.building_great_websites .brand_wellness_btn {

	margin: 70px 0 -90px 20px

}



.building_great_websites .green_btn {

	color: #000;

	font-size: 30px;

	font-weight: 700;

	z-index: 999;

	transition-duration: .5s

}



.building_great_websites .green_btn:hover:before {

	width: 135%

}



.building_great_websites .green_btn:before {

	content: "";

	background-color: #55a2ff;

	width: 70px;

	height: 70px;

	bottom: -13px;

	position: absolute;

	border-radius: 50px;

	left: -20px;

	z-index: -1

}



.building_great_websites .green_btn:after {

	content: "";

	width: 30px;

	height: 30px;

	bottom: 4px;

	position: absolute;

	border-radius: 50px;

	z-index: 0;

	background-image: url(../images/port-plus.png);

	right: -50px;

	filter: brightness(0);

	background-size: 90%;

	background-repeat: no-repeat

}



.value_beliefs_sec {

	padding: 70px 0 70px;

	margin: 70px 0 0

}



.value_beliefs_box_text h3 {

	color: #222;

	font-size: 30px;

	font-weight: 700;

	margin: 0 0 15px

}



.value_beliefs_box_text p {

	color: #222;

	font-size: 16px;

	margin: 0 0 15px

}



.value_beliefs_box_text {

	margin: 0 0 50px

}



.value_beliefs_box_tex_boxes {

	height: 420px;

	overflow-y: auto;

	padding: 0 1px 0 0

}



.value_beliefs_box_tex_boxes::-webkit-scrollbar {

	width: 10px;

	height: 5px;

	background-color: #f2f2f2;

	border-radius: 50px

}



.value_beliefs_box_tex_boxes::-webkit-scrollbar-thumb {

	background: #a9a9a9;

	border-radius: 50px

}



.value_beliefs_box {

	height: 420px;

	align-content: center;

	display: grid

}



.value_beliefs_box .hd-txt {

	padding-bottom: 0

}



.awrd_wining_sec {

	background-image: url(../images/awards-winning-bg.png);

	background-repeat: no-repeat;

	background-size: cover;

	padding: 70px 0 70px

}



.awrd_wining_box1 {

	display: table;

	justify-content: center;

	margin: 20px auto 0

}



.awrd_wining_box1 img {

	margin: 0 20px

}



.awrd_wining_box2 {

	margin: 30px auto 0

}



.awrd_wining_box2 img {

	margin: auto;

	display: table

}



.studio_view_slider_box img {

	width: 95%

}



.studio_views_slider {

	width: 130%

}



.studio_views_slider .slick-dots {

	position: absolute;

	bottom: -50px;

	display: block;

	width: 100%;

	padding: 0;

	margin: 0;

	list-style: none;

	text-align: center

}



.studio_views_slider .slick-dots li.slick-active button {

	background-color: #55a2ff

}



.studio_views_slider .slick-dots li button:before {

	font-size: 0;

	line-height: 0

}



.studio_views_slider .slick-dots li button {

	background-color: #222;

	border-radius: 50px;

	width: 10px;

	height: 10px

}



section.studio_views_sec {

	padding: 70px 0 70px

}



.studio_views_box .hd-txt {

	padding-bottom: 0

}



.brand_wellness_btn {

	margin: 50px 0 0 20px

}



.feature-work .parallax-slide .hd-txt {

	padding-bottom: 20px

}



.banner_aboutus .row .col-sm-12 {

	display: flex;

	align-items: center

}



.banner_contact {

	background-image: url(../images/banner-contact-bg.jpg)

}



.banner_contact .banner-txt p {

	padding: 20px 0 0

}



.contact_form_banner {

	margin: 20px 0 0;

	width: 80%

}



.contact_form_box {

	padding: 0 0 0

}



.contact_form_box input {

	padding: 0 10px 0;

	display: table;

	margin: 0 0 15px;

	height: 50px;

	width: 100%;

	background-color: #efefef;

	border: none;

	border-radius: 5px

}



.contact_form_box input:focus {

	outline: 0;

	border-bottom: 2px solid #9a8c8c

}



.contact_form_box textarea {

	padding: 15px 10px 0;

	display: table;

	margin: 0 0 15px;

	height: 100px;

	width: 100%;

	background-color: #efefef;

	border: none;

	border-radius: 5px

}



.inner_banner.banner_contact .banner_img img {

	width: 100%;

	margin: 60px 0 0

}



.banner_contact .green_btn_prent {

	position: relative;

	display: inline-flex;

	margin: 20px 0 0

}



.banner_contact .green_btn {

	font-size: 20px;

	font-weight: 700;

	z-index: 999

}



.banner_contact .green_btn:before {

	content: "";

	background-color: #00ff98;

	width: 50px;

	height: 50px;

	bottom: -9px;

	position: absolute;

	border-radius: 50px;

	left: -20px;

	z-index: -1

}



.banner_contact .green_btn:hover:before {

	width: 185%

}



.banner_contact .green_btn:after {

	content: "";

	width: 16px;

	height: 16px;

	bottom: 5px;

	position: absolute;

	border-radius: 50px;

	z-index: 0;

	background-image: url(../images/plus-btn.png);

	right: -30px;

	filter: invert()

}



.banner_contact .green_btn input {

	border: none;

	background-color: transparent;

	color: #fff

}



.contactus_sec {

	background-color: #efefef;

	padding: 70px 0 70px

}



.contact_sec_box h3 {

	font-size: 40px;

	font-weight: 700;

	color: #000;

	margin: 0 0 15px

}



.contact_sec_box p {

	font-size: 20px;

	color: #696969;

	margin: 0 0 20px;

	min-height: 70px

}



.contact_sec_box a {

	font-size: 16px;

	font-weight: 600;

	color: #1a1a1a;

	margin: 0 0 15px;

	text-decoration: underline

}



.studio_views_box {

	padding: 60px 0 0

}



.banner_aboutus .banner_img img {

	width: 100%

}



.banner_aboutus .banner-txt {

	position: relative;

	top: 10px

}



.animated1 {

	-animation-delay: 20s;

	-webkit-animation-delay: 20s;

	-moz-animation-delay: 20s

}



.banner_chat .chat_ciricle span {

	-webkit-animation: color-change 1s infinite;

	-moz-animation: color-change 1s infinite;

	-o-animation: color-change 1s infinite;

	-ms-animation: color-change 1s infinite;

	animation: color-change 1s infinite

}



@-webkit-keyframes color-change {

	0% {

		color: #000

	}



	50% {

		color: #fff

	}



	100% {

		color: #000

	}



}



@-moz-keyframes color-change {

	0% {

		color: #000

	}



	50% {

		color: #fff

	}



	100% {

		color: #000

	}



}



@-ms-keyframes color-change {

	0% {

		color: #000

	}



	50% {

		color: #fff

	}



	100% {

		color: #000

	}



}



@-o-keyframes color-change {

	0% {

		color: #000

	}



	50% {

		color: #fff

	}



	100% {

		color: #000

	}



}



@keyframes color-change {

	0% {

		color: #000

	}



	50% {

		color: #fff

	}



	100% {

		color: #000

	}



}



.head_top a.chat_ciricle.chat_blk {

	-webkit-animation: background-color-change 1s infinite;

	-moz-animation: background-color-change 1s infinite;

	-o-animation: background-color-change 1s infinite;

	-ms-animation: background-color-change 1s infinite;

	animation: background-color-change 1s infinite

}



@-webkit-keyframes background-color-change {

	0% {

		background-color: #55a2ff

	}



	50% {

		background-color: #000

	}



	100% {

		background-color: #55a2ff

	}



}



@-moz-keyframes background-color-change {

	0% {

		background-color: #55a2ff

	}



	50% {

		background-color: #000

	}



	100% {

		background-color: #55a2ff

	}



}



@-ms-keyframes background-color-change {

	0% {

		background-color: #55a2ff

	}



	50% {

		background-color: #000

	}



	100% {

		background-color: #55a2ff

	}



}



@-o-keyframes background-color-change {

	0% {

		background-color: #55a2ff

	}



	50% {

		background-color: #000

	}



	100% {

		background-color: #55a2ff

	}



}



@keyframes background-color-change {

	0% {

		background-color: #55a2ff

	}



	50% {

		background-color: #000

	}



	100% {

		background-color: #55a2ff

	}



}



.screen {

	display: block;

	width: 300px;

	overflow: hidden;

	position: relative;

	border-radius: 1px;

	margin: 0 auto;

	height: 430px;

	z-index: 1

}



.screen img {

	top: 0;

	width: 100%;

	height: auto;

	position: absolute;

	z-index: 0;

	margin: 0;

	padding: 0;

	-webkit-transition: bottom 11s;

	-moz-transition: bottom 11s;

	-ms-transition: bottom 11s;

	-o-transition: bottom 11s;

	transition: top 11s

}



.hero_banner:hover .screen img {

	top: -800px;

	-webkit-transition: all 11s;

	-moz-transition: all 11s;

	-ms-transition: all 11s;

	-o-transition: all 11s;

	transition: all 11s

}



.hero_banner:hover .mb-dv-1st.screen img {

	top: -525px

}



* {

	box-sizing: border-box

}



@keyframes animatedBackground_dots {

	from {

		background-position: 0 -100%

	}



	to {

		background-position: 100% 0

	}



}



.move_dots {

	animation: animatedBackground_dots 150s linear infinite;

	position: absolute;

	left: 0;

	background-image: url(../images/banner-dots-1.png);

	background-repeat: repeat;

	width: 500%;

	height: 788px;

	top: 30px;

	z-index: 999

}



.move-img-2 {

	animation: move-img-2 5s infinite;

	animation-timing-function: linear;

	z-index: 999

}



@keyframes move-img-2 {

	0% {

		transform: translateY(-1vw)

	}



	50% {

		transform: translateY(.5vw)

	}



	100% {

		transform: translateY(-1vw)

	}



}



.move-img-4 {

	animation: move-img-4 5s infinite;

	animation-timing-function: linear

}



@keyframes move-img-4 {

	0% {

		transform: translateY(1vw)

	}



	50% {

		transform: translateY(-1vw)

	}



	100% {

		transform: translateY(1vw)

	}



}



.move-img-3, .plus_sign1 {

	-webkit-animation: move-img-3 7s infinite linear

}



@-webkit-keyframes move-img-3 {

	from {

		-webkit-transform: rotate(0)

	}



	to {

		-webkit-transform: rotate(359deg)

	}



}



.plus_sign2 {

	-webkit-animation: plus_sign2 7s infinite linear

}



@-webkit-keyframes plus_sign2 {

	from {

		-webkit-transform: rotate(359deg)

	}



	to {

		-webkit-transform: rotate(0)

	}



}



.mb-dv-1st {

	height: 400px;

	margin-bottom: 35px;

	width: 85%;

	border-radius: 18px

}



.mb-dv-3st {

	height: 340px;

	margin-bottom: 10px;

	width: 85%;

	border-radius: 18px;

	overflow: hidden

}



.mb-dv-2st {

	height: 180px;

	margin-bottom: 10px;

	width: 85%;

	border-radius: 18px;

	overflow: hidden

}



.hero_banner .banner-txt h1 {

	line-height: 82px

}



.what_we_do_slider .slick-dots {

	position: absolute;

	bottom: 0;

	display: block;

	width: 100%;

	padding: 0;

	margin: 0;

	list-style: none;

	text-align: center

}



.what_we_do_slider .slick-dots li.slick-active button {

	background-color: #55a2ff;

	border: none

}



.what_we_do_slider .slick-dots li button:before {

	font-size: 0;

	line-height: 0

}



.what_we_do_slider .slick-dots li button {

	background-color: #222;

	background: transparent none repeat scroll 0 0;

	border: 2px solid #222;

	border-radius: 10px;

	height: 10px;

	width: 26px

}



.platform_1 {

	margin: 10px 0 0;

	display: flex;

	align-items: center

}



.wht_btn_prent.chat_pr {

	margin: 0 0 0 75px

}



.bnr-btn .wht_btn_prent.chat_pr {

	margin: 0 0 0 85px

}



.what_we_do_slider_btn .chat_pr a.wht_btn:hover:before {

	width: 9.1em

}



.fot_cta .wht_btn_prent {

	display: table;

	margin: 40px 0 0 20px

}



.fot_cta .wht_btn_prent:first-child .green_btn:hover:before {

	width: 12.3em !important

}



.fot_cta .wht_btn_prent:last-child .green_btn:hover:before {

	width: 18.3em

}



.fea-slide-box img {

	width: 80%

}



.pricing-sec {

	padding: 70px 0 30px

}



.pricing-custom {

	padding: 50px 70px 30px 30px;

	border-radius: 14px;

	background-color: #490b3d

}



.pricing-custom h4 {

	font-size: 20px;

	color: #fff;

	font-weight: 500;

	margin: 0 0 15px 0

}



section.pricing-sec .tab-content .pri-text {

	padding-left: 20px

}



.pricing-custom h2 {

	font-size: 36px;

	color: #fff;

	font-weight: 700;

	margin: 0 0 25px 0

}



.pricing-custom p {

	font-size: 13px;

	font-weight: 400;

	color: #fff;

	margin-bottom: 50px

}



.price-box {

	text-align: end;

	margin-right: -45px

}



.pric-img {

	text-align: center

}



.pri-text h4 {

	font-size: 20px;

	font-weight: 500;

	color: #1b1b1b;

	margin: 0 0 15px 0

}



.pri-text h2 {

	font-size: 36px;

	font-weight: 700;

	color: #1b1b1b;

	margin: 0 0 10px 0

}



.price-main {

	padding: 40px 15px 30px;

	border-radius: 14px;

	position: relative;

	margin: 0 14px 45px;

	min-height: 500px;

	background-color: #fff;

	box-shadow: 0 11px 20px 0 rgb(0 0 0 / 6%)

}



.price-main-box {

	display: flex;

	align-items: center;

	justify-content: space-between

}



.pri-ht-main h3 {

	margin: 0 0 10px 0;

	font-size: 20px;

	font-weight: 700;

	color: #1b1b1b

}



.pri-ht-main p {

	font-size: 16px;

	font-weight: 500;

	color: #1b1b1b;

	margin: 0 0 35px 0

}



.price-rupee-main h3 {

	margin: 0 0 10px 0;

	font-size: 32px;

	font-weight: 700;

	color: #55a2ff

}



.price-rupee-main p {

	font-size: 16px;

	font-weight: 400;

	color: #1b1b1b;

	margin: 0 0 40px 0;

	text-align: end

}



.pric-list ul {

	padding: 0

}



.pric-list ul li {

	list-style: none;

	font-size: 15px;

	font-weight: 500;

	line-height: 22px;

	margin-bottom: 20px

}



.price-btn a.pri-btn {

	font-size: 13px;

	color: #fff;

	font-weight: 400;

	background-color: #222;

	padding: 12px 15px;

	border-radius: 50px

}



.price-btn {

	text-align: center;

	margin-top: 40px

}



.price-btn img {

	margin-left: 10px;

	display: inline-block;

	filter: brightness(100)

}



.price-main:hover {

	background-color: #14171c;

	border-radius: 14px

}



.price-slider-st .slick-slide {

	padding: 0 0 40px

}



.price-main:before {

	content: '';

	height: 100%;

	width: 100%;

	position: absolute;

	z-index: -1;

	left: 10px;

	top: 18px;

	border-radius: 14px;

	bottom: 0;

	border: 1px solid #939393;

	border-style: dashed

}



.price-main:hover h3 {

	color: #55a2ff

}



.price-main:hover p {

	color: #fff

}



.price-main:hover li {

	color: #fff

}



.price-main:hover a.pri-btn {

	background-color: #fff;

	color: #55a2ff;

	font-weight: 600

}



.price-main ul {

	overflow-x: hidden;

	overflow-y: scroll;

	height: 300px

}



.price-main ul::-webkit-scrollbar {

	width: 8px

}



.price-main ul::-webkit-scrollbar-track {

	box-shadow: inset 0 0 5px grey;

	border-radius: 10px

}



.price-main ul::-webkit-scrollbar-thumb {

	background: #14171c;

	border-radius: 10px

}



.price-main:hover ul::-webkit-scrollbar-thumb {

	background-color: #fff

}



.pric-bottom {

	padding-bottom: 30px

}



.price-slider .slick-next:before {

	content: "\f18e";

	font: normal normal normal 14px/1 FontAwesome;

	font-size: 23px;

	opacity: .75;

	color: #000;

	font-weight: 800;

	font-size: 35px;

	font-weight: 400;

	color: #490b3d;

	right: 30px

}



, .slick-prev:before {

	display: none

}



.price-main:hover a.pri-btn img {

	filter: inherit

}



.price-box .ser-btn {

	background: #fff;

	padding: 12px 15px;

	border-radius: 50px

}



.price-box .ser-btn img {

	margin-left: 10px

}



.price-combo-pck {

	padding: 50px 0;

	background: url(../images/price-combo-bg2.html);

	background-size: cover;

	background-position: bottom;

	background-repeat: no-repeat

}



.price-cmb-bx {

	background: url(../images/price-combo-bg.html);

	background-size: cover;

	background-position: center;

	background-repeat: no-repeat;

	border-radius: 10px;

	background: #f2f2f2;

	padding-top: 40px

}



.cmb-txt-hd {

	background: #55a2ff;

	color: #fff;

	padding: 16px 20px;

	border-radius: 10px 10px 0 0;

	position: relative;

	border-radius: 0

}



.cmb-txt-para {

	background: #122540;

	color: #fff;

	padding: 15px 20px

}



.cmb-list-st {

	display: flex;

	padding-bottom: 25px;

	background: #f2f2f2

}



.cmb-list-st ul li {

	color: #434242;

	line-height: 25px

}



.cmb-list-st ul h4 {

	color: #222;

	font-size: 18px;

	padding: 10px 0

}



.cmb-list-st ul h5 {

	color: #fff;

	padding: 20px 0;

	font-size: 14px

}



ul.cmb-ul-st-1, ul.cmb-ul-st-2 {

	width: 37%;

	padding-top: 15px

}



.cmb-list-st ul h5 span {

	background: #e01216;

	padding: 6px 9px;

	font-size: 20px

}



.cmb-list-st ul {

	list-style: none;

	padding-left: 25px;

	margin: 0

}



.cmb-list-st ul li {

	padding-left: 15px

}



.cmb-list-st ul h4 i {

	margin-right: 5px;

	color: #222

}



.cmb-list-st ul li i {

	color: #222;

	margin-right: 5px

}



ul.cmb-ul-st-3 {

	text-align: right

}



ul.cmb-ul-st-3 img {

	width: 100%;

	margin: 0 auto;

	display: table;

	text-align: center;

	position: relative;

	top: -118px

}



.price-cmb-st {

	padding-right: 35px;

	margin-top: -30px

}



.price-cmb-st h3 {

	color: #000;

	font-size: 25px;

	font-weight: 700

}



.price-cmb-st p {

	font-size: 14px;

	color: #000

}



.price-cmb-st h2 {

	font-size: 50px;

	font-weight: 700;

	color: #55a2ff;

	padding-top: 7px

}



ul.cmb-ul-st-3 .price-cmb-st h5 {

	font-size: 14px;

	text-transform: uppercase;

	color: #fefe17;

	padding: 0;

	margin-bottom: 30px

}



.cmb-ul-st-3 a {

	margin: 0

}



.ordr-btn {

	padding: 10px 25px;

	background: #fff;

	color: #530707;

	font-size: 16px;

	font-weight: 700;

	margin-right: 20px;

	border-radius: 60px;

	text-transform: capitalize

}



.cmb-txt-hd:before {

	content: '';

	background: #f2f2f2;

	position: absolute;

	right: 0;

	bottom: 0;

	top: 0;

	width: 155px

}



.price-nav-tb ul {

	border: 0;

	text-align: center;

	margin: 0 auto;

	display: flex;

	justify-content: center;

	width: auto

}



.price-nav-tb ul li a {

	border: 0;

	background: 0 0 !important;

	font-size: 13px;

	color: #ffe;

	font-weight: 700;

	transition: all .3s ease-in-out;

	padding: 10px 10px

}



.price-nav-tb ul li {

	border-right: 1px solid

}



.price-nav-tb ul li a:hover, .price-nav-tb ul li.active a, .price-nav-tb ul li.active a:focus, .price-nav-tb ul li.active a:hover {

	border: 0;

	font-weight: 700;

	color: #55a2ff;

	background: 0 0 !important

}



.price-nav-tb {

	background: #222;

	padding: 15px 0;

	margin-bottom: 20px

}



.price-nav-tb ul li:last-child {

	border: 0

}



.price-btn.what_we_do_slider_btn {

	margin: 40px 0 0 -37px

}



.price-main:hover .price-btn.what_we_do_slider_btn a.wht_btn {

	color: #fff

}



.price-main .price-btn.what_we_do_slider_btn a.wht_btn:hover {

	color: #000

}



.price-main .what_we_do_slider_btn a.wht_btn:hover:before {

	width: 9.1em

}



.price-main .what_we_do_slider_btn a.wht_btn.chat_btnn:hover:before {

	width: 8em

}



.price-main .wht_btn_prent.chat_pr {

	margin: 0 0 0 55px

}



.price-main a.wht_btn:before {

	width: 43px;

	height: 43px;

	bottom: -10.1px;

	position: absolute;

	border-radius: 50px;

	left: -15px;

	z-index: -1;

	transition-duration: .5s

}



.price-main:hover .price-btn.what_we_do_slider_btn a.wht_btn::after {

	filter: invert(1)

}



.price-main .price-btn.what_we_do_slider_btn a.wht_btn:hover::after {

	filter: inherit

}



.price-main a.wht_btn {

	cursor: pointer

}



.price-cmb-st a.wht_btn:before {

	content: "";

	background-color: #55a2ff

}



.price-cmb-st a.wht_btn:hover:before {

	width: 12.5em

}



.work_with_box_img img {

	animation: pulse 2s infinite;

	animation-timing-function: linear

}



@keyframes pulse {

	0% {

		transform: scale(1)

	}



	50% {

		transform: scale(1.1)

	}



	100% {

		transform: scale(1)

	}



}



.pricing_m_banner {

	background-image: url(../images/banner-pricing-bg.jpg)

}



.pricing_m_banner .banner-txt {

	position: relative;

	top: 90px

}



.cmb-txt-hd h2 {

	color: #222;

	font-weight: 700

}



.cmb-txt-hd p {

	color: #222

}



.foot_social {

	display: flex;

	margin: 30px 0 0

}



.foot_social a {

	width: 40px;

	height: 40px;

	background-color: #222;

	display: grid;

	align-items: center;

	text-align: center;

	margin: 0 10px 0 0;

	border-radius: 50px;

	transition-duration: .5s

}



.foot_social a i {

	color: #fff;

	font-size: 19px

}



.foot_social a:hover {

	background-color: #55a2ff

}



.foot_social a:hover i {

	color: #222

}



.bnr-btn {

	margin-top: 35px;

	margin: 40px 0 0 20px

}



.fea-slider {

	margin: 50px 0 0

}



.hero_banner:hover .mb-dv-3st img {

	top: -290px

}



.webdesign_banner .banner-txt {

	position: relative;

	top: 150px

}



.ecommerce_banner .banner-txt {

	top: 100px

}



.web_maintenance_banner .banner-txt {

	top: 100px

}



.digital_m_banner .banner-txt {

	top: 100px

}



. #return-to-top {

	position: fixed;

	bottom: 20px;

	right: 20px;

	background: #000;

	background: rgba(0, 0, 0, .7);

	width: 50px;

	height: 50px;

	display: block;

	text-decoration: none;

	-webkit-border-radius: 35px;

	-moz-border-radius: 35px;

	border-radius: 35px;

	display: none;

	-webkit-transition: all .3s linear;

	-moz-transition: all .3s ease;

	-ms-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

	z-index: 9999999

}



.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: 5px

}



.web_design_web_mantainance_sec {

	padding: 130px 0 60px

}



.site_security .logo_brand_designing_box h2 {

	padding: 0 0 40px;

	font-size: 50px

}



.content-pg {

	background-color: #f3f3f3;

	padding: 10px 0 70px

}



h3.content-head {

	font-size: 34px;

	font-weight: 700;

	margin: 50px 0 15px;

	color: #222

}



.content-text p {

	color: #222;

	font-size: 16px;

	line-height: 24px

}



.content-text a {

	color: #222;

	font-size: 16px;

	line-height: 24px;

	text-decoration: underline

}



.business_emails_sec .logo_brand_designing_boxes2slider {

	display: inherit;

	flex-direction: inherit

}



.business_emails_sec .logo_brand_designing_boxes2slider .logo_brand_designing_box {

	padding: 100px 0 0

}



.ecom_platf_slider img {

	width: 100%

}



.ecom_platf_slider .slick-dots {

	position: absolute;

	bottom: -50px;

	display: block;

	width: 100%;

	padding: 0;

	margin: 0;

	list-style: none;

	text-align: center

}



.ecom_platf_slider .slick-dots li.slick-active button {

	background-color: #55a2ff

}



.ecom_platf_slider .slick-dots li button:before {

	font-size: 0;

	line-height: 0

}



.ecom_platf_slider .slick-dots li button {

	background-color: #222;

	border-radius: 50px;

	width: 10px;

	height: 10px

}



.feature_work_branding .fea-slide-box {

	position: relative;

	transition-duration: .5s

}



.feature_work_branding .slick-list.draggable {

	padding: 30px 40px 60px

}



.fea_branding_img1_box:hover .fea_branding_img1 {

	transform: scale(1);

	transition-duration: .5s

}



.fea_branding_img1 {

	position: absolute !important;

	top: 39px;

	width: auto !important;

	transform: scale(.8);

	left: 10px;

	transition-duration: .5s

}



.fea_branding_img2_box:hover .fea_branding_img2 {

	transform: scale(1);

	transition-duration: .5s

}



.fea_branding_img2 {

	position: absolute !important;

	top: 33px;

	width: auto !important;

	transform: scale(.8);

	right: 0;

	transition-duration: .5s;

	left: -93px;

	margin: auto

}



.fea_branding_img3_box:hover .fea_branding_img3 {

	transform: scale(1);

	transition-duration: .5s

}



.fea_branding_img3 {

	position: absolute !important;

	width: auto !important;

	transform: scale(.8);

	transition-duration: .5s;

	bottom: -3px;

	left: -13px;

	margin: 0

}



.fea_branding_img4_box:hover .fea_branding_img4 {

	transform: scale(1);

	transition-duration: .5s

}



.fea_branding_img4 {

	position: absolute !important;

	top: 105px;

	width: auto !important;

	transform: scale(.8);

	left: -27px;

	transition-duration: .5s

}



.fea_branding_img5_box:hover .fea_branding_img5 {

	transform: scale(1);

	transition-duration: .5s

}



.fea_branding_img5 {

	position: absolute !important;

	top: 70px;

	width: auto !important;

	transform: scale(.8);

	left: 0;

	transition-duration: .5s

}



.fea_branding_img6_box:hover .fea_branding_img6 {

	transform: scale(1);

	transition-duration: .5s

}



.fea_branding_img6 {

	position: absolute !important;

	top: 65px;

	width: auto !important;

	transform: scale(.8);

	left: -35px;

	transition-duration: .5s

}



section.feature-work.feature_work_branding {

	padding: 0 0 90px

}



.feature_work_branding .fea-slider .slick-dots {

	position: absolute;

	bottom: 0

}



.fp-tableCell section {

	height: 100%

}



section.platform_sec {

	height: 100%;

	align-content: center;

	display: grid

}



.work_with_us_sec {

	align-content: center;

	display: grid;

	position: relative;

	z-index: 1

}



.fea-slide-box img {

	position: relative;

	transition: 1s

}



.fea-slide-box a:after, .fea-slide-box a:before {

	transition-duration: .5s

}



.fea-slide-box a {

	width: 80%

}



.webdesign_page .web_mantainance_sec .brand_wellness_box .hd-txt h2 {

	font-size: 55px;

	padding: 0 0 20px

}



.webdesign_page .brand_wellness_box {

	padding: 0 0 0

}



.webdesign_page .web_design_web_mantainance_sec {

	padding-bottom: 30px

}



.what_we_slider_box_img_mm_1 {

	position: relative;

	transition-duration: .5s

}



.what_we_slider_box_img_mm_1 .what_we_slider_box_img_mm_1_mm {

	position: absolute;

	transition-duration: .5s

}



.what_we_slider_box_img_mm_1:hover .what_we_slider_box_img_mm_1_mm {

	transition-duration: .5s;

	transform: scale(1.1)

}



.what_we_slider_box_img_mm_2 {

	position: relative;

	transition-duration: .5s

}



.what_we_slider_box_img_mm_2 .what_we_slider_box_img_mm_2_mm {

	position: absolute;

	transition-duration: .5s;

	top: 138px;

	right: 14px

}



.what_we_slider_box_img_mm_2:hover .what_we_slider_box_img_mm_2_mm {

	transition-duration: .5s;

	transform: scale(1.1)

}



.what_we_slider_box_img_mm_3 {

	position: relative;

	transition-duration: .5s

}



.what_we_slider_box_img_mm_3 .what_we_slider_box_img_mm_3_mm {

	position: absolute;

	transition-duration: .5s

}



.what_we_slider_box_img_mm_3:hover .what_we_slider_box_img_mm_3_mm {

	transition-duration: .5s;

	transform: scale(1.1)

}



.what_we_slider_box_img_mm_4 {

	position: relative;

	transition-duration: .5s

}



.what_we_slider_box_img_mm_4 .what_we_slider_box_img_mm_4_mm {

	position: absolute;

	transition-duration: .5s;

	left: 147px;

	top: 6px

}



.what_we_slider_box_img_mm_4:hover .what_we_slider_box_img_mm_4_mm {

	transform: scale(1.1)

}



.what_we_slider_box_img_mm_5 {

	position: relative;

	transition-duration: .5s

}



.what_we_slider_box_img_mm_5 .what_we_slider_box_img_mm_5_mm {

	position: absolute;

	transition-duration: .5s

}



.what_we_slider_box_img_mm_5:hover .what_we_slider_box_img_mm_5_mm {

	transition-duration: .5s;

	transform: scale(1.1)

}



.what_we_slider_box_img_mm_6 {

	position: relative;

	transition-duration: .5s

}



.what_we_slider_box_img_mm_6 .what_we_slider_box_img_mm_6_mm {

	position: absolute;

	transition-duration: .5s;

	left: 30px;

	right: 0;

	margin: auto;

	top: -40px

}



.what_we_slider_box_img_mm_6:hover .what_we_slider_box_img_mm_6_mm {

	transition-duration: .5s;

	transform: scale(1.1)

}



.hero_banner video {

	position: absolute;

	height: auto;

	width: 100%

}



.hero_banner:before {

	content: "";

	background-color: rgb(1 27 65 / 87%);

	position: absolute;

	z-index: 9999;

	height: 100%;

	width: 100%

}



.hero_banner .parallax-slide {

	z-index: 99999

}



.hero_banner:hover .mb-dv-2st.screen img {

	top: -580px

}



#fp-nav ul li a span, .fp-slidesNav ul li a span {

	background: #55a2ff

}



@media (max-width:767px) {

	#fp-nav.fp-left {

		left: 0

	}



}



.what_we_do_sec_home .what_we_do_slider .slick-dots {

	position: absolute;

	bottom: -78px;

	display: block;

	width: 100%;

	padding: 0;

	margin: 0;

	list-style: none;

	text-align: center

}



.what_we_do_sec_home_pre {

	margin: auto;

	display: flex;

	align-items: center;

	justify-content: center;

	height: 100vh

}



.feature-work-slide-st .slick-track {

	padding: 62px 0

}



.feature_work_h_pre .leftanimation_h2 {

	text-align: center

}



.feature_work_h_pre .leftanimation_p {

	text-align: center

}



.feature_work_h_pre {

	height: 100vh;

	display: flex;

	align-items: center;

	justify-content: center

}



.testimonails_sec_h_pre {

	display: flex;

	height: 100vh;

	justify-content: center;

	align-items: center

}



.bnr-mobile-side-vd video {

	position: inherit;

	width: 120%;

	top: 30px;

	margin: 70px 0 0;

	border-radius: 10px

}



.bnr-mobile-side-vd {

	border-radius: 50px

}



.web-design-inner .hd-txt {

	text-align: center

}



.feature-work.feature_work_inner .hd-txt {

	text-align: center

}



.form-div select {

	width: 100%;

	background: #1e242b;

	border: 0;

	margin-bottom: 10px;

	padding: 20px 20px;

	border-radius: 8px;

	color: #757575

}



.form-div select:focus {

	outline-width: 0

}



.portfolio_img_box img:hover {

	transform: matrix3d(1, 0, 0, -.001, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);

	-webkit-transform: matrix3d(1, 0, 0, -.001, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);

	-moz-transform: matrix3d(1, 0, 0, -.001, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);

	-o-transform: matrix3d(1, 0, 0, -.001, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);

	-ms-transform: matrix3d(1, 0, 0, -.001, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);

	display: inline-block

}



.container_image {

	align-items: center;

	height: 100%;

	width: 100%;

	position: relative

}



.reveal {

	visibility: hidden;

	position: relative;

	width: 100%;

	height: 100%%;

	max-width: 100%;

	overflow: hidden

}



.line {

	width: 100%;

	position: relative;

	overflow: hidden

}



.platform_1 img {

	width: 200px

}



.flip-card-back {

	transform: rotateY(180deg)

}



.flip-card-back, .flip-card-front {

	-moz-backface-visibility: hidden;

	position: absolute;

	width: 100%;

	height: auto;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	top: 0;

	bottom: 0;

	margin: auto;

	display: grid;

	align-items: center;

	background: #d6efff

}



.flip-card:hover .flip-card-inner {

	transform: rotateY(180deg)

}



.flip-card-inner {

	position: relative;

	width: 100%;

	height: 100%;

	transition: transform .6s;

	transform-style: preserve-3d

}



.flip-card {

	background-color: transparent;

	width: 100%;

	perspective: 1000px;

	height: 90px

}



.platform_2 {

	margin: 40px 0 0 0

}



.platform_sec .clr_blk_p {

	padding: 0 0 40px 0

}



.swiper-container {

	margin-left: auto;

	margin-right: auto;

	position: relative;

	overflow: hidden;

	z-index: 1

}



.swiper-container-no-flexbox .swiper-slide {

	float: left

}



.swiper-container-vertical>.swiper-wrapper {

	-webkit-box-orient: vertical;

	-moz-box-orient: vertical;

	-ms-flex-direction: column;

	-moz-flex-direction: column;

	flex-direction: column

}



.swiper-wrapper {

	position: relative;

	width: 100%;

	height: 100%;

	z-index: 1;

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -moz-flexbox;

	display: flex;

	-webkit-transition-property: -webkit-transform;

	-moz-transition-property: -moz-transform;

	transition-property: -webkit-transform;

	transition-property: transform;

	transition-property: transform, -webkit-transform;

	transition-property: transform, -moz-transform;

	box-sizing: content-box

}



.swiper-container-android .swiper-slide, .swiper-wrapper {

	-webkit-transform: translate3d(0, 0, 0);

	-moz-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0)

}



.swiper-container-multirow>.swiper-wrapper {

	-webkit-box-lines: multiple;

	-moz-box-lines: multiple;

	-ms-flex-wrap: wrap;

	-moz-flex-wrap: wrap;

	flex-wrap: wrap

}



.swiper-container-free-mode>.swiper-wrapper {

	-webkit-transition-timing-function: ease-out;

	-moz-transition-timing-function: ease-out;

	transition-timing-function: ease-out;

	margin: 0 auto

}



.swiper-slide {

	-webkit-flex-shrink: 0;

	-moz-flex-shrink: 0;

	-ms-flex: 0 0 auto;

	-moz-flex: 0 0 auto;

	-ms-flex-negative: 0;

	-moz-flex-negative: 0;

	flex-shrink: 0;

	width: 100%;

	height: 100%;

	position: relative

}



.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {

	height: auto

}



.swiper-container-autoheight .swiper-wrapper {

	-webkit-box-align: start;

	-moz-box-align: start;

	-ms-flex-align: start;

	-moz-flex-align: start;

	align-items: flex-start;

	-webkit-transition-property: -webkit-transform, height;

	-moz-transition-property: -moz-transform, height;

	-webkit-transition-property: height, -webkit-transform;

	transition-property: height, -webkit-transform;

	transition-property: height, -moz-transform;

	transition-property: transform, height;

	transition-property: transform, height, -moz-transform;

	transition-property: transform, height, -webkit-transform

}



.swiper-container .swiper-notification {

	position: absolute;

	left: 0;

	top: 0;

	pointer-events: none;

	opacity: 0;

	z-index: -1000

}



.swiper-wp8-horizontal {

	-ms-touch-action: pan-y;

	-moz-touch-action: pan-y;

	touch-action: pan-y

}



.swiper-wp8-vertical {

	-ms-touch-action: pan-x;

	-moz-touch-action: pan-x;

	touch-action: pan-x

}



.swiper-button-next, .swiper-button-prev {

	position: absolute;

	top: 50%;

	width: 27px;

	height: 44px;

	margin-top: -22px;

	z-index: 10;

	cursor: pointer;

	background-size: 27px 44px;

	background-position: center;

	background-repeat: no-repeat

}



.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {

	opacity: .35;

	cursor: auto;

	pointer-events: none

}



.swiper-button-prev, .swiper-container-rtl .swiper-button-next {

	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");

	left: 10px;

	right: auto

}



.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {

	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")

}



.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {

	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")

}



.swiper-button-next, .swiper-container-rtl .swiper-button-prev {

	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");

	right: 10px;

	left: auto

}



.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {

	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")

}



.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {

	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")

}



.swiper-pagination {

	position: absolute;

	text-align: center;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	transition: .3s;

	-webkit-transform: translate3d(0, 0, 0);

	-moz-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

	z-index: 10

}



.swiper-pagination.swiper-pagination-hidden {

	opacity: 0

}



.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {

	bottom: 10px;

	left: 0;

	width: 100%

}



.swiper-pagination-bullet {

	width: 8px;

	height: 8px;

	display: inline-block;

	border-radius: 100%;

	background: #000;

	opacity: .2

}



button.swiper-pagination-bullet {

	border: none;

	margin: 0;

	padding: 0;

	box-shadow: none;

	-moz-appearance: none;

	-ms-appearance: none;

	-webkit-appearance: none;

	appearance: none

}



.swiper-pagination-clickable .swiper-pagination-bullet {

	cursor: pointer

}



.swiper-pagination-white .swiper-pagination-bullet {

	background: #fff

}



.swiper-pagination-bullet-active {

	opacity: 1;

	background: #007aff

}



.swiper-pagination-white .swiper-pagination-bullet-active {

	background: #fff

}



.swiper-pagination-black .swiper-pagination-bullet-active {

	background: #000

}



.swiper-container-vertical>.swiper-pagination-bullets {

	right: 10px;

	top: 50%;

	-webkit-transform: translate3d(0, -50%, 0);

	-moz-transform: translate3d(0, -50%, 0);

	transform: translate3d(0, -50%, 0)

}



.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {

	margin: 5px 0;

	display: block

}



.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {

	margin: 0 5px

}



.swiper-pagination-progress {

	background: rgba(0, 0, 0, .25);

	position: absolute

}



.swiper-pagination-progress .swiper-pagination-progressbar {

	background: #007aff;

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	-webkit-transform: scale(0);

	-moz-transform: scale(0);

	transform: scale(0);

	-webkit-transform-origin: left top;

	-moz-transform-origin: left top;

	transform-origin: left top

}



.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {

	-webkit-transform-origin: right top;

	-moz-transform-origin: right top;

	transform-origin: right top

}



.swiper-container-horizontal>.swiper-pagination-progress {

	width: 100%;

	height: 4px;

	left: 0;

	top: 0

}



.swiper-container-vertical>.swiper-pagination-progress {

	width: 4px;

	height: 100%;

	left: 0;

	top: 0

}



.swiper-pagination-progress.swiper-pagination-white {

	background: rgba(255, 255, 255, .5)

}



.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {

	background: #fff

}



.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {

	background: #000

}



.swiper-container-3d {

	-webkit-perspective: 1200px;

	-moz-perspective: 1200px;

	-o-perspective: 1200px;

	perspective: 1200px

}



.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {

	-webkit-transform-style: preserve-3d;

	-moz-transform-style: preserve-3d;

	transform-style: preserve-3d

}



.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	pointer-events: none;

	z-index: 10

}



.swiper-container-3d .swiper-slide-shadow-left {

	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));

	background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

	background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))

}



.swiper-container-3d .swiper-slide-shadow-right {

	background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));

	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

	background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))

}



.swiper-container-3d .swiper-slide-shadow-top {

	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));

	background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

	background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))

}



.swiper-container-3d .swiper-slide-shadow-bottom {

	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));

	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))

}



.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {

	-ms-perspective: 1200px

}



.swiper-container-cube, .swiper-container-flip {

	overflow: visible

}



.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {

	pointer-events: none;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	z-index: 1

}



.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {

	pointer-events: none

}



.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {

	pointer-events: auto

}



.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {

	z-index: 0;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden

}



.swiper-container-cube .swiper-slide {

	visibility: hidden;

	-webkit-transform-origin: 0 0;

	transform-origin: 0 0;

	width: 100%;

	height: 100%

}



.swiper-container-cube.swiper-container-rtl .swiper-slide {

	-webkit-transform-origin: 100% 0;

	transform-origin: 100% 0

}



.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev {

	pointer-events: auto;

	visibility: visible

}



.swiper-container-cube .swiper-cube-shadow {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 100%;

	background: #000;

	opacity: .6;

	-webkit-filter: blur(50px);

	filter: blur(50px);

	z-index: 0

}



.swiper-container-fade.swiper-container-free-mode .swiper-slide {

	-webkit-transition-timing-function: ease-out;

	transition-timing-function: ease-out

}



.swiper-container-fade .swiper-slide {

	pointer-events: none;

	-webkit-transition-property: opacity;

	transition-property: opacity

}



.swiper-container-fade .swiper-slide .swiper-slide {

	pointer-events: none

}



.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {

	pointer-events: auto

}



.swiper-zoom-container {

	width: 100%;

	height: 100%;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	text-align: center

}



.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg {

	max-width: 100%;

	max-height: 100%;

	-o-object-fit: contain;

	object-fit: contain

}



.swiper-scrollbar {

	border-radius: 10px;

	position: relative;

	-ms-touch-action: none;

	background: rgba(0, 0, 0, .1)

}



.swiper-container-horizontal>.swiper-scrollbar {

	position: absolute;

	left: 1%;

	bottom: 3px;

	z-index: 50;

	height: 5px;

	width: 98%

}



.swiper-container-vertical>.swiper-scrollbar {

	position: absolute;

	right: 3px;

	top: 1%;

	z-index: 50;

	width: 5px;

	height: 98%

}



.swiper-scrollbar-drag {

	height: 100%;

	width: 100%;

	position: relative;

	background: rgba(0, 0, 0, .5);

	border-radius: 10px;

	left: 0;

	top: 0

}



.swiper-scrollbar-cursor-drag {

	cursor: move

}



.swiper-lazy-preloader {

	width: 42px;

	height: 42px;

	position: absolute;

	left: 50%;

	top: 50%;

	margin-left: -21px;

	margin-top: -21px;

	z-index: 10;

	-webkit-transform-origin: 50%;

	transform-origin: 50%;

	-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;

	animation: swiper-preloader-spin 1s steps(12, end) infinite

}



.swiper-lazy-preloader:after {

	display: block;

	content: "";

	width: 100%;

	height: 100%;

	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");

	background-position: 50%;

	background-size: 100%;

	background-repeat: no-repeat

}



.swiper-lazy-preloader-white:after {

	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")

}



@-webkit-keyframes swiper-preloader-spin {

	100% {

		-webkit-transform: rotate(360deg)

	}



}



@keyframes swiper-preloader-spin {

	100% {

		-webkit-transform: rotate(360deg);

		transform: rotate(360deg)

	}



}



.swiper-container.one {

	padding-top: 40px;

	text-align: center

}



.swiper-container.one .swiper-slide {

	padding: 0 43px

}



.swiper-container {

	width: 100%;

	padding-bottom: 60px

}



.swiper-slide img {

	display: block;

	margin: auto;

	width: 100%

}



.swiper-slide {

	width: 390px;

	height: auto;

	padding: 0 15px

}



.two .swiper-slide {

	width: 300px

}



.swiper-slide img {

	box-shadow: 0 10px 30px rgba(0, 0, 0, .15)

}



.swiper-slide .slider-image .preview-icon {

	z-index: -1;

	width: calc(100% - 30px)

}



.swiper-slide.swiper-slide-active .slider-image:hover .preview-icon {

	opacity: 1;

	z-index: 1

}



.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {

	bottom: 0

}



.swiper-pagination-bullet {

	background: transparent none repeat scroll 0 0;

	border: 2px solid #222;

	border-radius: 10px;

	display: inline-block;

	height: 10px;

	opacity: 1;

	width: 26px;

	-webkit-transition: .2s;

	transition: .2s

}



.swiper-pagination-bullet-active {

	background: rgba(0, 0, 0, 0) -webkit-linear-gradient(left, #ee0f6f 0, #f89482 100%) repeat scroll 0 0;

	background: #55a2ff;

	border: medium none;

	height: 12px;

	opacity: 1;

	width: 12px

}



.ftrLoc {

	color: #000;

	font-size: 14px;

	font-weight: 700;

	line-height: 22px

}



.ftrLoc i {

	font-size: 23px;

	padding: 0 4px 0 0

}



.payment-method img {

	width: 50%

}



.payment-method {

	padding: 40px 0 0 0

}



.awards-2 {

	display: flex;

	align-items: center;

	justify-content: space-between;

	border-top: 2px solid #a0a0a038;

	margin: 20px 0 0 0

}



.whathead span {

	-webkit-text-stroke: 2px #000;

	color: #fff;

	font-size: 50px;

	font-weight: 700

}



.whathead h3 {

	font-size: 48px;

	font-weight: 700;

	color: #333

}



.whathead h4 {

	color: #c7b9b9;

	font-size: 50px;

	font-weight: 700

}



.whathead ul {

	list-style: none;

	padding: 0;

	margin: 30px 0 0 0

}



.whathead ul li {

	font-size: 20px;

	font-weight: 700;

	color: #333;

	padding: 0 0 10px 0

}



.whathead ul li span {

	font-size: 20px;

	-webkit-text-stroke: inherit;

	color: #c7b9b9

}



.what_we_do_slider .slick-slide img {

	display: block;

	width: 100%;

	border-radius: 20px

}



[class^=box-] {

	display: none

}



[class^=box-].showfirst {

	display: block

}



ul.pricingtab {

	background-color: #4448ff;

	box-shadow: 0 12px 25.38px 1.62px rgba(0, 0, 0, .06);

	display: flex;

	list-style: none;

	justify-content: space-between;

	padding: 25px;

	border-radius: 10px;

	position: relative

}



ul.pricingtab li a {

	color: #fff;

	font-weight: 700;

	font-size: 14px

}



section.pricingSec {

	padding: 80px 0;

	position: relative

}



.pkgBoxx {

	border-radius: 6px;

	background-color: #f8f8f8;

	width: 96%;

	padding: 40px 25px;

	transition: .5s

}



.pkglist {

	list-style: none;

	padding: 0;

	margin: 70px 0 0 0

}



.pkgBoxx {

	font-family: 'Object Sans'

}



.pkgBoxx h3 {

	color: #333;

	font-size: 21px;

	font-weight: 800;

	text-align: center

}



.pkgBoxx p {

	color: #4e5155;

	font-size: 14px;

	padding: 15px 0 5px 0

}



.pkgBoxx span del {

	color: #000;

	font-size: 24px;

	font-weight: 500

}



.pkgBoxx strong {

	font-size: 50px;

	color: #000;

	font-weight: 800;

	position: relative;

	left: 0;

	text-align: center;

	display: block

}

.view-details a {
    font-size: 17px;
    color: #000;
    font-weight: 800;
    position: relative;
    left: 0;
    text-align: center;
    display: block;
    margin-top: 20px
}

.pkgBoxx:hover .view-details a {
	color:#fff;
}


.view-details a:hover {
    color: #55a2ff;
}


.pkgBoxx h4 {

	color: #55a2ff;

	font-size: 20px;

	font-weight: 800;

	text-align: center

}



.pkgBoxx h6 {

	color: #4e5155;

	font-size: 16px;

	padding: 20px 0 20px 0;

	font-weight: 600

}



a.pkgBtn {

	border-radius: 6px;

	background-color: #4448ff;

	color: #fff;

	font-size: 20px;

	font-weight: 800;

	padding: 10px 86px

}



ul.pkgheadlist li {

	color: #4e5155;

	font-size: 14px;

	padding: 0 0 9px 0;

	position: relative

}



ul.pkgheadlist {

	padding: 0 0 0 20px;

	margin: 0 0 30px 0;

	height: 252px;

	position: relative;

	overflow-y: scroll;

	list-style: none

}



ul.ctapkg {

	margin: 20px 0 0 0;

	text-align: center;

	padding: 0;

	list-style: none

}



ul.ctapkg li a {

	color: #000;

	font-size: 16px;

	font-weight: 500

}



ul.ctapkg li span {

	font-weight: 800;

	color: #fd9b00

}



ul.pkgheadlist::marker {

	color: #000;

	background: #ff0

}



.pkgBoxx:hover {

	background: #072233

}



.pkgBoxx:hover h3 {

	color: #55a2ff

}



.pkgBoxx:hover p {

	color: #ffff

}



.pkgBoxx:hover del {

	color: #fff

}



.pkgBoxx:hover strong {

	color: #55a2ff

}



.pkgBoxx:hover h6 {

	color: #ffff

}



.pkgBoxx:hover li {

	color: #ffff

}



.pkgBoxx:hover .pkgBtn {

	color: #000;

	background: #55a2ff

}



.pkgBoxx:hover .ctapkg li a {

	color: #ffff

}



.priceInner-tab ul {

	display: flex;

	list-style: none;

	background: #072233;

	border-radius: 10px;

	align-items: center;

	width: 58%;

	justify-content: space-between;

	padding: 22px

}



.priceInner-tab ul li a {

	color: #fff;

	font-weight: 700;

	font-size: 12px;

	z-index: 9999

}



.pricingSec .slick-list {

	margin: 0 -15px

}



.pricingSec .slick-slide {

	margin: 0 15px

}



.pricingSec .slick-dots {

	padding: 50px 0 0;

	text-align: center

}



.pricingSec .slick-dots li {

	margin: 0 20px 0 0;

	width: auto;

	display: inline-block;

	vertical-align: middle;

	overflow: hidden;

	padding: 0;

	border: none

}



.pricingSec .slick-dots li button:before {

	color: #fff;

	opacity: 1;

	font-size: 20px

}



.pricingSec .slick-dots li button {

	height: 8px;

	width: 8px;

	border-radius: 50%;

	padding: 0;

	background: #d6d6d6;

	border: none;

	cursor: pointer;

	font-size: 0;

	padding: 0;

	-webkit-transition: all .4s ease-In-out;

	-moz-transition: all .4s ease-In-out;

	-o-transition: all .4s ease-In-out;

	transition: all .4s ease-In-out;

	box-sizing: border-box

}



.pricingSec .slick-dots li.slick-active button {

	background: #18ef96;

	width: 11px;

	height: 11px;

}



.pricingSec .slick-dots li.slick-active button:before {

	opacity: .75;

	color: #000;

	font-size: 0

}



.pricingSec .slick-dots {

	bottom: -20px;

	/* display: none !important */

}



.pricingtab li.active a {

	color: #fff !important;

	position: relative;

}



.priceInner-tab li.active a {

	color: #55a2ff !important

}



.forMobilelogo {

	display: none

}



.work-fld textarea {

	border-width: 2px;

	border-color: #f3f0f3;

	border-style: solid;

	border-radius: 8px;

	background-color: rgba(0, 0, 0, 0);

	width: 249px;

	height: 59px;

	font-size: 16px;

	padding: 10px 10px 0 24px;

	color: #222

}



.work-fld {

	margin: 0 0 10px 0

}



h3.pkgh3 {

	font-size: 70px;

	font-weight: 700;

	color: #1b1b1b;

	margin: 0 0 40px 0;

	text-align: center

}



h3.pkgh3 span {

	color: #55a2ff

}



.pricingtab li.active a:before {

	position: absolute;

	content: "";

	background: url(../images/price-1.png);

	width: 114px;

	height: 51px;

	background-repeat: no-repeat;

	background-size: 53%;

	top: 21px;

	z-index: 99

}



.brand-tab {

	position: absolute;

	top: -59px;

	right: 0;

	left: 188px;

	bottom: 0;

	z-index: 1;

	height: 65px

}



.box-brand {

	position: relative

}



.innertabocontent {

	position: relative;

	top: 0;

	right: 0;

	left: 318px;

	bottom: 0;

	z-index: 1

}



.innertabDigital {

	position: relative;

	top: 1px;

	right: 0;

	left: 404px;

	bottom: 0;

	z-index: 1

}



.innertabDigital ul {

	width: 65%

}



.box-web .priceInner-tab ul {

	width: 35%

}



.brand-tab ul {

	width: 55%

}



.innertabVideo {

	position: relative;

	top: 0;

	left: 480px;

	bottom: 0;

	z-index: 1

}



.turnkeyy a:before {

	display: none

}



.websitemain a:before {

	display: none

}



.domainnn a:before {

	display: none

}



.pkgBoxx span del {

	display: none

}



.contentbx a:before {

	display: none

}



.custombox {

	height: 600px;

	padding-top: 150px

}



.custombox img {

	text-align: center;

	display: block;

	margin: 0 auto 14px

}



.custombox h3 {

	text-align: center;

	font-size: 30px;

	padding: 0 0 0;

	line-height: 35px

}



.custombox:hover img {

	filter: brightness(30)

}



.custombox p {

	margin: 0 0 20px 0;

	text-align: center

}



.custombox p {

	margin: 0 0 20px 0;

	text-align: center

}



ul.pkgheadlist strong {

	font-size: 12px;

	display: inline-block;

	font-weight: 700

}



ul.pkgheadlist li::before {

	position: absolute;

	content: "";

	background: #000;

	height: 6px;

	width: 6px;

	left: -18px;

	z-index: 9999;

	border-radius: 50%;

	top: 8px

}



.box-brand .pkgBoxx {

	margin: 35px 0 0 0

}



.pkgBoxx:hover li::before {

	background: #ffff

}



.feature_work_h_pre .hd-txt h2 span {

	position: relative;

	left: 14px

}



.awards-2 ul.footer-links-2 {

	display: flex;

	list-style: none;

	padding: 15px 0 0 0

}



.awards-2 ul.footer-links-2 li a {

color: #222;

font-weight: 600;

padding: 0 10px;

border-left: 1px solid;

font-size: 13px;
}



.footer-links-2:nth-child(1) a {

	border-left: none

}



ul.footer-links-2 li:nth-child(1) a {

	border: none

}



.btnglobe .green_btn:hover:before {

	width: 125%

}



.slick-list {

	margin: 0 -15px

}



.slick-dots {

	padding: 50px 0 0;

	text-align: center

}



.slick-dots li {

	margin: 0 20px 0 0;

	width: auto;

	display: inline-block;

	vertical-align: middle;

	overflow: hidden;

	padding: 0;

	border: none

}



.slick-dots li button:before {

	color: #fff;

	opacity: 1;

	font-size: 20px

}



.slick-dots li button {

	height: 8px;

	width: 8px;

	border-radius: 50%;

	padding: 0;

	background: #d6d6d6;

	border: none;

	cursor: pointer;

	font-size: 0;

	padding: 0;

	-webkit-transition: all .4s ease-In-out;

	-moz-transition: all .4s ease-In-out;

	-o-transition: all .4s ease-In-out;

	transition: all .4s ease-In-out;

	box-sizing: border-box

}



.slick-dots li.slick-active button {

	background: #f3c919;

	width: 11px;

	height: 11px

}



.submitbtn {

	position: relative;

	margin: 20px 0 0 20px;

	z-index: 99999999;

	display: table

}



.submitbtn button {

	font-size: 16px;

	font-weight: 700;

	z-index: 999;

	transition-duration: .5s;

	background: 0 0;

	border: none;

	text-align: center;

	color: #fff;

	margin: 20px 0 0 10px

}



.submitbtn button::before {

	content: "";

	background-color: #222;

	width: 50px !important;

	height: 50px;

	bottom: -13px;

	position: absolute;

	border-radius: 50px;

	left: -12px;

	z-index: -1;

	transition-duration: .5s

}



.submitbtn button:hover:before {

	width: 21%

}



.submitbtn.signupbtn button {

	margin: 13px 0 0 0

}



.submitbtn button::before {

	left: -5px

}



.submitbtn button:hover:before {

	width: 114% !important

}



.footer-sec .submitbtn button:hover:before {

	width: 125% !important

}



.pricingSec .slick-arrow {

	font-size: 0;

	position: absolute;

	right: 1%;

	cursor: pointer;

	z-index: 1;

	padding: 0;

	width: 47px;

	bottom: 10%;

	height: 47px;

	border-radius: 100px

}



.pricingSec .slick-arrow:before {

	content: "\f178";

	font-family: FontAwesome;

	font-size: 30px;

	font-weight: 700;

	color: #55a2ff;

	line-height: 47px;

	transition: .5s

}



.pricingSec .slick-prev {

	bottom: -46px;

	left: -10%

}



.pricingSec .slick-prev:before {

	content: "\f177"

}



.pricingSec .slick-next {

	top: 50%;

	right: -6%

}



.webdesignplatform {

	padding: 80px 0

}



.work-fld textarea::placeholder {

	color: #000

}



.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {

	opacity: 0

}



::-webkit-scrollbar {

	width: 5px;

	background-color: #f5f5f5

}



::-webkit-scrollbar-button:end:increment, ::-webkit-scrollbar-button:start:decrement {

	display: none

}



::-webkit-scrollbar-track-piece {

	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

	background-color: #fff

}



::-webkit-scrollbar-thumb:vertical {

	border-radius: 10px;

	background-color: #e28f26

}



.active-key {

	position: relative;

	transition: transform .6s;

	transform-style: preserve-3d;

	transform: rotateY(180deg);

	-moz-transform: rotateY(180deg)

}



.feature_work_h_pre h2 {

	text-align: left !important

}



.feature_work_h_pre p {

	text-align: left !important

}



.btnaddress .green_btn:hover:before {

	width: 134%

}



.pkgBoxx p {

	display: none

}



.custombox p {

	display: block

}



.screen img:hover {

	top: -100%

}



.screen a {

	-o-transition: all .4s

}



section.newFolio .box-web-folio ul {

	display: flex;

	align-items: center;

	flex-wrap: wrap;

	padding: 0;

	margin: 0;

	list-style: none

}



section.newFolio .box-web-folio ul li {

	width: 32%;

	margin: 0 0 30px 0

}



section.newFolio .pricing-tab a:before {

	display: none

}



section.newFolio .pricingtab li.active a:before {

	display: none

}



section.newFolio .pricing-tab a:before {

	display: none

}



section.newFolio .pricingtab li.active a:before {

	display: none

}



section.newFolio {

	padding: 38px 0 0 0

}



section.newFolio ul.pricingtab {

	margin: 0 0 40px 0;

	background: 0 0;

	box-shadow: none

}



.folioBoxnew {

	position: relative;

	z-index: 1

}



.folioBoxnew .overlay-boxxx {

	position: absolute;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	margin: auto;

	text-align: center;

	background: hsl(0deg 0% 0% / 50%);

	display: flex;

	align-items: center;

	justify-content: center;

	transition: .5s;

	opacity: 0

}



.folioBoxnew .overlay-boxxx i {

	color: #ffff;

	font-size: 50px

}



.screen:hover .overlay-boxxx {

	opacity: 1

}



.box-folio-main ul {

	display: flex;

	align-items: center;

	padding: 0;

	margin: 0;

	list-style: none;

	flex-wrap: wrap;

	justify-content: space-between

}



.box-folio-main ul li {

	margin: 0 0 50px 0;

	width: 25%

}



.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {

	display: none

}



.testimonial_slide_box_text span {

	font-weight: 700;

	padding: 10px 0;

	font-size: 14px

}



ul.pkgheadlist .pkglihead {

	font-weight: 700

}



ul.pkgheadlist .pkglihead li::before {

	display: none

}



li.pkglihead::before {

	display: none

}



li.pkglihead {

	position: relative;

	left: -17px

}



.pkgBoxx h4 {

	display: none

}



.review_banner {

	background-image: url(../images/review-banner-1.jpg) !important

}



.mainReviewBox {

	border-radius: 5px;

	background-color: #ebebeb;/*! width: 553px; */



	/*! height: 362px; */padding: 28px 35px;

	margin: 0 0 25px 0

}



.reviewBox {

	border-radius: 10px;

	background-color: #fff;

	box-shadow: 0 5px 14.58px 3.42px rgba(0, 0, 0, .08);/*! width: 484px; */



	/*! height: 306px; */padding: 35px 35px

}



.reviewSec1 h3 {

	font-size: 70px;

	font-weight: 700;

	text-align: center;

	padding: 0 0 80px 0

}



.reviewSec1 {

	padding: 80px 0

}



.reviewDetailsnew h3 {

	font-size: 20px;

	color: #000;

	vertical-align: middle;

	padding: 0;

	position: relative;

	left: -60px

}



.reviewDetailsnew {

	display: flex;

	align-items: center;

	justify-content: space-between

}



.reviewBox p {

	font-size: 16px;

	line-height: 29px;

	color: #1a1b1b;

	padding: 0 0 30px 0

}



.review_banner .col-sm-12 {

	display: flex;

	align-items: center

}



.review_img img {

	position: relative;

	top: 92px

}



.reviewBox {

	transition: .5s

}



.reviewBox:hover {

	background: #0f0a0c

}



.reviewBox:hover p {

	color: #ffff

}



.reviewBox:hover h3 {

	color: #fff

}



.reviewSec1 .reviewBoxload {

	display: none

}



.viewMoreBtn {

	display: table;

	margin: 28px auto 0 !important

}



.reviewSec2 {

	background: #efefef;

	padding: 50px 0

}



.reviewSec2head h4 {

	color: #000;

	font-size: 40px;

	font-weight: 700

}



.reviewSec2head p {

	color: #696969;

	font-size: 20px;

	padding: 30px 0 60px 0;

	font-weight: 300

}



.reviewSec2head h5 {

	color: #696969;

	font-size: 20px;

	padding: 30px 0 60px 0;

	font-weight: 300

}



.reviewSec2head a {

	color: #000;

	border-bottom: 1px solid #696969;

	font-size: 16px

}



.reviewSec2 .row {

	display: flex;

	align-items: center

}



.innertablink {

	background: #000;

	height: 50px;

	text-align: center;

	line-height: 50px;

	border-radius: 20px;

	width: 210px

}



.newFolio .slick-arrow {

	font-size: 0;

	position: absolute;

	right: 1%;

	cursor: pointer;

	z-index: 1;

	padding: 0;

	width: 47px;

	bottom: 10%;

	height: 47px;

	border-radius: 100px

}



.newFolio .slick-arrow:before {

	content: "\f178";

	font-family: FontAwesome;

	font-size: 30px;

	font-weight: 700;

	color: #55a2ff;

	line-height: 47px;

	transition: .5s

}



.newFolio .slick-prev {

	bottom: -46px;

	left: -10%

}



.newFolio .slick-prev:before {

	content: "\f177"

}



.newFolio .slick-next {

	top: 50%;

	right: -6%

}



.pricingSec .pricingtab li a {

	font-size: 12px

}



.testimonails_sec .slick-prev {

	left: -60px

}



.testimonails_sec .slick-next {

	right: -50px

}



.testimonails_sec .slick-prev:before {

	font-size: 35px

}



.testimonails_sec .slick-next:before {

	font-size: 35px

}



.reviewSec1 {

	position: relative

}



.reviewSec1::before {

	position: absolute;

	background: url(../images/review-img-2.png);

	width: 613px;

	content: "";

	height: 190px;

	right: 0;

	top: 0

}



.reviewSec1::after {

	position: absolute;

	background: url(../images/review-img-3.png);

	width: 236px;

	content: "";

	height: 109px;

	right: 60px;

	top: 700px

}



.fp-section.fp-table, .fp-slide.fp-table {

	display: flex;

	align-items: end;

	height: 100%

}



.work-fld input::placeholder {

	color: #000000a6

}



.work-fld textarea::placeholder {

	color: #000000a6

}



.testimonails_sec .hd-txt h2 {

	font-size: 58px

}



.folioBoxnew11 {

	position: relative;

	z-index: 1

}



.screen11 img {

	width: 100%;

	height: auto;

	position: absolute;

	z-index: 0;

	margin: 0;

	padding: 0;

	-webkit-transition: bottom 11s;

	-moz-transition: bottom 11s;

	-ms-transition: bottom 11s;

	-o-transition: bottom 11s;

	transition: top 11s

}



.screen11 img:hover {

	top: -100%

}



.folioBoxnew11 {

	position: relative;

	z-index: 1

}



.screen11 {

	display: block;

	width: 663px;

	overflow: hidden;

	position: absolute;

	height: 434px;

	z-index: 1;

	top: -525px;

	border-radius: 20px 20px 0 0;

	left: 80px

}



.screen11 img {

	top: 0;

	width: 100%;

	height: auto;

	position: absolute;

	z-index: 0;

	margin: 0;

	padding: 0;

	-webkit-transition: bottom 11s;

	-moz-transition: bottom 11s;

	-ms-transition: bottom 11s;

	-o-transition: bottom 11s;

	transition: top 11s

}



.screen11 img:hover {

	top: -100%

}



.laptop-imgWork {

	position: relative

}



.mobile-innerImg {

	position: absolute

}



img.mobile-inner-phone {

	position: absolute;

	bottom: -26px;

	left: 530px;

	z-index: 1

}



img.mobile-inner-phone2 {

	position: absolute;

	right: 0;

	bottom: -15px;

	left: 540px;

	z-index: 1

}



.mobile-innerImg2 {

	position: absolute;

	display: block;

	width: 163px;

	overflow: hidden;

	margin: 0 auto;

	height: 350px;

	z-index: 1;

	left: 554px;

	border-radius: 17px;

	bottom: -15px

}



.mobile-innerImg2 img {

	top: 0;

	height: auto;

	position: absolute;

	z-index: 0;

	margin: 0;

	padding: 0;

	-webkit-transition: bottom 11s;

	-moz-transition: bottom 11s;

	-ms-transition: bottom 11s;

	-o-transition: bottom 11s;

	transition: top 11s

}



.mobile-innerImg2 img:hover {

	top: -100%

}



img.mobile-cam-phone3 {

	position: absolute;

	left: 530px;

	z-index: 999;

	bottom: 312px

}



section.maintainencePkg {

	padding: 50px 0 0 0

}



section.maintainencePkg .slick-dots {

	display: none

}



.preloader {

	position: fixed;

	background-color:#010d20;

	height: 100vh;

	align-items: center;

	display: grid;

	margin: auto;

	z-index: 999999999;

	width: 100%

}



.preloader img {

	margin: auto;

	display: table

}



.ecom-ft-work {

	padding: 0 !important

}







.testimonials_slider .slick-dots {

    position: absolute;

    bottom: -50px;

    display: block;

    width: 100%;

    padding: 0;

    margin: 0;

    list-style: none;

    text-align: center;

}



.testimonials_slider .slick-dots li.slick-active button {

    background-color: #55a2ff;

}



.testimonials_slider .slick-dots li button:before {

    font-size: 0px;

    line-height: 0px;

}



.testimonials_slider .slick-dots li button {

    background-color: #fff;

    border-radius: 50px;

    width: 10px;

    height: 10px;

}





/*View Details*/



.subscribe-fold {

    padding: 200px 0px 20px;

    position:relative;

    border-bottom: 1px solid #0a2739;

}



.subscribe-fold:before{

	content:"";

	background-color: #0a2739;

	position: absolute;

	height: 130px;

	width:100%;

	top: 0;

}

.subscribe-fold .myheading {

    position: relative;

    padding-bottom: 40px;

    font-size: 44px;

    color: #160c28;

    line-height: 1.1em;

    margin-bottom: 30px;

    padding: 0px;

}



.subscribe-fold .mytext {

    text-align: left;

    margin: 0 0 30px;

    padding: 0px;

    font-size: 14px;

    line-height: 20px;

    width: 75%;

}



.subs-pac {

    /* box-shadow: 0 3px 30px #55a2ff; */

    display: block;

    width: 90%;

    text-align: center;

    height: 435px;

    margin: 0 0 60px;

    -ms-transition: all 0.3s ease-out;

    -moz-transition: all 0.3s ease-out;

    -webkit-transition: all 0.3s ease-out;

    -o-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

    border-radius: 10px;

    padding: 75px 0 0;

    border: 1px solid #000;

}



.subscribe-fold h3 {
    font-size: 28px;
    position: relative;
    text-transform: capitalize;
    font-weight: 800;
    width: 80%;
    margin: 0 auto 20px;
    text-align: center;
    color: #000;
}



.subs-pac h6 {

    color: #55a2ff;

    font-size: 40px;

    font-weight: 700;

    display: inline-block;

    line-height: 0.9;

    margin: 0px 0 0;

    position: relative;

    padding: 0 20px;

}



.subs-pac h6 span.old {

    position: absolute;

    right: 0;

    left: 0;

    top: -30px;

    text-decoration: line-through;

    font-weight: bold;

    margin: 0;

    font-size: 16px;

}



.subs-pac h6 span {

    font-size: 16px;

    color: #687087;

    display: inline-block;

    margin: 30px 0 0;

    padding: 0;

    position: relative;

    line-height: 1.3;

}



.subs-pac h6 span {

    font-size: 16px;

    color: #000;

    display: inline-block;

    margin: 30px 0 0;

    padding: 0;

    position: relative;

    line-height: 1.3;

}



.subs-pac a.ordrrrr {

    text-align: center;

    margin: 30px auto 0;

    border: none;

    padding: 14px 60px;

    color: #000;

    box-shadow: none;

    border-radius: 5px;

    font-weight: 600;

    cursor: pointer;

    display: inline-block;

    text-decoration: none;

    font-size: 16px;

    background: #55a2ff;

}



.subs-pac .actions {

    border-top: 1px solid #eeeeee;
    padding: 11px 0 0 0;
    margin: 40px 0 0;
    position: relative;

}



.subs-pac .actions a.chatbtn {

    font-size: 18px;
    font-weight: 600;
    padding: 15px 0px;
    display: inline-block;
    color: #000000;
    margin: 0px;

}


.subs-pac .actions a.chatbtn i {
    margin: 0 5px 0 0;
}




.subs-pac .actions a.numberbtn {
    font-size: 18px;
    font-weight: 600;
    padding: 15px 0px;
    color: #000000;
    display: inline-block;
    margin: 0px;

}

.subs-pac .actions a.numberbtn i {
    margin: 0 10px 0 0;
}



.subscribe-fold .table-packages .head {

    width: 100%;

}



.subscribe-fold .table-packages .head h5 {

    text-align: left;
    font-size: 28px;
    font-weight: 700;
    display: inline-block;
    color: #160c28;
    margin: 0 0 15px 0;

}



.subscribe-fold .table-packages .body ul li {

    text-align: left;

    padding: 14px 0 14px 0;

    border-bottom: 1px solid #eaeaea;

    width: 95%;

    list-style: none;

    margin-left: 0;

}



.subscribe-fold .table-packages .body ul li h6 {

    font-size: 16px;

    font-weight: 400;

    margin: 0;

    padding: 0;

    display: inline-block;

}



.subscribe-fold .table-packages .body ul li span.tick {

    font-size: 20px;

    color: #fb2224;

    position: relative;

    display: block;

    margin: 0;

    padding: 0;

    text-align: center;

    width: 30px;

    height: 32px;

    line-height: 1.6;

    float: right;

}



.subscribe-fold .table-packages .body ul li span.tick:before {

    font-family: "fontawesome";

    content: "\f00c";

    position: absolute;

    top: -20px;

}



.subscribe-fold .table-packages .body .subscription-list {

    height: 430px;

    margin-top: 20px;

    padding: 0;

}



.subs-pac.bronze:hover {

    background: #0a2739;

}



.subs-pac.bronze:hover h6 {

    color: #fff;

}



.subs-pac.bronze:hover h3 {

    color: #fff;

}



.subs-pac.bronze:hover .old {

    color: #fff;

}



.subs-pac.bronze:hover span {

    color: #fff;

}



.subs-pac.bronze:hover .ordrrrr {

    background-color: #fff;

    color: #000;

}



.subs-pac.bronze:hover .chatbtn,

.subs-pac.bronze:hover .numberbtn {

    color: #fff;

}



.subs-pac.bronze:hover .chatbtn,

.subs-pac.bronze:hover .numberbtn {

    color: #fff;

}



.dtalwrp {

    display: block;

    text-align: center;

    font-size: 16px;

    margin: 7px;

    color: #777;

}



h2.myheading.combo {

    color: #fff;

}





.table-packages ul.pkgheadlist li::before {

    position: absolute;

    content: "";

    background: #000;

    height: 6px;

    width: 6px;

    left: -18px;

    z-index: 9999;

    border-radius: 50%;

    top: 21px;

}



.table-packages ul.pkgheadlist {

    padding: 0 0 0 20px;

    margin: 0 0 30px 0;

    height: 404px;

    position: relative;

    overflow-y: scroll;

    list-style: none;

}


/*Dorpdown*/
.menu_dd {
    padding: 0;
    display: none;
}

.menu_dd_tab{
	transition-duration: .5s;
}

.menu_dd_tab.active .menu_dd{
    display: table;
    transition-duration: .5s;
}
/*Dorpdown*/

ul.para_title.clr_wht.aos-init.aos-animate {
    margin: 0;
    padding: 18px;
}


ul.menu_dd {
    padding: 0 0 0 20px;
}



.menu_dd .nav__list-item a:after {
    width: 3%;
    height: 2px;
    top: 16px;
    right: 20px;
}

.content-marketing-banner-txt h1 {
    /* line-height: 55px !important; */
}




.arrow_down{
	position: relative;
    cursor: pointer;
    top: -7px;

}


.arrow_down_active{

	transform: rotate(179deg);
}





section.media-banner h3 span {
  color: #ff6461;
  font-size: 65px;
  font-weight: 600;
}

section.media-banner h3 {
  font-size: 85px;
  font-weight: bold;
  line-height: 65px;
  text-align: center;
}

.media-box {
  border-radius: 15px;
  background-color: rgb(255, 255, 255);
  padding: 33px 100px;
  box-shadow: 0px 9px 79px 0px rgba(0, 0, 0, 0.07);
  text-align: center;
  margin: 0 0 65px 0;
  height: 420px;
  transition: all 1s;
}

.media-box a {
    border-radius: 15px;
    background-color: rgb(18 255 157);
    box-shadow: 0px 9px 79px 0px rgb(0 0 0 / 7%);
    color: #000503;
    padding: 14px 32px;
    font-size: 20px;
    transition: 0.5s;
}

.media-box p {
  padding: 30px 0 35px 0;
  color: #000;
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
}

.media-sec {
  padding: 70px 0px 0;
}

.media-box-2 {
  margin: 150px 0 65px 0;
}

.media-box a:hover {
  background: #000;
  color: #fff;
}



.media-sec .img-11 {
    width: 55%;
}

.media-sec .img-12 {
  color: #fff !important;
}

.media-sec .img-20 {
  width: 50%;
}

.media-sec .img-17 {
  width: 45%;
}

.media-sec .img-21 {
  width: 25%;
}

.media-sec .media-icon-18 {
  width: 20%;
}
.media-box img {
    width: 200px;
    height: auto;
}
section.servingwrp.podcast-bnr h2 {
    font-size: 50px;
    text-align: center;
    text-transform: uppercase;
}










/*.video-testi-sec .row {
    display: flex;
    align-items: center;
}*/

.video-testi-sec  h3 {
    font-size: 30px;
    font-weight: 700;
    margin: 0 0 0;
    color: #222;
}

section.video-testi-sec p {
    font-size: 18px;
    font-weight: 400;
    margin: 10px 0 15px;
    color: #222;
}

.video-testi-sec img {
    width: 100%;
}

section.video-testi-sec {
    background: #55a2ff;
}

section.video-testi-sec .testimonial_slide_box_text {
    background: transparent;
}

section.reviewSec1.review-sec-st h3 {
    font-size: 45px;
}

section.reviewSec1.review-sec-st .reviewDetailsnew h3 {
    font-size: 25px !important;
}

section.reviewSec1.review-sec-st .reviewDetailsnew span {
    display: flex;
    align-items: center;
    justify-content: center;
}

section.reviewSec1.review-sec-st .reviewDetailsnew span h3 {
    position: static;
    left: 0;
    text-align: left;
    margin-left: 20px;
}

section.reviewSec1.review-sec-st .reviewDetailsnew p {
    min-height: 400px;
}

section.reviewSec1.review-sec-st p {
    min-height: 230px;
}



section.reviewSec1.review-sec-st .reviewDetailsnew .trust-img {
    width: 120px;
}

section.reviewSec1.review-sec-st .reviewBox:hover  .reviewDetailsnew  .trust-img {
    filter: brightness(1);
}



section.reviewSec1.review-sec-st .reviewBox:hover .trust-img.bark-logo-st-rev {
    /* filter: invert(1); */
}


section.video-testi-sec .hd-txt-testi {
    text-align: center;
    padding: 50px 0;
}

section.video-testi-sec .hd-txt-testi h3 {
    font-size: 45px;
}

.video-testi-col {
    display: flex;
    align-items: center;
}


.logo_design_sec_slider_mm .ecom_platf_slider img {
    width: auto;
    margin: 50px 0 0;
}

.logo_design_sec_slider_mm .logo_brand_designing_box {
    padding: 0px 0 40px !important;
}

.logo_design_sec_slider_mm .logo_brand_designing_box_img img {
    margin: 0px 0 0;
    width: 100%;
}


.swiper-slide {
    display: flex;
}

.growing_followers_sec_seo .growing_followers_boxes2 {
    padding: 70px 0 0;
    display: table;
    width: 100%;
}

.container_image_ppc_sec1 img {
    width: 85% !important;
}

.container_image_orm_sec1 img {
    width: 100% !important;
}

.growing_followers_sec_orm .growing_followers_boxes2 {
    padding: 70px 0 0;
    display: table;
    width: 100%;
}

.content_banner.webdesign_banner .banner-txt {
    position: relative;
    top: 30px;
}

.container_image_content_m_sec1 img {
    width: 80% !important;
}

.menu_dd_tab i {
    top: -12px;
    font-size: 25px;
    right: 10px;
}

.ecom_inner_page .logo_brand_designing_box {
    padding: 50px 0 0 !important;
}


.woocommerce_banner{
	background-image: url(../images/woo-commerce-banner-bg.png);
}

.shopyfy_banner{
	background-image: url(../images/shopyfy-banner-bg.png);
}

.magento_banner{
	background-image: url(../images/magento-banner-bg.png);
}

.opencard_banner{
	background-image: url(../images/open-card-banner-bg.png);
}

.seo_banner{
	background-image: url(../images/seo-banner-bg.png);
}

.orm_banner{
	background-image: url(../images/orm-banner-bg.jpg);
}

.smm_banner{
	background-image: url(../images/smm-banner-bg.png);
}

.ppc_banner{
	background-image: url(../images/ppc-banner-bg.jpg);
}

.content_banner{
	background-image: url(../images/content-banner-bg.png);
}

.logo_design_banner{
	background-image: url(../images/banner-logo-design-bg.jpg);
}

.priting_banner{
	background-image: url(../images/banner-priting-bg.png);
}

.webportal_banner{
	background-image: url(../images/banner-webportal-bg.jpg);
}

.cms_web_banner{
	background-image: url(../images/banner-cms-bg.png);
}

.logo_design_banner .banner_img img {
    width: 100%;
}

.woo_ecommerce_web_app_sec img {
    width: 100%;
}

.container_image_shopify .reveal {
    max-width: 120%;
    width: 120%;
}

.we_work_sec_ecoom_inner_page {
    padding: 70px 0 80px;
}

.opencard_web_app_sec ul li {
    color: #fff;
    font-size: 16px;
    margin: 0 0 10px;
}

.opencard_web_app_sec ul {
    padding: 30px 0 0 20px;
}

.opencard_web_app_sec img {
    width: 90% !important;
    margin: 0 0 -10px;
}

.cms_web_banner  .banner_img img {
    margin: 50px 0 0;
}

img.flawless-seo-seo-img1 {
    margin: -60px 0 -90px;
}

img.flawless-seo-seo-img2 {
    width: 100%;
}

.growing_followers_sec_orm .brand_wellness_box_img img {
    width: 100%;
}

.growing_followers_sec_orm .growing_followers_boxes2 img {
    width: 100%;
}

.growing_followers_sec_orm_boxes {
	    display: flex;
	    align-items: center;
	}


.growing_followers_sec_orm_boxes2 {
	    display: flex !important;
	    align-items: center;
	}

	.smm_banner .banner-txt {
    top: 100px;
}

img.flawless-smm-img2 {
    width: 100%;
}


.growing_followers_boxes1_smm,
.growing_followers_boxes2_smm {
    display: flex;
    align-items: center;
}

.ppc_banner .banner_img img {
    width: 110%;
}

.ppc_banner .banner-txt {
    top: 100px;
}

.growing_followers_sec_ld img {
    width: 100%;
}

.priting_banner_img img {
    width: auto;
    margin: 90px 0 0;
}

.cms_web_banner .banner_img img {
    margin: 100px 0 0;
}


.growing-followers-cms2{
	width: 100%;
}


.growing_followers_boxes2_cms{
	padding: 0px;
}



.port-img img {
	width: 100%;
	overflow: hidden
}

.port-img {
	overflow: hidden;
	margin-top: 20px
}

.port-img a {
	position: relative
}

.port-img .port-logo-inr-img1 {
	position: absolute;
	left: 28px;
	bottom: 0;
	top: 5px;
	margin: auto;
	width: 50%;
	transition-duration: 1s
}

.port-img:hover .port-logo-inr-img1 {
	transform: scale(1.2);
	transition-duration: 1s
}

.port-img:hover .logo-inr-img2 {
	transform: scale(1.1);
	transition-duration: 1s
}

.port-img:hover .logo-inr-img3 {
	transform: scale(1.1);
	transition-duration: 1s
}

.port-img:hover .logo-inr-img6 {
	transform: scale(1.1);
	transition-duration: 1s
}

.port-logo-inr-img1.logo-inr-img2 {
	width: 44%;
	top: -70px;
	left: 0;
	right: 0;
	bottom: 0
}

.port-logo-inr-img1.logo-inr-img3 {
	width: 70%;
	right: 0;
	left: 0;
	top: -22px
}

.port-logo-inr-img1.logo-inr-img4 {
	width: 43%;
	right: 32px;
	left: inherit;
	top: 16px
}

.port-logo-inr-img1.logo-inr-img5 {
	width: 30%;
	right: 22px;
	top: 0
}

.port-logo-inr-img1.logo-inr-img6 {
	width: 68%;
	margin: auto;
	left: 22px;
	top: 43px
}

.port-logo-inr-img1.logo-inr-img7 {
	top: 78px;
	width: 56%;
	left: 11px
}

.port-logo-inr-img1.logo-inr-img8 {
	width: 36%;
	top: 80px;
	left: 35px
}

.port-logo-inr-img1.logo-inr-img9 {
	width: 37%;
	top: 21px;
	left: 105px
}

.port-logo-inr-img1.brnd-inr-img1 {
	width: 27%;
	top: -138px;
	left: 77px
}

.port-logo-inr-img1.brnd-inr-img2 {
	width: 44%;
	left: 26px;
	top: 47px;
	bottom: 0;
	right: 0
}

.port-logo-inr-img1.brnd-inr-img3 {
	width: 25%;
	right: 3px;
	top: -66px
}

.port-logo-inr-img1.brnd-inr-img5 {
	width: 27%;
	top: -78px;
	left: 37px
}

.port-logo-inr-img1.brnd-inr-img6 {
	width: 73%;
	top: 81px;
	left: 39px
}

.port-logo-inr-img1.brnd-inr-img7 {
	left: inherit;
	right: 22px;
	top: -40px;
	width: 26%
}

.port-logo-inr-img1.brnd-inr-img8 {
	left: inherit;
	right: 37px;
	top: 59px;
	width: 40%
}

.port-logo-inr-img1.brnd-inr-img9 {
	top: 75px;
	width: 45%;
	right: 36px;
	left: inherit
}

.portfolio_logodesign_mm {
    padding: 60px 0 10px !important;
}

.portfolio_logodesign_mm .hd-txt{
	margin:0 auto 40px;
}
.portfolio_for_tab button.slick-next.slick-arrow{
	right: -54px !important;
}
.portfolio_for_tab button.slick-prev.slick-arrow{
	left: -45px !important;
}
section.footer-sec.outer.section.global-footer-container.fp-section.fp-table.active.fp-completely {
    height: auto !important;
}