/*------------------------------------------------------------------
[Table of contents]

1. Fonts
2. Settings
	2.1 Base
	2.2 Typography
	2.3 Global
	2.4 Sticky Footer
	2.5 Placeholder
	2.6 Image responsive
	2.7 Form
3. Navigation 
4. Homepage
	4.1 Intro Slider
	4.2 Media Player
	4.3 Newsletter
	4.4 Countdown
5. About
6. Contact
7. Footer
8. Misc
 	8.1 Loading
 	8.2 Background fixed
 	8.3 Bx Slider js Plugin
 	8.4 Countdown
 	8.5 Contact Notification
 	8.6 Testimonial 
-------------------------------------------------------------------*/
/*==========================================================================
  1. FONTS
========================================================================== */
@font-face {
  font-family: 'futura_ltlight';
  src: url("../fonts/ftralt-webfont.eot");
  src: url("../fonts/ftralt-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ftralt-webfont.woff") format("woff"), url("../fonts/ftralt-webfont.ttf") format("truetype"), url("../fonts/ftralt-webfont.svg#futura_ltlight") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'futura_mdmedium';
  src: url("../fonts/ftramd-webfont.eot");
  src: url("../fonts/ftramd-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ftramd-webfont.woff") format("woff"), url("../fonts/ftramd-webfont.ttf") format("truetype"), url("../fonts/ftramd-webfont.svg#futura_mdmedium") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'futurateemedregular';
  src: url("../fonts/futurateemed-webfont.eot");
  src: url("../fonts/futurateemed-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/futurateemed-webfont.woff") format("woff"), url("../fonts/futurateemed-webfont.ttf") format("truetype"), url("../fonts/futurateemed-webfont.svg#futurateemedregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'kalinga';
  src: url("../fonts/kalinga-webfont.eot");
  src: url("../fonts/kalinga-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/kalinga-webfont.woff") format("woff"), url("../fonts/kalinga-webfont.ttf") format("truetype"), url("../fonts/kalinga-webfont.svg#kalingaregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'kalingaBold';
  src: url("../fonts/kalingab-webfont.eot");
  src: url("../fonts/kalingab-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/kalingab-webfont.woff") format("woff"), url("../fonts/kalingab-webfont.ttf") format("truetype"), url("../fonts/kalingab-webfont.svg#kalingabold") format("svg");
  font-weight: bold;
  font-style: normal;
}

.spr-sprite, #intro .bx-wrapper .bx-prev, #intro .bx-wrapper .bx-next {
  background: url('../img/spr-scab51f0052.png') no-repeat;
}

/*==========================================================================
  2. SETTING
========================================================================== */
/* ======== 2.1 BASE ======== */
body {
  background: #000000;
  font: 14px/1.3 "futura_ltlight", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: white;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  /* Fix for webkit rendering */
  -webkit-text-size-adjust: 100%;
  margin: 0;
  padding: 0;
  overflow-y: hidden;
}

html, body {
  height: 100%;
}

ul, li {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* ======== 2.2 TYPOGRAPHY ======== */
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  line-height: 1.5em;
}

.title_sub {
  margin-bottom: 25px;
}
.title_sub h2 {
  font: normal 80px 'futura_mdmedium', sans-serif;
  color: white;
  margin: 0;
  line-height: 1em;
}
.title_sub h5 {
  font: normal 20px 'futura_ltlight', Helvetica Neue;
  color: white;
  margin: 0;
}

/* ======== 2.3 GLOBAL  ======== */
#container {
  position: relative;
  z-index: 1;
}

.container {
  width: 1064px\9;
  max-width: 1064px;
}

#main {
  position: relative;
  padding-top: 4%;
}

#wrapper {
  position: relative;
  z-index: 2;
}

.leftside {
  position: relative;
}

.subpage {
  border-left: 1px solid #ffffff \9;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  overflow: hidden;
  padding-left: 30px;
  margin-top: 21px;
}

