@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800;900&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");

@charset "utf-8";
/* -----------------------------------------------------
RESET
----------------------------------------------------- */
body, html, h1, h2, h3, h4, h5, h6, div, p, ul, ol, li, dl, dt, dd, table, th, td, form, input, i, em {
 margin: 0;
 padding: 0;
 text-align: left;
 font-style: normal;
 font-weight: normal;
 font-size: 100%;
}
table {
 border-collapse: collapse;
 border: 0;
}
ol, ul, li {
 list-style-type: none;
}
a, img {
 outline: none;
 border: 0;
}
body {
 line-height: 1;
 font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 color: #333;
}
img {
 max-width: 100%;
 height: auto;
}
* {
 box-sizing: border-box;
}
/*-----------------
COMMON CLASS
------------------*/
.clearfix:after {
 content: "";
 display: block;
 clear: both;
 height: 0;
 visibility: hidden;
}
.clearfix {
 min-height: 0;
}
.txtL {
 text-align: left;
}
.txtR {
 text-align: right;
}
.txtC {
 text-align: center;
}
.FR {
 float: right;
}
.FL {
 float: left;
}
.ofh {
 overflow: hidden;
}
.mb0 {
 margin-bottom: 0 !important;
}
.mb1em {
 margin-bottom: 1em !important;
}
.mb2em {
 margin-bottom: 2em !important;
}
.mb3em {
 margin-bottom: 3em !important;
}
.ml1em {
 margin-left: 1em !important;
}
.ml2em {
 margin-left: 2em !important;
}
.ml3em {
 margin-left: 3em !important;
}
.ml4em {
 margin-left: 4em !important;
}
.mr1em {
 margin-right: 1em !important;
}
.mr2em {
 margin-right: 2em !important;
}
.mr3em {
 margin-right: 3em !important;
}
.mr4em {
 margin-right: 4em !important;
}
.mb1em {
 margin-bottom: 1em !important;
}
.mb2em {
 margin-bottom: 2em !important;
}
.mb3em {
 margin-bottom: 3em !important;
}
.mb4em {
 margin-bottom: 4em !important;
}
.pb0 {
 padding-bottom: 0 !important;
}
.pb1 {
 padding-bottom: 1em !important;
}
.pb2 {
 padding-bottom: 2em !important;
}
.pb3 {
 padding-bottom: 3em !important;
}
.fs08 {
 font-size: 0.8em !important;
}
.fs09 {
 font-size: 0.9em !important;
}
.fs12 {
 font-size: 1.2em !important;
}
.fs14 {
 font-size: 1.4em !important;
}
.fs16 {
 font-size: 1.6em !important;
}
.fs18 {
 font-size: 1.8em !important;
}
.ti1 {
 text-indent: -1em;
 padding-left: 1em !important;
}
.ti15 {
 text-indent: -1.5em;
 padding-left: 1.5em !important;
}
.ti2 {
 text-indent: -2em;
 padding-left: 2em !important;
}
.date {
 font-size: 11px;
 font-family: Verdana, Geneva, sans-serif;
 color: #ba7810
}
.trance {
 -webkit-transition: All 0.5s ease;
 -moz-transition: All 0.5s ease;
 -o-transition: All 0.5s ease;
 -ms-transition: All 0.5s ease;
 transition: All 0.5s ease;
}
a {
 color: #0a2347;
}
xa:hover {
 opacity: 0.6;
}
a.arw_s {
 background: url(../images/common/arw_s.png) no-repeat 0 6px;
 padding: 0 0 0 7px;
 font-size: 13px;
}
/*Header*/
#engo_head {
 margin: 0 auto 40px;
 padding: 16px 0 0;
 box-shadow: 0 0 0 #ccc;
 border-bottom: 1px solid #ccc;
}
#engo_head_t {
 overflow: hidden;
 margin: 0 auto 16px;
 width: 1080px;
}
#engo_head_t h1 {
 float: left;
 width: 300px;
 height: 64px;
}
#engo_head_t h1 a {
 display: block;
 text-indent: -9999px;
 height: 64px;
 width: 280px;
 background: url(../images/common/engokyoukai.jpg) no-repeat 0 0;
}
#engo_head_t p.headad {
 float: left;
 width: 440px;
}
#engo_head_t p.headad span {
 display: block;
 height: auto;
 padding: 8px 16px 4px;
 font-size: 0.85em;
 line-height: 1.8;
 background: #f0f0f0;
 border: 1px solid #ddd;
 overflow: visible;
 color: #555;
 letter-spacing: 0.1em;
}
#engo_head_r {
 float: right;
 width: 240px;
}
#engo_textsize {
 float: right;
 margin: 0 0 4px;
}
#engo_textsize p {
 float: none;
 width: auto;
}
#engo_textsize p em {
 display: inline-block;
 background: #f0f0f0;
 padding: 4px;
 margin: 0 0 0 8px;
}
#engo_textsize p a {
 display: inline-block;
 padding: 4px 12px;
 border: 1px solid #fff;
 text-decoration: none;
 background: #ccc;
 color: #555;
}
#engo_textsize p a.on {
 background: #0a2347;
 color: #fff;
}
#engo_head_r form {
 float: right;
}
#engo_head_r form input {
 border: 1px solid #ccc;
 padding: 2px;
 width: 170px;
}
#engo_head_r form input.srcbtn {
 background: #0a2347;
 color: #fff;
 border: 0;
 padding: 2px;
 margin-left: 1px;
 width: auto;
}
#engo_head.fixed {
 position: fixed;
}
#SpMenu {
 display: none;
}
#engo_head_nav {
 background: #fff;
 padding: 0 0 0 0;
 border-top: 1px solid #fff;
 z-index: 9990;
 position: relative;
}
#engo_head_nav ul {
 width: 1080px;
 margin: 0 auto;
 position: relative;
 display: flex;
}
#engo_head_nav li {
 float: left;
 border-right: 1px solid #ccc;
 padding: 4px 0 12px 0;
 padding: 0 0;
 flex: 1 1 auto;
 text-align: center;
}
#engo_head_nav li.on {
 background: #f0f0fc;
}
#engo_head_nav li.nav_home {
 border-left: 1px solid #ccc;
}
#engo_head_nav li a {
 display: block;
 height: 0;
 overflow: hidden;
 padding: 33px 0 0;
 margin: 0 0;
 line-height: 50px;
 background-image: url(../images/common/gnavi.png);
 background-repeat: no-repeat;
}
#engo_head_nav li a {
 height: auto;
 padding: 8px 16px;
 background: none;
 line-height: 1.1;
 text-decoration: none;
}
x#engo_head_nav li.nav_home a {
 width: 120px;
 background-position: 35px 8px;
}
x#engo_head_nav li.nav_about a {
 width: 145px;
 background-position: 35px -32px;
}
x#engo_head_nav li.nav_recruit a {
 width: 180px;
 background-position: 35px -112px;
}
x#engo_head_nav li.nav_facility a {
 width: 145px;
 background-position: 35px -72px;
}
x#engo_head_nav li.nav_news a {
 width: 175px;
 background-position: 35px -152px;
}
x#engo_head_nav li.nav_event a {
 width: 170px;
 background-position: 35px -192px;
}
x#engo_head_nav li.nav_support a {
 width: 130px;
 background-position: 35px -232px;
}
#engo_head_nav li ul {
 display: none;
 position: absolute;
 padding: 0 0 16px;
 left: 0;
 top: 33px;
 width: 99%;
 z-index: 10;
 overflow: hidden;
 background: #f0f0f0;
 border: 1px solid #ccc;
}
#engo_head_nav li li {
 float: left;
 width: 25%;
 border: none;
 line-height: 1.4;
 padding: 0;
 flex: none;
 text-align: left;
}
#engo_head_nav li li a {
 height: auto;
 padding: 8px 0 8px 34px;
 border-bottom: 1px solid #eee;
 background-image: none;
 line-height: 1.2;
 background: url(../images/common/arw.png) no-repeat 24px -184px !important;
 text-decoration: none;
 font-size: 0.9em;
 color: #111;
}
#engo_head_nav li.nav_about ul {
 padding: 8px 0 16px;
}
#engo_head_nav li.nav_about li a {
 width: auto;
}
#engo_head_nav li.nav_facility ul {}
#engo_head_nav li.nav_facility ul li {
 width: 33%;
 border: 0;
}
#engo_head_nav li.nav_facility ul li.nav_facility_subttl {
 float: none;
 clear: both;
 padding: 8px;
 font-weight: bold;
 background: #ddd;
 width: auto;
 margin: 8px 0 0;
}
#engo_head_nav li.nav_facility ul li a {
 height: auto;
 width: auto;
 padding: 8px 0 8px 36px;
 border-bottom: 0;
 background-image: none;
 line-height: 1.2;
 text-decoration: none;
 font-size: 0.9em;
 color: #111;
}
#engo_head_nav.fixed {
 position: fixed;
 top: 0;
 width: 100%;
 padding: 8px 0;
 background: #fff;
 z-index: 999990;
 box-shadow: 0 1px 2px #999;
}
#xwpadminbar {
 position: absolute !important;
}
/*Footer*/
#foot_pagetop {
 position: fixed;
 bottom: 0;
 width: 100%;
 display: none;
}
#foot_pagetop.nofix {
 position: static;
}
#foot_pagetop p {
 width: 1080px;
 margin: 0 auto;
 text-align: right;
}
#foot_pagetop a {
 display: inline-block;
 padding: 8px 16px 8px 30px;
 background: #2658ab url(../images/common/arw_t.png) no-repeat 16px 12px;
 border-radius: 4px 4px 0 0;
 color: #fff;
 text-decoration: none;
 font-size: 12px;
}
#foot_pagetop a:hover {
 opacity: 0.6;
}
#engo_foot {
 width: 100%;
 background: #2658ab;
 margin: 0 auto;
 padding: 40px 0;
 box-shadow: 0 0 0 #ccc;
 border-bottom: 1px solid #ccc;
}
#engo_foot_t {
 overflow: hidden;
 margin: 0 auto;
 width: 1080px;
}
#engo_foot_t h1 {
 float: left;
 background: url(../images/common/tokyoengokyoukai_w.png) no-repeat 0 0;
 width: 220px;
 height: 54px;
 text-indent: -9999px;
}
#engo_foot_t p {
 float: left;
 width: 400px;
}
#engo_foot_t span {
 display: block;
 padding: 8px 16px 0;
 font-size: 13px;
 line-height: 1.5;
 color: #fff;
}
#engo_foot_nav {
 margin: 0 auto 24px;
 width: 1080px;
}
#engo_foot_nav ul {
 overflow: hidden;
}
#engo_foot_nav li {
 float: left;
 margin: 0 0 0 0;
 font-size: 13px;
}
#engo_foot_nav li {
 color: #fff;
}
#engo_foot_nav li a {
 color: #fff;
}
#engo_foot_nav li a:hover {
 opacity: 0.6;
}
/*plugins*/
.ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail {
 display: block;
}
.ps-container > .ps-scrollbar-x-rail {
 display: none;
 position: absolute;
 /* please don't change 'position' */
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 -ms-border-radius: 4px;
 border-radius: 4px;
 opacity: 0;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 filter: alpha(opacity=0);
 -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
 -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
 -o-transition: background-color 0.2s linear, opacity 0.2s linear;
 transition: background-color 0.2s linear, opacity 0.2s linear;
 bottom: 3px;
 /* there must be 'bottom' for ps-scrollbar-x-rail */
 height: 8px;
}
.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
 position: absolute;
 /* please don't change 'position' */
 background-color: #aaa;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 -ms-border-radius: 4px;
 border-radius: 4px;
 -webkit-transition: background-color 0.2s linear;
 -moz-transition: background-color 0.2s linear;
 -o-transition: background-color 0.2s linear;
 transition: background-color 0.2s linear;
 bottom: 0;
 /* there must be 'bottom' for ps-scrollbar-x */
 height: 8px;
}
.ps-container > .ps-scrollbar-x-rail.in-scrolling {
 background-color: #eee;
 opacity: 0.9;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
 filter: alpha(opacity=90);
}
.ps-container > .ps-scrollbar-y-rail {
 display: none;
 position: absolute;
 /* please don't change 'position' */
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 -ms-border-radius: 4px;
 border-radius: 4px;
 opacity: 0;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 filter: alpha(opacity=0);
 -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
 -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
 -o-transition: background-color 0.2s linear, opacity 0.2s linear;
 transition: background-color 0.2s linear, opacity 0.2s linear;
 right: 3px;
 /* there must be 'right' for ps-scrollbar-y-rail */
 width: 8px;
}
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
 position: absolute;
 /* please don't change 'position' */
 background-color: #aaa;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 -ms-border-radius: 4px;
 border-radius: 4px;
 -webkit-transition: background-color 0.2s linear;
 -moz-transition: background-color 0.2s linear;
 -o-transition: background-color 0.2s linear;
 transition: background-color 0.2s linear;
 right: 0;
 /* there must be 'right' for ps-scrollbar-y */
 width: 8px;
}
.ps-container > .ps-scrollbar-y-rail.in-scrolling {
 background-color: #eee;
 opacity: 0.9;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
 filter: alpha(opacity=90);
}
.ps-container:hover > .ps-scrollbar-x-rail, .ps-container:hover > .ps-scrollbar-y-rail {
 opacity: 0.6;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
 filter: alpha(opacity=60);
}
.ps-container:hover > .ps-scrollbar-x-rail.in-scrolling, .ps-container:hover > .ps-scrollbar-y-rail.in-scrolling {
 background-color: #eee;
 opacity: 0.9;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
 filter: alpha(opacity=90);
}
.ps-container:hover > .ps-scrollbar-x-rail:hover {
 background-color: #eee;
 opacity: 0.9;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
 filter: alpha(opacity=90);
}
.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
 background-color: #999;
}
.ps-container:hover > .ps-scrollbar-y-rail:hover {
 background-color: #eee;
 opacity: 0.9;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
 filter: alpha(opacity=90);
}
.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
 background-color: #999;
}
.always-visible.ps-container > .ps-scrollbar-x-rail, .always-visible.ps-container > .ps-scrollbar-y-rail {
 opacity: 0.6;
}
/*PLUG IN*/
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 9999;
 overflow: hidden;
}
#cboxWrapper {
 max-width: none;
}
#cboxOverlay {
 position: fixed;
 width: 100%;
 height: 100%;
}
#cboxMiddleLeft, #cboxBottomLeft {
 clear: left;
}
#cboxContent {
 position: relative;
}
#cboxLoadedContent {
 overflow: auto;
 -webkit-overflow-scrolling: touch;
}
#cboxTitle {
 margin: 0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
 cursor: pointer;
}
.cboxPhoto {
 float: left;
 margin: auto;
 border: 0;
 display: block;
 max-width: none;
 -ms-interpolation-mode: bicubic;
}
img.cboxPhoto {
 max-width: 800px;
 height: auto !important;
}
.cboxIframe {
 width: 100%;
 height: 100%;
 display: block;
 border: 0;
 padding: 0;
 margin: 0;
}
#colorbox, #cboxContent, #cboxLoadedContent {
 box-sizing: content-box;
 -moz-box-sizing: content-box;
 -webkit-box-sizing: content-box;
}
/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
 background: url(../images/common/overlay.png) repeat 0 0;
 opacity: 0.9;
}
#colorbox {
 outline: 0;
 background: #fff;
}
#cboxTopLeft {
 width: 21px;
 height: 21px;
 xbackground: url(../images/common/controls.png) no-repeat -101px 0;
 background: #fff;
}
#cboxTopRight {
 width: 21px;
 height: 21px;
 xbackground: url(../images/common/controls.png) no-repeat -130px 0;
}
#cboxBottomLeft {
 width: 21px;
 height: 21px;
 xbackground: url(../images/common/controls.png) no-repeat -101px -29px;
}
#cboxBottomRight {
 width: 21px;
 height: 21px;
 xbackground: url(../images/common/controls.png) no-repeat -130px -29px;
}
#cboxMiddleLeft {
 width: 21px;
 xbackground: url(../images/common/controls.png) left top repeat-y;
}
#cboxMiddleRight {
 width: 21px;
 xbackground: url(../images/common/controls.png) right top repeat-y;
}
#cboxTopCenter {
 height: 21px;
 xbackground: url(../images/common/border.png) 0 0 repeat-x;
}
#cboxBottomCenter {
 height: 21px;
 xbackground: url(../images/common/border.png) 0 -29px repeat-x;
}
#cboxContent {
 background: #fff;
 overflow: hidden;
 padding-bottom: 24px;
}
.cboxIframe {
 background: #fff;
}
#cboxError {
 padding: 50px;
 border: 1px solid #ccc;
}
#cboxLoadedContent {
 margin-bottom: 48px;
}
#cboxTitle {
 position: absolute;
 bottom: 4px;
 left: 0;
 text-align: center;
 width: 100%;
 color: #949494;
 padding-bottom: 40px;
}
#cboxCurrent {
 position: absolute;
 bottom: 4px;
 left: 58px;
 color: #949494;
}
#cboxLoadingOverlay {
 background: url(../images/common/loading_background.png) no-repeat center center;
}
#cboxLoadingGraphic {
 background: url(../images/common/loading.gif) no-repeat center center;
}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
 border: 0;
 padding: 0;
 margin: 0;
 overflow: visible;
 width: auto;
 background: none;
}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
 outline: 0;
}
#cboxSlideshow {
 position: absolute;
 bottom: 4px;
 right: 30px;
 color: #0092ef;
}
#cboxPrevious {
 position: absolute;
 bottom: 0;
 left: 0px;
 background: url(../images/common/cont.png) no-repeat 0 0;
 width: 64px;
 height: 64px;
 text-indent: -9999px;
}
#cboxPrevious:hover {
 opacity: 0.7;
}
#cboxNext {
 position: absolute;
 bottom: 0;
 left: 58px;
 background: url(../images/common/cont.png) no-repeat -100px 0;
 width: 64px;
 height: 64px;
 text-indent: -9999px;
}
#cboxNext:hover {
 opacity: 0.7;
}
#cboxClose {
 position: absolute;
 bottom: 0;
 right: 0;
 background: url(../images/common/cont.png) no-repeat -200px 0;
 width: 40px;
 height: 64px;
 text-indent: -9999px;
}
#cboxClose:hover {
 opacity: 0.7;
}
/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight {
 /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);*/
}
/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
 position: relative;
 margin-bottom: 60px;
 padding: 0;
 *zoom: 1;
 -ms-touch-action: pan-y;
 touch-action: pan-y;
}
.bx-wrapper img {
 max-width: 100%;
 display: block;
}
.bxslider {
 margin: 0;
 padding: 0;
}
ul.bxslider {
 list-style: none;
}
.bx-viewport {
 /*fix other elements on the page moving (on Chrome)*/
 -webkit-transform: translatez(0);
}
/** THEME
===================================*/
.bx-wrapper {
 -moz-box-shadow: 0 0 5px #ccc;
 -webkit-box-shadow: 0 0 5px #ccc;
 box-shadow: 0 0 5px #ccc;
 border: 5px solid #fff;
 background: #fff;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
 position: absolute;
 bottom: -30px;
 width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
 min-height: 50px;
 background: url('images/bx_loader.gif') center center no-repeat #ffffff;
 height: 100%;
 width: 100%;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
 text-align: center;
 font-size: .85em;
 font-family: Arial;
 font-weight: bold;
 color: #666;
 padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
 background: #666;
 text-indent: -9999px;
 display: block;
 width: 10px;
 height: 10px;
 margin: 0 5px;
 outline: 0;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
 background: #000;
}
.bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
 display: inline-block;
 vertical-align: bottom;
 *zoom: 1;
 *display: inline;
}
.bx-wrapper .bx-pager-item {
 font-size: 0;
 line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
 left: 10px;
 background: url('images/controls.png') no-repeat 0 -32px;
}
.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus {
 background-position: 0 0;
}
.bx-wrapper .bx-next {
 right: 10px;
 background: url('images/controls.png') no-repeat -43px -32px;
}
.bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus {
 background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
 position: absolute;
 top: 50%;
 margin-top: -16px;
 outline: 0;
 width: 32px;
 height: 32px;
 text-indent: -9999px;
 z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
 display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
 text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
 display: block;
 text-indent: -9999px;
 width: 10px;
 height: 11px;
 outline: 0;
 background: url('images/controls.png') -86px -11px no-repeat;
 margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus {
 background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
 display: block;
 text-indent: -9999px;
 width: 9px;
 height: 11px;
 outline: 0;
 background: url('images/controls.png') -86px -44px no-repeat;
 margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus {
 background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
 text-align: left;
 width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
 right: 0;
 width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
 position: absolute;
 bottom: 0;
 left: 0;
 background: #666;
 background: rgba(80, 80, 80, 0.75);
 width: 100%;
}
.bx-wrapper .bx-caption span {
 color: #fff;
 font-family: Arial;
 display: block;
 font-size: .85em;
 padding: 10px;
}
@media(max-width: 768px) {
 .bx-wrapper {
  margin-bottom: 16px;
 }
}