/* 
	Daisho Grayscale by Flow
*/

/* #text-5 img {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%); -o-filter: grayscale(100%);
	filter: url(daisho-greyscale/grayscale.svg#grayscale);
	filter: gray;
	-webkit-filter: grayscale(1);
	
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}
#text-5 img:hover {
	filter: none;
    -webkit-filter: grayscale(0);
	
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
} */

.news-image {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%); -o-filter: grayscale(100%);
	filter: url(daisho-greyscale/grayscale.svg#grayscale);
	filter: gray;
	-webkit-filter: grayscale(1);
	
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}
.news-image:hover {
	filter: none;
    -webkit-filter: grayscale(0);
	
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}
.news-title {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}
.news-image:hover + .news-title { color: #00a4a7; }
/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}


/**** Base styles ****/
/*
h1, h2, h3, p, ul, ol, pre, dl {
  margin-bottom: 1.0em;
}

h1, h2, #super-list, .element, .tagline, #index-list, 
.super-list .link {
  font-family: 'Helvetica Neue', Arial, sans-serif;
}

h1, h2, h3 { font-weight: bold; }

h1 {
  font-size: 32px;
  line-height: 1.1em;
}

h2 {
  font-size: 24px;
  line-height: 1.1em;
}

ul, ol {
  margin-left: 1.5em;
} */

a,
a code {
  /* color: #FB4;
  text-decoration: none; */
}

a:hover,
a:hover code { 
  /* color: #4BF; */
}

a:active,
a:active code {
  /* color: #1FB; */

}

/* a img { border: none; }

em { font-style: italic; }
strong { font-weight: bold; } */

/* blockquote {
  padding-left: 1.0em;
  margin-left: 1.0em;
  border-left: 1px solid #333;
  font-style: italic;
} */

/**** Isotope styles ****/

/* required for containers to inherit vertical size from window */
html,
body {
  /* height: 100%; */
}

#container {
  max-width: 1120px;
  width: 100%;
  margin: 0 auto;
}

.element {
  width: 110px;
  height: 110px;
  margin: 5px;
  float: left;
  overflow: hidden;
  position: relative;
  background: #888;
  color: #222;
  -webkit-border-top-right-radius: 1.2em;
      -moz-border-radius-topright: 1.2em;
          border-top-right-radius: 1.2em;
}

.element.alkali          { background: #F00; background: hsl(   0, 100%, 50%); }
.element.alkaline-earth  { background: #F80; background: hsl(  36, 100%, 50%); }
.element.lanthanoid      { background: #FF0; background: hsl(  72, 100%, 50%); }
.element.actinoid        { background: #0F0; background: hsl( 108, 100%, 50%); }
.element.transition      { background: #0F8; background: hsl( 144, 100%, 50%); }
.element.post-transition { background: #0FF; background: hsl( 180, 100%, 50%); }
.element.metalloid       { background: #08F; background: hsl( 216, 100%, 50%); }
.element.other.nonmetal  { background: #00F; background: hsl( 252, 100%, 50%); }
.element.halogen         { background: #F0F; background: hsl( 288, 100%, 50%); }
.element.noble-gas       { background: #F08; background: hsl( 324, 100%, 50%); }


.element * {
  position: absolute;
  margin: 0;
}

.element .symbol {
  left: 0.2em;
  top: 0.4em;
  font-size: 3.8em;
  line-height: 1.0em;
  color: #FFF;
  font-weight: 300;
}
.element.large .symbol {
  font-size: 4.5em;
}

.element.fake .symbol {
  color: #000;
}

.element .name {
  left: 0.5em;
  bottom: 1.6em;
  font-size: 1.05em;
}

.element .weight {
  font-size: 0.9em;
  left: 0.5em;
  bottom: 0.5em;
}

.element .number {
  font-size: 1.25em;
  font-weight: bold;
  color: hsla(0,0%,0%,.5);
  right: 0.5em;
  top: 0.5em;
}

.variable-sizes .element.width2 { width: 230px; }

.variable-sizes .element.height2 { height: 230px; }


.variable-sizes .element.width2.height2 {
  font-size: 2.0em;
}

.element.large,
.variable-sizes .element.large,
.variable-sizes .element.large.width2.height2 {
  font-size: 3.0em;
  width: 350px;
  height: 350px;
  z-index: 100;
}

.clickable .element:hover {
  cursor: pointer;
}

.clickable .element:hover h3 {
  text-shadow:
    0 0 10px white,
    0 0 10px white
  ;
}

.clickable .element:hover h2 {
  color: white;
}

/**** Example Options ****/

#options {
  padding-bottom: 1.0em;
}

#options h3 {
  margin-bottom: 0.2em;
  font-size: 15px;
}

#options h4 { 
  font-weight: bold;
}

#options ul {
  margin: 0;
  list-style: none;
}

#options ul ul {
  margin-left: 1.5em;
}

#options li {
  float: left;
  margin-bottom: 0.2em;
}

/* #options li a {
  display: block;
  padding: 0.4em 0.5em;
  background-color: #DDD;
  color: #222;
  font-weight: bold;
  text-shadow: 0 1px hsla( 0, 0%, 100%, 0.5 );
  background-image: -webkit-linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );
  background-image:    -moz-linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );
  background-image:     -ms-linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );
  background-image:      -o-linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );
  background-image:         linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );
}

#options li a:hover {
  background-color: #5BF;
}

#options li a:active {
  background-color: #39D;
  -webkit-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
     -moz-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
       -o-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
          box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
}

#options li a {
  border-left:  1px solid hsla( 0, 0%, 100%, 0.3 );
  border-right: 1px solid hsla( 0, 0%,   0%, 0.2 );
}

#options li:first-child a {
  border-radius: 7px 0 0 7px;
  border-left: none;
}

#options li:last-child a {
  border-radius: 0 7px 7px 0;
}

#options li a.selected {
  background-color: #13F;
  text-shadow: none;
  color: white;
} */

/* Combination filter options*/

#options .option-combo {
  display: inline-block;
  float: left;
  margin-right: 10px;
}

#options .option-combo ul {
  margin-right: 20px;
  display: inline-block;
}

#options .option-combo h2,
#options .option-combo h4 {
  line-height: 34px;
  margin-bottom: 0;
  margin-right: 5px;
  display: inline-block;
  vertical-align: top;
}

/* Color shapes */

.color-shape {
  width: 70px;
  height: 70px;
  margin: 5px;
  float: left;
}
 
.color-shape.round {
  -webkit-border-radius: 35px;
     -moz-border-radius: 35px;
          border-radius: 35px;
}
 
.color-shape.big.round {
  -webkit-border-radius: 75px;
     -moz-border-radius: 75px;
          border-radius: 75px;
}
 
.color-shape.red { background: red; }
.color-shape.blue { background: blue; }
.color-shape.yellow { background: yellow; }
 
.color-shape.wide, .color-shape.big { width: 150px; }
.color-shape.tall, .color-shape.big { height: 150px; }

.color-shape a {
  display: block;
  height: 100%;
}

.color-shape a:hover {
  background: white;
  background: hsla( 0, 0%, 100%, 0.5 );
}

/**** Horizontal ****/

.horizontal #container {
  height: 80%;
}

#copy {
  max-width: 640px;
}

/**** Photo demo ****/

.photos .photo {
  width: 320px;
  margin: 5px;
  float: left;
}

.photos .photo img {
  display: block;
  width: 100%;
}

#content {
}

.demos #content {
  height: 100%;
}

/**** Docs ****/

.docs #content {
  max-width: 640px;
}

.docs #content a:hover {
  border-bottom: 1px dotted;
}

/**** Doc page nav ****/



#site-nav {
  width: 200px;
  position: absolute;
  left: 10px;
  top: 0px;
  padding-top: 20px;
  font-size: 12px;
}

#site-nav h1 {
  font-size: 24px;
  margin-bottom: 0.5em;
  margin-top: 0;
  font-weight: bold;
  font-family: 'Helvetica Neue', Arial, sans-serif;
}

#site-nav h2 {
  font-size: 17px;
  font-weight: normal;
  margin: 0 0 0.3em;
  border-top: none;
}

#site-nav h1 a { color: #4FB; }
#site-nav h1 a:hover { color: #4BF; }

#site-nav ul {
  list-style: none;
  margin: 0 0 1.0em;
  font-weight: bold;
}

#site-nav ul ul { margin-bottom: 0; }

#site-nav ul a {
  display: block;
  border: none;
  padding: 1px 5px;
}

#site-nav ul .current a {
  background: hsla( 0, 0%, 0%, 0.3 );
  color: #1BF;
}
#site-nav ul a:hover,
#site-nav ul .current a:hover { color: white; }
  
#site-nav ul .current .toc a {
  font-size: 12px;
  padding-left: 1.2em;
  font-weight: normal;
}

/**** Doc content ****/

.docs #content h2 {
  border-top: 1px solid #333;
  padding-top: 0.8em;
  margin-bottom: 0.8em;
}

.docs #content h2:target { 
  padding: 10px;
  background: white;
  color: #222;
}

.docs #content h3 {
  color: #FEC;
  background: hsla( 0, 0%, 75%, 0.05 );
  padding: 2px 0.5em;
  margin-bottom: 0.5em;
  font-size: 1.15em;
}

.docs #content h4 {
  margin-bottom: 0.5em;
  font-size: 14px;
}

/*
footer {
}

pre {
  padding: 10px;
}

pre, code {
  background: black;
  color: white;
  font-family: 'Monaco', monospace, sans-serif;
}

#content code {
  font-size: 12px;
}

#content pre {
  line-height: 1.6em;
}

h3#options {
  padding-bottom: 0;
} */

.option-def dl dt,
.option-def dl dd {
  float: left;
  padding: 0 1.2em;;
  background: #161616;
  line-height: 36px;
  height: 36px;
}

.option-def dl.header dt,
.option-def dl.header dd {
  background: #444;
}

.option-def dl .option-type {
  font-size: 13px;
  color: #AAA;
  font-style: italic;
}

.option-def dl dd {
  border-left: 1px solid #222;
}

/* Tagline */

.docs .tagline {
  font-size: 22px;
  font-weight: 300;
}

/* as-is from MIT */

.docs .as-is {
  font-size: 95%;
}

/* Commercial license blurb */

.docs #commercial {
  background: white;
  padding: 10px;
  font-size: 14px;
  color: #1F1F1D;
}

.docs #commercial a { font-weight: bold;}

/**** Pygments ****/

