@red : #a8473b;
@darkred : #8d2d28;
@blue : #8dcff4;
@darkblue : #40889e;
@cyan : #72cbdf;
@brown : #acacac;
@black : #000000;
@grey : #333132;
@icongrey : #4c4d4f;
@yellow : #dbb050;
@white : #ffffff;


   
.drop-shadow(@x-axis: 0, @y-axis: 1px, @blur: 2px, @alpha: 0.1) {
  -webkit-box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha);
  -moz-box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha);
  box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha);
  behavior: url(/scripts/assets/PIE.htc);
}
.rounded(@radius: 2px) {
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
  border-radius: @radius;
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  behavior: url(/scripts/assets/PIE.htc);
}
.opacity(@opacity: 0.5) {
  -moz-opacity: @opacity;
  -khtml-opacity: @opacity;
  -webkit-opacity: @opacity;
  opacity: @opacity;
  behavior: url(/scripts/assets/PIE.htc);
}
.box-shadow(@arguments) {
  -webkit-box-shadow: @arguments;
  -moz-box-shadow: @arguments;
  box-shadow: @arguments;
  behavior: url(/scripts/assets/PIE.htc);
}

.reset-margin() {
    margin: 0;
    padding: 0;
}

@font-face {
  font-family: 'chs-icons';
  src: url('../fonts/chs-icons.eot?2347883');
  src: url('../fonts/chs-icons.eot?2347883#iefix') format('embedded-opentype'),
       url('../fonts/chs-icons.woff?2347883') format('woff'),
       url('../fonts/chs-icons.ttf?2347883') format('truetype'),
       url('../fonts/chs-icons.svg?2347883#chs-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'chs-icons';
    src: url('../font/chs-icons.svg?2347883#chs-icons') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "chs-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-facebook-circled:before { content: '\e802'; } /* '' */
.icon-instagram:before { content: '\e803'; } /* '' */
.icon-pinterest-circled:before { content: '\e804'; } /* '' */

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

html {
    height: 100%;
    width: 100%;
    overflow-x:hidden;
}

body {
	margin: 0;
	color: #363636;
	background: @grey;
    height: 100%;
    width: 100%;
	font: 14px/20px 'DINNextRoundedLTW01-Lig', 'Dosis', Arial, Helvetica, sans-serif;
}

body > form {
    display: table;
    width: 100%;
    height: 100%;
}

img {
	border-style: none;
}
a {
	text-decoration: none;
	color: @black;
    outline: none !important;
}
#main .hide
{
    font-size:0px;
    line-height:0px;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: bold !important;
}
strong, b {
	font-family: 'DINNextRoundedLTW01-med';
	font-weight: normal;
}
.fb-icon {
    position: absolute;
    right: 39px;
    top: 40px;
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 27px;
    width: 0px;
    overflow: hidden;
    height: 23px;
    width: 0;
    z-index: 300;
    background: url(../images/ie-hoverfix.png) repeat;
}

.fb-icon span.icon {
    width: 22px;
    height: 21px;
    display: inline-block;
    background: url(../images/fb-icon.png) no-repeat 0 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}

.fb-icon span.text {
    position: absolute;
    right: 35px;
    top: 0;
    z-index: 5;
}

.fb-icon:hover {
    text-decoration: none;
    color: @red;
} 

.sharer-list {    
  list-style-type: none;
  position: absolute;
  right: 20px;
  z-index: 250;
  top: 10px;
  margin: 0;
  width: 110px;
}
.sharer-list li {
    display: block;
    float: left;
	width: 27px;
	height: 20px;
	position: relative;
}
.sharer-list li a i:hover {
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    color: #a8473b;
}
.sharer-list li:first-child {
    top: -3px;
}
.sharer-list li a {
    text-shadow: 0px 0px 5px rgba(0,0,0,.2);
    -moz-text-shadow: 0px 0px 5px rgba(0,0,0,.2);
    -webkit-text-shadow: 0px 0px 5px rgba(0,0,0,.2);
    display: block;
    position: relative;
}
.sharer-list li a i {
    font-size: 20px;
    color: white;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    text-shadow: 0px 0px 5px rgba(0,0,0,.2);
    -moz-text-shadow: 0px 0px 5px rgba(0,0,0,.2);
    -webkit-text-shadow: 0px 0px 5px rgba(0,0,0,.2);
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .sharer-list {
        right: 25px;
    }
    .sharer-list li {
        i {
            display: none;
        }

        a {
            height: 24px;
            width: 30px;
            background-size: 28px !important;
        }

        &:nth-child(2) {
            a {
                background: url(/images/fb-icon-red.png) no-repeat 0 0;
                &:hover {
                    background-position-y: -23px;
                }
            }
        }

        &:nth-child(3) {
            a {
                background: url(/images/pinterest-icon.png) no-repeat 0 -1px;
                &:hover {
                    background-position-y: -25px;
                }
            }
        }

        &:nth-child(4) {
            a {
                background: url(/images/instagram-icon_glowing.png) no-repeat 3px 0;
                &:hover {
                    background-position-y: -23px;
                }
            }
        }
    }
}

.sharer-list .fb-icon-emag span.icon {
    width: 29px;
    height: 24px;
    display: inline-block;   
    background: url(/images/fb-icon-red.png) no-repeat 0 0;  
    position: absolute;   
    z-index: 10;
	cursor:pointer;
}

.sharer-list .pinterest-icon-emag span.icon {
    width: 29px;
    height: 24px;
    display: inline-block;   
    background: url(/images/pinterest.png) no-repeat 0px -2px;  
    position: absolute;   
    z-index: 10;
	cursor:pointer;
}

.sharer-list .pinterest-icon-emag span.icon:hover {
    background-position: 0 -24px;
}

.sharer-list .fb-icon-emag span.icon:hover {
   background-position: 0 -24px;
}
.share-follow {
    width: 78px;
    font-size: 14px;
    text-transform: uppercase; 
    color: @red; 
    overflow: hidden;
    height: 20px;
    position: absolute; 
    top:3px; 
    left: 10px;
    display: none;
}
  
.sharer-list .instagram-icon-emag span.icon {
    width: 29px;
    height: 24px;
    display: inline-block;   
    background: url(/images/instagram-icon_glowing.png) no-repeat 0 0;    
    position: absolute;   
    z-index: 10;
	cursor:pointer;
}
.sharer-list .instagram-icon-emag span.icon:hover {
     background-position: 0 -24px;
}

.ico {
    font-family: 'CarlHansenIconRegular';
    font-size: 16px;
    text-transform: lowercase !important;
}
.ico:hover {
    text-decoration: none !important;
}
a:hover {text-decoration:underline;}
input,
textarea,
select {
	font: 100% Arial, Helvetica, sans-serif;
	vertical-align: middle;
	color: @black;
}
input[type="submit"]:hover {
	cursor: pointer;
}
form,
fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}
.home{
	overflow: hidden;
}
#wrapper {
	padding: 0 0 0;
	float: left;
    /*min-height: 100%;*/
    width: 100%;
    position: relative;
    z-index: 150;
}
.logo {
	width: 298px;
	height: 33px;
	background: url(/images/carlhansenlogo.png) no-repeat top left;
	text-indent: -9999px;
	overflow: hidden;
    padding: 0;
    display: block;
    float: left;
}
.logo a {
 	display: block;
 	height: 40px;
    padding: 0 0 16px 32px;
}
#top-bar {
    background: @grey;
    height: 23px;
    padding: 0 5px 0 0;
    position: relative;
    z-index: 10000;
}
#top-bar .lang 
{
    position: absolute;
    width: 183px;
    height: 23px;
    text-align: right;
    padding: 0 10px;
    right: 32px;
    background: url(../images/ie-hoverfix.png) repeat;
	font-family: 'Dosis', Arial, Helvetica, sans-serif !important;
}
#top-bar .lang a.opener {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    padding-right: 5px;
	font-family: 'Dosis', Arial, Helvetica, sans-serif !important;
}

#top-bar .lang a.opener:hover {
    text-decoration: none;
}

#top-bar ul {
    list-style-type: none;
    .reset-margin();
    padding-top:0;
    display:none;
}

#top-bar ul li.lang li 
{
    margin: 0 0;
    width: 183px;
    background-color: rgba(0,0,0,.65);
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}
#top-bar ul li.lang li:hover {
    background-color: #a8473b;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

#top-bar ul li a i
{
    color: white;
    font-size: 20px;
}

#top-bar ul li a:hover
{
    text-decoration: none;
}

#top-bar ul li a:hover span.bg-color
{
    background: @red;
    .opacity(0.65);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
}

#top-bar ul li a span
{
    position: relative;
    z-index: 10;
    text-transform: uppercase;
    color: #fff;
    padding: /*3px 0 3px 6px*/ 0 0 0 0;
    /*width: 178px;*/
    display: inline-block;
    margin-bottom: 1px;
}

#top-bar ul li a span.bg-color
{
    .opacity(0.42);
    background: @black;
    position:absolute;
    z-index:5;
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding:0 15px 0 0;
    margin:0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
}

#nav {
	margin: 0;
	padding: 0 0 0 20px;
	position: relative;
	z-index: 100;
	list-style: none;
	text-transform: uppercase;
	font-size: 32px;
	line-height: 54px;
	font-weight: 200;
	height: 1%;
	overflow: hidden;
	width:940px;	
	background: transparent url(../images/chs-logo-2013.png) no-repeat 20px 3px;
	
}
.home #nav {
	background: transparent url(../images/chs-logo-2013.png) no-repeat 20px 3px;
	background-size: 46px;
	}
.inspiration #nav{
	background: transparent url(../images/chs-logo-2013-inverse.png) no-repeat 20px 3px;
}

.frontpage #nav{
	margin: 0;
	padding: 0 0 0 20px;
	position: relative;
	z-index: 100;
	list-style: none;
	text-transform: uppercase;
	font-size: 32px;
	line-height: 54px;
	font-weight: 200;
	height: 1%;
	overflow: hidden;
	width:940px;	
	background: transparent url(../images/chs-logo-2013.png) no-repeat 20px 3px;
	background-size: 60px;
}

#nav .homeLink a {
    text-indent: -9999px;
    width: 46px;
    height: 46px;
    display: block;
}

.frontpage #nav .homeLink a {
    width: 60px;
    height: 60px;
}

.frontpage .home #nav {
	background: transparent url(../images/chs-logo-2013.png) no-repeat 20px 3px;
	background-size: 60px;
}

.white #nav{
	background: transparent url(../images/chs-logo-2013-inverse.png) no-repeat 20px 3px;
}
.white.frontpage #nav{
	background-size: 60px;
}

#nav li {
	float: left;
	margin: 0 0 0 24px;
}
#nav li:first-child {
	margin-left: 0;
}
#nav a 
{
    font-weight:300;
	color: @black;
}
.white #nav a {
    color:#fff;
}

#nav a:hover
{
    text-decoration:none;
    color:@red;
}
#nav .active a {
	font-weight: 500;
}
#main:after {
	content: '';
	display:table;
	clear: both;
}
#main	{
	position: relative;
	height: 1%;
	padding: 26px 0 0;
}

#main #home-holder {
    margin: 0 0 0 93px;
}

#home-holder .message  {
   display:none;
}

#main #home-holder h2, #main #home-holder h3 {
    font-weight:normal;
    color:@black;
    display:none;
    .reset-margin();
}

.white #main #home-holder h2, .white #main #home-holder h3 {
    color:#fff;
    text-shadow: 0 0px 1px #fff;
}

#main #home-holder h2 {
    font-size:100px;
    line-height:90px;
    margin-top:79px;
	text-indent: -6px;
	display:none !important;
}

