html {
	scroll-behavior: smooth;
}
.nav-item {
	border-bottom: 1px solid #151C56;
	text-align: center;
}
.navbar-brand .Logo {
	height: 40px;
}
a.anchorName {
	display: block;
	margin: 0;
	padding: 0px;
	height: 0px;
}
a.anchorNameGoals, a.anchorNameVacancies {
	margin-bottom: 2.5rem;
}


#navbarTogglerHR .nav-link:hover, #navbarTogglerHR .nav-link:focus {
	color: #00a6ff;
}
#navbarTogglerHR .btn-danger {
	color: #fff;
}
#navbarTogglerHR .btn-danger:hover, #navbarTogglerHR .btn-danger:focus {
	color: #fff;
}

/*

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}

.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}

*/



/* Header Slider start */
.headerSlider .row {
	height: auto;
	height: 500px;
}
.headerSlider .row .col {
	height: 50%;
}
.sliderSlogan, .blockSlogan {
	align-items: center; 
/*	justify-content: center; */
	display: flex;
}
.sliderImg {
	background-repeat: no-repeat;
	background-size: 110% auto; 
	background-position: center;
}
.bgImg {
	background-repeat: no-repeat;
	background-size: auto 100%; 
	background-position: center;
/*	background-attachment: fixed; */
}

.containerLogo {
	position: relative;
}
.logoTxtWhite {
	display: block;
	display: none;
	position: absolute;
	z-index: 15;
	left: 0;
	top: 0;
	margin-top: 1rem; 
	margin-bottom: -2rem;
	z-index: 15;
	margin-right: 0px;
	margin-left: 0px;

}




.headerSlider h2 {
	font-weight: bold;
	color: #fff;
}
.headerSlider p {
	font-style: italic;
	color: #fff;
	max-width: 500px;
}



#headerSlider1 {
	background-color: #96A7C5;
	background-color: #909092;

	background-color: #717662;
	background-color: #033d7f;
	background-color: #01498b;
	
}
#headerSlider1 .sliderImg {
	background-image: url(../images/slider1.jpg);
}

#headerSlider2 {
	background-color: #77A7CB;
	background-color: #77A7CB;
	background-color: #77A7CB;
	background-color: #164a47;
}
#headerSlider2 .sliderImg {
	background-image: url(../images/slider2.jpg);
}


#headerSlider3 {
	background-color: #747EB1;
	background-color: #8cb5e4;
	background-color: #91b8e2;
	background-color: #9fb8d4;
	background-color: #79aed0;
}
#headerSlider3 .sliderImg {
	background-image: url(../images/slider3.jpg);
}
/* Header Slider end */



#ourGoals h2, #forVacancies h2 {
	font-weight: bold;
	color: #151C56;
}

#ourGoals div.col {
	margin: 2rem 0%; 
	text-align: center;
}

#ourGoals span.gold {
	font-weight: bold;
	color: #B18F00;
}
#ourGoals ul {
	padding: 0px;
}
#ourGoals li {
	list-style-type: none;
	margin: 15px 0px;
}
div#ourGoals div.col {
}
#forShipowners {
	background-color: #eaeceb;
}

#forShipowners .row, #forSeafarers .row, #forTraining .row {
	height: 400px;
}

#forShipowners h2, #forSeafarers h2, #forTraining h2, #forShipowners h2 {
	font-weight: bold;
	color: #151C56;
}
#forShipowners p, #forSeafarers p, #forTraining p, #forShipowners p {
	font-style: italic;
	color: #151C56;
	max-width: 500px;
}

#forShipowners .bgImg {
	background-image: url(../images/forShipowners_bg_609x400.jpg);
	background-position: center right;
}

.blockSloganRight div {
	padding-left: 40px; 
}

.blockSloganLeft div {
	padding-right: 40px;
	text-align: right;
}
.blockSloganLeft div {
	width: 100%;
}
#forSeafarers {
	background-color: #78d8f8;
	background-image: url(../images/forSeafarers_bg_1920x600.jpg);
	/*background-image: url(../images/forSeafarers.jpg);*/
}
#forSeafarers .bgImg {
	/*background-image: url(../images/forSeafarers_1920x600.jpg);
	background-position: center right;
	background-size: 100% auto; */
	background-image: url(../images/forSeafarers.jpg);
	background-position: center center;
	background-size: 100% auto; 
}

