div {
 float: left; 
 position: relative; 
 height: auto; 
 width: auto; 
}

.flw100 {
 width: 100%; 
 
 float: left; 
 position: relative; 
 height: auto; 
}

.flw50 {
 width: 50%; 
}

.flw15 {
 width: 15%; 
}

.flw20 {
 width: 20%; 
}

.flw25 {
 width: 25%; 
}


.flw33 {
 width: 33%; 
}

.flw66 {
 width: 66%; 
}

.flw80 {
 width: 80%; 
}

.flw60 {
 width: 60%; 
}

.flw70 {
 width: 70%; 
}

.flw30 {
 width: 30%; 
}

.flw100, .flw50, .flw30, .flw33, .flw15, .flw25, .flw66, .flw60, .flw70, .flw20, .flw80 {
 float: left; 
 position: relative; 
 height: auto; 
}

@media screen and (max-width: 480px) {	
	.flw50, .flw66, .flw33 {
	 width: 100%; 
	 min-height: 1px; 
	}
}

.flw100center {
 text-align: center; 
 width: 100%; 
 float: left; 
 position: relative; 
}

.flwA {
 float: left; 
 position: relative; 
 width: auto; 
 height: auto; 
}

.posAbs {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: auto; 
 height: auto; 
}

.divRighter, .divR {
 float: right; 
 position: relative; 
 width: auto; 
 height: auto; 
}

.floatR {
 float: right; 
}

.noDisplay {
 display: none; 
}

.flw100alert {
 width: 100%; 
 font: bold 14px arial; 
 color: red; 
 text-align: center; 
}

a img {
 border: 0px; 
}
 
img {
 border: 0;
}

.topRminOrMax {
 position: absolute; 
 top: 0px; 
 left: 100%; 
 width: 23px; 
 height: 15px; 
 z-index: 500; 
 cursor: pointer; 
 margin-left: -26px; 
 background: white; 
 border: 1px solid silver; 
 text-align: center; 
 font: normal 12px courier; 
 line-height: 14px; 
 color: rgb(30,30,30);
}

.warnDiv {
 font: bold 14px arial; 
 color: red; 
}

