/* ------------------ BASE STYLES ------------------ */

html, body {

  height: 100%;

  width: 100%;

}



body {

  font-family: "Open Sans", sans-serif;

  font-size: 16px;

  font-weight: 300;

  color: #94969b;

  background-color: #fff !important;

  line-height: 1.6;

}

body.fullscreen-image-background {

  background-image: url('../img/sliders/slider3.png?1393983498');

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center center;

}

ul.box-container {

	margin:0px;

	padding:0px;

}

ul.box-container li {

	padding:0px;

}

ul.box-container li a img {

	width:100%;

	height:200px !important;

}

@media screen and (min-width: 1025px) {

  body.fullscreen-image-background {

    background-attachment: fixed;

  }

}



h1, h2, h3, h4, h5, h6 {

  font-family: "Dosis", sans-serif;

  font-weight: 300;

  color: #646464;

  margin-top: 0;

}



/* ------------------ GENERAL STYLES ------------------ */

body.no-preloader {

  display: block;

}

body #jpreLoader {

  left: 0 !important;

  width: 100%;

  height: 1px;

}

body #jprePercentage {

  height: auto;

  top: -80px;

  font-size: 48px;

  font-weight: normal;

  font-family: "Dosis", sans-serif;

  text-shadow: none;

  color: #777;

}

body #jpreOverlay {

  background-color: #fafafa;

}

body #jpreBar {

  -moz-box-shadow: none;

  -webkit-box-shadow: none;

  box-shadow: none;

  background-image: none;

  background-color: #777;

}



@font-face {

  font-family: "brankic";

  src: url('../fonts/brankic.eot?1392697956');

  src: url('../fonts/brankic.eot?&1392697956#iefix') format('embedded-opentype'), url('../fonts/brankic.svg?1392697956') format('svg'), url('../fonts/brankic.ttf?1392697956') format('truetype'), url('../fonts/brankic.woff?1392697956') format('woff');

}

/* --------------------- */

/* NAVIGATION BAR

/* --------------------- */

.navbar-brand {

  padding: 10px 15px;

}

.navbar-brand img {

  width: 74px;

  height: auto;

}



.navbar,

.navbar.navbar-light {

  -moz-transition-property: all;

  -o-transition-property: all;

  -webkit-transition-property: all;

  transition-property: all;

  -moz-transition-duration: 0.2s;

  -o-transition-duration: 0.2s;

  -webkit-transition-duration: 0.2s;

  transition-duration: 0.2s;

  -moz-transition-timing-function: linear;

  -o-transition-timing-function: linear;

  -webkit-transition-timing-function: linear;

  transition-timing-function: linear;

  -webkit-transform: translateZ(0);

}



.nav > li > a:focus {

  background-color: transparent;

  outline: none;

}



.navbar-nav {

  padding: 10px 0;

}

.navbar-nav > li {

  margin: 0 6px;

}

.navbar-nav > li > a {

  -moz-transition-property: all;

  -o-transition-property: all;

  -webkit-transition-property: all;

  transition-property: all;

  -moz-transition-duration: 0.1s;

  -o-transition-duration: 0.1s;

  -webkit-transition-duration: 0.1s;

  transition-duration: 0.1s;

  -moz-transition-timing-function: ease-out;

  -o-transition-timing-function: ease-out;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

  padding-left: 3px;

  padding-right: 3px;

  padding-top: 5px;

  padding-bottom: 5px;

  border-bottom: 2px solid transparent;

  font-size: 12px;

  color: #646464;

  font-weight: 700;

}

.navbar-nav > li > a:hover {

  border-bottom: 2px solid #646464;

  padding-bottom: 0;

  background-color: transparent;

}

.navbar-nav > li.active > a {

  border-bottom: 2px solid #646464;

  padding-bottom: 0;

  background-color: transparent;

  outline: none;

}

.navbar-nav.nav-text-light > li > a {

  color: #fff;

}

.navbar-nav.nav-text-light > li > a:hover {

  border-bottom-color: #fff;

}

.navbar-nav.nav-text-light > li.active > a {

  border-bottom-color: #fff;

}



.navbar {

  -moz-border-radius: 0;

  -webkit-border-radius: 0;

  border-radius: 0;

  background-color:rgba(255,255,255,1);

}

.navbar.navbar-light {

  background-color: #f7f7f7 !important;

  border-bottom: 1px solid #eee;

}

.navbar.navbar-light .navbar-nav.nav-text-light > li > a {

  color: #646464;

}

@media screen and (max-width: 767px) {

  .navbar.navbar-light .navbar-nav.nav-text-light > li > a {

    color: #e6e6e6;

    border-bottom: none;

    padding-top: 15px;

    padding-bottom: 15px;

  }

  .navbar.navbar-light .navbar-nav.nav-text-light > li > a:hover {

    color: #fff;

    padding-top: 15px;

    padding-bottom: 15px;

    text-decoration: underline;

  }

}

.navbar.navbar-light .navbar-nav.nav-text-light > li > a:hover {

  border-bottom-color: #646464;

}

.navbar.navbar-light .navbar-nav.nav-text-light > li.active > a {

  border-bottom-color: #646464;

}



.navbar-toggle {

  background-color: #646464;

}

.navbar-toggle .icon-bar {

  background-color: #fff;

}



@media screen and (max-width: 767px) {

  .navbar-collapse {

    background-color: #646464;

  }

  .navbar-collapse .navbar-nav > li > a {

    color: #e6e6e6;

    border-bottom: none;

    padding-top: 15px;

    padding-bottom: 15px;

  }

  .navbar-collapse .navbar-nav > li > a:hover {

    color: #fff;

    padding-top: 15px;

    padding-bottom: 15px;

    text-decoration: underline;

  }

}

/* --------------------- */

/* BUTTONS

/* --------------------- */

.btn {

  -moz-border-radius: 0;

  -webkit-border-radius: 0;

  border-radius: 0;

  -moz-transition-property: border-color;

  -o-transition-property: border-color;

  -webkit-transition-property: border-color;

  transition-property: border-color;

  -moz-transition-duration: 0.2s;

  -o-transition-duration: 0.2s;

  -webkit-transition-duration: 0.2s;

  transition-duration: 0.2s;

  -moz-transition-timing-function: linear;

  -o-transition-timing-function: linear;

  -webkit-transition-timing-function: linear;

  transition-timing-function: linear;

}

.btn:active, .btn.active {

  -moz-box-shadow: none;

  -webkit-box-shadow: none;

  box-shadow: none;

}



.btn-lg {

  border-width: 6px;

}



.btn-sm {

  border-width: 3px;

}



.btn-xs {

  border-width: 2px;

}



.btn-info {

  background-color: #00aeef;

  border-color: #00aeef;

}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {

  background-color: #00aeef;

  border-color: #009bd5;

}

.btn-info:active:focus, .btn-info.active:focus {

  background-color: #009bd5;

  border-color: #0076a3;

}



.btn-outline {

  background-color: transparent;

  border-color: #fff;

  color: #fff;

}

.btn-outline:hover, .btn-outline:focus, .btn-outline:active, .btn-outline.active {

  color: #fff;

}



.btn-primary {

  background-color: #ffae3f;

  border-color: #ffae3f;

}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {

  background-color: #ffae3f;

  border-color: #ffa325;

}

.btn-primary:active:focus, .btn-primary.active:focus {

  background-color: #ffa325;

  border-color: #f28c00;

}



.btn-primary.disabled,

.btn-primary[disabled] {

  background-color: #ffc472;

  border-color: #ffae3f;

}

.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active,

.btn-primary[disabled]:hover,

.btn-primary[disabled]:focus,

.btn-primary[disabled]:active,

.btn-primary[disabled].active {

  background-color: #ffc472;

  border-color: #ffae3f;

}



/* --------------------- */

/* LINKS

/* --------------------- */

a {

  color: #ffae3f;

}

a:hover, a:focus {

  color: #ffc472;

  text-decoration: none;

}



/* --------------------- */

/* SECTION

/* --------------------- */

.section {

  background-color: rgba(38, 41, 46, 1);

  padding: 70px 0;

}

.section.darker {

  background-color: rgba(38, 41, 46, .8);

}

.section.most-dark {

  background-color: #26292e;

  color: #fafafa;

}



.section-heading {

  text-align: center;

  margin-bottom: 50px;

}

.section-heading h2, .section-heading p {

  font-family: "Dosis", sans-serif;

}

.section-heading h2 {

  font-size: 3em;

  color: #ffae3f;

}

.section-heading p {

  font-size: 1.5em;

  color: #c2c2c2;

}

.section-heading hr {

  display: inline-block;

  vertical-align: middle;

  *vertical-align: auto;

  *zoom: 1;

  *display: inline;

  width: 100px;

  border-top: 1px solid #acacac;

}



.section-content h3 {

  color: #c2c2c2;

}



/* --------------------- */

/* TOOLTIP

/* --------------------- */

.tooltip-inner {

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);

  opacity: 0.5;

}



.tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow, .tooltip.right .tooltip-arrow, .tooltip.left .tooltip-arrow, .tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow {

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);

  opacity: 0.5;

}



/* --------------------- */

/* 3rd PARTY STYLES

/* --------------------- */

.parallax {

  background-attachment: fixed !important;

  background-size: cover;

}

@media screen and (max-width: 1024px) {

  .parallax {

    background-attachment: scroll !important;

    background-position: initial !important;

    background-repeat: no-repeat !important;

  }

}



.wow {

  visibility: hidden;

}



/*



	Supersized - Fullscreen Slideshow jQuery Plugin

	Version : 3.2.7

	Site	: www.buildinternet.com/project/supersized

	

	Author	: Sam Dunn

	Company : One Mighty Roar (www.onemightyroar.com)

	License : MIT License / GPL License

	

*/

* {

  margin: 0;

  padding: 0;

}



body {

  background: #111;

  height: 100%;

}



img {

  border: none;

}



#supersized-loader {

  position: absolute;

  top: 50%;

  left: 50%;

  z-index: 0;

  width: 60px;

  height: 60px;

  margin: -30px 0 0 -30px;

  text-indent: -999em;

  background: url(../img/progress.gif) no-repeat center center;

}



#supersized {

  display: block;

  position: fixed;

  left: 0;

  top: 0;

  overflow: hidden;

  z-index: -999;

  height: 100%;

  width: 100%;

}



#supersized img {

  width: auto;

  height: auto;

  position: relative;

  display: none;

  outline: none;

  border: none;

}



#supersized.speed img {

  -ms-interpolation-mode: nearest-neighbor;

  image-rendering: -moz-crisp-edges;

}



/*Speed*/

#supersized.quality img {

  -ms-interpolation-mode: bicubic;

  image-rendering: optimizeQuality;

}



/*Quality*/

#supersized li {

  display: block;

  list-style: none;

  z-index: -30;

  position: fixed;

  overflow: hidden;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: #111;

}



#supersized a {

  width: 100%;

  height: 100%;

  display: block;

}



#supersized li.prevslide {

  z-index: -20;

}



#supersized li.activeslide {

  z-index: -10;

}



#supersized li.image-loading {

  background: #111 url(../img/progress.gif) no-repeat center center;

  width: 100%;

  height: 100%;

}



#supersized li.image-loading img {

  visibility: hidden;

}



#supersized li.prevslide img, #supersized li.activeslide img {

  display: inline;

}



