/* Created by Artisteer v4.2.0.60623 */



.responsive body

{

   min-width: 240px;

}

  

.responsive img 

{

   -webkit-box-sizing: border-box;

   -moz-box-sizing: border-box;

   box-sizing: border-box;

}  

  

.responsive .art-content-layout img,

.responsive .art-content-layout video

{

   max-width: 100%;

   height: auto !important;

}



.responsive.responsive-phone .art-content-layout img 

{

   /*margin: 1%;*/

}



.responsive.responsive-phone .art-collage,

.responsive.responsive-tablet .art-collage {

   margin: 0 !important;

}



.responsive .art-content-layout .art-sidebar0, 

.responsive .art-content-layout .art-sidebar1, 

.responsive .art-content-layout .art-sidebar2 

{

   width: auto !important;

}

    

.responsive .art-content-layout, 

.responsive .art-content-layout-row, 

.responsive .art-layout-cell 

{

   padding: 0;

   display: block;

}

    

.responsive .image-caption-wrapper 

{

   width: auto;

}



.responsive.responsive-tablet .art-vmenublock,

.responsive.responsive-tablet .art-block

{

   margin-left: 1%;

   margin-right: 1%;

   width: 48%;

   float: left;

   -webkit-box-sizing: border-box;

   -moz-box-sizing: border-box;

   box-sizing: border-box;

}



.responsive .art-responsive-embed 

{

   height: 0;

   padding-bottom: 56.25%;

   /* 16:9 */

    position: relative;

}



.responsive .art-responsive-embed iframe,

.responsive .art-responsive-embed object,

.responsive .art-responsive-embed embed

{

   height: 100%;

   left: 0;

   position: absolute;

   top: 0;

   width: 100%;

}



.responsive .art-sheet

{

   width: auto !important;

   min-width: 240px !important;

   max-width: none !important;

   margin-right: 1% !important;

   margin-left: 1% !important;

}



#art-resp {

   display: none;

}



@media all and (max-width: 1229px)

{
	.logo {width:320px; height:219px;background-size:320px 219px;}

	.gallerietdesk{display:none!important;}

	.newsdesk{display:none!important;}

	.uppdesk1, .uppdesk2, .uppdesk3, .uppdesk4, .uppdesk5, .uppdesk6, .uppdesk7, .uppdesk8, .uppdesk9, .uppdesk10, .uppdesk11, .uppdesk12, .uppdesk13,.uppdesk14, .uppdesk15, .uppdesk16, .uppdesk17, .uppdesk18, .uppdesk19, .uppdesk20 {display:none!important;}

    #art-resp, #art-resp-t { display: block; }

    #art-resp-m { display: none; }

	.contain{display:block;}

	.vid_desktop{display:block!important;}

	#art-main {	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;	

   overflow: scroll; 

   -webkit-overflow-scrolling: touch;

   overflow-scrolling: touch;}

}



@media all and (max-width: 660px)

{

    #art-resp, #art-resp-m { display: block; }

    #art-resp-t { display: none; }

}



#art-resp-desktop {

   display: none;

}

#art-resp-tablet-landscape {

   display: none;

}

#art-resp-tablet-portrait {

   display: none;

}

#art-resp-phone-landscape {

   display: none;

}

#art-resp-phone-portrait {

   display: none;

}



@media (min-width: 1230px)

{

	.vid_desktop{display:block!important;}

	.gallerietmobile{display:none!important;}

	.newsmobile{display:none!important;}

	.uppmobile1, .uppmobile2, .uppmobile3, .uppmobile4, .uppmobile5, .uppmobile6, .uppmobile7, .uppmobile8, .uppmobile9, .uppmobile10, .uppmobile11, .uppmobile12, .uppmobile13,.uppmobile14, .uppmobile15, .uppmobile16, .uppmobile17, .uppmobile18, .uppmobile19, .uppmobile20{display:none!important;}


    #art-resp-desktop { display: block; }

	.bgblwf,.bgblwf2,.bgblwf3,.bgblwf4,.bgblwf5,.bgblwf-bottom,.bgblwf-top   {padding: 0.8em!important;}

	#foretaget_div, #produktion_div, #nyheter_div, #samarbetspartners_div, #omoss_div, #galleriet_div, #kontaktaoss_div, #jobbkpmv_div, #shop_div, .scrollToTop2, .topp2 {

		display:block;

	}

	.contain2{display:block;}

}