#main #home-holder h3 {
    font-size:60px;
    line-height:60px;
	margin-top:40px;
	text-transform:uppercase;
	text-indent: -2px;
	font-weight:300;
	max-width:650px;
	font-family: 'DINNextRoundedLTW01-Lig';
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #main #home-holder h3 {
        font-family: 'Dosis', Arial, Helvetica, sans-serif !important;
        font-weight: normal !important; 
    }
}

#background 
{
    /*display:none;*/
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height:100%;
    overflow:hidden;
    background:@grey;
    webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


#background .loader {
    width:100%; 
    height:100%;
    background:@black url(../images/ajax-loader.gif) no-repeat center center;
    position:absolute;
    top:0;
    left:0;
    z-index:100;
}

.columns:after {
	content: '';
	display:table;
	clear: both;
}
.columns {
	padding: 50px 0 0 71px;
	position: relative;
	margin:0;
	overflow:hidden;
	height:764px;
	min-height:755px;
	margin-top:-40px;
	display:none;
}
.columns.designer-columns,
.columns.designers-columns {
	padding: 10px 0 0 71px;
}


.columns.storefinder {
	padding: 50px 0 0 58px;
	position: relative;
	margin:0 0 20px;
	overflow:hidden;
	height:764px;
	min-height:auto;
	margin-top:-40px;
	display:none;
}
#searchAndMap #btnSearch {
    width: 70px;
    margin: 0 0 0 -6px;
    border: none;
    background: #AAA;
    height: 32px;
    color: white;
    font: 14px/20px 'Dosis', Arial, Helvetica, sans-serif;
}
#searchAndMap{
    padding: 0 80px 0 70px;
    display: none;
    float: left;
}
#searchAndMap #txtSearchPhrase{
    font: 14px/20px 'Dosis', Arial, Helvetica, sans-serif;
    height: 26px;
    color:#AAA;
}
#searchAndMap #txtSearchPhrase:focus{
    outline:0;
}
.single-product {
	height: auto;
	padding-top: 20px;
}

.nav-arrow {
    /*background:url(../images/nav-arrow-bg.png) no-repeat 0 0;*/
    height:670px;
    font-size:50px;
    color:#636363;
    position:absolute;
    line-height:670px;
    z-index:400;
    top:50%;
    left:0;
    width:50px;
	margin-top:-335px;
    /*.opacity(0.20);*/
    display:none;
	color:@red;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjMyIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 1%, rgba(0,0,0,0.32) 50%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(0,0,0,0)), color-stop(50%,rgba(0,0,0,0.32)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 1%,rgba(0,0,0,0.32) 50%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0) 1%,rgba(0,0,0,0.32) 50%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 1%,rgba(0,0,0,0.32) 50%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 1%,rgba(0,0,0,0.32) 50%,rgba(0,0,0,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=0 ); /* IE6-8 */
}
.nav-arrow:hover {
    text-decoration:none;
    /*background:url(../images/nav-arrow-bg-hover.png) no-repeat 0 0;*/
}

@media all and (max-width: 768px) {
        .nolandscapemode {
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        display: block;
        left: 0;
        margin: auto;
        width: 100%;
        background: black;
        z-index: 999999;
    }

        .nolandscapemode img {
            width: auto;
            margin: auto;
            height: 200px;
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
        }
}
.fixed {
    position:fixed !important;
}
#product-next.inactive, #product-prev.inactive, #content-next.inactive, #content-prev.inactive {
    background:none;
    display:none !important;
}
#product-next, #content-next {
    right:0;
    left:auto;
}
.columns .cat-back {
    width:100%;
    height:932px;
    position:absolute;
    left:60px;
    top:-7px;
    /*background:url(../images/product-background.png) repeat-x 0 0;*/
}

.single-product .cat-back {
    top:30px;
}


.columns .cat-back .start {
    width:60px;
    height:932px;
    position:absolute;
    left:-61px;
    top:0;
    /*background:url(../images/product-background-start.png) repeat-x 0 0;*/
}

.product-sort .start {
    background:url(../images/product-group-background-start.png) repeat-x 0 0;
}

.product-sort .cat-back {
    /*background:url(../images/product-group-background.png) repeat-x 0 0;*/
	background:none;
    display:none;
}
.products .product-sort #dropdown {
	padding: 3px 0 0 0px;
	width: 264px;
}


#dropdown, .dropdown {	
    transition: all 500ms ease;
    .rounded(13px);
    color:#fff;
    width:249px;
    margin-left:1px;
    max-height:27px;
    overflow:hidden;
    position:absolute;
    top:9px;
    padding:3px 0 0 15px;
    z-index:150;
    margin-top:40px;
}

#dropdown:hover,
.dropdown:hover {
  overflow: visible !important;
}

#dropdown .current-div:last-child,
.dropdown .current-div:last-child {
  max-height: 30px;
  position: relative;
  top: -5px;
  opacity: 0;
  transition: all 500ms ease;
}

#dropdown:hover .current-div:last-child,
.dropdown:hover .current-div:last-child {
  max-height: 800px;
  opacity: 1;
  transition: all 500ms ease;
}

#filter-button {
	left: 350px;
	background: #8dcff4;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	color: #fff;
	width: auto;
	margin-left: 12px;
	height: 24px;
	overflow: hidden;
	position: absolute;
	top: 49px;
	-webkit-box-shadow: 0px 0px 4px 0px #006e9c;
	-moz-box-shadow: 0px 0px 4px 0px #006e9c;
	box-shadow: 0px 0px 4px 0px #006e9c;
	padding: 3px 0 0 15px;
	z-index: 150;
	margin-top: 40px;
}

.filter-icon {
	display:block;
	width: 25px;
	height: 24px;
}

.designers .columns #dropdown {
	padding-left: 0px;
	width: 265px;
}
.product-page .columns #dropdown {
	padding-left: 0px;
	width: 265px;
}
.designers .columns #dropdown .current-div{
	background: @red;
	border-radius: 10px;
}

.brochures .columns #dropdown, .dealers .columns #dropdown {
    background:@red;
    .box-shadow(0px 0px 4px 0px rgba(168, 71, 59, 29));
}

.back-btn {
	background: url(../images/prev.png) no-repeat;
	margin-left: 3px;
	height: 21px;
	overflow: hidden;
	position: absolute;
	top: 20px;
	padding: 0px 11px;
	z-index: 150;
	margin-top: 40px;
	color: #FFF;
	display: block;
	text-indent: -9999px;
}
	
/*
.back-btn span {
	float:left;
	width:20px;
	height:20px;
	background:url(../images/back-arrow.png) no-repeat 0 0;
	margin-left:-10px;
	margin-right:10px;
}*/

.inspiration #group-dropdown {
    /*background:@red;
    .box-shadow(0px 0px 4px 0px rgba(172, 78, 78, 29));*/
    top:48px;
    left:59px;
	width: 160px;
}
.inspiration #group-dropdown .current-div{
	background: @red;
	border-radius: 10px;
}
.inspiration #rooms-dropdown 
{
   /*background:@red;
    .box-shadow(0px 0px 4px 0px rgba(172, 78, 78, 29));*/
	top: 48px;
	left: 227px;

}
.inspiration #rooms-dropdown .current-div {
	background: @red;
	border-radius: 10px;
}
#dropdown a, .dropdown a {
    color:#fff;
    display:block;
}

html body div#fancybox-button.btn-fix {
	left: 353px;
	font-weight: 500;
	border-radius: 10px;
	height: 10px;
	padding: 5px 2px 7px 10px;
	-webkit-box-shadow: 0px 0px 0px 0px #8d2d28;
	-moz-box-shadow: 0px 0px 0px 0px #8d2d28;
	box-shadow: 0px 0px 0px 0px #8d2d28;
	top: 53px;
}
html body div#fancybox-button.btn-fix a {
	font-size: 14px;
	display:block;
	width:100%;
	line-height:12px;
}
html body div#fancybox-button.btn-fix a:hover {
	text-decoration: none;
}

#dropdown a:hover, #dropdown li:hover {
    color:@black !important;
    text-decoration:none !important;
}

#dropdown a.current, .dropdown a.current {
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 12px;
	display: block;
	padding: 5px 2px 7px 10px;
	background: url(../images/menu-arrow.png) no-repeat right center;
	font-weight: 500;
	border-radius: 10px;
	height: 10px;
}

#dropdown ul, .dropdown ul {
    .reset-margin();
    list-style-type:none;
    margin:10px 0;
	padding: 1px 0 0px 10px;
	//background: @red;
	border-radius: 10px;
}
#dropdown .current-div{
	background: @red;
	border-radius: 10px;
}
#dropdown .current-div-blue{
	background: @blue;
	border-radius: 10px;
}

#dropdown ul li, .dropdown ul li {
    padding-bottom: 10px;
	line-height: 14px;
    display:block;
    font-size:14px;
    display:block;
    text-transform:uppercase;
    cursor:pointer;
}
#dropdown ul li:first-child, .dropdown ul li:first-child {
	padding-top: 9px;
}
#dropdown ul li:last-child, .dropdown ul li:last-child {
	padding-bottom: 12px;
}

#dropdown ul li.active, .dropdown ul li.active {
    font-weight:bold;
}

/*
.columns #dropdown a.active {
    
}

.columns #dropdown ul li a {
    
}*/

.columns .form input[type=text] {
    .rounded(20px);
    border:none;
    width:234px;
    .box-shadow(0px 0px 4px 0px rgba(128, 125, 5, 29));
    font-size:16px;
    color:#707070;
    font-family:'Dosis', Arial, Helvetica, sans-serif;
    padding:3px 15px;
    margin-bottom:9px;
}
.columns .form .row:after {
    content:'';
    clear:both;
    display:block;
}
.columns .form .row input[type=text] {
    float:left;
}
.columns .form .row .city {
    width:142px;
}
.columns .form .row .zip {
     width:55px;
     margin-right:7px;
}
.columns .form input[type=text]:focus, .columns .form textarea:focus  {
    outline:none;
    border:none;
    .box-shadow(0px 0px 4px 0px rgba(190, 84, 78, 29));
}

.columns .form .error, .columns .form .error 
{
    background:#f4c9c6;
    color:#000 !important;
    .box-shadow(0px 0px 4px 0px rgba(190, 84, 78, 29)) !important;
}

.columns .form .error-msg
{
    display:none;
}

.columns .form .error-msg p
{
    color:@red;
    margin:0 0 10px;
    font-weight:500;
}

.columns .form .checkbox {
     overflow:hidden;
     margin-bottom:10px;
}
.columns .form .checkbox input {
     float:left;
}
.columns .form .checkbox label {
     float:left;
     margin-left:10px;
     width:220px;
     font-size:14px;
     text-transform:uppercase;
}
.columns .form textarea {
     .rounded(15px);
    border:none;
    width:234px;
    .box-shadow(0px 0px 4px 0px rgba(128, 125, 5, 29));
    font-size:16px;
    color:#707070;
    font-family:'Dosis', Arial, Helvetica, sans-serif;
    padding:3px 15px;
    margin-bottom:9px;
    text-align:left;
    min-height:100px;
    resize: vertical;
    overflow:hidden !important ;
}

.columns .form .submit-pusher {
    font-size:16px;
    text-transform:uppercase;
    color:#707070;
    float:right;
}

.columns .form .submit-pusher span {
    font-size: 27px;
    
    float:right;
    /*
height: 12px;
    line-height: 14px;
    display: inline-block;*/
}

.columns #dropdown ul li a:hover {
    color:#fff;
    text-decoration:underline;
	font-weight:400;
}

