@import url("../fonts/stylesheet.css");

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em,
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup,
menu, footer, header, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
    display: block;
}
a img {border: 0;}

::selection 	 	{background: rgb(255,255,158);}
::-moz-selection 	{background: rgb(255,255,158);}
img::selection 		{background: transparent;}
img::-moz-selection	{background: transparent;}
body {-webkit-tap-highlight-color: rgb(255,255,158);}

/*		Default Layout: 1200px.
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */

body {
    width: 100%;
    background: #fff;
    font-family: "merriweather_sansregular", Arial, Tahoma;
    font-size: 13px;
    line-height: 20px;
    color: #818181;
    -webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
    -webkit-font-smoothing: antialiased;
}
#covers,
#subcovers {
    width: 100%;
    height: 520px;
    overflow: hidden;
    position: relative;
}
#subcovers {
    height: 310px;
}
#covers nav {
    width: 100%;
    position: absolute;
    bottom: 20px;
    left: 0;
    text-align: center;
}
#covers .slide,
#subcovers .slide {
    width: 100%;
    height: 520px;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    display: none;
}
#subcovers .slide {
    height: 310px;
    display: block;
}
#covers .slide div,
#subcovers .slide div {
    width: 800px;
    margin: 0 auto;
    padding: 185px 0 0 0;
    color: #fff;
    text-transform: uppercase;
}
#subcovers .slide div {
    padding: 100px 0 0 0;
}
#covers .slide div h1,
#subcovers .slide div h1 {
    font-family: "merriweather_sansbold";
    font-size: 30px;
    line-height: 30px;
    overflow: hidden;
    margin: 0 0 15px;
    padding: 0;
}
#covers .slide div h1 span,
#subcovers .slide div h1 span {
    width: auto;
    display: block;
    float: left;
    padding: 6px 6px 3px 6px;
    background: rgba(129,129,129,0.2);
    margin: 0 0 2px;
    clear: left;
}
#covers .slide div a,
#covers .slide div a:hover {
    min-width: 135px;
    height: 24px;
    padding: 8px 10px 0 15px;
    display: inline-block;
    background: #f5a212;
    position: relative;
    color: #fff;
    text-decoration: none;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    font-family: "merriweather_sansbold";
}
#covers .slide div a:hover {
    background-color: #f2af29;
}
#covers .slide div a span {
    width: 32px;
    height: 32px;
    display: block;
    background: url(../images/arrow.gif) center center no-repeat #dc9110;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    position: absolute;
    right: -32px;
    top: 0;
}
header {
    width: 100%;
    min-height: 100px;
    background: #fff;
    -webkit-box-shadow: 0 2px 5px 0px #ccc;
    box-shadow: 0 2px 5px 0px #ccc;
    position: relative;
    z-index: 10020;
}
header a.menu {
    display: none;
}
header .cart {
    height: 36px;
    line-height: 36px;
    background: #f5a212;
    -webkit-box-shadow:inset 0 2px 3px 1px #e29511;
    box-shadow:inset 0 2px 3px 1px #e29511;
    text-align: center;
}
header .cart span {
    font-family: "merriweather_sansbold";
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
    height: 36px;
    line-height: 36px;
    padding: 0 0 0 30px;
    background: url(../images/cart.gif) left center no-repeat;
}
header .cart span a,
header .cart span a:hover {
    color: #fff;
    text-decoration: none;
}
header .cart span a:hover {
    text-decoration: underline;
}
header .holder {
    width: 897px;
    height: 100px;
    padding: 0 0 0 19px;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
}
header .holder img {
    float: left;
    display: block;
    margin: 23px 0 0 0;
    line-height: 0;
    font-size: 0;
}
header .holder nav {
    width: 720px;
    float: right;
    text-align: right;
    text-transform: uppercase;
}
header .holder nav ul {
    margin: 0;
    padding: 42px 0 0 0;
    list-style: none;
    letter-spacing: 0;
}
header .holder nav ul li {
    height: 25px;
    display: inline-block;
    margin: 0 0 0 15px;
}
header .holder nav ul li a,
header .holder nav ul li a:hover {
    color: #818181;
    text-decoration: none;
}
header .holder nav ul li a:hover {
    color: #333;
}
header .holder nav ul li.active {
    border-bottom: 2px solid #f5a212;
}
header .holder nav ul li.active a {
    font-family: "merriweather_sansbold";
    color: #333;
}
#categories {
    width: 916px;
    margin: 0 auto;
    overflow: hidden;
}
#categories article {
    width: 292px;
    float: left;
    margin: 0 20px 0 0;
    padding: 25px 0 30px 0;
    text-align: center;
}
#categories article h2 {
    font-family: "merriweather_sansbold";
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    color: #333333;
    padding: 10px 0 15px 0;
    margin: 0 0 8px;
    background: url(../images/line.gif) center bottom no-repeat;
}
#categories article p {
    height: 115px;
    padding: 0 45px;
}
#categories article:last-of-type {
    margin: 0;
}
#promo {
    background: #f0f0f0;
}
#promo div {
    width: 916px;
    margin: 0 auto;
    overflow: hidden;
    padding: 30px 0;
}
#promo article {
    width: 292px;
    height: 450px;
    float: left;
    background: #fff;
    margin: 0 20px 0 0;
    padding: 0;
    text-align: center;
}
#promo article img {
    display: block;
    margin: 0 0 20px;
}
#promo article h3 {
    font-family: "merriweather_sansbold";
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    color: #333333;
    padding: 0 0 15px;
    margin: 0 0 8px;
    background: url(../images/line.gif) center bottom no-repeat;
}
#promo article p {
    height: 140px;
    padding: 0 45px;
}
#promo article:last-of-type {
    margin: 0;
}

a.more,
a:hover.more {
    min-width: 74px;
    height: 24px;
    padding: 6px 0 0 0;
    margin: 0 0 0 -30.5px;
    display: inline-block;
    position: relative;
    color: #818181;
    border: 1px solid #c9c9c9;
    text-decoration: none;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    font-family: "merriweather_sansbold";
    font-size: 11px;
    text-transform: uppercase;
}
a.more span {
    width: 30px;
    height: 30px;
    border: 1px solid #c9c9c9;
    display: block;
    background: url(../images/arrow2.gif) center center no-repeat;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    position: absolute;
    right: -32px;
    top: -1px;
}
a:hover.more,
a:hover.more span {
    border-color: #818181;
}

#question {
    height: 158px;
    background: #f5a212;
    color: #fff;
}
#question div {
    width: 552px;
    height: 158px;
    padding: 0 182px 0 182px;
    margin: 0 auto;
    background: url(../images/question.gif) 45px center no-repeat;
    position: relative;
}
#question div h4 {
    font-family: "merriweather_sansbold";
    font-size: 18px;
    line-height: 19px;
    text-transform: uppercase;
    padding: 28px 0 0 0;
    margin: 0 0 12px;
    height: 34px;
    background: url(../images/line3.gif) left bottom no-repeat;
}
#question div a,
#question div a:hover {
    width: 131px;
    height: 20px;
    padding: 10px 0 0 0;
    text-align: center;
    display: inline-block;
    background: #f5a212;
    color: #fff;
    text-decoration: none;
    border: 1px solid #fff;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    font-family: "merriweather_sansbold";
    font-size: 11px;
    line-height: 11px;
    text-transform: uppercase;
    position: absolute;
    top: 63px;
    right: 32px;
}
#question div a:hover {
    background-color: #f2af29;
}
#question div a span {
    width: 30px;
    height: 30px;
    display: block;
    background: url(../images/arrow3.gif) center center no-repeat;
    border: 1px solid #fff;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    position: absolute;
    right: -32px;
    top: -1px;
}
#reviews {
    text-align: center;
    padding: 25px 0;
    border-bottom: 1px solid #e2e2e2;
}
#reviews div {
    width: 600px;
    margin: 0 auto;
    position: relative;
}
#reviews div h3 {
    font-family: "merriweather_sansbold";
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    color: #333333;
    padding: 0 0 15px;
    margin: 0 0 15px;
    background: url(../images/line.gif) center bottom no-repeat;
}
#reviews div .entries {
    width: 600px;
    height: 195px;
    padding: 0 0 15px;
    overflow: hidden;
}
#reviews div .entries .slideset {
    width: 99999px;
    height: 195px;
}
#reviews div .entries .slideset .slide {
    width: 540px;
    padding: 0 30px;
    float: left;
}
#reviews div .entries .slideset .slide img {
    display: inline-block;
    margin: 0 0 20px;
}
#reviews div .entries .slideset .slide p {
    margin: 0 0 20px;
}
#reviews div .entries .slideset .slide span {
    font-size: 10px;
}
.pagination {
    margin: 0;
    padding: 0;
    list-style: none;
}
.pagination li {
    margin: 0;
    padding: 0;
    display: inline-block;
}
.pagination li a,
.pagination li a:hover {
    width: 50px;
    height: 4px;
    padding: 5px 0;
    display: block;
    background: url(../images/page.png) left center no-repeat;
    font-size: 0;
    line-height: 0;
    margin: 0 5px;
}
.pagination li a.active {
    background-image: url(../images/page_on.png);
}
#brands {
    background: #f0f0f0;
    padding: 30px 0;
    text-align: center;
}
#brands .holder {
    width: 916px;
    margin: 0 auto;
    position: relative;
}
#brands .holder a.prev {
    width: 32px;
    height: 32px;
    display: block;
    position: absolute;
    top: 107px;
    left: 0;
    background: url(../images/prev.gif) left top no-repeat;
    font-size: 0;
    line-height: 0;
}
#brands .holder a.next {
    width: 32px;
    height: 32px;
    display: block;
    position: absolute;
    top: 107px;
    right: 0;
    background: url(../images/next.gif) left top no-repeat;
    font-size: 0;
    line-height: 0;
}
#brands .holder a:hover.prev,
#brands .holder a:hover.next {
    background-position: left bottom;
}
#brands .holder h3 {
    font-family: "merriweather_sansbold";
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    color: #333333;
    padding: 0 0 15px;
    margin: 0 0 20px;
    background: url(../images/line.gif) center bottom no-repeat;
}
#brands .holder .logos {
    width: 760px;
    height: 136px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
