/*
Theme Name: Wok on fire
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 1.0.1607447065
Updated: 2020-12-08 18:03:16

*/

body {
	font-family: filson-pro, sans-serif;
}


@media (max-width:980px) {

header#main-header {
    background-color: black;
}


::before {}

.mobile_menu_bar:before {
    color: white;
}
}

#header-start {
    height: 100vh !important;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#header-start .et_pb_row {
    margin: 0 !important;
}

@media only screen and (max-width: 980px) and (min-width: 500px) {
 
.two-columns .et_pb_column {
width: 50%!important;
}
 
.three-columns .et_pb_column {
width: 33.33%!important;
}
 
.four-columns .et_pb_column {
width: 25%!important;
}
 
}

.knapp {
    width: 200px;
    padding: 10px 0px !important;
}

ul {
    padding: 0 !important;
}

ul#mobile_menu {
    background-color: black !important;
    border-color: white;
}


div.punkter > div {
    position: relative;
    overflow-x: hidden;
    padding-bottom: 20px;
}

div.punkter > div:before {
    color: white;
    font-weight: bold;
    float: left;
    width: 0;
    white-space: nowrap;
    content: ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
}

div.punkter > div:after {
    content: "";
    display: block;
    clear: both;
}

div.punkter > div > div {
    float: left;
    width: 33.333333%;
}

div.punkter > div > div + div {
    text-align: right;
}

div.punkter > div > div > span {
    padding: 0 5px;
    display: inline-block;
    background-color: white;
}
.punkter .namnrubrik, .punkter .prisrubrik {
    font-size: 16px;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
}

.punkter .pris {
    font-weight: bold;
    color: #e2001a;
    font-size: 16px;
}

.punkter .namn {
    color: black;
    font-size: 16px;
    text-transform:uppercase;
    display: inline;
    padding: 0 5px 0 0;	
	font-weight:bold;
}
.punkter .rubrik:before {
    display:none;
}
.punkter .rubrik{
    margin-bottom:15px;
}
.punkter .menynamn {
width:50%;
}
.punkter .menypris {
width:25%;
}
@media only screen and ( max-width: 479px ) {
.punkter .namn, .punkter .pris {
    font-size: 16px;
}
}

/*.punkter div div:nth-child(2) {width:0% !important;}*/
.punkter div div:nth-child(1) {width:75% !important;}

.punkter p {
    display: inline-block;
    width: 100%;
    padding: 0 5px 0 0;
	font-size:16px;
}

.punkter {
    padding: 0px 10px;
}

span.vitnummer {
    color: black;
}
@media (min-width: 980px) {
li.bestallonlinemenyknapp {
    border-radius: 2px;
    border:1px solid white;
    padding-right: 0 !important;
    margin-right: 22px;
	transition:.2s;
	background:#e2001a;
}

li.bestallonlinemenyknapp a {
    padding: 15px 35px 15px 35px !important;
	    opacity: 1 !important;
}

li.bestallonlinemenyknapp a::after {
    display:block;
    content: " ";
    border: 1px solid;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: -5px;
    top: -5px;
    box-sizing: border-box;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    z-index: 1;
    border-radius:3px;

}
	}
@media (max-width: 980px) {
li.bestallonlinemenyknapp a::after {
	display:none;	
}
}
li.bestallonlinemenyknapp:hover {    background: black;}

#main-header #top-menu li.bestallonlinemenyknapp a:before, 
#main-header #top-menu li.menu-item-has-children > a:before {
	display:none;
}

#main-header #top-menu li > a:before {
    content: "" !important;
    width: 0%;
    height: 2px;
    background-color: white;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

#top-menu li li a:before {
	display:none;
}

#main-header #top-menu li li {
    padding: 0 !important;
	width: 100%;
    transition: 0.4s;
}

#main-header #top-menu li li:hover {
	background-color: rgb(255 255 255 / 40%);
    color: green !important;
}
#main-header #top-menu li li:hover a {
    color: #000000;
}

#main-header #top-menu li li a {
	margin: 0 auto;
    font-weight: 400;
}

#top-menu li a {
    position: relative;
}

#main-header #top-menu li a:hover:before {
    opacity: 1;
    width: 100%;
}

#main-header #top-menu > li > a {
    padding-bottom: 13px;
	font-weight:400;
}

#top-menu li.current-menu-item>a, #top-menu li.current_page_item>a {
    font-weight: 600 !important;
}

#top-menu .menu-item-has-children>a:first-child:after {
	content: "\22";
}

