* {
	margin: 0;
	padding: 0;
}

html {
	margin: 0;
	padding: 0;
	width: 100%;

}

body {
	/* background-image: url("../img/bg/1-1.png"); */
	width: 100%;
	min-height: 100%;

	font-family: Montserrat, sans-serif;
	line-height: 1.3;
	color: rgba(54, 58, 61, 1); /* rgba(76, 82, 86, 1); */
	font-weight: 400;
	font-size: 1em;
}

/* TYPOGRAPHICS COLORS */

.bldrd {
	/* blood red cherry color */
	color: rgba(165, 26, 29, 1);
}

.wht {
	color: rgba(255, 255, 29, 1);
}

.grey {
	color: rgba(76, 82, 86, 1);
}

.wht {
	color: rgba(255, 255, 255, 1);
}

.orng {
	color: rgba(200, 21, 55, 1);
}

.lght {
	font-weight: 500;
	/* font-style: italic; */
}

.hlght {
	font-weight: 500;
}

.sml {
	font-size: 85%;
}

h1 {
	font-weight: 900;
	font-size: 350%;
}

h2 {
	font-weight: 800;
	font-size: 320%;
}

h3 {
	font-weight: 700;
	font-size: 300%;
	line-height: 1; 
}

@media (max-width: 870px) {
	h3 {
		font-weight: 500;
		font-size: 220%;
	}
}

h4 {
	font-weight: 500;
	font-size: 230%;
}

h5 {
	font-weight: 500;
	font-size: 110%;
}
.Pacifico {
	font-family: Pacifico, sans-serif;
}

.Orelega {
	font-family: 'Orelega One', cursive;
}
a {
	font-weight: 500;
	text-decoration: none;
	color: rgba(188, 36, 42, 1);
}

a:hover {
	text-decoration: none;
}

/* Fontoteka */

p .article1 {
	font-size: 250%;
}

/* end Fontoteka */

/* ---- */

/* VERTICAL MARGINS TOP */

.vm5t {
	margin-top: .5vh;
}

.vm15t {
	margin-top: 1.5vh;
}

.vm30t {
	margin-top: 3vh;
}

/* VERTICAL MARGINS BOTTOM */

.vm5b {
	margin-bottom: .5vh;
}

.vm15b {
	margin-bottom: 1.5vh;
}

.vm30b {
	margin-bottom: 3vh;
}

.vm60b {
	margin-bottom: 6vh
}

.vm75b {
	margin-bottom: 7.5vh;
}

/* HORIZONTAL MAGRINS LEFT */

.hm5l {
	margin-left: .5vw;
}

.hm15l {
	margin-left: 1.5vw;
}

.hm30l {
	margin-left: 3vw;
}

/* HORIZONTAL MARGINS RIGHT */

.hm5r {
	margin-right: .5vw;
}

.hm15r {
	margin-right: 1.5vw;
}

.hm30r {
	margin-right: 3vw;
}

/* VERTICAL PADDINGS TOP */

.vp5t {
	padding-top: .5vh;
}

.vp15t {
	padding-top: 1.5vh;
}

.vp30t {
	padding-top: 3vh;
}

.vp15-n {
	margin-top: -1.4vh;
}

.vp30t-n {
	margin-top: -3vh;
}

/* VERTICAL PADDINGS BOTTOM */

.vp5b {
	padding-bottom: .5vh;
}

.vp15b {
	padding-bottom: 1.5vh;
}

.vp30b {
	padding-bottom: 3vh;
}

.vp45b {
	padding-bottom: 4.5vh;
}

.vp75b {
	padding-bottom: 7.5vh;
}

/* HORIZONTAL PADDING LEFT */

.hp5l {
	padding-left: .5vw;
}

.hp15l {
	padding-left: 1.5vw;
}

.hp30l {
	padding-left: 3vw;
}

/* HORIZONTAL PADDING RIGHT */

.hp5r {
	padding-right: .5vw;
}

.hp15r {
	padding-right: 1.5vw;
}

.hp30r {
	padding-right: 3vw;
}

/* --- */

/* Roration baby */

.rotated {
  transform: rotate(-3deg); /* Equal to rotateZ(14deg) */
  /* background-color: pink; */
}

.cntnr {
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	background-image: linear-gradient(rgba(35,47,85,.7), rgba(35,47,85,.2)), url("../img/bg/1.png"); /* ny */
	overflow: hidden;
	background-position: center center;
	background-size: cover;
	z-index: 1;
}

