/* Default - Large devices: large desktops, 1200px and up*/
html, body {
	height: 100%;
	width: 100%;
}

#preloader {
	position: fixed;
	top:0;
	bottom:0;
	left:0;
	right: 0;
	z-index: 9999;
	zoom:1;
}

#wrapper {
	width: 100%;
	min-height: 100%;
}

#content {
	padding-top: 20px;
	padding-bottom: 20px;
	box-sizing: border-box;
}

.container {
	margin-left: auto;
	margin-right: auto;
	width: 1370px;
}

.dialog {
	position: fixed;
	top:0;
	bottom:0;
	left:0;
	right: 0;
	z-index: 99;
	display: none;
	zoom:1;
}

.dialog > div {
	position: absolute;
	width: 400px;
	height: 400px;
	top:50%;
	left:50%;
	margin-left: -200px;
}


/* Medium devices (desktops, 992px to 1399px) */
@media screen and (max-width: 1399px) {
	.container {
		width: 1170px;
	}
}

/* Medium devices (desktops, 992px to 1199px) */
@media screen and (max-width: 1199px) {
	.container {
		width: 970px;
	}
}

/* Small devices (tablets, 768px and up) */
@media screen and (max-width: 991px) {
	.container {
	    width: 750px;
	}
}

/* Extra small devices (phones, less than 768px) */
@media screen and (max-width: 767px) {
	.container {
		width: 90%;
	}
}