[class^="icon-"], [class*=" icon-"] {

  font-family: 'brankic';

  speak: none;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  /* Better Font Rendering =========== */

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



.icon-number:before {

  content: "\e600";

}



.icon-number2:before {

  content: "\e601";

}



.icon-number3:before {

  content: "\e602";

}



.icon-number4:before {

  content: "\e603";

}



.icon-number5:before {

  content: "\e604";

}



.icon-number6:before {

  content: "\e605";

}



.icon-number7:before {

  content: "\e606";

}



.icon-number8:before {

  content: "\e607";

}



.icon-number9:before {

  content: "\e608";

}



.icon-number10:before {

  content: "\e609";

}



.icon-number11:before {

  content: "\e60a";

}



.icon-number12:before {

  content: "\e60b";

}



.icon-number13:before {

  content: "\e60c";

}



.icon-number14:before {

  content: "\e60d";

}



.icon-number15:before {

  content: "\e60e";

}



.icon-number16:before {

  content: "\e60f";

}



.icon-number17:before {

  content: "\e610";

}



.icon-number18:before {

  content: "\e611";

}



.icon-number19:before {

  content: "\e612";

}



.icon-number20:before {

  content: "\e613";

}



.icon-quote:before {

  content: "\e614";

}



.icon-quote2:before {

  content: "\e615";

}



.icon-tag:before {

  content: "\e616";

}



.icon-tag2:before {

  content: "\e617";

}



.icon-link:before {

  content: "\e618";

}



.icon-link2:before {

  content: "\e619";

}



.icon-cabinet:before {

  content: "\e61a";

}



.icon-cabinet2:before {

  content: "\e61b";

}



.icon-calendar:before {

  content: "\e61c";

}



.icon-calendar2:before {

  content: "\e61d";

}



.icon-calendar3:before {

  content: "\e61e";

}



.icon-file:before {

  content: "\e61f";

}



.icon-file2:before {

  content: "\e620";

}



.icon-file3:before {

  content: "\e621";

}



.icon-files:before {

  content: "\e622";

}



.icon-phone:before {

  content: "\e623";

}



.icon-tablet:before {

  content: "\e624";

}



.icon-window:before {

  content: "\e625";

}



.icon-monitor:before {

  content: "\e626";

}



.icon-ipod:before {

  content: "\e627";

}



.icon-tv:before {

  content: "\e628";

}



.icon-camera:before {

  content: "\e629";

}



.icon-camera2:before {

  content: "\e62a";

}



.icon-camera3:before {

  content: "\e62b";

}



.icon-film:before {

  content: "\e62c";

}



.icon-film2:before {

  content: "\e62d";

}



.icon-film3:before {

  content: "\e62e";

}



.icon-microphone:before {

  content: "\e62f";

}



.icon-microphone2:before {

  content: "\e630";

}



.icon-microphone3:before {

  content: "\e631";

}



.icon-drink:before {

  content: "\e632";

}



.icon-drink2:before {

  content: "\e633";

}



.icon-drink3:before {

  content: "\e634";

}



.icon-drink4:before {

  content: "\e635";

}



.icon-coffee:before {

  content: "\e636";

}



.icon-mug:before {

  content: "\e637";

}



.icon-ice-cream:before {

  content: "\e638";

}



.icon-cake:before {

  content: "\e639";

}



.icon-inbox:before {

  content: "\e63a";

}



.icon-download:before {

  content: "\e63b";

}



.icon-upload:before {

  content: "\e63c";

}



.icon-inbox2:before {

  content: "\e63d";

}



.icon-checkmark:before {

  content: "\e63e";

}



.icon-checkmark2:before {

  content: "\e63f";

}



.icon-cancel:before {

  content: "\e640";

}



.icon-cancel2:before {

  content: "\e641";

}



.icon-plus:before {

  content: "\e642";

}



.icon-plus2:before {

  content: "\e643";

}



.icon-minus:before {

  content: "\e644";

}



.icon-minus2:before {

  content: "\e645";

}



.icon-notice:before {

  content: "\e646";

}



.icon-notice2:before {

  content: "\e647";

}



.icon-cog:before {

  content: "\e648";

}



.icon-cogs:before {

  content: "\e649";

}



.icon-cog2:before {

  content: "\e64a";

}



.icon-warning:before {

  content: "\e64b";

}



.icon-health:before {

  content: "\e64c";

}



.icon-suitcase:before {

  content: "\e64d";

}



.icon-suitcase2:before {

  content: "\e64e";

}



.icon-suitcase3:before {

  content: "\e64f";

}



.icon-picture:before {

  content: "\e650";

}



.icon-pictures:before {

  content: "\e651";

}



.icon-pictures2:before {

  content: "\e652";

}



.icon-android:before {

  content: "\e653";

}



.icon-marvin:before {

  content: "\e654";

}



.icon-pacman:before {

  content: "\e655";

}



.icon-cassette:before {

  content: "\e656";

}



.icon-watch:before {

  content: "\e657";

}



.icon-chronometer:before {

  content: "\e658";

}



.icon-watch2:before {

  content: "\e659";

}



.icon-alarm-clock:before {

  content: "\e65a";

}



.icon-time:before {

  content: "\e65b";

}



.icon-time2:before {

  content: "\e65c";

}



.icon-headphones:before {

  content: "\e65d";

}



.icon-wallet:before {

  content: "\e65e";

}



.icon-checkmark3:before {

  content: "\e65f";

}



.icon-cancel3:before {

  content: "\e660";

}



.icon-eye:before {

  content: "\e661";

}



.icon-position:before {

  content: "\e662";

}



.icon-site-map:before {

  content: "\e663";

}



.icon-site-map2:before {

  content: "\e664";

}



.icon-cloud:before {

  content: "\e665";

}



.icon-upload2:before {

  content: "\e666";

}



.icon-chart:before {

  content: "\e667";

}



.icon-chart2:before {

  content: "\e668";

}



.icon-chart3:before {

  content: "\e669";

}



.icon-chart4:before {

  content: "\e66a";

}



.icon-chart5:before {

  content: "\e66b";

}



.icon-chart6:before {

  content: "\e66c";

}



.icon-location:before {

  content: "\e66d";

}



.icon-download2:before {

  content: "\e66e";

}



.icon-basket:before {

  content: "\e66f";

}



.icon-folder:before {

  content: "\e670";

}



.icon-gamepad:before {

  content: "\e671";

}



.icon-alarm:before {

  content: "\e672";

}



.icon-alarm-cancel:before {

  content: "\e673";

}



.icon-phone2:before {

  content: "\e674";

}



.icon-phone3:before {

  content: "\e675";

}



.icon-image:before {

  content: "\e676";

}



.icon-open:before {

  content: "\e677";

}



.icon-sale:before {

  content: "\e678";

}



.icon-direction:before {

  content: "\e679";

}



.icon-map:before {

  content: "\e67a";

}



.icon-trashcan:before {

  content: "\e67b";

}



.icon-vote:before {

  content: "\e67c";

}



.icon-graduate:before {

  content: "\e67d";

}



.icon-lab:before {

  content: "\e67e";

}



.icon-tie:before {

  content: "\e67f";

}



.icon-football:before {

  content: "\e680";

}



.icon-eight-ball:before {

  content: "\e681";

}



.icon-bowling:before {

  content: "\e682";

}



.icon-bowling-pin:before {

  content: "\e683";

}



.icon-baseball:before {

  content: "\e684";

}



.icon-soccer:before {

  content: "\e685";

}



.icon-3d-glasses:before {

  content: "\e686";

}



.icon-microwave:before {

  content: "\e687";

}



.icon-refrigerator:before {

  content: "\e688";

}



.icon-oven:before {

  content: "\e689";

}



.icon-washing-machine:before {

  content: "\e68a";

}



.icon-mouse:before {

  content: "\e68b";

}



.icon-smiley:before {

  content: "\e68c";

}



.icon-sad:before {

  content: "\e68d";

}



.icon-mute:before {

  content: "\e68e";

}



.icon-hand:before {

  content: "\e68f";

}



.icon-radio:before {

  content: "\e690";

}



.icon-satellite:before {

  content: "\e691";

}



.icon-medal:before {

  content: "\e692";

}



.icon-medal2:before {

  content: "\e693";

}



.icon-switch:before {

  content: "\e694";

}



.icon-key:before {

  content: "\e695";

}



.icon-cord:before {

  content: "\e696";

}



.icon-locked:before {

  content: "\e697";

}



.icon-unlocked:before {

  content: "\e698";

}



.icon-locked2:before {

  content: "\e699";

}



.icon-unlocked2:before {

  content: "\e69a";

}



.icon-magnifier:before {

  content: "\e69b";

}



.icon-zoom-in:before {

  content: "\e69c";

}



.icon-zoom-out:before {

  content: "\e69d";

}



.icon-stack:before {

  content: "\e69e";

}



.icon-stack2:before {

  content: "\e69f";

}



.icon-stack3:before {

  content: "\e6a0";

}



.icon-david-star:before {

  content: "\e6a1";

}



.icon-cross:before {

  content: "\e6a2";

}



.icon-moon-andstar:before {

  content: "\e6a3";

}



.icon-transformers:before {

  content: "\e6a4";

}



.icon-batman:before {

  content: "\e6a5";

}



.icon-space-invaders:before {

  content: "\e6a6";

}



.icon-skeletor:before {

  content: "\e6a7";

}



.icon-lamp:before {

  content: "\e6a8";

}



.icon-lamp2:before {

  content: "\e6a9";

}



.icon-umbrella:before {

  content: "\e6aa";

}



.icon-street-light:before {

  content: "\e6ab";

}



.icon-bomb:before {

  content: "\e6ac";

}



.icon-archive:before {

  content: "\e6ad";

}



.icon-battery:before {

  content: "\e6ae";

}



.icon-battery2:before {

  content: "\e6af";

}



.icon-battery3:before {

  content: "\e6b0";

}



.icon-battery4:before {

  content: "\e6b1";

}



.icon-battery5:before {

  content: "\e6b2";

}



.icon-megaphone:before {

  content: "\e6b3";

}



.icon-megaphone2:before {

  content: "\e6b4";

}



.icon-patch:before {

  content: "\e6b5";

}



.icon-pil:before {

  content: "\e6b6";

}



.icon-injection:before {

  content: "\e6b7";

}



.icon-thermometer:before {

  content: "\e6b8";

}



.icon-lamp3:before {

  content: "\e6b9";

}



.icon-lamp4:before {

  content: "\e6ba";

}



.icon-lamp5:before {

  content: "\e6bb";

}



.icon-cube:before {

  content: "\e6bc";

}



.icon-box:before {

  content: "\e6bd";

}



.icon-box2:before {

  content: "\e6be";

}



.icon-diamond:before {

  content: "\e6bf";

}



.icon-bag:before {

  content: "\e6c0";

}



.icon-money-bag:before {

  content: "\e6c1";

}



.icon-grid:before {

  content: "\e6c2";

}



.icon-grid2:before {

  content: "\e6c3";

}



.icon-list:before {

  content: "\e6c4";

}



.icon-list2:before {

  content: "\e6c5";

}



.icon-ruler:before {

  content: "\e6c6";

}



.icon-ruler2:before {

  content: "\e6c7";

}



.icon-layout:before {

  content: "\e6c8";

}



.icon-layout2:before {

  content: "\e6c9";

}



.icon-layout3:before {

  content: "\e6ca";

}



.icon-layout4:before {

  content: "\e6cb";

}



.icon-layout5:before {

  content: "\e6cc";

}



.icon-layout6:before {

  content: "\e6cd";

}



.icon-layout7:before {

  content: "\e6ce";

}



.icon-layout8:before {

  content: "\e6cf";

}



.icon-layout9:before {

  content: "\e6d0";

}



.icon-layout10:before {

  content: "\e6d1";

}



.icon-layout11:before {

  content: "\e6d2";

}



.icon-layout12:before {

  content: "\e6d3";

}



.icon-layout13:before {

  content: "\e6d4";

}



.icon-layout14:before {

  content: "\e6d5";

}



.icon-tools:before {

  content: "\e6d6";

}



.icon-screwdriver:before {

  content: "\e6d7";

}



.icon-paint:before {

  content: "\e6d8";

}



.icon-hammer:before {

  content: "\e6d9";

}



.icon-brush:before {

  content: "\e6da";

}



.icon-pen:before {

  content: "\e6db";

}



.icon-chat:before {

  content: "\e6dc";

}



.icon-comments:before {

  content: "\e6dd";

}



.icon-chat2:before {

  content: "\e6de";

}



.icon-chat3:before {

  content: "\e6df";

}



.icon-volume:before {

  content: "\e6e0";

}



.icon-volume2:before {

  content: "\e6e1";

}



.icon-volume3:before {

  content: "\e6e2";

}



.icon-equalizer:before {

  content: "\e6e3";

}



.icon-resize:before {

  content: "\e6e4";

}



.icon-resize2:before {

  content: "\e6e5";

}



.icon-stretch:before {

  content: "\e6e6";

}



.icon-narrow:before {

  content: "\e6e7";

}



.icon-resize3:before {

  content: "\e6e8";

}



.icon-download3:before {

  content: "\e6e9";

}



.icon-calculator:before {

  content: "\e6ea";

}



.icon-library:before {

  content: "\e6eb";

}



.icon-auction:before {

  content: "\e6ec";

}



.icon-justice:before {

  content: "\e6ed";

}



.icon-stats:before {

  content: "\e6ee";

}



.icon-stats2:before {

  content: "\e6ef";

}



.icon-attachment:before {

  content: "\e6f0";

}



.icon-hourglass:before {

  content: "\e6f1";

}



.icon-abacus:before {

  content: "\e6f2";

}



.icon-pencil:before {

  content: "\e6f3";

}



.icon-pen2:before {

  content: "\e6f4";

}



.icon-pin:before {

  content: "\e6f5";

}



.icon-pin2:before {

  content: "\e6f6";

}



.icon-discout:before {

  content: "\e6f7";

}



.icon-edit:before {

  content: "\e6f8";

}



.icon-scissors:before {

  content: "\e6f9";

}



.icon-profile:before {

  content: "\e6fa";

}



.icon-profile2:before {

  content: "\e6fb";

}



.icon-profile3:before {

  content: "\e6fc";

}



.icon-rotate:before {

  content: "\e6fd";

}



.icon-rotate2:before {

  content: "\e6fe";

}



.icon-reply:before {

  content: "\e6ff";

}



.icon-forward:before {

  content: "\e700";

}



.icon-retweet:before {

  content: "\e701";

}



.icon-shuffle:before {

  content: "\e702";

}



.icon-loop:before {

  content: "\e703";

}



.icon-crop:before {

  content: "\e704";

}



.icon-square:before {

  content: "\e705";

}



.icon-square2:before {

  content: "\e706";

}



.icon-circle:before {

  content: "\e707";

}



.icon-dollar:before {

  content: "\e708";

}



.icon-dollar2:before {

  content: "\e709";

}



.icon-coins:before {

  content: "\e70a";

}



.icon-pig:before {

  content: "\e70b";

}



.icon-bookmark:before {

  content: "\e70c";

}



.icon-bookmark2:before {

  content: "\e70d";

}



.icon-address-book:before {

  content: "\e70e";

}



.icon-address-book2:before {

  content: "\e70f";

}



.icon-safe:before {

  content: "\e710";

}



.icon-envelope:before {

  content: "\e711";

}



.icon-envelope2:before {

  content: "\e712";

}



.icon-radio-active:before {

  content: "\e713";

}



.icon-music:before {

  content: "\e714";

}



.icon-presentation:before {

  content: "\e715";

}



.icon-male:before {

  content: "\e716";

}



.icon-female:before {

  content: "\e717";

}



.icon-aids:before {

  content: "\e718";

}



.icon-heart:before {

  content: "\e719";

}



.icon-info:before {

  content: "\e71a";

}



.icon-info2:before {

  content: "\e71b";

}



.icon-piano:before {

  content: "\e71c";

}



.icon-rain:before {

  content: "\e71d";

}



.icon-snow:before {

  content: "\e71e";

}



.icon-lightning:before {

  content: "\e71f";

}



.icon-sun:before {

  content: "\e720";

}



.icon-moon:before {

  content: "\e721";

}



.icon-cloudy:before {

  content: "\e722";

}



.icon-cloudy2:before {

  content: "\e723";

}



.icon-car:before {

  content: "\e724";

}



.icon-bike:before {

  content: "\e725";

}



.icon-truck:before {

  content: "\e726";

}



.icon-bus:before {

  content: "\e727";

}



.icon-bike2:before {

  content: "\e728";

}



.icon-plane:before {

  content: "\e729";

}



.icon-paper-plane:before {

  content: "\e72a";

}



.icon-rocket:before {

  content: "\e72b";

}



.icon-book:before {

  content: "\e72c";

}



.icon-book2:before {

  content: "\e72d";

}



.icon-barcode:before {

  content: "\e72e";

}



.icon-barcode2:before {

  content: "\e72f";

}



.icon-expand:before {

  content: "\e730";

}



.icon-collapse:before {

  content: "\e731";

}



.icon-pop-out:before {

  content: "\e732";

}



.icon-pop-in:before {

  content: "\e733";

}



.icon-target:before {

  content: "\e734";

}



.icon-badge:before {

  content: "\e735";

}



.icon-badge2:before {

  content: "\e736";

}



.icon-ticket:before {

  content: "\e737";

}



.icon-ticket2:before {

  content: "\e738";

}



.icon-ticket3:before {

  content: "\e739";

}



.icon-microphone4:before {

  content: "\e73a";

}



.icon-cone:before {

  content: "\e73b";

}



.icon-blocked:before {

  content: "\e73c";

}



.icon-stop:before {

  content: "\e73d";

}



.icon-keyboard:before {

  content: "\e73e";

}



.icon-keyboard2:before {

  content: "\e73f";

}



.icon-radio2:before {

  content: "\e740";

}



.icon-printer:before {

  content: "\e741";

}



.icon-checked:before {

  content: "\e742";

}



.icon-error:before {

  content: "\e743";

}



.icon-add:before {

  content: "\e744";

}



.icon-minus3:before {

  content: "\e745";

}



.icon-alert:before {

  content: "\e746";

}



.icon-pictures3:before {

  content: "\e747";

}



.icon-atom:before {

  content: "\e748";

}



.icon-eyedropper:before {

  content: "\e749";

}



.icon-globe:before {

  content: "\e74a";

}



.icon-globe2:before {

  content: "\e74b";

}



.icon-shipping:before {

  content: "\e74c";

}



.icon-ying-yang:before {

  content: "\e74d";

}



.icon-compass:before {

  content: "\e74e";

}



.icon-zip:before {

  content: "\e74f";

}



.icon-zip2:before {

  content: "\e750";

}



.icon-anchor:before {

  content: "\e751";

}



.icon-locked-heart:before {

  content: "\e752";

}



.icon-magnet:before {

  content: "\e753";

}



.icon-navigation:before {

  content: "\e754";

}



.icon-tags:before {

  content: "\e755";

}



.icon-heart2:before {

  content: "\e756";

}



.icon-heart3:before {

  content: "\e757";

}



.icon-usb:before {

  content: "\e758";

}



.icon-clipboard:before {

  content: "\e759";

}



.icon-clipboard2:before {

  content: "\e75a";

}



.icon-clipboard3:before {

  content: "\e75b";

}



.icon-switch2:before {

  content: "\e75c";

}



.icon-ruler3:before {

  content: "\e75d";

}



/*

 * jQuery FlexSlider v2.2.0

 * http://www.woothemes.com/flexslider/

 *

 * Copyright 2012 WooThemes

 * Free to use under the GPLv2 license.

 * http://www.gnu.org/licenses/gpl-2.0.html

 *

 * Contributing author: Tyler Smith (@mbmufffin)

 */

/* Browser Resets

*********************************/

.flex-container a:active,

.flexslider a:active,

.flex-container a:focus,

.flexslider a:focus {

  outline: none;

}



.slides,

.flex-control-nav,

.flex-direction-nav {

  margin: 0;

  padding: 0;

  list-style: none;

}



/* Icon Fonts

*********************************/

/* Font-face Icons */

@font-face {

  font-family: 'flexslider-icon';

  src: url("fonts/flexslider-icon.eot");

  src: url("fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("fonts/flexslider-icon.woff") format("woff"), url("fonts/flexslider-icon.ttf") format("truetype"), url("fonts/flexslider-icon.svg#flexslider-icon") format("svg");

  font-weight: normal;

  font-style: normal;

}

/* FlexSlider Necessary Styles

*********************************/

.flexslider {

  margin: 0;

  padding: 0;

}



.flexslider .slides > li {

  display: none;

  -webkit-backface-visibility: hidden;

}



/* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {

  width: 100%;

  display: block;

}



.flex-pauseplay span {

  text-transform: capitalize;

}



/* Clearfix for the .slides element */

.slides:after {

  content: "\0020";

  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 {

  margin: 0 0 60px;

  background: #fff;

  border: 4px solid #fff;

  position: relative;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  -o-border-radius: 4px;

  border-radius: 4px;

  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);

  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);

  -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);

  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);

  zoom: 1;

}



