/* DEFAULT CSS */html{	height: 100%;	width:100% !important;	overflow: hidden;	-webkit-tap-highlight-color: rgba(0,0,0,0);}body{	font-family: 'Helvetica Neue', Arial, sans-serif;	height: 100%;	overflow: hidden;	color:#333;	-webkit-perspective: 1500px; /* Chrome, Safari, Opera */	perspective: 1500px;	position: static !important;}header{	padding:30px;	position: relative;	z-index: 30;	width:80%;}header h1, .header h1{	background-repeat: no-repeat;	background-size: auto 100%;	height:50px;	opacity: 0;}img {	-webkit-user-select: none;	-khtml-user-select: none;	-moz-user-select: none;	-o-user-select: none;	user-select: none;}.browser header h1{	opacity: 1;}.ui-button{	display: block;	width:30px; height: 30px;	margin:1px;	opacity: 0;}.mobile a .ui-button-icon{	background: none !important;}#module{	width: 80%;	margin:0 10%;	position: relative;	opacity: 0;	-webkit-transform: translate3d(0, 120%, 0) rotateX(-500deg) scale(0.55);	   -moz-transform: translate3d(0, 120%, 0) rotateX(-500deg) scale(0.55);	    -ms-transform: translate3d(0, 120%, 0) rotateX(-500deg) scale(0.55);	     -o-transform: translate3d(0, 120%, 0) rotateX(-500deg) scale(0.55);	        transform: translate3d(0, 120%, 0) rotateX(-500deg) scale(0.55);	-webkit-transition: -webkit-transform .5s ease-in-out;	   -moz-transition: -moz-transform .5s ease-in-out;	    -ms-transition: -ms-transform .5s ease-in-out;	     -o-transition: -o-transform .5s ease-in-out;	        transition: transform .5s ease-in-out;}.module-slider-v #module{	width: auto;	height: 80%;}#module, .module-rotate{	-webkit-transform-origin:(50%, 50%, 0);	transform-origin:(50%, 50%, 0);}#module, #module *{	pointer-events:none;}#module .module-slider-slider img, #module .module-slice-slice{	pointer-events:auto;}.module-slider{	width: 100%;	position: relative;}.module-slider #module img{	position: absolute;	width: 100%;}.module-slider-v #module img{	position: absolute;	height: 100%;	width: auto;}.module-slice #module img{	position: absolute;}.module-slice .module-container{	margin:0 auto;}.module-slice-slice{	position: absolute;	top: 0;	left:0;}.module-slice .module-rotate{	position:relative;}#module-info-container{	position: fixed;	overflow-x:hidden;	overflow-y:scroll;	-webkit-overflow-scrolling: touch;	top:0; left: 0;	width: 100%;	height:100%;	z-index: 50;	display: none;	-webkit-transition: background-color .25s ease-in-out;   -moz-transition: background-color .25s ease-in-out;    -ms-transition: background-color .25s ease-in-out;     -o-transition: background-color .25s ease-in-out;        transition: background-color .25s ease-in-out;}.show-info #module-info-container{	display: block;	}#module-info, .hide-info #module-info{	top:0;	background-color: #FFF;		-webkit-transform: translate(0,200px);	   -moz-transform: translate(0,200px);	    -ms-transform: translate(0,200px);	     -o-transform: translate(0,200px);	        transform: translate(0,200px);	opacity: 0;	-webkit-transition: all.5s cubic-bezier(.35,0,.4,1);	   -moz-transition: all.5s cubic-bezier(.35,0,.4,1);	    -ms-transition: all.5s cubic-bezier(.35,0,.4,1);	     -o-transition: all.5s cubic-bezier(.35,0,.4,1);	        transition: all.5s cubic-bezier(.35,0,.4,1);}.show-info #module-info{	opacity: 1;}#module-info header h2{	font-size: 28px;	font-weight: 500;	margin-bottom: 7px;}#module-info header h3{	font-size: 14px;	font-weight: 500;	color:#999999;}#module-info article{	min-height: 420px;}#module-info article p{	font-size: 15px;	line-height: 22px;	margin-bottom: 24px;}.download-section{	margin-top: 50px;}.download-button{	width:160px;	background-color: #333;	font-size: 14px;	font-weight: 500;	padding: 7px 36px 10px 50px;	text-decoration: none;	color:#DDD;	background-image: url('../svg/pdf_icon.svg');	background-repeat: no-repeat;	background-size: 26px 24px;	background-position: 5px;	-webkit-transition: color .25s ease-in;	   -moz-transition: color .25s ease-in;	    -ms-transition: color .25s ease-in;	     -o-transition: color .25s ease-in;	        transition: color .25s ease-in;}.download-button:hover{	color:#FFF;}#module-info aside h4{	font-weight: 500;	margin-bottom: 14px;}#module-info aside p{	margin-bottom: 20px;}.close-button{	display: block;	width: 30px;	height: 30px;	background-color: #333;	position: absolute;	top:20px; right: 20px;}.close-button polygon{	fill:#DDD;	-webkit-transition: fill .25s ease-in;	   -moz-transition: fill .25s ease-in;	    -ms-transition: fill .25s ease-in;	     -o-transition: fill .25s ease-in;	        transition: fill .25s ease-in;}.close-button:hover polygon{	fill:#FFF;}.link-contact{	color:#999;	-webkit-transition: color .25s ease-in;	   -moz-transition: color .25s ease-in;	    -ms-transition: color .25s ease-in;	     -o-transition: color .25s ease-in;	        transition: color .25s ease-in;}.link-contact:hover{	color:#333;}.icon-help-list{	margin-bottom: 50px;}.icon-help-list li{	clear: both;}.icon-help-list li p{	float: left;	width: 240px;	margin:0px;}.icon-help-list p{	padding-top: 3px;}.icon-help-icon{	float:left;	margin-right: 10px;}.icon-help-icon path{	fill:#333;}footer{	font-size: 12px;	padding: 0 30px 50px;		position: absolute;	z-index: 30;	right:0; bottom: 0;}footer p, footer a{	float:left;}footer a{	margin-left: 14px;	text-decoration: none;}footer a:hover{	text-decoration: underline;}@media (max-width : 800px) {	body>aside{	position: absolute;	z-index: 35;	bottom:0;	width: 100%;	height: 50px;	}	.button-group{		position: absolute;		z-index: 10;		bottom:0px;	}		.ui-buttons li{		display:inline-block;	}	.ui-button{		width: 40px; height: 40px;	}	#button-group-usage{		left:10px;	}	#button-group-general{		right:10px;	}	#button-group-usage a .ui-button-icon, #button-group-general a .ui-button-icon{		background:none;	}	#module{		width: 80%;		margin:0 10%;	}	#module-info{		color:#111;		width:100%;		margin:0;	}	.show-info #module-info{		-webkit-transform: translate(0,0);		   -moz-transform: translate(0,0);		    -ms-transform: translate(0,0);		     -o-transform: translate(0,0);		        transform: translate(0,0);	}	#module-info header{		width:80%;		padding:20px 15% 20px 5%;		pointer-events:none;	}	#module-info header h2{		font-size: 20px;		font-weight: 500;		margin:12px auto 7px;	}	#module-info article{		width: 90%;		padding: 0 5% 64px;		min-height: 0;	}	#module-info article img{		width:100%;		height:auto;		margin-bottom: 20px;	}	#module-info aside{		font-size: 14px;		line-height: 20px;		width:90%;		padding:12px 5% 120px;	}	footer{		width:90%;		padding: 0 5% 50px;	}	#preloader{		padding-top: 40%;	}}@media (min-width : 801px) {	.button-group{		position: absolute;		z-index: 10;		right:30px;	}	#button-group-usage{		top:30px;	}	#button-group-general{		bottom:100px;	}	#module-info{		color:#333;		width:900px;		margin:0 auto 60px;	}	.show-info #module-info{		-webkit-transform: translate(0,80px);		   -moz-transform: translate(0,80px);		    -ms-transform: translate(0,80px);		     -o-transform: translate(0,80px);		        transform: translate(0,80px);	}	.hide-info #module-info{		-webkit-transform: translate(0,-20px);		   -moz-transform: translate(0,-20px);		    -ms-transform: translate(0,-20px);		     -o-transform: translate(0,-20px);		        transform: translate(0,-20px);		opacity: 0;	}	#module-info header{		width:460px;		padding:50px 40px;	}	#module-info article{		width: 460px;		padding:0 40px 120px;	}	#module-info article img{		width: 460px;		height: auto;		margin-bottom: 24px;	}		#module-info aside{		font-size: 14px;		line-height: 20px;		width: 280px;		padding:150px 40px 50px;		position: absolute;		top:0; right: 0;	}	#preloader{		padding-top: 20%;		display: none;	}}  @media (min-width : 1024px) {	} #preloader p{	text-align: center;	font-size: 12px;	margin-top: 50px;}.preloader-module-slide .preloader-graphic{	width: 80px;	height: 40px;	overflow: hidden;	margin: 0 auto;	-webkit-transform: rotate(-45deg);	   -moz-transform: rotate(-45deg);	    -ms-transform: rotate(-45deg);	     -o-transform: rotate(-45deg);	        transform: rotate(-45deg);}.preloader-module-slice .preloader-graphic{	width:80px;	height: 80px;	position: relative;	margin:0 auto;}.preloader-graphic .preloader-static{	position: absolute;	top:0;}.preloader-module-slide .preloader-movable{		top:8px;	animation-name: preload-slider-loop;	animation-duration: 1s;	animation-iteration-count: infinite;	-webkit-animation-name: preload-slider-loop;	-webkit-animation-duration: 1s;	-webkit-animation-iteration-count: infinite;	-moz-animation-name: preload-slider-loop;	-moz-animation-duration: 1s;	-moz-animation-iteration-count: infinite;	-ms-animation-name: preload-slider-loop;	-ms-animation-duration: 1s;	-ms-animation-iteration-count: infinite;}@keyframes preload-slider-loop{	0%{ transform: translate(-10px, 8px); }	50%{ transform: translate(-10px, 8px); }	100%{ transform: translate(0px, 8px); }}@-webkit-keyframes preload-slider-loop{	0%{ -webkit-transform: translate(-10px, 8px); }	50%{ -webkit-transform: translate(-10px, 8px); }	100%{ -webkit-transform: translate(0px, 8px); }}@-moz-keyframes preload-slider-loop{	0%{ -moz-transform: translate(-10px, 8px); }	50%{ -moz-transform: translate(-10px, 8px); }	100%{ -moz-transform: translate(0px, 8px); }}@-ms-keyframes preload-slider-loop{	0%{ -ms-transform: translate(-10px, 8px); }	50%{ -ms-transform: translate(-10px, 8px); }	100%{ -ms-transform: translate(0px, 8px); }}.preloader-module-slice .preloader-movable{	top:0;	animation-name: preload-slice-loop;	animation-duration: 1s;	animation-iteration-count: infinite;	-webkit-animation-name: preload-slice-loop;	-webkit-animation-duration: 1s;	-webkit-animation-iteration-count: infinite;	-moz-animation-name: preload-slice-loop;	-moz-animation-duration: 1s;	-moz-animation-iteration-count: infinite;	-ms-animation-name: preload-slice-loop;	-ms-animation-duration: 1s;	-ms-animation-iteration-count: infinite;}@keyframes preload-slice-loop{	0%{ transform: rotate(0deg); }	50%{ transform: rotate(0deg); }	100%{ transform: rotate(45deg); }}@-webkit-keyframes preload-slice-loop{	0%{ -webkit-transform: rotate(0deg); }	50%{ -webkit-transform: rotate(0deg); }	100%{ -webkit-transform: rotate(45deg); }}@-moz-keyframes preload-slice-loop{	0%{ -moz-transform: rotate(0deg); }	50%{ -moz-transform: rotate(0deg); }	100%{ -moz-transform: rotate(45deg); }}@-ms-keyframes preload-slice-loop{	0%{ -ms-transform: rotate(0deg); }	50%{ -ms-transform: rotate(0deg); }	100%{ -ms-transform: rotate(45deg); }}img{	pointer-events:none;}.hidden{ display: none; }*{-webkit-backface-visibility: hidden;}/* TRANSITIONS */#module{	-webkit-transition: opacity .5s ease-in;	   -moz-transition: opacity .5s ease-in;	    -ms-transition: opacity .5s ease-in;	     -o-transition: opacity .5s ease-in;	        transition: opacity .5s ease-in;}a .ui-button-icon{	-webkit-transition: background-color .25s ease-in;	   -moz-transition: background-color .25s ease-in;	    -ms-transition: background-color .25s ease-in;	     -o-transition: background-color .25s ease-in;	        transition: background-color .25s ease-in;}#browser-list .header{	position: static;	padding:30px 0px;}#browser-list img{	height: 50px;	width: auto;}#browser-list{	width:400px;	margin:140px auto;	color:#333;	line-height: 21px;}#browser-list-list{	margin: 24px 6px;}#browser-list-list li{	margin-bottom: 6px;}noscript{	display: block;	background: #F00;	padding:24px 24px 48px;	color:#FFF;	width: 400px;	margin:140px auto;}noscript h1{	margin-bottom: 12px;	font-weight: bold;}#webapp-info{	width: 100%;	position: fixed;	z-index: 49;	top:0;	margin:0 auto;}#webapp-info:-webkit-full-screen{	display:none;}#webapp-info div{	display: none;	width: 100%;	max-width: 600px;	margin:0 auto;	padding:8px;	background-color: #FFF;	font-size: 12px;	line-height: 16px;	color:#333;}#webapp-info.ios div{	background-image: url('../png/icon_webapp_ios.png');	background-size: 30px 30px;	background-position: 6px center;	background-repeat: no-repeat;	padding-left: 42px;	color:#3170FD;} body{ color:#45a5d5;}html{ background: #cdeb8e; /* Old browsers */					 background: -moz-linear-gradient(top, #181724 0%, #5a5a63 100%); /* FF3.6+ */					 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#181724), color-stop(100%,#5a5a63)); /* Chrome,Safari4+ */					 background: -webkit-linear-gradient(top, #181724 0%,#5a5a63 100%); /* Chrome10+,Safari5.1+ */					 background: -o-linear-gradient(top, #181724 0%,#5a5a63 100%); /* Opera 11.10+ */					 background: -ms-linear-gradient(top, #181724 0%,#5a5a63 100%); /* IE10+ */					 background: linear-gradient(to bottom, #181724 0%,#5a5a63 100%); /* W3C */					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#181724, endColorstr=#5a5a63,GradientType=0 ); /* IE6-9 */ } header h1{ background-image: url('../../files/d31138a08bd6402933f066a5675ecbac5f5f4bde527ef_logo.png'); } a .ui-button-icon path{ fill: #45a5d5; } a .ui-button-icon{ background-color: rgba(69, 165, 213, .5);} a:hover .ui-button-icon{ background-color: rgba(69, 165, 213, 0); } footer a{ color:#45a5d5; } #preloader #Path{ fill: #45a5d5; } .show-info #module-info-container{ background-color: rgba(246,246,246,0.75); } .browser *{ color: #45a5d5; }