.docSheet {
 width: 100%; 
 border: 1px solid silver; 
 background: white; 
 color: black; 
 padding: 10px; 
 margin-top: 3px; 
 margin-bottom: 3px; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.realContText {
 width: 100%; 
}

.bordRed {
 border: 1px solid red; 
}

.cursPoint { 
 cursor: pointer; 
}

.upcase { 
 text-transform: uppercase; 
}

.anycase { 
 text-transform: none; 
}

.text-center {
 text-align: center; 
}

.font-bold { font-weight: bold; }

.text-right {
 text-align: right; 
}

.text-left {
 text-align: left; 
}
/* COOKIES START */

.cookiesHint { 
 position: fixed; 
 top: 100%; 
 left: 0px; 
 margin-top: -45px; 
 width: 100%; 
 height: auto; 
 min-height: 45px; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
 text-align: center; 
 padding-top: 15px; padding-bottom: 3px; 
 background: white; color: black; 
 font-size: 12px;
 font-family: arial;
 box-shadow: inset 0px 11px 8px -10px #BBB;
 z-index: 100; 
}

.cookiesHeight { 
 width: 100%; float: left; 
 position: relative; height: 45px; 
}
 
@media screen and (max-width: 600px) {	
	.cookiesHint, .cookiesHeight { height: 60px; }
	.cookiesHint { margin-top: -60px; }
}

@media screen and (max-width: 400px) {	
	.cookiesHint, .cookiesHeight { height: 75px; }
	.cookiesHint { margin-top: -75px; }
}

.cookiesGotLink, a.cookiesGotLink:visited, a.cookiesGotLink {
 display: inline-block; 
 color: white; 
 background: rgb(190,190,190); 
 margin-left: 5px; 
 margin-right: 5px; 
 border-radius: 3px; 
 padding: 3px; 
 color: white; 
 -webkit-transition:  0.2s; /* Safari */
 transition: 0.2s;
}

a.cookiesGotLink:hover {
 background: rgb(90,90,90); 
 color: white; 
}

/* COOKIES END */

.docCell {
 width: 12.5%; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
 padding: 4px; 
 border: 1px solid white; 
 background: rgb(240,240,240);  
 min-height: 40px; 
}

.doc_user_head_row {  font-weight: bold; width: 100%; }
.doc_user_row { width: 100%; }

.doc_user_head_row .docCell { background: rgb(210,210,210); }

.doc_user_row:hover .docCell { background: rgb(230,230,230); }

.doc_user_row.doc_paid_row .docCell { background: rgba(100,255,100,0.4); }
.doc_user_row.doc_unpaid_row .docCell { background: rgba(255,100,100,0.4); }

@media screen and (max-width: 440px) {	
 .docCell { width: 100%; min-height: 10px; border-bottom: 2px solid white; }
 .doc_user_row { margin-top: 10px; }
 .doc_user_head_row { display: none; }
}

.overauto { overflow: auto; }

.bord-box { 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
}

/* select period control - START */

.selectPeriod {
 display: inline-block; 
 width: 16px; 
 height: 16px; 
}

.selectPeriodSubM {
 display: block!important; 
 top: -2px; 
 left: 0px; 
 margin: 0px; 
 border: 1px dotted silver;
 background: white; 
 z-index: 20; 
 background: white; 
 position: absolute!important; 
}

.selectPeriodLink {
 min-width: 180px; 
 padding: 5px; 
 border-bottom: 1px dotted silver;
 background: white; 
 z-index: 30;
 font-size: 11px; 
}

.selectPeriodLink:hover { background: rgb(235,235,235); }

/* select period control - END */

.padTop5 { padding-top: 5px; }
.padTop10 { padding-top: 10px; }
.padTop20 { padding-top: 20px; }
.padTop30 { padding-top: 30px; }
.padTop40 { padding-top: 40px; }
.padTop50 { padding-top: 50px; }
.padTop100 { padding-top: 100px; }

.margTop5 { margin-top: 5px; }
.margTop10 { margin-top: 10px; }
.margTop20 { margin-top: 20px; }
.margTop30 { margin-top: 30px; }
.margTop40 { margin-top: 40px; }
.margTop50 { margin-top: 50px; }
.margTop100 { margin-top: 100px; }

.padBot5 { padding-bottom: 5px; }
.padBot10 { padding-bottom: 10px; }
.padBot20 { padding-bottom: 20px; }
.padBot30 { padding-bottom: 30px; }
.padBot40 { padding-bottom: 40px; }
.padBot50 { padding-bottom: 50px; }
.padBot100 { padding-bottom: 100px; }

.margBot5 { margin-bottom: 5px; }
.margBot10 { margin-bottom: 10px; }
.margBot20 { margin-bottom: 20px; }
.margBot30 { margin-bottom: 30px; }
.margBot40 { margin-bottom: 40px; }
.margBot50 { margin-bottom: 50px; }
.margBot100 { margin-bottom: 100px; }

/* MULTY SELECT - START */

.multySelectValues {
 border: 1px solid silver; 
 min-height: 12px; 
 height: auto; 
 width: 100%; 
 background: white;
 color: rgb(30,30,30); 
 margin-bottom: 3px; 
 text-align: left!important; 
}

.multSelectIn { 
 width: 100%; font-size: 11px; color: black; min-height: 16px; float: left; position: relative; 
 background: white url('img/img-common/point-bot-blue.gif') no-repeat center right; 
 padding: 4px 20px 4px 5px; 
}

.multSelectSubs { 
 position: absolute; 
 top: 16px; 
 background: white; 
 color: rgb(30,30,30); 
 border-left: 1px solid silver; 
 border-right: 1px solid silver; 
 border-bottom: 1px solid silver; 
 width: 100%; 
 left: 0px; 
 max-height: 250px; 
 overflow: auto; 
 z-index: 999999; 
 padding: 5px; 
 text-align: left!important; 
}

.multSelectSubs input { width: auto!important; display:inline-block; height: auto!important; padding-right: 3px;  }

/* MULTY SELECT - END */

/* TRANSITIONS */
.trans02 {
 transition: 0.2s;
 -webkit-transition: 0.2s;
}
.trans05 {
 transition: 0.5s;
 -webkit-transition: 0.5s;
}

.noTrans {
 -webkit-transition:  0.0s; /* Safari */
 transition: 0.0s;
}

.loadIndicator { width: 100%; height: 14px; border: 1px solid black; background: white; margin-top: 5px; margin-bottom: 5px;  } 
.loadStatus { position: absolute; top: 0px; left: 0px; width: 0%;  height: 14px; 
 background: rgb(100,255,100) url('javascript/ajax-loader.gif') no-repeat center center;
 background-size: auto 100%; 
}

.streamFileName { width: 100%; color: green; margin-top: 2px; margin-bottom: 2px; }

.smallLoader { 
 background-color: rgb(240,240,240);
 background-image: url('javascript/ajax-loader.gif');
 background-size: 15px 15px;
 background-position: center center;
 background-repeat: no-repeat; 
 
}

.OKresult { 
 color: rgb(0,155,0); 
 background: white; 
 padding: 2px; 
 margin-bottom: 3px; 
}

.bord20prc { border: 1px solid rgba(155,155,155,0.3); 
 float: left; 
 position: relative; 
 width: 20%; 
 height: auto; 
 min-height: 3px; 
}

.bord80prc { border: 1px solid rgba(155,155,155,0.3); 
 float: left; 
 position: relative; 
 width: 80%; 
 height: auto; 
 min-height: 3px; 
}

.invalid, input.invalid, select.invalid, textarea.invalid {
 -webkit-box-shadow: 0px 0px 3px 3px rgb(255,0,0,0.6);
 -moz-box-shadow: 0px 0px 3px 3px rgb(255,0,0,0.6);
 box-shadow: 0px 0px 3px 3px rgb(255,0,0,0.6);
 -webkit-transition:  0.3s; /* Safari */
 transition: 0.3s;
}

.alertBlur {
 width: 100%; 
 height: 100%; 
 position: fixed; 
 top: 0px; 
 left: 0px; 
 display: none; 
 background: rgba(0,0,0,0.7); 
 z-index: 999999; 
}

.alertInBlur {
 left: 50%; 
 margin-left: -220px; 
 width: 400px; 
 top: 50%;
 margin-top: -100px; 
 position: fixed; 
 padding: 20px; 
 background: white; 
 color: red; 
 border: 1px solid rgb(51,51,51); 
 border-radius: 10px; 
 z-index: 1000000; 
}

.alertClose {
 position: absolute; 
 top: 0px; 
 left: 100%; 
 margin-left: -20px;
 margin-top: -10px; 
 width: 30px; 
 height: 30px; 
 border-radius: 15px; 
 font-weight: bold; 
 color: white; 
 background: rgb(51,51,51); 
 cursor: pointer; 
 text-align: center; 
 font-size: 18px; 
 line-height: 18px; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
 padding-top: 6px; 
  -webkit-transition:  0.4s; /* Safari */
 -moz-transition: 0.4s; 
 transition: 0.4s;
}
.alertClose:hover { background: rgb(127,127,127); }

.posAbs100 { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }

@media screen and (max-width: 440px) {	
 .alertInBlur { left: 5%; width: 80%; padding: 10px 5%; margin-left: 0px; margin-top: -130px; }
}

.mailValidity { position: absolute; top: 100%!important; left: 0px!important; font-size: 11px; margin-top: -12px; line-height: 11px; }

.loadAboveMain { 
 display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; padding-top: 0px; padding-bottom: 0px; Z-INDEX: 9999999;
 background: rgba(0,0,0,0.4); 
 text-align: center; 
}

.loadAboveIn {
 display: inline-block; float: none; text-align: left; 
 overflow: hidden; width: calc(100% - 20px); height: calc(100% - 10px); margin-top: 5px; z-index: 99999;
 max-width: 1300px; 
 background: white url('javascript/ajax-loader.gif') no-repeat center center; 
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
 border-radius: 10px; 		  
 -webkit-box-shadow: 0px 0px 3px 3px rgb(0,0,0.6);
 -moz-box-shadow: 0px 0px 3px 3px rgb(0,0,0,0.6);
 box-shadow: 0px 0px 3px 3px rgb(0,0,0,0.6);	  
}

.loadAboveIn.loadAboveWhite {
 background-color: white; 
 background-image: none!important; 
 overflow-y: auto!important; 
 padding: 10px; 
}

.loadAboveClose {
 position: fixed; top: 3px; left: 100%; margin-left: -35px; width: 30px; 
 height: 30px; 
 border-radius: 15px; 
 font-weight: bold; 
 color: white; 
 background: rgb(51,51,51); 
 cursor: pointer; 
 text-align: center; 
 font-size: 18px; 
 line-height: 18px; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
 padding-top: 6px; 
  -webkit-transition:  0.4s; /* Safari */
 -moz-transition: 0.4s; 
 transition: 0.4s;
 z-index: 999999; 
}

.loadAboveClose:hover { background: rgb(127,127,127); }

@media screen and (min-width: 1310px) {	
 .loadAboveClose {left: 50%; margin-left: 615px;}
}

.econt_reg_select, .econt_reg_select_input, .econt_city_select, .econt_city_select_input, .econt_quarter_select, 
.econt_quarter_select_input, .econt_other_select, .econt_other_select_input, .econt_street_block, .econt_delivery_radios, 
.econt_office_fld, .econt_office_select, .econt_office_select_input, .econt_office_info, 
.econt_address_flds {
 width: 100%; 
}

.econt_street_select, .econt_street_select_input { width: 70%; }
.econt_streetnum_select, .econt_streetnum_select_input { width: 28%; padding-left: 2%; }

.datalist_def {
 background-image: url('img/img-common/point-bot-grey.gif'); 
 background-position: center right; 
 background-repeat: no-repeat; 
 background-size: 7px 30%; 
}

body {
 background: white; 
 margin: 0px; 
 padding: 0px; 
 overflow-x: hidden; 
 font-family: Arial,Helvetica,sans-serif;
 color: rgb(51,51,51);  
}

a, a:visited, a:active, .blueH {
 text-decoration: none; 
 color: rgb(13,62,100);
 -webkit-transition:  0.4s; /* Safari */
 -moz-transition: 0.4s; 
 transition: 0.4s;
}

a:hover { color: rgb(51,102,153); }

a, .trans04, a, li.pageLink, .pageLink, .trigMenu, .phoneResponsive, .dotOn, .dotOff, .homeFrame img, .greyLink, a.greyLink, 
ul.mainMenuUL li.pageLink, ul.mainMenuUL li.pageLink a, .apSearch input, .boxOn, .boxOff, .closeAbove span, .homeSearch span input, 
.langsOpen, .telsOpen, .trigMenu, .menuOn, .whiteA, a.whiteA, .blueA, a.blueA, .dptNext, #dptsList, .kareImg img, 
.interviewKare .kareImg img, .interviewNameA, a.interviewNameA, .intvRM, .intvRM a, .dotOn, .dotOff, .whatInJobs a, 
.theCredits a, .eventName, .eventBrief, .viewAllA, a.viewAllA, .faqQ, .faqQ span, .faqQ span::before, .click2home, 
.pagination a, .pagination a:visited, .interviewKare, .submitForm input  {
 -webkit-transition:  0.4s; /* Safari */
 -moz-transition: 0.4s; 
 transition: 0.4s;
}

.mainFont { 
 font-family: Arial,Helvetica,Sans-serif; font-size: 14px; color: rgb(51,51,51);  
}
@media screen and (max-width: 600px) { .mainFont { font-size: 12px; } }

.fullW, .fullw {
 width: 1150px; 
 left: 50%; 
 margin-left: -575px; 
}

@media screen and (max-width: 1150px) {
	.fullW, .fullw { 
	 width: 99%; 
	 left: 0px; 
	 margin-left: 0px; 
	 padding-left: 0.5%; 
	 padding-right: 0.5%; 
	}
}

header, main, footer {
 width: 100%; 
 height: auto; 
 float: left; 
 position: relative; 
}

nav { width: auto; height: auto; float: left; position: relative; display: inline-block; }

.upcase {
 text-transform: uppercase; 
}

.stickHeighter { height: 81px; display: none; }

.myHead {
 background: white; 
 border-bottom: 1px solid rgb(229,229,229); 
 padding-top: 20px; 
 padding-bottom: 5px; 
 min-height: 55px; 
 z-index: 10;
}

.stickTop { position: fixed; top: 0px; left: 0px; }
.stickTop.myHead { min-height: 53px; padding-top: 0px; padding-bottom: 0px; background: rgba(255,255,255,0.97);}

.click2home {
 width: 52px; 
 height: 58px; 
 background-image: url('img/logo.png'); 
 background-position: center center; 
 background-size: 100% 100%; 
}

.stickTop .click2home { width: 45px; height: 47px; margin-top: 2px; }

.click2home a, .click2home a:visited {
 position: absolute; 
 top: 20px; 
 display: block; 
 left: 100%; 
 margin-left: 10px; 
 font-size: 24px; 
 line-height: 24px; 
 font-weight: bold; 
 color: rgb(127,127,127); 
}

.stickTop .click2home a { top: 13px; }

@media screen and (max-width: 399px) {
 .click2home a, .stickTop .click2home a { display: none; }
}

.allMenu {
 float: left; 
 left: 100px; 
 width: 100%; 
 max-width: calc(100% - 170px); 
 margin-top: 8px; 
}

.allMenu nav { display: inline-block; float: none; text-align: left;  }

.stickTop .allMenu { margin-top: 5px; }

.mainMenuUL, ul.mainMenuUL { display: inline-block; padding: 0px; margin: 0px; }
.mainMenuUL li.pageIn, .mainMenuUL li.pageLink {
 display: inline-block;  
 text-transform: uppercase;
 margin-left: 0px; 
 margin-right: 0px; 
 position: relative; 
}

.mainMenuUL li.pageIn a, .mainMenuUL li.pageIn span, .mainMenuUL li.pageLink a, .mainMenuUL li.pageLink span {
 padding: 12px 5px 12px 5px; 
 display: inline-block; 
 font-size: 13px; 
 line-height: 14px; 
 height: 16px;
}

ul.mainMenuUL li.pageIn {
 color: rgb(36,87,143); 
 text-decoration: undeline; 
}

ul.mainMenuUL li.pageIn span { text-decoration: underline; }

ul.mainMenuUL li.pageLink {
 color: rgb(102,102,102); 
}
ul.mainMenuUL li.pageLink a, ul.mainMenuUL li.pageLink a:visited { color: rgb(102,102,102); }

ul.mainMenuUL li.pageLink:hover, ul.mainMenuUL li.pageLink:hover a, ul.mainMenuUL li.pageLink:hover a:hover {
 color: rgb(36,87,143); 
 text-decoration: underline; 
}
/* ul.mainMenuUL li.pageLink:hover a, ul.mainMenuUL li.pageLink:hover a:visited { color: white; } */

ul.mainMenuUL li.pageLink:hover ul.subMenuUl li.pageLink:hover a, ul.mainMenuUL li.pageLink:hover ul.subMenuUl li.pageLink a:visited, ul.mainMenuUL li.pageLink:hover ul.subMenuUl li.pageLink a {
 color: rgb(102,102,102)!important; 
 text-decoration: none; 
} 

ul.mainMenuUL li.pageLink:hover ul.subMenuUl li.pageLink:hover a, ul.mainMenuUL li.pageLink:hover ul.subMenuUl li.pageLink:hover a:visited, 
ul.mainMenuUL li.pageLink:hover ul.subMenuUl li.pageLink:hover a:hover { 
 color: rgb(36,87,143)!important; 
 text-decoration: underline;  
}


ul.subMenuUl li.pageLink a,  ul.subMenuUl li.pageIn span { width: 100%; }

ul.subMenuUl li.pageLink.smallLi { padding-left: 10%; width: 90%; }

ul.subMenuUl li.pageLink.smallLi a { font-size: 0.8em; width: auto!important; height: auto; max-height: auto; 
 text-transform: none; padding-top: 3px; padding-bottom: 2px; 
}

ul.subMenuUl li.pageLink.smallLi:hover a, ul.subMenuUl li.pageLink.smallLi:hover a:visited, 
ul.mainMenuUL li.pageLink.smallLi:hover a, ul.mainMenuUL li.pageLink.smallLi:hover a:visited { 
 text-decoration: none!important; color: rgb(102,102,102)!important; 
}
ul.subMenuUl li.pageLink.smallLi a:hover, ul.mainMenuUL li.pageLink.smallLi a:hover {
 color: rgb(102,102,102)!important; 
 text-decoration: none; 
} 

ul.subMenuUl li.pageLink.smallLi a::before {
 content: '';
 display: inline-block; 
 width: 6px; 
 height: 6px; 
 border-radius: 3px; 
 background: rgb(36,87,143); 
 margin-right: 2px; 
}

.rightInHead { display: inline-block; float: right; }

.homeSearch { 
 width: 200px; height: 30px; border: 1px solid rgb(208,208,208); 
 display: inline-block; float: none; 
 margin-top: 7px; 
 margin-left: 5px; 
 vertical-align: middle; 
 background: white; 
}

.homeSearch input { max-width: calc(100% - 40px); width: 160px; height: 26px; border: 1px solid white; background: white; 
 color: rgb(127,127,127); 
}
.homeSearch span input { width: 31px!important; height: 28px!important; cursor: pointer; background-image: url('img/lupa.png'); 
 background-repeat: no-repeat;
 background-position: center center; 
 margin-left: 0px!important; 
 border-radius: 3px; 
 background-size: 100% 100%; 
}
.homeSearch input:focus { border-bottom: 1px solid rgb(13,62,100); color: rgb(51,51,51); }
.homeSearch span input:hover { 
 border-bottom: 2px solid rgb(13,62,100); height: 27px; 
 background-size: 110% 110%; 
}

.langsOpen { 
 display: inline-block; float: none; 
 height: 30px; 
 background: url('img/langs-open.png') no-repeat center center;
 width: 42px; 
 margin-left: 5px; 
 margin-right: 5px; 
 top: 5px; 
 vertical-align: middle; 
 margin-left: 40px; 
}

@media screen and (max-width: 1260px) { .langsOpen { margin-left: 0px;  } }

.telsOpen { 
 display: inline-block; float: none; 
 height: 30px; 
 background: url('img/phones-open.png') no-repeat center center;
 width: 27px; 
 top: 5px; 
 vertical-align: middle; 
}
.langsOpen:hover, .telsOpen:hover {
 border-bottom: 2px solid rgb(13,62,100);
}

.langsIn { 
display: none; 
position: absolute; 
text-align: left;
top: 35px; 
background: rgb(229,229,229); 
left: -77px; 
width: 120px;
z-index: 4;
}



.langsIn a, .langsIn span { display: inline-block; width: 100%; padding: 10px; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
 text-transform: uppercase; 
}

.telsIn {
display: none; 
position: absolute; 
top: 30px; 
text-align: left; 
background: white; 
border-left: 1px solid rgba(13,62,100,0.6);
border-right: 1px solid rgba(13,62,100,0.6);
border-bottom: 1px solid rgba(13,62,100,0.6);
z-index: 4; 
border-bottom-left-radius: 5px; 
border-bottom-right-radius: 5px; 
left: -177px; 
width: 180px;
padding: 10px; 
}

.langsIn span { font-weight: bold; }
.langsIn a, .langsIn a:visited, .langsIn a:active { color: rgb(102,102,102); }
.langsIn a:hover { color: white; background: rgb(13,62,100); }

.langsOpen .clickable { display: inline-block; width: 42px; height: 30px; font-size: 1px; cursor: pointer;  }
.telsOpen .clickable { display: inline-block; width: 27px; height: 30px; font-size: 1px; cursor: pointer;  }


@media screen and (max-width: 1150px) {
  .click2home { width: 53px; height: 58px; margin-top: 2px; }
  .click2home a { top: 22px; font-size: 18px; margin-left: 5px; }
  .allMenu { margin-top: 17px; max-width: calc(100% - 130px); left: 75px; }
  .homeSearch  { width: 160px; margin-top: 0px; }
  .stickHeighter { height: 58px; }
  .myHead { min-height: 58px; padding-top: 2px; }
  .langsOpen, .telsOpen { top: 0px; height: 24px; 
   margin-left: 2px; 
   margin-right: 2px; 
  }  
  .mainMenuUL li.pageIn a, .mainMenuUL li.pageIn span, .mainMenuUL li.pageLink a, .mainMenuUL li.pageIn span {
   padding: 10px 4px;
   font-size: 12px; 
  }
}

@media screen and (max-width: 999px) {
 .homeSearch  { width: 120px; }
}

.trigMenu { display: none; 
 background-image: url('img/3-lines.gif'); 
 background-repeat: no-repeat; 
 background-position: center center; 
 background-size: 100% 100%; 
 width: 30px; height: 20px;   
 margin-top: 5px;
}
.trigMenu:hover { background-image: url('img/3-lines-hover.gif'); }

ul.subMenuUl {
 display: none; 
 position: absolute; 
 top: 100%; 
 left: 0px; 
 width: 380px; 
 background: rgb(229,229,229); 
 z-index: 11;  
 margin: 0px; 
 padding: 0px; 
 padding-top: 5px; 
 padding-bottom: 5px; 
}

.subMenuUl  li.pageIn, .subMenuUl li.pageLink {
 width: 100%; 
 float: left; 
 position: relative; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
 padding-left: 20px; 
}

@media screen and (max-width: 995px) { 
 .trigMenu { display: inline-block; }
 .allMenu { margin-top: 10px; left: 0px; float: right; }
 .allMenu nav { display: none; }
 .allMenu nav.menuOn {
  display: inline;   
  position: fixed; 
  left: 0px;   
  top: 50px;   
  width: 100%; 
  background: white; 
  z-index: 2;
 }
 .click2home, .stickTop .click2home { width: 40px; height: 44px; margin-top: 1px; }
 .click2home a { top: 10px; }
 .stickHeighter { height: 46px; }
 .myHead, .stickTop.myHead { min-height: 46px; padding-top: 0px; padding-bottom: 0px; }

} /* media 959, hide menu */

@media screen and (max-width: 699px) { 
 .allMenu nav.menuOn .mainMenuUL, .allMenu nav.menuOn ul.mainMenuUL {
  width: 100%; 
  background: rgba(255,255,255,0.95); 
 }
 .allMenu nav.menuOn ul.mainMenuUL li, .allMenu nav.menuOn ul.mainMenuUL li a, .allMenu nav.menuOn ul.mainMenuUL li span {
  width: 100%; 
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
  min-height: 30px;
 }
 .allMenu nav.menuOn ul.mainMenuUL li.pageLink { border-bottom: 1px solid rgb(152,152,152); }
 ul.subMenuUl {
  float: left; position: relative; 
  width: 100%; 
 }
}

@media screen and (max-width: 399px) {
 .allMenu { max-width: calc(100% - 50px); }
}

table { max-width: 100%; }
.mainFont table tr td { max-width: 70%; }
table tr td img { max-width: 100%; height: auto; }
@media screen and (max-width: 459px) { 
 table { zoom: 0.6; }
}

@media screen and (max-width: 320px) { 
 .homeSearch  { width: 90px; }	
}

.homeFrames { width: 100%; height: 545px; overflow: hidden; background: rgb(230,230,230); }
.pageFrames { width: 100%; height: 515px; overflow: hidden; background: rgb(230,230,230); }
.tinyFrames { width: 100%; height: 190px; overflow: hidden; background: rgb(230,230,230); }

.homeFrame { width: 1920px; left: 50%; margin-left: -960px; height: 675px; position: absolute; top: -65px; }
.pageFrame { width: 1920px; left: 50%; margin-left: -960px; height: 635px; position: absolute; top: -60px; }

.tinyFrames .pageFrame { top: -160px; }
.tinyFrames .homeFrame { top: -175px; }

.homeFrame img, .pageFrame img { width: 100%; height: 100%; }

.frameLabel { 
 position: absolute; 
 width: 670px; 
 left: 50%; 
 margin-left: -575px; 
 top: 140px; 
 color: white; 
 font-size: 18px; 
 text-align: left; 
 text-shadow: 0px 0px 4px rgba(0,0,0,0.5);
}

.centerH1 { 
 position: absolute; top: 46.6%; width: 60%; left: 20%; text-align: center; 
 text-shadow: 0px 0px 4px rgba(0,0,0,0.5);
 color: white; height: auto; 
 font-size: 32px; 
 line-height: 36px; 
 font-weight: bold;
 text-align: left;  
}

.frameLabel h1, .frameLabel strong, .centerH1 h1 {
 display: inline-block; 
 width: 100%; 
 margin-top: 0px; 
 margin-bottom: 25px; 
 font-weight: bold; 
 font-size: 32px; 
 line-height: 36px; 
 text-align: left; 
 text-shadow: 0px 0px 4px rgba(0,0,0,0.5);
}
.centerH1 h1, .centerH1 { text-align: center!important; }

.frameLabel p { margin-top: 0px; padding-top: 0px; margin-bottom: 25px; padding-bottom: 0px; }

.viewAllA, a.viewAllA, a.viewAllA:visited { display: inline-block; 
 padding: 20px 15px; min-width: 150px; 
 font-size: 12px; 
 text-transform: uppercase; 
 color: white;
 text-align: center;
 background: rgb(51,102,153); 
}

.viewAllA:hover, a.viewAllA:hover {
 color: white;
 background: rgb(13,62,100);
}

.whiteA, a.whiteA, a.whiteA:visited { display: inline-block; 
 padding: 20px 15px; min-width: 150px; 
 font-size: 12px; 
 text-transform: uppercase; 
 color: rgb(13,62,100);
 text-align: center;
 background: white; 
 text-shadow: 0px 0px 4px rgba(0,0,0,0);
}

.whiteA:hover, a.whiteA:hover {
 color: white;
 background: rgb(13,62,100);
}

.blueA, a.blueA, a.blueA:visited { display: inline-block; 
 padding: 20px 15px; min-width: 150px; 
 font-size: 12px; 
 text-transform: uppercase; 
 color: white;
 text-align: center; 
 background: rgb(13,62,100);
 border: 1px solid rgb(13,62,100);
}

.alertInBlur a, .alertInBlur a:visited {
 display: inline-block; 
 padding: 4px 7px; min-width: 100px; 
 font-size: 12px; 
 text-transform: uppercase; 
 color: white;
 text-align: center; 
 background: rgb(13,62,100);
 border: 1px solid rgb(13,62,100);
 margin-top: 10px; 
}

.footCol .blueA, .applyHead .blueA {
 padding: 7px 15px; min-width: 100px; margin-right: 0px; 
}

.blueA:hover, a.blueA:hover, .seaBack .viewAllA:hover, .seaBack a.viewAllA:hover, .alertInBlur a:hover {
 color: rgb(13,62,100);
 background: white; 
}

.blurAbove { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.1); }

