/*
Theme Name: BEGES Containerservice
Theme URI: http://divido.se
Author: Divido IT Webb Reklam
Author URI: http://divido.se/
Template: divido
Description: Custom theme for Björkhaga
Version: 1.0
Text Domain: divido-child
*/

@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i');




/*  >>>>>>>>>>>>>>>>>>>>>> Basics <<<<<<<<<<<<<<<<<<<<<<<<  */

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body,html { height: 100%; } /* For parallax percent */

body {
	background-image: none;
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment: fixed; 
	/* background-size: 100%; */
	background-color: #fff;
	font-size: 15px;
	font-family: 'Noto Sans', sans-serif;
	font-weight: 400;
	line-height: 1.4;
	color: #000; }

a { color: #005b9a; outline: 0 !important; text-decoration: none !important; font-weight: 700; } 
a:hover { color: #000; }

p { margin-bottom: 18px; line-height:1.4; }

.parallaxtexts { font-size: 30px; color: #fff; text-shadow: 2px 2px 2px #858585; text-align: center; line-height: 1.0; font-style:italic; font-weight: 100 !important; }

blockquote { font-size: 18px; font-style: italic; text-align: center; letter-spacing: 1px; font-weight: 100; line-height: 1.0; margin:  30px 40px 40px;
	border-left: 10px solid #4eb949; padding-left: 15px; }
blockquote:before { content: ''; }
blockquote:after { content: ''; }

blockquote p { margin-bottom: 0px; }


h1 {
	font-family: 'Noto Sans', sans-serif;
	font-weight: 700;
	font-size: 35px;
	margin-bottom: 15px;
	text-transform: uppercase;
	color: #4eb949;
	line-height: 1.2; }
h2 {
	font-family: 'Noto Sans', sans-serif;
	letter-spacing: 0px;
	font-size: 26px;
	margin-bottom: 18px;
	color: #888; }
	.h2white { font-family: 'ImogenAgnes'; font-size: 90px; color: #fff; text-align: center; letter-spacing: 1px; font-weight: 100 !important; margin: 15px 0; }
h3 {
	font-size: 24px;
	font-weight: 400;
	margin-bottom: 15px;
	color: #000; }

	.nyheter { background-color: #00205B; color: #fff; padding: 15px; text-transform: uppercase; font-size: 14px; letter-spacing: 2px; margin-bottom: 0px; }
	
	.widget-title {  }
h4 {
	font-weight: 700;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 5px;
	color: #000; }
h5 {
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 5px;
	color: #4eb949; }
h6 {

	font-weight: 700;
	margin-bottom: 10px;
	color: #000; }

.color { color: #4eb949;  }
.bg-gray { background-color: #f0f0f0; }

.border-l { border-left: 10px solid #4eb949; padding-left: 15px;    }
.border-l p { margin-bottom: 0px; }
.border-l-med-pmarginbottom { border-left: 10px solid #4eb949; padding-left: 15px; }
.border-l-med-pmarginbottom p { margin-bottom: 10px; }

.logo { position:absolute; top: 0; left:0;
	margin: 5px 0 0;
		   z-index: 99995;
		   opacity: 1; 
		   transition: opacity .25s ease-in-out;
		   -moz-transition: opacity .25s ease-in-out;
		   -webkit-transition: opacity .25s ease-in-out; }
.logo:hover { opacity: 0.9;  }


.opacity { opacity: 1; 
		   transition: opacity .25s ease-in-out;
		   -moz-transition: opacity .25s ease-in-out;
		   -webkit-transition: opacity .25s ease-in-out; }
.opacity:hover { opacity: 0.8;  }


.sidepop { position: fixed; top: 100px; right: 0px; z-index: 99995; }

.pilupp { width: 40px; }

/*  >>>>>>>>>>>>>>>>>>>>>> CORE <<<<<<<<<<<<<<<<<<<<<<<<  */


header { width: 100%; padding: 2px 0 10px;; background-color: #fff; float: left; height: 120px !important;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e0e0e0+0,ffffff+25,ffffff+75,e0e0e0+100 */
background: #e0e0e0; /* Old browsers */
background: -moz-linear-gradient(left, #e0e0e0 0%, #ffffff 25%, #ffffff 75%, #e0e0e0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #e0e0e0 0%,#ffffff 25%,#ffffff 75%,#e0e0e0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #e0e0e0 0%,#ffffff 25%,#ffffff 75%,#e0e0e0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#e0e0e0',GradientType=1 ); /* IE6-9 */ }
.headerinfo { position: absolute; right: 30px; top: 20px; text-align: right; font-size: 13px; font-weight: bold; }


nav { width: 100%; padding: 0px 0; height: 50px; float: left; margin-top: 50px; position: relative; z-index: 9995 !important; background-color: transparent;  }


footer { width: 100%; padding: 10px 0; background-color: #d8d8d8; height: auto; overflow: hidden; }
.divido { clear: both; width: 100%; height: auto; font-size: 11px; text-align: center; padding: 10px 0px; border-top: 1px solid #ddd;
	background: #e0e0e0; /* Old browsers */
	background: -moz-linear-gradient(left, #e0e0e0 0%, #ffffff 25%, #ffffff 75%, #e0e0e0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #e0e0e0 0%,#ffffff 25%,#ffffff 75%,#e0e0e0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #e0e0e0 0%,#ffffff 25%,#ffffff 75%,#e0e0e0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#e0e0e0',GradientType=1 ); /* IE6-9 */}



.divlogofooter { clear: both; margin-top: 70px !important; text-align: center; position: relative; }
.logofooter { width: 130px; margin-bottom: 10px; }

.partners { text-align: center; position: relative; }


.container { width: 1200px; height: auto; min-height: 50px; margin: 0 auto; clear: both; overflow: hidden; }

/* If needed */
.wrapper { width: 1200px; height: auto; min-height: 50px; margin: 0 auto; overflow: hidden; clear: both; }

.containerheader { position: relative; overflow: visible; }
.containerfooter {}

.contentpages { width: 100%; min-height: 200px; margin: 0 auto; }

	.contentpages ul { list-style: none; margin-left: 15px; margin-right: 20px;  }
	.contentpages ul li { margin-bottom: 10px;  padding-left: 1.3em; }
	.contentpages ul li:before {
		content: "\f00c"; /* FontAwesome Unicode */
		font-family: FontAwesome;
		color: #4eb949;
		font-size: 20px;
		display: inline-block;
		margin-left: -1.3em; /* same as padding-left set on li */
		width: 1.3em; } /* same as padding-left set on li */

.copyright { font-size: 11px; font-weight: bold; }

.felsokbg { background-color: red; }
.felsokborder { border: 1px solid red; }


.bg-toning {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e0e0e0+0,ffffff+25,ffffff+75,e0e0e0+100 */
background: #e0e0e0; /* Old browsers */
background: -moz-linear-gradient(left, #e0e0e0 0%, #ffffff 25%, #ffffff 75%, #e0e0e0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #e0e0e0 0%,#ffffff 25%,#ffffff 75%,#e0e0e0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #e0e0e0 0%,#ffffff 25%,#ffffff 75%,#e0e0e0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#e0e0e0',GradientType=1 ); /* IE6-9 */ }


/* Bild och bildspelsbakgrunder */

.bildspel { clear: both; height: auto; margin-bottom: 0px; position: relative; overflow: hidden; z-index: 99994; }

.bildspel-container-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 900px; text-align: center;
	border-top: 2px solid #fff; border-bottom: 2px solid #fff; padding: 40px 10px 30px; z-index: 99995; }

.bildspel-text-1 { color: #fff; text-shadow: 2px 2px 4px #000000; font-size: 70px; font-weight: 700; text-transform: uppercase; margin-bottom: 20px; display: block;  }
.bildspel-text-2 { color: #fff; text-shadow: 2px 2px 4px #000000; font-size: 50px; margin-bottom: 20px; display: block;  }



/*

   .zoom:hover img {
        transform: scale(1.03);
    }
    .zoom img {
        display: block;
        transition: all 0.3s ease 0s;
        width: 100%;
		max-width: 100%;
    }


.metaslider .caption-wrap {
    position: absolute;
    bottom: 0 !important;
	top: 0 !important;
    left: 0 !important;
	right: 0 !important;
    background-color: transparent !important;
    color: none !important;
    opacity: 0.9 !important;
    margin: 50px auto 50px !important;
    display: block;
    width: 80% !important;
    line-height: 1.0 !important;
	

	overflow: hidden;
	height: auto !important;
	text-align: center;	
}

.caption { 
	width: 80% !important; 
	margin: 0px auto !important; 
	padding: 0% 0px 0% !important; 
		padding-top: 15% !important;
	
	position: absolute;
    bottom: 0 !important;
	top: 0 !important;
    left: 0 !important;
	right: 0 !important;
	
	color: #fff !important;

	height: auto !important; 
	background-color: none; 
	font-size: 120px;
	font-family: 'ImogenAgnes' !important;
	letter-spacing: 1px;
	text-shadow: 2px 2px 8px #323232;
	
	text-align: center;  }

.caption: p {
	position: absolute;
    bottom: 0 !important;
	top: 0 !important;
    left: 0 !important;
	right: 0 !important;
}

*/

.blink { 
	animation-name: goBig;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	 }

@keyframes goBig {
	0% {
		
	}
	50% {
		transform: scaleX(1.2) scaleY(1.2);
		opacity: 0.7;
	}
	100% {
		
	}
}	


button { 
  display: block;
  margin: 20px auto;
  padding: 10px 25px;
  width: auto;
  font-size: 10px;
  font-family: 'latoheavy';
  text-transform: uppercase; color: #fff; background-color: #4eb949; text-align: center; letter-spacing: 3px; 
  appearance: none;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  box-shadow: none;
  border-radius: 4px;
  border: 0px;
  cursor: pointer;
  padding: 15px 30px; font-size: 16px;
  transition: all .2s;
  backface-visibility: hidden;
}		

button:hover, input[type="submit"]:hover, input[type="button"]:hover { transform: scaleX(1.05) scaleY(1.05); }
button:active, input[type="submit"]:active, input[type="button"]:active { transform: translateY(3px); }

.bigbutton { padding: 15px 30px; font-size: 16px; }


button:focus {outline:none !important;}

input[type="text"] {
  display: block;
  margin: 5px 0 10px 0;
  width: 96%;
  font-size: 16px;
  font-family: 'latoregular';
  appearance: none;
  box-shadow: none;
  border-radius: none;
  padding: 5px 5px;
  outline: none;

}

input[type="date"] { padding: 5px 5px; }

input[type="number"] { width: 50px; padding: 5px 5px; }

input[type="submit"] {
	display: block;
	margin: 20px 0px;
	padding: 10px 25px;
	width: auto;
	font-size: 10px;
	font-family: 'latoheavy';
	text-transform: uppercase; color: #fff; background-color: #4eb949; text-align: center; letter-spacing: 3px; 
	appearance: none;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	box-shadow: none;
	border-radius: 4px;
	border: 0px;
	cursor: pointer;
	font-size: 16px;
	transition: all .2s;
}

input[type="button"] {
	display: block;
	margin: 20px auto;
	padding: 10px 25px;
	width: auto;
	font-size: 10px;
	font-family: 'latoheavy';
	text-transform: uppercase; color: #fff; background-color: #4eb949; text-align: center; letter-spacing: 3px; 
	appearance: none;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	box-shadow: none;
	border-radius: 4px;
	border: 0px;
	cursor: pointer;
	padding: 15px 30px; font-size: 16px;
	outline:none !important;
	transition: all .2s;
}

textarea {

  margin: 0 0 20px;
  padding: 5px 5px;
  width: 96% !important;
  font-size: 16px;
  font-family: 'latoregular';
  appearance: none;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
    outline: none;
  border-radius: none;
  border: 1px solid #ccc !important; 
  height: 200px;
 
}

/*  >>>>>>>>>>>>>>>>>>>>>> Navigation <<<<<<<<<<<<<<<<<<<<<<<<  */


.navigation { height: 50px; width: auto; float: right; text-align: center;  }

.navigation ul li { display: inline-block; margin: 14px 15px 0; }
.navigation ul li a { color: #000; font-weight: 700; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; line-height: 1.0; }
.navigation ul li a:hover { font-weight: 700; }

.current-menu-item a:before { content: ''; }

/*   Navigation link mark   */
.navigation li:hover > a,
.navigation ul ul :hover > a,
.navigation a:focus {
	color: #666;
}
.navigation li:hover > a,
.navigation a:focus {
	color: #666;
}
.navigation ul li:hover > ul {
	display: block;
}
.navigation .current-menu-item > a,
.navigation .current-menu-ancestor > a,
.navigation .current_page_item > a,
.navigation .current_page_ancestor > a {
	border-bottom: 4px solid #4eb949;
}

/*  >>>>>>>>>>>>>>>>>>>>>> Custom Gallery <<<<<<<<<<<<<<<<<<<<<<<<  */


/*

.galleryid-500 img { -webkit-filter: grayscale(100%); filter: grayscale(100%); }

.galleryid-500 img:hover { -webkit-filter: grayscale(100%); filter: grayscale(100%); cursor: pointer; }

.galleryid-500 .gallery-item { height: 170px; }

*/



/*  >>>>>>>>>>>>>>>>>>>>>> Media Queries <<<<<<<<<<<<<<<<<<<<<<<<  */


@media screen and (max-width: 1300px) {

body {
background-image: none; }

/*
h1 { font-size: 35px; }
h2 { font-size: 24px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 18px; }
h6 { font-size: 70px; }
*/

.wrapper { width: 90%; }
.container { width: 90%; height: auto; margin: 0 auto; }

header {}

.navigation { height: auto; width: auto; float: right; text-align: center; max-width: 70%;  }

.navigation ul li { display: inline-block; margin: 0px 10px 5px;  }
.navigation ul li a { color: #000; font-weight: 700; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; line-height: 1.0; }


footer {  }

.logo { width: 220px; }
.sidepop { position: fixed; top: 100px; right: 0px; width: 140px; }

.bildspel-container-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 600px; text-align: center;
	border-top: 2px solid #fff; border-bottom: 2px solid #fff; padding: 20px 10px 15px; }

.bildspel-text-1 { color: #fff; text-shadow: 2px 2px 4px #000000; font-size: 50px; font-weight: 700; text-transform: uppercase; margin-bottom: 0px; display: block;  }
.bildspel-text-2 { color: #fff; text-shadow: 2px 2px 4px #000000; font-size: 30px; margin-bottom: 0px; display: block;  }



}


@media screen and (max-width: 850px) {

body {
background-image: none;
font-size: 15px;
min-width: 420px; }

h1 { font-size: 26px; }
h2 { font-size: 18px; }
h3 { font-size: 18px; }
h4 { font-size: 12px; }
h5 { font-size: 14px; }
h6 { font-size: 60px; }


#comments {
	clear: both; width: 100%; margin: 30px 0;
}



.wrapper { max-width: 420px; min-height: 300px; min-width: 420px; }

header { height: 95px !important; overflow: visible; }

.container { width: 90%; height: auto; margin: 0 auto; }

.containerheader { width: 90%; height: auto; margin: 0 auto; clear: both; overflow: display; position: relative; }



/*
.headerinfo { position: absolute; right: 10px; top: 10px; text-align: right; font-size: 13px; font-weight: bold; }
*/

nav { height: auto; margin-bottom: 10px; }
footer { height: auto; }



.logo { width: 150px; position: static; top: auto; left: auto;  margin: 0px auto; }
.sidepop { top: 15px; display: none; }


nav { width: 100%; padding: 0px 0; height: 50px; float: left; margin-top: 0px; position: relative; background-color: transparent; z-index: 99999 !important;  }


.bgmobilmeny { text-align: right; margin-bottom: 20px; margin-top: -40px; }


#mobilmeny { background-color: #4eb949; }
.navimage { width: 32px; outline: 0 !important; border: none; margin: 3px 0px; text-align: center; }
.navimagenoborder { outline: 0 !important; border: none; }

.mobilnavigation { width: 100%; text-align: center; margin-bottom: 15px; padding: 15px 0px 5px; border-radius: 5px; border: 2px solid white; position: relative;  z-index: 99999 !important; opacity: 0.95; }
.mobilnavigation ul li { margin: 0 0 15px 0px; list-style: none; }
.mobilnavigation ul li a { color: #fff; font-size: 18px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; line-height: 32px; border: none; outline: 0 !important; }



.bildspel-container-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 900px; text-align: center;
	border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 20px 10px 15px; }

.bildspel-text-1 { color: #fff; text-shadow: 2px 2px 4px #000000; font-size: 30px; font-weight: 700; text-transform: uppercase; margin-bottom: 0px; display: block;  }
.bildspel-text-2 { color: #fff; text-shadow: 2px 2px 4px #000000; font-size: 20px; margin-bottom: 0px; display: block;  }

blockquote { font-size: 16px; font-style: italic; text-align: center; letter-spacing: 0.5px; font-weight: 100; line-height: 1.0; margin:  20px 10px 40px 10px;
	border-left: 10px solid #4eb949; padding-left: 15px; }


}