.badge-container {
	display: flex;
	justify-content: flex-end;
	overflow: hidden;
	width: 70px;
	height: 60px;
	margin: 0 auto;
	box-shadow: 0 0 4px #ddd;
	transition: linear 100ms width;
}

.badge-container:hover {
	width: 256px;
}

.aligncenter {
	text-align: center;
}

:focus {
	outline: none
}

:-moz-any-link:focus {
	outline: none !important;
	text-decoration: none
}

::-moz-focus-inner {
	padding: 0;
	border: 0;
	outline: none
}

::selection {
	color: #fff
}

::-moz-selection {
	color: #fff
}

html,
body {
	width: 100%;
	min-height: 100%
}

body {
	font-size: 17px;
	line-height: 1.3;
	font-weight: 400;
	letter-spacing: 0;
	font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	color: #2f2f2f;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%
}

a {
	transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-webkit-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out
}

a,
a:hover,
a:focus {
	cursor: pointer;
	text-decoration: none !important;
	outline: none !important
}

strong,
b {
	font-weight: 700
}

img {
	max-width: 100%;
	height: auto
}

ul,
ol {
	padding: 0;
	margin: 0
}

.icons-list {
	list-style: none
}

ul li,
ol li,
.icons-list li {
	padding: 5px 0;
	font-size: 16px;
	/* line-height: 60px; */
}

.icons-list i {
	font-size: 12px;
	margin-right: 8px;
	color: #444
}

.icons-list strong {
	color: #666
}

.dark-section .icons-list,
.dark-section .icons-list i,
.dark-section .icons-list strong {
	color: #2f2f2f
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #2f2f2f;
	margin: 0 0 10px;
	line-height: 1.1;
	font-weight: 600;
	letter-spacing: 0;
	font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

h1 {
	font-size: 30px;
}

h2 {
	font-size: 26px;
}

h3 {
	font-size: 18px;
}

h4 {
	font-size: 16px;
}

h5 {
	font-size: 14px;
}

h6 {
	font-size: 12px;
}

p {
	color: #2f2f2f;
	margin: 0 0 10px
}

p strong {
	font-weight: 600
}

.light-text {
	color: #fff
}

.gray-text {
	color: #bbb
}

.uppercase {
	text-transform: uppercase
}

.dark-section .contant-form-bx label {
	color: #ddd
}

.contant-form-bx label:after {
	content: "*";
	color: #f23e1e
}

.name-missing,
.email-missing,
.message-missing {
	opacity: 0;
	filter: Alpha(Opacity=0);
	float: right;
	color: #f23e1e;
	transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-webkit-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out
}

.mail_response {
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom: 2px solid;
	transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-webkit-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out
}

.mail_response h4,
.mail_response p {
	display: inline;
	color: #fff
}

input,
textarea {
	font-size: 13px;
	font-weight: 400;
	margin-bottom: 15px;
	border-radius: 2px;
	outline: none;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out
}

input[type="text"],
input[type="text"]:hover,
input[type="text"]:focus,
input[type="email"],
input[type="email"]:hover,
input[type="email"]:focus,
textarea,
textarea:hover,
textarea:focus {
	color: #444;
	padding: 6px 9px;
	background-color: #fff;
	border: 1px solid #ccc
}

blockquote {
	padding: 10px 20px;
	margin: 0 0 20px;
	border-left: 5px solid var(--brand-color);
	font-size: 17px;
	line-height: 1.47059;
}

.hr.border {
	height: 1px;
	background-color: #eee
}

.dark-section input[type="text"],
.dark-section input[type="text"]:hover,
.dark-section input[type="text"]:focus,
.dark-section input[type="email"],
.dark-section input[type="email"]:hover,
.dark-section input[type="email"]:focus,
.dark-section textarea,
.dark-section textarea:hover,
.dark-section textarea:focus {
	color: #FFF !important;
	background-color: rgba(255, 255, 255, .05);
	border-color: transparent
}

textarea,
textarea:hover,
textarea:focus {
	padding: 8px 10px
}

input[type="text"]:hover,
input[type="email"]:hover,
textarea:hover {
	border-color: #d2d2d2
}

.dark-section input[type="text"]:hover,
.dark-section input[type="email"]:hover,
.dark-section textarea:hover {
	border-color: transparent
}

input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus {
	color: #444;
	border-color: var(--brand-color);
	-webkit-box-shadow: 0 0 3px var(--brand-color) inset;
	-moz-box-shadow: 0 0 3px var(--brand-color) inset;
	-o-box-shadow: 0 0 3px var(--brand-color) inset;
	box-shadow: 0 0 3px var(--brand-color) inset
}

.dark-section input[type="text"]:focus,
.dark-section input[type="email"]:focus,
.dark-section textarea:focus {
	color: #888;
	border-color: transparent;
	background-color: rgba(255, 255, 255, .04);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none
}

input[type="submit"] {
	font-weight: 600;
	overflow: hidden;
	position: relative;
	display: inline-block;
	letter-spacing: 1.5px;
	margin-bottom: 0;
	color: #fff;
	font-size: 11px;
	padding: 6px 20px;
	border: none;
	width: 100%
}

.light-section input[type="submit"]:hover {
	background-color: #2f2f2f
}

.dark-section input[type="submit"]:hover {
	color: #2f2f2f;
	background-color: #fff
}

.tooltip .tooltip-inner {
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px
}

.parallax,
.parallax-section,
.parallax-bg,
.parallax-full {
	background-position: 50% 0;
	background-attachment: fixed !important;
	background-repeat: no-repeat;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important
}

.parallax-js {
	background-attachment: initial !important;

	transition: none !important;
	-moz-transition: none !important;
	-webkit-transition: none !important;
	-o-transition: none !important;
}

.section {
	position: relative;
	background-position: 50% 0;
	background-repeat: no-repeat;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	padding: 100px 0;
	background: #fff;
	display: block
}

.section .container {
	z-index: 36;
	position: relative
}

html .dark-section h1,
html .dark-section h2,
html .dark-section h3,
html .dark-section h4,
html .dark-section h5,
html .dark-section h6 {
	color: #fff
}

html .dark-section h1 span,
html .dark-section h2 span,
html .dark-section h3 span,
html .dark-section h4 span,
html .dark-section h5 span,
html .dark-section h6 span {
	color: #fff
}

html .dark-section,
html .dark-section p {
	color: #fff
}

html .dark-section .services-tabs ul.nav-tabs li a,
html .col-cardcolor-dark .services-tabs ul.nav-tabs li a {
	background: rgba(50, 50, 50, .5) !important;
}

.section-overlay,
.section-overlay-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	background: rgba(0, 0, 0, 0.25);
}

#home.landing .section-overlay-video {
	background: #222;
}

body::after,
.header-bg::after {
	border-top: solid 4px var(--brand-color);
	position: absolute;
	width: 100%;
	height: 4px;
	top: 0;
	left: 0;
	z-index: 20;
	content: ' ';
}

.section-overlay-light {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	background: #f5f6f7;
	opacity: .92
}

.section-overlay-pink {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	opacity: .85;
	background: var(--brand-color)
}

.section-overlay-dark {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	opacity: .8;
	background: #000
}

.light-section h1,
.light-section h2,
.light-section h3,
.light-section h4,
.light-section h5,
.light-section h6 {
	color: #2f2f2f
}

.light-section .fit-text {
	color: #2f2f2f
}

.light-section,
.light-section p {
	color: #2f2f2f;
	font-size: 2;
}

.light-section .section-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	opacity: .92;
	background: rgba(245, 246, 247, 1)
}

#container {
	border-bottom: 1px solid #eee;
	padding-bottom: 30px
}

#container .title {
	margin-bottom: 12px
}

#container p {
	margin-bottom: 14px
}

#container h1,
#container h2,
#container h3,
#container h4,
#container h5,
#container h6 {
	margin-bottom: 8px
}

.section-title {
	position: relative;
	margin-bottom: 10px
}

.section-title h2 span {
	font-weight: 900;
	color: var(--brand-color)
}

.section-title p {
	position: relative;
}

.section-title h2+.lead {
	padding-top: 18px
}

.section-title h2+.lead::after {
	content: "";
	display: block;
	width: 75px;
	height: 1px;
	position: absolute;
	top: 0
}

.section-title h1 {
	font-size: 13px;
	line-height: 18px;
	font-weight: 500;
	margin-bottom: 4px;
	color: #2f2f2f;
	letter-spacing: 3px
}

.section-title h2 {
	position: relative;
	font-size: 18px;
	line-height: 25px;
	padding-bottom: 6px;
	letter-spacing: 5px;
	font-weight: 600;
	color: var(--brand-color)
}

.section-title .title-icon {
	margin-bottom: 15px;
	margin-left: 44px
}

.section-title.text-center .title-icon {
	margin-left: 0
}

.section-title .title-icon span {
	position: relative
}

.section-title .title-icon span::before,
.section-title .title-icon span::after {
	content: "";
	display: block;
	width: 35px;
	height: 1px;
	position: absolute;
	top: 50%;
	margin-top: -1px;
	background-color: #ddd
}

.section-title .title-icon span::before {
	left: -44px
}

.section-title .title-icon span::after {
	right: -44px
}

.section-title .title-icon span i {
	font-size: 16px;
	color: #333
}

.page-header {
	position: relative;
	padding: 230px 0 150px;
	margin: 0;
	background-position: center center !important;
	background-repeat: no-repeat;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	border: none !important
}

.page-header p {
	font-size: 21px;
	letter-spacing: 0.011em;
	line-height: 1.38;
}

.page-header .container {
	z-index: 36;
	position: relative
}

.page-header h2 {
	font-size: 40px;
}

.page-header h2 span {
	font-weight: 700;
	color: var(--brand-color)
}

.page-header .up {
	color: #fff;
	margin: 0 auto;
	width: 85%;
	margin-bottom: 10px;
	font-size: 15px;
	letter-spacing: 5px;
	line-height: 15px;
	font-weight: 500
}

.page-header h6 {
	font-size: 11px;
	letter-spacing: 1px
}

.video-section {
	overflow: hidden;
	position: relative
}

.video-section .container {
	z-index: 32 !important;
	position: relative
}

.video-section .fullscreen-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	object-fit: cover;
}

.video-section video {
	min-width: 100% !important;
	height: auto;
	min-height: 100%;
}

.video-section .video-section-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 31
}

.video-section.dark-section .video-section-mask {
	background: url(../images/overlays/03.png) repeat rgba(0, 0, 0, .5)
}

.video-section.light-section .video-section-mask {
	background: rgba(245, 246, 247, 0.7)
}
.video-section.color-section .video-section-mask {
    background: linear-gradient(to right, var(--brand-color-alpha), var(--brand-color-alpha-gradientend));
}

.video-section.light-section p {
	color: #444
}

@-webkit-keyframes stretchdelay {

	0%,
	40%,
	100% {
		-webkit-transform: scaleY(0.4)
	}

	20% {
		-webkit-transform: scaleY(1.0)
	}

}

@keyframes stretchdelay {

	0%,
	40%,
	100% {
		transform: scaleY(0.4);
		-webkit-transform: scaleY(0.4)
	}

	20% {
		transform: scaleY(1.0);
		-webkit-transform: scaleY(1.0)
	}

}

#featuresHero
{
	padding-top: 0px;
}

#hidden-header {
	background-color: #fff
}

#header ul {
	list-style: none
}

#header .navbar-toggle {
	height: 100%;
	width: 60px;
	background: none;
	position: absolute;
	top: 0;
	right: 0;
	padding: 0;
	margin: 0;
	border: none;
	border-radius: 0;
}

#header ul li .sub-menu:before {
	position: absolute;
	width: 100%;
	height: calc(100% - 20px);
	background: linear-gradient(rgba(255, 5, 205, 0), rgb(54, 148, 188) 50.84%, #8127f3) !important;
	content: " ";
	left: 0px;
	top: 20px;
	z-index: -10;
	border-radius: 5px;
}

#header ul li .sub-menu {
	position: absolute;
	top: -20px;
	left: 0px;
	width: 100%;
	padding-top: 80px;
	z-index: -1;
	display: none;
}

#header ul li .sub-menu li {
	display: block;
	margin: 0px auto;
}

#header ul li .sub-menu li span {
	white-space: nowrap;
}

@media (max-width:990px) {
	#header ul li .sub-menu {
		position: relative;
		padding-top: 0px;
		top: 0px;
		z-index: 0;
	}
	#header ul li .sub-menu:before
	{
		display:none;
	}
}

.trp-flag-image {
	border-radius: 2px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	position: relative;
	top: -1px;
}

html .trp_ald_ls_container .trp-ls-shortcode-current-language img.trp-flag-image,
html .trp_ald_ls_container .trp-ls-shortcode-language img.trp-flag-image {
	padding-top: 0px !important;
}

html .trp_ald_ls_container .trp-ls-shortcode-current-language {
	padding-bottom: 12px;
	padding-top: 11px !important;
	vertical-align: middle;
	color: #4c6066;
	font-size: 18px;
	border: none !important;
	border-radius: 10px !important;
}

html .trp_ald_ls_container .trp-language-switcher-container>div {
	background-image: linear-gradient(60deg, transparent 50%, #C9C0BB 50%), linear-gradient(120deg, #C9C0BB 50%, transparent 50%);
	background-position: calc(100% - 18px) calc(1em), calc(100% - 12px) calc(1em);
	background-size: 6px 12px, 6px 12px;
	background-repeat: no-repeat;
	border-radius: 10px;
}

html #trp_ald_popup_text {
	text-align: left;
	font-weight: bold;
	font-size: 17px;
	text-decoration: none !important;
}

html #trp_ald_modal_popup {
	background-color: #EEE;
	width: 570px;
	max-width: 75%;
	border: 1px solid #4c6066;
	padding: 25px 40px;
	margin: auto;
	pointer-events: auto;
	box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.5);
	border-radius: 15px;
}

html #trp_ald_popup_change_language {
	text-transform: none;
	width: 100%;
	background: var(--brand-color);
	border-color: var(--brand-color);
	color: #fff;
	text-decoration: none;
	text-shadow: none;
	justify-content: center;
	align-items: center;
	display: inline-grid;
	font-weight: normal;
	font-size: 17px;
	height: 50px;
	min-height: 30px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	-webkit-appearance: none;
	border-radius: 30px;
	white-space: nowrap;
	box-sizing: border-box;
}

html #trp_ald_modal_popup #trp_ald_x_button::before {
	content: "\f153";
	font: normal 16px/20px dashicons;
	text-align: center;
	color: var(--brand-color) !important;
	background: 0 0 !important;
	-webkit-font-smoothing: antialiased;
}

html #trp_ald_x_button_textarea {
	text-decoration: none !important;
	margin-bottom: 3px;
	height: auto;
	width: auto;
	color: var(--brand-color) !important;
	cursor: pointer !important;
	text-align: left;
}

.trp-ls-language-name {
	display: none;
}

li:hover .trp-ls-language-name {
	display: inline;
}

li:hover .trp-flag-image {
	display: inline;
	margin-right: 5px;
}

#header ul li:hover .sub-menu,
#header ul li .sub-menu:hover {
	display: block;
}

.header-1 .navbar-toggle i {
	position: relative;
	top: 2px;
	font-size: 16px;
	color: #fff !important
}

.header-bg .navbar-toggle i {
	position: relative;
	top: 2px;
	font-size: 16px;
	color: #fff !important
}

#header.light-header .navbar-toggle {
	background: none
}

#header.light-header .navbar-toggle i {
	color: #2f2f2f
}

.header-1,
.header-2 {
	height: 62px;
	line-height: 58px;
	z-index: 99
}

#logo {
	position: relative;
}

#logo img {
	max-height: 32px
}

#logo #siteSwitcher {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 230px;
	color: #FFF;
	min-height: 100px;
}

#logo #siteSwitcher i {
	position: absolute;
	top: 20px;
	left: 200px;
}

#logo .popup {
	background-color: transparent;
	position: relative;
	border-radius: 10px;
	left: -11px;
	width: 240px;
	border: solid 1px white;
	padding: 10px;
	top: -1px;
	padding-top: 0px;
	padding-bottom: 0px;
	display: none;

	background-color: var(--dark-background-color);
	border-color: var(--dark-background-color);
	box-shadow: 0 5px 35px rgba(0, 0, 0, 0.5);
}

#logo .popup .company-logo-self {
	opacity: 1;
}

.header-bg #logo .popup .company-logo-self {
	opacity: 1;
}

#logo .popup .company-logo {
	position: relative;
	left: 0px;
	--transition-time: 0.15s;
	transition: all var(--transition-time) ease-in-out;
	-moz-transition: all var(--transition-time) ease-in-out;
	-webkit-transition: all var(--transition-time) ease-in-out;
	-o-transition: all var(--transition-time) ease-in-out;
}

#logo .popup .company-logo:hover {
	left: 8px;
}

#logo #siteSwitcher:hover .popup,
#logo #siteSwitcher i:hover,
#logo .popup:hover {
	display: block;
}

.header-bg #logo .popup {
	border: none;
	left: -10px;
	top: 0px;
	background: linear-gradient(to bottom, var(--brand-color), #8127f3) !important;
}

.header-bg #logo img {
	max-height: 32px
}

.header-bg #logo .light-logo {
	display: none
}

.light-header #logo .dark-logo {
	display: none
}

.header-bg #logo .dark-logo {
	display: block
}

.header-1 #logo,
.header-2 #logo {
	float: left;
	z-index: 10;
}

.header-1 #logo a,
.header-2 #logo a {
	display: block
}

.header-bg .nav-menu ul>li>a {
	color: #fff !important;
	font-weight: b;
}

.header-1 .nav-menu ul>li:hover>a.lang:before,
.header-1 .nav-menu ul>li.active>a.lang:before {
	border-bottom-color: transparent !important
}

.header-1 .nav-menu,
.header-2 .nav-menu {
	line-height: 62px;
	float: right;
	z-index: 10;
}

.header-1 .nav-menu li,
.header-2 .nav-menu li {
	line-height: 32px;
	padding: 0;
}

.header-1 .nav-menu>ul>li,
.header-2 .nav-menu>ul>li {
	display: inline-block;
	position: relative;
}

.header-1 .nav-menu .drop a::before,
.header-2 .nav-menu .drop a::before {
	display: none
}

.header-1 .nav-menu .drop a::before,
.header-2 .nav-menu .drop.active a::before {
	display: block
}

.header-1 .nav-menu .drop .dropdown,
.header-2 .nav-menu .drop .dropdown {
	visibility: hidden;
	position: absolute;
	top: 53px;
	left: 0;
	opacity: 0;
	filter: Alpha(Opacity=0);
	width: 220px;
	margin-top: -1px;
	border-top: 1px solid;
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out
}

.header-1 .nav-menu .drop:hover .dropdown,
.header-2 .nav-menu .drop:hover .dropdown {
	visibility: visible;
	opacity: 1;
	filter: Alpha(Opacity=1)
}

.header-1 .nav-menu .drop .dropdown li a,
.header-2 .nav-menu .drop .dropdown li a {
	color: rgba(255, 255, 255, 1) !important;
	padding: 10px 14px;
	background-color: #2f2f2f;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	text-transform: none;
	font-weight: 400
}

.header-1 .nav-menu .drop .dropdown li a img {
	float: left;
	margin: 3px 7px 0 0;
	display: block
}

.header-1 .nav-menu .drop .dropdown li:hover a,
.header-2 .nav-menu .drop .dropdown li:hover a {
	background-color: var(--brand-color);
	padding-left: 20px
}

.header-1 {
	position: absolute;
	top: 10px;
	width: 100%;
	background-color: transparent
}

.header-1.header-bg-fix {
	-webkit-animation-duration: 0s !important;
	-moz-animation-duration: 0s !important;
	-o-animation-duration: 0s !important;
	animation-duration: 0s !important;
}

.header-1.header-bg {
	position: fixed;
	top: 0;
	-webkit-animation-duration: .4s;
	-moz-animation-duration: .4s;
	-o-animation-duration: .4s;
	animation-duration: .4s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: headerFadeIn;
	-moz-animation-name: headerFadeIn;
	-o-animation-name: headerFadeIn;
	animation-name: headerFadeIn
}

