/*
Project: Kringelstan.
Description: Load all styles
Author: Karl Karlsson
Date: 2019-06-03
Licence: https://kringelstan.se/
*/
/**
 * Basic Settings
 */
/*
http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
This is use to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings etc
*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400&display=swap);
@import url(https://fonts.googleapis.com/css?family=Lato&display=swap);
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

/*
Project: Kringelstan
Description: Basic mixins
Author: Karl Karlsson
Date: 2019-03-20
Licence: https://kringelstan.se/
*/
/*===============================================================================
	Transitions
===============================================================================*/
/*===============================================================================
	Box-shadow
===============================================================================*/
/*===============================================================================
	Background color & Opacity
===============================================================================*/
/*===============================================================================
	Alignment
===============================================================================*/
/*===============================================================================
	Other
===============================================================================*/
/*===============================================================================
	Puffs Masonry effects
===============================================================================*/
@keyframes masonry_fade_in_scale_animation {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  50% {
    transform: scale(0.9);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
/*
Project: Kringelstan
Description: Grid Column Classes
Author: Karl Karlsson
Date: 2019-03-10
Licence: https://kringelstan.se/
*/
/*
Project: Kringelstan
Description: Grid system 12 columns (1-12)
Author: Karl Karlsson
Date: 2019-03-20
Licence: http://kringelstan.se/

TABLE OF CONTENTS

===================================== 
* Imports, Global varibles & Mixins
=====================================

1. 	Mixins
2. 	Imports - Grid classes mixins
3. 	Glutter	
4. 	Classes - Align / Display
5. 	Page Wrapper Sizes
6.	Breakpoints
7. 	Column Sizes

====================================
* Grid
====================================

1.	Containers
2.	Row
3.	Columns =>
	3.1	 Column Grid Classes
	3.2. Column breakpoints
	3.3  Hidden / Visible

*/
/*=====================================================================================================
 *																									 	
 * Mixins, Imports & Global varibles 												
 *			                                                                                         
 ====================================================================================================*/
/*===============================================================================
1.  Mixins 
===============================================================================*/
/*===============================================================================
2.   Imports - Grid classes mixins
===============================================================================*/
/*
Project: Kringelstan
Description: Grid Column Classes
Author: Karl Karlsson
Date: 2019-03-10
Licence: https://kringelstan.se/
*/
/*===============================================================================
3.   Glutter 
===============================================================================*/
/*===============================================================================
4.   Classes - Align / Display
===============================================================================*/
.text-center {
  text-align: center;
}

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

.text-left {
  text-align: left;
}

.hidden-all {
  display: none;
}

.margin-top {
  margin-top: 180px;
}

.verticle-align {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.center {
  margin: 0 auto;
}

.block {
  display: block;
}

.rel {
  position: relative;
}

/*===============================================================================
5.  Page Wrapper Sizes
===============================================================================*/
/*===============================================================================
6.  Breakpoints
===============================================================================*/
/*===============================================================================
7.  Column Sizes
===============================================================================*/
/*====================================================================================================
 *
 * Grid
 *
 ====================================================================================================*/
/*===============================================================================
1.   Containers
===============================================================================*/
.container {
  margin-left: 15px;
  margin-right: 15px;
  margin: 0 auto;
  width: 100%;
}
.container:before, .container:after {
  content: "";
  display: table;
}
.container:after {
  clear: both;
}
@media (min-width: 768px) {
  .container {
    max-width: 768px; /* 768px */
  }
}
@media (min-width: 900px) {
  .container {
    max-width: 900px; /* 900px */
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 900px; /* 900px */
  }
}
@media (min-width: 1140px) {
  .container {
    max-width: 1024px; /* 1024px */
  }
}
@media (min-width: 1240px) {
  .container {
    max-width: 1140px; /* 1140px */
  }
}
@media (min-width: 1440px) {
  .container {
    max-width: 1240px; /* 1200px */
  }
}

.container-collapse {
  margin: 0 auto;
  width: 100%;
}
.container-collapse:before, .container-collapse:after {
  content: "";
  display: table;
}
.container-collapse:after {
  clear: both;
}
@media (min-width: 768px) {
  .container-collapse {
    max-width: 768px; /* 768px */
  }
}
@media (min-width: 900px) {
  .container-collapse {
    max-width: 900px; /* 900px */
  }
}
@media (min-width: 1024px) {
  .container-collapse {
    max-width: 900px; /* 900px */
  }
}
@media (min-width: 1140px) {
  .container-collapse {
    max-width: 1024px; /* 1024px */
  }
}
@media (min-width: 1240px) {
  .container-collapse {
    max-width: 1140px; /* 1140px */
  }
}
@media (min-width: 1440px) {
  .container-collapse {
    max-width: 1240px; /* 1200px */
  }
}

.container-fluid {
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
  width: 100%;
}
.container-fluid:before, .container-fluid:after {
  content: "";
  display: table;
}
.container-fluid:after {
  clear: both;
}

.container-fluid-collapse {
  margin: 0 auto;
  width: 100%;
}
.container-fluid-collapse:before, .container-fluid-collapse:after {
  content: "";
  display: table;
}
.container-fluid-collapse:after {
  clear: both;
}

.container-collapse-wide {
  margin: 0 auto;
  width: 100%;
}
.container-collapse-wide:before, .container-collapse-wide:after {
  content: "";
  display: table;
}
.container-collapse-wide:after {
  clear: both;
}
@media (min-width: 768px) {
  .container-collapse-wide {
    max-width: 96%; /* 768px */
  }
}
@media (min-width: 900px) {
  .container-collapse-wide {
    max-width: 95%; /* 900px */
  }
}
@media (min-width: 1024px) {
  .container-collapse-wide {
    max-width: 95%; /* 900px */
  }
}
@media (min-width: 1140px) {
  .container-collapse-wide {
    max-width: 95%; /* 1024px */
  }
}
@media (min-width: 1240px) {
  .container-collapse-wide {
    max-width: 95%; /* 1140px */
  }
}
@media (min-width: 1440px) {
  .container-collapse-wide {
    max-width: 85%; /* 1300px */
  }
}

.container-collapse-wide-col {
  margin: 0 auto;
  width: 100%;
}
.container-collapse-wide-col:before, .container-collapse-wide-col:after {
  content: "";
  display: table;
}
.container-collapse-wide-col:after {
  clear: both;
}
@media (min-width: 768px) {
  .container-collapse-wide-col {
    max-width: 96%; /* 768px */
  }
}
@media (min-width: 900px) {
  .container-collapse-wide-col {
    max-width: 97.5%; /* 900px */
  }
}
@media (min-width: 1024px) {
  .container-collapse-wide-col {
    max-width: 97.5%; /* 1024px */
  }
}
@media (max-width: 1440px) and (min-width: 1140px) {
  .container-collapse-wide-col {
    max-width: 90%; /* 1440px - 1140px */
  }
}
@media (min-width: 1440px) {
  .container-collapse-wide-col {
    max-width: 87%; /* 1440px */
  }
}

/*===============================================================================
2.   Rows
===============================================================================*/
[class*=row] {
  margin: 0 auto;
}
[class*=row]:before, [class*=row]:after {
  content: "";
  display: table;
}
[class*=row]:after {
  clear: both;
}
[class*=row][class*=-small] {
  width: 768px;
}
[class*=row][class*=-medium] {
  width: 900px;
}
[class*=row][class*=-large] {
  width: 1140px;
}
[class*=row][class*=-full] {
  width: 100%;
}

/*===============================================================================
3.   Columns
===============================================================================*/
[class*=col-] {
  float: left;
  display: block;
  padding: 15px;
}

[class*=float-none] {
  float: none;
}

.collapse {
  padding: 0;
}

.clear-top {
  padding-top: 0;
}

.clear-right {
  padding-right: 0;
}

.clear-bottom {
  padding-bottom: 0;
}

.clear-left {
  padding-left: 0;
}

.clear-top-bottom {
  padding-top: 0;
  padding-bottom: 0;
}

.clear-right-left {
  padding-right: 0;
  padding-left: 0;
}

.padd {
  padding: 15px;
}

.padd-top {
  padding-top: 15px;
}

.padd-right {
  padding-right: 15px;
}

.padd-bottom {
  padding-bottom: 15px;
}

.padd-left {
  padding-left: 15px;
}

.padd-right-left {
  padding-left: 15px;
  padding-right: 15px;
}

.padd-top-bottom {
  padding-top: 15px;
  padding-bottom: 15px;
}

.padd-m {
  padding: 10px;
}

.padd-top-m {
  padding-top: 10px;
}

.padd-right-m {
  padding-right: 10px;
}

.padd-bottom-m {
  padding-bottom: 10px;
}

.padd-left-m {
  padding-left: 10px;
}

.padd-small {
  padding: 5px;
}

.padd-top-small {
  padding-top: 5px;
}

.padd-right-small {
  padding-right: 5px;
}

.padd-bottom-small {
  padding-bottom: 5px;
}

.padd-left-small {
  padding-left: 5px;
}

.marg-top {
  margin-top: 15px;
}

.marg-right {
  margin-right: 15px;
}

.marg-bottom {
  margin-bottom: 15px;
}

.marg-left {
  margin-left: 15px;
}

.marg-top-3x {
  margin-top: 45px;
}

/*====================================== 
3.1   Column Grid Classes
======================================*/
.col-12 {
  width: 100%;
}

.col-11 {
  width: 91.66%;
}

.col-10 {
  width: 83.33%;
}

.col-9 {
  width: 75%;
}

.col-8 {
  width: 66.66%;
}

.col-7 {
  width: 58.33%;
}

.col-6 {
  width: 50%;
}

.col-5 {
  width: 41.66%;
}

.col-4 {
  width: 33.33%;
}

.col-3 {
  width: 25%;
}

.col-2 {
  width: 16.33%;
}

.col-1 {
  width: 8.33%;
}

.offset-12 {
  margin-left: 100%;
}

.offset-11 {
  margin-left: 91.66%;
}

.offset-10 {
  margin-left: 83.33%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-8 {
  margin-left: 66.66%;
}

.offset-7 {
  margin-left: 58.33%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-5 {
  margin-left: 41.66%;
}

.offset-4 {
  margin-left: 33.33%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-2 {
  margin-left: 16.33%;
}

.offset-1 {
  margin-left: 8.33%;
}

.push-12 {
  margin-right: 100%;
}

.push-11 {
  margin-right: 91.66%;
}

.push-10 {
  margin-right: 83.33%;
}

.push-9 {
  margin-right: 75%;
}

.push-8 {
  margin-right: 66.66%;
}

.push-7 {
  margin-right: 58.33%;
}

.push-6 {
  margin-right: 50%;
}

.push-5 {
  margin-right: 41.66%;
}

.push-4 {
  margin-right: 33.33%;
}

.push-3 {
  margin-right: 25%;
}

.push-2 {
  margin-right: 16.33%;
}

.push-1 {
  margin-right: 8.33%;
}

/*====================================== 
3.2   Column breakpoints
======================================*/
@media (min-width: 1440px) {
  .col-12-xl-up {
    width: 100%;
  }
  .col-11-xl-up {
    width: 91.66%;
  }
  .col-10-xl-up {
    width: 83.33%;
  }
  .col-9-xl-up {
    width: 75%;
  }
  .col-8-xl-up {
    width: 66.66%;
  }
  .col-7-xl-up {
    width: 58.33%;
  }
  .col-6-xl-up {
    width: 50%;
  }
  .col-5-xl-up {
    width: 41.66%;
  }
  .col-4-xl-up {
    width: 33.33%;
  }
  .col-3-xl-up {
    width: 25%;
  }
  .col-2-half-xl-up {
    width: 20%;
  }
  .col-2-xl-up {
    width: 16.33%;
  }
  .col-1-xl-up {
    width: 8.33%;
  }
  .offset-12-xl-up {
    margin-left: 100%;
  }
  .offset-11-xl-up {
    margin-left: 91.66%;
  }
  .offset-10-xl-up {
    margin-left: 83.33%;
  }
  .offset-9-xl-up {
    margin-left: 75%;
  }
  .offset-8-xl-up {
    margin-left: 66.66%;
  }
  .offset-7-xl-up {
    margin-left: 58.33%;
  }
  .offset-6-xl-up {
    margin-left: 50%;
  }
  .offset-5-xl-up {
    margin-left: 41.66%;
  }
  .offset-4-xl-up {
    margin-left: 33.33%;
  }
  .offset-3-xl-up {
    margin-left: 25%;
  }
  .offset-2-xl-up {
    margin-left: 16.33%;
  }
  .offset-1-xl-up {
    margin-left: 8.33%;
  }
  .offset-0-xl-up {
    margin-left: 0;
  }
  .push-12-xl-up {
    margin-right: 100%;
  }
  .push-11-xl-up {
    margin-right: 91.66%;
  }
  .push-10-xl-up {
    margin-right: 83.33%;
  }
  .push-9-xl-up {
    margin-right: 75%;
  }
  .push-8-xl-up {
    margin-right: 66.66%;
  }
  .push-7-xl-up {
    margin-right: 58.33%;
  }
  .push-6-xl-up {
    margin-right: 50%;
  }
  .push-5-xl-up {
    margin-right: 41.66%;
  }
  .push-4-xl-up {
    margin-right: 33.33%;
  }
  .push-3-xl-up {
    margin-right: 25%;
  }
  .push-2-xl-up {
    margin-right: 16.33%;
  }
  .push-1-xl-up {
    margin-right: 8.33%;
  }
  .visible-xl-up {
    display: block;
  }
  .hidden-xl-up {
    display: none;
  }
  .collapse-xl-up {
    padding: 0;
  }
  .clear-top-xl-up {
    padding-top: 0;
  }
  .clear-right-xl-up {
    padding-right: 0;
  }
  .clear-bottom-xl-up {
    padding-bottom: 0;
  }
  .clear-left-xl-up {
    padding-left: 0;
  }
  .clear-top-bottom-xl-up {
    padding-top: 0;
    padding-bottom: 0;
  }
  .clear-right-left-xl-up {
    padding-right: 0;
    padding-left: 0;
  }
  .padd-top-xl-up {
    padding-top: 15px;
  }
  .padd-right-xl-up {
    padding-right: 15px;
  }
  .padd-bottom-xl-up {
    padding-bottom: 15px;
  }
  .padd-left-xl-up {
    padding-left: 15px;
  }
  .padd-top-bottom-xl-up {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .padd-right-left-xl-up {
    padding-right: 15px;
    padding-left: 15px;
  }
  .padd-xl-up {
    padding: 15px;
  }
  .marg-top-xl-up {
    margin-top: 15px;
  }
  .marg-right-xl-up {
    margin-right: 15px;
  }
  .marg-bottom-xl-up {
    margin-bottom: 15px;
  }
  .marg-left-xl-up {
    margin-left: 15px;
  }
  .marg-top-bottom-xl-up {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .marg-right-left-xl-up {
    margin-right: 15px;
    margin-left: 15px;
  }
  .text-align-left-xl-up {
    text-align: left;
  }
  .text-align-center-xl-up {
    text-align: center;
  }
  .text-align-right-xl-up {
    text-align: right;
  }
  .center-xl-up {
    margin: 0 auto;
  }
  .verticle-align-middle-xl-up {
    float: none !important;
    display: inline-block !important;
    vertical-align: middle !important;
  }
  .verticle-align-top-xl-up {
    float: none !important;
    display: inline-block !important;
    vertical-align: top !important;
  }
}
@media (min-width: 1336px) and (max-width: 1440px) {
  .col-12-xxl {
    width: 100%;
  }
  .col-11-xxl {
    width: 91.66%;
  }
  .col-10-xxl {
    width: 83.33%;
  }
  .col-9-xxl {
    width: 75%;
  }
  .col-8-xxl {
    width: 66.66%;
  }
  .col-7-xxl {
    width: 58.33%;
  }
  .col-6-xxl {
    width: 50%;
  }
  .col-5-xxl {
    width: 41.66%;
  }
  .col-4-xxl {
    width: 33.33%;
  }
  .col-3-xxl {
    width: 25%;
  }
  .col-2-half-xxl {
    width: 20%;
  }
  .col-2-xxl {
    width: 16.33%;
  }
  .col-1-xxl {
    width: 8.33%;
  }
  .offset-12-xxl {
    margin-left: 100%;
  }
  .offset-11-xxl {
    margin-left: 91.66%;
  }
  .offset-10-xxl {
    margin-left: 83.33%;
  }
  .offset-9-xxl {
    margin-left: 75%;
  }
  .offset-8-xxl {
    margin-left: 66.66%;
  }
  .offset-7-xxl {
    margin-left: 58.33%;
  }
  .offset-6-xxl {
    margin-left: 50%;
  }
  .offset-5-xxl {
    margin-left: 41.66%;
  }
  .offset-4-xxl {
    margin-left: 33.33%;
  }
  .offset-3-xxl {
    margin-left: 25%;
  }
  .offset-2-xxl {
    margin-left: 16.33%;
  }
  .offset-1-xxl {
    margin-left: 8.33%;
  }
  .offset-0-xxl {
    margin-left: 0;
  }
  .push-12-xxl {
    margin-right: 100%;
  }
  .push-11-xxl {
    margin-right: 91.66%;
  }
  .push-10-xxl {
    margin-right: 83.33%;
  }
  .push-9-xxl {
    margin-right: 75%;
  }
  .push-8-xxl {
    margin-right: 66.66%;
  }
  .push-7-xxl {
    margin-right: 58.33%;
  }
  .push-6-xxl {
    margin-right: 50%;
  }
  .push-5-xxl {
    margin-right: 41.66%;
  }
  .push-4-xxl {
    margin-right: 33.33%;
  }
  .push-3-xxl {
    margin-right: 25%;
  }
  .push-2-xxl {
    margin-right: 16.33%;
  }
  .push-1-xxl {
    margin-right: 8.33%;
  }
  .visible-xxl {
    display: block;
  }
  .hidden-xxl {
    display: none;
  }
  .collapse-xl-up {
    padding: 0;
  }
  .clear-top-xxl {
    padding-top: 0;
  }
  .clear-right-xxl {
    padding-right: 0;
  }
  .clear-bottom-xxl {
    padding-bottom: 0;
  }
  .clear-left-xxl {
    padding-left: 0;
  }
  .clear-top-bottom-xxl {
    padding-top: 0;
    padding-bottom: 0;
  }
  .clear-right-left-xxl {
    padding-right: 0;
    padding-left: 0;
  }
  .padd-top-xxl {
    padding-top: 15px;
  }
  .padd-right-xxl {
    padding-right: 15px;
  }
  .padd-bottom-xxl {
    padding-bottom: 15px;
  }
  .padd-left-xxl {
    padding-left: 15px;
  }
  .padd-top-bottom-xxl {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .padd-right-left-xxl {
    padding-right: 15px;
    padding-left: 15px;
  }
  .padd-xxl {
    padding: 15px;
  }
  .marg-top-xxl {
    margin-top: 15px;
  }
  .marg-right-xxl {
    margin-right: 15px;
  }
  .marg-bottom-xxl {
    margin-bottom: 15px;
  }
  .marg-left-xxl {
    margin-left: 15px;
  }
  .marg-top-bottom-xxl {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .marg-right-left-xxl {
    margin-right: 15px;
    margin-left: 15px;
  }
  .text-align-left-xxl {
    text-align: left;
  }
  .text-align-center-xxl {
    text-align: center;
  }
  .text-align-right-xxl {
    text-align: right;
  }
  .center-xxl {
    margin: 0 auto;
  }
  .verticle-align-middle-xxl {
    float: none !important;
    display: inline-block !important;
    vertical-align: middle !important;
  }
  .verticle-align-top-xxl {
    float: none !important;
    display: inline-block !important;
    vertical-align: top !important;
  }
}
@media (min-width: 1240px) and (max-width: 1336px) {
  .col-12-xl {
    width: 100%;
  }
  .col-11-xl {
    width: 91.66%;
  }
  .col-10-xl {
    width: 83.33%;
  }
  .col-9-xl {
    width: 75%;
  }
  .col-8-xl {
    width: 66.66%;
  }
  .col-7-xl {
    width: 58.33%;
  }
  .col-6-xl {
    width: 50%;
  }
  .col-5-xl {
    width: 41.66%;
  }
  .col-4-xl {
    width: 33.33%;
  }
  .col-3-xl {
    width: 25%;
  }
  .col-2-half-xl {
    width: 20%;
  }
  .col-2-xl {
    width: 16.33%;
  }
  .col-1-xl {
    width: 8.33%;
  }
  .offset-12-xl {
    margin-left: 100%;
  }
  .offset-11-xl {
    margin-left: 91.66%;
  }
  .offset-10-xl {
    margin-left: 83.33%;
  }
  .offset-9-xl {
    margin-left: 75%;
  }
  .offset-8-xl {
    margin-left: 66.66%;
  }
  .offset-7-xl {
    margin-left: 58.33%;
  }
  .offset-6-xl {
    margin-left: 50%;
  }
  .offset-5-xl {
    margin-left: 41.66%;
  }
  .offset-4-xl {
    margin-left: 33.33%;
  }
  .offset-3-xl {
    margin-left: 25%;
  }
  .offset-2-xl {
    margin-left: 16.33%;
  }
  .offset-1-xl {
    margin-left: 8.33%;
  }
  .offset-0-xl {
    margin-left: 0;
  }
  .push-12-xl {
    margin-right: 100%;
  }
  .push-11-xl {
    margin-right: 91.66%;
  }
  .push-10-xl {
    margin-right: 83.33%;
  }
  .push-9-xl {
    margin-right: 75%;
  }
  .push-8-xl {
    margin-right: 66.66%;
  }
  .push-7-xl {
    margin-right: 58.33%;
  }
  .push-6-xl {
    margin-right: 50%;
  }
  .push-5-xl {
    margin-right: 41.66%;
  }
  .push-4-xl {
    margin-right: 33.33%;
  }
  .push-3-xl {
    margin-right: 25%;
  }
  .push-2-xl {
    margin-right: 16.33%;
  }
  .push-1-xl {
    margin-right: 8.33%;
  }
  .visible-xl {
    display: block;
  }
  .hidden-xl {
    display: none;
  }
  .collapse-xl {
    padding: 0;
  }
  .clear-top-xl {
    padding-top: 0;
  }
  .clear-right-xl {
    padding-right: 0;
  }
  .clear-bottom-xl {
    padding-bottom: 0;
  }
  .clear-left-xl {
    padding-left: 0;
  }
  .clear-top-bottom-xl {
    padding-top: 0;
    padding-bottom: 0;
  }
  .clear-right-left-xl {
    padding-right: 0;
    padding-left: 0;
  }
  .padd-top-xl {
    padding-top: 15px;
  }
  .padd-right-xl {
    padding-right: 15px;
  }
  .padd-bottom-xl {
    padding-bottom: 15px;
  }
  .padd-left-xl {
    padding-left: 15px;
  }
  .padd-top-bottom-xl {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .padd-right-left-xl {
    padding-right: 15px;
    padding-left: 15px;
  }
  .padd-xl {
    padding: 15px;
  }
  .marg-top-xl {
    margin-top: 15px;
  }
  .marg-right-xl {
    margin-right: 15px;
  }
  .marg-bottom-xl {
    margin-bottom: 15px;
  }
  .marg-left-xl {
    margin-left: 15px;
  }
  .marg-top-bottom-xl {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .marg-right-left-xl {
    margin-right: 15px;
    margin-left: 15px;
  }
  .text-align-left-xl {
    text-align: left;
  }
  .text-align-center-xl {
    text-align: center;
  }
  .text-align-right-xl {
    text-align: right;
  }
  .center-xl {
    margin: 0 auto;
  }
  .verticle-align-middle-xl {
    float: none !important;
    display: inline-block !important;
    vertical-align: middle !important;
  }
  .verticle-align-top-xl {
    float: none !important;
    display: inline-block !important;
    vertical-align: top !important;
  }
}
@media (min-width: 1140px) and (max-width: 1240px) {
  .col-12-lg {
    width: 100%;
  }
  .col-11-lg {
    width: 91.66%;
  }
  .col-10-lg {
    width: 83.33%;
  }
  .col-9-lg {
    width: 75%;
  }
  .col-8-lg {
    width: 66.66%;
  }
  .col-7-lg {
    width: 58.33%;
  }
  .col-6-lg {
    width: 50%;
  }
  .col-5-lg {
    width: 41.66%;
  }
  .col-4-lg {
    width: 33.33%;
  }
  .col-3-lg {
    width: 25%;
  }
  .col-2-half-lg {
    width: 20%;
  }
  .col-2-lg {
    width: 16.33%;
  }
  .col-1-lg {
    width: 8.33%;
  }
  .offset-12-lg {
    margin-left: 100%;
  }
  .offset-11-lg {
    margin-left: 91.66%;
  }
  .offset-10-lg {
    margin-left: 83.33%;
  }
  .offset-9-lg {
    margin-left: 75%;
  }
  .offset-8-lg {
    margin-left: 66.66%;
  }
  .offset-7-lg {
    margin-left: 58.33%;
  }
  .offset-6-lg {
    margin-left: 50%;
  }
  .offset-5-lg {
    margin-left: 41.66%;
  }
  .offset-4-lg {
    margin-left: 33.33%;
  }
  .offset-3-lg {
    margin-left: 25%;
  }
  .offset-2-lg {
    margin-left: 16.33%;
  }
  .offset-1-lg {
    margin-left: 8.33%;
  }
  .offset-0-lg {
    margin-left: 0;
  }
  .push-12-lg {
    margin-right: 100%;
  }
  .push-11-lg {
    margin-right: 91.66%;
  }
  .push-10-lg {
    margin-right: 83.33%;
  }
  .push-9-lg {
    margin-right: 75%;
  }
  .push-8-lg {
    margin-right: 66.66%;
  }
  .push-7-lg {
    margin-right: 58.33%;
  }
  .push-6-lg {
    margin-right: 50%;
  }
  .push-5-lg {
    margin-right: 41.66%;
  }
  .push-4-lg {
    margin-right: 33.33%;
  }
  .push-3-lg {
    margin-right: 25%;
  }
  .push-2-lg {
    margin-right: 16.33%;
  }
  .push-1-lg {
    margin-right: 8.33%;
  }
  .visible-lg {
    display: block;
  }
  .hidden-lg {
    display: none;
  }
  .collapse-lg {
    padding: 0;
  }
  .clear-top-lg {
    padding-top: 0;
  }
  .clear-right-lg {
    padding-right: 0;
  }
  .clear-bottom-lg {
    padding-bottom: 0;
  }
  .clear-left-lg {
    padding-left: 0;
  }
  .clear-top-bottom-lg {
    padding-top: 0;
    padding-bottom: 0;
  }
  .clear-right-left-lg {
    padding-right: 0;
    padding-left: 0;
  }
  .padd-top-lg {
    padding-top: 15px;
  }
  .padd-right-lg {
    padding-right: 15px;
  }
  .padd-bottom-lg {
    padding-bottom: 15px;
  }
  .padd-left-lg {
    padding-left: 15px;
  }
  .padd-top-bottom-lg {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .padd-right-left-lg {
    padding-right: 15px;
    padding-left: 15px;
  }
  .padd-lg {
    padding: 15px;
  }
  .marg-top-lg {
    margin-top: 15px;
  }
  .marg-right-lg {
    margin-right: 15px;
  }
  .marg-bottom-lg {
    margin-bottom: 15px;
  }
  .marg-left-lg {
    margin-left: 15px;
  }
  .marg-top-bottom-lg {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .marg-right-left-lg {
    margin-right: 15px;
    margin-left: 15px;
  }
  .text-align-left-lg {
    text-align: left;
  }
  .text-align-center-lg {
    text-align: center;
  }
  .text-align-right-lg {
    text-align: right;
  }
  .center-lg {
    margin: 0 auto;
  }
  .verticle-align-middle-lg {
    float: none !important;
    display: inline-block !important;
    vertical-align: middle !important;
  }
  .verticle-align-top-lg {
    float: none !important;
    display: inline-block !important;
    vertical-align: top !important;
  }
}
@media (min-width: 1024px) and (max-width: 1140px) {
  .col-11-mdl {
    width: 91.66%;
  }
  .col-10-mdl {
    width: 83.33%;
  }
  .col-9-mdl {
    width: 75%;
  }
  .col-8-mdl {
    width: 66.66%;
  }
  .col-7-mdl {
    width: 58.33%;
  }
  .col-6-mdl {
    width: 50%;
  }
  .col-5-mdl {
    width: 41.66%;
  }
  .col-4-mdl {
    width: 33.33%;
  }
  .col-3-mdl {
    width: 25%;
  }
  .col-2-half-mdl {
    width: 20%;
  }
  .col-2-mdl {
    width: 16.33%;
  }
  .col-1-mdl {
    width: 8.33%;
  }
  .offset-12-mdl {
    margin-left: 100%;
  }
  .offset-11-mdl {
    margin-left: 91.66%;
  }
  .offset-10-mdl {
    margin-left: 83.33%;
  }
  .offset-9-mdl {
    margin-left: 75%;
  }
  .offset-8-mdl {
    margin-left: 66.66%;
  }
  .offset-7-mdl {
    margin-left: 58.33%;
  }
  .offset-6-mdl {
    margin-left: 50%;
  }
  .offset-5-mdl {
    margin-left: 41.66%;
  }
  .offset-4-mdl {
    margin-left: 33.33%;
  }
  .offset-3-mdl {
    margin-left: 25%;
  }
  .offset-2-mdl {
    margin-left: 16.33%;
  }
  .offset-1-mdl {
    margin-left: 8.33%;
  }
  .offset-0-mdl {
    margin-left: 0;
  }
  .push-12-mdl {
    margin-right: 100%;
  }
  .push-11-mdl {
    margin-right: 91.66%;
  }
  .push-10-mdl {
    margin-right: 83.33%;
  }
  .push-9-mdl {
    margin-right: 75%;
  }
  .push-8-mdl {
    margin-right: 66.66%;
  }
  .push-7-mdl {
    margin-right: 58.33%;
  }
  .push-6-mdl {
    margin-right: 50%;
  }
  .push-5-mdl {
    margin-right: 41.66%;
  }
  .push-4-mdl {
    margin-right: 33.33%;
  }
  .push-3-mdl {
    margin-right: 25%;
  }
  .push-2-mdl {
    margin-right: 16.33%;
  }
  .push-1-mdl {
    margin-right: 8.33%;
  }
  .visible-mdl {
    display: block;
  }
  .hidden-mdl {
    display: none;
  }
  .collapse-mdl {
    padding: 0;
  }
  .clear-top-mdl {
    padding-top: 0;
  }
  .clear-right-mdl {
    padding-right: 0;
  }
  .clear-bottom-mdl {
    padding-bottom: 0;
  }
  .clear-left-mdl {
    padding-left: 0;
  }
  .clear-top-bottom-mdl {
    padding-top: 0;
    padding-bottom: 0;
  }
  .clear-right-left-mdl {
    padding-right: 0;
    padding-left: 0;
  }
  .padd-top-mdl {
    padding-top: 15px;
  }
  .padd-right-mdl {
    padding-right: 15px;
  }
  .padd-bottom-mdl {
    padding-bottom: 15px;
  }
  .padd-left-mdl {
    padding-left: 15px;
  }
  .padd-top-bottom-mdl {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .padd-right-left-mdl {
    padding-right: 15px;
    padding-left: 15px;
  }
  .padd-mdl {
    padding: 15px;
  }
  .marg-top-mdl {
    margin-top: 15px;
  }
  .marg-right-mdl {
    margin-right: 15px;
  }
  .marg-bottom-mdl {
    margin-bottom: 15px;
  }
  .marg-left-mdl {
    margin-left: 15px;
  }
  .marg-top-bottom-mdl {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .marg-right-left-mdl {
    margin-right: 15px;
    margin-left: 15px;
  }
  .text-align-left-mdl {
    text-align: left;
  }
  .text-align-center-mdl {
    text-align: center;
  }
  .text-align-right-mdl {
    text-align: right;
  }
  .center-mdl {
    margin: 0 auto;
  }
  .verticle-align-middle-mdl {
    float: none !important;
    display: inline-block !important;
    vertical-align: middle !important;
  }
  .verticle-align-top-mdl {
    float: none !important;
    display: inline-block !important;
    vertical-align: top !important;
  }
}
@media (min-width: 900px) and (max-width: 1024px) {
  .col-12-md {
    width: 100%;
  }
  .col-11-md {
    width: 91.66%;
  }
  .col-10-md {
    width: 83.33%;
  }
  .col-9-md {
    width: 75%;
  }
  .col-8-md {
    width: 66.66%;
  }
  .col-7-md {
    width: 58.33%;
  }
  .col-6-md {
    width: 50%;
  }
  .col-5-md {
    width: 41.66%;
  }
  .col-4-md {
    width: 33.33%;
  }
  .col-3-md {
    width: 25%;
  }
  .col-2-half-md {
    width: 20%;
  }
  .col-2-md {
    width: 16.33%;
  }
  .col-1-md {
    width: 8.33%;
  }
  .offset-12-md {
    margin-left: 100%;
  }
  .offset-11-md {
    margin-left: 91.66%;
  }
  .offset-10-md {
    margin-left: 83.33%;
  }
  .offset-9-md {
    margin-left: 75%;
  }
  .offset-8-md {
    margin-left: 66.66%;
  }
  .offset-7-md {
    margin-left: 58.33%;
  }
  .offset-6-md {
    margin-left: 50%;
  }
  .offset-5-md {
    margin-left: 41.66%;
  }
  .offset-4-md {
    margin-left: 33.33%;
  }
  .offset-3-md {
    margin-left: 25%;
  }
  .offset-2-md {
    margin-left: 16.33%;
  }
  .offset-1-md {
    margin-left: 8.33%;
  }
  .offset-0-md {
    margin-left: 0;
  }
  .push-12-md {
    margin-right: 100%;
  }
  .push-11-md {
    margin-right: 91.66%;
  }
  .push-10-md {
    margin-right: 83.33%;
  }
  .push-9-md {
    margin-right: 75%;
  }
  .push-8-md {
    margin-right: 66.66%;
  }
  .push-7-md {
    margin-right: 58.33%;
  }
  .push-6-md {
    margin-right: 50%;
  }
  .push-5-md {
    margin-right: 41.66%;
  }
  .push-4-md {
    margin-right: 33.33%;
  }
  .push-3-md {
    margin-right: 25%;
  }
  .push-2-md {
    margin-right: 16.33%;
  }
  .push-1-md {
    margin-right: 8.33%;
  }
  .visible-md {
    display: block;
  }
  .hidden-md {
    display: none;
  }
  .collapse-md {
    padding: 0;
  }
  .clear-top-md {
    padding-top: 0;
  }
  .clear-right-md {
    padding-right: 0;
  }
  .clear-bottom-md {
    padding-bottom: 0;
  }
  .clear-left-md {
    padding-left: 0;
  }
  .clear-top-bottom-md {
    padding-top: 0;
    padding-bottom: 0;
  }
  .clear-right-left-md {
    padding-right: 0;
    padding-left: 0;
  }
  .padd-top-md {
    padding-top: 15px;
  }
  .padd-right-md {
    padding-right: 15px;
  }
  .padd-bottom-md {
    padding-bottom: 15px;
  }
  .padd-left-md {
    padding-left: 15px;
  }
  .padd-top-bottom-md {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .padd-right-left-md {
    padding-right: 15px;
    padding-left: 15px;
  }
  .padd-md {
    padding: 15px;
  }
  .marg-top-md {
    margin-top: 15px;
  }
  .marg-right-md {
    margin-right: 15px;
  }
  .marg-bottom-md {
    margin-bottom: 15px;
  }
  .marg-left-md {
    margin-left: 15px;
  }
  .marg-top-bottom-md {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .marg-right-left-md {
    margin-right: 15px;
    margin-left: 15px;
  }
  .text-align-left-md {
    text-align: left;
  }
  .text-align-center-md {
    text-align: center;
  }
  .text-align-right-md {
    text-align: right;
  }
  .center-md {
    margin: 0 auto;
  }
  .verticle-align-middle-md {
    float: none !important;
    display: inline-block !important;
    vertical-align: middle !important;
  }
  .verticle-align-top-md {
    float: none !important;
    display: inline-block !important;
    vertical-align: top !important;
  }
}
@media (min-width: 769px) and (max-width: 900px) {
  .col-12-sm {
    width: 100%;
  }
  .col-11-sm {
    width: 91.66%;
  }
  .col-10-sm {
    width: 83.33%;
  }
  .col-9-sm {
    width: 75%;
  }
  .col-8-sm {
    width: 66.66%;
  }
  .col-7-sm {
    width: 58.33%;
  }
  .col-6-sm {
    width: 50%;
  }
  .col-5-sm {
    width: 41.66%;
  }
  .col-4-sm {
    width: 33.33%;
  }
  .col-3-sm {
    width: 25%;
  }
  .col-2-half-sm {
    width: 20%;
  }
  .col-2-sm {
    width: 16.33%;
  }
  .col-1-sm {
    width: 8.33%;
  }
  .offset-12-sm {
    margin-left: 100%;
  }
  .offset-11-sm {
    margin-left: 91.66%;
  }
  .offset-10-sm {
    margin-left: 83.33%;
  }
  .offset-9-sm {
    margin-left: 75%;
  }
  .offset-8-sm {
    margin-left: 66.66%;
  }
  .offset-7-sm {
    margin-left: 58.33%;
  }
  .offset-6-sm {
    margin-left: 50%;
  }
  .offset-5-sm {
    margin-left: 41.66%;
  }
  .offset-4-sm {
    margin-left: 33.33%;
  }
  .offset-3-sm {
    margin-left: 25%;
  }
  .offset-2-sm {
    margin-left: 16.33%;
  }
  .offset-1-sm {
    margin-left: 8.33%;
  }
  .offset-0-sm {
    margin-left: 0;
  }
  .push-12-sm {
    margin-right: 100%;
  }
  .push-11-sm {
    margin-right: 91.66%;
  }
  .push-10-sm {
    margin-right: 83.33%;
  }
  .push-9-sm {
    margin-right: 75%;
  }
  .push-8-sm {
    margin-right: 66.66%;
  }
  .push-7-sm {
    margin-right: 58.33%;
  }
  .push-6-sm {
    margin-right: 50%;
  }
  .push-5-sm {
    margin-right: 41.66%;
  }
  .push-4-sm {
    margin-right: 33.33%;
  }
  .push-3-sm {
    margin-right: 25%;
  }
  .push-2-sm {
    margin-right: 16.33%;
  }
  .push-1-sm {
    margin-right: 8.33%;
  }
  .visible-sm {
    display: block;
  }
  .hidden-sm {
    display: none;
  }
  .collapse-sm {
    padding: 0;
  }
  .clear-top-sm {
    padding-top: 0;
  }
  .clear-right-sm {
    padding-right: 0;
  }
  .clear-bottom-sm {
    padding-bottom: 0;
  }
  .clear-left-sm {
    padding-left: 0;
  }
  .clear-top-bottom-sm {
    padding-top: 0;
    padding-bottom: 0;
  }
  .clear-right-left-sm {
    padding-right: 0;
    padding-left: 0;
  }
  .padd-top-sm {
    padding-top: 15px;
  }
  .padd-right-sm {
    padding-right: 15px;
  }
  .padd-bottom-sm {
    padding-bottom: 15px;
  }
  .padd-left-sm {
    padding-left: 15px;
  }
  .padd-top-bottom-sm {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .padd-right-left-sm {
    padding-right: 15px;
    padding-left: 15px;
  }
  .padd-sm {
    padding: 15px;
  }
  .marg-top-sm {
    margin-top: 15px;
  }
  .marg-right-sm {
    margin-right: 15px;
  }
  .marg-bottom-sm {
    margin-bottom: 15px;
  }
  .marg-left-sm {
    margin-left: 15px;
  }
  .marg-top-bottom-sm {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .marg-right-left-sm {
    margin-right: 15px;
    margin-left: 15px;
  }
  .text-align-left-sm {
    text-align: left;
  }
  .text-align-center-sm {
    text-align: center;
  }
  .text-align-right-sm {
    text-align: right;
  }
  .center-sm {
    margin: 0 auto;
  }
  .verticle-align-middle-sm {
    float: none !important;
    display: inline-block !important;
    vertical-align: middle !important;
  }
  .verticle-align-top-sm {
    float: none !important;
    display: inline-block !important;
    vertical-align: top !important;
  }
}
@media (min-width: 480px) and (max-width: 768px) {
  .col-12-s {
    width: 100%;
  }
  .col-11-s {
    width: 91.66%;
  }
  .col-10-s {
    width: 83.33%;
  }
  .col-9-s {
    width: 75%;
  }
  .col-8-s {
    width: 66.66%;
  }
  .col-7-s {
    width: 58.33%;
  }
  .col-6-s {
    width: 50%;
  }
  .col-5-s {
    width: 41.66%;
  }
  .col-4-s {
    width: 33.33%;
  }
  .col-3-s {
    width: 25%;
  }
  .col-2-half-s {
    width: 20%;
  }
  .col-2-s {
    width: 16.33%;
  }
  .col-1-s {
    width: 8.33%;
  }
  .offset-12-s {
    margin-left: 100%;
  }
  .offset-11-s {
    margin-left: 91.66%;
  }
  .offset-10-s {
    margin-left: 83.33%;
  }
  .offset-9-s {
    margin-left: 75%;
  }
  .offset-8-s {
    margin-left: 66.66%;
  }
  .offset-7-s {
    margin-left: 58.33%;
  }
  .offset-6-s {
    margin-left: 50%;
  }
  .offset-5-s {
    margin-left: 41.66%;
  }
  .offset-4-s {
    margin-left: 33.33%;
  }
  .offset-3-s {
    margin-left: 25%;
  }
  .offset-2-s {
    margin-left: 16.33%;
  }
  .offset-1-s {
    margin-left: 8.33%;
  }
  .offset-0-s {
    margin-left: 0;
  }
  .push-12-s {
    margin-right: 100%;
  }
  .push-11-s {
    margin-right: 91.66%;
  }
  .push-10-s {
    margin-right: 83.33%;
  }
  .push-9-s {
    margin-right: 75%;
  }
  .push-8-s {
    margin-right: 66.66%;
  }
  .push-7-s {
    margin-right: 58.33%;
  }
  .push-6-s {
    margin-right: 50%;
  }
  .push-5-s {
    margin-right: 41.66%;
  }
  .push-4-s {
    margin-right: 33.33%;
  }
  .push-3-s {
    margin-right: 25%;
  }
  .push-2-s {
    margin-right: 16.33%;
  }
  .push-1-s {
    margin-right: 8.33%;
  }
  .visible-s {
    display: block;
  }
  .hidden-s {
    display: none;
  }
  .collapse-s {
    padding: 0;
  }
  .clear-top-s {
    padding-top: 0;
  }
  .clear-right-s {
    padding-right: 0;
  }
  .clear-bottom-s {
    padding-bottom: 0;
  }
  .clear-left-s {
    padding-left: 0;
  }
  .clear-top-bottom-s {
    padding-top: 0;
    padding-bottom: 0;
  }
  .clear-right-left-s {
    padding-right: 0;
    padding-left: 0;
  }
  .padd-top-s {
    padding-top: 15px;
  }
  .padd-right-s {
    padding-right: 15px;
  }
  .padd-bottom-s {
    padding-bottom: 15px;
  }
  .padd-left-s {
    padding-left: 15px;
  }
  .padd-top-bottom-s {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .padd-right-left-s {
    padding-right: 15px;
    padding-left: 15px;
  }
  .padd-s {
    padding: 15px;
  }
  .marg-top-s {
    margin-top: 15px;
  }
  .marg-right-s {
    margin-right: 15px;
  }
  .marg-bottom-s {
    margin-bottom: 15px;
  }
  .marg-left-s {
    margin-left: 15px;
  }
  .marg-top-bottom-s {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .marg-right-left-s {
    margin-right: 15px;
    margin-left: 15px;
  }
  .text-align-left-s {
    text-align: left;
  }
  .text-align-center-s {
    text-align: center;
  }
  .text-align-right-s {
    text-align: right;
  }
  .center-s {
    margin: 0 auto;
  }
  .verticle-align-middle-s {
    float: none !important;
    display: inline-block !important;
    vertical-align: middle !important;
  }
  .verticle-align-top-s {
    float: none !important;
    display: inline-block !important;
    vertical-align: top !important;
  }
}
@media (max-width: 480px) {
  .col-12-xs {
    width: 100%;
  }
  .col-11-xs {
    width: 91.66%;
  }
  .col-10-xs {
    width: 83.33%;
  }
  .col-9-xs {
    width: 75%;
  }
  .col-8-xs {
    width: 66.66%;
  }
  .col-7-xs {
    width: 58.33%;
  }
  .col-6-xs {
    width: 50%;
  }
  .col-5-xs {
    width: 41.66%;
  }
  .col-4-xs {
    width: 33.33%;
  }
  .col-3-xs {
    width: 25%;
  }
  .col-2-half-xs {
    width: 20%;
  }
  .col-2-xs {
    width: 16.33%;
  }
  .col-1-xs {
    width: 8.33%;
  }
  .offset-12-xs {
    margin-left: 100%;
  }
  .offset-11-xs {
    margin-left: 91.66%;
  }
  .offset-10-xs {
    margin-left: 83.33%;
  }
  .offset-9-xs {
    margin-left: 75%;
  }
  .offset-8-xs {
    margin-left: 66.66%;
  }
  .offset-7-xs {
    margin-left: 58.33%;
  }
  .offset-6-xs {
    margin-left: 50%;
  }
  .offset-5-xs {
    margin-left: 41.66%;
  }
  .offset-4-xs {
    margin-left: 33.33%;
  }
  .offset-3-xs {
    margin-left: 25%;
  }
  .offset-2-xs {
    margin-left: 16.33%;
  }
  .offset-1-xs {
    margin-left: 8.33%;
  }
  .offset-0-xs {
    margin-left: 0;
  }
  .offset-0-xs {
    margin-left: 0;
  }
  .push-12-xs {
    margin-right: 100%;
  }
  .push-11-xs {
    margin-right: 91.66%;
  }
  .push-10-xs {
    margin-right: 83.33%;
  }
  .push-9-xs {
    margin-right: 75%;
  }
  .push-8-xs {
    margin-right: 66.66%;
  }
  .push-7-xs {
    margin-right: 58.33%;
  }
  .push-6-xs {
    margin-right: 50%;
  }
  .push-5-xs {
    margin-right: 41.66%;
  }
  .push-4-xs {
    margin-right: 33.33%;
  }
  .push-3-xs {
    margin-right: 25%;
  }
  .push-2-xs {
    margin-right: 16.33%;
  }
  .push-1-xs {
    margin-right: 8.33%;
  }
  .visible-xs {
    display: block;
  }
  .hidden-xs {
    display: none;
  }
  .collapse-xs {
    padding: 0;
  }
  .clear-top-xs {
    padding-top: 0;
  }
  .clear-right-xs {
    padding-right: 0;
  }
  .clear-bottom-xs {
    padding-bottom: 0;
  }
  .clear-left-xs {
    padding-left: 0;
  }
  .clear-right-left-xs {
    padding-right: 0;
    padding-left: 0;
  }
  .clear-top-bottom-xs {
    padding-top: 0;
    padding-bottom: 0;
  }
  .padd-top-xs {
    padding-top: 15px;
  }
  .padd-right-xs {
    padding-right: 15px;
  }
  .padd-bottom-xs {
    padding-bottom: 15px;
  }
  .padd-left-xs {
    padding-left: 15px;
  }
  .padd-top-bottom-xs {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .padd-right-left-xs {
    padding-right: 15px;
    padding-left: 15px;
  }
  .padd-xs {
    padding: 15px;
  }
  .marg-top-xs {
    margin-top: 15px;
  }
  .marg-right-xs {
    margin-right: 15px;
  }
  .marg-bottom-xs {
    margin-bottom: 15px;
  }
  .marg-left-xs {
    margin-left: 15px;
  }
  .marg-top-bottom-xs {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .marg-right-left-xs {
    margin-right: 15px;
    margin-left: 15px;
  }
  .text-align-left-xs {
    text-align: left;
  }
  .text-align-center-xs {
    text-align: center;
  }
  .text-align-right-xs {
    text-align: right;
  }
  .center-xs {
    margin: 0 auto;
  }
  .verticle-align-middle-xs {
    float: none !important;
    display: inline-block !important;
    vertical-align: middle !important;
  }
  .verticle-align-top-xs {
    float: none !important;
    display: inline-block !important;
    vertical-align: top !important;
  }
}
/*====================================== 
3.3   Hidden / Visible
======================================*/
@media (min-width: 1140px) {
  .hidden-larger-screen-up {
    display: none !important;
  }
}
@media (max-width: 1140px) {
  .hidden-tablet-mobile-screen {
    display: none !important;
  }
}
@media (min-width: 769px) {
  .hidden-tablet-larger-screen {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1140px) {
  .hidden-tablet-screen {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .hidden-mobile-screen {
    display: none !important;
  }
}
@media (max-width: 480px) {
  .hidden-xs-mobile-screen {
    display: none !important;
  }
}
/*
Project: Kringelstan.
Description: Main Colors
Author: Karl Karlsson
Date: 2019-03-20
Licence: https://kringelstan.se/

TABLE OF CONTENTS

1.	Main font colors
2.	Main Background Colors
3.	Silent/Load Colors
4.	Border color.
5.	Link colors.
6.	Other

*/
/*===============================================================================
1.  Main Font color (fc)
===============================================================================*/
/*===============================================================================
2.  Main Background Color (bg)
===============================================================================*/
/*===============================================================================
3. Silent/Loud Color
===============================================================================*/
/*===============================================================================
4. Border color
===============================================================================*/
/*===============================================================================
5. Link color
===============================================================================*/
/*===============================================================================
6. Button color
===============================================================================*/
/*===============================================================================
7. Mixins
===============================================================================*/
/*
Project: Kringelstan.
Description: Button settings
Author: Karl Karlsson
Date: 2019-03-20
Licence: https://kringelstan.se/
*/
/*
 *	Google Fonts
*/
/*
 *	Heading
*/
h1, h2, h3, h4, h4, h5, h6 {
  position: relative;
  color: #000;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  line-height: 1.3;
}

h2, h3, h4, h5, h6 {
  padding-bottom: 15px;
}

h1 {
  font-size: 2.25em;
  padding-bottom: 30px;
}

h2 {
  font-size: 1.6em;
}

h3 {
  font-size: 1.4em;
}

h4 {
  font-size: 1.3em;
}

h5 {
  font-size: 1.2em;
}

h6 {
  font-size: 1.15em;
}

/*
 *	Paragraph
*/
p {
  font-size: 1.2em;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  color: #000;
  line-height: 1.6;
  padding-bottom: 20px;
}

/*
 *	Other
*/
blockquote {
  position: relative;
  display: block;
  padding: 15px 50px 20px 50px;
  background: #f8f8f8;
  margin-bottom: 20px;
}
blockquote:before {
  font-size: 1.1em;
  position: absolute;
  top: 10px;
  left: 15px;
  color: #0C4738;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f10d";
}
blockquote p {
  padding-bottom: 0;
  font-size: 1.2em;
  color: #333333;
}

em {
  font-style: italic;
}

strong {
  font-weight: 400;
}

.wrapper-wpEditorContent .btn a {
  color: #fff;
}
.wrapper-wpEditorContent ul {
  list-style: none;
  padding: 20px;
  background: #fafafa;
  margin: 0 0 15px 0;
  text-align: left;
}
.wrapper-wpEditorContent ul li {
  position: relative;
  padding-left: 27px;
  font-size: 1em;
  line-height: 1.7;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  color: #000;
}
.wrapper-wpEditorContent ul li:before {
  content: "\f192";
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  position: absolute;
  top: 2px;
  left: 0;
  font-size: 15px;
  color: #2c9aa8;
}
.wrapper-wpEditorContent ol {
  padding: 15px 35px;
  background: #fafafa;
  margin: 10px 0 15px 0;
  text-align: left;
}
.wrapper-wpEditorContent ol li {
  font-size: 1em;
  list-style-type: none;
  position: relative;
  counter-increment: list;
  font-family: "Open Sans", sans-serif;
  line-height: 1.7;
  padding-left: 6px;
  color: #000;
}
.wrapper-wpEditorContent ol li:before {
  content: counter(list) ".";
  left: -17px;
  position: absolute;
  font-family: "Lato", sans-serif;
  color: #2c9aa8;
  font-size: 18px;
  top: -1px;
}

/*
 *	Media Queries
*/
@media (max-width: 768px) {
  h1 {
    font-size: 2em;
  }
  h3 {
    font-size: 1.3em;
  }
  h4 {
    font-size: 1.2em;
  }
  h5 {
    font-size: 1.15em;
  }
  h6 {
    font-size: 1.1em;
  }
}
@media (max-width: 480px) {
  h1 {
    font-size: 1.8em;
    padding-bottom: 20px;
  }
  h2 {
    font-size: 1.5em;
  }
  h3 {
    font-size: 1.2em;
  }
  h4 {
    font-size: 1.15em;
  }
  h5 {
    font-size: 1.1em;
  }
  h6 {
    font-size: 1em;
  }
  p {
    font-size: 1.1em;
  }
}
/*
Project: Kringelstan.
Description: Most basic page components
Author: Karl Karlsson
Date: 2019-04-06
Licence: https://kringelstan.se/
*/
.path-main-bgc {
  fill: #fff;
}

.path-secondary-bgc {
  fill: #0C4738;
}

.path-secondary-bgc-secondary {
  fill: #2c9aa8;
}

.path-main-inverted-bgc {
  fill: #000;
}

.font-size-zero {
  font-size: 0;
}

.font-size-standard {
  font-size: 16px;
}

.verticle-align-top {
  float: none;
  display: inline-block;
  vertical-align: top;
}

.verticle-align-middle {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.verticle-align-bottom {
  float: none;
  display: inline-block;
  vertical-align: bottom;
}

.bg-fixed {
  background-attachment: fixed;
}
@media (max-width: 768px) {
  .bg-fixed {
    background-attachment: initial;
  }
}

.table {
  display: table;
  width: 100%;
}

.table-order-header {
  display: table-header-group;
}

.table-order-footer {
  display: table-footer-group;
}

/*================================================================
	Basic settings 
================================================================*/
* {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

body {
  background-color: #fff;
  color: #f6f6f6;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  height: 100%;
  overflow-x: hidden;
  position: relative;
  right: 0;
  line-height: 1.4;
  transition: all 0.4s ease;
}
body.push-content-left {
  right: 350px;
}
body > * {
  /* Font rendering fix */
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
@media (min-width: 1336px) {
  body.push-content-left {
    right: 0;
  }
}

a {
  text-decoration: underline;
  color: #000;
  transition: all 0.3s ease;
}
a:hover {
  color: black;
  cursor: pointer;
}

img {
  max-width: 100%;
  height: auto;
  display: block; /* fixes the bottom gap between collapsed column*/
}
img.aligncenter {
  display: inline-block;
}

.article,
.section {
  width: 100%;
  padding: 2em 0;
}
.article:before, .article:after,
.section:before,
.section:after {
  content: "";
  display: table;
}
.article:after,
.section:after {
  clear: both;
}

.article-collapse,
.section-collapse {
  width: 100%;
  padding: 0;
}

.wrapper-wpEditor p:first-of-type {
  padding-top: 0;
}

.push-content-down {
  margin-top: 163px;
}
@media (max-width: 1336px) {
  .push-content-down {
    margin-top: 70px;
  }
}
@media (max-width: 768px) {
  .push-content-down {
    margin-top: 60px;
  }
}
@media (max-width: 480px) {
  .push-content-down {
    margin-top: 55px;
  }
}

/*================================================================
	Main settings
================================================================*/
/*
 * Main pages styles
 */
.main {
  background: #fff;
}
.main.main-pages {
  padding: 5em 0;
  position: relative;
}
.main.main-pages .img-date-wrapper {
  position: absolute;
  right: 0;
  top: 80px;
}
.main.main-pages .img-date-wrapper img {
  width: 50px;
}
.main.main-pages .wrapper-container .row .content-wrapper .text-col .sidor-mindre-text {
  font-size: 1em;
}
.main.main-pages .wrapper-container .row .content-wrapper .text-col .files-wrapper .files {
  list-style: none;
}
.main.main-pages .wrapper-container .row .content-wrapper .text-col .files-wrapper .files .title-wrapper {
  background: #2c9aa8;
  padding: 10px;
}
.main.main-pages .wrapper-container .row .content-wrapper .text-col .files-wrapper .files .title-wrapper .svg {
  width: 27px;
  vertical-align: middle;
}
.main.main-pages .wrapper-container .row .content-wrapper .text-col .files-wrapper .files .title-wrapper .title {
  color: #000;
  font-weight: 600;
  padding-left: 12px;
  vertical-align: middle;
}
.main.main-pages .wrapper-container .row .content-wrapper .text-col .files-wrapper .files .file {
  background: rgb(140.0943396226, 215.3301886792, 224.9056603774);
  border-bottom: solid 1px #e9cf93;
}
.main.main-pages .wrapper-container .row .content-wrapper .text-col .files-wrapper .files .file .link-wrapper .link {
  padding-left: 30px;
  color: #000;
}
.main.main-pages .wrapper-container .row .content-wrapper .text-col .files-wrapper .files .file:last-of-type {
  border-bottom: none;
}
.main.main-pages .wrapper-container .row .content-wrapper .img-col .img-bg {
  padding-top: 70%;
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.main.page-not-found {
  padding-top: 10em;
}
.main.page-not-found .container .row .left-col .button {
  color: #000;
}
.main.page-not-found .container .row .right-col form.search-form .container-search input#search {
  background: #0C4738;
  color: #fff;
  border: solid 1px #0C4738;
}
.main.page-not-found .container .row .right-col form.search-form .container-search input#search::-moz-placeholder {
  color: #fff;
}
.main.page-not-found .container .row .right-col form.search-form .container-search input#search::placeholder {
  color: #fff;
}
.main.page-not-found .container .row .right-col form.search-form .container-search .icon {
  background: #0C4738;
}
.main.page-not-found .container .row .right-col form.search-form .container-search .icon .search-icon {
  color: #fff;
}
@media (max-width: 1440px) and (min-width: 1140px) {
  .main .wrapper-container {
    max-width: 90%;
  }
}
@media (min-width: 1440px) {
  .main.thumbnail .wrapper-container .row .content-wrapper .inner-content-wrapper .text-col, .main.hero-img-and-thumbnail .wrapper-container .row .content-wrapper .inner-content-wrapper .text-col {
    padding-right: 5em;
  }
}
@media (max-width: 1440px) {
  .main.thumbnail .wrapper-container .row .content-wrapper .inner-content-wrapper .text-col, .main.hero-img-and-thumbnail .wrapper-container .row .content-wrapper .inner-content-wrapper .text-col {
    padding-right: 2em;
  }
}
@media (max-width: 1140px) {
  .main.main-pages .img-date-wrapper {
    display: none;
  }
}
@media (max-width: 768px) {
  .main.main-pages {
    padding: 3em 0;
  }
  .main.main-pages .wrapper-container {
    padding: 0 15px;
  }
  .main.page-not-found {
    padding-top: 5.5em;
  }
}
@media (max-width: 480px) {
  .main.main-pages {
    padding: 2em 0;
  }
  .main.page-not-found {
    padding-top: 4.5em;
  }
}

/*================================================================
	Main Pages - Components
================================================================*/
/*
 * Main pages children styles
 */
.page-children-wrapper-container {
  padding: 4em 0;
  /**** Media Queries ****/
}
.page-children-wrapper-container .row .main-wrapper .post .text-col .sidor-mindre-text {
  font-size: 1em;
}
.page-children-wrapper-container .row .main-wrapper .post .text-col .files-wrapper .files {
  list-style: none;
}
.page-children-wrapper-container .row .main-wrapper .post .text-col .files-wrapper .files .title-wrapper {
  background: #2c9aa8;
  padding: 10px;
}
.page-children-wrapper-container .row .main-wrapper .post .text-col .files-wrapper .files .title-wrapper .svg {
  width: 27px;
  vertical-align: middle;
}
.page-children-wrapper-container .row .main-wrapper .post .text-col .files-wrapper .files .title-wrapper .title {
  color: #000;
  font-weight: 600;
  padding-left: 12px;
  vertical-align: middle;
}
.page-children-wrapper-container .row .main-wrapper .post .text-col .files-wrapper .files .file {
  background: rgb(140.0943396226, 215.3301886792, 224.9056603774);
  border-bottom: solid 1px #e9cf93;
}
.page-children-wrapper-container .row .main-wrapper .post .text-col .files-wrapper .files .file .link-wrapper .link {
  padding-left: 30px;
  color: #000;
}
.page-children-wrapper-container .row .main-wrapper .post .text-col .files-wrapper .files .file:last-of-type {
  border-bottom: none;
}
@media (max-width: 1140px) and (min-width: 768px) {
  .page-children-wrapper-container .row .main-wrapper .post .section-puffs-pages .puffs .puff {
    padding-left: 0;
  }
}
@media (max-width: 768px) {
  .page-children-wrapper-container {
    padding: 3em 15px;
  }
}
@media (max-width: 480px) {
  .page-children-wrapper-container {
    padding: 2em 15px;
  }
}

/*
 * Main pages module - Puffs
 */
.section-puffs-pages {
  padding: 5em 0 0 0;
  /**** Media Queries ****/
}
.section-puffs-pages .container .puffs .puff .link {
  text-decoration: none;
}
.section-puffs-pages .container .puffs .puff .link .inner-wrapper {
  padding-bottom: 3em;
}
.section-puffs-pages .container .puffs .puff .link .inner-wrapper .img-col {
  overflow: hidden;
  padding-bottom: 30px;
}
.section-puffs-pages .container .puffs .puff .link .inner-wrapper .img-col .img-bg {
  padding-top: 66%;
  display: block;
  width: 100%;
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all 0.45s ease;
}
.section-puffs-pages .container .puffs .puff .link .inner-wrapper .img-col .img-bg:before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  background: rgba(0, 0, 0, 0.1);
}
.section-puffs-pages .container .puffs .puff .link .inner-wrapper .puff-text-col .title {
  font-size: 1.2em;
  transition: all 0.7s ease;
}
.section-puffs-pages .container .puffs .puff .link .inner-wrapper .puff-text-col .text p {
  font-size: 1em;
  font-weight: 400;
}
.section-puffs-pages .container .puffs .puff .link .inner-wrapper .button-wrapper {
  padding: 10px 0 0 0;
}
@media (max-width: 768px) {
  .section-puffs-pages {
    padding: 3em 0 0 0;
  }
  .section-puffs-pages .container {
    padding: 0 15px;
  }
}
@media (max-width: 480px) {
  .section-puffs-pages {
    padding: 0.5em 0 0 0;
  }
}

/*
 * Main pages module - Puffs2
 */
.section-puffs2-pages {
  background: #eeeeee;
  margin: 4em 0 2em 0;
  /**** Media Queries ****/
}
.section-puffs2-pages .container {
  padding: 3em 0 2em 0;
}
.section-puffs2-pages .container .puffs .puff .link {
  text-decoration: none;
}
.section-puffs2-pages .container .puffs .puff .link .inner-wrapper {
  padding-bottom: 3em;
}
.section-puffs2-pages .container .puffs .puff .link .inner-wrapper .puff-heading-col .img {
  width: 32px;
}
.section-puffs2-pages .container .puffs .puff .link .inner-wrapper .puff-heading-col .title {
  font-size: 1.12em;
  padding: 0 0 0 5px;
}
.section-puffs2-pages .container .puffs .puff .link .inner-wrapper .puff-text-col p {
  font-size: 1em;
  padding-bottom: 15px;
  font-weight: 400;
}
.section-puffs2-pages .container .puffs .puff .link .inner-wrapper .link-wrapper .link {
  text-decoration: underline;
  font-size: 0.85em;
  font-weight: 400;
}
.section-puffs2-pages .container .puffs .puff.img-not-set .link .inner-wrapper .puff-heading-col .title, .section-puffs2-pages .container .puffs .puff.linked-img-not-set .link .inner-wrapper .puff-heading-col .title {
  padding: 0;
}
@media (max-width: 768px) {
  .section-puffs2-pages .container {
    padding: 2em 15px 1em 15px;
  }
  .section-puffs2-pages .container .puffs .puff .link .inner-wrapper {
    padding-bottom: 1em;
  }
}
@media (max-width: 480px) {
  .section-puffs2-pages {
    margin: 2em 0 1em 0;
  }
  .section-puffs2-pages .container {
    padding: 0 15px 1em 15px;
  }
}

/*
 * Main pages module - Text & Image Columns
 */
.section-text-and-img-cols-pages {
  padding: 3em 0 0 0;
  /**** Media Queries ****/
}
.section-text-and-img-cols-pages .container .columns .column .row .text-column .text blockquote {
  padding: 3em 0;
  margin: 4em 0 3em 0;
  position: relative;
  background: none;
}
.section-text-and-img-cols-pages .container .columns .column .row .text-column .text blockquote:before, .section-text-and-img-cols-pages .container .columns .column .row .text-column .text blockquote:after {
  position: absolute;
  content: "";
  width: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  opacity: 1;
}
.section-text-and-img-cols-pages .container .columns .column .row .text-column .text blockquote:before {
  bottom: 0;
  border-bottom: #979797 1px solid;
}
.section-text-and-img-cols-pages .container .columns .column .row .text-column .text blockquote:after {
  top: 0;
  border-top: #979797 1px solid;
}
.section-text-and-img-cols-pages .container .columns .column .row .text-column .text blockquote p {
  padding-bottom: 15px;
  font-size: 1.4em;
}
.section-text-and-img-cols-pages .container .columns .column .row .text-column .text blockquote p:last-of-type {
  font-size: 1em;
}
.section-text-and-img-cols-pages .container .columns .column .row .text-column .lists-wrapper {
  padding: 1.5em 0 1.5em 0;
}
.section-text-and-img-cols-pages .container .columns .column .row .text-column .lists-wrapper .lists .list {
  padding-bottom: 15px;
  padding-left: 15px;
}
.section-text-and-img-cols-pages .container .columns .column .row .text-column .lists-wrapper .lists .list ul li {
  color: #000;
  font-size: 1.2em;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  line-height: 1.6;
  padding-bottom: 2px;
}
.section-text-and-img-cols-pages .container .columns .column .row .text-column .lists-wrapper .lists .list:first-of-type {
  padding-left: 0;
}
.section-text-and-img-cols-pages .container .columns .column .row .text-column .lists-wrapper .lists.lists-1-layout .list {
  width: 100%;
}
.section-text-and-img-cols-pages .container .columns .column .row .text-column .lists-wrapper .lists.lists-4-layout .list:nth-child(3) {
  padding-left: 0;
}
.section-text-and-img-cols-pages .container .columns .column .row .text-column .lists-wrapper ul {
  list-style: none;
}
.section-text-and-img-cols-pages .container .columns .column .row .img-column {
  overflow: hidden;
  padding-bottom: 30px;
}
.section-text-and-img-cols-pages .container .columns .column .row .img-column .img-bg {
  padding-top: 66%;
  display: block;
  width: 100%;
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all 0.45s ease;
}
.section-text-and-img-cols-pages .container .columns .column .row .button-wrapper {
  padding: 10px 0 0 0;
}
.section-text-and-img-cols-pages .container .columns .default-column .list-column .lists-wrapper .lists .list {
  padding-bottom: 15px;
  padding-left: 15px;
}
.section-text-and-img-cols-pages .container .columns .default-column .list-column .lists-wrapper .lists .list ul li {
  color: #000;
  font-size: 1.12em;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  line-height: 1.6;
  padding-bottom: 5px;
}
.section-text-and-img-cols-pages .container .columns .default-column .list-column .lists-wrapper .lists .list:first-of-type {
  padding-left: 0;
}
.section-text-and-img-cols-pages .container .columns .default-column .list-column .lists-wrapper .lists.lists-1-layout .list {
  width: 100%;
}
.section-text-and-img-cols-pages .container .columns .default-column .list-column .lists-wrapper .lists.lists-2-layout .list {
  width: 50%;
}
.section-text-and-img-cols-pages .container .columns .default-column .list-column .lists-wrapper .lists.lists-4-layout .list:nth-child(3) {
  padding-left: 0;
}
.section-text-and-img-cols-pages .container .columns .default-column .list-column .lists-wrapper ul {
  list-style: none;
}
@media (min-width: 1600px) {
  .section-text-and-img-cols-pages .container .columns .list-column .lists-wrapper .lists.lists-4-layout .list {
    width: 25%;
  }
}
@media (max-width: 1600px) and (min-width: 1024px) {
  .section-text-and-img-cols-pages .container .columns .list-column .lists-wrapper .lists.lists-4-layout .list {
    width: 33.33%;
  }
  .section-text-and-img-cols-pages .container .columns .list-column .lists-wrapper .lists.lists-4-layout .list:nth-child(4) {
    padding-left: 0;
  }
}
@media (min-width: 1440px) {
  .section-text-and-img-cols-pages .container .columns .column .row .text-column .lists-wrapper .lists.lists-3-layout .list, .section-text-and-img-cols-pages .container .columns .column .row .text-column .lists-wrapper .lists.lists-5-layout .list, .section-text-and-img-cols-pages .container .columns .column .row .text-column .lists-wrapper .lists.lists-6-layout .list {
    width: 33.33%;
  }
  .section-text-and-img-cols-pages .container .columns .column .row .text-column .lists-wrapper .lists.lists-5-layout .list:nth-child(4), .section-text-and-img-cols-pages .container .columns .column .row .text-column .lists-wrapper .lists.lists-6-layout .list:nth-child(4) {
    padding-left: 0;
  }
}
@media (max-width: 1440px) and (min-width: 900px) {
  .section-text-and-img-cols-pages .container .columns .column .row .text-column .lists-wrapper .lists.lists-3-layout .list, .section-text-and-img-cols-pages .container .columns .column .row .text-column .lists-wrapper .lists.lists-5-layout .list, .section-text-and-img-cols-pages .container .columns .column .row .text-column .lists-wrapper .lists.lists-6-layout .list {
    width: 50%;
  }
  .section-text-and-img-cols-pages .container .columns .column .row .text-column .lists-wrapper .lists.lists-5-layout .list:nth-child(3), .section-text-and-img-cols-pages .container .columns .column .row .text-column .lists-wrapper .lists.lists-5-layout .list:nth-child(5), .section-text-and-img-cols-pages .container .columns .column .row .text-column .lists-wrapper .lists.lists-6-layout .list:nth-child(3), .section-text-and-img-cols-pages .container .columns .column .row .text-column .lists-wrapper .lists.lists-6-layout .list:nth-child(5) {
    padding-left: 0;
  }
}
@media (max-width: 1024px) and (min-width: 768px) {
  .section-text-and-img-cols-pages .container .columns .column .row .text-column .lists-wrapper .lists.lists-3-layout .list, .section-text-and-img-cols-pages .container .columns .column .row .text-column .lists-wrapper .lists.lists-5-layout .list, .section-text-and-img-cols-pages .container .columns .column .row .text-column .lists-wrapper .lists.lists-6-layout .list {
    width: 33.33%;
  }
  .section-text-and-img-cols-pages .container .columns .column .row .text-column .lists-wrapper .lists.lists-5-layout .list:nth-child(4), .section-text-and-img-cols-pages .container .columns .column .row .text-column .lists-wrapper .lists.lists-6-layout .list:nth-child(4) {
    padding-left: 0;
  }
  .section-text-and-img-cols-pages .container .columns .list-column .lists-wrapper .lists.lists-4-layout .list {
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .section-text-and-img-cols-pages .container .columns .list-column .lists-wrapper .lists.lists-3-layout .list, .section-text-and-img-cols-pages .container .columns .list-column .lists-wrapper .lists.lists-5-layout .list, .section-text-and-img-cols-pages .container .columns .list-column .lists-wrapper .lists.lists-6-layout .list {
    width: 33.33%;
  }
  .section-text-and-img-cols-pages .container .columns .list-column .lists-wrapper .lists.lists-5-layout .list:nth-child(4), .section-text-and-img-cols-pages .container .columns .list-column .lists-wrapper .lists.lists-6-layout .list:nth-child(4) {
    padding-left: 0;
  }
}
@media (max-width: 1024px) and (min-width: 768px) {
  .section-text-and-img-cols-pages .container .columns .list-column .lists-wrapper .lists.lists-3-layout .list, .section-text-and-img-cols-pages .container .columns .list-column .lists-wrapper .lists.lists-5-layout .list, .section-text-and-img-cols-pages .container .columns .list-column .lists-wrapper .lists.lists-6-layout .list {
    width: 50%;
  }
  .section-text-and-img-cols-pages .container .columns .list-column .lists-wrapper .lists.lists-3-layout .list:nth-child(3), .section-text-and-img-cols-pages .container .columns .list-column .lists-wrapper .lists.lists-3-layout .list:nth-child(5), .section-text-and-img-cols-pages .container .columns .list-column .lists-wrapper .lists.lists-5-layout .list:nth-child(3), .section-text-and-img-cols-pages .container .columns .list-column .lists-wrapper .lists.lists-5-layout .list:nth-child(5), .section-text-and-img-cols-pages .container .columns .list-column .lists-wrapper .lists.lists-6-layout .list:nth-child(3), .section-text-and-img-cols-pages .container .columns .list-column .lists-wrapper .lists.lists-6-layout .list:nth-child(5) {
    padding-left: 0;
  }
}
@media (max-width: 768px) {
  .section-text-and-img-cols-pages {
    padding: 3em 0 0 0;
  }
  .section-text-and-img-cols-pages .container {
    padding: 0 15px;
  }
  .section-text-and-img-cols-pages .container .columns .column .row .text-column .lists-wrapper .lists.lists-3-layout .section-text-and-img-cols-pages .container .columns .column .row .text-column .lists-wrapper .lists.lists-5-layout .list:nth-child(3) {
    padding-left: 0;
  }
  .section-text-and-img-cols-pages .container .columns .column .row .text-column .lists-wrapper .lists.lists-5-layout .list:nth-child(3), .section-text-and-img-cols-pages .container .columns .column .row .text-column .lists-wrapper .lists.lists-5-layout .list:nth-child(5) {
    padding-left: 0;
  }
  .section-text-and-img-cols-pages .container .columns .column .row .text-column .lists-wrapper .lists.lists-6-layout .list:nth-child(odd) {
    padding-left: 0;
  }
  .section-text-and-img-cols-pages .container .columns .list-column .lists-wrapper .lists.lists-2-layout .list, .section-text-and-img-cols-pages .container .columns .list-column .lists-wrapper .lists.lists-3-layout .list, .section-text-and-img-cols-pages .container .columns .list-column .lists-wrapper .lists.lists-4-layout .list, .section-text-and-img-cols-pages .container .columns .list-column .lists-wrapper .lists.lists-5-layout .list, .section-text-and-img-cols-pages .container .columns .list-column .lists-wrapper .lists.lists-6-layout .list {
    width: 100%;
    padding-left: 0;
  }
}
@media (min-width: 480px) {
  .section-text-and-img-cols-pages .container .columns .column .row .text-column .lists-wrapper .lists.lists-2-layout .list, .section-text-and-img-cols-pages .container .columns .column .row .text-column .lists-wrapper .lists.lists-4-layout .list {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .section-text-and-img-cols-pages {
    padding: 1em 0 0 0;
  }
  .section-text-and-img-cols-pages .container .columns .column .row .text-column .text blockquote {
    padding: 1.5em 0;
    margin: 0 0 1em 0;
  }
  .section-text-and-img-cols-pages .container .columns .column .row .text-column .text blockquote p {
    font-size: 1.25em;
  }
  .section-text-and-img-cols-pages .container .columns .column .row .text-column .lists-wrapper .lists .list {
    padding-left: 0;
  }
  .section-text-and-img-cols-pages .container .columns .list-column .lists-wrapper .lists .list ul li {
    font-size: 1em;
  }
}

/*
 * Main pages module - Embeded youtubes
 */
.yt-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
  box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.3);
}
.yt-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*================================================================
	Front page - sections
================================================================*/
/*
 * Start content
 */
.section-start-content {
  padding: 3em 15px;
  /*** Media Queries ***/
}
.section-start-content.hero-img {
  padding: 0;
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-attachment: fixed;
}
@media (max-width: 768px) {
  .section-start-content.hero-img {
    background-attachment: initial;
  }
}
.section-start-content.hero-img .bgc-overlay {
  opacity: 1;
  background: rgba(255, 255, 255, 0.6);
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.section-start-content.hero-img .bgc-overlay .container-collapse-wide {
  padding: 3em 0 5em 0;
}
.section-start-content .container-collapse-wide .row .wpeditor-col {
  transition: all 0.7s ease;
}
.section-start-content .container-collapse-wide .row .wpeditor-col p {
  font-size: 1.2em;
}
.section-start-content .container-collapse-wide .row .boxes-col {
  transition: all 1s ease;
}
.section-start-content .container-collapse-wide .row .boxes-col .boxes .box {
  padding: 8px;
}
.section-start-content .container-collapse-wide .row .boxes-col .boxes .box .inner-content {
  background: #0C4738;
  padding: 20px;
  transition: all 0.3s ease;
}
.section-start-content .container-collapse-wide .row .boxes-col .boxes .box .inner-content .icon-wrapper .svg {
  width: 15px;
  transition: all 0.5s ease;
}
.section-start-content .container-collapse-wide .row .boxes-col .boxes .box .inner-content .title {
  color: #fff;
  padding: 0 0 0 10px;
  font-family: "Lato", sans-serif;
  transition: all 0.3s ease;
}
.section-start-content .container-collapse-wide .row .boxes-col .boxes .box:hover .inner-content {
  border-radius: 7px;
}
.section-start-content .container-collapse-wide .row .boxes-col .boxes .box:hover .inner-content .icon-wrapper .svg {
  transform: translateX(4px);
}
.section-start-content .container-collapse-wide .row .boxes-col .boxes .box:hover .inner-content .title {
  color: #2c9aa8;
}
@media (min-width: 1140px) {
  .section-start-content .container-collapse-wide .row .wpeditor-col p {
    font-size: 1.4em;
  }
}
@media (max-width: 768px) {
  .section-start-content {
    padding: 2em 15px 1em 15px;
  }
  .section-start-content.hero-img .bgc-overlay .container-collapse-wide {
    padding: 2em 0 3em 0;
  }
}
@media (max-width: 480px) {
  .section-start-content.hero-img .bgc-overlay .container-collapse-wide {
    padding: 2em 0;
  }
}

/*================================================================
	Google Maps Section
================================================================*/
.section-google-maps {
  /**** Media Queries ****/
}
.section-google-maps #map {
  height: 554px;
  width: 100%;
}
.section-google-maps #map .yt-wrapper {
  padding-bottom: 0;
  box-shadow: none;
}
.section-google-maps #map .gm-style-iw {
  border-radius: 0;
  box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.3);
}
.section-google-maps #map .gm-style-iw .popupbox-container {
  width: 210px;
  height: 132px;
}
.section-google-maps #map .gm-style-iw .popupbox-container .logo-wrapper {
  display: block;
  width: 140px;
  /* outline: blue solid 1px; */
  position: relative;
  margin: 0 auto;
  height: 104px;
}
.section-google-maps #map .gm-style-iw .popupbox-container .logo-wrapper .logo {
  background-image: url(../icons/company-logo/2023/gm-logo-2023-en.svg);
  height: 110px;
  width: 140px;
  position: absolute;
  top: -13px;
  left: 12px;
  background-size: 140px 140px;
}
.section-google-maps #map .gm-style-iw .popupbox-container .logo-wrapper .gm-link {
  position: absolute;
  bottom: -6px;
  z-index: 999999999;
  font-size: 16px;
  left: 49px;
  display: block;
}
.section-google-maps #map .gm-style-iw {
  padding: 0;
}
.section-google-maps #map .gm-style-iw-t:before, .section-google-maps #map .gm-style-iw-t:after {
  display: none;
}
@media (max-width: 1140px) {
  .section-google-maps #map {
    height: 450px;
  }
}
@media (max-width: 768px) {
  .section-google-maps #map {
    height: 300px;
  }
  .section-google-maps #map .gm-style-iw .popupbox-container {
    width: 210px;
    height: 95px;
  }
  .section-google-maps #map .gm-style-iw .popupbox-container .logo-wrapper {
    width: 125px;
    height: 66px;
  }
  .section-google-maps #map .gm-style-iw .popupbox-container .logo-wrapper .logo {
    height: 95px;
    width: 125px;
    background-size: 125px 95px;
    top: -9px;
    transform: translateY(0);
  }
  .section-google-maps #map .gm-style-iw .popupbox-container .logo-wrapper .gm-link {
    bottom: -21px;
    font-size: 15px;
    left: 37px;
  }
}
@media (max-width: 480px) {
  .section-google-maps #map {
    height: 250px;
  }
}

p#googleMaps-arrow-popup-text {
  padding-bottom: 10px;
}

/* Removes the google logo, footer & copyright section */
a[href^="http://maps.google.com/maps"] {
  display: none !important;
}

a[href^="https://maps.google.com/maps"] {
  display: none !important;
}

.gmnoprint a, .gmnoprint span, .gm-style-cc {
  display: none;
}

.gmnoprint div {
  background: none !important;
}

p#googleMaps-arrow-popup-text {
  padding-bottom: 10px;
}

/*================================================================
	Sticky Link - Scroll to top
================================================================*/
a.scroll-to-top {
  position: fixed;
  right: 50px;
  bottom: 65px;
  display: inline-block;
  visibility: hidden;
  opacity: 0;
  padding: 15px;
  min-height: auto;
  background: rgb(9.7879518072, 57.9120481928, 45.6771084337);
  min-width: auto;
  vertical-align: middle;
  z-index: 9999;
  width: 40px;
  height: 40px;
  border-radius: 35px;
  font-size: 15px;
  transition: all 0.3s ease;
}
a.scroll-to-top .company-logo-arrow {
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  position: absolute;
  top: 10px;
  left: 12px;
}
@media (max-width: 1140px) {
  a.scroll-to-top {
    right: 70px;
    bottom: 40px;
  }
}
@media (max-width: 768px) {
  a.scroll-to-top {
    right: 25px;
    bottom: 26px;
  }
}
a.scroll-to-top:hover {
  background: rgb(16.4240963855, 97.1759036145, 76.6457831325);
}
a.scroll-to-top:hover:before {
  color: #fff;
}
a.scroll-to-top.scroll-is-visible {
  visibility: visible;
  opacity: 1;
}

/*================================================================
	Other settings
================================================================*/
/* Hide next and previous paginate links*/
.next.page-numbers,
.prev.page-numbers {
  display: none;
}

/*================================================================
	Wordpress Gutenburg Components - Default button
================================================================*/
.wp-block-button a {
  border: 1px solid #000;
  color: #000;
  border-radius: 35px;
  background-color: transparent;
  font-family: "Open Sans", sans-serif;
  cursor: pointer;
  text-align: center;
  font-weight: 500;
  outline: none;
  position: relative;
  text-decoration: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-transform: uppercase;
  color: #000;
  font-size: 13px;
  padding: 8px 13px;
  position: relative;
  transition: all 0.3s ease;
}
.wp-block-button a:hover {
  background: #0C4738;
  border: solid 1px #0C4738;
  color: #000;
}

/*
Project: Kringelstan.
Description: Button settings
Author: Karl Karlsson
Date: 2019-03-20
Licence: https://kringelstan.se/
*/
/*================================================================================
	Main Button
================================================================================*/
[class*=btn] {
  background: #0C4738;
  font-family: "Open Sans", sans-serif;
  cursor: pointer;
  text-align: center;
  font-weight: 500;
  outline: none;
  position: relative;
  text-decoration: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-transform: uppercase;
  color: #000;
  border-radius: 7px;
  border: 1px solid #0C4738;
  font-size: 13px;
  padding: 8px 13px;
  position: relative;
  transition: all 0.3s ease;
  /*================================ 
  *   Hover-effects and Animations 
  ================================*/
}
[class*=btn]:hover {
  background: rgb(19.3734939759, 114.6265060241, 90.4096385542);
  border: 1px solid rgb(19.3734939759, 114.6265060241, 90.4096385542);
  color: #fff !important;
}
@media (max-width: 768px) {
  [class*=btn] {
    padding: 10px 15px;
  }
}
[class*=btn][class*=-main] {
  background: #fff;
  color: #000;
  border: 1px solid #fff;
}
[class*=btn][class*=-main]:hover {
  background: rgb(19.3734939759, 114.6265060241, 90.4096385542);
  border: 1px solid rgb(19.3734939759, 114.6265060241, 90.4096385542);
  color: #000;
}
[class*=btn][class*=-main-inverted] {
  background: #000;
  color: #fff;
  border: 1px solid #000;
}
[class*=btn][class*=-main-inverted]:hover {
  background: rgb(12.75, 12.75, 12.75);
  border: 1px solid rgb(12.75, 12.75, 12.75);
  color: #fff;
}
[class*=btn][class*=-primary] {
  background: #2e81c8;
}
[class*=btn][class*=-primary]:hover {
  background: rgb(40.2780487805, 112.9536585366, 175.1219512195);
}
[class*=btn][class*=-success] {
  background: #5cb85c;
  box-shadow: 0 6px rgb(57.4371794872, 131.8628205128, 57.4371794872);
}
[class*=btn][class*=-success]:hover {
  background: rgb(74.458974359, 170.941025641, 74.458974359);
}
[class*=btn][class*=-warning] {
  background: #77b1ec;
}
[class*=btn][class*=-warning]:hover {
  background: rgb(92.1509677419, 161.6012903226, 232.2490322581);
}
[class*=btn][class*=-info] {
  background: #e67e22;
}
[class*=btn][class*=-info]:hover {
  background: rgb(209.6804878049, 111.0073170732, 23.7195121951);
}
[class*=btn][class*=-danger] {
  background: #e14d43;
}
[class*=btn][class*=-danger]:hover {
  background: rgb(220.7889908257, 52.0146788991, 40.6110091743);
}
[class*=btn][class*=-secondary] {
  padding: 15px 23px;
  border: solid 2px #0C4738;
  background: transparent;
  color: #0C4738;
}
[class*=btn][class*=-secondary]:hover {
  background: #0C4738;
  color: #fff;
}
[class*=btn][class*=-radius] {
  border-radius: 35px;
  background: #0C4738;
  border: solid 1px #0C4738;
  color: #fff;
}
[class*=btn][class*=-radius]:hover {
  background: rgb(19.3734939759, 114.6265060241, 90.4096385542);
  border: solid 1px rgb(19.3734939759, 114.6265060241, 90.4096385542);
  color: #fff;
}
[class*=btn][class*=-radius][class*=-main] {
  background: #fff;
  color: #000;
  border: 1px solid #fff;
}
[class*=btn][class*=-radius][class*=-main]:hover {
  background: rgb(19.3734939759, 114.6265060241, 90.4096385542);
  border: 1px solid rgb(19.3734939759, 114.6265060241, 90.4096385542);
  color: #000;
}
[class*=btn][class*=-radius][class*=-main-inverted] {
  background: #000;
  color: #fff;
  border: 1px solid #000;
}
[class*=btn][class*=-radius][class*=-main-inverted]:hover {
  background: rgb(12.75, 12.75, 12.75);
  border: 1px solid rgb(12.75, 12.75, 12.75);
  color: #fff;
}
[class*=btn][class*=-radius][class*=-primary] {
  background: #2e81c8;
}
[class*=btn][class*=-radius][class*=-primary]:hover {
  background: rgb(40.2780487805, 112.9536585366, 175.1219512195);
}
[class*=btn][class*=-radius][class*=-success] {
  background: #5cb85c;
  box-shadow: 0 6px rgb(57.4371794872, 131.8628205128, 57.4371794872);
}
[class*=btn][class*=-radius][class*=-success]:hover {
  background: rgb(74.458974359, 170.941025641, 74.458974359);
}
[class*=btn][class*=-radius][class*=-warning] {
  background: #77b1ec;
}
[class*=btn][class*=-radius][class*=-warning]:hover {
  background: rgb(92.1509677419, 161.6012903226, 232.2490322581);
}
[class*=btn][class*=-radius][class*=-info] {
  background: #e67e22;
}
[class*=btn][class*=-radius][class*=-info]:hover {
  background: rgb(209.6804878049, 111.0073170732, 23.7195121951);
}
[class*=btn][class*=-radius][class*=-danger] {
  background: #e14d43;
}
[class*=btn][class*=-radius][class*=-danger]:hover {
  background: rgb(220.7889908257, 52.0146788991, 40.6110091743);
}
[class*=btn][class*=-radius][class*=-secondary] {
  padding: 15px 23px;
  border: solid 2px #0C4738;
  background: transparent;
  color: #0C4738;
}
[class*=btn][class*=-radius][class*=-secondary]:hover {
  background: #0C4738;
  color: #fff;
}
[class*=btn][class*=-bordered] {
  border: 1px solid #0C4738;
  color: #fff;
  background-color: transparent;
}
[class*=btn][class*=-bordered]:hover {
  background-color: #0C4738 !important;
  border: 1px solid #0C4738;
}
[class*=btn][class*=-bordered][class*=-radius] {
  border-radius: 35px;
  background-color: transparent;
}
[class*=btn][class*=-bordered][class*=-main] {
  border: 1px solid #fff;
  color: #fff !important;
}
[class*=btn][class*=-bordered][class*=-main]:hover {
  background-color: #0C4738 !important;
  border: 1px solid #0C4738;
  color: #fff;
}
[class*=btn][class*=-bordered][class*=-main-inverted] {
  border: 1px solid #000;
  color: #fff;
}
[class*=btn][class*=-bordered][class*=-main-inverted]:hover {
  background-color: #0C4738 !important;
  border: 1px solid #0C4738;
  color: #fff;
}
[class*=btn][class*=-bordered][class*=-primary] {
  border: 1px solid #2e81c8;
  color: #2e81c8;
}
[class*=btn][class*=-bordered][class*=-primary]:hover {
  background: #2e81c8;
  color: #000;
}
[class*=btn][class*=-bordered][class*=-success] {
  border: 1px solid #5cb85c;
  color: #5cb85c;
}
[class*=btn][class*=-bordered][class*=-success]:hover {
  background: #5cb85c;
  color: #000;
}
[class*=btn][class*=-bordered][class*=-info] {
  border: 1px solid #77b1ec;
  color: #77b1ec;
}
[class*=btn][class*=-bordered][class*=-info]:hover {
  background: #77b1ec;
  color: #000;
}
[class*=btn][class*=-bordered][class*=-warning] {
  border: 1px solid #e67e22;
  color: #e67e22;
}
[class*=btn][class*=-bordered][class*=-warning]:hover {
  background: #e67e22;
  color: #000;
}
[class*=btn][class*=-bordered][class*=-danger] {
  border: 1px solid #e14d43;
  color: #e14d43;
}
[class*=btn][class*=-bordered][class*=-danger]:hover {
  background: #e14d43;
  color: #000;
}

/*================================================================================
	Main Button Wrapper
================================================================================*/
.button-wrapper {
  margin-top: 10px;
}
.button-wrapper [class*=btn] {
  background: #0C4738;
  font-family: "Open Sans", sans-serif;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
  outline: none;
  position: relative;
  text-decoration: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-transform: uppercase;
  color: #000;
  border-radius: 7px;
  border: 1px solid #0C4738;
  font-size: 13px;
  padding: 8px 13px;
  position: relative;
  transition: all 0.3s ease;
  /*================================ 
  *   Hover-effects and Animations 
  ================================*/
}
.button-wrapper [class*=btn]:hover {
  background: rgb(19.3734939759, 114.6265060241, 90.4096385542);
  border: 1px solid rgb(19.3734939759, 114.6265060241, 90.4096385542);
  color: #000;
}
@media (max-width: 768px) {
  .button-wrapper [class*=btn] {
    padding: 10px 15px;
  }
}
.button-wrapper [class*=btn][class*=-main] {
  background: #fff;
  color: #000;
  border: 1px solid #fff;
}
.button-wrapper [class*=btn][class*=-main]:hover {
  background: rgb(19.3734939759, 114.6265060241, 90.4096385542);
  border: 1px solid rgb(19.3734939759, 114.6265060241, 90.4096385542);
  color: #000;
}
.button-wrapper [class*=btn][class*=-main-inverted] {
  background: #000;
  color: #fff;
  border: 1px solid #000;
}
.button-wrapper [class*=btn][class*=-main-inverted]:hover {
  background: rgb(12.75, 12.75, 12.75);
  border: 1px solid rgb(12.75, 12.75, 12.75);
  color: #fff;
}
.button-wrapper [class*=btn][class*=-primary] {
  background: #2e81c8;
}
.button-wrapper [class*=btn][class*=-primary]:hover {
  background: rgb(40.2780487805, 112.9536585366, 175.1219512195);
}
.button-wrapper [class*=btn][class*=-success] {
  background: #5cb85c;
  box-shadow: 0 6px rgb(57.4371794872, 131.8628205128, 57.4371794872);
}
.button-wrapper [class*=btn][class*=-success]:hover {
  background: rgb(74.458974359, 170.941025641, 74.458974359);
}
.button-wrapper [class*=btn][class*=-warning] {
  background: #77b1ec;
}
.button-wrapper [class*=btn][class*=-warning]:hover {
  background: rgb(92.1509677419, 161.6012903226, 232.2490322581);
}
.button-wrapper [class*=btn][class*=-info] {
  background: #e67e22;
}
.button-wrapper [class*=btn][class*=-info]:hover {
  background: rgb(209.6804878049, 111.0073170732, 23.7195121951);
}
.button-wrapper [class*=btn][class*=-danger] {
  background: #e14d43;
}
.button-wrapper [class*=btn][class*=-danger]:hover {
  background: rgb(220.7889908257, 52.0146788991, 40.6110091743);
}
.button-wrapper [class*=btn][class*=-secondary] {
  padding: 15px 23px;
  border: solid 2px #0C4738;
  background: transparent;
  color: #0C4738;
}
.button-wrapper [class*=btn][class*=-secondary]:hover {
  background: #0C4738;
  color: #fff;
}
.button-wrapper [class*=btn][class*=-radius] {
  border-radius: 35px;
  background: #0C4738;
  border: solid 1px #0C4738;
  color: #000;
}
.button-wrapper [class*=btn][class*=-radius]:hover {
  background: rgb(19.3734939759, 114.6265060241, 90.4096385542);
  border: solid 1px rgb(19.3734939759, 114.6265060241, 90.4096385542);
  color: #fff;
}
.button-wrapper [class*=btn][class*=-radius][class*=-main] {
  background: #fff;
  color: #000;
  border: 1px solid #fff;
}
.button-wrapper [class*=btn][class*=-radius][class*=-main]:hover {
  background: rgb(19.3734939759, 114.6265060241, 90.4096385542);
  border: 1px solid rgb(19.3734939759, 114.6265060241, 90.4096385542);
  color: #000;
}
.button-wrapper [class*=btn][class*=-radius][class*=-main-inverted] {
  background: #000;
  color: #fff;
  border: 1px solid #000;
}
.button-wrapper [class*=btn][class*=-radius][class*=-main-inverted]:hover {
  background: rgb(12.75, 12.75, 12.75);
  border: 1px solid rgb(12.75, 12.75, 12.75);
  color: #fff;
}
.button-wrapper [class*=btn][class*=-radius][class*=-primary] {
  background: #2e81c8;
}
.button-wrapper [class*=btn][class*=-radius][class*=-primary]:hover {
  background: rgb(40.2780487805, 112.9536585366, 175.1219512195);
}
.button-wrapper [class*=btn][class*=-radius][class*=-success] {
  background: #5cb85c;
  box-shadow: 0 6px rgb(57.4371794872, 131.8628205128, 57.4371794872);
}
.button-wrapper [class*=btn][class*=-radius][class*=-success]:hover {
  background: rgb(74.458974359, 170.941025641, 74.458974359);
}
.button-wrapper [class*=btn][class*=-radius][class*=-warning] {
  background: #77b1ec;
}
.button-wrapper [class*=btn][class*=-radius][class*=-warning]:hover {
  background: rgb(92.1509677419, 161.6012903226, 232.2490322581);
}
.button-wrapper [class*=btn][class*=-radius][class*=-info] {
  background: #e67e22;
}
.button-wrapper [class*=btn][class*=-radius][class*=-info]:hover {
  background: rgb(209.6804878049, 111.0073170732, 23.7195121951);
}
.button-wrapper [class*=btn][class*=-radius][class*=-danger] {
  background: #e14d43;
}
.button-wrapper [class*=btn][class*=-radius][class*=-danger]:hover {
  background: rgb(220.7889908257, 52.0146788991, 40.6110091743);
}
.button-wrapper [class*=btn][class*=-radius][class*=-secondary] {
  padding: 15px 23px;
  border: solid 2px #0C4738;
  background: transparent;
  color: #0C4738;
}
.button-wrapper [class*=btn][class*=-radius][class*=-secondary]:hover {
  background: #0C4738;
  color: #fff;
}
.button-wrapper [class*=btn][class*=-bordered] {
  border: 1px solid #0C4738;
  color: #000;
  background-color: transparent;
}
.button-wrapper [class*=btn][class*=-bordered]:hover {
  background-color: #0C4738 !important;
  border: 1px solid #0C4738;
}
.button-wrapper [class*=btn][class*=-bordered][class*=-radius] {
  border-radius: 35px;
  background-color: transparent;
}
.button-wrapper [class*=btn][class*=-bordered][class*=-main] {
  border: 1px solid #fff;
  color: #fff;
}
.button-wrapper [class*=btn][class*=-bordered][class*=-main]:hover {
  background-color: #0C4738 !important;
  border: 1px solid #0C4738;
  color: #fff;
}
.button-wrapper [class*=btn][class*=-bordered][class*=-main-inverted] {
  border: 1px solid #000;
  color: #000 !important;
}
.button-wrapper [class*=btn][class*=-bordered][class*=-main-inverted]:hover {
  background-color: #0C4738 !important;
  border: 1px solid #0C4738;
  color: #fff !important;
}
.button-wrapper [class*=btn][class*=-bordered][class*=-primary] {
  border: 1px solid #2e81c8;
  color: #2e81c8;
}
.button-wrapper [class*=btn][class*=-bordered][class*=-primary]:hover {
  background: #2e81c8;
  color: #000;
}
.button-wrapper [class*=btn][class*=-bordered][class*=-success] {
  border: 1px solid #5cb85c;
  color: #5cb85c;
}
.button-wrapper [class*=btn][class*=-bordered][class*=-success]:hover {
  background: #5cb85c;
  color: #000;
}
.button-wrapper [class*=btn][class*=-bordered][class*=-info] {
  border: 1px solid #77b1ec;
  color: #77b1ec;
}
.button-wrapper [class*=btn][class*=-bordered][class*=-info]:hover {
  background: #77b1ec;
  color: #000;
}
.button-wrapper [class*=btn][class*=-bordered][class*=-warning] {
  border: 1px solid #e67e22;
  color: #e67e22;
}
.button-wrapper [class*=btn][class*=-bordered][class*=-warning]:hover {
  background: #e67e22;
  color: #000;
}
.button-wrapper [class*=btn][class*=-bordered][class*=-danger] {
  border: 1px solid #e14d43;
  color: #e14d43;
}
.button-wrapper [class*=btn][class*=-bordered][class*=-danger]:hover {
  background: #e14d43;
  color: #000;
}

/*
Project: Kringelstan
Description: Menu settings
Author: Karl Karlsson
Date: 2019-03-20
Licence: https://kringelstan.se/
*/
/*===============================================================================
	Varibles settings
===============================================================================*/
/*===============================================================================
	Header
===============================================================================*/
header.main-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(to right, #0C4738 1%, rgb(9.7879518072, 57.9120481928, 45.6771084337) 100%);
  z-index: 9999;
  padding: 25px 0;
  transition: all 0.45s ease;
  /***** Media Queries *****/
}
header.main-header.nav-down {
  transform: translateY(0);
  background: linear-gradient(to right, #0C4738 1%, rgb(9.7879518072, 57.9120481928, 45.6771084337) 100%);
  padding: 20px 0;
}
header.main-header.nav-up {
  box-shadow: 0 10px 42px -20px rgba(0, 0, 0, 0.15);
  background: linear-gradient(to right, #0C4738 1%, rgb(9.7879518072, 57.9120481928, 45.6771084337) 100%);
  transform: translateY(-120px);
}
header.main-header .wrapper-header-inner {
  transition: all 0.3s ease;
}
header.main-header .wrapper-header-inner .container-collapse-wide {
  position: relative;
  transition: all 0.3s ease;
}
header.main-header .wrapper-header-inner .container-collapse-wide .left-col .container-logo .main-logo {
  width: 280px;
  transition: all 0.3s ease;
}
header.main-header .wrapper-header-inner .container-collapse-wide .left-col.en-logo .container-logo .main-logo {
  width: 163px;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .icons-wrapper .icons-col .row .icon-col {
  width: 40px;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .icons-wrapper .icons-col .row .icon-col .main-logo {
  width: 280px;
  transition: all 0.3s ease;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .icons-wrapper .icons-col .row .text-col {
  padding-left: 5px;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .icons-wrapper .icons-col .row .text-col .text {
  font-size: 0.88em;
  transition: all 0.3s ease;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .wrapper-navbar .navbar {
  position: relative;
  transition: all 0.3s ease;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .wrapper-navbar .navbar .wrapper-ul {
  display: inline-block;
  vertical-align: middle;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .wrapper-navbar .navbar .wrapper-ul ul.menu {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0;
  position: relative;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .wrapper-navbar .navbar .wrapper-ul ul.menu > li {
  display: inline-block;
  padding: 8px 13px;
  border: solid 1px transparent;
  font-size: 16px;
  margin: 0;
  border-radius: 25px;
  margin-right: 5px;
  transition: all 0.3s ease-in;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .wrapper-navbar .navbar .wrapper-ul ul.menu > li.current-menu-item {
  background: #fff;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .wrapper-navbar .navbar .wrapper-ul ul.menu > li.current-menu-item a {
  color: #000;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .wrapper-navbar .navbar .wrapper-ul ul.menu > li.current-menu-item a:after, header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .wrapper-navbar .navbar .wrapper-ul ul.menu > li.current-menu-item a:before {
  opacity: 1 !important;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .wrapper-navbar .navbar .wrapper-ul ul.menu > li.current-menu-item a:before {
  transform: translateX(-13px) !important;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .wrapper-navbar .navbar .wrapper-ul ul.menu > li.current-menu-item a:after {
  transform: translateX(4px) !important;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .wrapper-navbar .navbar .wrapper-ul ul.menu > li.popup-register {
  padding: 8px 13px;
  border: solid 1px #fff;
  background: none;
  border-radius: 25px;
  transition: all 0.3s ease;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .wrapper-navbar .navbar .wrapper-ul ul.menu > li.popup-register a {
  font-weight: 500;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .wrapper-navbar .navbar .wrapper-ul ul.menu > li a {
  line-height: 20px;
  color: #fff;
  font-weight: 500;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .wrapper-navbar .navbar .wrapper-ul ul.menu > li:last-child > ul {
  left: auto;
  right: 0;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .wrapper-navbar .navbar .wrapper-ul ul.menu > li:hover {
  background: transparent;
  border: solid 1px #fff;
  border-radius: 25px;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .wrapper-navbar .navbar .wrapper-ul ul.menu > li:hover.current-menu-item {
  background: #fff;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .wrapper-navbar .navbar .wrapper-ul ul.menu > li:hover.popup-register {
  background: #fff;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .wrapper-navbar .navbar .wrapper-ul ul.menu > li:hover.popup-register a {
  color: #000;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .wrapper-navbar .navbar .wrapper-ul ul.menu li.menu-item a {
  display: block;
  padding: 0;
  text-decoration: none;
  position: relative;
  font-size: 0.88em;
  text-transform: uppercase;
  font-family: "Lato", sans-serif;
  transition: all 0.3s ease;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .wrapper-navbar .navbar .wrapper-ul ul.menu li.menu-item-has-children.open > a:after {
  transform: rotate(180deg);
  transition: all 0.3s ease;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .wrapper-navbar .navbar .wrapper-ul ul.menu li.open > ul.sub-menu {
  visibility: visible;
  max-height: 800px;
  transform: perspective(400) rotate3d(0, 0, 0, 0);
  transition: all 0.3s ease;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .wrapper-navbar .navbar .wrapper-ul ul.menu li.menu-item-has-children {
  position: relative;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .wrapper-navbar .navbar .wrapper-ul ul.menu li.menu-item-has-children > a:after {
  position: absolute;
  top: 6px;
  right: -9px;
  font-weight: 900;
  content: "\f091";
  font: normal normal normal 7px/1 "Black Tie";
  transition: all 0.3s ease;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .wrapper-navbar .navbar .wrapper-ul ul.menu li.menu-item-has-children ul.sub-menu a {
  color: #000;
  font-size: 0.8em;
  padding: 10px 20px;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .wrapper-navbar .navbar .wrapper-ul ul.menu li.menu-item-has-children ul.sub-menu li.menu-item-has-children {
  position: relative;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .wrapper-navbar .navbar .wrapper-ul ul.menu li.menu-item-has-children ul.sub-menu li.menu-item-has-children > a {
  color: #fff;
  font-size: 0.8em;
  padding: 10px 20px;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .wrapper-navbar .navbar .wrapper-ul ul.menu li.menu-item-has-children ul.sub-menu li.menu-item-has-children > a:after {
  position: absolute;
  top: 16px;
  right: 15px;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .wrapper-navbar .navbar .wrapper-ul ul.menu li.menu-item-has-children ul.sub-menu li.menu-item-has-children > a:hover {
  padding-left: 25px;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .wrapper-navbar .navbar .wrapper-ul ul.menu li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu {
  top: auto;
  right: auto;
  position: relative;
  background: rgb(15.686746988, 92.813253012, 73.2048192771);
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .wrapper-navbar .navbar .wrapper-ul ul.menu li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu li.menu-item a {
  transition: all 0.3s ease;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .wrapper-navbar .navbar .wrapper-ul ul.menu li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu li.menu-item a:hover {
  padding-left: 25px;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .wrapper-navbar .navbar .wrapper-ul ul.menu li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu {
  background: rgb(19.3734939759, 114.6265060241, 90.4096385542);
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .wrapper-navbar .navbar .wrapper-ul ul.menu li.menu-item-has-children ul.sub-menu li.menu-item a:hover {
  padding-left: 25px;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .wrapper-navbar .navbar .wrapper-ul ul.menu ul {
  text-align: left;
  list-style: none;
  position: absolute;
  top: 45px;
  left: 0;
  width: 260px;
  max-height: 0;
  visibility: hidden;
  overflow: hidden;
  background: #0C4738;
  transform: perspective(400) rotate3d(1, 0, 0, -90deg);
  transform-origin: 50% 0;
  transition: 350ms;
  transition: all 0.3s ease;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .wrapper-navbar .navbar .wrapper-ul.wrapper-ul-main, header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .wrapper-navbar .navbar .wrapper-ul.wrapper-ul-secondary {
  display: inline-block;
  font-size: 16px;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .wrapper-navbar .navbar .wrapper-ul.wrapper-ul-secondary {
  text-align: right;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .wrapper-icon-flags li.widget {
  list-style: none;
  position: relative;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .wrapper-icon-flags li.widget .widgettitle {
  color: #fff;
  font-family: "Lato", sans-serif;
  text-transform: uppercase;
  font-size: 0.88em;
  padding-bottom: 0;
  padding-right: 13px;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .wrapper-icon-flags li.widget .widgettitle:after {
  position: absolute;
  top: 5px;
  right: 0px;
  font: normal normal normal 24px/1 "Black Tie";
  font-weight: 400;
  content: "\f091";
  font-size: 8px;
  color: #fff;
  transition: all 0.3s ease;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .wrapper-icon-flags li.widget .widgettitle.open:after {
  top: 5px;
  right: 0px;
  color: #fff;
  transform: rotate(90deg);
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .wrapper-icon-flags li.widget .wpml-ls-legacy-list-vertical {
  text-align: right;
  list-style: none;
  position: absolute;
  top: 29px;
  right: 0;
  max-height: 0;
  visibility: hidden;
  overflow: hidden;
  background: transparent;
  transform: translateX(500px);
  transition: all 0.35s ease;
  padding: 10px 10px;
  /* border-bottom: solid 3px #2c9aa9; */
  display: block;
  border-radius: 4px;
  background: rgb(8.313253012, 49.186746988, 38.7951807229);
  box-shadow: 0 8px 6px -6px rgba(46, 45, 45, 0.2);
  transition: all 0.3s ease;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .wrapper-icon-flags li.widget .wpml-ls-legacy-list-vertical.open {
  visibility: visible;
  max-height: 300px;
  background: rgb(8.313253012, 49.186746988, 38.7951807229);
  transform: translateX(0);
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .wrapper-icon-flags li.widget .wpml-ls-legacy-list-vertical ul {
  list-style: none;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .wrapper-icon-flags li.widget .wpml-ls-legacy-list-vertical ul li a {
  color: #fff;
  padding: 5px 0px 10px 5px;
  border-bottom: dotted 1px #0d4739;
  font-size: 0.9em;
  transition: all 0.3s ease;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .wrapper-icon-flags li.widget .wpml-ls-legacy-list-vertical ul li a.wpml-ls-item-toggle {
  display: inline-block;
  background-color: transparent;
  border: none;
  padding-top: 0px;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .wrapper-icon-flags li.widget .wpml-ls-legacy-list-vertical ul li a span.wpml-ls-display {
  display: none;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .wrapper-icon-flags li.widget .wpml-ls-legacy-list-vertical ul li:hover a {
  transform: translateX(-3px);
  color: #2c9aa8;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .wrapper-icon-flags li.widget .wpml-ls-legacy-list-vertical ul li:last-of-type a {
  border-bottom: none;
}
@media (max-width: 1336px) {
  header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .wrapper-icon-flags {
    display: none;
  }
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row #menu-btn-toggle {
  height: 20px;
  width: 36px;
  position: relative;
  float: none;
  display: none;
  vertical-align: middle;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition-duration: 0.375s;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row #menu-btn-toggle .text {
  margin-left: -53px;
  text-transform: uppercase;
  color: #626262;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row #menu-btn-toggle .line {
  position: absolute;
  display: block;
  width: 37px;
  height: 4px;
  background: #fff;
  left: 0;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition-duration: 0.275s;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row #menu-btn-toggle .line.line-1 {
  top: 0;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row #menu-btn-toggle .line.line-2 {
  top: 50%;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row #menu-btn-toggle .line.line-3 {
  top: 100%;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row #menu-btn-toggle.active .line-1 {
  transform: translateY(10px) translateX(0) rotate(45deg);
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row #menu-btn-toggle.active .line-2 {
  opacity: 0;
}
header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row #menu-btn-toggle.active .line-3 {
  transform: translateY(-10px) translateX(0) rotate(-45deg);
}
@media (min-width: 1336px) {
  header.main-header .wrapper-header-inner .container-collapse-wide .left-col,
  header.main-header .wrapper-header-inner .container-collapse-wide .right-col {
    vertical-align: bottom;
  }
}
@media (min-width: 1240px) and (max-width: 1570px) {
  header.main-header .wrapper-header-inner .container-collapse-wide {
    max-width: 96%;
  }
}
@media (max-width: 1336px) {
  header.main-header {
    padding: 15px 0;
    box-shadow: 0 10px 42px -20px rgba(0, 0, 0, 0.2);
  }
  header.main-header.nav-up {
    transform: translateY(-100px);
  }
  header.main-header .wrapper-header-inner .container-collapse-wide {
    padding: 0;
  }
  header.main-header .wrapper-header-inner .container-collapse-wide .right-col {
    padding: 0;
  }
  header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row .icons-wrapper {
    display: none;
  }
  header.main-header .wrapper-header-inner .container-collapse-wide .right-col .row #menu-btn-toggle {
    display: inline-block;
  }
  header.main-header .wrapper-navbar {
    display: none;
  }
}
@media (max-width: 1140px) {
  header.main-header .wrapper-header-inner.shrink {
    height: 55px;
  }
}
@media (max-width: 768px) {
  header.main-header .wrapper-header-inner .container-collapse-wide {
    padding: 0 15px;
  }
  header.main-header .wrapper-header-inner .container-collapse-wide .left-col .container-logo .main-logo {
    width: 180px;
  }
  header.main-header .wrapper-header-inner .container-collapse-wide .left-col.en-logo .container-logo .main-logo {
    width: 120px;
  }
}
@media (max-width: 480px) {
  header.main-header {
    padding: 10px 0;
  }
  header.main-header.nav-down {
    padding: 15px 0;
  }
  header.main-header .wrapper-header-inner .container-collapse-wide .left-col .container-logo .main-logo {
    width: 175px;
  }
}

/*===============================================================================
	Responsive Menu
===============================================================================*/
.resp-menu {
  position: fixed;
  overflow-y: auto;
  background: linear-gradient(to bottom, #125142 1%, #195d4c 100%);
  text-align: center;
  width: 350px;
  height: 100%;
  top: 0;
  z-index: 1000;
  right: -350px;
  transition: all 0.4s ease;
}
.resp-menu .flag-wrapper {
  padding-bottom: 10px;
}
.resp-menu .flag-wrapper .wrapper-icon-flags li.widget {
  list-style: none;
  position: relative;
}
.resp-menu .flag-wrapper .wrapper-icon-flags li.widget .widgettitle {
  color: #fff;
  font-family: "Lato", sans-serif;
  text-transform: uppercase;
  font-size: 0.88em;
  padding-bottom: 0;
  padding-right: 13px;
}
.resp-menu .flag-wrapper .wrapper-icon-flags li.widget .widgettitle:after {
  position: absolute;
  top: 5px;
  right: 0px;
  font: normal normal normal 24px/1 "Black Tie";
  font-weight: 400;
  content: "\f091";
  font-size: 8px;
  color: #fff;
  transition: all 0.3s ease;
}
.resp-menu .flag-wrapper .wrapper-icon-flags li.widget .widgettitle.open:after {
  top: 5px;
  right: 0px;
  color: #fff;
  transform: rotate(90deg);
}
.resp-menu .flag-wrapper .wrapper-icon-flags li.widget .wpml-ls-legacy-list-vertical {
  list-style: none;
  max-height: 0;
  visibility: hidden;
  overflow: hidden;
  background: transparent;
  border-radius: 4px;
  background: rgb(8.313253012, 49.186746988, 38.7951807229);
  box-shadow: 0 8px 6px -6px rgba(46, 45, 45, 0.2);
  text-align: center;
  position: absolute;
  top: auto;
  width: 100%;
  left: 0;
  transform: translateX(700px);
  transition: all 0.4s ease;
}
.resp-menu .flag-wrapper .wrapper-icon-flags li.widget .wpml-ls-legacy-list-vertical.open {
  visibility: visible;
  max-height: 300px;
  position: relative;
  background: rgb(8.313253012, 49.186746988, 38.7951807229);
  padding: 10px 20px;
  list-style: none;
  transform: translateX(0);
  margin-top: 16px;
}
.resp-menu .flag-wrapper .wrapper-icon-flags li.widget .wpml-ls-legacy-list-vertical ul {
  list-style: none;
}
.resp-menu .flag-wrapper .wrapper-icon-flags li.widget .wpml-ls-legacy-list-vertical ul li a {
  color: #fff;
  padding: 5px 0px 10px 5px;
  border-bottom: dotted 1px #0d4739;
  font-size: 0.9em;
  transition: all 0.3s ease;
}
.resp-menu .flag-wrapper .wrapper-icon-flags li.widget .wpml-ls-legacy-list-vertical ul li a.wpml-ls-item-toggle {
  display: inline-block;
  background-color: transparent;
  border: none;
  padding-top: 0px;
}
.resp-menu .flag-wrapper .wrapper-icon-flags li.widget .wpml-ls-legacy-list-vertical ul li a span.wpml-ls-display {
  display: none;
}
.resp-menu .flag-wrapper .wrapper-icon-flags li.widget .wpml-ls-legacy-list-vertical ul li:hover a {
  transform: translateX(-3px);
  color: #2c9aa8;
}
.resp-menu .flag-wrapper .wrapper-icon-flags li.widget .wpml-ls-legacy-list-vertical ul li:last-of-type a {
  border-bottom: none;
}
.resp-menu .wrapper-ul {
  display: block;
  width: 100%;
  text-align: center;
  transform: translateX(-25px);
  transition: opacity 0.3s ease 0.35s, transform 0.4s ease 0.35s;
  opacity: 0;
}
.resp-menu .wrapper-ul ul.menu {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0;
  position: relative;
}
.resp-menu .wrapper-ul ul.menu > li {
  display: block;
  line-height: 30px;
  font-size: 16px;
  margin: 0;
  padding: 8px 13px;
  transition: all 0.3s ease;
}
.resp-menu .wrapper-ul ul.menu > li.current-menu-item a {
  background: #fff;
  color: #000;
}
.resp-menu .wrapper-ul ul.menu > li.current-menu-item a:after, .resp-menu .wrapper-ul ul.menu > li.current-menu-item a:before {
  opacity: 1 !important;
}
.resp-menu .wrapper-ul ul.menu > li.current-menu-item a:before {
  transform: translateX(-13px) !important;
}
.resp-menu .wrapper-ul ul.menu > li.current-menu-item a:after {
  transform: translateX(4px) !important;
}
.resp-menu .wrapper-ul ul.menu > li.popup-register a {
  font-weight: 500;
  padding: 8px 13px;
  border: solid 1px #fff;
  background: none;
  border-radius: 25px;
  transition: all 0.3s ease;
}
.resp-menu .wrapper-ul ul.menu > li a {
  color: #fff;
  font-weight: 500;
  padding: 8px 13px;
  border: solid 1px transparent;
  border-radius: 25px;
}
.resp-menu .wrapper-ul ul.menu > li:last-child > ul {
  left: auto;
  right: 0;
}
.resp-menu .wrapper-ul ul.menu > li:hover a {
  background: transparent;
  border: solid 1px #fff;
  border-radius: 25px;
}
.resp-menu .wrapper-ul ul.menu > li:hover.popup-register a {
  background: #fff;
  color: #000;
}
.resp-menu .wrapper-ul ul.menu > li:hover.current-menu-item a {
  background: #fff;
}
.resp-menu .wrapper-ul ul.menu li.menu-item a {
  text-decoration: none;
  position: relative;
  font-size: 0.88em;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
  transition: all 0.3s ease-in;
}
.resp-menu .wrapper-ul ul.menu li.menu-item-has-children.open {
  background: #0C4738;
}
.resp-menu .wrapper-ul ul.menu li.menu-item-has-children.open a {
  color: #000;
  border: none;
}
.resp-menu .wrapper-ul ul.menu li.menu-item-has-children.open > a:after {
  transform: rotate(180deg);
  transition: all 0.3s ease;
}
.resp-menu .wrapper-ul ul.menu li.menu-item-has-children.open ul.sub-menu li.menu-item a {
  border: none;
}
.resp-menu .wrapper-ul ul.menu li.open > ul.sub-menu {
  visibility: visible;
  max-height: 800px;
  padding: 0;
  transition: all 0.3s ease;
}
.resp-menu .wrapper-ul ul.menu li.menu-item-has-children {
  position: relative;
  text-align: center;
}
.resp-menu .wrapper-ul ul.menu li.menu-item-has-children > a:after {
  position: absolute;
  top: 12px;
  right: 4px;
  font-weight: 900;
  content: "\f091";
  font: normal normal normal 7px/1 "Black Tie";
  transition: all 0.3s ease;
}
.resp-menu .wrapper-ul ul.menu li.menu-item-has-children ul.sub-menu a {
  color: #000;
  font-size: 0.8em;
  padding: 10px 20px;
}
.resp-menu .wrapper-ul ul.menu li.menu-item-has-children ul.sub-menu li.menu-item-has-children {
  position: relative;
}
.resp-menu .wrapper-ul ul.menu li.menu-item-has-children ul.sub-menu li.menu-item-has-children > a {
  color: #000;
  font-size: 0.8em;
  padding: 10px 20px;
}
.resp-menu .wrapper-ul ul.menu li.menu-item-has-children ul.sub-menu li.menu-item-has-children > a:after {
  position: absolute;
  top: 16px;
  right: 15px;
}
.resp-menu .wrapper-ul ul.menu li.menu-item-has-children ul.sub-menu li.menu-item-has-children > a:hover {
  padding-left: 25px;
}
.resp-menu .wrapper-ul ul.menu li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu {
  top: auto;
  right: auto;
  position: relative;
  background: rgb(15.686746988, 92.813253012, 73.2048192771);
}
.resp-menu .wrapper-ul ul.menu li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu li.menu-item a {
  transition: all 0.3s ease;
}
.resp-menu .wrapper-ul ul.menu li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu li.menu-item a:hover {
  padding-left: 25px;
}
.resp-menu .wrapper-ul ul.menu li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu {
  background: rgb(19.3734939759, 114.6265060241, 90.4096385542);
}
.resp-menu .wrapper-ul ul.menu li.menu-item-has-children ul.sub-menu li.menu-item a:hover {
  padding-left: 25px;
}
.resp-menu .wrapper-ul ul.menu ul {
  text-align: center;
  position: relative;
  top: auto;
  width: 100%;
  left: 0;
  max-height: 0;
  visibility: hidden;
  overflow: hidden;
  text-align: left;
  transition: all 0.3s ease;
}
.resp-menu .wrapper-ul ul.menu ul li {
  text-align: center;
}
@media (max-width: 1140px) {
  .resp-menu .wrapper-ul ul.menu > li:before {
    border: none;
  }
}
.resp-menu .icons-outer-wrapper .icons-wrapper {
  position: relative;
  transform: translateX(-25px);
  transition: opacity 0.3s ease 0.35s, transform 0.4s ease 0.35s;
  opacity: 0;
}
.resp-menu .icons-outer-wrapper .icons-wrapper .icons-col {
  width: 100%;
  padding: 30px 0 0 0;
  color: #2b2b2b;
  transition: all 0.3s ease;
}
.resp-menu .icons-outer-wrapper .icons-wrapper .icons-col .row {
  text-align: left;
  width: 123px;
}
.resp-menu .icons-outer-wrapper .icons-wrapper .icons-col .row .icon-col {
  width: 40px;
}
.resp-menu .icons-outer-wrapper .icons-wrapper .icons-col .row .icon-col .main-logo {
  transition: all 0.3s ease;
}
.resp-menu .icons-outer-wrapper .icons-wrapper .icons-col .row .text-col {
  padding-left: 5px;
}
.resp-menu .icons-outer-wrapper .icons-wrapper .icons-col .row .text-col .text {
  font-size: 0.88em;
}
.resp-menu .icons-outer-wrapper .icons-wrapper .icons-col.search-col .row {
  width: 100%;
  text-align: center;
}
.resp-menu .icons-outer-wrapper .icons-wrapper .icons-col.my-pages-col .icon-col .main-logo {
  height: 30px;
}
.resp-menu .icons-outer-wrapper .icons-wrapper .icons-col.service-col .icon-col .main-logo {
  height: 30px;
}
.resp-menu .icons-outer-wrapper .icons-wrapper .icons-col.operationinfo-col .icon-col .main-logo {
  height: 30px;
}
.resp-menu .icons-outer-wrapper .icons-wrapper .icons-col:hover .row .icon-col .main-logo {
  transform: translateY(3px);
}
.resp-menu .icons-outer-wrapper .icons-wrapper .icons-col:hover .row .text-col .text {
  color: #000;
  text-decoration: underline;
}
.resp-menu.open {
  right: 0;
}
.resp-menu.open .wrapper-ul {
  transform: translateX(0);
  opacity: 1;
}
.resp-menu.open .wrapper-ul ul.menu > li a {
  transform: translateX(0);
  opacity: 1;
}
.resp-menu.open .icons-outer-wrapper .icons-wrapper {
  transform: translateX(0);
  opacity: 1;
}
@media (min-width: 1336px) {
  .resp-menu {
    display: none;
    padding-top: 140px;
  }
  .resp-menu.open {
    display: none;
  }
}
@media (max-width: 768px) {
  .resp-menu.open {
    top: 0;
    padding-top: 120px;
  }
}
@media (max-width: 620px) {
  .resp-menu.open {
    width: 100%;
    padding-bottom: 30px;
  }
}
@media (min-width: 768px) {
  .resp-menu {
    padding-top: 140px;
  }
}
@media (min-width: 480px) {
  .resp-menu {
    padding-top: 140px;
  }
}

/*
Project: Kringelstan.
Description: Main sidebar-meny settings 
Author: Karl Karlsson
Date: 2019-03-20
Licence: https://kringelstan.se/
Version: 2.0
*/
/** Colors **/
/** Sizes **/
/*===============================================================================
	Sidebar Menu
===============================================================================*/
.sidebar-container .sidebar-title-container {
  background: #000;
}
.sidebar-container .sidebar-title-container .parent-title h4 {
  padding: 15px 15px 15px 20px;
  font-size: 18px;
  color: #fff;
  font-weight: 300;
  position: relative;
  display: inline-block;
}
.sidebar-container .sidebar-title-container .parent-title h4:before {
  position: absolute;
  top: 21px;
  right: -3px;
  content: "\f091";
  font: normal normal 500 9px/1 "Black Tie";
  transition: all 0.3s ease;
}
.sidebar-container .sidebar-title-container .toggle-button-container a.sidebar-button-toggle {
  position: relative;
  display: block;
  padding: 15px 48px 15px 15px;
  font-size: 18px;
  color: #fff;
  text-decoration: none;
}
.sidebar-container .sidebar-title-container .toggle-button-container a.sidebar-button-toggle.open:after {
  position: absolute;
  content: "\f023";
  top: 18px;
  font-family: "Black Tie";
  font-weight: 400;
  font-size: 15px;
  color: #0C4738;
  padding-left: 5px;
  transition: all 0.3s ease;
}
.sidebar-container .sidebar-title-container .toggle-button-container a.sidebar-button-toggle:after {
  position: absolute;
  content: "\f01d";
  top: 18px;
  font-family: "Black Tie";
  font-weight: 400;
  font-size: 15px;
  color: #0C4738;
  padding-left: 10px;
  transition: all 0.3s ease;
}
@media (max-width: 768px) {
  .sidebar-container .sidebar-title-container .parent-title h4 {
    font-size: 18px;
  }
  .sidebar-container .sidebar-title-container .toggle-button-container a.sidebar-button-toggle {
    font-size: 18px;
  }
}
.sidebar-container nav#sidebar-nav {
  display: block;
  border-top: 0;
}
.sidebar-container nav#sidebar-nav ul.menu {
  position: relative;
}
.sidebar-container nav#sidebar-nav ul.menu > li {
  position: relative;
  display: block;
  border-bottom: solid 1px #d8d8d8;
  padding: 0 30px;
}
.sidebar-container nav#sidebar-nav ul.menu > li.current_page_item a {
  color: #cbb908;
}
.sidebar-container nav#sidebar-nav ul.menu > li a {
  padding-left: 20px;
  color: #000;
  position: relative;
  text-decoration: none;
  font-family: "Lato", sans-serif;
}
.sidebar-container nav#sidebar-nav ul.menu > li a:before {
  position: absolute;
  top: 7px;
  left: 0;
  content: "\f091";
  font: normal normal 600 9px/1 "Black Tie";
  transform: rotate(-90deg);
  transition: all 0.3s ease;
}
@media (max-width: 1140px) {
  .sidebar-container nav#sidebar-nav ul.menu > li {
    display: block;
  }
}
.sidebar-container nav#sidebar-nav ul.menu li.page_item a {
  position: relative;
}
.sidebar-container nav#sidebar-nav ul.menu li.page_item a:hover, .sidebar-container nav#sidebar-nav ul.menu li.page_item a:focus {
  transition: all 0.3s ease;
}
.sidebar-container nav#sidebar-nav ul.menu > li.page_item > a {
  line-height: 50px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1.1em;
}
@media (max-width: 360px) {
  .sidebar-container nav#sidebar-nav ul.menu > li.page_item > a {
    font-size: 0.85em;
  }
}
.sidebar-container nav#sidebar-nav ul.menu li.page_item_has_children.open > a:after {
  transform: rotate(90deg);
}
.sidebar-container nav#sidebar-nav ul.menu li.page_item_has_children.open > ul.children {
  max-height: 600px;
  background: #0C4738;
  transition: all 0.3s ease;
}
.sidebar-container nav#sidebar-nav ul.menu li.page_item_has_children > a:after {
  position: absolute;
  top: 6px;
  right: -12px;
  font-weight: 900;
  content: "\f091";
  font: normal normal normal 9px/1 "Black Tie";
  transition: all 0.3s ease;
}
.sidebar-container nav#sidebar-nav ul.menu li.page_item_has_children ul.children {
  overflow: hidden;
  max-height: 1000px;
  transition: all 0.3s ease;
}
.sidebar-container nav#sidebar-nav ul.menu li.page_item_has_children ul.children a {
  color: #fff;
  display: block;
  padding: 20px;
}
.sidebar-container nav#sidebar-nav ul.menu li.page_item_has_children ul.children a:before {
  content: none;
}
.sidebar-container nav#sidebar-nav ul.menu li.page_item_has_children ul.children li.page_item_has_children ul.children li.page_item a {
  transition: all 0.3s ease;
}
.sidebar-container nav#sidebar-nav ul.menu li.page_item_has_children ul.children li.page_item_has_children ul.children li.page_item a:hover {
  padding-left: 20px;
}
@media (max-width: 1140px) {
  .sidebar-container nav#sidebar-nav {
    overflow: hidden;
    max-height: 0;
    transition: all 0.3s ease;
  }
  .sidebar-container nav#sidebar-nav.open {
    max-height: 1000px;
    transition: all 0.3s ease;
  }
}

/*
Project: Kringelstan
Description: Hero sections
Author: Karl Karlsson
Date: 2019-03-20
Licence: http://kringelstan.se/
*/
/*===============================================================================
	Section hero - Pages
===============================================================================*/
.section-hero {
  display: block;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: -1;
  height: 63vh;
}
.section-hero .bgc-overlay {
  opacity: 1;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}
.section-hero .bgc-overlay .container {
  position: relative;
  height: 100%;
}
.section-hero .bgc-overlay .container .row .text-col {
  position: absolute;
  bottom: 10px;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
}
.section-hero .bgc-overlay .container .row .text-col .title {
  color: #fff;
}
@media (max-width: 768px) {
  .section-hero .bgc-overlay .container .row .text-col p {
    padding-bottom: 0;
  }
}
@media (max-width: 1240px) {
  .section-hero {
    height: 50vh;
  }
}
@media (max-width: 1140px) {
  .section-hero {
    height: 40vh;
  }
}
@media (max-width: 768px) {
  .section-hero {
    height: 30vh;
  }
}
.section-hero.section-hero-img-not-set {
  background: #fff;
  height: 120px;
  /**** Media Queries ****/
}
.section-hero.section-hero-img-not-set:before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
}
@media (max-width: 1336px) {
  .section-hero.section-hero-img-not-set {
    height: 90px;
  }
}
@media (max-width: 768px) {
  .section-hero.section-hero-img-not-set {
    height: 80px;
  }
}
@media (max-width: 480px) {
  .section-hero.section-hero-img-not-set {
    height: 70px;
  }
}

/*===============================================================================
	Section hero - Front Page - Desktop
===============================================================================*/
.section-hero-img-desk-front-page {
  display: block;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: auto;
  padding-top: 43%;
  margin-top: 109px;
  position: relative;
}
.section-hero-img-desk-front-page .bgc-overlay .container-collapse-wide {
  height: 100%;
}
.section-hero-img-desk-front-page .bgc-overlay .container-collapse-wide .row .caption-col {
  position: absolute;
  top: 30%;
  left: 0;
  right: 0;
  bottom: 11em;
  margin: 0 auto;
}
.section-hero-img-desk-front-page .bgc-overlay .container-collapse-wide .row .caption-col h1, .section-hero-img-desk-front-page .bgc-overlay .container-collapse-wide .row .caption-col h2, .section-hero-img-desk-front-page .bgc-overlay .container-collapse-wide .row .caption-col h3, .section-hero-img-desk-front-page .bgc-overlay .container-collapse-wide .row .caption-col h4, .section-hero-img-desk-front-page .bgc-overlay .container-collapse-wide .row .caption-col h5, .section-hero-img-desk-front-page .bgc-overlay .container-collapse-wide .row .caption-col h6 {
  color: #fff;
  padding-bottom: 15px;
}
.section-hero-img-desk-front-page .bgc-overlay .container-collapse-wide .row .caption-col h1 {
  font-size: 4em;
}
.section-hero-img-desk-front-page .bgc-overlay .container-collapse-wide .row .caption-col p {
  color: #fff;
  font-size: 1.1em;
  font-weight: 400;
  width: 529px;
  margin: 0 auto;
}
.section-hero-img-desk-front-page .bgc-overlay .container-collapse-wide .row .caption-col h6 {
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
  color: #fff;
  font-weight: 400;
  font-size: 1.2em;
}
.section-hero-img-desk-front-page .bgc-overlay .container-collapse-wide .row .caption-col .wp-block-button {
  padding-top: 5px;
  margin-bottom: 0;
}
.section-hero-img-desk-front-page .bgc-overlay .container-collapse-wide .row .caption-col .wp-block-button a {
  background: none;
  border: solid 1px #fff;
  color: #fff;
  text-transform: uppercase;
  font-size: 0.82em;
  padding: 8px 13px;
  font-weight: 500;
  transition: all 0.3s ease;
}
.section-hero-img-desk-front-page .bgc-overlay .container-collapse-wide .row .caption-col .wp-block-button a:hover {
  background: #fff;
  color: #000;
}
.section-hero-img-desk-front-page .bgc-overlay .container-collapse-wide .row .soc-icon-wrapper {
  position: absolute;
  right: 0;
  bottom: 179px;
  width: 208px;
}
.section-hero-img-desk-front-page .bgc-overlay .container-collapse-wide .row .soc-icon-wrapper .link .text-col .text {
  color: #fff;
  text-transform: uppercase;
  font-size: 0.82em;
}
.section-hero-img-desk-front-page .bgc-overlay .container-collapse-wide .row .soc-icon-wrapper .link .icon-col .svg {
  width: 23px;
}
.section-hero-img-desk-front-page .bgc-overlay .wp-post-image {
  position: absolute;
  right: 0;
  top: 15em;
  width: 50px;
}
@media (max-width: 1441px) {
  .section-hero-img-desk-front-page .bgc-overlay .container-collapse-wide .row .caption-col {
    bottom: 3em;
  }
  .section-hero-img-desk-front-page .bgc-overlay .container-collapse-wide .row .caption-col h1 {
    font-size: 2.1em;
  }
  .section-hero-img-desk-front-page .bgc-overlay .container-collapse-wide .row .caption-col p {
    font-size: 1em;
    width: 529px;
  }
  .section-hero-img-desk-front-page .bgc-overlay .container-collapse-wide .row .caption-col h6 {
    font-size: 1.1em;
  }
  .section-hero-img-desk-front-page .bgc-overlay .container-collapse-wide .row .soc-icon-wrapper {
    bottom: 40px;
  }
  .section-hero-img-desk-front-page .bgc-overlay .wp-post-image {
    top: 33%;
    width: 40px;
    transform: translateY(-33%);
  }
}
@media (max-width: 1336px) {
  .section-hero-img-desk-front-page {
    margin-top: 89px;
  }
}
@media (max-width: 1140px) {
  .section-hero-img-desk-front-page {
    margin-top: 81px;
  }
}
@media (max-width: 768px) {
  .section-hero-img-desk-front-page {
    display: none;
  }
  .section-hero-img-desk-front-page .bgc-overlay {
    opacity: 1;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
  }
  .section-hero-img-desk-front-page .bgc-overlay .container-collapse-wide .row .caption-col p {
    width: 300px;
    margin: 0 auto;
  }
  .section-hero-img-desk-front-page .bgc-overlay .container-collapse-wide .row .caption-col h6 {
    line-height: 1.4;
    width: 370px;
    margin: 0 auto;
  }
  .section-hero-img-desk-front-page .bgc-overlay .container-collapse-wide .row .caption-col .wp-block-button a {
    padding: 10px 15px;
  }
  .section-hero-img-desk-front-page .bgc-overlay .container-collapse-wide .row .soc-icon-wrapper {
    display: none;
  }
  .section-hero-img-desk-front-page .bgc-overlay .wp-post-image {
    display: none;
  }
}
@media (max-width: 480px) {
  .section-hero-img-desk-front-page .bgc-overlay .container-collapse-wide .row .caption-col h6 {
    line-height: 1.4;
    width: 100%;
    margin: 0 auto;
  }
}

/*===============================================================================
	Section hero - Front Page - Mobile
===============================================================================*/
.section-hero-img-mob-front-page {
  display: block;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: auto;
  padding-top: 43%;
  margin-top: 121px;
  padding-top: 0;
  height: 100vh;
}
.section-hero-img-mob-front-page.hero-img-not-set {
  background-color: #3a3a3a;
}
.section-hero-img-mob-front-page.content-not-set:before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  background: rgba(0, 0, 0, 0.2);
}
.section-hero-img-mob-front-page .bgc-overlay .container-collapse-wide {
  height: 100%;
}
.section-hero-img-mob-front-page .bgc-overlay .container-collapse-wide .row .caption-col {
  position: absolute;
  top: 30%;
  left: 0;
  right: 0;
  bottom: 11em;
  margin: 0 auto;
}
.section-hero-img-mob-front-page .bgc-overlay .container-collapse-wide .row .caption-col h1, .section-hero-img-mob-front-page .bgc-overlay .container-collapse-wide .row .caption-col h2, .section-hero-img-mob-front-page .bgc-overlay .container-collapse-wide .row .caption-col h3, .section-hero-img-mob-front-page .bgc-overlay .container-collapse-wide .row .caption-col h4, .section-hero-img-mob-front-page .bgc-overlay .container-collapse-wide .row .caption-col h5, .section-hero-img-mob-front-page .bgc-overlay .container-collapse-wide .row .caption-col h6 {
  color: #fff;
  padding-bottom: 15px;
}
.section-hero-img-mob-front-page .bgc-overlay .container-collapse-wide .row .caption-col h1 {
  font-size: 4em;
}
.section-hero-img-mob-front-page .bgc-overlay .container-collapse-wide .row .caption-col p {
  color: #fff;
  font-size: 1.1em;
  font-weight: 400;
  width: 529px;
  margin: 0 auto;
}
.section-hero-img-mob-front-page .bgc-overlay .container-collapse-wide .row .caption-col h6 {
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
  color: #fff;
  font-weight: 400;
  font-size: 1.2em;
}
.section-hero-img-mob-front-page .bgc-overlay .container-collapse-wide .row .caption-col .wp-block-button {
  padding-top: 5px;
  margin-bottom: 0;
}
.section-hero-img-mob-front-page .bgc-overlay .container-collapse-wide .row .caption-col .wp-block-button a {
  background: none;
  border: solid 1px #fff;
  color: #fff;
  text-transform: uppercase;
  font-size: 0.82em;
  padding: 8px 13px;
  font-weight: 500;
  transition: all 0.3s ease;
}
.section-hero-img-mob-front-page .bgc-overlay .container-collapse-wide .row .caption-col .wp-block-button a:hover {
  background: #fff;
  color: #000;
}
.section-hero-img-mob-front-page .bgc-overlay .container-collapse-wide .row .soc-icon-wrapper {
  position: absolute;
  right: 0;
  bottom: 179px;
  width: 208px;
}
.section-hero-img-mob-front-page .bgc-overlay .container-collapse-wide .row .soc-icon-wrapper .link .text-col .text {
  color: #fff;
  text-transform: uppercase;
  font-size: 0.82em;
}
.section-hero-img-mob-front-page .bgc-overlay .container-collapse-wide .row .soc-icon-wrapper .link .icon-col .svg {
  width: 23px;
}
.section-hero-img-mob-front-page .bgc-overlay .wp-post-image {
  position: absolute;
  right: 0;
  top: 15em;
  width: 50px;
}
@media (max-width: 1441px) {
  .section-hero-img-mob-front-page .bgc-overlay .container-collapse-wide .row .caption-col {
    bottom: 3em;
  }
  .section-hero-img-mob-front-page .bgc-overlay .container-collapse-wide .row .caption-col h1 {
    font-size: 2.1em;
  }
  .section-hero-img-mob-front-page .bgc-overlay .container-collapse-wide .row .caption-col p {
    font-size: 1em;
    width: 529px;
  }
  .section-hero-img-mob-front-page .bgc-overlay .container-collapse-wide .row .caption-col h6 {
    font-size: 1.1em;
  }
  .section-hero-img-mob-front-page .bgc-overlay .container-collapse-wide .row .soc-icon-wrapper {
    bottom: 40px;
  }
  .section-hero-img-mob-front-page .bgc-overlay .wp-post-image {
    top: 33%;
    width: 40px;
    transform: translateY(-33%);
  }
}
@media (max-width: 1336px) {
  .section-hero-img-mob-front-page {
    margin-top: 101px;
  }
}
@media (max-width: 1140px) {
  .section-hero-img-mob-front-page {
    margin-top: 92px;
  }
}
@media (max-width: 900px) {
  .section-hero-img-mob-front-page {
    height: 100vh;
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .section-hero-img-mob-front-page {
    display: none;
  }
}
@media (max-width: 768px) {
  .section-hero-img-mob-front-page .bgc-overlay .container-collapse-wide .row .caption-col p {
    width: 300px;
    margin: 0 auto;
  }
  .section-hero-img-mob-front-page .bgc-overlay .container-collapse-wide .row .caption-col h6 {
    line-height: 1.4;
    width: 370px;
    margin: 0 auto;
  }
  .section-hero-img-mob-front-page .bgc-overlay .container-collapse-wide .row .caption-col .wp-block-button a {
    padding: 10px 15px;
  }
  .section-hero-img-mob-front-page .bgc-overlay .container-collapse-wide .row .soc-icon-wrapper {
    display: none;
  }
  .section-hero-img-mob-front-page .bgc-overlay .wp-post-image {
    display: none;
  }
}
@media (max-width: 480px) {
  .section-hero-img-mob-front-page .bgc-overlay .container-collapse-wide .row .caption-col h6 {
    line-height: 1.4;
    width: 100%;
    margin: 0 auto;
  }
}

/*
Project: Kringelstan
Description: Footer
Author: Karl Karlsson
Date: 2019-03-10
Licence: https://kringelstan.se/
*/
/** Sizes **/
/*===============================================================================
	Main Footer
===============================================================================*/
.main-footer {
  background: #0C4738;
  position: relative;
  /***** Media Queries *****/
}
.main-footer .inner-footer {
  padding: 60px 0;
}
.main-footer .inner-footer .container-collapse-wide .columns.col-1-layout a.container-logo .svg {
  width: 300px;
  margin: 0 auto;
}
.main-footer .inner-footer .container-collapse-wide .columns.col-1-layout ul {
  text-align: center;
}
.main-footer .inner-footer .container-collapse-wide .columns.col-2-layout {
  text-align: left;
}
.main-footer .inner-footer .container-collapse-wide .columns.col-2-layout .column:first-of-type {
  margin-right: 25%;
}
.main-footer .inner-footer .container-collapse-wide .columns.col-2-layout .column:first-of-type img {
  width: 251px;
  padding-bottom: 40px;
}
.main-footer .inner-footer .container-collapse-wide .columns.col-2-layout .column:first-of-type a {
  text-decoration: none;
}
.main-footer .inner-footer .container-collapse-wide .columns.col-2-layout .column:nth-child(2) {
  margin-left: 25%;
  padding-top: 9em;
}
.main-footer .inner-footer .container-collapse-wide .columns.col-2-layout .column:nth-child(2) h1 {
  font-size: 2.25em;
  color: #fff;
}
.main-footer .inner-footer .container-collapse-wide .columns.col-3-layout, .main-footer .inner-footer .container-collapse-wide .columns.col-4-layout, .main-footer .inner-footer .container-collapse-wide .columns.col-5-layout, .main-footer .inner-footer .container-collapse-wide .columns.col-6-layout, .main-footer .inner-footer .container-collapse-wide .columns.col-7-layout, .main-footer .inner-footer .container-collapse-wide .columns.col-8-layout, .main-footer .inner-footer .container-collapse-wide .columns.col-9-layout, .main-footer .inner-footer .container-collapse-wide .columns.col-default-layout {
  text-align: left;
}
.main-footer .inner-footer .container-collapse-wide .columns.col-3-layout .column.logo-col .container-logo .svg, .main-footer .inner-footer .container-collapse-wide .columns.col-4-layout .column.logo-col .container-logo .svg, .main-footer .inner-footer .container-collapse-wide .columns.col-5-layout .column.logo-col .container-logo .svg, .main-footer .inner-footer .container-collapse-wide .columns.col-6-layout .column.logo-col .container-logo .svg, .main-footer .inner-footer .container-collapse-wide .columns.col-7-layout .column.logo-col .container-logo .svg, .main-footer .inner-footer .container-collapse-wide .columns.col-8-layout .column.logo-col .container-logo .svg, .main-footer .inner-footer .container-collapse-wide .columns.col-9-layout .column.logo-col .container-logo .svg, .main-footer .inner-footer .container-collapse-wide .columns.col-default-layout .column.logo-col .container-logo .svg {
  width: 280px;
}
.main-footer .inner-footer .container-collapse-wide .columns.col-3-layout .column.logo-col .social-media-col .title, .main-footer .inner-footer .container-collapse-wide .columns.col-4-layout .column.logo-col .social-media-col .title, .main-footer .inner-footer .container-collapse-wide .columns.col-5-layout .column.logo-col .social-media-col .title, .main-footer .inner-footer .container-collapse-wide .columns.col-6-layout .column.logo-col .social-media-col .title, .main-footer .inner-footer .container-collapse-wide .columns.col-7-layout .column.logo-col .social-media-col .title, .main-footer .inner-footer .container-collapse-wide .columns.col-8-layout .column.logo-col .social-media-col .title, .main-footer .inner-footer .container-collapse-wide .columns.col-9-layout .column.logo-col .social-media-col .title, .main-footer .inner-footer .container-collapse-wide .columns.col-default-layout .column.logo-col .social-media-col .title {
  color: #fff;
  font-style: initial;
}
.main-footer .inner-footer .container-collapse-wide .columns.col-3-layout .column.logo-col .social-media-col .info-detail, .main-footer .inner-footer .container-collapse-wide .columns.col-4-layout .column.logo-col .social-media-col .info-detail, .main-footer .inner-footer .container-collapse-wide .columns.col-5-layout .column.logo-col .social-media-col .info-detail, .main-footer .inner-footer .container-collapse-wide .columns.col-6-layout .column.logo-col .social-media-col .info-detail, .main-footer .inner-footer .container-collapse-wide .columns.col-7-layout .column.logo-col .social-media-col .info-detail, .main-footer .inner-footer .container-collapse-wide .columns.col-8-layout .column.logo-col .social-media-col .info-detail, .main-footer .inner-footer .container-collapse-wide .columns.col-9-layout .column.logo-col .social-media-col .info-detail, .main-footer .inner-footer .container-collapse-wide .columns.col-default-layout .column.logo-col .social-media-col .info-detail {
  color: #89847d;
  font-size: 0.9em;
}
.main-footer .inner-footer .container-collapse-wide .columns.col-3-layout .column.logo-col .social-media-col .info-detail .adress,
.main-footer .inner-footer .container-collapse-wide .columns.col-3-layout .column.logo-col .social-media-col .info-detail .city,
.main-footer .inner-footer .container-collapse-wide .columns.col-3-layout .column.logo-col .social-media-col .info-detail .phone,
.main-footer .inner-footer .container-collapse-wide .columns.col-3-layout .column.logo-col .social-media-col .info-detail .mail, .main-footer .inner-footer .container-collapse-wide .columns.col-4-layout .column.logo-col .social-media-col .info-detail .adress,
.main-footer .inner-footer .container-collapse-wide .columns.col-4-layout .column.logo-col .social-media-col .info-detail .city,
.main-footer .inner-footer .container-collapse-wide .columns.col-4-layout .column.logo-col .social-media-col .info-detail .phone,
.main-footer .inner-footer .container-collapse-wide .columns.col-4-layout .column.logo-col .social-media-col .info-detail .mail, .main-footer .inner-footer .container-collapse-wide .columns.col-5-layout .column.logo-col .social-media-col .info-detail .adress,
.main-footer .inner-footer .container-collapse-wide .columns.col-5-layout .column.logo-col .social-media-col .info-detail .city,
.main-footer .inner-footer .container-collapse-wide .columns.col-5-layout .column.logo-col .social-media-col .info-detail .phone,
.main-footer .inner-footer .container-collapse-wide .columns.col-5-layout .column.logo-col .social-media-col .info-detail .mail, .main-footer .inner-footer .container-collapse-wide .columns.col-6-layout .column.logo-col .social-media-col .info-detail .adress,
.main-footer .inner-footer .container-collapse-wide .columns.col-6-layout .column.logo-col .social-media-col .info-detail .city,
.main-footer .inner-footer .container-collapse-wide .columns.col-6-layout .column.logo-col .social-media-col .info-detail .phone,
.main-footer .inner-footer .container-collapse-wide .columns.col-6-layout .column.logo-col .social-media-col .info-detail .mail, .main-footer .inner-footer .container-collapse-wide .columns.col-7-layout .column.logo-col .social-media-col .info-detail .adress,
.main-footer .inner-footer .container-collapse-wide .columns.col-7-layout .column.logo-col .social-media-col .info-detail .city,
.main-footer .inner-footer .container-collapse-wide .columns.col-7-layout .column.logo-col .social-media-col .info-detail .phone,
.main-footer .inner-footer .container-collapse-wide .columns.col-7-layout .column.logo-col .social-media-col .info-detail .mail, .main-footer .inner-footer .container-collapse-wide .columns.col-8-layout .column.logo-col .social-media-col .info-detail .adress,
.main-footer .inner-footer .container-collapse-wide .columns.col-8-layout .column.logo-col .social-media-col .info-detail .city,
.main-footer .inner-footer .container-collapse-wide .columns.col-8-layout .column.logo-col .social-media-col .info-detail .phone,
.main-footer .inner-footer .container-collapse-wide .columns.col-8-layout .column.logo-col .social-media-col .info-detail .mail, .main-footer .inner-footer .container-collapse-wide .columns.col-9-layout .column.logo-col .social-media-col .info-detail .adress,
.main-footer .inner-footer .container-collapse-wide .columns.col-9-layout .column.logo-col .social-media-col .info-detail .city,
.main-footer .inner-footer .container-collapse-wide .columns.col-9-layout .column.logo-col .social-media-col .info-detail .phone,
.main-footer .inner-footer .container-collapse-wide .columns.col-9-layout .column.logo-col .social-media-col .info-detail .mail, .main-footer .inner-footer .container-collapse-wide .columns.col-default-layout .column.logo-col .social-media-col .info-detail .adress,
.main-footer .inner-footer .container-collapse-wide .columns.col-default-layout .column.logo-col .social-media-col .info-detail .city,
.main-footer .inner-footer .container-collapse-wide .columns.col-default-layout .column.logo-col .social-media-col .info-detail .phone,
.main-footer .inner-footer .container-collapse-wide .columns.col-default-layout .column.logo-col .social-media-col .info-detail .mail {
  display: block;
}
.main-footer .inner-footer .container-collapse-wide .columns.col-3-layout .column.logo-col .social-media-col .info-detail a, .main-footer .inner-footer .container-collapse-wide .columns.col-4-layout .column.logo-col .social-media-col .info-detail a, .main-footer .inner-footer .container-collapse-wide .columns.col-5-layout .column.logo-col .social-media-col .info-detail a, .main-footer .inner-footer .container-collapse-wide .columns.col-6-layout .column.logo-col .social-media-col .info-detail a, .main-footer .inner-footer .container-collapse-wide .columns.col-7-layout .column.logo-col .social-media-col .info-detail a, .main-footer .inner-footer .container-collapse-wide .columns.col-8-layout .column.logo-col .social-media-col .info-detail a, .main-footer .inner-footer .container-collapse-wide .columns.col-9-layout .column.logo-col .social-media-col .info-detail a, .main-footer .inner-footer .container-collapse-wide .columns.col-default-layout .column.logo-col .social-media-col .info-detail a {
  color: #202020;
}
.main-footer .inner-footer .container-collapse-wide .columns.col-3-layout .column.logo-col .social-media-col .icons .icon a, .main-footer .inner-footer .container-collapse-wide .columns.col-4-layout .column.logo-col .social-media-col .icons .icon a, .main-footer .inner-footer .container-collapse-wide .columns.col-5-layout .column.logo-col .social-media-col .icons .icon a, .main-footer .inner-footer .container-collapse-wide .columns.col-6-layout .column.logo-col .social-media-col .icons .icon a, .main-footer .inner-footer .container-collapse-wide .columns.col-7-layout .column.logo-col .social-media-col .icons .icon a, .main-footer .inner-footer .container-collapse-wide .columns.col-8-layout .column.logo-col .social-media-col .icons .icon a, .main-footer .inner-footer .container-collapse-wide .columns.col-9-layout .column.logo-col .social-media-col .icons .icon a, .main-footer .inner-footer .container-collapse-wide .columns.col-default-layout .column.logo-col .social-media-col .icons .icon a {
  position: relative;
  padding: 5px 10px 5px 0px;
  color: #202020;
}
.main-footer .inner-footer .container-collapse-wide .columns.col-3-layout .column.logo-col .social-media-col .icons .icon a .svg, .main-footer .inner-footer .container-collapse-wide .columns.col-4-layout .column.logo-col .social-media-col .icons .icon a .svg, .main-footer .inner-footer .container-collapse-wide .columns.col-5-layout .column.logo-col .social-media-col .icons .icon a .svg, .main-footer .inner-footer .container-collapse-wide .columns.col-6-layout .column.logo-col .social-media-col .icons .icon a .svg, .main-footer .inner-footer .container-collapse-wide .columns.col-7-layout .column.logo-col .social-media-col .icons .icon a .svg, .main-footer .inner-footer .container-collapse-wide .columns.col-8-layout .column.logo-col .social-media-col .icons .icon a .svg, .main-footer .inner-footer .container-collapse-wide .columns.col-9-layout .column.logo-col .social-media-col .icons .icon a .svg, .main-footer .inner-footer .container-collapse-wide .columns.col-default-layout .column.logo-col .social-media-col .icons .icon a .svg {
  display: inline-block;
  width: 30px;
  transition: all 0.3s ease;
}
.main-footer .inner-footer .container-collapse-wide .columns.col-3-layout .column.logo-col .social-media-col .icons .icon:hover a .svg, .main-footer .inner-footer .container-collapse-wide .columns.col-4-layout .column.logo-col .social-media-col .icons .icon:hover a .svg, .main-footer .inner-footer .container-collapse-wide .columns.col-5-layout .column.logo-col .social-media-col .icons .icon:hover a .svg, .main-footer .inner-footer .container-collapse-wide .columns.col-6-layout .column.logo-col .social-media-col .icons .icon:hover a .svg, .main-footer .inner-footer .container-collapse-wide .columns.col-7-layout .column.logo-col .social-media-col .icons .icon:hover a .svg, .main-footer .inner-footer .container-collapse-wide .columns.col-8-layout .column.logo-col .social-media-col .icons .icon:hover a .svg, .main-footer .inner-footer .container-collapse-wide .columns.col-9-layout .column.logo-col .social-media-col .icons .icon:hover a .svg, .main-footer .inner-footer .container-collapse-wide .columns.col-default-layout .column.logo-col .social-media-col .icons .icon:hover a .svg {
  transform: translateY(-2px);
}
.main-footer .inner-footer .container-collapse-wide .columns.col-3-layout .column.logo-col .social-media-col .title, .main-footer .inner-footer .container-collapse-wide .columns.col-4-layout .column.logo-col .social-media-col .title, .main-footer .inner-footer .container-collapse-wide .columns.col-5-layout .column.logo-col .social-media-col .title, .main-footer .inner-footer .container-collapse-wide .columns.col-6-layout .column.logo-col .social-media-col .title, .main-footer .inner-footer .container-collapse-wide .columns.col-7-layout .column.logo-col .social-media-col .title, .main-footer .inner-footer .container-collapse-wide .columns.col-8-layout .column.logo-col .social-media-col .title, .main-footer .inner-footer .container-collapse-wide .columns.col-9-layout .column.logo-col .social-media-col .title, .main-footer .inner-footer .container-collapse-wide .columns.col-default-layout .column.logo-col .social-media-col .title {
  color: #fff;
  font-style: initial;
}
.main-footer .inner-footer .container-collapse-wide .columns.col-3-layout .column.logo-col .social-media-col .info-detail, .main-footer .inner-footer .container-collapse-wide .columns.col-4-layout .column.logo-col .social-media-col .info-detail, .main-footer .inner-footer .container-collapse-wide .columns.col-5-layout .column.logo-col .social-media-col .info-detail, .main-footer .inner-footer .container-collapse-wide .columns.col-6-layout .column.logo-col .social-media-col .info-detail, .main-footer .inner-footer .container-collapse-wide .columns.col-7-layout .column.logo-col .social-media-col .info-detail, .main-footer .inner-footer .container-collapse-wide .columns.col-8-layout .column.logo-col .social-media-col .info-detail, .main-footer .inner-footer .container-collapse-wide .columns.col-9-layout .column.logo-col .social-media-col .info-detail, .main-footer .inner-footer .container-collapse-wide .columns.col-default-layout .column.logo-col .social-media-col .info-detail {
  color: #89847d;
  font-size: 0.9em;
}
.main-footer .inner-footer .container-collapse-wide .columns.col-3-layout .column.logo-col .social-media-col .info-detail .adress,
.main-footer .inner-footer .container-collapse-wide .columns.col-3-layout .column.logo-col .social-media-col .info-detail .city,
.main-footer .inner-footer .container-collapse-wide .columns.col-3-layout .column.logo-col .social-media-col .info-detail .phone,
.main-footer .inner-footer .container-collapse-wide .columns.col-3-layout .column.logo-col .social-media-col .info-detail .mail, .main-footer .inner-footer .container-collapse-wide .columns.col-4-layout .column.logo-col .social-media-col .info-detail .adress,
.main-footer .inner-footer .container-collapse-wide .columns.col-4-layout .column.logo-col .social-media-col .info-detail .city,
.main-footer .inner-footer .container-collapse-wide .columns.col-4-layout .column.logo-col .social-media-col .info-detail .phone,
.main-footer .inner-footer .container-collapse-wide .columns.col-4-layout .column.logo-col .social-media-col .info-detail .mail, .main-footer .inner-footer .container-collapse-wide .columns.col-5-layout .column.logo-col .social-media-col .info-detail .adress,
.main-footer .inner-footer .container-collapse-wide .columns.col-5-layout .column.logo-col .social-media-col .info-detail .city,
.main-footer .inner-footer .container-collapse-wide .columns.col-5-layout .column.logo-col .social-media-col .info-detail .phone,
.main-footer .inner-footer .container-collapse-wide .columns.col-5-layout .column.logo-col .social-media-col .info-detail .mail, .main-footer .inner-footer .container-collapse-wide .columns.col-6-layout .column.logo-col .social-media-col .info-detail .adress,
.main-footer .inner-footer .container-collapse-wide .columns.col-6-layout .column.logo-col .social-media-col .info-detail .city,
.main-footer .inner-footer .container-collapse-wide .columns.col-6-layout .column.logo-col .social-media-col .info-detail .phone,
.main-footer .inner-footer .container-collapse-wide .columns.col-6-layout .column.logo-col .social-media-col .info-detail .mail, .main-footer .inner-footer .container-collapse-wide .columns.col-7-layout .column.logo-col .social-media-col .info-detail .adress,
.main-footer .inner-footer .container-collapse-wide .columns.col-7-layout .column.logo-col .social-media-col .info-detail .city,
.main-footer .inner-footer .container-collapse-wide .columns.col-7-layout .column.logo-col .social-media-col .info-detail .phone,
.main-footer .inner-footer .container-collapse-wide .columns.col-7-layout .column.logo-col .social-media-col .info-detail .mail, .main-footer .inner-footer .container-collapse-wide .columns.col-8-layout .column.logo-col .social-media-col .info-detail .adress,
.main-footer .inner-footer .container-collapse-wide .columns.col-8-layout .column.logo-col .social-media-col .info-detail .city,
.main-footer .inner-footer .container-collapse-wide .columns.col-8-layout .column.logo-col .social-media-col .info-detail .phone,
.main-footer .inner-footer .container-collapse-wide .columns.col-8-layout .column.logo-col .social-media-col .info-detail .mail, .main-footer .inner-footer .container-collapse-wide .columns.col-9-layout .column.logo-col .social-media-col .info-detail .adress,
.main-footer .inner-footer .container-collapse-wide .columns.col-9-layout .column.logo-col .social-media-col .info-detail .city,
.main-footer .inner-footer .container-collapse-wide .columns.col-9-layout .column.logo-col .social-media-col .info-detail .phone,
.main-footer .inner-footer .container-collapse-wide .columns.col-9-layout .column.logo-col .social-media-col .info-detail .mail, .main-footer .inner-footer .container-collapse-wide .columns.col-default-layout .column.logo-col .social-media-col .info-detail .adress,
.main-footer .inner-footer .container-collapse-wide .columns.col-default-layout .column.logo-col .social-media-col .info-detail .city,
.main-footer .inner-footer .container-collapse-wide .columns.col-default-layout .column.logo-col .social-media-col .info-detail .phone,
.main-footer .inner-footer .container-collapse-wide .columns.col-default-layout .column.logo-col .social-media-col .info-detail .mail {
  display: block;
}
.main-footer .inner-footer .container-collapse-wide .columns.col-3-layout .column.logo-col .social-media-col .info-detail a, .main-footer .inner-footer .container-collapse-wide .columns.col-4-layout .column.logo-col .social-media-col .info-detail a, .main-footer .inner-footer .container-collapse-wide .columns.col-5-layout .column.logo-col .social-media-col .info-detail a, .main-footer .inner-footer .container-collapse-wide .columns.col-6-layout .column.logo-col .social-media-col .info-detail a, .main-footer .inner-footer .container-collapse-wide .columns.col-7-layout .column.logo-col .social-media-col .info-detail a, .main-footer .inner-footer .container-collapse-wide .columns.col-8-layout .column.logo-col .social-media-col .info-detail a, .main-footer .inner-footer .container-collapse-wide .columns.col-9-layout .column.logo-col .social-media-col .info-detail a, .main-footer .inner-footer .container-collapse-wide .columns.col-default-layout .column.logo-col .social-media-col .info-detail a {
  color: #202020;
}
.main-footer .inner-footer .container-collapse-wide .columns.col-3-layout .column.logo-col .social-media-col .icons .icon a, .main-footer .inner-footer .container-collapse-wide .columns.col-4-layout .column.logo-col .social-media-col .icons .icon a, .main-footer .inner-footer .container-collapse-wide .columns.col-5-layout .column.logo-col .social-media-col .icons .icon a, .main-footer .inner-footer .container-collapse-wide .columns.col-6-layout .column.logo-col .social-media-col .icons .icon a, .main-footer .inner-footer .container-collapse-wide .columns.col-7-layout .column.logo-col .social-media-col .icons .icon a, .main-footer .inner-footer .container-collapse-wide .columns.col-8-layout .column.logo-col .social-media-col .icons .icon a, .main-footer .inner-footer .container-collapse-wide .columns.col-9-layout .column.logo-col .social-media-col .icons .icon a, .main-footer .inner-footer .container-collapse-wide .columns.col-default-layout .column.logo-col .social-media-col .icons .icon a {
  position: relative;
  padding: 5px 10px 5px 0px;
  color: #202020;
}
.main-footer .inner-footer .container-collapse-wide .columns.col-3-layout .column.logo-col .social-media-col .icons .icon a .svg, .main-footer .inner-footer .container-collapse-wide .columns.col-4-layout .column.logo-col .social-media-col .icons .icon a .svg, .main-footer .inner-footer .container-collapse-wide .columns.col-5-layout .column.logo-col .social-media-col .icons .icon a .svg, .main-footer .inner-footer .container-collapse-wide .columns.col-6-layout .column.logo-col .social-media-col .icons .icon a .svg, .main-footer .inner-footer .container-collapse-wide .columns.col-7-layout .column.logo-col .social-media-col .icons .icon a .svg, .main-footer .inner-footer .container-collapse-wide .columns.col-8-layout .column.logo-col .social-media-col .icons .icon a .svg, .main-footer .inner-footer .container-collapse-wide .columns.col-9-layout .column.logo-col .social-media-col .icons .icon a .svg, .main-footer .inner-footer .container-collapse-wide .columns.col-default-layout .column.logo-col .social-media-col .icons .icon a .svg {
  display: inline-block;
  width: 30px;
  transition: all 0.3s ease;
}
.main-footer .inner-footer .container-collapse-wide .columns.col-3-layout .column.logo-col .social-media-col .icons .icon:hover a .svg, .main-footer .inner-footer .container-collapse-wide .columns.col-4-layout .column.logo-col .social-media-col .icons .icon:hover a .svg, .main-footer .inner-footer .container-collapse-wide .columns.col-5-layout .column.logo-col .social-media-col .icons .icon:hover a .svg, .main-footer .inner-footer .container-collapse-wide .columns.col-6-layout .column.logo-col .social-media-col .icons .icon:hover a .svg, .main-footer .inner-footer .container-collapse-wide .columns.col-7-layout .column.logo-col .social-media-col .icons .icon:hover a .svg, .main-footer .inner-footer .container-collapse-wide .columns.col-8-layout .column.logo-col .social-media-col .icons .icon:hover a .svg, .main-footer .inner-footer .container-collapse-wide .columns.col-9-layout .column.logo-col .social-media-col .icons .icon:hover a .svg, .main-footer .inner-footer .container-collapse-wide .columns.col-default-layout .column.logo-col .social-media-col .icons .icon:hover a .svg {
  transform: translateY(-2px);
}
.main-footer .inner-footer .container-collapse-wide .columns .column.editor-col p {
  font-weight: 400;
  font-size: 1em;
  color: #fff;
}
.main-footer .inner-footer .container-collapse-wide .columns .column.editor-col p.social-icons-wrapper {
  position: relative;
  padding: 0;
  margin-top: 45px;
}
.main-footer .inner-footer .container-collapse-wide .columns .column.editor-col p.social-icons-wrapper .icon-wrapper {
  position: absolute;
  top: 2px;
  padding-left: 5px;
}
.main-footer .inner-footer .container-collapse-wide .columns .column.editor-col p.social-icons-wrapper .icon-wrapper a {
  padding-right: 5px;
}
.main-footer .inner-footer .container-collapse-wide .columns .column.editor-col p.social-icons-wrapper .icon-wrapper a img {
  display: inline-block;
}
.main-footer .inner-footer .container-collapse-wide .columns .column.editor-col p.social-icons-wrapper .icon-wrapper a:first-of-type img {
  width: 20px;
}
.main-footer .inner-footer .container-collapse-wide .columns .column.editor-col p.social-icons-wrapper .icon-wrapper a:nth-child(2) img {
  width: 20px;
}
.main-footer .inner-footer .container-collapse-wide .columns .column.editor-col p.logo-two-column img {
  display: inline-block;
}
.main-footer .inner-footer .container-collapse-wide .columns .column.editor-col p.logo-two-column img.ml-logo {
  margin-right: 20px;
}
.main-footer .inner-footer .container-collapse-wide .columns .column.editor-col p.pratical-info {
  margin-top: 1.5em;
}
.main-footer .inner-footer .container-collapse-wide .columns .column.editor-col p.social-media-icons-wrapper {
  margin-top: 45px;
}
.main-footer .inner-footer .container-collapse-wide .columns .column.editor-col p.social-media-icons-wrapper a {
  display: inline-block;
}
.main-footer .inner-footer .container-collapse-wide .columns .column.editor-col p.social-media-icons-wrapper a img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px;
  transition: all 0.3s ease;
}
.main-footer .inner-footer .container-collapse-wide .columns .column.editor-col p.social-media-icons-wrapper a img.in {
  width: 24px;
  margin-left: 5px;
}
.main-footer .inner-footer .container-collapse-wide .columns .column.editor-col p.social-media-icons-wrapper a img.fb {
  width: 22px;
}
.main-footer .inner-footer .container-collapse-wide .columns .column.editor-col p.social-media-icons-wrapper a img:hover {
  transform: translateY(-2px);
}
.main-footer .inner-footer .container-collapse-wide .columns .column.editor-col a {
  color: #fff;
  text-decoration: underline;
}
.main-footer .inner-footer .container-collapse-wide .columns .column.editor-col h1, .main-footer .inner-footer .container-collapse-wide .columns .column.editor-col h2, .main-footer .inner-footer .container-collapse-wide .columns .column.editor-col h3, .main-footer .inner-footer .container-collapse-wide .columns .column.editor-col h4, .main-footer .inner-footer .container-collapse-wide .columns .column.editor-col h5, .main-footer .inner-footer .container-collapse-wide .columns .column.editor-col h6 {
  color: #fff;
  font-size: 1.3em;
  font-family: "Lato", sans-serif;
}
.main-footer .inner-footer .container-collapse-wide .columns .column.editor-col ul {
  margin: 0;
  padding: 0;
  background: none;
}
.main-footer .inner-footer .container-collapse-wide .columns .column.editor-col ul li {
  display: inline-block;
  padding: 0;
}
.main-footer .inner-footer .container-collapse-wide .columns .column.editor-col ul li:first-of-type {
  padding: 0 40px 0 0;
}
.main-footer .inner-footer .container-collapse-wide .columns .column.editor-col ul li:before {
  content: none;
}
.main-footer .inner-footer .container-collapse-wide .columns .column.editor-col ul li a {
  text-decoration: underline !important;
}
.main-footer .inner-footer .container-collapse-wide .columns .column.logo-col .container-logo .svg {
  width: 280px;
}
.main-footer .inner-footer .container-collapse-wide .columns .column.logo-col .social-media-col {
  padding-top: 4em;
}
.main-footer .inner-footer .container-collapse-wide .columns .column.logo-col .social-media-col .title {
  color: #fff;
  font-style: initial;
}
.main-footer .inner-footer .container-collapse-wide .columns .column.logo-col .social-media-col .info-detail {
  color: #89847d;
  font-size: 0.9em;
}
.main-footer .inner-footer .container-collapse-wide .columns .column.logo-col .social-media-col .info-detail .adress,
.main-footer .inner-footer .container-collapse-wide .columns .column.logo-col .social-media-col .info-detail .city,
.main-footer .inner-footer .container-collapse-wide .columns .column.logo-col .social-media-col .info-detail .phone,
.main-footer .inner-footer .container-collapse-wide .columns .column.logo-col .social-media-col .info-detail .mail {
  display: block;
}
.main-footer .inner-footer .container-collapse-wide .columns .column.logo-col .social-media-col .info-detail a {
  color: #202020;
}
.main-footer .inner-footer .container-collapse-wide .columns .column.logo-col .social-media-col .icons .icon a {
  position: relative;
  padding: 5px 10px 5px 0px;
  color: #202020;
}
.main-footer .inner-footer .container-collapse-wide .columns .column.logo-col .social-media-col .icons .icon a .svg {
  display: inline-block;
  width: 30px;
  transition: all 0.3s ease;
}
.main-footer .inner-footer .container-collapse-wide .columns .column.logo-col .social-media-col .icons .icon:hover a .svg {
  transform: translateY(-2px);
}
.main-footer .inner-footer .container-collapse-wide .columns .column.social-media-col .title {
  color: #fff;
  font-style: initial;
}
.main-footer .inner-footer .container-collapse-wide .columns .column.social-media-col .info-detail {
  color: #89847d;
  font-size: 0.9em;
}
.main-footer .inner-footer .container-collapse-wide .columns .column.social-media-col .info-detail .adress,
.main-footer .inner-footer .container-collapse-wide .columns .column.social-media-col .info-detail .city,
.main-footer .inner-footer .container-collapse-wide .columns .column.social-media-col .info-detail .phone,
.main-footer .inner-footer .container-collapse-wide .columns .column.social-media-col .info-detail .mail {
  display: block;
}
.main-footer .inner-footer .container-collapse-wide .columns .column.social-media-col .info-detail a {
  color: #202020;
}
.main-footer .inner-footer .container-collapse-wide .columns .column.social-media-col .icons .icon a {
  position: relative;
  padding: 5px 10px 5px 0px;
  color: #202020;
}
.main-footer .inner-footer .container-collapse-wide .columns .column.social-media-col .icons .icon a .svg {
  display: inline-block;
  width: 30px;
  transition: all 0.3s ease;
}
.main-footer .inner-footer .container-collapse-wide .columns .column.social-media-col .icons .icon:hover a .svg {
  transform: translateY(-2px);
}
.main-footer .inner-footer .container-collapse-wide .columns .column.company-info-col .title {
  color: #fff;
  font-style: initial;
}
.main-footer .inner-footer .container-collapse-wide .columns .column.company-info-col .info-detail {
  color: #89847d;
  font-size: 0.9em;
}
.main-footer .inner-footer .container-collapse-wide .columns .column.company-info-col .info-detail .adress,
.main-footer .inner-footer .container-collapse-wide .columns .column.company-info-col .info-detail .city,
.main-footer .inner-footer .container-collapse-wide .columns .column.company-info-col .info-detail .phone,
.main-footer .inner-footer .container-collapse-wide .columns .column.company-info-col .info-detail .mail {
  display: block;
}
.main-footer .inner-footer .container-collapse-wide .columns .column.company-info-col .info-detail .city {
  margin-bottom: 5px;
}
.main-footer .inner-footer .container-collapse-wide .columns .column.company-info-col .info-detail a {
  color: #89847d;
}
.main-footer .inner-footer.columns-not-set .container-collapse-wide .columns .column.company-info-col .text-col .title {
  color: #fff;
  font-style: initial;
}
.main-footer .inner-footer.columns-not-set .container-collapse-wide .columns .column.company-info-col .text-col .info-detail {
  color: #fff;
  font-size: 1.3em;
}
.main-footer .inner-footer.columns-not-set .container-collapse-wide .columns .column.company-info-col .text-col .info-detail .title {
  font-weight: 400;
}
.main-footer .inner-footer.columns-not-set .container-collapse-wide .columns .column.company-info-col .text-col .info-detail .adress,
.main-footer .inner-footer.columns-not-set .container-collapse-wide .columns .column.company-info-col .text-col .info-detail .city,
.main-footer .inner-footer.columns-not-set .container-collapse-wide .columns .column.company-info-col .text-col .info-detail .phone,
.main-footer .inner-footer.columns-not-set .container-collapse-wide .columns .column.company-info-col .text-col .info-detail .mail,
.main-footer .inner-footer.columns-not-set .container-collapse-wide .columns .column.company-info-col .text-col .info-detail .title {
  display: inline-block;
}
.main-footer .inner-footer.columns-not-set .container-collapse-wide .columns .column.company-info-col .text-col .info-detail a {
  color: #fff;
  transition: all 0.3s ease;
}
@media (max-width: 768px) {
  .main-footer .inner-footer.columns-not-set .container-collapse-wide .columns .column.company-info-col .text-col .info-detail {
    font-size: 1.2em;
  }
}
@media (max-width: 480px) {
  .main-footer .inner-footer.columns-not-set .container-collapse-wide .columns .column.company-info-col .text-col .info-detail {
    font-size: 1.1em;
  }
}
.main-footer .inner-footer.columns-not-set .container-collapse-wide .columns .column.logo-col .link-container-logo .svg {
  width: 320px;
  transition: all 0.3s ease;
}
.main-footer .inner-footer.columns-not-set .container-collapse-wide .columns .column.social-media-col .title {
  color: #fff;
}
.main-footer .inner-footer.columns-not-set .container-collapse-wide .columns .column.social-media-col .icons .icon a {
  position: relative;
  padding: 5px 10px 5px 0px;
  color: #202020;
}
.main-footer .inner-footer.columns-not-set .container-collapse-wide .columns .column.social-media-col .icons .icon a .svg {
  display: inline-block;
  width: 30px;
  transition: all 0.3s ease;
}
.main-footer .inner-footer.columns-not-set .container-collapse-wide .columns .column.social-media-col .icons .icon:hover a .svg {
  transform: translateY(-2px);
}
.main-footer .outer-footer {
  background: #000;
}
.main-footer .outer-footer .container-collapse-wide {
  position: relative;
}
.main-footer .outer-footer .container-collapse-wide .copy-text {
  color: #676767;
  font-size: 0.85em;
}
.main-footer .outer-footer .container-collapse-wide .copy-text .link {
  color: #676767;
  transition: all 0.3s ease;
}
.main-footer .outer-footer .container-collapse-wide .copy-text .link:hover {
  color: #fff;
}
@media (max-width: 1240px) {
  .main-footer .inner-footer .container-collapse-wide .columns.col-2-layout .column:first-of-type {
    margin-right: 16.66%;
  }
  .main-footer .inner-footer .container-collapse-wide .columns.col-2-layout .column:nth-child(2) {
    margin-left: 16.66%;
  }
}
@media (max-width: 768px) {
  .main-footer {
    background-size: cover;
  }
  .main-footer:after {
    background-size: cover;
  }
  .main-footer .inner-footer .container-collapse-wide .columns.col-2-layout .column:first-of-type {
    margin-right: 0;
  }
  .main-footer .inner-footer .container-collapse-wide .columns.col-2-layout .column:nth-child(2) {
    margin-left: 0;
    padding-top: 0;
  }
  .main-footer .inner-footer .container-collapse-wide .columns .column.editor-col p.pratical-info {
    margin-top: 1em;
  }
  .main-footer .inner-footer .container-collapse-wide .columns .column.editor-col p.social-media-icons-wrapper {
    margin-top: 20px;
  }
}
@media (max-width: 1140px) {
  .main-footer .svg-pattern-bg-img .svg {
    width: 140%;
  }
  .main-footer .inner-footer {
    padding: 30px 0;
  }
  .main-footer .inner-footer .container-collapse-wide .columns .column.logo-col .container-logo .svg {
    width: 250px;
  }
}
@media (min-width: 1024px) {
  .main-footer .inner-footer .container-collapse-wide .columns.col-3-layout .column.logo-col .container-logo .svg, .main-footer .inner-footer .container-collapse-wide .columns.col-4-layout .column.logo-col .container-logo .svg, .main-footer .inner-footer .container-collapse-wide .columns.col-6-layout .column.logo-col .container-logo .svg, .main-footer .inner-footer .container-collapse-wide .columns.col-7-layout .column.logo-col .container-logo .svg, .main-footer .inner-footer .container-collapse-wide .columns.col-8-layout .column.logo-col .container-logo .svg, .main-footer .inner-footer .container-collapse-wide .columns.col-9-layout .column.logo-col .container-logo .svg, .main-footer .inner-footer .container-collapse-wide .columns.col-default-layout .column.logo-col .container-logo .svg {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .main-footer .inner-footer .container-collapse-wide .columns .column.logo-col .social-media-col {
    padding-top: 1em;
  }
  .main-footer .inner-footer .container-collapse-wide .columns .column.editor-col ul.links {
    padding-top: 1em;
  }
}
@media (max-width: 900px) {
  .main-footer .inner-footer {
    padding: 30px 0;
  }
  .main-footer .inner-footer.columns-not-set .container-collapse-wide .columns .column.logo-col .link-container-logo .svg {
    width: 200px;
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  .main-footer .svg-pattern-bg-img .svg {
    width: 250%;
  }
  .main-footer .inner-footer .container-collapse-wide .columns.col-2-layout .column:first-of-type img {
    width: 210px;
    padding-bottom: 20px;
  }
  .main-footer .inner-footer .container-collapse-wide .columns.col-2-layout .column:nth-child(2) h1 {
    font-size: 1.5em;
  }
  .main-footer .inner-footer .container-collapse-wide .columns.col-2-layout .column:nth-child(2) p.social-icons-wrapper {
    position: relative;
    padding: 0;
    margin-top: 20px;
  }
}
@media (max-width: 480px) {
  .main-footer .inner-footer {
    padding: 20px 0;
  }
  .main-footer .inner-footer.columns-not-set .container-collapse-wide .columns .column.logo-col .link-container-logo .svg {
    width: 180px;
  }
  .main-footer .inner-footer .container-collapse-wide .columns .column.col-1-layout a.container-logo .svg {
    width: 80%;
    margin: 0 auto;
  }
  .main-footer .inner-footer .container-collapse-wide .columns .column.logo-col .container-logo .svg {
    width: 180px;
  }
}
@media (max-width: 380px) {
  .main-footer .inner-footer .container-collapse-wide .columns.col-3-layout .column.logo-col .container-logo .svg, .main-footer .inner-footer .container-collapse-wide .columns.col-4-layout .column.logo-col .container-logo .svg, .main-footer .inner-footer .container-collapse-wide .columns.col-5-layout .column.logo-col .container-logo .svg, .main-footer .inner-footer .container-collapse-wide .columns.col-6-layout .column.logo-col .container-logo .svg, .main-footer .inner-footer .container-collapse-wide .columns.col-7-layout .column.logo-col .container-logo .svg, .main-footer .inner-footer .container-collapse-wide .columns.col-8-layout .column.logo-col .container-logo .svg, .main-footer .inner-footer .container-collapse-wide .columns.col-9-layout .column.logo-col .container-logo .svg, .main-footer .inner-footer .container-collapse-wide .columns.col-default-layout .column.logo-col .container-logo .svg {
    width: 100%;
  }
}

/*
Project: Kringelstan
Description: Main Search Form
Author: Karl Karlsson
Date: 2019-04-06
Licence: https://kringelstan.se/
*/
/*===============================================================================
	Main Search Form 
===============================================================================*/
.search-form {
  /***** Media Queries *****/
}
.search-form .container-search.open {
  border: none;
  padding-left: 0;
}
.search-form .container-search input#search {
  outline: none;
  width: 200px;
  padding-left: 25px;
  border: solid 1px #fff;
  border-bottom-left-radius: 30px;
  border-top-left-radius: 30px;
  height: 46px;
  font-size: 1em;
  color: #000;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-block;
  vertical-align: middle;
  transition: all 0.3s ease;
  background: #fff;
}
.search-form .container-search input#search::-moz-placeholder {
  color: #0C4738;
}
.search-form .container-search input#search::placeholder {
  color: #0C4738;
}
.search-form .container-search button.icon {
  opacity: 1;
  background: #fff;
  width: 42px;
  border-bottom-right-radius: 30px;
  border-top-right-radius: 30px;
  border: none;
  height: 46px;
  font-size: 10px;
  padding: 0;
  margin-left: -22px;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-block;
  vertical-align: middle;
  transition: all 0.3s ease;
}
.search-form .container-search button.icon .search-icon {
  font-size: 15px;
  color: #0C4738;
}
/*
Project: Kringelstan
Description: Metaslider
Author: Karl Karlsson
Date: 2019-03-20
Licence: https://kringelstan.se/

*/
/*================================================================
	Metaslider
/*==============================================================*/
section#metaslider-container {
  /**** Media Queries ****/
}
section#metaslider-container .metaslider {
  overflow: hidden;
}
section#metaslider-container .metaslider .flexslider {
  margin: 0 0 0 0;
}
section#metaslider-container .metaslider .flexslider ul.slides li {
  position: relative;
  height: 650px;
  overflow: hidden;
}
section#metaslider-container .metaslider .flexslider ul.slides li img {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}
section#metaslider-container .metaslider .flexslider ul.slides li .caption-wrap {
  opacity: 1;
  top: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.1);
}
section#metaslider-container .metaslider .flexslider ul.slides li .caption-wrap .caption {
  background: rgba(44, 154, 168, 0.9);
  padding: 35px 60px;
  width: 580px;
  position: absolute;
  left: 70px;
  top: 60px;
  z-index: 2;
  transition: all 0.6s ease;
}
section#metaslider-container .metaslider .flexslider ul.slides li .caption-wrap .caption h1 {
  color: #fff;
  line-height: 1;
  font-size: 3em;
  padding-bottom: 15px;
}
section#metaslider-container .metaslider .flexslider ul.slides li .caption-wrap .caption p {
  font-size: 1.25em;
  font-weight: 400;
  color: #fff;
  line-height: 1.3;
  font-family: "Open Sans", sans-serif;
}
section#metaslider-container .metaslider .flexslider ul.slides li .caption-wrap .caption .button-wrapper {
  padding-top: 20px;
}
section#metaslider-container .metaslider .flexslider ul.slides li .bg-img-pattern-wrapper {
  position: absolute;
  bottom: 0;
  left: -16px;
  background-image: url("../icons/img-slider/metaslider_pattern.svg");
  width: 400px;
  height: 500px;
  background-size: 400px 500px;
  z-index: 1;
}
section#metaslider-container .metaslider .flexslider ol.flex-control-paging {
  bottom: 40px;
  z-index: 999;
}
section#metaslider-container .metaslider .flexslider ol.flex-control-paging li a {
  width: 6px;
  height: 6px;
  background: #fff;
  transition: all 0.6s ease;
}
section#metaslider-container .metaslider .flexslider ol.flex-control-paging li a.flex-active {
  background: #2c9aa8;
  transform: scale(2);
}
section#metaslider-container .metaslider .flexslider .flex-direction-nav a {
  background: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
section#metaslider-container .metaslider .flexslider .flex-direction-nav a.flex-prev {
  left: -35px;
  background-image: url("../icons/page-components/arrow-prev-test.svg");
  width: 120px;
  height: 150px;
  background-size: 120px 150px;
}
section#metaslider-container .metaslider .flexslider .flex-direction-nav a.flex-next {
  right: -35px;
  background-image: url("../icons/page-components/arrow-next-test.svg");
  width: 120px;
  height: 150px;
  background-size: 120px 150px;
}
@media (max-width: 1140px) {
  section#metaslider-container .metaslider .flexslider ul.slides li .caption-wrap .caption h1 {
    font-size: 2.5em;
  }
  section#metaslider-container .metaslider .flexslider ul.slides li .bg-img-pattern-wrapper {
    width: 300px;
    height: 400px;
    background-size: 300px 400px;
  }
  section#metaslider-container .metaslider .flexslider ol.flex-control-paging {
    bottom: 20px;
  }
}
@media (max-width: 900px) {
  section#metaslider-container {
    margin-top: 55px;
  }
  section#metaslider-container .metaslider .flexslider ul.slides li {
    padding-top: 66.66%;
    height: auto;
  }
  section#metaslider-container .metaslider .flexslider .flex-direction-nav a.flex-prev {
    width: 120px;
    height: 150px;
    background-size: 120px 150px;
  }
  section#metaslider-container .metaslider .flexslider .flex-direction-nav a.flex-next {
    width: 120px;
    height: 150px;
    background-size: 120px 150px;
  }
}
@media (max-width: 768px) {
  section#metaslider-container .metaslider .flexslider ul.slides li .caption-wrap .caption {
    padding: 30px;
    width: 80%;
    left: 50%;
    top: initial;
    bottom: 150px;
    transform: translateX(-50%);
  }
  section#metaslider-container .metaslider .flexslider ul.slides li .caption-wrap .caption h1 {
    font-size: 2em;
  }
  section#metaslider-container .metaslider .flexslider ul.slides li .bg-img-pattern-wrapper {
    bottom: -15px;
    left: 0px;
    width: 200px;
    height: 300px;
    background-size: 200px 300px;
  }
  section#metaslider-container .metaslider .flexslider ol.flex-control-paging {
    bottom: 25px;
  }
  section#metaslider-container .metaslider .flexslider .flex-direction-nav a.flex-prev {
    left: -18px;
    width: 80px;
    height: 110px;
    background-size: 80px 110px;
  }
  section#metaslider-container .metaslider .flexslider .flex-direction-nav a.flex-next {
    right: -18px;
    width: 80px;
    height: 110px;
    background-size: 80px 110px;
  }
}
@media (max-width: 620px) {
  section#metaslider-container {
    margin-top: 60px;
  }
  section#metaslider-container .metaslider .flexslider ul.slides li {
    padding-top: 0;
  }
  section#metaslider-container .metaslider .flexslider ul.slides li img {
    display: block;
    position: relative;
    top: 0;
    transform: translateY(0);
  }
  section#metaslider-container .metaslider .flexslider ul.slides li .caption-wrap .caption {
    padding: 15px 20px;
    width: 95%;
    left: 0;
    right: 0;
    top: initial;
    bottom: 150px;
    transform: translateX(0);
    margin: 0 auto;
  }
  section#metaslider-container .metaslider .flexslider ul.slides li .caption-wrap .caption p {
    display: none;
  }
  section#metaslider-container .metaslider .flexslider ul.slides li .caption-wrap .caption p.button-wrapper {
    display: block;
    padding: 10px 0 15px 0;
  }
  section#metaslider-container .metaslider .flexslider ul.slides li .caption-wrap .caption p.button-wrapper .button {
    font-size: 16px;
  }
}
@media (max-width: 480px) {
  section#metaslider-container {
    margin-top: 55px;
  }
  section#metaslider-container .metaslider .flexslider ul.slides li .caption-wrap .caption {
    bottom: 50px;
  }
  section#metaslider-container .metaslider .flexslider ul.slides li .caption-wrap .caption h1 {
    font-size: 1.4em;
  }
  section#metaslider-container .metaslider .flexslider ul.slides li .bg-img-pattern-wrapper {
    width: 100px;
    height: 200px;
    background-size: 100px 200px;
  }
  section#metaslider-container .metaslider .flexslider ol.flex-control-paging {
    bottom: 15px;
  }
}

