/* Theme Name:The Project - Responsive Website Template
Author:HtmlCoder
Author URI:http://www.htmlcoder.me
Author e-mail:htmlcoder.me@gmail.com
Version:1.0.0
Created:May 2015
License URI:http://support.wrapbootstrap.com/
File Description:Light Blue Skin
*/

@font-face {
  font-family: "Roboto Thin";
  src:url(../fonts/roboto/Roboto-Thin.ttf);
}
@font-face {
  font-family: "Roboto Light";
  src:url(../fonts/roboto/Roboto-Light.ttf);
}
@font-face {
  font-family: "Roboto Regular";
  src:url(../fonts/roboto/Roboto-Regular.ttf);
}
@font-face {
  font-family: "Roboto Medium";
  src:url(../fonts/roboto/Roboto-Medium.ttf);
}
@font-face {
  font-family: "Roboto Bold";
  src:url(../fonts/roboto/Roboto-Bold.ttf);
}
@font-face {
  font-family: "Roboto Black";
  src:url(../fonts/roboto/Roboto-Black.ttf);
}

.data-table .ce-table thead th,.data-apprentice .ce-table thead th {
    background: #4281CB;
    color: #ffffff;
    border-bottom:unset;
  }
  .ce-table th, .ce-table td {
    border-top: 0;
}
.data-table  tr:nth-child(odd){background: #DDDDDD;}
.data-apprentice  tr:nth-child(even){background: #DDDDDD;}
/* 1- Typography
-------------------------------------------------
-------------------------------------------------*/
b, strong{font-family: 'Roboto Medium';}
a {
  color: #00457C;
}
a:hover {
  color: #00457C;
}
a:focus,
a:active {
  color: #00457C;
}
mark,
.mark {
  background-color: #0079BC;
  color: #ffffff;
}
.text-default {
  color: #0079BC;
}
/* Tables
---------------------------------- */
.table.table-colored {
  border-bottom-color: #0079BC;
}
.table-colored > thead > tr > th {
  border-color: #0079BC;
  background-color: #0079BC;
  color: #fff;
}
/* 2- Layout
-------------------------------------------------
-------------------------------------------------*/
.header-top.dark {
  background-color: #2e3537;
  border-bottom: 1px solid #252a2c;
}
.header.dark {
  background-color: #394245;
  border-top-color: #394245;
}
.header-top.colored {
  background-color: #0079BC;
  border-bottom: 1px solid #0079BC;
}
.default-bg {
  background-color: #0079BC;
  color: #ffffff;
}
.fixed-header-on .header.fixed{background-color: #fcfcfc !important;}
/*Transparent Header*/
.transparent-header header.header.dark.transparent-header-on {
  background-color: rgba(57, 66, 69, 0.8);
  border-top-color: rgba(37, 42, 44, 0.5);
}
/*Fixed Navigation*/
.fixed-header-on .dark.header.fixed {
  background-color: rgba(57, 66, 69, 0.95);
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .fixed-header-on .dark.header .dropdown-menu {
    border: 1px solid #2e3537;
  }
}
/*Translucent Backgrounds*/
.default-translucent-bg:after {
  background-color: rgba(9, 175, 223, 0.7);
}
.default-translucent-bg.hovered:hover:after {
  background-color: rgba(9, 175, 223, 0.8);
}
.default-hovered:hover:after,
.default-hovered:hover {
  background-color: #0079BC;
}
/* 4 Pages
-------------------------------------------------
-------------------------------------------------*/
/* Blog Timeline layout
---------------------------------- */
.timeline-date-label:after {
  background-color: #0079BC;
}
/* 5 Components
-------------------------------------------------
-------------------------------------------------*/
/* Buttons
---------------------------------- */
/*Default Button*/
.btn-default {
  color: #ffffff;
  background-color: #0079BC;
  border-color: #0079BC;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #ffffff;
  background-color: #0079BC;
  border-color: #0079BC;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default {
  background-color: #0079BC;
  border-color: #0079BC;
}
.btn-default-transparent {
  color: #777777;
  background-color: transparent;
  border-color: #0079BC;
}
.btn-default-transparent:hover,
.btn-default-transparent:focus,
.btn-default-transparent.focus,
.btn-default-transparent:active,
.btn-default-transparent.active,
.open > .dropdown-toggle.btn-default-transparent {
  color: #ffffff;
  background-color: #0079BC;
  border-color: #0781a4;
}
.default-bg .btn-default,
.default-translucent-bg .btn-default,
.default-bg .btn-default-transparent,
.default-translucent-bg .btn-default-transparent {
  color: #0079BC;
  background-color: #ffffff;
  border-color: #ffffff;
}
.default-bg .btn-default:hover,
.default-translucent-bg .btn-default:hover,
.default-bg .btn-default:focus,
.default-translucent-bg .btn-default:focus,
.default-bg .btn-default.focus,
.default-translucent-bg .btn-default.focus,
.default-bg .btn-default:active,
.default-translucent-bg .btn-default:active,
.default-bg .btn-default.active,
.default-translucent-bg .btn-default.active,
.default-bg .open > .dropdown-toggle.btn-default,
.default-translucent-bg .open > .dropdown-toggle.btn-default,
.default-bg .btn-default-transparent:hover,
.default-translucent-bg .btn-default-transparent:hover,
.default-bg .btn-default-transparent:focus,
.default-translucent-bg .btn-default-transparent:focus,
.default-bg .btn-default-transparent.focus,
.default-translucent-bg .btn-default-transparent.focus,
.default-bg .btn-default-transparent:active,
.default-translucent-bg .btn-default-transparent:active,
.default-bg .btn-default-transparent.active,
.default-translucent-bg .btn-default-transparent.active,
.default-bg .open > .dropdown-toggle.btn-default-transparent,
.default-translucent-bg .open > .dropdown-toggle.btn-default-transparent {
  color: #ffffff;
  background-color: transparent;
  border-color: #ffffff;
}
/*White Button*/
.btn-white {
  color: #777777;
  background-color: #ffffff;
  border-color: #ffffff;
}
.btn-white:hover,
.btn-white:focus,
.btn-white.focus,
.btn-white:active,
.btn-white.active,
.open > .dropdown-toggle.btn-white {
  color: #0079BC;
  background-color: #ffffff;
  border-color: #ffffff;
}
/*Background Transition*/
.hvr-sweep-to-right:hover,
.hvr-sweep-to-left:hover,
.hvr-sweep-to-bottom:hover,
.hvr-sweep-to-top:hover,
.hvr-bounce-to-right:hover,
.hvr-bounce-to-left:hover,
.hvr-bounce-to-bottom:hover,
.hvr-bounce-to-top:hover,
.hvr-radial-out:hover,
.hvr-rectangle-out:hover,
.hvr-shutter-out-horizontal:hover,
.hvr-shutter-out-vertical:hover {
  background: transparent;
}
.hvr-radial-in,
.hvr-rectangle-in,
.hvr-shutter-in-horizontal,
.hvr-shutter-in-vertical {
  background: #0079BC;
}
.hvr-radial-in:hover,
.hvr-rectangle-in:hover,
.hvr-shutter-in-horizontal:hover,
.hvr-shutter-in-vertical:hover {
  background: #0079BC;
}
.hvr-radial-in:before,
.hvr-rectangle-in:before,
.hvr-shutter-in-horizontal:before,
.hvr-shutter-in-vertical:before {
  background: #ffffff;
}
.hvr-sweep-to-right:before,
.hvr-sweep-to-left:before,
.hvr-sweep-to-bottom:before,
.hvr-sweep-to-top:before,
.hvr-bounce-to-right:before,
.hvr-bounce-to-left:before,
.hvr-bounce-to-bottom:before,
.hvr-bounce-to-top:before,
.hvr-radial-out:before,
.hvr-rectangle-out:before,
.hvr-shutter-out-horizontal:before,
.hvr-shutter-out-vertical:before {
  background: #0079BC;
}
/*ie9*/
.no-csstransitions .hvr-radial-in,
.no-csstransitions .hvr-rectangle-in,
.no-csstransitions .hvr-shutter-in-horizontal,
.no-csstransitions .hvr-shutter-in-vertical {
  background: transparent;
}
.no-csstransitions .hvr-sweep-to-right:hover,
.no-csstransitions .hvr-sweep-to-left:hover,
.no-csstransitions .hvr-sweep-to-bottom:hover,
.no-csstransitions .hvr-sweep-to-top:hover,
.no-csstransitions .hvr-bounce-to-right:hover,
.no-csstransitions .hvr-bounce-to-left:hover,
.no-csstransitions .hvr-bounce-to-bottom:hover,
.no-csstransitions .hvr-bounce-to-top:hover,
.no-csstransitions .hvr-radial-out:hover,
.no-csstransitions .hvr-rectangle-out:hover,
.no-csstransitions .hvr-shutter-out-horizontal:hover,
.no-csstransitions .hvr-shutter-out-vertical:hover,
.no-csstransitions .hvr-radial-in:hover,
.no-csstransitions .hvr-rectangle-in:hover,
.no-csstransitions .hvr-shutter-in-horizontal:hover,
.no-csstransitions .hvr-shutter-in-vertical:hover {
  background: #0079BC;
}
/* Image overlay
---------------------------------- */
.overlay-top a,
.overlay-bottom a,
.overlay-to-top a {
  color: #ffffff;
}
/* Pager
---------------------------------- */
ul.pagination li > a:hover,
ul.pagination li > a:focus {
  background-color: transparent;
  color: #ffffff;
  background-color: #0079BC;
  border-color: #0079BC;
}
ul.pagination li.active a,
.pagination > .active > a:hover,
.pagination > .active > a:focus {
  color: #ffffff;
  background-color: #0079BC;
  border-color: #0079BC;
}
/* Breadcrumb
---------------------------------- */
.banner .breadcrumb > li a:hover {
  color: #0079BC;
}
/* Nav pills
---------------------------------- */
.nav-pills.style-2 > li.active > a,
.nav-pills.style-2 > li.active > a:hover,
.nav-pills.style-2 > li.active > a:focus,
.nav-pills.style-2 > li > a:hover,
.nav-pills.style-2 > li > a:focus {
  color: #0079BC;
  background-color: #fafafa;
  border: 1px solid #eaeaea;
}
.nav-pills.nav-stacked > li.active > a,
.nav-pills.nav-stacked > li.active > a:hover,
.nav-pills.nav-stacked > li.active > a:focus,
.nav-pills.nav-stacked > li > a:hover,
.nav-pills.nav-stacked > li > a:focus {
  color: #0079BC;
  background-color: transparent;
  border-color: transparent;
}
.nav-pills > li.active > a:after {
  color: #0079BC;
}
.nav-pills.nav-stacked:not(.list-style-icons) > li.active > a:hover:after,
.nav-pills.nav-stacked:not(.list-style-icons) > li.active > a:focus:after,
.nav-pills.nav-stacked:not(.list-style-icons) > li > a:hover:after,
.nav-pills.nav-stacked:not(.list-style-icons) > li > a:focus:after {
  color: #0079BC;
}
.nav-pills.nav-stacked.list-style-icons > li > a > i {
  color: #cdcdcd;
}
.nav-pills.nav-stacked.list-style-icons > li.active > a > i,
.nav-pills.nav-stacked.list-style-icons > li > a:hover > i,
.nav-pills.nav-stacked.list-style-icons > li > a:focus > i {
  color: #0079BC;
}
/*footer*/
.dark .footer-content .nav-pills > li > a,
.dark .footer-content .nav-pills > li.active > a,
.dark .footer-content .nav-pills > li.active > a:focus,
.dark .footer-content .nav-pills > li > a:focus {
  color: #999999;
}
.dark .footer-content .nav-pills > li.active > a:hover,
.dark .footer-content .nav-pills > li > a:hover {
  color: #0079BC;
}
/* Collapse
---------------------------------- */
/*Style 2*/
.collapse-style-2 .panel-heading a {
  color: #ffffff;
  background-color: #0079BC;
}
.panel-heading a {
  color: inherit;
}
/* Progress bars
---------------------------------- */
.progress-bar-default {
  background-color: #0079BC;
}
/* Forms
---------------------------------- */
.default-bg .form-control {
  background-color: rgba(0, 0, 0, 0.2);
  border-color: #0079BC;
  -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.35);
  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.35);
  color: #ffffff;
}
.default-bg .has-success .form-control:focus,
.default-bg .has-warning .form-control:focus,
.default-bg .has-error .form-control:focus {
  -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.35);
  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.35);
}
.default-bg .input-group-addon {
  background-color: rgba(0, 0, 0, 0.2);
  border-color: #0079BC;
}
.default-bg .form-control:focus {
  background-color: rgba(0, 0, 0, 0.1);
}
.default-bg .form-control-feedback {
  color: #ffffff;
}
.dark.header .form-control,
.dark.header-top .form-control {
  border-color: #2e3537;
}
/*Icons
---------------------------------- */
.icon.default-bg {
  background-color: #0079BC;
  color: #ffffff;
}
.icon.light-bg {
  background-color: #fff;
  color: #0079BC;
}
/*Listing Items
---------------------------------- */
.listing-item .overlay-container .badge {
  border: 1px solid #0079BC;
  background-color: rgba(255, 255, 255, 0.95);
  color: #0079BC;
}
/*Modals
---------------------------------- */
/*.modal-content .modal-header {
  background-color: #0079BC;
}*/
/*.modal-content .modal-title {
  color: #ffffff;
}*/
/*Breadcrumb
---------------------------------- */
.banner .dark.breadcrumb-container {
  background-color: rgba(57, 66, 69, 0.6);
}
/* 6 Navigations
-------------------------------------------------
-------------------------------------------------*/
/* 6.1 Light Version
---------------------------------- */
/* first level menu item on hover/focus */
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  background-color: transparent;
  color: #0079BC;
}
.transparent-header .header:not(.dark) .navbar-nav > li.open > a,
.transparent-header .header:not(.dark) .navbar-nav > li > a:hover,
.transparent-header .header:not(.dark) .navbar-nav > li > a:focus {
  color: #0079BC;
}
/* first level menu item when opened */
.main-navigation .navbar-nav > .open > a,
.main-navigation .navbar-nav > .open > a:hover,
.main-navigation .navbar-nav > .open > a:focus,
.main-navigation .navbar-nav > .dropdown > a:focus {
  background-color: #ffffff;
  color: #00457C;
  border-bottom-color: #ffffff;
  border-right: 1px solid #f5f5f5;
  border-left: 1px solid #f5f5f5;
}
/* second level menu item on focus/hover and when opened */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.dropdown-menu .menu > .active > a,
.dropdown-menu .menu > .active > a:hover,
.dropdown-menu .menu > .active > a:focus {
  background-color: #fcfcfc;
  color: #00457C;
  border-color: #f7f7f7;
}
/* Mega Menu 
------------------------------ */
header:not(.dark) .mega-menu .menu > li > a:hover i,
header:not(.dark) .dropdown-menu > li > a:hover i,
header:not(.dark) .mega-menu .menu > li.active > a i,
header:not(.dark) .dropdown-menu > li.active > a i {
  color: #0079BC;
}
/* mega menu menu item on focus/hover*/
.mega-menu .menu > li > a:hover,
.mega-menu .menu > li > a:focus {
  background-color: #fcfcfc;
  color: #0079BC;
  border-color: #f7f7f7;
  text-decoration: none;
}
/* Arrow for parent menu item 
------------------------------ */
.header:not(.dark) .active.dropdown > a:before,
.header:not(.dark).centered .active.dropdown > a:before {
  color: #0079BC;
}
.transparent-header .header:not(.dark) .dropdown:not(.open):not(.active) > a:before {
  color: #777777;
}
.transparent-header .header:not(.dark) .navbar-default .navbar-nav > .dropdown.open > a:before {
  color: #0079BC;
}
.dropdown .dropdown.open > a:before,
.header.centered:not(.dark) .dropdown .dropdown.open > a:before {
  color: #0079BC;
}
/* Mobile Menu
------------------------------ */
/* mobile menu toggle button on hover/focus */
.navbar-default .navbar-toggle {
  border-color: #ccc;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #fafafa;
  border-color: #0079BC;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ccc;
}
.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
  background-color: #0079BC;
}
/* Small devices (tablets, phones less than 767px) */
@media (max-width: 767px) {
  /* Mobile menu
  ------------------------------ */
  /* active item */
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #0079BC;
    background-color: transparent;
  }
  /* first level item hover and focus states */
  .navbar-default .navbar-nav > li > a:hover,
  .navbar-default .navbar-nav > li > a:focus,
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav > .active > a:focus {
    color: #0079BC;
    background-color: #fff;
    border-bottom-color: transparent;
  }
  /* second level item on hover/focus */
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #0079BC;
  }
  /* Arrow for parent menu item */
  .navbar-default .navbar-nav > .dropdown.open > a:before {
    color: #0079BC;
  }
}
/* 6.2 Dark Version
------------------------------ */
/* first level active menu item when opened */
.dark.header .main-navigation .navbar-nav > .open > a,
.dark.header .main-navigation .navbar-nav > .open > a:hover,
.dark.header .main-navigation .navbar-nav > .open > a:focus,
.dark.header .main-navigation .navbar-nav > .dropdown > a:focus {
  border-bottom-color: #2e3537;
}
/* second level menu item */
.dark.header .dropdown-menu {
  background-color: #2e3537;
  border: 1px solid rgba(57, 66, 69, 0.8);
}
.dark.header .dropdown-menu .divider {
  background-color: #394245;
}
.dark.header .dropdown-menu > li > a,
.dark.header .mega-menu .menu > li > a {
  border-bottom: 1px solid rgba(57, 66, 69, 0.8);
}
.dark.header .mega-menu .menu > li > a:hover,
.dark.header .mega-menu .menu > li > a:focus {
  border-color: rgba(57, 66, 69, 0.8);
}
.dark.header .dropdown-menu > li > a:hover,
.dark.header .dropdown-menu > li > a:focus,
.dark.header .nav .open > a,
.dark.header .nav .open > a:hover,
.dark.header .nav .open > a:focus,
.dark.header .dropdown-menu > .active > a,
.dark.header .dropdown-menu > .active > a:hover,
.dark.header .dropdown-menu > .active > a:focus,
.dark.header .dropdown-menu .menu > .active > a,
.dark.header .dropdown-menu .menu > .active > a:hover,
.dark.header .dropdown-menu .menu > .active > a:focus {
  border-color: rgba(57, 66, 69, 0.8);
}
/* Small devices (tablets, phones less than 767px) */
@media (max-width: 767px) {
  .transparent-header .dark .main-navigation .navbar.navbar-default {
    background-color: rgba(57, 66, 69, 0.9);
    border-color: rgba(37, 42, 44, 0.5);
  }
}
/* 6.3 Subfooter navigation
------------------------------ */
.subfooter .navbar-default .nav > li > a:hover,
.subfooter .navbar-default .nav > .active > a:hover,
.subfooter .navbar-default .nav > .active > a:focus {
  background-color: transparent;
  text-decoration: underline;
  color: #0079BC;
}
/* 6.3 Offcanvas navigation
------------------------------ */
#offcanvas .nav .open > a,
#offcanvas .nav .open > a:hover,
#offcanvas .nav .open > a:focus,
#offcanvas .nav > li > a:hover,
#offcanvas .nav > li > a:focus,
#offcanvas .navbar-nav > li.active > a {
  color: #0079BC;
  background-color: #ffffff;
}
/*Nav arrows*/
#offcanvas .dropdown > a:before {
  color: #777777;
}
#offcanvas .dropdown.open > a:before {
  color: #0079BC;
}
/* 7 Blocks/Widgets
-------------------------------------------------
-------------------------------------------------*/
/* Social icons block
------------------------------ */
.social-links li a {
  border: 1px solid #e7e7e7;
  color: #cdcdcd;
}
.social-links li a:hover {
  background-color: transparent;
  border-color: #0079BC;
  color: #0079BC;
}
.dark.social-links li a {
  background-color: rgba(0, 0, 0, 0.6);
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #ffffff;
}
.social-links.animated-effect-1 li a:hover {
  color: #ffffff!important;
}
.social-links.animated-effect-1 li a:after {
  background-color: #0079BC;
}
.default.social-links li a {
  background-color: #0079BC;
  border: 1px solid #0079BC;
  color: #ffffff;
}
.default.social-links li a:hover {
  background-color: #ffffff;
  color: #777777;
}
/*Header Top Dropdowns*/
.header-top:not(.dark) .social-links .dropdown.open > button > i:before {
  color: #0079BC;
}
.header-top.colored .social-links .dropdown > button > i:before,
.header-top.colored .social-links .dropdown.open > button > i:before {
  color: #ffffff;
}
.dark.header-top .dropdown-menu {
  border: 1px solid #252a2c;
  border-top: none;
  background: #2e3537;
}
.header-dropdown-buttons .btn-group .dropdown-menu {
  border: none;
}
/* Full Width Content
---------------------------------- */
/* Medium devices (tablets, phones) */
@media (max-width: 1199px) {
  .full-width-section:not(.no-image) .full-text-container.default-bg {
    background-color: rgba(9, 175, 223, 0.6);
  }
}
/*Header Dropdowns (search, cart etc)
---------------------------------- */
.header-dropdown-buttons .btn-group > .btn {
  background-color: #f2f2f2;
  border: 1px solid #e9e9e9;
}
.header-dropdown-buttons .btn-group > .btn:hover {
  background-color: #0079BC;
  color: #fff;
  border-color: #0079BC;
}
.header-dropdown-buttons .btn-group.open > .btn {
  background-color: #0079BC;
  color: #fff;
  border-color: #0079BC;
}
.colored.header-top .dropdown-menu {
  border: 1px solid #0079BC;
  background: #0079BC;
}
/* Media 
---------------------------------- */
.media:hover .icon {
  background-color: transparent;
  color: #0079BC;
  border: 1px solid #0079BC;
}
/* Pricing tables
---------------------------------- */
.popover-title {
  background-color: #0079BC;
  color: #ffffff;
}
/* Tags cloud block
---------------------------------- */
.tag a {
  color: #ffffff;
  background-color: #0079BC;
  border: 1px solid #0079BC;
}
.tag a:hover {
  color: #0079BC;
  background-color: #ffffff;
  border-color: #0079BC;
  text-decoration: none;
}
/* 8 Main Slideshow
-------------------------------------------------
-------------------------------------------------*/
.tp-bannertimer {
  background-color: rgba(9, 175, 223, 0.8);
}
/* 9 Owl Carousel
-------------------------------------------------
-------------------------------------------------*/
.content-slider-with-large-controls .owl-buttons .owl-prev:after,
.content-slider-with-large-controls-autoplay .owl-buttons .owl-prev:after {
  color: #0079BC;
}
.content-slider-with-large-controls .owl-buttons .owl-next:after,
.content-slider-with-large-controls-autoplay .owl-buttons .owl-next:after {
  color: #0079BC;
}

