h2,p {
	font-weight: 400;
	color: #000;
}

.company-info .cont,.desktop_ban_comma,.footer_btm .footer_btm_menu ul li,.forecast_bud,.header .navbar-nav .sub-menu li,.heading-sep,.inner-banner .banner-ele figure div img,.inner_pgg .inner_banner_content h1,.main-banner .banner-ele figure div img,.posRel,.suitable-package .quote-vector,.web-pg .srv-info-sec .srv-info-wrap .srv-item-ico .icon-w-planning-1 {
	position: relative;
}

.orange-btn,.primary-btn {
	text-align: center;
	transition: .3s ease-in;
}

.header .btn-inline .btn:hover,.mobile-nav .btn-inline .btn:hover,.orange-btn:hover,.primary-btn:hover {
	transform: translateY(-5px);
}

:root {
	--black: #000;
	--white: #fff;
	--green: #41c17b;
	--orange: #fa8552;
	--gray: #f4f6fd;
	--dark: #252525;
	--light: #7f7f7f;
	--blue: #0f176f;
	--d-blue: #0f1770;
	--heading-size-h1: 39px;
	--heading-size-h2: 36px;
	--font-size-base: 18px;
}

@font-face {
	font-family:BigNoodleTitling;src:url(../fonts/BigNoodleTitling.woff);
}

@font-face {
	font-family:BigNoodleTitling;src:url(../fonts/BigNoodleTitling.woff2);
}

@font-face {
	font-family:Now;src:url('../fonts/Now-Medium.woff2') format('woff2'),url('../fonts/Now-Medium.woff') format('woff');font-weight:500;font-style:normal;font-display:swap;
}

