html, body {
height:100%;
}
body {
color:#222;
font-family:'open_sansregular', sans-serif;
font-size:1em;
font-weight:400;
line-height:1.3em;
}
h1 {
font-family:'open_sanslight', sans-serif;
font-size:2.90em;
font-weight:300;
line-height:1em;
margin:0 0 .768em 0;
padding:0;
word-wrap: break-word;
}
h2 {
color:#e22e26;
font-family:'open_sanslight', sans-serif;
font-size:1.5em;
font-weight:300;
line-height:1em;
margin:0 0 .855em 0;
padding:0;
word-wrap: break-word;
}
h3 {
font-family:'open_sanslight', sans-serif;
font-size:1.25em;
font-weight:300;
line-height:1em;
margin:0 0 0.956em 0;
padding:0;
word-wrap: break-word;
}
h1 small {
color:#999;
font-size:.3em;
}
h2 small, h3 small {
color:#999;
font-size:.5em;
}
p {
font-weight:400;
margin:0 0 .768em 0;
}
a {
outline:0 !important;
}
ul {
list-style-position:outside;
}
li ul, li ol  {
margin:0 1.625em;
}
ul, ol {
margin: 0 0 1.625em 0;
}
b, strong {
font-family:'open_sansbold', sans-serif;
font-weight:normal;
}
#wrapper {
background:#FFF;
height:auto !important;
min-height:100%;
height:100%;
position:relative;
z-index:2;
}
#fp-atmos {
background-image:url(/files/jpeg/30354/fp%2Datmos.jpeg);
background-position:top center;
background-repeat:no-repeat;
background-size:cover;
position:relative;
min-height:300px;
height:300px;
}
#fp-atmos h1 {
color:#FFF;
font-size:5em;
font-weight:bold;
line-height:.75em;
width:100%;
padding:0 10%;
text-align:center;
text-shadow:1px 1px 1px rgba(0, 0, 0, 1);
filter:dropshadow(color=#000000, offx=1, offy=1);
}
#fp-atmos h1 span {
font-weight:normal;
text-transform:uppercase;
letter-spacing:0.5em;
line-height:0.5em;
font-size:0.5em;
}
.center-aligned {
display:table;
width:100%;
height:100%;
}
.center-core {
display:table-cell;
text-align:center;
vertical-align:middle;
}
.center-core h1 {
width:33%;
height:auto;
}
.arrow-down {
background:url(/files/png/30355/arrow%2Ddown.png) no-repeat;
width:64px;
height:64px;
position:absolute;
bottom:20px;
left:50%;
margin-left:-32px;
opacity:.75;
z-index:10;
-webkit-transition:all 300ms ;
-moz-transition:all 300ms ;
-ms-transition:all 300ms ;
-o-transition:all 300ms ;
transition:all 300ms ;
}
.arrow-down:hover {
opacity:1;
}
.arrow-down span {
display:none;
}
#lang-select {
line-height:20px;
padding:0;
position:absolute;
top:20px;
right:20px;
}
#top-bar-wrapper {
background:#222;
}
#top-bar {
color:#FFF;
font-size:.825em;
padding-top:5px;
padding-bottom:5px;
}
#top-bar a {
color:#FFF;
}
#top-bar p {
margin:0;
padding:0;
}
#header-wrapper {
background:#FFF;
border-bottom:6px solid #e22e26;
-webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.25);
box-shadow: 0 0 30px 0 rgba(0,0,0,0.25);
}
body.private #header-wrapper {
background:#FFF;
border-bottom:6px solid #2980b9;
}
body.admin #header-wrapper {
background:#FFF;
border-bottom:6px solid #ec9c07;
}
body.other #header-wrapper {
background:#FFF;
border-bottom:6px solid #AAA;
}
.print-header {
margin-bottom:.5em;
}
#logo {
float:left;
padding:0;
}
#logo img {
margin:20px 0;
max-width:100%;
vertical-align:text-bottom;
float:left;
}
#os-logo {
position: absolute;
bottom: -14px;
left: 175px;
}
#sites-menu {
position:absolute;
bottom:0;
left:263px;
margin:0 0 0 20px;
width:400px;
z-index:1000;
}
#sites-menu ul {
list-style:none;
margin:0;
padding:0;
}
#sites-menu ul li {
display:block;
float:left;
}
#sites-menu ul li a {
background:#CCC;
color:#FFF;
font-size:13px;
display:block;
float:left;
margin-right:2px;
padding:7px 14px;
position:relative;
top:4px;
text-align:center;
-webkit-border-radius: 8px 8px 0 0;
border-radius: 8px 8px 0 0;
}
#sites-menu ul li.public a {
background:#e22e26;
}
#sites-menu ul li.private a {
background:#2980b9;
}
#sites-menu ul li.admin a {
background:#ec9c07;
}
#sites-menu ul li.other a {
background:#AAA;
}
#sites-menu ul li a:hover {
text-decoration:none;
}
#sites-menu ul li.active a {
padding:9px 14px;
top:0;
}
#login {
float:right;
font-size:13px;
padding-top:20px;
}
#login .btn-group > .btn {
float:none;
}
#login .btn-group .btn + .btn {
margin-left:-3px;
}
#login p {
font-size:12px;
margin-top:0;
margin-bottom:0;
}
#login hr {
margin-top:6px;
margin-bottom:6px;
}
#login #login-info, #login #login-form {
float:right;
}
#login #login-buttons {
margin-left:10px;
}
#login #login-info {
line-height:14px;
}
#login .auto-logout {
border-top:1px solid #EEE;
border-left:1px solid #EEE;
color:#AAA;
clear:both;
float:right;
margin:8px 0 0 0;
padding:5px 0 0 10px;
}
#login .glyphicon {
font-size:12px;
}
#login #login-table {
width:250px;
}
@media (max-width:767px) {
#login {
position:absolute;
top:0;
right:5px;
}
}
#customer-menu-wrapper {
background:#e22e26;
padding:0 0 10px 0;
}
#customer-menu p {
color:#FFF;
float:left;
font-size:12px;
margin:0 10px 0 0;
line-height:30px;
}
#customer-menu > ul {
background:#e22e26;
list-style:none;
margin:0;
padding:0;
}
#customer-menu > ul li {
display:block;
float:left;
}
#customer-menu > ul li a {
color:#FFF;
display:block;
float:left;
margin:0 10px 0 0;
padding:0;
opacity:.75;
}
#customer-menu > ul li a:hover, #customer-menu > ul li.active a {
opacity:1;
}
.dropdown-menu.online {
font-size:12px;
left:auto;
right:0;
}
#menu-wrapper {
background: rgb(241,241,241); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMWUxZTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(225,225,225,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,241,241,1)), color-stop(100%,rgba(225,225,225,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(225,225,225,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(225,225,225,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(225,225,225,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(241,241,241,1) 0%,rgba(225,225,225,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-8 */
border-top:1px solid #FFF;
}
#main-menu {
border-bottom:1px solid #CCC;
word-wrap:normal;
}
#main-menu ul {
list-style:none;
margin:5px 0;
padding:0;
position:relative;
}
#main-menu ul li {
display:block;
float:left;
}
#main-menu ul li a {
background: rgb(255,255,255);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 2%, rgba(238,238,238,1) 3%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(2%,rgba(255,255,255,1)), color-stop(3%,rgba(238,238,238,1)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 2%,rgba(238,238,238,1) 3%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 2%,rgba(238,238,238,1) 3%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 2%,rgba(238,238,238,1) 3%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 2%,rgba(238,238,238,1) 3%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
border:1px solid #CCC;
color:#444;
display:block;
float:left;
font-size:13px;
margin:3px 6px 3px 0;
padding:4px 8px;
}
#main-menu ul li a:hover {
background:#FFF;
text-decoration:none;
}
#main-menu ul li.active a, #main-menu ul li.active a:hover {
background:#e22e26;
border-color:#e22e26;
filter:none;
color:#FFF;
}
body.private #main-menu ul li.active a, body.private #main-menu ul li.active a:hover {
background:#2980b9;
border-color:#2980b9;
filter:none;
}
body.admin #main-menu ul li.active a, body.admin #main-menu ul li.active a:hover {
background:#ec9c07;
border-color:#ec9c07;
filter:none;
}
body.other #main-menu ul li.active a, body.other #main-menu ul li.active a:hover {
background:#AAA;
border-color:#AAA;
filter:none;
}
#main-menu select {
margin:10px 0;
}
#sub-menu {
background:#555;
word-wrap:normal;
}
#sub-menu ul {
list-style:none;
padding:0;
margin:0;
position:relative;
}
#sub-menu ul li {
display:block;
float:left;
}
#sub-menu ul li a {
background:#333;
border:1px solid transparent;
color:#FFF;
display:block;
float:left;
font-size:.825em;
font-weight:400;
margin:3px 6px 3px 0;
padding:4px 8px;
}
#sub-menu ul li a:hover {
background:#111;
text-decoration:none;
}
#sub-menu ul li.active a, #sub-menu ul li.active a:hover {
background:#e22e26;
color:#FFF;
}
body.private #sub-menu ul li.active a, body.private #sub-menu ul li.active a:hover {
background:#2980b9;
}
body.admin #sub-menu ul li.active a, body.admin #sub-menu ul li.active a:hover {
background:#ec9c07;
}
body.other #sub-menu ul li.active a, body.other #sub-menu ul li.active a:hover {
background:#AAA;
}
#lang-select img {
vertical-align:0;
}
#lang-select.single-select .dropdown-menu {
display:block;
padding:0;
}
#lang-select.single-select .dropdown-menu li a {
padding:8px 12px;
}
#lang-select.single-select .dropdown-menu li a:hover {
background:#eee;
color:#000;
}
#site-search {
margin:8px 0 0 0;
}
.navbar-toggle {
border:0;
float:left;
margin:0;
padding:10px 0;
}
.navbar-toggle a {
float:left;
color:#333;
font-family:'open_sansbold', sans-serif;
line-height:30px;
height:30px;
text-transform:uppercase;
}
.navbar-toggle a:hover {
text-decoration:none;
}
.navbar-toggle img {
float:left;
margin-right:10px;
}
.search-toggle {
float:right;
margin:0;
padding:10px 0;
}
.search-toggle a {
float:right;
color:#333;
font-family:'open_sansbold', sans-serif;
height:30px;
line-height:30px;
text-transform:uppercase;
}
.search-toggle a:hover {
text-decoration:none;
}
.search-toggle img {
float:right;
margin-left:10px;
}
#atmos {
background-position:top center;
background-repeat:no-repeat;
background-size:cover;
min-height:200px;
position:relative;
}
#content {
font-size:0.875em;
padding-top:20px;
padding-bottom:20px;
}
#breadcrumb {
color:#999;
margin:0;
position:relative;
z-index:2;
}
#breadcrumb a {
background: transparent;
padding: 0;
color: #999;
width: auto;
margin: 0;
display: inline;
height: auto;
font-size: inherit;
text-align: left;
line-height: inherit;
vertical-align: middle;
float:none;
}
#content ul {
margin-left:.75em;
padding-left:.75em;
}
#content h1,#content h2,#content h3,#content h4,#content h5,#content h6,#content p,#content ul,#content li,#content table td,#content center {
max-width:60em;
}
#content h1 {
max-width:55rem;
}
#content table {
width:auto;
}
#content table.table-list {
max-width:none;
}
#content h1:first-child, #content h2:first-child , #content p:first-child {
margin-top:0;
}
#content table h2 {
margin:0.45em 0 !important;
}
#content .box h1:first-child, #content .box h2:first-child {
margin-top:15px;
}
#sites-wrapper {
background:#2980b9;
padding:8px 0 0;
position:absolute;
bottom:145px;
width:100%;
}
#sites {
list-style:none;
padding:0;
margin:0;
}
#sites li {
display:block;
float:left;
margin:0;
}
#sites li:first-child {
margin:3px 6px 3px 0;
padding:6px 8px;
}
#sites a {
background-color:rgba(0,0,0,.2);
display:block;
float:left;
line-height:15px;
opacity:.75;
margin:3px 6px 3px 0;
padding:6px 8px;
}
#sites a:hover {
opacity:1;
}
#sites img {
vertical-align:0;
}
#footer-wrapper {
background:#222;
padding:20px 0;
position:absolute;
bottom:0;
width:100%;
}
#footer {
color:#FFF;
font-size:.875em;
}
.box {
padding:10px 20px;
margin-bottom:20px;
border:1px solid #CCC;
position:relative;
}
.square-box.no-padding {
border:0;
padding:0;
}
.square-box a.square {
background:#2980b9;
border:1px solid #FFF;
color:#ecf0f1;
font-size:14px;
display:block;
padding:10px 10px 10px 10px;
width:12%;
height: 100px;
float:left;
margin:0;
line-height:1.3em;
text-align:center;
}
@media (max-width:1500px) {
.square-box a.square {
width:14.28571428571429%;
}
.square-box a.square.wider {
width:16.66666666666667%;
}
}
@media (max-width:1199px) {
.square-box a.square {
width:16.66666666666667%;
}
.square-box a.square.wider {
width:20%;
}
}
@media (max-width:991px) {
.square-box a.square {
width:20%;
}
.square-box a.square.wider {
width:32.33333333333333%;
margin:.5%;
}
}
@media (max-width:767px) {
.square-box a.square {
width:33.33333333333333%;
}
.square-box a.square.wider {
width:50%;
}
}
@media (max-width:480px) {
.square-box a.square {
width:50%;
}
.square-box a.square.wider {
width:100%;
}
}
.square-box a.square:hover {
background:#3498db;
text-decoration:none;
position:relative;
}
.table-wrapper {
width: 100%;
height: 100%;
display: table;
vertical-align: middle;
}
.table-cell-wrapper {
width: 100%;
height: 100%;  
display: table-cell;
vertical-align: middle;
}
table.buttons {
width: 100%;
max-width:100%;
vertical-align: middle;
margin-bottom: 10px;
}
table.buttons tr {
width: 100%;
height: 100%;  
display: table-cell;
vertical-align: middle;
}
table.buttons td {
display:table;
vertical-align: middle;
float:left;
width:17em;
}
table.buttons a {
background:#2980b9;
color:#ecf0f1;
font-size:14px;
display:table-cell;
padding:10px 10px 10px 10px;
width:20em;
height: 100px;
border:1px solid #FFF;
line-height:1.3em;
text-align:center;
vertical-align:middle;
}
table.buttons a:hover {
background:#3498db;
text-decoration:none;
}
.box.ehosting {
background:#2980b9 url(/files/jpeg/30358/laitetila.jpeg) top center;
background-size:cover;
border:0;
}
.box.ebusiness {
background:#2980b9 url(/files/jpeg/30357/kosketus.jpeg) top center;
background-size:cover;
border:0;
}
.box.esecurity {
background:#2980b9 url(/files/jpeg/30356/kavelytaso.jpeg) top center;
background-size:cover;
border:0;
}
.box.red {
background:#e22e26 url(/files/jpeg/30359/os%2Dbg.jpeg) 100% 100% no-repeat;
border:0;
}
.box.white-text {
color:#FFF;
text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);
filter:dropshadow(color=#000000, offx=1, offy=1);
}
.box.white-text h1, .box.white-text h2, .box.white-text h3 {
color:#FFF;
text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);
filter:dropshadow(color=#000000, offx=1, offy=1);
}
.box.no-padding {
padding:0;
min-height:0;
}
.box img {
max-width:100%;
}
.box.secmail-banner {
background:url(/files/jpeg/30360/secmail%2Dbanner%2Dbg.jpeg) 100% 50%;
background-size:cover;
border:0;
}
.box.secmail-banner a {
color:#FFF;
}
.box.varmenne-banner {
background:url(/files/jpeg/30361/varmenne%2Dbanner%2Dbg.jpeg) 100% 50%;
background-size:cover;
}
.box.varmenne-banner a {
color:#222;
}
.box.varmenne-banner h2 {
color:#222;
}
.news {
border-top:3px solid #e22e26;
}
.news .date {
margin:0;
}
.add-padding {
padding:10px;
}
.add-margin-bottom {
margin-bottom:15px;
}
#login .btn-group button.btn-link {
display: block;
padding: 2px 20px;
clear: both;
font-size: 12px;
font-weight: normal;
line-height: 1.428571429;
color: #333333;
white-space: nowrap;
width: 100%;
text-align: left;
}
#login .btn-group button.btn-link:hover {
background:#428bca;
color:#FFF;
text-decoration:none;
}
.server-room {
line-height:1em;
}
#end-use-title {
margin:0 auto 30px auto;
width:60em;
}
#end-use {
border:1px solid #000;
padding:30px;
margin:0 auto;
width:60em;
}
#end-use .btn {
margin:0 auto;
}

