/* ogeborg custom style */

body {
	/*background:#e0e0e0;*/
	background:#fff;
	color:#000;
	font-size:20px;
	font-family:LLBrownWeb-Regular, Arial;
}

body ::selection { background: #ffec00; }

a {
	color:#000;
	text-decoration:underline;
}

a:hover {
	color:#777;
}

p {
	line-height:1.2em;
	margin:0 0 1em 0;
}

b, strong {
	font-family: LLBrownWeb-Bold, Arial;
	font-weight:normal;
}

h2 {
	font-family: LLBrownWeb-Regular, Arial;
	font-weight:normal;
	font-size:30px;
}

h3 {
	font-weight:normal;
	margin-top:20px;
	margin-bottom:60px;
}

h4 , h4 p, .search-res-subsection h4 p {
	margin-bottom:20px;
	margin-top:20px;
	font-weight:normal;
	font-size:20px;
	text-transform:none;
}

.search-res-subsection h4 p {
	margin-bottom:0px;
	margin-top:0px;
	font-weight:normal;
	font-size:20px;
	text-transform:none;
}


#header {
	border-top:1px solid #000;
	margin-top:20px;
	overflow:hidden;
}

#header #branding {
	float:left;
	width:16.6%;
	box-sizing:border-box;
}

#menu {
	width:83%;
	box-sizing:border-box;
	margin-bottom:80px;
}

#menu a {
	text-decoration:none;
	font-size:20px;
}

#menu, .menu {
	float:left;
}

.menu {
	float:left;
	width:83%;
	box-sizing:border-box;
	line-height:1.2em;
}

#menu ul {
	list-style:none;
	margin:14px 0;
	padding:0;
	box-sizing:border-box;
}

#menu ul li {
	width:25%;
	float:left;
	box-sizing:border-box;
	padding-right:25px;
}

.cart-topmenu {
	float:left;
	width:16%;
	margin-top:14px;
}

#menu ul li, .cart-topmenu {
	float:left;
	box-sizing:border-box;
}

.cart-topmenu span {
	display:block;
	clear:both;
}

.top-section-image img, .project-image img {
	width:100%;
	height:auto;
}

.info-sec-project {
	border-top:1px solid #000;
	padding-top:15px;
}

.info-sec-project img {
	width:100%;
}

.collection-main-image {
	margin-top:40px;
}

.collection-main-image img {
	width:100%;
}

.project-image img {
	margin-bottom:25px;
}

.top-section {
	position:relative;
	display:block;
	margin-bottom:60px;
	clear:both;
}

.project-info-box {
	margin-top:25px;
}

.top-section.reduced-margin {
	margin-bottom:60px;
}

.top-section.reduced-margin.product-single-intro {
	margin-bottom:160px;
}

.top-section p {
	font-size:30px;
}

.top-section p a {
	text-decoration:none;
	border-bottom:1px solid #000;
}

.top-section p a:hover {
	border-bottom:1px solid #999;
}

.top-section-info {
	background:#dddddd;
	padding:15px 15px 0 15px;
	position:absolute;
	z-index:100;
	top:150px;
	transition:0.3s ease-out;
	left:0;
}

.info-box-magic {
	background:#dddddd;
	padding:15px 15px 0 15px;
	position:absolute;
	z-index:100;
	top:0;
}

.icon-durability-box p {
	font-size:20px;
}

.info-box-magic h2 {
	margin:0 0 1em 0;
}

.info-box-magic.collection-side-1 {
	background:none;
}

.collection-fretext {
	background:#dddddd;
	padding:15px 15px 0 15px;
	margin-bottom:20px;
}

#slider-post-image {
	transition:0.5s ease-out;
}

.collection-fretext.dl-links p, .collection-fretext.dl-links a {
	font-size:15px;
	margin-bottom:0em;
	display:block;
}

.collection-fretext.dl-links {
	padding-bottom:15px;
}

.collection-fretext.dl-links a {
	margin-bottom:0em;
}

.collection-artist-img {
	margin-bottom:20px;

}

.collection-artist-img img {

}

.share-button {
	background-color:#dcd900;
	width:100%;
	display:block;
	padding: 15px 0 15px 50px;
	font-size:17px;
	background-image:url(images/share-icon.png);
	background-repeat:no-repeat;
	background-position: 20px 18px;
}


.shortinfo-box {
	background:#dddddd;
	padding:15px;
}