@font-face {
	font-family:Now;src:url('../fonts/Now-Regular.woff2') format('woff2'),url('../fonts/Now-Regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap;
}

@font-face {
	font-family:BigNoodleTitling;src:url('../fonts/BigNoodleTitling.woff2') format('woff2'),url('../fonts/BigNoodleTitling.woff') format('woff');font-weight:400;font-style:normal;font-display:swap;
}

@font-face {
	font-family:Now;src:url('../fonts/Now-Bold.woff2') format('woff2'),url('../fonts/Now-Bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap;
}

@font-face {
	font-family:Now;src:url('../fonts/Now-Light.woff2') format('woff2'),url('../fonts/Now-Light.woff') format('woff');font-weight:300;font-style:normal;font-display:swap;
}

h1 {
	font-family: BigNoodleTitling;
}

a,h4,p {
	font-family: Now;
}

@font-face {
	font-family:ico-get-set-go;src:url('../fonts/ico-get-set-go.eot?q4nr5o');src:url('../fonts/ico-get-set-go.eot?q4nr5o#iefix') format('embedded-opentype'),url('../fonts/ico-get-set-go.ttf?q4nr5o') format('truetype'),url('../fonts/ico-get-set-go.woff?q4nr5o') format('woff'),url('../fonts/ico-get-set-go.svg?q4nr5o#ico-get-set-go') format('svg');font-weight:400;font-style:normal;
}

[class*=" icon-"],[class^=icon-] {
	font-family: ico-get-set-go!important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.company-info h5,.main-banner h4,.upper-head {
	text-transform: uppercase;
}

.icon-content-dev-1:before {
	content: "\e918";
}

.icon-content-dev-2:before {
	content: "\e919";
}

.icon-content-dev-3:before {
	content: "\e91a";
}

.icon-branding-requirment-1:before {
	content: "\e900";
}

.icon-branding-requirment-2:before {
	content: "\e901";
}

.icon-branding-requirment-3:before {
	content: "\e902";
}

.icon-branding-requirment-4:before {
	content: "\e903";
}

.icon-concept-script-1:before {
	content: "\e904";
}

.icon-concept-script-2:before {
	content: "\e905";
}

.icon-concept-script-3:before {
	content: "\e906";
}

.icon-concept-script-4:before {
	content: "\e907";
}

.icon-design-breif-1:before {
	content: "\e908";
}

.icon-design-breif-2:before {
	content: "\e909";
}

.icon-design-breif-3:before {
	content: "\e90a";
}

.icon-e-planning-1:before {
	content: "\e90b";
}

.icon-e-planning-2:before {
	content: "\e90c";
}

.icon-e-planning-3:before {
	content: "\e90d";
}

.icon-e-planning-4:before {
	content: "\e90e";
}

.icon-header-arrow:before {
	content: "\e90f";
}

.icon-planning-1:before {
	content: "\e910";
}

.icon-planning-2:before {
	content: "\e911";
}

.icon-planning-3:before {
	content: "\e912";
}

.icon-quotation:before {
	content: "\e913";
	color: #f1582a;
}

.icon-w-planning-1:before {
	content: "\e914";
}

.icon-w-planning-2:before {
	content: "\e915";
}

.icon-w-planning-3:before {
	content: "\e916";
}

.icon-w-planning-4:before {
	content: "\e917";
}

body {
	font-family: 'Nunito Sans',sans-serif;
	overflow-x: hidden;
}

a {
	transition: .2s ease-in;
}

a:hover {
	text-decoration: none;
}

:focus {
	outline: 0!important;
}

p {
	font-size: var(--font-size-base);
	line-height: 1.6;
	margin-bottom: 15px;
	font-size: 16px;
}

h2 {
	font-size: var(--heading-size-h2);
	line-height: 1.2;
	margin-bottom: 4px;
	font-size: 46px;
	font-family: BigNoodleTitling;
}

.ptpx-0,.serv_dv_pgg section.content.suitable-package.bg_whitee.inner_quote_form {
	padding-top: 0!important;
}

.mbpx-3 {
	margin-bottom: 3px!important;
}

.mbpx-0 {
	margin-bottom: 0!important;
}

.mbpx-10 {
	margin-bottom: 10px!important;
}

.mbpx-30 {
	margin-bottom: 30px!important;
}

.mbpx-25 {
	margin-bottom: 25px!important;
}

.mbpx-40 {
	margin-bottom: 40px!important;
}

.mtpx-10 {
	margin-top: 10px!important;
}

.mtpx-20 {
	margin-top: 20px!important;
}

.mtpx-40 {
	margin-top: 40px!important;
}

.ptpx-70 {
	padding-top: 70px!important;
}

.pbpx-100 {
	padding-bottom: 70px!important;
}

.plrpx-0 {
	padding-left: 0!important;
	padding-right: 0!important;
}

.plpx-70 {
	padding-left: 70px;
}

.content.srv-info-sec.dv_srv_secc .primary-btn.green-btn,.ctrdv,.testimonial-sec .testimoal-head p {
	margin: 0 auto;
}

.cntr-content {
	align-items: center;
}

.ele-img-lft {
	direction: rtl;
	margin-bottom: 0;
}

.alter-bg {
	background: #f8f8f8;
}

.heading-sep {
	display: block;
}

.heading-sep .seperator,.heading-sep .seperator-left {
	-moz-border-radius: 2px;
}

.header .btn-inline .green-btn,.heading-sep .seperator-left.green,.mobile-nav .btn-inline .green-btn {
	background: var(--green);
}

.heading-sep .seperator:after,.heading-sep .seperator:before {
	background: var(--white);
	top: 0;
	position: absolute;
	content: '';
	height: 3px;
	width: 10px;
}

.heading-sep .seperator-left:before {
	content: '';
}

.heading-sep .seperator:before {
	left: 10px;
}

.heading-sep .seperator:after {
	right: 10px;
}

.alter-bg .heading-sep .seperator:after,.alter-bg .heading-sep .seperator:before,.suitable-package-altr-bg .suitable-package,.suitable-package-altr-bg .suitable-package .seperator-left.green:before {
	background: #f4f6fd;
}

.sub-head {
	font-size: 16px;
	line-height: 1.9;
	padding: 0 35px;
}

.upper-head {
	font-size: 16px;
	color: var(--green);
	font-weight: 700;
	margin: 40px 0 10px;
}

.mtpx-17 {
	margin-top: 17px;
}

.primary-btn {
	color: var(--white);
	border-radius: 5px;
	padding: 9px 15px;
	font-size: 18px;
	background: var(--dark);
	min-width: 178px;
	display: inline-block;
	border: none;
	cursor: pointer;
	font-weight: 400;
}

.primary-btn:focus,.primary-btn:hover {
	color: var(--white);
	text-decoration: none;
}

.btn-text,.btn-text:hover,.content-text p a,.header .navbar-nav .sub-menu a:hover,.header .navbar-nav .sub-menu li.active a {
	color: var(--orange);
}

.primary-btn.green-btn {
	background: var(--orange);
	display: flex;
	width: fit-content;
	align-items: center;
	gap: 10px;
	justify-content: center;
}

.primary-btn.green-btn>i {
	color: #fff;
	font-weight: 600;
}

.primary-btn.orange-btn {
	background: var(--orange);
	-webkit-box-shadow: 0 0 27px 1px rgba(255,86,33,.55);
	-moz-box-shadow: 0 0 27px 1px rgba(255,86,33,.55);
	box-shadow: 0 0 27px 1px rgba(255,86,33,.55);
}

.header.fixed,.srv-sec .bx {
	-webkit-box-shadow: 7px 5px 30px rgba(72,73,121,.15);
	-moz-box-shadow: 7px 5px 30px rgba(72,73,121,.15);
}

.btn-text {
	font-size: 18px;
	display: inline-block;
	font-weight: 400;
	margin-left: 30px;
	text-decoration: underline;
}

.orange-btn {
	color: #fff;
	border-radius: 5px;
	font-size: 16px;
	padding: 16px 20px;
	font-weight: 400;
	background: var(--orange);
	margin-left: 10px;
	width: 171px;
}

.orange-btn:hover {
	color: var(--white);
	text-decoration: none;
}

.header {
	position: absolute;
	z-index: 10;
	padding: 23px 0;
	width: 100%;
	top: 30px;
	transition: .3s;
}

.header.fixed {
	position: fixed;
	background: var(--white);
	padding: 5px 0;
	box-shadow: 7px 5px 30px rgba(72,73,121,.15);
	z-index: 9999;
	top: 0;
}

.header_top {
	padding: 10px 0;
	background: #353535;
}

.desktop_banenr_content .desktop_ban_con p,.footer-dark p,.footer.footer-dark .footer-pre ul li a,.footer_btm .footer_btm_menu ul li a,.header_top a,.packages-sec .bx:hover .detail ul li,.packages-sec .bx:hover .info h4,.packages-sec .bx:hover .info h5,.packages-sec .bx:hover .services-pg .packages-sec .bx p,.packages-sec .bx:hover p {
	color: #fff;
}

.contact-pg .contact-info-right .contact-info li a,.header.fixed .navbar-nav .nav-item .nav-link,.srv-sec .bx h4,.suitable-package-altr-bg .suitable-package h2,.suitable-package-altr-bg .suitable-package p {
	color: var(--dark);
}

.header_top a i {
	color: #fa8552;
	margin-right: 5px;
	font-size: 14px;
	animation: 1.5s infinite tada;
}

@keyframes tada {
	0% {
		transform: scale(1);
	}

	10%,20% {
		transform: scale(.9) rotate(-3deg);
	}

	30%,50%,70%,90% {
		transform: scale(1.1) rotate(3deg);
	}

	40%,60%,80% {
		transform: scale(1.1) rotate(-3deg);
	}

	100% {
		transform: scale(1) rotate(0);
	}
}

.header .navbar-brand img+img,.header.fixed .navbar-brand img,.inner_pgg .inner-banner-content:after,.mob_version_wrpr,.serv_dv_pgg .header .navbar-brand img,.serv_dv_pgg .inner-banner:after,.serv_dv_pgg .suitable-package .quote-form:after,.tab-custom .tabs,.testimonial-sec .testimonial-slider .owl-nav,section.content.info-sec.main-banner:after {
	display: none;
}

.header .navbar-brand img,.header.fixed .navbar-brand img+img,.serv_dv_pgg .header .navbar-brand img+img,.tab-custom .tabs.current {
	display: block;
}

.contact-pg .sub-head,.free-consult .sub-head,.header .navbar,.mobile-nav .btn-inline li,.srv-info-sec {
	padding: 0;
}

.header .navbar .mr-auto {
	margin-left: auto!important;
	margin-right: 0!important;
}

.header .navbar .mr-auto li:last-child {
	margin-right: 0;
}

.header .navbar-toggler {
	background-color: var(--green);
	padding: 8px 12px;
}

.header .navbar-toggler .navbar-toggler-icon {
	background: var(--white);
	height: 3px;
	position: relative;
}

.header .navbar-toggler .navbar-toggler-icon:after,.header .navbar-toggler .navbar-toggler-icon:before {
	position: absolute;
	content: '';
	background: var(--white);
	width: 100%;
	height: 3px;
	left: 0;
}

.header .navbar-toggler .navbar-toggler-icon:before {
	top: -7px;
}

.header .navbar-toggler .navbar-toggler-icon:after {
	bottom: -7px;
}

.header .navbar-brand {
	margin: 0;
	width: 20%;
}

.navbar-brand img {
	width: 100%;
	max-width: 100%;
}

.contact-pg .contact-info-right .payments li a:first-child,.footer .footer-pre .payments li a:first-child,.header .navbar-nav .nav-item:first-child {
	margin-left: 0;
}

.header .navbar-nav .nav-item {
	margin: 0 15px;
	position: relative;
}

.header .navbar-nav .nav-item .nav-link {
	padding: 15px 0;
	font-size: 16px;
	color: #fff;
	font-weight: 400;
}

.header .navbar-nav .nav-item .nav-link:after {
	content: '';
	width: 0;
	height: 3px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: 9px;
	-webkit-transition: .4s;
	-o-transition: .4s;
	-moz-transition: .4s;
	transition: .4s;
}

.header .navbar-nav .nav-item:hover .sub-menu {
	opacity: 1;
	visibility: visible;
	-webkit-transform: rotateX(0) translateZ(0);
	-moz-transform: rotateX(0) translateZ(0);
	transform: rotateX(0) translateZ(0);
	top: -webkit-calc(100% - 20px);
	top: -moz-calc(100% - 20px);
	top: calc(100%);
}

.header .navbar-nav .sub-menu {
	display: block;
	position: absolute;
	left: -90px;
	top: -webkit-calc(100% + 15px);
	top: -moz-calc(100% + 15px);
	top: calc(100% + 15px);
	min-width: 302px;
	white-space: nowrap;
	padding: 20px 0;
	opacity: 0;
	z-index: 555;
	visibility: hidden;
	text-align: left;
	-webkit-transition: .3s ease-in;
	-o-transition: .3s ease-in;
	-moz-transition: .3s ease-in;
	transition: .3s ease-in;
	border: 0;
	-webkit-box-shadow: 7px 5px 30px 0 rgba(72,73,121,.15);
	-moz-box-shadow: 7px 5px 30px 0 rgba(72,73,121,.15);
	box-shadow: 7px 5px 30px 0 rgba(72,73,121,.15);
	margin-top: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 12px;
	background: var(--dark);
	list-style: none;
}

.header .navbar-nav .sub-menu a {
	color: var(--white);
	padding: 5px 25px;
	display: block;
	position: relative;
	font-size: 14px;
}

.header .navbar-nav .sub-menu a:before {
	content: '';
	display: inline-block;
	height: 3px;
	width: 0;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	vertical-align: middle;
	margin-right: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .4s;
	-o-transition: .4s;
	-moz-transition: .4s;
	transition: .4s;
}

.move-down,.packages-sec .bx {
	transition: .2s ease-in;
	text-align: center;
}

.header .navbar-nav .sub-menu a:hover:before,.header .navbar-nav .sub-menu li.active a:before {
	margin-right: 10px;
	width: 10px;
	opacity: 1;
	visibility: visible;
	background: var(--orange);
}

.header .btn-inline .btn {
	color: #fff;
	border-radius: 5px;
	padding: 9px 15px;
	font-size: 16px;
	font-weight: 400;
	background: var(--dark);
	width: 171px;
	text-align: center;
	transition: .3s ease-in;
}

.header .btn-inline .orange-btn {
	background: var(--orange);
	margin-left: 10px;
}

.move-down {
	position: absolute;
	bottom: 96px;
	font-size: 21px;
	z-index: 99;
	left: 0;
	right: 0;
	margin: auto;
	width: 70px;
	height: 70px;
	background: var(--white);
	border-radius: 50%;
	-webkit-box-shadow: 0 0 29px 2px rgba(0,0,0,.16);
	-moz-box-shadow: 0 0 29px 2px rgba(0,0,0,.16);
	box-shadow: 0 0 29px 2px rgba(0,0,0,.16);
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	-webkit-animation: 1s infinite alternate moveupdown;
	animation: 1s infinite alternate moveupdown;
}

.move-down:hover,.tab-custom .tabbing-links li.current,.tab-custom .tabbing-links li:hover {
	background: var(--orange);
	color: var(--white);
}

.main-banner {
	background: var(--white);
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 850px;
	top: 0;
	z-index: 8;
	padding-top: 160px;
}

.inner-banner-content .banner-ele,.main-banner .banner-ele {
	z-index: 7;
}

.main-banner .banner-ele.banner-img,.tab-custom.content.packages_tabss .tabs.current ul.tabbing-links {
	margin-top: 40px;
}

.main-banner .banner-ele figure {
	position: absolute;
	top: -30px;
	left: -280px;
}

.inner-banner .banner-ele figure div,.main-banner .banner-ele figure div {
	visibility: hidden;
	position: absolute;
}

.main-banner h4 {
	color: var(--orange);
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 6px;
	visibility: hidden;
}

.main-banner h1 {
	color: #000;
	font-size: 56px;
	font-weight: 500;
	margin-bottom: 8px;
	visibility: hidden;
}

.main-banner p {
	color: #000;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
	margin-bottom: 25px;
	visibility: hidden;
	width: 93%;
}

.inner-banner .banner-ele .primary-btn,.main-banner .primary-btn {
	visibility: hidden;
}

.main-banner:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 83px;
	width: 100%;
	background: url(../images/banner-bg.jpg) 0 0/100% 100%;
	height: 100%;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	z-index: 3;
}

.content {
	padding: 90px 0;
}

.info-sec {
	padding: 50px 0 162px;
	overflow: hidden;
}

.about-pg .info-sec {
	padding: 81px 0;
}

.info-sec p {
	margin-bottom: 31px;
}

.about-company .country-lst,.footer .footer-pre ul,.info-sec .who-we-are-list,.srv-details .srv-details-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.info-sec .who-we-are-list li i {
	margin: 0 5px 0 0;
	color: var(--green);
}

.info-sec .who-we-are-list li {
	font-size: 18px;
	color: var(--dark);
	font-weight: 700;
	width: 33%;
	float: left;
	margin: 13px 0;
}

.srv-sec .bx {
	background: #fff;
	padding: 32px 20px 0;
	box-shadow: 7px 5px 30px rgba(72,73,121,.15);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 20px;
	text-align: center;
	margin-top: 34px;
	min-height: 330px;
}

.srv-sec .bx h4 {
	font-size: 22px;
	font-weight: 500;
}

.company-info h5,.packages-sec .bx .info h5,.srv-sec .bx a {
	font-size: 16px;
	font-weight: 400;
}

.srv-sec .bx p {
	font-size: 16px;
	padding: 0 10px;
}

.srv-sec .bx a {
	color: var(--orange);
	text-transform: capitalize;
	position: relative;
}

.srv-sec .bx a::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	background: var(--orange);
	left: 0;
	bottom: 0;
}

.srv-sec .icon-wrapper {
	position: relative;
	z-index: 1;
	width: 130px;
	height: 130px;
	font-size: 50px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	background: #fff;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.srv-sec .icon-wrapper figure {
	width: 45%;
}

.srv-sec .icon-wrapper.sm figure {
	width: 32%;
}

.srv-sec .icon-wrapper figure img {
	max-width: 100%;
}

.srv-sec .icon-wrapper .circle {
	position: absolute;
	width: 84%;
	height: 84%;
	left: 8%;
	top: 8%;
	z-index: -1;
}

.srv-sec .icon-wrapper .circle:first-child {
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	-webkit-animation: 2s linear infinite paused service_hexagon_1;
	-moz-animation: 2s linear infinite paused service_hexagon_1;
	-o-animation: 2s linear infinite paused service_hexagon_1;
	animation: 2s linear infinite paused service_hexagon_1;
}

.srv-sec .icon-wrapper .circle:nth-child(2) {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-animation: 2s linear infinite paused service_hexagon_2;
	-moz-animation: 2s linear infinite paused service_hexagon_2;
	-o-animation: 2s linear infinite paused service_hexagon_2;
	animation: 2s linear infinite paused service_hexagon_2;
}

.header.active,.main-cont.active {
	transform: translateX(-79%);
}

.srv-sec .icon-wrapper .circle>svg {
	width: 18px;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
}

.srv-sec .bx:hover .icon-wrapper .circle:first-child,.srv-sec .bx:hover .icon-wrapper .circle:nth-child(2) {
	-webkit-animation-play-state: running;
	-moz-animation-play-state: running;
	-o-animation-play-state: running;
	animation-play-state: running;
}

.company-info {
	background: url('../images/company-info-bg.jpg') center top/cover no-repeat;
	padding: 58px 0;
	text-align: center;
}

.company-info .col:first-child {
	border-left: 0;
}

.company-info .col {
	border-left: 1px solid rgba(255,255,255,.25);
}

.company-info .cont .counter-value {
	color: var(--white);
	font-size: 38px;
	font-weight: 700;
}

.company-info .cont .counter-add {
	color: var(--orange);
	font-weight: 800;
	font-size: 25px;
	position: relative;
	top: -12px;
}

.company-info h5 {
	color: var(--green);
}

.packages-sec {
	padding: 90px 0 130px;
}

.content.srv-info-sec.dv_srv_secc .col-md-12>p,.packages-sec h2 {
	margin-bottom: 50px;
}

.packages-sec .bx {
	background: #fff;
	padding: 40px 35px;
	-webkit-box-shadow: 7px 5px 30px rgba(72,73,121,.15);
	-moz-box-shadow: 7px 5px 30px rgba(72,73,121,.15);
	box-shadow: 7px 5px 30px rgba(72,73,121,.15);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 15px;
	margin-bottom: 30px;
}

.packages-sec .bx:hover {
	-webkit-box-shadow: 7px 5px 30px rgba(72,73,121,.25);
	-moz-box-shadow: 7px 5px 30px rgba(72,73,121,.25);
	box-shadow: 7px 5px 30px rgba(72,73,121,.25);
	transform: translateY(-10px);
	background-color: #000;
}

.footer .footer-pre .social li a:hover,.packages-sec .bx:hover .primary-btn.green-btn {
	background: var(--orange);
}

.packages-sec .bx .info {
	border-bottom: 1px solid #e1e1e1;
	margin-bottom: 32px;
	padding-bottom: 8px;
}

.packages-sec .bx .info h5 {
	text-transform: capitalize;
	color: var(--dark);
	border: 2px solid var(--orange);
	display: inline-block;
	margin: 0 0 18px;
	padding: 5px 11px;
	border-radius: 5px;
	font-family: Now;
}

.packages-sec .bx .info h3,.srv-info-sec .srv-info-wrap .srv-item-content h3 {
	font-size: 24px;
	color: var(--dark);
	font-weight: 700;
}

.packages-sec .bx .info h4 {
	font-size: 74px;
	color: var(--dark);
	font-weight: 800;
	position: relative;
}

.packages-sec .bx .info h4 sup {
	font-weight: 700;
	font-size: 34px;
	top: -23px;
	left: 13px;
}

.packages-sec .bx .info h4 small {
	font-weight: 700;
	font-size: 34px;
	position: relative;
	left: -19px;
	top: -23px;
}

.packages-sec .bx .info h4 sub {
	position: static;
	font-size: 15px;
	display: block;
	margin: 8px 0 10px;
}

.packages-sec .bx .detail {
	margin-bottom: 30px;
}

.packages-sec .bx .detail .slimScrollDiv {
	height: auto!important;
}

.packages-sec .bx .detail ul {
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: left;
	height: 190px!important;
}

.contact-pg .contact-info-right .contact-info li:first-child,.footer .footer-pre .contact-info li:first-child,.footer .footer-pre ul li:first-child,.inner-banner.content-development .banner-ele,.inner-banner.marketing-collaterals .banner-ele,.inner-banner.motion-graphics .banner-ele,.inner-banner.web-design-dev .banner-ele,.packages-sec .bx .detail ul li:first-child {
	padding-top: 0;
}

.packages-sec .bx .detail ul li.heading {
	font-weight: 700;
	font-size: 18px;
}

.packages-sec .bx .detail ul li {
	font-size: 16px;
	color: var(--dark);
	padding: 13px 10px 0;
}

.packages-sec .bx .detail .slimScrollBar {
	background: #8fa5f7!important;
}

.packages-sec .bx .primary-btn {
	padding: 13px 15px;
}

.packages-sec .bx .primary-btn:hover {
	transform: translateY(0);
}

.packages-sec .bx .see-all {
	color: var(--orange);
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
}

.suitable-package {
	padding: 55px 0;
	background: #e8f7ff;
	background: -moz-linear-gradient(top,#0f1770 0,#040c5e 100%);
}

.suitable-package h2,.suitable-package p {
	color: #000;
}

.suitable-package p {
	margin-bottom: 0;
	font-weight: 400;
	width: 94%;
}

.suitable-package .quote-vector:before {
	content: '';
	background: url(../images/suitable-package-vector.png) center top/cover no-repeat;
	width: 398px;
	height: 399px;
	position: absolute;
	left: -90px;
	bottom: -50px;
	z-index: 1;
}

.suitable-package .quote-form {
	background: var(--white);
	border-radius: 10px;
	padding: 41px 33px;
	text-align: center;
	width: 100%;
	position: relative;
	box-shadow: 8px 3px 20px 0 #00000054;
}

.suitable-package .quote-form:after {
	content: '';
	background: url('../images/suitable-package-vector-form.png') center top no-repeat;
	width: 204px;
	height: 208px;
	position: absolute;
	right: -91px;
	top: -86px;
}

.suitable-package .quote-form h4 {
	color: var(--dark);
	font-weight: 700;
	font-size: 24px;
	margin-bottom: 30px;
}

.suitable-package .quote-form .form .field {
	margin-bottom: 12px;
}

.clients-slider .owl-dots,.clients-slider .owl-nav,.free-consult .form label.error,.inner_quote_form .quote-vector:before,.suitable-package .quote-form .form .field label.error {
	display: none!important;
}

.suitable-package .quote-form .form .field input[type=email],.suitable-package .quote-form .form .field input[type=text],.suitable-package .quote-form .form .field textarea {
	width: 100%;
	background: #f5f5f5;
	font-size: 15px;
	color: #767676;
	font-weight: 600;
	border: 1px solid transparent;
	padding: 13px 24px;
	border-radius: 10px;
}

.suitable-package .quote-form .form .field input[type=email]::placeholder,.suitable-package .quote-form .form .field input[type=text]::placeholder,.suitable-package .quote-form .form .field textarea::placeholder {
	color: #000;
}

.contact-pg .form input[type=email].error,.contact-pg .form input[type=text].error,.free-consult .form input[type=email].error,.free-consult .form input[type=text].error,.suitable-package .quote-form .form .field input[type=email].error,.suitable-package .quote-form .form .field input[type=text].error {
	border-color: var(--red);
}

.suitable-package .quote-form .form .field textarea {
	resize: none;
	height: 99px;
}

.suitable-package .quote-form .form .primary-btn {
	width: 100%;
	padding: 13px 15px;
	cursor: pointer;
}

section.content.suitable-package.animate.fadeInUp .heading-sep+h2 {
	font-size: 40px;
	font-family: Now;
	font-weight: 500;
}

.portfolio-sec {
	padding: 120px 0;
	overflow: hidden;
}

.portfolio-sec .portfolio,.tab-custom .tabbing-links {
	text-align: center;
}

.portfolio-sec .portfolio .portfolio-button-group {
	margin: 34px 0 53px;
}

.portfolio-sec .portfolio .portfolio-button-group .button {
	font-weight: 800;
	font-size: 14px;
	text-transform: capitalize;
	color: var(--black);
	background: 0 0;
	border: none;
	transition: .1s ease-in;
	cursor: pointer;
	padding: 12px 15px;
	border-radius: 5px;
	margin: 0 2px;
}

.portfolio-sec .portfolio .grid .element-item,.portfolio-sec .portfolio .grid-altr .element-item {
	margin: .5%;
	background: var(--light);
	width: 19%;
	border-radius: 8px;
}

.portfolio-sec .portfolio .portfolio-button-group .button.is-checked,.portfolio-sec .portfolio .portfolio-button-group .button:hover {
	background: var(--green);
	color: var(--white);
}

.portfolio-sec .portfolio .grid,.portfolio-sec .portfolio .grid-altr {
	margin: 0 .5%;
}

.portfolio-sec .portfolio .grid .element-item {
	overflow: hidden;
}

.clients-slider .owl-item figure,.essentials_dv_sec .mob_elevate_box>p,.mobile-nav .sub-menu li,.portfolio-sec .portfolio .grid .element-item figure,.portfolio-sec .portfolio .grid-altr .element-item figure,.portfolio_Sec_home .element-item figure,.portfolio_individual .element-item figure {
	margin: 0;
}

.portfolio-sec .portfolio .wrp figure {
	margin: 0;
	position: relative;
}

.portfolio-sec .portfolio .grid .element-item figure img,.portfolio-sec .portfolio .wrp figure img,.portfolio_individual .element-item figure img {
	max-width: 100%;
	border-radius: 8px;
	transition: .3s;
}

.portfolio-sec .portfolio .grid-altr .element-item figure img {
	max-width: 100%;
	border-radius: 8px;
}

.portfolio-sec .portfolio .grid .element-item:hover .info-overlay,.portfolio-sec .portfolio .wrp:hover .info-overlay,.portfolio_Sec_home .element-item:hover .info-overlay,.portfolio_individual .element-item:hover .info-overlay {
	opacity: 1;
}

.portfolio-sec .portfolio .grid .element-item:hover figure img,.portfolio-sec .portfolio .wrp:hover figure img,.portfolio_Sec_home .element-item:hover figure img,.portfolio_individual .element-item:hover figure img {
	transform: scale(1.1);
}

.portfolio-sec .portfolio .info-overlay,.portfolio_Sec_home .info-overlay,.portfolio_individual .info-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(5,13,97,.7);
	border-radius: 8px;
	transition: .3s;
	opacity: 0;
}

.portfolio-sec .portfolio .info-overlay i,.portfolio_Sec_home .element-item .info-overlay i,.portfolio_individual .element-item .info-overlay i {
	width: 65px;
	height: 65px;
	background: #fff;
	border-radius: 50%;
	color: var(--orange);
	font-size: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.testimonial-sec {
	padding: 100px 0;
	overflow: hidden;
	background: #fff;
}

.testimonial-sec .seperator-left.green:before {
	background: var(--blue);
}

.testimonial-sec h2 {
	color: var(--white);
	margin-bottom: 17px;
}

.testimonial-sec .primary-btn {
	padding: 13px;
}

.testimonial-sec .testimonail-col {
	overflow-y: visible;
	padding-bottom: 35px;
}

.testimonial-sec .testimonial-slider .owl-item {
	width: 402px!important;
	height: 310px;
	background: var(--white);
	float: left;
	position: relative;
	border-radius: 20px;
	box-shadow: 6px 6px 20px 0 #0000002e;
	margin-top: 20px;
}

.testimonial-sec .testimonial-slider .owl-item .icon-quote {
	position: absolute;
	bottom: -25px;
	right: 31px;
	width: 86px;
	height: 61px;
	background: url(../images/testimonial-quote.png) center top no-repeat;
}

.testimonial-sec .testimonial-slider .owl-item .text,.testimonials .item .text {
	padding: 35px 30px;
}

.testimonial-sec .testimonial-slider .owl-item .text .auth-info {
	margin-bottom: 15px;
}

.testimonial-sec .testimonial-slider .owl-item .text .auth-info h3 {
	font-weight: 500;
	font-size: 20px;
	color: var(--dark);
	font-family: Now;
}

.testimonial-sec .testimonial-slider .owl-item .text .auth-info h4,.testimonials .item .text .auth-info h4 {
	font-size: 18px;
	color: var(--dark);
	font-weight: 400;
	text-transform: uppercase;
}

.testimonial-sec .testimonial-slider .owl-item .text p {
	line-height: 1.4;
	margin-bottom: 16px;
	height: auto;
	overflow: hidden;
}

.testimonial-sec .testimonial-slider .owl-dots {
	position: absolute;
	bottom: 0;
	display: none;
}

.testimonial-sec .testimonial-slider .owl-dots button {
	width: 6px;
	height: 6px;
	opacity: 1;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: var(--green);
	border: none;
	padding: 0;
	cursor: pointer;
	margin-right: 10px;
	-webkit-transition: .4s;
	-o-transition: .4s;
	-moz-transition: .4s;
	transition: .4s;
}

.testimonial-sec .testimonial-slider .owl-dots button.active {
	width: 27px;
}

.free-consult {
	padding: 80px 0 115px;
}

.free-consult .form {
	margin: 20px 0 0;
}

.free-consult .form input[type=email],.free-consult .form input[type=text],.free-consult .form select,.free-consult .form textarea {
	width: 100%;
	font-size: 15px;
	color: #000;
	font-weight: 600;
	border: 1px solid #000;
	padding: 13px 24px;
	border-radius: 5px;
	font-family: inherit;
	margin-bottom: 14px;
	background: 0 0!important;
}

.contact_abt_form select {
	appearance: none;
}

.free-consult .form input[type=email]::placeholder,.free-consult .form input[type=text]::placeholder,.free-consult .form select::placeholder,.free-consult .form textarea::placeholder {
	color: #000;
}

.free-consult .form textarea {
	margin: 0;
	resize: none;
	height: 196px;
}

.free-consult .form .interested-in h6 {
	font-size: 17px;
	color: var(--black);
	font-weight: 600;
	margin: 15px 0;
}

.free-consult .form .cCheckbox.checked {
	border: 1px solid #fa8552!important;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAn0lEQVQ4T2NkoBAwUqifYUAM0AW6+hEQfwS5nlQXGAH17AHieUBcQqoBMM1ngRr9gfgbKQZg1YxugCBQQBqIr6DFDE7N6AZMBArEALEzEF+AGoJXM7oB3ECBzUCsDzWECRpgKH5GTzfosQAzxBGqEBTi8ADDluiwRSPIkENA/AeIQQaBQxsXwJUOuKAa8GomJRpJdgE+V6PIkZqUMQwGAP4BHhHaNoizAAAAAElFTkSuQmCC) 0 0/100% no-repeat!important;
}

.free-consult .form label {
	margin: 0 0 15px;
	cursor: pointer;
	font-size: 14px;
	color: #121111;
	font-weight: 600;
	width: auto;
}

.intrested_check {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	row-gap: 0;
}

.ban-form,.banner-form .intl-tel-input,.free-consult .form label.full,.portfolio-sec .portfolio img,.srv-details .srv-details-list li figure img,.web-pg .imgdiv img,.web-pg .intl-tel-input {
	width: 100%;
}

.free-consult .form .primary-btn {
	width: 100%;
	margin-top: 10px;
	padding: 13px;
	color: #000;
	background: var(--orange);
}

.footer {
	padding: 60px 0 0;
	position: relative;
}

.footer:after {
	content: '';
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	background-color: #353535;
}

.footer .footer-bot,.footer .footer-pre {
	z-index: 2;
	font-weight: 400;
	position: relative;
}

.footer .footer-pre {
	color: var(--white);
}

.contact-pg .contact-info-right .contact-info,.footer .footer-pre .contact-info {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}

.footer .footer-pre .contact-info li {
	padding: 8px 0 8px 30px;
	font-size: 16px;
	line-height: 1.4;
	position: relative;
}

.contact-pg .contact-info-right .contact-info li:first-child i,.footer .footer-pre .contact-info li:first-child i {
	top: 1px;
	left: 4px;
}

.contact-pg .contact-info-right .contact-info li:nth-child(3) i,.footer .footer-pre .contact-info li:nth-child(3) i {
	left: 2px;
}

.footer .footer-pre .contact-info li i {
	color: var(--green);
	position: absolute;
	left: 0;
	font-size: 20px;
	top: 11px;
}

.footer .footer-pre .contact-info li a,.footer .footer-pre .payments li a:hover,.footer .footer-pre .social li a i,.footer .footer-pre .social li a:hover i,.inner-banner h1 {
	color: var(--white);
}

.footer .footer-pre h3 {
	color: #fa8755;
	font-weight: 600;
	font-size: 22px;
	margin: 80px 0 30px;
}

.footer .footer-pre .social+h3 {
	margin-top: 30px;
}

.footer .footer-pre ul li {
	padding: 5px 0;
	font-size: 16px;
	line-height: 1.4;
	color: #000;
}

.footer .footer-pre ul li a {
	color: #000;
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
}

.footer .footer-pre ul li a:hover {
	color: #fa8552;
}

.footer .footer-pre .social {
	margin-bottom: 19px;
}

.footer .footer-pre .social li a {
	display: inline-flex;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	background: var(--white);
	font-size: 20px;
	text-align: center;
	line-height: 35px;
	margin-right: 10px;
	align-items: center;
	justify-content: center;
	background: 0 0;
	border: 1px solid;
}

.footer .footer-pre .payments li a {
	margin: 0 2px;
}

.contact-pg .contact-info-right .payments li a i,.footer .footer-pre .payments li a i {
	font-size: 30px;
}

.footer .footer-bot {
	color: #000;
	padding: 0 15px;
}

.footer .footer-bot hr {
	margin: 4px 0 0;
	padding: 0;
	border-top: 1px solid;
}

.footer .footer-bot p {
	color: #000;
	font-size: 16px;
	margin: 0;
	padding: 15px 0;
}

.footer .footer-bot p a,.inner-banner h6 a {
	color: var(--orange);
	text-decoration: underline;
}

.footer .footer-bot .powered-by figure {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
}

.inner-banner {
	background: var(--white);
	position: relative;
	width: 100%;
	height: 770px;
	top: 0;
	z-index: 8;
	padding-top: 200px;
}

.inner-banner .banner-ele {
	z-index: 7;
	padding-top: 39px;
}

.inner-banner-content:after,.inner-banner:after {
	content: "";
	display: block;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
}

.inner-banner .banner-ele+.banner-ele {
	overflow: visible;
	position: relative;
	height: 475px;
}

.inner-banner .banner-ele figure {
	position: static;
}

.inner-banner h4 {
	color: var(--orange);
	font-size: 18px;
	font-weight: 700;
	text-transform: capitalize;
	margin-bottom: 6px;
	visibility: hidden;
}

.inner-banner h1 {
	font-size: var(--heading-size-h1);
	font-weight: 700;
	margin-bottom: 8px;
}

.inner-banner h6,.inner-banner p {
	font-size: 16px;
	color: var(--white);
}

.inner-banner p {
	font-weight: 400;
	line-height: 1.6;
	margin-bottom: 25px;
}

.inner-banner h6 {
	margin: 70px 0 0;
}

.inner-banner:after {
	position: absolute;
	background: url(../images/branding-banner-bg.jpg) 0 0/100% 100%;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
}

.inner-banner.branding:after,.inner-banner.content-development:after,.inner-banner.digital-marketing:after,.inner-banner.ecommerce:after,.inner-banner.motion-graphics:after,.inner-banner.web-design-dev:after {
	background: url(../images/inner-banner.jpg) 0 0/cover;
}

.inner-banner.ecommerce figure {
	top: -75px;
	left: 96px;
}

.inner-banner.motion-graphics figure {
	top: -8px;
	left: -24px;
}

.inner-banner.digital-marketing figure {
	top: -47px;
	left: 12px;
}

.inner-banner.marketing-collaterals:after {
	background: url(../images/marketing-collaterals-banner-bg.jpg);
}

.inner-banner.marketing-collaterals figure {
	top: -74px;
	left: -25px;
}

.inner-banner-content {
	background: var(--white);
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 600px;
	top: 0;
	z-index: 8;
	padding-top: 9%;
}

.inner-banner-content h4 {
	color: var(--orange);
	font-size: 38px;
	font-weight: 700;
	text-transform: capitalize;
	margin-bottom: 6px;
	visibility: hidden;
}

.inner-banner-content h1 {
	color: var(--white);
	font-size: var(--heading-size-h1);
	font-weight: 400;
	margin-bottom: 8px;
}

.inner-banner-content p {
	color: var(--white);
	font-size: 17px;
	font-weight: 400;
	line-height: 1.6;
	margin-bottom: 25px;
}

.inner-banner-content:after {
	position: absolute;
	background: url(../images/inner-banner.jpg) 0 0/100% 100%;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
}

.srv-info-sec p {
	margin-bottom: 25px;
}

.srv-info-sec .srv-info-wrap {
	position: relative;
	z-index: 1;
	height: 0;
	padding-top: 100%;
}

.srv-info-sec .srv-info-wrap:before {
	content: '';
	position: absolute;
	z-index: -1;
	left: 10%;
	top: 10%;
	width: 80%;
	height: 80%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #dee1ed;
}

.srv-info-sec .srv-info-wrap .srv-item-ico {
	position: absolute;
	z-index: 1;
	width: 18%;
	height: 18%;
	font-size: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 5px 7px 30px rgba(72,73,121,.15);
	-moz-box-shadow: 5px 7px 30px rgba(72,73,121,.15);
	box-shadow: 5px 7px 30px rgba(72,73,121,.15);
	border: 2px solid #fff;
	-webkit-transition: .3s ease-in;
	-o-transition: .3s ease-in;
	-moz-transition: .3s ease-in;
	transition: .3s ease-in;
	background: #fff;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

.srv-info-sec .srv-info-wrap .srv-item-ico:after {
	content: '';
	width: 100%;
	height: 100%;
	border-radius: 100%;
	-webkit-transition: .3s ease-in;
	-o-transition: .3s ease-in;
	-moz-transition: .3s ease-in;
	transition: .3s ease-in;
	opacity: 0;
	z-index: -1;
}

.srv-info-sec .srv-info-wrap .srv-item-ico.active:after,.srv-info-sec .srv-info-wrap .srv-item-ico:hover:after {
	opacity: 1;
	background: #ff5b1f;
	background: -moz-linear-gradient(-45deg,#ff5b1f 0,#ffb301 100%);
	background: -webkit-linear-gradient(-45deg,#ff5b1f 0,#ffb301 100%);
	background: linear-gradient(135deg,#ff5b1f 0,#ffb301 100%);
}

.srv-info-sec .srv-info-wrap .srv-item-ico i+i,.srv-info-sec .srv-info-wrap .srv-item-ico.active i {
	opacity: 0;
}

.srv-info-sec .srv-info-wrap .srv-item-ico.active i+i {
	background: -webkit-linear-gradient(#fff,#fff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	opacity: 1;
}

.srv-info-sec .srv-info-wrap .srv-item-ico i {
	font-size: 45px;
	background: -webkit-linear-gradient(#ff5b1f,#ffb301);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-transition: .3s ease-in;
	-o-transition: .3s ease-in;
	-moz-transition: .3s ease-in;
	transition: .3s ease-in;
	position: absolute;
	opacity: 1;
}

.srv-info-sec .srv-info-wrap .srv-item-ico i img {
	width: 45px;
}

.srv-info-sec .srv-info-wrap .ico-one {
	left: 13%;
	top: 13%;
}

.srv-info-sec .srv-info-wrap .ico-two {
	right: 13%;
	top: 13%;
}

.srv-info-sec .srv-info-wrap .ico-three {
	right: 13%;
	bottom: 13%;
}

.srv-info-sec .srv-info-wrap .ico-three-alt {
	right: 0;
	left: 0;
	bottom: 3%;
	margin: auto;
}

.srv-info-sec .srv-info-wrap .ico-four {
	left: 13%;
	bottom: 13%;
}

.srv-info-sec .srv-info-wrap .srv-item-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 25%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	text-align: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .6s;
	-o-transition: .6s;
	-moz-transition: .6s;
	transition: .6s;
}

.srv-info-sec .srv-info-wrap .srv-item-content.active {
	opacity: 1;
	visibility: visible;
}

.srv-info-sec .srv-info-wrap .srv-item-content h5 {
	font-size: 16px;
	color: var(--orange);
	text-transform: uppercase;
	font-weight: 700;
}

.srv-info-sec .srv-info-wrap .srv-item-content p {
	font-size: 16px;
	margin: 0;
}

.services-pg .packages-sec {
	padding: 91px 0 110px;
}

.services-pg .packages-sec h2 {
	margin-bottom: 3px;
}

.services-pg .packages-sec .sub-head {
	margin-bottom: 22px;
}

.services-pg .packages-sec .bx {
	margin: 20px 0;
}

.services-pg .packages-sec .bx .info h5 {
	font-size: 20px;
	border: 0;
	padding: 0;
	font-weight: 700;
	color: var(--orange);
	text-transform: capitalize;
}

.services-pg .packages-sec .bx p {
	font-size: 14px;
	color: var(--dark);
	font-weight: 400;
	margin-bottom: 0;
}

.services-pg .packages-sec .bx p a {
	font-size: 14px;
	color: var(--orange);
	font-weight: 700;
}

.srv-details {
	margin: 48px 0 0;
	padding: 88px 0;
}

.srv-details .info-box {
	position: relative;
	z-index: 1;
	-webkit-transition: .6s;
	-o-transition: .6s;
	-moz-transition: .6s;
	transition: .6s;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	padding: 30px;
	margin: 8px 0;
	background-color: #fff;
	height: 90%;
	box-shadow: 7px 5px 30px 0 rgba(72,73,121,.15);
}

.main-cont,.mobile-nav {
	transition: .3s;
}

.srv-details .info-box:hover {
	box-shadow: 7px 5px 30px 0 rgba(72,73,121,.15);
	background-color: var(--white);
	border-color: transparent;
}

.srv-details .info-box figure {
	width: 70px;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #e8f7ff;
	border-radius: 70px;
}

.company-logo,.testim_box>ul {
	display: flex;
	align-items: center;
	list-style: none;
}

.srv-details .info-box figure img {
	height: 40px;
	object-fit: contain;
	width: 100%;
}

.srv-details .info-box h3 {
	font-size: 20px;
	font-weight: 700;
	color: var(--dark);
	margin-bottom: 10px;
}

.srv-details .info-box p {
	font-size: 16px;
	margin-bottom: 0;
}

.srv-details .srv-details-list li {
	font-size: 20px;
	color: var(--dark);
	font-weight: 700;
	width: 33%;
	float: left;
	margin: 15px 0;
	display: inline-block;
	vertical-align: middle;
}

.srv-details .srv-details-list li figure {
	width: 50px;
	float: left;
	margin: -9px 15px 0 0;
}

.company-logo {
	padding: 0;
	margin: 30px 0 0;
	align-content: center;
}

.company-logo li {
	padding: 0 15px;
	width: 20%;
	text-align: center;
}

.company-logo li figure {
	margin: 0;
	display: inline-block;
}

.clients-sec {
	padding: 0 0 50px;
	text-align: center;
}

.clients-sec hr {
	margin: 0 0 68px;
}

.clients-sec .heading-sep {
	height: 1px;
}

.clients-slider {
	margin: 36px 0 15px;
}

.order-form,.overlay {
	margin: auto;
	position: fixed;
	left: 0;
	bottom: 0;
}

.clients-slider .owl-stage {
	display: flex;
	justify-content: center;
	align-items: center;
}

.clients-slider .owl-item {
	float: left;
}

.about-company {
	padding: 65px 0;
}

.about-company .country-lst li {
	margin: 29px 0;
}

.about-company .meter {
	height: 20px;
	position: relative;
	margin: 60px 0 20px;
	background: #555;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	padding: 10px;
	-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,.3);
	-moz-box-shadow: inset 0 -1px 1px rgba(255,255,255,.3);
	box-shadow: inset 0 -1px 1px rgba(255,255,255,.3);
}

.get-a-quote-pg .free-consult .cont,.testimonials .item:hover {
	-webkit-box-shadow: 7px 5px 30px rgba(72,73,121,.15);
	-moz-box-shadow: 7px 5px 30px rgba(72,73,121,.15);
}

.about-company .meter>span {
	display: block;
	height: 20px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-radius: 20px 8px 8px 20px;
	background-color: var(--green);
	position: relative;
	overflow: hidden;
}

.about-company .progress {
	background: #e7f2ec;
	border-radius: 8px;
	height: 8px;
	overflow: inherit;
}

.about-company .prog-bar {
	margin: 25px 0;
}

.about-company .progress-title {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 18px;
}

.about-company .progress-bar {
	background: var(--orange);
	position: relative;
	transition: none;
}

.about-company .progress-title>strong {
	float: right;
	color: var(--orange);
	font-weight: 800;
	font-size: 18px;
}

.portfolio-pg .inner-banner-content {
	height: 406px;
	text-align: center;
}

.portfolio-pg .portfolio-sec {
	padding: 100px 0 0;
}

.get-a-quote-pg .inner-banner-content {
	height: 650px;
	text-align: center;
}

.get-a-quote-pg .free-consult {
	padding: 0;
	position: relative;
}

.contact-pg .contact-form h3,.get-a-quote-pg .free-consult h3 {
	font-size: 24px;
	font-weight: 600;
}

.get-a-quote-pg .free-consult .container {
	position: relative;
	padding-top: 80px;
	padding-bottom: 80px;
}

.get-a-quote-pg .free-consult .cont {
	padding: 60px 0;
	background: var(--white);
	position: absolute;
	top: -275px;
	z-index: 9;
	box-shadow: 7px 5px 30px rgba(72,73,121,.15);
	width: 75%;
	margin: 0 auto;
	left: 50%;
	transform: translateX(-50%);
}

.get-a-quote-pg .free-consult .form input[type=email],.get-a-quote-pg .free-consult .form input[type=text],.get-a-quote-pg .free-consult .form select,.get-a-quote-pg .free-consult .form textarea,.pckpg .tab-custom,.testimonial-pg .footer {
	background: #f3f5fe;
}

.get-a-quote-pg .free-consult .form .cCheckbox {
	background: #f3f5fe;
	width: 18px;
	height: 18px;
	border: 1px solid #e1e1e1;
	float: left;
	margin: 1px 12px 0 0;
}

.get-a-quote-pg .free-consult .form .cCheckbox.checked {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAn0lEQVQ4T2NkoBAwUqifYUAM0AW6+hEQfwS5nlQXGAH17AHieUBcQqoBMM1ngRr9gfgbKQZg1YxugCBQQBqIr6DFDE7N6AZMBArEALEzEF+AGoJXM7oB3ECBzUCsDzWECRpgKH5GTzfosQAzxBGqEBTi8ADDluiwRSPIkENA/AeIQQaBQxsXwJUOuKAa8GomJRpJdgE+V6PIkZqUMQwGAP4BHhHaNoizAAAAAElFTkSuQmCC) no-repeat;
}

.testimonial-pg .inner-banner-content {
	text-align: center;
	height: 300px;
}

.testimonials {
	background: #f3f5fe;
	padding-bottom: 30px;
}

.testimonials .item {
	background: var(--white);
	float: left;
	position: relative;
	margin-bottom: 65px;
	transition: .2s ease-in;
}

.testimonials .item:hover {
	box-shadow: 7px 5px 30px rgba(72,73,121,.15);
	transform: translateY(-10px);
}

.testimonials .item .icon-quote {
	position: absolute;
	bottom: -15px;
	right: 31px;
	width: 66px;
	height: 41px;
	background: url(../images/testimonial-quote.png) center top/contain no-repeat;
}

.testimonial_heading_page h2 {
	font-size: 56px;
}

.testim_box>ul {
	justify-content: end;
	gap: 5px;
	margin-bottom: 10px;
	padding: 0!important;
}

.mobile-nav,.order-form,.overlay,ul.subSub_dropdown {
	display: none;
	top: 0;
}

.testim_box>ul>li>i {
	color: #ffc107;
	font-size: 15px;
}

.testimonials .item .text .auth-info {
	border-top: none;
	padding: 0;
}

.testimonials .item .text .auth-info h3 {
	font-size: 22px;
	font-weight: 500;
	font-family: Now;
	color: var(--dark);
}

.testimonials .item .text p {
	line-height: 1.3;
	margin-bottom: 18px;
	overflow: hidden;
}

.contact-pg .inner-banner-content {
	height: 650px;
	padding-top: 0!important;
}

.contact-pg .inner-banner-content:after {
	background: url(../images/inner-banner.jpg) 0 0/cover no-repeat;
}

.contact-pg .inner-banner-content h1 {
	font-size: 36px;
}

.contact-pg .contact-form .container {
	position: relative;
	padding: 145px 15px;
}

.contact-pg .cont {
	padding: 60px 50px;
	background: var(--white);
	position: absolute;
	top: -300px;
	z-index: 9;
	left: 0;
	-webkit-box-shadow: 7px 5px 30px rgba(72,73,121,.15);
	-moz-box-shadow: 7px 5px 30px rgba(72,73,121,.15);
	box-shadow: 7px 5px 30px rgba(72,73,121,.15);
	width: 100%;
	border-radius: 20px;
}

.contact-pg .form {
	margin: 20px 0 0;
	width: 100%;
}

.contact-pg .form input[type=email],.contact-pg .form input[type=text],.contact-pg .form select,.contact-pg .form textarea {
	width: 100%;
	font-size: 15px;
	color: #000;
	font-weight: 600;
	border: 1px solid #000;
	padding: 13px 24px;
	border-radius: 5px;
	font-family: inherit;
	margin-bottom: 14px;
	background: 0 0;
}

.contact-pg .form textarea {
	margin: 5px 0 13px;
	resize: none;
	height: 196px;
}

.contact-pg .form .interested-in h6 {
	font-size: 15px;
	color: var(--dark);
	font-weight: 600;
	margin: 15px 0;
}

.contact-pg .form .cCheckbox {
	background: #fff;
	width: 18px;
	height: 18px;
	border: 1px solid #e1e1e1;
	float: left;
	margin: 1px 12px 0 0;
}

.contact-pg .form .cCheckbox.checked {
	border: 1px solid var(--green);
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAn0lEQVQ4T2NkoBAwUqifYUAM0AW6+hEQfwS5nlQXGAH17AHieUBcQqoBMM1ngRr9gfgbKQZg1YxugCBQQBqIr6DFDE7N6AZMBArEALEzEF+AGoJXM7oB3ECBzUCsDzWECRpgKH5GTzfosQAzxBGqEBTi8ADDluiwRSPIkENA/AeIQQaBQxsXwJUOuKAa8GomJRpJdgE+V6PIkZqUMQwGAP4BHhHaNoizAAAAAElFTkSuQmCC) 0 0/100% no-repeat;
}

.contact-pg .form label {
	display: none!important;
	margin: 0 75px 15px 0;
	cursor: pointer;
	font-size: 15px;
	color: #767676;
	font-weight: 600;
}

.contact-pg .form .primary-btn {
	margin-top: 10px;
	padding: 9px 15px;
}

.contact-pg .contact-info-right h3 {
	margin-bottom: 29px;
}

.contact-pg .contact-info-right .contact-info li {
	padding: 15px 30px;
	font-size: 16px;
	line-height: 1.4;
	position: relative;
	color: var(--dark);
}

.contact-pg .contact-info-right .contact-info li i {
	color: var(--orange);
	position: absolute;
	left: 0;
	font-size: 20px;
	top: 17px;
}

.contact-pg .contact-info-right .social {
	list-style: none;
	margin: 20px 0 25px;
	padding: 0;
}

.contact-pg .contact-info-right .social li a {
	display: inline-block;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	background: #f3f5fe;
	font-size: 16px;
	text-align: center;
	line-height: 35px;
	margin-right: 2px;
}

.contact-pg .contact-info-right .social li a i {
	color: #8795d7;
}

.contact-pg .contact-info-right .payments {
	padding: 0;
	margin: 0;
}

.contact-pg .contact-info-right .payments li {
	list-style: none;
	padding: 0;
	margin: 0;
}

.contact-pg .contact-info-right .payments li a {
	margin: 0 2px;
	color: #8795d7;
}

.simple-content-pg .inner-banner-content {
	height: 300px;
	text-align: center;
	padding-top: 145px;
}

.content-text h3 {
	font-size: 24px;
	font-weight: 800;
	color: var(--dark);
}

.content-text p {
	font-size: 16px;
	line-height: 1.4;
}

.content-text ol li,.content-text ul li {
	color: var(--green);
	font-size: 16px;
	font-weight: 300;
}

.content-text ol li span,.content-text ul li span {
	color: var(--light);
}

.main-cont.active {
	position: relative;
}

.mobile-nav.active {
	right: 0;
}

.mobile-nav {
	height: 100%;
	background: #e8f7ff;
	position: fixed;
	width: 79%;
	bottom: 0;
	right: -80%;
	z-index: 999;
	padding: 20px 0;
	box-shadow: 0 0 20px #00000021;
}

.mobile-nav li {
	margin: 0 15px;
	padding: 1px 0;
	font-size: 16px;
	color: var(--white);
	font-weight: 700;
	position: relative;
}

.ban-form input,.ban-form textarea {
	font-weight: 400;
	width: 100%;
	padding: 10px 15px;
}

.mobile-nav .sub-menu {
	padding: 0 0px;
	display: none;
	list-style: none;
}

.mobile-nav li a {
	color: var(--black);
}

.mobile-nav .btn-inline .btn {
	color: #fff;
	border-radius: 5px;
	padding: 9px 15px;
	font-size: 16px;
	font-weight: 700;
	background: var(--dark);
	width: 171px;
	text-align: center;
	transition: .3s ease-in;
}

.mobile-nav .btn-inline .orange-btn {
	background: var(--orange);
	margin: 10px 0 0;
}

.overlay {
	background: rgba(0,0,0,.8);
	width: 100%;
	height: 100%;
	z-index: 99998;
	right: 0;
}

.order-form {
	width: 90%;
	max-width: 700px;
	right: 0;
	z-index: 99999;
	align-items: center;
}

.order-form .close-icon {
	position: absolute;
	right: 30px;
	top: 20px;
	color: var(--orange);
	font-size: 32px;
	z-index: 99999;
	cursor: pointer;
}

.order-form .free-consult {
	position: relative;
	width: 90%;
	margin: 0 auto;
	z-index: 999999;
	padding: 35px 10px;
	background: var(--white);
	-webkit-box-shadow: 7px 5px 30px rgba(72,73,121,.15);
	-moz-box-shadow: 7px 5px 30px rgba(72,73,121,.15);
	box-shadow: 7px 5px 30px rgba(72,73,121,.15);
	border-radius: 30px;
}

.order-form .free-consult .form textarea {
	height: 100px;
	margin-top: 0;
}

.order-form .free-consult .pkg-dt {
	margin-top: 10px;
	margin-bottom: 10px;
}

.order-form .free-consult .pkg-dt .pkg-price {
	font-weight: 800;
}

.grecaptcha-badge {
	width: 256px;
	height: 60px;
	box-shadow: grey 0 0 5px;
	position: fixed;
	left: -187px;
	bottom: 20px;
	transition: .3s ease-in;
}

.bstseller,.footer_btm,.wrp {
	position: relative;
}

.grecaptcha-badge:hover {
	left: 0;
	z-index: 999;
}

_::-webkit-full-page-media,_:future,:root .get-a-quote-pg .free-consult .form select {
	color: #a7a7a7;
	background: #f3f5fe;
	-webkit-appearance: none;
}

@media not all and (min-resolution:.001dpcm) {
@	media {
		.get-a-quote-pg .free-consult .form select{color: #a7a7a7;
		background: #f3f5fe;
		-webkit-appearance: none;
	}
}}

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
@	media {
		.get-a-quote-pg .free-consult .form select{color: #a7a7a7;
		background: #f3f5fe;
		-webkit-appearance: none;
	}
}}

@-webkit-keyframes service_hexagon_1 {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

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

@-moz-keyframes service_hexagon_1 {
	0% {
		-moz-transform: rotate(0);
		transform: rotate(0);
	}

	100% {
		-moz-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-o-keyframes service_hexagon_1 {
	0% {
		-o-transform: rotate(0);
		transform: rotate(0);
	}

	100% {
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes service_hexagon_1 {
	0% {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
	}

	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes service_hexagon_2 {
	0% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}

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

@-moz-keyframes service_hexagon_2 {
	0% {
		-moz-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	100% {
		-moz-transform: rotate(540deg);
		transform: rotate(540deg);
	}
}

@-o-keyframes service_hexagon_2 {
	0% {
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	100% {
		-o-transform: rotate(540deg);
		transform: rotate(540deg);
	}
}

@keyframes service_hexagon_2 {
	0% {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	100% {
		-webkit-transform: rotate(540deg);
		-moz-transform: rotate(540deg);
		-o-transform: rotate(540deg);
		transform: rotate(540deg);
	}
}

@-webkit-keyframes moveupdown {
	0% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(-5px);
	}
}

@keyframes moveupdown {
	0% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(-5px);
	}
}

.animated.hinge,.animated.slow {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */@-webkit-keyframes bounce {
	20%,53%,80%,from,to {
		-webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1);
		animation-timing-function: cubic-bezier(0.215,0.61,0.355,1);
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	40%,43% {
		-webkit-animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06);
		animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06);
		-webkit-transform: translate3d(0,-30px,0);
		transform: translate3d(0,-30px,0);
	}

	70% {
		-webkit-animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06);
		animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06);
		-webkit-transform: translate3d(0,-15px,0);
		transform: translate3d(0,-15px,0);
	}

	90% {
		-webkit-transform: translate3d(0,-4px,0);
		transform: translate3d(0,-4px,0);
	}
}

@keyframes bounce {
	20%,53%,80%,from,to {
		-webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1);
		animation-timing-function: cubic-bezier(0.215,0.61,0.355,1);
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	40%,43% {
		-webkit-animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06);
		animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06);
		-webkit-transform: translate3d(0,-30px,0);
		transform: translate3d(0,-30px,0);
	}

	70% {
		-webkit-animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06);
		animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06);
		-webkit-transform: translate3d(0,-15px,0);
		transform: translate3d(0,-15px,0);
	}

	90% {
		-webkit-transform: translate3d(0,-4px,0);
		transform: translate3d(0,-4px,0);
	}
}

.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
}

@-webkit-keyframes flash {
	50%,from,to {
		opacity: 1;
	}

	25%,75% {
		opacity: 0;
	}
}

@keyframes flash {
	50%,from,to {
		opacity: 1;
	}

	25%,75% {
		opacity: 0;
	}
}

.flash {
	-webkit-animation-name: flash;
	animation-name: flash;
}

@-webkit-keyframes pulse {
	from,to {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1);
	}

	50% {
		-webkit-transform: scale3d(1.05,1.05,1.05);
		transform: scale3d(1.05,1.05,1.05);
	}
}

@keyframes pulse {
	from,to {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1);
	}

	50% {
		-webkit-transform: scale3d(1.05,1.05,1.05);
		transform: scale3d(1.05,1.05,1.05);
	}
}