/* ======== 2.4 STICKY FOOTER ======== */
/*Opera Fix*/
body:before {
  content: "";
  height: 100%;
  float: left;
  width: 0;
  margin-top: -32767px;
}

#wrapper {
  min-height: 100%;
}

#main {
  overflow: auto;
  padding-bottom: 115px;
  margin-bottom: 20px;
}

#footer {
  position: relative;
  left: 0;
  bottom: 0;
  width: 100%;
  max-width: 100%;
  margin-top: -115px;
  /* negative value of footer height */
  height: 115px;
  clear: both;
}

/* ======== 2.5 PLACEHOLDER ======== */
::-webkit-input-placeholder {
  color: white !important;
  font: normal 14px "kalinga", sans-serif !important;
  vertical-align: middle !important;
  top: 50%;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: white !important;
  font: normal 14px "kalinga", sans-serif !important;
  vertical-align: middle !important;
  line-height: 2em !important;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: white !important;
  font: normal 14px "kalinga", sans-serif !important;
  vertical-align: middle !important;
  line-height: 2em !important;
}

:-ms-input-placeholder {
  color: white !important;
  font: normal 14px "kalinga", sans-serif !important;
  vertical-align: middle !important;
  line-height: 2em !important;
}

/* ======== 2.6 IMG RESPONSIVE ======== */
img {
  /* Responsive images (ensure images don't scale beyond their parents) */
  max-width: 100%;
  /* Part 1: Set a maxium relative to the parent */
  width: auto\9;
  /* IE7-8 need help adjusting responsive images */
  height: auto;
  /* Part 2: Scale the height according to the width, otherwise you get stretching */
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

/* ======== 2.7 FORM ======== */
.form-control {
  background: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  border: 1px solid #44403f;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  height: 39px;
  font-size: 14px;
}

.btn_trans {
  font-family: 'kalinga';
  height: 38px;
  border: none;
  border: 1px solid #44403f;
  background: none;
  background: transparent;
  color: white;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  font-size: 14px;
  padding: 6px 15px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  text-transform: uppercase;
  vertical-align: top;
  -webkit-transition: background 0.4s ease-in-out;
  -moz-transition: background 0.4s ease-in-out;
  -ms-transition: background 0.4s ease-in-out;
  -o-transition: background 0.4s ease-in-out;
  transition: background 0.4s ease-in-out;
}
.btn_trans:hover {
  background: white;
  color: black;
}
.btn_trans.white {
  background: white;
  text-transform: none;
  height: auto;
  padding: 8px 38px 6px;
  vertical-align: middle;
  color: black;
}
.btn_trans.white:hover {
  background: transparent;
  color: white;
}

/*==========================================================================
  NAVIGATION
========================================================================== */
.navigation {
  padding: 10px 0;
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  -ms-animation-delay: 2s;
  -o-animation-delay: 2s;
  animation-delay: 2s;
}
.navigation .menu {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  position: relative;
  z-index: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}
.navigation a {
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  line-height: 2.6em;
  display: inline-block;
  padding: 0px 15px;
  border-right: 2px solid #4f4e4a;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  -ms-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.navigation a:hover {
  color: #f29c06;
}
.navigation img {
  cursor: pointer;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  width: 35px;
  height: 34px;
  z-index: 2;
  margin-right: 5px;
  transition: transform .25s linear;
  -moz-transition: -moz-transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
  -o-transition: -o-transform .25s linear;
}
.navigation.active img {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
}
.navigation.active .menu {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}

/*==========================================================================
  4. HOMEPAGE 
========================================================================== */
/* ======== 4.1 INTRO SLIDER ======== */
#intro {
  width: 99%;
  margin-top: 31px;
}
#intro .bx-wrapper {
  margin-bottom: 0;
}
#intro .bx-wrapper .bx-viewport {
  background: transparent;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  width: 86%;
  overflow: hidden;
}
#intro .bx-wrapper .bx-pager.bx-default-pager a {
  width: 25px;
  height: 25px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  border: 1px solid #4c4945;
  background-color: rgba(0, 0, 0, 0.6);
  background-position: center center;
  background-repeat: no-repeat;
}
#intro .bx-wrapper .bx-pager.bx-default-pager a:hover, #intro .bx-wrapper .bx-pager.bx-default-pager a.active {
  background-image: url('../img/whiteBlock.png?1393252876');
}
#intro .bx-wrapper .bx-pager, #intro .bx-wrapper bx-controls-auto {
  position: relative;
  bottom: 0;
  margin-left: -66px;
}
#intro .bx-wrapper .bx-controls-direction a {
  width: 9px;
  height: 20px;
  top: auto;
  bottom: 2px;
}
#intro .bx-wrapper .bx-prev {
  background-position: 0 -218px;
  left: 119px;
}
#intro .bx-wrapper .bx-next {
  background-position: 0 -198px;
  right: 251px;
}