#brands .holder .logos .slideset {
    width: 99999px;
    height: 136px;
}
#brands .holder .logos .slideset .slide {
    width: 136px;
    height: 136px;
    float: left;
    background: #f8f8f8;
    margin: 0 20px 0 0;
}
#brands .holder .logos .slideset .slide:before,
#brands .holder .logos .slideset .slide_before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
#brands .holder .logos .slideset .slide img {
    display: inline;
    vertical-align: middle;
}
#social {
    padding: 30px 0;
    text-align: center;
}
#social h4 {
    font-family: "merriweather_sansbold";
    font-size: 13px;
    line-height: 14px;
    text-transform: uppercase;
    color: #333333;
    padding: 0;
    margin: 0 0 12px;
}
#social a,
#social a:hover {
    min-width: 190px;
    height: 27px;
    padding: 13px 0 0 54px;
    display: inline-block;
    border: 1px solid #c9c9c9;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-family: "merriweather_sanslight";
    font-size: 14px;
    line-height: 14px;
    color: #333;
    text-decoration: none;
    background: url(../images/facebook.gif) 13px center no-repeat;
    text-align: left;
}
#social a:hover {
    border-color: #818181;
}
#slideshow {
    border-bottom: 1px solid #c9c9c9;
}
#slideshow .holder {
    width: 936px;
    margin: 0 auto;
    padding: 30px 0 30px 20px;
    overflow: hidden;
}
#slideshow .holder .images {
    width: 722px;
    height: 481px;
    font-size: 0;
    line-height: 0;
    border: 1px solid #c9c9c9;
    float: left;
    overflow: hidden;
}
#slideshow .holder .images .slideset {
    width: 999999px;
    height: 481px;
}
#slideshow .holder .images .slideset .slide {
    width: 722px;
    height: 481px;
    float: left;
}
#slideshow .holder .images img {
    width: 722px;
    height: 481px;
}
#slideshow .holder .txt {
    width: 192px;
    float: right;
    padding: 20px 0 0 0;
    text-align: center;
}
#slideshow .holder .txt h2 {
    font-family: "merriweather_sansbold";
    font-size: 16px;
    line-height: 18px;
    color: #333333;
    padding: 0;
    margin: 0 0 2px;
    background: none;
}
#slideshow .holder .txt h3 {
    font-family: "merriweather_sansregular";
    font-size: 11px;
    font-weight: 400;
    color: #333;
    background: url(../images/line.gif) center bottom no-repeat;
    padding: 0 0 5px;
    margin: 0 0 15px;
}
#slideshow .holder .txt nav {
    width: 152px;
    height: 26px;
    padding: 6px 0 0 0;
    margin: 0 auto 50px auto;
    position: relative;
}
#slideshow .holder .txt nav a.prev3,
#slideshow .holder .txt nav a:hover.prev3 {
    width: 32px;
    height: 32px;
    display: block;
    background: url(../images/prev3.gif) left top no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0;
    line-height: 0;
}
#slideshow .holder .txt nav a.next3,
#slideshow .holder .txt nav a:hover.next3 {
    width: 32px;
    height: 32px;
    display: block;
    background: url(../images/next3.gif) left top no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0;
    line-height: 0;
}
#slideshow .holder .txt nav a:hover.next3,
#slideshow .holder .txt nav a:hover.prev3 {
    background-position: left bottom;
}
#slideshow .holder .txt p {
    margin: 0 0 20px;
}
#slideshow .holder .txt a.more {
    min-width: 130px;
}
#ablakok,
#ajtok,
#redonyok,
#references {
    width: 916px;
    margin: 0 auto;
    padding: 30px 0;
    overflow: hidden;
    position: relative;
    z-index: 9990;
}
#ablakok .button,
#ajtok .button,
#redonyok .button {
    clear: both;
    text-align: center;
}
#ablakok .button a.more {
    min-width: 170px;
}
#ablakok nav,
#references nav,
#redonyok nav {
    width: 100%;
    text-align: center;
    margin: 0 0 30px;
    text-transform: uppercase;
    font-family: "merriweather_sansbold";
    font-size: 11px;
}
#references .filter {
    height: 50px;
}
#worksByMap {
    height: 520px;
    overflow: hidden;
    position: relative;
    z-index: 8000;
}
#mappe {
    position: relative;
}
#mappe .filter {
    width: 230px;
    position: absolute;
    top: 40px;
    right: 20%;
    z-index: 11000;
}
#mappe .filter a.filter1,
#mappe .filter a:hover.filter1 {
    width: 88px;
    height: 21px;
    padding: 11px 9px 0 0;
    display: block;
    float: right;
    background: url(../images/filter1.gif) left top no-repeat;
    margin: -7px 0 0 10px;
    text-align: right;
    color: #818181;
    font-family: "merriweather_sansbold";
    font-size: 11px;
    line-height: 11px;
    text-transform: uppercase;
    text-decoration: none;
}
#mappe .filter a.filter2,
#mappe .filter a:hover.filter2 {
    width: 100px;
    height: 21px;
    padding: 11px 9px 0 0;
    display: block;
    float: right;
    background: url(../images/filter2.gif) left top no-repeat;
    margin: -7px 0 0 10px;
    text-align: right;
    color: #818181;
    font-family: "merriweather_sansbold";
    font-size: 11px;
    line-height: 11px;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;

}
#mappe .filter a.on,
#mappe .filter a:hover.on {
    background-position: left bottom;
}
#mappe .filter a:hover.filter1,
#mappe .filter a:hover.filter2 {
    color: #333;
}

#references .filter a.filter1,
#references .filter a:hover.filter1 {
    width: 88px;
    height: 21px;
    padding: 11px 9px 0 0;
    display: block;
    float: right;
    background: url(../images/filter1.gif) left top no-repeat;
    margin: -7px 0 0 10px;
    text-align: right;
    color: #818181;
    font-family: "merriweather_sansbold";
    font-size: 11px;
    line-height: 11px;
    text-transform: uppercase;
    text-decoration: none;
}
#references .filter a.filter2,
#references .filter a:hover.filter2 {
    width: 100px;
    height: 21px;
    padding: 11px 9px 0 0;
    display: block;
    float: right;
    background: url(../images/filter2.gif) left top no-repeat;
    margin: -7px 0 0 10px;
    text-align: right;
    color: #818181;
    font-family: "merriweather_sansbold";
    font-size: 11px;
    line-height: 11px;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;

}
#references .filter a.on,
#references .filter a:hover.on {
    background-position: left bottom;
}
#references .filter a:hover.filter1,
#references .filter a:hover.filter2 {
    color: #333;
}
#references nav {
    width: 550px;
    float: left;
    text-align: left;
    margin: 0 0 17px 0;
}
#ablakok nav ul,
#references nav ul,
#redonyok nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#ablakok nav ul li,
#references nav ul li,
#redonyok nav ul li {
    display: inline-block;
    margin: 0 15px;
    padding: 0 0 10px;
}
#references nav ul li {
    margin: 0 30px 0 0;
}
#ablakok nav ul li.active,
#references nav ul li.active,
#redonyok nav ul li.active {
    border-bottom: 2px solid #f5a212;
}
#ablakok nav ul li a,
#ablakok nav ul li a:hover,
#references nav ul li a,
#references nav ul li a:hover,
#redonyok nav ul li a,
#redonyok nav ul li a:hover {
    color: #333;
    text-decoration: none;
}
#ablakok article,
#ajtok article,
#redonyok article,
#references article {
    width: 214px;
    height: 460px;
    float: left;
    margin: 0 20px 45px 0;
    font-size: 12px;
    line-height: 17px;
    color: #818181;
    position: relative;
}
#redonyok article {
    height: 420px;
    margin-bottom: 30px;
}
#references article {
    height: 430px;
    text-align: center;
}
#ablakok article:nth-of-type(4n),
#ajtok article:nth-of-type(4n),
#redonyok article:nth-of-type(4n),
#references article:nth-of-type(4n){
    margin: 0;
}
#ablakok article .img,
#ajtok article .img,
#redonyok article .img,
#references article .img {
    width: 212px;
    height: 212px;
    margin: 0 0 15px;
    border: 1px solid #c9c9c9;
    text-align: center;
}
#ablakok article .img a,
#ablakok article .img a:hover,
#ajtok article .img a,
#ajtok article .img a:hover,
#redonyok article .img a,
#redonyok article .img a:hover {
    display: block;
    width: 212px;
    height: 212px;
}
#ablakok article .img a:before,
#ablakok article .img .a_before,
#ajtok article .img a:before,
#ajtok article .img .a_before,
#redonyok article .img a:before,
#redonyok article .img .a_before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
#ablakok article .img img,
#ajtok article .img img,
#redonyok article .img img,
#references article .img img {
    max-width: 212px;
    max-height: 212px;
    display: inline;
    vertical-align: middle;
}
#ablakok article h3,
#ajtok article h3,
#redonyok article h3 {
    font-family: "merriweather_sansregular";
    font-size: 11px;
    line-height: 12px;
    font-weight: 400;
    text-align: center;
    color: #333;
    text-transform: uppercase;
    margin: 0 0 3px;
}
#ablakok article h2,
#ajtok article h2,
#redonyok article h2,
#references h3 {
    font-family: "merriweather_sansbold";
    font-size: 16px;
    line-height: 18px;
    color: #333333;
    padding: 0 0 10px;
    margin: 0 0 15px;
    background: url(../images/line.gif) center bottom no-repeat;
    text-align: center;
}
#ablakok article h2,
#ajtok article h2,
#references h3 {
    background: none;
    padding: 0;
    margin: 0 0 2px;
}
#references h3 {
    font-size: 14px;
    height: 38px;
}