#main-header .nav li ul.sub-menu {
    left: -80px;
    text-align: center;
	width:200px;
    border-top: none;
	background-color: rgb(0 0 0 / 60%);
}

#main-header div#et-top-navigation {
    padding-bottom: 20px;
}

.kartakod center {
    display: flex !important;
}

.et_mobile_menu li a:hover, .nav ul li a:hover {
	opacity:1;
}

iframe#booking-widget-2 {
    max-width: 400px !important;
}




/**RUND CIRKEL **/

.info-wrapper {
	 position: absolute;
   	 left: 50%;
   	 transform: translateX(-50%);
	 width: 290px;
	 height: 290px;
	 opacity: 1;
	 animation: opacity 2s 1s forwards;
	 animation-iteration-count: 1;
	 background-color: rgb(0 0 0 / 50%);
	 transition: background-color 0.3s linear;
	 border-radius: 50%;
	 z-index: 99;
}
 .info-wrapper:hover {
	 background-color: #000;
}
 .info-wrapper:hover .hero-info-text {
	 fill: #fff;
}
 .info-wrapper p {
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%, -50%);
	 font-size: 1.3rem;
	 text-transform: uppercase;
	 margin: 0;
	 color: white;
	 width: 50%;
	 height: 50%;
	 text-align: center;
	 background: #e2001a;
	 border-radius: 50%;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 transition: background-color 0.3s linear;
}


 .hero-info {
	 animation: rotate 30s linear infinite;
	 -webkit-animation: rotate 30s linear infinite;
	 width: 100%;
	 height: 100%;
	 position: relative;
}
 .hero-info-text {
	 fill: #ccccd5;
	 transition: fill 0.3s linear;
}
 .hero-info h2 {
	 color: #ccccd5 !important;
	 font-size: 1rem;
}
 .hero-info h2 div span {
	 font-size: 1rem !important;
}
 .hero-info svg {
	 position: absolute;
	 left: 0;
	 top: 0;
	 width: 100%;
	 height: 290px;
}
 .hero-info svg text {
	 font-size: 1.5rem;
}
 .hero-filter {
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 background-color: #000;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
/**
@media screen and (max-width:680px) {
	.info-wrapper {
	    background-color: #000;
		padding: 10px;
	}
	
}**/

/**RUND CIRKEL **/


span.scroller {
    position: absolute;
    right: 0;
    top: 60px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 150px;
    width: 4px;
    overflow: hidden;
    z-index: 1;
    opacity: 1;
    -webkit-animation: opacity 2s 1s forwards;
    animation: opacity 2s 1s forwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

span.scroller:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #000;
    -webkit-animation: worm 4s linear infinite;
    animation: worm 4s linear infinite;
    z-index: 2;
}

span.scroller:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #fff;
}

span.scroller-text {
    position: absolute;
    right: 0;
    top: 103px;
    -webkit-transform: translateX(58%) rotate(90deg);
    -ms-transform: translateX(58%) rotate(90deg);
    transform: translateX(58%) rotate(90deg);
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    z-index: 1;
    opacity: 1;
    -webkit-animation: opacity 2s 1s forwards;
    animation: opacity 2s 1s forwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

@keyframes worm {
    0% {
        transform: translateY(-100%);
    }

    100% {
        transform: translateY(100%);
    }
}

@media (max-width: 980px) {
header#main-header {
    background-color: rgba(0,0,0,0.6);
}
}

.stilheaderknapp:before {
    display: block !important;
    content: " ";
    border: 1px solid;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: -5px;
    top: -5px;
    box-sizing: border-box;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    z-index: 1;
    border-radius: 3px;
    opacity: 1;
    margin: 0;
	color: black;
}

#menymeny {
	z-index: 99999 !important;	
	transition: 0.2s background;
}

/*div#menymeny.element-is-sticky {
    background-color: #e2001a !important;
}*/


#menymeny ul li {
    margin: 0;
    display: inline-block;
    transition-duration: .35s;
}

#menymeny .et_pb_menu__menu, #menymeny ul, #menymeny .et-menu-nav {
    width: 100%;
    margin: 0;
    text-align: center;
}


#menymeny ul li a {color: #fff;font-size: 18px;font-family: mostra-nuova,sans-serif;font-style: normal;font-weight: 200;padding: .8em;display: block;}

.menyrad {
	outline: #e2001a solid 1px;
    outline-offset: -8px;
    background: #fff;
    padding: 5em 4em !important;
}