.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse;
}

@-webkit-keyframes rubberBand {
	from,to {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1);
	}

	30% {
		-webkit-transform: scale3d(1.25,.75,1);
		transform: scale3d(1.25,.75,1);
	}

	40% {
		-webkit-transform: scale3d(.75,1.25,1);
		transform: scale3d(.75,1.25,1);
	}

	50% {
		-webkit-transform: scale3d(1.15,.85,1);
		transform: scale3d(1.15,.85,1);
	}

	65% {
		-webkit-transform: scale3d(.95,1.05,1);
		transform: scale3d(.95,1.05,1);
	}

	75% {
		-webkit-transform: scale3d(1.05,.95,1);
		transform: scale3d(1.05,.95,1);
	}
}

@keyframes rubberBand {
	from,to {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1);
	}

	30% {
		-webkit-transform: scale3d(1.25,.75,1);
		transform: scale3d(1.25,.75,1);
	}

	40% {
		-webkit-transform: scale3d(.75,1.25,1);
		transform: scale3d(.75,1.25,1);
	}

	50% {
		-webkit-transform: scale3d(1.15,.85,1);
		transform: scale3d(1.15,.85,1);
	}

	65% {
		-webkit-transform: scale3d(.95,1.05,1);
		transform: scale3d(.95,1.05,1);
	}

	75% {
		-webkit-transform: scale3d(1.05,.95,1);
		transform: scale3d(1.05,.95,1);
	}
}

.rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand;
}

@-webkit-keyframes shake {
	from,to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	10%,30%,50%,70%,90% {
		-webkit-transform: translate3d(-10px,0,0);
		transform: translate3d(-10px,0,0);
	}

	20%,40%,60%,80% {
		-webkit-transform: translate3d(10px,0,0);
		transform: translate3d(10px,0,0);
	}
}

@keyframes shake {
	from,to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	10%,30%,50%,70%,90% {
		-webkit-transform: translate3d(-10px,0,0);
		transform: translate3d(-10px,0,0);
	}

	20%,40%,60%,80% {
		-webkit-transform: translate3d(10px,0,0);
		transform: translate3d(10px,0,0);
	}
}

.shake {
	-webkit-animation-name: shake;
	animation-name: shake;
}

@-webkit-keyframes headShake {
	0%,50% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	6.5% {
		-webkit-transform: translateX(-6px) rotateY(-9deg);
		transform: translateX(-6px) rotateY(-9deg);
	}

	18.5% {
		-webkit-transform: translateX(5px) rotateY(7deg);
		transform: translateX(5px) rotateY(7deg);
	}

	31.5% {
		-webkit-transform: translateX(-3px) rotateY(-5deg);
		transform: translateX(-3px) rotateY(-5deg);
	}

	43.5% {
		-webkit-transform: translateX(2px) rotateY(3deg);
		transform: translateX(2px) rotateY(3deg);
	}
}

@keyframes headShake {
	0%,50% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	6.5% {
		-webkit-transform: translateX(-6px) rotateY(-9deg);
		transform: translateX(-6px) rotateY(-9deg);
	}

	18.5% {
		-webkit-transform: translateX(5px) rotateY(7deg);
		transform: translateX(5px) rotateY(7deg);
	}

	31.5% {
		-webkit-transform: translateX(-3px) rotateY(-5deg);
		transform: translateX(-3px) rotateY(-5deg);
	}

	43.5% {
		-webkit-transform: translateX(2px) rotateY(3deg);
		transform: translateX(2px) rotateY(3deg);
	}
}

.headShake {
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-name: headShake;
	animation-name: headShake;
}

@-webkit-keyframes swing {
	20% {
		-webkit-transform: rotate3d(0,0,1,15deg);
		transform: rotate3d(0,0,1,15deg);
	}

	40% {
		-webkit-transform: rotate3d(0,0,1,-10deg);
		transform: rotate3d(0,0,1,-10deg);
	}

	60% {
		-webkit-transform: rotate3d(0,0,1,5deg);
		transform: rotate3d(0,0,1,5deg);
	}

	80% {
		-webkit-transform: rotate3d(0,0,1,-5deg);
		transform: rotate3d(0,0,1,-5deg);
	}

	to {
		-webkit-transform: rotate3d(0,0,1,0deg);
		transform: rotate3d(0,0,1,0deg);
	}
}

@keyframes swing {
	20% {
		-webkit-transform: rotate3d(0,0,1,15deg);
		transform: rotate3d(0,0,1,15deg);
	}

	40% {
		-webkit-transform: rotate3d(0,0,1,-10deg);
		transform: rotate3d(0,0,1,-10deg);
	}

	60% {
		-webkit-transform: rotate3d(0,0,1,5deg);
		transform: rotate3d(0,0,1,5deg);
	}

	80% {
		-webkit-transform: rotate3d(0,0,1,-5deg);
		transform: rotate3d(0,0,1,-5deg);
	}

	to {
		-webkit-transform: rotate3d(0,0,1,0deg);
		transform: rotate3d(0,0,1,0deg);
	}
}

.swing {
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing;
}

@-webkit-keyframes tada {
	from,to {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1);
	}

	10%,20% {
		-webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
		transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
	}

	30%,50%,70%,90% {
		-webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
		transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
	}

	40%,60%,80% {
		-webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
		transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
	}
}

@keyframes tada {
	from,to {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1);
	}

	10%,20% {
		-webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
		transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
	}

	30%,50%,70%,90% {
		-webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
		transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
	}

	40%,60%,80% {
		-webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
		transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
	}
}

.tada {
	-webkit-animation-name: tada;
	animation-name: tada;
}

@-webkit-keyframes wobble {
	from,to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	15% {
		-webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
		transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
	}

	30% {
		-webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
		transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
	}

	45% {
		-webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
		transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
	}

	60% {
		-webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
		transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
	}

	75% {
		-webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
		transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
	}
}

@keyframes wobble {
	from,to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	15% {
		-webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
		transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
	}

	30% {
		-webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
		transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
	}

	45% {
		-webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
		transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
	}

	60% {
		-webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
		transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
	}

	75% {
		-webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
		transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
	}
}

.wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble;
}

@-webkit-keyframes jello {
	11.1%,from,to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	22.2% {
		-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
		transform: skewX(-12.5deg) skewY(-12.5deg);
	}

	33.3% {
		-webkit-transform: skewX(6.25deg) skewY(6.25deg);
		transform: skewX(6.25deg) skewY(6.25deg);
	}

	44.4% {
		-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
		transform: skewX(-3.125deg) skewY(-3.125deg);
	}

	55.5% {
		-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
		transform: skewX(1.5625deg) skewY(1.5625deg);
	}

	66.6% {
		-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
		transform: skewX(-.78125deg) skewY(-.78125deg);
	}

	77.7% {
		-webkit-transform: skewX(.390625deg) skewY(.390625deg);
		transform: skewX(.390625deg) skewY(.390625deg);
	}

	88.8% {
		-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
		transform: skewX(-.1953125deg) skewY(-.1953125deg);
	}
}

@keyframes jello {
	11.1%,from,to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	22.2% {
		-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
		transform: skewX(-12.5deg) skewY(-12.5deg);
	}

	33.3% {
		-webkit-transform: skewX(6.25deg) skewY(6.25deg);
		transform: skewX(6.25deg) skewY(6.25deg);
	}

	44.4% {
		-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
		transform: skewX(-3.125deg) skewY(-3.125deg);
	}

	55.5% {
		-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
		transform: skewX(1.5625deg) skewY(1.5625deg);
	}

	66.6% {
		-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
		transform: skewX(-.78125deg) skewY(-.78125deg);
	}

	77.7% {
		-webkit-transform: skewX(.390625deg) skewY(.390625deg);
		transform: skewX(.390625deg) skewY(.390625deg);
	}

	88.8% {
		-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
		transform: skewX(-.1953125deg) skewY(-.1953125deg);
	}
}

.jello {
	-webkit-animation-name: jello;
	animation-name: jello;
	-webkit-transform-origin: center;
	transform-origin: center;
}