.top-section-image {
	max-height:550px;
	overflow:hidden;
	position:relative;
	transition:0.3s ease-out;
	left:0;
}

.slider-bops {
	margin: 10px 10px;
	overflow: hidden;
	display: block;
	clear: both;
}

.slider-bops a {
	margin-top:60px;
	height:15px;
	width:15px;
	float:left;
	margin-right:4px;
	border-radius:10px;
	border:1px solid #000;
}

.slider-bops a.active {
	background:#000;
}

.shortinfo-box ul {
	list-style:none;
	margin:0;
	padding:0;
}

.info-box-magic.solid-box {
	position:static;
}

.info-box-magic.adress-block a {
	border-bottom:none;
}

.info-box-magic.adress-block a b {
	border-bottom:1px solid #000;
}

.info-box-magic p {
	font-size:20px;
}

#site-title a span {
	display:none;
}

#site-title a {
	width:76px;
	height:76px;
	display:block;
	margin-top:14px;
}

#site-title a.ref {
	width:74px;
	height:76px;
	background-image:url(images/svg/logo-1.svg);
	background-repeat:no-repeat;
	background-size:contain;
	display:block;
	margin-top:14px;
}

.current-menu-item a, .current-page-ancestor a {
	font-family: LLBrownWeb-Bold, Arial;
}

.person-card, .google-map {
	margin-top:20px;
}

.person-card .portrait, .google-map iframe {
	margin-bottom:14px;
}

.person-card p, .google-map p {
	font-size:20px;
}

.portrait img {
	width:100%;
}

.spec-list {
	padding:0;
	margin:0;
	list-style:none;
}

.spec-list .title {
	font-family: LLBrownWeb-Bold, Arial;
}

.spec-list li:nth-child(odd) {
	background:#dddddd;
	display:block;
	overflow:hidden;
	width:100%;
}

.spec-list div {
	float:left;
	width:50%;
}

.spec-list.doc div {
	float:left;
	width:25%;
}

.link-listing b, .link-listing a {
	display:block;
}

.link-listing b {
	margin-top:20px;
}

/* prods */

.popular-front {
	border-top:1px solid #000;
	margin-bottom:60px;
}

.prod-item .prod-thumb img {
	width:100%;
	height:auto;
}

.filter-item.col-md-3 {
	margin-bottom:30px;
	height:380px;
}

.popular-front .col-md-3 p {
	margin-bottom:0;
}

.popular-front .col-md-3.subsec-note {
	margin-bottom:0;
}

.more-link {
	margin-top:14px;
	display:block;
}

a.prod-item {
	text-decoration:none;
}

.documented-projects .prod-item h2, .projects-related .prod-item h2 {
	margin-top:-10px;
	margin-bottom:0;
}

.prod-item h2 {
	margin-top:10px;
	margin-bottom:10px;
	border-bottom:1px solid #000;
	display:inline-block;
	/*white-space:nowrap;*/
	max-width:100%;
	overflow:hidden;
}

.project .prod-item h2 {
	text-decoration:none;
	border-bottom:none;
	display:block;
}

.project .prod-item h2 a {
	margin-top:10px;
	margin-bottom:10px;
	border-bottom:1px solid #000;
	display:inline-block;
	white-space:nowrap;
	max-width:100%;
	overflow:hidden;
}

.filter-item .prod-item h2:hover {
	border-bottom:1px solid #999;
}

.prod-item h2 a {
	font-weight:normal;
	margin-top:14px;
	display: inline-block;
	border-bottom: 1px solid #000;
	white-space:nowrap;
	max-width:100%;
	overflow:hidden;
	text-decoration:none;
}

.prod-item h2 a:hover {
	border-bottom: 1px solid #999;
}

.ref-link {
	font-size:30px;
	padding-top:14px;
	margin-bottom:25px;
	line-height:1.2em;
}

.ref-link a {
	border-bottom:1px solid #000;
	display:inline-block;
	text-decoration:none;
}

.ref-link a:hover {
	border-bottom:1px solid #999;
}

.ref-link span.place {
	text-decoration:none;
}

.error {
	color:red;
}

.prod-item.in-cart p {
	/*opacity:0.5;*/
	overflow:hidden;
}

/* qote box */

.qote-box, .section-topline {
	border-top:1px solid #000;
	margin-bottom:60px;
}

.section-topline .subsec-header {
	border-top:none;
}

.qote-box span {
	font-size:20px;
	margin-top:12px;
	display:block;
}

/* refs */