.header-1.light-header .nav-menu ul>li>button.login {
	font-size: 12px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 1px;
	margin: 0 0 0 10px;
	padding: 6px 20px;
	background: none;
	color: #fff;
	border: 1px solid rgba(255, 255, 255, .3);
	border-radius: 25px;
	text-transform: uppercase;
}

@media (max-width:1199px) {

	.header-1.light-header .nav-menu ul>li>button.login 
	{
		display: none;
	}

}

.header-1.header-bg .nav-menu ul>li>button.login:before {
	display: none
}

.header-1.light-header .nav-menu ul>li>button.login:before {
	display: none
}

.header-1.light-header .nav-menu ul>li>button.login i {
	margin-right: 3px
}

.header-1.light-header .nav-menu ul>li>button.login:hover,
.header-1.light-header .nav-menu ul>li>button.login:focus {
	color: #fff;
	background: var(--brand-color);
	border-color: var(--brand-color)
}

.header-bg.light-header .nav-menu ul>li>button.login:hover,
.header-bg.light-header .nav-menu ul>li>button.login:focus {
	color: #fff !important;
	background: var(--brand-color) !important;
	border-color: var(--brand-color) !important
}

.header-bg .nav-menu ul>li>a.lang {
	background: none;
	color: #414243 !important;
	border: 1px solid rgba(0, 0, 0, .1) !important
}

.header-bg .nav-menu ul>li>a.lang:before {
	display: none
}

.header-1.light-header .nav-menu ul>li>a.lang {
	margin: 0 0 0 10px;
	padding: 6px 8px;
	background: none;
	color: #fff;
	border: 1px solid rgba(255, 255, 255, .3);
	border-radius: 50%;
	width: auto;
	display: inline-block;
	font-size: 13px;
	letter-spacing: 0
}

.header-1.light-header .nav-menu ul>li>a.lang:before {
	display: none
}

.header-1.light-header .nav-menu ul>li>a.lang i {
	margin-right: 3px
}

.header-1.light-header .nav-menu ul>li>a.lang:hover,
.header-1.light-header .nav-menu ul>li>a.lang:focus {
	color: #fff !important;
	background: var(--brand-color);
	border-color: var(--brand-color)
}

.header-bg .nav-menu ul>li>a.lang:hover,
.header-bg .nav-menu ul>li>a.lang:focus {
	color: #414243 !important;
	background: var(--brand-color);
	border-color: var(--brand-color);
	color: #fff !important
}

.header-1 .nav-menu ul>li:hover>a.lang:before,
.header-1 .nav-menu ul>li.active>a.lang:before {
	border-bottom-color: transparent !important
}

@-webkit-keyframes headerFadeIn {
	0% {
		top: -60px;
		opacity: 0;
		-webkit-animation-timing-function: ease-out
	}

	100% {
		top: 0;
		opacity: 1;
		-webkit-animation-timing-function: ease-in
	}

}

@-moz-keyframes headerFadeIn {
	0% {
		top: -60px;
		opacity: 0;
		-moz-animation-timing-function: ease-out
	}

	100% {
		top: 0;
		opacity: 1;
		-moz-animation-timing-function: ease-in
	}

}

@-o-keyframes headerFadeIn {
	0% {
		top: -60px;
		opacity: 0;
		-o-animation-timing-function: ease-out
	}

	100% {
		top: 0;
		opacity: 1;
		-o-animation-timing-function: ease-in
	}

}

@keyframes headerFadeIn {
	0% {
		top: -60px;
		opacity: 0;
		animation-timing-function: ease-out
	}

	100% {
		top: 0;
		opacity: 1;
		animation-timing-function: ease-in
	}

}

.header-1.header-bg.dark-header {
	background-color: #fff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
}

.header-1.header-bg.light-header {
	background-color: rgba(19, 19, 19, 0.8);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	height: 82px;
	padding-top: 10px;
}

.header-1 .nav-menu ul>li>a {
	outline: 0;
	position: relative;
	display: block;
	padding: 15px 0;
	margin: 0 10px;
	font-size: 15px;
}

.header-1 .nav-menu>ul>li>a::before {
	position: absolute;
	bottom: 7px;
	left: 0;
	width: 0;
	border-bottom: 1px solid transparent;
	content: '';
}

.header-1 .nav-menu ul>li.active>a::before {
	width: 100%
}

.header-1.light-header .nav-menu ul>li>a {
	color: #fff;
	font-weight: bold;
}

.header-1.light-header .nav-menu ul>li>a:hover {
	color: var(--brand-color) !important;
}

.header-1.light-header .nav-menu ul>li.active>a::before {
	border-bottom-color: #fff
}

.header-bg .nav-menu ul>li.active>a::before {
	border-bottom-color: transparent !important;
}

.header-bg .nav-menu ul>li.active>a {
	color: var(--brand-color) !important
}

.header-1.dark-header .nav-menu ul>li>a {
	color: var(--brand-color)
}

.header-1.dark-header .nav-menu ul>li.active>a::before {
	border-bottom-color: var(--brand-color)
}

.dark-section {
	background-color: var(--dark-background-color);
}

.scroll-down-icon {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -25px;
	z-index: 37;
	-webkit-animation: scroll-down-icon 1.4s linear infinite;
	-moz-animation: scroll-down-icon 1.4s linear infinite;
	-ms-animation: scroll-down-icon 1.4s linear infinite;
	-o-animation: scroll-down-icon 1.4s linear infinite;
	animation: scroll-down-icon 1.4s linear infinite;
	width: 50px;
	height: 50px;
	line-height: 50px;
	display: block;
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	text-align: center
}

.scroll-down-icon:hover {
	background: var(--brand-color)
}

.scroll-down-icon i {
	font-size: 20px;
	color: rgba(255, 255, 255, .66);
	line-height: 50px;
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out
}

.scroll-down-icon:hover i {
	color: #fff
}

.scroll-up-icon {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -25px;
	z-index: 37;
	width: 50px;
	height: 50px;
	line-height: 50px;
	display: block;
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	text-align: center
}

.scroll-up-icon:hover {
	background: var(--brand-color)
}

.scroll-up-icon i {
	font-size: 20px;
	color: var(--brand-color);
	line-height: 50px;
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out
}

.scroll-up-icon:hover i {
	color: #fff
}

.section-home.light-section {
	background-color: #fff
}

.section-home.one-slide {
	overflow: hidden
}

.section-home.light-section p {
	color: #444
}

.section-home .container {
	z-index: 11;
	position: relative
}

.section-home .home-slider-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9
}

.home-slider-bg .item,
.home-slider-bg .owl-wrapper-outer,
.home-slider-bg .owl-wrapper,
.home-slider-bg .owl-item {
	width: 100%;
	height: 100%
}

.home-slider-bg .item,
.home-slider .item {
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important
}

.home-slider {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9
}

.section-home .home-slider .container {
	position: absolute;
	width: 100%
}

.home-slider .item,
.home-slider .owl-wrapper-outer,
.home-slider .owl-wrapper,
.home-slider .owl-item {
	width: 100%;
	height: 100%
}

.home-slider .owl-pagination {
	position: absolute;
	bottom: 15px;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 12
}

.dark-section .home-slider .owl-pagination .owl-page span {
	border: 1px solid #fff
}

.dark-section .home-slider .owl-pagination .owl-page.active span,
.dark-section .home-slider .owl-pagination .owl-page:hover span {
	background-color: #fff
}

.home-slider .owl-buttons div {
	position: absolute;
	width: 30%;
	top: 0;
	z-index: 1;
	margin: 0 !important;
	text-indent: 9999px;
	overflow: hidden;
	padding: 0 !important;
	opacity: 1 !important;
	filter: Alpha(Opacity=1) !important;
	border-radius: 0 !important;
	background-color: transparent !important;
	transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-webkit-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out
}

.light-section .home-slider .owl-buttons div {
	cursor: url(../images/icons/mouse-dark.png), auto !important;
	cursor: url(../images/icons/mouse-dark.png), auto !important
}

.dark-section .home-slider .owl-buttons div {
	cursor: url(../images/icons/mouse-light.png), auto !important
}

.home-slider .owl-buttons div.owl-prev {
	left: 0;
	height: 100%
}

.home-slider .owl-buttons div.owl-next {
	right: 0;
	height: 100%
}

.youtube-video.light-section .section-overlay {
	background-color: rgba(255, 255, 255, 0.6)
}

.yt-player-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9
}

.btn-sys {
	font-weight: 400;
	overflow: hidden;
	position: relative;
	display: inline-block;
	margin-right: 8px;
	margin-bottom: 15px;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
}

.btn-sys i {
	position: relative;
	top: 1px font-weight: bold;
}

.btn-sys.btn-crv {
	border-radius: 25px
}

.btn-sys.btn-mini {
	font-size: 11px;
	padding: 4px 17px
}

.btn-sys.btn-mini i {
	font-size: 12px
}

.btn-sys.btn-mini.btn-border {
	padding: 3px 18px
}

.btn-sys.btn-small {
	font-size: 11px;
	padding: 6px 20px
}

.btn-sys.btn-small i {
	font-size: 12px
}

.btn-sys.btn-small.btn-border {
	padding: 5px 20px
}

.btn-sys.btn-medium {
	font-size: 13px;
	padding: 8px 22px
}

.btn-sys.btn-medium.btn-border {
	padding: 7px 22px
}

.btn-sys.btn-medium i {
	font-size: 14px
}

.btn-sys.btn-large {
	font-size: 16px;
	padding: 10px 26px;
	font-weight: bold;
}

.btn-sys.btn-large.btn-border {
	padding: 9px 26px
}

.btn-sys.btn-large i {
	font-size: 14px
}

.btn-sys.btn-border {
	border: 2px solid;
	background-color: transparent
}

.btn-light {
	color: #2f2f2f;
	background-color: #fff
}

.btn-light:hover {
	color: #2f2f2f
}

.btn-border.btn-light {
	color: #fff;
	border-color: #fff
}

.btn-border.btn-light:hover {
	color: #2f2f2f;
	background-color: #fff
}

.btn-dark {
	color: #fff;
	background-color: #2f2f2f
}

.btn-dark:hover {
	color: #fff
}

.btn-border.btn-dark {
	color: #2f2f2f;
	border-color: #2f2f2f
}

.btn-border.btn-dark:hover {
	color: #fff;
	background-color: #2f2f2f
}

.btn-gray {
	color: #fff;
	background-color: #c2c2c2
}

.btn-gray:hover {
	color: #fff
}

.dark-section .btn-border.btn-dark,
.btn-border.btn-gray {
	color: #c2c2c2;
	border-color: #c2c2c2
}

.dark-section .btn-border.btn-dark:hover,
.btn-border.btn-gray:hover {
	color: #fff;
	background-color: #c2c2c2
}

.btn-color {
	color: #fff
}

.btn-color:hover {
	color: #fff
}

.btn-border.btn-color:hover {
	color: #fff
}

ul.nav-tabs {
	list-style: none;
	border-bottom: 1px solid #f5f6f7
}

.dark-section ul.nav-tabs {
	border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}

ul.nav-tabs li {
	padding: 0;
	display: inline-block;
	float: inherit;
	position: relative;
}

ul.nav-tabs li a {
	display: block;
	font-size: 18px;
	font-weight: 600;
	padding: 0 0 15px;
	border: 0 !important;
	color: #333;
	background-color: transparent !important;
	margin: 0 15px
}

.dark-section ul.nav-tabs li a {
	color: #AAA;
}

ul.nav-tabs li a:hover {
	color: #FFF
}

ul.nav-tabs li::after {
	content: ' ';
	position: absolute;
	width: 100%;
	height: 20px;
	left: 0px;
	bottom: 0px;
	/* background-color: var(--brand-color); */
	transition: all .3s ease-out;
	opacity: 0;
	z-index: 500001;
}

ul.nav-tabs li.active::after {
	height: 4px;
	opacity: 1;
}

#features ul.nav-tabs li.active::after {
	content: '\e64b';
	height: 30px;
	opacity: 0;
	font-family: 'themify';
}

.studioxl .header-title h1 {
	font-size: 50px;
}

.studioxl .header-title p {
	margin: 0px auto;
	width: 90%;
}

.services-tabs ul.nav-tabs li.active::after {
	content: '';
	display: none;
}

.wf ul.nav-tabs li.active a::after {
	content: ' ';
	position: absolute;
	width: 100%;
	height: 2px;
	left: 0px;
	bottom: -2px;
	background-color: var(--brand-color);
	z-index: 500000;
}

ul.nav-tabs li a i {
	font-size: 12px
}

.tab-pane {
	padding: 15px 0 0
}

.collapse-group .panel {
	padding: 15px 30px;
	border-bottom: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #eee;
	background: #f5f6f7;
	margin: 0 0 10px;
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease
}

.collapse-group .panel:hover {
	-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.10);
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.10);
	background: #fff
}

.collapse-group .panel-collapse .collapse-body {
	padding: 15px 15px 0 0
}

.collapse-group .collapse-heading h4 {
	font-size: 20px;
	margin-bottom: 0 !important;
	text-transform: none
}

.collapse-group .collapse-heading h4 a {
	display: block
}

.collapse-group .collapse-heading h4 a.collapsed {
	color: #333
}

.collapse-group .collapse-heading h4 a.collapsed:hover {
	color: #2f2f2f
}

.collapse-group .collapse-heading h4 a .toggle-icon {
	display: inline-block;
	position: relative;
	text-align: center;
	margin-left: 30px;
	border-radius: 1px;
	line-height: 22px;
	width: 20px;
	height: 20px;
	color: var(--brand-color);
	top: 1px;
	font-size: 14px;
	background: none !important;
	float: right;
	right: -10px
}

.collapse-group .collapse-heading h4 a .toggle-icon i {
	display: block;
	line-height: 20px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transition: all .3s ease-in-out;
	-moz-transition: background-color .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out
}

.collapse-group .collapse-heading h4 a.collapsed .toggle-icon i {
	transform: rotate(0);
	-ms-transform: rotate(0);
	-webkit-transform: rotate(0)
}

.collapse-group .collapse-heading h4 a.collapsed .toggle-icon {
	color: #2f2f2f
}

.collapse-group .collapse-heading h4 a.collapsed:hover .toggle-icon {
	background-color: none
}

.collapse-group table {
	width: 100%;
	margin: 26px 0
}

.collapse-group thead {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	font-weight: 400
}

.collapse-group th {
	padding: 10px;
	font-weight: 700;
	color: #272727;
	text-align: left
}

.collapse-group tbody tr {
	border-bottom: 1px solid #ddd
}

.collapse-group tbody tr:nth-child(2n+1) td {
	background-color: #fafafa
}

.collapse-group td {
	padding: 10px
}

.collapse-group td strong {
	font-weight: 500
}

.container-portfolio {
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
	padding-right: 0;
	width: 1170px;
	z-index: 36;
	position: relative
}

.portfolio-filters {
	text-align: center;
	padding: 0;
	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.portfolio-filters a {
	display: inline-block;
	color: #000;
	font-size: 17px;
	letter-spacing: 0;
	font-weight: bold;
	padding: 0px 10px;
	line-height: 30px;
	position: relative;
}

.portfolio-filters .active::before {
	content: ' ';
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: var(--brand-color);
	bottom: -11px;
	left: 0px;
}

.portfolio-filters a:last-child:after {
	display: none
}

.cases .portfolio-filters a {
	color: #fff;
}

.cases .portfolio-filters a:after {
	color: #444 !important;
}

#portfolio-grid {
	width: 100%;
	margin: 0;
	padding: 0;
}

.cases #portfolio-grid {
	background-color: #111;
}

#portfolio-grid .portolio-item {
	overflow: hidden;
	/*cursor: pointer;*/
	position: relative;
	/* border-radius: 25px; */
	padding: 15px;
	width: 33.32% !important;
	/* transition-property: none !important; */
	margin.: 1;
	padding: 2;
}

#portfolio-grid .portolio-item .portfolio-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.portfolio-image img {
	border-radius: 20px;
}

#portfolio-grid .portolio-item .portfolio-details {
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 40px;
	width: 100%;
	text-shadow: 0px 2px 10px black;
	/*background-color: rgba(0, 0, 0, 0.5);*/
	margin-top: -15px;
}

#portfolio-grid .portolio-item .portfolio-details h2 {
	position: relative;
	color: #FFF;
	margin-bottom: 10px;
}

#portfolio-grid .portolio-item .portfolio-details span {
	position: relative;
	color: white;
	font-weight: bold;
}

.blog-container {
	border-bottom: 1px solid #eee
}

.blog-container:last-child {
	border-bottom: none
}

.no-sidebar .pagination {
	width: 100%;
	text-align: center;
	margin-bottom: 55px;
	margin-top: 25px
}

.pagination {
	clear: both;
	display: block
}

.pagination a,
.pagination span {
	font-size: 14px;
	padding: 0 10px;
	color: #2f2f2f;
	font-weight: 600;
	line-height: 40px;
	border-radius: 5px;
	height: 40px;
	margin-right: 4px;
	text-align: center;
	display: inline-block;
	transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-webkit-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	background: #f5f6f7
}

.pagination span {
	border-color: var(--brand-color);
	color: var(--brand-color) !important;
	background: #fff;
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.10);
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.10)
}

.pagination span.off {
	border-color: #eee;
	color: #ddd !important;
	background: #f5f6f7;
	-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.0);
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.0)
}

.pagination a i {
	position: relative;
	font-size: 14px;
	top: 0
}

.pagination span {
	color: #888
}

.standard-layout .post {
	position: relative;
	margin-bottom: 70px
}

.post-thumb {
	margin-bottom: 18px;
	overflow: hidden
}

.standard-layout .post .post-thumb img {
	border-radius: var(--col-card-featradius);
}

.standard-layout .post-head {
	margin-bottom: 18px
}

.standard-layout .post-head q {
	color: #2f2f2f;
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 26px;
	font-weight: 600;
	margin-bottom: 4px;
	letter-spacing: 1px;
	cursor: pointer;
	transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-webkit-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out
}

.standard-layout .post-head q::before {
	position: absolute;
	left: -12px;
	top: 0
}

.standard-layout .post-head q a {
	color: #2f2f2f
}

.post-head h3 {
	font-weight: bold;
	font-size: 40px;
	line-height: 1.0;
}

.post-head h3 a {
	color: #2f2f2f;
}

.dark-section .post-head h3 a
{
	color: #FFF;
}

.dark-section .sidebar a
{
	color: #aaa;
}
.dark-section .widget .widget-heading h3 span
{
	color: #FFF;
}

.post-head .post-meta {
	list-style: none
}

.post-head .post-meta li {
	display: inline-block;
	font-size: 13px
}

.post-head .post-meta li a {
	color: var(--brand-color)
}

.post-head .post-meta li:after {
	content: "/";
	margin: 0 6px 0 8px;
	color: #eee
}

.post-head .post-meta li:last-child:after {
	display: none
}

.standard-layout .post-head .post-meta li,
.standard-layout .post-head .post-meta li a {
	color: #333
}

.date {
	color: #777 !important;
	display: inline-block;
	width: auto;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0;
}

.standard-layout .post-date {
	position: relative;
	color: #fff;
	text-align: center;
	border-radius: 2px;
	background-color: #2f2f2f;
	transition: background-color .3s ease-in-out;
	-moz-transition: background-color .3s ease-in-out;
	-webkit-transition: background-color .3s ease-in-out;
	-o-transition: background-color .3s ease-in-out;
	text-transform: uppercase
}

.standard-layout .post-date .day {
	font-size: 30px;
	line-height: 30px;
	display: block;
	font-weight: 600;
	padding: 10px;
	background: var(--brand-color)
}

.standard-layout .post-date .month {
	font-size: 12px;
	line-height: 12px;
	display: block;
	font-weight: 600;
	letter-spacing: 2px;
	padding: 10px
}

.standard-layout .post .more-link {
	margin-top: 12px
}

.post .read-more {
	letter-spacing: 1px;
	font-size: 11px;
	color: #2f2f2f
}

.standard-layout .pagination {
	position: relative;
	top: -30px;
	padding-left: 62px;
	margin-bottom: 25px
}