@media (min-width: 480px) and (max-width: 1229px)

{

	

    #art-resp-phone-landscape { display: block; }

}

@media (min-width: 1151px) and (max-width: 1229px){

	.onlymobile{display:inline-block!important;}

.menu-menu-1-container, .menu-menu-1-eng-container, .menu-menu-1-da-container{display:none;}

		.responsive .art-nav .art-hmenu.visible{

	display:inline-block!important;

}

.art-hmenu>li>a, .art-hmenu>li>a:link, .art-hmenu>li>a:visited, .art-hmenu>li>a.active, .art-hmenu>li>a:hover{

	text-align:center!important;

}

	.art-nav .art-menu-btn{

	display:block!important;

	margin-left:49%!important;	

}



}



@media (min-width: 660px) and (max-width: 1150px)

{

	.omoss{width:100%;}

	.test8{width:100%;}

	.onlymobile{display:inline-block!important;}

.menu-menu-1-container, .menu-menu-1-eng-container, .menu-menu-1-da-container{display:none;}

			.responsive .art-sheet

{

	margin-right: 0% !important;

   	margin-left: 0% !important;

}

	.responsive .art-nav .art-hmenu.visible{

	display:inline-block!important;

}

.art-hmenu>li>a, .art-hmenu>li>a:link, .art-hmenu>li>a:visited, .art-hmenu>li>a.active, .art-hmenu>li>a:hover{

	text-align:center!important;

}

	.art-nav .art-menu-btn{

	display:block!important;

	margin-left:49%!important;	

}

	.art-post{margin:0!important};



	.p_container{

		height: 100vh;

		}

	.infoy {

		margin:-40vh 0;

    }

    .infow {

		margin:-50vh 0;

  	}

	.infob {

		margin:-40vh 0;

	}

	.infoy2 {

		margin:-50vh 0;

	}

}

@media (min-width:400px) and (max-width: 659px)

{

	.caption{font-size:1em;}

	.omoss{width:100%;}

	.onlymobile{display:inline-block!important;}

	.cell3{width:100%;}

.menu-menu-1-container, .menu-menu-1-eng-container, .menu-menu-1-da-container{display:none;}

	.vid_mobile{display:block!important;}

	.vid_desktop{display:none!important;}

	form

{

	padding:0 40px!important;

}

		.responsive .art-sheet

{

	margin-right: 0% !important;

   	margin-left: 0% !important;

}

	.responsive .art-nav .art-hmenu.visible{

	display:inline-block!important;

}

.art-hmenu>li>a, .art-hmenu>li>a:link, .art-hmenu>li>a:visited, .art-hmenu>li>a.active, .art-hmenu>li>a:hover{

	text-align:center!important;

}

	.art-nav .art-menu-btn{

	display:block!important;

	margin-left:47%!important;	

}

		.art-post{margin:0!important};

	/*.art-post{padding:0};*/

		.p_container{

		height: 100vh;

		}

	.cell, .cell2, .redback{

		width:100%;

		}

		

	.test3{

		background-image: url("images/lasermobile.jpg"); 

		}

	.test4{

		background-image: url("images/frasmobile.jpg"); 

		}		

	.test5{

		background-image: url("images/svetsmobile.jpg"); 

		}			

	.test6{

		background-image: url("images/bockningmobile.jpg"); 

		}	

	.test7{

		background-image: url("images/bockningmobile.jpg"); 

		}	

	.test8{

		background-image: url("images/skannermobile.png"); 

		width:100%;

		}

	.infoynomargin {

		width:100%;

	}

	.infoblnomargin {

		width:100%;

	}

	.infobunomargin {

		width:100%;

	}

	.infogrbonomargin {

		width:100%;

	}

	

	.infoy {

		margin:-50vh 0;

		width:90%;

    }

    .infow {

		margin:-50vh 0;

		width:90%;

  	}

	.infob {

		margin:-50vh 0;

		width:90%;

	}

	.infoy2 {

		margin:-50vh 0;

		width:90%;

	}

	

    #art-resp-phone-portrait { display: block; }

#bystarklar_news{

padding-left:0;

padding-right:0;

}

					table {width:100%;}

