/* ----------------------------------- Font */

@font-face {
    font-family: 'Ahkiobold';
    src: url('/fonts/ahkio-bold-webfont.eot');
    src: url('/fonts/ahkio-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/ahkio-bold-webfont.woff2') format('woff2'),
         url('/fonts/ahkio-bold-webfont.woff') format('woff'),
         url('/fonts/ahkio-bold-webfont.ttf') format('truetype'),
         url('/fonts/ahkio-bold-webfont.svg#ahkiobold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'Ahkioregular';
    src: url('/fonts/ahkio-regular-webfont.eot');
    src: url('/fonts/ahkio-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/ahkio-regular-webfont.woff2') format('woff2'),
         url('/fonts/ahkio-regular-webfont.woff') format('woff'),
         url('/fonts/ahkio-regular-webfont.ttf') format('truetype'),
         url('/fonts/ahkio-regular-webfont.svg#ahkioregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

h1, .h1, h2 big, h3 big, h4 big, h5 big { font-size: 46px; }
h2, .h2 { font-size: 40px; }
h3, .h3 { font-size: 32px; }
h4, .h4 { font-size: 28px; }
h5, .h5 { font-size: 24px; }
h6, .h6 { font-size: 22px; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	color: #000;
	font-family: 'Ahkioregular', cursive;
	line-height: 1.05;
	margin-bottom: 10px;
}

@media only screen and (max-width: 767px) and (orientation: portrait) {	
	h1, .h1 { font-size: 40px; }
	h2, .h2 { font-size: 36px; }
	h3, .h3 { font-size: 32px; }
	h4, .h4 { font-size: 28px; }
	h5, .h5 { font-size: 26px; }
	h6, .h6 { font-size: 22px; }
}


/* ----------------------------------- Reverse columns */

.reverse-content .one-half, .reverse-content .one-third, .reverse-content .one-fourth{
    float:right;
    margin-right:0;
    margin-left: 2%;
}
.reverse-content .one-half.last, .reverse-content .one-third.last, .reverse-content .one-fourth.last{
    margin-left:0;
}


/* ----------------------------------- Burger manu */


.top-nav .pull {
    background: transparent !important;
	left: auto;
	right:0;
}

.mm-opened .top-nav .pullXXX {
	position: fixed;
}

.top-nav .pull:hover {
    background: transparent;
}
.top-nav .pull span.pull-txt {
    display: none;
}
.top-nav .pull span.pull-burger-icon{
	top: 25px;
}
.top-nav .pull span.pull-burger-icon span{
	background:#5f4b9b;
}





/* ----------------------------------- Quick navigation buttons */

body:not(.startpage) .quick-nav {
	display:none !important;
}


.quick-nav {
    padding: 2px 0;
	ackground: transparent;
}
.quick-nav ul.nav {
    margin: -150px 0 0 0 !important;
}

.quick-nav ul.nav li{
    margin: 0 0 20px 0 !important;
}

.quick-nav a .quick-icon {
    display: none;
}
.quick-nav a{
	background:#a778b1;
	padding:10px 40px;
	border-radius: 30px;
	text-transform:uppercase;
}
.quick-nav a:hover{
	background:#5f4b9b;
}

.quick-nav .quick-nav-text{
	color:#fff !important;
}


.quick-nav a {
    position: relative;
}
.quick-nav a:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 2px solid #5f4b9b;
	border-radius:30px;
	margin:3px;
}

.quick-nav a:hover:after {
    border: 2px solid #a778b1;
}



.quick-nav a span.besporty-logo{
    margin:0 -5px;
}
.quick-nav a span.besporty-logo span{
    opacity:0;
}
.quick-nav a span.besporty-logo::before{
    content: '';
    dispaly:inline-block;
    width:100px;
    height:40px;
    background: url("https://www.besporty.se/theme/sporty/logo.png") no-repeat;
    background-position: center;
    background-size: 80px 37px;
    position: absolute;
    top:3px;
}

@media only screen and (min-width: 767px) and (max-width: 959px) {
.quick-nav a span.besporty-logo::before{
	top:2px;
	width:80px;
    background-size: 60px 28px;
}
}	
@media only screen and (max-width: 767px) {
.quick-nav a span.besporty-logo{
    margin:0;
}	
.quick-nav a span.besporty-logo::before{
	top:2px;
	width: 63px;
    background-size: 55px 25px;
}

.quick-nav ul.nav li {
	padding: 7px 10px !important;
	margin: 0 !important;
}

}	
@media only screen and (max-width: 420px){
.quick-nav a span.besporty-logo{
    margin:0;
}
.quick-nav a span.besporty-logo::before{
	top:1px;
	width:53px;
    background-size: 50px 23px;
}	
.quick-nav .quick-nav-text {
    display: block;
    margin-top: 1px;
}
}


@media only screen and (min-width: 768px){
	html.mm-opened:not(.mm-opening) body{
		overflow-y:scroll;
	}
	html.mm-opened:not(.mm-opening) body .mm-menu>.mm-panel{
		overflow-y:hidden;
	}	
}

@media only screen and (max-width: 767px) and (orientation: portrait) {	

	.quick-nav ul.nav li{
		display:block;
		margin: 0 5px 0 5px !important;
	}
	.quick-nav ul.nav li a{
		width: 60vw;
		display: inline-block;	
	}	
	
	.quick-nav ul.nav {
		margin: -300px 0 0 0 !important;
		font-size: 22px;
	}
	
	.slideshow-title {
		font-size: 80px !important;
		margin-left:20px;
	}	
	
}




@media only screen and (max-width: 479px){
	.payoff {
		font-size: 18px;
	}
}


@media only screen and (max-width: 419px){
	.payoff {
		font-size: 18px;
		width:calc(100vw - 170px);		
	}
	
	.quick-nav ul.nav {
		font-size: 16px;
	}

}

@media only screen and (max-width: 359px){
	.payoff {
		font-size: 16px;
	}
	.hide-for-verysmall{
		display:none;
	}
	.quick-nav .quick-nav-text {
		font-size: 16px;
	}

}

body:not(.startpage) .quick-nav{
	display:none;
}




/* ----------------------------------- header */

.header{
    background: #fff;
	background-position:50% 50%;
	background-size:100% auto;
}


.logo {
    left: 10px;
}
.payoff {
    padding: 0 0 0 110px !important;
	width:calc(100vw - 200px);
	text-transform:uppercase;
}

@media only screen and (min-width: 768px){
	
	div#headerslidernav {
		margin-top:-10px;
	}	
	

	
    .header {
        height: 180px;
    }
    .payoff {
        padding: 0 !important;
        width: auto !important;
        top: auto !important;
        position:relative !important;
        margin:0 !important;
        text-align:center;
        transform: translateY(0);
    }

    .logo {
        position: relative;
        top: auto;
        left: 50%;
        margin-left:-70px;
    }  

    .logo img{
        width:125px !important;
        margin-top:10px;
    }      

    body.startpage div#headerslider, body.startpage .welcome-video-dimensions, body.startpage div#headerslider>div, body.startpage div#headerslider>div>div {
        height: calc(100vh - 180px) !important;
    }
    
}




							
/* ----------------------------------- Photo glow effect */