.ref-section {
	overflow:hidden;
}

/* search */

.search-selectors a {
	display:block;
	opacity:0.3;
}

.search-selectors a.current {
	opacity:1;
}

.plus-link {
	float:right;
}


.plus-link a {
	text-decoration:none;
	background-image:url(images/ogeborg-plus.svg);
	height:13px;
	width:13px;
	background-size:13px;
	display:block;
}

.in-cart .plus-link a {
	text-decoration:none;
	background-image:url(images/ogeborg-minus.svg);
	height:12px;
	width:12px;
	background-size:12px;
	display:block;
}

.search-res-subsection {
	overflow:hidden;
}

.search-res-subsection p {
	text-transform:uppercase;
	font-size:15px;
	font-weight: 400;
	margin-top:14px;
	margin-bottom:60px;
}

.search-res-subsection .col-md-2 {
	height:240px;
	position:relative;
}

.subsec-header {
	border-top:1px solid #000;
	overflow:hidden;
	margin-bottom:40px;
}

/*.search-results {
	overflow:hidden;
}*/

a.prod-thumb {
	text-decoration:none;
}

.prod-item {
	position:relative;
}

/* albin .prod-thumb:before {
    content: "Klicka för fullskärm";
	background:#dddddd;
	z-index:100;
	position:absolute;
	width:100%;
	padding:15px;
	box-sizing:border-box;
	height:165px;
	line-height:1.2em;
	opacity:0;
}*/

.cart-entries .prod-thumb:before {
    display:none;
}

/* albin .single-ogeborg_project .prod-thumb:before {
    content: "Visa kollektionen";
	background:#dddddd;
	z-index:100;
	position:absolute;
	width:100%;
	padding:15px;
	box-sizing:border-box;
	height:165px;
	line-height:1.2em;
	opacity:0;
}*/

.documented-projects .prod-thumb {
	width:100%;
	height:326px;
	overflow:hidden;
	margin-bottom:10px;
}

/* albin a.prod-thumb:hover:before {
	opacity:1;
	color:#000;
}*/

/* albin .md-content a.prod-thumb:hover:before {
	opacity:0;
	color:#000;
}*/

/* dynamic menu */

.project-type-selector.slide-show-menu {
	margin:0 auto;
	position:fixed;
	left:0;
	right:0;
	background: #fff;
	z-index:1000;
	border-bottom:1px solid #000;
	border-top:none;
	padding-bottom:25px;
	padding-top:15px;
}

.project-type-selector.slide-show-menu .row {
	max-width:1110px;
	margin:0 auto;
}

.project-type-selector.slide-show-menu a.basket {
	opacity:1;
}

.basket {
	text-decoration:none;
}

.slide-show-menu.project-type-selector a {
	font-size:20px;
	display:none;
}

.slide-show-menu:hover.project-type-selector a, .slide-show-menu.project-type-selector a.current, .slide-show-menu.project-type-selector a.basket {
	font-size:20px;
	display: block;
}


.slide-show-menu.project-type-selector .col-md-2 a {
	font-size:30px;
}

.project-type-selector.slide-show-menu .bottom-options {
	margin-top:0px;
}

.project-type-selector.slide-show-menu .bottom-options p {
	margin:0;
}


/* news */

.news-item .titleblock {
	margin-bottom:70px;
}

.drop-toggler {
	font-size:30px;
	text-decoration:none;
	margin-top:15px;
	display:block;
	background-image:url(images/ogeborg-arrow-1-down.svg);
	background-repeat: no-repeat;
	padding-left:45px;
	background-size:30px;
	background-position:0px 11px;
}

.drop-toggler.toggled-open {
	font-size:30px;
	text-decoration:none;
	margin-top:15px;
	display:block;
	background-image:url(images/ogeborg-arrow-1-up.svg);
	background-repeat: no-repeat;
	padding-left:45px;
	background-size:30px;
	background-position:0px 11px;
	margin-bottom:30px;
}

/* footer */

.footer {
	border-top:1px solid #000;
	margin-bottom:60px;
	padding-top:20px;
}

.footer h2 {
	margin-bottom:25px;
}

.footer p {
	line-height:1.2em;
	margin-bottom:25px;
}

.footer p a {
	display:block;
	text-decoration:none;
}

.env p {
    font-size:20px;
    line-height:1.4em;
}

.env-logos img {
	margin-right:6px;
}

/* project ype section */

.project-type-selector {
	border-top:1px solid #000;
	margin-bottom:60px;
}