.columns .columns-slider {
	margin-top:41px;
	/*height:723px;
	overflow:hidden;*/
	z-index:100;
	width:15000px;
	padding-left:2px;
	min-height:70px;
}
.colhack {
	clear: both;
}
.columns .column {
	height: 520px;
	float: left;
	margin: -40px 0 0 0;
	padding: 150px 20px 30px 0;
	width: 264px;
	position:relative;
	z-index:50;
	background: transparent url(../images/border-color333132.jpg) no-repeat 0 118px;
}
.columns .column:first-child {
	padding: 118px 20px 30px 0;
	background:none;
}
.product-page .columns.single-product .columns-slider .column:first-child,
.product-page .columns.single-product .columns-slider .column{
	padding: 118px 20px 30px 0;
	background:none;
}
.designers .columns.designer-columns .columns-slider .column:first-child,
.designers .columns.designers-columns .columns-slider .column {
	padding: 118px 20px 30px 0;
	background:none;
}
.craftmanship .columns.designer-columns .columns-slider .column,
.craftmanship .columns.designer-columns .columns-slider .column:first-child {
	padding: 104px 20px 30px 0;
	background: transparent url(../images/border-color333132.jpg) no-repeat 0 94px;
}
.newsletter .column {
    width: 316px;
}
    .newsletter .column label {
        margin-left: 10px;
    }
.newsletter .news-dropdown {
    float: left;
    width: 150px;
}
    .newsletter .news-dropdown.language {
        margin-left: 15px;
    }
        .newsletter input {
            font: 14px/20px 'DINNextRoundedLTW01-Lig';
        }
        .news-dropdown {
            position:relative;
        }
            .news-dropdown input {
                cursor: pointer;
                text-transform: uppercase;

            }
        .news-dropdown .news-arrow {
            position: absolute;
            right: -5px;
            top: 36px;
            pointer-events: none;
        }
        .news-dropdown .selectbox {
          list-style-type:none;
          margin:0px;
          padding:0px;
          width: 140px !important;
          background: #323232;
          color: white;
          padding: 3px  !important;
          padding-left: 12px !important;
        }
        .news-dropdown .selectbox:hover {
        color: #a8473b;
        }
        .news-dropdown .selectbox-wrapper {
            background: #323232;
            color: white;
            border-radius: 15px;
            width: 145px !important;
            position: absolute;
            margin-top: 8px;
            padding: 5px;
            cursor:pointer;
            text-transform: uppercase;
            z-index: 10;
        }
        .news-dropdown.overflow .selectbox-wrapper {
            max-height: 300px;
            overflow: auto;
        }
            .news-dropdown .selectbox-wrapper ul li:hover {
                color: #a8473b;
            }
        .news-dropdown .selectbox ul li.selected { 
          background-color: #EAF2FB;
        }
        .news-dropdown .selectbox- ul li.current { 
          background-color: #CDD8E4;
        }
        .news-dropdown .selectbox ul li {
          list-style-type:none;
          display:block;
          margin:0;
          padding:2px;
          cursor:pointer;
        }
        .customSelect { 
            height: 20px;
            width: 150px;
            background: #323232;
            color: white;
            padding: 2px;
            margin-left: 3px;
            padding-left: 8px;
            border-radius: 30px;
            }
        .customSelectInner {
            color: white;
            background: #323232;
        }
        .news-checkbox input {
            width: 15px !important;
            margin-top: 20px;
        }
        .check-submit-label {
            width: 225px;
            margin-left: 4px;
            margin-bottom: 20px;
        }
            .check-submit-label label {
                margin-left: 0 !important;
                margin-top: 20px;
            }
.newsletter .news-submit {
    width: 150px !important;
    background: #a8473b;
    text-align: left;
    padding-left: 17px !important;
    color: white;
    text-transform: uppercase;
    -webkit-appearance: none;
}

    .newsletter .columns-slider .column input {
        width: 316px;
        border-radius: 15px;
        padding: 3px;
        margin-top: 9px;
    }
.newsletter .news-clear {
    clear: both;
}
.columns.designer-columns .columns-slider .column:first-child {
	padding: 124px 20px 30px 0;
	background: transparent url('../images/border-color333132.jpg') no-repeat 0 118px;
    @media all and(max-width: 768px) {
        padding-right: 0px;
    }
}


.columns .column .btn {
    color:@icongrey;
}
.columns .column.academy  {
	height: 600px!important;
	float: left;
	margin: -40px 1px 0 0;
	padding: 78px 10px 30px;
	width: 264px;
	position:relative;
	z-index:50;
}
.columns .viewer .btn {
    color:@black;
}

.columns .viewer .btn:hover, .columns .column .btn:hover {
    color:@red;
}

.product-sort {
	margin:-80px 0 0;
	padding-top:80px;
	background:none;
}

.product-sort #dropdown {
	margin-top:0;
	top:90px;
	width: 300px;
}

.product-sort .column {
	.opacity(0);
	background:none;
	margin:-40px 0 0 0;
	padding:136px 20px 0 0;
	min-height:100%;
}

.product-sort .column.listcol {
	.opacity(1);
	background:none;
	margin:-40px 0 0 0;
	padding:136px 20px 0 0;
	min-height:100%;
}

.product-view {
	/*background:url(../images/product-background-start.png) no-repeat -11px 50px;*/
}

.product-view .column {
	/*background:url(../images/product-group-background.png) repeat-x 0 0;*/
}

.product-sort .columns-slider {
	overflow:hidden;
	margin:-80px 0 0;
	padding:80px 0 0;
}

.product-sort .viewer {
    cursor:pointer;
}

.product-sort .column:hover {
    /*background:url(../images/product-item-hover.png) repeat-x 0 0;*/
}

.designers-columns .column:hover {
    /*background:url(../images/designers-item-hover.png) repeat-x 0 0;*/
}

.designers-columns .column .btn, .designer-columns .column .btn, .brochure-columns .btn {
    color:@black;
}


.brochure-columns .btn:hover {
    color:@red !important;
}

.designers .columns .cat-back {
    /*background-image:url(../images/designer-background.png);*/
}

.designers .columns .cat-back .start {
    /*background-image:url(../images/designer-background-start.png);*/
}

.columns .column p {
	margin: 0 0 20px;
}
.columns .column h2 {
	text-transform: uppercase;
	font-weight: 500;
	font-size: 20px;
	line-height: 26px;
	color: @black;
	margin: 0 0 11px;
	position: relative;
}
columns .column h2.add {
	padding: 0 10px 2px 0;
	margin: -3px 0 0;
	font-weight: 400;
	font-size: 28px;
	line-height: 30px;

}
.columns .column h2 a {
	color: @black;

}
.columns .column h3 
{
    padding: 0;
    margin:15px 0;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #535353;
}
.columns .column img 
{
	max-width:264px;
}
.columns .bg {
	position: absolute;
	background: url(../images/bg-main.png) 0 -20px repeat-x;
	height: 100%;
	width: 58px;
	top: 0;
	left: 0;
}
.columns .bg-2 {
	width: 61px;
	left: auto;
	right: 0;
}
.columns .text-box {
	padding: 0 10px 0 2px;
	word-spacing: 1px;
	position: relative;
	top: -5px;
}

.rteText .column p img {
    max-width: none;
}

.item-box:after {
	content: '';
	display:table;
	clear: both;
}
.item-box {
	/*height: 1%;*/
	margin: -37px 0 0;
}
.btn-1 {
	background: url(../images/btn-1-r.png) 100% 0 no-repeat;
	color: #fff;
	cursor: pointer;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	text-transform: uppercase;
	padding: 0 26px 0 0;
	position: absolute;
	top: 7px;
	left: 6px;
	width: 245px;
}
.btn-1 span {
	background: url(../images/btn-1-l.png) no-repeat;
	display: block;
	height: 33px;
	cursor: pointer;
	padding: 4px 2px 3px 17px;
}
.btn-1:hover {
	text-decoration: underline;
}
.visual-block {
	/*overflow: hidden;*/
	height: 1%;
	padding: 0 0 10px;
	margin: 0 0 3px;
	border-bottom: 2px solid @black;
}
.visual-block .add-nav {
	text-align: right;
	margin: 0;
	padding: 0 2px 0 0;
	list-style: none;
	height: 22px;
	/*overflow: hidden;*/
	position:relative;
}

.visual-block .add-nav li ul {
	background:url(../images/ie-hoverfix.png) repeat;
}

*+html .visual-block .add-nav li {
	display: inline;
	margin: 0 0 0 4px;
}
.visual-block .add-nav li {
	vertical-align: top;
	display: inline-block;
	margin: 0 0 0 1px;
}
.btn {
	display: block;
	overflow: hidden;
	font-size: 22px;	
	line-height: 24px;
	height:24px;
	color:@darkred;
	position:relative;
	z-index:200;
	cursor:pointer;
	text-indent: 30px;
	width: 21px;
}
.btn-select.gallery-lightbox,
.gallery-lightbox {
	background: transparent url(../images/more-icon.png)no-repeat center center;
}

.product-page .gallery-lightbox {
    background: none;
}

.product-page .gallery-lightbox:hover {
    background: none;
}

.btn-select.gallery-lightbox:hover,
.gallery-lightbox:hover {
	background: transparent url(../images/more-icon-hover.png)no-repeat center center;
}
.btn-select {
	background: transparent url(../images/submenu-icon1.png)no-repeat center center;
}
.btn-select:hover {
	background: transparent url(../images/submenu-icon1-hover.png)no-repeat center center;
}
.btn-select.btn-downloads,
.btn-downloads {
	background: transparent url(../images/sub-dropdown.png)no-repeat center center;
}
.btn-select.btn-downloads:hover,
.btn-downloads:hover {
	background: transparent url(../images/sub-dropdown-hover.png)no-repeat center center;
}

.visual-block .add-nav .download ul {
    .reset-margin();
    list-style-type:none;
    position:absolute;
    left:0px;
    top:0;
    padding-top:34px;
    display:none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	width:264px;
	-webkit-box-shadow:none ;
	-moz-box-shadow: none ;
	box-shadow: none ;
	height:auto;
}
.visual-block .add-nav .download li {
    display:block;
    width:251px;
    text-align:left;
    background:@red;
    .opacity(0.93);
    font-weight:500;
    color:@white;
    text-transform:uppercase;
    font-size:18px;
    padding:4px 0 4px 13px;
    margin:0 0 1px;
	border-bottom:none;
}

.visual-block .add-nav .download li a {
    color:#fff;
    display:block;
}

.visual-block .add-nav .download li a:hover {
    text-decoration:none;
    color:@black;
}

.visual-block .add-nav .download li a span 
{
    float:right;
    font-size:22px;
}

.pid {
    display:none;
}

.product .btn {
    color:#fff;
}

.btn:hover, .add-nav .active a
{
    color:@red;
}

.brochure-columns .add-nav .active .btn { color:@red !important; }

.product .btn:hover, .product .add-nav .active a {
    color:@cyan;
}

.single-product .btn:hover, .single-product .add-nav .active a {
    color:@red; 
}

.visual-block .visual img,
.visual-block .visual {
	display: block;
	vertical-align: top;
}
.visual-block .visual {
	margin: 0 0 10px;
}
.columns .caption {
	padding: 10px 10px 0 2px;
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #535353;
}
.columns .caption.manchet {
    padding: 10px 10px 0 2px;
    font-size: 16px;
    line-height: 22px;
    color: #535353;
    margin: 0;
    font-weight: lighter !important;
}
.columns .caption p {
	margin: 0 0 10px;
}
.columns .caption a,
.columns .caption p a {
	color:@red;
}
.columns .text-block {
	padding: 0 10px 8px 1px;
	margin: -2px 0 0;
}

.fancy-gallery {
    position:relative;
    /*padding:34px 14px;*/
    padding:0;
    height:100%;
    width:100%;
    overflow:hidden;
    background:#fff;
}