.flex-viewport {

  max-height: 2000px;

  -webkit-transition: all 1s ease;

  -moz-transition: all 1s ease;

  -o-transition: all 1s ease;

  transition: all 1s ease;

}



.loading .flex-viewport {

  max-height: 300px;

}



.flexslider .slides {

  zoom: 1;

}



.carousel li {

  margin-right: 5px;

}



/* Direction Nav */

.flex-direction-nav {

  *height: 0;

}



.flex-direction-nav a {

  text-decoration: none;

  display: block;

  width: 40px;

  height: 40px;

  margin: -20px 0 0;

  position: absolute;

  top: 50%;

  z-index: 10;

  overflow: hidden;

  opacity: 0;

  cursor: pointer;

  color: rgba(0, 0, 0, 0.8);

  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);

  -webkit-transition: all .3s ease;

  -moz-transition: all .3s ease;

  transition: all .3s ease;

}



.flex-direction-nav .flex-prev {

  left: -50px;

}



.flex-direction-nav .flex-next {

  right: -50px;

  text-align: right;

}



.flexslider:hover .flex-prev {

  opacity: 0.7;

  left: 10px;

}



.flexslider:hover .flex-next {

  opacity: 0.7;

  right: 10px;

}



.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {

  opacity: 1;

}



.flex-direction-nav .flex-disabled {

  opacity: 0 !important;

  filter: alpha(opacity=0);

  cursor: default;

}



.flex-direction-nav a:before {

  font-family: "flexslider-icon";

  font-size: 40px;

  display: inline-block;

  content: '\f001';

}



.flex-direction-nav a.flex-next:before {

  content: '\f002';

}



/* Pause/Play */

.flex-pauseplay a {

  display: block;

  width: 20px;

  height: 20px;

  position: absolute;

  bottom: 5px;

  left: 10px;

  opacity: 0.8;

  z-index: 10;

  overflow: hidden;

  cursor: pointer;

  color: #000;

}



.flex-pauseplay a:before {

  font-family: "flexslider-icon";

  font-size: 20px;

  display: inline-block;

  content: '\f004';

}



.flex-pauseplay a:hover {

  opacity: 1;

}



.flex-pauseplay a.flex-play:before {

  content: '\f003';

}



/* Control Nav */

.flex-control-nav {

  width: 100%;

  position: absolute;

  bottom: -40px;

  text-align: center;

}



.flex-control-nav li {

  margin: 0 6px;

  display: inline-block;

  zoom: 1;

  *display: inline;

}



.flex-control-paging li a {

  width: 11px;

  height: 11px;

  display: block;

  background: #666;

  background: rgba(0, 0, 0, 0.5);

  cursor: pointer;

  text-indent: -9999px;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  -o-border-radius: 20px;

  border-radius: 20px;

  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);

  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);

  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);

  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);

}



.flex-control-paging li a:hover {

  background: #333;

  background: rgba(0, 0, 0, 0.7);

}



.flex-control-paging li a.flex-active {

  background: #000;

  background: rgba(0, 0, 0, 0.9);

  cursor: default;

}



.flex-control-thumbs {

  margin: 5px 0 0;

  position: static;

  overflow: hidden;

}



.flex-control-thumbs li {

  width: 25%;

  float: left;

  margin: 0;

}



.flex-control-thumbs img {

  width: 100%;

  display: block;

  opacity: .7;

  cursor: pointer;

}



.flex-control-thumbs img:hover {

  opacity: 1;

}



.flex-control-thumbs .flex-active {

  opacity: 1;

  cursor: default;

}



@media screen and (max-width: 860px) {

  .flex-direction-nav .flex-prev {

    opacity: 1;

    left: 10px;

  }



  .flex-direction-nav .flex-next {

    opacity: 1;

    right: 10px;

  }

}

/*!

Animate.css - http://daneden.me/animate

Licensed under the MIT license



Copyright (c) 2013 Daniel Eden



Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:



The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.



THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

*/

.animated {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}



.animated.hinge {

  -webkit-animation-duration: 2s;

  animation-duration: 2s;

}



@-webkit-keyframes bounce {

  0%, 20%, 50%, 80%, 100% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

  40% {

    -webkit-transform: translateY(-30px);

    transform: translateY(-30px);

  }

  60% {

    -webkit-transform: translateY(-15px);

    transform: translateY(-15px);

  }

}

@keyframes bounce {

  0%, 20%, 50%, 80%, 100% {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

  40% {

    -webkit-transform: translateY(-30px);

    -ms-transform: translateY(-30px);

    transform: translateY(-30px);

  }

  60% {

    -webkit-transform: translateY(-15px);

    -ms-transform: translateY(-15px);

    transform: translateY(-15px);

  }

}

.bounce {

  -webkit-animation-name: bounce;

  animation-name: bounce;

}



@-webkit-keyframes flash {

  0%, 50%, 100% {

    opacity: 1;

  }

  25%, 75% {

    opacity: 0;

  }

}

@keyframes flash {

  0%, 50%, 100% {

    opacity: 1;

  }

  25%, 75% {

    opacity: 0;

  }

}

.flash {

  -webkit-animation-name: flash;

  animation-name: flash;

}



/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

  50% {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

  }

  100% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

}

@keyframes pulse {

  0% {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

  }

  50% {

    -webkit-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1);

  }

  100% {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

  }

}

.pulse {

  -webkit-animation-name: pulse;

  animation-name: pulse;

}



@-webkit-keyframes shake {

  0%, 100% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

  10%, 30%, 50%, 70%, 90% {

    -webkit-transform: translateX(-10px);

    transform: translateX(-10px);

  }

  20%, 40%, 60%, 80% {

    -webkit-transform: translateX(10px);

    transform: translateX(10px);

  }

}

@keyframes shake {

  0%, 100% {

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

  10%, 30%, 50%, 70%, 90% {

    -webkit-transform: translateX(-10px);

    -ms-transform: translateX(-10px);

    transform: translateX(-10px);

  }

  20%, 40%, 60%, 80% {

    -webkit-transform: translateX(10px);

    -ms-transform: translateX(10px);

    transform: translateX(10px);

  }

}

.shake {

  -webkit-animation-name: shake;

  animation-name: shake;

}



@-webkit-keyframes swing {

  20% {

    -webkit-transform: rotate(15deg);

    transform: rotate(15deg);

  }

  40% {

    -webkit-transform: rotate(-10deg);

    transform: rotate(-10deg);

  }

  60% {

    -webkit-transform: rotate(5deg);

    transform: rotate(5deg);

  }

  80% {

    -webkit-transform: rotate(-5deg);

    transform: rotate(-5deg);

  }

  100% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

}

@keyframes swing {

  20% {

    -webkit-transform: rotate(15deg);

    -ms-transform: rotate(15deg);

    transform: rotate(15deg);

  }

  40% {

    -webkit-transform: rotate(-10deg);

    -ms-transform: rotate(-10deg);

    transform: rotate(-10deg);

  }

  60% {

    -webkit-transform: rotate(5deg);

    -ms-transform: rotate(5deg);

    transform: rotate(5deg);

  }

  80% {

    -webkit-transform: rotate(-5deg);

    -ms-transform: rotate(-5deg);

    transform: rotate(-5deg);

  }

  100% {

    -webkit-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    transform: rotate(0deg);

  }

}

.swing {

  -webkit-transform-origin: top center;

  -ms-transform-origin: top center;

  transform-origin: top center;

  -webkit-animation-name: swing;

  animation-name: swing;

}



@-webkit-keyframes tada {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

  10%, 20% {

    -webkit-transform: scale(0.9) rotate(-3deg);

    transform: scale(0.9) rotate(-3deg);

  }

  30%, 50%, 70%, 90% {

    -webkit-transform: scale(1.1) rotate(3deg);

    transform: scale(1.1) rotate(3deg);

  }

  40%, 60%, 80% {

    -webkit-transform: scale(1.1) rotate(-3deg);

    transform: scale(1.1) rotate(-3deg);

  }

  100% {

    -webkit-transform: scale(1) rotate(0);

    transform: scale(1) rotate(0);

  }

}

@keyframes tada {

  0% {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

  }

  10%, 20% {

    -webkit-transform: scale(0.9) rotate(-3deg);

    -ms-transform: scale(0.9) rotate(-3deg);

    transform: scale(0.9) rotate(-3deg);

  }

  30%, 50%, 70%, 90% {

    -webkit-transform: scale(1.1) rotate(3deg);

    -ms-transform: scale(1.1) rotate(3deg);

    transform: scale(1.1) rotate(3deg);

  }

  40%, 60%, 80% {

    -webkit-transform: scale(1.1) rotate(-3deg);

    -ms-transform: scale(1.1) rotate(-3deg);

    transform: scale(1.1) rotate(-3deg);

  }

  100% {

    -webkit-transform: scale(1) rotate(0);

    -ms-transform: scale(1) rotate(0);

    transform: scale(1) rotate(0);

  }

}

.tada {

  -webkit-animation-name: tada;

  animation-name: tada;

}



/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {

  0% {

    -webkit-transform: translateX(0%);

    transform: translateX(0%);

  }

  15% {

    -webkit-transform: translateX(-25%) rotate(-5deg);

    transform: translateX(-25%) rotate(-5deg);

  }

  30% {

    -webkit-transform: translateX(20%) rotate(3deg);

    transform: translateX(20%) rotate(3deg);

  }

  45% {

    -webkit-transform: translateX(-15%) rotate(-3deg);

    transform: translateX(-15%) rotate(-3deg);

  }

  60% {

    -webkit-transform: translateX(10%) rotate(2deg);

    transform: translateX(10%) rotate(2deg);

  }

  75% {

    -webkit-transform: translateX(-5%) rotate(-1deg);

    transform: translateX(-5%) rotate(-1deg);

  }

  100% {

    -webkit-transform: translateX(0%);

    transform: translateX(0%);

  }

}

@keyframes wobble {

  0% {

    -webkit-transform: translateX(0%);

    -ms-transform: translateX(0%);

    transform: translateX(0%);

  }

  15% {

    -webkit-transform: translateX(-25%) rotate(-5deg);

    -ms-transform: translateX(-25%) rotate(-5deg);

    transform: translateX(-25%) rotate(-5deg);

  }

  30% {

    -webkit-transform: translateX(20%) rotate(3deg);

    -ms-transform: translateX(20%) rotate(3deg);

    transform: translateX(20%) rotate(3deg);

  }

  45% {

    -webkit-transform: translateX(-15%) rotate(-3deg);

    -ms-transform: translateX(-15%) rotate(-3deg);

    transform: translateX(-15%) rotate(-3deg);

  }

  60% {

    -webkit-transform: translateX(10%) rotate(2deg);

    -ms-transform: translateX(10%) rotate(2deg);

    transform: translateX(10%) rotate(2deg);

  }

  75% {

    -webkit-transform: translateX(-5%) rotate(-1deg);

    -ms-transform: translateX(-5%) rotate(-1deg);

    transform: translateX(-5%) rotate(-1deg);

  }

  100% {

    -webkit-transform: translateX(0%);

    -ms-transform: translateX(0%);

    transform: translateX(0%);

  }

}

.wobble {

  -webkit-animation-name: wobble;

  animation-name: wobble;

}



@-webkit-keyframes bounceIn {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.3);

    transform: scale(0.3);

  }

  50% {

    opacity: 1;

    -webkit-transform: scale(1.05);

    transform: scale(1.05);

  }

  70% {

    -webkit-transform: scale(0.9);

    transform: scale(0.9);

  }

  100% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

}

