@font-face {
	font-family: "JAKARTA";
	src: url("fonts/Plus_Jakarta_Sans/static/PlusJakartaSans-Regular.ttf") format("opentype");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "JAKARTA";
	src: url("fonts/Plus_Jakarta_Sans/static/PlusJakartaSans-Italic.ttf") format("opentype");
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: "JAKARTA";
	src: url("fonts/Plus_Jakarta_Sans/static/PlusJakartaSans-Bold.ttf") format("opentype");
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: "JAKARTA";
	src: url("fonts/Plus_Jakarta_Sans/static/PlusJakartaSans-Italic.ttf") format("opentype");
	font-weight: normal;
	font-style: italic;
}
 

html, body {height: 100%; width: 100%;}

body {margin: 0px; padding: 0px; color:black; background-color: #f9f9f9; font-family: 'JAKARTA', sans-serif;  font-size: 1em; line-height: 1.25em; text-align: center; width: 100%; min-height: 100%;}

::selection {
    background-color: black;
    color: white;
}

.clear {clear: both;}

a:hover {transition: .25s ease;}


.index2 a:link, .index2 a:visited, .index2 a:hover, .index2 a:active { color:inherit; text-decoration: none; border-bottom: 1px solid #eeeeee; }
.index2 a:hover {text-decoration: none; color: gray; transition: .25s ease; border-bottom: none;}

#menu, #menudark {  display: block; width: 100%; height: auto;  color: grey; padding: 2em; font-size: .85em;  position: fixed; top: 0px; left: 0px; text-align: left;  opacity: 1; padding-left: 7em; background-color: rgba(255, 255, 255, 1); z-index: 997; display: none; }

#menudark {background-color: rgba(0, 0, 0, 1);}

#menutoggle {width: 100%; height: 4em; position: fixed; top: 0px; left: 0px; opacity: 0; z-index: 996;  background-image: linear-gradient(to bottom, rgba(0,0,0,.25), rgba(0,0,0,0));} 

#menu a, #menudark a { color: grey; text-decoration: none; padding-right: 2em; letter-spacing: 0em; float: left; transition: .5s }

#menu a:hover, #menudark a:hover {color: black; text-decoration: none; transition: .5s ease; }
#menudark a:hover {color: white; }

#menu a.deadlink, #menudark a.deadlink {color: black; text-decoration: none;}
#menudark a.deadlink {color: white;}

#menu a.deadlink:hover, #menudark a.deadlink:hover {text-decoration: none;}

#menu a i, #menudark a i {font-style: normal;}


#uglymug { width: 50px; height: 38px;  position: fixed; top: 20px; left: 20px;  z-index: 995; mix-blend-mode: exclusion;}

#uglymug img {image-rendering: auto;  }

.menumug img {position: fixed; width: 50px; height: 38px;  position: fixed; top: 20px; left: 20px; z-index: 998; image-rendering: auto; }


.content, .dordle-footer {margin-left: auto; margin-right: auto; margin-top: 10em; text-align: left;  font-size:1em; padding-bottom: 1em; clear: both; position: relative; max-width: 1000px; padding-left: 2em; padding-right: 2em;}

.content img {width: 100%;}

.breadcrumbs, .breadcrumbs-vid {text-transform: uppercase; font-size: .75em; color: #adadad;  letter-spacing: .05em; padding-bottom: 1em;}
.breadcrumbs a {text-decoration: none; color: inherit;  border-bottom: 1px solid #eeeeee;}
.breadcrumbs a:hover {color: black;  border-bottom: none;}

.breadcrumbs-vid {color: #3a3a3a;}
.breadcrumbs-vid a {text-decoration: none; color: inherit;  border-bottom: 1px solid #292929;}
.breadcrumbs-vid a:hover {color: white;  border-bottom: none;}	


h1 {font-family: inherit; font-size: inherit; font-weight: normal;}

h1 {font-size: 2em; line-height: 1.5em; display: block; clear: both;  padding-top: 1em; font-weight: bold;}


h1.index {font-family: inherit; font-size: 2em; line-height: 1.5em; font-weight: normal; width: 100%;}

h1.index2 {font-family: inherit; font-size: 1em; line-height: 1.25em; font-weight: normal; width: 85%;}


h1.index a {text-decoration: none; color: inherit;  border-bottom: 2px solid #eeeeee;}

h1.index a:hover {text-decoration: none; color: grey;  border-bottom: none; }


h2 {font-size: 3em; line-height: 1.25em; display: block; clear: both;  padding-top: 1em; }

h3 {}


.description, .description-vid, .dordle-footer {line-height: 1.5em; font-size: 1em; padding-bottom: 1em; color: #808080;}

.description a, .description a:visited {text-decoration: none; color: #5c5c5c;  border-bottom: 1px solid #eeeeee;}

.description-vid a, .description-vid a:visited,  .dordle-footer a, .dordle-footer a:visited {text-decoration: none; color: inherit; border-bottom: 1px solid #292929;}

.description a:hover {color: black; }

.description-vid a:hover, .dordle-footer a:hover  {color: white; }


.byline, .biobyline {font-size: .85em; color: #b0b0b0; }


.byline b {color: #8e8e8e; font-weight: inherit; margin-right: .5em;}


.footer, .footer-video {clear: both; padding: 3em 0em 1em 0em; display: block;}

.footer a {text-decoration: none; color: inherit;  border-bottom: 1px solid #eeeeee; line-height: 1.5em; margin-right: .5em;}

.footer a:hover {text-decoration: none; color: gray;  border-bottom: none;}

.legal {padding-top: 3em; font-size: .75em; color: #adadad; }



/* ABOUT PAGE */


.biocopy  {line-height: 1.5em; font-size: 1em; padding-bottom: 1em; color: #333333;}
.biocopy h1 {color: white; padding-top: 15%; padding-bottom: 13%; font-size: 2em; }

.about-image {margin-bottom: 1em;}

.about-quote {margin: 0em 0em 1em 1em; padding-left: 1em; font-size: 1.5em; line-height: 1.5em; width: 45%; float: right; border-left: 4px solid #eeeeee; font-weight: bold; }

.about-quote2 {margin: 0em 1em 1em 0em; padding-right: 1em; font-size: 1.5em; line-height: 1.5em; width: 45%; float: left; border-right: 4px solid #eeeeee; font-weight: bold; }

.about-firstquote {margin-left: -.5em; display: inline;}
.about-name {font-size: .85em; font-weight: normal;}


#about-header1, #about-header2, #about-header3, #about-header4, #about-header5, #about-header6, #about-header7 {width: 100%; height: min-intrinsic; background-color: black; background-image: url(about-header1.jpg); background-size: cover;  text-align: center;}

#about-header2 { background-image: url(about-header2.jpg); }

#about-header3 { background-image: url(about-header3.jpg); }

#about-header4 { background-image: url(about-header4.jpg); }

#about-header5 { background-image: url(about-header5.jpg); }

#about-header6 { background-image: url(about-header6.jpg); }

#about-header7 { background-image: url(about-header7.jpg); }


.about-header {position: relative; width: 100%; min-height: min-intrinsic; top: 0px; margin-top: -25px; margin-bottom: 0em; z-index: 1; }

.about-header h1 {color: white; padding-top: 20%; padding-bottom: 18%; font-size: 2em;}


.about-ding1 {background-image: url(about-ding1.png); opacity: .25; width: 380px; height: 900px; background-position: left bottom; position: fixed; bottom: 0px; right: 20px; display: none;}
.about-ding2 {background-image: url(about-ding2.gif); opacity:1; width:50px; height: 53px; background-position: center center; float: left; padding-right: 40px; padding-top: 10px; background-repeat: no-repeat; }
.about-ding3 {background-image: url(about-ding3.gif); opacity:1; width:163px; height: 156px; background-position: center center; float: right; padding-right: 40px; padding-bottom: 1em; background-repeat: no-repeat;}
.about-ding4 {background-image: url(about-ding4.png); opacity:1; width:314px; height: 133px; background-position: center center; float: left; padding-left: 40px; background-repeat: no-repeat;}

.about-dingB1 {background-image: url(about-dingB1.gif); opacity:1; width:175px; height: 296px; background-position: center center; float: right; padding-left: 40px; padding-top: 0px; background-repeat: no-repeat;}
.about-dingB2 {background-image: url(about-dingB2.png); opacity:1; width:84px; height: 82px; background-position: center center; float: left; padding-right: 40px; background-repeat: no-repeat;}
.about-dingB3 {background-image: url(about-dingB3.gif); opacity:1; width:215px; height: 219px; background-position: center center; float: right; padding-left: 40px; background-repeat: no-repeat;}

.about-dingC1 {background-image: url(about-dingC1.png); opacity:1; width:89px; height: 155px; background-position: center center; float: right; padding-right: 40px; padding-top: 40px; background-repeat: no-repeat;}
.about-dingC2 {background-image: url(about-dingC2v3.gif); opacity:1; width:256px; height: 256px; background-position: center center; float: left; margin-right: 0px; margin-left: -20px; background-repeat: no-repeat;}
.about-dingC3 {background-image: url(about-dingC3.png); opacity:1; width:319px; height: 84px; background-position: center center; float: left; padding-left: 40px; background-repeat: no-repeat;}

.about-dingD1 {background-image: url(about-dingD1.gif); background-size: contain; opacity:1; width:150px; height: 164px; background-position: center center; float: left; margin-top: -10px; padding-left: 40px; background-repeat: no-repeat;}

.about-dingE1 {background-image: url(about-ding5.gif); opacity:1; width:163px; height: 163px; background-position: center center; float: left; margin-right: 20px; background-repeat: no-repeat;}

.about-dingF1 {background-image: url(about-dingF.gif); opacity:1; width:200px; height: 200px; background-size: cover; background-position: center center; float: left; margin-right: 20px; background-repeat: no-repeat;}

.about-dingG {background-image: url(about-dingG.gif); opacity:1; width:200px; height: 200px; background-size: cover; background-position: center center; float: left; margin-right: 20px; background-repeat: no-repeat;}



/* Video page overrides */

p.video {color: grey;}
body.video {background-color: #161616; color: white;}
.content video {width: 100%; max-width: 1000px;}

h1.video {font-size: 2em; line-height: 1.5em; display: block; clear: both;  padding-top: 1em; }
h2.video {font-size: 1.25em; line-height: 1.25em; display: block; clear: both;  padding-top: 0em;  font-weight: bold;   }
.byline-video {font-size: .85em; color: #606060; }

.byline-video b {color: grey; font-weight: inherit; margin-right: .5em;}

.footer-video a {text-decoration: none; color: inherit;  border-bottom: 1px solid #404040; line-height: 1.5em; margin-right: .5em;}
.footer-video a:hover {border-bottom: none; color: #606060; }

.footer-video .legal {color: #606060;}




/* Main container */
 .thumbnail-sq {
 position: relative;
 width: 300px;
 height: 300px;
 float: left;
 padding-right: 1em; 
 padding-bottom: 1em;

}
/* Original image */
 .thumbnail-sq .image {
 display: block;
 width: 300px;
 height: 300px;
}
/* Original text overlay */
 .thumbnail-sq .text {
 color: white;
 text-transform: none;
 font-size: 1em;
 line-height: 1.5em;
 text-align: center;
 position: absolute;
 top: 47%;
 left: 0%;

 width: 300px;
}


/********* Overlay on hover *******/
/* New overlay on hover */
 .thumbnail-sq .hover {
 position: absolute;
 top: 0;
 height: 300px;
 width: 300px;
 opacity: 0;
 
}

  .thumbnail-sq .image:hover { 
  
  overflow: hidden;
}

/* New overlay appearance on hover */
 .thumbnail-sq:hover .hover {
  opacity: 1;

  
}


 .thumbnail-sq .normal {
transition: .5s ease; 
}
.thumbnail-sq:hover .normal {
 opacity: 0;
 
}
 .thumbnail-sq .hover {
 background-color: rgba(0,0,0,0.75);
  transition: .5s ease; 


}

/*INDEX */

.header-img { text-align: left; height:100%; width: 100%; display: block; position: relative; top: 0px; background-color: #c5c5c5; overflow: hidden;}

#header-img1, #header-img2, #header-img3, #header-img4, #header-img5, #header-img6, #header-img7, #header-img8, #header-img9, #header-img10, #header-img11, #header-img12, #header-img13 {  text-align: left;  min-height: 100%; height:100%; width: 100%; display: block; background-size: cover; background-attachment: scroll; background-position: center; background-repeat: no-repeat; transition: 1s ease;}

#header-img1 { background-image: url("index14.jpg");}
#header-img2 { background-image: url("index2.jpg");}
#header-img3 { background-image: url("index3.jpg");}
#header-img4 { background-image: url("index4.jpg");}
#header-img5 { background-image: url("index5.jpg");}
#header-img6 { background-image: url("index6.jpg");}
#header-img7 { background-image: url("index7.jpg");}
#header-img8 { background-image: url("index8.jpg");}
#header-img9 { background-image: url("index9.jpg");}
#header-img10 { background-image: url("index10.jpg");}
#header-img11 { background-image: url("index11.jpg");}
#header-img12 { background-image: url("index12.jpg");}
#header-img13 { background-image: url("index13.jpg");}

.header-img a strong, .header-img a em {position: absolute; bottom: 2em; left: 2em; color: white; opacity: 0; transition: 1s ease; font-weight: normal; font-style: normal; font-size: .85em; text-decoration: none;}

.header-img a:hover strong, .header-img a:hover em {opacity: 1; transition: 1s ease;}
.header-img a em {color: black;}



/* BLOG FORMATTING */


	.post h1 {color: black;}
	.post h1 a {transition: .5s ease; text-decoration: none; border-bottom: none; color: black;}
	.post h1 a:hover {transition: .5s ease; color: grey;}
	.post h2, .post h3 {font-size: 1.25em; color: black;}
	
	.post h2 a:hover, .post h3 a:hover {transition: .25s ease; color: grey; text-decoration: none;}


	.post {line-height: 1.5em; color: #808080; height: 100%; background-color: none;}
	.post a {color: inherit; text-decoration: none;  border-bottom: 1px solid #eeeeee; }
	.post a:hover {color: black; border-bottom: none;}
	.post img, .post video {height: auto; border: none;}
	.post b {color: black;}
	.newscap {display: block; width: 100%; text-align: center; color: #adadad; padding-top: .5em; font-size: .85em; line-height: 1.25em;}

	.newsfooter {width: 100%; background-color: #161616; color: white; padding: .25em 0em 3em 0em; text-align: left; margin-left: auto; margin-right: auto; margin-top: 1em;  position: relative;}
	.newsfooter .content {margin-top: 1em;}
	
	.newsfooter .legal {color: #606060;}
	.newsfooter a {text-decoration: none; color: white;  border-bottom: 1px solid #404040; line-height: 1.5em; margin-right: .5em; }
	.newsfooter a:hover {border-bottom: none; color: #606060; }
	
	.date { font-size: .85em; line-height: 1em; text-align: center; color: #606060; margin-bottom: 3em;}
	.date a {color: #606060; text-decoration: none; border-bottom: 1px solid #404040; margin-right: 0em;}
	.date a:hover {color: white; border-bottom: none; }
	.searchtab {}
	.searchtab a {display: none;}
	.searchformfooter { max-width: 33%;  float: right;  margin-top: -2.25em; text-align: right;}
	input, textarea {border-radius: 1.5em; height: 2em; border: 2px solid black; background-color: black; color: white; padding: .25em 1em .25em 1em; font-size: inherit; font-family: inherit; width: 75%;  transition: .5s ease; box-shadow: none;}
	input:focus, textarea:focus { border: 2px solid #404040; outline: none;}
	
	input.searchit2 {background-color:  #f9f9f9; border: 2px solid #adadad; color: #adadad; width: 50%;}
	input.searchit2:focus {border-color: black; color: black;}
		
	.navigation {display: block; position: relative; margin: 3em 0em 1em 0em; text-align: center; width: 100%; height: 2em; }
	.navigation a {border-radius: 1.5em; height: 2em; border: 2px solid #eeeeee; padding: .5em 1em 0em 1em; font-size: .85em; display: block; margin: 0em auto 1em auto; width: intrinsic; min-width: 25px; text-align: center; text-decoration: none; color: black; }
	.navigation a:hover {border: 2px solid black; color: black; }

	.botnav {display: none;}
	
	
	.commentsbutton a {border: 2px solid #eeeeee; background-color: #eeeeee; position: relative; text-decoration: none; width: 150px;}
	.commentsbutton a:hover {border: 2px solid black; background-color: black; color:white; text-decoration: inherit;}
	.commentcount {color: #606060; margin-top: 3em; }
	.nextpostslink {float: right; clear: none; text-decoration: none; color: inherit; }
	.prevpostslink {float: left; text-decoration: none; color: inherit; }
	
	.categorylist {column-count:1;}
	.categorylist li {list-style: none;}
	
	.archivelist {column-count:1;}
	.archivelist h2 {font-size: 1.25em; color: black;}
	.archivelist li {list-style: none;}
	
	.vertical {color: #adadad;}
	
	.pagination {text-align: center; width: 100%; display: block; margin: 2em 0em 1em 0em; height: 2em; }
	.wp-pagenavi {font-size: .85em; margin: 1em auto 2em auto; display: block; position: relative; width: 100%; }
	.wp-pagenavi a, .wp-pagenavi .current {padding: .5em .75em .5em .75em; margin: 0em .5em 0em 0em;  background-color: #eeeeee; border-radius: 1.5em; min-width: 1em; text-decoration: none; color: black; display: inline-block; text-align: center; }
	.wp-pagenavi a:hover {background-color: black; color: white;} 
	.wp-pagenavi .pages {padding: .5em .75em .5em .75em; margin: 0em;  }
	.wp-pagenavi .current {background-color: black; color: white; }
	.wp-pagenavi .page {  }
	.wp-pagenavi .extend {display: none;}
	
	.commentbox-guest {transition: .5s ease; margin-bottom: 1em;}
	.commentbox-guest:hover {color: black; transition: .5s ease;}
	
	.commentbox-admin {color: black; transition: .5s ease; margin-bottom: 1em;}
	.commentbox-admin:hover {color: black; transition: .5s ease;}

	.commentmetadata {color: #f9f9f9; transition: .5s ease; margin-top: -1em; display: block;}
	.commentmetadata:hover { color: #adadad; transition: .5s ease; }
	.comment-name {font-weight: bold;}
	
	.commentsform p {transition: .5s ease;}
	.commentsform p:hover {color: black; transition: .5s ease;}
	
	.commentsform input, .commentsform textarea {border-radius: .25em; background-color:  #f9f9f9; border: 2px solid #adadad; color: #adadad; width: 50%; margin-top: .25em; -webkit-appearance: none; }
	.commentsform textarea {height: 6em; padding-top: .5em;}
	.commentsform input:focus, .commentsform textarea:focus, .commentsform input:hover, .commentsform textarea:hover {border-color: black; color: black; background-color: white;}

	.commentsform input#submit {border-radius: 1.5em; background-color: #adadad; color: white; border: none; height: 2.25em; width: auto; }
	.commentsform input#submit:hover {background-color: black; color: white;}




/* TEMP MOBILE FORMATTING */

@media only screen and (max-width: 600px) {

#menu, #menudark { padding: 2em; padding-left: 5.5em;  }

#menu a, #menudark a { color: grey; text-decoration: none; padding-right: 1em; letter-spacing: 0em; float: left; transition: .5s; font-size: 1em; }

#menu a i, #menudark a i {display: none;}

#uglymug { width: 35px; height: 27px;  position: fixed; top: 25px; left: 20px;  z-index: 995; mix-blend-mode: exclusion;}

.menumug img { width: 35px; height: 27px;  position: fixed; top: 25px; left: 20px;}

.thumbnail-sq { width: 100%; padding-right: 0em;}
.thumbnail-sq .text {display: none;}	

.content { margin-top: 5em; padding-left: 1.5em; padding-right: 1.5em;}

/*#about-header1,#about-header2, #about-header3, #about-header4, #about-header5, #about-header6 {height: 50%; min-height: 50%;}

.about-header {height: 50%; min-height: 50%;}*/

.about-header h1 {color: white; font-size: 1.5em; } 

.thumbnail-sq img {min-width: 100%; left: 50%; margin-left: -50vw; margin-right: -50vw; min-width: 100vw; position: relative; right: 50%; width: 100vw;}	

h1.index { font-size: 1.35em; line-height: 1.5em; font-weight: normal; width: 90%;  }

h1, h2 {font-size: 2em;}

video {width: 100%; left: 50%; margin-left: -50vw; margin-right: -50vw; min-width: 100vw; position: relative; right: 50%; width: 100vw; float: none;}


.header-img { text-align: left; height:50%; width: 100%; display: block; position: relative; top: 0px; background-color: #c5c5c5; overflow: hidden; margin-bottom: 0em;}
#header-img1, #header-img2, #header-img3, #header-img4, #header-img5, #header-img6, #header-img7, #header-img8, #header-img9, #header-img10, #header-img11 {  text-align: left;  min-height: 0%; height:100%; width: 100%; display: block;  background-size: cover; background-attachment: scroll; background-position: center; background-repeat: no-repeat; transition: 1s ease;}

.captiontext, .captiontext-dark {font-size: .75em; padding-left: 2em; visibility: hidden;}

.breadcrumbs, .breadcrumbs-vid {display: none;}

.description { width: 100%; }	

.post video, .content img { width: 100%; left: 50%; margin-left: -50vw; margin-right: -50vw; min-width: 100vw; position: relative; right: 50%; width: 100vw;}	
	
.byline, .byline-video {display: none;}


.thumbnail-sq, .thumbnail-sq .image, .thumbnail-sq .hover {width: 96%; width:100%; height:intrinsic; }
.thumbnail-sq .hover { background-color: rgba(0,0,0,0.5);}
.thumbnail-sq .text { width: 96%; top: 200px; visibility: visible;}	

.about-quote, .about-quote2 {margin: 0em 0em .5em 1em; padding-left: 1em; font-size: 1em; line-height: 1.5em; width: 50%; float: right; border-left: 2px solid #eeeeee; font-weight: bold; }

.wp-pagenavi .pages {display: none;  }



/* BOX SLIDER */

.bx-wrapper { width:100%; left: 50%; margin-left: -50vw; margin-right: -50vw; min-width: 100vw; position: relative; right: 50%; width: 100vw;}

	}




#toggleface {display: block;}
#menushell {background-color: none;  display: block;}

/* BOX SLIDER */


/* @media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px)
and (-webkit-device-pixel-ratio : 3) { 
	
	
	#menu {padding-left: 3.75em;}
	#menu {font-size: .9em;}
	#menu a { padding-right: .75em;}
	
	.newsfooter {font-size: .9em;}
	
	.wp-pagenavi .pages {display: none;  }
	
	}


*/





/** 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 {
height: 100%;
  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: #adadad;
  text-indent: -9999px;
  display: block;
  width: 8px;
  height: 8px;
  margin: 0 4px;
  outline: 0;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.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 {


}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-next {
  right:0px; 
  
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 0%;
  outline: 0;
  width: 50%;
  height: 100%;
  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;
}