.fancy-gallery .line 
{
    position:absolute;
    width:1px;
    background:@red;
    height:25px;
    right:34px;
    top:60px;
	display:none;
}

.fancy-gallery #gal-nav {
    .reset-margin();
    list-style-type:none;
    margin:0;
    z-index: 150;
    position: absolute;
    top: 34px;
    left: 14px;
    z-index: 5000;
}

.fancy-gallery #gal-nav li {
    float:left;
    margin-left:6px;
}

.fancy-gallery #gal-nav li a {
    display:block;
    border:1px solid @black;
    width:6px;
    height:6px;
}

.fancy-gallery #gal-nav li.active a {
    border:2px solid @red;
    width:4px;
    height:4px;
}

.fancy-gallery #gal {
    .reset-margin();
    width:100% !important;
    margin:0 auto;
    list-style-type:none;
    height:100%;
}

.fancy-gallery #gal li {
    /*float:left;*/
    width:100% !important;
    display:block !important;
    height:100% !important;
    text-align:center;
    display:block;
    padding-top:0%;
}
.fancy-gallery #gal li img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 40% !important;
    height: auto !important;
    max-width: 900px;
}

.fancy-gallery .fancy-nav, .fancy-gallery .fancybox-close-custom {
    color:@red;
    font-size:27px;
    position:absolute;
    top:88px;
    z-index:150;
    left:14px;
	text-indent: -9999px;
	width: 21px;
	height: 21px;
}

.fancy-gallery .fancybox-close-custom {
    left:auto;
    right: 58px;
	top: 39px;
	background: transparent url(../images/close-fancy.png) no-repeat 0px 0px;
}
.fancy-gallery .fancybox-close-custom:hover {
	background: transparent url(../images/close-fancy-hover.png) no-repeat 0px 0px;
}

.fancy-gallery #prev-fancy,
.fancy-gallery #next-fancy {
    left:auto;
	top: 50%;
	right: 0;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjMyIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 1%, rgba(0,0,0,0.32) 50%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(0,0,0,0)), color-stop(50%,rgba(0,0,0,0.32)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 1%,rgba(0,0,0,0.32) 50%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0) 1%,rgba(0,0,0,0.32) 50%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 1%,rgba(0,0,0,0.32) 50%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 1%,rgba(0,0,0,0.32) 50%,rgba(0,0,0,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=0 ); /* IE6-8 */
	height:670px;
	width:40px;
	margin-top: -335px;
}

.fancy-gallery #prev-fancy:before,
.fancy-gallery #next-fancy:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 1;
	background: transparent url(../images/next.png) no-repeat center center;
}
.fancy-gallery #prev-fancy:before {
	background: transparent url(../images/prev.png) no-repeat center center;
}

.fancy-gallery #prev-fancy {
    right: auto;
	left: 0;
}

.slide-block {
	overflow: hidden;
	width: 100%;
	border: 1px solid @black;
	border-width: 1px 0 0;
	margin: 0 0 1px;
}
.slide-block .opener{
	height: 1%;
	display: block;
	padding: 5px 30px 4px 1px;
	min-height: 7px;
	text-decoration: none;
	font-weight: 500;
	font-size: 18px;
	line-height: 17px;
	color: #535353;
	position:relative;
	background: url(../images/arrow-1.png) 100% 50% no-repeat;
    background-position: 250px 10px;
}
.slide-block .opener.active{
	background: url(../images/arrow-1-a.png) 100% 50% no-repeat;
}
.slide-block.expanded .opener {
	padding: 3px 30px 4px 1px;
	background: url(../images/arrow-1-a.png) 100% 2px no-repeat;
}
.slide-block .opener:hover {
	text-decoration: none;
}
.slide-block .slide {
	position: relative;
	overflow: hidden;
	width: 100%;
	/*height: 0;*/
	display:none;
	/*border-top:1px solid #000;*/
	font-weight:500;
}

.slide-block .slide a {
	color:@red;
	text-decoration:underline;
	font-family: 'Dosis', Arial, Helvetica, sans-serif !important;
}

.slide-block .scroll-slide {
    display:block;
}

.slide-block .scroll 
{
    /*display:block;*/
    /*overflow:auto;
    max-height:370px;*/
}

.border-list, .column ul {
    .reset-margin();
    margin-bottom:-1px;
    list-style-type:none;
}

.border-list li, .column ul li
{
    margin:0 9px;
    padding:0 0;
    border-bottom:none;
    line-height:20px;
    list-style-type:none;
}

.slide-block.expanded .slide {
	height: auto;
}
.slide-block .sholder {
	padding: 2px 0 0;
}
.slide-block h3 {
	margin: 0 0 13px 1px;
	font-weight: 500;
	font-size: 18px;
	line-height: 26px;
	color: #535353;
}

.slide-block .visual img,
.slide-block .visual {
	display: block;
}
.slide-block .visual {
	margin: 0 0 18px;
}
.gallery {
	width: 262px;
	overflow: hidden;
	position: relative;
	border: 1px solid #8c969a;
	border-width: 0 1px;
}
.gallery .gmask {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 106px;
	float: left;
}
.gallery .gmask ul {
	list-style: none;
	width: 9999px;
	float: left;
	padding: 0;
	margin: -6px 0 0 ;
}
.gallery .gmask ul li {
	float: left;
	padding: 0 35px 0 0;
	height: 100px;
}
.gallery .gmask ul h4 {
	font-size: 19px;
	line-height: 26px;
	margin: 0 0 1px;
	color: #535353;
	font-weight: 500;
	position: relative;
}
.gallery .gmask ul a {
	color: #535353;
}
.gallery .visual img,
.gallery .visual {
	display: block;
}
.gallery a.btn-next {
	width: 5px;
	height: 8px;
	position: absolute;
	z-index: 100;
	bottom: 8px;
	right: 8px;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	background: url(../images/arrow-2.png) no-repeat;
}
.search-form {
	overflow: hidden;
	width: 258px;
	padding: 15px 0 5px 12px;
	margin: 0 -3px;
	background: url(../images/bg-textinput.png) 0 12px no-repeat;
}
.search-form input[type="text"] {
	margin: 0;
	color: #707070;
	background: none;
	border: none;
	width: 204px;
	font: 16px/20px Arial, Helvetica, sans-serif;
	height: 20px;
	float: left;
	padding: 4px 4px 3px;
}
.search-form input[type="submit"] {
	margin: -3px 0 0;
	padding: 0;
	border: none;
	cursor: pointer;
	color: @black;
	width: 33px;
	height: 33px;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	background: url(../images/btn-search.png) no-repeat;
	float: right;
}
.item-box-2 h3 {
	margin: 2px 0 13px 0;
}
.item-box-2 .caption {
	padding: 0 20px 1px 0;
	position: relative;
	left: -1px;
	font-size: 15px;
	line-height: 20px;
}

/*Inspiration gallery*/

.inspiration .logo {
    background-image:url(../images/carlhansenlogo.png);
}

.inspiration #nav a {
    color:#fff;
}

.inspiration #nav a:hover {
    color:@red;
}

#insp-gallery {
    .reset-margin();
    position:relative;
    top:0;
    left:0;
    width:100% !important;
    height:100% !important;
}

#insp-gallery li  
{
    position:absolute;
    top:0;
    left:0;
    width:100% !important;
    height:100% !important;
    overflow:hidden;
    display:block;
    /*width:1600px;
    height:1139px;*/
}

#insp-gallery li:first-child
{
    z-index:5;
}

#insp-gallery .title {
    position:absolute;
    top:370px;
    left:100px;
    z-index:9999;
    font-weight:bold;
    font-size:100px;
    display:none;
}

#insp-next, #insp-prev {
    position:absolute;
    right:0;
    width:100px;
    height:100%;
    z-index: 80;
    background:url(../images/ie-hoverfix.png) repeat;
    font-size:40px;
    color:#fff;
    line-height:600px;
    text-align:center;
    text-shadow:0 0 1px #fff;
}

#insp-prev {
    right:auto;
    left: 0;
}

#insp-next:hover , #insp-prev:hover {
    text-decoration:none;
    /*background:url(../images/red-bg.png) repeat;*/
    color:@black;
    text-shadow:0 0 1px @black;
}

#insp-prev:hover {
    background:url(../images/red-bg-left.png) repeat;
}


/*
#insp-gallery li .spot
{
    position:absolute;
    width:21px;
    height:21px;
    background:@red;
    display:none;
    top:0;
    left:0;
    z-index:10;
}*/

#insp-gallery li .spot {
	width:76px;
	height:76px;
	position:absolute;
	z-index:10;
	overflow:hidden;
	display:none;
}
	
#insp-gallery li .spot .background {
	width:33px;
	height:33px;
	position:absolute;
	display:block;
	background:url(../images/plus-icon-bg.png) no-repeat 0 0;
	z-index:5;
	bottom:0;
	left:21px;
}
		
#insp-gallery li .spot .plus {
	width:21px;
	height:22px;
	position:absolute;
	display:block;
	background:url(../images/plus-icon.png) no-repeat 0 0;
	z-index:10;
	bottom:6px;
	left:27px;
}
	
#insp-gallery li .spot .hover {
	width:0;
	height:0;
	background:url(../images/plus-icon-bg-hover.png) no-repeat center center;
	position:absolute;
	top:57px;
	left:45px;
	overflow:hidden;
	text-align:center;
	color:#fff;
	font-size:16px;
	padding-top:25px;
	-webkit-border-radius: 360px;
	border-radius: 360px;
}

#insp-gallery li img {
    position:absolute;
    top:0;
    left:0;
}


#insp-gallery li img.disable-resize {
  width: 100% !important;
  height: auto !important;
}

.gallery-thumbs-holder {
    padding:0 59px;
    /*background:url(../images/gallery-thumbs-background.png) repeat 0 0;*/
}

.gallery-thumbs-holder li {
    .opacity(0.35);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
}

.gallery-thumbs-holder li.active-pager, .gallery-thumbs-holder li:hover {
    .opacity(1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.inspiration .chs-car {
    background:url(../images/gallery-thumbs-background.png) repeat 0 0
}

.inspiration #footer .prev,  .inspiration #footer .next{
    background:url(../images/gallery-thumbs-prev-bg.png) repeat 0 0;
    height:23px;
}

.inspiration #footer .disabled {
    display:block!important;
}

/*Inspiration gallery end*/
.frontpage #footer-holder
{
    z-index: 1;
    position:relative;
}
#footer-holder
{
    /*z-index: 9999;*/
    position: relative;
}
#footer 
{
	padding: 0;
	color: #000;
    overflow:hidden;
    /*height:1px;
    display:table-row;
    position:relative;*/
    z-index:9999;
    clear: both;
    width:100%;
    position:fixed;
    bottom:0;
}

#footer .hover-items {
    height:0;
    margin-top:-1px;
    background:url(../images/footer-hover.png) repeat 0 0;
    overflow:hidden;
    position:relative;
    border-top:1px solid rgba(255, 255, 255, 75);
}


#footer .next, #footer .prev {
    width:58px;
    position:absolute;
    font-size:30px;
    left:0;
    top:0;
    /*padding:110px 0 0;*/
    z-index:110;
}

#footer .disabled {
    display:none !important;
    line-height:9999px;
    cursor:default;
}

#footer .next {
    width: 58px;
    position: absolute;
    right: 20px;
    left: auto;
    top: 50px;
    bottom: 0;
    margin: auto;
    font-size: 70px;
    line-height: 55px;
    height: 50px;
    text-align: left;
}
#footer .prev
{
    width: 58px;
    position: absolute;
    left: -20px;
    right: auto;
    top: 50px;
    bottom: 0;
    margin: auto;
    font-size: 70px;
    line-height: 55px;
    height: 50px;
    text-align: left;
}