.colorSep { width: 100%; height: 8px; 
background-image: url('img/4-colors.jpg'); background-repeat: no-repeat; background-size: 100% 100%; 
display: none; 
}

@media screen and (max-width: 1150px) { .frameLabel { margin-left: -500px; } }
@media screen and (max-width: 1000px) { .frameLabel { margin-left: -400px; width: 800px; } }
@media screen and (max-width: 999px) { 
 .frameLabel { margin-left: -320px; font-size: 16px; top: 120px; width: 720px; } 
 .frameLabel p { margin-bottom: 20px; }
 .frameLabel h1, .frameLabel strong, .centerH1 h1, .centerH1 { font-size: 24px; line-height: 32px; }
}

@media screen and (max-width: 899px) { 
 .frameLabel { margin-left: -300px; top: 100px; font-size: 14px; width: 600px; } 
 .frameLabel p { margin-bottom: 15px; }
 .frameLabel h1, .frameLabel strong, .centerH1 h1, .centerH1 { font-size: 24px; line-height: 32px; margin-bottom: 20px;  }
 .colorSep { height: 6px; }
}

@media screen and (max-width: 799px) { 
 .centerH1 { top: 35%; }
 .frameLabel { margin-left: -200px; width: 400px; top: 70px; } 
 .frameLabel p { margin-bottom: 10px; }
 .frameLabel h1, .frameLabel strong, .centerH1 h1, .centerH1 { font-size: 18px; line-height: 24px; margin-bottom: 15px;  }
 .whiteA, a.whiteA, a.whiteA:visited, .viewAllA, a.viewAllA, a.viewAllA:visited { padding: 15px 10px; min-width: 120px;  }
}

