@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600,700,800,300);
@import url(//fonts.googleapis.com/css?family=Titillium+Web:400,300,600,700,900);

body, html {height:100%; font-size:15px; line-height:20px; font-family: 'Open Sans', sans-serif; color:#444444;}

.open {font-family: 'Open Sans', sans-serif;}
.titillium {font-family: 'Titillium Web', sans-serif;}
.pull-none {float:none !important;}
.text-left {text-align:left !important;}
.btn-warning {
	background:#ee7736;
}
.btn-warning:hover {
	background:#f3935e;
	border-color:#f3935e;
}
.btn-primary:hover{
	background:#63a1d1;
	border-color:#63a1d1;
}

.spacer { width: 100%;}
.spacer10 { height: 10px;}
.spacer20 { height: 20px; }
.spacer30 { height: 30px;}
.spacer40 { height: 40px; }
.spacer45 { height: 45px; }
.spacer50 { height: 50px; }
.spacer60 { height: 60px;}
.spacer80 { height: 80px; }
.spacer100 { height: 100px; }

ul.list {
	padding:10px 0;
}
ul.list li {
	list-style-type:none;
	line-height:20px;
	background:url('../img/li.png') center left no-repeat; 
	padding:5px 0 5px 20px;
	margin:0; 
}
a {
	text-transform:uppercase; 
	color:#2e78b1; 
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
}
a.low-txt {
	text-transform:none; 
}
a.no-deco {
	text-decoration:none;
}
.btn {
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-decoration:none;
	font-family: 'Titillium Web', sans-serif; 
	font-weight:600; 
}
.btn-lg, .btn-group-lg>.btn {
	font-size:15px;
	line-height:15px;
	padding: 16px 17px 17px 17px;
}
h1 {
	margin-top: 20px;
	margin-bottom: 20px;
	font-family: 'Titillium Web', sans-serif; 
	font-weight:600; 
	font-size:38px; 
	line-height:38px; 
	color:#333333; 
}
h2 {
	margin-top: 10px;
	margin-bottom: 20px;
	font-family: 'Titillium Web', sans-serif; 
	font-weight:600; 
	font-size:32px; 
	line-height:30px; 
	color:#333333; 
}
h3 {
	margin-top: 20px;
	margin-bottom: 10px;
	font-family: 'Titillium Web', sans-serif; 
	font-weight:600; 
	font-size:20px; 
	line-height:22px; 
	color:#333333; 
	text-transform:uppercase;
}
.navbar  a {
	font-family: 'Titillium Web', sans-serif; 
	font-weight:600; 
	font-size:15px; 
	line-height:30px; 
	color:#ffffff; 
	text-decoration:none;
}

.navbar-ru a {
    font-size: 13px;
}

.navbar-static-top {
	height:60px;
	margin-bottom:0;
}
.navbar-static-top .nav>li {
	padding:15px 0 0 0;
}
.navbar-static-top .nav>li>a {
	color:#fff;
}
.navbar-static-top .navbar-brand {
	background:url('../img/logo-top.png') top left no-repeat; 
	text-indent:-3000px;
	width:204px ;
	height:69px ;
	margin-top:7px;
}
.navbar {
	background:url('../img/top-menu.png') top left repeat; 
	border:none;
}
.navbar-inverse .navbar-nav>li>a {
	border:solid 1px transparent;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>li>a:hover
{
	border:solid 1px #d5dfe9;
	background:rgba(0,0,0,.2); 
	/*background:url('../img/top-menu.png') top left repeat; */
}
.navbar .nav>li>a {
	padding: 5px 8px;
}





.widget-top {
	margin-top:-60px;
	height:340px;
	padding:0 0 0 0; 
	background-position: center;
	background-size: cover;
	background-repeat:repeat-x;
}
.widget-top .widget-shadow-top {
	/*background:url('../img/shadow-top.png') top left repeat-x;*/
	width:100%;
	height:283px;
	position:absolute;
	top:0;
	left:0;
	margin-left:0px;
}
.widget-top .container {
	position:relative;
}
.widget-top .widget-flags {
	position:absolute;
	right:0;
	background:url('../img/flags.png') top left repeat; 
	width:154px;
	height:26px;
	margin:60px -5px 0 0;
}
.widget-top .widget-flags img {
	padding:0 2px;
}
.widget-top.home {
	height:480px;
	background-position:top center;
}


.widget-breadcrumbs {
	background:#f1f1f1;
	height:40px;
	margin-bottom:10px;
	overflow:hidden;
}
.widget-breadcrumbs ul {
	margin:0;
	float:left;
	padding:10px 0 0 15px;
}
.widget-breadcrumbs ul  li {
	font-size:14px !important;
	list-style-type:none;
	display:inline-block;
	padding-right:5px;	
}
.widget-breadcrumbs ul  li + li {
	background:url('../img/bread.png') center left no-repeat; 
	padding-left:10px;	
}
.widget-breadcrumbs a {
	text-transform:none;
	text-decoration:none;
	color:#2e78b1;
}
.widget-breadcrumbs a:hover {
	text-decoration:underline;
}
.widget-breadcrumbs  .widget-flags {
	margin:8px 15px 0 0 ;
}


.widget-right {
	padding-bottom:20px !important;
	padding-left:20px !important;
    border-left: 2px solid #ee7736;
    height: 220px;
}
.widget-right.widget-right-contact {
    height: 355px;
}
.widget-right h3{
	margin-top:35px;
	margin-bottom:15px;
}
.widget-right p{
	color:#000000;
}


.widget-home-main {
	background:#f0f0f0;
	min-height:249px;
}

.widget-home-main .row {
    background:url('../img/home-main.png');
}


.widget-openinghours {
	padding:20px 0 10px 0; 
	background:#f0f0f0; 
}
.widget-openinghours p {
	color:#444444;
}
.widget-home-main .widget-openinghours{
	height:249px;
}
.green {
	background:#678b39;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding:2px 10px;
	display:inline-block;
	line-height:20px;
	color:#fff;
}
.red{
    background: #8C3A3A;
    border-radius: 3px;
    color: #FFFFFF;
    display: inline-block;
    line-height: 20px;
    padding: 2px 10px;
}
.orange{
    background: #ee7736;
    border-radius: 3px;
    color: #FFFFFF;
    display: inline-block;
    line-height: 20px;
    padding: 2px 10px;
}
.widget-openinghours.white {
	background:#fff;
}


.how {
	text-align:center;
	min-height:70px;
	padding-left:15px;
}
.how  + .col-md-11 {
	padding:0 0 0 15px;
}
.how  + .col-md-11 p {
	padding:0 15px 10px 25px;
}
 



.widget-location {
	padding:20px 0 10px 10px;
}
.widget-location .icon-location {
	background:url('../img/icon-location.png') top left no-repeat; 
	width:25px;
	height:25px;
	display:inline-block;
	margin:-5px 0 0 0 ;
}
.widget-location p {
	/*margin-left:33px;*/
}
.widget-location a{
	font-family: 'Titillium Web', sans-serif; 
	font-weight:600; 
	font-size:13px; 
}
.widget-home-main .widget-location {
	height:249px;
}

.widget-location .item a {
    text-transform: none;
    font-size: inherit;
    font-weight: normal;
    color: inherit;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
}

.widget-location .item a span {
    text-decoration: underline;
}

.widget-location p.more {
    margin-top: 15px;
}


.widget-tickets {
	background:url('../img/tickets.png') center repeat; 
	margin-top:-60px;   
	padding:5px 20px 20px 20px;
}
.widget-tickets h2 {
	margin:10px 0 25px 0;  
	font-size:28px; 
	color:#fff;
}
.widget-tickets p {
	font-size:17px; 
	line-height:20px; 
	color:#ebebeb;
}
.widget-tickets p a{
	font-family: 'Titillium Web', sans-serif; 
	font-weight:600; 
	font-size:13px; 
}
.widget-tickets .btn-lg{
	text-align:left;
	position:relative;
	padding-right:90px;
	margin:5px 0 0 0;
}
.widget-tickets .btn-ticket{
	width:42px;
	height:24px;
	margin:-5px 0 0 35px;
	display:inline-block;
	position:absolute;
	background:url('../img/btn-ticket.png') center repeat;  
	transform: rotate(-15deg);
	-ms-transform:rotate(-15deg);
	-webkit-transform:rotate(-15deg);
}
.widget-tickets.top30 {
	margin-top:30px;
}


.widget-see-location {
	background-position:center; 
	background-repeat:repeat-x;
	position:relative;
}

.widget-see-location a{
	font-family: 'Titillium Web', sans-serif; 
	font-weight:700; 
	font-size:15px; 
	line-height:30px; 
	color:#ffffff;
}
.widget-see-location.home:before, .widget-see-location.sub:before {
	z-index: 999;
	content:''; 
	display:block; 
	position:absolute; 
	top:0; 
	left:50%; 
	margin-left:-205px;
	width: 0px; 
	height: 0px; 
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #ffffff transparent transparent transparent;
}
.widget-see-location.sub {
	padding:0; 
	margin:25px 0 0 0;
}
.widget-see-location.sub:before {
	margin-left:305px;
}

.widget-see-location #map-container { 
	height: 340px;
	position: relative;
}
.widget-see-location #map-container a {
	font-family:arial, sans-serif !important;
	text-transform:none;
	font-weight:normal;
}
.widget-see-location.contact #map-container { 
	height: 410px;
}
.widget-see-location #look {
	padding:25px 0;
	display:block;	
	cursor:pointer;	
}
.widget-see-location #bigmap {
	width:100% !important;
	height: 1px;
	opacity:0; 
	overflow:hidden;
}
.widget-see-location #bigmap.visible, .widget-see-location #bigmap-inn{
	height: 340px;
	opacity:1; 
}
.widget-see-location #bigmap-inn {
	margin-top:-340px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.widget-see-location #bigmap.visible #bigmap-inn  {
	margin-top:0;
}
.widget-see-location #txt.hidden {
	display:none;
}
 