#footer .hover-items .news-list-holder {
    width:100%;
    overflow:hidden;
    padding-left:344px;
    margin-right:-344px;
}


#footer .hover-items ul {
    .reset-margin();
    list-style-type:none;
    padding:0 0 0 0;
    margin:0;
    overflow:hidden;
    height:133px;
    border-right:1px solid #fff;
}

#footer .hover-items ul li {
    width:285px;
    float:left;
    height:100%;
    /*border-left:1px solid #fff;*/
    background:url(../images/footer-item-border.png) repeat-y 0 0;
    position:relative;
}

#footer .hover-items .desc {
    background:url(../images/footer-item-border.png) repeat-y 0 0;
    
}

#footer .hover-items .desc .desc-bl {
    background:url(../images/footer-hover.png) repeat 0 0;
}

#footer .hover-items .desc .desc-content {
    /*background:url(../images/footer-hover-red.png) repeat 0 0;*/
	width:285px;
    height:133px;
    position:absolute;
    left:59px;
}

#footer .hover-items .desc h4 {
    .reset-margin();
    font-weight:500;
    font-size:18px;
    padding:15px 0 0 11px;
}

#footer .hover-items .header {
	display:block;
}

#footer .hover-items ul.news-list li a 
{
    display:block;
    padding:15px 0 0 11px;
    padding-right:85px;
    height:100%;
    position:relative;
    font-weight:500;
}

#footer .hover-items ul.news-list li a span.content-holder
{
    position:relative;
    z-index:90;
}

#footer .hover-items ul.news-list li a span.bg-hover
{
    position:absolute;
    width:285px;
    height:133px;
    background:@red;
    top:0;
    left:0 !important;
    z-index:-5;
    .opacity(0.65);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
}


#footer .hover-items ul.news-list li a span
{
    font-size:18px;
}



#footer .hover-items ul.news-list li a:hover
{
    text-decoration:none;
	color: white;
}

#footer a {
	color: #fff;
}

#footer .relative-holder {
    position:relative;
    z-index:150;
}
.visit-rud-div {
    width: auto;
    height: 20px;
    float: right;
    display: none;
}
    .visit-rud-div p {
        margin: 0;
        padding: 0;
        text-transform: uppercase;
        color: white;
    }
    .redtext {
        color: red !important;
    }


#footer .nav-holder {
    background:@grey;
    padding: 12px 45px 12px 32px;
    overflow:hidden;
    border-top:2px solid @red;
    position: relative;
}
.rudlogo {
	position: absolute;
	right: 10px;
	bottom: 20px;
}
.rudlogo img {
	position: relative;
	top: 3px;
}
#footer .sub-nav {
	margin: 0;
	padding: 0;	
	list-style: none;
	overflow: hidden;
	height: 1%;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 1px;
	float:right;
    /*background: @black;*/
    /*position:relative;
    z-index:150;*/
	font-family: 'Dosis', Arial, Helvetica, sans-serif !important;
}
#footer .sub-nav li {
	float: left;
	padding: 0 8px 0 12px;
	background: url(../images/bullet-1.gif) 0 8px no-repeat;
}
#footer .sub-nav li:first-child {
	padding-left: 0;
	background: none;
}

#footer .sub-nav a {
	text-shadow:0 1px 0 #000;
	text-transform:uppercase;
}

.dark-fancybox .fancybox-skin {
    background:url(../images/dark-fancy-bg.png) repeat 0 0;
    background:none;
    border:none;
    position:relative;
    z-index:100;
}
.fancybox-outer, .fancybox-inner {
	width: 100% !important;
	height: 100% !important;
}
    .fancybox-inner #gal-nav {
        display: none;
    }
.fancybox-skin {
	position: fixed;
	padding: 0;
	margin: 0;
	background: #F9F9F9;
	color: #444;
	text-shadow: none;
	top: 23px;
	left: 0;
	right: 0;
	bottom: 60px;
}
.news-list li .header, .news-list li .text {
	color: black;
}
#nav li:last-child, #nav li:nth-child(6), #nav li:nth-child(7) {
    display: none;
}
.video-play-button {
    display: none;
	position: absolute;
	top: 48%;
	left: 45%;
}
#login-box {
    padding:25px 15px;
    width:260px;
    overflow:hidden !important;
    background:url(../images/dark-fancy-bg.png) repeat 0 0;
    .rounded(15px);
    .box-shadow(0px 0px 10px 0px rgba(0, 0, 0, 15));
    color:#fff;
    position:relative;
}
.login-box-link {
    position: absolute;
    list-style: none;
    right: 110px;
    z-index: 100;
    top: 1px;
    z-index: 99999;
}
    .login-box-link a {
        color: white;
        text-transform: uppercase;
        font-family: 'Dosis', Arial, Helvetica, sans-serif !important;
        font-size: 12px;
    }
.contact-top-bar {
    position: absolute;
    list-style: none;
    right: 175px;
    z-index: 100;
    top: 1px;
}
    .contact-top-bar a{
        color: white;
        text-transform: uppercase;
        font-family: 'Dosis', Arial, Helvetica, sans-serif !important;
        font-size: 12px;
    }
#login-box h2 {
    font-size:25px;
    border-bottom:1px solid #fff;
    border-top:2px solid #fff;
    text-transform:uppercase;
    margin:0;
    padding:10px 0 9px;
}

#login-box p {
    font-size:16px;
}

#login-box .login-form {
    overflow:hidden;
}


#login-box input[type=text], #login-box input[type=password] {
    .rounded(20px);
    border:none;
    width:230px;
    font-size:16px;
    color:#707070;
    font-family:'Dosis', Arial, Helvetica, sans-serif;
    padding:3px 15px;
    margin-bottom:9px;
}

#login-box input[type=text]:focus, #login-box input[type=password]:focus {
    outline:none;
}

#login-box .login-pusher {
    font-size:18px;
    text-transform:uppercase;
    color:#fff;
    float:right;
}

#login-box .login-pusher:after {
    content: '';
    clear:both;
    display:block;
}

#login-box .login-pusher span {
    font-size: 27px;
    float:right;
    /*
    line-height: 14px;
    height: 12px;
    display: inline-block;*/
}

#login-box .error-msg {
    display:none;
    width:265px;
    border-top:2px solid #fff;
    margin-top:10px;
    padding-top:15px;
}

#login-box .error-msg p {
    display:block;
    width:265px;
    font-size:16px;
    margin:0 0 15px;
}

.sholder { width: 266px; clear: both; margin: 20px 0 10px; }
.scroll .viewport { width: 257px; height: 370px; overflow: hidden; position: relative; background:url(../images/ie-hoverfix.png) repeat; }
.scroll .overview { list-style: none; position: absolute; left: 0; top: 0; }
.scroll .thumb .end, .scroll .thumb { background-color: #003D5D; }
.scroll .scrollbar { position: relative; float: right; width: 9px; }
.scroll .track { background:url(../images/scrollbar-bg.png); .opacity(.6); .rounded(10px); height: 100%; width:7px; position: relative; padding: 0 1px; }
.scroll .thumb { background:@black; height: 20px; width: 7px; cursor: pointer; overflow: hidden; .rounded(10px); position: absolute; top: 0; }
.scroll .thumb .end { background:@black; overflow: hidden; height: 5px; display:none; width: 7px; .rounded(10px); }
.scroll .disable{ display: none; }

.video-lightbox .fancybox-skin {
    border:none;
    padding:0;
    background:#000;
}

.video-lightbox .fancybox-close {
    display:block;
    background:url(../images/fancy-video-close.png) no-repeat 0 0;
    width:23px;
    height:22px;
    top:-32px;
    right:-33px;
    z-index:5000;
}
.gww .overview ul li a img {
	width: 54px;
	height: 54px;
	border: 1px solid #B1BCC0;
	float: left;
	margin: 0 10px 0 0;
}
.gww .overview  li{
	margin:0 9px;
    padding: 10px 0 1px !important;
    border-bottom:1px solid @black;
    line-height:20px;
    list-style-type:none;
	height: 65px;
	width: 248px;
}
.gww .overview  ul li span.title{
	float:left;
	width:180px;
	font-weight: 500;
	font-size: 18px;
	line-height: 13px;
	margin: 0 0 6px;
	color: #535353;
}
.gww .overview ul li span.title a {
	font-family: 'Dosis', Arial, Helvetica, sans-serif !important;
}
.gww .overview  ul li span.link{
	float:left;
	width:180px;
	font-weight: 500;
	font: 14px/20px 'Dosis', Arial, Helvetica, sans-serif;
}
.gww .overview  ul li span.title a{text-decoration:none; color: #535353;}
.gww .overview ul li span.link a{text-decoration:none;}
.sholder.scroll.gww {
	margin: -2px 0 0;
}
.bch .overview ul li img {
	width: 54px;
	height: 54px;
	border: 1px solid #B1BCC0;
	float: left;
	margin: 0 10px 0 0;
}
.bch .overview  li{
	margin:0 9px;
    padding: 10px 0 1px !important;
    border-bottom:1px solid @black;
    line-height:20px;
    list-style-type:none;
	height: 65px;
	width: 248px;
}
.bch .overview  ul li span.title{
	float:left;
	width:180px;
	font-weight: 500;
	font-size: 18px;
	line-height: 13px;
	margin: 0 0 6px;
	color: #535353;
}
.bch .overview  ul li span.title a{text-decoration:none; color: #535353;}
.bch .overview  ul li span.link{
	float:left;
	width:180px;
	font-weight: 500;
	font: 14px/20px 'Dosis', Arial, Helvetica, sans-serif;
}
.bch .overview ul li span.link a{text-decoration:none;}
.sholder.scroll.bch {
	margin: -2px 0 0;
}
.sholder.scroll.tools {
	margin: -2px 0 0;
}
.tools p {
	padding: 10px 0px;
	margin: 0 10px !important;
	border-bottom: 1px solid black;
	width: 247px;
}
.btn-select.btn.ico {
	display: block;
	overflow: hidden;
	font-size: 22px;
	line-height: 24px;
	height: 24px;
	color: @icongrey;
	position: relative;
	z-index: 200;
}
#baskethover {
	background: transparent;
	color: #fff;
	width: 220px;
	position: absolute;
	top: -2px;
	right: 0;
	padding: 2px 0px;
	text-align: right;
	z-index:9999;
}
#baskethover .frame{display:none;}
#baskethover:hover .frame{display:block;}
.contact.downloadBasket.active {
	background: transparent;
	color: #fff;
	width: 220px;
	position: absolute;
	top: 0;
	right: 400px;
	padding: 2px 10px;
}
.contact.downloadBasket.active a {
	color: #fff;
}
#baskethover > a {
    color: #fff;
    font: 12px/18px 'Dosis', Arial, Helvetica, sans-serif;
    text-align: right;
    margin-top: 3px;
    display: block;
    font-weight: bold;
    text-transform: uppercase;
}
#baskethover .frame ul {
    list-style-type: none;
    padding: 0;
    min-height: 1px;
}
#baskethover .frame ul li {
    list-style-type: none;
    padding: 0 10px;
    margin: 1px 0;
    background: black;
    opacity: 0.53;
    cursor: pointer;
}
#baskethover .frame ul li:hover {
    opacity: 0.83;
}
#baskethover .deleterow {
    float: right;
    margin: 0 -4px 0 6px;
    font-size: 12px;
    line-height: 21px;
}
.contact.downloadBasket.active .tooltip,
.contact.downloadBasket.active .holder,
.contact.downloadBasket.active .frame {
	height: 100%;
	width: 100%;
	position: relative;
    margin-top: -11px;
}
#lnkEmptyBasket{
	float:right;
}