.line_diag {
  display: block;
  width: 130px;
  height: 138px;
  background: url(../img/line_diag.png) 0 0 no-repeat;
  position: absolute;
  right: 7%;
  left: auto;
  top: 31px;
  z-index: 100;
}

#big-logo {
  text-align: center;
  margin-bottom: 20px;
}
#big-logo h1 {
  font-family: 'futurateemedregular', Helvetica Neue;
  font-size: 110px;
  line-height: 0.8em;
  margin: 0;
}
#big-logo h3 {
  font: normal 31px "futura_ltlight", Helvetica Neue;
  line-height: 1em;
  margin: 0;
}

.text-desc {
  color: white;
  padding: 0 5%;
  text-align: center;
  font-size: 1.2em;
}

/* ======== 4.2 MEDIA PLAYER ======== */
.player-wrap {
  position: absolute;
  z-index: 10;
  width: 70px;
  right: -32px;
  top: 0;
  height: 32px;
  border-bottom: 2px solid #898787;
}
.player-wrap ul.jp-controls {
  padding-left: 12px;
}
.player-wrap ul.jp-controls li {
  display: inline;
  float: left;
}
.player-wrap ul.jp-controls a {
  overflow: hidden;
  width: 20px;
  height: 20px;
  text-indent: -9999px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}
.player-wrap .jp-play, .player-wrap .jp-pause {
  border: none;
  background: none;
  background: url('../img/play.png?1393256920') 0 0 no-repeat;
}
.player-wrap .jp-stop {
  border: none;
  background: none;
  background: url('../img/pause.png?1393257084') 0 0 no-repeat;
  margin-left: 8px;
}

.eq {
  position: relative;
  margin-top: 12px;
  left: -2px;
  left: -2px\9;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  zoom: 1;
}
.eq .bar {
  background-color: #534c48;
  width: 7px;
  height: 25px;
  display: inline-block;
  vertical-align: bottom;
}

/* ======== 4.3 NEWS LETTER ======== */
.newsletter {
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  -ms-animation-delay: 3s;
  -o-animation-delay: 3s;
  animation-delay: 3s;
  text-align: center;
}
.newsletter form-control {
  text-transform: uppercase;
}
.newsletter .form-group {
  width: 60%;
  margin-right: 5px;
  margin-bottom: 10px;
}

/* ======== 4.4 COUNTDOWN ======== */
.count-text {
  margin: -14px auto 10px auto;
}
.count-text span {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}
.count-text span.one {
  margin-left: 13%;
}
.count-text span.two {
  margin-left: 13%;
}
.count-text span.three {
  margin-left: 12%;
}
.count-text span.four {
  margin-left: 8%;
}

#countsection {
  margin-bottom: 25px;
}
#countsection #countdown {
  width: 100%;
  height: 45px;
  text-align: center;
  margin: 0 auto 10px auto;
}
#countsection .is-countdown {
  background: none;
  border: none;
}
#countsection .countdown-amount {
  font-size: 3em;
}
#countsection .countdown-period {
  font-size: 1.2em;
}

