@charset "utf-8";


/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
  border: 0; box-sizing: border-box;
  font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;
  margin: 0;outline: 0;padding: 0;
  vertical-align: baseline;}
:focus {outline: 0;}

@media only screen and (min-width: 0) {
  html {
    font-size: 14px; } }
@media screen and (min-width: 48.01em) {
  html {
    font-size: 16px; } }

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
img{ max-width: 100%;  box-sizing: border-box;}

body{
  font:100%/1.5 "Lucida Sans Unicode", "Lucida Grande", Arial, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", 'Meiryo', 'Meiryo UI', "ＭＳ Ｐゴシック",sans-serif !important;
  color:#333333;
}
strong{ font-weight: bold;}
li{margin: 0 0 15px;}
.txt-l{text-align: left;}
.txt-r{text-align: right;}
.txt-c{text-align: center;}

.mb-10{margin-bottom: 10px;}
.mb-20{margin-bottom: 20px;}
.mb-30{margin-bottom: 30px;}
.mb-40{margin-bottom: 40px;}
.mb-50{margin-bottom: 50px;}
.mb-60{margin-bottom: 60px;}

.ml-1em{margin-left: 1em;}

.p-10{padding: 10px}
.font-size120{font-size: 120%;}
/* リンク設定
------------------------------------------------------------*/
a{
  margin:0;
  padding:0;
  text-decoration:none;
  outline:0;
  vertical-align:baseline;
  background:transparent;
  font-size:100%;
  color:#330e00;
}
a:hover, a:active{
  -webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
  outline: none;
  color:#0068B6;
}

.list-disc {
  list-style: disc;
  margin: 0 0 0 1.5em;
}
.list-square {
  list-style: square;
  margin: 0 0 0 1.5em;
}
.list-decimal {
  list-style: decimal;
  margin: 0 0 0 1.5em;
}
.list-checkmark li{
  position: relative;
  margin: 0 0 1em;
  padding: 0 0 0 45px;
}
.list-checkmark li::before{
  content: "";
  background: url(../img/icon-checkmark.png) no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px;
  position: absolute;
  margin: auto;
  top: -3px;
  bottom: 0;
  left: 0;
}
.list-none{
  list-style: none;
  margin: 0 0 0 -1em;
}

p{
  margin: 0 0 0.8em;
}
/**** Clearfix ****/
.clearfix, .nav .panel:before,nav .panel:after, #mainNav:before,#mainNav:after, .newsTitle:before,.newsTitle:after{content: ""; display: table;}
.clearfix, nav .panel:after,#mainNav:after,.newsTitle:after{clear: both;}
.clearfix, nav .panel,#mainNav,.newsTitle{zoom: 1;}


/* html box
------------------------------------------------------------*/
h2{
  font-size: 1.8em;
  font-weight: bold;
}
h3{
  font-size: 1.5em;
}
h4{
  font-size: 1.3em;
  font-weight: bold;
}
.border-l-red{
  border-left: 5px solid #e50012;
  margin: 0 0 10px;
  padding: 0 0 0 5px;
}
.white{color: #fff}
.red{color: #e50012}
.blue{color: #0068B6;}
.bg_red{background: #e50012}
.bg_blue{background: #0068B6;}
.bg_gray{background: #e6e6e6}

.round-50{
  border-radius: 50%;
}
.border-bottom{
  border-bottom: 1px solid #b3b3b3;
}

.sp_only{
  display: block;
}
.pc_only{
  display: none;
}
@media screen and (min-width: 48.01em) {
  .sp_only{
    display: none;
  }
  .pc_only{
    display: block;
  }
}

.wrapper{
  margin: 0 auto;
}
#outline{
  margin: 1em auto 0;
  padding: 0 10px;
}
.content{
  margin: 10px 0 3em;
  padding: 0 0 3em;
}
#outline .content:last-child{
  padding: 0;
}
@media screen and (min-width: 77.5em) {
  #outline{
    width: 1170px;
    margin: 2em auto 0;
    padding: 0;
  }
}
.Breadcrumb{
  margin: 0 0 30px;
}
.Breadcrumb li {
  font-size: 90%;
  display: inline-block;
  margin: 0 30px 0 0;
}
.Breadcrumb li a{
  position: relative;
}
.Breadcrumb li a::after {
  content: "＞";
  position: absolute;
  right: -25px;
}
.Breadcrumb li:last-child a::after {
  content: "";
}

/* ヘッダー
*****************************************************/
#header{
  margin: 0 auto 15px;
}
#header .inner{
  text-align: center;
  font-size: 18px;
  padding: 10px;
  border-bottom: 1px solid #b3b3b3;
}

#header .tel::before,
#header .mail::before{
  content: "";
  width: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  background-size: contain;
}

