@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------------------------------------------------------- 
	1. Carousel
-------------------------------------------------------------------------------------------------------------*/

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.carousel 
{
	clear: both;
  position: relative;
}

.carousel-inner 
{
	overflow: hidden;
	position: relative;
  width: 100%;
}

.carousel-inner > .item 
{
	display: none;
  position: relative;
  -webkit-transition: .6s ease-in-out left;
       -o-transition: .6s ease-in-out left;
          transition: .6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
	height: auto;
	line-height: 1;
  max-width: 100%;	
}

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
         -o-transition:      -o-transform .6s ease-in-out;
            transition:         transform .6s ease-in-out;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-perspective: 1000;
            perspective: 1000;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  filter: alpha(opacity=50);
  opacity: .5;
}
.carousel-control.left {
  /*background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;*/
}
.carousel-control.right {
  right: 0;
  left: auto;
  /*background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;*/
}
.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9;
}

.carousel-control .controls
{
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	height: 50px;
	position: absolute;
	top: 45%;
	width: 25px;
}

.carousel-control .arrow-left 
{
	background-image:url(../img-layout/left.png);
	left: 20px;
}

.carousel-control .arrow-right 
{
	background-image:url(../img-layout/right.png);
	right: 20px;
}

/*.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  font-family: serif;
  line-height: 1;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 38px;
  height: 4px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #5c5c63;
  border: 1px solid #fff;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}*/

.carousel-indicators
{
	bottom: 15%;
	left: 30px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 15;
}

.carousel-indicators:after
{
	clear: both;
	content: '';
	display: table;
}

.carousel-indicators > li
{
	background-color: #5c5c63;
	box-shadow: 0 0 2px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.4);
	cursor: pointer;
	display: block;
	float: left;
	height: 3px;
	margin-right: 3px;
	width: 35px;
}

.carousel-indicators > .active { background-color: #b2b2b8; }


.carousel-caption {
  position: absolute;
  right: 5%;
  bottom: 18%;
  left: 5%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: left;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

.carousel-caption .btn {
  text-shadow: none;
}

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -15px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -15px;
  }
}

.bd-slider
{
	margin:0 0 24px;
}

.bd-slider .item > img
{
	/*height: 420px;*/
	width: 920px;
}

/*------------------------------------------------------------------------------------------------------------- 
	2. Tab Content
-------------------------------------------------------------------------------------------------------------*/

.tabbed-content-widget
{
	clear: both;
	line-height: 1.5;
}

.nav-tabs
{
	clear: both;
	margin-bottom: 2em;
}

.nav-tabs > li
{
	display: inline-block;
	margin-left: -4px;
	padding: 0 4px;
	position: relative;
}

.nav-tabs a
{
	background-color: #e1e1e1;
	display: block;
	font-family: 'DIN-Medium';
	padding: 8px 12px;
}

.nav-tabs li:hover a,
.nav-tabs .active a
{
	background-color: #125688;
	color: #ffffff;
}

.nav-tabs .active:after
{
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid #125688;
	bottom: -7px;
	content: '';
	display: block;
	height: 0;
	left: 40%;
	position: absolute;
	width: 0;
}

.tab-content
{
	clear: both;
	position: relative;
}

.tab-pane { display: none; }

.tab-pane.active { display: block; }

.dropdown-tab
{
	background-color: #125688;
	color: #fff;
	display: none;
	font-family: 'DIN-Medium';
	margin-bottom: 2px;
	padding: 10px;
	position: relative;
}

.dropdown-tab .tab-mobile
{
	font-size: 18px;
	height: 100%;
	left: 0;
	line-height: 1;
	padding: 10px;
	position: absolute;
	text-align: right;
	top: 0;
	width: 100%;
	z-index: 1;
}

.dropdown-tab .tab-mobile .fa { font-weight: 700; }

/*------------------------------------------------------------------------------------------------------------- 
	3. Readmore Widget / .widget-readmore-text
-------------------------------------------------------------------------------------------------------------*/

.widget-readmore-text
{
	padding-bottom: 3em;
	position: relative;
}

.widget-readmore-text .content-module { padding-bottom: 1em; }

.widget-readmore-text .hideContent 
{
	/*max-height: 224px;*/
	overflow: hidden;
	position: relative;
}

.widget-readmore-text .hideContent:after
{
	bottom: 0;
	content: '';
	display: block;
	opacity: 1;
	position: absolute;
	top: 0;
	transition: opacity 0.4s ease-in-out;
	width: 100%;
	
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}

.widget-readmore-text .hideContent.open:after { opacity: 0; }

/*.widget-readmore-text .showContent { max-height: none; }*/

.widget-readmore-text .showMore,
.widget-readmore-text .showLess
{
	bottom: 15px;
	color: #9a6b57;
	display: block;
	position: absolute;
	right: 5px;
}

.widget-readmore-text .showLess { display: none; }

