@-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: #ffffff; background-color: #3a8eca; } *::-moz-selection { color: #ffffff; background-color: #3a8eca; } html { overflow-y: scroll; -ms-overflow-style: scrollbar; } @media (min-width: 1600px) { .container { width: 100% !important; } .sbars #main .container { max-width: 1600px !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: 1570px !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; } #footer .container, .navbar-wrapper .container { padding-left: 15px; padding-right: 15px; } } @media (max-width: 1599.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; } } #wrapper { margin: 0 auto; width: 100%; max-width: 1570px; } body#body { background-color: #253946; font-family: 'Fira Sans', sans-serif; } nav.navbar .navbar-nav > li > a, nav.navbar .search-item a, nav.navbar .navbar-search input[type="search"], nav.navbar .navbar-search input[type="search"]:active { font-family: 'Fira Sans', sans-serif; } #body h1, #body h2, #body h3, #body h4, #body h1 > a, #body h2 > a, #body h3 > a, #body h4 > a { font-family: 'Fira Sans', sans-serif; } .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: #fafafa; padding: 30px 0; } #top { padding: 0; background-color: #fafafa; } #top > div.container { padding-top: 30px; padding-bottom: 30px; } /* */ #eyecatcher { padding: 0; width: 100%; display: block; overflow: hidden; position: relative; background-color: #fafafa; } #eyecatcher.affix { position: fixed; top: 0; max-width: 1170px; } #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%; } #particles-footer, #particles-top { position: absolute; width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; } #top > .container, #bottom > .container { position: relative; } .footer { color: #ffffff; position: relative; } #bottom h2, #bottom h3 { color: #f2f2f2; } #bottom { background-color: #044888; color: #ffffff; } #bottom > div.container { padding-top: 30px; padding-bottom: 30px; } #bottom a { color: #eeeeee } #bottom a:hover, #bottom a:focus { color: #000000 } #footer { padding: 17px 0 13px; background-color: #033b6f; } #breadcrumb > li + li::before { content: "/"; } #breadcrumb { margin: 0 0 10px 0; font-size: 90%; color: #888888; } #breadcrumb a { text-decoration: none; -webkit-transition: color 0.2s; transition: color 0.2s; } #breadcrumb a:hover, #breadcrumb a:focus { text-decoration: none; } #body .breadcrumb > li.no-separator + li::before { content: ""; } a.accordionlink { color: #000000; } a.accordionlink:hover, a.accordionlink:focus { color: #000000; } #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: #f2f2f2;; text-decoration: none; -webkit-transition: color 0.2s; transition: color 0.2s; } #common a:hover, #socialicons a:hover { color: #f2f2f2; 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: #253946; background-image: -webkit-linear-gradient(top, #2e4757 0%, #253946 100%); background-image: -o-linear-gradient(top, #2e4757 0%, #253946 100%); background-image: linear-gradient(to bottom, #2e4757 0%, #253946 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e4757', endColorstr='#253946', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border-bottom-color: #1c2b35; } nav.navbar-color .navbar-nav > .active > a { background-image: -webkit-linear-gradient(top, #253946 0%, #233643 100%); background-image: -o-linear-gradient(top, #253946 0%, #233643 100%); background-image: linear-gradient(to bottom, #253946 0%, #233643 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#253946', endColorstr='#233643', GradientType=0); background-color: #253946; } 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: #233643; } nav.navbar-color .navbar-collapse, nav.navbar-color .navbar-form { border-color: #1c2b35; } @media (min-width: 768px) { nav.navbar-color .dropdown-menu > li > a { color: #333333; } 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,#f4f4f4 0,#e8e8e8 100%); background-image: -o-linear-gradient(top,#f4f4f4 0,#e8e8e8 100%); background-image: linear-gradient(to bottom,#f4f4f4 0,#e8e8e8 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#e8e8e8', GradientType=0); background-color: #e8e8e8; color: #333333; } 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,#2e4757 0,#253946 100%); background-image: -o-linear-gradient(top,#2e4757 0,#253946 100%); background-image: linear-gradient(to bottom,#2e4757 0,#253946 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e4757', endColorstr='#253946', GradientType=0); background-color: #253946; color: #ffffff; } nav.navbar .dropdown-submenu > a:after { font-family: FontAwesome; content: "\f0da"; color: #333333; position: absolute; right: 7.5px; } } @media (max-width: 767px) { #navbar.navbar-color .navbar-nav .open .dropdown-menu > li > a { color: #e5e5e5; } #navbar.navbar-color .navbar-nav .open .dropdown-menu > li > a:focus, #navbar.navbar-color .navbar-nav .open .dropdown-menu > li > a:hover { color: #fefefe; } #navbar.navbar-color .navbar-toggle { border-color: #f2f2f2; } #navbar.navbar-color .navbar-toggle .icon-bar { background-color: #f2f2f2; } #navbar.navbar-color .navbar-toggle:focus, #navbar.navbar-color .navbar-toggle:hover { background-color: #1c2b35 } } 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: 15px; } 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: #2e4757; } .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; } #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: #ffffff; background-color: #0562ba; border: 1px solid #066fd2; 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: #066fd2; 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 #0555a1; } .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; } } #vert-nav, #vert-nav * { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; font-size: inherit; vertical-align: baseline; line-height: 1; } #vert-nav ul { list-style: none; } #vert-nav a:focus { outline: none; } @media screen and (min-width: 992px) { .op-nav-trigger { display: none; } #vert-nav { position: fixed; right: 20px; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; } #vert-nav ul { list-style: none; } #vert-nav li { text-align: right; } #vert-nav a:after { content: ""; display: table; clear: both; } #vert-nav a span { float: right; display: inline-block; -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6); } #vert-nav a:hover span { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } #vert-nav a:hover .op-label { opacity: 1; background-color: rgba(255,255,255,0.75); border-radius: 1em; } #vert-nav a.active .op-dot { background-color: #ffffff; } #vert-nav .op-dot { position: relative; top: 6px; height: 15px; width: 15px; border-radius: 50%; background-color: #f1f9f5; -webkit-transition: -webkit-transform 0.2s, background-color 0.5s; -moz-transition: -moz-transform 0.2s, background-color 0.5s; transition: transform 0.2s, background-color 0.5s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; z-index: 2; } #vert-nav .op-label { position: relative; margin-right: -1.75em; padding: .5em 2.5em .5em 1em; color: #666666; font-size: 14px; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -moz-transition: -moz-transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s; opacity: 0; -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; } } @media screen and (max-width: 991.99px) { .op-nav-trigger { display: block; z-index: 2; position: fixed; bottom: 15px; right: 15px; height: 36px; width: 40px; font-size: 20px; border-radius: 5px; background-color: rgba(255,255,255,0.75); color: #666666; } .op-nav-trigger:hover, .op-nav-trigger:focus { cursor: pointer; color: #666666; } .op-nav-trigger .sqpnavicon { margin: 6px 9px; } .sqpnavicon.sqpnaviconclose, #vert-nav.open + .op-nav-trigger .sqpnavicon.sqpnaviconopen { display: none; } #vert-nav.open + .op-nav-trigger .sqpnavicon.sqpnaviconclose { display: inline-block; } #vert-nav { position: fixed; z-index: 1; right: 15px; bottom: 15px; width: 90%; max-width: 400px; max-height: 90%; /* overflow-y: scroll; */ -webkit-overflow-scrolling: touch; -webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; -ms-transform-origin: right bottom; -o-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; border-radius: 5px; background-color: rgba(255,255,255,0.75); overflow: hidden; } #vert-nav a { display: block; padding: .8em 1em; background-color: rgba(255,255,255,0.5); color: #666666; text-decoration: none; } #vert-nav a span:first-child { display: none; } #vert-nav a:hover, #vert-nav a.active span:last-child { color: #ffffff; } #vert-nav.open { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } #vert-nav.open + .op-nav-trigger { background-color: transparent; } #vert-nav li:last-child { border-bottom: none; } #vert-nav li:last-child a { border-bottom: none; } }