#header .tel::before{
  background: url("../img/icon-tel.png") no-repeat;
}
#header .mail::before{
  content: "";
  background: url("../img/icon-mail.png") no-repeat;
}
#header aside{
  display: inline-block;
  font-size: 85%;
}
#headerInfo{
  padding: 10px;
}
@media screen and (min-width: 62.5em) {
  #header{
    margin: 0 auto;
  }
  #headerInfo{
    padding: 20px;
  }
  #header .tel{
    border-right: 1px solid #b3b3b3;
  }
}
.fixed-item{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: relative;
  z-index: 50;
  top: 0;
  width: 100%;
}
.stuck {
  position: fixed;
  top: 0;
}
.fixed-item + .stuck {
  box-shadow: 0 -3px 20px rgba(0, 0, 0, 0.25);
}
.stuck + #main{
  z-index: 100;
}
#main{
  position: relative;
  background: #fff;
  padding: 10px 0;
}
.inner, nav{
  margin: 0 auto;
}
/* メインメニュー　
------------------------------------------------------------*/
#mainNav{
  width:100%;
  margin:0 auto;
  z-index:200;
}
#mainNav .inner{width:98%;}
#mainNav a.menu{
  width: 50px;
  height: 50px;
  display: block;
  background: url(../img/menu.png) no-repeat center;
  border-radius: 6px;
  background-size: 70%;
  position: absolute;
  top: 10px;
  right: 5px;
}
  #mainNav a.menuOpen{
    background:url(../img/menuclose.png) no-repeat center;
    background-size: 75%;
  }
  #mainNav a#menu:hover{cursor:pointer;}
  #mainNav a#menu span{display: none;}

@media screen and (max-width: 77.4em) {
  nav .panel{
    display: none;
    width:100%;
    z-index: 1;
  }
  .panel ul{margin:0;padding:0;}
  .panel ul li{width:100%;margin: 0;
    border-bottom: 1px solid #b3b3b3;
  }
    .panel ul li a,.panel ul li.current-menu-item li a, .panel ul li span.nolink{
      display: block;
      padding:1em 0;
      text-align:left;
    }
    .panel ul li a span{padding-left:1em;}
    .panel ul li.current-menu-item a,.panel ul li a:hover,
    .panel ul li.current-menu-item a,.panel ul li a:active,
    .panel ul li li.current-menu-item a, .panel ul li.current-menu-item li a:hover,
    .panel ul li.current-menu-item li a:active{
      background:#fff;
    }
    .panel ul li li{
      border:0;
    }
  .panel ul li li a, .panel ul li.current-menu-item li a,
  .panel ul li li.current-menu-item a{
    background: url(../img/sub1.png) no-repeat 20px 50%;
  }
  .panel ul li li:last-child a{
    background: url(../img/subLast.png) no-repeat 20px 50%;
  }
  .panel ul li li a span{padding-left:35px;}
}
@media screen and (min-width: 77.5em) {
#mainNav{
  position:relative;
}
  #mainNav li{
    position:relative;
    padding:0;
    height:40px;
    line-height:40px;
    border-right: 1px solid #b3b3b3;
  }
  #mainNav li.border_none{
    border: none;
  }
  #mainNav li a{
    display:block;
    text-align:center;
    color:#333;
    padding: 0;
  }
  #mainNav li span{
    display: block;
    text-align: center;
  }
  #mainNav li.current-menu-item a, #mainNav li a:hover, #mainNav li a:active,
  #mainNav li.current-menu-parent a{
    background: #fff;
    color: #333;
  }
  #mainNav li > a:hover,
  #mainNav li > span:hover,
  #mainNav li.fx-col-100-xs > a.active{
    border-bottom:2px solid #0068B6;
  }
    #mainNav ul ul{
      width:100%;
      border-bottom:1px solid #b3b3b3;
    }
    #mainNav li ul{display:none; margin: 2px 0 0 0;}
    #mainNav li li{
      height:40px;
      line-height:40px;
      border-left: 1px solid #b3b3b3;
    }
    #mainNav li:hover ul{
      display:block;
      position:absolute;
      top:40px;
      left: 0;
      z-index:500;
      background: #fff;
    }
    #mainNav li.border_none:hover ul{
      right: 0;
    }
    #mainNav li li a{
      width: 100%;
      height: 40px;
      padding: 0;
      line-height: 40px;
      font-size: 90%;
      text-align: left;
      color: #333;
    }
    #mainNav li li a span{padding:0 5px;}
    #mainNav li li a:hover,#mainNav li li.current-menu-item a{color:#333;}

    #mainNav li:hover li{
      margin:0;
      border-top:1px solid #b3b3b3;
      color: #333;
    }

  nav div.panel{
    display:block !important;
  }
  #mainNav a#menu{display:none;}
}

#slide{
  width: 100%;
  max-width: 100vw;
  margin: 0 auto;
}
#slide .swiper-slide{
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
#slide .swiper-slide img{
  position: absolute;
  width: 70vw;
  top:0;
  left: 0;
  right: 0;
  margin: auto;
}
#slide .swiper-slide[data-swiper-slide-index="0"] img{
  left: 0;
  right: 0;
  bottom:  0;
}
#slide .swiper-slide[data-swiper-slide-index="4"]{
  background-position: center;
}
#slide .swiper-slide[data-swiper-slide-index="4"] img{
  left: 0;
  right: 0;
  bottom:  auto;
  background: rgb(255 255 255 / 75%);
  padding: 10px 20px;
  width: 100vw;
}
@media screen and (min-width: 48.01em) {
  #slide .swiper-slide img{
    top:0;
    bottom: 0;
    left: 20px;
    right: auto;
    margin: auto;
    width: 32vw;
  }
  #slide .swiper-slide[data-swiper-slide-index="4"] img{
    width: 60vw;
  }
}
@media screen and (min-width: 87.6875em) {
  #slide .swiper-slide img{
    left: 50px;
  }
}