@media screen and (max-width: 560px) { .frameLabel { top: 25px; marfin-left: -210px; width: 420px; } .colorSep { height: 4px; } }

@media screen and (max-width: 460px) { 
 .frameLabel { margin-left: -120px; width: 240px; top: 20px; font-size: 12px; } 
 .centerH1 { width: 50%; left: 25%; }
 .frameLabel h1, .frameLabel strong, .centerH1 h1, .centerH1 { font-size: 16px; line-height: 18px; margin-bottom: 10px; }
 .blurAbove {  background: rgba(0,0,0,0.25);}
 .whiteA, a.whiteA, a.whiteA:visited { padding: 10px 5px; min-width: 100px;  }
}

@media screen and (max-width: 1551px) { 
.homeFrame { width: 1550px;  margin-left: -775px; height: 545px; top: 0px; } 
.pageFrame { width: 1550px;  margin-left: -775px; height: 515px; top: 0px; } 
.homeFrame, .pageFrame {
 -webkit-transition:  0.4s; /* Safari */
 -moz-transition: 0.4s; 
 transition: 0.4s;
}
}

@media screen and (max-width: 1360px) {  
 .homeFrames { height: 478px; }
 .homeFrame { width: 1360px;  margin-left: -680px; height: 478px;} 
 .pageFrames { height: 450px; }
 .pageFrame { width: 1360px;  margin-left: -680px; height: 450px;} 
 
 .tinyFrames { height: 166px;}
 .tinyFrames .pageFrame { top: -140px; }
 .tinyFrames .homeFrame { top: -153px; } 
}

@media screen and (max-width: 1260px) { 
 .homeFrames { height: 444px; }
 .homeFrame { width: 1260px;  margin-left: -630px; height: 444px;} 
 .pageFrames { height: 418px; }
 .pageFrame { width: 1260px;  margin-left: -630px; height: 418px;} 
 
 .tinyFrames { height: 150px;}
 .tinyFrames .pageFrame { top: -130px; }
 .tinyFrames .homeFrame { top: -145px; }
}

@media screen and (max-width: 1024px) { 
 .homeFrames { height: 360px; }
 .homeFrame { width: 1024px;  margin-left: -512px; height: 360px;} 
 .pageFrames { height: 340px; }
 .pageFrame { width: 1024px;  margin-left: -512px; height: 340px;} 
 
 .tinyFrames { height: 150px;}
 .tinyFrames .pageFrame { top: -130px; }
 .tinyFrames .homeFrame { top: -145px; }
}

@media screen and (max-width: 961px) { 
 .homeFrames { height: 337px; }
 .homeFrame { width: 960px;  margin-left: -480px; height: 337px;} 
 .pageFrames { height: 318px; }
 .pageFrame { width: 960px;  margin-left: -480px; height: 318px;} 
 
 .tinyFrames { height: 150px;}
 .tinyFrames .pageFrame { top: -84px; }
 .tinyFrames .homeFrame { top: -105px; }
}

@media screen and (max-width: 560px) { 
 .homeFrames { height: 210px; }
 .homeFrame { width: 600px;  margin-left: -300px; height: 210px;} 
 .pageFrames { height: 199px; }
 .pageFrame { width: 600px;  margin-left: -300px; height: 199px;} 
 .tinyFrames { height: 100px;}
 .tinyFrames .pageFrame { top: -45px; }
 .tinyFrames .homeFrame { top: -55px; }
}

.navy { background: rgb(36,87,134); padding-top: 15px; padding-bottom: 15px; color: white; }
.deepNavy { background: rgb(15,51,92); padding-top: 30px; padding-bottom: 30px; color: white; }
.deepNavyNoPad { background: rgb(15,51,92); color: white; }
.navyShipEng, .navyShipEng.mainFont { 
 background-image: url('img/navy-backs/ship-eng.jpg');
 background-size: 100% auto; 
 padding-top: 40px; padding-bottom: 60px; 
 min-height: 380px; 
 background-position: top center; 
 color: white; 
}

.navyShipEng a, .navyShipEng a:visited { color: rgb(229,229,229); text-transform: uppercase; }
.navyShipEng a:hover { color: rgb(153,204,153); }

.navyShipEng.mainFont ul li::before {  
    background-color: rgb(229,229,229);
}

.navyShipEng h1, .navyShipEng h2, .navyShipEng h3 { color: white!important; }

.navyShipEng nav { width: 100%; float: left; position: relative; }

@media screen and (max-width: 1550px) { .navyShipEng { background-size: 1550px auto; } }

@media screen and (max-width: 1260px) { .navyShipEng { background-size: 1260px auto; } }
 
@media screen and (max-width: 799px) { .navy, .deepNavy { padding-top: 25px; padding-bottom: 25px; } }

.departments {
 height: 80px; overflow: hidden; width: 100%; float: none; display: inline-block; 
 width: 1130px; 
 color: white; 
 text-transform: uppercase; 
 padding-right: 30px; 
}

.dptsAllOn, .departments.dptsAllOn { height: auto; text-align: center; }

.dptsAllOn .dptTitle { width: 100%; padding-top: 10px!important; }

.deptsTxt { width: 155px; padding-top: 62px; text-align: center; font-size: 14px; }
.dptsAllOn .deptsTxt { margin-bottom: 20px; display: inline-block; float: none; }

.deptImg { position: absolute; top: 0px; left: 0px; width: 100%; height: 60px; }
.deptImg img { max-height: 100%; width: auto; }

.deptsTxt a, .deptsTxt a:visited { color: white; }
.deptsTxt:hover a, .deptsTxt:hover a:visited { color: rgb(153,204,152); }

@media screen and (max-width: 1130px) { 
.departments { width: 100%; padding-left: 5px; }
}

.dptNext {  width: 26px; height: 46px; position: absolute; top: 50%; left: 100%; 
 margin-top: -23px; 
 margin-left: -46px; background: url('img/more-dpts.png') no-repeat center center; 
 cursor: pointer; 
}
.dptNext:hover {background: url('img/more-dpts-hover.png') no-repeat center center; }

.silvBack { background: rgb(240,240,240); }
.top80bot30 { padding-top: 30px; padding-bottom: 20px; }

main h1, main h2 { font-size: 24px; font-weight: normal; display: inline-block; text-align: center; width: 100%; 
 padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 40px; 
 text-transform: uppercase;  
}

main h3, main h4 { font-size: 18px; font-weight: normal; display: inline-block; text-align: center; width: 100%; 
 padding-top: 0px; padding-bottom: 0px; margin-top: 20px; margin-bottom: 30px;  
}

@media screen and (max-width: 1024px) { .top80bot30 { padding-top: 50px; padding-bottom: 20px; } 
 main h1, main h2 { font-size: 20px; margin-bottom: 30px; }
 main h3, main h4 { font-size: 16px; margin-bottom: 20px;  }
}
@media screen and (max-width: 799px) { .top80bot30 { padding-top: 30px; padding-bottom: 15px; } 
 main h1, main h2 { font-size: 18px; margin-bottom: 15px; }
 main h3, main h4 { font-size: 16px; margin-bottom: 10px; }
}

.silvBack h1, .silvBack h2, .mainFont h1, .mainFont h2, .mainFont h3, .mainFont h4 { color: rgb(36,87,143); }
.deepNavyNoPad h1, .deepNavyNoPad h2, .deepNavyNoPad h3, .deepNavyNoPad h4,
.deepNavy h1, .deepNavy h2, .deepNavy h3, .deepNavy h4 { color: white; }

.upcomingIntBeltContainer { 
 width: 100%; 
 max-width: 1140px; 
 float: none; 
 display: inline-block; 
 height: 330px; 
 overflow: hidden; 
 min-width: 50px; 
}

.arrLbig { 
 float: none;  
 width: 38px; 
 height: 72px; 
 background: url('img/arr-blue-L.gif') no-repeat center left; 
 top: 50%; 
 position: absolute; 
 margin-top: -36px; 
}
.homeFrames .arrLbig:hover, .arrLbig:hover { background: url('img/arr-blue-L-hover.gif') no-repeat center left;  }

.arrRbig { 
 left: 100%; 
 margin-left: -38px; 
 float: none;  
 width: 38px; 
 height: 72px; 
 background: url('img/arr-blue-R.gif') no-repeat center right; 
 top: 50%; 
 position: absolute; 
 margin-top: -36px; 
}
.homeFrames .arrRbig:hover, .arrRbig:hover { background: url('img/arr-blue-R-hover.gif') no-repeat center right;  }

.homeFrames .arrLbig { left: 50%; margin-left: -630px; background: url('img/arr-white-L.gif') no-repeat center left; }
.homeFrames .arrRbig { left: 50%; margin-left: 592px; background: url('img/arr-white-R.gif') no-repeat center right; }