#top-bar .contact.downloadBasket.active ul {
	width: 100%;
	height: 100%;
	padding: 0;
	list-style-type: none;
	display: block;
	margin-top: 1px;
	margin-bottom: 28px;
}
#top-bar .contact.downloadBasket.active li {
	display: block;
	width: 210px;
	text-align: left;
	background: #ab3c37;
	-moz-opacity: 0.93;
	-khtml-opacity: 0.93;
	-webkit-opacity: 0.93;
	opacity: 0.93;
	font-weight: 500;
	color: #000000;
	text-transform: uppercase;
	font-size: 18px;
	padding: 4px 0 4px 10px;
	margin: 0 0 1px;
	border-bottom: none;
	position:relative;
}
#top-bar .contact.downloadBasket.active li .deleterow{
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	right: 2px;
	top: 5px;
}

#top-bar .contact.downloadBasket.active li:hover {
	background: #363636;
	color: #fff;
}
#lnkEmptyBasket {
	position: absolute;
	bottom: -16px;
	right: 0;
	background: #ab3c37;
	-moz-opacity: 0.93;
	-khtml-opacity: 0.93;
	-webkit-opacity: 0.93;
	opacity: 0.93;
	padding: 4px 8px;
}
#lnkDownloadBasket {
	position: absolute;
	bottom: -16px;
	left: 0;
	background: #ab3c37;
	-moz-opacity: 0.93;
	-khtml-opacity: 0.93;
	-webkit-opacity: 0.93;
	opacity: 0.93;
	padding: 4px 8px;
}
#baskethover #lnkDownloadBasket a,
#baskethover #lnkEmptyBasket a {
	font-weight:normal;
}
#lnkEmptyBasket:hover {
	background: #363636;
	color: #fff;
	text-decoration:none;
}
#lnkDownloadBasket:hover {
	background: #363636;
	color: #fff;
	text-decoration:none;
}
.activate-menu,
.news-content,
#menu-expander {
	display:none;
}
@media (max-width: 1100px) {
    #nav li {
        font-size:32px;
    }
	#main #home-holder h2 {
		font-size:80px;
		margin-top: 40px;
	}
	#main #home-holder h3 {
		font-size:44px;
		margin-top:40px;
        line-height: 44px;
	}
	#nav {
		width: 90%;
		padding: 0 0 0 10%;
	}
	body.timeline{
		overflow: hidden;
	}
}
@media (max-width: 860px) {

    #nav {
		padding: 0 2%;
		width: 96%;
		background:none;
	}

	#nav li:nth-child(n+5) {
		display: none;   
	}
	#main #home-holder {
		margin: 0 2.5%;
	}
    #footer .hover-items
    {
        margin-left: 2.5% !important;
    }
}
@media (max-width: 810px) {
    #nav li {
        font-size:18px;
    }
	#main #home-holder h2 {
		font-size:60px;
		line-height:70px;
		margin-top: 30px;
	}
	#main #home-holder h3 {
		margin-top:30px;
	}
	.fb-icon {
		top: 10px;
		right: 35px;
	}
}

@media (min-width:1025px){
	#nav a {
		display: block !important;
		height: 63px !important;
	}     
}
@media (max-width: 480px) {
	.frontpage #nav {
		width: 100%;
		padding: 0px;
		top:0px !important;
	}
    .distributorlist-wrapper {
        display:none !important;
    }
  
	
	#nav li:nth-last-child(-n+2) {
		display:block;
	}
	
    .dealer-map {
        display:none;
    }
    .map-dropdown ul{
	    padding: 0;
        overflow-y:scroll;
	    list-style-type: none;
	    margin: 5px 0px 10px 0px; 
         -webkit-overflow-scrolling: touch;
    }
    .wrapper-search-map {
       display:none;
    }
    html .mobile-finder-list {   
        display:block; 
        height: auto;
    }
    #chooseCityLabel {
       display:none;
    }
    .ruler.small.bottom {
        display:none;
    }
	#nav li {
		width: 91%;
		padding: 0 4.5%;
		margin: 0;
		height: 27px;
		border-bottom: 1px solid;
		line-height: 29px;
	}
    #nav li a{
		color: #FFF;
	}
	.fb-icon {
		display:none;
	}
	#main #home-holder h2 {
		font-size: 33px;
		line-height: 25px;
		margin-top: 25px;
		text-indent: -5px;
	}
	#top-bar {
		height: 43px;
	}
	#top-bar .lang {
		right: 5%;
		top: 10px;
	}
	#footer .nav-holder {
		padding: 3%;
	}
	#main {
		position: absolute;
		top: 43px;
		bottom: 0;
		width: 100%;
		z-index: 490;
		padding: 0;
	}
	#wrapper{
		position:static;
	}

	#footer .sub-nav {
		font-size: 10px;
		float: left;
		margin-top:4px;
	}
	#footer .hover-items ul.news-list li a span.bg-hover,
	.inspiration #footer .hover-items,
	.inspiration #rooms-dropdown {
		display:none;
	}
	#footer .next {
		right: 0px;
	}
	#footer .hover-items .desc {
		width: 100%;
	}
	#footer .hover-items ul,
	#footer .hover-items .desc .desc-content,
	#footer .hover-items .desc .desc-bl {
		width: 100% !important;
	}
	#footer .hover-items .news-list-holder {
		margin-left: 58px;
		padding:0;
	}
	#footer .hover-items ul.news-list li a {
		display: block;
		padding: 3% 65px 0 4.5%;
		height: 97%;
	}
	#footer .hover-items ul.news-list li a span.header{
		font-size:16px;
		line-height:16px;
	}
	#footer .hover-items ul.news-list li a span.text{
		font-size:15px;
		line-height:15px;
	}
	.activate-menu {
		position: absolute;
		right: 20px;
		top: 5px;
		width: 20px;
		height: 20px;
		background: #000;
		display:block;
	}
	.news-content {
		display: block;
		padding: 10px 4.5% 91px;
		width: 91%;
		position: relative;
		margin: 0;
	}
	.json-output{
		display:none !important;
	}
	.news-content .news-list {
		padding: 0 28px;
		margin: 0;
		color:#000;
	}
	.news-content .news-list li {
		margin: 0 0 6px;
	}
	.news-content .news-list a {
		color:#000;
		line-height: 10px;
	}
	.news-bg {
		background: #FFF;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0.4;
		z-index: -1;
	}
	html .home
	body.home
	html .products
	body.products{
		overflow-x:hidden;
	}
	#background 
	{
		top: 43px;
		width:100% !important;
	}
	#background img {
		overflow:hidden;
	}
	.inspiration #background {
		top: 0;
	}
	.product-view {
		/*background: url(http://carlhansen.sp.umwelt.local/css/../images/product-background-start.png) no-repeat -50px -50px;*/
		height: 680px;
	}
	#dropdown, .dropdown{
		width: 246px;
	}
	.product-sort {
		padding-left: 19px;
	}

	.columns .cat-back .start{
		width:61px;
	}
	.nav-arrow {
		width: 28px;
		text-indent: -6px;
		font-size: 32px;
		top: 0;
		height: 100%;
		margin-top: -10px;
	}
	.product-sort .columns-slider {
		margin-left: -40px;
	}
	body {
		background: #F7F7F7;
	}
	#insp-next, #insp-prev {
		line-height: 240px;
		font-size: 17px;
		width: 25px;
	}
	.gallery-lightbox.btn.ico,
	.ico.btn.gallery-lightbox,
	#gal-nav{
		display:none;
	}
    .gallery-lightbox.btn.ico {
        display: block !important;
    }
	#gal img {
		width: 60% !important;
		height: auto !important;
	}
	.fancybox-inner {
		max-height: none;
	}
	#footer .sub-nav li {
		padding: 0 5px 0 8px;
		font-size: 9px;
	}
	#insp-gallery {
		margin: 90px 0 0;
	}
	.inspiration .news-content {
		display: none;
	}
			.product-sort #dropdown {
				margin-top: 0;
				top: 15px;
			}
			#dropdown {
				margin-left:10px;
			}

			.product-sort {
				margin-top: 0px;
				padding-left: 19px;
			}
    .share-follow {
        display: none !important;
    }
}
@media (max-width: 420px)
{
    #main #home-holder h3
    {
        font-size: 28px;
        line-height: 28px;
    }
}
@media (max-width: 320px) {
	#footer .hover-items ul li {
		width: 225px;
		border-right: 1px solid #C0C0C0;
	}
	#footer .hover-items .news-list-holder {
		margin-left: 42px;
		padding:0;
	}
}
/*
*/
@media (max-width: 1024px) {
    #nav .homeLink {
        display: none !important;
    }
    html #nav li {
        background: black;
    }
    #footer .hover-items ul.news-list li a span.ico
    {
        position:absolute;
        right:12px;
        bottom:21px;
        z-index:90;
        font-size:30px;
        display: inline-block !important;
    }
    .share-follow {
        left: -20px;
    }
    .fancybox-skin {
        top: 43px;
    }
    #footer .hover-items .desc
    {
        background:none;
    }
    .news-content
    {
        display:none;
    }
    .home #main
    {
        padding: 0px;
        position: relative;
        width: 100%;
        top: 0;
        z-index: 9999;
    }
    ul.sharer-list
    {
        top: -48px;
        z-index: 9999;
        right: 295px;
        display: block !important;
    }
    #footer .hover-items ul.news-list li a span
    {
        display: inline-block;
    }
    #footer .hover-items ul.news-list li a span.ico
    {
        color:black;
        position: static;
        right: 12px;
        bottom: 0;
        z-index: 90;
        font-size: 30px;
        display: inline-block;
        vertical-align: middle;
    }
    #footer .hover-items ul.news-list li a
    {
        padding:0px;
    }
    .activate-menu
    {
        display:none;
    }
    #footer .hover-items .desc .desc-bl
    {
        background:none;
    }
    #footer .hover-items ul.news-list li a span.bg-hover
    {
        display:none;
    }
    #footer
    {
        position:relative;
        overflow: visible !important;
        z-index: 9999;
    }
    #footer .nav-holder
    {
        position: fixed;
        bottom: 0;
        top: auto;
        left: 0;
        right: 0;
        z-index: 10000;
    }
    #footer .hover-items .news-list-holder
    {
        padding:0px;
        height: 100%;
        width: 90%;
        margin: 0 auto;
        display: block;
    }
    .chs-car
    {
        height: 100% !important;
        margin:0px !important;
        width: 100% !important;
        overflow: auto;
    }
    html body .chs-car .news-list
    {
        width: 95% !important;
        height: auto !important;
        padding: 0 20px !important;
        position: static !important;
        margin-left: 10px !important;
    }
    #footer .hover-items
    {
        display: none;
        background:none;
        border: none;
        height: 100% !important;
        margin-top: 0px !important;
        overflow: hidden !important;
        margin-left: 93px;
    }
    #footer .hover-items .desc h4
    {
        padding: 15px 15px 15px 7px;
    }
    #footer .hover-items .desc .desc-content
    {
        width: 100%;
        height: auto;
        position: relative;
        left: auto;
    }
    #footer .hover-items ul li
    {
        width: 80%;
        height: auto;
        padding: 10px 0;
        margin-right: 0px !important;
        background:none;
        list-style-type: disc;
    }
	#top-bar ul.sharer-list {
          display: block !important;
          width: auto;
          margin: 0px 10px;
          top: 0;
          position: relative;
          float: right;
          right: 0;
	}
	#top-bar ul.sharer-list li {
		display:inline-block;
		position: relative;
		width: auto;
        height: auto;
	}
    #top-bar ul.sharer-list li a {
        text-decoration: none;
    }


    #top-bar ul.sharer-list li:first-child {
        top: -3px;
        display: none;
    }

	.webshop-top-bar, .contact-top-bar, .login-box-link {
		top: 11px;
	} 
    .frontpage #nav {
		display: none;
		position: absolute;
		top: 0;
		background: #000;
		color: white;
		bottom: 0;
		border-top: 2px solid #AB3C37;
		width: 100%;
		padding: 0;
		z-index:190;
	}
	#nav {
		padding: 0px;
		width:100%;
		display:none;
	}
	#main {
		padding: 0px;
		position: absolute;
		width: 100%;
	}
	#nav li:nth-child(-n+6) {
		display: block;   
		background:black;
	}
    #nav li:last-child {
        display: block;
    }
	html #nav li {
		width: 91%;
		padding: 0 4.5%;
		margin: 0;
		height: 27px;
		border-bottom: 1px solid;
		line-height: 29px;
	}
	html #nav li a {
		color:white;
	}
	#wrapper {
		width:100%;
	}
	body > form {
		display: inline-block;
	}
	#top-bar ul {
		margin: 9px 0 0 0;
	}
	#top-bar .lang {
		top: 10px;
	}
	#top-bar {
		height: 43px;
        width:100%;
        padding: 10px 5px;
        box-sizing: border-box;
	}
	#menu-expander {
		display: block;
		width: 40px;
		height: 32px;
		position: absolute;
		top: 6px;
		left: 5px;
		background: transparent url("../images/menu-button.png") no-repeat;
		cursor:pointer;
	}
	.nolandscape {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: rgba(0, 0, 0, 0) url('/images/tilt-bg.jpg')no-repeat;
		background-size: 100% 100%;
		z-index: 20000;
		display: block !important;
	}
	.nolandscapemode.nolandscape img {
		width: 50%;
		left: 24%;
		position: absolute;
		top: 18%;
	}
} 

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    ul.sharer-list li:first-child {
        top: -1px;
    } 
}