.hdrcntnr {
	width: 100vw;
	height: 19vh;
	position: fixed;
	top: 0;
	background-color: rgba(255, 255, 255, .9);
	box-shadow: 5px 0 7px rgba(0, 0, 0, .4);
	overflow: hidden;

	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;

	align-items: left;
}

@media (max-width: 870px) {

	.hdrcntnr{
		height: 15vh;
		display: block;
		box-shadow: 2px 0 3px rgba(0, 0, 0, .3);
	}
}

.logocntr {
	margin-left: 2.5vw;
	width: 25vw;
	/* background-color: violet; */

}

.logocntr img {
	width: 100%;
	transition: .5s;
	z-index: 6000;
}

.logocntr img:hover {
	transform: scale(1.1);
}

@media (max-width: 870px) {
	
	.logocntr {
		margin-left: .1vw;
		margin-top: .1vh;
		width: 60vw;
		height: 9vh;

	}
}

.hcntcntr {
	width: 48vw;
	margin-top: 5vh;
	display: flex;
	display: -webkit-flex;
	display: -o-flex;
	display: -moz-flex;
	/* background-color: yellow; */
}

.hcntcts {
	display: flex;
	display: -webkit-flex;
	display: -o-flex;
	display: -moz-flex;
}

.hcntcts p {

	font-weight: 500;
}

@media (max-width: 870px) {

	.hcntcts {
		display: block;
	}

	.hcntcts i {
		display: none;
	}

	.hcntcts p.addrs {
		position: absolute;
		top: 6.5vh;
		left: 6vw;
		font-weight: 400;
	}

	.hcntcts p.addrs span:first-child {
		display: none;
	}

	.hcntcts p.phns {
		position: absolute;
		top: 9.5vh;
		font-size: 85%;
		font-weight: 400;
	}

	.hcntcts p.phns span:first-child {
		display: none;
	}
}

@media (max-width: 320px) {

	.hcntcts p.addrs {
		position: absolute;
		top: 5vh;
		left: 6vw;
		font-weight: 400;
	}

	.hcntcts p.phns {
		position: absolute;
		top: 8vh;
		font-size: 85%;
		font-weight: 400;
	}

}

.sclcntr {

	width: 12vw;
	/* background-color: pink; */
}

.sclcntr ul {
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	list-style: none;
	justify-content: space-around;
}

.sclcntr ul li {
	line-height: 15vh;
	font-size: 25px;
	transition: .4s;
}

.sclcntr ul li:hover {
	transform: scale(1.3);
}

@media (max-width: 870px) {

	.sclcntr {
		display: none;
	}
}

.lngcntr {
	width: 8vw;
	margin-right: 5vw;
	margin-left: 1vw;
}

.lngcntr ul {
	display: flex;
	list-style: none;
	justify-content: space-around;
}

.lngcntr ul li {
	line-height: 15vh;
}

@media (max-width: 870px) {

	.lngcntr {
		position: fixed;
		top: -1vh;
		right: 0;
		width: 18vw;
		margin-left: 11vw;
	}
}

/* /stack in header */

/* navigation */

nav.site {
	height: 5vh;
	margin-top: 14vh;
	/* background-color: rgba(255, 255, 255, .9); */
}

nav.site ul {
	/* float: right; */
	list-style: none;
	display: flex;
	justify-content: space-around;
	z-index: 250;
}

nav.site ul li {
	display: inline-block;
	line-height: 5vh;
	transition: .6s;
}

nav.site ul li:first-child {
	padding-left: 1vw;
}

nav.site ul li:last-child {
	padding-right: 2vw;
}

nav.site ul li:hover {
	transform: scale(1.2);
}

nav.site ul li a {
	position: relative;
	font-size: 110%;
	text-decoration: none;
	color: rgba(165, 26, 29, 1);
	font-weight: 500;
}

label #sign-one,
label #sign-two {
	font-size: 150%;
	color: rgba(165, 26, 29, 1);
	float: right;
	cursor: pointer;
	line-height: 5vh;
	margin-right: .5em;
	display: none;
}

#res-menu {
	display: none;
}