.post .gallery-slider {
	position: relative;
	overflow: hidden;
	cursor: grab !important;
	cursor: -moz-grab !important;
	cursor: -webkit-grab !important
}

.post .gallery-slider .owl-controls {
	margin: 0
}

.post .gallery-slider .owl-buttons>div {
	position: absolute;
	top: 50%;
	color: #2f2f2f;
	margin: 0;
	opacity: .9;
	margin-top: -17px;
	filter: Alpha(Opacity=90);
	background-color: #fff;
	transition: left .2s ease-in-out, right .2s ease-in-out, opacity .2s ease-in-out;
	-moz-transition: left .2s ease-in-out, right .2s ease-in-out, opacity .2s ease-in-out;
	-webkit-transition: left .2s ease-in-out, right .2s ease-in-out, opacity .2s ease-in-out;
	-o-transition: left .2s ease-in-out, right .2s ease-in-out, opacity .2s ease-in-out
}

.post .gallery-slider .owl-buttons>div i {
	font-size: 14px;
	position: relative;
	top: 2px
}

.post .gallery-slider .owl-buttons .owl-prev {
	left: -10px;
	padding: 6px 10px 6px 20px;
	-webkit-border-radius: 0 2px 2px 0;
	-moz-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0
}

.post .gallery-slider .owl-buttons .owl-prev:hover {
	left: 0
}

.post .gallery-slider .owl-buttons .owl-next {
	right: -10px;
	padding: 6px 20px 6px 10px;
	-webkit-border-radius: 2px 0 0 2px;
	-moz-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px
}

.post .gallery-slider .owl-buttons .owl-next:hover {
	right: 0
}

.sidebar {
	padding-left: 0
}

.sidebar a {
	color: #000
}

.sidebar .widget {
	margin-bottom: 40px
}

.widget .widget-heading {}

.widget .widget-heading h4 {
	font-size: 17px;
	font-weight: 700;
	margin-bottom: 10px
}

.widget .widget-heading h3 {
	font-size: 20px
}

.widget .widget-heading h3 span {
	color: #777;
}

.widget-categories ul,
.widget-recent-posts ul {
	list-style: none
}

.sidebar .widget-categories ul li {
	font-size: 15px;
	padding: 7px 0 7px 15px;
	position: relative
}

.sidebar .widget-categories ul li:before {
	content: "\f105";
	font-family: 'FontAwesome';
	color: var(--brand-color);
	position: absolute;
	top: 7px;
	left: 0;
	font-size: 14px
}

.widget-recent-posts ul li {
	padding: 0px;
	margin-bottom: 20px;
}

.widget-recent-posts ul li:last-child {
	border-bottom: none
}

.widget-recent-posts ul li span {
	font-size: 11px;
	display: block;
	color: #aaa
}

.widget-body {
	font-weight: bold;
}

.widget-recent-posts .widget-body a {
	font-size: 20px;
	line-height: 1;
}

.widget-categories ul li .icon-arrow-right11,
.widget-recent-posts ul li .icon-arrow-right11 {
	position: relative;
	top: 1px;
	color: #2f2f2f;
	margin-right: 5px
}

.widget-search .search-box {
	position: relative
}

.widget-search .search-box input {
	margin-bottom: 0
}

.widget-search .search-box .search-button {
	position: absolute;
	right: 0;
	top: 0;
	width: 36px;
	height: 100%;
	border: 0;
	padding: 0;
	color: #2f2f2f;
	outline: 0;
	font-size: 14px;
	line-height: 37px;
	text-align: center;
	background-color: transparent;
	transition: color .3s ease-in-out;
	-moz-transition: color .3s ease-in-out;
	-webkit-transition: color .3s ease-in-out;
	-o-transition: color .3s ease-in-out
}

.widget-tags a {

	border: 1px solid #eee;
	display: inline-block;
	border-radius: 15px;
	font-size: 13px;
	color: #888;
	padding: 3px 10px;
	margin: 0 2px 6px 0;
	text-transform: capitalize;
	transition: var(--element-transition);
	-moz-transition: var(--element-transition);
	-webkit-transition: var(--element-transition);
	-o-transition: var(--element-transition);
}

.widget-tags a:hover {
	color: #fff !important
}

.testimonials-carousel {
	padding: 0 45px
}

.testimonials-carousel .item {
	text-align: center
}

.clients-carousel,
.testimonials-carousel {
	position: relative
}

.testimonials-carousel .owl-buttons div {
	position: absolute;
	top: 50%;
	width: 20px;
	height: 40px;
	display: block;
	margin: -20px 0 0 !important;
	padding: 0 !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	background: none !important;
	filter: Alpha(Opacity=0.25) !important;
	opacity: .25 !important;
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out
}

.testimonials-carousel .owl-buttons div:hover {
	filter: Alpha(Opacity=1) !important;
	opacity: 1 !important
}

.dark-section .testimonials-carousel .owl-buttons div.owl-prev {
	left: 0;
	background: url(../images/icons/prev.png) no-repeat !important
}

.dark-section .testimonials-carousel .owl-buttons div.owl-next {
	right: 0;
	background: url(../images/icons/next.png) no-repeat !important
}

.light-section .testimonials-carousel .owl-buttons div.owl-prev {
	left: 0;
	background: url(../images/icons/prev-dark.png) no-repeat !important
}

.light-section .testimonials-carousel .owl-buttons div.owl-next {
	right: 0;
	background: url(../images/icons/next-dark.png) no-repeat !important
}

#footer {
	padding: 80px 0;
	text-align: right;
	overflow: hidden;
	background: #222
}

#goTop {
	display: block;
	position: absolute;
	bottom: -80px;
	right: 15px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	color: rgba(255, 255, 255, .33);
	background-color: transparent;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	text-align: center;
}

#footer .logo-img {
	margin-bottom: 20px
}

#footer .logo-img img {
	max-height: 50px;
}

#footer a {
	color: #fff;
	margin: 0
}

#footer .copyright p {
	font-size: 14px;
	color: rgba(255, 255, 255, .5);
}

#footer .copyright a:hover {
	color: var(--brand-color)
}

#footer .footer-nav ul {
	list-style: none;
	margin-bottom: 10px
}

#footer .footer-nav ul li {
	display: inline-block;
	padding: 0;
}

#footer .footer-nav ul li a {
	color: #fff;
	font-size: 14px;
	margin: 0 0 0 12px;
}

#footer .footer-nav ul li a:hover {
	color: var(--brand-color)
}

#footer .footer-nav ul li:first-child:before {
	display: none
}

.section-home h3 {
	color: #fff;
	margin-bottom: 0;
	letter-spacing: 2px
}

.section-home img {
	max-height: 90px;
	margin-bottom: 30px
}

.section-home p {
	font-size: 18px;
	line-height: 28px;
	color: #fff;
	margin-bottom: 30px
}

.section-home h1 {
	font-size: 50px;
	color: #fff;
	margin-bottom: 5px;
}

.section-home .btn-sys {
	margin: 40px 0 0
}

.header-title {
	margin-bottom: 100px;
	text-align: center
}

#features2 .header-title {
	margin-top: 100px;
	margin-bottom: 200px;
}

html .header-left {
	text-align: left;
}

.headersection-2 h1,
.header-title h1,
.header-title2 h1 {
	font-size: 40px;
	line-height: 1.0;
	margin-bottom: 18px;
	color: #2f2f2f;
}

.header-title2 h1 {
	font-size: 60px;
}

.header-title p,
.col-cardcolor-dark .services-tabs-info p,
.col-cardcolor-dark .services-tabs-info a {
	color: #2f2f2f;
	margin-bottom: 0;
	font-size: 21px;
	letter-spacing: 0.0em;
	line-height: 1.2;
	font-weight: bold;
}

.col-cardcolor-dark .services-tabs-info a {
	color: white;
}

#features .header-title {
	margin: 50px 0px 200px 0px;
}

#features .header-title p,
#features2 .header-title p,
.header-title2 p {
	font-weight: bold;
	font-size: 35px;
	text-align: left;
	line-height: 1.2;
}

#features .feature-block p,
#features2 .small-feature-block>p {
	font-size: 24px;
	color: #777;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 25px;
}

#features2 .small-feature-block>p {
	font-size: 20px;
}

#home .container .btn-sys,
#features .feature-block .btn-sys,
#features2 .btn-sys,
#cta .btn-sys {
	border-width: 2px;
	font-weight: bold;
	text-transform: none;
	letter-spacing: 0;
	font-size: 16px;
}

#features2 .btn-sys {
	font-size: 20px;
}

.explore-more-features {
	margin: 100px 0px;
}

#home .container .btn-sys span,
#features .feature-block .btn-sys span,
#features2 .btn-sys span,
#cta .btn-sys span {
	margin-left: 10px;
}

.header-title .up {
	color: var(--brand-color);
	margin-bottom: 10px;
	font-size: 13px;
	letter-spacing: 5px;
	line-height: 13px;
	font-weight: 500;
	text-transform: uppercase
}

.header-title p.lead {
	font-weight: 400;
	margin-bottom: 0;
	letter-spacing: 1px
}

.header-title-cta {
	margin-bottom: 60px;
	text-align: center;
	position: relative;
	z-index: 50
}

.header-title-cta h1 {
	font-size: 40px;
	color: #fff;
}

.header-title-cta h1 span {
	color: var(--brand-color)
}

.header-title-cta p {
	color: #fff
}

.header-title-cta a {
	margin-bottom: 0
}

.header-title-white {
	margin-bottom: 100px;
	text-align: center
}

#cta .header-title-white {
	margin-bottom: 40px;
	text-align: left;
}

.imposters .header-title,
.imposters .header-title-white {
	text-align: left;
}

.header-title-white h1 {
	font-size: 40px;
	margin-bottom: 18px;
	color: #fff;
}

.header-title-white p {
	color: #fff;
	margin-bottom: 0;
	font-size: 21px;
	letter-spacing: 0.011em;
	line-height: 1.38;
}

.header-title-white .up {
	color: #fff;
	margin-bottom: 10px;
	font-size: 13px;
	letter-spacing: 5px;
	line-height: 13px
}

.header-title-red {
	margin-bottom: 60px;
	text-align: center
}

.header-title-red h1 {
	font-size: 30px;
	line-height: 40px;
	font-weight: 200;
	margin-bottom: 5px;
	color: #fff
}

.header-title-red h1:before {
	background: url(../images/sign-red.png) no-repeat;
	width: 60px;
	height: 60px;
	display: block;
	content: " ";
	margin: 0 auto 15px
}

.header-title-red h1 span {
	color: var(--brand-color)
}

.header-title-red p {
	color: #fff;
	margin-bottom: 10px;
	font-size: 17px;
	line-height: 25px
}

.news.section
{
	background: transparent;
}

#news-header
{
	padding-bottom: 0px;
}

.news-frame
{
	display: flex;
	overflow-y: visible;
	flex-direction: row;
	flex-wrap: nowrap;
	flex-grow: 1;
	width: 100000px;
}

.news-frame .news 
{
	width: 350px;
	margin-right: 20px;
}

.news-frame .news {
	background: #f5f6f7 !important;
}

.dark-section .news-frame .news {
	background: #333 !important;
}

.news-frame .news:hover {}

.news-section  {
	position: relative;
	overflow: hidden;
	padding-top: 0px;
}

.news {
	position: relative;
	padding: 0 !important;
	margin: 0;
	background: #f2f2f2;
	margin-bottom: 30px;
	border-radius: 20px;
	overflow: hidden;
}

.dark-section .news {
	background: #303030;
}

html .attention-card {
border: 3px solid #0000;
border-radius: 12px; 
background: linear-gradient(130deg,rgba(36, 104, 116, 1), #131219) padding-box, linear-gradient(
		var(--angle),
		#070707,
		rgba(0, 166, 255, 1) 
	) border-box !important;
animation: 8s rotate linear infinite;
}

@keyframes rotate {
	to {
		--angle: 360deg;
	}
}

@property --angle {
	syntax: "<angle>";
	initial-value: 0deg;
	inherits: false;
}

.news:hover {}

.news .news-img {
	overflow: hidden !important;
	/* position: relative */
}

.licensing-carousel .news .news-img
{
	display: none;
}

.news .news-img .date {
	position: absolute;
	bottom: 15px;
	right: 15px;
	width: auto;
	font-size: 11px;
	font-weight: 600;
	line-height: 12px;
	margin: 0;
	letter-spacing: 0;
	color: #fff !important;
	background-color: #888 !important;
	border: 1px solid #888;
	padding: 5px 15px;
	display: block;
	border-radius: 20px;
	opacity: 0;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
}

.news:hover .news-img .date {
	opacity: 0.9;
}

.industry-insights .news .news-img img {
	margin: 10px;
	border-radius: 10px;
	width: calc(100% - 20px);
}
.industry-insights .dark-section .news-frame .news
{
	background-color: transparent !important;
	border: 5px solid #333;
}

.news:hover .news-img img {}

.news:hover .news-info {}

.news .news-info {
	padding: 15px;
	min-height: 225px;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease
}

.news .news-info h3 {
	font-size: 20px;
	line-height: 26px;
	margin-bottom: 10px transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease
}

.news .news-info p {
	margin-bottom: 0
}

.licensing {
	border: 1px solid #eee;
	border-radius: 20px;
	padding: 0;
	background: #fff;
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
}

.dark-section .licensing {
	background: #333;
}

.dark-section .licensing table th,
.dark-section .licensing table tr:nth-child(2n+1) td:nth-child(1)
{
	background: #333; 
}

.dark-section .licensing table th,
.dark-section .licensing table tr.title td
{
	color: #FFF;
}

.dark-section .licensing table td:first-child
{
	color: #AAA;
}

#onlineshop.dark-section .licensing table th:nth-child(6),
#onlineshop.dark-section .licensing table th:nth-child(7),
#onlineshop.dark-section .licensing table td:nth-child(6), 
#onlineshop.dark-section .licensing table td:nth-child(7)
{
	background: #000;
	color: #FFF;
}

.note {
	border-left: 3px solid var(--brand-color);
	padding: 15px
}

.center-col {
	float: none !important;
	margin-left: auto !important;
	margin-right: auto !important
}

.serv {
	display: block;
	position: relative;
	margin: 0;
	background: rgba(255, 255, 255, .5);
	text-align: center;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	margin-bottom: 30px;
	border-bottom: 3px solid #ddd
}

.serv:hover {
	border-bottom: 3px solid var(--brand-color) !important
}

.serv .serv-front {
	padding: 0;
	padding: 25px;
	position: relative;
	height: 220px
}

.serv .serv-front h3 {
	opacity: 1;
	font-size: 20px;
	line-height: 20px;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	position: absolute;
	padding: 0 15px;
	left: 0;
	width: 100%;
	top: 62%;
	color: #2f2f2f
}

.serv:hover .serv-front h3 {
	opacity: 0
}

.serv .serv-front p {
	opacity: 0;
	font-size: 15px;
	line-height: 20px;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	position: absolute;
	top: 0;
	padding: 0 15px;
	left: 0;
	width: 100%;
	margin-bottom: 0
}

.serv:hover .serv-front p {
	opacity: 1;
	top: 35%
}

.serv .serv-front img {
	max-height: 55px;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	position: absolute;
	top: calc(50% - 45px);
	left: 0;
	right: 0;
	margin: 0 auto
}

.serv:hover .serv-front img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	opacity: 1;
	max-height: 40px;
	top: 10%
}

.serv:hover {
	border-color: #eee;
	background: #fff;
	-webkit-box-shadow: 0 0 15px 10px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15)
}

.serv .serv-front i {
	display: none;
	position: absolute;
	bottom: 15px;
	margin: 0 auto;
	left: 0;
	right: 0;
	font-size: 14px;
	color: #2f2f2f;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	width: 32px;
	height: 32px;
	line-height: 30px;
	border: 1px solid #eee;
	border-radius: 50%
}

.serv:hover .serv-front i {
	display: block
}

.serv .serv-front i:hover {
	background: var(--brand-color);
	border-color: var(--brand-color);
	color: #fff
}

p.lead {
	margin-bottom: 10px;
	font-size: 17px
}

.bg-gray-light {
	background-color: #f9f9f9 !important
}

.border-top {
	border-top: 1px solid rgba(0, 0, 0, .05)
}

.mt60 {
	margin-top: 60px
}

.mt50 {
	margin-top: 50px
}

.mt40 {
	margin-top: 40px
}

.mt30 {
	margin-top: 30px
}

.mt20 {
	margin-top: 20px
}

.mt10 {
	margin-top: 10px
}

.bg-gray {
	background: #f6f6f6 !important
}

.mfp-bg {
	background: #2f2f2f !important
}

.post-share span {
	margin-right: 10px;
	font-size: 13px;
	color: #888
}

.post-share a {
	display: inline-block;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out
}

.post-share a.facebook {
	background-color: #507CBE
}

.post-share a.facebook:hover {
	background-color: #3E68A8
}

.post-share a.twitter {
	background-color: #63CDF1
}

.post-share a.twitter:hover {
	background-color: #36BFED
}

.post-share a.gplus {
	background-color: #F16261
}

.post-share a.gplus:hover {
	background-color: #EF4545
}

.post-share a.linkedin {
	background-color: #90CADD
}

.post-share a.linkedin:hover {
	background-color: #72BBD3
}

.post-share a.mail {
	background-color: #FFA803
}

.post-share a.mail:hover {
	background-color: #FF5E00
}

.post-share a i {
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	display: block;
	color: #fff;
	font-size: 1em
}

.post-content ul {
	list-style: none
}

.post-content,
.post-content p {
	font-size: 18px;
	line-height: 1.4;
}

.post-content ul li {
	padding: 0 0 5px 25px;
	margin-bottom: 10px;
	position: relative
}

.post-content ul li:before {
	content: "\e64d";
	font-family: 'themify';
	color: var(--brand-color);
	position: absolute;
	top: 0;
	left: 0;
	font-size: 16px
}

.post-content ol {
	margin-bottom: 10px
}

.post-content ol li {
	padding: 0 0 5px 10px;
	font-size: 15px;
	position: relative;
	margin-left: 15px
}

.post-content p {
	margin: 0 0 20px;
}

.post-content h2 {
	margin-bottom: 15px
}

.pro-carousel {
	padding: 0 30px
}

.pro-carousel .item {
	opacity: 1;
	filter: Alpha(Opacity=1);
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	padding: 0 10px
}

.pro-carousel {
	position: relative
}

.pro-carousel .owl-buttons div {
	position: absolute;
	top: 50%;
	width: 20px;
	height: 40px;
	display: block;
	margin: -20px 0 0 !important;
	padding: 0 !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	background: none !important;
	filter: Alpha(Opacity=0.25) !important;
	opacity: .25 !important;
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out
}

.pro-carousel .owl-buttons div:hover {
	filter: Alpha(Opacity=1) !important;
	opacity: 1 !important
}

.pro-carousel .owl-buttons div.owl-prev {
	left: 0;
	background: url(../images/icons/prev-dark.png) no-repeat !important
}

.pro-carousel .owl-buttons div.owl-next {
	right: 0;
	background: url(../images/icons/next-dark.png) no-repeat !important
}

.pro-carousel .owl-pagination {
	bottom: auto !important;
	top: 500px
}

.pro-carousel .owl-controls .owl-page span {
	border: 1px solid #2F2F2F !important
}

.pro-carousel .owl-controls .owl-page.active span,
.pro-carousel .owl-controls.clickable .owl-page:hover span {
	background: #2F2F2F !important
}

.performance {
	text-align: center;
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	padding: 20px 15px;
	border-radius: 5px
}

.performance:hover {
	-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.20);
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.20);
	background: rgba(255, 255, 255, .33);
	background: #f5f6f7
}

.performance h3 {
	font-size: 20px;
	color: #2f2f2f;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out
}

.performance:hover h3 {
	color: var(--brand-color)
}

.performance .performance-img {
	text-align: center;
	width: 86px;
	height: 86px;
	line-height: 80px;
	display: block;
	margin: 0 auto 15px;
	border-radius: 50%;
	background: none;
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	border: 2px solid transparent;
	position: relative
}

