@charset "UTF-8";
/*
Theme Name: SpectaCorp
Theme URI: 
Author: Red Spot Web Design
Author URI: https://www.redspotdesign.com/
Description: A theme for WordPress 5.
Requires at least: WordPress 4.9.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp5default
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Website Name is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


/*###################################
# GENERAL STYLES
###################################*/

* { box-sizing: border-box; }
html {font-size: 16px; /* 1em */ overflow: auto; line-height: 1.15; -webkit-text-size-adjust: 100%;}
body {margin: 0 auto; width: 100%; overflow: hidden;}
a, a:visited {color: inherit; text-decoration: none; -webkit-transition: all .5s ease; text-decoration: none !important;}
a, img {-webkit-transition: all ease 0.5s;-o-transition: all ease 0.5s;transition: all ease 0.5s;}
a:focus {outline: none!important;}
h1, h2, h3, h4, h5, h6, p, li, ul, ol {margin-top: 0;}
p:last-of-type { margin-bottom: 0!important; }

/*###################################
## LAYOUTS
###################################*/

.dbl { display: inline; }
.db { display: block!important; }
.tc { text-align: center; }
.lr { left: 0!important; right: 0!important; }
.mgla { margin: 0 0 0 auto!important; }
.mgla > .e-con-inner { margin: 0 0 0 auto!important; }
.mgra > .e-con-inner { margin: 0 auto 0 0!important; }
.mg, .mg .e-con-inner { margin: 0 auto!important; }
.mid, .mid-alt { transform: translateY(-50%)!important; }
.full-width { width: 100%; left: 0; right: 0; }

/* IMAGE */

.image-gradient-right { -webkit-mask-image: linear-gradient(to right, black 80%, transparent 100%); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-image: linear-gradient(to right, black 80%, transparent 100%); mask-repeat: no-repeat; mask-size: 100% 100%; }
.image-gradient-left { -webkit-mask-image: linear-gradient(to left, black 80%, transparent 100%); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-image: linear-gradient(to left, black 80%, transparent 100%); mask-repeat: no-repeat; mask-size: 100% 100%; }
.image-gradient-left-half img { -webkit-mask-image: linear-gradient(to left, black 50%, transparent 100%); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-image: linear-gradient(to left, black 50%, transparent 100%); mask-repeat: no-repeat; mask-size: 100% 100%; }
.image-gradient-right-half img { -webkit-mask-image: linear-gradient(to right, black 50%, transparent 100%); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-image: linear-gradient(to right, black 50%, transparent 100%); mask-repeat: no-repeat; mask-size: 100% 100%; }

/*###################################
## BUTTONS
###################################*/

.btn-full .elementor-button { max-width: 100%!important; width: 100%!important; }

.icon-button .elementor-button-icon { font-size: 40px!important; }
.icon-button .elementor-button-content-wrapper { align-items: center!important; }

/*###################################
## HEADER
###################################*/