a.addglow {
    position:relative;
    display:block;
}
a.addglow img.round-photo{
    max-width:100%;
	display: block;
	margin: auto;
}

a.addglow::after {
    content:'';
    position:absolute;
    display:block;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:url("https://public.besporty.se/img/funkykidz/funkykidz-roundglow.png") no-repeat;
    background-position:50% 50%;
    background-size:auto 101.5%;
}





span.overlay-photo {
    display:block;
    position:absolute;
    bottom:0;
    left:50%;
    z-index:100;
}
span.overlay-photo img{
    width:40vw;
    max-width:250px !important;
    margin-left:-280px;
}


/* ----------------------------------- White button */

.button-white{
	display:block;text-transform:uppercase;color:#005ca0 !important;padding:30px 0;font-size:28px;background:#fff;padding:20px 30px;border-radius:70px;margin-bottom:30px;max-width:400px;
}


/* ----------------------------------- Radial effect to quick search */


.bg-radial.content-wrap .content-wrap{ 
    background:transparent !important;
}
.bg-radial .content .quick-search{ 
    background:transparent;
    height: 40vw;
}

.bg-radial.content-wrap .content .quick-search {
    background: transparent;
    height: 40vw;
    max-width: 800px;
    margin: auto;	
}

.bg-radial.content-wrap .content .quick-search-col {
    width: 48% !important;
	margin-right:1% !important;
	margin-left:1% !important;
}
.bg-radial.content-wrap .content .quick-search-col.quick-search-col1 {
    width: 100% !important;
    margin: 30px 0 20px 0;
}
.bg-radial.content-wrap .content .quick-search-col.quick-search-col4 {
    display:none;
}
.content-wrap .content .quick-search-col .quick-search-input{
    border-radius:10px;
    border:2px #450c5d solid;
	margin-bottom:0 !important;
}
@media only screen and (max-width: 767px) {
    .content .quick-search-col {
        width: 48%;
    }
}