#ablakok article h4,
#ajtok article h4,
#references h4 {
    font-family: "merriweather_sansregular";
    font-size: 11px;
    font-weight: 400;
    text-align: center;
    color: #333;
    background: url(../images/line.gif) center bottom no-repeat;
    padding: 0 0 5px;
    margin: 0 0 15px;
}
#ablakok article .price,
#ajtok article .price,
#redonyok article .price {
    padding: 15px 0 0 0;
    font-family: "merriweather_sansbold";
    font-size: 14px;
    color: #f5a212;
}
#redonyok article .price {
    text-align: center;
    padding: 0;
}
#ablakok article .price span,
#ajtok article .price span,
#redonyok article .price span {
    margin: 0 0 0 5px;
    font-family: "merriweather_sansregular";
    font-size: 10px;
    color: #818181;
}
#ablakok article .button,
#ajtok article .button,
#redonyok article .button,
#references article .button {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    padding: 13px 0 0 0;
    background: url(../images/line4.gif) top center no-repeat;
}
#ablakok article .button a.more2,
#ablakok article .button a:hover.more2,
#ajtok article .button a.more2,
#ajtok article .button a:hover.more2,
#redonyok article .button a.more2,
#redonyok article .button a:hover.more2,
#references article .button a.more2,
#references article .button a:hover.more2 {
    display: inline-block;
    font-family: "merriweather_sansbold";
    font-size: 11px;
    text-transform: uppercase;
    color: #818181;
    text-decoration: none;
    background: url(../images/arrow4.gif) right 3px no-repeat;
    padding: 0 13px 0 0;
}
#ablakok article .button a:hover.more2,
#ajtok article .button a:hover.more2,
#redonyok article .button a:hover.more2,
#references article .button a:hover.more2 {
    color: #4a4a4a;
}
.videos {
    border-top: 1px solid #e2e2e2;
    padding: 30px;
    text-align: center;
}
.videos div {
    width: 600px;
    margin: 0 auto;
    font-size: 13px;
    color: #818181;
}
.videos div h3 {
    font-family: "merriweather_sansbold";
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    color: #333333;
    padding: 0 0 15px;
    margin: 0 0 15px;
    background: url(../images/line.gif) center bottom no-repeat;
}
.videos div p {
	margin: 0 0 20px;
}
#content,
#cards {
    padding: 30px 0 10px 0;
    border-bottom: 1px solid #e2e2e2;
}
#content .holder,
#cards .holder {
    width: 630px;
    margin: 0 auto;
}
#cards .holder {
    width: 448px;
    overflow: hidden;
}
#cards .holder article {
    width: 214px;
    float: left;
    text-align: center;
    font-size: 11px;
    margin: 0 20px 20px 0;
}
#cards .holder article a,
#cards .holder article a:hover {
    color: #818181;
}
#cards .holder article:last-child {
    margin: 0;
}
#cards .holder article img {
    border: 1px solid #c9c9c9;
    display: block;
    margin: 0 0 15px;
}
#cards .holder article h4 {
    font-family: "merriweather_sansregular";
    font-size: 11px;
    line-height: 12px;
    font-weight: 400;
    text-align: center;
    color: #333;
    text-transform: uppercase;
    margin: 0 0 3px;
}
#cards .holder article h3 {
    font-family: "merriweather_sansbold";
    font-size: 16px;
    line-height: 16px;
    color: #333333;
    padding: 0 0 10px;
    margin: 0 0 15px;
    background: url(../images/line.gif) center bottom no-repeat;
    text-align: center;
}
#content .holder h2 {
    font-family: "merriweather_sansbold";
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    color: #333333;
    padding: 0 0 15px;
    margin: 0 0 25px;
    background: url(../images/line.gif) center bottom no-repeat;
    text-align: center;
}
#content .holder .faq h3 {
    font-family: "merriweather_sansbold";
    font-size: 14px;
    line-height: 18px;
    padding: 0 0 0 20px;
    margin: 0 0 10px;
    color: #333;
    background: url(../images/circle.gif) left 4px no-repeat;
}
#content .holder .faq div {
    padding: 0 0 0 20px;
    margin: 0 0 45px;
    line-height: 22px;
}
#content .holder .faq div:last-child {
    margin: 0;
}
#content .holder .impressum {
    width: 430px;
    margin: 0 auto;
    padding: 0 0 20px;
    list-style: none;
}
#content .holder .impressum li {
    margin: 0 0 2px;
    padding: 0 0 0 20px;
    background: url(../images/circle.gif) left 5px no-repeat;
}
#content .holder .impressum li span {
    color: #333;
    font-family: "merriweather_sansbold";
    font-size: 13px;
    line-height: 20px;
}
#content .holder .impressum li a {
    color: #818181;
}
#content .holder .impressum li a:hover {
    color: #333;
}
#content .about h3,
#content .montage h3 {
    font-family: "merriweather_sansbold";
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #333;
    text-align: center;
    margin: 0 0 20px;
}
#content .montage h3 {
    text-align: left;
}
#content .about h4,
#content .montage h4 {
    font-size: 13px;
    line-height: 17px;
    text-align: center;
    padding: 5px 0 0 0;
    font-weight: 400;
}
#content .about p,
#content .montage p {
    margin: 0 0 20px;
    padding: 0 0 0 0;
}
#content .montage p {
    padding: 5px 0 0 0;
}
#arbeitslauf .holder {
    width: 916px;
    margin: 0 auto;
    padding: 30px 0;
}
#arbeitslauf .holder h3 {
    font-family: "merriweather_sansbold";
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    color: #333333;
    padding: 0 0 15px;
    margin: 0 0 25px;
    background: url(../images/line.gif) center bottom no-repeat;
    text-align: center;
}
#arbeitslauf .holder article {
    width: 916px;
    margin: 0 auto 20px auto;
    overflow: hidden;
}
#arbeitslauf .holder article:last-of-type {
    margin-bottom: 30px;
}
#arbeitslauf .holder article img {
    float: left;
}
#arbeitslauf .holder article .txt {
    width: 418px;
    height: 164px;
    padding: 20px 20px 0 20px;
    float: right;
    border: 1px solid #c9c9c9;
    border-left: 0;
    font-size: 12px;
    line-height: 18px;
}
#arbeitslauf .holder article .txt h4 {
    font-family: "merriweather_sansbold";
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    color: #333333;
    padding: 0 0 10px;
    margin: 0 0 10px;
    background: url(../images/line.gif) left bottom no-repeat;
}
#arbeitslauf .holder table {
    width: 610px;
    margin: 0 auto 20px auto;
}
#arbeitslauf .holder table thead tr th {
    text-align: center;
    text-transform: uppercase;
    font-family: "merriweather_sansregular";
    font-weight: 400;
    font-size: 11px;
    color: #333;
    padding: 5px 0;
}
#arbeitslauf .holder table tbody tr {
    background: #f7f7f7;
}
#arbeitslauf .holder table tbody tr:nth-child(2n) {
    background: #fff;
}
#arbeitslauf .holder table tbody tr td {
    padding: 5px 40px 5px 0;
    text-align: right;
    border-right: 1px solid #cfcfcf;
}
#arbeitslauf .holder table tbody tr td:last-of-type {
    text-align: center;
    font-family: "merriweather_sansbold";
    color: #f5a212;
    padding: 0;
    border: 0;
    width: 150px;
}
#arbeitslauf .holder .ausmessung {
    text-align: center;
    font-size: 12px;
}
#arbeitslauf .holder .ausmessung span {
    font-family: "merriweather_sansbold";
    color: #f5a212;
}
#map {
    width: 100%;
    height: 370px;
    overflow: hidden;
}
#map iframe {
    width: 2000px;
    display: block;
}
#content .holder .contact {
    text-align: center;
    padding: 0 0 25px;
}
#content .holder .contact a,
#content .holder .contact a:hover {
    color: #818181;
}
#content .holder .contact p {
    margin: 0 0 25px;
}
#content .holder .contact h4 {
    font-family: "merriweather_sansbold";
    font-weight: 400;
    font-size: 14px;
    margin: 0 0 2px;
    color: #333;
}
#content .holder .contact a.more,
#content .holder .contact a:hover.more {
    min-width: 270px;
    height: 24px;
    padding: 6px 0 0 0;
    margin: 0 0 0 -30.5px;
    display: inline-block;
    position: relative;
    color: #818181;
    border: 1px solid #c9c9c9;
    text-decoration: none;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    font-family: "merriweather_sansbold";
    font-size: 11px;
    text-transform: uppercase;
}
#content .holder .contact a.more span {
    width: 30px;
    height: 30px;
    border: 1px solid #c9c9c9;
    display: block;
    background: url(../images/arrow2.gif) center center no-repeat;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    position: absolute;
    right: -32px;
    top: -1px;
}
#content .holder .contact a:hover.more,
#content .holder .contact a:hover.more span {
    border-color: #818181;
}
.form {
    padding: 30px 0;
    border-bottom: 1px solid #e2e2e2;
}
.form h3 {
    font-family: "merriweather_sansbold";
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    color: #333333;
    padding: 0 0 15px;
    margin: 0 0 25px;
    background: url(../images/line.gif) center bottom no-repeat;
    text-align: center;
}
.form .fields {
    width: 398px;
    margin: 0 auto;
}
.form .fields input.input,
.form .fields textarea {
    width: 372px;
    height: 31px;
    padding: 0 12px;
    border: 1px solid #888888;
    margin: 0 0 20px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    outline: none;
    resize: none;
    font-family: "merriweather_sansregular";
    font-size: 12px;
    line-height: 13px;
    color: #818181;
}
.form .fields ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #818181;
    padding: 2px 0 0 0;
}
.form .fields :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #818181;
    opacity:  1;
    padding: 2px 0 0 0;
}
.form .fields ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #818181;
    opacity:  1;
    padding: 2px 0 0 0;
}
.form .fields :-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #818181;
    padding: 2px 0 0 0;
}
.form .fields textarea {
    padding: 12px;
    height: 160px;
}
.form .fields button {
    width: 160px;
    height: 32px;
    color: #fff;
    background: #f5a212;
    border: 0;
    font-family: "merriweather_sansbold";
    font-size: 11px;
    line-height: 12px;
    text-transform: uppercase;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: block;
    margin: 0 auto;
    padding: 0 32px 0 0;
    position: relative;
}
.form .fields button:hover {
    cursor: pointer;
    background: #ec9a0d;
}
.form .fields button span {
    width: 30px;
    height: 32px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(../images/arrow5.gif) center center no-repeat #f5a212;
    border-left: 1px solid #fff;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}
#productList {
    width: 916px;
    margin: 0 auto;
    padding: 0 0 30px;
    position: relative;
}
#productList h1,
.calculator h1 {
    font-family: "merriweather_sansbold";
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    color: #333333;
    padding: 0 0 15px;
    margin: 0 0 30px;
    background: url(../images/line.gif) center bottom no-repeat;
    text-align: center;
}
#productList .holder {
    overflow: hidden;
}
#productList .holder article {
    width: 214px;
    height: 265px;
    float: left;
    margin: 0 20px 30px 0;
}
#productList .holder article:nth-of-type(4n) {
    margin-right: 0;
}
#productList .holder article .img {
    width: 214px;
    height: 214px;
    text-align: center;
    margin: 0 0 18px;
}
#productList .holder article .img a,
#productList .holder article .img a:hover {
    width: 212px;
    height: 212px;
    display: block;
    border: 1px solid #c9c9c9;
}
#productList .holder article .img a:hover {
    border-color: #f5a212;
}
#productList .holder article .img a:before,
#productList .holder article .img .a_before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
#productList .holder article .img img {
    max-width: 212px;
    max-height: 212px;
    display: inline;
    vertical-align: middle;
}
#productList .holder article h2 {
    font-family: "merriweather_sansbold";
    font-size: 14px;
    line-height: 16px;
    color: #333333;
    padding: 0 0 10px;
    margin: 0;
    background: url(../images/line.gif) center bottom no-repeat;
    text-align: center;
}

#product .breadcrumb,
#productList .breadcrumb,
.calculator .breadcrumb {
    width: 884px;
    height: 90px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    padding: 0 32px 0 0;
}
#productList .breadcrumb,
.calculator .breadcrumb {
    width: auto;
    height: 75px;
}
#product .breadcrumb ul,
#productList .breadcrumb ul,
.calculator .breadcrumb ul {
    width: 600px;
    position: absolute;
    top: 40px;
    left: 0;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 13px;
}
#productList .breadcrumb ul {
    width: auto;
}
#product .breadcrumb ul li,
#productList .breadcrumb ul li,
.calculator .breadcrumb ul li {
    padding: 0 15px 0 0;
    margin: 0 2px 0 0;
    display: inline-block;
    background: url(../images/arrow2.gif) right 1px no-repeat;
}
#product .breadcrumb ul li:last-of-type,
#productList .breadcrumb ul li:last-of-type,
.calculator .breadcrumb ul li:last-of-type {
    background: none;
}
#product .breadcrumb ul li a,
#product .breadcrumb ul li a:hover,
#productList .breadcrumb ul li a,
#productList .breadcrumb ul li a:hover,
.calculator .breadcrumb ul li a,
.calculator .breadcrumb ul li a:hover{
    color: #818181;
    text-decoration: none;
}
#product .breadcrumb ul li a:hover,
#productList .breadcrumb ul li a:hover,
.calculator .breadcrumb ul li a:hover{
    text-decoration: underline;
}
#product .breadcrumb a.prev2,
#product .breadcrumb a:hover.prev2 {
    width: auto;
    height: 24px;
    float: right;
    padding: 6px 10px 0 10px;
    margin: 30px 0 0 0;
    display: block;
    position: relative;
    color: #818181;
    border: 1px solid #c9c9c9;
    text-decoration: none;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    font-family: "merriweather_sansbold";
    font-size: 11px;
    text-transform: uppercase;
}
#product .breadcrumb a.prev2 span {
    width: 30px;
    height: 30px;
    border: 1px solid #c9c9c9;
    display: block;
    background: url(../images/arrow2prev.gif) center center no-repeat;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    position: absolute;
    left: -32px;
    top: -1px;
}
#product .breadcrumb a:hover.prev2,
#product .breadcrumb a:hover.prev2 span {
    border-color: #818181;
}
#product .breadcrumb a.next2,
#product .breadcrumb a:hover.next2 {
    width: auto;
    height: 24px;
    float: right;
    padding: 6px 10px 0 10px;
    margin: 30px 0 0 10px;
    display: block;
    position: relative;
    color: #818181;
    border: 1px solid #c9c9c9;
    text-decoration: none;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    font-family: "merriweather_sansbold";
    font-size: 11px;
    text-transform: uppercase;
}
#product .breadcrumb a.next2 span {
    width: 30px;
    height: 30px;
    border: 1px solid #c9c9c9;
    display: block;
    background: url(../images/arrow2.gif) center center no-repeat;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    position: absolute;
    right: -32px;
    top: -1px;
}
#product .breadcrumb a:hover.next2,
#product .breadcrumb a:hover.next2 span {
    border-color: #818181;
}
#product .card {
    width: 916px;
    margin: 0 auto 30px auto;
    overflow: hidden
}
#product .card .images {
    width: 467px;
    float: left;
    overflow: hidden;
}
#product .card .images .slideset {
    width: 99999px;
    height: 467px;
    margin: 0 0 20px;
    overflow: hidden;
}
#product .card .images .slideset .img {
    width: 465px;
    height: 465px;
    border: 1px solid #c9c9c9;
    float: left;
}
#product .card .images .slideset .img img {
    max-width: 465px;
    max-height: 465px;
    display: inline;
    vertical-align: middle;
}
#product .card .images .thumbs {
    width: 467px;
    overflow: hidden;
}
#product .card .images .thumbs .img {
    width: 140px;
    height: 140px;
    border: 1px solid #c9c9c9;
    float: left;
    margin: 0 20px 0 0;
}
#product .card .images .thumbs .img:nth-of-type(3n) {
    margin: 0 0 20px;
}
#product .card .images .thumbs .img img {
    max-width: 140px;
    max-height: 140px;
    display: inline;
    vertical-align: middle;
}
#product .card .images .thumbs .active {
    border: 1px solid #face82;
}
#product .card .images .thumbs a:last-of-type img {
    margin: 0;
}
#product .card .txt {
    width: 410px;
    float: right;
}
#product .card .txt h4,
#product .card .txt h3 {
    font-family: "merriweather_sansregular";
    font-size: 16px;
    line-height: 17px;
    font-weight: 400;
    margin: 0 0 3px;
    text-transform: uppercase;
    color: #333;
}
#product .card .txt h2 {
    font-family: "merriweather_sansbold";
    font-size: 30px;
    line-height: 32px;
    font-weight: 400;
    margin: 0 0 5px;
    color: #333;
}
#product .card .txt h5 {
    font-family: "merriweather_sansregular";
    font-size: 13px;
    font-weight: 400;
    color: #818181;
    padding: 0 0 10px;
    background: url(../images/line.gif) left bottom no-repeat;
    margin: 0 0 10px;
}
#product .card .txt p {
    margin: 0 0 15px;
}
#product .card .txt p span {
    font-size: 11px;
    text-transform: uppercase;
    color: #333;
}
#product a.zum,
#product a:hover.zum {
    min-width: 135px;
    height: 26px;
    padding: 6px 12px 0 15px;
    margin: 0 0 15px;
    display: inline-block;
    background: #f5a212;
    position: relative;
    color: #fff;
    text-decoration: none;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    font-family: "merriweather_sansbold";
    text-transform: uppercase;
    font-size: 11px;
}
#product a:hover.zum {
    background-color: #f2af29;
}
#product a.zum span {
    width: 32px;
    height: 32px;
    display: block;
    background: url(../images/arrow.gif) center center no-repeat #dc9110;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    position: absolute;
    right: -32px;
    top: 0;
}
#product .card .txt .short_text h1,
#product .card .txt .short_text h2,
#product .card .txt .short_text h3,
#product .card .txt .short_text h4,
#product .card .txt .short_text h5,
#product .card .txt .short_text h6 {
    font-family: "merriweather_sansbold";
    font-size: 12px;
    font-weight: 400;
    color: #333;
}
#product .card ul {
    width: auto;
    margin: 0 auto;
    padding: 0 0 20px;
    list-style: none;
}
#product .card ul li {
    margin: 0 0 2px;
    padding: 0 0 0 18px;
    background: url(../images/circle.gif) left 5px no-repeat;
}
#product .card ul li span {
    color: #333;
    font-family: "merriweather_sansbold";
    font-size: 13px;
    line-height: 20px;
}
#product .card ul li a {
    color: #818181;
}
#product .card ul li a:hover {
    color: #333;
}
#product .share {
    padding: 30px 0;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}
