@charset "UTF-8";
a,
a:focus,
a:hover {
	color: #1f1f1f;
	text-decoration: none
}

.block-link:before,
.btn,
.small-block-link:before,
audio,
body,
canvas,
progress,
video {
	display: inline-block
}

button,
hr,
input {
	overflow: visible
}

audio,
canvas,
progress,
sub,
sup,
video {
	vertical-align: baseline
}

pre,
textarea {
	overflow: auto
}

img,
select[multiple],
select[size] {
	height: auto
}

.mfp-arrow,
html {
	-webkit-tap-highlight-color: transparent
}

.site-header .header-menu .dropdown:hover .mega-menu-full .sub-menu li .sub-menu,
body,
img,
label,
legend {
	max-width: 100%
}

.pull-right,
.service-information .service-info .toggle-class,
.story-content .story-info .toggle-class {
	float: right
}

*,
:after,
:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

a {
	background-color: transparent
}

a:focus,
input[type=checkbox]:focus,
input[type=file]:focus,
input[type=radio]:focus {
	outline: 0;
	outline-offset: 0
}

a:active,
a:hover {
	outline: 0
}

ol ol,
ol ul,
ul ol,
ul ul {
	margin-bottom: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
input[type=file],
main,
menu,
nav,
section,
summary {
	display: block
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden],
template {
	display: none
}

dfn {
	font-style: italic
}

mark {
	color: #000;
	background: #ff0
}

img {
	border: 0;
	width: auto
}

svg:not(:root) {
	overflow: hidden
}

figure {
	margin: 0
}

@-ms-viewport {
	width: device-width
}

button,
input,
optgroup,
select,
textarea {
	font: inherit;
	color: inherit
}

.fa-li,
legend {
	line-height: inherit
}

button,
select {
	text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled],
html input[disabled] {
	cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0
}

input[type=checkbox],
input[type=radio] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 4px 0 0;
	line-height: normal
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	height: auto
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

optgroup {
	font-weight: 700
}

fieldset {
	min-width: 0;
	margin: 0;
	border: 0;
	padding: .35em .75em .625em
}

legend {
	width: 100%;
	margin-bottom: 20px;
	font-size: 21px;
	border: 0;
	border-bottom: 1px solid #e5e5e5
}

input[type=search] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none
}

.swiper-wrapper,
hr {
	-webkit-box-sizing: content-box
}

input[type=range] {
	display: block;
	width: 100%
}

output {
	display: block;
	padding-top: 7px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

fieldset[disabled] input[type=checkbox],
fieldset[disabled] input[type=radio],
input[type=checkbox][disabled],
input[type=radio][disabled] {
	cursor: not-allowed
}


/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

html {
	line-height: 1.15
}

hr {
	box-sizing: content-box;
	height: 0
}

abbr[title] {
	border-bottom: none;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted
}

b,
strong {
	font-weight: bolder
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative
}

sub {
	bottom: -.25em
}

.block-link:before,
.small-block-link:before,
body:before {
	content: "";
	background-color: #1f1f1f;
	bottom: 0
}

sup {
	top: -.5em
}

img {
	vertical-align: middle;
	border-style: none
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}

[type=button],
[type=reset],
[type=submit],
button {
	-webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
	border-style: none;
	padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
	outline: ButtonText dotted 1px
}

legend {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	padding: 0;
	white-space: normal
}

[type=checkbox],
[type=radio] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto;
	width: auto
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

.fa,
.fab,
.fal,
.far,
.fas,
html {
	-webkit-font-smoothing: antialiased
}

body,
html {
	font-family: soleil, sans-serif
}

summary {
	display: list-item
}

html {
	font-size: 10px;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

body {
	font-size: 19px;
	letter-spacing: .2px;
	font-weight: 300;
	line-height: 36px;
	color: grey;
	background-color: #fff;
	margin: 0 auto;
	overflow-x: hidden;
	width: 100%
}

.banner-middle-content .ipad-title,
.btn-gradient,
.h-1,
.h-2,
.h-3,
.h-4,
.h-5,
.h-6,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: futura-pt, sans-serif
}

body:before {
	position: fixed;
	left: 0;
	width: 100%;
	height: 50px
}

@media only screen and (max-width:767px) {
	body {
		font-size: 18px;
		line-height: 30px
	}
}

.main {
	-webkit-transition: .5s;
	transition: .5s;
	background-color: #fff;
	position: relative;
	z-index: 2
}

section {
	padding: 170px 0;
	position: relative
}

.no-padding-lr,
.no-padding-r {
	padding-right: 0!important
}

.section-title-block {
	padding-top: 280px;
	padding-bottom: 230px
}

.no-padding-tb,
.no-padding-top {
	padding-top: 0!important
}

.padding-bottom-200 {
	padding-bottom: 200px
}

.padding-bottom-170 {
	padding-bottom: 170px
}

.no-padding-bottom,
.no-padding-tb {
	padding-bottom: 0!important
}

.bg-very-light-gray {
	background-color: #f7f7f7!important
}

.bg-black {
	background-color: #1f1f1f!important
}

.bg-white,
.mfp-bg {
	background-color: #fff!important
}

.bg-light-pick {
	background-color: #fff4f0
}

.bg-yellow {
	background-color: #fce53d
}

.background-gradient-gray {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f4f5), color-stop(#efeff0), color-stop(#eaeaec), color-stop(#e4e5e7), to(#dfe0e3));
	background-image: linear-gradient(to bottom, #f4f4f5, #efeff0, #eaeaec, #e4e5e7, #dfe0e3)
}

.text-white {
	color: #fff!important
}

.no-padding {
	padding: 0!important
}

.no-padding-lr {
	padding-left: 0!important
}

.no-padding-l {
	padding-left: 0!important
}

.text-center {
	text-align: center
}

.text-left {
	text-align: left
}

.text-right {
	text-align: right
}

.outside-box-right {
	margin-right: -30vw
}

.outside-box-left {
	margin-left: -20vw
}

.btn-gradient i,
.btn-text i {
	margin-left: 5px
}

hr.border-1 {
	border-top: 1px solid #ececec
}

hr.border-top {
	border-top: 0;
	border-color: #ececec
}

.btn {
	cursor: pointer;
	text-align: center;
	padding: 16px 32px 17px;
	letter-spacing: 2px;
	font-size: 12px;
	line-height: normal;
	text-transform: uppercase;
	font-weight: 500
}

.btn-text {
	padding: 0;
	min-width: 1px
}

.btn-white {
	background: #fff;
	color: #1f1f1f;
	-webkit-transition: .3s;
	transition: .3s
}

.btn-white:focus,
.btn-white:hover {
	color: #fff;
	background: rgba(255, 255, 255, .15)
}

.btn-black {
	background: #1f1f1f;
	color: #fff;
	-webkit-transition: .3s;
	transition: .3s;
	font-weight: 400
}

.btn-black:hover {
	color: #1f1f1f;
	background: rgba(31, 31, 31, .08)
}

.btn-black:focus {
	color: #fff
}

.btn-gradient {
	background-image: -webkit-gradient(linear, left top, right top, from(#21e26b), color-stop(#1bd8c9), to(#1edd98));
	background-image: linear-gradient(to right, #21e26b, #1bd8c9, #1edd98);
	background-size: 200% auto;
	font-size: 13px;
	min-width: 0;
	padding: 14px 20px 13px;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	letter-spacing: 1px
}

.btn-gradient i {
	font-size: 14px
}

.btn-gradient:hover {
	background-position: right center
}

.block-link,
.small-block-link {
	font-size: 15px;
	font-weight: 500;
	position: relative;
	padding: 0 0 7px;
	color: #1f1f1f;
	-webkit-transition: .3s;
	transition: .3s
}

.block-link:hover,
.small-block-link:hover {
	text-decoration: none
}

.block-link:hover:before,
.small-block-link:hover:before {
	width: 100%
}

.block-link:before,
.small-block-link:before {
	height: 2px;
	width: 50%;
	position: absolute;
	-webkit-transition: .3s;
	transition: .3s
}

.small-block-link {
	font-size: 16px;
	line-height: 22px
}

.btn-black-slide {
	-webkit-transition: .3s;
	transition: .3s;
	background: #2b2b2b;
	padding: 17px 30px;
	font-weight: 100;
	letter-spacing: 3px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	border: 2px solid #2b2b2b;
	color: #fff
}

.btn-black-border,
.btn-white-border {
	padding-top: 15px;
	padding-bottom: 16px
}

.container,
.container-fluid {
	padding-left: 15px;
	padding-right: 15px
}

.h-1,
.h-2,
h1,
h2 {
	letter-spacing: -2px
}

.btn-black-slide:before,
.mfp-ready .popup-form:after {
	position: absolute;
	height: 100%;
	top: 0;
	content: ""
}

.btn-black-slide:before {
	background-color: #1f1f1f;
	width: 100%;
	-webkit-transition: .3s;
	transition: .3s;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	left: 0;
	z-index: -1
}

.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.row:after,
.row:before {
	content: " ";
	clear: both
}

.btn-black-slide i {
	font-size: 16px;
	position: relative;
	top: 2px;
	margin-left: 7px
}

.btn-black-slide:focus,
.btn-black-slide:hover {
	color: #fff
}

.btn-black-slide:hover:before {
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.btn-dual .btn {
	margin-right: 40px
}

@media only screen and (max-width:1300px) {
	.btn-dual .btn {
		margin-right: 15px
	}
	.btn-dual .btn:last-child {
		margin-right: 0
	}
}

.container,
.container-fluid,
.section-story-block .h-2,
.section-story-block .h-2 .subtitle,
.section-story-block .h-3 h4,
.section-story-block .h-3 h4 .subtitle,
.section-story-block .h-4,
.section-story-block .h-4 .subtitle,
.section-story-block h2,
.section-story-block h2 .subtitle,
.section-story-block h3,
.section-story-block h3 .subtitle,
.section-story-block h5,
.section-story-block h5 .subtitle {
	margin-left: auto;
	margin-right: auto
}

.btn-white-border {
	background: 0 0;
	color: #fff;
	border: 1px solid #404040;
	font-weight: 400;
	-webkit-transition: .3s;
	transition: .3s
}

.btn-white-border:hover {
	background: rgba(255, 255, 255, .15);
	color: #fff
}

.btn-white-border:focus {
	color: #fff
}

.btn-black-border {
	background: 0 0;
	color: #1f1f1f;
	-webkit-transition: .3s;
	transition: .3s;
	border: 1px solid rgba(31, 31, 31, .2)
}

.btn-black-border:hover {
	background: rgba(31, 31, 31, .08);
	border-color: #ededed
}

.btn-black-border:focus {
	color: #1f1f1f
}

.btn-grey {
	color: #fff;
	background: rgba(255, 255, 255, .15);
	-webkit-transition: .3s;
	transition: .3s;
	font-weight: 400
}

.btn-grey:hover {
	background: #fff;
	color: #1f1f1f
}

input[type=email],
input[type=tel],
input[type=text] {
	border: 1px solid grey;
	color: grey;
	display: block
}

input[type=email]:focus,
input[type=tel]:focus,
input[type=text]:focus,
textarea:focus {
	outline: 0
}

input[type=submit] {
	-webkit-transition: all .6s ease;
	transition: all .6s ease;
	height: 40px;
	text-align: center;
	color: #fff;
	background-color: grey
}

textarea {
	border: 1px solid grey
}

select {
	display: block
}

label {
	display: block;
	margin-bottom: 5px
}

::-webkit-input-placeholder {
	color: grey
}

::-moz-placeholder {
	color: grey
}

:-ms-input-placeholder {
	color: grey
}

:-moz-placeholder {
	color: grey
}

@media only screen and (min-width:768px) {
	.container {
		max-width: 730px
	}
}

@media only screen and (min-width:992px) {
	.container {
		max-width: 950px
	}
}

@media only screen and (min-width:1300px) {
	.container {
		max-width: 1220px
	}
}

.container:after,
.container:before {
	display: block
}

.container-fluid:after,
.container-fluid:before {
	display: block
}

.row {
	margin-right: -15px;
	margin-left: -15px
}

.row:after,
.row:before {
	display: block
}

.popup-form,
.row.align-items-center {
	display: -webkit-box;
	-webkit-box-align: center
}

.row.align-items-center {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

@media only screen and (max-width:767px) {
	.row.align-items-center {
		display: inherit
	}
}

.grid-lg-1,
.grid-lg-10,
.grid-lg-11,
.grid-lg-12,
.grid-lg-2,
.grid-lg-3,
.grid-lg-4,
.grid-lg-5,
.grid-lg-6,
.grid-lg-7,
.grid-lg-8,
.grid-lg-9,
.grid-md-1,
.grid-md-10,
.grid-md-11,
.grid-md-12,
.grid-md-2,
.grid-md-3,
.grid-md-4,
.grid-md-5,
.grid-md-6,
.grid-md-7,
.grid-md-8,
.grid-md-9,
.grid-sm-1,
.grid-sm-10,
.grid-sm-11,
.grid-sm-12,
.grid-sm-2,
.grid-sm-3,
.grid-sm-4,
.grid-sm-5,
.grid-sm-6,
.grid-sm-7,
.grid-sm-8,
.grid-sm-9,
.grid-xs-1,
.grid-xs-10,
.grid-xs-11,
.grid-xs-12,
.grid-xs-2,
.grid-xs-3,
.grid-xs-4,
.grid-xs-5,
.grid-xs-6,
.grid-xs-7,
.grid-xs-8,
.grid-xs-9 {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px
}

.grid-xs-1,
.grid-xs-10,
.grid-xs-11,
.grid-xs-12,
.grid-xs-2,
.grid-xs-3,
.grid-xs-4,
.grid-xs-5,
.grid-xs-6,
.grid-xs-7,
.grid-xs-8,
.grid-xs-9 {
	float: left
}

.grid-xs-12 {
	width: 100%
}

.grid-xs-11 {
	width: 91.66666667%
}

.grid-xs-10 {
	width: 83.33333333%
}

.grid-xs-9 {
	width: 75%
}

.grid-xs-8 {
	width: 66.66666667%
}

.grid-xs-7 {
	width: 58.33333333%
}

.grid-xs-6 {
	width: 50%
}

.grid-xs-5 {
	width: 41.66666667%
}

.grid-xs-4 {
	width: 33.33333333%
}

.grid-xs-3 {
	width: 25%
}

.grid-xs-2 {
	width: 16.66666667%
}

.grid-xs-1 {
	width: 8.33333333%
}

.grid-xs-pull-12 {
	right: 100%
}

.grid-xs-pull-11 {
	right: 91.66666667%
}

.grid-xs-pull-10 {
	right: 83.33333333%
}

.grid-xs-pull-9 {
	right: 75%
}

.grid-xs-pull-8 {
	right: 66.66666667%
}

.grid-xs-pull-7 {
	right: 58.33333333%
}

.grid-xs-pull-6 {
	right: 50%
}

.grid-xs-pull-5 {
	right: 41.66666667%
}

.grid-xs-pull-4 {
	right: 33.33333333%
}

.grid-xs-pull-3 {
	right: 25%
}

.grid-xs-pull-2 {
	right: 16.66666667%
}

.grid-xs-pull-1 {
	right: 8.33333333%
}

.grid-xs-pull-0 {
	right: auto
}

.grid-xs-push-12 {
	left: 100%
}

.grid-xs-push-11 {
	left: 91.66666667%
}

.grid-xs-push-10 {
	left: 83.33333333%
}

.grid-xs-push-9 {
	left: 75%
}

.grid-xs-push-8 {
	left: 66.66666667%
}

.grid-xs-push-7 {
	left: 58.33333333%
}

.grid-xs-push-6 {
	left: 50%
}

.grid-xs-push-5 {
	left: 41.66666667%
}

.grid-xs-push-4 {
	left: 33.33333333%
}

.grid-xs-push-3 {
	left: 25%
}

.grid-xs-push-2 {
	left: 16.66666667%
}

.grid-xs-push-1 {
	left: 8.33333333%
}

.grid-xs-push-0 {
	left: auto
}

.grid-xs-offset-12 {
	margin-left: 100%
}

.grid-xs-offset-11 {
	margin-left: 91.66666667%
}

.grid-xs-offset-10 {
	margin-left: 83.33333333%
}

.grid-xs-offset-9 {
	margin-left: 75%
}

.grid-xs-offset-8 {
	margin-left: 66.66666667%
}

.grid-xs-offset-7 {
	margin-left: 58.33333333%
}

.grid-xs-offset-6 {
	margin-left: 50%
}

.grid-xs-offset-5 {
	margin-left: 41.66666667%
}

.grid-xs-offset-4 {
	margin-left: 33.33333333%
}

.grid-xs-offset-3 {
	margin-left: 25%
}

.grid-xs-offset-2 {
	margin-left: 16.66666667%
}

.grid-xs-offset-1 {
	margin-left: 8.33333333%
}

.grid-xs-offset-0 {
	margin-left: 0
}

@media (min-width:768px) {
	.grid-sm-1,
	.grid-sm-10,
	.grid-sm-11,
	.grid-sm-12,
	.grid-sm-2,
	.grid-sm-3,
	.grid-sm-4,
	.grid-sm-5,
	.grid-sm-6,
	.grid-sm-7,
	.grid-sm-8,
	.grid-sm-9 {
		float: left
	}
	.grid-sm-12 {
		width: 100%
	}
	.grid-sm-11 {
		width: 91.66666667%
	}
	.grid-sm-10 {
		width: 83.33333333%
	}
	.grid-sm-9 {
		width: 75%
	}
	.grid-sm-8 {
		width: 66.66666667%
	}
	.grid-sm-7 {
		width: 58.33333333%
	}
	.grid-sm-6 {
		width: 50%
	}
	.grid-sm-5 {
		width: 41.66666667%
	}
	.grid-sm-4 {
		width: 33.33333333%
	}
	.grid-sm-3 {
		width: 25%
	}
	.grid-sm-2 {
		width: 16.66666667%
	}
	.grid-sm-1 {
		width: 8.33333333%
	}
	.grid-sm-pull-12 {
		right: 100%
	}
	.grid-sm-pull-11 {
		right: 91.66666667%
	}
	.grid-sm-pull-10 {
		right: 83.33333333%
	}
	.grid-sm-pull-9 {
		right: 75%
	}
	.grid-sm-pull-8 {
		right: 66.66666667%
	}
	.grid-sm-pull-7 {
		right: 58.33333333%
	}
	.grid-sm-pull-6 {
		right: 50%
	}
	.grid-sm-pull-5 {
		right: 41.66666667%
	}
	.grid-sm-pull-4 {
		right: 33.33333333%
	}
	.grid-sm-pull-3 {
		right: 25%
	}
	.grid-sm-pull-2 {
		right: 16.66666667%
	}
	.grid-sm-pull-1 {
		right: 8.33333333%
	}
	.grid-sm-pull-0 {
		right: auto
	}
	.grid-sm-push-12 {
		left: 100%
	}
	.grid-sm-push-11 {
		left: 91.66666667%
	}
	.grid-sm-push-10 {
		left: 83.33333333%
	}
	.grid-sm-push-9 {
		left: 75%
	}
	.grid-sm-push-8 {
		left: 66.66666667%
	}
	.grid-sm-push-7 {
		left: 58.33333333%
	}
	.grid-sm-push-6 {
		left: 50%
	}
	.grid-sm-push-5 {
		left: 41.66666667%
	}
	.grid-sm-push-4 {
		left: 33.33333333%
	}
	.grid-sm-push-3 {
		left: 25%
	}
	.grid-sm-push-2 {
		left: 16.66666667%
	}
	.grid-sm-push-1 {
		left: 8.33333333%
	}
	.grid-sm-push-0 {
		left: auto
	}
	.grid-sm-offset-12 {
		margin-left: 100%
	}
	.grid-sm-offset-11 {
		margin-left: 91.66666667%
	}
	.grid-sm-offset-10 {
		margin-left: 83.33333333%
	}
	.grid-sm-offset-9 {
		margin-left: 75%
	}
	.grid-sm-offset-8 {
		margin-left: 66.66666667%
	}
	.grid-sm-offset-7 {
		margin-left: 58.33333333%
	}
	.grid-sm-offset-6 {
		margin-left: 50%
	}
	.grid-sm-offset-5 {
		margin-left: 41.66666667%
	}
	.grid-sm-offset-4 {
		margin-left: 33.33333333%
	}
	.grid-sm-offset-3 {
		margin-left: 25%
	}
	.grid-sm-offset-2 {
		margin-left: 16.66666667%
	}
	.grid-sm-offset-1 {
		margin-left: 8.33333333%
	}
	.grid-sm-offset-0 {
		margin-left: 0
	}
}

@media (min-width:992px) {
	.grid-md-1,
	.grid-md-10,
	.grid-md-11,
	.grid-md-12,
	.grid-md-2,
	.grid-md-3,
	.grid-md-4,
	.grid-md-5,
	.grid-md-6,
	.grid-md-7,
	.grid-md-8,
	.grid-md-9 {
		float: left
	}
	.grid-md-12 {
		width: 100%
	}
	.grid-md-11 {
		width: 91.66666667%
	}
	.grid-md-10 {
		width: 83.33333333%
	}
	.grid-md-9 {
		width: 75%
	}
	.grid-md-8 {
		width: 66.66666667%
	}
	.grid-md-7 {
		width: 58.33333333%
	}
	.grid-md-6 {
		width: 50%
	}
	.grid-md-5 {
		width: 41.66666667%
	}
	.grid-md-4 {
		width: 33.33333333%
	}
	.grid-md-3 {
		width: 25%
	}
	.grid-md-2 {
		width: 16.66666667%
	}
	.grid-md-1 {
		width: 8.33333333%
	}
	.grid-md-pull-12 {
		right: 100%
	}
	.grid-md-pull-11 {
		right: 91.66666667%
	}
	.grid-md-pull-10 {
		right: 83.33333333%
	}
	.grid-md-pull-9 {
		right: 75%
	}
	.grid-md-pull-8 {
		right: 66.66666667%
	}
	.grid-md-pull-7 {
		right: 58.33333333%
	}
	.grid-md-pull-6 {
		right: 50%
	}
	.grid-md-pull-5 {
		right: 41.66666667%
	}
	.grid-md-pull-4 {
		right: 33.33333333%
	}
	.grid-md-pull-3 {
		right: 25%
	}
	.grid-md-pull-2 {
		right: 16.66666667%
	}
	.grid-md-pull-1 {
		right: 8.33333333%
	}
	.grid-md-pull-0 {
		right: auto
	}
	.grid-md-push-12 {
		left: 100%
	}
	.grid-md-push-11 {
		left: 91.66666667%
	}
	.grid-md-push-10 {
		left: 83.33333333%
	}
	.grid-md-push-9 {
		left: 75%
	}
	.grid-md-push-8 {
		left: 66.66666667%
	}
	.grid-md-push-7 {
		left: 58.33333333%
	}
	.grid-md-push-6 {
		left: 50%
	}
	.grid-md-push-5 {
		left: 41.66666667%
	}
	.grid-md-push-4 {
		left: 33.33333333%
	}
	.grid-md-push-3 {
		left: 25%
	}
	.grid-md-push-2 {
		left: 16.66666667%
	}
	.grid-md-push-1 {
		left: 8.33333333%
	}
	.grid-md-push-0 {
		left: auto
	}
	.grid-md-offset-12 {
		margin-left: 100%
	}
	.grid-md-offset-11 {
		margin-left: 91.66666667%
	}
	.grid-md-offset-10 {
		margin-left: 83.33333333%
	}
	.grid-md-offset-9 {
		margin-left: 75%
	}
	.grid-md-offset-8 {
		margin-left: 66.66666667%
	}
	.grid-md-offset-7 {
		margin-left: 58.33333333%
	}
	.grid-md-offset-6 {
		margin-left: 50%
	}
	.grid-md-offset-5 {
		margin-left: 41.66666667%
	}
	.grid-md-offset-4 {
		margin-left: 33.33333333%
	}
	.grid-md-offset-3 {
		margin-left: 25%
	}
	.grid-md-offset-2 {
		margin-left: 16.66666667%
	}
	.grid-md-offset-1 {
		margin-left: 8.33333333%
	}
	.grid-md-offset-0 {
		margin-left: 0
	}
}

@media (min-width:1300px) {
	.grid-lg-1,
	.grid-lg-10,
	.grid-lg-11,
	.grid-lg-12,
	.grid-lg-2,
	.grid-lg-3,
	.grid-lg-4,
	.grid-lg-5,
	.grid-lg-6,
	.grid-lg-7,
	.grid-lg-8,
	.grid-lg-9 {
		float: left
	}
	.grid-lg-12 {
		width: 100%
	}
	.grid-lg-11 {
		width: 91.66666667%
	}
	.grid-lg-10 {
		width: 83.33333333%
	}
	.grid-lg-9 {
		width: 75%
	}
	.grid-lg-8 {
		width: 66.66666667%
	}
	.grid-lg-7 {
		width: 58.33333333%
	}
	.grid-lg-6 {
		width: 50%
	}
	.grid-lg-5 {
		width: 41.66666667%
	}
	.grid-lg-4 {
		width: 33.33333333%
	}
	.grid-lg-3 {
		width: 25%
	}
	.grid-lg-2 {
		width: 16.66666667%
	}
	.grid-lg-1 {
		width: 8.33333333%
	}
	.grid-lg-pull-12 {
		right: 100%
	}
	.grid-lg-pull-11 {
		right: 91.66666667%
	}
	.grid-lg-pull-10 {
		right: 83.33333333%
	}
	.grid-lg-pull-9 {
		right: 75%
	}
	.grid-lg-pull-8 {
		right: 66.66666667%
	}
	.grid-lg-pull-7 {
		right: 58.33333333%
	}
	.grid-lg-pull-6 {
		right: 50%
	}
	.grid-lg-pull-5 {
		right: 41.66666667%
	}
	.grid-lg-pull-4 {
		right: 33.33333333%
	}
	.grid-lg-pull-3 {
		right: 25%
	}
	.grid-lg-pull-2 {
		right: 16.66666667%
	}
	.grid-lg-pull-1 {
		right: 8.33333333%
	}
	.grid-lg-pull-0 {
		right: auto
	}
	.grid-lg-push-12 {
		left: 100%
	}
	.grid-lg-push-11 {
		left: 91.66666667%
	}
	.grid-lg-push-10 {
		left: 83.33333333%
	}
	.grid-lg-push-9 {
		left: 75%
	}
	.grid-lg-push-8 {
		left: 66.66666667%
	}
	.grid-lg-push-7 {
		left: 58.33333333%
	}
	.grid-lg-push-6 {
		left: 50%
	}
	.grid-lg-push-5 {
		left: 41.66666667%
	}
	.grid-lg-push-4 {
		left: 33.33333333%
	}
	.grid-lg-push-3 {
		left: 25%
	}
	.grid-lg-push-2 {
		left: 16.66666667%
	}
	.grid-lg-push-1 {
		left: 8.33333333%
	}
	.grid-lg-push-0 {
		left: auto
	}
	.grid-lg-offset-12 {
		margin-left: 100%
	}
	.grid-lg-offset-11 {
		margin-left: 91.66666667%
	}
	.grid-lg-offset-10 {
		margin-left: 83.33333333%
	}
	.grid-lg-offset-9 {
		margin-left: 75%
	}
	.grid-lg-offset-8 {
		margin-left: 66.66666667%
	}
	.grid-lg-offset-7 {
		margin-left: 58.33333333%
	}
	.grid-lg-offset-6 {
		margin-left: 50%
	}
	.grid-lg-offset-5 {
		margin-left: 41.66666667%
	}
	.grid-lg-offset-4 {
		margin-left: 33.33333333%
	}
	.grid-lg-offset-3 {
		margin-left: 25%
	}
	.grid-lg-offset-2 {
		margin-left: 16.66666667%
	}
	.grid-lg-offset-1 {
		margin-left: 8.33333333%
	}
	.grid-lg-offset-0 {
		margin-left: 0
	}
}

.width-100 {
	width: 100%
}

.width-90 {
	width: 90%
}

.width-85 {
	width: 85%
}

.width-80 {
	width: 80%
}

.width-75 {
	width: 75%
}

.width-70 {
	width: 70%
}

.width-65 {
	width: 65%
}

.width-62 {
	width: 62%
}

.width-60 {
	width: 60%
}

.width-55 {
	width: 55%
}

.width-50 {
	width: 50%
}

.width-45 {
	width: 45%
}

.width-40 {
	width: 40%
}

.width-30 {
	width: 30%
}

.h-1,
.h-2,
.h-3,
.h-4,
.h-5,
.h-6,
h1,
h2,
h3,
h4,
h5,
h6 {
	color: grey;
	margin: 0 0 20px
}

.h-1,
h1 {
	font-size: 2.25em;
	line-height: 1.2;
	font-weight: 500
}

.h-2,
h2 {
	font-size: 65px;
	line-height: 65px;
	font-weight: 500;
	color: #1f1f1f;
	margin-bottom: 0
}

.h-2 .small-title,
.h-2 .subtitle,
h2 .small-title,
h2 .subtitle {
	font-size: 12px;
	line-height: 16px;
	color: grey;
	margin-bottom: 30px;
	font-family: soleil, sans-serif;
	font-weight: 500;
	letter-spacing: 2px;
	display: table
}

@media only screen and (max-width:767px) {
	.h-2 .small-title,
	.h-2 .subtitle,
	h2 .small-title,
	h2 .subtitle {
		margin-bottom: 25px
	}
}

@media only screen and (max-width:374px) {
	.h-2 .small-title,
	.h-2 .subtitle,
	h2 .small-title,
	h2 .subtitle {
		font-size: 11px;
		line-height: 14px
	}
}

.h-2 .small-title,
h2 .small-title {
	margin: 0 auto;
	color: #1f1f1f;
	letter-spacing: 4px
}

.h-3 span,
.h-4 span,
.h-5 span,
h3 span,
h4 span,
h5 span {
	margin-bottom: 30px;
	font-family: soleil, sans-serif
}

.h-2.text-effect,
h2.text-effect {
	visibility: hidden
}

@media only screen and (max-width:1300px) {
	.h-2,
	h2 {
		font-size: 60px;
		line-height: 60px
	}
}

@media only screen and (max-width:1024px) {
	.h-2,
	h2 {
		letter-spacing: -1px;
		word-spacing: -1px
	}
}

@media only screen and (max-width:991px) {
	.h-2,
	h2 {
		font-size: 50px;
		line-height: 54px
	}
}

@media only screen and (max-width:767px) {
	.h-2,
	h2 {
		font-size: 44px;
		line-height: 48px
	}
}

@media only screen and (max-width:374px) {
	.h-2,
	h2 {
		font-size: 36px;
		line-height: 42px
	}
}

.h-3,
h3 {
	font-size: 45px;
	line-height: 50px;
	font-weight: 500;
	color: #1f1f1f;
	letter-spacing: -.5px
}

.h-3 span,
h3 span {
	font-size: 12px;
	line-height: 16px;
	color: grey;
	font-weight: 600;
	letter-spacing: 2px;
	display: table
}

@media only screen and (max-width:767px) {
	.h-3,
	h3 {
		font-size: 34px;
		line-height: 42px
	}
}

.h-4,
h4 {
	font-size: 28px;
	line-height: 34px;
	font-weight: 400;
	color: #1f1f1f;
	letter-spacing: 0
}

.h-4 span,
h4 span {
	font-size: 12px;
	line-height: 16px;
	color: grey;
	font-weight: 600;
	letter-spacing: 2px;
	display: table
}

@media only screen and (max-width:767px) {
	.h-4,
	h4 {
		font-size: 26px;
		line-height: 30px
	}
}

.h-5,
h5 {
	font-size: 26px;
	line-height: 32px;
	font-weight: 500;
	color: #1f1f1f;
	letter-spacing: 0
}

.h-5 span,
h5 span {
	font-size: 12px;
	line-height: 16px;
	color: grey;
	font-weight: 600;
	letter-spacing: 2px;
	display: table
}

blockquote ol:last-child,
blockquote p:last-child,
blockquote ul:last-child,
ol,
ul {
	margin-bottom: 0
}

.h-6,
h6 {
	color: #1f1f1f;
	font-size: 18px;
	line-height: 22px;
	font-weight: 600;
	letter-spacing: 0
}

p {
	margin: 0 0 30px
}

ol,
ul {
	list-style: none;
	padding: 0;
	margin-top: 0
}

ol li,
ul li {
	line-height: 1.8
}

blockquote {
	padding: 10px 20px;
	margin: 0 0 20px;
	border-left: 5px solid #1f1f1f
}

.section-title-block .h-2,
.section-title-block h2 {
	font-size: 75px;
	line-height: 75px
}

@media only screen and (max-width:1300px) {
	.section-title-block .h-2,
	.section-title-block h2 {
		font-size: 60px;
		line-height: 60px
	}
}

.h-2 .subtitle {
	font-weight: 400;
	letter-spacing: 3px
}

.bg-black .h-2,
.bg-black h2 {
	font-weight: 400
}

.mfp-bg {
	opacity: 1!important
}

.mfp-fade.mfp-removing {
	-webkit-transition: .2s;
	transition: .2s;
	opacity: 0
}

.mfp-content {
	height: 100%
}

.wpcf7-acceptance-missing,
.wpcf7-validation-errors {
	font-size: 16px;
	text-align: center;
	line-height: 26px
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
	background-color: #fff;
	border: 0;
	color: #ffb900;
	font-size: 16px;
	line-height: 24px;
	padding: 25px 45px;
	margin: 30px 0 0;
	-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .1);
	box-shadow: 0 0 30px rgba(0, 0, 0, .1)
}

.wpcf7 form.sent .wpcf7-response-output {
	color: #46b450!important
}

.mfp-ready .popup-form {
	height: 100%
}

.mfp-ready .popup-form:after {
	width: 50%;
	background: #f7f7f7;
	right: 0;
	z-index: -1
}

.mfp-ready .popup-form .form-content {
	opacity: 1
}

.mfp-ready .popup-form .form-content h2,
.mfp-ready .popup-form .form-content h3 .popup-contact,
.mfp-ready .popup-form .form-content h3 a {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}

.mfp-ready .popup-form .form-detail {
	opacity: 1
}

.mfp-ready .popup-form .form-detail h4,
.mfp-ready .popup-form form input,
.mfp-ready .popup-form form textarea {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}

.mfp-ready .popup-form form .wpcf7-not-valid-tip {
	font-size: 16px;
	margin-top: 15px
}

.mfp-ready .popup-form form .btn-submit,
.mfp-ready .popup-form form .wpcf7-acceptance .wpcf7-list-item {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}

.popup-form {
	display: -ms-flexbox;
	display: flex;
	padding: 11%;
	-ms-flex-align: center;
	align-items: center
}

.popup-form .mfp-close {
	font-size: 40px;
	width: 50px;
	height: 50px;
	font-weight: 400;
	right: 30px;
	opacity: 1;
	min-width: 1px
}

.popup-form .mfp-close:active {
	top: 20px
}

.popup-form .form-content {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
	padding: 0 13% 0 0;
	opacity: 0;
	-webkit-transition: opacity 2s;
	transition: opacity 2s
}

.popup-form .form-content h2,
.popup-form .form-content h3 .popup-contact {
	-webkit-transform: translate3d(40px, 0, 0);
	-webkit-transition: opacity 2s, -webkit-transform 1s;
	opacity: 0
}

.popup-form .form-content h2 {
	margin-bottom: 90px;
	transform: translate3d(40px, 0, 0);
	transition: opacity 2s, -webkit-transform 1s;
	transition: opacity 2s, transform 1s;
	transition: opacity 2s, transform 1s, -webkit-transform 1s;
	-webkit-transition-delay: .1s;
	transition-delay: .1s
}

.popup-form .form-content h3 .popup-contact {
	transform: translate3d(40px, 0, 0);
	transition: opacity 2s, -webkit-transform 1s;
	transition: opacity 2s, transform 1s;
	transition: opacity 2s, transform 1s, -webkit-transform 1s;
	-webkit-transition-delay: .2s;
	transition-delay: .2s
}

.popup-form .form-content h3 a {
	display: table;
	-webkit-transform: translate3d(40px, 0, 0);
	transform: translate3d(40px, 0, 0);
	-webkit-transition: opacity 2s, -webkit-transform 1s;
	transition: opacity 2s, -webkit-transform 1s;
	transition: opacity 2s, transform 1s;
	transition: opacity 2s, transform 1s, -webkit-transform 1s;
	opacity: 0;
	-webkit-transition-delay: .3s;
	transition-delay: .3s
}

.popup-form .form-content h3 a:first-child {
	font-size: 30px
}

.popup-form .form-content h3 a:last-child {
	-webkit-transition-delay: .4s;
	transition-delay: .4s;
	text-decoration: underline;
	margin-bottom: 90px
}

.popup-form .form-detail {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
	padding: 0 0 0 14%;
	opacity: 0;
	-webkit-transition: opacity 2s;
	transition: opacity 2s
}

.popup-form .form-detail h4 {
	margin-bottom: 80px;
	-webkit-transform: translate3d(0, 30px, 0);
	transform: translate3d(0, 30px, 0);
	-webkit-transition: opacity 2s, -webkit-transform 1s;
	transition: opacity 2s, -webkit-transform 1s;
	transition: opacity 2s, transform 1s;
	transition: opacity 2s, transform 1s, -webkit-transform 1s;
	opacity: 0;
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
	font-weight: 500;
	font-size: 35px;
	letter-spacing: -.5px
}

.popup-form form .wpcf7-acceptance .wpcf7-list-item,
.popup-form form input,
.popup-form form textarea {
	-webkit-transform: translate3d(0, 30px, 0);
	-webkit-transition: opacity 2s, -webkit-transform 1s;
	opacity: 0
}

.popup-form form input,
.popup-form form textarea {
	transform: translate3d(0, 30px, 0);
	transition: opacity 2s, -webkit-transform 1s;
	transition: opacity 2s, transform 1s;
	transition: opacity 2s, transform 1s, -webkit-transform 1s
}

.popup-form form input:focus,
.popup-form form textarea:focus {
	border-bottom: 1px solid #1f1f1f
}

.popup-form form textarea {
	-webkit-transition-delay: .5s;
	transition-delay: .5s
}

.popup-form form .first-name input {
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
	border-radius: 0
}

.popup-form form .last-name input {
	-webkit-transition-delay: .35s;
	transition-delay: .35s
}

.popup-form form .your-email input {
	-webkit-transition-delay: .4s;
	transition-delay: .4s;
	border-radius: 0
}

.popup-form form .wpcf7-acceptance .wpcf7-list-item {
	transform: translate3d(0, 30px, 0);
	transition: opacity 2s, -webkit-transform 1s;
	transition: opacity 2s, transform 1s;
	transition: opacity 2s, transform 1s, -webkit-transform 1s;
	-webkit-transition-delay: .55s;
	transition-delay: .55s
}

.popup-form form .btn-submit {
	-webkit-transform: translate3d(0, 30px, 0);
	transform: translate3d(0, 30px, 0);
	-webkit-transition: opacity 2s, -webkit-transform 1s;
	transition: opacity 2s, -webkit-transform 1s;
	transition: opacity 2s, transform 1s;
	transition: opacity 2s, transform 1s, -webkit-transform 1s;
	opacity: 0;
	-webkit-transition-delay: .6s;
	transition-delay: .6s;
	display: inline-block
}

.mfp-container {
	padding: 0!important
}

@media only screen and (max-width:1600px) {
	.popup-form {
		padding: 80px
	}
	.popup-form .form-content {
		padding-right: 60px
	}
	.popup-form .form-detail {
		padding-left: 60px
	}
}

@media only screen and (max-width:1300px) {
	.popup-form {
		padding: 60px
	}
	.popup-form .form-content h3 a:last-child {
		font-size: 35px;
		line-height: 44px
	}
}

@media only screen and (max-width:1024px) {
	.popup-form .form-content h2 {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transition: 0s;
		transition: 0s
	}
	.popup-form .form-detail h4 {
		margin-bottom: 40px;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transition: 0s;
		transition: 0s
	}
	.popup-form form p {
		margin-bottom: 0
	}
	.popup-form form label {
		margin-bottom: 30px
	}
	.popup-form form textarea {
		height: 100px;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transition: 0s;
		transition: 0s
	}
	.popup-form form .wpcf7-acceptance .wpcf7-list-item {
		margin-bottom: 30px;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transition: 0s;
		transition: 0s
	}
	.popup-form form .first-name input,
	.popup-form form .your-email input {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transition: 0s;
		transition: 0s
	}
	.popup-form form .btn-submit {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transition: 0s;
		transition: 0s;
		opacity: 1
	}
	.popup-form .form-content h3 a,
	.popup-form form .btn-submit input {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transition: 0s;
		transition: 0s
	}
	.popup-form .form-content h3 a:last-child {
		-webkit-transition-delay: 0s;
		transition-delay: 0s
	}
}

@media only screen and (max-width:991px) {
	.popup-form {
		padding: 50px 30px
	}
	.popup-form .form-content {
		padding-right: 30px
	}
	.popup-form .form-content h2 {
		font-size: 45px;
		line-height: 50px;
		margin-bottom: 50px
	}
	.popup-form .form-content h3 a:last-child {
		margin-bottom: 50px
	}
	.popup-form .form-detail {
		padding-left: 30px
	}
}

@media only screen and (max-width:767px) {
	.popup-form {
		display: block;
		overflow: auto
	}
	.popup-form .form-content,
	.popup-form .form-detail {
		max-width: 100%;
		width: 100%;
		padding: 15px 0 0
	}
	.popup-form .form-content h2,
	.popup-form .form-detail h2 {
		font-size: 36px;
		line-height: 42px;
		margin-bottom: 30px
	}
	.popup-form .form-content h3 a:first-child,
	.popup-form .form-detail h3 a:first-child {
		font-size: 25px
	}
	.popup-form .form-content h3 a:last-child,
	.popup-form .form-detail h3 a:last-child {
		margin-bottom: 40px;
		font-size: 25px;
		line-height: 34px
	}
	.popup-form .form-content h4,
	.popup-form .form-detail h4 {
		font-size: 25px;
		margin-bottom: 30px
	}
	.popup-form .mfp-close {
		right: 10px;
		top: 10px
	}
	.popup-form:after {
		display: none
	}
}

.site-header {
	position: fixed;
	z-index: 999;
	left: 0;
	width: 100%;
	padding: 0 70px;
	background-color: #fff;
	-webkit-transition: .3s;
	transition: .3s
}

.site-header.sticky {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	padding: 0 70px
}

.site-header.sticky .header-logo img {
	max-height: 70px
}

.site-header.sticky.disappear {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%)
}

.site-header.sticky .header-menu .dropdown:hover .mega-menu-full {
	-webkit-transform: scale(1, 0);
	transform: scale(1, 0);
	display: none
}

.site-header.header-appear {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	background-color: #fff;
	border-bottom: 0;
	-webkit-box-shadow: 0 0 35px rgba(23, 23, 23, .08);
	box-shadow: 0 0 35px rgba(23, 23, 23, .08);
	padding: 0 70px
}

.site-header.header-appear .header-menu>ul>li>a {
	padding: 35px 0
}

.site-header.header-appear .header-menu>ul>li>a:before {
	bottom: 28px
}

.site-header.header-appear .mega-menu-full {
	top: 90px
}

.site-header.header-appear .header-menu .dropdown:hover .mega-menu-full {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	display: block
}

.site-header .nav-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.site-header .header-logo {
	margin: 0;
	width: 15%;
	line-height: 0
}

.site-header .header-logo a {
	display: inline-block
}

.site-header .header-logo img {
	max-height: 70px;
	width: auto;
	-webkit-transition: .3s;
	transition: .3s
}

.site-header .header-menu {
	margin: 0 auto
}

.site-header .header-menu>ul>li {
	padding: 0 25px
}

.site-header .header-menu>ul>li>a {
	padding: 40px 0;
	display: block;
	-webkit-transition: .3s;
	transition: .3s
}

.site-header .header-menu ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.site-header .header-menu ul li {
	float: left
}

.site-header .header-menu ul li:last-child {
	padding-right: 0
}

.site-header .header-menu ul li a {
	font-size: 17px;
	line-height: 20px;
	font-weight: 400;
	text-decoration: none;
	position: relative;
	color: #1f1f1f
}

.site-header .header-menu ul li a:before {
	height: 2px;
	width: 0;
	background-color: #1f1f1f;
	display: block;
	content: "";
	position: absolute;
	bottom: 33px;
	left: 0;
	opacity: 0;
	-webkit-transition: .3s;
	transition: .3s
}

.site-header .header-menu ul .popup-li,
.site-header .header-menu ul li.simple-dropdown .sub-menu li a:before,
.site-header .mega-menu-full>.sub-menu .menu-item-has-children a:before {
	display: none
}

.site-header .header-menu ul li.current-menu-ancestor>a,
.site-header .header-menu ul li.current-menu-item>a {
	color: grey
}

.site-header .header-menu ul li.current-menu-ancestor>a:before,
.site-header .header-menu ul li.current-menu-item>a:before {
	height: 2px;
	background-color: grey;
	left: 0;
	content: "";
	opacity: 1;
	width: 100%
}

.site-header .header-menu ul li.current-menu-ancestor ul li.current-menu-item a {
	color: #1f1f1f!important;
	font-weight: 400
}

.site-header .header-menu ul li:hover a {
	opacity: 1
}

.site-header .header-menu ul li:hover a:before {
	opacity: 1;
	width: 100%
}

.site-header .header-menu ul li.simple-dropdown {
	position: relative
}

.site-header .header-menu ul li.simple-dropdown .sub-menu {
	position: absolute;
	min-width: 150px;
	opacity: 0;
	overflow: hidden;
	height: 0
}

.site-header .header-menu ul li.simple-dropdown .sub-menu li a {
	font-size: 15px;
	color: grey!important;
	font-weight: 300;
	line-height: 24px;
	-webkit-transition: .3s;
	transition: .3s
}

.site-header .header-menu ul li.simple-dropdown:hover .sub-menu {
	opacity: 1;
	overflow: visible;
	height: auto
}

.site-header .header-menu .dropdown:hover .mega-menu-full {
	-webkit-transition: -webkit-transform .4s ease;
	transition: -webkit-transform .4s ease;
	transition: transform .4s ease;
	transition: transform .4s ease, -webkit-transform .4s ease;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}

.site-header .header-menu .dropdown:hover .mega-menu-full .sub-menu {
	opacity: 1;
	-webkit-transition: opacity .2s ease;
	transition: opacity .2s ease;
	-webkit-transition-delay: .2s;
	transition-delay: .2s
}

.site-header .mega-menu-full {
	border-top: 1px solid #e4e4e4;
	position: absolute;
	width: 100%;
	left: 0;
	top: 99px;
	background-color: #fff;
	padding: 95px 0;
	-webkit-transform: scale(1, 0);
	transform: scale(1, 0);
	-webkit-transition: -webkit-transform .3s ease;
	transition: -webkit-transform .3s ease;
	transition: transform .3s ease;
	transition: transform .3s ease, -webkit-transform .3s ease;
	-webkit-transform-origin: center top;
	transform-origin: center top;
	max-height: 680px;
	overflow: hidden
}

.site-header .mega-menu-full>.sub-menu {
	max-width: 75%;
	margin: 0 auto!important;
	-webkit-transition: opacity 40ms ease;
	transition: opacity 40ms ease;
	opacity: 0
}

.site-header .mega-menu-full>.sub-menu .menu-item-has-children {
	width: 20%;
	padding: 0 43px
}

.site-header .mega-menu-full>.sub-menu .menu-item-has-children .lable-disable>a {
	font-size: 0
}

.site-header .mega-menu-full>.sub-menu .menu-item-has-children li {
	padding: 0;
	line-height: 22px;
	margin-bottom: 15px;
	width: 100%
}

.site-header .mega-menu-full>.sub-menu .menu-item-has-children li:last-child {
	margin-bottom: 0
}

.site-header .mega-menu-full>.sub-menu .menu-item-has-children li a {
	font-size: 15px;
	color: grey!important;
	font-weight: 300;
	line-height: 24px;
	-webkit-transition: .3s;
	transition: .3s
}

.site-header .mega-menu-full>.sub-menu .menu-item-has-children li a:hover {
	color: #1f1f1f!important
}

.site-header .mega-menu-full>.sub-menu .menu-item-has-children>a {
	font-weight: 500;
	font-size: 16px;
	display: block;
	line-height: 22px;
	margin-bottom: 20px;
	color: #1f1f1f!important
}

.site-header .mega-menu-full>.sub-menu .lable-hide>a {
	display: none
}

.site-header .mega-menu-full>.sub-menu .lable-hide>.sub-menu {
	padding-top: 42px
}

.site-header .header-right-link {
	text-align: right;
	width: 15%;
	line-height: 20px
}

.site-header .header-right-link a {
	font-size: 17px;
	line-height: 20px;
	font-weight: 400;
	text-decoration: none;
	position: relative;
	color: #1f1f1f;
	-webkit-transition: .3s;
	transition: .3s
}

.site-header .header-right-link a:before {
	height: 2px;
	width: 100%;
	background-color: #1f1f1f;
	display: block;
	content: "";
	position: absolute;
	bottom: -3px;
	left: 0
}

.site-header .header-right-link a:hover {
	opacity: .7
}

.site-header .mobile-menu-icon,
.site-header .navbar-toggler {
	display: none
}

@media only screen and (max-width:1600px) {
	.site-header .mega-menu-full>.sub-menu {
		max-width: 90%
	}
}

@media only screen and (max-width:1440px) {
	.site-header .mega-menu-full {
		padding: 65px 0;
		max-height: 570px
	}
	.site-header .mega-menu-full .sub-menu .menu-item-has-children {
		padding: 0 15px
	}
	.site-header.sticky .header-menu .dropdown.mobile-menu-open .mega-menu-full {
		-webkit-transform: scale(1, 0);
		transform: scale(1, 0);
		display: none
	}
	.site-header.sticky.header-appear .header-menu .dropdown.mobile-menu-open .mega-menu-full {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
		display: block
	}
	.site-header .header-menu ul li a {
		float: left
	}
	.site-header .header-menu ul li:hover a:before {
		display: none
	}
	.site-header .header-menu .dropdown:hover .mega-menu-full {
		-webkit-transform: scale(1, 0);
		transform: scale(1, 0)
	}
	.site-header .header-menu .dropdown:hover .mega-menu-full>.sub-menu {
		-webkit-transition: opacity 40ms ease;
		transition: opacity 40ms ease;
		opacity: 0
	}
	.site-header .header-menu .dropdown.mobile-menu-open .mega-menu-full {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
	.site-header .header-menu .dropdown.mobile-menu-open .mega-menu-full .sub-menu {
		opacity: 1;
		-webkit-transition: opacity .2s ease;
		transition: opacity .2s ease;
		-webkit-transition-delay: .2s;
		transition-delay: .2s
	}
	.site-header .mobile-menu-icon {
		display: inline-block;
		position: relative;
		right: -7px;
		top: 31px;
		font-size: 13px;
		line-height: 40px;
		color: #1f1f1f
	}
	.site-header .mobile-menu-icon .fas {
		font-weight: 400
	}
	.site-header .current-menu-ancestor .mobile-menu-icon,
	.site-header .current-menu-item .mobile-menu-icon {
		color: grey
	}
	.site-header.header-appear .mobile-menu-icon {
		top: 26px
	}
	.site-header.header-appear .header-menu .dropdown:hover .mega-menu-full {
		-webkit-transform: scale(1, 0);
		transform: scale(1, 0)
	}
	.site-header.header-appear .header-menu .dropdown:hover .mega-menu-full .sub-menu {
		-webkit-transition: opacity 40ms ease;
		transition: opacity 40ms ease;
		opacity: 0
	}
	.site-header.header-appear .header-menu .dropdown.mobile-menu-open .mega-menu-full {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1)
	}
	.site-header.header-appear .header-menu .dropdown.mobile-menu-open .mega-menu-full .sub-menu {
		opacity: 1;
		-webkit-transition: opacity .2s ease;
		transition: opacity .2s ease;
		-webkit-transition-delay: .2s;
		transition-delay: .2s
	}
}

@media only screen and (max-width:1300px) {
	.site-header,
	.site-header.sticky {
		padding: 0 50px
	}
	.site-header .header-menu ul li {
		padding: 0 15px
	}
	.site-header .mega-menu-full {
		padding: 50px 0
	}
	.site-header .mega-menu-full>.sub-menu {
		max-width: 94%
	}
	.site-header .mega-menu-full>.sub-menu .menu-item-has-children li {
		margin-bottom: 10px
	}
}

@media only screen and (max-width:991px) {
	.site-header .header-logo img,
	.site-header.sticky .header-logo img {
		max-height: 44px
	}
	.open-menu,
	.open-menu body {
		overflow-x: auto;
		overflow-y: hidden;
		overscroll-behavior-y: contain;
		position: fixed
	}
	.open-menu .site-header.sticky {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	.header-menu {
		width: 100%;
		position: fixed;
		left: 0;
		top: 0;
		background-color: #fff;
		padding: 0;
		height: 1px;
		visibility: hidden;
		-webkit-transition: .5s;
		transition: .5s;
		z-index: -1
	}
	.header-menu ul {
		opacity: 0;
		-webkit-transition: opacity .1s;
		transition: opacity .1s
	}
	.header-menu ul li {
		border-bottom: 1px solid #e4e4e4;
		opacity: 0;
		-webkit-transform: scale(1.2) translateY(-30px);
		transform: scale(1.2) translateY(-30px)
	}
	.header-menu ul li:nth-child(1) {
		-webkit-transition-delay: .49s;
		transition-delay: .49s
	}
	.header-menu ul li:nth-child(2) {
		-webkit-transition-delay: .42s;
		transition-delay: .42s
	}
	.header-menu ul li:nth-child(3) {
		-webkit-transition-delay: .35s;
		transition-delay: .35s
	}
	.header-menu ul li:nth-child(4) {
		-webkit-transition-delay: .28s;
		transition-delay: .28s
	}
	.header-menu ul li:nth-child(5) {
		-webkit-transition-delay: .21s;
		transition-delay: .21s
	}
	.header-menu ul li:nth-child(6) {
		-webkit-transition-delay: .14s;
		transition-delay: .14s
	}
	.header-menu ul li:nth-child(7) {
		-webkit-transition-delay: 70ms;
		transition-delay: 70ms
	}
	.header-menu ul li:last-child {
		border-bottom: 0
	}
	.header-menu ul li:hover a:before {
		display: none
	}
	.header-menu ul li:first-child {
		-webkit-transition-delay: .49s;
		transition-delay: .49s;
		-webkit-transform: scale(1.2) translateY(-30px);
		transform: scale(1.2) translateY(-30px)
	}
	.header-menu.show-menu {
		height: 100%;
		visibility: visible
	}
	.header-menu.show-menu ul {
		opacity: 1;
		-webkit-transition: opacity 1s;
		transition: opacity 1s
	}
	.header-menu.show-menu ul li {
		opacity: 1;
		-webkit-transform: scale(1) translateY(0);
		transform: scale(1) translateY(0);
		-webkit-transition: .5s;
		transition: .5s
	}
	.header-menu.show-menu ul li:nth-child(1) {
		-webkit-transition-delay: .27s;
		transition-delay: .27s
	}
	.header-menu.show-menu ul li:nth-child(2) {
		-webkit-transition-delay: .34s;
		transition-delay: .34s
	}
	.header-menu.show-menu ul li:nth-child(3) {
		-webkit-transition-delay: .41s;
		transition-delay: .41s
	}
	.header-menu.show-menu ul li:nth-child(4) {
		-webkit-transition-delay: .48s;
		transition-delay: .48s
	}
	.header-menu.show-menu ul li:nth-child(5) {
		-webkit-transition-delay: .55s;
		transition-delay: .55s
	}
	.header-menu.show-menu ul li:nth-child(6) {
		-webkit-transition-delay: .62s;
		transition-delay: .62s
	}
	.header-menu.show-menu ul li:nth-child(7) {
		-webkit-transition-delay: .69s;
		transition-delay: .69s
	}
	.header-menu.show-menu ul li:first-child {
		-webkit-transition-delay: .35s;
		transition-delay: .35s;
		-webkit-transform: scale(1) translateY(0);
		transform: scale(1) translateY(0)
	}
	.site-header {
		background-color: #fff;
		padding: 25px 40px;
		border-bottom: 1px solid rgba(23, 23, 23, 0)
	}
	.site-header.sticky {
		padding: 25px 40px;
		border-bottom: 0
	}
	.site-header.sticky.disappear {
		-webkit-transform: none;
		transform: none
	}
	.site-header .header-appear {
		height: auto
	}
	.site-header .header-logo {
		width: auto
	}
	.site-header .header-right-link {
		display: none
	}
	.site-header .navbar-toggler {
		display: block;
		position: absolute;
		right: 40px;
		top: 38px;
		padding: 0;
		width: 20px;
		height: 20px;
		border: 0;
		background: 0 0;
		z-index:999;
	}
	.site-header .navbar-toggler span {
		width: 100%;
		height: 2px;
		float: left;
		content: "";
		background-color: #1f1f1f;
		position: absolute;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		-webkit-transition: .3s;
		transition: .3s
	}
	.site-header .navbar-toggler span:nth-child(1) {
		top: 0
	}
	.site-header .navbar-toggler span:nth-child(2) {
		top: 7px;
		width: 30px;
		left: -5px
	}
	.site-header .navbar-toggler span:nth-child(3) {
		top: 14px
	}
	.site-header .navbar-toggler:focus {
		outline: 0
	}
	.site-header .navbar-toggler.nav-open span:nth-child(1) {
		top: 7px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg)
	}
	.site-header .navbar-toggler.nav-open span:nth-child(2) {
		width: 0;
		opacity: 0
	}
	.site-header .navbar-toggler.nav-open span:nth-child(3) {
		top: 7px;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}
	.site-header .nav-container {
		display: block
	}
	.site-header .header-menu ul {
		overflow: auto;
		height: calc(100vh - 0px);
		padding: 130px 0 50px;
		overflow-x: hidden;
		background-color: #fff
	}
	.site-header .header-menu ul .mCustomScrollBox {
		padding: 0
	}
	.site-header .header-menu ul .mCSB_inside>.mCSB_container {
		margin-right: 0;
		padding: 0 40px
	}
	.site-header .header-menu ul li {
		width: 100%;
		margin-bottom: 5px;
		padding: 0 0 5px
	}
	.site-header .header-menu ul li a {
		font-size: 22px;
		line-height: 40px;
		padding: 10px 0;
		display: inline-block
	}
	.site-header .header-menu ul li a:before {
		display: none
	}
	.site-header .header-menu ul li.simple-dropdown .sub-menu {
		opacity: 1;
		position: relative;
		height: auto;
		overflow: visible;
		margin: 0
	}
	.site-header .header-menu ul li.simple-dropdown .sub-menu li {
		border-bottom: 0
	}
	.site-header .header-menu ul .popup-li {
		display: block
	}
	.site-header .header-menu .mobile-menu-open .mega-menu-full {
		display: block!important;
		max-height: 100%
	}
	.site-header .header-menu .mobile-menu-open .mobile-menu-icon i:before {
		content: "\f068"
	}
	.site-header .header-menu .mega-menu-full {
		-webkit-transform: none!important;
		transform: none!important;
		position: relative;
		opacity: 1!important;
		border: 0;
		top: 0;
		padding: 0;
		display: none
	}
	.site-header .header-menu .mega-menu-full .sub-menu {
		opacity: 1!important;
		max-width: 100%;
		padding: 0;
		height: 100%;
		overflow-y: visible;
		clear: both
	}
	.site-header .header-menu .mega-menu-full .sub-menu .menu-item-has-children {
		width: 100%;
		padding: 0;
		-webkit-transform: none;
		transform: none;
		border: 0;
		margin-bottom: 15px
	}
	.site-header .header-menu .mega-menu-full .sub-menu .menu-item-has-children li {
		-webkit-transform: none;
		transform: none;
		border: 0;
		margin-bottom: 10px
	}
	.site-header .header-menu .mega-menu-full .sub-menu .menu-item-has-children li a {
		padding: 0
	}
	.site-header .header-menu .mega-menu-full .sub-menu .menu-item-has-children>a {
		margin-bottom: 0
	}
	.site-header .header-menu .mega-menu-full .sub-menu .lable-hide>.sub-menu {
		padding-top: 0;
		margin-top: -10px!important
	}
	.site-header .header-menu .mobile-menu-icon {
		position: absolute;
		right: 0;
		top: 10px;
		display: block;
		z-index: 99;
		padding: 0 15px
	}
	.site-header .header-menu .mobile-menu-icon i {
		font-weight: 300
	}
	.site-header.header-appear .header-menu>ul>li>a {
		padding: 10px 0
	}
	.site-header.header-appear .header-menu .dropdown:hover .mega-menu-full {
		display: none
	}
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
		background-color: rgba(0, 0, 0, .3)!important
	}
	.mCSB_scrollTools .mCSB_draggerRail {
		background-color: rgba(0, 0, 0, .1)!important
	}
}

@media only screen and (max-width:767px) {
	.site-header .header-logo img,
	.site-header.sticky .header-logo img {
		max-height: 36px
	}
	.site-header,
	.site-header.sticky {
		padding: 20px 30px
	}
	.site-header .navbar-toggler {
		top: 30px;
		right: 30px
	}
	.site-header .header-menu ul {
		padding-top: 100px
	}
	.site-header .header-menu ul li {
		margin-bottom: 10px;
		padding: 0 0 10px
	}
	.site-header .header-menu ul li a {
		font-size: 18px;
		line-height: 28px
	}
	.site-header .header-menu ul .mCSB_inside>.mCSB_container {
		padding: 0 30px
	}
	.site-header .header-menu {
		padding: 0
	}
	.site-header .header-menu .mobile-menu-icon {
		top: 4px
	}
}

@media only screen and (max-width:374px) {
	.site-header .header-menu ul {
		padding-top: 80px
	}
}

.cover-background {
	position: relative;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat
}

.banner-content {
	padding: 0
}

.banner-middle-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
	padding: 0 17%;
	height: 100vh
}

.banner-middle-content .ipad-title {
	display: block;
	color: #1f1f1f;
	font-size: 115px;
	line-height: 115px;
	font-weight: 500;
	margin-bottom: 80px;
	letter-spacing: 0
}

.banner-title,
p:empty {
	display: none
}

canvas {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 100%;
	max-height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}

.banner-logo {
	position: relative;
	z-index: 1
}

.banner-logo ul li {
	float: left;
	padding-right: 70px
}

.banner-logo ul li img {
	-webkit-transition: .4s;
	transition: .4s;
	max-height: 45px
}

.banner-logo ul li img:hover {
	opacity: .5
}

.banner-logo ul li:last-child {
	padding-right: 0
}

.section-title {
	margin-bottom: 130px
}

.section-title h2 {
	margin-bottom: 0;
	display: inline-block;
	letter-spacing: -2px;
	word-spacing: -2px
}

.section-title .more-partners {
	display: inline-block;
	vertical-align: bottom;
	padding: 0 0 10px
}

.section-title .work-logo {
	display: inline-block;
	vertical-align: middle;
	width: 40%
}

.section-title .h-3,
.section-title h3 {
	vertical-align: middle;
	display: inline-block
}

.service-post {
	overflow: hidden;
	position: relative;
	padding-bottom: 20px
}

.service-post .h-4,
.service-post h4 {
	margin-bottom: 25px
}

.service-post .h-4 a,
.service-post h4 a {
	color: #fff;
	position: relative;
	-webkit-transition: .3s;
	transition: .3s
}

.service-post .h-4 a:after,
.service-post h4 a:after {
	border-bottom: 2px solid #3a3939;
	width: 0;
	content: "";
	position: absolute;
	left: 0;
	bottom: -5px;
	-webkit-transition: .3s;
	transition: .3s
}

.service-post p {
	width: 80%;
	margin-bottom: 35px
}

.service-post .primary-btn {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	font-size: 12px;
	font-weight: 300;
	letter-spacing: 2px;
	-webkit-transform: translateY(30px);
	transform: translateY(30px);
	-webkit-transition: .3s;
	transition: .3s
}

.service-post .primary-btn:hover {
	text-decoration: none;
	opacity: .6
}

.service-post:hover .primary-btn {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.service-post:hover .h-4 a:after,
.service-post:hover h4 a:after {
	width: 100%
}

.service-post:hover .h-4 a:hover,
.service-post:hover h4 a:hover {
	color: #fff
}

.section-service-block .row {
	position: relative
}

.black-appear .section-service-block-link {
	opacity: 1;
	right: -7.5%
}

.section-service-block-link {
	position: absolute;
	top: 50%;
	text-align: center;
	right: -12%;
	display: inline-block;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 0;
	-webkit-transition: 1s;
	transition: 1s;
	-webkit-transition-delay: 2s;
	transition-delay: 2s
}

.section-service-block-link a {
	display: inline-block;
	position: relative;
	min-width: 120px;
	font-weight: 600
}

.section-service-block-link a:after {
	content: "\f178";
	font-family: "Font Awesome 5 Pro";
	display: inline-block;
	font-weight: 100;
	color: #fff;
	width: 60px;
	height: 60px;
	background-color: transparent;
	border: 2px solid rgba(255, 255, 255, .1);
	font-size: 20px;
	line-height: 55px;
	border-radius: 100%;
	-webkit-transition: .5s;
	transition: .5s
}

.section-service-block-link a:hover:after {
	background-color: #3a3939;
	border-color: #3a3939
}

.section-service-block-link a:hover span {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.section-service-block-link a span {
	position: absolute;
	bottom: -45px;
	font-size: 12px;
	-webkit-transform: translateY(15px);
	transform: translateY(15px);
	left: 0;
	width: 100%;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	-webkit-transition: .5s;
	transition: .5s;
	opacity: 0;
	font-weight: 400;
	letter-spacing: 2px
}

.down-scroll {
	position: absolute;
	bottom: -40px;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	left: 50%;
	text-align: left;
	margin-left: -16px;
	width: 100vh;
	-webkit-transition: .8s;
	transition: .8s
}

.down-scroll .scroll {
	font-size: 11px;
	position: relative;
	font-weight: 600;
	opacity: .6
}

.down-scroll .scroll:before {
	content: "";
	background-color: #1f1f1f;
	width: 17px;
	height: 1px;
	margin-right: 5px;
	vertical-align: middle;
	display: inline-block;
	-webkit-transition: .3s;
	transition: .3s
}

.page-home .section-service-block .parallax-div,
.primary-img-show {
	display: block!important
}

.down-scroll .scroll:hover:before {
	width: 25px
}

.down-scroll.hide-scroll {
	opacity: 0;
	visibility: hidden
}

.parallax-div {
	position: absolute;
	right: 0;
	padding: 0;
	width: 30vw;
	height: 100%;
	overflow: hidden
}

.parallax-div:before {
	position: absolute;
	content: '';
	-webkit-animation: border-transform 7s linear infinite alternate forwards;
	animation: border-transform 7s linear infinite alternate forwards;
	background-image: url(../img/balloon-bg.jpg);
	left: -220px;
	right: auto;
	top: auto;
	width: 28vw;
	height: 24vw;
	opacity: 1
}

.parallax-div-left {
	left: 0;
	right: auto;
	width: 22vw;
	height: 100%
}

.parallax-div-left:before {
	left: -220px;
	right: auto;
	top: auto;
	width: 28vw;
	height: 24vw;
	opacity: 1
}

.section-approach-block .parallax-div-left:before {
	bottom: 40%
}

.page-home .section-service-block .parallax-div:before {
	position: absolute;
	content: '';
	width: 350px;
	height: 508px;
	top: 0;
	left: auto;
	right: 0;
	background-image: url(../img/parallax-left.webp);
	opacity: 1;
	-webkit-animation: none;
	animation: none
}

.page-home .parallax-div-left:before {
	left: -55px;
	right: auto;
	top: auto;
	width: 417px;
	height: 295px;
	background-image: url(../img/parallax-experience.png);
	-webkit-animation: none;
	animation: none
}

.page-home .section-partner-block .section-title {
	text-align: center
}

.section-partner-block .section-title {
	text-align: center
}

.dark-section:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: left;
	transform-origin: left;
	background-color: #1f1f1f;
	-webkit-transition: 1.5s;
	transition: 1.5s;
	z-index: -1
}

.dark-section.black-appear:after {
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

.dark-section.black-appear .container {
	opacity: 1
}

.dark-section .container {
	opacity: 0;
	-webkit-transition: 3s;
	transition: 3s
}

.dark-section .h-2 h2 {
	color: #fff;
	font-weight: 400;
	letter-spacing: -1px;
	word-spacing: -2px
}

.dark-section .h-2 .subtitle span {
	background: -webkit-gradient(linear, left top, right top, from(#22e457), to(#1bd6d8));
	background: linear-gradient(to right, #22e457 0, #1bd6d8 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 700
}

.dark-section .block-link,
.dark-section .h-3,
.dark-section .h-3 a,
.dark-section .service-post .primary-btn:hover,
.dark-section h3,
.dark-section h3 a {
	color: #fff
}

.dark-section .block-link:before {
	background-color: #fff
}

.dark-section .block-link:hover {
	color: #fff
}

.dark-section.portfolio-1:after {
	background-color: #232537
}

.dark-section.portfolio-2:after {
	background-color: #2c2028
}

.dark-section.portfolio-3:after,
.dark-section.portfolio-4:after {
	background-color: #1e2430
}

.dark-section.portfolio-5:after {
	background-color: #322a27
}

.dark-section.portfolio-6:after {
	background-color: #312c26
}

.section-work-block .container {
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
	opacity: 0
}

.section-partner-block .section-title {
	margin-bottom: 80px
}

.section-partner-block .section-title .small-title {
	color: grey;
	margin-bottom: 20px
}

.section-partner-block .partner-logo {
	margin: 0 -10px
}

.section-partner-block .partner-logo li {
	width: 25%;
	float: left;
	padding: 0 10px;
	text-align: center;
	margin: 10px 0
}

.section-partner-block .partner-logo li a {
	opacity: 1;
	-webkit-transition: .5s;
	transition: .5s
}

.section-partner-block .partner-logo li a:hover {
	opacity: .5
}

.section-partner-block .partner-logo li img {
	max-height: 100%;
	width: auto
}

.section-partner-block .partner-logo li:nth-child(4n+1) {
	clear: both
}

.client-wrapper {
	padding: 150px 0
}

.client-wrapper .client-slider h2 {
	width: 80%
}

.client-wrapper .client-slider .swiper-container {
	padding-bottom: 30px
}

.swiper-container .swiper-slide .client-name {
	font-size: 14px;
	color: #1f1f1f;
	letter-spacing: 2px;
	font-weight: 600;
	margin-bottom: 10px;
	display: block
}

.swiper-container .swiper-slide p {
	width: 95%;
	margin-bottom: 40px
}

.swiper-container .swiper-button-next,
.swiper-container .swiper-button-prev {
	background-image: none;
	top: auto;
	bottom: 0;
	width: auto;
	left: 0;
	height: auto
}

.swiper-container .swiper-button-next:before,
.swiper-container .swiper-button-prev:before {
	content: "\f177";
	font-family: "Font Awesome 5 Pro";
	display: inline-block;
	font-size: 24px;
	line-height: 24px;
	color: #1f1f1f
}

.swiper-container .swiper-button-next:before,
.work-listing ul li .work-thumb a:before {
	content: "\f178"
}

.swiper-container .swiper-button-next:focus,
.swiper-container .swiper-button-prev:focus {
	outline: 0
}

.swiper-container .swiper-button-next {
	left: 40px;
	right: auto
}

.section-work-block {
	overflow: hidden;
	padding: 0
}

.section-work-block .full-screen {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.section-work-block .section-title {
	margin: 0 0 -10%;
	width: 100%
}

.section-work-block .section-title .h-2 {
	display: inline-block;
	width: 50%
}

.section-work-block .section-title .h-2 span {
	color: #fff;
	font-size: 12px;
	font-family: soleil, sans-serif;
	letter-spacing: 3px;
	font-weight: 300;
	margin-bottom: 10px;
	display: inline-block;
	opacity: .4
}

.section-work-block .section-title .more-partners {
	width: 50%;
	text-align: right;
	padding-left: 0
}

.work-slide-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.work-slide-container .work-info {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	position: relative;
	overflow: hidden;
	margin: 0 80px 0 0
}

.work-slide-container .work-info.last,
.work-slide-container .work-info:last-child {
	margin-right: 0
}

.work-slide-container .work-info .caption {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	border: 2px solid #fff;
	text-align: center;
	font-size: 18px;
	line-height: 46px;
	color: #fff
}

.work-slide-container .work-info a {
	display: inline-block;
	width: 100%;
	position: relative
}

.work-slide-container .work-info a:before {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(15%, #1f1f1f), to(transparent));
	background: linear-gradient(to top, #1f1f1f 15%, transparent 100%);
	-webkit-transition: opacity .45s cubic-bezier(.3, .95, .5, 1), -webkit-transform .45s cubic-bezier(.3, .95, .5, 1);
	transition: opacity .45s cubic-bezier(.3, .95, .5, 1), -webkit-transform .45s cubic-bezier(.3, .95, .5, 1);
	transition: transform .45s cubic-bezier(.3, .95, .5, 1), opacity .45s cubic-bezier(.3, .95, .5, 1);
	transition: transform .45s cubic-bezier(.3, .95, .5, 1), opacity .45s cubic-bezier(.3, .95, .5, 1), -webkit-transform .45s cubic-bezier(.3, .95, .5, 1);
	opacity: .7;
	top: 0;
	left: 0;
	z-index: 1
}

.work-slide-container .work-info img {
	width: 595px;
	height: auto;
	-o-border-image: inherit;
	border-image: inherit;
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 1
}

.work-slide-container .work-info .work-wrap {
	position: absolute;
	bottom: 45px;
	min-width: 200px;
	z-index: 9;
	-webkit-transition: .5s;
	transition: .5s;
	left: 70px
}

.work-slide-container .work-info .work-wrap .h-3,
.work-slide-container .work-info .work-wrap h3 {
	color: #fff;
	margin-bottom: 10px;
	font-size: 26px;
	line-height: 32px;
	text-transform: uppercase;
	font-weight: 400
}

.work-slide-container .work-info .work-wrap .work-category {
	display: inline-block;
	width: 100%;
	overflow: hidden;
	height: 18px;
	position: relative
}

.work-slide-container .work-info .work-wrap span {
	font-size: 12px;
	line-height: 16px;
	font-weight: 400;
	letter-spacing: 2px;
	color: #fff;
	-webkit-transition: .3s;
	transition: .3s;
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
	opacity: .6;
	float: left
}

.work-slide-container .work-info:hover img {
	opacity: .25
}

.work-slide-container .work-info:hover a:before {
	opacity: 0
}

.work-slide-container .work-info:hover .work-wrap .btn,
.work-slide-container .work-info:hover .work-wrap span {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.work-slide-container .work-info:hover .caption {
	opacity: .5;
	visibility: visible;
	display: block
}

.work-slide-container .work-info .section-service-block-link {
	z-index: 9;
	right: 0;
	left: 0
}

.work-slide-container .work-info .section-service-block-link a {
	width: auto
}

.work-slide-container .work-info .section-service-block-link a:before {
	background-color: transparent;
	opacity: 0
}

.section-parallax-block {
	min-height: 730px;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.parallax {
	padding: 150px;
	position: relative!important;
	background-size: cover!important;
	overflow: hidden;
	background-attachment: fixed!important
}

.parralax-content {
	padding: 100px;
	width: 37%;
	-webkit-transition: .5s;
	transition: .5s
}

.parralax-content .h-4,
.parralax-content h4 {
	-webkit-transition: .5s;
	transition: .5s
}

.parralax-content:hover .h-4 span,
.parralax-content:hover h4 span {
	background: -webkit-gradient(linear, left top, right top, from(#22e457), to(#1bd6d8));
	background: linear-gradient(to right, #22e457 0, #1bd6d8 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.skill-content .h-4,
.skill-content h4 {
	width: 70%
}

.skill-content p {
	margin-bottom: 0;
	width: 90%
}

.section-story-block {
	text-align: center
}

.story-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 -15px
}

.story-content:hover .story-info .h-5>span,
.story-content:hover .story-info h5>span {
	color: #aeaeae
}

.story-content:hover .story-info .h-5>span span,
.story-content:hover .story-info h5>span span {
	color: #1f1f1f
}

.story-content:hover .story-info .h-5>span span:after,
.story-content:hover .story-info h5>span span:after {
	width: 100%
}

.story-content .story-info {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33.33%;
	flex: 0 0 33.33%;
	max-width: 33.33%;
	padding: 0 15px;
	margin: 15px 0
}

.story-content .story-info .h-5,
.story-content .story-info h5 {
	-webkit-transition: .5s;
	transition: .5s;
	line-height: 36px;
	font-size: 19px;
	font-weight: 300;
	margin-bottom: 0;
	font-family: soleil, sans-serif;
	color: grey
}

.counter-setting .vertical-counter,
.counter-setting .vertical-percent,
.counter-setting>span,
.counter-wrap .counter-setting .counter-setting-title,
.section-working-slider .working-title,
.story-content .story-info .h-5>span,
.story-content .story-info h5>span,
.work-counter .subtitle {
	font-family: futura-pt, sans-serif
}

.story-content .story-info .h-5>span,
.story-content .story-info h5>span {
	font-size: 18px;
	font-weight: 500;
	color: #1f1f1f;
	margin: 0 auto 30px
}

.story-content .story-info .h-5>span span,
.story-content .story-info h5>span span {
	display: inline-block;
	margin-bottom: 0;
	position: relative;
	font-size: 16px;
	letter-spacing: 2px;
	font-weight: 500;
	color: #1f1f1f
}

.story-content .story-info .h-5>span span:after,
.story-content .story-info h5>span span:after {
	content: "";
	background: #1f1f1f;
	width: 0%;
	height: 2px;
	position: absolute;
	left: 0;
	bottom: -4px;
	-webkit-transition: .5s;
	transition: .5s
}

.service-information .service-info .toggle-class:before,
.story-content .story-info .toggle-class:before {
	content: "\f067";
	font-family: "Font Awesome 5 Pro";
	cursor: pointer
}

.story-content .story-info .h-6,
.story-content .story-info h6 {
	-webkit-transition: .5s;
	transition: .5s;
	margin-bottom: 30px;
	display: inline-block
}

.story-content .story-info .small-block-link {
	margin-top: 30px;
	display: inline-block
}

.story-content .story-info p {
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: 500
}

.story-content .story-info .toggle-class:before {
	display: inline-block;
	color: #1f1f1f
}

.story-content .story-info ul {
	display: inline-block;
	width: 100%;
	height: 120px;
	overflow: hidden;
	margin-bottom: 70px;
	-webkit-transition: .5s;
	transition: .5s
}

.story-content .story-info ul li a {
	-webkit-transition: .5s;
	transition: .5s;
	font-size: 18px;
	margin-bottom: 12px;
	font-weight: 500;
	display: block;
	color: grey
}

.about-title,
.service-information {
	display: -webkit-box;
	display: -ms-flexbox
}

.story-content .story-info .story-wrap:hover .h-5,
.story-content .story-info .story-wrap:hover .small-block-link,
.story-content .story-info .story-wrap:hover h5,
.story-content .story-info .story-wrap:hover ul li a {
	color: #fff
}

.story-content .story-info .story-wrap {
	background-color: #fff;
	-webkit-transition: .5s;
	transition: .5s;
	padding: 120px 75px;
	height: 100%;
	-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .07);
	box-shadow: 0 0 30px rgba(0, 0, 0, .07)
}

.story-content .story-info .story-wrap:hover {
	background-color: #1f1f1f
}

.story-content .story-info .story-wrap:hover .h-5 span,
.story-content .story-info .story-wrap:hover h5 span {
	background: -webkit-gradient(linear, left top, right top, from(#22e457), to(#1bd6d8));
	background: linear-gradient(to right, #22e457 0, #1bd6d8 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.story-content .story-info .story-wrap:hover .h-5 span:after,
.story-content .story-info .story-wrap:hover h5 span:after {
	background: #22e457;
	background: -webkit-gradient(linear, left top, right top, from(#22e457), to(#1bd6d8));
	background: linear-gradient(90deg, #22e457 0, #1bd6d8 100%)
}

.story-content .story-info .story-wrap:hover .h-6,
.story-content .story-info .story-wrap:hover h6 {
	background: -webkit-gradient(linear, left top, right top, from(#22e457), to(#1bd6d8));
	background: linear-gradient(to right, #22e457 0, #1bd6d8 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.story-content .story-info .story-wrap:hover .small-block-link:before {
	background-color: #fff
}

.story-content .story-info .story-wrap:hover ul {
	height: 300px
}

.story-content .story-info .story-wrap:hover ul li a:hover {
	color: grey
}

.story-content .story-info .story-wrap:hover .toggle-class:before {
	background: -webkit-gradient(linear, left top, right top, from(#22e457), to(#1bd6d8));
	background: linear-gradient(to right, #22e457 0, #1bd6d8 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.service-information {
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 -15px
}

.service-information .service-info {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
	padding: 0 15px
}

.service-information .service-info:first-child .toggle-class {
	display: none
}

.service-information .service-info .service-wrap {
	position: relative;
	background-color: #fff;
	padding: 55px 65px;
	height: 100%;
	-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, .08);
	box-shadow: 0 0 40px rgba(0, 0, 0, .08);
	text-align: left;
	-webkit-transition: .5s;
	transition: .5s
}

.service-information .service-info .small-block-link {
	position: absolute;
	bottom: 60px;
	left: 60px
}

.service-information .service-info .h-6,
.service-information .service-info h6 {
	-webkit-transition: .5s;
	transition: .5s;
	margin-bottom: 25px;
	display: inline-block;
	width: 90%
}

.service-information .service-info .toggle-class:before {
	display: inline-block;
	font-size: 16px;
	color: #1f1f1f
}

.responsive-view,
.service-information .service-info .toggle-class.last-toggle {
	display: none
}

.service-information .service-info ul {
	display: inline-block;
	width: 100%;
	max-height: 277px;
	overflow: hidden;
	margin-bottom: 0;
	-webkit-transition: max-height .5s ease-out;
	transition: max-height .5s ease-out
}

.service-information .service-info ul li a {
	-webkit-transition: .5s;
	transition: .5s;
	font-size: 18px;
	margin-bottom: 20px;
	line-height: 30px;
	display: block;
	color: grey
}

.page-about .section-strategy-block .skill-content .h-4,
.page-about .section-strategy-block .skill-content h4,
.service-information .service-info:hover .small-block-link,
.service-information .service-info:hover ul li a {
	color: #fff
}

.service-information .service-info:hover .service-wrap {
	background-color: #1f1f1f
}

.service-information .service-info:hover .h-6,
.service-information .service-info:hover h6 {
	background: -webkit-gradient(linear, left top, right top, from(#22e457), to(#1bd6d8));
	background: linear-gradient(to right, #22e457 0, #1bd6d8 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.service-information .service-info:hover .small-block-link:before {
	background-color: #fff
}

.service-information .service-info:hover ul li a:hover {
	color: grey
}

.service-information .service-info:hover .toggle-class:before {
	background: -webkit-gradient(linear, left top, right top, from(#22e457), to(#1bd6d8));
	background: linear-gradient(to right, #22e457 0, #1bd6d8 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.service-information:hover ul {
	max-height: 980px
}

.section-about-slider {
	overflow: hidden
}

.section-about-slider .about-next,
.section-about-slider .about-prev {
	position: static;
	float: left;
	margin-top: 0
}

.section-about-slider .about-content p {
	font-weight: 300;
	width: 100%;
	min-height: 255px
}

.section-about-slider .swiper-container {
	overflow: visible
}

.about-title {
	height: 740px!important;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.about-title .about-content {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
	padding: 0 14% 0 0;
	position: relative
}

.about-title .about-image {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	height: 100%
}

.about-title .about-image .main-image {
	height: 100%;
	margin-right: -30vw
}

.about-title .about-image .cover-background {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	opacity: 0;
	background-position: left;
	-webkit-transition: 1.5s;
	transition: 1.5s;
	height: 100%
}

.about-title .about-image .bg-image {
	float: left;
	overflow: hidden;
	height: 100%;
	width: 46%
}

.about-title .about-image .bg-image:last-child {
	float: right
}

.about-title h2 {
	margin-bottom: 40px
}

.about-title.swiper-slide-active .about-image .cover-background,
.about-title.swiper-slide-duplicate-active .about-image .cover-background {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1
}

.slider-image-wrapper {
	padding-top: 0;
	padding-left: 100px;
	background: #1f1f1f
}

.slider-image-wrapper .swiper-slide {
	width: auto!important;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.slider-image-wrapper .swiper-pagination {
	display: none!important
}

.page-about .section-strategy-block .skill-content p {
	width: 85%
}

.page-about .overlap-height {
	margin-bottom: 0
}

.image-block {
	overflow: hidden
}

.image-block img {
	width: 100%
}

.left-cover,
.right-cover {
	position: absolute;
	width: 360px;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: left;
	transform-origin: left;
	background-color: #f7f7f7;
	-webkit-transition: .5s;
	transition: .5s
}

.right-cover {
	left: auto;
	right: 0;
	-webkit-transform-origin: right;
	transform-origin: right
}

.section-service-detail {
	padding-left: 115px;
	padding-right: 115px
}

.section-service-detail .subtitle {
	margin: 0
}

.section-technology-block {
	text-align: center
}

.section-technology-block .h-2 .subtitle,
.section-technology-block h2 .subtitle {
	margin-left: auto;
	margin-right: auto
}

.tech-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 -15px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.tech-info .tech-wrapper {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
	padding: 0 15px
}

.tech-info .tech-wrapper .tech-wrap {
	padding: 90px;
	height: 100%;
	background-color: #fff;
	-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, .08);
	box-shadow: 0 0 40px rgba(0, 0, 0, .08)
}

.tech-info .tech-wrapper .tech-wrap p {
	width: 85%;
	margin: 0 auto
}

.tech-info .tech-wrapper .tech-wrap img {
	max-height: 50px;
	width: auto;
	margin-bottom: 40px
}

.tech-info .tech-wrapper .tech-wrap .btn {
	min-width: 300px;
	margin-top: 55px
}

.sticky-sidebar {
	margin: 0
}

.sticky-sidebar .subtitle,
.sticky-sidebar h2 div {
	-webkit-transition: 1.5s;
	transition: 1.5s;
	-webkit-transform: translateY(50px) translateZ(0);
	transform: translateY(50px) translateZ(0);
	opacity: 0;
	-webkit-clip-path: inset(100% 0 0);
	clip-path: inset(100% 0 0)
}

.sticky-sidebar.appear-effect {
	position: sticky;
	top: 100px
}

.sticky-sidebar.appear-effect .subtitle,
.sticky-sidebar.appear-effect h2 div {
	opacity: 1;
	-webkit-clip-path: inset(0 0 0);
	clip-path: inset(0 0 0);
	-webkit-transform: none;
	transform: none
}

.approach-info .h-4,
.approach-info h4 {
	font-size: 35px;
	line-height: 40px
}

.approach-info .h-4 a,
.approach-info h4 a {
	text-decoration: underline
}

.approach-info .h-4 a:hover,
.approach-info h4 a:hover {
	text-decoration: none
}

.approach-info .approach-detail p,
.approach-info .approach-detail:last-child {
	margin-bottom: 0
}

.section-working-slider .working-slider {
	padding-left: 500px
}

.section-working-slider .working-title {
	font-size: 50px;
	line-height: 56px;
	font-weight: 400;
	color: #1f1f1f;
	position: absolute;
	left: 0;
	top: 98px;
	width: 30%;
	letter-spacing: -1px
}

.section-working-slider .work-number {
	position: absolute;
	top: 0;
	left: -500px;
	font-size: 70px;
	line-height: 60px;
	color: grey;
	font-weight: 300;
	opacity: .8
}

.section-working-slider .working-next,
.section-working-slider .working-prev {
	left: 500px
}

.section-working-slider .working-next:before,
.section-working-slider .working-prev:before {
	width: 50px;
	height: 50px;
	color: #1f1f1f;
	text-align: center;
	line-height: 50px;
	font-size: 20px;
	background: #f7f7f7;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%
}

.section-working-slider .working-next {
	left: 570px
}

.section-working-slider .h-3,
.section-working-slider h3 {
	margin-bottom: 0;
	display: inline-block;
	font-size: 50px;
	letter-spacing: -1px
}

.section-working-slider .working-slider-content {
	width: 100%;
	display: inline-block
}

.section-working-slider .working-slider-content p {
	font-weight: 300;
	width: 85%
}

.design-content-wrapper .section-title {
	margin-bottom: 90px
}

.section-content-wrap .service-post {
	padding-bottom: 100px
}

.section-content-wrap .service-post .h-4,
.section-content-wrap .service-post h4 {
	margin-bottom: 15px
}

.section-content-wrap .service-post p {
	width: 85%;
	margin-bottom: 0
}

.section-content-wrap .row:last-child .service-post {
	padding-bottom: 0
}

.section-related-service .story-info .story-wrap {
	padding: 60px
}

.section-department-block .page-title {
	margin-bottom: 50px;
	display: inline-block;
	width: 100%
}

.section-department-block h5 {
	width: 70%
}

.work-banner {
	overflow: hidden;
	position: relative
}

.work-banner .container {
	height: 100%
}

.work-banner .work-detail-images img {
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-ms-border-radius: 4px 4px 0 0
}

.work-images {
	margin-bottom: 130px
}

.work-images img {
	width: 100%;
	height: auto
}

.work-title-detail p {
	font-weight: 500;
	color: #1f1f1f;
	margin-bottom: 0
}

.work-title-detail p span {
	color: grey;
	letter-spacing: 2px;
	display: table;
	margin-bottom: 5px;
	line-height: 18px
}

.work-detail-images,
.work-mobile-image {
	margin-bottom: 110px
}

.work-detail-images img,
.work-mobile-image img {
	width: 100%;
	height: auto;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-webkit-box-shadow: 0 0 40px 0 rgba(23, 23, 23, .1);
	box-shadow: 0 0 40px 0 rgba(23, 23, 23, .1)
}

.work-detail-images.no-shadow img,
.work-mobile-image.no-shadow img {
	-webkit-box-shadow: none;
	box-shadow: none
}

.work-detail-images:last-child {
	margin-bottom: 0
}

.work-mobile-image {
	margin-bottom: 170px
}

.work-left-content .h-3,
.work-left-content h3,
.work-left-content p:last-child,
.work-right-content .h-3,
.work-right-content h3,
.work-right-content p:last-child {
	margin-bottom: 0
}

.work-counter h2 {
	color: #fff
}

.work-counter .subtitle {
	color: #fff;
	opacity: .6;
	font-size: 13px;
	font-weight: 500
}

.work-counter:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: left;
	transform-origin: left;
	background-color: #666875;
	-webkit-transition: 1.5s;
	transition: 1.5s;
	z-index: -1
}

.work-counter.counter-appear:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

.counter-setting {
	color: #fff
}

.counter-setting .vertical-counter {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	height: 60px;
	vertical-align: middle;
	overflow: hidden
}

.counter-setting .vertical-counter li {
	line-height: 60px
}

.counter-setting .vertical-percent {
	display: inline-block;
	vertical-align: middle;
	font-weight: 600
}

.counter-setting>span {
	display: table;
	font-weight: 400;
	opacity: .6
}

.counter-setting .vertical-counter-number {
	overflow: hidden;
	width: 100%;
	height: auto
}

.counter-setting .vertical-counter-number ul {
	text-align: center;
	margin: 0;
	padding: 0;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: 2s ease-in-out;
	transition: 2s ease-in-out;
	list-style: none
}

.work-detail-title .h-3,
.work-detail-title h3 {
	width: 95%
}

.counter-wrap .counter-setting {
	color: #1f1f1f;
	text-align: left;
	padding-left: 50px;
	margin-bottom: 50px
}

.counter-wrap .counter-setting .counter-setting-title {
	display: inline-block;
	background: #fff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	padding: 14px 20px 13px;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 1px;
	color: #1f1f1f;
	text-align: center;
	width: 55%;
	vertical-align: middle;
	margin-right: 50px;
	-webkit-box-shadow: 0 0 30px rgba(23, 23, 23, .1);
	box-shadow: 0 0 30px rgba(23, 23, 23, .1)
}

.section-work-detail {
	overflow: hidden
}

.section-work-detail .parallax {
	text-align: center
}

.work-full-image .row {
	margin-bottom: -200px;
	position: relative;
	z-index: 9
}

.work-full-image img {
	width: 100%;
	height: auto
}

.section-extra-padding {
	padding-top: 400px
}

.work-listing {
	padding-bottom: 50px!important
}

.work-listing ul {
	display: inline-block;
	width: 100%;
	padding: 0 30px;
	margin: 0
}

.work-listing ul li {
	float: left;
	padding: 0 40px;
	margin-bottom: 110px;
	width: 33.33%
}

.work-listing ul li .work-thumb {
	overflow: hidden;
	background-color: #1f1f1f;
	position: relative
}

.work-listing ul li .work-thumb img {
	width: 100%;
	height: auto;
	-webkit-transition: all 1.5s cubic-bezier(0, 0, .2, 1);
	transition: all 1.5s cubic-bezier(0, 0, .2, 1)
}

.work-listing ul li .work-thumb a {
	display: block
}

.work-listing ul li .work-thumb a:before {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	font-family: "Font Awesome 5 Pro";
	font-size: 30px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 9;
	opacity: 0;
	color: #fff;
	text-align: center;
	-webkit-transition: all .5s cubic-bezier(0, 0, .2, 1);
	transition: all .5s cubic-bezier(0, 0, .2, 1)
}

.work-listing ul li .work-content {
	padding: 60px 0 0 80px;
	position: relative;
	-webkit-transition: .5s;
	transition: .5s
}

.work-listing ul li .work-content:before {
	position: absolute;
	content: "";
	left: 0;
	top: 67px;
	width: 40px;
	height: 1px;
	background-color: rgba(23, 23, 23, .25);
	-webkit-transition: .5s;
	transition: .5s
}

.work-listing ul li .work-content .h-5,
.work-listing ul li .work-content h5 {
	width: 90%;
	margin-bottom: 0
}

.work-listing ul li .work-content .h-5 a:hover span,
.work-listing ul li .work-content h5 a:hover span {
	color: #1f1f1f
}

.work-listing ul li .work-content .h-5 span,
.work-listing ul li .work-content h5 span {
	text-transform: uppercase;
	font-family: futura-pt, sans-serif;
	font-weight: 500;
	margin-bottom: 20px
}

.work-listing ul li:nth-child(3n+1) {
	clear: both
}

.work-listing ul li .work-list:hover .work-thumb a:before {
	opacity: 1
}

.work-listing ul li .work-list:hover img {
	opacity: .35;
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1)
}

.work-listing ul li .work-list:hover .work-content {
	padding-left: 0;
	padding-right: 80px
}

.work-listing ul li .work-list:hover .work-content:before {
	width: 0
}

.work-related-project .work-related-title {
	text-align: center;
	margin-bottom: 100px;
	font-size: 12px;
	color: #1f1f1f;
	letter-spacing: 2px;
	font-weight: 600
}

.skip-link {
	left: -9999rem;
	top: 2.5rem;
	z-index: 999999999;
	text-decoration: underline
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute!important;
	width: 1px;
	word-wrap: normal!important;
	word-break: normal
}

.work-banner .section-title {
	margin-bottom: 120px;
	text-align: center
}

.work-banner .section-title .h-3,
.work-banner .section-title h3 {
	margin-bottom: 0;
	text-align: left;
	font-size: 35px;
	line-height: 40px;
	display: inline-block;
	vertical-align: middle
}

.work-banner .section-title .h-3 span,
.work-banner .section-title h3 span {
	margin-bottom: 25px;
	font-size: 12px;
	letter-spacing: 2px;
	font-weight: 400
}

.work-banner .section-title .work-logo {
	width: auto;
	text-align: center;
	position: relative;
	padding: 0 160px 0 0;
	max-width: 50%
}

.work-banner .section-title .work-logo img {
	max-width: 100%;
	height: auto;
	display: block
}

.work-banner .section-title .work-logo:before {
	position: absolute;
	right: 80px;
	top: 50%;
	height: 70px;
	content: "";
	background-color: #1f1f1f;
	opacity: .15;
	width: 1px;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%)
}

.work-banner .work-detail-images img {
	border-radius: 8px 8px 0 0
}

section.work-banner {
	padding-top: 220px
}

.work-right-content p {
	width: 85%
}

.work-counter .section-title,
.work-title-detail {
	margin-bottom: 100px
}

.contact-detail-form form p,
.counter-wrap .counter-setting:last-child,
.popup-form form p {
	margin-bottom: 0
}

.work-counter h2 {
	font-weight: 400;
	letter-spacing: -1px
}

.counter-setting .vertical-counter {
	font-size: 50px;
	font-weight: 500
}

.counter-setting .vertical-percent {
	font-size: 45px
}

.work-detail .row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.work-title-detail p {
	font-family: soleil, sans-serif;
	font-size: 18px
}

.work-title-detail p span {
	font-size: 14px;
	font-family: futura-pt, sans-serif
}

.work-listing ul li .work-content .h-5,
.work-listing ul li .work-content h5 {
	font-family: soleil, sans-serif;
	font-size: 19px;
	color: grey;
	font-weight: 300;
	line-height: 36px
}

.work-listing ul li .work-content .h-5 span,
.work-listing ul li .work-content h5 span {
	font-size: 16px;
	color: #1f1f1f;
	letter-spacing: 1px
}

.single-works .main .container {
	max-width: 1280px
}

.work-detail .work-mobile-image {
	padding: 0 25px
}

#ball-cursor {
	position: fixed;
	width: 70px;
	height: 70px;
	border: 2px solid #fff;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	opacity: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	-webkit-transform: scale(.5);
	transform: scale(.5)
}

#ball-cursor.with-icon {
	opacity: 1;
	pointer-events: none
}

#ball-cursor::after,
#ball-cursor:before {
	width: 8px;
	height: 16px;
	color: #999;
	opacity: 0;
	font-size: 12px;
	position: absolute;
	text-align: center
}

#ball-cursor:before {
	font-family: FontAwesome;
	content: "\f053";
	line-height: 26px;
	left: -40px;
	top: 24px;
	-webkit-transform: translateX(-40px);
	transform: translateX(-40px);
	-webkit-transition: all .15s cubic-bezier(.215, .61, .355, 1) 0s;
	transition: all .15s cubic-bezier(.215, .61, .355, 1) 0s
}

#ball-cursor::after {
	font-family: FontAwesome;
	content: "\f054";
	line-height: 16px;
	right: -39px;
	left: auto;
	top: 30px;
	-webkit-transform: translateX(40px);
	transform: translateX(40px);
	-webkit-transition: all .15s cubic-bezier(.215, .61, .355, 1) 0s;
	transition: all .15s cubic-bezier(.215, .61, .355, 1) 0s
}

.magic-cursor-wrapper.sliderhover #ball-cursor:before,
.page-copywriting .section-partner-block .btn,
.post-main-wrap .post-wrapper .post-detail-wrap a,
.post-main-wrap .post-wrapper .post-detail-wrap p {
	font-family: soleil, sans-serif
}

#ball-cursor i {
	color: #fff;
	width: 66px;
	height: 70px;
	line-height: 68px;
	text-align: center;
	font-size: 12px;
	display: block;
	opacity: 1;
	-webkit-transition: all .2s cubic-bezier(.215, .61, .355, 1) 0s;
	transition: all .2s cubic-bezier(.215, .61, .355, 1) 0s
}

.magic-cursor-wrapper {
	position: absolute;
	left: 0;
	top: 0;
	width: 30px;
	height: 30px;
	pointer-events: none;
	z-index: 10000;
	-webkit-transition: opacity .2s ease-in-out .5s;
	transition: opacity .2s ease-in-out .5s
}

.magic-cursor-wrapper.sliderhover #ball-cursor {
	background-color: #fff;
	-webkit-transition: opacity .2s ease-in-out .3s;
	transition: opacity .2s ease-in-out .3s;
	border: 0!important
}

.magic-cursor-wrapper.sliderhover #ball-cursor:before {
	content: "Drag";
	-webkit-transform: translateX(30px);
	transform: translateX(30px);
	color: #232323;
	opacity: 1;
	top: 16px;
	width: 100%;
	font-size: 13px;
	line-height: 37px;
	-webkit-transform: none;
	transform: none;
	text-transform: uppercase;
	font-weight: 500;
	left: 1px
}

.magic-cursor-wrapper #ball-cursor:before {
	left: 0;
	-webkit-transform: translateX(30px);
	transform: translateX(30px)
}

.contact-banner {
	padding-top: 280px
}

.contact-detail span {
	font-size: 18px;
	display: table;
	font-weight: 300;
	margin-bottom: 3px
}

.contact-detail .h-4 a,
.contact-detail h4 a {
	display: inline-block;
	position: relative
}

.contact-detail .h-4 a:before,
.contact-detail h4 a:before {
	width: 50%;
	height: 2px;
	content: "";
	background-color: #1f1f1f;
	position: absolute;
	bottom: -2px;
	left: 0;
	-webkit-transition: .3s;
	transition: .3s
}

.contact-detail .h-4 a:hover:before,
.contact-detail h4 a:hover:before {
	width: 100%
}

.contact-detail-wrap .h-2 {
	width: 70%
}

.contact-detail-form form input,
.contact-detail-form form textarea,
.popup-form form input,
.popup-form form textarea {
	padding: 0 0 18px;
	border: 0;
	border-bottom: 1px solid #cacaca;
	width: 100%;
	font-size: 18px;
	background: 0 0;
	border-radius: 0
}

.contact-detail-form form input:focus,
.contact-detail-form form textarea:focus,
.popup-form form input:focus,
.popup-form form textarea:focus {
	border-bottom: 1px solid #1f1f1f
}

.contact-detail-form form textarea,
.popup-form form textarea {
	height: 140px;
	resize: none
}

.contact-detail-form form .wpcf7-not-valid-tip,
.popup-form form .wpcf7-not-valid-tip {
	font-size: 12px
}

.contact-detail-form form label,
.popup-form form label {
	margin-bottom: 50px
}

.contact-detail-form form label:last-child,
.design-content-wrapper .design-content-box p,
.popup-form form label:last-child {
	margin-bottom: 0
}

.contact-detail-form form .wpcf7-acceptance,
.popup-form form .wpcf7-acceptance {
	position: relative
}

.contact-detail-form form .wpcf7-acceptance .wpcf7-list-item,
.popup-form form .wpcf7-acceptance .wpcf7-list-item {
	margin: 0 0 60px
}

.contact-detail-form form .wpcf7-acceptance input,
.popup-form form .wpcf7-acceptance input {
	position: absolute;
	opacity: 0;
	z-index: 9;
	margin-top: 12px;
	width: 20px;
	height: 20px
}

.contact-detail-form form .wpcf7-acceptance input+.wpcf7-list-item-label,
.popup-form form .wpcf7-acceptance input+.wpcf7-list-item-label {
	position: relative;
	padding: 6px 0 0 45px;
	display: inline-block;
	font-size: 18px;
	line-height: 30px
}

.contact-detail-form form .wpcf7-acceptance input+.wpcf7-list-item-label:before,
.popup-form form .wpcf7-acceptance input+.wpcf7-list-item-label:before {
	content: '';
	margin-right: 15px;
	display: inline-block;
	vertical-align: text-top;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
	top: 12px;
	cursor: pointer;
	background: #fff;
	border: 1px solid grey
}

.contact-detail-form form .wpcf7-acceptance input:checked+.wpcf7-list-item-label:before,
.popup-form form .wpcf7-acceptance input:checked+.wpcf7-list-item-label:before {
	background: grey
}

.contact-detail-form form .wpcf7-acceptance input:checked+.wpcf7-list-item-label:after,
.popup-form form .wpcf7-acceptance input:checked+.wpcf7-list-item-label:after {
	content: "\f00c";
	font-family: "Font Awesome 5 Pro";
	position: absolute;
	color: #fff;
	left: 4px;
	top: 7px;
	cursor: pointer;
	font-size: 15px
}

.design-content-wrapper .design-content-box:before,
.developers-inquiry-content .contect-right span:before,
.mfp-arrow:after,
.mfp-arrow:before,
.mfp-container:before,
.mfp-figure:after,
.swiper-lazy-preloader:after {
	content: ''
}

.contact-info-wrap .call-detail a,
.performance-skills ul li,
.section-our-export .small-title,
.slide-content-wrap .services-number,
.technology-left-text {
	font-family: futura-pt, sans-serif
}

.contact-detail-form form .btn-submit,
.popup-form form .btn-submit {
	display: inline-block;
	width: 100%
}

.contact-detail-form form .submit-btn:hover,
.popup-form form .submit-btn:hover {
	color: #fff;
	background: rgba(31, 31, 31, .5)
}

.contact-detail-form form .submit-btn:focus,
.popup-form form .submit-btn:focus {
	outline: 0;
	border: 0
}

.contact-detail-form .form-detail-title {
	margin-bottom: 80px
}

.contact-info-wrap .h-3,
.contact-info-wrap h3 {
	font-size: 34px;
	line-height: 40px;
	width: 60%;
	margin-bottom: 30px
}

.contact-info-wrap p {
	margin-bottom: 50px
}

.contact-info-wrap .btn {
	margin-bottom: 70px
}

.contact-info-wrap .call-detail span {
	font-size: 18px;
	font-size: 400;
	display: table
}

.contact-info-wrap .call-detail a {
	font-size: 24px;
	font-weight: 500
}

.contact-right-img .right-img-wrap {
	margin-right: -19vw
}

.contact-right-img .right-img-wrap img {
	width: 100%;
	height: auto
}

.section-contact-info {
	overflow: hidden
}

.section-contact-info .row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.design-content-wrapper {
	background-color: #f9f9f9
}

.design-content-wrapper .design-content-box {
	margin-right: 0;
	margin-left: 0;
	border-bottom: 1px solid #e5e5e5;
	position: relative;
	padding: 55px 100px 60px;
	-webkit-transition: .3s;
	transition: .3s
}

.design-content-wrapper .design-content-box:before {
	position: absolute;
	left: 0;
	top: -1px;
	height: 1px;
	width: 100%;
	background: #fff;
	opacity: 0;
	-webkit-transition: all .4s cubic-bezier(.165, .84, .44, 1);
	transition: all .4s cubic-bezier(.165, .84, .44, 1)
}

.design-content-wrapper .design-content-box:hover {
	background-color: #fff;
	border-color: #fff;
	-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .05);
	box-shadow: 0 0 25px rgba(0, 0, 0, .05)
}

.design-content-wrapper .design-content-box:hover:before {
	opacity: 1
}

.design-content-wrapper .design-content-box:last-child {
	border-bottom: 0
}

.design-content-wrapper .design-content-box .h-4,
.design-content-wrapper .design-content-box h4 {
	font-size: 28px;
	line-height: 34px;
	margin: 0;
	color: #101010
}

.design-slider-wrapper {
	background-color: #1f1f1f;
	overflow: hidden
}

.design-slider-wrapper h2 {
	color: #fff;
	font-weight: 400;
	margin-bottom: 125px
}

.page-magento-2-migration .design-slider-wrapper .outside-box-right {
	float: none
}

.slide-content-wrap {
	width: 100%;
	padding-right: 60px
}

.slide-content-wrap .services-number {
	font-size: 30px;
	color: #4c4c4c;
	font-weight: 400;
	display: inline-block;
	margin: 0 0 40px;
	-webkit-transition: .3s;
	transition: .3s
}

.slide-content-wrap:hover .services-number {
	background: -webkit-gradient(linear, left top, right top, color-stop(0, #22e457), to(#1bd6d8));
	background: linear-gradient(to right, #22e457 0, #1bd6d8 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.slide-content-wrap .services-title {
	color: #fff;
	font-size: 34px;
	line-height: 40px;
	margin: 0 0 20px;
	font-weight: 300
}

.swiper-container .swiper-slide .slide-content-wrap p {
	width: 100%;
	margin: 0;
	color: #8a8a8a
}

.design-service-post .service-post-sub-title {
	margin-bottom: 25px;
	display: block
}

.design-service-post .service-post-sub-title a {
	color: #101010;
	-webkit-transition: .3s;
	transition: .3s
}

.design-service-post .service-post-sub-title a:hover {
	color: grey
}

.design-service-post .service-post-title {
	margin: 0 0 32px
}

.design-service-post .service-post-title p {
	padding: 0;
	margin: 0
}

.design-service-post .small-block-link {
	font-size: 15px;
	position: absolute;
	bottom: 0;
	left: 0;
	-webkit-transform: translateY(30px);
	transform: translateY(30px);
	-webkit-transition: .3s;
	transition: .3s
}

.design-service-post:hover .small-block-link {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.design-block-wrapper .row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.design-block-wrapper .design-service-post {
	height: 100%;
	position: relative;
	padding: 0 35px 40px 0;
	overflow: hidden
}

.parralax-content {
	-webkit-box-shadow: 0 0 35px rgba(35, 35, 35, .15);
	box-shadow: 0 0 35px rgba(35, 35, 35, .15);
	background-color: #1f1f1f
}

.parralax-content .h-4,
.parralax-content h4 {
	color: #fff;
	font-size: 35px;
	line-height: 40px;
	margin-bottom: 30px
}

.parralax-content p {
	margin: 0
}

.parralax-content:hover {
	background-color: #fff
}

.mobile-technology-section,
.section-our-export {
	background-color: #1f1f1f
}

.parralax-content:hover .h-4,
.parralax-content:hover h4 {
	color: #1f1f1f
}

.simple-content-block p {
	width: 85%
}

.simple-content-block ul {
	list-style: disc;
	padding-left: 20px
}

.simple-content-block ul li {
	margin-bottom: 20px;
	width: 85%;
	float: left
}

.simple-content-block ul li:last-child {
	margin-bottom: 0
}

.simple-content-block ul li ul li {
	margin: 0 0 20px;
	padding: 0 0 0 25px;
	position: relative;
	line-height: 30px
}

.design-skills,
.formulate-design,
.section-design-further {
	padding-bottom: 90px
}

.simple-content-block ul li ul li:before {
	content: "-";
	position: absolute;
	left: 0
}

.simple-content-block ul li ul li:last-child {
	margin-bottom: 0
}

.simple-content-block .h-4,
.simple-content-block h4 {
	font-weight: 500;
	margin-bottom: 30px;
	width: 85%;
	font-size: 35px;
	line-height: 44px
}

.section-our-export .small-title {
	color: #8a8a8a;
	font-weight: 300;
	margin: 0 0 40px;
	display: block;
	font-size: 28px;
	line-height: 34px
}

.section-our-export h2 {
	color: #fff;
	font-weight: 400;
	margin: 0 0 75px;
	width: 70%
}

.design-skills {
	background-color: #f7f7f7
}

.design-skills.development-skills {
	background-color: #fff
}

.design-skills .section-title {
	margin-bottom: 110px
}

.design-skills .section-title div p {
	margin-bottom: 0
}

.design-skills .section-title div p:empty {
	display: none
}

.design-skills .row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.business-wrapper,
.service-wrapper,
.technology-icon-box-wrapper {
	display: -webkit-box;
	-ms-flex-wrap: wrap
}

.design-skills .design-skills-content {
	margin-bottom: 80px
}

.design-skills .design-skills-content .h-4,
.design-skills .design-skills-content h4 {
	margin-bottom: 15px;
	width: 90%
}

.design-skills .design-skills-content p {
	width: 80%;
	margin: 0
}

.design-skills .design-skills-content.grid-sm-6 p {
	width: 83%
}

.design-skills .design-skills-content.grid-md-4:nth-child(3n+1) {
	clear: both
}

.section-design-further .h-2 {
	width: 75%
}

.section-landing-service-wrapper .section-title {
	margin-bottom: 0
}

.section-landing-service-wrapper .button {
	text-align: center;
	margin-top: 120px
}

.section-landing-service-wrapper .services-wrapper>div {
	margin-bottom: 60px
}

.section-landing-service-wrapper .services-wrapper>div:hover i {
	top: -10px
}

.section-landing-service-wrapper.second-style {
	text-align: center;
	padding-bottom: 120px
}

.section-landing-service-wrapper.second-style .services-wrapper {
	margin-bottom: 0
}

.section-landing-service-wrapper.second-style .services-wrapper .h-5,
.section-landing-service-wrapper.second-style .services-wrapper h5 {
	font-weight: 400;
	margin: 0 auto
}

.section-landing-service-wrapper.second-style .section-title h2 {
	margin: 0 auto;
	width: 50%
}

.services-wrapper {
	margin: 150px 0 105px
}

.services-wrapper i {
	color: #1f1f1f;
	opacity: .35;
	font-size: 40px;
	margin: 0 0 30px;
	position: relative;
	top: 0;
	-webkit-transition: .3s;
	transition: .3s
}

.service-wrapper {
	padding: 120px 0 0;
	margin: 0 -15px;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap
}

.service-wrapper>div {
	margin-bottom: 70px
}

.service-wrapper i {
	color: #1f1f1f;
	opacity: .35;
	font-size: 36px;
	margin: 0 0 30px
}

.service-wrapper .title {
	margin: 0 0 20px
}

.service-wrapper .content {
	width: 87%
}

.section-bg img {
	width: 100%
}

.page-landing-page-design .mobile-devloper-section.style-1 .outside-box-right {
	margin: 0;
	text-align: center
}

.page-landing-page-design .mobile-devloper-section.style-1 p {
	width: 85%
}

.page-landing-page-design .mobile-devloper-section h2 {
	width: 90%
}

.page-landing-page-design .parallax-split-content-box {
	padding: 170px 0;
	margin: 0
}

.page-landing-page-design .parallax-split-content-box .parallax-content {
	padding: 0 15px
}

.page-landing-page-design .parallax-split-content-box .parallax-content h2 {
	margin-bottom: 60px;
	width: 85%
}

.page-landing-page-design .parallax-split-content-box .parallax-image {
	text-align: center;
	padding: 0 15px
}

.page-landing-page-design .parallax-split-content-box .parallax-image img {
	width: auto
}

.mobile-app-content .section-title,
.mobile-app-content p {
	margin: 0
}

.mobile-technology-section .section-title {
	text-align: center
}

.mobile-technology-section h2 {
	color: #fff;
	margin: 0 auto;
	width: 58%;
	font-weight: 400
}

.mobile-technology-section.left-right-text .section-title {
	text-align: left
}

.mobile-technology-section.left-right-text .section-title h2 {
	width: 100%
}

.mobile-technology-content {
	margin-bottom: 125px
}

.mobile-technology-content .h-4,
.mobile-technology-content h4 {
	text-align: center;
	color: #8a8a8a;
	margin-bottom: 50px
}

.mobile-technology-content:last-child {
	margin-bottom: 0
}

.technology-icon-box-wrapper {
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.technology-icon-box {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	-webkit-box-flex: 1;
	flex-grow: 1;
	max-width: 170px;
	position: relative;
	width: 170px;
	height: 140px;
	text-align: center
}

.technology-icon-box .technology-icon-wrap {
	height: 100%;
	width: 100%;
	position: relative;
	top: 0;
	border-radius: 4px;
	padding-top: 30px;
	-webkit-transition: .3s;
	transition: .3s
}

.technology-icon-box .technology-icon-wrap span {
	width: 100%;
	display: block;
	opacity: .6;
	margin: 0 0 5px
}

.technology-icon-box .technology-icon-wrap .icon-title {
	text-transform: uppercase;
	font-size: 14px;
	color: #fff;
	opacity: .3;
	margin: 10px 0 0
}

.technology-icon-box:hover .technology-icon-wrap {
	background-color: #2a2a2a;
	top: -10px
}

.business-type-section {
	padding-bottom: 60px
}

.business-wrapper {
	margin: 0;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap
}

.business-wrapper>div {
	margin-bottom: 90px
}

.business-wrapper i {
	color: #1f1f1f;
	opacity: .35;
	font-size: 36px;
	margin: 0 0 30px
}

.business-wrapper .title {
	color: #101010;
	margin: 0 0 20px
}

.business-wrapper p {
	margin: 0;
	width: 85%
}

.mobile-devloper-section {
	overflow: hidden
}

.mobile-devloper-section .row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.mobile-devloper-section .row>div:first-child {
	-ms-flex-item-align: end!important;
	align-self: flex-end!important
}

.mobile-devloper-section h2 {
	margin: 0 0 60px
}

.mobile-devloper-section .btn {
	margin-top: 40px
}

.technology-left-text {
	float: left;
	width: auto;
	text-align: right;
	font-weight: 300;
	font-size: 212px;
	color: #ebebeb;
	margin-bottom: 180px;
	letter-spacing: -13px
}

.technology-left-text span {
	font-size: 190px;
	font-weight: 500;
	display: block;
	padding-right: 10px;
	line-height: 164px;
	position: relative;
	background: -webkit-gradient(linear, left top, right top, color-stop(0, #22e457), to(#1bd6d8));
	background: linear-gradient(to right, #22e457 0, #1bd6d8 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.mobile-app-our-works {
	background-color: #1f1f1f
}

.mobile-app-our-works h2 {
	color: #fff;
	font-weight: 400
}

.mobile-app-our-works .button {
	margin-top: 70px
}

.progress-step {
	background-color: #f9f9f9
}

.progress-step-item {
	padding: 0
}

.progress-step-item:hover .progress-step-icon span {
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .12);
	box-shadow: 0 0 20px rgba(0, 0, 0, .12);
	-webkit-transform: scale(1.2);
	transform: scale(1.2)
}

.progress-step-item .progress-step-icon {
	text-align: center;
	margin-bottom: 70px;
	position: relative
}

.progress-step-item .progress-step-icon:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 1px;
	background-color: #e8e8e8
}

.progress-step-item .progress-step-icon span {
	background-color: #fff;
	width: 110px;
	height: 110px;
	border-radius: 100%;
	position: relative;
	font-weight: 500;
	text-align: center;
	font-size: 38px;
	line-height: 110px;
	display: inline-block;
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .09);
	box-shadow: 0 0 15px rgba(0, 0, 0, .09);
	-webkit-transition: .3s;
	transition: .3s
}

.progress-step-item .progress-content {
	margin: 0 auto;
	width: 75%;
	text-align: center
}

.progress-step-item .progress-content p {
	margin: 0
}

.section-about-slider .section-title {
	margin-bottom: 190px
}

.section-about-slider .h-2 .subtitle {
	margin-bottom: 50px
}

.section-about-slider .about-next,
.section-about-slider .about-prev {
	margin-right: 25px
}

.section-about-slider .about-next:before,
.section-about-slider .about-prev:before {
	font-size: 30px
}

.formulate-design {
	background-color: #f7f7f7
}

.formulate-design h2 {
	width: 95%
}

.formulate-design .number {
	color: #1f1f1f;
	font-size: 22px;
	margin: 0 0 20px
}

.formulate-design .formulate-design-content {
	margin-top: 135px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.light-section .parallax-div,
.page-hire-wordpress-developers .section-approach-block .parallax-div-left,
.page-woocommerce-development .section-approach-block .parallax-div-left {
	display: none!important
}

.formulate-design .formulate-design-content>div {
	margin-bottom: 80px
}

.formulate-design .formulate-design-content p {
	width: 90%
}

.work-related-project {
	padding-top: 130px;
	padding-bottom: 50px
}

.work-related-project .section-title {
	text-align: center;
	width: 100%
}

.development-request-quote {
	background-color: #1f1f1f
}

.about-responsive,
.section-approach-block.light-section {
	background-color: #f7f7f7
}

.development-request-quote h2 {
	color: #fff;
	margin: 0 0 70px;
	font-weight: 400
}

.development-request-quote .btn {
	margin-top: 40px
}

.approach-info h2 {
	margin-bottom: 110px
}

.approach-info~p {
	margin: -35px 0 90px
}

.working-slider-wrap {
	margin: 0 -15px
}

.working-slider-wrap h2 {
	margin-bottom: 55px
}

.working-slider-wrap~p {
	margin: 0;
	width: 80%
}

.working-slider-wrap .working-slider-left .working-slider {
	padding-left: 0
}

.working-slider-wrap .working-slider-left .working-prev {
	left: 0
}

.working-slider-wrap .working-slider-left .working-next:before,
.working-slider-wrap .working-slider-left .working-prev:before {
	content: "\f060";
	-webkit-transition: .3s;
	transition: .3s;
	background-color: transparent;
	font-size: 16px;
	border: 2px solid #e4e4e4;
	width: 56px;
	height: 56px;
	font-weight: 400;
	line-height: 54px
}

.working-slider-wrap .working-slider-left .working-next:hover:before,
.working-slider-wrap .working-slider-left .working-prev:hover:before {
	background-color: #e4e4e4
}

.working-slider-wrap .working-slider-left .working-next {
	left: 70px
}

.working-slider-wrap .working-slider-left .working-next:before {
	content: "\f061"
}

.working-slider-wrap .working-slider-content p {
	width: 95%
}

.page-woocommerce-development .section-approach-block .outside-box-left {
	margin-left: -40vw
}

.page-woocommerce-development .development-request-quote .outside-box-left {
	margin-left: -27vw
}

.page-woocommerce-development .design-skills-content p,
.page-woocommerce-development .section-our-export h2 {
	width: 90%
}

.page-woocommerce-development .design-skills.development-skills .section-title {
	text-align: center
}

.page-hire-woocommerce-developer .formulate-design .formulate-design-content p {
	width: 85%
}

.page-hire-woocommerce-developer .formulate-design .number {
	color: grey;
	font-size: 20px;
	margin: 0 0 20px
}

.page-hire-woocommerce-developer .our-wordpress-wrapper .our-wordpress-item .h-4,
.page-hire-woocommerce-developer .our-wordpress-wrapper .our-wordpress-item h4 {
	width: 75%
}

.our-wordpress-section {
	border-bottom: 1px solid #f0f0f0
}

.our-wordpress-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.our-wordpress-wrapper .our-wordpress-item {
	min-height: 410px;
	background-color: #f9f9f9;
	position: relative;
	padding: 55px;
	margin-bottom: 30px;
	overflow: hidden;
	display: -webkit-box!important;
	display: -ms-flexbox!important;
	display: flex!important;
	-webkit-box-orient: vertical!important;
	-webkit-box-direction: normal!important;
	-ms-flex-direction: column!important;
	flex-direction: column!important
}

.our-wordpress-wrapper .our-wordpress-item .our-wordpress-overlay {
	position: absolute;
	opacity: 0;
	background-color: #1f1f1f;
	left: 0;
	top: 0;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	padding: 55px;
	-webkit-transition: .1s;
	transition: .1s
}

.our-wordpress-wrapper .our-wordpress-item .our-wordpress-overlay p {
	top: 10px;
	position: relative;
	margin: 0;
	-webkit-transition: .2s;
	transition: .2s
}

.our-wordpress-wrapper .our-wordpress-item .h-4,
.our-wordpress-wrapper .our-wordpress-item h4 {
	width: 80%;
	margin: auto 0 0
}

.our-wordpress-wrapper .our-wordpress-item i {
	color: #1f1f1f;
	font-size: 38px;
	opacity: .35
}

.our-wordpress-wrapper .our-wordpress-item:hover .our-wordpress-overlay {
	opacity: 1
}

.our-wordpress-wrapper .our-wordpress-item:hover .our-wordpress-overlay p {
	top: 0
}

.approach-info .approach-detail {
	margin-bottom: 80px
}

.developers-inquiry {
	background-color: #1f1f1f
}

.developers-inquiry .section-title h2 {
	color: #fff;
	font-weight: 400
}

.developers-inquiry-content {
	margin: 0 auto;
	width: 100%;
	display: table
}

.developers-inquiry-content .developers-content-item {
	float: left;
	width: 100%;
	min-height: 200px;
	margin-bottom: 100px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center!important;
	-ms-flex-align: center!important;
	align-items: center!important
}

.developers-inquiry-content .developers-content-item:last-child {
	margin-bottom: 0
}

.developers-inquiry-content .developers-content-item:last-child .contect-right span:before {
	display: none
}

.developers-inquiry-content .developers-content-item:hover .contect-right span {
	background-color: #313131
}

.developers-inquiry-content .developers-content-item:hover .contect-right span i {
	opacity: 1;
	font-size: 50px
}

.developers-inquiry-content .h-4,
.developers-inquiry-content h4 {
	color: #fff
}

.developers-inquiry-content .contect-left {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 55%;
	flex: 0 0 55%;
	padding: 0 15px
}

.developers-inquiry-content .contect-right {
	margin-left: auto;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33.33%;
	flex: 0 0 33.33%;
	padding: 0 20px
}

.developers-inquiry-content .contect-right span {
	width: 190px;
	height: 190px;
	-webkit-transition: .3s;
	transition: .3s;
	line-height: 196px;
	position: relative;
	border: 1px solid #313131;
	border-radius: 100%;
	display: block;
	text-align: center
}

.developers-inquiry-content .contect-right span:before {
	position: absolute;
	width: 1px;
	height: 50px;
	background: #313131;
	bottom: -61%;
	left: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.developers-inquiry-content .contect-right span i {
	color: #fff;
	opacity: .21;
	font-size: 45px;
	line-height: 190px;
	-webkit-transition: .2s;
	transition: .2s
}

.inquiry-content-bottom {
	margin-top: 160px
}

.inquiry-content-bottom .inquiry-content-wrap {
	margin: 0 auto;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.inquiry-content-bottom .inquiry-content-wrap .h-3,
.inquiry-content-bottom .inquiry-content-wrap h3 {
	color: #fff;
	font-size: 50px;
	margin: 0;
	font-weight: 400;
	line-height: 50px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 58.33%;
	flex: 0 0 58.33%;
	max-width: 58.33%;
	padding: 0 15px
}

.inquiry-content-bottom .inquiry-content-wrap .more-partners {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33.33%;
	flex: 0 0 33.33%;
	max-width: 33.33%;
	margin-left: auto;
	padding: 0 15px
}

.page-hire-wordpress-developers .section-approach-block .outside-box-left {
	margin-left: -40vw
}

.page-hire-wordpress-developers .mobile-technology-section.left-right-text .section-title {
	margin-bottom: 100px
}

.section-working-slider .h-3,
.section-working-slider h3 {
	width: 82%
}

.overlap-height {
	margin-bottom: 300px
}

.about-responsive .overlap-section {
	text-align: center;
	margin-bottom: 175px;
	display: inline-block;
	margin-top: -40%
}

.about-responsive h2 {
	margin: 0 auto 80px;
	width: 60%
}

.about-responsive-content p {
	width: 92%
}

.portfolio-work {
	background-color: #1f1f1f
}

.portfolio-work h2 {
	color: #fff;
	font-weight: 400
}

.portfolio-work-content>div {
	border-right: 1px solid #2a2a2a;
	text-align: center;
	min-height: 190px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.portfolio-work-content>div:last-child {
	border-right: 0
}

.portfolio-work-content .portfolio-work-middle {
	margin: 0 auto;
	width: 60%
}

.portfolio-work-content .portfolio-work-middle .h-4,
.portfolio-work-content .portfolio-work-middle h4 {
	color: #fff;
	margin: 0
}

.portfolio-work-content .portfolio-work-middle i {
	font-size: 38px;
	color: #fff;
	opacity: .2;
	margin-bottom: 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.portfolio-work-content .portfolio-work-middle span {
	line-height: 28px;
	display: block
}

.client-services .button {
	margin-top: 70px
}

.page-copywriting .design-content-wrapper .design-content-box .h-4,
.page-copywriting .design-content-wrapper .design-content-box h4,
.page-copywriting .design-content-wrapper .section-title h2 {
	width: 90%
}

.page-copywriting .section-partner-block {
	background-color: #f7f7f7
}

.page-copywriting .section-partner-block .section-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.page-copywriting .section-partner-block .more-partners {
	padding-bottom: 0;
	line-height: 0;
	margin-left: auto
}

.design-skills.bg-black .h-4,
.design-skills.bg-black h2,
.design-skills.bg-black h4 {
	color: #fff
}

.design-skills-content .icon-box {
	margin-bottom: 20px
}

.design-skills-content .icon-box i {
	display: inline-block;
	vertical-align: middle;
	font-size: 35px;
	margin-right: 20px;
	opacity: .6
}

.design-skills-content .icon-box .h-4,
.design-skills-content .icon-box h4 {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 0;
	width: auto
}

.design-skills-content .icon-box p {
	display: none
}

.bg-image-section .row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.bg-image-section .content-box,
.bg-image-section .image-box {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%
}

.bg-image-section .content-box {
	padding: 9%
}

.bg-image-section .content {
	margin-bottom: 90px
}

.bg-image-section .content h2 {
	margin-bottom: 30px
}

.bg-image-section .content .h-4,
.bg-image-section .content h4 {
	margin-bottom: 25px
}

.bg-image-section .content p:last-child,
.bg-image-section .content:last-child {
	margin-bottom: 0
}

.page-html5-and-css3-development .design-slider-wrapper .slide-content-wrap .services-title {
	width: 80%
}

.parallax-image-box {
	margin-top: 140px
}

.parallax-image-box.parallax-image-box-right {
	margin-top: 280px
}

.parallax-image-box .parallax {
	height: 700px
}

.page-wordpress-plugin-development .parallax-split-content {
	padding-bottom: 130px
}

.sticky-sidebar h2 div {
	line-height: 70px
}

.section-working-slider .working-slider-content {
	padding-bottom: 60px;
	margin-top: 40px;
	margin-bottom: 0
}

.page-magento-development .mobile-devloper-section {
	padding: 80px 0
}

.page-magento-development .mobile-devloper-section .outside-box-right {
	margin-right: -1vw;
	float: right;
	width: 100%
}

.page-magento-development .mobile-devloper-section .row>div:first-child {
	-ms-flex-item-align: center!important;
	align-self: center!important
}

.client-services-middle {
	padding-bottom: 0
}

.client-services-middle .row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.client-services-middle .right-middle {
	text-align: right
}

.client-services-middle.client-services .button {
	margin: 0
}

.client-services-middle.client-services .button .btn {
	margin-right: 0
}

.title-content-fullimage .work-detail-images img {
	width: 100%
}

.title-content-fullimage .work-detail-images {
	margin-bottom: -600px;
	position: relative;
	z-index: 9;
	padding: 160px 170px 60px
}

.title-content-fullimage .section-title {
	margin-bottom: 90px
}

.title-content-fullimage .section-title h2 {
	color: #fff;
	font-weight: 400
}

.image-minus-design-skills.design-skills {
	padding-top: 650px
}

.page-magento-development .our-wordpress-wrapper .our-wordpress-item {
	min-height: 460px
}

.page-magento-development .our-wordpress-wrapper .our-wordpress-item .h-4,
.page-magento-development .our-wordpress-wrapper .our-wordpress-item h4 {
	width: 100%
}

.page-magento-development .mobile-devloper-section .container-fluid .row .grid-md-6:last-child {
	padding-right: 0
}

.page-magento-development .mobile-devloper-section .container-fluid .row .grid-md-6:first-child {
	padding-left: 18%
}

.page-magento-development .mobile-devloper-section .container-fluid .row .outside-box-right img {
	width: 100%;
	height: auto
}

.page-magento-development .mobile-devloper-section.style-1 h4 {
	width: 90%;
	margin-bottom: 30px
}

.page-magento-development .mobile-devloper-section.style-1 p {
	width: 90%
}

.page-magento-development .mobile-devloper-section .h-3,
.page-magento-development .mobile-devloper-section h3 {
	font-weight: 400;
	margin-bottom: 50px
}

.page-magento-development .section-working-slider .h-3,
.page-magento-development .section-working-slider h3 {
	width: 70%
}

.page-magento-development .section-design-further .skill-content p {
	width: 85%
}

.mobile-devloper-section.style-2 {
	background-size: cover;
	background-repeat: no-repeat;
	padding: 150px 0
}

.mobile-devloper-section.style-2 .image-box {
	position: absolute;
	left: 0;
	top: -130px;
	z-index: 9;
	padding: 0
}

.mobile-devloper-section.style-2 .row {
	display: block
}

.mobile-devloper-section.style-2 .content-box {
	float: right
}

.page-magento-theme-development .our-wordpress-wrapper .our-wordpress-item {
	min-height: 450px
}

.page-magento-theme-development .our-wordpress-wrapper .our-wordpress-item .h-4,
.page-magento-theme-development .our-wordpress-wrapper .our-wordpress-item h4 {
	width: 90%
}

.page-magento-theme-development .mobile-devloper-section .container-fluid .row .grid-md-6:last-child {
	padding-right: 0
}

.page-magento-theme-development .mobile-devloper-section .container-fluid .row .grid-md-6:first-child {
	padding-left: 18%
}

.page-magento-theme-development .mobile-devloper-section .container-fluid .row .outside-box-right {
	margin: 0;
	padding-left: 100px
}

.page-magento-theme-development .mobile-devloper-section .container-fluid .row .outside-box-right img {
	width: 100%;
	height: auto
}

.page-magento-theme-development .design-skills {
	padding-bottom: 90px;
	background: #fff
}

.page-magento-theme-development .design-skills.bg-white {
	padding-bottom: 0;
	padding-top: 140px
}

.bottom-image.client-services-middle .row {
	margin-bottom: 130px
}

.bottom-image.client-services-middle .row:last-child {
	margin-bottom: 0
}

.bottom-image.client-services-middle .image {
	text-align: center
}

.bottom-image.client-services-middle .image img {
	max-width: 100%
}

.client-services-middle.bg-color {
	padding: 200px 0
}

.client-services-middle.bg-color .button .btn {
	font-size: 22px;
	font-weight: 300;
	margin: 30px auto 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-radius: 100%;
	height: 270px;
	width: 270px;
	padding: 20px 65px;
	line-height: 34px
}

.bg-color h2 {
	font-size: 100px;
	line-height: 100px;
	letter-spacing: -3px
}

.bg-color .button .btn-black:hover {
	background-color: transparent;
	color: #1f1f1f;
	height: 250px;
	width: 250px;
	border: 8px solid;
	font-weight: 500
}

.page-magento-2-migration .section-parallax-block .parralax-content {
	width: 40%
}

.page-magento-2-migration .mobile-devloper-section .container-fluid .row .grid-md-6:last-child {
	padding-right: 0
}

.page-magento-2-migration .mobile-devloper-section .container-fluid .row .grid-md-6:first-child {
	padding-left: 18%
}

.page-magento-2-migration .mobile-devloper-section .container-fluid .row .outside-box-right {
	margin: 0;
	padding-left: 80px
}

.page-magento-2-migration .mobile-devloper-section .container-fluid .row .outside-box-right img {
	width: 100%;
	height: auto
}

.page-magento-2-migration .section-design-further .h-2 {
	width: 70%
}

.design-skills-content .skills-logo {
	margin-bottom: 15px
}

.design-skills-content .skills-logo img {
	width: 70%
}

.design-skills-content-full.border-top {
	border-top: 1px solid #ececec;
	padding-top: 130px;
	margin-top: 50px
}

.design-skills-content-full .design-skills-content {
	text-align: center
}

.design-skills-content-full .design-skills-content .h-4,
.design-skills-content-full .design-skills-content h4,
.design-skills-content-full .design-skills-content p {
	margin: 0 auto;
	width: 70%
}

.page-magento-audit .parallax .parralax-content,
.page-magento-extension-development .parralax-content,
.page-magento-performance-optimization .parralax-content {
	width: 42%
}

.design-skills-content-logo {
	text-align: center
}

.design-skills-content-logo .design-skills-content p {
	margin: 30px auto 0;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 25px
}

.design-skills-content-logo .skills-logo-content {
	border: 1px solid #e4e4e4;
	padding: 40px 20px;
	min-height: 235px
}

.mobile-devloper-section .container-fluid .outside-box-left {
	margin-left: -1vw
}

.mobile-devloper-section .container-fluid .row {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.mobile-devloper-section .container-fluid .row>div:first-child,
.page-shopify-development .mobile-devloper-section .row>div:first-child {
	-ms-flex-item-align: center!important;
	align-self: center!important
}

.mobile-devloper-section .container-fluid .row .grid-md-6:last-child {
	padding-right: 13%
}

.page-hire-magento-developers .mobile-devloper-section.style-1 {
	padding-top: 0
}

.page-magento-performance-optimization .section-landing-service-wrapper .services-wrapper {
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 0;
	margin-top: 30px
}

.page-magento-performance-optimization .section-landing-service-wrapper .services-wrapper>div {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
	margin: 100px 0 0
}

.page-magento-performance-optimization .mobile-devloper-section .container-fluid .outside-box-left {
	margin-left: 0;
	text-align: center
}

.page-magento-performance-optimization .mobile-devloper-section.style-1 {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 230px
}

.page-magento-performance-optimization .mobile-devloper-section.style-1 .grid-md-6 p:last-child {
	margin-bottom: 60px
}

.page-magento-performance-optimization .bottom-image.client-services-middle .row {
	margin-bottom: 80px
}

.page-magento-performance-optimization .bottom-image.client-services-middle .row:last-child {
	margin-bottom: 0
}

.performance-skills h2 {
	margin-bottom: 50px
}

.performance-skills ul {
	margin-top: 20px
}

.performance-skills ul li {
	color: #1f1f1f;
	border-bottom: 1px solid #e8e8e8;
	padding-bottom: 15px;
	margin-bottom: 15px;
	font-weight: 400;
	font-size: 24px
}

.performance-skills ul li:last-child {
	border: 0;
	margin-bottom: 0;
	padding-bottom: 0
}

.section-landing-service-wrapper .services-wrapper {
	margin: 50px 0 0
}

.section-landing-service-wrapper .services-wrapper>div {
	margin: 100px 0 0;
	text-align: center
}

.section-landing-service-wrapper .services-wrapper .h-5,
.section-landing-service-wrapper .services-wrapper h5 {
	margin: 0 auto
}

.section-landing-service-wrapper .services-wrapper .grid-md-3:nth-child(4n+1) {
	clear: both
}

.section-landing-service-wrapper .services-wrapper .title {
	font-weight: 400
}

.page-magento-extension-development .section-landing-service-wrapper .services-wrapper .h-5,
.page-magento-extension-development .section-landing-service-wrapper .services-wrapper h5 {
	width: 95%
}

.audit-content p {
	width: 80%
}

.audit-content .row {
	margin-bottom: 150px
}

.audit-content .row:last-child {
	margin-bottom: 0
}

.audit-content .audit-skills-content .h-3,
.audit-content .audit-skills-content h3 {
	font-size: 35px
}

.page-magento-audit .formulate-design-content p {
	width: 75%;
	margin-bottom: 0
}

.section-content-list ul {
	width: 80%
}

.section-content-list ul li {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #e8e8e8;
	position: relative;
	padding-left: 30px
}

.section-content-list ul li:before {
	content: "\f00c";
	font-family: "Font Awesome 5 Pro";
	font-size: 16px;
	position: absolute;
	left: 0;
	top: 5px
}

.section-content-list ul li:last-child {
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0
}

.section-content-right-bg .section-content-list {
	margin-bottom: 100px
}

.icon-box-section .box {
	margin-top: 130px;
	padding: 0 25px
}

.icon-box-section .right-box h4 {
	margin-bottom: 35px;
	font-weight: 400
}

.icon-box-section .right-box ul li {
	margin-bottom: 12px;
	padding-bottom: 15px;
	border-bottom: 1px solid #e9e9e9;
	position: relative
}

.icon-box-section .right-box ul li:last-child {
	border-bottom: 0
}

.page-pwa-for-magento .section-skill-block .skill-content .h-4,
.page-pwa-for-magento .section-skill-block .skill-content h4 {
	width: 100%
}

.page-pwa-for-magento .section-skill-block .skill-content p {
	width: 80%
}

.skill-content .h-4,
.skill-content h4 {
	font-weight: 400
}

.page-psd-to-magento .parralax-content {
	width: 42%
}

.page-psd-to-magento .parallax-split-content-box {
	padding: 170px 0;
	margin: 0
}

.page-psd-to-magento .parallax-split-content-box .parallax-content {
	padding: 0 15px
}

.page-psd-to-magento .parallax-split-content-box .parallax-content h2 {
	margin-bottom: 60px
}

.page-psd-to-magento .parallax-split-content-box .parallax-content img {
	width: auto;
	max-width: 100%
}

.page-psd-to-magento .our-wordpress-wrapper .our-wordpress-item .h-4,
.page-psd-to-magento .our-wordpress-wrapper .our-wordpress-item h4 {
	width: 65%
}

.page-shopify-development .mobile-devloper-section .outside-box-left {
	margin: 0
}

.page-shopify-development .parallax-split-content-box {
	padding: 170px 0;
	margin: 0
}

.page-shopify-development .parallax-split-content-box .parallax-content {
	padding: 0 15px
}

.page-shopify-development .slide-content-wrap,
.page-shopify-theme-development .slide-content-wrap {
	padding-right: 45px
}

.page-shopify-development .parallax-split-content-box .parallax-content h2 {
	margin-bottom: 60px
}

.page-shopify-development .design-content-wrapper .section-title {
	margin-bottom: 100px
}

.page-shopify-development .design-content-wrapper .section-title .grid-md-12 {
	text-align: center
}

.page-shopify-application-development .section-approach-block .outside-box-left {
	margin-left: -35vw
}

.page-psd-to-shopify .design-skills-content .h-4,
.page-psd-to-shopify .design-skills-content h4 {
	width: 75%
}

.page-wordpress-development .mobile-devloper-section .container-fluid .row .grid-md-6:first-child {
	padding-left: 18%
}

.page-wordpress-development .mobile-devloper-section .container-fluid .row .grid-md-6:last-child {
	padding-right: 0
}

.page-wordpress-development .mobile-devloper-section .container-fluid .row .grid-md-6 p:last-child {
	margin-bottom: 0
}

.page-wordpress-development .mobile-devloper-section .container-fluid .row .outside-box-right img {
	width: 100%;
	height: auto
}

.page-wordpress-development .mobile-devloper-section .outside-box-right {
	margin-right: -1vw;
	float: right;
	width: 100%
}

.page-wordpress-development .mobile-devloper-section .h-3,
.page-wordpress-development .mobile-devloper-section h3 {
	margin-bottom: 55px;
	font-weight: 400
}

.page-wordpress-development .mobile-devloper-section p {
	width: 85%
}

.page-wordpress-development .section-parallax-block {
	min-height: 1000px
}

.page-wordpress-development .our-wordpress-wrapper .our-wordpress-item .h-4,
.page-wordpress-development .our-wordpress-wrapper .our-wordpress-item h4,
.page-wordpress-development .section-working-slider .h-3,
.page-wordpress-development .section-working-slider h3 {
	width: 90%
}

.page-wordpress-theme-design .section-parallax-block {
	min-height: 850px
}

.page-psd-to-wordpress-development .working-slider-wrap h2 {
	width: 80%
}

.page-hire-woocommerce-developer .parralax-content {
	width: 42%
}

.page-hire-woocommerce-developer .slide-content-wrap {
	padding-right: 60px
}

.page-magento-integrations .section-landing-service-wrapper .services-wrapper {
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 0;
	margin-top: 30px
}

.page-magento-integrations .section-landing-service-wrapper .services-wrapper>div {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33.33%;
	flex: 0 0 33.33%;
	max-width: 33.33%;
	margin: 100px 0 0
}

.page-magento-integrations .section-landing-service-wrapper .services-wrapper .title {
	width: 70%
}

.page-magento-integrations .design-slider-wrapper .slide-content-wrap {
	padding-right: 40px
}

.page-magento-integrations .design-skills-content.grid-sm-6 p {
	width: 80%
}

.page-magento-integrations .design-skills .design-skills-content {
	margin-bottom: 100px
}

.parallax-split-content .section-title {
	margin-bottom: 0
}

.parallax-split-content .section-title .h-3,
.parallax-split-content .section-title h3 {
	margin-bottom: 0;
	width: 90%;
	letter-spacing: -.5px
}

.parallax-split-content p {
	margin-bottom: 0
}

.parallax-split-image {
	padding: 0 0 170px
}

.parallax-splitshow-items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: -40px 0
}

.parallax-splitshow-col {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.parallax-splitshow-col.-right {
	margin: 150px 0 0
}

.parallax-splitshow-item-img {
	display: block;
	overflow: hidden;
	-webkit-transition: -webkit-transform .4s;
	transition: -webkit-transform .4s;
	transition: transform .4s;
	transition: transform .4s, -webkit-transform .4s
}

.parallax-splitshow-item-img img {
	width: 100%;
	height: auto
}

.parallax-splitshow-item {
	margin: 40px 15px
}

.parallax-split-content-box {
	padding: 0 120px;
	margin: 80px 0
}

.parallax-split-content-box .parallax-image {
	margin: 0;
	padding: 0
}

.parallax-split-content-box .parallax-image img {
	width: 100%
}

.parallax-split-content-box .parallax-content {
	padding: 0 185px
}

.parallax-split-content-box .parallax-content h2 {
	margin-bottom: 15px
}

.parallax-split-content-box .parallax-content p {
	margin-bottom: 50px
}

.parallax-split-content-box .parallax-content p:last-child {
	margin-bottom: 0
}

.parallax-split-content-box .parallax-content .h-4,
.parallax-split-content-box .parallax-content h4 {
	margin-bottom: 35px
}

.primary-img-show {
	position: relative
}

.secondary-img-show {
	display: none
}

.work-detail-content-wrapper .detail-content {
	margin-bottom: 100px;
	display: inline-block
}

.work-detail-content-wrapper .detail-content p,
.work-detail-content-wrapper .detail-content:last-child {
	margin-bottom: 0
}

.section-testimonial-block {
	text-align: center;
	border-bottom: 1px solid #ececec
}

.section-testimonial-block .testimonial-icon {
	background-color: #1f1f1f;
	display: inline-block;
	width: 100px;
	height: 100px;
	text-align: center;
	line-height: 100px;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	font-size: 30px;
	color: #fce53d;
	margin-bottom: 50px
}

.section-testimonial-block .content-text {
	width: 70%;
	margin: 0 auto
}

.section-testimonial-block .author-text {
	font-size: 13px;
	color: #1f1f1f;
	font-weight: 400
}

.section-testimonial-block .author-text:after,
.section-testimonial-block .author-text:before {
	content: "";
	margin: -5px 20px 0;
	width: 12px;
	height: 1px;
	background-color: #bbb;
	display: inline-block;
	vertical-align: middle
}

.hire-developer-wrap.popup-form:after,
.page-careers .slider-image-wrapper,
.popup-sticky-button .popup-with-form {
	background-color: #fff
}

.page-careers .slider-title {
	padding-bottom: 120px
}

.page-careers .section-design-further {
	text-align: center
}

.page-careers .section-design-further .h-2 {
	margin: 0 auto
}

.page-careers .section-design-further .h-2 p {
	margin: 0
}

.page-careers .section-design-further .h-2 .subtitle {
	margin: 0 auto 30px
}

.page-careers .section-design-further .service-wrapper .content {
	width: 75%;
	margin: 0 auto
}

.page-careers .team-section {
	background-color: #f9f9f9;
	padding-bottom: 100px
}

.page-careers .team-section ul {
	width: 100%;
	display: inline-block
}

.page-careers .team-section ul li {
	width: 20%;
	float: left;
	text-align: center;
	margin-bottom: 80px
}

.page-careers .design-content-wrapper .design-content-box {
	display: block;
	overflow: hidden;
	padding: 55px 50px 60px;
	margin-bottom: -1px
}

.page-careers .design-content-wrapper .design-content-box .design-content-box-hover {
	width: 100%;
	max-height: 0;
	overflow: hidden;
	display: block;
	-webkit-transition: max-height .5s ease-out;
	transition: max-height .5s ease-out
}

.page-careers .design-content-wrapper .design-content-box .design-content-box-hover ul {
	margin-top: 50px;
	border-top: 1px solid #e4e4e4;
	padding-top: 45px
}

.page-careers .design-content-wrapper .design-content-box .design-content-box-hover ul li {
	display: inline-block;
	width: 100%;
	padding-left: 40px;
	position: relative;
	line-height: 32px;
	font-size: 17px;
	margin-bottom: 7px
}

.page-careers .design-content-wrapper .design-content-box .design-content-box-hover ul li:before {
	content: "\f00c";
	font-family: "Font Awesome 5 Pro";
	font-weight: 100;
	position: absolute;
	left: 15px;
	top: 3px;
	font-size: 13px
}

.page-careers .design-content-wrapper .design-content-box:hover .design-content-box-hover {
	max-height: 700px
}

.page-careers .design-content-wrapper .design-content-box:hover .btn.button-2 {
	opacity: 1
}

.page-careers .design-content-wrapper .design-content-box .btn.button-2,
.page-careers .design-content-wrapper .design-content-box:hover .btn.button-1 {
	opacity: 0
}

.page-careers .design-content-wrapper .design-content-box .btn {
	position: absolute;
	right: 0;
	top: 10px;
	-webkit-transition: .3s;
	transition: .3s
}

.page-careers .design-content-wrapper .design-content-box .btn.button-1 {
	-webkit-box-shadow: 0 0 25px rgba(23, 23, 23, .1);
	box-shadow: 0 0 25px rgba(23, 23, 23, .1)
}

.page-careers .design-content-wrapper .design-content-box .h-4,
.page-careers .design-content-wrapper .design-content-box h4 {
	font-size: 26px
}

.page-careers .design-content-wrapper .design-content-box .subtext,
.page-careers .design-content-wrapper .design-content-box p {
	font-size: 17px;
	line-height: 32px
}

.page-careers .design-content-wrapper .section-title {
	text-align: center
}

.page-careers .design-content-wrapper .section-title h2 {
	padding: 0;
	width: 60%
}

.section-testimonial-slider {
	text-align: center
}

.section-testimonial-slider .section-title {
	margin: 0 auto 100px;
	float: none
}

.section-testimonial-slider .avtar-image {
	display: none
}

.section-testimonial-slider .testimonial-name {
	width: 100%;
	color: #1f1f1f;
	display: inline-block;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 2px
}

.section-testimonial-slider .testimonial-name:after,
.section-testimonial-slider .testimonial-name:before {
	content: "";
	margin: -4px 20px 0;
	width: 12px;
	height: 1px;
	background-color: #bbb;
	display: inline-block;
	vertical-align: middle
}

.section-testimonial-slider .testimonial-position {
	width: 100%;
	font-size: 14px;
	line-height: 26px;
	display: block
}

.section-testimonial-slider .swiper-container {
	width: 100%;
	padding-top: 120px
}

.section-testimonial-slider .swiper-container .swiper-slide {
	width: 100%!important
}

.section-testimonial-slider .swiper-container .swiper-slide p {
	width: 55%;
	margin: 0 auto 30px
}

.section-testimonial-slider .swiper-container .swiper-pagination-bullets {
	position: absolute;
	top: 0;
	padding: 10px 0;
	bottom: auto
}

.section-testimonial-slider .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 11px;
	width: 70px;
	height: 70px;
	background-size: cover!important;
	background-position: center!important;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	opacity: 1;
	-webkit-transition: .5s;
	transition: .5s
}

.section-testimonial-slider .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet:focus {
	border: 0;
	outline: 0
}

.section-testimonial-slider .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	opacity: 1
}

.section-testimonial-slider .swiper-container .swiper-button-prev {
	bottom: 40%;
	left: 10%
}

.section-testimonial-slider .swiper-container .swiper-button-next {
	right: 10%;
	left: auto;
	bottom: 40%
}

.page-privacy-policy .section-title-block {
	padding-bottom: 0
}

.page-privacy-policy .privacy-policy {
	padding-top: 100px
}

.page-privacy-policy .privacy-policy-content {
	margin-bottom: 60px
}

.page-privacy-policy .privacy-policy-content p {
	margin-bottom: 20px
}

.page-privacy-policy .privacy-policy-content p a:hover {
	text-decoration: underline
}

.page-privacy-policy .privacy-policy-content p:last-child {
	margin-bottom: 0
}

.page-privacy-policy .privacy-policy-content ul {
	margin: 30px 0 0;
	padding: 0;
	list-style: none
}

.page-privacy-policy .privacy-policy-content ul li {
	padding-left: 25px;
	position: relative;
	width: 100%;
	display: inline-block;
	margin-bottom: 20px
}

.page-privacy-policy .privacy-policy-content ul li:last-child,
.page-privacy-policy .privacy-policy-content:last-child,
.search-wrapper .title-inner-wrap .h-3 {
	margin-bottom: 0
}

.page-privacy-policy .privacy-policy-content ul li:before {
	content: "\f111";
	font-family: "Font Awesome 5 Pro";
	font-weight: 700;
	position: absolute;
	left: 0;
	top: 12px;
	color: #8a8a8a;
	font-size: 8px
}

.popup-sticky-button {
	position: fixed;
	bottom: 0;
	left: 60px;
	-webkit-transform: translate3d(0, 80px, 0);
	transform: translate3d(0, 80px, 0);
	-webkit-transition: opacity 2s, -webkit-transform 1s;
	transition: opacity 2s, -webkit-transform 1s;
	transition: opacity 2s, transform 1s;
	transition: opacity 2s, transform 1s, -webkit-transform 1s;
	opacity: 0;
	z-index: 99
}

.popup-sticky-button.show {
	-webkit-transform: translate3d(0, -60px, 0);
	transform: translate3d(0, -60px, 0);
	opacity: 1
}

.popup-sticky-button .popup-with-form {
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
	box-shadow: 0 0 15px rgba(0, 0, 0, .1);
	color: #1f1f1f;
	-webkit-transition: .3s;
	transition: .3s;
	border-radius: 50px;
	line-height: 18px;
	padding: 5px 20px 5px 40px;
	letter-spacing: 2px;
	display: block;
	height: 60px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 60px;
	overflow: hidden
}

.popup-sticky-button .popup-with-form i {
	font-size: 24px;
	position: absolute;
	left: 20px;
	top: 17px;
	-webkit-transition: .3s;
	transition: .3s
}

.popup-sticky-button:hover .popup-with-form {
	padding: 5px 25px 5px 50px;
	width: 210px
}

.popup-sticky-button:hover .popup-text {
	opacity: 1
}

.popup-text {
	text-transform: uppercase;
	color: #8a8a8a;
	-webkit-transition: .6s;
	transition: .6s;
	font-size: 12px;
	line-height: 16px;
	opacity: 0;
	font-weight: 400;
	width: 160px;
	letter-spacing: 1px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 8px 0 0 15px
}

.hire-developer-wrap.popup-form {
	padding: 0
}

.hire-developer-wrap.popup-form .form-detail {
	padding: 0 10%
}

.hire-developer-wrap.popup-form .form-detail h2 {
	margin-bottom: 55px
}

.hire-developer-wrap.popup-form .form-detail p {
	margin-bottom: 70px
}

.hire-developer-wrap.popup-form .form-image {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat
}

.contact-detail-form form .submit-btn,
.popup-form form .submit-btn {
	background-color: #1f1f1f;
	color: #fff;
	padding: 14px 32px 15px;
	letter-spacing: 2px;
	font-size: 12px;
	line-height: initial;
	text-transform: uppercase;
	border: none;
	display: inline-block;
	font-weight: 400;
	width: auto;
	height: auto;
	border-radius: 0;
	-webkit-transition: .3s;
	transition: .3s
}

.popup-form .mfp-close {
	top: 30px!important
}

.page-magento-extension-development .popup-text {
	width: 180px
}

.page-magento-extension-development .popup-sticky-button:hover .popup-with-form {
	width: 250px
}

.page-email-template-design .popup-sticky-button:hover .popup-with-form {
	width: 240px
}

.page-wordpress-plugin-development .popup-sticky-button:hover .popup-with-form {
	width: 230px
}

.page-magento-theme-development .popup-sticky-button:hover .popup-with-form {
	width: 220px
}

.page-website-design .popup-text {
	width: 100px
}

.page-website-design .popup-sticky-button:hover .popup-with-form {
	width: 170px
}

.popup-sticky-button:hover .popup-with-form i {
	left: 28px;
	-webkit-transition: .3s;
	transition: .3s
}

.grecaptcha-badge {
	display: none!important
}

.loader-ellips__dot {
	display: block;
	width: 1em;
	height: 1em;
	border-radius: .5em;
	background: #1f1f1f;
	position: absolute;
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
	left: 0
}

.loader-ellips__dot:nth-child(3) {
	left: 1.5em
}

@-webkit-keyframes reveal {
	from {
		-webkit-transform: scale(.001);
		transform: scale(.001)
	}
	to {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes reveal {
	from {
		-webkit-transform: scale(.001);
		transform: scale(.001)
	}
	to {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@-webkit-keyframes slide {
	to {
		-webkit-transform: translateX(1.5em);
		transform: translateX(1.5em)
	}
}

@keyframes slide {
	to {
		-webkit-transform: translateX(1.5em);
		transform: translateX(1.5em)
	}
}

.loader-ellips__dot:nth-child(1) {
	-webkit-animation-name: reveal;
	animation-name: reveal
}

.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
	-webkit-animation-name: slide;
	animation-name: slide
}

.loader-ellips__dot:nth-child(4) {
	left: 3em;
	-webkit-animation-name: reveal;
	animation-name: reveal;
	animation-direction: reverse
}

.page-load-status {
	clear: both;
	display: none
}

.scroller-status__message {
	display: none!important
}

.loader-ellips {
	width: 80px;
	margin: 0 auto;
	position: relative
}

.error404 .error-wrapper {
	padding: 0
}

.error-wrapper .container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.error-wrapper .container .h-2 {
	font-size: 250px;
	line-height: 200px;
	letter-spacing: -10px
}

.error-wrapper .container .h-3 {
	margin-bottom: 40px;
	width: 80%
}

.error-wrapper .container .back-button {
	text-transform: none;
	padding: 5px 0;
	letter-spacing: 0;
	font-size: 18px;
	position: relative;
	-webkit-transition: .5s;
	transition: .5s
}

.error-wrapper .container .back-button:before {
	width: 100%;
	height: 1px;
	background-color: #1f1f1f;
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px
}

.error-wrapper .container .back-button:hover {
	color: grey
}

.error-wrapper .container .back-button:hover:before {
	background-color: grey
}

.search-no-results .search-wrapper {
	padding-top: 240px
}

.search-no-results .search-wrapper .container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%
}

.search-no-results .search-wrapper h1 {
	margin-bottom: 40px
}

.search-no-results .search-wrapper p {
	width: 60%;
	margin-bottom: 50px
}

.search-wrapper .search-form label {
	float: left
}

.search-wrapper .search-form .search-field {
	border: 1px solid #bdbdbd;
	height: 51px;
	padding: 0 20px;
	float: left;
	font-size: 16px;
	width: 320px;
	outline: 0
}

.search-wrapper .search-form .search-submit {
	border: 0;
	margin-left: 15px;
	outline: 0
}

.search-wrapper .search-form .search-submit:focus {
	color: #1f1f1f
}

.search-wrapper .row {
	margin: 0
}

.search-wrapper .title-inner-wrap {
	padding: 60px 0 70px;
	border-bottom: 1px solid #f0f0f0
}

.search-wrapper .title-inner-wrap:last-child {
	border-bottom: 0;
	padding-bottom: 0
}

.search-wrapper .page-load-status {
	padding-top: 50px
}

.search-wrapper .load-more-btn {
	clear: both;
	display: inline-block;
	margin: 60px auto 0;
	width: 100%;
	text-align: center
}

.search-wrapper .load-more-btn .btn-black {
	outline: 0;
	border: 0
}

@-webkit-keyframes border-transform {
	0%,
	100% {
		border-radius: 36% 64% 59% 41%/40% 45% 55% 60%
	}
	24% {
		border-radius: 37% 63% 60% 40%/46% 52% 48% 54%
	}
	32% {
		border-radius: 40% 60% 54% 46%/52% 56% 44% 48%
	}
	42% {
		border-radius: 52% 48% 62% 38%/54% 54% 46% 46%
	}
	56% {
		border-radius: 60% 40% 65% 35%/54% 50% 50% 46%
	}
	70% {
		border-radius: 44% 56% 43% 57%/42% 50% 50% 58%
	}
}

@keyframes border-transform {
	0%,
	100% {
		border-radius: 36% 64% 59% 41%/40% 45% 55% 60%
	}
	24% {
		border-radius: 37% 63% 60% 40%/46% 52% 48% 54%
	}
	32% {
		border-radius: 40% 60% 54% 46%/52% 56% 44% 48%
	}
	42% {
		border-radius: 52% 48% 62% 38%/54% 54% 46% 46%
	}
	56% {
		border-radius: 60% 40% 65% 35%/54% 50% 50% 46%
	}
	70% {
		border-radius: 44% 56% 43% 57%/42% 50% 50% 58%
	}
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
	.dark-section .h-2 .subtitle span,
	.parralax-content:hover .h-4 span,
	.parralax-content:hover h4 span,
	.section-working-slider .h-3,
	.section-working-slider h3,
	.site-footer .footer-title .h-2 .subtitle,
	.story-content .story-info .story-wrap:hover h5 span,
	.story-content .story-info .story-wrap:hover h6 {
		color: #20e172;
		background: 0 0
	}
	.work-slide-container .work-info {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		max-width: 50%
	}
	.section-working-slider .working-slider .h-3,
	.section-working-slider .working-slider h3 {
		color: #1f1f1f
	}
	.service-information .service-info:hover .h-6,
	.service-information .service-info:hover h6 {
		background: 0 0;
		color: #20e172
	}
	.service-information .service-info:hover .h-6 a,
	.service-information .service-info:hover h6 a {
		color: #20e172
	}
	.service-information .service-info:hover .toggle-class:before {
		background: 0 0;
		color: #20e172
	}
	.service-post .h-4 a,
	.service-post h4 a {
		display: inline-block
	}
	.slide-content-wrap:hover .services-number {
		background: 0 0;
		color: #20e172
	}
	.post-main-wrap .post-wrapper .post-detail-wrap:hover span {
		background: 0 0!important;
		color: #20e172!important
	}
	.our-wordpress-wrapper .our-wordpress-item .h-4,
	.our-wordpress-wrapper .our-wordpress-item h4 {
		position: absolute;
		left: 55px;
		bottom: 55px;
		width: 75%!important
	}
	.technology-icon-box {
		-webkit-box-flex: 1;
		-ms-flex: auto;
		flex: auto
	}
}

.site-footer {
	position: sticky;
	position: -webkit-sticky;
	-webkit-transition: .5s;
	transition: .5s;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #1f1f1f;
	padding: 150px 0 40px;
	-webkit-transform: translateY(180px);
	transform: translateY(180px)
}

.site-footer .footer-logo img {
	max-height: 50px;
	width: auto
}

.site-footer .footer-logo .footer-copyright-left {
	font-size: 13px;
	line-height: 18px
}

.site-footer .footer-subtitle {
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 2px;
	margin-bottom: 10px;
	line-height: 20px
}

.site-footer .footer-secondary-menu:last-child,
.site-footer .footer-subtitle:last-child {
	margin-top: 30px
}

.site-footer .footer-link li,
.site-footer .footer-secondary-menu li {
	line-height: normal
}

.site-footer .footer-link a,
.site-footer .footer-secondary-menu a {
	font-size: 18px;
	color: #fff;
	line-height: 25px;
	display: inline-block;
	margin-bottom: 9px;
	-webkit-transition: .3s;
	transition: .3s
}

.site-footer .footer-link a:hover,
.site-footer .footer-secondary-menu a:hover {
	color: grey
}

.site-footer .footer-social {
	display: inline-block;
	width: 100%;
	margin-top: 105px
}

.site-footer .footer-social li {
	float: left;
	margin-right: 18px
}

.site-footer .footer-social li span {
	font-size: 6px;
	line-height: 26px;
	vertical-align: bottom;
	display: inline-block;
	margin-left: 3px
}

.site-footer .footer-social li .facebook {
	color: #3a589b
}

.site-footer .footer-social li .twitter {
	color: #31aae1
}

.site-footer .footer-social li .drive {
	color: #d6492f
}

.site-footer .footer-social li .linkedin {
	color: #007ab9
}

.site-footer .footer-social a {
	font-size: 16px;
	color: #fff;
	font-weight: 400;
	line-height: 22px;
	-webkit-transition: .3s;
	transition: .3s
}

.site-footer .footer-social a:hover {
	color: grey
}

.site-footer .footer-secondary-wrap {
	padding-left: 50px
}

.site-footer .footer-blog .footer-link li {
	margin-bottom: 30px;
	margin-top: 18px
}

.site-footer .footer-blog .footer-link li a {
	line-height: 28px;
	width: 85%
}

.site-footer .footer-blog .explore-blogs {
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	display: table;
	color: grey;
	letter-spacing: 1px;
	line-height: 22px;
	border-bottom: 1px solid rgba(255, 255, 255, .4)
}

.site-footer .privacy-policy-wrap {
	padding: 40px 0 0;
	font-size: 13px;
	line-height: 18px;
	border-top: 1px solid #2f2f2f;
	margin-top: 90px
}

.site-footer .privacy-policy-wrap p {
	margin-bottom: 0
}

.site-footer .privacy-policy-wrap a {
	color: grey
}

.site-footer .privacy-policy-wrap a:hover {
	color: #fff
}

.site-footer .privacy-policy-wrap .right-part {
	text-align: right
}

.footer-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 170px
}

.footer-title .h-2,
.footer-title h2 {
	margin-right: auto;
	font-weight: 400;
	color: #fff
}

.footer-title .h-2 .subtitle,
.footer-title h2 .subtitle {
	background: -webkit-gradient(linear, left top, right top, from(#22e457), to(#1bd6d8));
	background: linear-gradient(to right, #22e457 0, #1bd6d8 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

@media only screen and (max-width:1300px) {
	.site-footer {
		padding: 120px 0 40px
	}
	.footer-title {
		margin-bottom: 120px
	}
}

@media only screen and (max-width:1100px) {
	.footer-title .h-2.width-60 {
		width: 60%
	}
}

@media only screen and (max-width:1024px) {
	.site-footer {
		position: relative;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	.site-footer .footer-blog .footer-link li a {
		width: 100%
	}
	.site-footer .footer-secondary-wrap {
		padding-left: 15px
	}
	.site-footer .footer-social {
		margin-top: 128px
	}
	.footer-title {
		margin-bottom: 100px
	}
}

@media only screen and (max-width:991px) {
	.footer-title {
		margin-bottom: 100px
	}
	.footer-title .h-2.width-50 {
		width: 70%
	}
	.site-footer .row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.site-footer .row:after,
	.site-footer .row:before {
		display: none
	}
	.site-footer .row .grid-sm-6 {
		max-width: 50%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%
	}
	.site-footer .footer-logo {
		margin-bottom: 0;
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3
	}
	.site-footer .footer-menu {
		margin-bottom: 50px;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1
	}
	.site-footer .footer-social {
		margin-top: 60px
	}
	.site-footer .footer-secondary-wrap {
		padding-left: 15px;
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2
	}
	.site-footer .footer-blog {
		-webkit-box-ordinal-group: 5;
		-ms-flex-order: 4;
		order: 4
	}
	.privacy-policy-wrap {
		margin-top: 60px;
		padding-top: 50px
	}
	.privacy-policy-wrap .left-part {
		margin-bottom: 30px
	}
}

@media only screen and (max-width:767px) {
	.site-footer {
		padding: 80px 0 40px
	}
	.site-footer .footer-menu,
	.site-footer .footer-secondary-wrap {
		margin-bottom: 40px
	}
	.site-footer .footer-social {
		margin-top: 80px
	}
	.site-footer .footer-social li {
		margin-right: 12px
	}
	.site-footer .footer-social li:last-child {
		margin-right: 0
	}
	.site-footer .footer-subtitle {
		margin-bottom: 5px
	}
	.site-footer .footer-blog .footer-link li {
		margin-bottom: 10px;
		margin-top: 20px
	}
	.site-footer .privacy-policy-wrap {
		margin-top: 40px;
		padding-top: 40px
	}
	.site-footer .privacy-policy-wrap .left-part {
		margin-bottom: 20px
	}
	.footer-title {
		margin-bottom: 70px;
		display: block
	}
	.footer-title .h-2 {
		margin-bottom: 30px
	}
	.footer-title .h-2.width-60,
	.footer-title .project-button .btn {
		width: 100%
	}
}

@media only screen and (max-width:400px) {
	.site-footer .row .grid-sm-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}
	.site-footer .footer-secondary-menu:last-child,
	.site-footer .footer-social {
		margin-top: 20px
	}
	.site-footer .footer-logo {
		-webkit-box-ordinal-group: 5;
		-ms-flex-order: 4;
		order: 4
	}
	.site-footer .footer-blog {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3;
		margin-bottom: 40px
	}
}

.post-main-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 -30px
}

.post-main-wrap .post-wrapper {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33.33%;
	flex: 0 0 33.33%;
	max-width: 33.33%;
	padding: 0 30px
}

.post-main-wrap .post-wrapper .post-detail-wrap {
	background-color: #1f1f1f;
	padding: 55px 65px;
	height: 100%;
	-webkit-transition: .5s;
	transition: .5s
}

.post-main-wrap .post-wrapper .post-detail-wrap span {
	font-size: 14px;
	line-height: 22px;
	font-weight: 300;
	letter-spacing: 1px;
	margin-bottom: 25px;
	display: table;
	color: #fff
}

.post-main-wrap .post-wrapper .post-detail-wrap p {
	line-height: 32px;
	margin-bottom: 135px;
	-webkit-transition: .3s;
	transition: .3s
}

.post-main-wrap .post-wrapper .post-detail-wrap .post-date {
	font-size: 13px;
	font-weight: 400;
	font-weight: 500;
	letter-spacing: .5px;
	position: relative;
	padding-left: 35px;
	line-height: 22px;
	overflow: hidden;
	text-transform: uppercase
}

.post-main-wrap .post-wrapper .post-detail-wrap .post-date:before {
	width: 20px;
	height: 1px;
	background-color: #5d5d5d;
	content: "";
	position: absolute;
	left: 0;
	top: 11px
}

.post-main-wrap .post-wrapper .post-detail-wrap .post-date .post-wrap-date {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: .5s;
	transition: .5s
}

.post-main-wrap .post-wrapper .post-detail-wrap .post-date .post-read-more {
	color: grey;
	-webkit-transform: translateY(30px);
	transform: translateY(30px);
	-webkit-transition: .5s;
	transition: .5s;
	position: absolute;
	top: 0
}

.post-main-wrap .post-wrapper .post-detail-wrap .post-date .post-read-more:hover {
	color: #fff
}

.post-main-wrap .post-wrapper .post-detail-wrap a {
	line-height: 30px;
	-webkit-transition: .3s;
	transition: .3s;
	color: grey;
	font-weight: 300
}

.post-main-wrap .post-wrapper .post-detail-wrap a:hover,
.post-main-wrap .post-wrapper .post-detail-wrap:hover p {
	color: #fff
}

.post-main-wrap .post-wrapper .post-detail-wrap:hover {
	background-color: #1f1f1f
}

.post-main-wrap .post-wrapper .post-detail-wrap:hover span {
	background: -webkit-gradient(linear, left top, right top, from(#22e457), to(#1bd6d8));
	background: linear-gradient(to right, #22e457 0, #1bd6d8 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 400
}

.post-main-wrap .post-wrapper .post-detail-wrap:hover .post-date .post-wrap-date {
	-webkit-transform: translateY(-30px);
	transform: translateY(-30px)
}

.post-main-wrap .post-wrapper .post-detail-wrap:hover .post-date .post-read-more {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	top: -3px
}

.blog-list ul {
	margin: 0 -30px
}

.blog-list ul li {
	width: 50%;
	float: left;
	padding: 0 30px;
	margin-bottom: 50px
}

.blog-list ul li .blog-thumb {
	position: relative;
	overflow: hidden
}

.blog-list ul li .blog-thumb a {
	display: inline-block;
	width: 100%
}

.blog-list ul li .blog-thumb .blog-category {
	cursor: pointer;
	display: inline-block;
	padding: 10px 25px;
	letter-spacing: 1px;
	font-size: 13px;
	line-height: 22px;
	text-transform: uppercase;
	font-weight: 500;
	width: auto;
	background-color: #fff;
	color: #1f1f1f;
	-webkit-transition: .4s;
	transition: .4s;
	position: absolute;
	bottom: 40px;
	left: 60px
}

.blog-list ul li .blog-thumb .blog-category:hover,
.blog-list ul li .blog-thumb:hover .blog-category {
	background-color: #1f1f1f;
	color: #fff
}

.blog-list ul li .blog-thumb .blog-img {
	background-color: #1f1f1f;
	width: calc(100% + 50px);
	-webkit-transform: translate3d(-40px, 0, 0);
	transform: translate3d(-40px, 0, 0);
	-webkit-transition: opacity .35s, -webkit-transform .35s;
	transition: opacity .35s, -webkit-transform .35s;
	transition: opacity .35s, transform .35s;
	transition: opacity .35s, transform .35s, -webkit-transform .35s
}

.blog-list ul li .blog-thumb .blog-img img {
	width: 100%;
	height: 100%;
	-webkit-transition: .4s;
	transition: .4s
}

.blog-list ul li .blog-thumb:hover .blog-img {
	width: calc(100% + 0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.blog-list ul li .blog-thumb:hover .blog-img img {
	opacity: .7
}

.blog-list ul li .blog-content {
	padding: 60px
}

.blog-list ul li .blog-content .blog-date {
	font-size: 13px;
	font-weight: 500;
	font-family: futura-pt, sans-serif;
	text-transform: uppercase;
	padding-left: 60px;
	position: relative
}

.blog-list ul li .blog-content .blog-date:before {
	width: 40px;
	height: 1px;
	background-color: #c5c5c5;
	content: "";
	position: absolute;
	left: 0;
	top: 11px
}

.blog-list ul li .blog-content p {
	line-height: 30px
}

.blog-list ul li .blog-content .h-4,
.blog-list ul li .blog-content h4 {
	margin-bottom: 30px
}

.blog-list ul li:nth-child(2n+1) {
	clear: both
}

.blog-list .load-more-btn {
	clear: both;
	text-align: center
}

.blog-list .load-more-btn .btn {
	margin-top: 50px;
	min-width: 300px;
	border: 0
}

.blog-list .load-more-btn .btn:focus {
	outline: 0
}

.blog-banner {
	padding-top: 210px;
	background: url(../img/blog/blog-bg.jpg) top left no-repeat;
	background-size: cover
}

.single-post .no-margin-bottom {
	margin-bottom: 0!important
}

.single-post .main section {
	padding: 150px 0
}

.single-post .main section.section-title-block {
	padding-top: 280px;
	padding-bottom: 230px
}

.single-post .main .container {
	max-width: 1050px
}

.single-post .main .section-title-block .subtitle {
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px
}

.single-post .main .blog-detail-content .detail-content:last-child {
	margin-bottom: 0
}

.single-post .main .detail-content {
	margin-bottom: 60px;
	display: inline-block;
	width: 100%
}

.single-post .main .detail-content p:last-child {
	margin-bottom: 0
}

.single-post .main .size-full img {
	-webkit-box-shadow: none;
	box-shadow: none;
	margin: 0
}

.single-post .main img {
	width: 100%;
	height: auto;
	margin-bottom: 50px;
	margin-top: 50px;
	-webkit-box-shadow: 0 0 40px 0 rgba(23, 23, 23, .1);
	box-shadow: 0 0 40px 0 rgba(23, 23, 23, .1)
}

.single-post .main p {
	margin-bottom: 25px
}

.single-post .main p a {
	text-decoration: underline
}

.mfp-close,
.single-post .main p a:hover {
	text-decoration: none
}

.single-post .main p strong {
	font-weight: 600;
	color: #1f1f1f
}

.single-post .main .link {
	color: #1f1f1f
}

.single-post .main .link a {
	margin: 0 5px
}

.single-post .main .link a:first-child {
	margin-left: 0
}

.single-post .main .link a:hover {
	text-decoration: underline
}

.single-post .main .h-4,
.single-post .main h4 {
	margin-bottom: 25px
}

.single-post .main .blog-detail-content-section ul {
	margin: 0 0 25px;
	padding: 0;
	list-style: none
}

.single-post .main .blog-detail-content-section ul li {
	padding-left: 25px;
	position: relative;
	width: 100%;
	display: inline-block;
	margin-bottom: 15px
}

.single-post .main .blog-detail-content-section ul li:before {
	content: "\f111";
	font-family: "Font Awesome 5 Pro";
	font-weight: 700;
	position: absolute;
	left: 0;
	top: 12px;
	color: #8a8a8a;
	font-size: 8px
}

.single-post .main .blog-detail-content-section ul li:last-child {
	margin-bottom: 0
}

.single-post .client-services.bg-color {
	padding: 100px 0
}

.single-post .client-services.bg-color .row {
	min-height: 270px
}

.single-post .client-services.bg-color h2 {
	font-size: 45px;
	line-height: 50px;
	letter-spacing: -1px
}

.single-post .client-services.bg-color .button .btn {
	height: 240px;
	width: 240px;
	line-height: 36px;
	font-size: 25px;
	padding: 20px 40px;
	margin-top: 0
}

.single-post .client-services.bg-color .button .btn:hover {
	height: 210px;
	width: 210px;
	padding: 20px
}

.single-post .post-tags-list {
	padding-bottom: 0!important
}

.single-post .post-tags-list .tagcloud a {
	color: #1f1f1f;
	text-transform: lowercase;
	margin: 0 40px 0 0;
	-webkit-transition: .5s;
	transition: .5s;
	font-weight: 400
}

.single-post .post-tags-list .tagcloud a:hover {
	color: #1f1f1f;
	opacity: .4!important
}

.single-post .post-tags-list .tagcloud a:nth-child(1) {
	opacity: 1
}

.single-post .post-tags-list .tagcloud a:nth-child(2) {
	opacity: .8
}

.single-post .post-tags-list .tagcloud a:nth-child(3) {
	opacity: .6
}

.single-post .post-tags-list .tagcloud a:nth-child(10),
.single-post .post-tags-list .tagcloud a:nth-child(4),
.single-post .post-tags-list .tagcloud a:nth-child(5),
.single-post .post-tags-list .tagcloud a:nth-child(6),
.single-post .post-tags-list .tagcloud a:nth-child(7),
.single-post .post-tags-list .tagcloud a:nth-child(8),
.single-post .post-tags-list .tagcloud a:nth-child(9) {
	opacity: .4
}

.single-post .post-tags-list .blog-detail-like {
	text-align: right
}

.single-post .post-tags-list .blog-detail-like ul li {
	padding: 0
}

.single-post .post-tags-list .blog-detail-like ul li:before {
	display: none
}

.single-post .post-tags-list .blog-detail-like ul li a,
.single-post .post-tags-list .blog-detail-like ul li a:hover {
	color: #1f1f1f
}

.single-post .post-tags-list .blog-detail-like ul li a i {
	color: #1f1f1f;
	margin-right: 8px
}

.single-post .next-previous-section .container {
	border-top: 1px solid #ececec;
	padding-top: 140px;
	margin-top: 140px;
	padding-bottom: 140px
}

.single-post .next-previous-section .container .nav-link {
	width: 50%;
	float: left;
	padding: 0 80px;
	position: relative
}

.single-post .next-previous-section .container .nav-link span {
	width: 100%;
	display: inline-block;
	font-size: 13px;
	color: grey;
	letter-spacing: 2px;
	margin-bottom: 5px;
	text-transform: uppercase
}

.single-post .next-previous-section .container .nav-link a {
	display: table;
	font-size: 22px;
	color: #1f1f1f;
	width: 100%;
	line-height: 30px;
	-webkit-transition: .5s;
	transition: .5s
}

.single-post .next-previous-section .container .nav-link a:hover {
	color: grey
}

.single-post .next-previous-section .container .nav-link a i {
	position: absolute;
	left: 0;
	top: 50px
}

.single-post .next-previous-section .container .nav-link.nav-link-next {
	text-align: right;
	float: right
}

.single-post .next-previous-section .container .nav-link.nav-link-next a i {
	left: auto;
	right: 0
}

.related-posts-section {
	display: inline-block;
	width: 100%;
	padding-left: 160px!important;
	padding-right: 160px!important
}

.related-posts-section .h-2 {
	text-align: center
}

.related-posts-section ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 -20px
}

.related-posts-section ul li:before,
.swiper-button-lock,
.swiper-pagination-lock,
.swiper-scrollbar-lock {
	display: none
}

.related-posts-section ul .blog-listing {
	background-color: #fff;
	height: 100%
}

.related-posts-section ul li {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33.33%;
	flex: 0 0 33.33%;
	float: left;
	max-width: 33.33%;
	padding: 0 20px;
	margin-bottom: 0
}

.related-posts-section ul li:nth-child(2n+1) {
	clear: none
}

.related-posts-section ul li .blog-thumb img {
	margin: 0
}

.related-posts-section ul li .blog-content {
	padding: 60px
}

.related-posts-section ul li .blog-content p {
	margin-bottom: 35px
}

.social-share-list {
	position: fixed;
	right: -70px;
	top: 200px;
	padding: 0;
	width: 80px;
	text-align: center;
	-webkit-transition: .5s;
	transition: .5s
}

.social-share-list.is-show {
	right: 0
}

.social-share-list li {
	margin-bottom: 8px
}

.social-share-list li a {
	-webkit-transition: .5s;
	transition: .5s
}

.social-share-list li a.facebook-f:hover {
	color: #3a589b
}

.social-share-list li a.twitter:hover {
	color: #31aae1
}

.social-share-list li a.pinterest-p:hover {
	color: #e91723
}

.social-share-list li a.linkedin-in:hover {
	color: #007ab9
}

.social-share-list li a i {
	font-size: 16px
}

.social-share-list li:last-child {
	margin-bottom: 0
}

@media only screen and (max-width:1300px) {
	.blog-banner {
		padding-top: 180px
	}
	.post-main-wrap {
		margin: 0 -15px
	}
	.post-main-wrap .post-wrapper {
		padding: 15px
	}
	.post-main-wrap .post-wrapper .post-detail-wrap {
		padding: 40px
	}
	.post-main-wrap .post-wrapper .post-detail-wrap span {
		margin-bottom: 25px
	}
	.blog-list ul {
		margin: 0 -15px
	}
	.blog-list ul li {
		padding: 0 15px
	}
	.blog-list ul li .blog-content {
		padding: 40px
	}
	.blog-list ul li .blog-thumb .blog-category {
		left: 40px
	}
	.blog-list .load-more-btn .btn {
		margin-top: 20px
	}
	.single-post .main section {
		padding: 120px 0
	}
	.single-post .main section.section-title-block {
		padding-top: 220px;
		padding-bottom: 120px
	}
	.single-post .next-previous-section .container {
		padding-top: 110px;
		margin-top: 110px;
		padding-bottom: 110px
	}
}

@media only screen and (max-width:1024px) {
	.blog-list ul li .blog-content {
		padding: 50px 50px 50px 0
	}
	.single-post .next-previous-section .container .nav-link {
		padding: 0 40px
	}
}

@media only screen and (max-width:991px) {
	.post-main-wrap {
		margin: 0;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
	.post-main-wrap .post-wrapper {
		max-width: 50%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		margin-bottom: 0
	}
	.post-main-wrap .post-wrapper .post-detail-wrap {
		padding: 40px
	}
	.post-main-wrap .post-wrapper .post-detail-wrap p {
		width: 70%
	}
	.post-main-wrap .post-wrapper:last-child {
		margin-bottom: 0
	}
	.blog-list ul li .blog-content {
		padding: 30px 0
	}
	.blog-list ul li .blog-content .h-4,
	.blog-list ul li .blog-content h4 {
		font-size: 24px;
		line-height: 30px
	}
	.blog-list ul li .blog-thumb .blog-category {
		left: 30px;
		bottom: 30px
	}
	.single-post .main section {
		padding: 80px 0
	}
	.single-post .main section.section-title-block {
		padding-top: 160px;
		padding-bottom: 100px
	}
	.single-post .post-tags-list .blog-detail-like {
		text-align: left;
		margin-top: 30px
	}
	.single-post .next-previous-section .container {
		border-top: 1px solid #ececec;
		padding-top: 80px;
		margin-top: 80px;
		padding-bottom: 80px
	}
	.single-post .client-services.bg-color {
		padding: 80px 0
	}
	.single-post .client-services.bg-color .row {
		display: block;
		text-align: center
	}
	.single-post .client-services.bg-color h2 {
		margin-bottom: 70px
	}
}

@media only screen and (max-width:767px) {
	.blog-banner {
		padding-top: 130px
	}
	.post-main-wrap {
		display: block
	}
	.post-main-wrap .post-wrapper {
		max-width: 100%;
		width: 100%;
		padding: 0;
		margin-bottom: 30px
	}
	.post-main-wrap .post-wrapper .post-detail-wrap {
		padding: 50px
	}
	.post-main-wrap .post-wrapper .post-detail-wrap p {
		width: 100%
	}
	.blog-list ul {
		margin: 0
	}
	.blog-list ul li,
	.blog-list ul li .blog-content .h-4,
	.blog-list ul li .blog-content h4 {
		margin-bottom: 20px
	}
	.blog-list ul li {
		padding: 0;
		width: 100%
	}
	.blog-list .load-more-btn .btn {
		margin-top: 0;
		min-width: 1px;
		width: 100%
	}
	.single-post .main section {
		padding: 70px 0
	}
	.single-post .main section.parallax {
		padding: 50% 0 0
	}
	.single-post .post-tags-list .tagcloud {
		width: 100%;
		display: inline-block
	}
	.single-post .post-tags-list .tagcloud a {
		margin: 0 30px 0 0;
		float: left
	}
	.single-post .next-previous-section .container {
		padding-top: 70px;
		margin-top: 50px;
		padding-bottom: 70px
	}
	.single-post .next-previous-section .container .nav-link {
		padding: 0;
		width: 100%;
		margin-bottom: 60px
	}
	.single-post .next-previous-section .container .nav-link:last-child {
		margin-bottom: 0
	}
	.single-post .next-previous-section .container .nav-link a i {
		top: -30px
	}
	.social-share-list {
		width: 50px
	}
	.single-post .client-services.bg-color {
		padding: 70px 0
	}
	.single-post .client-services.bg-color h2 {
		font-size: 38px;
		line-height: 44px;
		margin-bottom: 50px;
		word-break: break-all
	}
	.single-post .main .h-4 {
		word-break: break-all
	}
	.post-main-wrap .post-wrapper .post-detail-wrap:hover span {
		color: #fff;
		background: 0 0;
		-webkit-text-fill-color: inherit
	}
}

@media only screen and (max-width:374px) {
	.post-main-wrap .post-wrapper .post-detail-wrap {
		padding: 30px
	}
}

.fa,
.fab,
.fal,
.far,
.fas {
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1
}

.fa-lg {
	font-size: 1.33333em;
	line-height: .75em;
	vertical-align: -.0667em
}

.fa-xs {
	font-size: .75em
}

.fa-sm {
	font-size: .875em
}

.fa-1x {
	font-size: 1em
}

.fa-2x,
.fa-stack-2x {
	font-size: 2em
}

.fa-3x {
	font-size: 3em
}

.fa-4x {
	font-size: 4em
}

.fa-5x {
	font-size: 5em
}

.fa-6x {
	font-size: 6em
}

.fa-7x {
	font-size: 7em
}

.fa-8x {
	font-size: 8em
}

.fa-9x {
	font-size: 9em
}

.fa-10x {
	font-size: 10em
}

.fa-fw {
	text-align: center;
	width: 1.25em
}

.fa-ul {
	list-style-type: none;
	margin-left: 2.5em;
	padding-left: 0
}

.fa-ul>li {
	position: relative
}

.fa-li {
	left: -2em;
	position: absolute;
	text-align: center;
	width: 2em
}

.fa-border {
	border: .08em solid #eee;
	border-radius: .1em;
	padding: .2em .25em .15em
}

.fa-pull-left {
	float: left
}

.fa-pull-right {
	float: right
}

.fa.fa-pull-left,
.fab.fa-pull-left,
.fal.fa-pull-left,
.far.fa-pull-left,
.fas.fa-pull-left {
	margin-right: .3em
}

.fa.fa-pull-right,
.fab.fa-pull-right,
.fal.fa-pull-right,
.far.fa-pull-right,
.fas.fa-pull-right {
	margin-left: .3em
}

.fa-spin {
	-webkit-animation: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite linear
}

.fa-pulse {
	-webkit-animation: fa-spin 1s infinite steps(8);
	animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes fa-spin {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

.fa-rotate-90 {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.fa-rotate-180 {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.fa-rotate-270 {
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg)
}

.fa-flip-horizontal {
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1)
}

.fa-flip-vertical {
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1)
}

.fa-flip-horizontal.fa-flip-vertical {
	-webkit-transform: scale(-1);
	transform: scale(-1)
}

:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-rotate-90 {
	-webkit-filter: none;
	filter: none
}

.fa-stack {
	display: inline-block;
	height: 2em;
	line-height: 2em;
	position: relative;
	vertical-align: middle;
	width: 2.5em
}

.fa-stack-1x,
.fa-stack-2x {
	left: 0;
	position: absolute;
	text-align: center;
	width: 100%
}

.fa-stack-1x {
	line-height: inherit
}

.fa-inverse {
	color: #fff
}

.fa-500px:before {
	content: "\f26e"
}

.fa-abacus:before {
	content: "\f640"
}

.fa-accessible-icon:before {
	content: "\f368"
}

.fa-accusoft:before {
	content: "\f369"
}

.fa-acorn:before {
	content: "\f6ae"
}

.fa-acquisitions-incorporated:before {
	content: "\f6af"
}

.fa-ad:before {
	content: "\f641"
}

.fa-address-book:before {
	content: "\f2b9"
}

.fa-address-card:before {
	content: "\f2bb"
}

.fa-adjust:before {
	content: "\f042"
}

.fa-adn:before {
	content: "\f170"
}

.fa-adobe:before {
	content: "\f778"
}

.fa-adversal:before {
	content: "\f36a"
}

.fa-affiliatetheme:before {
	content: "\f36b"
}

.fa-air-freshener:before {
	content: "\f5d0"
}

.fa-alarm-clock:before {
	content: "\f34e"
}

.fa-algolia:before {
	content: "\f36c"
}

.fa-alicorn:before {
	content: "\f6b0"
}

.fa-align-center:before {
	content: "\f037"
}

.fa-align-justify:before {
	content: "\f039"
}

.fa-align-left:before {
	content: "\f036"
}

.fa-align-right:before {
	content: "\f038"
}

.fa-alipay:before {
	content: "\f642"
}

.fa-allergies:before {
	content: "\f461"
}

.fa-amazon:before {
	content: "\f270"
}

.fa-amazon-pay:before {
	content: "\f42c"
}

.fa-ambulance:before {
	content: "\f0f9"
}

.fa-american-sign-language-interpreting:before {
	content: "\f2a3"
}

.fa-amilia:before {
	content: "\f36d"
}

.fa-analytics:before {
	content: "\f643"
}

.fa-anchor:before {
	content: "\f13d"
}

.fa-android:before {
	content: "\f17b"
}

.fa-angel:before {
	content: "\f779"
}

.fa-angellist:before {
	content: "\f209"
}

.fa-angle-double-down:before {
	content: "\f103"
}

.fa-angle-double-left:before {
	content: "\f100"
}

.fa-angle-double-right:before {
	content: "\f101"
}

.fa-angle-double-up:before {
	content: "\f102"
}

.fa-angle-down:before {
	content: "\f107"
}

.fa-angle-left:before {
	content: "\f104"
}

.fa-angle-right:before {
	content: "\f105"
}

.fa-angle-up:before {
	content: "\f106"
}

.fa-angry:before {
	content: "\f556"
}

.fa-angrycreative:before {
	content: "\f36e"
}

.fa-angular:before {
	content: "\f420"
}

.fa-ankh:before {
	content: "\f644"
}

.fa-app-store:before {
	content: "\f36f"
}

.fa-app-store-ios:before {
	content: "\f370"
}

.fa-apper:before {
	content: "\f371"
}

.fa-apple:before {
	content: "\f179"
}

.fa-apple-alt:before {
	content: "\f5d1"
}

.fa-apple-crate:before {
	content: "\f6b1"
}

.fa-apple-pay:before {
	content: "\f415"
}

.fa-archive:before {
	content: "\f187"
}

.fa-archway:before {
	content: "\f557"
}

.fa-arrow-alt-circle-down:before {
	content: "\f358"
}

.fa-arrow-alt-circle-left:before {
	content: "\f359"
}

.fa-arrow-alt-circle-right:before {
	content: "\f35a"
}

.fa-arrow-alt-circle-up:before {
	content: "\f35b"
}

.fa-arrow-alt-down:before {
	content: "\f354"
}

.fa-arrow-alt-from-bottom:before {
	content: "\f346"
}

.fa-arrow-alt-from-left:before {
	content: "\f347"
}

.fa-arrow-alt-from-right:before {
	content: "\f348"
}

.fa-arrow-alt-from-top:before {
	content: "\f349"
}

.fa-arrow-alt-left:before {
	content: "\f355"
}

.fa-arrow-alt-right:before {
	content: "\f356"
}

.fa-arrow-alt-square-down:before {
	content: "\f350"
}

.fa-arrow-alt-square-left:before {
	content: "\f351"
}

.fa-arrow-alt-square-right:before {
	content: "\f352"
}

.fa-arrow-alt-square-up:before {
	content: "\f353"
}

.fa-arrow-alt-to-bottom:before {
	content: "\f34a"
}

.fa-arrow-alt-to-left:before {
	content: "\f34b"
}

.fa-arrow-alt-to-right:before {
	content: "\f34c"
}

.fa-arrow-alt-to-top:before {
	content: "\f34d"
}

.fa-arrow-alt-up:before {
	content: "\f357"
}

.fa-arrow-circle-down:before {
	content: "\f0ab"
}

.fa-arrow-circle-left:before {
	content: "\f0a8"
}

.fa-arrow-circle-right:before {
	content: "\f0a9"
}

.fa-arrow-circle-up:before {
	content: "\f0aa"
}

.fa-arrow-down:before {
	content: "\f063"
}

.fa-arrow-from-bottom:before {
	content: "\f342"
}

.fa-arrow-from-left:before {
	content: "\f343"
}

.fa-arrow-from-right:before {
	content: "\f344"
}

.fa-arrow-from-top:before {
	content: "\f345"
}

.fa-arrow-left:before {
	content: "\f060"
}

.fa-arrow-right:before {
	content: "\f061"
}

.fa-arrow-square-down:before {
	content: "\f339"
}

.fa-arrow-square-left:before {
	content: "\f33a"
}

.fa-arrow-square-right:before {
	content: "\f33b"
}

.fa-arrow-square-up:before {
	content: "\f33c"
}

.fa-arrow-to-bottom:before {
	content: "\f33d"
}

.fa-arrow-to-left:before {
	content: "\f33e"
}

.fa-arrow-to-right:before {
	content: "\f340"
}

.fa-arrow-to-top:before {
	content: "\f341"
}

.fa-arrow-up:before {
	content: "\f062"
}

.fa-arrows:before {
	content: "\f047"
}

.fa-arrows-alt:before {
	content: "\f0b2"
}

.fa-arrows-alt-h:before {
	content: "\f337"
}

.fa-arrows-alt-v:before {
	content: "\f338"
}

.fa-arrows-h:before {
	content: "\f07e"
}

.fa-arrows-v:before {
	content: "\f07d"
}

.fa-artstation:before {
	content: "\f77a"
}

.fa-assistive-listening-systems:before {
	content: "\f2a2"
}

.fa-asterisk:before {
	content: "\f069"
}

.fa-asymmetrik:before {
	content: "\f372"
}

.fa-at:before {
	content: "\f1fa"
}

.fa-atlas:before {
	content: "\f558"
}

.fa-atlassian:before {
	content: "\f77b"
}

.fa-atom:before {
	content: "\f5d2"
}

.fa-atom-alt:before {
	content: "\f5d3"
}

.fa-audible:before {
	content: "\f373"
}

.fa-audio-description:before {
	content: "\f29e"
}

.fa-autoprefixer:before {
	content: "\f41c"
}

.fa-avianex:before {
	content: "\f374"
}

.fa-aviato:before {
	content: "\f421"
}

.fa-award:before {
	content: "\f559"
}

.fa-aws:before {
	content: "\f375"
}

.fa-axe:before {
	content: "\f6b2"
}

.fa-axe-battle:before {
	content: "\f6b3"
}

.fa-baby:before {
	content: "\f77c"
}

.fa-baby-carriage:before {
	content: "\f77d"
}

.fa-backpack:before {
	content: "\f5d4"
}

.fa-backspace:before {
	content: "\f55a"
}

.fa-backward:before {
	content: "\f04a"
}

.fa-badge:before {
	content: "\f335"
}

.fa-badge-check:before {
	content: "\f336"
}

.fa-badge-dollar:before {
	content: "\f645"
}

.fa-badge-percent:before {
	content: "\f646"
}

.fa-badger-honey:before {
	content: "\f6b4"
}

.fa-balance-scale:before {
	content: "\f24e"
}

.fa-balance-scale-left:before {
	content: "\f515"
}

.fa-balance-scale-right:before {
	content: "\f516"
}

.fa-ball-pile:before {
	content: "\f77e"
}

.fa-ballot:before {
	content: "\f732"
}

.fa-ballot-check:before {
	content: "\f733"
}

.fa-ban:before {
	content: "\f05e"
}

.fa-band-aid:before {
	content: "\f462"
}

.fa-bandcamp:before {
	content: "\f2d5"
}

.fa-barcode:before {
	content: "\f02a"
}

.fa-barcode-alt:before {
	content: "\f463"
}

.fa-barcode-read:before {
	content: "\f464"
}

.fa-barcode-scan:before {
	content: "\f465"
}

.fa-bars:before {
	content: "\f0c9"
}

.fa-baseball:before {
	content: "\f432"
}

.fa-baseball-ball:before {
	content: "\f433"
}

.fa-basketball-ball:before {
	content: "\f434"
}

.fa-basketball-hoop:before {
	content: "\f435"
}

.fa-bat:before {
	content: "\f6b5"
}

.fa-bath:before {
	content: "\f2cd"
}

.fa-battery-bolt:before {
	content: "\f376"
}

.fa-battery-empty:before {
	content: "\f244"
}

.fa-battery-full:before {
	content: "\f240"
}

.fa-battery-half:before {
	content: "\f242"
}

.fa-battery-quarter:before {
	content: "\f243"
}

.fa-battery-slash:before {
	content: "\f377"
}

.fa-battery-three-quarters:before {
	content: "\f241"
}

.fa-bed:before {
	content: "\f236"
}

.fa-beer:before {
	content: "\f0fc"
}

.fa-behance:before {
	content: "\f1b4"
}

.fa-behance-square:before {
	content: "\f1b5"
}

.fa-bell:before {
	content: "\f0f3"
}

.fa-bell-school:before {
	content: "\f5d5"
}

.fa-bell-school-slash:before {
	content: "\f5d6"
}

.fa-bell-slash:before {
	content: "\f1f6"
}

.fa-bells:before {
	content: "\f77f"
}

.fa-bezier-curve:before {
	content: "\f55b"
}

.fa-bible:before {
	content: "\f647"
}

.fa-bicycle:before {
	content: "\f206"
}

.fa-bimobject:before {
	content: "\f378"
}

.fa-binoculars:before {
	content: "\f1e5"
}

.fa-biohazard:before {
	content: "\f780"
}

.fa-birthday-cake:before {
	content: "\f1fd"
}

.fa-bitbucket:before {
	content: "\f171"
}

.fa-bitcoin:before {
	content: "\f379"
}

.fa-bity:before {
	content: "\f37a"
}

.fa-black-tie:before {
	content: "\f27e"
}

.fa-blackberry:before {
	content: "\f37b"
}

.fa-blanket:before {
	content: "\f498"
}

.fa-blender:before {
	content: "\f517"
}

.fa-blender-phone:before {
	content: "\f6b6"
}

.fa-blind:before {
	content: "\f29d"
}

.fa-blog:before {
	content: "\f781"
}

.fa-blogger:before {
	content: "\f37c"
}

.fa-blogger-b:before {
	content: "\f37d"
}

.fa-bluetooth:before {
	content: "\f293"
}

.fa-bluetooth-b:before {
	content: "\f294"
}

.fa-bold:before {
	content: "\f032"
}

.fa-bolt:before {
	content: "\f0e7"
}

.fa-bomb:before {
	content: "\f1e2"
}

.fa-bone:before {
	content: "\f5d7"
}

.fa-bone-break:before {
	content: "\f5d8"
}

.fa-bong:before {
	content: "\f55c"
}

.fa-book:before {
	content: "\f02d"
}

.fa-book-alt:before {
	content: "\f5d9"
}

.fa-book-dead:before {
	content: "\f6b7"
}

.fa-book-heart:before {
	content: "\f499"
}

.fa-book-open:before {
	content: "\f518"
}

.fa-book-reader:before {
	content: "\f5da"
}

.fa-book-spells:before {
	content: "\f6b8"
}

.fa-bookmark:before {
	content: "\f02e"
}

.fa-books:before {
	content: "\f5db"
}

.fa-boot:before {
	content: "\f782"
}

.fa-booth-curtain:before {
	content: "\f734"
}

.fa-bow-arrow:before {
	content: "\f6b9"
}

.fa-bowling-ball:before {
	content: "\f436"
}

.fa-bowling-pins:before {
	content: "\f437"
}

.fa-box:before {
	content: "\f466"
}

.fa-box-alt:before {
	content: "\f49a"
}

.fa-box-ballot:before {
	content: "\f735"
}

.fa-box-check:before {
	content: "\f467"
}

.fa-box-fragile:before {
	content: "\f49b"
}

.fa-box-full:before {
	content: "\f49c"
}

.fa-box-heart:before {
	content: "\f49d"
}

.fa-box-open:before {
	content: "\f49e"
}

.fa-box-up:before {
	content: "\f49f"
}

.fa-box-usd:before {
	content: "\f4a0"
}

.fa-boxes:before {
	content: "\f468"
}

.fa-boxes-alt:before {
	content: "\f4a1"
}

.fa-boxing-glove:before {
	content: "\f438"
}

.fa-braille:before {
	content: "\f2a1"
}

.fa-brain:before {
	content: "\f5dc"
}

.fa-briefcase:before {
	content: "\f0b1"
}

.fa-briefcase-medical:before {
	content: "\f469"
}

.fa-broadcast-tower:before {
	content: "\f519"
}

.fa-broom:before {
	content: "\f51a"
}

.fa-browser:before {
	content: "\f37e"
}

.fa-brush:before {
	content: "\f55d"
}

.fa-btc:before {
	content: "\f15a"
}

.fa-bug:before {
	content: "\f188"
}

.fa-building:before {
	content: "\f1ad"
}

.fa-bullhorn:before {
	content: "\f0a1"
}

.fa-bullseye:before {
	content: "\f140"
}

.fa-bullseye-arrow:before {
	content: "\f648"
}

.fa-bullseye-pointer:before {
	content: "\f649"
}

.fa-burn:before {
	content: "\f46a"
}

.fa-buromobelexperte:before {
	content: "\f37f"
}

.fa-bus:before {
	content: "\f207"
}

.fa-bus-alt:before {
	content: "\f55e"
}

.fa-bus-school:before {
	content: "\f5dd"
}

.fa-business-time:before {
	content: "\f64a"
}

.fa-buysellads:before {
	content: "\f20d"
}

.fa-cabinet-filing:before {
	content: "\f64b"
}

.fa-calculator:before {
	content: "\f1ec"
}

.fa-calculator-alt:before {
	content: "\f64c"
}

.fa-calendar:before {
	content: "\f133"
}

.fa-calendar-alt:before {
	content: "\f073"
}

.fa-calendar-check:before {
	content: "\f274"
}

.fa-calendar-day:before {
	content: "\f783"
}

.fa-calendar-edit:before {
	content: "\f333"
}

.fa-calendar-exclamation:before {
	content: "\f334"
}

.fa-calendar-minus:before {
	content: "\f272"
}

.fa-calendar-plus:before {
	content: "\f271"
}

.fa-calendar-star:before {
	content: "\f736"
}

.fa-calendar-times:before {
	content: "\f273"
}

.fa-calendar-week:before {
	content: "\f784"
}

.fa-camera:before {
	content: "\f030"
}

.fa-camera-alt:before {
	content: "\f332"
}

.fa-camera-retro:before {
	content: "\f083"
}

.fa-campfire:before {
	content: "\f6ba"
}

.fa-campground:before {
	content: "\f6bb"
}

.fa-canadian-maple-leaf:before {
	content: "\f785"
}

.fa-candle-holder:before {
	content: "\f6bc"
}

.fa-candy-cane:before {
	content: "\f786"
}

.fa-candy-corn:before {
	content: "\f6bd"
}

.fa-cannabis:before {
	content: "\f55f"
}

.fa-capsules:before {
	content: "\f46b"
}

.fa-car:before {
	content: "\f1b9"
}

.fa-car-alt:before {
	content: "\f5de"
}

.fa-car-battery:before {
	content: "\f5df"
}

.fa-car-bump:before {
	content: "\f5e0"
}

.fa-car-crash:before {
	content: "\f5e1"
}

.fa-car-garage:before {
	content: "\f5e2"
}

.fa-car-mechanic:before {
	content: "\f5e3"
}

.fa-car-side:before {
	content: "\f5e4"
}

.fa-car-tilt:before {
	content: "\f5e5"
}

.fa-car-wash:before {
	content: "\f5e6"
}

.fa-caret-circle-down:before {
	content: "\f32d"
}

.fa-caret-circle-left:before {
	content: "\f32e"
}

.fa-caret-circle-right:before {
	content: "\f330"
}

.fa-caret-circle-up:before {
	content: "\f331"
}

.fa-caret-down:before {
	content: "\f0d7"
}

.fa-caret-left:before {
	content: "\f0d9"
}

.fa-caret-right:before {
	content: "\f0da"
}

.fa-caret-square-down:before {
	content: "\f150"
}

.fa-caret-square-left:before {
	content: "\f191"
}

.fa-caret-square-right:before {
	content: "\f152"
}

.fa-caret-square-up:before {
	content: "\f151"
}

.fa-caret-up:before {
	content: "\f0d8"
}

.fa-carrot:before {
	content: "\f787"
}

.fa-cart-arrow-down:before {
	content: "\f218"
}

.fa-cart-plus:before {
	content: "\f217"
}

.fa-cash-register:before {
	content: "\f788"
}

.fa-cat:before {
	content: "\f6be"
}

.fa-cauldron:before {
	content: "\f6bf"
}

.fa-cc-amazon-pay:before {
	content: "\f42d"
}

.fa-cc-amex:before {
	content: "\f1f3"
}

.fa-cc-apple-pay:before {
	content: "\f416"
}

.fa-cc-diners-club:before {
	content: "\f24c"
}

.fa-cc-discover:before {
	content: "\f1f2"
}

.fa-cc-jcb:before {
	content: "\f24b"
}

.fa-cc-mastercard:before {
	content: "\f1f1"
}

.fa-cc-paypal:before {
	content: "\f1f4"
}

.fa-cc-stripe:before {
	content: "\f1f5"
}

.fa-cc-visa:before {
	content: "\f1f0"
}

.fa-centercode:before {
	content: "\f380"
}

.fa-centos:before {
	content: "\f789"
}

.fa-certificate:before {
	content: "\f0a3"
}

.fa-chair:before {
	content: "\f6c0"
}

.fa-chair-office:before {
	content: "\f6c1"
}

.fa-chalkboard:before {
	content: "\f51b"
}

.fa-chalkboard-teacher:before {
	content: "\f51c"
}

.fa-charging-station:before {
	content: "\f5e7"
}

.fa-chart-area:before {
	content: "\f1fe"
}

.fa-chart-bar:before {
	content: "\f080"
}

.fa-chart-line:before {
	content: "\f201"
}

.fa-chart-line-down:before {
	content: "\f64d"
}

.fa-chart-network:before {
	content: "\f78a"
}

.fa-chart-pie:before {
	content: "\f200"
}

.fa-chart-pie-alt:before {
	content: "\f64e"
}

.fa-check:before {
	content: "\f00c"
}

.fa-check-circle:before {
	content: "\f058"
}

.fa-check-double:before {
	content: "\f560"
}

.fa-check-square:before {
	content: "\f14a"
}

.fa-chess:before {
	content: "\f439"
}

.fa-chess-bishop:before {
	content: "\f43a"
}

.fa-chess-bishop-alt:before {
	content: "\f43b"
}

.fa-chess-board:before {
	content: "\f43c"
}

.fa-chess-clock:before {
	content: "\f43d"
}

.fa-chess-clock-alt:before {
	content: "\f43e"
}

.fa-chess-king:before {
	content: "\f43f"
}

.fa-chess-king-alt:before {
	content: "\f440"
}

.fa-chess-knight:before {
	content: "\f441"
}

.fa-chess-knight-alt:before {
	content: "\f442"
}

.fa-chess-pawn:before {
	content: "\f443"
}

.fa-chess-pawn-alt:before {
	content: "\f444"
}

.fa-chess-queen:before {
	content: "\f445"
}

.fa-chess-queen-alt:before {
	content: "\f446"
}

.fa-chess-rook:before {
	content: "\f447"
}

.fa-chess-rook-alt:before {
	content: "\f448"
}

.fa-chevron-circle-down:before {
	content: "\f13a"
}

.fa-chevron-circle-left:before {
	content: "\f137"
}

.fa-chevron-circle-right:before {
	content: "\f138"
}

.fa-chevron-circle-up:before {
	content: "\f139"
}

.fa-chevron-double-down:before {
	content: "\f322"
}

.fa-chevron-double-left:before {
	content: "\f323"
}

.fa-chevron-double-right:before {
	content: "\f324"
}

.fa-chevron-double-up:before {
	content: "\f325"
}

.fa-chevron-down:before {
	content: "\f078"
}

.fa-chevron-left:before {
	content: "\f053"
}

.fa-chevron-right:before {
	content: "\f054"
}

.fa-chevron-square-down:before {
	content: "\f329"
}

.fa-chevron-square-left:before {
	content: "\f32a"
}

.fa-chevron-square-right:before {
	content: "\f32b"
}

.fa-chevron-square-up:before {
	content: "\f32c"
}

.fa-chevron-up:before {
	content: "\f077"
}

.fa-child:before {
	content: "\f1ae"
}

.fa-chimney:before {
	content: "\f78b"
}

.fa-chrome:before {
	content: "\f268"
}

.fa-church:before {
	content: "\f51d"
}

.fa-circle:before {
	content: "\f111"
}

.fa-circle-notch:before {
	content: "\f1ce"
}

.fa-city:before {
	content: "\f64f"
}

.fa-claw-marks:before {
	content: "\f6c2"
}

.fa-clipboard:before {
	content: "\f328"
}

.fa-clipboard-check:before {
	content: "\f46c"
}

.fa-clipboard-list:before {
	content: "\f46d"
}

.fa-clipboard-list-check:before {
	content: "\f737"
}

.fa-clipboard-prescription:before {
	content: "\f5e8"
}

.fa-clock:before {
	content: "\f017"
}

.fa-clone:before {
	content: "\f24d"
}

.fa-closed-captioning:before {
	content: "\f20a"
}

.fa-cloud:before {
	content: "\f0c2"
}

.fa-cloud-download:before {
	content: "\f0ed"
}

.fa-cloud-download-alt:before {
	content: "\f381"
}

.fa-cloud-drizzle:before {
	content: "\f738"
}

.fa-cloud-hail:before {
	content: "\f739"
}

.fa-cloud-hail-mixed:before {
	content: "\f73a"
}

.fa-cloud-meatball:before {
	content: "\f73b"
}

.fa-cloud-moon:before {
	content: "\f6c3"
}

.fa-cloud-moon-rain:before {
	content: "\f73c"
}

.fa-cloud-rain:before {
	content: "\f73d"
}

.fa-cloud-rainbow:before {
	content: "\f73e"
}

.fa-cloud-showers:before {
	content: "\f73f"
}

.fa-cloud-showers-heavy:before {
	content: "\f740"
}

.fa-cloud-sleet:before {
	content: "\f741"
}

.fa-cloud-snow:before {
	content: "\f742"
}

.fa-cloud-sun:before {
	content: "\f6c4"
}

.fa-cloud-sun-rain:before {
	content: "\f743"
}

.fa-cloud-upload:before {
	content: "\f0ee"
}

.fa-cloud-upload-alt:before {
	content: "\f382"
}

.fa-clouds:before {
	content: "\f744"
}

.fa-clouds-moon:before {
	content: "\f745"
}

.fa-clouds-sun:before {
	content: "\f746"
}

.fa-cloudscale:before {
	content: "\f383"
}

.fa-cloudsmith:before {
	content: "\f384"
}

.fa-cloudversify:before {
	content: "\f385"
}

.fa-club:before {
	content: "\f327"
}

.fa-cocktail:before {
	content: "\f561"
}

.fa-code:before {
	content: "\f121"
}

.fa-code-branch:before {
	content: "\f126"
}

.fa-code-commit:before {
	content: "\f386"
}

.fa-code-merge:before {
	content: "\f387"
}

.fa-codepen:before {
	content: "\f1cb"
}

.fa-codiepie:before {
	content: "\f284"
}

.fa-coffee:before {
	content: "\f0f4"
}

.fa-coffee-togo:before {
	content: "\f6c5"
}

.fa-coffin:before {
	content: "\f6c6"
}

.fa-cog:before {
	content: "\f013"
}

.fa-cogs:before {
	content: "\f085"
}

.fa-coins:before {
	content: "\f51e"
}

.fa-columns:before {
	content: "\f0db"
}

.fa-comment:before {
	content: "\f075"
}

.fa-comment-alt:before {
	content: "\f27a"
}

.fa-comment-alt-check:before {
	content: "\f4a2"
}

.fa-comment-alt-dollar:before {
	content: "\f650"
}

.fa-comment-alt-dots:before {
	content: "\f4a3"
}

.fa-comment-alt-edit:before {
	content: "\f4a4"
}

.fa-comment-alt-exclamation:before {
	content: "\f4a5"
}

.fa-comment-alt-lines:before {
	content: "\f4a6"
}

.fa-comment-alt-minus:before {
	content: "\f4a7"
}

.fa-comment-alt-plus:before {
	content: "\f4a8"
}

.fa-comment-alt-slash:before {
	content: "\f4a9"
}

.fa-comment-alt-smile:before {
	content: "\f4aa"
}

.fa-comment-alt-times:before {
	content: "\f4ab"
}

.fa-comment-check:before {
	content: "\f4ac"
}

.fa-comment-dollar:before {
	content: "\f651"
}

.fa-comment-dots:before {
	content: "\f4ad"
}

.fa-comment-edit:before {
	content: "\f4ae"
}

.fa-comment-exclamation:before {
	content: "\f4af"
}

.fa-comment-lines:before {
	content: "\f4b0"
}

.fa-comment-minus:before {
	content: "\f4b1"
}

.fa-comment-plus:before {
	content: "\f4b2"
}

.fa-comment-slash:before {
	content: "\f4b3"
}

.fa-comment-smile:before {
	content: "\f4b4"
}

.fa-comment-times:before {
	content: "\f4b5"
}

.fa-comments:before {
	content: "\f086"
}

.fa-comments-alt:before {
	content: "\f4b6"
}

.fa-comments-alt-dollar:before {
	content: "\f652"
}

.fa-comments-dollar:before {
	content: "\f653"
}

.fa-compact-disc:before {
	content: "\f51f"
}

.fa-compass:before {
	content: "\f14e"
}

.fa-compass-slash:before {
	content: "\f5e9"
}

.fa-compress:before {
	content: "\f066"
}

.fa-compress-alt:before {
	content: "\f422"
}

.fa-compress-arrows-alt:before {
	content: "\f78c"
}

.fa-compress-wide:before {
	content: "\f326"
}

.fa-concierge-bell:before {
	content: "\f562"
}

.fa-confluence:before {
	content: "\f78d"
}

.fa-connectdevelop:before {
	content: "\f20e"
}

.fa-container-storage:before {
	content: "\f4b7"
}

.fa-contao:before {
	content: "\f26d"
}

.fa-conveyor-belt:before {
	content: "\f46e"
}

.fa-conveyor-belt-alt:before {
	content: "\f46f"
}

.fa-cookie:before {
	content: "\f563"
}

.fa-cookie-bite:before {
	content: "\f564"
}

.fa-copy:before {
	content: "\f0c5"
}

.fa-copyright:before {
	content: "\f1f9"
}

.fa-corn:before {
	content: "\f6c7"
}

.fa-couch:before {
	content: "\f4b8"
}

.fa-cow:before {
	content: "\f6c8"
}

.fa-cpanel:before {
	content: "\f388"
}

.fa-creative-commons:before {
	content: "\f25e"
}

.fa-creative-commons-by:before {
	content: "\f4e7"
}

.fa-creative-commons-nc:before {
	content: "\f4e8"
}

.fa-creative-commons-nc-eu:before {
	content: "\f4e9"
}

.fa-creative-commons-nc-jp:before {
	content: "\f4ea"
}

.fa-creative-commons-nd:before {
	content: "\f4eb"
}

.fa-creative-commons-pd:before {
	content: "\f4ec"
}

.fa-creative-commons-pd-alt:before {
	content: "\f4ed"
}

.fa-creative-commons-remix:before {
	content: "\f4ee"
}

.fa-creative-commons-sa:before {
	content: "\f4ef"
}

.fa-creative-commons-sampling:before {
	content: "\f4f0"
}

.fa-creative-commons-sampling-plus:before {
	content: "\f4f1"
}

.fa-creative-commons-share:before {
	content: "\f4f2"
}

.fa-creative-commons-zero:before {
	content: "\f4f3"
}

.fa-credit-card:before {
	content: "\f09d"
}

.fa-credit-card-blank:before {
	content: "\f389"
}

.fa-credit-card-front:before {
	content: "\f38a"
}

.fa-cricket:before {
	content: "\f449"
}

.fa-critical-role:before {
	content: "\f6c9"
}

.fa-crop:before {
	content: "\f125"
}

.fa-crop-alt:before {
	content: "\f565"
}

.fa-cross:before {
	content: "\f654"
}

.fa-crosshairs:before {
	content: "\f05b"
}

.fa-crow:before {
	content: "\f520"
}

.fa-crown:before {
	content: "\f521"
}

.fa-css3:before {
	content: "\f13c"
}

.fa-css3-alt:before {
	content: "\f38b"
}

.fa-cube:before {
	content: "\f1b2"
}

.fa-cubes:before {
	content: "\f1b3"
}

.fa-curling:before {
	content: "\f44a"
}

.fa-cut:before {
	content: "\f0c4"
}

.fa-cuttlefish:before {
	content: "\f38c"
}

.fa-d-and-d:before {
	content: "\f38d"
}

.fa-d-and-d-beyond:before {
	content: "\f6ca"
}

.fa-dagger:before {
	content: "\f6cb"
}

.fa-dashcube:before {
	content: "\f210"
}

.fa-database:before {
	content: "\f1c0"
}

.fa-deaf:before {
	content: "\f2a4"
}

.fa-deer:before {
	content: "\f78e"
}

.fa-deer-rudolph:before {
	content: "\f78f"
}

.fa-delicious:before {
	content: "\f1a5"
}

.fa-democrat:before {
	content: "\f747"
}

.fa-deploydog:before {
	content: "\f38e"
}

.fa-deskpro:before {
	content: "\f38f"
}

.fa-desktop:before {
	content: "\f108"
}

.fa-desktop-alt:before {
	content: "\f390"
}

.fa-dev:before {
	content: "\f6cc"
}

.fa-deviantart:before {
	content: "\f1bd"
}

.fa-dewpoint:before {
	content: "\f748"
}

.fa-dharmachakra:before {
	content: "\f655"
}

.fa-dhl:before {
	content: "\f790"
}

.fa-diagnoses:before {
	content: "\f470"
}

.fa-diamond:before {
	content: "\f219"
}

.fa-diaspora:before {
	content: "\f791"
}

.fa-dice:before {
	content: "\f522"
}

.fa-dice-d10:before {
	content: "\f6cd"
}

.fa-dice-d12:before {
	content: "\f6ce"
}

.fa-dice-d20:before {
	content: "\f6cf"
}

.fa-dice-d4:before {
	content: "\f6d0"
}

.fa-dice-d6:before {
	content: "\f6d1"
}

.fa-dice-d8:before {
	content: "\f6d2"
}

.fa-dice-five:before {
	content: "\f523"
}

.fa-dice-four:before {
	content: "\f524"
}

.fa-dice-one:before {
	content: "\f525"
}

.fa-dice-six:before {
	content: "\f526"
}

.fa-dice-three:before {
	content: "\f527"
}

.fa-dice-two:before {
	content: "\f528"
}

.fa-digg:before {
	content: "\f1a6"
}

.fa-digital-ocean:before {
	content: "\f391"
}

.fa-digital-tachograph:before {
	content: "\f566"
}

.fa-diploma:before {
	content: "\f5ea"
}

.fa-directions:before {
	content: "\f5eb"
}

.fa-discord:before {
	content: "\f392"
}

.fa-discourse:before {
	content: "\f393"
}

.fa-divide:before {
	content: "\f529"
}

.fa-dizzy:before {
	content: "\f567"
}

.fa-dna:before {
	content: "\f471"
}

.fa-do-not-enter:before {
	content: "\f5ec"
}

.fa-dochub:before {
	content: "\f394"
}

.fa-docker:before {
	content: "\f395"
}

.fa-dog:before {
	content: "\f6d3"
}

.fa-dog-leashed:before {
	content: "\f6d4"
}

.fa-dollar-sign:before {
	content: "\f155"
}

.fa-dolly:before {
	content: "\f472"
}

.fa-dolly-empty:before {
	content: "\f473"
}

.fa-dolly-flatbed:before {
	content: "\f474"
}

.fa-dolly-flatbed-alt:before {
	content: "\f475"
}

.fa-dolly-flatbed-empty:before {
	content: "\f476"
}

.fa-donate:before {
	content: "\f4b9"
}

.fa-door-closed:before {
	content: "\f52a"
}

.fa-door-open:before {
	content: "\f52b"
}

.fa-dot-circle:before {
	content: "\f192"
}

.fa-dove:before {
	content: "\f4ba"
}

.fa-download:before {
	content: "\f019"
}

.fa-draft2digital:before {
	content: "\f396"
}

.fa-drafting-compass:before {
	content: "\f568"
}

.fa-dragon:before {
	content: "\f6d5"
}

.fa-draw-circle:before {
	content: "\f5ed"
}

.fa-draw-polygon:before {
	content: "\f5ee"
}

.fa-draw-square:before {
	content: "\f5ef"
}

.fa-dreidel:before {
	content: "\f792"
}

.fa-dribbble:before {
	content: "\f17d"
}

.fa-dribbble-square:before {
	content: "\f397"
}

.fa-dropbox:before {
	content: "\f16b"
}

.fa-drum:before {
	content: "\f569"
}

.fa-drum-steelpan:before {
	content: "\f56a"
}

.fa-drumstick:before {
	content: "\f6d6"
}

.fa-drumstick-bite:before {
	content: "\f6d7"
}

.fa-drupal:before {
	content: "\f1a9"
}

.fa-duck:before {
	content: "\f6d8"
}

.fa-dumbbell:before {
	content: "\f44b"
}

.fa-dumpster:before {
	content: "\f793"
}

.fa-dumpster-fire:before {
	content: "\f794"
}

.fa-dungeon:before {
	content: "\f6d9"
}

.fa-dyalog:before {
	content: "\f399"
}

.fa-ear:before {
	content: "\f5f0"
}

.fa-ear-muffs:before {
	content: "\f795"
}

.fa-earlybirds:before {
	content: "\f39a"
}

.fa-ebay:before {
	content: "\f4f4"
}

.fa-eclipse:before {
	content: "\f749"
}

.fa-eclipse-alt:before {
	content: "\f74a"
}

.fa-edge:before {
	content: "\f282"
}

.fa-edit:before {
	content: "\f044"
}

.fa-eject:before {
	content: "\f052"
}

.fa-elementor:before {
	content: "\f430"
}

.fa-elephant:before {
	content: "\f6da"
}

.fa-ellipsis-h:before {
	content: "\f141"
}

.fa-ellipsis-h-alt:before {
	content: "\f39b"
}

.fa-ellipsis-v:before {
	content: "\f142"
}

.fa-ellipsis-v-alt:before {
	content: "\f39c"
}

.fa-ello:before {
	content: "\f5f1"
}

.fa-ember:before {
	content: "\f423"
}

.fa-empire:before {
	content: "\f1d1"
}

.fa-empty-set:before {
	content: "\f656"
}

.fa-engine-warning:before {
	content: "\f5f2"
}

.fa-envelope:before {
	content: "\f0e0"
}

.fa-envelope-open:before {
	content: "\f2b6"
}

.fa-envelope-open-dollar:before {
	content: "\f657"
}

.fa-envelope-open-text:before {
	content: "\f658"
}

.fa-envelope-square:before {
	content: "\f199"
}

.fa-envira:before {
	content: "\f299"
}

.fa-equals:before {
	content: "\f52c"
}

.fa-eraser:before {
	content: "\f12d"
}

.fa-erlang:before {
	content: "\f39d"
}

.fa-ethereum:before {
	content: "\f42e"
}

.fa-ethernet:before {
	content: "\f796"
}

.fa-etsy:before {
	content: "\f2d7"
}

.fa-euro-sign:before {
	content: "\f153"
}

.fa-exchange:before {
	content: "\f0ec"
}

.fa-exchange-alt:before {
	content: "\f362"
}

.fa-exclamation:before {
	content: "\f12a"
}

.fa-exclamation-circle:before {
	content: "\f06a"
}

.fa-exclamation-square:before {
	content: "\f321"
}

.fa-exclamation-triangle:before {
	content: "\f071"
}

.fa-expand:before {
	content: "\f065"
}

.fa-expand-alt:before {
	content: "\f424"
}

.fa-expand-arrows:before {
	content: "\f31d"
}

.fa-expand-arrows-alt:before {
	content: "\f31e"
}

.fa-expand-wide:before {
	content: "\f320"
}

.fa-expeditedssl:before {
	content: "\f23e"
}

.fa-external-link:before {
	content: "\f08e"
}

.fa-external-link-alt:before {
	content: "\f35d"
}

.fa-external-link-square:before {
	content: "\f14c"
}

.fa-external-link-square-alt:before {
	content: "\f360"
}

.fa-eye:before {
	content: "\f06e"
}

.fa-eye-dropper:before {
	content: "\f1fb"
}

.fa-eye-evil:before {
	content: "\f6db"
}

.fa-eye-slash:before {
	content: "\f070"
}

.fa-facebook:before {
	content: "\f09a"
}

.fa-facebook-f:before {
	content: "\f39e"
}

.fa-facebook-messenger:before {
	content: "\f39f"
}

.fa-facebook-square:before {
	content: "\f082"
}

.fa-fantasy-flight-games:before {
	content: "\f6dc"
}

.fa-fast-backward:before {
	content: "\f049"
}

.fa-fast-forward:before {
	content: "\f050"
}

.fa-fax:before {
	content: "\f1ac"
}

.fa-feather:before {
	content: "\f52d"
}

.fa-feather-alt:before {
	content: "\f56b"
}

.fa-fedex:before {
	content: "\f797"
}

.fa-fedora:before {
	content: "\f798"
}

.fa-female:before {
	content: "\f182"
}

.fa-field-hockey:before {
	content: "\f44c"
}

.fa-fighter-jet:before {
	content: "\f0fb"
}

.fa-figma:before {
	content: "\f799"
}

.fa-file:before {
	content: "\f15b"
}

.fa-file-alt:before {
	content: "\f15c"
}

.fa-file-archive:before {
	content: "\f1c6"
}

.fa-file-audio:before {
	content: "\f1c7"
}

.fa-file-certificate:before {
	content: "\f5f3"
}

.fa-file-chart-line:before {
	content: "\f659"
}

.fa-file-chart-pie:before {
	content: "\f65a"
}

.fa-file-check:before {
	content: "\f316"
}

.fa-file-code:before {
	content: "\f1c9"
}

.fa-file-contract:before {
	content: "\f56c"
}

.fa-file-csv:before {
	content: "\f6dd"
}

.fa-file-download:before {
	content: "\f56d"
}

.fa-file-edit:before {
	content: "\f31c"
}

.fa-file-excel:before {
	content: "\f1c3"
}

.fa-file-exclamation:before {
	content: "\f31a"
}

.fa-file-export:before {
	content: "\f56e"
}

.fa-file-image:before {
	content: "\f1c5"
}

.fa-file-import:before {
	content: "\f56f"
}

.fa-file-invoice:before {
	content: "\f570"
}

.fa-file-invoice-dollar:before {
	content: "\f571"
}

.fa-file-medical:before {
	content: "\f477"
}

.fa-file-medical-alt:before {
	content: "\f478"
}

.fa-file-minus:before {
	content: "\f318"
}

.fa-file-pdf:before {
	content: "\f1c1"
}

.fa-file-plus:before {
	content: "\f319"
}

.fa-file-powerpoint:before {
	content: "\f1c4"
}

.fa-file-prescription:before {
	content: "\f572"
}

.fa-file-signature:before {
	content: "\f573"
}

.fa-file-spreadsheet:before {
	content: "\f65b"
}

.fa-file-times:before {
	content: "\f317"
}

.fa-file-upload:before {
	content: "\f574"
}

.fa-file-user:before {
	content: "\f65c"
}

.fa-file-video:before {
	content: "\f1c8"
}

.fa-file-word:before {
	content: "\f1c2"
}

.fa-fill:before {
	content: "\f575"
}

.fa-fill-drip:before {
	content: "\f576"
}

.fa-film:before {
	content: "\f008"
}

.fa-film-alt:before {
	content: "\f3a0"
}

.fa-filter:before {
	content: "\f0b0"
}

.fa-fingerprint:before {
	content: "\f577"
}

.fa-fire:before {
	content: "\f06d"
}

.fa-fire-alt:before {
	content: "\f7e4"
}

.fa-fire-extinguisher:before {
	content: "\f134"
}

.fa-fire-smoke:before {
	content: "\f74b"
}

.fa-firefox:before {
	content: "\f269"
}

.fa-fireplace:before {
	content: "\f79a"
}

.fa-first-aid:before {
	content: "\f479"
}

.fa-first-order:before {
	content: "\f2b0"
}

.fa-first-order-alt:before {
	content: "\f50a"
}

.fa-firstdraft:before {
	content: "\f3a1"
}

.fa-fish:before {
	content: "\f578"
}

.fa-fist-raised:before {
	content: "\f6de"
}

.fa-flag:before {
	content: "\f024"
}

.fa-flag-alt:before {
	content: "\f74c"
}

.fa-flag-checkered:before {
	content: "\f11e"
}

.fa-flag-usa:before {
	content: "\f74d"
}

.fa-flame:before {
	content: "\f6df"
}

.fa-flask:before {
	content: "\f0c3"
}

.fa-flask-poison:before {
	content: "\f6e0"
}

.fa-flask-potion:before {
	content: "\f6e1"
}

.fa-flickr:before {
	content: "\f16e"
}

.fa-flipboard:before {
	content: "\f44d"
}

.fa-flushed:before {
	content: "\f579"
}

.fa-fly:before {
	content: "\f417"
}

.fa-fog:before {
	content: "\f74e"
}

.fa-folder:before {
	content: "\f07b"
}

.fa-folder-minus:before {
	content: "\f65d"
}

.fa-folder-open:before {
	content: "\f07c"
}

.fa-folder-plus:before {
	content: "\f65e"
}

.fa-folder-times:before {
	content: "\f65f"
}

.fa-folders:before {
	content: "\f660"
}

.fa-font:before {
	content: "\f031"
}

.fa-font-awesome:before {
	content: "\f2b4"
}

.fa-font-awesome-alt:before {
	content: "\f35c"
}

.fa-font-awesome-flag:before {
	content: "\f425"
}

.fa-font-awesome-logo-full:before {
	content: "\f4e6"
}

.fa-fonticons:before {
	content: "\f280"
}

.fa-fonticons-fi:before {
	content: "\f3a2"
}

.fa-football-ball:before {
	content: "\f44e"
}

.fa-football-helmet:before {
	content: "\f44f"
}

.fa-forklift:before {
	content: "\f47a"
}

.fa-fort-awesome:before {
	content: "\f286"
}

.fa-fort-awesome-alt:before {
	content: "\f3a3"
}

.fa-forumbee:before {
	content: "\f211"
}

.fa-forward:before {
	content: "\f04e"
}

.fa-foursquare:before {
	content: "\f180"
}

.fa-fragile:before {
	content: "\f4bb"
}

.fa-free-code-camp:before {
	content: "\f2c5"
}

.fa-freebsd:before {
	content: "\f3a4"
}

.fa-frog:before {
	content: "\f52e"
}

.fa-frosty-head:before {
	content: "\f79b"
}

.fa-frown:before {
	content: "\f119"
}

.fa-frown-open:before {
	content: "\f57a"
}

.fa-fulcrum:before {
	content: "\f50b"
}

.fa-function:before {
	content: "\f661"
}

.fa-funnel-dollar:before {
	content: "\f662"
}

.fa-futbol:before {
	content: "\f1e3"
}

.fa-galactic-republic:before {
	content: "\f50c"
}

.fa-galactic-senate:before {
	content: "\f50d"
}

.fa-gamepad:before {
	content: "\f11b"
}

.fa-gas-pump:before {
	content: "\f52f"
}

.fa-gas-pump-slash:before {
	content: "\f5f4"
}

.fa-gavel:before {
	content: "\f0e3"
}

.fa-gem:before {
	content: "\f3a5"
}

.fa-genderless:before {
	content: "\f22d"
}

.fa-get-pocket:before {
	content: "\f265"
}

.fa-gg:before {
	content: "\f260"
}

.fa-gg-circle:before {
	content: "\f261"
}

.fa-ghost:before {
	content: "\f6e2"
}

.fa-gift:before {
	content: "\f06b"
}

.fa-gift-card:before {
	content: "\f663"
}

.fa-gifts:before {
	content: "\f79c"
}

.fa-gingerbread-man:before {
	content: "\f79d"
}

.fa-git:before {
	content: "\f1d3"
}

.fa-git-square:before {
	content: "\f1d2"
}

.fa-github:before {
	content: "\f09b"
}

.fa-github-alt:before {
	content: "\f113"
}

.fa-github-square:before {
	content: "\f092"
}

.fa-gitkraken:before {
	content: "\f3a6"
}

.fa-gitlab:before {
	content: "\f296"
}

.fa-gitter:before {
	content: "\f426"
}

.fa-glass-champagne:before {
	content: "\f79e"
}

.fa-glass-cheers:before {
	content: "\f79f"
}

.fa-glass-martini:before {
	content: "\f000"
}

.fa-glass-martini-alt:before {
	content: "\f57b"
}

.fa-glass-whiskey:before {
	content: "\f7a0"
}

.fa-glass-whiskey-rocks:before {
	content: "\f7a1"
}

.fa-glasses:before {
	content: "\f530"
}

.fa-glasses-alt:before {
	content: "\f5f5"
}

.fa-glide:before {
	content: "\f2a5"
}

.fa-glide-g:before {
	content: "\f2a6"
}

.fa-globe:before {
	content: "\f0ac"
}

.fa-globe-africa:before {
	content: "\f57c"
}

.fa-globe-americas:before {
	content: "\f57d"
}

.fa-globe-asia:before {
	content: "\f57e"
}

.fa-globe-europe:before {
	content: "\f7a2"
}

.fa-globe-snow:before {
	content: "\f7a3"
}

.fa-globe-stand:before {
	content: "\f5f6"
}

.fa-gofore:before {
	content: "\f3a7"
}

.fa-golf-ball:before {
	content: "\f450"
}

.fa-golf-club:before {
	content: "\f451"
}

.fa-goodreads:before {
	content: "\f3a8"
}

.fa-goodreads-g:before {
	content: "\f3a9"
}

.fa-google:before {
	content: "\f1a0"
}

.fa-google-drive:before {
	content: "\f3aa"
}

.fa-google-play:before {
	content: "\f3ab"
}

.fa-google-plus:before {
	content: "\f2b3"
}

.fa-google-plus-g:before {
	content: "\f0d5"
}

.fa-google-plus-square:before {
	content: "\f0d4"
}

.fa-google-wallet:before {
	content: "\f1ee"
}

.fa-gopuram:before {
	content: "\f664"
}

.fa-graduation-cap:before {
	content: "\f19d"
}

.fa-gratipay:before {
	content: "\f184"
}

.fa-grav:before {
	content: "\f2d6"
}

.fa-greater-than:before {
	content: "\f531"
}

.fa-greater-than-equal:before {
	content: "\f532"
}

.fa-grimace:before {
	content: "\f57f"
}

.fa-grin:before {
	content: "\f580"
}

.fa-grin-alt:before {
	content: "\f581"
}

.fa-grin-beam:before {
	content: "\f582"
}

.fa-grin-beam-sweat:before {
	content: "\f583"
}

.fa-grin-hearts:before {
	content: "\f584"
}

.fa-grin-squint:before {
	content: "\f585"
}

.fa-grin-squint-tears:before {
	content: "\f586"
}

.fa-grin-stars:before {
	content: "\f587"
}

.fa-grin-tears:before {
	content: "\f588"
}

.fa-grin-tongue:before {
	content: "\f589"
}

.fa-grin-tongue-squint:before {
	content: "\f58a"
}

.fa-grin-tongue-wink:before {
	content: "\f58b"
}

.fa-grin-wink:before {
	content: "\f58c"
}

.fa-grip-horizontal:before {
	content: "\f58d"
}

.fa-grip-lines:before {
	content: "\f7a4"
}

.fa-grip-lines-vertical:before {
	content: "\f7a5"
}

.fa-grip-vertical:before {
	content: "\f58e"
}

.fa-gripfire:before {
	content: "\f3ac"
}

.fa-grunt:before {
	content: "\f3ad"
}

.fa-guitar:before {
	content: "\f7a6"
}

.fa-gulp:before {
	content: "\f3ae"
}

.fa-h-square:before {
	content: "\f0fd"
}

.fa-h1:before {
	content: "\f313"
}

.fa-h2:before {
	content: "\f314"
}

.fa-h3:before {
	content: "\f315"
}

.fa-hacker-news:before {
	content: "\f1d4"
}

.fa-hacker-news-square:before {
	content: "\f3af"
}

.fa-hackerrank:before {
	content: "\f5f7"
}

.fa-hammer:before {
	content: "\f6e3"
}

.fa-hammer-war:before {
	content: "\f6e4"
}

.fa-hamsa:before {
	content: "\f665"
}

.fa-hand-heart:before {
	content: "\f4bc"
}

.fa-hand-holding:before {
	content: "\f4bd"
}

.fa-hand-holding-box:before {
	content: "\f47b"
}

.fa-hand-holding-heart:before {
	content: "\f4be"
}

.fa-hand-holding-magic:before {
	content: "\f6e5"
}

.fa-hand-holding-seedling:before {
	content: "\f4bf"
}

.fa-hand-holding-usd:before {
	content: "\f4c0"
}

.fa-hand-holding-water:before {
	content: "\f4c1"
}

.fa-hand-lizard:before {
	content: "\f258"
}

.fa-hand-paper:before {
	content: "\f256"
}

.fa-hand-peace:before {
	content: "\f25b"
}

.fa-hand-point-down:before {
	content: "\f0a7"
}

.fa-hand-point-left:before {
	content: "\f0a5"
}

.fa-hand-point-right:before {
	content: "\f0a4"
}

.fa-hand-point-up:before {
	content: "\f0a6"
}

.fa-hand-pointer:before {
	content: "\f25a"
}

.fa-hand-receiving:before {
	content: "\f47c"
}

.fa-hand-rock:before {
	content: "\f255"
}

.fa-hand-scissors:before {
	content: "\f257"
}

.fa-hand-spock:before {
	content: "\f259"
}

.fa-hands:before {
	content: "\f4c2"
}

.fa-hands-heart:before {
	content: "\f4c3"
}

.fa-hands-helping:before {
	content: "\f4c4"
}

.fa-hands-usd:before {
	content: "\f4c5"
}

.fa-handshake:before {
	content: "\f2b5"
}

.fa-handshake-alt:before {
	content: "\f4c6"
}

.fa-hanukiah:before {
	content: "\f6e6"
}

.fa-hashtag:before {
	content: "\f292"
}

.fa-hat-santa:before {
	content: "\f7a7"
}

.fa-hat-winter:before {
	content: "\f7a8"
}

.fa-hat-witch:before {
	content: "\f6e7"
}

.fa-hat-wizard:before {
	content: "\f6e8"
}

.fa-haykal:before {
	content: "\f666"
}

.fa-hdd:before {
	content: "\f0a0"
}

.fa-head-side:before {
	content: "\f6e9"
}

.fa-head-vr:before {
	content: "\f6ea"
}

.fa-heading:before {
	content: "\f1dc"
}

.fa-headphones:before {
	content: "\f025"
}

.fa-headphones-alt:before {
	content: "\f58f"
}

.fa-headset:before {
	content: "\f590"
}

.fa-heart:before {
	content: "\f004"
}

.fa-heart-broken:before {
	content: "\f7a9"
}

.fa-heart-circle:before {
	content: "\f4c7"
}

.fa-heart-rate:before {
	content: "\f5f8"
}

.fa-heart-square:before {
	content: "\f4c8"
}

.fa-heartbeat:before {
	content: "\f21e"
}

.fa-helicopter:before {
	content: "\f533"
}

.fa-helmet-battle:before {
	content: "\f6eb"
}

.fa-hexagon:before {
	content: "\f312"
}

.fa-highlighter:before {
	content: "\f591"
}

.fa-hiking:before {
	content: "\f6ec"
}

.fa-hippo:before {
	content: "\f6ed"
}

.fa-hips:before {
	content: "\f452"
}

.fa-hire-a-helper:before {
	content: "\f3b0"
}

.fa-history:before {
	content: "\f1da"
}

.fa-hockey-mask:before {
	content: "\f6ee"
}

.fa-hockey-puck:before {
	content: "\f453"
}

.fa-hockey-sticks:before {
	content: "\f454"
}

.fa-holly-berry:before {
	content: "\f7aa"
}

.fa-home:before {
	content: "\f015"
}

.fa-home-heart:before {
	content: "\f4c9"
}

.fa-hood-cloak:before {
	content: "\f6ef"
}

.fa-hooli:before {
	content: "\f427"
}

.fa-hornbill:before {
	content: "\f592"
}

.fa-horse:before {
	content: "\f6f0"
}

.fa-horse-head:before {
	content: "\f7ab"
}

.fa-hospital:before {
	content: "\f0f8"
}

.fa-hospital-alt:before {
	content: "\f47d"
}

.fa-hospital-symbol:before {
	content: "\f47e"
}

.fa-hot-tub:before {
	content: "\f593"
}

.fa-hotel:before {
	content: "\f594"
}

.fa-hotjar:before {
	content: "\f3b1"
}

.fa-hourglass:before {
	content: "\f254"
}

.fa-hourglass-end:before {
	content: "\f253"
}

.fa-hourglass-half:before {
	content: "\f252"
}

.fa-hourglass-start:before {
	content: "\f251"
}

.fa-house-damage:before {
	content: "\f6f1"
}

.fa-house-flood:before {
	content: "\f74f"
}

.fa-houzz:before {
	content: "\f27c"
}

.fa-hryvnia:before {
	content: "\f6f2"
}

.fa-html5:before {
	content: "\f13b"
}

.fa-hubspot:before {
	content: "\f3b2"
}

.fa-humidity:before {
	content: "\f750"
}

.fa-hurricane:before {
	content: "\f751"
}

.fa-i-cursor:before {
	content: "\f246"
}

.fa-ice-skate:before {
	content: "\f7ac"
}

.fa-icicles:before {
	content: "\f7ad"
}

.fa-id-badge:before {
	content: "\f2c1"
}

.fa-id-card:before {
	content: "\f2c2"
}

.fa-id-card-alt:before {
	content: "\f47f"
}

.fa-igloo:before {
	content: "\f7ae"
}

.fa-image:before {
	content: "\f03e"
}

.fa-images:before {
	content: "\f302"
}

.fa-imdb:before {
	content: "\f2d8"
}

.fa-inbox:before {
	content: "\f01c"
}

.fa-inbox-in:before {
	content: "\f310"
}

.fa-inbox-out:before {
	content: "\f311"
}

.fa-indent:before {
	content: "\f03c"
}

.fa-industry:before {
	content: "\f275"
}

.fa-industry-alt:before {
	content: "\f3b3"
}

.fa-infinity:before {
	content: "\f534"
}

.fa-info:before {
	content: "\f129"
}

.fa-info-circle:before {
	content: "\f05a"
}

.fa-info-square:before {
	content: "\f30f"
}

.fa-inhaler:before {
	content: "\f5f9"
}

.fa-instagram:before {
	content: "\f16d"
}

.fa-integral:before {
	content: "\f667"
}

.fa-intercom:before {
	content: "\f7af"
}

.fa-internet-explorer:before {
	content: "\f26b"
}

.fa-intersection:before {
	content: "\f668"
}

.fa-inventory:before {
	content: "\f480"
}

.fa-invision:before {
	content: "\f7b0"
}

.fa-ioxhost:before {
	content: "\f208"
}

.fa-italic:before {
	content: "\f033"
}

.fa-itunes:before {
	content: "\f3b4"
}

.fa-itunes-note:before {
	content: "\f3b5"
}

.fa-jack-o-lantern:before {
	content: "\f30e"
}

.fa-java:before {
	content: "\f4e4"
}

.fa-jedi:before {
	content: "\f669"
}

.fa-jedi-order:before {
	content: "\f50e"
}

.fa-jenkins:before {
	content: "\f3b6"
}

.fa-jira:before {
	content: "\f7b1"
}

.fa-joget:before {
	content: "\f3b7"
}

.fa-joint:before {
	content: "\f595"
}

.fa-joomla:before {
	content: "\f1aa"
}

.fa-journal-whills:before {
	content: "\f66a"
}

.fa-js:before {
	content: "\f3b8"
}

.fa-js-square:before {
	content: "\f3b9"
}

.fa-jsfiddle:before {
	content: "\f1cc"
}

.fa-kaaba:before {
	content: "\f66b"
}

.fa-kaggle:before {
	content: "\f5fa"
}

.fa-key:before {
	content: "\f084"
}

.fa-key-skeleton:before {
	content: "\f6f3"
}

.fa-keybase:before {
	content: "\f4f5"
}

.fa-keyboard:before {
	content: "\f11c"
}

.fa-keycdn:before {
	content: "\f3ba"
}

.fa-keynote:before {
	content: "\f66c"
}

.fa-khanda:before {
	content: "\f66d"
}

.fa-kickstarter:before {
	content: "\f3bb"
}

.fa-kickstarter-k:before {
	content: "\f3bc"
}

.fa-kidneys:before {
	content: "\f5fb"
}

.fa-kiss:before {
	content: "\f596"
}

.fa-kiss-beam:before {
	content: "\f597"
}

.fa-kiss-wink-heart:before {
	content: "\f598"
}

.fa-kite:before {
	content: "\f6f4"
}

.fa-kiwi-bird:before {
	content: "\f535"
}

.fa-knife-kitchen:before {
	content: "\f6f5"
}

.fa-korvue:before {
	content: "\f42f"
}

.fa-lambda:before {
	content: "\f66e"
}

.fa-lamp:before {
	content: "\f4ca"
}

.fa-landmark:before {
	content: "\f66f"
}

.fa-landmark-alt:before {
	content: "\f752"
}

.fa-language:before {
	content: "\f1ab"
}

.fa-laptop:before {
	content: "\f109"
}

.fa-laptop-code:before {
	content: "\f5fc"
}

.fa-laravel:before {
	content: "\f3bd"
}

.fa-lastfm:before {
	content: "\f202"
}

.fa-lastfm-square:before {
	content: "\f203"
}

.fa-laugh:before {
	content: "\f599"
}

.fa-laugh-beam:before {
	content: "\f59a"
}

.fa-laugh-squint:before {
	content: "\f59b"
}

.fa-laugh-wink:before {
	content: "\f59c"
}

.fa-layer-group:before {
	content: "\f5fd"
}

.fa-layer-minus:before {
	content: "\f5fe"
}

.fa-layer-plus:before {
	content: "\f5ff"
}

.fa-leaf:before {
	content: "\f06c"
}

.fa-leaf-heart:before {
	content: "\f4cb"
}

.fa-leaf-maple:before {
	content: "\f6f6"
}

.fa-leaf-oak:before {
	content: "\f6f7"
}

.fa-leanpub:before {
	content: "\f212"
}

.fa-lemon:before {
	content: "\f094"
}

.fa-less:before {
	content: "\f41d"
}

.fa-less-than:before {
	content: "\f536"
}

.fa-less-than-equal:before {
	content: "\f537"
}

.fa-level-down:before {
	content: "\f149"
}

.fa-level-down-alt:before {
	content: "\f3be"
}

.fa-level-up:before {
	content: "\f148"
}

.fa-level-up-alt:before {
	content: "\f3bf"
}

.fa-life-ring:before {
	content: "\f1cd"
}

.fa-lightbulb:before {
	content: "\f0eb"
}

.fa-lightbulb-dollar:before {
	content: "\f670"
}

.fa-lightbulb-exclamation:before {
	content: "\f671"
}

.fa-lightbulb-on:before {
	content: "\f672"
}

.fa-lightbulb-slash:before {
	content: "\f673"
}

.fa-lights-holiday:before {
	content: "\f7b2"
}

.fa-line:before {
	content: "\f3c0"
}

.fa-link:before {
	content: "\f0c1"
}

.fa-linkedin:before {
	content: "\f08c"
}

.fa-linkedin-in:before {
	content: "\f0e1"
}

.fa-linode:before {
	content: "\f2b8"
}

.fa-linux:before {
	content: "\f17c"
}

.fa-lips:before {
	content: "\f600"
}

.fa-lira-sign:before {
	content: "\f195"
}

.fa-list:before {
	content: "\f03a"
}

.fa-list-alt:before {
	content: "\f022"
}

.fa-list-ol:before {
	content: "\f0cb"
}

.fa-list-ul:before {
	content: "\f0ca"
}

.fa-location:before {
	content: "\f601"
}

.fa-location-arrow:before {
	content: "\f124"
}

.fa-location-circle:before {
	content: "\f602"
}

.fa-location-slash:before {
	content: "\f603"
}

.fa-lock:before {
	content: "\f023"
}

.fa-lock-alt:before {
	content: "\f30d"
}

.fa-lock-open:before {
	content: "\f3c1"
}

.fa-lock-open-alt:before {
	content: "\f3c2"
}

.fa-long-arrow-alt-down:before {
	content: "\f309"
}

.fa-long-arrow-alt-left:before {
	content: "\f30a"
}

.fa-long-arrow-alt-right:before {
	content: "\f30b"
}

.fa-long-arrow-alt-up:before {
	content: "\f30c"
}

.fa-long-arrow-down:before {
	content: "\f175"
}

.fa-long-arrow-left:before {
	content: "\f177"
}

.fa-long-arrow-right:before {
	content: "\f178"
}

.fa-long-arrow-up:before {
	content: "\f176"
}

.fa-loveseat:before {
	content: "\f4cc"
}

.fa-low-vision:before {
	content: "\f2a8"
}

.fa-luchador:before {
	content: "\f455"
}

.fa-luggage-cart:before {
	content: "\f59d"
}

.fa-lungs:before {
	content: "\f604"
}

.fa-lyft:before {
	content: "\f3c3"
}

.fa-mace:before {
	content: "\f6f8"
}

.fa-magento:before {
	content: "\f3c4"
}

.fa-magic:before {
	content: "\f0d0"
}

.fa-magnet:before {
	content: "\f076"
}

.fa-mail-bulk:before {
	content: "\f674"
}

.fa-mailchimp:before {
	content: "\f59e"
}

.fa-male:before {
	content: "\f183"
}

.fa-mandalorian:before {
	content: "\f50f"
}

.fa-mandolin:before {
	content: "\f6f9"
}

.fa-map:before {
	content: "\f279"
}

.fa-map-marked:before {
	content: "\f59f"
}

.fa-map-marked-alt:before {
	content: "\f5a0"
}

.fa-map-marker:before {
	content: "\f041"
}

.fa-map-marker-alt:before {
	content: "\f3c5"
}

.fa-map-marker-alt-slash:before {
	content: "\f605"
}

.fa-map-marker-check:before {
	content: "\f606"
}

.fa-map-marker-edit:before {
	content: "\f607"
}

.fa-map-marker-exclamation:before {
	content: "\f608"
}

.fa-map-marker-minus:before {
	content: "\f609"
}

.fa-map-marker-plus:before {
	content: "\f60a"
}

.fa-map-marker-question:before {
	content: "\f60b"
}

.fa-map-marker-slash:before {
	content: "\f60c"
}

.fa-map-marker-smile:before {
	content: "\f60d"
}

.fa-map-marker-times:before {
	content: "\f60e"
}

.fa-map-pin:before {
	content: "\f276"
}

.fa-map-signs:before {
	content: "\f277"
}

.fa-markdown:before {
	content: "\f60f"
}

.fa-marker:before {
	content: "\f5a1"
}

.fa-mars:before {
	content: "\f222"
}

.fa-mars-double:before {
	content: "\f227"
}

.fa-mars-stroke:before {
	content: "\f229"
}

.fa-mars-stroke-h:before {
	content: "\f22b"
}

.fa-mars-stroke-v:before {
	content: "\f22a"
}

.fa-mask:before {
	content: "\f6fa"
}

.fa-mastodon:before {
	content: "\f4f6"
}

.fa-maxcdn:before {
	content: "\f136"
}

.fa-medal:before {
	content: "\f5a2"
}

.fa-medapps:before {
	content: "\f3c6"
}

.fa-medium:before {
	content: "\f23a"
}

.fa-medium-m:before {
	content: "\f3c7"
}

.fa-medkit:before {
	content: "\f0fa"
}

.fa-medrt:before {
	content: "\f3c8"
}

.fa-meetup:before {
	content: "\f2e0"
}

.fa-megaphone:before {
	content: "\f675"
}

.fa-megaport:before {
	content: "\f5a3"
}

.fa-meh:before {
	content: "\f11a"
}

.fa-meh-blank:before {
	content: "\f5a4"
}

.fa-meh-rolling-eyes:before {
	content: "\f5a5"
}

.fa-memory:before {
	content: "\f538"
}

.fa-mendeley:before {
	content: "\f7b3"
}

.fa-menorah:before {
	content: "\f676"
}

.fa-mercury:before {
	content: "\f223"
}

.fa-meteor:before {
	content: "\f753"
}

.fa-microchip:before {
	content: "\f2db"
}

.fa-microphone:before {
	content: "\f130"
}

.fa-microphone-alt:before {
	content: "\f3c9"
}

.fa-microphone-alt-slash:before {
	content: "\f539"
}

.fa-microphone-slash:before {
	content: "\f131"
}

.fa-microscope:before {
	content: "\f610"
}

.fa-microsoft:before {
	content: "\f3ca"
}

.fa-mind-share:before {
	content: "\f677"
}

.fa-minus:before {
	content: "\f068"
}

.fa-minus-circle:before {
	content: "\f056"
}

.fa-minus-hexagon:before {
	content: "\f307"
}

.fa-minus-octagon:before {
	content: "\f308"
}

.fa-minus-square:before {
	content: "\f146"
}

.fa-mistletoe:before {
	content: "\f7b4"
}

.fa-mitten:before {
	content: "\f7b5"
}

.fa-mix:before {
	content: "\f3cb"
}

.fa-mixcloud:before {
	content: "\f289"
}

.fa-mizuni:before {
	content: "\f3cc"
}

.fa-mobile:before {
	content: "\f10b"
}

.fa-mobile-alt:before {
	content: "\f3cd"
}

.fa-mobile-android:before {
	content: "\f3ce"
}

.fa-mobile-android-alt:before {
	content: "\f3cf"
}

.fa-modx:before {
	content: "\f285"
}

.fa-monero:before {
	content: "\f3d0"
}

.fa-money-bill:before {
	content: "\f0d6"
}

.fa-money-bill-alt:before {
	content: "\f3d1"
}

.fa-money-bill-wave:before {
	content: "\f53a"
}

.fa-money-bill-wave-alt:before {
	content: "\f53b"
}

.fa-money-check:before {
	content: "\f53c"
}

.fa-money-check-alt:before {
	content: "\f53d"
}

.fa-monitor-heart-rate:before {
	content: "\f611"
}

.fa-monkey:before {
	content: "\f6fb"
}

.fa-monument:before {
	content: "\f5a6"
}

.fa-moon:before {
	content: "\f186"
}

.fa-moon-cloud:before {
	content: "\f754"
}

.fa-moon-stars:before {
	content: "\f755"
}

.fa-mortar-pestle:before {
	content: "\f5a7"
}

.fa-mosque:before {
	content: "\f678"
}

.fa-motorcycle:before {
	content: "\f21c"
}

.fa-mountain:before {
	content: "\f6fc"
}

.fa-mountains:before {
	content: "\f6fd"
}

.fa-mouse-pointer:before {
	content: "\f245"
}

.fa-mug-hot:before {
	content: "\f7b6"
}

.fa-mug-marshmallows:before {
	content: "\f7b7"
}

.fa-music:before {
	content: "\f001"
}

.fa-napster:before {
	content: "\f3d2"
}

.fa-narwhal:before {
	content: "\f6fe"
}

.fa-neos:before {
	content: "\f612"
}

.fa-network-wired:before {
	content: "\f6ff"
}

.fa-neuter:before {
	content: "\f22c"
}

.fa-newspaper:before {
	content: "\f1ea"
}

.fa-nimblr:before {
	content: "\f5a8"
}

.fa-nintendo-switch:before {
	content: "\f418"
}

.fa-node:before {
	content: "\f419"
}

.fa-node-js:before {
	content: "\f3d3"
}

.fa-not-equal:before {
	content: "\f53e"
}

.fa-notes-medical:before {
	content: "\f481"
}

.fa-npm:before {
	content: "\f3d4"
}

.fa-ns8:before {
	content: "\f3d5"
}

.fa-nutritionix:before {
	content: "\f3d6"
}

.fa-object-group:before {
	content: "\f247"
}

.fa-object-ungroup:before {
	content: "\f248"
}

.fa-octagon:before {
	content: "\f306"
}

.fa-odnoklassniki:before {
	content: "\f263"
}

.fa-odnoklassniki-square:before {
	content: "\f264"
}

.fa-oil-can:before {
	content: "\f613"
}

.fa-oil-temp:before {
	content: "\f614"
}

.fa-old-republic:before {
	content: "\f510"
}

.fa-om:before {
	content: "\f679"
}

.fa-omega:before {
	content: "\f67a"
}

.fa-opencart:before {
	content: "\f23d"
}

.fa-openid:before {
	content: "\f19b"
}

.fa-opera:before {
	content: "\f26a"
}

.fa-optin-monster:before {
	content: "\f23c"
}

.fa-ornament:before {
	content: "\f7b8"
}

.fa-osi:before {
	content: "\f41a"
}

.fa-otter:before {
	content: "\f700"
}

.fa-outdent:before {
	content: "\f03b"
}

.fa-page4:before {
	content: "\f3d7"
}

.fa-pagelines:before {
	content: "\f18c"
}

.fa-paint-brush:before {
	content: "\f1fc"
}

.fa-paint-brush-alt:before {
	content: "\f5a9"
}

.fa-paint-roller:before {
	content: "\f5aa"
}

.fa-palette:before {
	content: "\f53f"
}

.fa-palfed:before {
	content: "\f3d8"
}

.fa-pallet:before {
	content: "\f482"
}

.fa-pallet-alt:before {
	content: "\f483"
}

.fa-paper-plane:before {
	content: "\f1d8"
}

.fa-paperclip:before {
	content: "\f0c6"
}

.fa-parachute-box:before {
	content: "\f4cd"
}

.fa-paragraph:before {
	content: "\f1dd"
}

.fa-parking:before {
	content: "\f540"
}

.fa-parking-circle:before {
	content: "\f615"
}

.fa-parking-circle-slash:before {
	content: "\f616"
}

.fa-parking-slash:before {
	content: "\f617"
}

.fa-passport:before {
	content: "\f5ab"
}

.fa-pastafarianism:before {
	content: "\f67b"
}

.fa-paste:before {
	content: "\f0ea"
}

.fa-patreon:before {
	content: "\f3d9"
}

.fa-pause:before {
	content: "\f04c"
}

.fa-pause-circle:before {
	content: "\f28b"
}

.fa-paw:before {
	content: "\f1b0"
}

.fa-paw-alt:before {
	content: "\f701"
}

.fa-paw-claws:before {
	content: "\f702"
}

.fa-paypal:before {
	content: "\f1ed"
}

.fa-peace:before {
	content: "\f67c"
}

.fa-pegasus:before {
	content: "\f703"
}

.fa-pen:before {
	content: "\f304"
}

.fa-pen-alt:before {
	content: "\f305"
}

.fa-pen-fancy:before {
	content: "\f5ac"
}

.fa-pen-nib:before {
	content: "\f5ad"
}

.fa-pen-square:before {
	content: "\f14b"
}

.fa-pencil:before {
	content: "\f040"
}

.fa-pencil-alt:before {
	content: "\f303"
}

.fa-pencil-paintbrush:before {
	content: "\f618"
}

.fa-pencil-ruler:before {
	content: "\f5ae"
}

.fa-pennant:before {
	content: "\f456"
}

.fa-penny-arcade:before {
	content: "\f704"
}

.fa-people-carry:before {
	content: "\f4ce"
}

.fa-percent:before {
	content: "\f295"
}

.fa-percentage:before {
	content: "\f541"
}

.fa-periscope:before {
	content: "\f3da"
}

.fa-person-booth:before {
	content: "\f756"
}

.fa-person-carry:before {
	content: "\f4cf"
}

.fa-person-dolly:before {
	content: "\f4d0"
}

.fa-person-dolly-empty:before {
	content: "\f4d1"
}

.fa-person-sign:before {
	content: "\f757"
}

.fa-phabricator:before {
	content: "\f3db"
}

.fa-phoenix-framework:before {
	content: "\f3dc"
}

.fa-phoenix-squadron:before {
	content: "\f511"
}

.fa-phone:before {
	content: "\f095"
}

.fa-phone-office:before {
	content: "\f67d"
}

.fa-phone-plus:before {
	content: "\f4d2"
}

.fa-phone-slash:before {
	content: "\f3dd"
}

.fa-phone-square:before {
	content: "\f098"
}

.fa-phone-volume:before {
	content: "\f2a0"
}

.fa-php:before {
	content: "\f457"
}

.fa-pi:before {
	content: "\f67e"
}

.fa-pie:before {
	content: "\f705"
}

.fa-pied-piper:before {
	content: "\f2ae"
}

.fa-pied-piper-alt:before {
	content: "\f1a8"
}

.fa-pied-piper-hat:before {
	content: "\f4e5"
}

.fa-pied-piper-pp:before {
	content: "\f1a7"
}

.fa-pig:before {
	content: "\f706"
}

.fa-piggy-bank:before {
	content: "\f4d3"
}

.fa-pills:before {
	content: "\f484"
}

.fa-pinterest:before {
	content: "\f0d2"
}

.fa-pinterest-p:before {
	content: "\f231"
}

.fa-pinterest-square:before {
	content: "\f0d3"
}

.fa-place-of-worship:before {
	content: "\f67f"
}

.fa-plane:before {
	content: "\f072"
}

.fa-plane-alt:before {
	content: "\f3de"
}

.fa-plane-arrival:before {
	content: "\f5af"
}

.fa-plane-departure:before {
	content: "\f5b0"
}

.fa-play:before {
	content: "\f04b"
}

.fa-play-circle:before {
	content: "\f144"
}

.fa-playstation:before {
	content: "\f3df"
}

.fa-plug:before {
	content: "\f1e6"
}

.fa-plus:before {
	content: "\f067"
}

.fa-plus-circle:before {
	content: "\f055"
}

.fa-plus-hexagon:before {
	content: "\f300"
}

.fa-plus-octagon:before {
	content: "\f301"
}

.fa-plus-square:before {
	content: "\f0fe"
}

.fa-podcast:before {
	content: "\f2ce"
}

.fa-podium:before {
	content: "\f680"
}

.fa-podium-star:before {
	content: "\f758"
}

.fa-poll:before {
	content: "\f681"
}

.fa-poll-h:before {
	content: "\f682"
}

.fa-poll-people:before {
	content: "\f759"
}

.fa-poo:before {
	content: "\f2fe"
}

.fa-poo-storm:before {
	content: "\f75a"
}

.fa-poop:before {
	content: "\f619"
}

.fa-portrait:before {
	content: "\f3e0"
}

.fa-pound-sign:before {
	content: "\f154"
}

.fa-power-off:before {
	content: "\f011"
}

.fa-pray:before {
	content: "\f683"
}

.fa-praying-hands:before {
	content: "\f684"
}

.fa-prescription:before {
	content: "\f5b1"
}

.fa-prescription-bottle:before {
	content: "\f485"
}

.fa-prescription-bottle-alt:before {
	content: "\f486"
}

.fa-presentation:before {
	content: "\f685"
}

.fa-print:before {
	content: "\f02f"
}

.fa-print-slash:before {
	content: "\f686"
}

.fa-procedures:before {
	content: "\f487"
}

.fa-product-hunt:before {
	content: "\f288"
}

.fa-project-diagram:before {
	content: "\f542"
}

.fa-pumpkin:before {
	content: "\f707"
}

.fa-pushed:before {
	content: "\f3e1"
}

.fa-puzzle-piece:before {
	content: "\f12e"
}

.fa-python:before {
	content: "\f3e2"
}

.fa-qq:before {
	content: "\f1d6"
}

.fa-qrcode:before {
	content: "\f029"
}

.fa-question:before {
	content: "\f128"
}

.fa-question-circle:before {
	content: "\f059"
}

.fa-question-square:before {
	content: "\f2fd"
}

.fa-quidditch:before {
	content: "\f458"
}

.fa-quinscape:before {
	content: "\f459"
}

.fa-quora:before {
	content: "\f2c4"
}

.fa-quote-left:before {
	content: "\f10d"
}

.fa-quote-right:before {
	content: "\f10e"
}

.fa-quran:before {
	content: "\f687"
}

.fa-r-project:before {
	content: "\f4f7"
}

.fa-rabbit:before {
	content: "\f708"
}

.fa-rabbit-fast:before {
	content: "\f709"
}

.fa-racquet:before {
	content: "\f45a"
}

.fa-radiation:before {
	content: "\f7b9"
}

.fa-radiation-alt:before {
	content: "\f7ba"
}

.fa-rainbow:before {
	content: "\f75b"
}

.fa-raindrops:before {
	content: "\f75c"
}

.fa-ram:before {
	content: "\f70a"
}

.fa-ramp-loading:before {
	content: "\f4d4"
}

.fa-random:before {
	content: "\f074"
}

.fa-raspberry-pi:before {
	content: "\f7bb"
}

.fa-ravelry:before {
	content: "\f2d9"
}

.fa-react:before {
	content: "\f41b"
}

.fa-reacteurope:before {
	content: "\f75d"
}

.fa-readme:before {
	content: "\f4d5"
}

.fa-rebel:before {
	content: "\f1d0"
}

.fa-receipt:before {
	content: "\f543"
}

.fa-rectangle-landscape:before {
	content: "\f2fa"
}

.fa-rectangle-portrait:before {
	content: "\f2fb"
}

.fa-rectangle-wide:before {
	content: "\f2fc"
}

.fa-recycle:before {
	content: "\f1b8"
}

.fa-red-river:before {
	content: "\f3e3"
}

.fa-reddit:before {
	content: "\f1a1"
}

.fa-reddit-alien:before {
	content: "\f281"
}

.fa-reddit-square:before {
	content: "\f1a2"
}

.fa-redhat:before {
	content: "\f7bc"
}

.fa-redo:before {
	content: "\f01e"
}

.fa-redo-alt:before {
	content: "\f2f9"
}

.fa-registered:before {
	content: "\f25d"
}

.fa-renren:before {
	content: "\f18b"
}

.fa-repeat:before {
	content: "\f363"
}

.fa-repeat-1:before {
	content: "\f365"
}

.fa-repeat-1-alt:before {
	content: "\f366"
}

.fa-repeat-alt:before {
	content: "\f364"
}

.fa-reply:before {
	content: "\f3e5"
}

.fa-reply-all:before {
	content: "\f122"
}

.fa-replyd:before {
	content: "\f3e6"
}

.fa-republican:before {
	content: "\f75e"
}

.fa-researchgate:before {
	content: "\f4f8"
}

.fa-resolving:before {
	content: "\f3e7"
}

.fa-restroom:before {
	content: "\f7bd"
}

.fa-retweet:before {
	content: "\f079"
}

.fa-retweet-alt:before {
	content: "\f361"
}

.fa-rev:before {
	content: "\f5b2"
}

.fa-ribbon:before {
	content: "\f4d6"
}

.fa-ring:before {
	content: "\f70b"
}

.fa-road:before {
	content: "\f018"
}

.fa-robot:before {
	content: "\f544"
}

.fa-rocket:before {
	content: "\f135"
}

.fa-rocketchat:before {
	content: "\f3e8"
}

.fa-rockrms:before {
	content: "\f3e9"
}

.fa-route:before {
	content: "\f4d7"
}

.fa-route-highway:before {
	content: "\f61a"
}

.fa-route-interstate:before {
	content: "\f61b"
}

.fa-rss:before {
	content: "\f09e"
}

.fa-rss-square:before {
	content: "\f143"
}

.fa-ruble-sign:before {
	content: "\f158"
}

.fa-ruler:before {
	content: "\f545"
}

.fa-ruler-combined:before {
	content: "\f546"
}

.fa-ruler-horizontal:before {
	content: "\f547"
}

.fa-ruler-triangle:before {
	content: "\f61c"
}

.fa-ruler-vertical:before {
	content: "\f548"
}

.fa-running:before {
	content: "\f70c"
}

.fa-rupee-sign:before {
	content: "\f156"
}

.fa-rv:before {
	content: "\f7be"
}

.fa-sad-cry:before {
	content: "\f5b3"
}

.fa-sad-tear:before {
	content: "\f5b4"
}

.fa-safari:before {
	content: "\f267"
}

.fa-sass:before {
	content: "\f41e"
}

.fa-satellite:before {
	content: "\f7bf"
}

.fa-satellite-dish:before {
	content: "\f7c0"
}

.fa-save:before {
	content: "\f0c7"
}

.fa-scalpel:before {
	content: "\f61d"
}

.fa-scalpel-path:before {
	content: "\f61e"
}

.fa-scanner:before {
	content: "\f488"
}

.fa-scanner-keyboard:before {
	content: "\f489"
}

.fa-scanner-touchscreen:before {
	content: "\f48a"
}

.fa-scarecrow:before {
	content: "\f70d"
}

.fa-scarf:before {
	content: "\f7c1"
}

.fa-schlix:before {
	content: "\f3ea"
}

.fa-school:before {
	content: "\f549"
}

.fa-screwdriver:before {
	content: "\f54a"
}

.fa-scribd:before {
	content: "\f28a"
}

.fa-scroll:before {
	content: "\f70e"
}

.fa-scroll-old:before {
	content: "\f70f"
}

.fa-scrubber:before {
	content: "\f2f8"
}

.fa-scythe:before {
	content: "\f710"
}

.fa-sd-card:before {
	content: "\f7c2"
}

.fa-search:before {
	content: "\f002"
}

.fa-search-dollar:before {
	content: "\f688"
}

.fa-search-location:before {
	content: "\f689"
}

.fa-search-minus:before {
	content: "\f010"
}

.fa-search-plus:before {
	content: "\f00e"
}

.fa-searchengin:before {
	content: "\f3eb"
}

.fa-seedling:before {
	content: "\f4d8"
}

.fa-sellcast:before {
	content: "\f2da"
}

.fa-sellsy:before {
	content: "\f213"
}

.fa-server:before {
	content: "\f233"
}

.fa-servicestack:before {
	content: "\f3ec"
}

.fa-shapes:before {
	content: "\f61f"
}

.fa-share:before {
	content: "\f064"
}

.fa-share-all:before {
	content: "\f367"
}

.fa-share-alt:before {
	content: "\f1e0"
}

.fa-share-alt-square:before {
	content: "\f1e1"
}

.fa-share-square:before {
	content: "\f14d"
}

.fa-sheep:before {
	content: "\f711"
}

.fa-shekel-sign:before {
	content: "\f20b"
}

.fa-shield:before {
	content: "\f132"
}

.fa-shield-alt:before {
	content: "\f3ed"
}

.fa-shield-check:before {
	content: "\f2f7"
}

.fa-shield-cross:before {
	content: "\f712"
}

.fa-ship:before {
	content: "\f21a"
}

.fa-shipping-fast:before {
	content: "\f48b"
}

.fa-shipping-timed:before {
	content: "\f48c"
}

.fa-shirtsinbulk:before {
	content: "\f214"
}

.fa-shoe-prints:before {
	content: "\f54b"
}

.fa-shopping-bag:before {
	content: "\f290"
}

.fa-shopping-basket:before {
	content: "\f291"
}

.fa-shopping-cart:before {
	content: "\f07a"
}

.fa-shopware:before {
	content: "\f5b5"
}

.fa-shovel:before {
	content: "\f713"
}

.fa-shovel-snow:before {
	content: "\f7c3"
}

.fa-shower:before {
	content: "\f2cc"
}

.fa-shredder:before {
	content: "\f68a"
}

.fa-shuttle-van:before {
	content: "\f5b6"
}

.fa-shuttlecock:before {
	content: "\f45b"
}

.fa-sigma:before {
	content: "\f68b"
}

.fa-sign:before {
	content: "\f4d9"
}

.fa-sign-in:before {
	content: "\f090"
}

.fa-sign-in-alt:before {
	content: "\f2f6"
}

.fa-sign-language:before {
	content: "\f2a7"
}

.fa-sign-out:before {
	content: "\f08b"
}

.fa-sign-out-alt:before {
	content: "\f2f5"
}

.fa-signal:before {
	content: "\f012"
}

.fa-signal-1:before {
	content: "\f68c"
}

.fa-signal-2:before {
	content: "\f68d"
}

.fa-signal-3:before {
	content: "\f68e"
}

.fa-signal-4:before {
	content: "\f68f"
}

.fa-signal-alt:before {
	content: "\f690"
}

.fa-signal-alt-1:before {
	content: "\f691"
}

.fa-signal-alt-2:before {
	content: "\f692"
}

.fa-signal-alt-3:before {
	content: "\f693"
}

.fa-signal-alt-slash:before {
	content: "\f694"
}

.fa-signal-slash:before {
	content: "\f695"
}

.fa-signature:before {
	content: "\f5b7"
}

.fa-sim-card:before {
	content: "\f7c4"
}

.fa-simplybuilt:before {
	content: "\f215"
}

.fa-sistrix:before {
	content: "\f3ee"
}

.fa-sitemap:before {
	content: "\f0e8"
}

.fa-sith:before {
	content: "\f512"
}

.fa-skating:before {
	content: "\f7c5"
}

.fa-skeleton:before {
	content: "\f620"
}

.fa-sketch:before {
	content: "\f7c6"
}

.fa-ski-jump:before {
	content: "\f7c7"
}

.fa-ski-lift:before {
	content: "\f7c8"
}

.fa-skiing:before {
	content: "\f7c9"
}

.fa-skiing-nordic:before {
	content: "\f7ca"
}

.fa-skull:before {
	content: "\f54c"
}

.fa-skull-crossbones:before {
	content: "\f714"
}

.fa-skyatlas:before {
	content: "\f216"
}

.fa-skype:before {
	content: "\f17e"
}

.fa-slack:before {
	content: "\f198"
}

.fa-slack-hash:before {
	content: "\f3ef"
}

.fa-slash:before {
	content: "\f715"
}

.fa-sledding:before {
	content: "\f7cb"
}

.fa-sleigh:before {
	content: "\f7cc"
}

.fa-sliders-h:before {
	content: "\f1de"
}

.fa-sliders-h-square:before {
	content: "\f3f0"
}

.fa-sliders-v:before {
	content: "\f3f1"
}

.fa-sliders-v-square:before {
	content: "\f3f2"
}

.fa-slideshare:before {
	content: "\f1e7"
}

.fa-smile:before {
	content: "\f118"
}

.fa-smile-beam:before {
	content: "\f5b8"
}

.fa-smile-plus:before {
	content: "\f5b9"
}

.fa-smile-wink:before {
	content: "\f4da"
}

.fa-smog:before {
	content: "\f75f"
}

.fa-smoke:before {
	content: "\f760"
}

.fa-smoking:before {
	content: "\f48d"
}

.fa-smoking-ban:before {
	content: "\f54d"
}

.fa-sms:before {
	content: "\f7cd"
}

.fa-snake:before {
	content: "\f716"
}

.fa-snapchat:before {
	content: "\f2ab"
}

.fa-snapchat-ghost:before {
	content: "\f2ac"
}

.fa-snapchat-square:before {
	content: "\f2ad"
}

.fa-snow-blowing:before {
	content: "\f761"
}

.fa-snowboarding:before {
	content: "\f7ce"
}

.fa-snowflake:before {
	content: "\f2dc"
}

.fa-snowflakes:before {
	content: "\f7cf"
}

.fa-snowman:before {
	content: "\f7d0"
}

.fa-snowmobile:before {
	content: "\f7d1"
}

.fa-snowplow:before {
	content: "\f7d2"
}

.fa-socks:before {
	content: "\f696"
}

.fa-solar-panel:before {
	content: "\f5ba"
}

.fa-sort:before {
	content: "\f0dc"
}

.fa-sort-alpha-down:before {
	content: "\f15d"
}

.fa-sort-alpha-up:before {
	content: "\f15e"
}

.fa-sort-amount-down:before {
	content: "\f160"
}

.fa-sort-amount-up:before {
	content: "\f161"
}

.fa-sort-down:before {
	content: "\f0dd"
}

.fa-sort-numeric-down:before {
	content: "\f162"
}

.fa-sort-numeric-up:before {
	content: "\f163"
}

.fa-sort-up:before {
	content: "\f0de"
}

.fa-soundcloud:before {
	content: "\f1be"
}

.fa-sourcetree:before {
	content: "\f7d3"
}

.fa-spa:before {
	content: "\f5bb"
}

.fa-space-shuttle:before {
	content: "\f197"
}

.fa-spade:before {
	content: "\f2f4"
}

.fa-speakap:before {
	content: "\f3f3"
}

.fa-spider:before {
	content: "\f717"
}

.fa-spider-black-widow:before {
	content: "\f718"
}

.fa-spider-web:before {
	content: "\f719"
}

.fa-spinner:before {
	content: "\f110"
}

.fa-spinner-third:before {
	content: "\f3f4"
}

.fa-splotch:before {
	content: "\f5bc"
}

.fa-spotify:before {
	content: "\f1bc"
}

.fa-spray-can:before {
	content: "\f5bd"
}

.fa-square:before {
	content: "\f0c8"
}

.fa-square-full:before {
	content: "\f45c"
}

.fa-square-root:before {
	content: "\f697"
}

.fa-square-root-alt:before {
	content: "\f698"
}

.fa-squarespace:before {
	content: "\f5be"
}

.fa-squirrel:before {
	content: "\f71a"
}

.fa-stack-exchange:before {
	content: "\f18d"
}

.fa-stack-overflow:before {
	content: "\f16c"
}

.fa-staff:before {
	content: "\f71b"
}

.fa-stamp:before {
	content: "\f5bf"
}

.fa-star:before {
	content: "\f005"
}

.fa-star-and-crescent:before {
	content: "\f699"
}

.fa-star-christmas:before {
	content: "\f7d4"
}

.fa-star-exclamation:before {
	content: "\f2f3"
}

.fa-star-half:before {
	content: "\f089"
}

.fa-star-half-alt:before {
	content: "\f5c0"
}

.fa-star-of-david:before {
	content: "\f69a"
}

.fa-star-of-life:before {
	content: "\f621"
}

.fa-stars:before {
	content: "\f762"
}

.fa-staylinked:before {
	content: "\f3f5"
}

.fa-steam:before {
	content: "\f1b6"
}

.fa-steam-square:before {
	content: "\f1b7"
}

.fa-steam-symbol:before {
	content: "\f3f6"
}

.fa-steering-wheel:before {
	content: "\f622"
}

.fa-step-backward:before {
	content: "\f048"
}

.fa-step-forward:before {
	content: "\f051"
}

.fa-stethoscope:before {
	content: "\f0f1"
}

.fa-sticker-mule:before {
	content: "\f3f7"
}

.fa-sticky-note:before {
	content: "\f249"
}

.fa-stocking:before {
	content: "\f7d5"
}

.fa-stomach:before {
	content: "\f623"
}

.fa-stop:before {
	content: "\f04d"
}

.fa-stop-circle:before {
	content: "\f28d"
}

.fa-stopwatch:before {
	content: "\f2f2"
}

.fa-store:before {
	content: "\f54e"
}

.fa-store-alt:before {
	content: "\f54f"
}

.fa-strava:before {
	content: "\f428"
}

.fa-stream:before {
	content: "\f550"
}

.fa-street-view:before {
	content: "\f21d"
}

.fa-strikethrough:before {
	content: "\f0cc"
}

.fa-stripe:before {
	content: "\f429"
}

.fa-stripe-s:before {
	content: "\f42a"
}

.fa-stroopwafel:before {
	content: "\f551"
}

.fa-studiovinari:before {
	content: "\f3f8"
}

.fa-stumbleupon:before {
	content: "\f1a4"
}

.fa-stumbleupon-circle:before {
	content: "\f1a3"
}

.fa-subscript:before {
	content: "\f12c"
}

.fa-subway:before {
	content: "\f239"
}

.fa-suitcase:before {
	content: "\f0f2"
}

.fa-suitcase-rolling:before {
	content: "\f5c1"
}

.fa-sun:before {
	content: "\f185"
}

.fa-sun-cloud:before {
	content: "\f763"
}

.fa-sun-dust:before {
	content: "\f764"
}

.fa-sun-haze:before {
	content: "\f765"
}

.fa-sunrise:before {
	content: "\f766"
}

.fa-sunset:before {
	content: "\f767"
}

.fa-superpowers:before {
	content: "\f2dd"
}

.fa-superscript:before {
	content: "\f12b"
}

.fa-supple:before {
	content: "\f3f9"
}

.fa-surprise:before {
	content: "\f5c2"
}

.fa-suse:before {
	content: "\f7d6"
}

.fa-swatchbook:before {
	content: "\f5c3"
}

.fa-swimmer:before {
	content: "\f5c4"
}

.fa-swimming-pool:before {
	content: "\f5c5"
}

.fa-sword:before {
	content: "\f71c"
}

.fa-swords:before {
	content: "\f71d"
}

.fa-synagogue:before {
	content: "\f69b"
}

.fa-sync:before {
	content: "\f021"
}

.fa-sync-alt:before {
	content: "\f2f1"
}

.fa-syringe:before {
	content: "\f48e"
}

.fa-table:before {
	content: "\f0ce"
}

.fa-table-tennis:before {
	content: "\f45d"
}

.fa-tablet:before {
	content: "\f10a"
}

.fa-tablet-alt:before {
	content: "\f3fa"
}

.fa-tablet-android:before {
	content: "\f3fb"
}

.fa-tablet-android-alt:before {
	content: "\f3fc"
}

.fa-tablet-rugged:before {
	content: "\f48f"
}

.fa-tablets:before {
	content: "\f490"
}

.fa-tachometer:before {
	content: "\f0e4"
}

.fa-tachometer-alt:before {
	content: "\f3fd"
}

.fa-tachometer-alt-average:before {
	content: "\f624"
}

.fa-tachometer-alt-fast:before {
	content: "\f625"
}

.fa-tachometer-alt-fastest:before {
	content: "\f626"
}

.fa-tachometer-alt-slow:before {
	content: "\f627"
}

.fa-tachometer-alt-slowest:before {
	content: "\f628"
}

.fa-tachometer-average:before {
	content: "\f629"
}

.fa-tachometer-fast:before {
	content: "\f62a"
}

.fa-tachometer-fastest:before {
	content: "\f62b"
}

.fa-tachometer-slow:before {
	content: "\f62c"
}

.fa-tachometer-slowest:before {
	content: "\f62d"
}

.fa-tag:before {
	content: "\f02b"
}

.fa-tags:before {
	content: "\f02c"
}

.fa-tally:before {
	content: "\f69c"
}

.fa-tape:before {
	content: "\f4db"
}

.fa-tasks:before {
	content: "\f0ae"
}

.fa-taxi:before {
	content: "\f1ba"
}

.fa-teamspeak:before {
	content: "\f4f9"
}

.fa-teeth:before {
	content: "\f62e"
}

.fa-teeth-open:before {
	content: "\f62f"
}

.fa-telegram:before {
	content: "\f2c6"
}

.fa-telegram-plane:before {
	content: "\f3fe"
}

.fa-temperature-frigid:before {
	content: "\f768"
}

.fa-temperature-high:before {
	content: "\f769"
}

.fa-temperature-hot:before {
	content: "\f76a"
}

.fa-temperature-low:before {
	content: "\f76b"
}

.fa-tencent-weibo:before {
	content: "\f1d5"
}

.fa-tenge:before {
	content: "\f7d7"
}

.fa-tennis-ball:before {
	content: "\f45e"
}

.fa-terminal:before {
	content: "\f120"
}

.fa-text-height:before {
	content: "\f034"
}

.fa-text-width:before {
	content: "\f035"
}

.fa-th:before {
	content: "\f00a"
}

.fa-th-large:before {
	content: "\f009"
}

.fa-th-list:before {
	content: "\f00b"
}

.fa-the-red-yeti:before {
	content: "\f69d"
}

.fa-theater-masks:before {
	content: "\f630"
}

.fa-themeco:before {
	content: "\f5c6"
}

.fa-themeisle:before {
	content: "\f2b2"
}

.fa-thermometer:before {
	content: "\f491"
}

.fa-thermometer-empty:before {
	content: "\f2cb"
}

.fa-thermometer-full:before {
	content: "\f2c7"
}

.fa-thermometer-half:before {
	content: "\f2c9"
}

.fa-thermometer-quarter:before {
	content: "\f2ca"
}

.fa-thermometer-three-quarters:before {
	content: "\f2c8"
}

.fa-theta:before {
	content: "\f69e"
}

.fa-think-peaks:before {
	content: "\f731"
}

.fa-thumbs-down:before {
	content: "\f165"
}

.fa-thumbs-up:before {
	content: "\f164"
}

.fa-thumbtack:before {
	content: "\f08d"
}

.fa-thunderstorm:before {
	content: "\f76c"
}

.fa-thunderstorm-moon:before {
	content: "\f76d"
}

.fa-thunderstorm-sun:before {
	content: "\f76e"
}

.fa-ticket:before {
	content: "\f145"
}

.fa-ticket-alt:before {
	content: "\f3ff"
}

.fa-tilde:before {
	content: "\f69f"
}

.fa-times:before {
	content: "\f00d"
}

.fa-times-circle:before {
	content: "\f057"
}

.fa-times-hexagon:before {
	content: "\f2ee"
}

.fa-times-octagon:before {
	content: "\f2f0"
}

.fa-times-square:before {
	content: "\f2d3"
}

.fa-tint:before {
	content: "\f043"
}

.fa-tint-slash:before {
	content: "\f5c7"
}

.fa-tire:before {
	content: "\f631"
}

.fa-tire-flat:before {
	content: "\f632"
}

.fa-tire-pressure-warning:before {
	content: "\f633"
}

.fa-tire-rugged:before {
	content: "\f634"
}

.fa-tired:before {
	content: "\f5c8"
}

.fa-toggle-off:before {
	content: "\f204"
}

.fa-toggle-on:before {
	content: "\f205"
}

.fa-toilet:before {
	content: "\f7d8"
}

.fa-toilet-paper:before {
	content: "\f71e"
}

.fa-toilet-paper-alt:before {
	content: "\f71f"
}

.fa-tombstone:before {
	content: "\f720"
}

.fa-tombstone-alt:before {
	content: "\f721"
}

.fa-toolbox:before {
	content: "\f552"
}

.fa-tools:before {
	content: "\f7d9"
}

.fa-tooth:before {
	content: "\f5c9"
}

.fa-toothbrush:before {
	content: "\f635"
}

.fa-torah:before {
	content: "\f6a0"
}

.fa-torii-gate:before {
	content: "\f6a1"
}

.fa-tornado:before {
	content: "\f76f"
}

.fa-tractor:before {
	content: "\f722"
}

.fa-trade-federation:before {
	content: "\f513"
}

.fa-trademark:before {
	content: "\f25c"
}

.fa-traffic-cone:before {
	content: "\f636"
}

.fa-traffic-light:before {
	content: "\f637"
}

.fa-traffic-light-go:before {
	content: "\f638"
}

.fa-traffic-light-slow:before {
	content: "\f639"
}

.fa-traffic-light-stop:before {
	content: "\f63a"
}

.fa-train:before {
	content: "\f238"
}

.fa-tram:before {
	content: "\f7da"
}

.fa-transgender:before {
	content: "\f224"
}

.fa-transgender-alt:before {
	content: "\f225"
}

.fa-trash:before {
	content: "\f1f8"
}

.fa-trash-alt:before {
	content: "\f2ed"
}

.fa-treasure-chest:before {
	content: "\f723"
}

.fa-tree:before {
	content: "\f1bb"
}

.fa-tree-alt:before {
	content: "\f400"
}

.fa-tree-christmas:before {
	content: "\f7db"
}

.fa-tree-decorated:before {
	content: "\f7dc"
}

.fa-tree-large:before {
	content: "\f7dd"
}

.fa-trees:before {
	content: "\f724"
}

.fa-trello:before {
	content: "\f181"
}

.fa-triangle:before {
	content: "\f2ec"
}

.fa-tripadvisor:before {
	content: "\f262"
}

.fa-trophy:before {
	content: "\f091"
}

.fa-trophy-alt:before {
	content: "\f2eb"
}

.fa-truck:before {
	content: "\f0d1"
}

.fa-truck-container:before {
	content: "\f4dc"
}

.fa-truck-couch:before {
	content: "\f4dd"
}

.fa-truck-loading:before {
	content: "\f4de"
}

.fa-truck-monster:before {
	content: "\f63b"
}

.fa-truck-moving:before {
	content: "\f4df"
}

.fa-truck-pickup:before {
	content: "\f63c"
}

.fa-truck-plow:before {
	content: "\f7de"
}

.fa-truck-ramp:before {
	content: "\f4e0"
}

.fa-tshirt:before {
	content: "\f553"
}

.fa-tty:before {
	content: "\f1e4"
}

.fa-tumblr:before {
	content: "\f173"
}

.fa-tumblr-square:before {
	content: "\f174"
}

.fa-turkey:before {
	content: "\f725"
}

.fa-turtle:before {
	content: "\f726"
}

.fa-tv:before {
	content: "\f26c"
}

.fa-tv-retro:before {
	content: "\f401"
}

.fa-twitch:before {
	content: "\f1e8"
}

.fa-twitter:before {
	content: "\f099"
}

.fa-twitter-square:before {
	content: "\f081"
}

.fa-typo3:before {
	content: "\f42b"
}

.fa-uber:before {
	content: "\f402"
}

.fa-ubuntu:before {
	content: "\f7df"
}

.fa-uikit:before {
	content: "\f403"
}

.fa-umbrella:before {
	content: "\f0e9"
}

.fa-umbrella-beach:before {
	content: "\f5ca"
}

.fa-underline:before {
	content: "\f0cd"
}

.fa-undo:before {
	content: "\f0e2"
}

.fa-undo-alt:before {
	content: "\f2ea"
}

.fa-unicorn:before {
	content: "\f727"
}

.fa-union:before {
	content: "\f6a2"
}

.fa-uniregistry:before {
	content: "\f404"
}

.fa-universal-access:before {
	content: "\f29a"
}

.fa-university:before {
	content: "\f19c"
}

.fa-unlink:before {
	content: "\f127"
}

.fa-unlock:before {
	content: "\f09c"
}

.fa-unlock-alt:before {
	content: "\f13e"
}

.fa-untappd:before {
	content: "\f405"
}

.fa-upload:before {
	content: "\f093"
}

.fa-ups:before {
	content: "\f7e0"
}

.fa-usb:before {
	content: "\f287"
}

.fa-usd-circle:before {
	content: "\f2e8"
}

.fa-usd-square:before {
	content: "\f2e9"
}

.fa-user:before {
	content: "\f007"
}

.fa-user-alt:before {
	content: "\f406"
}

.fa-user-alt-slash:before {
	content: "\f4fa"
}

.fa-user-astronaut:before {
	content: "\f4fb"
}

.fa-user-chart:before {
	content: "\f6a3"
}

.fa-user-check:before {
	content: "\f4fc"
}

.fa-user-circle:before {
	content: "\f2bd"
}

.fa-user-clock:before {
	content: "\f4fd"
}

.fa-user-cog:before {
	content: "\f4fe"
}

.fa-user-crown:before {
	content: "\f6a4"
}

.fa-user-edit:before {
	content: "\f4ff"
}

.fa-user-friends:before {
	content: "\f500"
}

.fa-user-graduate:before {
	content: "\f501"
}

.fa-user-injured:before {
	content: "\f728"
}

.fa-user-lock:before {
	content: "\f502"
}

.fa-user-md:before {
	content: "\f0f0"
}

.fa-user-minus:before {
	content: "\f503"
}

.fa-user-ninja:before {
	content: "\f504"
}

.fa-user-plus:before {
	content: "\f234"
}

.fa-user-secret:before {
	content: "\f21b"
}

.fa-user-shield:before {
	content: "\f505"
}

.fa-user-slash:before {
	content: "\f506"
}

.fa-user-tag:before {
	content: "\f507"
}

.fa-user-tie:before {
	content: "\f508"
}

.fa-user-times:before {
	content: "\f235"
}

.fa-users:before {
	content: "\f0c0"
}

.fa-users-class:before {
	content: "\f63d"
}

.fa-users-cog:before {
	content: "\f509"
}

.fa-users-crown:before {
	content: "\f6a5"
}

.fa-usps:before {
	content: "\f7e1"
}

.fa-ussunnah:before {
	content: "\f407"
}

.fa-utensil-fork:before {
	content: "\f2e3"
}

.fa-utensil-knife:before {
	content: "\f2e4"
}

.fa-utensil-spoon:before {
	content: "\f2e5"
}

.fa-utensils:before {
	content: "\f2e7"
}

.fa-utensils-alt:before {
	content: "\f2e6"
}

.fa-vaadin:before {
	content: "\f408"
}

.fa-value-absolute:before {
	content: "\f6a6"
}

.fa-vector-square:before {
	content: "\f5cb"
}

.fa-venus:before {
	content: "\f221"
}

.fa-venus-double:before {
	content: "\f226"
}

.fa-venus-mars:before {
	content: "\f228"
}

.fa-viacoin:before {
	content: "\f237"
}

.fa-viadeo:before {
	content: "\f2a9"
}

.fa-viadeo-square:before {
	content: "\f2aa"
}

.fa-vial:before {
	content: "\f492"
}

.fa-vials:before {
	content: "\f493"
}

.fa-viber:before {
	content: "\f409"
}

.fa-video:before {
	content: "\f03d"
}

.fa-video-plus:before {
	content: "\f4e1"
}

.fa-video-slash:before {
	content: "\f4e2"
}

.fa-vihara:before {
	content: "\f6a7"
}

.fa-vimeo:before {
	content: "\f40a"
}

.fa-vimeo-square:before {
	content: "\f194"
}

.fa-vimeo-v:before {
	content: "\f27d"
}

.fa-vine:before {
	content: "\f1ca"
}

.fa-vk:before {
	content: "\f189"
}

.fa-vnv:before {
	content: "\f40b"
}

.fa-volcano:before {
	content: "\f770"
}

.fa-volleyball-ball:before {
	content: "\f45f"
}

.fa-volume:before {
	content: "\f6a8"
}

.fa-volume-down:before {
	content: "\f027"
}

.fa-volume-mute:before {
	content: "\f6a9"
}

.fa-volume-off:before {
	content: "\f026"
}

.fa-volume-slash:before {
	content: "\f2e2"
}

.fa-volume-up:before {
	content: "\f028"
}

.fa-vote-nay:before {
	content: "\f771"
}

.fa-vote-yea:before {
	content: "\f772"
}

.fa-vr-cardboard:before {
	content: "\f729"
}

.fa-vuejs:before {
	content: "\f41f"
}

.fa-walking:before {
	content: "\f554"
}

.fa-wallet:before {
	content: "\f555"
}

.fa-wand:before {
	content: "\f72a"
}

.fa-wand-magic:before {
	content: "\f72b"
}

.fa-warehouse:before {
	content: "\f494"
}

.fa-warehouse-alt:before {
	content: "\f495"
}

.fa-watch:before {
	content: "\f2e1"
}

.fa-watch-fitness:before {
	content: "\f63e"
}

.fa-water:before {
	content: "\f773"
}

.fa-water-lower:before {
	content: "\f774"
}

.fa-water-rise:before {
	content: "\f775"
}

.fa-weebly:before {
	content: "\f5cc"
}

.fa-weibo:before {
	content: "\f18a"
}

.fa-weight:before {
	content: "\f496"
}

.fa-weight-hanging:before {
	content: "\f5cd"
}

.fa-weixin:before {
	content: "\f1d7"
}

.fa-whale:before {
	content: "\f72c"
}

.fa-whatsapp:before {
	content: "\f232"
}

.fa-whatsapp-square:before {
	content: "\f40c"
}

.fa-wheat:before {
	content: "\f72d"
}

.fa-wheelchair:before {
	content: "\f193"
}

.fa-whistle:before {
	content: "\f460"
}

.fa-whmcs:before {
	content: "\f40d"
}

.fa-wifi:before {
	content: "\f1eb"
}

.fa-wifi-1:before {
	content: "\f6aa"
}

.fa-wifi-2:before {
	content: "\f6ab"
}

.fa-wifi-slash:before {
	content: "\f6ac"
}

.fa-wikipedia-w:before {
	content: "\f266"
}

.fa-wind:before {
	content: "\f72e"
}

.fa-wind-warning:before {
	content: "\f776"
}

.fa-window:before {
	content: "\f40e"
}

.fa-window-alt:before {
	content: "\f40f"
}

.fa-window-close:before {
	content: "\f410"
}

.fa-window-maximize:before {
	content: "\f2d0"
}

.fa-window-minimize:before {
	content: "\f2d1"
}

.fa-window-restore:before {
	content: "\f2d2"
}

.fa-windows:before {
	content: "\f17a"
}

.fa-windsock:before {
	content: "\f777"
}

.fa-wine-bottle:before {
	content: "\f72f"
}

.fa-wine-glass:before {
	content: "\f4e3"
}

.fa-wine-glass-alt:before {
	content: "\f5ce"
}

.fa-wix:before {
	content: "\f5cf"
}

.fa-wizards-of-the-coast:before {
	content: "\f730"
}

.fa-wolf-pack-battalion:before {
	content: "\f514"
}

.fa-won-sign:before {
	content: "\f159"
}

.fa-wordpress:before {
	content: "\f19a"
}

.fa-wordpress-simple:before {
	content: "\f411"
}

.fa-wpbeginner:before {
	content: "\f297"
}

.fa-wpexplorer:before {
	content: "\f2de"
}

.fa-wpforms:before {
	content: "\f298"
}

.fa-wpressr:before {
	content: "\f3e4"
}

.fa-wreath:before {
	content: "\f7e2"
}

.fa-wrench:before {
	content: "\f0ad"
}

.fa-x-ray:before {
	content: "\f497"
}

.fa-xbox:before {
	content: "\f412"
}

.fa-xing:before {
	content: "\f168"
}

.fa-xing-square:before {
	content: "\f169"
}

.fa-y-combinator:before {
	content: "\f23b"
}

.fa-yahoo:before {
	content: "\f19e"
}

.fa-yandex:before {
	content: "\f413"
}

.fa-yandex-international:before {
	content: "\f414"
}

.fa-yarn:before {
	content: "\f7e3"
}

.fa-yelp:before {
	content: "\f1e9"
}

.fa-yen-sign:before {
	content: "\f157"
}

.fa-yin-yang:before {
	content: "\f6ad"
}

.fa-yoast:before {
	content: "\f2b1"
}

.fa-youtube:before {
	content: "\f167"
}

.fa-youtube-square:before {
	content: "\f431"
}

.fa-zhihu:before {
	content: "\f63f"
}

.sr-only {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto
}

@font-face {
	font-family: "Font Awesome 5 Brands";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(fonts/fa-brands-400.eot);
	src: url(fonts/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(fonts/fa-brands-400.woff2) format("woff2"), url(fonts/fa-brands-400.woff) format("woff"), url(../fonts/fa-brands-400.ttf) format("truetype"), url(../fonts/fa-brands-400.svg#fontawesome) format("svg")
}

.fab {
	font-family: "Font Awesome 5 Brands"
}

.fa,
.fal,
.far,
.fas {
	font-family: "Font Awesome 5 Pro"
}

@font-face {
	font-family: "Font Awesome 5 Pro";
	font-style: normal;
	font-display: swap;
	font-weight: 300;
	src: url(../fonts/fa-light-300.eot);
	src: url(../fonts/fa-light-300.eot?#iefix) format("embedded-opentype"), url(../fonts/fa-light-300.woff2) format("woff2"), url(../fonts/fa-light-300.woff) format("woff"), url(../fonts/fa-light-300.ttf) format("truetype"), url(../fonts/fa-light-300.svg#fontawesome) format("svg")
}

.fal {
	font-weight: 300
}

@font-face {
	font-family: "Font Awesome 5 Pro";
	font-style: normal;
	font-display: swap;
	font-weight: 400;
	src: url(../fonts/fa-regular-400.eot);
	src: url(../fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(../fonts/fa-regular-400.woff2) format("woff2"), url(../fonts/fa-regular-400.woff) format("woff"), url(../fonts/fa-regular-400.ttf) format("truetype"), url(../fonts/fa-regular-400.svg#fontawesome) format("svg")
}

.far {
	font-weight: 400
}

@font-face {
	font-family: "Font Awesome 5 Pro";
	font-style: normal;
	font-display: swap;
	font-weight: 900;
	src: url(../fonts/fa-solid-900.eot);
	src: url(../fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(../fonts/fa-solid-900.woff2) format("woff2"), url(../fonts/fa-solid-900.woff) format("woff"), url(../fonts/fa-solid-900.ttf) format("truetype"), url(../fonts/fa-solid-900.svg#fontawesome) format("svg")
}

.fa,
.fas {
	font-weight: 900
}

@media only screen and (max-width:991px) {
	.hide-t {
		display: none
	}
}

@media only screen and (max-width:767px) {
	.hide-t {
		display: block
	}
	.hide-m {
		display: none
	}
}

@media only screen and (min-width:993px) {
	.show-t {
		display: none
	}
}

@media only screen and (max-width:991px) {
	.hide-t--down {
		display: none
	}
	.show-t {
		display: block
	}
}

@media only screen and (max-width:767px) {
	.show-t {
		display: none
	}
}

@media only screen and (min-width:993px) {
	.show-t--down {
		display: none
	}
}

@media only screen and (max-width:991px) {
	.show-t--down {
		display: block
	}
}

@media only screen and (min-width:1921px) {
	.banner-middle-content .ipad-title {
		font-size: 130px;
		line-height: 135px;
		margin-bottom: 80px
	}
	.parallax-div-left:before {
		width: 540px;
		height: 460px
	}
}

@media only screen and (min-width:2350px) {
	.banner-middle-content .ipad-title {
		font-size: 170px;
		line-height: 165px;
		font-weight: 500;
		margin-bottom: 110px
	}
	.parallax-div-left:before {
		width: 540px;
		height: 460px
	}
}

@media only screen and (max-width:1600px) {
	.section-service-block-link {
		right: -80px
	}
	.banner-middle-content {
		padding: 0 15%
	}
	.black-appear .section-service-block-link {
		right: -40px
	}
	.parralax-content {
		padding: 70px;
		width: 50%
	}
	.page-magento-audit .parallax .parralax-content,
	.page-magento-performance-optimization .parralax-content {
		width: 50%
	}
	.section-service-detail {
		padding-left: 70px;
		padding-right: 70px
	}
	.service-information .service-info .service-wrap {
		padding: 50px
	}
	.service-information .service-info .small-block-link {
		left: 50px
	}
	.tech-info .tech-wrapper .tech-wrap p {
		width: 85%
	}
	.work-listing ul {
		padding: 0 50px
	}
	.work-listing ul li {
		padding: 0 20px;
		margin-bottom: 80px
	}
	.parallax-split-content-box {
		padding: 0 80px
	}
	.parallax-split-content-box .parallax-content {
		padding: 0 120px
	}
	.page-magento-2-migration .section-parallax-block .parralax-content {
		width: 50%
	}
	.page-magento-2-migration .mobile-devloper-section .container-fluid .row .grid-md-6:first-child {
		padding-left: 10%
	}
	.page-home .parallax-div-left {
		width: 30vw
	}
	.page-home .parallax-div-left:before {
		left: -70px
	}
}

@media only screen and (max-width:1440px) {
	.section-service-block-link {
		right: -10px
	}
	.page-home .parallax-div-left {
		display: none!important
	}
	.black-appear .section-service-block-link {
		right: 0
	}
	.service-information .service-info .service-wrap {
		padding: 40px 30px
	}
	.service-information .service-info .small-block-link {
		left: 30px;
		bottom: 40px
	}
	.service-information .service-info ul {
		max-height: 300px
	}
	.service-information .service-info ul li a {
		font-size: 17px;
		margin-bottom: 10px
	}
	.service-information:hover ul {
		max-height: 1100px
	}
	.work-listing ul li .work-content {
		padding: 40px 0 0 60px
	}
	.work-listing ul li .work-content:before {
		top: 47px
	}
	.work-listing ul li .work-list:hover .work-content {
		padding-right: 60px;
		padding-left: 0
	}
	.page-html5-and-css3-development .design-slider-wrapper .slide-content-wrap .services-title {
		width: 100%
	}
	.page-wordpress-development .mobile-devloper-section .container-fluid .row .grid-md-6:first-child {
		padding-left: 10%
	}
	.section-working-slider .h-3,
	.section-working-slider h3 {
		font-size: 40px;
		line-height: 40px
	}
	.parallax-split-content-box {
		padding: 0 60px
	}
	.parallax-split-content-box .parallax-content {
		padding: 0 80px
	}
	.page-magento-development .mobile-devloper-section .container-fluid .row .grid-md-6:first-child {
		padding-left: 10%
	}
	.title-content-fullimage .work-detail-images {
		padding: 130px 100px 60px;
		margin-bottom: -430px
	}
	.mobile-devloper-section.style-2,
	.section-content-right-bg .section-content-list {
		margin-bottom: 0
	}
	.image-minus-design-skills.design-skills {
		padding-top: 450px
	}
	.mobile-devloper-section.style-2 .image-box {
		left: -50px;
		top: 0
	}
	.page-magento-theme-development .mobile-devloper-section .container-fluid .row .grid-md-6:first-child {
		padding-left: 10%
	}
	.page-magento-extension-development .parralax-content {
		width: 50%
	}
	.section-skill-block p:empty {
		display: none
	}
	.mobile-devloper-section .container-fluid .row .grid-md-6:last-child {
		padding-right: 8%
	}
	.mobile-devloper-section .container-fluid .outside-box-left {
		margin-left: -3vw
	}
	canvas {
		left: 50px
	}
	.banner-middle-content {
		padding: 0 70px
	}
	.counter-wrap .counter-setting {
		padding-left: 0
	}
}

@media only screen and (max-width:1300px) {
	.design-content-wrapper .section-title,
	.section-title {
		margin-bottom: 70px
	}
	.container {
		max-width: 100%;
		padding: 0 75px
	}
	.client-wrapper,
	section {
		padding: 120px 0
	}
	.section-service-block .section-service-block-link {
		display: none
	}
	.section-title {
		display: inline-block
	}
	.service-post p {
		width: 95%
	}
	.work-slide-container .work-info {
		margin-right: 50px
	}
	.work-slide-container .work-info .section-service-block-link {
		top: 50%
	}
	.working-slider-wrap {
		margin: 0
	}
	.section-partner-block {
		padding-bottom: 60px
	}
	.section-partner-block .section-title {
		margin-bottom: 30px
	}
	.section-partner-block .partner-logo li {
		margin: 0 0 70px
	}
	.section-title-block {
		padding-top: 220px;
		padding-bottom: 120px
	}
	.parallax {
		padding: 75px
	}
	.section-parallax-block {
		min-height: 680px
	}
	.story-content .story-info .story-wrap {
		padding: 60px 40px
	}
	.about-title {
		height: 600px!important
	}
	.about-title .about-content {
		padding: 0 7% 0 0
	}
	.slider-image-wrapper {
		padding-left: 75px
	}
	.skill-content .h-4,
	.skill-content h4 {
		width: 90%
	}
	.skill-content p {
		width: 100%
	}
	.section-service-detail {
		padding-left: 50px;
		padding-right: 50px
	}
	.page-services .section-title-block .width-60,
	.section-service-detail .section-title h2 {
		width: 80%
	}
	.section-approach-block .parallax-div-left:before {
		left: -150px
	}
	.service-information .service-info .service-wrap {
		padding: 30px
	}
	.service-information .service-info h6 {
		margin-bottom: 20px
	}
	.service-information .service-info ul {
		max-height: 340px
	}
	.service-information .service-info ul li a {
		font-size: 14px;
		margin-bottom: 15px;
		line-height: 20px
	}
	.service-information:hover ul {
		max-height: 770px
	}
	.sticky-sidebar h2 div {
		line-height: 70px
	}
	.approach-info .approach-detail {
		margin-bottom: 60px
	}
	.section-working-slider .working-slider {
		padding-left: 350px
	}
	.section-working-slider .working-slider .work-number {
		left: -350px
	}
	.section-working-slider .working-prev {
		left: 350px
	}
	.section-working-slider .working-next {
		left: 430px
	}
	.tech-info .tech-wrapper .tech-wrap {
		padding: 50px
	}
	.work-listing ul {
		padding: 0 35px
	}
	.work-listing ul li {
		padding: 0 15px
	}
	.work-listing ul li .work-content {
		padding: 40px 0 0 40px
	}
	.work-listing ul li .work-content:before {
		width: 25px
	}
	.work-listing ul li .work-content .h-5,
	.work-listing ul li .work-content h5 {
		font-size: 22px;
		line-height: 28px
	}
	.work-listing ul li .work-list:hover .work-content {
		padding-left: 0;
		padding-right: 40px
	}
	.work-listing ul li .work-list:hover .work-content:before {
		width: 0
	}
	.work-banner {
		padding-top: 150px
	}
	.work-banner .section-title .work-logo {
		width: 40%
	}
	.work-banner .section-title .h-3,
	.work-banner .section-title h3 {
		width: 60%
	}
	.section-content-wrap .service-post p,
	.section-department-block h5 {
		width: 100%
	}
	.work-images {
		margin-bottom: 80px
	}
	.work-title-detail {
		margin-bottom: 70px
	}
	.work-detail-images,
	.work-mobile-image {
		margin-bottom: 80px
	}
	.section-department-block .page-title {
		margin-bottom: 0
	}
	.section-content-wrap .service-post {
		padding-bottom: 60px
	}
	.contact-banner {
		padding-top: 180px
	}
	.contact-info-wrap .h-3,
	.contact-info-wrap h3 {
		width: 80%
	}
	.popup-form form textarea {
		height: 80px
	}
	.popup-form form label {
		margin-bottom: 30px
	}
	.slide-content-wrap {
		padding-right: 0
	}
	.design-content-wrapper .design-content-box {
		padding: 45px 50px 50px;
		cursor: pointer
	}
	.service-wrapper {
		padding-top: 70px
	}
	.service-wrapper .content {
		width: 100%
	}
	.service-wrapper>div {
		margin-bottom: 40px
	}
	.section-design-further {
		padding-bottom: 30px
	}
	.work-related-project {
		padding-top: 100px
	}
	.work-related-project.work-listing ul li {
		margin-bottom: 50px
	}
	.work-related-project.work-listing ul li .work-content .h-5,
	.work-related-project.work-listing ul li .work-content h5 {
		font-size: 19px;
		line-height: 36px
	}
	.design-slider-wrapper h2 {
		margin-bottom: 100px
	}
	.formulate-design {
		padding-bottom: 20px
	}
	.formulate-design .formulate-design-content {
		margin-top: 70px
	}
	.formulate-design .formulate-design-content p {
		width: 100%;
		margin-bottom: 0
	}
	.design-skills {
		padding-bottom: 30px
	}
	.design-skills .design-skills-content,
	.design-skills .section-title {
		margin-bottom: 70px
	}
	.design-skills .design-skills-content p,
	.design-skills .design-skills-content.grid-sm-6 p {
		width: 90%
	}
	.page-landing-page-design .parallax-split-content-box {
		padding: 100px 0
	}
	.section-landing-service-wrapper .services-wrapper>div {
		margin: 50px 0 0
	}
	.section-landing-service-wrapper .services-wrapper .title {
		width: 100%
	}
	.section-our-export h2 {
		width: 90%;
		margin-bottom: 60px
	}
	.business-wrapper p,
	.portfolio-work-content .portfolio-work-middle {
		width: 100%
	}
	.business-wrapper>div {
		margin-bottom: 70px
	}
	.about-responsive h2 {
		width: 80%
	}
	.bg-image-section .content-box {
		padding: 6%
	}
	.bg-image-section .content {
		margin-bottom: 50px
	}
	.progress-step-item .progress-content {
		width: 95%
	}
	.page-wordpress-development .mobile-devloper-section p,
	.page-wordpress-development .our-wordpress-section .section-title .grid-md-6 {
		width: 100%
	}
	.parallax-split-content-box {
		padding: 0 70px
	}
	.parallax-split-content-box .parallax-content {
		padding: 0 40px
	}
	.parallax-split-content-box .parallax-content p {
		margin-bottom: 30px
	}
	.parallax-split-content-box .parallax-content .h-4,
	.parallax-split-content-box .parallax-content h4 {
		margin-bottom: 20px
	}
	.section-landing-service-wrapper.second-style .section-title h2 {
		width: 60%
	}
	.bg-color h2 {
		font-size: 70px;
		line-height: 80px
	}
	.client-services-middle.bg-color {
		padding: 130px 0
	}
	.page-magento-development .mobile-devloper-section .container-fluid .row .grid-md-6:first-child {
		padding-left: 6%
	}
	.title-content-fullimage .work-detail-images {
		padding: 100px 60px 60px;
		margin-bottom: -320px
	}
	.image-minus-design-skills.design-skills {
		padding-top: 350px
	}
	.padding-bottom-170.image {
		padding-bottom: 100px
	}
	.mobile-devloper-section.style-2 {
		padding: 100px 0
	}
	.page-magento-theme-development .mobile-devloper-section .btn {
		margin-top: 0
	}
	.page-magento-theme-development .mobile-devloper-section .container-fluid .row .grid-md-6:first-child {
		padding-left: 6%
	}
	.page-magento-theme-development .mobile-devloper-section .container-fluid .row .outside-box-right {
		padding-left: 30px
	}
	.page-magento-theme-development .our-wordpress-section .section-title .grid-md-6 {
		width: 70%
	}
	.bottom-image.client-services-middle .row {
		margin-bottom: 100px
	}
	.section-content-list ul {
		width: 90%
	}
	.page-magento-performance-optimization .mobile-devloper-section.style-1 {
		padding-bottom: 150px
	}
	.h-2.width-65 {
		width: 80%
	}
	.approach-info h2,
	.page-magento-integrations .design-skills .design-skills-content {
		margin-bottom: 80px
	}
	.page-magento-integrations .section-landing-service-wrapper .services-wrapper>div {
		margin: 70px 0 0
	}
	.page-pwa-for-magento .section-skill-block .skill-content p {
		width: 100%
	}
	.page-psd-to-magento .parralax-content {
		width: 50%
	}
	.mobile-devloper-section .container-fluid .row .grid-md-6:last-child {
		padding-right: 5%
	}
	.mobile-devloper-section .container-fluid .row .grid-md-6:last-child p:last-child {
		margin-bottom: 0
	}
	.mobile-devloper-section h2 {
		margin-bottom: 30px
	}
	.page-shopify-development .parallax-split-content-box {
		padding: 100px 0
	}
	.page-copywriting .section-partner-block .section-title {
		margin-bottom: 110px
	}
	.work-banner .section-title,
	.work-counter .section-title {
		margin-bottom: 70px
	}
	.page-careers .team-section {
		padding-bottom: 50px
	}
	.page-careers .team-section ul li {
		width: 25%;
		margin-bottom: 50px
	}
	.page-careers .design-content-wrapper .section-title h2 {
		padding: 0 10%
	}
	.section-testimonial-slider .section-title {
		margin: 0 auto 80px
	}
	.section-testimonial-slider .swiper-container .swiper-slide p {
		width: 70%
	}
	.work-detail-content-wrapper .detail-content {
		margin-bottom: 60px
	}
	.page-home .section-partner-block .section-title {
		width: 100%;
		margin-bottom: 80px
	}
	.counter-setting .vertical-counter {
		font-size: 40px;
		font-weight: 500
	}
	.counter-setting .vertical-percent {
		font-size: 38px
	}
	.overlap-height {
		margin-bottom: 25%
	}
	.about-responsive .overlap-section {
		margin-bottom: 120px
	}
}

@media only screen and (max-width:1100px) {
	.h-2.width-55,
	.h-2.width-60,
	.h-2.width-80,
	h2.width-55,
	h2.width-60,
	h2.width-80 {
		width: 100%
	}
	.page-services .section-title-block .h-2 {
		width: 90%
	}
	.design-skills .design-skills-content .h-4,
	.design-skills .design-skills-content h4,
	.design-skills .design-skills-content.grid-sm-6 p,
	.mobile-app-our-works .button .btn,
	.page-about .section-strategy-block .skill-content p,
	.page-magento-development .mobile-devloper-section.style-1 p,
	.page-magento-development .section-design-further .skill-content p,
	.section-service-detail .section-title h2,
	.section-working-slider .h-3,
	.section-working-slider h3,
	.skill-content .h-4,
	.skill-content h4 {
		width: 100%
	}
	.section-service-detail {
		padding-bottom: 70px
	}
	.story-content .story-info .story-wrap {
		padding: 50px 30px
	}
	.story-content .story-info h5>span {
		margin-bottom: 20px
	}
	.work-listing ul li .work-content .h-5,
	.work-listing ul li .work-content h5 {
		font-size: 17px;
		line-height: 30px
	}
	.design-slider-wrapper h2 {
		margin-bottom: 30px
	}
	.design-slider-wrapper .row:first-child {
		margin-bottom: 50px
	}
	.design-slider-wrapper .row:first-child h2 {
		margin-bottom: 0
	}
	.mobile-app-our-works .button {
		margin-top: 50px
	}
	.mobile-app-our-works .button .btn {
		margin: 0 0 30px
	}
	.mobile-app-our-works .button .btn:last-child {
		margin-bottom: 0
	}
	.section-landing-service-wrapper .services-wrapper>div {
		margin-top: 50px
	}
	.section-landing-service-wrapper .button {
		margin-top: 80px
	}
	.section-landing-service-wrapper.second-style .section-title h2 {
		width: 60%
	}
	.technology-icon-box .technology-icon-wrap .icon-title {
		margin: 15px 0 0;
		line-height: 20px
	}
	.mobile-technology-content {
		margin-bottom: 70px
	}
	.client-services .button {
		margin-top: 50px
	}
	.client-services .btn-dual .btn {
		margin: 0 0 30px
	}
	.client-services .btn-dual .btn:last-child {
		margin-bottom: 0
	}
	.about-responsive .overlap-section {
		margin-bottom: 80px
	}
	.about-responsive-content p {
		margin-bottom: 0
	}
	.design-skills {
		padding-bottom: 70px
	}
	.design-skills .design-skills-content {
		margin-bottom: 50px
	}
	.page-wordpress-development .mobile-devloper-section .container-fluid .row .grid-md-6:first-child {
		padding-left: 75px
	}
	.page-wordpress-development .section-parallax-block {
		min-height: 800px
	}
	.section-working-slider .working-slider-content {
		padding-bottom: 40px;
		margin-top: 20px;
		margin-bottom: 0
	}
	.bottom-image.client-services-middle .row {
		margin-bottom: 80px
	}
	.page-wordpress-plugin-development .parallax-split-content,
	.page-wordpress-plugin-development .parallax-split-image {
		padding-bottom: 100px
	}
	.page-magento-development .design-slider-wrapper .grid-md-7,
	.page-magento-development .our-wordpress-section .section-title .grid-md-7 {
		width: 70%
	}
	.title-content-fullimage .section-title {
		margin-bottom: 70px
	}
	.title-content-fullimage .work-detail-images {
		padding: 70px 60px;
		margin-bottom: -320px
	}
	.image-minus-design-skills.design-skills {
		padding-top: 300px
	}
	.mobile-devloper-section h2 {
		margin: 0 0 50px
	}
	.page-magento-theme-development .mobile-devloper-section .grid-md-6 p:last-child {
		margin-bottom: 0
	}
	.page-magento-extension-development .section-landing-service-wrapper .services-wrapper h5 {
		width: 100%
	}
	.page-magento-audit .parallax .parralax-content {
		width: 60%
	}
	.audit-content .row {
		margin-bottom: 100px;
		display: inline-block
	}
	.audit-content .row:last-child {
		margin-bottom: 0
	}
	.icon-box-section .box {
		margin-top: 80px
	}
	.page-magento-2-migration .mobile-devloper-section .container-fluid .row .grid-md-6:first-child {
		padding-left: 6%
	}
	.page-magento-integrations .section-landing-service-wrapper .services-wrapper .title,
	.page-psd-to-magento .our-wordpress-wrapper .our-wordpress-item .h-4,
	.page-psd-to-magento .our-wordpress-wrapper .our-wordpress-item h4 {
		width: 100%
	}
	.page-hire-magento-developers .mobile-devloper-section h2 {
		font-size: 50px;
		line-height: 50px;
		margin-bottom: 30px
	}
	.section-title-block .h-2.width-70 {
		width: 80%
	}
	.design-skills-content .icon-box .h-4,
	.design-skills-content .icon-box h4 {
		width: auto
	}
	.counter-wrap .counter-setting .counter-setting-title {
		width: 60%;
		margin-right: 30px
	}
	.work-detail-title .h-3,
	.work-detail-title h3 {
		width: 100%;
		margin-bottom: 0
	}
	.counter-setting>span {
		line-height: 24px
	}
	.work-title-detail p {
		font-size: 16px;
		line-height: 24px
	}
	.page-careers .section-design-further .service-wrapper .content,
	.work-right-content p {
		width: 100%
	}
	.page-careers .design-content-wrapper .section-title h2 {
		padding: 0 6%
	}
	.page-careers .design-content-wrapper .design-content-box {
		padding: 55px 20px 60px
	}
	.page-careers .design-content-wrapper .design-content-box .design-content-box-hover ul {
		margin-top: 50px
	}
	.page-careers .design-content-wrapper .design-content-box:hover .design-content-box-hover {
		max-height: 580px
	}
	.work-detail-content-wrapper .detail-content {
		margin-bottom: 40px
	}
	.error-wrapper .container .h-2 {
		font-size: 200px
	}
	.error-wrapper .container .h-3 {
		width: 100%
	}
	.overlap-height {
		margin-bottom: 20%
	}
}

@media only screen and (max-width:1024px) {
	.dark-section .container,
	.section-service-block-link {
		opacity: 1
	}
	.banner-title {
		display: none
	}
	.h-2.text-effect,
	h2.text-effect {
		visibility: visible
	}
	.banner-middle-content {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding: 0 50px
	}
	.banner-middle-content .ipad-title {
		display: block;
		font-size: 90px;
		line-height: 90px;
		font-weight: 500;
		font-family: futura-pt, sans-serif;
		color: #1f1f1f;
		margin-top: 80px;
		margin-bottom: 80px;
		width: 80%;
		letter-spacing: -2px
	}
	.down-scroll,
	.page-home .section-service-block .parallax-div,
	.parallax-div {
		display: none!important
	}
	.design-slider-wrapper .swiper-wrapper .swiper-slide:last-child,
	.developers-inquiry-content .contect-right span:before,
	.page-magento-performance-optimization .section-approach-block .sticky-sidebar,
	.section-work-block .section-title .more-partners,
	section .row:after,
	section .row:before {
		display: none
	}
	.dark-section:after {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
	.work-counter:before {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
	.section-work-block {
		padding: 100px 0
	}
	.section-work-block .full-screen {
		height: auto!important
	}
	.section-work-block .section-title {
		margin-bottom: 90px
	}
	.section-work-block .section-title .h-2 {
		width: 70%
	}
	.section-work-block .work-slide-container {
		display: block;
		margin: 0 -15px
	}
	.section-work-block .work-slide-container .work-info {
		width: 50%;
		float: left;
		padding: 0 15px;
		margin: 0 0 30px
	}
	.section-work-block .work-slide-container .work-info .work-wrap {
		left: 60px;
		bottom: 40px
	}
	.section-work-block .work-slide-container .work-info .work-wrap .work-category {
		overflow: visible;
		height: auto
	}
	.section-work-block .work-slide-container .work-info .work-wrap .work-category span {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	.section-work-block .work-slide-container .work-info .work-wrap .h-3,
	.section-work-block .work-slide-container .work-info .work-wrap h3 {
		margin-bottom: 0;
		font-size: 25px;
		line-height: 25px
	}
	.section-work-block .work-slide-container .work-info .section-service-block-link {
		position: relative;
		top: 0;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		margin: 0 auto;
		display: table
	}
	.section-work-block .work-slide-container .work-info:last-child {
		width: 100%;
		margin: 50px 0 0
	}
	.section-work-block .work-slide-container .work-info:hover a:before {
		opacity: .7
	}
	.section-work-block .work-slide-container .work-info:hover img {
		opacity: 1
	}
	.section-work-block.dark-section:after {
		background-color: #1f1f1f!important
	}
	.parallax {
		background-attachment: inherit!important;
		background-position: center!important
	}
	.section-parallax-block {
		min-height: 550px;
		padding: 60px
	}
	.page-wordpress-theme-design .section-parallax-block {
		min-height: 550px
	}
	.service-information .service-info {
		max-width: 50%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		margin-bottom: 30px;
		-ms-flex-item-align: stretch;
		align-self: stretch;
		cursor: pointer
	}
	.service-information .service-info .service-wrap {
		padding: 50px
	}
	.service-information .service-info .small-block-link {
		left: 50px
	}
	.service-information .service-info ul {
		max-height: 100%
	}
	.service-information .service-info ul li a {
		font-size: 18px;
		margin-bottom: 20px;
		line-height: 25px
	}
	.service-information .service-info h6 {
		margin-bottom: 40px
	}
	.design-slider-wrapper {
		padding-bottom: 50px
	}
	.design-slider-wrapper .slider-image-wrapper {
		padding-bottom: 0
	}
	.design-slider-wrapper .row:first-child {
		margin-bottom: 0
	}
	.design-slider-wrapper .outside-box-right {
		margin-right: 0
	}
	.design-slider-wrapper .swiper-wrapper {
		display: block;
		-webkit-transform: none!important;
		transform: none!important;
		padding-top: 70px
	}
	.design-slider-wrapper .swiper-wrapper .swiper-slide {
		width: 50%!important;
		float: left;
		margin: 0 0 50px!important;
		padding-right: 30px
	}
	.design-slider-wrapper .swiper-wrapper .swiper-slide:nth-child(2n+1) {
		clear: both
	}
	.story-content .story-info {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}
	.story-content .story-info .story-wrap {
		padding: 70px 100px;
		cursor: pointer
	}
	.section-partner-block .partner-logo li img {
		max-height: 70px
	}
	.slider-image-wrapper {
		padding-bottom: 0
	}
	.tech-info .tech-wrapper .tech-wrap {
		padding: 65px 50px
	}
	.tech-info .tech-wrapper .tech-wrap p {
		width: 100%
	}
	.section-service-detail {
		padding-left: 75px;
		padding-right: 75px
	}
	.section-approach-block {
		padding: 120px 0 70px
	}
	.section-approach-block .sticky-sidebar {
		width: 100%
	}
	.section-approach-block .sticky-sidebar.appear-effect {
		position: relative;
		top: 0;
		width: 100%
	}
	.section-approach-block .sticky-sidebar .subtitle {
		opacity: 1;
		-webkit-clip-path: inset(0 0 0);
		clip-path: inset(0 0 0);
		-webkit-transform: none;
		transform: none
	}
	.section-approach-block .sticky-sidebar h2 div {
		opacity: 1;
		-webkit-clip-path: inset(0 0 0);
		clip-path: inset(0 0 0);
		-webkit-transform: none;
		transform: none;
		float: left;
		margin-right: 10px
	}
	.section-approach-block .sticky-sidebar h2 .width-70 {
		width: 100%
	}
	.section-approach-block .approach-info {
		width: 100%;
		padding: 0
	}
	.section-approach-block .approach-info h2 {
		padding: 0 15px
	}
	.section-approach-block .approach-info .approach-detail {
		width: 50%;
		float: left;
		padding: 0 15px;
		margin-bottom: 50px
	}
	.section-approach-block .approach-info .approach-detail:nth-child(2n+1) {
		clear: both
	}
	.page-hire-wordpress-developers .section-approach-block .approach-info .approach-detail:nth-child(2n+1),
	.page-magento-performance-optimization .section-approach-block .approach-info .approach-detail:nth-child(2n+1),
	.page-shopify-application-development .section-approach-block .approach-info .approach-detail:nth-child(2n+1),
	.page-woocommerce-development .section-approach-block .approach-info .approach-detail:nth-child(2n+1) {
		clear: none
	}
	.page-content-marketing .parralax-content,
	.page-email-template-design .parralax-content,
	.page-hire-shopify-developers .parralax-content,
	.page-hire-woocommerce-developers .parralax-content,
	.page-magento-2-migration .section-parallax-block .parralax-content,
	.page-magento-extension-development .parralax-content,
	.page-magento-performance-optimization .parralax-content,
	.page-psd-to-html-development .parralax-content,
	.page-psd-to-magento .section-parallax-block .parralax-content,
	.page-psd-to-shopify .parralax-content,
	.page-psd-to-wordpress-development .parralax-content,
	.page-pwa-for-magento .parralax-content,
	.page-shopify-application-development .parralax-content,
	.page-shopify-development .parralax-content,
	.page-shopify-theme-development .parralax-content {
		width: 60%
	}
	.section-landing-service-wrapper.second-style .section-title h2 {
		width: 70%
	}
	.formulate-design .formulate-design-content {
		margin-top: 0;
		padding-top: 70px;
		width: 100%
	}
	.section-title h2 {
		letter-spacing: -1px;
		word-spacing: -1px
	}
	.section-landing-service-wrapper .services-wrapper {
		margin-top: 30px
	}
	.section-landing-service-wrapper .services-wrapper>div {
		margin-top: 70px;
		cursor: pointer
	}
	.progress-step-item .progress-content {
		width: 85%
	}
	.page-magento-2-migration .mobile-devloper-section .container-fluid .row .grid-md-6,
	.page-magento-development .mobile-devloper-section .container-fluid .row .grid-md-6,
	.page-magento-theme-development .mobile-devloper-section .container-fluid .row .grid-md-6,
	.page-wordpress-development .mobile-devloper-section .container-fluid .row .grid-md-6 {
		width: 100%
	}
	.page-magento-2-migration .mobile-devloper-section .container-fluid .row .grid-md-6:first-child,
	.page-magento-development .mobile-devloper-section .container-fluid .row .grid-md-6:first-child,
	.page-magento-theme-development .mobile-devloper-section .container-fluid .row .grid-md-6:first-child,
	.page-wordpress-development .mobile-devloper-section .container-fluid .row .grid-md-6:first-child {
		padding: 0 120px;
		margin-bottom: 50px
	}
	.page-magento-2-migration .mobile-devloper-section .outside-box-right,
	.page-magento-development .mobile-devloper-section .outside-box-right,
	.page-magento-theme-development .mobile-devloper-section .outside-box-right,
	.page-wordpress-development .mobile-devloper-section .outside-box-right {
		margin-right: -4vw
	}
	.page-magento-2-migration .mobile-devloper-section .container-fluid .row .grid-md-6:last-child,
	.page-magento-theme-development .mobile-devloper-section .container-fluid .row .grid-md-6:last-child {
		padding: 0
	}
	.page-magento-2-migration .mobile-devloper-section .container-fluid .row .outside-box-right,
	.page-magento-theme-development .mobile-devloper-section .container-fluid .row .outside-box-right {
		padding-left: 50px;
		padding-right: 50px
	}
	.parallax-splitshow-item-img img {
		-webkit-transform: none!important;
		transform: none!important
	}
	.parallax-splitshow-col.-right {
		margin: 80px 0 0
	}
	.page-hire-wordpress-developers .section-title-block .width-62 {
		width: 85%
	}
	.page-hire-wordpress-developers .section-approach-block .section-title,
	.technology-icon-box-wrapper {
		width: 100%
	}
	.page-magento-integrations .design-skills.bg-white {
		padding-bottom: 50px
	}
	.page-hire-magento-developers .mobile-devloper-section.style-1 .row {
		display: block
	}
	.page-hire-magento-developers .mobile-devloper-section.style-1 .grid-md-6 {
		width: 100%;
		padding: 0
	}
	.page-hire-magento-developers .mobile-devloper-section.style-1 .grid-md-6 .outside-box-left {
		margin: 0 0 80px
	}
	.page-hire-magento-developers .mobile-devloper-section.style-1 .grid-md-6 .outside-box-left img {
		width: 100%
	}
	.page-hire-magento-developers .mobile-devloper-section.style-1 .grid-md-6:last-child {
		padding: 0 80px
	}
	.page-shopify-application-development .client-services .btn-dual .btn,
	.page-shopify-development .client-services .btn-dual .btn,
	.page-shopify-theme-development .client-services .btn-dual .btn {
		padding: 16px 25px 17px
	}
	.work-listing ul li .work-content {
		padding-left: 0
	}
	.work-listing ul li .work-content:before {
		display: none
	}
	.work-listing ul li .work-list:hover .work-content {
		padding-right: 0
	}
	.development-request-quote h2 {
		margin-bottom: 40px
	}
	.development-request-quote .btn {
		margin-top: 10px
	}
	.page-woocommerce-development .section-working-slider .working-slider-wrap h2 {
		letter-spacing: -2px;
		word-spacing: -2px
	}
	.page-copywriting .design-skills.bg-black .row:first-child {
		margin-bottom: 50px
	}
	.page-copywriting .design-skills.bg-black .row:first-child .section-title {
		margin-bottom: 0
	}
	section.work-banner {
		padding-top: 200px
	}
	section.work-banner .section-title {
		margin-bottom: 100px
	}
	.work-image-content .work-left-content,
	.work-image-content .work-right-content {
		width: 50%;
		margin: 0
	}
	.counter-setting>span {
		width: 70%
	}
	.work-mobile-image {
		margin-bottom: 100px
	}
	.section-testimonial-block .content-text {
		width: 90%
	}
	.work-related-project.work-listing ul li .work-content .h-5,
	.work-related-project.work-listing ul li .work-content h5 {
		font-size: 17px;
		line-height: 30px
	}
	.work-banner .section-title .work-logo {
		max-width: 37%
	}
	.work-banner .section-title .h-3,
	.work-banner .section-title h3 {
		width: 55%
	}
	.page-careers .slider-image-wrapper {
		padding-bottom: 75px
	}
	.page-careers .section-design-further .h-2 {
		width: 80%
	}
	.page-careers .team-section ul {
		text-align: center
	}
	.page-careers .team-section ul li {
		width: 32%;
		display: inline-block;
		float: none
	}
	.page-careers .design-content-wrapper .section-title h2 {
		padding: 0;
		width: 80%
	}
	.page-careers .design-content-wrapper .design-content-box {
		padding: 55px 40px 60px
	}
	.section-testimonial-slider .swiper-container .swiper-button-next {
		right: 0
	}
	.dark-section .h-2 .width-50 {
		width: 70%
	}
	.service-post:hover .h-4 a:after,
	.service-post:hover h4 a:after {
		width: 0
	}
	.service-post .primary-btn,
	.service-post:hover .primary-btn {
		-webkit-transform: none;
		transform: none
	}
	.magic-cursor-wrapper {
		display: none!important
	}
	.our-wordpress-wrapper .our-wordpress-item,
	.parralax-content,
	.post-main-wrap .post-wrapper .post-detail-wrap,
	.technology-icon-box .technology-icon-wrap {
		cursor: pointer
	}
}

@media only screen and (max-width:991px) {
	.banner-middle-content .ipad-title,
	.section-title h2.width-50,
	.section-title h2.width-60 {
		width: 100%
	}
	.design-skills .design-skills-content.grid-md-4:nth-child(3n+1),
	.work-listing ul li:nth-child(3n+1) {
		clear: none
	}
	body {
		font-size: 18px;
		line-height: 35px
	}
	.container,
	.container-fluid {
		padding: 0 50px
	}
	.section-title-block {
		padding-top: 160px;
		padding-bottom: 100px
	}
	.client-wrapper,
	section {
		padding: 80px 0
	}
	.section-parallax-block {
		padding: 50px
	}
	.banner-middle-content.full-screen {
		min-height: 800px!important;
		height: auto
	}
	.banner-logo ul li {
		padding-right: 50px
	}
	.section-service-block .grid-md-4:nth-child(n+3) .service-post {
		padding-bottom: 0
	}
	.service-post {
		padding-bottom: 50px
	}
	.service-post .h-4,
	.service-post h4 {
		margin-bottom: 10px
	}
	.service-post p {
		margin-bottom: 15px;
		width: 80%
	}
	.service-post .primary-btn {
		position: relative;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	.section-interactive-banner h2 {
		width: 70%
	}
	.section-work-block {
		padding: 80px 0
	}
	.section-partner-block {
		padding-bottom: 40px
	}
	.section-partner-block .partner-logo li {
		margin: 0 0 45px;
		width: 50%
	}
	.client-wrapper .client-slider h2 {
		width: 100%
	}
	.section-title-block .h-2,
	.section-title-block h2 {
		width: 100%;
		font-size: 50px;
		line-height: 56px
	}
	.parralax-content {
		width: 60%;
		padding: 65px
	}
	.parralax-content .h-4,
	.parralax-content h4 {
		font-size: 28px;
		line-height: 34px;
		display: block;
		margin-bottom: 20px
	}
	.contact-info-wrap p br,
	.service-information .service-info .toggle-class,
	.work-banner .section-title .work-logo:before {
		display: none
	}
	.parralax-content .h-4 span,
	.parralax-content h4 span,
	.story-content .story-info .story-wrap h5>span {
		margin-bottom: 15px
	}
	.story-content .story-info {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}
	.story-content .story-info .story-wrap {
		padding: 60px
	}
	.story-content .story-info .story-wrap h5 {
		font-size: 17px;
		line-height: 34px
	}
	.story-content .story-info .story-wrap h5>span span {
		font-size: 18px
	}
	.about-title h2,
	.section-about-slider .h-2 .subtitle {
		margin-bottom: 30px
	}
	.about-title .about-content {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 60%;
		flex: 0 0 60%;
		max-width: 60%
	}
	.about-title .about-image {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 40%;
		flex: 0 0 40%;
		max-width: 40%
	}
	.section-strategy-block {
		padding-left: 60px;
		padding-right: 60px
	}
	.section-strategy-block .skill-content {
		width: 100%;
		margin-bottom: 40px
	}
	.section-strategy-block .skill-content:last-child {
		margin-bottom: 0
	}
	.skill-content .h-4,
	.skill-content h4 {
		width: 100%
	}
	.slider-image-wrapper .swiper-slide img {
		width: auto;
		max-height: 458px
	}
	.slider-image-wrapper {
		padding-left: 50px
	}
	.page-services .section-title-block .h-2 {
		width: 100%
	}
	.service-information .service-info h6 {
		margin-bottom: 30px;
		width: 100%
	}
	.service-information .service-info ul {
		margin-bottom: 0
	}
	.service-information .service-info .small-block-link {
		left: 30px
	}
	.approach-info .h-4,
	.approach-info h4 {
		font-size: 28px;
		line-height: 34px
	}
	.sticky-sidebar.appear-effect {
		position: relative;
		top: 0
	}
	.sticky-sidebar .subtitle {
		-webkit-transform: none;
		transform: none;
		-webkit-clip-path: none;
		clip-path: none;
		opacity: 1
	}
	.sticky-sidebar h2 div {
		-webkit-transform: none;
		transform: none;
		-webkit-clip-path: none;
		clip-path: none;
		opacity: 1;
		width: 100%
	}
	.approach-info .approach-detail {
		margin-bottom: 40px
	}
	.section-approach-block .approach-info .approach-detail {
		width: 100%
	}
	.tech-info .tech-wrapper .tech-wrap {
		padding: 50px 30px
	}
	.tech-info .tech-wrapper .tech-wrap p {
		width: 100%
	}
	.tech-info .tech-wrapper .tech-wrap .btn {
		min-width: 200px;
		margin-top: 30px
	}
	.tech-info .tech-wrapper .tech-wrap img {
		max-height: 40px;
		margin-bottom: 20px
	}
	.section-working-slider .working-title {
		font-size: 40px;
		line-height: 48px
	}
	.section-working-slider .h-3,
	.section-working-slider h3 {
		font-size: 34px;
		line-height: 40px
	}
	.section-working-slider .working-slider-content {
		margin-bottom: 20px;
		margin-top: 20px;
		padding-bottom: 30px
	}
	.section-service-detail {
		padding-left: 40px;
		padding-right: 40px
	}
	.work-listing {
		padding: 0 0 30px!important
	}
	.work-listing ul {
		padding: 0 25px
	}
	.work-listing ul li {
		width: 50%;
		margin-bottom: 70px
	}
	.work-listing ul li:nth-child(2n+1) {
		clear: both
	}
	.work-detail-images,
	.work-mobile-image {
		margin-bottom: 60px
	}
	.work-banner .section-title {
		margin-bottom: 50px
	}
	.work-banner .section-title .work-logo {
		width: 100%;
		padding: 0;
		margin-bottom: 55px
	}
	.formulate-design,
	.section-landing-service-wrapper.second-style {
		padding-bottom: 80px
	}
	.work-banner .section-title .work-logo img {
		max-height: 100px;
		width: auto
	}
	.work-banner .section-title .h-3,
	.work-banner .section-title h3 {
		font-size: 34px;
		line-height: 42px;
		width: 70%;
		text-align: center
	}
	.work-banner .section-title .h-3 span,
	.work-banner .section-title h3 span {
		width: 100%;
		margin-bottom: 20px
	}
	.work-counter .section-title {
		margin-bottom: 0
	}
	.work-counter .counter-setting {
		margin-top: 50px
	}
	.work-left-content,
	.work-title-detail {
		margin-bottom: 50px
	}
	.counter-wrap .counter-setting {
		text-align: left;
		margin-top: 50px;
		margin-bottom: 0
	}
	.work-related-project {
		padding-top: 80px
	}
	.work-images {
		margin-bottom: 60px
	}
	.section-related-service .story-content .story-info {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}
	.section-department-block h5 {
		width: 100%;
		margin: 20px 0
	}
	.contact-detail span {
		font-size: 16px
	}
	.contact-detail .h-4,
	.contact-detail h4 {
		font-size: 24px;
		line-height: 30px
	}
	.contact-detail-wrap {
		margin-bottom: 50px
	}
	.contact-detail-form .form-detail-title {
		margin-bottom: 40px
	}
	.contact-detail-form form label {
		margin-bottom: 30px
	}
	.contact-detail-form form .wpcf7-acceptance .wpcf7-list-item {
		margin-bottom: 35px
	}
	.contact-info-wrap .btn,
	.contact-info-wrap p,
	.formulate-design h2 {
		margin-bottom: 30px
	}
	.contact-detail-form form textarea {
		height: 100px
	}
	.contact-info-wrap .h-3,
	.contact-info-wrap h3 {
		width: 100%
	}
	.formulate-design h2 {
		width: 100%
	}
	.formulate-design p {
		margin-bottom: 20px
	}
	.formulate-design .formulate-design-content {
		margin-top: 0;
		padding-top: 0
	}
	.formulate-design .formulate-design-content>div {
		margin-top: 50px;
		margin-bottom: 0
	}
	.design-skills .section-title h2 {
		margin-bottom: 0
	}
	.design-skills .section-title p {
		margin-bottom: 20px;
		margin-top: 50px
	}
	.design-content-wrapper .section-title,
	.design-skills .design-skills-content,
	.design-slider-wrapper h2 {
		margin-bottom: 50px
	}
	.design-content-wrapper .section-title h2 {
		margin-bottom: 0
	}
	.design-content-wrapper .section-title p {
		margin-top: 30px
	}
	.section-title {
		margin-bottom: 50px
	}
	.design-content-wrapper .design-content-box {
		padding: 0 0 40px;
		display: inline-block;
		margin-bottom: 40px
	}
	.design-content-wrapper .design-content-box:hover {
		background-color: inherit;
		-webkit-box-shadow: none;
		box-shadow: none;
		border-color: #e5e5e5
	}
	.design-content-wrapper .design-content-box .h-4,
	.design-content-wrapper .design-content-box h4 {
		margin-bottom: 20px
	}
	.design-content-wrapper .design-content-box>div {
		padding: 0
	}
	.design-content-wrapper .design-content-box:last-child {
		margin-bottom: 0;
		padding-bottom: 0
	}
	.mobile-app-our-works .button .btn {
		width: auto;
		margin-right: 50px;
		margin-bottom: 0
	}
	.section-design-further .h-2 {
		width: 100%
	}
	.service-wrapper {
		padding-top: 40px
	}
	.service-wrapper>div {
		margin-bottom: 30px
	}
	.work-related-project.work-listing {
		padding-top: 80px!important
	}
	.parallax-split-content-box .row.align-items-center {
		display: block
	}
	.parallax-split-content-box .parallax-content,
	.parallax-split-content-box .parallax-image {
		width: 100%;
		max-width: 100%
	}
	.parallax-split-content-box .parallax-image .primary-img-show {
		top: 0!important
	}
	.page-landing-page-design .parallax-split-content-box .parallax-content {
		margin-bottom: 50px
	}
	.page-landing-page-design .parallax-split-content-box .parallax-content h2 {
		margin-bottom: 30px;
		width: 100%
	}
	.simple-content-block .h-4,
	.simple-content-block h4,
	.simple-content-block p {
		width: 100%
	}
	.simple-content-block .grid-sm-12 {
		margin-bottom: 50px
	}
	.simple-content-block .grid-sm-12:last-child {
		margin-bottom: 0
	}
	.sm-no-margin-bottom {
		margin-bottom: 0!important
	}
	.section-landing-service-wrapper .section-title {
		margin-bottom: 30px
	}
	.about-responsive h2,
	.business-wrapper>div,
	.mobile-app-content .section-title,
	.mobile-technology-content {
		margin-bottom: 50px
	}
	.section-landing-service-wrapper .services-wrapper {
		margin-top: 0;
		display: inline-block
	}
	.section-landing-service-wrapper .services-wrapper .title {
		width: 80%
	}
	.design-skills .design-skills-content.grid-sm-6 p {
		width: 90%
	}
	.business-type-section {
		padding-bottom: 30px
	}
	.about-responsive-content p {
		width: 100%
	}
	.portfolio-work h2 {
		margin-bottom: 30px
	}
	.portfolio-work-content>div {
		border-top: 1px solid #2a2a2a
	}
	.portfolio-work-content>div:nth-child(2) {
		border: 0
	}
	.portfolio-work-content>div:first-child {
		border-top: 0
	}
	.client-services .btn-dual .btn {
		margin: 0 50px 0 0;
		width: auto
	}
	.progress-step-item {
		margin-bottom: 50px
	}
	.progress-step-item .progress-step-icon {
		margin-bottom: 30px
	}
	.progress-step-item .progress-content {
		width: 75%
	}
	.progress-step-item:last-child {
		margin-bottom: 0
	}
	.design-slider-wrapper .row:first-child p {
		margin-top: 30px
	}
	.section-approach-block {
		padding: 80px 0 30px
	}
	.page-wordpress-development .mobile-devloper-section .container-fluid .row .grid-md-6:first-child,
	.page-wordpress-development .mobile-devloper-section .container-fluid .row .grid-md-6:last-child,
	.work-detail .work-mobile-image {
		padding: 0 15px
	}
	.sticky-sidebar.appear-effect h2 {
		font-size: 48px;
		line-height: 58px
	}
	.sticky-sidebar.appear-effect h2 div {
		width: auto;
		line-height: 58px
	}
	.page-wordpress-development .mobile-devloper-section .h-3,
	.page-wordpress-development .mobile-devloper-section h3 {
		margin-bottom: 50px
	}
	.page-wordpress-development .mobile-devloper-section .btn {
		margin-top: 0
	}
	.page-wordpress-development .mobile-devloper-section .outside-box-right {
		margin-right: -7vw;
		margin-top: 0
	}
	.page-wordpress-development .section-parallax-block {
		min-height: 550px
	}
	.working-slider-wrap h2 {
		margin-bottom: 50px
	}
	.simple-content-block ul li {
		width: 100%
	}
	.page-content-marketing .parralax-content,
	.page-email-template-design .parralax-content,
	.page-hire-shopify-developers .parralax-content,
	.page-hire-woocommerce-developers .parralax-content,
	.page-magento-2-migration .section-parallax-block .parralax-content,
	.page-magento-audit .parallax .parralax-content,
	.page-magento-extension-development .parralax-content,
	.page-magento-performance-optimization .parralax-content,
	.page-psd-to-html-development .parralax-content,
	.page-psd-to-shopify .parralax-content,
	.page-psd-to-wordpress-development .parralax-content,
	.page-pwa-for-magento .parralax-content,
	.page-responsive-website .parralax-content,
	.page-shopify-application-development .parralax-content,
	.page-shopify-development .parralax-content,
	.page-shopify-theme-development .parralax-content,
	.section-landing-service-wrapper.second-style .section-title h2 {
		width: 70%
	}
	.bottom-image.client-services-middle .row {
		display: inline-block;
		margin-bottom: 50px
	}
	.bottom-image.client-services-middle h2 {
		margin-bottom: 50px;
		text-align: center
	}
	.bottom-image.client-services-middle .right-middle {
		text-align: center
	}
	.our-wordpress-section {
		padding-bottom: 50px
	}
	.our-wordpress-section .section-title p {
		margin-top: 30px;
		margin-bottom: 0
	}
	.parallax-split-content-box {
		padding: 0;
		margin: 0 0 50px
	}
	.parallax-split-content-box .parallax-image {
		margin-bottom: 0
	}
	.parallax-split-content-box .parallax-content {
		padding: 0 20px
	}
	.page-wordpress-theme-design .parallax-split-content-box .row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.page-wordpress-theme-design .parallax-split-content-box .parallax-image {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1
	}
	.page-wordpress-theme-design .parallax-split-content-box .parallax-content {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2
	}
	.page-wordpress-theme-design .mobile-app-our-works {
		margin-top: 30px;
		display: inline-block
	}
	.mobile-app-our-works h2 {
		margin-bottom: 35px
	}
	.mobile-app-our-works p {
		margin-bottom: 0
	}
	.page-hire-wordpress-developers .mobile-technology-section.left-right-text .section-title,
	.parallax-split-content .section-title .h-3,
	.parallax-split-content .section-title h3 {
		margin-bottom: 50px
	}
	.page-wordpress-plugin-development .parallax-split-content,
	.page-wordpress-plugin-development .parallax-split-image {
		padding-bottom: 80px
	}
	.page-psd-to-wordpress-development .working-slider-wrap h2 {
		width: 100%
	}
	.mobile-technology-section .technology-icon-box {
		max-width: 25%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		margin-bottom: 20px
	}
	.approach-info h2 {
		margin-bottom: 50px
	}
	.developers-inquiry .section-title {
		display: inline-block
	}
	.developers-inquiry-content .contect-right span:before,
	.mobile-devloper-section.style-2 .image-box {
		display: none
	}
	.developers-inquiry .section-title p {
		margin: 30px 0
	}
	.developers-inquiry-content .developers-content-item {
		margin-bottom: 65px
	}
	.developers-inquiry-content .developers-content-item p,
	.page-magento-development .mobile-devloper-section .container-fluid .row .grid-md-6 p:last-child {
		margin-bottom: 0
	}
	.developers-inquiry-content .contect-left {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 60%;
		flex: 0 0 60%
	}
	.bg-color h2 {
		font-size: 60px;
		line-height: 60px;
		letter-spacing: -2px
	}
	.client-services-middle.bg-color {
		padding: 80px 0
	}
	.client-services-middle.bg-color .button .btn {
		height: 270px;
		width: 270px;
		margin-top: 0
	}
	.audit-content p,
	.page-magento-2-migration .section-design-further .h-2,
	.page-magento-audit .formulate-design h2,
	.page-magento-development .design-slider-wrapper .grid-md-7,
	.page-magento-development .our-wordpress-section .section-title .grid-md-7,
	.page-magento-theme-development .our-wordpress-section .section-title .grid-md-6,
	.section-content-right-bg .section-content-list ul {
		width: 100%
	}
	.mobile-devloper-section .btn {
		margin-top: 0
	}
	.page-magento-development .mobile-devloper-section .container-fluid .row .grid-md-6:first-child {
		padding-left: 15px;
		padding-right: 15px
	}
	.page-magento-development .mobile-devloper-section .outside-box-right {
		margin-right: -5vw
	}
	.title-content-fullimage .section-title {
		margin-bottom: 50px
	}
	.image-minus-design-skills.design-skills {
		padding-top: 250px
	}
	.title-content-fullimage .work-detail-images {
		padding: 50px 0;
		margin-bottom: -270px
	}
	.mobile-devloper-section.style-2 {
		padding: 80px 0
	}
	.page-magento-theme-development .design-skills.bg-white {
		padding-top: 80px;
		padding-bottom: 20px
	}
	.page-magento-theme-development .mobile-devloper-section .container-fluid .row .outside-box-right {
		padding-left: 0;
		padding-top: 0;
		padding-right: 0
	}
	.page-magento-theme-development .mobile-devloper-section .container-fluid .row .grid-md-6:first-child {
		padding-left: 15px;
		padding-right: 15px
	}
	.page-magento-theme-development .mobile-devloper-section .container-fluid .row .grid-md-6:last-child {
		padding-right: 15px;
		padding-left: 15px
	}
	.page-magento-audit .formulate-design h2 {
		margin-bottom: 0
	}
	.page-magento-audit .formulate-design p {
		margin: 50px 0 0
	}
	.page-magento-audit .formulate-design .formulate-design-content p {
		margin-top: 0
	}
	.section-content-right-bg {
		background-image: none!important
	}
	.section-content-right-bg .section-content-list:last-child {
		margin-bottom: 0
	}
	.icon-box-section .box {
		margin-top: 50px
	}
	.page-magento-performance-optimization .section-landing-service-wrapper .services-wrapper>div {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		margin: 50px 0 0
	}
	.page-magento-performance-optimization .bottom-image.client-services-middle .row {
		margin-bottom: 50px
	}
	.mobile-devloper-section .container-fluid .row {
		display: block
	}
	.mobile-devloper-section .container-fluid .row .grid-md-6:last-child {
		padding-right: 15px
	}
	.mobile-devloper-section .container-fluid .outside-box-left {
		margin-bottom: 50px;
		margin-left: 0
	}
	.page-magento-2-migration .mobile-devloper-section .container-fluid .row .grid-md-6:first-child {
		padding-right: 15px;
		padding-left: 15px
	}
	.page-magento-2-migration .mobile-devloper-section .container-fluid .row .grid-md-6:last-child {
		padding-right: 15px
	}
	.page-magento-2-migration .mobile-devloper-section .container-fluid .row .outside-box-right {
		padding-left: 0
	}
	.page-magento-2-migration .formulate-design .h-2 h2 {
		margin-bottom: 0
	}
	.design-skills-content-full.border-top {
		padding-top: 80px;
		margin-top: 30px
	}
	.page-psd-to-magento .parallax-split-content-box {
		padding: 80px 0;
		margin: 0
	}
	.development-request-quote h2,
	.page-psd-to-magento .parallax-split-content-box .parallax-content h2,
	.page-psd-to-magento .parallax-split-content-box .parallax-image,
	.page-shopify-development .design-content-wrapper .section-title,
	.page-shopify-development .parallax-split-content-box .parallax-content h2 {
		margin-bottom: 50px
	}
	.page-psd-to-magento .parralax-content {
		width: 60%
	}
	.page-shopify-development .parallax-split-content-box {
		padding: 80px 0
	}
	.page-shopify-development .parallax-split-content-box .row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.page-shopify-development .parallax-split-content-box .row .grid-md-6 {
		max-width: 100%;
		width: 100%
	}
	.page-shopify-development .parallax-split-content-box .row .grid-md-6:last-child {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1
	}
	.page-shopify-development .parallax-split-content-box .row .grid-md-6:first-child {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2
	}
	.page-shopify-development .design-content-wrapper .section-title .grid-md-12 {
		text-align: left
	}
	.padding-bottom-170.image {
		padding-bottom: 80px
	}
	.page-woocommerce-development .section-our-export h2,
	.section-title-block .h-2.width-70 {
		width: 100%
	}
	.page-copywriting .section-partner-block .section-title {
		margin-bottom: 70px
	}
	.mobile-technology-section.left-right-text .section-title p {
		margin-top: 30px
	}
	section.work-banner {
		padding-top: 185px
	}
	.work-detail .row {
		display: block
	}
	.page-careers .service-wrapper {
		padding-top: 80px
	}
	.page-careers .team-section .section-title {
		text-align: center
	}
	.page-careers .team-section .section-title p {
		margin: 30px 0 0
	}
	.page-careers .team-section ul li {
		width: 48%
	}
	.page-careers .design-content-wrapper .section-title h2 {
		padding: 0
	}
	.section-testimonial-slider .section-title {
		margin-bottom: 50px
	}
	.section-testimonial-slider .swiper-container {
		padding-top: 100px
	}
	.section-testimonial-slider .swiper-container .swiper-slide p {
		width: 80%
	}
	.section-testimonial-slider .swiper-container .swiper-button-next {
		right: 0;
		bottom: 50%
	}
	.section-testimonial-slider .swiper-container .swiper-button-prev {
		left: 0;
		bottom: 50%
	}
	.about-title .about-image .main-image {
		margin-right: -40vw
	}
	.about-title .about-image .bg-image {
		width: 60%
	}
	.about-title .about-image .bg-image:last-child {
		display: none
	}
	.section-testimonial-block .content-text {
		width: 100%
	}
	.section-testimonial-block .testimonial-icon {
		margin-bottom: 30px
	}
	.design-slider-wrapper .responsive-view .slide-content-wrap .services-content {
		width: 95%
	}
	.design-slider-wrapper .responsive-view .slide-content-wrap .services-content p {
		margin-top: 0
	}
	.service-information .service-info ul li a {
		font-size: 17px;
		line-height: 24px
	}
	.service-information .service-info .service-wrap {
		padding: 40px
	}
	.section-working-slider .working-slider {
		padding-left: 260px
	}
	.bg-image-section .container-fluid,
	.page-hire-magento-developers .mobile-devloper-section.style-1 .container-fluid {
		padding: 0
	}
	.section-working-slider .working-slider .work-number {
		left: -260px
	}
	.section-working-slider .working-title {
		width: 30%
	}
	.section-working-slider .working-prev {
		left: 260px
	}
	.section-working-slider .working-next {
		left: 340px
	}
	.slide-content-wrap .services-title {
		font-size: 28px;
		line-height: 34px;
		margin-bottom: 15px
	}
	.work-related-project.work-listing .section-title {
		margin-bottom: 70px
	}
	.work-related-project.work-listing ul li .work-content .h-5,
	.work-related-project.work-listing ul li .work-content h5 {
		font-size: 18px;
		line-height: 35px
	}
	.section-landing-service-wrapper .services-wrapper>div {
		margin-top: 65px
	}
	.section-our-export h2 {
		width: 100%
	}
	.mobile-technology-section h2 {
		width: 70%
	}
	.bg-image-section .row {
		display: block;
		margin: 0
	}
	.bg-image-section .image-box {
		width: 100%;
		height: 550px;
		max-width: 100%
	}
	.bg-image-section .content-box {
		width: 100%;
		max-width: 100%;
		padding: 70px
	}
	.page-wordpress-theme-design .design-skills.bg-white {
		padding-bottom: 0
	}
	.bottom-image.client-services-middle {
		overflow: hidden;
		position: relative
	}
	.bottom-image.client-services-middle .image {
		margin-bottom: -10px
	}
	.page-magento-extension-development .section-landing-service-wrapper .services-wrapper h5 {
		width: 80%
	}
	.section-content-list ul li:last-child {
		padding-bottom: 15px;
		margin-bottom: 15px;
		border-bottom: 1px solid #e8e8e8
	}
	.section-content-list:last-child ul li:last-child {
		padding-bottom: 0;
		margin-bottom: 0;
		border-bottom: 0
	}
	.page-magento-performance-optimization .mobile-devloper-section .row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
	.page-magento-performance-optimization .mobile-devloper-section .row .grid-md-6 {
		max-width: 100%;
		width: 100%
	}
	.page-magento-performance-optimization .mobile-devloper-section .row .grid-md-6:last-child {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1
	}
	.page-magento-performance-optimization .mobile-devloper-section .row .grid-md-6:first-child {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		margin-top: 80px
	}
	.page-psd-to-magento .parallax-split-content-box .row.align-items-center {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.page-psd-to-magento .parallax-split-content-box .row .parallax-image {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		margin: 50px 0 0
	}
	.page-hire-magento-developers .mobile-devloper-section.style-1 .container-fluid .row .grid-md-6:last-child {
		padding: 0 65px
	}
	.page-copywriting .design-skills.bg-black .row:first-child {
		margin-bottom: 20px
	}
	.page-copywriting .design-skills.bg-black .row:first-child .section-title {
		margin-bottom: 30px
	}
	.work-image-content .work-left-content,
	.work-image-content .work-right-content {
		width: 100%
	}
	.work-image-content .work-left-content {
		margin: 40px 0 30px
	}
	.work-detail-content-wrapper .section-title {
		width: 100%;
		margin-bottom: 70px
	}
	.work-mobile-image {
		margin-bottom: 80px
	}
	.counter-wrap .counter-setting .counter-setting-title {
		width: 45%
	}
	.page-careers .slider-title {
		padding-bottom: 80px
	}
	.page-careers .design-content-wrapper .design-content-box .h-4,
	.page-careers .design-content-wrapper .design-content-box h4 {
		width: 95%
	}
	.page-careers .design-content-wrapper .design-content-box:hover {
		background-color: #fff
	}
	.page-careers .design-content-wrapper .design-content-box:hover .design-content-box-hover {
		max-height: 850px
	}
	.page-privacy-policy .privacy-policy {
		padding-bottom: 50px
	}
	.working-slider-wrap {
		margin: 0 -15px
	}
	.section-work-block .work-slide-container .work-info .work-wrap .h-3,
	.section-work-block .work-slide-container .work-info .work-wrap h3 {
		font-size: 24px;
		line-height: 26px
	}
	.page-home .section-partner-block .section-title {
		width: 100%;
		margin-bottom: 50px
	}
	.section-work-block .work-slide-container .work-info .work-wrap {
		left: 50px;
		bottom: 30px
	}
	.error-wrapper,
	.error404 .error-wrapper {
		padding-top: 240px;
		padding-bottom: 200px
	}
	.error-wrapper .full-screen {
		text-align: center;
		min-height: 0!important
	}
	.error-wrapper .container .h-2 {
		font-size: 140px
	}
	.search-wrapper {
		padding-top: 120px
	}
	.search-wrapper .title-inner-wrap {
		padding: 40px 0
	}
	.search-wrapper .title-inner-wrap .h-3,
	.search-wrapper .title-inner-wrap h3 {
		font-size: 35px;
		line-height: 40px
	}
	.search-no-results .search-wrapper.full-screen {
		padding-top: 240px;
		padding-bottom: 200px;
		height: auto!important
	}
	.design-skills .design-skills-content.grid-md-4:nth-child(2n+1) {
		clear: both
	}
	.overlap-height {
		margin-bottom: 25%
	}
}

@media only screen and (max-width:767px) {
	.client-wrapper,
	.section-work-block,
	section {
		padding: 70px 0
	}
	.section-title-block .h-2,
	.section-title-block h2 {
		font-size: 44px;
		line-height: 48px
	}
	.container,
	.container-fluid {
		padding-left: 30px;
		padding-right: 30px
	}
	.banner-middle-content {
		padding: 0 30px
	}
	.banner-middle-content .ipad-title {
		font-size: 45px;
		line-height: 47px;
		margin-bottom: 50px
	}
	.banner-middle-content.full-screen {
		min-height: 600px!important
	}
	.dark-section .h-2 .width-50 {
		width: 100%
	}
	.banner-logo ul li {
		margin-bottom: 30px;
		width: 100%
	}
	.banner-logo ul li:last-child {
		margin-bottom: 0
	}
	.service-post .h-4,
	.service-post h4,
	.service-post p {
		margin-bottom: 15px
	}
	.banner-logo ul li img {
		max-height: 40px;
		width: auto
	}
	.h-2 .subtitle,
	.section-title h2.width-50,
	.section-title h2.width-60,
	.section-title h2.width-80,
	.section-title-block .h-2 {
		width: 100%
	}
	.section-interactive-banner h2,
	.service-post p {
		width: 100%
	}
	.section-work-block .section-title {
		margin-bottom: 50px
	}
	.section-work-block .section-title .h-2 {
		width: 100%
	}
	.section-work-block .work-slide-container {
		margin: 0
	}
	.section-work-block .work-slide-container .work-info {
		width: 100%;
		padding: 0;
		margin-bottom: 30px
	}
	.section-work-block .work-slide-container .work-info .work-wrap {
		left: 25px;
		bottom: 25px
	}
	.section-work-block .work-slide-container .work-info:last-child {
		margin-top: 20px
	}
	.section-partner-block {
		text-align: center
	}
	.section-partner-block .partner-logo li {
		margin: 0 0 40px
	}
	.section-partner-block .partner-logo li img {
		max-height: 60px
	}
	.client-wrapper .client-slider h2 {
		width: 100%
	}
	.swiper-container .swiper-slide p {
		width: 100%;
		margin-bottom: 20px
	}
	.section-title-block {
		padding-top: 120px;
		padding-bottom: 60px
	}
	.parralax-content {
		width: 100%;
		padding: 50px
	}
	.page-email-template-design .parralax-content {
		width: 100%
	}
	.parallax {
		min-height: 0;
		padding: 75% 0 0;
		background-position: top center!important;
		background-repeat: no-repeat!important;
		background-size: 135%!important
	}
	.section-skill-block .skill-content {
		margin-bottom: 30px
	}
	.section-skill-block .skill-content:last-child {
		margin-bottom: 0
	}
	.story-content {
		display: block
	}
	.story-content .story-info {
		width: 100%;
		max-width: 100%;
		margin: 0 0 30px
	}
	.story-content .story-info:last-child {
		margin-bottom: 0
	}
	.about-title {
		height: auto!important
	}
	.about-title .about-content {
		max-width: 100%;
		width: 100%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		padding: 0
	}
	.about-title .about-content p {
		min-height: 0;
		margin-bottom: 15px
	}
	.about-title .about-content .h-2,
	.about-title .about-content h2 {
		font-size: 36px;
		line-height: 40px;
		margin-bottom: 20px
	}
	.about-title .about-image {
		max-width: 100%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		height: 450px;
		margin-top: 0
	}
	.about-title .about-image .main-image {
		margin: 0
	}
	.about-title .about-image .main-image .bg-image {
		width: 100%
	}
	.about-title .about-image .main-image .bg-image:last-child {
		display: none
	}
	.section-contact-info .row,
	.section-working-slider .working-title,
	.service-information,
	.tech-info {
		display: block
	}
	.section-about-slider .about-next,
	.section-about-slider .about-prev {
		margin-top: 15px;
		margin-bottom: 15px
	}
	.section-strategy-block .skill-content:last-child,
	.service-information .service-info:last-child {
		margin-bottom: 0
	}
	.slider-image-wrapper {
		padding-left: 0
	}
	.slider-image-wrapper .swiper-slide img {
		max-height: 258px
	}
	.section-service-detail {
		padding-left: 30px;
		padding-right: 30px
	}
	.service-information .service-info {
		max-width: 100%;
		width: 100%
	}
	.service-information .service-info h6 {
		margin-bottom: 20px;
		width: 100%
	}
	.service-information .service-info ul {
		margin-bottom: 0
	}
	.service-information .service-info ul li a {
		font-size: 16px;
		margin-bottom: 15px;
		line-height: 22px
	}
	.service-information .service-info ul li:last-child a {
		margin-bottom: 0
	}
	.service-information .service-info .small-block-link {
		left: 0;
		position: relative;
		top: 0;
		display: table
	}
	.sticky-sidebar.appear-effect h2 {
		font-size: 44px;
		line-height: 48px
	}
	.sticky-sidebar h2 div {
		line-height: 56px
	}
	.approach-info .h-4,
	.approach-info h4 {
		font-size: 26px;
		line-height: 30px;
		margin-bottom: 15px
	}
	.approach-info .approach-detail,
	.approach-info h2 {
		margin-bottom: 30px
	}
	.tech-info .tech-wrapper {
		max-width: 100%;
		width: 100%;
		margin-bottom: 30px
	}
	.tech-info .tech-wrapper:last-child {
		margin-bottom: 0
	}
	.section-working-slider .working-title {
		position: relative;
		top: 0;
		width: 100%;
		margin-bottom: 40px
	}
	.section-working-slider .working-slider {
		padding: 0 15px
	}
	.section-working-slider .working-prev {
		left: 0
	}
	.section-working-slider .working-next {
		left: 70px
	}
	.section-working-slider .working-slider-content {
		margin-bottom: 30px;
		margin-top: 20px
	}
	.work-listing {
		padding: 0!important
	}
	.work-listing ul {
		padding: 0 30px
	}
	.work-listing ul li {
		width: 100%;
		padding: 0;
		margin-bottom: 50px
	}
	.work-listing ul li .work-content {
		padding: 35px 0 0
	}
	.work-banner {
		padding-top: 120px
	}
	.work-banner .section-title,
	.work-banner .section-title .work-logo {
		margin-bottom: 30px
	}
	.work-banner .section-title .h-3,
	.work-banner .section-title h3 {
		width: 100%
	}
	.work-banner .section-title .h-3 span,
	.work-banner .section-title h3 span {
		margin: 0 auto 20px
	}
	.work-image-content {
		padding-top: 50px!important
	}
	.work-images {
		margin-bottom: 30px
	}
	.work-left-content,
	.work-title-detail {
		margin-bottom: 35px
	}
	.work-detail-images,
	.work-mobile-image {
		margin-bottom: 50px
	}
	.counter-setting,
	.work-counter .section-title {
		text-align: center
	}
	.counter-setting>span {
		width: 100%
	}
	.counter-setting .vertical-counter {
		font-size: 35px;
		height: 45px
	}
	.counter-setting .vertical-counter li {
		line-height: 45px
	}
	.counter-setting .vertical-percent {
		font-size: 35px
	}
	.work-detail-title {
		margin-top: 20px
	}
	.work-detail-title .h-3,
	.work-detail-title h3 {
		width: 100%
	}
	.work-detail-title .h-3 span,
	.work-detail-title h3 span {
		margin-bottom: 20px
	}
	.counter-wrap .counter-setting {
		margin-top: 40px
	}
	.counter-wrap .counter-setting .counter-setting-title {
		width: 65%;
		padding: 14px 10px 13px;
		margin-right: 25px
	}
	.contact-detail-wrap .h-2,
	.design-skills .design-skills-content.grid-sm-6 p,
	.formulate-design h2,
	.mobile-app-our-works .button .btn,
	.mobile-technology-section h2,
	.page-landing-page-design .parallax-split-content-box .parallax-image img,
	.section-landing-service-wrapper.second-style .section-title h2,
	.section-our-export h2,
	.simple-content-block ul li,
	.slide-content-wrap {
		width: 100%
	}
	.work-related-project {
		padding-top: 50px
	}
	.work-counter .counter-setting {
		margin-top: 30px
	}
	.section-content-wrap .row:last-child .service-post,
	.section-content-wrap .service-post {
		padding-bottom: 30px
	}
	.section-content-wrap .row:last-child .grid-sm-4:last-child .service-post {
		padding-bottom: 0
	}
	.section-related-service .story-content .story-info {
		max-width: 100%
	}
	.section-department-block h5 {
		margin: 0 0 15px
	}
	.section-department-block .department-text:last-child h5 {
		margin-bottom: 0
	}
	.contact-banner {
		padding-top: 130px
	}
	.contact-detail .h-4,
	.contact-detail h4 {
		margin-bottom: 30px
	}
	.contact-detail:last-child .h-4,
	.contact-detail:last-child h4 {
		margin-bottom: 0
	}
	.contact-detail-form .form-detail-title,
	.contact-detail-wrap {
		margin-bottom: 30px
	}
	.contact-detail-form form .wpcf7-acceptance .wpcf7-list-item {
		margin-bottom: 25px
	}
	.section-contact-info .contact-info-wrap {
		margin-bottom: 30px
	}
	.section-contact-info .contact-right-img .right-img-wrap {
		margin-right: -30px;
		margin-left: -50px
	}
	.popup-form form .wpcf7-acceptance .wpcf7-list-item {
		margin: 0 0 40px
	}
	.design-content-wrapper .section-title p,
	.formulate-design .formulate-design-content>div,
	.mobile-app-our-works .button {
		margin-top: 30px
	}
	.formulate-design {
		padding-bottom: 70px
	}
	.formulate-design h2 {
		margin-bottom: 30px
	}
	.popup-sticky-button {
		display: none!important
	}
	.design-skills .section-title p {
		margin-bottom: 0
	}
	.design-skills .design-skills-content {
		margin-bottom: 40px
	}
	.design-slider-wrapper h2 {
		margin-bottom: 30px
	}
	.design-slider-wrapper .row:first-child div:last-child p {
		margin-bottom: 0
	}
	.slide-content-wrap .services-number {
		margin-bottom: 15px
	}
	.design-content-wrapper .section-title h2,
	.design-content-wrapper .section-title>div:last-child p {
		margin-bottom: 0
	}
	.design-content-wrapper .design-content-box {
		padding: 0 0 35px;
		margin-bottom: 25px
	}
	.design-content-wrapper .design-content-box>div {
		padding: 0
	}
	.design-content-wrapper .design-content-box .h-4,
	.design-content-wrapper .design-content-box h4 {
		margin-bottom: 15px
	}
	.design-content-wrapper .design-content-box:hover {
		background-color: transparent;
		-webkit-box-shadow: none;
		box-shadow: none;
		border-color: #e5e5e5
	}
	.design-content-wrapper .design-content-box:before {
		display: none
	}
	.design-content-wrapper .design-content-box:last-child {
		margin-bottom: 0;
		padding-bottom: 0
	}
	.mobile-app-our-works .button .btn {
		margin: 0 0 30px
	}
	.service-wrapper {
		padding-top: 30px
	}
	.service-wrapper>div {
		margin-bottom: 40px
	}
	.service-wrapper .content p {
		margin-bottom: 0
	}
	.service-wrapper i {
		margin-bottom: 20px
	}
	.work-related-project.work-listing {
		padding-top: 50px!important;
		padding-bottom: 20px!important
	}
	.work-related-project.work-listing ul li {
		margin-bottom: 30px
	}
	.work-related-project.work-listing ul li .work-content .h-5 span,
	.work-related-project.work-listing ul li .work-content h5 span {
		margin-bottom: 12px
	}
	.page-landing-page-design .parallax-split-content-box .parallax-content,
	.page-landing-page-design .parallax-split-content-box .parallax-content h2,
	.simple-content-block .grid-sm-12 {
		margin-bottom: 30px
	}
	.page-landing-page-design .parallax-split-content-box {
		padding: 50px 0
	}
	.simple-content-block .grid-sm-12:last-child {
		margin-bottom: 0
	}
	.section-our-export .h-4,
	.section-our-export h4 {
		margin-bottom: 30px
	}
	.section-our-export h2 {
		margin-bottom: 40px
	}
	.section-landing-service-wrapper .section-title {
		margin-bottom: 30px
	}
	.section-landing-service-wrapper .services-wrapper i {
		margin-bottom: 15px
	}
	.section-landing-service-wrapper .button {
		margin-top: 30px
	}
	.business-type-section .section-title h2,
	.mobile-app-content .section-title {
		margin-bottom: 30px
	}
	.business-wrapper>div {
		margin-bottom: 40px
	}
	.business-wrapper i {
		margin-bottom: 20px
	}
	.mobile-technology-section .h-4,
	.mobile-technology-section h4 {
		margin: 30px 0
	}
	.technology-icon-box-wrapper {
		display: block
	}
	.technology-icon-box-wrapper .technology-icon-box {
		width: 50%;
		max-width: 50%;
		float: left
	}
	.mobile-technology-content:last-child {
		clear: both
	}
	.about-responsive .overlap-section {
		margin-bottom: 50px
	}
	.about-responsive h2 {
		width: 100%;
		margin-bottom: 30px
	}
	.about-responsive-content {
		margin-bottom: 30px
	}
	.about-responsive-content:last-child {
		margin-bottom: 0
	}
	.portfolio-work h2 {
		margin-bottom: 30px
	}
	.portfolio-work-content>div {
		min-height: 150px;
		border: 0;
		border-top: 0
	}
	.portfolio-work-content>div:first-child {
		min-height: 0;
		margin-bottom: 30px
	}
	.portfolio-work-content .portfolio-work-middle i {
		margin-bottom: 15px
	}
	.client-services .btn-dual {
		margin-top: 30px
	}
	.client-services .btn-dual .btn {
		margin: 0 0 25px;
		padding: 16px 32px 17px
	}
	.client-services .btn-dual .btn:last-child {
		margin-bottom: 0
	}
	.bg-image-section .content,
	.page-wordpress-development .mobile-devloper-section .h-3,
	.page-wordpress-development .mobile-devloper-section h3 {
		margin-bottom: 30px
	}
	.bg-image-section .image-box {
		height: 350px
	}
	.bg-image-section .content-box {
		padding: 50px
	}
	.progress-step-item .progress-content {
		width: 100%
	}
	.page-wordpress-development .mobile-devloper-section .outside-box-right {
		margin-top: 0;
		margin-right: -9vw
	}
	.page-wordpress-development .mobile-devloper-section .btn {
		padding: 16px 25px 17px;
		width: 100%
	}
	.page-wordpress-development .section-parallax-block {
		min-height: 0
	}
	.page-wordpress-development .section-working-slider .h-3,
	.page-wordpress-development .section-working-slider h3 {
		width: 100%
	}
	.design-skills .section-title h2 {
		margin-bottom: 0
	}
	.bottom-image.client-services-middle .row,
	.bottom-image.client-services-middle h2,
	.mobile-app-our-works h2,
	.page-wordpress-plugin-development .section-working-slider .working-slider-content,
	.page-wordpress-theme-design .parallax-split-content-box,
	.parallax-split-content .section-title .h-3,
	.parallax-split-content .section-title h3,
	.working-slider-wrap h2 {
		margin-bottom: 30px
	}
	.design-skills .section-title p {
		margin-top: 30px
	}
	.our-wordpress-wrapper .our-wordpress-item {
		min-height: 330px
	}
	.page-wordpress-theme-design .section-parallax-block {
		min-height: 0
	}
	.page-wordpress-plugin-development .parallax-split-content {
		padding-bottom: 50px
	}
	.page-wordpress-plugin-development .parallax-split-image {
		padding-bottom: 70px
	}
	.parallax-splitshow-col.-right {
		margin: 30px 0 0
	}
	.our-wordpress-section .section-title p {
		margin-top: 20px;
		margin-bottom: 0
	}
	.developers-inquiry-content .contect-left {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		margin-bottom: 30px;
		text-align: center;
		padding: 0
	}
	.developers-inquiry-content .contect-right {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%
	}
	.developers-inquiry-content .contect-right span {
		margin: 0 auto;
		width: 150px;
		height: 150px;
		line-height: 150px
	}
	.page-magento-audit .parallax .parralax-content,
	.page-magento-development .section-working-slider .h-3,
	.page-magento-development .section-working-slider h3,
	.page-magento-extension-development .parralax-content {
		width: 100%
	}
	.developers-inquiry-content .contect-right span i {
		line-height: 150px;
		font-size: 40px
	}
	.client-services-middle .row {
		display: block
	}
	.client-services-middle.bg-color {
		padding: 50px 0
	}
	.client-services-middle.bg-yellow {
		padding: 70px 0
	}
	.client-services-middle.bg-yellow h2 {
		margin-bottom: 50px
	}
	.bg-color h2,
	.page-magento-development .mobile-devloper-section .h-3,
	.page-magento-development .mobile-devloper-section h3,
	.title-content-fullimage .skill-content {
		margin-bottom: 30px
	}
	.bg-color h2 {
		font-size: 44px;
		line-height: 48px;
		letter-spacing: -2px;
		text-align: center
	}
	.section-strategy-block {
		padding-left: 0;
		padding-right: 0
	}
	.page-magento-development .mobile-devloper-section {
		padding: 50px 0
	}
	.title-content-fullimage .skill-content:last-child {
		margin-bottom: 0
	}
	.title-content-fullimage .work-detail-images {
		padding: 50px 0 30px;
		margin-bottom: 0
	}
	.image-minus-design-skills.design-skills {
		padding-top: 50px
	}
	.padding-bottom-170.image {
		padding-bottom: 50px;
		padding-top: 20px
	}
	.page-magento-theme-development .mobile-devloper-section .container-fluid .row .outside-box-right {
		padding-top: 10px
	}
	.page-magento-theme-development .design-skills {
		padding-bottom: 20px
	}
	.parralax-content:hover {
		background-color: #1f1f1f
	}
	.design-content-wrapper .section-title {
		margin-bottom: 30px
	}
	.section-landing-service-wrapper .services-wrapper .title {
		width: 70%
	}
	.section-landing-service-wrapper .services-wrapper>div {
		margin-top: 50px
	}
	.audit-skills-image {
		margin: 50px 0;
		text-align: center;
		width: 100%
	}
	.audit-skills-image img {
		width: 250px
	}
	.audit-content .row,
	.audit-skills-content p {
		margin-bottom: 0
	}
	.audit-content .row:last-child {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.audit-content .row:last-child .audit-skills-content {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1
	}
	.audit-content .row:last-child .audit-skills-image {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		margin-bottom: 0
	}
	.page-magento-audit .formulate-design p {
		margin: 30px 0 0
	}
	.icon-box-section .box {
		margin-top: 50px;
		padding: 0 15px
	}
	.icon-box-section .right-box .h-4,
	.icon-box-section .right-box h4 {
		margin-bottom: 25px
	}
	.icon-box-section .right-box ul li:last-child {
		margin-bottom: 0;
		padding-bottom: 0
	}
	.developers-inquiry .section-title {
		text-align: center
	}
	.page-magento-performance-optimization .parralax-content {
		width: 100%
	}
	.page-magento-performance-optimization .mobile-devloper-section .container-fluid .outside-box-left {
		margin: 0 auto 30px;
		text-align: center;
		width: 70%
	}
	.page-careers .design-content-wrapper .section-title,
	.page-shopify-development .design-content-wrapper .section-title .grid-md-12,
	.page-woocommerce-development .design-skills.development-skills .section-title,
	.work-detail-content-wrapper .section-title .text-center {
		text-align: left
	}
	.page-magento-performance-optimization .mobile-devloper-section.style-1 {
		padding-bottom: 50px
	}
	.page-magento-performance-optimization .mobile-devloper-section.style-1 .grid-md-6 p:last-child {
		margin-bottom: 30px
	}
	.page-magento-performance-optimization .section-landing-service-wrapper .services-wrapper>div {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}
	.page-magento-2-migration .parallax {
		padding: 54% 0 0
	}
	.page-magento-2-migration .section-parallax-block .parralax-content {
		width: 100%
	}
	.design-skills-content-full.border-top {
		padding-top: 50px;
		margin-top: 30px
	}
	.page-magento-integrations .parallax {
		padding-top: 70%
	}
	.page-magento-integrations .section-landing-service-wrapper .services-wrapper>div {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}
	.page-magento-integrations .design-slider-wrapper .slide-content-wrap {
		padding-right: 0
	}
	.page-magento-integrations .design-skills .design-skills-content {
		margin-bottom: 50px
	}
	.page-psd-to-magento .parralax-content {
		width: 100%
	}
	.page-psd-to-magento .parallax-split-content-box {
		padding: 50px 0
	}
	.page-shopify-development .slide-content-wrap,
	.page-shopify-theme-development .slide-content-wrap {
		padding-right: 0
	}
	.page-psd-to-magento .parallax-split-content-box .parallax-content h2,
	.page-psd-to-magento .parallax-split-content-box .parallax-image {
		margin-bottom: 30px
	}
	.page-hire-magento-developers .mobile-devloper-section h2 {
		font-size: 44px;
		line-height: 48px;
		margin-bottom: 30px
	}
	.page-shopify-development .parallax-split-content-box {
		padding-bottom: 50px
	}
	.page-shopify-development .design-content-wrapper .section-title,
	.page-shopify-development .parallax-split-content-box .parallax-content h2 {
		margin-bottom: 30px
	}
	.page-shopify-theme-development .parallax {
		padding-top: 70%
	}
	.section-title-block .h-2.width-70 {
		width: 100%
	}
	.development-request-quote h2 {
		margin-bottom: 30px
	}
	.development-request-quote .btn {
		margin-top: 10px
	}
	.page-copywriting .section-partner-block .section-title {
		margin-bottom: 50px;
		display: block
	}
	.page-copywriting .section-partner-block .section-title .width-70 {
		width: 100%;
		margin-bottom: 30px
	}
	.title-content-fullimage .section-title {
		margin-bottom: 30px
	}
	section.work-banner {
		padding-top: 130px
	}
	.page-careers .parallax {
		padding-top: 58%
	}
	.page-careers .section-design-further .h-2 .subtitle {
		margin: 0 auto 20px
	}
	.page-careers .team-section {
		padding-bottom: 20px
	}
	.page-careers .team-section ul li {
		margin-bottom: 30px
	}
	.page-careers .team-section ul li img {
		max-height: 80px
	}
	.page-careers .design-content-wrapper .design-content-box {
		padding: 0 0 30px;
		border: 0
	}
	.page-careers .design-content-wrapper .design-content-box .h-4,
	.page-careers .design-content-wrapper .design-content-box h4 {
		margin-bottom: 0
	}
	.page-careers .design-content-wrapper .design-content-box .subtext {
		display: inline-block;
		margin-bottom: 15px
	}
	.page-careers .design-content-wrapper .design-content-box .btn {
		position: relative;
		top: 0;
		margin-top: 30px;
		width: 48%
	}
	.page-careers .design-content-wrapper .design-content-box .btn.button-2 {
		float: right;
		opacity: 1
	}
	.page-careers .design-content-wrapper .design-content-box .design-content-box-hover {
		max-height: inherit
	}
	.page-careers .design-content-wrapper .design-content-box .design-content-box-hover ul {
		margin-top: 0;
		border: 0
	}
	.page-careers .design-content-wrapper .design-content-box .design-content-box-hover ul li {
		padding-left: 35px;
		margin-bottom: 20px
	}
	.page-careers .design-content-wrapper .design-content-box .design-content-box-hover ul li:before {
		left: 0
	}
	.page-careers .design-content-wrapper .design-content-box:hover {
		background-color: transparent
	}
	.page-careers .design-content-wrapper .design-content-box:hover .btn.button-1 {
		opacity: 1
	}
	.page-careers .design-content-wrapper .design-content-box:hover .design-content-box-hover {
		max-height: inherit;
		background-color: transparent
	}
	.page-careers .section-testimonial-slider .swiper-container {
		padding-top: 200px
	}
	.section-testimonial-slider .section-title {
		padding: 0;
		margin-bottom: 30px
	}
	.page-privacy-policy .privacy-policy-content {
		margin-bottom: 30px
	}
	.page-privacy-policy .privacy-policy-content ul {
		margin-top: 20px
	}
	.page-privacy-policy .privacy-policy-content ul li {
		margin-bottom: 10px
	}
	.section-partner-block .width-70 {
		width: 100%
	}
	.section-work-block .section-title .h-2 span {
		line-height: 22px
	}
	.parralax-content:hover .h-4,
	.parralax-content:hover h4 {
		color: #fff
	}
	.design-skills {
		padding-bottom: 20px
	}
	.parallax-splitshow-item-img img {
		-webkit-transform: none!important;
		transform: none!important
	}
	.parallax-splitshow-items {
		display: block;
		margin: 0
	}
	.parallax-splitshow-items .parallax-splitshow-col {
		width: 100%;
		padding: 0 15px
	}
	.parallax-splitshow-items .parallax-splitshow-item {
		margin: 0
	}
	.story-content .story-info .story-wrap h5>span span {
		font-size: 16px
	}
	.section-approach-block {
		padding: 70px 0 40px
	}
	.section-approach-block .approach-info .approach-detail {
		width: 100%;
		margin-bottom: 40px;
		padding: 0 15px
	}
	.section-approach-block .sticky-sidebar.appear-effect {
		margin-bottom: 30px
	}
	.page-magento-performance-optimization .section-approach-block .sticky-sidebar {
		display: block
	}
	.design-slider-wrapper .swiper-wrapper {
		padding-top: 50px
	}
	.design-slider-wrapper .swiper-wrapper .swiper-slide {
		width: 100%!important;
		margin-bottom: 30px!important
	}
	.section-title {
		margin-bottom: 30px
	}
	.work-related-project.work-listing .section-title {
		margin-bottom: 50px
	}
	.page-content-marketing .parralax-content,
	.page-hire-shopify-developers .parralax-content,
	.page-hire-woocommerce-developers .parralax-content,
	.page-magento-extension-development .parralax-content,
	.page-psd-to-html-development .parralax-content,
	.page-psd-to-magento .section-parallax-block .parralax-content,
	.page-psd-to-shopify .parralax-content,
	.page-psd-to-wordpress-development .parralax-content,
	.page-pwa-for-magento .parralax-content,
	.page-responsive-website .parralax-content,
	.page-shopify-application-development .parralax-content,
	.page-shopify-development .parralax-content,
	.page-shopify-theme-development .parralax-content {
		width: 100%
	}
	.page-wordpress-theme-design .parallax-split-content-box .row {
		margin: 0
	}
	.working-slider-wrap {
		margin: 0 -15px
	}
	.page-hire-wordpress-developers .section-title-block .width-62 {
		width: 100%
	}
	.page-magento-integrations .design-skills.bg-white {
		padding-bottom: 10px
	}
	.page-hire-magento-developers .mobile-devloper-section.style-1 .container-fluid {
		padding: 0
	}
	.page-hire-magento-developers .mobile-devloper-section.style-1 .container-fluid .row .grid-md-6:last-child {
		padding: 0 45px
	}
	.page-hire-magento-developers .mobile-devloper-section.style-1 .container-fluid .row .grid-md-6 .outside-box-left {
		margin-bottom: 50px
	}
	.h-2 .subtitle {
		letter-spacing: 2px
	}
	.page-woocommerce-development .development-request-quote .outside-box-left {
		margin-bottom: 20px
	}
	section.work-banner .section-title {
		margin-bottom: 60px
	}
	.work-counter .section-title {
		margin-bottom: 25px
	}
	.single-works .parallax {
		padding: 70% 0 0
	}
	.work-detail .work-mobile-image {
		padding: 0 15px
	}
	.work-detail .work-detail-title {
		margin: 60px 0;
		text-align: center
	}
	.work-detail .work-detail-title .h-3 span,
	.work-detail .work-detail-title h3 span {
		width: 100%
	}
	.work-detail-content-wrapper .section-title {
		margin-bottom: 40px
	}
	.page-careers .service-wrapper {
		padding-top: 50px
	}
	.page-careers .section-design-further .h-2 {
		width: 100%
	}
	.page-careers .slider-title {
		padding-bottom: 50px
	}
	.page-careers .design-content-wrapper .design-content-box .design-content-box-hover ul li:last-child {
		margin-bottom: 0
	}
	.page-home .section-service-block .section-title {
		margin-bottom: 55px
	}
	.error-wrapper,
	.error404 .error-wrapper {
		padding-top: 100px;
		padding-bottom: 100px
	}
	.error-wrapper .container .h-2 {
		font-size: 100px;
		line-height: 140px
	}
	.search-wrapper {
		padding-top: 100px
	}
	.search-wrapper .title-inner-wrap {
		padding: 30px 0
	}
	.search-wrapper .load-more-btn {
		margin-top: 50px
	}
	.search-no-results .search-wrapper.full-screen {
		padding-top: 120px;
		padding-bottom: 80px;
		height: auto!important
	}
	.search-no-results .search-wrapper h1 {
		margin-bottom: 30px
	}
	.search-no-results .search-wrapper p {
		width: 100%;
		margin-bottom: 30px
	}
	.search-no-results .search-wrapper .search-form .search-field {
		width: 100%
	}
	.search-no-results .search-wrapper .search-form .search-submit {
		margin: 30px 0 0;
		width: 100%
	}
	.overlap-height {
		margin-bottom: 0
	}
	.about-responsive .overlap-section {
		margin-top: 0
	}
	.page-hire-wordpress-developers .our-wordpress-wrapper .our-wordpress-item,
	.page-psd-to-magento .our-wordpress-wrapper .our-wordpress-item {
		min-height: 420px
	}
	.section-testimonial-block .author-text:after,
	.section-testimonial-block .author-text:before {
		margin: -5px 8px 0
	}
	.page-load-status {
		margin-bottom: 30px
	}
}

@media only screen and (max-width:440px) {
	.mobile-devloper-section.style-2 {
		padding: 50px 0
	}
	.mobile-devloper-section.style-2 h2 {
		margin-bottom: 30px
	}
	.page-magento-theme-development .design-skills.bg-white {
		padding: 50px 0 20px
	}
	.mobile-devloper-section h2 {
		margin: 0 0 30px
	}
	.counter-wrap .counter-setting {
		text-align: center
	}
	.counter-wrap .counter-setting .counter-setting-title {
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px
	}
}

@media only screen and (max-width:374px) {
	.section-partner-block .partner-logo li {
		width: 100%
	}
	.section-partner-block .partner-logo li:last-child {
		margin-bottom: 0
	}
	.section-work-block .work-slide-container .work-info .work-wrap span {
		font-size: 11px;
		line-height: 14px
	}
	.section-work-block .work-slide-container .work-info .work-wrap .h-3,
	.section-work-block .work-slide-container .work-info .work-wrap h3 {
		font-size: 24px;
		line-height: 26px
	}
	.section-title-block {
		padding-top: 100px;
		padding-bottom: 50px
	}
	.section-title-block .h-2,
	.section-title-block h2 {
		font-size: 36px;
		line-height: 42px
	}
	.story-content .story-info .story-wrap {
		padding: 40px 30px
	}
	.about-title .about-content .h-2,
	.about-title .about-content h2 {
		font-size: 28px;
		line-height: 34px;
		letter-spacing: 0
	}
	.about-title .about-image {
		margin-top: 20px
	}
	.section-about-slider .about-next,
	.section-about-slider .about-prev {
		top: -5px
	}
	.section-about-slider .about-next:before,
	.section-about-slider .about-prev:before {
		font-size: 22px
	}
	.section-about-slider .about-prev {
		right: 25px
	}
	.parralax-content .parralax-content .h-4,
	.parralax-content .parralax-content h4 {
		font-size: 22px;
		line-height: 26px
	}
	.approach-info .h-4,
	.approach-info h4 {
		font-size: 24px;
		line-height: 28px
	}
	.section-working-slider .h-3,
	.section-working-slider h3 {
		font-size: 26px;
		line-height: 32px
	}
	.contact-info-wrap .h-3,
	.contact-info-wrap h3,
	.work-banner .section-title .h-3,
	.work-banner .section-title h3 {
		font-size: 28px;
		line-height: 34px
	}
	.working-slider-content {
		margin-bottom: 40px;
		margin-top: 30px
	}
	.tech-info .tech-wrapper .tech-wrap {
		padding: 30px 20px
	}
	.tech-info .tech-wrapper .tech-wrap .btn {
		padding: 16px 20px 17px
	}
	.tech-info .tech-wrapper .tech-wrap img {
		max-height: 30px
	}
	.work-banner .section-title .work-logo img {
		max-height: 70px
	}
	.counter-wrap .counter-setting .counter-setting-title {
		margin-right: 10px
	}
	.section-testimonial-block .author-text {
		font-size: 11px
	}
}

.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
	float: left
}

.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-slide {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
	visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
	height: auto
}

.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-transition-property: height, -webkit-transform;
	transition-property: height, -webkit-transform;
	transition-property: transform, height;
	transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
	-webkit-perspective: 1200px;
	perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
	-ms-touch-action: pan-x;
	touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	left: 10px;
	right: auto
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	right: 10px;
	left: auto
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s opacity;
	transition: .3s opacity;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}

.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0
}

.swiper-container-cube,
.swiper-container-flip {
	overflow: visible
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transform: scale(.33);
	transform: scale(.33);
	position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	-webkit-transform: scale(1);
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	-webkit-transform: scale(.66);
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	-webkit-transform: scale(.33);
	transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	-webkit-transform: scale(.66);
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	-webkit-transform: scale(.33);
	transform: scale(.33)
}

.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-scrollbar-cursor-drag,
.swiper-slide-zoomed {
	cursor: move
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 6px 0;
	display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	-webkit-transition: .2s transform, .2s top, .2s -webkit-transform;
	transition: .2s transform, .2s top, .2s -webkit-transform
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: .2s transform, .2s left, .2s -webkit-transform;
	transition: .2s transform, .2s left, .2s -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: .2s transform, .2s right, .2s -webkit-transform;
	transition: .2s transform, .2s right, .2s -webkit-transform
}

.swiper-pagination-progressbar {
	background: rgba(0, 0, 0, .25);
	position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #007aff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	-webkit-transform-origin: right top;
	transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
	background: rgba(255, 255, 255, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
	background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
	background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
	background: #000
}

.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0, 0, 0, .5);
	border-radius: 10px;
	left: 0;
	top: 0
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
	max-width: 100%;
	max-height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-position: 50%;
	background-size: 100%;
	background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
	pointer-events: none;
	-webkit-transition-property: opacity;
	transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	-webkit-filter: blur(50px);
	filter: blur(50px);
	z-index: 0
}

.mfp-bg,
.mfp-wrap {
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%
}

.swiper-container-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.flip,
.flipInX {
	-o-backface-visibility: visible!important
}

.swiper-container-coverflow .swiper-wrapper {
	-ms-perspective: 1200px
}

body {
	-webkit-backface-visibility: hidden
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}

@-webkit-keyframes flash {
	0%,
	100%,
	50% {
		opacity: 1
	}
	25%,
	75% {
		opacity: 0
	}
}

@keyframes flash {
	0%,
	100%,
	50% {
		opacity: 1
	}
	25%,
	75% {
		opacity: 0
	}
}

.flash {
	-webkit-animation-name: flash;
	animation-name: flash
}

@-webkit-keyframes shake {
	0%,
	100% {
		-webkit-transform: translateX(0)
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translateX(-10px)
	}
	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translateX(10px)
	}
}

@keyframes shake {
	0%,
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px)
	}
	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translateX(10px);
		transform: translateX(10px)
	}
}

.shake {
	-webkit-animation-name: shake;
	animation-name: shake
}

@-webkit-keyframes bounce {
	0%,
	100%,
	20%,
	50%,
	80% {
		-webkit-transform: translateY(0)
	}
	40% {
		-webkit-transform: translateY(-30px)
	}
	60% {
		-webkit-transform: translateY(-15px)
	}
}

@keyframes bounce {
	0%,
	100%,
	20%,
	50%,
	80% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	40% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px)
	}
	60% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px)
	}
}

.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce
}

@-webkit-keyframes tada {
	0% {
		-webkit-transform: scale(1)
	}
	10%,
	20% {
		-webkit-transform: scale(.9) rotate(-3deg)
	}
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale(1.1) rotate(3deg)
	}
	40%,
	60%,
	80% {
		-webkit-transform: scale(1.1) rotate(-3deg)
	}
	100% {
		-webkit-transform: scale(1) rotate(0)
	}
}

@keyframes tada {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	10%,
	20% {
		-webkit-transform: scale(.9) rotate(-3deg);
		transform: scale(.9) rotate(-3deg)
	}
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale(1.1) rotate(3deg);
		transform: scale(1.1) rotate(3deg)
	}
	40%,
	60%,
	80% {
		-webkit-transform: scale(1.1) rotate(-3deg);
		transform: scale(1.1) rotate(-3deg)
	}
	100% {
		-webkit-transform: scale(1) rotate(0);
		transform: scale(1) rotate(0)
	}
}

.tada {
	-webkit-animation-name: tada;
	animation-name: tada
}

@-webkit-keyframes swing {
	100%,
	20%,
	40%,
	60%,
	80% {
		-webkit-transform-origin: top center
	}
	20% {
		-webkit-transform: rotate(15deg)
	}
	40% {
		-webkit-transform: rotate(-10deg)
	}
	60% {
		-webkit-transform: rotate(5deg)
	}
	80% {
		-webkit-transform: rotate(-5deg)
	}
	100% {
		-webkit-transform: rotate(0)
	}
}

@keyframes swing {
	20% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg)
	}
	40% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}
	60% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}
	80% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}
	100% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
}

.swing {
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing
}

@-webkit-keyframes wobble {
	0%,
	100% {
		-webkit-transform: translateX(0)
	}
	15% {
		-webkit-transform: translateX(-25%) rotate(-5deg)
	}
	30% {
		-webkit-transform: translateX(20%) rotate(3deg)
	}
	45% {
		-webkit-transform: translateX(-15%) rotate(-3deg)
	}
	60% {
		-webkit-transform: translateX(10%) rotate(2deg)
	}
	75% {
		-webkit-transform: translateX(-5%) rotate(-1deg)
	}
}

@keyframes wobble {
	0%,
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	15% {
		-webkit-transform: translateX(-25%) rotate(-5deg);
		transform: translateX(-25%) rotate(-5deg)
	}
	30% {
		-webkit-transform: translateX(20%) rotate(3deg);
		transform: translateX(20%) rotate(3deg)
	}
	45% {
		-webkit-transform: translateX(-15%) rotate(-3deg);
		transform: translateX(-15%) rotate(-3deg)
	}
	60% {
		-webkit-transform: translateX(10%) rotate(2deg);
		transform: translateX(10%) rotate(2deg)
	}
	75% {
		-webkit-transform: translateX(-5%) rotate(-1deg);
		transform: translateX(-5%) rotate(-1deg)
	}
}

.wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble
}

@-webkit-keyframes pulse {
	0%,
	100% {
		-webkit-transform: scale(1)
	}
	50% {
		-webkit-transform: scale(1.1)
	}
}

@keyframes pulse {
	0%,
	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	50% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
}

.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse
}

@-webkit-keyframes flip {
	0% {
		-webkit-transform: perspective(400px) rotateY(0);
		-webkit-animation-timing-function: ease-out
	}
	40% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
		-webkit-animation-timing-function: ease-out
	}
	50% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-webkit-animation-timing-function: ease-in
	}
	80% {
		-webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
		-webkit-animation-timing-function: ease-in
	}
	100% {
		-webkit-transform: perspective(400px) scale(1);
		-webkit-animation-timing-function: ease-in
	}
}

@keyframes flip {
	0% {
		-webkit-transform: perspective(400px) rotateY(0);
		transform: perspective(400px) rotateY(0);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}
	40% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
		transform: perspective(400px) translateZ(150px) rotateY(170deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}
	50% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
	80% {
		-webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
		transform: perspective(400px) rotateY(360deg) scale(.95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
	100% {
		-webkit-transform: perspective(400px) scale(1);
		transform: perspective(400px) scale(1);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
}

.flip {
	-webkit-backface-visibility: visible!important;
	-webkit-animation-name: flip;
	-moz-backface-visibility: visible!important;
	-moz-animation-name: flip;
	-o-animation-name: flip;
	backface-visibility: visible!important;
	animation-name: flip
}

.flipInX,
.flipOutX {
	-moz-backface-visibility: visible!important
}

@-webkit-keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
	40% {
		-webkit-transform: perspective(400px) rotateX(-10deg)
	}
	70% {
		-webkit-transform: perspective(400px) rotateX(10deg)
	}
	100% {
		-webkit-transform: perspective(400px) rotateX(0);
		opacity: 1
	}
}

@keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
	40% {
		-webkit-transform: perspective(400px) rotateX(-10deg);
		transform: perspective(400px) rotateX(-10deg)
	}
	70% {
		-webkit-transform: perspective(400px) rotateX(10deg);
		transform: perspective(400px) rotateX(10deg)
	}
	100% {
		-webkit-transform: perspective(400px) rotateX(0);
		transform: perspective(400px) rotateX(0);
		opacity: 1
	}
}

.flipInX {
	-webkit-backface-visibility: visible!important;
	-webkit-animation-name: flipInX;
	-moz-animation-name: flipInX;
	-o-animation-name: flipInX;
	backface-visibility: visible!important;
	animation-name: flipInX
}

.flipInY,
.flipOutX {
	-webkit-backface-visibility: visible!important;
	-o-backface-visibility: visible!important
}

@-webkit-keyframes flipOutX {
	0% {
		-webkit-transform: perspective(400px) rotateX(0);
		opacity: 1
	}
	100% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
}

@keyframes flipOutX {
	0% {
		-webkit-transform: perspective(400px) rotateX(0);
		transform: perspective(400px) rotateX(0);
		opacity: 1
	}
	100% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
}

.flipOutX {
	-webkit-animation-name: flipOutX;
	-moz-animation-name: flipOutX;
	-o-animation-name: flipOutX;
	animation-name: flipOutX;
	backface-visibility: visible!important
}

@-webkit-keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}
	40% {
		-webkit-transform: perspective(400px) rotateY(-10deg)
	}
	70% {
		-webkit-transform: perspective(400px) rotateY(10deg)
	}
	100% {
		-webkit-transform: perspective(400px) rotateY(0);
		opacity: 1
	}
}

@keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}
	40% {
		-webkit-transform: perspective(400px) rotateY(-10deg);
		transform: perspective(400px) rotateY(-10deg)
	}
	70% {
		-webkit-transform: perspective(400px) rotateY(10deg);
		transform: perspective(400px) rotateY(10deg)
	}
	100% {
		-webkit-transform: perspective(400px) rotateY(0);
		transform: perspective(400px) rotateY(0);
		opacity: 1
	}
}

.flipInY {
	-webkit-animation-name: flipInY;
	-moz-backface-visibility: visible!important;
	-moz-animation-name: flipInY;
	-o-animation-name: flipInY;
	backface-visibility: visible!important;
	animation-name: flipInY
}

@-webkit-keyframes flipOutY {
	0% {
		-webkit-transform: perspective(400px) rotateY(0);
		opacity: 1
	}
	100% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}
}

@keyframes flipOutY {
	0% {
		-webkit-transform: perspective(400px) rotateY(0);
		transform: perspective(400px) rotateY(0);
		opacity: 1
	}
	100% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}
}

.flipOutY {
	-webkit-backface-visibility: visible!important;
	-webkit-animation-name: flipOutY;
	-moz-backface-visibility: visible!important;
	-moz-animation-name: flipOutY;
	-o-backface-visibility: visible!important;
	-o-animation-name: flipOutY;
	backface-visibility: visible!important;
	animation-name: flipOutY
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
		transform: translateX(20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}

@-webkit-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
}

@keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		transform: translateY(2000px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig
}

@-webkit-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
}

@keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}
}

@keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		transform: translateX(-2000px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}
}

@keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		transform: translateX(2000px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}

@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-20px)
	}
}

@keyframes fadeOutUp {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}
}

.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(20px)
	}
}

@keyframes fadeOutDown {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px)
	}
}

.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(-20px)
	}
}

@keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px)
	}
}

.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(20px)
	}
}

@keyframes fadeOutRight {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(20px);
		transform: translateX(20px)
	}
}

.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px)
	}
}

@keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px)
	}
}

.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig
}

@-webkit-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px)
	}
}

@keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		transform: translateY(2000px)
	}
}

.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px)
	}
}

@keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		transform: translateX(-2000px)
	}
}

.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px)
	}
}

@keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		transform: translateX(2000px)
	}
}

.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig
}

@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3)
	}
	50% {
		opacity: 1;
		-webkit-transform: scale(1.05)
	}
	70% {
		-webkit-transform: scale(.9)
	}
	100% {
		-webkit-transform: scale(1)
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
		transform: scale(.3)
	}
	50% {
		opacity: 1;
		-webkit-transform: scale(1.05);
		transform: scale(1.05)
	}
	70% {
		-webkit-transform: scale(.9);
		transform: scale(.9)
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn
}

@-webkit-keyframes bounceInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px)
	}
	60% {
		opacity: 1;
		-webkit-transform: translateY(-30px)
	}
	80% {
		-webkit-transform: translateY(10px)
	}
	100% {
		-webkit-transform: translateY(0)
	}
}

@keyframes bounceInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		transform: translateY(2000px)
	}
	60% {
		opacity: 1;
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px)
	}
	80% {
		-webkit-transform: translateY(10px);
		transform: translateY(10px)
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp
}

@-webkit-keyframes bounceInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px)
	}
	60% {
		opacity: 1;
		-webkit-transform: translateY(30px)
	}
	80% {
		-webkit-transform: translateY(-10px)
	}
	100% {
		-webkit-transform: translateY(0)
	}
}

@keyframes bounceInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px)
	}
	60% {
		opacity: 1;
		-webkit-transform: translateY(30px);
		transform: translateY(30px)
	}
	80% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px)
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px)
	}
	60% {
		opacity: 1;
		-webkit-transform: translateX(30px)
	}
	80% {
		-webkit-transform: translateX(-10px)
	}
	100% {
		-webkit-transform: translateX(0)
	}
}

@keyframes bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		transform: translateX(-2000px)
	}
	60% {
		opacity: 1;
		-webkit-transform: translateX(30px);
		transform: translateX(30px)
	}
	80% {
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px)
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px)
	}
	60% {
		opacity: 1;
		-webkit-transform: translateX(-30px)
	}
	80% {
		-webkit-transform: translateX(10px)
	}
	100% {
		-webkit-transform: translateX(0)
	}
}

@keyframes bounceInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		transform: translateX(2000px)
	}
	60% {
		opacity: 1;
		-webkit-transform: translateX(-30px);
		transform: translateX(-30px)
	}
	80% {
		-webkit-transform: translateX(10px);
		transform: translateX(10px)
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight
}

@-webkit-keyframes bounceOut {
	0% {
		-webkit-transform: scale(1)
	}
	25% {
		-webkit-transform: scale(.95)
	}
	50% {
		opacity: 1;
		-webkit-transform: scale(1.1)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(.3)
	}
}

@keyframes bounceOut {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	25% {
		-webkit-transform: scale(.95);
		transform: scale(.95)
	}
	50% {
		opacity: 1;
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(.3);
		transform: scale(.3)
	}
}

.bounceOut {
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut
}

@-webkit-keyframes bounceOutUp {
	0% {
		-webkit-transform: translateY(0)
	}
	20% {
		opacity: 1;
		-webkit-transform: translateY(20px)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px)
	}
}

@keyframes bounceOutUp {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	20% {
		opacity: 1;
		-webkit-transform: translateY(20px);
		transform: translateY(20px)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px)
	}
}

.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp
}

@-webkit-keyframes bounceOutDown {
	0% {
		-webkit-transform: translateY(0)
	}
	20% {
		opacity: 1;
		-webkit-transform: translateY(-20px)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px)
	}
}

@keyframes bounceOutDown {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	20% {
		opacity: 1;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		transform: translateY(2000px)
	}
}

.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
	0% {
		-webkit-transform: translateX(0)
	}
	20% {
		opacity: 1;
		-webkit-transform: translateX(20px)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px)
	}
}

@keyframes bounceOutLeft {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	20% {
		opacity: 1;
		-webkit-transform: translateX(20px);
		transform: translateX(20px)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		transform: translateX(-2000px)
	}
}

.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
	0% {
		-webkit-transform: translateX(0)
	}
	20% {
		opacity: 1;
		-webkit-transform: translateX(-20px)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px)
	}
}

@keyframes bounceOutRight {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	20% {
		opacity: 1;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		transform: translateX(2000px)
	}
}

.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight
}

@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(-200deg);
		opacity: 0
	}
	100% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(0);
		opacity: 1
	}
}

@keyframes rotateIn {
	0% {
		-webkit-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(-200deg);
		transform: rotate(-200deg);
		opacity: 0
	}
	100% {
		-webkit-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}
}

.rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn
}

@-webkit-keyframes rotateInUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0
	}
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1
	}
}

@keyframes rotateInUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0
	}
	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}
}

.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0
	}
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1
	}
}

@keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0
	}
	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}
}

.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0
	}
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1
	}
}

@keyframes rotateInUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0
	}
	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}
}

.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight
}

@-webkit-keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0
	}
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1
	}
}

@keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0
	}
	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}
}

.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight
}

@-webkit-keyframes rotateOut {
	0% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(0);
		opacity: 1
	}
	100% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(200deg);
		opacity: 0
	}
}

@keyframes rotateOut {
	0% {
		-webkit-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}
	100% {
		-webkit-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(200deg);
		transform: rotate(200deg);
		opacity: 0
	}
}

.rotateOut {
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut
}

@-webkit-keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1
	}
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0
	}
}

@keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}
	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0
	}
}

.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1
	}
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0
	}
}

@keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}
	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0
	}
}

.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1
	}
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0
	}
}

@keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}
	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0
	}
}

.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight
}

@-webkit-keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1
	}
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0
	}
}

@keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}
	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0
	}
}

.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight
}

@-webkit-keyframes hinge {
	0% {
		-webkit-transform: rotate(0);
		-webkit-transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out
	}
	20%,
	60% {
		-webkit-transform: rotate(80deg);
		-webkit-transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out
	}
	40% {
		-webkit-transform: rotate(60deg);
		-webkit-transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out
	}
	80% {
		-webkit-transform: rotate(60deg) translateY(0);
		opacity: 1;
		-webkit-transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out
	}
	100% {
		-webkit-transform: translateY(700px);
		opacity: 0
	}
}

@keyframes hinge {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(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: rotate(80deg);
		transform: rotate(80deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}
	40% {
		-webkit-transform: rotate(60deg);
		transform: rotate(60deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}
	80% {
		-webkit-transform: rotate(60deg) translateY(0);
		transform: rotate(60deg) translateY(0);
		opacity: 1;
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}
	100% {
		-webkit-transform: translateY(700px);
		transform: translateY(700px);
		opacity: 0
	}
}

.hinge {
	-webkit-animation-name: hinge;
	animation-name: hinge
}

@-webkit-keyframes rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100%) rotate(-120deg)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0) rotate(0)
	}
}

@keyframes rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100%) rotate(-120deg);
		transform: translateX(-100%) rotate(-120deg)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0) rotate(0);
		transform: translateX(0) rotate(0)
	}
}

.rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn
}

@-webkit-keyframes rollOut {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0) rotate(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(100%) rotate(120deg)
	}
}

@keyframes rollOut {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0) rotate(0);
		transform: translateX(0) rotate(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(100%) rotate(120deg);
		transform: translateX(100%) rotate(120deg)
	}
}

.rollOut {
	-webkit-animation-name: rollOut;
	animation-name: rollOut
}

@-webkit-keyframes lightSpeedIn {
	0% {
		-webkit-transform: translateX(100%) skewX(-30deg);
		opacity: 0
	}
	60% {
		-webkit-transform: translateX(-20%) skewX(30deg);
		opacity: 1
	}
	80% {
		-webkit-transform: translateX(0) skewX(-15deg);
		opacity: 1
	}
	100% {
		-webkit-transform: translateX(0) skewX(0);
		opacity: 1
	}
}

@keyframes lightSpeedIn {
	0% {
		-webkit-transform: translateX(100%) skewX(-30deg);
		transform: translateX(100%) skewX(-30deg);
		opacity: 0
	}
	60% {
		-webkit-transform: translateX(-20%) skewX(30deg);
		transform: translateX(-20%) skewX(30deg);
		opacity: 1
	}
	80% {
		-webkit-transform: translateX(0) skewX(-15deg);
		transform: translateX(0) skewX(-15deg);
		opacity: 1
	}
	100% {
		-webkit-transform: translateX(0) skewX(0);
		transform: translateX(0) skewX(0);
		opacity: 1
	}
}

.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}

.animated.lightSpeedIn {
	-webkit-animation-duration: .5s;
	animation-duration: .5s
}

@-webkit-keyframes lightSpeedOut {
	0% {
		-webkit-transform: translateX(0) skewX(0);
		opacity: 1
	}
	100% {
		-webkit-transform: translateX(100%) skewX(-30deg);
		opacity: 0
	}
}

@keyframes lightSpeedOut {
	0% {
		-webkit-transform: translateX(0) skewX(0);
		transform: translateX(0) skewX(0);
		opacity: 1
	}
	100% {
		-webkit-transform: translateX(100%) skewX(-30deg);
		transform: translateX(100%) skewX(-30deg);
		opacity: 0
	}
}

.lightSpeedOut {
	-webkit-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}

.animated.lightSpeedOut {
	-webkit-animation-duration: .25s;
	animation-duration: .25s
}

@-webkit-keyframes wiggle {
	0% {
		-webkit-transform: skewX(9deg)
	}
	10% {
		-webkit-transform: skewX(-8deg)
	}
	20% {
		-webkit-transform: skewX(7deg)
	}
	30% {
		-webkit-transform: skewX(-6deg)
	}
	40% {
		-webkit-transform: skewX(5deg)
	}
	50% {
		-webkit-transform: skewX(-4deg)
	}
	60% {
		-webkit-transform: skewX(3deg)
	}
	70% {
		-webkit-transform: skewX(-2deg)
	}
	80% {
		-webkit-transform: skewX(1deg)
	}
	100%,
	90% {
		-webkit-transform: skewX(0)
	}
}

@keyframes wiggle {
	0% {
		-webkit-transform: skewX(9deg);
		transform: skewX(9deg)
	}
	10% {
		-webkit-transform: skewX(-8deg);
		transform: skewX(-8deg)
	}
	20% {
		-webkit-transform: skewX(7deg);
		transform: skewX(7deg)
	}
	30% {
		-webkit-transform: skewX(-6deg);
		transform: skewX(-6deg)
	}
	40% {
		-webkit-transform: skewX(5deg);
		transform: skewX(5deg)
	}
	50% {
		-webkit-transform: skewX(-4deg);
		transform: skewX(-4deg)
	}
	60% {
		-webkit-transform: skewX(3deg);
		transform: skewX(3deg)
	}
	70% {
		-webkit-transform: skewX(-2deg);
		transform: skewX(-2deg)
	}
	80% {
		-webkit-transform: skewX(1deg);
		transform: skewX(1deg)
	}
	100%,
	90% {
		-webkit-transform: skewX(0);
		transform: skewX(0)
	}
}

.wiggle {
	-webkit-animation-name: wiggle;
	animation-name: wiggle;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}

.animated.wiggle {
	-webkit-animation-duration: .75s;
	animation-duration: .75s
}

.mfp-bg {
	z-index: 1042;
	overflow: hidden;
	background: #0b0b0b
}

.mfp-wrap {
	z-index: 1043;
	outline: 0!important;
	-webkit-backface-visibility: hidden
}

.mfp-container {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.mfp-container:before {
	display: inline-block;
	height: 100%;
	vertical-align: middle
}

.mfp-align-top .mfp-container:before {
	display: none
}

.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
	width: 100%;
	cursor: auto
}

.mfp-ajax-cur {
	cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -webkit-zoom-out;
	cursor: zoom-out
}

.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
	cursor: auto
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.mfp-loading.mfp-figure {
	display: none
}

.mfp-hide {
	display: none!important
}

.mfp-preloader {
	color: #ccc;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -.8em;
	left: 8px;
	right: 8px;
	z-index: 1044
}

.mfp-preloader a {
	color: #ccc
}

.mfp-preloader a:hover {
	color: #fff
}

.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
	display: none
}

button.mfp-arrow,
button.mfp-close {
	overflow: visible;
	cursor: pointer;
	background: 0 0;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: 0;
	padding: 0;
	z-index: 1046;
	-webkit-box-shadow: none;
	box-shadow: none;
	-ms-touch-action: manipulation;
	touch-action: manipulation
}

button::-moz-focus-inner {
	padding: 0;
	border: 0
}

.mfp-close {
	width: 44px;
	height: 44px;
	line-height: 44px;
	position: absolute;
	right: 0;
	top: 0;
	text-align: center;
	opacity: .65;
	padding: 0 0 18px 10px;
	color: #fff;
	font-style: normal;
	font-size: 28px;
	font-family: Arial, Baskerville, monospace
}

.mfp-close:focus,
.mfp-close:hover {
	opacity: 1
}

.mfp-close:active {
	top: 1px
}

.mfp-close-btn-in .mfp-close {
	color: #333
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
	color: #fff;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	width: 100%
}

.mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #ccc;
	font-size: 12px;
	line-height: 18px;
	white-space: nowrap
}

.mfp-arrow {
	position: absolute;
	opacity: .65;
	margin: -55px 0 0;
	top: 50%;
	padding: 0;
	width: 90px;
	height: 110px
}

.mfp-arrow:active {
	margin-top: -54px
}

.mfp-arrow:focus,
.mfp-arrow:hover {
	opacity: 1
}

.mfp-arrow:after,
.mfp-arrow:before {
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;
	margin-left: 35px;
	border: inset transparent
}

.mfp-arrow:after {
	border-top-width: 13px;
	border-bottom-width: 13px;
	top: 8px
}

.mfp-arrow:before {
	border-top-width: 21px;
	border-bottom-width: 21px;
	opacity: .7
}

.mfp-arrow-left {
	left: 0
}

.mfp-arrow-left:after {
	border-right: 17px solid #fff;
	margin-left: 31px
}

.mfp-arrow-left:before {
	margin-left: 25px;
	border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
	right: 0
}

.mfp-arrow-right:after {
	border-left: 17px solid #fff;
	margin-left: 39px
}

.mfp-arrow-right:before {
	border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 100%;
	max-width: 900px
}

.mfp-iframe-holder .mfp-close {
	top: -40px
}

.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
	box-shadow: 0 0 8px rgba(0, 0, 0, .6);
	background: #000
}

.mfp-figure:after,
img.mfp-img {
	width: auto;
	height: auto;
	display: block
}

img.mfp-img {
	max-width: 100%;
	line-height: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 40px 0;
	margin: 0 auto
}

.mfp-figure {
	line-height: 0
}

.mfp-figure:after {
	position: absolute;
	left: 0;
	top: 40px;
	bottom: 40px;
	right: 0;
	z-index: -1;
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
	box-shadow: 0 0 8px rgba(0, 0, 0, .6);
	background: #444
}

.mfp-figure small {
	color: #bdbdbd;
	display: block;
	font-size: 12px;
	line-height: 14px
}

.mfp-figure figure {
	margin: 0
}

.mfp-bottom-bar {
	margin-top: -36px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto
}

.mfp-title {
	text-align: left;
	line-height: 18px;
	color: #f3f3f3;
	word-wrap: break-word;
	padding-right: 36px
}

.mfp-image-holder .mfp-content {
	max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
	cursor: pointer
}

@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
	.mfp-img-mobile .mfp-image-holder {
		padding-left: 0;
		padding-right: 0
	}
	.mfp-img-mobile img.mfp-img {
		padding: 0
	}
	.mfp-img-mobile .mfp-figure:after {
		top: 0;
		bottom: 0
	}
	.mfp-img-mobile .mfp-figure small {
		display: inline;
		margin-left: 5px
	}
	.mfp-img-mobile .mfp-bottom-bar {
		background: rgba(0, 0, 0, .6);
		bottom: 0;
		margin: 0;
		top: auto;
		padding: 3px 5px;
		position: fixed;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}
	.mfp-img-mobile .mfp-bottom-bar:empty {
		padding: 0
	}
	.mfp-img-mobile .mfp-counter {
		right: 5px;
		top: 3px
	}
	.mfp-img-mobile .mfp-close {
		top: 0;
		right: 0;
		width: 35px;
		height: 35px;
		line-height: 35px;
		background: rgba(0, 0, 0, .6);
		position: fixed;
		text-align: center;
		padding: 0
	}
}

@media all and (max-width:900px) {
	.mfp-arrow {
		-webkit-transform: scale(.75);
		transform: scale(.75)
	}
	.mfp-arrow-left {
		-webkit-transform-origin: 0;
		transform-origin: 0
	}
	.mfp-arrow-right {
		-webkit-transform-origin: 100%;
		transform-origin: 100%
	}
	.mfp-container {
		padding-left: 6px;
		padding-right: 6px
	}
}

.mCustomScrollbar {
	-ms-touch-action: pinch-zoom;
	touch-action: pinch-zoom
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
	-ms-touch-action: auto;
	touch-action: auto
}

.mCustomScrollBox {
	position: relative;
	overflow: hidden;
	height: 100%;
	max-width: 100%;
	outline: 0;
	direction: ltr
}

.mCSB_container {
	overflow: hidden;
	width: auto;
	height: auto
}

.mCSB_inside>.mCSB_container {
	margin-right: 30px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-right: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
	margin-right: 0;
	margin-left: 30px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-left: 0
}

.mCSB_scrollTools {
	position: absolute;
	width: 16px;
	height: auto;
	left: auto;
	top: 0;
	right: 0;
	bottom: 0;
	opacity: .75;
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)"
}

.mCSB_outside+.mCSB_scrollTools {
	right: -26px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
	right: auto;
	left: 0
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
	left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: auto
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
	margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
	width: 2px;
	height: 100%;
	margin: 0 auto;
	border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
	cursor: pointer;
	width: 100%;
	height: 30px;
	z-index: 1
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	position: relative;
	width: 4px;
	height: 100%;
	margin: 0 auto;
	border-radius: 16px;
	text-align: center
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	width: 8px
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonUp {
	display: block;
	position: absolute;
	height: 20px;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
	bottom: 0
}

.mCSB_horizontal.mCSB_inside>.mCSB_container {
	margin-right: 0;
	margin-bottom: 30px
}

.mCSB_horizontal.mCSB_outside>.mCSB_container {
	min-height: 100%
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
	margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	width: auto;
	height: 16px;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0
}

.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
	margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 2px;
	margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 30px;
	height: 100%;
	left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 4px;
	margin: 6px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	height: 12px;
	margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	height: 8px;
	margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
	display: block;
	position: absolute;
	width: 20px;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
	left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
	right: 0
}

.mCSB_container_wrapper {
	position: absolute;
	height: auto;
	width: auto;
	overflow: hidden;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin-right: 30px;
	margin-bottom: 30px
}

.mCSB_container_wrapper>.mCSB_container {
	padding-right: 30px;
	padding-bottom: 30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
	bottom: 20px
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
	bottom: 0
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	right: 0
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	left: 20px
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	left: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
	margin-right: 0;
	margin-left: 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
	padding-right: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
	padding-bottom: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-right: 0;
	margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
	margin-bottom: 0
}

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
	-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
	transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
	opacity: 0;
	filter: "alpha(opacity=0)";
	-ms-filter: "alpha(opacity=0)"
}

.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover~.mCSB_scrollTools,
.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag {
	opacity: 1;
	filter: "alpha(opacity=100)";
	-ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .4);
	filter: "alpha(opacity=40)";
	-ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .75);
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .85);
	filter: "alpha(opacity=85)";
	-ms-filter: "alpha(opacity=85)"
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .9);
	filter: "alpha(opacity=90)";
	-ms-filter: "alpha(opacity=90)"
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp {
	background-image: url(mCSB_buttons.png);
	background-repeat: no-repeat;
	opacity: .4;
	filter: "alpha(opacity=40)";
	-ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
	background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
	background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
	background-position: 0 -56px
}

.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover,
.mCSB_scrollTools .mCSB_buttonUp:hover {
	opacity: .75;
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active,
.mCSB_scrollTools .mCSB_buttonUp:active {
	opacity: .9;
	filter: "alpha(opacity=90)";
	-ms-filter: "alpha(opacity=90)"
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .15)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: rgba(0, 0, 0, .85)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: rgba(0, 0, 0, .9)
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -80px 0
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -80px -20px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -80px -40px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -80px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
	width: 4px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, .1);
	border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 4px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, .75);
	border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 4px;
	margin: 6px auto
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .85)
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .9)
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px 0
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -20px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -40px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .1);
	border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75);
	border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px 0
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -20px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -40px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
	width: 4px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, .1);
	border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, .75);
	border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 4px;
	margin: 6px 0
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 6px;
	margin: 5px auto
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .85)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .9)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -16px 0
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -16px -20px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -20px -40px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -20px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .1);
	border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75);
	border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -96px 0
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -96px -20px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -100px -40px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -100px -56px
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .1)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 2px
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 2px;
	margin: 7px auto
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .15)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -80px 0
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -80px -20px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -80px -40px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -80px -56px
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger {
	height: 14px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 14px;
	margin: 0 1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 14px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	height: 14px;
	margin: 1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	width: 16px;
	height: 16px;
	margin: -1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	width: 4px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	height: 16px;
	width: 16px;
	margin: 0 -1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	height: 4px;
	margin: 6px 0
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
	background-position: 0 -72px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
	background-position: 0 -92px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: 0 -112px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
	background-position: 0 -128px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .85)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .9)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -80px -72px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -80px -92px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -80px -112px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -80px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
	width: 4px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	background-color: transparent;
	background-position: center
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
	background-repeat: repeat-y;
	opacity: .3;
	filter: "alpha(opacity=30)";
	-ms-filter: "alpha(opacity=30)"
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	height: 4px;
	margin: 6px 0;
	background-repeat: repeat-x
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -16px -72px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -16px -92px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -20px -112px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -20px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -96px -72px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -96px -92px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -100px -112px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -100px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-repeat: repeat-y;
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, .5)), to(rgba(255, 255, 255, 0)));
	background-image: linear-gradient(to right, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	background-repeat: repeat-x;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, .5)), to(rgba(255, 255, 255, 0)));
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
	height: 70px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 70px
}

.mCS-3d-dark.mCSB_scrollTools,
.mCS-3d.mCSB_scrollTools {
	opacity: 1;
	filter: "alpha(opacity=30)";
	-ms-filter: "alpha(opacity=30)"
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
	border-radius: 16px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
	width: 8px;
	background-color: #000;
	background-color: rgba(0, 0, 0, .2);
	-webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px rgba(255, 255, 255, .2);
	box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px rgba(255, 255, 255, .2)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #555
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 8px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 8px;
	margin: 4px 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px rgba(255, 255, 255, .2);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px rgba(255, 255, 255, .2)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 8px;
	margin: 4px auto
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -72px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .1);
	-webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1);
	box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools {
	opacity: 1;
	filter: "alpha(opacity=30)";
	-ms-filter: "alpha(opacity=30)"
}

.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
	border-radius: 7px
}

.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical {
	right: 1px
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCS-3d-thick.mCSB_scrollTools_vertical {
	-webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5);
	box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,
.mCS-3d-thick.mCSB_scrollTools_horizontal {
	bottom: 1px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	border-radius: 5px;
	-webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4);
	box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4);
	width: 12px;
	margin: 2px;
	position: absolute;
	height: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
	height: 12px;
	width: auto
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
	background-color: #000;
	background-color: rgba(0, 0, 0, .05);
	-webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1);
	box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -72px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools {
	-webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, .2);
	box-shadow: inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	-webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4), inset -1px 0 0 rgba(0, 0, 0, .2);
	box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4), inset -1px 0 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #777
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
	background-color: #fff;
	background-color: rgba(0, 0, 0, .05);
	-webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1);
	box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -72px
}

.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
	right: 0;
	margin: 12px 0
}

.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	bottom: 0;
	margin: 0 12px
}

.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
	left: 0;
	right: auto
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
	height: 50px
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 50px
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .2);
	filter: "alpha(opacity=20)";
	-ms-filter: "alpha(opacity=20)"
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .5);
	filter: "alpha(opacity=50)";
	-ms-filter: "alpha(opacity=50)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .2);
	filter: "alpha(opacity=20)";
	-ms-filter: "alpha(opacity=20)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .5);
	filter: "alpha(opacity=50)";
	-ms-filter: "alpha(opacity=50)"
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
	width: 6px;
	background-color: #000;
	background-color: rgba(0, 0, 0, .2)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 6px;
	margin: 5px 0
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	width: 12px
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	height: 12px;
	margin: 2px 0
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .1)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
	width: 12px;
	background-color: #000;
	background-color: rgba(0, 0, 0, .2)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px;
	margin: 3px 5px;
	position: absolute;
	height: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	height: 6px;
	margin: 5px 3px;
	position: absolute;
	width: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 12px;
	margin: 2px 0
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .1)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent;
	border-width: 1px;
	border-style: solid;
	border-color: #fff;
	border-color: rgba(255, 255, 255, .2);
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
	border-color: #000;
	border-color: rgba(0, 0, 0, .2)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .6)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .6)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .85)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .9)
}

.hide {
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  width: 1px;
}
.accordion-child{
    list-style:auto;
}
.accordion {
  background: #fff;
  width: 100%;
  margin:0 auto;
}

.accordion-item {
  position: relative;
  width: 100%;
  border-bottom: 1px solid #e0e0e0;
}
.accordion-item:last-child {
  border-bottom: none;
}

.accordion-label {
  padding: 20px 0 20px 30px;
  width: 100%;
  display: block;
  font-size: 18px;
}
.accordion-label:hover {
  cursor: pointer;
}
.accordion-label:before {
  content: '';
  position: absolute;
  height: 5px;
  width: 5px;
  top: 22px;
  left: 12px;
  display: inline-block;
  border-left: 5px solid #999;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
input[type=checkbox]:checked ~ .accordion-label:before {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.accordion-child {
  margin: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  height: 0;
  -webkit-transform: scale(1, 0);
          transform: scale(1, 0);
  -webkit-transform-origin: center top;
          transform-origin: center top;
}
input[type=checkbox]:checked ~ .accordion-child {
  border: 1px solid #e0e0e0;
  margin: 0 -20px 15px -20px;
  background: #fff;
  box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.16);
  padding: 30px 70px;
  height: auto;
  opacity: 1;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}