.widget-finnair {
	padding:30px 0 10px 0;
}


.widget-impression {
	background-position:bottom center; 
	background-repeat:repeat-x;
	padding:0 0 80px 0; 
}
.widget-impression h3 {
	font-family: 'Titillium Web', sans-serif; 
	font-weight:600; 
	font-size:20px; 
	line-height:30px; 
	text-transform:uppercase; 
	color:#222222; 
	padding:10px 0;
	text-align: center;
}
.widget-impression p {
	padding:0 0 10px 0;
} 
.widget-impression a  {
	font-family: 'Titillium Web', sans-serif; 
	font-weight:600; 
	font-size:13px;  
}


.widget-logos {
	padding:40px 0;
}


#accordion {}
#accordion .panel-default > .panel-heading{
	background:#f1f1f1 !important;
	border-bottom: none;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	padding:0 !important;
}

#accordion .panel-title {
	position:relative;
}
#accordion .panel-title a{
	padding: 10px 30px 10px 15px;
	text-decoration:none;
	text-transform:none;
	display:block;
}
#accordion .panel-heading:hover .panel-title a {
	color:#fff;
}
#accordion .panel-heading a:before, #accordion a.actives.collapsed:before {
	content:''; 
	display:block; 
	position:absolute; 
	top:17px; 
	right:15px; 
	width: 0px; 
	height: 0px; 
	border-style: solid;
	border-width: 7px 6px 0 6px;
	border-color: #888888 transparent transparent transparent;
}
#accordion a:hover:before, #accordion a.actives:before {
	border-color: #ffffff transparent transparent transparent !important;
}
#accordion .actives, #accordion .in{
	background:#2e78b1 !important;
	color:#fff;
}
#accordion .actives, #accordion .in a{
	color: #fff;
}
#accordion a.actives.collapsed {
	background:#f1f1f1 !important;
	color:#444;
}
#accordion .panel-body {
	border-top:none !important;
	background:#2e78b1 !important;
	color:#fff;
}
#accordion .panel-default  a:hover{
	background:#2e78b1 !important;
}



