/* GLOBAL */
html {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6, p, li {
	margin-bottom: 0;
}

input {
	outline: none;
}

/* FIXES */
@media(max-width:1024px) {
	.jet-timeline .timeline-item__meta {
		display: none !important;
 }
}

.hide, .grecaptcha-badge {
	display: none !important;
}

/* HEADER */
/** Menu desktop **/
.jp-nav-menu div {
	display: flex;
}

/* FOOTER */
/** Parallax **/
footer .jet-parallax-section {
	padding-top:10vh !important;
}

@media(max-width:767px) {
	footer .jet-parallax-section {
		padding-top:0 !important;
	}
	
	footer .jet-parallax-section > .jet-parallax-section__layout:nth-child(2) .jet-parallax-section__image {
		transform: translatey(50%) !important;
	}
}

@media(max-width:420px) {
	footer .jet-parallax-section > .jet-parallax-section__layout:nth-child(2) .jet-parallax-section__image {
		transform: translatey(30%) !important;
	}
}

@media(min-width:1441px) {
	footer .elementor-section.elementor-section-boxed>.elementor-container {
		max-width:90%;
	}
}

/** Social media **/
.jp-footer-social > div > div {
	display: flex;
	justify-content: center;
	align-items: center;
}



/* HOME */
/* Header */
.jp-header {
	background-position: 0px -100px !important;
}

.jp-header .jet-parallax-section__layout {
	max-width: 1440px;
  margin: 0 auto;
  left: 50%;
  transform: translateX(-50%);
}

@media(max-width:900px) {
	.jp-header .jet-parallax-section__image {
		transform: translateX(0px) !important;
	}
}

@media(max-width:767px) {
	.jp-header div:nth-child(1) .jet-parallax-section__image {
		 background-position: left bottom !important;
		 background-size:30% !important;
	}
	
	.jp-header div:nth-child(2) .jet-parallax-section__image {
		 background-position: right bottom !important;
		 background-size:30% !important;
	}
	
	.testimonial-home .jet-parallax-widget > .elementor-widget-container {
		transform: translatey(0) !important;
	}
	
	.testimonial-home > div:nth-child(2) {
		display: none;
	}
}

@media(max-width:567px) {
	.jp-header div:nth-child(1) .jet-parallax-section__image {
		 background-size:40% !important;
	}
	
	.jp-header div:nth-child(2) .jet-parallax-section__image {
		 background-size:40% !important;
	}
	
	.testimonial-home .jet-testimonials__comment {
		padding: 20px;
	}
}

/* Header Wave*/
.bluewaves .elementor-column-wrap {
	padding: 0px !important;
}

.bluewaves .top {
	height:auto;
	text-align:center;
	color:#fff;
	line-height:300px;
	background-color:#28a8ff;
}

.bluewaves .wave-wrapper {
	background-color:#28a8ff;
	width:100%;
	overflow:hidden;	
	height:198px;
	position:relative;
}

.bluewaves .wave {
	background: url(https://jellypixelstudio.com/wp-content/uploads/2020/06/wave.svg) repeat-x;   
	position: absolute;
	background-position:cover;
	top: 0;
	width: 6400px;
	height: 198px;
	animation: wave 10s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;
	transform: translate3d(0, 0, 0);
}

.bluewaves .text {
	max-width: 620px;
	line-height: 30px;
	font-size: 30px;
	margin-left: auto;
	margin-right: auto;
	padding: 100px 10px;
}

.bluewaves h2 {
	color: #fff;
  margin-bottom: 25px;
	font-size: 50px;
}

.bluewaves p {
	font-size: 26px;
  line-height: 38px;
	margin-bottom:15px;
}


.bluewaves strong {
	font-weight: 700;
}

@keyframes wave {
	0% {
		margin-left: 0;
	}
	100% {
		margin-left: -1600px;
	}
}

@media(max-width:650px) {
	.bluewaves .text {
    padding-top: 70px;
    padding-bottom: 70px;
	}
	.bluewaves p {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 15px;
	}
	
	.bluewaves h2 {
		margin-bottom: 15px;
    font-size: 40px;
	}
}

/** Get a Quote **/
.jp-gaq-form {
	width: 100%;
	margin-bottom: 10px;
	padding: 15px;
	border: 0;
	border-radius: 8px;
}
.jp-gaq-button {
	border: 1px solid #fff;
	border-radius: 30px;
	padding: 15px 50px;
	background: #fff;
	color: #28aaff;
	transition: all .3s ease;
}
.jp-gaq-button:hover {
	background: transparent;
	color: #fff;
	cursor: pointer;
}

/* Portfolio */
@media(max-width:1024px) {
	.happy-third-col {
		 width: 100% !important;
		 margin-top: -40px;
	}

	.happy-third-col .elementor-widget-image:first-child {
		 width: 50%;
		 padding-right: 10px;
	}

	.happy-third-col .elementor-widget-image:last-child {
		 width: 50%;
		 padding-left: 10px;
	}
}

@media(max-width:767px) {
	.happy-third-col {
		 width: 100% !important;
		 margin-top: -20px;
	}

	.happy-third-col .elementor-widget-image:first-child {
		 width: 50%;
		 padding-right: 5px;
	}

	.happy-third-col .elementor-widget-image:last-child {
		 width: 50%;
		 padding-left: 5px;
	}
}

@media(max-width:420px) {
	.happy-people .elementor-inner-column {
		width: 100% !important;
		margin-top: -20px;
	}
	
	.happy-third-col .elementor-widget-image:first-child {
		 width: 100%;
	}

	.happy-third-col .elementor-widget-image:last-child {
		 width: 100%;
	}
}

/** Featured works **/
.jp-fw-img {
	min-height: 500px;
	overflow: hidden;
	border-radius: 20px !important;
}

.jp-fw-img .elementor-column-wrap {
	transition: all .5s ease !important;
}

.jp-fw-img .elementor-column-wrap:hover {
	transform: scale(1.2) !important;
}


/* ABOUT */
@media(max-width:767px) {
	.about-title {
    max-width: 300px;
    margin-bottom: 30px;
	}
}

/* SERVICES */
/** Accordion **/
.page-id-3028 .jet-toggle:first-child {
	border-radius: 30px 30px 0 0 !important;
}

.page-id-3028 .jet-toggle:last-child {
	border-radius: 0 0 30px 30px !important;
}

.page-id-3028 .jet-toggle {
	transition: all .3s ease;
}

.page-id-3028 .jet-toggle:hover {
	transform: scale(1.05) !important;
	box-shadow: 0 0 10px rgba(0,0,0,0.05);
}

/* PORTFOLIO */
/** Header Surfing **/
.jp-sea1 {
	animation: shake1 2s linear infinite;
}

.jp-sea2 {
	animation: shake2 3s linear infinite;
}

.jp-surf {
	animation: dumdum 1s linear infinite;
}

@keyframes shake1 {
	0%, 100% { transform: translateX(-15px); }
	50% { transform: translateX(0) }
}

@keyframes shake2 {
	0%, 100% { transform: translateX(-50px); }
	50% { transform: translateX(0) }
}

@keyframes dumdum {
	0%, 100% { transform: translateY(10px); }
	50% { transform: translateY(0); }
}

/** Prev Next **/
.portfolio-navigation .elementor-widget-container {
	display: flex;
}

.portfolio-navigation .jupiterx-post-navigation-link:hover .jupiterx-post-navigation-title {
	text-decoration: none;
}

.jupiterx-post-navigation-link {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	background: transparent !important;
}

.jupiterx-post-navigation-link h6{
	transition: all 0.3s ease;
}

.jupiterx-post-navigation-link:hover h6 {
	color: #28aaff;   
}

@media(max-width:500px) {
	.portfolio-navigation .jupiterx-post-navigation-title {
		display: none;
	}
	
	.portfolio-navigation  .jupiterx-post-navigation-label 		{
    	margin: 0px;
    	color: #222;
   	  font-weight: 500;
	 }
	
	 .portfolio-navigation  .jupiterx-post-navigation-link 		{
    padding: 0px;
    margin: 0px;
		display: flex;
    justify-content: center;
	 }
}

/* BLOG */
/** Format Text **/
.single-post h1, .single-post h2, .single-post h3, .single-post h4, .single-post h5, .single-post h6, .single-post p {
    margin-bottom: 25px;
}

.single-post h1 {
	margin-bottom: 0px;
}

.single-post h2 {
	margin-top: 50px;
}

.single-post h3 {
	margin-top: 30px;
	margin-bottom: 10px;
	font-size: 30px;
}

.single-post p, .single-post li {
	color: rgba(41, 41, 41, 1) !important;
	font-size: 19px;
	line-height: 30px;
}

.single-post li  {
	margin-bottom: 10px;
}

.single-post a {
	color: #28a8ff;
}


.single-post a:hover {
	color: #FFBC1C;
}

.single-post .wp-block-quote {
	font-style: italic;
}

/** Meta **/
.raven-post-meta {
	margin-bottom: 0 !important;
}

.jp-blog-content .jp-blog-post .raven-post-image-wrap {
	max-width: 120px !important;
}

.jp-blog-post .raven-post-meta-item {
	background: #FFBC1C;
	padding: 5px 10px;
	border-radius: 5px;
}

/** Single **/
.jp-blog-header .raven-posts {
	height: 80vh;
}

.jp-blog-header .raven-post-title {
	margin-bottom: 0px !important;
	text-align: left;
}

.jp-blog-header .raven-post-title-link {
  background-color: #28a8ff;
  padding: 0px 10px 2px;
  line-height: 1;
	border-radius: 5px;
	margin-bottom:-2px;
}

.jp-blog-header .raven-post-excerpt{
	background-color: #28a8ff;
	padding: 10px 10px 8px;
	line-height: 1;
	max-width: 700px;
	text-transform: none;
	text-align: left !important;
	border-radius: 5px;
}

.jp-blog-header .raven-post-meta {
	text-align: right;
}

.jp-blog-header .raven-post-meta-item{
	background-color: #FFBC1C;
	padding: 5px;
  font-weight: bold;
	border-radius: 5px;
}

.jp-blog-header .raven-post-content {
	text-align: left;
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	width: auto;
	border-radius: 5px;
}

.jp-blog-meta .raven-icon-list-item .raven-icon-list-text .raven-post-meta-terms-list a {
	background: #28aaff;
	padding: 10px 20px;
	border-radius: 50px;
}

@media(max-width:767px) {
	.raven-post {
		max-width: 350px;
		margin: 0 auto;
	}
}

/** Share button **/
.addtoany_shortcode {
	text-align: center;
}

a.a2a_dd {
	display: none !important;
}

.a2a_svg {
	border-radius: 10px !important;
}

/** Post navigation **/
.jp-post-navigation .elementor-shortcode {
	display: flex;
}

.jp-post-navigation .elementor-shortcode a img {
	border-radius: 15px;
	width: 100px;
}

.jupiterx-post-navigation-link {
	padding: 10px;
}

.jupiterx-post-navigation-link:hover {
	background: #e1e7ef;
}

/** CTA Footer **/
.single-post .jp-cta {
	display: none;
}


/* CONTACT */
/** Form **/
.jp-ct-form {
	margin-bottom: 40px;
	width: 100%;
	padding: 0 0 10px 0;
	border: 0;
	border-bottom: 2px solid #222;
	background: transparent;
	color: #222;
}

.jp-ct-button {
	border: 2px solid #28aaff;;
	padding: 10px 40px;
	background: #28aaff;
	color: #fff;
	border-radius: 50px;
	transition: all .3s ease;
}

.jp-ct-button:hover {
	background: transparent;
	color: #28aaff;
}
/** Audio **/
.elementor-widget-jet-audio .elementor-widget-container {
	background: transparent !important;
	padding: 0;
}

/* JOBS */

/* RESP 1025 */
@media (max-width: 1025px) {
	/** HOME **/
	/*** Featured Work ***/
	.jp-fw-img {
		min-height: 300px !important;
	}
	/** SERVICES **/
	/*** Cards ***/
	.jp-services-cards .jet-timeline .timeline-item__meta {
		display: none;
	}
	.jp-services-cards .jet-timeline--align-center .timeline-item__card {
		margin-left: 0 !important;
	}
}


/* RESP 768 */
@media (max-width: 768px) {
	/** HEADER **/
	.jp-nav {
		background: #fff;
	}
	/** HOME **/
	/*** Featured works ***/
	.jp-fw-img {
		border-radius: 0 !important;
	}
	/** BLOG **/
	.jp-blog-content .jp-blog-post .raven-post-image-wrap {
	max-width: 100% !important;
	}
	/** SERVICES **/
	/*** Sticky ***/
	.jp-sticky > div > div {
		flex-wrap: nowrap !important;
	}
}


/* OTHER RESP */
@media (max-width: 1670px) {
	/* Header */
	.jp-header {
		background-position: 0px -60px !important;
	}
}

@media (max-width: 1550px) {
	/* Header */
	.jp-header {
		background-position: 0px 0px !important;
	}
}

@media (max-width: 1350px) {
	/* Header */
	.jp-header {
		background-position: 0px 50px !important;
	}
}

@media (max-width: 1190px) {
	/* Header */
	.jp-header {
		background-size: 110% auto !important;
		background-position: -3em 3em !important;
	}
}

@media (max-width: 950px) {
	/* Header */
	.jp-header {
		background-image: none !important;
	}
}

@media (max-width: 400px) {
	/* Post navigation */
	.jp-post-navigation .elementor-shortcode {
	flex-wrap: wrap;
}
}