.performance:hover .performance-img {
	background: #fff;
	border: 2px solid var(--brand-color)
}

.performance .btn-sys {
	margin: 0
}

.performance .performance-img span {
	width: 36px;
	height: 36px;
	background: #2f2f2f;
	position: absolute;
	top: -30px;
	right: -30px;
	line-height: 32px;
	border-radius: 50%;
	color: #fff;
	font-size: 14px;
	font-style: itallic;
	color: #fff;
	border: 2px solid transparent;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out
}

.performance:hover .performance-img span {
	background: var(--brand-color);
	color: #fff;
	border-color: var(--brand-color);
	top: -5px;
	right: -10px
}

.performance p {
	margin-bottom: 0
}

.performance .performance-img img {
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	height: 64px;
	overflow: hidden;
	transition-duration: .4s;
	transition-property: transform
}

.performance:hover .performance-img img {
	height: 40px;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg)
}

.performance p {
	min-height: 120px
}

.address {
	padding: 0 10px;
	text-align: center
}

.address h4 {
	margin-bottom: 10px;
	font-size: 16px;
	letter-spacing: 2px;
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	color: #2f2f2f
}

.address:hover h4 {
	color: var(--brand-color)
}

.address p {
	font-size: 17px;
	line-height: 25px
}

.address:hover a {
	color: #2f2f2f0;
	color: #2f2f2f
}

.address i {
	display: block;
	font-size: 28px !important;
	font-weight: 300 !important;
	line-height: 86px;
	width: 86px;
	border-radius: 50%;
	height: 86px;
	position: relative;
	margin: 0 auto;
	margin-bottom: 15px;
	color: #2f2f2f;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-webkit-box-shadow: 0 0 15px 10px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
	background: #fff
}

.address:hover i {
	color: #fff;
	background: var(--brand-color);
}

.col-md-20 {
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
	width: 20%
}

.container-fluid {
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
	overflow: hidden
}

.no-padding {
	padding: 0
}

.opacity-full {
	position: absolute;
	height: 100%;
	width: 100%;
	opacity: .9;
	z-index: 1;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .66)
}

.service-filters {
	text-align: center;
	padding: 0 0 30px
}

.service-filters a {
	display: inline-block;
	color: #000;
	font-size: 20px;
	letter-spacing: 0;
	font-weight: 400;
	padding: 0 15px 0 0;
	line-height: 30px
}

.service-filters a:after {
	content: "/";
	color: #ddd;
	margin: 0 0 0 15px
}

.service-filters a:last-child:after {
	display: none
}

.services-tabs ul.nav-tabs {
	width: 100%;
	border-bottom: none;
	display: flex;
	justify-content: space-between;
	margin-bottom: 100px;

	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr ;
}

.grid-feature-integrations .services-tabs ul.nav-tabs {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.services-tabs ul.nav-tabs li {
	width: 100%;
	display: inline-block;
	margin: 0 !important;
	padding: 0 !important;
	outline: none;
	float: none;
	/* border-radius: 15px; */
}

.services-tabs ul.nav-tabs li a {
	position: relative;
	text-align: center;
	padding: 20px 0;
	letter-spacing: 0 !important;
	border-radius: 0;
	font-weight: 400;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	margin: 5px !important;
	display: block;
	border-radius: 15px;
	top: 0px;
	margin-top: 30px !important;
	background-color: rgba(48, 48, 48, 0.75) !important;
	border: solid 2px transparent;
}

.services-tabs ul.nav-tabs li a h3 {
	font-size: 16px;
	line-height: 1.1em;
	letter-spacing: 0;
	margin: 0;
	height: 40px;
	display: block;
	color: #FFF;
}

.services-tabs ul.nav-tabs li a h3 span {
	opacity: 0
}

.services-tabs ul.nav-tabs li a i {
	display: none;
	position: absolute;
	bottom: 20px;
	margin: 0 auto;
	left: 0;
	right: 0;
	font-size: 14px;
	color: var(--brand-color);
	margin-top: 15px;
	width: 32px;
	height: 32px;
	line-height: 30px;
	border-radius: 50%
}

.services-tabs ul.nav-tabs li a i:hover {
	background: var(--brand-color);
	border-color: var(--brand-color);
	color: #fff
}

.services-tabs {
	margin-top: -30px;
}

.services-tabs ul.nav-tabs li a.resources i {
	border: 1px solid rgba(255, 255, 255, .1);
	color: #fff
}

.services-tabs ul.nav-tabs li a img {
	height: 50px;
	margin: 0 auto 10px;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%) invert(1) brightness(2);
	display: block
}

html .services-tabs ul.nav-tabs li.insta a {
    background: linear-gradient(147deg, rgba(230, 33, 222, 0.8), rgba(108, 39, 243, 0.8)) !important;
}

html .services-tabs ul.nav-tabs li.active a {

	background: linear-gradient(to bottom, var(--brand-color), var(--brand-color-gradientend)) !important;
}

html .services-tabs ul.nav-tabs li.active a h3 {
	color: #FFF !important;
}

html .services-tabs ul.nav-tabs li.active a img {
	-webkit-filter: invert() brightness(200%) grayscale(100%);
	filter: invert() brightness(200%) grayscale(100%);
}

html .dark-section .services-tabs ul.nav-tabs li a img,
.col-cardcolor-dark .services-tabs ul.nav-tabs li a img {
	-webkit-filter: invert() brightness(200%) grayscale(100%);
	filter: invert() brightness(200%) grayscale(100%);
}

.services-tabs ul.nav-tabs li.active a i,
.services-tabs ul.nav-tabs li:hover a i {
	display: block
}

.services-tabs ul.nav-tabs li:hover a img,
.services-tabs ul.nav-tabs li.active a img {
	opacity: 1
}

.services-tabs ul.nav-tabs li:hover a {
	background: #333 !important;
	margin-top: 10px !important;
	border: solid  2px #FFF !important;
}

.services-tabs ul.nav-tabs li.active a {
	background: #fff !important;
	margin-top: 10px !important;
	border: solid 2px #FFF !important;
}

.services-tabs .tab-content {
	padding: 0;
	margin: 0;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out
}

.services-tabs .tab-content img {
	border-radius: 15px;
}

.services-tabs .tab-pane {
	padding: 0;
	margin: 0;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	position: relative
}

.services-tabs .tab-pane h2 {
	font-size: 24px;
	color: #2f2f2f;
	line-height: 24px;
	margin-bottom: 20px
}

.services-tabs .tab-pane .soon {
	position: absolute;
	top: -5px;
	right: 15px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 17px;
	padding: 7px 20px;
	background: var(--brand-color);
	display: block;
	color: #fff
}

.services-tabs-info {
	margin-left: 15px
}

.services-tabs-info p {
	font-weight: bold;
	line-height: 1.3;
}

.services-tabs .tab-pane .btn-sys {
	margin: 10px 0 0;
	color: var(--brand-color);
	font-size: 16px;
	font-weight: bold;
	border-width: 2px;
}

.services-tabs .tab-pane .btn-sys:hover {
	color: #FFF;
}

.services-tabs .tab-pane i.ti-close {
	position: absolute;
	right: 15px;
	top: 15px;
	z-index: 50
}

.services-tabs .tab-pane ul {
	list-style: none;
	display: block
}

.services-tabs .tab-pane ul li {
	display: inline-block;
	margin: 5px 3px;
	padding: 10px;
	border: 1px solid #ddd;
	background: none;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out
}

.services-tabs .tab-pane:hover ul li {
	background: #fff
}

.services-tabs .tab-pane ul li img {
	height: 30px;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: .66;
	margin: 0;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out
}

.services-tabs .tab-pane:hover ul li img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	opacity: 1
}

@media (max-width:1023px) {

	.services-tabs ul.nav-tabs li a {
		padding: 25px 0 !important
	}

	.services-tabs ul.nav-tabs li a i {
		bottom: 5px !important
	}

	.services-tabs .tab-pane {
		padding: 15px !important
	}

	html .features .tab-pane .features-img {
		padding: 0;
	}

	html .services-tabs-info {
		margin: 0;
		margin-top: 20px;
	}

	html .header-title p,
	html .header-title-white p {
		text-align: left;
	}
}

@media (max-width:500px) {
	.services-tabs ul.nav-tabs {
		grid-template-columns: 1fr 1fr 1fr 1fr !important;
	}

	.grid-feature-integrations .services-tabs ul.nav-tabs {
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr !important;
	}

	#features .header-title p,
	#features2 .header-title p,
	.header-title2 p,
	.small-feature-block h3,
	.grid-feature-hello .col-card .header-title p,
	.enterprise .col-card .header-title p,
	.col-card p.supersize,
	#features h2 {
		font-size: 25px !important;
	}

	#features .feature-block p,
	#features2 .small-feature-block>p {
		font-size: 18px !important;
	}

	html .col-card-header h2 {
		font-size: 30px !important;
	}

	html .grid-cell-copy h2 {
		font-size: 50px !important;
	}

	html .small-feature-block .icon,
	html .col-card .icon p {
		font-size: 40px !important;
	}
}

@media (max-width:768px) {

	.services-tabs ul.nav-tabs li a {
		padding: 10px 0 !important
	}

	.services-tabs ul.nav-tabs li a h3 {
		font-size: 10px !important;
		margin: 0
	}

	.services-tabs ul.nav-tabs li a img {
		height: 30px;
	}

	.services-tabs ul.nav-tabs li.active a i,
	.services-tabs ul.nav-tabs li:hover a i {
		display: none !important
	}

}

@media (max-width:1023px) {
	.app-tabs ul.nav-tabs li {
		width: 25% !important
	}

	.app-tabs ul.nav-tabs li a {
		padding: 25px 0 !important
	}

	.app-tabs ul.nav-tabs li a i {
		bottom: 5px !important
	}

	.app-tabs .tab-pane {
		padding: 15px !important
	}

	.app-tabs .tab-pane h4 {
		text-align: center
	}

	.app-tabs .tab-pane p {
		text-align: center
	}

}

@media (max-width:768px) {
	.app-tabs ul.nav-tabs li {
		width: 24.9% !important
	}

	.app-tabs ul.nav-tabs li a {
		padding: 5px 0 !important
	}

	.app-tabs ul.nav-tabs li a h3 {
		font-size: 15px !important;
		margin: 0
	}

	.app-tabs ul.nav-tabs li a img {
		display: none
	}

	.app-tabs ul.nav-tabs li.active a i,
	.app-tabs ul.nav-tabs li:hover a i {
		display: none !important
	}

}

@media (max-width:639px) {
	.app-tabs ul.nav-tabs li {
		width: 33% !important
	}

}

@media (max-width:479px) {
	.app-tabs ul.nav-tabs li {
		width: 49.9% !important
	}

}

@media (max-width:319px) {
	.app-tabs ul.nav-tabs li {
		width: 49.9% !important
	}

}

.app-tabs ul.nav-tabs {
	width: 100%;
	border-bottom: none
}

.app-tabs ul.nav-tabs li {
	width: 33.3333%;
	display: inline-block;
	margin: 0;
	padding: 0
}

.app-tabs ul.nav-tabs li a {
	position: relative;
	border: 1px solid rgba(0, 0, 0, .1) !important;
	background: #f5f6f7 !important;
	text-align: center;
	padding: 25px 0;
	letter-spacing: 0 !important;
	border-radius: 0;
	font-weight: 400;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	margin: 3px !important;
	display: block
}

.app-tabs ul.nav-tabs li a h3 {
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 1px;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	margin: 0
}

.app-tabs ul.nav-tabs li a i {
	display: none;
	position: absolute;
	bottom: 20px;
	margin: 0 auto;
	left: 0;
	right: 0;
	font-size: 14px;
	color: var(--brand-color);
	margin-top: 15px;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	width: 32px;
	height: 32px;
	border: 1px solid rgba(0, 0, 0, .1);
	line-height: 30px;
	border-radius: 50%
}

.app-tabs ul.nav-tabs li a i:hover {
	background: var(--brand-color);
	border-color: var(--brand-color);
	color: #fff
}

.app-tabs ul.nav-tabs li a.resources i {
	border: 1px solid rgba(255, 255, 255, .1);
	color: #fff
}

.app-tabs ul.nav-tabs li a img {
	max-height: 40px;
	margin: 0 auto 7px;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: .33
}

.app-tabs ul.nav-tabs li.active a i,
.app-tabs ul.nav-tabs li:hover a i {
	display: block
}

.app-tabs ul.nav-tabs li:hover a img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	opacity: 1
}

.app-tabs ul.nav-tabs li.active a img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	opacity: 1
}

.app-tabs ul.nav-tabs li.active a,
.app-tabs ul.nav-tabs li:hover a {
	border-color: var(--brand-color) !important;
	background: #fff !important
}

.app-tabs ul.nav-tabs li.active h3 {
	color: var(--brand-color)
}

.app-tabs .tab-content {
	padding: 0;
	margin: 0;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out
}

.app-tabs .tab-pane {
	border: 1px solid var(--brand-color) !important;
	background: #fff !important;
	padding: 40px;
	margin: 3px;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	position: relative
}

.app-tabs .tab-pane h4 {
	font-size: 24px;
	margin-bottom: 10px;
	color: #2f2f2f
}

.app-tabs .tab-pane .soon {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 17px;
	padding: 7px 20px;
	background: var(--brand-color);
	display: block;
	color: #fff
}

.app-tabs .tab-pane .btn-sys {
	margin: 10px 0 0
}

.app-tabs .tab-pane i.ti-close {
	position: absolute;
	right: 15px;
	top: 15px;
	z-index: 50
}

.app-tabs .tab-pane img {
	max-height: 150px
}

.app-tabs ul.nav-tabs li a.resources {
	background: var(--brand-color) !important
}

.app-tabs ul.nav-tabs li a.resources:hover,
.app-tabs ul.nav-tabs li.active a.resources {
	background: #2f2f2f !important;
	border-color: #2f2f2f !important
}

.app-tabs ul.nav-tabs li a.resources h3 {
	color: #fff
}

.app-tabs ul.nav-tabs li a.resources:hover h3,
.app-tabs ul.nav-tabs li.active a.resources h3 {
	color: var(--brand-color)
}

.contact {
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
}

.contact:hover input,
.contact:hover textarea {}

.contact input[type="text"],
.contact input[type="email"],
.contact textarea {
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 10px;
	border-radius: 15px;
	outline: none;
	width: 100%;
	border: 2px solid;
	border-color: #DDD;
	padding: 12px;
	color: #FFF !important;
	min-width: 100%;
}

.contact input[type="text"]:hover,
.contact input[type="text"]:focus,
.contact input[type="email"]:hover,
.contact input[type="email"]:focus,
.contact textarea:hover,
.contact textarea:focus {
	color: var(--brand-color);
	border-color: var(--brand-color);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: 1;
	padding: 12px;
}

.contact button {
	border: none;
	margin: 10px 5px 0 0
}

.contact .row {
	margin: 0
}

.contact-form blockquote {
	color: #333;
	font-weight: bold;
}

.contact-frame {
	position: relative;
	background: #102c60;
	height: 620px;
	overflow: hidden;
	background-position: 50% 0;
	background-repeat: no-repeat;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}

.contact-frame i {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	font-size: 28px;
	display: block;
	color: #fff;
	top: calc(50% - 36px);
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	width: 72px;
	height: 72px;
	line-height: 70px;
	border: 2px solid #fff;
	text-align: center;
	border-radius: 50%;
	z-index: 50;
	-webkit-animation: scroll-down-icon 1.4s linear infinite;
	-moz-animation: scroll-down-icon 1.4s linear infinite;
	-ms-animation: scroll-down-icon 1.4s linear infinite;
	-o-animation: scroll-down-icon 1.4s linear infinite;
	animation: scroll-down-icon 1.4s linear infinite
}

.contact-frame:hover i {
	display: none
}

.contact-frame img {
	opacity: .66;
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out
}

.contact-frame:hover img {
	opacity: 0
}

.contact-frame iframe {
	opacity: 0;
	width: 100%;
	height: inherit;
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	position: absolute;
	margin: 0 auto;
	left: 0;
	top: 0;
	border-radius: var(--col-card-radius);
}

.contact-frame:hover iframe {
	opacity: 1
}

.features ul.nav-tabs {
	width: 100%;
	text-align: center;
	margin-bottom: 50px;
	border-bottom: none;
	display: flex;
	justify-content: space-between;
}

.features ul.nav-tabs>li {
	float: none;
	position: relative;
	padding: 15px;
	margin: 0;
	background-color: #eee;
	top: 0px;
	border: solid 2px #eee;
	border-radius: 15px;
	transition: all 0.25s ease-out;
}

.features ul.ut25>li {
	width: 25% !important;
}

.features ul.nav-tabs li a {
	padding: 0;
	margin: 0;
	;
}

.features ul.nav-tabs li a:focus {
	outline: none
}

.features ul.nav-tabs li a h4 {
	margin: 0;
	opacity: 1;
	color: #75;
}

.features ul.nav-tabs li a h4 span {
	opacity: 0;
}

.features ul.nav-tabs li a .tab-img {
	width: 92px;
	height: 92px;
	line-height: 86px;
	border-radius: 10px;
	display: block;
	text-align: center;
	margin: 0 auto 25px;
	position: relative;
}
.features ul.nav-tabs li:hover {
	border-color: #AAA !important;
	-webkit-box-shadow: none;
	top: -20px;
	/*box-shadow: 0 0 20px 1px var(--brand-color);*/
	/* box-shadow: none; */
}

.features ul.nav-tabs li.active {
	border-color: var(--brand-color) !important;
	background: #fff;
	-webkit-box-shadow: none;
	top: -20px;
	/*box-shadow: 0 0 20px 1px var(--brand-color);*/
	/* box-shadow: none; */
}

.features ul.nav-tabs li.active h4 {
	color: var(--brand-color);
}

.features ul.nav-tabs li:hover {
	border-color: var(--brand-color)
}

.features ul.nav-tabs li a:hover,
.features ul.nav-tabs li a:focus {
	color: #2f2f2f
}

.features ul.nav-tabs li.active a {
	border-bottom: none !important;
	color: #2f2f2f;
	opacity: 1
}

.features ul.nav-tabs li a img {
	max-height: 60px;
	-webkit-filter: grayscale(100);
	filter: grayscale(100%);
	overflow: hidden;
}

.features ul.nav-tabs li a:hover {
	color: #2f2f2f
}

.features ul.nav-tabs li a:focus {
	color: #2f2f2f !important
}

.features ul.nav-tabs li:hover a img {
	-webkit-filter: grayscale(100);
	filter: grayscale(100%);
	opacity: 1
}

.features ul.nav-tabs li.active a img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0%);
	opacity: 1
}

/*
.features .nav-tabs > li.active:before {
	content: "\e64b";
	font-family: 'themify';
	position: absolute;
	bottom: -30px;
	font-size: 14px;
	left: 0;
	right: 0;
	margin: auto;
	color: #fd2e8d;
}*/

.features .tab-content {
	background: linear-gradient(rgb(51, 51, 51), transparent);
	border-radius: 25px;
	padding: 30px;
}

.features .tab-content .tab-pane {
	padding: 0;
}

.features .tab-pane {
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	position: relative
}

.features .tab-pane .features-info {
	padding: 0;
	text-align: left;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	position: relative;
	min-height: 460px;
}

.features .tab-pane img {
	border-radius: 3px;
	position: absolute;
	/*box-shadow: 0px 3px 10px rgba(0,0,0,0.3);*/
	/* width: 100%; */
	/* height: 100%; */
	right: -140px;
	top: 20px;
	width: inherit;
	max-width: none;
	z-index: 1;
}

/*
.features .tab-pane .features-img::after {
	position: absolute;
content: ' ';
width: calc(100% - 6px);
top: 0;
left: 3px;
height: 1px;
background-color: rgba(255,255,255,0.5);
z-index: 100;
}*/

.features .tab-pane .features-img {
	padding-left: 10%;
}

.features .tab-pane .features-info hr {
	margin: 10px 0
}

.features .tab-pane .features-info:hover .features-img img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0%);
	opacity: 1
}

.features .tab-pane .features-info h2 {
	font-size: 30px;
	margin-bottom: 20px;
	color: #2f2f2f;
}

