*, *:before, *:after {
	margin:0px;
	padding:0px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	outline:none;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased; 
}
div {
	color:#fff;
	font-size:20px;
}
@media (max-width:1366px){
div {
	font-size:18px;
}
}
@media (max-width:1024px){
div {
	font-size:16px;
}
}
html, body {
      margin: 0;
      padding: 0;

}
body {
background: rgb(36,50,78);
}
.clear {
	clear:both;
	height:0;
	overflow:hidden;
}
.hr {
	height:1px;
	background:rgba(0,0,0,.16);
	margin-bottom:30px;
}
/*------------------------------------------------------------------------*/
h1, h2, h3, h4 {

}
h1 {
	font-size:2.0em;
	line-height:1.2em;
	margin-bottom:1em;
	font-weight:500;
	color:rgba(107,194,195,1);
	color: rgba(162,215,228,1);
}

h2 {
	font-size:2.0em;
	line-height:1.2em;
	margin-bottom:1em;
	font-weight:500;
	color:rgba(107,194,195,1);
	color: rgba(162,215,228,1);
}

h3 {
	font-size:1.4em;
	margin-bottom:1em;
	font-weight:600;
}
h4 {
	font-size:1em;
	line-height:1.2em;
	margin-bottom:0.6em;
	font-weight:600;
}
p {
	font-size:1em;
	line-height:1.8em;
	padding-bottom:2em;
}
@media (max-width:1366px){
h1 {
	font-size:2.0em;
	margin-bottom:0.5em;
}
h2 {
	font-size:2.0em;
	margin-bottom:1em;
}
h3 {
	font-size:1.4em;
	margin-bottom:0.8em;
}
p {
	font-size:1em;
	line-height:1.7em;
	padding-bottom:1.6em;
}
p.smaller {
	font-size:0.9em;
	line-height:1.8em;
	padding-bottom:2em;
}
}
@media (max-width:1024px){
h1 {
	font-size:2.0em;
	margin-bottom:0.5em;
}
h2 {
	font-size:2.0em;
	margin-bottom:1em;
}
h3 {
	font-size:1.2em;
	margin-bottom:0.8em;
}
p {
	font-size:1em;
	line-height:1.7em;
	padding-bottom:1.4em;
}
}
@media (max-width:480px){
h1 {
	font-size:2.0em;
	margin-bottom:0.5em;
}
h2 {
	font-size:2.0em;
	margin-bottom:0.5em;
}
h3 {
	font-size:1.2em;
	margin-bottom:0.8em;
}
p {
	font-size:1em;
	line-height:1.7em;
	padding-bottom:1.4em;
}
}
a {
	color:#297bc0;
}
a.no-color {
	color:#333333;
}
a.dotted {
	color:#297bc0;
	text-decoration:none;
	border-bottom:1px dotted #297bc0;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
}
a.dotted.no-color {
	color:#333333;
	border-bottom:1px dotted #333333;
}
a.dotted:hover {
	color:#297bc0;
	border-bottom:1px dotted transparent;
}
/*----------------*/
.work-area ul   {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px 0px 20px 0px;
padding:0px 20px 0px 20px;
}
.work-area ol {
margin:0px 0px 10px 20px;
padding:0px 0px 0px 20px;
}
.work-area ul li, .work-area ol li {
margin:0px 0px 0px 0px;
padding:0px 0px 20px 24px;
line-height:2em;
position:relative;
}
.work-area ol li {
padding:0px 0px 10px 0px;
}
.work-area ul li {

}
.work-area ul li:before {
content:'';
display:block;
position:absolute;
width:6px;
height:6px;
background:#297bc0;
top:0.8em;
left:0;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px; 
behavior: url(/js/PIE.htc);
}
.work-area ul li ul {
margin:10px 0px 0px 0px;
}
/*------------------------------------------------------------------------*/
input[type="text"],
input[type="file"],
input[type="password"],
textarea,
select {
	display:inline-block;
	border:0;
	border-width:0 0 2px 0;
	border-style:solid;
	border-color:#839fa5;
	border-color:rgba(55,77,82,.6);
	padding:12px;
	font-size:1em;
	font-weight:600;
	margin-bottom:30px;
	/*background:none;*/
	background-color:rgba(255,255,255,0.5);
	color:#3d3d3d;
	-webkit-transition: all .5s ease; 
	-moz-transition: all .5s ease; 
	transition: all .5s ease;
	text-overflow:ellipsis;
	-webkit-appearance: none;
	border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
-khtml-border-radius:0; 
}
input[type="text"]::-moz-placeholder,
input[type="file"]::-moz-placeholder,
input[type="password"::-moz-placeholder],
textarea::-moz-placeholder,
select::-moz-placeholder {
  opacity: 0.5;
}
.inverted input[type="text"],
.inverted input[type="file"],
.inverted input[type="password"],
.inverted textarea,
.inverted select {
	background-color: rgba(255, 255, 255, 0.08);
	color:#ffffff;
	border-bottom:2px solid #959087;
}
input[type="text"]:focus,
input[type="file"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
	border-color:#339eef;
}
textarea:empty {
height:200px;
}
textarea:focus {
height:200px;
}
input[placeholder]          {text-overflow:ellipsis;}
input::-moz-placeholder     {text-overflow:ellipsis;} 
input:-moz-placeholder      {text-overflow:ellipsis;} 
input:-ms-input-placeholder {text-overflow:ellipsis;} 
textarea {
	resize:none;
}
input[type="text"].small,
input[type="file".small],
input[type="password"].small,
textarea.small {
	font-size:16px;
	padding:5px;
}
select.small {
	font-size:16px;
	padding:5px 0;
}
label {
	display:block;
	font-size:1em;
	padding-right:10px;
	color:#839fa5;
	font-weight:600;
}
input[type="checkbox"],
input[type="radio"] {
	opacity:0.5;
}
.form-block {
	position:relative;
}
.form-block label {
	display:block;
	position:relative;
	padding:3px 20px 10px 0;
}
.form-block label.req:after {
	content: " *";
	color:#339eef;
}

.form-block .f_input {
	display:block;
	position:relative;
	padding-bottom:30px;
}
.form-block .f_input .calendar_btn {
	position:absolute;
	top:8px;
	right:0;
	font-size:44px;
	color:#8a9193;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
	cursor:pointer;
}
.form-block .f_input .calendar_btn:hover {
	color:#339eef;
}
.form-block .f_input .calendar_btn:before {
	content: "\72";
}
.form-block .f_input.f_error {
	padding-bottom:0;
}
.form-block .f_input input[type="text"],
.form-block .f_input input[type="file"],
.form-block .f_input input[type="password"],
.form-block .f_input textarea,
.form-block .f_input select {
	display:block;
	width:100%;
	margin-bottom:0;
}
.form-block .f_input.g_captcha {
text-align:center;
}
.form-block .f_input.g_captcha .g-recaptcha {
display:inline-block;
}
.form-block .f_input.f_captcha input[type="text"] {
	width:50%;
}
.form-block .f_input.f_captcha .captcha {
	display:block;
	position:absolute;
	top:37px;
	left:50%;
	width:50%;
	height:54px;
	background:#6b7a80;
	text-align:center;
}
.form-block .f_input.f_captcha .captcha img {
	max-width:100%;
	max-height:100%;
}
.form-block .f_input textarea {
	display:block;
	margin-bottom:0;
}
.form-block .f_input .error,
.form-block .f_check .error {
	position:relative;
	background:#df0000;
	color:#ffffff;
	font-weight:400;
	display:none;
	font-size:14px;
	line-height:18px;
	min-height:30px;
	padding:5px 10px 3px 10px;
}
.form-block .f_input .error:before,
.form-block .f_check .error:before {
	content:'';
	display:block;
	position:absolute;
	border-color:transparent transparent #df0000 transparent;
	border-style:solid;
	border-width:7px;
	bottom:100%;
	left:7px;
}
.form-block.inverted .f_input .error {
	color:#ffffff;
	background:#df0000;
}
.form-block .f_input.f_error .error,
.form-block .f_check.f_error .error {
	display:block;
}
.form-block .f_error input[type="text"],
.form-block .f_error input[type="password"],
.form-block .f_error textarea {
	border-color:#df0000;
	background:#ffc5c5;
}
.form-block.inverted .f_error input[type="text"],
.form-block.inverted .f_error input[type="password"],
.form-block.inverted .f_error textarea {
	border-color:#df0000;
	background-color: rgba(221, 0, 0, 0.2);
}
.form-block.center label,
.form-block.center input[type="text"],
.form-block.center input[type="password"]
.form-block.center .f_input .error { 
	text-align:center;
	padding-left:0;
	padding-right:0;
}
.form-block .f_check {
	position:relative;
	margin-bottom:30px;
}
.form-block .f_check label {
	display:inline;
	position:relative;
}
.form-block .f_check label span {
	display:inline-block;
	position:relative;
	color:#8f8f8f;
	font-weight:300;
	padding-left:30px;
	z-index:2;
}
.form-block .f_check label span:before {
	content:'';
	display:block;
	position:absolute;
	top:2px;
	left:0px;
	width:20px;
	height:20px;
	border:2px solid #339eef;
}
.form-block .f_check label span:after {
	content:'';
	display:block;
	position:absolute;
	top:3px;
	left:4px;
	width:20px;
	height:10px;
	border-width:0 0 3px 3px;
	border-color:transparent;
	border-style:solid;
	transform: rotate(-45deg); 
	-webkit-transform: rotate(-45deg);
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
}
.form-block .f_check input {
	display:block;
	position:absolute;
	z-index:3;
	width:20px;
	height:20px;
	top:6px;
	left:1px;
	opacity:0,5;
}
.form-block .f_check input:checked + span {
	color:#333333;
	font-weight:400;
}
.form-block .f_check input:checked + span:before {
	border:2px solid #339eef;
}
.form-block .f_check input:checked + span:after {
	border-color:#339eef;
}
.form-block .f_check .error {
position:relative;
margin-top:10px;
}
.form-block .f_btn {
text-align:center;
}
.form-block .f_file {
position:relative;
padding:0;
margin-bottom:5px;
text-overflow: ellipsis;
width:100%;
min-height:40px;
}
.form-block .f_file.instance {
display:none;
}
.form-block .f_file .btn {
position:absolute;
display:block;
cursor:pointer;
}
.form-block .f_file span {
display:block;
margin:0 20px 5px 150px;
white-space:nowrap;
text-overflow: ellipsis;
overflow:hidden;
padding:7px 0;
}
.form-block .f_file input[type="file"] {
	display:none;
}
.form-block .f_file .delete {
display:block;
position:absolute;
right:0;
top:6px;
font-size:24px;
cursor:pointer;
width:20px;
height:20px;
border-radius:40px;
-moz-border-radius:40px;
-webkit-border-radius:40px;
-khtml-border-radius:40px; 
background:none;
text-align:center;
line-height:18px;
-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
}
.form-block .f_file .delete:hover {
background:#df0000;
color:#ffffff;
}
.form-block .multi_files {
padding-bottom:10px;
}
.form-block .multi_files label {
padding-left:10px;
}
/*--*/
.feedback_success {
position:relative;
text-align:center;
padding-top:20px;
}
.feedback_success:before {
content: "\62";
display:block;
text-align:center;
font-size:150px;
color:#339eef;
line-height:150px;
}
@media (max-width:1024px){
.form-block .f_input.f_captcha .captcha {
	height:54px;
}
}
@media (max-width:600px){
.form-block label {
	float:none;
	width:auto;
	padding:0 0 5px 0;
	font-size:16px;
	line-height:20px;
}
.form-block .f_input,
.form-block .f_input.half_size {
	float:none;
	width:auto;
}
.form-block .f_input .field {
	width:100%;
}
.form-block .f_check.ctr {
text-align:left;
}
.form-block .f_input {
	padding-bottom:30px;
}
.form-block .f_input .error {
	min-height:30px;
}
.form-block .f_input.f_captcha .captcha {
	top:25px;
	height:51px;
}
}
@media (max-width:800px){
.form-block .f_input.f_captcha img {
	max-height:51px;
}
}
@media (max-width:480px){
.form-block .f_input.f_captcha input[type="text"] {
	width:50%;
}
.form-block .f_input.f_captcha img {
	display:block;
	position:relative;
	top:auto;
	left:auto;
	margin-left:0;
	max-width:100%;
	max-height:51px;
	margin-bottom:10px;
}
}

