@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);
.modal-open
{
	overflow: hidden;
}
.modal-open .modal
{
	overflow-x: hidden;
	overflow-y: auto;
}
.modal
{
	display: none;
	left: 0;
	outline: 0;
	overflow: hidden;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1050;
}
.modal-dialog
{
	margin: .5rem;
	pointer-events: none;
	position: relative;
	width: auto;
}
.modal.fade .modal-dialog
{
	transform: translateY(-50px);
	transition: transform .3s ease-out,-webkit-transform .3s ease-out;
	transition: transform .3s ease-out;
	transition: -webkit-transform .3s ease-out;
	webkit-transform: translateY(-50px);
	webkit-transition: -webkit-transform .3s ease-out;
}
@media screen and (prefers-reduced-motion:reduce)
{
	.modal.fade .modal-dialog
	{
		transition: none;
		webkit-transition: none;
	}
}
.modal.show .modal-dialog
{
	transform: none;
	webkit-transform: none;
}
.modal-dialog-centered
{
	align-items: center;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	min-height: calc(100% - 1rem);
	ms-flex-align: center;
	webkit-box-align: center;
}
.modal-dialog-centered:before
{
	content: "";
	display: block;
	height: calc(100vh - 1rem);
}
.modal-content
{
	background-clip: padding-box;
	background-color: #fff;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: .3rem;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	flex-direction: column;
	ms-flex-direction: column;
	outline: 0;
	pointer-events: auto;
	position: relative;
	webkit-box-direction: normal;
	webkit-box-orient: vertical;
	width: 50%;
	height: 50%;
	margin-left: auto;
    margin-right: auto;
}
.modal-backdrop
{
	background-color: #000;
	height: 100vh;
	left: 0;
	position: fixed;
	top: 0;
	width: 100vw;
}
.modal-backdrop.fade
{
	opacity: 0;
}
.modal-backdrop.show
{
	opacity: 0.5;
}
.modal-header
{
	align-items: flex-start;
	border-bottom: 1px solid #e9ecef;
	border-top-left-radius: .3rem;
	border-top-right-radius: .3rem;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	justify-content: space-between;
	ms-flex-align: start;
	ms-flex-pack: justify;
	padding: 1rem 1rem;
	webkit-box-align: start;
	webkit-box-pack: justify;
}
.modal-header .close
{
	margin: -1rem -1rem -1rem auto;
	padding: 1rem 1rem;
}
.modal-title
{
	line-height: 1.5;
	margin-bottom: 0;
}
.modal-body
{
	flex: 1 1 auto;
	ms-flex: 1 1 auto;
	padding: 1rem;
	position: relative;
	webkit-box-flex: 1;
}
.modal-footer
{
	align-items: center;
	border-bottom-left-radius: .3rem;
	border-bottom-right-radius: .3rem;
	border-top: 1px solid #e9ecef;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	justify-content: flex-end;
	ms-flex-align: center;
	ms-flex-pack: end;
	padding: 1rem;
	webkit-box-align: center;
	webkit-box-pack: end;
}
.modal-footer>:not(:first-child)
{
	margin-left: .25rem;
}
.modal-footer>:not(:last-child)
{
	margin-right: .25rem;
}
.modal-scrollbar-measure
{
	height: 50px;
	overflow: scroll;
	position: absolute;
	top: -9999px;
	width: 50px;
}