.features .tab-pane .features-info p,
.features .tab-pane .features-info ul {
	margin-bottom: 30px;
	font-weight: bold;
font-size: 22px;
}

.features .tab-pane .features-info h4 {
	color: #fd2e8d;
	letter-spacing: 2px;
	font-size: 13px;
	font-weight: 400;
	line-height: 20px
}

.features .tab-pane .features-info ul {
	list-style: none;
	margin-top: 15px
}

.features .tab-pane .features-info ul li {
	padding: 0 0 7px 25px;
	position: relative;
	font-weight: bold;
}

#features h2 {
	font-size: 36px;
}

#features .feature-row {
	margin-bottom: 150px;
	display: flex;
	align-items: center;
}

#features .feature-row img {
	border-radius: 20px;
}

:root {
	--dark-background-color: #1A1A1A;
	--dark-card-color: #333;
	--element-transition: all .2s ease-in-out;

	--home-feature-padding: 50px;
	--brand-color: #FF007B;
	--brand-color-gradientend: rgba(129, 39, 243, 1);

	--brand-color-alpha-gradientend: rgba(199, 4, 127, 0.75);
	--brand-color-alpha: rgba(129, 39, 243, 0.75);
}

body 
{
	background: var(--dark-background-color);
}

/** Left aligned feature text */
#features .feature-row :nth-child(1) .feature-block,
#features .feature-row :nth-child(1) .feature-image {
	padding-right: var(--home-feature-padding);
}

/** Right aligned feature text */
#features .feature-row :nth-child(2) .feature-block,
#features .feature-row :nth-child(2) .feature-image {
	padding-left: var(--home-feature-padding);
}

#features .feature-row .feature-block p em {
	font-weight: bold;
	font-style: normal;
	color: #2f2f2f;
}

#features .feature-image a img {
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	position: relative;
	top: 0px;
}

#features .feature-image a:hover img {
	box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.75);
	top: -10px;
}

#features .feature-image a span {
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	position: absolute;
	font-weight: normal;
	top: 50%;
	left: 50%;
	margin-left: -25px;
	margin-top: -50px;
	font-size: 100px;
	opacity: 0;
}

#features .feature-row :nth-child(1) .feature-image a span {
	margin-left: -70px;
}

#features .feature-image a:hover span {
	opacity: 0.75;
	margin-top: -60px;
}

h1.elevate::after,
h2.elevate::after,
h3.elevate::after,
.features h2::after,
.services-tabs-info h2::after,
.about h2::after,
.feat h2::after,
.imposters h2::after,
.avail-desc h2::after,
.availability-info h2::after,
.cadimport h2::after,
#portfolio-grid .portolio-item .portfolio-details h2::after,
.highlight-line {
	content: ' ';
	height: 2px;
	width: 100%;
	display: block;
	margin-top: 10px;

	background: linear-gradient(to right, var(--brand-color), var(--brand-color-gradientend));
}

.avail-desc h2::after,
.availability-info h2::after {
	margin-top: 20px;
}

.features .tab-pane .features-info ul li:before {
	content: "\e64d";
	font-family: 'themify';
	color: #fd2e8d;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 16px;
	font-weight: normal;
}

.features .tab-pane .features-info .col-md-6 {
	padding: 0
}

.features .tab-pane .features-info .row {
	margin: 0
}

.features .tab-pane .features-info .btn-sys {
	margin: 10px 0 0 !important
}

.features .tab-pane .features-info .features-desc {
	padding: 0px 8% 0px 0px;
}

@media (max-width:1199px) {
	.features ul.nav-tabs li a h4 {
		line-height: 20px;
		font-size: 16px;
		height: 60px !important;
		position: relative;
		top: 0;
		display: block
	}

	.features ul.nav-tabs li a img {
		max-height: 35px;
	}

	.features ul.nav-tabs li a .tab-img {
		width: 74px;
		height: 74px;
		line-height: 70px;
	}

	.features .features-info .features-img {
		width: 950px;
		right: 0px;
		top: 0px;
		position: absolute;
	}
}

@media (max-width:991px) {
	.features .nav-tabs>li.active:before {
		bottom: -15px;
	}

	.features ul.nav-tabs li.active a .tab-img:after {
		display: none;
	}

	.features ul.nav-tabs li {
		width: 10%;
		padding: 0px
	}

	.features ul.nav-tabs li a h4 {
		display: none
	}

	.features .features-info .features-img {
		display: none;
	}

	#features .feature-row .feature-block,
	#features .feature-row .feature-image {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.features .tab-pane h2 {
		text-align: center;
		font-size: 40px !important;
		line-height: 50px !important;
	}

	.features .tab-pane h2::after {
		display: none;
	}

	.features .tab-pane .features-info .features-desc {
		padding: 0;
	}

	#features ul.nav-tabs li.active::after {
		content: '\e64b';
		height: 30px;
		opacity: 1;
		bottom: -50px;
		font-family: 'themify';
		color: var(--brand-color);
	}
}

@media (max-width:768px) {
	.features .tab-pane h2 span {
		border-bottom: none
	}

	.features .tab-pane h2 {
		line-height: 20px
	}

	.features .nav-tabs>li.active:before {
		bottom: 0;
	}

	.features ul.nav-tabs {
		padding-left: 15px;
		padding-right: 15px;
	}

	.features ul.nav-tabs li {}

	.features ul.nav-tabs li a h4 {
		display: none
	}

	.features ul.nav-tabs li a .tab-img {
		width: 36px;
		height: 64px;
		line-height: 64px;
		background: none;
		border: none;
	}

	.features ul.nav-tabs li a .tab-img .features ul.nav-tabs li a img {
		max-height: 36px
	}

	.features ul.nav-tabs {}

	.features .tab-pane img {
		-webkit-filter: grayscale(0);
		filter: grayscale(0%);
		opacity: 1
	}

	.features ul.nav-tabs li.active a .tab-img:after {
		display: none;
	}

	.features .tab-pane .features-info {
		margin: 0 15px
	}

}

@media only screen and (max-width:479px) {
	.features ul.nav-tabs {
		margin-bottom: 0
	}

	.features ul.nav-tabs li a span {
		display: none
	}

	.features ul.nav-tabs li a img {
		max-height: 30px
	}

}

@media only screen and (max-width:419px) {
	.features ul.nav-tabs li a .tab-img {
		width: auto;
		height: auto;
		line-height: 30px !important;
		-webkit-box-shadow: none;
		box-shadow: none;
		border: none
	}

}

.workflow ul.nav-tabs {
	width: 100%;
	text-align: center;
	margin: 0 0 30px;
	border-bottom: none;
	position: relative;
	padding: 0
}

.workflow ul.nav-tabs:before {
	background: var(--brand-color);
	content: " ";
	display: block;
	height: 2px;
	width: 100%;
	position: absolute;
	top: 46px;
	z-index: -1
}

.workflow ul.nav-tabs>li {
	float: none;
	width: 20%;
	position: relative
}

.workflow ul.nav-tabs li a {
	margin: 0;
	line-height: 200px;
	transition: var(--element-transition);
	-moz-transition: var(--element-transition);
	-webkit-transition: var(--element-transition);
	-o-transition: var(--element-transition);
	display: block
}

.workflow ul.nav-tabs li a:focus {
	outline: none
}

.workflow ul.nav-tabs li a .tab-img {
	width: 92px;
	height: 92px;
	line-height: 86px;
	border-radius: 50%;
	display: block;
	background: #000;
	text-align: center;
	margin: 0 auto 25px;
	border: 2px solid var(--brand-color);
	transition: var(--element-transition);
	-moz-transition: var(--element-transition);
	-webkit-transition: var(--element-transition);
	-o-transition: var(--element-transition);
	position: relative;
	z-index: 0
}

.workflow ul.nav-tabs li .tab-img-il {
	width: 92px;
	height: 92px;
	line-height: 88px;
	border-radius: 50%;
	display: block;
	background: #fff;
	text-align: center;
	margin: 0 auto 25px;
	border: none;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	position: relative;
	z-index: 0
}

.workflow ul.nav-tabs li .tab-img-il:after {
	display: block;
	width: 122px;
	height: 122px;
	border-radius: 50%;
	border: 2px solid var(--brand-color);
	position: absolute;
	margin: 0 auto;
	top: calc(50% - 61px);
	left: calc(50% - 61px);
	content: "";
	background: none;
	z-index: -1
}

.workflow ul.nav-tabs li .tab-img-il img {
	height: 60px;
	z-index: 100
}

.workflow ul.nav-tabs li.active a .tab-img:after {
	display: block;
	width: 122px;
	height: 122px;
	border-radius: 50%;
	border: 2px solid var(--brand-color);
	position: absolute;
	margin: 0 auto;
	top: calc(50% - 61px);
	left: calc(50% - 61px);
	content: "";
	background: none;
	z-index: -2;
	transition: var(--element-transition);
	-moz-transition: var(--element-transition);
	-webkit-transition: var(--element-transition);
	-o-transition: var(--element-transition);
}

.workflow ul.nav-tabs li a .tab-img img {
	max-height: 40px;
	-webkit-filter: grayscale(100);
	filter: grayscale(100%);
	transition: var(--element-transition);
	-moz-transition: var(--element-transition);
	-webkit-transition: var(--element-transition);
	-o-transition: var(--element-transition);
	transition-duration: .4s;
	opacity: .66
}

.workflow ul.nav-tabs li h4 {
	font-size: 20px;
	color: #fff
}

.workflow ul.nav-tabs li.active a h4 {
	color: var(--brand-color)
}

.workflow ul.nav-tabs li.active a .tab-img {
	border-color: var(--brand-color);
	background: var(--brand-color);
	-webkit-box-shadow: none;
	box-shadow: none
}

.workflow ul.nav-tabs li a:hover .tab-img {
	border-color: var(--brand-color)
}

.workflow ul.nav-tabs li a:focus .tab-img {
	border-color: var(--brand-color)
}

.workflow ul.nav-tabs li a:hover,
.workflow ul.nav-tabs li a:focus {
	color: #2f2f2f
}

.workflow ul.nav-tabs li.active a {
	border-bottom: none !important;
	color: var(--brand-color);
	opacity: 1
}

.workflow ul.nav-tabs li a:hover {
	color: var(--brand-color)
}

.workflow ul.nav-tabs li a:focus {
	color: var(--brand-color) !important
}

.workflow ul.nav-tabs li a:hover img {
	-webkit-filter: grayscale(100);
	filter: grayscale(100%);
	opacity: 1
}

.workflow ul.nav-tabs li.active a img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0%);
	opacity: 1
}

.workflow .nav-tabs>li.active:before {
	content: "\e64b";
	font-family: 'themify';
	position: absolute;
	bottom: -25px;
	font-size: 14px;
	left: 0;
	right: 0;
	margin: auto;
	color: #fd2e8d;
}

.workflow .tab-content {
	padding: 0
}

.workflow .tab-pane {
	transition: var(--element-transition);
	-moz-transition: var(--element-transition);
	-webkit-transition: var(--element-transition);
	-o-transition: var(--element-transition);
	position: relative
}

.workflow .tab-pane ul {
	list-style: none;
	display: block;
	margin-top: 10px;
}

.workflow .tab-pane ul li {
	display: inline-block;
	margin: 7px;
	padding: 15px 25px;
	border: 1px solid rgba(255, 255, 255, .15);
	background: rgba(0, 0, 0, .66);
	transition: var(--element-transition);
	-moz-transition: var(--element-transition);
	-webkit-transition: var(--element-transition);
	-o-transition: var(--element-transition);
}

.workflow .tab-pane ul li h4 {
	margin: 10px 0 0;
	color: #959595
}

.workflow .tab-pane ul li:hover h4 {
	color: #fff
}

.workflow .tab-pane ul li:hover {
	border: 1px solid var(--brand-color);
	background: var(--brand-color)
}

.workflow .tab-pane ul li img {
	height: 35px;
	margin: 0;
	margin: 0 auto;
	opacity: .66;
	transition: var(--element-transition);
	-moz-transition: var(--element-transition);
	-webkit-transition: var(--element-transition);
	-o-transition: var(--element-transition);
}

.workflow .tab-pane ul li:hover img {
	opacity: 1
}

@media (max-width:991px) {
	.workflow .tab-pane .workflow-img {
		height: 300px;
		overflow: hidden;
		text-align: center
	}

	.workflow .tab-pane .workflow-img img {
		position: relative;
		bottom: 0
	}

	html #canvascall h2 {
		font-size: 60px;
	}

}

@media (max-width:600px) {
	html #canvascall h2 {
		font-size: 40px;
	}
}

@media (max-width:400px) {
	html #canvascall h2 {
		font-size: 25px;
	}
}

@media (max-width:768px) {
	.workflow .tab-pane h2 span {
		border-bottom: none
	}

	.workflow .tab-pane h2 {
		line-height: 20px
	}

	.workflow ul.nav-tabs li a span {
		display: none
	}

	.workflow ul.nav-tabs li a .tab-img {
		width: 72px;
		height: 72px;
		line-height: 66px
	}

	.workflow ul.nav-tabs li a .tab-img img {
		max-height: 30px
	}

	.workflow ul.nav-tabs {
		margin-bottom: 0
	}

	.workflow .tab-pane img {
		-webkit-filter: grayscale(0);
		filter: grayscale(0%);
		opacity: 1
	}

	.workflow .nav-tabs>li:before {
		display: none
	}

	.workflow ul.nav-tabs li.active a .tab-img:after {
		display: none;
	}

	.workflow ul.nav-tabs:before {
		top: 36px;
	}

	.workflow ul.nav-tabs li h4 {
		font-size: 16px;
	}

	.workflow ul.nav-tabs>li {
		width: 24%;
	}

	.workflow .tab-pane ul li {
		margin: 3px;
		padding: 10px;
	}

	.workflow .tab-pane ul li img {
		height: 25px;
	}

}

@media only screen and (max-width:479px) {
	.workflow ul.nav-tabs {
		margin-bottom: 0
	}

	.workflow ul.nav-tabs li a span {
		display: none
	}

	.features ul.nav-tabs li a .tab-img {
		width: 62px;
		height: 62px;
		line-height: 56px
	}

	.features ul.nav-tabs li a img {
		max-height: 30px
	}

}

@media only screen and (max-width:419px) {
	.features ul.nav-tabs li a .tab-img {
		width: auto;
		height: auto;
		line-height: 30px !important;
		-webkit-box-shadow: none;
		box-shadow: none;
		border: none
	}

}

.edu {
	padding: 0 10px;
	margin-bottom: 20px;
	text-align: center;
	transition: var(--element-transition);
	-moz-transition: var(--element-transition);
	-webkit-transition: var(--element-transition);
	-o-transition: var(--element-transition);
}

.edu h3 {
	margin-bottom: 10px;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: 400;
	transition: var(--element-transition);
	-moz-transition: var(--element-transition);
	-webkit-transition: var(--element-transition);
	-o-transition: var(--element-transition);
}

.edu:hover h3 {
	letter-spacing: 7px
}

.edu .edu-img {
	text-align: center;
	width: 86px;
	height: 86px;
	line-height: 82px;
	border-radius: 50%;
	border: 3px solid #fff;
	display: block;
	margin: 0 auto 15px;
	position: relative;
	transition: var(--element-transition);
	-moz-transition: var(--element-transition);
	-webkit-transition: var(--element-transition);
	-o-transition: var(--element-transition);
}

.edu:hover .edu-img {
	background: #fff
}

.edu .edu-img img {
	transition: var(--element-transition);
	-moz-transition: var(--element-transition);
	-webkit-transition: var(--element-transition);
	-o-transition: var(--element-transition);
	height: 40px;
	position: absolute;
	top: 20px;
	left: 20px
}

.edu .edu-img .img-active {
	opacity: 1
}

.edu .edu-img .img-hover {
	opacity: 0
}

.edu:hover .edu-img .img-active {
	opacity: 0
}

.edu:hover .edu-img .img-hover {
	opacity: 1
}

.form-decal {
	width: 200%;
	height: 200%;
	position: absolute;
	background-size: 250px;
	left: -50%;
	top: -50%;
	transform: rotate(-15deg);
	opacity: 0.25;
}

.popup-form {
	background: #fff;
	margin: 0px auto;
	max-width: 1200px;
	padding: 0;
	border: none;
	border-radius: var(--col-card-radius);
	position: relative;
	background-position: 50% 0;
	background-repeat: no-repeat;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	overflow: hidden;

	background: linear-gradient(135deg, var(--brand-color) 5%, var(--brand-color-gradientend) 60%);
}

.popup-form h2 {
	font-size: 50px;
	color: white;
	margin-bottom: 10px;
}

.popup-form h4 {
	color: white;
	margin-bottom: 10px;
}

.popup-form p {
	color: white;
	margin-bottom: 15px
}

.popup-form blockquote {
	color: white;
}

.white-popup-block .mfp-close {
	color: white !important;
}

.popup-form textarea,
.popup-form input[type="text"],
.popup-form input[type="email"],
.popup-form select {
	font-size: 15px;
	font-weight: 400;
	margin: 0 10px 10px 0;
	border-radius: 15px;
	outline: none;
	width: 100%;
	transition: var(--element-transition);
	-moz-transition: var(--element-transition);
	-webkit-transition: var(--element-transition);
	-o-transition: var(--element-transition);
	border: 1px solid;
	border-width: 0 0 0px !important;
	border-color: #eee;
	padding: 12px;
	color: #2f2f2f !important;
}

.popup-form textarea:focus,
.popup-form input[type="text"]:focus,
.popup-form input[type="email"]:focus,
.popup-form select:focus {
	color: var(--brand-color);
	min-width: 100%;
	background-color: none;
	border-color: var(--brand-color);
	padding: 12px;
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: 1;
	border-bottom-width: 0px !important;
}

.popup-form button {
	border: none;
	margin: 10px 0 0
}

.popup-form label {
	font-weight: 400
}

.popup-form .row {
	margin: 0
}

.popup-form .col-md-6,
.popup-form .col-md-4,
.popup-form .col-md-8,
.popup-form .col-md-12 {
	padding: 0
}

.popup-field {
	padding: 40px;
	border-top-right-radius: var(--col-card-radius);
	background: rgba(0, 0, 0, 0.7);
	transition: var(--element-transition);
	-moz-transition: var(--element-transition);
	-webkit-transition: var(--element-transition);
	-o-transition: var(--element-transition);
	border-bottom-right-radius: var(--col-card-radius);
}

.popup-field:hover input {
	background: #fff
}

.popup-form .size label {
	margin-right: 15px
}

.model-form {
	background: #fff;
	margin: 0 15%;
	padding: 40px;
	border: none;
	border-radius: 0;
	position: relative;
	background-position: 50% 0;
	background-repeat: no-repeat;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important
}

.model-form iframe {
	width: 100%;
	height: 460px;
	margin: 0
}

.sdk-form {
	background: #fff;
	margin: 0 12%;
	padding: 0;
	border: none;
	border-radius: 0;
	position: relative;
	background-position: 50% 0;
	background-repeat: no-repeat;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important
}

.sdk-form h2 {
	margin-bottom: 10px;
	font-size: 24px;
	font-weight: 400;
	line-height: 30px
}

.sdk-form p {
	margin-bottom: 15px
}

.sdk-form .row {
	margin: 0
}

.sdk-form .col-md-6,
.sdk-form .col-md-4,
.sdk-form .col-md-8,
.sdk-form .col-md-12 {
	padding: 0
}

.sdk-field {
	padding: 6%;
	background: #fff;
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out
}

.sdk-form iframe {
	width: 100%;
	height: 400px;
	margin: 0;
	padding: 0
}

.portfolio-form {
	background-color: #fff !important;
	margin: 0 10%;
	padding: 0;
	border: none;
	border-radius: 0;
	position: relative;
	background-position: 50% 0;
	background-repeat: no-repeat;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important
}

.portfolio-form h4 {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 400
}

.portfolio-form .row {
	margin: 0
}

.portfolio-form .col-md-6 {
	padding: 0
}

