/* open-sans-regular - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v29-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v29-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v29-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v29-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v29-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v29-latin-ext_latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v29-latin-ext_latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v29-latin-ext_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v29-latin-ext_latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v29-latin-ext_latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v29-latin-ext_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v29-latin-ext_latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v29-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v29-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v29-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v29-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v29-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v29-latin-ext_latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/open-sans-v29-latin-ext_latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v29-latin-ext_latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v29-latin-ext_latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v29-latin-ext_latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v29-latin-ext_latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v29-latin-ext_latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v29-latin-ext_latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v29-latin-ext_latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v29-latin-ext_latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v29-latin-ext_latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v29-latin-ext_latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v29-latin-ext_latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600italic - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/open-sans-v29-latin-ext_latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v29-latin-ext_latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v29-latin-ext_latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v29-latin-ext_latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v29-latin-ext_latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v29-latin-ext_latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/open-sans-v29-latin-ext_latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v29-latin-ext_latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v29-latin-ext_latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v29-latin-ext_latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v29-latin-ext_latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v29-latin-ext_latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800italic - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/open-sans-v29-latin-ext_latin-800italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v29-latin-ext_latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v29-latin-ext_latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v29-latin-ext_latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v29-latin-ext_latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v29-latin-ext_latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

*
{
    margin:0;padding:0;
	
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
}
html,body
{
    height: 100%;
}
header,footer,content
{
   width: 100%; 
}
a {
	color: #788793;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}

div.content
{
	padding-top:10px;
    padding-bottom: 1em;
	text-align: center;
	background-image:url(BG_land.jpg);
	background-position: right;
	background-repeat: no-repeat;
	background-size: cover;
}
header
{
    position: relative;
    z-index:1;
	padding: 28px 0;
	z-index: 100;
	background: white;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.5);
	-moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.5);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.5);
}
header .logo {
	margin-right: auto;
	margin-left: auto;
	max-width: 1280px;

	padding-left: 1em;
}
header .logo img {
	max-width: 360px;
	min-width: 200px;
	width: 90%;
	height: auto;
}

footer
{
  height:5em;
   line-height: 5em;
   text-align:center;
   background-color:#82b718;
}

footer a {
	border: 1px solid #fff;
	color: #fff;
	font-size: 1.5em;
	font-family: inherit;
	font-weight:100;
	text-decoration: none;
	padding: 0 0.2em;
}

.center{
	position:relative;
	display:inline-block;
}

.splogo {
	height: 197px;
	background-size: 197px;
	background-position: center;
	z-index: 100;
	background-image: url(sp-logo.png);
	background-repeat: no-repeat;
}

.circle{
	border-radius:50%;
	border:1.2em solid rgba(255,255,255, 0.6);
	width:15em;
	height:15em;
	display: table;
	text-align:center;
}

.circle p {
	display: table-cell;
	height:100%;
	padding:1em;
	vertical-align:middle;
	text-align:center
	;
}
.circle div{
	width: 100%;
	height: 100%;
	display: table;
	background-color: white;
	border-radius: 50%;
}

.error .splogo{
	background-image:url(sp-logo-shadow.png);
	width:41vh;
	height:41vh;
	position:relative;
	left:50%;
	transform: translate(-50%);
	background-size:41vh;
	
}
.content.error{
	background-image:url(404_bg.jpg);
}
.error .circle {
	font-size:3vh;
	font-weight: 600;
	color:#fff;
	border-color:#82b71860;
}
.error .circle div{
	background-color: #82b718;
}



@media all and (min-width: 650px) and (min-height: 700px) {
	header{
		padding: 45px 0;
	}
	header .logo{
		padding-left: 80px;
	}
	
	.error .splogo {
		width: 21.5vh !important;
		height: 21.5vh !important;
		position: absolute;
		left: 79%;
		top: 87%;
		transform: translate(-50%,-50%);
		background-size: 21.5vh;
		width: 210px;
		height: 210px;
	}
	
	.content{
		text-align:left !important;
		box-sizing:border-box;
		padding-bottom: 5em !important;
		margin-bottom: -5em;
		margin-top: -118px;
		padding-top:118px !important;
		height: 100%;
	}
	
	.circle.right {
		margin-left: -3em;
	}

 	.splogo{
		width:20.5vh !important;
		height:20.5vh !important;
		position: absolute;
		left: 40%;
		top: 50%;
		transform: translate(-50%,-50%);
		background-size:20.5vh;
		width:210px;
		height:210px;
	}
	
	.center{
		display:inline-flex;
		left:50%;
		top:50%;
		transform:translate(-50%,-50%); 
		display: -webkit-inline-box;
	}

	.circle{
		/*width:25em;
		height:25em;*/
		font-size: 2.5vh;
		margin-left:-2em;
	}
	
	.circle.left{
		margin-bottom:11em;
		color: #82b718;
	}
	.circle.right{
		margin-top:11em;
		color:#788793;
	}
}

/*.selector:not(*:root), .center {*/
/*	-webkit-transform: translate(-210px,80px);*/
/*}*/
	

/*****************************************/