.scale_wrapper {
  background: url('../img/scale.png?1392576268') repeat-x;
  height: 23px;
  position: relative;
  width: 90%;
  margin: 20px auto;
}

/*==========================================================================
  5. ABOUT
========================================================================== */
#about {
  margin-top: 6%;
}

.about-img {
  position: fixed;
  width: 100%;
  z-index: 1;
  height: 209px;
  right: 0;
  bottom: -2%;
  left: auto;
  text-align: right;
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  -ms-animation-delay: 3s;
  -o-animation-delay: 3s;
  animation-delay: 3s;
}
.about-img img {
  position: absolute;
  width: 520px;
  bottom: 0;
  right: 7%;
}

/*==========================================================================
  6. CONTACT
========================================================================== */
#map {
  position: relative;
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  -ms-animation-delay: 3s;
  -o-animation-delay: 3s;
  animation-delay: 3s;
}
#map figure {
  border: 1px solid #474140;
  padding: 8px;
  margin: 0 auto;
  margin-top: 15px;
  text-align: center;
}

.f-contact {
  width: 92%;
}
.f-contact .form-control.half {
  width: 70%;
}

/*==========================================================================
  7. FOOTER
========================================================================== */
#footer {
  overflow: hidden;
  background: #000;
  position: relative;
  z-index: 2;
  -webkit-animation-delay: 5s;
  -moz-animation-delay: 5s;
  -ms-animation-delay: 5s;
  -o-animation-delay: 5s;
  animation-delay: 5s;
}
#footer.subpagefoot {
  background: rgba(0, 0, 0, 0.6);
}
#footer .inner {
  padding: 17px 0px 17px 0px;
  overflow: hidden;
}
#footer .first {
  text-align: center;
  padding-top: 8px;
}
#footer .first a {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  width: 35px;
  height: 35px;
  margin: 0 2px;
}
#footer .first img {
  -webkit-transition: all 1.2s ease;
  -moz-transition: all 1.2s ease;
  -o-transition: all 1.2s ease;
  -ms-transition: all 1.2s ease;
  transition: all 1.2s ease;
}
#footer .first img:hover {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}
#footer .third {
  text-align: center;
}

/*==========================================================================
  8. MISC
========================================================================== */
/* ======== 8.1 LOADING ======== */
#dvLoading {
  background: #000000;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
}

.loader {
  text-align: center;
  position: fixed;
  z-index: 9999;
  top: 50%;
  left: 50%;
  margin-left: -80px;
  margin-top: -120px;
  width: 175px;
  height: 100px;
}

