@charset "UTF-8";
@font-face { font-family: 'fira_reg'; src: url("/media/fonts/FiraSans-Regular.woff") format("woff"), url("/media/fonts/FiraSans-Regular.ttf") format("truetype"); }
@font-face { font-family: 'fira_light'; src: url("/media/fonts/FiraSans-Light.woff") format("woff"), url("/media/fonts/FiraSans-Light.ttf") format("truetype"); }
@font-face { font-family: 'fira_bold'; src: url("/media/fonts/FiraSans-Medium.woff") format("woff"), url("/media/fonts/FiraSans-Medium.ttf") format("truetype"); }
html { font-size: 10px; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); line-height: 1.5; }
@media (max-width: 750px) { html { font-size: 8px; } }

a { text-decoration: none; color: #C99700; }
a:hover { color: #C99700; }

ul.two_col_list, ol.two_col_list { padding-left: 0px; }
ul.two_col_list li, ol.two_col_list li { width: 49%; display: inline-block; vertical-align: top; }
@media (max-width: 640px) { ul.two_col_list li, ol.two_col_list li { width: 100%; display: block; } }
ul.list--nopadding, ol.list--nopadding { padding-left: 0px; }
ul li, ol li { font-size: 1.6rem; line-height: 1.8; letter-spacing: .025rem; font-family: "fira_reg", arial, sans-serif; color: rgba(255, 255, 255, 0.85); }
ul.no-bullet li, ol.no-bullet li { list-style-type: none; }

ul.footer-list { list-style-type: none; padding-left: 0px; margin-bottom: 3px; display: inline-block; margin-top: 0px; }
ul.footer-list li { display: inline-block; border-right: 1px solid #C8C7CC; padding-right: 10px; margin-right: 10px; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; font-family: "fira_reg", arial, sans-serif; font-weight: 200; color: #A6A6A6; margin-top: 4px; }
.foot_bottom ul.footer-list li { border-right: none; padding-right: 5px; margin-right: 5px; }
ul.footer-list li:last-child { border-right: none; }
ul.footer-list li a { font-family: "fira_reg", arial, sans-serif; font-weight: 200; }

p { line-height: 1.625; letter-spacing: .025rem; font-size: 1.6rem; font-family: "fira_reg", arial, sans-serif; color: rgba(255, 255, 255, 0.85); }
aside p { font-size: 1.4rem; }
p.log--date { margin-top: 0px; margin-bottom: 0px; }
p.log--title { margin-top: 0px; }
p.log--stats { color: rgba(255, 255, 255, 0.75); margin-bottom: 0px; }
p.news--date { margin-top: 4px; font-size: 1.4rem; color: rgba(255, 255, 255, 0.75); margin-bottom: 0px; }
p.news--summary { margin-top: 10px; }

h1, h2, h3, h4, h5, h6 { color: rgba(255, 255, 255, 0.85); font-family: "fira_bold", Georgia, serif; margin-top: 1rem; margin-bottom: 1rem; line-height: 1.5; font-family: "fira_bold", Georgia, serif; font-weight: 400; color: rgba(255, 255, 255, 0.85); }

h1, .h1 { font-size: 2.8rem; margin-bottom: 5px; font-weight: 400; color: rgba(255, 255, 255, 0.85); }
h1.sectionheader, .h1.sectionheader { font-size: 1.8rem; text-transform: uppercase; border-bottom: 4px solid #C99700; display: inline-block; padding-right: 30px; }

h2, .h2 { font-size: 2.2rem; font-weight: 400; }
h2.news--title, .h2.news--title { font-size: 2.0rem; margin-bottom: 0px; }
h2.news--title a, .h2.news--title a { color: rgba(255, 255, 255, 0.85); }
h2.news--title a:hover, .h2.news--title a:hover { color: #C99700; }

h3, .h3 { font-size: 2rem; }
h3 + p, .h3 + p { margin-top: -5px; }
.video__contents h3, .video__contents .h3 { font-size: 1.4rem; text-transform: uppercase; margin-bottom: 20px; }

h4, .h4 { font-size: 1.4rem; }

h5.article__date { font-size: 1.5rem; color: rgba(255, 255, 255, 0.85); font-family: "fira_reg", arial, sans-serif; margin-top: 0px; margin-bottom: 8px; }

blockquote { background-color: #F5F1E9; padding: 10px 12px; border-left: 3px solid #A6A6A6; font-size: 1.5rem; line-height: 1.7; color: rgba(255, 255, 255, 0.75); font-weight: 400; font-family: "fira_reg", arial, sans-serif; margin-right: 0px; margin-left: 60px; }

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body { background-color: #0C0E10; }

header { text-align: center; position: relative; top: 120px; z-index: 99; }
header .logo__wrapper { position: absolute; top: 50%; /* position the top  edge of the element at the middle of the parent */ left: 50%; /* position the left edge of the element at the middle of the parent */ transform: translate(-50%, -50%); z-index: 100; }

article { width: 55%; margin-left: 13%; padding: 2% 6% 2% 0%; display: inline-block; vertical-align: top; margin-right: 1%; margin-top: 5%; }
@media (max-width: 1250px) { article { width: 59%; margin-left: 10%; } }
@media (max-width: 1000px) { article { width: 77%; margin-left: 5%; } }
@media (max-width: 850px) { article { width: 90%; margin-left: 0%; } }
@media (max-width: 640px) { article { width: 100%; margin-right: 0px; padding-right: 0px; } }
article.article--fullwidth { width: 100%; padding: 4%; padding-top: 2%; margin-right: 0%; }

aside { width: 25%; display: inline-block; vertical-align: top; padding-left: 2%; margin-top: 1%; margin-left: 2%; margin-top: 7%; }
@media (max-width: 850px) { aside { padding-left: 0px; margin-left: 0px; } }
@media (max-width: 640px) { aside { width: 100%; margin-left: 0px; padding-left: 0px; } }

footer { position: absolute; bottom: 0; width: 100%; padding-top: 30px; padding-bottom: 60px; height: 180px; display: block; border-top: 3px solid #C99700; }
footer .footer_contents { width: 80%; margin: 0 auto; min-width: 300px; text-align: center; }
@media (max-width: 850px) { footer .footer_contents { width: 85%; } }
@media (max-width: 640px) { footer .footer_contents { width: 90%; } }
footer .footer_contents ul { display: block; }
footer .footer_contents ul li { display: inline; }
footer .footer_contents ul li a { padding: 15px; color: rgba(255, 255, 255, 0.75); }

/** Code formatting */
pre { display: block; word-break: break-all; word-wrap: break-word; color: rgba(255, 255, 255, 0.85); background-color: #F5F1E9; border: 1px solid #C8C7CC; border-radius: 2px; padding: 2%; }
pre code { font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; }

/** Syntax highlighting styles */
.highlight { background: #fff; }
.highlight .c { color: #998; font-style: italic; }
.highlight .err { color: #a61717; background-color: #e3d2d2; }
.highlight .k { font-weight: bold; }
.highlight .o { font-weight: bold; }
.highlight .cm { color: #998; font-style: italic; }
.highlight .cp { color: #999; font-weight: bold; }
.highlight .c1 { color: #998; font-style: italic; }
.highlight .cs { color: #999; font-weight: bold; font-style: italic; }
.highlight .gd { color: #000; background-color: #fdd; }
.highlight .gd .x { color: #000; background-color: #faa; }
.highlight .ge { font-style: italic; }
.highlight .gr { color: #a00; }
.highlight .gh { color: #999; }
.highlight .gi { color: #000; background-color: #dfd; }
.highlight .gi .x { color: #000; background-color: #afa; }
.highlight .go { color: #888; }
.highlight .gp { color: #555; }
.highlight .gs { font-weight: bold; }
.highlight .gu { color: #aaa; }
.highlight .gt { color: #a00; }
.highlight .kc { font-weight: bold; }
.highlight .kd { font-weight: bold; }
.highlight .kp { font-weight: bold; }
.highlight .kr { font-weight: bold; }
.highlight .kt { color: #458; font-weight: bold; }
.highlight .m { color: #099; }
.highlight .s { color: #d14; }
.highlight .na { color: #008080; }
.highlight .nb { color: #0086B3; }
.highlight .nc { color: #458; font-weight: bold; }
.highlight .no { color: #008080; }
.highlight .ni { color: #800080; }
.highlight .ne { color: #900; font-weight: bold; }
.highlight .nf { color: #900; font-weight: bold; }
.highlight .nn { color: #555; }
.highlight .nt { color: #000080; }
.highlight .nv { color: #008080; }
.highlight .ow { font-weight: bold; }
.highlight .w { color: #bbb; }
.highlight .mf { color: #099; }
.highlight .mh { color: #099; }
.highlight .mi { color: #099; }
.highlight .mo { color: #099; }
.highlight .sb { color: #d14; }
.highlight .sc { color: #d14; }
.highlight .sd { color: #d14; }
.highlight .s2 { color: #d14; }
.highlight .se { color: #d14; }
.highlight .sh { color: #d14; }
.highlight .si { color: #d14; }
.highlight .sx { color: #d14; }
.highlight .sr { color: #009926; }
.highlight .s1 { color: #d14; }
.highlight .ss { color: #990073; }
.highlight .bp { color: #999; }
.highlight .vc { color: #008080; }
.highlight .vg { color: #008080; }
.highlight .vi { color: #008080; }
.highlight .il { color: #099; }

html { position: relative; min-height: 100%; height: inherit; font-family: "fira_reg", arial, sans-serif; color: #abadb3; }

body { padding: 0px; margin: 0px; margin-bottom: 180px; }

img { max-width: 100%; }

/* Skeleton Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.column, .columns { width: 100%; float: left; box-sizing: border-box; }

/* For devices larger than 400px */
@media (min-width: 400px) { .container { width: 85%; padding: 0; } }
/* For devices larger than 550px */
@media (min-width: 550px) { .container { width: 80%; }
  .column, .columns { margin-left: 4%; }
  .column:first-child, .columns:first-child { margin-left: 0; }
  .one.column, .one.columns { width: 4.66666666667%; }
  .two.columns { width: 13.3333333333%; }
  .three.columns { width: 22%; }
  .four.columns { width: 30.6666666667%; }
  .five.columns { width: 39.3333333333%; }
  .six.columns { width: 48%; }
  .seven.columns { width: 56.6666666667%; }
  .eight.columns { width: 65.3333333333%; }
  .nine.columns { width: 74.0%; }
  .ten.columns { width: 82.6666666667%; }
  .eleven.columns { width: 91.3333333333%; }
  .twelve.columns { width: 100%; margin-left: 0; }
  .one-third.column { width: 30.6666666667%; }
  .two-thirds.column { width: 65.3333333333%; }
  .one-half.column { width: 48%; }
  /* Offsets */
  .offset-by-one.column, .offset-by-one.columns { margin-left: 8.66666666667%; }
  .offset-by-two.column, .offset-by-two.columns { margin-left: 17.3333333333%; }
  .offset-by-three.column, .offset-by-three.columns { margin-left: 26%; }
  .offset-by-four.column, .offset-by-four.columns { margin-left: 34.6666666667%; }
  .offset-by-five.column, .offset-by-five.columns { margin-left: 43.3333333333%; }
  .offset-by-six.column, .offset-by-six.columns { margin-left: 52%; }
  .offset-by-seven.column, .offset-by-seven.columns { margin-left: 60.6666666667%; }
  .offset-by-eight.column, .offset-by-eight.columns { margin-left: 69.3333333333%; }
  .offset-by-nine.column, .offset-by-nine.columns { margin-left: 78.0%; }
  .offset-by-ten.column, .offset-by-ten.columns { margin-left: 86.6666666667%; }
  .offset-by-eleven.column, .offset-by-eleven.columns { margin-left: 95.3333333333%; }
  .offset-by-one-third.column, .offset-by-one-third.columns { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column, .offset-by-two-thirds.columns { margin-left: 69.3333333333%; }
  .offset-by-one-half.column, .offset-by-one-half.columns { margin-left: 52%; } }
/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button, button, input[type="submit"], input[type="reset"], input[type="button"] { display: inline-block; height: 38px; padding: 0 30px; color: #555; text-align: center; font-size: 11px; font-weight: 600; line-height: 38px; letter-spacing: .1rem; text-transform: uppercase; text-decoration: none; white-space: nowrap; background-color: transparent; border-radius: 4px; border: 1px solid #bbb; cursor: pointer; box-sizing: border-box; }

.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:focus, button:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus { color: #333; border-color: #888; outline: 0; }

.button.button-primary, button.button-primary, input[type="submit"].button-primary, input[type="reset"].button-primary, input[type="button"].button-primary { color: #FFF; background-color: #33C3F0; border-color: #33C3F0; }

.button.button-primary:hover, button.button-primary:hover, input[type="submit"].button-primary:hover, input[type="reset"].button-primary:hover, input[type="button"].button-primary:hover, .button.button-primary:focus, button.button-primary:focus, input[type="submit"].button-primary:focus, input[type="reset"].button-primary:focus, input[type="button"].button-primary:focus { color: #FFF; background-color: #1EAEDB; border-color: #1EAEDB; }

/* Self Clearing Goodness */
.container:after, .row:after, .u-cf { content: ""; display: table; clear: both; }

.breadcrumb .breadcrumb__wrapper { width: 80%; margin: 0 auto; min-width: 300px; }
@media (max-width: 850px) { .breadcrumb .breadcrumb__wrapper { width: 85%; } }
@media (max-width: 640px) { .breadcrumb .breadcrumb__wrapper { width: 90%; } }

ol.breadcrumb { padding-top: 16px; list-style: none; border-radius: 4px; border: 0px; display: block; }
ol.breadcrumb li { font-size: 1.2rem; }
ol.breadcrumb a { color: #C99700; }
ol.breadcrumb > li { display: inline-block; }
ol.breadcrumb > li + li:before { padding: 0 5px; }
ol.breadcrumb > .active a { color: rgba(255, 255, 255, 0.75); }
ol.breadcrumb > li + li:before { color: #C99700; content: "/"; }

.imagewrapper { width: auto; margin-top: 7px; }
.imagewrapper img { margin: 0px; padding: 0px; padding-bottom: 10px; }
.imagewrapper.imagewrapper--left { float: left; max-width: 300px; padding-right: 5%; }
.imagewrapper.imagewrapper--right { float: right; max-width: 300px; padding-left: 5%; }
.imagewrapper.imagewrapper--fullwidth img { width: 100%; }
.imagewrapper.imagewrapper--thumb { float: left; max-width: 45%; padding-right: 3%; padding-top: 0px; padding-bottom: 4%; max-height: 240px; margin-top: 0px; }

.btn { padding: 8px 20px; margin-top: 2.5%; border: 2px solid #C99700; border-radius: 2px; font-family: "fira_bold", Georgia, serif; font-size: 1.6rem; font-weight: 400; color: #C99700; cursor: pointer; display: inline-block; text-decoration: none; }
.btn.btn--big { display: block; }
.btn.btn--gold { border-color: #C99700; color: #C99700; }

.float-right { float: right; }

.flexitem__centeralign { align-self: center; }

.main_search { width: 100%; margin: 0 auto; border-bottom: 1px solid #C8C7CC; padding-bottom: 20px; margin-bottom: 20px; }

form.small_search input { background-image: url(/media/search_form.svg); background-repeat: no-repeat; background-size: 20px 20px; width: 150px; font-size: 1.6rem; color: rgba(255, 255, 255, 0.85); background-color: #fff; border-radius: 2px; border: 1px solid #C8C7CC; height: 32px; padding-left: 35px; background-position: 10px center; margin-top: 6px; box-sizing: inherit !important; }

label { display: block; font-family: "fira_reg", arial, sans-serif; font-weight: 600; font-size: 1.2rem; color: rgba(255, 255, 255, 0.75); text-transform: uppercase; margin-bottom: 5px; }

nav { border: 2px solid #fff; background: rgba(0, 0, 0, 0.4); width: 49%; margin: 0 auto; z-index: 89; position: absolute; top: 50%; /* position the top  edge of the element at the middle of the parent */ left: 50%; /* position the left edge of the element at the middle of the parent */ transform: translate(-50%, -50%); border-radius: 2px; }
@media (max-width: 1250px) { nav { width: 59%; } }
@media (max-width: 1000px) { nav { width: 77%; } }
@media (max-width: 850px) { nav { width: 90%; } }
nav ul { display: flex; padding: 0; margin: 0; justify-content: space-between; }
nav ul li { display: inline-block; list-style: none; }
nav ul li a { padding: 10px 20px; display: block; color: #fff; font-size: 1.8rem; font-family: "fira_bold", arial, sans-serif; }
nav ul li a:hover { color: #C99700; background-color: rgba(255, 255, 255, 0.1); }

.banner { background-color: #C99700; padding: 2% 0; background-image: url("/media/content_banner.jpg"); background-position: -10px -10px; background-repeat: no-repeat; height: 155px; border-bottom: 6px solid #591716; }
.banner .banner_contents { width: 80%; margin: 0 auto; min-width: 300px; }
@media (max-width: 850px) { .banner .banner_contents { width: 85%; } }
@media (max-width: 640px) { .banner .banner_contents { width: 90%; } }

.video__wrapper { width: 100%; height: 76rem; text-align: center; position: relative; border-bottom: 6px solid #591716; }
.video__wrapper .video__source { position: absolute; z-index: -1; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden; }
@media (max-width: 850px) { .video__wrapper .video__source { background: url("/media/dk-video.jpg") no-repeat; background-size: cover; background-position-x: -200px; } }
.video__wrapper .video__source video { visibility: visible; margin: auto; position: absolute; z-index: -1; top: 0; left: 0; transform: translate(0%, 0%); -ms-transform: translateX(0%) translateY(0%); -moz-transform: translateX(0%) translateY(0%); -webkit-transform: translateX(0%) translateY(0%); transform: translateX(0%) translateY(0%); background: url("/media/dk-video.jpg") no-repeat; background-size: cover; }
@media (max-width: 850px) { .video__wrapper .video__source video { display: none; } }
.video__wrapper .video__contents { color: #ffffff; position: absolute; bottom: 50px; width: 90%; margin-left: 5%; background-color: rgba(0, 0, 0, 0.4); padding: 10px 35px; text-align: left; border-radius: 2px; border: 2px solid #906B1E; }
.video__wrapper .video__contents .log__wrapper { display: flex; justify-content: space-between; padding-bottom: 10px; }
.video__wrapper .video__contents .log__wrapper .log__item { padding-right: 50px; }
.video__wrapper .video__contents .log__wrapper .log__item:last-child { padding-right: 0; border-right: none; }

.main__wrapper { border-top: 3px solid #681918; padding: 60px 0 80px; border-bottom: 6px solid #906B1E; }
.main__wrapper .main__goods { width: 80%; margin: 0 auto; min-width: 300px; }
@media (max-width: 850px) { .main__wrapper .main__goods { width: 85%; } }
@media (max-width: 640px) { .main__wrapper .main__goods { width: 90%; } }

.news__thumb { margin: 30px 0 60px; }
.news__thumb:first-child { margin-top: 20px; }

.featureditem { position: relative; width: 100%; margin-top: 20px; /* for IE 6 */ }
.featureditem:hover h2 { background-color: #906B1E; }
.featureditem:hover img { border-bottom: 4px solid #906B1E; }
.featureditem img { border-bottom: 4px solid #C99700; }
.featureditem h2 { position: absolute; bottom: 22px; left: 0; background-color: #C99700; display: inline-block; color: #fff; padding-left: 15px; padding-right: 30px; padding-top: 3px; font-size: 1.8rem; }
.featureditem p { margin-top: 5px; font-size: 1.4rem; }

/* jQuery Nivo Slider v3.2 http://nivo.dev7studios.com  Copyright 2012, Dev7studios Free to use and abuse under the MIT license. http://www.opensource.org/licenses/mit-license.php */
/* The Nivo Slider styles */
.nivoSlider { position: relative; width: 100%; height: auto; overflow: hidden; }

.nivoSlider img { position: absolute; top: 0px; left: 0px; max-width: none; }

.nivo-main-image { display: block !important; position: relative !important; width: 100% !important; }

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 6; display: none; background: white; filter: alpha(opacity=0); opacity: 0; }

/* The slices and boxes in the Slider */
.nivo-slice { display: block; position: absolute; z-index: 5; height: 100%; top: 0; }

.nivo-box { display: block; position: absolute; z-index: 5; overflow: hidden; }

.nivo-box img { display: block; }

/* Caption styles */
.nivo-caption { position: absolute; color: rgba(255, 255, 255, 0.85); overflow: hidden; display: none; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ text-align: left; background-color: rgba(255, 255, 255, 0.01); padding: .8em 1em; height: auto; bottom: 2%; z-index: 100; left: 18%; }
@media (max-width: 1600px) { .nivo-caption { left: 9%; } }
@media (max-width: 640px) { .nivo-caption { left: 3%; bottom: 0%; } }
.nivo-caption h2 { font-size: 2.2rem; font-weight: 200; color: #FFF; margin-bottom: 0px; background-color: #C99700; display: inline-block; line-height: 1.3; padding: 12px 35px 6px 14px; max-width: 45rem; }
@media (max-width: 640px) { .nivo-caption h2 { font-size: 1.4rem; padding: 6px 17px 3px 7px; } }
.nivo-caption p { font-size: 1.6rem; padding: 10px 8px 8px 14px; background-color: rgba(255, 255, 255, 0.9); max-width: 55rem; color: rgba(255, 255, 255, 0.85); font-family: "fira_reg", arial, sans-serif; margin-top: 0px; width: auto; }
@media (max-width: 640px) { .nivo-caption p { font-size: 1.2rem; margin-bottom: 0px; padding: 5px 4px 4px 7px; } }

.nivo-caption a { display: inline !important; }

.nivo-html-caption { display: none; }

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a { position: absolute; top: 45%; z-index: 9; cursor: pointer; }

.nivo-prevNav { left: 0px; }

.nivo-nextNav { right: 0px; }

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav { text-align: center; padding: 15px 0; text-align: right; margin-top: -23px; z-index: 100; position: relative; color: rgba(255, 255, 255, 0.01); margin-right: 5%; display: none; }

.nivo-controlNav a { cursor: pointer; display: inline-block; width: 22px; height: 22px; background: url(/media/bullets.svg) no-repeat; color: rgba(255, 255, 255, 0.01); border: 0; margin: 0 2px; }
.nivo-controlNav a.active { background-position: 0 -22px; }

.nivo-controlNav a.active { font-weight: bold; }

.tab-content > .tab-pane { display: none; }

.tab-content > .active { display: block; }

[role="button"] { cursor: pointer; }

.modal-open { overflow: hidden; }

.modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; }

.close { float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2; cursor: pointer; }

.modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; }

.modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }

.modal-open .modal { overflow-x: hidden; overflow-y: auto; }

.modal-dialog { position: relative; width: auto; margin: 10px; }

.modal-content { position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); -webkit-background-clip: padding-box; background-clip: padding-box; outline: 0; }

.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; }

.modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); }

.modal-backdrop.in { opacity: .5; filter: alpha(opacity=50); }

.modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; }

.modal-header .close { margin-top: -2px; }

.modal-title { margin: 0; line-height: 1.42857; }

.modal-body { position: relative; padding: 15px; }

.modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; }

.modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; }

.modal-footer .btn-group .btn + .btn { margin-left: -1px; }

.modal-footer .btn-block + .btn-block { margin-left: 0; }

.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }

@media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; }
  .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
  .modal-sm { width: 300px; } }
@media (min-width: 992px) { .modal-lg { width: 900px; } }
.clearfix:before, .clearfix:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after { content: " "; display: table; }

.clearfix:after, .modal-header:after, .modal-footer:after { clear: both; }

.center-block { display: block; margin-left: auto; margin-right: auto; }

.pull-right { float: right !important; }

.pull-left { float: left !important; }

.hide { display: none !important; }

.show { display: block !important; }

.invisible { visibility: hidden; }

.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }

.hidden { display: none !important; }

.affix { position: fixed; top: 100px; right: 5%; }

#mylightbox { display: none; }
#mylightbox img { width: 100%; }

.featherlight #mylightbox { display: block; }

#mylightbox { display: none; }
#mylightbox img { width: 100%; }

.featherlight #mylightbox { display: block; }

/** Featherlight Gallery – an extension for the ultra slim jQuery lightbox Version 1.3.5 - http://noelboss.github.io/featherlight/  Copyright 2015, Noël Raoul Bossart (http://www.noelboss.com) MIT Licensed.
**/
@media all { .featherlight-next, .featherlight-previous { display: block; position: absolute; top: 25px; right: 25px; bottom: 0; left: 80%; cursor: pointer; /* preventing text selection */ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* IE9 hack, otherwise navigation doesn't appear */ background: transparent; }
  .featherlight-previous { left: 25px; right: 80%; }
  .featherlight-next:hover, .featherlight-previous:hover { background: rgba(255, 255, 255, 0.25); }
  .featherlight-next span, .featherlight-previous span { display: none; position: absolute; top: 50%; left: 5%; width: 82%; /* center horizontally */ text-align: center; font-size: 80px; line-height: 80px; /* center vertically */ margin-top: -40px; text-shadow: 0px 0px 5px #fff; color: #fff; font-style: normal; font-weight: normal; }
  .featherlight-next span { right: 5%; left: auto; }
  .featherlight-next:hover span, .featherlight-previous:hover span { display: inline-block; }
  /* Hide navigation while loading */
  .featherlight-loading .featherlight-previous, .featherlight-loading .featherlight-next { display: none; } }
/* Always display arrows on touch devices */
@media only screen and (max-device-width: 1024px) { .featherlight-next:hover, .featherlight-previous:hover { background: none; }
  .featherlight-next span, .featherlight-previous span { display: block; } }
/* handling phones and small screens */
@media only screen and (max-width: 1024px) { .featherlight-next, .featherlight-previous { top: 10px; right: 10px; left: 85%; }
  .featherlight-previous { left: 10px; right: 85%; }
  .featherlight-next span, .featherlight-previous span { margin-top: -30px; font-size: 40px; } }