.portfolio-field {
	padding: 10%;
	background: #fff;
	transition: var(--element-transition);
	-moz-transition: var(--element-transition);
	-webkit-transition: var(--element-transition);
	-o-transition: var(--element-transition);
}

.portfolio-img {
	transition: var(--element-transition);
	-moz-transition: var(--element-transition);
	-webkit-transition: var(--element-transition);
	-o-transition: var(--element-transition);
}

.portfolio-img img {}

.portfolio-form .portfolio-field ul {
	list-style: none
}

.portfolio-form .portfolio-field ul li {
	padding: 0 0 5px 25px;
	font-size: 16px;
	position: relative
}

.portfolio-form .portfolio-field ul li:before {
	content: "\e64d";
	font-family: 'themify';
	color: var(--brand-color);
	position: absolute;
	top: 0;
	left: 0;
	font-size: 16px
}

.portfolio-form .gallery-slider {
	margin: 0
}

.portfolio-form .portfolio-info {
	z-index: 50;
	position: relative;
	padding: 10% !important;
	background: #f5f6f7
}

.mac {
	position: relative;
	background-image: url(../images/mac.png);
	padding: 3.4% 11.8% 8%;
	background-position: top left;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	margin: 0 0 30px;
	width: 100%;
	height: 100%
}

.feat-img {
	background: #2f2f2f;
	position: relative;
	overflow: hidden;
	text-align: center;
}

.animated {
	visibility: hidden;
}

.po .feat-img {
	border-radius: 3px;
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25);
}

.feat-img img {
	transition: var(--element-transition);
	-moz-transition: var(--element-transition);
	-webkit-transition: var(--element-transition);
	-o-transition: var(--element-transition);
	width: 100%
}

.feat-img-hover:hover img {
	opacity: .33 !important
}

.feat-img .play-icon {
	display: none;
	border: 3px solid #fff;
	background: 0;
	border-radius: 50%;
	height: 90px;
	line-height: 98px;
	width: 90px;
	color: #fff;
	position: absolute;
	top: calc(50% - 49px);
	left: 0;
	margin: auto;
	right: 0
}

.feat-img .play-icon i {
	font-size: 30px;
	color: #fff;
	margin: 0 34px
}

.feat-img:hover .play-icon {
	display: block
}

.feat-img .play-icon:hover {
	background: 0;
	border: 3px solid #fff;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transform: scale(1.15, 1.15);
	-webkit-transform: scale(1.15, 1.15);
	transform: scale(1.15, 1.15);
	background: #fff
}

.feat-img .play-icon:hover i {
	color: var(--brand-color)
}

.feat-video video,
.feat-video img {
	max-width: 100%;
	border-radius: 15px;
}

.portfolio-form .portfolio-info ul {
	list-style: none
}

.portfolio-form .portfolio-info ul li {
	display: inline-block;
	width: 30%
}

.portfolio-form .portfolio-info ul li i {
	display: block;
	font-size: 20px !important;
	line-height: 62px;
	width: 66px;
	border: 2px solid var(--brand-color);
	border-radius: 50%;
	height: 66px;
	position: relative;
	margin: 0 auto;
	margin-bottom: 15px;
	background: none;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	background: #fff
}

.test {
	position: realtive;
	background: #2f2f2f;
	overflow: hidden;
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out
}

.test img {
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out
}

.test:hover img {
	opacity: .1;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-filter: grayscale(100);
	filter: grayscale(100%)
}

.model-form {
	background: #fff;
	margin: 0 15%;
	padding: 40px;
	border: none;
	border-radius: 0;
	position: relative;
	background-position: 50% 0;
	background-repeat: no-repeat;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important
}

.model-form iframe {
	width: 100%;
	height: 460px;
	margin: 0
}

.story {
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	overflow: hidden;
	margin-bottom: 30px;
	padding: 0;
	text-align: left
}

.drawcalls .about {
	padding: 0 !important;
}

.story-gray {
	background: rgba(255, 255, 255, .5) !important
}

.story-gray:hover {
	background: #fff
}

.story:hover {}

.story .col-md-6,
.story .col-md-5,
.story .col-md-4,
.story .col-md-8 {
	padding: 0
}

.story .row {
	margin: 0
}

.about {
	padding-top: 40px !important
}

.about h2 {
	font-size: 24px;
	border-bottom: 1px solid rgba(0, 0, 0, .05);
	color: #2f2f2f;
	line-height: 24px;
	margin-bottom: 20px
}

.dark-section .about h2 {
	color: white;
}

.about h2 span {
	border-bottom: 1px solid #fd2e8d;
	padding-bottom: 18px
}

.story h4 {
	color: #2fb8d4;
	letter-spacing: 2px;
	font-size: 18px;
	font-weight: 700;
	line-height: 20px
}

.story .feat-img {
	background: #2f2f2f;
	position: relative;
	overflow: hidden;
	text-align: center
}

.story .feat-img img {
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	width: 100%
}

.story .feat-img-hover:hover img {
	opacity: .33 !important
}

.story .play-icon {
	display: none
}

.story .feat-img .play-icon {
	border: 3px solid #fff;
	background: 0;
	border-radius: 50%;
	height: 90px;
	line-height: 98px;
	width: 90px;
	color: #fff;
	position: absolute;
	top: calc(50% - 49px);
	left: 0;
	margin: auto;
	right: 0
}

.story .feat-img .play-icon i {
	font-size: 30px;
	color: #fff;
	margin: 0 34px
}

.story:hover .feat-img .play-icon {
	display: block
}

.story .feat-img .play-icon:hover {
	background: 0;
	border: 3px solid #fff;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transform: scale(1.15, 1.15);
	-webkit-transform: scale(1.15, 1.15);
	transform: scale(1.15, 1.15);
	background: #fff
}

.story .feat-img .play-icon:hover i {
	color: var(--brand-color)
}

.story ul {
	list-style: none;
	margin-top: 15px
}

.story ul li {
	padding: 0 0 7px 25px;
	font-size: 16px;
	line-height: 24px;
	position: relative;
	font-weight: 400
}

.story ul li:before {
	content: "\e64d";
	font-family: 'themify';
	color: #fd2e8d;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 16px
}

.evaluate-form {
	margin-bottom: 30px;
}

.row-eq-height {
	display: flex;
}

.evaluate .header .highlight-line {
	margin-bottom: 10px;
}

.evaluate .header {
	margin-bottom: 50px;
}

.evaluate input::placeholder,
.evaluate textarea::placeholder,
.popup-form input::placeholder,
.popup-form textarea::placeholder {
	text-transform: uppercase;
	color: #ccc;
}

.evaluate input[type="text"],
.evaluate input[type="email"],
.evaluate select,
.evaluate textarea {
	font-size: 15px;
	font-weight: 400;
	margin: 0 0 15px;
	border-radius: 0;
	outline: none;
	width: 100%;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	border: 1px solid;
	border-width: 1px 1px 2px !important;
	border-color: #fff #fff #ddd;
	padding: 12px;
	color: #2f2f2f !important;
	background: #fff
}

.evaluate textarea:focus,
.evaluate input[type="text"]:hover,
.evaluate input[type="text"]:focus,
.evaluate input[type="email"]:hover,
.evaluate input[type="email"]:focus,
.evaluate select:hover,
.evaluate select:focus {
	color: var(--brand-color);
	min-width: 100%;
	background: #fff;
	border-color: #eee #eee var(--brand-color);
	padding: 12px;
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: 1
}

.evaluate button {
	border: none
}

.evaluate label {
	font-weight: 400
}

.evaluate .size label {
	margin-right: 15px
}

.product-frame {
	position: fixed
}

.product-section h2 {
	font-size: 30px;
	line-height: 38px
}

.product-section h3 {
	font-size: 24px;
	line-height: 30px;
	margin-top: 40px
}

.product-section hr.hr2 {
	margin: 40px 0
}

.product-section table {
	width: 100%;
	margin: 0 0 20px
}

.product-section thead {
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	font-weight: 400
}

.product-section th {
	padding: 10px;
	font-weight: 700;
	color: #272727;
	text-align: left
}

.product-section tbody tr {
	border-bottom: 1px solid #eee
}

.product-section tbody tr:nth-child(2n+1) td {
	background-color: #f5f6f7
}

.product-section td {
	padding: 10px
}

.product-section td strong {
	font-weight: 500
}

.team-testimonial {
	padding: 30px;
	background: #f5f6f7;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	overflow: hidden;
	border-radius: 15px;
	text-align: center;
}

.team-testimonial img {
	border: 3px solid #fff;
	border-radius: 50%;
	margin: 0 auto 10px;
	width: 100px;
	display: block;
	-webkit-box-shadow: 0 0 15px 10px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15)
}

.team-testimonial h2 {
	margin: 0;
	font-size: 24px;
	line-height: 30px
}

.openings {
	padding: 25px;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	min-height: 300px;
	border: 1px solid #eee;
	position: relative;
	background: #f5f6f7;
	display: block;
	border-bottom: 3px solid transparent;
	margin: 10px;
	border-radius: 15px;
}

.openings a:hover h3 {
	color: var(--brand-color);
}

.openings .openings-img img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: .33;
	max-height: 40px;
	transition: all .1s ease;
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease
}

.openings a:hover .openings-img img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	opacity: 1;
}

.openings-img {
	margin-bottom: 10px;
	height: 40px;
	line-height: 40px;
	display: block;
}

.openings p {
	line-height: 21px;
	font-weight: 400;
	margin-bottom: 0;
}

.openings h3 {
	font-size: 24px;
	line-height: 32px;
	letter-spacing: -1px;
	transition: all .1s ease;
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease
}

.openings:hover p {
	opacity: 1
}

.openings span {
	position: absolute;
	bottom: 10px;
	left: 20px;
	font-size: 11px;
	color: #ddd;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease
}

.openings:hover span {
	color: #0e2a4c
}

.openings i {
	display: none;
	position: absolute;
	right: 20px;
	top: 20px;
	font-size: 16px
}

.openings:hover i {
	display: block
}

.openings .job-facts {
	margin-bottom: 0;
	display: block;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	bottom: 10px;
	position: absolute;
}

.openings .job-facts .spec {
	background: #fff;
	border-radius: 15px;
	color: #2f2f2f;
	display: inline-block;
	font-size: 10px;
	line-height: 24px;
	font-weight: 400;
	padding: 0 10px;
	text-transform: uppercase;
	margin: 0 3px 3px 0;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	border: 1px solid #eee
}

.openings .job-facts .spec:hover {
	background: var(--brand-color) !important;
	color: #fff !important
}

.openings:hover .job-facts .spec {}

.service {
	padding: 15px;
	margin-bottom: 20px;
	text-align: center;
	background-color: white;
	border-radius: 15px;
	min-height: 200px;
}

.service h3 {
	margin-bottom: 10px;
	font-size: 24px;
	letter-spacing: 0;
	text-transform: capitalize
}

.service .icon {
	display: block;
	font-size: 40px !important;
	line-height: 100px;
	width: 100px;
	border-radius: 50%;
	height: 86px;
	position: relative;
	margin: 0 auto;
	margin-bottom: 15px;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	background: #fff;
}

.service .icon i {
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	display: block;
	font-size: 45px;
	line-height: 100px;
	color: #2f2f2e;
}

.service .icon span {
	width: 36px;
	height: 36px;
	background: var(--brand-color);
	position: absolute;
	top: -5px;
	right: -10px;
	line-height: 36px;
	border-radius: 50%;
	color: #fff;
	font-size: 14px;
	font-style: itallic;
	color: #fff
}

.service p {
	font-weight: 400;
	font-weight: bold;
	/* color: #777; */
	/* display: none; */
}

.availability h2 {
	font-size: 24px;
	color: #2f2f2f;
	line-height: 24px;
	margin-bottom: 20px;
	clear: both;
}

.availability h2 img {
	max-height: 50px;
	margin: 0 15px 0;
	display: inline-block;
}

.availability .soon {
	position: absolute;
	top: 7px;
	right: 15px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 17px;
	padding: 7px 20px;
	background: var(--brand-color);
	display: block;
	color: #fff
}

.availability .btn-sys {
	margin: 10px 0 0
}

.availability-info {
	padding-right: 15px
}

.availability ul {
	list-style: none;
	display: block
}

.availability ul li {
	display: inline-block;
	margin: 5px 3px;
	padding: 10px;
	border: 1px solid #ddd;
	background: none;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out
}

.availability:hover ul li {
	background: #fff
}

.availability ul li img {
	height: 30px;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: .66;
	margin: 0;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out
}

.availability:hover ul li img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	opacity: 1
}

.availability-img .item img {
	border-radius: 15px;
}

.affix {
	position: fixed !important
}

.widget.affix {
	top: 80px;
	width: 100%
}

#product ul,
ul.category-list {
	list-style-type: disc;
	list-style-position: inside;
}

#product ol {
	list-style-position: inside;
}

#product ol li,
#product ul li,
ul.category-list li {
	padding: 5px 0px 0px 15px;
	font-size: 16px;
	position: relative
}

#product ol li ul,
#product ul li ul,
ul.category-list li ul {
	list-style: none;
	list-style-type: circle;
	list-style-position: inside;
	margin-left: 10px;
}

#product h2 {
	margin-top: 50px;
}

#product blockquote {
	margin-top: 20px;
}

#t6 .story {
	border-radius: 15px;
	background-color: #111;
}

#t6 .story .about
{
	padding-left: 40px;
	padding-right: 40px;
}

.feat {
	border: 1px solid #eee;
	margin-bottom: 30px;
	border-radius: 15px;
	overflow: hidden;
}

.dark-section .feat {
	background: #333;
	border: none;
}

.dark-section .feat p { 
}

.dark-section .note-white
{
	background: #333;
	
}
.imposters .note-white {
	border-radius: 15px;
}

.feat .feat-desc {
	padding: 20px
}

.feat .feat-desc h2 {
	margin-bottom: 15px
}

.feat .feat-img {
	background: #2f2f2f;
	position: relative;
	overflow: hidden;
	text-align: center
}

.feat .feat-img img {
	width: 100%
}

.feat .feat-img-hover:hover img {
	opacity: .33 !important
}

.feat .feat-img:hover img {
	opacity: 1;
}

.feat .feat-img .play-icon {
	display: none;
	border: 3px solid #fff;
	background: 0;
	border-radius: 50%;
	height: 90px;
	line-height: 98px;
	width: 90px;
	color: #fff;
	position: absolute;
	top: calc(50% - 49px);
	left: 0;
	margin: auto;
	right: 0
}

.feat .feat-img .play-icon i {
	font-size: 30px;
	color: #fff;
	margin: 0 34px
}

.feat:hover .feat-img .play-icon {
	display: block
}

.feat .feat-img .play-icon:hover {
	background: 0;
	border: 3px solid #fff;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transform: scale(1.15, 1.15);
	-webkit-transform: scale(1.15, 1.15);
	transform: scale(1.15, 1.15);
	background: #fff
}

.feat .feat-img .play-icon:hover i {
	color: var(--brand-color)
}

.feat h2 {
	line-height: 1.3em;
}

.drawcalls {
	overflow: hidden;
}

.drawcalls .col-md-6 {
	background-color: white;
}

.dark-section.drawcalls .col-md-6 {
	background-color: transparent;
}

.section-image {
	position: absolute;
	left: -100px;
	bottom: -150px;
	max-width: 50%;
}

.note-gray {
	background: #f5f6f7;
	padding: 30px;
	min-height: 325px;
}

.dark-section .note-gray {
	background-color: rgb(0, 0, 0, 0.25);
}

.note-white {
	background: rgba(255, 255, 255, 1);
	padding: 30px;
	min-height: 325px;
	/* border-radius: 20px; */
	/* overflow: hidden; */
}

.auto-heigh {
	min-height: auto !important;
}

.bg-dark {
	background: #111
}

.enter {
	overflow: hidden;
	padding: 0;
	text-align: left
}

.enter .col-md-6,
.enter .col-md-4,
.enter .col-md-8,
.enter .col-md-12 {
	padding: 0
}

.enter .row {
	margin: 0
}

.enter-info {
	padding: 0px 40px 0px 0px !important
}

.enter-info.enter-full {
	padding: 0px !important
}

.enter-info h2 {
	font-size: 40px;
	color: #fff;
	line-height: 1.1em;
	margin-bottom: 50px
}

.enter h4 {
	color: var(--brand-color);
	letter-spacing: 2px;
	font-size: 18px;
	font-weight: 700;
	line-height: 20px
}

.enter ul {
	list-style: none;
	margin-top: 15px
}

.enter ul li {
	padding: 0 0 7px 25px;
	position: relative;
	font-weight: bold;
}

.enter ul li:before {
	content: "\e64d";
	font-family: 'themify';
	color: var(--brand-color);
	position: absolute;
	top: 0;
	left: 0;
	font-size: 16px;
	font-weight: normal;
}

.enter .item img {
	border-radius: 15px;
}

.staging {
	text-align: center
}

.staging ul {
	list-style: none;
	display: block
}

.staging ul li {
	display: inline-block;
	margin: 7px;
	padding: 15px 25px;
	border: 1px solid rgba(255, 255, 255, .1);
	background: rgba(0, 0, 0, .1);
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out
}

.staging ul li:hover {
	border: 1px solid var(--brand-color);
	background: rgba(0, 0, 0, .9)
}

.staging ul li img {
	height: 40px;
	margin: 0;
	margin: 0 auto;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out
}

.staging ul li:hover img {
	opacity: 1
}

.bg-white {
	background: #fff
}

.sdk {
	background: #f5f6f7;
	overflow: hidden;
	margin: 15px;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	border-bottom: 3px solid #eee
}

.sdk:hover {
	-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
	background: #fff;
	border-bottom: 3px solid var(--brand-color)
}

.sdk .sdk-desc {
	padding: 20px
}

.sdk .sdk-desc .sdk-on {
	display: block;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease
}

.sdk .sdk-desc .sdk-off {
	display: none;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease
}

.sdk .sdk-desc:hover .sdk-on {
	display: none
}

.sdk .sdk-desc:hover .sdk-off {
	display: block
}

.sdk .sdk-desc h2 {
	font-size: 24px;
	color: #2f2f2f;
	line-height: 30px;
	margin-bottom: 15px
}

.sdk .sdk-desc h2 img {
	max-height: 50px;
	margin-right: 15px
}

.sdk .sdk-img {
	background: #2f2f2f;
	position: relative;
	overflow: hidden;
	text-align: center;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out
}

.sdk .sdk-img img {
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	width: 100%
}

.sdk .sdk-img-hover:hover img {
	opacity: .33 !important
}

.sdk:hover .sdk-img img {
	opacity: 1;
	-ms-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}

.sdk .sdk-img .play-icon {
	display: none;
	border: 3px solid #fff;
	background: 0;
	border-radius: 50%;
	height: 90px;
	line-height: 98px;
	width: 90px;
	color: #fff;
	position: absolute;
	top: calc(50% - 49px);
	left: 0;
	margin: auto;
	right: 0
}

.sdk .sdk-img .play-icon i {
	font-size: 30px;
	color: #fff;
	margin: 0 34px
}

.sdk:hover .sdk-img .play-icon {
	display: block
}

.sdk .sdk-img .play-icon:hover {
	background: 0;
	border: 3px solid #fff;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transform: scale(1.15, 1.15);
	-webkit-transform: scale(1.15, 1.15);
	transform: scale(1.15, 1.15);
	background: #fff
}

.sdk .sdk-img .play-icon:hover i {
	color: var(--brand-color)
}

.sdk2 {
	background: #f5f6f7;
	overflow: hidden;
	margin: 15px;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	border-bottom: 3px solid #eee
}

.sdk2:hover {
	-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
	background: #fff;
	border-bottom: 3px solid var(--brand-color)
}

.sdk2 .sdk2-desc {
	padding: 20px
}

.sdk2 .sdk2-desc .sdk2-on {
	display: block;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease
}

.sdk2 .sdk2-desc .sdk2-off {
	display: none;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease
}

.sdk2 .sdk2-desc:hover .sdk2-on {
	display: none
}

.sdk2 .sdk2-desc:hover .sdk2-off {
	display: block
}