@media (max-width: 870px) {

	nav.site {
		position: fixed;
		top: 10vh;
		width: 100vw;
		margin-top: 0;
		z-index: 5000;	
	}

	label #sign-one {
		display: block;
	}

	nav.site ul {
		position: fixed;
		display: block;
		width: 100vw;
		height: 100vh;
		background: rgba(255, 255, 255, 0.9);
		top: 15vh;
		left: -100vw;
		text-align: center;
		transition: .5s;
	}

	nav.site ul li {
		display: block;
		margin: 3vh 0;
		line-height: 4vh;
	}

	nav.site ul li a {
		font-size: 120%;
	}

	nav.site ul li:first-child {
		padding-left: 0;
	}

	nav.site ul li:last-child {
		padding-right: 0;
	}

	#res-menu:checked ~ ul {
		left: 0;
	}

	#res-menu:checked ~ label #sign-one {
		display: none;
	}

	#res-menu:checked ~ label #sign-two {
		display: block;
	}
}

/* /navigation */

.maincntnr {
	width: 100vw;
	height: 80vh;
	overflow: hidden;
	text-align: center;
}

@media (max-width: 870px) {

	.maincntnr {
		margin-top: 15vh;
		height: 74vh;
	}
}

.banner-area {
	height: 73vh;
	display: flex;
  	display: -webkit-flex;
  	display: -moz-flex;
  	display: -ms-flex;
  	display: -o-flex;
  	justify-content: center;
 	align-items: center;
}

.banner-area img {
	width: 42%;
	border: thick double #FFF;
	/* margin-right: 5%; */ 
}

@media (max-width: 870px) {
	.banner-area img {
		width: 90%;
	}
}

.brdr {
	width: 50vw;
	height: 30vh;
	margin: 0 auto;
	border: thick double rgba(255, 255, 255, 0.9);
	padding: 5px;

}

.brdrcntr {
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, .8); /* ny */
	text-align: center;
}

@media (max-width: 870px) {

	.banner-area {
		height: 74vh;
	}

	.brdr {
		width: 90vw;
		height: 50vh;
	}

	.brdrcntr h2 {
		font-weight: 600;
		font-size: 280%;
	}

	.brdrcntr h2 {
		line-height: 100%;
	} 

	.brdrcntr h4 {
		font-size: 190%;
		line-height: 100%;
	}

}

@media (min-height: 667px) and (orientation: portrait) {

	.brdr {
		height: 39vh;
	}

}

.cntntcntnr {
	width: 100vw;
	height: 75vh;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: rgba(255, 255, 255, .7);
	text-align: center;
}

@media (max-width: 870px) {

	.cntntcntnr {
		margin-top: 15vh;
		height: 75vh;
	}
}

.plncntnr {
	width: 100vw;
	height: 75vh;
	overflow-x: hidden;
	overflow-y: hidden;
	background-color: rgba(255, 255, 255, .8);
}

@media (max-width: 870px) {

	.plncntnr {
		height: 100vh;
	}
}

.ftrctnr {
	width: 100vw;
	height: 6vh;
	position: fixed;
	bottom: 0;
	background-color: rgba(165, 26, 29, .9);
	z-index: 15;
}

@media (max-width: 870px) {

	.ftrctnr {
		height: 5vh;
	}
}

.cpfoot {
		width: 35vw;
	}

@media (max-width: 870px) {

	.cpfoot {
		width: 100vw;
		text-align: center;

	}
}

/* shops */

.shpcntnr {
	width: 96vw;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: minmax(10vh, auto);
}

@media (max-width: 870px) {

	.shpcntnr {
		display: block;
	}	

}

.ccntr {
	width: 96vw;
	background-color: rgba(255,255,255, .3);
	margin: 0 auto;
}

.rnccntnr {
	width: 96vw;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: minmax(10vh, auto);
	/* background-color: rgba(255,255,255, .9); */
	/* border: 1px solid rgba(165, 26, 29, 1); */
}

.rnccntnr2 {
	width: 96vw;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-auto-rows: minmax(10vh, auto);
	/*	background-color: rgba(255,255,255, .9); */
}

.rnccntnr3 {
	margin-top: 3vh;
	min-height: 13vh;
	/* background-color: yellow; */
}

.rnccntnr4 > h5.Orelega {
	font-size: 200%;
} 

.flr {
	
	font-size: 140%;
}


@media (max-width: 870px) {

	.rnccntnr {
		display: block;
	}

	.rnccntnr2 {
		display: block;
	}
}

.gitemz {
	background-color: rgba(255, 255, 255, .9);
	width: 20vw;
	height: 15vh;
	text-align: center;
	margin: 2vh auto;

	display: flex;
	display: -o-flex;
	align-items: center;
	justify-content: center;
}