/*----------------------------------*/
.btn {
display:inline-block;
position:relative;
padding:20px 30px;
color:rgba(36,50,78,1);
font-size:1em;
line-height:0;
font-weight:600;
text-align:center;
border-width:2px;
border-style:solid;
border-radius:40px;
-moz-border-radius:40px;
-webkit-border-radius:40px;
-khtml-border-radius:40px; 
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
transition: all .3s ease;
text-decoration:none;
white-space:nowrap;
-webkit-appearance: none;
background:rgba(162,215,228,1);
border-color:rgba(162,215,228,1);
cursor:pointer;
box-shadow:0 0 10px rgba(0,0,0,0);
}
.btn:before {
font-weight:600;
}
.btn.icon_left {
padding-right:30px;
padding-left:50px;
}
.btn.icon_right {
padding-right:50px;
padding-left:30px;
}
.btn:hover {
background:rgba(107,194,195,1);
border-color:rgba(107,194,195,1);
box-shadow:0 0 10px rgba(0,0,0,.1);
}
.btn.red {
background:#e73c32;
border-color:#e73c32;
}
.btn.red:hover {
background:#297bc0;
border-color:#297bc0;
}

.btn.small {
font-size:1em;
font-weight:600;
padding:18px 20px;
}
.btn.small.icon_left {
padding-right:20px;
padding-left:35px;
}
.btn.small.icon_right {
padding-right:35px;
padding-left:20px;
}
.btn.big {
font-size:1.4em;
padding:30px 40px;
}
.btn.big.icon_left {
padding-right:40px;
padding-left:65px;
}
.btn.big.icon_right {
padding-right:65px;
padding-left:40px;
}
.btn.all {
padding:15px 40px 15px 10px;
border:none;
background:rgba(0,0,0,0);
color:#9eaab2;
font-size:14px;
font-weight:700;
text-transform:uppercase;
cursor:pointer;
}
.btn.all:hover {
color:#297bc0;
}
.btn.all:after {
content: "\66";
position:absolute;
font-family: "irinaivanik" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
text-transform: none !important;
font-size:16px;
top:0;
right:0;
width:30px;
height:30px;
line-height:30px;
background:#297bc0;
border:2px solid #297bc0;
color:#ffffff;
border-radius:40px;
-moz-border-radius:40px;
-webkit-border-radius:40px;
-khtml-border-radius:40px; 
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
transition: all .3s ease;
}
.btn.all:hover:after {
background:none;
color:#297bc0;
}

.btn.trans {
background:transparent;
color:rgba(162,215,228,1);
border-color:rgba(162,215,228,1);
}
.btn.trans:hover {
color:#ffffff;
background:#297bc0;
border-color:#297bc0;
}
.btn.trans.red {
color:#e73c32;
border-color:#e73c32;
}
.btn.trans.blue:hover {
color:#ffffff;
background:#e73c32;
border-color:#e73c32;
}
.btn.trans.inverted {
background:transparent;
color:#ffffff;
border-color:#ffffff;
}
.btn.trans.inverted:hover {
color:#ffffff;
background:#297bc0;
border-color:#297bc0;
}
.btn.trans.grey {
background:transparent;
color:rgba(0,0,0,.6);
border-color:rgba(0,0,0,.6);
opacity:0.5;
}
.btn.trans.grey:hover {
background:#297bc0;
color:#ffffff;
opacity:1;
border-color:#297bc0;
}
.btn.icon_left:before,
.btn.icon_right:before {
display:inline-block;
position:absolute;
top:50%;
margin-top:1px;
font-size:20px;
line-height:0;
width:50px;
background:rgba(0,0,0,0);
vertical-align:middle;
left:0;
text-align:center;
}
.btn.icon_right:before {
left:auto;
right:0;
}
.btn.small.icon_left:before,
.btn.small.icon_right:before {
font-size:16px;
width:35px;
margin-top:2px;
}
.btn.big.icon-left:before,
.btn.big.icon-right:before {
font-size:26px;
margin-top:3px;
width:70px;
}
@media (max-width:1366px){
.btn.big {
font-size:1.2em;
padding-top:25px;
padding-bottom:25px;
}
}
@media (max-width:1024px){
.btn.small {
font-size:0.9em;
font-weight:600;
padding:15px 15px;
}
}
@media (max-width:800px){
.btn {
padding:16px 20px;
}
.btn.icon_left:before,
.btn.icon_right:before {
margin-top:3px;
font-size:22px;
}
}
@media (max-width:800px){

}
@media (max-width:480px){

}
/*------------------------------------------------------------------------*/
.wrap {
	position:relative;
	z-index:1;
}
.pdd {
padding:0 3em;
}
.anti-pdd {
/*margin:0 -3em;*/
}
.nbs-container {
	position:relative;
	max-width:1200px;
	margin:0 auto;
	width:100%;
}
.std {
	padding:40px 0;
}
@media (max-width:1366px) {

}
/* screen 1280 */
@media (max-width:1280px) {

}
/* iPad landscape */
@media (orientation: landscape) and (max-width:1024px) {

}
@media (orientation: portrait) {
	.anti-pdd {
		margin:0 -3em;
		}
}
/* iPad portrait */
@media (orientation: portrait) and (max-width:768px) {

}
/* iPad mini portrait */
@media (orientation: portrait) and (max-width:600px) {

}
/* iPad mini landscape */
@media (orientation: landscape) and (max-width:800px) {
.pdd {
padding:0 1.5em;
}
.anti-pdd {
margin:0 -1.5em;
}
}
/* iPhone6/7/8/X portrait */
@media (orientation: portrait) and (max-width:480px) {
.pdd {
padding:0 1.5em;
}
.anti-pdd {
margin:0 -1.5em;
}
}
/* iPhoneX landscape */
@media (orientation: landscape) and (max-width:812px) {
.pdd {
padding:0 2.0em;
}
.anti-pdd {
margin:0 -2.0em;
}
}
/* iPhone6/7/8 landscape */
@media (orientation: landscape) and (max-width:680px) {
.pdd {
padding:0 1.5em;
}
.anti-pdd {
margin:0 -1.5em;
}
}
/*-----------------------------------------*/
#page-preloader {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgb(36,50,78);
	background: radial-gradient(circle, rgb(63, 82, 121), rgb(36,50,78));
	background:url(/img/slide_5_water.jpg) center center no-repeat;
	background-size:cover;
    z-index: 100500;
	overflow:hidden;

}
#page-preloader .ripple,
#page-preloader .ripple2 {
position:absolute;
background:url(/img/slide_5_water.jpg) center center no-repeat;
background-size:cover;
top:0;
left:0;
width:100%;
height:100%;
z-index:2;
animation-name: preloader_ripple_action;
animation-duration: 6s;
animation-delay: 0s;
animation-iteration-count: infinite;
animation-timing-function: linear;
opacity:0;
}
#page-preloader .ripple2 {
animation-delay: 3s;
z-index:3;
}
@keyframes preloader_ripple_action {
  0% {top:0; left:0; width:100%; height:100%; opacity:0;}
  20% {opacity:0.5;}
  80% {opacity:0.5;}
  100% {top:-7%; left:-5%; width:110%; height:110%; opacity:0;}
}
#page-preloader:before {
content:'';
position:absolute;
z-index:4;
display:inline-block;
top:35%;
left:50%;
transform:translate(-50%, -50%);
width:50%; 
max-width:700px;
height:100%;
background:url(/img/logo.svg) center center no-repeat;
background-size:contain;
opacity:1;
filter: blur(0px);
-webkit-filter: blur(0px);
}