@media (min-width:60em) {
.table-list,
.table-entry,
.table-edit {
min-width:60em;
}
}

.table p,
.table-list p,
.table-entry p,
.table-edit p {
margin:0;
}
.table .list-button,
.table-list .list-button,
.table-entry .list-button,
.table-edit .list-button {
padding:4px 8px;
}
.table .list-button a,
.table-list .list-button a,
.table-entry .list-button a,
.table-edit .list-button a {
margin:0;
padding:4px 8px;
white-space: nowrap;
}

.table-entry tbody tr td:nth-of-type(1),
.table-edit tbody tr td:nth-of-type(1) {
font-weight:bold;
text-align:right;
}

/* Windows phone 8.0 fix */

@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}

/* Windows phone 8.0 fix ends */


/* Custom onlinefi button */

.btn-online {
color: #ffffff;
background-color: #e22e26;
border-color: #ac2925;
}
.btn-online:hover,
.btn-online:focus,
.btn-online:active,
.btn-online.active,
.open .dropdown-toggle.btn-online {
color: #ffffff;
background-color: #d2322d;
border-color: #ac2925;
}
.btn-online:active,
.btn-online.active,
.open .dropdown-toggle.btn-online {
background-image: none;
}
.btn-online.disabled,
.btn-online[disabled],
fieldset[disabled] .btn-online,
.btn-online.disabled:hover,
.btn-online[disabled]:hover,
fieldset[disabled] .btn-online:hover,
.btn-online.disabled:focus,
.btn-online[disabled]:focus,
fieldset[disabled] .btn-online:focus,
.btn-online.disabled:active,
.btn-online[disabled]:active,
fieldset[disabled] .btn-online:active,
.btn-online.disabled.active,
.btn-online[disabled].active,
fieldset[disabled] .btn-online.active {
background-color: #d9534f;
border-color: #d43f3a;
}

