@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Source+Sans+Pro:wght@200;300;400;600;700;900&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Comfortaa:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400&display=swap");
@import url("./icomoon.css");

:root {
	--gradient: linear-gradient(to right,#7355f7 0,#5f3bff 51%,#7355f7 100%);
	--gradient-sec: linear-gradient(to right,#130065 0,#2b0ead 51%,#130065 100%);
	--quote: url(../images/quotes-2.svg);
	--primary: #7355f7;
	--secondary: #1f2471;
	--secondary: #1f2471;
	--primary-hover: #4b24f5;
	--primary-dark: #2608ab;
	--rgba-primary-05: rgba(115, 85, 247, 0.05);
	--rgba-primary-1: rgba(115, 85, 247, 0.1);
	--rgba-primary-2: rgba(115, 85, 247, 0.2);
	--rgba-primary-3: rgba(115, 85, 247, 0.3);
	--rgba-primary-4: rgba(115, 85, 247, 0.4);
	--rgba-primary-5: rgba(115, 85, 247, 0.5);
	--rgba-primary-6: rgba(115, 85, 247, 0.6);
	--rgba-primary-7: rgba(115, 85, 247, 0.7);
	--rgba-primary-8: rgba(115, 85, 247, 0.8);
	--rgba-primary-9: rgba(115, 85, 247, 0.9);
}

:root {
	--blue: #5543d1;
	--indigo: #6610f2;
	--purple: #6f42c1;
	--pink: #e83e8c;
	--red: #ff586e;
	--orange: #ff8853;
	--yellow: #ffa808;
	--green: #029e76;
	--teal: #20c997;
	--cyan: #17a2b8;
	--white: #fff;
	--gray: #6c757d;
	--gray-dark: #343a40;
	--primary: #7355f7;
	--secondary: #1f2471;
	--success: #029e76;
	--info: #00aeff;
	--warning: #fea500;
	--danger: #ff5269;
	--light: #fffbf7;
	--dark: #262F5A;
	--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
	--breakpoint-xxl: 1440;
	--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Comfortaa, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	font-family: sans-serif;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

footer, header, section {
	display: block;
}

body {
	margin: 0;
	font-family: "Comfortaa", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #888;
	text-align: left;
	background-color: #fff;
}

h1, h2, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 0.5rem;
}

p {
	margin-top: 0;
	margin-bottom: 1rem;
	font-family: "Comfortaa", sans-serif;
}

ul {
	margin-top: 0;
	margin-bottom: 1rem;
}

b {
	font-weight: bolder;
}

a {
	color: #7355f7;
	text-decoration: none;
	background-color: transparent;
}

a:hover {
	color: #370cf4;
	text-decoration: underline;
}

img {
	vertical-align: middle;
	border-style: none;
}

button {
	border-radius: 0;
}

input,
button {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

button,
input {
	overflow: visible;
}



button {
	text-transform: none;
}

button,
[type="button"],
[type="submit"] {
	-webkit-appearance: button;
}

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
	cursor: pointer;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	padding: 0;
	border-style: none;
}

::-webkit-file-upload-button {
	font: inherit;
	-webkit-appearance: button;
}

h1, h2, h4, h5, h6 {
	margin-bottom: 0.5rem;
	font-weight: 700;
	line-height: 1.2;
	color: #000;
}

h1 {
	font-size: 3.375rem;
}

h2 {
	font-size: 2.375rem;
}

h4 {
	font-size: 22px;
}

h5 {
	font-size: 1.25rem;
}

h6 {
	font-size: 0.875rem;
}

.container {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.tabs-container {
    display: flex;
    min-height: 427px;
}

sup {
    padding: 0px 6px;
    font-size: 12.025px;
    font-weight: bold;
    white-space: nowrap;
    color: #ffffff;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 10px;
    position: absolute;
    margin-left: 3px;
    bottom: 84%;
    background-color: #ff6550;
}





@media (min-width: 576px) {
	.container {
		max-width: 540px;
	}
}

@media (min-width: 768px) {
	.container {
		max-width: 720px;
	}
}

@media (min-width: 992px) {
	.container {
		max-width: 720px;
	}
}

@media (min-width: 992px) {
	.container {
		max-width: 980px;
	}
}

@media (min-width: 1200px) {
	.container {
		max-width: 1199px;
	}
}

.work-content-mobile.mobile-wrap {
    position: relative;
    width: 152px;
    height: 309px;
    background-image: url(../images/about/video-slider-device-phone.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

@media (min-width: 1440px){
.work-content-mobile.mobile-wrap {
    width: 153px;
}
}

.row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}

.col-sm-6, .col-sm-12, .col-md-4, .col-md-6, .col-md-8, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-12, .col-xl-3, .col-xl-5, .col-xl-6, .col-xl-9 {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}



@media (min-width: 576px) {

	.col-sm-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-sm-12 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.col-sm-12R {
		flex: 0 0 90%;
		max-width: 90%;
	}
}

@media (min-width: 768px) {
    
	.col-xl-6-5 {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-md-4 {
		flex: 0 0 33.3333333333%;
		max-width: 33.3333333333%;
	}

	.col-md-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-md-8 {
		flex: 0 0 66.6666666667%;
		max-width: 66.6666666667%;
	}
	.flex {
		display: flex;
	}
	
	.jc{
	
	justify-content: center;
	}

}

@media (min-width: 992px) {

	.col-lg-2 {
		flex: 0 0 16.6666666667%;
		max-width: 16.6666666667%;
	}

	.col-lg-3 {
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-lg-4 {
		flex: 0 0 33.3333333333%;
		max-width: 33.3333333333%;
	}

	.col-lg-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-lg-7 {
		flex: 0 0 58.3333333333%;
		max-width: 58.3333333333%;
	}

	.col-lg-8 {
		flex: 0 0 66.6666666667%;
		max-width: 66.6666666667%;
	}

	

	.col-lg-12 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.offset-lg-0 {
		margin-left: 0;
	}

	
}

@media (min-width: 1200px) {

	.col-xl-3 {
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-xl-5 {
		flex: 0 0 41.6666666667%;
		max-width: 41.6666666667%;
	}

	.col-xl-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-xl-9 {
		flex: 0 0 75%;
		max-width: 75%;
	}
}

.form-control {
	display: block;
	width: 100%;
	height: calc(1.5em + 0.75rem + 2px);
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
	.form-control {
		transition: none;
	}
}

.form-control::-ms-expand {
	background-color: transparent;
	border: 0;
}

.form-control:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #495057;
}

.form-control:focus {
	color: #495057;
	background-color: #fff;
	border-color: #d7cffd;
	outline: 0;
	box-shadow: 0 0 0 0rem rgba(115, 85, 247, 0.25);
}

.form-control:disabled {
	background-color: #e9ecef;
	opacity: 1;
}

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
	border-color: #029e76;
}

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
	border-color: #ff5269;
}

.btn {
	display: inline-block;
	font-weight: 400;
	color: #888;
	text-align: center;
	vertical-align: middle;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: 0.25rem;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
	.btn {
		transition: none;
	}
}

.btn:hover {
	color: #888;
	text-decoration: none;
}

.btn:focus {
	outline: 0;
	box-shadow: 0 0 0 0rem rgba(115, 85, 247, 0.25);
}

.btn:disabled {
	opacity: 0.65;
}

.btn:not(:disabled):not(.disabled) {
	cursor: pointer;
}

.btn-primary {
	color: #fff;
	background-color: #7355f7;
	border-color: #7355f7;
}

.btn-primary:hover {
	color: #fff;
	background-color: #5530f5;
	border-color: #4b24f5;
}

.btn-primary:focus {
	color: #fff;
	background-color: #5530f5;
	border-color: #4b24f5;
	box-shadow: 0 0 0 0rem rgba(136, 111, 248, 0.5);
}

.btn-primary:disabled {
	color: #fff;
	background-color: #7355f7;
	border-color: #7355f7;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active {
	color: #fff;
	background-color: #4b24f5;
	border-color: #4118f4;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus {
	box-shadow: 0 0 0 0rem rgba(136, 111, 248, 0.5);
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active {
	color: #fff;
	background-color: #141749;
	border-color: #11143f;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus {
	box-shadow: 0 0 0 0rem rgba(65, 69, 134, 0.5);
}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active {
	color: #fff;
	background-color: #016c50;
	border-color: #015f47;
}

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus {
	box-shadow: 0 0 0 0rem rgba(40, 173, 139, 0.5);
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active {
	color: #fff;
	background-color: #008bcc;
	border-color: #0083bf;
}

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus {
	box-shadow: 0 0 0 0rem rgba(38, 186, 255, 0.5);
}

.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active {
	color: #fff;
	background-color: #cb8400;
	border-color: #be7c00;
}

.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus {
	box-shadow: 0 0 0 0rem rgba(221, 146, 6, 0.5);
}

.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active {
	color: #fff;
	background-color: #ff1f3d;
	border-color: #ff1232;
}

.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus {
	box-shadow: 0 0 0 0rem rgba(255, 108, 128, 0.5);
}

.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active {
	color: #212529;
	background-color: #ffe2c4;
	border-color: #ffdbb7;
}

.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus {
	box-shadow: 0 0 0 0rem rgba(222, 219, 216, 0.5);
}

.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active {
	color: #fff;
	background-color: #171c36;
	border-color: #13182d;
}

.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus {
	box-shadow: 0 0 0 0rem rgba(71, 78, 115, 0.5);
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active {
	color: #fff;
	background-color: #7355f7;
	border-color: #7355f7;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus {
	box-shadow: 0 0 0 0rem rgba(115, 85, 247, 0.5);
}

.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active {
	color: #fff;
	background-color: #1f2471;
	border-color: #1f2471;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus {
	box-shadow: 0 0 0 0rem rgba(31, 36, 113, 0.5);
}

.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active {
	color: #fff;
	background-color: #029e76;
	border-color: #029e76;
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus {
	box-shadow: 0 0 0 0rem rgba(2, 158, 118, 0.5);
}

.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active {
	color: #fff;
	background-color: #00aeff;
	border-color: #00aeff;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus {
	box-shadow: 0 0 0 0rem rgba(0, 174, 255, 0.5);
}

.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active {
	color: #212529;
	background-color: #fea500;
	border-color: #fea500;
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus {
	box-shadow: 0 0 0 0rem rgba(254, 165, 0, 0.5);
}

.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active {
	color: #fff;
	background-color: #ff5269;
	border-color: #ff5269;
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus {
	box-shadow: 0 0 0 0rem rgba(255, 82, 105, 0.5);
}

.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active {
	color: #212529;
	background-color: #fffbf7;
	border-color: #fffbf7;
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus {
	box-shadow: 0 0 0 0rem rgba(255, 251, 247, 0.5);
}

.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active {
	color: #fff;
	background-color: #262F5A;
	border-color: #262F5A;
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus {
	box-shadow: 0 0 0 0rem rgba(38, 47, 90, 0.5);
}

.collapse:not(.show) {
	display: none;
}

.input-group {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	width: 100%;
}

.input-group > .form-control {
	position: relative;
	flex: 1 1 auto;
	width: 1%;
	min-width: 0;
	margin-bottom: 0;
}

.input-group > .form-control:focus {
	z-index: 3;
}

.input-group > .form-control:not(:first-child) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.input-group-prepend {
	display: flex;
}

.input-group-prepend {
	margin-right: -1px;
}

.input-group-text {
	display: flex;
	align-items: center;
	padding: 0.375rem 0.75rem;
	margin-bottom: 0;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	text-align: center;
	white-space: nowrap;
	background-color: #e9ecef;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
}

.input-group > .input-group-prepend > .input-group-text {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
	border-color: #d7cffd;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
	color: #fff;
	background-color: white;
	border-color: white;
}

.nav {
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

.navbar {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding: 0.5rem 1rem;
}

.navbar-nav {
	display: flex;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

.navbar-collapse {
	flex-basis: 100%;
	flex-grow: 1;
	align-items: center;
}

.navbar-toggler {
	padding: 0.25rem 0.75rem;
	font-size: 1.25rem;
	line-height: 1;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 0.25rem;
}

.navbar-toggler:hover, .navbar-toggler:focus {
	text-decoration: none;
}

@media (min-width: 992px) {
	.navbar-expand-lg {
		flex-flow: row nowrap;
		justify-content: flex-start;
	}

	.navbar-expand-lg .navbar-nav {
		flex-direction: row;
	}

	.navbar-expand-lg .navbar-collapse {
		display: flex !important;
		flex-basis: auto;
	}

	.navbar-expand-lg .navbar-toggler {
		display: none;
	}
}

.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
	opacity: .75;
}

.bg-white {
	background-color: #fff !important;
}

.clearfix::after {
	display: block;
	clear: both;
	content: "";
}

.d-none {
	display: none !important;
}

.d-inline-flex {
	display: inline-flex !important;
}

@media (min-width: 992px) {

	.d-lg-block {
		display: block !important;
	}
}

.justify-content-end {
	justify-content: flex-end !important;
}

.align-items-center {
	align-items: center !important;
}

@supports (position: sticky) {
}

.my-2 {
	margin-top: 0.5rem !important;
}

.my-2 {
	margin-bottom: 0.5rem !important;
}

.mb-4 {
	margin-bottom: 1.5rem !important;
}

.text-right {
	text-align: right !important;
}

.text-center {
	text-align: center !important;
}

.text-capitalize {
	text-transform: capitalize !important;
}

.text-white {
	color: #fff !important;
}

.text-primary {
	color: #7355f7 !important;
}

@media print {
	*,
  *::before,
  *::after {
		text-shadow: none !important;
		box-shadow: none !important;
	}

	a:not(.btn) {
		text-decoration: underline;
	}

	img {
		page-break-inside: avoid;
	}

	p,
  h2 {
		orphans: 3;
		widows: 3;
	}

	h2 {
		page-break-after: avoid;
	}

  @	page {
		size: a3;
	}

	body {
		min-width: 992px !important;
	}

	.container {
		min-width: 992px !important;
	}

	.navbar {
		display: none;
	}
}

* {
	outline: none;
	padding: 0;
}

*::after {
	margin: 0;
	padding: 0;
}

*::before {
	margin: 0;
	padding: 0;
}

body {
	line-height: 1.6;
	color: #5e5e5e;
	font-size: 16px;
}

h1, h2, h4, h5, h6 {
	font-family: "Comfortaa", sans-serif;
	font-weight: 700;
	color: #070120;
}

ul {
	padding: 0;
	margin: 0;
}

img {
	border-style: none;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}

li {
	list-style: none;
}

a {
	text-decoration: none;
	outline: none;
	color: var(--primary);
	-webkit-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;
}

a:hover, a:focus {
	text-decoration: none;
	outline: none;
	color: var(--primary-hover);
}

.text-primary {
	color: var(--primary) !important;
}

b {
	font-weight: 600;
	color: #000;
}

@media only screen and (max-width: 1199px) {
	h4 {
		font-size: 1.25rem;
	}
}

@media only screen and (max-width: 1199px) {
	h2 {
		font-size: 23px;
	}
}

::selection {
	color: #fff;
	background: var(--secondary);
}

.m-b10 {
	margin-bottom: 10px;
}

.m-b20 {
	margin-bottom: 20px;
}

.m-b30 {
	margin-bottom: 30px;
}

.m-l10 {
	margin-left: 10px;
}

.m-r0 {
	margin-right: 0;
}

.m-r10 {
	margin-right: 10px;
}

@media only screen and (max-width: 991px) {

	.m-md-b30 {
		margin-bottom: 30px;
	}
}

.bg-img-fix {
	background-attachment: unset;
	background-size: cover;
}

section {
	position: relative;
	z-index: 1;
	padding-top: 40px;
}

section:after {
	content: attr(data-content);
	position: absolute;
	top: -28px;
	font-size: 200px;
	font-weight: 700;
	color: transparent;
	line-height: 1;
	-webkit-text-stroke: 1px #000;
	z-index: -1;
	font-family: "Poppins", sans-serif;
	opacity: 0.1;
	left: 0;
}

@media only screen and (max-width: 1400px) {
	section:after {
		font-size: 140px;
		top: -20px;
	}
}

.mobile-wrap__video.img-container {
    position: absolute;
    width: 135px;
    top: 45px;
    height: 245px;
    left: 9px;
}

@media only screen and (max-width: 991px) {
	section:after {
		font-size: 80px;
		top: -10px;
	}
}

@media only screen and (max-width: 575px) {
	section:after {
		font-size: 50px;
		top: -5px;
	}
}

.section-head {
	margin-bottom: 40px;
}

@media only screen and (max-width: 1199px) {
	.section-head {
		margin-bottom: 30px;
	}
}

.section-head h2.title {
	font-size: 60px;
	line-height: 1.2;
	font-weight: 800;
}

@media only screen and (max-width: 1199px) {
	.section-head h2.title {
		font-size: 35px;
	}
}

@media only screen and (max-width: 575px) {
	.section-head h2.title {
		font-size: 28px;
	}
}

.text-maroon2 {
	color: #950a9e;
}

.text-orange {
	color: #ff8853;
}

.text-red {
	color: #ff586e;
}

.text-green {
	color: #029e76;
}

.text-violet {
	color: #7355f7;
}

.text-violet2 {
	color: #8624f5;
}

.bg-red2 {
	background-color: #9d0daf;
}

.bg-blue2 {
	background-color: #7355f7;
}

.bg-violet2 {
	background-color: #8524f5;
}

.bg-violet3 {
	background-color: #760a9e;
}

.shadow-red2 {
	box-shadow: 0 2px 15px rgba(157, 13, 175, 0.5);
}

.shadow-blue2 {
	box-shadow: 0 2px 15px rgba(115, 85, 247, 0.5);
}

.shadow-violet2 {
	box-shadow: 0 2px 15px rgba(133, 36, 245, 0.4);
}

.shadow-violet3 {
	box-shadow: 0 2px 15px rgba(118, 10, 158, 0.4);
}

.scale1 {
	transform: scale(1.1) !important;
	-moz-transform: scale(1.1) !important;
	-webkit-transform: scale(1.1) !important;
	-ms-transform: scale(1.1) !important;
	-o-transform: scale(1.1) !important;
	display: inline-block;
}

#bg {
	background-attachment: fixed;
	background-size: cover;
}

/* Frame */

.form-control {
	position: relative;
	border-radius: 0.25rem !important;
	height: 55px;
	border: 1px solid #cccccc;
	padding: 10px 20px;
	font-size: 13px;
	font-weight: 400;
	color: #888;
	transition: all 0.3s ease-in-out;
	background: #fff;
}

@media only screen and (max-width: 1199px) {
	.form-control {
		height: 42px;
	}
}

.form-control::-webkit-input-placeholder {
	color: #888;
}

.form-control:-ms-input-placeholder {
	color: #888;
}

.form-control:focus, .form-control:active {
	border-color: var(--primary);
}

input:-internal-autofill-selected {
	background: white !important;
	background-image: none !important;
	color: -internal-light-dark-color(black, white) !important;
}

.input-group-text {
	padding: 5px 15px;
	background: #fff;
	margin-bottom: 0px !important;
	color: #888;
	border-color: transparent;
}

.input-group-prepend .input-group-text {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

button:hover,
button:active,
button:focus {
	outline: 0;
}

/*Styling Selectbox*/

.input-group {
	margin-bottom: 20px;
}

.input-group-prepend {
	position: absolute;
	left: 10px;
	top: 28px;
	z-index: 99;
	transform: translateY(-50%);
	background-color: transparent;
	border-right: 1px solid #9192a4;
	margin-right: 10px;
}

@media only screen and (max-width: 1199px) {
	.input-group-prepend {
		top: 22px;
	}
}

.input-group-prepend .input-group-text {
	justify-content: center;
	padding: 0;
	width: 40px;
	height: 20px;
	background-color: transparent;
	padding-top: 5px;
}

.input-group-prepend .input-group-text i {
	color: var(--primary);
	font-size: 16px;
	padding-bottom: 5px;
	padding-right: 8px;
}

.input-group-prepend + .form-control {
	padding: 14px 20px 10px 65px;
}

.btn {
	padding: 15px 25px;
	display: inline-block;
	border-radius: 0.25rem;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.2;
	text-transform: uppercase;
	font-family: Roboto;
}

.btn i {
	position: relative;
	font-style: inherit;
}

@media only screen and (max-width: 1199px) {
	.btn {
		padding: 12px 25px;
		font-size: 14px;
	}
}

.btn-primary {
	border-color: var(--primary);
	background-color: var(--primary);
}

.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
	border-color: var(--primary-hover);
	background-color: var(--primary-hover);
}

.btn:hover i:before {
	display: inline-block;
	-webkit-animation: toLeftFromRight 0.5s forwards;
	-moz-animation: toLeftFromRight 0.5s forwards;
	animation: toLeftFromRight 0.5s forwards;
}

@-webkit-keyframes toLeftFromRight {
	49% {
		-webkit-transform: translateX(100%);
	}

	50% {
		opacity: 0;
		-webkit-transform: translateX(-100%);
	}

	51% {
		opacity: 1;
	}
}

@-moz-keyframes toLeftFromRight {
	49% {
		-moz-transform: translateX(100%);
	}

	50% {
		opacity: 0;
		-moz-transform: translateX(-100%);
	}

	51% {
		opacity: 1;
	}
}

@keyframes toLeftFromRight {
	49% {
		transform: translateX(100%);
	}

	50% {
		opacity: 0;
		transform: translateX(-100%);
	}

	51% {
		opacity: 1;
	}
}

.icon-bx-md {
	display: inline-block;
	text-align: center;
	border-radius: 3px;
	width: 100px;
	height: 100px;
	line-height: 100px;
}

.icon-bx-md.radius {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

.icon-bx-md i {
	font-size: 45px;
	vertical-align: middle;
}

.icon-bx-sm {
	display: inline-block;
	text-align: center;
	border-radius: 3px;
	width: 80px;
	height: 80px;
	line-height: 80px;
}

.icon-bx-sm i {
	font-size: 30px;
	vertical-align: middle;
}

.icon-bx-wraper {
	position: relative;
}

.icon-bx-wraper .dlab-tilte {
	margin-top: 0;
}

.icon-bx-wraper p:last-child {
	margin: 0;
	font-family: "Comfortaa", sans-serif;
}

.icon-bx-wraper.left .icon-bx-md,
  .icon-bx-wraper.left .icon-bx-sm {
	float: left;
	margin-right: 20px;
}

.icon-bx-wraper.right {
	text-align: right;
}



.icon-bx-wraper.right .icon-bx-sm {
	float: right;
	margin-left: 20px;
}

@media screen and (min-Width: 992px) {
	
	.fml {
		float: left!important;
		margin-left: 0!important;
		margin-right: 20px!important;
	
	}

	.leftalign {
		text-align: left!important;
	}
}

@media screen and (min-Width: 768px) {
	@media screen and (max-Width: 991px) {
		.fs {
			font-size: 14px;

		}
		
	}
}

@media screen and (min-Width: 601px) {
	@media screen and (max-Width: 767px) {
	.fml {
		float: left!important;
		margin-left: 0!important;
		margin-right: 20px!important;
	
	}

	.leftalign {
		text-align: left!important;
	}

}

}
.icon-content {
	overflow: hidden;
}

[class*="icon-bx-"][class*="bg-"] a {
	color: #fff;
}

[class*="icon-bx-"].bg-white a {
	color: inherit;
}

.dlab-tilte {
	position: relative;
}

.icon-bx-wraper.style-1 {
	padding: 17px;
	-webkit-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;
	border-radius: 0.25rem;
	background-color: #fff;
	min-height: 0px;
	box-shadow: 0 5px 95px 0px rgb(0 0 0 / 4%);
}

@media only screen and (max-width: 1199px) {
	.icon-bx-wraper.style-1 {
		padding: 10px 15px;
	}
}

.icon-bx-wraper.style-1 .dlab-title {
	margin-bottom: 15px;
}

.icon-bx-wraper.style-1 > [class*="icon-bx-"] {
	width: 90px;
	height: 90px;
	line-height: 90px;
	margin: 24px 0 45px;
	position: relative;
	z-index: 1;
}

.icon-bx-wraper.style-1 > [class*="icon-bx-"]:after {
	content: "";
	position: absolute;
	right: -20px;
	top: -20px;
	height: 133px;
	width: 82px;
	background-position: right;
	z-index: -1;
	-webkit-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;
}

.icon-bx-wraper.style-1 > [class*="icon-bx-"].bg-red2:after {
	background-image: url(../images/pattern/dots/red2.png);
}

.icon-bx-wraper.style-1 > [class*="icon-bx-"].bg-blue2:after {
	background-image: url(../images/pattern/dots/blue2.png);
}

.icon-bx-wraper.style-1 > [class*="icon-bx-"].bg-violet2:after {
	background-image: url(../images/pattern/dots/violet2.png);
}

.icon-bx-wraper.style-1 > [class*="icon-bx-"].bg-violet3:after {
	background-image: url(../images/pattern/dots/violet3.png);
}

.icon-bx-wraper.style-1:before, .icon-bx-wraper.style-1:after {
	content: "";
	position: absolute;
	background-repeat: no-repeat;
	opacity: 0;
	-webkit-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;
	transform: scale(0.5);
	z-index: 0;
}

.icon-bx-wraper.style-1:before {
	background-image: url(../images/pattern/pattern5.png);
	height: 100%;
	top: -30px;
	left: -30px;
	width: 100%;
}

.icon-bx-wraper.style-1:after {
	background-image: url(../images/pattern/pattern6.png);
	height: 290px;
	bottom: -40px;
	right: -30px;
	width: 250px;
}

.icon-bx-wraper.style-1:hover, .icon-bx-wraper.style-1.active {
	box-shadow: 0 5px 95px 0px rgba(0, 0, 0, 0.08);
	z-index: 1;
}

.icon-bx-wraper.style-1:hover > [class*="icon-bx-"]:after, .icon-bx-wraper.style-1.active > [class*="icon-bx-"]:after {
	right: 30px;
}

.icon-bx-wraper.style-1:hover:before, .icon-bx-wraper.style-1:hover:after, .icon-bx-wraper.style-1.active:before, .icon-bx-wraper.style-1.active:after {
	opacity: 1;
	transform: scale(1);
}

@media only screen and (max-width: 1400px) {
	.icon-bx-wraper.style-1:before {
		top: -15px;
		left: -15px;
	}

	.icon-bx-wraper.style-1:after {
		bottom: -20px;
		right: -10px;
	}
}

.icon-bx-wraper.style-2 {
	display: flex;
	align-items: center;
}

.icon-bx-wraper.style-2 > [class*="icon-bx-"] {
	position: relative;
	margin: 20px;
	min-width: 100px;
	-webkit-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;
}

.icon-bx-wraper.style-2 > [class*="icon-bx-"] .icon-cell {
	font-size: 3px;
}

.icon-bx-wraper.style-2 > [class*="icon-bx-"]:before {
	content: "";
	position: absolute;
	width: 165px;
	height: 165px;
	left: calc(50% - 82px);
	top: calc(50% - 82px);
	background-size: contain;
	z-index: -1;
	background-repeat: no-repeat;
}

.icon-bx-wraper.style-2 > [class*="icon-bx-"].text-maroon2:before {
	background-image: url(../images/pattern/icon-bx/maroon2.png);
}

.icon-bx-wraper.style-2 > [class*="icon-bx-"].text-violet:before {
	background-image: url(../images/pattern/icon-bx/violet.png);
}

.icon-bx-wraper.style-2 > [class*="icon-bx-"].text-violet2:before {
	background-image: url(../images/pattern/icon-bx/violet2.png);
}

.icon-bx-wraper.style-2 .icon-content {
	padding-left: 34px;
}

.icon-bx-wraper.style-2:hover > [class*="icon-bx-"] {
	background-color: transparent !important;
}

.icon-bx-wraper.style-2:hover > [class*="icon-bx-"] .icon-cell {
	color: #fff;
}

.icon-bx-wraper.style-2:hover > [class*="icon-bx-"]:before {
	-webkit-animation: rotate360 5s infinite;
	animation: rotate360 5s infinite;
}

@media only screen and (max-width: 575px) {
	.icon-bx-wraper.style-2 > [class*="icon-bx-"] {
		width: 62px;
		height: 62px;
		line-height: 80px;
	}

	.icon-bx-wraper.style-2 > [class*="icon-bx-"]:before {
		width: 126px;
		height: 126px;
		left: calc(50% - 63px);
		top: calc(50% - 63px);
	}
}

.icon-bx-wraper.style-8 {
	-webkit-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;
	padding: 1px;
}

.icon-bx-wraper.style-8 .icon-bx-sm {
	background: var(--rgba-primary-1);
	background-size: 200%;
	overflow: hidden;
	z-index: 1;
	position: relative;
}



.icon-bx-wraper.style-8 .icon-bx-sm:after {
	content: "";
	position: absolute;
	background-image: var(--gradient);
	background-size: 200%;
	width: 100%;
	height: 100%;
	z-index: -1;
	-webkit-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;
	opacity: 0;
	top: 0;
	left: 0;
}

.icon-bx-wraper.style-8 .icon-bx-sm a {
	color: var(--primary);
}

.icon-bx-wraper.style-8 .icon-bx-sm i {
	font-size: 45px;
}

.icon-bx-wraper.style-8:hover {
}

.icon-bx-wraper.style-8:hover .icon-bx-sm:after {
	opacity: 1;
}

.icon-bx-wraper.style-8:hover .icon-bx-sm a {
	color: #fff;
}

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

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

/*  */
.overlay-secondary-middle {
	position: relative;
}

.overlay-secondary-middle:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.overlay-secondary-middle .container {
	position: relative;
	z-index: 1;
}

.overlay-secondary-middle:before {
	background: #000;
}

.overlay-secondary-middle:before {
	opacity: 0.5;
}

/* Shine */
/* info box show */

/* Owl Btn Shadow */

.widget {
	margin-bottom: 45px;
}

/* widget listing*/
.widget_services ul {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}

.widget_services ul li {
	padding-bottom: 1.125rem;
	margin-bottom: 0.8125rem;
	position: relative;
	padding: 0.5rem 0rem 0.5rem 0.9375rem;
	margin-bottom: 0;
	line-height: 1.25rem;
}

.widget_services ul li a {
	color: inherit;
	text-transform: capitalize;
	-webkit-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;
	position: relative;
}

.widget_services ul li a:before {
	content: "\f105";
	font-family: 'icomoon';
	position: absolute;
	left: 0;
	top: 8px;
	display: block;
	left: -15px;
	top: 0px;
}

.widget_services ul li a:hover {
	color: var(--primary);
	transform: translateX(10px);
}

/*widget categories*/

/*widget rss  */

.action-box.style-1 {
	padding: 40px 0;
}

@media only screen and (max-width: 767px) {
	.action-box.style-1 .text-right {
		text-align: left !important;
	}
}

.content-inner {
	padding-top: 5px;
	padding-bottom: 85px;
}

@media only screen and (max-width: 991px) {
	.content-inner {
		padding-top: 20px;
		padding-bottom: 40px;
	}
}

@media only screen and (max-width: 575px) {
	.content-inner {
		padding-top: 20px;
		padding-bottom: 20px;
	}
}

.content-inner-2 {
	padding-bottom: 60px;
}

@media only screen and (max-width: 991px) {
	.content-inner-2 {
		padding-top: 50px;
	}
}

@media only screen and (max-width: 575px) {
	.content-inner-2 {
		padding-top: 20px;
	}
}

.section-head.style-1 h2.title {
	font-size: 40px;
}

.section-head.style-1 .sub-title {
	display: inline-block;
	font-size: 22px;
	font-weight: 600;
	color: #777777;
	margin-bottom: 0px;
}

@media only screen and (max-width: 1199px) {
	.section-head.style-1 .sub-title {
		font-size: 16px;
	}
}

@media only screen and (max-width: 1199px) {
	.section-head.style-1 h2.title {
		font-size: 40px;
	}
}

@media only screen and (max-width: 991px) {
	.section-head.style-1 h2.title {
		font-size: 42px;
	}

	.section-head.style-1 .sub-title {
		font-size: 18px;
	}
}

@media only screen and (max-width: 575px) {
	.section-head.style-1 h2.title {
		font-size: 30px;
	}
}

.section-head.style-3 h2.title {
	font-size: 60px;
}

@media only screen and (max-width: 1199px) {
	.section-head.style-3 h2.title {
		font-size: 36px;
	}
}

@media only screen and (max-width: 575px) {
	.section-head.style-3 h2.title {
		font-size: 27px;
	}
}

button.scroltop {
	box-shadow: -4px 4px 24px -10px var(--primary) !important;
	background: var(--primary);
	border-color: var(--primary);
	border-radius: 4px;
	border-style: solid;
	border-width: 0;
	bottom: 15px;
	color: #fff;
	cursor: pointer;
	display: none;
	height: 50px;
	line-height: 50px;
	margin: 0;
	position: fixed;
	right: 15px;
	text-align: center;
	width: 50px;
	z-index: 999;
	box-shadow: -4px 4px 24px -10px;
	transition: all .8s;
	-moz-transition: all .8s;
	-webkit-transition: all .8s;
	-ms-transition: all .8s;
	-o-transition: all .8s;
	transform: rotate(270deg);
}

.section-wraper-one .icon-bx-wraper:nth-child(2) {
	margin-left: 62px;
}

.section-wraper-one .icon-bx-wraper:nth-child(2):before {
	content: "";
	background-image: url(../images/pattern/pattern7.png);
	height: 450px;
	width: 100%;
	top: -140px;
	left: -50px;
	position: absolute;
	background-repeat: no-repeat;
	z-index: -2;
}

@media only screen and (max-width: 880px) {
	.section-wraper-one .icon-bx-wraper:nth-child(2) {
		margin-left: 0;
	}

	.section-wraper-one .icon-bx-wraper:nth-child(2):before {
		content: none;
	}
}

.banner-one {
	background-position: left bottom;
	background-size: cover;
	background-repeat: no-repeat;
	height: 750px;
	position: relative;
	overflow: hidden;
}

.banner-one .banner-inner {
	padding-top: 150px;
}

.banner-one .banner-content h1 {
	margin-bottom: 20px;
	font-size: 40px;
	font-weight: 800;
}

.banner-one .banner-content p {
	font-size: 18px;
	line-height: 1.5;
}

@media only screen and (max-width: 575px) {
	.banner-one .banner-content p {
		font-size: 18px;
	}
}

.banner-one .banner-content .sub-title {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 12px;
	color: #777777;
	max-width: 80%;
}

@media only screen and (max-width: 1199px) {
	.banner-one {
		height: auto;
	}

	.banner-one .banner-content h1 {
		font-size: 50px;
	}

	.banner-one .banner-inner {
		padding-top: 120px;
	}
}

@media only screen and (max-width: 767px) {
	.banner-one {
		height: auto;
		padding-bottom: 5px;
	}

	.banner-one .banner-content {
		margin-bottom: 50px;
	}
}

@media only screen and (max-width: 575px) {
	.banner-one .banner-inner {
		padding-top: 100px;
	}

	.banner-one .banner-content h1 {
		font-size: 29px;
	}
}

/* Light Gallery */

/* Move Images */
.icon-up [class*="icon-bx-"] i,
.icon-bx-wraper.style-1 .icon-cell {
	overflow: hidden;
}

.icon-up:hover [class*="icon-bx-"] i,
.icon-bx-wraper.style-1:hover .icon-cell i {
	display: inline-block;
	-webkit-animation: toTopFromBottom 0.8s forwards;
	-moz-animation: toTopFromBottom 0.8s forwards;
	animation: toTopFromBottom 0.8s forwards;
}

@-webkit-keyframes toTopFromBottom {
	49% {
		-webkit-transform: translateY(-100%);
	}

	50% {
		opacity: 0;
		-webkit-transform: translateY(100%);
	}

	51% {
		opacity: 1;
	}
}

@-moz-keyframes toTopFromBottom {
	49% {
		-moz-transform: translateY(-100%);
	}

	50% {
		opacity: 0;
		-moz-transform: translateY(100%);
	}

	51% {
		opacity: 1;
	}
}

@keyframes toTopFromBottom {
	49% {
		transform: translateY(-100%);
	}

	50% {
		opacity: 0;
		transform: translateY(100%);
	}

	51% {
		opacity: 1;
	}
}

/* Support and Buy Button */
.theme-btn {
	background-color: #ffffff;
	border-radius: 0px;
	bottom: 0px;
	color: #ffffff;
	display: block;
	height: 27px;
	right: 10px;
	min-width: 25px;
	position: fixed;
	text-align: center;
	z-index: 9999;
}

.theme-btn i {
	font-size: 20px;
	line-height: 25px;
}

.theme-btn.bt-ru {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1ebbf0+8,39dfaa+100 */
	background: #7355f7;
  /* Old browsers */
	background: -moz-linear-gradient(45deg, #7355f7 8%, #7355f7 100%);
  /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #7355f7 8%, #7355f7 100%);
  /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #7355f7 8%, #7355f7 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ebbf0', endColorstr='#39dfaa',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
	top: 100px;
	padding-top: 2px;
}

.theme-btn.bt-vk {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1ebbf0+8,39dfaa+100 */
	  background: #2787f5;
	/* Old browsers */
	  background: -moz-linear-gradient(45deg, #2787f5 8%, #5497e4 100%);
	/* FF3.6-15 */
	  background: -webkit-linear-gradient(45deg, #2787f5 8%, #5497e4 100%);
	/* Chrome10-25,Safari5.1-6 */
	  background: linear-gradient(45deg, #2787f5 8%, #5497e4 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ebbf0', endColorstr='#39dfaa',GradientType=1 );
	/* IE6-9 fallback on horizontal gradient */
	  top: 230px;
	  padding-top: 2px;
  }

.theme-btn.bt-telegram {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1ebbf0+8,39dfaa+100 */
	background: #1da1f2;
  /* Old browsers */
	background: -moz-linear-gradient(45deg, #1da1f2 8%, #3bb4ff 100%);
  /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #1da1f2 8%, #3bb4ff 100%);
  /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #1da1f2 8%, #3bb4ff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ebbf0', endColorstr='#39dfaa',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
	top: 200px;
	padding-top: 2px;
}

.theme-btn.bt-skype {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1ebbf0+8,39dfaa+100 */
	background: #00aff0;
  /* Old browsers */
	background: -moz-linear-gradient(45deg, #00aff0 8%, #71d9ff 100%);
  /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #00aff0 8%, #71d9ff 100%);
  /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #00aff0 8%, #71d9ff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ebbf0', endColorstr='#39dfaa',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
	top: 260px;
	padding-top: 2px;
}

.theme-btn.bt-mail {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1ebbf0+8,39dfaa+100 */
	background: #ff6550;
  /* Old browsers */
	background: -moz-linear-gradient(45deg, #ff6550 8%, #ff6550 100%);
  /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #ff6550 8%, #ff6550 100%);
  /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #ff6550 8%, #ff6550 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ebbf0', endColorstr='#39dfaa',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
	top: 170px;
	padding-top: 2px;
}

.theme-btn:hover {
	color: #fff;
	padding: 0 10px;
	line-height: 30px;
}

.theme-btn span {
	display: inline-table;
	vertical-align: middle;
	font-size: 10px;
	letter-spacing: -15px;
	opacity: 0;
	line-height: 0px;
	-webkit-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;
	text-transform: uppercase;
}

.theme-btn:hover span {
	opacity: 1;
	letter-spacing: 1px;
	padding-left: 10px;
}

/*Blog single */

/* Gutenberg Gallery */
/* Gutenberg Css */
/* .dlab-blog.blog-single,
.dlab-blog.blog-single + #comment-list */

/* Gutenberg Gallery */

@supports (position: -webkit-sticky) or (position: sticky) {
}

@supports (position: -webkit-sticky) or (position: sticky) {
}

@supports (position: -webkit-sticky) or (position: sticky) {
}

/* Admin Bar */

/* Theme Unit Test */

/* Error Page */

/* Coming Soon */

.logo-header {
	display: table;
	float: left;
	vertical-align: middle;
	padding: 0;
	color: #EFBB20;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	width: 170px;
	height: 130px;
	position: relative;
	z-index: 9;
	-webkit-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;
}

@media only screen and (max-width: 1199px) {
	.logo-header {
		width: 130px;
		height: 90px;
	}
}

@media only screen and (max-width: 575px) {
	.logo-header {
		width: 120px;
		height: 75px;
	}
}

.logo-header a {
	display: table-cell;
	vertical-align: middle;
}

.logo-header img {
	height: auto;
	width: 100%;
}

.site-header {
	position: relative;
	z-index: 9999;
}

.site-header .main-bar {
	background: #fff;
	width: 100%;
	position: relative;
}

.site-header .container {
	position: relative;
}

.site-header .extra-nav {
	float: right;
	display: flex;
	align-items: center;
	position: relative;
	z-index: 9;
	margin-left: 20px;
	height: 130px;
	-webkit-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;
}

@media only screen and (max-width: 1199px) {
	.site-header .extra-nav {
		height: 90px;
	}
}

@media only screen and (max-width: 575px) {
	.site-header .extra-nav .btn {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media only screen and (max-width: 575px) {
	.site-header .extra-nav {
		display: none;
	}
}

.navbar-toggler {
	border: 0 solid #efbb20;
	font-size: 16px;
	line-height: 24px;
	margin: 36px 0 36px 15px;
	padding: 0;
	float: right;
	outline: none !important;
}

@media only screen and (max-width: 575px) {
	.navbar-toggler {
		margin: 28px 0 28px 15px;
	}
}

.navicon {
	width: 20px;
	height: 18px;
	position: relative;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}

.navicon span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	border-radius: 1px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
	background: #000;
}

.navicon span:nth-child(1) {
	top: 0px;
}

.navicon span:nth-child(2) {
	top: 7px;
}

.navicon span:nth-child(3) {
	top: 14px;
}

.header-nav {
	padding: 0;
}

 .navicon.open span:nth-child(1) {
    top: 7px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg); }
  .navicon.open span:nth-child(2) {
    opacity: 0;
    left: -60px; }
  .navicon.open span:nth-child(3) {
    top: 7px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg); }

@media only screen and (max-width: 991px) {
	.header-nav {
		overflow-y: scroll;
		position: fixed;
		width: 60px;
		left: -280px;
		height: 100vh !important;
		-webkit-transition: all 1s;
		-ms-transition: all 1s;
		transition: all 1s;
		top: 0;
		background-color: #fff;
		margin: 0;
		z-index: 99;
	}
}

.header-nav .logo-header {
	display: none;
}

@media only screen and (max-width: 991px) {
	.header-nav .logo-header {
		padding: 30px 20px;
		float: none;
		height: auto;
		width: 240px;
	}
}

.header-nav .nav {
	float: right;
	padding: 0;
}

.header-nav .nav > li {
	margin: 0px;
	font-weight: 400;
	position: relative;
}

@media only screen and (max-width: 991px) {
	.header-nav .nav > li {
		border-bottom: 1px solid #eee;
		width: 100%;
	}
}

.header-nav .nav > li:hover > a {
	color: var(--primary);
}

.header-nav .nav > li > a {
	color: #070120;
	font-size: 15px;
	padding: 55px 15px;
	cursor: pointer;
	font-weight: 500;
	display: inline-block;
	position: relative;
	border-width: 0 0 0 1px;
	text-transform: capitalize;
	line-height: 1.35;
	-webkit-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;
}

@media only screen and (max-width: 1199px) {
	.header-nav .nav > li > a {
		padding: 35px 12px;
	}
}

.header-nav .nav > li > a span {
	display: inline-block;
}

.header-nav .nav > li > a i {
	font-size: 9px;
	margin-left: 3px;
	margin-top: -3px;
	vertical-align: middle;
}

@media only screen and (max-width: 991px) {
	.header-nav .nav > li > a i {
		background-color: var(--primary);
		color: #fff;
		height: 30px;
		line-height: 30px;
		right: 0;
		text-align: center;
		width: 30px;
		z-index: 3;
		float: right;
		font-size: 20px;
		margin: 0;
	}
}

@media only screen and (max-width: 991px) {
	.header-nav .nav > li > a i:before {
		content: "\f105";
	}
}

@media only screen and (max-width: 991px) {
	.header-nav .nav > li > a {
		padding: 8px 0;
		display: block;
		line-height: 30px;
	}
}

@media only screen and (min-width: 991px) {
	.header-nav .nav > li:hover > a span {
		-webkit-animation: upToDown 0.3s forwards;
		-moz-animation: upToDown 0.3s forwards;
		animation: upToDown 0.3s forwards;
	}
}

@media only screen and (max-width: 991px) {
	.header-nav .nav {
		float: none;
		padding: 0 20px;
	}
}

.header-transparent {
	position: absolute;
	width: 100%;
}

.header-transparent .main-bar {
	background: transparent;
}

@media only screen and (min-width: 991px) {
	.header-transparent .nav > li > a {
		color: #fff;
	}
}

.header-transparent .navbar-toggler span {
	background: #fff;
}

@media only screen and (max-width: 991px) {
	.mo-left .header-nav {
		overflow-y: scroll;
		position: fixed;
		width: 60px;
		left: -280px;
		height: 100vh !important;
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-o-transition: all 0.5s;
		top: 0;
		background-color: #fff;
		margin: 0;
		z-index: 99;
	}

	.mo-left .header-nav .logo-header {
		display: block;
		float: none;
		height: auto !important;
		max-width: 100%;
		padding: 25px 20px;
		width: 100%;
	}

	.mo-left .header-nav .logo-header img {
		max-width: unset;
		width: 160px;
		vertical-align: middle;
	}
}

.text-black .nav > li > a {
	color: #070120;
}

.text-black .navbar-toggler span {
	background: #262F5A;
}

@-webkit-keyframes upToDown {
	49% {
		-webkit-transform: translateY(100%);
	}

	50% {
		opacity: 0;
		-webkit-transform: translateY(-100%);
	}

	51% {
		opacity: 1;
	}
}

@-moz-keyframes upToDown {
	49% {
		-moz-transform: translateY(100%);
	}

	50% {
		opacity: 0;
		-moz-transform: translateY(-100%);
	}

	51% {
		opacity: 1;
	}
}

@keyframes upToDown {
	49% {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
	}

	50% {
		opacity: 0;
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}

	51% {
		opacity: 1;
	}
}
/* Logo */

footer {
	color: #fff;
	font-size: 15px;
}

footer .widget {
	margin-bottom: 30px;
}

footer .footer-logo {
	margin-bottom: 25px;
}

footer .footer-logo img {
	max-width: 100%;
}

footer .widget_about p {
	margin-bottom: 20px;
	line-height: 24px;
	opacity: 0.6;
}

footer .footer-title {
	margin: 0;
	font-size: 24px;
	font-weight: 700;
	padding-bottom: 10px;
	margin-bottom: 30px;
	position: relative;
	color: #fff;
	line-height: 1.2;
}

footer .footer-title:before, footer .footer-title:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	height: 4px;
	border-radius: 20px;
	background: var(--gradient);
	background-size: 200%;
}

footer .footer-title:before {
	width: 15px;
}

footer .footer-title:after {
	width: 45px;
	left: 20px;
}

footer .footer-top {
	background: var(--primary);
	padding: 70px 0 30px;
}

@media only screen and (max-width: 767px) {
	footer .footer-top {
		padding: 50px 0 20px;
	}
}

footer .footer-bottom {
	background-color: var(--rgba-primary-9);
	font-size: 15px;
	padding: 15px 0;
}

footer .copyright-text {
	color: rgba(255, 255, 255, 0.5);
}

footer .widget_services ul {
	color: rgba(255, 255, 255, 0.6);
}

footer .widget_services ul a:hover {
	color: #fff;
}

.footer-info {
	border-bottom: 1px solid #E1E1F0;
	margin-bottom: 30px;
	padding-bottom: 10px;
}

.footer-info .footer-logo {
	margin-bottom: 10px;
}

.site-footer.style-1 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-color: var(--primary);
}

.site-footer.style-1 .footer-top {
	background: transparent;
}

.site-footer.style-1 .footer-top .widget_services ul {
	margin-top: -5px;
}

@media only screen and (max-width: 1199px) {
	.site-footer.style-1 .footer-top .widget_services {
		padding-left: 0;
	}
}

.site-footer.style-1 .footer-title:before,
  .site-footer.style-1 .footer-title:after {
	background: #fff;
}

/*# mobile/desktop/tablet */



.features-slogan-video {
	position: relative;
	width: 345px;
	height: 727px;
	background-image: url(../images/about/mobile3.png);
	background-repeat: no-repeat;
}

.mobile-wrap3 {
	position: absolute;
	top: 294px;
	right: 50px;
	width: 247px;
	height: 200px;
	overflow: hidden;
	border-radius: 15px;
}

.dlab-social-icon2 li {
	display: block;
}

.dlab-social-icon2 li a {
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	border-radius: 50px;
	font-size: 16px;
	color: white;
	margin-right: 10px;
	-webkit-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;
	vertical-align: middle;
}

.dlab-social-icon2 li span {
	
}

.dlab-social-icon2 li a:hover {
	color: #fff;
}

.work-content-laptop.laptop-wrap {
	position: relative;
	width: 571px;
	height: 315px;
	background-image: url(../images/about/laptop.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.laptop-wrap__video.img-container {
	position: absolute;
	top: 31px;
	left: 71px;
	width: 431px;
	height: 252px;
}

@media (max-width: 767px) {
	
	.laptop-wrap__video.img-container {
		top: 27px;
		left: 68px;
		width: 415px;
		height: 250px;
	}

	.work-content-laptop.laptop-wrap {
		width: 550px;
		height: 315px;
		margin: 0 auto;
		left: 0;
	}

	.features-slogan-video {
		position: relative;
		width: 290px;
		top: 105px;
		height: 612px;
		background-image: url(../images/about/mobile3.png);
		background-repeat: no-repeat;
		background-size: contain;
	}

	.mobile-wrap3 {
		position: absolute;
		top: 263px;
		right: 39px;
		width: 212px;
		height: 123px;
		overflow: hidden;
		border-radius: 6px;
	}
}

@media (min-width: 992px) {

	.section-wraper-one .icon-bx-wraper:nth-child(2) {
		margin-left: 100px;
	}

	.work-content-laptop.laptop-wrap {
		width: 458px;
		height: 258px;
	}

	.laptop-wrap__video.img-container {
		width: 355px;
		top: 27px;
		height: 202px;
		left: 53px;
	}

	.icon-bx-wraper.style-1 {
		padding: 17px;
		-webkit-transition: all 1s;
		-ms-transition: all 1s;
		transition: all 1s;
		border-radius: 0.25rem;
		background-color: #fff;
		min-height: 0px;
		box-shadow: 0 5px 95px 0px rgb(0 0 0 / 2%);
	}
}

@media (min-width: 1440px) {

	.work-content-laptop.laptop-wrap {
		width: 558px;
		height: 322px;
	}

	.laptop-wrap__video.img-container {
		width: 426px;
		top: 30px;
		height: 250px;
		left: 70px;
	}
}
/* Форматы*/

.laptop-wrap {
	position: relative;
	width: 774px;
	height: 530px;
	background-image: url(../images/about/desktop3.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.laptop-wrap__video {
	position: absolute;
	top: 30px;
	left: 95px;
	width: 584px;
	height: 346px;
}

video {
	display: inline-block;
}

@media only screen and (max-width: 767px) {

	.laptop-wrap {
		left: -93px;
	}

	.work-content-laptop {
		left: -93px;
	}
}

@media only screen and (max-width: 1010px) {

.format-1 {
    flex: 0 0 50%;
    max-width: 100%;
    margin: 0 auto;
    text-align: left;
}

}

@media only screen and (max-width: 1260px) {



	.laptop-wrap {
		margin: 0 auto;
	}
}






@media only screen and (max-width: 374px) {

	.laptop-wrap {
		margin-left: -175px;
		width: 350px;
		height: 240px;
	}

	.laptop-wrap__video {
		top: 14px;
		left: 44px;
		width: 263px;
		height: 156px;
	}

	.work-content-laptop.laptop-wrap {
		width: 352px;
		height: 202px;
	}

	.features-slogan-video {
		position: relative;
		width: 232px;
		height: 505px;
		background-image: url(../images/about/mobile3.png);
		background-repeat: no-repeat;
		background-size: cover;
		margin: 0 auto;
	}

	.mobile-wrap3 {
		position: absolute;
		top: 217px;
		right: 24px;
		width: 177px;
		height: 100px;
		overflow: hidden;
		border-radius: 4px;
	}
}

@media only screen and (max-width: 639px) {
	.laptop-wrap {
		left: 0;
		width: 400px;
		height: 274px;
		background-size: cover;
	}

	.laptop-wrap__video {
		top: 16px;
		left: 50px;
		width: 301px;
		height: 177px;
	}
}

@media only screen and (max-width: 479px) {

	.work-content-laptop {
		left: 0;
		margin-left: -200px;
	}

	.col-md-6 {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

/*tabs */

.tabs {
display: flex;
    align-content: center;
    flex-wrap: wrap;
    text-align: -webkit-center;
    align-content: flex-start;
}

@media only screen and (max-width: 400px) {

	.tabs {

    flex-direction: column;
    
}
	}



.tabs li{
	
	width: 24%;
	
}

.tabs li a {
	display: block;
	position: relative;
	padding: 6px 1px;
	color: black;
	margin-left: 30px;
	text-align: center;
}

.tabs li.active a,
.tabs li a:hover {
	opacity: 1;
	color: #7355f7;
	border-bottom: 3px solid;
	font-weight: 600;
	max-width: 130px;
	text-align: center;
}

.tabs-panel {
	display: none;
}

.tabs-panel.active {
	display: flex;
}

@media (max-width: 991px){
.tabs-panel.active {
    display: block;
    text-align: center;
}


}

a.a-tabs {
	transition: none;
}

.prem {
	padding-right: 15px;
	padding-left: 15px;
}


.formats-slider__devices-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    flex-direction: column;
    justify-content: center;
}

.formats-slider__devices-nav>span {
    display: block;
    cursor: pointer;
    position: relative;
	margin: 10px auto;
}

@media only screen and (max-width: 992px) {

.format_slider_t {
    display: flex;
    flex-direction: column;
}

.formats-slider__devices-nav {

    display: flex;

    flex-direction: row;
    
   padding-top: 17px;
    margin-bottom: -20px;
   
}

.formats-slider__devices-nav>span {

    margin: 15px 20px;
}
	}



.format_slider_t {
    display: flex;
}

@media (max-width: 750px) {
.format_slider_t {
    display: block;
}

.formats-slider__devices-nav>span {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 22px;
}

.formats-slider__devices-nav {
 
    flex-direction: row;
    
}

}
.formats-slider__area {
    position: relative;
}

.formats-slider__content-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px;
    justify-content: center;
}

.formats-slider__frames {
    position: relative;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    width: 500px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}




@media (max-width: 991px) {
    
 .formats-slider__frames {

    width: 500px;
  
} }

@media (max-width: 520px) {
    
 .formats-slider__frames {

    width: 100%;
  
}  
    
}

.mobile-wrap__video.img-container {
    position: absolute;
    width: 135px;
    top: 45px;
    height: 245px;
    left: 9px;
}



.formats-slider__frames>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.work-content-mobile.mobile-wrap {
    position: relative;
    width: 152px;
    height: 309px;
    background-image: url(../images/about/video-slider-device-phone.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.mobile-wrap__video.img-container {
    position: absolute;
    width: 135px;
    top: 45px;
    height: 245px;
    left: 9px;
}

@media (min-width: 1440px) {
.mobile-wrap__video.img-container {
    width: 135px;
    top: 45px;
    height: 243px;
    left: 9px;
}
}

@media (min-width: 1440px) {
.work-content-mobile.mobile-wrap {
    width: 153px;
}
}
@media screen and (min-height: 816px) {
@	media screen and (min-Width: 481px) {
		.banner-one .banner-content .sub-title {
    font-size: 22px;
		font-weight: 600;
		margin-bottom: 12px;
		color: #777777;
	}

	.banner-one .banner-content p {
		font-size: 18px;
	}

	.input-group-prepend .input-group-text i {
		font-size: 17px;
	}

	.icon-bx-wraper.style-1 {
		padding: 17px;
		-webkit-transition: all 1s;
		-ms-transition: all 1s;
		transition: all 1s;
		border-radius: 0.25rem;
		background-color: #fff;
		min-height: 480px;
	}
}}

@media screen and (min-Width: 480px) {
@	media screen and (max-Width: 599px) {
		.icon-bx-wraper.style-1 {

    min-height: 300px;
	}

	.icon-bx-wraper.style-8 {
		-webkit-transition: all 1s;
		-ms-transition: all 1s;
		transition: all 1s;
		padding: 10px 27px;
	}
}}



@media screen and (min-Width: 600px) {
@	media screen and (max-Width: 800px) {
		.col-md-6 {
    flex: 0 0 50%;
		max-width: 50%;
	}

	.format-1 {
		flex: 0 0 100%;
		max-width: 100%;
		left: 0;
	}

	.prem {
		padding-right: 15px;
		padding-left: 15px;
	}

	.mw {
		max-width: 88%;
	}
}}

@media (max-width: 767px) {
.formats-slider__info {
    padding: 0;
    width: 100%;
    max-width: 85%;
    margin: 0 auto;
}


}
@media only screen and (max-width: 575px) {
    
      
	.work-content-laptop.laptop-wrap {
		width: 341px;
		height: 194px;
		margin: 0 auto;
	}

	.laptop-wrap__video.img-container {
		top: 15px;
		left: 43px;
		width: 256px;
		height: 160px;
	}
}

@media only screen and (max-width: 300px) {
    
	.laptop-wrap__video.img-container {
		top: 12px;
		left: 31px;
		width: 168px;
		height: 101px;
	}

	.work-content-laptop.laptop-wrap {
		width: 229px;
		height: 129px;
		margin: 0 auto;
	}
}

@media screen and (max-width: 1200px) {
    
	.fs-16 {
		font-size: 16px;
	}
}

@media screen and (max-width: 600px) {
	.fs-14 {
		font-size: 14px;
	}

	.icon-bx-wraper.right {
		text-align: left;
	}

	.fs-16 {
		font-size: 16px;
	}

	.icon-bx-wraper.left .icon-bx-md,
  .icon-bx-wraper.left .icon-bx-sm {
		float: right;
		margin-right: 0px;
	}

	.tabs li {
	
	}

	.tabs li:not(:last-child) {
		margin-right: 0;
	}

	.tabs li a {
		border-radius: 0;
		opacity: 1;
		top: 0;
	}

	.tabs li.active a::before {
		padding-right: 5px;
	}
}

.line-height {
	line-height: 1.5;
}

@media screen and (min-Width: 813px) {
	.prem {
		flex: 0 0 50%;
	}

	.theme-btn {
		background-color: #ffffff;
		border-radius: 40px;
		bottom: 10px;
		color: #ffffff;
		display: table;
		height: 50px;
		right: 10px;
		min-width: 50px;
		position: fixed;
		text-align: center;
		z-index: 9999;
	}

	.theme-btn i {
		font-size: 31px;
		line-height: 50px;
	}

	.theme-btn.bt-vk {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1ebbf0+8,39dfaa+100 */
		background: #2787f5;
  /* Old browsers */
		background: -moz-linear-gradient(45deg, #2787f5 8%, #5497e4 100%);
  /* FF3.6-15 */
		background: -webkit-linear-gradient(45deg, #2787f5 8%, #5497e4 100%);
  /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(45deg, #2787f5 8%, #5497e4 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ebbf0', endColorstr='#39dfaa',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
		top: 330px;
		padding-top: 2px;
	}

	.theme-btn.bt-ru {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1ebbf0+8,39dfaa+100 */
			  background: #7355f7;
		/* Old browsers */
			  background: -moz-linear-gradient(45deg, #7355f7 8%, #7355f7 100%);
		/* FF3.6-15 */
			  background: -webkit-linear-gradient(45deg, #7355f7 8%, #7355f7 100%);
		/* Chrome10-25,Safari5.1-6 */
			  background: linear-gradient(45deg, #7355f7 8%, #7355f7 100%);
		/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ebbf0', endColorstr='#39dfaa',GradientType=1 );
		/* IE6-9 fallback on horizontal gradient */
			  top: 100px;
			  padding-top: 2px;
		  }

	.theme-btn.bt-telegram {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1ebbf0+8,39dfaa+100 */
		background: #1da1f2;
  /* Old browsers */
		background: -moz-linear-gradient(45deg, #1da1f2 8%, #3bb4ff 100%);
  /* FF3.6-15 */
		background: -webkit-linear-gradient(45deg, #1da1f2 8%, #3bb4ff 100%);
  /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(45deg, #1da1f2 8%, #3bb4ff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ebbf0', endColorstr='#39dfaa',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
		top: 270px;
		padding-top: 2px;
	}

	.theme-btn.bt-skype {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1ebbf0+8,39dfaa+100 */
		background: #00aff0;
  /* Old browsers */
		background: -moz-linear-gradient(45deg, #00aff0 8%, #71d9ff 100%);
  /* FF3.6-15 */
		background: -webkit-linear-gradient(45deg, #00aff0 8%, #71d9ff 100%);
  /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(45deg, #00aff0 8%, #71d9ff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ebbf0', endColorstr='#39dfaa',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
		top: 390px;
		padding-top: 2px;
	}

	.theme-btn.bt-mail {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1ebbf0+8,39dfaa+100 */
		background: #ff6550;
  /* Old browsers */
		background: -moz-linear-gradient(45deg, #ff6550 8%, #ff6550 100%);
  /* FF3.6-15 */
		background: -webkit-linear-gradient(45deg, #ff6550 8%, #ff6550 100%);
  /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(45deg, #ff6550 8%, #ff6550 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ebbf0', endColorstr='#39dfaa',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
		top: 210px;
		padding-top: 2px;
	}

	.theme-btn span {
		display: table-cell;
		vertical-align: middle;
		font-size: 16px;
		letter-spacing: -15px;
		opacity: 0;
		line-height: 50px;
		-webkit-transition: all 1s;
		-ms-transition: all 1s;
		transition: all 1s;
		text-transform: uppercase;
	}

	.theme-btn:hover span {
		opacity: 1;
		letter-spacing: 1px;
		padding-left: 10px;
	}
}

@media screen and (max-Width: 768px) {
       
	.content-inner-2 {
		padding-bottom: 20px;
	}

	.fs-14 {
		font-size: 14px;
	}

	.fs-16 {
		font-size: 16px;
	}

	.fs-17 {
		font-size: 16px;
	}

	.container {
		max-width: 630px;
	}

	.icon-bx-wraper2.style-2 {
		display: flex;
		align-items: center;
	}

	.icon-bx-wraper2.style-2 > [class*="icon-bx-"] {
		position: relative;
		margin: 19px;
		min-width: 62px;
		max-height: 62px;
		-webkit-transition: all 1s;
		-ms-transition: all 1s;
		transition: all 1s;
	}

	.icon-bx-wraper2.style-2 > [class*="icon-bx-"] .icon-cell {
		font-size: 3px;
	}

	.icon-bx-wraper2.style-2 > [class*="icon-bx-"]:before {
		content: "";
		position: absolute;
		width: 105px;
		height: 105px;
		left: calc(50% - 52px);
		top: calc(50% - 52px);
		background-size: contain;
		z-index: -1;
		background-repeat: no-repeat;
	}

	.icon-bx-wraper2.style-2 > [class*="icon-bx-"].text-maroon2:before {
		background-image: url(../images/pattern/icon-bx/maroon2.png);
	}

	.icon-bx-wraper2.style-2 > [class*="icon-bx-"].text-violet:before {
		background-image: url(../images/pattern/icon-bx/violet.png);
	}

	.icon-bx-wraper2.style-2 > [class*="icon-bx-"].text-violet2:before {
		background-image: url(../images/pattern/icon-bx/violet2.png);
	}

	.icon-bx-wraper2.style-2 .icon-content {
		padding-left: 34px;
	}

	.icon-bx-wraper2.style-2:hover > [class*="icon-bx-"] {
		background-color: transparent !important;
	}

	.icon-bx-wraper2.style-2:hover > [class*="icon-bx-"] .icon-cell {
		color: #fff;
	}

	.icon-bx-wraper2.style-2:hover > [class*="icon-bx-"]:before {
		-webkit-animation: rotate360 5s infinite;
		animation: rotate360 5s infinite;
	}

	.icon-bx-md2 {
		display: inline-block;
		text-align: center;
		border-radius: 3px;
		width: 62px;
		height: 62px;
		line-height: 100px;
	}

	.icon-bx-md2.radius {
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
		border-radius: 100%;
	}

	.icon-bx-md2 i {
		font-size: 38px;
		vertical-align: middle;
		position: absolute;
		left: 12px;
		top: 15px;
	}
}

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

	.col-xl-6-5 {
		flex: 0 0 50%;
		max-width: 50%;
	}
}

@media only screen and (max-width: 322px) {
    
	.work-content-laptop.laptop-wrap {
	    width: 240px;
        height: 139px;
		margin: 0 auto;
	}

	.laptop-wrap__video.img-container {
		top: 13px;
    left: 31px;
    width: 183px;
    height: 107px;
	}
}

@media only screen and (max-width: 599px) {
	.features-slogan-video {
		top: 0px;
	}

	.icon-bx-wraper.right {
		text-align: left;
	}
}

@media screen and (min-Width: 250px) {
@media screen and (max-Width: 360px) {
		.laptop-wrap__video.img-container {
    top: 14px;
		left: 29px;
		width: 194px;
		height: 110px;
	}

	.work-content-laptop.laptop-wrap {
		width: 250px;
		height: 140px;
		margin: 0 auto;
	}
}
}



@media screen and (min-Width: 430px) {
@	media screen and (max-Width: 599px) {
		.tabs {
    margin: 0 50px;
	}
}
}

@media only screen and (max-width: 991px) {
  .mo-left .header-nav {
    overflow-y: scroll;
    position: fixed;
    width: 60px;
    left: -280px;
    height: 100vh !important;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    top: 0;
    background-color: #fff;
    margin: 0;
    z-index: 99; }
    .mo-left .header-nav.nav-dark {
      background-color: #202020; }
    .mo-left .header-nav.show {
      left: -1px;
      transition: all 0.8s;
      -webkit-transition: all 0.8s;
      -moz-transition: all 0.8s;
      -o-transition: all 0.8s;
      margin: 0;
      width: 247px; }
    .mo-left .header-nav .logo-header {
      display: block;
      float: none;
      height: auto !important;
      max-width: 100%;
      padding: 25px 20px;
      width: 100%; }
      .mo-left .header-nav .logo-header .light-logo {
        display: none !important; }
      .mo-left .header-nav .logo-header .dark-logo {
        display: table-cell !important; }
      .mo-left .header-nav .logo-header img {
        max-width: unset;
        width: 160px;
        vertical-align: middle; }
    .mo-left .header-nav li.open a {
      position: relative; }
  .mo-left .navbar-toggler.open {
    z-index: 99; }
    .mo-left .navbar-toggler.open:after {
      background-color: rgba(0, 0, 0, 0.6);
      content: "";
      left: 0;
      position: fixed;
      right: -20px;
      top: -63px;
      transform: scale(100);
      -o-transform: scale(100);
      -moz-transform: scale(100);
      -webkit-transform: scale(100);
      width: 100%;
      z-index: -1;
      transition: all 0.5s;
      transform-origin: top right;
      margin: 0 0px 0px 20px;
      -webkit-box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.6);
      box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.6); }
    .mo-left .navbar-toggler.open span {
      background: #fe6550; } }
	  
	  .is-fixed .main-bar {
  position: fixed;
  top: 0;
  left: 0;
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
  transition: all 0.5s;
  background: white;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px); }
@media only screen and (min-width: 1199px) {
  .is-fixed .header-nav .nav > li > a {
    padding: 35px 15px; }
  .is-fixed .logo-header,
  .is-fixed .extra-nav {
    height: 90px; } }

@media only screen and (max-width: 991px) {
  .mo-left .header-nav {
    overflow-y: scroll;
    position: fixed;
    width: 60px;
    left: -280px;
    height: 100vh !important;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    top: 0;
    background-color: #fff;
    margin: 0;
    z-index: 99; }
    .mo-left .header-nav.nav-dark {
      background-color: #202020; }
    .mo-left .header-nav.show {
      left: -1px;
      transition: all 0.8s;
      -webkit-transition: all 0.8s;
      -moz-transition: all 0.8s;
      -o-transition: all 0.8s;
      margin: 0;
      width: 247px; }
    .mo-left .header-nav .logo-header {
      display: block;
      float: none;
      height: auto !important;
      max-width: 100%;
      padding: 25px 20px;
      width: 100%; }
      .mo-left .header-nav .logo-header .light-logo {
        display: none !important; }
      .mo-left .header-nav .logo-header .dark-logo {
        display: table-cell !important; }
      .mo-left .header-nav .logo-header img {
        max-width: unset;
        width: 160px;
        vertical-align: middle; }
    .mo-left .header-nav li.open a {
      position: relative; }
  .mo-left .navbar-toggler.open {
    z-index: 99; }
    .mo-left .navbar-toggler.open:after {
      background-color: rgba(0, 0, 0, 0.6);
      content: "";
      left: 0;
      position: fixed;
      right: -20px;
      top: -63px;
      transform: scale(100);
      -o-transform: scale(100);
      -moz-transform: scale(100);
      -webkit-transform: scale(100);
      width: 100%;
      z-index: -1;
      transition: all 0.5s;
      transform-origin: top right;
      margin: 0 0px 0px 20px;
      -webkit-box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.6);
      box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.6); }
    .mo-left .navbar-toggler.open span {
      background: #fe6550; } }
.text-black .nav > li > a {
  color: #070120; }
.text-black .navbar-toggler span {
  background: #262F5A; }