.sdk2 .sdk2-desc h2 {
	margin-bottom: 0;
	font-size: 20px;
	line-height: 28px;
	letter-spacing: -1px;
	min-height: 60px
}

.sdk2 .sdk2-img {
	background: #2f2f2f;
	position: relative;
	overflow: hidden;
	text-align: center;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out
}

.sdk2 .sdk2-img img {
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	width: 100%
}

.sdk2 .sdk2-img:hover img {
	opacity: .33 !important
}

.sdk2 .sdk2-img i {
	width: 64px;
	height: 64px;
	line-height: 64px;
	display: block;
	position: absolute;
	margin: 0 auto;
	right: 0;
	left: 0;
	background: #fff;
	border-radius: 50%;
	top: calc(50% - 32px);
	text-align: center;
	font-size: 22px;
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	color: var(--brand-color);
	z-index: 100;
	-webkit-box-shadow: 0 0 15px 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5);
	opacity: 0
}

.sdk2:hover .sdk2-img i {
	opacity: 1;
	background: var(--brand-color);
	color: #fff
}

.sdk2:hover .sdk2-img img {
	opacity: 1;
	-ms-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}

.sdk-form {
	background: #fff;
	margin: 0 12%;
	padding: 0;
	border: none;
	border-radius: 0;
	position: relative;
	background-position: 50% 0;
	background-repeat: no-repeat;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important
}

.sdk-form h2 {
	margin-bottom: 10px;
	font-size: 24px;
	font-weight: 400;
	line-height: 30px
}

.sdk-form p {
	margin-bottom: 15px
}

.sdk-form .row {
	margin: 0
}

.sdk-form .col-md-6,
.sdk-form .col-md-4,
.sdk-form .col-md-8,
.sdk-form .col-md-12 {
	padding: 0
}

.sdk-form .sdk-field {
	padding: 6%;
	background: #fff;
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out
}

.sdk-form .sdk-iframe {
	overflow: hidden
}

.sdk-form .sdk-iframe iframe {
	width: 100%;
	height: 400px;
	margin: 0;
	padding: 0;
	display: block
}

.sdk-form .sdk-iframe img {
	width: 100%;
	margin: 0;
	padding: 0;
	display: block
}

.avail {
	background: rgba(255, 255, 255, .75);
	overflow: hidden;
	margin: 0;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	border: 1px solid #eee;
	min-height: 700px;
	border-radius: 15px;
}

.avail-desc::after {
	display: block;
	height: 40px;
	content: ' ';
	background-color: white;
	visibility: hidden;
}

/*
.avail:hover {
	-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
	background: #fff;
	border-bottom: 3px solid var(--brand-color)
}
*/

.avail .avail-desc {
	padding: 20px;
}

.avail .avail-desc h2 {
	font-size: 24px;
	color: #2f2f2f;
	line-height: 24px;
	margin-bottom: 20px
}

.avail .avail-desc h2 img {
	max-height: 40px;
	margin-right: 10px
}

.avail .avail-img {
	background: #2f2f2f;
	position: relative;
	overflow: hidden;
	text-align: center;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out
}

.avail .avail-img img {
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	width: 100%
}

/*

.avail .avail-img-hover:hover img {
	opacity: .33 !important
}

.avail:hover .avail-img img {
	opacity: 1;
	-ms-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}
*/

.avail-desc a {
	position: absolute;
	bottom: 20px;
}

.wf ul.nav-tabs {
	width: 100%;
	text-align: center;
	margin: 0 0 30px 0 !important;
	border-bottom: 2px solid rgba(255, 255, 255, 0.5);
	position: relative;
	padding: 0;
	display: block;
}

.wf ul.nav-tabs>li {
	float: none;
	width: 25%;
	position: relative;
	display: inline-block;
	margin: 0 -2px;
	padding: 0;
}

.wf ul.nav-tabs>li a {
	margin: 0;
	padding: 0;
}

.wf ul.nav-tabs>li a img {
	opacity: .75;
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
}

.wf ul.nav-tabs>li a h4 {
	font-size: 24px;
	color: rgba(255, 255, 255, .5);
	margin: 50px 0 20px 0;
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
}

.wf ul.nav-tabs>li.active a h4 {
	color: var(--brand-color);
}

.wf ul.nav-tabs>li.active a img {
	opacity: 1;
}

.wf .tab-content {
	text-align: center;
}

.wf .tab-pane {
	padding: 0;
}

.po {
	position: relative;
}

.po ul.nav-tabs {
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	margin-bottom: 30px !important;
}

.dark-section .po ul.nav-tabs {
	border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.cadimport .tab-content {}

.po .tab-content .tab-pane {
	padding: 0;
}

.cadimport .tab-content,
.po .tab-content {
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}

.oc ul.nav-tabs {
	border-bottom: 1px solid rgba(255, 255, 255, .1);
	margin-bottom: 30px !important;
}

.oc ul.nav-tabs>li a {
	color: #fff;
}

.oc .tab-pane {
	text-align: left;
	padding: 0;
	margin: 0;
}

.no-padding-bottom {
	padding-bottom: 0 !important;
}

.feature-remeshing .header-title,
.feature-occlusion .header-title {
	text-align: left;
}

.enterprise {
	background: radial-gradient(circle 500px at 50%, #222, #111);
}

#onlineshop .nav-tabs .label {
	font-size: 65%;
	transition: background-color .2s ease-in-out;
	-moz-transition: background-color .2s ease-in-out;
	-webkit-transition: background-color .2s ease-in-out;
	-o-transition: background-color .2s ease-in-out
}

#onlineshop ul.nav-tabs li.active::after {
	height: 3px;
	bottom: -2px;
}

#onlineshop ul.nav-tabs li.active .label {
	background-color: var(--brand-color);
}

#onlineshop .po ul.nav-tabs {
	border-bottom-width: 3px;
}

#onlineshop .news:hover .news-img img {
	opacity: 1;
}

#onlineshop .news {
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out position: relative;
	top: 0px;
}

#onlineshop .news-frame .news:hover {
	background-color: #FAFAFA !important;
	box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.2);
	top: -10px;
}

html #onlineshop .news.border {
	border: solid 3px var(--brand-color);
}

html #onlineshop.dark-section .news.border {
	border-color: #777;
}

html #onlineshop .news.business {
	--backgroundcolor: #333;
	background-color: var(--backgroundcolor) !important;
	color: #FFF;
}

html #onlineshop .news.business h3 {
	color: #FFF;
}

html #onlineshop .news.business p {
	color: #AAA;
}

html #onlineshop .news.business .label {
	color: var(--backgroundcolor);
}

html #onlineshop .news.business:hover {
	background-color: var(--backgroundcolor) !important;
	/*	background-color: #3A3A3A !important;*/
}

#onlineshop .news blockquote {
	margin: 30px -30px -30px -30px;
	border-left: none;
	background-color: #555;
	color: white;
}

#onlineshop .features-info {
	margin-top: 20px;
}

#onlineshop .features-info ul li {
	padding: 0 0 7px 25px;
	position: relative;
	list-style: none;
	font-weight: bold;
}

#onlineshop .options {
	margin-bottom: 5px;
}

#onlineshop .features-info ul li::before {
	content: "";
	font-family: 'themify';
	position: absolute;
	top: 6px;
	left: 5px;
	font-size: 16px;
	font-weight: normal;
	height: 10px;
	width: 10px;
	border-radius: 2px;
	background-color: #999;
}

#onlineshop .flashycontent .features-info ul li::before {
	background-color: white;
	top: 9px;
}

.ggpopover .features-info ul li::before {
	background-color: white !important;
}

#onlineshop .news .news-info h3,
#onlineshop .news .news-info h4 {
	font-size: 28px;
	line-height: 1.1;
}

#onlineshop .news .news-info {
	padding: 30px;
}

#onlineshop .news .news-info p {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
	color: #999;
}

#onlineshop .features-info a {
	color: var(--brand-color);
}

#onlineshop .ggpopover {
	max-width: 450px;
	z-index: 9999;
}

#onlineshop .ggpopover.top {
	margin-top: -25px;
}

#onlineshop .ggpopover.left {
	margin-right: 50px;
}

#onlineshop .ggpopover.right {
	margin-left: 50px;
}

#onlineshop .ggpopover blockquote {
	font-size: 100%;
	padding: 5px 10px;
	margin: 10px 0px;
	border-color: #EEE;
}

#onlineshop .feat-video {
	max-width: 80%;
	margin: 30px auto;
}

.licensing table {
	width: 100%;
	margin: 0;
	font-size: 15px;
	border-radius: 15px !important;
	line-height: 21px;
}

.licensing table thead {
	border-bottom: 1px solid #f5f6f7;
	border-top: 1px solid #f5f6f7;
	font-weight: 400
}

.licensing table th {
	padding: 15px 25px;
	font-weight: 600;
	color: #272727;
	text-align: center;
	background: #fff;
	border-bottom: 3px solid var(--brand-color);
	font-size: 20px;
	line-height: 24px
}

.licensing table th:first-child {
	text-align: left;
	text-transform: none
}

.licensing table tr {
	border-bottom: 1px solid #eee;
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
}

.licensing table tr:last-child {
	border: none
}

.licensing table td {
	padding: 7px 25px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}

.licensing table td i {
	font-size: 16px;
	color: var(--brand-color)
}

.licensing table td:first-child i {
	font-size: 9px;
	color: #ccc;
	margin: 0 8px;
	top: -2px;
	position: relative
}

.licensing table td span:after {
	content: "*";
	color: var(--brand-color)
}

.licensing table td:first-child {
	text-align: left;
	color: #777
}

.licensing table td strong {
	font-weight: 500
}

.licensing .btn-sys {
	margin: 10px 0
}

.licensing table td:nth-child(6),
.licensing table td:nth-child(7) {
	background: #f5f6f7
}

.licensing table td:nth-child(6),
.licensing table td:nth-child(7) {
	background: #f5f6f7
}

.licensing table th:first-child {
	font-size: 16px;
	padding: 15px 25px;
	font-weight: 600
}

.licensing table tr.title td {
	padding: 15px 25px;
	color: #2f2f2f
}

html .licensing table tr.title td {
	padding: 7px 25px;
}

.licensing table tr:nth-child(2n+1) td:nth-child(1) {
	background-color: #fff
}

.licensing table tr:nth-child(2n+1) td:nth-child(6),
.licensing table tr:nth-child(2n+1) td:nth-child(7) {
	background-color: #f7f8f9
}

.licensing table tr:nth-child(2n+1) td:nth-child(3) {
	background-color: #333
}

.licensing table tr:last-child td {
	padding: 15px 25px
}

.licensing table td:nth-child(3) {
	background: #2f2f2f;
	color: #fff;
	border-bottom: 1px solid #3f3f3f
}

.licensing table th:nth-child(3) {
	background: var(--brand-color);
	color: #fff
}

html .licensing table td:nth-child(1) {
	padding-left: 50px;
}

#onlineshop .licensing table td:nth-child(3) {
	background-color: transparent;
}

#onlineshop .licensing table tr:nth-child(2n+1) td:nth-child(3) {
	background-color: transparent;
}

#onlineshop .licensing table td:nth-child(3) {
	border-bottom-color: #eee;
}

#onlineshop .licensing table th:nth-child(3) {
	background: transparent;
	color: inherit;
}

/*
#onlineshop .licensing table tr:nth-child(2n+1) td:nth-child(4) {
	background-color: #333
}

#onlineshop .licensing table td:nth-child(4) {
	background: #2f2f2f;
	color: #fff;
	border-bottom: 1px solid #3f3f3f
}

#onlineshop .licensing table th:nth-child(4) {
	background: var(--brand-color);
	color: #fff
}
*/

#onlineshop .licensing table th:nth-child(6),
#onlineshop .licensing table th:nth-child(7) {
	background: #f5f6f7;
}

#onlineshop ul.nav-tabs li a {
	font-size: 24px;
}

@media (max-width:1200px) {
	header .container {
		width: 100% !important
	}

	html .about {
		padding: 20px 10px !important;
	}

	header .evaluate-button {
		display: none !important;
	}

	.row-eq-height {
		display: block;
	}

	.container-portfolio {
		width: 100%;
		margin: 0 auto;
		padding: 0;
		overflow: hidden
	}

	html .availability-info {
		margin-bottom: 20px;
	}

	#onlineshop ul.nav-tabs li.active::after {
		content: '';
		display: none;
	}

	#onlineshop .nav-tabs .label {
		font-size: 18px;
	}

	#onlineshop ul.nav-tabs li a {
		font-size: 24px;
	}

}

@media (max-width:990px) {
	.navbar-header {
		float: none
	}

	#onlineshop .nav-tabs .label {
		display: none;
	}

	.navbar-toggle {
		display: block
	}

	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1)
	}

	.navbar-collapse.collapse {
		display: none !important
	}

	.navbar-nav {
		float: none !important;
		margin: 7.5px -15px
	}

	.navbar-nav>li {
		float: none
	}

	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px
	}

	.header-1 .nav-menu,
	.header-2 .nav-menu {
		line-height: normal;
		padding: 0;
		margin: 0;
		position: absolute;
		left: 0;
		top: 100%;
		width: 100%;
		background: #fff;
		z-index: 98;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12)
	}

	.header-1.light-header .nav-menu,
	.header-2.light-header .nav-menu {
		background-color: #000
	}

	.header-1 .nav-menu>ul>li,
	.header-2 .nav-menu>ul>li {
		width: 100%
	}

	.header-1 .nav-menu ul>li a::before,
	.header-2 .nav-menu ul>li a::before {
		left: 0;
		margin: 0;
		width: 0;
		opacity: .4
	}

	.header-1 .nav-menu ul>li:hover>a::before,
	.header-1 .nav-menu ul>li.active>a::before,
	.header-2 .nav-menu ul>li:hover>a::before,
	.header-2 .nav-menu ul>li.active>a::before {
		display: none
	}

	.header-1 .nav-menu ul li.active a,
	.header-2 .nav-menu ul li.active a {
		background-color: #111;
		color: #fff
	}

	.header-1 .nav-menu ul li:hover a,
	.header-2 .nav-menu ul li:hover a {
		color: #FD9800
	}

	.header-1 .nav-menu ul li.active:hover a,
	.header-2 .nav-menu ul li.active:hover a {
		color: #fff
	}

	.header-1 .nav-menu>ul>li:first-child,
	.header-2 .nav-menu>ul>li:first-child {
		margin-top: 0
	}

	.header-1 .nav-menu>ul>li:last-child,
	.header-2 .nav-menu>ul>li:last-child {
		margin-bottom: 10px
	}

	.header-1 .nav-menu ul li a,
	.header-2 .nav-menu ul li a {
		padding: 10px 15px
	}

	.header-1 .nav-menu .drop .dropdown,
	.header-2 .nav-menu .drop .dropdown {
		visibility: visible;
		position: relative;
		top: 0;
		opacity: 1;
		filter: Alpha(Opacity=1);
		width: 100%;
		margin-top: 0;
		border-top: none
	}

	.header-1 .nav-menu .drop:hover .dropdown,
	.header-2 .nav-menu .drop:hover .dropdown {
		margin-top: 0
	}

	.header-1 .nav-menu .drop .dropdown li a,
	.header-2 .nav-menu .drop .dropdown li a {
		color: inherit;
		padding: 10px 15px;
		background-color: transparent;
		border-bottom: none;
		padding-left: 30px
	}

	.header-1 .nav-menu li.active .dropdown li a,
	.header-2 .nav-menu li.active .dropdown li a {
		color: inherit
	}

	.header-1 .nav-menu .drop .dropdown li:hover a,
	.header-2 .nav-menu .drop .dropdown li:hover a {
		background-color: transparent;
		padding-left: 40px;
		color: #FD9800
	}

	.header-1 .nav-menu ul li a.login {
		width: auto;
		float: left;
		margin-top: 5px
	}

	#portfolio-grid .portolio-item {
		width: 33.3% !important
	}

	.header-1.light-header .nav-menu ul>li>button.login {
		margin: 10px 30px !important;
	}

	.section-home h1 br {
		display: none !important;
	}

	.section-home h1 {
		font-size: 40px;
		line-height: 45px
	}

}

@media (max-width:768px) {
	#container div[class*='col-md-'] {
		margin-bottom: 20px
	}

	.header-title h1,
	.header-title-white h1,
	#enterprise2 h2.text-center,
	.enter-info h2,
	html .studioxl .header-title h2 {
		font-size: 30px;
		line-height: 1.2em;
		text-align: left;
	}

	html .studioxl .header-title h1 {
		font-size: 40px;
		line-height: 1.2em;
		text-align: left;
	}

	html .studioxl .header-title p {
		width: 100%;
	}

	.header-title p br {
		display: none
	}

	.section {
		padding: 50px 20px !important;
		padding-top: 75px !important;
	}

	.section-home p {
		font-size: 15px !important
	}

	.section-home p br {
		display: none
	}

	.section-home img {
		max-height: 50px !important;
		margin-bottom: 20px
	}

	.popup-form {
		margin: 0 3% !important
	}

	.sdk-form {
		margin: 0 3% !important
	}

	.sdk-form .mfp-close {
		color: #fff !important;
	}

	.model-form {
		margin: 0 !important;
		padding: 0;
	}

	.model-form .mfp-close {
		color: #fff !important;
	}

	.popup-form .col-md-6:first-child {
		display: none;
	}

	.portfolio-form {
		margin: 0 3% !important
	}

	.fullscreen-video {
		display: none
	}

	#portfolio-grid .portolio-item {
		width: 49.9999% !important
	}

	.page-header h2,
	.page-header h2 span {
		font-size: 30px;
		line-height: 35px
	}

	.page-header p {
		width: 100%
	}

	.sidebar {
		padding-left: 15px
	}

	.header-bg .nav-menu ul>li>a {
		color: #fff !important
	}

	.page-header p br {
		display: none
	}

	.page-header {
		padding: 180px 0 100px;
	}

	.news .news-info {
		min-height: auto;
	}

	#footer .footer-nav ul li:before {
		display: none;
	}

	#footer .footer-nav ul li a {
		padding: 0 5px;
	}

	#footer .logo-img img {
		max-height: 40px;
	}

	#footer .copyright p a:before {
		display: none;
	}

	#footer .copyright p {
		margin-bottom: 10px;
	}

	.avail {
		margin-bottom: 15px;
	}

	.availability h2 img {
		max-height: 30px;
		float: left;
	}

	.team-testimonial {
		margin-bottom: 15px;
	}

	.address {
		margin-bottom: 15px;
	}

	.wf ul.nav-tabs>li {
		width: 24.8% !important
	}

	.wf ul.nav-tabs>li a h4 {
		font-size: 16px !important
	}

}

@media only screen and (max-width:479px) {
	.section-title {
		font-size: 32px
	}

	#logo img {
		max-height: 32px
	}

	.section-home img {
		max-height: 60px
	}

	#footer .logo-img img {
		max-height: 40px;
		margin-bottom: 20px
	}

	#footer .copyright a:after {
		margin: 0 3px !important
	}

	#portfolio-grid .portolio-item {
		width: 99.999% !important
	}

	.standard-layout .post-right {
		padding-left: 0
	}

	.standard-layout .post-date {
		top: -60px
	}

	.standard-layout .pagination {
		padding-left: 0
	}

	.header-title-cta h1 {
		font-size: 25px !important;
		line-height: 35px !important
	}

	.header-title h1 {
		font-size: 25px !important;
		line-height: 35px !important
	}

	.header-title-white h1 {
		font-size: 25px !important;
		line-height: 35px !important
	}

	.section-home p br {
		display: none
	}

	.section-home img {
		max-height: 100px
	}

	.section-home p {
		line-height: 20px;
		font-size: 14px
	}

	.section-home h1 {
		font-size: 30px;
		line-height: 35px
	}

	.section-home .btn-sys {
		margin: 20px 0 0
	}

	.sdk2 .sdk2-desc h2 {
		min-height: auto;
	}
}

.small-feature-row {
	margin-bottom: 50px;
}

.small-feature-row-flex {
	display: flex;
	justify-content: space-between;
}

.small-feature-block .icon {
	font-size: 70px;
}

.small-feature-block .icon p {
	color: var(--brand-color);
}

