/* Theme Name: Five9 Theme URI: https://wordpress.org/themes/twentyseventeen/ Author: the WordPress team Author URI: https://wordpress.org/ Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device. Version: 1.4 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: twentyseventeen Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 Normalize 2.0 Accessibility 3.0 Alignments 4.0 Clearings 5.0 Typography 6.0 Forms 7.0 Formatting 8.0 Lists 9.0 Tables 10.0 Links 11.0 Featured Image Hover 12.0 Navigation 13.0 Layout 13.1 Header 13.2 Front Page 13.3 Regular Content 13.4 Posts 13.5 Pages 13.6 Footer 14.0 Comments 15.0 Widgets 16.0 Media 16.1 Galleries 17.0 Customizer 18.0 SVGs Fallbacks 19.0 Media Queries 20.0 Print --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1.0 Normalize Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css --------------------------------------------------------------*/ @charset "utf-8"; /* CSS Document */ /* 007D9D=Blue F47920=Orange */ body { font-family: 'Roboto', sans-serif; font-size:14px; color:#333; } .container { width:1200px; } #header { position:relative; z-index:9999999;} header .header { z-index:99; background:#fff; -webkit-transition: top 1s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: top 1s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: top 1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 1s cubic-bezier(0.165, 0.84, 0.44, 1);} #header .header .logo { float:left; padding:30px 0 15px 0; position:relative; width:281px;} #header .header #navigation { padding:65px 0 0 0; float:left; width:calc(100% - 281px); text-align:center;} #header .header #navigation > ul > li { display:inline-block; position:relative; padding-bottom:24px;} #header .header #navigation > ul > li + li { margin-left:25px;} #header .header #navigation > ul > li > a { font-size:15px; color:#646464; line-height:34px;} #header .header #navigation > ul > li > a:hover { color:#F47920;} #header .header #navigation > ul > li.active > a { color:#F47920;} #header .header #navigation > ul > li > ul { display:none; position:absolute; left:50%; top:100%; text-align:left; width:190px; background:url(images/sub-menu-arrow.png) no-repeat center top; padding-top:40px; margin-left:-95px; -webkit-animation:zoomIn .3s ease-in; -moz-animation:zoomIn .3s ease-in; animation:zoomIn .3s ease-in;} #header .header #navigation > ul > li > ul > li { background:rgba(0, 125, 157, 0.75);} #header .header #navigation > ul > li > ul > li + li { border-top:1px solid #fff;} #header .header #navigation > ul > li > ul > li > a { display:block; padding:7px 12px; color:#fff;} #header .header #navigation > ul > li > ul > li > a:hover { color:#ffaf3a;} #header .header #navigation > ul > li:hover > ul { display:block;} #header .header.sticky { position:fixed; left:0; top:0; right:0; border-bottom:1px solid rgba(0,0,0,0.2);} #header .header.sticky #navigation > ul > li > ul { background:url(images/sub-menu-arrow-h.png) no-repeat center top;} #header .header.sticky .logo { padding:15px 0; width:200px;} #header .header.sticky #navigation { padding-top:30px;} .navigation-icon { float:right; display:none; padding:35px 0 0;} .navigation-icon a { display:block; width:38px; height:39px; background:url(images/menu-icon.png) no-repeat; background-position:0 0;} .navigation-icon a:hover { background-position:0 100%;} #banner { text-align:center; margin-bottom:52px;} #banner .main-banner {} #banner .main-banner .item { position:relative; background-position:center center; background-repeat:no-repeat; min-height:425px; background-size:cover;} #banner .main-banner .item .banner-text {} #banner .main-banner .item .banner-text .container { position:relative; min-height:100%;} #banner .main-banner .item .banner-text .block { /*background:rgba(0,125,157,0.75);*/ width:250px; position:relative; min-height:425px;} #banner .main-banner .item .banner-text .block:after { position:absolute; right:-45px; top:0; width:0; height:0; border-left:45px solid transparent; border-right:45px solid transparent; border-top:30px solid #fff; content:""; } #banner .main-banner .item .banner-text .block .center { position:absolute; top:50%; left:0; padding:50px 28px; text-align:left; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);} #banner .main-banner .item .banner-text .block h2 { font-family: 'Roboto Condensed', sans-serif; font-weight:600; font-size:26px; color:#fff; } #banner .main-banner .item .banner-text .block p { color:#fff; margin:20px 0; font-size:15px;} #banner .main-banner .item .banner-text .block .more { margin-top:10px;} #banner .main-banner .item .banner-text .block .more a { display:inline-block; font-size:13px; color:#fff; background:url(images/pentagon-white.png) no-repeat right center; background-size:15px auto; min-height:16px; padding-right:20px; line-height:16px;} #banner .main-banner .item .banner-text .block .more a:hover { background:url(images/pentagon-white-f.png) no-repeat right center; background-size:15px auto;} #sub-banner { text-align:center;} #sub-banner .sub-banner { position:relative;} #sub-banner .sub-banner .banner-text { position:absolute; left:0; top:0; right:0; bottom:0;} #sub-banner .sub-banner .banner-text .container { position:relative; min-height:100%;} #sub-banner .sub-banner .banner-text .container ul { position:absolute; left:65px; top:50%; text-align:left; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);} #sub-banner .sub-banner .banner-text .container ul li { background:url(images/hexa-white.png) no-repeat 0 12px; padding:0 0 0 30px; font-family: 'Roboto Condensed', sans-serif; font-weight:700; font-size:26px; color:#fff;} #sub-banner .sub-banner .banner-text .container ul li + li { margin-top:10px;} #expert { margin-bottom:52px;} #expert .expert {} #expert .expert .boxes {} #expert .expert .boxes .box { width:20%; margin-left:0; float:left; padding:25px 20px; background:#333; min-height:290px; position:relative; -webkit-transition:all .6s ease-in-out; transition:all .6s ease-in-out;} #expert .expert .boxes .box:after { position:absolute; left:15px; top:0; width:0; height:0; border-left:25px solid transparent; border-right:25px solid transparent; border-top:15px solid #fff; content:""; } #expert .expert .boxes .box + .box { border-left:2px solid #fff;} #expert .expert .boxes .box:nth-child(1) { background:#F47920;} #expert .expert .boxes .box:nth-child(2) { background:#007D9D;} #expert .expert .boxes .box:nth-child(3) { background:#424264;} #expert .expert .boxes .box:nth-child(4) { background:#415766;} #expert .expert .boxes .box:nth-child(5) { background:#8A8A8D;} #expert .expert .boxes .box:nth-child(1):hover { background:#d1671b;} #expert .expert .boxes .box:nth-child(2):hover { background:#006680;} #expert .expert .boxes .box:nth-child(3):hover { background:#32324d;} #expert .expert .boxes .box:nth-child(4):hover { background:#2f3f4a;} #expert .expert .boxes .box:nth-child(5):hover { background:#696a6e;} #expert .expert .boxes .box .icon { min-height:65px;} #expert .expert .boxes .box:nth-child(2) .icon img { margin-top:10px;} #expert .expert .boxes .box .detail {} #expert .expert .boxes .box .detail .title { font-weight:500; font-size:17px; color:#fff; margin-bottom:10px; display:block; line-height:20px;} #expert .expert .boxes .box .detail .text {} #expert .expert .boxes .box .detail .text p { font-size:14px; color:#fff; line-height:20px;} #expert .expert .boxes .box .detail .text p + p { margin-top:10px;} #expert .expert .boxes .box .more { margin-top:25px;} #expert .expert .boxes .box .more a { display:inline-block; font-size:13px; color:#fff; background:url(images/pentagon-white.png) no-repeat right center; background-size:15px auto; min-height:16px; padding-right:20px; line-height:16px;} #expert .expert .boxes .box .more a:hover { background:url(images/pentagon-white-f.png) no-repeat right center; background-size:15px auto;} #welcome { margin-bottom:52px;} #welcome .welcome {} #welcome .welcome .info { float:left; width:655px; position:relative; min-height:285px;} #welcome .welcome .info .center { position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);} #welcome .welcome .info p { font-size:15px; color:#3f5767; font-weight:500; text-align:justify;} #welcome .welcome .info p strong { font-weight:900;} #welcome .welcome .info p + p { margin-top:15px;} #welcome .welcome .info .more { text-align:right; padding-top:25px;} #welcome .welcome .info .more a { display:inline-block; font-size:13px; color:#f47920; background:url(images/pentagon-orange.png) no-repeat right center; min-height:16px; padding-right:20px; line-height:18px; vertical-align:top; background-size:15px auto;} #welcome .welcome .info .more a:hover { background:url(images/pentagon-orange-f.png) no-repeat right center; background-size:15px auto;} #welcome .welcome .image { float:right; width:485px;} #client { margin-bottom:52px;} #client .client { text-align:center; background:url(images/client.png) no-repeat center top;} #client .client h2 { color:#007e9e; font-weight:900; font-size:26px; text-transform:uppercase; padding-bottom:48px;} #client .client .boxes { padding:96px 0;} #client .client .boxes .box { width:149px; height:173px; text-align:center; font-weight:700; color:#fff; font-size:16px; background:url(images/pentagon-dark-blue.png) no-repeat center center; display:inline-block; vertical-align:top; position:relative; margin:0 17px; -webkit-transition:all .6s ease-in-out; transition:all .6s ease-in-out; opacity:0.7;} #client .client .boxes .box:hover { -webkit-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1); opacity:1;} #client .client .boxes .box span { display:inline-block; position:relative; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);} #client .client .boxes .box:nth-child(1) { background:url(images/pentagon-dark-blue.png) no-repeat center center;} #client .client .boxes .box:nth-child(2) { background:url(images/pentagon-light-blue.png) no-repeat center center;} #client .client .boxes .box:nth-child(3) { background:url(images/pentagon-dark-orange.png) no-repeat center center;} #client .client .boxes .box:nth-child(4) { background:url(images/pentagon-purpel.png) no-repeat center center;} #client .client .more { padding:32px 0 0; text-align:center;} #client .client .more a { display:inline-block; font-size:13px; color:#f47920; background:url(images/pentagon-orange.png) no-repeat center top; padding-top:20px; background-size:15px auto;} #client .client .more a:hover { background:url(images/pentagon-orange-f.png) no-repeat center top; background-size:15px auto;} #home-block-1 { margin-bottom:52px;} #home-block-1 .home-block-1 {} #home-block-1 .home-block-1 .image { text-align:center;} #home-block-1 .home-block-1 .cv { margin-top:0.5%;} #home-block-1 .home-block-1 .box { width:100%; background:#8b8d8f; padding:30px; -webkit-transition:all .6s ease-in-out; transition:all .6s ease-in-out;} #home-block-1 .home-block-1 .box:hover { background:#6d6f70;} #home-block-1 .home-block-1 .box .title { font-weight:500; font-size:17px; color:#ff9313; line-height:20px;} #home-block-1 .home-block-1 .box .text { padding:35px 0;} #home-block-1 .home-block-1 .box .text p { color:#ffffff; font-size:14px;} #home-block-1 .home-block-1 .box .more { margin-top:10px;} #home-block-1 .home-block-1 .box .more a { display:inline-block; font-size:13px; color:#fff; background:url(images/pentagon-white.png) no-repeat right center; background-size:15px auto; min-height:16px; padding-right:20px; line-height:16px;} #home-block-1 .home-block-1 .box .more a:hover { background:url(images/pentagon-orange-f.png) no-repeat right center; background-size:15px auto; color:#f47920;} #home-block-1 .home-block-1 .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background:#ff9313;} #home-block-1 .home-block-1 .owl-prev { width:10px; height:20px; background:url(images/prev.png) no-repeat;} #home-block-1 .home-block-1 .owl-next { width:10px; height:20px; background:url(images/prev.png) no-repeat; -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg);} #home-block-2 { margin-bottom:52px;} #home-block-2 .home-block-2 { background:url(images/image-2.png) no-repeat center top;} #home-block-2 .home-block-2 .list { width:100%; max-width:380px; margin:0 auto; padding:90px 0;} #home-block-2 .home-block-2 .list ul {} #home-block-2 .home-block-2 .list ul li { padding:0 0 0 20px; position:relative; font-weight:600; color:#007d9d; font-size:26px; background:url(images/doit-icon.png) no-repeat 0 12px;} #home-block-2 .home-block-2 .list ul li + li { margin-top:10px;} #home-block-2 .home-block-2 .boxes { text-align:center;} #home-block-2 .home-block-2 .boxes .box { width:149px; height:173px; text-align:center; font-weight:700; color:#fff; font-size:16px; background:url(images/pentagon-dark-blue.png) no-repeat center center; display:inline-block; vertical-align:top; position:relative; margin:0 40px; -webkit-transition:all .6s ease-in-out; transition:all .6s ease-in-out; opacity:0.7;} #home-block-2 .home-block-2 .boxes .box:hover { -webkit-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1); opacity:1;} #home-block-2 .home-block-2 .boxes .box span { display:inline-block; position:relative; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);} #home-block-2 .home-block-2 .boxes .box:nth-child(1) { background:url(images/pentagon-dark-orange.png) no-repeat center center;} #home-block-2 .home-block-2 .boxes .box:nth-child(2) { background:url(images/pentagon-light-blue.png) no-repeat center center;} #home-block-2 .home-block-2 .boxes .box:nth-child(3) { background:url(images/pentagon-dark-blue.png) no-repeat center center;} #home-block-2 .home-block-2 .more { padding:35px 0 0; text-align:center;} #home-block-2 .home-block-2 .more a { display:inline-block; font-size:13px; color:#f47920; background:url(images/pentagon-orange.png) no-repeat center top; padding-top:20px; background-size:15px auto;} #home-block-2 .home-block-2 .more a:hover { background:url(images/pentagon-orange-f.png) no-repeat center top; background-size:15px auto;} #footer {} #footer .top { } #footer .top .center { padding:30px; background:#007e9e;} #footer .top h2 { font-weight:900; color:#fff; text-transform:uppercase; padding-bottom:20px;} #footer .top .boxes {} #footer .top .boxes .box { float:left; width:16.66%; padding:0 30px; min-height:270px;} #footer .top .boxes .box:nth-child(1) { padding-left:0; width:130px;} #footer .top .boxes .box:nth-child(2) { width:180px;} #footer .top .boxes .box:nth-child(3) { width:195px;} #footer .top .boxes .box:nth-child(4) { width:200px;} #footer .top .boxes .box:nth-child(5) { width:212px;} #footer .top .boxes .box:nth-child(6) { padding-right:0;} #footer .top .boxes .box + .box { border-left:2px solid #649176;} #footer .top .boxes .box h3 { font-weight:900; color:#f38d44; text-transform:uppercase; padding-bottom:15px; font-size:13px;} #footer .top .boxes .box ul {} #footer .top .boxes .box ul li {} #footer .top .boxes .box ul li + li { margin-top:10px;} #footer .top .boxes .box ul li a { display:inline-block; color:#fff;} #footer .top .boxes .box ul li a:hover { color:#f38d44;} #footer .top .boxes .box p { color:#fff;} #footer .top .boxes .box p + p { margin-top:10px;} #footer .mid { margin:15px 0;} #footer .mid .center { padding:10px 30px;} #footer .mid .left { float:left; padding:30px 0;} #footer .mid .left ul {} #footer .mid .left ul li { display:inline-block;} #footer .mid .left ul li + li { margin-left:10px;} #footer .mid .left ul li a { display:inline-block; color:#007d9d; font-size:18px;} #footer .mid .left ul li a:hover { color:#f38d44;} #footer .mid .right { float:right;} #footer .bot { } #footer .bot .center { padding:15px 30px 16px; color:#fff; background:#007e9e;} #footer .bot .center .copyright { float:left; padding:2px 0 0 0;} #footer .bot .center .employee-portal { float:right;} #footer .bot .center .employee-portal a { font-size:15px; font-weight:400; color:#fff; text-transform:uppercase;} #footer .bot .center .employee-portal a:hover { color:#f38d44;} #wwr-welcome { } #wwr-welcome .wwr-welcome { max-width:945px; margin:0 auto; padding:45px 0 48px; text-align:center;} #wwr-welcome .wwr-welcome p { color:#415766; font-size:16px; line-height:24px;} #wwr-welcome .wwr-welcome p + p { margin-top:35px;} #wwr-list { margin-bottom:57px;} #wwr-list .wwr-list { background:#8b8a8f; position:relative;} #wwr-list .wwr-list .company-overview { position:absolute; left:0; top:0; bottom:0; width:50%;} #wwr-list .wwr-list .company-overview .center { width:250px; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);} #wwr-list .wwr-list .company-overview .center h2 { font-family: 'Roboto Condensed', sans-serif; font-weight:700; font-size:24px; color:#fff; padding-bottom:10px; padding-left:20px;} #wwr-list .wwr-list .company-overview .center ul {} #wwr-list .wwr-list .company-overview .center ul li { color:#fff; font-size:16px; padding-left:20px; position:relative; overflow:hidden;} #wwr-list .wwr-list .company-overview .center ul li + li { margin-top:7px;} #wwr-list .wwr-list .company-overview .center ul li:before { position:absolute; left:0; top:7px; width:7px; height:7px; background:#fff; content:" "; border-radius:50%;} #wwr-list .wwr-list .naics-codes { float:right; width:50%; padding:35px 35px; background:#3d5867;} #wwr-list .wwr-list .naics-codes h2 { font-family: 'Roboto Condensed', sans-serif; font-weight:700; font-size:24px; color:#f47920; padding-bottom:10px; padding-left:20px;} #wwr-list .wwr-list .naics-codes ul {} #wwr-list .wwr-list .naics-codes ul li { color:#fff; font-size:16px; padding-left:20px; position:relative; overflow:hidden;} #wwr-list .wwr-list .naics-codes ul li + li { margin-top:7px;} #wwr-list .wwr-list .naics-codes ul li:before { position:absolute; left:0; top:7px; width:7px; height:7px; background:#F47920; content:" "; border-radius:50%;} #wwr-list .wwr-list .naics-codes ul li span { display:block; float:left; width:80px;} #wwr-list .wwr-list .naics-codes ul li i { display:block; overflow:hidden; font-style:normal;} #vision { } #vision .vision { min-height:400px; background:url(images/vision.jpg) no-repeat center center; background-size:cover; position:relative; } #vision .vision .center { position:absolute; left:70px; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);} #vision .vision .center h2 { font-weight:700; font-size:26px; color:#f47920;} #vision .vision .center p { font-size:20px; color:#8a8a8d; max-width:325px;} #core-values {} #core-values .core-values { position:relative;} #core-values .core-values .title { position:absolute; left:50%; margin-left:-74.5px; top:-86.5px; width:149px; height:173px; text-align:center; font-weight:700; color:#fff; font-size:16px; display:inline-block; vertical-align:top; background:url(images/pentagon-dark-orange.png) no-repeat center center; font-weight:700; font-size:16px; line-height:20px; z-index:999;} #core-values .core-values .title span { display:block; position:relative; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);} #core-values .core-values .box { float:left; width:50%; background:#8b8a8f;} #core-values .core-values .box.right { float:right;} #core-values .core-values .box.cv-image { background:url(images/image-3.jpg) no-repeat center center; background-size:cover;} #core-values .core-values .box.mission-image { background:url(images/image-4.jpg) no-repeat center center; background-size:cover;} #core-values .core-values .box { min-height:257px;} #core-values .core-values .box .text { padding:85px 30px; } #core-values .core-values .box .text h4 { font-family: 'Roboto Condensed', sans-serif; padding-bottom:0px; font-size:18px; color:#fff; font-weight:700;} #core-values .core-values .box .text p { font-size:16px; color:rgba(255,255,255,0.8); line-height:20px; max-width:520px;} #core-values .core-values .box .text p + p { margin-top:10px;} #core-values .core-values .box .text p + h4 { margin-top:12px;} #core-values .core-values.mission .box .text { padding:83px 30px;} #leadership { padding:42px 0 67px;} #leadership .leadership { text-align:center;} #leadership .leadership h2 { font-family: 'Roboto Condensed', sans-serif; font-weight:700; font-size:24px; color:#f47920; padding-bottom:15px;} #leadership .leadership p { font-size:16px; line-height:24px; color:#415766; max-width:945px; margin:0 auto;} #leadership .leadership .more { text-align:center; margin-top:25px;} #leadership .leadership .more a { display:inline-block; font-size:13px; color:#f47920; background:url(images/pentagon-orange-small.png) no-repeat center top; padding-top:25px; background-size:17px auto;} #leadership .leadership .more a:hover { background:url(images/pentagon-orange-f.png) no-repeat center top; background-size:17px auto;} #certifications { margin-bottom:70px;} #certifications .certifications { border:1px solid #f9b585; position:relative;} #certifications .certifications .boxes { background:url(images/image-7.png) no-repeat center top;} #certifications .certifications:after { position:absolute; left:50%; top:-1px; width:46px; height:1px; background:#fff; content:" "; margin-left:-23px;} #certifications .certifications .boxes .box { float:left; width:50%; line-height:200px; text-align:center;} #certifications .certifications .text { padding: 15px 0px 25px 0px;; text-align:center;} #certifications .certifications .text h3 { font-weight:700; font-size:18px; color:#415766; text-transform:uppercase; padding-bottom:10px;} #certifications .certifications .text p { font-size:16px; color:#415766; line-height:24px; max-width:959px; margin-left:auto; margin-right:auto;} #certifications .certifications .text p + p { margin-top:5px;} #what-we-do { padding:52px 0;} #what-we-do .boxes {} #what-we-do .boxes .box { background:#8b8d8f; padding-bottom:30px; position:relative; overflow:hidden;} #what-we-do .boxes .box + .box { margin-top:52px;} #what-we-do .boxes .box .title { position:absolute; top:100px; right:160px;} #what-we-do .boxes .box .title.left { right:auto; left:150px;} #what-we-do .boxes .box .title .icon { display:inline-block; vertical-align:top; line-height:100px;} #what-we-do .boxes .box .title .icon-detail { display:inline-block; font-family: 'Roboto Condensed', sans-serif; font-size:26px; color:#fff; font-weight:700; vertical-align:top; padding:12px 0 0 10px; text-transform:uppercase; line-height:28px;} #what-we-do .boxes .box .title .icon-detail.top { padding-top:25px;} #what-we-do .boxes .box .image {} #what-we-do .boxes .box .text { margin:30px 0; padding:0 15px; text-align:center;} #what-we-do .boxes .box .text p { max-width:668px; margin-left:auto; margin-right:auto; font-size:16px; color:#fff; line-height:24px; text-align:justify;} #what-we-do .boxes .box .text ul { text-align:center;} #what-we-do .boxes .box .text ul li { display:inline-block; font-size:16px; color:#fff; line-height:24px; padding-left:20px; position:relative;} #what-we-do .boxes .box .text ul li + li { margin-left:30px;} #what-we-do .boxes .box .text ul li:before { position:absolute; left:0; top:8px; width:8px; height:8px; background:#fff; content:" "; border-radius:50%;} #what-we-do .boxes .box .more { text-align:center;} #what-we-do .boxes .box .more a { display:inline-block; font-size:13px; color:#fff; background:url(images/pentagon-orange-small.png) no-repeat center top; padding-top:25px; background-size:17px auto;} #what-we-do .boxes .box .more a:hover { background:url(images/pentagon-orange-f.png) no-repeat center top; background-size:17px auto;} #what-we-do-detail .detail ul li.remove_bullet:before {background: transparent;} #what-we-do-detail { padding:52px 0;} #what-we-do-detail .detail { background:#8b8d8f; padding:50px 50px 90px; margin-bottom:52px;} #what-we-do-detail .detail .half { float:left; width:48%;} #what-we-do-detail .detail .half + .half { float:right;} #what-we-do-detail .detail p { font-size:16px; color:#fff; line-height:24px; text-align:left; text-align:justify;} #what-we-do-detail .detail ul {} #what-we-do-detail .detail ul li { font-size:16px; color:#fff; line-height:24px; padding-left:20px; position:relative;} #what-we-do-detail .detail ul li:before { position:absolute; left:0; top:8px; width:8px; height:8px; background:#fff; content:" "; border-radius:50%;} #what-we-do-detail .detail h4 { font-size:18px; color:#f47920; font-family: 'Roboto Condensed', sans-serif; font-weight:700; padding-bottom:5px;} #what-we-do-detail .detail p + h4 { margin-top:20px;} #what-we-do-detail .image { padding-bottom: 68px;text-align:center;} #what-we-do-detail .detail h3{color:#f47920;font-weight: 700;font-size:16px;} #what-we-do-detail .detail .padding_25top{padding-top:25px;} #who-we-serve {} #who-we-serve .boxes {} #who-we-serve .boxes .box {} #who-we-serve .boxes .box .image {} #who-we-serve .boxes .box .detail { padding:40px 15px; text-align:center;} #who-we-serve .boxes .box:nth-child(2n) .detail { background:#d7d8d9;} #who-we-serve .boxes .box .detail h2 { font-family: 'Roboto Condensed', sans-serif; font-weight:700; font-size:26px; color:#007e9e; padding-bottom:25px;} #who-we-serve .boxes .box .detail h2.orange { color:#f47920;} #who-we-serve .boxes .box .detail p { font-size:16px; color:#3d5867; line-height:24px; max-width:1080px; margin-left:auto; margin-right:auto;} #who-we-serve .boxes .box .detail p + p { margin-top:20px;} #who-we-serve .boxes .box .detail .icon { text-align:center; margin-bottom:22px;} #who-we-serve .boxes .box .detail .quote { padding:38px 0 0 0; background:url(images/quote.png) no-repeat center top; margin:40px auto 0; max-width:1119px;} #who-we-serve .boxes .box .detail .quote blockquote, #who-we-serve .boxes .box .detail .quote blockquote p{ display:block; font-size:14px; color:#007e9e;} #who-we-serve .boxes .box .detail .quote span { display:block; font-size:14px; color:#f47920; font-weight:500; padding:10px 0 0 0;} .custome-working-pad{padding:20px 0px !important;} #our-customers { padding:42px 0;} #our-customers h2 { font-family: 'Roboto Condensed', sans-serif; font-weight:700; font-size:26px; color:#f47920; padding-bottom:30px; text-transform:uppercase; text-align:center;} #our-customers .our-customers {} #our-customers .our-customers .box { padding:100px 50px; text-align:center; background:#333; position:relative;} #our-customers .our-customers .box:after { position:absolute; left:50%; top:0; width:0; height:0; border-left:36px solid transparent; border-right:36px solid transparent; border-top:15px solid #fff; content:""; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); } #our-customers .our-customers .box p { font-size:16px; color:#fff; line-height:24px;} #our-customers .our-customers .box .more { margin-top:50px;} #our-customers .our-customers .box .more a { display:inline-block; font-size:13px; color:#fff; background:url(images/pentagon-white.png) no-repeat right center; background-size:15px auto; min-height:16px; padding-right:20px; line-height:16px;} #our-customers .our-customers .box .more a:hover { background:url(images/pentagon-white-f.png) no-repeat right center; background-size:15px auto;} #our-customers .our-customers.owl-theme .owl-dots .owl-dot.active span, #our-customers .our-customers.owl-theme .owl-dots .owl-dot:hover span { background:#f47920;} #our-customers .our-customers .owl-item:nth-child(4n+1) .box { background:#424264;} #our-customers .our-customers .owl-item:nth-child(4n+2) .box { background:#379db5;} #our-customers .our-customers .owl-item:nth-child(4n+3) .box { background:#3d5867;} #our-customers .our-customers .owl-item:nth-child(4n+4) .box { background:#8b8d8f;} #join-out-team { padding:42px 0 52px;} #join-out-team .title { text-align:center; margin-bottom:52px;} #join-out-team .title .center { display:inline-block; position:relative; height:64px; background:url(images/line.png) repeat-x left top, url(images/line.png) repeat-x left bottom; line-height:64px; padding:0 85px 0 25px;} #join-out-team .title .center span { font-family: 'Roboto Condensed', sans-serif; font-weight:700; font-size:26px; color:#f47920;} #join-out-team .title .center:before { position:absolute; left:-19px; top:0; width:19px; height:64px; background:url(images/left-arrow.png) no-repeat; content:" ";} #join-out-team .title .center:after { position:absolute; right:-19px; top:0; width:19px; height:64px; background:url(images/left-arrow.png) no-repeat; content:" "; -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg);} #join-out-team .title .center .more { position:absolute; right:-17px; top:2px; } #join-out-team .title .center .more a { display:block; width:69px; height:61px; background:url(images/hexa-orange.png) no-repeat; text-align:center; font-size:12px; color:#fff; line-height:18px; padding:12px 0 0 0;} #join-out-team .title .center .more a:hover { background-position:100% 0;} #join-out-team .current-openings { text-align:center; margin-bottom:52px;} #join-out-team .current-openings h2 { font-family: 'Roboto Condensed', sans-serif; font-weight:700; font-size:26px; color:#f47920; text-transform:uppercase; padding-bottom:10px;} #join-out-team .current-openings .select { padding:0 50px; text-align:left; margin-bottom:22px;} #join-out-team .current-openings .select select { width:200px; height:35px; border:1px solid #007D9D; color:#fff; background:#007D9D; padding:0 15px; -moz-appearance:none; -webkit-appearance:none; appearance:none; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} #join-out-team .current-openings .select select::-ms-expand { display:none;} #join-out-team .current-openings .select select option { padding:5px 15px; background:#fff; color:#007D9D;} #join-out-team .current-openings .select select option + option { border-top:1px solid #007D9D;} #join-out-team .current-openings .select select option:hover { background:#007D9D; color:#fff;} #join-out-team .current-openings .box { border:1px solid #8e8f92; min-height:200px; position:relative; padding:20px 50px;} #join-out-team .current-openings .box:after { width:87px; height:27px; position:absolute; left:50%; top:-1px; background:url(images/arrow.png) no-repeat; content:" "; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);} #join-out-team .current-openings .box .row { text-align:left; padding:20px 0;} #join-out-team .current-openings .box .row + .row { border-top:1px solid #ccc;} #join-out-team .current-openings .box .row h4 { font-family: 'Roboto Condensed', sans-serif; font-weight:700; font-size:26px; color:#f47920;} #join-out-team .current-openings .box .row .text { padding:12px 0 0 0;} #join-out-team .current-openings .box .row .text p { font-size:16px; color:#3d5867;} #join-out-team .current-openings .box .row .more { padding:20px 0 0 0;} #join-out-team .current-openings .box .row .more a { display:inline-block; font-size:16px; color:#f47920; background:url(images/pentagon-orange.png) no-repeat 0 3px; background-size:15px auto; font-weight:700; padding:0 0 0 25px;} #join-out-team .current-openings .box .row .more a:hover { background:url(images/pentagon-orange-f.png) no-repeat 0 3px; background-size:15px auto;} #join-out-team .benefit {} #join-out-team .benefit .grey-box {} #join-out-team .benefit .grey-box .box { background:#d2d2d2; position:relative; width:50%;} #join-out-team .benefit .grey-box .box img { width:100%; height:auto;} #join-out-team .benefit .grey-box .box.left { float:left;} #join-out-team .benefit .grey-box .box.right { float:right;} #join-out-team .benefit .grey-box .box .center-text { position:absolute; left:0; top:50%; right:0; text-align:center; font-size:16px; color:#3d5867; line-height:24px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);} #join-out-team .benefit .grey-box .box .padding-text { padding:50px;} #join-out-team .benefit .grey-box .box .padding-text h3 { font-family: 'Roboto Condensed', sans-serif; font-weight:700; font-size:26px; color:#f47920; padding-bottom:25px;} #join-out-team .benefit .grey-box .box .padding-text p { font-size:16px; color:#3d5867; line-height:24px;} #join-out-team .benefit .blue-box { background:#3d5867; padding:50px; position:relative;} #join-out-team .benefit .blue-box.top-padding { padding-top:100px;} #join-out-team .benefit .blue-box .box { float:left; width:45%;} #join-out-team .benefit .blue-box .box + .box { float:right;} #join-out-team .benefit .blue-box .box ul {} #join-out-team .benefit .blue-box .box ul li { padding:0 0 0 15px; font-size:16px; color:#fff; position:relative;} #join-out-team .benefit .blue-box .box ul li:before { position:absolute; left:0; top:7px; width:7px; height:7px; background:#fff; content:" "; border-radius:50%;} #join-out-team .benefit .blue-box .box ul li span { font-weight:700; color:#f47920;} #join-out-team .benefit .blue-box h4 { font-family: 'Roboto Condensed', sans-serif; font-weight:700; font-size:26px; color:#f47920; padding-bottom:20px; max-width:45%;} #join-out-team .benefit .blue-box .box p { font-size:16px; line-height:24px; color:#fff;} #join-out-team .benefit .blue-box .box p + p { margin-top:25px;} #join-out-team .benefit .blue-box .box p span, #join-out-team .benefit .blue-box .box span.highlight{ font-weight:700; color:#f47920;} #join-out-team .benefit .blue-box .box p + ul { margin-top:15px;} #join-out-team .benefit .blue-box .title { position:absolute; left:50%; margin-left:-74.5px; top:-86.5px; width:149px; height:174px; text-align:center; font-weight:700; color:#fff; font-size:16px; display:inline-block; vertical-align:top; background:url(images/pentagon-light-blue.png) no-repeat center center; font-weight:500; font-size:16px; line-height:20px; z-index:999;} #join-out-team .benefit .blue-box .title span { display:block; position:relative; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);} #join-out-team .working { text-align:center; padding:45px 0;} #join-out-team .working h2 { font-family: 'Roboto Condensed', sans-serif; font-weight:700; font-size:26px; color:#f47920; padding-bottom:29px;} #join-out-team .working p { font-size:16px; color:#231f20; line-height:24px; margin-bottom:33px; max-width:1064px; margin-left:auto; margin-right:auto;} #join-out-team .working span { display:block; font-weight:700; color:#f47920; font-size:16px; font-style:italic;} #contract-vehicles { padding:52px 0;} #contract-vehicles .boxes {} #contract-vehicles .boxes .box {} #contract-vehicles .boxes .box + .box { margin-top:30px;} #contract-vehicles .boxes .box .image {} #contract-vehicles .boxes .box .dark-grey { background:#8b8d8f; padding:30px 50px 50px;} #contract-vehicles .boxes .box .dark-grey .full {} #contract-vehicles .boxes .box .dark-grey .full h3 { font-family: 'Roboto Condensed', sans-serif; font-weight:700; font-size:26px; color:#3d5867; padding-bottom:20px;} #contract-vehicles .boxes .box .dark-grey .half { float:left; width:45%;} #contract-vehicles .boxes .box .dark-grey .half + .half { float:right;} #contract-vehicles .boxes .box .dark-grey .half p { font-size:16px; color:#fff; line-height:24px;} #contract-vehicles .boxes .box .dark-grey .half p a:hover { color:#f47920;} #contract-vehicles .boxes .box .dark-grey .half p + p { margin-top:25px;} #contract-vehicles .boxes .box .dark-grey .half p span { display:block; color:#3d5867;} #contract-vehicles .boxes .box .dark-grey .half ul {} #contract-vehicles .boxes .box .dark-grey .half ul li { padding:0 0 0 15px; font-size:16px; color:#fff; position:relative;} #contract-vehicles .boxes .box .dark-grey .half ul li:before { position:absolute; left:0; top:7px; width:7px; height:7px; background:#fff; content:" "; border-radius:50%;} #contract-vehicles .boxes .box .dark-grey .half ul + p { margin-top:25px;} #contract-vehicles .boxes .box .dark-grey .half h4 { font-weight:700; font-size:16px; color:#3d5867; padding-bottom:5px;} #contract-vehicles .boxes .box .dark-grey .half p + h4 { margin-top:25px;} #contract-vehicles .boxes .box .white-box { padding:20px 15px;} #contract-vehicles .boxes .box .white-box .logos { text-align:center; text-align:center;} #contract-vehicles .boxes .box .white-box .logos img { display:inline-block; margin:10px 20px;} #contract-vehicles .boxes .box .light-grey { background:#caccce; padding:30px 50px 50px; position:relative;} #contract-vehicles .boxes .box .light-grey .half { float:left; width:45%;} #contract-vehicles .boxes .box .light-grey .half + .half { float:right;} #contract-vehicles .boxes .box .light-grey .half .logos { text-align:center; width:45%; text-align:center; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);} #contract-vehicles .boxes .box .light-grey .half .logos img { display:inline-block; margin:0 20px;} #contract-vehicles .boxes .box .light-grey .half .row {} #contract-vehicles .boxes .box .light-grey .half .row + .row { margin-top:5px;} #contract-vehicles .boxes .box .light-grey .half .row .label { float:left; width:180px; font-weight:700; font-size:16px; color:#f47920;} #contract-vehicles .boxes .box .light-grey .half .row .label-detail { float:left; width:calc(100% - 180px); font-size:16px; line-height:24px; color:#3d5867;} #contract-vehicles .boxes .box .light-grey .half .row .label-detail a:hover { color:#007e9e;} #our-customers { display:none;} #who-we-serve { padding-bottom:70px;} #join-out-team .benefit .blue-box .box ul li span { font-weight:400; color:#fff;} #employee-testimonials { padding:46px 0 20px; display:none; text-align:left;} #employee-testimonials .employee-testimonials {} #employee-testimonials .employee-testimonials h1 { font-family: 'Roboto Condensed', sans-serif; font-weight:700; font-size:26px; color:#f47920; text-transform:uppercase; text-align:center; padding-bottom:40px;} #employee-testimonials .employee-testimonials .boxes { padding:0 0 0 92px;} #employee-testimonials .employee-testimonials .boxes .box { background:#caccce; padding:35px 90px 38px 160px; position:relative;} #employee-testimonials .employee-testimonials .boxes .box + .box { margin-top:35px;} #employee-testimonials .employee-testimonials .boxes .box .image { position:absolute; left:-92px; top:50%; margin-top:-106px; width:185px; height:213px;} #employee-testimonials .employee-testimonials .boxes .box .image-detail {} #employee-testimonials .employee-testimonials .boxes .box .image-detail h2 { font-weight:700; font-size:27px; color:#f47920; font-family: 'Roboto Condensed', sans-serif; padding-bottom:24px;} #employee-testimonials .employee-testimonials .boxes .box .image-detail h2 span { display:block; font-family: 'Roboto', sans-serif; font-weight:400; font-size:18px;} #employee-testimonials .employee-testimonials .boxes .box .image-detail p { font-size:16px; color:#06566b; line-height:24px; text-align:justify;} #employee-testimonials .employee-testimonials .boxes .box .image-detail p + p { margin-top:23px;} .icon.icon-angle-down {display: none;} .extra_space_left {padding-left: 20px;} .extra_space_right {padding-right: 25px;} .padding-left_20{padding-left: 20px;} #accomodation { padding:40px 0 100px 0;} #accomodation .accomodation {} #accomodation .accomodation h2 { font-weight:600; font-size:30px; color:#f47921; padding-bottom:15px;} #accomodation .accomodation .text { padding-bottom:25px;} #accomodation .accomodation .text p { font-size:16px; line-height:24px; color:#415766;} #accomodation .accomodation .text p + p { margin-top:26px;} #accomodation .accomodation .form { background:#e8e8e9; padding:50px 20px;} #accomodation .accomodation .form .row {} #accomodation .accomodation .form .row + .row { margin-top:20px;} #accomodation .accomodation .form .half { float:left; width:49%;} #accomodation .accomodation .form .half + .half { float:right;} #accomodation .accomodation .form .input-text { background:#fff; width:100%; height:45px; font-size:14px; color:#757575;} #accomodation .accomodation .form .area { background:#fff; width:100%; height:90px; font-size:14px; color:#757575;} #accomodation .accomodation .form .white { background:#fff; min-height:45px; padding:12px 15px;} #accomodation .accomodation .form .white label { display:inline-block; font-size:14px; color:#757575;} #accomodation .accomodation .form .white label.check { margin-left:22px;} #accomodation .accomodation .form .white label input[type=checkbox] { display:inline-block; margin-right:10px; vertical-align:top; margin-top:3px;} #accomodation .accomodation .form .submit { text-align:center; padding:15px 0;} #accomodation .accomodation .form .submit .btn { width:290px; height:45px; color:#fff; text-transform:uppercase; font-weight:600; font-size:18px; background:#f47921;} #accomodation .accomodation .form .submit .btn:hover { background:#333;} @media only screen and (max-width: 767px) { .extra_space_left {padding-left: 0px;} .extra_space_right {padding-right: 0px;} .padding-left_20 {padding-left: 0px;} #accomodation .accomodation .form .white{min-height: 60px; margin-bottom: 18px;} } .footer_bottom_menu {float: left;width: 50%;} #privacy .text p {color: #3d5867;font-size: 16px;line-height: 23px;padding: 5px 5px 5px 5px;} #privacy {margin: 15px 0px 30px 0px;} #privacy h6 {color: #f36e23;font-family: Roboto, sans-serif;font-size: 24px;line-height: 32px;font-style: normal;font-weight: 300;text-align:left;} #privacy h5 {color: #f36e23;font-family: Roboto, sans-serif;font-size: 24px;line-height: 32px;font-style: normal;font-weight: 300;} #privacy h3{color: #187996;font-family: Roboto Condensed, sans-serif;font-size: 28px;font-style: normal;font-weight: 400;margin: 15px 0px;} #privacy p a { color: #f36e23; font-style: normal; font-weight: 300; text-decoration: none; } .accordion_holder{ position:relative; margin:0 0 30px } .accordion_holder.accordion h3{ cursor:pointer; line-height:45px; min-height:45px; margin:0 0 13px } .accordion_holder.accordion h3>span{ height:43px; line-height:43px; display:block; float:left; text-align:center; margin:0 8px 0 0; border:1px solid #0079ff; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; -o-border-radius:50px } .accordion_holder.accordion div.accordion_content{ padding:0 0 0 65px; margin:0 } .accordion_holder.accordion div.accordion_content_inner{ padding:0 0 16px;font-size:16px;color:#666666 } .accordion_holder.accordion div.accordion_content_inner p{ margin:0 } .accordion_holder.accordion h3 span .control-pm{ display:inline-block; width:13px; height:15px; background-image:url(img/accordion_marks.png); background-repeat:no-repeat; background-position:0 0 } .accordion_holder.accordion h3.ui-state-active>span,.accordion_holder.accordion h3:hover>span{ background-color:#0079ff } .accordion_holder.accordion h3.ui-state-active span .control-pm,.accordion_holder.accordion h3.ui-state-active:hover span .control-pm{ background-position:-13px 0 } .accordion_holder.accordion h3:hover>span .control-pm{ background-position:-26px 0 } .accordion_holder.accordion h3 { cursor: pointer; margin: 0 0 21px -10px !important; } .accordion_holder.accordion h3.ui-state-active>span,.accordion_holder.accordion h3:hover>span{ background-color:transparent; } .accordion_holder.accordion h3.ui-state-active > span, .accordion_holder.accordion h3.ui-state-active:hover > span { background-color: transparent; color:transparent; } .accordion_holder.accordion h3:hover>span .control-pm { background-position:0 0; background-color: transparent; } .accordion_holder.accordion h3 > span { border-color: transparent; color:transparent; } .accordion_holder.accordion h3.ui-state-active span .control-pm, .accordion_holder.accordion h3.ui-state-active:hover span .control-pm { background-position: -51px 0; background-image: url(http://five9group.com/wp-content/uploads/2018/05/accordion_marks_over.png); } .accordion_holder.accordion h3 span .control-pm { width: 50px; height: 50px; background-image: url(http://five9group.com/wp-content/uploads/2018/04/accordion_marks.png); color:transparent; } .margin_btm30{margin-bottom:30px;} .sub-banner h1 {color: #fff;font-weight: bold;font-size: 45px;} span.wpcf7-not-valid-tip{position: relative;top: 4px;} .sub-banner .banner-text h1 {color: #fff;font-weight: bold;font-size: 45px;text-align: left;position: absolute;top: 50%;display: block; vertical-align: middle; transform: translate(0%,-50%); -webkit-transform: translate(0%,-50%); -ms-transform: translate(0%,-50%); -moz-transform: translate(0%,-50%); -o-transform: translate(0%,-50%);} #accomodation .accomodation .form .white label{float: left; width: auto !important;} #accomodation .accomodation .form .white{position: relative;} #accomodation .accomodation .form .white span.wpcf7-not-valid-tip { position: absolute; bottom: -25px; left: 0; top: auto; } #accomodation .accomodation .form .white .wpcf7-form-control-wrap{position: inherit;}