body.centersearchpage .quick-search{
	display:none;
}

body.centersearchpage div#headerslider {
    margin-bottom:20px;
}


.content .quick-search {
	margin-top: 30px;
}	

							
							
div#headerslidernav {
    display: flex;
    vertical-align: bottom;
    justify-content: center;
    align-items: flex-end;
	margin-top:-20px;
}				

.content .quick-search {
	margin-top: 30px;
}	

@media only screen and (min-width: 768px){
	
	div#headerslidernav {
		margin-top:-10px;
	}	
	

	
    .header {
        height: 180px;
    }
    .payoff {
        padding: 0 !important;
        width: auto !important;
        top: auto !important;
        position:relative !important;
        margin:0 !important;
        text-align:center;
        transform: translateY(0);
    }

    .logo {
        position: relative;
        top: auto;
        left: 50%;
        margin-left:-70px;
    }  

    .logo img{
        width:125px !important;
        margin-top:10px;
    }      
    
    h2.payoff::before {
        content: '';
        dispaly:inline-block;
        width:121px;
        height:170px;
        background-position: center;
        background-size: 121px 170px;
        position: absolute;
        margin-left:-200px;
        top:-128px;
    }

    body.startpage div#headerslider, body.startpage .welcome-video-dimensions, body.startpage div#headerslider>div, body.startpage div#headerslider>div>div {
        height: calc(100vh - 180px) !important;
    }
    
}




body.startpage .xspace, body.centersearchpage .xspace {
	display:none !important;
}






