@-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;
}
body#body {
   background-color: #044888;
}



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

#audioopen, #audioclose {
   display: none;
}
#top, #main, #footer-content {
   position: relative;
}
#main {
   background-color: #044888;
   padding: 20px 0;
}

#top {
   padding: 0;
   background-color: #044888;
}
#top > div.container {
   padding-top: 20px;
   padding-bottom: 20px;   
}
#eyecatcher {
   padding: 0;
   width: 100%;
   display: block;
   overflow: hidden;
   position: relative;
   background-color: #044888;
}
#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: #ffffff;
   position: relative;
}
#footer-content h2, #footer-content h3 {
   color: #eeeeee;
}
#footer-content {
   background-color: #0d98fe;
   color: #ffffff
}
#footer-content > div.container {
   padding-top: 20px;
   padding-bottom: 20px;  
}
#footer-content a {
   color: #eeeeee
}
#footer-content a:hover,
#footer-content a:focus {
   color: #e41212
}
#footer {
   padding: 17px 0 13px;
   background-color: #018bf1;
   }
#breadcrumb > li + li::before {
   content: "»";
}
a.accordionlink {
   color: #044888;
}
a.accordionlink:hover,
a.accordionlink:focus {
   color: #0d98fe;
}
{* 
#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,
nav.navbar-color .dropdown-menu > .active > a,
nav.navbar-color .dropdown-menu > .active > a:hover,
nav.navbar-color .dropdown-menu > .active > a:focus {
   background-color: #044888;
   background-image: -webkit-linear-gradient(top, #0555a1 0%, #044888 100%);
   background-image: -o-linear-gradient(top, #0555a1 0%, #044888 100%);
   background-image: linear-gradient(to bottom, #0555a1 0%, #044888 100%);
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0555a1', endColorstr='#044888', GradientType=0);
   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
   border-bottom-color: #033b6f;
}
nav.navbar-color .navbar-nav > .active > a {
   background-image: -webkit-linear-gradient(top, #044888 0%, #033b6f 100%);
   background-image: -o-linear-gradient(top, #044888 0%, #033b6f 100%);
   background-image: linear-gradient(to bottom, #044888 0%, #033b6f 100%);
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#044888', endColorstr='#033b6f', GradientType=0);
}
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: #044583;
}

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 > li > a {
   padding: 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 > a:after {
   font-family: FontAwesome;
   content: "\f0da";
   color: #AAA;
   position: absolute;
   right: 7.5px;
}
nav.navbar .dropdown-submenu:hover > a:after {
   color: #333;
}
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: #018bf1;
}
.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;
}

#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 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 {
   -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: #40aefe;
   border: 1px solid #59b8fe;
   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: #59b8fe;
   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: 991px) {
   img.img-responsive {
      margin-left: auto;
      margin-right: auto;
   }
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
   h1, .h1, h2, .h2 {
      text-align: center;
   }
   .paragraphborder_default {
      border: none !important;
      background: none !important;
      box-shadow: none !important;
   }
   .collapse.in .navbar-search,
   .collapsing .navbar-search {
      position: relative;
      display: block;
      width: auto;
      margin: 0 -15px;
   }
   .navbar-search {
      border-top: 1px solid #26a3fe;
   }
   .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;
   }
}