#page-preloader .spinner {
position: absolute;
    left: 50%;
    top: 50%;
 /* border: 16px solid #f3f3f3;
  border-top: 16px solid #3498db; 
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;*/
  z-index:2;
  
}
.rim1, .rim2, .rim3{
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%, -50%);
  border-radius: 50%;
  width: 0em;
  height: 0em;
  border: rgb(162,215,228) .5em solid;
  background: rgba(162,215,228, 0);
  opacity: 0;
}
.rim1 {
  -webkit-animation: expand 3s linear 0.1s infinite;

  
}
.rim2 {
  -webkit-animation: expand2 3s linear 0.2s infinite;

}
.rim3 {
  -webkit-animation: expand3 3s linear 0.3s infinite;

}

@-webkit-keyframes expand {
  0% {
   /* top: calc(50% - .5em);
    left: calc(50% - .5em);*/
    width: 0.2em;
    height: 0.2em;
    border: rgb(162,215,228) .15em solid;
    opacity: 0.4;
	background: rgba(162,215,228, 0);
	filter: blur(1px);
    -webkit-filter: blur(1px);
  }
  100% {
    /*top: calc(50% - 5.5em);
    left: calc(50% - 5.5em);*/
    width: 6em;
    height: 6em;
    border: rgb(162,215,228) .7em solid;
    opacity: 0;
	background: rgba(162,215,228, 0);
	filter: blur(3px);
    -webkit-filter: blur(3px);
  }
}
@-webkit-keyframes expand2 {
  0% {
   /* top: calc(50% - .5em);
    left: calc(50% - .5em);*/
    width: 0.5em;
    height: 0.5em;
    border: rgb(162,215,228) .15em solid;
    opacity: 0.3;
	background: rgba(162,215,228, 0);
	filter: blur(2px);
    -webkit-filter: blur(2px);
  }
  100% {
    /*top: calc(50% - 5.5em);
    left: calc(50% - 5.5em);*/
    width: 10em;
    height: 10em;
    border: rgb(162,215,228) 0.7em solid;
    opacity: 0;
	background: rgba(162,215,228, 0);
	filter: blur(5px);
    -webkit-filter: blur(5px);
  }
}
@-webkit-keyframes expand3 {
  0% {
   /* top: calc(50% - .5em);
    left: calc(50% - .5em);*/
    width: 1.0em;
    height: 1.0em;
    border: rgb(162,215,228) .15em solid;
    opacity: 0.2;
	background: rgba(162,215,228, 0);
	filter: blur(3px);
    -webkit-filter: blur(3px);
  }
  100% {
    /*top: calc(50% - 5.5em);
    left: calc(50% - 5.5em);*/
    width: 14em;
    height: 14em;
    border: rgb(162,215,228) .7em solid;
    opacity: 0;
	background: rgba(162,215,228, 0);
	filter: blur(7px);
    -webkit-filter: blur(7px);
  }
}
/*@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}*/
/*----------------------------------------------------------------*/
#start_btn {
position:absolute;
z-index:1000;
}
#stopWatch {
position:absolute;
z-index:1000;
right:0;
bottom:0;
color:#ffffff;
background:#000000;
padding:10px;
font-size:2em;
}
#stopWatch.red {
	background: #ff0000;
}
.count {
position:absolute;
text-align:center;
width:100%;
bottom:5%;
left:0;
z-index:1000;
-webkit-transition: all .8s ease; 
-moz-transition: all .8s ease; 
transition: all .8s ease;
opacity:0;
}
.on .count {
/*bottom:10%;
opacity:1;*/
}
.count span {
display:inline-block;
font-size:3em;
text-align:center;
/*width:0.6em;*/
white-space: nowrap;
}
.count.slide_1_count span,
.count.slide_1_count .ago {
	color:rgb(36,50,78);
	text-shadow:0 0 10px rgba(36,50,78,0);
}
.count.slide_2_count span,
.count.slide_3_count span,
.count.slide_4_count span,
.count.slide_5_count span,
.count.slide_6_count span,
.count.slide_2_count .ago,
.count.slide_3_count .ago,
.count.slide_4_count .ago,
.count.slide_5_count .ago {
	color:rgba(255,255,255,1);
	text-shadow:0 0 10px rgba(36,50,78,.7);
}
#countdown {
color:rgba(255,255,255,0);
text-shadow:0 0 10px rgba(36,50,78,0);
opacity:0;
}
.on #countdown {
animation-name: count_action;
animation-duration: 35s;
}
@keyframes count_action {
  0% {color:rgb(36,50,78);text-shadow:0 0 10px rgba(36,50,78,0);}
  12% {color:rgb(36,50,78);text-shadow:0 0 10px rgba(36,50,78,0);}
  13% {color:rgba(255,255,255,1);text-shadow:0 0 10px rgba(36,50,78,.7);}
  38% {color:rgba(255,255,255,1);text-shadow:0 0 10px rgba(36,50,78,.7);}
  39% {color:rgb(36,50,78);text-shadow:0 0 10px rgba(36,50,78,0);}
  42% {color:rgb(36,50,78);text-shadow:0 0 10px rgba(36,50,78,0);}
  43% {color:rgba(255,255,255,1);text-shadow:0 0 10px rgba(36,50,78,.7);}
  98% {color:rgba(255,255,255,1);text-shadow:0 0 10px rgba(36,50,78,.7);}
  100% {color:rgba(255,255,255,0);text-shadow:0 0 10px rgba(36,50,78,0);}
}
.count span.now {
overflow:visible;
width:auto;
}
.en .count span.now:before {
content:'TODAY';
}
.fi .count span.now:before {
content:'TÄNÄÄN';
}
.cn .count span.now:before {
content:'今天';
}

.count i {
display:inline-block;
width:0.7em;
}
.count .ago {
display:block;
position:absolute;
top:100%;
width:100%;
text-align:center;
text-transform:uppercase;
color:#ffffff;
font-weight:400;
}
.on .count .ago {
/*animation-name: count_action;
animation-duration: 35s;*/
}
.en .count .ago:before {
content:'Years ago';
}
.fi .count .ago:before {
content:'Vuosia sitten';
}
.cn .count .ago:before {
content:'几年前';
}
/*----------------*/
.on .slide_1_count,
.on .slide_2_count,
.on .slide_3_count,
.on .slide_4_count,
.on .slide_5_count,
.on .slide_6_count {
animation-name: slide_count_action;
animation-duration: 5s;
animation-timing-function: linear;
}
.on .slide_2_count {
	animation-duration: 10s;
}
.on .slide_6_count {
	animation-duration: 10s;
	animation-name: slide_count_action_long;
}
.on .slide_1_count {animation-delay: 0s;}
.on .slide_2_count {animation-delay: 5s;}
.on .slide_3_count {animation-delay: 15s;}
.on .slide_4_count {animation-delay: 20s;}
.on .slide_5_count {animation-delay: 25s;}
.on .slide_6_count {animation-delay: 30s;}