html,body{background:#f8f8f8}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{color:#000;font-family:'Ahkioregular',cursive}.marker{color:#005ca0;font-weight:bold;font-size:16px}.cntbox h1,.cntbox h2,.cntbox h3,.cntbox h4,.cntbox h5,.cntbox h6,.cntbox .h1,.cntbox .h2,.cntbox .h3,.cntbox .h4,.cntbox .h5,.cntbox .h6{color:#000}.payoff{color:#005ca0}.logo{top:8px;left:100px}.logo img{width:140px}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#212721}a,a>*{color:#005ca0}.tabs-nav li a:hover,.tabs-nav li.active a{color:#005ca0}a:hover,a>*:hover{color:#212721}.button,input[type="submit"],input[type="reset"],input[type="button"],button{background:#005ca0;border:1px #005ca0 solid;color:#fff}.button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,button:hover,.button:focus,input[type="submit"]:focus,input[type="reset"]:focus,input[type="button"]:focus,button:focus{background:#5287c9;border:1px #5287c9 solid;color:#fff}.content-wrap{background:#f8f8f8}.top-nav .pull{background:#f58424}.top-nav .pull:hover{background:#e96f08;color:#fff}.quick-nav{background:#005ca0}.quick-nav ul.nav li{padding:10px 15px}.quick-nav .quick-icon{background:#d6e9fa;color:#005ca0;border:3px #fff solid;display:none}.quick-nav a,.quick-nav a:hover,.quick-nav .quick-nav-text{color:#fff}.slideshow-additional-effect-1,.slideshow-additional-effect-2{display:none}.top-nav>.navleft{right:300px;max-width:350px;margin-top:5px;text-align:center}.top-nav>.navleft li{float:none;display:inline-block}.top-nav>ul li a,.top-nav div>ul li a{color:#2a2a2a}.top-nav>ul li a:hover,.top-nav div>ul li a:hover,.top-nav>ul li a:active,.top-nav>ul li.current a{color:#4070ac}.main-nav a{background:#005ca0;color:#fff !important}.main-nav a:hover,.main-nav .hover>a{color:#fff !important;background:#fafafa}.main-nav a:hover,.main-nav .hover>a,.main-nav .current>a{background:#07acff;color:#3c3c3c}.cntbox{background:#fff;border:1px #eee solid}a.cntbox:hover{background:#e4f1b5}.cntbox .cntbox hr{background:transparent;color:#5287c9;border-bottom:3px #5287c9 dotted}.cntbox .cntbox{background:#fff;border:0}.cntbanner-overlay-cnt{background:url(/img/trans-white70.png)}span.paragraph{color:#212721}span.lnk{color:#4070ac}.side-col h3{color:##005ca0;font-weight:normal}.side-col h3 .sub-nav-current-title a{color:#005ca0}.side-col .cntbox h4{border-bottom:1px #dcdcdc solid;color:#9c9c9c}.side-col .cntbox .bigsize{color:#5c92bb}.sub-nav ul li a{background:transparent}.sub-nav ul li.current>a,.sub-nav ul li.current>a:hover{color:#005ca0}.sub-nav ul li.current ul{margin:0 0 0 50px}.sub-nav ul li ul{margin:0 0 0 19px}.sub-nav ul>li ul li{list-style:square}.sub-nav ul>li ul li a{background:#fff}.sub-nav ul>li ul li.current a{color:#005ca0}.sub-nav ul li a:hover{color:#005ca0}.sub-nav ul li.current ul li.current{margin-left:1px}.sub-nav ul li.current ul li.current a,.sub-nav ul li.current ul li.current a:hover{background:#fff;color:#005ca0;padding-left:0}.footer{background:#005ca0}.footer h3,.footer h4{color:#92c4e4;border-bottom:1px #278dcc solid}.footer a,.footer-bottom a{color:#fff}.footer a:hover,.footer-bottom a:hover{color:#fff}.footer .groupbox{background:#278dcc}@media only screen and (min-width:768px){.footer .groupbox{width:19.2%;margin-right:1%;font-size:13px}}@media only screen and (max-width:767px){.footer .groupbox{width:48%;margin-right:1%;margin-left:1%;font-size:13px;float:left;margin-bottom:0}.footer .groupbox:last-child{margin-right:25%;margin-left:25%}}.footer .groupbox:hover{background:#fff;color:#2a2a2a}#back-to-top,.touch-device #back-to-top:hover{background:url(/img/arrow-up-large.png) no-repeat 50% 50%;background-color:#747474;background-color:rgba(116,116,116,0.7)}#back-to-top:hover,.touch-device #back-to-top:active{background-color:#4070ac}.footer-bottom{background:#004e88;color:#fff}.footer-bottom li{color:#fff}#besportyblog{height:67px}#blogticker{border:1px #eee solid}#blogticker-title{background:#005ca0}#blogticker-cnt ul a{color:#005ca0}.bubble{position:relative;width:auto;height:auto;padding:15px;display:inline-block;background:#fffbc9;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;border:#7f7f7f solid 1px;margin-bottom:20px;margin-right:10px;font-style:italic}.bubble:after{content:'';position:absolute;border-style:solid;border-width:14px 15px 0;border-color:#fffbc9 transparent;display:block;width:0;z-index:1;margin-left:-15px;bottom:-14px;left:40px}.bubble:before{content:'';position:absolute;border-style:solid;border-width:14px 15px 0;border-color:#7f7f7f transparent;display:block;width:0;z-index:0;margin-left:-15px;bottom:-15px;left:40px}@media only screen and (max-width:419px){.payoff{font-size:18px;padding:0 17px 0 240px}}@media only screen and (max-width:376px){.payoff{font-size:16px;padding:0 15px 0 240px}}@media only screen and (max-width:361px){.payoff{font-size:14px}}@media only screen and (max-width:767px){.quick-nav ul.nav{font-size:15px}.quick-nav ul.nav li{padding:10px 5px}}@media only screen and (max-width:479px){.quick-nav ul.nav{font-size:13px}.quick-nav ul.nav li{padding:10px 2px}}@media only screen and (max-width:419px){.logo{top:15px;left:100px}.logo img{width:120px}}




.vjs-poster{
	background-size:cover !important;
}



.top-nav .pull {
    background: transparent;
	left: auto;
	right:0;
}

.mm-opened .top-nav .pullXXX {
	position: fixed;
}

.top-nav .pull:hover {
    background: transparent;
}
.top-nav .pull span.pull-txt {
    display: none;
}
.top-nav .pull span.pull-burger-icon{
	top: 25px;
}
.top-nav .pull span.pull-burger-icon span{
	background:#005ca0;
}


.logo {
    left: 10px;
}
.payoff {
    padding: 0 0 0 170px !important;
	width:calc(100vw - 250px);
	text-transform:uppercase;
}

@media only screen and (max-width: 419px) {
	.payoff {
		padding: 5px 0 0 150px !important;
		width: calc(100vw - 220px);
	}
}



.cntbox .cntinnerbox, .cntbox .regform {
	background-position:50% 50%;
	background-size:cover;
}

.content .quick-search {
    background: #7bb8fe;
    margin-top: 20px;
}
.content .quick-search-title {
    color: #005ca0;
}



.quick-nav{
	background:transparent;
}

.quick-nav a{
	background:#005ca0;
}
.quick-nav a:hover{
	background:#7bb8fe;
}
.quick-nav a:hover .quick-nav-text{

}
.quick-nav a:after {
    border: 2px solid #7bb8fe;
}
.quick-nav a:hover:after {
    border: 2px solid #005ca0;
}




@media only screen and (min-width: 768px){
	html.mm-opened:not(.mm-opening) body{
		overflow-y:scroll;
	}
	html.mm-opened:not(.mm-opening) body .mm-menu>.mm-panel{
		overflow-y:hidden;
	}	
}







							body.startpage div#headerslider, body.startpage .welcome-video-dimensions, body.startpage div#headerslider>div,  body.startpage div#headerslider>div>div {
								width: 100vw !important;
								height:calc(100vh - 80px) !important;
								transform:scale(1) !important;
								top:0 !important;
								left:0 !important;
							}


							body.startpage .welcome-video-dimensions video {

								object-fit: cover;
								object-position: 50% 10%;
								z-index:-100;

							}


							body.startpage .slide div a.button{
								opacity:0 !important;
							}

							body.startpage div#headerslider {
								z-index:1;
								position:relative;margin:0;top:0px;left:0px;width:100vw  !important;height:0;overflow:hidden;visibility:hidden;
							}
							body.startpage .headerslider-slides {
								cursor:default;position:relative;top:0px;left:0px;width:100vw  !important;height:calc(100vh - 80px) !important;overflow:hidden;
							}
							body.startpage .headerslider-slides .slide-content{
								position:absolute;top:0;left:0;width:100vw  !important;height:calc(100vh - 80px) !important;
							}
							body.startpage div#headerslider>div {
								z-index:-1;
							}		
							body.startpage .headerslider-slides .slide {
								width:100vw  !important;
								height:calc(100vh - 80px) !important;
							}	

							@media only screen and (max-width: 767px) and (orientation: portrait) {	
								body.startpage .slide-scaleupmobile .headerslider-slides .slide {
									width:100vw !important;
									height:calc(100vh - 80px) !important;
								}		
								
								body.startpage .slide-scaleupmobile .slideshow-caption{
									width:100vw !important;
								}
							}