.widget-box {
	padding:0 0 5px 0;
	margin:0 0 30px 0;
	border:solid 2px #ebebeb;
}
.widget-box img {
	max-width:100%;
}
.widget-box  h3 {
	padding:0 20px;
}
.widget-box  p {
	padding:0 20px 10px 20px;
}



.widget-contact {
	padding:10px 0;
}
.widget-contact .btn-lg{
	text-align:left;
	position:relative;
	padding:12px 20px;
	padding-right:90px;
	margin:5px 0 0 0;
	text-transform:uppercase;
}
.widget-contact .btn-send{
	width:8px;
	height:15px;
	margin:0px 0 0 70px;
	display:inline-block;
	position:absolute;
	background:url('../img/icon-send.png') center repeat;  
}
.widget-contact .form-horizontal .control-label{
	font-size:15px;
	color:#444444; 
	font-weight:400;
}



.widget-gallery a{
	position:relative;
	display:inline-block;
	clear:both;
	margin:10px 0;
	max-width: 100%;
}
.widget-gallery a img {
	max-width:100%;

}
.widget-gallery a:hover img{
	opacity:0.6;
}
.widget-gallery a:hover:before{
	content:''; 
	display:block; 
	position:absolute; 
	width: 100%; 
	height: 100%; 
	background: #000000;
}