@media screen and (max-width: 1260px) {
 .homeFrames .arrLbig { margin-left: -512px; }
 .homeFrames .arrRbig { margin-left: 474px; }
}
@media screen and (max-width: 1024px) {
 .homeFrames .arrLbig { margin-left: -450px; }
 .homeFrames .arrRbig { margin-left: 418px; }
}
@media screen and (max-width: 900px) {
 .homeFrames .arrLbig { margin-left: -400px; }
 .homeFrames .arrRbig { margin-left: 362px; }
}
@media screen and (max-width: 800px) {
 .homeFrames .arrLbig { margin-left: -350px; }
 .homeFrames .arrRbig { margin-left: 312px; }
}
@media screen and (max-width: 700px) {
 .homeFrames .arrLbig { margin-left: -300px; }
 .homeFrames .arrRbig { margin-left: 262px; }
}
@media screen and (max-width: 600px) {
 .homeFrames .arrLbig { margin-left: -250px; }
 .homeFrames .arrRbig { margin-left: 212px; }
}
@media screen and (max-width: 500px) {
 .homeFrames .arrLbig { margin-left: -230px; }
 .homeFrames .arrRbig { margin-left: 192px; }
}
@media screen and (max-width: 459px) {
 .homeFrames .arrLbig { margin-left: -200px; }
 .homeFrames .arrRbig { margin-left: 177px; }
}
@media screen and (max-width: 400px) {
 .homeFrames .arrLbig { margin-left: -140px; }
 .homeFrames .arrRbig { margin-left: 117px; }
}

.vertMid { vertical-align: middle; }

.interviewsbelt { position: absolute; top: 0px; left: 0px; width: 10000px; height: 330px; }

.interviewKare {
 width: 273px; 
 height: 315px; 
 margin-bottom: 15px; 
 margin-left: 6px; 
 margin-right: 6px; 
 background: rgb(240,240,240);
 font-size: 16px; 
}

.interviewKare .viewAllA { margin-top: 140px; }

.silvBack .interviewKare { background: white;}

.karesHigher .interviewKare { height: 330px; margin-bottom: 0px; }
.karesHigher .upcomingIntBeltContainer { margin-bottom: 10px; }

.kareImg { width: 100%; overflow: hidden; background: rgb(220,220,220) url('img/logo.png') no-repeat center center; 	}
.kareImg img { height: 100%!important; min-width: 100%; width: auto; text-align: center; }
.interviewKare .kareImg { height: 180px; }
.hotJobKare:hover .kareImg img, .interviewKare:hover .kareImg img { height: 102%!important; margin-top: -1%; margin-left: -1%; }

.wide4arrows { 
 float: none; 
 display: inline-block;
 width: 100%; 
 text-align: center; 
 max-width: 1270px; 
}

.interviewNameA, a.interviewNameA, a.interviewNameA:visited {
 display: inline-block; 
 width:92%; padding-left: 4%; padding-right: 4%; 
 min-height: 64px; 
 padding-top: 20px;  
 color: rgb(51,51,51); 
 text-align: left; 
}

.eventName, a.eventName, a.eventName:visited {
 display: inline-block; 
 width:92%; padding-left: 4%; padding-right: 4%; 
 height: 44px; 
 line-height: 23px; 
 font-size: 16px; 
 overflow: hidden; 
 padding-top: 20px;  
 padding-bottom: 6px; 
 color: rgb(51,102,153); 
 text-align: left; 
}

.eventBrief, a.eventBrief, a.eventBrief:visited {
 display: inline-block; 
 width:92%; padding-left: 4%; padding-right: 4%; 
 height: 50px; 
 line-height: 16px; 
 font-size: 12px; 
 overflow: hidden; 
 padding-top: 10px;  
 color: rgb(51,51,51); 
 text-align: left; 
}

.interviewKare:hover .eventName, .interviewKare:hover a.eventName, .interviewKare:hover a.eventName:visited {
 color: rgb(15,51,92);
}
.interviewKare:hover .eventBrief, .interviewKare:hover a.eventBrief, .interviewKare:hover a.eventBrief:visited {
 color: black; 
}

.interviewKare .interviewNameA::after, .interviewKare .eventName::after {
 content: '';
 width: 30px; 
 height: 1px; 
 background: rgb(51,102,153); 
 position: absolute; 
 top: 278px; 
 left: 4%; 
}

.interviewKare .eventName::after {
 content: '';
 width: 30px; 
 height: 1px; 
 background: rgb(51,102,153); 
 position: absolute; 
 top: 260px; 
 left: 4%; 
}

.hotJobKare  .interviewNameA::after {
 content: '';
 width: 30px; 
 height: 1px; 
 background: rgb(51,102,153); 
 position: absolute; 
 top: 337px; 
 left: 4%; 
}

.intvRM, a.intvRM, a.intvRM:visited  { display: inline-block; width: 92%; padding-left: 4%; padding-right: 4%; 
 text-transform: uppercase; 
 color: rgb(13,62,100);
 text-align: left; 
 padding-top: 15px; 
}
.interviewKare:hover .interviewNameA, .interviewKare:hover a.interviewNameA, .interviewKare:hover a.interviewNameA:visited {
 color: black;  
}
.interviewKare:hover .intvRM, .interviewKare:hover a.intvRM, .interviewKare:hover a.intvRM:visited { color: rgb(153,204,153); }

.mid1160 .interviewKare { background: white; }
.mid1160 .interviewKare:hover  { background: rgb(240,240,240); }

@media screen and (max-width: 1200px) {
 .upcomingIntBeltContainer { max-width: 840px; height: 250px; }
 .interviewsbelt { height: 250px; }
 .interviewKare { width: 200px; margin-left: 5px; margin-right: 5px; height: 240px; font-size: 12px;  }
 .interviewKare .kareImg { height: 125px; }
 
 .interviewKare .viewAllA { margin-top: 105px; }
 
 .interviewKare .interviewNameA, .interviewNameA { min-height: 36px; padding-top: 10px; }
 .intvRM { padding-top: 10px; }
 
 .interviewKare .interviewNameA { height: 65px; overflow: hidden; font-size: 12px; }
 
 .mid1160 .interviewKare { height: 255px; }
 .mid1160 .interviewKare .interviewNameA { height: 65px; overflow: hidden; font-size: 13px; }
 
 .interviewKare .eventName { font-size: 12px; line-height: 17px; height: 32px; }
 .interviewKare .eventName::after { top: 195px; } 
 .interviewKare .interviewNameA::after { top: 215px;  }
 .mid1160 .interviewKare .interviewNameA::after { top: 225px;  }
}
@media screen and (max-width: 925px) { .upcomingIntBeltContainer { max-width: 630px; } }
@media screen and (max-width: 670px) { 
 .upcomingIntBeltContainer { max-width: 420px; } 
 .interviewKare .interviewNameA::after { display: none; } 
 .interviewKare .interviewNameA, .interviewNameA, .interviewKare .interviewNameA, .mid1160 .interviewKare .interviewNameA { font-size: 12px; }
}
@media screen and (max-width: 459px) { 
 .upcomingIntBeltContainer { max-width: 210px; } 
 .homeFrames .arrLbig, .homeFrames .arrRbig, .arrLbig, .arrRbig { width: 23px; height: 44px; margin-top: -22px; }
 .arrLbig { left: 2px; }
 .arrRbig { margin-left: -25px; }
 .interviewKare .interviewNameA{ font-size: 11px; }
}

.dotOn, .dotOff {
 display: inline-block; 
 width: 14px; height: 14px; border-radius: 7px; margin-left: 6px; margin-right: 6px; 
}
.dotOff { cursor: pointer; background: rgb(102,148,181); }
.dotOff:hover { background: rgb(153,204,153); }
.dotOn { background: rgb(13,62,100); }
.deepNavy .dotOn { background: white; }

.overhidden { overflow: hidden; }

.marqueeIn { position: absolute; top: 0px; left: 0px; width: 10000px; height: 20px; }

.marqueeIn .flwA { padding-left: 250px; padding-right: 250px; font-size: 1.05em; font-weight: bold; color: rgb(15,51,92); }

.padBot50 { padding-bottom: 50px; }
.padBot80 { padding-bottom: 80px; }

.marqueeContainer { height: 20px; width: 80%; display: inline-block; float: none; margin-left: 10%; margin-right: 10%; }

.marqDot {
 display: inline-block; 
 float: none; 
 width: 14px; 
 height: 14px; 
 border-radius: 7px; 
 background: rgb(13,62,100); 
 margin-left: 10px; 
 margin-right: 10px; 
}

@media screen and (max-width: 459px) {  
 .marqDot { display: none; }
 .marqueeContainer { width: 98%; margin-left: 1%; }
 .padBot80 { padding-bottom: 30px; }
}

.hotJobsBeltContainer { 
 width: 100%; 
 max-width: 1140px; 
 float: none; 
 display: inline-block; 
 height: 510px; 
 overflow: hidden; 
 min-width: 50px; 
}

.hotjobsbelt {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: 10000px; 
 height: 510px; 
}

.hotJobKare { 
 width: 365px; margin-left: 7px; margin-right: 8px; 
 height: 500px; background: white; 
 text-align: left; 
 margin-bottom: 10px; 
}

.hotJobKare .kareImg { height: 225px; }

.undColor1 { border-bottom: 8px solid rgb(204,51,0); }
.undColor2 { border-bottom: 8px solid rgb(255,102,0); }
.undColor3 { border-bottom: 8px solid rgb(153,204,153); }
.undColor4 { border-bottom: 8px solid rgb(102,148,181); }

.interviewKare .undColor1 { border-bottom: 6px solid rgb(204,51,0); }
.interviewKare .undColor2 { border-bottom: 6px solid rgb(255,102,0); }
.interviewKare .undColor3 { border-bottom: 6px solid rgb(153,204,153); }
.interviewKare .undColor4 { border-bottom: 6px solid rgb(102,148,181); }

.hotJobKare .interviewNameA, .hotJobKare a.interviewNameA, .hotJobKare a.interviewNameA:visited {
 height: 72px; 
 overflow: hidden; line-height: 24px; font-size: 18px; 
 color: rgb(13,62,100); 
 margin-bottom: 20px; 
}

.hotJobKare span {
 overflow: hidden; line-height: 16px; font-size: 15px; height: 80px; color: rgb(51,51,51); 
 display: inline-block; 
 width: 92%; padding-left: 4%; padding-right: 4%; 
}

.hotJobKare a span, .hotJobKare a:visited span { color: rgb(51,51,51); width: 100%; padding-left: 0px; padding-right: 0px; font-size: 16px; }