@keyframes bounceIn {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.3);

    -ms-transform: scale(0.3);

    transform: scale(0.3);

  }

  50% {

    opacity: 1;

    -webkit-transform: scale(1.05);

    -ms-transform: scale(1.05);

    transform: scale(1.05);

  }

  70% {

    -webkit-transform: scale(0.9);

    -ms-transform: scale(0.9);

    transform: scale(0.9);

  }

  100% {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

  }

}

.bounceIn {

  -webkit-animation-name: bounceIn;

  animation-name: bounceIn;

}



@-webkit-keyframes bounceInDown {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-2000px);

    transform: translateY(-2000px);

  }

  60% {

    opacity: 1;

    -webkit-transform: translateY(30px);

    transform: translateY(30px);

  }

  80% {

    -webkit-transform: translateY(-10px);

    transform: translateY(-10px);

  }

  100% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}

@keyframes bounceInDown {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-2000px);

    -ms-transform: translateY(-2000px);

    transform: translateY(-2000px);

  }

  60% {

    opacity: 1;

    -webkit-transform: translateY(30px);

    -ms-transform: translateY(30px);

    transform: translateY(30px);

  }

  80% {

    -webkit-transform: translateY(-10px);

    -ms-transform: translateY(-10px);

    transform: translateY(-10px);

  }

  100% {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

}

.bounceInDown {

  -webkit-animation-name: bounceInDown;

  animation-name: bounceInDown;

}



@-webkit-keyframes bounceInLeft {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-2000px);

    transform: translateX(-2000px);

  }

  60% {

    opacity: 1;

    -webkit-transform: translateX(30px);

    transform: translateX(30px);

  }

  80% {

    -webkit-transform: translateX(-10px);

    transform: translateX(-10px);

  }

  100% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}

@keyframes bounceInLeft {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-2000px);

    -ms-transform: translateX(-2000px);

    transform: translateX(-2000px);

  }

  60% {

    opacity: 1;

    -webkit-transform: translateX(30px);

    -ms-transform: translateX(30px);

    transform: translateX(30px);

  }

  80% {

    -webkit-transform: translateX(-10px);

    -ms-transform: translateX(-10px);

    transform: translateX(-10px);

  }

  100% {

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

}

.bounceInLeft {

  -webkit-animation-name: bounceInLeft;

  animation-name: bounceInLeft;

}



@-webkit-keyframes bounceInRight {

  0% {

    opacity: 0;

    -webkit-transform: translateX(2000px);

    transform: translateX(2000px);

  }

  60% {

    opacity: 1;

    -webkit-transform: translateX(-30px);

    transform: translateX(-30px);

  }

  80% {

    -webkit-transform: translateX(10px);

    transform: translateX(10px);

  }

  100% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}

