/* Frozen Visual Composer page "Custom CSS" field (live head, 2026-08-12).
   While the js_composer plugin is active these rules also print in the head
   -- identical rules, harmless duplication; this copy keeps the page intact
   once the plugin is deactivated. */
.promo-language p {font-size:28px; color:#ffffff; line-height:50px;}
.translation-process-right p {font-size:18px; font-weight:300; color: #58595b;}
.promo-class {line-height:40px;}
.accord_col .vision-accordion dt {
    border: 1px solid #E1E1E1 !important;
    background-image: -moz-linear-gradient(center top , #FFF 0%, #EFEFEF 100%) !important;
}
.services-list .icons {top:20px !important};
.ul.services-list li p {font-size:18px !important;}
.language-column p {font-size:18px !important; font-weight:300;}
.orbit-text-wrap .callout-heading-wrap h3 {font-size:20px !important;}

.promo-language .promo-text {
    font-size: 28px;
    color: #FFF;
    line-height: 50px;
    margin-right: 30px;
}

.continent-label p {
    font-size: 24px;
    font-weight: 300;
    text-align: center;
    color: #23323A;
    cursor: pointer;
}

.continent-label:hover p {
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    color: #45B17B;
}

.continent-label.clicked p {
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    color: #45B17B;
}

.asian_language_block, .african_language_block {
    display: none;
}

.vc_row.row-continent-labels {
    
    margin-bottom: 50px !important;
}

.quality-language-title-row h1 {
    
    line-height: 50px;
}

a.button.biggest.variant2 {font-family:Helvetica; font-size:12px;}

.services-list li h3 {font-size:18px; margin-top: 5px; margin-bottom: 5px;}
.services-list .icons {font-size:32px;}
.services-list .icons {top:15px;}
.services-list li {padding-left: 70px!important; padding:10px 0;}
.accord_col .vision-accordion dt {padding:15px 0px !important;}
.vision-accordion {font-size:16px;}
.vision-accordion dd {color:#58595b;}
.under-service-cta h3 {
    font-size: 32px;
    font-family: 'Montserrat',sans-serif;
    font-weight: 500;
    color:#525252;
}
/* Awards */

.awards-title {
    font-size: 15px;
    line-height: 20px;
}

.eq-cols-text {
    display: flex;
    align-items: center;
    justify-content: center;
}
.eq-cols-text, .awards-long-text {
    color: #fff;
    margin: 0;
    font-weight:600;
}
.awards-nominations-lists-cont {
    display: flex;
}
.awards-nominations-lists-cont ul li {
    color: #FFF;
    font-size: 13px;
    line-height: 16px;
    list-style-type: disc;
    margin-bottom: 10px;
}
.award-logos-row {
    display: flex;
    align-items: center;
}
.awards-nominations-row1 .wpb_column:nth-child(2) .awards-nominations-images-cont {
    margin-bottom: 20px;
}
.awards-nominations-row1 .wpb_column:nth-child(4) .awards-nominations-images-cont {
    margin-top: 20px;
}
.awards-nominations-lists-cont ul {
    padding-left:30px;
}
.awards-nominations-images-cont {
    display: flex;
    width: 100%;
}
.awards-nominations-image-cont {
    width: 50%;
    text-align: center;
}
.eq-col3 {
    background: url(/wp-content/uploads/2021/07/eko4-translations-florida-awards-1.jpg);
    background-size: cover;
    background-position: top center;
}
.awards-nominations-row1 .vc_column-inner, .awards-nominations-row2 .vc_column-inner {
    display: flex;
    justify-content: center;
    align-items: center;
}
.awards-nominations-row1 {
    display: flex;
    flex-wrap: wrap;
}
.awards-nominations-row2 {
    display:flex;
}
.eq-col2 {
    background-color: #fff;
}
.eq-col2 li, .eq-col4 .awards-title {
    color:#525252!important;
}
.eq-col4 {
    background-color: #fff;
}
.eq-col5 {
    background: url(/wp-content/uploads/2021/07/eko4-translations-florida-awards3.jpg);
    background-size: cover;
    display:flex;
    align-items:flex-end;
    background-position: center;
}
.eq-col6 {
    display:flex;
    align-items:center;
    justify-content:center;
}
.eq-col7 {
    background: url(/wp-content/uploads/2021/07/award-winning-translation-agency-florida.jpg);
    background-size: cover;
    display:flex;
    align-items:flex-end;
    background-position: center;
}
.award-desc {
    background: #EB3136;
    color: #fff;
    text-align: center;
    padding: 10px;
    font-weight:600;
}
.eq-col5 .vc_column-inner, .eq-col7 .vc_column-inner {
     padding-left:0;
     padding-right:0;
}
.eq-col6 {
    min-height:250px;
    background-color: #45b17b;
}
@media (min-width: 768px) and (max-width: 1080px) {
.awards-nominations-row1 .vc_col-sm-3 {
    width: 50%!important;
 }
}
@media (max-width: 768px) {
    .bubble-text {
        margin-left:10px;
        margin-right:10px;
        padding-left:40px!important;
        padding-right:40px!important;
    }
    
    .awards-nominations-row2 {
        flex-direction:column;
    }
    .awards-nominations-row2 .wpb_column {
        width: 100%!important;
    }
    .awards-nominations-row1 .wpb_column, .awards-nominations-row2 .wpb_column {
      min-height: 300px;
      margin-top: 20px;
    }
    .eq-col7 {
        margin-bottom:40px;
    }
    .awards-nominations-row1 .wpb_wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .eq-col5 .wpb_wrapper, .eq-col7 .wpb_wrapper {
        width:100%;
    }
}
@media (max-width:600px) {
  .awards-nominations-row2 .wpb_column {
    margin-bottom: 0px!important;
  }
}
.intro-txt p {
    font-size:16px;
    line-height:1.6;
}
.cta-white-text-curved {
    padding-bottom:60px;
}
.bubble-text {
    padding: 50px 56px;
    border-radius: 165px;
    border: 3px solid #48b37d;
}
.slider-main-title {
    margin-top: 10px;
    margin-bottom: 15px;   
}
@media (min-width:992px) {
    .slider-main-title {
        font-size: 24px;
        line-height: 32px;
    }
    }
.video-thumb img:hover {
    opacity:0.8;
}

/* Frozen Visual Composer per-element design options (live head, 2026-08-12).
   While the js_composer plugin is active these rules also print in the head
   -- identical rules, harmless duplication; this copy keeps the page intact
   once the plugin is deactivated. */
.vc_custom_1664040871567{margin-bottom: 30px !important;padding-top: 40px !important;}.vc_custom_1651487158572{margin-top: 40px !important;}.vc_custom_1632309508399{margin-bottom: 60px !important;}.vc_custom_1632082331574{background-image: url(/wp-content/uploads/2021/09/certified-translation-in-progress-1.jpg?id=9565) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}.vc_custom_1632082261236{border-bottom-width: 0px !important;background-image: url(/wp-content/uploads/2015/11/certified-translation-service-agency.jpg?id=8931) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}.vc_custom_1659354188763{margin-top: 60px !important;}.vc_custom_1632304793843{padding-top: 60px !important;padding-bottom: 50px !important;}.vc_custom_1627328971492{margin-top: 30px !important;margin-bottom: 30px !important;}.vc_custom_1606299760981{padding-bottom: 40px !important;}.vc_custom_1651487114387{margin-top: 30px !important;}.vc_custom_1606328122726{padding-top: 65px !important;padding-bottom: 60px !important;}.vc_custom_1606328122726{padding-top: 65px !important;padding-bottom: 60px !important;}.vc_custom_1632082534690{margin-top: 0px !important;padding-top: 0px !important;}.vc_custom_1632082545216{margin-top: 0px !important;padding-top: 0px !important;}.vc_custom_1626814842124{padding-top: 48px !important;padding-right: 15px !important;padding-bottom: 48px !important;padding-left: 15px !important;background-color: #45b17b !important;}.vc_custom_1632077150122{padding-top: 20px !important;padding-right: 30px !important;padding-bottom: 20px !important;padding-left: 30px !important;background-color: #ffffff !important;}.vc_custom_1632077326821{padding-top: 20px !important;padding-right: 30px !important;padding-bottom: 20px !important;padding-left: 30px !important;background-color: #ffffff !important;}.vc_custom_1626816680727{padding-top: 20px !important;padding-right: 30px !important;padding-bottom: 20px !important;padding-left: 30px !important;background-color: #45b17b !important;}.vc_custom_1627334264391{margin-bottom: 70px !important;}.vc_custom_1631821560947{margin-top: 130px !important;margin-bottom: 60px !important;}.vc_custom_1606301866055{padding-top: 40px !important;padding-right: 20px !important;padding-bottom: 30px !important;padding-left: 20px !important;background-color: rgba(255,255,255,0.7) !important;*background-color: rgb(255,255,255) !important;}.vc_custom_1627329230810{margin-top: 20px !important;margin-bottom: 30px !important;}.vc_custom_1606302243363{margin-bottom: 35px !important;}.vc_custom_1606302250491{margin-bottom: 35px !important;}.vc_custom_1606302270898{margin-bottom: 35px !important;}


/* ==========================================================================
   Hero replica (no LayerSlider). Desktop: 1280x700 stage, centered, scaled
   by the inline script; layers absolutely positioned at the original
   LayerSlider coordinates. Under 992px: flow layout the theme's mobile
   !important overrides (style.css) were written against -- deco layers hide,
   the white box centers at 85vw, the container heights come from the theme
   (.home .ls-wp-container / .ls-inner rules). Base rules here deliberately
   avoid !important so the theme keeps winning exactly as it did over
   LayerSlider. */

#eko4-hero-slider { position: relative; width: 100%; height: 700px; overflow: hidden; }
#eko4-hero-slider .ls-inner { position: relative; width: 100%; height: 100%; }
#eko4-hero-slider .ls-layers { position: absolute; top: 0; left: 50%; width: 1280px; height: 700px; margin-left: -640px; transform-origin: top center; }
#eko4-hero-slider .ls-wrapper { position: absolute; }

/* Ken Burns background: spans the full slider width like the original
   fullwidth slider, slow zoom to 1.2. */
#eko4-hero-slider .eko4-hero-bg-wrap { position: absolute; top: 0; left: 50%; width: 2000px; margin-left: -1000px; height: 100%; overflow: visible; }
#eko4-hero-slider .ls-bg { display: block; width: 2000px; height: auto; animation: eko4-kenburns 25s linear forwards; transform-origin: 50% 50%; }
@keyframes eko4-kenburns { from { transform: scale(1); } to { transform: scale(1.2); } }

/* Layer positions = original LayerSlider layer coordinates. */
.eko4-hl-screen2 { top: 276px; left: 448px; }
.eko4-hl-screen1 { top: 276px; left: -56px; }
.eko4-hl-screen4 { top: 245px; left: 884px; }
.eko4-hl-screen5 { top: 20px;  left: 972px; }
.eko4-hl-screen3 { top: 20px;  left: 463px; }
.eko4-hl-group   { top: 139px; left: 666px; }
.eko4-hl-award   { top: 119px; left: -143px; }
.eko4-hl-box     { top: 172px; left: 74px; }

.eko4-hl img.ls-l { display: block; }
.eko4-hl-screen1 img, .eko4-hl-screen2 img, .eko4-hl-screen3 img, .eko4-hl-screen4 img, .eko4-hl-screen5 img { width: 722px; height: 381px; }
.eko4-hl-group img { width: 417px; height: 339px; }
.eko4-hl-award img { width: 242px; height: 523px; }

/* The white content box -- inline styles of the original layer. */
.eko4-hl-box .home-form-box { width: 700px; padding: 20px; font-size: 18px; background-color: rgba(255, 255, 255, 0.9); border-radius: 10px; color: #333333; font-family: Nunito, sans-serif; white-space: normal; }

/* Entrance animations -- timings from the original layer data
   (delayin/durationin; screens slide in from above without fade, the group
   badge drops with an overshoot, the box fades in). */
.eko4-hl { animation-fill-mode: both; }
.eko4-hl-screen1 { animation: eko4-drop-in 1.5s cubic-bezier(0.23, 1, 0.32, 1) 0.5s both; }
.eko4-hl-screen2 { animation: eko4-drop-in 1.5s cubic-bezier(0.23, 1, 0.32, 1) 0.9s both; }
.eko4-hl-screen3 { animation: eko4-drop-in-fade 1s cubic-bezier(0.23, 1, 0.32, 1) 1.2s both; }
.eko4-hl-screen4 { animation: eko4-drop-in-fade 1s cubic-bezier(0.23, 1, 0.32, 1) 1.4s both; }
.eko4-hl-screen5 { animation: eko4-drop-in 1s cubic-bezier(0.23, 1, 0.32, 1) 1.6s both; }
.eko4-hl-group   { animation: eko4-drop-bounce 1.5s cubic-bezier(0.34, 1.56, 0.64, 1) 2.2s both; }
.eko4-hl-box     { animation: eko4-fade-in 1.5s ease 0.3s both; }
@keyframes eko4-drop-in { from { transform: translateY(-750px); } to { transform: translateY(0); } }
@keyframes eko4-drop-in-fade { from { transform: translateY(-750px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
@keyframes eko4-drop-bounce { from { transform: translateY(-350px); opacity: 0; } 30% { opacity: 1; } to { transform: translateY(0); opacity: 1; } }
@keyframes eko4-fade-in { from { opacity: 0; } to { opacity: 1; } }

/* Mobile / tablet flow mode (<=991px): matches the theme's overrides that
   used to restyle LayerSlider (form box centered at 85vw, deco screens off,
   container heights from style.css !important rules). */
@media (max-width: 991px) {
	#eko4-hero-slider { height: auto; }
	#eko4-hero-slider .ls-layers { position: relative; top: auto; left: auto; width: auto; height: auto; margin-left: 0; transform: none; }
	/* padding-top clears the transparent overlay header (headerstyle7) so the
	   content box starts below it, like the original slider's mobile layout. */
	#eko4-hero-slider .ls-inner { display: flex; align-items: flex-start; justify-content: center; min-height: 460px; padding-top: 75px; box-sizing: border-box; }
	.eko4-hl-screen1, .eko4-hl-screen2, .eko4-hl-screen3, .eko4-hl-screen4, .eko4-hl-screen5, .eko4-hl-group, .eko4-hl-award { display: none; }
	#eko4-hero-slider .eko4-hl-box { position: relative; top: auto; left: auto; margin: 30px auto; animation: eko4-fade-in 1s ease 0.2s both; }
	.eko4-hl-box .home-form-box { width: 85vw; }
	#eko4-hero-slider .eko4-hero-bg-wrap { left: 0; margin-left: 0; width: 100%; }
	#eko4-hero-slider .ls-bg { width: 100%; height: 100%; object-fit: cover; animation: none; }
}

/* ==========================================================================
   Gambit image-parallax replacement: all three parallax rows used the plugin
   with data-velocity='-0' data-direction='fixed', i.e. a fixed background.
   The two CTA rows already carry their background image via the frozen
   vc_custom rules above and only need background-attachment:fixed; the
   "Some of our clients" row (.vc_row-no-padding, unique on this page) got
   its image entirely from the plugin, so it is set here (the faded look
   comes from the row's own rgba(255,255,255,.7) column fill). The plugin's
   empty positioning divs are hidden and its assets are dequeued on
   custom-chrome pages. */
.parallax-cta-row { background-attachment: fixed !important; }
/* :not(.maps-row) -- the "Near you" locations row carries vc_row-no-padding
   too and must NOT get the clients-section photo. */
.vc_row.vc_row-no-padding:not(.maps-row) {
	background-image: url(/wp-content/uploads/bfi_thumb/customer-service-awarded-translation-agency-pdhjia561z7bz1mqk8hqamnbuepq0likr24xwss5jk.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
.bg-parallax.gambit-bg-parallax { display: none; }
@media (max-width: 1024px) {
	/* iOS ignores background-attachment:fixed; scroll is what the plugin
	   fell back to on mobile as well (data-mobile-enabled off). */
	.parallax-cta-row, .vc_row.vc_row-no-padding:not(.maps-row) { background-attachment: scroll !important; }
}