/* Custom onlinefi button ends */

/* Media queries */
@media (max-width:1199px) {
#atmos {
min-height:100px;
}
}
@media (max-width:991px) {
#fp-atmos h1 {
font-size:4em;
}
#atmos h1 {
font-size:3em;
}
}
@media (max-width:767px) {
body {
margin-top:52px;
}
#fp-atmos {
display:none;
}
#logo {
max-width:50%;
position:relative;
}
#logo img {
max-width:100%;
}
#os-logo {
position: absolute;
bottom: -14px;
right: 0px;
left:auto;
}
#login-mobile {
position:absolute;
right:10px;
top:20px;
}
#lang-select {
margin-right:20px;
}
#atmos h1 {
font-size:2em;
}
h2 {
font-size:1.5em;
}
h3 {
font-size:1.25em;
}
.box.secmail-banner {
font-size:1em;
}
.box.varmenne-banner {
font-size:1em;
}
.offcanvas {
position:relative;
left:0;
-webkit-transition:all .3s ease-out;
-most-transition:all .3s ease-out;
transition:all .3s ease-out;
}
#menu-wrapper {
position:fixed;
top:0;
left:0;
width:100%;
z-index:10000;
}
#mobile-menu {
background:url(/files/png/30362/mobile%2Dmenu.png) no-repeat;
position:absolute;
top:14px;
left:10px;
height:21px;
width:109px;
z-index:100;
}
#mobile-menu select {
cursor:pointer;
margin:0;
opacity:0;
position:absolute;
top:0;
left:0;
height:21px;
width:109px;
z-index:100;
}
#sites-wrapper {
padding:20px 0 10px 0;
}
#sites a {
margin-bottom:10px;
}
.search-offcanvas {
border-bottom:1px solid #BBB;
right:-100%;
width:100%;
position:absolute;
top:51px;
background-color:#EEE;
padding:0px;
z-index:0;
-webkit-transition:all .3s ease-out;
-most-transition:all .3s ease-out;
transition:all .3s ease-out;
}
.search-offcanvas.active {
right:0;
}
.box a.square {
font-family:'open_sansregular', sans-serif;
font-size:14px;
padding:10px;
min-height:100px;
}
}
.add-columns {
-moz-column-count: 3;
-moz-column-gap: 30px;
-webkit-column-count: 3;
-webkit-column-gap: 30px;
column-count: 3;
column-gap: 30px;
}
@media (min-width:2200px) {
.add-columns {
-moz-column-count: 4;
-moz-column-gap: 30px;
-webkit-column-count: 4;
-webkit-column-gap: 30px;
column-count: 4;
column-gap: 30px;
}
}
@media (max-width:1199px) {
.add-columns {
-moz-column-count: 2;
-moz-column-gap: 30px;
-webkit-column-count: 2;
-webkit-column-gap: 30px;
column-count: 2;
column-gap: 30px;
}
}
@media (max-width:767px) {
.add-columns {
-moz-column-count: 1;
-moz-column-gap: 30px;
-webkit-column-count: 1;
-webkit-column-gap: 30px;
column-count: 1;
column-gap: 30px;
}
}
.dont-break {
display: inline-block;
width: 100%;
}

