/*-----------------------------------------------------------------------*
 *  Custom styles goes in here instead of directly in bootstrap.min.css  *
 *-----------------------------------------------------------------------*/

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
}

h1:first-child, 
h2:first-child, 
h3:first-child, 
h4:first-child, 
h5:first-child, 
p:first-child {
	margin-top: 0;
}
p:last-child {
	margin-bottom: 0;
}

header {
	margin-top: 50px;
}

.lang img {
	height: 37px;
	width: 37px;
	float: right;
	margin-top: 7px;
	margin-bottom: 6px;
}

footer {
	margin-top: 25px;
	padding: 10px 0 30px;
	border-top: 1px solid #c2c2c2;
	color: #888;
	font-size: 10px;
	letter-spacing: 1px;
}
	footer a {
		color: #888;
	}

.background { /* Used as a template/class on block to get a background */
	padding: 30px;
	background: #f0f0f0;
}

.no-padding {
	padding-left: 0;
	padding-right: 0;
	margin-left: -15px;
	margin-right: -15px;
}

.ccm-image-block {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

#fancybox-wrap,
#fancybox-outer,
#fancybox-content {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -safari-box-sizing: content-box;
    box-sizing: content-box;
}

/*--------------*
 *  Responsive  *
 *--------------*/

@media (max-width: 767px) {
	
	.ccm-layout .ccm-layout-cell {
		width: 100% !important;
	}
	.ccm-layout-col-spacing {
		margin: 10px 0 !important;
	}
	.sveabyran_image_gallery_container {
		width: 100%;
		float: none;
	}
	.sveabyran_image_gallery_image {
		width: 24% !important;
		float: left;
		margin-right: 3px;
		overflow: hidden;
	}
	.sveabyran_image_gallery_image>div {
		height: auto !important;
		float: none !important;
	}
	.sveabyran_image_gallery_image a img {
		display: block;
		width: 100% !important;
		height: auto !important; 
		margin: 0 auto 5px;
	}
}

@media (min-width: 767px) {
	.navbar {
		min-height: 20px;
		border-radius: 0;
		margin-top: 20px;
	}
		.navbar-default {
			background-color: transparent;
			border-color: #c2c2c2;
			border-left: 0px;
			border-right: 0px;
		}
			.navbar-default .navbar-nav>li>a {
				font-size: 16px;
				text-transform: lowercase;
				color: #000;
				padding: 5px 12px;
			}
				.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
				color: #000;
				background-color: transparent;
				text-decoration: underline;
				}
				
	
}

@media (min-width: 768px) and (max-width: 991px) {
}

@media (min-width: 992px) and (max-width: 1199px) {
	.container {
		width: 930px;
	}
	.slider {
		position: relative;
	}
		.news {
			position: absolute;
			right: -175px;
			bottom: -15px;
			z-index: 101;
		}
}

@media (min-width: 1200px) {
	.container {
		width: 930px;
	}
	.slider {
		position: relative;
	}
		.news {
			position: absolute;
			right: -175px;
			bottom: -15px;
			z-index: 101;
		}
}