.project-type-selector.search-selectors {
	margin-bottom:10px;
}

.project-type-selector .bottom-options {
	margin-top:100px;
}

.project-type-selector .bottom-options a {
	font-size:20px;
}


.documented-projects .col-md-6 {
	margin-bottom:40px;
}

.documented-projects img {
	margin-bottom:14px;
}

.documented-projects a h2 {
	line-height:1.2em;
	margin:0;
	padding:0;
	text-decoration:none;
}

.subsec-header h2 a {
	text-decoration:none;
	border-bottom:1px solid #000;
}

.project-type-selector .col-md-2 {
	width:20%;
}

.project-type-selector a {
	font-size:30px;
	text-decoration:none;
	line-height:1.2em;
	opacity:0.2;
}

.project-type-selector a.current {
	opacity:1;
}

a.ref-link {
	display:block;
	overflow:hidden;
	border-top:1px solid #000;
	margin-bottom:25px;
}

.titleblock {
	margin-bottom:30px;
	display:block;
}

/* contact people */

.contact-people img {
	width:100%;
	height:auto;
	margin-bottom:14px;
}

.contact-people span {
	text-decoration:underline;
}

.contact-people .col-md-4 {
	margin-bottom:25px;
    min-height:525px;
    overflow:hidden;
}

.english-contact, .contact-people {
	margin-bottom:60px;
}


/* md-modal */

.md-content .popup-content-container h3 {
	border-top: 1px solid #000;
	text-decoration: underline;
	padding-top: 14px;
	margin-bottom:0px;
	clear:both;
}

.md-content .popup-content-container h4 {
	border-top: 1px solid #000;
	padding-top:14px;
}

.md-content .entries {
	margin-top:20px;
	margin-bottom:40px;
}

.md-content input {
	width: 100%;
	background: #fff;
	border: none;
	box-sizing: border-box;
    padding-left:12px;
	/*margin: 6px 0;*/
}

input::-ms-clear {
    display: none;
}

.md-content textarea {
    padding-left:12px;
    border:none;
    width:100%;
    height:145px
}

.md-content form {
	margin-bottom:60px;
}

.md-close {
	height:25px;
	width:25px;
	display:block;
	float:right;
	background-image:url(images/ogeborg-cross.svg);
	background-repeat:no-repeat;
	margin: 0 0 19px 0;
}

#video-popup {
	max-width:560px;
}

#video-popup .popup-content-container {
	padding:0;
	line-height:0;
}

#video-popup .md-close {
	margin:15px;
}


/* boostrap tweaks */

.container {
	max-width:1120px !important;
	min-width:1120px !important;
}

/* the magic css logo */

#site-title a.css-logo {
	position:relative;
	z-index:99;
}

.md-overlay {
	z-index:100;
}

.logo-text {
    position:absolute;
    background-image:url(images/logo-text.png);
    top:89px;
    left:0;
    height: 21px;
    width: 77px;
}

.logo-block {
	height:28px;
	width:20px;
	background:#999;
	position:absolute;
}

.logo-block.block-1 {
	z-index:1007;
	top:0;
	left:28px;
	background:#1a9bd5;
}

.logo-block.block-2 {
	z-index: 1006;
	background: #2480c1;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	left: 11px;
	top: 7px;
}

.logo-block.block-3 {
	z-index: 1005;
	background: #03519c;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	left: 4px;
	top: 24px;
}

.logo-block.block-4 {
	z-index: 1004;
	background: #2f2b7f;
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	left: 11px;
	top: 40px;
}

.logo-block.block-5 {
	z-index: 1003;
	background: #6f2280;
	transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	left: 28px;
	top: 48px;
}

.logo-block.block-6 {
	z-index: 1002;
	background: #a31b81;
	transform: rotate(-225deg);
	-webkit-transform: rotate(-225deg);
	left: 44px;
	top: 40px;
}

.logo-block.block-7 {
	z-index: 1001;
	background: #e4097f;
	transform: rotate(-270deg);
	-webkit-transform: rotate(-270deg);
	left: 52px;
	top: 24px;
}


#more-information-container.closed.top-section.reduced-margin, .top-section.reduced-margin.more-information-container {
	margin-bottom:0;
}

#more-information-container.closed.top-section.reduced-margin .titleblock   {
	margin-bottom:0;
}

.top-section.reduced-margin.more-information-container .titleblock {
	margin-bottom:15px;
}





/* prev and next */