@media screen and (max-width: 1200px) {
 .hotJobsBeltContainer { max-width: 912px; height: 410px; }
 .hotjobsbelt { height: 410px; }
 .hotJobKare .kareImg { height: 180px; }
 .hotJobKare .interviewNameA, .hotJobKare a.interviewNameA, .hotJobKare a.interviewNameA:visited {
  font-size: 16px; 
  line-height: 20px; height: 60px; margin-bottom: 16px; 
 }
 .hotJobKare span { font-size: 12px; line-height: 14px; height: 70px; }
 .hotJobKare { 
	 width: 292px; margin-left: 6px; margin-right: 6px; 
	 height: 400px; background: white; 
	 text-align: left; 
	 margin-bottom: 10px; 
	}
	
  .hotJobKare  .interviewNameA::after { top: 278px; }	
}
@media screen and (max-width: 959px) { .hotJobsBeltContainer { max-width: 608px; } }
@media screen and (max-width: 639px) { .hotJobsBeltContainer { max-width: 304px; } }
@media screen and (max-width: 305px) { 
 .hotJobsBeltContainer { max-width: 240px; }  
 .hotJobKare { width: 240px; margin-left: 0px; margin-right: 0px; }
}

.seaBack { 
 padding-top: 50px; 
 padding-bottom: 40px; 
 background-color: rgb(15,51,92);
 background-image: url('img/navy-backs/apply-long.jpg');  
 background-repeat: no-repeat; 
 background-size: 100% auto; 
 background-position: top center; 
 color: rgb(229,229,229); 
 text-transform: uppercase; 
 font-size: 14px; 
 font-weight: bold; 
}

@media screen and (max-width: 1550px) { 
.seaBack { background-size: 1550px auto;  }
}

.seaBackC { 
 padding-top: 75px; 
 padding-bottom: 75px; 
 color: rgb(229,229,229); 
 text-transform: uppercase; 
 font-size: 22px; 
 font-weight: bold; 
 background-image: url('img/navy-backs/have-enquiry.jpg'); 
 background-repeat: no-repeat; 
 background-size: 100% auto; 
}

.navyBlur { 
position: absolute; 
top: 0px; left: 0px; 
width: 100%; 
height: 100%; 
background: rgba(15,51,92,0.77); 
}

.seaBack .navyBlur { background: rgba(15,51,92,0.85); }

@media screen and (max-width: 1550px) { .seaBackC { background-size: 1550px auto;  } } 

.seaBack.lessPad, .seaBackC.lessPad {  padding-top: 60px; padding-bottom: 50px; font-weight: normal; }
.seaBack.lessPad .viewAllA, .seaBackC.lessPad .viewAllA { font-size: 1.2em; font-weight: normal; min-width: 180px; font-size: 14px; }

.whatInJobs { 
 display: inline-block; 
 width: 240px;  
 float: none; 
 text-align: left; 
 display: inline-block; 
 padding-right: 50px; 
 min-height: 60px; 
 padding-bottom: 10px; 
 vertical-align: top; 
}

.whatInJobs strong {
 font-size: 36px; 
 display: inline-block; 
 font-weight: normal; 
 width: 90%; 
 padding-left: 10%; 
 padding-bottom: 5px; 
}

.whatInJobs a, .whatInJobs a:visited { color: white; }
.whatInJobs a:hover { color: rgb(153,204,153); }

.whatInJobs a.blueA, .whatInJobs a.blueA:visited {
 position: absolute; 
 left: -10px; 
 padding: 20px; 
 font-weight: normal; 
 width: 100%; 
 color: white; 
 text-align: center; 
 background: rgb(51,102,153); 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
}
.whatInJobs a.blueA:hover { background: white; color: rgb(15,51,92);  }
@media screen and (max-width: 639px) { .whatInJobs a { padding: 15px; } .seaBack { padding-top: 40px; padding-bottom: 40px; }}

@media screen and (max-width: 479px) { 
 .seaBackC { font-size: 18px; }
 .seaBack, .seaBackC { padding-top: 20px; padding-bottom: 60px;  }
 .whatInJobs { width: 100%; padding-right: 10px; padding-left: 10px; margin-bottom: 10px; min-height: 20px;  }
 .whatInJobs a.blueA { left: 10px; width: auto; min-width: 50%;}
 .whatInJobs strong { font-size: 24px; }
}

.theFooter {
 background: rgb(4,32,64); 
 color: rgb(229,229,229); 
 padding-top: 30px; 
 padding-bottom: 30px; 
}

.theFooter img { max-width: 100%; height: auto; }
.theFooter a, .theFooter a:visited { color: rgb(229,229,229); }
.theFooter a:hover, .theCredits a:hover { color: rgb(153,204,152); }

.footCol { width: 20%; padding-right: 3%; padding-left: 2%; font-size: 13px; min-height: 10px; margin-bottom: 10px;  }
.footCol p { margin-top: 0px; padding-top: 0px; margin-bottom: 16px; padding-bottom: 0px; }
.crewman { font-size: 1.1em; }

.footCol strong { font-size: 36px; font-weight: normal; }

@media screen and (max-width: 1024px) { 
 .theFooter { padding-top: 50px; padding-bottom: 40px;  }
}

@media screen and (max-width: 639px) { 
 .theFooter { padding-top: 20px; padding-bottom: 10px;  }
 .footCol { width: 95%; border-bottom: 1px dotted rgb(229,229,229); font-size: 12px; padding-bottom: 10px; }
 .footCol p { margin-bottom: 12px; }
}

.theCredits {
 background: rgb(25,25,25); color: rgb(178,178,178);  
 font-size: 13px; 
 padding-top: 12px;
 padding-bottom: 12px;
 font-size: 11px; 
}
.theCredits a, .theCredits a:visited { color: rgb(178,178,178); }

.fLink { display: inline-block; width: 13px; height: 25px; background: url('img/f-link.png'); margin-right: 10px; }
.fLink:hover { background: url('img/f-link-hover.png'); }

.tLink { display: inline-block; width: 20px; height: 25px; background: url('img/t-link.png'); margin-right: 10px; }
.tLink:hover { background: url('img/t-link-hover.png');  }

.inLink { display: inline-block; width: 22px; height: 25px; background: url('img/in-link.png'); margin-right: 10px; }
.inLink:hover { background: url('img/in-link-hover.png'); }


.mid830 { width: 100%; max-width: 830px; float: none; display: inline-block; } /* inq. in contractors */

.mid560 { width: 98%; padding-left: 1%; padding-right: 1%; max-width: 560px; float: none; display: inline-block; }
.mid760 { width: 98%; padding-left: 1%; padding-right: 1%; max-width: 760px; float: none; display: inline-block; }
.mid920 { width: 98%; padding-left: 1%; padding-right: 1%; max-width: 920px; float: none; display: inline-block; }
.mid1000 { width: 98%; padding-left: 1%; padding-right: 1%; max-width: 1000px; float: none; display: inline-block; }
.mid1050 { width: 98%; padding-left: 1%; padding-right: 1%; max-width: 1050px; float: none; display: inline-block; }
.mid1550 { width: 100%; max-width: 1550px; float: none; display: inline-block; }
.mid1100 { width: 98%; padding-left: 1%; padding-right: 1%; max-width: 1100px; float: none; display: inline-block;  }
.mid1160 { width: 98%; padding-left: 1%; padding-right: 1%; max-width: 1160px; float: none; display: inline-block;  }
.mid1160 .interviewKare { display: inline-block; float: none; overflow: hidden; } 
.mid1340 { width: 99%; padding-left: 0.5%; padding-right: 0.5%; max-width: 1340px; float: none; display: inline-block; }
.interviewKare .interviewNameA { height: 65px; overflow: hidden; font-size: 14px; }

.imgMax img { max-width: 100%; height: auto!important; }
.margMin10 { margin-bottom: -10px; }

.labelOnHalf { position: absolute; top: 50%; margin-top: -80px; width: 360px; left: 50%; margin-left: -180px; text-align: center; 
 line-height: 28px; 
 font-size: 14px; 
}
.labelOnHalf  strong { text-transform: uppercase; font-weight: normal; font-size: 28px; }
.labelOnHalf .whiteA, .labelOnHalf .blueA { padding: 15px 20px; min-width: 90px; margin-top: 10px; }

@media screen and (max-width: 799px) {  
 .labelOnHalf { line-height: 20px; font-size: 12px; margin-top: -60px; }
 .labelOnHalf  strong { font-size: 18px; }
}

.normCase { text-transform: none; }

.mainFont ul { margin-left: 0px; padding-left:0px; }

.mainFont ul li {
 list-style-type: none;  
 margin-left: 2px; 
 font-size: inherit; 
 background-color:rgba(255,255,255,0)!important;
 font-family: inherit; 
 display: inline-block; 
 list-style-position: outside;
 margin-bottom: 6px; 
 float: left; 
 width: 100%; 
 position: relative;
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
 padding-left: 25px;  
 color: inherit; 
}

.mainFont ul li::before { 
    content: ' ';
    background-color: rgb(36,87,143);
    display: inline-block; 	
    width: 16px; 
	height: 16px; 
	font-size: 1px; 
	position: absolute; 
	left: -1px; 
	top: 2px; 	
}

.blurBelow { display: none; }

.maxH400 { 
 max-height: 400px; 
 overflow: hidden; 
}

.maxH400 .blurBelow {
 display: inline; 
 width: 100%; 
 position: absolute; 
 top: 400px;  
 left: 0px; 
 height: 2px; 
 -webkit-box-shadow: 0px 0px 30px 30px rgb(255,255,255);
 -moz-box-shadow: 0px 0px 30px 30px rgb(255,255,255);
 box-shadow: 0px 0px 30px 30px rgb(255,255,255);
}

.emUp .deptsTxt { font-size: 16px; margin-left: 20px; margin-right: 20px; padding-top: 75px; }

h2.faqQ { 
 display: inline-block; width: 100%; border-bottom: 1px solid rgb(209,209,209); 
 float: left; position: relative; 
 padding-bottom: 20px; margin-bottom: 15px; padding-top: 0px; margin-top: 5px; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
 padding-left: 35px; 
 font-size: 16px; 
 color: black!important; 
 cursor: pointer; 
 line-height: 20px; 
 text-transform: none; 
 text-align: left; 
}

.faqQ span { display: inline-block; width: 12px; height: 20px; margin-left: 20px; background: url('img/arr-faq.gif') no-repeat center center; }
.faqQ span::before {
 content: '';
 width: 20px; 
 height: 20px; 
 position: absolute; 
 top: 0px; 
 left: 0px; 
 background: rgb(36,87,143); 
}

.faqQ.faqOn span { background: url('img/arr-faq-close.gif') no-repeat center center; }

