@font-face {
    font-family: 'Open Sans';
    src: url('../../fonts/opensans-regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: url('../../fonts/opensans-light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: url('../../fonts/opensans-bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Oswald';
    src: url('../../fonts/Oswald-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Oswald';
    src: url('../../fonts/Oswald-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Oswald';
    src: url('../../fonts/Oswald-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* ------------------ BASE STYLES ------------------ */
.c1 { color: #f09714 !important; }

html, body { height: 100%; width: 100%; }

body { font-family: "Open Sans", sans-serif; font-size: 16px; font-weight: 300; color: #333; background-color: #fff !important; line-height: 1.6; overflow-x: hidden; }

h1, h2, h3, h4, h5, h6 { font-family: "Oswald", sans-serif; font-weight: 300; color: #646464; margin-top: 0; }
h2 { margin-bottom: 1em; }
/* ------------------ GENERAL STYLES ------------------ */
a:hover, a:focus, button:hover, button:focus { outline: none; }

ul, ol { list-style: none; }

.clr { clear: both; }

.mb70 { margin-bottom: 70px !important; }
.pt50 { margin-top: 50px; }
.pad5 { padding: 0; border-bottom: solid 5px transparent; border-right: solid 5px transparent; }
.weiss { color: #fff !important; }
/*@font-face { font-family: "brankic"; src: url('../fonts/brankic.eot'); src: url('../fonts/brankic.eot?#iefix') format('eot'), url('../fonts/brankic.svg') format('svg'), url('../fonts/brankic.ttf') format('truetype'), url('../fonts/brankic.woff') format('woff'); }*/

.galery img { width: 100%;  }
.galover { position: absolute; top:0; left:0; width: 100%; height: 100%; background: url(../img/backg-black-50.png); cursor: pointer; text-align: center; padding-top: 120px; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out;  }
.galover:hover { background: url(../img/backg-black-5.png); -webkit-transition: background ease-out 0.5s; -moz-transition: background ease-out 0.5s; -o-transition: background ease-out 0.5s; transition: background ease-out 0.5s;  }
.galover .weiss { text-transform: uppercase; font-size: 1.25em; }
.galover:hover .weiss, .galover:hover .btn-primary { display: none; }

/* --------------------- */
/* NAVIGATION BAR
/* --------------------- */

/* .navbar-nav { padding: 23px 0 0; } */
.navbar-nav a { color: #646464; font-family: "Oswald", sans-serif; text-transform: uppercase; font-weight: 300 !important; }
.navbar { list-style: none; padding: 0; }
.navbar li { display: inline-block; margin-right: 1em; }

.navbar-toggle { background-color: #646464;margin-top: 14px; }
.navbar-toggle .icon-bar { background-color: #fff; }

@media screen and (max-width: 767px) {
  .navbar-nav { padding: 0 0 0 0; }
  .navbar-nav > li { border-bottom: solid 1px; }
  .dropdown-menu > li a { color: #666; font-size: 16px !important;  }
  .navbar-collapse {
    position: absolute;
    background: #fff;
    width: 100%;
    left: 0;
    top: 84px;
    z-index: 9;
    padding: 3rem;
  }
  .navbar-collapse .navbar-nav > li > a { color: #666; border-bottom: none; padding-top: 15px; padding-bottom: 15px; }
  .navbar-collapse .navbar-nav > li > a.active { color: black; }
  .navbar-collapse .navbar-nav > li > a:hover { color: #444; padding-top: 15px; padding-bottom: 15px; text-decoration: underline; }
  .navbar-collapse .navbar-nav .open > a { color: #666; }
 }
/* --------------------- */
/* BUTTONS
/* --------------------- */
.btn { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-transition-property: border-color; -moz-transition-property: border-color; -o-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; }

.btn-lg { border-width: 2px; }

.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-primary { background-color: transparent; border-color: #ffae3f; color: #ffae3f; float: left; margin-top: 20px; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active { background-color: #fafafa; border-color: #000; color: #000; opacity: 0.5; }

.btn-primary.disabled, .btn-primary[disabled] { background-color: transparent; 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; }
.galover .btn-primary { margin: 20px auto 0; float: inherit; }
.btn-weiss { border-color: #fff; color: #fff;  }

/* .main-content { margin-top: 80px; } */
.emotional { height: 50%; }
.emotional img { min-width: 100% }

.top { 	
	display: block;
	height: 60px;
	padding: 0;
	margin: 0;
}
.logo { height: 100px;  }
/* .logo2 { height: 100px; padding-top: 10px; padding-left: 30px; position: absolute; } */
.colors{
	background: #808080; // Grau
	display: block; height: 40px; padding-left: 90px;
}
.color { display: inline-block; height: 100%; width: 40px; }
.bgtext { text-align: center; }
.bgtext h2 { margin-top: 8%; }
.bgtext .btn-primary { float: inherit;}
/* --------------------- */
/* LINKS
/* --------------------- */
a { color: #000000b2; }

.section-content a,
.section-news a { color: #fff; }

a:hover, a:focus { color: #ffc472; text-decoration: none; }

.footer-logo {
  max-height: 60px;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
  object-fit: contain;
}
/* --------------------- */
/* SECTION
/* --------------------- */
.section { background-color: #fafafa; padding: 0; }
.section.darker { background-color: whitesmoke; }
.section.most-dark { background-color: #4d4d4d; color: #fafafa; }
.section.works { background-color: #d5d5d5; margin-top: 78px; }

.section-heading { margin-bottom: 50px; }
.section-heading h2, .section-heading p, .galery_detail h2, .galery_detail h1 { font-family: "Oswald", sans-serif; font-weight: 300; }
.section-heading h2, .galery_detail h2, .galery_detail h1 { font-size: 4.2em; color: #fff; text-align: center; text-transform: uppercase; }
.section-heading p { font-size: 1.5em; color: #c2c2c2; }
.section-heading hr { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; width: 100px; border-top: 1px solid #acacac; }
.section-heading.h2-work { text-align: left; }
.section-heading.h2-work h2 { font-size: 3.4em; margin-top: 70px; }

.section-content h3 { color: #c2c2c2; }
.galery_detail { margin: 40px 0; column-width: auto; -webkit-column-width: auto; -moz-column-width: auto; column-count: 2; column-gap: 50px; -webkit-column-count: 2; -webkit-column-gap: 50px; -moz-column-count: 2; -moz-column-gap: 50px; column-rule: outset; -moz-column-rule: outset; -webkit-column-rule: outset; column-rule-width: thin; -moz-column-rule-width: thin; -webkit-column-rule-width: thin; -webkit-column-rule-color: #777777; -moz-column-rule-color: #777777; column-rule-color: #777777; 
/* column-fill: auto;  */
}

@media screen and (max-width: 767px) {
	.galery_detail { column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; }
	.galover .weiss { text-transform: uppercase; }
	.galover { padding-top: 90px; }
	.main-content { margin-top: 60px; }
	.emotional img {width: 100%;}
}


.list-inline a { color: #333; text-transform: uppercase; font-size: 0.8em; }
.list-inline li { margin-right: 20px; }

/* --------------------- */
/* 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 !important; }
@media screen and (max-width: 1024px) { .parallax { background-attachment: scroll !important; background-position: initial !important; background-repeat: no-repeat !important; } }

.wow { visibility: hidden; }

body #jpreLoader { left: 0 !important; width: 100%; height: 1px; }
body #jprePercentage { height: auto; top: -80px; font-size: 48px; font-weight: normal; text-shadow: none; color: #777777; }
body #jpreOverlay { background-color: #fafafa; display: none; }
body #jpreBar { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-image: none; background-color: #777777; }

/* --------------------- */
/* SKILLS
/* --------------------- */
.skills .skill-name { display: block; font-size: 1.5em; line-height: 1.5em; color: #333; font-weight: 300; font-family: "Oswald", sans-serif; text-align: left; height: 80px; text-transform: uppercase; }
.skills p { text-align: left;  }
@media screen and (max-width: 1200px) { .skills .skill-name { font-size: 1em; } }
@media screen and (max-width: 991px) { .skills .skill-name { font-size: 1.5em; } .skills .col-md-3 { border-bottom: #e2e2e2 solid 1px; padding: 24px 0; } }


.chart { position: relative; width: 100px; height: 100px; margin-bottom: 10px; }
.chart canvas { position: absolute; top: 0; left: 0; }
.chart .percent { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; line-height: 100px; z-index: 2; font-family: "Oswald", sans-serif; font-size: 2.2em; color: #ffae3f; }
.chart .percent:after { margin-left: 0.1em; }

/* --------------------- */
/* NEWS
/* --------------------- */
.eachNews-block { display: block; padding: 15px 0; border-bottom: 2px solid #fff; }
.eachNews-block h3, .eachNews-block p { color: #fff; }
.eachNews-block h3 { font-size: 1.5em; margin-bottom: 5px; }

#imgSOAS { position: fixed; z-index: 99; top: 78px; width: 100%; height: 44px; background: url(../img/backg-black-70.png); padding-top: 4px; text-align: right;  }
#imgSOAS img { margin-right: 30px; }
img.bbaw { height: 32px; width: auto; }
@media screen and (max-width: 1200px) { #imgSOAS {} .section.works { margin-top: 48px; } }
@media screen and (max-width: 998px) { #imgSOAS { top:62px; } }
@media screen and (max-width: 767px) { #imgSOAS { position: fixed; bottom: 0; top:inherit; } }

/* --------------------- */
/* GALLERY SLIDESHOW
/* --------------------- */
.prj-detail-gal-wrapper { position: relative; }
.prj-detail-gal-wrapper .map-gallery-nav { display: block; background: url("../img/imgArrow-2.png") no-repeat; width: 25px; height: 81px; position: absolute; z-index: 10; margin-top: -70px; top: 50%; }
.prj-detail-gal-wrapper .map-gallery-nav a { display: block; text-indent: -9999px; width: 25px; height: 81px; }
.prj-detail-gal-wrapper .map-gallery-nav#map-gallery-next { background-position: -37px 0; right: -25px; }
@media screen and (max-width: 767px) { .prj-detail-gal-wrapper .map-gallery-nav#map-gallery-next { right: 5px; } }
.prj-detail-gal-wrapper .map-gallery-nav#map-gallery-prev { background-position: 0 -1px; left: -25px; }
@media screen and (max-width: 767px) { .prj-detail-gal-wrapper .map-gallery-nav#map-gallery-prev { left: -5px; } }

.map-gallery { display: block; list-style: none; }
.map-gallery li { display: inline-block; }
.map-gallery li a { display: block; }

.gmap-text-overlay { color: white; font-family: "Lucida Grande", "Arial", sans-serif; font-size: 12px; text-align: center; width: 12px; white-space: nowrap; }

.section-news .row { position: relative; z-index: 1; /*max-width: 800px;*/ }
.section-news h2 { margin-bottom: 30px !important; }

.news-nav { position: absolute; z-index: 10; background-color: #fff; background: url("../img/imgArrow-2.png") no-repeat; width: 25px; height: 81px; margin-top: -40px; top: 50%; }
.news-nav a { display: block; text-indent: -9999px; width: 25px; height: 81px; }
.news-nav#news-nav-next { background-position: -37px 0; right: -25px; }
@media screen and (max-width: 767px) { .news-nav#news-nav-next { right: 5px; } }
.news-nav#news-nav-prev { background-position: 0 -1px; left: -25px; }
@media screen and (max-width: 767px) { .news-nav#news-nav-prev { left: -5px; } }

/*

	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: #111111 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; }

/*!
 *  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face { font-family: 'FontAwesome'; src: url("../fonts/fontawesome-webfont.eot?v=4.0.3"); src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff?v=4.0.3") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.0.3") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; }

.fa { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.fa-lg { font-size: 1.3333333333333333em; line-height: .75em; vertical-align: -15%; }
.fa-2x { font-size: 2em; }
.fa-3x { font-size: 3em; }
.fa-4x { font-size: 4em; }
.fa-5x { font-size: 5em; }
.fa-fw { width: 1.2857142857142858em; text-align: center; }
.fa-ul { padding-left: 0; margin-left: 2.142857142857143em; list-style-type: none; }
.fa-ul > li { position: relative; }
.fa-li { position: absolute; left: -2.142857142857143em; width: 2.142857142857143em; top: .14285714285714285em; text-align: center; }
.fa-li.fa-lg { left: -1.8571428571428572em; }
.fa-border { padding: .2em .25em .15em; border: solid .08em #eee; border-radius: .1em; }
.pull-right { float: right; margin-top: 5px; }
.pull-left { float: left; }
.fa.pull-left { margin-right: .3em; }
.fa.pull-right { margin-left: .3em; }
.fa-spin { -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; }

@-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); }
  100% { -moz-transform: rotate(359deg); } }

@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); } }

@-o-keyframes spin { 0% { -o-transform: rotate(0deg); }
  100% { -o-transform: rotate(359deg); } }

@-ms-keyframes spin { 0% { -ms-transform: rotate(0deg); }
  100% { -ms-transform: rotate(359deg); } }

@keyframes spin { 0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); } }

.fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); }
.fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1); -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); }
.fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1); -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); }
.fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; }
.fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; }
.fa-stack-1x { line-height: inherit; }
.fa-stack-2x { font-size: 2em; }
.fa-inverse { color: #fff; }
.fa-glass:before { content: "\f000"; }
.fa-music:before { content: "\f001"; }
.fa-search:before { content: "\f002"; }
.fa-envelope-o:before { content: "\f003"; }
.fa-heart:before { content: "\f004"; }
.fa-star:before { content: "\f005"; }
.fa-star-o:before { content: "\f006"; }
.fa-user:before { content: "\f007"; }
.fa-film:before { content: "\f008"; }
.fa-th-large:before { content: "\f009"; }
.fa-th:before { content: "\f00a"; }
.fa-th-list:before { content: "\f00b"; }
.fa-check:before { content: "\f00c"; }
.fa-times:before { content: "\f00d"; }
.fa-search-plus:before { content: "\f00e"; }
.fa-search-minus:before { content: "\f010"; }
.fa-power-off:before { content: "\f011"; }
.fa-signal:before { content: "\f012"; }
.fa-gear:before, .fa-cog:before { content: "\f013"; }
.fa-trash-o:before { content: "\f014"; }
.fa-home:before { content: "\f015"; }
.fa-file-o:before { content: "\f016"; }
.fa-clock-o:before { content: "\f017"; }
.fa-road:before { content: "\f018"; }
.fa-download:before { content: "\f019"; }
.fa-arrow-circle-o-down:before { content: "\f01a"; }
.fa-arrow-circle-o-up:before { content: "\f01b"; }
.fa-inbox:before { content: "\f01c"; }
.fa-play-circle-o:before { content: "\f01d"; }
.fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; }
.fa-refresh:before { content: "\f021"; }
.fa-list-alt:before { content: "\f022"; }
.fa-lock:before { content: "\f023"; }
.fa-flag:before { content: "\f024"; }
.fa-headphones:before { content: "\f025"; }
.fa-volume-off:before { content: "\f026"; }
.fa-volume-down:before { content: "\f027"; }
.fa-volume-up:before { content: "\f028"; }
.fa-qrcode:before { content: "\f029"; }
.fa-barcode:before { content: "\f02a"; }
.fa-tag:before { content: "\f02b"; }
.fa-tags:before { content: "\f02c"; }
.fa-book:before { content: "\f02d"; }
.fa-bookmark:before { content: "\f02e"; }
.fa-print:before { content: "\f02f"; }
.fa-camera:before { content: "\f030"; }
.fa-font:before { content: "\f031"; }
.fa-bold:before { content: "\f032"; }
.fa-italic:before { content: "\f033"; }
.fa-text-height:before { content: "\f034"; }
.fa-text-width:before { content: "\f035"; }
.fa-align-left:before { content: "\f036"; }
.fa-align-center:before { content: "\f037"; }
.fa-align-right:before { content: "\f038"; }
.fa-align-justify:before { content: "\f039"; }
.fa-list:before { content: "\f03a"; }
.fa-dedent:before, .fa-outdent:before { content: "\f03b"; }
.fa-indent:before { content: "\f03c"; }
.fa-video-camera:before { content: "\f03d"; }
.fa-picture-o:before { content: "\f03e"; }
.fa-pencil:before { content: "\f040"; }
.fa-map-marker:before { content: "\f041"; }
.fa-adjust:before { content: "\f042"; }
.fa-tint:before { content: "\f043"; }
.fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; }
.fa-share-square-o:before { content: "\f045"; }
.fa-check-square-o:before { content: "\f046"; }
.fa-arrows:before { content: "\f047"; }
.fa-step-backward:before { content: "\f048"; }
.fa-fast-backward:before { content: "\f049"; }
.fa-backward:before { content: "\f04a"; }
.fa-play:before { content: "\f04b"; }
.fa-pause:before { content: "\f04c"; }
.fa-stop:before { content: "\f04d"; }
.fa-forward:before { content: "\f04e"; }
.fa-fast-forward:before { content: "\f050"; }
.fa-step-forward:before { content: "\f051"; }
.fa-eject:before { content: "\f052"; }
.fa-chevron-left:before { content: "\f053"; }
.fa-chevron-right:before { content: "\f054"; }
.fa-plus-circle:before { content: "\f055"; }
.fa-minus-circle:before { content: "\f056"; }
.fa-times-circle:before { content: "\f057"; }
.fa-check-circle:before { content: "\f058"; }
.fa-question-circle:before { content: "\f059"; }
.fa-info-circle:before { content: "\f05a"; }
.fa-crosshairs:before { content: "\f05b"; }
.fa-times-circle-o:before { content: "\f05c"; }
.fa-check-circle-o:before { content: "\f05d"; }
.fa-ban:before { content: "\f05e"; }
.fa-arrow-left:before { content: "\f060"; }
.fa-arrow-right:before { content: "\f061"; }
.fa-arrow-up:before { content: "\f062"; }
.fa-arrow-down:before { content: "\f063"; }
.fa-mail-forward:before, .fa-share:before { content: "\f064"; }
.fa-expand:before { content: "\f065"; }
.fa-compress:before { content: "\f066"; }
.fa-plus:before { content: "\f067"; }
.fa-minus:before { content: "\f068"; }
.fa-asterisk:before { content: "\f069"; }
.fa-exclamation-circle:before { content: "\f06a"; }
.fa-gift:before { content: "\f06b"; }
.fa-leaf:before { content: "\f06c"; }
.fa-fire:before { content: "\f06d"; }
.fa-eye:before { content: "\f06e"; }
.fa-eye-slash:before { content: "\f070"; }
.fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; }
.fa-plane:before { content: "\f072"; }
.fa-calendar:before { content: "\f073"; }
.fa-random:before { content: "\f074"; }
.fa-comment:before { content: "\f075"; }
.fa-magnet:before { content: "\f076"; }
.fa-chevron-up:before { content: "\f077"; }
.fa-chevron-down:before { content: "\f078"; }
.fa-retweet:before { content: "\f079"; }
.fa-shopping-cart:before { content: "\f07a"; }
.fa-folder:before { content: "\f07b"; }
.fa-folder-open:before { content: "\f07c"; }
.fa-arrows-v:before { content: "\f07d"; }
.fa-arrows-h:before { content: "\f07e"; }
.fa-bar-chart-o:before { content: "\f080"; }
.fa-twitter-square:before { content: "\f081"; }
.fa-facebook-square:before { content: "\f082"; }
.fa-camera-retro:before { content: "\f083"; }
.fa-key:before { content: "\f084"; }
.fa-gears:before, .fa-cogs:before { content: "\f085"; }
.fa-comments:before { content: "\f086"; }
.fa-thumbs-o-up:before { content: "\f087"; }
.fa-thumbs-o-down:before { content: "\f088"; }
.fa-star-half:before { content: "\f089"; }
.fa-heart-o:before { content: "\f08a"; }
.fa-sign-out:before { content: "\f08b"; }
.fa-linkedin-square:before { content: "\f08c"; }
.fa-thumb-tack:before { content: "\f08d"; }
.fa-external-link:before { content: "\f08e"; }
.fa-sign-in:before { content: "\f090"; }
.fa-trophy:before { content: "\f091"; }
.fa-github-square:before { content: "\f092"; }
.fa-upload:before { content: "\f093"; }
.fa-lemon-o:before { content: "\f094"; }
.fa-phone:before { content: "\f095"; }
.fa-square-o:before { content: "\f096"; }
.fa-bookmark-o:before { content: "\f097"; }
.fa-phone-square:before { content: "\f098"; }
.fa-twitter:before { content: "\f099"; }
.fa-facebook:before { content: "\f09a"; }
.fa-github:before { content: "\f09b"; }
.fa-unlock:before { content: "\f09c"; }
.fa-credit-card:before { content: "\f09d"; }
.fa-rss:before { content: "\f09e"; }
.fa-hdd-o:before { content: "\f0a0"; }
.fa-bullhorn:before { content: "\f0a1"; }
.fa-bell:before { content: "\f0f3"; }
.fa-certificate:before { content: "\f0a3"; }
.fa-hand-o-right:before { content: "\f0a4"; }
.fa-hand-o-left:before { content: "\f0a5"; }
.fa-hand-o-up:before { content: "\f0a6"; }
.fa-hand-o-down:before { content: "\f0a7"; }
.fa-arrow-circle-left:before { content: "\f0a8"; }
.fa-arrow-circle-right:before { content: "\f0a9"; }
.fa-arrow-circle-up:before { content: "\f0aa"; }
.fa-arrow-circle-down:before { content: "\f0ab"; }
.fa-globe:before { content: "\f0ac"; }
.fa-wrench:before { content: "\f0ad"; }
.fa-tasks:before { content: "\f0ae"; }
.fa-filter:before { content: "\f0b0"; }
.fa-briefcase:before { content: "\f0b1"; }
.fa-arrows-alt:before { content: "\f0b2"; }
.fa-group:before, .fa-users:before { content: "\f0c0"; }
.fa-chain:before, .fa-link:before { content: "\f0c1"; }
.fa-cloud:before { content: "\f0c2"; }
.fa-flask:before { content: "\f0c3"; }
.fa-cut:before, .fa-scissors:before { content: "\f0c4"; }
.fa-copy:before, .fa-files-o:before { content: "\f0c5"; }
.fa-paperclip:before { content: "\f0c6"; }
.fa-save:before, .fa-floppy-o:before { content: "\f0c7"; }
.fa-square:before { content: "\f0c8"; }
.fa-bars:before { content: "\f0c9"; }
.fa-list-ul:before { content: "\f0ca"; }
.fa-list-ol:before { content: "\f0cb"; }
.fa-strikethrough:before { content: "\f0cc"; }
.fa-underline:before { content: "\f0cd"; }
.fa-table:before { content: "\f0ce"; }
.fa-magic:before { content: "\f0d0"; }
.fa-truck:before { content: "\f0d1"; }
.fa-pinterest:before { content: "\f0d2"; }
.fa-pinterest-square:before { content: "\f0d3"; }
.fa-google-plus-square:before { content: "\f0d4"; }
.fa-google-plus:before { content: "\f0d5"; }
.fa-money:before { content: "\f0d6"; }
.fa-caret-down:before { content: "\f0d7"; }
.fa-caret-up:before { content: "\f0d8"; }
.fa-caret-left:before { content: "\f0d9"; }
.fa-caret-right:before { content: "\f0da"; }
.fa-columns:before { content: "\f0db"; }
.fa-unsorted:before, .fa-sort:before { content: "\f0dc"; }
.fa-sort-down:before, .fa-sort-asc:before { content: "\f0dd"; }
.fa-sort-up:before, .fa-sort-desc:before { content: "\f0de"; }
.fa-envelope:before { content: "\f0e0"; }
.fa-linkedin:before { content: "\f0e1"; }
.fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; }
.fa-legal:before, .fa-gavel:before { content: "\f0e3"; }
.fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; }
.fa-comment-o:before { content: "\f0e5"; }
.fa-comments-o:before { content: "\f0e6"; }
.fa-flash:before, .fa-bolt:before { content: "\f0e7"; }
.fa-sitemap:before { content: "\f0e8"; }
.fa-umbrella:before { content: "\f0e9"; }
.fa-paste:before, .fa-clipboard:before { content: "\f0ea"; }
.fa-lightbulb-o:before { content: "\f0eb"; }
.fa-exchange:before { content: "\f0ec"; }
.fa-cloud-download:before { content: "\f0ed"; }
.fa-cloud-upload:before { content: "\f0ee"; }
.fa-user-md:before { content: "\f0f0"; }
.fa-stethoscope:before { content: "\f0f1"; }
.fa-suitcase:before { content: "\f0f2"; }
.fa-bell-o:before { content: "\f0a2"; }
.fa-coffee:before { content: "\f0f4"; }
.fa-cutlery:before { content: "\f0f5"; }
.fa-file-text-o:before { content: "\f0f6"; }
.fa-building-o:before { content: "\f0f7"; }
.fa-hospital-o:before { content: "\f0f8"; }
.fa-ambulance:before { content: "\f0f9"; }
.fa-medkit:before { content: "\f0fa"; }
.fa-fighter-jet:before { content: "\f0fb"; }
.fa-beer:before { content: "\f0fc"; }
.fa-h-square:before { content: "\f0fd"; }
.fa-plus-square:before { content: "\f0fe"; }
.fa-angle-double-left:before { content: "\f100"; }
.fa-angle-double-right:before { content: "\f101"; }
.fa-angle-double-up:before { content: "\f102"; }
.fa-angle-double-down:before { content: "\f103"; }
.fa-angle-left:before { content: "\f104"; }
.fa-angle-right:before { content: "\f105"; }
.fa-angle-up:before { content: "\f106"; }
.fa-angle-down:before { content: "\f107"; }
.fa-desktop:before { content: "\f108"; }
.fa-laptop:before { content: "\f109"; }
.fa-tablet:before { content: "\f10a"; }
.fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; }
.fa-circle-o:before { content: "\f10c"; }
.fa-quote-left:before { content: "\f10d"; }
.fa-quote-right:before { content: "\f10e"; }
.fa-spinner:before { content: "\f110"; }
.fa-circle:before { content: "\f111"; }
.fa-mail-reply:before, .fa-reply:before { content: "\f112"; }
.fa-github-alt:before { content: "\f113"; }
.fa-folder-o:before { content: "\f114"; }
.fa-folder-open-o:before { content: "\f115"; }
.fa-smile-o:before { content: "\f118"; }
.fa-frown-o:before { content: "\f119"; }
.fa-meh-o:before { content: "\f11a"; }
.fa-gamepad:before { content: "\f11b"; }
.fa-keyboard-o:before { content: "\f11c"; }
.fa-flag-o:before { content: "\f11d"; }
.fa-flag-checkered:before { content: "\f11e"; }
.fa-terminal:before { content: "\f120"; }
.fa-code:before { content: "\f121"; }
.fa-reply-all:before { content: "\f122"; }
.fa-mail-reply-all:before { content: "\f122"; }
.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; }
.fa-location-arrow:before { content: "\f124"; }
.fa-crop:before { content: "\f125"; }
.fa-code-fork:before { content: "\f126"; }
.fa-unlink:before, .fa-chain-broken:before { content: "\f127"; }
.fa-question:before { content: "\f128"; }
.fa-info:before { content: "\f129"; }
.fa-exclamation:before { content: "\f12a"; }
.fa-superscript:before { content: "\f12b"; }
.fa-subscript:before { content: "\f12c"; }
.fa-eraser:before { content: "\f12d"; }
.fa-puzzle-piece:before { content: "\f12e"; }
.fa-microphone:before { content: "\f130"; }
.fa-microphone-slash:before { content: "\f131"; }
.fa-shield:before { content: "\f132"; }
.fa-calendar-o:before { content: "\f133"; }
.fa-fire-extinguisher:before { content: "\f134"; }
.fa-rocket:before { content: "\f135"; }
.fa-maxcdn:before { content: "\f136"; }
.fa-chevron-circle-left:before { content: "\f137"; }
.fa-chevron-circle-right:before { content: "\f138"; }
.fa-chevron-circle-up:before { content: "\f139"; }
.fa-chevron-circle-down:before { content: "\f13a"; }
.fa-html5:before { content: "\f13b"; }
.fa-css3:before { content: "\f13c"; }
.fa-anchor:before { content: "\f13d"; }
.fa-unlock-alt:before { content: "\f13e"; }
.fa-bullseye:before { content: "\f140"; }
.fa-ellipsis-h:before { content: "\f141"; }
.fa-ellipsis-v:before { content: "\f142"; }
.fa-rss-square:before { content: "\f143"; }
.fa-play-circle:before { content: "\f144"; }
.fa-ticket:before { content: "\f145"; }
.fa-minus-square:before { content: "\f146"; }
.fa-minus-square-o:before { content: "\f147"; }
.fa-level-up:before { content: "\f148"; }
.fa-level-down:before { content: "\f149"; }
.fa-check-square:before { content: "\f14a"; }
.fa-pencil-square:before { content: "\f14b"; }
.fa-external-link-square:before { content: "\f14c"; }
.fa-share-square:before { content: "\f14d"; }
.fa-compass:before { content: "\f14e"; }
.fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; }
.fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; }
.fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; }
.fa-euro:before, .fa-eur:before { content: "\f153"; }
.fa-gbp:before { content: "\f154"; }
.fa-dollar:before, .fa-usd:before { content: "\f155"; }
.fa-rupee:before, .fa-inr:before { content: "\f156"; }
.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; }
.fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; }
.fa-won:before, .fa-krw:before { content: "\f159"; }
.fa-bitcoin:before, .fa-btc:before { content: "\f15a"; }
.fa-file:before { content: "\f15b"; }
.fa-file-text:before { content: "\f15c"; }
.fa-sort-alpha-asc:before { content: "\f15d"; }
.fa-sort-alpha-desc:before { content: "\f15e"; }
.fa-sort-amount-asc:before { content: "\f160"; }
.fa-sort-amount-desc:before { content: "\f161"; }
.fa-sort-numeric-asc:before { content: "\f162"; }
.fa-sort-numeric-desc:before { content: "\f163"; }
.fa-thumbs-up:before { content: "\f164"; }
.fa-thumbs-down:before { content: "\f165"; }
.fa-youtube-square:before { content: "\f166"; }
.fa-youtube:before { content: "\f167"; }
.fa-xing:before { content: "\f168"; }
.fa-xing-square:before { content: "\f169"; }
.fa-youtube-play:before { content: "\f16a"; }
.fa-dropbox:before { content: "\f16b"; }
.fa-stack-overflow:before { content: "\f16c"; }
.fa-instagram:before { content: "\f16d"; }
.fa-flickr:before { content: "\f16e"; }
.fa-adn:before { content: "\f170"; }
.fa-bitbucket:before { content: "\f171"; }
.fa-bitbucket-square:before { content: "\f172"; }
.fa-tumblr:before { content: "\f173"; }
.fa-tumblr-square:before { content: "\f174"; }
.fa-long-arrow-down:before { content: "\f175"; }
.fa-long-arrow-up:before { content: "\f176"; }
.fa-long-arrow-left:before { content: "\f177"; }
.fa-long-arrow-right:before { content: "\f178"; }
.fa-apple:before { content: "\f179"; }
.fa-windows:before { content: "\f17a"; }
.fa-android:before { content: "\f17b"; }
.fa-linux:before { content: "\f17c"; }
.fa-dribbble:before { content: "\f17d"; }
.fa-skype:before { content: "\f17e"; }
.fa-foursquare:before { content: "\f180"; }
.fa-trello:before { content: "\f181"; }
.fa-female:before { content: "\f182"; }
.fa-male:before { content: "\f183"; }
.fa-gittip:before { content: "\f184"; }
.fa-sun-o:before { content: "\f185"; }
.fa-moon-o:before { content: "\f186"; }
.fa-archive:before { content: "\f187"; }
.fa-bug:before { content: "\f188"; }
.fa-vk:before { content: "\f189"; }
.fa-weibo:before { content: "\f18a"; }
.fa-renren:before { content: "\f18b"; }
.fa-pagelines:before { content: "\f18c"; }
.fa-stack-exchange:before { content: "\f18d"; }
.fa-arrow-circle-o-right:before { content: "\f18e"; }
.fa-arrow-circle-o-left:before { content: "\f190"; }
.fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; }
.fa-dot-circle-o:before { content: "\f192"; }
.fa-wheelchair:before { content: "\f193"; }
.fa-vimeo-square:before { content: "\f194"; }
.fa-turkish-lira:before, .fa-try:before { content: "\f195"; }
.fa-plus-square-o:before { content: "\f196"; }

[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: rgba(0, 0, 0, 0); }
.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.hero-light .hero-content .hero-text .hero-heading, .hero-unit.hero-light .hero-content .hero-text p { color: #fff; }
.hero-text p { text-shadow: 1px 1px 10px #444; font-family: "Oswald"; }
.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?1342772328'); background-repeat: repeat; }
.hero-unit .hero-content { position: absolute; left: 0; top: 62%; width: 80%; margin-top: -10em; margin-left: 10%; z-index: 2; }
@media screen and (min-width: 320px) and (max-width: 480px) { .hero-unit .hero-content { margin-top: -40%; } }
@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: "Oswald", sans-serif !important; text-transform: uppercase; color: #646464; font-weight: 300; }
.hero-unit .hero-content .hero-text .hero-heading { font-size: 4em; color: #fff; text-shadow: 1px 1px 15px #444; }
@media screen and (max-width: 1040px) { .hero-unit .hero-content .hero-text .hero-heading { font-size: 3em; } }
@media screen and (max-width: 767px) { .hero-unit .hero-content .hero-text .hero-heading { font-size: 3em; } }
@media screen and (max-width: 480px) { .hero-unit .hero-content .hero-text .hero-heading { font-size: 1.75em; } }
.hero-unit .hero-content .hero-text p { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; width: 45%; font-size: 24px; color: #fff; font-family: "Oswald", sans-serif; text-transform: uppercase; }
@media screen and (max-width: 767px) { .hero-unit .hero-content .hero-text p { font-size: 1.5em; width: 80%; } }
@media screen and (max-width: 480px) { .hero-unit .hero-content .hero-text p { font-size: 1.3em; } }
.hero-unit .hero-content .hero-text span.sp-guide { margin-top: 25px; font-size: 20px; border: 2px solid #fff; padding: 6px 15px; color: #fff; font-family: "Oswald", sans-serif; text-transform: uppercase; }
.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: 50px; 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 { -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-transition-property: background; -moz-transition-property: background; -o-transition-property: background; transition-property: background; -webkit-transition-duration: 0.1s; -moz-transition-duration: 0.1s; -o-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; position: absolute; top: 50%; margin-top: -30px; width: 60px; height: 60px; width: 37px; height: 94px; font-size: 3em; line-height: 1.2; color: #fff; text-align: center; cursor: pointer; text-indent: -9999px; z-index: 9; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
.hero-unit .slideshow .slide-navigation #prevslide:hover, .hero-unit .slideshow .slide-navigation #nextslide:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
.hero-unit .slideshow .slide-navigation #prevslide { left: 15px; background: transparent url("../img/imgArrow-1.png") 0 0 no-repeat; }
.hero-unit .slideshow .slide-navigation #nextslide { right: 15px; background: transparent url("../img/imgArrow-1.png") -57px 0 no-repeat; }
.hero-unit .slideshow ul#slide-list { position: absolute; left: 50%; bottom: 10px; }
@media screen and (max-width: 480px) { .hero-unit .slideshow ul#slide-list { display: none; } }
.hero-unit .slideshow ul#slide-list li a { -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; -webkit-transition-property: background-color, border-color; -moz-transition-property: background-color, border-color; -o-transition-property: background-color, border-color; transition-property: background-color, border-color; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; -o-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 { display: none; visibility: hidden; }
.hero-unit #controls #pauseplay, .hero-unit #controls #video-volume { position: absolute; left: 50%; bottom: 30px; cursor: pointer; color: #fff; }
.hero-unit #controls #pauseplay:hover, .hero-unit #controls #video-volume:hover { text-decoration: none; color: #e6e6e6; }
.hero-unit #controls #pauseplay i, .hero-unit #controls #video-volume i { display: block; width: 10px; margin-left: -8px; }
.hero-unit #controls #video-volume { z-index: 9999; }
@media screen and (max-width: 480px) { .hero-unit #controls { display: none; } }

#btn-guidance { background: transparent url("../img/imgArrow-1.png") 0 -114px no-repeat; text-indent: -9999px; display: block; width: 94px; height: 73px; position: absolute; z-index: 100; margin-left: -47px; left: 50%; bottom: 5%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); opacity: 0.9; }
#btn-guidance:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

/* ------------------ ABOUT ------------------ */
.about { position: relative; min-height: 400px; background-size: 100% auto; background-attachment: fixed; }
.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; } }
.about .section-heading { margin-bottom: 0; margin-top: 50px; }
.about .section-heading h2 { margin: 0; }

.about-content { background-color: rgba(0, 0, 0, 0.7); padding: 60px 0 110px 0; margin-top: 0px; }
.about-content .about-box { border: 1px solid white; padding: 10px; min-height: 235px; }
@media screen and (max-width: 1200px) { .about-content .about-box { margin-bottom: 24px; width: 70% } }
.about-content h3 { color: #fff; }
.about-content p { color: #f2f2f2; font-size: 14px; }

#skills { padding: 60px 0; }

/* ------------------ SERVICES ------------------ */
.service-item { margin-bottom: 60px; }
.service-item .service-icon { position: absolute; top: 0; font-size: 5em; color: #ffae3f; }
.service-item .service-text { margin-left: 100px; overflow: hidden; }
.service-item .service-text h3 { margin-top: 6px; color: #646464; }
.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 { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; font-size: 0.8em; margin-left: -80px; }
#services .container { background: url(../img/backg-black-50.png); padding: 100px; width:100%; margin: 0; }
#services .section-heading, #services .section-content { max-width: 1000px; margin: 0 auto; font-weight: 400 }

@media screen and (max-width: 1200px) { .service-item .service-text a.read-more span { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); 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(Opacity=100); 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 { -webkit-transition-property: height, width; -moz-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }

.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -o-transition-property: -o-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 { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }

/* --------------------- */
/* WORKS GRID
/* --------------------- */
#works { padding-bottom: 0; background-color: #d5d5d5; }

.work-item-filters { text-align: center; margin-bottom: 0; }
.work-item-filters li { padding: 0; margin-left: -2px; margin-right: -2px; list-style: none; text-align: right; }
@media screen and (max-width: 992px) { .work-item-filters li { text-align: center; display: inline-block; } }
.work-item-filters li:first-child { margin-left: 0; }
.work-item-filters li a { display: block; padding: 5px 0; color: #131313; }
@media screen and (max-width: 992px) { .work-item-filters li a { padding: 5px 10px; } }
.work-item-filters li a:hover, .work-item-filters li a.active { text-decoration: none; outline: none; color: #f09714; }

.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 { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; max-width: 100%; width: 100%; }
.work-item-list li:hover img { -webkit-transform: scale(1.3, 1.3); -moz-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); -o-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); }
.work-item-list a { color: #000; font-size: 13px; }
.work-item-list a:hover { color: #f09714; }
.work-item-list.list-col-7 li { width: 14.20%; padding: 0 12px; }
@media screen and (max-width: 992px) { .work-item-list.list-col-7 li { width: 20%; } }
@media screen and (max-width: 767px) { .work-item-list.list-col-7 li { width: 25%; } }
@media screen and (max-width: 480px) { .work-item-list.list-col-7 li { width: 50%; } }
.work-item-list.list-col-5 li { width: 19.95%; }
.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 .image-overlay { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; -o-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(Opacity=100); opacity: 1; }
@media screen and (max-width: 1024px) { .work-item-list .image-overlay { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); 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; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.15s; -moz-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-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; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.15s; -moz-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }

.google-map { position: relative; z-index: 1; }
.google-map #map-canvas { height: calc(100vh - 180px); }
.map-slides { padding: 0; }
#map-slideshow { position: absolute; z-index: 100; right: 80px; top: 110px; width: 360px; background-color: rgba(255, 255, 255, 0.85); height: 80%; overflow: hidden; }
#map-slideshow h2 { font-family: "Oswald", sans-serif; margin: 0; font-size: 2em; line-height: 1.2em; margin-bottom: 20px; }
#map-slideshow p { font-size: 0.9em; line-height: 1.25em; }
#map-slideshow .map-content { padding: 0 25px 25px; }
#map-slideshow .map-searchbox { max-width: 360px; width: 100%; }
.we_hl { position: absolute;   z-index: 10000;   bottom: 0px; font-size: 30px; font-weight: 300; font-family: Oswald; left: 45%; }
@media screen and (max-width: 992px) { #map-slideshow .map-searchbox { max-width: 330px; } }
#map-slideshow .map-searchbox #map-select2-input { width: 100%; }
#map-slideshow .map-searchbox .map-input { margin: 15px; }
#map-slideshow .map-searchbox .map-input.visible { display: block; visibility: visible; }
#map-slideshow .map-searchbox input.map-select2-input { display: none; visibility: hidden; background-color: #fff; border: 1px solid #cdcdcd; height: 40px; line-height: 40px; margin-top: -1px; padding: 0 10px; width: 100%; font-size: 13px; }

.map-navigation { display: block; margin-bottom: 10px; }
.map-navigation .map-nav-circle { margin: 0; list-style: none; }
.map-navigation li { float: left; display: block; margin: 0 3px; }
.map-navigation li a { display: block; text-indent: -9999px; width: 10px; height: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background-color: #dadada; }
.map-navigation li a:hover { background-color: #acacac; }
.map-navigation li.flex-active-slide a { background-color: #acacac; }

.map-flexslider { display: block; }
.map-flexslider .map-slideS { list-style: none; }

.sample-box { display: none; background-color: #fff; width: 50px; text-align: center; height: 50px; line-height: 50px; border: 1px solid #000; }
.sample-box.visible { display: block; }

.map-tooltip-content { min-width: 100px; max-width: 200px; min-height: 40px; max-height: 200px; }

/* .map-input .select2-container { display: none; visibility: hidden; } */
.map-input .select2-container { display: block; visibility: visible; }

.map-toolbar a.btnMap-nav { float: right; display: block; margin: 5px 5px 0 0; text-indent: -9999px; width: 39px; height: 40px; background: url("../img/imgMap.png"); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
.map-toolbar a.btnMap-nav#btnMap-next { background-position: -85px 0; }
.map-toolbar a.btnMap-nav#btnMap-prev { background-position: -43px 0; }
.map-toolbar a.btnMap-nav#btnMap-search { background-position: -126px 0; display: none }
.map-toolbar a.btnMap-nav#btnMap-pin { background-position: 0 0; }
.map-toolbar a.btnMap-nav:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

/* ------------------ 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 { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; display: -moz-inline-stack; 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; border-top: 1px solid #eee; }

.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 { -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-transition-property: background-color; -moz-transition-property: background-color; -o-transition-property: background-color; transition-property: background-color; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; display: block; width: 25px; height: 25px; color: #fff; text-align: center; background-color: #FFAE43; }
.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 { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition-property: background-color; -moz-transition-property: background-color; -o-transition-property: background-color; transition-property: background-color; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; -o-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; }

.modal-backdrop { background: #ededed; }
.modal-backdrop.in { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

.modal.modalFilter .modal-dialog { width: 100%; margin: 0px; }
.modal.modalFilter .modalClose { position: absolute; z-index: 10; left: 10px; top: 10px; background: none; border: none; width: 31px; height: 31px; font-weight: bold; }
.modal.modalFilter .modal-content { background-color: #ededed; box-shadow: none; border: none; }

.modal-prj-content h3 { font-size: 32px; }

.modal-prj-img { position: relative; z-index: 1; padding-left: 120px; }
.modal-prj-img img.modal-img-spl { position: absolute; left: 5px; top: 5px; z-index: 10; }

.modal-content-wrapper { margin: 0 auto; padding-top: 100px; position: relative; z-index: 1; -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; -o-transition-duration: 0.25s; transition-duration: 0.25s; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }

.project-fake-popup { display: none; position: fixed; z-index: 50; width: 100%; height: 100%; background-color: #e3e3e3; left: 0; top: 78px; right: 0; bottom: 0; overflow-x: auto; overflow-y: scroll; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }
.project-fake-popup.visible { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
.project-fake-popup.visible .modal-content-wrapper { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
.project-fake-popup.block { display: block; }

.modal-backdrop-2 { display: none; background-color: #000000; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 1040; }

.project-fake-close { position: absolute; z-index: 10; left: 20px; top: 60px; background: none; border: none; width: 31px; height: 31px; font-weight: bold; background: none; border: none; }

@media screen and (max-width: 992px) { .project-fake-popup { top: 100px; } }
@media screen and (max-width: 767px) { .project-fake-popup { top: 40px; } }
/*
Version: 3.5.1 Timestamp: Tue Jul 22 18:58:56 EDT 2014
*/
.select2-container { margin: 0; position: relative; display: inline-block; /* inline-block for ie7 */ zoom: 1; *display: inline; vertical-align: middle; }

.select2-container, .select2-drop, .select2-search, .select2-search input { /* Force border-box so that % widths fit the parent container without overlap because of margin/padding. More Info : http://www.quirksmode.org/css/box.html
*/ -webkit-box-sizing: border-box; /* webkit */ -moz-box-sizing: border-box; /* firefox */ box-sizing: border-box; /* css3 */ }

.select2-container .select2-choice { display: block; height: 40px; padding: 0 0 0 8px; overflow: hidden; position: relative; border: 1px solid #aaa; white-space: nowrap; line-height: 36px; color: #444; text-decoration: none; top: -1px; background-clip: padding-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; border-radius: 16px;}

html[dir="rtl"] .select2-container .select2-choice { padding: 0 8px 0 0; }

.select2-container.select2-drop-above .select2-choice { border-bottom-color: #aaa; border-radius: 0 0 4px 4px; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.9, white)); background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 90%); background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 90%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); background-image: linear-gradient(to bottom, #eeeeee 0%, #ffffff 90%); }

.select2-container.select2-allowclear .select2-choice .select2-chosen { margin-right: 42px; }
.select2-container .select2-choice > .select2-chosen { margin-right: 26px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: none; width: auto; }

html[dir="rtl"] .select2-container .select2-choice > .select2-chosen { margin-left: 26px; margin-right: 0; }

.select2-container .select2-choice abbr { display: none; width: 12px; height: 12px; position: absolute; right: 24px; top: 8px; font-size: 1px; text-decoration: none; border: 0; background: url("../img/select2.png") right top no-repeat; cursor: pointer; outline: 0; }
.select2-container.select2-allowclear .select2-choice abbr { display: inline-block; }
.select2-container .select2-choice abbr:hover { background-position: right -11px; cursor: pointer; }
.select2-drop-mask { border: 0; margin: 0; padding: 0; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 9998; /* styles required for IE to work */ background-color: #fff; filter: alpha(opacity=0); }
.select2-drop { width: 100%; margin-top: -1px; position: absolute; z-index: 9999; top: 100%; background: #fff; color: #000; border: 1px solid #aaa; border-top: 0; border-radius: 0 0 4px 4px; -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); }
.select2-drop.select2-drop-above { margin-top: 1px; border-top: 1px solid #aaa; border-bottom: 0; border-radius: 4px 4px 0 0; -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15); }
.select2-drop-active { border: 1px solid #5897fb; border-top: none; }
.select2-drop.select2-drop-above.select2-drop-active { border-top: 1px solid #5897fb; }
.select2-drop-auto-width { border-top: 1px solid #aaa; width: auto; }
.select2-drop-auto-width .select2-search { padding-top: 4px; }
.select2-container .select2-choice .select2-arrow { display: none; width: 18px; height: 100%; position: absolute; right: 0; top: 0; }

html[dir="rtl"] .select2-container .select2-choice .select2-arrow { left: 0; right: auto; border-left: none; border-right: 1px solid #aaa; }

.select2-container .select2-choice .select2-arrow b { display: block; width: 100%; height: 100%; background: url("../img/select2.png") no-repeat -22px 4px; }

html[dir="rtl"] .select2-container .select2-choice .select2-arrow b { background-position: 2px 1px; }

.select2-search { display: inline-block; width: 100%; min-height: 26px; margin: 0; padding-left: 4px; padding-right: 4px; position: relative; z-index: 10000; white-space: nowrap; }

.select2-search input { width: 100%; height: auto !important; min-height: 26px; padding: 4px 20px 4px 5px; margin: 0; outline: 0; font-family: sans-serif; font-size: 1em; border: 1px solid #aaa; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; background: white url("../img/select2.png") no-repeat 100% -22px; background: url("../img/select2.png") no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee)); background: url("../img/select2.png") no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url("../img/select2.png") no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url("../img/select2.png") no-repeat 100% -22px, linear-gradient(to bottom, #ffffff 85%, #eeeeee 99%) 0 0; border-radius: 14px; }

html[dir="rtl"] .select2-search input { padding: 4px 5px 4px 20px; background: white url("../img/select2.png") no-repeat -37px -22px; background: url("../img/select2.png") no-repeat -37px -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee)); background: url("../img/select2.png") no-repeat -37px -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url("../img/select2.png") no-repeat -37px -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url("../img/select2.png") no-repeat -37px -22px, linear-gradient(to bottom, #ffffff 85%, #eeeeee 99%) 0 0; }

.select2-drop.select2-drop-above .select2-search input { margin-top: 4px; }

.select2-search input.select2-active { background: white url("../img/select2-spinner.gif") no-repeat 100%; background: url("../img/select2-spinner.gif") no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee)); background: url("../img/select2-spinner.gif") no-repeat 100%, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url("../img/select2-spinner.gif") no-repeat 100%, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url("../img/select2-spinner.gif") no-repeat 100%, linear-gradient(to bottom, #ffffff 85%, #eeeeee 99%) 0 0; }

.select2-container-active .select2-choice, .select2-container-active .select2-choices { border: 1px solid #5897fb; outline: none; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

.select2-dropdown-open .select2-choice { border-bottom-color: transparent; -webkit-box-shadow: 0 1px 0 #fff inset; box-shadow: 0 1px 0 #fff inset; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-color: #eee; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.5, #eeeeee)); background-image: -webkit-linear-gradient(center bottom, white 0%, #eeeeee 50%); background-image: -moz-linear-gradient(center bottom, white 0%, #eeeeee 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0); background-image: linear-gradient(to top, #ffffff 0%, #eeeeee 50%); }

.select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices { border: 1px solid #5897fb; border-top-color: transparent; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(0.5, #eeeeee)); background-image: -webkit-linear-gradient(center top, white 0%, #eeeeee 50%); background-image: -moz-linear-gradient(center top, white 0%, #eeeeee 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0); background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%); }

.select2-dropdown-open .select2-choice .select2-arrow { background: transparent; border-left: none; filter: none; }

html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow { border-right: none; }

.select2-dropdown-open .select2-choice .select2-arrow b { background-position: -18px 1px; }

html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow b { background-position: -16px 1px; }

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

/* results */
.select2-results { max-height: 200px; padding: 0 0 0 4px; margin: 4px 4px 4px 0; position: relative; overflow-x: hidden; overflow-y: auto; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

html[dir="rtl"] .select2-results { padding: 0 4px 0 0; margin: 4px 0 4px 4px; }
.select2-results ul.select2-result-sub { margin: 0; padding-left: 0; }
.select2-results li { list-style: none; display: list-item; background-image: none; }
.select2-results li.select2-result-with-children > .select2-result-label { font-weight: bold; }
.select2-results .select2-result-label { padding: 3px 7px 4px; margin: 0; cursor: pointer; min-height: 1em; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.select2-results-dept-1 .select2-result-label { padding-left: 20px; }
.select2-results-dept-2 .select2-result-label { padding-left: 40px; }
.select2-results-dept-3 .select2-result-label { padding-left: 60px; }
.select2-results-dept-4 .select2-result-label { padding-left: 80px; }
.select2-results-dept-5 .select2-result-label { padding-left: 100px; }
.select2-results-dept-6 .select2-result-label { padding-left: 110px; }
.select2-results-dept-7 .select2-result-label { padding-left: 120px; }
.select2-results .select2-highlighted { background: #3875d7; color: #fff; }
.select2-results li em { background: #feffde; font-style: normal; }
.select2-results .select2-highlighted em { background: transparent; }
.select2-results .select2-highlighted ul { background: #fff; color: #000; }
.select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-ajax-error, .select2-results .select2-selection-limit { background: #f4f4f4; display: list-item; padding-left: 5px; }

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted { color: #666; background: #f4f4f4; display: list-item; cursor: default; }
.select2-results .select2-disabled { background: #f4f4f4; display: list-item; cursor: default; }
.select2-results .select2-selected { display: none; }
.select2-more-results.select2-active { background: #f4f4f4 url("../img/select2-spinner.gif") no-repeat 100%; }
.select2-results .select2-ajax-error { background: rgba(255, 50, 50, 0.2); }
.select2-more-results { background: #f4f4f4; display: list-item; }

/* disabled styles */
.select2-container.select2-container-disabled .select2-choice { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; }

.select2-container.select2-container-disabled .select2-choice .select2-arrow { background-color: #f4f4f4; background-image: none; border-left: 0; }

.select2-container.select2-container-disabled .select2-choice abbr { display: none; }

/* multiselect */
.select2-container-multi .select2-choices { height: auto !important; height: 1%; margin: 0; padding: 0 5px 0 0; position: relative; border: 1px solid #aaa; cursor: text; overflow: hidden; background-color: #fff; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, white)); background-image: -webkit-linear-gradient(top, #eeeeee 1%, white 15%); background-image: -moz-linear-gradient(top, #eeeeee 1%, white 15%); background-image: linear-gradient(to bottom, #eeeeee 1%, #ffffff 15%); }

html[dir="rtl"] .select2-container-multi .select2-choices { padding: 0 0 0 5px; }

.select2-locked { padding: 3px 5px 3px 5px !important; }
.select2-container-multi .select2-choices { min-height: 26px; }
.select2-container-multi.select2-container-active .select2-choices { border: 1px solid #5897fb; outline: none; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
.select2-container-multi .select2-choices li { float: left; list-style: none; }

html[dir="rtl"] .select2-container-multi .select2-choices li { float: right; }

.select2-container-multi .select2-choices .select2-search-field { margin: 0; padding: 0; white-space: nowrap; }
.select2-container-multi .select2-choices .select2-search-field input { padding: 5px; margin: 1px 0; font-family: sans-serif; font-size: 100%; color: #666; outline: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; background: transparent !important; }
.select2-container-multi .select2-choices .select2-search-field input.select2-active { background: white url("../img/select2-spinner.gif") no-repeat 100% !important; }
.select2-default { color: #999 !important; }
.select2-container-multi .select2-choices .select2-search-choice { padding: 3px 5px 3px 18px; margin: 3px 0 3px 5px; position: relative; line-height: 13px; color: #333; cursor: default; border: 1px solid #aaaaaa; border-radius: 3px; -webkit-box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05); background-clip: padding-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #e4e4e4; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); }

html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice { margin: 3px 5px 3px 0; padding: 3px 18px 3px 5px; }
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen { cursor: default; }
.select2-container-multi .select2-choices .select2-search-choice-focus { background: #d4d4d4; }
.select2-search-choice-close { display: block; width: 12px; height: 13px; position: absolute; right: 3px; top: 4px; font-size: 1px; outline: none; background: url("../img/select2.png") right top no-repeat; }
html[dir="rtl"] .select2-search-choice-close { right: auto; left: 3px; }
.select2-container-multi .select2-search-choice-close { left: 3px; }
html[dir="rtl"] .select2-container-multi .select2-search-choice-close { left: auto; right: 2px; }
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover { background-position: right -11px; }
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close { background-position: right -11px; }
/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; }
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice { padding: 3px 5px 3px 5px; border: 1px solid #ddd; background-image: none; background-color: #f4f4f4; }
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close { display: none; background: none; }
/* end multiselect */
.select2-result-selectable .select2-match, .select2-result-unselectable .select2-match { text-decoration: underline; }
.select2-offscreen, .select2-offscreen:focus { clip: rect(0 0 0 0) !important; width: 1px !important; height: 1px !important; border: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; position: absolute !important; outline: 0 !important; left: 0px !important; top: 0px !important; }
.select2-display-none { display: none; }
.select2-measure-scrollbar { position: absolute; top: -10000px; left: -10000px; width: 100px; height: 100px; overflow: scroll; }

/* Retina-ize icons */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) { .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b { background-image: url("../img/select2x2.png") !important; background-repeat: no-repeat !important; background-size: 60px 40px !important; }
  .select2-search input { background-position: 100% -21px !important; } }
/** BxSlider v4.1.2 - Fully loaded, responsive content slider http://bxslider.com  Written by: Steven Wanderski, 2014 http://stevenwanderski.com (while drinking Belgian ales and listening to jazz)  CEO and founder of bxCreative, LTD http://bxcreative.com */
/** RESET AND LAYOUT
===================================*/
.bx-wrapper { position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1; }
.bx-wrapper img { max-width: 100%; display: block; }

/** THEME
===================================*/
.bx-wrapper .bx-viewport { left: -5px; /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; }
/* LOADER */
.bx-wrapper .bx-loading { min-height: 50px; background: url("../img/bx_loader.gif") center center no-repeat white; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }
/* PAGER */
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; }
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev { left: 10px; background: url("../img/controls.png") no-repeat 0 -32px; }
.bx-wrapper .bx-next { right: 10px; background: url("../img/controls.png") no-repeat -43px -32px; }
.bx-wrapper .bx-prev:hover { background-position: 0 0; }
.bx-wrapper .bx-next:hover { background-position: -43px 0; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto { text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url("../img/controls.png") -86px -11px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url("../img/controls.png") -86px -44px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666666 \9; background: rgba(80, 80, 80, 0.75); width: 100%; }
.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("../img/fancybox/fancybox_sprite.png"); }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 44px; height: 44px; background: url("../img/fancybox/fancybox_loading.gif") center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url("../img/fancybox/blank.gif"); /* helps IE */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }
/* Overlay helper */
.fancybox-lock { overflow: hidden !important; width: auto; }
.fancybox-lock body { overflow: hidden !important; }
.fancybox-lock-test { overflow-y: hidden !important; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url("../img/fancybox/fancybox_overlay.png"); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }
/* Title helper */
.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8); }

img.round { border-radius: 50%; max-width: 80%; margin: 1em auto; }
@media screen and (max-width: 767px) { .prj-detail-gal-wrapper { padding: 0 40px; } .container { padding: 0 10%; } .section-heading h2, .galery_detail h2, .galery_detail h1 { font-size: 2.2em; } .btn-primary { float: inherit; }  #services .container { padding: 20px !important; } #footer { padding-bottom: 60px; } }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background-color: #ffae3f; }
iframe { background: orange; }
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("../img/fancybox/fancybox_sprite@2x.png"); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ }
  #fancybox-loading div { background-image: url("../img/fancybox/fancybox_loading@2x.gif"); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } }
@media only screen and (min-device-width: 767px) and (max-device-width: 1024px) and (orientation: portrait) { .fancybox-prev span, .fancybox-next span { visibility: visible; } }
@media only screen and (min-device-width: 767px) and (max-device-width: 1024px) and (orientation: landscape) { .fancybox-prev span, .fancybox-next span { visibility: visible; } }
@media screen and (min-device-width: 767px) and (max-device-width: 1024px) and (-webkit-device-pixel-ratio: 2) { .fancybox-prev span, .fancybox-next span { visibility: visible; } }

.select2-results .select2-result-label { font-size: 0.8em; }

@media screen and (max-width: 800px) {
	.project-fake-close { left: 90%; top: 40px; }
	.modal-img-spl { display: none; }
	.modal-prj-img { padding-left: 10px; }
	.modal-content-wrapper { padding-top: 40px; }
}
@media screen and (max-width: 767px) {
	#map-slideshow {
	  left: 0px;
	  top: 20px;
	  width: 80%;
	  height: 300px;
	  overflow: auto;
	}
	#map-slideshow h2 { font-size: 1em; line-height: 1.2em; margin-bottom: 20px; }
	#map-slideshow p { font-size: 0.75em;  line-height: 1.25em; }

	.project-fake-close { left: 85%; top: 70px; position: fixed; }

	.we_hl { bottom: 40px; font-size: 16px; left: 25px; }
	.flex-direction-nav { display: none; }

	.project-fake-close { left: 85%; top: 70px; position: fixed; }
	.prj-detail-gal-wrapper .map-gallery-nav { top: 35%; }
	.modal-prj-content h3 { font-size: 22px; }
	.modal-prj-content p { font-size: 0.8em; }
	.about { min-height: inherit; }
	.about-content { padding: 0px 0 110px 0; }
	.project-fake-close { left: 85%; top: 100px; position: fixed; }
 }

.mt0 { margin-top: 0px; } .mt1 { margin-top: 10px; } .mt2 { margin-top: 20px; } .mt3 { margin-top: 30px; } .mt4 { margin-top: 40px; } .mt5 { margin-top: 50px; } .mt6 { margin-top: 60px; } .mt7 { margin-top: 70px; } .mt8 { margin-top: 80px; } .mt9 { margin-top: 90px; } .mt10 { margin-top: 100px; }  .mb0 { margin-bottom: 0px; }  .mb1 { margin-bottom: 10px; }  .mb2 { margin-bottom: 20px; }  .mb3 { margin-bottom: 30px; }  .mb4 { margin-bottom: 40px; }  .mb5 { margin-bottom: 50px; }  .mb6 { margin-bottom: 60px; }  .mb7 { margin-bottom: 70px; }  .mb8 { margin-bottom: 80px; }  .mb9 { margin-bottom: 90px; }  .mb10 { margin-bottom: 100px; }  .pad0 { padding: 0px; }  .pad1 { padding: 10px; }  .pad2 { padding: 20px; }  .pad3 { padding: 30px; }  .pad4 { padding: 40px; }  .pad5 { padding: 50px; }  .pad6 { padding: 60px; }  .pad7 { padding: 70px; }  .pad8 { padding: 80px; }  .pad9 { padding: 90px; }  .pad10 { padding: 100px; }  .pt0 { padding-top: 0px; }  .pt1 { padding-top: 10px; }  .pt2 { padding-top: 20px; }  .pt3 { padding-top: 30px; }  .pt4 { padding-top: 40px; }  .pt5 { padding-top: 50px; }  .pt6 { padding-top: 60px; }  .pt7 { padding-top: 70px; }  .pt8 { padding-top: 80px; }  .pt9 { padding-top: 90px; }  .pt10 { padding-top: 100px; }  .pb0 { padding-bottom: 0px; }  .pb1 { padding-bottom: 10px; }  .pb2 { padding-bottom: 20px; }  .pb3 { padding-bottom: 30px; }  .pb4 { padding-bottom: 40px; }  .pb5 { padding-bottom: 50px; }  .pb6 { padding-bottom: 60px; }  .pb7 { padding-bottom: 70px; }  .pb8 { padding-bottom: 80px; }  .pb9 { padding-bottom: 90px; }  .pb10 { padding-bottom: 100px; }


.trenner { display: block; height: 4px; width: 100%; margin-bottom: .25em;}

.col1 { color: #FF0000; }	 
.col2 { color: #FFA500; }	 
.col3 { color: #FFFF00; }	 
.col4 { color: #ADFF2F; }	 
.col5 { color: #008000; }	 
.col6 { color: #00FFFF; }	 
.col7 { color: #0000FF; }	 
.col8 { color: #800080; }	 
.col9 { color: #FF00FF; }	 

.bg-col1 { background: #FF0000; }	 
.bg-col2 { background: #FFA500; }	 
.bg-col3 { background: #FFFF00; }	 
.bg-col4 { background: #ADFF2F; }	 
.bg-col5 { background: #008000; }	 
.bg-col6 { background: #00FFFF; }	 
.bg-col7 { background: #0000FF; }	 
.bg-col8 { background: #800080; }	 
.bg-col9 { background: #FF00FF; }	 


.flag { width: 34px; height: 21px; background: url(../img/flag1.png); background-size: contain; margin-right: 15px; background-position: top; margin-top: 3px; }
.hl { width: calc(100% - 80px); }

.flag,
.hl {
	display: inline-block;
	vertical-align: top; /* Oben ausrichten */
}

.gm-style-iw-ch {
	
}
.gm-ui-hover-effect {
	width: 28px !important;
	height: 28px !important;
}

.gm-ui-hover-effect span {
	width: 18px !important;
	height: 18px !important;
	margin: 6px !important;
}


footer .col-xs-4 { text-align: center; }
footer .logo { height: 60px; text-align: center; padding-top: 20px }
footer .logo2 { height: 80px; padding: 10px 0 4px 0; text-align: center; }