html, body { height: 100%; }
body {
	background: white;  
	font-family: arial, sans-serif;
	font-size: 1.7rem;
	line-height: 3rem;
	color: #6e6e6e;
}

section {
	padding-top: 8%;
	padding-bottom: 8%;
	transition: background-image 4s ease-out;
}
div.row { padding-top: 2rem;padding-bottom: 2rem; }

.white-section { background: #ffffff; }
.white-section p.lead { color: #7d7d7d; }
.grey-section {	background: #ebebeb; }
.grey-section p.lead { color: #7d7d7d; }
.blue-section {	background: #20d8ef;color: #000000; }
.blue-section p.lead, .blue-section h1, .blue-section h2, .blue-section h3, .blue-section h4 { color: #000000; }
.darkgrey-section {	background: #6e6e6e; color:white; }
.darkgrey-section h1, .darkgrey-section h2, .darkgrey-section h3, .darkgrey-section h4 { color: #dadada; }
.darkgrey-section p.lead { color: #dadada; }
.black-section { background: #000000; color:white; }
.black-section h1, .black-section h2, .black-section h3, .black-section h4 { color: #dadada; }
.black-section p.lead { color: #dadada; }

/**
 * links - (_document-setup.scss)
 * -------------------------------------------------------------------
 */
a, a:visited {
	color: #000000;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
a:hover, a:focus, a:active {
	color: #FF0077;
	outline: 0;
}


/** 
 * ===================================================================
 * 03. typography & general theme styles - (_document-setup.scss)
 *
 * ------------------------------------------------------------------- 
 */
h1, h2, h3, h4, h5, h6 {
	font-family: arial, sans-serif;
	color: #313131;
	font-style: normal;
	text-rendering: optimizeLegibility;
	margin-bottom: 2.1rem;
}
h3, h4 {
	margin-bottom: 1.8rem;
}
h5, h6 {
	font-family: arial, sans-serif;
	margin-bottom: 1.2rem;
}
h1 {
	font-size: 3.1rem;
	line-height: 1.355;
	letter-spacing: -.1rem;
}
@media only screen and (max-width:900px) {
  h1 {font-size: 2.6rem;letter-spacing: -.07rem; }
}
h2 { font-size: 2.4rem;line-height: 1.25; }
h3 { font-size: 2rem;line-height: 1.5; }
h4 { font-size: 1.7rem;line-height: 1.765; }
h5 { font-size: 1.4rem;line-height: 1.714;text-transform: uppercase;letter-spacing: .15rem; }
h6 { font-size: 1.3rem;line-height: 1.846;text-transform: uppercase;letter-spacing: .15rem; }
p img {	margin: 0;}
p.lead {
	font-size: 2rem;
	line-height: 1.8;
	color: #888888;
}
@media only screen and (max-width:768px) {
	p.lead {
		font-size: 1.7rem;
	}
}
em, i, strong, b {
	font-size: 1.7rem;
	line-height: 3rem;
	font-style: normal;
	font-weight: normal;
}
small {
	font-size: 1.2rem;
	line-height: inherit;
}
abbr {
	font-variant: small-caps;
	text-transform: lowercase;
	letter-spacing: .05rem;
	color: #888888;
}
var, kbd, samp, code, pre {
	font-family: Consolas, "Andale Mono", Courier, "Courier New", monospace;
}
pre {
	padding: 2.4rem 3rem 3rem;
	background: #F1F1F1;
}
code {
	font-size: 1.4rem;
	margin: 0 .2rem;
	padding: .3rem .6rem;
	white-space: nowrap;
	background: #F1F1F1;
	border: 1px solid #E1E1E1;
	border-radius: 3px;
}
pre > code {
	display: block;
	white-space: pre;
	line-height: 2;
	padding: 0;
	margin: 0;
}
pre.prettyprint > code { border: none; }
del { text-decoration: line-through; }
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
mark { background: #FFF49B;color: #000; }
hr {
	border: solid #d2d2d2;
	border-width: 1px 0 0;
	clear: both;
	margin: 2.4rem 0 1.5rem;
	height: 0;
}

/**
 * Lists - (_document-setup.scss)  
 * -------------------------------------------------------------------
 */
ol { list-style: decimal; }
ul { list-style: disc; }
li { display: list-item; }
ol, ul { margin-left: 1.7rem; }
ul li { padding-left: .4rem; }
ul ul, ul ol, ol ol, ol ul { margin: .6rem 0 .6rem 1.7rem; }
ul.disc li { display: list-item;list-style: none;padding: 0 0 0 .8rem;position: relative; }
ul.disc li::before { content: "";display: inline-block;width: 8px;height: 8px;border-radius: 50%;background: #FF0077;
  position: absolute;left: -17px;top: 11px;vertical-align: middle; }
dt { margin: 0;color: #FF0077; }
dd { margin: 0 0 0 2rem; }

/**
 * tables - (_document-setup.scss)  
 * -------------------------------------------------------------------
 */
table {	border-width: 0;width: 100%;max-width: 100%; }
th, td { padding: 1.5rem 3rem;text-align: left; }
th { color: #313131; }
td { line-height: 1.5; }
th:first-child, td:first-child { padding-left: 0; }
th:last-child, td:last-child { padding-right: 0; }
.table-responsive { overflow-x: auto;-webkit-overflow-scrolling: touch; }

/**
 * Spacing - (_document-setup.scss)  
 * -------------------------------------------------------------------
 */
button, .button { margin-bottom: 1.2; }
fieldset { margin-bottom: 1.5rem; }
pre, blockquote, figure, p, ul, ol, dl, .fluid-video-wrapper, .ss-custom-select { margin-bottom: 3rem;}

/**
 * block grid paddings - (_document-setup.scss) 
 * -------------------------------------------------------------------
 */
.bgrid { padding: 0 20px; }
@media only screen and (max-width:1024px) {
	.bgrid { padding: 0 18px; }
}
@media only screen and (max-width:768px) {
	.bgrid { padding: 0 15px; }
}
@media only screen and (max-width:900px) {
	.bgrid { padding: 0 10px; }
}
@media only screen and (max-width:400px) {
	.bgrid { padding: 0; }
}

/** 
 * ===================================================================
 * 04. preloader - (_preloader-1.scss)
 *
 * ------------------------------------------------------------------- 
 */
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #151515;
	z-index: 800;
	height: 100%;
	width: 100%;
}
#loader {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 60px;
	height: 60px;
	margin: -30px 0 0 -30px;
	padding: 0;
}
#loader:before {
	content: "";
	border-top: 11px solid rgba(255, 255, 255, 0.1);
	border-right: 11px solid rgba(255, 255, 255, 0.1);
	border-bottom: 11px solid rgba(255, 255, 255, 0.1);
	border-left: 11px solid #FF0077;
	-webkit-animation: load 0.8s infinite linear;
	animation: load 0.8s infinite linear;
	display: block;
	border-radius: 50%;
	width: 60px;
	height: 60px;
}
@-webkit-keyframes load {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes load {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/**
 * Style Placeholder Text  
 * -
 */
::-webkit-input-placeholder { color: #a1a1a1; }
:-moz-placeholder { color: #a1a1a1; }
::-moz-placeholder { color: #a1a1a1; }
:-ms-input-placeholder { color: #a1a1a1; }
.placeholder { color: #a1a1a1 !important; }

/** 
 * ===================================================================
 * 06. buttons - (_button-essentials.scss)
 *
 * ------------------------------------------------------------------- 
 */
.button,
a.button,
button {
	display: inline-block;
	font-size: 1.4rem;
	text-transform: uppercase;
	letter-spacing: .3rem;
	height: 5.4rem;
	line-height: 5.4rem;
	padding: 0 3rem;
	margin: 0 .3rem 1.2rem 0;
	background: #d8d8d8;
	color: #313131;
	text-decoration: none;
	cursor: pointer;
	text-align: center;
	white-space: nowrap;
	border: none;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.button:hover,
a.button:hover,
button:hover,
.button:focus,
button:focus {
	background: #bebebe;
	color: #000000;
	outline: 0;
}
.button.button-primary,
a.button.button-primary,
button.button-primary {
	background: #313131;
	color: #FFFFFF;
}
.button.button-primary:hover,
a.button.button-primary:hover,
button.button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus {
	background: #1f1f1f;
}
button.medium, .button.medium {
	height: 5.7rem !important;
	line-height: 5.7rem !important;
	padding: 0 1.8rem !important;
}
button.large, .button.large {
	height: 6rem !important;
	line-height: 6rem !important;
	padding: 0rem 3rem !important;
}
button.stroke, .button.stroke {
	background: transparent !important;
	border: 3px solid #313131;
	line-height: 4.8rem;
}
button.stroke.medium, .button.stroke.medium {
	line-height: 5.1rem !important;
}
button.stroke.large, .button.stroke.large {
	line-height: 5.4rem !important;
}
button.stroke:hover, .button.stroke:hover {
	border: 3px solid #FF0077;
	color: #FF0077;
}
button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/** 
 * ===================================================================
 * 08. common styles (_layout.scss)
 *
 * ------------------------------------------------------------------- 
 */
.row-centered {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 3.6rem;
	position: relative;
}
.row-centered h1 {
	font-size: 3.6rem;
	color: #313131;
	line-height: 1.25;
	margin-bottom: 1.2rem;
}
.row-centered h5 {
	color: #FF0077;
	font-size: 1.6rem;
	line-height: 1.875;
	margin-bottom: 0.3rem;
	letter-spacing: .4rem;
}

/**
 * responsive:
 * common styles
 * ------------------------------------------------------------------- 
 */
@media only screen and (max-width:768px) {
	.row-centered { max-width: 650px; }
	.row-centered h1 { font-size: 3rem; }
}
@media only screen and (max-width:900px) {
	.row-centered h1 { font-size: 2.6rem; }
	.row-centered h5 { font-size: 1.5rem;letter-spacing: .3rem; }
}
@media only screen and (max-width:400px) {
	.row-centered h1 { font-size: 2.4rem; }
}

/** 
 * ===================================================================
 * 10. intro - (_layout.scss) 
 *
 * ------------------------------------------------------------------- 
 */
.fullscreen-section {
	width: 100%;
	height: 100%;
	min-height: 720px;
/*	display: table;  */
	position: relative;
	text-align: center;
}

.row-centered-intro {
/*	display: table-cell;  
	display: table-row; */
	vertical-align: middle;
	text-align: center;
	-webkit-transform: translateY(-2.1rem);
	-ms-transform: translateY(-2.1rem);
	transform: translateY(-2.1rem);
}
.row-centered-intro h1 {
	color: #FFFFFF;
	font-family: "poppins-medium", sans-serif;
	font-size: 8.4rem;
	line-height: 1.071;
/*	max-width: 900px; */
	margin-top: 0;
	margin-bottom: .6rem;
	margin-left: auto;
	margin-right: auto;
	text-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
.row-centered-intro h5 {
	color: #cc005f;
	font-size: 2.3rem;
	line-height: 1.565;
	margin-bottom: 0;
	text-transform: uppercase;
	letter-spacing: .3rem;
	text-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}
.row-centered-intro .intro-position {
	font-size: 1.7rem;
	line-height: 2.4rem;
	text-transform: uppercase;
	letter-spacing: .2rem;
	color: #FFFFFF;
	text-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}
.row-centered-intro .intro-position span {
	display: inline-block;
}
.row-centered-intro .intro-position span::after {
	content: "|";
	text-align: center;
	display: inline-block;
	padding: 0 8px 0 14px;
	color: rgba(255, 255, 255, 0.3);
}
.row-centered-intro .intro-position span:first-child::before {
	content: "|";
	text-align: center;
	display: inline-block;
	padding: 0 14px 0 8px;
	color: rgba(255, 255, 255, 0.3);
}
.row-centered-intro .button {
	color: #FFFFFF !important;
	border-color: rgba(255, 255, 255, 0.3);
	height: 6rem !important;
	line-height: 5.4rem !important;
	padding: 0 3.5rem 0 3rem !important;
	margin-top: .6rem;
	font-size: 1.3rem;
	text-transform: uppercase;
	letter-spacing: .25rem;
}
.row-centered-intro .button:hover, .row-centered-intro .button:focus {
	border-color: #cc005f;
}
.row-centered-intro .button::after {
	display: inline-block;
	content: "\f107";
	font-family: fontAwesome;
	font-size: 1.6rem;
	line-height: inherit;
	text-align: center;
	position: relative;
/*	left: 1.2rem; */
}

.intro-social {
	display: block;
	font-size: 3.3rem;
	margin: 0;
	padding: 0;
}
.social-footer {
	position: relative;
}	
.intro-social li {
	display: inline-block;
	margin: 0 20px;
	padding: 0;
}
.intro-social li a, .intro-social li a:visited { color: #FFFFFF; }
.intro-social li a:hover, .intro-social li a:focus { color: #cc005f; }	

@media only screen and (max-width:1024px) {
	.row-centered-intro h1 { font-size: 7.6rem; }
	.intro-social { font-size: 3rem; }
	.intro-social li { margin: 0 15px; 	}
}
@media only screen and (max-width:768px) {
.fullscreen-section { min-height: 660px; }
	.row-centered-intro h1 { font-size: 5.2rem;	}
	.row-centered-intro h5 { font-size: 1.8rem; }
	.row-centered-intro .intro-position { font-size: 1.3rem; }
	.intro-social { font-size: 2.5rem; }
	.intro-social li { margin: 0 10px; }
}
@media only screen and (max-width:900px) {
.fullscreen-section { min-height: 600px; }
	.row-centered-intro h1 { font-size: 4.6rem;margin-bottom: .6rem; }
	.row-centered-intro h5 { font-size: 1.5rem;margin-bottom: .3rem; letter-spacing: .2rem; }
	.row-centered-intro .intro-position { font-size: 1.2rem; }
	.row-centered-intro .intro-position span { padding: 0 .6rem; }
	.row-centered-intro .intro-position span::before, .row-centered-intro .intro-position span::after {
		display: none !important;
	}
	.intro-social { font-size: 2.4rem; }
}

.row-buttons { text-align: center; }
.row-buttons .button { width: 250px; }
.row-buttons [class*="col-"] .button:first-child { margin-right: 4rem; }

@media only screen and (max-width:768px) {
	.row-buttons .button { width: 100%;margin-bottom: 3rem; }
	.row-buttons [class*="col-"] .button:first-child { margin-right: 0; }
}
@-webkit-keyframes sk-bouncedelay {
	0%, 80%, 100% {
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
	}
	40% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}
@keyframes sk-bouncedelay {
	0%, 80%, 100% {
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
	}
	40% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}

table.compact tr td { padding: 2px;line-height: 1.2; }