@-webkit-keyframes heartBeat {
	0%,28%,70% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	14%,42% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
	}
}

@keyframes heartBeat {
	0%,28%,70% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	14%,42% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
	}
}

.heartBeat {
	-webkit-animation-name: heartBeat;
	animation-name: heartBeat;
	-webkit-animation-duration: 1.3s;
	animation-duration: 1.3s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
	20%,40%,60%,80%,from,to {
		-webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1);
		animation-timing-function: cubic-bezier(0.215,0.61,0.355,1);
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3);
	}

	20% {
		-webkit-transform: scale3d(1.1,1.1,1.1);
		transform: scale3d(1.1,1.1,1.1);
	}

	40% {
		-webkit-transform: scale3d(.9,.9,.9);
		transform: scale3d(.9,.9,.9);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03,1.03,1.03);
		transform: scale3d(1.03,1.03,1.03);
	}

	80% {
		-webkit-transform: scale3d(.97,.97,.97);
		transform: scale3d(.97,.97,.97);
	}

	to {
		opacity: 1;
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1);
	}
}

@keyframes bounceIn {
	20%,40%,60%,80%,from,to {
		-webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1);
		animation-timing-function: cubic-bezier(0.215,0.61,0.355,1);
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3);
	}

	20% {
		-webkit-transform: scale3d(1.1,1.1,1.1);
		transform: scale3d(1.1,1.1,1.1);
	}

	40% {
		-webkit-transform: scale3d(.9,.9,.9);
		transform: scale3d(.9,.9,.9);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03,1.03,1.03);
		transform: scale3d(1.03,1.03,1.03);
	}

	80% {
		-webkit-transform: scale3d(.97,.97,.97);
		transform: scale3d(.97,.97,.97);
	}

	to {
		opacity: 1;
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1);
	}
}

.bounceIn {
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
}

.bounceOut,.flipOutX {
	-webkit-animation-duration: .75s;
}

@-webkit-keyframes bounceInDown {
	60%,75%,90%,from,to {
		-webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1);
		animation-timing-function: cubic-bezier(0.215,0.61,0.355,1);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-3000px,0);
		transform: translate3d(0,-3000px,0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0,25px,0);
		transform: translate3d(0,25px,0);
	}

	75% {
		-webkit-transform: translate3d(0,-10px,0);
		transform: translate3d(0,-10px,0);
	}

	90% {
		-webkit-transform: translate3d(0,5px,0);
		transform: translate3d(0,5px,0);
	}

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

@keyframes bounceInDown {
	60%,75%,90%,from,to {
		-webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1);
		animation-timing-function: cubic-bezier(0.215,0.61,0.355,1);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-3000px,0);
		transform: translate3d(0,-3000px,0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0,25px,0);
		transform: translate3d(0,25px,0);
	}

	75% {
		-webkit-transform: translate3d(0,-10px,0);
		transform: translate3d(0,-10px,0);
	}

	90% {
		-webkit-transform: translate3d(0,5px,0);
		transform: translate3d(0,5px,0);
	}

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
	60%,75%,90%,from,to {
		-webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1);
		animation-timing-function: cubic-bezier(0.215,0.61,0.355,1);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px,0,0);
		transform: translate3d(-3000px,0,0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px,0,0);
		transform: translate3d(25px,0,0);
	}

	75% {
		-webkit-transform: translate3d(-10px,0,0);
		transform: translate3d(-10px,0,0);
	}

	90% {
		-webkit-transform: translate3d(5px,0,0);
		transform: translate3d(5px,0,0);
	}

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

@keyframes bounceInLeft {
	60%,75%,90%,from,to {
		-webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1);
		animation-timing-function: cubic-bezier(0.215,0.61,0.355,1);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px,0,0);
		transform: translate3d(-3000px,0,0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px,0,0);
		transform: translate3d(25px,0,0);
	}

	75% {
		-webkit-transform: translate3d(-10px,0,0);
		transform: translate3d(-10px,0,0);
	}

	90% {
		-webkit-transform: translate3d(5px,0,0);
		transform: translate3d(5px,0,0);
	}

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
	60%,75%,90%,from,to {
		-webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1);
		animation-timing-function: cubic-bezier(0.215,0.61,0.355,1);
	}

	from {
		opacity: 0;
		-webkit-transform: translate3d(3000px,0,0);
		transform: translate3d(3000px,0,0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px,0,0);
		transform: translate3d(-25px,0,0);
	}

	75% {
		-webkit-transform: translate3d(10px,0,0);
		transform: translate3d(10px,0,0);
	}

	90% {
		-webkit-transform: translate3d(-5px,0,0);
		transform: translate3d(-5px,0,0);
	}

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

@keyframes bounceInRight {
	60%,75%,90%,from,to {
		-webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1);
		animation-timing-function: cubic-bezier(0.215,0.61,0.355,1);
	}

	from {
		opacity: 0;
		-webkit-transform: translate3d(3000px,0,0);
		transform: translate3d(3000px,0,0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px,0,0);
		transform: translate3d(-25px,0,0);
	}

	75% {
		-webkit-transform: translate3d(10px,0,0);
		transform: translate3d(10px,0,0);
	}

	90% {
		-webkit-transform: translate3d(-5px,0,0);
		transform: translate3d(-5px,0,0);
	}

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
	60%,75%,90%,from,to {
		-webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1);
		animation-timing-function: cubic-bezier(0.215,0.61,0.355,1);
	}

	from {
		opacity: 0;
		-webkit-transform: translate3d(0,3000px,0);
		transform: translate3d(0,3000px,0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
	}

	75% {
		-webkit-transform: translate3d(0,10px,0);
		transform: translate3d(0,10px,0);
	}

	90% {
		-webkit-transform: translate3d(0,-5px,0);
		transform: translate3d(0,-5px,0);
	}

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

@keyframes bounceInUp {
	60%,75%,90%,from,to {
		-webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1);
		animation-timing-function: cubic-bezier(0.215,0.61,0.355,1);
	}

	from {
		opacity: 0;
		-webkit-transform: translate3d(0,3000px,0);
		transform: translate3d(0,3000px,0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
	}

	75% {
		-webkit-transform: translate3d(0,10px,0);
		transform: translate3d(0,10px,0);
	}

	90% {
		-webkit-transform: translate3d(0,-5px,0);
		transform: translate3d(0,-5px,0);
	}

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(.9,.9,.9);
		transform: scale3d(.9,.9,.9);
	}

	50%,55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1,1.1,1.1);
		transform: scale3d(1.1,1.1,1.1);
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3);
	}
}

@keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(.9,.9,.9);
		transform: scale3d(.9,.9,.9);
	}

	50%,55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1,1.1,1.1);
		transform: scale3d(1.1,1.1,1.1);
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3);
	}
}

.bounceOut {
	animation-duration: .75s;
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0,10px,0);
		transform: translate3d(0,10px,0);
	}

	40%,45% {
		opacity: 1;
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0,2000px,0);
		transform: translate3d(0,2000px,0);
	}
}

@keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0,10px,0);
		transform: translate3d(0,10px,0);
	}

	40%,45% {
		opacity: 1;
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0,2000px,0);
		transform: translate3d(0,2000px,0);
	}
}

.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px,0,0);
		transform: translate3d(20px,0,0);
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px,0,0);
		transform: translate3d(-2000px,0,0);
	}
}

@keyframes bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px,0,0);
		transform: translate3d(20px,0,0);
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px,0,0);
		transform: translate3d(-2000px,0,0);
	}
}

.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px,0,0);
		transform: translate3d(-20px,0,0);
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px,0,0);
		transform: translate3d(2000px,0,0);
	}
}

@keyframes bounceOutRight {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px,0,0);
		transform: translate3d(-20px,0,0);
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px,0,0);
		transform: translate3d(2000px,0,0);
	}
}

.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0,-10px,0);
		transform: translate3d(0,-10px,0);
	}

	40%,45% {
		opacity: 1;
		-webkit-transform: translate3d(0,20px,0);
		transform: translate3d(0,20px,0);
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0,-2000px,0);
		transform: translate3d(0,-2000px,0);
	}
}

@keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0,-10px,0);
		transform: translate3d(0,-10px,0);
	}

	40%,45% {
		opacity: 1;
		-webkit-transform: translate3d(0,20px,0);
		transform: translate3d(0,20px,0);
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0,-2000px,0);
		transform: translate3d(0,-2000px,0);
	}
}

.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

@keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0,-2000px,0);
		transform: translate3d(0,-2000px,0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

@keyframes fadeInDownBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0,-2000px,0);
		transform: translate3d(0,-2000px,0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

@keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-2000px,0,0);
		transform: translate3d(-2000px,0,0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

@keyframes fadeInLeftBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-2000px,0,0);
		transform: translate3d(-2000px,0,0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

@keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(2000px,0,0);
		transform: translate3d(2000px,0,0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

@keyframes fadeInRightBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(2000px,0,0);
		transform: translate3d(2000px,0,0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0,2000px,0);
		transform: translate3d(0,2000px,0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

@keyframes fadeInUpBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0,2000px,0);
		transform: translate3d(0,2000px,0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@keyframes fadeOut {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);
	}
}

@keyframes fadeOutDown {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);
	}
}

.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0,2000px,0);
		transform: translate3d(0,2000px,0);
	}
}

@keyframes fadeOutDownBig {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0,2000px,0);
		transform: translate3d(0,2000px,0);
	}
}

.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0);
	}
}

@keyframes fadeOutLeft {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0);
	}
}

.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px,0,0);
		transform: translate3d(-2000px,0,0);
	}
}

@keyframes fadeOutLeftBig {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px,0,0);
		transform: translate3d(-2000px,0,0);
	}
}

.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0);
	}
}

@keyframes fadeOutRight {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0);
	}
}

.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px,0,0);
		transform: translate3d(2000px,0,0);
	}
}

@keyframes fadeOutRightBig {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px,0,0);
		transform: translate3d(2000px,0,0);
	}
}

.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0);
	}
}

@keyframes fadeOutUp {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0);
	}
}

.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0,-2000px,0);
		transform: translate3d(0,-2000px,0);
	}
}

@keyframes fadeOutUpBig {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0,-2000px,0);
		transform: translate3d(0,-2000px,0);
	}
}

.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
	from {
		-webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);
		transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	40% {
		-webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
		transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	50% {
		-webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
		transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	80% {
		-webkit-transform: perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);
		transform: perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	to {
		-webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);
		transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}
}

@keyframes flip {
	from {
		-webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);
		transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	40% {
		-webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
		transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	50% {
		-webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
		transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	80% {
		-webkit-transform: perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);
		transform: perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	to {
		-webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);
		transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}
}

.animated.flip {
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip;
}

@-webkit-keyframes flipInX {
	from {
		-webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
		transform: perspective(400px) rotate3d(1,0,0,90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
		transform: perspective(400px) rotate3d(1,0,0,-20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
		transform: perspective(400px) rotate3d(1,0,0,10deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
		transform: perspective(400px) rotate3d(1,0,0,-5deg);
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
}

@keyframes flipInX {
	from {
		-webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
		transform: perspective(400px) rotate3d(1,0,0,90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
		transform: perspective(400px) rotate3d(1,0,0,-20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
		transform: perspective(400px) rotate3d(1,0,0,10deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
		transform: perspective(400px) rotate3d(1,0,0,-5deg);
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
}

.flipInX {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX;
}

.flipInY,.flipOutX {
	-webkit-backface-visibility: visible!important;
}

@-webkit-keyframes flipInY {
	from {
		-webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
		transform: perspective(400px) rotate3d(0,1,0,90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
		transform: perspective(400px) rotate3d(0,1,0,-20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
		transform: perspective(400px) rotate3d(0,1,0,10deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
		transform: perspective(400px) rotate3d(0,1,0,-5deg);
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
}

@keyframes flipInY {
	from {
		-webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
		transform: perspective(400px) rotate3d(0,1,0,90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
		transform: perspective(400px) rotate3d(0,1,0,-20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
		transform: perspective(400px) rotate3d(0,1,0,10deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
		transform: perspective(400px) rotate3d(0,1,0,-5deg);
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
}

.flipInY {
	backface-visibility: visible!important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
	from {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
		transform: perspective(400px) rotate3d(1,0,0,-20deg);
		opacity: 1;
	}

	to {
		-webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
		transform: perspective(400px) rotate3d(1,0,0,90deg);
		opacity: 0;
	}
}

@keyframes flipOutX {
	from {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
		transform: perspective(400px) rotate3d(1,0,0,-20deg);
		opacity: 1;
	}

	to {
		-webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
		transform: perspective(400px) rotate3d(1,0,0,90deg);
		opacity: 0;
	}
}

.flipOutX {
	animation-duration: .75s;
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	backface-visibility: visible!important;
}

@-webkit-keyframes flipOutY {
	from {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
		transform: perspective(400px) rotate3d(0,1,0,-15deg);
		opacity: 1;
	}

	to {
		-webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
		transform: perspective(400px) rotate3d(0,1,0,90deg);
		opacity: 0;
	}
}

@keyframes flipOutY {
	from {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
		transform: perspective(400px) rotate3d(0,1,0,-15deg);
		opacity: 1;
	}

	to {
		-webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
		transform: perspective(400px) rotate3d(0,1,0,90deg);
		opacity: 0;
	}
}

.flipOutY {
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
	from {
		-webkit-transform: translate3d(100%,0,0) skewX(-30deg);
		transform: translate3d(100%,0,0) skewX(-30deg);
		opacity: 0;
	}

	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1;
	}

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

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

@keyframes lightSpeedIn {
	from {
		-webkit-transform: translate3d(100%,0,0) skewX(-30deg);
		transform: translate3d(100%,0,0) skewX(-30deg);
		opacity: 0;
	}

	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1;
	}

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

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
	from {
		opacity: 1;
	}

	to {
		-webkit-transform: translate3d(100%,0,0) skewX(30deg);
		transform: translate3d(100%,0,0) skewX(30deg);
		opacity: 0;
	}
}

@keyframes lightSpeedOut {
	from {
		opacity: 1;
	}

	to {
		-webkit-transform: translate3d(100%,0,0) skewX(30deg);
		transform: translate3d(100%,0,0) skewX(30deg);
		opacity: 0;
	}
}

.lightSpeedOut {
	-webkit-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
	from {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0,0,1,-200deg);
		transform: rotate3d(0,0,1,-200deg);
		opacity: 0;
	}

	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1;
	}
}

@keyframes rotateIn {
	from {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0,0,1,-200deg);
		transform: rotate3d(0,0,1,-200deg);
		opacity: 0;
	}

	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1;
	}
}

.rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0,0,1,-45deg);
		transform: rotate3d(0,0,1,-45deg);
		opacity: 0;
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1;
	}
}

@keyframes rotateInDownLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0,0,1,-45deg);
		transform: rotate3d(0,0,1,-45deg);
		opacity: 0;
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1;
	}
}

.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0,0,1,45deg);
		transform: rotate3d(0,0,1,45deg);
		opacity: 0;
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1;
	}
}

@keyframes rotateInDownRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0,0,1,45deg);
		transform: rotate3d(0,0,1,45deg);
		opacity: 0;
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1;
	}
}

.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0,0,1,45deg);
		transform: rotate3d(0,0,1,45deg);
		opacity: 0;
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1;
	}
}

@keyframes rotateInUpLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0,0,1,45deg);
		transform: rotate3d(0,0,1,45deg);
		opacity: 0;
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1;
	}
}

.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0,0,1,-90deg);
		transform: rotate3d(0,0,1,-90deg);
		opacity: 0;
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1;
	}
}

@keyframes rotateInUpRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0,0,1,-90deg);
		transform: rotate3d(0,0,1,-90deg);
		opacity: 0;
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1;
	}
}

.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
	from {
		-webkit-transform-origin: center;
		transform-origin: center;
		opacity: 1;
	}

	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0,0,1,200deg);
		transform: rotate3d(0,0,1,200deg);
		opacity: 0;
	}
}

@keyframes rotateOut {
	from {
		-webkit-transform-origin: center;
		transform-origin: center;
		opacity: 1;
	}

	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0,0,1,200deg);
		transform: rotate3d(0,0,1,200deg);
		opacity: 0;
	}
}

.rotateOut {
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1;
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0,0,1,45deg);
		transform: rotate3d(0,0,1,45deg);
		opacity: 0;
	}
}

@keyframes rotateOutDownLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1;
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0,0,1,45deg);
		transform: rotate3d(0,0,1,45deg);
		opacity: 0;
	}
}

.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1;
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0,0,1,-45deg);
		transform: rotate3d(0,0,1,-45deg);
		opacity: 0;
	}
}

@keyframes rotateOutDownRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1;
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0,0,1,-45deg);
		transform: rotate3d(0,0,1,-45deg);
		opacity: 0;
	}
}

.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1;
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0,0,1,-45deg);
		transform: rotate3d(0,0,1,-45deg);
		opacity: 0;
	}
}

@keyframes rotateOutUpLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1;
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0,0,1,-45deg);
		transform: rotate3d(0,0,1,-45deg);
		opacity: 0;
	}
}

.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1;
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0,0,1,90deg);
		transform: rotate3d(0,0,1,90deg);
		opacity: 0;
	}
}

@keyframes rotateOutUpRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1;
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0,0,1,90deg);
		transform: rotate3d(0,0,1,90deg);
		opacity: 0;
	}
}

.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
	0% {
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	20%,60% {
		-webkit-transform: rotate3d(0,0,1,80deg);
		transform: rotate3d(0,0,1,80deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	40%,80% {
		-webkit-transform: rotate3d(0,0,1,60deg);
		transform: rotate3d(0,0,1,60deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1;
	}

	to {
		-webkit-transform: translate3d(0,700px,0);
		transform: translate3d(0,700px,0);
		opacity: 0;
	}
}

@keyframes hinge {
	0% {
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	20%,60% {
		-webkit-transform: rotate3d(0,0,1,80deg);
		transform: rotate3d(0,0,1,80deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	40%,80% {
		-webkit-transform: rotate3d(0,0,1,60deg);
		transform: rotate3d(0,0,1,60deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1;
	}

	to {
		-webkit-transform: translate3d(0,700px,0);
		transform: translate3d(0,700px,0);
		opacity: 0;
	}
}

.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-name: hinge;
	animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
	from {
		opacity: 0;
		-webkit-transform: scale(.1) rotate(30deg);
		transform: scale(.1) rotate(30deg);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
	}

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

	70% {
		-webkit-transform: rotate(3deg);
		transform: rotate(3deg);
	}

	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes jackInTheBox {
	from {
		opacity: 0;
		-webkit-transform: scale(.1) rotate(30deg);
		transform: scale(.1) rotate(30deg);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
	}

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

	70% {
		-webkit-transform: rotate(3deg);
		transform: rotate(3deg);
	}

	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

.jackInTheBox {
	-webkit-animation-name: jackInTheBox;
	animation-name: jackInTheBox;
}

@-webkit-keyframes rollIn {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
		transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

@keyframes rollIn {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
		transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

.rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn;
}

@-webkit-keyframes rollOut {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
		transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
	}
}

@keyframes rollOut {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
		transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
	}
}

@-webkit-keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3);
	}

	50% {
		opacity: 1;
	}
}

@keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3);
	}

	50% {
		opacity: 1;
	}
}

.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
		transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
		-webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);
		animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
		transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
		-webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1);
		animation-timing-function: cubic-bezier(0.175,0.885,0.32,1);
	}
}

@keyframes zoomInDown {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
		transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
		-webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);
		animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
		transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
		-webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1);
		animation-timing-function: cubic-bezier(0.175,0.885,0.32,1);
	}
}

.zoomInDown {
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
		transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
		-webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);
		animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
		transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
		-webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1);
		animation-timing-function: cubic-bezier(0.175,0.885,0.32,1);
	}
}

@keyframes zoomInLeft {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
		transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
		-webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);
		animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
		transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
		-webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1);
		animation-timing-function: cubic-bezier(0.175,0.885,0.32,1);
	}
}

.zoomInLeft {
	-webkit-animation-name: zoomInLeft;
	animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
		transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
		-webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);
		animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
		transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
		-webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1);
		animation-timing-function: cubic-bezier(0.175,0.885,0.32,1);
	}
}

@keyframes zoomInRight {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
		transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
		-webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);
		animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
		transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
		-webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1);
		animation-timing-function: cubic-bezier(0.175,0.885,0.32,1);
	}
}

.zoomInRight {
	-webkit-animation-name: zoomInRight;
	animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
		transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
		-webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);
		animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
		transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
		-webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1);
		animation-timing-function: cubic-bezier(0.175,0.885,0.32,1);
	}
}

@keyframes zoomInUp {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
		transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
		-webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);
		animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
		transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
		-webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1);
		animation-timing-function: cubic-bezier(0.175,0.885,0.32,1);
	}
}

.zoomInUp {
	-webkit-animation-name: zoomInUp;
	animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
	from {
		opacity: 1;
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3);
	}

	to {
		opacity: 0;
	}
}

@keyframes zoomOut {
	from {
		opacity: 1;
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3);
	}

	to {
		opacity: 0;
	}
}

.zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
		transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
		-webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);
		animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
		transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1);
		animation-timing-function: cubic-bezier(0.175,0.885,0.32,1);
	}
}

@keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
		transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
		-webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);
		animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
		transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1);
		animation-timing-function: cubic-bezier(0.175,0.885,0.32,1);
	}
}

.zoomOutDown {
	-webkit-animation-name: zoomOutDown;
	animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
		transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
	}

	to {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(-2000px,0,0);
		transform: scale(.1) translate3d(-2000px,0,0);
		-webkit-transform-origin: left center;
		transform-origin: left center;
	}
}

@keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
		transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
	}

	to {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(-2000px,0,0);
		transform: scale(.1) translate3d(-2000px,0,0);
		-webkit-transform-origin: left center;
		transform-origin: left center;
	}
}

.zoomOutLeft {
	-webkit-animation-name: zoomOutLeft;
	animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
		transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
	}

	to {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(2000px,0,0);
		transform: scale(.1) translate3d(2000px,0,0);
		-webkit-transform-origin: right center;
		transform-origin: right center;
	}
}

@keyframes zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
		transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
	}

	to {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(2000px,0,0);
		transform: scale(.1) translate3d(2000px,0,0);
		-webkit-transform-origin: right center;
		transform-origin: right center;
	}
}

.zoomOutRight {
	-webkit-animation-name: zoomOutRight;
	animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
		transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
		-webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);
		animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
		transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1);
		animation-timing-function: cubic-bezier(0.175,0.885,0.32,1);
	}
}

@keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
		transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
		-webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);
		animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
		transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1);
		animation-timing-function: cubic-bezier(0.175,0.885,0.32,1);
	}
}

.zoomOutUp {
	-webkit-animation-name: zoomOutUp;
	animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
	from {
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0);
		visibility: visible;
	}

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

@keyframes slideInDown {
	from {
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0);
		visibility: visible;
	}

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
	from {
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0);
		visibility: visible;
	}

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

@keyframes slideInLeft {
	from {
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0);
		visibility: visible;
	}

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
	from {
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0);
		visibility: visible;
	}

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

@keyframes slideInRight {
	from {
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0);
		visibility: visible;
	}

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
	from {
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);
		visibility: visible;
	}

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

@keyframes slideInUp {
	from {
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);
		visibility: visible;
	}

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
	from {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);
	}
}

@keyframes slideOutDown {
	from {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);
	}
}

.slideOutDown {
	-webkit-animation-name: slideOutDown;
	animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
	from {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0);
	}
}

@keyframes slideOutLeft {
	from {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0);
	}
}

.slideOutLeft {
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
	from {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0);
	}
}

@keyframes slideOutRight {
	from {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0);
	}
}