@keyframes slide_count_action {
	0% {opacity:0; bottom:5%;}
	10% {opacity:1; bottom:12%;}
	90% {opacity:1; bottom:12%;}
	100% {opacity:0;bottom:5%;}
}
@keyframes slide_count_action_long {
	0% {opacity:0; bottom:5%;}
	5% {opacity:1; bottom:12%;}
	95% {opacity:1; bottom:12%;}
	100% {opacity:0;bottom:5%;}
}
@media (orientation: portrait) {
	.count {
		bottom:4em;
	}
	@keyframes slide_count_action {
		0% {opacity:0; bottom:5%;}
		10% {opacity:1; bottom:15%;}
		90% {opacity:1; bottom:15%;}
		100% {opacity:0;bottom:5%;}
	}
	@keyframes slide_count_action_long {
		0% {opacity:0; bottom:5%;}
		5% {opacity:1; bottom:15%;}
		95% {opacity:1; bottom:15%;}
		100% {opacity:0;bottom:5%;}
	}
}
/*----------------------------*/
.intro {
position:fixed;
height:100%;
width:100%;
top:0;
left:0;
z-index:999;
background:rgba(255,255,255,0);
overflow:hidden;
animation-name: intro_action;
animation-duration: 35s;
/*display:none;*/
}
.intro.on {
/*opacity:0;
transition-delay: 45s;*/
} 
@keyframes intro_action {
  0% {background:rgba(255,255,255,0);}
  1% {background:rgba(255,255,255,1);}
  80% {background:rgba(255,255,255,1);}
  81% {background:rgba(255,255,255,0);}
  100% {background:rgba(255,255,255,0);}
}
/*----------------------------------------------*/
.top_line {
position:fixed;
top:0;
left:0;
width:100%;
z-index:1000;
}
.top_line .nbs-container {
max-width:1920px;
}
.top_line .logo {
display:inline-block;
position:absolute;
top:4em;
transform:translate(0, -50%);
left:0;
width:140px;
height:55px;
background:url(/img/logo.svg) center center no-repeat;
background-size:contain;
-webkit-transition: all .8s ease; 
-moz-transition: all .8s ease; 
transition: all .8s ease;
}
.top_line .lang {
display:inline-block;
position:absolute;
top:4em;
transform:translate(0, -50%);
right:0;
-webkit-transition: all .8s ease; 
-moz-transition: all .8s ease; 
transition: all .8s ease;
}
.top_line .lang a {
display:inline-block;
vertical-align:middle;
text-decoration:none;
color:rgba(162,215,228,1);
margin:0 0 0 1em;
border:2px solid rgba(255,255,255,0);
border-radius:2.5em;
padding:0;
width:40px;
line-height:36px;
height:40px;
text-align:center;
white-space:nowrap;
font-weight:600;
font-size:0.8em;
-webkit-transition: all .5s ease; 
-moz-transition: all .5s ease; 
transition: all .5s ease;
cursor:pointer;
}
.top_line .lang a.cn {
font-size:0.7em;
}
.top_line .lang a.active,
.top_line .lang:hover a.active:hover,
.top_line .lang:hover a:hover {
border-color:rgba(255,255,255,0);
background:rgba(162,215,228,1);
/*background: rgba(107,194,195,1);*/
color:rgba(36,50,78,1);
}
.top_line .lang:hover a.active {
border-color:rgba(255,255,255,0);
background:rgba(255,255,255,0);
color:#ffffff;
}
@media (max-width:1366px) {

}
/* screen 1280 */
@media (max-width:1280px) {

}
/* iPad landscape */
@media (orientation: landscape) and (max-width:1024px) {
.top_line .logo {
width:120px;
height:50px;
}
}
@media (orientation: portrait) {
.top_line {
position:absolute;
}
.top_line.on {
position:fixed;
}
}
/* iPad portrait */
@media (orientation: portrait) and (max-width:768px) {

}
/* iPad mini portrait */
@media (orientation: portrait) and (max-width:600px) {

}
/* iPad mini landscape */
@media (orientation: landscape) and (max-width:800px) {
.top_line {
position:absolute;
}
.top_line .logo {
width:100px;
height:50px;
top:3em;
}
.top_line .lang {
top:3em;
}
.top_line .lang a {
margin:0 0 0 0.5em;
}
}
/* iPhone6/7/8/X portrait */
@media (orientation: portrait) and (max-width:480px) {
.top_line .logo {
width:100px;
height:50px;
top:3em;
}
.top_line .lang {
top:3em;
}
.top_line .lang a {
margin:0 0 0 0.5em;
}
}
/* iPhoneX landscape */
@media (orientation: landscape) and (max-width:812px) {
.top_line {
position:absolute;
}
.top_line .lang {
top:3em;
}
.top_line .lang a {
margin:0 0 0 0.5em;
}
.top_line .logo {
width:100px;
height:50px;
top:3em;
}
}
/* iPhone6/7/8 landscape */
@media (orientation: landscape) and (max-width:680px) {

}
/*-------------------------------*/
.intro_slide {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
opacity:0;
}
/*--*/
.intro_slide_h {
position:absolute;
top:15%;
left:50%;
text-align:center;
width:50%;
transform:translate(-50%, 0%);
font-size:2.8em;
line-height:1.8em;
opacity:0;
color:#ffffff;
text-transform:uppercase;
font-weight:300;
}
.slide_8_h {
-webkit-transition: all .8s ease; 
-moz-transition: all .8s ease; 
transition: all .8s ease;
top:25%;
width:100%;
}
.intro_slide_h:after {
display:block;
font-size:0.6em;
}
/* screen 1366 */
@media (max-width:1366px) {

}
/* screen 1280 */
@media (max-width:1280px) {

}
/* iPad landscape */
@media (orientation: landscape) and (max-width:1024px) {
.intro_slide_h {
width:75%;
font-size:2.5em;
}
.slide_8_h {
max-width:100%;
padding:0 1em;
}
}
/* iPad portrait */
@media (orientation: portrait) and (max-width:768px) {
.intro_slide_h {
width:75%;
font-size:2.8em;
}
.slide_8_h {
width:100%;
padding:0 1em;
}
}
/* iPad mini portrait */
@media (orientation: portrait) and (max-width:600px) {
.intro_slide_h {
width:80%;
font-size:2.3em;
}
.slide_8_h {
width:80%;
padding:0;
}
}
/* iPad mini landscape */
@media (orientation: landscape) and (max-width:800px) {
.intro_slide_h {
padding-top:0.5em;
width:60%;
font-size:2.0em;
}
.slide_8_h {
width:100%;
padding:0.5em 1em 0;
}
}
/* iPhone6/7/8/X portrait */
@media (orientation: portrait) and (max-width:480px) {
.intro_slide_h {
padding:0.5em 1em 0;
width:100%;
font-size:2.0em;
}
.slide_8_h {
width:100%;
padding:0.5em 1em 0;
}

}
/* iPhoneX landscape */
@media (orientation: landscape) and (max-width:812px) {
.intro_slide_h {
padding:0.5em 1em 0;
width:80%;
font-size:1.8em;
}
.slide_8_h {
width:40%;
padding:1.5em 1em 0;
}
}
/* iPhone6/7/8 landscape */
@media (orientation: landscape) and (max-width:680px) {

}

.on .intro_slide_h {
animation-name: intro_slide_h_action;
animation-duration: 6s;
line-height:1.2em;
}

.on .slide_1_h {animation-delay: 0s;}
.on .slide_2_h {animation-delay: 5s;}
.on .slide_3_h {animation-delay: 10s;}
.on .slide_4_h {animation-delay: 15s;}
.on .slide_5_h {animation-delay: 20s;}
.on .slide_6_h {animation-delay: 25s;}
.on .slide_7_h {animation-delay: 30s;animation-duration: 10s;animation-name: intro_slide_h_action_long;}
.on .slide_8_h {
animation-delay: 0s;
animation-name:none;
animation-duration: 0;
top:15%;
opacity:1;
transition-delay:0.5s;
}
@keyframes intro_slide_h_action {
  0% {opacity:0; top:25%;line-height:1.8em;}
  30% {opacity:1; top:15%; line-height:1.2em;}
  70% {opacity:1; top:15%; line-height:1.2em;}
  100% {opacity:0; top:5%;line-height:0.8em;}
}
@keyframes intro_slide_h_action_long {
	0% {opacity:0; top:25%;line-height:1.8em;}
	15% {opacity:1; top:15%; line-height:1.2em;}
	85% {opacity:1; top:15%; line-height:1.2em;}
	100% {opacity:0; top:5%;line-height:0.8em;}
  }
/*--*/
.en .slide_1_h:before {
content:'Way back when...';
}
.fi .slide_1_h:before {
content:'Kauan sitten, kun...';
}
.cn .slide_1_h:before {
content:'天地初开...';
}
/*--*/
.en .slide_2_h:before {
content:'Born in the kingdom of blue ice';
}
.fi .slide_2_h:before {
content:'Syntynyt sinisten jäätiköiden valtakunnassa';
}
.cn .slide_2_h:before {
content:'始于蓝冰王国';
}
/*--*/
.en .slide_3_h:before {
content:'Water opened its way to you';
}
.fi .slide_3_h:before {
content:'Vesi on löytänyt tiensä sinun luokse';
}
.cn .slide_3_h:before {
content:'水初现';
}
/*--*/
.en .slide_4_h:before {
content:'Glaciers melted for you!';
}
.fi .slide_4_h:before {
content:'Jäätiköt ovat sulanneet sinua varten!';
}
.cn .slide_4_h:before {
content:'冰川开始消融！';
}
/*--*/
.en .slide_5_h:before {
content:'Filtered by ancient sands it sprang from the ground';
}
.fi .slide_5_h:before {
content:'Muinaisten hiekkojen suodattamana se nousi maan alta';
}
.cn .slide_5_h:before {
content:'穿透古老细沙，水终涌现';
}
/*--*/
.en .slide_6_h:before {
content:'Mother Nature made this water crystal clear';
}
.fi .slide_6_h:before {
content:'Luonto on muovannut tämän veden kristallin puhtaaksi';
}
.cn .slide_6_h:before {
content:'大自然母亲神奇净化，令水纯净透亮';
}
/*--*/
.en .slide_7_h:before {
content:'We saved it for you';
}
.fi .slide_7_h:before {
content:'Me talletimme sen sinua varten';
}
.cn .slide_7_h:before {
content:'我们为您呈现';
}
/*--*/
.en .slide_8_h:before {
content:'Live with Lapland Spring!';
}
.fi .slide_8_h:before {
content:'Elä Lapland Springin kanssa!';
}
.cn .slide_8_h:before {
content:'拉普兰矿泉水与您同在！';
}


