body { margin: auto; font-size: 12px; line-height: 20px; font-family: Arial, tahoma;cursor: default;overflow-x: hidden; }
* { outline: none; }
a { text-decoration: none; color: #22689f; transition: all 0.3s ease; }
a:hover { color: #ffe400; text-decoration: none; }
*:focus { outline: none !important; }
img { border: none; }
.container-fluid { padding: 0; }
.row { margin: 0; }
.Main { position: relative; overflow-x: hidden; }

/**************Header**********************/
.Header {    min-height: 153px; position: relative;transition: all 0.3s ease; }
.Header:after { position: absolute; content: ""; background: url("../../images/icons.png") no-repeat; width: 1099px; height: 154px; right: -50px; top: 0; z-index: -1; }
.Logo { padding-top: 25px; }
.Logo img{ transition: all 0.7s ease;}
.Header-Right { padding-right: 0px; }
.Top-Header { text-align: right; padding-bottom: 65px; position: relative; padding-top: 20px;padding-right: 10px; }
.Top-Header:after { position: absolute; content: ""; background-color: #22689f; width: 340px; height: 8px; right: 0; top: 0; }
.Top-Links { float: right; width: 170px; }
.Top-Links ul { padding: 0; }
.Top-Links ul li { display: inline-block; list-style: none; position: relative; padding-right: 4px; padding-left: 4px; font-size: 11px; }
.Top-Links ul li:after { position: absolute; content: ""; background-color: #86a2c0; height: 8px; width: 1px; top: 7px; right: -2px; }
.Top-Links ul li:last-child:after { display: none; }
.Top-Links ul li a { color: #86a2c0; font-size: 11px; }
.Top-Links ul li a:hover { color: #206295; }
.NewsLetter { position: relative; text-align: center; font-size: 11px; float: right; width: 100px; color: #22689f; }
.NewsLetter:after { position: absolute; content: ""; width: 17px; height: 12px; background: url("../../images/icons.png") no-repeat 0 -368px; right: 0; top: 4px; }
.Search { position: relative; font-size: 11px; color: #22689f; width: 75px; float: right; text-align: center; }
.Search:after { position: absolute; content: ""; width: 16px; height: 15px; background: url("../../images/icons.png") no-repeat 0 -343px; right: 0; top: 1px; }
.SearchBTN { background: transparent; width: 75px; text-align: center; border: 0; background: transparent; font-size: 11px; color: #22689f; padding: 0; }
.SearchBTN:hover { color: #86a2c0; }
.modal-header { border: 0; }
.modal.in .modal-dialog { transform: translate(0px, 0px); transition: transform 0.5s ease-out 0s; }
.modal.fade .modal-dialog { transform: translate(0px, 0%); transition: transform 0.5s ease-out 0s; }
.modal-backdrop.in { opacity: 0.75; }
.modal-content { min-height: 200px; border: 0; border-radius: 0; background-color: #f6f6f6; }
.modal-content-input { border: 1px solid #21689f; height: 45px; padding: 10px; width: 97%; font-size: 12px; }
.modal-content .modal-body { padding-top: 40px; }
.Search .modal-content .modal-body-button { margin-top: 17px!important; vertical-align: top; margin-left: -30px!important; background: url("../../images/icons.png") no-repeat 0 -343px; width: 16px; height: 15px; border: 0; }
.NewsLetterBTN { background: transparent; border: 0; text-align: center; font-size: 11px; width: 100px; color: #22689f; }
.NewsLetterBTN:hover { color: #86a2c0; }
.NewsLetter .modal-content .modal-body-button { margin-top: 17px!important; vertical-align: top; margin-left: -30px!important; background: url("../../images/icons.png") no-repeat 0 -368px; width: 17px; height: 12px; border: 0; }
.Menu { }
.dropdown-submenu ul{display: none!important}
.Menu .navbar-default { background: transparent; border: none; margin-bottom: 0; min-height: 0; }
.Menu .navbar-collapse { padding: 0; }
.Menu .navbar-nav { float: right; border-top: 1px solid #e4e4e4; }
.Menu .navbar-nav li { transition: all 0.3s ease; font-size: 12px; text-transform: uppercase; margin-left: 7px; margin-right: 7px; margin-top: 10px; }
.Menu .navbar-nav>li:hover { background-color: #0d65a8; }
.Menu .navbar-nav>li:hover>a { color: #fff; }
.Menu .navbar-nav li a { color: #231f20; padding: 1px 5px; }
.navbar-nav .open .dropdown-menu{ text-align: left;min-width: 120px;}
.fixed-menu{     position: fixed;width: 100%;z-index: 16;background: #fff;left: 0;transition: all 0.7s ease;min-height: 120px;    background: #e1e1e1;}
.fixed-menu .Logo img{ width: 180px;}
.fixed-menu .NewsLetter{display: none}
.fixed-menu .Search{ display: none;}
.fixed-menu .Top-Header{ padding-bottom: 45px;padding-right: 10px}
.fixed-menu:after{ display: none;}
.modal-display { position: relative!important}
/**************Banner**********************/
.Banner { position: relative; }
.carousel-fade .carousel-inner .item { -webkit-transition-property: opacity; transition-property: opacity; }
.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { opacity: 0; }
.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; }
.carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.Banner-Txt { z-index: 2;  bottom: 90px; padding-bottom: 35px;  padding-top: 35px; position: absolute; right: 110px; }
.Banner-Txt h2 {     border-left: 2px solid #fff;padding-left: 20px;font-size: 20px; color: #f4f4f4; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; margin: 0 ; }
.Banner-Txt h3 {     border-left: 2px solid #fff;padding-left: 20px;color: #f4f4f4; font-size: 20px; margin: 0; }
.Banner .carousel-indicators { width: 100%; left: auto; right: 30px; bottom: 10px; margin-left: 0; text-align: right; }
.Banner .carousel-indicators li { width: 14px; height: 14px; border-radius: 0; border: 0; background-color: #637b8c; margin: 0 1px; }
.Banner .carousel-indicators li.active { border: 0; background-color: #fedc00; margin: 0 1px; }
.Banner-Cover { position: absolute; /*background: url("../../images/BannerShadow.png") repeat-y;*/ width: 850px; top: 0; height: 100%; right: 0; }
/**************Content**********************/
.Boxes {border-top: 50px solid #fff }
.Box { height: 350px; padding: 0; position: relative; }
.Box:after { position: absolute; content: ""; background-color: #fedc00; width: 0; transform: scale(0); height: 5px; bottom: 0; left: 0; transition: all 0.3s ease; }
.Box:hover:after { width: 100%; transform: scale(1); }
.Service { background: url("../../images/ServicPic.jpg") no-repeat center top; }
.Market { background: url("../../images/MarketPic.jpg") no-repeat center top; }
.Product { background: url("../../images/ProductPic.jpg") no-repeat center top; }
.Box-Txt { transition: all 0.35s ease; background-color: rgba(83, 155, 211, 0.7); text-align: center; height: 100px; padding-top: 45px; position: relative; padding-left: 70px; padding-right: 70px; }
.Box-Txt h2 { cursor: pointer; margin: 0; color: #ffffff; font-size: 24px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; border-left: 7px solid #fff; display: inline-block; padding-left: 12px; }
.Box-Txt h2 a{color: #fff}
.Box-Txt:after { position: absolute; content: ""; bottom: -20px; left: 50%; border: 20px solid transparent; border-top-color: rgba(83, 155, 211, 0.7); transform: translate(-50%, 50%); }
.Box-Txt ul { z-index: 5; padding-left: 15px; margin-top: 20px; text-align: left; border-top: 1px solid #38709b; padding-top: 20px; transition: all 0.3s ease; opacity: 0; }
.Box-Txt ul li { position: relative; font-size: 15px; color: #dee5ec; padding-bottom: 5px; list-style: none; }
.Box-Txt ul li:before { position: absolute; content: ""; left: 0; top: 10px; background-color: #fff; height: 1px; width: 0px; transition: all 0.2s ease; }
.Box-Txt ul li:hover:before { width: 8px; }
.Box-Txt ul li a { color: #dee5ec; }
.Box-Txt ul li a:hover { padding-left: 12px; color: #fff; }
.Box:hover .Box-Txt { height: 275px; background-color: rgba(23, 96, 153, 0.97); }
.Box:hover .Box-Txt ul { opacity: 1; }
.Service:hover .Box-Txt:after { position: absolute; content: ""; background: url(../../images/icons.png) -432px -718px; border: none; width: 101px; height: 65px; bottom: 33px; }
.Market:hover .Box-Txt:after { position: absolute; content: ""; background: url(../../images/icons.png) -432px -718px; border: none; width: 101px; height: 65px; bottom: 33px; }
.Product:hover .Box-Txt:after { position: absolute; content: ""; background: url(../../images/icons.png) -432px -718px; border: none; width: 101px; height: 65px; bottom: 33px; }
.Welcome { margin-top: 80px; border-bottom: 1px solid #d2d2d2; padding-bottom: 80px; }
.Welcome h1 { font-size: 24px; color: #22689f; padding-bottom: 10px; }
.Welcom-Pic { border-right: 1px solid #d2d2d2; border-top: 1px solid #d2d2d2; padding: 10px 10px 0 0; }
.Welcom-Txt { padding: 10px 0 0 22px; border-top: 1px solid #d2d2d2; margin-top: 35px; }
.Welcom-Txt h2 { color: #4d4d4d; font-size: 22px; padding-bottom: 10px; }
.Welcom-Txt p { color: #757575; font-size: 13px; margin-bottom: 30px; }
.Welcome .More { background-color: #0d65a8; color: #fff; text-align: center; text-transform: uppercase; padding: 2px 12px; display: inline-block; }
.Welcome .More a { color: #fff; }
.Welcome .More:hover { background-color: #ffe400; }
.Welcome .More:hover a { color: #22689f; }
.News-Careers { margin-top: 7px; }
.News { padding: 0 15px 0 0; }
.News-Content { padding: 50px 40px 40px 60px; background-color: #f6f6f6; border-bottom: 1px solid #fff; height: 340px; transition: all 0.3s ease; position: relative; }
.News-Content:hover { background-color: #ffe400; }
.News-Content:after { position: absolute; content: ""; background: url("../../images/icons.png") no-repeat 0 -442px; width: 746px; height: 21px; bottom: -21px; left: 0; }
.News-Content:before { position: absolute; content: ""; background: url("../../images/news.png") no-repeat; width: 397px; height: 122px; top: 35px; right: 10px; }
.News-Content h3 { font-size: 24px; color: #22689f; padding-bottom: 20px; }
.News-Content h4 { font-size: 14px; color: #292929; font-weight: bold; padding-bottom: 5px; line-height: 20px; margin-top: 0; }
.News-Content h4 a { color: #292929; }
.News-Content h4 a:hover { color: #727271; }
.News-Content p { font-size: 13px; color: #757575; line-height: 18px; }
.Date { color: #21689f; font-size: 11px; padding-top: 30px; }
.News-Content .carousel-indicators { width: 100%; left: auto; right: -10px; top: -40px; bottom: auto; margin-left: 0; text-align: right; }
.News-Content .carousel-indicators li { width: 14px; height: 14px; border-radius: 0; border: 0; background-color: #d2d2d2; margin: 0 1px; }
.News-Content .carousel-indicators li.active { border: 0; background-color: #525252; margin: 0 1px; }
.Careers-Content { padding: 50px 40px 40px 60px; background-color: #f6f6f6; border-bottom: 1px solid #fff; height: 340px; transition: all 0.3s ease; position: relative; }
.Careers-Content:before { position: absolute; content: ""; background: url("../../images/career.png") no-repeat; width: 567px; height: 122px; top: 35px; right: 20px; }
.Careers-Content:after { position: absolute; content: ""; background: url("../../images/icons.png") no-repeat 0 -442px; width: 746px; height: 21px; bottom: -21px; left: 0; }
.Careers { padding: 0 0px 0 15px; }
.Careers-Content:hover { background-color: #ffe400; }
.Careers-Content h3 { color: #22689f; font-size: 24px; padding-bottom: 20px; }
.Careers-Content p { color: #757575; font-size: 14px; }
.CareerPic { position: absolute; right: 5px; top: 190px; background: url("../../images/icons.png") no-repeat 0 -174px; width: 396px; height: 127px; }
.More-Career { display: inline-block; font-size: 13px; color: #1d1d1d; position: relative; margin-left: 5px; padding-left: 15px; margin-top: 40px; }
.More-Career a { color: #1d1d1d; }
.More-Career:before { position: absolute; content: ""; background: url("../../images/icons.png") no-repeat 0px -316px; width: 6px; height: 12px; top: 5px; left: 0; }
.More-Career:after { position: absolute; content: ""; background-color: #7f7214; width: 0px; height: 2px; top: 20px; left: 15px; transition: all 0.3s ease; }
.More-Career:hover:after { width: 93%; }
.right.carousel-control { background: url("../../images/icons.png") no-repeat 0 -388px; width: 31px; height: 31px; opacity: 1; right: -15px; bottom: 10px; position: absolute; top: auto; }
.right.carousel-control:hover { opacity: 0.6; }
.News-Content .carousel, .Careers-Content .carousel { min-height: 200px; z-index: 2; }
/**************Footer**********************/
.Footer { margin-top: 60px; background-color: #21689f; min-height: 330px; position: relative; padding-left: 30px; padding-right: 30px; }
.Footer:after { position: absolute; content: ""; background-color: #21689f; height: 330px; width: 50px; top: 0; right: -50px; }
.Footer:before { position: absolute; content: ""; background-color: #21689f; height: 330px; width: 50px; top: 0; left: -50px; }
.Footer-Links { position: relative; z-index: 2; margin-top: 60px; }
.Footer-Links h4 { font-size: 14px; font-weight: bold; color: #f3f3f3; letter-spacing: 1px; text-transform: uppercase; }
.Footer-Links p { font-size: 12px; color: #b6cfe2!important; margin-bottom: 2px; }
.Footer-Links ul { padding-left: 5px; }
.Footer-Links ul li { font-size: 12px; color: #b6cfe2!important; list-style: none; position: relative; transition: all 0.3s ease; }
.Footer-Links ul li a { color: #b6cfe2!important; }
.Footer-Links ul li a:hover { color: #fff; padding-left: 8px; }
.Footer-Links ul li:before { position: absolute; content: ""; left: 0; top: 10px; background-color: #fff; height: 1px; width: 0px; transition: all 0.2s ease; }
.Footer-Links ul li:hover:before { width: 3px; }
.Map { position: absolute; background: url("../../images/icons.png") no-repeat -730px -155px; width: 469px; height: 229px; top: 60px; right: 0px; }
.Bottom-Footer { min-height: 55px; padding-top: 20px; font-size: 11px; }
.Copy { color: #949494; }
.Sign { color: #949494; text-align: right; }
.Sign a { color: #c6a66d; }
.Sign a:hover { color: #b88c3f; }

/***********************Template*****************************/
.SiteMap { background-color: #231f20; border-bottom: 1px solid #4f4c4d; border-top: 1px solid #d3d2d2; padding-left: 20px; color: #5f5759; height: 50px; margin-top: 10px; padding-top: 14px; }
.SiteMap a { color: #fff; }
.SiteMap em{ color: #fff;margin: 0 10px;font-size: 10px;}

.SiteMap a:hover { color: #ffe400; }
.Main-Internal { margin-top: 80px; }
.Vertical-Menu { }
.Vertical-Menu h2 { font-size: 20px;  position: relative; color: #231f20; }
.Vertical-Menu h2 span{    border-bottom: 2px solid #22689f;
    padding-bottom: 5px;min-width: 200px;display: inline-block}
/*.Vertical-Menu h2:after{content: '';position: absolute;right: 0;width: 10px;height: 10px;border-radius: 50%;-webkit-border-radius: 50%;display: inline-block;background: #525252;top: 10px;}*/
/*.Vertical-Menu h2:after { position: absolute; content: ""; background-color: #231f20; width: 10px; height: 10px; border-radius: 50%;right: 10px; top: 9px; }*/
.Vertical-Menu ul { padding-left: 0; }
.Vertical-Menu ul li { list-style: none; margin-top: 5px; margin-bottom: 5px; }
.Vertical-Menu ul li a { color: #231f20; position: relative; }
.Vertical-Menu ul li a:hover { padding-left: 10px; color: #21689f; }
.Vertical-Menu ul li a:before { position: absolute; content: ""; top: 8px; left: 0; background-color: #21689f; height: 1px; width: 0; }
.Vertical-Menu ul li a:hover:before { width: 5px; }
.Content-Internal{color: #231f20;}
.Page-Title{ color: #231f20;font-size: 20px;padding-bottom: 10px;}
.Page-Title h2{font-size: 20px;}
.inner-fixed-menu{ position: fixed;top: 140px;}
.inner-fixed-menu h2:after{ display: none;}
.inner-fixed-menu h2{ font-size: 16px;}

@media (max-width: 767px) {
    .Header { border-bottom: 2px solid #22689f; margin-bottom: 20px;}
    .Header:after { width: 0; height: 0; position: static; visibility: hidden; }
    .Logo img { margin: auto; }
    .Top-Header { z-index: 20; margin-top: 30px; padding-bottom: 20px; display: inline-block; float: right; vertical-align: top; }
    .Top-Header::after { display: none; }
    .Header-Right { padding: 0; }
    .Top-Links { display: none; }
    .modal-content input[type=text] { width: 95%!important; }
    .modal-backdrop.in { z-index: 0; }
    .Header-Right { position: relative; }
    .Menu { position: absolute; left: 0px; bottom: 5px; width: 100%; }
    .navbar-header { float: left; margin: auto; text-align: center; }
    .navbar-default { float: none !important; margin: auto; text-align: center; }
    .navbar-toggle { border: 0 !important; float: none; margin: 11px auto 8px; text-align: center; }
    .navbar-toggle .icon-bar { background-color: #a3b2b7 !important; height: 3px; width: 35px; }
    .Menu .navbar-nav { height: 100%; margin: 0; width: 100%; }
    .Menu .navbar-collapse { border: 0; left: auto; margin-top: 0; padding: 0; position: absolute; right: auto; width: 100%; z-index: 200; top: 50px; }
    .Menu .navbar-nav li { margin: 0 auto; background: transparent; border-bottom: 1px solid #a3b2b7; }
    .Menu .navbar-nav li a, .Menu .navbar-nav li a:hover { color: #fff!important; padding: 7px; }
    .Menu .navbar-nav li:hover { background: #002c4e; }
    .Menu .navbar-nav { background: #21689f; }
    .Menu .navbar-nav li:last-child { border: none; }
    .Box { margin-bottom: 10px; }
    .Box-Txt { max-width: 500px; margin: auto; }
    .Box::after { display: none; }
    .Welcome { margin-top: 30px; padding-bottom: 50px; }
    .Welcom-Txt { margin-top: 10px; padding: 10px 0 0 5px; text-align: justify; }
    .Welcome h1 { font-size: 23px; }
    .News, .Careers { padding: 0; }
    .News-Content::before, .Careers-Content::before { display: none; }
    .News-Content, .Careers-Content { padding: 15px; height: 100%; margin-bottom: 20px; }
    .News-Content::after, .Careers-Content::after { display: none; }
    .CareerPic { display: none; }
    .right.carousel-control { right: 0; }
    .Footer { margin-right: -15px; margin-left: -15px; padding-right: 15px; padding-left: 15px; padding-bottom: 20px; }
    .Footer::before, .Footer::after { width: 0; height: 0; position: static; visibility: hidden; }
    .Map { top: auto; bottom: 0; }
    .Footer-Links { margin-top: 30px; }
    .Sign { text-align: left; }
    .Bottom-Footer { padding-bottom: 10px; }
    .Main-Internal { margin-top: 20px; }
    .Content-Internal { border-top: 2px solid #ccc; }
    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{background-color: #002c4e;}
    .navbar-nav .open .dropdown-menu{ text-align: center;}
}


@media (min-width: 768px) and (max-width: 990px) {
    .Header-Right { padding: 0; }
    .Menu .navbar-nav li { margin-right: 3px; margin-left: 3px; font-size: 11px; }
    .Menu .navbar-nav li a { padding: 1px 3px; }
    .Banner-Txt { bottom: 50px; right: 50px; }
    .Box-Txt { padding-left: 30px; padding-right: 30px; }
    .Welcom-Txt { margin-top: 0; text-align: justify; padding-left: 5px; }
    .News { padding-right: 5px; }
    .Careers { padding-left: 5px; }
    .News-Content, .Careers-Content { padding: 15px; height: 100%; margin-bottom: 20px; min-height: 350px; }
    .News-Content::before, .Careers-Content::before { background-size: 50%; background-position: right; }
    .News-Content::after, .Careers-Content::after { display: none; }
    .CareerPic { display: none; }
    .right.carousel-control { right: 0; }
    .Footer-Links { margin-top: 30px; }
    .Footer { padding-right: 15px; padding-left: 15px; }
}

@media (min-width: 991px) and (max-width: 1200px) {
    .Header-Right { padding: 0; }
    .Menu .navbar-nav li { margin-right: 3px; margin-left: 3px; font-size: 11px; }
    .News-Content::before, .Careers-Content::before { background-size: 70%; background-position: right; }
    .News-Content::after, .Careers-Content::after { display: none; }
}

@media (min-width: 1201px) and (max-width: 1400px) {
    .container { padding: 0; }
    .News-Content::before, .Careers-Content::before { background-size: 70%; background-position: right; }
    .News-Content::after, .Careers-Content::after { width: 570px; }
}

@media (min-width: 1401px) and (max-width: 1500px) {
    .container { padding: 0; }
    .News-Content::after, .Careers-Content::after { width: 570px; }
}

@media (min-width: 1501px) {
    .container { width: 1500px; padding: 0; }
}