@font-face { font-family:'OpenSansReg'; src: url('../media/opensans-regular.ttf') format('truetype'); }
@font-face { font-family:'OpenSansBold'; src: url('../media/opensans-bold.ttf') format('truetype'); }
@font-face {font-family: 'fontello'; src: url('../media/fontello.woff?41901275') format('woff'); font-weight: normal; font-style: normal;}

body {margin:0; padding:0; font:normal 100% "OpenSansReg",Verdana,Arial,Helvetica,sans-serif; line-height:135%; color:#7a7a7a; background-color: #c7c7c7;}
img {max-width: 100%; height: auto;}
ul {list-style: none;}
a {text-decoration: none; color: #7a7a7a;} 
a:hover, a:active {color:#0096d4; cursor:pointer;}
.cleaner {clear:both; height: 1px; font-size: 1px; margin:0; padding: 0;}

.dunkelblau {color:#0e1c85;}
.hellblau {color:#0096d4;}
.weiss {color:#ffffff;}

img.links {float:left; margin:0.4em 2em 1.5em 0;}
img.rechts {float:right; margin:0.4em 0 1em 1.5em;}

header, main, footer {max-width: 90em; box-sizing:border-box; margin: 0 auto; padding:0;}
main{background-color:#ffffff; hyphens:auto;}

header{ display: flex; background-color:#e9e9e9; padding: 1.5em 1em 1em 1em;}
div#logo {flex:1 1 15%; padding-left:5em;}
nav {flex:2 2 82%; position:relative;}
.anchor-link {display:none; padding: 0.7em 1em 0.3em 0.5em; font-size: 170%; text-decoration: none; margin: 3px; font-family: "fontello";}
ul.nav1st {display: flex; margin-top: 2.2em;}
li.nav1st {flex:1 1 auto; font: 105% "OpenSansBold"; position:relative;}
li.nav1st a {color:#0e1c85;}
li.nav1st a:hover, li.nav1st a.current {color:#0096d4;}
li.nav1st a.kinder::before {content:'+ ';}
ul.nav2nd {display:none; position:absolute; top:1.4em; left:-1em; z-index:10; background-color:#0e1c85; margin:0; padding:1em;}
li.nav1st:hover ul.nav2nd {display:block;}
ul.nav2nd li {font-size:95%; padding: 0.5em 0.2em; border-bottom:1px solid #0096d4;}
ul.nav2nd li:first-child {padding: 0 0.2em 0.7em 0.2em;}
ul.nav2nd li:last-child {border:none; padding: 0.5em 0.2em 0.2em 0.2em;}
ul.nav2nd a {color:#ffffff;}
ul.nav2nd a:hover {color:#0096d4;}

div.zentriert {clear:both; width:100%; margin:0; padding:0; text-align:center;}
div.rechts {width:100%; margin:0; padding:0; text-align:right;}
div.links img, div.rechts img, div.zentriert img {margin:0;}
div.MCE {max-width:75em; margin:0 auto; padding:2em 0;}
div.MCE h1 {font:200% "OpenSansBold"; line-height: normal; color:#0e1c85; letter-spacing:0.03em;}

main.basis div.MCE h1, main.unternehmen div.MCE h1 {font-size:130%; line-height:normal;}
main.basis div.MCE h2, main.unternehmen div.MCE h2 {font-size:110%; line-height:normal; color:#5c5c5c;}
main.basis div.MCE h3, main.unternehmen div.MCE h3 {font-size:120%; line-height:normal; color:#0096d4; font-weight:normal;}

div.flex-3-Spalten {margin:0 auto; max-width:75em; display:flex; padding:3em 0 1em 0;}
div.spalte-1von3 {flex:1 1; padding: 0 2em 0 1em; width:33%;}
div.spalte-2von3 {flex:1 1; padding: 0 2em 0 0; width:33%;}
div.spalte-3von3 {flex:1 1; padding: 0 1em 0 1em; width:33%;}
div.flex-3-Spalten h3 {font: 115% "OpenSansBold"; color:#0e1c85; text-transform:uppercase;}

div.flex-2-Spalten {width:100%; margin:2em auto 0 auto; padding:0; display:flex; color:#ffffff; border:1px solid green;}
div.spalte-1von2 {flex:1 1; padding: 1em 2em 1em 3em; width:49%; background-color:#0096d4;}
div.spalte-2von2 {flex:1 1; padding: 1em 2em 1em 3em; width:49%; background-color:#0e1c85;}
div.flex-2-Spalten h3 {font: 127% "OpenSansBold"; text-transform:uppercase; letter-spacing:0.07em; padding:2em 1em 0 2.1em;}
div.flex-2-Spalten ul {margin:0; padding:0 2em 2.5em 2em;}
div.flex-2-Spalten li {padding:0 0 1em 0; font: 109% "OpenSansReg",Verdana,Arial,Helvetica,sans-serif; position:relative;}
div.spalte-1von2 li {background: url(../media/zahnrad.png) no-repeat 0 9px; padding:4px 0 10px 3.7em; min-height:50px;}
div.spalte-2von2 li {background: url(../media/zahnrad.png) no-repeat 0 9px; padding:4px 0 10px 3.7em; min-height:50px;}

div.blauerBalken {max-width: 73.5em; clear:both; float:none; box-sizing: border-box; margin:0 auto 2em auto; padding:1.5em 2em 1.5em 1em; background-color:#0e1c85; color:#ffffff; display:flex; border:1px solid #0e1c85;}
div.bbLinkeSpalte {flex:1.7 1.7; padding-top:0.3em;}
div.bbLinkeSpalte img {float:left; margin:0 1em 0 0;}
div.bbRechteSpalte {flex:1 1; margin-top:0.5em; font: 108% "OpenSansBold";}
p.bbKlein {margin:0; padding:0; font-size: 87%;}
p.bbGross {margin:0; padding:0; font: 125% "OpenSansBold"; letter-spacing:0.07em; text-transform:uppercase;}
span.bbTelefon {display:inline-block; margin:0 2em 0 0; color:#0096d4;}
span.bbEmail {display:inline-block; margin:0.3em 0 0 0; padding:0.8em 1.7em; letter-spacing:0.1em; border: 2px solid #0096d4;}
span.bbEmail a {color: #ffffff;}
span.bbEmail a:hover {color: #0096d4;}

div.newsStartseite {width:100%; margin:0; padding:3em 0; background-color:#e9e9e9; text-align:center;}
h2.newsStartseite {font:155% "OpenSansBold"; color:#0e1c85; letter-spacing:0.07em;}
p.newsTeaserStartseite {max-width:50%; margin:0 auto;}
div.news3Container {display:flex; max-width:77em; padding: 2em; margin:0 auto;}
div.news0 {flex:1 1 31%; margin:0 1em 0 auto; padding: 0; background-color:#ffffff;}
div.news1 {flex:1 1 31%; margin:0 1em 0 auto; padding: 0; background-color:#ffffff;}
div.news2 {flex:1 1 31%; margin:0 0 0 auto; padding: 0; background-color:#ffffff;}
h3.newsStartseite {font:155% "OpenSansBold"; color:#0e1c85; margin:1.5em 0 0 0; text-align:left; padding: 0 1em;}
p.newsStartseite {margin:0; padding:1.5em 1.5em 0 1.5em; margin:0; min-height: 140px; text-align:left;}
p.newsWeiter {width:8em; background-color:#0096d4; padding:1em; margin: 0 1em 1em 1.5em;}
p.newsWeiter a {color:#ffffff; font-size:95%;}
p.newsWeiter a:hover {color:#0e1c85;}

div.newsUebersicht {width:100%; margin:0; padding:3em 0; background-color:#ffffff;}
h2.newsUebersicht {font:155% "OpenSansBold"; color:#0e1c85; letter-spacing:0.07em; text-align:center;}
p.newsTeaserUebersicht {max-width:50%; margin:0 auto; padding-bottom:2em; text-align:center;}
div.newsUebersicht div.flexslider {max-width:77em; margin:0 auto;}
/* div.newsUebersicht ul.slides {margin:0; padding:0;} */
h3.newsUebersicht {font:155% "OpenSansBold"; color:#0e1c85; margin:1.5em 0 0 1em; padding:0;}
div.newsDetail {max-width: 68em; margin:0 auto; padding:2em 1em;}
div.newsDetail h2 {font: 155% "OpenSansBold"; color:#0e1c85;}
div.newsDetailTeaser {font: 125% "OpenSansBold"; color:#5c5c5c; margin:1em 0;}

div.blaettern {max-width: 78em; margin:0 auto; display:flex; padding-bottom:2em; font-size:87%;}
div.blaetternLinks, div.blaetternMitte, div.blaetternRechts {flex:1 1 33%;}
div.blaetternMitte {padding-top:2em; text-align:center;}
div.blaetternRechts {text-align:right;}
div.blaetternLinks a, div.blaetternRechts a {color:#0e1c85;}
div.blaetternLinks a:hover, div.blaetternRechts a:hover {color:#0096d4;}
div.blaetternMitte a {color:#0096d4;}
div.blaetternMitte a:hover {color:#0e1c85;}

div.kdStartseite {margin:0; padding:3em 0; background-color:#e9e9e9;}
div.kdStartseite div.flexslider {max-width:77em; margin:0 auto;}
h2.kdStartseite {font:155% "OpenSansBold"; color:#0e1c85; letter-spacing:0.07em; text-align:center;}
ul#kdAussage {margin:0; padding:0;}
li.kdAussage {text-align:left;}
p.kdText {margin-bottom:0; padding:0 1.7em 1.5em 1.7em; line-height:155%; background-color:#ffffff; border:none;}
p.kdText img {margin:0 0 1em 0; display:block; border:none;}
img.pfeilspitze {margin:0; padding:0; display:block; border:none;}
p.kdName {font:90% "OpenSansBold";  color:#000000; margin:1em 0 0.4em 0; padding:0 1.5em;}
p.kdPosition {font-size:90%; color:#a3a3a3; margin:0.3em 0; padding:0 1.5em;}

div.bilderSlider {width:100%; margin:0; padding:3em 0; border:none;}
div.flexsliderBilder {width:100%; margin:0; padding:0; border:none;}
div.bilderSlider ul {width:100%; margin:0; padding:0; border:none;}
div.bilderSlider ul.slides li, div.bilderSlider ul.slides li img {margin:0; padding:0; border:none;}

div.sliderBilderText {position:relative; margin:0; padding:0; border:none;}
div.flexsliderBilderText ul {margin:0; padding:0; border:none;}
div.flexsliderBilderText ul.slides li {margin:0; padding:0; position:relative; border:none;}
div.flexsliderBilderText ul.slides li img {margin:0; padding:0; border:none;}

div.sliderText {width:21em; position:absolute; top:11em; left:9em; z-index:5; margin:0; padding:1em 1.5em 2em 1.5em; background:#ffffff;}
p.zeile-1 {font: 97% "OpenSansBold"; color:#0e1c85; margin:0; padding:0.7em 0; border-bottom: 1px solid #c7c7c7;}
p.zeile-2 {font: 120% "OpenSansReg"; color:#0096d4; margin:0; padding:0.7em 0;}
p.sliderMehr {width:9em; margin:0; padding:1em; background-color:#0096d4; text-align:center;}
p.sliderMehr a {color:#ffffff;}

div.slider-custom-navigation {position:absolute; bottom:1em; left:9em; width:80%; padding:0; margin:0; z-index:10;}
div.blaetternZurueck {width:40px; float:left; padding:0; position:relative;}
div.blaetternVor {width:80px; float:left; padding:0; position:relative;}
img.blaetternZurueck {position:relative;}
img.blaetternVor {position:relative;}

div.video {max-width: 75em; margin: 5em auto 7em auto;}

div.jobsUebersicht {max-width:70em;}
h2.jobsUebersicht {font:190% "OpenSansBold"; color:#0e1c85; letter-spacing:0.02em; text-transform:uppercase;}
p.jobsUebersichtTeaser {font-size:140%; line-height: 152%; color:#3c3c3c;}
ul.jobsListe {margin:0; padding:0;}
ul.jobsListe li {border-bottom:1px solid #0e1c85; margin-left:0; padding-left:0;}
h3.jobTitel {margin:0; padding:1em 0 0 0;}
h3.jobTitel a {color:#0e1c85;}
p.jobSubTitel {margin-top:0; padding-top:0;}
div.jobsDetail {max-width: 70em; margin: 0 auto;}
h2.jobsDetail {font:170% "OpenSansBold"; color:#0e1c85; letter-spacing:0.02em; text-transform:uppercase;}
div.jobsDetailTeaser {font: 125% "OpenSansBold"; color:#5c5c5c; margin:1em 0;}
div.jobsDetail ul {margin:1em 0;}
div.jobsDetail li {list-style-image:url(../media/listenpunkt.png)}
a.jobsDownload {display:block; width:7em; margin:2em 0; padding:0.8em; font-size:0.9em; letter-spacing:0.1em; color:#ffffff; background-color:#0096d4; text-align:center;}

main.kontakt p {font-size:105%;}
div#rex-yform {max-width:72em; margin:0 auto; padding:1em 0 1em 0; font-size:105%;}
div#rex-yform input {font-size:105%; color:#7a7a7a;}
div#yform-formular-firma, div#yform-formular-email, div#yform-formular-nachname, div#yform-formular-vorname, div#yform-formular-telefon, div#yform-formular-fax {width:48%; float:left; margin:0; padding:0; font-size:105%;}

div#yform-formular-firma input, div#yform-formular-email input, div#yform-formular-nachname input, div#yform-formular-vorname input, div#yform-formular-telefon input, div#yform-formular-fax input {width:90%; line-height: 2.5em; margin-bottom: 1.5em; padding-left:1em; background-color:#e9e9e9; border:1px solid #e9e9e9;}
label.control-label {display:table-cell; width:30%; padding-bottom:0.4em;}
div#yform-formular-fax label.control-label {padding-bottom:0.7em;}
div#yform-formular-mitteilung {clear:both; float:none; margin:1em 0;}
div#yform-formular-mitteilung textarea {width:91%; padding:1em; font-size: 110%; color:#7a7a7a; background-color:#e9e9e9; border:1px solid #e9e9e9;}

div#yform-formular-haftung {width:90%; position:relative;}
div#yform-formular-haftung input[type='checkbox'] {opacity:0;}
div#yform-formular-haftung input[type=checkbox] + span:before {width:20px; height:25px; display:inline-block; position:absolute; left:0; top:3px; margin-left:-25px; padding-left:6px; content:""; border:1px solid #e9e9e9; background-color:#e9e9e9;}
div#yform-formular-haftung input[type=checkbox]:checked + span:before {background-color:#ffffff; border-color: #c7c7c7; content:'✓';}
div#yform-formular-haftung span.haftung {position:relative; display:inline-block; margin-left:1.7em; padding-left:15px; line-height:normal;}
div#rex-yform ul {margin:0 0 1em 0; padding:0;}
p.fehler {margin:0; padding:0.2em 0; color:#0e1c85;}
button.senden {display:block; margin:1em 0; padding:0.5em 1.5em; color:#ffffff; background-color:#0096d4; border:1px solid #0096d4; font-size:105%;}
div.cleanerForm {clear:both; padding-bottom:2em;}

footer {padding:0 1em 2em 1em; background-color:#0096d4;}
div.footer-info {max-width: 75em; margin:0 auto; padding:1em 1em 1em 2em; background-color:#0e1c85; display:flex;}
div.footer-info div {flex:1 1 33%;}
div.footer-info img {float:left; margin:1em 1em 1em 1em;}
p.footer-links {margin-top: 3em; font-size:85%; text-align:center;} 
p.footer-links span {margin-right:2em;}
p.footer-links a {color:#fff;}

@media screen and (max-width:90em) {
div#logo {padding-left:2em;}
}

@media screen and (max-width:75em) {
header {flex-wrap:wrap;}
div#logo {flex:1 1 60%; padding:0 1em 0 2em;}
nav {flex:1 1 95%; padding:1em 0 0 0;}
ul.nav1st {flex-wrap:wrap; margin:0;}
li.nav1st {padding-right:1em;}
p.newsStartseite {min-height: 160px;}
footer {padding:0 0 2em 0;}
div.MCE, div.flex-3-Spalten {padding:1em 2em; margin:0;}
div.newsUebersicht {width:90%; margin:0 auto;}
p.newsTeaserUebersicht {max-width: 80%;}
div.kdStartseite {padding:3em 2em; margin:0 auto;}
div#rex-yform {max-width:70em; width:90%; margin:0 2em;}
div.sliderText {top:7em; left:6em;}
div.slider-custom-navigation {bottom:1em; left:6em;}
div.video {margin: 2em auto 4em auto;}
}

@media screen and (max-width:70em) {
div.spalte-1von2 {padding: 1em 1em 1em 1em;}
div.spalte-2von2 {padding: 1em 1em 1em 1em;}
}

@media screen and (max-width:65em) {
p.newsStartseite {min-height: 190px}
ul.kdAussage {width:80%;}
div.sliderText {top:3em; left:5em;}
div.slider-custom-navigation {bottom:0.9em; left:5em;}
}

@media screen and (max-width:60em) {
div.newsStartseite {padding:1.5em 0}
p.newsStartseite {min-height: 210px;}
}

@media screen and (max-width:55em) {
ul.nav1st {display:block;}
li.nav1st {float:left;}
div.flex-2-Spalten {flex-wrap:wrap;}
div.flex-3-Spalten {display:block; padding:1em 2em 0.5em 3em;}
div.spalte-1von3, div.spalte-2von3, div.spalte-3von3 {flex:none; margin:0; padding:0; width:100%;}

p.newsTeaserStartseite {max-width:85%;}
div.news3Container {display:block;}
div.news0, div.news1, div.news2 {flex:none; clear:both; width:90%; padding:2em 1em; margin:0 auto;}
div.news0, div.news1 {margin-bottom: 0.5em;}
h3.newsStartseite {text-align:left; padding-left:0.7em;}
p.newsStartseite {min-height: 50px;}
p.newsWeiter {margin:1em 1em 0.5em 1.5em;}
div.footer-info {display:block;}
div.footer-info div {flex:none; clear:both;}

div.sliderText {top:1.7em; left:1.7em;}
div.slider-custom-navigation {bottom:0.9em; left:5em; text-align:right;}
div.blaetternZurueck {display:inline; float:none; margin-right: 1em;}
div.blaetternVor {display:inline; float:none;}

img.links, img.rechts {float:none;}
}

@media screen and (max-width:50em) {
main.basis div.MCE h1, main.unternehmen div.MCE h1, main.kontakt div.MCE h1 {font-size:120%;}
main.basis div.MCE h2, main.unternehmen div.MCE h2, main.kontakt div.MCE h2 {font-size:105%;}
main.basis div.MCE h3, main.unternehmen div.MCE h3, main.kontakt div.MCE h3 {font-size:110%;}
div#rex-yform {margin:0 0.5em 0 1.5em; padding:0;}
div.video {margin: 0 auto 2em auto;}
}

@media screen and (max-width:45em) {
.anchor-link {display: inline-block; width:25%;}
ul.nav1st {display: none; width:40%; margin:0; padding:0;}
li.nav1st, li.nav1st:last-child {float:none; width: 100%; margin:0; padding:0;}
ul.nav2nd {position:relative; top:0.4em; left:0; z-index:1;}
ul.open {background-color: #d9d9d9; display: block; list-style: none outside none; margin: 0; padding: 0; position: absolute; left: 1em; top: 4em; width: 50%; z-index: 20;}
ul.open li {display: block; list-style: none; text-align: left; padding:0.7em 0; margin: 0; border-bottom: 1px solid #0096d4;}
ul.open li:last-child {padding:0.7em 0; margin: 0; border: none;}
ul.open li a {margin: 0.8em; text-decoration: none;}
div.blauerBalken {display:block;}
div.bbLinkeSpalte, div.bbRechteSpalte {flex:none; text-align:center;}
div.flex-2-Spalten {display:block;}
div.spalte-1von2,div.spalte-2von2 {flex:none; width:100%; box-sizing: border-box; padding: 1em 1em 1em 1.5em;}
}

@media screen and (max-width:40em) {
div#yform-formular-firma, div#yform-formular-email, div#yform-formular-nachname, div#yform-formular-vorname, div#yform-formular-telefon, div#yform-formular-fax {width:99%; float:none;}
div#yform-formular-fax label.control-label {padding-bottom:0.4em;}
div#yform-formular-mitteilung textarea {width:87%;}

div.sliderText {position:static;}
div.slider-custom-navigation {position:static; clear:both; width:95%; margin-bottom:0.5em;}
}

@media screen and (max-width:35em) {
ul.open {width:70%;}
div.bbLinkeSpalte {text-align:center;}
div.bbRechteSpalte {padding:1em;}
p.bbKlein {margin:0; padding:2em 0 0 0; text-align:left;}
p.bbGross {clear:both; float:none; width:95%; text-align:center;}
span.bbTelefon {margin:0.5em 1em; padding:0;}
span.bbEmail {margin:0.5em 0;}
}

@media screen and (max-width:30em) {
ul.open {width:90%;}
div.footer-info {flex-wrap:wrap;}
p.footer-links {padding-left:1em;}
p.footer-links span.dunkelblau {display:block; padding-bottom:1em;}
}

/* * jQuery FlexSlider v2.7.0  * http://www.woothemes.com/flexslider/ *
 * Copyright 2012 WooThemes * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) *
 */
/* ====================================================================================================================
 * FONT-FACE * ====================================================================================================================*/
@font-face {
  font-family: 'flexslider-icon';
  src: url('../media/flexslider-icon.eot');
  src: url('../media/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('../media/flexslider-icon.woff') format('woff'), url('../media/flexslider-icon.ttf') format('truetype'), url('../media/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal; font-style: normal;
}
/* ====================================================================================================================
 * RESETS * ====================================================================================================================*/
.flex-container a:hover, .flex-slider a:hover {outline: none;}
.slides, .slides > li, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;}
.flex-pauseplay span {text-transform: capitalize;}
/* ====================================================================================================================
 * BASE STYLES   * 
 * ====================================================================================================================*/
.flexslider {margin: 0; padding: 0;}
.flexsliderBilderText, .flexsliderBilder {margin: 0; padding: 0;}

.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;}
.flexsliderBilderText .slides > li , .flexsliderBilder .slides > li {display: none; -webkit-backface-visibility: hidden;}

/* width: 100%; */
.flexslider .slides img {display: block;}
.flexsliderBilderText .slides img, .flexsliderBilder .slides img {display: block;}

.flexslider .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.flexsliderBilderText .slides:after, .flexsliderBilder .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}

html[xmlns] .flexslider .slides {display: block;}
html[xmlns] .flexsliderBilderText .slides, html[xmlns] .flexsliderBilder .slides {display: block;}

* html .flexslider .slides {height: 1%;}
* html .flexsliderBilderText .slides, * html .flexsliderBilder .slides {height: 1%;}

.no-js .flexslider .slides > li:first-child {display: block;}
.no-js .flexsliderBilderText .slides > li:first-child, .no-js .flexsliderBilder .slides > li:first-child {display: block;}
/* ====================================================================================================================
 * DEFAULT THEME  * 
 * ====================================================================================================================*/
/*
.flexslider {margin: 0 0 60px;
  background: #fff; border: 4px solid #fff;
  position: relative;   zoom: 1;
  -webkit-border-radius: 4px;
  -moz-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);
}
*/
.flexslider {margin:0; position:relative; zoom: 1;}
.flexsliderBilderText, .flexsliderBilder {margin:0; position:relative; zoom: 1;}

.flexslider .slides {zoom: 1;}
.flexsliderBilderText slides, .flexsliderBilder slides {zoom: 1;}

.flexslider .slides img {height: auto; -moz-user-select: none;}
.flexsliderBilderText .slides img, .flexsliderBilder .slides img {height: auto; -moz-user-select: none;}

.flex-viewport {max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.loading .flex-viewport {max-height: 300px;}
.carousel li {margin-right: 5px;}

.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 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;}

.flex-direction-nav a:before {font-family: "flexslider-icon";
  font-size: 40px;  display: inline-block;  content: '\f001';
  color: rgba(0, 0, 0, 0.8);  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);}

.flex-direction-nav a.flex-next:before {content: '\f002';}

.flex-direction-nav .flex-prev {left: -50px;}

.flex-direction-nav .flex-next {right: -50px;  text-align: right;}

.flexslider:hover .flex-direction-nav .flex-prev {opacity: 0.7; left: 10px;}

.flexslider:hover .flex-direction-nav .flex-prev:hover {opacity: 1;}
.flexslider:hover .flex-direction-nav .flex-next {opacity: 0.7; right: 10px;}
.flexslider:hover .flex-direction-nav .flex-next:hover {opacity: 1;}

.flex-direction-nav .flex-disabled {opacity: 0!important;  filter: alpha(opacity=0); cursor: default; z-index: -1;}

.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';}

.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: rgba(0, 0, 0, 0.5); background:#0e1c85;
  cursor: pointer; text-indent: -9999px;
  -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);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;}

.flex-control-paging li a:hover {background: rgba(0, 0, 0, 0.7); background:#0096d4;}

.flex-control-paging li a.flex-active {background: rgba(0, 0, 0, 0.9); cursor: default; background:#0096d4;}

.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%; height: auto; display: block; opacity: .7; cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;}

.flex-control-thumbs img:hover {opacity: 1;}

.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
/* ====================================================================================================================
 * RESPONSIVE * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next {opacity: 1; right: 10px;}
}