@keyframes bounceInRight {

  0% {

    opacity: 0;

    -webkit-transform: translateX(2000px);

    -ms-transform: translateX(2000px);

    transform: translateX(2000px);

  }

  60% {

    opacity: 1;

    -webkit-transform: translateX(-30px);

    -ms-transform: translateX(-30px);

    transform: translateX(-30px);

  }

  80% {

    -webkit-transform: translateX(10px);

    -ms-transform: translateX(10px);

    transform: translateX(10px);

  }

  100% {

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

}

.bounceInRight {

  -webkit-animation-name: bounceInRight;

  animation-name: bounceInRight;

}



@-webkit-keyframes bounceInUp {

  0% {

    opacity: 0;

    -webkit-transform: translateY(2000px);

    transform: translateY(2000px);

  }

  60% {

    opacity: 1;

    -webkit-transform: translateY(-30px);

    transform: translateY(-30px);

  }

  80% {

    -webkit-transform: translateY(10px);

    transform: translateY(10px);

  }

  100% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}

@keyframes bounceInUp {

  0% {

    opacity: 0;

    -webkit-transform: translateY(2000px);

    -ms-transform: translateY(2000px);

    transform: translateY(2000px);

  }

  60% {

    opacity: 1;

    -webkit-transform: translateY(-30px);

    -ms-transform: translateY(-30px);

    transform: translateY(-30px);

  }

  80% {

    -webkit-transform: translateY(10px);

    -ms-transform: translateY(10px);

    transform: translateY(10px);

  }

  100% {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

}

.bounceInUp {

  -webkit-animation-name: bounceInUp;

  animation-name: bounceInUp;

}



@-webkit-keyframes bounceOut {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

  25% {

    -webkit-transform: scale(0.95);

    transform: scale(0.95);

  }

  50% {

    opacity: 1;

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(0.3);

    transform: scale(0.3);

  }

}

@keyframes bounceOut {

  0% {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

  }

  25% {

    -webkit-transform: scale(0.95);

    -ms-transform: scale(0.95);

    transform: scale(0.95);

  }

  50% {

    opacity: 1;

    -webkit-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1);

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(0.3);

    -ms-transform: scale(0.3);

    transform: scale(0.3);

  }

}

.bounceOut {

  -webkit-animation-name: bounceOut;

  animation-name: bounceOut;

}



@-webkit-keyframes bounceOutDown {

  0% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

  20% {

    opacity: 1;

    -webkit-transform: translateY(-20px);

    transform: translateY(-20px);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateY(2000px);

    transform: translateY(2000px);

  }

}

@keyframes bounceOutDown {

  0% {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

  20% {

    opacity: 1;

    -webkit-transform: translateY(-20px);

    -ms-transform: translateY(-20px);

    transform: translateY(-20px);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateY(2000px);

    -ms-transform: translateY(2000px);

    transform: translateY(2000px);

  }

}

.bounceOutDown {

  -webkit-animation-name: bounceOutDown;

  animation-name: bounceOutDown;

}



@-webkit-keyframes bounceOutLeft {

  0% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

  20% {

    opacity: 1;

    -webkit-transform: translateX(20px);

    transform: translateX(20px);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(-2000px);

    transform: translateX(-2000px);

  }

}

@keyframes bounceOutLeft {

  0% {

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

  20% {

    opacity: 1;

    -webkit-transform: translateX(20px);

    -ms-transform: translateX(20px);

    transform: translateX(20px);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(-2000px);

    -ms-transform: translateX(-2000px);

    transform: translateX(-2000px);

  }

}

.bounceOutLeft {

  -webkit-animation-name: bounceOutLeft;

  animation-name: bounceOutLeft;

}



@-webkit-keyframes bounceOutRight {

  0% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

  20% {

    opacity: 1;

    -webkit-transform: translateX(-20px);

    transform: translateX(-20px);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(2000px);

    transform: translateX(2000px);

  }

}

@keyframes bounceOutRight {

  0% {

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

  20% {

    opacity: 1;

    -webkit-transform: translateX(-20px);

    -ms-transform: translateX(-20px);

    transform: translateX(-20px);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(2000px);

    -ms-transform: translateX(2000px);

    transform: translateX(2000px);

  }

}

.bounceOutRight {

  -webkit-animation-name: bounceOutRight;

  animation-name: bounceOutRight;

}



@-webkit-keyframes bounceOutUp {

  0% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

  20% {

    opacity: 1;

    -webkit-transform: translateY(20px);

    transform: translateY(20px);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateY(-2000px);

    transform: translateY(-2000px);

  }

}

@keyframes bounceOutUp {

  0% {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

  20% {

    opacity: 1;

    -webkit-transform: translateY(20px);

    -ms-transform: translateY(20px);

    transform: translateY(20px);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateY(-2000px);

    -ms-transform: translateY(-2000px);

    transform: translateY(-2000px);

  }

}

.bounceOutUp {

  -webkit-animation-name: bounceOutUp;

  animation-name: bounceOutUp;

}



@-webkit-keyframes fadeIn {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}

@keyframes fadeIn {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}

.fadeIn {

  -webkit-animation-name: fadeIn;

  animation-name: fadeIn;

}



@-webkit-keyframes fadeInDown {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-20px);

    transform: translateY(-20px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}

@keyframes fadeInDown {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-20px);

    -ms-transform: translateY(-20px);

    transform: translateY(-20px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

}

.fadeInDown {

  -webkit-animation-name: fadeInDown;

  animation-name: fadeInDown;

}



@-webkit-keyframes fadeInDownBig {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-2000px);

    transform: translateY(-2000px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}

@keyframes fadeInDownBig {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-2000px);

    -ms-transform: translateY(-2000px);

    transform: translateY(-2000px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

}

.fadeInDownBig {

  -webkit-animation-name: fadeInDownBig;

  animation-name: fadeInDownBig;

}



@-webkit-keyframes fadeInLeft {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-20px);

    transform: translateX(-20px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}

@keyframes fadeInLeft {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-20px);

    -ms-transform: translateX(-20px);

    transform: translateX(-20px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

}

.fadeInLeft {

  -webkit-animation-name: fadeInLeft;

  animation-name: fadeInLeft;

}



@-webkit-keyframes fadeInLeftBig {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-2000px);

    transform: translateX(-2000px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}

@keyframes fadeInLeftBig {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-2000px);

    -ms-transform: translateX(-2000px);

    transform: translateX(-2000px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

}

.fadeInLeftBig {

  -webkit-animation-name: fadeInLeftBig;

  animation-name: fadeInLeftBig;

}



@-webkit-keyframes fadeInRight {

  0% {

    opacity: 0;

    -webkit-transform: translateX(20px);

    transform: translateX(20px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}

@keyframes fadeInRight {

  0% {

    opacity: 0;

    -webkit-transform: translateX(20px);

    -ms-transform: translateX(20px);

    transform: translateX(20px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

}

.fadeInRight {

  -webkit-animation-name: fadeInRight;

  animation-name: fadeInRight;

}



@-webkit-keyframes fadeInRightBig {

  0% {

    opacity: 0;

    -webkit-transform: translateX(2000px);

    transform: translateX(2000px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}

@keyframes fadeInRightBig {

  0% {

    opacity: 0;

    -webkit-transform: translateX(2000px);

    -ms-transform: translateX(2000px);

    transform: translateX(2000px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

}

.fadeInRightBig {

  -webkit-animation-name: fadeInRightBig;

  animation-name: fadeInRightBig;

}



@-webkit-keyframes fadeInUp {

  0% {

    opacity: 0;

    -webkit-transform: translateY(20px);

    transform: translateY(20px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}

@keyframes fadeInUp {

  0% {

    opacity: 0;

    -webkit-transform: translateY(20px);

    -ms-transform: translateY(20px);

    transform: translateY(20px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

}

.fadeInUp {

  -webkit-animation-name: fadeInUp;

  animation-name: fadeInUp;

}



@-webkit-keyframes fadeInUpBig {

  0% {

    opacity: 0;

    -webkit-transform: translateY(2000px);

    transform: translateY(2000px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}

@keyframes fadeInUpBig {

  0% {

    opacity: 0;

    -webkit-transform: translateY(2000px);

    -ms-transform: translateY(2000px);

    transform: translateY(2000px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

}

.fadeInUpBig {

  -webkit-animation-name: fadeInUpBig;

  animation-name: fadeInUpBig;

}



@-webkit-keyframes fadeOut {

  0% {

    opacity: 1;

  }

  100% {

    opacity: 0;

  }

}

@keyframes fadeOut {

  0% {

    opacity: 1;

  }

  100% {

    opacity: 0;

  }

}

.fadeOut {

  -webkit-animation-name: fadeOut;

  animation-name: fadeOut;

}



@-webkit-keyframes fadeOutDown {

  0% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateY(20px);

    transform: translateY(20px);

  }

}

@keyframes fadeOutDown {

  0% {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateY(20px);

    -ms-transform: translateY(20px);

    transform: translateY(20px);

  }

}

.fadeOutDown {

  -webkit-animation-name: fadeOutDown;

  animation-name: fadeOutDown;

}



@-webkit-keyframes fadeOutDownBig {

  0% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateY(2000px);

    transform: translateY(2000px);

  }

}

@keyframes fadeOutDownBig {

  0% {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateY(2000px);

    -ms-transform: translateY(2000px);

    transform: translateY(2000px);

  }

}

.fadeOutDownBig {

  -webkit-animation-name: fadeOutDownBig;

  animation-name: fadeOutDownBig;

}



@-webkit-keyframes fadeOutLeft {

  0% {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(-20px);

    transform: translateX(-20px);

  }

}

@keyframes fadeOutLeft {

  0% {

    opacity: 1;

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(-20px);

    -ms-transform: translateX(-20px);

    transform: translateX(-20px);

  }

}

.fadeOutLeft {

  -webkit-animation-name: fadeOutLeft;

  animation-name: fadeOutLeft;

}



@-webkit-keyframes fadeOutLeftBig {

  0% {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(-2000px);

    transform: translateX(-2000px);

  }

}

@keyframes fadeOutLeftBig {

  0% {

    opacity: 1;

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(-2000px);

    -ms-transform: translateX(-2000px);

    transform: translateX(-2000px);

  }

}

.fadeOutLeftBig {

  -webkit-animation-name: fadeOutLeftBig;

  animation-name: fadeOutLeftBig;

}



@-webkit-keyframes fadeOutRight {

  0% {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(20px);

    transform: translateX(20px);

  }

}

@keyframes fadeOutRight {

  0% {

    opacity: 1;

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(20px);

    -ms-transform: translateX(20px);

    transform: translateX(20px);

  }

}

.fadeOutRight {

  -webkit-animation-name: fadeOutRight;

  animation-name: fadeOutRight;

}



@-webkit-keyframes fadeOutRightBig {

  0% {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(2000px);

    transform: translateX(2000px);

  }

}

@keyframes fadeOutRightBig {

  0% {

    opacity: 1;

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(2000px);

    -ms-transform: translateX(2000px);

    transform: translateX(2000px);

  }

}

.fadeOutRightBig {

  -webkit-animation-name: fadeOutRightBig;

  animation-name: fadeOutRightBig;

}



@-webkit-keyframes fadeOutUp {

  0% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateY(-20px);

    transform: translateY(-20px);

  }

}

@keyframes fadeOutUp {

  0% {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateY(-20px);

    -ms-transform: translateY(-20px);

    transform: translateY(-20px);

  }

}

.fadeOutUp {

  -webkit-animation-name: fadeOutUp;

  animation-name: fadeOutUp;

}



@-webkit-keyframes fadeOutUpBig {

  0% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateY(-2000px);

    transform: translateY(-2000px);

  }

}

@keyframes fadeOutUpBig {

  0% {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateY(-2000px);

    -ms-transform: translateY(-2000px);

    transform: translateY(-2000px);

  }

}

.fadeOutUpBig {

  -webkit-animation-name: fadeOutUpBig;

  animation-name: fadeOutUpBig;

}



@-webkit-keyframes flip {

  0% {

    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);

    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }

  40% {

    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);

    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }

  50% {

    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);

    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

  80% {

    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);

    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

  100% {

    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);

    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

}

@keyframes flip {

  0% {

    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);

    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);

    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }

  40% {

    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);

    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);

    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }

  50% {

    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);

    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);

    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

  80% {

    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);

    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);

    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

  100% {

    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);

    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);

    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

}

.animated.flip {

  -webkit-backface-visibility: visible;

  -ms-backface-visibility: visible;

  backface-visibility: visible;

  -webkit-animation-name: flip;

  animation-name: flip;

}



@-webkit-keyframes flipInX {

  0% {

    -webkit-transform: perspective(400px) rotateX(90deg);

    transform: perspective(400px) rotateX(90deg);

    opacity: 0;

  }

  40% {

    -webkit-transform: perspective(400px) rotateX(-10deg);

    transform: perspective(400px) rotateX(-10deg);

  }

  70% {

    -webkit-transform: perspective(400px) rotateX(10deg);

    transform: perspective(400px) rotateX(10deg);

  }

  100% {

    -webkit-transform: perspective(400px) rotateX(0deg);

    transform: perspective(400px) rotateX(0deg);

    opacity: 1;

  }

}

@keyframes flipInX {

  0% {

    -webkit-transform: perspective(400px) rotateX(90deg);

    -ms-transform: perspective(400px) rotateX(90deg);

    transform: perspective(400px) rotateX(90deg);

    opacity: 0;

  }

  40% {

    -webkit-transform: perspective(400px) rotateX(-10deg);

    -ms-transform: perspective(400px) rotateX(-10deg);

    transform: perspective(400px) rotateX(-10deg);

  }

  70% {

    -webkit-transform: perspective(400px) rotateX(10deg);

    -ms-transform: perspective(400px) rotateX(10deg);

    transform: perspective(400px) rotateX(10deg);

  }

  100% {

    -webkit-transform: perspective(400px) rotateX(0deg);

    -ms-transform: perspective(400px) rotateX(0deg);

    transform: perspective(400px) rotateX(0deg);

    opacity: 1;

  }

}

.flipInX {

  -webkit-backface-visibility: visible !important;

  -ms-backface-visibility: visible !important;

  backface-visibility: visible !important;

  -webkit-animation-name: flipInX;

  animation-name: flipInX;

}



@-webkit-keyframes flipInY {

  0% {

    -webkit-transform: perspective(400px) rotateY(90deg);

    transform: perspective(400px) rotateY(90deg);

    opacity: 0;

  }

  40% {

    -webkit-transform: perspective(400px) rotateY(-10deg);

    transform: perspective(400px) rotateY(-10deg);

  }

  70% {

    -webkit-transform: perspective(400px) rotateY(10deg);

    transform: perspective(400px) rotateY(10deg);

  }

  100% {

    -webkit-transform: perspective(400px) rotateY(0deg);

    transform: perspective(400px) rotateY(0deg);

    opacity: 1;

  }

}

@keyframes flipInY {

  0% {

    -webkit-transform: perspective(400px) rotateY(90deg);

    -ms-transform: perspective(400px) rotateY(90deg);

    transform: perspective(400px) rotateY(90deg);

    opacity: 0;

  }

  40% {

    -webkit-transform: perspective(400px) rotateY(-10deg);

    -ms-transform: perspective(400px) rotateY(-10deg);

    transform: perspective(400px) rotateY(-10deg);

  }

  70% {

    -webkit-transform: perspective(400px) rotateY(10deg);

    -ms-transform: perspective(400px) rotateY(10deg);

    transform: perspective(400px) rotateY(10deg);

  }

  100% {

    -webkit-transform: perspective(400px) rotateY(0deg);

    -ms-transform: perspective(400px) rotateY(0deg);

    transform: perspective(400px) rotateY(0deg);

    opacity: 1;

  }

}

.flipInY {

  -webkit-backface-visibility: visible !important;

  -ms-backface-visibility: visible !important;

  backface-visibility: visible !important;

  -webkit-animation-name: flipInY;

  animation-name: flipInY;

}



@-webkit-keyframes flipOutX {

  0% {

    -webkit-transform: perspective(400px) rotateX(0deg);

    transform: perspective(400px) rotateX(0deg);

    opacity: 1;

  }

  100% {

    -webkit-transform: perspective(400px) rotateX(90deg);

    transform: perspective(400px) rotateX(90deg);

    opacity: 0;

  }

}

@keyframes flipOutX {

  0% {

    -webkit-transform: perspective(400px) rotateX(0deg);

    -ms-transform: perspective(400px) rotateX(0deg);

    transform: perspective(400px) rotateX(0deg);

    opacity: 1;

  }

  100% {

    -webkit-transform: perspective(400px) rotateX(90deg);

    -ms-transform: perspective(400px) rotateX(90deg);

    transform: perspective(400px) rotateX(90deg);

    opacity: 0;

  }

}

.flipOutX {

  -webkit-animation-name: flipOutX;

  animation-name: flipOutX;

  -webkit-backface-visibility: visible !important;

  -ms-backface-visibility: visible !important;

  backface-visibility: visible !important;

}



@-webkit-keyframes flipOutY {

  0% {

    -webkit-transform: perspective(400px) rotateY(0deg);

    transform: perspective(400px) rotateY(0deg);

    opacity: 1;

  }

  100% {

    -webkit-transform: perspective(400px) rotateY(90deg);

    transform: perspective(400px) rotateY(90deg);

    opacity: 0;

  }

}

@keyframes flipOutY {

  0% {

    -webkit-transform: perspective(400px) rotateY(0deg);

    -ms-transform: perspective(400px) rotateY(0deg);

    transform: perspective(400px) rotateY(0deg);

    opacity: 1;

  }

  100% {

    -webkit-transform: perspective(400px) rotateY(90deg);

    -ms-transform: perspective(400px) rotateY(90deg);

    transform: perspective(400px) rotateY(90deg);

    opacity: 0;

  }

}

.flipOutY {

  -webkit-backface-visibility: visible !important;

  -ms-backface-visibility: visible !important;

  backface-visibility: visible !important;

  -webkit-animation-name: flipOutY;

  animation-name: flipOutY;

}



@-webkit-keyframes lightSpeedIn {

  0% {

    -webkit-transform: translateX(100%) skewX(-30deg);

    transform: translateX(100%) skewX(-30deg);

    opacity: 0;

  }

  60% {

    -webkit-transform: translateX(-20%) skewX(30deg);

    transform: translateX(-20%) skewX(30deg);

    opacity: 1;

  }

  80% {

    -webkit-transform: translateX(0%) skewX(-15deg);

    transform: translateX(0%) skewX(-15deg);

    opacity: 1;

  }

  100% {

    -webkit-transform: translateX(0%) skewX(0deg);

    transform: translateX(0%) skewX(0deg);

    opacity: 1;

  }

}

@keyframes lightSpeedIn {

  0% {

    -webkit-transform: translateX(100%) skewX(-30deg);

    -ms-transform: translateX(100%) skewX(-30deg);

    transform: translateX(100%) skewX(-30deg);

    opacity: 0;

  }

  60% {

    -webkit-transform: translateX(-20%) skewX(30deg);

    -ms-transform: translateX(-20%) skewX(30deg);

    transform: translateX(-20%) skewX(30deg);

    opacity: 1;

  }

  80% {

    -webkit-transform: translateX(0%) skewX(-15deg);

    -ms-transform: translateX(0%) skewX(-15deg);

    transform: translateX(0%) skewX(-15deg);

    opacity: 1;

  }

  100% {

    -webkit-transform: translateX(0%) skewX(0deg);

    -ms-transform: translateX(0%) skewX(0deg);

    transform: translateX(0%) skewX(0deg);

    opacity: 1;

  }

}

.lightSpeedIn {

  -webkit-animation-name: lightSpeedIn;

  animation-name: lightSpeedIn;

  -webkit-animation-timing-function: ease-out;

  animation-timing-function: ease-out;

}



@-webkit-keyframes lightSpeedOut {

  0% {

    -webkit-transform: translateX(0%) skewX(0deg);

    transform: translateX(0%) skewX(0deg);

    opacity: 1;

  }

  100% {

    -webkit-transform: translateX(100%) skewX(-30deg);

    transform: translateX(100%) skewX(-30deg);

    opacity: 0;

  }

}

@keyframes lightSpeedOut {

  0% {

    -webkit-transform: translateX(0%) skewX(0deg);

    -ms-transform: translateX(0%) skewX(0deg);

    transform: translateX(0%) skewX(0deg);

    opacity: 1;

  }

  100% {

    -webkit-transform: translateX(100%) skewX(-30deg);

    -ms-transform: translateX(100%) skewX(-30deg);

    transform: translateX(100%) skewX(-30deg);

    opacity: 0;

  }

}

.lightSpeedOut {

  -webkit-animation-name: lightSpeedOut;

  animation-name: lightSpeedOut;

  -webkit-animation-timing-function: ease-in;

  animation-timing-function: ease-in;

}



@-webkit-keyframes rotateIn {

  0% {

    -webkit-transform-origin: center center;

    transform-origin: center center;

    -webkit-transform: rotate(-200deg);

    transform: rotate(-200deg);

    opacity: 0;

  }

  100% {

    -webkit-transform-origin: center center;

    transform-origin: center center;

    -webkit-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

}

@keyframes rotateIn {

  0% {

    -webkit-transform-origin: center center;

    -ms-transform-origin: center center;

    transform-origin: center center;

    -webkit-transform: rotate(-200deg);

    -ms-transform: rotate(-200deg);

    transform: rotate(-200deg);

    opacity: 0;

  }

  100% {

    -webkit-transform-origin: center center;

    -ms-transform-origin: center center;

    transform-origin: center center;

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

}

.rotateIn {

  -webkit-animation-name: rotateIn;

  animation-name: rotateIn;

}



@-webkit-keyframes rotateInDownLeft {

  0% {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg);

    opacity: 0;

  }

  100% {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

}

@keyframes rotateInDownLeft {

  0% {

    -webkit-transform-origin: left bottom;

    -ms-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    transform: rotate(-90deg);

    opacity: 0;

  }

  100% {

    -webkit-transform-origin: left bottom;

    -ms-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

}

.rotateInDownLeft {

  -webkit-animation-name: rotateInDownLeft;

  animation-name: rotateInDownLeft;

}



@-webkit-keyframes rotateInDownRight {

  0% {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

    opacity: 0;

  }

  100% {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

}

@keyframes rotateInDownRight {

  0% {

    -webkit-transform-origin: right bottom;

    -ms-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg);

    opacity: 0;

  }

  100% {

    -webkit-transform-origin: right bottom;

    -ms-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

}

.rotateInDownRight {

  -webkit-animation-name: rotateInDownRight;

  animation-name: rotateInDownRight;

}



@-webkit-keyframes rotateInUpLeft {

  0% {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

    opacity: 0;

  }

  100% {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

}

@keyframes rotateInUpLeft {

  0% {

    -webkit-transform-origin: left bottom;

    -ms-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg);

    opacity: 0;

  }

  100% {

    -webkit-transform-origin: left bottom;

    -ms-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

}

.rotateInUpLeft {

  -webkit-animation-name: rotateInUpLeft;

  animation-name: rotateInUpLeft;

}



@-webkit-keyframes rotateInUpRight {

  0% {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg);

    opacity: 0;

  }

  100% {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

}

@keyframes rotateInUpRight {

  0% {

    -webkit-transform-origin: right bottom;

    -ms-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    transform: rotate(-90deg);

    opacity: 0;

  }

  100% {

    -webkit-transform-origin: right bottom;

    -ms-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

}

.rotateInUpRight {

  -webkit-animation-name: rotateInUpRight;

  animation-name: rotateInUpRight;

}



@-webkit-keyframes rotateOut {

  0% {

    -webkit-transform-origin: center center;

    transform-origin: center center;

    -webkit-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

  100% {

    -webkit-transform-origin: center center;

    transform-origin: center center;

    -webkit-transform: rotate(200deg);

    transform: rotate(200deg);

    opacity: 0;

  }

}

@keyframes rotateOut {

  0% {

    -webkit-transform-origin: center center;

    -ms-transform-origin: center center;

    transform-origin: center center;

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

  100% {

    -webkit-transform-origin: center center;

    -ms-transform-origin: center center;

    transform-origin: center center;

    -webkit-transform: rotate(200deg);

    -ms-transform: rotate(200deg);

    transform: rotate(200deg);

    opacity: 0;

  }

}

.rotateOut {

  -webkit-animation-name: rotateOut;

  animation-name: rotateOut;

}



@-webkit-keyframes rotateOutDownLeft {

  0% {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

  100% {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

    opacity: 0;

  }

}

@keyframes rotateOutDownLeft {

  0% {

    -webkit-transform-origin: left bottom;

    -ms-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

  100% {

    -webkit-transform-origin: left bottom;

    -ms-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg);

    opacity: 0;

  }

}

.rotateOutDownLeft {

  -webkit-animation-name: rotateOutDownLeft;

  animation-name: rotateOutDownLeft;

}



@-webkit-keyframes rotateOutDownRight {

  0% {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

  100% {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg);

    opacity: 0;

  }

}

@keyframes rotateOutDownRight {

  0% {

    -webkit-transform-origin: right bottom;

    -ms-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

  100% {

    -webkit-transform-origin: right bottom;

    -ms-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    transform: rotate(-90deg);

    opacity: 0;

  }

}

.rotateOutDownRight {

  -webkit-animation-name: rotateOutDownRight;

  animation-name: rotateOutDownRight;

}



@-webkit-keyframes rotateOutUpLeft {

  0% {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

  100% {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg);

    opacity: 0;

  }

}

@keyframes rotateOutUpLeft {

  0% {

    -webkit-transform-origin: left bottom;

    -ms-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

  100% {

    -webkit-transform-origin: left bottom;

    -ms-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    transform: rotate(-90deg);

    opacity: 0;

  }

}

.rotateOutUpLeft {

  -webkit-animation-name: rotateOutUpLeft;

  animation-name: rotateOutUpLeft;

}



@-webkit-keyframes rotateOutUpRight {

  0% {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

  100% {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

    opacity: 0;

  }

}

@keyframes rotateOutUpRight {

  0% {

    -webkit-transform-origin: right bottom;

    -ms-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0);

    opacity: 1;

  }

  100% {

    -webkit-transform-origin: right bottom;

    -ms-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg);

    opacity: 0;

  }

}

.rotateOutUpRight {

  -webkit-animation-name: rotateOutUpRight;

  animation-name: rotateOutUpRight;

}



@-webkit-keyframes slideInDown {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-2000px);

    transform: translateY(-2000px);

  }

  100% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}

@keyframes slideInDown {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-2000px);

    -ms-transform: translateY(-2000px);

    transform: translateY(-2000px);

  }

  100% {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

}

.slideInDown {

  -webkit-animation-name: slideInDown;

  animation-name: slideInDown;

}



@-webkit-keyframes slideInLeft {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-2000px);

    transform: translateX(-2000px);

  }

  100% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}

@keyframes slideInLeft {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-2000px);

    -ms-transform: translateX(-2000px);

    transform: translateX(-2000px);

  }

  100% {

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

}

.slideInLeft {

  -webkit-animation-name: slideInLeft;

  animation-name: slideInLeft;

}



@-webkit-keyframes slideInRight {

  0% {

    opacity: 0;

    -webkit-transform: translateX(2000px);

    transform: translateX(2000px);

  }

  100% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}

@keyframes slideInRight {

  0% {

    opacity: 0;

    -webkit-transform: translateX(2000px);

    -ms-transform: translateX(2000px);

    transform: translateX(2000px);

  }

  100% {

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

}

.slideInRight {

  -webkit-animation-name: slideInRight;

  animation-name: slideInRight;

}



@-webkit-keyframes slideOutLeft {

  0% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(-2000px);

    transform: translateX(-2000px);

  }

}

@keyframes slideOutLeft {

  0% {

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(-2000px);

    -ms-transform: translateX(-2000px);

    transform: translateX(-2000px);

  }

}

.slideOutLeft {

  -webkit-animation-name: slideOutLeft;

  animation-name: slideOutLeft;

}



@-webkit-keyframes slideOutRight {

  0% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(2000px);

    transform: translateX(2000px);

  }

}

@keyframes slideOutRight {

  0% {

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(2000px);

    -ms-transform: translateX(2000px);

    transform: translateX(2000px);

  }

}

.slideOutRight {

  -webkit-animation-name: slideOutRight;

  animation-name: slideOutRight;

}



@-webkit-keyframes slideOutUp {

  0% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateY(-2000px);

    transform: translateY(-2000px);

  }

}

@keyframes slideOutUp {

  0% {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateY(-2000px);

    -ms-transform: translateY(-2000px);

    transform: translateY(-2000px);

  }

}

.slideOutUp {

  -webkit-animation-name: slideOutUp;

  animation-name: slideOutUp;

}



@-webkit-keyframes hinge {

  0% {

    -webkit-transform: rotate(0);

    transform: rotate(0);

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

  }

  20%, 60% {

    -webkit-transform: rotate(80deg);

    transform: rotate(80deg);

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

  }

  40% {

    -webkit-transform: rotate(60deg);

    transform: rotate(60deg);

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

  }

  80% {

    -webkit-transform: rotate(60deg) translateY(0);

    transform: rotate(60deg) translateY(0);

    opacity: 1;

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

  }

  100% {

    -webkit-transform: translateY(700px);

    transform: translateY(700px);

    opacity: 0;

  }

}

@keyframes hinge {

  0% {

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

  }

  20%, 60% {

    -webkit-transform: rotate(80deg);

    -ms-transform: rotate(80deg);

    transform: rotate(80deg);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

  }

  40% {

    -webkit-transform: rotate(60deg);

    -ms-transform: rotate(60deg);

    transform: rotate(60deg);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

  }

  80% {

    -webkit-transform: rotate(60deg) translateY(0);

    -ms-transform: rotate(60deg) translateY(0);

    transform: rotate(60deg) translateY(0);

    opacity: 1;

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

  }

  100% {

    -webkit-transform: translateY(700px);

    -ms-transform: translateY(700px);

    transform: translateY(700px);

    opacity: 0;

  }

}

.hinge {

  -webkit-animation-name: hinge;

  animation-name: hinge;

}



/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-100%) rotate(-120deg);

    transform: translateX(-100%) rotate(-120deg);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateX(0px) rotate(0deg);

    transform: translateX(0px) rotate(0deg);

  }

}

@keyframes rollIn {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-100%) rotate(-120deg);

    -ms-transform: translateX(-100%) rotate(-120deg);

    transform: translateX(-100%) rotate(-120deg);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateX(0px) rotate(0deg);

    -ms-transform: translateX(0px) rotate(0deg);

    transform: translateX(0px) rotate(0deg);

  }

}

.rollIn {

  -webkit-animation-name: rollIn;

  animation-name: rollIn;

}



/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {

  0% {

    opacity: 1;

    -webkit-transform: translateX(0px) rotate(0deg);

    transform: translateX(0px) rotate(0deg);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(100%) rotate(120deg);

    transform: translateX(100%) rotate(120deg);

  }

}

@keyframes rollOut {

  0% {

    opacity: 1;

    -webkit-transform: translateX(0px) rotate(0deg);

    -ms-transform: translateX(0px) rotate(0deg);

    transform: translateX(0px) rotate(0deg);

  }

  100% {

    opacity: 0;

    -webkit-transform: translateX(100%) rotate(120deg);

    -ms-transform: translateX(100%) rotate(120deg);

    transform: translateX(100%) rotate(120deg);

  }

}

.rollOut {

  -webkit-animation-name: rollOut;

  animation-name: rollOut;

}



body {

  display: none;

}



#jpreOverlay {

  background-color: #000000;

}



#jpreSlide {

  font-size: 22px;

  font-weight: bold;

  color: #ccc;

  text-align: center;

  width: 50%;

  height: 30%;

}



#jpreLoader {

  width: 300px;

  height: 25px;

  box-shadow: 0 0 7px 3px #fff;

  -moz-box-shadow: 0 0 7px 3px #fff;

  -webkit-box-shadow: 0 0 7px 3px #fff;

  border-radius: 25px;

  -moz-border-radius: 25px;

  -webkit-border-radius: 25px;

}



#jpreBar {

  border-radius: 25px;

  -moz-border-radius: 25px;

  -webkit-border-radius: 25px;

  background-size: 30px 30px;

  -moz-background-size: 30px 30px;

  -webkit-background-size: 30px 30px;

  -o-background-size: 30px 30px;

  box-shadow: 0 5px 5px rgba(255, 255, 255, 0.6) inset, 0 -5px 7px rgba(0, 0, 0, 0.4) inset;

  -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, 0.6) inset, 0 -5px 7px rgba(0, 0, 0, 0.4) inset;

  -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, 0.6) inset, 0 -5px 7px rgba(0, 0, 0, 0.4) inset;

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#33000000', GradientType=0 );

  background-color: #E07300;

  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);

  background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(25%, rgba(255, 255, 255, 0.2)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(75%, rgba(255, 255, 255, 0.2)), color-stop(75%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));

  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);

  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);

  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);

  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);

  animation: progress 2s linear infinite;

  -moz-animation: progress 2s linear infinite;

  -webkit-animation: progress 2s linear infinite;

  -ms-animation: progress 2s linear infinite;

  -o-animation: progress 2s linear infinite;

}



