.grey-new.larger-container .container {max-width: 1400px;}
.map img { width: 100%; height: auto; margin-top: 30px; mix-blend-mode: multiply;}

/* Job application */
.white-bg {background: #FFF !important;}
.checkboxes-horizontal .gfield_label {font-size: 28px !important; font-family: 'Crimson Text' !important; font-weight: 100 !important; letter-spacing: -0.01em !important;}
.checkboxes-horizontal .gchoice, .horizontal-radio .gchoice {margin-right: 10px;}
.horizontal-radio .gchoice label {margin-left: 5px; }

.checkboxes-horizontal .gchoice label {margin-left: 5px; font-size: 16px;}
.application-title h5 {font-weight: 100; font-size: 24px !important; letter-spacing: -0.01em !important;}
.checkboxes-horizontal {border-bottom: 1px solid #CCC !important; padding-bottom: 50px !important;}
.application-section .gfield_required.gfield_required_text, .application-section .gfield_description.gform_fileupload_rules {display: none;}
@media (min-width:844px) {
	.checkboxes-horizontal .gfield_checkbox, .horizontal-radio .gfield_radio {flex-direction: row !important;}
}


.list-single-row-only .add_list_item {display: none !important;}
.black-hero {background: #000; clear: both; padding-top: 200px; padding-bottom: 100px; margin-bottom: 50px; text-align: center;}
.black-hero h1 {color: #FFF; text-align: center; font-weight: 100; font-size: 66px;}
.black-hero img {max-width: 40px; }
.application-section .container {max-width: 1200px;} 
.application-section .gfield textarea {min-height: 150px !important;}
.application-section .gfield--input-type-html h5 {font-size: 30px; margin-bottom: 0;}
.application-section .gfield--input-type-html h4 {border-bottom: 2px solid #000; display: inline-block; font-weight: 100; font-size: 40px; letter-spacing: -0.01em; margin-top: 50px;}

.application-section {padding-bottom: 50px;}
.application-section .gform_button.button {background: #000 !important; border-radius: 50px !important; padding: 15px 30px !important; font-size: 18px !important;}



.page-id-627 .services-list {padding-top: 50px;}
.page-id-627 .services-list h1 {font-size: 70px; text-align: center;}
.welcome-letter {margin-bottom: 50px;}
.welcome-letter h3 {font-size: 36px; letter-spacing: -0.02em; margin-bottom: 20px;}
.welcome-img {margin-top: 20px;}
.welcome-small-text {text-align: center; }


.welcome-letter p {line-height: 1.4em;}
.welcome-signature {max-width: 350px !important; margin-bottom: 10px; margin-top: 30px;}
.ps-text {font-style: italic;}


@media (max-width:844px) {
	.page-id-627 .about-hero {background-position: center right; background-image: url(https://serviamusa.com/wp-content/uploads/2024/09/hero-global-m.jpg) !important; margin-top: 85px;}
	.welcome-letter h3 {font-size: 24px !important;}
	.timeline-bar .step h3 {font-size: 13px; display: none; }
.timeline-bar .step.active-step h3 {display: block; }
.progress-bar-hr {margin-top: 50px !important;}

}

.serviam-handbook {padding-top: 120px;}
.serviam-handbook iframe {height: calc(100vh - 140px);}


.return-msg {text-align: center; background: #e1fffc; border:1px solid #9de9e1; padding: 20px 10px;}
.return-msg p {margin-bottom:0;}
.return-msg a {text-decoration: underline; color: #141414;}

.gform_validation_errors {margin-top: 100px !important;}
.gf_progressbar_wrapper {display: none !important;}
.quiz-disclaimer {font-weight: 400; text-align: center; font-size: 20px; line-height: 1.4em; max-width: 1000px; margin: 0 auto 30px;}
.gf_progressbar_title, .gform_title {display: none !important;}
.timeline-bar {margin-top: 20px !important;}
.gfield_signature_image img {margin-bottom: 10px;}
.quiz-answer {color: #08c596 !important; margin-top: -20px !important;}
.serviam-hr-login {padding: 400px 0px;}
.serviam-hr-login h2 {font-size: 80px;}
.serviam-hr-login  p {font-size: 20px; font-weight: 400;}
.serviam-hr-login  a {color: #000; text-decoration: underline;}
.excellence-pledge {max-width: 1000px; margin: 0 auto 20px;}
.excellence-pledge p {line-height: 1.4em; font-weight: 400; font-size: 18px;}


.serviam-hr .video-wrap {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.serviam-hr .video-wrap iframe,
.serviam-hr .video-wrap embed,
.serviam-hr .video-wrap object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.pdfjs-fullscreen {display: none;}

#gform_submit_button_1 {
    float: right !important;
    margin: 10px !important;
    border-radius: 50px !important;
    background: #000 !important;
    padding: 15px 30px !important;
    font-size: 20px !important;
}
section.thanks {padding: 200px 0px;}

.welcome-hr .container {max-width: 800px;}
.welcome-hr {background-size: cover;}
.welcome-hr-wrap {padding: 350px 0px; text-align: center;}
.welcome-hr h4 {color: #FFF; font-family: 'Roboto'; font-size: 20px; letter-spacing: 5px;}
.welcome-hr h2 {color: #FFF; font-weight: 400; letter-spacing: -0.01em; font-size: 70px;}
.welcome-hr p {color: #FFF; font-size: 19px; line-height: 1.4em; }
.welcome-hr .btn {border-radius: 50px; margin-top: 20px;}

.gfield.small-title {border-top: 1px solid #000; padding-top: 20px; margin-top: 20px;}
.gfield.small-title h3 {font-size: 40px; letter-spacing: -0.01em;}

.mission-vision-values h3 {font-size: 40px; margin-bottom: 40px;}
.mission-vision-values {font-weight: 400; line-height: 1.5em; margin-bottom: 50px;}

.form_saved_message {clear: both; padding: 200px 0px; }
.form_saved_message p, .form_saved_message a {font-size: 20px;}
.resume_form_link_wrapper a {color: #000; text-decoration: underline; }
.form_saved_message_emailform #gform_resume_email {padding: 10px; display: inline-block; }
.form_saved_message .ginput_container.ginput_container_text, .form_saved_message .gform_footer.top_label {float:left; display: inline-block;}
#gform_send_resume_link_button_1 {margin-left: 10px; cursor: pointer; color: #FFF; background:#000; border: none; padding: 10px 30px; border-radius: 50px; font-weight: bold; display: inline-block;}

.form_saved_message_sent.gform_confirmation_wrapper {padding: 300px 0px;}
.form_saved_message_sent.gform_confirmation_wrapper h2 {font-size: 60px;}



.gform_resume_email_label.gfield_label.gform-field-label {float: left; display: none;}

.document-box h3 strong, .document-box h4 strong {font-weight: 500;}
.document-box ul {padding-left: 40px;}
.document-box li {list-style: circle; display: list-item;}

.document-box h4 {margin-top: 30px;font-size: 26px; text-decoration: underline;}
.document-box, .document-box p, .document-box li {line-height: 1.5em !important; font-weight: 400 !important; font-size: 18px !important;}

.gform_page_footer.top_label { margin-top: 100px !important; margin-bottom: 80px; display: inline-block !important; min-width: 100%;}
.gform_next_button {float: right !important; margin: 10px !important; border-radius: 50px !important; background: #000 !important; padding: 15px 30px !important; font-size: 20px !important;}
.gform_save_link {float: right !important; margin: 10px !important;border-radius: 50px !important; padding: 15px 30px !important; font-size: 20px !important;}
.gform_previous_button {float: left !important; margin: 10px !important;border-radius: 50px !important; padding: 15px 30px !important; font-size: 20px !important;}



.form-large-title {text-align: center !important; border-top: 1px solid #000 !important; padding-top: 70px !important; margin-top: 40px !important;}
.form-large-title h4 {font-family: 'Roboto'; letter-spacing: 4px; font-weight: bold; font-size: 18px;}
.form-large-title h3 {font-size: 44px;}

.gfield--type-quiz legend.gform-field-label {font-family: 'Crimson Text' !important; font-size: 26px !important; line-height: 1.4em !important;}

.serviam-hr {background-image:url(https://serviamusa.com/wp-content/uploads/2024/08/bg.jpg); background-attachment: fixed; background-repeat: no-repeat; background-size: contain; padding-top: 50px;}

#trigger {opacity:0;}

.serviam-hr .container {max-width: 1400px;}
.document-box {transition: all 0.4s ease;}

.document-box p {line-height: 1.7em;}
.document-box h3 {font-size: 40px; letter-spacing: -0.01em; margin-bottom: 20px; line-height: 1.4em;}

.document-box.dimmed {opacity:0.4 !important;}

.document-box {background: #FFF !important; padding: 40px !important; max-height: 400px !important; overflow-y: auto !important; border:1px solid #000 !important;}
/* 
.progress-bar-hr {text-align: center; position: relative;}
.timeline-num:after {content: ""; width: 100%; height: 1px; background: #FFF;position: absolute; left: 0; top: 25px; z-index: -1;}
.timeline-num {color: #FFF; background: #000; font-size: 20px; font-weight: 300; border: 2px solid #FFF; display: inline-block; width: 50px; height: 50px; border-radius: 50%; padding-top: 13px; }
.timeline-current .timeline-num {background: #FFF; color: #000;}
.timeline-title {color: #FFF; font-weight: 300; letter-spacing: 0.01em; font-size: 15px; margin-top: 12px;}
.progress-bar-hr .col:first-child .timeline-num:before {content: ""; width: 50%; height: 2px; background: #000; left: 0; position: absolute; top: 25px;}
*/
.progress-bar-hr .step.active-step h3 {opacity: 1;}
.progress-bar-hr h3 {font-weight: 400; font-family: 'Roboto'; color: #000; font-size: 18px; opacity: 0.4;}
.progress-bar-hr {margin-top: 100px;}
.step.active-step:before {background: #000!important; color: #FFF !important; border-color: #000 !important;}


/* Progress bar */

.progress-bar-hr .steps {
  list-style: none;
  margin: 0;
  padding: 0;
  display: table;
  table-layout: fixed;
  width: 100%;
  color: #929292;
  height: 4rem;
}
.progress-bar-hr .steps > .step {
  position: relative;
  display: table-cell;
  text-align: center;
  font-size: 0.875rem;
  color: #6D6875;
}
.progress-bar-hr .steps > .step:before {
  content: attr(data-step);
  display: block;
  margin: 0 auto;
  background: #dbdbdb;
  border: 2px solid #dbdbdb;
  color: #000;
  width: 2rem;
  height: 2rem;
  text-align: center;
  margin-bottom: -5.8rem;
  line-height: 1.9rem;
  border-radius: 100%;
  position: relative;
  z-index: 1;
  font-weight: 700;
  font-size: 1rem;
}
.progress-bar-hr .steps > .step:after {
  content: "";
  position: absolute;
  display: block;
  background: #dbdbdb;
  width: 100%;
  height: 1px;
  top: 1rem;
  left: 50%;
}
.progress-bar-hr .steps > .step:last-child:after {
  display: none;
}
.progress-bar-hr .steps > .step.is-complete {
  color: #6D6875;
}
.progress-bar-hr .steps > .step.is-complete:before {
  content: "✓";
  color: #f68e20;
  background: #fef0e2;
  border: 2px solid #f68e20;
}
.progress-bar-hr .steps > .step.is-complete:after {
  background: #f68e20;
}
.progress-bar-hr .steps > .step.is-active {
  font-size: 1.5rem;
}
.progress-bar-hr .steps > .step.is-active:before {
  color: #FFF;
  border: 2px solid #f68e20;
  background: #f68e20;
  margin-bottom: -4.9rem;
}






.license-row {text-align: center; padding-top: 30px;}
.license-row p {color: #FFF; font-size: 14px; margin-bottom: 5px;}

html[lang="en-US"] .video-en {display: block;}
html[lang="en-US"] .video-es {display: none;}

html[lang="es"] .video-en {display: none;}
html[lang="es"] .video-es {display: block;}

/* GTranslate */
.gtranslate-header .gtranslate_wrapper {width: 150px;}
.gtranslate-header .gtranslate_wrapper a {display: inline-block !important; width: 40px;}
.gtranslate-header .gtranslate_wrapper img {width: 25px !important;}
@media (min-width: 1000px) {
	.gtranslate-header {display: inline-block;}
	.menu-item.menu-item-gtranslate {display: none;}
}
@media (max-width: 1000px) {
	.gtranslate-header {display: none;}
  .gtranslate-header {min-width: 100%; background: red; margin-top: 10px;}
  .gtranslate-header .gtranslate_wrapper {float: right; width: 85px;}

.menu-item-gtranslate .dropdown-menu.sub-menu {position: relative !important; display: inline-block !important; background: transparent !important; width: 100%; text-align: center;}
.menu-item-gtranslate .dropdown-menu.sub-menu li a:before {display: none;}
.menu-item-gtranslate .dropdown-menu.sub-menu li a {padding: 0 !important;}
.menu-item-gtranslate .dropdown-menu.sub-menu li img {width: 50px !important;}
.menu-item-gtranslate > a {display: none;}
}



section.hero-banner {z-index: 1;}



.page-id-242 .industries-title h2 {margin-bottom: 30px !important;}
.page-id-242 .industries-title h3, .page-id-242 .industries-title h3 a {font-size: 26px !important;}

/*
.page-id-12 .general-content {background-image: url(https://serviamusa.com/wp-content/uploads/2023/12/black-shield.jpg); background-size: cover; background-position: left center;}
*/
.page-id-12 .general-content {background: #000;}

.page-id-12 .general-content h1, .page-id-12 .general-content p {color: #FFF; text-align: center;}
.page-id-12 .general-content p {font-size: 20px; margin-bottom: 5px;}

.page-id-12 .about-team {display: none; content-visibility: hidden;}

@media (min-width: 844px) {
  .founder_logo {position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; z-index: 2; top: 40%;}
  .founder_logo img {width: 110px; opacity: 0.8;}
.about-team {position: relative; top: 50%;}
}
@media (max-width: 844px) {
	.page-id-242 .industries-title h3 span {display: none;}
	.about-hero-tag h3 {letter-spacing: 3px !important;}
	.about-hero-tag h1 {line-height: 1em;}
  .founder_logo {display: none;}
  .page-id-12 section {overflow-x: hidden;}
}
.footer-social-icons {display: none;}

.ga-quote {clear: both; padding: 50px 0px; text-align: center;}
.grey-new .container {max-width: 1200px;}
.grey-new {background: #f2f2f2; clear: both; padding: 80px 0px; text-align: center;}
.grey-new h2 {font-size: 40px;}
.grey-new p {font-size: 20px; line-height: 1.6em;}


.page-id-242 .industries-title {text-align: center;}
.page-id-242 .industries-title a {color: #141414; text-decoration: underline; font-family: 'Crimson Text';}

.industries-text-item a {font-family: 'Crimson Text'; color: #141414;}
.page-id-242 .industries-title h2, .page-id-242 .industries-title h3, .page-id-242 .industries-text-item.line_1, .page-id-242 .industries-text-item.line_2 {margin-bottom:10px;}
.page-id-242 .industries-text-item.line_2 {line-height: 40px;}

.page-id-14 .industries-text-item.line_3 {font-size: 46px; margin-top: 60px; margin-bottom: 0;}

.grid-paging-navigation a {color: #141414; border-radius: 0 !important;}
.page-id-12 .about-intro .intro-left p, .page-id-627 .about-intro .intro-left p {font-size: 30px; line-height: 1.3em; text-align: left;}
.footer-menu .menu-item-250 {display: none;}
.footer-left {margin-top: 8px;}
.footer-menu a, .footer-left a, .footer-copyright p {font-size: 14px !important; color: #FFF !important; font-weight: 300;}
.general-content li {    font-size: 17px; line-height: 1.85em; font-family: 'Roboto'; font-weight: 300; list-style: circle; display: list-item; margin-bottom: 15px;}
.general-content ul {padding-left: 40px;}
.page-id-279 .general-content {padding-top: 0;}

.founder-wrap .btn {padding: 3px 20px; margin-top: 10px;}
.btn:hover {color: #000; filter: brightness(120%);}
.featherlight-content {background: transparent !important; max-width: 1300px;}
.featherlight-content h3 {color: #FFF; font-weight: 100; font-size: 50px; margin-bottom: 20px;}
.featherlight-content p {color: #FFF; font-size: 18px; line-height: 1.6em; }
.featherlight .featherlight-close-icon {color: #FFF !important; background: transparent !important; font-size: 30px;}
.featherlight:last-of-type {backdrop-filter: blur(10px) grayscale(100%);}
.page-id-15 .general-content {background: #f2f2f2;}

.animated-titles {clear: both; background: #000; padding: 60px 0px; text-align: center;}
.animated-text-item h2 {color: rgba(255,255,255,0.3); font-family: 'Roboto'; text-transform: uppercase; letter-spacing: 3px; font-size: 19px; font-weight: bold;}
.animated-titles .col {border-right: 1px solid rgba(255,255,255,0.1);}
.animated-titles .col:last-child {border-right: none;}
.animated-text-item h3 {color: #FFF; font-weight: 100; font-size: 40px; line-height: 1.1em;}
.animated-content {clear: both; padding: 30px 0px 0px 0px; max-width: 1100px; margin: 50px auto 0; color: #FFF;}
.animated-content p {color: #FFF; letter-spacing: 1px; font-size: 16px; line-height: 1.5em;}
.animated-content h3 {font-weight: 100; font-size: 40px; margin-bottom: 20px;}

@media (max-width: 844px) {
	.animated-titles .col {margin-bottom: 30px;}
	.featherlight-content {padding: 30px !important;}
	.swiper-txt h2 {font-size: 50px !important; line-height: 50px !important;}
	.footer-inner .col {min-width: 100%; clear: both; text-align: center; padding-bottom: 14px;}
  .col.footer-copyright p, .col.footer-copyright {text-align: center !important;}
  .footer-copyright ul li a {margin: 0 5px !important;}
  
  
	.page-id-279 .industries-title {padding-top: 140px; padding-bottom: 0px;}
.page-id-279 .general-content {padding: 0px 10px !important;}
	header .navbar {padding-top:20px !important;}
	.industry-row {max-height: 400px;}
  .industry-tag h3 {font-size: 30px !important;}
	.industries-title h2 {font-size: 40px !important;}
	.page-id-15 .big-box-wrap {padding: 10px !important;}
  .page-id-242 .big-box-wrap {padding: 15px !important;}
  .nf-field-label {display: none;}
	.listcheckbox-wrap .nf-field-label {display: block;}
.file_upload-wrap  .nf-field-label {display: block;}


	.services-list-tag h1 {font-size: 50px !important;}
    .services-text-wrap {padding: 30px !important;}
    .services-list {padding-bottom: 0 !important;}
    .cta .col, .cta .row {padding: 0 !important; margin: 0 !important;}
    .page-id-13 .cta-right {display: none;}
    .services-hero {min-height: 340px !important; max-height: 340px !important; margin-top: 100px !important;}
    .services-hero-tag h1 {font-size: 40px !important;}
    .services-hero-tag {top: 120px !important; z-index: 3;}
    .services-floater {display: none;}
	
	
    .col {clear: both; min-width: 100%;}
    .big-box {padding: 90px 20px !important; width: 100%; background-position: unset !important;}
    .big-box-wrap {padding: 30px !important;}
    .about-intro .intro-left {padding: 40px 20px 20px 20px !important;}
    .about-intro .intro-right {padding: 20px !important;}
    .about-team h4 {left: -55px !important;}
    .founder-wrap {padding: 30px !important;}
    .about-team {margin-top: 60px;}
    .founder-wrap img {min-width: 80%;}
    .general-content {padding: 30px !important;}
    .general-content h1 {font-size: 40px !important;}
    .about-hero h1 {font-size: 65px !important;}
	.big-box-wrap h2 {line-height: 1.1em !important; font-size: 40px !important; margin-top: 30px;}
    .big-box {background-position: center right !important;}
    .cta-content-wrap {padding: 40px !important;}
    .cta-content-wrap br {display: none;}
    .cta-content-wrap h2 {font-size: 36px !important; line-height: 1.3em !important;}
}

.page-id-14 .industries-title {padding-bottom: 0; text-align: center;}
.nf-form-title, .ninja-forms-req-symbol, .nf-form-fields-required {display: none;}
.page-id-15 .big-box h2 {margin-bottom: 50px;}
.listcheckbox-container li {display: inline-block; }
.page-id-15 .big-box {text-align: left;}
.nf-field-label label {text-transform: uppercase; letter-spacing: 2px; font-size: 16px !important; }
.nf-field-label {padding-bottom: 10px !important; padding-top: 20px !important;}
.nf-fu-progress {margin-top: 10px;}
.nf-element[type="button"] {text-transform: uppercase; font-weight: bold; letter-spacing: 4px;}
.listcheckbox-container .nf-field-element label {margin-right: 20px;}
.nf-fu-progress-bar {background-color: #000 !important;}
.files_uploaded a {color: #000; text-decoration: underline;}
.thanks {text-align: center; padding: 90px 0px;}
.thanks h1 {font-size: 60px;}
.thanks p {font-size: 22px !important;}
.page-id-15 .industries-title {padding-top: 100px;}
 
.page-id-242 .industries-title h3 a { font-family: 'Crimson Text'; font-weight: 100; font-size: 40px; letter-spacing: -0.01em;margin-bottom: 30px;}
.page-id-242 .industries-title {padding-top: 90px; padding-bottom: 90px;}

.col.footer-logo {text-align: center;}
.col.footer-copyright {text-align: right;}

.industries-served {clear: both; padding-top: 50px;}
.industries-served .container {text-align: center; padding-bottom: 50px;}
.industries-served h1 {font-weight: 100; font-size: 50px; letter-spacing: -0.01em; }
.industry-row {clear: both; background-size: cover; background-position: center center; height: 600px; position:relative; border-top: 5px solid #FFF;}
.industry-feather {position: absolute; left: 00px; bottom: 0px; width: 100%; background: transparent; height: 300px; z-index: 1;
background: -moz-linear-gradient(top,  transparent 25%, #000000 100%);
background: -webkit-linear-gradient(top,  transparent 25%,#000000 100%);
background: linear-gradient(to bottom,  transparent 25%,#000000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='#000000',GradientType=0 );}
.industry-tag h3 {color: #FFF; font-weight: 100; font-size: 54px; line-height: 1.4em; margin: 0; }
.industry-tag {position: absolute; left: 40px; bottom: 40px; z-index: 3;}
/* Fade */
/*=== Trigger  ===*/
.animate {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
/*=== Optional Delays, change values here  ===*/
.one {
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.two {
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  animation-delay: 1.5s;
}
.three {
  -webkit-animation-delay: 2.5s;
  -moz-animation-delay: 2.5s;
  animation-delay: 2.5s;
}
.four {
  -webkit-animation-delay: 3.5s;
  -moz-animation-delay: 3.5s;
  animation-delay: 3.5s;
}
.five {
  -webkit-animation-delay: 4.5s;
  -moz-animation-delay: 4.5s;
  animation-delay: 4.5s;
}
.six {
  -webkit-animation-delay: 5.5s;
  -moz-animation-delay: 5.5s;
  animation-delay: 5.5s;
}
.seven {
  -webkit-animation-delay: 6.5s;
  -moz-animation-delay: 6.5s;
  animation-delay: 6.5s;
}
.eight {
  -webkit-animation-delay: 7.5s;
  -moz-animation-delay: 7.5s;
  animation-delay: 7.5s;
}
/*=== Animations start here  ===*/
/*==== FADE IN UP ===*/
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
 
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
   
  }
  to {
    opacity: 1;
    
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
/*=== FADE IN DOWN ===*/
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/*=== FADE IN LEFT ===*/
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
/*==== FADE IN RIGHT ===*/
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
/*=== FADE IN  ===*/
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
/*=== FADE IN UP Big ===*/
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/*=== FADE IN DOWN Big ===*/
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/*=== FADE IN LEFT Big ===*/
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/*=== FADE IN RIGHT Big ===*/
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.industries-title {clear: both; padding-top: 200px; padding-bottom: 50px;}
.industries-title h2 {font-weight: 100; font-size: 42px; letter-spacing: -0.01em; margin-bottom: 25px; }
.industries-title h3 {font-weight: 100; font-size: 30px; letter-spacing: -0.01em;  margin-bottom: 15px; }
.industries-text-item.line_0, .industries-text-item.line_1, .industries-text-item.line_2, .industries-text-item.line_3, .industries-text-item.line_4, .industries-text-item.line_5 { margin-bottom: 15px; font-size: 24px;}
.page-id-14 .industries-text-item.line_3,.page-id-15 .industries-text-item.line_4 {color: #000 !important;}

.industries-text-item {clear:both; font-family: 'Crimson Text'; font-weight: 100; color: #000; font-size: 40px; line-height: 1.2em; }

.services-floater {font-weight: 700 !important; color: #FFF; font-size: 20px; letter-spacing: 4px; position: absolute; right: 50px; top: 50px;transform: rotate(90deg);}
.page-id-13 {background: #000;}
.page-id-13 .cta-left {background: #FFF;}
.page-id-13 .cta-left .line {background: #000;}
.page-id-13 .cta-left h3, .page-id-13 .cta-left h2 {color: #000;}
.services-text h3 {font-weight: 100; letter-spacing: -0.01em; font-size: 36px;}
.services-text p {color: #747474; font-weight: 400; line-height: 1.5em;}
.services-list-tag {clear: both; margin-top: 60px; margin-bottom: 70px;}
.services-list-tag h1 {color: #FFF; font-weight: 100; font-size: 90px; letter-spacing: -0.01em; margin-bottom: 10px;}
.services-list-tag p {color: #969696; font-weight: 400; font-size: 19px; line-height: 1.7em; max-width: 75%;}
.services-list {position: relative; padding-bottom:90px;}
.services-text {background: #FFF; }
.services-text-wrap {padding: 20px 120px;}
.services-row .col {padding: 0; margin-bottom: 10px;}
.services-img img {width: 100%; height: auto;}
.services-text {display: flex; align-items: center; justify-content: center;}
.services-list .container {max-width: 1300px;}
.services-list {background: #000;}
.services-hero {clear: both; text-align: center; position: relative; width: 100%; height: 75vh; min-height: 920px; background-size: cover; background-position: center top;}
.services-hero:before {content: " "; position: absolute; width: 100%; height: 200px; z-index: 2; width: 100%; left: 0; bottom: 0; background: transparent;
background: -moz-linear-gradient(top,  transparent 0%, #000000 72%);
background: -webkit-linear-gradient(top,  transparent 0%,#000000 72%);
background: linear-gradient(to bottom,  transparent 0%,#000000 72%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='#000000',GradientType=0 );
}
.services-hero-tag {color: #FFF; position: absolute; width: 100%; text-align: center; top: 200px; }
.services-hero-tag h3 {    color: #FFF;
    font-family: 'Roboto';
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 4px;
    font-size: 16px;}
.services-hero-tag h1 {color: #FFF;
    font-weight: 100;
    font-size: 86px;}
	
	
	
.swiper-slide {max-height: 880px;}
.hero-bottom {z-index: 999 !important; position: relative;}
.navbar-brand img {max-width: 260px;}
.general-content .container {max-width: 1200px;}
.about-hero {clear: both; margin-top: 110px; padding: 260px 0px; background-size: cover; background-position: center center;}
.about-hero h3 {color: #FFF; font-family: 'Roboto'; text-transform: uppercase; font-weight: 400; letter-spacing: 4px; font-size: 16px;}
.about-hero h1 {color: #FFF; font-weight: 100; font-size: 86px; line-height: 1em;}
.about-intro .intro-left p {font-weight: 500; letter-spacing: 2px; font-size: 19px; margin-bottom: 0;}
.about-intro .intro-left {padding: 100px 0px; padding-right: 20px; border-right: 1px solid #000; text-align: center;}
.about-intro .intro-right {padding: 100px 0px; padding-left: 70px;}
.about-intro .intro-right p {color: #969696; font-family: 'Crimson Text'; font-size: 22px; line-height: 1.6em; }
.about-team {clear: both; background: #000; text-align: center; position: relative;}
.about-team h4 {position: absolute;color: #FFF;transform: rotate(90deg);z-index: 2;font-family: 'Roboto';text-transform: uppercase;letter-spacing: 2px;font-size: 19px;top: 26px;}
.about-team h4 span {padding-right: 10px;}
.founder-wrap {padding: 100px;}
.founder-wrap img {width: 60%; height: auto;}
.founder-wrap h3 {color: #FFF;  font-weight: 100; font-size: 40px; margin-top: 30px;}
.founder2 {background: #101010;}
.general-content {padding: 90px 90px;}
.general-content h3 {color: #b6b6b6; font-family: 'Roboto'; text-transform: uppercase; letter-spacing: 4px; font-size: 20px;}
.general-content h1 {font-weight: 100; font-size: 40px; margin-bottom: 20px;letter-spacing: -0.01em;}
.general-content p {font-size: 17px; line-height: 1.85em;}
.big-box {clear: both; text-align: center; padding: 250px 150px; background-size: cover; background-position: center top; background-attachment: fixed;}
.big-box-wrap {background: #FFF; position: relative; padding: 90px 150px; max-width: 1100px; margin: 0 auto;}
.big-box-badge {position: absolute; top: -40px; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 70px;}
.big-box-wrap h2 {font-weight: 100; letter-spacing: -0.02em; line-height: 1.5em; font-size: 50px; margin-bottom: 10px;}
.big-box-wrap p {font-size: 18px; line-height: 1.6em;}
.cta {clear: both; border-top: 5px solid #FFF; border-bottom: 5px solid #FFF;}
.cta-right {background-size: cover; background-position: left center;}
.cta-content-wrap {text-align: center; padding: 190px 70px;}
.cta-content-wrap .line {background: #FFF;}
.cta-content-wrap h3 {font-family: 'Roboto'; font-size: 17px; letter-spacing: 3px; margin-top: 40px; margin-bottom: 20px; color: #FFF;} 
.cta-content-wrap h2 {font-weight: 100; font-size: 46px; margin-bottom: 30px; color: #FFF;}
.cta-left {background: #000;}
.btn {background-image: linear-gradient(3deg, #9a9ea3 0%, #c9cdd2 53%, #9a9ea3 100%); font-size: 15px; border-radius: 0; letter-spacing: 2px; line-height: 32px; text-transform: uppercase; color: #000000;  font-weight: 500; padding: 12px 30px;}