/*------------------------------------------------------------------------------------------------------------- 
	4. Accordion 
-------------------------------------------------------------------------------------------------------------*/

.accordion-widget
{
	clear: both;
	overflow: hidden;
	/*padding-bottom: 1em;*/
}

.accordion-panel
{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fafafa+0,ffffff+100 */
	background: #fafafa; /* Old browsers */
	background: -moz-linear-gradient(top, #fafafa 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fafafa 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fafafa 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fafafa 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fafafa 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	
	border-top: 1px solid #dadada;
	/*margin-bottom: 24px;*/
}

.accordion-panel:last-child { margin-bottom: 0; }

.accordion-toggle
{
	color: #0c699e;
	cursor: pointer;
	font-size: 20px;
	margin: 0;
	padding: 12px 15px;
	position: relative;
}

.accordion-toggle:after
{
	content:"\f107";
	display: block;
	font-family:'FontAwesome';
	font-weight: 700;
	position: absolute;
	right: 12px;
	top: 12px;
}

.accordion-toggle.open { color: #9a6b57; }
.accordion-toggle.open:after { content:"\f106"; }

.accordion-content 
{
	display: none;
	padding: 15px;
}

.accordion-content h5:first-child { margin-top: 0; }

/*------------------------------------------------------------------------------------------------------------- 
	5. Tabs to Accordion 
-------------------------------------------------------------------------------------------------------------*/

.tab-accordion-transformer-widget
{
	clear: both;
	padding: 1em 0;
	position: relative;
}

.tab-transformer
{
	clear: both;
	list-style: none;
	margin: 0 -15px;
	padding: 0;
	position: relative;
}

.tab-transformer:after
{
	clear: both;
	content: '';
	display: table;
}

.tab-transformer > li
{
	display: block;
	float: left;
	padding: 0 15px;
	position: relative;
	text-align: center;
}

.tab-transformer a,
.accordion-transformer-toggle a
{
	display: block;
	position: relative;
}

.tab-accordion-panel { display: none; padding: 2em 0 1em; }
.tab-accordion-panel.active { display: block; }

/*------------------------------------------------------------------------------------------------------------- 
	6. Thumbnail Navigation
-------------------------------------------------------------------------------------------------------------*/

.thumbNav
{
	list-style: none;
	margin: 0 -15px;
	padding: 0;
}

.thumbNav:before,
.thumbNav:after
{
	clear: both;
	content: '';
	display: table;
}

.thumbNav > li,
.thumbNav a,
.thumbNav img
{
	display: block;
	position: relative;
}

.thumbNav > li 
{
	float: left;
	padding: 0 15px 15px;
}

.thumbNav img { width: 100%; }

.thumb-overlay
{
	color: #fff;
	transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-webkit-transition: opacity 0.2s ease-in-out;
}

.thumb-overlay
{
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.thumb-bottom
{
	bottom: 0;
	height: auto;
	top: auto;
	
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.42) 65%, rgba(0,0,0,0.65) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(65%,rgba(0,0,0,0.42)), color-stop(100%,rgba(0,0,0,0.65)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.42) 65%,rgba(0,0,0,0.65) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.42) 65%,rgba(0,0,0,0.65) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.42) 65%,rgba(0,0,0,0.65) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.42) 65%,rgba(0,0,0,0.65) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}

.thumb-flex
{
	background-color: #000;
	background-color: rgba(0,0,0,0.4);
	display: flex;
	align-items: center;
}

.thumb-content 
{
	text-align: center;
	width: 100%;
}

.thumbNav li:hover .thumb-overlay { opacity: 1; }

/*------------------------------------------------------------------------------------------------------------- 
	7. Owl Carousel (Base)
-------------------------------------------------------------------------------------------------------------*/

/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}

/*------------------------------------------------------------------------------------------------------------- 
	8. Modal
-------------------------------------------------------------------------------------------------------------*/


.modal
{
	background-color: #000;
	background-color: rgba(0,0,0,0.7);
	bottom: 0;
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 99;
}

.modal.active { display: block; }

.modal-container
{
	background-color: #fff;
	box-shadow: 0 0 4px rgba(0,0,0,0.5);
	margin: 4em auto;
	max-width: 540px;
	min-width: 320px;
	width: 90%;
}

.modal-header
{
	/*background-color: #4591aa;
	border-bottom: 1px solid #e6e6e6;
	color: #fff;*/
	font: 400 24px/1.2 'DIN-Bold';
	padding: 15px;
	position: relative;
}

.modal-header strong { font: inherit; }

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

.modal-footer
{
	border-top: 1px solid #e6e6e6;
	padding: 15px;
	position: relative;
}

.modal-close
{
	color: inherit;
	cursor: pointer;
	font-size: 20px;
	line-height: 1;
	opacity: 0.8;
	position: absolute;
	right: 15px;
}

.modal-close:hover { opacity: 1; }

.modal-full .modal-container { max-width: 1000px; width: 90%; }