/*
@font-face {
  font-family: 'FranklinGothic';
  src: url('../webfonts/franklin-gothic-book.eot');
  src: url('../webfonts/franklin-gothic-book.eot?#iefix') format('embedded-opentype'), url('../webfonts/franklin-gothic-book.woff') format('woff'), url('../webfonts/franklin-gothic-book.ttf') format('truetype');
  font-weight: normal; font-style: normal; color:white;
}
*/
@font-face {
  font-family: 'FranklinGothic';
  src: url('../webfonts/franklin-gothic-demi.eot');
  src: url('../webfonts/franklin-gothic-demi.eot?#iefix') format('embedded-opentype'), url('../webfonts/franklin-gothic-demi.woff') format('woff'), url('../webfonts/franklin-gothic-demi.ttf') format('truetype');
  font-weight: normal; font-style: normal; color:white;
}

.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; }
.clearfix:after { clear: both; }
body,h1,h2,h3,h4,h5,h6,p,ul,ol,fieldset,form,table,footer,header { margin: 0; padding: 0; border: 0; }
ul,ol { list-style: none; }
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section { display: block; }
audio,canvas,video { display: inline-block; }

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  color:white;
}
a:focus {
  outline: thin dotted #333333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
a,a:hover,a:active,a:focus {
  outline: 0;
  color: inherit;
  color:white;
}
img {
  max-width: 100%;/* Responsive images (ensure images don't scale beyond their parents) */
  width: auto\9;/* Part 1: Set a maxium relative to the parent */
  height: auto;/* IE7-8 need help adjusting responsive images */
  vertical-align: middle;/* Part 2: Scale the height according to the width, otherwise you get stretching */
  border: 0;
  -ms-interpolation-mode: bicubic;
}
button,input,select,textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}
button,input {
  line-height: normal;
}
button::-moz-focus-inner,input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
label,select,button,input[type="button"],input[type="reset"],input[type="submit"],input[type="radio"],input[type="checkbox"] { cursor: pointer; }
input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
button, input {
  background-image: none;
}

.container {
	min-width: 1000px;
	padding: 0px;
	margin:0;
}
.container-fluid {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 1000px;
  padding: 0px;
  margin:0 auto;
  *zoom: 1;
}
.container-fluid:before, .container-fluid:after {
  display: table;
  content: "";
  line-height: 0;
}
.container-fluid:after {
  clear: both;
}
/*
// Grid system
// --------------------------------------------------
*/
.row-fluid {
  width: 100%;
}
.row-fluid:after {
  clear: both;
}
.row-fluid:before,
.row-fluid:after {
  display: table;
  content: "";
  line-height: 0;
}
[class*="span"] {
  display: block;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

[class*="span"] {
  float: left;
}
[class*="span"]:first-child {
  margin-left: 0;
}
.span6 {
  width: 100%;
}
.span5 {
  width: 83.333333333%;
}
.span4 {
  width: 66.666666667%;
}
.span3 {
  width: 50%;
}
.span2 {
  width: 33.333333333%;
}
.span1 {
  width: 16.666666667%;
}
.span-left {
  padding-right: 42px;
}
.span-right {
  padding-left: 42px;
}
.nav > .disabled > a {
  color: #999999;
}
.nav > .disabled > a:hover,
.nav > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  cursor: default;
}
/* FlexSlider Necessary Styles *********************************/
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */

.flex-pauseplay span {
  text-transform: capitalize;
}
/* Clearfix for the .slides element */

.slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .slides {
  display: block;
}
* html .slides {
  height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you include js that eliminates this class on page load */

.no-js .slides > li:first-child {
  display: block;
}
/* FlexSlider Default Theme
*********************************/

.flexslider {
  position: relative;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
.flexslider .slides {
  zoom: 1;
}
.carousel li {
  margin-right: 5px;
}
.flex-prev,
.flex-next {
  z-index: 9;
  text-indent: -9999px;
}
.fadein {
  opacity: 0;
}
.popin {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}

@-webkit-keyframes popin {
  from {
    -webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);
  }
}
@-moz-keyframes popin {
  from {
    -webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);
  }
}
@-o-keyframes popin {
  from/* Opera */ {
    -webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);
  }
}
@keyframes popin {
  from {
    -webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

#section1-circle1.animate {
	-webkit-animation: popin 300ms forwards 0ms ease-in-out;
	-moz-animation: popin 300ms forwards 0ms ease-in-out;
	-ms-transform: popin 300ms forwards 0ms ease-in-out;
	-o-animation: popin 300ms forwards 0ms ease-in-out;
	animation: popin 300ms forwards 0ms ease-in-out;
}
#section1-circle2.animate {
	-webkit-animation: popin 300ms forwards 400ms ease-in-out;
	-moz-animation: popin 300ms forwards 400ms ease-in-out;
	-ms-transform: popin 300ms forwards 400ms ease-in-out;
	-o-animation: popin 300ms forwards 400ms ease-in-out;
	animation: popin 300ms forwards 400ms ease-in-out;
}
#section1-circle3.animate {
	-webkit-animation: popin 300ms forwards 800ms ease-in-out;
	-moz-animation: popin 300ms forwards 800ms ease-in-out;
	-ms-transform: popin 300ms forwards 800ms ease-in-out;
	-o-animation: popin 300ms forwards 800ms ease-in-out;
	animation: popin 300ms forwards 800ms ease-in-out;
}
#section1-circle4.animate {
	-webkit-animation: popin 300ms forwards 1200ms ease-in-out;
	-moz-animation: popin 300ms forwards 1200ms ease-in-out;
	-ms-transform: popin 300ms forwards 1200ms ease-in-out;
	-o-animation: popin 300ms forwards 1200ms ease-in-out;
	animation: popin 300ms forwards 1200ms ease-in-out;
}
#section1-circle5.animate {
	-webkit-animation: popin 300ms forwards 1600ms ease-in-out;
	-moz-animation: popin 300ms forwards 1600ms ease-in-out;
	-ms-transform: popin 300ms forwards 1600ms ease-in-out;
	-o-animation: popin 300ms forwards 1600ms ease-in-out;
	animation: popin 300ms forwards 1600ms ease-in-out;
}

#section3-circle1.animate {
	-webkit-animation: popin 300ms forwards 0ms ease-in-out;
	-moz-animation: popin 300ms forwards 0ms ease-in-out;
	-ms-transform: popin 300ms forwards 0ms ease-in-out;
	-o-animation: popin 300ms forwards 0ms ease-in-out;
	animation: popin 300ms forwards 0ms ease-in-out;
}
#section3-circle2.animate {
	-webkit-animation: popin 300ms forwards 400ms ease-in-out;
	-moz-animation: popin 300ms forwards 400ms ease-in-out;
	-ms-transform: popin 300ms forwards 400ms ease-in-out;
	-o-animation: popin 300ms forwards 400ms ease-in-out;
	animation: popin 300ms forwards 400ms ease-in-out;
}
#section3-circle3.animate {
	-webkit-animation: popin 300ms forwards 800ms ease-in-out;
	-moz-animation: popin 300ms forwards 800ms ease-in-out;
	-ms-transform: popin 300ms forwards 800ms ease-in-out;
	-o-animation: popin 300ms forwards 800ms ease-in-out;
	animation: popin 300ms forwards 800ms ease-in-out;
}
#section3-circle4.animate {
	-webkit-animation: popin 300ms forwards 1200ms ease-in-out;
	-moz-animation: popin 300ms forwards 1200ms ease-in-out;
	-ms-transform: popin 300ms forwards 1200ms ease-in-out;
	-o-animation: popin 300ms forwards 1200ms ease-in-out;
	animation: popin 300ms forwards 1200ms ease-in-out;
}
#section3-circle5.animate {
	-webkit-animation: popin 300ms forwards 1600ms ease-in-out;
	-moz-animation: popin 300ms forwards 1600ms ease-in-out;
	-ms-transform: popin 300ms forwards 1600ms ease-in-out;
	-o-animation: popin 300ms forwards 1600ms ease-in-out;
	animation: popin 300ms forwards 1600ms ease-in-out;
}