/* フッター
  *****************************************************/
footer {
  padding: 1.5em 10px;
  border-top: 1px solid #b3b3b3;
}
footer a {
  color: #333;
  display: inline-block;
}
footer #footlink a {
  display: block;
  height: 40px;
  line-height: 40px;
}
footer .fx-col-30-xs img {
  width: 100%;
}
footer div{
  margin: 0 auto;
}
footer li{
  margin: 0;
}


@media screen and (min-width: 77.5em) {
  footer {
    padding: 3em 0 1em;
  }
  footer div{
    width: 1170px;
  }
}

#copyright{
  background: #e50012;
  color: #fff;
  margin: 1em 0;
  padding: 10px 0;
  text-align:center;
  font-style:normal;
  font-size:85%;
  zoom:1;
}


/* page navigation
------------------------------------------------------------*/
.pagenav{
  clear:both;
  width:100%;
  height:30px;
  margin:5px 0 20px;
}
.prev{float:left}
.next{float:right;}

#pageLinks{
  clear:both;
  color:#4f4d4d;
  text-align:center;
}

.linkbtn{
  background: #316745;
  color: #fff;
  padding: 5px 1em 5px 2em;
  position: relative;
  display: inline-block;
  border-radius: 15px;
}
  .linkbtn::before{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 7px;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 12px;
  }
.linkbtn2{
  background: #dddbb8;
  padding: 5px 1em;
  position: relative;
}

.arrow{
  position: relative;
  display: block;
  color: #000;
  vertical-align: middle;
  text-decoration: none;
  text-align: center;
  width: 30px;
  margin: 20px auto 100px;
}
.arrow::before,
.arrow::after{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
  .arrow-bottom::before{
    width: 0px;
    height: 0px;
    border: 35px solid transparent;
    border-left: 35px solid #d3d3d3;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 70px;
    left: -20px;
  }
  .arrow-bottom::after{
    top: 22px;
    left: 0;
    width: 0;
    height: 30px;
    border-left: 30px solid #d3d3d3;
  }
  .dli-chevron-round-right {
    display: inline-block;
    vertical-align: middle;
    color: #333;
    line-height: 1;
    width: 1em;
    height: 1em;
    transform: translateX(-25%) rotate(45deg);
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .dli-chevron-round-right::before, .dli-chevron-round-right::after {
    content: '';
    position: absolute;
    background: currentColor;
    border-radius: 0.1em;
  }
  .dli-chevron-round-right::before {
    top: 0;
    left: 0;
    right: 0;
    height: 0.1em;
  }
  .dli-chevron-round-right::after {
    top: 0;
    right: 0;
    bottom: 0;
    width: 0.1em;
  }

#pagetop {
  position: fixed;
  right: 20px;
  background: #f7f4f0 url("../img/pagetop.png") no-repeat center;
  background-size: 40px;
  width: 60px;
  height: 60px;
  border-radius: 30px;
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
  #pagetop a {
    display: block;
    width: 100%;
    height: 100%;
  }
@media only screen and (max-width:768px){
  #pagetop {
    right: 10px;
    background-size: 25px;
    width: 30px;
    height: 30px;
  }
}

#news .title{
  font-size: 130%;
  padding: 5px 0 0;
  position: relative;
}
#news .title strong::after{
  content: "";
  border-bottom: 2px solid;
  width: 6em;
  height: 2px;
  margin: 0 auto;
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
}

.contact_item {
  margin: 0 0 3em;
}

.contact_item li{
  margin: 0 0 10px;
  padding: 15px 10px 5px;
  text-align: center;

}

/* +display:flex grid+ */
.fx-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .fx-row + .fx-row {
    margin-top: 0; }
  .otherPtn .fx-row{
    max-width: 100%;
    margin: 0 auto; }
  .otherPtn [class*="fx-col"]{
    max-width: 100%; }