@media (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
	#menu-expander {
		background: transparent url("../images/menu-button-retina.png") no-repeat;
		background-size: 100%;
	}    
}

/*///////////////  DEALER-FINDER ////////////*/
.mobile-finder-list {
    display:none;
    position: absolute;   
    top: 155px;
    left: 0;   
    width: 100%;
    height: 0px;
   
    padding-bottom: 50px;
}
 .mobile-finder-list ul {
     list-style-type:none;
 }
.mobile-result-list ul p {
    margin-top: 5px;
}
.dealer-map{	
   z-index:2;
   width: 100%;
   height: 100%;
   position:fixed!important; 
   top:10px;
   left:0px;
   bottom:0px;
}
.dealerfinder-menu{
	position:absolute;
	left:67px;
	top:150px;
	z-index:3;
    font-family: 'Dosis', Arial, Helvetica, sans-serif !important;	
}
.dealerfinder-menu .header {
    text-transform:uppercase;
    font-size:20px;
    color: #ac3c38;
    font-weight: 400;   
    margin-bottom:10px;
}
.dealerfinder-menu .subheader {
    font-weight: bold;
    font-size: 10px;  
    text-transform:uppercase;
    color: #ac3c38;       
    margin-bottom:4px;
}
.dealerfinder-menu .ruler {
    background-color: #ac3c38;
    height:2px;
    width:250px;
    margin-bottom:5px;
}
.dealerfinder-menu .ruler.small {   
    margin-top:72px;
    height:1px;
}
.dealerfinder-menu .ruler.small.bottom {
     margin-top:36px; 
     height:1px;
}
.wrapper-dropdown {
    position:relative;
}
.map-dropdown{
	width: 250px;
    height: 21px;
    border-radius: 12px;
    background-color: #ac3c38;
    color: #fff;
    overflow: hidden;
    position:absolute;    
}
.map-dropdown .dropdown-btn-wrapper {
    position:relative;
}
.map-dropdown .dropdown-btn-wrapper span{
    background:url(../images/dropdown-btn.png) no-repeat 0 0;
    width:8px;
    height:5px;
    top: 6px;
    right: 8px;
    position:absolute;
 }
.map-dropdown.country {
    z-index:30;
}
 .map-dropdown.city {
     top:30px;
      z-index:20;
 }
.map-dropdown span{
	margin: 3px 0px 0px 13px; 
	font-size: 11px;
	text-transform: uppercase;
    font-weight: 500;
}
.map-dropdown ul{
	padding: 0;
    overflow:auto;
	list-style-type: none;
	margin: 5px 0px 10px 0px; 
}
.map-dropdown ul li {
    font-size: 11px;
    margin: 3px 0px 0px 13px; 
    font-weight: 500;
    text-transform:uppercase;
    cursor:pointer;   
}
.wrapper-search-map {
    position:relative;
}
.wrapper-search-map .search-input-bg {
    border-radius: 12px;
    background-color:white;
    height:20px;
    width:220px;
    position:absolute;
    top:0px;
 }
.wrapper-search-map input {
    width: 180px;
    height: 13px;
    position: absolute;
    top: 2px;
    left: 11px;
    border: none;
    outline: none;
    font-size: 11px;
}

.wrapper-search-map .searchBtn {
    display:block;
    background:url(../images/map-search-btn.png) no-repeat 0 0;
    width:24px;
    height:25px;
    top: -3px;
    right: 0px;   
    position:absolute;
    cursor:pointer;
}
.wrapper-search-map .searchBtn:hover {
    display:block;
    background:url(../images/map-search-btn-hover.png) no-repeat 0 0;
    width:24px;
    height:25px;
    top: -3px;
    right: 0px;  
    position:absolute;
    cursor:pointer;
}
.map-infobox-wrapper {
    display:none;
}
#map-infobox {   
    margin-top: 8px;
    background:#FFF;
    color:#ac3c38;  
    padding: .5em 1em; 
    -webkit-box-shadow: 0 0  2px #333;
    box-shadow: 0 0 2px #333;
}
#map-infobox .info-header {
    font-size:14px;
    font-weight:bold;
    margin-bottom:4px;
}

#map-list-website {
	color: #ac3c38;
}
.map-infobox-list {
    padding:0;
    margin:0;   
    list-style-type:none;
}
.map-infobox-list li{    
    font-size:11px;
    margin-top:-3px;   
}
.distributorlist-wrapper {
    position: absolute;
    z-index: 2;
    top: 342px;
    left: 67px;
     /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  /* IE 5-7 */
  filter: alpha(opacity=0);

  /* Netscape */
  -moz-opacity: 0;

  /* Safari 1.x */
  -khtml-opacity:0;

  /* Good browsers */
  opacity: 0;
}
.list-visible {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  /* IE 5-7 */
  filter: alpha(opacity=1);

  /* Netscape */
  -moz-opacity: 1;

  /* Safari 1.x */
  -khtml-opacity:1;

  /* Good browsers */
  opacity: 1;
}
.distributorlist-wrapper ul {
    overflow:auto; /*  set højden på ul efter du har sat listen*/   
    list-style-type: none;
    background-color: #fff;  
    margin: 0;
    padding: 0;
    width:250px;
    max-height:300px;     
    padding-top:8px;
}
.distributorlist-wrapper ul li {
    margin: 10px 0px 14px 10px;
    cursor:pointer;
}
.distributorlist-wrapper ul li:hover{
    color: #ac3c38;
}
.distributorlist-wrapper ul li:hover h3{
    color: #ac3c38;
}
.distributorlist-wrapper ul li h3 {
    font-size:14px;
    font-weight:bold;
    margin:0;
}
.distributorlist-wrapper ul li p {  
   line-height:17px;
   margin:-2px 0px -2px 0px;
   font-size:12px;
}
/*///////////////  DEALER-FINDER -END ////////////*/

.image-of-h2 {
    margin: 26px 0px 0px 10px;
    font-weight: 500;
}
.fancybox-inner.academy-gal .fancybox-image {
    width: 98%;
}

/* Timeline rail */
.timelinehr {
    padding: 70px 15px 0 25px;
}
.timelinehr div {
    background: transparent url('images/timeline/control-edit.png') no-repeat 10px 0;
}

.timeline #wrapper {
    z-index: initial;
}

.timeline #background {
    z-index: -1;
}

.timeline #dropdown {
    z-index: 8010;
}


/* Timeline template */
.tl .tlw {
	position: fixed;
	top: 113px;
	bottom: 60px;
	background: rgba(0, 0, 0, 0);
	left: 70px;
	right: 0;
	overflow: hidden;
}
.tl .timeline {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
	/*border-top: 2px solid #6B6B6B;*/
}
.tl .sidebar {
	padding: 30px 30px 30px 0;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 260px;
	overflow: hidden;
	border-right: 2px solid #6B6B6B;
	box-shadow: 0 0 15px #B1B4AD;
}
.tl .sidebar h2 {
	font-size: 28px;
	margin: -6px 0 24px;
}
.tl .contenthold {
    position: absolute;
    left: -26px;
    overflow: hidden;
    right: 0;
    top: 0;
    bottom: 0;
}
.tl .col {
    float: left;
    width: 215px;
    padding: 25px 0 25px 25px;
    background: transparent url('images/timeline/yearmark.jpg') no-repeat 25px 72px;
}
.tl .col:first-child {
    background: transparent;
}
.tl .col > h3 {
	height: 60px;
	line-height:60px;
	margin: 0;
	font-size: 26px;
}
.tl .colhold {
	position: relative;
	width: auto;
	height: 100%;
	min-height: 1px;
	overflow-y: hidden;
}
.tl .colcontent {
	padding: 0 20px 0 0;
	margin-top: 15px;
}
.tl .tlrail{
    position: absolute;
    top:75px;
    height:3px;
    left:25px;
    right:25px;
    background: #878787;
}
.tl .tlendrail,
.tl .tlstartrail{
    position: absolute;
    top: 0;
    width:3px;
    height:3px;
    left: 0;
    background: transparent url('images/timeline/startrail.jpg') no-repeat;
}
.tl .tlendrail{
    left:auto;
    right: 0;
    background: transparent url('images/timeline/endrail.jpg') no-repeat;
}
.tl .relative{
    position: relative;
}
.tl .bg {
    width: 100%;
    height: 100%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
}
.tl .bg img {
    width: 100%;
    height: 100%;
}
.tl .railstyle {
	background: #B3B3B3;
	border-radius: 8px;
}

.tl .colcontent img {
	width: 99%;
	height: auto;
	cursor: pointer;
}
.tl .colcontent .plus-icon{
		width: 24px !important;
		height: 24px !important;
		position: absolute;
		bottom: 10px;
		right: 12px;
		background: url('../images/tl-img-icon.png');
}
.timeline #dropdown {
	/*background: #8dcff4; */
	/*box-shadow: 0px 0px 4px 0px #000;*/
	margin: 81px 0 0 70px;
}
html.timeline {
	overflow:hidden;
}
.timeline .fancybox-skin{
	background: black;

	}
.timeline .fancybox-wrap .fancybox-close{

      display: block;
}
		
.timeline .fancybox-skin{
		padding: 11px !important;
}
.timeline-img-div{
          position: relative;
}
.timeline .colcontent p{
		margin: 0;
}



@media (max-width: 480px) {
	.tl .timeline {
		width: 100%;
	}
	html.timeline {
		overflow: visible;
	}
	.timeline #dropdown {
		display:none;
	}
	
}