thead {display: none;}

tr:nth-of-type(2n) {background-color: inherit;}

tbody td {/*display: block;*/ text-align:center;}

tbody td:before { 

    content: attr(data-th); 

    /*display: block;*/

    text-align:center;  

  }

}

@media (max-width: 399px)

{

	.caption >img{

	width:100%;	

}

	.omosst{

    display: table-row!important;

  }

	.omoss{width:100%;}

	.onlymobile{display:inline-block!important;}

	.cell3{width:100%;}

	.menu-menu-1-container, .menu-menu-1-eng-container, .menu-menu-1-da-container{display:none;}

	.vid_mobile{display:block!important;}

	.vid_desktop{display:none!important;}

	form

{

	padding:0 30px!important;

}

	.responsive .art-sheet

{

	margin-right: 0% !important;

   	margin-left: 0% !important;

}

	.responsive .art-nav .art-hmenu.visible{

	display:inline-block!important;

}

.art-hmenu>li>a, .art-hmenu>li>a:link, .art-hmenu>li>a:visited, .art-hmenu>li>a.active, .art-hmenu>li>a:hover{

	text-align:center!important;

}

	.art-nav .art-menu-btn{

	display:block!important;

	margin-left:47%!important;	

}

	.art-post{margin:0!important};

	.p_container{

		height: 100vh;

		}

	.cell, .cell2, .redback{

		width:100%;

		}

	.test3{

		background-image: url("images/lasermobile.jpg"); 

		}

	.test4{

		background-image: url("images/frasmobile.jpg"); 

		}		

	.test5{

		background-image: url("images/svetsmobile.jpg"); 

		}			

	.test6{

		background-image: url("images/bockningmobile.jpg"); 

		}	

	.test7{

		background-image: url("images/bockningmobile.jpg"); 

		}

	.test8{

		background-image: url("images/skannermobile2.png"); 

		width:100%;

		}

	.infoynomargin {

		width:100%;

	}

	.infoblnomargin {

		width:100%;

	}

	.infobunomargin {

		width:100%;

	}

	.infogrbonomargin {

		width:100%;

	}

    .infoy {

		margin:-50vh 0;

		width:90%;

    }

    .infow {

		margin:-50vh 0;

		width:90%;

  	}

	.infob {

		margin:-50vh 0;

		width:90%;

	}

	.infoy2 {

		margin:-50vh 0;

		width:90%;

	}		

    #art-resp-phone-portrait { display: block; }

#bystar_news{

padding-left:0;

padding-right:0;

}

					table {width:100%;}

thead {display: none;}

tr:nth-of-type(2n) {background-color: inherit;}

tbody td {/*display: block;*/ text-align:center;}

tbody td:before { 

    content: attr(data-th); 

    /*display: block;*/

    text-align:center;  

  }

}

.responsive .art-header 

{

   width: auto !important;

   max-width: none !important;

   min-height: 100px !important;

   min-width: 0 !important;

   text-align: center;

}



.default-responsive .art-header 

{

   height: auto;

}



.default-responsive .art-header *

{

   position: relative;

   text-align: center;

   -webkit-transform: none !important;

   -moz-transform: none !important;

   -o-transform: none !important;

   -ms-transform: none !important;

   transform: none !important;

}