.fx-row-start-xs {
  -webkit-box-pack: start;/*--- Android ---*/
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
.fx-row-center-xs {
  -webkit-box-pack: center;/*--- Android ---*/
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
.fx-row-end-xs {
  -webkit-box-pack: end;/*--- Android ---*/
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
.fx-row-between-xs {
  -webkit-box-pack: justify;/*--- Android ---*/
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
.fx-row-around-xs {
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around; }

/* Mobile Large 620px */
@media screen and (min-width: 38.75em) {
  .fx-row-start-s {
    -webkit-box-pack: start;/*--- Android ---*/
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .fx-row-center-s {
    -webkit-box-pack: center;/*--- Android ---*/
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .fx-row-end-s {
    -webkit-box-pack: end;/*--- Android ---*/
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .fx-row-between-s {
    -webkit-box-pack: justify;/*--- Android ---*/
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .fx-row-around-s {
    -webkit-box-pack: distribute;/*--- Android ---*/
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; } }

/* Tablet Large 880px */
@media screen and (min-width: 48.01em) {
  .fx-row-start-m {
    -webkit-box-pack: start;/*--- Android ---*/
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .fx-row-center-m {
    -webkit-box-pack: center;/*--- Android ---*/
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .fx-row-end-m {
    -webkit-box-pack: end;/*--- Android ---*/
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .fx-row-between-m {
    -webkit-box-pack: justify;/*--- Android ---*/
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .fx-row-around-m {
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; } }

/* Desktop Small 1000px */
@media screen and (min-width: 77.5em) {
  .fx-row-start-l {
    -webkit-box-pack: start;/*--- Android ---*/
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .fx-row-center-l {
    -webkit-box-pack: center;/*--- Android ---*/
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .fx-row-end-l {
    -webkit-box-pack: end;/*--- Android ---*/
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .fx-row-between-l {
    -webkit-box-pack: justify;/*--- Android ---*/
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .fx-row-around-l {
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; } }

.fx-row-reverse-xs {
  -webkit-box-direction:reverse;/*--- Android ---*/
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse; }

@media screen and (min-width: 38.75em) {
  .fx-row-reverse-s {
    -webkit-box-direction:reverse;/*--- Android ---*/
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; } }
@media screen and (min-width: 48.01em) {
  .fx-row-reverse-m {
    -webkit-box-direction:reverse;/*--- Android ---*/
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; } }
@media screen and (min-width: 77.5em) {
  .fx-row-reverse-l {
    -webkit-box-direction:reverse;/*--- Android ---*/
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; } }

[class*="fx-col"] {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.fx-col-10-xs {
  -webkit-flex-basis: 10%;
      -ms-flex-preferred-size: 10%;
          flex-basis: 10%;
  max-width: 10%; }
.fx-col-15-xs {
  -webkit-flex-basis: 15%;
      -ms-flex-preferred-size: 15%;
          flex-basis: 15%;
  max-width: 15%; }
.fx-col-20-xs {
  -webkit-flex-basis: 20%;
      -ms-flex-preferred-size: 20%;
          flex-basis: 20%;
  max-width: 20%; }
.fx-col-25-xs {
  -webkit-flex-basis: 25%;
      -ms-flex-preferred-size: 25%;
          flex-basis: 25%;
  max-width: 25%; }
.fx-col-30-xs {
  -webkit-flex-basis: 30%;
      -ms-flex-preferred-size: 30%;
          flex-basis: 30%;
  max-width: 30%; }
.fx-col-33-xs {
  -webkit-flex-basis: 33.3333%;
      -ms-flex-preferred-size: 33.3333%;
          flex-basis: 33.3333%;
  max-width: 33.3333%; }
.fx-col-35-xs {
  -webkit-flex-basis: 35%;
      -ms-flex-preferred-size: 35%;
          flex-basis: 35%;
  max-width: 35%; }
.fx-col-40-xs {
  -webkit-flex-basis: 40%;
      -ms-flex-preferred-size: 40%;
          flex-basis: 40%;
  max-width: 40%; }
.fx-col-45-xs {
  -webkit-flex-basis: 45%;
      -ms-flex-preferred-size: 45%;
          flex-basis: 45%;
  max-width: 45%; }
.fx-col-48-xs {
  -webkit-flex-basis: 48%;
      -ms-flex-preferred-size: 48%;
          flex-basis: 48%;
  max-width: 48%; }
.fx-col-50-xs {
  -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
  max-width: 50%; }
.fx-col-55-xs {
  -webkit-flex-basis: 55%;
      -ms-flex-preferred-size: 55%;
          flex-basis: 55%;
  max-width: 55%; }
.fx-col-60-xs {
  -webkit-flex-basis: 60%;
      -ms-flex-preferred-size: 60%;
          flex-basis: 60%;
  max-width: 60%; }
.fx-col-65-xs {
  -webkit-flex-basis: 65%;
      -ms-flex-preferred-size: 65%;
          flex-basis: 65%;
  max-width: 65%; }
.fx-col-66-xs {
  -webkit-flex-basis: 66.6666%;
      -ms-flex-preferred-size: 66.6666%;
          flex-basis: 66.6666%;
  max-width: 66.6666%; }
.fx-col-70-xs {
  -webkit-flex-basis: 70%;
      -ms-flex-preferred-size: 70%;
          flex-basis: 70%;
  max-width: 70%; }
.fx-col-75-xs {
  -webkit-flex-basis: 75%;
      -ms-flex-preferred-size: 75%;
          flex-basis: 75%;
  max-width: 75%; }
.fx-col-80-xs {
  -webkit-flex-basis: 80%;
      -ms-flex-preferred-size: 80%;
          flex-basis: 80%;
  max-width: 80%; }
.fx-col-85-xs {
  -webkit-flex-basis: 85%;
      -ms-flex-preferred-size: 85%;
          flex-basis: 85%;
  max-width: 85%; }
.fx-col-90-xs {
  -webkit-flex-basis: 90%;
      -ms-flex-preferred-size: 90%;
          flex-basis: 90%;
  max-width: 90%; }
.fx-col-95-xs {
  -webkit-flex-basis: 95%;
      -ms-flex-preferred-size: 95%;
          flex-basis: 95%;
  max-width: 95%; }
.fx-col-98-xs {
  -webkit-flex-basis: 98%;
      -ms-flex-preferred-size: 98%;
          flex-basis: 98%;
  max-width: 98%; }
.fx-col-100-xs {
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  max-width: 100%; }

@media screen and (min-width: 38.75em) {
  .fx-col-10-s {
    -webkit-flex-basis: 10%;
        -ms-flex-preferred-size: 10%;
            flex-basis: 10%;
    max-width: 10%; }
  .fx-col-15-s {
    -webkit-flex-basis: 15%;
        -ms-flex-preferred-size: 15%;
            flex-basis: 15%;
    max-width: 15%; }
  .fx-col-20-s {
    -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
            flex-basis: 20%;
    max-width: 20%; }
  .fx-col-25-s {
    -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
    max-width: 25%; }
  .fx-col-30-s {
    -webkit-flex-basis: 30%;
        -ms-flex-preferred-size: 30%;
            flex-basis: 30%;
    max-width: 30%; }
  .fx-col-35-s {
    -webkit-flex-basis: 35%;
        -ms-flex-preferred-size: 35%;
            flex-basis: 35%;
    max-width: 35%; }
  .fx-col-33-s {
    -webkit-flex-basis: 33.3333%;
        -ms-flex-preferred-size: 33.3333%;
            flex-basis: 33.3333%;
    max-width: 33.3333%; }
  .fx-col-40-s {
    -webkit-flex-basis: 40%;
        -ms-flex-preferred-size: 40%;
            flex-basis: 40%;
    max-width: 40%; }
  .fx-col-45-s {
    -webkit-flex-basis: 45%;
        -ms-flex-preferred-size: 45%;
            flex-basis: 45%;
    max-width: 45%; }
  .fx-col-48-s {
    -webkit-flex-basis: 48%;
        -ms-flex-preferred-size: 48%;
            flex-basis: 48%;
    max-width: 48%; }

  .fx-col-50-s {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%; }
  .fx-col-55-s {
    -webkit-flex-basis: 55%;
        -ms-flex-preferred-size: 55%;
            flex-basis: 55%;
    max-width: 55%; }
  .fx-col-60-s {
    -webkit-flex-basis: 60%;
        -ms-flex-preferred-size: 60%;
            flex-basis: 60%;
    max-width: 60%; }
  .fx-col-65-s {
    -webkit-flex-basis: 65%;
        -ms-flex-preferred-size: 65%;
            flex-basis: 65%;
    max-width: 65%; }
  .fx-col-66-s {
    -webkit-flex-basis: 66.6666%;
        -ms-flex-preferred-size: 66.6666%;
            flex-basis: 66.6666%;
    max-width: 66.6666%; }
  .fx-col-70-s {
    -webkit-flex-basis: 70%;
        -ms-flex-preferred-size: 70%;
            flex-basis: 70%;
    max-width: 70%; }
  .fx-col-75-s {
    -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
            flex-basis: 75%;
    max-width: 75%; }
  .fx-col-80-s {
    -webkit-flex-basis: 80%;
        -ms-flex-preferred-size: 80%;
            flex-basis: 80%;
    max-width: 80%; }
  .fx-col-85-s {
    -webkit-flex-basis: 85%;
        -ms-flex-preferred-size: 85%;
            flex-basis: 85%;
    max-width: 85%; }
  .fx-col-90-s {
    -webkit-flex-basis: 90%;
        -ms-flex-preferred-size: 90%;
            flex-basis: 90%;
    max-width: 90%; }
  .fx-col-95-s {
    -webkit-flex-basis: 95%;
      -ms-flex-preferred-size: 95%;
          flex-basis: 95%;
    max-width: 95%; }
  .fx-col-98-s {
    -webkit-flex-basis: 98%;
      -ms-flex-preferred-size: 98%;
          flex-basis: 98%;
    max-width: 98%; }
  .fx-col-100-s {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    max-width: 100%; } }

@media screen and (min-width: 48.01em) {
  .fx-col-5-m {
    -webkit-flex-basis: 5%;
        -ms-flex-preferred-size: 5%;
            flex-basis: 5%;
    max-width: 10%; }
  .fx-col-8-m {
    -webkit-flex-basis: 8%;
        -ms-flex-preferred-size: 8%;
            flex-basis: 8%;
    max-width: 8%; }
  .fx-col-10-m {
    -webkit-flex-basis: 10%;
        -ms-flex-preferred-size: 10%;
            flex-basis: 10%;
    max-width: 10%; }
  .fx-col-13-m {
    -webkit-flex-basis: 13%;
        -ms-flex-preferred-size: 13%;
            flex-basis: 13%;
    max-width: 13%; }
  .fx-col-15-m {
    -webkit-flex-basis: 15%;
        -ms-flex-preferred-size: 15%;
            flex-basis: 15%;
    max-width: 15%; }
  .fx-col-20-m {
    -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
            flex-basis: 20%;
    max-width: 20%; }
  .fx-col-25-m {
    -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
    max-width: 25%; }
  .fx-col-30-m {
    -webkit-flex-basis: 30%;
        -ms-flex-preferred-size: 30%;
            flex-basis: 30%;
    max-width: 30%; }
  .fx-col-32-m {
    -webkit-flex-basis: 32%;
        -ms-flex-preferred-size: 32%;
            flex-basis: 32%;
    max-width: 32%; }
  .fx-col-35-m {
    -webkit-flex-basis: 35%;
        -ms-flex-preferred-size: 35%;
            flex-basis: 35%;
    max-width: 35%; }
  .fx-col-33-m {
    -webkit-flex-basis: 33.3333%;
        -ms-flex-preferred-size: 33.3333%;
            flex-basis: 33.3333%;
    max-width: 33.3333%; }
  .fx-col-40-m {
    -webkit-flex-basis: 40%;
        -ms-flex-preferred-size: 40%;
            flex-basis: 40%;
    max-width: 40%; }
  .fx-col-45-m {
    -webkit-flex-basis: 45%;
        -ms-flex-preferred-size: 45%;
            flex-basis: 45%;
    max-width: 45%; }
  .fx-col-48-m {
    -webkit-flex-basis: 48%;
        -ms-flex-preferred-size: 48%;
            flex-basis: 48%;
    max-width: 48%; }
  .fx-col-50-m {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%; }
  .fx-col-55-m {
    -webkit-flex-basis: 55%;
        -ms-flex-preferred-size: 55%;
            flex-basis: 55%;
    max-width: 55%; }
  .fx-col-60-m {
    -webkit-flex-basis: 60%;
        -ms-flex-preferred-size: 60%;
            flex-basis: 60%;
    max-width: 60%; }
  .fx-col-65-m {
    -webkit-flex-basis: 65%;
        -ms-flex-preferred-size: 65%;
            flex-basis: 65%;
    max-width: 65%; }
  .fx-col-66-m {
    -webkit-flex-basis: 66.6666%;
        -ms-flex-preferred-size: 66.6666%;
            flex-basis: 66.6666%;
    max-width: 66.6666%; }
  .fx-col-70-m {
    -webkit-flex-basis: 70%;
        -ms-flex-preferred-size: 70%;
            flex-basis: 70%;
    max-width: 70%; }
  .fx-col-75-m {
    -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
            flex-basis: 75%;
    max-width: 75%; }
  .fx-col-80-m {
    -webkit-flex-basis: 80%;
        -ms-flex-preferred-size: 80%;
            flex-basis: 80%;
    max-width: 80%; }
  .fx-col-85-m {
    -webkit-flex-basis: 85%;
        -ms-flex-preferred-size: 85%;
            flex-basis: 85%;
    max-width: 85%; }
  .fx-col-90-m {
    -webkit-flex-basis: 90%;
        -ms-flex-preferred-size: 90%;
            flex-basis: 90%;
    max-width: 90%; }
  .fx-col-95-m {
    -webkit-flex-bamim: 95%;
      -mm-flex-preferred-mize: 95%;
          flex-bamim: 95%;
    max-width: 95%; }
  .fx-col-98-m {
    -webkit-flex-bamim: 98%;
      -mm-flex-preferred-mize: 98%;
          flex-bamim: 98%;
    max-width: 98%; }
  .fx-col-100-m {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    max-width: 100%; }
}

@media screen and (min-width: 77.5em) {
  .fx-col-5-l {
    -webkit-flex-basis: 5%;
        -ms-flex-preferred-size: 5%;
            flex-basis: 5%;
    max-width: 5%; }
  .fx-col-10-l {
    -webkit-flex-basis: 10%;
        -ms-flex-preferred-size: 10%;
            flex-basis: 10%;
    max-width: 10%; }
  .fx-col-13-l {
    -webkit-flex-basis: 13%;
        -ms-flex-preferred-size: 13%;
            flex-basis: 13%;
    max-width: 13%; }
  .fx-col-14-l {
    -webkit-flex-basis: 14%;
        -ms-flex-preferred-size: 14%;
            flex-basis: 14%;
    max-width: 14%; }

  .fx-col-15-l {
    -webkit-flex-basis: 15%;
        -ms-flex-preferred-size: 15%;
            flex-basis: 15%;
    max-width: 15%; }
  .fx-col-20-l {
    -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
            flex-basis: 20%;
    max-width: 20%; }
  .fx-col-25-l {
    -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
    max-width: 25%; }
  .fx-col-30-l {
    -webkit-flex-basis: 30%;
        -ms-flex-preferred-size: 30%;
            flex-basis: 30%;
    max-width: 30%; }
  .fx-col-35-l {
    -webkit-flex-basis: 35%;
        -ms-flex-preferred-size: 35%;
            flex-basis: 35%;
    max-width: 35%; }
  .fx-col-33-l {
    -webkit-flex-basis: 33.3333%;
        -ms-flex-preferred-size: 33.3333%;
            flex-basis: 33.3333%;
    max-width: 33.3333%; }
  .fx-col-40-l {
    -webkit-flex-basis: 40%;
        -ms-flex-preferred-size: 40%;
            flex-basis: 40%;
    max-width: 40%; }
  .fx-col-45-l {
    -webkit-flex-basis: 45%;
        -ms-flex-preferred-size: 45%;
            flex-basis: 45%;
    max-width: 45%; }
  .fx-col-48-l {
    -webkit-flex-basis: 48%;
        -ms-flex-preferred-size: 48%;
            flex-basis: 48%;
    max-width: 48%; }
  .fx-col-50-l {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%; }
  .fx-col-55-l {
    -webkit-flex-basis: 55%;
        -ms-flex-preferred-size: 55%;
            flex-basis: 55%;
    max-width: 55%; }
  .fx-col-60-l {
    -webkit-flex-basis: 60%;
        -ms-flex-preferred-size: 60%;
            flex-basis: 60%;
    max-width: 60%; }
  .fx-col-65-l {
    -webkit-flex-basis: 65%;
        -ms-flex-preferred-size: 65%;
            flex-basis: 65%;
    max-width: 65%; }
  .fx-col-66-l {
    -webkit-flex-basis: 66.6666%;
        -ms-flex-preferred-size: 66.6666%;
            flex-basis: 66.6666%;
    max-width: 66.6666%; }
  .fx-col-70-l {
    -webkit-flex-basis: 70%;
        -ms-flex-preferred-size: 70%;
            flex-basis: 70%;
    max-width: 70%; }
  .fx-col-75-l {
    -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
            flex-basis: 75%;
    max-width: 75%; }
  .fx-col-80-l {
    -webkit-flex-basis: 80%;
        -ms-flex-preferred-size: 80%;
            flex-basis: 80%;
    max-width: 80%; }
  .fx-col-85-l {
    -webkit-flex-basis: 85%;
        -ms-flex-preferred-size: 85%;
            flex-basis: 85%;
    max-width: 85%; }
  .fx-col-90-l {
    -webkit-flex-basis: 90%;
        -ms-flex-preferred-size: 90%;
            flex-basis: 90%;
    max-width: 90%; }
  .fx-col-95-l {
    -webkit-flex-balil: 95%;
      -ml-flex-preferred-lize: 95%;
          flex-balil: 95%;
    max-width: 95%; }
  .fx-col-98-l {
    -webkit-flex-balil: 98%;
      -ml-flex-preferred-lize: 98%;
          flex-basis: 98%;
    max-width: 98%; }
  .fx-col-100-l {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    max-width: 100%; }
}

.fx-col-top-xs {
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start; }
.fx-col-center-xs {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center; }
.fx-col-bottom-xs {
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end; }
@media screen and (min-width: 38.75em) {
  .fx-col-top-s {
    -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
            align-self: flex-start; }
  .fx-col-center-s {
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center; }
  .fx-col-bottom-s {
    -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
            align-self: flex-end; } }
@media screen and (min-width: 48.01em) {
  .fx-col-top-m {
    -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
            align-self: flex-start; }
  .fx-col-center-m {
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center; }
  .fx-col-bottom-m {
    -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
            align-self: flex-end; } }
@media screen and (min-width: 77.5em) {
  .fx-col-top-l {
    -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
            align-self: flex-start; }
  .fx-col-center-l {
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center; }
  .fx-col-bottom-l {
    -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
            align-self: flex-end; } }

.fx-item-center{
  -webkit-box-align:center;/*--- Android ---*/
  -webkit-align-items: center; /* Safari */
  align-items: center;
  text-align: center; }
.fx-item-top{
  -webkit-box-align:start;/*--- Android ---*/
  -webkit-align-items: flex-start; /* Safari */
  align-items: flex-start; }
.fx-item-bottom{
  -webkit-box-align:end;/*--- Android ---*/
  -webkit-align-items: flex-end; /* Safari */
  align-items: flex-end; }
.fx-item-baseline{
  -webkit-box-align:baseline;/*--- Android ---*/
  -webkit-align-items: baseline; /* Safari */
  align-items: baseline; }


/* +GRID IE9               */
.ie9 .fx-row {
  font-size: 0; }

.ie9 [class*="fx-row-reverse"] {
  direction: rtl; }
  .ie9 [class*="fx-row-reverse"] > * {
    direction: ltr; }
.ie9 .fx-row > .fx-row[class*="fx-col"] {
  font-size: 0; }
.ie9 [class*="fx-col"] {
  display: inline-block;
  font-size: 16px;
  vertical-align: top; }

.ie9 .fx-col-10-xs {
  width: 10%; }
.ie9 .fx-col-20-xs {
  width: 20%; }
.ie9 .fx-col-25-xs {
  width: 25%; }
.ie9 .fx-col-30-xs {
  width: 30%; }
.ie9 .fx-col-33-xs {
  width: 33.3333%; }
.ie9 .fx-col-40-xs {
  width: 40%; }
.ie9 .fx-col-45-xs {
  width: 45%; }
.ie9 .fx-col-50-xs {
  width: 50%; }
.ie9 .fx-col-55-xs {
  width: 55%; }
.ie9 .fx-col-60-xs {
  width: 60%; }
.ie9 .fx-col-65-xs {
  width: 65%; }
.ie9 .fx-col-66-xs {
  width: 66.6666%; }
.ie9 .fx-col-70-xs {
  width: 70%; }
.ie9 .fx-col-75-xs {
  width: 75%; }
.ie9 .fx-col-80-xs {
  width: 80%; }
.ie9 .fx-col-90-xs {
  width: 90%; }
.ie9 .fx-col-95-xs {
  width: 95%; }
.ie9 .fx-col-98-xs {
  width: 98%; }
.ie9 .fx-col-100-xs {
  width: 100%; }

.ie9 .fx-row-start-xs {
  text-align: left; }
.ie9 .fx-row-end-xs {
  text-align: right; }
.ie9 .fx-row-center-xs, .ie9 .fx-row-between-xs, .ie9 .fx-row-around-xs {
  text-align: center; }
.ie9 .fx-row-center-xs dl, .ie9 .fx-row-between-xs dl, .ie9 .fx-row-around-xs dl {
  text-align: left; }

@media screen and (min-width: 38.75em) {
  .ie9 .fx-col-10-s {
    width: 10%; }
  .ie9 .fx-col-20-s {
    width: 20%; }
  .ie9 .fx-col-25-s {
    width: 25%; }
  .ie9 .fx-col-30-s {
    width: 30%; }
  .ie9 .fx-col-33-s {
    width: 33.3333%; }
  .ie9 .fx-col-40-s {
    width: 40%; }
  .ie9 .fx-col-45-s {
    width: 45%; }
  .ie9 .fx-col-48-s {
    width: 48%; }
  .ie9 .fx-col-50-s {
    width: 50%; }
  .ie9 .fx-col-55-s {
    width: 55%; }
  .ie9 .fx-col-60-s {
    width: 60%; }
  .ie9 .fx-col-65-s {
    width: 65%; }
  .ie9 .fx-col-66-s {
    width: 66.6666%; }
  .ie9 .fx-col-70-s {
    width: 70%; }
  .ie9 .fx-col-75-s {
    width: 75%; }
  .ie9 .fx-col-80-s {
    width: 80%; }
  .ie9 .fx-col-90-s {
    width: 90%; }
  .ie9 .fx-col-95-s {
    width: 95%; }
  .ie9 .fx-col-98-s {
    width: 98%; }
  .ie9 .fx-col-100-s {
    width: 100%; }
  .ie9 .fx-row-start-s {
    text-align: left; }
  .ie9 .fx-row-center-s, .ie9 .fx-row-between-s, .ie9 .fx-row-around-s {
    text-center: right; } }

@media screen and (min-width: 48.01em) {
  .ie9 .fx-col-10-m {
    width: 10%; }
  .ie9 .fx-col-13-m {
    width: 13%; }
  .ie9 .fx-col-20-m {
    width: 20%; }
  .ie9 .fx-col-25-m {
    width: 25%; }
  .ie9 .fx-col-30-m {
    width: 30%; }
  .ie9 .fx-col-33-m {
    width: 33.3333%; }
  .ie9 .fx-col-40-m {
    width: 40%; }
  .ie9 .fx-col-45-m {
    width: 45%; }
  .ie9 .fx-col-48-m {
    width: 48%; }
  .ie9 .fx-col-50-m {
    width: 50%; }
  .ie9 .fx-col-55-m {
    width: 55%; }
  .ie9 .fx-col-60-m {
    width: 60%; }
  .ie9 .fx-col-65-m {
    width: 65%; }
  .ie9 .fx-col-66-m {
    width: 66.6666%; }
  .ie9 .fx-col-70-m {
    width: 70%; }
  .ie9 .fx-col-75-m {
    width: 75%; }
  .ie9 .fx-col-80-m {
    width: 80%; }
  .ie9 .fx-col-90-m {
    width: 90%; }
  .ie9 .fx-col-95-m {
    width: 95%; }
  .ie9 .fx-col-98-m {
    width: 98%; }
  .ie9 .fx-col-100-m {
    width: 100%; }
  .ie9 .fx-row-start-m {
    text-align: left; }
  .ie9 .fx-row-center-m, .ie9 .fx-row-between-m, .ie9 .fx-row-around-m {
    text-center: right; } }

@media screen and (min-width: 77.5em) {
  .ie9 .fx-col-10-l {
    width: 10%; }
  .ie9 .fx-col-13-l {
    width: 13%; }
  .ie9 .fx-col-14-l {
    width: 14%; }
  .ie9 .fx-col-15-l {
    width: 15%; }     
  .ie9 .fx-col-20-l {
    width: 20%; }
  .ie9 .fx-col-25-l {
    width: 25%; }
  .ie9 .fx-col-30-l {
    width: 30%; }
  .ie9 .fx-col-33-l {
    width: 33.3333%; }
  .ie9 .fx-col-40-l {
    width: 40%; }
  .ie9 .fx-col-45-l {
    width: 45%; }
  .ie9 .fx-col-48-l {
    width: 48%; }
  .ie9 .fx-col-50-l {
    width: 50%; }
  .ie9 .fx-col-55-l {
    width: 55%; }
  .ie9 .fx-col-60-l {
    width: 60%; }
  .ie9 .fx-col-65-l {
    width: 65%; }
  .ie9 .fx-col-66-l {
    width: 66.6666%; }
  .ie9 .fx-col-70-l {
    width: 70%; }
  .ie9 .fx-col-75-l {
    width: 75%; }
  .ie9 .fx-col-80-l {
    width: 80%; }
  .ie9 .fx-col-90-l {
    width: 90%; }
  .ie9 .fx-col-95-l {
    width: 95%; }
  .ie9 .fx-col-98-l {
    width: 98%; }
  .ie9 .fx-col-100-l {
    width: 100%; }
  .ie9 .fx-row-start-l {
    text-align: left; }
  .ie9 .fx-row-center-l, .ie9 .fx-row-between-l, .ie9 .fx-row-around-l {
    text-center: right; } }

.ie9 .fx-col {
  width: 100%; }
.ie9 dt {
  vertical-align: top; }


/* Lightbox2 */
body.lb-disable-scrolling {
  overflow: hidden;
}
.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}
.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
  outline: none;
}
.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;

  border: 4px solid white;
}
.lightbox a img {
  border: none;
}
.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
  background-color: white;
}
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}
.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}
.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/loading.gif) no-repeat;
}
.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}
.lb-container > .nav {
  left: 0;
}
.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}
.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}
.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../images/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../images/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}
.lb-data {
  padding: 0 4px;
  color: #ccc;
}
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}
.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}
.lb-data .lb-caption a {
  color: #4ae;
}
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}
.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}