h2.faqQ:hover { color: rgb(51,51,51)!important; }
h2.faqQ:hover span { background: url('img/arr-faq-hover.gif') no-repeat center center; }
h2.faqQ.faqOn:hover span { background: url('img/arr-faq-close-hover.gif') no-repeat center center; }
h2.faqQ:hover span::before { background: rgb(152,204,152);  }


@media screen and (max-width: 799px) { h2.faqQ { font-size: 14px; padding-bottom: 16px; margin-bottom: 12px; } }

.pagination { text-transform: uppercase; padding-top: 20px; padding-bottom: 30px; }
.pagination a, .pagination span { display: inline-block; padding: 5px 8px; margin-left: 2px; margin-right: 2px; font-size: 14px; }
.pagination a, .pagination a:visited, .pagination a:active { color: rgb(153,153,153); }
.pagination a:hover {  color: white; background: rgb(13,62,100); }
.pagination span { background: rgb(51,102,153); color: white; }

.frameDots { 
 width: 100%; 
 text-align: center; 
 top: 100%; 
 margin-top: -50px; 
}

.flw80 { width: 80%; padding-left: 10%; margin-right: 10%; }

.back2cat { position: absolute; top: 0px; left: 90%; width: 10%; padding-top: 5px; font-size: 14px; text-transform: uppercase; 
 text-align: right; 
}
.back2cat a, .back2cat a:visited { color: rgb(127,127,127); }
.back2cat a:hover { color: rgb(13,62,100); }

@media screen and (max-width: 459px) {
 .frameDots { margin-top: -25px; }
 .back2cat { float: left; position: relative; left: 0px; width: 100%; padding-bottom: 10px; padding-top: 0px; text-align: center; }
}

.applyUntil { font-size: 0.9em; }

.cliKare { display: inline-block; float: none; 
border: 1px solid rgb(204,204,204); 
margin-left: 5px;
margin-right: 5px;
margin-bottom: 25px;
width: 258px; height: 338px;
line-height: 338px; 
overflow: hidden; 
background: white; 
text-align: center; 
}

.cliKare img { max-width: 100%; height: auto; vertical-align: middle; }

@media screen and (max-width: 799px) {
 .cliKare { height: 280px; }
}

@media screen and (max-width: 270px) { .cliKare { width: 228px; }}

.mid33 { 
 width: 33%;
padding-left: 10px; 
padding-right: 10px;  
}

.floatMid { display: inline-block; float: none; }

@media screen and (max-width: 459px) {.mid33 { width: 100%; }}

/* loader styles start */
 .blur4load {
 position: fixed; 
 top: 0px; 
 left: 0px; 
 background: rgba(0,0,0,0.4); 
 width: 100%; 
 height: 100%; 
 padding-top: 10px; 
 padding-bottom: 30px; 
 z-index: 20; 
}

.closeAbove {
 width: 96%; max-width: 1200px; text-align: right; color: white; margin-left: 2%; margin-right: 2%; 
 display: inline-block; float: none; 
 padding-bottom: 10px; 
}
.closeAbove span { font-weight: bold; font-size: 14px; display: inline-block; 
 background: rgb(13,62,100); color: white; padding: 5px; 
 position: relative; top: 37px; z-index: 2; 
}
.closeAbove span:hover { background: rgb(153,204,153); color: white;  }
.closeAbove.text-center { text-align: center!important; }


.textInLoader { 
 background: white; width: 96%; max-width: 1200px; display: inline-block; float: none; margin-left: 2%; margin-right: 2%; 
 padding-top: 10px; 
 padding-bottom: 10px; 
 max-height: 90%!important; 
 overflow: auto; 
}
/* loader styles end */

.formCol { width: 50%; padding-left: 30px;  padding-right: 30px; }
.formCol .flw100 .flwA { width: 100%; }
.formCol img { vertical-align: middle; margin-top: 10px; }

.inForm input, .formCol input {
 width: 90%; height: 45px; background: white; border: 1px solid rgb(195,195,195); 
 padding-left: 4%; 
 padding-right: 4%; 
 margin-top: 10px; 
 margin-bottom: 22px; 
}

.inForm select, .formCol select {
  width: 99%; height: 45px; background: white; border: 1px solid rgb(195,195,195);  
 margin-top: 10px; 
 margin-bottom: 22px; 
}

.inForm input.invalid, .formCol input.invalid, .inForm select.invalid, .formCol select.invalid, textarea.invalid{
 -webkit-box-shadow: 0px 0px 3px 3px rgb(255,0,0,0.6);
 -moz-box-shadow: 0px 0px 3px 3px rgb(255,0,0,0.6);
 box-shadow: 0px 0px 3px 3px rgb(255,0,0,0.6);
}

.inForm {
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
 padding-left: 20px;  padding-right: 20px;
}

.flw12 { width: 12%; }

.inForm .flw20, .inForm .flw33, .inForm .flw25, .inForm .flw15, .inForm .flw12, .inForm .flw40 {
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
 padding-left: 10px;  padding-right: 10px;
} 

.inForm .flw20 .flw50 {
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
 padding-left: 5px;  padding-right: 5px;
} 

.inForm .blueA {
 height: 45px; 
 padding-top: 15px; margin-top: 27px; 
}

.formCol span input, .inForm span input { width: 35px; height: 35px; background: rgba(255,255,255,0); display: inline-block; vertical-align: middle; }

.lang1input input, .lang2input input, .lang3input input, .lang4input input, .lang5input input, .lang6input input, .lang7input input, 
.lang8input input, .lang9input input, .lang10input input, .lang11input input, .lang12input input, .lang13input input, .lang14input input, .lang15input input, 
.lang1input select, .lang2input select, .lang3input select, .lang3input select, .lang4input select, 
.lang5input select, .lang6input select, .lang7input select { padding-left: 40px;  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
	height: 50px; 	  
	}
	
.flw40 { width: 40%; }	

@media screen and (max-width: 480px) {.flw40, .flw20, .flw15, .flw12, .flw40 {width: 100%; }}

.lang1input::after, .lang2input::after, .lang3input::after, .lang4input::after, .lang5input::after, .lang6input::after, .lang7input::after,
.lang8input::after, .lang9input::after, .lang10input::after, .lang11input::after, .lang12input::after, .lang13input::after, .lang14input::after,
.lang15input::after {
 position: absolute; 
 top: 10px; 
 left: 15px; 
 font-size: 38px; 
 color: rgb(193,193,193); 
}
.lang1input::after { content: '1'; }
.lang2input::after { content: '2'; }
.lang3input::after { content: '3'; }
.lang4input::after { content: '4'; }
.lang5input::after { content: '5'; }
.lang6input::after { content: '6'; }
.lang7input::after { content: '7'; }
.lang8input::after { content: '8'; }
.lang9input::after { content: '9'; }
.lang10input::after { content: '10'; }
.lang11input::after { content: '11'; }
.lang12input::after { content: '12'; }
.lang13input::after { content: '13'; }
.lang14input::after { content: '14'; }
.lang15input::after { content: '15'; }

.formCol textarea {
 width: 98%; height: 425px; background: white; border: 1px solid rgb(195,195,195); 
 margin-top: 10px; 
 margin-bottom: 22px; 
}

.alerts { padding-top: 10px; padding-bottom: 10px; color: red; font-weight: bold; }

.submitForm input {
 padding: 20px 15px; min-width: 150px; 
 text-align: center; 
 font-size: 12px; 
 text-transform: uppercase; 
 color: white;
 text-align: center; 
 background: rgb(13,62,100);
 border: 1px solid rgb(13,62,100);
 cursor: pointer; 
}

.submitForm input:hover { 
 color: rgb(13,62,100);
 background: white;  
}

.agreesIn .flwA { display: inline-block; float: none; max-width: calc(100% - 40px); width: auto; }
.agreesIn a { display: inline-block; margin-left: 5px; margin-right: 5px; }

.boxOn, .boxOff { display: inline-block; border: 1px solid rgb(13,62,100); width: 20px; height: 20px; margin-right: 10px; margin-left: 5px; 
cursor: pointer; }
.boxOn { background: rgb(153,204,153); }
.boxOff { background: white; }

@media screen and (max-width: 560px) { 
 .formCol { width: 100%; }
 .formCol textarea { height: 200px; }
}

.gtcLoad { padding-left: 15px; padding-right: 15px; }

.navyIncC { background: url('img/navy-backs/inq830.jpg'); padding-top: 30px; padding-bottom: 30px; color: white; 
 font-size: 28px; text-transform: uppercase; 
}

.inlineSect, .inlineSect2  { width: 100%; }


.sect2cols .inlineSect { width: 31%; padding-right: 2%; min-height: 10px; }
.sect2cols .inlineSect h1, .sect2cols .inlineSect2 h1, 
.sect2cols .inlineSect h2, .sect2cols .inlineSect2 h2
.sect2cols .inlineSect h3, .sect2cols .inlineSect2 h3 { 
text-align: left!important; padding-top: 0px!important; margin-top: 0px!important; 
margin-bottom: 10px; 
padding-bottom: 0px; 
}
.sect2cols .inlineSect2 { width: 67%; 
  -webkit-column-count: 2; /* Chrome, Safari, Opera */
 -moz-column-count: 2; /* Firefox */
 column-count: 2;
 
 -webkit-column-gap: 30px; /* Chrome, Safari, Opera */
 -moz-column-gap: 30px; /* Firefox */
 column-gap: 30px;
}

@media screen and (max-width: 560px) {
 .sect2cols .inlineSect { width: 96%; padding-left: 2%; text-align: center; }
 .sect2cols .inlineSect h1, .sect2cols .inlineSect h2, .sect2cols .inlineSect h3 { text-align: center!important; margin-bottom: 10px!important; }
 .sect2cols .inlineSect2 { width: 98%; padding-left: 1%; padding-right: 1%; }
} 
@media screen and (max-width: 359px) {
 .sect2cols .inlineSect2 { 
 -webkit-column-count: 1; /* Chrome, Safari, Opera */
 -moz-column-count: 1; /* Firefox */
 column-count: 1;
 }
}

.seaBackBS { 
 padding-top: 75px; 
 padding-bottom: 75px; 
 color: white!important; 
 background-image: url('img/navy-backs/bot-sect.jpg'); 
 background-position: center center; 
 background-repeat: no-repeat; 
 background-size: 100% auto; 
}
@media screen and (max-width: 1550px) { .seaBackBS { background-size: 1550px auto; } }

.seaBackBS .mainFont h1, .seaBackBS .mainFont h2, .seaBackBS .mainFont h3, .seaBackBS .mainFont h4 , .seaBackBS .mainFont { color: white; }
.seaBackBS a, .seaBackBS a:visited  { color: rgb(200,200,200);  }
.seaBackBS a:hover { color: rgb(153,204,153); }

