/* CSS Document */
body{padding:0px; margin:0px; background:#052b58; color:#fff; font:10px/14px Tahoma, sans-serif;}
div, p, ul, h2, h3, h4, img{padding:0px;}
ul{list-style-type:none;}
h2 {font-size: 15px;}
marquee {
    font-size: 15px;
    font-weight: 200;
    color: #FFFFFF;
    font-family: sans-serif;
}

.clear {clear: both; margin: 0px; height:0}

p a{font:10px/14px Tahoma, sans-serif; color:#c2ecff; text-decoration:underline;}
p a:hover{ color:#fff; text-decoration:none;}

p a.a2{font:10px/14px Tahoma, sans-serif; color:#fff; text-decoration:underline;}
p a.a2:hover{ color:#c2ecff; text-decoration:none;}

.headline{font:10px/14px Tahoma, sans-serif; color:#f2ad01; font-weight:bold}

#container{width:775px; position:relative; margin:0 auto; border:#FFF 1px solid}

/* HEADER */

#header{width:775px; height:258px;  position:relative; background:url(../images/img_header.jpg) 0 0 repeat-x;}
#header img#logo{position:absolute;}
#header img#slogan{position:absolute; top:114px; left:44px}

#header ul.presentation{position:absolute; top:22px; left:583px; width:175px}
#header ul.presentation li{padding-left:12px; background:url(../images/arrow1.gif) 0 4px no-repeat}
#header ul.presentation li a{font:10px/14px Tahoma, sans-serif; color:#d9f1ff; text-decoration:none; font-weight:bold}
#header ul.presentation li a:hover{color:#fff}

#header ul.menu{position:absolute; top:77px; left:610px; width:102px}
#header ul.menu li{width:102px; height:22px; margin-bottom:9px}
#header ul.menu li a{width:102px; height:22px; display:block; text-indent:-20000px; }
#header ul.menu li a:hover{width:102px; height:22px;}

#header ul.menu li.btn_1 a{background:url(../images/btn_1.jpg) 0 0 no-repeat; }
#header ul.menu li.btn_1 a:hover{background:url(../images/btn_1_over.jpg) 0 0 no-repeat;}

#header ul.menu li.btn_2 a{background:url(../images/btn_2.jpg) 0 0 no-repeat; }
#header ul.menu li.btn_2 a:hover{background:url(../images/btn_2_over.jpg) 0 0 no-repeat;}

#header ul.menu li.btn_3 a{background:url(../images/btn_3.jpg) 0 0 no-repeat; }
#header ul.menu li.btn_3 a:hover{background:url(../images/btn_3_over.jpg) 0 0 no-repeat;}

#header ul.menu li.btn_4 a{background:url(../images/btn_4.jpg) 0 0 no-repeat; }
#header ul.menu li.btn_4 a:hover{background:url(../images/btn_4_over.jpg) 0 0 no-repeat;}

#header ul.menu li.btn_5 a{background:url(../images/btn_5.jpg) 0 0 no-repeat; }
#header ul.menu li.btn_5 a:hover{background:url(../images/btn_5_over.jpg) 0 0 no-repeat;}

/* CONTENT */

#content{width:775px; position:relative; margin-top:23px}

#leftPan{width:365px; float:left; margin-right:30px; margin-left:64px; display:inline}
#rightPan{width:260px; float:left;; margin-top:2px}

#welcome{margin-bottom:25px}
#welcome h2{position:relative; margin-bottom:12px}
#welcome img{float:left; margin-right:15px; margin-left:7px;margin-top:5px}
#welcome p{float:left; width:220px}

#services h2{height:19px; position:relative; background:url(../images/h_services.gif) 0 0 no-repeat; margin-bottom:12px}
#services p.headline{display:block; margin-bottom:15px; margin-left:4px}
#services p#servTxt{width:168px; margin:0 18px 0 4px; float:left}
#services ul{float:left}
#services ul li{font:10px/14px Tahoma, sans-serif; background:url(../images/bullet1.gif) 0 5px no-repeat; padding-left:14px; height:22px;}
#services ul li a{color:#fff; text-decoration:underline;}
#services ul li a:hover{color:#fff; text-decoration:none; background:#081c34}

#news{margin-bottom:20px}
#news h2{height:19px; position:relative; margin-bottom:10px}
#news p{padding-left:19px; margin:0 0 15px 6px; background:url(../images/file.gif) 0 3px no-repeat}

#solutions h2{height:19px; position:relative; background:url(../images/h_solutions.gif) 0 0 no-repeat; margin-bottom:17px}
#solutions img{float:left; margin-right:18px; margin-left:6px}
#solutions p#txt01{float:left; width:150px; padding-top:2px}
#solutions p#txt02{float:left; width:240px;margin-left:10px;}
#solutions .clear#space01{height:10px}

/* FOOTER */


#footer{height:50px; clear:both; width:775px; margin-top:20px; background:#052345}
#footer p{padding: 10px 0 0 0; font:10px/16px Tahoma, sans-serif; font-weight:normal; text-align:center; color:#c2ecff;}
#footer p a{font:10px/16px Tahoma, sans-serif; font-weight:normal; color:#c2ecff; text-decoration:none; padding: 0 3px }
#footer p a:hover{text-decoration:none; background:#c2ecff; color:#fff}






/*  .u-menu {
  opacity: 0;
}
.u-responsive-xxl .u-menu,
.u-responsive-xl .u-menu,
.u-responsive-lg .u-menu,
.u-responsive-md .u-menu,
.u-responsive-sm .u-menu,
.u-responsive-xs .u-menu {
  opacity: 1;
} */
 .u-menu,
.u-popupmenu-items {
  display: table;
  white-space: nowrap;
  position: relative;
  line-height: 1;
}
.u-popupmenu-items {
  min-width: 120px;
}
.u-popupmenu-items .u-nav {
  width: 100%;
}
.u-popupmenu-items .u-nav-link {
  padding: 8px 0;
  white-space: normal;
}
.u-nav,
.u-nav-item {
  position: relative;
} 



.u-nav {
  display: inline-block;
  list-style: none;
  /* margin: 0;
  padding: 0; */
} 
.u-nav-item {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  padding: 0;
  margin: 0;
  height: 100%;
}
.u-nav-popup .u-nav-item {
  height: auto;
}
.u-nav-popup .u-nav:not([class*="u-align-"]) .u-nav {
  text-align: inherit;
}
 .u-nav-container .u-nav-popup {
  position: absolute;
  visibility: hidden;
  pointer-events: none;
  z-index: 99;
}  
.u-nav-container .u-nav-item .u-nav-item {
  display: block;
}
.u-nav-container .u-nav-item:hover > .u-nav-popup:not(.fake) {
  visibility: visible;
  pointer-events: auto;
}
.u-menu-mega .u-nav-container .u-mega-popup .u-nav {
  display: block;
}
.u-menu-mega .u-nav-container .level-2 > .u-nav {
  display: grid;
}
.u-menu-mega .u-nav-container .level-2.u-columns-auto > .u-nav {
  display: flex;
}
.u-menu-mega .u-nav-container .level-2 > .u-nav a {
  white-space: nowrap;
}
.u-menu-mega .u-nav-container .level-2 > .u-nav > li > a {
  white-space: normal;
}
.u-menu-mega .u-nav-container .u-mega-popup .level-3 {
  position: relative;
  top: 0 !important;
  left: 0 !important;
  right: auto !important;
}
.u-menu-mega .u-nav-container .u-nav-item:hover > .u-mega-popup:not(.fake) .u-nav-popup,
.u-menu-mega .u-nav-container .u-mega-popup.open .u-nav-popup {
  visibility: visible;
  pointer-events: auto;
}
.u-menu-mega .u-nav-container .u-mega-popup > .u-nav {
  min-width: 120px;
  max-width: -webkit-min-content;
  max-width: min-content;
}
.u-menu-mega .u-nav-container .u-mega-popup > .u-nav .u-nav {
  width: auto;
}
.u-columns-1 .u-popupmenu-items {
  grid-template-columns: repeat(1, 100%);
}
@media (min-width: 1400px) {
  .u-columns-1-xxl .u-popupmenu-items {
    grid-template-columns: repeat(1, 100%);
  }
}
@media (min-width: 1200px) {
  .u-xl-mode .u-columns-1-xl .u-popupmenu-items {
    grid-template-columns: repeat(1, 100%);
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .u-xxl-mode .u-columns-1-xl .u-popupmenu-items {
    grid-template-columns: repeat(1, 100%);
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .u-columns-1-lg .u-popupmenu-items {
    grid-template-columns: repeat(1, 100%);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .u-columns-1-md .u-popupmenu-items {
    grid-template-columns: repeat(1, 100%);
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .u-columns-1-sm .u-popupmenu-items {
    grid-template-columns: repeat(1, 100%);
  }
}
@media (max-width: 575px) {
  .u-columns-1-xs .u-popupmenu-items {
    grid-template-columns: repeat(1, 100%);
  }
}
.u-columns-2 .u-popupmenu-items {
  grid-template-columns: repeat(2, 50%);
}
@media (min-width: 1400px) {
  .u-columns-2-xxl .u-popupmenu-items {
    grid-template-columns: repeat(2, 50%);
  }
}
@media (min-width: 1200px) {
  .u-xl-mode .u-columns-2-xl .u-popupmenu-items {
    grid-template-columns: repeat(2, 50%);
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .u-xxl-mode .u-columns-2-xl .u-popupmenu-items {
    grid-template-columns: repeat(2, 50%);
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .u-columns-2-lg .u-popupmenu-items {
    grid-template-columns: repeat(2, 50%);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .u-columns-2-md .u-popupmenu-items {
    grid-template-columns: repeat(2, 50%);
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .u-columns-2-sm .u-popupmenu-items {
    grid-template-columns: repeat(2, 50%);
  }
}
@media (max-width: 575px) {
  .u-columns-2-xs .u-popupmenu-items {
    grid-template-columns: repeat(2, 50%);
  }
}
.u-columns-3 .u-popupmenu-items {
  grid-template-columns: repeat(3, 33.33333333%);
}
@media (min-width: 1400px) {
  .u-columns-3-xxl .u-popupmenu-items {
    grid-template-columns: repeat(3, 33.33333333%);
  }
}
@media (min-width: 1200px) {
  .u-xl-mode .u-columns-3-xl .u-popupmenu-items {
    grid-template-columns: repeat(3, 33.33333333%);
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .u-xxl-mode .u-columns-3-xl .u-popupmenu-items {
    grid-template-columns: repeat(3, 33.33333333%);
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .u-columns-3-lg .u-popupmenu-items {
    grid-template-columns: repeat(3, 33.33333333%);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .u-columns-3-md .u-popupmenu-items {
    grid-template-columns: repeat(3, 33.33333333%);
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .u-columns-3-sm .u-popupmenu-items {
    grid-template-columns: repeat(3, 33.33333333%);
  }
}
@media (max-width: 575px) {
  .u-columns-3-xs .u-popupmenu-items {
    grid-template-columns: repeat(3, 33.33333333%);
  }
}
.u-columns-4 .u-popupmenu-items {
  grid-template-columns: repeat(4, 25%);
}
@media (min-width: 1400px) {
  .u-columns-4-xxl .u-popupmenu-items {
    grid-template-columns: repeat(4, 25%);
  }
}
@media (min-width: 1200px) {
  .u-xl-mode .u-columns-4-xl .u-popupmenu-items {
    grid-template-columns: repeat(4, 25%);
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .u-xxl-mode .u-columns-4-xl .u-popupmenu-items {
    grid-template-columns: repeat(4, 25%);
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .u-columns-4-lg .u-popupmenu-items {
    grid-template-columns: repeat(4, 25%);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .u-columns-4-md .u-popupmenu-items {
    grid-template-columns: repeat(4, 25%);
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .u-columns-4-sm .u-popupmenu-items {
    grid-template-columns: repeat(4, 25%);
  }
}
@media (max-width: 575px) {
  .u-columns-4-xs .u-popupmenu-items {
    grid-template-columns: repeat(4, 25%);
  }
}
.u-columns-5 .u-popupmenu-items {
  grid-template-columns: repeat(5, 20%);
}
@media (min-width: 1400px) {
  .u-columns-5-xxl .u-popupmenu-items {
    grid-template-columns: repeat(5, 20%);
  }
}
@media (min-width: 1200px) {
  .u-xl-mode .u-columns-5-xl .u-popupmenu-items {
    grid-template-columns: repeat(5, 20%);
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .u-xxl-mode .u-columns-5-xl .u-popupmenu-items {
    grid-template-columns: repeat(5, 20%);
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .u-columns-5-lg .u-popupmenu-items {
    grid-template-columns: repeat(5, 20%);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .u-columns-5-md .u-popupmenu-items {
    grid-template-columns: repeat(5, 20%);
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .u-columns-5-sm .u-popupmenu-items {
    grid-template-columns: repeat(5, 20%);
  }
}
@media (max-width: 575px) {
  .u-columns-5-xs .u-popupmenu-items {
    grid-template-columns: repeat(5, 20%);
  }
}
.u-columns-6 .u-popupmenu-items {
  grid-template-columns: repeat(6, 16.66666667%);
}
@media (min-width: 1400px) {
  .u-columns-6-xxl .u-popupmenu-items {
    grid-template-columns: repeat(6, 16.66666667%);
  }
}
@media (min-width: 1200px) {
  .u-xl-mode .u-columns-6-xl .u-popupmenu-items {
    grid-template-columns: repeat(6, 16.66666667%);
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .u-xxl-mode .u-columns-6-xl .u-popupmenu-items {
    grid-template-columns: repeat(6, 16.66666667%);
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .u-columns-6-lg .u-popupmenu-items {
    grid-template-columns: repeat(6, 16.66666667%);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .u-columns-6-md .u-popupmenu-items {
    grid-template-columns: repeat(6, 16.66666667%);
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .u-columns-6-sm .u-popupmenu-items {
    grid-template-columns: repeat(6, 16.66666667%);
  }
}
@media (max-width: 575px) {
  .u-columns-6-xs .u-popupmenu-items {
    grid-template-columns: repeat(6, 16.66666667%);
  }
}



 .u-nav-link {
 /*  display: block; */
  white-space: nowrap;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  font-style: inherit;
  font-weight: inherit;
  text-decoration: none;
  border: 0 none transparent;
  outline-width: 0;
  background-color: transparent;
  margin: 0;
  -webkit-text-decoration-skip: objects;
} 

/* .u-nav-link,
.u-nav-link:hover,
.u-nav-link:focus {
  text-decoration: none;
} */




/*  .menu-collapse .u-nav-link.u-file-icon::after {
  content: '';
  height: 1em;
  display: block;
}
.u-nav-container-collapse {
  display: none;
  z-index: 1001;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  position: fixed !important;
  overflow: hidden;
  width: 0;
}
.u-enable-responsive .menu-collapse {
  display: block;
}
.u-enable-responsive:not(.open) .u-sidenav {
  border: none;
}
.u-enable-responsive .u-sidenav {
  flex: 0 0 0;
}
 .u-enable-responsive .u-sidenav .u-inner-container-layout:before {
  display: none;
} 
.u-enable-responsive .u-sidenav .u-popupmenu-items {
  display: table;
} */


.u-enable-responsive .u-sidenav .u-nav-item {
  display: block;
  height: auto;
  margin-left: 0;
  /* override horizontal spacing */
 } 
/*  */




article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

.u-hide-header .u-header,
.u-hide-footer .u-footer {
  display: none;
}

.u-header.u-sticky {
  position: fixed;
  top: 0;
}

.u-header.u-box-shadow {
  z-index: 1;
}
.u-overlap .u-header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}
.u-header.u-sticky,
.u-overlap .u-header {
  z-index: 20;
  padding-top: 0.1px;
}
.u-overlap .u-header.u-sticky {
  position: fixed;
}
.u-overlap.u-offcanvas-opened .u-header.u-sticky + section {
  z-index: -1;
}
.u-overlap.u-overlap-transparent .u-header,
.u-image,
.u-gradient {
  color: #111111;
}














/*end-variables sitestylecss*/
 .u-header {
  background-image: linear-gradient(#478ac9, #db545a);
}

.u-header .u-sheet-1 {
  min-height: 57px;
}

.u-header .u-image-1 {
  width: 80px;
  height: 46px;
  margin: 11px auto 0 0;
}

.u-header .u-logo-image-1 {
 
  height: 100%;
}

.u-header .u-menu-1 {
  margin: -46px auto 10px 161px;
}

.u-header .u-nav-1 {
  font-size: 1rem;
}

.u-header .u-nav-2 {
  font-size: 1.25rem;
}
@media (max-width: 1199px) {
  .u-header .u-image-1 {
    width: 80px;
  }

  .u-header .u-menu-1 {
    width: auto;
  }

  .u-header .u-nav-1 {
    letter-spacing: normal;
  }
}


@media (max-width: 575px) {
  .u-header .u-menu-1 {
    margin-left: 101px;
  }
}
 .u-footer {
  background-image: none;
}

.u-footer .u-sheet-1 {
  min-height: 120px;
}

.u-footer .u-text-1 {
  width: 417px;
  margin: 49px auto;
}
@media (max-width: 1199px) {
  .u-footer .u-sheet-1 {
    min-height: 99px;
  }
}
@media (max-width: 991px) {
  .u-footer .u-sheet-1 {
    min-height: 76px;
  }
}
@media (max-width: 767px) {
  .u-footer .u-sheet-1 {
    min-height: 57px;
  }
}
@media (max-width: 575px) {
  .u-footer .u-sheet-1 {
    min-height: 36px;
  }

  .u-footer .u-text-1 {
    width: 340px;
  }
}

 /*begin-variables base-font-size*/ 
 html { font-size: 16px; }
 /*end-variables base-font-size*/