/* Media queries end */

/* Font face */

@font-face {
    font-family: 'open_sanslight';
    src: url('/files/font_eot/30320/opensans%2Dlight%2Dwebfont.eot');
    src: url('/files/font_eot/30320/opensans%2Dlight%2Dwebfont.eot?#iefix') format('embedded-opentype'),
         url('/files/font_woff/30325/opensans%2Dlight%2Dwebfont.woff') format('woff'),
         url('/files/font_ttf/30330/opensans%2Dlight%2Dwebfont.ttf') format('truetype'),
         url('/files/font_svg/30335/opensans%2Dlight%2Dwebfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('/files/font_eot/30321/opensans%2Dregular%2Dwebfont.eot');
    src: url('/files/font_eot/30321/opensans%2Dregular%2Dwebfont.eot?#iefix') format('embedded-opentype'),
         url('/files/font_woff/30326/opensans%2Dregular%2Dwebfont.woff') format('woff'),
         url('/files/font_ttf/30331/opensans%2Dregular%2Dwebfont.ttf') format('truetype'),
         url('/files/font_svg/30336/opensans%2Dregular%2Dwebfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansbold';
    src: url('/files/font_eot/30318/opensans%2Dbold%2Dwebfont.eot');
    src: url('/files/font_eot/30318/opensans%2Dbold%2Dwebfont.eot?#iefix') format('embedded-opentype'),
         url('/files/font_woff/30323/opensans%2Dbold%2Dwebfont.woff') format('woff'),
         url('/files/font_ttf/30328/opensans%2Dbold%2Dwebfont.ttf') format('truetype'),
         url('/files/font_svg/30333/opensans%2Dbold%2Dwebfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansextrabold';
    src: url('/files/font_eot/30319/opensans%2Dextrabold%2Dwebfont.eott');
    src: url('/files/font_eot/30319/opensans%2Dextrabold%2Dwebfont.eot?#iefix') format('embedded-opentype'),
         url('/files/font_woff/30324/opensans%2Dextrabold%2Dwebfont.woff') format('woff'),
         url('/files/font_ttf/30329/opensans%2Dextrabold%2Dwebfont.ttf') format('truetype'),
         url('/files/font_svg/30334/opensans%2Dextrabold%2Dwebfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Font face ends */

/* Winter theme begins */

.xmas {
overflow-x:hidden;
}

.xmas #fp-atmos {
background-image:url(/files/jpeg/59188/hyvaa%2Djoulua.jpeg);
}
.xmas #fp-atmos h1 {
padding:30px 10%;
position: relative;
z-index: 100;
font-size:3em;
line-height:1.25em;
}
@media (max-width:1199px) {
.xmas #fp-atmos h1 {
padding:30px 10%;
font-size:2em;
}
}
.xmas #flake {
text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
.xmas .center-aligned {
width:100%;
height:auto;
padding-top:70px;
}
.xmas #lastu2014 {
background:rgba(0,0,0,0.25);
color:#fff;
padding:10px 10px 10px 45px;
position:absolute;
right:20px;
bottom:20px;
margin-top:20px;
text-align:left;
line-height:20px;
width:630px;
-webkit-border-radius: 1000px ;
border-radius: 1000px;
z-index:9;
font-size:14px;
}
@media (max-width:1400px) {
.xmas #lastu2014 {
bottom:100px;
}
}
.xmas #lastu2014 p {
float:left;
margin:15px 0 0 0;
width:470px;
text-shadow: 1px 1px 1px #000;
}
.xmas #lastu2014 a {
color:#fff;
}
.xmas #lastu2014 a:hover {
color:#fff;
}
.xmas #lastu2014 #lastu2014-img {
float:right;
width:90px;
margin:0 0 0 10px;
}
@media (max-height:700px) {
.xmas #fp-atmos h1 {
padding:0 25% 0 5%;
font-size:1.35em;
}
.xmas .center-aligned {
padding-top:25px;
}
}
.winter #logo img {
margin:20px 0 0;
position:relative;
left:-20px;
}
.winter #header {
background: rgb(33,93,183);
background: -moz-linear-gradient(top, rgba(33,93,183,1) 0%, rgba(90,155,224,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(33,93,183,1)), color-stop(100%,rgba(90,155,224,1)));
background: -webkit-linear-gradient(top, rgba(33,93,183,1) 0%,rgba(90,155,224,1) 100%);
background: -o-linear-gradient(top, rgba(33,93,183,1) 0%,rgba(90,155,224,1) 100%);
background: -ms-linear-gradient(top, rgba(33,93,183,1) 0%,rgba(90,155,224,1) 100%);
background: linear-gradient(to bottom, rgba(33,93,183,1) 0%,rgba(90,155,224,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#215db7', endColorstr='#5a9be0',GradientType=0 );
border-top:1px solid #93bfdc;
}
.winter #sites-menu ul li a {
border-top:1px solid rgba(255,255,255,0.5);
border-left:1px solid rgba(255,255,255,0.5);
border-right:1px solid rgba(0,0,0,0.3);
}
.winter #login-form {
color:#fff;
}
.winter #lang-select {
z-index:100;
}

/* Winter theme ends */

#os-birthday {
position:absolute;
bottom:30px;
left:30px;
}

@media (max-height:760px) {
#os-birthday img {
max-height:150px;
}
}

@media (max-height:600px) {
.xmas .center-aligned {
padding-left:0;
}
}