/*------------------------------*/
.slide_1_sky {
background-image:url(/img/slide_1_sky.jpg);
width:102%;
}
.on .slide_1_sky {
animation-name: slide_1_sky_action;
animation-duration: 6s;
animation-timing-function: linear;
}
@keyframes slide_1_sky_action {
  0% {opacity:0;left:0;}
  20% {opacity:1;}
  80% {opacity:1;}
  100% {opacity:0;left:-2%;}
}
/*--*/
.slide_1_glacier {
background-image:url(/img/slide_1_glacier.png);
}
.on .slide_1_glacier {
animation-name: slide_1_glacier_action;
animation-duration: 5s;
animation-delay: 0s;
}
@keyframes slide_1_glacier_action {
  0% {opacity:0; top:5%}
  20% {opacity:0; top:5%}
  40% {opacity:0.5;}
  50% {opacity:1;}
  80% {opacity:1;}
  100% {opacity:0; top:0;}
}
/*--*/
.slide_1_ground {
background-image:url(/img/slide_1_ground.png);
}
.on .slide_1_ground {
animation-name: slide_1_ground_action;
animation-duration: 5s;
}
@keyframes slide_1_ground_action {
  0% {opacity:0;}
  20% {opacity:1;}
  80% {opacity:1;}
  100% {opacity:0;}
}
/*--*/
.slide_1_mammoth_3 {
background-image:url(/img/slide_1_mammoth_3.png);
}
@media (max-width:960px) and (orientation: portrait){
.slide_1_mammoth_3 {
width:120%;
}
}
@media (max-width:820px) and (orientation: portrait){
.slide_1_mammoth_3 {
width:140%;
}
}
@media (max-width:680px) and (orientation: portrait){
.slide_1_mammoth_3 {
width:120%;
}
}
.on .slide_1_mammoth_3 {
animation-name: slide_1_mammoth_action;
animation-duration: 3.5s;
animation-delay: 2.0s;
}
/*--*/
.slide_1_mammoth_2 {
background-image:url(/img/slide_1_mammoth_2.png);
}
@media (orientation: portrait){

}
.on .slide_1_mammoth_2 {
animation-name: slide_1_mammoth_action;
animation-duration: 4.0s;
animation-delay: 1.5s;
}
/*--*/
.slide_1_mammoth_1 {
background-image:url(/img/slide_1_mammoth_1.png);
}
@media (orientation: portrait){

}
.on .slide_1_mammoth_1 {
animation-name: slide_1_mammoth_action;
animation-duration: 4.5s;
animation-delay: 1s;
}
@keyframes slide_1_mammoth_action {
  0% {opacity:0;}
  20% {opacity:1;}
  80% {opacity:1;}
  100% {opacity:0;}
}
/*------------*/
.slide_2_sky {
background-image:url(/img/slide_2_sky.jpg);
width:105%;
}
.on .slide_2_sky {
animation-name: slide_2_sky_action;
animation-duration: 23s;
animation-timing-function: linear;
animation-delay: 3s;
}
@keyframes slide_2_sky_action {
  0% {opacity:0;left:0;}
  10% {opacity:1;}
  90% {opacity:1;}
  100% {opacity:0;left:-5%;}
}
/*--*/
.slide_2_sun {
background-image:url(/img/slide_2_sun.png);
}
.on .slide_2_sun {
animation-name: slide_2_sun_action;
animation-duration: 23s;
animation-timing-function: linear;
animation-delay: 3s;
}
@keyframes slide_2_sun_action {
  0% {opacity:0;left:0; top:0;}
  10% {opacity:1;}
  90% {opacity:1;}
  100% {opacity:0;left:20%; top:-3%;}
}
/*--*/
.slide_2_ground {
background-image:url(/img/slide_2_ground.png);
}
.on .slide_2_ground {
animation-name: slide_2_ground_action;
animation-duration: 10s;
animation-delay: 5s;
}
@keyframes slide_2_ground_action {
  0% {opacity:0;top:5%;}
  20% {opacity:0;}
  50% {opacity:1;top:5%;}
  80% {opacity:1; top:0;}
  100% {opacity:0;}
}
/*--*/
.slide_2_ice {
background-image:url(/img/slide_2_ice.png);
}
.on .slide_2_ice {
animation-name: slide_2_ice_action;
animation-duration: 11s;
animation-delay: 4s;
}
@keyframes slide_2_ice_action {
  0% {opacity:0;top:5% }
  15% {opacity:1; top:0;}
  50% {opacity:1;top:0;}
  85% {opacity:1;}
  100% {opacity:0;top:100%}
}
/*------------*/
.slide_3_rocks {
background-image:url(/img/slide_3_rocks.png);
}
.on .slide_3_rocks {
animation-name: slide_3_rocks_action;
animation-duration: 5s;
animation-delay: 15s;
animation-timing-function: linear;
}
@keyframes slide_3_rocks_action {
  0% {opacity:0; top:5%;}
  20% {opacity:1; top:0;}
  50% {opacity:1;}
  80% {opacity:1; top:0;}
  100% {opacity:0;top:2%;}
}
/*--*/
.slide_3_glacier {
background-image:url(/img/slide_3_glacier.png);
}
.on .slide_3_glacier {
animation-name: slide_3_glacier_action;
animation-duration: 5s;
animation-delay: 15s;
animation-timing-function: linear;
}
@keyframes slide_3_glacier_action {
  0% {opacity:0; top:5%;}
  20% {opacity:1;top:0%;}
  55% {opacity:1;}
  90% {opacity:0;}
  100% {opacity:0;top:5%;}
}
/*--*/
.slide_3_ground {
background-image:url(/img/slide_3_ground.png);
}
.on .slide_3_ground {
animation-name: slide_3_ground_action;
animation-duration: 5.5s;
animation-delay: 14.5s;
animation-timing-function: linear;
}
@keyframes slide_3_ground_action {
  0% {opacity:0;}
  15% {opacity:1;}
  50% {opacity:1;}
  90% {opacity:1;}
  100% {opacity:0;}
}
/*-------*/
.slide_4_hill {
background-image:url(/img/slide_4_hill.png);
}
.on .slide_4_hill {
animation-name: slide_4_hill_action;
animation-duration: 5s;
animation-delay: 20s;
animation-timing-function: linear;
}
@keyframes slide_4_hill_action {
  0% {opacity:0; top:5%;}
  25% {opacity:1; }
  50% {opacity:1; top:0;}
  80% {opacity:1;}
  100% {opacity:0;}
}
/*--*/
.slide_4_ground {
background-image:url(/img/slide_4_ground.png);
}
.on .slide_4_ground {
animation-name: slide_4_ground_action;
animation-duration: 5.5s;
animation-delay: 19.5s;
animation-timing-function: linear;
}
@keyframes slide_4_ground_action {
  0% {opacity:0; top:5%;}
  25% {opacity:1; top:0;}
  50% {opacity:1;}
  80% {opacity:1;}
  100% {opacity:0;}
}
/*--*/
.slide_4_deer_1 {
background-image:url(/img/slide_4_deer_1.png);
}
.on .slide_4_deer_1 {
animation-name: slide_4_deer_1_action;
animation-duration: 5s;
animation-delay: 20s;
animation-timing-function: linear;
}
@keyframes slide_4_deer_1_action {
  0% {opacity:0;}
  25% {opacity:0;}
  50% {opacity:1;}
  80% {opacity:1;}
  100% {opacity:0;}
}
/*--*/
.slide_4_deer_2 {
background-image:url(/img/slide_4_deer_2.png);
}
.on .slide_4_deer_2 {
animation-name: slide_4_deer_2_action;
animation-duration: 5s;
animation-delay: 20s;
animation-timing-function: linear;
}
@keyframes slide_4_deer_2_action {
  0% {opacity:0;}
  30% {opacity:0;}
  55% {opacity:1;}
  80% {opacity:1;}
  100% {opacity:0;}
}
/*--*/
.slide_4_rock {
background-image:url(/img/slide_4_rock.png);
}
.on .slide_4_rock {
animation-name: slide_4_rock_action;
animation-duration: 5s;
animation-delay: 20s;
animation-timing-function: linear;
}
@keyframes slide_4_rock_action {
  0% {opacity:0;}
  25% {opacity:0; top:5%;}
  35% {opacity:1; top:0;}
  80% {opacity:1;}
  100% {opacity:0;}
}
/*--*/
.slide_4_water {
background-image:url(/img/slide_4_water.png);
top:auto;
bottom:0;
}
.on .slide_4_water {
animation-name: slide_4_water_action;
animation-duration: 5s;
animation-delay: 20s;
animation-timing-function: linear;
}
@keyframes slide_4_water_action {
  0% {opacity:0;}
  35% {opacity:0; bottom:-5%; height:80%;}
  40% {opacity:1; bottom:0; height:100%;}
  80% {opacity:1; }
  100% {opacity:0;height:110%;}
}
/*--------------------------------------*/
.slide_5_water {
background-image:url(/img/slide_5_water.jpg);
}
.on .slide_5_water {
animation-name: slide_5_water_action;
animation-duration: 7s;
animation-delay: 24s;
animation-timing-function: linear;
}
@keyframes slide_5_water_action {
  0% {opacity:0;}
  10% {opacity:1;}
  95% {opacity:1;}
  100% {opacity:0;}
}
/*--*/
.slide_5_ripple {
background-image:url(/img/slide_5_water.jpg);
}
.on .slide_5_ripple {
animation-name: slide_5_ripple_action;
animation-duration: 7s;
animation-delay: 24s;
animation-timing-function: linear;
}
@keyframes slide_5_ripple_action {
  0% {opacity:0;}
  10% {opacity:0.5;}
  90% {opacity:0.5;}
  100% {opacity:0; width:120%; height:110%; left:-10%; top:-7%;}
}
/*--*/
.slide_5_hands {
background-image:url(/img/slide_5_hands.png);
}
.on .slide_5_hands {
animation-name: slide_5_hands_action;
animation-duration: 5s;
animation-delay: 25s;

}
@keyframes slide_5_hands_action {
  0% {opacity:0; top:-5%;}
  5% {opacity:0; top:-5%;}
  25% {opacity:1; top:0;}
  80% {opacity:1;}
  100% {opacity:0;}
}
@media (orientation: portrait) {
.slide_5_hands {
height:90%;
}
}
/*--------------------------------------*/
.slide_6_sky {
background-image:url(/img/slide_6_sky.jpg);
}
.on .slide_6_sky {
animation-name: slide_6_sky_action;
animation-duration: 10s;
animation-delay: 30s;
animation-timing-function: linear;
width:104%;
}
@keyframes slide_6_sky_action {
  0% {opacity:0; left:0;}
  5% {opacity:1;}
  96% {opacity:1;}
  100% {opacity:0; left:-4%;}
}
/*--*/
.slide_6_city {
background-image:url(/img/slide_6_city.png);
}
.on .slide_6_city {
animation-name: slide_6_city_action;
animation-duration: 10s;
animation-delay: 30s;
}
@keyframes slide_6_city_action {
  0% {opacity:0; top:5%;}
  2% {opacity:0; top:5%;}
  12% {opacity:1; top:0;}
  90% {opacity:1;top:0;}
  100% {opacity:0; top:5%;}
}
/*--*/
.slide_6_couple {
background-image:url(/img/slide_6_couple.png);
background-position:center center;
background-size: cover;
}
@media (max-width:1920px){
	.slide_6_couple {
	background-size: cover;
	}
}
@media (orientation: portrait){
.slide_6_couple {
	background-size: cover;
margin-top:0;
}
}
@media (orientation: portrait) and (max-width:480px) {
.slide_6_couple {
	background-size: cover;
}
}