div#headerslidernav {
    display: flex;
    vertical-align: bottom;
    justify-content: center;
    align-items: flex-end;
	margin-top:-20px;
}				
							
.header {
    background:#7bb8fe url("https://public.besporty.se/img/besporty/besporty-bg.jpg") no-repeat;
    background-size:cover;
}

.content .quick-search {
	margin-top: 20px;
}	

@media only screen and (min-width: 768px){
	
	div#headerslidernav {
		margin-top:-10px;
	}	
	

	
    .header {
        height: 180px;
    }
    .payoff {
        padding: 0 !important;
        width: auto !important;
        top: auto !important;
        position:relative !important;
        margin:10px 0 0 0 !important;
        text-align:center;
        transform: translateY(0);
		font-size:20px;
    }

    .logo {
        position: relative;
        top: auto !important;
        left: 50% !important;
        margin-left:-110px;
    }  

    .logo img{
        width:225px !important;
        margin-top:20px;
    }      

	

    body.startpage div#headerslider, body.startpage .welcome-video-dimensions, body.startpage div#headerslider>div, body.startpage div#headerslider>div>div {
        height: calc(100vh - 180px) !important;
    }
	
	.bg-radial.content-wrap .content .quick-search {
		height: 30vw;
	}	
    
}

.bg-radial.content-wrap{ 
    background:#fff url(https://public.besporty.se/img/besporty/besporty-radial.jpg) no-repeat !important;
    background-position:50% 100% !important;
    background-size:100% auto !important;	
}


