.html-demo {
	height: 100%; overflow: hidden;
}
body {
	margin: 0px; padding: 0px; width: 100%; min-width: 100%;
}
a {
	text-decoration: none;
}
ul {
	list-style: none;
}
.wrap-switcher {
	width: 100%; position: relative; z-index: 100;
}
#switcher-inner {
	background: rgb(255, 255, 255); top: 0px; width: 100%; position: fixed; box-shadow: 0px 3px 4px rgba(0,0,0,0.12);
}
#switcher {
	margin: 0px auto; padding: 0px; height: 50px; z-index: 1; max-width: 1024px; backface-visibility: hidden;
}
#switcher-inner {
	transition:transform 0.3s; transform: translateY(0%) translate3d(0px, 0px, 0px); -webkit-transform: translateY(0%) translate3d(0px, 0px, 0px); -moz-transform: translateY(0%) translate3d(0px, 0px, 0px); -webkit-transition: transform 0.3s ease 0s; -moz-transition: transform 0.3s ease 0s;
}
.switcher-hidden #switcher-inner {
	transform: translateY(-100%) translate3d(0px, 0px, 0px); -webkit-transform: translateY(-100%) translate3d(0px, 0px, 0px); -moz-transform: translateY(-100%) translate3d(0px, 0px, 0px);
}
#switcher .logo {
	margin: 0px; float: left;
}
#switcher .logo a {
	margin: 0px 5px 0px 20px; color: rgb(83, 170, 57); line-height: 42px; font-size: 38px; font-weight: bolder; text-decoration: none; float: left;
}
#switcher ul.theme-select {
	background: rgb(221, 221, 221); margin: 4px 20px; padding: 0px; width: 200px; float: left;
}
#tname {
	cursor: pointer;
}
#switcher ul.theme-select.active ul {
	display: block;
}
#switcher ul.theme-select li#theme_list {
	background-position: 95% 15px; list-style: none; border-radius: 4px; box-shadow: 0px 0px 1px #aaa; background-image: url("img/arrow.png"), linear-gradient(rgb(255, 255, 255) 0%, rgb(229, 229, 229) 100%); background-attachment: scroll; background-repeat: no-repeat; background-size: auto; background-origin: padding-box; background-clip: border-box; background-color: rgb(255, 255, 255);
}
#switcher ul.theme-select.active li#theme_list {
	background-position: 95% 15px; box-shadow: 0px 0px 1px #aaa; background-image: url("img/arrow-active.png"), linear-gradient(rgb(255, 255, 255) 0%, rgb(229, 229, 229) 100%); background-attachment: scroll; background-repeat: no-repeat; background-size: auto; background-origin: padding-box; background-clip: border-box; background-color: rgb(255, 255, 255);
}
#switcher ul.theme-select .menu-demo-menu-container {
	position: absolute; min-width: 280px;
}
#switcher .theme-select ul {
	background: rgb(255, 255, 255); margin: 0px; padding: 0px; display: none;
}
#switcher ul.theme-select ul li {
	list-style: none; border-bottom-color: rgb(236, 236, 236); border-bottom-width: 1px; border-bottom-style: solid;
}
#switcher ul.theme-select ul li:last-child {
	border: currentColor; border-image: none;
}
#switcher ul.theme-select ul li:hover {
	background: rgb(236, 236, 236);
}
#switcher ul.theme-select a {
	padding: 6px 20px; color: rgb(102, 102, 102); font-weight: bold; text-decoration: none; display: block;
}
#tname {
	padding: 6px 20px; color: rgb(102, 102, 102); font-weight: bold; text-decoration: none; display: block;
}
#switcher .sreen-size {
	padding: 14px 0px; margin-left: 14px; float: left;
}
#switcher .sreen-size a {
	margin: 0px 6px; float: left; opacity: 0.5;
}
#switcher .sreen-size a.desktop {
	background: url("img/devices.png") no-repeat 0px 0px; width: 20px; height: 19px;
}
#switcher .sreen-size a.tabletlandscape {
	background: url("img/devices.png") no-repeat -30px -3px; width: 17px; height: 14px; margin-top: 2px;
}
#switcher .sreen-size a.tabletportrait {
	background: url("img/devices.png") no-repeat -59px -1px; width: 14px; height: 17px; margin-top: 1px;
}
.sreen-size#switcher a.mobilelandscape {
	background: url("img/devices.png") no-repeat -87px -4px; width: 14px; height: 11px; margin-top: 5px;
}
#switcher .sreen-size a.mobileportrait {
	background: url("img/devices.png") no-repeat -117px -3px; width: 11px; height: 14px; margin-top: 3px;
}
#switcher .sreen-size a.active {
	color: rgb(255, 255, 255); opacity: 1;
}
.sreen-size a:hover {
	color: rgb(255, 255, 255); opacity: 1;
}
#switcher .links {
	margin: 3px 20px 0px 0px; padding: 0px; float: right;
}
#switcher .close a {
	background: url("img/close.png") no-repeat center rgb(219, 219, 219); padding: 3px 18px 6px; border-radius: 2px; color: rgb(255, 255, 255); text-indent: -9999px; font-weight: bold; text-decoration: none; margin-top: 3px; margin-left: 15px; float: left; text-shadow: 0px 1px 0px rgba(0,0,0,0.1);
}
#switcher .btn-buy-now {
	background: rgb(45, 129, 215); border-color: rgb(43, 121, 204); margin: 3px 0px 0px 80px; border-radius: 5px; width: 200px; color: rgb(255, 255, 255); float: left;
}
#switcher .btn-buy-now a {
	padding: 6px; text-align: center; color: rgb(255, 255, 255); font-weight: bold; text-decoration: none; display: block;
}
#iframelive {
	
}
#frameWrapper {
	margin: 0px auto; overflow: auto;
}
#iframe {
	margin: 50px auto 0px; transition:margin-top 0.3s, height 0.3s; width: 10px; display: block; min-width: 100%;
}
.switcher-hidden #iframe {
	margin-top: 0px;
}
.back-to-top {
	display: none;
}
.toggle {
	background: rgba(238, 238, 238, 1); top: 0px; width: 54px; height: 50px; text-align: center; right: 0px; color: rgb(0, 0, 0) !important; line-height: 46px; font-size: 20px; position: fixed; z-index: 99998; opacity: 0.8; backface-visibility: hidden;
}
.toggle .fa {
	transition:transform 0.3s; display: inline-block; transform: rotate(0deg) translate3d(0px, 0px, 0px); -webkit-transform: rotate(0deg) translate3d(0px, 0px, 0px); -moz-transform: rotate(0deg) translate3d(0px, 0px, 0px); -webkit-transition: transform 0.3s ease 0s; -moz-transition: transform 0.3s ease 0s;
}
.switcher-hidden .toggle .fa {
	transform: rotate(45deg) translate3d(0px, 0px, 0px); -webkit-transform: rotate(45deg) translate3d(0px, 0px, 0px); -moz-transform: rotate(45deg) translate3d(0px, 0px, 0px);
}
@media all and (max-width:767px)
{
#switcher ul.theme-select {
	margin: 4px 10px; width: 100px;
}
#switcher ul.theme-select li#theme_list {
	border-radius: 1px; width: 100%;
}
#switcher ul.theme-select a {
	padding: 7px 10px; font-size: 14px;
}
#tname {
	padding: 7px 10px; font-size: 14px;
}
#switcher ul.theme-select #tname {
	padding: 7px 15px 7px 10px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
#switcher ul.theme-select .menu-demo-menu-container {
	width: 200px;
}
#switcher .sreen-size {
	display: none;
}
#switcher .btn-buy-now {
	margin: 4px 0px 0px; width: auto;
}
#switcher .btn-buy-now a {
	padding: 8px 10px; border: currentColor; border-image: none; font-size: 14px;
}
}