.widget-gallery a:hover:after{
	content:''; 
	display:block; 
	position:absolute; 
	top:50%; 
	left:50%; 
	margin-top:-25px;
	margin-left:-25px;
	width: 51px; 
	height: 51px; 
	background:url('../img/hover.png') center no-repeat;
}


.widget-table-tickets {
	background:#f1f1f1;
	padding:15px 0;
	line-height:28px;
	margin-bottom:2px;
}
h3 b, .gold{
	color:#9b8d5b;
}
.widget-table-tickets:after {
	content:''; 
	display:block;
	width:100%;
	clear:both;	
}
.widget-table-tickets .form-control {
	display: block;
	width: 100%;
	height: 30px;
	padding: 2px 12px;
	font-size: 14px;
	line-height: 20px;
	color: #2e78b1;
	font-family: 'Open Sans', sans-serif;
	font-weight:600; 
	font-size:15px; 
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: none;
	transition:  none;
}
.widget-table-tickets.select{
	margin-top:-2px;
	background:#e5e5e5;
}
.widget-table-tickets.select .form-control{
	color:#cedfed;
	font-weight:400; 
}
.widget-table-tickets.total{
	line-height:20px;
	margin:30px 0 0 0 ;
	background:#2e78b1;
	color:#fff;
	font-size:18px;
}
.widget-table-tickets.total .col-md-3 {
	padding-top:5px;
}
.widget-table-tickets.total .col-md-2 {
	padding-top:5px;
}
.widget-table-tickets.total i {
	color:#ccdeec;
	font-size:15px;
}
.widget-table-tickets.total .btn-lg{
	text-align:left;
	position:relative;
	padding-right:90px;
	margin:5px 0 0 0;
	text-transform:uppercase;
	color:#ee7736;
	font-weight:600;
}
.widget-table-tickets.total .btn-ticket{
	width:8px;
	height:15px;
	margin:0px 0 0 70px;
	display:inline-block;
	position:absolute;
	background:url('../img/icon-ticket.png') center repeat;  
}
.widget-table-tickets.total .btn-default:hover {
	background:#ee7736;
	border-color:#ee7736;
	color:#ffffff;
}
.widget-table-tickets.total .btn-default:hover .btn-ticket{
	background:url('../img/icon-send.png') center repeat;  
}


