* { margin: 0; padding: 0; -webkit-overflow-scrolling: touch; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-size: 14px; color: #424e55; font-family:  'Open Sans',Verdana,Helvetica,Arial,sans-serif; };
body { min-width: 320px; -webkit-text-size-adjust:none; }

h1   { font-size: 2.0rem; font-weight: 500; margin-top: 20px; margin-bottom: 30px; } /* 28px */
h2   { font-size: 1.8rem; font-weight: 500; margin-top: 10px; margin-bottom: 25px; } /* 24px */
h3   { font-size: 1.6rem; font-weight: 400; margin-bottom: 20px; } /* 20px */
h4   { font-size: 1.4rem; font-weight: 400; margin-bottom: 15px; } /* 18px */
h5   { font-size: 1.3rem; font-weight: 400; margin-bottom: 10px; } /* 13px */
h6   { font-size: 1.2rem; margin-bottom: 10px; } /* 14px */
h7   { font-size: 0.9rem; margin-bottom: 10px; font-weight: bold; } /* 14px */

.font9  { font-size: 0.9rem; } /*  9px */
.font10 { font-size: 1.0rem; } /* 10px */
.font12 { font-size: 1.2rem; } /* 12px */
.font14 { font-size: 1.4rem; } /* 14px */

p { font-size: 1.0rem; line-height: normal; margin-bottom: 1.0rem; } /* 14px */
div { font-size: 1.0rem; } /* 14px */
table tr th { font-size: 1.2rem; } /* 14px */
table tr td { font-size: 1.0rem; } /* 14px */
tt { font-size: 1.0rem; } /* 14px */

.main { top: 50px; }

a { color: #457cb3; }
:focus,
:active { outline:none; }
img { border:0; max-width: 100%; position: relative; vertical-align: top; }

li { position: relative; list-style:none; }

header, main, nav, section, article, aside, footer {
	display:block;
	position: relative;
}

.clr:after { clear: both; content: ''; display: table; }
.clear { clear: both; }
.center { position: relative; max-width:1014px; margin: auto; }

.inthis { position: relative; text-align:center; vertical-align: middle; width:100%; }
.block { position: relative; display:inline-block; text-align:center; vertical-align: middle; }/**/
.blockint { position: relative; display:inline-block; text-align:center; vertical-align: middle; }
#int_block_1, #int_block_2, #int_block_3, #int_block_4, #int_block_5, #int_block_6 { top: 0; }

.w145 { width: 145px; }
.w104 { width: 104px; }
.w194 { width: 194px; }
.w172 { width: 172px; }
.w120 { width: 120px; }
.mt-20 { margin-top: 20px; }
.mt-45 { margin-top: 45px; }
.mr-10 { margin-right: 10px; }
.mb-10 { margin-bottom: 10px; }
.mb-20 { margin-bottom: 20px; }

.hidden { overflow: hidden; }

/* btn
-----------------------------------------------------------------------------*/
.btn { display:inline-block; cursor: pointer; text-align: center; padding:0 20px; height: 46px; position: relative; color: #fff; white-space: nowrap; background: #ff8700; text-decoration: none; text-transform: uppercase; }
.btn:hover { background: #ff7000; }

.button { display:inline-block; cursor: pointer; text-align: center; padding: 7px 25px; height: 30px; position: relative; color: #fff; white-space: nowrap; background: #ff8700; text-decoration: none; font-size: 1.0rem; }
.button:hover { background: #ff7000; }

/* ico
-----------------------------------------------------------------------------*/
.hide { display:none; }
.notsel { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; }

.pointer { cursor: pointer; }

.opacity-0 { opacity: 0; }
.opacity-1 { opacity: 1; transition: opacity 1s; }

.pull-left { float: left; }
.pull-right { float: right; }
.clear-both { clear: both; }
.w100p { width: 100%; }
.w50 { width: 50px; }
.w100 { width: 100px; }

.scroolbarwidth { width:100px; height:100px; overflow:scroll; position: absolute; top: -200px; left: 0; }
.scroolbarwidth p { height:100px; }

.bordernone			{border:none; }
.border999 			{ border:1px solid #999999; }
.borderCCC 			{ border:1px solid #CCCCCC; }
.borderECECEC 		{ border:1px solid #ECECEC; }
.borderBottomECECEC { border-bottom:1px solid #ECECEC; }
.border-lightblue-10px { border:10px solid #F1F7F9; padding:10px; margin-bottom:10px; }
.border-lightblue-20px { border:20px solid #F1F7F9; padding:0 10px; margin-bottom:20px; }
.bg-color-lightblue { background-color: #F1F7F9; }

/* DOS
-----------------------------------------------------------------------------*/
.dos { background-color: #F7F7F9; border: 1px solid #E1E1E8; margin:20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:14px; padding:10px; }
.dos code{ white-space:normal; font-family: Menlo, Monaco, "Courier New", monospace; color:#222; font-size:14px; }
.dos pre code{ white-space:pre-wrap; font-family: Menlo, Monaco, "Courier New", monospace; padding:1px 4px; color:#222; background-color: #F7F7F9; border: 1px solid #E1E1E8; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:14px; }
.dos pre{ word-break: break-all; overflow-y: hidden; overflow-x: auto; font-size:14px; }

/* DOWNLOAD
-----------------------------------------------------------------------------*/
.downloadTable		{background-color: #FFFFFF; border: 1pt solid #455464; border-collapse:collapse; }
.downloadTable th	{background-color: #F1F7F9; border: 1pt solid #455464; font-size: 0.9rem; padding: 3px; }
.downloadTable td	{border: 1pt solid #455464; margin-top: 5px; margin-bottom: 5px; padding: 3px; }

/* PLATFORM
------------------------------------------------------------------------------*/
section > ul { font-size: 1.0rem; list-style-position:inside; margin-left: 20px; padding-left: 20px; line-height: 20px; }
section > ul li { list-style-type: disc; list-style-position:inside; }
section > ul ul { font-size: 1.0rem; list-style-type: circle; margin-left: 20px; padding-left: 20px; }
section > ul ul li { list-style-type: circle; }

/* SOLUTIONS
------------------------------------------------------------------------------*/
.boxprice {  background-color: #F1F7F9; padding:15px; width:200px; height:180px; color: #465463;  border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; }
.integrations { height: 260px; }

/* NEWS 
------------------------------------------------------------------------------*/
.eventlist {}
.eventlist div { margin-bottom: 15px;}
.eventlist div img {vertical-align:middle;}
.eventlist div a {color:#666;}

.caselist {width:100%;}
.caselist tr {vertical-align:top;}
.caselist tr th {width:180px; padding-right: 50px; padding-bottom: 30px; text-align: left;}
.caselist tr td {padding-bottom: 30px;}
.caselist img {background:none; border:none;}

/* SUPPORT
------------------------------------------------------------------------------*/
.boxheight { height: 250px; }
#inline-list > ul { font-size: 1.0rem; list-style-position:inside; margin-left: 20px; padding-left: 20px; line-height: 20px; }
#inline-list > ul li { list-style-type: disc; list-style-position:inside; }
#inline-list > ul ul { font-size: 1.0rem; list-style-type: circle; margin-left: 20px; padding-left: 20px; }
#inline-list > ul ul li { list-style-type: circle; }