.slideOutRight {
	-webkit-animation-name: slideOutRight;
	animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
	from {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0);
	}
}

@keyframes slideOutUp {
	from {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0);
	}
}

.slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp;
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.animated.delay-1s {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}

.animated.delay-2s {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}

.animated.delay-3s {
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
}

.animated.delay-4s {
	-webkit-animation-delay: 4s;
	animation-delay: 4s;
}

.animated.delay-5s {
	-webkit-animation-delay: 5s;
	animation-delay: 5s;
}

.animated.fast {
	-webkit-animation-duration: .8s;
	animation-duration: .8s;
}

.animated.faster {
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
}

.animated.slower {
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
}

@media (print),(prefers-reduced-motion) {
	.animated {
		-webkit-animation: unset!important;
		animation: unset!important;
		-webkit-transition: none!important;
		transition: none!important;
	}
}

.rollOut {
	-webkit-animation-name: rollOut;
	animation-name: rollOut;
}

.portfolio_Sec_home div#nav-tab .nav-link.active {
	border-color: transparent;
	color: #000;
	box-shadow: 0 0 5px 1px #ababab;
}

.portfolio_Sec_home div#nav-tab {
	display: flex;
	justify-content: center;
	gap: 10px;
	border: none;
}

.portfolio_Sec_home div#nav-tab button {
	border-radius: 5px;
	background: #ebebeb;
	cursor: pointer;
	border: 1px solid transparent;
	transition: .3s ease-in-out;
	height: 50px;
	display: flex;
	align-items: center;
	padding: 0 25px;
	font-weight: 500;
	font-family: Now;
}

.portfolio_Sec_home .element-item figure img {
	max-width: 100%;
	border-radius: 8px;
	transition: .3s;
	width: 100%;
}

.portfolio_Sec_home .element-item,.portfolio_individual .element-item {
	background: var(--light);
	border-radius: 16px;
	overflow: hidden;
	position: relative;
	box-shadow: 0 0 20px #00000020;
	margin-bottom: 30px;
}

form#custom-quote-form input.primary-btn.orange-btn {
	margin-left: 0!important;
}

.footer_btm .footer_btm_menu ul {
	display: flex;
	justify-content: center;
	padding: 0;
	display: flex;
	justify-content: center;
	list-style: none;
	gap: 30px;
	margin-bottom: 0;
}

.footer_btm {
	z-index: 2;
	padding: 20px 0;
	background: #393939;
}

.footer_btm .footer_btm_menu ul li:not(:last-child)::before {
	content: '';
	position: absolute;
	width: 2px;
	height: 100%;
	background: #fff;
	right: -16px;
	top: 0;
}

.footer_contant_list li a {
	display: flex;
}

.footer_contant_list li a span {
	width: 90%;
}

.footer_contant_list li a i {
	color: #fa8552;
	margin-top: 6px;
	width: 8%;
}

.bg_greyy {
	background-color: #f8f8f8;
}

p.w_60 {
	width: 60%;
}

.inner_banner_content h1 {
	font-size: 56px;
	color: var(--black);
}

.inner_banner_content p {
	color: var(--black);
	margin-bottom: 10px;
}

.contact_abt_form {
	background: #fff;
	padding: 15px 15px 22px;
	box-shadow: 0 0 20px #00000029;
	border-radius: 20px;
}

.contact_abt_form .orange-btn {
	box-shadow: none!important;
}

ul.footer_Services li ul {
	max-height: 0;
	overflow: hidden;
	transition: max-height .3s ease-in-out;
}

ul.footer_Services li:hover ul {
	max-height: 200px;
}

ul.footer_Services li ul li i {
	color: #fa8552;
	font-size: 14px;
	margin-right: 10px;
}

ul.footer_Services li ul li a {
	font-size: 16px!important;
	display: block;
}

ul.footer_Services li ul li {
	line-height: 1;
	padding: 0!important;
}

ul.footer_Services {
	height: 240px;
}

ul.subSub_dropdown {
	position: absolute;
	left: 100%;
	background: var(--dark);
	list-style: none;
	border-radius: 0 12px 12px;
	-webkit-box-shadow: 7px 5px 30px 0 rgba(72,73,121,.15);
	-moz-box-shadow: 7px 5px 30px 0 rgba(72,73,121,.15);
	box-shadow: 7px 5px 30px 0 rgba(72,73,121,.15);
	width: 280px;
	padding: 20px 0;
}

.header .navbar-nav .sub-menu>li:hover ul.subSub_dropdown {
	display: block!important;
}

.bg_whitee {
	background-color: #fff!important;
}

.inner_quote_form {
	padding: 100px 0!important;
}

.inner_quote_form .quote-form {
	max-width: 100%!important;
}

.ecomm_page_portfolio .element-item.branding figure img {
	height: 270px;
	width: 100%;
	object-fit: cover;
}

.testimonials_page .item {
	box-shadow: 6px 6px 20px 0 #0000002e;
	border-radius: 20px;
	height: 85%;
}

.testimonials_page .item .text p {
	line-height: 1.6;
	margin-bottom: 0;
	overflow: hidden;
	height: 160px;
}

.headrblck .header.fixed,section.content.testimonials.testimonials_page.animate.fadeInUp {
	background: #fff;
}

@media only screen and (max-width:767px) {
	.inner_banner_content h1,.main-banner h1 {
		font-size: 28px;
	}

	.header .btn-inline .btn,.info-sec .who-we-are-list li,.main-banner p,.suitable-package p,p.w_60 {
		width: 100%;
	}

	.inner-banner h1,.inner-banner h4,.inner-banner h6,.inner-banner p,.inner-banner-content .primary-btn,.inner-banner-content h1,.inner-banner-content h4,.inner-banner-content p,.main-banner .primary-btn,.main-banner h1,.main-banner p {
		visibility: visible;
	}

	:root {
		--heading-size-h1: 36px;
		--heading-size-h2: 28px;
		--font-size-base: 16px;
	}

	.company-logo,.footer:after,.footer_btm .footer_btm_menu ul li:nth-child(3)::before,.footer_btm .footer_btm_menu ul li:nth-child(5)::before,.inner-banner .banner-ele+.banner-ele,.main-banner .banner-ele.banner-img,.main-banner:after,.move-down,.suitable-package .quote-form:after,.suitable-package .quote-vector:before,h2 br,p br {
		display: none;
	}

	img {
		max-width: 100%;
	}

	.sub-head {
		padding: 0;
	}

	.header .navbar-nav .nav-item .nav-link {
		color: var(--dark);
	}

	.header .btn-inline .orange-btn,.header .navbar-brand,.header .navbar-nav .nav-item {
		margin: 0;
	}

	.header .navbar .btn-inline .navbar-nav li {
		width: 49%;
		display: inline-block;
	}

	.header .navbar .btn-inline .navbar-nav,.header .navbar-nav .nav-item:hover .sub-menu,.mobile-nav,.services-pg .packages-sec .bx p br {
		display: block;
	}

	.header .navbar-nav .sub-menu {
		position: static;
		display: none;
		opacity: 1;
		-webkit-box-shadow: 0 0 0 rgba(72,73,121,.15);
		-moz-box-shadow: 0 0 0 rgba(72,73,121,.15);
		box-shadow: 0 0 0 rgba(72,73,121,.15);
		padding: 0;
	}

	.main-banner {
		background: url(../images/banner-bg.jpg) center/cover;
		height: inherit;
		padding-top: 107px;
	}

	h2 {
		font-size: 24px;
	}

	.footer_btm .footer_btm_menu ul {
		flex-wrap: wrap;
	}

	.footer_btm .footer_btm_menu ul li:not(:last-child)::before {
		right: -7px;
	}

	.inner_quote_form .quote-form {
		max-width: 100%!important;
		padding: 20px;
	}

	.inner-banner .banner-ele,.main-banner .banner-ele {
		padding-bottom: 23px;
	}

	.ele-img-lft {
		direction: ltr;
		margin-bottom: 20px;
	}

	.primary-btn {
		min-width: inherit;
		padding: 6px 20px;
		font-size: 16px;
	}

	.company-info {
		padding: 38px 0;
	}

	.company-info .col {
		flex-basis: inherit;
		border: 0;
		padding: 20px 0;
	}

	.packages-sec .bx {
		margin-top: 34px;
	}

	.packages-sec .col-sm-4:first-child .bx {
		margin-top: 0;
	}

	.suitable-package .quote-form {
		float: none;
		margin: 30px auto 0;
	}

	.free-consult .form label,.portfolio-sec .portfolio .grid .element-item {
		width: 49%;
	}

	.portfolio-sec .portfolio .portfolio-button-group {
		margin-bottom: 40px;
	}

	.portfolio-sec .portfolio .portfolio-button-group .button {
		display: inline-block;
		width: 48%;
		margin: 10px 0;
		vertical-align: middle;
	}

	.testimonial-sec {
		padding: 60px 0;
		height: auto;
	}

	.testimonial-sec .testimonail-col {
		margin-top: 50px;
		position: static;
		padding: 0 15px 60px;
	}

	.testimonial-sec .testimonial-slider .owl-item {
		width: 320px!important;
	}

	.free-consult,.get-a-quote-pg .free-consult,.info-sec,.packages-sec,.portfolio-sec {
		padding: 60px 0;
	}

	.footer {
		padding: 60px 0 0;
		background: #e8f7ff!important;
	}

	.footer .footer-bot p {
		font-size: 15px;
	}

	.footer_btm {
		padding: 10px 0;
	}

	.footer_btm .footer_btm_menu ul {
		flex-wrap: wrap;
		padding: 0;
		gap: 10px;
	}

	.footer-bot .text-right {
		padding-top: 10px;
		text-align: left!important;
	}

	.srv-sec .bx {
		padding: 32px 15px;
	}

	.suitable-package {
		text-align: center;
	}

	.inner-banner-content {
		height: auto!important;
		padding: 106px 0 23px;
	}

	.contact-pg .inner-banner-content:after {
		background-position: center -138px;
	}

	.contact-pg .cont,.get-a-quote-pg .free-consult .cont {
		position: static;
		padding: 25px;
	}

	.contact-pg .contact-form .container,.get-a-quote-pg .free-consult .container {
		padding: 0 15px;
	}

	.contact-pg .contact-info-right {
		padding-top: 25px;
	}

	.inner-banner {
		background: var(--blue);
		height: inherit;
		padding-top: 107px;
	}

	.srv-info-sec {
		padding: 70px 0 0;
	}

	.srv-info-sec .plpx-70 {
		padding-left: 15px!important;
		display: none;
	}

	.srv-details .srv-details-list li {
		width: 50%;
	}

	.grecaptcha-badge {
		display: none!important;
	}
}

@media only screen and (max-width:550px) {
	.free-consult .form label,.srv-details .srv-details-list li {
		width: 100%;
	}
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	.grecaptcha-badge {
		display: none!important;
	}

	.mobile-nav,.services-pg .packages-sec .bx p br {
		display: block;
	}

	.footer:after,.inner-banner .banner-ele+.banner-ele,.main-banner .banner-ele.banner-img,.main-banner:after,.move-down,.suitable-package .quote-form:after,.suitable-package .quote-vector:before,h2 br,p br {
		display: none;
	}

	img {
		max-width: 100%;
	}

	.main-banner {
		background: url(../images/banner-bg.jpg) center/cover;
		height: inherit;
		padding-top: 107px;
	}

	.inner-banner .primary-btn,.inner-banner h1,.inner-banner h4,.inner-banner h6,.inner-banner p,.inner-banner-content .primary-btn,.inner-banner-content h1,.inner-banner-content h4,.inner-banner-content p,.main-banner .primary-btn,.main-banner h1,.main-banner p {
		visibility: visible;
	}

	.main-banner .banner-ele {
		padding-bottom: 23px;
	}

	.ele-img-lft img {
		max-width: inherit;
	}

	.btn-text {
		margin-left: 10px;
	}

	.packages-sec .bx {
		padding: 30px 10px;
	}

	.packages-sec .bx .info h3 {
		font-size: 18px;
	}

	.packages-sec .bx .info h4 {
		font-size: 54px;
	}

	.packages-sec .bx .info h4 small {
		font-size: 25px;
		left: -15px;
		top: -21px;
	}

	.packages-sec .bx .info h4 sup {
		font-size: 25px;
		top: -18px;
		left: 13px;
	}

	.packages-sec .bx .detail ul li {
		padding: 23px 20px 0;
	}

	.suitable-package .quote-form {
		margin: 0;
	}

	.portfolio-sec .portfolio .grid .element-item {
		width: 48%;
	}

	.testimonial-sec {
		padding: 160px 0;
	}

	.testimonial-sec .testimonail-col {
		top: -5px;
	}

	.free-consult .form label {
		width: 49%;
	}

	.footer {
		padding: 60px 0 30px;
		background: var(--blue)!important;
	}

	.inner-banner,.inner-banner-content {
		height: auto!important;
		padding: 106px 0 23px;
	}

	.info-sec .who-we-are-list li,.srv-details .srv-details-list li {
		width: 50%;
	}

	.contact-pg .inner-banner-content:after {
		background-position: center -138px;
	}

	.contact-pg .cont,.get-a-quote-pg .free-consult .cont {
		position: static;
		padding: 25px;
	}

	.contact-pg .contact-form .container,.get-a-quote-pg .free-consult .container {
		padding: 0 15px;
	}

	.get-a-quote-pg .free-consult {
		padding: 60px 0;
	}

	.srv-info-sec .plpx-70 {
		padding-left: 15px!important;
	}

	.srv-info-sec .srv-info-wrap:before {
		width: 100%;
		height: 100%;
		left: 0;
	}

	.srv-info-sec .srv-info-wrap .srv-item-content {
		top: 41px;
		width: 100%;
		height: 100%;
		padding: 17%;
	}

	.srv-info-sec .srv-info-wrap .srv-item-ico {
		width: 25%;
		height: 25%;
	}

	.srv-info-sec .srv-info-wrap .ico-one {
		left: 3%;
		top: 12%;
	}

	.srv-info-sec .srv-info-wrap .ico-two {
		right: 3%;
		top: 12%;
	}

	.srv-info-sec .srv-info-wrap .ico-three {
		right: 3%;
		bottom: -4%;
	}

	.srv-info-sec .srv-info-wrap .ico-four {
		left: 0;
		bottom: -4%;
	}

	.srv-info-sec .srv-info-wrap .ico-three-alt {
		bottom: -21%;
	}

	.inner-banner .banner-ele {
		flex: 100%;
		max-width: 100%;
	}

	.srv-info-sec {
		padding: 90px 0;
	}

	.services-pg .packages-sec {
		padding-top: 0;
	}

	.services-pg .packages-sec .bx .info h5 {
		padding: 0 20px;
	}

	.srv-details {
		margin-bottom: 90px;
	}
}

@media only screen and (min-width:1024px) and (max-width:1170px) {
	.header .btn-inline .btn {
		width: 132px;
		padding: 9px;
		font-size: 14px;
		font-weight: 400;
	}

	.header .navbar .mr-auto {
		margin-left: auto!important;
		margin-right: 5px!important;
	}

	.header .navbar-nav .nav-item {
		margin: 0 12px;
	}

	.header .navbar-brand {
		margin: 0 10px 0 0;
	}

	.main-banner {
		height: 710px;
	}

	.main-banner h1 {
		font-size: 34px;
	}

	.main-banner p {
		font-size: 15px;
	}

	.main-banner .banner-ele figure {
		top: -135px;
		left: -211px;
		transform: scale(.7);
	}

	.main-banner:after {
		-webkit-background-size: 130% 100%;
		-moz-background-size: 130% 100%;
		-o-background-size: 130% 100%;
		background-size: 130% 100%;
		background-position-x: 64%;
	}

	.packages-sec .bx {
		padding: 30px 10px;
	}

	.packages-sec .bx .info h3 {
		font-size: 18px;
	}

	.packages-sec .bx .info h4 {
		font-size: 54px;
	}

	.packages-sec .bx .info h4 small {
		font-size: 25px;
		left: -15px;
		top: -21px;
	}

	.packages-sec .bx .info h4 sup {
		font-size: 25px;
		top: -18px;
		left: 13px;
	}

	.packages-sec .bx .detail ul li {
		padding: 23px 20px 0;
	}

	.free-consult .form label {
		width: 49%;
	}

	.footer {
		padding: 155px 0 0;
	}

	.footer:after {
		-webkit-background-size: 160% 100%;
		-moz-background-size: 160% 100%;
		-o-background-size: 160% 100%;
		background-size: 160% 100%;
	}

	.contact-pg .inner-banner-content:after {
		background-position: center -138px;
	}

	.contact-pg .cont,.get-a-quote-pg .free-consult .cont {
		position: static;
		padding: 25px;
	}

	.contact-pg .contact-form .container,.get-a-quote-pg .free-consult .container {
		padding: 0 15px;
	}

	.get-a-quote-pg .inner-banner-content {
		height: auto;
	}

	.get-a-quote-pg .free-consult {
		padding: 60px 0;
	}

	.inner-banner.content-development .banner-ele+.banner-ele,.inner-banner.digital-marketing .banner-ele+.banner-ele,.inner-banner.motion-graphics figure,.inner-banner.web-design-dev .banner-ele+.banner-ele {
		transform: scale(.8);
	}

	.hidetab {
		display: none;
	}

	.company-logo li img {
		max-width: 100%;
	}

	.inner-banner.ecommerce .banner-ele+.banner-ele {
		transform: scale(.8);
		top: -28px;
	}

	.inner-banner.marketing-collaterals .banner-ele+.banner-ele {
		transform: scale(.7);
		margin-top: -54px;
	}
}

.tab-custom .tabbing-links li {
	font-weight: 800;
	font-size: 16px;
	text-transform: uppercase;
	color: var(--dark);
	background: 0 0;
	border: none;
	transition: .1s ease-in;
	cursor: pointer;
	padding: 4px 10px;
	border-radius: 5px;
	margin: 0 2px;
	display: inline-block;
}

.floatbutton,.floatbutton.active {
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-o-transition: .4s;
	z-index: 9;
}

.tab-custom .tabs .packages-sec {
	padding: 30px 0 0;
}

.powered-by figure img {
	width: 120px;
}

.landing-page .footer .footer-pre .contact-info li {
	display: inline-block;
	padding: 8px 10px 8px 30px;
}

.landing-page .services-pg .packages-sec {
	padding: 0 0 80px;
}

.landing-page .srv-details {
	margin: 0;
	padding: 80px 0 50px;
}

.landing-page .free-consult {
	padding: 20px 0;
}

.landing-page .footer:after {
	background-size: cover;
	height: 350px;
}

.landing-page .footer {
	padding: 130px 0 0;
}

.landing-page .footer .footer-pre .contact-info li:first-child i {
	top: 10px;
}

.landing-page .footer .footer-pre h3 {
	margin: 35px 0 13px;
}

.landing-page .portfolio-sec {
	padding: 30px 0;
}

.bstseller {
	overflow: hidden;
}

.bstseller:after {
	content: "BEST SELLER";
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	vertical-align: middle;
	padding: 7px 10px;
	text-indent: -15px;
	display: block;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	height: 35px;
	width: 180px;
	background-color: red;
	position: absolute;
	border: 2px solid #b70000;
	box-shadow: 2px 1px 7px -1px #b70000;
	right: -55px;
	top: 30px;
}

.wrp {
	overflow: hidden;
	margin: 0 0 25px;
}

.landing-page .nopadlp {
	padding-bottom: 0;
	padding-top: 20px;
}

@media only screen and (max-width:769px) and (min-width:0px) {
	.free-consult .form .primary-btn,.order-form h2,.order-form h4 {
		font-size: 15px;
	}

	.floatbutton {
		display: none;
	}

	.landing-page .free-consult {
		padding: 20px 0;
	}

	.order-form h4 {
		display: inline-block;
	}

	.free-consult .form input[type=email],.free-consult .form input[type=text],.free-consult .form select,.free-consult .form textarea {
		font-size: 11px;
		padding: 13px 20px;
	}

	.order-form {
		height: 72%;
	}
}

.floatbutton.active {
	left: -50px;
	transition: .4s;
}

.floatbutton {
	transition: .4s;
	position: fixed;
	left: -420px;
	top: 12%;
	font-size: 0;
	width: 420px;
}

.banner-form,.floatbutton .clickbutton {
	position: relative;
	display: inline-block;
}