#product .share .holder {
    width: 800px;
    margin: 0 auto;
	position: relative;
}
#product .share h3 {
    font-family: "merriweather_sansitalic";
    font-size: 16px;
    font-weight: 400;
    padding: 0 0 0 15px;
    margin: 0;
}
#product .share .btn_facebook {
	position: absolute;
	top: 0;
	left: 400px;
}
#product .share .btn_twitter {
	position: absolute;
	top: 0;
	left: 530px;
}
#product .share .btn_pin {
	position: absolute;
	top: 0;
	left: 630px;
}
#product .share .btn_google {
	position: absolute;
	top: 0;
	left: 685px;
}
#product .description {
    width: 760px;
    margin: 0 auto;
    padding: 30px 0;
}
#product .description article {
    width: 360px;
    float: left;
    font-size: 12px;
}
#product .description article:last-of-type {
    float: right;
}
#product .description h3 {
    font-family: "merriweather_sansbold";
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    color: #333333;
    padding: 0 0 15px;
    margin: 0 0 25px;
    background: url(../images/line.gif) center bottom no-repeat;
    text-align: center;
}
#product .description h1,
#product .description h2,
#product .description h3,
#product .description h4,
#product .description h5,
#product .description h6 {
    font-family: "merriweather_sansbold";
    font-weight: 400;
    font-size: 13px;
    color: #333;
}
#product .description p {
    margin: 0 0 20px;
}
.calculator .block {
    padding: 0 0 30px;
    margin: 0 0 30px;
    border-bottom: 1px solid #e2e2e2;
}
.calculator .block:last-of-type {
    border: 0;
    margin: 0;
}
.calculator .block .holder {

}
.calculator .block .holder .propItem {
    width: 600px;
    margin: 0 auto 18px auto;
}
.calculator .block .holder .propItem h3 {
    font-family: "merriweather_sansregular";
    font-size: 11px;
    line-height: 14px;
    font-weight: 400;
    text-transform: uppercase;
    color: #333;
    margin: 0 0 4px;
}
.calculator .block .holder .propItem table {
    width: 100%;
    margin: 0;
    padding: 0;
}
.calculator .block .holder .propItem table tr:nth-of-type(odd) {
    background: #f7f7f7;
}
.calculator .block .holder .propItem table tr td {
    padding: 5px 10px;
    text-align: left;
}
.calculator .block .holder .propItem table tr td.price {
    width: 110px;
    font-family: "merriweather_sansbold";
    color: #f5a212;
}
.calculator .block .item {
    width: 780px;
    margin: 0 auto;
    overflow: hidden;
}
.calculator .block .item article {
    width: 214px;
    /*height: 265px;*/
    float: left;
    margin: 0 20px 30px 0;
}
.calculator .block .item article .img {
    width: 214px;
    height: 214px;
    text-align: center;
    margin: 0 0 18px 0;
    position: relative;
}
.calculator .block .item article .img a,
.calculator .block .item article .img a:hover {
    width: 212px;
    height: 212px;
    display: block;
    border: 1px solid #c9c9c9;
}
.calculator .block .item article .img a:hover {
    border-color: #f5a212;
}
.calculator .block .item article .img a:before,
.calculator .block .item article .img .a_before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.calculator .block .item article .img img {
    max-width: 212px;
    max-height: 212px;
    display: inline;
    vertical-align: middle;
}
.calculator .block .item article h2 {
    font-family: "merriweather_sansbold";
    font-size: 14px;
    line-height: 16px;
    color: #333333;
    padding: 0 0 10px;
    margin: 0;
    background: url(../images/line.gif) center bottom no-repeat;
    text-align: center;
}
.calculator .block .item .data {
    width: 490px;
    float: right;
}
.calculator .block .item .data h3 {
    font-family: "merriweather_sansbold";
    font-size: 14px;
    line-height: 16px;
    color: #4a4a4a;
    margin: 0 0 25px;
}
.calculator .block .item .data .sep {
    width: 14px;
    display: block;
    color: #818181;
    font-family: "merriweather_sansbold";
    font-size: 14px;
    line-height: 14px;
    float: left;
    text-align: center;
    margin: 52px 22px 0 0;
}
.calculator .block .item .data .input {
    width: 150px;
    float: left;
    margin: 0 0 42px;
}
.calculator .block .item .data .input label {
    font-family: "merriweather_sansregular";
    font-size: 13px;
    line-height: 18px;
    color: #4a4a4a;
    display: block;
}
.calculator .block .item .data .input span {
    font-family: "merriweather_sansregular";
    font-size: 11px;
    line-height: 15px;
    color: #818181;
    display: block;
    margin: 0 0 10px;
}
.calculator .block .item .data .input input {
    width: 105px;
    height: 32px;
    padding: 0 10px;
    font-family: "merriweather_sansregular";
    font-size: 14px;
    line-height: 14px;
    color: #818181;
    display: block;
    text-align: center;
    border: 1px solid #f5a212;
    outline: none;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.calculator .block .item .toCart {
    width: 426px;
    color: #818181;
    padding: 20px;
    border: 1px solid #c9c9c9;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    clear: both;
    overflow: hidden;
}
.calculator .block .item .toCart .subtotal,
.calculator .block .item .toCart .qty {
    width: 235px;
    float: left;
}
.calculator .block .item .toCart .qty {
    width: 150px;
}
.calculator .block .item .toCart .subtotal .title,
.calculator .block .item .toCart .qty .title {
    font-family: "merriweather_sansbold";
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #333;
    background: url(../images/line.gif) left bottom no-repeat;
    padding: 0 0 12px;
    margin: 0 0 7px;
    display: block;
}
.calculator .block .item .toCart .subtotal .price {
    font-family: "merriweather_sansbold";
    font-size: 30px;
    line-height: 30px;
    color: #f5a212;
}
.calculator .block .item .toCart .qty input {
    width: 48px;
    height: 32px;
    display: inline-block;
    padding: 0;
    margin: 0 9px 0 0;
    text-align: center;
    border: 1px solid #f5a212;
    font-family: "merriweather_sansregular";
    font-size: 16px;
    line-height: 16px;
    color: #818181;
    outline: none;
}
.calculator .block .item .toCart .qty input.readonly {
    border: 0;
}
.calculator .block .item .toCart .qty label {
    text-transform: uppercase;
    font-family: "merriweather_sansbold";
    font-size: 14px;
    line-height: 16px;
    color: #333;
}

.calculator .block .item .toCart .remove-item {
    position: absolute;
    right: 25px;
    top: 50px;
}

.calculator .block .item .toCart .remove-item a:hover,
.calculator .block .item .toCart .remove-item a 
{
    min-width: 0;
    /*height: 25px;*/
    padding: 0;
    margin: 0;
    background: none;
    display: inline-block;
    text-decoration: none;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.calculator {
	padding: 0 0 90px;
}
.calculator .sumHolder {
    width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 10050;
}
.calculator .sum {
    background: #f7f7f7;
}
.calculator .sum .holder {
    width: 916px;
    height: 126px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.calculator .sum .holder .total {
    width: 292px;
    position: absolute;
    top: 28px;
    left: 312px;
    text-align: center;
}
.calculator .sum .holder .total .title {
    font-family: "merriweather_sansbold";
    font-weight: 400;
    font-size: 18px;
    line-height: 19px;
    color: #333;
    background: url(../images/line.gif) center bottom no-repeat;
    padding: 0 0 12px;
    margin: 0 0 7px;
    display: block;
}
.calculator .sum .holder .total .price {
    font-family: "merriweather_sansbold";
    font-size: 30px;
    line-height: 30px;
    color: #f5a212;
}
.calculator .sum .holder a.prev,
.calculator .sum .holder a:hover.prev {
    width: auto;
    height: 26px;
    padding: 9px 15px 0 20px;
    float: left;
    margin: 41px 0 0 32px;
    display: block;
    position: relative;
    color: #818181;
    background: #fff;
    border: 1px solid #c9c9c9;
    text-decoration: none;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    font-family: "merriweather_sansbold";
    font-size: 13px;
    text-transform: uppercase;
}
.calculator .sum .holder a.prev span {
    width: 35px;
    height: 35px;
    border: 1px solid #c9c9c9;
    display: block;
    background: url(../images/arrow2prev.gif) center center no-repeat #fff;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    position: absolute;
    left: -32px;
    top: -1px;
}
.calculator .sum .holder a:hover.prev,
.calculator .sum .holder a:hover.prev span {
    border-color: #818181;
}
.calculator .sum .holder .next {
    width: 198px;
    height: 35px;
    color: #fff;
    background: #f5a212;
    border: 0;
    font-family: "merriweather_sansbold";
    font-size: 13px;
    line-height: 13px;
    text-transform: uppercase;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: block;
    margin: 41px 5px 0 0;
    padding: 0 15px;
    position: relative;
    float: right;
    text-align: left;
}
.calculator .sum .holder .next.link {
    text-decoration: none;
    text-align: center;
    padding: 10px 40px 0 10px;
    height: 25px
}

.calculator .sum .holder .next:hover {
    cursor: pointer;
    background: #ec9a0d;
}
.calculator .sum .holder .next span {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 0;
    right: -5px;
    background: url(../images/arrow5.gif) center center no-repeat #f5a212;
    border-left: 1px solid #fff;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}
.cart h1 {
    font-size: 22px;
}

.cart .alert-box {
    color:#555;
    border-radius:10px;
    padding:10px 10px 10px 36px;
    margin:10px auto 10px auto;
    width: 400px;
}

.cart .alert-box.error {
    background:#ffecec no-repeat 10px 50%;
    border:1px solid #f5aca6;
}

.cart .alert-box.success {
    background:#e9ffd9  no-repeat 10px 50%;
    border:1px solid #a6ca8a;
}

.calculator .cart .item {
    width: 916px;
    margin: 0 auto;
    overflow: hidden;
}
.calculator .cart .item article {
    width: 214px;
    height: 265px;
    float: left;
    margin: 0 20px 30px 0;
}
.calculator .cart .item article .img {
    width: 214px;
    height: 214px;
    text-align: center;
    margin: 0 0 18px;
}
.calculator .cart .item article .img a,
.calculator .cart .item article .img a:hover {
    width: 212px;
    height: 212px;
    display: block;
    border: 1px solid #c9c9c9;
}
.calculator .cart .item article .img a:hover {
    border-color: #f5a212;
}
.calculator .cart .item article .img a:before,
.calculator .cart .item article .img .a_before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.calculator .cart .item article .img img {
    max-width: 212px;
    max-height: 212px;
    display: inline;
    vertical-align: middle;
}
.calculator .cart .item .txt {
    width: 660px;
    float: right;
}
.calculator .cart .item .txt h3 {
    font-family: "merriweather_sansregular";
    font-size: 16px;
    line-height: 17px;
    font-weight: 400;
    margin: 0 0 3px;
    text-transform: uppercase;
    color: #333;
}
.calculator .cart .item .txt h2 {
    font-family: "merriweather_sansbold";
    font-size: 30px;
    line-height: 32px;
    font-weight: 400;
    margin: 0 0 5px;
    color: #333;
}
.calculator .cart .item .txt h5 {
    font-family: "merriweather_sansregular";
    font-size: 13px;
    font-weight: 400;
    color: #818181;
    padding: 0 0 10px;
    background: url(../images/line.gif) left bottom no-repeat;
    margin: 0 0 10px;
}
.calculator .cart .item .txt p {
    margin: 0 0 15px;
}
.calculator .cart .item .txt p span {
    font-size: 11px;
    text-transform: uppercase;
    color: #333;
}
.calculator .cart .item .txt a,
.calculator .cart .item .txt a:hover {
    min-width: 135px;
    height: 25px;
    padding: 7px 12px 0 15px;
    margin: 0 0 15px;
    display: inline-block;
    background: #f5a212;
    position: relative;
    color: #fff;
    text-decoration: none;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    font-family: "merriweather_sansbold";
    text-transform: uppercase;
}
.calculator .cart .item .txt a:hover {
    background-color: #f2af29;
}
.calculator .cart .item .txt a span {
    width: 32px;
    height: 32px;
    display: block;
    background: url(../images/arrow.gif) center center no-repeat #dc9110;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    position: absolute;
    right: -32px;
    top: 0;
}
.calculator .cart .item .txt a.editieren,
.calculator .cart .item .txt a:hover.editieren {
    min-width: 0;
    height: auto;
    padding: 0;
    margin: 0;
    display: inline;
    background: none;
    position: relative;
    color: #f5a212;
    text-decoration: underline;
    -webkit-border-radius: 0;
    border-radius: 0;
    font-family: "merriweather_sansbold";
    text-transform: none;
}
.calculator .cart .item .txt a:hover.editieren {
    color: #f2af29;
}
.calculator .cart .item .txt h6 {
    font-family: "merriweather_sansbold";
    font-size: 12px;
    font-weight: 400;
    color: #333;
}
.calculator .cart .item .txt ul.list {
    margin: 0;
    padding: 0 0 20px;
    list-style: none;
}
.calculator .cart .item .txt ul.list li {
    margin: 0 0 2px;
    padding: 0 0 0 20px;
    background: url(../images/circle.gif) left 5px no-repeat;
}
.calculator .cart .item .txt ul.list li span {
    color: #333;
    font-family: "merriweather_sansbold";
    font-size: 13px;
    line-height: 20px;
}
.calculator .cart .item .txt ul.list li a {
    color: #818181;
}
.calculator .cart .item .txt ul.list li a:hover {
    color: #333;
}
.calculator .cart .item .txt h4 {
    font-family: "merriweather_sansbold";
    font-size: 14px;
    line-height: 16px;
    color: #333;
    padding: 0 0 10px;
    margin: 0 0 13px;
    background: url(../images/line5.gif) left bottom no-repeat;
}
.calculator .cart .item .txt table {
    width: 660px;
    display: block;
    margin: 0 0 20px;
    float: none;
}
.calculator .cart .item .txt table tr td {
    width: 460px;
    padding: 0;
    text-align: left;
}
.calculator .cart .item .txt table tr td:nth-of-type(2) {
    width: 200px;
    font-family: "merriweather_sansbold";
    color: #f5a212;
}
.calculator .cart .item .txt table tr td span {
    text-transform: uppercase;
    color: #333;
    font-family: "merriweather_sansregular";
    font-size: 11px;
    display: block;
}
.calculator .cart .item .txt table tr td img {
    margin: 0 0 0 10px;
    display: inline-block;
}
#thanx {
    padding: 80px 0;
    text-align: center;
}
#thanx h1 {
    font-family: "merriweather_sansbold";
    font-size: 22px;
    line-height: 24px;
    color: #333333;
    padding: 0 0 10px;
    margin: 0 0 30px;
    background: url(../images/line.gif) center bottom no-repeat;
    text-align: center;
    text-transform: uppercase;
}
#thanx img {
    display: inline-block;
    margin: 0 0 25px;
}
#thanx p {
    margin: 0 0 20px;
}
#thanx a {
    width: 160px;
    height: 22px;
    padding: 10px 32px 0 0;
    color: #fff;
    background: #f5a212;
    border: 0;
    font-family: "merriweather_sansbold";
    font-size: 11px;
    line-height: 12px;
    text-transform: uppercase;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: block;
    margin: 0 auto;
    position: relative;
    text-decoration: none;
}
#thanx a:hover {
    cursor: pointer;
    background: #ec9a0d;
}
#thanx a span {
    width: 30px;
    height: 32px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(../images/arrow5.gif) center center no-repeat #f5a212;
    border-left: 1px solid #fff;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}