.rnccntnr > .gitemz {
	border: 1px solid yellow;
}

@media (max-width: 870px) {

	.gitemz {
		
		width: 90vw;
	}

	.gitemz:last-child {
		margin-bottom: 15vh; 
	}
}



/* actions */ 

.actcntnr {
	height: 52vh;
	background-color: rgba(255, 255, 255, .9);
	padding: 1vh 1vw;
	display: block;
}

.actcntnr-img {
	height: 33vh;
	overflow: hidden;
} 

.actcntnr-txt {
	height: 16vh;
	text-overflow: ellipsis;
	text-align: left;
	font-weight: 400;
	font-size: 90%;

	display: -webkit-box;
   	-webkit-line-clamp: 5;
   	-webkit-box-orient: vertical;
   	overflow: hidden;
}

@media (max-width: 870px) {
	.actcntnr-txt {
		height: 19vh;
		-webkit-line-clamp: 4;
	}
}

.cntnthldr {
	width: 95vw;
	min-height: 69vh;
	margin: 3vh auto;
	background-color: rgba(255, 255, 255, .8);
	display: flex;
	display: -o-flex;

}

@media (max-width: 870px) {

	.cntnthldr {
		min-height: 65vh;
		display: block;
	}
}

.cart-dspl-nfo {
	width: 25vw;
	overflow: hidden;
}

.cart-dspl-nfo img.act {
	width: 90%;
}

.cart-dspl-nfo div {
	display: flex;
	justify-content: center;
}

.cart-dspl-nfo ul {
	text-align: left;
	list-style: none;
}

.cart-dspl-nfo ul li i {
	padding-right: 5px;
}

.cart-dspl-nfo p {
	display: inline;
	font-weight: 500;
}

.cart-dspl-nfo p a {
	color: rgba(76, 82, 86, 1);
}

.cart-dspl-nfo p a:hover {
	text-decoration: underline;
}


@media (max-width: 870px) {

	.cart-dspl-nfo {
		width: 100%;
	}

}

.cart-dspl-txt {
	width: 50vw;
	text-align: left;

}

.cart-dspl-txt ul li {
	list-style: none;
}

@media (max-width: 870px) {

	.cart-dspl-txt {
		width: 100%;
	}
}

.cart-dspl-foto {
	width: 25vw;
	overflow-x: hidden;
}

@media (max-width: 870px) {

	.cart-dspl-foto {

		width: 100%;
	}	
}

.actnwshldr {
	width: 95vw;
	min-height: 55vh;
	margin: 3vh auto;
	background-color: rgba(255, 255, 255, .1);
	display: flex;
	display: -o-flex;

}

@media (max-width: 870px) {

	.actnwshldr {
		min-height: 65vh;
		display: block;
	}
}

/* contacts */

/* maybe need to be included */ 
.cpbnthldr {
	width: 95vw;
	min-height: 56vh;
	margin: 3vh auto;
	background-color: rgba(255, 255, 255, .8);
	display: flex;
	display: -o-flex;

}

/* */

.mpcntnr {
	width: 50vw;
	/* background-color: yellow; */
	overflow: hidden;
	padding: 3vh 1.5vw;
}

.mpcntnr img {
	width: 100%;
}

@media (max-width: 870px) {
	.mpcntnr {
		width: 100%;
		padding: 0;
	}
}

.cnthldr {
	text-align: left;
}

.cnthldr h5 {
	font-weight: 500;
	font-size: 140%;
}

.addrsfhldr {
	display: flex;
}

.prtnrhldr {
	width: 95vw;
	min-height: 60vh;
	background-color: rgba(255, 255, 255, .8);
	margin: 2vh auto;
	text-align: center;
}

.ptxthldr {
	margin:0 auto;
	width: 50vw;
}

.ptxthldr p {
	font-weight:500;
	line-height: 1.5;
	text-align: left;
}


@media (max-width: 870px) {
	.ptxthldr {
		width: 90vw;
	}
	}

.raid-alert {
	z-index: 900;
	position: absolute;
	bottom: 0;
	left: 89vw;
	height: 16vh;
	width: 7vw;
	background-color: rgba(163, 35 , 34, 1); 
}

@media (max-width: 470px) {
	.raid-alert{
		bottom: 5vh;
		left: 3vw;
		width: 18vw;
		height: 12vh;

		
	}
}