@charset "UTF-8";
/* CSS Document */
@font-face {
  font-family: 'Blacker Pro Display';
  src: url('fonts/BlackerProDisplayTrial-BoldItalic.eot');
  src: url('fonts/BlackerProDisplayTrial-BoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/BlackerProDisplayTrial-BoldItalic.woff2') format('woff2'), url('fonts/BlackerProDisplayTrial-BoldItalic.woff') format('woff'), url('fonts/BlackerProDisplayTrial-BoldItalic.ttf') format('truetype'), url('fonts/BlackerProDisplayTrial-BoldItalic.svg#BlackerProDisplayTrial-BoldItalic') format('svg');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Blacker Pro Display';
  src: url('fonts/BlackerProDisplayTrial-Regular.eot');
  src: url('fonts/BlackerProDisplayTrial-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/BlackerProDisplayTrial-Regular.woff2') format('woff2'), url('fonts/BlackerProDisplayTrial-Regular.woff') format('woff'), url('fonts/BlackerProDisplayTrial-Regular.ttf') format('truetype'), url('fonts/BlackerProDisplayTrial-Regular.svg#BlackerProDisplayTrial-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Blacker Pro Display';
  src: url('fonts/BlackerProDisplayTrial-Bold.eot');
  src: url('fonts/BlackerProDisplayTrial-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/BlackerProDisplayTrial-Bold.woff2') format('woff2'), url('fonts/BlackerProDisplayTrial-Bold.woff') format('woff'), url('fonts/BlackerProDisplayTrial-Bold.ttf') format('truetype'), url('fonts/BlackerProDisplayTrial-Bold.svg#BlackerProDisplayTrial-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Blacker Pro Display';
  src: url('fonts/BlackerProDisplayTrial-Italic.eot');
  src: url('fonts/BlackerProDisplayTrial-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/BlackerProDisplayTrial-Italic.woff2') format('woff2'), url('fonts/BlackerProDisplayTrial-Italic.woff') format('woff'), url('fonts/BlackerProDisplayTrial-Italic.ttf') format('truetype'), url('fonts/BlackerProDisplayTrial-Italic.svg#BlackerProDisplayTrial-Italic') format('svg');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Blacker Pro Display';
  src: url('fonts/BlackerProDisplayTrial-Medium.eot');
  src: url('fonts/BlackerProDisplayTrial-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/BlackerProDisplayTrial-Medium.woff2') format('woff2'), url('fonts/BlackerProDisplayTrial-Medium.woff') format('woff'), url('fonts/BlackerProDisplayTrial-Medium.ttf') format('truetype'), url('fonts/BlackerProDisplayTrial-Medium.svg#BlackerProDisplayTrial-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Brother 1816';
  src: url('fonts/Brother-1816-Medium.eot');
  src: url('fonts/Brother-1816-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/Brother-1816-Medium.woff2') format('woff2'), url('fonts/Brother-1816-Medium.woff') format('woff'), url('fonts/Brother-1816-Medium.ttf') format('truetype'), url('fonts/Brother-1816-Medium.svg#Brother-1816-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
#modal_content{
	background-color: #920700;
}

.jp{
	 background: url(../images/jj_fon.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
#animation_container, #_preload_div_ {
  width: 100%;
  height: auto !important;
  margin: auto;
  left: 0;
  right: 0;
}
#_preload_div_ {
  width: 100%;
  height: auto !important;
  margin: auto;
  left: 0;
  right: 0;
  background: url(../images/ani_v5.jpg);
  background-position: top center;
  background-size: contain;
  background-repeat: no-repeat;
}
.form-check-label a{
	color: #920700 !important;
}
.form-check-label a:hover{
	text-decoration: underline !important;
}

#canvas {
  width: 100%;
  height: auto !important;
}
#hiddenPanel {
  position: fixed;
  top: 10vh;
  right: -300px;
  width: 300px;
 background-color: #ffffff;
  height: auto;
	z-index: 999999;
	display: none !important;
}
#close-bar {
  position: absolute;
  left: -150px;

	background-position: top left;
	background-repeat: no-repeat;
	background-size: 100px 100px;
  background-color: transparent;
  color: white;
  width: 100px;
  height: 100px;
	top: -50px;
	cursor: pointer;
	
}
#close-bar::after{
	content: "";
	height: 1px;
	width: 50px;
	background-color: #920700;
	position: absolute;
	top:50px;
	right: -50px;
	
}