#jprePercentage {

  color: #ccc;

  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;

  font-weight: bold;

  text-align: center;

  text-shadow: 1px 1px 1px #333;

  top: -100%;

}



#jpreButton {

  padding: 3px 10px;

  cursor: pointer;

  font-weight: bold;

  line-height: 1.5;

  text-align: center;

  width: 100px;

  margin: 0 auto;

  color: #fff;

  text-shadow: -1px -1px 0 #01293F;

  border: 1px solid #2EACEA;

  border-radius: 30px;

  -moz-border-radius: 30px;

  -webkit-border-radius: 30px;

  background-color: #23a6ed;

  background-image: -moz-linear-gradient(top, #23a6ed 0%, #1275aa 100%);

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #23a6ed), color-stop(100%, #1275aa));

  background-image: -webkit-linear-gradient(top, #23a6ed 0%, #1275aa 100%);

  background-image: -o-linear-gradient(top, #23a6ed 0%, #1275aa 100%);

  background-image: -ms-linear-gradient(top, #23a6ed 0%, #1275aa 100%);

  background-image: linear-gradient(to bottom, #23a6ed 0%, #1275aa 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23a6ed', endColorstr='#1275aa',GradientType=0 );

}



@-webkit-keyframes progress {

  from {

    background-position: 0 0;

  }

  to {

    background-position: -60px -60px;

  }

}

@-moz-keyframes progress {

  from {

    background-position: 0 0;

  }

  to {

    background-position: -60px -60px;

  }

}

@-ms-keyframes progress {

  from {

    background-position: 0 0;

  }

  to {

    background-position: -60px -60px;

  }

}

@-o-keyframes progress {

  from {

    background-position: 0 0;

  }

  to {

    background-position: -60px -60px;

  }

}

@keyframes progress {

  from {

    background-position: 0 0;

  }

  to {

    background-position: -60px -60px;

  }

}

/* Magnific Popup CSS */

.mfp-bg {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1042;

  overflow: hidden;

  position: fixed;

  background: #0b0b0b;

  opacity: 0.8;

  filter: alpha(opacity=80);

}



.mfp-wrap {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1043;

  position: fixed;

  outline: none !important;

  -webkit-backface-visibility: hidden;

}



.mfp-container {

  text-align: center;

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  padding: 0 8px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



.mfp-container:before {

  content: '';

  display: inline-block;

  height: 100%;

  vertical-align: middle;

}



.mfp-align-top .mfp-container:before {

  display: none;

}



.mfp-content {

  position: relative;

  display: inline-block;

  vertical-align: middle;

  margin: 0 auto;

  text-align: left;

  z-index: 1045;

}



.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {

  width: 100%;

  cursor: auto;

}



.mfp-ajax-cur {

  cursor: progress;

}



.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {

  cursor: -moz-zoom-out;

  cursor: -webkit-zoom-out;

  cursor: zoom-out;

}



.mfp-zoom {

  cursor: pointer;

  cursor: -webkit-zoom-in;

  cursor: -moz-zoom-in;

  cursor: zoom-in;

}



.mfp-auto-cursor .mfp-content {

  cursor: auto;

}



.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {

  -webkit-user-select: none;

  -moz-user-select: none;

  user-select: none;

}



.mfp-loading.mfp-figure {

  display: none;

}



.mfp-hide {

  display: none !important;

}



.mfp-preloader {

  color: #cccccc;

  position: absolute;

  top: 50%;

  width: auto;

  text-align: center;

  margin-top: -0.8em;

  left: 8px;

  right: 8px;

  z-index: 1044;

}



.mfp-preloader a {

  color: #cccccc;

}



.mfp-preloader a:hover {

  color: white;

}



.mfp-s-ready .mfp-preloader {

  display: none;

}



.mfp-s-error .mfp-content {

  display: none;

}



button.mfp-close, button.mfp-arrow {

  overflow: visible;

  cursor: pointer;

  background: transparent;

  border: 0;

  -webkit-appearance: none;

  display: block;

  outline: none;

  padding: 0;

  z-index: 1046;

  -webkit-box-shadow: none;

  box-shadow: none;

}



button::-moz-focus-inner {

  padding: 0;

  border: 0;

}



.mfp-close {

  width: 44px;

  height: 44px;

  line-height: 44px;

  position: absolute;

  right: 0;

  top: 0;

  text-decoration: none;

  text-align: center;

  opacity: 0.65;

  filter: alpha(opacity=65);

  padding: 0 0 18px 10px;

  color: white;

  font-style: normal;

  font-size: 28px;

  font-family: Arial, Baskerville, monospace;

}



.mfp-close:hover, .mfp-close:focus {

  opacity: 1;

  filter: alpha(opacity=100);

}



.mfp-close:active {

  top: 1px;

}



.mfp-close-btn-in .mfp-close {

  color: #333333;

}



.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {

  color: white;

  right: -6px;

  text-align: right;

  padding-right: 6px;

  width: 100%;

}



.mfp-counter {

  position: absolute;

  top: 0;

  right: 0;

  color: #cccccc;

  font-size: 12px;

  line-height: 18px;

}



.mfp-arrow {

  position: absolute;

  opacity: 0.65;

  filter: alpha(opacity=65);

  margin: 0;

  top: 50%;

  margin-top: -55px;

  padding: 0;

  width: 90px;

  height: 110px;

  -webkit-tap-highlight-color: transparent;

}



.mfp-arrow:active {

  margin-top: -54px;

}



.mfp-arrow:hover, .mfp-arrow:focus {

  opacity: 1;

  filter: alpha(opacity=100);

}



.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {

  content: '';

  display: block;

  width: 0;

  height: 0;

  position: absolute;

  left: 0;

  top: 0;

  margin-top: 35px;

  margin-left: 35px;

  border: medium inset transparent;

}



.mfp-arrow:after, .mfp-arrow .mfp-a {

  border-top-width: 13px;

  border-bottom-width: 13px;

  top: 8px;

}



.mfp-arrow:before, .mfp-arrow .mfp-b {

  border-top-width: 21px;

  border-bottom-width: 21px;

  opacity: 0.7;

}



.mfp-arrow-left {

  left: 0;

}



.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {

  border-right: 17px solid white;

  margin-left: 31px;

}



.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {

  margin-left: 25px;

  border-right: 27px solid #3f3f3f;

}



.mfp-arrow-right {

  right: 0;

}



.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {

  border-left: 17px solid white;

  margin-left: 39px;

}



.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {

  border-left: 27px solid #3f3f3f;

}



.mfp-iframe-holder {

  padding-top: 40px;

  padding-bottom: 40px;

}



.mfp-iframe-holder .mfp-content {

  line-height: 0;

  width: 100%;

  max-width: 900px;

}



.mfp-iframe-holder .mfp-close {

  top: -40px;

}



.mfp-iframe-scaler {

  width: 100%;

  height: 0;

  overflow: hidden;

  padding-top: 56.25%;

}



.mfp-iframe-scaler iframe {

  position: absolute;

  display: block;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);

  background: black;

}



/* Main image in popup */

img.mfp-img {

  width: auto;

  max-width: 100%;

  height: auto;

  display: block;

  line-height: 0;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding: 40px 0 40px;

  margin: 0 auto;

}



/* The shadow behind the image */

.mfp-figure {

  line-height: 0;

}



.mfp-figure:after {

  content: '';

  position: absolute;

  left: 0;

  top: 40px;

  bottom: 40px;

  display: block;

  right: 0;

  width: auto;

  height: auto;

  z-index: -1;

  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);

  background: #444444;

}



.mfp-figure small {

  color: #bdbdbd;

  display: block;

  font-size: 12px;

  line-height: 14px;

}



.mfp-figure figure {

  margin: 0;

}



.mfp-bottom-bar {

  margin-top: -36px;

  position: absolute;

  top: 100%;

  left: 0;

  width: 100%;

  cursor: auto;

}



.mfp-title {

  text-align: left;

  line-height: 18px;

  color: #f3f3f3;

  word-wrap: break-word;

  padding-right: 36px;

}



.mfp-image-holder .mfp-content {

  max-width: 100%;

}



.mfp-gallery .mfp-image-holder .mfp-figure {

  cursor: pointer;

}



@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {

  /**

       * Remove all paddings around the image on small screen

       */

  .mfp-img-mobile .mfp-image-holder {

    padding-left: 0;

    padding-right: 0;

  }



  .mfp-img-mobile img.mfp-img {

    padding: 0;

  }



  .mfp-img-mobile .mfp-figure:after {

    top: 0;

    bottom: 0;

  }



  .mfp-img-mobile .mfp-figure small {

    display: inline;

    margin-left: 5px;

  }



  .mfp-img-mobile .mfp-bottom-bar {

    background: rgba(0, 0, 0, 0.6);

    bottom: 0;

    margin: 0;

    top: auto;

    padding: 3px 5px;

    position: fixed;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

  }



  .mfp-img-mobile .mfp-bottom-bar:empty {

    padding: 0;

  }



  .mfp-img-mobile .mfp-counter {

    right: 5px;

    top: 3px;

  }



  .mfp-img-mobile .mfp-close {

    top: 0;

    right: 0;

    width: 35px;

    height: 35px;

    line-height: 35px;

    background: rgba(0, 0, 0, 0.6);

    position: fixed;

    text-align: center;

    padding: 0;

  }

}

@media all and (max-width: 900px) {

  .mfp-arrow {

    -webkit-transform: scale(0.75);

    transform: scale(0.75);

  }



  .mfp-arrow-left {

    -webkit-transform-origin: 0;

    transform-origin: 0;

  }



  .mfp-arrow-right {

    -webkit-transform-origin: 100%;

    transform-origin: 100%;

  }



  .mfp-container {

    padding-left: 6px;

    padding-right: 6px;

  }

}

.mfp-ie7 .mfp-img {

  padding: 0;

}



.mfp-ie7 .mfp-bottom-bar {

  width: 600px;

  left: 50%;

  margin-left: -300px;

  margin-top: 5px;

  padding-bottom: 5px;

}



.mfp-ie7 .mfp-container {

  padding: 0;

}



.mfp-ie7 .mfp-content {

  padding-top: 44px;

}



.mfp-ie7 .mfp-close {

  top: 0;

  right: 0;

  padding-top: 0;

}



/* ------------------ HERO UNIT ------------------ */

.hero-unit {

  position: relative;

  overflow: hidden;

  height: 100%;

}

.hero-unit.has-overlay {

  background: rgba(93, 184, 212, 0.84);

}

.hero-unit.has-overlay .hero-content .hero-text p {

  background-color: #4398B1;

}

.hero-unit.hero-light .hero-content .hero-text .hero-heading,

.hero-unit.hero-light .hero-content .hero-text p {

  color: #fff;

}

.hero-unit .hero-bg-pattern {

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);

  opacity: 0.2;

  width: 100%;

  height: 100%;

  background-image: url('../img/noise_lines_@2X.png?1342797527');

  background-repeat: repeat;

}

.hero-unit .hero-content {

  position: absolute;

  left: 0;

  top: 50%;

  width: 100%;

  margin-top: -10em;

  z-index: 2;

}

@media screen and (min-width: 320px) and (max-width: 480px) {

  .hero-unit .hero-content {

    margin-top: -40px;

  }

}

@media screen and (max-width: 320px) {

  .hero-unit .hero-content {

    margin-top: -80px;

  }

}

.hero-unit .hero-content .hero-text .hero-heading,

.hero-unit .hero-content .hero-text p {

  font-family: "Dosis", sans-serif;

  color: #646464;

  font-weight: 300;

}

.hero-unit .hero-content .hero-text .hero-heading {

  font-size: 5.5em;

}

@media screen and (max-width: 768px) {

  .hero-unit .hero-content .hero-text .hero-heading {

    font-size: 4em;

  }

}

@media screen and (max-width: 480px) {

  .hero-unit .hero-content .hero-text .hero-heading {

    font-size: 2em;

  }

}

.hero-unit .hero-content .hero-text p {

  display: inline-block;

  vertical-align: middle;

  *vertical-align: auto;

  *zoom: 1;

  *display: inline;

  font-size: 2em;

  background-color: rgba(0, 0, 0, 0.5);

  color: #fff;

  padding: 0 10px;

}

@media screen and (max-width: 768px) {

  .hero-unit .hero-content .hero-text p {

    font-size: 1.5em;

  }

}

@media screen and (max-width: 480px) {

  .hero-unit .hero-content .hero-text p {

    font-size: 1.3em;

  }

}

.hero-unit .hero-content .hero-buttons {

  z-index: 2;

}

.hero-unit .hero-content .hero-buttons .btn {

  margin: 0 5px;

  font-weight: 400;

}

@media screen and (max-width: 480px) {

  .hero-unit .hero-content .hero-buttons .btn {

    margin-bottom: 10px;

  }

}

.hero-unit .hero-content .hero-buttons #btn-about {

  padding: 15px 41px;

}

.hero-unit .hero-content .hero-buttons #btn-contact {

  padding: 15px 30px;

}