.align-baseline
{
	vertical-align: baseline!important;
}
.align-top
{
	vertical-align: top!important;
}
.align-middle
{
	vertical-align: middle!important;
}
.align-bottom
{
	vertical-align: bottom!important;
}
.align-text-bottom
{
	vertical-align: text-bottom!important;
}
.align-text-top
{
	vertical-align: text-top!important;
}
.bg-primary
{
	background-color: #007bff!important;
}
a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover
{
	background-color: #0062cc!important;
}
.bg-secondary
{
	background-color: #6c757d!important;
}
a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover
{
	background-color: #545b62!important;
}
.bg-success
{
	background-color: #28a745!important;
}
a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover
{
	background-color: #1e7e34!important;
}
.bg-info
{
	background-color: #17a2b8!important;
}
a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover
{
	background-color: #117a8b!important;
}
.bg-warning
{
	background-color: #ffc107!important;
}
a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover
{
	background-color: #d39e00!important;
}
.bg-danger
{
	background-color: #dc3545!important;
}
a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover
{
	background-color: #bd2130!important;
}
.bg-light
{
	background-color: #f8f9fa!important;
}
a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover
{
	background-color: #dae0e5!important;
}
.bg-dark
{
	background-color: #343a40!important;
}
a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover
{
	background-color: #1d2124!important;
}
.bg-white
{
	background-color: #fff!important;
}
.bg-transparent
{
	background-color: transparent!important;
}
.border
{
	border: 1px solid #dee2e6!important;
}
.border-top
{
	border-top: 1px solid #dee2e6!important;
}
.border-right
{
	border-right: 1px solid #dee2e6!important;
}
.border-bottom
{
	border-bottom: 1px solid #dee2e6!important;
}
.border-left
{
	border-left: 1px solid #dee2e6!important;
}
.border-0
{
	border: 0!important;
}
.border-top-0
{
	border-top: 0!important;
}
.border-right-0
{
	border-right: 0!important;
}
.border-bottom-0
{
	border-bottom: 0!important;
}
.border-left-0
{
	border-left: 0!important;
}
.border-primary
{
	border-color: #007bff!important;
}
.border-secondary
{
	border-color: #6c757d!important;
}
.border-success
{
	border-color: #28a745!important;
}
.border-info
{
	border-color: #17a2b8!important;
}
.border-warning
{
	border-color: #ffc107!important;
}
.border-danger
{
	border-color: #dc3545!important;
}
.border-light
{
	border-color: #f8f9fa!important;
}
.border-dark
{
	border-color: #343a40!important;
}
.border-white
{
	border-color: #fff!important;
}
.rounded
{
	border-radius: .25rem!important;
}
.rounded-top
{
	border-top-left-radius: .25rem!important;
}
.rounded-right,.rounded-top
{
	border-top-right-radius: .25rem!important;
}
.rounded-bottom,.rounded-right
{
	border-bottom-right-radius: .25rem!important;
}
.rounded-bottom,.rounded-left
{
	border-bottom-left-radius: .25rem!important;
}
.rounded-left
{
	border-top-left-radius: .25rem!important;
}
.rounded-circle
{
	border-radius: 50%!important;
}
.rounded-pill
{
	border-radius: 50rem!important;
}
.rounded-0
{
	border-radius: 0!important;
}
.clearfix:after
{
	clear: both;
	content: "";
	display: block;
}
.d-none
{
	display: none!important;
}
.d-inline
{
	display: inline!important;
}
.d-inline-block
{
	display: inline-block!important;
}
.d-block
{
	display: block!important;
}
.d-table
{
	display: table!important;
}
.d-table-row
{
	display: table-row!important;
}
.d-table-cell
{
	display: table-cell!important;
}
.d-flex
{
	display: flex!important;
	display: -ms-flexbox!important;
	display: -webkit-box!important;
}
.d-inline-flex
{
	display: inline-flex!important;
	display: -ms-inline-flexbox!important;
	display: -webkit-inline-box!important;
}

.overflow-auto
{
	overflow: auto!important;
}
.overflow-hidden
{
	overflow: hidden!important;
}
.position-static
{
	position: static!important;
}
.position-relative
{
	position: relative!important;
}
.position-absolute
{
	position: absolute!important;
}
.position-fixed
{
	position: fixed!important;
}
.position-sticky
{
	position: sticky!important;
	position: -webkit-sticky!important;
}
.fixed-top
{
	top: 0;
}
.fixed-bottom,.fixed-top
{
	left: 0;
	position: fixed;
	right: 0;
	z-index: 1030;
}
.fixed-bottom
{
	bottom: 0;
}
@supports ((position:-webkit-sticky) or (position:sticky))
{
	.sticky-top
	{
		position: sticky;
		position: -webkit-sticky;
		top: 0;
		z-index: 1020;
	}
}
.sr-only
{
	border: 0;
	clip: rect(0,0,0,0);
	height: 1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}
