@charset "UTF-8";
/* CSS Document */

@import url('../fonts/soc-fonts.css');

html,
body {
	width: 100%;
	height: 100%;
	margin: 0;
	font-family: "soc-Bold", Verdana, sans-serif;
	text-align: center;
	background-color: #DDDDDD;
}
a{
	text-decoration: none;
  color: #000000;
}
ol{
	list-style-type: none;
	width: 100%;
	height: 40px;
	margin: 40px 0 0 0;
	padding: 0;
  text-align: left;
}
li{
	margin: 4px 6px;
	padding: 2px 4px;
  background-color: #eeeeee;
	border: 1px #cccccc solid;
}
#soc-content li{
	margin: 4px 6px;
	padding: 2px 0;
}
li.deskmob{
	text-transform: uppercase;
	background-color: transparent;
	margin: 14px 6px 4px 6px;
	border: none !important;
}
li.tinyli{
	margin: 4px 6px;
	padding: 2px 4px;
  background-color: transparent;
	border: 0px #cccccc solid;
}
li div{
  background-color: #f04d46;
	padding: 6px 12px 2px 12px;
}
#soc-container,
#container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#navi{
	position: absolute;
	top: 0;
	left: 0;
	width: 160px;
	height: 100%;
	background-color: #FFFFFF;
}
#navi li{
  text-align: center;
}
#soc-content,
#content{
	position: relative;
	width: 100%;
  margin: 0 auto;
	background-color: #DDDDDD;
	overflow: hidden;
}
#soc-content{
  width: 350px;
  background-color: transparent;
	overflow: visible;
}
#soc-content a{
  color: #ffffff;
  text-transform: uppercase;
}
#iframe{
	width: 1250px;
	height: 640px;
	background-color: #DDDDDD;
}
.navi-img{
  height: 50px;
  width: auto;
  margin-right: 10px;
}
p.soc-header{
  font-size: 34px;
  text-transform: uppercase;
}
.row{
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
}
.row-i{
	width: 20%;
	padding: 0;
	text-align: right;
}