@media screen and (max-width: 480px) {

  .hero-unit .hero-content .hero-buttons #btn-about, .hero-unit .hero-content .hero-buttons #btn-contact {

    padding: 10px 16px;

  }

}

.hero-unit .slide-caption {

  padding-bottom: 30px;

  margin: 0 auto;

}

@media screen and (max-width: 480px) {

  .hero-unit .slide-caption {

    padding-bottom: 0;

  }

}

.hero-unit .slideshow .slide-navigation #prevslide,

.hero-unit .slideshow .slide-navigation #nextslide {

  -moz-border-radius: 2px;

  -webkit-border-radius: 2px;

  border-radius: 2px;

  -moz-transition-property: background;

  -o-transition-property: background;

  -webkit-transition-property: background;

  transition-property: background;

  -moz-transition-duration: 0.1s;

  -o-transition-duration: 0.1s;

  -webkit-transition-duration: 0.1s;

  transition-duration: 0.1s;

  -moz-transition-timing-function: linear;

  -o-transition-timing-function: linear;

  -webkit-transition-timing-function: linear;

  transition-timing-function: linear;

  position: absolute;

  top: 50%;

  margin-top: -30px;

  width: 60px;

  height: 60px;

  background-color: rgba(255, 255, 255, 0.1);

  font-size: 3em;

  line-height: 1.2;

  color: #fff;

  text-align: center;

  cursor: pointer;

  z-index: 9;

}

.hero-unit .slideshow .slide-navigation #nextslide {

  right: 0;

}

.hero-unit .slideshow ul#slide-list {

  position: absolute;

  left: 50%;

  bottom: 40px;

}

@media screen and (max-width: 480px) {

  .hero-unit .slideshow ul#slide-list {

    display: none;

  }

}

.hero-unit .slideshow ul#slide-list li a {

  -moz-border-radius: 15px;

  -webkit-border-radius: 15px;

  border-radius: 15px;

  -moz-transition-property: background-color, border-color;

  -o-transition-property: background-color, border-color;

  -webkit-transition-property: background-color, border-color;

  transition-property: background-color, border-color;

  -moz-transition-duration: 0.2s;

  -o-transition-duration: 0.2s;

  -webkit-transition-duration: 0.2s;

  transition-duration: 0.2s;

  -moz-transition-timing-function: linear;

  -o-transition-timing-function: linear;

  -webkit-transition-timing-function: linear;

  transition-timing-function: linear;

  display: block;

  width: 15px;

  height: 15px;

  text-indent: -9999px;

  border: 2px solid #fff;

  cursor: pointer;

}

.hero-unit .slideshow ul#slide-list li a:hover {

  background-color: #e6e6e6;

}

.hero-unit .slideshow ul#slide-list li.current-slide a {

  background-color: #e6e6e6;

}

.hero-unit #controls #pauseplay {

  position: absolute;

  left: 50%;

  bottom: 30px;

  cursor: pointer;

  color: #fff;

}

.hero-unit #controls #pauseplay:hover {

  text-decoration: none;

  color: #e6e6e6;

}

.hero-unit #controls #pauseplay i {

  display: block;

  width: 10px;

  margin-left: -8px;

}

@media screen and (max-width: 480px) {

  .hero-unit #controls {

    display: none;

  }

}



#supersized-loader {

  background-image: url('../img/bx_loader.gif?1379465152');

  background-repeat: no-repeat;

  background-position: center center;

}



/* ------------------ ABOUT ------------------ */

.about {

  position: relative;

}

.about .img-left {

  position: absolute;

  bottom: -60px;

  left: -66px;

}

@media screen and (max-width: 1370px) {

  .about .img-left {

    left: -140px;

  }

}

@media screen and (max-width: 1200px) {

  .about .img-left {

    display: none;

  }

}



/* ------------------ SERVICES ------------------ */

.service-item {

  margin-bottom: 40px;

}

.service-item .service-icon {

  position: absolute;

  top: -7px;

  font-size: 3em;

  color: #ffae3f;

}

.service-item .service-text {

  margin-left: 65px;

  overflow: hidden;

}

.service-item .service-text h3 {

  margin-top: 6px;

  color: #eaeaea;

  font-weight:bold;

}

.service-item .service-text p {

  margin-bottom: 0;

}

.service-item .service-text a.read-more {

  color: #ffae3f;

}

.service-item .service-text a.read-more span {

  -moz-transition-property: all;

  -o-transition-property: all;

  -webkit-transition-property: all;

  transition-property: all;

  -moz-transition-duration: 0.2s;

  -o-transition-duration: 0.2s;

  -webkit-transition-duration: 0.2s;

  transition-duration: 0.2s;

  -moz-transition-timing-function: linear;

  -o-transition-timing-function: linear;

  -webkit-transition-timing-function: linear;

  transition-timing-function: linear;

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

  opacity: 0;

  font-size: 0.8em;

  margin-left: -80px;

}

@media screen and (max-width: 1200px) {

  .service-item .service-text a.read-more span {

    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);

    opacity: 1;

    margin-left: 0;

  }

}

.service-item .service-text a.read-more i {

  position: relative;

  top: 3px;

  font-size: 1em;

}

.service-item .service-text a.read-more:hover {

  text-decoration: none;

}

.service-item .service-text a.read-more:hover span {

  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);

  opacity: 1;

  margin-left: 0;

}



@media screen and (max-width: 480px) {

  .services {

    padding-bottom: 0;

  }

}

/* ------------------ WORKS ------------------ */

/* ----------------------------- */

/* RECOMMENDED ISOTOPE STYLES 

/* Has been ported into SASS

/* ---------------------------- */

/* Isotope Filtering */

.isotope-item {

  z-index: 2;

}



.isotope-hidden.isotope-item {

  pointer-events: none;

  z-index: 1;

}



/* Isotope CSS3 transitions */

.isotope, .isotope .isotope-item {

  -moz-transition-property: height, width;

  -o-transition-property: height, width;

  -webkit-transition-property: height, width;

  transition-property: height, width;

}



.isotope, .isotope .isotope-item {

  -moz-transition-duration: 0.4s;

  -o-transition-duration: 0.4s;

  -webkit-transition-duration: 0.4s;

  transition-duration: 0.4s;

}

.isotope .isotope-item {

  -moz-transition-property: -moz-transform, opacity;

  -o-transition-property: -o-transform, opacity;

  -webkit-transition-property: -webkit-transform, opacity;

  transition-property: transform, opacity;

}



/* disabling Isotope CSS3 transitions */

.isotope.no-transition, .isotope .no-transition.isotope-item, .isotope.no-transition .isotope-item, .isotope .no-transition.isotope-item .isotope-item,

.isotope .isotope-item.no-transition {

  -moz-transition-duration: 0s;

  -o-transition-duration: 0s;

  -webkit-transition-duration: 0s;

  transition-duration: 0s;

}



/* --------------------- */

/* WORKS GRID

/* --------------------- */

#works {

  padding-bottom: 0;

}



.work-item-filters {

  text-align: center;

  margin-bottom: 0;

  background-color: #e2e2e2;

}

.work-item-filters li {

  padding: 0;

  margin-left: -2px;

  margin-right: -2px;

}

.work-item-filters li:first-child {

  margin-left: 0;

}

.work-item-filters li a {

  display: block;

  padding: 15px;

  color: #9a9a9a;

}

.work-item-filters li a:hover, .work-item-filters li a.active {

  text-decoration: none;

  outline: none;

  background-color: #ffae3f;

  color: #fff;

}