.on .slide_6_couple {
animation-name: slide_6_couple_action;
animation-duration: 10s;
animation-delay: 30s;
}
@keyframes slide_6_couple_action {
  0% {opacity:0; top:5%;}
  5% {opacity:0; top:5%;}
  20% {opacity:1; top:0;}
  90% {opacity:1; top:0;}
  100% {opacity:0; top:5%;}
}
/*--------------------------------------*/
.top_slide {
position: fixed;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: 1;
overflow: hidden;
-webkit-transition: all .8s ease; 
-moz-transition: all .8s ease; 
transition: all .8s ease;
}
.top_slide .nbs-container {
z-index:4;
height:100%;
}
.fp-viewing-features1 .slide_7_sky,
.fp-viewing-features2 .slide_7_sky,
.fp-viewing-features3 .slide_7_sky,
.fp-viewing-features4 .slide_7_sky,
.fp-viewing-features5 .slide_7_sky,
.fp-viewing-footer .slide_7_sky {
opacity:0.5;
}
.fp-viewing-features1 .top_slide .logo,
.fp-viewing-features2 .top_slide .logo,
.fp-viewing-features3 .top_slide .logo,
.fp-viewing-features4 .top_slide .logo,
.fp-viewing-features5 .top_slide .logo,
.fp-viewing-footer .top_slide .logo {
left:0;
transform:none;
}
.slide_7_sky {
background-image:url(/img/slide_7_sky.jpg);
opacity:1;
z-index:1;
-webkit-transition: all .8s ease; 
-moz-transition: all .8s ease; 
transition: all .8s ease;
}

/*--*/
.slide_7_lights {
background-image:url(/img/slide_7_lights.png);
left:1%;
z-index:2;
}
.slide_7_lights {
animation-name: slide_7_lights_action;
animation-duration: 10s;
animation-delay: 0s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes slide_7_lights_action {
  0% {left:2%;opacity:0;}
  20% {opacity:0.5;}
  50% {left:-2%; width:104%; }
  80% {opacity:0.5;}
  100% {left:2%;opacity:0;}
}
/*--*/
.skyline {
width:200%;
height:100%;
top:100%;
left:-50%;
background:url(/img/skyline.svg) left bottom repeat-x;
background-size:auto 100%;
opacity:1;
z-index:3;
-webkit-transition: all .8s ease; 
-moz-transition: all .8s ease; 
transition: all .8s ease;
}
.skyline:after {
content:'';
display:block;
position:absolute;
height:100px;
width:100%;
top:100%;
background:#24334f;
}
.fp-viewing-sizes .skyline {
	top:0;
}
.fp-viewing-features1 .skyline {
top:0;
left:-45%;
}
.fp-viewing-features2 .skyline {
top:0;
left:-40%;
}
.fp-viewing-features2 .skyline {
top:0;
left:-35%;
}
.fp-viewing-features3 .skyline {
top:0;
left:-30%;
}
.fp-viewing-features4 .skyline {
top:0;
left:-25%;
}
.fp-viewing-features5 .skyline {
top:0;
left:-20%;
}
.fp-viewing-footer .skyline {
top:-100px;
left:-20%;
}
/*--*/
.top_slide .bottle {
position:absolute;
display:inline-block;
background-repeat:no-repeat;
background-position:center center;
background-size:contain;
height:50%;
width:auto;
top:65%;
opacity:0;
-webkit-transition: all .8s ease; 
-moz-transition: all .8s ease; 
transition: all .8s ease;
padding:0 1em;
}
.top_slide .bottle.still {
left:50%;
transform:translate(-100%, -50%);
}
.top_slide .bottle.still-50 {
left:-50%;
top:43%;
transform:translate(-50%, -50%);
transition-delay:0.6s;
opacity:0;
}
.top_slide .bottle.still-35 {
left:-50%;
top:43%;
transform:translate(0%, -50%);
transition-delay:0.9s;
opacity:0;
}
.top_slide .bottle.carb {
right:50%;
transform:translate(100%, -50%);
transition-delay:0.3s;
}
.top_slide .bottle.carb-50 {
right:-50%;
top:43%;
transform:translate(50%, -50%);
transition-delay:0.6s;
opacity:0;
}
.top_slide .bottle.carb-35 {
right:-50%;
top:43%;
transform:translate(0%, -50%);
transition-delay:0.9s;
opacity:0;
}
.top_slide .bottle img {
height:100%;
width:auto;
}
.top_slide.on .bottle.still,
.top_slide.on .bottle.carb {
top:55%;
opacity:1;
 /*transition-delay: 35s;*/
}
@media (orientation: landscape) and (max-width:812px) {
	.top_slide .bottle {
		display:none;
		}
}
@media (orientation: portrait) {
.top_slide .bottle {
display:none;
}
}
@media (orientation: portrait) and (max-width:480px) {
.top_slide .bottle {
height:45%;
}
.top_slide .on .bottle {
top:60%;
}
}
@media (orientation: landscape) and (max-width:812px) {
.top_slide .bottle.still {
left:35%;
}
.top_slide .bottle.carb {
right:35%;
}
}
/*--*/
.fp-viewing-sizes .top_slide .bottle.still {
top:43%;
}
.fp-viewing-sizes .top_slide .bottle.still-50 {
left:25%;
opacity: 1;
}
.fp-viewing-sizes .top_slide .bottle.still-35 {
left:0%;
opacity: 1;
}
.fp-viewing-sizes .top_slide .bottle.carb {
top:43%;
}
.fp-viewing-sizes .top_slide .bottle.carb-50 {
right:25%;
opacity: 1;
}
.fp-viewing-sizes .top_slide .bottle.carb-35 {
right:0%;
opacity: 1;
}
@media (orientation: landscape) and (max-width:812px) {
	.fp-viewing-sizes .top_slide .bottle.still {
	left:45%;
	}
	.fp-viewing-sizes .top_slide .bottle.still-50 {
	left:25%;
	}
	.fp-viewing-sizes .top_slide .bottle.still-35 {
	left:5%;
	}
	.fp-viewing-sizes .top_slide .bottle.carb {
	right:45%;
	}
	.fp-viewing-sizes .top_slide .bottle.carb-50 {
	right:25%;
	}
	.fp-viewing-sizes .top_slide .bottle.carb-35 {
	right:5%;
	}
}
/*--*/
.fp-viewing-features1 .top_slide .bottle.still-50,
.fp-viewing-features1 .top_slide .bottle.carb-50,
.fp-viewing-features1 .top_slide .bottle.still-35,
.fp-viewing-features1 .top_slide .bottle.carb-35 {
	transition-delay:0s;
	-webkit-transition: all .5s ease; 
	-moz-transition: all .5s ease; 
	transition: all .5s ease;
}
.fp-viewing-features1 .top_slide .bottle.still {
top:50%;
transform:translate(0, -50%);
left:0;
height:70%;
}
.fp-viewing-features1 .top_slide .bottle.carb {
top:50%;
transform:translate(0, -50%);
right:-50%;
}

.fp-viewing-features1 .top_slide .bottle.still-50 {
left:25%;
top:0%;
opacity: 0;
transform:translate(-50%, -100%);
}
.fp-viewing-features1 .top_slide .bottle.still-35 {
left:0%;
top:0%;
opacity: 0;
transform:translate(0%, -100%);
}

.fp-viewing-features1 .top_slide .bottle.carb-50 {
right:25%;
top:0%;
opacity: 0;
transform:translate(50%, -100%);
}
.fp-viewing-features1 .top_slide .bottle.carb-35 {
right:0%;
top:0%;
opacity: 0;
transform:translate(0%, -100%);
}
/*--*/
.fp-viewing-features2 .top_slide .bottle.still {
top:50%;
transform:translate(0, -50%);
left:-50%;
}
.fp-viewing-features2 .top_slide .bottle.carb {
top:50%;
transform:translate(0, -50%);
right:0;
height:70%;
}
/*--*/
.fp-viewing-features3 .top_slide .bottle.still {
top:50%;
transform:translate(0, -50%);
left:0;
}
.fp-viewing-features3 .top_slide .bottle.carb {
top:50%;
transform:translate(0, -50%);
right:0;
}
/*--*/
.fp-viewing-features4 .top_slide .bottle.still {
top:50%;
transform:translate(-200%, -50%);
left:100%;
}
.fp-viewing-features4 .top_slide .bottle.carb {
top:50%;
transform:translate(0, -50%);
right:0;
}
/*--*/
.fp-viewing-features5 .top_slide .bottle.still {
top:50%;
transform:translate(0, -50%);
left:0;
}
.fp-viewing-features5 .top_slide .bottle.carb {
top:50%;
transform:translate(200%, -50%);
right:100%;
}
/*--*/
.fp-viewing-footer .top_slide .bottle.still {
top:calc(50% - 100px);
transform:translate(0, -50%);
left:0;
}
.fp-viewing-footer .top_slide .bottle.carb {
top:calc(50% - 100px);
transform:translate(200%, -50%);
right:100%;
}

/*--*/
.fp-viewing-features3 .top_slide .slide_7_bottles {
top:0;
left:-40%;
}
.fp-viewing-features4 .top_slide .slide_7_bottles {
top:0;
left:-40%;
}
.fp-viewing-features5 .top_slide .slide_7_bottles {
top:0;
left:-40%;
}
.fp-viewing-footer .top_slide .slide_7_bottles {
top:-100px;
left:-40%;
}
/*-------------------------------------*/
.section .content {
display:none;
padding:1em 0;
}
.en .section .content.en,
.fi .section .content.fi,
.cn .section .content.cn {
display:block;
}
#section1 .content {
	text-align:center;
}
#section2 .content {
margin-left:30%;
}
#section3 .content {
margin-right:30%;
}
#section4 .content {
margin-left:20%;
margin-right:20%;
text-align:center;
}
#section5 .content {
margin-right:40%;
}
#section6 .content {
margin-left:50%;
}
@media (orientation: portrait) {
.section .content {
margin:0 !important;
padding:1em 0;
text-align:center;
}
}
/* iPad mini landscape */
@media (orientation: landscape) and (max-width:800px) {
.pdd {
padding:0 1.5em;
}
}
/* iPhone6/7/8/X portrait */
@media (orientation: portrait) and (max-width:480px) {
.pdd {
padding:0 1.5em;
}
}
/* iPhoneX landscape */
@media (orientation: landscape) and (max-width:812px) {
.pdd {
padding:0 2.0em;
}
}
/* iPhone6/7/8 landscape */