.loader span {
  display: inline-block;
  vertical-align: middle;
  width: 7px;
  height: 10%;
  background: #ccc;
  border-radius: 14px;
}
.loader span:nth-of-type(1) {
  -webkit-animation: loader 2.5s 1.4s infinite linear;
  -moz-animation: loader 2.5s 1.4s infinite linear;
  -ms-animation: loader 2.5s 1.4s infinite linear;
  -o-animation: loader 2.5s 1.4s infinite linear;
  animation: loader 2.5s 1.4s infinite linear;
}
.loader span:nth-of-type(2) {
  -webkit-animation: loader 2.5s 1.2s infinite linear;
  -moz-animation: loader 2.5s 1.2s infinite linear;
  -ms-animation: loader 2.5s 1.2s infinite linear;
  -o-animation: loader 2.5s 1.2s infinite linear;
  animation: loader 2.5s 1.2s infinite linear;
}
.loader span:nth-of-type(3) {
  -webkit-animation: loader 2.5s 1s infinite linear;
  -moz-animation: loader 2.5s 1s infinite linear;
  -ms-animation: loader 2.5s 1s infinite linear;
  -o-animation: loader 2.5s 1s infinite linear;
  animation: loader 2.5s 1s infinite linear;
}
.loader span:nth-of-type(4) {
  -webkit-animation: loader 2.5s 0.8s infinite linear;
  -moz-animation: loader 2.5s 0.8s infinite linear;
  -ms-animation: loader 2.5s 0.8s infinite linear;
  -o-animation: loader 2.5s 0.8s infinite linear;
  animation: loader 2.5s 0.8s infinite linear;
}
.loader span:nth-of-type(5) {
  -webkit-animation: loader 2.5s 0.6s infinite linear;
  -moz-animation: loader 2.5s 0.6s infinite linear;
  -ms-animation: loader 2.5s 0.6s infinite linear;
  -o-animation: loader 2.5s 0.6s infinite linear;
  animation: loader 2.5s 0.6s infinite linear;
}
.loader span:nth-of-type(6) {
  -webkit-animation: loader 2.5s 0.4s infinite linear;
  -moz-animation: loader 2.5s 0.4s infinite linear;
  -ms-animation: loader 2.5s 0.4s infinite linear;
  -o-animation: loader 2.5s 0.4s infinite linear;
  animation: loader 2.5s 0.4s infinite linear;
}
.loader span:nth-of-type(7) {
  -webkit-animation: loader 2.5s 0.2s infinite linear;
  -moz-animation: loader 2.5s 0.2s infinite linear;
  -ms-animation: loader 2.5s 0.2s infinite linear;
  -o-animation: loader 2.5s 0.2s infinite linear;
  animation: loader 2.5s 0.2s infinite linear;
}
.loader span:nth-of-type(8) {
  -webkit-animation: loader 2.5s 0s infinite linear;
  -moz-animation: loader 2.5s 0s infinite linear;
  -ms-animation: loader 2.5s 0s infinite linear;
  -o-animation: loader 2.5s 0s infinite linear;
  animation: loader 2.5s 0s infinite linear;
}
.loader span:nth-of-type(9) {
  -webkit-animation: loader 2.5s 0.2s infinite linear;
  -moz-animation: loader 2.5s 0.2s infinite linear;
  -ms-animation: loader 2.5s 0.2s infinite linear;
  -o-animation: loader 2.5s 0.2s infinite linear;
  animation: loader 2.5s 0.2s infinite linear;
}
.loader span:nth-of-type(10) {
  -webkit-animation: loader 2.5s 0.4s infinite linear;
  -moz-animation: loader 2.5s 0.4s infinite linear;
  -ms-animation: loader 2.5s 0.4s infinite linear;
  -o-animation: loader 2.5s 0.4s infinite linear;
  animation: loader 2.5s 0.4s infinite linear;
}
.loader span:nth-of-type(11) {
  -webkit-animation: loader 2.5s 0.6s infinite linear;
  -moz-animation: loader 2.5s 0.6s infinite linear;
  -ms-animation: loader 2.5s 0.6s infinite linear;
  -o-animation: loader 2.5s 0.6s infinite linear;
  animation: loader 2.5s 0.6s infinite linear;
}
.loader span:nth-of-type(12) {
  -webkit-animation: loader 2.5s 0.8s infinite linear;
  -moz-animation: loader 2.5s 0.8s infinite linear;
  -ms-animation: loader 2.5s 0.8s infinite linear;
  -o-animation: loader 2.5s 0.8s infinite linear;
  animation: loader 2.5s 0.8s infinite linear;
}
.loader span:nth-of-type(13) {
  -webkit-animation: loader 2.5s 1s infinite linear;
  -moz-animation: loader 2.5s 1s infinite linear;
  -ms-animation: loader 2.5s 1s infinite linear;
  -o-animation: loader 2.5s 1s infinite linear;
  animation: loader 2.5s 1s infinite linear;
}
.loader span:nth-of-type(14) {
  -webkit-animation: loader 2.5s 1.2s infinite linear;
  -moz-animation: loader 2.5s 1.2s infinite linear;
  -ms-animation: loader 2.5s 1.2s infinite linear;
  -o-animation: loader 2.5s 1.2s infinite linear;
  animation: loader 2.5s 1.2s infinite linear;
}
.loader span:nth-of-type(15) {
  -webkit-animation: loader 2.5s 1.4s infinite linear;
  -moz-animation: loader 2.5s 1.4s infinite linear;
  -ms-animation: loader 2.5s 1.4s infinite linear;
  -o-animation: loader 2.5s 1.4s infinite linear;
  animation: loader 2.5s 1.4s infinite linear;
}