#forTraining {
	background-color: #FCF1CF;
}
#forTraining .bgImg {
	background-image: url(../images/NavigationalChart_1920x1384.jpg);
	background-image: url(../images/NavigationalChart_1920x1384_v2.jpg);
	background-image: url(../images/NavigationalChart_1920x1384_v5.jpg);
	background-image: url(../images/NavigationalChart_1920x1384_v4.jpg);
	background-image: url(../images/NavigationalChart_1920x1384_v3.jpg);
	background-position: center right;
	background-size: 110% auto; 
}
.sliderSlogan p, #ourGoals li {
	font-size: 1rem;
}
.blockSlogan p {
	font-size: 1.25rem;
}


.blockSloganLeft p {
	margin-left: auto;
	margin-right: 0px;
}

#vessels .row {
	height: 300px;
	background-color: aqua;
}

div.vImg {
	background-position: top center;
	background-size: 100% auto; 
	background-repeat: no-repeat;
}
.vessel1 {
	background-image:url(../images/vessel1.png);
}
.vessel2 {
	background-image:url(../images/vessel2.jpg);
}
.vessel3 {
	background-image:url(../images/vessel3.jpg);
}
.vessel4 {
	background-image:url(../images/vessel4.jpg);
}
div#vessels div.col {
	margin: 0px;
	padding: 0px;
}

div#vessels2 div.container-fluid, div.headerSlider div.container-fluid {
	padding-right: 0px;
	padding-left: 0px;
}

#vessels2 img {
	margin: 0px;
	padding: 0px;
	height: auto;
	max-height: 300px;
	width: 100%;
}


#forVacancies {
	color: #151C56;
	padding-top: 2rem;
	padding-bottom: 2rem;
}
#forVacanciesForm {
	padding-top: 2rem;
	padding-bottom: 2rem;
}
#forVacanciesForm a.btn {
	color: #fff;
}
#forVacancies h2, #forVacanciesForm h2 {
	display: block;
	text-align: center;
}

#forVacancies h5 {
	font-weight: bold;
}
#forVacancies span {
	font-weight: normal;
	color: #00a6ff;
}
#forVacancies .row {
	padding-top: 2rem;
	padding-bottom: 2rem;
}
#forVacancies div.col {
	margin: 2rem 0%; 
	text-align: center;
}
div.rowNext {
	background-color: #F9F9F9;
}



#forContacts {
} 

.map-container{
	overflow:hidden;
	position:relative;
	height: 400px;
}
.map-container iframe{
	left:0;
	top:0;
	height:100%;
	position:absolute;
	border: 0px;
	z-index: 15;

	width:100%;
	margin-left: 0;
}

.idAddress {
	position: relative;
	z-index: 25;
	top:0;
	background-color: #D6E6F2;
	color: #151C56;
	
	width: 100%;
	height: 400px;
	left: 0;
	margin-top: 0px;
	font-size: 1.0rem;
	line-height: 1.25rem;
} 
.addressBlock {
	padding-left: 50px;
	padding-top: 50px;
	font-size: 
}
.logoImg {
	display: block;
/*	height: 40px; */
	width: 110px;
	margin-bottom: 1rem;
}
.logoTxt {
	display: block;
	margin: 1.25rem 0 2rem 0;
	height: 16px;
}
.logoTxtNav {
	display: block;
	height: 16px;
}
.aPhone {
	font-weight: bold;
	font-size: 1.35rem;
}
.memo {
	font-weight: normal;
	color: #6E7D8D;
}





footer {
	margin-top: 1rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
/*	border-top: 1px solid #ced4da; */
	
}	
.copy {
	color: #151C56;
	text-align: center;
	font-size: 0.75rem;
}	




#headerSliderCV {
	background-color: #00889c;
	background-image: url(../images/mapWorld_1260x516.png);
	background-position: top left;
	background-repeat: no-repeat;
}
#headerSliderCV .sliderImg {
	background-image: url(../images/hansa_rederi_CVs_833x375.png);
	background-size: 833px 375px; 
	background-size: 80% auto; 
	background-position: bottom right;
}

#headerSliderCV .row {
	height: 300px;
}

#headerSliderVacancies {
	background: rgb(11,48,75);
	background: linear-gradient(90deg, rgba(11,48,75,1) 0%, rgba(114,128,156,1) 100%);
	background-position: top left;
	background-repeat: no-repeat;
}
#headerSliderVacancies .sliderImg {
	background-image: url(../images/vacancies-1820x650.jpg);
	background-size: auto 100%; 
	background-position: center right;
}

#headerSliderVacancies .row {
	height: 500px;
}