.sr-only-focusable:active,.sr-only-focusable:focus
{
	clip: auto;
	height: auto;
	overflow: visible;
	position: static;
	white-space: normal;
	width: auto;
}
.shadow-sm
{
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
	webkit-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}
.shadow
{
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
	webkit-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
.shadow-lg
{
	box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
	webkit-box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
}
.shadow-none
{
	box-shadow: none!important;
	webkit-box-shadow: none!important;
}
.w-25
{
	width: 25%!important;
}
.w-50
{
	width: 50%!important;
}
.w-75
{
	width: 75%!important;
}
.w-100
{
	width: 100%!important;
}
.w-auto
{
	width: auto!important;
}
.h-25
{
	height: 25%!important;
}
.h-50
{
	height: 50%!important;
}
.h-75
{
	height: 75%!important;
}
.h-100
{
	height: 100%!important;
}
.h-auto
{
	height: auto!important;
}
.mw-100
{
	max-width: 100%!important;
}
.mh-100
{
	max-height: 100%!important;
}
.min-vw-100
{
	min-width: 100vw!important;
}
.min-vh-100
{
	min-height: 100vh!important;
}
.vw-100
{
	width: 100vw!important;
}
.vh-100
{
	height: 100vh!important;
}
.m-0
{
	margin: 0!important;
}
.mt-0,.my-0
{
	margin-top: 0!important;
}
.mr-0,.mx-0
{
	margin-right: 0!important;
}
.mb-0,.my-0
{
	margin-bottom: 0!important;
}
.ml-0,.mx-0
{
	margin-left: 0!important;
}
.m-1
{
	margin: .25rem!important;
}
.mt-1,.my-1
{
	margin-top: .25rem!important;
}
.mr-1,.mx-1
{
	margin-right: .25rem!important;
}
.mb-1,.my-1
{
	margin-bottom: .25rem!important;
}
.ml-1,.mx-1
{
	margin-left: .25rem!important;
}
.m-2
{
	margin: .5rem!important;
}
.mt-2,.my-2
{
	margin-top: .5rem!important;
}
.mr-2,.mx-2
{
	margin-right: .5rem!important;
}
.mb-2,.my-2
{
	margin-bottom: .5rem!important;
}
.ml-2,.mx-2
{
	margin-left: .5rem!important;
}
.m-3
{
	margin: 1rem!important;
}
.mt-3,.my-3
{
	margin-top: 1rem!important;
}
.mr-3,.mx-3
{
	margin-right: 1rem!important;
}
.mb-3,.my-3
{
	margin-bottom: 1rem!important;
}
.ml-3,.mx-3
{
	margin-left: 1rem!important;
}
.m-4
{
	margin: 1.5rem!important;
}
.mt-4,.my-4
{
	margin-top: 1.5rem!important;
}
.mr-4,.mx-4
{
	margin-right: 1.5rem!important;
}
.mb-4,.my-4
{
	margin-bottom: 1.5rem!important;
}
.ml-4,.mx-4
{
	margin-left: 1.5rem!important;
}
.m-5
{
	margin: 3rem!important;
}
.mt-5,.my-5
{
	margin-top: 3rem!important;
}
.mr-5,.mx-5
{
	margin-right: 3rem!important;
}
.mb-5,.my-5
{
	margin-bottom: 3rem!important;
}
.ml-5,.mx-5
{
	margin-left: 3rem!important;
}
.p-0
{
	padding: 0!important;
}
.pt-0,.py-0
{
	padding-top: 0!important;
}
.pr-0,.px-0
{
	padding-right: 0!important;
}
.pb-0,.py-0
{
	padding-bottom: 0!important;
}
.pl-0,.px-0
{
	padding-left: 0!important;
}
.p-1
{
	padding: .25rem!important;
}
.pt-1,.py-1
{
	padding-top: .25rem!important;
}
.pr-1,.px-1
{
	padding-right: .25rem!important;
}
.pb-1,.py-1
{
	padding-bottom: .25rem!important;
}
.pl-1,.px-1
{
	padding-left: .25rem!important;
}
.p-2
{
	padding: .5rem!important;
}
.pt-2,.py-2
{
	padding-top: .5rem!important;
}
.pr-2,.px-2
{
	padding-right: .5rem!important;
}
.pb-2,.py-2
{
	padding-bottom: .5rem!important;
}
.pl-2,.px-2
{
	padding-left: .5rem!important;
}
.p-3
{
	padding: 1rem!important;
}
.pt-3,.py-3
{
	padding-top: 1rem!important;
}
.pr-3,.px-3
{
	padding-right: 1rem!important;
}
.pb-3,.py-3
{
	padding-bottom: 1rem!important;
}
.pl-3,.px-3
{
	padding-left: 1rem!important;
}
.p-4
{
	padding: 1.5rem!important;
}
.pt-4,.py-4
{
	padding-top: 1.5rem!important;
}
.pr-4,.px-4
{
	padding-right: 1.5rem!important;
}
.pb-4,.py-4
{
	padding-bottom: 1.5rem!important;
}
.pl-4,.px-4
{
	padding-left: 1.5rem!important;
}
.p-5
{
	padding: 3rem!important;
}
.pt-5,.py-5
{
	padding-top: 3rem!important;
}
.pr-5,.px-5
{
	padding-right: 3rem!important;
}
.pb-5,.py-5
{
	padding-bottom: 3rem!important;
}
.pl-5,.px-5
{
	padding-left: 3rem!important;
}
.m-n1
{
	margin: -.25rem!important;
}
.mt-n1,.my-n1
{
	margin-top: -.25rem!important;
}
.mr-n1,.mx-n1
{
	margin-right: -.25rem!important;
}
.mb-n1,.my-n1
{
	margin-bottom: -.25rem!important;
}
.ml-n1,.mx-n1
{
	margin-left: -.25rem!important;
}
.m-n2
{
	margin: -.5rem!important;
}
.mt-n2,.my-n2
{
	margin-top: -.5rem!important;
}
.mr-n2,.mx-n2
{
	margin-right: -.5rem!important;
}
.mb-n2,.my-n2
{
	margin-bottom: -.5rem!important;
}
.ml-n2,.mx-n2
{
	margin-left: -.5rem!important;
}
.m-n3
{
	margin: -1rem!important;
}
.mt-n3,.my-n3
{
	margin-top: -1rem!important;
}
.mr-n3,.mx-n3
{
	margin-right: -1rem!important;
}
.mb-n3,.my-n3
{
	margin-bottom: -1rem!important;
}
.ml-n3,.mx-n3
{
	margin-left: -1rem!important;
}
.m-n4
{
	margin: -1.5rem!important;
}
.mt-n4,.my-n4
{
	margin-top: -1.5rem!important;
}
.mr-n4,.mx-n4
{
	margin-right: -1.5rem!important;
}
.mb-n4,.my-n4
{
	margin-bottom: -1.5rem!important;
}
.ml-n4,.mx-n4
{
	margin-left: -1.5rem!important;
}
.m-n5
{
	margin: -3rem!important;
}
.mt-n5,.my-n5
{
	margin-top: -3rem!important;
}
.mr-n5,.mx-n5
{
	margin-right: -3rem!important;
}
.mb-n5,.my-n5
{
	margin-bottom: -3rem!important;
}
.ml-n5,.mx-n5
{
	margin-left: -3rem!important;
}
.m-auto
{
	margin: auto!important;
}
.mt-auto,.my-auto
{
	margin-top: auto!important;
}
.mr-auto,.mx-auto
{
	margin-right: auto!important;
}
.mb-auto,.my-auto
{
	margin-bottom: auto!important;
}
.ml-auto,.mx-auto
{
	margin-left: auto!important;
}


.text-monospace
{
	font-family: SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
}
.text-justify
{
	text-align: justify!important;
}
.text-wrap
{
	white-space: normal!important;
}
.text-nowrap
{
	white-space: nowrap!important;
}
.text-truncate
{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.text-left
{
	text-align: left!important;
}
.text-right
{
	text-align: right!important;
}
.text-center
{
	text-align: center!important;
}

.text-lowercase
{
	text-transform: lowercase!important;
}
.text-uppercase
{
	text-transform: uppercase!important;
}
.text-capitalize
{
	text-transform: capitalize!important;
}
.font-weight-light
{
	font-weight: 300!important;
}
.font-weight-lighter
{
	font-weight: lighter!important;
}
.font-weight-normal
{
	font-weight: 400!important;
}
.font-weight-bold
{
	font-weight: 700!important;
}
.font-weight-bolder
{
	font-weight: bolder!important;
}
.font-italic
{
	font-style: italic!important;
}
.text-white
{
	color: #fff!important;
}
.text-primary
{
	color: #007bff!important;
}
a.text-primary:focus,a.text-primary:hover
{
	color: #0056b3!important;
}
.text-secondary
{
	color: #6c757d!important;
}
a.text-secondary:focus,a.text-secondary:hover
{
	color: #494f54!important;
}
.text-success
{
	color: #28a745!important;
}
a.text-success:focus,a.text-success:hover
{
	color: #19692c!important;
}
.text-info
{
	color: #17a2b8!important;
}
a.text-info:focus,a.text-info:hover
{
	color: #0f6674!important;
}
.text-warning
{
	color: #ffc107!important;
}
a.text-warning:focus,a.text-warning:hover
{
	color: #ba8b00!important;
}
.text-danger
{
	color: #dc3545!important;
}
a.text-danger:focus,a.text-danger:hover
{
	color: #a71d2a!important;
}
.text-light
{
	color: #f8f9fa!important;
}
a.text-light:focus,a.text-light:hover
{
	color: #cbd3da!important;
}
.text-dark
{
	color: #343a40!important;
}
a.text-dark:focus,a.text-dark:hover
{
	color: #121416!important;
}
.text-body
{
	color: #212529!important;
}
.text-muted
{
	color: #6c757d!important;
}
.text-black-50
{
	color: rgba(0,0,0,.5)!important;
}
.text-white-50
{
	color: hsla(0,0%,100%,.5)!important;
}
.text-hide
{
	background-color: transparent;
	border: 0;
	color: transparent;
	font: 0/0 a;
	text-shadow: none;
}
.text-decoration-none
{
	text-decoration: none!important;
}
.text-reset
{
	color: inherit!important;
}
.visible
{
	visibility: visible!important;
}
.invisible
{
	visibility: hidden!important;
}
body,html
{
	font-family: Roboto Condensed,sans-serif;
	height: 100%;
	margin: 0;
	padding: 0;
	width: 100%;
	overflow-x: hidden;


}


@media (hover: none) and (pointer: coarse)
{
body,html{
font-family: Roboto Condensed,sans-serif;
height: 100%;
margin: 0;
padding: 0;
width: 100%;
position: absolute;
overflow-x: auto;}
}

@media screen and (orientation: portrait) {
	#app
	{top: 0; 
		background-image: url("../img/maph.jpg");
		
		aspect-ratio: auto 1967 / 1150;
		margin: 0 auto;
		background-size: cover;
		position: absolute;
		height: 100%;
		background-repeat: no-repeat;
		top: 0;
		bottom: 0;
	}
	}

@media screen and (orientation: landscape) {
	#app
	{top: 0; 
		background-image: url("../img/maph.jpg");
		margin: 0 auto;
		background-size: cover;
		position: absolute;
		width: 100%;
		background-repeat: no-repeat;
		aspect-ratio: auto 1814 / 1150;
	}
	body::-webkit-scrollbar { width: 0% !important }
	body { overflow: -moz-scrollbars-none; }
	body { -ms-overflow-style: none; }
	}

	.arrow
{
	position: fixed;
	right: 2%;
	top: 3.5%;
	z-index: 0;
	width: 18%;
	pointer-events: none;
}
.logo1
{
	left: 1%;
	width: 10%;
	cursor: pointer;
}
.logo2
{
	right: 1%;
	width: 8%;
}
.logo1,.logo2
{	bottom: 2%;
	min-width: 50px;
	max-width: 30vw;
	position: fixed;
	pointer-events: none;
	
}
/* .project
{
	color: #fff;
	font-size: calc(8px + (30 - 8) * ((100vw - 500px) / (1920 - 500)));
	top: 3%;
	left: 35%;
	letter-spacing: 2px;
	line-height: 100%;
	position: absolute;
	width: max-content;
  background: #0aca0aa3;
  padding: 1%;
}
.project span {
	  position: relative;
    margin-left: 15px;
    bottom: 20%;
}
.project b
{
	font-size: calc(8px + (30 - 8) * ((100vw - 500px) / (1920 - 500)));;
} */



.cloud_1
{	bottom: 0%;
	right: 0%;
	width: 27%;
	position: fixed;
	pointer-events: none;
}
.cloud_3
{
	bottom: 0;
	left: 0;
	width: 37%;
	position: fixed;
	pointer-events: none;
}
.cloud_4 
{
	top: 0;
	right: 0;
	position: fixed;
	width: 45%;
	pointer-events: none;
}


.point-wrapper
{
	width: 100%;
    height: 100%;
	background-position: bottom;
}
.point,.point_off 
{	width: calc(15px + (50 - 15) * ((100vw - 500px) / (1920 - 500)));
    height: calc(20px + (55 - 20) * ((100vw - 500px) / (1920 - 500)));
	position: absolute;
	transition: .15s;
	webkit-transition: .15s;
}

@media (orientation: portrait) {
	.arrow {
	top: 1.5%;
	width: 26%;
	}
	.logo1 {
	left: 1%;
	width: 15%;
	cursor: pointer;
	}
	.logo2 {
	right: 1%;
	width: 15%;
	}	
	.logo1,.logo2 {	
		bottom: 1%;
		min-width: 50px;
		max-width: 30vw;
	
}
	.cloud_1
	{
		width: 45%;
	}
	.cloud_3
	{
		width: 65%;
	}
	.cloud_4 
	{
		width: 64%;
	}
	.point,.point_off 
	{	width: 7%;
		height: 5%;
		position: absolute;
		transition: .15s;
	}
	
}

.point:before,.point_off:before
{	cursor: pointer;
	background-image: url(../img/dot5.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	content: "";
	height: 100%;
	float: left;
	width: 100%;
	z-index: 0;
}
.point:hover:before
{	
	background-image: url(../img/camdot1.png);
	background-position: back;
}
.point_off
{
	opacity: .8;
}
.point_off:hover
{
	opacity: 1;
}
.point_off:before
{
	background-image: url(../img/mark_off.67b87b99.png);
}
.video-modal
{
	padding: 0;
	width: 100%;
	height: 100%;
}
.video-modal .video_header
{
	background: #6ec001;
	color: #fff;
	font-size: calc(8px + (30 - 8) * ((100vw - 500px) / (1920 - 500)));
	/*font-size: 5%;*/
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	width: 100%!important;
}
.hover-video-box
{
	background: rgba(0,0,0,.6);
	position: absolute;
	width: 35%;
}
.modal-backdrop
{
	height: 100%;
	width: 100%;
}