footer {
    color: #fff;
    background: #7d7d7d;
    text-align: center;
    font-family: "merriweather_sanslight";
    font-size: 10px;
    line-height: 12px;
}
footer nav {
    border-bottom: 2px solid #8f8f8f;
    padding: 25px 0;
}
footer nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-family: "merriweather_sansregular";
    font-size: 11px;
    line-height: 11px;
    text-transform: uppercase;
    letter-spacing: 0.25;
}
footer nav ul li {
    display: inline-block;
}
footer nav ul li a,
footer nav ul li a:hover {
    color: #fff;
    text-decoration: none;
    margin: 0 12px;
}
footer nav ul li a:hover {
    text-decoration: underline;
}
footer p {
    padding: 15px 0;
}
footer p.seo {
    background: url(../images/line2.gif) center bottom no-repeat;
}
footer p a,
footer p a:hover {
    color: #fff;
    text-decoration: underline;
}


/*iPhone < 5:*/
@media screen and (device-aspect-ratio: 2/3) {
    body {
        font-size: 20px;
        line-height: 28px;
    }
    #covers .slide div a,
    #covers .slide div a:hover {
        min-width: 135px;
        height: 35px;
        padding: 8px 10px 0 15px;
    }
    #covers .slide div a span {
        width: 43px;
        height: 43px;
        display: block;
        background: url(../images/arrow.gif) center center no-repeat #dc9110;
        background-size: auto;
        -webkit-border-radius: 0 5px 5px 0;
        border-radius: 0 5px 5px 0;
        position: absolute;
        right: -43px;
        top: 0;
    }
    header a.menu {
        display: block;
        position: absolute;
        top: 10px;
        right: 40px;
    }
    header .holder {
        width: 897px;
        height: auto;
        padding: 0 0 0 19px;
        margin: 0 auto;
        clear: both;
        overflow: hidden;
    }
    header .holder a.img {
        width: 177px;
        height: 53px;
        display: block;
        margin: 0 0 30px;
    }
    header .holder img {
        float: none;
        display: block;
        margin: 23px 0 30px 0;
        line-height: 0;
        font-size: 0;
    }
    header .holder nav {
        width: auto;
        float: none;
        text-align: center;
        text-transform: uppercase;
        padding: 0 100px;
        border-top: 1px solid #c9c9c9;
        display: none;
    }
    header .holder nav ul {
        margin: 0;
        padding: 20px 0;
        list-style: none;
        letter-spacing: 0;
    }
    header .holder nav ul li {
        height: 25px;
        display: inline-block;
        padding: 5px 0;
        margin: 10px 15px 15px 15px;
    }
    header .holder nav ul li a,
    header .holder nav ul li a:hover {
        color: #818181;
        text-decoration: none;
        display: block;
    }
    header .holder nav ul li a:hover {
        color: #333;
    }
    header .holder nav ul li.active {
        border-bottom: 2px solid #f5a212;
    }
    header .holder nav ul li.active a {
        font-family: "merriweather_sansbold";
        color: #333;
    }
    header .cart {
        height: 60px;
        line-height: 60px;
        background: #f5a212;
        -webkit-box-shadow:inset 0 2px 3px 1px #e29511;
        box-shadow:inset 0 2px 3px 1px #e29511;
        text-align: center;
    }
    header .cart span {
        font-family: "merriweather_sansbold";
        display: inline-block;
        color: #fff;
        text-transform: uppercase;
        font-size: 1em;
        height: 60px;
        line-height: 60px;
        padding: 0 0 0 40px;
        background: url(../images/cart.gif) left center no-repeat;
    }
    #ablakok article,
    #ajtok article,
    #redonyok article,
    #references article {
        width: 438px;
        height: 900px;
        float: left;
        margin: 0 36px 40px 0;
        font-size: 1.1em;
        line-height: 1.3em;
        color: #818181;
        position: relative;
        text-align: center;
    }
    #ajtok article {
        height: 800px;
    }
    #redonyok article {
        height: 630px;
    }
    #references article {
        height: 750px;
    }
    #ablakok article:nth-of-type(2n),
    #ajtok article:nth-of-type(2n),
    #redonyok article:nth-of-type(2n),
    #references article:nth-of-type(2n) {
        margin-right: 0;
    }
    #ablakok nav ul,
    #references nav ul,
    #redonyok nav ul {
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 1.5em;
    }
    #ablakok nav ul li,
    #references nav ul li,
    #redonyok nav ul li {
        display: inline-block;
        margin: 0 15px;
        padding: 0 0 10px;
    }
    #references nav ul li {
        margin: 0 40px 0 0;
    }
    #ablakok article .img,
    #ajtok article .img,
    #redonyok article .img,
    #references article .img {
        width: 438px;
        height: 438px;
        margin: 0 0 30px;
    }
    #ablakok article .img a,
    #ablakok article .img a:hover,
    #ajtok article .img a,
    #ajtok article .img a:hover,
    #redonyok article .img a,
    #redonyok article .img a:hover {
        display: block;
        width: 438px;
        height: 438px;
    }
    #ablakok article .img img,
    #ajtok article .img img,
    #redonyok article .img img,
    #references article .img img {
        max-width: 400px;
        max-height: 400px;
        min-width: 300px;
        min-height: 300px;
    }
    #references article .img img {
        max-width: 438px;
        max-height: 438px;
    }
    #ablakok article h3,
    #ajtok article h3,
    #redonyok article h3 {
        font-size: 1.1em;
        line-height: 1.2em;
        font-weight: 400;
        color: #333;
        margin: 0 0 6px;
    }
    #ablakok article h2,
    #ajtok article h2,
    #redonyok article h2,
    #references h3 {
        font-size: 1.4em;
        line-height: 1.2em;
        padding: 0 0 10px;
        margin: 0 0 15px;
    }
    #ablakok article h4,
    #references h4 {
        font-size: 1.1em;
        background: url(../images/line.gif) center bottom no-repeat;
        padding: 0 0 15px;
        margin: 0 0 25px;
    }
    #ablakok article .price,
    #ajtok article .price,
    #redonyok article .price {
        padding: 30px 0 0 0;
        font-family: "merriweather_sansbold";
        font-size: 1.5em;
        color: #f5a212;
    }
    #ajtok article .price,
    #redonyok article .price {
        text-align: center;
        padding: 0;
    }
    #ablakok article .price span,
    #ajtok article .price span,
    #redonyok article .price span {
        margin: 0 0 0 5px;
        font-family: "merriweather_sansregular";
        font-size: 0.7em;
        color: #818181;
    }
    #ablakok article .button,
    #ajtok article .button,
    #redonyok article .button,
    #references article .button {
        padding: 25px 0 0 0;
        background: url(../images/line4.gif) top center no-repeat;
    }
    #ablakok article .button a.more2,
    #ablakok article .button a:hover.more2,
    #ajtok article .button a.more2,
    #ajtok article .button a:hover.more2,
    #redonyok article .button a.more2,
    #redonyok article .button a:hover.more2,
    #references article .button a.more2,
    #references article .button a:hover.more2 {
        font-size: 1em;
        background: url(../images/arrow4.gif) right 8px no-repeat;
        padding: 0 20px 0 0;
    }
    #content .holder h2 {
        font-size: 1.6em;
        line-height: 1.2em;
    }
    #arbeitslauf .holder h3 {
        font-size: 1.3em;
        line-height: 1.2em;
    }
    .form h3 {
        font-size: 18px;
        line-height: 18px;
    }
    .form .fields {
    }
    .form .fields input.input {
        width: 372px;
        height: 45px;
        padding: 0 12px;
        margin: 0 0 30px;
        font-size: 1em;
        line-height: 1em;
    }
    .form .fields textarea {
        font-size: 1em;
        line-height: 1em;
    }
    #reviews {
        padding: 35px 0;
    }
    #reviews div h3 {
        font-size: 1.2em;
        line-height: 1.2em;
    }
    #reviews div .entries {
        height: 255px;
    }
    #reviews div .entries .slideset {
        width: 99999px;
        height: 250px;
    }
    #reviews div .entries .slideset .slide span {
        font-size: 0.9em;
    }
    #brands .holder h3 {
        font-size: 1.3em;
        line-height: 1.3em;
        padding: 0 0 20px;
        margin: 0 0 25px;
    }
    #social h4 {
        font-size: 1.1em;
        line-height: 1.2em;
        margin: 0 0 20px;
    }
    #social a,
    #social a:hover {
        min-width: 300px;
        padding: 15px 20px 22px 60px;
        font-size: 1.3em;
        line-height: 1.5em;
        background: url(../images/facebook.gif) 20px center no-repeat;
    }
    #content .about h3,
    #content .montage h3 {
        font-size: 1.3em;
        line-height: 1.6em;
    }
    #content .about h4 {
        font-size: 1.2em;
        line-height: 1.4em;
    }
    #categories article h2 {
        font-size: 1.1em;
        line-height: 1.3em;
    }
    #categories article p {
        height: 300px;
    }
    #promo article {
        width: 292px;
        height: 630px;
        float: left;
        background: #fff;
        margin: 0 20px 0 0;
        padding: 0;
        text-align: center;
    }
    #promo article img {
        display: block;
        margin: 0 0 20px;
    }
    #promo article h3 {
        font-size: 1.2em;
        line-height: 1.3em;
    }
    #promo article p {
        height: 280px;
    }
    #question {
        height: 250px;
        background: #f5a212;
        color: #fff;
    }
    #question div {
        width: 552px;
        height: 158px;
        padding: 0 182px 0 182px;
        margin: 0 auto;
        background: url(../images/question.gif) 45px center no-repeat;
    }
    #question div h4 {
        font-size: 1.3em;
        line-height: 1.5em;
        padding: 28px 0 20px 0;
        margin: 0 0 20px;
        height: 34px;
    }
    #question div a,
    #question div a:hover {
        width: 101px;
        height: 30px;
        padding: 5px 0 0 0;
        font-size: 1em;
        line-height: 1.2em;
        position: absolute;
        top: 100px;
        right: 32px;
    }
    #question div a span {
        width: 35px;
        height: 35px;
        background: url(../images/arrow3.gif) center center no-repeat;
        background-size: auto;
        right: -37px;
        top: -1px;
    }
    a.more,
    a:hover.more {
        min-width: 110px;
        height: 30px;
        padding: 6px 0 0 0;
        margin: 0 0 0 -30.5px;
        display: inline-block;
        position: relative;
        color: #818181;
        border: 1px solid #c9c9c9;
        text-decoration: none;
        -webkit-border-radius: 5px 0 0 5px;
        border-radius: 5px 0 0 5px;
        font-family: "merriweather_sansbold";
        font-size: 1em;
        text-transform: uppercase;
    }
    a.more span {
        width: 36px;
        height: 36px;
        border: 1px solid #c9c9c9;
        display: block;
        background: url(../images/arrow2.gif) center center no-repeat;
        background-size: auto;
        -webkit-border-radius: 0 5px 5px 0;
        border-radius: 0 5px 5px 0;
        position: absolute;
        right: -38px;
        top: -1px;
    }
    #product .description article {
        font-size: 1em;
    }
    #product .description h1,
    #product .description h2,
    #product .description h3,
    #product .description h4,
    #product .description h5,
    #product .description h6 {
        font-size: 1.1em;
        margin: 0 0 20px;
    }
    #product .share h3 {
        width: 300px;
        font-size: 1.1em;
        padding: 0 0 0 15px;
    }
    #product .card ul li {
        background: url(../images/circle.gif) left 12px no-repeat;
    }
    #product .card .txt h4,
    #product .card .txt h3 {
        font-size: 1.1em;
        line-height: 1.2em;
        margin: 0 0 2px;
    }
    #product .card .txt h2 {
        font-size: 2em;
        line-height: 1.6em;
        margin: 0 0 2px;
    }
    #product .card .txt h5 {
        font-size: 1.1em;
        padding: 0 0 15px;
        margin: 0 0 15px;
    }
    #product .card .txt p span {
        font-size: 1em;
    }
    #product .breadcrumb,
    #productList .breadcrumb,
    .calculator .breadcrumb {
        height: 120px;
    }
    #product .breadcrumb ul,
    #productList .breadcrumb ul,
    .calculator .breadcrumb ul {
        font-size: 1em;
        line-height: 1.2em;
    }
    #product .breadcrumb ul li,
    #productList .breadcrumb ul li,
    .calculator .breadcrumb ul li {
        padding: 0 25px 0 0;
        margin: 0 8px 0 0;
        background: url(../images/arrow2.gif) right 7px no-repeat;
    }
    #product .card .txt a,
    #product .card .txt a:hover {
        min-width: 135px;
        height: 36px;
        padding: 8px 12px 0 15px;
        margin: 0 0 20px;
        font-size: 1.1em;
    }
    #product .card .txt a span {
        width: 44px;
        height: 44px;
        background-size: auto;
        position: absolute;
        right: -44px;
        top: 0;
    }
    #productList .holder {
        overflow: hidden;
    }
    #productList .holder article {
        width: 438px;
        height: 560px;
        float: left;
        margin: 0 36px 30px 0;
    }
    #productList .holder article:nth-of-type(2n) {
        margin-right: 0;
    }
    #productList .holder article .img {
        width: 438px;
        height: 438px;
        margin: 0 0 30px;
    }
    #productList .holder article .img a,
    #productList .holder article .img a:hover {
        width: 438px;
        height: 438px;
    }
    #productList .holder article .img img {
        max-width: 400px;
        max-height: 400px;
        min-width: 300px;
        min-height: 300px;
    }
    #productList .holder article h2 {
        font-size: 1.3em;
        line-height: 1.5em;
    }
    .calculator .block h1 {
        font-size: 1.4em;
        line-height: 1.8em;
        margin: 0 0 30px;
    }
    .calculator .block .holder .propItem {
        width: 800px;
    }
    .calculator .block .holder .propItem h3 {
        font-size: 1.1em;
        line-height: 1.2em;
    }
    .calculator .block .holder .propItem table {
        margin: 0 0 80px;
    }
    .calculator .block .holder .propItem table tr td {
        padding: 15px 10px;
    }
    .calculator .block .holder .propItem table tr td div.radio {
        float: left;
        margin: 0 10px 0 0;
    }
    .calculator .block .item .data .input {
        width: 220px;
        float: left;
    }
    .calculator .block .item .data .input label {
        font-size: 1.1em;
        line-height: 1.4em;
    }
    .calculator .block .item .data .input span {
        font-size: 0.9em;
        line-height: 1.1em;
        margin: 0 0 20px;
    }
    .calculator .block .item .data .input input {
        width: 145px;
        height: 32px;
        padding: 5px 10px;
        font-size: 1.2em;
        line-height: 1.2em;
    }
    .calculator .sum .holder .next {
        width: 260px;
        height: 35px;
        color: #fff;
        background: #f5a212;
        border: 0;
        font-family: "merriweather_sansbold";
        font-size: 0.9em;
        line-height: 1.1em;
        text-transform: uppercase;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        display: block;
        margin: 41px 5px 0 0;
        padding: 0 15px;
        position: relative;
        float: right;
        text-align: left;
    }
    .form .fields button {
        width: 330px;
        height: 48px;
        font-size: 1em;
        line-height: 1em;
        padding: 0 32px 0 0;
    }
    .form .fields button:hover {
        cursor: pointer;
        background: #ec9a0d;
    }
    .form .fields button span {
        width: 48px;
        height: 48px;
        position: absolute;
        top: 0;
        right: 0;
        background: url(../images/arrow5.gif) center center no-repeat #f5a212;
        background-size: auto;
        border-left: 1px solid #fff;
        -webkit-border-radius: 0 5px 5px 0;
        border-radius: 0 5px 5px 0;
    }
    footer {
        font-size: 0.6em;
        line-height: 1em;
    }
    footer nav ul {
        font-size: 1.1em;
        line-height: 1em;
    }
    footer p {
        padding: 25px 0;
    }
}
/*iPhone == 5:*/
@media screen and (device-aspect-ratio: 40/71) {
    body {
        font-size: 20px;
        line-height: 28px;
    }
    #covers .slide div a,
    #covers .slide div a:hover {
        min-width: 135px;
        height: 35px;
        padding: 8px 10px 0 15px;
    }
    #covers .slide div a span {
        width: 43px;
        height: 43px;
        display: block;
        background: url(../images/arrow.gif) center center no-repeat #dc9110;
        background-size: auto;
        -webkit-border-radius: 0 5px 5px 0;
        border-radius: 0 5px 5px 0;
        position: absolute;
        right: -43px;
        top: 0;
    }
    header a.menu {
        display: block;
        position: absolute;
        top: 10px;
        right: 40px;
    }
    header .holder {
        width: 897px;
        height: auto;
        padding: 0 0 0 19px;
        margin: 0 auto;
        clear: both;
        overflow: hidden;
    }
    header .holder a.img {
        width: 177px;
        height: 53px;
        display: block;
        margin: 0 0 30px;
    }
    header .holder img {
        float: none;
        display: block;
        margin: 23px 0 30px 0;
        line-height: 0;
        font-size: 0;
    }
    header .holder nav {
        width: auto;
        float: none;
        text-align: center;
        text-transform: uppercase;
        padding: 0 100px;
        border-top: 1px solid #c9c9c9;
        display: none;
    }
    header .holder nav ul {
        margin: 0;
        padding: 20px 0;
        list-style: none;
        letter-spacing: 0;
    }
    header .holder nav ul li {
        height: 25px;
        display: inline-block;
        padding: 5px 0;
        margin: 10px 15px 15px 15px;
    }
    header .holder nav ul li a,
    header .holder nav ul li a:hover {
        color: #818181;
        text-decoration: none;
        display: block;
    }
    header .holder nav ul li a:hover {
        color: #333;
    }
    header .holder nav ul li.active {
        border-bottom: 2px solid #f5a212;
    }
    header .holder nav ul li.active a {
        font-family: "merriweather_sansbold";
        color: #333;
    }
    header .cart {
        height: 60px;
        line-height: 60px;
        background: #f5a212;
        -webkit-box-shadow:inset 0 2px 3px 1px #e29511;
        box-shadow:inset 0 2px 3px 1px #e29511;
        text-align: center;
    }
    header .cart span {
        font-family: "merriweather_sansbold";
        display: inline-block;
        color: #fff;
        text-transform: uppercase;
        font-size: 1em;
        height: 60px;
        line-height: 60px;
        padding: 0 0 0 40px;
        background: url(../images/cart.gif) left center no-repeat;
    }
    #ablakok article,
    #ajtok article,
    #redonyok article,
    #references article {
        width: 438px;
        height: 900px;
        float: left;
        margin: 0 36px 40px 0;
        font-size: 1.1em;
        line-height: 1.3em;
        color: #818181;
        position: relative;
        text-align: center;
    }
    #ajtok article {
        height: 800px;
    }
    #redonyok article {
        height: 630px;
    }
    #references article {
        height: 750px;
    }
    #ablakok article:nth-of-type(2n),
    #ajtok article:nth-of-type(2n),
    #redonyok article:nth-of-type(2n),
    #references article:nth-of-type(2n) {
        margin-right: 0;
    }
    #ablakok nav ul,
    #references nav ul,
    #redonyok nav ul {
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 1.5em;
    }
    #ablakok nav ul li,
    #references nav ul li,
    #redonyok nav ul li {
        display: inline-block;
        margin: 0 15px;
        padding: 0 0 10px;
    }
    #references nav ul li {
        margin: 0 40px 0 0;
    }
    #ablakok article .img,
    #ajtok article .img,
    #redonyok article .img,
    #references article .img {
        width: 438px;
        height: 438px;
        margin: 0 0 30px;
    }
    #ablakok article .img a,
    #ablakok article .img a:hover,
    #ajtok article .img a,
    #ajtok article .img a:hover,
    #redonyok article .img a,
    #redonyok article .img a:hover {
        display: block;
        width: 438px;
        height: 438px;
    }
    #ablakok article .img img,
    #ajtok article .img img,
    #redonyok article .img img,
    #references article .img img {
        max-width: 400px;
        max-height: 400px;
        min-width: 300px;
        min-height: 300px;
    }
    #references article .img img {
        max-width: 438px;
        max-height: 438px;
    }
    #ablakok article h3,
    #ajtok article h3,
    #redonyok article h3 {
        font-size: 1.1em;
        line-height: 1.2em;
        font-weight: 400;
        color: #333;
        margin: 0 0 6px;
    }
    #ablakok article h2,
    #ajtok article h2,
    #redonyok article h2,
    #references h3 {
        font-size: 1.4em;
        line-height: 1.2em;
        padding: 0 0 10px;
        margin: 0 0 15px;
    }
    #ablakok article h4,
    #references h4 {
        font-size: 1.1em;
        background: url(../images/line.gif) center bottom no-repeat;
        padding: 0 0 15px;
        margin: 0 0 25px;
    }
    #ablakok article .price,
    #ajtok article .price,
    #redonyok article .price {
        padding: 30px 0 0 0;
        font-family: "merriweather_sansbold";
        font-size: 1.5em;
        color: #f5a212;
    }
    #ajtok article .price,
    #redonyok article .price {
        text-align: center;
        padding: 0;
    }
    #ablakok article .price span,
    #ajtok article .price span,
    #redonyok article .price span {
        margin: 0 0 0 5px;
        font-family: "merriweather_sansregular";
        font-size: 0.7em;
        color: #818181;
    }
    #ablakok article .button,
    #ajtok article .button,
    #redonyok article .button,
    #references article .button {
        padding: 25px 0 0 0;
        background: url(../images/line4.gif) top center no-repeat;
    }
    #ablakok article .button a.more2,
    #ablakok article .button a:hover.more2,
    #ajtok article .button a.more2,
    #ajtok article .button a:hover.more2,
    #redonyok article .button a.more2,
    #redonyok article .button a:hover.more2,
    #references article .button a.more2,
    #references article .button a:hover.more2 {
        font-size: 1em;
        background: url(../images/arrow4.gif) right 8px no-repeat;
        padding: 0 20px 0 0;
    }
    #content .holder h2 {
        font-size: 1.6em;
        line-height: 1.2em;
    }
    #arbeitslauf .holder h3 {
        font-size: 1.3em;
        line-height: 1.2em;
    }
    .form h3 {
        font-size: 18px;
        line-height: 18px;
    }
    .form .fields {
    }
    .form .fields input.input {
        width: 372px;
        height: 45px;
        padding: 0 12px;
        margin: 0 0 30px;
        font-size: 1em;
        line-height: 1em;
    }
    .form .fields textarea {
        font-size: 1em;
        line-height: 1em;
    }
    #reviews {
        padding: 35px 0;
    }
    #reviews div h3 {
        font-size: 1.2em;
        line-height: 1.2em;
    }
    #reviews div .entries {
        height: 255px;
    }
    #reviews div .entries .slideset {
        width: 99999px;
        height: 250px;
    }
    #reviews div .entries .slideset .slide span {
        font-size: 0.9em;
    }
    #brands .holder h3 {
        font-size: 1.3em;
        line-height: 1.3em;
        padding: 0 0 20px;
        margin: 0 0 25px;
    }
    #social h4 {
        font-size: 1.1em;
        line-height: 1.2em;
        margin: 0 0 20px;
    }
    #social a,
    #social a:hover {
        min-width: 300px;
        padding: 15px 20px 22px 60px;
        font-size: 1.3em;
        line-height: 1.5em;
        background: url(../images/facebook.gif) 20px center no-repeat;
    }
    #content .about h3,
    #content .montage h3 {
        font-size: 1.3em;
        line-height: 1.6em;
    }
    #content .about h4 {
        font-size: 1.2em;
        line-height: 1.4em;
    }
    #categories article h2 {
        font-size: 1.1em;
        line-height: 1.3em;
    }
    #categories article p {
        height: 300px;
    }
    #promo article {
        width: 292px;
        height: 630px;
        float: left;
        background: #fff;
        margin: 0 20px 0 0;
        padding: 0;
        text-align: center;
    }
    #promo article img {
        display: block;
        margin: 0 0 20px;
    }
    #promo article h3 {
        font-size: 1.2em;
        line-height: 1.3em;
    }
    #promo article p {
        height: 280px;
    }
    #question {
        height: 250px;
        background: #f5a212;
        color: #fff;
    }
    #question div {
        width: 552px;
        height: 158px;
        padding: 0 182px 0 182px;
        margin: 0 auto;
        background: url(../images/question.gif) 45px center no-repeat;
    }
    #question div h4 {
        font-size: 1.3em;
        line-height: 1.5em;
        padding: 28px 0 20px 0;
        margin: 0 0 20px;
        height: 34px;
    }
    #question div a,
    #question div a:hover {
        width: 101px;
        height: 30px;
        padding: 5px 0 0 0;
        font-size: 1em;
        line-height: 1.2em;
        position: absolute;
        top: 100px;
        right: 32px;
    }
    #question div a span {
        width: 35px;
        height: 35px;
        background: url(../images/arrow3.gif) center center no-repeat;
        background-size: auto;
        right: -37px;
        top: -1px;
    }
    a.more,
    a:hover.more {
        min-width: 110px;
        height: 30px;
        padding: 6px 0 0 0;
        margin: 0 0 0 -30.5px;
        display: inline-block;
        position: relative;
        color: #818181;
        border: 1px solid #c9c9c9;
        text-decoration: none;
        -webkit-border-radius: 5px 0 0 5px;
        border-radius: 5px 0 0 5px;
        font-family: "merriweather_sansbold";
        font-size: 1em;
        text-transform: uppercase;
    }
    a.more span {
        width: 36px;
        height: 36px;
        border: 1px solid #c9c9c9;
        display: block;
        background: url(../images/arrow2.gif) center center no-repeat;
        background-size: auto;
        -webkit-border-radius: 0 5px 5px 0;
        border-radius: 0 5px 5px 0;
        position: absolute;
        right: -38px;
        top: -1px;
    }
    #product .description article {
        font-size: 1em;
    }
    #product .description h1,
    #product .description h2,
    #product .description h3,
    #product .description h4,
    #product .description h5,
    #product .description h6 {
        font-size: 1.1em;
        margin: 0 0 20px;
    }
    #product .share h3 {
        width: 300px;
        font-size: 1.1em;
        padding: 0 0 0 15px;
    }
    #product .card ul li {
        background: url(../images/circle.gif) left 12px no-repeat;
    }
    #product .card .txt h4,
    #product .card .txt h3 {
        font-size: 1.1em;
        line-height: 1.2em;
        margin: 0 0 2px;
    }
    #product .card .txt h2 {
        font-size: 2em;
        line-height: 1.6em;
        margin: 0 0 2px;
    }
    #product .card .txt h5 {
        font-size: 1.1em;
        padding: 0 0 15px;
        margin: 0 0 15px;
    }
    #product .card .txt p span {
        font-size: 1em;
    }
    #product .breadcrumb,
    #productList .breadcrumb,
    .calculator .breadcrumb {
        height: 120px;
    }
    #product .breadcrumb ul,
    #productList .breadcrumb ul,
    .calculator .breadcrumb ul {
        font-size: 1em;
        line-height: 1.2em;
    }
    #product .breadcrumb ul li,
    #productList .breadcrumb ul li,
    .calculator .breadcrumb ul li {
        padding: 0 25px 0 0;
        margin: 0 8px 0 0;
        background: url(../images/arrow2.gif) right 7px no-repeat;
    }
    #product .card .txt a,
    #product .card .txt a:hover {
        min-width: 135px;
        height: 36px;
        padding: 8px 12px 0 15px;
        margin: 0 0 20px;
        font-size: 1.1em;
    }
    #product .card .txt a span {
        width: 44px;
        height: 44px;
        background-size: auto;
        position: absolute;
        right: -44px;
        top: 0;
    }
    #productList .holder {
        overflow: hidden;
    }
    #productList .holder article {
        width: 438px;
        height: 560px;
        float: left;
        margin: 0 36px 30px 0;
    }
    #productList .holder article:nth-of-type(2n) {
        margin-right: 0;
    }
    #productList .holder article .img {
        width: 438px;
        height: 438px;
        margin: 0 0 30px;
    }
    #productList .holder article .img a,
    #productList .holder article .img a:hover {
        width: 438px;
        height: 438px;
    }
    #productList .holder article .img img {
        max-width: 400px;
        max-height: 400px;
        min-width: 300px;
        min-height: 300px;
    }
    #productList .holder article h2 {
        font-size: 1.3em;
        line-height: 1.5em;
    }
    .calculator .block h1 {
        font-size: 1.4em;
        line-height: 1.8em;
        margin: 0 0 30px;
    }
    .calculator .block .holder .propItem {
        width: 800px;
    }
    .calculator .block .holder .propItem h3 {
        font-size: 1.1em;
        line-height: 1.2em;
    }
    .calculator .block .holder .propItem table {
        margin: 0 0 80px;
    }
    .calculator .block .holder .propItem table tr td {
        padding: 15px 10px;
    }
    .calculator .block .holder .propItem table tr td div.radio {
        float: left;
        margin: 0 10px 0 0;
    }
    .calculator .block .item .data .input {
        width: 220px;
        float: left;
    }
    .calculator .block .item .data .input label {
        font-size: 1.1em;
        line-height: 1.4em;
    }
    .calculator .block .item .data .input span {
        font-size: 0.9em;
        line-height: 1.1em;
        margin: 0 0 20px;
    }
    .calculator .block .item .data .input input {
        width: 145px;
        height: 32px;
        padding: 5px 10px;
        font-size: 1.2em;
        line-height: 1.2em;
    }
    .calculator .sum .holder .next {
        width: 260px;
        height: 35px;
        color: #fff;
        background: #f5a212;
        border: 0;
        font-family: "merriweather_sansbold";
        font-size: 0.9em;
        line-height: 1.1em;
        text-transform: uppercase;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        display: block;
        margin: 41px 5px 0 0;
        padding: 0 15px;
        position: relative;
        float: right;
        text-align: left;
    }
    .form .fields button {
        width: 330px;
        height: 48px;
        font-size: 1em;
        line-height: 1em;
        padding: 0 32px 0 0;
    }
    .form .fields button:hover {
        cursor: pointer;
        background: #ec9a0d;
    }
    .form .fields button span {
        width: 48px;
        height: 48px;
        position: absolute;
        top: 0;
        right: 0;
        background: url(../images/arrow5.gif) center center no-repeat #f5a212;
        background-size: auto;
        border-left: 1px solid #fff;
        -webkit-border-radius: 0 5px 5px 0;
        border-radius: 0 5px 5px 0;
    }
    footer {
        font-size: 0.6em;
        line-height: 1em;
    }
    footer nav ul {
        font-size: 1.1em;
        line-height: 1em;
    }
    footer p {
        padding: 25px 0;
    }
}