@media (max-width: 767px) {
	.tl .timeline {
		width: 93%;
		padding: 0 3.5%;
	}

	.tl .tlw {
		position: static;
		top: 113px;
		bottom: 60px;
		background: rgba(0, 0, 0, 0);
		left: 70px;
		right: 0;
		overflow: hidden;
	}

	.tl .contenthold {
		position: relative;
		left: 0px;
	}

	.tl .colcontent img {
		width:100%;
	}

	.intro {
		padding: 10% 0 0 0 !important;
	}

	.year {
		padding: 2% 0;
		margin: 1% 0 5% 0 !important;
		border-top: 2px solid grey;
		border-bottom: 2px solid grey;
	}

	.intro .year {
		display:none;
	}

	.tl .col > h3 {
		font-size:60px;
	}

	.tl .colhold {
		width:100% !important;
	}

	.tl .col {
		float:none;
		display: block;
		width: 100% !important;
		padding: 0px;
		background:none;
	}

	.timeline #dropdown {
		display:none;
	}

	.tl .tlrail {
		display:none;
	}

	html.timeline {
		overflow: visible;
	}
	.tl .colcontent {
		padding: 0px;
		margin: 0px;
		padding: 0 0 7% 0;
	}
}


@media (min-width: 768px) and (max-width: 979px) {
	.tl .timeline {
			width: 100%;
		}
	html.timeline {
		/*overflow: visible;*/
	}
}

.mobile-finder-list a {
    color: #363636;
    font-size: 14px;
    line-height: 21px;
}

#fancybox-button {
            left: 350px;
            background: @red;
            -webkit-border-radius: 13px;
            -moz-border-radius: 13px;
            border-radius: 13px;
            -moz-background-clip: padding;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            color: #fff;
            width: 250px;
           /* margin-left: 12px;*/
            height: 24px;
            overflow: hidden;
            position: absolute;
            top: 49px;
            -webkit-box-shadow: 0px 0px 4px 0px @darkred;
            -moz-box-shadow: 0px 0px 4px 0px @darkred;
            box-shadow: 0px 0px 4px 0px @darkred;
            padding: 3px 0 0 15px;
            z-index: 150;
            margin-top: 40px;
}

.fancybox-icon {
			position: relative;
            display:block;
            width: 25px;
            height: 24px;
			cursor: pointer;
}
.fancybox-a{
	position: absolute;
	color: white;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 500;
}
#next-icon,
#prev-icon {
	width:21px;
	height:21px;
	position:absolute;
	top:50%;
	left: 50%;
	margin-top:-10px;
	margin-left: -16px;
	background: transparent url(../images/prev.png) no-repeat;
}
body #next-icon {
	background: transparent url(../images/next.png) no-repeat;
}
.designerbio {
	text-transform: uppercase;
	font-weight: bold;
	position: absolute;
	top: 135px;
	left: 357px;
}
.redtext {
	font-weight: bold !Important;
	color: #a8473b !Important;
}
.linedrawing {
	display: none;
}
.arrow-slideblock {
	position: absolute;
	top: 10px;
	right: 0;
}
.opener.active .arrow-slideblock {
	background-position: bottom left;
}
.product-page .columns.single-product .columns-slider .column.product__inner__column {
	padding: 20px 0 0 0;
}
.webshop-top-bar {
    position: absolute;
    right: 250px;
    text-transform: uppercase;
    list-style: none;
	a {
		color:#fff;
		font-family: 'Dosis', Arial, Helvetica, sans-serif !important;
		font-size: 12px;
	}
}
#footer .hover-items ul.news-list li a span.ico
{
    display:none;
}

/* Sitemap */
.sitemap {
    #background {
        position: fixed;
    }

    .columns {
        width: 100% !important;
        height: auto !important;
        padding: 0 20px !important;
        box-sizing: border-box;

        .columns-slider {
            width: 100% !important;

            .column {
                height: auto !important;
                width: 100% !important;
                padding-bottom: 90px !important;

                ul {
                    > li {
                        &.open {
                            > ul {
                                transition: all 500ms ease;
                                max-height: 5000px !important;
                                opacity: 1 !important;
                                -moz-opacity: 1 !important;
                                -webkit-opacity: 1 !important;
                                pointer-events: all !important;
                                margin-bottom: 10px !important;
                            }
                        }

                        &.has-ul {
                            position: relative;
                            padding-left: 20px;
                            .arrow {
                                width: 0;
                                height: 0;
                                border-top: 5px solid black;
                                border-left: 5px solid transparent;
                                border-right: 5px solid transparent;
                                display: block;
                                position: absolute;
                                top: 8px;
                                left: 0;
                                right: auto;
                                margin: auto;
                                cursor: pointer;
                            }
                        }
                    }
                }

                    ul.first {
                        margin: 20px 0;

                        > li {
                            text-align: left;
                            vertical-align: top;
                            margin: 0px 0 20px 0;
                            float: left;
                            width: 25%;
                            padding: 0 10px;
                            box-sizing: border-box;

                            @media (max-width: 768px) {
                                width:100%;
                                padding: 0px;
                            }

                            > a {
                                font-weight: bold;
                                text-transform: uppercase;
                                font-size: 19px;
                            }

                            > ul > li {
                                > a {
                                    font-weight: bold;
                                    text-transform: uppercase;
                                }

                                > ul {
                                    transition: all 500ms ease;
                                    opacity: 0;
                                    -webkit-opacity: 0;
                                    -moz-opacity: 0;
                                    max-height: 0px;
                                    margin: 0;
                                    padding: 0;
                                    pointer-events: none;
                                }
                            }
                        }
                    }
            }
        }
    }
}

@media (max-width: 580px) {
     /* Mobile product page styling */
    html .dealerfinder-menu {
        width: 100%;
        box-sizing: border-box;
        padding: 20px 20px 0px;
        position: relative;
        top: 0;
        left: 0;
    }
    .map-dropdown {
        width: 100%;
    }
    .dealerfinder-menu .ruler {
        width: 100%;
    }
    html .products .product-sort #dropdown {
        width: 100%;
        max-width: 300px;
        left: 0;
        right: 0;
        top: 0;
        margin: auto;
    }
    .tl .timeline {
        padding: 0 15px 110px;
        width: 100%;
        box-sizing: border-box;
    }
    html.timeline {
        overflow-x: hidden;
    }
    .login-box-link {
        display: none;
    }
    .timeline div#background {
        display: none;
    }
    #nav li:last-child {
        display: none;
    }
    .newsletter .news-dropdown {
        width: 100%;
        margin-left: 0px !important;
    }
    .news-arrow {
        display: none !important;
    }
    .newsletter .column label {
        margin-left: 10px;
        margin-top: 10px;
        display: inline-block;
    }
    .check-submit-label {
        width: 100%;
    }
    .news-dropdown .selectbox-wrapper {
        width: 100%;
        position: relative;
    }
    .newsletter .columns-slider .column input {
        width: 100% !important;
        box-sizing: border-box;
    }
    html body div#fancybox-button.btn-fix {
        left: 0;
        right: 0;
        margin: auto;
        width: 100%;
        max-width: 290px;
        top: 35px;
    }
    .columns-slider {
        width: 100% !important;
        margin: 0px !important;
        padding: 20px 0 100px !important;
        height: auto !important;
    }
    .columns .column {
        background: none !important;
    }
    .columns .column img {
        max-width: 100%;
        width: 100%;
        height: auto;
    }
    .craftmanship #background, .designers #background {
        display: none;
    }
    #footer .sub-nav {
        font-size: 10px;
        float: left;
        margin-top: 10px;
        text-align: center;
        width: 100%;
    }
    #dropdown, .dropdown {
        position: relative;
        width: 100%;
        left: 0;
        right: 0;
        box-sizing: border-box;
        margin-left: 0;
        padding-left: 0;
    }
    .mobile-finder-list ul {
        width: 100%;
        box-sizing: border-box;
        padding: 0 15px;
    }
    .back-btn {
        display: none;
    }
    .logo {
        width: 100%;
        background-size: 70%;
    }
    .rudlogo {
        bottom: auto;
        top: 5px;
    }
    #footer .sub-nav li {
        padding: 0 1px;
        font-size: 8px;
        float: none;
        display: inline-block;
        background: none !important;
    }

    .product-page .columns.single-product .columns-slider .column.product__inner__column {
        padding-bottom: 0 !important;
    }
    .slide-block .opener {
        padding: 5px 0px;
        background-position: center right;
    }
    .slide-block .sholder {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .columns {
        padding: 20px 20px 0 !important;
        width: 100% !important;
        height: auto !important;
        box-sizing: border-box;

        .nav-arrow {
            display: none !important;
        }
    }
    .column {
        margin: 0 !important;
        padding: 30px 0 30px !important;
        box-sizing: border-box !important;
        width: 100% !important;
        height: auto !important;
        float: none !important;
        display: block;

        &:last-child {
            padding-bottom: 20px !important;
        }
    }
    .btn-select.btn.ico {
        display: none;
    }
    .designers .columns #dropdown {
        padding-left: 0px;
        max-width: 300px;
        width: 100%;
        left: 0;
        right: 0;
        margin: 30px auto 10px;
    }
    .login-box-link {
        right: 85px;
    }
    .contact-top-bar {
        right: 50px;
    }
    #top-bar .lang {
        right: 5px;
    }
    .webshop-top-bar {
        right: 105px !important;
    }
    .inspiration #group-dropdown {
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        box-sizing: border-box;
        padding: 0 20px;
        margin-top: 20px;
        height: 30px;
    }
    .inspiration #group-dropdown.active {
        height: auto !important;
    }
    #nav li {
        font-size:14px;
    }
    html #dropdown.active, html .dropdown.active {
        height: auto !important;
    }
    .visual-block .add-nav li.download {
        display: none;
    }
	#main #home-holder h2 {
		font-size:45px;
		line-height:45px;
		margin-top: 25px;
		text-indent:-5px;
	}
	#main #home-holder h3 {
        margin: 0 0 6px;
        text-indent: -3px;
        line-height: 38px;
        margin-top: 20px;
        font-size: 38px;
	}
	.fb-icon {
		top: 10px;
		right: 35px;
	}
	#main #home-holder {
		margin: 0 5%;
	}
	#nav {
 
	}
}



html .menu-items {
    display: inline-block !important;
    vertical-align: middle;
    float: right;
    margin: 0 !important; 
    padding-right: 5px !important; 

    li {
        position: static;
        display: inline-block;
        width: auto !important;
        padding: 0 10px;



        &.lang {
            position: static !important;

            ul {
                position: absolute;
                right: 0;
                padding-top: 20px;
                margin: 0;
                width: 150px;
                right: 13px;
                top: 23px;

               

                li {
                    display: block;
                    padding: 0 10px !important;
                }
            }
        }
    }
}


@media all and (max-width: 1024px) {
    html .menu-items {
        li {
            ul {
                right: 0 !important;
                padding-top: 20px !important;
                margin: 0 !important;
                top: 23px;
                  
            }
        }
    }
}

@media all and (max-width: 580px) {
    html .menu-items {
        li {
            padding: 0 2px !important;
        }
    }
}

@media all and (min-width: 1025px) {
    #top-bar ul.sharer-list li:hover i {
        color: #a8473b;
        transition: all 300ms ease;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        border: none;
        outline: none;
        text-decoration: none;
    } 
    html .menu-items {
        li {
            ul {
              padding-top: 0px !important;
              margin: 0 !important;
              top: 20px;
            }
        }
    }
}

.text-page {
    #background {
        position: fixed;
        top: 0;
    }
}

.page-content {
    max-width: 600px;
    display: inline-block;
    margin-top: 30px;
    position: relative;
    padding-left: 90px;
    padding-bottom: 60px;
    .back-btn {
        position: static;
        margin: 0 0 15px;
        width: 25px;
        padding: 0;
    }
    p {
        a {
            font-weight: bold;
        }
    }
    a {
      font-weight: bold !important;
    }
    img {
        height: auto;
        width: 100%;
        max-width: 100%;
    }
}

@media all and (max-width: 1024px) {
    .page-content {
        width: 100%;
        padding: 20px 20px 90px;
        margin: 0;
        box-sizing: border-box;
        h2.add {
            margin-top: 0;
        }
    }
}