@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i');

/* Overriding Default Settings */
html{
	width:100%;
	height:100%;
	background-color: #ededed;
}

h1, h2, h3, h4, h5, h6{
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	/*text-transform: uppercase;*/
}

h1, h2{
	letter-spacing: 2px;
}

h3{
	font-size: 30px;
	letter-spacing: 3px;
}

h4{
	letter-spacing: 3px;
	font-size: 20px;
}

h5{
	font-size: 20px;
}

input, select, textarea {
    font-size: 16px;
}

/*img{
	width: 100%;
	height: auto;
	margin-left: 0;
}*/

.ui-overlay-a{
	box-shadow: 0px 0px 5px #e1e1e1;
	overflow-x: hidden;
}

.ui-page{
	position: relative;
	text-shadow: none;
	font-family: 'Open Sans', sans-serif;
	background-color: #fff;
	min-height: 520px !important; 
}

.ui-content{
	padding: 0;
}

/* Player Controls */
.logo {
	max-width: 146px;
	margin-left: 33.5px;
	margin-top: 12px;
	margin-bottom: 8px;
}

.menu{
	max-width: 40px;
	padding-top: 28px;
	padding-bottom: 40px;
	padding-right: 10px;
	float: right;
}

.phoneMenu{
	display: none;
}

.topBar{
	padding: 1% 1%;
	background-color: #fff;
}

.topDividerBar{
	height: 10px;
	background-color: #2bafd9;
}

.navBtn{
	max-width: 40px;
	padding: 5px 10px;
	float: right;
}

@media (hover:hover) {
	.navBtn:hover{
		background-color: #5b5b5b;
	}
}

.topDividerBar{
	height: 10px;
	background-color: #2bafd9;
}

.bottomDividerBar{
	height: 1px;
	background-color: #2bafd9;
}

.ui-header{
	z-index: 1000;
	border: none;
}

.ui-footer{
	background-color: #4c4c4c;
	max-width: 1024px;
	margin: 0 auto;
	border: none;
	height: 55px;
}

/* Skeleton Rows and Columns */

.columns{
	padding: 0 1em;
}

.rowPadding{
	padding: 10px 1em 0;
}

.no-Margin-Padding{
	padding: 0 !important;
	margin: 0 !important;
}

/* Menu and Hidden Button */
.menuPanel{
	position: absolute;
	color: #4a4a4a;
	background-color: #f3f3f3;
	box-shadow: -1px 0px 5px #4e4e4e;
	box-sizing: border-box;
	border-width: 0;
	padding: 15px;
	text-shadow: none;
	width: 23em;
	height: 100%;
	right: -368px;
	top: 0;
	z-index: 2002;
	overflow: scroll;
}
	-webkit-scrollbar {display:none;}

.menuPanel::-webkit-scrollbar {display:none;}

.hiddenBtn{
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(249, 172, 57, .01);
}

/* Default Skeleton Primary Button Colors */
.blueBtn, .blueBtn:hover, .blueBtn:focus{
	background-color: rgb(45, 145, 196)!important;
	color: #fff!important;
}
.redBtn{
	background-color: #cf3235 !important;
  	border-color: #cf3235 !important;
}

.redBtn:hover, .redBtn:focus{
	background-color: #bc242d !important;
  	border-color: #bc242d !important;
}

.greenBtn{
	background-color: #23b389 !important;
  	border-color: #23b389 !important;
}

.greenBtn:hover, .greenBtn:focus{
	background-color: #0c8667 !important;
  	border-color: #0c8667 !important;
}

.orangeBtn{
	background-color: #f88e24 !important;
  	border-color: #f88e24 !important;
}

.orangeBtn:hover, .orangeBtn:focus{
	background-color: #e58533 !important;
  	border-color: #e58533 !important;
}

.yellowBtn{
	background-color: #fbc70d !important;
  	border-color: #fbc70d !important;
}

.yellowBtn:hover, .yellowBtn:focus{
	background-color: #f4a831 !important;
  	border-color: #f4a831 !important;
}

.blackBtn{
	background-color: #333333 !important;
  	border-color: #333333 !important;
}

.blackBtn:hover, .blackBtn:focus{
	background-color: #59595c !important;
  	border-color: #59595c !important;
}

.whiteOutlineBtn{
	color: #fff !important;
}

.whiteOutlineBtn:hover, .whiteOutlineBtn:focus{
	color: #d1d1d3 !important;
}

.copyRight{
	position: absolute;
	font-size: 12px;
	color: #b1b1b1;
	margin-left: 20px;
	padding-top: 17px;
}
.delay2 {
	-webkit-animation-delay: 2s; /* Safari 4.0 - 8.0 */
    animation-delay: 2s;
}
.delay1 {
	-webkit-animation-delay: 1s; /* Safari 4.0 - 8.0 */
    animation-delay: 1s;
}
.delay05 {
	-webkit-animation-delay: 500ms; /* Safari 4.0 - 8.0 */
    animation-delay: 500ms;
}
/* Responsiveness */

body,html{
	overflow:hidden;
}
body {
	width: 1024px;
	height:690px;
	text-align:left;
	position:absolute;
	top:50%;
	left:50%;
}