.work-item-wrapper {

  overflow: hidden;

}



.work-item-list {

  margin-bottom: 0;

  width: 101%;

}

.work-item-list li {

  padding: 0;

  float: left;

  overflow: hidden;

  position: relative;

}

.work-item-list li img {

  -moz-transition-property: all;

  -o-transition-property: all;

  -webkit-transition-property: all;

  transition-property: all;

  -moz-transition-duration: 0.2s;

  -o-transition-duration: 0.2s;

  -webkit-transition-duration: 0.2s;

  transition-duration: 0.2s;

  -moz-transition-timing-function: linear;

  -o-transition-timing-function: linear;

  -webkit-transition-timing-function: linear;

  transition-timing-function: linear;

  max-width: 100%;

  width: 100%;

}

.work-item-list li:hover img {

  -moz-transform: scale(1.3, 1.3);

  -ms-transform: scale(1.3, 1.3);

  -webkit-transform: scale(1.3, 1.3);

  transform: scale(1.3, 1.3);

}

.work-item-list.list-col-5 li {

  width: 19.95%;

  overflow:hidden;

  height:200px;

}

.work-item-list.list-col-5 li img {

	width:100%;

	height:100%;

}

.work-item-list.list-col-4 li {

  width: 24.90%;

}

.work-item-list.list-col-3 li {

  width: 33.32%;

}

.work-item-list.list-col-2 li {

  width: 49.90%;

}

@media screen and (max-width: 548px) {

  .work-item-list.list-col-2 li, .work-item-list.list-col-3 li, .work-item-list.list-col-4 li, .work-item-list.list-col-5 li {

    width: 100%;

  }

}

@media screen and (min-width: 548px) and (max-width: 1024px) {

  .work-item-list.list-col-2 li, .work-item-list.list-col-3 li, .work-item-list.list-col-4 li, .work-item-list.list-col-5 li {

    width: 49.90%;

  }

}

.work-item-list .media-popup > i {

  position: absolute;

  top: 25%;

  color: #fff;

  font-size: 48px;

  left: 50%;

  margin-left: -20px;

}

.work-item-list .image-overlay {

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

  opacity: 0;

  -moz-transition-property: opacity;

  -o-transition-property: opacity;

  -webkit-transition-property: opacity;

  transition-property: opacity;

  -moz-transition-duration: 0.2s;

  -o-transition-duration: 0.2s;

  -webkit-transition-duration: 0.2s;

  transition-duration: 0.2s;

  -moz-transition-timing-function: linear;

  -o-transition-timing-function: linear;

  -webkit-transition-timing-function: linear;

  transition-timing-function: linear;

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 174, 239, 0.9);

}

.work-item-list .image-overlay:hover {

  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);

  opacity: 1;

}

@media screen and (max-width: 1024px) {

  .work-item-list .image-overlay {

    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);

    opacity: 1;

    top: initial;

    bottom: 0;

    height: 30%;

  }

}

.work-item-list .image-overlay a {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

@media screen and (max-width: 1024px) {

  .work-item-list .image-overlay a:not(.mfp-iframe) {

    pointer-events: none;

    cursor: default;

  }

}

.work-item-list .work-item-info {

  position: absolute;

  left: 0;

  bottom: 50%;

  margin-bottom: -2.5em;

  width: 100%;

  text-align: center;

  color: #fff;

}

.work-item-list .work-item-info i {

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);

  opacity: 0.2;

  font-size: 96px;

  position: absolute;

  left: 50%;

  margin-left: -48px;

  top: 50%;

  margin-top: -48px;

}

@media screen and (max-width: 1024px) {

  .work-item-list .work-item-info i {

    display: none;

  }

}

.work-item-list .work-item-info h3 {

  color: #fff;

}

@media screen and (min-width: 548px) and (max-width: 1024px) {

  .work-item-list .work-item-info h3 {

    font-size: 1.3em;

    line-height: 8px;

  }

  .work-item-list .work-item-info p {

    font-size: 0.8em;

  }

}



/* --------------------- */

/* POPUP

/* --------------------- */

button.mfp-close,

.mfp-image-holder .mfp-close,

.mfp-iframe-holder .mfp-close,

.mfp-close {

  font-size: 23px;

  width: 36px;

  background: rgba(0, 0, 0, 0.5);

  height: 36px;

  top: 0;

  right: 0;

  text-align: center;

  padding-right: 0;

  display: inline;

  font-family: inherit;

  line-height: 1;

}



.mfp-zoom-out-cur .mfp-image-holder .mfp-close {

  cursor: pointer;

}



.mfp-bottom-bar {

  padding: 10px;

  background: rgba(0, 0, 0, 0.7);

  top: 90%;

  height: 100%;

}

.mfp-bottom-bar h3 {

  color: #fff;

}

.mfp-bottom-bar p {

  font-size: 0.9em;

}



img.mfp-img {

  padding: 0;

}



.mfp-figure {

  position: relative;

  margin: 0 40px 0 40px;

  overflow: hidden;

}



/* fade animation */

.mfp-fade {

  /* content at start */

}

.mfp-fade.mfp-bg {

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

  opacity: 0;

  -moz-transition-property: all;

  -o-transition-property: all;

  -webkit-transition-property: all;

  transition-property: all;

  -moz-transition-duration: 0.15s;

  -o-transition-duration: 0.15s;

  -webkit-transition-duration: 0.15s;

  transition-duration: 0.15s;

  -moz-transition-timing-function: ease-out;

  -o-transition-timing-function: ease-out;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

  /* overlay animate in */

  /* overlay animate out */

}

.mfp-fade.mfp-bg.mfp-ready {

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);

  opacity: 0.8;

}

.mfp-fade.mfp-bg.mfp-removing {

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

  opacity: 0;

}

.mfp-fade.mfp-wrap {

  /* content animate it */

  /* content animate out */

}

.mfp-fade.mfp-wrap .mfp-content {

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

  opacity: 0;

  -moz-transition-property: all;

  -o-transition-property: all;

  -webkit-transition-property: all;

  transition-property: all;

  -moz-transition-duration: 0.15s;

  -o-transition-duration: 0.15s;

  -webkit-transition-duration: 0.15s;

  transition-duration: 0.15s;

  -moz-transition-timing-function: ease-out;

  -o-transition-timing-function: ease-out;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {

  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);

  opacity: 1;

}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

  opacity: 0;

}



/* ------------------ CALL TO ACTION ------------------ */

.call-to-action {

  font-size: 3em;

  text-align: center;

  padding: 40px 0;

  overflow: hidden;

}

.call-to-action a {

  color: #fafafa;

  /* will be rendered as phone link on safari iOS*/

}

@media screen and (max-width: 480px) {

  .call-to-action {

    padding: 0 15px;

    font-size: 2em;

  }

}



/* ------------------ TEAM ------------------ */

.team-member {

  margin-bottom: 60px;

}

.team-member.media > .pull-left {

  margin-right: 30px;

}

.team-member .team-name {

  display: block;

  vertical-align: middle;

  *vertical-align: auto;

  *zoom: 1;

  *display: inline;

  padding: 20px 5px;

  line-height: 1.6;

  color: #fff;

  background-color: #ffae3f;

}

.team-member strong {

  display: block;

  font-size: 0.9em;

  color: #646464;

}

.team-member hr {

  width: 50px;

  border-top: 1px solid #acacac;

  margin-top: 10px;

}

.team-member p {

  font-size: 14px;

}

@media screen and (max-width: 480px) {

  .team-member {

    text-align: center;

  }

  .team-member.media > .pull-left {

    display: inline;

    float: none !important;

    margin-bottom: 20px;

    margin-right: 0;

  }

  .team-member hr {

    margin: 20px auto;

  }

}



@media screen and (max-width: 480px) {

  .team {

    padding-bottom: 0;

  }

}

/* ------------------ TESTIMONIAL ------------------ */

.testimonial {

  background-image: url('../img/sky.jpg?1394021998');

  text-align: center;

  color: #fff;

}

.testimonial .testimonial-text {

  margin-bottom: 30px;

  font-size: 1.5em;

  line-height:30px;

  font-family: "Dosis", sans-serif;

}

@media screen and (max-width: 480px) {

  .testimonial .testimonial-text {

    font-size: 1.5em;

  }

}

.testimonial .testimonial-text .quote-left,

.testimonial .testimonial-text .quote-right {

  position: relative;

}

.testimonial .testimonial-text .quote-left {

  margin-right: 10px;

  top: -10px;

}

.testimonial .testimonial-text .quote-right {

  margin-left: 10px;

  bottom: -10px;

}

.testimonial .testimonial-author .author-name {

  font-size: 1.2em;

  font-weight: 400;

  margin-bottom: 0;

}

.testimonial .testimonial-author .author-title {

  font-size: 0.9em;

}

.testimonial .flexslider {

  -moz-box-shadow: none;

  -webkit-box-shadow: none;

  box-shadow: none;

  margin-bottom: 35px;

  background: transparent;

  border: none;

}

.testimonial .flex-control-paging li a {

  -moz-transition-property: background;

  -o-transition-property: background;

  -webkit-transition-property: background;

  transition-property: background;

  -moz-transition-duration: 0.2s;

  -o-transition-duration: 0.2s;

  -webkit-transition-duration: 0.2s;

  transition-duration: 0.2s;

  -moz-transition-timing-function: ease-in;

  -o-transition-timing-function: ease-in;

  -webkit-transition-timing-function: ease-in;

  transition-timing-function: ease-in;

  background: rgba(255, 255, 255, 0.5);

}

.testimonial .flex-control-paging li a:hover, .testimonial .flex-control-paging li a.flex-active {

  background: rgba(255, 255, 255, 0.9);

}



/* ------------------ CONTACT ------------------ */

.google-map {

  margin-bottom: 60px;

}

.google-map #map-canvas {

  height: 300px;

}



.contact-info {

  text-align: center;

}

.contact-info h3, .contact-info i {

  color: #fff;

}

.contact-info h3 {

  margin-top: 10px;

  margin-bottom: 20px;

}

.contact-info i {

  font-size: 40px;

}

@media screen and (max-width: 768px) {

  .contact-info .row > div {

    margin-bottom: 50px;

  }

}



@media screen and (max-width: 480px) {

  .contact {

    padding-bottom: 0;

  }

}

/* ------------------ TWITTER STREAM ------------------ */

.twitter-stream {

  text-align: center;

  padding: 40px 0;

  background-color: #00aeef;

}

@media screen and (max-width: 480px) {

  .twitter-stream {

    padding: 25px 0;

  }

}

.twitter-stream .twitter-icon {

  -moz-border-radius: 50%;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  display: inline-block;

  vertical-align: middle;

  *vertical-align: auto;

  *zoom: 1;

  *display: inline;

  width: 50px;

  height: 50px;

  margin-bottom: 20px;

  background-color: #00a6e7;

}

.twitter-stream .twitter-icon i {

  font-size: 30px;

  line-height: 50px;

  color: #36c3ff;

}

.twitter-stream #tweet ul {

  list-style-type: none;

}

.twitter-stream #tweet ul li {

  color: #fff;

}

.twitter-stream #tweet ul li a {

  text-decoration: underline;

  color: #fff;

  text-overflow: ellipsis;

}

.twitter-stream #tweet ul li a span {

  word-wrap: break-word;

}

.twitter-stream #tweet ul li a:hover {

  text-decoration: none;

}

.twitter-stream #tweet ul li .timePosted {

  font-size: 0.8em;

}



/* ------------------ FOOTER ------------------ */

#footer {

  padding-top: 20px;

  padding-bottom: 10px;

}



.back-to-top {

  display: none;

  position: fixed;

  right: 10px;

  bottom: 10px;

  z-index: 9999;

}

@media screen and (max-width: 992px) {

  .back-to-top {

    display: none !important;

  }

}

.back-to-top a {

  -moz-border-radius: 2px;

  -webkit-border-radius: 2px;

  border-radius: 2px;

  -moz-transition-property: background-color;

  -o-transition-property: background-color;

  -webkit-transition-property: background-color;

  transition-property: background-color;

  -moz-transition-duration: 0.2s;

  -o-transition-duration: 0.2s;

  -webkit-transition-duration: 0.2s;

  transition-duration: 0.2s;

  -moz-transition-timing-function: linear;

  -o-transition-timing-function: linear;

  -webkit-transition-timing-function: linear;

  transition-timing-function: linear;

  display: block;

  padding: 10px 15px;

  font-size: 28px;

  line-height: 28px;

  color: #fff;

  text-align: center;

  background-color: rgba(0, 0, 0, 0.3);

}

.back-to-top a:hover {

  background-color: rgba(0, 0, 0, 0.5);

}



.copyright {

  font-size: 0.8em;

  line-height: 36px;

}

@media screen and (max-width: 480px) {

  .copyright {

    width: 100%;

    text-align: center;

  }

}



@media screen and (max-width: 480px) {

  .social-icon {

    width: 100%;

    text-align: center;

  }

}

.social-icon li {

  margin: 0 5px;

}

.social-icon li a {

  -moz-border-radius: 50%;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  -moz-transition-property: background-color;

  -o-transition-property: background-color;

  -webkit-transition-property: background-color;

  transition-property: background-color;

  -moz-transition-duration: 0.2s;

  -o-transition-duration: 0.2s;

  -webkit-transition-duration: 0.2s;

  transition-duration: 0.2s;

  -moz-transition-timing-function: linear;

  -o-transition-timing-function: linear;

  -webkit-transition-timing-function: linear;

  transition-timing-function: linear;

  display: block;

  width: 36px;

  height: 36px;

  font-size: 14px;

  line-height: 33px;

  text-align: center;

  color: #8a8a8a;

  border: 2px solid #8a8a8a;

}

.social-icon li a:hover {

  background-color: #8a8a8a;

  color: #fafafa;

}

.specialities {

	padding:20px; 

	background-color:rgba(33, 48, 74, 1); 

	background-image:url(../img/specialities_bg.jpg); 

	background-repeat:no-repeat;

}

@media screen and (max-width: 767px) {

	



	.specialities {

		padding:20px; 

		background-color:rgba(33, 48, 74, 1); 

		background-image:none; 

		background-repeat:no-repeat;

	}

	.travels img {

		width:200px;

	}

}

@media screen and (max-width: 376px) {

  .navbar-header {
    padding: 10px;
  }
  .navbar-brand {
        display: contents;
  }
}