/*
Project: Kringelstan
Description: Animations
Author: Karl Karlsson
Date: 2019-03-20
Licence: https://kringelstan.se/
*/
/*================================================================
	Front page animations
================================================================*/
body.home header.main-header .wrapper-header-inner .container-collapse-wide .row .left-col .container-logo .main-logo {
  animation: main_logo_slide_in_from_left 0.9s ease forwards;
}
@keyframes main_logo_slide_in_from_left {
  0% {
    transform: translateX(5px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
body.home header.main-header .wrapper-header-inner .container-collapse-wide .row .right-col .row .wrapper-navbar .menu {
  animation: main_logo_slide_in_from_right 0.9s ease forwards;
}
@keyframes main_logo_slide_in_from_right {
  0% {
    transform: translateX(-5px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
body.home header.main-header .wrapper-header-inner .container-collapse-wide .row .right-col .row .icons-wrapper .search-col {
  animation: slide_in_from_top_fade 1s ease forwards;
}
@keyframes slide_in_from_top_fade {
  0% {
    transform: translateX(10px);
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  75% {
    transform: translateX(5px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
body.home header.main-header .wrapper-header-inner .container-collapse-wide .row .right-col .row #menu-btn-toggle {
  animation: slide_in_from_left 1s ease forwards;
}
@keyframes slide_in_from_left {
  0% {
    transform: translateX(120px);
    opacity: 0;
  }
  50% {
    transform: translateX(60px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
body.home .section-hero-img-content-front-page .caption-col {
  animation: main_logo_slide_in_from_left 1s ease forwards;
  animation-delay: 0.3s;
  opacity: 0;
}
@keyframes main_logo_slide_in_from_left {
  0% {
    transform: translateY(10px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
body.home .section-hero-img-content-front-page .wp-post-image {
  animation: main_logo_slide_in_from_right 0.5s ease forwards;
  animation-delay: 1s;
  opacity: 0;
}
@keyframes main_logo_slide_in_from_right {
  0% {
    transform: translateX(50px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
body.home .section-hero-img-content-front-page .soc-icon-wrapper {
  animation: main_logo_slide_in_from_bottom 0.8s ease forwards;
  animation-delay: 0.6s;
  opacity: 0;
}
@keyframes main_logo_slide_in_from_bottom {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
body.home .section-start-content .wpeditor-col {
  animation: main_logo_slide_in_from_bottom 0.8s ease forwards;
  animation-delay: 1s;
  opacity: 0;
}
@keyframes main_logo_slide_in_from_bottom {
  0% {
    transform: translateY(-20px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
body.home .section-main-puff-content .puffs .puff {
  opacity: 0;
}
body.home .section-main-puff-content .puffs .puff.fade-in {
  opacity: 0;
  animation: fade_in_from_side_children 1.1s ease forwards;
}
body.home .section-main-puff-content .puffs .puff.fade-in:nth-child(2) {
  animation-delay: 0.3s;
}
body.home .section-main-puff-content .puffs .puff.fade-in:nth-child(3) {
  animation-delay: 0.4s;
}
body.home .section-main-puff-content .puffs .puff.fade-in:nth-child(4) {
  animation-delay: 0.5s;
}
body.home .section-main-puff-content .puffs .puff.fade-in:nth-child(5) {
  animation-delay: 0.6s;
}
body.home .section-main-puff-content .puffs .puff.fade-in:nth-child(6) {
  animation-delay: 0.7s;
}
body.home .section-main-puff-content .puffs .puff.fade-in:nth-child(7) {
  animation-delay: 0.8s;
}
body.home .section-main-puff-content .puffs .puff.fade-in:nth-child(8) {
  animation-delay: 0.9s;
}
@keyframes fade_in_from_side_children {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    transform: scale(0.7);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
body.home .section-news-content.hero-img .bgc-overlay .container-collapse-wide .row .wpeditor-col {
  opacity: 0;
  transform: translateY(-20px);
}
body.home .section-news-content.hero-img .bgc-overlay .container-collapse-wide .row .wpeditor-col.fade-in {
  opacity: 1;
  transform: translateY(0);
}
body.home .section-news-content.hero-img .bgc-overlay .container-collapse-wide .row .news {
  opacity: 0;
}
body.home .section-news-content.hero-img .bgc-overlay .container-collapse-wide .row .news.fade-in {
  animation: fade_in_from_side_children 1.5s ease forwards;
}
body.home .section-news-content.hero-img .bgc-overlay .container-collapse-wide .row .news.fade-in:nth-child(2) {
  animation-delay: 0.3s;
}
body.home .section-news-content.hero-img .bgc-overlay .container-collapse-wide .row .news.fade-in:nth-child(3) {
  animation-delay: 0.4s;
}
@keyframes fade_in_from_side_children {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    transform: scale(0.7);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
body.home .section-news-content.hero-img .bgc-overlay .container-collapse-wide .row .archive-link-col {
  opacity: 0;
  transform: translateY(30px);
}
body.home .section-news-content.hero-img .bgc-overlay .container-collapse-wide .row .archive-link-col.fade-in {
  opacity: 1;
  transform: translateY(0);
}
body.home .section-news-content .container-collapse-wide .row .wpeditor-col {
  opacity: 0;
  transform: translateY(-40px);
}
body.home .section-news-content .container-collapse-wide .row .wpeditor-col.fade-in {
  opacity: 1;
  transform: translateY(0);
}
body.home .section-news-content .container-collapse-wide .row .news {
  opacity: 0;
}
body.home .section-news-content .container-collapse-wide .row .news.fade-in {
  animation: fade_in_from_side_children 1.5s ease forwards;
}
body.home .section-news-content .container-collapse-wide .row .news.fade-in:nth-child(2) {
  animation-delay: 0.3s;
}
body.home .section-news-content .container-collapse-wide .row .news.fade-in:nth-child(3) {
  animation-delay: 0.4s;
}
@keyframes fade_in_from_side_children {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    transform: scale(0.7);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
body.home .section-news-content .container-collapse-wide .row .archive-link-col {
  opacity: 0;
  transform: translateY(30px);
}
body.home .section-news-content .container-collapse-wide .row .archive-link-col.fade-in {
  opacity: 1;
  transform: translateY(0);
}
body.home .section-youtube-content .container-collapse-wide .row .wpeditor-col h1 {
  animation: slide_in_from_above 1s ease forwards;
  animation-delay: 0.3s;
  opacity: 0;
}
body.home .section-youtube-content .container-collapse-wide .row .wpeditor-col h1.fade-in {
  opacity: 1;
  transform: translateY(0);
}
@keyframes slide_in_from_above {
  0% {
    transform: translateY(10px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
body.home .section-youtube-content .container-collapse-wide .row .wpeditor-col .wp-block-embed {
  animation: slide_in_from_above 1s ease forwards;
  animation-delay: 0.3s;
  opacity: 0;
}
body.home .section-youtube-content .container-collapse-wide .row .wpeditor-col .wp-block-embed.fade-in {
  opacity: 1;
  transform: translateY(0);
}
@keyframes slide_in_from_above {
  0% {
    transform: translateY(-10px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
body.home .section-benefits-content .container-collapse-wide .row .wpeditor-col h1 {
  opacity: 0;
  transform: translateY(30px);
}
body.home .section-benefits-content .container-collapse-wide .row .wpeditor-col h1.fade-in {
  opacity: 1;
  transform: translateY(0);
}
body.home .section-benefits-content .container-collapse-wide .row .benefits-col .benefits .benefit {
  opacity: 0;
  transition: all 0.7s ease;
}
body.home .section-benefits-content .container-collapse-wide .row .benefits-col .benefits .benefit.fade-in {
  animation: fade_in_from_side_children 1.5s ease forwards;
}
body.home .section-benefits-content .container-collapse-wide .row .benefits-col .benefits .benefit.fade-in:nth-child(2) {
  animation-delay: 0.2s;
}
body.home .section-benefits-content .container-collapse-wide .row .benefits-col .benefits .benefit.fade-in:nth-child(3) {
  animation-delay: 0.3s;
}
body.home .section-benefits-content .container-collapse-wide .row .benefits-col .benefits .benefit.fade-in:nth-child(4) {
  animation-delay: 0.4s;
}
body.home .section-benefits-content .container-collapse-wide .row .benefits-col .benefits .benefit.fade-in:nth-child(5) {
  animation-delay: 0.5s;
}
body.home .section-benefits-content .container-collapse-wide .row .benefits-col .benefits .benefit.fade-in:nth-child(6) {
  animation-delay: 0.6s;
}
body.home .section-benefits-content .container-collapse-wide .row .benefits-col .benefits .benefit.fade-in:nth-child(7) {
  animation-delay: 0.7s;
}
body.home .section-benefits-content .container-collapse-wide .row .benefits-col .benefits .benefit.fade-in:nth-child(8) {
  animation-delay: 0.8s;
}
@keyframes fade_in_from_side_children {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    transform: scale(0.7);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
body.home .section-benefits-content .container-collapse-wide .row .col-archive-link {
  opacity: 0;
  transform: translateY(70px);
}
body.home .section-benefits-content .container-collapse-wide .row .col-archive-link.fade-in {
  opacity: 1;
  transform: translateY(0);
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-1 {
  opacity: 0;
  transition: all 0.7s ease;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-1.fade-in:nth-child(1) {
  animation: masonry_fade_in_scale_animation 1.1s ease forwards;
  animation-delay: 0.4s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-2 {
  opacity: 0;
  transition: all 0.7s ease;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-2.fade-in:nth-child(1) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.2s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-2.fade-in:nth-child(2) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.3s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-3 {
  opacity: 0;
  transition: all 0.7s ease;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-3.fade-in:nth-child(1) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.4s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-3.fade-in:nth-child(2) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.2s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-3.fade-in:nth-child(3) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.3s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-4 {
  opacity: 0;
  transition: all 0.7s ease;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-4.fade-in:nth-child(1) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.4s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-4.fade-in:nth-child(2) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.2s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-4.fade-in:nth-child(3) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.3s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-4.fade-in:nth-child(4) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.6s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-5 {
  opacity: 0;
  transition: all 0.7s ease;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-5.fade-in:nth-child(1) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.4s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-5.fade-in:nth-child(2) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.2s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-5.fade-in:nth-child(3) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.3s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-5.fade-in:nth-child(4) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.6s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-5.fade-in:nth-child(5) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.7s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-6 {
  opacity: 0;
  transition: all 0.7s ease;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-6.fade-in:nth-child(1) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.3s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-6.fade-in:nth-child(2) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.1s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-6.fade-in:nth-child(3) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.2s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-6.fade-in:nth-child(4) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.6s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-6.fade-in:nth-child(5) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.4s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-6.fade-in:nth-child(6) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.5s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-6 {
  opacity: 0;
  transition: all 0.7s ease;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-6.fade-in:nth-child(1) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.3s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-6.fade-in:nth-child(2) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.1s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-6.fade-in:nth-child(3) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.2s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-6.fade-in:nth-child(4) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.6s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-6.fade-in:nth-child(5) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.4s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-6.fade-in:nth-child(6) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.5s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-6.fade-in:nth-child(7) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.6s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-6 {
  opacity: 0;
  transition: all 0.7s ease;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-6.fade-in:nth-child(1) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.3s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-6.fade-in:nth-child(2) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.1s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-6.fade-in:nth-child(3) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.2s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-6.fade-in:nth-child(4) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.6s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-6.fade-in:nth-child(5) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.4s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-6.fade-in:nth-child(6) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.5s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-6.fade-in:nth-child(7) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.6s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-6.fade-in:nth-child(8) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.7s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-6 {
  opacity: 0;
  transition: all 0.7s ease;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-6.fade-in:nth-child(1) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.3s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-6.fade-in:nth-child(2) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.1s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-6.fade-in:nth-child(3) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.2s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-6.fade-in:nth-child(4) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.6s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-6.fade-in:nth-child(5) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.4s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-6.fade-in:nth-child(6) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.5s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-6.fade-in:nth-child(7) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.6s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-6.fade-in:nth-child(8) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.7s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-6.fade-in:nth-child(9) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.8s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-default {
  opacity: 0;
  transition: all 0.7s ease;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-default.fade-in:nth-child(1) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.3s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-default.fade-in:nth-child(2) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.1s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-default.fade-in:nth-child(3) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.2s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-default.fade-in:nth-child(4) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.6s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-default.fade-in:nth-child(5) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.4s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-default.fade-in:nth-child(6) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.5s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-default.fade-in:nth-child(7) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.6s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-default.fade-in:nth-child(8) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.7s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-default.fade-in:nth-child(9) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.8s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-default.fade-in:nth-child(10) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 0.9s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-default.fade-in:nth-child(11) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 1s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-default.fade-in:nth-child(12) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 1.1s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-default.fade-in:nth-child(13) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 1.2s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-default.fade-in:nth-child(14) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 1.3s;
}
body.home .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-default.fade-in:nth-child(15) {
  animation: masonry_fade_in_scale_animation 1.5s ease forwards;
  animation-delay: 1.4s;
}

/*================================================================
	Main pages animations
================================================================*/
/**
 * Modules Settings
 */
/*
Project: Kringelstan
Description: Main puffs masonry with supports for 1-12 column layout
Author: Karl Karlsson
Date: 2019-06-03
Licence: https://kringelstan.se/
*/
.section-puffs-masonry {
  padding: 0 0 6em 0;
}
.section-puffs-masonry.hero-bg-img {
  padding: 0;
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-attachment: fixed;
}
@media (max-width: 768px) {
  .section-puffs-masonry.hero-bg-img {
    background-attachment: initial;
  }
}
.section-puffs-masonry.hero-bg-img .bgc-overlay {
  opacity: 1;
  background: rgba(255, 255, 255, 0.9);
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.section-puffs-masonry.hero-bg-img .bgc-overlay .container-collapse-fluid {
  padding: 3em 3em 5em 3em;
}
.section-puffs-masonry .container-collapse-fluid .row .wpeditor-col {
  padding-bottom: 30px;
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper {
  overflow: hidden;
  width: 100%;
  background: transparent;
  display: block;
  clear: both;
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry {
  position: relative;
  /*================================================================
    Default for all puffs
  ================================================================*/
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile {
  margin: 0;
  list-style-type: none;
  padding: 0;
  float: left;
  overflow: hidden;
  transition: all 0.8s ease-out;
  /*================================================================
    1 Tiles - Layout
  ================================================================*/
  /*================================================================
    2 Tiles - Layout
  ================================================================*/
  /*================================================================
    3 Tiles Layout
  ================================================================*/
  /*================================================================
    4 Tiles Layout
  ================================================================*/
  /*================================================================
    5 Tiles - Layout
  ================================================================*/
  /*================================================================
    6 Tiles - Layout
  ================================================================*/
  /*================================================================
    7 Tiles - Layout
  ================================================================*/
  /*================================================================
    8 Tiles - Layout
  ================================================================*/
  /*================================================================
    9 Tiles - Layout
  ================================================================*/
  /*================================================================
    Default Tiles - Layout
  ================================================================*/
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-1 {
  width: 100%;
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-1 .link {
  height: 700px;
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-2:nth-child(1), .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-2:nth-child(2) {
  width: 50%;
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-2:nth-child(1) .link, .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-2:nth-child(2) .link {
  height: 700px;
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-3 .link {
  height: 700px;
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-3:nth-child(1) {
  width: 25%;
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-3:nth-child(2) {
  width: 50%;
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-3:nth-child(3) {
  width: 25%;
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-4:nth-child(1), .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-4:nth-child(2) {
  width: 50%;
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-4:nth-child(3), .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-4:nth-child(4) {
  width: 25%;
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-4:nth-child(2) .link, .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-4:nth-child(3) .link, .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-4:nth-child(4) .link {
  height: 260px;
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-4:nth-child(1) .link {
  height: 520px;
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-5:nth-child(4), .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-5:nth-child(5) {
  width: 50%;
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-5:nth-child(1) .link, .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-5:nth-child(2) .link, .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-5:nth-child(3) .link, .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-5:nth-child(4) .link, .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-5:nth-child(5) .link {
  height: 700px;
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-5:nth-child(1) {
  width: 25%;
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-5:nth-child(2) {
  width: 50%;
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-5:nth-child(3) {
  width: 25%;
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-6:nth-child(1) .link, .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-6:nth-child(2) .link, .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-6:nth-child(3) .link, .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-6:nth-child(4) .link, .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-6:nth-child(5) .link, .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-6:nth-child(6) .link {
  height: 700px;
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-6:nth-child(4), .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-6:nth-child(5), .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-6:nth-child(6) {
  width: 33.33%;
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-6:nth-child(1) {
  width: 25%;
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-6:nth-child(2) {
  width: 50%;
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-6:nth-child(3) {
  width: 25%;
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-7:nth-child(4), .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-7:nth-child(5), .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-7:nth-child(6), .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-7:nth-child(7) {
  width: 25%;
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-7:nth-child(1) .link, .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-7:nth-child(2) .link, .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-7:nth-child(3) .link, .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-7:nth-child(4) .link, .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-7:nth-child(5) .link, .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-7:nth-child(6) .link, .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-7:nth-child(7) .link {
  height: 700px;
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-7:nth-child(1) {
  width: 25%;
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-7:nth-child(2) {
  width: 50%;
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-7:nth-child(3) {
  width: 25%;
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-8:nth-child(1), .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-8:nth-child(2), .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-8:nth-child(3), .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-8:nth-child(4), .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-8:nth-child(5), .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-8:nth-child(6), .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-8:nth-child(7), .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-8:nth-child(8) {
  width: 25%;
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-8:nth-child(1) .link, .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-8:nth-child(2) .link, .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-8:nth-child(3) .link, .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-8:nth-child(4) .link, .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-8:nth-child(5) .link, .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-8:nth-child(6) .link, .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-8:nth-child(7) .link, .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-8:nth-child(8) .link {
  height: 700px;
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-9:nth-child(1) .link, .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-9:nth-child(2) .link, .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-9:nth-child(3) .link, .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-9:nth-child(4) .link, .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-9:nth-child(5) .link, .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-9:nth-child(6) .link, .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-9:nth-child(7) .link, .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-9:nth-child(8) .link, .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-9:nth-child(9) .link {
  height: 700px;
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-9:nth-child(4), .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-9:nth-child(5), .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-9:nth-child(6) {
  width: 33.33%;
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-9:nth-child(1), .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-9:nth-child(7) {
  width: 25%;
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-9:nth-child(2), .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-9:nth-child(8) {
  width: 50%;
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-9:nth-child(3), .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-9:nth-child(9) {
  width: 25%;
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-default:nth-child(1) .link, .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-default:nth-child(2) .link, .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-default:nth-child(3) .link, .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-default:nth-child(4) .link, .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-default:nth-child(5) .link, .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-default:nth-child(6) .link, .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-default:nth-child(7) .link, .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-default:nth-child(8) .link, .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-default:nth-child(9) .link, .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-default:nth-child(10) .link, .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-default:nth-child(11) .link, .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-default:nth-child(12) .link, .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-default:nth-child(13) .link, .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-default:nth-child(14) .link, .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-default:nth-child(15) .link {
  height: 700px;
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-default:nth-child(10), .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-default:nth-child(11), .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-default:nth-child(12), .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-default:nth-child(13), .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-default:nth-child(14), .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-default:nth-child(15) {
  width: 100%;
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-default:nth-child(4), .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-default:nth-child(5), .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-default:nth-child(6) {
  width: 33.33%;
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-default:nth-child(1), .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-default:nth-child(7) {
  width: 25%;
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-default:nth-child(2), .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-default:nth-child(8) {
  width: 50%;
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-default:nth-child(3), .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.tiles-default:nth-child(9) {
  width: 25%;
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile .link {
  position: relative;
  display: block;
  overflow: hidden;
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile .link span.masonry-bg-img {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover !important;
  z-index: 2;
  transition: all 0.45s ease;
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile .link span.masonry-bg-icon {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover !important;
  z-index: 2;
  background: rgba(71, 82, 93, 0.8);
  text-align: center;
  transition: all 0.3s ease;
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile .link span.masonry-bg-icon i.icon {
  font-size: 13em;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile .link span.masonry-content {
  position: absolute;
  z-index: 5;
  padding: 30px 30px;
  left: 0;
  right: 0;
  margin-left: 0;
  margin-right: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  width: 100%;
  margin: 0 auto;
  transition: all 0.3s ease;
}
@media (min-width: 768px) {
  .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile .link span.masonry-content {
    width: 70%;
  }
}
@media (max-width: 480px) {
  .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile .link span.masonry-content {
    padding: 20px 15px;
  }
  .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile .link span.masonry-content .content-inner span {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile .link span.masonry-content .content-inner {
  color: #000;
  transition: all 0.5s ease-in;
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile .link span.masonry-content .content-inner .heading {
  font-size: 1.9em;
  position: relative;
  display: inline-block;
  color: #fff;
  padding: 0;
  margin: 0;
  line-height: 1.2;
  transition: all 0.3s ease;
}
@media (max-width: 1140px) {
  .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile .link span.masonry-content .content-inner .heading {
    font-size: 1.5em;
  }
}
@media (max-width: 768px) {
  .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile .link span.masonry-content .content-inner .heading {
    font-size: 1.4em;
  }
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile .link span.masonry-content .content-inner .text-info,
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile .link span.masonry-content .content-inner .text-info-long {
  display: block;
  color: #fff;
  padding: 10px 0 0 0;
  transition: all 0.3s ease;
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile .link span.masonry-content .content-inner .text-readMore {
  padding: 30px 0 0 0;
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile .link span.masonry-content .content-inner .text-readMore:hover .button {
  background: #fff !important;
  border: solid 2px #fff !important;
  color: #0C4738;
}
.section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile.title-set .link span.masonry-bg-img:after {
  background: rgba(0, 0, 0, 0.7);
}
@media (max-width: 1140px) {
  .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile .link {
    height: 320px !important;
  }
}
@media (max-width: 1024px) {
  .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile .link .masonry-content .content-inner .text-info,
  .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile .link .masonry-content .content-inner .text-info-long {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .section-puffs-masonry {
    padding: 0 0 3em 0;
  }
  .section-puffs-masonry.hero-bg-img .bgc-overlay .container-collapse-fluid {
    padding: 2em 15px 5em 15px;
  }
  .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile {
    width: 100% !important;
    padding: 0 !important;
  }
  .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile:last-of-type {
    padding: 0 !important;
  }
  .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile .link {
    height: 335px !important;
  }
}
@media (max-width: 480px) {
  .section-puffs-masonry {
    padding: 0 0 2em 0;
  }
  .section-puffs-masonry.hero-bg-img .bgc-overlay .container-collapse-wide {
    padding: 2em 15px 2em 15px;
  }
  .section-puffs-masonry .container-collapse-fluid .row .wpeditor-col {
    padding-bottom: 5px;
  }
  .section-puffs-masonry .container-collapse-fluid .row .masonry-wrapper .masonry .tile .link {
    height: 250px !important;
  }
}

/*
Project: Kringelstan
Description: Main puffs with supports for 1-8 column layout
Author: Karl Karlsson
Date: 2019-06-03
Licence: https://kringelstan.se/
*/
/*===============================================================================
2.   Puff section
===============================================================================*/
.section-main-puff-content {
  padding: 0 0 4em 0;
  /**** Media Queries ****/
}
.section-main-puff-content.hero-img {
  padding: 0;
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-attachment: fixed;
}
@media (max-width: 768px) {
  .section-main-puff-content.hero-img {
    background-attachment: initial;
  }
}
.section-main-puff-content.hero-img .bgc-overlay {
  opacity: 1;
  background: rgba(255, 255, 255, 0.95);
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 5em 0;
}
.section-main-puff-content .container-collapse .row .puffs-wrapper .puffs .puff {
  transition: all 0.3s ease;
}
.section-main-puff-content .container-collapse .row .puffs-wrapper .puffs .puff .link {
  position: relative;
}
.section-main-puff-content .container-collapse .row .puffs-wrapper .puffs .puff .link .content-col {
  position: relative;
  transition: all 0.3s ease;
}
.section-main-puff-content .container-collapse .row .puffs-wrapper .puffs .puff .link .content-col.img-not-set {
  padding: 0;
}
.section-main-puff-content .container-collapse .row .puffs-wrapper .puffs .puff .link .content-col.img-not-set .inner-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.section-main-puff-content .container-collapse .row .puffs-wrapper .puffs .puff .link .content-col .inner-content .img-col img {
  width: 100%;
  margin: 0 auto;
  transition: all 0.3s ease;
}
.section-main-puff-content .container-collapse .row .puffs-wrapper .puffs .puff .link .content-col .inner-content .bg-img {
  padding-top: 66%;
  display: block;
  position: relative;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}
.section-main-puff-content .container-collapse .row .puffs-wrapper .puffs .puff .link .content-col .inner-content .text-col .puff-title {
  padding-top: 5px;
  margin-bottom: 0;
  font-weight: 400;
  font-size: 1.2em;
}
.section-main-puff-content .container-collapse .row .puffs-wrapper .puffs .puff .link .content-col .inner-content .text-col p.info-text {
  font-size: 1em;
  font-weight: 400;
}
.section-main-puff-content .container-collapse .row .puffs-wrapper .puffs .puff .link .content-col .inner-content .text-col .button-wrapper {
  padding: 10px 0 0 0;
}
.section-main-puff-content .container-collapse .row .text-wrapper .inner-wrapper {
  padding: 3em 0;
  margin: 4em 0 3em 0;
}
.section-main-puff-content .container-collapse .row .text-wrapper .inner-wrapper:before {
  position: absolute;
  bottom: 0;
  content: "";
  border: #D8D8D8 1px solid;
  width: 75%;
  left: 0;
  right: 0;
  margin: 0 auto;
  opacity: 1;
  border-radius: 35px;
}
.section-main-puff-content .container-collapse .row .text-wrapper .inner-wrapper:after {
  position: absolute;
  top: 0;
  content: "";
  border: #D8D8D8 1px solid;
  width: 75%;
  left: 0;
  right: 0;
  margin: 0 auto;
  opacity: 1;
  border-radius: 35px;
}
.section-main-puff-content .container-collapse .row .text-wrapper .inner-wrapper .text-col blockquote p {
  padding-bottom: 15px;
  font-size: 1.4em;
}
.section-main-puff-content .container-collapse .row .text-wrapper .inner-wrapper .text-col p {
  padding-bottom: 0;
  font-size: 1em;
}
@media (max-width: 1140px) {
  .section-main-puff-content .container-collapse .row .text-wrapper .inner-wrapper {
    padding: 2em 0;
    margin: 3em 0 2em 0;
  }
  .section-main-puff-content .container-collapse .row .text-wrapper .inner-wrapper:before {
    position: absolute;
    bottom: 0;
    content: "";
    border-bottom: #D8D8D8 1px solid;
    width: 70%;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 1;
    border-radius: 35px;
  }
  .section-main-puff-content .container-collapse .row .text-wrapper .inner-wrapper:after {
    position: absolute;
    top: 0;
    content: "";
    border-bottom: #D8D8D8 1px solid;
    width: 70%;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 1;
    border-radius: 35px;
  }
  .section-main-puff-content .container-collapse .row .text-wrapper .inner-wrapper .text-col blockquote p {
    font-size: 1.3em;
  }
  .section-main-puff-content .container-collapse .row .text-wrapper .inner-wrapper .text-col p {
    font-size: 1em;
  }
}
@media (max-width: 768px) {
  .section-main-puff-content {
    padding: 0 0 3em 0;
  }
  .section-main-puff-content.hero-img .bgc-overlay {
    padding: 3em 0;
  }
  .section-main-puff-content .container-collapse .row .text-wrapper .inner-wrapper {
    padding: 1em 0;
    margin: 2em 0 1em 0;
  }
  .section-main-puff-content .container-collapse .row .text-wrapper .inner-wrapper:before {
    position: absolute;
    bottom: 0;
    content: "";
    border-bottom: #D8D8D8 1px solid;
    width: 70%;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 1;
    border-radius: 35px;
  }
  .section-main-puff-content .container-collapse .row .text-wrapper .inner-wrapper:after {
    position: absolute;
    top: 0;
    content: "";
    border-bottom: #D8D8D8 1px solid;
    width: 70%;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 1;
    border-radius: 35px;
  }
  .section-main-puff-content .container-collapse .row .text-wrapper .inner-wrapper .text-col blockquote p {
    font-size: 1.2em;
  }
  .section-main-puff-content .container-collapse .row .text-wrapper .inner-wrapper .text-col p {
    font-size: 1em;
  }
}
@media (max-width: 480px) {
  .section-main-puff-content {
    padding: 0 0 2em 0;
  }
  .section-main-puff-content.hero-img .bgc-overlay {
    padding: 2em 0;
  }
  .section-main-puff-content .container-collapse .row .puffs-wrapper .puffs .puff {
    padding: 25px;
  }
  .section-main-puff-content .container-collapse .row .puffs-wrapper .puffs .puff .link .content-col .inner-content .text-col p.info-text {
    padding-bottom: 0;
  }
}

/*
Project: Kringelstan
Description: Image Gallery
Author: Karl Karlsson
Date: 2019-06-03
Licence: https://kringelstan.se/
*/
/*===============================================================================
	Gallery - Archive Page
===============================================================================*/
.main-gallery-archive-page {
  padding: 0 0 5em 0;
  background: #f4f4f4;
}
.main-gallery-archive-page .container-collapse .col-title .title {
  color: black;
}
.main-gallery-archive-page .container-collapse .col-title a {
  padding: 10px 28px;
  font-size: 13px;
}
.main-gallery-archive-page .container-collapse .col-title a:after {
  display: none;
}
.main-gallery-archive-page .container-collapse .col-title a:before {
  position: absolute;
  content: "\f09a";
  font: normal normal normal 14px/1 "Black Tie";
  font-weight: 600;
  speak: none;
  top: 0;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: relative;
  right: 10px;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  transition: all 0.3s ease;
}
.main-gallery-archive-page .container-collapse .col-title a:hover:before {
  right: 15px;
  color: #cc627a;
}
.main-gallery-archive-page .container-collapse .col-title .title {
  color: black;
}
.main-gallery-archive-page .container-collapse .ul-wrapper .col-li .ul-wrapper-images {
  clear: both;
}
.main-gallery-archive-page .container-collapse .ul-wrapper .col-li .ul-wrapper-images .col-li {
  position: relative;
}
@media (min-width: 768px) {
  .main-gallery-archive-page .container-collapse .ul-wrapper .col-li .ul-wrapper-images .col-li:nth-child(3n+1) {
    clear: left;
  }
}
@media (min-width: 480px) and (max-width: 768px) {
  .main-gallery-archive-page .container-collapse .ul-wrapper .col-li .ul-wrapper-images .col-li:nth-child(odd) {
    clear: left;
  }
}
.main-gallery-archive-page .container-collapse .ul-wrapper .col-li .ul-wrapper-images .col-li .col-image .col-bg-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 100%;
  position: relative;
  transition: all 0.3s ease;
}
.main-gallery-archive-page .container-collapse .ul-wrapper .col-li .ul-wrapper-images .col-li .col-image .col-bg-image:after {
  position: absolute;
  content: "\f002";
  font: normal normal normal 14px/1 "Black Tie";
  font-weight: 600;
  top: 50%;
  right: 50%;
  font-size: 36px;
  margin: -27px -19px 0 0;
  z-index: 10;
  color: #fff;
  opacity: 0;
  transform: scale(3.5);
  transition: all 0.3s ease;
}
.main-gallery-archive-page .container-collapse .ul-wrapper .col-li .ul-wrapper-images .col-li .col-image .col-bg-image:hover:after {
  opacity: 1;
  transform: scale(2);
}
.main-gallery-archive-page .container-collapse .ul-wrapper .col-li .ul-wrapper-images .col-li .col-text {
  border-top: 0;
  position: relative;
}
.main-gallery-archive-page .container-collapse .ul-wrapper .col-li .ul-wrapper-images .col-li .col-text:hover:after {
  left: 0;
  opacity: 1;
}
.main-gallery-archive-page .container-collapse .ul-wrapper .col-li .ul-wrapper-images .col-li .col-text .title {
  font-weight: 600;
  position: relative;
  font-size: 1.1em;
  padding-top: 5px;
}
.main-gallery-archive-page .container-collapse .ul-wrapper .col-li .ul-wrapper-images .col-li .col-text .desc {
  font-size: 0.9em;
  padding-bottom: 0;
}

/*===============================================================================
	Gallery - Category Archive Page
===============================================================================*/
.main-gallery-cats-archive-page {
  padding: 4em 0;
}
@media (min-width: 768px) {
  .main-gallery-cats-archive-page .container-collapse .ul-wrapper .col-li:nth-child(3n+1) {
    clear: left;
  }
}
@media (min-width: 480px) and (max-width: 768px) {
  .main-gallery-cats-archive-page .container-collapse .ul-wrapper .col-li:nth-child(odd) {
    clear: left;
  }
}
.main-gallery-cats-archive-page .container-collapse .ul-wrapper .col-li.has-not-image .row .col-icon {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background: #e4e3e3;
  padding-top: 80.66%;
  position: relative;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  transition: all 0.3s ease;
}
.main-gallery-cats-archive-page .container-collapse .ul-wrapper .col-li.has-not-image .row .col-icon:after {
  position: absolute;
  content: "\f03e";
  top: 50%;
  right: 50%;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 30px;
  margin: -27px -19px 0 0;
  z-index: 10;
  color: #fff;
  transform: scale(3.5);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  transition: all 0.6s ease;
}
.main-gallery-cats-archive-page .container-collapse .ul-wrapper .col-li.has-not-image .row .col-icon:hover:after {
  transform: rotate(-6deg) scale(4);
  color: #0C4738;
}
.main-gallery-cats-archive-page .container-collapse .ul-wrapper .col-li.has-not-image .row .col-text {
  background: #333;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.main-gallery-cats-archive-page .container-collapse .ul-wrapper .col-li.has-not-image .row .col-text .title {
  font-size: 1.4em;
  color: #fff;
}
.main-gallery-cats-archive-page .container-collapse .ul-wrapper .col-li.has-not-image .row .col-text .desc {
  font-size: 1.1em;
  padding-bottom: 0;
  color: #fff;
}
.main-gallery-cats-archive-page .container-collapse .ul-wrapper .col-li .wrapper-content {
  position: relative;
}
.main-gallery-cats-archive-page .container-collapse .ul-wrapper .col-li .wrapper-content a .wrapper-bg-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 80.66%;
  position: relative;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  transition: all 0.3s ease;
}
.main-gallery-cats-archive-page .container-collapse .ul-wrapper .col-li .wrapper-content a .wrapper-bg-image:after {
  position: absolute;
  content: "\f055";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  top: 50%;
  right: 50%;
  font-size: 36px;
  margin: -27px -19px 0 0;
  z-index: 10;
  color: #fff;
  opacity: 0;
  transform: scale(3.5);
  transition: all 0.6s ease;
}
.main-gallery-cats-archive-page .container-collapse .ul-wrapper .col-li .wrapper-content a .wrapper-bg-image:before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: rgba(12, 71, 56, 0.3);
}
.main-gallery-cats-archive-page .container-collapse .ul-wrapper .col-li .wrapper-content a .wrapper-bg-image:hover:after {
  opacity: 1;
  transform: scale(2);
}
.main-gallery-cats-archive-page .container-collapse .ul-wrapper .col-li .wrapper-content a .col-text {
  background: #333;
  border-top: 0;
  position: relative;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.main-gallery-cats-archive-page .container-collapse .ul-wrapper .col-li .wrapper-content a .col-text:hover:after {
  left: 0;
  opacity: 1;
}
.main-gallery-cats-archive-page .container-collapse .ul-wrapper .col-li .wrapper-content a .col-text .title {
  font-size: 1.4em;
  color: #fff;
}
.main-gallery-cats-archive-page .container-collapse .ul-wrapper .col-li .wrapper-content a .col-text .desc {
  font-size: 0.9em;
  padding-bottom: 0;
  color: #fff;
}
@media (max-width: 768px) {
  .main-gallery-cats-archive-page .container-collapse {
    padding: 3em 0;
  }
}
@media (max-width: 480px) {
  .main-gallery-cats-archive-page .container-collapse {
    padding: 2em 0;
  }
}

/*===============================================================================
	Gallery - Category single page
===============================================================================*/
.main-gallery-cat-single-page {
  padding-top: 30px;
}
.main-gallery-cat-single-page .container-collapse {
  padding: 3em 0 4em 0;
}
.main-gallery-cat-single-page .container-collapse .row .col-title .title {
  color: black;
}
.main-gallery-cat-single-page .container-collapse .row .col-title a {
  padding: 10px 28px;
  font-size: 13px;
  background: transparent;
  color: #0C4738;
  border: solid 2px #0C4738;
}
.main-gallery-cat-single-page .container-collapse .row .col-title a:after {
  display: none;
}
.main-gallery-cat-single-page .container-collapse .row .col-title a:before {
  content: "\eaec";
  font-family: "icomoon";
  font-weight: 600;
  speak: none;
  top: 0;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: relative;
  right: 10px;
  color: #0C4738;
  -webkit-font-smoothing: antialiased;
  transition: all 0.3s ease;
}
.main-gallery-cat-single-page .container-collapse .row .col-title a:hover:before {
  right: 15px;
  color: rgb(23.0602409639, 136.4397590361, 107.6144578313);
}
.main-gallery-cat-single-page .container-collapse .row .col-title .title {
  color: black;
}
.main-gallery-cat-single-page .container-collapse .row .ul-wrapper .col-li .ul-wrapper-images {
  clear: both;
}
.main-gallery-cat-single-page .container-collapse .row .ul-wrapper .col-li .ul-wrapper-images .col-li {
  position: relative;
}
@media (min-width: 1140px) {
  .main-gallery-cat-single-page .container-collapse .row .ul-wrapper .col-li .ul-wrapper-images .col-li:nth-child(4n+1) {
    clear: left;
  }
}
@media (min-width: 480px) and (max-width: 1024px) {
  .main-gallery-cat-single-page .container-collapse .row .ul-wrapper .col-li .ul-wrapper-images .col-li:nth-child(3n+1) {
    clear: left;
  }
}
@media (max-width: 480px) {
  .main-gallery-cat-single-page .container-collapse .row .ul-wrapper .col-li .ul-wrapper-images .col-li:nth-child(odd) {
    clear: left;
  }
}
.main-gallery-cat-single-page .container-collapse .row .ul-wrapper .col-li .ul-wrapper-images .col-li .col-image .col-bg-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 100%;
  position: relative;
  transition: all 0.3s ease;
}
.main-gallery-cat-single-page .container-collapse .row .ul-wrapper .col-li .ul-wrapper-images .col-li .col-image .col-bg-image:after {
  position: absolute;
  content: "\f002";
  font: normal normal normal 14px/1 "Black Tie";
  font-weight: 600;
  top: 50%;
  right: 50%;
  font-size: 36px;
  margin: -27px -19px 0 0;
  z-index: 10;
  color: #fff;
  opacity: 0;
  transform: scale(3.5);
  transition: all 0.3s ease;
}
.main-gallery-cat-single-page .container-collapse .row .ul-wrapper .col-li .ul-wrapper-images .col-li .col-image .col-bg-image:hover:after {
  opacity: 1;
  transform: scale(2);
}
.main-gallery-cat-single-page .container-collapse .row .ul-wrapper .col-li .ul-wrapper-images .col-li .col-text {
  border-top: 0;
}
.main-gallery-cat-single-page .container-collapse .row .ul-wrapper .col-li .ul-wrapper-images .col-li .col-text .title {
  font-weight: 600;
  position: relative;
  font-size: 1.1em;
  padding-top: 0;
  padding-bottom: 5px;
}
.main-gallery-cat-single-page .container-collapse .row .ul-wrapper .col-li .ul-wrapper-images .col-li .col-text .desc {
  font-size: 0.9em;
  padding-bottom: 0;
}
@media (max-width: 480px) {
  .main-gallery-cat-single-page .container-collapse .row .ul-wrapper .col-li .ul-wrapper-images .col-li .col-text .desc {
    font-size: 0.8em;
  }
}
.main-gallery-cat-single-page .container-button {
  padding: 0 !important;
}
@media (max-width: 768px) {
  .main-gallery-cat-single-page {
    padding-top: 20px;
  }
  .main-gallery-cat-single-page .container-collapse {
    padding: 3em 0;
  }
}
@media (max-width: 480px) {
  .main-gallery-cat-single-page .container-collapse {
    padding: 1em 0 2em 0;
  }
}

/*
Project: Kringelstan
Description: News
Author: Karl Karlsson
Date: 2019-06-03
Licence: https://kringelstan.se/
*/
/*===============================================================================
	Front Page
===============================================================================*/
.section-news-content {
  padding: 0 0 5em 0;
  /*** Media Queries ***/
}
.section-news-content.hero-img {
  padding: 0;
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-attachment: fixed;
}
@media (max-width: 768px) {
  .section-news-content.hero-img {
    background-attachment: initial;
  }
}
.section-news-content.hero-img .bgc-overlay {
  opacity: 1;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.section-news-content.hero-img .bgc-overlay .container {
  padding: 3em 0 5em 0;
}
.section-news-content.hero-img .bgc-overlay .container .row .wpeditor-col {
  transition: all 0.7s ease;
}
.section-news-content.hero-img .bgc-overlay .container .row .wpeditor-col h1, .section-news-content.hero-img .bgc-overlay .container .row .wpeditor-col h2, .section-news-content.hero-img .bgc-overlay .container .row .wpeditor-col h3, .section-news-content.hero-img .bgc-overlay .container .row .wpeditor-col h4, .section-news-content.hero-img .bgc-overlay .container .row .wpeditor-col h5, .section-news-content.hero-img .bgc-overlay .container .row .wpeditor-col h6 {
  color: #fff;
}
.section-news-content.hero-img .bgc-overlay .container .row .news {
  margin-bottom: 15px;
  transition: all 0.7s ease;
}
.section-news-content.hero-img .bgc-overlay .container .row .news .link {
  display: block;
}
.section-news-content.hero-img .bgc-overlay .container .row .news .link .row {
  background: #f8f8f8;
}
.section-news-content.hero-img .bgc-overlay .container .row .news .link .row .img-col .bg-img {
  padding-top: 80%;
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.section-news-content.hero-img .bgc-overlay .container .row .news .link .row .text-col .title {
  color: #000;
}
.section-news-content.hero-img .bgc-overlay .container .row .news .link .row .text-col .excerpt {
  font-size: 1em;
  font-weight: 400;
}
.section-news-content.hero-img .bgc-overlay .container .row .news .link .row .text-col .date-readmore-col .inner-padding {
  border-top: solid 2px #eeeeee;
}
.section-news-content.hero-img .bgc-overlay .container .row .news .link .row .text-col .date-readmore-col .inner-padding .date-col .icon {
  color: #f4dd00;
}
.section-news-content.hero-img .bgc-overlay .container .row .news .link .row .text-col .date-readmore-col .inner-padding .date-col .text {
  color: #5c5c5c;
  font-size: 0.9em;
}
.section-news-content.hero-img .bgc-overlay .container .row .news .link .row .text-col .date-readmore-col .inner-padding .readmore-col .readmore-link {
  color: #000;
  font-size: 0.9em;
  padding-right: 1px;
}
.section-news-content.hero-img .bgc-overlay .container .row .news .link .row .text-col .date-readmore-col .inner-padding .readmore-col .icon {
  font-size: 8px;
  vertical-align: middle;
}
.section-news-content.hero-img .bgc-overlay .container .row .news .link .row .text-col .readmore-col .readmore-link {
  color: #0C4738;
  font-size: 0.9em;
  padding-right: 1px;
}
.section-news-content.hero-img .bgc-overlay .container .row .news .link .row .text-col .readmore-col .icon {
  font-size: 8px;
  vertical-align: middle;
}
.section-news-content.hero-img .bgc-overlay .container .row .news:hover {
  transform: translateY(-4px);
}
.section-news-content.hero-img .bgc-overlay .container .row .archive-link-col {
  padding-top: 2em;
  transition: all 0.8s ease;
}
.section-news-content .container .row .wpeditor-col {
  transition: all 0.7s ease;
}
.section-news-content .container .row .news {
  margin-bottom: 15px;
  transition: all 0.7s ease;
}
.section-news-content .container .row .news .link {
  display: block;
}
.section-news-content .container .row .news .link .row .img-col .bg-img {
  padding-top: 80%;
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.section-news-content .container .row .news .link .row .text-col .title {
  color: #000;
}
.section-news-content .container .row .news .link .row .text-col .excerpt {
  font-size: 1em;
  font-weight: 400;
}
.section-news-content .container .row .news .link .row .text-col .readmore-col .readmore-link {
  color: #000;
  font-size: 1.1em;
}
.section-news-content .container .row .news .link .row .text-col .readmore-col .icon {
  font-size: 12px;
  vertical-align: middle;
  padding-bottom: 2px;
  transition: all 0.3s ease;
}
.section-news-content .container .row .news .link .row .text-col .readmore-col:hover .icon {
  padding-left: 3px;
}
.section-news-content .container .row .news:hover {
  transform: translateY(-4px);
}
.section-news-content .container .row .archive-link-col {
  padding-top: 2em;
  transition: all 0.9s ease;
}
@media (max-width: 768px) {
  .section-news-content {
    padding: 0 0 3em 0;
  }
  .section-news-content.hero-img .bgc-overlay .container {
    padding: 2em 0 3em 0;
  }
  .section-news-content .container .row .news-col .col-archive-link {
    padding-top: 1em;
  }
}
@media (max-width: 480px) {
  .section-news-content {
    padding: 0 0 2em 0;
  }
  .section-news-content.hero-img .bgc-overlay .container {
    padding: 2em 0;
  }
  .section-news-content .container .row .news-col .archive-link-col {
    padding-top: 0;
  }
}

/*===============================================================================
	Index Page
===============================================================================*/
.main-blog-index-page {
  padding: 4em 0;
  background: #f6f6f6;
}
.main-blog-index-page.search-results-page {
  padding-top: 10em;
}
.main-blog-index-page.search-results-page .container .news-wrapper .post .link {
  background: #ebeeed;
}
.main-blog-index-page.search-results-page .container .news-wrapper .post .link .row .text-col .readmore-col {
  padding-bottom: 2em;
}
.main-blog-index-page.search-results-page .container .news-wrapper .post .link .row .text-col .readmore-col .button {
  color: #000;
}
.main-blog-index-page .container .row .news-wrapper .news {
  margin-bottom: 15px;
  transition: all 0.7s ease;
}
.main-blog-index-page .container .row .news-wrapper .news .row {
  background: #fff;
}
.main-blog-index-page .container .row .news-wrapper .news .row .link .img-col .bg-img {
  padding-top: 80%;
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.main-blog-index-page .container .row .news-wrapper .news .row .text-col {
  padding-top: 30px;
}
.main-blog-index-page .container .row .news-wrapper .news .row .text-col .title {
  color: #000;
}
.main-blog-index-page .container .row .news-wrapper .news .row .text-col .text {
  font-size: 1em;
  font-weight: 400;
}
.main-blog-index-page .container .row .news-wrapper .news .row .text-col .cats-link-wrapper .cat-link {
  color: #757575;
}
.main-blog-index-page .container .row .news-wrapper .news .row .text-col .date-readmore-col .inner-padding {
  border-top: solid 2px #eeeeee;
}
.main-blog-index-page .container .row .news-wrapper .news .row .text-col .date-readmore-col .inner-padding .date-col .icon {
  color: #f4dd00;
}
.main-blog-index-page .container .row .news-wrapper .news .row .text-col .date-readmore-col .inner-padding .date-col .text {
  color: #5c5c5c;
  font-size: 0.9em;
}
.main-blog-index-page .container .row .news-wrapper .news .row .text-col .date-readmore-col .inner-padding .readmore-col {
  text-decoration: none;
}
.main-blog-index-page .container .row .news-wrapper .news .row .text-col .date-readmore-col .inner-padding .readmore-col .readmore-link {
  color: #000;
  font-size: 0.9em;
  padding-right: 1px;
}
.main-blog-index-page .container .row .news-wrapper .news .row .text-col .date-readmore-col .inner-padding .readmore-col .icon {
  font-size: 8px;
  vertical-align: middle;
}
.main-blog-index-page .container .row .news-wrapper .news:hover {
  transform: translateY(-4px);
}
.main-blog-index-page .container .row .nav-links {
  padding-top: 3em;
}
.main-blog-index-page .container .row .nav-links .current {
  color: #0C4738;
}
.main-blog-index-page .container .row .nav-links a.page-numbers {
  color: #29292b;
}
@media (max-width: 768px) {
  .main-blog-index-page .container .row .nav-links {
    padding-top: 2em 0;
  }
}
@media (max-width: 480px) {
  .main-blog-index-page .container .row .nav-links {
    padding-top: 1em 0;
  }
}
@media (max-width: 768px) {
  .main-blog-index-page {
    padding: 3em 0;
  }
  .main-blog-index-page.search-results-page {
    padding-top: 7em;
  }
}
@media (max-width: 480px) {
  .main-blog-index-page {
    padding: 1em 0;
  }
  .main-blog-index-page.search-results-page {
    padding-top: 5em;
  }
}

/*===============================================================================
	Single Page
===============================================================================*/
.main-blog-single-page {
  padding: 2em 0;
}
.main-blog-single-page .container .post .row .date-col .date {
  color: #000;
}
@media (max-width: 480px) {
  .main-blog-single-page {
    padding: 0 0 1em 0;
  }
}

/*
Project: Kringelstan
Description: Retailers pages default styles and effects
Author: Karl Karlsson
Date: 2019-06-04
Licence: https://kringelstan.se/

*/
/*===============================================================================
	Retailers - Startpage
===============================================================================*/
.section-retailers-selection-frontPage {
  padding: 3em 0;
}
.section-retailers-selection-frontPage.hero-img {
  padding: 0;
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-attachment: fixed;
}
@media (max-width: 768px) {
  .section-retailers-selection-frontPage.hero-img {
    background-attachment: initial;
  }
}
.section-retailers-selection-frontPage.hero-img .bgc-overlay {
  padding: 3em 0;
  background: rgba(255, 255, 255, 0.92);
}
.section-retailers-selection-frontPage .container .row .col-heading .title {
  color: #0C4738;
  padding-bottom: 15px;
}
.section-retailers-selection-frontPage .container .row .retailer:last-of-type .img-wrapper img {
  width: 55%;
}
@media (max-width: 768px) {
  .section-retailers-selection-frontPage {
    padding: 2em 0;
  }
  .section-retailers-selection-frontPage.hero-img .bgc-overlay {
    padding: 2em 0;
  }
}
@media (max-width: 480px) {
  .section-retailers-selection-frontPage {
    padding: 1em 0;
  }
  .section-retailers-selection-frontPage.hero-img .bgc-overlay {
    padding: 1em 0;
  }
}

/*===============================================================================
	Retailers - Startpage
===============================================================================*/
.main-retailersStartpage,
.main-retailersCatsArchivepage {
  padding: 1em 0 5em 0;
}
.main-retailersStartpage .container .row .ul,
.main-retailersCatsArchivepage .container .row .ul {
  padding: 15px;
}
.main-retailersStartpage .container .row .ul .li,
.main-retailersCatsArchivepage .container .row .ul .li {
  display: inline-block;
  zoom: 1;
  vertical-align: middle;
  padding: 0;
  list-style-type: none;
  font-size: 0;
  width: 48%;
  margin: 0 3% 30px 0;
}
@media (max-width: 480px) {
  .main-retailersStartpage .container .row .ul .li,
  .main-retailersCatsArchivepage .container .row .ul .li {
    width: 100%;
  }
}
.main-retailersStartpage .container .row .ul .li:nth-child(2n+1),
.main-retailersCatsArchivepage .container .row .ul .li:nth-child(2n+1) {
  clear: left;
}
.main-retailersStartpage .container .row .ul .li:nth-child(2n),
.main-retailersCatsArchivepage .container .row .ul .li:nth-child(2n) {
  margin-right: 0%;
}
.main-retailersStartpage .container .row .ul .li .wrapper-img,
.main-retailersStartpage .container .row .ul .li .wrapper-textInfo,
.main-retailersCatsArchivepage .container .row .ul .li .wrapper-img,
.main-retailersCatsArchivepage .container .row .ul .li .wrapper-textInfo {
  display: inline-block;
  zoom: 1;
  vertical-align: middle;
  font-size: 14px;
  box-sizing: border-box;
}
.main-retailersStartpage .container .row .ul .li .wrapper-img,
.main-retailersCatsArchivepage .container .row .ul .li .wrapper-img {
  width: 40%;
  padding-right: 30px;
  transition: transform 0.9s cubic-bezier(0.4, -0.34, 0.52, 1.31);
}
@media (max-width: 900px) {
  .main-retailersStartpage .container .row .ul .li .wrapper-img,
  .main-retailersCatsArchivepage .container .row .ul .li .wrapper-img {
    width: 100%;
    padding-bottom: 27px;
    padding-right: 0;
    text-align: center;
  }
}
.main-retailersStartpage .container .row .ul .li .wrapper-img a img,
.main-retailersCatsArchivepage .container .row .ul .li .wrapper-img a img {
  transition: transform 0.9s cubic-bezier(0.4, -0.34, 0.52, 1.31);
}
.main-retailersStartpage .container .row .ul .li .wrapper-textInfo,
.main-retailersCatsArchivepage .container .row .ul .li .wrapper-textInfo {
  background: #f3f3f3;
  width: 60%;
  padding: 20px 10px 20px 20px;
  position: relative;
}
@media (max-width: 900px) {
  .main-retailersStartpage .container .row .ul .li .wrapper-textInfo,
  .main-retailersCatsArchivepage .container .row .ul .li .wrapper-textInfo {
    width: 100%;
  }
  .main-retailersStartpage .container .row .ul .li .wrapper-textInfo:after,
  .main-retailersCatsArchivepage .container .row .ul .li .wrapper-textInfo:after {
    opacity: 0;
  }
  .main-retailersStartpage .container .row .ul .li .wrapper-textInfo:before,
  .main-retailersCatsArchivepage .container .row .ul .li .wrapper-textInfo:before {
    left: 50%;
    top: -28px;
    margin: 0 0 0 -14px;
    border-right: 14px solid rgba(0, 0, 0, 0);
    border-bottom: 14px solid #f9f9f9;
    content: "";
    display: block;
    position: absolute;
    border-top: 14px solid rgba(0, 0, 0, 0);
    border-left: 14px solid rgba(0, 0, 0, 0);
  }
}
.main-retailersStartpage .container .row .ul .li .wrapper-textInfo:after,
.main-retailersCatsArchivepage .container .row .ul .li .wrapper-textInfo:after {
  content: "";
  display: block;
  position: absolute;
  left: -28px;
  top: 50%;
  margin-top: -14px;
  border-bottom: 14px solid rgba(0, 0, 0, 0);
  border-top: 14px solid rgba(0, 0, 0, 0);
  border-left: 14px solid rgba(0, 0, 0, 0);
  border-right: 14px solid #f9f9f9;
}
.main-retailersStartpage .container .row .ul .li .wrapper-textInfo .info .title,
.main-retailersCatsArchivepage .container .row .ul .li .wrapper-textInfo .info .title {
  color: #333;
}
/*===============================================================================
2.  Retailers - Category Startpage
===============================================================================*/
.main-retailersCatsStartpage .container .row .ul-wrapper .col-li .wrapper-content {
  position: relative;
}
.main-retailersCatsStartpage .container .row .ul-wrapper .col-li .wrapper-content a .wrapper-bg-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 63.66%;
  position: relative;
  transition: all 0.3s ease;
}
.main-retailersCatsStartpage .container .row .ul-wrapper .col-li .wrapper-content a .col-text {
  background: #DDD;
}

/*# sourceMappingURL=master.css.map */