.small-feature-block h3 {
	font-size: 35px;
	line-height: 1.25;
}

html .btn-gradient {
	background: linear-gradient(to right, var(--brand-color), #8127f3);
}

html .btn-gradient:hover {
	background: linear-gradient(to right, var(--brand-color), var(--brand-color));
}

#canvascall {
	overflow: hidden;
}

#canvascall h2 {
	font-size: 80px;
	line-height: 1.2em;
	margin-top: 100px;
}

#canvascall .section-overlay-dark {
	background: linear-gradient(to right, var(--brand-color), #8127f3);
}

#availability .container {
	padding-top: 50px;
	padding-bottom: 50px;
}

#availability .container h1 {
	font-size: 60px;
}

#availability,
#canvascall {
	margin-right: 50px;
	margin-left: 50px;
	border-radius: 25px;

	padding: 50px;

	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
}

#availability .expander {
	margin-left: -50px;
	margin-right: -50px;

	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
}

/*
 * NOTE: The media selector automatically collapses the framed panel to full width.
 */
@media (max-width:1300px) {
	#availability {
		margin-right: 0px;
		margin-left: 0px;
		border-radius: 0px;
	}

	#availability .expander {
		margin-left: 0px;
		margin-right: 0px;
	}
}

/**
 * NOTE: This fixes an issue in the gs_logo_slider images being too big.
 */
html .gs_logo_single--wrapper img {
	max-height: 100px !important;
	width: auto;
	margin: 0px auto;
	display: block !important;
}

#cta {
	background: linear-gradient(0deg, rgba(4, 169, 199, 1) 5%, rgba(129, 39, 243, 1) 60%);
}

:root {
	--mid-section-color: rgba(245, 245, 247, 1);
	--col-card-radius: 30px;
	--col-card-padding: 40px;
	--col-card-marginbottom: 50px;
	--col-card-featradius: 10px;
	--popover-radius: 20px;
}

.transition-section {
	background: linear-gradient(0deg, var(--mid-section-color) 0%, rgba(255, 255, 255, 1) 100%);
	margin-top: 100px;
}

.mid-section {
	background-color: var(--mid-section-color);
}

.col-card {
	background-color: white;
	border-radius: var(--col-card-radius);
	padding: var(--col-card-padding);
	margin-bottom: var(--col-card-marginbottom);
	overflow: hidden;
}

.brandcard {
	border-radius: var(--col-card-radius);
	padding: var(--col-card-padding);
}

.dark-section .col-card {
	background-color: #333;
}

.dark-section .col-card.col-cardcolor.col-cardcolor-dark {
	background: #111 !important;
}

.col-card h1 {
	font-size: 60px;
	color: var(--brand-color);
}

.col-card h3 {
	font-size: 30px;
	color: var(--brand-color) !important;
}

.col-card p {
	font-weight: bold;
}

.text-xl,
.col-card p.supersize {
	font-size: 30px;
}

.col-card .icon {
	margin-bottom: 20px;
}

.col-card .icon p {
	color: var(--brand-color);
	font-size: 80px !important;
	font-weight: normal;
	line-height: 1.0;
}

.col-card .icon.small p {
	font-size: 50px !important;
}

.col-card .icon.supersize p {
	font-size: 120px !important;
}

.col-card.col-cardcolor-transparent {
	background: transparent !important;
}

.col-card .header-title {
	margin: 0;
}

.col-card.col-cardborder,
.brandborder {
	border: solid 5px var(--brand-color);
}

.col-card.col-cardcolor {
	background-color: var(--brand-color);
	color: #FFF;
	background: linear-gradient(135deg, var(--brand-color) 5%, var(--brand-color-gradientend) 60%);
}

.col-card.col-cardcolor p a {
	color: #FFF;
	text-decoration: underline !important;
}

.col-card.col-cardcolor p a:hover {
	color: var(--brand-color);
}

.col-card.col-cardcolor .col-card-header,
.col-card.col-cardcolor .col-card-header h2 {
	color: #FFF;
}

.col-card.col-cardcolor.col-cardcolor-mid {
	background: #DDD !important;
}

.dark-section .col-card.col-cardcolor.col-cardcolor-mid {
	background: #fff !important;
}

.col-card.col-cardcolor.col-cardcolor-light {
	background: #f5f6f7 !important;
}

.dark-section .col-card.col-cardcolor.col-cardcolor-light {
	background: #333 !important;
}

.col-card.col-cardcolor.col-cardcolor-light p {
	color: #777 !important;
}

.dark-section .col-card.col-cardcolor.col-cardcolor-light p {
	color: #AAA !important;
}

.col-card.col-cardcolor.col-cardcolor-light h3,
.col-card.col-cardcolor.col-cardcolor-light .icon p {
	color: #000 !important;
}

.dark-section .col-card.col-cardcolor.col-cardcolor-light h3,
.dark-section .col-card.col-cardcolor.col-cardcolor-light .icon p {
	color: #FFF !important;
}

.col-card.col-cardcolor.col-cardcolor-glass {
	background: rgba(0, 0, 0, 0.25);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

.col-card.col-cardcolor.col-cardcolor-dark {
	background: #282828 !important;
}

.col-card.col-cardcolor.col-cardcolor-grid {
	background: url(Gridcell.png);
	background-size: 15px auto;
}

.col-card.col-card-hoverable,
.hoverable-up {
	position: relative;
	top: 0px;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease
}

.col-card.col-card-hoverable:hover,
.hoverable-up:hover {
	top: -10px;
	background-color: #FAFAFA !important;
	box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.2);
}

.col-card.col-cardcolor p,
.col-card.col-cardcolor h3,
.col-card.col-cardcolor h2,
.col-card.col-cardcolor h1 {
	color: #FFF !important;
}

.col-card-header {
	padding: var(--col-card-padding);
}

.col-card-header h2 {
	font-size: 65px;
	color: var(--brand-color) !important;
}

.col-card:not(.noshadow) video,
.col-card:not(.noshadow) img {
	box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.5);
}

.col-card .feat-video {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	height: 100%;
	position: relative;
}

.col-card .feat-icon {
	position: absolute;
	opacity: 0.05;
	bottom: -100px;
}

.col-card .feat-icon p {
	font-size: 300px !important;
	font-weight: normal !important;
}

.col-card .feat-cover {
	margin: calc(0px - var(--col-card-padding)) !important;
}

.col-card .feat-cover img,
.col-card .feat-cover video {
	width: 100%;
}

.col-card .title-ontop {
	position: absolute;
	z-index: 999;
}

.col-card .title-ontop p {
	text-shadow: 0px 5px 10px #000;
}

.col-card .feat-bottom {
	max-width: 80%;
	margin: 0px auto;
	top: var(--col-card-padding);
	position: relative;
	align-self: end;
}

.col-card .feat-bottom.wider {
	max-width: 100%;
}

.col-card .feat-video.align-bottom video,
.col-card .feat-video.align-bottom img {
	align-self: end;
	margin: 0px auto;
}

.col-card .feat-video.align-center video,
.col-card .feat-video.align-center img {
	margin: 0px auto;
}

.col-card .feat-bottom.fullwidth video,
.col-card .feat-bottom.fullwidth img,
.col-card .feat-video.noshadow video,
.col-card .feat-video.noshadow img {
	box-shadow: initial;
}

.col-card .feat-bottom video,
.col-card .feat-bottom img {
	display: block;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-top-left-radius: var(--col-card-featradius);
	border-top-right-radius: var(--col-card-featradius);
	align-self: end;
}

.col-card .feat-bottom.feat-corner-right {
	left: calc(var(--col-card-padding) * 1.5);
}

.col-card .feat-bottom.feat-corner-left {
	right: calc(var(--col-card-padding) * 1.5);
}

.col-card .feat-left,
.col-card .feat-right,
.col-card .feat-bottom {}

.col-card .feat-right {
	margin-left: auto;
	margin-right: 0px;
}

.col-card .feat-left video,
.col-card .feat-left img {
	display: block;
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
	border-bottom-right-radius: var(--col-card-featradius);
	border-top-right-radius: var(--col-card-featradius);
	right: var(--col-card-padding);
	position: relative;
}

.col-card .feat-bottom-left video,
.col-card .feat-bottom-left img {
	display: block;
	border-bottom-left-radius: var(--col-card-radius);
	border-top-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-top-right-radius: var(--col-card-featradius);
	right: var(--col-card-padding);
	top: var(--col-card-padding);
	position: relative;
	align-self: end;
}

.col-card .feat-bottom-right video,
.col-card .feat-bottom-right img {
	display: block;
	border-bottom-right-radius: var(--col-card-radius);
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top-left-radius: var(--col-card-featradius);
	left: var(--col-card-padding) !important;
	top: var(--col-card-padding);
	position: relative;
	align-self: end;
}

.col-card .feat-right video,
.col-card .feat-right img {
	display: block;
	border-bottom-right-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: var(--col-card-featradius);
	border-top-left-radius: var(--col-card-featradius);
	left: var(--col-card-padding) !important;
	position: relative;
}

.col-card .feat-bottom.fullwidth {
	max-width: initial;
	width: calc(100% + var(--col-card-padding) + var(--col-card-padding));
	right: var(--col-card-padding);
}

.col-card .feat-bottom.fullwidth video,
.col-card .feat-bottom.fullwidth img {
	border-radius: 0px;
	border-bottom-left-radius: var(--col-card-radius);
	border-bottom-right-radius: var(--col-card-radius);
	width: 100%;
}

.col-card .feat-video.parallax {
	height: 100%;
	background-repeat: repeat;
	background-attachment: initial !important;
	background-size: 100% auto !important;
	background-position: 0% 0%;
}

.col-card .feat-subtext p {
	font-size: 14px;
	color: #777;
}

.col-card .feat-subtext.feat-clipcontent-360 {
	max-height: 360px;
	overflow: hidden;
	position: relative;
}

.col-card .feat-subtext.feat-clipcontent-360::after {
	height: 100px;
	width: 100%;
	position: absolute;
	background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
	content: ' ';
	bottom: 0px;
}

.dark-section .col-card .feat-subtext.feat-clipcontent-360::after {
	background: linear-gradient(to top, rgba(51, 51, 51, 1), rgba(51, 51, 51, 0));
}

html .col-card.col-light,
html .dark-section .col-card.col-light
{	
	background-color: #fff;
}
.col-light p
{
	color: #333 !important;
}

.col-card.col-cardcolor.parallax::before {
	height: 100%;
	width: 100%;
	position: absolute;
	background: #000;
	content: ' ';
	top: 0px;
	left: 0px;
	opacity: 0.7;
}

.col-card.col-cardcolor.parallax * {
	z-index: 10;
}

.grid-feature .grid-row-feature {
	display: grid;
	grid-template-columns: 1fr;
	grid-column-gap: var(--col-card-marginbottom);
	grid-row-gap: var(--col-card-marginbottom);
}

.grid-feature .grid-row-feature.gridcol-1_2 {
	grid-template-columns: 1fr 2fr;
}

.grid-feature .grid-row-feature.gridcol-2_1 {
	grid-template-columns: 2fr 1fr;
}

.grid-feature .grid-row-feature.gridcol-1_3 {
	grid-template-columns: 1fr 3fr;
}

.grid-feature .grid-row-feature.gridcol-3_1 {
	grid-template-columns: 3fr 1fr;
}

.grid-feature .grid-row-feature.gridcol-1_1 {
	grid-template-columns: 1fr 1fr;
}

.grid-feature .grid-row-feature.gridcol-1_1_1 {
	grid-template-columns: 1fr 1fr 1fr;
}

.grid-feature .grid-row-feature.gridcol-1_1_1_1 {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid-feature .grid-row-feature.gridcol-1_1_2 {
	grid-template-columns: 1fr 1fr 2fr;
}

.grid-feature .grid-row-feature.gridcol-2_1_2 {
	grid-template-columns: 2fr 1fr 2fr;
}

.grid-feature .grid-row-feature.gridcol-1half_1_1half {
	grid-template-columns: 1.5fr 1fr 1.5fr;
}

.grid-feature .grid-row-feature.gridcol-1half_1_1 {
	grid-template-columns: 1.5fr 1fr 1fr;
}

.grid-feature .grid-row-feature.gridcol-1_1half {
	grid-template-columns: 1fr 1.5fr;
}

.grid-feature .grid-row-feature.gridcol-1half_1 {
	grid-template-columns: 1.5fr 1fr;
}

.grid-feature .grid-row-feature.gridcol-1_1half_1 {
	grid-template-columns: 1fr 1.5fr 1fr;
}

.grid-feature .grid-row-feature.gridcol-1_1_1half {
	grid-template-columns: 1fr 1fr 1.5fr;
}

.grid-feature .grid-row-feature.gridcol-1_2_1 {
	grid-template-columns: 1fr 2fr 1fr;
}

.grid-feature .grid-row-feature.gridcol-2_1_1 {
	grid-template-columns: 2fr 1fr 1fr;
}

.grid-feature .grid-row-feature.gridcol-2_2_1 {
	grid-template-columns: 2fr 2fr 1fr;
}

.grid-feature .grid-row-feature.gridcol-2_1_1half {
	grid-template-columns: 2fr 1fr 1.5fr;
}

.grid-feature .grid-row-feature.gridcol-2_1half_1 {
	grid-template-columns: 2fr 1.5fr 1fr;
}

.grid-feature .grid-row-feature.gridcol-2_1half {
	grid-template-columns: 2fr 1.5fr;
}

@media (max-width: 991px) {
	.grid-feature .grid-row-feature {
		grid-template-columns: 1fr !important;
	}
}

.grid-feature .grid-cell-feature {
	position: relative;
}

.grid-feature .grid-cell-feature>div {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto 1fr;
	height: 100%;
}

.grid-cell-copy {
	padding-right: 50px;
	grid-template-rows: 1fr !important;
}

.grid-cell-copy h2 {
	font-size: 80px;
}

.grid-feature .grid-cell-feature>div>div:first-child {
	margin-bottom: 50px;
}

.dark-section .text-muted
{
	color: #999;
}

#enterprise1  .container
{
	max-width: 1300px;
	width: 100%;
}

@media (min-width: 1200px) {

	.grid-feature .container,
	#onlineshop .container {
		max-width: 1390px;
		width: 100%;
	}
}

.grid-feature .video-mute-button {
	position: absolute;
	font-weight: bold;
	top: 40px;
	left: 40px;
	z-index: 999 !important;
}

.grid-feature .video-mute-button a {
	font-size: 60px;
	padding: 10px;
	border-radius: 30px;
	color: white;
}

.grid-feature .video-mute-button a:hover {
	color: var(--brand-color);
}

.grid-feature-layering {
	--brand-color: #04c72c;
	--brand-color-gradientend: rgba(38, 170, 210, 1);
}

.grid-feature-materialize {
	--brand-color: rgba(129, 39, 243, 1);
	--brand-color-gradientend: rgba(38, 170, 210, 1);
}

.grid-feature-integrations {
	--brand-color: #04c7bd;
	--brand-color-gradientend: rgba(38, 170, 210, 1);
}

.col-cardcolor-dark .headersection-2 h1,
.col-cardcolor-dark .header-title h1,
.col-cardcolor-dark .header-title2 h1,
.col-cardcolor-dark .services-tabs-info h2 {
	color: #FFF;
}

.col-card .services-tabs-info h2 {
	margin-bottom: 10px;
}

.col-card .services-tabs-info p {
	font-size: 16px;
	line-height: 1.3;
}

@media (max-width: 1199px) {
	html .col-card-header h2 {
		font-size: 42px;
	}

	html .enterprise .col-card .header-title p {
		font-size: 21px;
	}

	.grid-feature .grid-row-feature-respondearly.grid-row-feature {
		grid-template-columns: 1fr !important;
	}
}

.mfp-content .grid-feature .container {
	position: relative;
}

.mfp-content .grid-feature .container video {
	min-width: 100%;
	background-color: black;
}

.mfp-content .grid-feature .mfp-close {
	position: absolute;
	left: var(--col-card-radius);
	top: 20px;
	color: #FFF;
}

#onlineshop {
	padding-top: 50px;
}

#onlineshop .nav-tabs li:hover a {
	color: var(--brand-color);
}

.header-section {
	margin-top: 100px;
}

.header-section-padded {
	padding-top: 200px;
}

#helloLicensing {
	--brand-color: #04C72C;
}

#helloLicensing .grid-cell-feature>div {
	display: block;
}

#helloLicensing .grid-cell-feature>div>div:first-child {
	margin-bottom: 0px;
}

#helloLicensing .grid-cell-feature h3 {
	margin-bottom: 10px;
}

#helloLicensing .grid-cell-feature .icon {
	margin-bottom: 0px !important;
}

#helloLicensing .grid-cell-feature .icon p {
	font-size: 40px;
}

#helloLicensing .griw-row-license .grid-cell-feature p {
	font-size: 20px;
	margin-bottom: 10px;
}

.grid-feature-hello .col-card .header-title p,
.enterprise .col-card .header-title p {
	font-size: 30px;
}

html .ggpopover {
	border-radius: var(--popover-radius);
	border: none;
	background: linear-gradient(135deg, var(--brand-color-alpha) 5%, var(--brand-color-alpha-gradientend) 60%) !important;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.51) !important;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

html .ggpopover .popover-title {
	border-top-right-radius: var(--popover-radius);
	border-top-left-radius: var(--popover-radius);
	border: none;
	background-color: transparent !important;
	font-size: 24px;
	line-height: 1.2;
	padding: 30px;
	padding-bottom: 0px;
	color: #FFF !important;
}

html .ggpopover .popover-content {
	padding: 30px;
	padding-top: 15px;
	border-bottom-right-radius: var(--popover-radius);
	border-bottom-left-radius: var(--popover-radius);
	color: #FFF !important;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.2;
	background-color: transparent !important;
}

html .ggpopover>.arrow {
	display: none;
	border-left-color: var(--brand-color) !important;
	border-right-color: var(--brand-color) !important;
}

html .ggpopover>.arrow .after {
	display: none;
}

/** enables centered CTA 
#cta 
{
	background: var(--mid-section-color);
}

#cta .container {
    background: linear-gradient(0deg, rgba(4, 169, 199, 1) 5%, rgba(129, 39, 243, 1) 60%);
    border-radius: var(--col-card-radius);
    padding: var(--col-card-padding);
}

**/

#topanchor {
	height: 0px;
	max-height: 0px;
}

html .shop-frame .flashycontent {
	background: linear-gradient(135deg, var(--brand-color-alpha) 5%, var(--brand-color-alpha-gradientend) 60%) !important;
	color: #FFF;
}

html .flashycontent .news-info {
	padding: 50px;
}

html .flashycontent .news-info h3,
html .flashycontent .news-info h2,
html .flashycontent:hover .news-info h3,
html .flashycontent .news-info p {
	color: #FFF !important;
}

html .flashycontent .news-info p,html .flashycontent .news-info li {
	font-size: 20px !important;
}

html #onlineshop .flashycontent h3::after {
	background: #FFF;
}

.dark-section .features ul.nav-tabs>li
{
	background-color: var(--dark-card-color);
	border-color: var(--dark-card-color);
}

.section-card {
    margin: 0px auto;
    max-width: 1280px;
    margin-bottom: 50px;
    border-radius: var(--col-card-radius);
    padding-top: 50px;
    padding-bottom: 50px;
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
	background: #333;
}
.section-card-border-brand {
	border: solid 3px var(--brand-color);
}

html .super-title h2
{
	font-size: 50px;
}

.section-card-border {
border: solid 5px #bcdd58;
}

.drawcalls p
{
	font-weight: bold;
	font-size: 20px;
}

.drawcalls .about h2
{
	font-size: 30px;
}

.dark-section .availability h2 img,
.dark-section .avail .avail-desc h2 img
{
	filter: invert(1);
}

.dark-section .avail
{
	background-color: #333;
	border: none;
}

.dark-section .avail .avail-desc h2
{
	color: #fff;
}

.section-card .section-overlay-dark
{
	border-radius: 25px;
}

.enter-info p
{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 50px;
}

#onlineshop .news-frame .news:hover h3,
#onlineshop .news-frame .news:hover a p
{
	color: black !important;

}