.scsEl {
	position: relative;
}
.scsElImg {
	display: inline-block;
}
/*Blocks settings*/
.scsBlock {
	background-color: transparent;
	position: relative;
}
#wpadminbar {
	display: none;
}
/*bootstrap spin class*/
.glyphicon-spin {
	-webkit-animation: spin 1000ms infinite linear;
	animation: spin 1000ms infinite linear;
}
@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
@keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
/*Blocks loader*/
#scsBlockLoader {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.5);
	color: #fff;
	font-family: 'PT Sans';
	width: 100%;
	/*height: 100%;*/
	text-align: center;
	vertical-align: middle;
	z-index: 99999;
	display: table;
	
	top: 0;
	left: 0;
}
.scsLoaderContent {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 100%;
}
.scsLoaderContentCell {
	display: table-cell; 
	vertical-align: middle; 
	text-align: center;
}
.scsBlockLoaderIcon,
.scsBlockLoaderTxt {
	display: inline;
}
.scsBlockLoaderIcon {
	
}
.scsShowSmooth {
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s linear 0.2s, opacity 0.2s linear;
}
.scsShowSmooth.active {
	visibility: visible;
	opacity: 1;
	transition-delay: 0s;
}
/*Block Elements*/
.scsEl {
	position: relative;
}
.scsElInput,
.scsInputShell {
	display: inline-block;
}
/*Common bg style for all grid elements*/
.scsGridElement {
  	background: url("http://hawarbeachhotel.com/wp-content/plugins/coming-soon-by-supsystic/modules/octo/css/frontend.octo.css?ver=1.5.9") no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.scsElOverlay {
	position: absolute;
  	width: 100%;
  	height: 100%;
  	top: 0;
  	left: 0;
  	display: none;
}
#scsCanvasBG {
	
	background-size: 100% 100%;
}
#scsCanvasBG {
  min-height: 100%;
  min-width: 1024px;

  width: 100%;
  height: auto;

  position: fixed;
  top: 0;
  left: 0;
}
@media screen and (max-width: 1024px) {
  #scsCanvasBG {
    left: 50%;
    margin-left: -512px;
  }
}