/* Orbit Graceful Loading */
.slideshow-wrapper { position: relative; height: 336px; overflow: hidden; }
#home-siderotator.slideshow-wrapper { height: inherit; }
#industry-expertise.slideshow-wrapper { height: inherit; /*background-color: #4e7598;*/ margin-top: -20px; }
.slideshow-wrapper ul { list-style-type: none; margin: 0; }
.slideshow-wrapper ul li, .slideshow-wrapper ul li .orbit-caption { display: none; }
.slideshow-wrapper ul li:first-child { display: block; }
.slideshow-wrapper .orbit-container { background-color: transparent; }
.slideshow-wrapper .orbit-container li { display: block; }
.slideshow-wrapper .orbit-container li .orbit-caption { display: block; }

.preloader { display: block; width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; border: solid 3px; border-color: #555555 white; -webkit-border-radius: 1000px; border-radius: 1000px; -webkit-animation-name: rotate; -webkit-animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: rotate; -moz-animation-duration: 1.5s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -o-animation-name: rotate; -o-animation-duration: 1.5s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; animation-name: rotate; animation-duration: 1.5s; animation-iteration-count: infinite; animation-timing-function: linear; }

.orbit-container { overflow: hidden; width: 100%; position: relative; background: whitesmoke; }
#home-slides .orbit-container { width: 960px; height: 336px; }
#home-siderotator .orbit-container { width: 150px; min-height: 230px; }
#industry-expertise .orbit-container { width: 156px; min-height: 255px; padding-top: 20px; /*border: solid 1px #4e7598;*/ }
.orbit-container .orbit-slides-container { list-style: none; margin: 0; padding: 0; position: relative; }
.orbit-container .orbit-slides-container img { display: block; max-width: 100%; }
.orbit-container .orbit-slides-container > * { position: absolute; top: 0; width: 100%; margin-left: 104%; }

.orbit-container .orbit-slides-container > *:first-child { margin-left: 0%; }
.orbit-container .orbit-slides-container > * .orbit-caption { position: absolute; bottom: 0; background-color: rgba(0, 0, 0, 0.6); color: white; width: 100%; padding: 10px 14px; font-size: 0.875em; }
#home-slides .orbit-container .orbit-slides-container > * .orbit-caption { top: 0; background-color: rgba(0, 0, 0, 0); color: white; padding: 40px 24px; font-size: 16px; width: 515px; left: 218px; }
.orbit-container .orbit-slide-number { position: absolute; top: 10px; left: 10px; font-size: 12px; color: white; background: rgba(0, 0, 0, 0); z-index: 10; }
.orbit-container .orbit-slide-number span { font-weight: 700; padding: 0.3125em; }
.orbit-container .orbit-timer { position: absolute; top: 10px; right: 10px; height: 6px; width: 100px; z-index: 10; }
.orbit-container .orbit-timer { display: none; }

.orbit-container .orbit-timer .orbit-progress { height: 100%; background-color: rgba(0, 0, 0, 0.6); display: block; width: 0%; }
.orbit-container .orbit-timer > span { display: none; position: absolute; top: 10px; right: 0; width: 11px; height: 14px; border: solid 4px black; border-top: none; border-bottom: none; }
.orbit-container .orbit-timer.paused > span { right: -6px; top: 9px; width: 11px; height: 14px; border: inset 8px; border-right-style: solid; border-color: transparent transparent transparent black; }
.orbit-container:hover .orbit-timer > span { display: block; }
.orbit-container .orbit-prev, .orbit-container .orbit-next { position: absolute; top: 50%; margin-top: -25px; background-color: rgba(0, 0, 0, 0.6); width: 50px; height: 60px; line-height: 50px; color: white; text-indent: -9999px !important; z-index: 10; }
.orbit-container .orbit-prev:hover, .orbit-container .orbit-next:hover { background-color: rgba(0, 0, 0, 0.6); }
.orbit-container .orbit-prev > span, .orbit-container .orbit-next > span { position: absolute; top: 50%; margin-top: -16px; display: block; width: 0; height: 0; border: inset 16px; }
.orbit-container .orbit-prev { left: 0; }
.orbit-container .orbit-prev > span { border-right-style: solid; border-color: transparent; border-right-color: white; }
.orbit-container .orbit-prev:hover > span { border-right-color: #cccccc; }
.orbit-container .orbit-next { right: 0; }
.orbit-container .orbit-next > span { border-color: transparent; border-left-style: solid; border-left-color: white; left: 50%; margin-left: -8px; }
.orbit-container .orbit-next:hover > span { border-left-color: #cccccc; }

.orbit-bullets { margin: 0 auto 30px auto; overflow: hidden; position: relative; top: -21px; left: -20px; z-index: 100; }
#industry-expertise .orbit-bullets { position: absolute; overflow: visible !important; margin: 0 0 0 0; top: 2px !important; left: -38px; z-index: 999999; }
.orbit-bullets li { display: block; width: 0.75em; height: 0.75em; background: #fff; float: left; margin-right: 6px; border: solid 1px #4e7598; -webkit-border-radius: 1000px; border-radius: 1000px; }
.orbit-bullets li.active { background: #4e7598; border: solid 1px #4e7598; }
.orbit-bullets li:last-child { margin-right: 0; }

.touch .orbit-container .orbit-prev, .touch .orbit-container .orbit-next { display: none; }
.touch .orbit-bullets { display: none; }

@media only screen and (min-width: 768px) {
    .touch .orbit-container .orbit-prev, .touch .orbit-container .orbit-next { display: inherit; }
    .touch .orbit-bullets { display: block; }
}


#home-slides .slidetext { position: absolute; z-index: 100; top: 0; background-color: rgba(0, 0, 0, 0); color: white; padding: 40px 24px; font-size: 16px; width: 515px; left: 218px; }
#home-slides h1, #home-slides h2, #home-slides h3, #home-slides h4, #home-slides h5, #home-slides h6 { color: #fff; }
#home-slides h1 { margin-bottom: 18px; }
#home-siderotator { display: block; color: #807f83; font-size: 12px; line-height: 17px; background-color: #fff; border-top: 1px solid #dce3e9; }
#home-siderotator li { background-color: #fff; min-height: 225px; }
/* to help with smoother transition between one text slide to the next*/
#home-siderotator h1 { font-family: ProximaNovaT-Thin !important; font-weight: normal; font-style: normal; color: #807f83 !important; font-family: Arial, Sans-Serif; font-size: 57px; padding: 20px 0 10px 0; }


#industry-expertise { display: block; color: #fff; font-size: 11px; line-height: 13px; }
#industry-expertise .slide-content { background-color: #4e7598; height: 270px; }
#industry-expertise h1 { display: block; background-color: #4e7598; color: #FFF !important; font-family: Arial, Sans-Serif; font-size: 11px; line-height: 13px; height: 25px; font-weight: bold; text-transform: uppercase; margin: 20px 10px 10px 10px; padding: 0 0 0 0 !important; }
#industry-expertise h2 { display: block; background-color: #4e7598; color: #FFF !important; font-family: Arial, Sans-Serif; font-size: 11px; line-height: 13px; height: 25px; padding: 5px 0 5px 0 !important; margin: 0 10px 0 10px !important; border-top: 1px solid #a6b8c8; border-bottom: 1px solid #a6b8c8; min-height: inherit !important; }
#industry-expertise p { display: inline-block; background-color: #4e7598; padding: 0 0 0 0 !important; margin: 5px 10px 0 10px !important; }

#industry-expertise .slide-content img { -webkit-box-shadow: 0 8px 5px 0 rgba(0,0,0,.2); box-shadow: 0 8px 5px 0 rgba(0,0,0,.2); }