html,
body{
	width: 100%;
	height: 100%;
}

body.in-iframe nav{
	background: transparent;
	border: none;
}

body.in-iframe nav .container{
	width: 100% !important;
}

body.in-iframe nav .container .theme-name{
	display: none;
}

body.in-iframe nav .container .buttons{
	float: right;
}


body.in-iframe nav .container .buttons div{
	background: #222;
}

body.in-iframe nav .container .buttons div:first-child{
	padding-left: 10px;
}

body.in-iframe .iframe-container{
	padding-top: 0;
}

nav.navbar{
	position: fixed; 
	width: 100%; 
	height: 50px;
	border-radius: 0;
}

.iframe-container{
	width: 100%;
	height: 100%;
	padding-top: 50px;
	text-align: center;
	background: #111111;
}

.iframe-container iframe{
	border: none; 
	width: 100%; 
	height: 100%;
	margin: 0 auto;
	transition: all 0.3s linear;
}

.iframe-container iframe, 
.iframe-container iframe html, 
.iframe-container iframe body{
	background: white;
}

.res{
	margin: 8px 0;
	color: #aaaaaa;
	font-size: 25px;
	line-height: 34px;
}

.res i{
	cursor: pointer;
	padding: 0 5px;
}

.res i:hover{
	color: #cccccc;
}

@media all and (max-width: 767px) {
	.buttons .navbar-form.navbar-left{
		padding: 0;
		margin: 8px 5px;
	}
}