/* ------------------ common ------------------ */

:root {
  --yellow: #f1c40f;
}

body {
  background-color: #000;
  color: #fff;
  font-family: 'Source Sans Pro', serif;
  font-size: 16px;
  font-weight: 300;
  overflow-x: hidden;
}

*:active,
*:focus {
  outline: none !important;
}

a:active,
a:focus,
a:hover {
  text-decoration: none !important;
}

img {
  max-width: 100%;
}

.container {
  margin: 0 auto;
  max-width: 1090px;
}

.row {
  margin: 0;
  padding: 0;
}

.hidden {
  display: none !important;
}

.show {
  display: block !important;
}

.flex,
.flexbox {
  display: flex;
  flex-wrap: wrap;
}

.a3m_control_lang {
	display: none;
}

#recaptcha {
  display: none;
}

.ribbon {
  background-color: #c49b38;
  height: 8px;
}

.bar {
  background-color: #1e1d22;
  height: 8px;
}

/* ------------------ header ------------------ */

#header {
  background: radial-gradient(#535256, #333237);
}

#header .header-top .flexbox {
  align-items: center;
  justify-content: space-between;
}

#header .header-top {
  border-bottom: 2px solid #454448;
  color: #88888a;
  font-size: 13px;
  font-weight: 400;
  /*letter-spacing: -1px;*/
  padding: 12px 0;
  text-transform: uppercase;
}

#header .header-top .flexbox a {
  color: #88888a;
}

#header .header-bottom .flexbox {
  align-items: center;
  justify-content: space-between;
}

#header .header-bottom {
  padding: 12px 0 36px 0;
}

#header .header-bottom .right {
  text-align: right;
}

#header .header-bottom .info {
  color: #f6dc2d;
  font-size: 46px;
  font-weight: 400;
  position: relative;
}

#header .header-bottom .info a {
  color: #f6dc2d;
}

#header .header-bottom .info::before {
  content: "";
  display: inline-block;
  background: url(gfx/template/call.svg);
  height: 50px;
  width: 50px;
  position: absolute;
  left: -60px;
  top: 10px;
}

/* ------------------ menu ------------------ */

#mainMenu {
  background: url(gfx/template/menu-bkg.jpg) repeat-x scroll left 40px;
}

#mainMenu .menu[data-lvl="1"] {
  background: #1e1d22;
	display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 20px 0;
}

#mainMenu .menu .item[data-lvl="1"] {
  cursor: pointer;
  display: block;
}

#mainMenu .menu .item[data-lvl="1"] a {
  color: #bcbbbe;
  padding: 20px 0;
  text-transform: uppercase;
}

#mainMenu .menu .item[data-lvl="1"] a:hover {
  color: var(--yellow);
}

#mainMenu .menu[data-lvl="2"] {
	background: #fff;
	display: flex;
	flex-direction: column;
	position: absolute;
}

#mainMenu .menu .item[data-lvl="2"] {
	cursor: pointer;
	display: none;
}

#mainMenu .menu.visible .item[data-lvl="2"] {
	display: block;
}

/* ------------------ slider ------------------ */

#website #header .ms-skin-default .ms-nav-next {
  background: #fff url('gfx/template/arrow-right.svg') 50% 50% no-repeat !important;
  right: 0;
  height: 80px;
  width: 42px;
}

#website #header .ms-skin-default .ms-nav-prev {
  background: #fff url('gfx/template/arrow-left.svg') 50% 50% no-repeat;
  left: 0;
  height: 80px;
  width: 42px;
}

#website #header .ms-skin-default .ms-nav-next:hover {
  background: var(--yellow) url('gfx/template/arrow-active-right.svg') 50% 50% no-repeat !important;
}

#website #header .ms-skin-default .ms-nav-prev:hover {
  background: var(--yellow) url('gfx/template/arrow-active-left.svg') 50% 50% no-repeat !important;
}

/* ------------------ nowy formularz ------------------ */

