body, input, textarea, select, button {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';
}


p {margin-bottom: 1.3em;}

strong {
	font-weight:bold;
}

h1, h2, h3, h4 {
  margin: 1.414em 0 0.5em;
  font-weight: inherit;
  line-height: 1.4em;
}

h1 {
  margin-top: 0;
  font-size: 3.998em;
}

h2 {font-size: 2.827em;}

h3 {font-size: 1.999em;}

h4 {font-size: 1.414em;}


[data-color="0"] > div {
	color:#000000;
}

[data-color="1"] > div {
	color:#ffffff;
}

.table {
	display:table;
	width:100%;
}

.tr {
	display:table-row;
}

.td {
	display:table-cell;
	vertical-align:middle;
}

.realsite {
  font-family: 'Times', serif;
  font-weight: 400;
  line-height: 1.5;
  color: #333;
  font-size:14pt;
}


small, .font_small, .small {
	font-size: 0.707em;
}

.big {
	font-size:1.2em;
}

.medium {
	font-size:0.9em;
}

.uppercase {
	text-transform:uppercase;
	letter-spacing:2px;
}

.selected {
	margin-left:40px;
	position:relative;	
}

.selected:before {
	content:'';
	width:2px;
	position:absolute;
	top:0;
	left:-40px;
	bottom:0;
}

.cite {
	margin-left:40px;
	position:relative;	
}

.cite:before {
	content:'"';
	position:absolute;
	top:0;
	font-size:40px;
	font-family:Arial;
	left:-40px;
}


.cite + .cite:before {
	display:none;	
}

.realsite [data-color="0"] .selected:before {
	background:#000000;
}

.realsite [data-color="1"] .selected:before {
	background:#ffffff;
}

.block {
	margin:0;
	padding:0;
	background:top center no-repeat;
	background-size:cover;
	position:relative;
	box-sizing:border-box;
	width:100%;
}

.block.automatic {
	height:100vh;
	overflow:hidden;
}

.block.automatic > .table {
	height:100vh;
}

.table {
	display:table;
	width:100%;
}

.tr {
	display:table-row;
}

.td {
	display:table-cell;
	vertical-align:middle;
}

.inlineblock {
	display:inline-block;
	width:100%;
}

[data-height="auto"] .inlineblock {
	display:block;
}

.bgholder {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow:hidden;
	z-index:1;
	background:cetner center no-repeat;
	background-size:cover;
}

.bgholder2 {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow:hidden;
	z-index:2;
	background:cetner center no-repeat;
	background-size:cover;
}

.filter_ver {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow:hidden;
	z-index:3;
}

.filter_hor {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow:hidden;
	z-index:4;
}

.stdcontent {
	z-index:5;
	position:relative;
}

.bg {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background:center center no-repeat;
	background-size:cover;
}

@media (min-width: 768px) {
	.bg[data-bg-fixed] {
		background-attachment:fixed;
	}
}

.button, button {
  display:inline-block;
  min-width: 170px;
  height: 48px;
  line-height:44px;
  white-space:nowrap;
  text-align:center;
  box-sizing:border-box;
  padding:0 24px;
  border:2px solid transparent;
  border-radius:24px 24px 24px 24px;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:14px;
  cursor:pointer;
  transition:background-color 0.5s;
  text-decoration:none;
}

.button, button, .button.blue, button.blue {
  color:#ffffff;
  background-color: rgb(0, 153, 255);
}

.button:hover, button:hover, .button.blue:hover, button.blue:hover {
    background-color:#76c8ff;
}

.button.wire.blue, button.wire.blue {
    border-color:rgb(0, 153, 255);
    color:rgb(0, 153, 255);
    background-color:transparent;
}

.button.wire.blue:hover, button.wire.blue:hover {
    background-color:rgb(0, 153, 255);
    color:#ffffff;
    border-color:transparent;
}

.primitives.buttons a.button.black {
	font-size:14px;
	text-transform:uppercase;
	font-weight:700;
	letter-spacing:2px;
	color:#ffffff;
	background:#1c1c1c;
	line-height:14px;
	height:50px;
	padding:18px 50px;
	text-decoration:none;
	border-radius:0;
}

.primitives.buttons a.button.black:hover {
	background-color:#323232;
}

.button.wire,
.button.wire.black,
button.wire,
button.wire.black,
[data-color="0"] .button.wire, 
[data-color="0"] button.wire {
    color:#000000;
    border-color:#000000;
    background-color:transparent;
}
.button.wire:hover,
.button.wire.black:hover,
button.wire:hover,
button.wire.black:hover,
[data-color="0"] .button.wire:hover, 
[data-color="0"] button.wire:hover {
    background-color:rgba(0,153,255,0.2);
}


.button.wire.white,
button.wire.white,
[data-color="1"] .button.wire,
[data-color="1"] button.wire {
    color:#ffffff;
    border-color:#ffffff;
    background-color:transparent;
}

.button.wire.white:hover,
button.wire.white:hover,
[data-color="1"] .button.wire:hover, 
[data-color="1"] button.wire:hover {
    background-color:rgba(256,256,256,0.2);
}


.primitives.buttons {
	text-align:center;
}

.primitives.buttons a.button {
	display:inline-block;
	width: auto;
	height: 48px;
	line-height:44px;
	white-space:nowrap;
	text-align:center;
	box-sizing:border-box;
	padding:0 24px;
	border:2px solid transparent;
  	overflow:hidden;
  	text-overflow:ellipsis;
  	font-size:14px;
  	cursor:pointer;
  	transition:all 0.5s;
  	text-decoration:none;
	margin:0 1em;
}

.primitives.buttons a.button.round {
  border-radius:24px 24px 24px 24px;
}

.primitives.buttons a.button.rect {
  border-radius:0px 0px 0px 0px;
}

.primitives.buttons a.button.blue {
  color:#ffffff;
  background-color: rgb(0, 153, 255);
}

.primitives.buttons a.button.blue:hover {
    background-color:#76c8ff;
}

[data-color="0"] .primitives.buttons a.button.chameleon {
  color:#ffffff;
  background-color:#000000;
}

[data-color="0"] .primitives.buttons a.button.chameleon:hover {
  color:#ffffff;
  background-color:#000000;
}

[data-color="1"] .primitives.buttons a.button.chameleon {
  color:#000000;
  background-color:#ffffff;
}

[data-color="1"] .primitives.buttons a.button.chameleon:hover {
  color:#000000;
  background-color:#ffffff;
}

[data-color="0"] .primitives.buttons a.button.wire {
  color:#000000;
  background-color:rgba(255,255,255,0.1);
  border-color:#000000;
}

[data-color="0"] .primitives.buttons a.button.wire:hover {
  color:#000000;
  background-color:rgba(255,255,255,1);
  border-color:#000000;
}

[data-color="1"] .primitives.buttons a.button.wire {
  color:#ffffff;
  background-color:rgba(0,0,0,0.1);
  border-color:#ffffff;
}

[data-color="1"] .primitives.buttons a.button.wire:hover {
  background-color: rgba(256, 256, 256, 0.2);
}

[data-color="1"] .primitives.buttons a.button.chameleon:hover {
  color:#ffffff;
  background-color:rgba(0,0,0,1);
  border-color:#ffffff;
}

.initnone {display:none;}

@media (max-width:768px){
	[data-show-only="2"] {
		display:none !important;
	}
}

@media (min-width:768px){
	[data-show-only="3"] {
		display:none !important;
	}
}