.padLR { padding-left: 5px; padding-right: 5px; }
.padL { padding-left: 5px; }

.applyHead { top: -20px; margin-bottom: 15px; color: rgb(36,87,143); font-size: 1.15em; }

@media screen and (max-width: 900px) {
 .applyHead { top: 0px; margin-bottom: 10px; }
}

@media screen and (max-width: 480px) {
 .applyHead .flw33, .applyHead .flw66, .applyHead .flw33.text-left, .applyHead .flw33.text-right, .applyHead .flw66.text-right {
  text-align: center; margin-bottom: 5px; 
 }
}

.mailValidity { position: absolute; top: 100%!important; left: 0px!important; font-size: 11px; margin-top: -12px; line-height: 11px; }


/* GALLERY */


.gallList {
 width: 360px; 
 height: 300px; 
 margin-left: 10px; 
 margin-right: 10px; 
 margin-bottom: 20px; 
 float: none; 
 position: relative; 
 display: inline-block; 
 vertical-align: middle; 
}

.gallIntroPic { width: 100%; height: 230px; margin-bottom: 20px; overflow: hidden; background: rgb(202,202,202); cursor: pointer; }
.gallIntroPic img { width: 100%; height: auto; }

.gallName { text-align: center; font-size: 22px; color: rgb(51,51,51); text-align: center; width: 100%; }

.gallBrief {
 position: absolute; top: 0px; left: 0px; width: 100%; min-height: 280px; padding: 40px; 
 background: rgb(204,204,204); 
 opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
 -webkit-transition:  0.6s; /* Safari */
 -moz-transition: 0.6s; 
 transition: 0.6s; 
 text-align: left; 
 font-size: 13px; 
}

.gallList:hover .gallBrief { 
 opacity: 1; 
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  
 filter: alpha(opacity=100);
 -moz-opacity: 1;
 -khtml-opacity: 1;
}

.gallBrief .flw100 { max-height: 240px; overflow: auto; }

@media screen and (max-width: 540px) { 
 .gallList { width: 100%; margin-left: 0px; margin-right: 0px; height: auto; }
 .gallIntroPic { margin-bottom: 0px; height: auto; cursor: default; }
 .gallBrief { float: left; position: relative; padding: 20px; min-height: 50px; 
  opacity: 1; 
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  
 filter: alpha(opacity=100);
 -moz-opacity: 1;
 -khtml-opacity: 1;
 }
 .gallBrief .flw100 { max-height: 2000px; }
 .gallName { position: absolute; left: 0px; top: 30px; color: white; text-shadow: 1px 1px 3px rgba(0,0,0,0.8); }
}

.gallBigImg { min-height: 250px; max-height: 1000px; overflow: hidden; text-align: center; }
.gallBigImg img, .gallThumb img { max-width: 100%; height: auto;}

@media screen and (max-height: 800px) { .gallBigImg { max-height: 600px; } }
@media screen and (max-height: 600px) { .gallBigImg { max-height: 450px; } }
@media screen and (max-width: 600px) { .gallBigImg img { max-height: 1000px; max-width: 100%; height: auto; } }

.arrprevbig { position: absolute; top: 50%; 
 left: 0px; 
 margin-left: -48px; height: 72px; width: 38px; margin-top: -36px; 
 background-image: url('img/arr-blue-L.gif'); 
 background-repeat: no-repeat; 
 background-position: center left; 
 background-size: 100% auto; 
 cursor: pointer; 
}
.arrprevbig:hover { background-image: url('img/arr-blue-L-hover.gif'); }

.arrnextbig { position: absolute; top: 50%; left: 100%; margin-left: 10px; 
 width: 38px; 
 height: 72px; 
 background: url('img/arr-blue-R.gif') no-repeat center left; 
 top: 50%; 
 position: absolute; 
 margin-top: -36px; 
 background-size: 100% auto; 
 cursor: pointer; 
}
.arrnextbig:hover { background-image: url('img/arr-blue-R-hover.gif'); }

.gallbeltContainer { width: 100%; height: 120px; overflow: hidden; max-width: 1025px; float: none; display: inline-block; margin-bottom: 30px; }
.gallBelt { position: absolute; top: 0px; left: 0px; width: 10000px; height: 120px; }

.gallThumb { width: 190px; height: 120px; overflow: hidden; margin-right: 7px; margin-left: 8px; cursor: pointer; 
 background: rgb(205,205,205); 
}

.gallThumb:hover {
-webkit-box-shadow: 0px 0px 10px 0px rgba(13,62,100,0.4);
 -moz-box-shadow: 0px 0px 10px 0px rgba(13,62,100,0.4);
 box-shadow: 0px 0px 10px 0px rgba(13,62,100,0.4); 
 }

.picArrows { margin-bottom: 40px; }

.max1030 { width: 100%; max-width: 1130px; float: none; display: inline-block; }

@media screen and (max-width: 1150px) {  
 .picArrows, .max1030.picArrows { max-width: calc(100% - 100px); margin-left: 50px; padding-left: 0px; padding-right: 0px; margin-right: 50px; }
}

@media screen and (max-width: 1030px) { 
 .gallbeltContainer { max-width: 700px; height: 100px; }
 .gallBelt { height: 100px; }
 .gallThumb { width: 130px; height: 100px; margin-right: 5px; margin-left: 5px; }
}

@media screen and (max-width: 700px) { .gallbeltContainer { max-width: 560px; } }
@media screen and (max-width: 560px) { .gallbeltContainer { max-width: 420px; } }
@media screen and (max-width: 420px) { .gallbeltContainer { max-width: 280px; } }

.max1200 { width: 100%; max-width: 1200px; float: none; display: inline-block; }
.calendarDivInPage {
 width: 250px; 
 background: white; 
 z-index: 1000; 
 display: none; 
 font: normal 12px arial; 
 color: black; 
 height: auto; 
 position: absolute; 
 margin-top: -10px; 
 border: 1px solid silver;
}

.calendarprevNext, .calendarYear {
 width: 100%; 
 float: left; 
 text-align: center;
 padding-top: 2px; 
 padding-bottom: 2px; 
 font: bold 14px arial; 
 color: rgb(79,191,237);
 height: auto; 
}

.calendarprevNext a, .calendarprevNext a:visited, .calendarprevNext a:active {
 color: rgb(79,191,237);
}

.ajCalDay {
 width: 13%; 
 height: auto; 
 margin-left: 1%; 
 padding-top: 1px; 
 padding-bottom: 1px; 
 margin-top: 1px; 
 float: left; 
 text-align: right; 
 position: relative; 
 font: normal 12px arial; 
}

.ajCalDayLink {
 width: 13%; 
 height: auto; 
 margin-left: 1%; 
 padding-top: 1px; 
 padding-bottom: 1px; 
 float: left; 
 text-align: right; 
 margin-top: 1px; 
 position: relative; 
 background: rgb(79,191,237); 
 font: normal 12px arial; 
 cursor: pointer; 
 color: white; 
}
.ajCalDayLink a, .ajCalDayLink a:active, .ajCalDayLink a:visited {
 color: white; 
}

.ajCalDayLinkSlctd {
 width: 13%; 
 height: auto; 
 margin-left: 1%; 
 padding-top: 1px; 
 padding-bottom: 1px; 
 margin: 1px; 
 float: left; 
 text-align: right; 
 position: relative; 
 margin-top: 1px; 
 background: gold; 
 font: normal 12px arial; 
}

.calendarDivDirect {
 width: 160px; 
 background: white; 
 display: block; 
 font: normal 12px arial; 
 color: black; 
 height: auto; 
 float: left; 
 position: relative; 
}

.ajcalRow {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
}

.calendarPrevMonLink {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: 25%; 
 height: auto; 
 font: bold 14px arial; 
 text-align: center; 
 text-align: center; 
 border: 1px solid silver; 
 cursor: pointer;
 background: rgb(230,230,230); 
 color: rgb(79,191,237);
}

.calendarNextMonLink {
 position: absolute; 
 top: 0px; 
 left: 75%; 
 width: 25%; 
 height: auto; 
 font: bold 14px arial; 
 text-align: center; 
 text-align: center; 
 border: 1px solid silver; 
 cursor: pointer;
 background: rgb(230,230,230); 
 color: rgb(79,191,237);
}
div {
 float: left; 
 position: relative;
}

.realContText p, .realContText td {
 font-family: Arial,Helvetica,sans-serif;
 color: rgb(51,51,51);  
 font-size: 14px; 
}

a, a:visited,  a:active {
 text-decoration: none; 
 color: rgb(13,62,100);
 -webkit-transition:  0.4s; /* Safari */
 -moz-transition: 0.4s; 
 transition: 0.4s;
 border: 0px; 
}

a:hover {
 text-decoration: none; 
 color: rgb(51,102,153);
}

a img {
 border: 0; 
}

.realContText p, .realContText td p  {
 margin-top: 0px; 
 margin-bottom: 14px; 
}

.realContText h1, .realContText td h1 {
 font-size: 24px; font-weight: normal; display: inline-block; text-align: center; width: 100%; 
 padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 40px; 
 text-transform: uppercase;  
}

.realContText h2, .realContText td h2 {
 font-size: 24px; font-weight: normal; display: inline-block; text-align: center; width: 100%; 
 padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 40px; 
 text-transform: uppercase;  
}

.realContText h3, .realContText td h3 {
 font-size: 18px; font-weight: normal; display: inline-block; text-align: center; width: 100%; 
 padding-top: 0px; padding-bottom: 0px; margin-top: 20px; margin-bottom: 30px;  
}

.realContText h4, .realContText td h4 {
 font-size: 18px; font-weight: normal; display: inline-block; text-align: center; width: 100%; 
 padding-top: 0px; padding-bottom: 0px; margin-top: 20px; margin-bottom: 30px;  
}

.realContText h5, .realContText td h5 {
 font-size: 18px; font-weight: normal; display: inline-block; text-align: center; width: 100%; 
 padding-top: 0px; padding-bottom: 0px; margin-top: 20px; margin-bottom: 30px;  
}


.realContText h6, .realContText td h6 {
 font-size: 18px; font-weight: normal; display: inline-block; text-align: center; width: 100%; 
 padding-top: 0px; padding-bottom: 0px; margin-top: 20px; margin-bottom: 30px;  
}


.realContText a, .realContText a:visited, .realContText a:active {
 text-decoration: none; 
}