/* body.elementor-editor-active #site-header { } */
/* body:not(.elementor-editor-active) #site-header { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 999; } */
/* body:not(.elementor-editor-active) #site-header.sticky .site-logo img { max-width: 100px; } */
/* body:not(.elementor-editor-active) #site-header.sticky { box-shadow: 2px 2px 10px rgb( 0 0 0 / 50% ); } */
.main-nav .elementor-nav-menu .sub-arrow { font-size: 18px!important; color: #00A7E1!important; }

/*###################################
## CONTENT
###################################*/


/* ABOUT */

.hcf-main, .las-main { position: relative; }
.hcf-main::after { content: ''; background: linear-gradient( to right, #00A950, #00A7E1 ); width: 100%; height: 100%; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; z-index: 3; border-radius: 15px; opacity: 0; }
.las-main::after { content: ''; background: linear-gradient( to right, #00A7E1, #4D3091 ); width: 100%; height: 100%; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; z-index: 3; border-radius: 15px; opacity: 0; }
.hcf-main:hover::after, .las-main:hover::after { opacity: 0.5; }
.hcf-main .about-btn, .las-main .about-btn { opacity: 0; }
.hcf-main:hover .about-btn, .las-main:hover .about-btn  { opacity: 1; }


.content-list ul, .content-list ol { margin: 0; padding: 0; list-style: none; }
/* .content-list ol li { padding: 0 0 15px; }
.content-list ol li:last-of-type { padding: 0; } */
.content-text a, .content-list a { font-family: 'Arial', sans-serif!important; font-size: 16px!important; }
.e-n-accordion a {font-size: inherit !important;}
.program-item { min-height: 75px!important; }

/* FLIP */

.flip-item h3 { display: flex; justify-content: space-around!important; align-items: center; height: 100%; }
.flip-item .elementor-flip-box__layer__inner { max-width: 250px; width: 100%; margin: 0 auto; }
.no-flip { pointer-events: none!important; }

.clickable-flipbox { cursor: pointer; }
.clickable-flipbox .elementor-flip-box {  pointer-events: none; transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1) !important; }
.clickable-flipbox .elementor-flip-box { transform: rotateX(0deg) !important; }
.clickable-flipbox .elementor-flip-box.is-flipped { transform: rotateX(-180deg) !important; }
.clickable-flipbox .elementor-flip-box.is-flipped .elementor-flip-box__layer--back { opacity: 1 !important; visibility: visible !important; pointer-events: auto; }

/*  */

.faqs-accordion .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title { border-radius: 15px 15px 0 0!important; }

/* FORM */

.form-section { position: relative; }
.form-section::after { content: ''; background: linear-gradient( to bottom, #FFFFFF, transparent )!important; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; }

/*###################################
## INNER
###################################*/
	
	/* TIMELINE */

	.timeline-section, .timeline-blue, .timeline-inner, .timeline-purple, .timeline-green, .timeline-blue-bot { position: relative; }
	.timeline-section::after { content: ''; background: #D6D6D6; width: 95%; height: 4px; position: absolute; top: 47.1%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; }
/* 	#timeline-box { width: 97%; } */
	#timeline-box .timeline-btn { display: none; }
	#timeline-box:hover .timeline-btn { display: block; }
	/* BLUE TOP */
	.timeline-blue::after { content: ''; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #FFFFFF; position: absolute; left: 0; right: 0; bottom: -13px; margin: 0 auto; }
	.timeline-blue .timeline-inner::after { content: ''; width: 0; height: 0; border-left: 16px solid transparent; border-right: 16px solid transparent; border-top: 16px solid #0071BA; position: absolute; left: 0; right: 0; bottom: -16px; margin: 0 auto; }
	/* PURPLE TOP*/
	.timeline-purple::after { content: ''; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #FFFFFF; position: absolute; left: 0; right: 0; bottom: -13px; margin: 0 auto; }
	.timeline-purple .timeline-inner::after { content: ''; width: 0; height: 0; border-left: 16px solid transparent; border-right: 16px solid transparent; border-top: 16px solid #513594; position: absolute; left: 0; right: 0; bottom: -16px; margin: 0 auto; }
	#timeline-box:hover.timeline-purple::after { border-top: 15px solid #745DA9; }
	/* PURPLE BOTTOM 
	.timeline-purple::after { content: ''; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #FFFFFF; position: absolute; left: 0; right: 0; top: -13px; margin: 0 auto; }
	.timeline-purple .timeline-inner::after { content: ''; width: 0; height: 0; border-left: 16px solid transparent; border-right: 16px solid transparent; border-bottom: 16px solid #513594; position: absolute; left: 0; right: 0; top: -16px; margin: 0 auto; }
	#timeline-box:hover.timeline-purple::after { border-bottom: 15px solid #745DA9; }*/
	/* GREEN BOTTOM */
	.timeline-green::after { content: ''; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #FFFFFF; position: absolute; left: 0; right: 0; top: -13px; margin: 0 auto; }
	.timeline-green .timeline-inner::after { content: ''; width: 0; height: 0; border-left: 16px solid transparent; border-right: 16px solid transparent; border-bottom: 16px solid #00A950; position: absolute; left: 0; right: 0; top: -16px; margin: 0 auto; }
	#timeline-box:hover.timeline-green::after { border-bottom: 15px solid #33BA73; }
	/* BLUE BOTTOM */
	.timeline-blue-bot::after { content: ''; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #FFFFFF; position: absolute; left: 0; right: 0; top: -13px; margin: 0 auto; }
	.timeline-blue-bot .timeline-inner::after { content: ''; width: 0; height: 0; border-left: 16px solid transparent; border-right: 16px solid transparent; border-bottom: 16px solid #05A9E2; position: absolute; left: 0; right: 0; top: -16px; margin: 0 auto; }

	/* TAB */

	.language-tab .eael-tabs-nav img { border-radius: 100%; padding: 20px; border: 3px solid #00A7E1;  }
	.language-tab .eael-tabs-nav .inactive img { border: 3px solid #D6D6D6; filter: grayscale(100%); opacity: 0.5; }	
	.language-tab .eael-tabs-nav > ul li:hover img { border: 3px solid #00A7E1; filter: unset; opacity: 1; }	

	/* LANGUAGE SERVICES */

	.language-item .language-btn { opacity: 0; }
	.language-item:hover .language-btn { opacity: 1; }
	.language-item:hover .so-item img { opacity: 0.5!important; }
	
/*###################################
## RESPONSIVE
###################################*/

@media screen and (max-width: 1780px){
	
	/* LAS */

	.las-banner-image img { height: 690px!important; object-fit: cover!important; }	
	
}


@media screen and (max-width: 1680px){
	
	/* LAS */

	.las-banner-image img { height: 620px!important; object-fit: cover!important; }	
	
}


@media screen and (max-width: 1460px){
	
	/* TAB */

	.language-tab .eael-tabs-nav img { padding: 15px; }	
	
	/* LAS */

	.las-banner-image img { height: 560px!important; }	
	
}

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

	/* LAS */

	.las-banner-image img { height: 525px!important;}	
	
}

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

	/* LAS */

	.las-banner-image img { height: 380px!important; }	
	
}

@media screen and (max-width: 980px){
	
	/* DIAMOND */

	.services-mid  { margin-top: -15%!important; margin-bottom: -15%!important; }	
	.services-mid.alt  { margin-top: -15%!important; margin-bottom: 0!important; }	
	
	
}

@media screen and (max-width: 940px){
	
	/* DIAMOND */

	.services-mid  { margin-top: -16%!important; margin-bottom: -16%!important; }
	.services-mid.alt  { margin-top: -16%!important; margin-bottom: 0!important; }	
	
	
}

@media screen and (max-width: 900px){
	
	/* DIAMOND */

	.services-mid  { margin-top: -17%!important; margin-bottom: -17%!important; }
	.services-mid.alt  { margin-top: -17%!important; margin-bottom: 0!important; }	
	
	
}

@media screen and (max-width: 880px){
	
	/* DIAMOND */

	.services-mid  { margin-top: -18%!important; margin-bottom: -18%!important; }	
	.services-mid.alt { margin-top: -18%!important; margin-bottom: 0!important; }	
	
	
}

@media screen and (max-width: 860px){
	
	/* DIAMOND */

	.services-mid  { margin-top: -19%!important; margin-bottom: -19%!important; }
	.services-mid.alt  { margin-top: -19%!important; margin-bottom: -0!important; }	
	
	
}

@media screen and (max-width: 830px){
	
	/* DIAMOND */

	.services-mid  { margin-top: -20%!important; margin-bottom: -20%!important; }	
	.services-mid.alt  { margin-top: -20%!important; margin-bottom: 0!important; }	
	
	
}

@media screen and (max-width: 820px){
	
	/* DIAMOND */

	.services-mid  { margin-top: -21%!important; margin-bottom: -21%!important; }	
	.services-mid.alt  { margin-top: -21%!important; margin-bottom: 0!important; }	
	
	
}

@media screen and (max-width: 767px){
	
	body { min-width: 320px!important; }
	
	.box-img { position: relative!important; }
	.mid-alt { transform: none!important; }
	
	.main-nav .elementor-nav-menu .sub-arrow { font-size: 16px!important; color: inherit!important; }
	
	/* BANNER */
	
	.inner .banner-content { transform: translateY(-50%); }

	/* CONTENT */
	
	.content-text a, .content-list a { font-size: 14px!important; }
	
	.timeline-section::after { width: 90%; }
	
	.language-tab .eael-tabs-nav img { padding: 15px; }
	.language-tab .eael-tabs-nav ul li { width: 50%; padding: 0 15px!important; }
	
	.process-icon { height: 20px!important; }
	.process-icon .mid { position: relative!important; transform: none!important; }
	.process-icon .mid img { transform: rotate(90deg)!important; }
	
	/* DIAMOND */

	.services-mid  { margin-top: 0!important; margin-bottom: 0!important; }	
	.services-mid.alt  { margin-top: 0!important; margin-bottom: 0!important; }	
	
	/* LANGUAGE SERVICES */

	.language-item .language-btn { opacity: 1; }
	
}

@media screen and (max-width: 560px){
	
	/* INNER */
	
	.documents-item { width: 50%!important; }

	/* FOOTER */

	.footer-item { width: 100%!important; }
	
	
}

@media screen and (max-width: 480px){
	
	/* INNER */
	
	.documents-item { width: 100%!important; }
	
	
}