@-webkit-keyframes loader {
  0% {
    background: #ccc;
    margin-top: 25%;
    height: 10%;
  }

  50% {
    background: #444;
    height: 100%;
    margin-top: 0%;
  }

  100% {
    background: #ccc;
    height: 10%;
    margin-top: 25%;
  }
}

@-moz-keyframes loader {
  0% {
    background: #ccc;
    margin-top: 25%;
    height: 10%;
  }

  50% {
    background: #444;
    height: 100%;
    margin-top: 0%;
  }

  100% {
    background: #ccc;
    height: 10%;
    margin-top: 25%;
  }
}

/* ======== 8.2 BACKGROUND FIXED ======== */
#bg, #bgSub {
  position: fixed;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  z-index: -1;
  background: #000000;
}
#bg img, #bgSub img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  min-width: 50%;
  min-height: 50%;
}

/* ======== 8.3 BX SLIDER ======== */
/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin: 0 auto 60px;
  padding: 0;
  *zoom: 1;
}

.bx-wrapper img {
  max-width: 100%;
  display: block;
}

/** THEME
===================================*/
.bx-wrapper .bx-viewport {
  -moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  border: solid #fff 5px;
  left: -5px;
  background: #fff;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}

/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url(images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
  right: 10px;
  background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
  background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
  background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(images/controls.png) -86px -11px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url(images/controls.png) -86px -44px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666666 \9;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}

.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}

/* ======== 8.4 COUNTDOWN ======== */
/* jQuery Countdown styles 2.0.0. */
.is-countdown {
  border: 1px solid #ccc;
  background-color: #eee;
}

.countdown-rtl {
  direction: rtl;
}

.countdown-holding span {
  color: #888;
}

.countdown-row {
  clear: both;
  width: 100%;
  padding: 0px 2px;
  text-align: center;
}

.countdown-show1 .countdown-section {
  width: 98%;
}

.countdown-show2 .countdown-section {
  width: 48%;
}

.countdown-show3 .countdown-section {
  width: 32.5%;
}

.countdown-show4 .countdown-section {
  width: 24.5%;
}

.countdown-show5 .countdown-section {
  width: 19.5%;
}

.countdown-show6 .countdown-section {
  width: 16.25%;
}

.countdown-show7 .countdown-section {
  width: 14%;
}

.countdown-section {
  display: block;
  float: left;
  font-size: 75%;
  text-align: center;
}

.countdown-amount {
  font-size: 200%;
}

.countdown-period {
  display: block;
}

.countdown-descr {
  display: block;
  width: 100%;
}

/* ======== 8.5 CONTACT NOTIFICATION ======== */
.notification {
  display: block;
  position: relative;
  width: 100%;
  margin-bottom: 20px;
  padding: 10px 18px;
  text-align: left;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-top: 8px;
}
.notification.error {
  border: 1px solid #cb3838;
  background: #a81c1c;
}
.notification.error p {
  color: #dcdcdc;
  margin-bottom: 0;
}

/* ======== 8.6 TESTIMONIAL ======== */
#testi {
  background: url('../img/quote.png?1401695878') no-repeat 0 9px;
  padding-left: 30px;
}
#testi .bx-wrapper .bx-viewport {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
  left: 0;
  background: transparent;
  font-size: 12px;
  line-height: normal;
  display: inline-block;
  color: #838383;
}

.titlefoot {
  font-family: 'kalingaBold';
  font-size: 1em;
  margin-bottom: 4px;
  margin-top: 9px;
  color: lightgrey;
}