.full-view {
	width:100vw;
	height:100vh;
	/*background-color:#7B9E1B;*/
}
.full-height {
	height:100%;
}
.full-height-vh {
	height:100vh;
}
.top-margin-position {
	/*top:64px;*/
	position:relative;
}
.icon-size: {
	height:50px!important;
	width:50px!important;
}
.background-semi {
	background-color:rgba(0,0,0,0.3)!important;
}
.background-semi-header {
	background-color:rgba(9,230,200,80)!important;
}
.no-padding{
	padding:0px!important;
}
.no-padding-left {
	padding-left:0px!important;
}
.display-none {
	display:none;
}
.center-everything {
	display:flex;
	justify-content:center;
	align-items:center;

	height:100%;
	width:100%;
}
.navbar-background {
	background-color:#336E7B;
}
.body {
	overflow-y:hidden;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    background-color: #fff;
}

.icon-submeniu {
	height:100%;
}
.logo-container {
	width:60px;
	height:60px;
}

@media screen and (min-width: 300px){
	/*header*/
	.hamburger {
		padding:10px 10px;
	}
	.hamburger-box {
		top:3px;
	}

	.submenu-icon {
		height:40px;
		width: 40px;
	}
	.submenu-title {
		display:flex;
		align-items:center;
		height:40px;

		font-weight:bold;
		font-family:Helvetica, 'sans-serif';
		font-size:3.75vmin;
		color:#fff;
	}
	.menu-container {
		height:60px;
	}

	/* content */
	.content-container{
		height:90vh;
		/*background-color:#7B9E1B;*/
	}

	.info-area-container {
		height:100px;
		
	}

	.info-display {
		height:50px;
	}

	.info-display-icon {
		height:50px;
		width: 50px;
	}

	.info-display-text {
		display:flex;
		align-items:center;
		height:50px;

		font-weight:bold;
		font-family:Helvetica, 'sans-serif';
		font-size:3.75vmin;
		color:#336E7B;
		width:fit-content;
	}

	.game-area-content {
		max-height:600px;
	}

	.castle-area-content {
		height:400px;

		background: url(../images/weather/sky-background.png) no-repeat center center fixed; 
  		-webkit-background-size: cover;
  		-moz-background-size: cover;
  		-o-background-size: cover;
  		background-size: cover;
	}

	.castle {
		width:300px;
		height:300px;
	}
	.ground {
		width:100%;
		height:110px;
		z-index:1;

		position:relative;
		top:-110px;

		background: url(../images/weather/ground-background.png) no-repeat; 
  		-webkit-background-size: cover;
  		-moz-background-size: cover;
  		-o-background-size: cover;
  		background-size: cover;
	}

	.cta-area {
		height:120px;
		background-color:#7B9E1B;
	}

	.cta-display {
		height:120px;
	}

	.cta-icon {
		width:50px;
		height:50px;
	}

	.cta-icon > img {
		height:100%;
	}
}


@media screen and (min-width: 768px){
	.icon-submeniu {
		height:45px;
		width:45px;
	}
	.a-submeniu {
		height:50px;
	}
	.center-in-a {
		display:flex;
		justify-content:center;
		align-items:center;

		height:100%;
		width:100%;
	}

	.center-everything-bigscreens {
		display: flex;
    	justify-content: center;
    	align-items: center;
    	height: 100%;
    	/* width: 100%; */
	}
	.submenu-title {
		height:100%;
		font-weight:bold;
		font-family:Helvetica, 'sans-serif';
		font-size:1.75vmin;
		color:#fff;
	}

	/* content */
	.content-container{
		height:93.7vh;
	}

	.info-area-container {
		height:85vh;
		/*background-color:#C5EFF7;*/
	}

	.info-display {
		height:50px;
	}

	.info-display-icon {
		height:50px;
		width: 50px;
	}

	.info-display-text {
		display:flex;
		align-items:center;
		height:50px;

		font-weight:bold;
		font-family:Helvetica, 'sans-serif';
		font-size:1.75vmin;
		color:#336E7B;
		width:fit-content;
	}

	.game-area-content {
		max-height:90vh;
	}

	.castle-area-content {
		height:60vh;

		background: url(../images/weather/sky-background.png) no-repeat center center fixed; 
  		-webkit-background-size: cover;
  		-moz-background-size: cover;
  		-o-background-size: cover;
  		background-size: cover;
	}

	.ground {
		width:100%;
		height:260px;
		z-index:1;

		position:relative;
		top:-260px;

		background: url(../images/weather/ground-background.png) no-repeat; 
  		-webkit-background-size: cover;
  		-moz-background-size: cover;
  		-o-background-size: cover;
  		background-size: cover;
	}

	.cta-area {
		height:120px;
		/*background-color:#7B9E1B;*/
	}

	.cta-display {
		height:120px;
	}

	.cta-icon {
		width:60px;
		height:60px;
	}
}

/*
	New css content
*/
.left-area-content,
.center-area-content,
.right-area-content {
	height:100%;
}
.upper-part-center-display {
	height:10vh;
	background-color:#C5EFF7;
}
	.left-part-upper-part-center-display,
	.right-part-upper-part-center-display {
		height:100%;
	}

	.option-item-upper-part-center {
		height:100%;
	}
.down-part-center-display {
	height:10vh;
	background-color:#7B9E1B;
}
.castle-display-area {
	height:40vh;
}
	.display-castle {
		height:40vh;
		width:100%;
	}
	.left-part-center-display,
	.right-part-center-display {
		height:100%;
	}
	.option-item-castle-part-center{
		height:25%;
	}
	.option-item-icon {
		height:50px;
		width:50px;
        margin-left: 2px;
	}
	.full-height{
		height:100%;
	}

.principal-cta-option {
	height:100%;
	width:100%;
}

.cta-option-item-display {
	height:5vh;
}
.cta-option-item-icon {
	height:50px;
	width:50px;
}

.well {
	padding: 0px;
	background-color: transparent;
	border-radius: 0px;
	margin-bottom: 0px;
	overflow: hidden;
	border: 0px;
	-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.05);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.05);
}
.sky-and-ground-display{
	position:relative;
	height:100%;
	width:100%;
	z-index:1;
}
	.sky-display {
		position:relative;
		width:100%;
		height:100%;
		z-index:1;

		background: url(../images/weather/sky-background.png) no-repeat;
    	-webkit-background-size: cover;
    	-moz-background-size: cover;
    	-o-background-size: cover;
    	background-size: cover;
	}
	.ground-display {
		position:relative;
		width:100%;
		height:15.5vh;
		bottom:12.5vh;
		z-index:2;

		background: url(../images/weather/ground-background.png) no-repeat;
    	-webkit-background-size: cover;
    	-moz-background-size: cover;
    	-o-background-size: cover;
    	background-size: cover;
	}
.castle-display-container {
	width:100%;
	height:100%;
	position:absolute;
	z-index:2;
	top:0px;
}
.center-area-content {
	background-color:#7B9E1B;
}
@media screen and (max-width: 768px){
	.principal-cta-option {
		width:100%;
	}
}

@media screen and (max-width: 750px){
	.principal-cta-option {
		width:100%;
	}
}

/*page1.html style*/
.row-options {
	height:100px;
	margin:0px;
	padding: 0px;
	background-color: transparent;
	border: 1px solid black;
	margin-bottom: 5px;
	overflow: hidden;
}
.display-castle-user-search{
	height:60px;
}
.display-user-name-search {
	height:40px;
}