@charset "UTF-8";
/**********************************
*
*		IMPORT FONTS
*
*
***********************************/
@import url("fonts.css");
/**********************************
*
*		main vars
*
*
***********************************/
/**********************************
*
*		links
*
*
***********************************/
a {
  cursor: pointer;
}

a, a:hover, a:active, a:focus {
  color: #555;
  color: #631409;
}
a i.fa, a:hover i.fa, a:active i.fa, a:focus i.fa {
  color: #631409;
}

a:hover, a:active, a:focus {
  outline: none;
}

.html5videoplayer .vjs-default-skin .vjs-big-play-button {
  
  left: auto;
  top: 6em;
  font-size: 3em;
  
  display: block;
  
  z-index: 2;
  position: relative;
  width: 2em;
  height: 1.3em;
  text-align: center;
  vertical-align: middle;
  pointer-events: none;
  cursor: pointer;
  opacity: 1;
  background-color: transparent;
  border: 0 none;
  margin: 0 auto;
}

/**********************************
*
*		main functions/mixins
*
*
***********************************/
/**********************************
*
*		text
*
*
***********************************/
b > i, strong > em {
  color: #999999;
}

i, em {
  color: #999999;
}

/**********************************
*
*		main content
*
*
***********************************/
body {
  background: url(../Images/bg.gif) #edebec;
  /*background: $bgcolor;*/
  padding-bottom: 20px;
  padding-top: 20px;
  font-family: "fira", helvetica, sans-serif;
  font-size: 13px;
  line-height: 1.4;
}

.site {
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=$strength, Direction=$angle, Color="${color}");
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=${strength}, Direction=${angle}, Color='${color}')";
  -moz-box-shadow: 1px 1px 5px #999999;
  -webkit-box-shadow: 1px 1px 5px #999999;
  box-shadow: 1px 1px 5px #999999;
  background-color: #fff;
  width: 1280px;
  height: 100%;
  min-height: 800px;
  margin-left: auto;
  margin-right: auto;
  padding: 25px 0 80px;
  /*padding: 0 250px 0 160px;*/
  position: relative;
}

.container {
  /*width: 1080px;*/
  max-width: 1108px;
}

hr {
  margin: 10px 0;
}

footer {
  bottom: 30px;
  position: absolute;
  width: 100%;
  font-size: 0.9em;
}
footer p {
  padding-left: 60px;
}

.btn-default {
  background-color: #edebec;
  border-color: #631409;
  border-width: 3px;
  color: #333;
}

.form-control {
  background-color: #edebec;
}

#pid4 .csc-textpic-image {
  padding-left: 0;
}

.csc-textpic-text {
  float: left;
}

/**********************************
*
*		FIGURE / THUMBS
*
*
***********************************/
a img {
  transition: opacity 1s ease 0s;
}

figure {
  height: 180px;
}

figcaption:first-line {
    color: #333;
    font-style: normal;
}
figcaption {
    color: #999999;
    font-style: italic;
}
.img-thumbnail {
  /*padding: 0 0 4px;*/
  padding: 0;
  margin: 0 0 4px;
  border-radius: 0;
}

figure {
  height: auto;
  margin-bottom: 10px;
}
figure > a {
  border-top: 1px solid #ddd;
  display: block;
  overflow: hidden;
  padding-top: 1em;
  position: relative;
  width: 100%;
  width: 240px;
}
figure .zoom {
  background: rgba(0, 0, 0, 0) url("../Images/zoom.png") no-repeat scroll center center;
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 10px;
  width: 100%;
}

.arrow::after {
  content: " ⟶";
}

/**********************************
*
*		NAV
*
*
***********************************/
nav {
  margin-top: 50px;
}

.nav > li {
  float: left;
  border-width: 0px 1px 0 0;
  border-color: #660000;
  border-style: solid;
  padding: 0 20px;
}
.nav > li a {
  padding: 0 15px;
}
.nav > li:first-child {
  border-left: 1px solid #660000;
}
.nav > li .en {
  font-style: italic;
  color: #999999;
}

/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) {
  nav {
    width: 100%;
  }

  .nav > li {
    padding: 0;
  }

  .site {
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=$strength, Direction=$angle, Color="${color}");
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=${strength}, Direction=${angle}, Color='${color}')";
    -moz-box-shadow: 1px 1px 5px #999999;
    -webkit-box-shadow: 1px 1px 5px #999999;
    box-shadow: 1px 1px 5px #999999;
    background-color: #fff;
    width: auto;
    height: 100%;
    min-height: 800px;
    margin-left: auto;
    margin-right: auto;
    /*padding: 0 250px 0 160px;*/
    position: relative;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .site {
    width: auto;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .site {
    width: auto;
  }
}