body {
	background-color: #0e1621;
	font-family: 'Blinker', sans-serif;
	color: #647D89;
}
/*
 * 3. Structure
 * ============
 */

@media all and (min-width: 1500px) {
	.pa-supercontainer.container, 
	.pa-supercontainer.container-lg, 
	.pa-supercontainer.container-md, 
	.pa-supercontainer.container-sm, 
	.pa-supercontainer.container-xl {
		max-width: 1460px;
	}
}
@media all and (min-width: 1800px) {
	.super-hero-heading {
		margin-top: -100px;
	}
}
@media all and (min-width: 1500px) and (max-width: 1920px) {
	.super-hero-heading .tp-hero-title {
		font-size: 105px;
		line-height: 110px;
	}
}

.tp-gradient-1 {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(231,30,255);
	background: -moz-linear-gradient(90deg, rgba(231,30,255,1) 0%, rgba(75,6,76,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(231,30,255,1) 0%, rgba(75,6,76,1) 100%);
	background: linear-gradient(90deg, rgba(231,30,255,1) 0%, rgba(75,6,76,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e71eff",endColorstr="#4b064c",GradientType=1);
	/*mix-blend-mode: color;*/
	opacity: 89%;
}
a.pa-button-secondary {
	display: inline-block;
	padding: 0 56px;
	font-family: play, sans-serif;
	font-size: 16px;
	line-height: 50px;
	color: #FFFFFF;
	border-radius: 2px;
}

a.pa-button-secondary {
	background: rgb(0,242,255);
	background: -webkit-gradient(linear, left top, right top, from(rgba(0,242,255,1)), to(rgba(0,187,255,1)));
	background: -o-linear-gradient(left, rgba(0,242,255,1) 0%, rgba(0,187,255,1) 100%);
	background: linear-gradient(90deg, rgba(0,242,255,1) 0%, rgba(0,187,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00f2ff",endColorstr="#00bbff",GradientType=1);
	border: 1px solid #00f2ff;
}
a.pa-button-secondary:hover {
	color: #ffffff;
	background: rgb(46,64,84);
	background: -webkit-gradient(linear, left top, right top, from(rgba(46,64,84,1)), to(rgba(69,106,147,1)));
	background: -o-linear-gradient(left, rgba(46,64,84,1) 0%, rgba(69,106,147,1) 100%);
	background: linear-gradient(90deg, rgba(46,64,84,1) 0%, rgba(69,106,147,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2E4154",endColorstr="#466B94",GradientType=1);
	border-color: #466D94;
}
/**
 * Hover Effect: Sweep To Right
 * Used for: Buttons and form submit buttons/inputs
 */

.pa-hvr-sweep-to-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
			transform: translateZ(0);
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
			-o-transition-property: color;
			transition-property: color;
	-webkit-transition-duration: 0.3s;
			-o-transition-duration: 0.3s;
	   transition-duration: 0.3s;
}

.pa-hvr-sweep-to-right:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .4);
	-webkit-transform: scaleX(0);
			-ms-transform: scaleX(0);
	    transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
			-ms-transform-origin: 0 50%;
	    transform-origin: 0 50%;
	-webkit-transition-property: transform;
			-webkit-transition-property: -webkit-transform;
			transition-property: -webkit-transform;
			-o-transition-property: transform;
			transition-property: transform;
			transition-property: transform, -webkit-transform;
	-webkit-transition-duration: 0.3s;
			-o-transition-duration: 0.3s;
	   transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
			-o-transition-timing-function: ease-out;
	   transition-timing-function: ease-out;
}
.pa-hvr-sweep-to-right:hover,
.pa-hvr-sweep-to-right:focus,
.pa-hvr-sweep-to-right:active {
	color: #ffffff;
	background-color: #40464f;
}
.pa-hvr-sweep-to-right:hover:before,
.pa-hvr-sweep-to-right:focus:before,
.pa-hvr-sweep-to-right:active:before {
	-webkit-transform: scaleX(1);
			-ms-transform: scaleX(1);
	    transform: scaleX(1);
}
/* Links */

a, a:hover {
	text-decoration: none;
}
/* 
 * Mobile Menu
 * ===========
 * done with off-canvas-menu,
 * there are only additions & overrides
 */

@media all and (max-width: 1199px) {

	.pa-mobile-main-logo {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 9999;
	}

	.pa-mobile-main-logo img {
		height: 68px;
		width: auto;
	}

	body.hc-nav-open .pa-mobile-main-logo {
		opacity: 0;
	}

}
/*
 * Desktop Menu
 * ============
 */

@media all and (min-width: 1200px) {

	li.custom-content.pa-mobile-menu-logo, 
	.pa-menu-socials, 
	.pa-mobile-main-logo {
		display: none;
	}

}
/*
 * 5. Fonts
 * ========
 */
p {
	font-size: 17px;
	color: #647D89;
	font-weight: 300;
}

p.pa-p-v1 {
	margin-bottom: 30px;
	line-height: 26px;
	font-weight: 300;
	font-weight: 200;
}

p.pa-p-v1.pa-bright {
	color: #9EC7D9;
	font-weight: 200;
}

p.pa-p-v1.pa-white {
	color: #ffffff;
	font-weight: 200;
}

p.pa-p-v1.pa-dark {
	color: #657E8A;
}
.pa-h1-v2 {
	margin-bottom: 30px;
	font-size: 40px;
	font-weight: 200;
	line-height: 53px;
}

.pa-h1-v2 strong {
	font-weight: 700;
}

.pa-h1-v2.pa-bright {
	color: #FFFFFF;
}

.pa-h1-v2.pa-dark {
	color: #3B3B3B;
}
.pa-cta-v2 .pa-h1-v2 {
	font-size: 51px;
	margin-bottom: 20px;
}

@media all and (min-width: 992px) and (max-width: 1199px) { /* lg */

	.pa-cta-v2 .pa-h1-v2 {
		font-size: 40px;
		line-height: 53px;
	}

}
@media all and (min-width: 768px) and (max-width: 991px) { /* md */

	.pa-cta-v2 .pa-h1-v2 {
		font-size: 40px;
		line-height: 53px;
	}

}
@media all and (min-width: 576px) and (max-width: 767px) { /* sm */

	.pa-h1-v2, 
	.pa-cta-v2 .pa-h1-v2 {
		font-size: 32px;
		line-height: 44px;
		margin-bottom: 15px;
	}

}

@media all and (max-width: 575px) { /* xs */

	/* Override Bootstrap - increase column margine on mobile */
	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, 
	.col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, 
	.col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, 
	.col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, 
	.col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, 
	.col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, 
	.col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, 
	.col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, 
	.col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, 
	.col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
		padding-right: 20px;
		padding-left: 20px;
	}

	/* Fonts */

	.pa-h1-v2, 
	.pa-cta-v2 .pa-h1-v2 {
		font-size: 27px;
		line-height: 37px;
		margin-bottom: 15px;
	}

}

/*
 * 7. General
 * ==========
 */

a, 
em, 
input, 
textarea, 
button, 
.pa-mobile-main-logo, 
.pa-navbar .navbar-nav > li > ul,  
.pa-navbar .navbar-nav > li > ul > li > ul, 
.pa-portfolio-thumb, 
.pa-portfolio-thumb-centered-content, 
.pa-portfolio-thumb-background-overlay, 
.pa-portfolio-thumb-heading, 
.pa-portfolio-thumb-hover-icon, 
.pa-portfolio-thumb-deco-1, 
.pa-portfolio-thumb-deco-2, 
.pa-h3-v1, 
.pa-social-icons i, 
.pa-project-icons i, 
.pa-proj-infobox-label, 
.pa-proj-infobox-value, 
span.pa-back-to-top, 
.cat-item, 
.lm-button.go-light , 
.lm-button.go-dark {
	-webkit-transition: all 0.3s ease 0s;
		 -o-transition: all 0.3s ease 0s;
			transition: all 0.3s ease 0s;
}

img {
	width: 100%;
	height: auto;
}

/* Standard section basics */

section.pa-standard-section {
	padding-top: 140px;
	padding-bottom: 0;
}

section.pa-standard-section.pa-bright { /* normal bright section */
	background-color: #ffffff;
}

section.pa-standard-section.pa-dark, 
body.pa-dark section.pa-standard-section { /* normal dark section */
	background-color: #101C26;
}

body.pa-dark section.pa-standard-section.pa-dark { /* dark section for dark home */
	background-color: #0C171F;
}

/* Section that centers content vertically */

section.pa-centered-section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 100%;
}

/* Full height (but not taller than 1.8*width) */

.pa-full-height {
	height: 100vh;
}

/* When section uses a background image as cover */

.pa-image-back {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

/* Fixed background solution for Apple's terrible rendering of "background-attachment: fixed;" (shame on Apple) */

.pa-fixed-background-wrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.pa-absolute-fill {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

hr.pa-divider { /* combine with background color, border, gradients, patterns... */
	width: 100%;
	height: 21px;
	margin-bottom: 20px;	
}

.pa-pattern-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: repeat;
	background: url(../../assets/images/overlay-pattern.png);
}

.pa-inner-hero-overlay-tint {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: 0.4;
}

.pa-back-to-top-wrap {
	-webkit-transition: all 0.4s ease 0s;
		 -o-transition: all 0.4s ease 0s;
			transition: all 0.4s ease 0s;
	opacity: 0;
}

.pa-back-to-top-wrap.pa-backtotop-visible {
	opacity: 1;
}
a.pa-back-to-top {
	position: fixed;
	width: 46px;
	height: 46px;
	right: 40px;
	bottom: 39px;
	background: rgba(13,24,35,0.74);
	border-radius: 3px;
	z-index: 999;
}

span.pa-back-to-top {
	display: block;
	width: 19px;
	height: 19px;
	border-top: 4px solid #9EC7D9;
	border-right: 4px solid #9EC7D9;
	border-radius: 2px;
	-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);
	top: 17px;
	left: 13px;
	position: absolute;
}

a.pa-back-to-top:hover span.pa-back-to-top {
	border-top-color: #ffffff;
	border-right-color: #ffffff;
}

table {
	width: 100%;
	color: #647D89;
}

table a, 
.wp-calendar-nav a {
	color: #647D89;
}

.pa-dark-mode table a, 
.pa-dark-mode .wp-calendar-nav a {
	color: #bdc7cc;
}

.pa-body-end {
	display: none;
}
/*
 * 9. Hero Section
 * ===============
 */


/* Default Hero */

.pa-hero {
	min-height: 326px;
}

.pa-hero-content {
	margin-top: -100px;
	margin-top: -12vh;
}

.row.pa-hero-logo {
	width: 928px;
	max-width: 94%;
	margin: 0 auto;
}

.pa-hero-logo img {
	display: block;
	width: 100%;
	height: auto;
}

#particles-js {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.pa-hero-logo #particles-js {
	position: absolute;
	top: -11%;
	left: -5%;
	width: 110%;
	height: 122%;
	z-index: 3;
}

.typed-text {
	font-size: 50px;
	line-height: 60px;
	color: #FFFFFF;
	font-weight: 700;
	font-family: play, sans-serif;
}

.typed-text.mega-typed {
	font-size: 76px;
	line-height: 89px;
	margin-bottom: 10px;
}

/* Hero Video */

video.pa-video {
	-o-object-fit: cover;
	   object-fit: cover;
	width: 100%;
	height: 100%;
}

.pa-youtube-container {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.pa-youtube-container .youtube-video {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	margin: auto;
}

.pa-youtube-container .pa-gradient-back-v1 {
	z-index: 2;
}

.pa-youtube-container .pa-gradient-back-v2 {
	z-index: 2;
}

.pa-youtube-container .pa-pattern-overlay {
	z-index: 3;
}
/*
 * 15. CTA Section V2
 * ==================
 */

.pa-cta-v2 {
	padding: 160px 0 140px;
}

/*
 * 18. Footer
 * ==========
 */

footer {
	position: relative;
	background-color: #0C161E;
}

footer p {
	font-size: 15px;
	font-weight: 400;
	color: #697982;
}

footer a {
	/*font-weight: 300;*/
	color: #87A1AD;
}

section.pa-main-footer {
	background: #091015;
	padding: 60px 20px 40px;
}

/* 
 * Particle Theme Accent/Brand Colors
 */

.pa-color-primary { color: #7100B8; }
.pa-color-primary-rgba { color: rgba(113,0,184,1); }
.pa-color-primary-b { color: #9300F5; }
.pa-color-primary-c { color: #B44AFF; }
.pa-color-primary-d { color: #d12bff; }
.pa-color-primary-d-rgba { color: rgba(209,43,255,1); }
.pa-color-secondary { color: #00f2ff; }
.pa-color-secondary-rgba { color: rgba(0,242,255,1); }
.pa-color-secondary-b { color: #00bbff; }
.pa-color-secondary-b-rgba { color: rgba(0,187,255,1); }


.pa-h2-v2-hero-subhead strong {
	color: #9300F5;
}

.pa-p-v2.pa-bright a {
	color: #00f2ff;
}

.pa-p-v2.pa-dark a {
	color: #9300F5;
}

.pa-p-v2.pa-dark a:hover {
	color: #B44AFF;
}

.pa-h2-quote strong {
	color: #9300F5;
}

a,
a:hover, 
a:hover .pa-h3-v1.pa-bright {
	color: #9300F5;
}

button[type="submit"]:hover, 
input[type="submit"]:hover {
	background-color: #9300F5;
	border-color: #9300F5;
}

.pa-form-on-white button[type="submit"] {
	border: 2px solid #7100B8;
	background-color: #7100B8;
}

a.pa-button-primary {
	background-color: #7100B8;
}

a.pa-button-secondary {
	background: rgb(0,242,255);
	background: -webkit-gradient(linear, left top, right top, from(rgba(0,242,255,1)), to(rgba(0,187,255,1)));
	background: -o-linear-gradient(left, rgba(0,242,255,1) 0%, rgba(0,187,255,1) 100%);
	background: linear-gradient(90deg, rgba(0,242,255,1) 0%, rgba(0,187,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00f2ff",endColorstr="#00bbff",GradientType=1);
	border: 1px solid #00f2ff;
}

/* Gradient backgrounds (combine with e.g. .pa-absolute-fill) */
.pa-gradient-back-v1 {
	background: rgb(0,242,255);
	background: -webkit-gradient(linear, left top, right top, from(rgba(0,242,255,0.8)), to(rgba(113,0,184,0.8)));
	background: -o-linear-gradient(left, rgba(0,242,255,0.8) 0%, rgba(113,0,184,0.8) 100%);
	background: linear-gradient(90deg, rgba(0,242,255,0.8) 0%, rgba(113,0,184,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00f2ff",endColorstr="#7100B8",GradientType=1);
}


/* Gradient Backgrounds V2 */
.pa-gradient-back-v2 {
	background: rgb(0,187,255);
	background: -webkit-gradient(linear,  left top, right top,  from(rgba(0,242,255,1)),to(rgba(0,187,255,1)));
	background: -o-linear-gradient(left,  rgba(0,242,255,1) 0%,rgba(0,187,255,1) 100%);
	background: linear-gradient(to right,  rgba(0,242,255,1) 0%,rgba(0,187,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f2ff', endColorstr='#00bbff',GradientType=1 );
}


footer a:hover {
	color: #B44AFF;
}

button.pa-search-button:focus {
	color: #9300F5;
}

input.search-field {
	border-left: 4px solid #9300F5;
}


table a:hover {
	color: #9300F5;
}

/*
 * 3. Blog Feed Style Changer
 * ==========================
 */

.pa-feed-styler-container {
	margin-top: -38px;
}

span.pa-feed-styler {
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 38px;
	height: 38px;
	display: inline-block;
	-webkit-transform: translateY(-15px);
	    -ms-transform: translateY(-15px);
	        transform: translateY(-15px);
	margin-left: 2px;
	vertical-align: bottom;
	text-align: center;
	line-height: 40px;
	font-size: 28px;
	text-shadow: 1px 1px 5px rgba(0,0,0,0.1);
	cursor: pointer;
}

span.pa-feed-styler.active {
	color: rgba(255,255,255,0.75);
}

span.pa-feed-styler {
	color: rgba(255,255,255,0.35);
}

span.pa-feed-styler.active:hover, 
span.pa-feed-styler:hover {
	color: rgba(255,255,255,1);
}

.pa-feed-col {
	overflow: hidden;
}

.pa-feed-col, 
.pa-articles-wrapper {
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.pa-show-more-row {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

a.pa-show-more-arrow {
	position: relative;
}

a.pa-show-more-arrow span {
	color: #fff;
	font-size: 66px;
	line-height: 1px;
}

/* Gradient backgrounds (combine with e.g. .pa-absolute-fill) */
.pa-gradient-back-v1 {
	background: rgb(0,242,255);
	background: -webkit-gradient(linear, left top, right top, from(rgba(0,242,255,0.8)), to(rgba(113,0,184,0.8)));
	background: -o-linear-gradient(left, rgba(0,242,255,0.8) 0%, rgba(113,0,184,0.8) 100%);
	background: linear-gradient(90deg, rgba(0,242,255,0.8) 0%, rgba(113,0,184,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00f2ff",endColorstr="#7100B8",GradientType=1);
}
.tp-gradient-2 {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #030d19;
	mix-blend-mode: soft-light;
	opacity: 66%;
}
.tp-hero-title {
	font-size: 156px;
	font-weight: 200;
	color: #ffffff;
	line-height: 142px;
	animation-fill-mode: forwards;
}
.tp-hero-title strong {
	font-family: 'Prototype', arial, sans-serif;
	font-size: 0.9em;
}
.tp-hero-subheading {
	color: #fff;
	font-weight: 200;
	line-height: 47px;
	max-width: 1300px;
	margin: 0 auto;
	animation-fill-mode: forwards;
}

.tp-hero-gradient {
	opacity: 0.4;
	background: rgb(0,35,45);
	background: -moz-linear-gradient(90deg, rgba(0,35,45,0.8) 0%, rgba(55,13,1,0.8) 100%);
	background: -webkit-linear-gradient(90deg, rgba(0,35,45,0.8) 0%, rgba(55,13,1,0.8) 100%);
	background: linear-gradient(90deg, rgba(0,35,45,0.8) 0%, rgba(55,13,1,0.8) 100%);
	mix-blend-mode: hard-light;
}
@-webkit-keyframes slowOpacitySwing {
	0% {
		opacity: 0.4;
	}
	50% {
		opacity: 0.15;
	}
	100% {
		opacity: 0.4;
	}
}

@keyframes slowOpacitySwing {
	0% {
		opacity: 0.4;
	}
	50% {
		opacity: 0.15;
	}
	100% {
		opacity: 0.4;
	}
}
.gentle-opacity-swing {
	-webkit-transform-origin: center center;
		-ms-transform-origin: center center;
			transform-origin: center center;
	-webkit-animation: slowOpacitySwing 24s ease 5s infinite;
			animation: slowOpacitySwing 24s ease 5s infinite;
}

/* Body of the page - general stuff */

.tp-body-heading {
	font-size: 64px;
	line-height: 68px;
	color: #ffffff;
	font-weight: 100;
	text-transform: uppercase;
}
@media all and (min-width: 1500px) and (max-width: 1945px) {
	.tp-body-heading {
		font-size: 58px;
	}
}
.tp-body-heading strong {
	font-weight: 700;
}
.tp-spacer-xl {
	height: 190px;
}
.tp-spacer-l {
	height: 170px;
}
.tp-spacer-m {
	height: 90px;
}

.tp-body-heading.tp-body-heading-sm {
	font-size: 40px;
	line-height: 45px;
}

.tp-body-heading.tp-text-dark, 
.tp-hero-subheading.tp-text-dark {
	color: #1F282D;
}

/* Demo Selection Section */



.tp-demo-select {
	background: #101826;
	background: #1f2838;
	background: rgb(31,40,56);
	background: -moz-linear-gradient(180deg, rgba(31,40,56,1) 0%, rgba(16,24,38,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(31,40,56,1) 0%, rgba(16,24,38,1) 100%);
	background: linear-gradient(180deg, rgba(31,40,56,1) 0%, rgba(16,24,38,1) 100%);
}


/* Preview Thumbnails - Homepages */

.pa-home-all-thumbs-flex-wrapper {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.tp-home-single-thumb-flex-wrapper {
	width: 33.2%;

	margin-bottom: 45px;
	cursor: pointer;
}

/* Preview Thumbnails - Blog Pages */

.tp-blog-all-thumbs-flex-wrapper{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	padding-top: 5px;
	margin-top: -5px;
}
.tp-blog-single-thumb-flex-wrapper {
	width: 23.729%;

	margin-bottom: 45px;
	cursor: pointer;
}

/* universal thumbnail styles */

.tp-thumb-img-holder {
	/*overflow: hidden;*/
	position: relative;
}
.tp-image-link, 
.tp-image-link img {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
/*.tp-image-link:hover img {
	-webkit-transition: -webkit-filter 0.6s, -webkit-transform 4s cubic-bezier(.12,.72,.31,.65) 0.1s;
	transition: -webkit-filter 0.6s, -webkit-transform 4s cubic-bezier(.12,.72,.31,.65) 0.1s;
	-o-transition: filter 0.6s, transform 4s cubic-bezier(.12,.72,.31,.65) 0.1s;
	transition: filter 0.6s, transform 4s cubic-bezier(.12,.72,.31,.65) 0.1s;
	transition: filter 0.6s, transform 4s cubic-bezier(.12,.72,.31,.65) 0.1s, -webkit-filter 0.6s, -webkit-transform 4s cubic-bezier(.12,.72,.31,.65) 0.1s;
    -webkit-filter: grayscale(100%) sepia(0.7) brightness(35%) hue-rotate(167deg);
    filter: grayscale(100%) sepia(0.7) brightness(35%) hue-rotate(167deg);
    -webkit-filter: brightness(54%) contrast(1.2) saturate(2) grayscale(0.7) sepia(0.5);
    filter: brightness(54%) contrast(1.2) saturate(2) grayscale(0.7) sepia(0.5);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}*/
.tp-image-link:hover img {
	transform: translateY(-5px);
	box-shadow: 0 4px 30px 0 rgba(0,0,0,0.85);
}

.tp-caption {
	color: #ffffff;
	font-size: 21px;
	font-weight: 300;
	margin-top: 35px;
	text-transform: uppercase;
}

.tp-caption strong {
	font-weight: 700;
}

/* GIF Section */

.tp-zigzag-section-1 {
	background: #1c2432;
}
.tp-zigzag-section-2:not(.menus-present) {
	background: #222c3d;
}
.tp-zigzag-section-1.forms-present {
	background: rgb(182,63,255);
	background: -moz-linear-gradient(90deg, rgba(182,63,255,0.8883928571428571) 0%, rgba(255,33,145,0.6979166666666667) 100%);
	background: -webkit-linear-gradient(90deg, rgba(182,63,255,0.8883928571428571) 0%, rgba(255,33,145,0.6979166666666667) 100%);
	background: linear-gradient(90deg, rgba(182,63,255,0.8883928571428571) 0%, rgba(255,33,145,0.6979166666666667) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b63fff",endColorstr="#ff2191",GradientType=1);
}
.tp-zigzag { /* col */
	padding: 9%;
}
.tp-gifs-section img {
	max-width: 540px;
}
.tp-zigzag span.pa-feed-styler {
	cursor: initial;
	color: rgba(255,255,255,0.55);
}
.tp-zigzag span.pa-feed-styler:hover {
	color: rgba(255,255,255,0.55);
}
.city-mix-lumin {
	background: url(../../assets-theme-preview-page-only/images/contact-hero.webp);
	mix-blend-mode: luminosity;
	opacity: 62%;
	opacity: 14%;
}
.tp-zigzag.form-zag {
	padding: 4% 0;
}
.tp-zigzag.form-text-zag {
	padding: 9% 4%;
}
.form-text-zag .tp-hero-subheading {
	line-height: 33px;
}
.menus-present img {
	max-width: 547px;
}

img.mockups-img {
	max-width: 1126px;
}

.mockups-section-background {
	background: url(../../assets-theme-preview-page-only/images/section-mockups-background.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.elementor-section {
	background: #FAFAFD;
}

.elementor-section-img {
	max-width: 663px;
}

.all-devices-sections {
	background-color: #161c24;
}

.tp-zigzag.form-zag {
	padding: 4% 0;
}

.all-devices-sections-img {
	max-width: 695px;
}

@media all and (min-width: 992px) {
	.all-devices-sections .tp-zigzag.form-text-zag {
		padding: 9% 1% 9% 0%;
	}
}

@media all and (min-width: 1941px) {
	.pa-ultracontainer.container, 
	.pa-ultracontainer.container-lg, 
	.pa-ultracontainer.container-md, 
	.pa-ultracontainer.container-sm, 
	.pa-ultracontainer.container-xl {
		max-width: 2198px;
	}
	.pa-megacontainer.container, 
	.pa-megacontainer.container-lg, 
	.pa-megacontainer.container-md, 
	.pa-megacontainer.container-sm, 
	.pa-megacontainer.container-xl {
		max-width: 1800px;
	}
}
@media all and (min-width: 1740px) and (max-width: 1940px) {
	.pa-ultracontainer.container, 
	.pa-ultracontainer.container-lg, 
	.pa-ultracontainer.container-md, 
	.pa-ultracontainer.container-sm, 
	.pa-ultracontainer.container-xl {
		max-width: 1680px;
	}
	.pa-megacontainer.container, 
	.pa-megacontainer.container-lg, 
	.pa-megacontainer.container-md, 
	.pa-megacontainer.container-sm, 
	.pa-megacontainer.container-xl {
		max-width: 1680px;
	}
}
@media all and (min-width: 1500px) and (max-width: 1739px) {
	.pa-ultracontainer.container, 
	.pa-ultracontainer.container-lg, 
	.pa-ultracontainer.container-md, 
	.pa-ultracontainer.container-sm, 
	.pa-ultracontainer.container-xl {
		max-width: 1460px;
	}
	.pa-megacontainer.container, 
	.pa-megacontainer.container-lg, 
	.pa-megacontainer.container-md, 
	.pa-megacontainer.container-sm, 
	.pa-megacontainer.container-xl {
		max-width: 1460px;
	}
}


@media all and (min-width: 1500px) { /* xxl */
	/* no need - base styles are it */
}
@media all and (min-width: 1200px) and (max-width: 1499px) { /* xl */
	.tp-hero-title {
		font-size: 117px;
		line-height: 103px;
	}
	.tp-hero-subheading {
		font-size: 28px;
		line-height: 37px;
	}
	.tp-hero-subheading.is-hero {
		font-size: 26px;
		line-height: 35px;
	}
	/* body stuff */
	.tp-body-heading {
		font-size: 49px;
		line-height: 56px;
	}
	.tp-body-heading.tp-body-heading-sm {
		font-size: 33px;
		line-height: 39px;
	}
	.form-text-zag .tp-hero-subheading {
		font-size: 23px;
		line-height: 31px;
	}
}
@media all and (min-width: 992px) and (max-width: 1199px) { /* lg */
	.tp-hero-title {
		font-size: 106px;
		line-height: 94px;
	}
	.tp-hero-subheading {
		font-size: 23px;
		line-height: 37px;
	}
	/* body stuff */
	.tp-body-heading {
		font-size: 49px;
		line-height: 56px;
	}
	.tp-body-heading.tp-body-heading-sm {
		font-size: 33px;
		line-height: 39px;
	}
	.form-text-zag .tp-hero-subheading {
		font-size: 23px;
		line-height: 31px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) { /* md */
	.tp-hero-title {
		font-size: 117px;
		line-height: 103px;
		margin-bottom: 25px;
	}
	.tp-hero-subheading {
		font-size: 28px;
		line-height: 37px;
		max-width: 510px;
	}
	/* body stuff */
	.tp-body-heading {
		font-size: 43px;
		line-height: 46px;
	}
	.tp-body-heading.tp-body-heading-sm {
		font-size: 33px;
		line-height: 39px;
	}
	.tp-zigzag:first-child {
		padding-bottom: 20px;
		padding-top: 10%;
	}
	.tp-zigzag.tp-zagfix-1:first-child {
		padding-bottom: 63px;
		padding-top: 10%;
	}
	.tp-zigzag:nth-child(2) {
		padding-top: 10px;
		padding-bottom: 10%;
	}
	.tp-gifs-section img {
		max-height: 540px;
		width: auto;
	}
	.form-text-zag .tp-hero-subheading {
		font-size: 23px;
		line-height: 31px;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) { /* sm */
	.tp-hero-title {
		font-size: 99px;
		line-height: 91px;
	}
	.tp-hero-subheading {
		font-size: 28px;
		line-height: 37px;
		max-width: 510px;
	}
	/* body stuff */
	.tp-body-heading {
		font-size: 43px;
		line-height: 46px;
	}
	.tp-home-single-thumb-flex-wrapper {
		margin-bottom: 30px;
	}
	.tp-caption {
		font-size: 16px;
		margin-top: 11px;
	}
	.tp-body-heading.tp-body-heading-sm {
		font-size: 33px;
		line-height: 39px;
	}
	.tp-zigzag.tp-zagfix-1:first-child {
		padding: 9% 9% 25px;
	}
	.tp-gifs-section img {
		max-width: 80%;
	}
	.form-text-zag .tp-hero-subheading {
		font-size: 19px;
		line-height: 24px;
	}
	.form-zag img {
		padding-bottom: 20px;
		padding-top: 10%;
	}
}
@media all and (max-width: 575px) { /* xs */
	.pa-theme-preview .p.pa-p-v1 {
		line-height: 22px;
	}
	.tp-hero-title {
		font-size: 54px;
		font-size: 3em;
		line-height: 48px;
		line-height: 55px;
	}
	.tp-hero-subheading {
		font-size: 17px;
		line-height: 26px;
	}
	.tp-hero-subheading.tp-text-dark {
		font-weight: 300;
	}
	/* body stuff */
	.tp-body-heading {
		font-size: 24px;
		line-height: 29px;
	}
	.tp-body-heading.tp-text-dark {
		font-weight: 200;
	}
	.tp-body-heading.tp-body-heading-sm {
		font-size: 24px;
		line-height: 29px;
	}
	.tp-spacer-xl {
		height: 70px;
	}
	.tp-spacer-l {
		height: 70px;
	}
	.tp-spacer-m {
		height: 40px;
	}
	.tp-home-single-thumb-flex-wrapper {
		width: 100%;
		margin-bottom: 30px;
	}
	.tp-blog-single-thumb-flex-wrapper {
		width: 48.5%;
		margin-bottom: 35px;
		cursor: pointer;
	}
	.tp-caption {
		font-size: 18px;
		line-height: 23px;
		margin-top: 8px;
	}
	.tp-zigzag {
		padding: 14% 9% 0%;
	}
	.tp-zigzag.tp-zagfix-1:first-child {
		padding: 14% 9% 30px;
	}
	.tp-gifs-section img {
		max-width: 80%;
	}
	.form-text-zag .tp-hero-subheading {
		font-size: 16px;
		line-height: 26px;
	}
	.form-zag img {
		padding-bottom: 20px;
		padding-top: 10%;
	}
	.menus-present img {
		max-width: 80%;
	}
}


.tp_hce_particle_style:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*background: rgb(231,30,255);
	background: -moz-linear-gradient(90deg, rgba(231,30,255,1) 0%, rgba(75,6,76,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(231,30,255,1) 0%, rgba(75,6,76,1) 100%);
	background: linear-gradient(90deg, rgba(231,30,255,1) 0%, rgba(75,6,76,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e71eff",endColorstr="#4b064c",GradientType=1);*/
	background: rgb(54,32,50);
	background: -moz-linear-gradient(90deg, rgba(54,32,50,1) 0%, rgba(102,56,117,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(54,32,50,1) 0%, rgba(102,56,117,1) 100%);
	background: linear-gradient(90deg, rgba(54,32,50,1) 0%, rgba(102,56,117,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#362032",endColorstr="#663875",GradientType=1);
	/*mix-blend-mode: color;*/
	opacity: 89%;
	z-index: 1;
}
.tp_hce_particle_style:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #030d19;
	mix-blend-mode: soft-light;
	opacity: 66%;
	z-index: 2;
}
.parallax-mirror.tp_hce_particle_style {
	mix-blend-mode: initial;
}
.tp_hce_particle_emulated { /* closest match with CSS filters - compatible */
	-webkit-filter: grayscale(1) sepia(0.15) contrast(88%) saturate(6) hue-rotate(176deg) brightness(46%);
			filter: grayscale(1) sepia(0.15) contrast(88%) saturate(6) hue-rotate(176deg) brightness(46%);
}