.default-responsive .art-header .art-headline, 

.default-responsive .art-header .art-slogan 

{

   display: block !important;

   top: 0 !important;

   left: 0 !important;

   margin: 2% !important;

   text-align: center !important;

}

    

.default-responsive .art-header .art-headline a, 

.default-responsive .art-header .art-slogan 

{

   white-space: normal !important;

}



.default-responsive .art-header .art-logo

{

   display: inline-block;

   margin: auto !important;

   left: auto;

   top: auto !important;

   width: auto;

   height: auto;

}



.responsive .art-header .art-slidenavigator 

{

   position: absolute;

}



.default-responsive .art-header .art-positioncontrol 

{

   top: auto !important;

   right: auto !important;

   bottom: auto !important;

   left: auto !important;

   width: auto;

   height: auto;

   margin: auto;

}



.responsive .art-header #art-flash-area

{

   display: none;

}



/* Search and other elements in header element directly */

.default-responsive .art-header>.art-textblock

{

   position: relative !important;

   display: block !important;

   margin: 1% auto !important;

   width: 75% !important;

   top: auto !important;

   right: auto !important;

   bottom: auto !important;

   left: auto !important;

}



.default-responsive .art-header .art-textblock 

{

   position: relative !important;

   display: block !important;

   margin: auto !important;

   left: 0 !important;

   right: 0 !important;

   top: auto !important;

   height: auto !important;

   width: auto;

   background-image: none;

}



/* '.art-header *' used noram align, but for '.art-textblock *' we must force align because of preview */

.responsive .art-header .art-textblock *

{

   text-align: center !important;

}



.default-responsive .art-header > .art-textblock,

.default-responsive .art-header .art-slide-item > .art-textblock

{

   display: none !important;

}



.default-responsive .art-header  > .art-textblock *

{

   text-align: center !important;

   width: auto !important;

   height: auto !important;

   display: block;

}



.default-responsive .art-header .art-slider .art-textblock *

{

   text-align: center !important;

   width: auto !important;

   height: auto !important;

   display: block;

}



/* For icons like facebook, rss, etc. */

.responsive .art-header>.art-textblock>div 

{

   width: 100%;

}

/* dynamic width nav */

.responsive nav.art-nav,

.responsive .art-nav-inner

{

   width: auto !important;

   position: relative !important;

   top: auto !important;

   left: auto !important;

   right: auto !important;

   bottom: auto !important;

   margin-top: 0;

   margin-bottom: 0;

   min-width: 0;

   text-align: center !important;

}



.responsive nav.art-nav

{

   min-width: 1%;

}



.responsive .art-nav 

{

   padding-left: 0;

   padding-right: 0;

}



/* full width hmenu, instead of inline-block */

.responsive .art-nav ul.art-hmenu 

{

   float: none;

   text-align: center;

   display: none;

}



/* elements on different lines */

.responsive .art-nav ul.art-hmenu li,

.responsive .art-hmenu-extra1,

.responsive .art-hmenu-extra2

{

   float: none;

}

  

/* horizontal margins */

.responsive .art-nav ul.art-hmenu>li:first-child, 

.responsive .art-nav ul.art-hmenu>li:last-child, 

.responsive .art-nav ul.art-hmenu>li

{

   margin-left: 0;

   margin-right: 0;

}

 

/* separator */ 

.responsive .art-nav ul.art-hmenu>li:before

{

   display: none;

}



/* vertical distance between items */

.responsive .art-nav ul.art-hmenu a

{

   margin-top: 1px !important;

   margin-bottom: 1px !important;

   height: auto;

   white-space: normal;

}



.responsive .art-nav ul.art-hmenu>li:first-child>a

{

   margin-top: 0 !important;

}



.responsive .art-nav ul.art-hmenu>li:last-child>a

{

   margin-bottom: 0 !important;

}



/* fixes for extended menu */

.responsive .art-nav .ext, 

.responsive .art-nav ul.art-hmenu>li>ul, 

