/* ==========================================================================
  normilize.css v1.1
========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden] {
  display: none; }

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

html, button, input, select, textarea {
  font-family: sans-serif;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }

body {
  margin: 0;}

a:focus {
  outline: thin dotted; }

a:active, a:hover {
  outline: 0; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

h2 {
  font-size: 1.5em;
  margin: 0.83em 0; 
  color: #444;}

h3 {
  font-size: 1.17em;
  margin: 1em 0; }

h4 {
  font-size: 1em;
  margin: 1.33em 0; }

h5 {
  font-size: 0.83em;
  margin: 1.67em 0; }

h6 {
  font-size: 0.67em;
  margin: 2.33em 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

dfn {
  font-style: italic; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

mark {
  background: #ff0;
  color: #000; }

p, pre {
  margin: 1em 0; }

code, kbd, pre, samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: none; }

q:before, q:after {
  content: '';
  content: none; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

dl, menu, ol, ul {
  margin: 1em 0; }

dd {
  margin: 0 0 0 40px; }

menu, ol, ul {
  padding: 0 0 0 40px; }

nav ul, nav ol {
  list-style: none;
  list-style-image: none; }

img {
  border: 0;
  -ms-interpolation-mode: bicubic; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

form {
  margin: 0; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px; }

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle; }

button, input {
  line-height: normal; }

button, select {
  text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
  *overflow: visible; }

button[disabled], html input[disabled] {
  cursor: default; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

table {
/*
  border-collapse: collapse;
*/
  border-spacing: 0; }

/* ==========================================================================
    helpers
========================================================================== */
.ir {
  overflow: hidden;
  border: 0;
  background-color: transparent;
  *text-indent: -9999px; }

.ir:before {
  display: block;
  width: 0;
  height: 100%;
  content: ""; }

.hidden {
  display: none !important;
  visibility: hidden; }

.visuallyhidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0; }

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  position: static;
  overflow: visible;
  clip: auto;
  margin: 0;
  width: auto;
  height: auto; }

.invisible {
  visibility: hidden; }

