/*
Theme Name: OMH
*/

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}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote::before,blockquote::after,q::before,q::after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}img{max-width:100%;height:auto;display:block}button,input,textarea{font-family:inherit;font-size:inherit;line-height:inherit;border:none;background:none;padding:0;margin:0}a{text-decoration:none;color:inherit;cursor:pointer}


:root {

/*	
  --dark-grey: #333333;		
  --dark-green: #24592F;
  --light-green: #E4EEE4;
  --dark-purple: #3e3256;
  --light-purple: #e7e1ef;
  --dark-beige: #d9d3c7;
  --light-beige: #F7F7F7;
*/

  --dark-grey: #333333;		
  --dark-green: #24592F;
  --speed-green: #C9E578;
  --light-green: #E4EEE4;
  --light-purple: #e7e1ef;
  --light-beige: #F7F7F7;
  
  --main-width: 90%;
  --secondary-width: 80%;
  --max-width-1: 1920px;
  --max-width-2: 1680px;
  --max-width-3: 1540px;
  --max-width-4: 1440px;
  --max-width-5: 1280px; 
  --max-width-6: 1140px;
}


@font-face {
font-family: 'Open-Sauce-One-Regular';
src: url('fonts/OpenSauceOne-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
	font-family: 'Open-Sauce-One-Medium';
	src: url('fonts/OpenSauceOne-Medium.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	}

@font-face {
font-family: 'Open-Sauce-One-Regular-Italic';
src: url('fonts/OpenSauceOne-Italic.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Open-Sauce-One-SemiBold';
src: url('fonts/OpenSauceOne-SemiBold.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Open-Sauce-One-Bold';
src: url('fonts/OpenSauceOne-Bold.woff') format('woff');
font-weight: normal;
font-style: normal;
}





html {font-size: 15px; -webkit-text-size-adjust: 100%;}
body {font-family: 'Open-Sauce-One-Regular'; font-size: 1.2em; line-height: 1.55; color: var(--dark-grey);}

.h1, .h2, .h3, .h4 {line-height: 1.25em;}
.h1 {font-size: 3.5em; color: var(--dark-green); font-family: 'Open-Sauce-One-Bold'; margin-bottom: 0.75em;}
.h2 {font-size: 2.75em; color: var(--dark-green); font-family: 'Open-Sauce-One-Bold'; margin-bottom: 1em;}
.h3 {font-size: 1.4em; color: var(--dark-green); margin-bottom: 0.65em; font-family: 'Open-Sauce-One-SemiBold';}
.h4 {font-size: 1.2em; margin-bottom: 0.65em; font-family: 'Open-Sauce-One-SemiBold';}
.h5 {font-size: 1em; margin-bottom: 0.75em; font-family: 'Open-Sauce-One-SemiBold'; line-height: 1.4;}

.h1.no-distance, .h2.no-distance, .h3.no-distance, .h4.no-distance {margin-bottom: 0px;}
.h1.darkgrey, .h2.darkgrey, .h3.darkgrey, .h4.darkgrey {color: var(--dark-grey);}


.rounded-big {border-radius: 2vw;}

.ingress-1 {font-size: 1.2em;}
.ingress-2 {font-size: 1.75em;}
.smaller {font-size: 0.85em;}

p {margin-bottom: 2em;}
p:last-child {margin-bottom: 0px;}

p a {color: var(--dark-green); font-family: 'Open-Sauce-One-SemiBold'; text-decoration: underline;}

strong {font-family: 'Open-Sauce-One-SemiBold';}

.distancer {display: table; width: 100%;}
.distancer-small {height: 3.5em;}
.distancer-medium {height: 6em;}
.distancer-large {height: 10em;}



a.btn-1, a.btn-2 {box-sizing: border-box;}
a.btn-1 {display: inline-block; position: relative; height: 4em; line-height: 4em; border-radius: 2em; padding: 0em 6em 0em 2em; background: var(--dark-green); color: #FFF; font-family: 'Open-Sauce-One-Bold';}
a.btn-1 span.arrow {background: #FFF; display: block; position: absolute; top: 0.75em; right: 0.75em; width: 2.5em; height: 2.5em; -webkit-mask: url('lib/btn-arrow.svg') no-repeat center; -webkit-mask-size: contain; mask: url('lib/btn-arrow.svg') no-repeat center; mask-size: contain;}
.btn-1-label {display: inline-block; height: 4em; line-height: 4em;}
a.btn-1.white {background: #FFFFFF; color: var(--dark-green);}
a.btn-1.white span.arrow {background: var(--dark-green);}




a.btn-2 {display: inline-block; font-size: 0.85em; position: relative; height: 4em; line-height: 4em; border-radius: 2em; padding: 0em 6em 0em 2em; color: var(--dark-green); background: #FFF; font-family: 'Open-Sauce-One-Bold';}
a.btn-2 span.arrow {display: block; position: absolute; top: 0.75em; right: 0.75em; width: 2.5em; height: 2.5em; -webkit-mask: url('lib/btn-arrow.svg') no-repeat center; -webkit-mask-size: contain; mask: url('lib/btn-arrow.svg') no-repeat center; mask-size: contain;}

a.btn-2.bright {background: #FFFFFF; border: 1px solid rgba(0,0,0,0.12);}
a.btn-2.bright span.arrow {background: var(--dark-green);}

a.btn-2.bright-bw {background: #FFFFFF; border: 1px solid rgba(0,0,0,0.12); color: var(--dark-grey);}
a.btn-2.bright-bw span.arrow {background: var(--dark-grey);}

a.btn-2.white {background: #FFFFFF; color: var(--dark-green);}
a.btn-2.white span.arrow {background: var(--dark-green);}


a.btn-1:hover, a.btn-2:hover {}






.btn-holder {display: table; width: 100%;}
.btn-holder .left-col {display: table; float: left; clear: none;}
.btn-holder .right-col {display: table; float: right; clear: none;}

.img-holder-landscape {display: table; position: relative; width: 100%; height: 0px; padding-bottom: 66.66%;}
.img-holder-landscape img {display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover;}

.img-holder-square {display: table; position: relative; width: 100%; height: 0px; padding-bottom: 100%;}
.img-holder-square img {display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover;}










/* Block - Header */
#header-inside {display: table; width: var(--main-width); margin: 2em auto 2em auto; max-width: var(--max-width-2);}
#header-inside .left {display: table; float: left; clear: none;}
#header-inside .left .logo {display: block; width: auto; height: 1.6em;}
#header-inside .right {display: table; float: right; clear: none;}
ul.nav-menu {display: table; float: right;}
ul.nav-menu li {display: block; float: left; clear: none; margin-left: 4em;}
ul.nav-menu li a {font-size: 1.2em; font-family: 'Open-Sauce-One-SemiBold';}
.current_page_item {opacity: 0.5;}
body.blog li#menu-item-49, body.blog li.menu-item-49 {opacity: 0.5;}



@media (max-width: 699px) and (min-width: 642px) {
	ul.nav-menu li {margin-left: 3.25rem;}
}



/* Block - Footer */
#footer-inside {display: table; width: var(--main-width); margin: 0px auto 0px auto; max-width: var(--max-width-3);}
#footer-inside .col-1 {display: table; float: left; clear: none; margin-right: 6em; max-width: 22em;} 
#footer-inside .col-2 {display: table; float: left; clear: none;} 
#footer-inside .col-3 {float: right; display: table; clear: none;}
#footer-inside .col-1 .logo {width: auto; height: 1.5em; margin-bottom: 0.9em;}
.footr-gdpr {display: table; width: var(--main-width); margin: 0px auto 0px auto; max-width: var(--max-width-3);}
.footr-gdpr a {text-decoration: underline;}
.footr-gdpr .inside {display: table; max-width: 100%;}

a.whatssappicon {display: block; width: 4em; height: 4em; background: url(lib/whattsapp.svg); background-size: 50%; background-repeat: no-repeat; background-position: center; position: fixed; bottom: 2em; right: 2em; background-color: var(--light-green); border-radius: 100%;}

/*
#ht-ctc-chat {width: 64px !important; height: 64px !important; background: url(lib/whattsapp.svg); background-size: 50%; background-repeat: no-repeat; background-position: center; background-color: var(--light-green); border-radius: 100%;}
#ht-ctc-chat * {display: none !important;}
*/

@media (max-width: 769px){
#footer-inside {border-top: 1px solid #DFDFDF; padding-top: 10vw;}
#footer-inside .col-1 {margin-right: 3em; width: 220px;}
}	





/* Page - Hem */

#hero {display: table; width: var(--main-width); margin: 0px auto 0px auto; max-width: var(--max-width-1);}
#hero .img-holder {display: table; width: 100%; height: 0px; padding-bottom: 52.25%; position: relative; -webkit-mask: url('lib/hero_mask.svg') no-repeat center; -webkit-mask-size: contain; mask: url('lib/hero_mask.svg') no-repeat center; mask-size: contain;}
#hero .img-holder img {display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0px; left: 0px;}
#hero .textblock {display: table; position: relative; width: 100%; margin-top: -4vw;}
#hero .textblock .left, #hero .textblock .right {display: table; clear: none; box-sizing: border-box;}
#hero .textblock .left {float: left; width: 42.3%; padding-top: 7vw;}
#hero .textblock .right {float: right; width: 52.2%; padding-left: 3.5vw;}


.omh-3x-arguments {display: table; width: var(--main-width); margin: 0px auto -1em auto; max-width: var(--max-width-1); text-align: center;}
.omh-3x-arguments .h3 {text-align: center;}
.omh-3x-arguments .col {display: inline-block; margin: 0px 1.5em 1em 1.5em; font-family: 'Open-Sauce-One-Medium';}
.omh-3x-arguments .col .argu-checkbox {display: inline-block; background-color: var(--light-purple); color: #FFF; width: 3em; height: 3em; transform: translateY(1em); margin-right: 1em; border-radius: 1.5em; background-image: url(lib/checkbox.png); background-size: 50% 50%; background-position: center center; background-repeat: no-repeat;}

/*
  --dark-grey: #333333;		
  --dark-green: #24592F;
  --speed-green: #C9E578;
  --light-green: #E4EEE4;
  --light-purple: #e7e1ef;
  --light-beige: #F7F7F7;	
*/	




.home-3x{display:table;width:100%;position:relative;background:linear-gradient(to bottom,var(--light-green) 0,var(--light-green) calc(25% - 2vw),#ffffff calc(75% + 2vw),#ffffff 100%);}
.home-3x-rounding {display: block; width: 100%; height: 3.5vw; margin-top: -1px;  position: absolute; top: 0px; left: 0px; background: url(lib/rounded-bg-mask.svg); background-size: cover; background-position: top center; background-repeat: no-repeat;}
.home-3x .inside {display: table; width: var(--secondary-width); max-width: var(--max-width-3); margin: 0px auto 0px auto; position: relative;}
.home-3x .subheader {display: table; width: 100%;}
.home-3x .subheader .h2 {float: left; clear: none;}
.home-3x .subheader a.btn-2 {float: right; clear: none;}
.home-3x .grid-container{display:flex;flex-wrap:wrap;gap:2em;width:100%;margin:0 auto}
.home-3x .box{background:var(--light-beige);text-align:left;display:flex;align-items:flex-start;justify-content:flex-start;border-radius:1.25vw;overflow:hidden;flex:1 1 calc(33.33% - 2em);box-sizing:border-box}
.home-3x .box .inside-box {width: 100%;}
.home-3x .box .inside-box .txt-block {padding: 2em;}



.home-traningsguide {display: table; width: 100%; }
.traningsguide-inside{display:flex;align-items:center;width:70%;max-width:var(--max-width-6);margin:0 auto}
.traningsguide-inside .left{flex:0 0 38%;display:flex;justify-content:center;align-items:center;position:relative}
.traningsguide-inside .left .bg-obj {display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: var(--light-purple); -webkit-mask: url('lib/bg-obj-1.svg') no-repeat center; -webkit-mask-size: contain; mask: url('lib/bg-obj-1.svg') no-repeat center; mask-size: contain;}

.signup-form-omh .signup-txt,.traningsguide-inside .right{box-sizing:border-box;box-sizing:border-box}
.traningsguide-inside .left img{display:block;width:60%;height:auto;margin:0 auto;position:relative}
.traningsguide-inside .right{flex:0 0 62%;display:flex;flex-direction:column;justify-content:center;padding-left:4em}
.signup-form-omh .signup-btn,.signup-form-omh .signup-txt{padding:0 2em;font-size:.85em;height:4em;color:var(--dark-grey);border-radius:2em}
.signup-form-omh{display:flex;align-items:center;width:100%}.signup-form-omh .signup-txt{flex:1;background:var(--light-beige);font-family:Open-Sauce-One-Regular-Italic}
.signup-form-omh .signup-btn{line-height:4em;white-space:nowrap;margin-left:1em;cursor:pointer;font-weight:400!important;background:var(--light-purple);font-family:Open-Sauce-One-Bold}


.home-sa-gar-det-till{display:table;width:100%;position:relative}
.home-sa-gar-det-till-rounding {display: block; width: 100%; height: 3.5vw; margin-top: -1px;  position: absolute; top: 0px; left: 0px; background: url(lib/rounded-bg-mask.svg); background-size: cover; background-position: top center; background-repeat: no-repeat;}
.home-sa-gar-det-till .subheader {display: table; width: 100%; text-align: center;}

.home-sa-gar-det-till{display:table;width:100%;position:relative; overflow: hidden;}


.home-sa-gar-det-till-inside{display:flex;position:relative;flex-wrap:wrap;gap:4em;width:var(--secondary-width);max-width:var(--max-width-4);margin:0 auto;}
.home-sa-gar-det-till-inside .col{text-align:center;position:relative;flex:0 0 calc((100% - 3 * 4em)/ 4);box-sizing:border-box}
.home-sa-gar-det-till-inside .col .step-number {display: block; border-radius: 100%; width: var(--secondary-width); position: relative; height: 0px; padding-bottom: var(--secondary-width); background: var(--light-green); margin: 0px auto 3em auto;}
.home-sa-gar-det-till-inside .col .step-number span {position: absolute; top: 50%; left: 0px; margin-top: -2vw; width: 100%; text-align: center; font-size: 4vw; line-height: 4vw; font-family: 'Open-Sauce-One-Bold'; color: var(--dark-green);}
.home-sa-gar-det-till .step {display: block; width: calc(100% + 4em); height: 60%; position: absolute; top: 0px; left: 50%; background-size: contain; background-repeat: no-repeat; background-position: top;}
.home-sa-gar-det-till .step-1 {background-image: url(lib/connector-steps.svg);}
.home-sa-gar-det-till .step-2 {background-image: url(lib/connector-steps-2.svg);}
.home-sa-gar-det-till .step-3 {background-image: url(lib/connector-steps.svg);}


.home-konsultation {display: block; position: relative; width: var(--main-width); max-width: var(--max-width-1); height: 47vw; max-height: 890px; margin: 0px auto 0px auto; border-radius: 3vw;}
.home-konsultation .inside {position: absolute; bottom: 5em; left: 5em; display: block;}
.home-konsultation .inside .h1 {color: #FFF;}



/* Page - Tjänster */
.tjanster-intro {display: table; width: var(--main-width); max-width: var(--max-width-2); margin: 0px auto 0px auto;}
.tjanster-intro p {max-width: var(--max-width-5);}
.tjanster-on-page-grid {display: table; width: var(--main-width); max-width: var(--max-width-2); margin: 0px auto 0px auto; background: none;}

.tjanster-ingar {display: table; width: var(--secondary-width); max-width: var(--max-width-4); margin: 0px auto 0px auto;}
.tjanster-ingar .ingar-grid{display:flex;flex-wrap:wrap;gap:4em}
.tjanster-ingar .ingar-grid .box{flex:1 1 calc(50% - 2em);max-width:calc(50% - 2em);display:flex;align-items:center}
.tjanster-ingar .ingar-grid .box .left{display:block;width:20%;float:left;clear:none}
.tjanster-ingar .ingar-grid .box .right{width:var(--secondary-width);padding-left:2em;box-sizing:border-box;float:left;clear:none;display:block}
.tjanster-ingar .ingar-grid .box .left .img-holder {display: block; width: 100%; height: 0px; padding-bottom: 100%; position: relative;}
.tjanster-ingar .ingar-grid .box .left .img-holder img {display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; border-radius: 100%;}

.tjanster-main-cta {display: table; width: var(--main-width); margin: 0px auto 0px auto; text-align: center; background: url(lib/bg-cta-3.jpg); border-radius: 3vw; background-size: cover; background-repeat: no-repeat; background-position: top center;}
.tjanster-main-cta .h1 {color: #FFF; max-width: var(--main-width); margin-left: auto; margin-right: auto;}
.tjanster-main-cta p.ingress-2 {color: #FFF; max-width: var(--main-width); margin-left: auto; margin-right: auto;}

#kontakta-oss-action {display: table; width: var(--main-width); margin: 0px auto 0px auto; max-width: var(--max-width-5);}
#kontakta-oss-action select{appearance:none;outline:0;border:1px solid #fff;padding:0 2em;box-shadow:none;width:100%;font-size:1.25em;border-radius:2.5em;color:#fff;cursor:pointer;-webkit-appearance:none;text-align:center;height:4em;font-family:Open-Sauce-One-SemiBold;background:url(lib/form-arrow-down-white.svg) rgba(0,0,0,.07);background-size:2em 2em;background-position:calc(100% - 1em);background-repeat:no-repeat}
#kontakta-oss-action select::-ms-expand{display:none}
#kontakta-oss-action .select{position:relative;display:flex;width:50%;margin:0 auto;height:100px;overflow:hidden;padding:0}
#kontakta-oss-action .select::after{content:'';position:absolute;top:0;right:0;padding:0;height:100px;width:120px;transition:.25s;pointer-events:none}


.huvudtjanster-holder {display: table; width: calc(var(--main-width) + 4em); max-width: calc(var(--max-width-2) + 4em); margin: 0px auto 0px auto;}


.tjanst-type-1 {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 4em);
  margin: 0px auto 4em auto;
  border-radius: 3vw; overflow: hidden;
}

.tjanst-type-1 .img-col,
.tjanst-type-1 .txt-col {
  flex: 1 1 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  position: relative;
}

.tjanst-type-1 .img-col .img-holder-tjanst {display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px;}
.tjanst-type-1 .img-col .img-holder-tjanst img {display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0px; left: 0px;}
.tjanst-type-1 .txt-col {background: var(--light-green);}
.tjanst-type-1 .txt-col .txt-block {display: table; box-sizing: border-box; padding: 4em;}




.tjanst-type-2 {display: table; width: calc(50% - 4em); border-radius: 3vw; overflow: hidden; float: left; clear: none; margin: 0px 2em 4em 2em;}
.tjanst-type-2 .txt-block {padding: 4em; width: 100%; box-sizing: border-box; display: table; background: var(--light-green);}
.tjanst-type-2 .img-col {width: 100%; display: table;}
.tjanst-type-2 .img-col .img-holder-tjanst {display: block; width: 100%; height: 0px; padding-bottom: 66.66%; position: relative;}
.tjanst-type-2 .img-col .img-holder-tjanst img {display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; object-fit: cover;}







.h4.pre-tjanst-head, .h5.pre-tjanst-head {margin-bottom: 1em; display: block;}
.h2.pre-ovriga-tjanster {width: var(--main-width); max-width: var(--max-width-2); margin: 0px auto 0px auto; text-align: center;}


.tjanster-on-page-grid .box .h3 {margin-bottom: 1.5em;}
.tjanster-on-page-grid .box .btn-2 {width: 100%;}
.tjanster-on-page-grid .box .btn-2 span.arrow {transform: rotate(90deg);}





.tjanst-toggle-block {
  margin-bottom: 1rem;
}

.tjanst-toggle-btn {
  cursor: pointer;
  font-weight: bold;
  margin-bottom: 0px;
  display: table; width: 100%; position: relative; height: 26px; line-height: 26px; color: var(--dark-green);
}


.tjanst-toggle-btn .pilen {display: block; float: right; clear: none; height: 26px; width: 26px; background-color: var(--dark-green); -webkit-mask: url('lib/btn-arrow.svg') no-repeat center; -webkit-mask-size: contain; mask: url('lib/btn-arrow.svg') no-repeat center; mask-size: contain; transform: rotate(90deg); transition: 0.4s ease;}

.tjanst-toggle-block.now-open .tjanst-toggle-btn .pilen {transform: rotate(270deg);}

.more-content {
  overflow: hidden;
  height: 0;
  transition: height 0.4s ease;
}

.more-content .sep {display: block; width: 100%; height: 1.25em;}



@media (max-width: 901px){

.huvudtjanster-holder {width: 88%;}
.huvudtjanster-holder .tjanst-type-1 {width: 100%;}
.huvudtjanster-holder .tjanst-type-2:last-child {margin-bottom: 0px;}

.tjanst-type-1 {display: table; border-radius: 4vw; width: 100%;}
.tjanst-type-1 .img-col, .tjanst-type-1 .txt-col {display: table; width: 100%;}
.tjanst-type-1 .img-col {height: 58.66vw;}
.tjanst-type-1 .txt-col .txt-block {padding: 5vw;}

.tjanst-type-2 {width: 100%; margin: 0px; margin-bottom: 10vw; border-radius: 4vw;}
.tjanst-type-2 .txt-block {padding: 5vw;}

}






/* Page - Om mig */
.om-mig-block-1 {display: flex; flex-wrap: wrap; gap: 4em; width: var(--main-width); max-width: 1640px; margin: 0px auto 0px auto;}

.om-mig-block-1 .left{flex:1 1 calc(50% - 2em);max-width:calc(50% - 2em);display:flex;align-items:flex-start;justify-content:center;flex-direction:column}
.om-mig-block-1 .right{flex:1 1 calc(50% - 2em);max-width:calc(50% - 2em);display:flex;align-items:flex-start;justify-content:center;flex-direction:column}
.om-mig-block-1 .right .inside-holder {display: table; width: 100%;}

.om-mig-block-2-outside{display:table;width:100%;position:relative;background:linear-gradient(to bottom,var(--light-green) 0,var(--light-green) calc(25% - 2vw),#fff calc(75% + 2vw),#fff 100%)}
.om-mig-block-2-rounding {display: block; width: 100%; height: 3.5vw; margin-top: -1px;  position: absolute; top: 0px; left: 0px; background: url(lib/rounded-bg-mask.svg); background-size: cover; background-position: top center; background-repeat: no-repeat;}

.om-mig-block-2 {display: flex; flex-wrap: wrap; gap: 4em; width: var(--secondary-width); max-width: var(--max-width-5); margin: 0px auto 0px auto;}
.om-mig-block-2 .left,.om-mig-block-2 .right{flex:1 1 calc(50% - 2em);max-width:calc(50% - 2em);display:flex;align-items:flex-start;flex-direction:column}

ul.utbildningar-list li {margin-bottom: 0.5em;}

.om-mig-block-1.align-top .left, .om-mig-block-1.align-top .right {justify-content: flex-start;}
.om-mig-block-1.align-center .left, .om-mig-block-1.align-center .right {justify-content: center;}

.om-mig-4x-images {display: table; width: calc(90% + 2em); max-width: calc(1440px + 2em); margin: 0px auto 0px auto;}
.om-mig-4x-images img {display: block; width: calc(25% - 2em); float: left; clear: none; margin: 1em; border-radius: 1vw;}

.om-mig-avs-txt {display: block; margin: 0px auto 0px auto; text-align: center; width: var(--main-width); max-width: var(--max-width-6);}
.om-mig-2x-block-w-txt {max-width: 1640px !important; width: 90% !important;}


@media (max-width: 901px){
body.page-template-page_tpl_om_mig .om-mig-block-2.om-mig-2x-block-w-txt {display: table;}
body.page-template-page_tpl_om_mig .om-mig-block-2.om-mig-2x-block-w-txt .left {width: 100%; max-width: 100%; display: table; float: none; margin: 0px; margin-bottom: 4em;}
body.page-template-page_tpl_om_mig .om-mig-block-2.om-mig-2x-block-w-txt .right {width: 100%; max-width: 100%; display: table; float: none; margin: 0px;}	
}

@media (max-width: 641px){
.om-mig-4x-images {width: 88%;}
.om-mig-4x-images img {margin: 0px; width: calc(50% - 1.5vw); margin-bottom: -3vw; border-radius: 4vw;}
.om-mig-4x-images img:nth-child(odd) {margin-right: 1.5vw; margin-bottom: 3vw;}
.om-mig-4x-images img:nth-child(even) {margin-left: 1.5vw; margin-bottom: 3vw;}	
}	





/* FAQ */
.regular-content-page {display: table; margin: 0px auto 0px auto; width: var(--main-width); max-width: var(--max-width-2);}
.faq-sep {display: table; width: 100%; width: 100%; height: 0px; margin-bottom: 2.5em; height: 0.35em; border-bottom: 1px solid #DFDFDF;}



/* Blogg - Arkiv */
article.post {display: table; width: var(--secondary-width); max-width: var(--max-width-5); margin: 0 auto 4em auto; padding-bottom: 4em; border-bottom: 1px solid #DFDFDF;}
article.post .left, article.post .right {display: table-cell; vertical-align: middle; box-sizing: border-box;}
article.post .left {width: 25%;}
article.post .right {width: 75%; padding-left: 4em;}
article.post a.post-thumbnail img {display: block; width: 100%; height: auto; border-radius: 1vw;}

.posts-navigation {display: table; width: var(--secondary-width); margin: 0px auto 0px auto; max-width: var(--max-width-5);}
.posts-navigation .nav-previous {display: block; float: left; clear: none;}
.posts-navigation .nav-next {display: block; float: right; clear: none;}



/* Blogg - Single */
article.post.single-post {display: table; width: var(--secondary-width); max-width: var(--max-width-3); margin: 0 auto 0px auto; padding-bottom: 0px; border-bottom: none;}
article.post.single-post .post-thumbnail img {display: block; width: 100%; height: auto; border-radius: 1vw;} 
article.post.single-post .left {width: 35%;}
article.post.single-post .right {width: 65%; padding-left: 4em;}












/* Actions */
.can-be-visible {display: none !important;}
shadow-on-hover:hover {border: 2px solid red !important;}
.omh-btn {box-shadow: 0px 0px 1em rgba(0,0,0,0); transition: box-shadow 500ms cubic-bezier(.01,.39,.13,.99), transform 500ms cubic-bezier(.01,.39,.13,.99);}
.omh-btn:hover {box-shadow: 0px 0px 1.5em rgba(0,0,0,0.1); transform: scale(1.05);}






@media (max-width: 1921px){
html {font-size: 14px;}	
}

@media (max-width: 1681px){
html {font-size: 13px;}
}

@media (max-width: 1367px){
html {font-size: 12px;}	
}

@media (max-width: 1281px){
html {font-size: 11px;}
article.post .left {width: 35%;}
article.post .right {width: 65%;}	
}


/* Tablets portrait */
@media (max-width: 1025px){
.portrait-at-1024 {padding-bottom: 125%;}	
.distancer-small {}
.distancer-medium {height: 3.5em;}
.distancer-large {height: 7em;}
.h1 {font-size: 3em;}
.home-3x.tjanster-on-page-grid .box {flex: 1 1 calc(50% - 2em);}
article.post .left {width: 40%;}
article.post .right {width: 60%;}
article.post .right .h2 {font-size: 2em;}
.home-3x .inside {width: var(--main-width);}
.home-sa-gar-det-till-inside {width: var(--main-width);}
.om-mig-block-1 .left {  flex: 1 1 calc(50% - 2em); max-width: calc(50% - 2em);}
.om-mig-block-1 .right {  flex: 1 1 calc(50% - 2em); max-width: calc(50% - 2em);}
article.post, article.post.single-post {width: var(--main-width);}
}

@media (min-width: 641px) and (max-width: 901px) {
	#hero .h1 {font-size: 4.5vw;}
  }



/* Phones portrait */
@media (max-width: 641px) and (orientation: portrait) {

	html {font-size: 10px;}

	:root {
		--main-width: 88%;
		--secondary-width: 80%;
	  }

	.distancer-small {}
	.distancer-medium {height: 10vw;}
	.distancer-large, .distancer-large-on-mobile {height: 15vw;}
	.distancer-larger-mobile-portrait {height: 22.5vw;}
		
	.hide-on-mobile-portrait {display: none;}

	#hero .img-holder {display: table; width: 100%; height: 0px; padding-bottom: 100%; position: relative; -webkit-mask: none; mask: none;}
	#hero .img-holder img  {border-radius: 8vw;}
	#hero .textblock {margin-top: 0px; padding-top: 7.5vw;}
	#hero .textblock .left {float: none; width: 100%; padding-top: 0px; margin-bottom: 2em;}
	#hero .textblock .right {float: none; width: 100%; padding-left: 0px;}

.ingress-1 {font-size: 1.4em;}
.ingress-2 {font-size: 1.4em;}
.smaller {font-size: 1em;}

.bread p {font-size: 1.25em;} 

#header-inside {width: var(--main-width); margin-bottom: 7.5vw; margin-top: 7.5vw;}
#header-inside .left {display: table; width: 100%; float: none; clear: both; text-align: center;}
#header-inside .left .logo {margin: 0px auto 0px auto; margin-bottom: 4vw; width: 45%; height: auto; max-width: 180px;}
#header-inside .right {float: none; width: 100%; text-align: center;}
ul.nav-menu {float: none; width: 100%; text-align: center; display: table;}
ul.nav-menu li {display: inline-block; float: none; clear: none; margin: 0px 9px 0px 9px;}
ul.nav-menu li  a {font-size: 14px;}


.home-3x.tjanster-on-home .inside {width: var(--secondary-width);}
.home-3x.tjanster-on-home .subheader a.btn-2.can-be-hidden {display: none;}
.home-3x.tjanster-on-home a.btn-2.can-be-visible {display: inline-block !important; width: 100%; background: var(--light-green);}
.home-3x.tjanster-on-home .grid-container {display: table;}
.home-3x.tjanster-on-home .box {display: table; border-radius: 4vw; margin-bottom: 10vw; width: 100%;}

.home-3x.tjanster-on-page-grid .grid-container {display: table;}
.home-3x.tjanster-on-page-grid .box {display: table; border-radius: 4vw; margin-bottom: 10vw; width: 100%;}



.traningsguide-inside {display: table; width: var(--main-width); border-top: 1px solid var(--light-beige); padding-top: 15vw;}
.traningsguide-inside .left {display: table; width: 70%; margin-left: 15%; margin-bottom: 10vw;}
.traningsguide-inside .right {display: table; width: 100%; padding: 0px; text-align: center;}

.home-konsultation {width: var(--main-width); height: 120vw; max-height: auto; margin: 0px auto 0px auto; border-radius: 8vw;}
.home-konsultation .inside {position: absolute; bottom: 5vw; left: 5vw; display: block;}
.home-konsultation .inside .h1 {color: #FFF;}

.tjanster-ingar .ingar-grid .box {flex: 1 1 100%; max-width: 100%;}



.om-mig-block-1 .left, .om-mig-block-1 .right, .om-mig-block-2 .left, .om-mig-block-2 .right {flex: 1 1 100%; max-width: 100%;}
.om-mig-block-2 {width: var(--main-width);}

article.post .left, article.post .right {display: table;}
article.post .left {width: 100%; margin-bottom: 7.5vw;}
article.post .right {width: 100%; padding-left: 0px;}
article.post.arkiv-post .right .utdrag {display: none;}

article.post.single-post .left {width: 100%; float: none; clear: both; display: table;}
article.post.single-post .right {padding-left: 0px; width: 100%; float: none; clear: both; display: table;}


#footer-inside .col-1 {float: none; clear: both; margin-bottom: 7.5vw; width: 100%; max-width: 100%;} 


article.post a.post-thumbnail img, article.post.single-post .post-thumbnail img, .rounded-big {border-radius: 4vw;}
.tjanster-main-cta, .home-konsultation, #hero .img-holder img {border-radius: 8vw;}

a.whatssappicon {width: 15vw; height: 15vw; right: 2.5vw; bottom: 4vw;}

 
.omh-3x-arguments .col {width: 100%; display: block; margin: 0px auto 2em auto;}
.omh-3x-arguments .col .argu-checkbox {margin: 0px auto 0.5em auto; padding: 0px; transform: translateY(0px); width: 4em; height: 4em; border-radius: 2em;}
.omh-3x-arguments .col span {display: table; width: 100%; margin: 0px; padding: 0px;}

.bread-mobile, .bread-mobile p {font-size: 14px;}

}	






/* Devices Landscape */
@media (max-width: 901px) and (orientation: landscape) {
	html {font-size: 9px;}
	.smaller {font-size: 11px;}
	.ingress-2 {font-size: 1.35em;}
	.distancer-small {height: 2.5em}
	.distancer-medium {height: 3.5em;}
	.distancer-large {height: 7em;}
}






@media (max-width: 901px){
.home-sa-gar-det-till-inside {display: table; width: var(--main-width);}
.home-sa-gar-det-till-inside .col {display: table; width: 100%; margin-bottom: 10vw;}
.home-sa-gar-det-till-inside .col:last-child {margin-bottom: 0px;}
.home-sa-gar-det-till-inside .col .step-number {border-radius: 100%; width: 20%; padding-bottom: 20%; margin: 0px; float: left; clear: none;}
.home-sa-gar-det-till-inside .col .txt-block {float: right; clear: none; width: 72.5%; text-align: left;}
.home-sa-gar-det-till .step {display: none;}
}