/* css */
body{ color: #000000; font-family: "Roboto Light";}
h1, h2, h3, h4, h5, h6, .navbar .navbar-nav {font-family: "Roboto Regular";}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #000000;}
.content-headline h3{ font-family: "Roboto Regular"!important; }
.content-headline h3 p {font-size: 34px;font-family: "Roboto Regular";}
.nav.navbar-nav li a{ color: #000000; font-family: "Roboto Regular"; }
.dropdown-menu > li > a{font-size:17px !important;}
.navbar-default .navbar-nav > li > a:hover{ color: #00457C; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{ color: #00457C; }
.page-wrapper .header{ box-shadow: 1px 1px 7px 3px #9e9e9e69; z-index: 99; }
.header-left {padding: 40px 0 40px 0;}
.navbar-default .navbar-nav > li > a{padding: 68px 20px 68px 20px;font-size:17px !important;}
.nav.navbar-nav li.active > a{ color: #20699f; }
.dropdown .arrow-icon,.dropdown.submenu .arrow-icon{position: absolute !important;top: 50% !important;right: -2%;width: 15px !important;height: 15px !important;line-height: 15px !important;transform: translateY(-50%) !important;}
.dropdown .arrow-icon:after {position: absolute;top: 2.5px;left: 0;content: "";width: 0;height: 0;border-top: 4px solid transparent;border-bottom: 4px solid transparent;border-left: 6px solid #393939;}
.dropdown.open > .arrow-icon:after {top: 4.5px;width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 6px solid #00457C;border-bottom: unset;}
.dropdown.submenu .arrow-icon{right:10px !important;}
/*.banner{ margin-top: 35px; }*/
.banner .banner_content .banner-title{position: absolute;top: 0;left: 0; width: auto; display: inline-block; background-color: rgba(255,255,255,0.6); color: #000000; padding: 22px 43px 28px 38px; font-size: 35px; text-transform: uppercase; font-family: "Roboto Medium";}
.banner .banner_content .banner-title p{ margin-bottom: 0; }
.banner-img{ background-position: center; }
.main-navigation .dropdown-menu{ padding: 0; }
.dropdown-menu > li > a{ padding: 20px 35px 20px 15px;}
.section.bg-image{ position: relative; background-image: url(../../images/bg-image.jpeg); background-size: cover; background-position: top; background-repeat: no-repeat; width: 100%; display: inline-block; padding: 85px 0px 0px 0px; }
.section.bg-image:before{ position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; background-color: rgba(255,255,255,0.7); }
.content-headline h3{ margin-top: 0; }
.content-headline h3:after{ position: absolute; bottom: -12px; left: 0; content: ""; width: 135px; height: 3px; border-bottom: 6px solid #00457C; }

.newslatest .media{ margin-bottom: 25px!important; }
.newslatest .media .media-left{ width: 142px; height: 134px; }
.newslatest .media .media-left img{ height: 100%; max-width: 100%; object-fit: cover; box-shadow: 1px 1px 7px 1px #9e9e9e69;}
.newslatest .media .media-body{ width: auto; padding-left: 12px;}
.newslatest .media .media-body .media-heading a{ font-size: 22px;  font-weight: 400; font-family: "Roboto Regular"; } 
.newslatest .media .media-body p{ color: #9e9e9e; font-family: "Roboto Regular"; }
.newslatest .media-heading {margin-bottom: 10px;}
.news-latest-gotoarchive{background:none; position:relative; top:auto; text-align: center; text-transform: uppercase; }
.news-latest-gotoarchive a{ color: #00457C; font-family: "Roboto Regular"; }
.our_partners{ padding: 30px 0px 30px 0px; }
.our_partners .partners-logo{ margin-top: 22px; display: inline-block; }

.our_partners .partners-logo .item{ background-color: #ffffff; /*box-shadow: 1px 1px 7px 1px #9e9e9e69;*/ padding: 18px 14px; margin: 2px 2px 2px 2px; }
/*.our_partners .partners-logo ul li:last-child{ margin-right: 0; }*/
.row.col-content{ margin-left: -8px; margin-right: -8px; margin-bottom: 30px;}
.row.col-content .col{ padding-left: 8px; padding-right: 8px;  }
.row.col-content .frame p{ display: inline-block; margin-top: 6px;font-family: "Roboto Regular"; }
.row.col-content .content-headline{ margin-bottom: 12px; display: inline-block;}
.model-types{ padding: 0px 0px 40px 0px;  display: flex;  flex-wrap: wrap; }
.model-types .row{ margin-left: -7px; margin-right: -7px; }
.model-types .row .col-lg-3{ padding-left: 7px; padding-right: 7px; }
.model-types .about_modeltypes{ margin-top: 18px; display: inline-block;width: 214px; margin-right: 10px; }
.model-types .about_modeltypes:last-child{margin-right:0px;}
.about_modeltypes .modeltypes-detail{ background-color: #bfbfbf; padding: 5px; position: relative;}
.about_modeltypes .modeltypes-detail .modeltype-text{ padding: 18px 0px; display: flex; width: 100%; text-align: center;  align-items: center; justify-content: center; }
.about_modeltypes .modeltypes-detail .main-image{ min-height: 190px; object-fit: cover; position: relative; filter: opacity(0.6); }
.about_modeltypes .modeltypes-detail .modeltype-text h4{ color: #ffffff; display: inline-block; text-transform: uppercase; margin-bottom: 0; letter-spacing: 0.2px; margin-top: 6px; font-size: 15px; }
.model-types .modeltypes-icon{ position: absolute; top: 68px; left: 12px; background-color: #00457C; padding: 8px 12px; width: 100px; display: none;}
.model-types .modeltypes-icon:before{ position: absolute;top: auto;bottom: -15px;left: 0;content: "";width: 100%;height: 0;border-top: 15px solid transparent;border-right: 100px solid #00457C;border-bottom: 0px solid transparent;transform: rotate( -180deg);    }
.model-types .modeltypes-icon img{ height: 65px; width: auto; object-fit: contain; margin: 0 auto; position: relative;}
.video-content{ margin-top: 20px; display: inline-block; width: 100%; padding-bottom: 70px; }
.video-content .ce-left .ce-gallery,.video-content .ce-column{ width: 100%; }
.video-content .ce-gallery figure{ width: 100%; }
.video-content .ce-gallery figure .video-embed iframe{ width: 100%; }
.footer.subfooter{background-color: #00457C; padding: 35px 0px; width: 100%; display: inline-block;}
.footer.subfooter .footer-logo .logo a{ padding: 15px 22px 15px 22px; background-color: #ffffff; width: auto; display: inline-block;}
.footer.subfooter .footer-address p{ margin-bottom: 24px; font-weight: normal; letter-spacing: 0.6px; }
.footer.subfooter .footer-address p a{ color: #ffffff; font-weight: normal; }
.footer.subfooter .footer-links{ margin-bottom: 32px; width: auto; display: inline-block; margin-left: 0px;}
.footer.subfooter .social-icons{ width: auto; display: inline-block; margin-left: 25px;}
.footer.subfooter .subfooter-inner{ width: 100%; margin: 0 auto; display: block; }
/*.footer.subfooter .subfooter-inner .row{ margin-left: -25px; margin-right: -25px; }
.footer.subfooter .subfooter-inner .row .col-md-4{ padding-left: 25px; padding-right: 25px; }*/
.footer.subfooter .subfooter-inner ul li{ padding-right: 8px; margin-right: 0; } 
.footer.subfooter .subfooter-inner .footer-links ul li:first-child{ padding-left: 0; }
.footer.subfooter .subfooter-inner .footer-links ul li:last-child{ padding-right: 0; }
.footer.subfooter .subfooter-inner .footer-links ul li a{ font-weight: normal; }
.footer.subfooter .subfooter-inner .social-icons ul li{ border-right: unset; padding: 0; margin-right: 36px;}
.footer.subfooter .subfooter-inner .social-icons ul li i{ font-size: 35px; }
#logo img:hover {opacity: unset;filter: unset;}
.header-left #logo img{width:195px; height:auto;}
.header-right .main-navigation .search-nav{ display: inline-block; margin-left: 18px;}
.header-right .main-navigation .search-nav img{ height: auto; width: 32px; object-fit: cover; }
.header-right .main-navigation{ display: flex; justify-content: flex-end;align-items: center; }
.dropdown-toggle::after{display: none;}
/* */
/*.fix-share .icon-block{position:fixed;right:0;width:auto;z-index:9; top: 162px; min-width: 140px; }
.fix-share .icon-block a:hover,.fix-share .icon-block a:focus{ text-decoration: unset; }
.fix-share .icon-block.search{ right: 340px; }
.fix-share .icon-block.betriebs-search{ right: 494px; }
.fix-share .icon-block.login-btn{ right: 709px; }
.fix-share .icon-block.contact{ right: 864px; }

.fix-share .icon-block .icon-title { width: auto;display: block;background: #34679a;color: #FFFFFF;padding: 30px 35px 20px 25px;font-weight: normal;font-family: "Roboto Light";height: auto;text-align: center;text-transform: uppercase;font-size: 18px;letter-spacing: 0.2px; position: relative;}
.fix-share .icon-block.contact .icon-title:before{position: absolute;top: auto;bottom: -15px;left: 0;content: "";width: 100%;height: 0;border-top: 15px solid transparent;border-right: 140px solid #34679a;border-bottom: 0px solid transparent;transform: rotate( -180deg);}
.fix-share .icon-block.search .icon-title:before{position: absolute;top: auto;bottom: -15px;left: 0;content: "";width: 100%;height: 0;border-top: 15px solid transparent;border-right: 140px solid #34679a;border-bottom: 0px solid transparent;transform: rotate( -180deg);}
.fix-share .icon-block.login-btn .icon-title:before{position: absolute;top: auto;bottom: -15px;left: 0;content: "";width: 100%;height: 0;border-top: 15px solid transparent;border-right: 140px solid #34679a;border-bottom: 0px solid transparent;transform: rotate( -180deg);}
.fix-share .icon-block.betriebs-search .icon-title:before {position: absolute;top: auto;bottom: -15px;left: 0;content: "";width: 100%;height: 0;border-top: 15px solid transparent;border-right: 200px solid #34679a;border-bottom: 0px solid transparent;transform: rotate( -180deg);}
.fixed-header-on .fix-share .icon-block{ top: 84px; }*/

.fix-share .icon-block .icon-btn img{width: 30px;}
.fix-share .icon-block{position:fixed;right:0;width:0;transition:width 0.5s ease-in-out;-webkit-transition:width 0.5s ease-in-out;-o-transition:width 0.5s ease-in-out;-moz-transition:width 0.5s ease-in-out;z-index:999}
.fix-share .icon-block .icon-btn{background:#00457C;padding:3px;position:absolute; width: 39px; left: -39px;}
.fix-share .icon-block .icon-title{width: 130px;display: block; background: #00457C; color: #FFFFFF; padding: 7px; font-size: 16px; line-height: 19px; letter-spacing: 0.58px; }
.fix-share .icon-block:hover{width: 130px; cursor: pointer;}

.fix-share .icon-block.contact{top:200px;}
.fix-share .icon-block.contact .icon-btn img{width: 32px}
.fix-share .icon-block.contact .icon-btn{height: 39px; padding: 10px 4px 4px 4px;}
.fix-share .icon-block.contact .icon-title{padding: 10px 6px;}

.fix-share .icon-block.login-btn{top:243px;}
.fix-share .icon-block.login-btn .icon-btn{height: 39px; padding: 5px 4px 4px 4px;}
.fix-share .icon-block.login-btn .icon-title{padding: 10px 6px;}

.fix-share .icon-block.betriebs-search{top:286px; }
.fix-share .icon-block.betriebs-search .icon-btn{height: 39px; padding: 5px 4px 4px 4px;}
.fix-share .icon-block.betriebs-search .icon-title{padding: 10px 6px;}

.fix-share .icon-block.search{top:329px;}
.fix-share .icon-block.search .icon-btn{height: 39px; padding: 5px 4px 4px 4px;}
.fix-share .icon-block.search .icon-title{padding: 10px 6px;}

.fix-share .icon-block.fb-icon{top:372px;}
.fix-share .icon-block.fb-icon .icon-btn{height: 39px; padding: 5px 4px 4px 6px;}
.fix-share .icon-block.fb-icon .icon-btn i{font-size: 30px; color: #fff;}
.fix-share .icon-block.fb-icon .icon-title{padding: 10px 6px;}

.fix-share .icon-block.linkedin-icon{top:415px;}
.fix-share .icon-block.linkedin-icon .icon-btn{height: 39px; padding: 5px 4px 4px 6px;}
.fix-share .icon-block.linkedin-icon .icon-btn i{font-size: 30px; color: #fff;}
.fix-share .icon-block.linkedin-icon .icon-title{padding: 10px 6px;}

.fix-share .icon-block.youtube-icon{top:458px;}
.fix-share .icon-block.youtube-icon .icon-btn{height: 39px; padding: 5px 4px 4px 4px;}
.fix-share .icon-block.youtube-icon .icon-btn i{font-size: 31px; color: #fff;}
.fix-share .icon-block.youtube-icon .icon-title{padding: 10px 6px;}




.fix-share-mob{ width:100%; position:fixed; bottom:0; overflow:hidden; z-index: 1; display: none;}
.fix-share-mob .right-icon{width: 100%; border-top: 1px solid #d3d3d3; background-color: #00457C; display: inline-block;}
.fix-share-mob .icon-block .icon-btn{height: 30px;}
.fix-share-mob .icon-block .icon-btn img{width: 30px; display: inline-block;}
.fix-share-mob .icon-block{position:relative; display: inline-block; float: left; text-align: center; width: 25%; background-color:#00457C !important; padding:12px 0 8px 0; height: 75px !important;}
.fix-share-mob .icon-title{color: #ffffff;}
.fix-share-mob .icon-block.contact, .fix-share-mob .icon-block.login-btn, .fix-share-mob .icon-block.betriebs-search, .fix-share-mob .icon-block.search, .fix-share-mob .icon-block.fb-icon, .fix-share-mob .icon-block.linkedin-icon, .fix-share-mob .icon-block.youtube-icon{border-right:1px solid #ffffff; border-bottom: 1px solid #fff;}
.fix-share-mob .swipe-btn{ text-align: center; position: relative; z-index: 0;}
.fix-share-mob .swipe-btn .fa{font-size: 25px; color: #ffffff; background-color: #00457C; padding: 10px 25px;}
.fix-share-mob .icon-block .icon-btn i{font-size: 31px; color: #fff;}



.main-navigation .navbar-nav .dropdown.open > .dropdown-menu{ display: block; }
.main-navigation .navbar-nav .dropdown .dropdown-menu .submenu .dropdown-menu{top:0px;}
.navbar.navbar-default{ padding: 0; }
.main-navigation .navbar-nav > li{ margin-left: 15px; }
.fixed-header-on .main-navigation .navbar-nav > li > a {padding-top: 32px!important;padding-bottom: 32px!important;}
.banner-img{ height: 650px; }

.col-content{ position: relative; }
.col-content .content-headline{ width: 49%; display: inline-block; vertical-align: top; position: absolute; top: 0; left: 0; min-height: 155px; }
.col-content .title-image{ display: flex; justify-content: space-between; }
.col-content .title-image .image{ width: 48%; display: inline-block; vertical-align: top; }
.col-content .title-image .text{ width: 49%; display: inline-block; margin-top: 118px; }
.col-content.left-box .content-headline{ left: auto; right: 0; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a, .navbar-default .navbar-nav .open .dropdown-menu .dropdown-header{ border-bottom: unset; }
/* Popup */
.tab-content{ display: none;}
.tab-content.show {display: block;}
.tabs{margin: 2px 5px 0px 5px; padding-bottom: 10px; cursor: pointer;}
.tabs:hover,
.tabs.active {border-bottom: 1px solid #2196F3;}
a:hover {text-decoration: none; color: #00457C;}
.box {margin-bottom: 10px; border-radius: 5px; padding: 10px;}`
.modal-backdrop {background-color: #000000;}
.line {background-color: #b7b7b7; height: 2px; width: 100%; margin-top: -1px;z-index: 0;position: relative;}
#loginModal .modal-dialog{position: absolute; top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;}
.modal-content button.close{font-size: 30px; position: absolute; z-index: 2; top: -45px; right: 0px; color: #fff; background-color: transparent; opacity: 1;}
#loginModal .modal-content{ border-radius: 10px; }
#loginModal .login-form form fieldset,#loginModal .registration-form form fieldset{ margin: 0; padding: 0; background-color: transparent; border: none; }

#loginModal .modal-content .modal-header{ margin-left: 0!important; margin-right: 0!important; padding-left: 0!important; padding-right: 0!important; background-color: transparent; padding-top: 23px;}
#loginModal .modal-content .modal-header .tabs{ width: 100%; float: left; margin: 0!important; padding-bottom: 0; }
#loginModal .modal-content .modal-header .tabs h6{ text-align: center; text-transform: uppercase; font-size: 18px; font-weight: bold; color: #393939; letter-spacing: 0.2px; }
#loginModal .modal-content .modal-header .tabs.active{ border-bottom: 2px solid #2196F3; }
#loginModal .modal-content .modal-header .tabs.active h6{ color: #00457C; }
#loginModal .modal-content .modal-header .tabs:hover, #loginModal .modal-content .modal-header .tabs.active{ border-bottom: 2px solid #00457C; position: relative;z-index: 1;}
/*#loginModal .modal-content .modal-body .login-form fieldset input{margin-bottom: 12px;}*/
#loginModal .modal-content .modal-body .login-form form,#loginModal .modal-content .modal-body .registration-form form{ margin: 0; }
#loginModal .modal-content .modal-body{ padding-top: 25px;padding-bottom: 0px; }
#loginModal .modal-content .modal-body form fieldset input{ width: 100%; margin: 0px auto 0px auto; display: block; border: 1px solid #bfbfbf; font-size: 18px; /*margin-bottom: 12px;*/ padding-left: 10px; height: 35px; line-height: 35px; }
#loginModal .modal-content .modal-body form fieldset input::placeholder{ color: #bfbfbf }
#loginModal .modal-content .modal-body .registration-form dl{ margin-bottom: 0; }
#loginModal .modal-content .modal-body .registration-form dl dd{ margin-bottom: 0px; display: inline-block; width: 100%; }
#loginModal .modal-content .modal-body .tx-srfeuserregister-pi1-error{font-size: 14px; color: #D8151D; padding-left: 10px; padding-top: 3px; margin: 0px 0px 0px 0px;}
#loginModal .modal-content .modal-body .forgot-password{ width: 50%; float: right; margin-top: 5px; margin-bottom: 24px; margin-right: 0px; }
#loginModal .modal-content .modal-body .forgot-password p{ float: right; margin-bottom: 0; }
#loginModal .modal-content .modal-body .forgot-password p a{ color: #D8151D; font-size: 14px; font-family: "Roboto Regular";}
#loginModal .modal-content .modal-body .forgot-password-form form fieldset input{ width: 100%; }
#loginModal .forgot-password-form h3{ display: inline-block; width: 100%; font-size: 1.2rem; }
#loginModal .modal-content .modal-body form{ margin: 0; }
#loginModal .forgot-password-form form div{ margin-left: 0; }
/*#loginModal .forgot-password-form form fieldset > div{ padding: 0px 20px; } */
/*#loginModal .forgot-password-form form fieldset > div:last-child{ padding: 0px 0px; }*/
#loginModal .forgot-password-form > div{ line-height: 1.5; }
#loginModal .forgot-password-form p a{ width: 100%; display: inline-block; text-align: center;}
#loginModal .forgot-password-form p a:hover{  text-decoration: underline; }
#loginModal .change-password-form h3{ margin-bottom: 6px; display: inline-block; width: 100%; font-size: 1.2rem; }
#loginModal .change-password-form > div{ line-height: 1.5; margin: 0px 20px 6px 20px; }
#loginModal .change-password-form form input[type=password]{margin-bottom: 5px;}
/*#loginModal .modal-content .modal-body .registration-form form fieldset dl dd input{ margin: 0 auto; }*/
#loginModal .modal-content .modal-body .registration-form form fieldset dl dd{ margin-bottom: 12px; }
#loginModal .modal-content .modal-body .registration-form form fieldset dl dd:last-child { margin-bottom: 0; }
#loginModal .logout-form h3{ margin-bottom: 6px; display: inline-block; width: 100%; font-size: 1.2rem; }
#loginModal .logout-form > div{ line-height: 1.5; margin-bottom: 15px; }

#loginModal .create_preview dt{margin-bottom: 2px;}

#loginModal .account-created h4{font-size: 1.2rem; line-height: 1.5}
#loginModal .account-created p{font-size: 1rem; line-height: 1.5;}

#loginModal .modal-content .modal-body .registration-form .check-field{width: 50%; display: inline-block; float: left;}
#loginModal .modal-content .modal-body .registration-form .check-field input{width: auto; float: left; height: auto; margin-right: 10px;}
#loginModal .modal-content .modal-body .registration-form .check-field label{float: left; display: inline-block; position: relative; top: -4px; margin-bottom: 0px;}
.scrollToTop i {line-height: 45px;font-size: 29px;}
#loginModal .modal-content .modal-body form fieldset div{ margin-bottom: 12px; }
#loginModal fieldset legend{ border: none; padding: 10px 0px; }
#loginModal fieldset{ background-color: transparent; border: none; padding: 0px 0px; margin: 0; }
#loginModal .modal-content .modal-body form fieldset input[type=submit]{ width: 100%; cursor: pointer; height: 50px; margin-top: 0px; background-color: #00457C; line-height: 1.2; color: #FFFFFF; font-size: 19px; border-radius: 8px; border: unset; text-transform: uppercase; font-family: "Roboto Regular"; margin-bottom: 15px; }
#loginModal .modal-content .modal-body .forgot-password-form form fieldset input{ margin-bottom: 12px; }
.newslisting .media-body{margin-left:10px;}

.tx-kesearch-pi1 .kesearchbox input{border-radius: 2px; padding: 5px !important;}
.tx-kesearch-pi1 .submitbutt input { background: #00457C; color: #fff; border: none; padding: 5px 20px 5px 20px; min-width: unset; max-width: unset; font-weight: 400; font-size: 16px;}
.tx-kesearch-pi1 .submitbutt input:hover{background: #00457C; color: #fff; border: none; padding: 5px 20px 5px 20px;}
.tx-kesearch-pi1 .result-list-item {display: inline-block; width:100%}

.event-list {margin-top: 4em;}
.event-list .event-title{border-bottom: 1px solid #9e9e9e; margin-bottom: 5px; padding-bottom: 5px;}
.event-list .event-title a{font-size: 18px;}

.gallery-content{margin-top: 4em;}
.gallery-content .owl-thumbs {text-align: left; display: table; width: 100%; margin-top:15px;}
.gallery-content .owl-thumb-item {width: 15%; height: auto; border: none; background: #000000; padding: 0; overflow: hidden; margin-right:10px;}
.gallery-content .owl-thumb-item img {width: 100%; height: auto; vertical-align: middle; opacity: .6;}
.gallery-content .owl-thumb-item.active img {opacity: 1;}
.gallery-content .owl-thumb-item.active img {position: relative;}


@media (max-width: 1450px){
  /*.fix-share .icon-block.search{right: 70px;}
  .fix-share .icon-block.betriebs-search {right: 220px;}
  .fix-share .icon-block.login-btn {right: 430px;}
  .fix-share .icon-block.contact {right: 580px;}*/
}
@media (max-width: 1200px){
  .main-navigation .navbar-nav > li {margin-left: 0px;}
  .our_partners .partners-logo ul li{ margin-bottom: 8px; }
  .footer.subfooter .subfooter-inner{ width: 93%; }
  .about_modeltypes .modeltypes-detail .modeltype-text h4{ font-size: 16px; }
  .header-right .main-navigation .search-nav{    margin-left: 0;position: relative;right: -15px;}
  .banner-img{ height: 500px; }
  .model-types .modeltypes-icon img{ height: 47px; }
  .model-types .modeltypes-icon{ padding: 12px 18px; }
  .col-content.right-box .title-image .text{ margin-top: 155px; }
  .scrollToTop i {line-height: 44px;font-size: 32px;}
  .footer.subfooter .subfooter-inner .social-icons ul li{margin-right: 25px;}
  .header-right .main-navigation {justify-content: flex-start;}
  .navbar-default .navbar-nav > li > a {font-size: 15px !important;}
  .main-navigation .dropdown-menu{right:unset !important;}
  .dropdown-menu > li > a {font-size: 15px !important;}
}
@media (max-width: 991px){
  .content-headline h3 p {font-size: 34px;}
  .about_modeltypes .modeltypes-detail .main-image{ width: 100%; min-height: 235px; }
  .model-types .modeltypes-icon { top: 78px;width: 115px;height: 85px;}
  .model-types .modeltypes-icon:before{ border-right: 115px solid #00457C; }
  .model-types .modeltypes-icon img{ height: 57px; top: 4px; }
  .model-types .about_modeltypes{width: 50%; padding: 0 7px 0 7px; margin-right: 0;}
  .about_modeltypes .modeltypes-detail .modeltype-text h4 {font-size: 19px;}
  .footer.subfooter .subfooter-inner{ width: 100%; /*text-align: center;*/ }
  .footer.subfooter .subfooter-inner .row{margin-right: -15px;margin-left: -15px;}
  .footer.subfooter .subfooter-inner .row .col-md-4{ padding-left: 15px; padding-right: 15px; }
  .main-navigation .navbar-toggler{background-color: #00457C; border-radius: 6px; padding: .50rem .40rem;float: right;}
  .main-navigation .navbar-toggler .navbar-toggler-icon{ background-color: #FFFFFF; height: 2px; display: block; margin-bottom: 4px; }
  .main-navigation .navbar-toggler .navbar-toggler-icon:last-child{ margin-bottom: 0; }
  .header-right .main-navigation .search-nav {margin-left: 25px; /*margin-right: 28px;*/ position: absolute;z-index: 11; right: 65px;}
  .banner-img {height: 400px;}
  /*.fix-share .icon-block{ top: 102px; }
  .fix-share .icon-block.login-btn {right: 20px;}
  .fix-share .icon-block.betriebs-search {  right: 148px;}
  .fixed-header-on .fix-share .icon-block{ top: 75px; }*/
  .newslatest .media .media-left {width: 130px;height: 115px;}
  .partners-logo.owl-carousel .owl-item img{ width: auto; margin: 0 auto; display: block; object-fit: cover; }
  .content-headline h3 p {font-size: 31px;}
  .footer.subfooter .footer-links{ margin-left: 0px; }
  .footer.subfooter .social-icons{ margin-left: 0px; }
  .footer.subfooter .subfooter-inner .social-icons ul li {margin-right: 20px;}
  .main-navigation button.navbar-toggler:focus {outline: none;}
  .header .header-left{ width: auto; display: inline-block; padding: 20px 0 20px 0; float: left;}
  header:not(.full-width) .logo img{ margin: 0; }
  .page-wrapper .header{ position: relative; }
  .header:not(.full-width) .main-navigation .navbar-nav{ width: 100%; display: inline-block;background: rgba(255,255,255,1); position: relative; z-index: 9999;} 
  .header-container .header .row .col-md-9 { position: absolute;top: 34px;right: 0px; width: 100%;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
  .navbar.navbar-default{display: inline-block;width: 100%;}
  .fixed-header-on .header-container .header .row .col-md-9{top: 21px;}
  .main-navigation.with-dropdown-buttons .navbar-default .navbar-collapse{position: absolute;top: 100%;width: 100%;margin-top: 37px; box-shadow: 1px 1px 7px 3px #9e9e9e69; }
  .main-navigation .navbar-nav > li{margin-left: 0; }
  .navbar-default .navbar-nav > li > a{padding: 15px 20px 15px 20px;text-align: left;width: 95%;}
  .dropdown .arrow-icon{right: 15px !important;width: 20px !important;height: 20px !important;line-height: 20px !important;top: 17px!important;transform: unset !important;}
  .dropdown > .arrow-icon:after{ border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 12px solid #393939; top: 1px; }
  .dropdown.open > .arrow-icon:after{ border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 12px solid #393939; top: 2px; }
  .dropdown.submenu .arrow-icon {right: 10px !important;top:24px !important;}
  body:not(.fixed-header-on) .header:not(.dark) .main-navigation .navbar-nav > .open > a, body:not(.fixed-header-on) .header:not(.dark) .main-navigation .navbar-nav > .open > a:hover, body:not(.fixed-header-on) .header:not(.dark) .main-navigation .navbar-nav > .open > a:focus, body:not(.fixed-header-on) .header:not(.dark) .main-navigation .navbar-nav > .dropdown > a:focus{ border-top: none; }
  .fixed-header-on .main-navigation.with-dropdown-buttons .navbar-default .navbar-collapse{ margin-top: 23px; }
  .fixed-header-on .main-navigation .navbar-nav > li > a{ padding-top: 20px; padding-bottom: 20px; }
  body:not(.fixed-header-on) .header:not(.dark) .navbar-default .navbar-nav > li > a{ border-top: none; }
  .header .row{ position: relative; }
  .dropdown-menu > li > a{padding: 18px 18px 16px 30px;}
  .fixed-header-on .main-navigation .navbar-nav > li > a{ padding: 15px 20px 15px 20px!important; }
  /*.fix-share .icon-block{ position: unset !important; width: 50%; float: left; border: 2px solid #ffffff; }
  .fix-share .icon-block .icon-title {padding: 10px 25px 10px 25px;}
  .fix-share .icon-block.login-btn .icon-title:before,.fix-share .icon-block.betriebs-search .icon-title:before,
  .fix-share .icon-block.contact .icon-title:before,.fix-share .icon-block.search .icon-title:before{ display: none; }*/
  .fix-share .icon-block.contact{top:150px;}
  .fix-share .icon-block.login-btn{top:193px;}
  .fix-share .icon-block.betriebs-search{top:236px; }
  .fix-share .icon-block.search{top:279px;}
  .fix-share .icon-block.fb-icon{top:322px;}
  .fix-share .icon-block.linkedin-icon{top:365px;}
  .fix-share .icon-block.youtube-icon{top:408px;}
  .navbar-default .navbar-nav > li > a {font-size: 17px !important;}
  .dropdown-menu > li > a {font-size: 17px !important;}
}
@media (max-width: 767px){
  .navbar.navbar-default {background-color: transparent;border: none;margin: 0; /*width: 73%;*/}
  /*.header-right .main-navigation .search-nav{ margin-right: 55px; }*/
  .newslatest{ margin-top: 15px; display: inline-block; width: 100%; }
  .model-types .about_modeltypes{width:100%;}
  .our_partners{ padding: 0; }
  .row.col-content{ margin-bottom: 0; }
  .main-container{ padding: 30px 0; }
  .model-types{ padding-bottom: 0; }
  .subfooter .footer-address{ margin: 32px 0px; }
  .footer.subfooter .footer-links{ margin-bottom: 20px; }
  .col-content .text{ width: 100%; margin-top: 25px; }
  .col-content .title-image .image{ width: 100%; }
  .col-content .title-image .content-headline{ width: 100%; }
  .col-content .content-headline{ position: unset; width: 100%; min-height: unset; margin-bottom: 15px; }
  .col-content .title-image .text{ width: 100%; }
  .banner .banner_content .banner-title{ font-size: 30px; padding: 20px 33px 26px 28px; }
  .col-content.right-box .title-image .text{ margin-top: 25px; }
  .col-content .title-image .text{ margin-top: 25px; }
  .col-content.right-box .title-image{ flex-direction: column-reverse; }
  .col-content.left-box .title-image{ flex-direction: column; }
  .footer.subfooter .footer-links{ width: 100%; margin-left: 0; }
  .footer.subfooter .social-icons{ margin-left: 0; }
  /*.fix-share .icon-block .icon-title{ padding: 20px 35px 10px 25px; }
  .fix-share .icon-block{ position: absolute; }*/
  .scrollToTop i {line-height: 36px;font-size: 28px;}
  .subfooter .subfooter-inner ul li:last-child {padding-left: 8px;}
  .main-navigation.with-dropdown-buttons .navbar-default .navbar-collapse{overflow:auto;height:330px;}
  .fix-share{display: none;}
  .fix-share-mob{display: block;}
}
@media (max-width: 576px){
  .banner .banner_content .banner-title{ display: none; }
  .banner{ margin-top: 0; }
  .footer.subfooter .subfooter-inner .footer-logo{ display: none; }
  .footer.subfooter .subfooter-inner .footer-address{ display: none; }
  .footer.subfooter .social-icons{ display: none; }
  .footer.subfooter .footer-links{ margin-bottom: 0; }
  .footer.subfooter{ padding: 0 0 45px 0; border-top: unset;}
  .subfooter .subfooter-inner{ padding: 12px 0px 8px 0px; }
  #loginModal .modal-dialog{ margin: 3rem auto; width: 96%; }
  .footer.subfooter .subfooter-inner{ text-align: center; display: inline-block; }
  /*.fix-share .icon-block{ position: unset; width: 50%; float: left; border: 2px solid #ffffff; }*/
  /*.fix-share .icon-block.login-btn .icon-title:before,.fix-share .icon-block.betriebs-search .icon-title:before,
  .fix-share .icon-block.contact .icon-title:before,.fix-share .icon-block.search .icon-title:before{ display: none; }*/
  /*.fix-share .icon-block .icon-title {padding: 10px 25px 10px 25px;}*/
  .video-content .ce-gallery figure .video-embed iframe{ height: 300px; }
}
@media (max-width: 567px){
  .header .header-left .logo img{ height: 50px; }
  .header-right .main-navigation .search-nav{ margin-right: 0; }
  .header-right .main-navigation .search-nav{ margin-left: 15px; }
  /*.navbar.navbar-default{ width: 100%; }*/
  .newslatest .media .media-body .media-heading a{ font-size: 22px; }
  .section.bg-image{ padding: 60px 0px 0px 0px; }
  .newslatest .media .media-left {width: 95px;height: 95px;}
  .model-types .modeltypes-icon img {height: 60px;top: 4px;}
  .model-types .modeltypes-icon {top: 78px;width: 120px;height: 90px;}
  .model-types .modeltypes-icon:before {border-right: 121px solid #00457C;}
  .content-headline h3 p {font-size: 28px;}
  .main-navigation.with-dropdown-buttons .navbar-default .navbar-collapse{ margin-top: 24px; }
  /*.fix-share .icon-block .icon-title {padding: 12px 15px 12px 15px;}*/
  .video-content{ padding-bottom: 10px; }
  .content-headline h3 p{ padding-bottom: 20px; }
  .col-content .title-image{ margin-top: 15px; }
  .our_partners .partners-logo{ margin-top: 28px; }
  .banner-img{ height: 300px; }
  .subfooter .subfooter-inner ul li a {font-size: 16px;}
  #loginModal .modal-content .modal-header .tabs h6{ font-size: 16px; }
  /*#loginModal .modal-content .modal-body .tx-srfeuserregister-pi1-error{ margin: 0px 0px 0px 16px; }*/
  .navbar-default .navbar-nav .dropdown-item{white-space:unset;word-break: break-word;}
  .main-navigation.with-dropdown-buttons .navbar-default .navbar-collapse{height:auto;}
}
@media (max-width: 350px){
  .header .header-left .logo img {height: 40px;}
  .header-container .header .row .col-md-9{ top: 24px; }
  .banner-img{ height: 280px; }
  .content-headline h3 p {font-size: 27px;}
  /*.fix-share .icon-block .icon-title { font-size: 17px;padding: 12px 10px 12px 10px;}*/
  .video-content .ce-gallery figure .video-embed iframe {height: 280px;}
  #loginModal .modal-content .modal-body .forgot-password-form form fieldset input[type=submit]{ font-size: 17px; }
  #loginModal .modal-content .modal-body .forgot-password{ width: 100%; }
  #loginModal .modal-content .modal-body form fieldset input[type=submit]{ font-size: 16px; }
  .dropdown-menu > li > a {font-size: 16px !important;}
  .navbar-default .navbar-nav > li > a {font-size: 16px !important;}
}
@media (max-width: 300px){
  .header .header-left .logo img {height: 35px;}
  .main-navigation.with-dropdown-buttons .navbar-default .navbar-collapse {margin-top: 19px;}
  .newslatest .media .media-left {width: 80px;height: 80px;}
  .content-headline h3 p {font-size: 23px;}
  .newslatest .media .media-body .media-heading a {font-size: 20px;}
  .about_modeltypes .modeltypes-detail .modeltype-text h4 {font-size: 18px;}
 /* .fix-share .icon-block .icon-title{ font-size: 15px; }*/
  .subfooter .subfooter-inner ul li a {font-size: 15px;}
  #loginModal .modal-content .modal-body .forgot-password-form form fieldset input[type=submit] {font-size: 15px;}
  #loginModal .modal-content .modal-body form fieldset input[type=submit]{ font-size: 14px; }
  .dropdown-menu > li > a {font-size: 14px !important;}
  .navbar-default .navbar-nav > li > a {font-size: 14px !important;}
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {padding-left:20px !important;}
}
.news-single-item .blogpost .row .blogpost-content > p:first-child {font-weight: bold; }
.news-single-item .blogpost .row header {display: block !important;}
.icon-calendar::before {content: "\f073" !important;font: normal normal normal 14px/1 FontAwesome;}
p.news-single-imgcaption {font-size: 14px; font-style: italic;} 
.post-date {color: #aaa;font-size: 12px;font-weight: 400;}
.readmore {padding-bottom: 10px;}
.blogpost header {padding-bottom: 10px !important;}
.news-single-item .blogpost .row .blogpost-content {margin-top: 0px !important;}