.clearfix:before, .clearfix:after {
  display: table;
  content: " "; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

.clear {
  display: block;
  clear: both;
  width: 100%; }

/* =============================================================================
   space.css
   
   p,m = padding, margin
   t,r,b,l,h,v = top, right, bottom, left, horizontal, vertical
   0, 5, 10, 20 = 0px, 5px, 10px, 20px 
   ========================================================================== */
.p0 {
  padding: 0 !important; }

.p5 {
  padding: 5px !important; }

.p10 {
  padding: 10px !important; }

.p20 {
  padding: 20px !important; }

.pt0, .pv0, .pa0 {
  padding-top: 0px !important; }

.pt5, .pv5, .pa5 {
  padding-top: 5px !important; }

.pt10, .pv10, .pa10 {
  padding-top: 10px !important; }

.pt20, .pv20, .pa20 {
  padding-top: 20px !important; }

.pr0, .ph0, .pa0 {
  padding-right: 0px !important; }

.pr5, .ph5, .pa5 {
  padding-right: 5px !important; }

.pr10, .ph10, .pa10 {
  padding-right: 10px !important; }

.pr20, .ph20, .pa20 {
  padding-right: 20px !important; }

.pb0, .pv0, .pa0 {
  padding-bottom: 0px !important; }

.pb5, .pv5, .pa5 {
  padding-bottom: 5px !important; }

.pb10, .pv10, .pa10 {
  padding-bottom: 10px !important; }

.pb20, .pv20, .pa20 {
  padding-bottom: 20px !important; }

.pl0, .ph0, .pa0 {
  padding-left: 0px !important; }

.pl5, .ph5, .pa5 {
  padding-left: 5px !important; }

.pl10, .ph10, .pa10 {
  padding-left: 10px !important; }

.pl20, .ph20, .pa20 {
  padding-left: 20px !important; }

.m0 {
  margin: 0 !important; }

.m5 {
  margin: 5px !important; }

.m10 {
  margin: 10px !important; }

.m20 {
  margin: 20px !important; }

.mt0, .mv0, .ma0 {
  margin-top: 0px !important; }

.mt5, .mv5, .ma5 {
  margin-top: 5px !important; }

.mt10, .mv10, .ma10 {
  margin-top: 10px !important; }

.mt20, .mv20, .ma20 {
  margin-top: 20px !important; }

.mr0, .mh0, .ma0 {
  margin-right: 0px !important; }

.mr5, .mh5, .ma5 {
  margin-right: 5px !important; }

.mr10, .mh10, .ma10 {
  margin-right: 10px !important; }

.mr20, .mh20, .ma20 {
  margin-right: 20px !important; }

.mb0, .mv0, .ma0 {
  margin-bottom: 0px !important; }

.mb5, .mv5, .ma5 {
  margin-bottom: 5px !important; }

.mb10, .mv10, .ma10 {
  margin-bottom: 10px !important; }

.mb20, .mv20, .ma20 {
  margin-bottom: 20px !important; }

.ml0, .mh0, .ma0 {
  margin-left: 0px !important; }

.ml5, .mh5, .ma5 {
  margin-left: 5px !important; }

.ml10, .mh10, .ma10 {
  margin-left: 10px !important; }

.ml20, .mh20, .ma20 {
  margin-left: 20px !important; }

/* ==========================================================================
	typography
========================================================================== */

@font-face {
    font-family: 'botanikamonodemi';
    src: url('../fonts/botanikamono-5-demi-webfont.eot');
    src: url('../fonts/botanikamono-5-demi-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/botanikamono-5-demi-webfont.woff') format('woff'),
         url('../fonts/botanikamono-5-demi-webfont.ttf') format('truetype'),
         url('../fonts/botanikamono-5-demi-webfont.svg#botanikamonodemi') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'botanikamonobold';
    src: url('../fonts/botanikamono-7-bold-webfont.eot');
    src: url('../fonts/botanikamono-7-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/botanikamono-7-bold-webfont.woff') format('woff'),
         url('../fonts/botanikamono-7-bold-webfont.ttf') format('truetype'),
         url('../fonts/botanikamono-7-bold-webfont.svg#botanikamonobold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'botanikamonoheavy';
    src: url('../fonts/botanikamono-8-heavy-webfont.eot');
    src: url('../fonts/botanikamono-8-heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/botanikamono-8-heavy-webfont.woff') format('woff'),
         url('../fonts/botanikamono-8-heavy-webfont.ttf') format('truetype'),
         url('../fonts/botanikamono-8-heavy-webfont.svg#botanikamonoheavy') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
  font-family: 'nudista_light';
  src: url("../fonts/nudista_light-webfont.eot");
  src: url("../fonts/nudista_light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/nudista_light-webfont.woff") format("woff"), url("../fonts/nudista_light-webfont.ttf") format("truetype"), url("../fonts/nudista_light-webfont.svg#nudistalight") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'nudista_regular';
  src: url("../fonts/nudista_medium-webfont.eot");
  src: url("../fonts/nudista_medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/nudista_medium-webfont.woff") format("woff"), url("../fonts/nudista_medium-webfont.ttf") format("truetype"), url("../fonts/nudista_medium-webfont.svg#nudistaregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'nudista_semibold';
  src: url("../fonts/nudista_semibold-webfont.eot");
  src: url("../fonts/nudista_semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/nudista_semibold-webfont.woff") format("woff"), url("../fonts/nudista_semibold-webfont.ttf") format("truetype"), url("../fonts/nudista_semibold-webfont.svg#nudistasemibold") format("svg");
  font-weight: normal;
  font-style: normal; }


@font-face {
  font-family: 'open_sans_regular';
  src: url("../fonts/opensans-regular-webfont.eot");
  src: url("../fonts/opensans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-regular-webfont.woff") format("woff"), url("../fonts/opensans-regular-webfont.ttf") format("truetype"), url("../fonts/opensans-regular-webfont.svg#open_sansregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'open_sans_semibold';
  src: url("../fonts/opensans-semibold-webfont.eot");
  src: url("../fonts/opensans-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-semibold-webfont.woff") format("woff"), url("../fonts/opensans-semibold-webfont.ttf") format("truetype"), url("../fonts/opensans-semibold-webfont.svg#open_sanssemibold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'open_sans_semibold_italic';
  src: url("../fonts/opensans-semibolditalic-webfont.eot");
  src: url("../fonts/opensans-semibolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-semibolditalic-webfont.woff") format("woff"), url("../fonts/opensans-semibolditalic-webfont.ttf") format("truetype"), url("../fonts/opensans-semibolditalic-webfont.svg#open_sanssemibold_italic") format("svg");
  font-weight: normal;
  font-style: normal; }

body {
  color: #444;
  font-size: 14px;
  font-family: "open_sans_regular", "Helvetica Neue", Helvetica, sans-serif;
  line-height: 18px; }

h1, h2, h3, h4, h5, h6 {
  color: #444;	
  font-weight: normal;}

a {
  color: #333; }

/* ==========================================================================
	layout
========================================================================== */
body {
  background-image: url('../img/bg.jpg');
  background-repeat: repeat;
  background-position: 0 0;
  min-width: 990px;
  padding-top: 20px; }
.lt-ie8 body {
  background-image: url("../img/dataurl/bg.png"); }

.l-wrapper {
  width: 81%;
  max-width: 1300px;
  min-width: 990px;
  margin: 0 auto;
  background: #fafafa; }

.l-header, .l-footer {
  background: #007f96 url(../img/3-3-grid.png);
  background-repeat: repeat;
  background-position: 0 0;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }
.lt-ie8 .l-header, .lt-ie8 .l-footer {
  background-image: url("../img/dataurl/graphpaper.png"); }

.l-header, .l-footer {
  padding: 0 2.7%; }

.l-container {
  border-left: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf; }

.l-header, .l-container {
  overflow: hidden; }

/* ==========================================================================
	main styles
========================================================================== */
.logo {
  width: 138px;
  height: 23px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIoAAAAXCAYAAADUf9f5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzdEQUE4NEM5Qzg0MTFFMkEzMkNDMTUwMjg4NzdDMDciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzdEQUE4NEQ5Qzg0MTFFMkEzMkNDMTUwMjg4NzdDMDciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3N0RBQTg0QTlDODQxMUUyQTMyQ0MxNTAyODg3N0MwNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3N0RBQTg0QjlDODQxMUUyQTMyQ0MxNTAyODg3N0MwNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqTPXd0AAAQ4SURBVHja7Fq/axRBFJ47U4jdphME8U6L2OmmEUQt9v6ES8oQEy6FIFptGhFBMNfZXjCKoE2utrotFCyzWAhJkwRF0MpcrBXW2fgGPx8zc3e7c7ec7IPHDTOzb2bnffN+3VaSXfFECLEu8tMHyVcNY88krzhYY0vMJatieimQ3KN2ZcRnE/ptSI4mvfGq5NCRrCuSFzX95yXfdrTGiiipEKpmQLaNHmv6Xjpeo6R8VMvy0Ay08yozNY0XJV+X/B6syQ2Yc0Bz/qW5xCx1r5KUunUGkA3JzSy6ro5hQy+g/YBtarHUV6FAaeZxPWgR8rAiZVVSWoL+fclxqa/pJJvrSSwmyjSmAPOFMh2Uv1we93QHs+Ogz8yafIO4ZdLkU0raItPbI0AfSe5I9iht3aa+hNo+k+NRhtgDK9qjPs+QCiuZRwaZ6BY6FMMpucGQ7xdqrPsOy2Z7kJaj9zhislqa8zkJfivJrphEsHhf8lPj6CjB7FwyaiAWsEOKAUAp9UnRh8RKQWm7Ds/t0DPp/E04WI9kNmhMECC3QX5MB17TWHAFZLWHPuwNayamOkqLxR64Tlofa1MQG4BcfL5Bvx2SpcZ92lO6nzoCxYXrESxeSenYcOOKAEqdlCHo8EI6iAU4PFTyLI2HND+leQa2HaYUQbdRB6AWKQTP+4AU26V9CFgvpvVsQNGRUjqC3Vbsw33h+ynL1q5OwJo8ciDjEwEuLx1COwKXggffZW5LgJXpsoA8hvkB/KqL0QaQ8PWVfLz9ijZh3Mvwnt0RayYBrBtr9hHMWCyBqW+YMUW/rC5nOPoq/lR9z0n+WGCcIwxZW0xWyGdzOehsChKW1NUfwoKoOKuWsagWwHOhpjjnu856LrBb89KBkr5Ld3N8YlH2Civweo7m2Ggj43PoNvK+X2AKol27ntfMmqw6KLJdlgA5kLxfYHbYdzTHRhUDRwMsXQfc3Cw908j4fuumfdgKbmJAcU3Xf02TXbySfC/HAZ4iE1gvECixxq2Y3FKsGRskd5i5g1zXeg6wxoP2ULUg2oZy3dgbBrpFKLo9nPJ6E2ZEPlNuk82JWY1DWMAQgasONSCoaW59MCCOMin8kLkrXfDb1MRKLV5HyROjnJH8Q/ytxL6TfEvyT+gz11Imlx5Xhug3paKj1FEwnR5UR8F9qLkq20nXWWPpvAJjn6xID+odsSZTqrDCW8BkKDe1DSBRY2ru2riyniVN3x0HGVCR1CBgBExhXVIomn2VFrcgBY5obsBufES1i5D6A7r9XZY1tTVWzaN9hdAf0dymxrIssOJbn42p4h2CKZUX2SzKqCnsWWrjl278y7Z5bYo5XotSkgNylfWchvZdaK9S9qNoqzzy6STX//WkKewl1vdW8k1nK5QWpTCL4hIoy4Z4pfxK7T8AStuRrDTT0X1KkH5y8NzRGqXrKoh+CzAATMxV/PdptCAAAAAASUVORK5CYII=');
  background-repeat: no-repeat;
  background-position: 0 0;
  float: left;
  margin: 25px 0;
  display: block;
  text-indent: -9999px;
  overflow: hidden; }
.lt-ie8 .logo {
  background-image: url("../img/dataurl/logo.png"); }

/* ==========================================================================
	nav
========================================================================== */
.nav {
  float: right;
  margin-top: 25px; }
.nav .nav-l {
  text-decoration: none;
  font-family: "nudista_semibold";
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  margin-left: 36px; }
.nav .nav-l.nav-l_active, .nav .nav-l:hover {
  color: #ffd600; }
  
/* ==========================================================================
	scheme
========================================================================== */
	.scheme{ position: relative; clear: both; width: 605px; margin: 0 auto; margin-bottom: 20px; border: 1px dashed #479da9; border-left: none; color: #DEDDCF; text-align: left; box-sizing: border-box; -moz-box-sizing: border-box;}
	
		.scheme-item{position: relative; float: left; width: 150px; border-left: 1px dashed #479da9; 
		  -webkit-transition: background 0.5s;
		  -moz-transition: background 0.5s;
		  -o-transition: background 0.5s;
		  transition: background 0.5s;
		}
		.scheme-item:hover{background: #0097A3;}
		.step-title{border-bottom: 1px dashed #479da9; padding: 20px 0px 20px 12px; background: url('../img/scheme-arrow.png') 50px 30px no-repeat;}
		.scheme-item:hover .step-title{border-bottom: 1px dashed #44acb0}
		.scheme-item:hover .step-description{margin-top: 0px;}
		.scheme-item:hover .step-icon{margin-top: 120px;}

		.step-3 .step-title{background: none;}
	
		.step-number{font: 30px "botanikamonodemi";}
		.step-name{font: 12px "botanikamonoheavy"; text-transform: uppercase;}
	
		.step-data{position: relative; overflow: hidden; height: 120px;}
		.step-data > div{height: 120px;}
		
		.step-icon{position: relative;}
		.step-description{margin-top: -120px; padding: 22px 15px; box-sizing: border-box;}
		.step-description ul{list-style: none; padding: 0px; margin: 0px;}
		.step-description li{font: 13px "nudista_regular"; margin-bottom: 8px; padding-left: 22px; background: url('../img/check-bullet.png') left 2px no-repeat; line-height: 1.5;}
		
		.step-description, .step-icon{
		  -webkit-transition: all 0.5s;
		  -moz-transition: all 0.5s;
		  -o-transition: all 0.5s;
		  transition: all 0.5s;
			}
		
		.step-icon img{position: absolute; left: 15px; bottom: 15px;}
		
		.step-1 .step-description, .step-2 .step-description{padding: 18px 15px;}
		
		
		.footnote{font-family: "nudista_regular"; position: absolute; opacity: 0; line-height: 1.6; font-size: 12px;

		  -webkit-transition: opacity 1s ease;
		  -moz-transition: opacity 1s ease;
		  -o-transition: opacity 1s ease;
		  transition: opacity 1s ease;
		  
		}
		.footnote-t{/* text-transform: uppercase; */ font-size: 13px; font-family: "nudista_semibold"}
		.footnote-left{text-align: left; top: 80px; left: -163px;}
		.footnote-left:before{position: absolute; content: ''; width: 55px; height: 32px; right: -60px; bottom: 53px; background: url('../img/arrow-left.png') no-repeat;}
		.footnote-right{text-align: left; top: 80px; left: 197px; width: 200px;}
		.footnote-right:before{position: absolute; content: ''; width: 55px; height: 32px; left: -60px; bottom: 34px; background: url('../img/arrow-right.png') no-repeat;}
		
		.scheme-part{width: 100%; height: 51px; margin-bottom: 40px; background: url('../img/scheme-part.png') center center no-repeat;}
		
		
		@-webkit-keyframes pulse {
		  from {
		    -webkit-transform: scale(1.0);
		  }
		  50% {
		    -webkit-transform: scale(1.3);
		  }
		  to { 
		    -webkit-transform: scale(1.0);
		  }
		}
			
		.step-0 img{
		  -webkit-animation: pulse 0.7s 1s 1 ease; 
	    }	

		.step-1 img{
		  -webkit-animation: pulse 0.7s 1.7s 1 ease; 
	    }	
	    
		.step-2 img{
		  -webkit-animation: pulse 0.7s 2.3s 1 ease; 
	    }	
			
		.step-3 img{
		  -webkit-animation: pulse 0.7s 3.0s 1 ease; 
	    }	
	    
	    .showitem{
	      opacity:1;
	     }
			
		.auto-badge{position: absolute; left: 67px; top: 38px;width: 40px; height: 13px; font-family: "nudista_semibold"; padding-bottom: 2px; background: #deddcf; color: #008194; font-size: 12px; line-height: 12px; text-align: center;}	
/* ==========================================================================
	slider
========================================================================== */
.slider {
  width: 100%;
  clear: both;
  border-top: 1px solid #006775; }
.slider .slider-i {
  padding: 30px 0 60px;
  text-align: center; }
.slider .slider-t {
  font-family: "nudista_light";
  font-size: 36px;
  line-height: 46px;
  color: #fff;
  margin: 0 0 40px 0;
  font-weight: normal!important; }
.slider .slider-t strong {
  font-family: "nudista_semibold";font-weight: normal!important; }
.slider .slider-img {
  max-width: 100%;
  margin-bottom: 30px; }
.slider .slider-foot {
  font-size: 16px;
  font-family: "nudista_regular";
  color: #fff;
  line-height: 20px; }

/* ==========================================================================
	btn
========================================================================== */
.btn {
  background-color: #ffd600;
  position: relative;
  display: inline-block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 4px 0 #d8a100, 0 6px 5px rgba(0, 0, 0, 0.34);
  -moz-box-shadow: 0 4px 0 #d8a100, 0 6px 5px rgba(0, 0, 0, 0.34);
  box-shadow: 0 4px 0 #d8a100, 0 6px 5px rgba(0, 0, 0, 0.34);
  -webkit-transition: boxShadow 0.3s;
  -moz-transition: boxShadow 0.3s;
  -o-transition: boxShadow 0.3s;
  transition: boxShadow 0.3s;
  color: #fff;
  text-decoration: none;
  font-family: "nudista_semibold";
  color: #444;
  border: 0;
  outline: 0;
  vertical-align: top; }
.lt-ie8 .btn {
  display: inline;
  zoom: 1; }
.btn:active {
  -webkit-box-shadow: 0 3px 0 #d8a100, 0 6px 5px rgba(0, 0, 0, 0.34);
  -moz-box-shadow: 0 3px 0 #d8a100, 0 6px 5px rgba(0, 0, 0, 0.34);
  box-shadow: 0 3px 0 #d8a100, 0 6px 5px rgba(0, 0, 0, 0.34);
  bottom: -1px; }

.btn_large {
  padding: 0 30px;
  font-size: 19px;
  height: 37px;
  line-height: 37px; }

.btn_small {
  padding: 0 40px;
  font-size: 15px;
  height: 31px;
  line-height: 31px; }

.btn_slide {
  margin-top: 15px; }

.btn_contacts {
  text-align: center;
  padding: 0;
  width: 130px;
  display: block;
  margin: 0 auto 10px; }

.btn_tile {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -16px 0 0 -152px;
  width: 125px;
  padding: 0;
  text-align: center; }

/* ==========================================================================
	teaser
========================================================================== */
.teaser-t{	font-size: 38px;
	line-height: 45px;
	font-family: "nudista_regular";
	text-align: center;
	font-weight: normal;
	margin-bottom: 40px;
	margin-top: 30px;
	}

.teaser {
  border-bottom: 1px solid #cfcfcf;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: 19.3% 0;
  padding-top: 10px; 
  padding-bottom: 10px; 
 }
.lt-ie8 .teaser {
  background-image: url("../img/dataurl/arr.png"); }
.teaser .teaser-i {
  width: 25%;
  padding: 25px 0 25px 0;
  float: left; }
.teaser .teaser-i_arr {
  padding: 20px 4.7% 20px 2.3%;
  width: 17%; }
.teaser .teaser-in {
/*
  padding-left: 80px; 
*/
  text-align: center;
  padding: 60px 30px 0px 30px;
  }
.teaser .teaser-t {
  font-family: "nudista_regular";
  font-size: 19px;
  line-height: 24px;
  margin: 0 0 10px 0; }
.teaser .teaser-text {
  font-size: 12px;
  line-height: 18px;
  font-family: "open_sans_regular"; 
  }
.teaser .teaser-i_solution {
  background: url("../img/free-solutions-ico.png") no-repeat center 25px; }
.teaser .teaser-i_short-time {
  background: url("../img/short-time-ico.png") no-repeat center 25px; }
.teaser .teaser-i_usability {
  background: url("../img/cross-platform-ico.png") no-repeat center 25px; }
.teaser .teaser-i_security {
  background: url("../img/security-ico.png") no-repeat center 25px; }
  

/* ==========================================================================
	alert
========================================================================== */
.alert {
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  padding: 20px 30%;
  font-family: "open_sans_regular";
  font-size: 11px;
  line-height: 15px;
  background: url("../img/alert-ico.png") no-repeat 26% center; }

/* ==========================================================================
	contacts
========================================================================== */
.contacts {
  overflow: hidden;
  color: #fff;
  font-size: 13px;
  line-height: 22px;
  font-family: "open_sans_regular"; }
.contacts .contacts-t {
  margin: 0;
  padding: 35px 0 30px;
  color: #fff;
  font-size: 38px;
  line-height: 40px;
  font-family: "nudista_regular";
  font-weight: normal;
  text-align: center; }
.contacts .contacts-i-t {
  color: #fff;
  margin: 0 0 20px 0;
  font-family: "nudista_regular";
  font-size: 22px;
  line-height: 25px; }
.contacts .contacts-fn {
  font-size: 14px;
  line-height: 19px;
  margin-top: 10px;
  color: #deddcf;
  display: block; }
.contacts .contacts-col {
  width: 25%;
  float: left; }
.contacts .contacts-form {
  width: 40%;
  margin: 0 5%; }
.contacts .contacts-addr {
  font-style: normal; }
.contacts .contacts-l {
  text-decoration: none;
  color: #fff; }

/* ==========================================================================
	copyright
========================================================================== */
.copyright {
  padding: 30px 0 15px;
  text-align: center;
  font-size: 11px;
  line-height: 15px;
  color: #fff;
  font-family: "open_sans_regular"; }

/* ==========================================================================
	soc
========================================================================== */
.soc .soc-l {
  display: inline-block;
  background-color: rgba(11, 52, 84, 0.3);
  -webkit-transition: background 300ms;
  -moz-transition: background 300ms;
  -o-transition: background 300ms;
  transition: background 300ms;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  width: 32px;
  height: 32px;
  text-indent: -999px;
  overflow: hidden;
  margin-right: 3px; }
.lt-ie8 .soc .soc-l {
  display: inline;
  zoom: 1; }
/*
.soc .soc-l:hover {
  background-color: rgba(11, 52, 84, 0.9); }
*/
.lt-ie9 .soc .soc-l {
  background-color: #0b3454; }
  
.soc .soc-l_in{
	background-image: url(../img/soc-l_in.png);
	background-position: center center;
}
  
.soc .soc-l_fb {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAPCAYAAADZCo4zAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjlBQjFFOEQ5Qzg2MTFFMkJFODFDMzY5NDZFRDRFQjciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjlBQjFFOEU5Qzg2MTFFMkJFODFDMzY5NDZFRDRFQjciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyOUFCMUU4QjlDODYxMUUyQkU4MUMzNjk0NkVENEVCNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyOUFCMUU4QzlDODYxMUUyQkU4MUMzNjk0NkVENEVCNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv6XkIsAAABzSURBVHjaYvj//z8DFJsA8TYgfgPEf4D4BhA3wiSlgfjTf0ywgoUBAgKBmBfKfgHEKUDMAcRfYQrEGRDgABBvhXFACkKBWAdJgQxUDAQ2M4IsYsAO3gGxCBMDbnAEiOFebEdy+VIkrzPgMwEMhocCgAADAAyOYXVs/y0JAAAAAElFTkSuQmCC');
  background-repeat: no-repeat;
  background-position: center center; }
.lt-ie8 .soc .soc-l_fb {
  background-image: url("../img/dataurl/fb-ico.png"); }
.soc .soc-l_tw {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAPCAYAAAALWoRrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkZGRTUyNzI5Qzg2MTFFMjg0N0VCNzEwRDZBQzUwQkQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkZGRTUyNzM5Qzg2MTFFMjg0N0VCNzEwRDZBQzUwQkQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyRkZFNTI3MDlDODYxMUUyODQ3RUI3MTBENkFDNTBCRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyRkZFNTI3MTlDODYxMUUyODQ3RUI3MTBENkFDNTBCRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkqMXBoAAAERSURBVHjanNMxS0JRGMbxo1ZKCiENDUKTa0gI4ujU2ODSGEgtTdE3aPMz9A1c2gsk/ABiCi5Ct4aEyByjSd/+J89wvZ6r5/TAD7xwfHh9PVeJiPJQxSMCdHFoO+dTWMGPLDLHadxZ18IMRrKaF1z6lGZCn69lfRoupQf4Rgc5vG8o1edKaCEfV3phSnWexS1T1JDcUqtpoohd81xSbvnEOQLblAPxzwxnekrbTq/kf3kN9yQjPyHAPcbKL+2lJ5pTSFjWsIe+w5T6RTgOf1f/UWm08IYnDPGBBo4cprxDLzqptm/umm8esLPujdJruMHEoUzf4Vts2+753y4jyaKOE5RRwAwTs5q2WddX3D5+BRgAUMkzUJ5qeTkAAAAASUVORK5CYII=');
  background-repeat: no-repeat;
  background-position: center center; }
.lt-ie8 .soc .soc-l_tw {
  background-image: url("../img/dataurl/tw-ico.png"); }
.soc .soc-l_gp {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzU4QzM3QTQ5Qzg2MTFFMkI2QjlENkE1OEFDN0UzMTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzU4QzM3QTU5Qzg2MTFFMkI2QjlENkE1OEFDN0UzMTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNThDMzdBMjlDODYxMUUyQjZCOUQ2QTU4QUM3RTMxNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozNThDMzdBMzlDODYxMUUyQjZCOUQ2QTU4QUM3RTMxNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Po1r+ewAAAFMSURBVHjafNTNK0RRGMfxe8cQk5esFDtvMRYWLCZZ2djMytZCKZtpbMzGP0D+APkLLFiShYWVEhtJWU7IFMkChcjL9b3jd3U6nXOf+nRe5nTu8zxzZ8IoigJFB5bRgzHk8Y1z3GIR14Ed8QXoRhVLWmewGv3FjtaBSzLZ1uGcdeBQ+9PWfpTMM0pkCp94txLc0pgPPJFccI9GjFufP2q81PgUV51UX6dUFpTWARqMVNdxhKyvBHOzjGfso4gK9tDuaJ7zglgrCjjWoV5f9+0mJvGCE3xoXUEYpETWmMdNnMQQ7rRXQhfm8Oq8QanM4gor6EczhrGrUjbTXqR5HZpxHAixgS90+i6o4S2lUSN6wICviW1owaCnT314wI2vByX84FT1m08YxYWnvLpQP+cCyphQt+NXNocq1nDm+xpD4//gfw9NxruQGr8CDACU+/b0r16J8wAAAABJRU5ErkJggg==');
  background-repeat: no-repeat;
  background-position: center center; }
.lt-ie8 .soc .soc-l_gp {
  background-image: url("../img/dataurl/gp-ico.png"); }

	.soc .soc-l_fb:hover { background-color: #5e7cbf;}
	.soc .soc-l_in:hover { background-color: #5e7cbf;}
	.soc .soc-l_tw:hover {background-color: #39abdf;}
	.soc .soc-l_gp:hover{background-color: #e25746;}
  

/* ==========================================================================
	input
========================================================================== */
.input {
  display: block;
  height: 34px;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  outline: 0;
  font-family: "nudista_semibold";
  color: #fff;
/*
  text-indent: 10px;
*/
	
  font-size: 14px;
  background: #2e90a2;
  background: rgba(46, 144, 162, 0.5);
  margin-bottom: 20px;
  padding: 0 10px;
 }
.input:focus {
  background: #FFF;
  color: #00434f; }

.input_textarea {
  height: 110px; 
  padding-top: 5px;
  }

.input::-webkit-input-placeholder {
  color: #fff;
  font-size: 14px;
/*
  line-height: 34px;
*/
  font-family: "nudista_semibold"; }
.input::-webkit-input-placeholder:focus {
  color: #000; }

.input:-moz-placeholder {
  color: #fff;
  font-size: 14px;
/*
  line-height: 34px;
*/
  font-family: "nudista_semibold"; }
.input:-moz-placeholder:focus {
  color: #000; }

.input::-moz-placeholder {
  color: #fff;
  font-size: 14px;
  line-height: 34px;
  font-family: "nudista_semibold"; }
.input::-moz-placeholder:focus {
  color: #000; }

.input:-ms-input-placeholder {
  color: #fff;
  font-size: 14px;
  line-height: 34px;
  font-family: "nudista_semibold"; }
.input:-ms-input-placeholder:focus {
  color: #000; }

/* ==========================================================================
	about
========================================================================== */
.about {
  padding: 40px 5%;
  text-align: center;
  font-size: 13px;
  line-height: 20px;
  font-family: "open_sans_regular"; }
.about .about-t {
  font-size: 38px;
  line-height: 42px;
  font-family: "nudista_regular";
  font-weight: normal;
  margin: 0 0 30px 0; }
.about .about-epigraph {
  display: block;
  font-size: 14px;
  color: #8d8d8d;
  font-family: "nudista_regular"; }
.about .about-text {
  display: block; }
  
.team-i{
  text-align: left;	
  width: 27.9%;
  float: left;
  margin: 0 2.7%;
  font-size: 12px;
  margin-bottom: 60px;
  margin-top: 30px;
}  

.team-i-description h3{margin-bottom: 3px; margin-top: 10px!important;font-size: 20px;font-family: "nudista_regular";font-weight: normal;}
.place{font-size: 14px;color: #8D8D8D;font-family: "nudista_regular"; }
.teammate-social{float: right; margin-left: 3px; width: 25px; height: 25px; background: #b5d6db;}
.team-img{width: 100%; position: relative;}
.team-img img{max-width: 100%;}

/* ==========================================================================
	solution
========================================================================== */
.solution {
  padding: 10px 2.7%; 
  padding-bottom: 78px;}
.solution-t {
  font-size: 38px;
  line-height: 45px;
  font-family: "nudista_regular";
  text-align: center;
  font-weight: normal; }
.solution-fn {
  margin-top: 10px;
  display: block;
  font-size: 14px;
  color: #8d8d8d;
  font-family: "nudista_regular";
  line-height: 19px; }

.solution-wrapper{padding-top: 20px;}

.table {
  font-family: "open_sans_regular";
  font-size: 11px;
  line-height: 15px; }
/*
.table .table-tb:before {
  content: '';
  display: block;
  width: 100%;
  background-color: #b4d6da;
  margin-bottom: 10px; }
*/
/*
.table .table-tb_large:before {
  height: 5px; }
*/
/*
.table .table-tb_small:before {
  height: 4px; }
*/
.table .table-t {
  margin: 0 0 45px 0;
  font-size: 24px;
  line-height: 24px;
  font-family: "nudista_regular"; }
.table .table-blue-col {
  width: 66px;
  vertical-align: middle;
  color: #fff;
  font-family: "nudista_semibold";
  font-size: 20px;
  text-align: center;
  padding: 15px 0;
  background-color: #b4d6da; }
/*
.table .table-bb {
  border-bottom: 1px solid #dfdfdf; }
*/
.table td {
  padding: 8px 15px;
  vertical-align: top; 
  border-left: 8px solid #b5d6db; 
  }
.table td h4{font-size: 16px; margin-bottom: 5px; line-height: 1; margin-top: 0px;}  
  
.table thead th{width: 25%; text-align: left; position: relative;}
.table thead th img{position: absolute; left: 0px; bottom: 0px;}
.table-t .light{font-size: 18px;}
.case-description td{padding-top: 0px; padding-bottom: 10px; }  
.last-step{position: relative;}
.last-step:after{position: absolute; left: -8px; /* bottom: -25px;  */content: ""; width: 53px; height: 38px; background: url('../img/finished-ico.png') no-repeat;}

/* ==========================================================================
	not-excel
========================================================================== */

.not-excel{position: relative; clear: both; width: 100%; background: #bbdfe3; height: 100px; color: #fff; overflow: hidden; 
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}

.hide-benefits{position: absolute; top: 127px; cursor: pointer; left: 47%; width: 35px; height: 35px; background: url(../img/hide-benefits.png) no-repeat; opacity: 0;
  -webkit-transition: all 1.5s;
  -moz-transition: all 1.5s;
  -o-transition: all 1.5s;
  transition: all 1.5s;
 }
 
 
.benefits-list{position: absolute; width: 472px; /* height: 455px; */ bottom: 22px; left: 25%; margin-left: -236px; /* background: url(../img/benefits.png) no-repeat; */}
	.paper-clip{position: absolute; width: 26px; height: 89px; right: 8px; top: -14px; background: url(../img/paper-clip.png) no-repeat;}

.benefits-list ul{list-style: none; margin: 0px; padding: 20px 30px; padding-bottom: 10px; text-align: left; color: #444444;}
	.benefits-list li{margin-bottom: 20px;}
		.benefit-name{font-family: "nudista_regular"; font-size: 19px; line-height:1; margin-bottom: 7px; }
		.benefit-desc{  font-family: "open_sans_regular"; width: 380px; font-size: 12px; line-height:1.5; margin-bottom: 7px;}


.not-excel-desc{position: relative; float: left; width: 50%; text-align: center; font-family: "nudista_semibold"; font-size: 27px; line-height: 100px; background: #b4d6da /* url("../img/8-8-grid.png") */;}
.not-excel-action{width: 50%; float: left; text-align: center; line-height: 100px;}
.not-excel-action div{margin-top: 30px; cursor: pointer;}
.not-excel-desc:before {content: '';width: 0;height: 0;border-top: 50px solid transparent;border-left: 50px solid #b4d6da;border-bottom: 50px solid transparent;position: absolute;right: -50px;}
.reasons-revealed {width: 200%; height: 750px;/*  background: #0e7e98 url('../img/3-3-grid.png')!important; */}

.reasons-revealed .hide-benefits{opacity: 1;}
/* .reasons-revealed .benefits-list{opacity: 1;} */
/*
.reasons-wrapper{height: 0px; width: 50%; clear: both;}
.reasons-revealed .reasons-wrapper{height: 300px; margin-bottom: 30px;}
*/

/* ==========================================================================
	case
========================================================================== */
.case {
  margin-bottom: 50px;
  padding: 50px 0;
  overflow: hidden;
  padding-bottom: 0px; }
.case .case-t {
  margin: 0 0 40px 0;
  text-align: center;
  font-weight: normal;
  font-size: 38px;
  font-family: "nudista_regular";
  line-height: 43px; }
.case .case-i {
  width: 27.9%;
  float: left;
  margin: 0 2.7%;
  font-size: 12px; }
.case .case-i:last-child {
  float: right; }
.case .case-i-t {
  margin: 0 0 20px 0;
  font-size: 20px;
  font-family: "nudista_regular";
  font-weight: normal;
  text-align: center; }
.case .case-fn {
  font-family: "nudista_regular";
  font-size: 14px;
  color: #808080;
  display: block; 
  margin-top: 5px;
  }
  
 h2 .case-fn{position: relative; width: 580px; line-height: 19px; margin: 0 auto; } 
 h2 .case-fn:before{position: absolute; width: 23px; height: 19px; content: ''; top: 0px; left: -30px; background: url('../img/alert-ico.png')}
.case .case-img {
  width: 100%;
  height: 205px;
  overflow: hidden;
  margin-bottom: 15px;
  position: relative;
  z-index: 1; }

.case .case-img:hover .case-tile {
  right: 0; }
  

  
.case .case-src {
  min-width: 100%;
  min-height: 100%; }
.case .case-descr {
  font-size: 12px;
  line-height: 18px;
  font-family: "open_sans_regular"; }
.case .case-descr strong {
  font-family: "nudista_semibold";
  font-size: 14px;
  font-weight: normal; }
.case .case-tile {
  position: absolute;
  z-index: 2;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  padding-left: 180px;
  background-color: rgba(0, 119, 140, 0.94);
  -webkit-transition: right 1s;
  -moz-transition: right 1s;
  -o-transition: right 1s;
  transition: right 1s; }
.lt-ie9 .case .case-tile {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F000778C,endColorstr=#F000778C);
  zoom: 1; }
.case .case-tile:before {
  content: '';
  position: absolute;
  display: block;
  width: 25px;
  height: 25px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAMAAADzN3VRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkJCMTQzREU5QzhGMTFFMjg5MzFCOTlERDdFNDE2MEUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkJCMTQzREY5QzhGMTFFMjg5MzFCOTlERDdFNDE2MEUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyQkIxNDNEQzlDOEYxMUUyODkzMUI5OUREN0U0MTYwRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyQkIxNDNERDlDOEYxMUUyODkzMUI5OUREN0U0MTYwRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoBZr/IAAAAYUExURf/WANDEGgd5iBd/fzaLbiaFd1WWXYOnRJAkvqMAAAAqSURBVHjaYmAYiYCRHZcEMwsuCWYcWliZwICVFD247QFKsY3IKGEACDAAWAAARIIoZWsAAAAASUVORK5CYII=');
  background-repeat: no-repeat;
  background-position: 0 0;
  top: 124px;
  left: 155px; }
.lt-ie8 .case .case-tile:before {
  background-image: url("../img/dataurl/arr-ico.png"); }
.case .case-tile-demo {
  position: absolute;
  top: 0;
  left: 180px;
  height: 100%;
  width: 100%; }
.case .case-tile-descr {
  position: absolute;
  top: 15px;
  left: 10px;
  line-height: 17px;
  font-size: 10px;
  font-family: "open_sans_regular";
  color: #88c4cc;
  width: 170px; }
.case .case-tile-t {
  color: #fff;
  font-weight: normal;
  font-family: "open_sans_semibold";
  text-transform: uppercase;
  margin: 0 0 10px; }
.case .case-par {
  font-weight: normal!important;
  color: #fff; }
  
.case-tile-demo span{position: absolute; left: 50%; margin-left: -198px; top: 130px; width: 220px; display: inline-block; color: white;text-align: center;font-size: 11px;}

/* ==========================================================================
	hint
========================================================================== */
.hint {
  text-decoration: none;
  color: #2e8b97;
  font-family: "open_sans_semibold_italic";
  cursor: pointer; }

/* ==========================================================================
	hint-block
========================================================================== */
.hint-block {
  top: 0;
  left: 0;
  position: absolute;
  padding: 15px 10px 30px;
  width: 200px;
  z-index: 1000;
  font-size: 11px;
  line-height: 18px;
  font-family: "open_sans_regular";
  background: #fafafa;
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); }
.hint-block:after {
  content: '';
  display: block;
  width: 57px;
  height: 30px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAAeCAYAAACWsbYLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0NFQ0JFNzA5Q0FCMTFFMkJFN0RFQ0Q5NDM4MEJGNEMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0NFQ0JFNzE5Q0FCMTFFMkJFN0RFQ0Q5NDM4MEJGNEMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQ0VDQkU2RTlDQUIxMUUyQkU3REVDRDk0MzgwQkY0QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozQ0VDQkU2RjlDQUIxMUUyQkU3REVDRDk0MzgwQkY0QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PigkJb8AAATwSURBVHja1JhfSGRVHMfn3rkzO4uW7LgybdaDCZUWjhpBpj4oPqhgg2QJ1rIIi2ALwQpG+JawLWJhkUPLrhLYQymIL7rpg9i65J9RHA1RC5T0QWUnV8fV8Xr/9jvDuXI6nhl1HF3nwJcLd2buvZ/7/f05v+FGR0dLsrOzb3Ec95rJZHKA4kFmrFhaGkgC7YGegJY1TftzZGTkVz4nJ2eyt7f3BzixDR/IINUUe0vHkEi7oC1RFL0tLS33CwsL/0Ju2bq6up7a7XZvZmZmntlstsM5AcTHGCgyZx/k9/l8v1VUVNxrb2//F51DkFYQNzAwsL2zs/N7Xl7eexaL5Ro6F2NOqrqub09PT7dmZGR0LC0t7WJo2YxdQ0D6+Ph4YGxs7GFZWdnrNpstNZYgZVle6+jo+NLlcj2C1JMwIDqqCM6Gi4yAZU1ISLDBG2lITk6+GQuEW1tbntra2obu7u4nGCwA2sFHGUFacP7xGNKCZfV6vZ+mp6c3QuUVLqqDCwsLP+Xn5//o9/tRTirYwQAuQKjSSjxOWAXLsDmorKysnwcHB6tVVd2+aHSKovh7enpuQ/65MaCKq6txNBbHS5KkER8quI0cwJaWlg61tbV9CN9buSiAUCDn6urqrldWVj6m2oeMGQxQFKkcBw8f/KHVajWqKR26qPpaa2pqHE1NTQ/i4uLeeZ6Ay8vLXUVFRS1wlAg4lTLHOAb7/gGksTCsAWomQZ1OZ3x/f/83iYmJH5z7dkbTAkNDQ3dLSkoeYvd0RqrJBKRxXjvU8AFaZ4RvMHRnZmaepaSkfL6ysuLGNzmXtbe3909jY+MNAlBjpRZIpAGRDjlJOcoRjgqGo0gej+cjcPYuVF7rWQKura31l5eX35mamgpQ4UlCGi7KFGDQ8ZCQDFCeAEUhfAmq2/vFxcX3YCt4Jeq9QdelycnJ73Jzczup8FQJIBagRgIGiwxs4UyhBDfSifBQidhHEuEN/9Ha2lq+v7+/FE1AuN662+2+SQCywlMkwlSiqqr+v3RCHOGEnTYcNQrRZdCLoETQy1VVVc6NjY0RlM+n1erq6mOIjkK4bjYoE5QBegv0BgiNg6/gkfAKHgtt+JnMofbbYcM1TPiaCeBg9U1NTY0bHh7+Oikp6eMIw1Obm5u7D+61BwIBlQpPsnpKVHFhuxcpJCNPBaqfXpqfn/8MgOtPMqrB7mWzs7Ozobq62kM1dyVM/hkvQA8HaIpkZsQtJmSepKWluWGauQV9TTzO9WBL5oWNxicUoEpAGfknHiv/ouEkw1GOaDEHGwdw5l0Y2R4IgnA1VIQuLi7+UlBQ8P36+rpCuReuPRzAoRcOz3Hks0Y8/VOOqvQGH/aVnubmZpcoin8fGuFVdbevr+8LcP1bAJQZrYFVPckWoeP7H/thTy1G5X0BV95r4Ga6z+d7ZFTPzc3Nhfr6ehd8loXlBL0NehOEBvVXQS+B7Pg6dPXkqHsfuSIO15NUXofDcXliYuIrnufjoT3cmZ2dlfF3yemBVWAOhSfjvkdDRnmjQm8FLWSeYgnE350atcE+cvcSyYr2xK8TD0+eI/PXwoCUKfdIQNNph4Gz+FuDBNUZkGoISLK5q6d176whSVCd8QewQlR1ciZUT9L7LgIkK3QNSJ6C1BhwerQLxXksjipKxjkyjPVo5N/zhCTvxR0jtKO6/hNgAOgmW0SF8cTHAAAAAElFTkSuQmCC');
  background-repeat: no-repeat;
  background-position: 0 0;
  position: absolute;
  bottom: -30px;
  margin-left: -29px;
  left: 50%; }
.lt-ie8 .hint-block:after {
  background-image: url("../img/dataurl/hint-arr.png"); }
.hint-block .hint-block-t {
  font-weight: normal;
  font-size: 16px;
  font-family: "nudista_semibold";
  margin: 0 0 10px;
  padding-bottom: 10px;
  border-bottom: 2px solid #b4d6da; }

/* ==========================================================================
	close-btn
========================================================================== */
.close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  border: 0;
  outline: 0;
  width: 12px;
  height: 13px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAANCAYAAACdKY9CAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBEQjcwRDg5Qzg1MTFFMkI5ODg4ODY0MDlGNDNCOTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBEQjcwRDk5Qzg1MTFFMkI5ODg4ODY0MDlGNDNCOTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMERCNzBENjlDODUxMUUyQjk4ODg4NjQwOUY0M0I5OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMERCNzBENzlDODUxMUUyQjk4ODg4NjQwOUY0M0I5OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PslmNrYAAACLSURBVHjaYtQzsVRhYGC4w0AcUGECEq5AnEGE4nQgdgFpmA4VyCCgmBGIZzBBBWbg0QRXDOIwIUnMQFKAVTEIMAI9jW4iyJb/MHlkxSDAgsUJIAVLoexodEkmHG4+DMXphDQgu3kGlJ2OS0M6FjdjaGLCoxhr6DERUAwDM2GaQKG0l8i0BNKkAhBgAEQvGg7VlY2CAAAAAElFTkSuQmCC');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: transparent; }
.lt-ie8 .close-btn {
  background-image: url("../img/dataurl/close-ico.png"); }

/* ==========================================================================
  fix
========================================================================== */
.fix{
  position: relative;}
.fix_fixed{
  position: fixed;
  z-index: 5;
  background-color: #00788d;
  background-color: rgba(11, 98, 118, .85);
  top: 0;
  left: 0;
  width: 100%;}
  .fix_fixed .fix-in{
    width: 940px;
    width: 81%;
    margin: 0 auto;
    max-width: 1300px;
    min-width: 990px;}
  .fix_fixed .logo,
  .fix_fixed .nav{
    margin-left: 2.7%;
    margin-right: 2.7%;
  }

/* ==========================================================================
  Misc
========================================================================== */
.grid-filled{background: #fff url("../img/8-8-grid.png"); border-top: 1px solid #eeeeee;  border-bottom: 1px solid #eeeeee;}
.light{font-family: "nudista_light";}
.group:after {
  content: "";
  display: table;
  clear: both;
}

.agree-input{display: none;}