@charset "UTF-8";
/* CSS Document */
body{

	margin: 0;
	background-color: #C00808;
	overflow-x: hidden;
}



.header{
	
	position: relative;
/*    box-sizing: border-box;*/
/*	border: thin solid green;*/
    width: 100%;
    min-width: 1060px;
	max-width: 1200px;
	height: 400px;
	top: 0;
	left: 50%;
    transform: translate(-50%, 0);
	
}

.top-text{
	width: 50%;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 40pt;
	text-align: left;
	padding: 40px 0;
	
}
.hedlline{
	width: 100%;
	color: #15A450;
	background-color: white;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 70pt;
	text-align: center;
	padding: 15px 0 15px 0;
    filter: drop-shadow( 0px -10px 50px rgba( 0, 0, 0, 0.2 ) );
}
.intro{
	position: relative;
	width: 65%;
	left: 35%;
	color: white;
	font-size: 13pt;
	text-align: right;
	padding: 40px 0;

}



.holder{

    position: relative;
/*    box-sizing: border-box;*/
/*	border: thin solid blue;*/
    width: 100%;
    min-width: 1060px;
	max-width: 1200px;
    left: 50%;
    transform: translate(-50%, 0);
    top: 100px;
	
}



.block {
/*    border: thin dashed #00ffb4;*/
    width: 100%;
    height: 325px;
    margin-bottom: 0;
    /* left: 0%; */
    /* display: block; */
}
.block-R{
/*
	left: 100%;
	transform: translate();
*/
}

.hill {
    width: 2400px;
    height: 3000px;
    background-image: url("assets/hill.png");
    display: inline-block;
    background-position: top center;
    background-repeat: no-repeat;
/*     filter: drop-shadow( 0px -10px 50px rgba( 0, 69, 78, 0.2 ) ); */
/*box-shadow:( 0px -10px 50px rgba( 0, 69, 78, 0.2 ) );*/
    transform: translate( -45%);
	background-size: 100%;
}

.hill-R{  transform: translate( -5%)	}

.lastHill{
height: 1100px !important;
}
.lastItem{
top:-830px !important;
}
.item-holder {
    position: relative;
    top: -2730px;
    /* left: 5%; */
    width: 600px;
    height: 400px;
/*    border: thin solid black;*/
    transform: translate(0, 0);
}

.item-holder-R {
    left: 100%;
    transform: translate(-100%);
}


.text-holder {
    position: absolute;
    left: 380px;
    top: 50px;
    width: 280px;
    height: 198px;
    color: #C00808;
    /* border: thin solid; */
}
.text-holder-R {
    left: -15px;
    width: 254px;
    text-align: right;
}

.bold{	font-weight: bold;}

.Name {
    position: absolute;
    font-size: 20pt;
    bottom: 5px;
}

.Price {
    position: relative;
    font-size: 40pt;
    top: 208px;
}

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

.sup{
	font-size: 23pt;
}

.line{
	background-color: #C00808;
	position: absolute;
	width:500px;
	height:4px;
	top:198px;
	left:-200px;
	z-index: -1;

}

.line-R{
	
	left:-75px;
}

.image{
	position: absolute;
	top:0;
	left:0;
	width: 400px;
	height: 400px;
    background-position: bottom center;
    background-repeat: no-repeat;
	background-size: contain;
	opacity: 1;

}


#item-image6{
/*width: 300px;*/
    background-position: right top;
    background-repeat: no-repeat;
	background-size: 80%;	
}


.image-R{
	left: 200px;
}



.tree {
    position: relative;
    top: -15px;
    left: 50%;
    width: 150px;
    height: 200px;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translate(-50%);
}



.tree-R{
	left: 51%;
}

#slid {
    width: 323px;
    height: 315px;
    transform: rotate(-10deg);
    transform-origin: 0% 100%;
    background-position: bottom left;
    left: 44%;
}


/*/////////////////////////////////////////////////////// banner1 //////////*/
.banner {
    width: 100%;
    /* background-color: #15A450; */
    position: relative;
    margin: 450px 0 -250px;
    height: 700px;
}

.greenBG {
    width: 200%;
    background-color: #15A450;
    height: 100%;
    position: absolute;
    left: -50%;

	
}
.banner-header{
	position: relative;
	width: 30%;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 30pt;
	text-align: left;
	padding: 20px 0;
	
}
.dovanuCekiai{
	position: absolute;
	top:-40px;
	left: 50%;
	width: 50%;
	height: 300px;
    background-position: top center;
    background-repeat: no-repeat;
	background-size: contain;
	background-image: url("images/kuponai.png");
/*	border: dashed thin;*/
	opacity: 1;

}
.banner-txt1{
	position: relative;
	color: white;
	width: 30%;
	font-size: 15pt;
	padding: 20px 0;

}
.banner-info{
	position: relative;
	color: white;
	font-size: 10pt;
	padding: 20px 0;

}
/*/////////////////////////////////////////////////////// banner2 //////////*/
.banner2-header{
	position: relative;
	width: 30%;
	color: white;
	font-size: 20pt;
	text-align: left;
	padding: 20px 0;
	
}
.maisai{
	position: absolute;
	top:-100px;
	left: 50%;
	width: 50%;
	height: 500px;
    background-position: top center;
    background-repeat: no-repeat;
	background-size: contain;
	background-image: url("images/Maiseliai.png");
/*	border: dashed thin;*/
	opacity: 1;

}
.banner2-txt1{
	position: relative;
	color: white;
	width: 40%;
	font-size: 15pt;
	padding: 20px 0;

}
.banner2-info{
	position: relative;
	color: white;
	font-size: 10pt;
	padding: 20px 0;
	width: 40%;

}


/*/////////////////////////////////////////////////////// banner3 //////////*/

#banner3 {
    margin: 0px;
	height: 700px;
}

.whiteBG {
    width: 200%;
    background-color: white;
    height: 100%;
    position: absolute;
    left: -50%;
}


.banner3-header{
	position: relative;
	color: #15A450;
	font-size: 40pt;
	font-weight: bold;
	text-align: center;
	padding: 20px 0 10px 0;
	
}

.banner3-info{
	position: relative;
	color: grey;
	font-size: 10pt;
	padding: 20px 0;
	text-align:center;
}


.btn-holder{
	position: absolute;
	width: 900px;
	left: 50%;
	height: 250px;
	transform: translate(-50%);

}


.banner3-btn {
    display: inline-block;
    width: 340px;
    color: white;
    background-color: #26A652;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14pt;
    text-align: center;
    padding: 20px 80px 20px 0px;
    filter: drop-shadow( 0px 3px 7px rgba( 0, 0, 0, 0.2 ) );
	cursor: pointer;
	margin-top: 40px;
	margin-left: 20px;
	position: relative;

}



.banner3-btn:hover{
    background-color: #1B8136;	
}

.icon{
	position: absolute;
    top: 50%;
    left: 90%;
    width: 10%;
    height: 70%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translate(-100%, -50%);
}
.map{ background-image: url("images/map.png")}
.clock{background-image: url("images/clock.png")}


.vid-holder{
	position: relative;
	background-color: #C00808;	
	width: 100vw;
	
}


.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
    overflow: hidden;
    page-break-after: always;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}