.btn-gr{
	background-color: #e3e3e3;
}

a:hover{
	text-decoration: none;
}

.is-invalid{
	color:#920700 !important;
}
.ftr{
	background-color: #e3e3e3;
}

.ftrl{
	background-color: #ffffff;
	border-bottom-right-radius: 7.5rem;
	border-top-right-radius: 7.5rem;
}

.ftrr{
	background-color: #ffffff;
	border-bottom-left-radius: 7.5rem;
	border-top-left-radius: 7.5rem;
}

.psk{
	color: #920700;
	line-height: 125%;
}



#paldies{
	background-color: #920700;
	display: none;
}


form {
  
  background: #ffffff;
 
 
 
}
label {
 
  position: relative;
  margin: 5px 0px;
}

.form-check-label{
	font-size: .8em;
letter-spacing: 1px;
color: rgb(120,120,120);
	line-height: 125%;
}
.label-txt {
  position: absolute;
  top: -1.6em;
  padding: 10px;
  
  font-size: .8em;
  letter-spacing: 1px;
  color: rgb(120,120,120);
  transition: ease .3s;
}
.input {
  width: 100%;
  padding: 10px;
  background: transparent;
  border: none;
  outline: none;
}

.line-box {
  position: relative;
  width: 100%;
  height: 1px;
  background: #9c9c9c;
}

.line {
  position: absolute;
  width: 0%;
  height: 1px;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  background: #9c9c9c;
  transition: ease .6s;
}

.input:focus + .line-box .line {
  width: 100%;
}

.label-active {
  top: -3em;
}

button {
  display: inline-block;
 
  cursor: pointer;
  
}