.responsive .art-nav ul.art-hmenu>li>ul>li,

.responsive .art-nav ul.art-hmenu>li>ul>li a

{

   width: auto !important;

}



/* submenu position on hover */

.responsive .art-nav ul.art-hmenu ul

{

   left: auto !important;

   right: auto !important;

   top: auto !important;

   bottom: auto !important;

   display: none !important;

   position: relative !important;

   visibility: visible !important;

}



.responsive .art-nav ul.art-hmenu li.active>ul

{

   display: block !important;

}

.responsive .art-nav ul.art-hmenu ul li.active>a

{

   font-weight: bold;

}



.art-nav .art-menu-btn 

{

   /*border: 1px solid #404040;*/

   border-radius: 3px;

   box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);

   display: none;

   /*

   -svg-background: linear-gradient(to bottom, #707070 0, #000 100%);

   background: -ms-linear-gradient(top, #707070 0, #000 100%);

   background: -moz-linear-gradient(top, #707070 0, #000 100%);

   background: -o-linear-gradient(top, #707070 0, #000 100%);

   background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #707070), color-stop(1, #000));

   background: -webkit-linear-gradient(top, #707070 0, #000 100%);

   background: linear-gradient(to bottom, #707070 0, #000 100%);

   */

   background: #df3a38;

   margin: 3px;

   outline: none;

   padding: 5px;

   position: relative;

   vertical-align: bottom;

   width: 30px;

}



.art-nav .art-menu-btn span 

{

   background: #E0E0E0;

   border-radius: 2px;

   display: block;

   height: 3px;

   margin: 3px 1px;

   position: relative;

   -moz-transition: background .2s;

   -o-transition: background .2s;

   -webkit-transition: background .2s;

   transition: background .2s;

}



.art-nav .art-menu-btn:hover span

{

   background: #f3f3f3;

}



.responsive .art-nav .art-menu-btn 

{

   display: inline-block;

}



.responsive .art-nav .art-hmenu.visible 

{

   display: block;

}



.responsive .art-nav ul.art-hmenu>li>ul>li:first-child:after 

{

   display: none;

}

.responsive .art-nav ul.art-hmenu ul a

{

   padding-left: 4% !important;

}

.responsive .art-nav ul.art-hmenu ul ul a

{

   padding-left: 6% !important;

}

.responsive .art-nav ul.art-hmenu ul ul ul a

{

   padding-left: 8% !important;

}

.responsive .art-nav ul.art-hmenu ul ul ul ul a

{

   padding-left: 10% !important;

}

.responsive .art-nav ul.art-hmenu ul ul ul ul ul a

{

   padding-left: 12% !important;

}

  

.responsive .art-nav ul.art-hmenu>li>ul

{

   padding: 5px;

}

  

.responsive .art-nav ul.art-hmenu>li>ul:before

{

   top: 0;

   right: 0;

   bottom: 0;

   left: 0;

}



.responsive .art-content-layout, 

.responsive .art-content-layout-row, 

.responsive .art-layout-cell 

{

   display: block;

}



.responsive .art-layout-cell 

{

   width: auto !important;

   height: auto !important;

}



.responsive .art-content-layout:after, 

.responsive .art-content-layout-row:after, 

.responsive .art-layout-cell:after 

{

   content: ".";

   display: block;

   height: 0;

   clear: both;

   visibility: hidden;

}



.responsive .art-post

{

   border-radius: 0;

}



.responsive .art-footer-inner

{

   min-width: 0;

}



.responsive .responsive-tablet-layout-cell 

{

   width: 50% !important;

   float: left;

   -webkit-box-sizing: border-box;

   -moz-box-sizing: border-box;

   box-sizing: border-box;

}



.responsive .responsive-layout-row-3 .responsive-tablet-layout-cell 

{

   width: 33.33% !important;

}

/*hamburger menu*/

.responsive .art-nav .art-menu-btn {display:none!important};