code .s1,
code .s { color: #78BD55; } /* string */
code .mi, /* integer */
code .cp, /* doctype */
code .kc { color: #5298D4; } /*boolean*/
code .k { color: #E39B79; } /* keyword */
code .kd, /* storage */
code .na { color: #A9D866; } /* markup attribute */
code .p  { color: #EDB; } /* punctuation */
code .o  { color: #F63; }   /* operator */
code .nb { color: #AA97AC;} /* support */

/* comment */
code .c,
code .c1 { color: #666; font-style: italic; }

code .nt { color: #A0C8FC; } /* Markup open tag */

code .nf { color: #9EA8B8; } /* css id */
code .nc { color: #A78352; }  /* CSS class */
code .m  { color: #DE8E50; } /* CSS value */
code .nd { color: #9FAD7E; } /* CSS pseudo selector */



/**** Super list ****/


/**** Sites using Isotope ****/

#sites h2 {
  display: none;
  padding: 0.4em;
  line-height: 32px;
  margin-bottom: 0.4em;
  -webkit-transition: background-color 0.8s;
     -moz-transition: background-color 0.8s;
       -o-transition: background-color 0.8s;
          transition: background-color 0.8s;
}

#sites h2 img {
  display: inline-block;
  margin-right: 0.4em;
  vertical-align: bottom;
}

#sites h2.loading {
  background: white;
  color: #222;
}
#sites h2.error {
  background: red;
  color: #222;
}


#sites ul {
  margin: 0;
}

.super-list .example {
  list-style: none;
  float: left;
  width: 230px;
  margin: 5px;
}

.super-list .example a,
.super-list .example b,
.super-list .example img {
  display: block;
}

.super-list .example img { width: 100%; }

.super-list .example a {
  background: #1F1E1D;
}

.super-list .example a:hover {
  background: white;
  color: #111;
}

.super-list .example b { 
  font-weight: bold;
  line-height: 1.3em;
  padding: 3px;
  padding-top: 8px;
}

.super-list .link {
  float: left;
  position: relative;
  font-size: 24px;
  line-height: 1.2em;
  font-weight: 300;
  margin: 5px;
}

.super-list .link {
  width: 230px;
  height: 110px;
}

.super-list .link a {
  display: block;
  padding: 10px;
  padding-left: 65px;
  height: 90px;
  background: #1F1E1D;
  color: #FE5;
  -webkit-border-radius: 14px;
     -moz-border-radius: 14px;
          border-radius: 14px;
}

.super-list .link a:before {
  content: '➔';
  font-size: 70px;
  position: absolute;
  top: 30px;
  left: 5px;
  -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
       -o-transform: rotate(90deg);
          transform: rotate(90deg);
}

.super-list .link.away a:before {
  top: 25px;
  left: 0px;
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.super-list .link a:hover {
  background: #E58;
  color: white;
}

.super-list .feature .name {
  bottom: auto;
  top: 140px;
  left: 18px;
  font-size: 20px;
}

/**** BIG Graph ****/

.big-graph {
  background: white;
  height: 600px;
  margin: 20px auto;
}

.big-graph .project {
  width: 45px;
  height: 45px;
  float: left;
}

.big-graph .project .icon {
  pointer-events: none;
  width: 31px;
  height: 31px;
  background: white;
  margin-left: 7px;
  -webkit-transition: -webkit-transform 0.25s;
     -moz-transition: -moz-transform    0.25s;
      -ms-transition: -ms-transform     0.25s;
       -o-transition: -o-transform      0.25s;
          transition: transform         0.25s;
}

.big-graph .project:hover {
  z-index: 5;
  
}

.big-graph .project:hover .icon {
  -webkit-transform: scale(3);
     -moz-transform: scale(3);
      -ms-transform: scale(3);
       -o-transform: scale(3);
          transform: scale(3);
}

.big-graph .project.commercial .icon { background: #6B6B6B; }
.big-graph .project.urbanism .icon { background: #00CF00; }
.big-graph .project.public-space .icon { background: #FF8D00; }
.big-graph .project.culture .icon { background: #D61919; }
.big-graph .project.body-culture .icon { background: #00ECFF; }
.big-graph .project.health .icon { background: #FF2251; }
.big-graph .project.education .icon { background: #00A700; }
.big-graph .project.housing .icon { background: #FF02FF; }
.big-graph .project.hotel .icon { background: #0000C3; }
.big-graph .project.media .icon { background: #292929; }

.big-graph .project p {
  line-height: 14px;
  font-size: 10.5px;
  color: black;
  margin-left: 7px;
}

/**** Infinite Scroll ****/

#infscr-loading {
  position: fixed;
  text-align: center;
  bottom: 30px;
  left: 42%;
  z-index: 100;
  background: white;
  background: hsla( 0, 0%, 100%, 0.9 );
  padding: 20px;
  color: #222;
  font-size: 15px;
  font-weight: bold;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}



/* The Magnificent Clearfix: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* by flow */
/*.element { height: 110px; margin: 2.5px; width: 115px; }
.variable-sizes .element.width2 { width: 235px; }
.variable-sizes .element.height2 { height: 225px; }
.element.large, .variable-sizes .element.large, .variable-sizes .element.large.width2.height2 { height: 340px; width: 355px; width: 595px; }
*/
#container {
  max-width: 1125px;
  width: 100%;
  margin: 0 auto;
}

#filters { float: right; }
#options li { margin-left: 5px; }
#options li:first-child { margin-left: 0px; }
#options li a { display: block; padding: 0.17em 0.9em; color: #202020; font-weight: normal; font-size: 14px; text-transform: uppercase; font-family: "Dosis", Arial, sans-serif; }
#options li a:hover { text-decoration: none; background-color: #00a4a7; color: #ffffff; border-radius: 12px; }
#options li a.selected { background-color: #00a4a7; color: #ffffff; border-radius: 12px; font-weight: 700; }
#options #toggle-sizes a { background: url(daisho-isotype/change-view.png) no-repeat top left transparent; text-indent: -9999px; width: 28px; height: 18px; padding: 0!important; float: left; margin-right: 20px; margin-top: 3px; }
#options #toggle-sizes a:hover { background: url(daisho-isotype/change-view.png) no-repeat top right transparent; border-radius: 0px; }
#options #toggle-sizes a:first-child { background: url(daisho-isotype/change-view.png) no-repeat bottom left transparent; text-indent: -9999px; width: 28px; height: 18px; padding: 0!important; }
#options #toggle-sizes a:first-child:hover { background: url(daisho-isotype/change-view.png) no-repeat bottom right transparent; border-radius: 0px; }
#options #toggle-sizes a.toggle-selected { background-position: top right; }
#options #toggle-sizes a:first-child.toggle-selected { background-position: bottom right; }
#options #shuffle { margin-left: 0; }
#options #shuffle a { background: url(daisho-isotype/shuffle-view.png) no-repeat left top transparent; text-indent: -9999px; width: 22px; height: 18px; padding: 0!important; float: left; margin-right: 20px; margin-top: 3px; }
#options #shuffle a:hover { background: url(daisho-isotype/shuffle-view.png) no-repeat left bottom transparent; border-radius: 0px; }
#etc { margin-top: 4px; }

.element { height: 150px; margin: 2.5px; width: 220px; border-radius: 0px; }
.variable-sizes .element.width2 { width: 445px; }
.variable-sizes .element.height2 { height: 305px; }
.variable-sizes .element.width3 { width: 670px; font-size: 2em; }
.element.large, .variable-sizes .element.large, .variable-sizes .element.large.width2.height2 { height: 305px; width: 670px; }
.element img { z-index: -1; width: 100%; }
.element .symbol { font-weight: 700; font-size: 28px; left: 0.45em; top: 0.4em; width: 90%; z-index: 2; }
.element.large .symbol { font-size: 2.4em; font-weight: 300; left: 0.2em; top: 0.15em; }
.element.width2.height2 .symbol { font-size: 2.4em; font-weight: 400; left: 0.3em; top: 0.25em; }
.element.width3.height2 .symbol { font-size: 2.4em; font-weight: 400; left: 0.3em; top: 0.25em; }
.variable-sizes .height2.vertical-thumbnail img { width: auto; height: 100%; }

.element .name { font-family: "Open Sans", Arial, sans-serif; font-size: 13px; left: 1.3em; bottom: 2.45em; font-weight: 400; }
.element .categories { left: 1.4em; bottom: 1.35em; font-family: "Dosis", Arial, sans-serif; font-size: 12px; font-weight: 400; text-transform: uppercase; }
.element .categories, .element .name {
	z-index: 2;
	color: #ffffff;
	line-height: 100%;
	max-width: 100%;
    word-wrap: break-word;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
		    box-sizing: border-box; 
}

.element .number { display: none; }

.clickable .element:hover h3 { text-shadow: none; }

.thumbnail-hover, .symbol, .name, .categories { opacity: 0; -webkit-transition: opacity 0.25s ease-in-out;-moz-transition: opacity 0.25s ease-in-out;-o-transition: opacity 0.25s ease-in-out;-ms-transition: opacity 0.25s ease-in-out;transition: opacity 0.25s ease-in-out; }
.element:hover .thumbnail-hover, .element:hover .symbol, .element:hover .name, .element:hover .categories  { opacity: 1; -webkit-transition: opacity 0.25s ease-in-out;-moz-transition: opacity 0.25s ease-in-out;-o-transition: opacity 0.25s ease-in-out;-ms-transition: opacity 0.25s ease-in-out;transition: opacity 0.25s ease-in-out; }
.tn-display-meta .symbol, .tn-display-meta .name, .tn-display-meta .categories { opacity: 1; }
.thumbnail-link { width: 100%; height: 100%; z-index: 5; opacity: 0; }
.grid_hidden { opacity: 0!important; }

.element-small .symbol { font-weight: 700!important; font-size: 28px!important; left: 0.45em!important; top: 0.4em!important; width: 90%; z-index: 2; }

.element .thumbnail-hover, .element .symbol { font-family: Lato; font-weight: 300 !important; text-transform: uppercase; }
.element .name, .element .categories  {  }
.element.width3.height2 .symbol { font-size: 86px; left: 0.15em; /* line-height: 80px; */ top: 0.1em; }

@media (max-width: 800px) {
	#options { display: none; }
	.element .name { display: none; }
	.element .categories { bottom: 0.95em; font-size: 20px; left: 0.9em; }
}

/* THUMBNAIL VIEW */
@media (min-width: 450px) and (max-width: 800px){
	.variable-sizes .element.width3 { width: 445px!important; }
	.element.width3.height2 .symbol { font-size: 60px!important; left: 0.25em!important; top: 0.2em!important; }
}

/* CLASSIC VIEW */
@media (max-width: 1260px){
	.daisho-classic .element { height: 133px; width: 196px; }
}
@media (max-width: 1150px){
	.daisho-classic .element { height: 120px; width: 176px; }
}
@media (max-width: 1050px){
	.daisho-classic .element { height: 133px; width: 196px; }
	.daisho-classic .element:last-child { display: none; }
}
@media (max-width: 950px){
	.daisho-classic .element { height: 133px; margin: 0 0.25%; width: 24.5%; }
	.daisho-classic .element:last-child { display: none; }
}
/* 
VideoJS Default Styles (http://videojs.com)
Version 2.0.2

REQUIRED STYLES (be careful overriding)
================================================================================ */
/* Box containing video, controls, and download links.
   Will be set to the width of the video element through JS
   If you want to add some kind of frame or special positioning, use another containing element, not video-js-box. */
.video-js-box { text-align: left; position: relative; line-height: 0 !important; margin: 0; padding: 0 !important; border: none !important; display:none;  }

/* Video Element */
video.video-js { background-color: #000; position: relative; padding: 0; }

.vjs-flash-fallback { display: block; }

/* Poster Overlay Style */
.video-js-box img.vjs-poster { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; padding: 0; cursor: pointer; }
/* Subtiles Style */
.video-js-box .vjs-subtitles { color: #fff; font-size: 20px; text-align: center; position: absolute; bottom: 40px; left: 0; right: 0; }

/* Fullscreen styles for main elements */
.video-js-box.vjs-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1000; }
.video-js-box.vjs-fullscreen video.video-js,
.video-js-box.vjs-fullscreen .vjs-flash-fallback { position: relative; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; }
.video-js-box.vjs-fullscreen img.vjs-poster { z-index: 1001; }
.video-js-box.vjs-fullscreen .vjs-spinner { z-index: 1001; }
.video-js-box.vjs-fullscreen .vjs-controls { z-index: 1003; }
.video-js-box.vjs-fullscreen .vjs-big-play-button { z-index: 1004; }
.video-js-box.vjs-fullscreen .vjs-subtitles { z-index: 1004; }

/* Styles Loaded Check */
.vjs-styles-check { height: 5px; position: absolute; }
/* Controls Below Video */
.video-js-box.vjs-controls-below .vjs-controls { position: relative; opacity: 1; background-color: #000; }
.video-js-box.vjs-controls-below .vjs-subtitles { bottom: 75px; } /* Account for height of controls below video */

/* DEFAULT SKIN (override in another file)
================================================================================
Using all CSS to draw the controls. Images could be used if desired.
Instead of editing this file, I recommend creating your own skin CSS file to be included after this file,
so you can upgrade to newer versions easier. */

/* Controls Layout 
  Using absolute positioning to position controls */
.video-js-box .vjs-controls {
  position: absolute; margin: 0; opacity: 0.85; color: #fff;
  display: none; /* Start hidden */
  left: 0; right: 0; /* 100% width of video-js-box */ 
 width: 80%;
  bottom: 0px; /* Distance from the bottom of the box/video. Keep 0. Use height to add more bottom margin. */
  height: 35px; /* Including any margin you want above or below control items */
  padding: 0; /* Controls are absolutely position, so no padding necessary */
   bottom: 5%; margin: auto;
}
.video-js-box .vjs-controls > div { /* Direct div children of control bar */
  position: absolute; /* Use top, bottom, left, and right to specifically position the control. */
  text-align: center; margin: 0; padding: 0;
  height: 25px; /* Default height of individual controls */
  top: 5px; /* Top margin to put space between video and controls when controls are below */
}

/* Placement of Control Items 
   - Left side of pogress bar, use left & width
   - Rigth side of progress bar, use right & width
   - Expand with the video (like progress bar) use left & right */
.vjs-controls > div.vjs-play-control       { left: 5px;   width: 25px;  }
.vjs-controls > div.vjs-progress-control   { left: 35px;  right: 165px; } /* Using left & right so it expands with the width of the video */
.vjs-controls > div.vjs-time-control       { width: 75px; right: 90px;  } /* Time control and progress bar are combined to look like one */
.vjs-controls > div.vjs-volume-control     { width: 50px; right: 35px;  }
.vjs-controls > div.vjs-fullscreen-control { width: 25px; right: 5px; display: none;  }

/* Removing curved corners on progress control and time control to join them. */
.vjs-controls > div.vjs-progress-control {
  border-top-right-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0;
  border-bottom-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0;
}
.vjs-controls > div.vjs-time-control { 
  border-top-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0;
  border-bottom-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0;
}

/* Play/Pause
-------------------------------------------------------------------------------- */
.vjs-play-control { cursor: pointer !important; }
/* Play Icon */
.vjs-play-control span { display: block; font-size: 0; line-height: 0; }
.vjs-paused .vjs-play-control span {
  width: 0; height: 0; margin: 8px 0 0 8px;
  /* Drawing the play triangle with borders - http://www.infimum.dk/HTML/slantinfo.html */
  border-left: 10px solid #fff; /* Width & Color of play icon */
  /* Height of play icon is total top & bottom border widths. Color is transparent. */
  border-top: 5px solid rgba(0,0,0,0); border-bottom: 5px solid rgba(0,0,0,0);
}
.vjs-playing .vjs-play-control span {
  width: 3px; height: 10px; margin: 8px auto 0;
  /* Drawing the pause bars with borders */
  border-top: 0px; border-left: 3px solid #fff; border-bottom: 0px; border-right: 3px solid #fff;
}

/* Progress
-------------------------------------------------------------------------------- */
.vjs-progress-holder { border-radius: 5px 5px 5px 5px;
    cursor: pointer !important;
    height: 7px;
    margin: 10px 8px 0 5px;
    overflow: hidden;
    padding: 0;
    position: relative;
}
.vjs-progress-holder div { /* Progress Bars */
 border-radius: 5px 5px 5px 5px;
    display: block;
    height: 6px;
    margin: 0;
    padding: 0;
    position: absolute;
}
.vjs-play-progress {
 background: none repeat scroll 0 0 #D2D2D2;
}
.vjs-load-progress {
background: none repeat scroll 0 0 #AAAAAA;
    opacity: 0.8;
}

/* Time Display
-------------------------------------------------------------------------------- */
.vjs-controls .vjs-time-control { font-size: 10px; line-height: 1; font-weight: normal; font-family: Helvetica, Arial, sans-serif; }
.vjs-controls .vjs-time-control span { line-height: 25px; /* Centering vertically */ }

/* Volume
-------------------------------------------------------------------------------- */
.vjs-volume-control { cursor: pointer !important; }
.vjs-volume-control div { display: block; margin: 0 5px 0 5px; padding: 4px 0 0 0; }
/* Drawing the volume icon using 6 span elements */
.vjs-volume-control div span { /* Individual volume bars */
  float: left; padding: 0;
  margin: 0 2px 0 0; /* Space between */
  width: 5px; height: 0px; /* Total height is height + bottom border */
  border-bottom: 18px solid #555; /* Default (off) color and height of visible portion */
}
.vjs-volume-control div span.vjs-volume-level-on { border-color: #fff; /* Volume on bar color */ }
/* Creating differnt bar heights through height (transparent) and bottom border (visible). */
.vjs-volume-control div span:nth-child(1) { border-bottom-width: 2px; height: 16px; }
.vjs-volume-control div span:nth-child(2) { border-bottom-width: 4px; height: 14px; }
.vjs-volume-control div span:nth-child(3) { border-bottom-width: 7px; height: 11px; }
.vjs-volume-control div span:nth-child(4) { border-bottom-width: 10px; height: 8px; }
.vjs-volume-control div span:nth-child(5) { border-bottom-width: 14px; height: 4px; }
.vjs-volume-control div span:nth-child(6) { margin-right: 0; }

/* Fullscreen
-------------------------------------------------------------------------------- */
.vjs-fullscreen-control { cursor: pointer !important; }
.vjs-fullscreen-control div {
  padding: 0; text-align: left; vertical-align: top; cursor: pointer !important; 
  margin: 5px 0 0 5px; /* Placement within the fullscreen control item */
  width: 20px; height: 20px;
}
/* Drawing the fullscreen icon using 4 span elements */
.vjs-fullscreen-control div span { float: left; margin: 0; padding: 0; font-size: 0; line-height: 0; width: 0; text-align: left; vertical-align: top; }
.vjs-fullscreen-control div span:nth-child(1) { /* Top-left triangle */
  margin-right: 3px; /* Space between top-left and top-right */
  margin-bottom: 3px; /* Space between top-left and bottom-left */
  border-top: 6px solid #fff; /* Height and color */
  border-right: 6px solid rgba(0,0,0,0);  /* Width */
}
.vjs-fullscreen-control div span:nth-child(2) { border-top: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen-control div span:nth-child(3) { clear: both; margin: 0 3px 0 0; border-bottom: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen-control div span:nth-child(4) { border-bottom: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
/* Icon when video is in fullscreen mode */
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(1) { border: none; border-bottom: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(2) { border: none; border-bottom: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(3) { border: none; border-top: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(4) { border: none; border-top: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); }

/* Download Links - Used for browsers that don't support any video.
---------------------------------------------------------*/
.vjs-no-video { font-size: small; line-height: 1.5; }

/* Big Play Button (at start)
---------------------------------------------------------*/
div.vjs-big-play-button {
	cursor: pointer !important;
    height: 80px;
    left: 50%;
    margin: -43px 0 0 -33px;
    opacity: 0.95;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 71px;
    z-index: 2;
	 background: url("konzept-video-js/play.png") repeat scroll left 0 transparent;
}
div.vjs-big-play-button:hover {
 /* box-shadow: 0px 0px 80px #fff; -webkit-box-shadow: 0px 0px 80px #fff; -moz-box-shadow: 0px 0px 80px #fff; */
}

/* div.vjs-big-play-button span {
  display: block; font-size: 0; line-height: 0;
  width: 0; height: 0; margin: 20px 0 0 23px; */
  /* Drawing the play triangle with borders - http://www.infimum.dk/HTML/slantinfo.html */
 /* border-left: 40px solid #fff; /* Width & Color of play icon */
  /* Height of play icon is total top & bottom border widths. Color is transparent. */
 /* border-top: 20px solid rgba(0,0,0,0); border-bottom: 20px solid rgba(0,0,0,0);
} */

/* Spinner Styles
---------------------------------------------------------*/
/* CSS Spinners by Kilian Valkhof - http://kilianvalkhof.com/2010/css-xhtml/css3-loading-spinners-without-images/ */
.vjs-spinner { display: none; position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; z-index: 1; margin: -50px 0 0 -50px;
  /* Scaling makes the circles look smoother. */
  transform: scale(0.5); -webkit-transform:scale(0.5); -moz-transform:scale(0.5);
}
/* Spinner circles */
.vjs-spinner div { position:absolute; left: 40px; top: 40px; width: 20px; height: 20px; background: #fff;
  border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;
  border: 1px solid #ccc; /* Added border so can be visible on white backgrounds */
}
/* Each circle */
.vjs-spinner div:nth-child(1) { opacity: 0.12; transform: rotate(000deg) translate(0, -40px) scale(0.1); -webkit-transform: rotate(000deg) translate(0, -40px) scale(0.1); -moz-transform: rotate(000deg) translate(0, -40px) scale(0.1); }
.vjs-spinner div:nth-child(2) { opacity: 0.25; transform: rotate(045deg) translate(0, -40px) scale(0.2); -webkit-transform: rotate(045deg) translate(0, -40px) scale(0.2); -moz-transform: rotate(045deg) translate(0, -40px) scale(0.2); }
.vjs-spinner div:nth-child(3) { opacity: 0.37; transform: rotate(090deg) translate(0, -40px) scale(0.4); -webkit-transform: rotate(090deg) translate(0, -40px) scale(0.4); -moz-transform: rotate(090deg) translate(0, -40px) scale(0.4); }
.vjs-spinner div:nth-child(4) { opacity: 0.50; transform: rotate(135deg) translate(0, -40px) scale(0.6); -webkit-transform: rotate(135deg) translate(0, -40px) scale(0.6); -moz-transform: rotate(135deg) translate(0, -40px) scale(0.6); }
.vjs-spinner div:nth-child(5) { opacity: 0.62; transform: rotate(180deg) translate(0, -40px) scale(0.8); -webkit-transform: rotate(180deg) translate(0, -40px) scale(0.8); -moz-transform: rotate(180deg) translate(0, -40px) scale(0.8); }
.vjs-spinner div:nth-child(6) { opacity: 0.75; transform: rotate(225deg) translate(0, -40px) scale(1.0); -webkit-transform: rotate(225deg) translate(0, -40px) scale(1.0); -moz-transform: rotate(225deg) translate(0, -40px) scale(1.0); }
.vjs-spinner div:nth-child(7) { opacity: 0.87; transform: rotate(270deg) translate(0, -40px) scale(1.1); -webkit-transform: rotate(270deg) translate(0, -40px) scale(1.1); -moz-transform: rotate(270deg) translate(0, -40px) scale(1.1); }
.vjs-spinner div:nth-child(8) { opacity: 1.00; transform: rotate(315deg) translate(0, -40px) scale(1.3); -webkit-transform: rotate(315deg) translate(0, -40px) scale(1.3); -moz-transform: rotate(315deg) translate(0, -40px) scale(1.3); }
/* ------------------------------------------------------------------------
	This you can edit.
------------------------------------------------------------------------- */

	/* ----------------------------------
		Default Theme
	----------------------------------- */

	div.pp_default .pp_top,
	div.pp_default .pp_top .pp_middle,
	div.pp_default .pp_top .pp_left,
	div.pp_default .pp_top .pp_right,
	div.pp_default .pp_bottom,
	div.pp_default .pp_bottom .pp_left,
	div.pp_default .pp_bottom .pp_middle,
	div.pp_default .pp_bottom .pp_right { height: 13px; }
	
	div.pp_default .pp_top .pp_left { background: url(module-prettyPhoto/images/default/sprite.png) -78px -93px no-repeat; } /* Top left corner */
	div.pp_default .pp_top .pp_middle { background: url(module-prettyPhoto/images/default/sprite_x.png) top left repeat-x; } /* Top pattern/color */
	div.pp_default .pp_top .pp_right { background: url(module-prettyPhoto/images/default/sprite.png) -112px -93px no-repeat; } /* Top right corner */
	
	div.pp_default .pp_content .ppt { color: #f8f8f8; }
	div.pp_default .pp_content_container .pp_left { background: url(module-prettyPhoto/images/default/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; }
	div.pp_default .pp_content_container .pp_right { background: url(module-prettyPhoto/images/default/sprite_y.png) top right repeat-y; padding-right: 13px; }
	div.pp_default .pp_content { background-color: #fff; } /* Content background */
	div.pp_default .pp_next:hover { background: url(module-prettyPhoto/images/default/sprite_next.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.pp_default .pp_previous:hover { background: url(module-prettyPhoto/images/default/sprite_prev.png) center left no-repeat; cursor: pointer; } /* Previous button */
	div.pp_default .pp_expand { background: url(module-prettyPhoto/images/default/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Expand button */
	div.pp_default .pp_expand:hover { background: url(module-prettyPhoto/images/default/sprite.png) 0 -56px no-repeat; cursor: pointer; } /* Expand button hover */
	div.pp_default .pp_contract { background: url(module-prettyPhoto/images/default/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Contract button */
	div.pp_default .pp_contract:hover { background: url(module-prettyPhoto/images/default/sprite.png) 0 -113px no-repeat; cursor: pointer; } /* Contract button hover */
	div.pp_default .pp_close { width: 30px; height: 30px; background: url(module-prettyPhoto/images/default/sprite.png) 2px 1px no-repeat; cursor: pointer; } /* Close button */
	div.pp_default #pp_full_res .pp_inline { color: #000; } 
	div.pp_default .pp_gallery ul li a { background: url(module-prettyPhoto/images/default/default_thumb.png) center center #f8f8f8; border:1px solid #aaa; }
	div.pp_default .pp_gallery ul li a:hover,
	div.pp_default .pp_gallery ul li.selected a { border-color: #fff; }
	div.pp_default .pp_social { margin-top: 7px; }

	div.pp_default .pp_gallery a.pp_arrow_previous,
	div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto; }
	div.pp_default .pp_nav .pp_play,
	div.pp_default .pp_nav .pp_pause { background: url(module-prettyPhoto/images/default/sprite.png) -51px 1px no-repeat; height:30px; width:30px; }
	div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; }
	div.pp_default .pp_details { position: relative; }
	div.pp_default a.pp_arrow_previous,
	div.pp_default a.pp_arrow_next { background: url(module-prettyPhoto/images/default/sprite.png) -31px -3px no-repeat; height: 20px; margin: 4px 0 0 0; width: 20px; }
	div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; } /* The next arrow in the bottom nav */
	div.pp_default .pp_content_container .pp_details { margin-top: 5px; }
	div.pp_default .pp_nav { clear: none; height: 30px; width: 110px; position: relative; }
	div.pp_default .pp_nav .currentTextHolder{ font-family: Georgia; font-style: italic; color:#999; font-size: 11px; left: 75px; line-height: 25px; margin: 0; padding: 0 0 0 10px; position: absolute; top: 2px; }
	
	div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity:0.7; }

	div.pp_default .pp_description{ font-size: 11px; font-weight: bold; line-height: 14px; margin: 5px 50px 5px 0; }

	div.pp_default .pp_bottom .pp_left { background: url(module-prettyPhoto/images/default/sprite.png) -78px -127px no-repeat; } /* Bottom left corner */
	div.pp_default .pp_bottom .pp_middle { background: url(module-prettyPhoto/images/default/sprite_x.png) bottom left repeat-x; } /* Bottom pattern/color */
	div.pp_default .pp_bottom .pp_right { background: url(module-prettyPhoto/images/default/sprite.png) -112px -127px no-repeat; } /* Bottom right corner */

	div.pp_default .pp_loaderIcon { background: url(module-prettyPhoto/images/default/loader.gif) center center no-repeat; } /* Loader icon */

	
	/* ----------------------------------
		Light Rounded Theme
	----------------------------------- */


	div.light_rounded .pp_top .pp_left { background: url(module-prettyPhoto/images/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
	div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */
	div.light_rounded .pp_top .pp_right { background: url(module-prettyPhoto/images/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
	
	div.light_rounded .pp_content .ppt { color: #000; }
	div.light_rounded .pp_content_container .pp_left,
	div.light_rounded .pp_content_container .pp_right { background: #fff; }
	div.light_rounded .pp_content { background-color: #fff; } /* Content background */
	div.light_rounded .pp_next:hover { background: url(module-prettyPhoto/images/light_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.light_rounded .pp_previous:hover { background: url(module-prettyPhoto/images/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	div.light_rounded .pp_expand { background: url(module-prettyPhoto/images/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.light_rounded .pp_expand:hover { background: url(module-prettyPhoto/images/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.light_rounded .pp_contract { background: url(module-prettyPhoto/images/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.light_rounded .pp_contract:hover { background: url(module-prettyPhoto/images/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.light_rounded .pp_close { width: 75px; height: 22px; background: url(module-prettyPhoto/images/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	div.light_rounded .pp_details { position: relative; }
	div.light_rounded .pp_description { margin-right: 85px; }
	div.light_rounded #pp_full_res .pp_inline { color: #000; } 
	div.light_rounded .pp_gallery a.pp_arrow_previous,
	div.light_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
	div.light_rounded .pp_nav .pp_play { background: url(module-prettyPhoto/images/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
	div.light_rounded .pp_nav .pp_pause { background: url(module-prettyPhoto/images/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }

	div.light_rounded .pp_arrow_previous { background: url(module-prettyPhoto/images/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.light_rounded .pp_arrow_next { background: url(module-prettyPhoto/images/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

	div.light_rounded .pp_bottom .pp_left { background: url(module-prettyPhoto/images/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
	div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */
	div.light_rounded .pp_bottom .pp_right { background: url(module-prettyPhoto/images/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

	div.light_rounded .pp_loaderIcon { background: url(module-prettyPhoto/images/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */
	
	/* ----------------------------------
		Dark Rounded Theme
	----------------------------------- */
	
	div.dark_rounded .pp_top .pp_left { background: url(module-prettyPhoto/images/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
	div.dark_rounded .pp_top .pp_middle { background: url(module-prettyPhoto/images/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */
	div.dark_rounded .pp_top .pp_right { background: url(module-prettyPhoto/images/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
	
	div.dark_rounded .pp_content_container .pp_left { background: url(module-prettyPhoto/images/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */
	div.dark_rounded .pp_content_container .pp_right { background: url(module-prettyPhoto/images/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */
	div.dark_rounded .pp_content { background: url(module-prettyPhoto/images/dark_rounded/contentPattern.png) top left repeat; } /* Content background */
	div.dark_rounded .pp_next:hover { background: url(module-prettyPhoto/images/dark_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.dark_rounded .pp_previous:hover { background: url(module-prettyPhoto/images/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	div.dark_rounded .pp_expand { background: url(module-prettyPhoto/images/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.dark_rounded .pp_expand:hover { background: url(module-prettyPhoto/images/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.dark_rounded .pp_contract { background: url(module-prettyPhoto/images/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.dark_rounded .pp_contract:hover { background: url(module-prettyPhoto/images/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(module-prettyPhoto/images/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	div.dark_rounded .pp_details { position: relative; }
	div.dark_rounded .pp_description { margin-right: 85px; }
	div.dark_rounded .currentTextHolder { color: #c4c4c4; }
	div.dark_rounded .pp_description { color: #fff; }
	div.dark_rounded #pp_full_res .pp_inline { color: #fff; }
	div.dark_rounded .pp_gallery a.pp_arrow_previous,
	div.dark_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
	div.dark_rounded .pp_nav .pp_play { background: url(module-prettyPhoto/images/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
	div.dark_rounded .pp_nav .pp_pause { background: url(module-prettyPhoto/images/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }

	div.dark_rounded .pp_arrow_previous { background: url(module-prettyPhoto/images/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.dark_rounded .pp_arrow_next { background: url(module-prettyPhoto/images/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

	div.dark_rounded .pp_bottom .pp_left { background: url(module-prettyPhoto/images/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
	div.dark_rounded .pp_bottom .pp_middle { background: url(module-prettyPhoto/images/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */
	div.dark_rounded .pp_bottom .pp_right { background: url(module-prettyPhoto/images/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

	div.dark_rounded .pp_loaderIcon { background: url(module-prettyPhoto/images/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */
	
	
	/* ----------------------------------
		Dark Square Theme
	----------------------------------- */
	
	div.dark_square .pp_left ,
	div.dark_square .pp_middle,
	div.dark_square .pp_right,
	div.dark_square .pp_content { background: #000; }
	
	div.dark_square .currentTextHolder { color: #c4c4c4; }
	div.dark_square .pp_description { color: #fff; }
	div.dark_square .pp_loaderIcon { background: url(module-prettyPhoto/images/dark_square/loader.gif) center center no-repeat; } /* Loader icon */
	
	div.dark_square .pp_expand { background: url(module-prettyPhoto/images/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.dark_square .pp_expand:hover { background: url(module-prettyPhoto/images/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.dark_square .pp_contract { background: url(module-prettyPhoto/images/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.dark_square .pp_contract:hover { background: url(module-prettyPhoto/images/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.dark_square .pp_close { width: 75px; height: 22px; background: url(module-prettyPhoto/images/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	div.dark_square .pp_details { position: relative; }
	div.dark_square .pp_description { margin: 0 85px 0 0; }
	div.dark_square #pp_full_res .pp_inline { color: #fff; }
	div.dark_square .pp_gallery a.pp_arrow_previous,
	div.dark_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
	div.dark_square .pp_nav { clear: none; }
	div.dark_square .pp_nav .pp_play { background: url(module-prettyPhoto/images/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
	div.dark_square .pp_nav .pp_pause { background: url(module-prettyPhoto/images/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
	
	div.dark_square .pp_arrow_previous { background: url(module-prettyPhoto/images/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.dark_square .pp_arrow_next { background: url(module-prettyPhoto/images/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
	
	div.dark_square .pp_next:hover { background: url(module-prettyPhoto/images/dark_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.dark_square .pp_previous:hover { background: url(module-prettyPhoto/images/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */


	/* ----------------------------------
		Light Square Theme
	----------------------------------- */
	
	div.light_square .pp_left ,
	div.light_square .pp_middle,
	div.light_square .pp_right,
	div.light_square .pp_content { background: #fff; }
	
	div.light_square .pp_content .ppt { color: #000; }
	div.light_square .pp_expand { background: url(module-prettyPhoto/images/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.light_square .pp_expand:hover { background: url(module-prettyPhoto/images/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.light_square .pp_contract { background: url(module-prettyPhoto/images/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.light_square .pp_contract:hover { background: url(module-prettyPhoto/images/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.light_square .pp_close { width: 75px; height: 22px; background: url(module-prettyPhoto/images/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	div.light_square .pp_details { position: relative; }
	div.light_square .pp_description { margin-right: 85px; }
	div.light_square #pp_full_res .pp_inline { color: #000; }
	div.light_square .pp_gallery a.pp_arrow_previous,
	div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
	div.light_square .pp_nav .pp_play { background: url(module-prettyPhoto/images/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
	div.light_square .pp_nav .pp_pause { background: url(module-prettyPhoto/images/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
	
	div.light_square .pp_arrow_previous { background: url(module-prettyPhoto/images/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.light_square .pp_arrow_next { background: url(module-prettyPhoto/images/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
	
	div.light_square .pp_next:hover { background: url(module-prettyPhoto/images/light_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.light_square .pp_previous:hover { background: url(module-prettyPhoto/images/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	
	div.light_square .pp_loaderIcon { background: url(module-prettyPhoto/images/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */


	/* ----------------------------------
		Facebook style Theme
	----------------------------------- */
	
	div.facebook .pp_top .pp_left { background: url(module-prettyPhoto/images/facebook/sprite.png) -88px -53px no-repeat; } /* Top left corner */
	div.facebook .pp_top .pp_middle { background: url(module-prettyPhoto/images/facebook/contentPatternTop.png) top left repeat-x; } /* Top pattern/color */
	div.facebook .pp_top .pp_right { background: url(module-prettyPhoto/images/facebook/sprite.png) -110px -53px no-repeat; } /* Top right corner */
	
	div.facebook .pp_content .ppt { color: #000; }
	div.facebook .pp_content_container .pp_left { background: url(module-prettyPhoto/images/facebook/contentPatternLeft.png) top left repeat-y; } /* Content background */
	div.facebook .pp_content_container .pp_right { background: url(module-prettyPhoto/images/facebook/contentPatternRight.png) top right repeat-y; } /* Content background */
	div.facebook .pp_content { background: #fff; } /* Content background */
	div.facebook .pp_expand { background: url(module-prettyPhoto/images/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.facebook .pp_expand:hover { background: url(module-prettyPhoto/images/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.facebook .pp_contract { background: url(module-prettyPhoto/images/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.facebook .pp_contract:hover { background: url(module-prettyPhoto/images/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.facebook .pp_close { width: 22px; height: 22px; background: url(module-prettyPhoto/images/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	div.facebook .pp_details { position: relative; }
	div.facebook .pp_description { margin: 0 37px 0 0; }
	div.facebook #pp_full_res .pp_inline { color: #000; } 
	div.facebook .pp_loaderIcon { background: url(module-prettyPhoto/images/facebook/loader.gif) center center no-repeat; } /* Loader icon */
	
	div.facebook .pp_arrow_previous { background: url(module-prettyPhoto/images/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The previous arrow in the bottom nav */
		div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; }
	div.facebook .pp_arrow_next { background: url(module-prettyPhoto/images/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The next arrow in the bottom nav */
		div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; }
	div.facebook .pp_nav { margin-top: 0; }
	div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; }
	div.facebook .pp_nav .pp_play { background: url(module-prettyPhoto/images/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; }
	div.facebook .pp_nav .pp_pause { background: url(module-prettyPhoto/images/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; }
	
	div.facebook .pp_next:hover { background: url(module-prettyPhoto/images/facebook/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
	div.facebook .pp_previous:hover { background: url(module-prettyPhoto/images/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	
	div.facebook .pp_bottom .pp_left { background: url(module-prettyPhoto/images/facebook/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
	div.facebook .pp_bottom .pp_middle { background: url(module-prettyPhoto/images/facebook/contentPatternBottom.png) top left repeat-x; } /* Bottom pattern/color */
	div.facebook .pp_bottom .pp_right { background: url(module-prettyPhoto/images/facebook/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */


/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */

	div.pp_pic_holder a:focus { outline:none; }

	div.pp_overlay {
		background: #000;
		display: none;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		/* z-index: 9500; */
		z-index: 95000000;
	}
	
	div.pp_pic_holder {
		display: none;
		position: absolute;
		width: 100px;
		/* z-index: 10000; */
		z-index: 100000000;
	}

		
		.pp_top {
			height: 20px;
			position: relative;
		}
			* html .pp_top { padding: 0 20px; }
		
			.pp_top .pp_left {
				height: 20px;
				left: 0;
				position: absolute;
				width: 20px;
			}
			.pp_top .pp_middle {
				height: 20px;
				left: 20px;
				position: absolute;
				right: 20px;
			}
				* html .pp_top .pp_middle {
					left: 0;
					position: static;
				}
			
			.pp_top .pp_right {
				height: 20px;
				left: auto;
				position: absolute;
				right: 0;
				top: 0;
				width: 20px;
			}
		
		.pp_content { height: 40px; min-width: 40px; }
		* html .pp_content { width: 40px; }
		
		.pp_fade { display: none; }
		
		.pp_content_container {
			position: relative;
			text-align: left;
			width: 100%;
		}
		
			.pp_content_container .pp_left { padding-left: 20px; }
			.pp_content_container .pp_right { padding-right: 20px; }
		
			.pp_content_container .pp_details {
				float: left;
				margin: 10px 0 2px 0;
			}
				.pp_description {
					display: none;
					margin: 0;
				}
				
				.pp_social { float: left; margin: 0; }
				.pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; }
				.pp_social .twitter { float: left; }
				
				.pp_nav {
					clear: right;
					float: left;
					margin: 3px 10px 0 0;
				}
				
					.pp_nav p {
						float: left;
						margin: 2px 4px;
						white-space: nowrap;
					}
					
					.pp_nav .pp_play,
					.pp_nav .pp_pause {
						float: left;
						margin-right: 4px;
						text-indent: -10000px;
					}
				
					a.pp_arrow_previous,
					a.pp_arrow_next {
						display: block;
						float: left;
						height: 15px;
						margin-top: 3px;
						overflow: hidden;
						text-indent: -10000px;
						width: 14px;
					}
		
		.pp_hoverContainer {
			position: absolute;
			top: 0;
			width: 100%;
			z-index: 2000;
		}
		
		.pp_gallery {
			display: none;
			left: 50%;
			margin-top: -50px;
			position: absolute;
			z-index: 10000;
		}
		
			.pp_gallery div {
				float: left;
				overflow: hidden;
				position: relative;
			}
			
			.pp_gallery ul {
				float: left;
				height: 35px;
				margin: 0 0 0 5px;
				padding: 0;
				position: relative;
				white-space: nowrap;
			}
			
			.pp_gallery ul a {
				border: 1px #000 solid;
				border: 1px rgba(0,0,0,0.5) solid;
				display: block;
				float: left;
				height: 33px;
				overflow: hidden;
			}
			
			.pp_gallery ul a:hover,
			.pp_gallery li.selected a { border-color: #fff; }
			
			.pp_gallery ul a img { border: 0; }
			
			.pp_gallery li {
				display: block;
				float: left;
				margin: 0 5px 0 0;
				padding: 0;
			}
			
			.pp_gallery li.default a {
				background: url(module-prettyPhoto/images/facebook/default_thumbnail.gif) 0 0 no-repeat;
				display: block;
				height: 33px;
				width: 50px;
			}
			
			.pp_gallery li.default a img { display: none; }
			
			.pp_gallery .pp_arrow_previous,
			.pp_gallery .pp_arrow_next {
				margin-top: 7px !important;
			}
		
		a.pp_next {
			background: url(module-prettyPhoto/images/light_rounded/btnNext.png) 10000px 10000px no-repeat;
			display: block;
			float: right;
			height: 100%;
			text-indent: -10000px;
			width: 49%;
		}
			
		a.pp_previous {
			background: url(module-prettyPhoto/images/light_rounded/btnNext.png) 10000px 10000px no-repeat;
			display: block;
			float: left;
			height: 100%;
			text-indent: -10000px;
			width: 49%;
		}
		
		a.pp_expand,
		a.pp_contract {
			cursor: pointer;
			display: none;
			height: 20px;	
			position: absolute;
			right: 30px;
			text-indent: -10000px;
			top: 10px;
			width: 20px;
			z-index: 20000;
		}
			
		a.pp_close {
			position: absolute; right: 0; top: 0; 
			display: block;
			line-height:22px;
			text-indent: -10000px;
		}
		
		.pp_bottom {
			height: 20px;
			position: relative;
		}
			* html .pp_bottom { padding: 0 20px; }
			
			.pp_bottom .pp_left {
				height: 20px;
				left: 0;
				position: absolute;
				width: 20px;
			}
			.pp_bottom .pp_middle {
				height: 20px;
				left: 20px;
				position: absolute;
				right: 20px;
			}
				* html .pp_bottom .pp_middle {
					left: 0;
					position: static;
				}
				
			.pp_bottom .pp_right {
				height: 20px;
				left: auto;
				position: absolute;
				right: 0;
				top: 0;
				width: 20px;
			}
		
		.pp_loaderIcon {
			display: block;
			height: 24px;
			left: 50%;
			margin: -12px 0 0 -12px;
			position: absolute;
			top: 50%;
			width: 24px;
		}
		
		#pp_full_res {
			line-height: 1 !important;
		}
		
			#pp_full_res .pp_inline {
				text-align: left;
			}
			
				#pp_full_res .pp_inline p { margin: 0 0 15px 0; }
	
		div.ppt {
			color: #fff;
			display: none;
			font-size: 17px;
			margin: 0 0 5px 15px;
			z-index: 9999;
		}

/* ----- WPML Language Switcher ----- */
.conatainer_language_selector { cursor: pointer; float: left; font-family: "Dosis", Arial, sans-serif; color: #000000; position: absolute; top: 0; left: 170px; bottom: 0; margin: auto; height: 28px; z-index: 1; }
#flags_language_selector { float: left; position: relative; }
.current_language { text-transform: uppercase; font-weight: 700; font-size: 16px; /* margin-bottom: 10px; */ margin-bottom: 3px; border: 1px solid #000000; border-radius: 20px; padding: 5px 25px 5px 15px; line-height: 100%; background-color: #ffffff; }
.current_language:after { content: "["; font-family: "WebSymbolsRegular", Arial, sans-serif; padding-left: 6px; position: absolute; font-size: 13px; }
#lang_ul { display: none; position: absolute; width: inherit; border-radius: 7px; min-width: 100px; }
.language-li { background-color: #000000; opacity: 0.9; cursor: pointer; clear: both; border-bottom: 1px solid #3B3B3B; }
.language-li:last-child { border-bottom: 0 none; }

.language-name { clear: both; display: block; font-size: 14px; font-weight: 500; color: #bababa; text-transform: uppercase; padding: 8px 15px; padding-right: 50px; line-height: 100%; position: absolute; }
.language-name-bold { clear: both; display: block; font-size: 14px; color: #bababa; text-transform: uppercase; padding: 8px 15px; padding-right: 50px; line-height: 100%; visibility: hidden; font-weight: 900; }
.language-name:hover { font-weight: 700; color: #000000; }
.language-li:hover a { text-decoration: none; }
.language-li:hover { background-color: #b9baba; opacity: 1; }
.language-li:first-child { border-radius: 7px 7px 0 0; }
.language-li:last-child { border-radius: 0 0 7px 7px; }
.language-li:only-child { border-radius: 7px 7px 7px 7px; }

#flags_language_selector:hover .current_language { margin-right: 70px; }
#flags_language_selector:hover #lang_ul { display: block; }
/* #flags_language_selector #lang_ul .language-li { opacity: 1; height: 0px; overflow:hidden;
	transition: height 0.2s;
	-moz-transition: height 0.2s;
	-webkit-transition: height 0.2s;
	-o-transition: height 0.2s; 
}
#flags_language_selector:hover #lang_ul .language-li { opacity: 1; height: 30px; 
	transition: height 0.2s;
	-moz-transition: height 0.2s;
	-webkit-transition: height 0.2s;
	-o-transition: height 0.2s;
} */

.language-name { }
.active_lng { }

@media (max-width: 800px){
	.conatainer_language_selector { clear: both; } 
}
/* 
	Daisho Button by Flow
	
	No buttons, yet.
*/
.drop-caps {
	float: left;
    font-size: 650%;
    font-weight: 700;
    line-height: 0.8em;
    margin-right: 0.2em;
	margin-bottom: 0.1em;
    position: relative;
    text-transform: uppercase;
    top: 4px;
}
.drop-caps-bg {
    background-color: #444444;
    border-radius: 2em 2em 2em 2em;
    color: #EFEFEF;
    font-size: 350%;
    margin-right: 0.4em;
    padding: 0.5em 0.4em 0.55em;
    text-align: center;
    width: 60px;
}

.map_canvas { height: 355px; width: 100%; float: left; }
/* Toggles */
.toggle{ margin-bottom: 5px; clear: both; float: left; position: relative; width: 100%; }
.toggle .toggle_title {
	cursor: pointer;
	color: #6B6A73;
    font-size: 18px;
	font-weight: 700;
    padding-bottom: 15px;
    padding-left: 25px;
    text-decoration: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.toggle:hover .toggle_title { color: #4d4c55; color: #282832; }
.toggle .toggle_title.toggle_active { color: #4d4c55; color: #282832; }
.toggle_title:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; }
.toggle .toggle_content{ font-size: 15px; padding-left: 25px; padding-top: 10px; padding-bottom: 15px; display:none; color: #787882; }

.toggle-default .toggle_title { }
.toggle-default .toggle_active { }
.toggle-default .toggle_content { }
.toggle-default .toggle_title:before { color: #c7c7c7; content: "\f054"; font-size: 19px; left: 0; position: absolute; top: 3px; }
.toggle-default .toggle_active:before { content: "\f078"; color: #00AAFF; }
.toggle-default:hover .toggle_title:before { color: #00AAFF; }

.faqtoggles .toggle_title { }
.faqtoggles .toggle_active { }
.faqtoggles .toggle_content { }
.faqtoggles .toggle_title:before { color: #c7c7c7; content: "\f059"; font-size: 19px; left: 0; position: absolute; top: 3px; }
.faqtoggles .toggle_active:before { color: #00AAFF; }
.faqtoggles:hover .toggle_title:before { color: #00AAFF; }

.toggle-plus .toggle_title { }
.toggle-plus .toggle_active { }
.toggle-plus .toggle_content { }
.toggle-plus .toggle_title:before { color: #c7c7c7; content: "\f067"; font-size: 19px; left: 0; position: absolute; top: 3px; }
.toggle-plus .toggle_active:before { content: "\f068"; color: #00AAFF; }
.toggle-plus:hover .toggle_title:before { color: #00AAFF; }

.toggle-plus-fill .toggle_title { }
.toggle-plus-fill .toggle_active { }
.toggle-plus-fill .toggle_content { }
.toggle-plus-fill .toggle_title:before { color: #c7c7c7; content: "\f055"; font-size: 19px; left: 0; position: absolute; top: 3px; }
.toggle-plus-fill .toggle_active:before { content: "\f056"; color: #00AAFF; }
.toggle-plus-fill:hover .toggle_title:before { color: #00AAFF; }

.toggle-arrow-fill .toggle_title { }
.toggle-arrow-fill .toggle_active { }
.toggle-arrow-fill .toggle_content { }
.toggle-arrow-fill .toggle_title:before { color: #c7c7c7; content: "\f0da"; font-size: 19px; left: 0; position: absolute; top: 3px; }
.toggle-arrow-fill .toggle_active:before { content: "\f0d7"; color: #00AAFF; }
.toggle-arrow-fill:hover .toggle_title:before { color: #00AAFF; }

.toggle-filled .toggle { width: 100%; }
.toggle-filled .toggle_title {
	background-color: #E8E8EA;
	background-image: linear-gradient(bottom, #E8E8EA 0%, #F9F9FA 100%);
	background-image: -o-linear-gradient(bottom, #E8E8EA 0%, #F9F9FA 100%);
	background-image: -moz-linear-gradient(bottom, #E8E8EA 0%, #F9F9FA 100%);
	background-image: -webkit-linear-gradient(bottom, #E8E8EA 0%, #F9F9FA 100%);
	background-image: -ms-linear-gradient(bottom, #E8E8EA 0%, #F9F9FA 100%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #E8E8EA), color-stop(1, #F9F9FA));
	
    border: 1px solid #DCDCDC;
    border-radius: 9px 9px 9px 9px;
    padding: 15px 20px 15px 40px;
	text-shadow: 0 1px 0 #ffffff;
}
.toggle-filled .toggle_title.toggle_active {
	background-color: #3D4555;
	background-image: linear-gradient(bottom, #3D4555 0%, #6A7894 100%);
	background-image: -o-linear-gradient(bottom, #3D4555 0%, #6A7894 100%);
	background-image: -moz-linear-gradient(bottom, #3D4555 0%, #6A7894 100%);
	background-image: -webkit-linear-gradient(bottom, #3D4555 0%, #6A7894 100%);
	background-image: -ms-linear-gradient(bottom, #3D4555 0%, #6A7894 100%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3D4555), color-stop(1, #6A7894));
	
	border: 1px solid #3D4555;
	border-radius: 9px 9px 0px 0px;
	color: #ffffff;
	text-shadow: 0 1px 0 #2D3545;
}
.toggle-filled:hover .toggle_title {
	background-color: #3D4555;
	background-image: linear-gradient(bottom, #3D4555 0%, #6A7894 100%);
	background-image: -o-linear-gradient(bottom, #3D4555 0%, #6A7894 100%);
	background-image: -moz-linear-gradient(bottom, #3D4555 0%, #6A7894 100%);
	background-image: -webkit-linear-gradient(bottom, #3D4555 0%, #6A7894 100%);
	background-image: -ms-linear-gradient(bottom, #3D4555 0%, #6A7894 100%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3D4555), color-stop(1, #6A7894));
	
	border: 1px solid #3D4555;
	color: #ffffff;
	text-shadow: 0 1px 0 #2D3545;
}
.toggle-filled .toggle_content, .toggle-filled.toggle-bgfill .toggle_content { border-left: 1px solid #DCDCDC; border-right: 1px solid #DCDCDC; border-bottom: 1px solid #DCDCDC; padding: 30px; font-size: 17px; border-radius: 0px 0px 9px 9px; }
.toggle-filled .toggle_title:after { border-top: 1px solid rgba(255,255,255,0.5); position: absolute; width: 100%; left: 0; border-radius: 9px; height: 100%; top: 1px; content: " "; }
.toggle-filled .toggle_title:before { font-size: 19px; left: 17px; position: absolute; top: 19px; }
.toggle-filled:hover .toggle_title:before { color: #ffffff; }
.toggle-filled .toggle_title.toggle_active:before { color: #ffffff; }
.toggle-filled:last-child .toggle { margin-bottom: 30px; }

/* Other */
.toggle-bgfill .toggle_title.toggle_active + .toggle_content { background-color: #F7F7F7; border-radius: 9px 9px 9px 9px; margin-left: 25px; margin-top: 10px; padding: 20px 30px; margin-bottom: 20px; }
.toggle-separator .toggle { border-bottom: 1px solid #dcdcdc; width: 100%; margin-bottom: 30px; padding-bottom: 0; }
.toggle-separator .toggle .toggle_content { padding-top: 15px; }







/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }

/* Icons
----------------------------------*/
.ui-icon { background: none; }

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*!
 * jQuery UI CSS Framework 1.8.22
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 */


/* Component containers
----------------------------------*/
.ui-widget { }
.ui-widget ul { padding-left: 0; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { }
.ui-widget-content { border: 1px solid #dcdcdc; color: #222222; }
.ui-widget-content a { color: #bdbcc0; }
.ui-widget-header { border-bottom: 1px solid #dcdcdc; color: #bdbcc0; font-weight: bold; }
.ui-widget-header a { color: #bdbcc0; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #dcdcdc; font-weight: 700; color: #c7c7c7; font-size: 19px;
	background-color: #E8E8EA;
	background-image: linear-gradient(bottom, #E8E8EA 0%, #F9F9FA 100%);
	background-image: -o-linear-gradient(bottom, #E8E8EA 0%, #F9F9FA 100%);
	background-image: -moz-linear-gradient(bottom, #E8E8EA 0%, #F9F9FA 100%);
	background-image: -webkit-linear-gradient(bottom, #E8E8EA 0%, #F9F9FA 100%);
	background-image: -ms-linear-gradient(bottom, #E8E8EA 0%, #F9F9FA 100%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #E8E8EA), color-stop(1, #F9F9FA));
}
.ui-widget-content { border: 0 none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #3D4555; font-weight: 700; color: #ffffff; 
	background-color: #3D4555;
	background-image: linear-gradient(bottom, #3D4555 0%, #6A7894 100%);
	background-image: -o-linear-gradient(bottom, #3D4555 0%, #6A7894 100%);
	background-image: -moz-linear-gradient(bottom, #3D4555 0%, #6A7894 100%);
	background-image: -webkit-linear-gradient(bottom, #3D4555 0%, #6A7894 100%);
	background-image: -ms-linear-gradient(bottom, #3D4555 0%, #6A7894 100%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3D4555), color-stop(1, #6A7894));
}
.ui-state-hover a, .ui-state-hover a:hover { color: #ffffff; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #3D4555; font-weight: 700; color: #212121; color: #ffffff;
	background-color: #3D4555;
	background-image: linear-gradient(bottom, #3D4555 0%, #6A7894 100%);
	background-image: -o-linear-gradient(bottom, #3D4555 0%, #6A7894 100%);
	background-image: -moz-linear-gradient(bottom, #3D4555 0%, #6A7894 100%);
	background-image: -webkit-linear-gradient(bottom, #3D4555 0%, #6A7894 100%);
	background-image: -ms-linear-gradient(bottom, #3D4555 0%, #6A7894 100%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3D4555), color-stop(1, #6A7894));
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -khtml-border-top-left-radius: 6px; border-top-left-radius: 6px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -khtml-border-top-right-radius: 6px; border-top-right-radius: 6px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -khtml-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; -khtml-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(shortcode-jquery-ui/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(shortcode-jquery-ui/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }





.ui-accordion { width: 100%; margin-bottom: 30px; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; margin-bottom: 5px; font-size: 19px; 	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; }
.ui-accordion .ui-accordion-header.ui-state-active { margin-bottom: 0px; }

.ui-accordion .ui-accordion-header a { color: #6b6a73; text-shadow: 0 1px 0 #ffffff; display: block; font-size: 1em; padding: .5em .5em .5em .7em; padding: 15px 20px 15px 40px; border-radius: 5px; border-top: 1px solid #ffffff; }
.ui-accordion .ui-accordion-header.ui-state-hover a { color: #ffffff; text-shadow: 0 1px 0 #2D3545; border-top: 1px solid rgba(255,255,255,0.5); }
.ui-accordion .ui-accordion-header.ui-state-active a { color: #ffffff; text-shadow: 0 1px 0 #2D3545; border-top: 1px solid rgba(255,255,255,0.5); }
.ui-accordion .ui-accordion-header a:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; }
.ui-accordion .ui-accordion-header a:before { color: #c7c7c7; content: "\f054"; font-size: 19px; left: 17px; position: absolute; top: 17px; }
.ui-accordion .ui-accordion-header.ui-state-hover a:before { color: #ffffff; }
.ui-accordion .ui-accordion-header.ui-state-active a:before { content: "\f078"; color: #ffffff; }

.accordion-no-icon { background: none repeat scroll 0 0 transparent!important; }

.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 5px; overflow: auto; display: none; zoom: 1; border-left: 1px solid #DCDCDC; border-right: 1px solid #DCDCDC; border-bottom: 1px solid #DCDCDC; padding: 30px; font-size: 17px; border-radius: 0px 0px 9px 9px; }
.ui-accordion .ui-accordion-content-active { display: block; }

/*!
 * jQuery UI Tabs 1.8.22
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; /* padding: .2em .2em 0; */ }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; font-size: 1.15em; font-weight: bold; padding: 0.45em 1.25em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -khtml-border-top-left-radius: 6px; border-top-left-radius: 6px; border-top: 1px solid #FFFFFF; border-top: 1px solid rgba(255, 255, 255, 0.5); } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border: 1px solid #dcdcdc; border-top: 0 none; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-panel p { max-width: 100%; }
.ui-tabs .ui-tabs-hide { display: none !important; }
.tabs-prev-wide .ui-tabs-panel { display: block; border: 0 none; padding: 1em 0em; background: none; }

.ui-tabs-nav .ui-state-active, .ui-tabs-nav .ui-state-hover { border: 1px solid #dcdcdc; font-weight: 700; color: #212121; color: #ffffff;
	background-color: #dddddd;
	background-image: linear-gradient(bottom, #ffffff 0%, #ffffff 30% , #dddddd 100%);
	background-image: -o-linear-gradient(bottom, #ffffff 0%, #ffffff 30% , #dddddd 100%);
	background-image: -moz-linear-gradient(bottom, #ffffff 0%, #ffffff 30% , #dddddd 100%);
	background-image: -webkit-linear-gradient(bottom, #ffffff 0%, #ffffff 30% , #dddddd 100%);
	background-image: -ms-linear-gradient(bottom, #ffffff 0%, #ffffff 30% , #dddddd 100%);
	
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffffff), color-stop(0.3, #ffffff), color-stop(1, #dddddd));
}
.ui-tabs-nav .ui-state-active a, .ui-tabs-nav .ui-state-hover a { border-top: 1px solid rgba(255, 255, 255, 0.8)!important; color: #6b6a73; border-radius: 5px; }

/* Added by Flow */
.ui-tabs-nav { -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; }
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* NORMAL TABLE */
table {
    border-collapse: collapse;
    border-spacing: 0;
    border-style: none;
    border-width: 1px;
    color: #6F6F6F;
    width: 100%;
	border-bottom: 1px solid #EEEEEE;
}
table th {
	background-color: #EEEEEE;
    border-color: #E6E6E6;
    border-style: inset;
    border-width: 1px;
    padding: 7px;
}
table td {
	background-color: #FBFBFB;
    border-left: 1px inset #EEEEEE;
    border-right: 1px inset #EEEEEE;
	border-top: 0 none;
	border-bottom: 0 none;
    padding: 7px;
    text-align: center;
}
table th, table td {
}

/* MINIMAL STYLE TABLE */
table.minimal-table {
    border-collapse: collapse;
    border-spacing: 0;
    border-style: none;
    border-width: 1px;
    color: #6F6F6F;
    width: 100%;
}
table.minimal-table th {
    background-color: #333333;
    color: #FFFFFF;
    padding: 7px;
	border: 0 none;
}
table.minimal-table td {
    background-color: transparent;
    border-bottom: 1px solid #eeeeee;
    border-style: inset;
    padding: 7px;
    text-align: center;
	border-right: 0 none;
	border-left: 0 none;
	border-top: 0 none;
}
table.minimal-table th, table.minimal-table td {
}
/* DAISHO STYLE TABLE */
table.daisho-table {
    border-collapse: separate;
    border-spacing: 0;
    border-style: none;
    border-width: 1px;
    color: #6F6F6F;
    width: 100%;
	border-radius: 9px 9px 9px 9px;
	margin-bottom: 30px;
}

table.daisho-table thead {}
table.daisho-table thead th {
	background-color: #E8E8EA;
	background-image: linear-gradient(bottom, #E8E8EA 0%, #F9F9FA 100%);
	background-image: -o-linear-gradient(bottom, #E8E8EA 0%, #F9F9FA 100%);
	background-image: -moz-linear-gradient(bottom, #E8E8EA 0%, #F9F9FA 100%);
	background-image: -webkit-linear-gradient(bottom, #E8E8EA 0%, #F9F9FA 100%);
	background-image: -ms-linear-gradient(bottom, #E8E8EA 0%, #F9F9FA 100%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #E8E8EA), color-stop(1, #F9F9FA));
	
    padding: 15px 20px;
	text-shadow: 0 1px 0 #ffffff;
	text-align: left;
	font-size: 19px;
	
    color: #6b6a73;
	border-top: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;
	border-left: 1px solid #DCDCDC;
	border-right: 1px solid #ffffff;
	font-weight: 600;
}
table.daisho-table thead th:first-child { border-radius: 9px 0px 0px 0px; border-left: 1px solid #DCDCDC; }
table.daisho-table thead th:last-child { border-radius: 0px 9px 0px 0px; border-right: 1px solid #DCDCDC; }

table.daisho-table tr:nth-child(even) { background-color: #f7f7f7; }
table.daisho-table tr {}
table.daisho-table tr:last-child td { border-bottom: 1px solid #DCDCDC; }

table.daisho-table td { background-color: transparent; padding: 12px 20px; text-align: center; border: 0 none; text-align: left; font-size: 16px; font-weight: 500; }
table.daisho-table td:first-child { border-left: 1px solid #DCDCDC; }
table.daisho-table td:last-child { border-right: 1px solid #DCDCDC; }

table.daisho-table tfoot td {
	background-color: #E8E8EA;
	background-image: linear-gradient(bottom, #E8E8EA 0%, #F9F9FA 100%);
	background-image: -o-linear-gradient(bottom, #E8E8EA 0%, #F9F9FA 100%);
	background-image: -moz-linear-gradient(bottom, #E8E8EA 0%, #F9F9FA 100%);
	background-image: -webkit-linear-gradient(bottom, #E8E8EA 0%, #F9F9FA 100%);
	background-image: -ms-linear-gradient(bottom, #E8E8EA 0%, #F9F9FA 100%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #E8E8EA), color-stop(1, #F9F9FA));
	
    padding: 15px 20px;
	text-shadow: 0 1px 0 #ffffff;
	text-align: left;
	font-size: 19px;
	
    /* color: #6b6a73; */
	border-bottom: 1px solid #DCDCDC;
	font-weight: 600;
}
table.daisho-table tfoot td:first-child { border-radius: 0px 0px 0px 9px; border-left: 1px solid #DCDCDC; }
table.daisho-table tfoot td:last-child { border-radius: 0px 0px 9px 0px; border-right: 1px solid #DCDCDC; }

/* UNIVERSAL TABLE CLASSES (do not move up) */
table .caption { margin-bottom: 10px; }
.table-left { text-align: left; }
.table-center { text-align: center; }
.table-right { text-align: right; }
.table-border-top-left-radius { border-top-left-radius: 9px; }
.table-border-top-right-radius { border-top-right-radius: 9px; }
.table-border-bottom-right-radius { border-bottom-right-radius: 9px; }
.table-border-bottom-left-radius { border-bottom-left-radius: 9px; }
table.daisho-table .table-color-black { color: #000000; }
table.daisho-table .table-color-blue { color: #00aaff; }
table.daisho-table .table-color-dark-blue { color: #6b6a73; }
table.daisho-table .table-weight-bold { font-weight: 700; }
/* Quotes */
/* 
Adnotation by Flow: In printed Standard English if you enclose one quotation within another quotation marks alternate like: 
'main quote 
	"inner 
		'yet one more'
	quote"
main quote' 
or "...'inner quote'...". Depth of embedding of quotations doesn't matter. You can use " or ' as your starting quotes.
CSS below considers 2 levels of nested <q> tags only.
*/
blockquote, cite, q { font-style: italic; }
blockquote { 
	border-left: 0 none;
	/* font-family: "Open Sans", Arial, sans-serif; */
	clear: both;
    color: #6B6A73;
    font-size: 27px;
    font-style: italic;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 120%;
    margin-bottom: 35px;
    margin-top: 30px;
	position: relative;
    padding-bottom: 35px;
    padding-top: 35px;
    text-indent: 40px;
    /* width: 100%; */
-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
	word-wrap: break-word;
}
@media (max-width: 850px){ blockquote { width: 100%!important; } }
blockquote *:first-child { text-indent: 40px; }
.quote-left { float: left; margin: 0px 15px 15px 0px; padding-left: 65px; width: 40%; }
.quote-right { float: right; margin: 0px 15px 0px 10px; padding-left: 65px; width: 40%; }
/* .image_right{ float:right; margin-left: 10px; margin-bottom: 10px; }
.image_left{ float:left; margin-right: 10px; margin-bottom: 10px; } */
blockquote blockquote, blockquote q { quotes: "\"" "\""; position: relative; }
blockquote * { z-index: 2; position: relative; }
blockquote *:last-child, q *:last-child { margin-bottom: 0; }

blockquote:after { border-bottom: 1px solid #00AAFF; clear: both; content: " "; display: block; float: left; padding-bottom: 30px; position: absolute; width: 40%; }
blockquote:before { z-index: 1; quotes: "«" "»"; quotes: "\00AB" "\00BB"; border-top: 1px solid #00AAFF; color: #00AAFF; content: open-quote; font-size: 54px; left: 0; padding-top: 15px; position: absolute; text-indent: 0; top: 10px; width: 40%; }

.quote-style-2 { background-color: #f7f7f7; border-radius: 8px; padding: 35px 40px 35px 40px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.quote-style-2:after { border-bottom: 0 none; }
.quote-style-2:before { border-top: 0 none; left: 40px; }
q { quotes: "\"" "\""; }
/* q:lang(en){ quotes: "\"" "\""; } This is how you specify quotation symbols for your language */
q q { quotes: "'" "'"; }
q:after {  }
q:before {  }

blockquote.alignright, blockquote.alignleft { padding-top: 26px; }
blockquote.aligncenter { text-align: left; margin: 35px auto; }
blockquote.alignright:before, blockquote.alignleft:before { top: 1px; }

figure { clear: both; margin: 0 0 35px 0; }
@media (max-width: 850px){ figure { width: 100%!important; } }
figure a { margin: 0 0 0 0; }
.figcontent { margin-bottom: 10px; }
figure blockquote { padding-bottom: 15px; }
figure blockquote + figcaption { text-align: right; font-size: 14px; line-height: 120%; }
figure.alignright, figure.alignleft { clear: none; }
figure.alignright blockquote.quote-style-2, figure.alignleft blockquote.quote-style-2 { margin-top: 0; margin-bottom: 15px; }
/*
	Variable Grid System (Fluid Version).
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/ & 960 Fluid - http://www.designinfluences.com/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
/*	width: 92%;
	margin-left: 4%;
	margin-right: 4%; */
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 1%;
	margin-right: 1%;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .grid_1 {
	width:6.333%;
}

.container_12 .grid_2 {
	width:14.667%;
}

.container_12 .grid_3 {
	width:23.0%;
}

.container_12 .grid_4 {
	width:31.333%;
}

.container_12 .grid_5 {
	width:39.667%;
}

.container_12 .grid_6 {
	width:48.0%;
}

.container_12 .grid_7 {
	width:56.333%;
}

.container_12 .grid_8 {
	width:64.667%;
}

.container_12 .grid_9 {
	width:73.0%;
}

.container_12 .grid_10 {
	width:81.333%;
}

.container_12 .grid_11 {
	width:89.667%;
}

.container_12 .grid_12 {
	width:98.0%;
}

@media (max-width: 850px) {
	.container_12 .grid_1, .container_12 .grid_2, .container_12 .grid_3, .container_12 .grid_4, .container_12 .grid_5, .container_12 .grid_6, .container_12 .grid_7, .container_12 .grid_8, .container_12 .grid_9, .container_12 .grid_10, .container_12 .grid_11, .container_12 .grid_12  {
		width:100%;
		margin-bottom: 4%;
		margin-left: 0;
		margin-right: 0;
	}
}
@media (max-width: 950px) {
	.daisho-portfolio .container_12 .grid_1, .daisho-portfolio .container_12 .grid_2, .daisho-portfolio .container_12 .grid_3, .daisho-portfolio .container_12 .grid_4, .daisho-portfolio .container_12 .grid_5, .daisho-portfolio .container_12 .grid_6, .daisho-portfolio .container_12 .grid_7, .daisho-portfolio .container_12 .grid_8, .daisho-portfolio .container_12 .grid_9, .daisho-portfolio .container_12 .grid_10, .daisho-portfolio .container_12 .grid_11, .daisho-portfolio .container_12 .grid_12  {
		width:100%;
		margin-bottom: 4%;
		margin-left: 0;
		margin-right: 0;
	}
}
.grid_margin_bottom { margin-bottom: 5%; }

@media (max-width: 850px){ .grid_not_responsive { display: none; } }
@media (max-width: 950px){ .daisho-portfolio  .grid_not_responsive { display: none; } }

.grid_responsive_only { display: none; }
@media (max-width: 850px){ .grid_responsive_only { display: block; } }
@media (max-width: 950px){ .daisho-portfolio  .grid_responsive_only { display: block; } }


/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .prefix_1 {
	padding-left:8.333%;
}

.container_12 .prefix_2 {
	padding-left:16.667%;
}

.container_12 .prefix_3 {
	padding-left:25.0%;
}

.container_12 .prefix_4 {
	padding-left:33.333%;
}

.container_12 .prefix_5 {
	padding-left:41.667%;
}

.container_12 .prefix_6 {
	padding-left:50.0%;
}

.container_12 .prefix_7 {
	padding-left:58.333%;
}

.container_12 .prefix_8 {
	padding-left:66.667%;
}

.container_12 .prefix_9 {
	padding-left:75.0%;
}

.container_12 .prefix_10 {
	padding-left:83.333%;
}

.container_12 .prefix_11 {
	padding-left:91.667%;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .suffix_1 {
	padding-right:8.333%;
}

.container_12 .suffix_2 {
	padding-right:16.667%;
}

.container_12 .suffix_3 {
	padding-right:25.0%;
}

.container_12 .suffix_4 {
	padding-right:33.333%;
}

.container_12 .suffix_5 {
	padding-right:41.667%;
}

.container_12 .suffix_6 {
	padding-right:50.0%;
}

.container_12 .suffix_7 {
	padding-right:58.333%;
}

.container_12 .suffix_8 {
	padding-right:66.667%;
}

.container_12 .suffix_9 {
	padding-right:75.0%;
}

.container_12 .suffix_10 {
	padding-right:83.333%;
}

.container_12 .suffix_11 {
	padding-right:91.667%;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .push_1 {
	left:8.333%;
}

.container_12 .push_2 {
	left:16.667%;
}

.container_12 .push_3 {
	left:25.0%;
}

.container_12 .push_4 {
	left:33.333%;
}

.container_12 .push_5 {
	left:41.667%;
}

.container_12 .push_6 {
	left:50.0%;
}

.container_12 .push_7 {
	left:58.333%;
}

.container_12 .push_8 {
	left:66.667%;
}

.container_12 .push_9 {
	left:75.0%;
}

.container_12 .push_10 {
	left:83.333%;
}

.container_12 .push_11 {
	left:91.667%;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .pull_1 {
	left:-8.333%;
}

.container_12 .pull_2 {
	left:-16.667%;
}

.container_12 .pull_3 {
	left:-25.0%;
}

.container_12 .pull_4 {
	left:-33.333%;
}

.container_12 .pull_5 {
	left:-41.667%;
}

.container_12 .pull_6 {
	left:-50.0%;
}

.container_12 .pull_7 {
	left:-58.333%;
}

.container_12 .pull_8 {
	left:-66.667%;
}

.container_12 .pull_9 {
	left:-75.0%;
}

.container_12 .pull_10 {
	left:-83.333%;
}

.container_12 .pull_11 {
	left:-91.667%;
}


@media (max-width: 850px) {
	.container_12 .prefix_1, .container_12 .prefix_2, .container_12 .prefix_3, .container_12 .prefix_4, .container_12 .prefix_5, .container_12 .prefix_6, .container_12 .prefix_7, .container_12 .prefix_8, .container_12 .prefix_9, .container_12 .prefix_10, .container_12 .prefix_11, .container_12 .prefix_12  {
		padding-left: 0;
	}
	.container_12 .suffix_1, .container_12 .suffix_2, .container_12 .suffix_3, .container_12 .suffix_4, .container_12 .suffix_5, .container_12 .suffix_6, .container_12 .suffix_7, .container_12 .suffix_8, .container_12 .suffix_9, .container_12 .suffix_10, .container_12 .suffix_11, .container_12 .suffix_12  {
		padding-right: 0;
	}
	.container_12 .push_1, .container_12 .push_2, .container_12 .push_3, .container_12 .push_4, .container_12 .push_5, .container_12 .push_6, .container_12 .push_7, .container_12 .push_8, .container_12 .push_9, .container_12 .push_10, .container_12 .push_11, .container_12 .push_12  {
		left: 0;
	}
	.container_12 .pull_1, .container_12 .pull_2, .container_12 .pull_3, .container_12 .pull_4, .container_12 .pull_5, .container_12 .pull_6, .container_12 .pull_7, .container_12 .pull_8, .container_12 .pull_9, .container_12 .pull_10, .container_12 .pull_11, .container_12 .pull_12  {
		left: 0;
	}
}
@media (max-width: 950px) {
	.daisho-portfolio .container_12 .prefix_1, .daisho-portfolio .container_12 .prefix_2, .daisho-portfolio .container_12 .prefix_3, .daisho-portfolio .container_12 .prefix_4, .daisho-portfolio .container_12 .prefix_5, .daisho-portfolio .container_12 .prefix_6, .daisho-portfolio .container_12 .prefix_7, .daisho-portfolio .container_12 .prefix_8, .daisho-portfolio .container_12 .prefix_9, .daisho-portfolio .container_12 .prefix_10, .daisho-portfolio .container_12 .prefix_11, .daisho-portfolio .container_12 .prefix_12  {
		padding-left: 0;
	}
	.daisho-portfolio .container_12 .suffix_1, .daisho-portfolio .container_12 .suffix_2, .daisho-portfolio .container_12 .suffix_3, .daisho-portfolio .container_12 .suffix_4, .daisho-portfolio .container_12 .suffix_5, .daisho-portfolio .container_12 .suffix_6, .daisho-portfolio .container_12 .suffix_7, .daisho-portfolio .container_12 .suffix_8, .daisho-portfolio .container_12 .suffix_9, .daisho-portfolio .container_12 .suffix_10, .daisho-portfolio .container_12 .suffix_11, .daisho-portfolio .container_12 .suffix_12  {
		padding-right: 0;
	}
	.daisho-portfolio .container_12 .push_1, .daisho-portfolio .container_12 .push_2, .daisho-portfolio .container_12 .push_3, .daisho-portfolio .container_12 .push_4, .daisho-portfolio .container_12 .push_5, .daisho-portfolio .container_12 .push_6, .daisho-portfolio .container_12 .push_7, .daisho-portfolio .container_12 .push_8, .daisho-portfolio .container_12 .push_9, .daisho-portfolio .container_12 .push_10, .daisho-portfolio .container_12 .push_11, .daisho-portfolio .container_12 .push_12  {
		left: 0;
	}
	.daisho-portfolio .container_12 .pull_1, .daisho-portfolio .container_12 .pull_2, .daisho-portfolio .container_12 .pull_3, .daisho-portfolio .container_12 .pull_4, .daisho-portfolio .container_12 .pull_5, .daisho-portfolio .container_12 .pull_6, .daisho-portfolio .container_12 .pull_7, .daisho-portfolio .container_12 .pull_8, .daisho-portfolio .container_12 .pull_9, .daisho-portfolio .container_12 .pull_10, .daisho-portfolio .container_12 .pull_11, .daisho-portfolio .container_12 .pull_12  {
		left: 0;
	}
}


/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}