#headerSliderShipowner {
	background-color: #eaeceb;
	background-color: #edefee;
	background-position: top left;
	background-repeat: no-repeat;
}
#headerSliderShipowner .sliderImg {
	background-image: url(../images/forShipowners_bg_609x400_header.jpg);
	background-size: auto 100%; 
	background-position: center left;
}

#headerSliderShipowner .row {
	height: 350px;
}
#headerSliderShipowner h2 {
	color: #151C56;
}
#headerSliderShipowner p {
	color: #151C56;
}




.headerSlider .row .sliderSlogan {
	height: 35%;
}
.headerSlider .row .sliderImg {
	height: 65%;
}

#applicationForm form, .loginFormDiv form, #forShipownerForm form {
	display: block;
	max-width: 580px;
	margin: 0rem auto;
/*	background-color: yellow; */
} 
#applicationForm h2, .loginFormDiv h2, #applicationForm legend, #forShipownerForm h2, #forShipownerForm legend {
	font-weight: bold;
	color: #151C56;
	padding-bottom: 1rem;
}

div.applicationFile .applicationFileMessage {
	float: left; 
	padding-left: 0px; 
}
div.applicationFile a {
	float: none;
}


.testLevel_1 {
/*	background-color: olive;*/
	background-color: #efefef;
	margin-top: 0px;
	margin-bottom: 0px;
}

.testLevel_2 {
	padding-top: 2rem;
	padding-bottom: 2rem;
	background-color: fuchsia;
	background-color: #fff;
}

.testLevel_3 {
/*	margin-top: 0px;*/
}



iframe.techOp {
	display: none;
	width: 1px;
	height: 1px;
	border: 0px;
}



fieldset.myFiles {
	margin: 30px 0px;
}

div.fileFromList {
	border-bottom: 1px solid #ced4da;
	margin-bottom: 0px;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
.itemLine {
	white-space: normal;
	background-color: #efefef;
}

input#vacancyInfo {
	 word-break: break-word  !important;
	 height: 30 em  !important;
	 
	 height: 500px !important; 
	word-wrap: break-word;
}



#forShipownerForm {
	background-color: #ccc;
	background-color: #e1d19e;
}

input[type=text]:optional, textarea:optional {
  border: 1px solid #eee;
  background-color: #f9f9f9;
}
label.optional {
  color: #aaa;
}

#englishLevelTxt {
    color: #e77c3c;
    font-weight: bold;
}

#vacancyForm .btn, #shipownerForm .btn, #seamanForm .btn  {
	margin-bottom: .25rem;
}

#deleteShipownerRow {
	margin-top: 5rem;
}

/* aStart */

div#aPage {
	position: fixed;	
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0px;
	border: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	background-color: white;
}

div#aPage div.align-items-center {
	width: 100%;
	height: 100%;
	margin: 0px;
	border: 0px;
	padding: 0px;
	text-align: center;
}

div#aPage input {
	text-align: center;
/*	min-width: 200px; */
}




/* media start */


.containerLeft {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

h1, .h1 {
  font-size: 2.0rem;
}

h2, .h2 {
  font-size: 1.5rem;
}

h3, .h3 {
  font-size: 1.25rem;
}

h4, .h4 {
  font-size: 1.1rem;
}

h5, .h5 {
  font-size: 1.0rem;
}

h6, .h6 {
  font-size: 0.9rem;
}

body {
	font-size: 0.9rem;
/*	min-width: 380px;*/
	position: relative;
}

@media (min-width: 576px) {
	.navbar-brand {
		background-color: cyan;
	}
	.navbar-brand .Logo {
		height: 50px;
	}
	
	.logoImg {
		width: 135px;
		margin-bottom: 1rem;
/*		height: 50px; */
	}
	
  .containerLeft {
    max-width: 540px;
    max-width: 270px;
    margin-right: 0px;
    margin-left: auto;
	 padding-right: 15px;
    padding-left: 0px;
  }
	#carousel_HR_header .container-fluid, #carousel_HR_headerCV .container-fluid, 
	#carousel_HR_headerVacancies .container-fluid, #carousel_HR_headerShipowner .container-fluid 
	{
  		padding-right: 0px;
  		padding-left: 0px;
	}
  
  .logoTxtWhite {
  		display: none;
  }
  .logoTxtNav, .logoTxt {
		display: block;
		height: 18px;
	}

	.breaker {
		display: none;
	}
	
	body.modal-open {
	  	overflow-y: hidden;
	}	
	.headerSlider .row {
		height: 350px;
	}
	.headerSlider .row .col {
		height: auto;
	}
	.headerSlider .sliderImg {
		background-size: auto 100%; 
	}
	
	
	#forSeafarers .bgImg {
		background-size: auto 100%; 
	}
	#forTraining .bgImg {
		background-size: auto 100%; 
	}

	.headerSlider .row .sliderSlogan, .headerSlider .row .sliderImg {
		height: 100%;
	}
	#headerSliderCV .sliderImg {
		background-size: 100% auto; 
	}
	#headerSliderVacancies .sliderImg {
		background-size: auto 100%; 
	}

	#headerSliderShipowner .sliderImg {
		background-size: auto 100%; 
		background-position: center center;
	}
	
	
	div.applicationFile a {
		float: right; 
	}
	
	#vacancyForm .btn, #shipownerForm .btn, #seamanForm .btn  {
		margin-bottom: 0px;
	}
	#deleteShipownerRow {
		margin-top: 10rem;
	}
	
}