.contactInput {
  position: relative;
  margin: 0 0 20px 0;
  width: fit-content;
}

.contactSubmit {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.contactInput.checkboxInput {
  color: #fff;
  display: flex;
  font-size: 14px;
  font-weight: 100;
  line-height: 21px;
  padding: 20px 0 0 0;
}

.contactInput input[type="checkbox"] {
  position: relative;
  top: 15px;
  width: 150px !important;
}

.contactInput span {
  color: red;
  font-size: 12px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.contactInput button {
  background-color: var(--yellow);
  border: none;
  border-radius: 10px;
  color: #1d1f25;
  cursor: pointer;
  font-size: 18px;
  margin: 25px 0;
  padding: 10px 0;
  text-align: center;
  text-transform: uppercase;
  width: 200px;
}

.contactInput.textInput.error {
  border: 1px solid red;
}

.contactInput.checkboxInput.error {
  text-decoration: underline red;
}

.confirm {
  background: #fff;
  border: 1px solid #ddd;
  color: #000;
  padding: 20px;
  text-align: center;
  z-index: 999;
    position: fixed;
    height: 200px;
    width: 340px;
    left: calc(50% - 160px);
    top: calc(50% - 100px);
}

/* ------------------ footer ------------------ */

#footer .flexbox {
  justify-content: space-between;
  align-items: center;
}

#footer .footer-top {
  border-bottom: 1px solid #777679;
  padding: 50px 0;
}

#footer .footer-top .menu {
  display: flex;
}

#footer .footer-top .menu .item a {
  color: #bcbbbe;
  display: block;
  padding: 20px;
  text-transform: uppercase;
}

#footer .footer-bottom {
  color: #88888a;
  font-size: 13px;
  font-weight: 400;
  padding: 12px 0;
  padding: 50px 0;
  text-transform: uppercase;
}

#footer .footer-bottom a {
  color: #88888a;
}

#footer .footer-bottom .flexbox {
  justify-content: space-around;
}



/* ------------------ cookies ------------------ */

#cookie-bar {
	background: #000;
	bottom: 0;
	color: #fff;
	font-size: 12px;
	padding: 10px 0;
	position: fixed;
	text-align: center;
	width: 100%;
	z-index: 1001;
}

#cookie-bar a {
  color: var(--yellow);
}

#cookie-bar .cookie-left {
	display: inline-block;
	width: calc(100% - 100px);
}

#cookie-bar .cookie-right {
	display: inline-block;
	text-align: center;
	width: 50px;
}

#cookie-bar button {
	background: #fff;
	border: none;
	color: #000;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

/* ------------------ respo 996px ------------------ */

@media (max-width: 996px) {
  .container {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

/* ------------------ respo 768px ------------------ */

@media (max-width: 768px) {
  #footer .flexbox {
    justify-content: center;
    align-items: center;
  }
}

/* ------------------ respo 576px ------------------ */

@media (max-width: 576px) {

  a.facebook {
    background: #3b5998;
    padding: 5px;
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 999;
}

  #header .header-top {
    display: none;
  }

  #header .left,
  #header .right {
    width: 100%;
}

  #header .header-bottom .left .logo {
    text-align: center;
  }

  #header .header-bottom .right {
    text-align: center;
  }

  #header .header-bottom .info::before {
    content: "";
  }

  #mainMenu .menu[data-lvl="1"] {
    display: block;
    text-align: center;
  }

  #mainMenu .menu .item[data-lvl="1"] {
    margin: 10px 0;
  }

  #mainMenu .menu .item[data-lvl="1"] a {
    font-size: 19px;
    padding: 0;
  }

  #footer .left,
  #footer .right {
    text-align: center;
  }

  #footer .footer-top .menu {
    flex-flow: column;
  }

  #footer .footer-top .menu .item a {
    padding: 0;
  }

  #footer .footer-bottom {
    font-size: 12px;
  }

}