:root {
--red: #da3034; --dk-gray: #737272; 
--lt-gray: #e1e1e1; --white: #ffffff;
--default: #000000;
--main-font: "Roboto", sans-serif;
--general-transition: all 0.3s linear;
--xs-col-padding: 30px;
} html, body {
background-color: #b2b2b2;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
color: #000;
overflow-x: hidden;
}
a {
color: var(--red);
text-decoration: none;
}
a:hover {
color: #808080;
text-decoration: underline;
}
h1 {
font-size: 1.6em;
color: #000;
font-weight: 700;
}
h2 {
font-size: 2em;
color: var(--red);
font-weight: 600;
margin-bottom: 15px;
display: flex;
align-items: center;
position: relative;
}
h2::before {
content: '';
width: 0.8em;
height: 0.8em;
background-color: var(--red);
margin-right: 10px;
}
h3 {
font-size: 1.2em;
color: #da3034;
font-weight: 600;
}
strong {
font-weight: 600;
}
em {
font-style: italic;
}
.content-wrapper-white {
background-color: #fff;
padding: 30px 0;
}
.content-wrapper-grey {
background-color: #e1e1e1;
padding: 20px 0;
}
a.hollow-button {
padding: 6px 20px;
border: 2px solid #da3034;
color: #da3034;
text-transform: uppercase;
}
a.hollow-button:hover {
border: 2px solid #da3034;
background-color: #da3034;
color: #fff;
text-decoration: none;
}
a.solid-button {
display: block;
text-align: center;
padding: 6px 20px;
border: 2px solid #da3034;
background-color: #da3034;
color: #fff;
text-transform: uppercase;
}
a.solid-button:hover {
background-color: #fff;
border: 2px solid #da3034;
color: #da3034;
text-decoration: none;
} img {
max-width: 100%;
height: auto;
}
.alignleft {
float: left;
margin-right: 40px;
margin-bottom: 30px;
}
.alignright {
float: right;
margin-left: 40px;
margin-bottom: 30px;
}
.aligncenter {
display: block;
float: none;
margin: 0 auto;
text-align: center;
}    .main-wrapper {
background-color: var(--white);
}
.layout-section {
position: relative;
} .layout-section .section-bkg {
position: absolute;
width: 100%;
} header {
position: fixed;
z-index: 99999;
width: 100%;
height: 136px;
background-color: #ffffff;	
padding-top: 20px;
}
.header-spacer {
position: relative;
height: 136px;
} .logo {
width: 100%; max-width: 198px;
height: auto;
} .social-icons {
display: flex;
column-gap: 15px;
}
header .social-icons {
justify-content: flex-end;
}
footer .social-icons {
margin-top: 10px;
}
.social-icon {
width: 27px;
} .mobile-menu-icon {
display: none;
}
.main-menu-container {
display: flex;
justify-content: flex-end;
margin-top: 10px;
}
.main-menu ul.menu {
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: flex-end;
column-gap: 20px;
padding-left: 0;
margin-bottom: 0;
} .main-menu li {
position: relative;
list-style: none;
}
.main-menu li:last-child {
margin-bottom: 0;
}
.main-menu li a {
font-family: var(--main-font);
font-size: 0.9rem;
color: var(--dk-gray);
} .main-menu li.top-level > a {
text-decoration: none !important;
}
.main-menu li.top-level:hover > a {
cursor: default;
}
.main-menu li.menu-button a {
color: var(--white);
} .main-menu ul.menu > li {
padding: 0;
}
.main-menu ul.menu > li:last-child {
margin-right: 0;
}
.main-menu ul.menu > li > a {
display: block;
padding: 6px 12px;
}
.main-menu ul.menu > li:hover,
.main-menu ul.menu > li:focus,
.main-menu ul.menu > li:active {
background-color: var(--red);
cursor: pointer;
}
.main-menu ul.menu > li:hover > a,
.main-menu ul.menu > li:focus > a,
.main-menu ul.menu > li:active > a {
color: var(--white);
} .main-menu ul.sub-menu {
position: absolute;
display: none;
z-index: 99999;
background-color: var(--red);
}
.main-menu ul.sub-menu li {
background-color: var(--red);
padding: 0 40px 0 10px;
}
.main-menu ul.sub-menu li a {
display: block;
min-width: 150px;
padding: 5px 10px;
color: var(--white);
}
.main-menu ul.menu > li:hover ul.sub-menu {
display: block;
left: 0;
top: 100%;
height: auto;
padding: 0;
border: 1px solid var(--red);
}
.main-menu ul.menu > li:hover ul.sub-menu li,
.main-menu ul.menu > li:focus ul.sub-menu li,
.main-menu ul.menu > li:active ul.sub-menu li {
text-align: left;
padding: 0;
}
.main-menu ul.sub-menu li:hover,
.main-menu ul.sub-menu li:focus,
.main-menu ul.sub-menu li:active {
background-color: var(--white);
}
.main-menu ul.sub-menu li:hover a,
.main-menu ul.sub-menu li:focus a,
.main-menu ul.sub-menu li:active a {
color: var(--red);
} .layout-section h1 {
font-size: 1.8em;
font-weight: 700;
}
.layout-section h2 {
font-size: 1.6em;
font-weight: 600;
color: var(--dk-gray);
}
.layout-section h2::before {
display: none;
} .btn-red, .menu-button a {
background-color: var(--red);
color: var(--white);
text-align: center;
padding: 6px 12px;
font: normal 0.9rem / 1.3em var(--main-font);
text-decoration: none;
cursor: pointer;
transition: var(--general-transition);
-webkit-transition: var(--general-transition);
}
.btn-red:hover, .menu-button a:hover {
scale: 1.05;
color: var(--white);
} .arrow-link {
position: relative;
display: flex;
font: 700 1.1em / 1.3em var(--main-font);
cursor: pointer;
}
.arrow-link img {
margin-right: 10px;
width: 0.9rem;
float: left;
}
.arrow-link:hover a {
color: var(--dk-gray);
} .shadow-box {
box-shadow: 0 0 15px rgba(0,0,0,0.25);
-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.25);
-moz-box-shadow: 0 0 15px rgba(0,0,0,0.25);
padding: 15px 25px 25px;
}
.shadow-box p {
line-height: 1.8rem;
margin-bottom: 20px;
} .nav-tile-container {
display: flex;
justify-content: space-between;
gap: 20px none;
}
.nav-tile {
position: relative;
overflow: hidden;
width: 16vw;
height: 16vw;
max-width: 200px;
max-height: 200px;
background-color: var(--dk-gray);
box-shadow: 0 0 15px rgba(0,0,0,0.25);
-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.25);
-moz-box-shadow: 0 0 15px rgba(0,0,0,0.25);
}
.nav-tile .nav-tile__background-img {
display: block;
position: relative;
z-index: 100;
width: 100%;
height: auto;
animation: fadein 1.2s ease;
animation-fill-mode: forwards;
}
.nav-tile .nav-tile__background-img:after {
position: absolute;
background: rgba(0,0,0,0.3);
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.nav-tile__title {
position: absolute;
bottom: 20px;
left: 20px;
max-width: 65%;
z-index: 300;
font-family: var(--main-font);
font-weight: 600;
font-size: 1.1rem;
color: var(--white);
}
.nav-tile .nav-tile__arrow {
position: absolute;
top: 10px;
right: 10px;
z-index: 200;
fill: var(--red);
width: 1rem;
}
.nav-tile:hover, 
.nav-tile:focus, 
.nav-tile:active {
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
background-color: var(--white);
animation: fadein 1.2s ease;
animation-fill-mode: forwards;
cursor: pointer;
}
.nav-tile:hover .nav-tile__background-img,
.nav-tile:focus .nav-tile__background-img,
.nav-tile:active .nav-tile__background-img {
display: none;
position: relative;
overflow: hidden;
animation: fadeout 1.2s ease;
animation-fill-mode: forwards;
}
.nav-tile:hover .nav-tile__title,
.nav-tile:focus .nav-tile__title,
.nav-tile:active .nav-tile__title {
color: var(--default);
}
.nav-tile:hover .nav-tile__arrow,
.nav-tile:focus .nav-tile__arrow,
.nav-tile:active .nav-tile__arrow {
fill: var(--default);
}
.nav-tile > a {
display: block;
width: 100%;
height: 100%;
position: relative;
} a.event-card-wrapper:hover .event-card-start-time,
a.event-card-wrapper:hover .event-card-end-time {
text-decoration: underline;
}
.event-cards {
display: flex;
flex-flow: row wrap;
gap: 40px;
padding: 30px 0;
}
.event-card {
width: 150px;
}
.event-card-title {
font-size: 1.1em;
font-weight: 700;
color: var(--default);
}
.event-card-start-time, .event-card-end-time, .event-card-date {
color: var(--dk-gray);
font-size: 0.9rem;
}
.event-card-start-time, .event-card-end-time {
float: left;
}
.event-card-start-time {
padding-right: 3px;
}
.event-card-start-time::after {
content: ' -';
}
div.grey {
height: 20px;
width: 100%;
background-color: #e0dedb;
}
div.top-content {
display: block;
}
div.gone {
display: none;
}
.right-header {
text-align: right;
padding-top: 10px;
}
.adjust-top {
margin-top: 0px;
} .layout-section .metaslider .caption-wrap {
background: none !important;
top: 0 !important;
left: 0 !important;
opacity: 1 !important;
display: flex;
flex-flow: column nowrap;
justify-content: center;
}
.layout-section .metaslider .caption {
text-align: left !important;
font-size: 2rem !important;
font-weight: 700 !important;
line-height: 1.25 !important;
padding: 30px 60px !important;
}
.layout-section .metaslider.ms-theme-cubic {
padding-bottom: 0 !important;
box-shadow: 0 0 15px rgba(0,0,0,0.25) !important;
-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.25) !important;
-moz-box-shadow: 0 0 15px rgba(0,0,0,0.25) !important;
}
.layout-section .metaslider .caption .slider-button {
background-color: var(--red);
color: var(--white);
padding: 0.2em 0.5em;
margin-top: 0.1em;
display: inline-block;
}
.layout-section .metaslider .caption .slider-button:hover {
text-decoration: none;
opacity: 0.8;
} .main-content {
padding-top: 60px;
}
.title-icon {
position: relative;
top: -10px;
margin-right: 15px;
}
.enews-wrapper {
min-height: 62px;
padding-left: 70px;
background: url(//experistg.com/wp-content/themes/experis/img/icon-PDF.png) top left no-repeat;
}
.post-date {
font-style: italic;
padding-bottom: 20px;
}
.event-wrapper {
float: left;
width: 30%;
margin: 10px;
padding: 10px;
background: #f1e7e8;
text-align: center;
font-size: .9em;
}
.event-wrapper .post-title {
font-size: 1em;
font-weight: 600;
}
.partner-wrapper {
float: left;
width: 24%;
margin: 2px;
text-align: center;
}
.entry-contact {
padding-top: 20px;
} div.box {
width: 100%;
height: 100%;
margin: auto;
position: absolute;
overflow: hidden;
z-index: 1;
}
div.box img {
opacity: .4;
-webkit-filter: brightness(.7) contrast(3);
object-fit: cover;
width: 100%;
height: 100%;
}
div.box img:hover {
opacity: .2;
}
.navbox-outer:hover {
background-color: #710409;
}
.navbox {
text-align: center;
}
.navbox a, .navbox a:hover {
color: #fff;
text-decoration: none;
}
.navbox-outer {
width: 350px;
height: 350px;
overflow: hidden;
background-color: #a1060d;
position: relative;
}
.navbox-inner {
text-align: center;
width: 340px;
height: inherit;
padding: 20px;
color: #fff;
font-size: 1.1em;
line-height: 1.25;
font-weight: 300;
position: absolute;
z-index: 2;
}
.navbox-icon {
margin-top: 10px;
}
.navbox-inner h2 {
font-size: 1.6em;
font-weight: 700;
color: #fff;
margin-top: 0;
}
.navbox-sidebar-title h2 {
font-size: 1.2em;
}
.navbox-inner h2::before,
.navbox-sidebar-title h2::before {
display: none;
}
div.navbox-icon img {
opacity: 1;
} .no-background, .no-background:hover {
background-color: transparent;
}
div.natural-image img, div.natural-image img:hover {
opacity: 1;
-webkit-filter: brightness(100%) contrast(100%);
} div.navbox4-outer, .navbox4-outer {
width: 280px;
height: 330px;
}
.navbox4-inner {
width: 270px;
height: inherit;
padding: 10px;
font-size: 1.1em;
line-height: 1;
}
.navbox4-inner h2 {
font-size: 1.4em;
}
.navbox4-inner h2::before {
display: none;
} div.navbox2-outer, .navbox2-outer {
width: 550px;
height: 300px;
background-color: #a1060d;
overflow: hidden;
}
div.navbox2-outer:hover .box2 img, .navbox2-outer:hover .box2 img {
opacity: 0.2;
}
.navbox2-inner {
text-align: center;
width: 540px;
height: 300px;
padding: 20px;
color: #fff;
font-size: 1.1em;
line-height: 1.25;
font-weight: 300;
position: absolute;
z-index: 2;
}
.navbox2-inner h2 {
font-size: 1.6em;
font-weight: 700;
color: #fff;
margin-top: 0;
}
.navbox2-inner h2::before {
display: none;
}
div.box2 {
width: 550px;
height: 300px;
margin: auto;
position: absolute;
overflow: hidden;
z-index: 1;
}
div.box2 img {
width: 100%;
opacity: .4;
-webkit-filter: brightness(.7) contrast(3);
}
div.box2:hover img {
opacity: .2;
}
.navbox-outer:hover {
background-color: #710409;
} div.navbox-sidebar-outer {
height: 180px;
margin-bottom: 10px;
}
.navbox-sidebar-inner {
height: 180px;
margin-bottom: 10px;
}
.newrow {
margin-top: 20px;
} .top-content img:hover, .footer-social img:hover {
opacity: .5;
} .wpcf7-textarea {
width: 98.5%;
height: 120px;
background: #ebebeb;
border: 1px solid #c1c1c1;
padding: 6px;
margin-bottom: 5px;
}
.wpcf7-text {
width: 97%;
background: #ebebeb;
border: 1px solid #c1c1c1;
padding: 2px 6px;
}
.wpcf7-checkbox {
background: #ebebeb;
border: 1px solid #c1c1c1;
margin: 10px 0;
padding: 4px;
}
.wpcf7-captchar {
width: 70px;
border: 1px solid #c1c1c1;
margin-left: 10px;
padding: 6px;
background: #ebebeb;
}
.wpcf7-submit {
padding: 6px 20px;
border: 2px solid #da3034;
background-color: #da3034;
color: #fff;
text-transform: uppercase;
}
.wpcf7-submit:hover {
background-color: #fff;
border: 2px solid #da3034;
color: #da3034;
text-decoration: none;
}
.wpcf7-list-item .last {
padding-left: 20px;
} .contact-slide-text {
font-size: 15px;
font-weight: 400;
margin-left: 20px; 
margin-right: 30px;
padding-bottom: 20px;
}
.slideout-button {
position: fixed;
top: 200px;
right: 0;
width: 30px;
border: 0;
padding: 5px 0 5px 5px;
box-shadow: none;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
z-index: 9999;
cursor: pointer;
}
.slideout-button-arrow {
position: relative;
right: -5px;
padding-bottom: 10px; 
font-size: 19px;
}
.slideout-button2 {
width: 20px;
height: 20px;
color: #fff;
background: none;
border: none;
box-shadow: none;
padding-right: 30px;
}
#slideout {
position: fixed;
top: 200px;
right: 0px;
width: 200px;
padding: 10px 0 0 10px;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
z-index: 9999;
}
#slideout.off {
right: -220px;
}
#slideout-button .slideout-vertical-text {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
white-space: nowrap;
display: block;
width: 20px;
letter-spacing: 1px;
position: relative;
} footer {
background-color: var(--lt-gray);
color: var(--dk-gray);
padding: 3rem 0;
font-size: 0.9rem;
}
footer .contact-name {
font-size: 1.1rem;
font-weight: 700;
}
footer .contact-line, footer .contact-name {
margin-bottom: 2px;
}
footer .contact-label {
display: inline-block;
margin-right: 8px;
}
footer a { color: var(--dk-gray);
}
footer a:hover,
footer a:focus,
footer a:active {
color: var(--red);
}
footer ul.menu {
margin-top: 2px;
padding-left: 0;
}
footer ul.menu li {
position: relative;
list-style: none;
}
footer ul.menu li a {
display: block;
width: 140px;
padding: 1px 5px;
color: var(--dk-gray);
font-weight: 600;
}
footer ul.menu li a:hover,
footer ul.menu li a:focus,
footer ul.menu li a:active {
color: var(--red);
}
footer h3 {
font-size: 1.1rem;
font-weight: 700;
color: var(--dk-gray);
margin-top: 0;
margin-bottom: 20px;
}
footer form p {
margin-right: 0;
}
footer form .half-width {
display: inline-block;
width: 49%;
}
footer form .half-width.col-2 {
float: right;
}
footer .submit-button {
float: right;
}
footer .wpcf7-text {
width: 100%;
}
footer .wpcf7-submit { background-color: var(--red);
color: var(--white);
text-align: center;
padding: 6px 12px;
font: normal 0.9rem / 1.3em var(--main-font);
text-decoration: none;
cursor: pointer;
transition: var(--general-transition);
-webkit-transition: var(--general-transition);
text-transform: none;
border: 0;
min-width: 70px;
}
footer .wpcf7-submit:hover {
scale: 1.05;
background-color: var(--red);
color: var(--white);
border: 0;
text-transform: none;
}
footer .wpcf7-spinner { width: 0;
height: 0;
margin: 0;
}
footer .copyright {
margin-top: 40px;
} .hidden-bttn {
background: none;
padding: 0px;
border: none;
margin-left: 5px;
}
.hidden-bttn img {
width: 20px;
}
footer #search-form input {
width: 130px;
}
footer .search-section {
margin-bottom: 20px;
} #mobmenuright {
position: relative;
left: -30px;
width: 100%;
}    @media (max-width: 767px) {
.container {
width: 100%;
}
header {
height: 96px;
padding-top: 16px;
}
.header-spacer {
height: 96px;
} .layout-section .metaslider img {
width: auto !important;
height: 200px !important;
min-width: 100% !important;
}
.layout-section .metaslider .caption {
font-size: 1.7rem !important;
line-height: 1.4 !important;
padding: 20px 25px !important;
} .nav-tile-container {
justify-content: center;
flex-flow: row wrap;
gap: 20px;
}
.nav-tile {
width: 100vw;
height: 110px; max-width: 500px;
}
.nav-tile .nav-tile__background-img img {
width: 100%;
clip-path: inset(0 0 calc(100% - 110px) 0); }
.nav-tile__title {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
bottom: 0;
left: 0;
top: 0;
max-width: none;
font-size: 1.5rem;
}
} @media (max-width: 991px) {
.menu-col {
padding-right: 2rem;
display: flex;
flex-flow: column nowrap;
align-items: flex-end;
}
.menu-col .main-menu {
display: none;
}
.menu-col.active .main-menu {
display: block;
} .mobile-menu-icon .close-menu,
.mobile-menu-icon.active .open-menu {
display: none;
}
.mobile-menu-icon .open-menu,
.mobile-menu-icon.active .close-menu {
display: block;
}
.mobile-menu-icon {
display: inline-block;
padding: 8px 8px 3px;
margin-top: 10px;
cursor: pointer;
}
.mobile-menu-icon svg {
fill: var(--red);
}
header .social-icons {
display: none;
}
.social-icon {
width: 36px;
}
.main-menu-container {
display: block;
margin-top: 10px;
max-width: 300px;
width: 70vw;
}
.main-menu {
display: none;
}
.main-menu ul.menu {
flex-flow: column nowrap;
align-items: normal;
border: 1px solid var(--red);
background-color: var(--white);
} .main-menu ul.menu li.menu-item-has-children::before,
.main-menu ul.menu li.menu-item-has-children::after {
position: absolute;
content: '';
right: 13px;
width: 2px;
height: 10px;
background-color: var(--dk-gray);
animation: 0.2s all ease-in;
}
.main-menu ul.menu li.menu-item-has-children::before {
transform: rotate(45deg);
top: 19px;
}
.main-menu ul.menu li.menu-item-has-children::after {
transform: rotate(-45deg);
top: 13px;
}
.main-menu ul.menu li.menu-item-has-children.active-submenu::before {
transform: rotate(-45deg);
top: 15px;
right: 16px;
}
.main-menu ul.menu li.menu-item-has-children.active-submenu::after {
transform: rotate(45deg);
top: 15px;
right: 10px;
}
.main-menu ul.menu li.menu-item-has-children:hover::before,
.main-menu ul.menu li.menu-item-has-children:focus::before,
.main-menu ul.menu li.menu-item-has-children:active::before,
.main-menu ul.menu li.menu-item-has-children:hover::after,
.main-menu ul.menu li.menu-item-has-children:focus::after,
.main-menu ul.menu li.menu-item-has-children:active::after {
background-color: var(--white);
} .main-menu ul.menu > li {
display: block;
position: relative;
}
.main-menu li {
text-align: left;
}
.main-menu li a {
font-size: 1.5rem;
}
.main-menu ul.menu > li.active-submenu {
background-color: var(--red);
cursor: pointer;
}
.main-menu ul.menu > li.active-submenu > a {
color: var(--white);
} .main-menu ul.sub-menu {
position: relative;
}
.main-menu ul.sub-menu,
.main-menu ul.menu > li:hover ul.sub-menu,
.main-menu ul.menu > li:focus ul.sub-menu,
.main-menu ul.menu > li:active ul.sub-menu {
background-color: var(--white);
border: 0;
border-top: 2px solid var(--dk-gray);
border-bottom: 2px solid var(--dk-gray);
padding: 0;
}
.main-menu ul.sub-menu li,
.main-menu ul.menu > li:hover ul.sub-menu li,
.main-menu ul.menu > li:focus ul.sub-menu li,
.main-menu ul.menu > li:active ul.sub-menu li {
padding-left: 20px;
background-color: var(--white);
}
.main-menu ul.sub-menu li a {
color: var(--dk-gray);
}
.menu-item-has-children:not(.active-submenu) ul.sub-menu,
.main-menu ul.menu > li:not(.active-submenu):hover ul.sub-menu,
.main-menu ul.menu > li:not(.active-submenu):focus ul.sub-menu,
.main-menu ul.menu > li:not(.active-submenu):active ul.sub-menu {
display: none;
}
.menu-item-has-children.active-submenu ul.sub-menu,
.menu-item-has-children.active-submenu:hover ul.sub-menu,
.menu-item-has-children.active-submenu:focus ul.sub-menu,
.menu-item-has-children.active-submenu:active ul.sub-menu {
display: block;
}
.main-menu ul.menu > li:hover ul.sub-menu li:hover {
background-color: var(--red);
}
.main-menu ul.menu > li:hover ul.sub-menu li:hover a {
color: var(--white);
} .layout-section .metaslider {
width: auto !important;
margin-right: calc(-1 * var(--xs-col-padding)) !important;
margin-left: calc(-1 * var(--xs-col-padding)) !important;
}
.container .col-xs-12 {
padding-right: var(--xs-col-padding);
padding-left: var(--xs-col-padding);
}
.layout-section.two-column .col-xs-12:first-child {
margin-bottom: 2.5rem;
} .site-footer .col-xs-12:first-child {
margin-bottom: 1.5rem;
}
.site-footer .half-width {
display: block;
width: 100%;
}
.site-footer .captcha {
width: 80%;
}
.footer-menu {
display: none;
} .event-cards {
padding: 10px 0 30px;
gap: 25px;
} .arrow-link {
display: flex;
justify-content: center;
}
} @media (min-width: 768px) and (max-width: 991px) {
.container {
width: 94%;
} .nav-tile-container {
flex-flow: row nowrap;
}
.nav-tile__title {
font-size: 1rem;
}
} @media (min-width: 992px) and (max-width: 1199px) {
} @media (min-width: 992px) {
.copyright .copyright-col {
display: inline-block;
margin-right: 5px;
}
.copyright .copyright-col::after {
content: ' |';
float: right;
margin-left: 10px;
}
.copyright .copyright-col.no-bar::after,
.copyright .copyright-col:last-child::after {
content: '';
margin-left: 0px;
}
} @media (min-width: 1200px) {
.main-menu ul.menu {
column-gap: 20px;
}
}  @media (min-width: 1200px) {
} @media (min-width: 992px) and (max-width: 1199px) {
header.large .logo {
width: 135px;
height: 45px;
margin-top: 10px;
}
header.small .logo {
width: 120px;
height: 45px;
}
#navigation ul li a {
font-size: 14px;
padding: 0 8px;
}
#slider-wrapper .metaslider .caption-wrap {
top: 60px;
left: 20%;
}
#slider-wrapper .metaslider .caption {
width: 640px;
font-size: 1em;
padding: 40px 20px 20px 20px;
}
#slider-wrapper .metaslider .caption h1 {
font-size: 1.7em;
font-weight: 700;
} .navbox-outer {
width: 300px;
height: 300px;
}
.navbox-inner {
width: 280px;
height: 280px;
padding: 15px;
font-size: 1em;
line-height: 1;
}
.navbox-icon {
margin-top: 4px;
}
.navbox-inner h2 {
font-size: 1.4em;
} div.navbox4-outer, .navbox4-outer {
width: 225px;
height: 265px;
}
.navbox4-inner {
width: 225px;
height: inherit;
padding: 5px;
font-size: 1em;
line-height: 1;
}
.navbox4-inner .navbox-icon {
margin-top: 0px;
}
.navbox4-inner .navbox-icon-img {
height: 60px;
}
.navbox4-inner h2 {
font-size: 1.2em;
} div.navbox-sidebar-outer {
height: 160px;
}
.navbox-sidebar-outer {
height: 160px;
}
.event-wrapper {
width: 49%;
margin: 2px;
}
.partner-wrapper {
width: 49%;
margin: 2px;
}
.footer-text-field {
width: 250px;
}
div.top-content {
margin-right: -36px;
}
.search-icon {
margin-right: -36px;
} } @media (min-width: 768px) and (max-width: 991px) {
.content-wrapper-white {
padding: 10px 0 0 0;
}
.mobile-margin {
margin-top: 0px;
padding-bottom: 0px;
}
.adjust-top {
margin-top: 0px;
}
.mobile-logo {
text-align: right;
padding-right: 40px;
}
#slideshow-wrapper {
margin-top: 0px;
}
#slider-wrapper .metaslider .caption-wrap {
top: 40px;
left: 0;
}
#slider-wrapper .metaslider .caption {
width: 760px;
font-size: .9em;
padding: 10px 20px 20px 20px;
}
#slider-wrapper .metaslider .caption h1 {
font-size: 1.5em;
font-weight: 700;
}
div.box, div.navbox4-outer, .navbox4-outer {
width: 700px;
height: 160px;
margin-bottom: 10px;
}
div.box img {
width: 700px;
height: auto;
}
.navbox-outer {
width: 700px;
height: 160px;
margin-bottom: 10px;
}
.box-tablet-wrapper {
float: left;
width: 28%;
text-align: center;
}
.navbox-inner, .navbox4-inner {
width: 680px;
height: inherit;
padding: 15px;
font-size: 1em;
line-height: 1;
}
.navbox-icon {
margin-top: 8px;
}
.navbox-inner h2, .navbox4-inner h2 {
font-size: 1.4em;
}
.navbox-inner p {
float: right;
width: 70%;
font-size: 1.2em;
padding-top: 10px;
text-align: left;
} div.navbox-sidebar-outer {
width: 230px;
height: 150px;
}
.navbox-sidebar-outer {
width: 230px;
height: 150px;
}
.navbox-sidebar-icon .navbox-icon-img {
height: 65px;
}
.footer-column {
padding-top: 10px;
padding-bottom: 10px;
}
.footer-text-field {
width: 250px;
}
.event-wrapper {
width: 49%;
margin: 2px;
}
.partner-wrapper {
width: 49%;
margin: 2px;
}
} @media (max-width: 767px) {
.content-wrapper-white {
padding: 10px 0 0 0;
}
.mobile-margin {
margin-top: 0px;
padding-bottom: 0px;
}
.adjust-top {
margin-top: 0px;
}
.mobile-logo {
text-align: right;
padding-right: 20px;
}
#slideshow-wrapper {
margin-top: 30px;
}
#slider-wrapper .metaslider .caption-wrap {
top: 10px;
left: 0;
}
#slider-wrapper .metaslider .caption {
width: 100%;
padding: 6px 20px 0 20px;
}
#slider-wrapper .metaslider .caption h1 {
font-size: 1.2em;
text-align: center;
}
#slider-wrapper .metaslider .caption p {
display: none;
}
#slider-wrapper .flex-control-nav {
display: none;
}
#slider-wrapper .metaslider .caption .slider-button {
font-weight: 600;
margin-top: 10px;
}
#slider-wrapper .metaslider .caption .hollow-button {
padding: 2px 20px;
}
.main-content {
padding-top: 5px;
}
div.box, div.navbox4-outer, .navbox4-outer {
margin: 0 auto;
width: 300px;
height: 100px;
margin-bottom: 10px;
}
div.box img {
width: 300px;
height: auto;
}
.navbox-outer {
margin: 0 auto;
width: 300px;
height: 100px;
margin-bottom: 10px;
}
.box-tablet-wrapper {
width: 299px;
text-align: left;
}
.navbox-inner, .navbox4-inner {
width: 299px;
height: inherit;
padding: 15px;
font-size: 1em;
line-height: 1;
}
.navbox-icon {
float: left;
width: 120px;
margin-top: 8px;
text-align: center;
}
.navbox-icon-img {
height: 60px;
}
.navbox-title {
display: table-cell;
width: 160px;
height: 90px;
vertical-align: middle;
text-align: center;
}
.navbox-title h2, .navbox4-inner h2 {
font-size: 1.4em;
}
.navbox-inner p {
display: none;
}
.partner-wrapper {
float: none;
width: 100%;
}
.event-wrapper {
float: left;
width: 96%;
padding: 20px;
font-size: 1em;
}
footer {
padding-left: 20px;
}
.footer-column {
padding-top: 10px;
padding-bottom: 10px;
}
.footer-column ul li {
width: 50%;
}
.footer-text-field {
width: 100px;
}
}
#mobile-header {
display: none;
} @media (max-width: 991px) { #mobile-header {
background: #f5f5f5;
padding: 10px 0;
color: #fff;
z-index: 999999;
display: none;
}
#mobile-menu-icon {
float: left;
color: #000;
width: 110px;
height: 30px;
background: #ecebeb url(//experistg.com/wp-content/themes/experis/img/menu-icon.png) no-repeat 10px center;
padding: 8px 10px 0 42px;
cursor: pointer;
border: solid 1px #666;
display: block;
}
#mobile-menu-icon .menu-icon-text {
color: #000 !important;
position: relative;
top: -6px;
font-weight: 600;
}
#mobile-menu-icon:hover {
background-color: #f8f8f8;
}
#mobile-menu-icon.active {
background-color: #bbb;
}	
#mobile-menu ul {
clear: both;
position: absolute;
top: 40px;
width: 100%;
z-index: 999999;
padding: 5px;
background: #f8f8f8;
border: solid 1px #999;
display: none;
}
#mobile-menu ul li {
clear: both;
float: none;
margin: 5px 0 5px 10px;
}
#mobile-menu ul a, 
#mobile-menu ul ul a {
font: inherit;
background: none;
display: inline;
padding: 0;
color: #666;
border: none;
}
#mobile-menu ul a:hover, 
#mobile-menu ul ul a:hover {
background: none;
color: #000;
} #mobile-menu ul ul {
width: auto;
position: static;
display: block;
border: none;
background: inherit;
margin-left: 10px;
padding-left: 10px;
}
#mobile-menu ul ul li {
margin: 3px 0 3px 3px;
}
} noscript {
display: block;
position: fixed;
top: 0;
left: 0;
z-index: 99999;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
min-width: 100%;
min-height: 100%;
overflow: hidden;
background-color: #8f9297;
color: #fff;
}.
noscript > p {
width: 66.667%;
margin: 50px auto 0;
text-align: center;
color: #fff;
} @keyframes fadein {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes fadeout {
0% { opacity: 1; }
100% { opacity: 0; }
}
.exp-accordion {
max-width: 800px;
}
.exp-accordion-toggle {
display: block;
width: 100%;
text-decoration: none;
font-weight: bold;
}
.exp-accordion-header {
}
.panel-group .panel {
border: none;
}
.panel-default>.panel-heading {
background-color: transparent;
}
.panel-group .panel > .panel-heading.panel-plus-link a:before {
font-family: 'FontAwesome';
content: "\f106";
font-size: 1.4em;
margin-right: 10px;
vertical-align: middle;
font-weight: normal;
font-style: normal;
}
.panel-group .panel > .panel-heading.panel-plus-link a.collapsed:before {
content: "\f107";
}
.panel-group .panel > .panel-heading.panel-plus-link a:hover:before {
text-decoration: none;
}
.panel {
box-shadow: none;
}
.collapse {
border: none;
}
.collapse.in {
border-bottom: 1px solid #ddd;
}
nf-field:has(.clearafter) {
clear: both;
}
nf-field:has(.nf-col) {
float: left;
width: 45%;
padding-right: 1%;
padding-left: 2%;
border-right: 1px solid #ddd;
height: 110px;
margin-bottom: 30px;
}
@media (max-width: 900px) {
nf-field:has(.clearafter) {
clear: none;
}
nf-field:has(.nf-col) {
float: none;
width: 40%;
margin-right: 0;
border-right: none;
}
}