@-webkit-viewport { width: device-width; } @-moz-viewport { width: device-width; } @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @viewport { width: device-width; } *::selection { color: #e00014; background-color: #a9a9ff; } *::-moz-selection { color: #e00014; background-color: #a9a9ff; } html { overflow-y: scroll; -ms-overflow-style: scrollbar; } @media (min-width: 1500px) { .container { width: 100% !important; } .sbars #main .container { max-width: 1500px !important; } .sbleft #content:not(.col-sm-pull-3), #sidebarright, #sidebarleft.col-sm-push-6 { padding-left: 0; } .sbright #content, #sidebarleft { padding-right: 0; } .sqrallwaysboxed, .sqrdesktopboxed, .sqrmobilefullwidth, .columncontainer { max-width: 1470px !important; margin-left: auto; margin-right: auto; } .sqrallwaysboxed, .sqrdesktopboxed, .sqrmobilefullwidth, .columncontainer { padding-left: 15px; padding-right: 15px; } .columncontainer .sqrallwaysboxed, .columncontainer .sqrdesktopboxed, .columncontainer .sqrmobilefullwidth, .tabcontainer .sqrallwaysboxed, .tabcontainer .sqrdesktopboxed, .tabcontainer .sqrmobilefullwidth, .accordionarea .sqrallwaysboxed, .accordionarea .sqrdesktopboxed, .accordionarea .sqrmobilefullwidth { padding-left: 0; padding-right: 0; } } @media (max-width: 1499.99px) { .container { width: 100% !important; } .sqrpanoramicbackgroundboxed .sqrallwaysboxed { padding-left: 15px; padding-right: 15px; } } @media (min-width: 768px) { .sbars #main .sqrallwaysfullwidth { margin-left: 0; margin-right: 0; padding-left: 15px; padding-right: 15px; } } @media (max-width: 767.98px) { .sqrmobilefullwidth { margin-left: -15px; margin-right: -15px; } } body#body { background-color: #ffffff; padding-top: 50px; } .lazy-hidden { opacity: 0; } .lazy-loaded { -webkit-transition: opacity 0.333s; -moz-transition: opacity 0.333s; -ms-transition: opacity 0.333s; -o-transition: opacity 0.333s; transition: opacity 0.333s; opacity: 1; } .paragraphsidebarright img, .paragraphsidebarleft img { max-width: 100%; width:100%; height:auto; } .paragraphsidebarright p, #body .paragraphsidebarright h3, .paragraphsidebarleft p, #body .paragraphsidebarleft h3 { margin: 5px 0; } .sqrallwaysfullwidth, .sqrpanoramicbackgroundboxed { margin-left: -15px; margin-right: -15px; } .sqrpanoramicbackgroundboxed .sqrallwaysfullwidth { margin-left: 0; margin-right: 0; } #audioopen, #audioclose { display: none; } #top, #main, #bottom { position: relative; } #main { background-color: #ffffff; padding: 30px 0; } #top { padding: 0; background-color: #ffffff; border-bottom: 1px solid #f2f2f2; } #top > div.container { padding-top: 30px; padding-bottom: 30px; } /* .header-bottom { border-top: 1px solid #f2f2f2; } */ #eyecatcher { padding: 0; width: 100%; display: block; overflow: hidden; position: relative; background-color: #ffffff; } #eyecatcher.affix { position: fixed; top: 0; } #eyecatcher img { width: 100%; min-width: 100%; height: auto; border: 0; margin: 0 auto; } #eyecatcher .container { position: relative; margin: 0 auto; } #eyecatcher .summary { color: #ffffff; position: absolute; bottom: 0; z-index: 1; padding: 15px; width: 100%; } #eyecatcher .summary a { color: #ffffff; } #eyecatcher .summary h2 { color: #ffffff; } .flex-control-paging li a { background: url(../img/?f=bullet&ca=ffffff) no-repeat 0 -20px; } .flex-direction-nav a, .flex-direction-nav a:hover, .flex-direction-nav a:focus { color: #ffffff; } .slider-shadow { background-color: rgba(0, 0, 0, 0); background-image: url(./../../../styles/bootstrap/img/slider-shadow.png); background-position: center top; background-size: 100% 100%; background-repeat: no-repeat; content: ""; height: 40px; width: 100%; } .footer { color: #4f5151; position: relative; } #bottom h2, #bottom h3 { color: #e00014; } #bottom { background-color: #ffffff; color: #4f5151; border-top: 1px solid #ffffff; } #bottom > div.container { padding-top: 30px; padding-bottom: 30px; } #bottom a { color: #e00014 } #bottom a:hover, #bottom a:focus { color: #ff0000 } #footer { padding: 17px 0 13px; background-color: #e00014; border-top: 1px solid #fa0016; } #breadcrumb > li + li::before { content: "→"; } #breadcrumb { margin: 0 0 10px 0; font-size: 90%; color: #4f5151; } #breadcrumb a { color: #e00014; text-decoration: none; -webkit-transition: color 0.2s; transition: color 0.2s; } #breadcrumb a:hover, #breadcrumb a:focus { text-decoration: none; color: #ff0000; } #body .breadcrumb > li + li::before { color: #4f5151; } #body .breadcrumb > li.no-separator + li::before { content: ""; } a.accordionlink { color: #e00014; } a.accordionlink:hover, a.accordionlink:focus { color: #ff0000; } #sidebarleft > h2:first-child, #sidebarright > h2:first-child { margin-top: 0 } #common { line-height: 2.5em; } #common a { text-transform: uppercase } #socialicons { line-height: 2.5em; float: right; } #socialicons a { font-size: 1.5em; margin-left: 10px; } #socialicons a:first-child { margin-left: 0 } #common a, #socialicons a { color: #ffff00;; text-decoration: none; -webkit-transition: color 0.2s; transition: color 0.2s; } #common a:hover, #socialicons a:hover { color: #e4ff00; text-decoration: none; } .thumbnail h3, .thumbnail .h3 { margin: 0; } ul.teaserpicturecaption li { box-sizing: initial; } .nginfobox, .nganimatedbox { box-sizing: content-box } nav.navbar-color { background-color: #ffffff; background-image: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%); background-image: -o-linear-gradient(top, #ffffff 0%, #ffffff 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border-bottom-color: #f2f2f2; } nav.navbar-color .navbar-nav > .active > a { background-image: -webkit-linear-gradient(top, #ffffff 0%, #fcfcfc 100%); background-image: -o-linear-gradient(top, #ffffff 0%, #fcfcfc 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #fcfcfc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fcfcfc', GradientType=0); background-color: #ffffff; } nav.navbar-color .navbar-nav > .open > a, nav.navbar-color .navbar-nav > .open > a:hover, nav.navbar-color .navbar-nav > .open > a:focus { background-color: #fcfcfc; } nav.navbar-color .navbar-collapse, nav.navbar-color .navbar-form { border-color: #f2f2f2; } @media (min-width: 768px) { nav.navbar-color .dropdown-menu > li > a { color: #e00014; } nav.navbar-color .navbar-nav > li .dropdown-menu { background-color: #ffffff; } nav.navbar-color .dropdown-menu > li > a:focus, nav.navbar-color .dropdown-menu > li > a:hover { background-image: -webkit-linear-gradient(top,#fafafa 0,#eeeeee 100%); background-image: -o-linear-gradient(top,#fafafa 0,#eeeeee 100%); background-image: linear-gradient(to bottom,#fafafa 0,#eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#eeeeee', GradientType=0); background-color: #eeeeee; color: #ff0000; } nav.navbar-color .dropdown-menu > .active > a, nav.navbar-color .dropdown-menu > .active > a:hover, nav.navbar-color .dropdown-menu > .active > a:focus { background-image: -webkit-linear-gradient(top,#e9e9e9 0,#dddddd 100%); background-image: -o-linear-gradient(top,#e9e9e9 0,#dddddd 100%); background-image: linear-gradient(to bottom,#e9e9e9 0,#dddddd 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#dddddd', GradientType=0); background-color: #dddddd; color: #ff0000; } nav.navbar .dropdown-submenu > a:after { font-family: FontAwesome; content: "\f0da"; color: #e00014; position: absolute; right: 7.5px; } } @media (max-width: 767px) { #navbar.navbar-color .navbar-nav .open .dropdown-menu > li > a { color: #c70012; } #navbar.navbar-color .navbar-nav .open .dropdown-menu > li > a:focus, #navbar.navbar-color .navbar-nav .open .dropdown-menu > li > a:hover { color: #fa0016; } #navbar.navbar-color .navbar-toggle { border-color: #e00014; } #navbar.navbar-color .navbar-toggle .icon-bar { background-color: #e00014; } #navbar.navbar-color .navbar-toggle:focus, #navbar.navbar-color .navbar-toggle:hover { background-color: #f2f2f2 } } nav.navbar { min-height: 50px } nav.navbar .navbar-nav > li > a, nav.navbar .navbar-brand, nav.navbar .search-item a { height: 50px; line-height: 50px; padding-top: 0; padding-bottom: 0; } nav.navbar .dropdown-menu { font-size: 16px; } nav.navbar .dropdown-menu > li > a { padding: 3px 20px 3px 15px; } nav.navbar.navbar-static-top { margin-bottom: 0; } nav.navbar .dropdown-submenu { position: relative; } nav.navbar .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } nav.navbar .dropdown-submenu:hover > .dropdown-menu { display: block; } nav.navbar .dropdown-submenu.pull-left { float: none; } nav.navbar .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .navbar .container { position: relative; } .search-item { position: absolute; right: 0; padding: 0 15px; z-index: 25; } .navbar-search, .navbar-search input { height: 50px; line-height: 50px; } .navbar-search { position: absolute; overflow: hidden; left: 0; top: 0; display: none; width: 100%; z-index: 20; opacity: 0.9; background-color: #f2f2f2; } .navbar-search input { padding: 0; border: none; width: 100%; z-index: 20; } nav.navbar .navbar-search input[type="search"], nav.navbar .navbar-search input[type="search"]:active { background: transparent; color: #ffffff; } nav.navbar .navbar-search input[type="search"]::-ms-clear { display: none; } #eyecatcher #sliderdown { color: #ffffff; font-family: "FontAwesome"; content:"\f103"; opacity: 0.7; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); font-size: 40px; line-height: 40px; width: 40px; height: 40px; position: absolute; left: 50%; margin-left: -20px; top: 20px; cursor: pointer; visibility: hidden; opacity: 0; z-index: 2; -webkit-animation: arrowDown ease-in-out 1.5s; -moz-animation: arrowDown ease-in-out 1.5s; -ms-animation: arrowDown ease-in-out 1.5s; animation: arrowDown ease-in-out 1.5s; -webkit-animation-iteration-count: 12; -moz-animation-iteration-count: 12; -ms-animation-iteration-count: 12; animation-iteration-count: 12; } #eyecatcher #sliderdown.mover { top: 80px; } #eyecatcher #sliderdown i { opacity: .7; -moz-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } #eyecatcher #sliderdown:hover i, #eyecatcher #sliderdown:active i, #eyecatcher #sliderdown:focus i { opacity: 1; } @-webkit-keyframes arrowDown { 0% { visibility: visible; opacity:0; -webkit-transform: translate3d(0,0,0); } 25% { opacity:1; } 50% { opacity:1; } 75% { opacity:0; -webkit-transform: translate3d(0,10px,0); } } @keyframes arrowDown { 0% { visibility: visible; opacity:0; transform: translate3d(0,0,0); } 25% { opacity:1; } 50% { opacity:1; } 75% { opacity:0; transform: translate3d(0,10px,0); } } @-ms-keyframes arrowDown { 0% { visibility: visible; opacity:0; -ms-transform: translate3d(0,0,0); } 25% { opacity:1; } 50% { opacity:1; } 75% { opacity:0; -ms-transform: translate3d(0,10px,0); } } @-moz-keyframes arrowDown { 0% { visibility: visible; opacity:0; -moz-transform: translate3d(0,0,0) ; } 25% { opacity:1; } 50% { opacity:1; } 75% { opacity:0; -moz-transform:translate3d(0,10px,0) ; } } a { transition-delay: 0s; transition-duration: 0.3s; transition-property: all; transition-timing-function: ease-in-out } a.btn, nav.navbar-color .dropdown-menu > li > a:hover, nav.navbar-color .dropdown-menu > li > a:focus { -moz-transition: none; -webkit-transition: none; -o-transition: all 0 ease-in; transition: none; } ul.list li p { margin: 0; } .tabcontainer { background-color: #ffffff; } .fluid-video { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } .fluid-video > iframe, .fluid-video > video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } video { width: 100% !important; height: auto !important; } .teaser .thumbnail { background-color: #ffffff } #scroll-top { display: block; position: fixed; z-index: 9999; font-family: "FontAwesome"; font-size: 16px; text-align: center; line-height: 20px; padding: 5px 10px; bottom: 0; right: 15px; color: #4f5151; background-color: #ffffff; border: 1px solid #ffffff; border-bottom: none; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } #scroll-top:hover { background-color: #ffffff; outline: none; text-decoration: none; } #scroll-top:focus, #scroll-top:active { outline: none; text-decoration: none; } .sector-shadow-bottom-fixed { background-color: rgba(0, 0, 0, 0); background-image: url(./../../../styles/bootstrap/img/sec-shadow-top.png); background-position: center bottom; background-size: 100% 100%; background-repeat: no-repeat; content: ""; height: 15px; bottom: -15px; left: 0; width: 100%; position: absolute; z-index: 2; } @media (max-width:1199px) { .columncontainer { background: none !important; } .paragraph.overflow-x { overflow-x: auto; } } @media (max-width: 991.98px) { img.img-responsive { margin-left: auto; margin-right: auto; } } @media (min-width: 768px) { nav.navbar .dropdown > .dropdown-menu { display: none; } nav.navbar .dropdown:hover > .dropdown-menu { display: block; } } @media (max-width: 767px) { h1, .h1, h2, .h2 { text-align: center; } .paragraphsidebarsmall + p, .paragraphsidebarmedium + p, .paragraphsidebarlarge + p, .paragraphsidebarverylarge + p { margin-top: 10px; } .collapse.in .navbar-search, .collapsing .navbar-search { position: relative; display: block; width: auto; margin: 0 -15px; } .navbar-search { border-top: 1px solid #ffffff; } .search-item { display: none; } nav.navbar .dropdown-submenu > a:after { content: ""; } nav.navbar .dropdown-submenu > .dropdown-menu { display: block; } nav.navbar .dropdown-submenu > .dropdown-menu > li > a { padding-left: 45px; } nav.navbar .dropdown-submenu > .dropdown-menu > li > a:before { font-family: "FontAwesome"; content: "\f0da"; position: absolute; left: 30px; } #common, #socialicons { text-align: center; float: none; hyphens: auto; } }