/* tags */
body { margin: 0px; padding: 0px; width: 100%; background-color: #fff; font-family: Montserrat, Verdana; color: #1e2941; }
img { border: 0; }
h1 { font-size: 40px; }
h2 { font-size: 30px; }
h3 { font-size: 25px; }

/* #gray-line */
#gray-line { height: 7px; background-color: #D9DADA; }

/* #header */
#header { height: 102px; background-color: #fff; margin-top: 20px; position: relative; }
/* #header .logo */
#header .logo { width: 200px; height: 78px; margin: 0 auto; }
/* #header .logo-first */
#header .logo-first { width: 200px; height: 146px; background-image: url('/assets/images/logo-first.png'); margin: 0 auto; display: none; }
/* #header .title */
#header .title { display: none; }
/* #header .langs */
#header .langs { display: block; position: absolute; right: 10px; top: 0; background-color: #eee; margin: 0; padding: 3px 5px 3px 5px; list-style: none; }
#header .langs > li { margin: 0; padding: 0; display: inline; opacity: 0.5; }
#header .langs > li.active, #header .langs > li:hover { margin: 0; padding: 0; display: inline; opacity: 1; }

/* #slideshow */
#slideshow { width: 100%; height: auto; background-color: #eee; color: #000; margin-top: 0; }
#slideshow .slideshow-line1 { margin-top: 15px; margin-bottom: 10px; }
#slideshow .slideshow-line2 { margin-top: 10px; margin-bottom: 15px; }
#slideshow a { background-repeat: no-repeat; opacity: 0.9; display: block; float: left; background-position: center center; background-size: cover; height: 220px; position: relative; }
#slideshow a:hover { opacity: 1; }
#slideshow a span.text-box { position: absolute; bottom: 13px; left: 0; padding: 22px 11px 5px 11px; color: #fff; font-size: 19px; font-weight: 600; text-transform: uppercase; word-spacing: 0; background: rgba(33, 43, 71, 0.8); }
#slideshow a.slogan { background: rgba(33, 43, 71, 0.8); opacity: 1; color: #fff; }
#slideshow a.slogan span.slogan-box { font-size: 40px; text-align: right; text-transform: uppercase; width: 100%; float: right; padding-right: 12px; padding-top: 12px; display: block; line-height: 50px; font-weight: 400; }

/* #banner */
#banner { width: 100%; height: 250px; background-size: cover; background-position: center left; padding-top: 69px; }
#banner .banner-text { display: inline-block; padding-left: 125px; font-size: 50px; word-spacing: 0; color: #fff; padding: 21px 55px 20px 125px; background: rgba(33, 43, 71, 0.8); width: auto; }

/* #menu */
#menu .navbar-default { background-color: transparent; border-color: transparent; font-weight: 600; }
@media only screen and (min-width: 991px) and (max-width: 4096px) {
    #menu .navbar-default { margin-bottom: -20px; width: 100%; }
    #menu .navbar-nav { text-align: center; width: 100% !important; }
    #menu .navbar-nav li a { font-size: 13px; text-transform: uppercase; text-align: center; color: #b3b3b3; border-right: 2px solid #e6e6e6; height: 0px; padding-top: 0px; padding-bottom: 0px; height: 16px; padding-left: 6px; padding-right: 10px; }
    #menu .navbar-nav li a:hover, #menu .navbar-nav li a.active { color: #1e2941; }
    #menu .navbar-nav li { float: none; display: inline-block; border-right: 0; }
    #menu .navbar-nav li:last-child a { border-right: 0; }
}

/* #content */
#content { background-color: #fff; color: #1e2941; margin-bottom: 40px; margin-top: 40px; }
#content > .row { margin-top: -20px; }
/* #content .text */
#content .text a { color: #FEFEFE; }
#content .text a:hover { color: #fff; text-decoration: none; }
#content .text p { color: #FEFEFE;  text-align: left; width: 275px; margin-top: 0; padding-top: 0; padding-left: 5px; }
#content .text ul { color: #FEFEFE; width: 275px; margin-top: 0; padding-top: 0; padding-left: 25px; }
#content .text .inner { padding-top: 0; margin-top: 10px; margin-left: 375px; width: 275px; position: relative; }
#content .text img.right { float: right; margin-right: 70px; margin-left: 30px; box-shadow: 0 0 20px #1f6ca0; opacity: 0.7; transition: opacity 1.0s ease; -webkit-transition: opacity 1.0s ease; -moz-transition: opacity 1.0s ease; -ms-transition: opacity 1.0s ease; -o-transition: opacity 1.0s ease;  }
#content .text img.right:hover { opacity: 1; }
#content .swimming-menu { z-index: 10 !important; }
#content .swimming-menu li { display: block; /*border-bottom: 1px solid #b3b3b3;*/ padding: 5px; }
#content .swimming-menu li:last-child { border-bottom: 0; }
#content .swimming-menu li a { text-transform: uppercase; font-weight: bold; color: #b3b3b3; font-size: 13px; }
#content .swimming-menu li a:hover, #content .swimming-menu li a.active, #content .swimming-menu li a.active-waypoint { color: #1e2941; text-decoration: none; }
#content .swimming-menu.swimming-menu-small li { padding: 2px 5px; }
#content .swimming-menu.swimming-menu-small li a { font-size: 11px; }

/* #footer */
#footer { background-color: #1e2941; padding: 20px; text-align: center; color: #fff; z-index: 100; position: relative; }
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer .footer-left { text-align: right; padding-right: 20px; }
#footer .footer-right { text-align: left; padding-left: 20px; border-left: 1px dotted #fff; }

/* #galerie */
#galerie_back { background-color: #E6E6E6; width: 860px; height: 585px; display: none; -moz-opacity: 0.7; opacity: 0.7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); position: fixed; top: 50%; left: 50%; z-index: 98; }
#galerie { width: 860px; height: 585px; display: none; position: fixed; top: 50%; left: 50%; z-index: 99; }
#galerie table { margin: 10px; border-collapse: collapse; width: 840px; height: 565px; }
#galerie table td { width: 700px; text-align: center; }
#galerie table td.nav { width: 55px; }
#galerie table td.title { height: 20px; padding-top: 20px; font-size: 20px; font-weight: bold; }
#galerie .close { position: absolute;  right: 10px; top: 10px; }
#galerie .ajax { display: none; }
#galerie .html { display: none; }
#galerie .html iframe { width: 860px; height: 585px; border: 0; z-index: 99; background-color: red; }

/* #slider */
#slider { float: left; margin-right: 30px; position: relative; }
#slider .box { position: absolute; left: 0; top: 0; height: 298px; width: 0; background-color: #fff; opacity: 0.7; font-size: 34px; padding: 20px; text-align: left; color: #000; opacity: 0; }
#slider .text h3 { font-size: 19px; color: #000; }
#typed-cursor { opacity: 0; }

/* classes */
.click { cursor: pointer; }
.nodisplay { display: none; }
.clear { clear: both; }
p img {
    float: left;
}

/* swimming menu */
.swimming-menu {padding-top: 20px; padding-bottom: 20px; padding-left: 0; padding-right: 0; }
.swimming-menu.swim { position: fixed; top: 0; width: 214px; }

/* medium devices */
@media (max-width: 1199px) {
    #slideshow a span.text-box { font-size: 16px; }
    #banner { padding-top: 85px; }
    #banner .banner-text { font-size: 30px; }
}

/* small devices */
@media (max-width: 991px) {
    
    h1, h2, h3 { text-align: center; -ms-word-break: break-all; word-break: break-all; word-break: break-word; }
    h1 { font-size: 35px !important;}
    h2 { font-size: 30px !important; }
    h3 { font-size: 25px !important; }

    #header .langs { position: absolute; left: 10px; top: 106px; text-align: left; clear: both; padding-top: 20px; background-color: transparent; z-index: 999; width: 50%; }

    #content { margin-top: 20px; }
    #content .swimming-menu { text-align: center; }
    #content .swimming-menu li a { color: #1e2941 !important; padding: 7px; display: inline-block; }
    #content .swimming-menu.swimming-menu-small li { padding: 5px; }
    #content .swimming-menu.swimming-menu-small li a { font-size: 13px; }

    #banner { width: 100%; text-align: center; padding-top: 95px; margin-bottom: 20px; }
    #banner .banner-text { width: 100%; padding-left: 20px; padding-right: 20px; font-size: 20px; }

    #menu .navbar-default { margin-top: 10px; }
    .navbar-default .navbar-brand { display: none; }
    .navbar-header { float: none; }
    .navbar-left,.navbar-right { float: none !important; }
    .navbar-toggle { display: block; }
    .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
    .navbar-fixed-top { top: 0; border-width: 0 0 1px; }
    .navbar-collapse.collapse { display: none!important; }
    .navbar-nav { float: none!important; margin-top: 7.5px; }
    .navbar-nav>li { float: none; }
    .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; }
    .collapse.in{ display:block !important; }
    
    .swimming-menu.swim { position: relative !important; }
}