#responsive-form{
	margin:0 auto;
        width:100%;
}
.form-row{
	width: 100%;
}
.column-half, .column-full{
	float: left;
	position: relative;
	padding: 0.4rem;
	width:100%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}
.column-full.text {
    padding-bottom: 0;
    padding-top: 0;
    color: white;
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}
/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) { 
	.column-half{
		width: 50%;
	}
}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea, .wpcf7 select, .wpcf7 .wpcf7-date {
background-color: #eee !important;
border: none !important;
width: 100% !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
font-size: 14px;
color: black !important;
padding: 16px !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wpcf7 select {
padding: 15px !important;
}
.wpcf7 input[type="text"]:disabled {
background-color: #ababab !important;
}
.wpcf7 input[type="text"]:focus{
	background: #fff;
}
.wpcf7-submit {
color: white !important;
margin: 8px auto 0;
cursor: pointer;
font-size: 20px;
font-weight: 500;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 6px 20px;
line-height: 1.7em;
background: #e2001a;
border:2px solid transparent;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.wpcf7-submit:hover { 
background-color: #e2001a; 
border-color: #e2001a; 
padding: 6px 20px !important; 
}
span.wpcf7-not-valid-tip{
	text-shadow: none;
	font-size: 12px;
	color: #fff;
	background: #ff0000;
	padding: 5px;
}
div.wpcf7-validation-errors { 
	text-shadow: none;
	border: transparent;
	background: #f9cd00;
	padding: 5px;
	color: #9C6533;
	text-align: center;
	margin: 0;
	font-size: 12px;
}
div.wpcf7-mail-sent-ok{
	text-align: center;
	text-shadow: none;
	padding: 5px;
	font-size: 12px;
	background: #59a80f;
	border-color: #59a80f;
	color: #fff;
	margin: 0;
}
.kontakta-oss {
    list-style-type: none !important;
    border:1px solid #d6d6d6;
    padding: 0 !important;
    border-bottom: none;
}
.kontakta-oss li{
    padding: 20px 0 7px 30px;
    position: relative;
    border-bottom: 1px solid #d6d6d6;
}
.kontakta-oss h3 {
    text-transform: capitalize;
    color: #111111;
    font-size: 20px;
    margin-bottom: 5px;
    padding: 0;
}
.kontakta-oss p {
    line-height: 24px;
    margin: 0 0 15px 0;
}
.kontakta-oss .et_pb_font_icon {
    color: #e2001a;
    position: absolute;
    z-index: 1;
    right: 30px;
    top: 40px;
    font-size: 24px;

}
.kontakta-oss .telefon:before {
    content: "\e090";
}
.kontakta-oss .adress:before {
    content: "\e074";
}
.kontakta-oss .epost:before {
    content: "\e010";
}
.kontaktaossform .wpcf7 input[type="text"], .kontaktaossform .wpcf7 input[type="email"], .kontaktaossform .wpcf7 textarea, .kontaktaossform .wpcf7 select, .kontaktaossform .wpcf7 .wpcf7-date {
    border: 1px solid #d6d6d6 !important;
    background-color: white !important;
}

.cvfil {
	border: 1px solid #d6d6d6 !important;
    margin: 6px;
    padding: 6px;
    width: calc(100% - 12px);
}

.stilheaderknapp.popupknappcss {
    background-color: #e2001a !important;
    color: white !important;
}
@media (max-width: 500px) {
.footergalleri img{
	width:100%;
}
}

.pum-overlay.pum-active,
.pum-overlay.pum-active .popmake.active {
opacity: 1 !important;
display: block !important
}

@media (max-width:980px) {	
	html.pum-open.pum-open-overlay.pum-open-scrollable body>[aria-hidden] {
    	padding: 0 !important;
	}
	.et_header_style_left #et-top-navigation .mobile_menu_bar {
    padding-bottom: 0;
}
}

.headerflex .et_pb_column  {
    display: flex;
    flex-direction: row;
    flex: 1 1 100%;
    align-items: center;	
	width: 100% !important;
	position: relative;
}

.headermeny .et_pb_menu_inner_container {
    position: unset;
}
@media (min-width:980px){
.headerflex .headerlogo {
	    margin-right: 50px;
}
}

.headerflex .headermeny {
	   flex: auto;
}


.socialikoner {
    margin-bottom: 0px !important;
}

.socialikoner li.et_pb_social_icon {
    margin-bottom: 0px !important;
}

.headerknapp {
    font-weight: bold;
    color: #ffffff!important;
    border-width: 1px!important;
	border-color:transparent;
    border-radius: 0px;
    letter-spacing: 1px;
    font-size: 13px;
    background-color: #e2001a;
    padding-top: 5px!important;
    padding-right: 10px!important;
    padding-bottom: 5px!important;
    padding-left: 10px!important;
    display: inline-block;
	width: 150px;
    text-align: center;	
	transition: all .4s ease;
}

.headerknapp.et_pb_button:after, .headerknapp
 .et_pb_button:before {
    display: none !important;
}

.headerknapp.et_pb_button:hover {
    background-color: transparent;
	border-color: white;
}

.menycta {
    display: flex;
}

.socialikonerwrapper {
    margin-right: 15px;
}

@media (max-width:800px){
    .menycta {
        display:none;
    }
}



.socialikoner.et_pb_social_media_follow li a.icon:hover:before{
    color:#e2001a;
}


@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
	  -moz-transform: translateY(0);
	  transform: translateY(0);
	}
	40% {
	  -moz-transform: translateY(-30px);
	  transform: translateY(-30px);
	}
	60% {
	  -moz-transform: translateY(-15px);
	  transform: translateY(-15px);
	}
  }
  
  @-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
	  -webkit-transform: translateY(0);
	  transform: translateY(0);
	}
	40% {
	  -webkit-transform: translateY(-30px);
	  transform: translateY(-30px);
	}
	60% {
	  -webkit-transform: translateY(-15px);
	  transform: translateY(-15px);
	}
  }
  
  @keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
	  -moz-transform: translateY(0);
	  -ms-transform: translateY(0);
	  -webkit-transform: translateY(0);
	  transform: translateY(0);
	}
	40% {
	  -moz-transform: translateY(-30px);
	  -ms-transform: translateY(-30px);
	  -webkit-transform: translateY(-30px);
	  transform: translateY(-30px);
	}
	60% {
	  -moz-transform: translateY(-15px);
	  -ms-transform: translateY(-15px);
	  -webkit-transform: translateY(-15px);
	  transform: translateY(-15px);
	}
  }

