﻿.loadingdialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #F0F0F0;
	z-index: 99999;
	opacity:1;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: visible;
}

.loadingdialog > div {
	width: 50%;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}
.loadingimg {
	width: 50px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
}
.versionError {
    background-color:red;
    font-style:normal;
    font-size:larger;
    font-weight:bold;
}

section
{
	margin: 0px;
	top: 0px;
	left: 0px;
	width: 100%;
	float: none;
	display: inline-block;
	padding: 0px;
    font-family: "Helvetica Neue",sans-serif;
}

.hidden { display: none;}

.s1 {
     background-color:#efe4fd;
}
.s2{
     background-color:#f8d6ca;
}
.s3{
     background-color:#fef1dd;
}
.s4{
      background-color:#ecfde7;
}
.s5{
    background-color:#fffae8;
}
.s6{
    background-color:#d7e1fd;
}
.s7{
    background-color:#f7eaff;
}
.s8{
      background-color:#e9f8f1;
}
.s9{
     background-color:#d7eaff;
}
.s10{
     background-color:#cbd3e5;
}
.s11{
     background-color:#e4f9ee;
}
.s12{
     background-color:#f9d5ca;
}
.s13{
     background-color:#f9f8f8;
}
.s14{
     background-color:#E3DEF9;
}
.s15{
     background-color:#d3eaee;
}
.s16{
     background-color:#e4f9f6;
}
a { cursor: pointer; color: inherit; text-decoration:none; outline:none;}
a:hover,a.hover { text-decoration: underline; color: red; outline:none;}
a.footer { cursor: pointer;color: red;text-decoration: none;font-size: 16px;outline: none; }
a.footer:hover,a.hover { text-decoration: underline; color: red;outline:none; }

.section-icon {
    width: 80px;
    margin: 2em 15px 10px 36%;
}
content
{
	float: right;
	width: 50%;
	margin: 0px;
	top: 0px;
	left: 0px;
	padding: 0px;
    background-color:white;
    z-index:0;
}
article{
    width:100%;
    margin-bottom:4.5em;
    outline:none;
    overflow-x:hidden;
}
article a{
   color:red;
}
body
{
	margin: 0px;
	top: 0px;
	left: 0px;
	padding: 0px;
    min-width:768px;
}
div
{
	margin: 0px;
	top: 0px;
	left: 0px;
	padding: 0px;
}

.trial-header-cta {
	outline: none;
	padding: 9px 4px !important;
	background-color: #1594d0;
	border: 2px #1594d0 solid;
	font-family: "Helvetica Neue",sans-serif;
	color: #fff !important;
	cursor: pointer;
	font-style: normal;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	behavior: url(/css/border-radius.htc);
}

	.trial-header-cta:hover {
		background-color: #384d97;
		border: 2px #384d97 solid;
		outline: none;
		text-decoration: none;
		color: white !important;
	}