@media (orientation: landscape) and (max-width:812px) {
#section2 .content {
margin-left:10%;
margin-right:10%;
text-align: center;
}
#section3 .content {
	margin-left:10%;
	margin-right:10%;
	text-align: center;
}
#section4 .content {
	margin-left:10%;
	margin-right:10%;
	text-align: center;
}
#section5 .content {
	margin-left:10%;
	margin-right:10%;
	text-align: center;
}
#section6 .content {
	margin-left:10%;
	margin-right:10%;
	text-align: center;
}
}
@media (orientation: landscape) and (max-width:680px) {
/*#section2 .content {
margin-left:30%;
}
#section3 .content {
margin-right:30%;
}
#section4 .content {
margin-left:20%;
margin-right:20%;
text-align:center;
}
#section5 .content {
margin-right:40%;
}
#section6 .content {
margin-left:40%;
}*/
}
/*--*/
.section .bottle {
position:absolute;
display:none;
background-repeat:no-repeat;
background-position:center center;
background-size:contain;
width:auto;
-webkit-transition: all .8s ease; 
-moz-transition: all .8s ease; 
transition: all .8s ease;
padding:0 1em;
}

.section .bottle img {
height:100%;
width:auto;
}
@media (orientation: landscape) and (max-width:812px) {
	.section .bottle {
		display:inline-block;
		}
}
@media (orientation: portrait) {
.section .bottle {
display:inline-block;
}
}
.intro-block {
overflow:hidden;
}
.intro-block .bottle {
height:50vh;
top:56%;
opacity:0;
width:auto;
}
.intro-block.on .bottle {
opacity:1;
}
.intro-block .bottle.still {
transform:translate(0, -50%);
left:-50%;
left|:auto;
right:100%;
text-align:right;
}
.intro-block .bottle.carb {
transform:translate(0, -50%);
right:-50%;
right:auto;
left:100%;
}
.intro-block.on .bottle.still {
left:50%;
left:auto;
right:50%;
/*transform:translate(-100%, -50%);*/
}
.intro-block.on .bottle.carb {
right:50%;
right:auto;
left:50%;
/*transform:translate(100%, -50%);*/
}
@media (orientation: landscape) and (max-width:812px) {
	.intro-block.on .bottle.still {
		left:auto;
		right:65%;
		}
		.intro-block.on .bottle.carb {
		right:auto;
		left:65%;
		}
}
/*--*/
#section1 .bottles {
position:relative;
/*padding-top:70%;*/
height:40vh;
margin-bottom:1em;
display:none;
overflow:hidden;
}
#section1 .bottle {
position:absolute;
display:none;
background-repeat:no-repeat;
background-position:center center;
background-size:contain;
width:auto;
-webkit-transition: all .8s ease; 
-moz-transition: all .8s ease; 
transition: all .8s ease;
padding:0;
height:100%;
top:0;
opacity:0;
}
#section1 .bottle img {
height:100%;
width:auto;
}
#section1 .bottle.still,
#section1 .bottle.carb {
	z-index: 5;
	transition-delay: 0s;
}
#section1 .bottle.still-50,
#section1 .bottle.carb-50 {
	z-index: 4;
	transition-delay: 0.3s;
}
#section1 .bottle.still-35,
#section1 .bottle.carb-35 {
	z-index: 3;
	transition-delay: 0.6s;
}
#section1 .bottle.still-35,
#section1 .bottle.still-50,
#section1 .bottle.still {
right:100%;
transform: translateX(0%);
}
#section1 .bottle.carb-35,
#section1 .bottle.carb-50,
#section1 .bottle.carb {
left:100%;
transform: translateX(0%);
}
/*--*/
.fp-viewing-sizes #section1 .bottle,
.fp-viewing-features1 #section1 .bottle {
	opacity:1;
}
.fp-viewing-sizes #section1 .bottle.still-35,
.fp-viewing-features1 #section1 .bottle.still-35 {
	right:100%;
	transform: translateX(100%);
}
.fp-viewing-sizes #section1 .bottle.still-50,
.fp-viewing-features1 #section1 .bottle.still-50 {
	right:75%;
	transform: translateX(50%);
}
.fp-viewing-sizes #section1 .bottle.still,
.fp-viewing-features1 #section1 .bottle.still {
right:50%;
transform: translateX(0%);
}
.fp-viewing-sizes #section1 .bottle.carb-35,
.fp-viewing-features1 #section1 .bottle.carb-35 {
	left:100%;
	transform: translateX(-100%);
}
.fp-viewing-sizes #section1 .bottle.carb-50,
.fp-viewing-features1 #section1 .bottle.carb-50 {
	left:75%;
	transform: translateX(-50%);
}
.fp-viewing-sizes #section1 .bottle.carb,
.fp-viewing-features1 #section1 .bottle.carb {
left:50%;
transform: translateX(0%);
}
/*--*/
.fp-viewing-features1 .intro-block .bottle.still {
transform:translate(0, -50%);
left:-50%;
left:auto;
right:100%;
opacity:0;
}
.fp-viewing-features1 .intro-block .bottle.carb {
transform:translate(0, -50%);
right:-50%;
right:auto;
left:100%;
transition-delay:0s;
opacity:0;
}
/*--*/
#section6 .bottles {
position:relative;
/*padding-top:70%;*/
height:40vh;
margin-bottom:1em;
display:none;
overflow:hidden;
}
#section6 .bottle {
position:absolute;
display:none;
background-repeat:no-repeat;
background-position:center center;
background-size:contain;
width:auto;
-webkit-transition: all .8s ease; 
-moz-transition: all .8s ease; 
transition: all .8s ease;
padding:0 1em;
height:100%;
top:0;
opacity:0;
}
#section6 .bottle img {
height:100%;
width:auto;
}
#section6 .bottle.still {
right:100%;
text-align:right;
}
#section6 .bottle.carb {
left:100%;
}
/*--*/
.fp-viewing-features5 #section6 .bottle.still,
.fp-viewing-footer #section6 .bottle.still {
right:50%;
opacity:1;
}
.fp-viewing-features5 #section6 .bottle.carb,
.fp-viewing-footer #section6 .bottle.carb {
left:50%;
opacity:1;
}
@media (orientation: landscape) and (max-width:812px) {
	#section1 .bottles {
		display:block;
		height:50vh;
		}
	#section1 .bottle {
	display:inline-block;
	}
	#section6 .bottles {
	display:block;
	}
	#section6 .bottle {
	display:inline-block;
	}
	.fp-viewing-sizes #section1 .bottle.still-35,
	.fp-viewing-features1 #section1 .bottle.still-35 {
		right:85%;
		transform: translateX(100%);
	}
	.fp-viewing-sizes #section1 .bottle.still-50,
	.fp-viewing-features1 #section1 .bottle.still-50 {
		right:70%;
		transform: translateX(50%);
	}
	.fp-viewing-sizes #section1 .bottle.still,
	.fp-viewing-features1 #section1 .bottle.still {
	right:55%;
	transform: translateX(0%);
	}
	.fp-viewing-sizes #section1 .bottle.carb-35,
	.fp-viewing-features1 #section1 .bottle.carb-35 {
		left:85%;
		transform: translateX(-100%);
	}
	.fp-viewing-sizes #section1 .bottle.carb-50,
	.fp-viewing-features1 #section1 .bottle.carb-50 {
		left:70%;
		transform: translateX(-50%);
	}
	.fp-viewing-sizes #section1 .bottle.carb,
	.fp-viewing-features1 #section1 .bottle.carb {
	left:55%;
	transform: translateX(0%);
	}
	/*--*/
	#section6 .bottles {
	height:60vh;
	}

}
@media (orientation: portrait) {
#section1 .bottles {
display:block;
}
#section1 .bottle {
display:inline-block;
}
#section6 .bottles {
display:block;
}
#section6 .bottle {
display:inline-block;
}
}
/* Phone*/
@media (max-width:27em){
	#section1 .bottle.still-35,
	#section1 .bottle.carb-35 {
	transform: translateX(0%) translateY(-6%);
	}
	#section1 .bottle.still-50,
	#section1 .bottle.carb-50 {
	transform: translateX(0%) translateY(-3%);
	}
	#section1 .bottle.still,
	#section1 .bottle.carb {
	transform: translateX(0%) translateY(0%);
	}
	.fp-viewing-sizes #section1 .bottle.still-35,
	.fp-viewing-features1 #section1 .bottle.still-35 {
		transform: translateX(100%) translateY(-6%);
	}
	.fp-viewing-sizes #section1 .bottle.still-50,
	.fp-viewing-features1 #section1 .bottle.still-50 {
		transform: translateX(50%) translateY(-3%);
	}
	.fp-viewing-sizes #section1 .bottle.still,
	.fp-viewing-features1 #section1 .bottle.still {
		transform: translateX(0%) translateY(0%);
	}
	.fp-viewing-sizes #section1 .bottle.carb-35,
	.fp-viewing-features1 #section1 .bottle.carb-35 {
		transform: translateX(-100%) translateY(-6%);
	}
	.fp-viewing-sizes #section1 .bottle.carb-50,
	.fp-viewing-features1 #section1 .bottle.carb-50 {
		transform: translateX(-50%) translateY(-3%);
	}
	.fp-viewing-sizes #section1 .bottle.carb,
	.fp-viewing-features1 #section1 .bottle.carb {
	transform: translateX(0%) translateY(0%);
	}
}
/*--*/
.intro-block .btns {
position:absolute;
bottom:3%;
left:50%;
transform:translate(-50%, -50%);
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
transition: all .3s ease;
opacity:0;
}
.intro-block.on .btns {
opacity:1;
bottom:7%;
}
.en .intro-block .btns .learn_more:before {
content:'Learn more';
}
.fi .intro-block .btns .learn_more:before {
content:'Näytä lisää';
}
.cn .intro-block .btns .learn_more:before {
content:'学到更多';
}
.fp-viewing-features1 .intro-block .btns {
opacity:0 !important;
}
@media (max-width:1366px) {
.intro-block.on .btns {
bottom:5%;
}
}
/*--------------------------------*/
ul.sizes-list {
	display: block;
	list-style: none;
	text-align: center;
	padding-top:65vh;
	-webkit-transition: all .5s ease; 
	-moz-transition: all .5s ease; 
	transition: all .5s ease;
}
.fp-viewing-sizes ul.sizes-list {

}
ul.sizes-list li div {
	position: relative;
	display: inline-block;
	opacity:0;
	transform: translateY(50%);
	-webkit-transition: all .5s ease; 
	-moz-transition: all .5s ease; 
	transition: all .5s ease;
}
.fp-viewing-sizes ul.sizes-list li div,
.fp-viewing-features1 ul.sizes-list li div {
	opacity:1;
	transform: translateY(0%);
}
ul.sizes-list li:nth-of-type(1) div {
	transition-delay: 0.7s;
	width:18%;
}
ul.sizes-list li:nth-of-type(2) div {
	transition-delay: 1.0s;
	width:50%;
}
ul.sizes-list li:nth-of-type(3) div {
	transition-delay: 1.3s;
	width:82%;
}
ul.sizes-list li div::before,
ul.sizes-list li div::after {
	content: '';
	display: block;
	position: absolute;
	bottom:50%;
	left:0;
	height:100%;
	width:50%;
	width:calc(50% - 2em);
	border-style: solid;
	border-width: 1px;
	border-color: rgba(255,255,255,0) rgba(255,255,255,0) rgba(255,255,255,1) rgba(255,255,255,1);
	opacity:0.4;
}
ul.sizes-list li div::after {
	left:auto;
	right:0;
	border-color: rgba(255,255,255,0) rgba(255,255,255,1) rgba(255,255,255,1) rgba(255,255,255,0);
}
ul.sizes-list li:nth-of-type(1) div::before,
ul.sizes-list li:nth-of-type(1) div::after {
	height:100%;
}
ul.sizes-list li:nth-of-type(2) div::before,
ul.sizes-list li:nth-of-type(2) div::after {
	height:200%;
}
ul.sizes-list li:nth-of-type(3) div::before,
ul.sizes-list li:nth-of-type(3) div::after {
	height:300%;
}
ul.sizes-list li div span {
	display: inline-block;
	font-weight: 600;
	color: rgba(162,215,228,1);
	padding: 0.3em 0;
}
/*  Desktop <= 1366 */
@media (max-width:86em){
	ul.sizes-list li:nth-of-type(1) div {
		width:14%;
	}
	ul.sizes-list li:nth-of-type(2) div {
		width:50%;
	}
	ul.sizes-list li:nth-of-type(3) div {
		width:87%;
	}
}
/*  tablet landscape */
@media (max-width:75em) and (max-height:56em) {
	ul.sizes-list li:nth-of-type(1) div {
		width:18%;
	}
	ul.sizes-list li:nth-of-type(2) div {
		width:50%;
	}
	ul.sizes-list li:nth-of-type(3) div {
		width:82%;
	}
}
@media (orientation: landscape) and (max-width:812px) {
	ul.sizes-list {
		padding-top:1rem;
	}
	ul.sizes-list li div span {
		padding: 0.1em 0;
	}
	ul.sizes-list li:nth-of-type(1) div {
		width:16%;
	}
	ul.sizes-list li:nth-of-type(2) div {
		width:40%;
	}
	ul.sizes-list li:nth-of-type(3) div {
		width:62%;
	}
}
@media (orientation: portrait) {
	ul.sizes-list {
		padding-top:1rem;
	}
	ul.sizes-list li:nth-of-type(1) div {
		width:18%;
	}
	ul.sizes-list li:nth-of-type(2) div {
		width:50%;
	}
	ul.sizes-list li:nth-of-type(3) div {
		width:82%;
	}
}
/* Phone*/
@media (max-width:27em){
	ul.sizes-list li:nth-of-type(1) div {
		transition-delay: 0.7s;
		width:28%;
	}
	ul.sizes-list li:nth-of-type(2) div {
		transition-delay: 1.0s;
		width:50%;
	}
	ul.sizes-list li:nth-of-type(3) div {
		transition-delay: 1.3s;
		width:72%;
	}
}
/*--------------------------------*/
.tbl {
border-collapse:collapse;
width:100%;
margin-bottom:2em;
}
.tbl td {
padding:0.5em;
font-size:0.9em;
}
.tbl tr:nth-of-type(odd) {
background:rgba(255,255,255,0.1);
}
.tbl tr td {
text-align:left;
}
.tbl tr td:last-of-type {
text-align:right;
}
/*--------------------------------*/
#fp-nav ul li a span {
    background: rgba(162,215,228,1) !important;
}
#fp-nav ul li a.active span {
    background: rgba(107,194,195,1) !important;
}
/*--------------------------------*/
.footer-block {
position:relative;
background:rgba(162,215,228,1);
}
.footer-block:before {
content:'';
position:absolute;
top:-2px;;
left:0;
width:100%;
height:100%;
background: url(/img/wave.svg) left top repeat-x;

}
.footer-block .nbs-container {
display:table;
}
.footer-block .content {
padding:0;
}
.footer-block .contacts {
display:table-cell;
vertical-align:middle;
text-align:left;
font-size:0.8em;
height:100px;
color: rgba(162,215,228,1);
color: rgba(36,50,78,1);
font-weight:600;
padding-top:1em;
}
.footer-block .contacts span {
font-size:1em;
margin-left:1em;
}
.footer-block .social {
	display:table-cell;
	vertical-align:middle;
	text-align:right;
	font-size:1.5em;
	height:100px;
	color: rgba(162,215,228,1);
	color: rgba(36,50,78,1);
	font-weight:600;
	padding-top:1em;
}
.footer-block .social a {
	display: inline-block;
	text-decoration: none;
	color: rgba(36,50,78,1);
	margin-left: 1em;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
}
.footer-block .social a:hover {
	opacity:0.8;
}
@media (orientation: portrait) and (max-width:600px) {
	.footer-block .contacts {
		display: block;
		text-align: center;
		height: auto;
		padding: 3em 0 1em;
	}
	.footer-block .social {
		display: block;
		text-align: center;
		height: auto;
		padding: 0 0 1em 0;
	}
	.footer-block .social a {
		margin: 0 0.5em;
	}

}
/*-----------------------------------------*/
.bottom-line {
	position:fixed;
	bottom:12%;
	left:0;
	width:100%;
	z-index:1000;
}
.bottom-line .nbs-container {
	max-width:1920px;
}
.skip-btn {
	display:inline-block;
	position:absolute;
	z-index:1001;
	top:0;
	transform:translateY(-25%);
	right:0;
	cursor: pointer;
	-webkit-transition: all 1.0s ease; 
	-moz-transition: all 1.0s ease; 
	transition: all 1.0s ease;
	opacity:0;
	transition-delay: 0s;
}
/*.on .skip-btn {
	opacity:1;
	right:0;
}*/
.skip-btn .s-btn {
display:inline-block;
position:relative;
padding:0.8em 1.5em;
color:rgba(255,255,255,0.8);
font-size:0.9em;
line-height:0;
font-weight:600;
text-align:center;
border-width:1px;
border-style:solid;
border-radius:40px;
-moz-border-radius:40px;
-webkit-border-radius:40px;
-khtml-border-radius:40px; 
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
transition: all .3s ease;
text-decoration:none;
white-space:nowrap;
-webkit-appearance: none;
border-color:rgba(255,255,255,0.7);
background-color: rgba(0,0,0,.05);
cursor:pointer;
box-shadow:0 0 10px rgba(0,0,0,0);
}
.skip-btn .s-btn::before {
	font-weight:400;
}
.skip-btn .s-btn:hover {
	background-color: rgba(255,255,255,0.8);
	color:rgba(36,50,78,0.8);
}
/*.skip-btn .s-btn::after {
	display: none;
	content: "\64";
	font-family: "laplandspring" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	vertical-align: middle;
	margin:0 -0.3em 0 0;
	font-size:1.6em;
	line-height:0;
	transform: translateY(0.1em);
  }*/
  