.bg-radial.content-wrap .content .quick-search-col, .bg-radial.content-wrap .content .quick-search-col.quick-search-col1 {
    margin-top:30px !important;
    margin-bottom:0 !important;  	
}
.content-wrap .content .quick-search-col, .content-wrap .content .quick-search-col.quick-search-col1, .bg-radial.content-wrap .content .quick-search-col, .bg-radial.content-wrap .content .quick-search-col.quick-search-col1 {
    width: 31% !important;
    margin-right: 1% !important;
    margin-left: 1% !important;
	float: left !important;
}







@media only screen and (min-width: 768px) {
    h2.payoff::before {
        display:none;
    }
    h2.payoff::after {
        display:none;
    }    
}

.header .mascots {
    position:absolute;
    top:0;
    left:50%;
    width:0;
    z-index:0;
}
.header .mascot {
    position:absolute;
    top:-25px;
    left:-80px;
    -webkit-transform: scale(.75);
    transform: scale(.75);
	transition: transform .3s;
}
.header .mascot:hover {
    -webkit-transform: scale(.80);
    transform: scale(.80);
}
.header .mascot.mascot-funky {
    position:absolute;
    left:-335px;
}
.header .mascot.mascot-funkylina {
    position:absolute;
    left:-250px;
}
.header .mascot.mascot-flip {
    position:absolute;
    left:120px;
}
.header .mascot.mascot-trix {
    position:absolute;
    left:203px;
}
.header .mascot.mascot-tiger {
    position:absolute;
    left:295px;
}







.container-overlay{
position:relative;top:0;left:0;
}
.container-overlay-photo{
position:relative;z-index:1;display:block;
}
.container-overlay-txt, .container-overlay-txt:hover{
color:#fff;
display:block;
}

.bs-bubblan-txt1{
position:absolute;top:2vw;left:3vw;z-index:2;font-family: "Ahkioregular", cursive;font-size:4vw;line-height:1.2;text-align:center;color:#fff;
}
.bs-bubblan-txt2{
position:absolute;top:38vw;left:3vw;z-index:2;font-family: "Ahkioregular", cursive;font-size:2.5vw;line-height:1.2;color:#fff;
}
.bs-bubblan-txt3{
position:absolute;top:2vw;left:85vw;z-index:2;
}
.bs-bubblan-txt3 img{
width:10vw;
}