.startsektion span.scroll-down.et-pb-icon {
    -moz-animation: bounce 3.5s infinite;
    -webkit-animation: bounce 3.5s infinite;
    animation: bounce 3.5s infinite;
}

.startsektion .header-content {
    width: 100% !important;
}

@media (max-width:480px) {
    .startsektion a.et_pb_button {
        width: 100% !important;
        margin-right: 0 !important;
    }
}

.category-text {
    width: 90%;
    margin: 0 auto;
    color: white;
    background-color: rgb(0 0 0 / 85%);
    padding: 80px 40px;
}

.category-text h3 {
    color: white;
    font-size: 30px;
}


.category-text span.text-label {
    display: block;
    font-size: 15px;
    text-transform: uppercase;
    color: #c5c5c5;
    padding-bottom: 0;
    line-height: 1.3;
    letter-spacing: 4px;
    text-shadow: none;
    font-family: filson-pro, sans-serif;
    font-weight: 400;
    font-style: normal;
}

.category-text span.section-title {
    display: block;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    line-height: 1.3;
    padding-bottom: 5px;
    font-size: 40px;
}

.category-text span.script {font-weight: 300;font-size: 45px;color: #e2001a;font-family: sheila, sans-serif;    margin-top: 15px;
    display: block;}

.category-text .btn {
    text-align: center;
    margin: 0 auto;
    max-width: 180px;
    width: 180px;
    padding: 18px 10px !important;
    font-size: 12px;
    font-weight: bold;
    display: block;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    line-height: 1em;
    border: 1px solid #fff;
    margin-top: 20px;
}

.category-text .btn:hover {
    border-color: #e2001a;
}

.restaurangbg:hover .restaurangbgbild {
    transform: scale(1.05);
}

.restaurangbgbild {
    transition: all .4s ease-in-out;
}

@media (max-width:480px) {
    .category-text span.section-title {
           font-size:26px; 
    }
    .category-text span.text-label {
        font-size:13px;
    }
    .category-text span.script {
        font-size:35px;
    }
}

.knapputanbg:hover:after {
    padding-left:10px;
    margin-left: 0.3em;
   }

.script {
    font-family: sheila, sans-serif;	
}

.undersidaknappar {
    display: flex;
    margin-top: 20px;
    flex-wrap: wrap;	
}

a.undersidaknapp1 {
    background: #e2001a;
    border: 1px solid #e2001a;
    width: 180px;
    margin-right: 20px;
    color: white;
    padding: 10px;
    transition: 0.4s;
    line-height: 1.3em;
	font-size:14px;
	text-align:center;
    margin-bottom: 20px;	
}