.trial-header {outline:none; background-color: #1594d0; border: 0px #1C77B4 solid; font-family:'Montserrat', sans-serif; padding:7px; padding-top:9px !important; font-size:90% !important; color: white !important; cursor:pointer; letter-spacing:0.01em; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
/*Rounded angles*/-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; behavior: url(/css/border-radius.htc);}
.trial-header:hover {background-color:#1594d0; outline:none;text-decoration:none !important; line-height:1;}

h1{font-size:190%; padding:10px 0 0 0; margin:0 auto; font-weight:bold; background:#F0F0F0; padding-top:60px; padding-bottom:60px; padding-left:1.7em; margin-bottom:35px;
}
h1.kb {margin:0px; padding:0.7em 0px; text-align:center; color:#394750; font-weight:400; font-size:240% !important; background:#F0F0F0;}

h2 {clear:both; margin: 1.2em 20px 20px 20px; padding:3px 35px 5px 0; color:rgb(45,45,45); font-size:140% ; margin-left:50px;}
h3 {margin:1.0em 0 10px 0; padding:0 20px 0 0; color:rgb(45,45,45); font-weight:bold; font-size:140%; margin-left:50px;}
h4 {margin:1.0em 0 10px 0; padding:0 20px 0 0; color:rgb(45,45,45); font-weight:bold; font-size:120%; margin-left:50px;}
.searchbar {background-color:#394750; padding:1em 0px;}
.searchbar .st-default-search-input {width:25%;}
 .searchbar table td {padding: 0px;}
#main
{
	background-color: transparent;
}
.ui-widget-content
{
	margin: 0px;
	top: 0px;
	left: 0px;
	width: 100%;
	float: none;
	display: inline-block;
	padding: 0px;
}
.left {margin-left:50px;}
p {margin:1.0em 0 0 0; color:#394750; line-height:1.8em; padding: 0 20px 0 0; font-size:18px; margin-left:50px;}
p.footer {margin-top:4em;}
ul.index {color:#394750; line-height:1.8em; padding: 0 20px 0 0; font-size:18px; margin-left:50px; background:none; background-color:white; outline:none; font-weight:400;}
ul.index li {background:none; background-color:white;}
ul {color:#394750; line-height:1.8em; padding: 0 20px 0 0; font-size:18px; margin-left:50px;}
ul li {background:url(../../img/checkmark-green-li.png) no-repeat 0 0.5em; padding-left:25px;}
ul.list li {background-image:none !important; padding-left:0px;}
ul.list li::before {content: "\25A0"; color: red; padding-right:10px;font-size:110% !important; position:relative; top:0em; }
ol {color:#394750; line-height:1.8em; padding: 0 20px 0 0; font-size:18px; margin-left:4em; }
ol.dec {list-style-type: decimal; list-style-position: outside; display:table;}
ol.al {list-style-type: lower-alpha; list-style-position: outside; padding-left:15px; margin-left:20px;}

table {font-family: "Helvetica Neue",sans-serif; color:#394750; line-height:1.8em; border:solid 2px rgb(245,245,245); margin-left:50px;font-size:18px;}
table td {height:2.5em; padding:0 20px 0 20px; border:solid 2px rgb(245,245,245); text-align:left; font-weight:normal; vertical-align:middle;}
table tr:nth-child(odd)		{ background-color:#e8e8e8; }
table tr:nth-child(even)	{ background-color:#fafafa; }

table.deeplink {font-family: "Helvetica Neue",sans-serif; color:#394750; line-height:1.8em; border:solid 1px #999; margin-left:50px;font-size:18px; width:800px;}
table.deeplink td {height:2.5em; padding:0 20px 0 20px; border:solid 1px #999; text-align:left; font-weight:normal; vertical-align:middle;}
table.deeplink tr:nth-child(odd)	{ background-color:#fff !important;}
table.deeplink tr:nth-child(even)	{ background-color:#fff !important;}

table.deeplink2 {font-family: "Helvetica Neue",sans-serif; color:#394750; line-height:1.8em; border:solid 1px #999; margin-left:50px;font-size:18px; width:900px;}
table.deeplink2 td {height:2.5em; padding:0 20px 0 20px; border:solid 1px #999; text-align:left; font-weight:normal; vertical-align:middle;}
table.deeplink2 tr:nth-child(odd)	{ background-color:#fff !important;}
table.deeplink2 tr:nth-child(even)	{ background-color:#fff !important;}

table.datacapture {font-family: "Helvetica Neue",sans-serif; color:#394750; line-height:1.8em; border:solid 1px #999; margin-left:50px;font-size:18px; max-width:900px;}
table.datacapture td {height:2.5em; padding:0 20px 0 20px; border:solid 1px #999; text-align:left; font-weight:normal; vertical-align:middle;}
table.datacapture tr:nth-child(odd)	{ background-color:#fff !important;}
table.datacapture tr:nth-child(even){ background-color:#fff !important;}
table.datacapture td img {margin:10px 0px !important;}

@media only screen and (min-width: 700px) and (max-width: 1100px) {
table.datacapture {font-family: "Helvetica Neue",sans-serif; color:#394750; line-height:1.8em; border:solid 1px #999; margin-left:50px; margin-right:10px; font-size:18px; max-width:650px;}
table.datacapture td {height:2.5em; padding:0 20px 0 20px; border:solid 1px #999; text-align:left; font-weight:normal; vertical-align:middle;}
table.datacapture tr:nth-child(odd)	{ background-color:#fff !important;}
table.datacapture tr:nth-child(even){ background-color:#fff !important;}
table.datacapture td img {margin:10px 0px !important;}
}

.img-block {display:block;}
img {clear:both; margin:3em 15px 4em 0;  border:none;}
img.logo {clear:both; margin:0.3em 0 0 0.3em;  border:none;}
img.index {clear:both; margin:15px 15px -23px 0;  border:none;}
.image-1200 {height:1200px; margin-bottom:35px;}
.image-900 {height:900px; margin-bottom:35px;}
.image-800, .image-801  {height:800px; margin-bottom:35px;}
.image-711 {height:711px; margin-bottom:35px;}
.image-706, .image-707 {height:706px; margin-bottom:35px;}
.image-667 {height:667px; margin-bottom:35px;}
.image-640, .image-639 {height:640px; margin-bottom:35px;}
.image-600 {height:600px; margin-bottom:35px;}
.image-588, .image-586, .image-589, .image-587 {height:588px; margin-bottom:35px;}
.image-533 {height:533px; margin-bottom:35px;}
.image-500, .image-501 {height:500px; margin-bottom:35px;}
.image-480 {height:480px; margin-bottom:35px;}
.image-457, .image-456{height:457px; margin-bottom:35px;}
.image-450 {height:450px; margin-bottom:35px;}
.image-400 {height:400px; margin-bottom:35px;}
.image-356 {height:356px; margin-bottom:35px;}
.image-343 {height:343px; margin-bottom:35px;}
.image-333, .image-334 {height:333px; margin-bottom:35px;}
.image-320 {height:320px; margin-bottom:35px;}
.image-300, .image-301 {height:300px; margin-bottom:35px;}
.image-291 {height:291px; margin-bottom:35px;}
.image-286 {height:286px; margin-bottom:35px;}
.image-267 {height:267px; margin-bottom:35px;}
.image-250 {height:250px; margin-bottom:35px;}
.image-233 {height:233px; margin-bottom:35px;}
.image-229 {height:229px; margin-bottom:35px;}
.image-225 {height:225px; margin-bottom:35px;}
.image-213 {height:213px; margin-bottom:35px;}
.image-200, .image-201, .image-202 {height:200px; margin-bottom:35px;}
.image-178 {height:178px; margin-bottom:35px;}
.image-171 {height:171px; margin-bottom:35px;}
.image-160 {height:160px; margin-bottom:35px;}
.image-152 {height:152px; margin-bottom:35px;}
.image-145 {height:145px; margin-bottom:35px;}
.image-139 {height:139px; margin-bottom:35px;}
.image-133 {height:133px; margin-bottom:35px;}
.image-129 {height:129px; margin-bottom:35px;}
.image-128 {height:128px; margin-bottom:35px;}
.image-96 {height:96px; margin-bottom:35px;}
.image-40 {height:40px; margin-bottom:35px;}
.video-content {width:80%; margin-left:50px; display:block;}
.video-content p {max-width:800px; margin-left:0px;}



.header-red-contents {
	display: table-cell;
	width: 100%;
	max-width: 1300px;
	width: 90%;
	margin: 0 auto;
	min-height: 5.8rem;
	font-family: "Helvetica Neue",sans-serif;
	min-width: 900px;
}

.header-red-contents-menu {
	float: right;
	padding-top: 1.2em;
}

.header-red-contents ul { margin: 5px 0 0 0; }

	.header-red-contents ul li {
		display: inline;
		padding: 0px 0 0px 15px;
		background: none;
		font-size: 1.1em !important;
	}

.header-red-contents a {
	color: #333;
	font-weight: 400;
	text-decoration: none !important;
}
@media only screen and (max-width: 1500px) {
	.header-red-contents {
		display: none;
	}
}

.header-red-contents a:hover { color: rgb(205,14,0); }

.header-red-contents a.active { color: rgb(205,14,0) !important; }

.header-red-contents .show-menu { display: none;}

.header-red-contents input[type=checkbox] { display: none; }
.header-table-left-cell {
	display: table-cell;
	float: left;
	width: 300px;
}
.header-table-right-cell {
	display: table-cell;
	float: right;
	width: 310px;
}

.loader {
	display: block;
	position: relative;
	height: 32px;
	width: 150px;
	box-sizing: border-box;
	overflow: hidden;
	border: 2px solid #FFF;
	border-radius: 20px;
}

	.loader:before {
		content: '';
		position: absolute;
		left: 0;
		bottom: 2px;
		width: 24px;
		height: 24px;
		border-radius: 50%;
		background: #FF3D00;
		animation: ballbns 3s ease-in-out infinite;
	}

@keyframes ballbns {
	0% {
		left: 0;
		transform: translateX(0%);
		box-shadow: -5px 0 0 -1px rgba(255, 61, 0, 0.9), -10px 0 0 -2px rgba(255, 61, 0, 0.8), -15px 0 0 -4px rgba(255, 61, 0, 0.6), -20px 0 0 -6px rgba(255, 61, 0, 0.4), -25px 0 0 -8px rgba(255, 61, 0, 0.2);
	}

	49% {
		left: 100%;
		transform: translateX(-100%);
		box-shadow: -5px 0 0 -1px rgba(255, 61, 0, 0.9), -10px 0 0 -2px rgba(255, 61, 0, 0.8), -15px 0 0 -4px rgba(255, 61, 0, 0.6), -20px 0 0 -6px rgba(255, 61, 0, 0.4), -25px 0 0 -8px rgba(255, 61, 0, 0.2);
	}

	51% {
		left: 100%;
		transform: translateX(-100%);
		box-shadow: 5px 0 0 -1px rgba(255, 61, 0, 0.9), 10px 0 0 -2px rgba(255, 61, 0, 0.8), 15px 0 0 -4px rgba(255, 61, 0, 0.6), 20px 0 0 -6px rgba(255, 61, 0, 0.4), 25px 0 0 -8px rgba(255, 61, 0, 0.2);
	}

	100% {
		left: 0;
		transform: translateX(0%);
		box-shadow: 5px 0 0 -1px rgba(255, 61, 0, 0.9), 10px 0 0 -2px rgba(255, 61, 0, 0.8), 15px 0 0 -4px rgba(255, 61, 0, 0.6), 20px 0 0 -6px rgba(255, 61, 0, 0.4), 25px 0 0 -8px rgba(255, 61, 0, 0.2);
	}
} 