@font-face {
    font-family: 'cond thin';
    src: url('../fonts/pfdintextcondpro-thin-webfont.eot');
    src: url('../fonts/pfdintextcondpro-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pfdintextcondpro-thin-webfont.ttf') format('truetype'),
         url('../fonts/pfdintextcondpro-thin-webfont.svg#pf_din_text_cond_prothin') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'cond medium';
    src: url('../fonts/pfdintextcondpro-medital-webfont.eot');
    src: url('../fonts/pfdintextcondpro-medital-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pfdintextcondpro-medital-webfont.ttf') format('truetype'),
         url('../fonts/pfdintextcondpro-medital-webfont.svg#pf_din_text_cond_proMdIt') format('svg');
    font-weight: normal;
    font-style: italic;

}


@font-face {
    font-family: 'cond medium';
    src: url('../fonts/pfdintextcondpro-medium-webfont.eot');
    src: url('../fonts/pfdintextcondpro-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pfdintextcondpro-medium-webfont.ttf') format('truetype'),
         url('../fonts/pfdintextcondpro-medium-webfont.svg#pf_din_text_cond_promedium') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'cond';
    src: url('../fonts/pfdintextcondpro-regular-webfont.eot');
    src: url('../fonts/pfdintextcondpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pfdintextcondpro-regular-webfont.ttf') format('truetype'),
         url('../fonts/pfdintextcondpro-regular-webfont.svg#pf_din_text_cond_proregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'cond';
    src: url('../fonts/pfdintextcondpro-bold-webfont.eot');
    src: url('../fonts/pfdintextcondpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pfdintextcondpro-bold-webfont.ttf') format('truetype'),
         url('../fonts/pfdintextcondpro-bold-webfont.svg#pf_din_text_cond_probold') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'cond light';
    src: url('../fonts/pfdintextcondpro-light-webfont.eot');
    src: url('../fonts/pfdintextcondpro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pfdintextcondpro-light-webfont.ttf') format('truetype'),
         url('../fonts/pfdintextcondpro-light-webfont.svg#pf_din_text_cond_prolight') format('svg');
    font-weight: normal;
    font-style: normal;

}



html {min-width: 1024px;}
body {background-color: #FFFFFF; font-size: 20px; font-family: "PT Sans", sans-serif; min-width: 1024px; font-weight: normal; color: #494848;}
h1 {font-size: 2em; /* 40px */ line-height: 1.5em; /* 60px */ margin-top: 0.5em; margin-bottom: 0em;} 
h2, h3, h4, h5, h6 {font-size: 1em; /* 20px */ line-height: 1.5em; /* 36px */ margin-top: 1em;}
a {color: inherit; text-decoration: none;}
a:hover {text-decoration: underline;}
a:visited {opacity: 0.75;}
p {margin-bottom: 0.5em;}

em, .em {font-style: italic;}
strong, .strong {font-weight: bold;}

.opacity25 {opacity: 0.25;}
.opacity50 {opacity: 0.5;}
.opacity75 {opacity: 0.75;}

.center {text-align: center; margin-left: auto; margin-right: auto;}
.f-left {float: left;}
.f-right {float: right;}
.relative {position: relative;}
.clearfix:after {visibility: hidden; display: block; font-size: 0; content: ""; clear: both; height: 0;}

.wrap-outer {position: relative;}
.wrap-outer>.wrap, .wrap-outer>*>.wrap {margin: 0 auto; padding: 0 20px; width: 920px; position: relative;}



.span3 {width: 32%; display: inline-block; vertical-align: top;}
.span3:nth-of-type(3n+2), .span3:nth-of-type(3n) {margin-left: 2%;}

.span2 {width: 48%; display: inline-block; vertical-align: top;}
.span2:nth-of-type(2n) {margin-left: 4%;}

.wrap>aside {position: absolute; width: 32%; right: 0;}
.wrap>article {width: 64%; float: left;}

.wrap.r-t-l>aside, .r-t-l .wrap>aside {position: absolute; width: 32%; left: 0;}
.wrap.r-t-l>article, .r-t-l .wrap>article {width: 64%; float: right;}

.icon:before {content: ""; width: 30px; height: 30px; display: inline-block; background: url('../img/sprites.png') no-repeat 0 0;} 

div.hr {margin: 1em 0;}

.wooden {background: url('../img/bg/wood-bg.jpg') repeat-x center;}
.wooden:after {content: ""; display: block; position: absolute; bottom: 1px; height: 1px; width: 100%; left: 0; background-color: rgba(255, 160, 100, 0.5);}

.wrap-outer.lined-h {display: table; max-width: 1060px; margin: 3em auto 2em;}
.wrap-outer.lined-h .wrap {padding: 0; display: table-cell; width: auto; text-align: center; padding: 5px 5px 0 5px; color: #3f5348; text-transform: uppercase; font-family: "cond light", sans-serif; white-space: nowrap;}
.wrap-outer.lined-h .before, .wrap-outer.lined-h .after {display: table-cell; width: 50%; background: white; content: ""; overflow: hidden; padding: 0 20px; vertical-align: middle;}
.wrap-outer.lined-h .before:before, .wrap-outer.lined-h .before:after, .wrap-outer.lined-h .after:before, .wrap-outer.lined-h .after:after {content: ""; display: block;}
.wrap-outer.lined-h .before:before, .wrap-outer.lined-h .after:before {background: #a5aaa7; height: 1px;}
.wrap-outer.lined-h .before:after, .wrap-outer.lined-h .after:after {background: #3f5348; margin-top: -2px; height: 3px; width: 6px;}
.wrap-outer.lined-h .before:after {float: right;}
.wrap-outer.lined-h .after:after {float: left;}

.right-col, .left-col {width:46%;}
.right-col {float:right;}
.left-col {float:left; margin-left: 4%;}
.left-col>img {margin-left: -8%;}
.sub-reasons {display:inline-block; margin:0 0 1em 15px;}
.sub-reasons li {max-width: 160px; margin: 4px 0 4px 0; }
.info {width: 920px; margin-top:180px; margin-bottom: 250px;}
.info>div {display:inline-block; position:relative; height: 19px; margin-left:-4px; margin-bottom:-3px;}
.info>div>span {position:absolute; text-align:center; display:inline-block; color: #504e4e; font-family: "cond", sans-serif; font-size: 0.8em; line-height: 1.5em;}
.info h2 {text-transform: uppercase; color: #bf5a68; font-size: 1.8125em;}
.d1>span {top:-185px;}
.d3>span {top:-160px;}
.d5>span {top:-115px;}
.bottom>span {top:10px;}
.d2.bottom>span {width: 180px; margin-left:-20px;}
.d1, .d2, .d3 {width:128px;}
.d4, .d5 {width:264px;}
.info>.d1 {margin-left: 0;}
.d1 {margin-left: 0; background: #a4a4a4; /* Old browsers */
background: -moz-linear-gradient(top,  #a4a4a4 0%, #9b9b9b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a4a4a4), color-stop(100%,#9b9b9b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #a4a4a4 0%,#9b9b9b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #a4a4a4 0%,#9b9b9b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #a4a4a4 0%,#9b9b9b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #a4a4a4 0%,#9b9b9b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4a4a4', endColorstr='#9b9b9b',GradientType=0 ); /* IE6-9 */
}

.d2 {background: #af9693; /* Old browsers */
background: -moz-linear-gradient(top,  #af9693 0%, #a58e8b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#af9693), color-stop(100%,#a58e8b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #af9693 0%,#a58e8b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #af9693 0%,#a58e8b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #af9693 0%,#a58e8b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #af9693 0%,#a58e8b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af9693', endColorstr='#a58e8b',GradientType=0 ); /* IE6-9 */
}

.d3 {background: #b88781; /* Old browsers */
background: -moz-linear-gradient(top,  #b88781 0%, #af817b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b88781), color-stop(100%,#af817b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b88781 0%,#af817b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b88781 0%,#af817b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b88781 0%,#af817b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b88781 0%,#af817b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b88781', endColorstr='#af817b',GradientType=0 ); /* IE6-9 */
}

.d4 {background: #c67b72; /* Old browsers */
background: -moz-linear-gradient(top,  #c67b72 0%, #ba736c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c67b72), color-stop(100%,#ba736c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c67b72 0%,#ba736c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c67b72 0%,#ba736c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c67b72 0%,#ba736c 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c67b72 0%,#ba736c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c67b72', endColorstr='#ba736c',GradientType=0 ); /* IE6-9 */
}

.d5 {background: #dd5f51; /* Old browsers */
background: -moz-linear-gradient(top,  #dd5f51 0%, #ce594c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dd5f51), color-stop(100%,#ce594c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #dd5f51 0%,#ce594c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #dd5f51 0%,#ce594c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #dd5f51 0%,#ce594c 100%); /* IE10+ */
background: linear-gradient(to bottom,  #dd5f51 0%,#ce594c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd5f51', endColorstr='#ce594c',GradientType=0 ); /* IE6-9 */
}

.d1.bottom {background: #6e6e6e; /* Old browsers */
background: -moz-linear-gradient(top,  #6e6e6e 0%, #555555 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6e6e6e), color-stop(100%,#555555)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #6e6e6e 0%,#555555 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #6e6e6e 0%,#555555 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #6e6e6e 0%,#555555 100%); /* IE10+ */
background: linear-gradient(to bottom,  #6e6e6e 0%,#555555 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e6e6e', endColorstr='#555555',GradientType=0 ); /* IE6-9 */
}

.d2.bottom {background: #7b635f; /* Old browsers */
background: -moz-linear-gradient(top,  #7b635f 0%, #604d4a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b635f), color-stop(100%,#604d4a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7b635f 0%,#604d4a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7b635f 0%,#604d4a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7b635f 0%,#604d4a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #7b635f 0%,#604d4a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b635f', endColorstr='#604d4a',GradientType=0 ); /* IE6-9 */
}

.d3.bottom {background: #8a5951; /* Old browsers */
background: -moz-linear-gradient(top,  #8a5951 0%, #6c463f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8a5951), color-stop(100%,#6c463f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #8a5951 0%,#6c463f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #8a5951 0%,#6c463f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #8a5951 0%,#6c463f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #8a5951 0%,#6c463f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a5951', endColorstr='#6c463f',GradientType=0 ); /* IE6-9 */
}

.d4.bottom {background: #985042; /* Old browsers */
background: -moz-linear-gradient(top,  #985042 0%, #773e33 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#985042), color-stop(100%,#773e33)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #985042 0%,#773e33 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #985042 0%,#773e33 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #985042 0%,#773e33 100%); /* IE10+ */
background: linear-gradient(to bottom,  #985042 0%,#773e33 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#985042', endColorstr='#773e33',GradientType=0 ); /* IE6-9 */
}

.d5.bottom {background: #b53c26; /* Old browsers */
background: -moz-linear-gradient(top,  #b53c26 0%, #8c2d1d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b53c26), color-stop(100%,#8c2d1d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b53c26 0%,#8c2d1d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b53c26 0%,#8c2d1d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b53c26 0%,#8c2d1d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b53c26 0%,#8c2d1d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b53c26', endColorstr='#8c2d1d',GradientType=0 ); /* IE6-9 */
}


.d1:after {border-bottom: 12px solid #a5a5a5; top:-12px; left:57px;}
.d3:after {border-bottom: 12px solid #af817b; top:-12px; left:57px;}
.d5:after {border-bottom: 12px solid #ce594c; top:-12px; left:117px;}
.d2.bottom:after {border-top: 12px solid #604d4a; bottom:-12px; left:57px;}
.d4.bottom:after {border-top: 12px solid #763d33; bottom:-12px; left:117px;}
.d2 {background:#a58e8b;}
.d3 {background:#b1827c;}
.d4 {background:#bc746d;}
.d5 {background:#cf5a4d;}
.arrow:after {content:'';width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent; position:absolute; }

.stair-type {margin-bottom: 2em;}
.stair {width: 300px; display:inline-block; text-align:center; vertical-align: top;}
.stair h2 {font-family: "cond", sans-serif; font-size: 1.4em; color: #bf5a68; text-transform: uppercase;}
.stair p {font-family: "cond", sans-serif; font-size: 0.8em; color: #504e4e; line-height: 1.5em; height: 9.5em;}
.stair button {width: 196px; height: 38px; background: url('../img/sprites.png') no-repeat -200px -150px; border: 0; text-transform: uppercase; color: #570c03; font-family: "cond medium", sans-serif; font-size: 1.05em; line-height: 38px; vertical-align: middle; text-shadow: 0 1px 0 rgba(235, 235, 120, 0.4); cursor: pointer;}
.stair button:hover {background-position: -200px -200px;}
.stair button:active {background-position: -200px -250px;}

.port {display: block; position:relative; height:800px;}
.port>a {display: block;}
.port>a:hover {text-decoration: none;}
.port1 {background-image:url("../img/port1.png"); top:6px; left:0; width:626px; height:428px; position:absolute;}
.port2 {background-image:url("../img/port2.png"); top:6px; left:632px; width:310px; height:309px; position:absolute;}
.port3 {background-image:url("../img/port3.png"); top:440px; left:0px; width:309px; height:309px; position:absolute;}
.port4 {background-image:url("../img/port5.png"); top:440px; left:315px; width:309px; height:309px; position:absolute;}
.port5 {background-image:url("../img/port4.png"); top:321px; left:632px; width:309px; height:428px; position:absolute;}

.port span {background-color: rgba(255, 255, 255, 0.4); display: block; vertical-align: middle; text-align: center; transition: all 0.5s ease; font-family: "cond medium", sans-serif; font-size: 1.1em; color: #6c2312; text-transform: uppercase; padding: 0.5em 0;}
.port span em {font-family: "cond", sans-serif; font-weight: normal; font-style: normal; font-size: 0.8em;}
.port span h2 {margin: 0;}
.port>a:hover span {background-color: rgba(255, 255, 255, 0.6);}
.port1 span {}
.port2 span {}
.port3 span {font-size: 0.9em;}
.port4 span {font-size: 0.9em;}
.port5 span {}

.header {overflow: hidden;}
header {height: 459px;}
header .logo {margin: 0 0 0 60px; position: absolute; z-index: 10; float: left;}
header .logo span {margin: -300px 0 0 -100px; display: block;}

header .stair {position: absolute; height: 100%; width: 648px; background: url('../img/bg/stair.jpg') no-repeat left top; z-index: 2; left: -188px; top: 0;}
header .description {margin: 0 0 0 315px; position: relative; z-index: 4; font-family: "cond thin", sans-serif; font-size: 1.8em; line-height: 1em; color: white; text-shadow: 0 -1px 0 #3e0d02; padding-top: 20px;}
header .description span {font-family: "cond medium", sans-serif; font-style: italic; color: #210600; font-size: 0.5em; text-shadow: 0 1px 0 #d1a88b; margin-top: 0; padding-bottom: 0.5em; display: block;}
header ul.points {position: absolute; top: 290px; z-index: 4; left: 250px; color: #d8aa8d; font-size: 0.85em; font-family: "cond", sans-serif; text-shadow: 0 -1px 0 #3e0d02;}
header ul.points strong {color: #f6d4bf; font-family: "cond medium", sans-serif; font-weight: normal;}

header ul.points li {line-height: 1em; font-size: 0.90em; height: 30px;}
header ul.points .icon:before {width: 28px; height: 28px; margin: 10px 0 -10px;}
.icon.creak:before {background-position: 0 0;}
.icon.wood:before {background-position: -50px 0;} 
.icon.fab:before {background-position: -100px 0;}
.icon.demo:before {background-position: -150px 0;}
.icon.prof:before {background-position: -200px 0;}
.icon.gift:before {height: 32px; background-position: 0 -50px; margin: 6px 0 -6px;}
.icon.measure:before {height: 33px; width: 33px; background-position: -50px -50px; margin: 8px 5px -8px -5px; margin-right: 4px;}
.icon.star:before {height: 32px; width: 32px; margin: 3px 2px -3px -36px; background-position: -100px -50px;}
.icon.check:before {height: 16px; width: 16px; margin: 3px 0 -3px; background-position: -150px -50px;}
.icon.name:before, .icon.phone:before, .icon.email:before {width: 16px; height: 16px; position: absolute; display: block; margin: 14px 0 0 8px;}
.icon.name:before {background-position: -350px 0;}
.icon.email:before {background-position: -300px 0;}
.icon.phone:before {background-position: -250px 0;}

.info h2:before {content: ""; width: 16px; height: 18px; display: inline-block; background: url('../img/sprites.png') no-repeat 0 0; margin: -3px 4px 3px -12px;}
.info .d1 h2:before {background-position: -200px -50px;}
.info .d2 h2:before {background-position: -250px -50px;}
.info .d3 h2:before {background-position: -300px -50px;}
.info .d4 h2:before {background-position: -350px -50px;}
.info .d5 h2:before {background-position: 0 -100px;}

.timer {border-radius: 10px; margin-top: 1px; box-shadow: 0 1px 0 0 #ffffff; display: block; float: left; margin-left: 220px; height: 155px; width: 365px; position: relative; z-index: 4;
background: rgb(236,236,236);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjZWNlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYmZiZmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(236,236,236,1) 0%, rgba(251,251,251,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(236,236,236,1)), color-stop(100%,rgba(251,251,251,1)));
background: -webkit-linear-gradient(top,  rgba(236,236,236,1) 0%,rgba(251,251,251,1) 100%);
background: -o-linear-gradient(top,  rgba(236,236,236,1) 0%,rgba(251,251,251,1) 100%);
background: -ms-linear-gradient(top,  rgba(236,236,236,1) 0%,rgba(251,251,251,1) 100%);
background: linear-gradient(to bottom,  rgba(236,236,236,1) 0%,rgba(251,251,251,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#fbfbfb',GradientType=0 );
}
.timer:after {display: block; content: ""; position: absolute; top: 15px; right: -13.5px; width: 15px; height: 30px; background: url('../img/sprites.png') no-repeat -50px -100px; z-index: 10;}
.timer h2 {color: #5d3018; font-family: "cond medium", sans-serif; text-align: center; margin: 0.5em 0 1em 0; font-size: 0.95em;}
.timer h2 strong {color: #4b230e; font-family: "cond", sans-serif; font-weight: bold;}
.timer .container {position: relative; z-index: 10; background: url('../img/timer.png') no-repeat 90px 0; overflow: hidden; height: 78px;}
.timer .container .label {float: left; width: 85px; color: #825740; font-family: "cond thin", sans-serif; text-align: right; font-size: 1.10em; margin: 6px 0px 0 10px;}

.timer .container div {height: 55px; width: 27px; float: left;}
div.hourPlay, div.dayPlay, div.minutePlay, div.secondPlay {background: url('../img/bg/timer0_9.png') repeat 0 0; margin-top: 1px}
div.minute6Play, div.second6Play {background: url('../img/bg/timer0_5_l.png') repeat 0 0; margin: 1px 0 0 11px;}
div.hour2Play, div.day1Play {background: url('../img/bg/timer0_2_l.png') repeat 0 0; margin: 1px 0 0 11px;}

.wood-form {float: right; width: 288px; height: 304px; background: url('../img/bg/form-bg.jpg') no-repeat left top; padding: 0 10px 0 20px;}
.wood-form h2 {margin-top: 0; font-size: 1.2em; color: white; font-family: "cond", sans-serif; text-shadow: 0 -1px 0 #3e0d02;}
.wood-form p {font-size: 0.8em; color: #ddc7b8; text-shadow: 0 -1px 0 #3e0d02; font-family: "cond", sans-serif; line-height: 1.45em; margin: 0;}
.wood-form input[type="text"] {color: #614f44; font-size: 0.95em; font-family: "cond", sans-serif; border-radius: 4px; padding: 0 8px 0 30px; line-height: 36px; height: 36px; vertical-align: middle; background-color: #f5f3ef; border: 1px solid #cfc8bc; box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.35), 0 1px 0 rgba(255, 255, 255, 0.5); width: 238px; margin: 4px 0;}
.wood-form .error input[type="text"] {color: #CC0000; outline: none; border: 1px solid #CC0000;}
.wood-form input[type="text"].placeholder {color: #aaaaaa;}
.wood-form .error input[type="text"].placeholder {color: #FFaaaa;}
.wood-form input[type="button"], .wood-form input[type="submit"] {background: url('../img/sprites.png') no-repeat 0 -150px; color: #4a4b01; width: 196px; height: 36px; line-height: 36px; text-align: center; display: block; margin: 5px auto; border: 0; text-transform: uppercase; font-family: "cond medium", sans-serif; font-size: 1.05em; vertical-align: middle;}
.wood-form input[type="button"]:hover, .wood-form input[type="submit"]:hover {background-position: 0 -200px;}
.wood-form input[type="button"]:active, .wood-form input[type="submit"]:active {background-position: 0 -250px;}

.choice {margin-bottom: 1.6em;}
.choice h2 {color: #bf5a68; font-size: 1.4em; font-family: "cond", sans-serif; text-transform: uppercase; line-height: 1.28em;}
.choice h2 em {font-family: "cond medium", sans-serif; font-style: normal;}
.choice p {font-family: "cond", sans-serif; color: #545454; font-size: 0.8em; line-height: 1.5em;}
.choice ul {font-family: "cond", sans-serif; color: #898989; font-size: 0.75em; line-height: 1.6em;}
.choice ul li {display: inline-block; margin-left: 0.8em; white-space: nowrap; width: 50%;}
.choice .wrap>div>div {border-bottom: 1px solid #bfbfbf; padding-bottom: 0.4em;}

.questions, .free-project, .measurement {overflow: hidden;}
.questions .wrap, .free-project .wrap, .measurement .wrap {height: 274px; padding: 17px;}
.questions .wrap>h2, .free-project .wrap>h2, .measurement .wrap>h2 {margin: 0; text-align: center; color: white; font-family: "cond thin", sans-serif; text-shadow: 0 -1px 0 #3e0d02; position: absolute; top: 30px; width: 100%; left: 230px; width: 365px; white-space: nowrap;}
.questions .wrap>h2 strong, .free-project .wrap>h2 strong, .measurement .wrap>h2 strong {font-family: "cond medium", sans-serif; font-style: normal; font-weight: normal;}
.questions .wrap>img, .free-project .wrap>img, .measurement .wrap>img {position: absolute; top: 0;}
.questions .wrap>img {left: -80px;}
.questions .wrap>h2 {font-size: 2.2em;}
.questions .timer, .free-project .timer, .measurement .timer {position: absolute; top: 0; left: 10px; margin-top: 136px;}
.questions .wood-form p {font-size: 1em; margin: 1em 0 0.5em;}
.measurement .wood-form p, .free-project .wood-form p {font-size: 0.85em; margin: 0.5em 0;}
.questions .wood-form, .free-project .wood-form, .measurement .wood-form {width: 288px; height: 278px; background: url('../img/bg/form-bg-small.jpg') no-repeat left top;}
.measurement .wrap>h2 {font-size: 1.8em;}
.measurement .wrap>img {top: 50px; left: -134px;}
.free-project .wrap>img {top: 37px; left: -73px;}
.free-project .wrap>h2 {font-size: 1.5em;}

.feedback {position: relative; margin-bottom: 2em;}
.feedback .left, .feedback .right {width: 430px; padding: 0 10px 0 10px; position:relative;}
.feedback .left {float: left; }
.feedback .right  {float: right;}
.feedback:before {content: ""; height: 100%; width: 1px; position: absolute; top: 0; left: 50%; z-index: 10; background-color: #e1e2d7; display: block;}
.feedback .hr {background-color: #e1e2d7; height: 1px; position: relative;}
.feedback .hr:after {content: ""; height: 25px; width: 25px; position: absolute; top: -12px; z-index: 11; background-color: white; display: block;}
.feedback .left .hr:after {right: -25px;}
.feedback .right .hr:after {left: -25px;}

.feedback-item>img {float: left; margin: -30px 27px 45px -12px; position: relative; z-index: 4;}
.feedback-item>span {height: 50px; display: block; text-align: right; background-color: #bf553c; padding: 0 10px; border-top: 1px solid transparent; color: #f59c87; text-transform: uppercase; font-family: "cond thin", sans-serif; font-size: 0.7em;}
.feedback-item>span h2 {color: white; font-family: "cond medium", sans-serif; font-size: 1.5em; line-height: 1.25em; margin-top: 4px;}
.feedback-item p {font-size: 0.85em; color: #5c5b5b; font-family: "cond light", sans-serif; line-height: 1.5em;}

.feedback-item p em {color: #3d3d3d; font-family: "cond medium", sans-serif;}

.elements-bg {width: 663px; height: 570px; margin: 1em auto 6em; background: url('../img/bg/elements.jpg') no-repeat center; color: #363636; position: relative;}
.elements-bg div {position: absolute; font-family: "cond", sans-serif; font-size: 0.6em; line-height: 1.5em;}
.elements-bg h2	{white-space: nowrap; position: absolute; z-index: 10; cursor: pointer; margin: 0; padding: 2px 6px; box-shadow: inset 1px 1px 0 white, 0 1px 3px rgba(0, 0, 0, 0.3); border-radius: 10px; background: #f7f6f4;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjZmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2RlZDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f7f6f4 0%, #e3ded4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f6f4), color-stop(100%,#e3ded4));
background: -webkit-linear-gradient(top,  #f7f6f4 0%,#e3ded4 100%);
background: -o-linear-gradient(top,  #f7f6f4 0%,#e3ded4 100%);
background: -ms-linear-gradient(top,  #f7f6f4 0%,#e3ded4 100%);
background: linear-gradient(to bottom,  #f7f6f4 0%,#e3ded4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f6f4', endColorstr='#e3ded4',GradientType=0 );
}
.elements-bg p {position: absolute; font-size: 1em; line-height: 1.5em; z-index: 6; box-shadow: inset 1px 1px 0 white, 0 1px 3px rgba(0, 0, 0, 0.3); border-radius: 10px; padding: 35px 20px 20px; width: 220px; background: #f7f6f4;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjZmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2RlZDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f7f6f4 0%, #e3ded4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f6f4), color-stop(100%,#e3ded4));
background: -webkit-linear-gradient(top,  #f7f6f4 0%,#e3ded4 100%);
background: -o-linear-gradient(top,  #f7f6f4 0%,#e3ded4 100%);
background: -ms-linear-gradient(top,  #f7f6f4 0%,#e3ded4 100%);
background: linear-gradient(to bottom,  #f7f6f4 0%,#e3ded4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f6f4', endColorstr='#e3ded4',GradientType=0 );
display: none;
}

.elements-bg div:hover p {display: block; z-index: 15;}
.elements-bg div:hover h2 {background: #fdd976; z-index: 16;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZDk3NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNTczMjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #fdd976 0%, #f57320 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdd976), color-stop(100%,#f57320));
background: -webkit-linear-gradient(top,  #fdd976 0%,#f57320 100%);
background: -o-linear-gradient(top,  #fdd976 0%,#f57320 100%);
background: -ms-linear-gradient(top,  #fdd976 0%,#f57320 100%);
background: linear-gradient(to bottom,  #fdd976 0%,#f57320 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdd976', endColorstr='#f57320',GradientType=0 );
}

.elements-bg .left h2, .elements-bg .left p {top: 0; right: 0;}
.elements-bg .right h2, .elements-bg .right p {top: 0; left: 0;}

.elements-bg .left h2:after, .elements-bg .right h2:before {content: ""; display: inline-block; height: 26px; width: 26px; margin: -2px -10px -11px 3px; background: url('../img/sprites.png') no-repeat -100px -100px;}
.elements-bg .right h2:before {margin: -2px -2px -11px -4px;}

.call-back {position: absolute; z-index: 16; top: 18px; right: 21px; width: 204px; height: 77px; background: url('../img/bg/micro-form-bg.jpg') no-repeat left top; text-align: middle;}
.call-back h2 {color: #f5e1d2; font-size: 1.45em; font-family: "cond light", sans-serif; text-shadow: 0 -1px 0 #000000; margin: 2px 0 -4px; text-align: center;}
.call-back a {text-align: center; display: block; margin: 0 auto; width: 126px; height: 20px; padding: 3px 0 3px; background: url('../img/sprites.png') no-repeat 0 -300px; color: #fafafa; text-shadow: 0 -1px 0 #4b1807; font-family: "cond", sans-serif; font-size: 0.85em;}
.call-back a:hover {text-decoration: none;}

.popup {width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 100; display: none;}
.popup-shadow {width: 100%; height: 100%; position: absolute; z-index: 101; top: 0; left: 0; cursor: pointer; background-color: rgba(0, 0, 0, 0.7);}
.popup-content {width: 100%; height: 0; top: 50%; left: 0; position: absolute; z-index: 102;}
.popup-content .wooden:before {content: ""; display: block; position: absolute; top: 1px; height: 1px; width: 100%; left: 0; background-color: rgba(255, 160, 100, 0.5);}
.popup-content .wooden {border: 1px solid transparent;}
.popup-content .popup-call-back {height: 290px; width: 100%; margin-top: -145px; position: relative; display: none;}
.popup-content .popup-call-back .wood-form {width: 546px; height: 224px; background: url('../img/bg/call-back.png') no-repeat center; margin: 33px auto; position: relative; float: none; padding: 0 33px; text-align: center;}
.popup-content .popup-call-back .wood-form h2 {font-size: 1.6em; padding-top: 16px;}
.popup-content .popup-call-back .wood-form p {padding-bottom: 12px;}
.popup-content .popup-call-back .wood-form div.icon {float: left; width: 359px; position: relative; margin-right: -86px;}
.popup-content .popup-call-back .wood-form div.icon input[type="text"] {width: 220px; float: left;}
.popup-content .popup-call-back .wood-form input[type="submit"] {margin-top: 16px;}

.popup-content .popup-mesurement {height: 376px; width: 100%; margin-top: -188px; position: relative; display: none;}
.popup-content .popup-mesurement .wood-form {width: 414px; height: 314px; background: url('../img/bg/mesurement.jpg') no-repeat center; margin: 31px auto; position: relative; float: none; padding: 0 60px; text-align: center;}
.popup-content .popup-mesurement .wood-form h2 {font-size: 1.6em; padding-top: 16px;}
.popup-content .popup-mesurement .wood-form p {padding-bottom: 8px;}
.popup-content .popup-mesurement .wood-form div.icon {position: relative; margin-right: auto; margin-left: auto; width: 278px;}
.popup-content .popup-mesurement .wood-form input[type="submit"] {margin-top: 6px;}

.subscribe-message a {border-bottom: 1px dashed #ddc7b8;}
.subscribe-message a:hover {border-bottom: 0; text-decoration: none;}

footer .call-back {background: transparent; width: 350px; right: 0;}
footer .call-back h2 {float: left; color: #5e2a13;}
footer .call-back a {float: left; margin: 10px 0 -10px 6px;}

footer .left {padding-top: 18px;}
footer .left img {float: left;}
footer .left h3 {width: 300px; float: left; color: #5e2a13; font-size: 0.8em; line-height: 1em; font-family: "cond", sans-serif; margin: 2px 0 0 6px;}
footer .vendor {padding-top: 4px; font-family:"cond light"; color:#4c4c4c;  display: block; text-align:right; width:340px; height: 41px; line-height: 45px; vertical-align: middle; text-align: center; float:right; font-size: 0.8em; border-radius: 8px; background-color: #ededed; margin: 80px 0; border-bottom: 1px solid transparent;}
footer .vendor img {display: inline-block; margin: 6px 0 -6px 6px;}