.bs-magiskaledare-txt1{
position:absolute;top:55vw;left:3vw;z-index:2;font-family: "Ahkioregular", cursive;font-size:2.5vw;line-height:1.2;color:#000;
}
.bs-magiskaledare-txt1 span, .bs-magiskaledare-txt1:hover{
color:#000;
}
.bs-magiskaledare-txt1 .txtbig{
font-size:3.5vw;
}

.bs-magiskalektioner-txt1{
position:absolute;top:55vw;right:3vw;z-index:2;font-family: "Ahkioregular", cursive;font-size:2.5vw;line-height:1.2;color:#000;
}
.bs-magiskalektioner-txt1 span, .bs-magiskalektioner-txt1:hover{
color:#000;
}
.bs-magiskalektioner-txt1 .txtbig{
font-size:3.5vw;
}

.bs-dettaingar-txt1{
position:absolute;top:28vw;right:10vw;z-index:2;font-family: "Ahkioregular", cursive;font-size:5vw;line-height:1.2;color:#000;
}
.bs-dettaingar-txt1:hover{
color:#000;
}


.bs-maskotbesok-txt1{
position:absolute;top:34vw;left:7vw;z-index:2;font-family: "Ahkioregular", cursive;font-size:5vw;line-height:1.2;color:#000;
}
.bs-maskotbesok-txt1:hover{
color:#000;
}


.bs-provapa-txt1{
position:absolute;top:3vw;left:3vw;z-index:2;font-family: "Ahkioregular", cursive;font-size:3vw;line-height:1.2;color:#000;
}
.bs-provapa-txt1:hover, .bs-provapa-txt1 span{
color:#000;
}
.bs-provapa-txt1 .txtbig{
font-size:5vw;
}

@media only screen and (min-width: 768px){
.one-half.nomargin{
width:50%;
margin:0;
}
}

@media only screen and (max-width: 767px){
.bs-bubblan-txt1{
font-size:6vw;
}
.bs-bubblan-txt2{
font-size:4vw;
top:52vw;
}
.bs-bubblan-txt3{
top:4vw;left:75vw;
}
.bs-bubblan-txt3 img{
width:15vw;
}

.bs-magiskaledare-txt1{
top:112vw;left:5vw;font-size:5vw;
}
.bs-magiskaledare-txt1 .txtbig{
font-size:6vw;
}

.bs-magiskalektioner-txt1{
top:112vw;right:5vw;font-size:5vw;
}
.bs-magiskalektioner-txt1 .txtbig{
font-size:6vw;
}

.bs-dettaingar-txt1{
top:45vw;right:5vw;
}

.bs-maskotbesok-txt1{
top:52vw;left:7vw;font-size:6vw;
}

.bs-provapa-txt1{
font-size:4vw;
text-align:left;
}
.bs-provapa-txt1 .txtbig{
font-size:6vw;
}

}


.bs-turne-txt1{
position:absolute;top:2vw;left:48vw;z-index:2;font-family: "Ahkioregular", cursive;font-size:3.5vw;line-height:1;text-align:center;color:#fff;
}
.bs-turne-txt2{
position:absolute;top:38vw;left:51vw;z-index:2;font-family: "Ahkioregular", cursive;font-size:2vw;line-height:1.2;color:#fff;text-align:center;
}
.bs-turne-txt1 span, .bs-turne-txt2 span{
color:#fff;
}
.bs-turne-txt1 .txtbig{
font-size:4vw;
}
.bs-turne-txt2 .txtbig{
font-size:3.5vw;
}

@media only screen and (max-width: 767px){
.bs-turne-txt1{
font-size:6vw;
left: 40vw;
}
.bs-turne-txt2{
font-size:4vw;
top:52vw;
left: 10vw;
}
}