footer {
	background:#e9e9e9;
	padding:0;
}
footer a {
	font-family: 'Titillium Web', sans-serif; 
	font-weight:600; 
	font-size:13px; 
	line-height:13px; 
	color:#959595; 
	text-decoration:none; 
}
footer .navbar-nav>li>a {
	padding:15px 10px;
}
footer .navbar-nav>li>a.icon {
	text-indent:-3000px; 
	padding:0px; 
	margin:10px 10px;
	width:25px; 
	height:25px; 
	background-position:center; 
	background-repeat:no-repeat;
}
footer .navbar-nav>li>a.icon.icon-twit {
	background-image:url('../img/icon-twit.png')
}
footer .navbar-nav>li>a.icon.icon-fb {
	background-image:url('../img/icon-fb.png')
}
footer .navbar-nav>li>a.icon.icon-yt {
	background-image:url('../img/icon-yt.png')
}
footer .navbar-nav>li>a.icon.icon-pin {
	background-image:url('../img/icon-pin.png')
}
footer .widget-fb-like {
	margin:10px 0 0 10px;
}





@media (max-width: 992px) {
    .widget-home-main .row {
        background: none;
    }
}
		

@media (max-width: 768px) {
	.navbar-static-top .navbar-brand  {
		float:right
	}
	.navbar-static-top .navbar-toggle + .navbar-brand {
		display:none;
	}
	.navbar-static-top .navbar-toggle.collapsed + .navbar-brand {
		display:block;
	}
	.navbar-collapse.collapse {
		background:#1e1e1e;
		overflow:visible;
	}
	.navbar  .navbar-collapse.in   .nav {
		margin:0 -15px;
	}
	.navbar  .navbar-collapse  .nav>li>a {
		font-size:16px;
		font-weight:400;
		padding:10px 20px;
	}
	.navbar  .navbar-collapse.in  .nav>li {
		background:#1e1e1e;
	}
	.navbar  .navbar-collapse  .nav:before {
		content:'Finnair SkyWheel';
		color:#fff;
		display:block;
		height:30px;
		width:auto;
		margin: 20px 0 0 20px;
		font-size:20px;
		font-family: 'Titillium Web', sans-serif; 
		font-weight:300; 
		text-transform:uppercase;
	}
	.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
		border:none;
		color:#488fc4;
		
	}
	.navbar-collapse.collapse a {
		border:none;
		background:none;
		background:#1e1e1e;
	}
	.navbar-collapse{
	}
	.navbar-collapse.collapsing {
		width:85%;
		left:15px;
		top:0;
		height:100% !important;
		max-height:100%;
		position:fixed;
		z-index:99;
		float:left;
		background:#1e1e1e;
	}
	.navbar-collapse.collapsing  a {
	 
	}
	.navbar-collapse.collapse.in {
		left:15px;
		width:85%;
		height:100% !important;
		max-height:100%;
		position:fixed;
		z-index:99;
		float:left;
		background:#1e1e1e;
	}
	.navbar-toggle, .navbar-toggle:hover{
		position:fixed;
		top:5px;
		right:-5px;
		background:none;
		border:none;
	}
	.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle{
		background:url('../img/close.png') top left;
		border:none;
		height:37px;
		width:37px;
		display:block;
	}
	.navbar-inverse .navbar-toggle .icon-bar{
		display:none;
		background:none;
	}
	.navbar-inverse .navbar-toggle.collapsed:hover, .navbar-inverse .navbar-toggle.collapsed:focus, .navbar-inverse .navbar-toggle.collapsed{
		background: none;
	}
	.navbar-toggle.collapsed{
		position:relative;
		left:auto;
		top:0px;
		float:left;
		left: 15px;
		margin-top: 15px;
		border:none;
	}
	.navbar-inverse .navbar-toggle.collapsed .icon-bar{
		display:block;
		background:#fff;
	}
	body#main {
		-webkit-transition: width 0.3s ease-in-out;
		-moz-transition: width 0.3s ease-in-out;
		-o-transition: width 0.3s ease-in-out;
		transition: width 0.3s ease-in-out;
	}
	#main.active {
		padding-left:85%;
		
	}
	.pull-none, .col-md-12.text-center {
		margin:0;
		padding:0;
	}
	.pull-none img, .col-md-12.text-center img {
		width:100%;
	}
	.widget-finnair {
		padding:10px 0;
	}
	
	.widget-tickets {
		background:none;
		padding:0;
	}
	.widget-tickets h2, .widget-tickets p{
		display:none;
        color: #333;
	}
	.widget-tickets .btn-ticket {
		right: 10px;
	}
	.container .row-fluid .col-md-3, .container .row-fluid .col-md-4, .container .row-fluid .col-md-8{
		padding:0;
	}
	.widget-tickets p:last-child, .widget-tickets p:nth-last-child(2), .widget-tickets p:nth-last-child(3) {
		display:block;
	}
	.widget-tickets p:last-child .btn {
		width:auto;
		display:block;
		margin:0 0 20px 0;
	}
	.widget-contact .btn-lg, .widget-table-tickets.total .btn-default {
		display:block; 
		width:100%;
	}
	.widget-table-tickets.total .btn-default  {
		margin-top:20px;
	}
	.widget-contact .btn-send, .widget-table-tickets.total .btn-default .btn-ticket{
		right: 10px;
	}
	.widget-impression .text-center, .widget-impression h3 {
		/*text-align:left !important;*/
	}
	.widget-see-location.home:before, .widget-see-location.sub:before {
		margin-left: -15px;
	}
	.widget-breadcrumbs ul {
		display:none;
	}
	.widget-top {
		height:180px;
	}
	.widget-top.home {
		height:220px;
	}
	.widget-top .widget-shadow-top {
		width:100%;
		height:60px;
		left:0;
		margin:0;
	}
	.widget-logos .col-md-2 {
		display:inline-block;
		width:24%;
	}
	.widget-logos .col-md-2 img {
		width:100%;
	}
	.pull-right {
		float:none !important;
		padding:0;
	}
	.widget-right {
		padding:0 !important;
	}
	.how + .col-md-11 p { 
		text-align:center;
		padding:0 10px 10px 0;
	}
	.widget-tickets {
		margin-top:0;
	}
	.widget-home-main {
         background:none !important;
     }
	
	.widget-home-main .widget-location {
		height:auto;
	}
	.widget-home-main .widget-openinghours {
		background:#f0f0f0;
		padding:20px;
		height:auto;
		margin:0 -15px;
	}
	.widget-openinghours {
		background:#fff;
	}
	.container .row-fluid .widget-table-tickets  div{
		padding:0 15px;
	}
	.widget-see-location.sub {
		position:relative;
		height:340px;
		overflow:hidden;
	}
	.widget-see-location.sub  img {
		position:absolute;
		top:0;
		right:-60%;
	}
	
	footer .nav {
		display:none;
	}
	footer .nav.navbar-right {
		float:none;
		display:block;
		text-align:center;
	}
	footer .nav.navbar-right li {
		display:inline-block;
	}
	footer:after {
		text-align:center;
		content:'Finnair SkyWheel';
		color:#959595;
		display:block;
		height:30px;
		width:auto;
		padding: 0 0 40px 0;
		font-size:20px;
		font-family: 'Titillium Web', sans-serif; 
		font-weight:600; 
		text-transform:uppercase;
	}

}


@media (min-width: 768px) and (max-width: 991px) {
	.navbar .nav>li>a {
		padding: 5px;
		font-size:13px;
	}
	.widget-home-main {
		padding-bottom:30px;
		background:none !important;
	}
	.widget-home-main  .widget-openinghours {
		padding:20px;
	}
	.navbar > .container .navbar-brand {
		margin-left: -25px;
	}

	footer {
		text-align:center;
	}
	footer .navbar-nav   {
		float:none !important;
	}
	footer .navbar-nav > li {
		float:none;
		display:inline-block;
	}
	.widget-finnair img{
		width:100%;
	}
	.col-md-4.pull-right {
		float:none !important;
		padding:0;
	}
	.widget-tickets {
		margin-top:20px;
	}
	
	.widget-top .widget-shadow-top {
		width: 100%;
		top: 0;
		left: 0;
		margin-left: 0;
	}

	.widget-logos .col-md-2 {
		display:inline-block;
		width:24%;
	}
	.widget-logos .col-md-2 img {
		width:100%;
	}
}