.navigation {
	overflow:hidden;
	margin-bottom:15px;
}

.navigation a {
	text-decoration:none;
	font-size:15px;
}

.navigation a span {
	background:#d2d2d2;
	padding:4px;
	opacity:0;
}

.navigation a:hover span {
	opacity:1;
	color:#000;
}

.prev-item {
	float:left;
	background-image:url(images/ogeborg-arrow-2-left.svg);
	background-repeat: no-repeat;
	background-size:35px;
	background-position:left;
	padding-left:40px;
	transition:0.2s ease-out;
	min-width:40px;
	min-height:15px;
}

.next-item {
	float:right;
	background-image:url(images/ogeborg-arrow-2-right.svg);
	background-repeat: no-repeat;
	background-size:35px;
	background-position:right;
	padding-right:40px;
	transition:0.2s ease-out;
	min-width:40px;
	min-height:15px;
}

.prev-item:hover {
	transition:0.2s ease-out;
	padding-left:30px;
}

.next-item:hover {
	transition:0.2s ease-out;
	padding-right:30px;
}

.row.open-sub-sec {
	border-top:1px solid #000;
	margin-top:60px;
	padding-top:15px;
}

.more-information-container h2 {
	margin-top:0;
}

/* fullscreen module */


.fullscreen-color.open ~ .md-overlay {
	opacity: 1;
	visibility: visible;
}

.fullscreen-color {

	width:628px;
	height:628px;
	margin:60px auto;

	position:fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background:rgba(69,69,69,1.00);
	z-index:100000;
	line-height:1em;
	background-size:cover;
    display:none;
}

.fullscreen-color .top-border {
	background:#fff;
	border-bottom:1px solid #000;
	padding:10px;
	line-height:1.1em;
}

.top-border .row {
	max-width:785px;
	margin:0 auto;
}

.add-to-basket {
	background-image:url(images/ogeborg-plus.svg);
	background-repeat: no-repeat;
	background-size:15px;
	background-position:left;
	padding-left:25px;
}

.close-fullscreen {
	background-image:url(images/ogeborg-cross.svg);
	background-repeat: no-repeat;
	background-size:15px;
	background-position:left;
	padding-left:25px;
}

.slide-out .top-section-info {
	left: -40px;
	opacity:0;
	transition:0.3s ease-out;
}

.slide-out .top-section-image {
	left: -140px;
	opacity:0;
	transition:0.3s ease-out;
}

.img-thing-container {
	float:left;
	margin-right:3px;
	position:relative;
}

.hover-thing {
	opacity:0;
	position:absolute;
	z-index:10000;
	background:#dcd900;
	color:#000;
	font-size:13px;
	padding:3px;
	width:130px;
	text-align:center;
	top:-5px;
	left:-50px;
	transition:0.2s ease-out;
}

.img-thing-container:hover .hover-thing {
	opacity:1;
	transition:0.2s ease-out;
}

/* logo animation test */

.animate .logo-block.block-1 {
	animation-name: color-looper;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-play-state: running;

	-webkit-animation-name: color-looper;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-play-state: running;

    -moz-animation-name: color-looper;
    -moz-animation-duration: 2s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-delay: 0s;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: normal;
    -moz-animation-play-state: running;
}

.animate .logo-block.block-2 {
	animation-name: color-looper;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-delay: 0.2s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-play-state: running;

	-webkit-animation-name: color-looper;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-delay: 0.2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-play-state: running;

    -moz-animation-name: color-looper;
    -moz-animation-duration: 2s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-delay: 0.2s;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: normal;
    -moz-animation-play-state: running;
}

.animate .logo-block.block-3 {
	animation-name: color-looper;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-delay: 0.4s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-play-state: running;

	-webkit-animation-name: color-looper;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-delay: 0.4s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-play-state: running;

    -moz-animation-name: color-looper;
    -moz-animation-duration: 2s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-delay: 0.4s;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: normal;
    -moz-animation-play-state: running;
}

.animate .logo-block.block-4 {
	animation-name: color-looper;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-delay: 0.6s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-play-state: running;

	-webkit-animation-name: color-looper;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-delay: 0.6s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-play-state: running;

    -moz-animation-name: color-looper;
    -moz-animation-duration: 2s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-delay: 0.6s;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: normal;
    -moz-animation-play-state: running;
}

