.stc-cms-preview p.hidden-lg { display: none !important; } .stc-cms-preview img.visible-lg { display: block !important } html { scroll-behavior: smooth; } @font-face { font-family: 'AcuminPro-Bold'; src: url('../fonts/AcuminPro-Bold.eot'); src: url('../fonts/AcuminPro-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/AcuminPro-Bold.ttf') format('truetype'), url('../fonts/AcuminPro-Bold.woff') format('woff'), url('../fonts/AcuminPro-Bold.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GillSansNova-Medium'; src: url('../fonts/GillSansNova-Medium.eot'); src: url('../fonts/GillSansNova-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/GillSansNova-Medium.ttf') format('truetype'), url('../fonts/GillSansNova-Medium.woff') format('woff'), url('../fonts/GillSansNova-Medium.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GillSansNova-SemiBold'; src: url('../fonts/GillSansNova-SemiBold.eot'); src: url('../fonts/GillSansNova-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/GillSansNova-SemiBold.ttf') format('truetype'), url('../fonts/GillSansNova-SemiBold.woff') format('woff'), url('../fonts/GillSansNova-SemiBold.woff2') format('woff2'); font-weight: normal; font-style: normal; } body { padding: 0; padding-top: 0 !important; font-size: 16px; font-family: 'GillSansNova-Medium', sans-serif; } /*body main { padding-top: 70px; }*/ h1, h2, h3, h4, h5 { font-family: 'AcuminPro-Bold', sans-serif; } h1 { margin-top: 10px; font-size: 56px; } h2 { margin-top: 10px; } p, ul li, ol, li { font-family: 'GillSansNova-Medium', sans-serif; font-size: 16px; } ul li { text-align: left; } .navbar-nav>li>a { font-size: 16px; } .stc-video-responsive { margin-top: 10px; margin-bottom: 10px; } .stc-video-responsive iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .btn-primary { color: #fff; font-size: 16px; text-transform: uppercase; padding: 5px 30px; margin-top: 20px; border-radius: 0px; border: 1px solid #f4a000; background-color: #f4a000; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active { background-color: #97bad3 !important; border-color: #97bad3 !important; } .btn-default { color: #fff; font-size: 16px; font-family: 'GillSansNova-Medium', sans-serif; text-transform: uppercase; padding: 10px 30px; margin-top: 20px; border-radius: 0px; border: 3px solid #fff; background-color: transparent; } .btn-default:hover, .btn-default:focus, .btn-default:active { color: #000; background-color: #fff !important; border-color: #fff !important; } .btn-secondary { color: #fff; font-size: 16px; text-transform: uppercase; padding: 10px 30px; margin-top: 20px; border-radius: 0px; border: 1px solid #3291c1; background-color: #3291c1; } .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active { color: #fff; background-color: #f4a000 !important; border-color: #f4a000 !important; } section { padding-top: 60px; padding-bottom: 60px; } a img:hover { opacity: 0.85; filter: alpha(opacity=85); transition: 0.5s; } @media screen (min-width: 768px) { .dropdown:hover > .dropdown-menu { display: block; } } .section-20 { padding-top: 20px; padding-bottom: 20px; } .section-40 { padding-top: 40px; padding-bottom: 40px; } .section-60 { padding-top: 60px; padding-bottom: 60px; } .section-80 { padding-top: 80px; padding-bottom: 80px; } .section-120 { padding-top: 120px; padding-bottom: 120px; } .no-padd-top { padding-top: 0 !important; } .no-padd-bot { padding-bottom: 0 !important; } .padd-top-20 { padding-top: 20px; } .padd-top-40 { padding-top: 40px; } .padd-bot-20 { padding-bottom: 20px; } .mtop-1 { margin-top: 10px; } .mtop-2 { margin-top: 20px; } .mtop-3 { margin-top: 30px; } .mtop-4 { margin-top: 40px; } .mbot-1 { margin-bottom: 10px; } .mbot-2 { margin-bottom: 20px; } .mbot-3 { margin-bottom: 30px; } .mbot-4 { margin-bottom: 40px; } .mbot-5 { margin-bottom: 50px; } .bg-light-blue { background-color: #b2d5e8; } .bg-gray-light { background-color: #eee; } .navbar { margin-bottom: 0px; min-height: 80px; border-radius: 0px; border-color: transparent; -webkit-box-shadow: 0px 3px 9px 0px rgba(39, 38, 38, 0.25); -moz-box-shadow: 0px 3px 9px 0px rgba(39, 38, 38, 0.25); box-shadow: 0px 3px 9px 0px rgba(39, 38, 38, 0.25); } .navbar { z-index: 99999; } .navbar-brand { padding: 12px 15px; } .navbar-brand>img { max-width: 235px; } nav.navbar > .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .navbar-default .navbar-collapse { padding-top: 14px; } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color: #1d77a5; background-color: transparent !important; } .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { color: #3291c1; } .navbar-default .navbar-nav>li>a, .navbar-default .navbar-text { color: #474747; font-family: 'Roboto', sans-serif; } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { color: #3291c1; background-color: transparent; } .dropdown-menu>li>a { font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 400; color: #333; } .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { color: #fff; font-size: 16px; text-decoration: none; background-color: #3291c1; } .dropdown-menu { border-radius: 0; border-color: #fff; } #stc-navbar > ul { float: right !important; margin-right: -15px; } .nav-fixed { position: fixed; top: 0; right: 0; left: 0; z-index: 99999; border-radius: 0; -webkit-box-shadow: 0px 3px 9px 0px rgba(39, 38, 38, 0.25); -moz-box-shadow: 0px 3px 9px 0px rgba(39, 38, 38, 0.25); box-shadow: 0px 3px 9px 0px rgba(39, 38, 38, 0.25); transition: all 0.5s ease 0s; } .nav-body { padding-top: 80px; } @media (min-width: 768px) { nav.navbar > .container-fluid { width: 750px; } } @media (min-width: 992px) { nav.navbar > .container-fluid { width: 970px; } } @media (min-width: 1200px) { nav.navbar > .container-fluid { width: 1170px; } } .main-banner { padding: 0; } .main-banner > .container-fluid > .row > div:nth-child(1) { padding-left: 0px; padding-right: 0px; } .main-banner .slick-slide, .main-banner { color: #fff; padding-top: 200px; padding-bottom: 200px; min-height: 600px; background-color: #eee; background-repeat: no-repeat; background-position: center center; } .main-banner h1, .main-banner h2, .main-banner h3, .main-banner p { color: #fff; } .main-banner h1 { font-family: 'AcuminPro-Bold', sans-serif; margin-bottom: 50px; font-weight: 600; } .main-banner img { -webkit-box-shadow: 0px 3px 9px 0px rgba(39, 38, 38, 0.25); -moz-box-shadow: 0px 3px 9px 0px rgba(39, 38, 38, 0.25); box-shadow: 0px 3px 9px 0px rgba(39, 38, 38, 0.25); } .no-padding { padding: 0; } .mright-3 { margin-right: 30px; } .membership h2 { font-family: 'GillSansNova-Medium'; margin-top: 0; } .services { background-image: url(../lfm/saiff/photos/shares/banners-7/services-bg.jpg); background-size: cover; background-color: #0782ad; background-repeat: no-repeat; background-position: top center; } .services h2, .services h3, .services h4, .services h5, .services p { color: #fff; } .services h2 { font-family: 'AcuminPro-Bold', sans-serif; font-weight: 600; border-left: 15px solid #f4a000; padding-left: 10px; } .services h3 { display: block; color: #f4a000; font-family: 'GillSansNova-SemiBold'; font-style: italic; } .services #services1 .container > .row > div:nth-child(1) h3 { text-shadow: 0px 4px 1px #094663; } .services #services2 .container > .row > div:nth-child(2) h3 { text-shadow: 0px 4px 1px #094663; } #services2 { padding-top: 5px; } #services2 .container { padding-top: 100px; border-top: 3px solid rgba(255,255,255,0.3); } .publishing { padding-bottom: 150px; background-image: url(../lfm/saiff/photos/shares/banners-7/outsourcing-bg.jpg); background-size: cover; background-color: #ccc; background-repeat: no-repeat; background-position: top center; } .publishing h2, .publishing h3, .publishing h4, .publishing p { color: #fff; } .publishing h2 { font-family: 'AcuminPro-Bold', sans-serif; font-weight: 600; } .publishing .btn-secondary { padding: 10px 30px; margin-top: 20px; border-radius: 0px; border: 3px solid #3291c1; margin-left: 20px; } .technical-writing { background-image: url(../lfm/saiff/photos/shares/banners-7/technical-writing-bg.jpg); background-size: cover; background-color: #0782ad; background-repeat: no-repeat; background-position: bottom center; } .technical-writing h2 { font-size: 70px; margin-top: 0px; margin-bottom: 30px; } .technical-writing p { font-size: 20px; } .testimonial-box { padding: 20px 40px; margin-top: 40px; background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.15) 0%, transparent 47%, transparent 100%); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.15) 0%, transparent 47%, transparent 100%); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.15) 0%, transparent 47%, transparent 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.15) 0%, transparent 47%, transparent 100%); } .testimonials .stc-sliders .slick-slide p { color: #fff !important; font-size: 25px; text-align: center; } .testimonials #slider-row-column-cb-70 > div.stc-slider-header { color: #fff !important; padding-right: 10px !important; } .testimonial { padding-top: 20px; padding-bottom: 100px; } .testimonial > .container { border-top: 2px solid #b3b3b3; } .testimonial .stc-slider-header { padding-top: 80px !important; margin-bottom: 40px !important; } .testimonial #slider-row-column-cb-160 .stc-slider-header { font-weight: 700; font-family: 'AcuminPro-Bold', sans-serif; } .testimonial .stc-slide { padding: 30px; } .testimonial .stc-slide .quote { margin-bottom: 30px; } .testi-box { float: left; margin-right: 30px; text-align: center; } .testi-box img { width: 160px; border-radius: 100%; } .testi-box p { font-weight: 700; text-align: center; margin-top: 10px; } .quote::before { font: normal normal normal 14px/1 FontAwesome; content: "\f10d"; font-size: 60px; color: #f8a01b; margin-right: 10px; } .quote::after { position: absolute; font: normal normal normal 14px/1 FontAwesome; content: "\f10e"; font-size: 60px; color: #f8a01b; margin-left: 10px; } .contact-us { color: #0175b2; padding-top: 150px; padding-bottom: 180px; background-size: cover; background-color: #0175b2; background-repeat: no-repeat; background-position: center center; } .contact-us h1, .contact-us h2, .contact-us h3, .contact-us h4, .contact-us h5, .contact-us p { color: #fff; } .contact-us h1, .contact-us h2 { font-size: 55px; font-family: 'AcuminPro-Bold', sans-serif; font-weight: 600; border-left: 15px solid #f4a000; padding-left: 20px; } .contact-us .container .row > div:nth-child(1) h3 { text-transform: uppercase; } .contact-us .fa { color: #f4a000; font-size: 18px; } .contact-us .container .row div.col-md-6 > .container { width: 100%; padding: 20px 30px; background-color: #fff; } .contact-us label { opacity: 0; height: 5px; } .contact-us .btn-primary { width: 100%; font-size: 18px; font-family: 'AcuminPro-Bold', sans-serif; text-transform: initial; padding: 10px 30px; border-radius: 0; border-color: #f8a01b; background-color: #f8a01b; } .contact-us .btn-primary:hover, .contact-us .btn-primary:focus, .contact-us .btn-primary:active { background-color: #3291c1 !important; border-color: #3291c1 !important; } .contact-us .g-recaptcha { margin-top: 30px; margin-bottom: 30px; } .contact-us form h3 { color: #0175b2; font-size: 32px; font-weight: 400; text-align: center; } .contact-us form p { color: #0175b2; text-align: center; font-size: 16px; } .our-clients h2 { display: inline-block; font-weight: 700; font-family: 'AcuminPro-Bold', sans-serif; display: inline-block; text-align: center; padding-bottom: 30px; } .our-clients .container .row div:nth-child(1) { text-align: center; } input[type=text], input[type=email], input[type=password], input[type=date], select, textarea { font-family: 'GillSansNova-Medium'; font-size: 18px !important; color: #000 !important; height: auto !important; font-weight: 400; padding: 8px 15px !important; border-radius: 0px !important; background-color: #fff; border: 1px solid #ccd0d2 !important; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .form-group { margin-bottom: 5px; } .stc-rp-con { position: relative; padding-left: 28px; } .stc-rp-con>i { color: #3291c1; position: absolute; top: 6px; left: 0; } .fa-social { margin-right: 10px; font-size: 26px !important; } .footer-bot { position: relative; z-index: 9999; padding-top: 180px; padding-bottom: 30px; margin-top: -120px; background-image: url(../lfm/saiff/photos/shares/banners-7/footer-bg.png); background-size: cover; } .footer-bot .stc-rp-con a { color: #3097D1 !important; } .footer-bot2 { position: relative; z-index: 9999; padding-top: 180px; padding-bottom: 30px; margin-top: -128px; background-image: url(../lfm/saiff/photos/shares/banners-7/footer-background.png); background-size: cover; } .footer-bot p, .footer-bot2 p { color: #6d6e71; } .footer-bot input[type=text], .footer-bot2 input[type=text]{ display: inline-block; width: 160px; background-color: #d6e3e9 !important; height: 35px !important; } .footer-bot .btn-primary, .footer-bot2 .btn-primary { margin-top: 0; font-size: 14px; padding: 5px 20px; margin-top: -10px; border-color: #3291c1; background-color: #3291c1; } .footer-bot .container .row > div:nth-child(1), .footer-bot2 .container .row > div:nth-child(1) { padding: 30px 40px 30px 0px; } .footer-bot .container .row > div:nth-child(2), .footer-bot2 .container .row > div:nth-child(2) { padding: 30px 40px; border-left: 3px solid #d9e5eb; border-right: 3px solid #d9e5eb; } .footer-bot .container .row > div:nth-child(3), .footer-bot2 .container .row > div:nth-child(3) { padding: 30px 0px 30px 40px; } .slick-dots li.slick-active button:before { color: #3291c1 !important; opacity: .95 !important; } .slick-dots li button:before { color: #c1c1c1 !important; font-size: 16px !important; opacity: 0.6 !important; } .slick-dots { bottom: -40px !important; } .testimonials .slick-dots li.slick-active button:before { color: #f4a000 !important; border: 1px solid #f4a000; border-radius: 100%; opacity: .95 !important; } .testimonials .slick-dots li button:before { color: transparent !important; border: 1px solid #f4a000; border-radius: 100%; font-size: 16px !important; opacity: 1 !important; } .testimonials .slick-dots { bottom: -40px !important; } .about-banner { color: #fff; text-align: center; padding-top: 150px; padding-bottom: 200px; background-image: url(../lfm/saiff/photos/shares/banners-7/about-banner-bg.jpg); background-position: center center; background-size: cover; } .about-banner h1, .about-banner h2 { color: #fff; font-size: 80px; font-weight: 700; font-family: 'AcuminPro-Bold'; text-align: center; margin-bottom: 80px; } .about-banner p { color: #fff; font-size: 18px; text-align: center; margin-bottom: 50px; } .line-left { border-left: 15px solid #f4a000; padding-left: 15px; } .line-lblue { border-left: 15px solid #3291c1; padding-left: 15px; } .about-us1 { padding-top: 80px; padding-bottom: 0px; background-image: url(../lfm/saiff/photos/shares/banners-7/about-us.jpg); background-position: center center; background-size: cover; } .about-us1 section:nth-child(1) { padding-top: 0px; padding-bottom: 0px; } .about-us2 { padding-top: 10px; padding-bottom: 200px; } .our-pledge { background-image: url(../lfm/saiff/photos/shares/banners-7/quality-control.jpg); background-position: center center; background-size: cover; } .our-mission { background-image: url(../lfm/saiff/photos/shares/banners-7/our-mission.jpg); background-position: center center; background-size: cover; } .our-vision { padding-top: 150px; padding-bottom: 150px; background-image: url(../lfm/saiff/photos/shares/banners-7/our-vision-bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: 100%; -webkit-box-shadow: 0px 3px 9px 0px rgba(39, 38, 38, 0.25); -moz-box-shadow: 0px 3px 9px 0px rgba(39, 38, 38, 0.25); box-shadow: 0px 3px 9px 0px rgba(39, 38, 38, 0.25); } #about-us h2, .our-pledge h2, .our-mission h2, .our-vision h2 { font-family: 'AcuminPro-Bold', sans-serif; font-size: 50px; font-weight: 700; margin-top: 0px; margin-bottom: 40px; } #slider-row-column-cb-50 .slider { background-color: transparent !important; } .our-values h2, .who-we-are h2 { font-family: 'AcuminPro-Bold', sans-serif; font-size: 70px; font-weight: 700; margin-top: 0px; margin-bottom: 10px; } .our-values h3 { font-family: 'GillSansNova-Medium', sans-serif; } .who-we-are h3 { font-size: 40px; font-family: 'AcuminPro-Bold'; font-weight: 700; } .who-we-are h4 { margin-bottom: 30px; } .our-vision #slider-row-column-cb-70 .slider { background-color: transparent !important; } .slick-prev:before, .slick-next:before { color: #000 !important; display: inline-block; font-family: 'FontAwesome' !important; font-size: 30pt !important; height: 47px; width: 47px; padding-top: 2px; border-radius: 100%; background-color: #fff; -webkit-box-shadow: 0px 3px 9px 0px rgba(39, 38, 38, 0.2); -moz-box-shadow: 0px 3px 9px 0px rgba(39, 38, 38, 0.2); box-shadow: 0px 3px 9px 0px rgba(39, 38, 38, 0.2); } .slick-prev { left: -50px !important; } .slick-prev:before { content: "\f104" !important; } .slick-next:before { content: "\f105" !important; } .resources-banner { padding-top: 200px; padding-bottom: 200px; background-image: url(../lfm/saiff/photos/shares/banners-7/resources-banner.jpg); background-position: top center; background-size: 100%; } .resources-news { background-image: url(../lfm/saiff/photos/shares/banners-7/services-bg.jpg); background-size: cover; background-color: #0782ad; background-repeat: no-repeat; background-position: top center; } .resources-banner h1, .resources-banner h2, .resources-banner h3, .resources-banner h4 { color: #fff; font-family: 'AcuminPro-Bold', sans-serif; font-weight: 500; text-align: right; text-transform: uppercase; } .resources-banner h1 { font-size: 25px; margin: 0; } .resources-banner h2 { color: #f4a000; font-size: 94px; margin: 0; } .resources-banner h3 { font-size: 18px; margin: 0; } .resources-news .slick-slide, .resources-events .slick-slide { margin-left: 30px; margin-right: 30px; } .resources-news .stc-sliders .slider, .resources-events .stc-sliders .slider { background-color: transparent !important; } .resources-events { background-image: url(../lfm/saiff/photos/shares/banners-7/events-bg.jpg); background-size: cover; background-color: #0782ad; background-repeat: no-repeat; background-position: top center; } .client-logos .stc-sliders > .stc-slider-header { font-weight: 700; font-size: 36px !important; font-family: 'AcuminPro-Bold', sans-serif; text-transform: uppercase !important; } .client-logos { background-image: url(../lfm/saiff/photos/shares/banners-7/clients-bg.jpg); background-size: cover; background-color: #0782ad; background-repeat: no-repeat; background-position: top center; } .stc-sliders { text-align: center; } .client-logos .stc-sliders .slider { background-color: transparent !important; } .client-logos #slider-row-column-cb-40 .stc-slider-header { color: #5a5a5a !important; display: inline-block; border-bottom: 4px solid #dedede; padding-bottom: 30px !important; margin-bottom: 30px !important; } .news-updates { color: #fff; background-image: url(../lfm/saiff/photos/shares/banners-7/news-updates-bg.png); background-size: cover; background-color: #0782ad; background-repeat: no-repeat; background-position: top center; } .news-updates h2, .news-updates h3, .news-updates h4, .news-updates p, .news-updates a, .news-updates .stcb-time { color: #fff; } .news-updates a:hover, .news-updates a:focus, .news-updates a:active { color: #f4a000; text-decoration: none !important; } .news-updates h3 { font-family: 'AcuminPro-Bold', sans-serif; font-size: 32px; font-weight: 500; text-align: left; margin-top: 10; margin-bottom: 15px; } .news-updates .stc-custom-code .stc-cc-nu img { width: 100% } .news-updates .stcb-time { margin-top: 15px; } .news-updates h2 { font-family: 'AcuminPro-Bold', sans-serif; text-align: center; margin-top: 0; font-weight: 500; margin-bottom: 40px; } .stcb-view-btn a { color: #fff; font-size: 16px; font-family: 'GillSansNova-Medium', sans-serif; text-transform: uppercase; padding: 10px 30px; margin-top: 20px; border-radius: 0px; border: 3px solid #fff; background-color: transparent; } .stcb-view-btn a:hover, .stcb-view-btn a:focus, .stcb-view-btn a:active { color: #000; background-color: #fff !important; border-color: #fff !important; } .stcb-view-btn { margin-top: 32px; } .blog-highlights { padding-top: 60px; padding-bottom: 0px; } .blog-highlights h2 { font-family: 'AcuminPro-Bold', sans-serif; font-weight: 600; } .blog-highlights2 a { color: #000; } .blog-highlights2 a:hover, .blog-highlights2 a:focus, .blog-highlights2 a:active { color: #f4a000; text-decoration: none; } .blog-highlights2 h3 { margin-top: 10px; text-align: left; } .blog-highlights2 .stc-cc-blogs img { width: 100%; } .blog-highlights2 .btn { color: #000; font-size: 16px; font-family: 'GillSansNova-Medium', sans-serif; text-transform: uppercase; padding: 10px 30px; margin-top: 40px; border-radius: 0px; border: 3px solid #000; background-color: transparent; } .blog-highlights2 .btn:hover, .blog-highlights2 .btn:focus, .blog-highlights2 .btn:active { color: #fff; border-color: #f4a000; background-color: #f4a000; } .news-updates hr { border-top: 3px solid #eee; opacity: 0.2; margin-top: 20px; margin-bottom: 20px; } .news-updates .stc-custom-code > .row > div:nth-child(2) { margin-bottom: 40px; } .news-updates .stc-custom-code > .row > div:nth-child(2) h3 { font-size: 45px; margin-top: 5px; font-weight: 500; } .news-updates .stc-custom-code > .row > div:nth-child(3) { margin-bottom: 80px; } .news-updates .stc-custom-code > .row > div:nth-child(3) p > a { color: #fff; font-size: 22px; text-transform: uppercase; } .box-contain { position: relative; display:inline-block; height: 288px; width: 100%; } .box-contain img { position: absolute; vertical-align: top; border-radius: 10px; } .box-contain .btn-default { padding: 2px 10px; border: 2px solid #fff; } .box-info { position: absolute; display: inline-block; color: #fff; width: 100%; height: 288px; border-radius: 10px; padding: 60px 30px 30px 30px; text-align: center; background-color: rgba(0, 0, 0, 0.65); opacity: 0; filter: alpha(opacity=0); transition: 0.7s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .box-contain:hover .box-info { opacity: 100; filter: alpha(opacity=100); transition: 0.7s; } .box-info h3 { color: #fff; font-size: 24px; text-transform: uppercase; font-style: initial; text-decoration: none; text-align: center; } .news1 { background-image: url(../lfm/saiff/photos/shares/resources-12/news1.jpg); } .news2 { background-image: url(../lfm/saiff/photos/shares/resources-12/news2.jpg); } .news3 { background-image: url(../lfm/saiff/photos/shares/resources-12/news3.jpg); } .events2 { background-image: url(../lfm/saiff/photos/shares/resources-12/events2.jpg); } .events3 { background-image: url(../lfm/saiff/photos/shares/resources-12/events3.jpg); } .blog1 { background-image: url(../lfm/saiff/photos/shares/resources-12/blog1.jpg); } .blog2 { background-image: url(../lfm/saiff/photos/shares/resources-12/blog2.jpg); } .blog3 { background-image: url(../lfm/saiff/photos/shares/resources-12/blog3.jpg); } .resources-news #slider-row-column-cb-30 .stc-slider-header, .resources-news #slider-row-column-cb-70 .stc-slider-header, .resources-events #slider-row-column-cb-60 .stc-slider-header { text-transform: uppercase; margin-bottom: 30px !important; font-weight: 700; font-family: 'AcuminPro-Bold', sans-serif; } .resources-news #slider-row-column-cb-30 .stc-slider-header, .resources-news #slider-row-column-cb-70 .stc-slider-header { border-left: 15px solid #f4a000; padding-left: 10px !important; } .resources-events #slider-row-column-cb-60 .stc-slider-header { border-right: 15px solid #3291c1; padding-right: 10px !important; } .testimonials #slider-row-column-cb-50 .stc-slider-header { padding-right: 10px !important; } .stc-blogs h1 { font-size: 70px; font-weight: bold; margin-bottom: 30px; } .stc-blogs .news { margin-bottom: 30px; height: 320px; } .stc-blogs .news .stc-news-img-con { padding-left: 0 !important; padding-right: 0 !important; border-right: 10px solid #3291c1; } .stc-blogs .news .stc-news-img-con .banner { position: relative; overflow: hidden; height: 320px; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; } .stc-blogs .news .stc-news-img-con .banner img { position: absolute; top: 0; left: -27%; bottom: 0; height: 100%; } .stc-blogs .news .stc-news-data-con { padding-left: 0; } .stc-blogs .news .stc-news-data-con .stc-news-con { padding: 15px 20px; background: #ededed; height: 320px; } .stc-news-con .age { font-size: 20px; color: #000; display: none; } .stc-news-con .title a { font-size: 30px; font-weight: bold; color: #000; line-height: 36px; font-family: 'AcuminPro-Bold', sans-serif; } .stc-news-con .title { margin-bottom: 15px; } .stc-news-con .title a:hover { color: #f4a000; text-decoration: none; } .stc-news-con .title .date { display: none; } .stc-news-con .short-description { font-size: 20px; line-height: 24px; color: #000; margin-bottom: 15px; } .stc-news-con .button a { font-size: 16px; color: #000; border-color: #000; } .stc-blogs .stc-news-category { background: #f4a000; margin-right: -15px; margin-bottom: 30px; min-height: 200px; } .stc-blogs .stc-news-category ul li a { font-size: 20px; color: #000; } .stc-blogs .stc-news-category ul li a:hover, .stc-blogs .stc-news-category ul li a:focus, .stc-blogs .stc-news-category ul li a:active { text-decoration: underline; background-color: transparent; border-color: transparent; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .stc-blog { padding-top: 0; padding-bottom: 120px; } .stc-blog .banner { padding-left: 0; padding-right: 0; } .stc-blog .author .name { color: #000; } .stc-blog .date, .stc-blog .age { display: none; } .stc-blog .title-con { border-left: 15px solid #f4a000; padding-left: 30px; } .stc-blog .title-con .categories { font-size: 25px; color: #000; } .stc-blog .title-con .title { font-size: 60px; font-weight: bold; color: #000; line-height: 65px; font-family: 'AcuminPro-Bold', sans-serif; } .stc-blog .blog-single .content section { padding-top: 0; padding-bottom: 0; } .stc-blog .blog-single .content section .container { width: auto; } .stc-blog .stc-back-blogs-btn { color: #000; } .stc-blog .stc-back-blogs-btn i { color: #3097D1; } .services-bg, .about-bg { padding: 0; background-color: #eee; } .services-bg .container-fluid .row > div, .about-bg .container-fluid .row > div { padding: 0; } .technical-illustration .container-fluid .row > div:nth-child(1), .explainer-videos .container-fluid .row > div:nth-child(2), .educational-animation .container-fluid .row > div:nth-child(1) { padding: 60px 60px 30px 60px; } .ctn-left .container-fluid .row > div:nth-child(1), .ctn-right .container-fluid .row > div:nth-child(2) { padding: 60px 60px 30px 60px; } .ctn-left .container-fluid .row > div:nth-child(1) > p, .ctn-right .container-fluid .row > div:nth-child(2) > p { margin-bottom: 0px; } .left-oline h2 { border-left: 15px solid #f4a000; padding-left: 15px; } .left-bline h2 { border-left: 15px solid #3291c1; padding-left: 15px; } .qc-box:nth-child(1) { margin-top: 70px; margin-bottom: 160px; } .qc-box:nth-child(2) { margin-bottom: 160px; } .qc-box:nth-child(3) { margin-bottom: 100px; } .qc-box:nth-child(4) { margin-bottom: 150px; } .qc-box:nth-child(5) { margin-bottom: 150px; } .stc-events-boxes > div { padding-left: 0; padding-right: 0; } .stc-event-box { height: 400px; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; background-color: #000; padding: 20px; text-align: center; } .stc-event-box .stc-event-details h3 { font-size: 60px; font-weight: bold; color: #fff; text-align: center; margin-bottom: 20px; } .stc-event-box .stc-event-details p { font-size: 18px; color: #fff; line-height: 20px; margin-bottom: 30px; text-align: center; } .stc-ci-page { background-color: #267aa5; } .stc-cc-blogs .banner { background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; height: 320px; } .stc-blogs { padding-bottom: 150px; } div.pagination { display: block; text-align: center; } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { z-index: 3; color: #f4a000; cursor: default; background-color: transparent; border-color: transparent; } .pagination>li>a, .pagination>li>span { color: #000; text-decoration: none; background-color: transparent; border-color: transparent; } .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { z-index: 2; color: #3097D1; background-color: transparent; border-color: transparent; } .pagination>li:last-child>a, .pagination>li:last-child>span { color: #3097D1; } .pagination>li:first-child>a, .pagination>li:first-child>span { color: #3097D1; } .pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover { color: #777; cursor: not-allowed; background-color: transparent; border-color: transparent; } .stc-ci-page { padding-bottom: 150px; } .stc-ci-page h2 { font-size: 55px; font-family: 'AcuminPro-Bold', sans-serif; font-weight: 600; } .stc-ci-page p, .stc-ci-page h2, .stc-ci-page h3 { color: #fff; } .stc-ci-page .desc { margin-bottom: 50px; } .stc-ci-page input[type=text], .stc-ci-page input[type=email], .stc-ci-page input[type=password], .stc-ci-page input[type=date], .stc-ci-page select, .stc-ci-page textarea { color: #fff !important; border: 2px solid #fff !important; background-color: #267aa5; } .stc-ci-page textarea { min-height: 250px; } .stc-ci-page input[type=text]::-webkit-input-placeholder, .stc-ci-page input[type=email]::-webkit-input-placeholder, .stc-ci-page input[type=date]::-webkit-input-placeholder, .stc-ci-page textarea::-webkit-input-placeholder { color: #fff; } .stc-ci-page form .form-control:-moz-placeholder { color: #fff; opacity: 1; } .stc-ci-page form .form-control::-moz-placeholder { color: #fff; opacity: 1; } .stc-ci-page input[type=text]:-ms-input-placeholder { color: #fff; } .stc-ci-page .form-group { margin-bottom: 20px; } .stc-ci-page .btn-primary { border-radius: 0; text-transform: initial; font-size: 18px; } .contact-details { color: #fff; } .contact-details h3 { text-transform: uppercase; margin-bottom: 20px; } .contact-details .fa { color: #f4a000; } .data { position: relative; padding-left: 28px; margin-bottom: 30px; } .data>i { color: #3291c1; position: absolute; top: 6px; left: 0; } .data a { color: #fff; text-decoration: underline; } .data a:hover, .data a:focus { text-decoration: none; } .g-recaptcha { text-align: center; } .g-recaptcha > div { display: inline-block; } .page-404 { padding-top: 80px; padding-bottom: 150px; } .page-404 h1 { font-family: 'AcuminPro-Bold', sans-serif; color: #f4a000; font-weight: 600; font-size: 100px; } .panel-heading { padding: 0px; } .panel-default .panel-heading { color: #333; background-color: #fff; border-color: #fff; } .panel-default .panel-heading:hover { background-color: #eeeeee; } .panel-group .panel-title a { text-decoration: none; border-bottom: 1px solid #ccc; } section .panel-group .panel-title a { display: block; padding: 20px 30px 20px 20px !important; } .panel-heading .accordion-toggle:after { font-family: 'fontawesome'; content: "\f106"; float: right; color: gray; font-size: 22px; } .panel-heading .no-symbol.accordion-toggle:after { content: none; } .panel-heading .accordion-toggle.collapsed:after { content: "\f107"; } .panel-heading .no-symbol.accordion-toggle.collapsed:after { content: none; } .stc-accordions .stc-btn.collapsed:after { content: "\f107"; } .stc-accordions .stc-btn:after { font-family: 'fontawesome'; font-size: 22px; content: "\f106"; float: right; color: #434343; margin-right: -15px; } .panel { border: none; box-shadow: none; } .panel-title { font-size: 20px; font-weight: 600; } .panel-body { border-bottom: 1px solid #ccc; padding: 20px 30px 20px 20px; } .section-t80-b150 { padding-top: 80px; padding-bottom: 150px; } .stc-cc-nu .thumb { height: 270px; background-position: center center !important; background-size: cover !important; background-repeat: no-repeat !important; } .fl-fl { background: #ffffff; text-transform: uppercase; padding: 4px; height: 150px; width: 150px; border-radius: 5px 0px 0px 5px; position: fixed; right: -110px; z-index: 1000; font: normal normal 10px Arial; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; -webkit-box-shadow: 0px 3px 10px rgba(33, 33, 33, 0.30); -moz-box-shadow: 0px 3px 10px rgba(33, 33, 33, 0.30); box-shadow: 0px 3px 10px rgba(33, 33, 33, 0.30); transition: all 0.3s ease; } .float-sm .fa { font-size: 30px; color: #3291c1; padding: 10px 0; width: 50px; margin-left: 8px; } .float-sm .fa:hover, .float-sm .fa:focus { color: #f8a01b; } .fl-fl:hover { right: 0; } .fl-fl a { color: #fff !important; text-decoration: none; text-align: center; line-height: 43px !important; vertical-align: top !important; } .float-fb { top: 200px; } .vtext { position: absolute; float: left; font-family: 'AcuminPro-Bold', sans-serif; font-size: 16px; color: #257ca9; font-weight: 700; transform: rotate(270deg); transform-origin: 0 0; margin-left: 5px; margin-top: 124px; } .ctn-box { margin: 20px 15px 0px 30px; } .sm-box { float: left; width: 50%; text-align: center; } .stc-event-box { box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.3); } .global-bg { padding-top: 100px; padding-bottom: 100px; background-image: url(../images/banners-7/our-vision-globe-bg.jpg); background-position: center center; background-size: 100%; } .videoWrapper { position: relative; padding-bottom: 54.65%; padding-top: 25px; height: 0; margin-top: -70px; overflow: hidden; } .videoWrapper iframe, .videoWrapper object, .videoWrapper #overlay, .videoWrapper embed { position: absolute; top: 0; left: 0; border: 0; width: 100%; height: 100%; } #overlay { z-index: 50; color: #fff; padding-top: 30vh; background: rgba(0,0,0,0.5); } .hidden { background: transparent; } #video { background: white; opacity: 1; pointer-events: none; } #overlay.loaded { background: url(../images/banners-7/video-overlay-02.jpg) !important; background-size: cover !important; background-position: center center !important; } .s-right .container .row > div:nth-child(2) h2, .s-right .container > .row > div:nth-child(2) h3, .s-right .container .row > div:nth-child(2) p { text-align: right; } .s-right h2 { padding-right: 10px; border-left: 0px; border-right: 15px solid #f4a000; } .box-contain.long, .long .box-info { height: 234px; } .vid-box { text-align: right; } .vid-box video { height: 380px; } .vid-box .saiff-vids { height: 500px; } .right-padd { padding-right: 100px; } .gmaps { width: 100%; height: 350px; border: 0; padding: 0; } .full-img { width: 100%; } .stc-ci-page .hidden { display: initial !important; opacity: 0; } .stc-ci-page .form-group { margin-bottom: 0px; } .fa-social { width: 20px; } .stc-ci-page form p > label { margin-top: 15px; } @media screen and (min-width: 1920px) { .footer-bot { margin-top: -146px; } .footer-bot2 { margin-top: -150px; } } @media screen and (max-width: 1600px) { .footer-bot { background-image: url(../images/banners-7/footer-bg-1583x414.png); } .services { background-image: url(../images/banners-7/services-bg-1583x1710.jpg); } .publishing { background-image: url(../images/banners-7/outsourcing-bg-1583x634.jpg); } .news-updates { background-image: url(../images/banners-7/news-updates-bg-1583x1159.png); } .footer-bot2 { background-image: url(../images/banners-7/footer-background-1584x414.png); } .about-banner { background-image: url(../images/banners-7/about-banner-bg-1584x615.jpg); } .about-us1 { background-image: url(../images/banners-7/about-us-1584x565.jpg); } .our-pledge { background-image: url(../images/banners-7/quality-control-1584x529.jpg); } .our-mission { background-image: url(../images/banners-7/our-mission-1584x366.jpg); } } @media screen and (max-width: 426px) { /*#overlay.loaded { background: url(../images/banners-7/video-overlay-1-412x470.jpg) !important; }*/ .footer-bot { background-image: url(../images/banners-7/footer-bg-412x660.png); } .services { background-image: url(../images/banners-7/services-bg-412x3188.jpg); } .publishing { background-image: url(../images/banners-7/outsourcing-bg-412x613.jpg); } .news-updates { background-image: none; background-color: #137eb7; } .footer-bot2 { background-image: url(../images/banners-7/footer-background-412x660.png); } .about-banner { background-image: url(../images/banners-7/about-banner-bg-412x297.jpg); } .about-us1 { background-image: url(../images/banners-7/about-us-412x751.jpg); } .our-pledge { background-image: url(../images/banners-7/quality-control-412x604.jpg); } .our-mission { background-image: url(../images/banners-7/our-mission-412x392.jpg); } } @media screen and (max-width: 1360px) { .about-bg .container-fluid > .row > div:nth-child(1), .about-bg .container-fluid > .row > div:nth-child(2), .services-bg .container-fluid > .row > div:nth-child(1), .services-bg .container-fluid > .row > div:nth-child(2) { width: 100%; } .about-bg img, .services-bg img { width: 100%; } } @media screen and (max-width: 1250px) { .slick-prev { left: -26px !important; z-index: 9; } .slick-next { right: 0px; } } @media screen and (max-width: 1199px) { #overlay { padding-top: 20vh; } .main-banner .slick-slide, .main-banner { min-height: initial; } .main-banner h1, h1 { font-size: 45px; } h2 { font-size: 40px; } .box-contain, .box-info { height: 234px; } .right-padd { padding-right: 20px; } .saiff-vids { width: 280px; } } @media screen and (max-width: 1024px) { h2 { font-size: 32px; } .news-updates .stc-custom-code > .row > div:nth-child(2) h3, .news-updates h3 { font-size: 28px; } .box-info { padding: 50px 30px 30px 30px; } } @media screen and (max-width: 992px) { nav.navbar > .container-fluid { width: auto; } #overlay { padding-top: 10vh; } .main-banner h1 { font-size: 40px; } #services12 { padding: 0px; } .box-contain, .box-info { height: 376px; } .box-info { opacity: 1; } .box-contain, .box-info { height: 276px; } .resp-vid .container > .row > div:nth-child(1) { width: 40%; } .resp-vid .container > .row > div:nth-child(2) { width: 60%; } .vid-box .saiff-vids, .vid-box video { width: 100%; } } @media screen and (max-width: 992px) and (min-width: 768px) { #services1 .container > .row > div:nth-child(1), #services1 .container > .row > div:nth-child(2) { width: 100%; } #services2 .container > .row > div:nth-child(1) { width: 100%; float: right; } #services2 .container > .row > div:nth-child(2) { width: 100%; } .contact-us h1, .contact-us h2 { font-size: 45px; } .box-contain.long, .long .box-info { height: 225px; } .publishing .container > .row > div:nth-child(1) { width: 50%; } .publishing .container > .row > div:nth-child(2) { width: 50%; } } @media screen and (max-width: 867px) { .navbar-brand>img { max-width: 200px; } .nav>li>a { padding: 10px 8px; } } @media screen and (max-width: 768px) { h1 { font-size: 50px; } .slick-prev, .slick-next { display: none !important; } #stc-navbar > ul { float: initial !important; } .navbar-toggle { margin-top: 20px; } .navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #474747; padding: 10px 30px; } .navbar-default .navbar-collapse { margin-top: 15px; } .navbar-default .navbar-collapse { padding-top: 0px; } .box-contain > img { width: 100%; height: 100%; object-position: cover; object-fit: cover; } .contact-us { padding-top: 60px; padding-bottom: 60px; } .footer-bot .container .row > div:nth-child(1), .footer-bot2 .container .row > div:nth-child(1) { padding: 30px 40px; } .contact-us .btn-primary { white-space: normal; } .news-updates .stcb-time { margin-bottom: 40px; } .stc-cc-blogs > div { margin-bottom: 30px; } .stc-ci-form { margin-top: 30px; } .stc-blog .mtop-4 { margin-top: 0; } .blog-single .content { margin-bottom: 20px; } .stc-blogs .news .stc-news-img-con .banner { height: auto; } .stc-blogs .news .stc-news-img-con .banner img { position: relative; top: 0; left: 0; width: 100%; } .about-banner { padding-top: 60px; padding-bottom: 60px; } .about-banner h1, .about-banner h2 { font-size: 50px; } .footer-bot { margin-top: -76px; background-position: 10%; } } @media screen and (max-width: 767px) { .nav>li>a { padding: 10px 20px; } .stc-blogs .news { height: auto; } .stc-blogs .news .stc-news-data-con { padding-left: 0; padding-right: 0; } .stc-blogs .news { margin-bottom: 40px; } .stc-blogs .stc-news-category { margin-right: 0px; } .stc-news-sidebar-con p { text-align: center; } .stc-news-sidebar-con img { display: inline-block; } .stc-blog .title-con .title { font-size: 45px; } .stc-blog .title-con { margin-bottom: 30px; } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color: #fff; background-color: #3291c1 !important; } .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover { color: #fff; background-color: #4bbaf3; } .resp-vid .container > .row > div:nth-child(1), .resp-vid .container > .row > div:nth-child(2) { width: 100%; } .videoWrapper { height: 500px; width: 100%; } .navbar-brand { padding: 14px 15px; } .stc-blogs .news .stc-news-data-con .stc-news-con { height: auto; } } @media screen and (max-width: 600px) { .box-contain, .box-info { height: 456px; } .box-info { padding: 140px 30px 30px 30px } .ctn-left .container-fluid .row > div:nth-child(1), .ctn-right .container-fluid .row > div:nth-child(2) { padding: 60px 30px; } } @media screen and (max-width: 500px) { #overlay { padding-top: 50px; } .mright-3 { margin-right: 0px; } } @media screen and (max-width: 426px) { ul { padding-left: 20px; } .main-banner h1, h1, .contact-us h1, .contact-us h2, .stc-blog .title-con .title, .about-banner h1, .about-banner h2, .stc-ci-page h2 { font-size: 34px; } h2, #about-us h2, .our-pledge h2, .our-mission h2, .our-vision h2 { font-size: 28px; } .about-banner h1, .about-banner h2 { margin-bottom: 20px; } .stc-blog .title-con .title { font-size: 30px; line-height: 40px; } .box-contain, .box-info { height: 280px; } .box-info { padding: 60px 30px 30px 30px; } .contact-us .btn-primary { white-space: normal; } .s-right .container .row > div:nth-child(2) h2, .s-right .container > .row > div:nth-child(2) h3, .s-right .container .row > div:nth-child(2) p { text-align: left; } .s-right h2 { border-right: 0px; border-left: 15px solid #f4a000; } #overlay { padding-top: 50px; } .videoWrapper { height: 470px; } .main-banner h1 { margin-bottom: 10px; } #overlay .container .btn-default { width: 100%; } .slick-slide .stc-slide p { text-align: center !important; } .quote::before, .quote::after { font-size: 45px; } .publishing .btn-default, .publishing .btn-secondary { display: block; margin: 0; width: 100%; margin-top: 20px; } .ctn-left .container-fluid .row > div:nth-child(1), .ctn-right .container-fluid .row > div:nth-child(2) { padding: 60px 20px; } .our-mission { background-position: 98%; } .our-pledge { background-position: 32%; } .our-vision { padding-top: 60px; padding-bottom: 60px; background-image: none; } .our-values > .container .row > div { margin-bottom: 40px; } .resp-vid { padding-top: 40px; padding-bottom: 40px; } .panel-title { font-size: 16px; } .footer-bot { margin-top: -90px; padding-top: 100px; background-position: 20%; } .footer-bot2 { margin-top: -50px; padding-top: 100px; } .technical-illustration .container-fluid .row > div:nth-child(1), .explainer-videos .container-fluid .row > div:nth-child(2), .educational-animation .container-fluid .row > div:nth-child(1) { padding: 40px 20px; } .qc-box:nth-child(1), .qc-box:nth-child(2), .qc-box:nth-child(3), .qc-box:nth-child(4), .qc-box:nth-child(5) { margin-top: 40px; margin-bottom: 40px; } } @media screen and (max-width: 320px) { .main-banner h1, h1, .contact-us h1, .contact-us h2, .stc-ci-page h2 { font-size: 30px; } h2 { font-size: 26px; } .contact-us form h3 { font-size: 30px; } .contact-us .container .row div.col-md-6 > .container { padding: 20px 10px; } .about-us2 { padding-bottom: 240px; } } .marg-auto { margin: 0 auto; } .stc-rp-con a { color: #fff !important; text-decoration: underline; }