a.undersidaknapp1:hover {
    background: rgb(255 255 255 / 0%);
    border-color: white;
}

a.undersidaknapp2 {
    background: #e2001a;
    border: 1px solid #e2001a;
    width: 180px;
    margin-right: 20px;
    color: white;
    padding: 10px;
    transition: 0.4s;
    line-height: 1.3em;
	font-size:14px;
	text-align:center;	
    margin-bottom: 20px;	
}

a.undersidaknapp2:hover {
    background: rgb(255 255 255 / 0%);
    border-color: white;
}

@media only screen and (max-width: 980px) {
div.undersidarad.et_pb_row  div.et_pb_column.undersidaradcontent {
    margin-top: -200px !important;
}
}


/******************************
 * POPUP MEDDELANDE CSS START *
 * ****************************/

.contact_container{
	width: 330px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 3;	
	visibility: hidden;
    opacity: 0;
}

.contact_container.infofinns {
    visibility: visible;
    opacity: 1;
}

#contact_knapp{	
	position: absolute;
    bottom: 0px;
    color: white;
    right: 0;
    cursor: pointer;
    border-radius: 100%;
    font-size: 30px;
    font-weight: 600;
    width: 65px;
    height: 65px;
    display: flex;
}

#contact_knapp i {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .25s ease;	
}

#contact_box{	
    visibility: hidden;
    opacity: 0;
    position: absolute;
    bottom: 60px;
    right: 0;
    max-width: 440px;
    width: 100%;
    max-height: calc(100vh - 280px);
    overflow: auto;
    padding: 40px;
    border-radius: 30px 30px 0 30px;
    background: #fff;
    -webkit-box-shadow: 0 0 300px 0px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 0 300px 0px rgba(0,0,0, 0.2);
    box-shadow: 0 0 300px 0px rgb(0 0 0 / 20%);
    transition: .2s ease;
}

.contact_container.opened #contact_box{
	visibility: visible;
    opacity: 1;
	bottom: 85px;
}
#contact_box .head{
    font-size: 24px;
}

#contact_box .field_container{
	color:black;
	margin-top: 10px;
}


.contact_container.infofinns #contact_knapp .open-popup {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
}

.contact_container.infofinns #contact_knapp .close-popup {
    visibility: hidden;
    opacity: 0;
    transform: scale(0);
}

.contact_container #contact_knapp .open-popup {
    visibility: hidden;
    opacity: 0;
    transform: scale(0);
}

.contact_container #contact_knapp .close-popup {
    visibility: hidden;
    opacity: 0;
    transform: scale(0);
}



.contact_container.opened #contact_knapp .open-popup {
	visibility: hidden;
    opacity: 0;
    transform: scale(0);

}

.contact_container.opened #contact_knapp .close-popup {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
}

@media (max-width:780px) {
	#contact_box{	
		border-radius: 20px 20px 10px 20px;
		bottom: 60px;
	}	
	
.contact_container.opened #contact_box{
	bottom: 70px;
}	
	#contact_knapp{	
		width:50px;
		height:50px;
		font-size: 25px;
	}
	.contact_container{
		right:10px;
	}
}

div#contact_knapp {
    background-color: #e2001a;
}

#contact_box .head {
    color: #e2001a;
}
/******************************
 * POPUP MEDDELANDE CSS SLUT *
 * ****************************/


/* FIX MOBIL SCROLL FLICKERING */
@media (max-width:980px) {
.startsektion .et_pb_fullwidth_header_container.center {
    min-height: 100vh !important;
}

.startsektion .et_pb_fullwidth_header_scroll {
     bottom: 100px !important; 
}
}


@media (min-width:980px) {
iframe#bestallonlineiframe {
    min-height: calc(100vh - 203px);
}
}

@media (max-width:980px) {
	
	
iframe#bestallonlineiframe {
    max-height: calc(100vh - 174px) !important;
	height: 100vh !important;
}	
	
.iphone iframe#bestallonlineiframe {
    max-height: calc(100vh - 156px);
}
	


.admin-bar iframe#bestallonlineiframe {
    max-height: calc(100vh - 131px);
}
.page-id-2534 footer.et-l.et-l--footer {
    display: none;
}	
	
}



 @media screen and (max-width:980px) and (orientation:landscape) {
iframe#bestallonlineiframe {
    max-height: calc(100vh - 105px) !important;
}
	 
 
}