.animate .logo-block.block-5 {
	animation-name: color-looper;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-delay: 0.8s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-play-state: running;

	-webkit-animation-name: color-looper;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-delay: 0.8s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-play-state: running;

    -moz-animation-name: color-looper;
    -moz-animation-duration: 2s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-delay: 0.8s;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: normal;
    -moz-animation-play-state: running;
}

.animate .logo-block.block-6 {
	animation-name: color-looper;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-delay: 1s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-play-state: running;

	-webkit-animation-name: color-looper;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-delay: 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-play-state: running;

    -moz-animation-name: color-looper;
    -moz-animation-duration: 2s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-delay: 1s;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: normal;
    -moz-animation-play-state: running;
}

.animate .logo-block.block-7 {
	animation-name: color-looper;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-delay: 1.2s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-play-state: running;

	-webkit-animation-name: color-looper;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-delay: 1.2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-play-state: running;

    -moz-animation-name: color-looper;
    -moz-animation-duration: 2s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-delay: 1.2s;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: normal;
    -moz-animation-play-state: running;
}

@-webkit-keyframes color-looper  {
    0% {
		background:#1a9bd5;
		}
	15% {
		background:#2480c1;
		}
	30% {
		background:#03519c;
		}
	45% {
	    background:#2f2b7f;
		}
	60% {
	    background:#6f2280;
		}
	75% {
	    background:#a31b81;
		}
	90% {
	    background:#e4097f;
		}
   100% {
	    background:#1a9bd5;
		}

}

@keyframes color-looper  {
    0% {
		background:#1a9bd5;
		}
	15% {
		background:#2480c1;
		}
	30% {
		background:#03519c;
		}
	45% {
	    background:#2f2b7f;
		}
	60% {
	    background:#6f2280;
		}
	75% {
	    background:#a31b81;
		}
	90% {
	    background:#e4097f;
		}
   100% {
	    background:#1a9bd5;
		}

}

@-moz-keyframes color-looper  {
    0% {
		background:#1a9bd5;
		}
	15% {
		background:#2480c1;
		}
	30% {
		background:#03519c;
		}
	45% {
	    background:#2f2b7f;
		}
	60% {
	    background:#6f2280;
		}
	75% {
	    background:#a31b81;
		}
	90% {
	    background:#e4097f;
		}
   100% {
	    background:#1a9bd5;
		}

}

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

    .md-content {
        margin-left:180px !important;
        width:500px !important;
    }

}

#ogeborg-cart {
    width:600px !important;
}

p#slider-content {
line-height: .8em !important;
}

.search-container {
	display: block;
	margin-top:15px;
	overflow:hidden;
	position:relative;
}

.search-container .search-icon {
	background:url('images/search.png') no-repeat;
	width:20px;
	height:21px;
	position:absolute;
	right:10px;
	top:5px;
	cursor:pointer;
}

.search-container input {
	float:right;
	color:#000;
	border:0;
	border-bottom:1px solid #000;
	width:240px;
	background:transparent;
	outline:0;
}
.search-container input::-ms-clear {
	display: none;
}

.language-switcher {
	margin-top:18px;
}

.switcher-nav {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
}

.switcher-nav li {
	display: inline-block;
	padding-right: 5px;
}

.switcher-nav li:last-of-type {
	padding-right: 0;
}

.switcher-nav a {
	text-decoration: none;
	font-size: 14px;
}

.switcher-nav a:hover {
	opacity: .8;
}

.wpml-ls-current-language a {
	font-family: LLBrownWeb-Bold, Arial;
	font-weight: normal;
}

.search-result h3 {
	display:inline-block;
	margin-bottom:20px;
}

.search-result img {
	position:relative;
	top:-3px;
	margin-right:10px;
	margin-left:10px;
}

.search-result a {
	text-decoration:none;
}

.search-result a:hover {
	text-decoration:none;
}

.environment-image .color-info-container {
	position:absolute;
	top:20px;
	left:24px;
	opacity:0;
	transition-duration: 0.2s;
}
.environment-image:hover .color-info-container {
	opacity:1;
}
.color-info-container .color-info {
	margin-bottom:6px;
	background-color:#fff;
}
.color-info-container .color-info span {
	position:relative;
	top:2px;
	padding-left:12px;
	padding-right:12px;
}
.color-info-container .color-info img {
	width:32px;
	height:32px;
}
.environment-thumb {
	opacity:0.8;
	cursor:pointer;
	margin-bottom:20px;
}
.environment-thumb.active {
	opacity:1;
}
.environment-thumb:hover {
	opacity:1;
}