.floatbutton .clickbutton {
	width: 50px;
	z-index: 99;
	left: 420px;
	height: 200px;
	cursor: pointer;
	box-shadow: 20px 0 18px -7px rgba(71,20,121,.42);
	border-radius: 0 10px 10px 0;
	padding-top: 0;
	vertical-align: top;
	margin-top: 125px;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	background: #320f4f;
	background: -moz-linear-gradient(left,#ea018e 0,#9b2c92 100%);
	background: linear-gradient(to right,#461478 0,#2d1048 100%);
	font-family: Poppins,sans-serif;
}

.btns_wrap .call_wrap,.btns_wrap .chat_wrap {
	right: -225px;
	width: 280px;
	box-shadow: 0 0 40px #00000026!important;
	overflow: hidden;
}

.floatbutton .clickbutton .crossplus:before {
	content: "";
	display: none;
	position: absolute;
	width: 20px;
	height: 2px;
	right: 0;
	background: #fbb334;
	z-index: 99;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
}

.floatbutton .clickbutton .crossplus:after {
	content: "";
	display: none;
	position: absolute;
	width: 2px;
	height: 20px;
	right: 0;
	background: #fab334;
	z-index: 99;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
}

.floatbutton .clickbutton .crossplus {
	position: absolute;
	display: block;
	transform: rotate(-90deg);
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	left: -60px;
	white-space: pre;
	bottom: 87px;
}

.floatbutton .clickbutton .crossplus i {
	font-size: 18px;
	color: #4c31ff;
	margin: 17px 0 0 15px;
}

.banner-form {
	background: #fff;
	padding: 30px;
	z-index: 9;
	border-radius: 0 5px 5px 0;
	margin: 0;
	width: 370px;
	box-shadow: 0 0 30px #0000001f;
}

.ban-form input {
	margin: 0 0 15px;
	border: 1px solid #e5e5e5;
	background: #fff;
	color: #fff;
	font-size: 14px;
	border-radius: 3px;
	height: 50px;
	outline: 0!important;
}

.banner-form h3 {
	color: #333;
	font-size: 24px;
	margin-bottom: 20px;
}

.ban-form input[type=submit] {
	color: #fff;
	font-weight: 600;
	background: #41c17b;
	border-radius: 3px;
	text-align: center;
	padding: 10px 15px;
	margin: 20px 0 0;
	border: transparent;
}

.ban-form textarea {
	border: 1px solid #e5e5e5;
	background: #fff;
	color: gray;
	font-size: 14px;
	border-radius: 3px;
	height: 120px;
	outline: 0!important;
	margin: 0 0 15px;
}

.btns_wrap .call_wrap,.btns_wrap .chat_wrap {
	border-radius: 50px 0 0 50px;
	background: #fff;
}

.ban-form .field textarea,.ban-form input[type=email],.ban-form input[type=text],.serv_dv_pgg .header .navbar-nav .nav-item .nav-link,.testimoal-head h2,section.content.srv-info-sec.dv_srv_secc .row.cntr-content+a.primary-btn.green-btn {
	color: #000;
}

.btns_wrap {
	position: fixed;
	right: -6px;
}

.btns_wrap a:hover {
	text-decoration: none!important;
	right: 0;
}

.btns_wrap .call_wrap {
	position: absolute;
	top: 60px;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.btns_wrap .call_wrap span {
	color: #333;
	font-size: 20px;
	vertical-align: middle;
	background: #fff;
	padding: 15px 20px 15px 15px;
}

.btns_wrap .chat_wrap {
	display: block;
	position: absolute;
	top: 0;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.dv_btn,.icon-boxess>span {
	transition: .3s ease-in-out;
}

.btns_wrap .call_wrap span.icoo,.btns_wrap .chat_wrap span.icoo {
	color: #4d34fb;
	background: #fff;
	font-size: 18px;
	padding: 15px 20px;
	border-right: 1px solid #ded9d9;
	vertical-align: middle;
	display: inline-block;
	border-radius: 50px 0 0 50px;
}

.btns_wrap .chat_wrap span {
	color: #333;
	font-size: 20px;
	vertical-align: middle;
	background: #fff;
	padding: 15px 30px 15px 15px;
}

.frequentlywrp {
	padding: 100px 0 60px;
}

.frequentlywrp .txtwrp {
	display: block;
	text-align: center;
}

.frequentlywrp .accordion .quest-section {
	background: #f5f5f5;
	margin: 0 0 20px;
	padding: 0 30px;
	border-radius: 20px;
}

.frequentlywrp .accordion .quest-inner {
	padding: 0 10px 0 40px;
	margin-bottom: 15px;
}

.frequentlywrp .accordion .quest-section a {
	font-size: 20px;
	position: relative;
	font-weight: 400;
	text-transform: capitalize;
	transition: .15s linear;
	text-decoration: none;
	padding: 22px 50px 22px 10px;
	display: block;
	color: #000;
}

.frequentlywrp .accordion .quest-section a.active:after {
	content: "-";
}

.frequentlywrp .accordion .quest-section a:after {
	position: absolute;
	content: "+";
	width: 30px;
	height: 30px;
	right: 0;
	top: 22px;
	color: #000;
	font-size: 28px;
	font-weight: 700;
	border: 3px solid #000;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}

.frequentlywrp .accordion .quest-inner p {
	line-height: 1.6;
	font-weight: 500;
	margin: 0;
	font-family: var(--secondary-font-family);
	font-size: 16px;
	color: #212529;
	padding: 0;
}

.web-pg .inrbnrform {
	position: relative;
	z-index: 9;
	margin: 0 -15px 0 0;
	box-shadow: 5px 6px 30px #00000012;
	background: #fff;
	padding: 20px 29px 0;
	float: right;
	border-radius: 10px;
	width: 85%;
}

.web-pg .inrbnrform h4 {
	padding: 0 20px;
	color: #e67a3f;
	text-align: center;
	font-size: 16px;
	line-height: 1.2;
	font-weight: 900;
}

.web-pg .inrbnrform h4 span {
	color: #0c1517;
	font-weight: 900;
	font-size: 29px;
	display: block;
	text-transform: uppercase;
}

.web-pg .inrbnrform .wrap {
	text-align: center;
	width: 100%;
}

.web-pg .imgwrp {
	position: absolute;
	bottom: -80px;
}

.web-pg a {
	display: inline-block;
}

.web-pg .wrap .dtf {
	width: 100%;
	margin: 20px auto;
}

.inrbnrform .wrap .dtf input[type=email],.inrbnrform .wrap .dtf input[type=tel],.inrbnrform .wrap .dtf textarea,.web-pg .inrbnrform .wrap .dtf input[type=text],.web-pg input#phone-coun {
	width: 100%;
	margin: 0;
	border: 1px solid #ffffff59;
	background: #fff;
	padding: 13px 15px;
	box-shadow: 0 0 12px 0 rgba(0,0,0,.09);
	color: #000;
	font-size: 13px;
	border-radius: 5px;
	height: 40px;
	font-weight: 400;
	outline: 0!important;
	resize: none;
}

.web-pg input[type=number] {
	-moz-appearance: textfield;
}

.web-pg input[type=number]::-webkit-inner-spin-button,.web-pg input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.web-pg .inrbnrform .wrap .dtf textarea {
	height: 120px;
}

.web-pg .inrbnrform .wrap .dtf input[type=submit] {
	text-align: center;
	text-transform: uppercase;
	border-radius: 10px;
	font-weight: 600;
	margin: 0 auto;
	font-size: 15px;
	border: none;
	display: block;
	padding: 10px 0;
	width: 100%;
	background-color: var(--orange);
}

.web-pg .inrbnrform .wrap .dtf input[type=number] {
	width: 100%;
	margin: 0;
	border: 1px solid #ffffff59;
	background: #fff;
	color: #000;
	font-size: 13px;
	border-radius: 5px;
	height: 40px;
	font-weight: 400;
	outline: 0!important;
}

.web-pg .inner-banner h4,section.content.info-sec.main-banner p {
	visibility: visible;
}

.web-pg .inner-banner .col-md-5.formwrp:before {
	content: "";
	position: absolute;
	background-image: url(../images/banner-img-source.png);
	width: 560px;
	height: 460px;
	background-repeat: no-repeat;
	right: 245px;
	background-size: 73%;
	bottom: -120px;
	z-index: 9;
}

.web-pg .inner-banner.web-design-dev:after {
	background: url(../images/banner-bg.png) right;
}

.web-pg .suitable-package .quote-vector:before {
	content: '';
	content: '';
	background: url(../images/suitable-package-vector-3.png) center top no-repeat;
	width: 198px;
	height: 398px;
	position: absolute;
	left: -13px;
	bottom: -88px;
}

.free-consult .form .cCheckbox {
	background: #fff!important;
	width: 18px!important;
	height: 18px!important;
	border: 1px solid #fa8552!important;
	float: left!important;
	margin: 1px 8px 0 0!important;
}

.web-pg .srv-info-sec .srv-info-wrap .srv-item-ico .icon-w-planning-1:before {
	background: url(../images/first-fold-icons/planning.png) center/contain no-repeat;
	height: 60px;
	width: 60px;
	position: absolute;
	content: '';
	top: -30px;
	bottom: 0;
	left: 25px;
	right: 0;
}

.web-pg .srv-info-sec .srv-info-wrap .srv-item-ico.ico-one.active .icon-w-planning-1:before {
	background: url(../images/first-fold-icons/planning-white.png) center/contain no-repeat;
	height: 60px;
	width: 60px;
	position: absolute;
	content: '';
	top: -30px;
	bottom: 0;
	left: 25px;
	right: 0;
}

.web-pg .srv-info-sec .srv-info-wrap .srv-item-ico .icon-w-planning-2:before {
	background: url(../images/first-fold-icons/design.png) center/contain no-repeat;
	height: 60px;
	width: 60px;
	position: absolute;
	content: '';
	top: -32px;
	bottom: 0;
	left: -31px;
	right: 0;
}

.web-pg .srv-info-sec .srv-info-wrap .srv-item-ico.ico-two.active .icon-w-planning-2:before {
	background: url(../images/first-fold-icons/design-white.png) center/contain no-repeat;
	height: 60px;
	width: 60px;
	position: absolute;
	content: '';
	top: -35px;
	bottom: 0;
	left: -30px;
	right: 0;
}

.web-pg .srv-info-sec .srv-info-wrap .srv-item-ico.ico-three .icon-w-planning-4:before {
	background: url(../images/first-fold-icons/construction.png) center/contain no-repeat;
	height: 60px;
	width: 60px;
	position: absolute;
	content: '';
	top: -30px;
	bottom: 0;
	left: -31px;
	right: 0;
}

.web-pg .srv-info-sec .srv-info-wrap .srv-item-ico.ico-three.active .icon-w-planning-4:before {
	background: url(../images/first-fold-icons/construction-white.png) center/contain no-repeat;
	height: 60px;
	width: 60px;
	position: absolute;
	content: '';
	top: -30px;
	bottom: 0;
	left: -30px;
	right: 0;
}

.web-pg .srv-info-sec .srv-info-wrap .srv-item-ico.ico-four .icon-w-planning-3:before {
	background: url(../images/first-fold-icons/launch.png) center/contain no-repeat;
	height: 60px;
	width: 60px;
	position: absolute;
	content: '';
	top: -30px;
	bottom: 0;
	left: -32px;
	right: 0;
}

.web-pg .srv-info-sec .srv-info-wrap .srv-item-ico.ico-four.active .icon-w-planning-3:before {
	background: url(../images/first-fold-icons/launch-white.png) center/contain no-repeat;
	height: 60px;
	width: 60px;
	position: absolute;
	content: '';
	top: -30px;
	bottom: 0;
	left: -33px;
	right: 0;
}

.web-pg .btm-frm {
	padding: 100px 0 20px!important;
}

ul.payments img {
	width: 100%;
}

section.content.portfolio-sec p.text-center.sub-head.mbpx-25 {
	width: 70%;
	margin: 20px auto;
	line-height: 1.5;
	padding: 0;
}

section.content.portfolio-sec .heading-sep+h2.text-center {
	width: 80%!important;
	margin: 0 auto 20px;
	font-size: 40px;
	font-family: Now;
	font-weight: 500;
	line-height: 1.4;
}

h2.text-center.mbpx-30.essentials_desktop {
	text-transform: uppercase;
	letter-spacing: 4px;
	font-size: 40px;
	font-weight: 500;
	font-family: Now;
}

@media (min-width:1220px) {
	.container {
		max-width: 1320px;
	}
}

.txtwrp p {
	width: 80%;
	margin: 0 auto 30px;
}

.ecomm_page_portfolio .web-design-dev figure img {
	height: 260px;
	object-fit: cover;
	width: 100%;
	object-position: top;
}

.content_desktop_portfolio .web-design-dev figure img {
	height: 320px;
}

.digital_desktop_portfolio .web-design-dev figure img {
	height: 280px;
}

.branding_logo_p .branding figure img {
	height: 330px;
	width: 100%;
}

.new_pgg_contnt ul {
	list-style: none;
	padding: 0;
}

.new_pgg_contnt ul>li {
	color: #fa8552;
	text-transform: capitalize;
	font-weight: 700;
	margin-bottom: 10px;
}

.portfolio_Sec_home .element-item.motion-graphics figure img,.portfolio_individual .element-item.motion-graphics figure img {
	height: 310px;
	object-fit: cover;
	width: 100%;
}

.cookieess_box {
	position: fixed;
	background: #fff;
	padding: 20px;
	border-radius: 20px;
	bottom: 20px;
	width: 75%;
	left: 50%;
	transform: translateX(-50%);
	box-shadow: 0 0 20px #00000040;
	z-index: 99999999999999999;
}

.cookieess_box form {
	display: flex;
	align-items: center;
	gap: 30px;
	justify-content: space-between;
}

.cookieess_box form div {
	display: flex;
	align-items: center;
	gap: 10px;
}

.cookieess_box form div label {
	margin-bottom: 0;
	font-size: 13px;
}

.cookieess_box_content h4 {
	font-size: 18px;
	font-weight: 800;
}

.cookieess_box_content p {
	font-size: 13px;
	margin-bottom: 5px;
}

.cookieess_box_content form input[type=checkbox] {
	position: relative;
	width: 40px;
	height: 20px;
	-webkit-appearance: none;
	appearance: none;
	background: #dfdfdf;
	outline: 0;
	border-radius: 2rem;
	cursor: pointer;
	box-shadow: inset 0 0 5px rgb(0 0 0 / 50%);
}

.cookieess_box_content form input[type=checkbox]::before {
	content: "";
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	transition: .5s;
}

.cookieess_box_content form input[type=checkbox]:checked::before {
	transform: translateX(100%);
	background: #fff;
}

.cookieess_box_content form input[type=checkbox]:checked {
	background: #fa8552;
}

.cookieess_box_content form div button {
	padding: 4px 40px;
	color: #fff;
	background-color: var(--orange);
	border: none;
	border-radius: 4px;
	cursor: pointer;
}

.cookieess_box_content form div a {
	background: #dcdcdc;
	color: #000;
	font-size: 16px;
	padding: 4px 40px;
	border-radius: 4px;
}

.desktop_version_wrpr>.whatsapp_wrpr,.whatsapp_wrpr {
	position: fixed;
	left: 70px;
	bottom: 20px;
	z-index: 9999;
	width: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	box-shadow: 6px 6px 13px 3px #00000059;
}

.desktop_version_wrpr>.whatsapp_wrpr>img,.whatsapp_wrpr>img {
	width: 70px;
}

.forecast_bud img {
	position: absolute;
	right: 10px;
	top: 13px;
	z-index: 0;
}

.forecast_bud select {
	position: relative;
	z-index: 1;
	appearance: none!important;
}

.quoteeee_frm p {
	font-size: 16px;
	line-height: 1.9;
	font-weight: 400;
	margin-bottom: 15px;
	color: #000;
}

.header_top .col-12 {
	display: flex;
	justify-content: flex-end;
}

@keyframes rotateDiv {
	from {
		transform: rotate(0) scale(1.2);
	}

	to {
		transform: rotate(360deg) scale(1.2);
	}
}

.icon-boxess>span>.circle_wrp {
	position: absolute;
	width: 92%;
	height: 92%;
	display: flex;
	justify-content: space-between;
	transform: scale(1.2);
	animation: 3s linear infinite rotateDiv;
}

.icon-boxess>span>.circle_wrp>svg {
	width: 15px;
	fill: #f98552;
}

.icon-boxess>span {
	width: 130px;
	height: 130px;
	border: 2px solid #f98552;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
}

.icon-boxess>span>img {
	width: 55px;
	height: 55px;
	object-fit: contain;
}

.footer_icon {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	width: 250px;
}

.footer.footer-dark .footer-bot p {
	color: #fff;
	text-align: center;
}

.desktop_main_banner .carousel-item img {
	height: 95vh;
	object-fit: cover;
	object-position: center;
}

.desktop_banenr_content {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #00000061;
}

.deskt_new_banner,.dv_btn {
	align-items: center;
	display: flex;
}

.main_h1_desktop h1 {
	font-size: 90px!important;
}

.deskt_new_banner h1,.desktop_banenr_content .desktop_ban_con h1 {
	font-size: 70px;
	color: #fff;
}

.desktop_main_banner .carousel-indicators li {
	background-color: #fff;
	height: 5px;
	border-radius: 5px;
}

.desktop_main_banner .carousel-indicators .active {
	opacity: 1;
	background-color: #fa8552;
}

.help_drpdown {
	min-width: 170px!important;
}

.dv_btn {
	background: #f98552;
	color: #000;
	font-family: Now;
	font-weight: 500;
	font-size: 16px;
	height: 40px;
	justify-content: center;
	width: fit-content;
	border-radius: 5px;
	padding: 0 20px;
	box-shadow: 0 0 3px 1px #00000057;
	gap: 10px;
	text-transform: capitalize;
}

.inner_pgg .inner-banner-content {
	height: auto;
	padding: 100px 0;
}

.deskt_new_banner {
	position: relative;
	height: 600px;
	justify-content: center;
	text-align: center;
	z-index: 1;
}

.deskt_new_banner>img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -2;
}

.deskt_new_banner:after {
	position: absolute;
	content: "";
	background: #000000b8;
	width: 100%;
	height: 100%;
	left: 0;
	z-index: -1;
}

.deskt_new_banner h1 {
	line-height: 1.2;
	margin-bottom: 20px;
	font-family: Now;
	font-weight: 400;
}

.deskt_new_banner p {
	color: #fff;
	font-size: 16px;
	padding-top: 20px;
	position: relative;
	width: fit-content;
	margin: 10px auto 0;
}

.deskt_new_banner p:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	left: 0;
	top: 0;
	background: radial-gradient(circle,#fff 0,rgba(255,255,255,.07886904761904767) 100%);
}

section.content.info-sec.main-banner .banner-ele figure {
	top: 0;
}

section.content.info-sec.main-banner {
	height: 100%;
	padding-top: 0;
}

section.content.info-sec.main-banner .banner-ele {
	height: 500px;
}

.logos_secc_dv {
	padding: 80px 0;
}

.logos_slider_dv:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-image: linear-gradient(90deg,#fff,rgba(244,246,255,0) 20.2%,rgba(244,246,255,0) 72.88%,#fff);
}

section.content.info-sec.main-banner h2 {
	font-family: Now;
	font-weight: 500;
	margin-bottom: 20px;
	font-size: 40px;
}

.logos_secc_dv h2 {
	font-family: Now;
	font-weight: 500;
	margin-bottom: 10px;
	font-size: 40px;
}

.logos_secc_dv p {
	width: 50%;
	margin: 0 auto;
	line-height: 1.6;
}

.dv_talk_numbers {
	background: #f8f8f8;
	border-radius: 20px;
	padding: 80px 0;
}

.dv_talk_numbers ul {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	gap: 15px;
	padding: 0!important;
	list-style: none;
	flex-wrap: wrap;
	justify-content: center;
}

.dv_talk_numbers ul>li {
	background: #fff;
	border: 1px solid #bcbcbc;
	padding: 20px 10px;
	text-align: center;
	box-shadow: 0 0 5px 0 #0000003d;
	border-radius: 10px;
	width: 15%;
}

.dv_talk_numbers ul>li>p {
	margin-top: 5px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.3;
	margin-bottom: 0;
}

.dv_talk_numbers .circular-progress {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto 10px;
}

.dv_talk_numbers .inner-circle {
	position: absolute;
	width: calc(100px - 20px);
	height: calc(100px - 20px);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
}

.dv_talk_numbers .percentage {
	position: relative;
	font-size: 20px;
	color: rgb(0,0,0,.8)!important;
	margin: 0!important;
	font-weight: 600;
}

.dv_talk_numbers h2 {
	font-family: Now;
	text-align: center;
	font-weight: 500;
	margin-bottom: 20px;
	font-size: 40px;
}

.testimonial-sec .testimonial-slider .owl-item .text ul {
	padding: 0;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: end;
	gap: 5px;
	margin-bottom: 10px;
}

.testimonial-sec .testimonial-slider .owl-item .text ul>li>i {
	color: #ffc107;
	font-size: 16px;
}

.testimonial-sec .testimoal-head {
	text-align: center;
	margin-bottom: 20px;
}

.testimonial-sec .testimoal-head h2 {
	font-size: 40px;
	font-family: Now;
	font-weight: 500;
	margin-bottom: 10px;
	color: #000;
}

select.form-select:focus+img {
	transform: rotate(180deg);
	transition: transform .3s;
}

select.form-select:not(:focus)+img {
	transform: rotate(0);
	transition: transform .3s;
}

section.content.free-consult.bg_greyy h2 {
	font-size: 40px;
	font-family: Now;
	font-weight: 500;
	line-height: 1.2;
	margin-bottom: 20px;
}

.serv_dv_pgg .inner-banner h1 {
	font-weight: 400;
	position: relative;
}

.serv_dv_pgg .inner-banner h1:after {
	position: absolute;
	left: -20px;
	top: 0;
}

.dv_srv_secc .design_partner_boxx>ul {
	display: flex;
	margin-bottom: 15px;
	padding: 0;
	list-style: none;
	flex-direction: column-reverse;
	gap: 10px;
}

.dv_srv_secc .design_partner_boxx>ul>li>img {
	width: 30px;
}

.dv_srv_secc .design_partner_boxx>h4 {
	font-size: 19px;
	color: #000;
	font-family: Now;
	margin-bottom: 20px;
	margin-top: 20px;
}

.dv_srv_secc .design_partner_boxx>ul>li {
	color: #f98552;
	font-size: 19px;
	font-family: Now;
	font-weight: 500;
	text-align: left;
}

.dv_srv_secc .design_partner_boxx>p {
	margin: 0!important;
	text-align: center;
	font-size: 15px;
	width: 100%!important;
}

.dv_srv_secc .design_partner_boxx>ul li:first-child img {
	height: 50px;
	object-fit: contain;
	width: 100%;
}

.dv_srv_secc .design_partner_boxx {
	background: #f8f8f8;
	padding: 30px 20px;
	border-radius: 10px;
	text-align: center;
	height: 270px;
	margin-bottom: 30px;
}

.content.srv-info-sec.dv_srv_secc {
	padding: 70px 0 0;
}

.content.srv-info-sec.dv_srv_secc h2 {
	text-align: center;
	font-size: 40px;
	font-family: Now;
	font-weight: 500;
	margin-bottom: 20px;
}

.content.srv-info-sec.dv_srv_secc p {
	text-align: center;
	width: 80%;
	margin: 0 auto;
}

.dv_srv_secc .design_partner_boxx>ul>li:last-child {
	position: absolute;
	top: 20px;
}

.essentials_dv_sec .mob_elevate_box {
	background: #f8f8f8;
	border-radius: 20px;
	padding: 25px;
	text-align: center;
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
	height: 100%;
	max-height: -webkit-fill-available;
}

.essentials_dv_sec .mob_elevate_box:hover:after {
	height: 100%;
}

.essentials_dv_sec .mob_elevate_box>span>img {
	width: 40px;
	height: 35px;
	object-fit: contain;
}

.essentials_dv_sec .mob_elevate_box>span {
	width: 90px;
	height: 90px;
	border: 2px solid #f98552;
	border-radius: 50%;
	transition: .3s ease-in-out;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 20px;
	position: relative;
}

.essentials_dv_sec .mob_elevate_box:hover>span {
	box-shadow: inset 0 0 19px 4px #f9855280;
}

.essentials_dv_sec .mob_elevate_box>h3 {
	font-family: Now;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.2;
	margin-bottom: 20px;
	margin-top: 10px;
}

.essentials_dv_sec .mob_elevate_box>span>.circle_wrp {
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	transform: scale(1.2);
	animation: 3s linear infinite rotateDiv;
}

.essentials_dv_sec .mob_elevate_box>span>.circle_wrp>svg {
	width: 13px;
	fill: #f98552;
}

section.content.alter-bg.srv-details.essentials_dv_sec {
	background: #fff;
	padding: 50px 0;
}

.inner_pgg .inner_banner_content h1:after {
	position: absolute;
	content: "“";
	left: -20px;
	top: 0;
}

.laptop_img figure div {
	position: absolute;
}

.laptop_img figure>div>img {
	width: 120%;
}

.color_black {
	color: #000!important;
}

.desktop_ban_comma span {
	position: absolute;
	left: -22px;
}
.top_bar span{
    color:#fff;
    font-family: 'Nunito Sans';
}
.top_bar a:last-child::before {
	content: '';
	position: absolute;
	width: 2px;
	height: 100%;
	background: #fff;
	left: 18px;
}

.top_bar a:last-child {
	display: inline-block;
	position: relative;
	padding-left: 40px;
}

ul.footer_Services.register_members_wrp>li>a {
	font-size: 13px;
	line-height: 1.6;
	margin-bottom: 10px;
}

ul.footer_Services.register_members_wrp>li>a>img {
	width: 130px;
	display: block;
	margin-top: 10px;
	background: #fff;
	padding: 10px;
	border-radius: 5px;
}

.footer_Services.register_members_wrp li {
	padding: 0!important;
}

.headrblck .header {
	background: #000;
}

.packages-sec .bx .mbpx-30 {
	display: flex;
	justify-content: center;
}

.packages_tabss ul.tabbing-links li {
	height: 50px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-transform: capitalize;
	font-weight: 500;
	font-family: Now;
	background: #ebebeb;
	padding: 0 25px;
}

.packages_tabss.tab-custom .tabbing-links li.current {
	background: #ebebeb;
	border-color: transparent;
	color: #000;
	box-shadow: 0 0 5px 1px #ababab;
}

.tab-custom.content.packages_tabss .tabs.current ul.tabbing-links li {
	height: 40px;
	font-size: 13px;
	border: 1px solid;
}

.tab-custom.content.packages_tabss .tabs.current ul.tabbing-links li.current {
	background: #fa8552;
	border: 1px solid #fa8552;
	color: #fff;
}

.desktop_ban_con h2.desktop_ban_comma {
	color: #fff;
	font-size: 70px;
}

.home_banner_img_content h2 {
	color: #fff;
	font-size: 38px!important;
}

.case_study_box {
	transition: 0.3s ease-in-out;
}

.case_study_box>img {
	width: 100%;
	border-radius: 10px;
	height: 300px;
	object-fit: cover;
}

.case_study_box>.case_study_box_textt {
	width: 100%;
	background: #fff;
	padding: 20px;
	box-shadow: 0px 0px 76px 0px rgba(0, 0, 0, 0.08);
	border-radius: 10px;
	margin-top: -20px;
	z-index: 1;
	position: relative;
	transition: 0.3s ease-in-out;
}

.case_study_box>.case_study_box_textt>ul {
	display: flex;
	align-items: center;
	gap: 30px;
	padding-left: 0;
	list-style: none;
}

.case_study_box>.case_study_box_textt>ul>li {
	font-size: 14px;
	color: #858585;
	text-transform: uppercase;
	transition: 0.3s ease-in-out;
}

.case_study_box>.case_study_box_textt>ul>li>i {
	margin-right: 10px;
	color: #fa8653;
	font-weight: 500;
}

.case_study_box>.case_study_box_textt>h3 {
	font-size: 25px;
	font-family: 'Now';
	line-height: 1.2;
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 20px;
	margin-bottom: 20px;
	transition: 0.3s ease-in-out;
}

.case_study_box .case_study_box_textt p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.case_study_box>.case_study_box_textt>a {
	text-transform: capitalize;
	color: #fa8552;
	font-size: 14px;
	font-weight: 500;
	transition: 0.3s ease-in-out;
	display: flex;
	align-items: center;
}

.case_study_box>.case_study_box_textt>a>i {
	margin-left: 10px;
	color: #fa8552;
	font-size: 11px;
}

.case_study_box:hover>.case_study_box_textt {
	background: #fff;
	transition: 0.3s ease-in-out;
}

section.blogs_section {
	padding: 80px 0;
}

.mob_version_wrpr .case_study_box {
	margin-bottom: 20px;
}

.mob_version_wrpr .case_study_box>.case_study_box_textt>h3 br {
	display: none;
}

.mob_version_wrpr .case_study_box>.case_study_box_textt>h3 {
	font-size: 18px;
}

.mob_version_wrpr .case_study_box>img {
	width: 100%;
	border-radius: 10px;
	height: 200px;
	object-fit: cover;
}

section.blogs-detail {
	padding: 80px 0;
}

.blogs-detail-wrap img {
	width: 100%;
	height: 600px;
	object-fit: cover;
	object-position: top;
	margin-bottom: 20px;
}

.blogs-detail-wrap h2 {
	font-size: 60px;
	color: #000;
}

.blogs-detail-wrap p {
	font-size: 16px;
	line-height: 1.9;
	font-weight: 400;
	color: #000;
	font-family: Now;
}

.blogs-detail-wrap h3 {
	color: #000;
	font-family: 'BigNoodleTitling';
	font-size: 40px;
	margin: 10px 0 30px;
}

.blogs-detail-wrap h4 {
	font-size: 30px;
	font-family: 'Now';
	margin: 10px 0 20px;
}

.blogs-detail-wrap h5 {
	font-family: 'Now';
	color: #000;
	font-size: 20px;
	margin-bottom: 20px;
}

.blogs-detail-wrap ul {
	padding-left: 0;
}

.blogs-detail-wrap ul li {
	font-size: 16px;
	line-height: 1.9;
	font-weight: 400;
	color: #000;
	font-family: Now;
	margin-bottom: 10px;
	margin-left: 10px;
}

.blogs-detail-wrap a {
	color: #fa8755;
	font-weight: 500;
}


/*New Css*/
img.digital-banr {
	width: 100%;
	height: 500px;
	object-fit: contain;
}

.digital-banr-image {
	width: 100%;
}

ul.subSub_dropdown.extra_width {
	width: 310px;
}







/*CoursesPAge css*/
.advance_career_section {
	padding: 100px 0;
}

.advanced_heading_main h2 {
	font-size: 40px;
	font-family: Now;
	font-weight: 500;
	margin-bottom: 20px;
	color: #000;
}

.advanced_heading_main p {
	color: #000;
}

.courses_image img {
	width: 100%;
	height: 370px;
	object-fit: cover;
}

.courses_image {
	border-radius: 20px;
	overflow: hidden;
	position: relative;
	margin-bottom: 25px;
	box-shadow: 0 0 20px 4px #00000026;
}

.courses_box_tags {
	position: absolute;
	right: 20px;
	top: 20px;
}

.courses_box_tags ul {
	display: flex;
	list-style: none;
	gap: 10px;
}

.courses_box_tags ul li {
	color: #fff;
	font-size: 12px;
	border: 1px solid #fa8552;
	border-radius: 30px;
	padding: 3px 10px 4px;
	backdrop-filter: blur(6px);
}

.course_box_content h4 {
	font-size: 22px;
	color: #000;
	margin-bottom: 15px;
}

.course_box_content p {
	color: #000;
	font-size: 16px;
	line-height: 1.8;
}

.course_box_content a {
	color: #fa8552;
	text-decoration: underline;
	font-weight: 400;
}

.build_heading_main h2 {
	font-size: 40px;
	font-family: Now;
	font-weight: 500;
	margin-bottom: 20px;
	color: #000;
}

.build_heading_main p {
	color: #000;
}

.build_skills_section {
	padding: 100px 0;
	background-color: #f8f8f8;
}

.build_skill_course_image img {
	width: 100%;
	height: 400px;
	object-fit: cover;
}

.build_skill_course_image {
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 0 20px 4px #00000026;
}

.build_skilss_courses {
	align-items: center;
}

.build_skill_course_content {
}

.build_skill_course_content h2 {
	font-size: 34px;
	font-family: 'Now';
	font-weight: 500;
	margin-bottom: 15px;
}

.build_skill_course_content p {
	font-weight: 400;
	color: #000;
}

.build_skill_course_content {
}

.build_skill_course_content ul.duration {
	display: flex;
	gap: 30px;
	padding: 0;
	margin: 20px 0 40px;
}

.build_skill_course_content ul.duration li {
	list-style: none;
	color: #000;
	font-family: 'Nunito Sans';
}

.build_skill_course_content ul.duration li span {
	font-weight: 700;
}

.tags_and_reviews {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.tags_and_reviews ul {
	display: flex;
	list-style: none;
	padding: 0;
	margin: 0;
}

.tags_and_reviews>ul>li {
	font-size: 12px;
	padding: 6px 18px 5px;
	border: 1px solid #fa8552;
	color: #000;
	font-weight: 400;
	border-radius: 20px;
}

.tags_and_reviews>ul {
	gap: 10px;
}

.review_starrs ul li i {
	font-size: 13px;
	color: #f2d36a;
}

.review_starrs ul {
	justify-content: flex-end;
	margin-bottom: 0;
}

.review_starrs ul li span {
	color: #000;
	font-size: 12px;
	font-weight: 600;
}

.review_starrs p {
	font-size: 10px;
	color: #000;
	font-weight: 500;
	margin: 0;
	text-align: end;
}


/*CoursesPAge css end*/



/*Course Detail page css start*/
.course_detail_banner {
	padding: 7% 0 0px;
	margin-bottom: 50px;
	overflow: hidden;
}

.course_detail_banner_content h4 {
	font-size: 26px;
	margin-bottom: 16px;
	color: #fff;
}

.course_detail_banner_content h2 {
	font-size: 75px;
	line-height: 1.1;
	color: #fff;
}

.course_detail_banner_content p {
	margin: 20px 0 30px;
	color: #fff;
}

.course_detail_banner_content a {
	color: #000;
	margin: 0;
}

.course_detail_banner_image img {
	width: 100%;
	margin: 0 0 0 auto;
	border-radius: 20px;
	height: auto;
	object-fit: contain;
	position: relative;
}

.course_detail_banner_image {
	text-align: right;
}

section.who_join_section {
	padding: 50px 0 80px;
}

.who_can_join_heading h2 {
	font-size: 40px;
	font-family: Now;
	font-weight: 500;
	margin-bottom: 20px;
	color: #000;
}

.who_join_box h4 {
	display: flex;
	align-items: center;
	gap: 14px;
	font-size: 22px;
	color: #000;
	line-height: 1;
}

.course_detail_banner_content {
	padding: 40px 0 40px 40px;
}

.who_join_box h4 img {
	width: 20px;
	height: 20px;
	object-fit: contain;
}

.who_join_box h4 span {
	display: block;
	line-height: 1;
	margin-bottom: -3px;
}

.who_join_box ul {
	list-style: none;
	padding: 0;
	margin: 25px 0 0;
}

.who_join_box ul li {
	font-family: 'Now';
	color: #000;
	font-weight: 400;
	font-size: 16px;
}

.who_join_box {
	padding: 30px 50px;
	background: #f8f8f8;
	height: 100%;
	border-radius: 20px;
}

.course_Descrition_content h2 {
	font-size: 40px;
	font-family: Now;
	font-weight: 500;
	margin-bottom: 20px;
	color: #000;
}

.course_outline {
	margin-top: 50px;
}

.course_outline_box {
	padding: 50px;
	background: #f8f8f8;
	border-radius: 20px;
}

.course_outline_box h2 {
	font-size: 34px;
	font-family: Now;
	font-weight: 500;
	margin-bottom: 20px;
	color: #fa8552;
}

.weeks_box_outline {
	margin-bottom: 40px;
}

.weeks_box_outline p {
	margin-bottom: 0;
}

.boxes_outline_list {
	column-count: 2;
}

.course_objectives {
	background: #393939;
	padding: 50px 0px;
	border-radius: 20px;
}

.course_objectives h2 {
	font-size: 30px;
	font-family: Now;
	font-weight: 500;
	margin-bottom: 20px;
	color: #ffffff;
	padding: 0 0 0 40px;
}

.course_objectives ul {
	list-style: none;
	padding: 0;
}

.course_objectives ul li:nth-child(odd) {
	background: #4c4c4c;
}

.course_objectives ul li {
	color: #fff;
	padding: 12px 40px;
	font-family: 'Now';
	font-size: 14px;
}

.why_learn_content h2 {
	font-size: 40px;
	font-family: Now;
	font-weight: 500;
	margin-bottom: 20px;
	color: #000;
}

figure.ele-img-lft img {
	width: 100%;
}

.why_learn_section figure.ele-img-lft img {
	width: 100%;
	height: 460px;
	object-fit: cover;
}

section.why_learn_section figure.ele-img-lft {
	border-radius: 20px;
	overflow: hidden;
	width: 90%;
	margin: 0 0 0 auto;
}

.cms-development-main .bx {
	background: #f8f8f8;
	box-shadow: none;
}

.cms-development-main .srv-sec .icon-wrapper {
	background: transparent;
}

.course_detail_banner_bg {
	background: #353535;
	border-radius: 30px;
}

.pulse-ripple {
	width: 80%;
	height: 450px;
	background-color: #fa8552;
	border-radius: 50%;
	position: absolute;
	bottom: -50%;
}

.thnky_pgg .inner-banner-content h1 {
	color: #000;
	margin-bottom: 20px;
}

.thnky_pgg .primary-btn.green-btn {
	margin: 0 auto;
}

.pulse-ripple::after {
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: inherit;
	top: 0;
	left: 0;
	animation: ripple-pulse 2s infinite ease-out;
}

@keyframes ripple-pulse {
	to {
		transform: scale(1.2);
        /* Scales the pseudo-element outward */
		opacity: 0.4;
        /* Fades it out */;
	}
}

/* new page css */



/* Main Banner Start  */

.main-banner-sec .row.back {
	background-image: url(https://www.createchitsolutions.com/assets/images/skills/main-banner-images.png);
	padding: 30px 30px 0;
	border-radius: 40px;
	width: 100%;
	height: 100%;
	background-size: cover;
	position: relative;
}

.main-banner-images {
	text-align: center;
	position: relative;
}

.main-banner-images:before {
	content: "";
	position: absolute;
	background: #fa8552;
	width: 550px;
	height: 550px;
	border-radius: 50%;
	right: -15px;
	left: 0;
	margin: 0 auto;
	z-index: 1;
	top: 40px;
}

.main-banner-images img {
	width: 481px;
	height: 628px;
	object-fit: contain;
	position: relative;
	z-index: 9;
}

.main-banner-sec .row.back:before {
	content: "";
	position: absolute;
	background-image: url(https://www.createchitsolutions.com/assets/images/skills/main-banner-flower.png);
	width: 73px;
	height: 73px;
	background-size: cover;
	right: -35px;
	object-fit: contain;
	top: 220px;
}

.main-banner-images-path-one span img {
	width: 55px !important;
	height: 55px !important;
	object-fit: contain;
}

.main-banner-images-path-one {
	position: absolute;
	top: 180px;
	left: 90px;
	z-index: 99;
}

.main-banner-images-path-two span img {
	width: 55px !important;
	height: 55px !important;
	object-fit: contain;
}

.main-banner-images-path-two span {
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	border: 2px solid #777371;
	border-radius: 15px;
	transform: rotate(-0deg);
}

.main-banner-images-path-two {
	position: absolute;
	top: 200px;
	right: 100px;
	z-index: 999;
	transform: rotate(35deg);
}

.main-banner-images-path-one span {
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	border: 2px solid #777371;
	border-radius: 15px;
	transform: rotate(-15deg);
}

.main-banner-sec {
	margin-top: 5%;
}

.main-banner-text label {
}

.main-banner-text h1 span {
	color: #fa8552;
}

.main-banner-text p {
	color: #ffffff;
	margin-bottom: 20px;
	width: 95%;
}

.theme-btn-1 {
	background: #fa8552;
	color: #000;
	padding: 15px 60px;
	border-radius: 8px;
	font-size: 18px;
}

/* Main Banner Ends  */

/* Our International Institute Start  */

.all-section {
	padding: 100px 0;
}

.container-fluid.add-padding {
	max-width: 1400px;
}

.our-international-institute-images img {
	width: 100%;
	height: 521px;
	object-fit: cover;
	border-radius: 50px;
}

.main-banner-text label {
	margin-bottom: 22px;
}

.our-international-institute-text h2 {
	margin-bottom: 25px;
}

label.theme-text-tag-line {
	font-size: 18px;
	color: #fa8552;
	letter-spacing: 3px;
	font-weight: 500;
	text-transform: uppercase;
}

.our-international-institute-text label {
	margin-bottom: 25px;
}

.our-international-institute-text p {
	margin-bottom: 25px;
}

/* Our International Institute Ends  */

/* Createch It Solutions Start  */

.createch-it-solution-sec .row {
	background-image: url(https://www.createchitsolutions.com/assets/images/skills/createch-it-solution-backgorund.jpg);
	width: 100%;
	height: 380px;
	display: flex;
	align-items: center;
	text-align: center;
	border-radius: 50px;
	background-size: cover;
}

.createch-it-solution-heading h2 {
	color: #ffffff;
	line-height: 55px;
	margin-bottom: 0;
	font-size: 42px;
}

.createch-it-solution-heading h2 span {
	color: #fa8552;
}

/* Createch It Solutions Ends  */

/* Why Now Start */

.why-now-heading {
	text-align: center;
}

.why-now-heading label {
	margin-bottom: 18px;
}

.why-now-heading h2 {
	margin-bottom: 15px;
}

.why-now-heading p {
	width: 65%;
	margin: 0 auto;
}

.why-now-boxs {
	background: #f8f8f8;
	padding: 40px 30px;
	border-radius: 40px;
	margin-top: 40px;
	height: 402px;
	transition: 0.5s;
	border-top: 5px solid #f8f8f8;
	border-right: 2px solid #f8f8f8;
	border-left: 2px solid #f8f8f8;
}

.why-now-boxs span img {
	width: 45px;
	height: 37px;
	object-fit: contain;
}

.why-now-boxs p {
	margin-bottom: 0;
	line-height: 28px;
}

.why-now-boxs h2 {
	font-size: 25px;
	margin-bottom: 15px;
	font-family: Now;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.2;
}

.why-now-boxs span {
	background: #f9d5c6;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	margin-bottom: 30px;
}

.why-now-bottom-row p {
	margin-bottom: 0;
}

.why-now-bottom-row {
	text-align: center;
	margin-top: 50px;
}

.why-now-boxs:hover {
	border-top: 5px solid #fa8552;
	border-right: 2px solid #f9dfd3;
	border-left: 2px solid #f9dfd3;
	transition: 0.5s;
}

/* Why Now Ends */

/* What The Partnership Delivers Start */

.what-the-partnership-delivers-sec {
	background: #f8f8f8;
	padding: 100px 0;
}

.what-the-partnership-delivers-heading {
	text-align: center;
}

.what-the-partnership-delivers-heading label {
	margin-bottom: 20px;
}

.what-the-partnership-delivers-box {
	background: #fff;
	padding: 45px 15px;
	border-radius: 35px;
	height: 362px;
	margin-top: 40px;
	border-top: 5px solid #ffffff;
	border-right: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
}

.what-the-partnership-delivers-box p {
	margin-bottom: 0;
	line-height: 28px;
}

.what-the-partnership-delivers-box h2 {
	font-size: 23px;
	margin-bottom: 15px;
	margin-top: 20px;
	margin-bottom: 15px;
	font-family: Now;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.2;
}

.what-the-partnership-delivers-box span {
	background: #f9d5c6;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	margin-bottom: 25px;
}

.what-the-partnership-delivers-box:hover {
	border-top: 4px solid #fa8552;
	border-right: 2px solid #f9dfd3;
	border-left: 2px solid #f9dfd3;
	transition: 0.5s;
}

.why-now-boxs.chg {
	height: 370px;
}

/* What The Partnership Delivers Ends */

/* The Purpose Start */

.the-purpose-sec {
	background: #fddacb;
	padding: 100px 0;
	border-radius: 40px;
}

.the-purpose-heading {
	text-align: center;
}

.the-purpose-heading h2 {
	margin-bottom: 15px;
}

.the-purpose-heading p {
	width: 45%;
	margin: 0 auto;
}

.the-purpose-heading label {
	color: #000000;
	margin-bottom: 20px;
}

.the-purpose-boxs {
	background: #ffffff;
	padding: 50px 22px;
	border-radius: 40px;
	margin-top: 40px;
	border-top: 4px solid #ffffff;
	border-right: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
	transition: 0.5s;
}

.the-purpose-boxs p {
	margin-bottom: 0;
	line-height: 28px;
}

.the-purpose-boxs h2 {
	font-size: 25px;
	padding-bottom: 12px;
	margin-bottom: 30px;
	position: relative;
}

.the-purpose-boxs span {
	font-size: 25px;
	color: #fa8552;
	display: block;
	margin-bottom: 25px;
	font-weight: 600;
}

.the-purpose-boxs h2:before {
	content: "";
	position: absolute;
	background: #fa8552;
	width: 100px;
	height: 4px;
	bottom: 0;
}

.the-purpose-boxs:hover {
	border-top: 5px solid #fa8552;
	border-right: 2px solid #f9dfd3;
	border-left: 2px solid #f9dfd3;
	transition: 0.5s;
}

/* The Purpose Ends */

/* Get In Touch Start */

.our-international-institute-text.chg {
	margin-left: 20px;
}

.our-international-institute-text.chg-1 {
	padding-right: 50px;
}

.createch-it-solution-heading label {
	margin-bottom: 35px;
	color: #ffffff;
}

.get-it-touch-sec .row {
	justify-content: center;
}

.get-it-touch-text {
	text-align: center;
}

.get-it-touch-text label {
	margin-bottom: 18px;
}

.get-it-touch-text h2 {
	margin-bottom: 25px;
}

.get-it-touch-text label {
	margin-bottom: 25px;
}

.get-it-touch-text p {
	width: 90%;
	margin: 0 auto;
}

.get-it-touch-text ul {
	margin-top: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	list-style: none;
}

.get-it-touch-text ul li a {
	background: #fa8552;
	color: #000;
	padding: 15px 60px;
	border-radius: 8px;
	font-size: 18px;
}

.main-banner-sec .main-banner-text h1 {
	color: #fff;
	font-size: 70px;
}

.skills-pg.inner_pgg .header .navbar-brand img+img {
	display: block;
}

.skills-pg.inner_pgg .header .navbar-brand img {
	display: none;
}

.skills-pg.inner_pgg .header .navbar-nav .nav-item .nav-link {
	color: #000;
}

/* Get In Touch Ends */

/* Media Query Css Start */

@media only screen and (min-width: 1366px) and (max-width: 1920px) {
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
	.get-it-touch-text h2 {
		margin-bottom: 5px;
	}

	.get-it-touch-text label {
		margin-bottom: 10px;
		font-size: 15px;
	}

	.all-section {
		padding: 50px 0;
	}

	p {
		font-size: 13px;
		line-height: 20px;
	}

	.our-international-institute-text p {
		margin-bottom: 15px;
	}

	.container-fluid.add-padding {
		max-width: 1350px;
	}

	.our-international-institute-text.chg {
		margin-left: 0px;
	}

	.our-international-institute-text label {
		margin-bottom: 10px;
	}

	.our-international-institute-images img {
		height: 290px;
		border-radius: 20px;
	}

	.our-international-institute-text h2 {
		margin-bottom: 12px;
	}

	.createch-it-solution-heading label {
		margin-bottom: 10px;
		letter-spacing: 1px;
	}

	.createch-it-solution-sec .row {
		height: 220px;
		margin: 0 auto;
	}

	.createch-it-solution-heading h2 br {
		display: none;
	}

	.createch-it-solution-heading h2 {
		line-height: 40px;
		font-size: 30px;
	}

	.get-it-touch-text ul {
		margin-top: 15px;
		gap: 15px;
	}

	.the-purpose-sec {
		padding: 30px 0;
		border-radius: 20px;
	}

	.the-purpose-boxs span {
		font-size: 20px;
		margin-bottom: 5px;
	}

	.the-purpose-boxs p {
		margin-bottom: 0;
		line-height: 22px;
	}

	.the-purpose-boxs h2:before {
		width: 100px;
		height: 2px;
	}

	.the-purpose-boxs h2 {
		font-size: 16px;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}

	.the-purpose-heading h2 {
		margin-bottom: 10px;
	}

	.why-now-boxs.chg {
		height: 240px;
	}

	.why-now-heading label {
		margin-bottom: 8px;
	}

	label.theme-text-tag-line {
		font-size: 15px;
	}

	.why-now-boxs span img {
		width: 35px;
		height: 27px;
	}

	.why-now-boxs p {
		margin-bottom: 0;
		line-height: 22px;
	}

	.the-purpose-boxs {
		background: #ffffff;
		padding: 10px 10px;
		border-radius: 20px;
		margin-top: 15px;
		height: 186px;
	}

	.why-now-boxs h2 {
		font-size: 20px;
		margin-bottom: 5px;
	}

	.main-banner-images:before {
		width: 350px;
		height: 350px;
	}

	.main-banner-images-path-two {
		top: 90px;
		right: 10px;
	}

	.main-banner-images img {
		width: 330px;
		height: 430px;
	}

	.main-banner-images-path-two span {
		width: 65px;
		height: 65px;
	}

	.main-banner-images-path-two span img {
		width: 40px !important;
		height: 40px !important;
	}

	.main-banner-images-path-one {
		top: 90px;
		left: 60px;
		z-index: 99;
	}

	.main-banner-images-path-one span {
		width: 65px;
		height: 65px;
	}

	.main-banner-images-path-one span img {
		width: 40px !important;
		height: 40px !important;
	}

	.main-banner-sec .row.back:before {
		width: 63px;
		height: 63px;
		background-size: cover;
		right: -25px;
		object-fit: contain;
		top: 60px;
	}

	.theme-btn-1 {
		padding: 11px 30px;
		border-radius: 8px;
		font-size: 16px;
	}

	.main-banner-text label {
		margin-bottom: 10px;
	}

	h1 {
		font-size: 55px;
		font-weight: 500;
		margin: 0px 0 5px;
		line-height: 1;
	}

	.main-banner-sec .row.back {
		background-image: url(../images/main-banner-images.png);
		padding: 30px 10px 0;
		border-radius: 20px;
	}

	.what-the-partnership-delivers-heading label {
		margin-bottom: 10px;
	}

	.what-the-partnership-delivers-sec {
		padding: 40px 0;
	}

	.what-the-partnership-delivers-box {
		background: #fff;
		padding: 25px 10px;
		border-radius: 15px;
		height: 292px;
		margin-top: 20px;
	}

	.what-the-partnership-delivers-box span {
		width: 70px;
		height: 70px;
		margin-bottom: 15px;
	}

	.what-the-partnership-delivers-box h2 {
		font-size: 16px;
		margin-bottom: 10px;
		margin-top: 20px;
	}

	.why-now-boxs {
		background: #f8f8f8;
		padding: 10px 15px;
		border-radius: 20px;
		margin-top: 20px;
		height: 242px;
	}

	.what-the-partnership-delivers-box p {
		margin-bottom: 0;
		line-height: 21px;
	}

	.why-now-boxs span {
		width: 60px;
		height: 60px;
		border-radius: 50%;
		margin-bottom: 15px;
	}

	.why-now-bottom-row {
		margin-top: 30px;
	}

	.the-purpose-heading label {
		margin-bottom: 10px;
	}

	.the-purpose-heading p {
		width: 65%;
	}

	.get-it-touch-text ul li a {
		padding: 15px 30px;
		border-radius: 8px;
		font-size: 16px;
	}

	h2 {
		font-size: 30px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.get-it-touch-text h2 {
		margin-bottom: 5px;
	}

	.get-it-touch-text label {
		margin-bottom: 10px;
		font-size: 15px;
	}

	.all-section {
		padding: 50px 0;
	}

	p {
		font-size: 13px;
		line-height: 20px;
	}

	.our-international-institute-text p {
		margin-bottom: 15px;
	}

	.container-fluid.add-padding {
		max-width: 1350px;
	}

	.our-international-institute-text.chg {
		margin-left: 0px;
	}

	.our-international-institute-text label {
		margin-bottom: 10px;
	}

	.our-international-institute-images img {
		height: 290px;
		border-radius: 20px;
	}

	.our-international-institute-text h2 {
		margin-bottom: 12px;
	}

	.createch-it-solution-heading label {
		margin-bottom: 10px;
		letter-spacing: 1px;
	}

	.createch-it-solution-sec .row {
		height: 220px;
		margin: 0 auto;
	}

	.createch-it-solution-heading h2 br {
		display: none;
	}

	.createch-it-solution-heading h2 {
		line-height: 40px;
		font-size: 30px;
	}

	.get-it-touch-text ul {
		margin-top: 15px;
		gap: 15px;
	}

	.the-purpose-sec {
		padding: 30px 0;
		border-radius: 20px;
	}

	.the-purpose-boxs span {
		font-size: 20px;
		margin-bottom: 5px;
	}

	.the-purpose-boxs p {
		margin-bottom: 0;
		line-height: 22px;
	}

	.the-purpose-boxs h2:before {
		width: 100px;
		height: 2px;
	}

	.the-purpose-boxs h2 {
		font-size: 16px;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}

	.the-purpose-heading h2 {
		margin-bottom: 10px;
	}

	.why-now-boxs.chg {
		height: 240px;
	}

	.why-now-heading label {
		margin-bottom: 8px;
	}

	label.theme-text-tag-line {
		font-size: 15px;
	}

	.why-now-boxs span img {
		width: 35px;
		height: 27px;
	}

	.why-now-boxs p {
		margin-bottom: 0;
		line-height: 22px;
	}

	.the-purpose-boxs {
		background: #ffffff;
		padding: 10px 10px;
		border-radius: 20px;
		margin-top: 15px;
		height: 186px;
	}

	.why-now-boxs h2 {
		font-size: 20px;
		margin-bottom: 5px;
	}

	.main-banner-images:before {
		width: 350px;
		height: 350px;
	}

	.main-banner-images-path-two {
		top: 90px;
		right: 10px;
	}

	.main-banner-images img {
		width: 330px;
		height: 430px;
	}

	.main-banner-images-path-two span {
		width: 65px;
		height: 65px;
	}

	.main-banner-images-path-two span img {
		width: 40px !important;
		height: 40px !important;
	}

	.main-banner-images-path-one {
		top: 90px;
		left: 60px;
		z-index: 99;
	}

	.main-banner-images-path-one span {
		width: 65px;
		height: 65px;
	}

	.main-banner-images-path-one span img {
		width: 40px !important;
		height: 40px !important;
	}

	.main-banner-sec .row.back:before {
		width: 63px;
		height: 63px;
		background-size: cover;
		right: -25px;
		object-fit: contain;
		top: 60px;
	}

	.theme-btn-1 {
		padding: 11px 30px;
		border-radius: 8px;
		font-size: 16px;
	}

	.main-banner-text label {
		margin-bottom: 10px;
	}

	h1 {
		font-size: 55px;
		font-weight: 500;
		margin: 0px 0 5px;
		line-height: 1;
	}

	.main-banner-sec .row.back {
		background-image: url(../images/main-banner-images.png);
		padding: 30px 10px 0;
		border-radius: 20px;
	}

	.what-the-partnership-delivers-heading label {
		margin-bottom: 10px;
	}

	.what-the-partnership-delivers-sec {
		padding: 40px 0;
	}

	.what-the-partnership-delivers-box {
		background: #fff;
		padding: 25px 10px;
		border-radius: 15px;
		height: 292px;
		margin-top: 20px;
	}

	.what-the-partnership-delivers-box span {
		width: 70px;
		height: 70px;
		margin-bottom: 15px;
	}

	.what-the-partnership-delivers-box h2 {
		font-size: 16px;
		margin-bottom: 10px;
		margin-top: 20px;
	}

	.why-now-boxs {
		background: #f8f8f8;
		padding: 10px 15px;
		border-radius: 20px;
		margin-top: 20px;
		height: 242px;
	}

	.what-the-partnership-delivers-box p {
		margin-bottom: 0;
		line-height: 21px;
	}

	.why-now-boxs span {
		width: 60px;
		height: 60px;
		border-radius: 50%;
		margin-bottom: 15px;
	}

	.why-now-bottom-row {
		margin-top: 30px;
	}

	.the-purpose-heading label {
		margin-bottom: 10px;
	}

	.the-purpose-heading p {
		width: 65%;
	}

	.get-it-touch-text ul li a {
		padding: 15px 30px;
		border-radius: 8px;
		font-size: 16px;
	}

	h2 {
		font-size: 30px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.get-it-touch-text h2 {
		margin-bottom: 5px;
	}

	.get-it-touch-text label {
		margin-bottom: 10px;
		font-size: 15px;
	}

	.all-section {
		padding: 50px 0;
	}

	p {
		font-size: 13px;
		line-height: 20px;
	}

	.our-international-institute-text p {
		margin-bottom: 15px;
	}

	.container-fluid.add-padding {
		max-width: 1350px;
	}

	.our-international-institute-text.chg {
		margin-left: 0px;
	}

	.our-international-institute-text label {
		margin-bottom: 10px;
	}

	.our-international-institute-images img {
		height: 290px;
		border-radius: 20px;
	}

	.our-international-institute-text h2 {
		margin-bottom: 12px;
	}

	.createch-it-solution-heading label {
		margin-bottom: 10px;
		letter-spacing: 1px;
	}

	.createch-it-solution-sec .row {
		height: 300px;
		margin: 0 auto;
	}

	.createch-it-solution-heading h2 br {
		display: none;
	}

	.createch-it-solution-heading h2 {
		line-height: 40px;
		font-size: 30px;
	}

	.get-it-touch-text ul {
		margin-top: 15px;
		gap: 15px;
	}

	.the-purpose-sec {
		padding: 30px 0;
		border-radius: 20px;
	}

	.the-purpose-boxs span {
		font-size: 20px;
		margin-bottom: 5px;
	}

	.the-purpose-boxs p {
		margin-bottom: 0;
		line-height: 22px;
	}

	.the-purpose-boxs h2:before {
		width: 100px;
		height: 2px;
	}

	.the-purpose-boxs h2 {
		font-size: 16px;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}

	.the-purpose-heading h2 {
		margin-bottom: 10px;
	}

	.why-now-boxs.chg {
		height: 240px;
	}

	.why-now-heading label {
		margin-bottom: 8px;
	}

	label.theme-text-tag-line {
		font-size: 15px;
	}

	.why-now-boxs span img {
		width: 35px;
		height: 27px;
	}

	.why-now-boxs p {
		margin-bottom: 0;
		line-height: 22px;
	}

	.the-purpose-boxs {
		background: #ffffff;
		padding: 10px 10px;
		border-radius: 20px;
		margin-top: 15px;
		height: 186px;
	}

	.why-now-boxs h2 {
		font-size: 20px;
		margin-bottom: 5px;
	}

	.main-banner-images:before {
		width: 350px;
		height: 350px;
	}

	.main-banner-images-path-two {
		top: 90px;
		right: 10px;
	}

	.main-banner-images img {
		width: 330px;
		height: 430px;
	}

	.main-banner-images-path-two span {
		width: 65px;
		height: 65px;
	}

	.main-banner-images-path-two span img {
		width: 40px !important;
		height: 40px !important;
	}

	.main-banner-images-path-one {
		top: 90px;
		left: 60px;
		z-index: 99;
	}

	.main-banner-images-path-one span {
		width: 65px;
		height: 65px;
	}

	.main-banner-images-path-one span img {
		width: 40px !important;
		height: 40px !important;
	}

	.main-banner-sec .row.back:before {
		width: 63px;
		height: 63px;
		background-size: cover;
		right: -25px;
		object-fit: contain;
		top: 60px;
	}

	.theme-btn-1 {
		padding: 11px 30px;
		border-radius: 8px;
		font-size: 16px;
	}

	.main-banner-text label {
		margin-bottom: 10px;
	}

	h1 {
		font-size: 55px;
		font-weight: 500;
		margin: 0px 0 5px;
		line-height: 1;
	}

	.main-banner-sec .row.back {
		background-image: url(../images/main-banner-images.png);
		padding: 30px 10px 0;
		border-radius: 20px;
	}

	.what-the-partnership-delivers-heading label {
		margin-bottom: 10px;
	}

	.what-the-partnership-delivers-sec {
		padding: 40px 0;
	}

	.what-the-partnership-delivers-box {
		background: #fff;
		padding: 25px 10px;
		border-radius: 15px;
		height: 272px;
		margin-top: 20px;
	}

	.what-the-partnership-delivers-box span {
		width: 70px;
		height: 70px;
		margin-bottom: 15px;
	}

	.what-the-partnership-delivers-box h2 {
		font-size: 20px;
		margin-bottom: 10px;
		margin-top: 20px;
	}

	.why-now-boxs {
		background: #f8f8f8;
		padding: 10px 15px;
		border-radius: 20px;
		margin-top: 20px;
		height: 282px;
	}

	.what-the-partnership-delivers-box p {
		margin-bottom: 0;
		line-height: 23px;
	}

	.why-now-boxs span {
		width: 60px;
		height: 60px;
		border-radius: 50%;
		margin-bottom: 15px;
	}

	.why-now-bottom-row {
		margin-top: 30px;
	}

	.the-purpose-heading label {
		margin-bottom: 10px;
	}

	.the-purpose-heading p {
		width: 65%;
	}

	.get-it-touch-text ul li a {
		padding: 15px 30px;
		border-radius: 8px;
		font-size: 16px;
	}

	h2 {
		font-size: 30px;
	}
}

@media only screen and (min-width: 520px) and (max-width: 767px) {
	.all-section {
		padding: 30px 0;
	}

	label.theme-text-tag-line {
		font-size: 14px;
		letter-spacing: 1px;
	}

	h2 {
		font-size: 25px;
		line-height: 1.3;
	}

	.our-international-institute-text p {
		margin-bottom: 10px;
	}

	.our-international-institute-text h2 {
		margin-bottom: 8px;
	}

	.why-now-boxs.chg {
		height: 200px;
		border-radius: 10px;
		text-align: center;
	}

	.what-the-partnership-delivers-box span {
		width: 60px;
		margin: 0 auto;
		height: 60px;
		margin-bottom: 10px;
	}

	.what-the-partnership-delivers-box p {
		line-height: 22px;
	}

	.what-the-partnership-delivers-box span img {
		width: 45%;
	}

	.what-the-partnership-delivers-box h2 {
		font-size: 19px;
		margin-bottom: 5px;
		margin-top: 20px;
	}

	.our-international-institute-text label {
		margin-bottom: 8px;
	}

	.why-now-boxs span {
		width: 60px;
		height: 60px;
		margin: 0 auto;
		border-radius: 50%;
		margin-bottom: 15px;
	}

	.what-the-partnership-delivers-box {
		background: #fff;
		padding: 10px 15px;
		border-radius: 10px;
		height: 200px;
		margin-top: 10px;
		text-align: center;
	}

	.what-the-partnership-delivers-sec {
		padding: 30px 0;
	}

	.why-now-heading h2 {
		margin-bottom: 0;
	}

	.why-now-heading label {
		margin-bottom: 10px;
	}

	.why-now-boxs span img {
		width: 30px;
		height: 27px;
	}

	.why-now-boxs h2 {
		font-size: 20px;
		margin-bottom: 5px;
	}

	.why-now-heading p {
		width: 100%;
		margin: 0 auto;
	}

	.main-banner-images {
		margin-top: 10px;
	}

	.main-banner-images-path-one {
		top: 40px;
		left: inherit;
		z-index: 99;
	}

	.main-banner-images-path-one span {
		width: 60px;
		height: 60px;
	}

	.main-banner-images-path-one span img {
		width: 35px !important;
		height: 35px !important;
	}

	.main-banner-images-path-two {
		position: absolute;
		top: 30px;
		right: 0;
	}

	.main-banner-images-path-two span {
		width: 60px;
		height: 60px;
	}

	.main-banner-text {
		text-align: center;
	}

	.main-banner-images-path-two span img {
		width: 35px !important;
		height: 35px !important;
	}

	.main-banner-images img {
		width: 230px;
		height: 300px;
	}

	.main-banner-images:before {
		width: 250px;
		height: 250px;
		top: 50px;
	}

	.main-banner-text p {
		margin-bottom: 10px;
		width: 100%;
	}

	.main-banner-text label {
		margin-bottom: 2px;
	}

	.theme-btn-1 {
		padding: 10px 20px;
		border-radius: 8px;
		font-size: 15px;
	}

	h1 {
		font-size: 45px;
		margin: 0px 0 5px;
		line-height: 1;
	}

	.main-banner-sec .row {
		margin: 0 auto;
	}

	.main-banner-sec .row.back {
		padding: 20px 10px 0;
	}

	.createch-it-solution-sec .row {
		height: 250px;
		border-radius: 50px !important;
		margin: 0 auto;
	}

	.get-it-touch-sec {
		padding-bottom: 20px !important;
	}

	.why-now-boxs {
		padding: 15px 10px;
		margin-top: 15px;
		height: 200px;
		text-align: center;
		border-radius: 10px;
	}

	.why-now-bottom-row {
		margin-top: 20px;
	}

	.why-now-boxs p {
		line-height: 22px;
	}

	.the-purpose-boxs p {
		line-height: 20px;
	}

	.the-purpose-boxs span {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.the-purpose-boxs h2:before {
		height: 2px;
		bottom: 0;
	}

	.the-purpose-boxs h2 {
		font-size: 20px;
		padding-bottom: 5px;
		margin-bottom: 10px;
	}

	.our-international-institute-text.chg-1 {
		padding-right: 0;
	}

	.the-purpose-boxs {
		padding: 10px 15px;
		border-radius: 10px;
		margin-top: 10px;
		transition: 0.5s;
		text-align: center;
	}

	.the-purpose-heading p {
		width: 100%;
	}

	.our-international-institute-sec.chg-inter .row {
		flex-direction: column-reverse;
	}

	.the-purpose-heading h2 {
		margin-bottom: 5px;
	}

	.the-purpose-heading label {
		margin-bottom: 5px;
	}

	.createch-it-solution-heading label {
		margin-bottom: 10px;
	}

	.our-international-institute-text.chg {
		margin-left: 0;
	}

	.the-purpose-sec {
		padding: 20px 0;
		border-radius: 20px;
	}

	.get-it-touch-text label {
		margin-bottom: 8px;
	}

	.get-it-touch-text ul li a {
		padding: 10px 30px;
		border-radius: 8px;
		font-size: 13px;
		margin-bottom: 10px;
	}

	.get-it-touch-text h2 {
		margin-bottom: 5px;
	}

	.get-it-touch-text ul {
		margin-top: 10px;
		display: block;
	}

	p {
		font-size: 12px;
		line-height: 20px;
	}

	.our-international-institute-images {
		margin-top: 15px;
	}

	.createch-it-solution-heading h2 br {
		display: none;
	}

	.createch-it-solution-heading h2 {
		line-height: 35px;
		margin-bottom: 0;
		font-size: 25px;
	}

	.our-international-institute-images img {
		height: 300px;
		border-radius: 10px;
	}

	.our-international-institute-text {
		text-align: center;
	}
}

@media only screen and (min-width: 300px) and (max-width: 519px) {
	.all-section {
		padding: 30px 0;
	}

	label.theme-text-tag-line {
		font-size: 14px;
		letter-spacing: 1px;
	}

	h2 {
		font-size: 25px;
		line-height: 1.3;
	}

	.our-international-institute-text p {
		margin-bottom: 10px;
	}

	.our-international-institute-text h2 {
		margin-bottom: 8px;
	}

	.why-now-boxs.chg {
		height: 200px;
		border-radius: 10px;
		text-align: center;
	}

	.what-the-partnership-delivers-box span {
		width: 60px;
		margin: 0 auto;
		height: 60px;
		margin-bottom: 10px;
	}

	.what-the-partnership-delivers-box p {
		line-height: 22px;
	}

	.what-the-partnership-delivers-box span img {
		width: 45%;
	}

	.what-the-partnership-delivers-box h2 {
		font-size: 19px;
		margin-bottom: 5px;
		margin-top: 20px;
	}

	.our-international-institute-text label {
		margin-bottom: 8px;
	}

	.why-now-boxs span {
		width: 60px;
		height: 60px;
		margin: 0 auto;
		border-radius: 50%;
		margin-bottom: 15px;
	}

	.what-the-partnership-delivers-box {
		background: #fff;
		padding: 10px 15px;
		border-radius: 10px;
		height: 230px;
		margin-top: 10px;
		text-align: center;
	}

	.what-the-partnership-delivers-sec {
		padding: 30px 0;
	}

	.why-now-heading h2 {
		margin-bottom: 0;
	}

	.why-now-heading label {
		margin-bottom: 10px;
	}

	.why-now-boxs span img {
		width: 30px;
		height: 27px;
	}

	.why-now-boxs h2 {
		font-size: 20px;
		margin-bottom: 5px;
	}

	.why-now-heading p {
		width: 100%;
		margin: 0 auto;
	}

	.main-banner-images {
		margin-top: 10px;
	}

	.main-banner-images-path-one {
		top: 40px;
		left: inherit;
		z-index: 99;
	}

	.main-banner-images-path-one span {
		width: 60px;
		height: 60px;
	}

	.main-banner-images-path-one span img {
		width: 35px !important;
		height: 35px !important;
	}

	.main-banner-images-path-two {
		position: absolute;
		top: 30px;
		right: -10px;
	}

	.main-banner-images-path-two span {
		width: 60px;
		height: 60px;
	}

	.main-banner-text {
		text-align: center;
	}

	.main-banner-images-path-two span img {
		width: 35px !important;
		height: 35px !important;
	}

	.main-banner-images img {
		width: 230px;
		height: 300px;
	}

	.main-banner-images:before {
		width: 250px;
		height: 250px;
		top: 50px;
	}

	.main-banner-text p {
		margin-bottom: 10px;
		width: 100%;
	}

	.main-banner-text label {
		margin-bottom: 2px;
	}

	.theme-btn-1 {
		padding: 10px 20px;
		border-radius: 8px;
		font-size: 15px;
	}

	h1 {
		font-size: 45px;
		margin: 0px 0 5px;
		line-height: 1;
	}

	.main-banner-sec .row {
		margin: 0 auto;
	}

	.main-banner-sec .row.back {
		padding: 20px 10px 0;
	}

	.createch-it-solution-sec .row {
		height: 370px;
		border-radius: 50px !important;
		margin: 0 auto;
	}

	.why-now-boxs {
		padding: 15px 10px;
		margin-top: 15px;
		height: 240px;
		text-align: center;
		border-radius: 10px;
	}

	.why-now-bottom-row {
		margin-top: 20px;
	}

	.why-now-boxs p {
		line-height: 22px;
	}

	.the-purpose-boxs p {
		line-height: 20px;
	}

	.the-purpose-boxs span {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.the-purpose-boxs h2:before {
		height: 2px;
		bottom: 0;
	}

	.the-purpose-boxs h2 {
		font-size: 20px;
		padding-bottom: 5px;
		margin-bottom: 10px;
	}

	.our-international-institute-text.chg-1 {
		padding-right: 0;
	}

	.the-purpose-boxs {
		padding: 10px 15px;
		border-radius: 10px;
		margin-top: 10px;
		transition: 0.5s;
		text-align: center;
	}

	.the-purpose-heading p {
		width: 100%;
	}

	.our-international-institute-sec.chg-inter .row {
		flex-direction: column-reverse;
	}

	.the-purpose-heading h2 {
		margin-bottom: 5px;
	}

	.the-purpose-heading label {
		margin-bottom: 5px;
	}

	.createch-it-solution-heading label {
		margin-bottom: 10px;
	}

	.our-international-institute-text.chg {
		margin-left: 0;
	}

	.the-purpose-sec {
		padding: 20px 0;
		border-radius: 20px;
	}

	.get-it-touch-text label {
		margin-bottom: 8px;
	}

	.get-it-touch-text ul li a {
		padding: 10px 30px;
		border-radius: 8px;
		font-size: 13px;
		margin-bottom: 10px;
	}

	.get-it-touch-text h2 {
		margin-bottom: 5px;
	}

	.get-it-touch-text ul {
		margin-top: 10px;
		display: block;
	}

	p {
		font-size: 12px;
		line-height: 20px;
	}

	.our-international-institute-images {
		margin-top: 15px;
	}

	.createch-it-solution-heading h2 br {
		display: none;
	}

	.createch-it-solution-heading h2 {
		line-height: 35px;
		margin-bottom: 0;
		font-size: 25px;
	}

	.our-international-institute-images img {
		height: 240px;
		border-radius: 10px;
	}

	.our-international-institute-text {
		text-align: center;
	}

	.get-it-touch-sec {
		padding-bottom: 20px !important;
	}
}

/* Media Query Css Ends */



.why-now-sec .why-now-boxs>span>.circle_wrp {
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	transform: scale(1.2);
	animation: 3s linear infinite rotateDiv;
}

.why-now-sec .why-now-boxs>span>.circle_wrp>svg {
	width: 13px;
	fill: #f98552;
}

.why-now-boxs span {
	background: transparent;
	position: relative;
	border: 2px solid #f98552;
}

.why-now-sec .why-now-boxs:hover>span {
	box-shadow: inset 0 0 19px 4px #f9855280;
}

.what-the-partnership-delivers-box>span>.circle_wrp {
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	transform: scale(1.2);
	animation: 3s linear infinite rotateDiv;
}

.what-the-partnership-delivers-box>span>.circle_wrp>svg {
	width: 13px;
	fill: #f98552;
}

.what-the-partnership-delivers-box span {
	background: transparent;
	position: relative;
	border: 2px solid #f98552;
}

.what-the-partnership-delivers-box:hover>span {
	box-shadow: inset 0 0 19px 4px #f9855280;
}

.theme-btn-1:hover {
	color: #fff;
}