/* BASIC STYLES */

body {
  margin: 0;
  padding: 0;
  background-color: #ffffff;
}

.container {
	width: 1090px; 
	max-width: 100%;
}

button,
input [type="text"],
input [type="email"],
textarea
{
    -webkit-appearance: none;
    border-radius: 0;
}

.editor p,
.editor li
{
	line-height: 1.7;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #0099ff;
}

/* TOP-NAVIGATION */

.top-nav-mobile {
	text-align: center;
}

p.intranet-mobile-link {
	color: #fff;
    text-transform: uppercase;
    padding-top: 15px;
    padding-bottom: 10px;
    padding-left: 9px;
    padding-right: 9px;
    /* line-height: 30px; */
    margin-bottom: 0;
    font-family: Oswald, Arial, "Lucida Grande", sans-serif;
    font-size: 20px;
    margin-top: 0;
}

.intranet-mobile-link:hover {
	background: #000099;
}

.top-nav {
	width: 100%;
	height: 34px;
	text-align: center;
    background: #fff; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#97dbff, #fff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#97dbff, #fff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#97dbff, #fff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#97dbff, #fff); /* Standard syntax */
	display: none;
}

.top-nav>.container {
	position: relative;
}

.top-nav ul {
	list-style-type: none;
	display: inline-block;
}

.top-nav li {
	float: left;
	color: #878786;
	font-size: 0.7em;
}

.top-nav .divider {
	margin: 0 18px;
}

.top-nav .divider.last {
	display: none;
}

.finnish .divider.mid {
	display: none;
}

.current .languageText {
	display: none;
}

.top-nav a {
	color: #878786;
	text-transform: uppercase;
}

.top-nav a:hover {
	color: #666;
}

.intranet-filler {
	width: 88px;
	height: 12px;
}

.topnav-searchform {
	position: absolute;
	top: 0;
	right: 0;
	float: right;
	margin-top: 13px;
	margin-right: 20px;
}

.mobile-searchform {
	width: 165px;
	margin: 20px auto 0 auto;
}

.mobile-searchform-sv {
	width: 182px;
	margin: 20px auto 0 auto;
}

.mobile-searchform-en {
	width: 174px;
	margin: 20px auto 0 auto;
}

.topnav-searchsubmit,
.searchpage-searchsubmit,
.mobile-searchsubmit
{
	display: block;
	float: left;
	width: auto;
    height: 21px;
    background-color: #000099;
    border: none;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0;
    padding: 0 5px;
	font-size: 0.9em;
    color: #fff;
}

.searchpage-searchform .search_keywords {
	font-size: 1em;
}

.searchpage-title {
	clear: both;
	float: left;
	width: 100%;
	margin-top: 30px;
}

/* MAIN NAVIGATION */

.navbar-desktop {
	display: none;
}

.nav-container {
	padding-right: 0;
	background: #99cccc;
	/*min-height: 94px;*/
}

.navbar-default {
	background-color: #99cccc;
	border: none;
	border-color: #fff;
}