.bildbg {
  background: rgb(227, 227, 227);
  background: linear-gradient(0deg, rgba(227, 227, 227, 1) 0%, rgba(227, 227, 227, 1) 88.3%, rgba(255, 255, 255, 1) 88.3%, rgba(255, 255, 255, 1) 100%);
  padding-bottom: 2.3rem !important;
}
.apr {
  line-height: 125%;
}
.garsas {
  margin-top: -17vh;
}
.kokteili {
  margin-top: -17vh;
}
.kokbild {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
}
.blackfon {
  background: #000000;
  line-height: 1.5em;
  padding: 10px 20px;
  display: inline;
  word-wrap: break-word;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.blackfonl {
  background: #000000;
  line-height: 1.5em;
  padding: 10px 20px;
  word-wrap: break-word;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
li {
  list-style: outside none;
}
li div {
  width: 5rem;
  display: inline-block;
}
#logo {
  top: 0;
  left: 0;
}
#mmenu {
  display: none;
}
.owl-carousel .nav-btn {
  height: 83px;
  position: absolute;
  width: 43px;
  cursor: pointer;
  top: 8vw !important;
}
.owl-carousel .nav-btn-1 {
  height: 83px;
  position: absolute;
  width: 43px;
  cursor: pointer;
  top: 8vw !important;
}
.owl-carousel .owl-prev.disabled, .owl-carousel .owl-next.disabled {
  pointer-events: none;
  opacity: 0.2;
}
.owl-carousel .prev-slide {
  background: url("../images/prev.svg") no-repeat scroll 0 0;
  left: -33px;
  opacity: 0.5;
}
.owl-carousel .next-slide {
  background: url(../images/next.svg) no-repeat scroll 0 0;
  right: -33px;
  opacity: 0.5;
}
.owl-carousel .prev-slide:hover {
  opacity: 1;
}
.owl-carousel .next-slide:hover {
  opacity: 1;
}
.arsaprakst {
  position: absolute;
  top: 9.5vmax;
}
.arsaprakst h1 {
  margin-bottom: 1rem;
}
.pointer-none {
  pointer-events: none;
}
.god span p {
  font-family: 'Open Sans', sans-serif;
  line-height: 125%;
  font-size: 0.75vmax;
}
.blacker {
  font-family: 'Blacker Pro Display';
  line-height: 125%;
  font-size: 1.1vmax;
  font-style: normal;
}
.blacker.ita {
  font-family: 'Blacker Pro Display';
  line-height: 125%;
  font-size: 1.1vmax;
  font-style: italic;
}
.btn-outline-dark {
  border-radius: 15rem;
}
.btn-outline-light {
  border-radius: 15rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.bl {
  font-family: 'Blacker Pro Display';
  line-height: 125%;
  font-size: 2vmax;
  font-style: normal;
  font-weight: normal;
}
.kokclick {
  cursor: pointer;
  overflow: hidden;
  position: relative;
}
.inneris {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 3rem;
}
.kokclick img {
  transform: scale(1.02);
  transition: transform 0.6s;
}
.kokclick:hover img {
  transform: scale(1.1);
}
h1 {
  font-size: 2.5vmax;
  font-weight: 500;
  font-family: 'Brother 1816';
}
h1 span {
  font-size: 2vmax;
  font-family: 'Blacker Pro Display';
  line-height: 125%;
  font-style: italic;
  font-weight: normal;
}
h3.bl {
  font-family: 'Blacker Pro Display';
  line-height: 125%;
  font-size: 1.5vmax;
  font-style: normal;
}
h4.bl {
  color: #920700;
  font-size: 1vmax;
  font-style: normal;
  font-weight: bold;
}
h4.bl.it {
  color: #920700;
  font-size: 1vmax;
  font-style: italic;
  font-weight: bold;
}
.spec {
  font-family: 'Open Sans', sans-serif;
  line-height: 125%;
  font-weight: 300;
  font-size: 1.5vmax;
  text-decoration: underline;
}
.specap {
  font-family: 'Open Sans', sans-serif;
  line-height: 125%;
  font-weight: 300;
  font-size: 1vmax;
}
.arfon {
  background: url("../images/arsfon.svg");
  background-position: center bottom;
  background-size: contain;
  background-repeat: no-repeat;
}
.owl-item > .pog {
  cursor: pointer;
  margin: 6% 8%;
  transition: margin 0.4s ease;
}
.owl-item.center > .pog {
  cursor: pointer;
  margin: 0;
}
.owl-item:not(.center) > .pog:hover {
  opacity: .75;
}
.card {
  border: none;
}
.topheader span {
  background: #920700;
  color: #ffffff;
  font-family: 'Blacker Pro Display';
  line-height: 220%;
  font-size: 1.5vmax;
  padding: 0.5vmax 1vmax;
  display: inline;
  word-wrap: break-word;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
#godsar {
  background-color: #920700;
}
.owl-scrollbar {
  /* border-radius: 10px; */
  height: 5px;
  width: 40vw;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 3.4rem;
  background: #ffffff;
  /* border: 1px solid #e4e4e4; */
  position: absolute;
  margin-left: 4.4vw;
}
.owl-scrollbar .owl-scroll-handle {
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  display: inline-block;
  background: #e3fd54;
  position: absolute;
  top: -1.5rem;
  left: 0;
}
.owl-scrollbar .owl-scroll-handle:hover {
  transform: scale(1.2);
  transition: transform .2s ease-in-out;
}
.owl-scrollbar .owl-scroll-progress {
  background: #333;
  height: 5px;
  border-radius: 10px;
  position: absolute;
  top: 0;
  left: 0;
}
.owl-theme .owl-nav.disabled + .owl-dots {
  /* margin-top: 10px; */
  position: absolute;
  top: 2rem;
  margin: 0 auto;
  left: 0;
  right: 0;
  margin-left: -54vw;
}
.owl-dots .owl-dot span {
  position: relative;
  width: 12rem !important;
  height: 4rem !important;
  margin: 0 100% !important;
  background-color: transparent !important;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity .2s ease;
}
.owl-dots .owl-dot span::after {
  content: "";
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  -webkit-box-shadow: 4px 4px 15px -2px rgba(0, 0, 0, 0.65);
  box-shadow: 4px 4px 15px -2px rgba(0, 0, 0, 0.65);
}
.owl-dots .owl-dot span::before {
  content: "";
  width: 100%;
  height: 0.2rem;
  background-color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  width: 12rem !important;
  height: 4rem !important;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 1.5rem;
  z-index: 2;
}
.owl-theme .owl-dots .owl-dot.active span::after {
  width: 12rem !important;
  height: 4rem !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("../images/erg.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 2;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dred {
  background-color: #920700;
}
.pel {
  background-color: #bcbdc0;
}
.pjotr {
  background-blend-mode: multiply;
}
.pjotr::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 40vh;
  background-image: url("../images/pjotr.png");
  background-blend-mode: multiply;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.nav-item {
  background-color: #920700;
  padding-left: 2rem;
  padding-right: 2rem;
}
.nav-item:hover {
  background-color: #4d4d4f;
}
.tradcontbg::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100vw;
  height: 20vw;
  background: url("../images/legtopfon.svg");
  background-position: center bottom;
  background-size: contain;
  background-repeat: no-repeat;
}
.pjfon {
  background-color: #920700;
  background-image: url('../images/pjotrv_01.png');
  background-position: right center;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
.kokofon {
  background-color: #920700;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
.kokofonv {
  background-color: #e6e6e6;
  background-image: url('../images/kokofond.jpg');
  background-position: left bottom;
  background-size: contain;
  background-repeat: no-repeat;
  min-height: 40vmax;
}
.kokofond {
  background-color: #e3e3e3;
  background-image: url('../images/kokofonv.jpg');
  background-position: right bottom;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 40vmax;
}


.twco{
		
		 background: rgb(227, 227, 227);
    background: linear-gradient(0deg, rgba(227, 227, 227, 1) 0%, rgba(227, 227, 227, 1) 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
	}
@media (max-width: 991.98px) {
  .owl-carousel .nav-btn {
    display: none;
  }
  .owl-dots {
    display: none;
  }
  .mhc {
    min-height: 13rem;
  }
  .arfon {
    background: none;
  }
  .garsas {
    margin-top: -10vh;
  }
  .apr {
    font-size: 1.3vmax
  }
}
@media (max-width: 767.98px) {
  .tradcontbg::after {
    display: none;
  }
  .pjfon {
    background-image: none;
  }
  .god span p, .blacker {
    font-size: 1.5vmax;
  }
  h4.bl, h4.bl.it {
    font-size: 1.7vmax;
  }
  .bl {
    font-size: 2vmax;
  }
  .specap {
    font-size: 1.5vmax;
  }
  .blackfonl {
    padding: 5px 10px;
  }
  .bildbg {
    background: rgb(227, 227, 227);
    background: linear-gradient(0deg, rgba(227, 227, 227, 1) 0%, rgba(227, 227, 227, 1) 93.3%, rgba(255, 255, 255, 1) 93.3%, rgba(255, 255, 255, 1) 100%);
    padding-bottom: 2.3rem !important;
  }
	
	.ftrl{
	background-color: #ffffff;
	border-bottom-right-radius: 0rem;
	border-top-right-radius: 0rem;
}

.ftrr{
	background-color: #ffffff;
	border-bottom-left-radius: 0rem;
	border-top-left-radius: 0rem;
}
	
	#close-bar {

	top: calc(50% - 50px);
		left: -100px;
	
}
	#close-bar::after {

	display: none;
	
}
	
element.style {
    right: 0px;
}
	#hiddenPanel{
		top:0px;
	}
	
	
}