/*  MICROTHEMER STYLES  */

/*= Animations ================ */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}


/*= General =================== */

/** General >> WSF button hover **/
.wsf-button:hover {
	color: rgb(1,22,35) !important;
	background-color: rgb(190,230,254) !important;
	-webkit-animation-name: pulse !important;
	animation-name: pulse !important;
	-webkit-animation-duration: 0.5s !important;
	animation-duration: 0.5s !important;
}

/** General >> WSF button **/
.wsf-button {
	color: rgb(0, 0, 0) !important;
	font-weight: 600 !important;
}

/** General >> Form labels on home page **/
.mtp-63 .wsf-label {
	color: rgb(255, 255, 255) !important;
}

/** General >> Contact (form) **/
#post-326 .fl-node-3xrfiz9ksnqm {
	border: 1px solid rgb(0, 255, 255) !important;
	border-radius: 5px !important;
}

/** General >> Fl module content (:hover) **/
.fl-module-callout .fl-module-content:hover {
	-webkit-animation-name: pulse !important;
	animation-name: pulse !important;
	-webkit-animation-duration: 0.5s !important;
	animation-duration: 0.5s !important;
}

/** General >> Sub menu **/
.sub-menu {
	background-color: rgba(14, 19, 26, 0.45) !important;
	padding-right: 10px !important;
	padding-left: 10px !important;
	border-radius: 5px !important;
}

/** General >> PP highlight box content **/
.pp-highlight-box-content {
	border: 1px solid rgb(6, 172, 191) !important;
	border-radius: 5px !important;
}

/** General >> Contact form labels **/
.wsf-extra-small-12 > label {
	color: rgb(255, 255, 255) !important;
}

/** General >> Text box on contact page **/
#post-326 .fl-node-sb9ued0v68qc {
	background-color: rgba(14, 19, 26, 0.72) !important;
	margin-right: 20px !important;
	margin-left: 20px !important;
}

/** General >> Text in GDPR form **/
.pp-tabs-panel-content p:nth-of-type(1) {
	color: rgb(247, 248, 255) !important;
}

/** General >> Block Heading **/
.wp-block-heading {
	margin-top: 36px !important;
}

/** General >> Heading 3 **/
.rp4wp-related-posts h3 {
	margin-bottom: 20px !important;
}

/** General >> WPRP column **/
#content .rp4wp-posts-list {
	padding-right: 4px !important;
	padding-left: 4px !important;
}

/** General >> WPRP title boxes **/
.rp4wp-col-first .rp4wp_component_title {
	padding-right: 9px !important;
	padding-left: 8px !important;
}

/** General >> Link **/
.fl-module-fl-post-content a {
	color: rgb(120, 204, 253) !important;
}

/** General >> Link (:hover) **/
.fl-module-fl-post-content a:hover {
	color: rgb(190, 230, 254) !important;
}


/*= Header ==================== */

/** Header >> Menu: About **/
#menu-item-365 a {
	border-radius: 5px !important;
}

/** Header >> Menu: About (:hover) **/
#menu-item-365 a:hover {
	-webkit-animation-name: pulse !important;
	animation-name: pulse !important;
	-webkit-animation-duration: 0.5s !important;
	animation-duration: 0.5s !important;
}

/** Header >> Menu: Contact **/
#menu-item-364 a {
	border-radius: 5px !important;
}

/** Header >> Menu: Contact (:hover) **/
#menu-item-364 a:hover {
	-webkit-animation-name: pulse !important;
	animation-name: pulse !important;
	-webkit-animation-duration: 0.5s !important;
	animation-duration: 0.5s !important;
}

/** Header >> Menu: Services **/
#menu-item-355 a {
	border-radius: 5px !important;
}

/** Header >> Menu: Services (:hover) **/
#menu-item-355 a:hover {
	-webkit-animation-name: pulse !important;
	animation-name: pulse !important;
	-webkit-animation-duration: 0.5s !important;
	animation-duration: 0.5s !important;
}

/** Header >> Menu: Services (Sub) **/
.sub-menu a {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

/** Header >> Menu: LinkedIn **/
#menu-item-368 a {
	border-radius: 5px !important;
}

/** Header >> Menu: LinkedIn (:hover) **/
#menu-item-368 a:hover {
	-webkit-animation-name: pulse !important;
	animation-name: pulse !important;
	-webkit-animation-duration: 0.5s !important;
	animation-duration: 0.5s !important;
}

/** Header >> Menu: Overview **/
#menu-item-422 a {
	border-radius: 5px !important;
}

/** Header >> Menu: Overview (:hover) **/
#menu-item-422 a:hover {
	-webkit-animation-name: pulse !important;
	animation-name: pulse !important;
	-webkit-animation-duration: 0.5s !important;
	animation-duration: 0.5s !important;
}

/** Header >> Menu: News **/
#menu-item-1029 a {
	border-radius: 5px !important;
}

/** Header >> Menu: News (:hover) **/
#menu-item-1029 a:hover {
	-webkit-animation-name: pulse !important;
	animation-name: pulse !important;
	-webkit-animation-duration: 0.5s !important;
	animation-duration: 0.5s !important;
}


/*( < 768 )*/
@media (max-width: 767.98px) {
	/** Header >> Menu: About **/
	#menu-item-365 a {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

	/** Header >> Menu: Contact **/
	#menu-item-364 a {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

	/** Header >> Menu: Services **/
	#menu-item-355 a {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

	/** Header >> Menu: Services (Sub) **/
	.sub-menu a {
	margin-left: 40px !important;
}

	/** Header >> Menu: LinkedIn **/
	#menu-item-368 a {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

	/** Header >> Menu: Overview **/
	#menu-item-422 a {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

}


/*( < 480 )*/
@media (max-width: 479.98px) {
	/** Header >> Menu: About **/
	#menu-item-365 a {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

	/** Header >> Menu: Contact **/
	#menu-item-364 a {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

	/** Header >> Menu: Services **/
	#menu-item-355 a {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

	/** Header >> Menu: LinkedIn **/
	#menu-item-368 a {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

}