/************************************************************* MENU ICONS EXAMPLE *************************************************************/ /* To add menu icon specify PAGE-ID and ICON CONTENT VALUE: .fa-menu-{PAGE-ID}:before { content: "{ICON CONTENT VALUE}"; } List of ICON CONTENT VALUES: http://astronautweb.co/snippet/font-awesome/ FOR EXAMPLE i.fa-menu-33:before { content: "\f004"; } */ /************************************************************* ADD YOUR CUSTOM STYLES BELOW THIS LINE *************************************************************/ :root{ --darkGreen:#007c3e; --darkGreenOP83:rgba(9,68,56,0.83); --mediumGreen:#00984d; --mediumGreenOP83:rgba(9,98,71,0.83); --lightGreen:#77a86d; --bannerGreen:#00483a; --darkBlue:#004775; --darkBlueOP83:rgba(0,56,100,0.83); --mediumBlue:#00609b; --mediumBlueOP83:rgba(14,95,182,0.83); --lightBlue:#a5c5ed; --lightBlueOP83:rgba(136,175,219,0.83); --linkBlue:#025db9; --darkGold: #f2be40; --gold:#f0d283; --goldOP83:rgba(211,158,37,0.83); --bannerGold:#d59f0b; --darkGray:#e8e7e7; --gray:#c1c1c1; --lightGray1:#e1e1e1; --lightGray2:#f3f3f3; --lightGray3:#f6f6f6; --lightGray:#c6c5c5; --black:#4c4d4d; } .animsition-loading { /* background-color: #fff; */ /* z-index: 9999!important; */ /* width: 100%; */ /* height: 100%; */ /* position: fixed; */ /* top: 0; */ /* left: 0; */ /* right: 0; */ /* bottom: 0; */ background-color: transparent !important; display:none; } body,h1,h2,h3,h4,h5,h6,span,div,p{ font-family: 'Karla', sans-serif !important; -webkit-print-color-adjust:exact; } body>#Form{opacity:1 !important;height: auto; animation-duration: 200ms; } #header.header-transparent+#slider { top: -155px !important; margin-bottom: -155px !important; } section{z-index:auto;} #wsc_main_content { background-color: transparent !important; } .container-wide{box-sizing:border-box;} .fa{font-family:fontawesome !important;font-weight:400 !important;} /* .inner-page-bar .Normal .ModDNNHTMLC>div> ul, .Normal ul.mg-custom-style{list-style:none;} */ /* .inner-page-bar .Normal .ModDNNHTMLC>div>ul>li:before,.Normal ul.mg-custom-style>li:before { content: '\f105';font-family:fontawesome !important; margin-left: -20px; margin-right: 10px; font-size:20px; position:absolute;color:var(--darkGreen);} */ /* .redactor-toolbar li::before{content:'' !important;} */ .inner-page-bar .Normal .ModDNNHTMLC>div> ul, .Normal ul.mg-custom-style,.Normal .mg-content ul{list-style:none;} .inner-page-bar .Normal .ModDNNHTMLC>div>ul>li:before,.Normal ul.mg-custom-style>li:before,.Normal .mg-content ul>li:before { content: '\f105';font-family:fontawesome !important; margin-left: -20px; margin-right: 10px; font-size:20px; position:absolute;color:var(--darkGreen);} .Normal .mg-content ul.mg-accordion ul>li:before{content:none;} .redactor-toolbar li::before{content:'' !important;} a.SubSubHead, a, a:hover, a:focus, a:active, a:visited, a>span, a:hover>span, a:focus>span, a:active>span, a:visited>span, #mainMenu nav > ul > li.hover-active > a, #mainMenu nav > ul > li.hover-active > span, #mainMenu nav > ul > li.current > a, #mainMenu nav > ul > li.current > span, #mainMenu nav > ul > li:hover > a, #mainMenu nav > ul > li:hover > span, #mainMenu nav > ul > li:focus > a, #mainMenu nav > ul > li:focus > span, #mainMenu nav > ul > li .dropdown-menu > li > a:focus, #mainMenu nav > ul > li .dropdown-menu > li > a:hover, #mainMenu nav > ul > li .dropdown-menu > li > a:active, #mainMenu nav > ul > li .dropdown-menu > li > span:focus, #mainMenu nav > ul > li .dropdown-menu > li > span:hover, #mainMenu nav > ul > li .dropdown-menu > li > span:active, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:focus, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:hover, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:active, #mainMenu nav > ul > li .dropdown-menu > li.current > a, #mainMenu nav > ul > li .dropdown-menu > li.current > span, #mainMenu nav > ul > li .dropdown-menu > li:hover > a, #mainMenu nav > ul > li .dropdown-menu > li:hover > span, #mainMenu nav > ul > li .dropdown-menu > li:focus > a, #mainMenu nav > ul > li .dropdown-menu > li:focus > span, #mainMenu nav > ul > li .dropdown-menu > li:active > a, #mainMenu nav > ul > li .dropdown-menu > li:active > span, #mainMenu nav > ul > li .dropdown-menu > li.hover-active > a, #mainMenu nav > ul > li .dropdown-menu > li.hover-active > span, #mainMenu.menu-outline nav > ul > li.current > a, #mainMenu.menu-outline nav > ul > li:hover > a, #mainMenu.menu-outline nav > ul > li:focus > a, #mainMenu.menu-lines nav > ul > li.current > a, #mainMenu.menu-lines nav > ul > li:hover > a, #mainMenu.menu-lines nav > ul > li:focus > a, .dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li > a:hover, .dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li > span:hover, .dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:hover, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li > a:hover, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li > span:hover, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:hover, .dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li.current > a, .dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li.current > span, .dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li:hover > a, .dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li:hover > span, .dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li:focus > a, .dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li:focus > span, .dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li.hover-active > a, .dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li.hover-active > span, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li.current > a, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li.current > span, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li:hover > a, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li:hover > span, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li:focus > a, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li:focus > span, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li.hover-active > a, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li.hover-active > span, #side-panel nav ul > li > .toggle, .dark #side-panel:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li > a:hover, .dark #side-panel:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:hover, #side-panel.dark:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li > a:hover, #side-panel.dark:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:hover, .dark #side-panel:not(.light):not(.menu-rounded) nav > ul > li.current > a, .dark #side-panel:not(.light):not(.menu-rounded) nav > ul > li:hover > a, .dark #side-panel:not(.light):not(.menu-rounded) nav > ul > li:focus > a, .dark #side-panel:not(.light):not(.menu-rounded) nav > ul > li.hover-active > a, #side-panel.dark:not(.light):not(.menu-rounded) nav > ul > li.current > a, #side-panel.dark:not(.light):not(.menu-rounded) nav > ul > li:hover > a, #side-panel.dark:not(.light):not(.menu-rounded) nav > ul > li:focus > a, #side-panel.dark:not(.light):not(.menu-rounded) nav > ul > li.hover-active > a, #side-panel.wsc-text-dark .topbar-dropdown .list-entry:hover, #side-panel.wsc-text-dark .wsc-logins .dropdown-list .buttonGroup li a:hover, .page-menu.menu-outline nav li:hover a, .page-menu.menu-outline nav li.active a, .page-menu.menu-lines nav li:hover a, .page-menu.menu-lines nav li.active a, .page-menu.menu-default nav li:hover a, .page-menu.menu-default nav li.active a, .page-menu.menu-colored-background nav li:hover a, .page-menu.menu-colored-background nav li.active a, .page-menu.menu-dark li:hover a, .page-menu.menu-dark li.active a, .grid-filter.gf-outline li:hover a, .grid-filter.gf-outline li.active a, .grid-filter.gf-lines li:hover a, .grid-filter.gf-lines li.active a, .grid-filter.gf-default li:hover a, .grid-filter.gf-default li.active a, .post-item .post-quote-img .post-meta-category, .post-item .post-quote-img .post-meta-category a, .post-author a, .comments .comment_number span, .comments .comment .text .comment-reply-link, .respond-comment span, .btn.btn-outline, .heading-creative strong, .tabs.simple > .tabs-navigation li.active a, .tabs.simple > .tabs-navigation li.active a:focus, .tabs.simple > .tabs-navigation li a:hover, .feature-box:hover h2, .feature-box:hover h3, .feature-box:hover h4, .list-icon.icon-list-colored li:before, .list-icon.icon-list-colored i, .pagination.pagination-simple .active > a, .pagination.pagination-simple .active > span, .pagination.pagination-simple .active > a:hover, .pagination.pagination-simple .active > span:hover, .pagination.pagination-simple .active > a:focus, .pagination.pagination-simple .active > span:focus, .post-navigation a:hover, .call-to-action h3 span, .item-link, .item-link:hover, .widget-twitter li a, .pagination>li>a, .pagination>li>span, .btn-link, .btn-link:hover, .btn-link:focus, .list-icon-colored .list-icon__item:before, .list-icon-colored .list-icon__item > i { color: var(--linkBlue) ; } a:hover, a:hover>span, .grid-filter.gf-outline li:hover a, .grid-filter.gf-lines li:hover a, .grid-filter.gf-default li:hover a, .tabs.simple > .tabs-navigation li a:hover, .pagination.pagination-simple .active > a:hover, .pagination.pagination-simple .active > span:hover, .post-navigation a:hover, .item-link:hover, .btn-link:hover { font-weight:700; /* color: var(--darkBlue) ; */ } #mainMenu nav > ul > li.hover-active > a, #mainMenu nav > ul > li.hover-active > span, #mainMenu nav > ul > li.current > a, #mainMenu nav > ul > li.current > span, #mainMenu nav > ul > li:hover > a, #mainMenu nav > ul > li:hover > span, #mainMenu nav > ul > li:focus > a, #mainMenu nav > ul > li:focus > span, #mainMenu nav > ul > li .dropdown-menu > li > a:focus, #mainMenu nav > ul > li .dropdown-menu > li > a:hover, #mainMenu nav > ul > li .dropdown-menu > li > a:active, #mainMenu nav > ul > li .dropdown-menu > li > span:focus, #mainMenu nav > ul > li .dropdown-menu > li > span:hover, #mainMenu nav > ul > li .dropdown-menu > li > span:active, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:focus, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:hover, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:active, #mainMenu nav > ul > li .dropdown-menu > li.current > a, #mainMenu nav > ul > li .dropdown-menu > li.current > span, #mainMenu nav > ul > li .dropdown-menu > li:hover > a, #mainMenu nav > ul > li .dropdown-menu > li:hover > span, #mainMenu nav > ul > li .dropdown-menu > li:focus > a, #mainMenu nav > ul > li .dropdown-menu > li:focus > span, #mainMenu nav > ul > li .dropdown-menu > li:active > a, #mainMenu nav > ul > li .dropdown-menu > li:active > span, #mainMenu nav > ul > li .dropdown-menu > li.hover-active > a, #mainMenu nav > ul > li .dropdown-menu > li.hover-active > span, #mainMenu.menu-outline nav > ul > li.current > a, #mainMenu.menu-outline nav > ul > li:hover > a, #mainMenu.menu-outline nav > ul > li:focus > a, #mainMenu.menu-lines nav > ul > li.current > a, #mainMenu.menu-lines nav > ul > li:hover > a, #mainMenu.menu-lines nav > ul > li:focus > a, .dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li > a:hover, .dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li > span:hover, .dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:hover, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li > a:hover, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li > span:hover, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:hover, .dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li.current > a, .dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li.current > span, .dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li:hover > a, .dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li:hover > span, .dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li:focus > a, .dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li:focus > span, .dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li.hover-active > a, .dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li.hover-active > span, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li.current > a, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li.current > span, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li:hover > a, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li:hover > span, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li:focus > a, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li:focus > span, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li.hover-active > a, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li.hover-active > span, #side-panel nav ul > li > .toggle, .dark #side-panel:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li > a:hover, .dark #side-panel:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:hover, #side-panel.dark:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li > a:hover, #side-panel.dark:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:hover, .dark #side-panel:not(.light):not(.menu-rounded) nav > ul > li.current > a, .dark #side-panel:not(.light):not(.menu-rounded) nav > ul > li:hover > a, .dark #side-panel:not(.light):not(.menu-rounded) nav > ul > li:focus > a, .dark #side-panel:not(.light):not(.menu-rounded) nav > ul > li.hover-active > a, #side-panel.dark:not(.light):not(.menu-rounded) nav > ul > li.current > a, #side-panel.dark:not(.light):not(.menu-rounded) nav > ul > li:hover > a, #side-panel.dark:not(.light):not(.menu-rounded) nav > ul > li:focus > a, #side-panel.dark:not(.light):not(.menu-rounded) nav > ul > li.hover-active > a, #side-panel.wsc-text-dark .topbar-dropdown .list-entry:hover, #side-panel.wsc-text-dark .wsc-logins .dropdown-list .buttonGroup li a:hover, .page-menu.menu-outline nav li:hover a, .page-menu.menu-outline nav li.active a, .page-menu.menu-lines nav li:hover a, .page-menu.menu-lines nav li.active a, .page-menu.menu-default nav li:hover a, .page-menu.menu-default nav li.active a, .page-menu.menu-colored-background nav li:hover a, .page-menu.menu-colored-background nav li.active a, .page-menu.menu-dark li:hover a, .page-menu.menu-dark li.active a, { color: var(--linkBlue) !important ; } #mainMenu nav>ul>li .dropdown-menu>li.current>a, #mainMenu nav>ul>li .dropdown-menu>li.current>span, #mainMenu nav>ul>li .dropdown-menu>li.hover-active>a, #mainMenu nav>ul>li .dropdown-menu>li.hover-active>span, #mainMenu nav>ul>li .dropdown-menu>li:active>a, #mainMenu nav>ul>li .dropdown-menu>li:active>span, #mainMenu nav>ul>li .dropdown-menu>li:focus>a, #mainMenu nav>ul>li .dropdown-menu>li:focus>span, #mainMenu nav>ul>li .dropdown-menu>li:hover>a, #mainMenu nav>ul>li .dropdown-menu>li:hover>span { color: var(--linkBlue) !important; } #mainMenu div.mega-menu-tb-items div.mg-menu-item>a:hover, #mainMenu div.mega-menu-tb-items div.mg-menu-item ul li a:hover { color: var(--linkBlue) !important; } a.btn{text-decoration:none !important;} a.btn:hover{text-decoration:none !important;} #topbar{display:none !important;} #header{ height: 155px !important; line-height: 155px !important; } #header.header-transparent+#slider.wsc-banner-contented{top: -155px !important; margin-bottom: -155px !important;} /* #header #header-wrap #logo a{padding:0px 8px 0px 0px !important;} */ #header #header-wrap #logo a>img{ width:auto !important; height:52% !important;max-height:none !important;} #header #header-wrap{ background: rgba(0,0,0,0.07) !important; box-shadow: 0 0px 66px 17px rgba(0,0,0,0.1);} #header #top-search input{background-color:rgba(255,255,255,0) !important;color:#252525; font-size: 18px; padding: 0px 40px 0px 0px;} #header #top-search input::-webkit-input-placeholder { /* Edge */color: #252525;} #header #top-search input::-ms-input-placeholder { /* Edge */color: #252525;} #header #top-search input::placeholder { /* Edge */color: #252525;} #header.header-sticky.sticky-active #header-wrap{background:rgba(255,255,255,0.3) !important;} .header-menux {line-height:155px;height:155px;padding-left:50px;position:relative;margin-left:80px;} .header-menux>div,.header-menux>nav{display: flex !important; position:absolute;width:calc(100% - 50px);line-height:normal;} .header-menux>nav{bottom: 20px;} .header-menux .mtoplink{top:15px;} .mtoplink-mb{margin-left: 0; display: none !important; height: auto; margin-top: -20px; padding-left: 0;} .header-menux>div>ul{display:flex;list-style:none;margin:0px 4px;margin-left:auto;} .header-menux>div>ul>li>a{padding:10px 0px 0px 40px; color:#fff;font-size:16px;font-family: 'Karla', sans-serif !important;letter-spacing:0.001em;transition: all 0s ease;} .header-menux>div>ul>li:hover>a{letter-spacing:0.03em;font-weight:700;font-style:italic;} .header-menux .main-search-bar{background:rgba(255,255,255,0.7);height:44px;margin:auto 0px;top: 35%;-webkit-box-shadow: 0px 0px 27px 0px rgba(0,0,0,0.14);-moz-box-shadow: 0px 0px 27px 0px rgba(0,0,0,0.14);box-shadow: 0px 0px 27px 0px rgba(0,0,0,0.14);} .header-menux .main-search-bar span.cmdSearch {padding:10px 14px 10px 10px;border-right:2px solid var(--lightGray);margin:6px 10px 6px 5px;display:flex;align-items:center;cursor:pointer;} .header-menux .main-search-bar span.cmdSearch i{color:var(--darkBlue);font-size: 20px;} .header-menux .main-search-bar input{line-height:normal;display:flex;flex:1;background:transparent;border:none !important;outline:none !important;font-size: 16px;font-style: italic;font-family: 'Karla', sans-serif !important;margin: auto 0; padding: 7px 11px 7px 7px;box-shadow: none;} .header-menux .main-search-bar input::-webkit-input-placeholder { /* Edge */font-style: italic;color:#545454;} .header-menux .main-search-bar input:-ms-input-placeholder { /* Internet Explorer 10-11 */ font-style: italic;color:#545454;} .header-menux .main-search-bar input::placeholder { font-style: italic;color:#545454;} #mainMenu.menu-lines nav > ul > li > a{ color:#fff !important; font-size: 16px;font-family: 'Karla', sans-serif !important;text-transform:capitalize;padding:11px 4px !important;margin:0px 18px !important;font-weight: 400;letter-spacing:0.001em;text-decoration:none !important;transition: all 0s ease;} #mainMenu nav>ul>li .dropdown-menu{margin-top:21px !important; z-index:-1; padding:10px 20px;} #mainMenu.dark:not(.light):not(.menu-rounded) nav>ul>li .dropdown-menu, .dark #mainMenu:not(.light):not(.menu-rounded) nav>ul>li .dropdown-menu {background-color: #fff;border: 1px solid #fff;} /* #mainMenu.menu-lines nav > ul > li > a:hover{ font-weight: 400; */ /* font-style: italic; */ /* letter-spacing: 0.05em;} */ #mainMenu.menu-lines nav > ul > li:hover > a{ letter-spacing:0.03em;font-weight: 700; font-style: italic; /* font-size:18px; */ /* letter-spacing: 0.05em; */ } #mainMenu.menu-lines nav > ul > li:hover > a:after{background-color:#fff !important;bottom:0px;bottom:-2px;height:5px !important;} #mainMenu.menu-lines nav > ul > li.current > a:after{ background-color:#fff !important;bottom:-2px;height:5px !important;} .hero_header{background-repeat: no-repeat; background-position: center bottom 30%; background-size: cover; background-image: linear-gradient(0deg,rgb(0,0,0,0.11),rgb(0,0,0,0.11)),url(/cbiz/dnn9/Portals/0/kp/css/img/home_hero_img.jpg) !important; height: 54vw; display:flex; flex-direction:column;}.hero_header .header_grad{background: linear-gradient(rgb(201,202,204,1),rgb(227,227,227,0.05)); display:flex; height:14vw !important;} .hero_header>div{display:flex; flex:1;} .hero_header h1,.hero_header h3{font-family: 'Karla',sans-serif;line-height: 1.2; color: #fff;text-shadow: 0px 0px 47px rgba(0,0,0,0.15);} .hero_header h1{ font-size: 120px; font-weight: 700;letter-spacing:0.001em;line-height:1.1 } .hero_header h3{ font-size: 70px; font-weight: 700; line-height:1.57;letter-spacing:0.001em;} .hero_header .text-area{width:85%; margin:60px auto 60px;} .hero_header .text-area>div:nth-of-type(2){margin-top:20px;} .hero_header a.lContactus{ height:60px; width:174px; background-color:var(--darkBlue);color:#fff;font-size: 20px; font-weight:700;line-height:2.67;outline:none; display: flex; align-items: center; justify-content: center;margin-top:0px; text-decoration:none;} #Container29809{margin-top:20px;} .locButton{display:flex;} .locButton a.lContactus{ margin:0px auto 0px;height:50px; background-color:var(--darkBlue);color:#fff;font-size: 18px; font-weight:700;line-height:2.67;outline:none; display: inline-flex; align-items: center; justify-content: center;padding:0px 15px;} .greenPanel{background-color:var(--bannerGreen);padding:0px !important;} .greenPanel>div{margin-left: auto; padding: 40px 50px 40px 15px;} .greenPanel>div *,.goldPanel>div *{color:#fff;} .goldPanel{background-color:var(--bannerGold);padding:0px !important;} .goldPanel>div{width: 585px;margin-right: auto; padding: 40px 15px 40px 50px;color:#fff;} div.row1{display:flex;flex-direction:row;width:100%;} .goldBar{width:36px;height:7px;background-color:var(--bannerGold);} .greenPanel>div h3{margin-bottom:30px;font-size:24px;line-height:1.7;letter-spacing:0.001em;margin-top:0px;} .greenPanel>div p{margin-top:40px;margin-bottom:36px;margin-right:0px;font-size:20px;line-height:1.6;letter-spacing:0.001em} .greenPanel>div .goldBar{width:36px;} .inside-search-bar,.insights-search-bar{display:flex;background:rgba(255,255,255,1);height:44px;margin:auto 0px;margin-right:0px;-webkit-box-shadow: 0px 0px 27px 0px rgba(0,0,0,0.14);-moz-box-shadow: 0px 0px 27px 0px rgba(0,0,0,0.14);box-shadow: 0px 0px 27px 0px rgba(0,0,0,0.14);} .insights-search-bar{width:50%;margin-top:30px;} .inside-search-bar .span,.insights-search-bar .span {padding:10px 14px 10px 10px;border-right:2px solid var(--lightGray);margin:6px 10px 6px 5px;display:flex;align-items:center;cursor:pointer;} .inside-search-bar .span i,.insights-search-bar .span i{color:var(--darkBlue);font-size:22px;} .inside-search-bar input,.insights-search-bar input{line-height:normal;display:flex;flex:1;background:transparent;border:none;outline:none;font-size: 20px;font-style: italic;font-family: 'Karla', sans-serif !important;color:#252525;box-shadow:none;} .inside-search-bar input::-webkit-input-placeholder ,.insights-search-bar input::-webkit-input-placeholder{ /* Edge */font-style: italic;color:var(--darkBlue);} .inside-search-bar input:-ms-input-placeholder, .insights-search-bar input:-ms-input-placeholder { /* Internet Explorer 10-11 */ font-style: italic;color:var(--darkBlue);} .inside-search-bar input::placeholder, .insights-search-bar input::placeholder { font-style: italic;color:var(--darkBlue);} .goldPanel>div h4{margin-bottom:10px;font-size:20px;line-height:1.6;letter-spacing:0.001em;} .goldPanel>div p{margin-top:0px;margin-bottom:35px;font-size: 18px;line-height:1.4;letter-spacing:0.001em;} .goldPanel>div p:last-child{margin-bottom:10px;} .icon i.fa { color:var(--gold) !important; } ol, ul { list-style-position: outside; padding-inline-start: 30px; } } #wsc_main_content{background:#fff !important;} div.icon,div.icon:hover{ border-color:var(--gold) !important; } .icon-box.small .icon i:after { box-shadow: 0 0 0 2px var(--gold) !important; } .icon-box .icon i:after { box-shadow: 0 0 0 3px var(--gold) !important; } .cbiz-icon { display: block; text-indent: -9999px; width: 24px; height: 24px; background: url(images/cbiz-icon-white.svg); background-size: 24px 24px; } i.cbiz-icon {margin-left:5px;} .cbiz-icon-small { display: inline-block; text-indent: -9999px; width: 24px; height: 24px; background: url(images/cbiz-icon-white.svg); background-size: 24px 24px; margin-left: 1px; } .goldPanel>div h4>i.cbiz-icon-small{margin-left:1px;vertical-align:middle;} .cbiz-icon-smaller { display: inline-block; text-indent: -9999px; width: 24px; height: 24px; background: url(images/cbiz-icon-white.svg); background-size: 24px 24px; margin-left: 1px; } .topbar-dropdown.wsc-logins{display:none !important;} @media(min-width:901px){ #top-search-trigger{display:none !important;} #header #top-search input { background-color: rgba(255,255,255,0.3) !important; color: #545454; font-size:20px; } body.top-search-active #header #top-search { opacity: 0; z-index: -2; } } @media (max-width: 991px){ .insights-search-bar{width:100%;margin-top:auto;} .container{box-sizing: border-box;} #header.dark.header-colored #header-wrap .lines, #header.dark.header-colored #header-wrap .lines:after, #header.dark.header-colored #header-wrap .lines:before, #header.dark.header-colored-transparent #header-wrap .lines, #header.dark.header-colored-transparent #header-wrap .lines:after, #header.dark.header-colored-transparent #header-wrap .lines:before, #header.dark.header-transparent #header-wrap .lines, #header.dark.header-transparent #header-wrap .lines:after, #header.dark.header-transparent #header-wrap .lines:before, #header.header-transparent #header-wrap .lines, #header.header-transparent #header-wrap .lines:after, #header.header-transparent #header-wrap .lines:before { background-color: #fff !important; } #header #mainMenu:not(.menu-overlay) nav{padding-bottom:5px;} #header #mainMenu:not(.menu-overlay) nav>ul>li.mega-menu-item .dropdown-menu {padding:0px;} #header.dark.header-colored #mainMenu:not(.menu-overlay) nav>ul>li>a, #header.dark.header-colored-transparent #mainMenu:not(.menu-overlay) nav>ul>li>a, #header.dark.header-transparent #mainMenu:not(.menu-overlay) nav>ul>li>a, #header.header-transparent #mainMenu:not(.menu-overlay) nav>ul>li>a { color: #fff !important; } #header.dark.header-colored .header-extras i, #header.dark.header-colored-transparent .header-extras i, #header.dark.header-transparent .header-extras i, #header.header-transparent .header-extras i { color: #fff !important; } #header.header-transparent #header-wrap .x.toggle-active .lines { background: 0 0!important; } #header #mainMenu:not(.menu-overlay) nav>ul>li.dropdown>a{ display:inline-block; width:90%; } #header #mainMenu:not(.menu-overlay) nav>ul>li.dropdown:before { content: "\f105"; font-family: fontawesome !important; font-size: 22px; opacity: 1; position: absolute; right: 2px; color: #fff; transition: .3s ease; transform: rotate(90deg); z-index:10; } #mainMenu nav>ul>li .dropdown-menu { margin-top: 0px !important; z-index: -1; } .mtoplink-mb{display:flex !important;border-top: 1px solid; padding-top: 5px; margin-top: 5px;} .mtoplink-mb>ul{list-style: none; padding-inline-start: 5px; display: flex; line-height: initial; flex-direction: column;} .mtoplink-mb>ul>li{padding:8px 0px;} .mtoplink-mb>ul>li>a{color:#fff; } .mtoplink-mb>ul>li:hover>a{font-style:italic;} #header #top-search input{color:#fff;height:100px;width:100%;background: none;border: none !important;} /* form input.st-search-input{background:none;} */ #header #top-search input::-webkit-input-placeholder { /* Edge */font-style: italic;color:#fff;} #header #top-search input:-ms-input-placeholder { /* Internet Explorer 10-11 */ font-style: italic;color:#fff;} #header #top-search input::placeholder { font-style: italic;color:#fff;} #header #mainMenu:not(.menu-overlay) nav>ul>li.dropdown:before { content: "\f105"; font-family: fontawesome !important; font-size: 22px; display: flex; align-items: center; justify-content: center; opacity: 1; position: absolute; right: 2px; /* top: 0; */ width: 30px; height: inherit; /* bottom: 0; */ /* line-height: 1.2;*/ z-index:10; color: #fff; transition: .3s ease; transform: rotate(90deg); } } /**form*/ .fdiv { background: #88aedb; /* height:550px; */ width:100%; display:flex; justify-content:center; /*align-items:center;*/ flex-direction:column; padding:50px 0px; background-image:url(images/bg-icon.png); background-repeat:no-repeat; background-size:35% auto; background-position:-2% 90%; } .fdiv h2{ color:#003e67; padding:20px 0; font-size:40px; font-weight:700; line-height:1.6; } .fdiv .wrapper>div:nth-of-type(1){ color:#fff; line-height:1; font-size:25px; font-weight:400; margin:0px 0px 24px; } .fdiv .formDIV { flex-direction:column; margin:10px 0; font-size:17px; color:#fff; } .fdiv .formDIV input[type=text]{ /* height: 45px; */ width: 650px; padding: 4px 10px; outline: none; border: 0; font-size: 16px; font-style: italic; margin:10px 0 0; line-height:2.67; color: var(--darkBlue); } .fdiv .formDIV input[type=checkbox]{ height:auto; width:auto; margin:5px 0; } .fdiv .formDIV input[type=submit]{ color: #fff; background: #003e67; margin: 20px 0; padding: 15px 20px; outline: 0; border: 0; font-size: 16px; font-weight: 600; } ::placeholder { color: var(--darkBlue); } .formDIV div{ display:flex; flex-direction:row; margin: 8px 0px; font-size: 16px; } .formDIV div a{ display:flex; flex-direction:row; height:50px; align-items:center; color:#fff; background:var(--darkBlue); margin: 8px 0px; padding:0px 10px; } .mg-form-container{ display:flex; margin:0px auto; flex-direction:column; align-items:center; } .mg-form-container .wrapper{ width:60%;} /********/ #content_kp .wrapper_kp a.btn{display:inline-flex;justify-content:center;align-items:center;font-size: 18px;text-transform:capitalize; height:50px; width:auto;padding:0px 15px;color:#fff;background-color:var(--darkBlue);outline:none;border:none;margin-right:auto;} .inspiro-slider a.btn{display:inline-flex;align-items:center;justify-content:center;margin-bottom:100px;font-size: 18px;text-transform:capitalize; height:50px; width:auto;padding:0px 15px;color:#fff;background-color:var(--darkBlue);outline:none;border:none;letter-spacing:0px;} /* .inspiro-slider a.btn:hover{background-color:var(--darkBlue) !important;color:#fff;} */ .inspiro-slider a.btn .btn-label{display:flex;align-items:center;} /* { height:60px; width:174px; background-color:var(--darkBlue);color:#fff;font-size: 16px; font-weight:700;line-height:2.67;outline:none; display: flex; align-items: center; justify-content: center;margin-top:0px; text-decoration:none;} */ .inspiro-slider .slide-captions .strong::after { border-top: 7px solid var(--bannerGold) !important; content: ""; display: block; margin-bottom: 0; margin-top: 8px; width: 36px !important; } .inspiro-slider .slide-captions .strong{margin-bottom:10px;} .kenburns-bg{background-position:center; background-repeat:no-repeat;} .mng-item-65 .kenburns-bg{background-position:center bottom 22%;} .mng-item-74 .kenburns-bg{background-position:center bottom 22%;} .inspiro-slider .slide-captions h1{margin-bottom:10px;margin-top:10px;font-size:60px;} .inspiro-slider .slide-captions h1, .inspiro-slider .slide-captions p.lead{font-family: 'Karla',sans-serif;line-height: 1; color: #fff;text-shadow: 0px 0px 47px rgba(0,0,0,0.15);} .inspiro-slider .slide-captions p.lead{ font-size: 30px; font-weight: 700; line-height:1.1;letter-spacing:0.001em;margin-top:0px;margin-bottom:30px;} .inspiro-slider .slide-captions h1,.inspiro-slider .slide-captions p.lead{font-weight:700 !important;} .mg-heading{display:flex;height:100%; align-items:flex-end;} .mg-Banner-Image{background-repeat: no-repeat;background-size: cover; width:100%;height:55vh;} .mg-Banner-Image h1.mg-bannerTitle{font-size:48px;line-height:1.2;font-weight:700;color:#fff; margin-bottom:30px;} .inner-page-bar .inspiro-slider .slide-captions h1{ font-size:40px;line-height:1.2; } .inner-page-bar .inspiro-slider a.btn { margin-bottom: 60px; } @media(max-width:900px){ .inner-page-bar .inspiro-slider .slide-captions h1{ font-size:36px;line-height:1.2; } } @media(max-width:767px){ .mg-Banner-Image h1.mg-bannerTitle{font-size:30px;line-height:1.2;font-weight:700;color:#fff; margin-bottom:30px;} } @media(max-width:600px){ .inner-page-bar .inspiro-slider .slide-captions h1{ font-size:24px;line-height:1.2; } } @media(max-width:380px){ .inner-page-bar .inspiro-slider .slide-captions h1{ font-size:20px;line-height:1.2; } } @media(max-width:350px){ .inner-page-bar .inspiro-slider .slide-captions h1{ font-size:18px;line-height:1.2; } } /* .plain_container{ */ /* margin-top:20px !important; */ /* } */ /* .c_head.plain_container p, .c_head.plain_container span, .c_head.plain_container li, .c_head.plain_container div{font-size: 16px;color:var(--black);font-family: 'Karla', sans-serif !important;} .c_head.plain_container h4,.c_head.plain_container h5,.c_head.plain_container h6,.c_head.plain_container ul,.c_head.plain_container li strong,.c_head.plain_container li::before{color:var(--bannerGold);font-family: 'Karla', sans-serif !important;} .c_head.plain_container h2,.c_head.plain_container h3{color:var(--darkGreen);margin-top:20px;line-height:1.2 !important;font-family: 'Karla', sans-serif !important;} .c_head.plain_container h2{ font-size:40px !important;}.c_head.plain_container h3{font-size:30px !important;} .c_head.plain_container div a, .c_head.plain_container div p a, .c_head.plain_container a>span, .c_head.plain_container div p a:visted{ color:var(--linkBlue) !important;font-family: 'Karla', sans-serif !important;} .c_head.plain_container .actionlinks_optionfs a span{font-size:15px;color:var(--linkBlue) !important;} */ p, span, li, div{font-size: 16px;color:var(--black);font-family: 'Karla', sans-serif !important; } @media(min-width:1400px){ p, span, li, div{font-size: 20px;color:var(--black);font-family: 'Karla', sans-serif !important; } } h4,h5,h6,ul,li strong,li::before{color:var(--bannerGold);font-family: 'Karla', sans-serif !important;} h2,h3{color:var(--darkGreen);margin-top:20px;line-height:1.2 !important;font-family: 'Karla', sans-serif !important;} h2{ font-size:40px !important;}h3{font-size:30px !important;} div a, div p a, div p a:visted{ color:var(--linkBlue) !important;font-family: 'Karla', sans-serif !important;} .actionlinks_optionfs a span{font-size:15px;color:var(--linkBlue) !important;} div.counter>span, div.counter>label{font-weight:700 !important;font-size:70px !important;font-family: 'Karla', sans-serif !important;} p iframe{width:100% !important;} h2.forceSmall,h3.forceSmall{font-size:24px !important;} div.counter>span, div.counter>label{font-weight:700 !important;font-size:70px !important;font-family: 'Karla', sans-serif !important;} .c_head.plain_container p iframe{width:100% !important;} .c_head.plain_container h2.forceSmall,.c_head.plain_container h3.forceSmall{font-size:24px !important;} .mg-content>div{display:flex !important;flex-direction:column;} .mg-content p, .mg-content span, .mg-content li, .mg-content div{font-size: 20px;color:var(--black);font-family: 'Karla', sans-serif !important;} .mg-content h4,.mg-content h5,.mg-content h6,.mg-content ul,.mg-content li strong,.mg-content li::before{color:var(--bannerGold);font-family: 'Karla', sans-serif !important;} .mg-content h2,.mg-content h3{color:var(--darkGreen);margin-top:20px;line-height:1.2 !important;font-family: 'Karla', sans-serif !important;} .mg-content h2{ font-size:40px !important;}.mg-content h3{font-size:30px !important;} .mg-content div a, .mg-content div p a, .mg-content div p a:visted{ color:var(--linkBlue) !important;font-family: 'Karla', sans-serif !important;} .mg-content .actionlinks_optionfs a span{font-size:15px;color:var(--linkBlue) !important;} .mg-content div p>a:nth-child(1)>img{width:100%;height:auto;} .mg-content div.inner-content p>a:nth-child(1)>img{width:auto;height:auto;} div.counter>span, div.counter>label{font-weight:700 !important;font-size:70px !important;font-family: 'Karla', sans-serif !important;} .mg-content p iframe{width:100% !important;} .mg-content h2.forceSmall,.mg-content h3.forceSmall{font-size:24px !important;} .inner-page-bar .inspiro-slider .slide-captions{width:80%; margin:auto;} /* .inner-page-bar .inspiro-slider .slide-captions H1{margin-bottom:40px;} */ @media(min-width:768px){ .greenPanel>div{width:calc(750px / 2 );} .goldPanel>div{width:calc(750px / 2 );} @media(min-width:992px){.greenPanel>div{width:calc(970px / 2 );} .goldPanel>div{width:calc(970px / 2 );}} } @media(min-width:1200px){ /* .greenPanel{width:calc(50% + 30px) !important;} */ /* .goldPanel{width:calc(50% - 30px) !important;} */ /* .greenPanel>div{width:calc(585px + 32px) !important;} */ /* .goldPanel>div{width:calc(585px - 32px) !important;} */ .greenPanel>div{width:calc(1170px / 2 );} .goldPanel>div{width:calc(1170px / 2 );} .inspiro-slider .slide{vertical-align:bottom !important;} } /* @media(max-width:1400px){ */ /* .container{width:882px;} */ /* } */ @media(min-width:1400px){ .inspiro-slider .mng-item-65 .slide-captions h1{ font-size: 100px; font-weight: 700;letter-spacing:0.001em;line-height:1.1;margin-bottom:0px; } .inspiro-slider .mng-item-65 .slide-captions p.lead{ font-size: 50px; font-weight: 700; line-height:1.57;letter-spacing:0.001em;} .inspiro-slider .slide-captions .strong::after {width:36px !important;} } @media(min-width:992px){ .inspiro-slider .slide-captions{margin-left:100px;width:60%;} } .dropdown-menu .row{ box-sizing: border-box;} .inner-page-bar .inspiro-slider .slide{vertical-align:bottom;} #footer{ background-color:var(--darkGreen) !important; margin-top:40px; } #footer .footer-content{padding:50px 0px 100px 0px !important;} #footer .footer-content h2.ctitle{width:50%;color:#fff;font-size:30px !important;} #footer a.lContactus{ height:50px; background-color:var(--darkBlue);color:#fff;font-size: 18px; font-weight:700;line-height:2.67;outline:none; display: inline-flex; align-items: center; justify-content: center;margin-top:30px;padding:0px 15px;} #footer a.lContactus svg path.st0_p{fill:#fff !important;} #footer .social-icons ul li a{margin:0px 0px 0px 0px !important;border:none !important; width:42px !important;} #footer .social-icons ul li a i{ color:var(--lightGray); font-size:24px;} #footer .copyright-content{padding:0px 0px 30px !important; border:none !important; background:transparent !important;} #footer .copyright-text,#footer .copyright-text span,#footer .copyright-text a{text-transform: capitalize; font-size:16px !important; font-weight:bold !important; line-height:1.8 !important; letter-spacing:0.001em !important;color: var(--lightGray) !important;} .colorbar1{background-repeat: no-repeat;background-size: cover; background-image:url(images/grid_23_regular.ai.png);height:10px; width:100%;} .colorbar2{background-repeat: no-repeat;background-size: cover; background-image:url(images/grid_23_wide.ai.png);height:10px; width:100%;} .colorbar3{background-repeat: no-repeat;background-size: cover; background-image:url(images/grid_23_wide.ai.png);height:10px; width:100%;} #mainMenu nav > ul > li.current > a{color:#fff !important; font-weight:700;} .mg-container{margin-left:0px !important;margin-right:0px !important;padding-left:0px !important; padding-right:0px !important;width:100vw;} .mg-container .col-md-6{padding:0px !important;} .text-center>h3{margin-top:-36px;margin-bottom:24px;} .mg-breadcrum-wrapper {font-size: 16px; color:var(--darkGray);text-transform:capitalize;padding:40px 0px 0px;} .mg-breadcrum-wrapper *{font-size: 16px; color:var(--darkGray);text-transform:capitalize;} .mg-breadcrum-wrapper .mg-breadcrum-root{color:var(--darkGreen); } .mg-breadcrum-wrapper span>a>span, .mg-breadcrum-wrapper span>span.SkinObject{color:var(--darkGreen);} .mg-breadcrum-wrapper>span>span>span:nth-last-of-type(1) span{color:var(--gray);font-style:italic;font-weight:500;} @media (max-width: 1025px){ #footer .footer-content h2.ctitle{width:62%;} .inspiro-slider .slide {vertical-align:bottom;} #header .header-extras>ul>li .topbar-dropdown>.title i, #header .header-extras>ul>li>a:not(.btn) i{font-size:20px;} #header .lines{width:25px;height:3px;} #header .lines::before,#header .lines::after{height:3px;width:25px;} #header .lines::before{ top:8px; }#header .lines::after{ top:-8px; } .x.toggle-active .lines::after, .x.toggle-active .lines::before { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0 !important; width: 50px; } .inspiro-slider a.btn{margin-bottom:40%;} /* .row1{flex-direction:column;} */ /* .greenPanel{width:100% !important;} */ /* .goldPanel{width:100% !important;} */ } @media (max-width:992px){ #header{ height: 100px !important; line-height: 100px !important; } .hero_header {height:100vh;background-position: right 32% bottom 30%;} .hero_header h1 { font-size: 80px; font-weight: 700; letter-spacing: 0.001em; line-height: 1.1; } .hero_header h3 { font-size: 45px; font-weight: 700; line-height: 1.57; letter-spacing:0.001em; } .hero_header>div:nth-of-type(2){ position:absolute; top:7%; } .hero_header .header_grad {display:none;} div.row1{display:flex;flex-direction:column;} #header #mainMenu-trigger {height:100px !important;} #header.header-transparent+#slider.wsc-banner-contented{top: -100px !important; margin-bottom: -100px !important;} #header #header-wrap #logo a{padding:0px !important;} #header #header-wrap #logo{display: flex; align-items: center; justify-content: center;height:100px !important;} #header #header-wrap #logo a>img{ width:169px !important; height:40px !important;max-height:80px !important;margin-bottom:55px !important;} #header.header-sticky.sticky-active #header-wrap{background:rgba(255,255,255,0.3) !important;} #header.header-sticky.sticky-active #header-wrap.active-bg{background:rgba(0,0,0,0.8) !important;} #header #header-wrap.active-bg{background:rgba(0,0,0,0.8) !important;} #header #header-wrap{background:rgba(0,0,0,0.3) !important;} .header-menux{height:auto !important;margin:0px;padding:0px;} .header-menux>div{display:none !important;} .header-menux>nav{position:relative !important;bottom:0;} #mainMenu.menu-lines nav > ul > li > a{ color:#000 !important;margin:0px !important; width:90%} .greenPanel>div{width: 100%!important;margin:0px; padding: 40px 35px;} .goldPanel>div{width: 100%!important;margin:0px; padding:40px 35px;} .inspiro-slider .slide-captions a.btn{font-size: 16px !important;padding:0px 20px !important;} } @media (max-width: 769px){ #footer .footer-content h2.ctitle{width:82%}; .counter-item{margin-bottom:0px;} } @media (max-width: 600px){ #footer .footer-content h2.ctitle{width:100%}; } @media (max-width: 424px){ #footer .footer-content h2.ctitle{width:100%}; } @media (max-width: 769px){ .col-md-1, .col-md-11, .col-md-12, .col-md-19, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { clear: left; width: 100%; } .wsc_slides_grid .wsc_slides_grid_row {flex-direction:column;} } h1,h2,h3,h4,h5,h6{letter-spacing:0.001em !important;} .btn-label i.cbiz-icon-small{margin-left:5px;} .counter{ display:flex; justify-content:center; align-items:center; } .text-large-light, .text-large-light span, .text-large-light span span { font-weight: 100!important; color: inherit; } .profile-image-sq{ width: 100%; background-repeat: no-repeat; background-position: left top; background-size: cover; display:flex; margin-left:auto; } .mg-content .profile-image-sq{ width: 100%; background-repeat: no-repeat; background-position: left top; background-size: cover; display:flex; margin-left:auto; } .mg-content .mg-topheading{margin-top:-10px;margin-bottom:0.83em;} .mg-Banner-Image .mg-lead span{font-size:18px;color:#fff;} .mg-Banner-Image .mg-lead a{color:var(--linkBlue);font-size:18px;font-weight:700;} .mg-Banner-Image-loc .mg-heading { display: flex; flex-direction: column; height: 100%; align-items: flex-start; justify-content: flex-end; } .mg-Banner-Image-loc .mg-heading .mg-bannerTitle{margin-bottom:5px} .mg-Banner-Image-loc .mg-heading .mg-lead{margin-bottom:30px;} .mg-content .mg-locationContact{width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; display:flex; flex-direction:column; justify-content:center; align-items:center; height:450px; } .mg-content .mg-locationContact .locAddr{ display:flex; flex-direction:column; align-items:center; justify-content:center; } .mg-content .mg-locationContact .locAddr h3{font-size:24px;color:#fff;} .mg-content .mg-locationContact .locAddr .inAddr{font-size:18px;color:#fff;padding:5px;} .mg-content .mg-locationContact .locAddr .inLink{display:flex;margin-top:15px;} .mg-content .mg-locationContact .locAddr .inLink a{ display:flex; background:transparent; border:2px solid #fff; padding:15px 25px; margin:5px 10px; text-decoration:none; } .mg-content .mg-locationContact .locAddr .inLink a, .mg-content .mg-locationContact .locAddr .inLink a:visited, .mg-content .mg-locationContact .locAddr .inLink a:hover{color:#fff; text-decoration:none;font-size:18px;} .mg-content .mg-loc-btnc{flex-direction:row; flex-wrap:wrap;} .mg-content .mg-loc-btnc a{ height:57px; background-color:var(--darkBlue);color:#fff;font-size: 20px; font-weight:700;line-height:2.67;outline:none; display: flex; align-items: center; justify-content: center;margin:30px 20px 0px 0px; text-decoration:none;padding:0px 20px;} /*Find us*/ .TopSearch { min-height: 90px; margin-bottom: -15px; } .LocInput.activeInputTab div.FndFlds>ul{padding-left:0px;} div.FndFlds>ul{display:inline-flex;width:85%;list-style:none;} div.FndFlds>ul>li{display:flex;padding:30px 0px 30px 15px;align-items: center;} div.FndFlds>ul>li:nth-of-type(odd){flex:1} div.FndFlds>ul>li>input,div.FndFlds>ul>li>select{width:100%;height:100%;padding:10px 10px; border:none;border-radius:2px;font-family:'Karla', sans-serif;} span.btnWrap{float: none; height: 50px; line-height: initial; padding-top: 10px; position: absolute; right: 42px; top: 142px;} /* .EmpInput span.btnWrap{top: 109px;} */ .LocInput.activeInputTab span.btnWrap,.EmpInput.activeInputTab span.btnWrap{ top: 89px;} .EmpInput input[type="text"] { /* line-height: 1.2 !important; */ max-width: unset !important;; width: 41% !important;; padding: 13px !important; margin:30px 0px 30px 15px; border:none;border-radius:2px;font-family:'Karla', sans-serif; } .LocationSocials { position: relative; margin-top: auto; margin-bottom:10px; align-items: flex-end; display: flex; flex: 1; justify-content: flex-start; align-items: flex-end; padding-bottom: 00px; padding-right: 10px; } span.btnWrap>a.ImpButton{ height: 45px; width:130px; display: flex; flex: 1; justify-content: center; align-items: center; border: 0px; background-color: var(--darkBlue); font-size: 18px; color:#fff; } span.btnWrap>a.ImpButton:hover,span.btnWrap>a.ImpButton:visited{color:#fff;} div.InputWrapper{background-color:var(--lightGray1);padding-bottom:20px;} div.InputWrapper div.trigger{padding:0px 25px 15px; font-size:16px !important;} div.InputWrapper #advancedSearch {margin:5px 25px;} div.InputWrapper #advancedSearch table{margin:20px 0px;} div.InputWrapper #advancedSearch table tbody{width:100%}; .blue{background-color:var(--darkBlue) !important;} .gray{background-color:var(--lightGray) !important;} .LocationFullWrapper{background-color:var(--lightGray3) !important;border:none !important;display:flex;flex-direction:row; justify-content: flex-start; align-items: flex-start;} .LocationWrapper { padding: 20px 0px 0px; min-height: auto; background-color: var(--lightGray3); display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; width: 100%; } .LocationImageBlank img { margin-top: 0px; width: 200px; } .LocationWrapper .LocationImageBlank { float: left; height: 200px; margin: -20px 0 0 -10px; overflow: hidden; padding-right: 10px; width: 200px; border-radius: 0px; background-repeat: no-repeat; background-position: center top; background-size: cover; display:flex; margin-left:auto; } .LocationLocation { max-width: 500px; float: none; padding-right: 5px; display: flex; flex-direction: column; flex: 1; padding-left:20px; } .LocationLocation .LocationHeader a{color:var(--darkGreen); font-size:24px;} .LocationLocation .LocationHeader a:visted,.LocationLocation .LocationHeader a:hover{color:var(--darkGreen);} .LocationHeader a span{line-height:1.6;color:var(--darkGreen); font-size:24px;} .LocationLocation .LocationAddress span{color:var(--darkGreen);font-size: 16px; letter-spacing: 0.001em; line-height: 1.2;} .Specialties { width: 268px; border-left: 2px dotted #ccc; float: right; padding: 0 15px 0 15px; height: auto; display: flex; flex-direction: column; flex: 1; order: 1; } .Specialties ul{padding-left:0px;} .Specialties ul>li{line-height:1; } .Specialties ul li a {color:var(--mediumBlue);font-family:'Karla', sans-serif;font-size: 16px; letter-spacing: 0.001em;} .Specialties ul li a, .Specialties ul li a:hover, .Specialties ul li a:visted, .Specialties ul li:hover a{color:var(--mediumBlue);} .LocationOtherOfficesWrapper { padding: 10px; width: 268px; border-left: 2px dotted #ccc; padding: 0 0 0 15px; height: auto; float: none; display: flex; flex-direction: column; flex: 1; } .LocationOtherOfficesWrapper ul{padding-inline-start:0px;} .LocationOtherOfficesWrapper ul li{line-height:1;} .LocationOtherOfficesWrapper ul li a {color:var(--mediumBlue);font-family:'Karla', sans-serif;font-size: 16px; letter-spacing: 0.001em; } .LocationOtherOfficesWrapper ul li a, .LocationOtherOfficesWrapper ul li a:hover, .LocationOtherOfficesWrapper ul li a:visted, .LocationOtherOfficesWrapper ul li:hover a{color:var(--mediumBlue);} .LocSearch,.EmpSearch{height:70px !important;} .EmployeePhoneNumber span{font-size:16px;} .EmployeeEmail{font-size:16px;} .grid-checkbox{display:grid;grid-template-columns: repeat(3,1fr); grid-gap: 0px 0px; margin: 0px; justify-content: flex-start; align-items: flex-start;margin: 20px 0px;} .EmpSearch a,.LocSearch a{ line-height: 70px !important; font-size: 26px !important; } .EmpInput.activeInputTab{ line-height: 70px !important;} .EmpInput{line-height: 20px !important;} .EmpInput span input[type="text"] {width:84% !important;} .EmpInput.activeInputTab span input[type="text"] { width:41% !important;} .EmpInput span.btnWrap{top:20px;} @media(max-width:1025px){div.FndFlds>ul{width:82%;} .grid-checkbox{display:grid;grid-template-columns: repeat(2,1fr); grid-gap: 0px 0px; margin: 0px; justify-content: flex-start; align-items: flex-start;margin: 20px 0px;} } @media(max-width:992px){ .LocationWrapper{flex-direction:row;align-items:initial;padding-bottom:20px;} .LocationWrapper .LocationLocation{padding-left:25px;} .LocationWrapper .LocationSocials{padding-left:25px;} .LocationWrapper .LocationImageBlank{display:none;} /* .LocationWrapper .Specialties{ padding-top:15px;padding-left:25px;} */ /* .LocationWrapper .LocationOtherOfficesWrapper{padding-top:15px;padding-left:25px;} */ .grid-checkbox{display:grid;grid-template-columns: repeat(2,1fr); grid-gap: 0px 0px; margin: 0px; justify-content: flex-start; align-items: flex-start;margin: 20px 0px;} .EmpInput { line-height: initial !important;padding:0px 25px; } .EmpInput input[type="text"] { width: 100% !important; padding: 13px !important; margin: 25px 0px -20px 0px; } .EmpInput span:nth-of-type(2) input[type="text"]{margin-top:10px;} .EmpInput.activeInputTab span input[type="text"]{width: 100% !important;} .EmpSearch a,.LocSearch a{ line-height: 70px !important; font-size: 16px !important; } div.FndFlds>ul { display: inline-flex; flex-direction: column; width: 100%; padding-top: 30px; list-style: none; } div.FndFlds>ul>li { display: flex; padding: 0px 15px 0px 15px; align-items: center; } .LocInput.activeInputTab span.btnWrap { float: none; height: 50px; line-height: initial; padding-top: 0px; margin-left: 0px; right: initial; top: initial !important; position:relative; } .LocInput span.btnWrap>a.ImpButton { margin-left: 15px; margin-bottom: 20px; margin-top:10px; /* height: 50px; */ /* width: 130px; */ /* display: flex; */ /* flex: 1; */ /* justify-content: center; */ /* align-items: center; */ /* border: 0px; */ /* background-color: var(--darkBlue); */ /* font-size: 18px; */ /* color: #fff; */ } .EmpInput.activeInputTab span.btnWrap { float: none; height: 50px; line-height: initial; padding-top: 0px; margin-left: 0px; right: initial; top: initial !important; position:relative; } .EmpInput span.btnWrap>a.ImpButton { margin-left: 0px; margin-bottom: 20px; margin-top:15px; /* height: 50px; */ /* width: 130px; */ /* display: flex; */ /* flex: 1; */ /* justify-content: center; */ /* align-items: center; */ /* border: 0px; */ /* background-color: var(--darkBlue); */ /* font-size: 18px; */ /* color: #fff; */ } } @media(max-width:600px){ .grid-checkbox{display:grid;grid-template-columns: repeat(1,1fr); grid-gap: 0px 0px; margin: 0px; justify-content: flex-start; align-items: flex-start;margin: 20px 0px;} .grid-checkbox .has-pretty-child label{font-size:12px} } @media(max-width:412px){ .LocationWrapper{flex-direction:column;align-items:initial;padding-bottom:20px;} .LocationWrapper .LocationLocation{padding-left:25px;} .LocationWrapper .LocationImageBlank{display:none;} .LocationWrapper .Specialties{ border-left:0px;padding-top:15px;padding-left:25px;} .LocationWrapper .LocationOtherOfficesWrapper{padding-top:15px;border-left:0px;padding-left:25px;} .mg-content .mg-loc-btnc { flex-direction: column; } .mg-content .mg-loc-btnc a{ margin: 30px 20px -10px 0px;} .mg-content .mg-locationContact .locAddr .inLink{flex-direction: column;} } /*Employee Grid*/ .peopleGrid{ width:100%; display :grid; grid-template-columns: repeat(4,1fr); grid-gap: 3px 3px; margin:0px; justify-content:flex-start; align-items:flex-start; padding:2px 5px; } .peopleGriditem{ display:flex; /* width:100%; */ /* flex:1; */ padding:10px 5px; background-color:var(--white); justify-content:center; transition:all 0.5s ease-in-out; } @media(max-width:1024px){ .peopleGrid{ display :grid; grid-template-columns: repeat(3,1fr); } } @media(max-width:600px){ .peopleGrid{ display :grid; grid-template-columns: repeat(2,1fr); } .mg-content ul.mg-accordion>li .mg-accd-inner .inner-content .peopleBlock .empText .empName{font-size:14px !important;color:var(--mediumBlue);text-decoration:none;font-weight:700;padding:5px;text-align:center;} .mg-content ul.mg-accordion>li .mg-accd-inner .inner-content .peopleBlock .empText .emptitle{font-size:12px !important;color:var(--black);text-decoration:none;font-style:italic;text-align:center;} } @media(max-width:350px){ .peopleGrid{ display :grid; grid-template-columns: repeat(1,1fr); } } .peopleBlock { display :flex; flex-direction: column; position:relative; margin: 0px 0px ; /*border-bottom: 1px solid rgba(128,128,128,0.4); border-bottom: 1px solid rgba(128,128,128,0.4);*/ border: 1px solid rgba(0,0,0,0); border-radius:0px; background-color:var(--white); /*box-shadow: 0px 0px 2px 1px rgba(128,128,128,0.5);*/ justify-content: flex-end; } .peopleBlock .empImg{width:100%;} .peopleBlock .empImg>div { background-position: center top; background-size: contain; overflow: hidden; height: 230px !important; background-position: top center; width: 236px !important; background-repeat: no-repeat; margin: auto; } .peopleBlock .empText{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-decoration:none;} .mg-content ul.mg-accordion>li .mg-accd-inner .inner-content .peopleBlock .empText .empName{font-size:14px !important;color:var(--mediumBlue);text-decoration:none;font-weight:700;padding:5px;text-align:center;} .mg-content ul.mg-accordion>li .mg-accd-inner .inner-content .peopleBlock .empText .emptitle{font-size:12px !important;color:var(--black);text-decoration:none;font-style:italic;text-align:center;} .livetabssmoothness .ui-tabs,.livetabshotsneaks .ui-tabs { padding: 0px !important; zoom: 1; border: 0px !important; } .livetabssmoothness .ui-tabs .ui-tabs-nav,.livetabshotsneaks .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 0px; background: transparent !important; border: 0px; display: flex; justify-content:space-around; } .livetabssmoothness .ui-tabs .ui-tabs-nav li, .livetabshotsneaks .ui-tabs .ui-tabs-nav li { list-style: none; position: relative; float: initial !important; margin: 0px !important; padding: 0px !important; display: flex !important; flex: 1 !important; border-color: transparent !important; } .livetabssmoothness .ui-tabs .ui-tabs-nav li.ui-tabs-selected, .livetabssmoothness .ui-tabs .ui-tabs-nav li.ui-tabs-active, .livetabshotsneaks .ui-tabs .ui-tabs-nav li.ui-tabs-selected, .livetabshotsneaks .ui-tabs .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0px; border-bottom-width: 0; /* border: 0px; */ background:transparent ; border-color:transparent !important; } .livetabssmoothness .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .livetabssmoothness .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .livetabssmoothness .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .livetabssmoothness .ui-tabs .ui-tabs-nav li.ui-state-processing a, .livetabshotsneaks .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .livetabshotsneaks .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .livetabshotsneaks .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .livetabshotsneaks .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; background-color: var(--darkBlue); width: 100%; color: #fff; text-align: center; font-size: 18px; line-height: 1.8; } .livetabssmoothness .ui-widget-content a{background-color:transparent !important;color:var(--mediumBlue) !important;} .livetabssmoothness .ui-tabs .ui-tabs-nav li a, .livetabssmoothness .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a, .livetabssmoothness .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a, .livetabshotsneaks .ui-tabs .ui-tabs-nav li a, .livetabshotsneaks .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a, .livetabshotsneaks .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; background-color: var(--lightGray); width: 100%; color: #fff; text-align: center; font-size: 20px; line-height: 1.8; } .livetabshotsneaks .ui-state-hover, .livetabshotsneaks .ui-widget-content .ui-state-hover, .livetabshotsneaks .ui-state-focus, .livetabshotsneaks .ui-widget-content .ui-state-focus { border: 1px solid transparent!important; background: none !important; font-weight: bold; color: #212121; outline: none; } .livetabshotsneaks .ui-state-active, .livetabshotsneaks .ui-widget-content .ui-state-active { border: 1px solid transparent !important; background: none !important; font-weight: bold; color: #ffffff; outline: none; } .livetabshotsneaks .ui-state-default, .livetabshotsneaks .ui-widget-content .ui-state-default { border: 1px solid transparent !important; background: none !important; font-weight: bold; color: #333333; outline: none; } .livetabshotsneaks .ui-helper-clearfix:after, .livetabssmoothness .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; width: 0px ; visibility: hidden; } .livetabshotsneaks .ui-tabs .ui-tabs-panel{padding:3.9em 1.4em;} div.FndBtn{display:inline-flex; margin-right:10px;} .FndBtn,.FndBtn2{width:auto !important; margin-top:30px;} .FndBtn a,.FndBtn2 a{text-align:center; } .FndBtn a,.FndBtn2 a{ height:57px; background-color:var(--darkBlue);color:#fff;font-size: 18px; font-weight:700;line-height:2.67;outline:none; display: inline-flex; align-items: center; justify-content: center;/*margin-top:30px;*/padding:0px 15px;} /* #dnn_WideSection3 .FndBtn a{margin-top:-30px;margin-bottom:30px;} */ #dnn_WideSection3 .FndBtn{margin-top:0px;margin-bottom:30px;} h3.wsc_title span.TitleHead{font-size:24px !important;color:var(--darkGreen);} a.weblargelink:hover h3.wsc_title span.TitleHead{font-size:26px !important;} h2.wsc_title span.TitleHead,h2.c_title span.TitleHead{font-size:40px !important;color:var(--darkGreen);} .AccordionTabs{margin:30px 0px;} .AccordionTabs .h2:not(:last-child), h2:not(:last-child) { margin-bottom: 0px;/*edited*/ } h2:not(:last-child) { margin-bottom: 15px;/*edited*/ } h2:first-child { margin-top: 0px;/*edited*/ } .AccordionTabs h2.dnnFormSectionHead { margin-top: 1px; margin-bottom: 0px; border-bottom: 0px solid #ddd; font-size: 32px; line-height: 36px; letter-spacing: -0.03em; padding:10px; background-color:#f7f7f7; } .AccordionTabs fieldset { padding: 20px; margin: 0; border: 0; min-width: 0; } .FndBtn2{float:none; display:inline-flex;margin-right:10px;} .FndBtn a,.FndBtn a:hover,.FndBtn a:active,.FndBtn a:visited{color:#fff;} .FndBtn2 a,.FndBtn2 a:hover,.FndBtn2 a:active,.FndBtn2 a:visited{color:#fff;} .FndBtn2 a span{color:#fff;font-size: 18px !important; font-weight:700;} a.FndBtnPro ,a.FndBtnPro:hover,a.FndBtnPro:active,a.FndBtnPro:visited{color:#fff;} .FndBtn{width:auto !important; margin-top:30px;} a.FndBtnPro{text-align:center; } .FndBtn2 a:hover,.FndBtn a:hover,a.FndBtnPro:hover,#content_kp .wrapper_kp a.btn:hover,.inspiro-slider a.btn:hover,.locButton a.lContactus:hover,#footer a.lContactus:hover,.EmpInput .btnWrap a.ImpButton:hover,.LocInput .btnWrap a.ImpButton:hover,.mg-loc-btnc a:hover{background-color:var(--mediumBlue) !important;} a.FndBtnPro{ height:57px; background-color:var(--darkBlue);color:#fff;font-size: 18px; font-weight:700;line-height:2.67;outline:none; display: inline-flex; align-items: center; justify-content: center;margin-top:10px;margin-left:5px;padding:0px 15px;} .mg-slider .mg-slider-footer a.mg-slider-btn:hover{color:var(--black) !important; background-color:#fff;} .mg-slider .mg-slider-footer a.mg-slider-btn:hover i.cbiz-icon-smaller{background-image: url('images/cbiz-icon-black.svg') !important;} .mg-content .mg-locationContact .locAddr .inLink a:hover{color:var(--black) !important; background-color:#fff;font-weight:400;} .mg-content .mg-locationContact .locAddr .inLink a:hover i.cbiz-icon-small{background-image: url('images/cbiz-icon-black.svg') !important;} /*.FndBtn a{ height:57px; background-color:var(--darkBlue);color:#fff;font-size: 18px; font-weight:700;line-height:2.67;outline:none; display: inline-flex; align-items: center; justify-content: center;margin-top:10px;margin-left:5px;padding:0px 15px;}*/ a.FndBtnPro:after{display: inline-block; content:''; text-indent: -9999px; width: 24px; height: 24px; background: url(images/cbiz-icon-white.svg); background-size: 24px 24px; margin-left: 5px;} .FndBtn2 a:after,.FndBtn a:after{display: inline-block; content:''; text-indent: -9999px; width: 24px; height: 24px; background: url(images/cbiz-icon-white.svg); background-size: 24px 24px; margin-left: 5px;} .FndBtn a h4{ background-color:var(--darkBlue) !important; line-height:1.8px; font-size:18px; height:57px; display:inline-flex; align-items:center; justify-content:center; margin:0px; color:#fff; } .FndBtn a span{ line-height:1.8px; font-size:18px!important; display:inline-flex; align-items:center; justify-content:center; margin:0px; color:#fff; } .FndBtn a h3{ background-color:var(--darkBlue) !important; line-height:1.8px; height:57px; display:inline-flex; align-items:center; justify-content:center; margin:0px; color:#fff; } .FndBtn a h2{ background-color:var(--darkBlue) !important; line-height:1.8px !important; font-size: 24px !important; height:57px; display:inline-flex; align-items:center; justify-content:center; margin:0px; color:#fff; } /* .FndBtn>a>h4:after{display: inline-block; content:''; text-indent: -9999px; width: 24px; height: 24px; background: url(images/cbiz-icon-white.svg); background-size: 24px 24px; margin-left: 5px;}*/ .row .mobileFit {width:15%;} .row .hidden-xs {float:left;} /* .FndBtn>a>h3:after{display: inline-block; content:''; text-indent: -9999px; width: 24px; height: 24px; background: url(images/cbiz-icon-white.svg); background-size: 24px 24px; margin-left: 5px;}*/ .row .mobileFit {width:15%;} .standard_CBIZ{ width:100% !important; } .standard_CBIZ .postleft { /* max-width: 556px; */ /* width: 68%; */ margin-right: 0 !important; /* float: left; */ width: 100% !important; max-width: unset !important; float: none !important; } .standard_CBIZ .post .content { float: none; } .standard_CBIZ .post .heading, .standard_CBIZ .post .heading a { /* font-weight: bold; */ line-height: normal; font-size: 22px; /* color: #2a2927; */ color: #00483a; text-align: left !important; font-family: 'Karla', sans-serif !important; text-decoration: none; } .standard_CBIZ .postleft>br:nth-of-type(1),.standard_CBIZ .postleft>br:nth-of-type(2){display:none;} .TitleH1{display:none;} .ModLiveBlogC>H1:nth-of-type(1){display:none;} .li_paging a, .li_paging span { margin: 0 8px !important; font-size: 18px !important; color:var(--mediumBlue); } .li_paging a:hover, .li_paging span:hover { margin: 0 8px !important; font-size: 18px !important; color:var(--darkBlue); } .lisome .li_paging { padding-bottom: 0px; margin: 30px auto 40px !important; text-align: center; /*max-width: 800px;*/ width: 100%; } .li_paging .current { font-weight: bold; background: #B5B5B5; color: #FFFFFF; padding: 0 10px !important; } #mainMenu nav>ul li, .wsc_cm_menu nav>ul li{ padding:5px 0px;} #mainMenu nav>ul li.mega-menu-title ul, .wsc_cm_menu nav>ul li.mega-menu-title ul{ padding-left:20px;} #mainMenu nav>ul li.mega-menu-title ul>li>a, .wsc_cm_menu nav>ul>li.mega-menu-title ul>li>a{ color:#4c4d4d !important;font-weight:400 !important; font-size:14px !important;text-transform:capitalize;padding:5px 0px !important;} #mainMenu nav>ul>li.mega-menu-item>ul.dropdown-menu{padding:0px;} #mainMenu nav>ul>li.mega-menu-item>ul.dropdown-menu>li{padding:0px;} #mainMenu ul.mg-mega-menu{display:flex;flex-direction:row;height:40px;} #mainMenu ul.mg-mega-menu>li.mega-menu-tabs{display:flex;flex:1;background-color:var(--lightGray);justify-content:center;align-items:center;margin:0px 1px;cursor:pointer;} #mainMenu ul.mg-mega-menu>li.mega-menu-tabs.active{background-color:var(--darkBlue);} #mainMenu ul.mg-mega-menu>li.mega-menu-tabs>a{color:#fff;font-size: 16px; font-weight: 700; font-family: 'Karla', sans-serif !important; text-transform:uppercase; } #mainMenu div.mega-menu-tb-items{display:none; flex-direction:column;min-height:200px;} #mainMenu div.mega-menu-tb-items-active{display:flex;} #mainMenu div.mega-menu-tb-items div.mg-menu-item{display:flex;flex-direction:column;padding:20px;} #mainMenu div.mega-menu-tb-items div.mg-menu-item ul{ padding-left:30px;} #mainMenu div.mega-menu-tb-items div.mg-menu-item ul li{display:flex;flex-direction:column;padding:0px;} #mainMenu div.mega-menu-tb-items div.mg-menu-item>a,#mainMenu div.mega-menu-tb-items div.mg-menu-item ul li a{font-size:13px;padding:2px 0px 2px 10px;color:var(--black) !important;text-transform:capitalize;border-bottom:1px solid var(--lightGray1);} #mainMenu div.mega-menu-tb-items div.mg-menu-item>ul>li ul {display:none;} #mainMenu div.mega-menu-tb-items div.mg-menu-item>a{font-size:15px; font-weight:700;} .swiftype-search-container .filter-div{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;} .swiftype-search-container .filter{display:flex;flex-direction:row;justify-content:space-around;align-items:flex-start; width:100%;} .swiftype-search-container .filter .multiselect { width: 15%; min-width:15%; margin:10px 0px; } .swiftype-search-container .multiselect .selectBox { position: relative; } .swiftype-search-container .multiselect .selectBox input[type=text] { text-overflow: ellipsis; font-weight: bold; line-height:1.8; outline:none; border:0px; border-bottom:4px solid green; padding-right:30px; width:100%; } .swiftype-search-container .multiselect .selectBox-date{position:relative;} .swiftype-search-container .multiselect .selectBox-date input[type=text] { text-overflow: ellipsis; font-weight: bold; line-height:1.8; outline:none; border:0px; border-bottom:4px solid orange; padding-right:30px; } .selectBox-date:before, .selectBox-date:after { content:' '; position:absolute; outline:none; border:0px; background-color: orange; border-radius:50%; padding:6px; bottom:-4px; } .selectBox-date:before {left:0px;} .selectBox-date:after { right:0px; } .overSelect { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .selectBox-date .mrange{ position:absolute; left:0; right:0; bottom: -40px; padding: 10px 0px; font-size: 12px; } .swiftype-search-container .multiselect .checkboxes { display: none; -webkit-box-shadow: 0px 0px 5px 0px rgba(205,206,206,1); -moz-box-shadow: 0px 0px 5px 0px rgba(205,206,206,1); box-shadow: 0px 0px 5px 0px rgba(205,206,206,1); -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } div.swiftype-search-container{width:100% !important;} .swiftype-search-container .filter .multiselect select { position: relative; border: 0; border-bottom: 4px solid var(--darkGreen); border-radius: 0px; text-align: left; padding: 6px 0px; width: 100%; color: var(--black); text-overflow: ellipsis; font-weight: bold; line-height: 1.8; } .swiftype-search-container .filter { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; width: 100%; } .swiftype-search-container .date-filter{ display:flex; } .swiftype-search-container .date-filter #swiftype-date-slider{ width: 180px; margin: 0; margin-right: 20px; } .swiftype-search-container .date-filter .ui-rangeSlider{ width: 100% !important; margin: 0; } .swiftype-search-container .filterHeader{font-size:28px;} .swiftype-search-container #results{width:100% !important; margin-top:50px;} .swiftype-search-container .date-filter .ui-rangeSlider .ui-rangeSlider-container{ width: 100% !important; margin: 0; } .swiftype-search-container .date-filter .ui-rangeSlider .ui-rangeSlider-container .ui-rangeSlider-bar{background-color:var(--gold);} .swiftype-search-container .date-filter .clearFilters>button{ background-color:var(--darkBlue);color:#fff;font-size: 14px; font-weight:700;line-height:2.67;outline:none; display: inline-flex; align-items: center; justify-content: center;padding:0px 15px;cursor:pointer;outline:none;border:0px; } .swiftype-search-container .date-filter .clearFilters>button:hover{background-color:var(--mediumBlue);} .swiftype-search-container .date-filter .clearFilters>button:after{display: inline-block; content:''; text-indent: -9999px; width: 24px; height: 24px; background: url(images/cbiz-icon-white.svg); background-size: 24px 24px; margin-left: 5px;} .swiftype-search-container .filter .multiselect { /* width: 13%; */ min-width: 13%; display:flex; flex-direction:row; flex:1; margin: 20px 20px 20px 0px; } .swiftype-search-container .filter .multiselect:last-child{margin: 20px 0px 20px 0px;} .swiftype-search-container .filter .multiselect .selectBox{ display:none !important; } .swiftype-search-container .filter .multiselect .checkboxes label:hover { background-color: #cdcece; } .label-wrap { display: flex; position: relative; padding-left: 35px; cursor: pointer; line-height:1.8; } .chkbxcover { position: absolute; left: 10px; top:calc(50% - 9px); height: 15px; width: 15px; background-color: white; border: 1px solid gray; } .swiftype-search-container .filter .multiselect .label-wrap input[type=checkbox] { visibility: hidden; position: absolute; margin:0px; left: 10px; top:calc(50% - 9px); height: 15px; width: 15px; } .swiftype-search-container .filter .multiselect .label-wrap input:checked ~ .chkbxcover { background-color: green; } .swiftype-search-container .filter .multiselect .selectBox i{ position:absolute; right:10px; top:0; font-size:24px; -webkit-transition: transform 200ms ease-in-out; -moz-transition: transform 200ms ease-in-out; -o-transition: transform 200ms ease-in-out; transition: transform 200ms ease-in-out; } .swiftype-search-container .filter .multiselect .selectBox-active i{ transform:rotate(180deg); -webkit-transition: transform 200ms ease-in-out; -moz-transition: transform 200ms ease-in-out; -o-transition: transform 200ms ease-in-out; transition: transform 200ms ease-in-out; } @media(max-width:1025px){ .swiftype-search-container .filter{ flex-direction:column;align-items:flex-start; } .swiftype-search-container .filter .multiselect{width:100%;} } @media(max-width:600px){ .swiftype-search-container .filter .multiselect{width:100%;} .selectBox input[type=text] {width:90%;} } .console-large h3 { margin: 2px; width: 130px; text-align: center; overflow: hidden; font-size: 0.8em !important; line-height: 1.4em !important; padding-top: 5px; font-weight: normal; } .slider .row>h2 {font-size: 20px !important;} .slider .row>p{color:#fff;} .console-large img{padding:0px !important; margin-top:10px !important;} .LocationSocials.mg-social a{display:inline-flex;margin:0px 2px 0px 0px; width:24px;height:24px;} .LocationSocials.mg-social a>i{color:var(--lightBlue) !important;} .LocationSocials.mg-social a:hover>i{color:var(--mediumBlue) !important;} .empProfile .empEmail, .empProfile .empPhone,.empProfile .mg-social { padding: 5px 0; font-size: 22px; color: var(--black); /* font-weight: 700; */ } #mainMenu nav>ul>li .dropdown-menu>li [class*=col-]>ul>li>a, #mainMenu nav>ul>li .dropdown-menu>li>a, #mainMenu nav>ul>li .dropdown-menu>li>span { font-size: 15px; line-height: 16px; font-weight: 700; font-style: normal; color: var(--black) !important; padding: 5px 10px 5px 10px; display: block; transition: .3s ease; font-family: 'Karla', sans-serif !important; } #mainMenu nav>ul>li .dropdown-menu>li{ border-bottom: 1px solid var(--lightGray1); padding:0px; } #mainMenu nav>ul>li .dropdown-menu>li:last-child{border-bottom: 0px;} .exoffice .row,.keycontact .row {margin-bottom: 20px;background-color: var(--lightGray3);display:flex;} .exoffice .row .row-adj-1,.keycontact .row .row-adj-1 { padding-bottom: 40px; padding-top: 40px; margin:0 auto; display:flex; } .exoffice .row .empdesc,.keycontact .row .empdesc{ margin-right:20px; } .h2_title_container .container{ display:flex; margin-left:auto; margin-right:auto; margin-top: 50px; } @media (max-width: 600px){ .exoffice .row .container,.keycontact .row .container { width: 100%; } .exoffice .row,.keycontact .row{margin-bottom: 20px;} .exoffice .row .row-adj-1,.keycontact .row .row-adj-1 { padding-top: 0px; } .h2_title_container .container{ width: 100%; } .exoffice .profile-image-sq,.keycontact .profile-image-sq{margin: 20px 15px 0px;} } @media (min-width: 768px){ .exoffice .row .container,.keycontact .row .container { width: 750px; } .h2_title_container .container{ width: 750px; } } @media (min-width: 992px){ .exoffice .row .container,.keycontact .row .container { width: 970px; } .h2_title_container .container{ width: 970px; } } @media (min-width: 1200px){ .exoffice .row .container,.keycontact .row .container { width: 1170px; } .h2_title_container .container{ width: 1170px; } } .evnt-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(calc(100% / 4), 1fr)); /* max-width:1170px; */ grid-auto-rows: 1fr; margin:0px auto; } .evnt-grid::before { content: ''; width: 0; padding-bottom: 100%; grid-row: 1 / 1; grid-column: 1 / 1; } .evnt-grid > div.gcell:first-child { grid-row: 1 / 1; grid-column: 1 / 1; } .evnt-grid div.gcell{display:flex;flex-direction:column;padding:50px 30px 30px;} .evnt-grid div.gcell span.dmonth{font-size:28px;font-weight:700;text-transform:uppercase;padding:0px;} .evnt-grid div.gcell span.dday{font-size:52px;font-weight:700;margin-bottom:20px;padding:0px;line-height:1.2;} .evnt-grid div.gcell span.ctype{font-size:14px;color:#fff;padding:5px 0px;} .evnt-grid div.gcell span.ctitle a{font-size:18px;color:#fff;padding:5px 0px;text-decoration:none;} /* Just to make the grid visible */ /* .evnt-grid > * { background: rgba(0,0,0,0.1); border: 0px white solid; }*/ .gcolor0{ background-color: #004775; color:#fff; } .gcolor0 span.dmonth,.gcolor0 span.dday{ color:#fff; } .gcolor1,.gcolor1 span.dmonth,.gcolor1 span.dday{ background-color: #004775; color:#88afdb; } .gcolor2,.gcolor2 span.dmonth,.gcolor2 span.dday{ background-color: #f2be40; color:#003864; } .gcolor3,.gcolor3 span.dmonth,.gcolor3 span.dday{ background-color: #a5c5ed; color:#003864; } .gcolor4,.gcolor4 span.dmonth,.gcolor4 span.dday{ background-color: #00984d; color:#88afdb; } .gcolor5,.gcolor5 span.dmonth,.gcolor5 span.dday{ background-color: #77a86d; color:#003864; } .gcolor6,.gcolor6 span.dmonth,.gcolor6 span.dday{ background-color: #00609b; color:#88afdb; } .gcolor7,.gcolor7 span.dmonth,.gcolor7 span.dday{ background-color: #094438; color:#88afdb; } .gcolor8,.gcolor8 span.dmonth,.gcolor8 span.dday{ background-color: #af8537; color:#003864; } .gcolor9{ background-color: #fff; color:#fff; } .gcolor10{ background-color: #fff; color:#fff; } .gcolor11{ background-color: #fff; color:#fff; } .gcolor12{ background-color: #fff; color:#fff; } @media(min-width:1026px){ .evnt-grid { grid-template-columns: repeat(auto-fill, minmax(calc(100% / 4), 1fr)); /* max-width:1170px; */ } } @media(max-width:1025px ){ .evnt-grid { grid-template-columns: repeat(auto-fill, minmax(calc(100% / 3), 1fr)); /* max-width:950px; */ } } @media(max-width:768px){ .evnt-grid { grid-template-columns: repeat(auto-fill, minmax(calc(100% / 3), 1fr)); /* max-width:750px; */ } } @media(max-width:600px){ .evnt-grid { grid-template-columns: repeat(auto-fill, minmax(calc(100% / 2), 1fr)); /* max-width:520px; */ } } @media(max-width:450px){ .evnt-grid { grid-template-columns: repeat(auto-fill, minmax(100%, 1fr)); /* max-width:390px; */ } } @media(max-width:370px ){ .evnt-grid { /* max-width:350px; */ } } @media(max-width:350px){ .evnt-grid { /* max-width:300px; */ } } @media(max-width:300px){ .evnt-grid { /* max-width:270px; */ } } .default .categories, .default .archives, .default .authors, .default .tags, .default .mwidgetposts, .default .search { background: url(Images/categories-bg.png) repeat-x scroll left bottom #ffffff; padding: 15px 35px !important; width: 100% !important; border: #CCCCCC 1px solid; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 20px; } .head_title.container{display:flex;margin:0px auto;} @media (min-width: 768px){ .head_title.container { max-width: 750px; } } @media (min-width: 992px){ .head_title.container { max-width: 970px; } } @media (min-width: 1200px){ .head_title.container { max-width: 1170px; } } .mg-video-container{ margin-left:auto; margin-right:auto; background-color:var(--lightGray3); padding:40px 0px; } .mg-video-container .wistia_responsive_padding{width:100%; display:flex; margin:30px auto;/*padding: 36% 0 28px 0 !important;*/padding-top:56.25%; } .mg-video-container .fluid-width-video-wrapper {width:100% !important; display:flex; margin:30px auto; padding-top:56.25%} .flex-5-col { display:flex; flex-wrap:wrap; justify-content:space-around; } .flex-5-col:after { content: ''; flex: auto; } .flex-5-col > .flex-item { padding:5px; flex-basis: calc((100% / 5) ); box-sizing: border-box; padding: 0 20px 25px 0; } @media (max-width: 991px) { .flex-5-col > .flex-item { flex-basis: calc((100% / 4) ); } } @media (max-width: 767px) { .flex-5-col > .flex-item { flex-basis: calc((100% / 2) ); } }