@-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: 1260px) {
  .container {
    width: 1230px !important;
  }
}


body#body {
   background-color: #7b8594;
   padding-top: 50px;
}



.lazy-hidden {
   opacity: 0;
}
.lazy-loaded {
   <br />
<b>Warning</b>:  math: parameter x is empty in <b>/homepages/8/d471563416/htdocs/classes/smarty.3.1.30/plugins/function.math.php</b> on line <b>76</b><br />

   -webkit-transition: opacity s;
   -moz-transition: opacity s;
   -ms-transition: opacity s;
   -o-transition: opacity s;
   transition: opacity s;
   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 {
  margin-left: -15px;
  margin-right: -15px;
}

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

#top {
   padding: 0;
   background-color: #ffffff;
   border-bottom: 1px solid #f2f2f2;
}
#top > div.container {
   padding-top: 20px;
   padding-bottom: 20px;
}
.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%;
}
#particles-footer, #particles-top {
   position: absolute;
   width: 100%;
   height: 100%;
   background-size: cover;
   background-position: 50% 50%;
}
#top > .container, #footer-content > .container {
   position: relative;
}
.footer {
   color: #7b8594;
   position: relative;
}
#footer-content h2, #footer-content h3 {
   color: #f2f2f2;
}
#footer-content {
   background-color: #ffffff;
   color: #7b8594
   border-top: 1px solid #ffffff;
}
#footer-content > div.container {
   padding-top: 20px;
   padding-bottom: 20px;
}
#footer-content a {
   color: #ffffff
}
#footer-content a:hover,
#footer-content a:focus {
   color: #000000
}
#footer {
   padding: 17px 0 13px;
   background-color: #ffffff;
         border-top: 1px solid #ffffff;
   }
#breadcrumb > li + 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: #1e38c2;;
   text-decoration: none;
   -webkit-transition: color 0.2s;
   transition: color 0.2s;
}
#common a:hover,
#socialicons a:hover {
   color: #13396d;
   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: #000000;
   }
   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;
   }
   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,#0c324f 0,#092439 100%);
      background-image: -o-linear-gradient(top,#0c324f 0,#092439 100%);
      background-image: linear-gradient(to bottom,#0c324f 0,#092439 100%);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0c324f', endColorstr='#092439', GradientType=0);
      background-color: #092439;
      color: #ffffff;
   }
   nav.navbar .dropdown-submenu > a:after {
      font-family: FontAwesome;
      content: "\f0da";
      color: #000000;
      position: absolute;
      right: 7.5px;
   }
}
@media (max-width: 767px) {
   #navbar.navbar-color .navbar-nav .open .dropdown-menu > li > a {
      color: #000000;
   }
   #navbar.navbar-color .navbar-nav .open .dropdown-menu > li > a:focus,
   #navbar.navbar-color .navbar-nav .open .dropdown-menu > li > a:hover {
      color: #0c0c0c;
   }
   #navbar.navbar-color .navbar-toggle {
      border-color: #000000;
   }
   #navbar.navbar-color .navbar-toggle .icon-bar {
      background-color: #000000;
   }
   #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: px;
}
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.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;
}


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: #7b8594;
   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: 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;
   }
*}

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