@media (min-width: 768px) {
	.navbar-brand {
		background-color: green;
	}
  .containerLeft {
    max-width: 720px;
    max-width: 360px;
  }
  .logoTxtWhite {
  		display: block;
  }
	.logoTxtNav {
		display: none;
	}
	.headerSlider .row {
		height: 350px;
	}
	.idAddress {
		width: 400px;
		height: 430px;
		left: 45%;
		margin-top: -540px;
		font-size: 1.25rem;
		line-height: 1.5rem;
	} 

	.map-container{
		height: 580px;
	}
	.map-container iframe{
		margin-left: -60%;
		width:160%;
	}
	footer {
		margin-top: 4rem;
		padding-top: 4rem;
		padding-bottom: 1rem;
	}	
	.blockSlogan p {
		font-size: 1.5rem;
	}
	
}

@media (min-width: 992px) {
	.navbar-brand {
		background-color: yellow;
	}
	.nav-item {
		border-bottom: none;
	}
  .containerLeft {
    max-width: 960px;
    max-width: 480px;
	 padding-right: 15px;
    padding-left: 15px;
  }
  .logoTxtWhite {
		margin-right: 15px;
		margin-left: 15px;
  }
	.breaker {
		display: inline;
	}
	.headerSlider .row {
		height: 350px;
	}
	.headerSlider .sliderImg {
		background-size: 110% auto; 
	}
	h1, .h1 {
  	font-size: 2.5rem;
	}

	h2, .h2 {
  	font-size: 2rem;
	}

	h3, .h3 {
  	font-size: 1.75rem;
	}

	h4, .h4 {
  	font-size: 1.5rem;
	}

	h5, .h5 {
  	font-size: 1.25rem;
	}

	h6, .h6 {
  	font-size: 1rem;
	}
	body {
		font-size: 1rem;
	}
	.idAddress {
		width: 430px;
		height: 430px;
		left: 50%;
	}
	.map-container iframe{
		width:150%;
		margin-left: -50%;
	}
	#headerSliderCV .row {
		height: 350px;
	}
	#headerSliderVacancies .row {
		height: 350px;
	}
	#forSeafarers .bgImg {
		background-size: 100% auto; 
	}
	.sliderSlogan p, #ourGoals li {
		font-size: 1.1rem;
	}
	
}

@media (min-width: 1200px) {
	.navbar-brand {
		background-color: magenta;
	}
  .containerLeft {
    max-width: 1140px;
    max-width: 570px;
  }
	.headerSlider .row {
		height: 400px;
	}
	#forTraining .bgImg {
		background-size: 110% auto; 
	}
	#headerSliderCV .row {
		height: 400px;
	}
	#headerSliderCV .sliderImg {
		background-size: 80% auto; 
	}
	#headerSliderVacancies .row {
		height: 400px;
	}
	#headerSliderVacancies .sliderImg {
		background-size: auto 100%; 
	}
	#headerSliderShipowner .row {
		height: 400px;
	}
	
}


@media (min-width: 1800px) {
	.navbar-brand {
		background-color: orange;
	}
  .containerLeft {
    max-width: 1640px;
    max-width: 820px;
  }
	.headerSlider .row {
		height: 470px;
	}
	#headerSliderCV .row {
		height: 500px;
	}
	#headerSliderVacancies .row {
		height: 500px;
	}
	#headerSliderShipowner .row {
		height: 500px;
	}
}

.navbar-brand {
	background-color: transparent !important;
}


/* media end */