@media (-webkit-min-device-pixel-ratio: 1.5) {
    body {
        font-size: 20px;
        line-height: 28px;
    }
    #covers .slide div a,
    #covers .slide div a:hover {
        min-width: 135px;
        height: 35px;
        padding: 8px 10px 0 15px;
    }
    #covers .slide div a span {
        width: 43px;
        height: 43px;
        display: block;
        background: url(../images/arrow.gif) center center no-repeat #dc9110;
        background-size: auto;
        -webkit-border-radius: 0 5px 5px 0;
        border-radius: 0 5px 5px 0;
        position: absolute;
        right: -43px;
        top: 0;
    }
    header a.menu {
        display: block;
        position: absolute;
        top: 10px;
        right: 40px;
    }
    header .holder {
        width: 897px;
        height: auto;
        padding: 0 0 0 19px;
        margin: 0 auto;
        clear: both;
        overflow: hidden;
    }
    header .holder a.img {
        width: 177px;
        height: 53px;
        display: block;
        margin: 0 0 30px;
    }
    header .holder img {
        float: none;
        display: block;
        margin: 23px 0 30px 0;
        line-height: 0;
        font-size: 0;
    }
    header .holder nav {
        width: auto;
        float: none;
        text-align: center;
        text-transform: uppercase;
        padding: 0 100px;
        border-top: 1px solid #c9c9c9;
        display: none;
    }
    header .holder nav ul {
        margin: 0;
        padding: 20px 0;
        list-style: none;
        letter-spacing: 0;
    }
    header .holder nav ul li {
        height: 25px;
        display: inline-block;
        padding: 5px 0;
        margin: 10px 15px 15px 15px;
    }
    header .holder nav ul li a,
    header .holder nav ul li a:hover {
        color: #818181;
        text-decoration: none;
        display: block;
    }
    header .holder nav ul li a:hover {
        color: #333;
    }
    header .holder nav ul li.active {
        border-bottom: 2px solid #f5a212;
    }
    header .holder nav ul li.active a {
        font-family: "merriweather_sansbold";
        color: #333;
    }
    header .cart {
        height: 60px;
        line-height: 60px;
        background: #f5a212;
        -webkit-box-shadow:inset 0 2px 3px 1px #e29511;
        box-shadow:inset 0 2px 3px 1px #e29511;
        text-align: center;
    }
    header .cart span {
        font-family: "merriweather_sansbold";
        display: inline-block;
        color: #fff;
        text-transform: uppercase;
        font-size: 1em;
        height: 60px;
        line-height: 60px;
        padding: 0 0 0 40px;
        background: url(../images/cart.gif) left center no-repeat;
    }
    #ablakok article,
    #ajtok article,
    #redonyok article,
    #references article {
        width: 438px;
        height: 900px;
        float: left;
        margin: 0 36px 40px 0;
        font-size: 1.1em;
        line-height: 1.3em;
        color: #818181;
        position: relative;
        text-align: center;
    }
    #ajtok article {
        height: 800px;
    }
    #redonyok article {
        height: 630px;
    }
    #references article {
        height: 750px;
    }
    #ablakok article:nth-of-type(2n),
    #ajtok article:nth-of-type(2n),
    #redonyok article:nth-of-type(2n),
    #references article:nth-of-type(2n) {
        margin-right: 0;
    }
    #ablakok nav ul,
    #references nav ul,
    #redonyok nav ul {
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 1.5em;
    }
    #ablakok nav ul li,
    #references nav ul li,
    #redonyok nav ul li {
        display: inline-block;
        margin: 0 15px;
        padding: 0 0 10px;
    }
    #references nav ul li {
        margin: 0 40px 0 0;
    }
    #ablakok article .img,
    #ajtok article .img,
    #redonyok article .img,
    #references article .img {
        width: 438px;
        height: 438px;
        margin: 0 0 30px;
    }
    #ablakok article .img a,
    #ablakok article .img a:hover,
    #ajtok article .img a,
    #ajtok article .img a:hover,
    #redonyok article .img a,
    #redonyok article .img a:hover {
        display: block;
        width: 438px;
        height: 438px;
    }
    #ablakok article .img img,
    #ajtok article .img img,
    #redonyok article .img img,
    #references article .img img {
        max-width: 400px;
        max-height: 400px;
        min-width: 300px;
        min-height: 300px;
    }
    #references article .img img {
        max-width: 438px;
        max-height: 438px;
    }
    #ablakok article h3,
    #ajtok article h3,
    #redonyok article h3 {
        font-size: 1.1em;
        line-height: 1.2em;
        font-weight: 400;
        color: #333;
        margin: 0 0 6px;
    }
    #ablakok article h2,
    #ajtok article h2,
    #redonyok article h2,
    #references h3 {
        font-size: 1.4em;
        line-height: 1.2em;
        padding: 0 0 10px;
        margin: 0 0 15px;
    }
    #ablakok article h4,
    #references h4 {
        font-size: 1.1em;
        background: url(../images/line.gif) center bottom no-repeat;
        padding: 0 0 15px;
        margin: 0 0 25px;
    }
    #ablakok article .price,
    #ajtok article .price,
    #redonyok article .price {
        padding: 30px 0 0 0;
        font-family: "merriweather_sansbold";
        font-size: 1.5em;
        color: #f5a212;
    }
    #ajtok article .price,
    #redonyok article .price {
        text-align: center;
        padding: 0;
    }
    #ablakok article .price span,
    #ajtok article .price span,
    #redonyok article .price span {
        margin: 0 0 0 5px;
        font-family: "merriweather_sansregular";
        font-size: 0.7em;
        color: #818181;
    }
    #ablakok article .button,
    #ajtok article .button,
    #redonyok article .button,
    #references article .button {
        padding: 25px 0 0 0;
        background: url(../images/line4.gif) top center no-repeat;
    }
    #ablakok article .button a.more2,
    #ablakok article .button a:hover.more2,
    #ajtok article .button a.more2,
    #ajtok article .button a:hover.more2,
    #redonyok article .button a.more2,
    #redonyok article .button a:hover.more2,
    #references article .button a.more2,
    #references article .button a:hover.more2 {
        font-size: 1em;
        background: url(../images/arrow4.gif) right 8px no-repeat;
        padding: 0 20px 0 0;
    }
    #content .holder h2 {
        font-size: 1.6em;
        line-height: 1.2em;
    }
    #arbeitslauf .holder h3 {
        font-size: 1.3em;
        line-height: 1.2em;
    }
    .form h3 {
        font-size: 18px;
        line-height: 18px;
    }
    .form .fields {
    }
    .form .fields input.input {
        width: 372px;
        height: 45px;
        padding: 0 12px;
        margin: 0 0 30px;
        font-size: 1em;
        line-height: 1em;
    }
    .form .fields textarea {
        font-size: 1em;
        line-height: 1em;
    }
    #reviews {
        padding: 35px 0;
    }
    #reviews div h3 {
        font-size: 1.2em;
        line-height: 1.2em;
    }
    #reviews div .entries {
        height: 255px;
    }
    #reviews div .entries .slideset {
        width: 99999px;
        height: 250px;
    }
    #reviews div .entries .slideset .slide span {
        font-size: 0.9em;
    }
    #brands .holder h3 {
        font-size: 1.3em;
        line-height: 1.3em;
        padding: 0 0 20px;
        margin: 0 0 25px;
    }
    #social h4 {
        font-size: 1.1em;
        line-height: 1.2em;
        margin: 0 0 20px;
    }
    #social a,
    #social a:hover {
        min-width: 300px;
        padding: 15px 20px 22px 60px;
        font-size: 1.3em;
        line-height: 1.5em;
        background: url(../images/facebook.gif) 20px center no-repeat;
    }
    #content .about h3,
    #content .montage h3 {
        font-size: 1.3em;
        line-height: 1.6em;
    }
    #content .about h4 {
        font-size: 1.2em;
        line-height: 1.4em;
    }
    #categories article h2 {
        font-size: 1.1em;
        line-height: 1.3em;
    }
    #categories article p {
        height: 300px;
    }
    #promo article {
        width: 292px;
        height: 630px;
        float: left;
        background: #fff;
        margin: 0 20px 0 0;
        padding: 0;
        text-align: center;
    }
    #promo article img {
        display: block;
        margin: 0 0 20px;
    }
    #promo article h3 {
        font-size: 1.2em;
        line-height: 1.3em;
    }
    #promo article p {
        height: 280px;
    }
    #question {
        height: 250px;
        background: #f5a212;
        color: #fff;
    }
    #question div {
        width: 552px;
        height: 158px;
        padding: 0 182px 0 182px;
        margin: 0 auto;
        background: url(../images/question.gif) 45px center no-repeat;
    }
    #question div h4 {
        font-size: 1.3em;
        line-height: 1.5em;
        padding: 28px 0 20px 0;
        margin: 0 0 20px;
        height: 34px;
    }
    #question div a,
    #question div a:hover {
        width: 101px;
        height: 30px;
        padding: 5px 0 0 0;
        font-size: 1em;
        line-height: 1.2em;
        position: absolute;
        top: 100px;
        right: 32px;
    }
    #question div a span {
        width: 35px;
        height: 35px;
        background: url(../images/arrow3.gif) center center no-repeat;
        background-size: auto;
        right: -37px;
        top: -1px;
    }
    a.more,
    a:hover.more {
        min-width: 110px;
        height: 30px;
        padding: 6px 0 0 0;
        margin: 0 0 0 -30.5px;
        display: inline-block;
        position: relative;
        color: #818181;
        border: 1px solid #c9c9c9;
        text-decoration: none;
        -webkit-border-radius: 5px 0 0 5px;
        border-radius: 5px 0 0 5px;
        font-family: "merriweather_sansbold";
        font-size: 1em;
        text-transform: uppercase;
    }
    a.more span {
        width: 36px;
        height: 36px;
        border: 1px solid #c9c9c9;
        display: block;
        background: url(../images/arrow2.gif) center center no-repeat;
        background-size: auto;
        -webkit-border-radius: 0 5px 5px 0;
        border-radius: 0 5px 5px 0;
        position: absolute;
        right: -38px;
        top: -1px;
    }
    #product .description article {
        font-size: 1em;
    }
    #product .description h1,
    #product .description h2,
    #product .description h3,
    #product .description h4,
    #product .description h5,
    #product .description h6 {
        font-size: 1.1em;
        margin: 0 0 20px;
    }
    #product .share h3 {
        width: 300px;
        font-size: 1.1em;
        padding: 0 0 0 15px;
    }
    #product .card ul li {
        background: url(../images/circle.gif) left 12px no-repeat;
    }
    #product .card .txt h4,
    #product .card .txt h3 {
        font-size: 1.1em;
        line-height: 1.2em;
        margin: 0 0 2px;
    }
    #product .card .txt h2 {
        font-size: 2em;
        line-height: 1.6em;
        margin: 0 0 2px;
    }
    #product .card .txt h5 {
        font-size: 1.1em;
        padding: 0 0 15px;
        margin: 0 0 15px;
    }
    #product .card .txt p span {
        font-size: 1em;
    }
    #product .breadcrumb,
    #productList .breadcrumb,
    .calculator .breadcrumb {
        height: 120px;
    }
    #product .breadcrumb ul,
    #productList .breadcrumb ul,
    .calculator .breadcrumb ul {
        font-size: 1em;
        line-height: 1.2em;
    }
    #product .breadcrumb ul li,
    #productList .breadcrumb ul li,
    .calculator .breadcrumb ul li {
        padding: 0 25px 0 0;
        margin: 0 8px 0 0;
        background: url(../images/arrow2.gif) right 7px no-repeat;
    }
    #product .card .txt a,
    #product .card .txt a:hover {
        min-width: 135px;
        height: 36px;
        padding: 8px 12px 0 15px;
        margin: 0 0 20px;
        font-size: 1.1em;
    }
    #product .card .txt a span {
        width: 44px;
        height: 44px;
        background-size: auto;
        position: absolute;
        right: -44px;
        top: 0;
    }
    #productList .holder {
        overflow: hidden;
    }
    #productList .holder article {
        width: 438px;
        height: 560px;
        float: left;
        margin: 0 36px 30px 0;
    }
    #productList .holder article:nth-of-type(2n) {
        margin-right: 0;
    }
    #productList .holder article .img {
        width: 438px;
        height: 438px;
        margin: 0 0 30px;
    }
    #productList .holder article .img a,
    #productList .holder article .img a:hover {
        width: 438px;
        height: 438px;
    }
    #productList .holder article .img img {
        max-width: 400px;
        max-height: 400px;
        min-width: 300px;
        min-height: 300px;
    }
    #productList .holder article h2 {
        font-size: 1.3em;
        line-height: 1.5em;
    }
    .calculator .block h1 {
        font-size: 1.4em;
        line-height: 1.8em;
        margin: 0 0 30px;
    }
    .calculator .block .holder .propItem {
        width: 800px;
    }
    .calculator .block .holder .propItem h3 {
        font-size: 1.1em;
        line-height: 1.2em;
    }
    .calculator .block .holder .propItem table {
        margin: 0 0 80px;
    }
    .calculator .block .holder .propItem table tr td {
        padding: 15px 10px;
    }
    .calculator .block .holder .propItem table tr td div.radio {
        float: left;
        margin: 0 10px 0 0;
    }
    .calculator .block .item .data .input {
        width: 220px;
        float: left;
    }
    .calculator .block .item .data .input label {
        font-size: 1.1em;
        line-height: 1.4em;
    }
    .calculator .block .item .data .input span {
        font-size: 0.9em;
        line-height: 1.1em;
        margin: 0 0 20px;
    }
    .calculator .block .item .data .input input {
        width: 145px;
        height: 32px;
        padding: 5px 10px;
        font-size: 1.2em;
        line-height: 1.2em;
    }
    .calculator .sum .holder .next {
        width: 260px;
        height: 35px;
        color: #fff;
        background: #f5a212;
        border: 0;
        font-family: "merriweather_sansbold";
        font-size: 0.9em;
        line-height: 1.1em;
        text-transform: uppercase;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        display: block;
        margin: 41px 5px 0 0;
        padding: 0 15px;
        position: relative;
        float: right;
        text-align: left;
    }
    .form .fields button {
        width: 330px;
        height: 48px;
        font-size: 1em;
        line-height: 1em;
        padding: 0 32px 0 0;
    }
    .form .fields button:hover {
        cursor: pointer;
        background: #ec9a0d;
    }
    .form .fields button span {
        width: 48px;
        height: 48px;
        position: absolute;
        top: 0;
        right: 0;
        background: url(../images/arrow5.gif) center center no-repeat #f5a212;
        background-size: auto;
        border-left: 1px solid #fff;
        -webkit-border-radius: 0 5px 5px 0;
        border-radius: 0 5px 5px 0;
    }
    footer {
        font-size: 0.6em;
        line-height: 1em;
    }
    footer nav ul {
        font-size: 1.1em;
        line-height: 1em;
    }
    footer p {
        padding: 25px 0;
    }
}