.cn .skip-btn .s-btn {
	font-size:0.7em;
}
.skip-btn:hover {
	/*background:rgba(162,215,228,1);
	color:rgba(36,50,78,1);*/
}
.en .skip-btn .s-btn:before {
	content:'Skip';
}
.fi .skip-btn .s-btn:before {
content:'Ohita';
}
.cn .skip-btn .s-btn:before {
content:'跳过广告';
}
.on .skip-btn {
animation-name: skip_action;
animation-duration: 30s;
animation-timing-function: linear;
}
@keyframes skip_action {
	0% {opacity:0; margin-right:2em;}
	5% {opacity:0; margin-right:2em;}
	7% {opacity:1; margin-right:0;}
	98% {opacity:1; margin-right:0;}
	100% {opacity:0;margin-right:2em;}
}

@media (orientation: portrait) {
	.bottom-line {
		bottom:15%;
	}
	.skip-btn {
		transform:translate(50%,120%);
		right:50%;
	}
	@media (orientation: portrait) {
		@keyframes skip_action {
			0% {opacity:0; margin-right:2em;}
			5% {opacity:0; margin-right:2em;}
			7% {opacity:1; margin-right:0;}
			98% {opacity:1; margin-right:0;}
			100% {opacity:0;margin-right:2em;}
		}
	}
}
@media (orientation: landscape) and (max-width:812px) {
	.bottom-line {
		/*bottom:1em;*/
	}
}