.navbar-header {
	min-height: 94px;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form
{
	background: #0099ff;
	border: none;
	border-color: #fff;
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse
{
	max-height: 640px;
}

.navbar-brand {
	padding: 0;
	height: auto;
	display: none;
}

.navbar-brand>img {
	max-width: 210px;
}

.navbar-helper {
	margin-left: -15px;
	margin-right: -15px;
}

.navbar-helper-sub {
	padding-bottom: 40px;
}

.navbar-nav {
	background-color: #0099ff;
	text-align: center;
	margin: 0/* -15px*/;
}

.navbar-nav>li:last-child>a {
	padding-right: 0;
}

.navbar-nav>li>a {
	padding-top: 18px;
	padding-bottom: 18px;
	padding-left: 9px;
	padding-right: 9px;
	line-height: 30px;
	margin-bottom: 0;
}

.navbar-default .navbar-nav>li>a {
	background: #0099ff;
	color: #fff;
	font-size: 1.5em;
	text-transform: uppercase;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus
{
	background: #000099;
	color: #fff;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus
{
	background: #000099;
	color: #fff;
}

.navbar-default .navbar-nav>.active>a:hover {
	background: #000099;
	color: #fff;
}

.navbar-default .navbar-toggle {
	border: none;
	margin-top: 22px;
	margin-right: 25px;
	padding: 0;
	border-radius: 0;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus
{
	background: transparent;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}

.navbar-toggle .icon-bar {
	width: 40px;                          /* modified from 54px */
	height: 6px;
	background-color: #fff;
}

.navbar-toggle .icon-bar+.icon-bar {
	margin-top: 6px;                    /* modified from 12px */
}

/* modified by Yurong */

@media screen and (min-width: 1090px){

   .navbar-header .main-box:before {
	padding-top: 40%;
	   
   }
   
   .navbar-header .main-box{
      
	  background-size:40%;
	 
   }

}
@media screen and (min-width: 768px){

   .navbar-header .main-box:before {
	padding-top: 55%;
	   
   }
   
   .navbar-header .main-box{
      width:40%;
	  background-size:30%;
	  background-position: left top;
   }

}
@media (min-width: 480px){
 /*   .navbar-header .main-box:before {
	padding-top: 30%;
	   
} */
   .navbar-header .main-box{ 
	width: 30%;
   }
}

@media (max-width: 480px){

   .navbar-header .main-box{ 
	width: 50%;
  }

}
/* CONTENT AREA */

.main-container {
	margin-top: 0;
}

.subpage-main-container {
	margin-top: 25px;
	margin-bottom: 40px;
}

.main-box {
	float: left;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	padding: 0;
}

.main-box:before {
	content: "";
	display: block;
	padding-top: 62.86%;                     
}

.main-box-inner {
	position: absolute;
	top: 0;
	display: table;
	width: 100%;
}

.main-box-inner-inner {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}

.big-text {
	text-transform: uppercase;
	margin-bottom: 0;
	font-weight: 400;
	display: none;
}

.big-text:hover {
	color: #000099;
}

.main-box:hover .big-text {
	color: #000099;
}

.social-area {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	color: #273583;
	overflow: hidden;
    max-width: 100%;
    max-height: 100%;
	background-position: top;
	background-size: cover;
}

.social-text {
	padding: 10px;
	display: none;
}

.social-text h1 {
	font-size: 1em;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

.social-text p {
	margin: 3px 0 0 0;
	padding: 0;
	font-size: 0.8em;
}

.social-image {
	height: 100%;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: cover;
	display: none;
}

.social-image img {
	width: 100%;
}

.bottom-overlay {
	background: #666;
	opacity: 0.85;
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
	text-align: center;
	padding-top: 6px;
}

.bottom-overlay h1 {
	color: #fff;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 1em;
	margin-bottom: 10px;
}

/* SUBPAGE */

/* SUBPAGE LEFT NAVIGATION */

.left-nav {
	list-style-type: none;
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 40px;
}

.left-nav li {
	margin-bottom: 5px;
}

.left-nav li a {
	font-size: 1em;
}

.left-nav li a:hover {
	color: #0099ff;
}

.left-nav .left-nav {
	padding-left: 9px;
	padding-top: 6px;
	margin-bottom: 6px;
}

.left-nav a {
	color: #000099;
}

.left-nav .current>a {
	color: #0099ff;
}

/* SUBPAGE MAIN CONTENT */

.subpage-col,
.social-share,
.social-share-frontpage
{
	font-size: 0.8em;
}

.subpage-left-col {
	display: none;
	min-height: 1px;
}

.social-left {
	min-height: 1px;
}

.subpage-nav-col {
	display: block;
}

.full-width-subpage-col
{
	width: 100%;
	max-width: 600px;
    margin: 0 auto;
    float: none;
}

.subpage-col img {
	max-width: 100%;
	margin: 12px 0;
}

.subpage-col .subpage-main-image img {
	max-width: 100%;
	margin: 0 0 4px 0;
	max-height: 220px;
    width: auto;
}

.subpage-col h1 {
	font-size: 2em;
	letter-spacing: 1px;
	margin-bottom: 28px;
}

/*.subpage-col p {
	margin: 19px 0;
}*/

.subpage-col ul {
	/*list-style-type: none;
	padding: 0;*/
}

.subpage-col ul li a {
	margin-bottom: 12px;
}

.subpage-col a {
	/*font-size: 1.3em;*/
}

/* FOOTER */

.footer {
	width: 100%;
	min-height: 97px;
	height: auto;
	background: #b8e0e0;
	margin-top: 0;
	padding: 24px 15px 24px 15px;
	text-align: center;
}

.footer-contact {
	width: 560px;
	margin: 0 auto;
}

.footer p {
	font-size: 0.8em;
}

.footer a {
	font-size: 1em;
	color: #000099;
}

.footer-name {
	font-weight: 700;
}

/* REPORT IN IFRAME */

iframe {
	border: none;
	width: 100%;
	height: 800px;
}

/* SEARCHFORM */

.searchform {
	/*float: right;
	margin-right: 0;*/
	width: 642px;
	max-width: 100%;
	margin: 0 auto;
}

#search-form {
	float: right;
	margin-bottom: 20px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000099;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #000099;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #000099;
}
:-moz-placeholder { /* Firefox 18- */
  color: #000099;
}

.search_keywords {
	width: 120px;
	height: 21px;
	background: #b9e1e1;
	border: none;
	padding-left: 5px;
	font-size: 0.8em;
	font-weight: 400;
	float: left;
	box-shadow: 1px 1px 6px #94b4b1 inset, 0px -1px 6px #94b4b1 inset;
}

.search_submit {
	width: 22px;
	height: 21px;
	background-color: #000099;
	border: none;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0;
	padding: 0;
}

.search_submit img {
	vertical-align: text-top;
}

/* MATERIAL ORDER SECTION */

.material-container {
	width: 100%;
	max-width: 642px;
	clear: both;
}

.material-page-container p {
	max-width: 500px;
}

.material-category-list {
	clear: both;
	margin-top: 20px;
	width: 100%;
    margin: 0 auto;
}

.category-radio {
	display: none;
}

.category-radio:checked + label {
	background: #000099;
	color: #fff;
}

.material-category-list label {
	display: block;
	float: left;
	width: auto;
	background: #b8e0e0;
	padding: 5px 15px;
	text-align: center;
	margin-right: 5px;
	font-size: 0.9em;
	text-transform: uppercase;
	font-weight: 400;
	cursor: pointer;
}

#material-wrapper {
	clear: both;
	margin-top: 74px;
}

.material-row {
	background: #ebebeb;
	/*min-height: 742px;*/
	padding: 18px 0 18px 18px;
}

.material-row .col-lg-4 {
	padding-left: 30px;
	padding-right: 30px;
}

.material-box-col {
	width: 100%;
	float: left;
}

.material-image-wrapper {
	min-height: 222px;
}

.material-image-wrapper img {
	margin-bottom: 10px;
	max-width: 100%;
}

.material-box {
	width: 100%;
	max-width: 150px;
	position: relative;
	margin: 20px auto;
	min-height: 297px;
}

.svenska .material-box {
	min-height: 309px;
}

.material-box p {
	clear: both;
	margin: 0;
	font-family: Oswald, Arial, "Lucida Grande", sans-serif;
}

.material-description {
	padding: 4px 0;
}

.material-description p {
	font-family: Verdana, Arial, "Lucida Grande", sans-serif;
	font-size: 0.7em;
}

.material-price,
.material-box a
{
	clear: both;
	/*float: left;*/
	display: block;
	width: 100%;
	font-size: 0.8em;
	margin: 0;
}

.material-box .material-preview-link {
	/*float: left;*/
	color: #000099;
	margin-bottom: 5px;
}

.material-amount-input {
	width: 28px;
	height: 20px;
	border: none;
	float: left;
	font-size: 0.8em;
    padding-left: 6px;
}

.material-bottom-left {
	/*float: left;*/
}

.material-bottom-right {
	position: absolute;
	right: 0;
	bottom: 0;
}

.material-box .cart-link {
	clear: none;
	float: left;
	margin-left: 5px;
}

.add-to-cart-1 {
	border: none;
	padding: 0;
	background: transparent;
	font-size: 0.8em;
    clear: both;
    /*loat: left;*/
	text-align: left;
}

.add-to-cart-2 {
	border: none;
	padding: 0;
	background: transparent;
	margin-left: 5px;
}

.add-to-cart-2 img {
	vertical-align: text-top;
}

.pagination {
	margin-top: 10px;
	float: right;
}

.pagination span {
	display: inline-block;
	margin-right: 10px;
}

.pagination span,
.pagination span a
{
	font-size: 1em;
}

.pagination span a {
	color: #000099;
}

.pagination span a:hover {
	color: #0099ff;
}

.pagination + .editor {
	clear: both;
	float: left;
}

.curPage {
	color: #99cbca;
}

.curPage strong {
	font-weight: 400;
}


.cart-wrapper {
	margin-top: 40px;
}

.cart-hidden {
	display: none;
}

form.cart,
.cart,
.empty-cart
{
	max-width: 400px;
	margin: 0 auto;
}

.cart,
.empty-cart {
	clear: both;
	margin-top: 20px;
}

.cart th,
.empty-cart th {
	padding: 18px 15px 18px 15px;
	text-align: left;
}

.cart .cart-title,
.empty-cart .cart-title {
	background: #b8e0e0;
	text-align: center;
}

.cart td,
.empty-cart td
{
	padding: 3px 15px 3px 15px;
}

.material-amount {
	text-align: right;
}


.cart-messages {
	position: fixed;
	top: 109px;
	right: 20px;
	z-index: 9999;
	background: #fff;
	padding: 15px 30px;
	border: 2px solid #000099;
	display: none;
	max-width: 93%;
}

.cart table,
.empty-cart table
{
	width: 100%;
}

.cart input[type="submit"] {
	clear: both;
	float: left;
	width: 100%;
	background: #b8e0e0;
	border: none;
	margin-top: 20px;
}

.amount-col,
.cart th.amount-col,
.delete-col,
.cart th.delete-col
{
	text-align: center;
}

.cart input[type="submit"] {
	height: 26px;
}

/* ORDER PAGE FORM */

.order-form-wrapper {
	width: 100%;
	position: relative;
	float: left;
}

#form-25,
#form-75
{
	width: 208px;
	float: left;
}

#form-25 .formLabelHolder,
#form-25 .formFieldHolder,
#form-25 .formHolder,
#form-75 .formLabelHolder,
#form-75 .formFieldHolder,
#form-75 .formHolder
{
	display: block;
	clear: both;
	float: left;
}

#form-25 .formField-textfield,
#form-25 .formField-email,
#form-25 .formField-select,
#form-25 .formField-textarea,
#form-75 .formField-textfield,
#form-75 .formField-email,
#form-75 .formField-select,
#form-75 .formField-textarea
{
	display: block;
	clear: both;
	float: left;
	margin-bottom: 18px;
}

.form td {
	padding: 7px;
}

.form .formField-textfield,
.form .formField-email,
.form .formField-select,
.form .formField-textarea
{
	margin-bottom: 18px;
}

#form-25 .formTextinput,
#form-25 .formEmailinput,
#form-25 .formTextarea,
#form-25 .formSubmit,
.cancel-n-empty,
#form-25 .return,
#form-75 .formTextinput,
#form-75 .formEmailinput,
#form-75 .formTextarea,
#form-75 .formSubmit,
.cancel-n-empty,
#form-75 .return
{
	clear: both;
	float: left;
	width: 208px;
	height: 26px;
	padding-left: 6px;
	background: #b8e0e0;
	border: none;
}

#form-25 .return,
#form-75 .return
{
	color: #000099;
}

#form-25 .return:hover,
#form-75 .return:hover
{
	color: #0099ff;
}

.form .formTextinput,
.form .formEmailinput,
.form .formTextarea,
.form .formSubmit
{
	width: 208px;
	height: 26px;
	padding-left: 6px;
	background: #b8e0e0;
	border: none;
}

#form-25 .formTextarea,
#form-75 .formTextarea
{
	height: 100px;
}

.styled-select {
	width: 208px;
	overflow: hidden;
	background: url(../img/select-arrow.png) no-repeat right #b8e0e0;
	position: relative;
}

#form-25 .formSelect,
#form-75 .formSelect
{
	clear: both;
	float: left;
	width: 208px;
	height: 26px;
	padding-left: 2px;
	background: transparent;
	border: none;
    /*appearance: none;*/
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */
}

.formField-radio {
	float: left;
	margin-bottom: 10px;
}

.formRadioLabel {
	margin-right: 15px;
}

.formSelect::-ms-expand {
    display: none;
}

#form-25 option,
#form-75 option
{
	background: #b8e0e0;
}

.subpage-col .select-arrow {
	position: absolute;
	right: 0;
	margin: 0;
}

.order-form-buttons {
	clear: both;
	float: left;
	width: 208px;
}

.order-form-buttons button {
	margin-bottom: 10px;
}

.order-form-buttons button:hover,
.cancel-n-empty:hover
{
	color: #0099ff;
}

.order-form-buttons a {
	margin-bottom: 0;
	font-size: 1em;
}

#form-25 .cancel-n-empty,
#form-75 .cancel-n-empty
{
	clear: none;
	margin-left: 34px;
}

#form-25 a,
#form-75 a
{
	text-align: center;
	padding-top: 5px;
	padding-bottom: 2px;
}

.cancel-n-empty-wrapper {
    margin-top: 10px;
    float: left;
    clear: both;
}

.thanks-wrapper {
	clear: both;
}

/* MAGAZINE CONTENT PAGE */

.magazine-frontpage-col,
.magazine-content-col
{
	width: 100%;
	float: none;
	margin: 0 auto;
}

.magazine-content-col {
	margin-top: 60px;
}

.magazine-content-col .row {
	margin-right: -3px;
	margin-left: -3px;
}

.magazine-content-col .col-sm-12 {
	padding-right: 3px;
	padding-left: 3px;
	margin-bottom: 6px;
}

.magazine-frontpage-col img {
	width: 100%;
	max-width: 100%;
}

.magazine-content-sub-col {
	padding-left: 3px;
	padding-right: 3px;
	margin-bottom: 6px;
}

.magazine-content-sub-col-2 {
	height: 335px;
}

.magazine-content-header {
	color: #000;
	text-align: center;
	min-height: 105px;
	height: 126px;
}

.magazine-content-header + .container {
	padding: 0;
}

.magazine-content-header h4 {
	font-family: georgia, 'times new roman', serif;
	font-size: 1.2em;
	color: #000099;
}

.magazine-content-header h1 {
	font-size: 1.3em;
	color: #000099;
}

.magazine-content-header h2 {
	font-size: 1em;
	color: #000099;
}

.magazine-content-wrapper {
	width: 100%;
	height: 164px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	/*margin-bottom: 6px;*/
	position: relative;
}

.magazine-content-wrapper-1 {
	height: 260px;
}

.magazine-content-sub-col-2 .magazine-content-wrapper {
	height: 335px;
}

.magazine-content-overlay {
    background: #fbb76c;
    opacity: 0.8;
    color: #000099;
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 12px 11px;
}

.magazine-content-overlay:hover {
	color: #0000ee;
}

.magazine-content-wrapper-1 .magazine-content-overlay {
	padding: 24px 11px;
}


.magazine-content-overlay h3 {
	font-size: 0.9em;
	margin-bottom: 0;
}

.magazine-content-overlay p {
	font-size: 0.7em;
	margin: 0;
}

/* INTRANET LOGIN */

#login_template td {
	padding: 4px 8px;
}

#login_template input[name="username"],
#login_template input[name="password"]
{
	width: 180px;
	height: 26px;
	background: #b8e0e0;
	border: none;
}

#login_template input[type="submit"] {
	background: #b8e0e0;
	height: 26px;
	border: none;
}

/* SOCIAL SHARE */

.social-share,
.social-share-frontpage
{
	/*width: 100%;
	float: left;
	text-align: center;*/
	margin-top: 20px;
}

.social-share p {
	float: left;
	margin-bottom: 6px;
	margin-top: 40px;
}

.social-share ul {
	list-style-type: none;
	clear: both;
	float: left;
	padding: 0;
}

.social-share-frontpage ul {
	list-style-type: none;
}

.social-share ul li {
	float: left;
	padding-right: 10px;
}

.social-share-frontpage ul li {
	float: left;
	padding: 0 5px;
}

.social-share ul li a,
.social-share-frontpage ul li a
{
	display: block;
	width: 29px;
	height: 29px;
	background-repeat: no-repeat;
}

.social-share-frontpage {
	width: 100%;
	float: left;
	text-align: center;
}

.social-share-frontpage p {
	width: 100%;
	max-width: 100%;
}

.social-share-frontpage ul {
	width: 80px;
	margin: 0 auto;
	padding: 0;
}

.social-share-frontpage ul li {
	float: left;
}

/* IMAGE GALLERY */

.img-gallery .container {
	padding: 0;
}

.img-gallery-wrapper {
	width: 69%;
	max-width: 300px;
	margin: 0 auto;
}

.img-gallery .col-lg-3 {
	min-height: 163px;
	display: inline-block;
    vertical-align: top;
    float: none;
}

.img-gallery-wrapper {
	padding-bottom: 26px;
}

.img-gallery-wrapper + .pagination span a,
.img-gallery-wrapper + .pagination .curPage strong
{
	font-size: 1.2em;
}

.gallery-back a {
	font-size: 0.7em;
	float: right;
	margin-top: 9px;
	margin-left: 10px;
}

.img-title {
	margin-bottom: 5px;
}

.img-description {
	margin-top: 0;
	margin-bottom: 5px;
}

.fancybox-title-float-wrap .child {
	width: 100%;
}

.fancybox-title-float-wrap .child a:hover {
	color: #0099ff;
}

/* RELEASES */

.release-date {
	margin-top: 0;
	margin-bottom: 4px;
}

.yearly-archive li {
	display: none;
}

.download-link {
	color: #000099;
}

.follow-us {
	padding-bottom: 40px;
}

.follow-us ul {
	width: 190px;
	margin: 0 auto;
}

.follow-us li {
	list-style: none;
	padding: 0 5px;
	float: left;
}

/*FOR LINKS IN MOBILE VIEW 2018*/

.editor {
	float: left;
	width: 100%;
}