/* CSS Document */

@import "./wf/noto.css";
@import "./wf/days.css";

html { height:100%; }
body { width:100%; height:100%; margin:0; padding:0; background:#faf8f3; font-family: 'Noto Sans', Vardana, Geneva, sans-serif; text-align:center; font-size:16px; color:#333; line-height:1.5em; position:relative; background-attachment:fixed; overflow:auto; -webkit-font-smoothing: antialiased; font-smoothing: subpixel-antialiased; min-width:320px; }

a { color:#900; text-decoration:none; border:none; border-bottom: 1px solid #dcc;
	transition: color, border-color0.1s ease-in-out; -moz-transition: color, border-color 0.1s ease-in-out; -webkit-transition: color, border-color 0.1s ease-in-out;
}
a:hover, a:active { color:#c00; border-bottom: 1px solid #fcc;
	transition: color, border-color 0.1s ease-in-out; -moz-transition: color, border-color 0.1s ease-in-out; -webkit-transition: color, border-color 0.1s ease-in-out;
}

a.pseudolink { border-bottom-style:dashed; }

p { margin:0.75em 0 0.75em 0; }
h1 { font-size:300%; line-height:1em; margin:0; padding:0em 0px 0em 0px; font-family: 'Days', Vardana, Geneva, sans-serif; font-weight:normal; _ext-transform:uppercase; letter-spacing:-0.05em; } /* #9A2724 */
h2 { font-size:200%; line-height:1em; margin:0; padding:1em 0px 1em 0px; font-family: 'Days', Vardana, Geneva, sans-serif; font-weight:normal; letter-spacing:-0.025em; }
h3 { font-size:150%; line-height:1em; margin:0; padding:0.75em 0px 0.75em 0px; font-weight:normal; letter-spacing:-0.025em; }
h4 { margin:0; padding:0.75em 0px 0em 0px; font-weight:bold; }
h5 { font-size:125%; line-height:1.25em; margin:0; padding:0.75em 0px 0.75em 0px; font-weight:normal; }
h2.plain { font-size:200%; line-height:1em; margin:0; padding:0.75em 0px 0.75em 0px; font-family: 'Noto Sans', Vardana, Geneva, sans-serif; font-weight:normal; letter-spacing:-0.025em; }

ul { padding:0; margin:0.75px 0 0.75px 0; list-style:none; }
ul li { margin:0 0 0.75em 0; padding:0 0 0 1.5em; background:url(../img/li.svg) 0em 0.4em no-repeat; }

ol { margin-bottom:12px; }
ol li { margin-bottom:12px; padding-left:27px; list-style: decimal; }


sup.reg { font-size:60%; }
sub { font-size:80%; line-height:100%; }

.comment { color:#9f8e83; font-size:85%; }

.bold { font-weight:bold; }

div.cl, div.clear, .clear { clear:both; }

blockquote { padding:16pt 24px; text-align:justify; margin:8pt 0pt; background:#064b87; }

blockquote h1, blockquote h2, blockquote h3, blockquote h4, blockquote h5, blockquote h6 { margin-top:0pt; text-align:left; }

hr { border:none;border-bottom:1px solid #e9c286; border-collapse:separate; border-spacing:0; padding:0; height:0px; width:100%; margin:0.75em 0; }

table { border-collapse:collapse; border-top:1px solid #f3ece1; border-bottom:1px solid #f3ece1; margin:0.75em 0 0.75em 0; }
table caption { font-size:12pt; text-align:left; padding:4pt 0pt; color:#fff; }
table img { max-width: 100%; }
table tr * {  }
table tr th { text-align:left; padding:4pt 8pt 4pt 8pt; border-top:1px solid #f3ece1; border-bottom:1px solid #f3ece1; font-weight:bold; background:#f3ece1; }
table tr td { vertical-align:top; padding:4pt 8pt 4pt 8pt; border-top:1px solid #f3ece1; border-bottom:1px solid #f3ece1; }

table.rowborders { border-left:none; border-right:none; border-top:1px solid #ccc !important; border-bottom:1px solid #ccc !important; }
table.rowborders tr th { vertical-align:top; font-weight:bold; padding:4pt 12pt 4pt 12pt; border-bottom:1px dotted #e8e8e8; border-left:none;border-right:none; }
table.rowborders tr td { vertical-align:top; padding:4pt 12pt 4pt 12pt; border-bottom:1px dotted #e8e8e8; border-left:none;border-right:none; font-size:9pt; }

.linkmore { border-bottom-style:dashed; }
.linkmore:before { content:''; display:block; clear:both; padding-top:0.5em; }
/* .linkmore ins { position:absolute; text-decoration:none; border:none; margin-left:0.25em; font-weight:bold; font-size:150%; } */
.linkmore ins { position:absolute; width:16px; height:1.65em; text-decoration:none; border:none; margin-left:0.25em; font-weight:bold; background:url(../img/arrow.svg) center no-repeat; }

/*
input[type=button] { background:#3faaeb; outline:none; border:none; padding:12px 18px; text-transform:uppercase; font-size: 17px;
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
	transition: 0.1s ease-in-out; -moz-transition: 0.1s ease-in-out; -webkit-transition: 0.1s ease-in-out;
}
input[type=button]:hover { background:#fff; color:#3faaeb;
	transition: 0.1s ease-in-out; -moz-transition: 0.1s ease-in-out; -webkit-transition: 0.1s ease-in-out;
}
*/

/* layout */

#wrapper { min-width:320px; }
.wrapper { position:relative; margin:auto; max-width:1440px; background:#fff; min-width:320px; overflow:hidden; }
.limiter { margin:auto; max-width:1260px; }
.padder { padding:0 45px; }

#header { position:relative; width:100%; background:#f3ece1; text-align:left; padding:0; font-family:'days'; }
#header:after { display:block; content:''; clear:both; }
.header { display:table; width:100%; height:48px; }
.headrow { display:table-row; }
.headlogo { display:table-cell; width:100%; vertical-align:middle; }
.headlogo img { display:block; margin-left:-10px; cursor:pointer; }
.headbuter { display:none; vertical-align:middle; padding-left:20px; }
.headbuter img { display:block; margin-right:-10px; white-space:nowrap; cursor:pointer; }
.headcontact { display:table-cell; white-space:nowrap; vertical-align:middle; color:#9a8664; padding-left:20px; }
.headcontact img { vertical-align: baseline; margin-bottom:-0.2em; margin-right:0.2em; display:none; }
.headcontact span { font-size:85%; }
.headcontact b { color:#333; }
.headbutton { display:table-cell; white-space:nowrap; vertical-align:middle; padding-left:20px; }
.headbutton span { display:block; padding:0.25em 1.5em; background-color:#900; color:#fff; font-size:85%; cursor:pointer; }
.headbutton span:hover { background-color:#b22;
	transition: background-color 0.1s ease-in-out; -moz-transition: background-color 0.1s ease-in-out; -webkit-transition: background-color 0.1s ease-in-out;
}

#floathead { display:block; min-width:320px; position: fixed; left:0; z-index:200; width:100%;}


#topnav { position:relative; width:100%; background:#fff; font-family:'days'; height:42px; border-bottom:1px solid #e9c286; }
.topnav { display:table; width:100%; height:42px; }
.topnavrow { display:table-row; }
.topnavitem { display:table-cell; white-space:nowrap; padding:0.5em 0; vertical-align:middle; }
.topnavspace { display:table-cell; width:10%; padding:0 0.25em; }
.topnavitem a { border-bottom: 1px solid #fff; }
.topnavitem a:hover { color:#900; border-bottom: 1px solid #c99; }
.topnavbutton { display:none; white-space:nowrap; vertical-align:middle; float:left; }
.topnavbutton span { border-bottom: 1px dashed #fff; color:#900; font-weight:bold; cursor:pointer; }
.topnavbutton span:hover { border-bottom: 1px dashed #c99; color:#c00; }
.topnavcontact { display:none; white-space:nowrap; clear:both; padding:0.5em 0; text-align:left; }
.topnavcontact img { margin-bottom:-0.2em; margin-right:0.2em; display:inline-block; }
.topnavcontact b { color:#333; font-size:110%; font-weight:normal; }

#navspacer { height:90px; }

#mainimage { position:relative; width:100%; height:600px; text-align:left; overflow:hidden; border-bottom:3px solid #e9c286; }
.mainphotolow { position:absolute; width:100%; height:460px; left:0; top:0; z-index:5; background:url('data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA0AAD/7gAOQWRvYmUAZMAAAAAB/9sAhAAIBQUFBgUIBgYICwcGBwsNCggICg0PDAwNDAwPEQwNDAwNDBEOERITEhEOFxcZGRcXISAgICElJSUlJSUlJSUlAQgJCQ8ODx0TEx0gGhUaICUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSX/wAARCAAuAJADAREAAhEBAxEB/8QAegABAAMBAQEBAQAAAAAAAAAAAwECBAUGAAcIAQEBAQEBAAAAAAAAAAAAAAAAAQIDBBAAAgEDAgUBBgYDAAAAAAAAAQIAEQMEIRIxQSIFBjJRgZETFBZhcdFCFQdSIzMRAQEBAAMBAQEAAAAAAAAAAAABEQISEyEDMf/aAAwDAQACEQMRAD8A/W1m2TJAUBpAqBo0MoaFXG6BIqIE7oHxuAcTAjep5wILLAggGATpKgmSDBOkamBZJTAukaYz3LcupjxmP/YXzAoBqec8veukdI+cqFU/Gb1G9fOMU2tCN0nZqHxPN8Nkq7AGOxjbgeW4mReFuvGSc1x3vq7SoHJABm9Qlq/burVDUSj5yoFawjyvlHko7f0qdZLXp/P8pYLsnl9nKtjcdZdcOUyu3jd0s3m0OkrDet+0w0YSj5mB5wCZx7YBMYQTygmhAuIV/P3bcoWxVp5jHTfuttgKcpdMHj90Jv0qaRSa0tnhXBqaSbrd1vwu9rbyEZTShFZmz6a9V3LzIHAREfqA1nS/xmU3ZfPEs421zVpjvjUmtT/2ChBrJ6us4PM957vb7nkBmPSTHo1tkdTs1rBtWuhhUztOWuHKV1Fuug/1tNax9WTuOZbPqghPuHLTQmsn1pnPkuWLlT6Y0x07Hk2ObQ3mjTcYtVfyjDB9U1jOq/cmGRXcIxdE/keH/kIw1+IWdvCk8dr3zhGnYgXhM6vSEsraBrTWLVnCEfYeUkOkXQINaay6nSHD7xQ8JLyWfnFkIUaSa1OES1/SRcVN40qIxOpbXcr9odLETUqXjGi35FmoNGM12Z84f7nyyvGXunlAN5HkknWO55wbeR5PAx3POBud/wAnkZfSp5QX81kPzl9KeUQ3eskCm4x6U8oH+byCfUZfSp5RzPmKDQCk4u5FvrUAmKQhu814SRaTHcOpJPCEhBfQGhgJbyFBmW4T6paQaI31JpKiHyAukCDlLtgUOYo0gVOaBpAL6pSYRV8ta0lFTlLT8IRVMoVoJaRZry85IVkOUouTTOnItkdTU+Mx9dPgXCj0mvxl+pcbLAQ2Dvah98hEWiwB+WKiVIkk0O4ayibBfd6aiSkXcvXhCq2f+nUfdJSIyC9dBpJGqqgH7jSaZS4tVHVT4zEaqt5bIHQ24/kZpArt19srLNdL7+GkqJTdTUUikXsBd+p0kWFyUs7SRc6vZQ/pEK5R3fM14Tbm/9k=') center no-repeat; background-size:cover; }
.mainphoto { position:absolute; width:100%; height:460px; left:0; top:0; z-index:5; background:url(../img/photo.jpg) 30% 50% no-repeat; background-size:cover; }
.mainshade { position:absolute; width:100%; height:460px; z-index:10;
background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABxJREFUeNpiYWBg8GDAA1iA+DUhBaJD3gSAAAMAUlYEVIQypbkAAAAASUVORK5CYII=') center repeat;
/* background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACRJREFUeNpiYACC////g6iZQOyLjQ9nQAGYD1UEAUPeBIAAAwBs3jI96iS67AAAAABJRU5ErkJggg==') center repeat; */
/* background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACFJREFUeNpiYWBg8AViMyA+hY1mwicJopnwSQ4ZEwACDADeTR+WvwZnAwAAAABJRU5ErkJggg==') center repeat; */
}
#mainimage .padder .maincont { position:relative; height:590px; }
.maintitle { position:absolute; left:33.3%; bottom:110px; width:60%;z-index:15; color:#fff; padding-bottom:1.5em; }
.maintitle h1 { padding-bottom:0.25em; }
.maintitle h2 { padding-top:0.25em; }
.maintitle h2 span { display:block; }

.mainprice { position:absolute; left:33.3%; top:455px; width:60%; z-index:15; padding-bottom:1.5em; }
.mainprice h2 { padding-bottom:0em; color:#900; }
.mainprice h2 b { font-size:150%; }
.mainprice h2 sup { font-size:75%; position:absolute; top: auto; }
.mainprice p { margin-top:0em; font-size:85%; color:#999; }
.mainpack { position:absolute; left:0%; bottom:25px; width:33.3%; z-index:12; }
.mainpack img { position:absolute; left:50%; bottom:0; margin-left:-535px; }

#description { text-align:left; background:#f3ece1; padding:2em 0; position:relative; border-bottom:3px solid #e9c286; }
#description:after { display:block; content:''; clear:both; }
#description .padder { position:relative; }
#description .padder:after { display:block; content:''; clear:both; }
.description { padding-bottom:1em; padding-left:33.3%; }
.description p { font-size:150%; line-height:1.25em; }
.detailscont { float:right; width:66.7%; }
.detail { float:left; width:45%; margin-right:5%; padding:.5em 0; }
.sequencea { position:absolute; order:1px solid #900; height:100%; max-height:600px; width:29.3%; left:2%; }
.sequencea div.sqnceaa { position:absolute; top:0; left:0; margin-top:-2.5em; width:100%; text-align:center; transform: rotate(-6deg); }
.sequencea .sqnceaa img { max-width:100%; box-shadow: 0 4px 10px rgba(0,0,0,0.4); }
.sequencea div.sqnceab { position:absolute; top:30%; left:0; margin-top:-2.5em; width:100%; text-align:center; transform: rotate(-8deg); }
.sequencea .sqnceab img { max-width:100%; box-shadow: 0 4px 10px rgba(0,0,0,0.4); }
.sequencea div.sqnceac { position:absolute; top:60%; left:0; margin-top:-2.5em; width:100%; text-align:center; transform: rotate(-10deg); }
.sequencea .sqnceac img { max-width:100%; box-shadow: 0 4px 10px rgba(0,0,0,0.4); }
.sequencea div.sqnceaa span, .sequencea div.sqnceab span, .sequencea div.sqnceac span { display:block; position:absolute; top:0; left:10%; margin:0.5em 0em; color:#fff; font-weight:bold; }

#reglaments { text-align:left; text-align:center; background:url(../img/leafs-s.png) 80% 100% no-repeat; padding-bottom:1em; border-bottom:3px solid #e9c286;  }
#reglaments:after { display:block; content:''; clear:both; }
.reglamentscont { padding:1em 0 1em 0; }
.reglament { display:block; width:30.3%; margin-right:3%; float:left; padding-bottom:1.5em; text-align:left; }
.reglament p { margin:0; }
#reglaments .clearthree { clear:both; }
.reglamentphoto { display:block; width:66.6%; height:175px; float:left; margin-top:1em; padding-bottom:1.5em; text-align:left; background:url(../img/reglphoto.jpg) bottom no-repeat; background-size:cover; }

#certificates { text-align:left; text-align:center; padding-bottom:3em; padding-top:1em; background:#f3ece1; border-bottom:3px solid #e9c286; }
.certificates { position:relative; width:100%; height:374px; margin-top:1em; }
.certificates img { position:absolute; top:0; z-index:1; box-shadow: 1px 2px 5px rgba(0,0,0,0.2); transform:rotate(3deg);
	transition: opacity, box-shadow 0.2s;
}
.certificates img:hover { z-index:2; box-shadow: 1px 2px 5px rgba(0,0,0,0.4); transition: opacity, box-shadow 0.2s; }
.certificates img.certpage1 { left:20%; margin-left:-100px; }
.certificates img.certpage2 { left:50%; margin-left:-125px; }
.certificates img.certpage3 { left:80%; margin-left:-150px; }

#waranty { text-align:left; text-align:center; padding-bottom:3em; padding-top:1em; border-bottom:3px solid #e9c286; }
#waranty .padder:after { display:block; content:''; clear:both; }
.waranty { display:block; width:30.3%; margin-right:3%; float:left; padding-bottom:0.5em; padding-top:1em; text-align:left; }
.waranty img { float:left; width:60px; }
.waranty h3 { padding-bottom:0.25em; padding-left:72px; }
.waranty p { margin:0; padding-left:72px; }
.warantyreg { width:100%; max-width:750px; margin:auto; text-align:center; padding-top:1.5em; padding-bottom:1em; clear:both; }
.warantycol { width:63.6%; margin-right:3%; float:left; text-align:left; padding-top:1.5em; }
.warantyleft { width:47%; float:left; text-align:left; padding-top:.75em; }
.warantyright { width:47%; float:right; text-align:left; padding-top:1.5em; }

#feedbacks { text-align:left; text-align:center; padding-bottom:3em; padding-top:1em; border-bottom:3px solid #e9c286; }
#feedbacks .padder:after { display:block; content:''; clear:both; }
.feedback { display:block; width:30.3%; margin-right:3%; float:left; padding-bottom:0.5em; padding-top:1em; text-align:left; }
.feedback img { width:90px; display:block; float:left; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.feedback h4 { padding-bottom:0.25em; font-weight:normal; font-size:95%; line-height:1.4em; padding-left:105px; padding-top:0; }
.feedback p { margin:0; padding:1em 0 1em 105px; }

#delivery { position:relative; text-align:center; padding-bottom:0em; padding-top:0em; border-bottom:3px solid #e9c286; background:#f3ece1; }
.deliverymap { max-width:100%; margin:1em auto 2em auto; }
.deliverycont { position:absolute; width:100%; height:100%; top:0; }
.deliverycont .limiter { height:100%; }
.deliverywrap { position:relative; width:100%; height:100%; }
#delivery .limiter .padder { height:100%; }
.deliverycont h2 { margin-top:0.5em; }
.deliverycont h3 { position:absolute; width:100%; left:0; bottom:1.5em; }

#contacts { position:relative; text-align:center; padding-bottom:0em; padding-top:0em; border-bottom:3px solid #e9c286; }
.contactmap { width:100%; height:600px; position:relative; z-index:1; }
.contactswrap { position:absolute; width:100%; z-index:10; text-align:center; }
.contactscont { position:absolute; width:40%; left:30%; top:3em; border-radius:10px; padding-bottom:2em; overflow:hidden; box-shadow: 0 1px 10px rgba(0,0,0,0.4); }
.contactscontbg { position:absolute; width:100%; height:100%; background:#fff; opacity:0.9; }
.contactscont h2 { padding-bottom:0.5em; position:relative; }
.contactscont h4 { padding:0; position:relative; }
.contactscont p { margin-top:0; position:relative; }

.reglamentpage { text-align:left; min-width:280px; background:#fff; }
.reglamentpage .padder { padding-top:2em; padding-bottom:2em; }
.reglamentpage h1 { font-size:200%; margin-bottom:1em; }
.reglamentpage h2 { font-size:150%; font-family: 'Noto Sans', Vardana, Geneva, sans-serif; padding-bottom:0em; padding-top:1em; margin-top:1em; border-top:1px solid #f3ece1; font-weight:bold; }
.reglamentpage h3 { font-size:125%; padding-bottom:0; }
.reglamentpage table { width:100%; }

#feedbackpop { margin-bottom:2em; position:relative; }
#feedbackpop h3 { padding:0 0 0.375em 0; }
#feedbackpop h5 { padding:0.375em 0 0.375em 0; }
#feedbackpop img.phone { height:1.3em; position:relative; top:0.2em; margin-right:0.1em; display:inline-block; }
#feedbackpop label { display:block; font-size:80%; color:#999; margin-top:0.5em; line-height:1.2em; }
#feedbackpop input, #feedbackpop textarea { display:block; margin-bottom:0.5em; font-family: 'Noto Sans', Vardana, Geneva, sans-serif; padding:0.5em; width:100%; box-sizing:border-box; border:2px solid #e9c286; }
#feedbackpop input.button { border:0; background:#900; color:#fff; margin-top:1em; float:left; width:50%; z-index:10; position:relative; }
#feedbackpop input.fbInputError { border-color:#c00; }
feedbackpop input.button:hover { background:#c00; }
#feedbackpop input.button:disabled { background:#e9c286; }
#feedbackpop div.closeform { float:right; width:40%; padding-top:1.75em; }
#feedbackpop div.closeform span { float:right; font-size:80%; color:#900; cursor:pointer; line-height:1.25em; }
#feedbackpop div.closeform span:hover { color:#c00; }

#feedbackshade { position:absolute; width:100%; height:100%; background:#fff; display:none; z-index:20; top:0; left:0; }
#feedbackshade { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; }
#feedbacksending { position:absolute; width:100%; display:none; z-index:30; top:0; left:0; }
#feedbacksending h3 { margin-top:7em; padding:0 10%; }
#feedbacksending p { padding:0 10%; }
#feedbacksent { position:absolute; width:100%; display:none; z-index:30; top:0; left:0; }
#feedbacksent h3 { margin-top:7em; padding:0 10%; }
#feedbacksent p { padding:0 10%; }
#feedbacksent p.closeform span { font-size:90%; color:#900; cursor:pointer; line-height:1.25em; }
#feedbacksent p.closeform span:hover { color:#c00; }
#feedbackerror { width:100%; display:none; z-index:30; }
#feedbackerror h5 { margin-top:1em; margin-bottom:0em; color:#900; }
#feedbackerror p { margin-top:0; font-size:90%; line-height:1.4em; }




#footer { padding:0 4em 1em 4em; display:none; }

#page { max-height:9999em; padding:1em 4em 0em 4em; margin:auto; text-align:left; position:relative; z-index:2; }

#logo { width:30em; max-width:100%; }
#footer .logo { width:20em; max-width:80%; }

.leftcol { width:47%; float:left; clear:both; }
.rightcol { width:47%; float:right; }
.stripe { clear:both; height:1em; padding:1em 0; background-image:url(../img/stripe.svg); background-position:center; background-repeat:no-repeat; }

.download { padding-left:8em; padding-top:1em; position:relative; min-height:6em; }
.download a img.icon { width:7em; margin-left:-8em; position:absolute; }
.download span { display:block; }
.download:after { display:block; content:''; clear:both; }
.download a img.icon { opacity:0.75;
	transition: opacity 0.1s ease-in-out; -moz-transition: opacity 0.1s ease-in-out; -webkit-transition: opacity 0.1s ease-in-out;
}
.download a:hover img.icon { opacity:1; }

.tmpmessage { border:0.5em solid #fff; padding:0.5em 2em; margin:0em 0 0.5em 0; font-size:140%; text-align:center; background:#e2d7c1; font-family: 'Fontin Sans', Vardana, Geneva, sans-serif; font-style:italic;
	-webkit-box-shadow: 0px 0px 1em 0px rgba(170,154,128,1);
	-moz-box-shadow: 0px 0px 1em 0px rgba(170,154,128,1);
	box-shadow: 0px 0px 1em 0px rgba(170,154,128,1);
	-moz-transform: rotate(-1.8deg);
	-webkit-transform: rotate(-1.8deg);
	-o-transform: rotate(-1.8deg);
	transform: rotate(-1.8deg);
}

/* Probox */
#Probox { position: relative; height:100%; top:0px; left:0px; width:100%; z-index:1000; text-align:center; }
#Probox .ProboxShadow { position:fixed; width:100%; height:100%; background:#fff; }
#Probox .ProboxShadow { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }
#Probox .ProboxCenter { text-align:center; padding:0 45px; }
#Probox .ProboxCenter .ProboxWrp { margin:auto; padding:45px 0px; overflow:visible; max-width:300px;
/*	transition: width, height 0,2s; */
}
#ProboxContents { padding:0px 40px; min-height:200px; }
#ProboxContents img { max-width:100%; }
#ProboxContents iframe { max-width:100%; transition: height 0,2s; }

#Probox .ProboxCenter .ProboxWrp .Proboxbg { background:#e9c286 url(../img/loading.gif) 50% 100px no-repeat; width:100%; margin:auto; padding:40px 0px; position:relative;
	-moz-box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.30);
	-webkit-box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.30);
	box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.30);
}

#Probox .ProboxCenter .ProboxWrp .Proboxbg .ProboxCont { padding:0px; position:relative; width:100%; }

#Probox .ProboxCenter .ProboxWrp .Proboxbg #ProboxClose { height:20px; position:absolute; top:12px; right:40px; cursor:pointer; font-size:8pt; color:#900; text-decoration:underline; text-align:right; adding-right:20px; }
#Probox .ProboxCenter .ProboxWrp .Proboxbg #ProboxClose:hover { color:#c00; }

#Probox .ProboxCenter .ProboxWrp .Proboxbg .ProboxNext { width:50%; height:100%; position:absolute; top:0px; left:50%; cursor:pointer; z-index:2000; ackground: url(../img/_.gif) left no-repeat; border:none !important; }
#Probox .ProboxCenter .ProboxWrp .Proboxbg .ProboxNext:hover { background: url(../img/probox-next.png) 100% 100px no-repeat; }

#Probox .ProboxCenter .ProboxWrp .Proboxbg .ProboxPrev { width:50%; height:100%; position:absolute; top:0px; left:0px; cursor:pointer; z-index:2000; ackground: url(../img/_.gif) left no-repeat; border:none !important; }
#Probox .ProboxCenter .ProboxWrp .Proboxbg .ProboxPrev:hover { background: url(../img/probox-prev.png) 0% 100px no-repeat; }

/*
#Probox .ProboxCenter .ProboxWrp .Proboxbg #ProboxClose { background: url(../img/fmclose.png) top right no-repeat; }
#Probox .ProboxCenter .ProboxWrp .Proboxbg #ProboxClose:hover { background: url(../img/fmclose.png) bottom right no-repeat; }
*/

/* Modal Window */

#Modal { position: relative; height:100%; top:0px; left:0px; width:100%; z-index:10000; text-align:center; }
#Modal .ModalShadow { position:fixed; width:100%; height:100%; background:#fff; }
#Modal .ModalShadow { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }
#Modal .ModalCenter { text-align:center; padding:0px 20px; }
#Modal .ModalCenter .Modal { position:relative; margin:auto; padding:40px 0px; overflow:visible; max-width:450px; min-width:300px; } /*  visibility:hidden; */

#Modal .ModalCenter .Modal .Modalbg { background: #e9c286; margin:auto; padding:20px 0; position:relative; }
#Modal .ModalCenter .Modal .Modalbg {
	-moz-box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.30);
	-webkit-box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.30);
	box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.30);
}
#Modal .ModalCenter .Modal .Modalbg .ModalCont { padding:20px; margin:0px 20px; text-align:left; position:relative; background:#fff; min-height:100px; }
#Modal .ModalCenter .Modal .Modalbg #ModalClose { width:32px; height:32px; position:absolute; top:20px; right:20px; cursor:pointer; background: url(../img/mbclose.png) top no-repeat; z-index:50; }
#Modal .ModalCenter .Modal .Modalbg #ModalClose:hover { background: url(../img/mbclose.png) bottom no-repeat; }

#Modal .ModalCenter .Modal .Modalbg #ModalCloseTxt { padding:0; position:absolute; bottom:1em; right:20px; float:right; cursor:pointer; color:#900;  border-bottom: 1px solid #fff; text-decoration:none; font-size:90%;
	transition: 0.1s ease-in-out; -moz-transition: 0.1s ease-in-out; -webkit-transition: 0.1s ease-in-out;
}
#Modal .ModalCenter .Modal .Modalbg #ModalCloseTxt:hover { color:#c00; border-bottom: 1px solid #fcc; /* border-bottom:1px solid #4c9bd4; */
	transition: 0.1s ease-in-out; -moz-transition: 0.1s ease-in-out; -webkit-transition: 0.1s ease-in-out;
}

#Modal .ModalCenter .bg { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; }

/* End of Modal Window */



/*
.loading { width:64px; height:64px; display:block; margin:auto; background:url(../img/loading.svg) center no-repeat;
  -webkit-animation: loader 2s linear infinite;
  animation: loader 2s linear infinite;
}

@-webkit-keyframes loader {
	100% {
	  	-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes loader {
	100% {
	  	-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
*/

/* width dependent corrections */

@media all and (min-width: 1260px) {
}

@media all and (min-width: 1024px) {
	
}

@media all and (max-width: 960px) {
	#header { border-bottom:1px solid #e9c286; }
	#topnav { display:none; height:auto; font-family: 'Noto Sans', Vardana, Geneva, sans-serif; font-size:95%; }
	#navspacer { height:48px; }
	.headbuter { display:table-cell; }
	.topnav { display:block; width:100%; height:auto; padding:0.5em 0 0.35em 0; }
	.topnav:after { display:block; content:''; clear:both; }
	.topnavrow { display:block; }
	.topnavitem { display:block; float:left; padding:0; margin:0em 2em 0.15em 0; }
	.topnavspace { display:none; }
	.topnavitem a { border-bottom: 1px solid #fff; }
	.topnavitem a:hover { color:#900; border-bottom: 1px solid #c99; }
	.padder { padding:0 30px; }
	.maintitle h2 span { display:inline; }
	.reglament { font-size:95%; }
	.waranty p { padding-left:0; }
	.waranty h3 { padding-left:0; clear:left; padding-top:0.5em; }
	.waranty { font-size:95%; }
	.warantyreg { font-size:95%; }
	.warantycol { font-size:95%; }
	.feedback {  }
	.feedback img { float: none; }
	.feedback h4 { font-size:90%; padding-left:0px; padding-top:0; padding-right:0em; }
	.feedback p { font-size:95%; padding:1em 0em 1em 0px; }
	.deliverymap { margin:3em 0 2em 0; }
	#delivery h3 { font-size:125%; }
	.contactscont { width:60%; left:20%; }
	#Probox .ProboxCenter { padding:0 30px; }
	#Probox .ProboxCenter .ProboxWrp { padding:30px 0px; }
	#ProboxContents { padding:0px 30px; }
	#Probox .ProboxCenter .ProboxWrp .Proboxbg #ProboxClose { right:30px; }
	.reglamentpage { font-size:95%; }
}

@media all and (max-width: 800px) {
	.headbutton { display:none; }
	.topnavbutton { display:block; }
	.maintitle { left:42%; width:60%; font-size:90%; }
	.mainprice { left:42%; width:60%; font-size:90%; }
	.mainpack { width:40%; }
	.description { padding:1em 0 0em 42%; font-size:90%; }
	.detailscont { padding:1em 0 1em 42%; width:auto; }
	.detail { width:auto; float:none; padding:0em 0; }
	.sequencea { height:80%; width:36%; left:3%; }
	.reglament { width:45%; margin-right:5%; font-size:95%; }
	.reglamentphoto { width:50%; }
	#reglaments { background-position:75% 100%; }
	#reglaments .cleartwo { clear:both; }
	#reglaments .clearthree { clear:none; }
	.certificates:hover img { opacity:0.5; transition: opacity 0.2s; }
	.certificates img:hover { opacity:1; z-index:2; }
	.deliverymap { margin:4em 0 3em 0; }
}

@media all and (max-width: 600px) {
	.headcontact span { display:none; }
	.headcontact img { display:inline-block; }
	.padder { padding:0 20px; }
	.mainpack { left:0%; bottom:220px; width:75%; }
	.mainpack img { position:absolute; left:0%; bottom:0; margin-left:-415px; }
	.mainphotolow { height:300px; }
	.mainphoto { height:300px; }
	.mainshade { height:300px; }
	.maintitle { left:0%; width:100%; font-size:80%; color:#333; bottom:55px; margin-left:0; }
	.mainprice { left:0%; width:100%; font-size:80%; top:505px; margin-left:0; }
	.mainprice p { font-size:90%; }
	#description { background-image: none; }
	.description { width:100%; text-align:left; font-size:80%; padding:1em 0 0 0; }
	.detailscont { padding:1em 0; width:auto; }
	.detail { width:auto; float:none; padding:0em 0; }
	.sequencea { position:relative; height:200px; width:100%; }
	.sequencea div.sqnceaa { top:0; left:-5%; margin-top:0em; width:220px; }
	.sequencea div.sqnceab { top:0%; left:25%; margin-top:0em; width:220px; }
	.sequencea div.sqnceac { top:0%; left:55%; margin-top:0em; width:220px; }
	.reglament { width:100%; margin-right:0; }
	.reglament h3 { padding:0 0 0 1.25em; background:url(../img/arrow.svg) 0 0.1em no-repeat; font-size:125%; }
	.reglament p { display:none; }
	.reglament a.linkmore { display:none; }
	#reglaments { background-image:none; }
	#reglaments .cleartwo { clear:none; }
	.reglamentphoto { display:none; }
	.certificates { position:relative; width:100%; height:250px; }
	.certificates img { position:absolute; top:0; z-index:1; box-shadow: 1px 2px 5px rgba(0,0,0,0.2); transform:rotate(3deg);
		transition: opacity, box-shadow 0.2s;
	}
	.certificates img.certpage1 { left:0%; width:180px; margin-left:0px; }
	.certificates img.certpage2 { left:50%; width:180px; margin-left:-90px; }
	.certificates img.certpage3 { left:100%; width:180px; margin-left:-180px; }

	.waranty { width:100%; margin:0; }
	.waranty h3 { padding-left:72px; clear: none; padding-top:0.75em; }
	.waranty p { padding-left:72px; clear: none; }
	.waranty { font-size:95%; }
	.warantyleft, .warantyright { font-size:95%; width:100%; margin-right:0; padding-top:0; }
	.feedback { width:100%; margin:0; padding-bottom:1em; }
	.feedback img { float: left; }
	.feedback h4 { font-size:90%; padding-left:110px; padding-top:0; padding-right:0em; color:#666; }
	.feedback p { font-size:95%; padding:0em 0em 0.5em 110px; }
	.deliverymap { margin:6em 0 4em 0; }
	.contactscont { width:80%; left:10%; }
	#Probox .ProboxCenter { padding:0 20px; }
	#Probox .ProboxCenter .ProboxWrp { padding:20px 0px; }
	#ProboxContents { padding:0px 20px; }
	#Probox .ProboxCenter .ProboxWrp .Proboxbg #ProboxClose { right:20px; }
}

@media all and (max-width: 450px) {
	.headcontact { display:none; }
	.topnavitem { display:block; float:none; text-align:left; padding:0.1em 0; margin-right:0; }
	.topnavitem a { display:block; }
	.topnavcontact { display:block; }
	.topnavbutton { display:block; float:none; text-align:left; padding:0.5em 0 0 0; margin-top:0.5em; border-top: 1px solid #f3ece1;}
	
	.padder { padding:0 10px; }
	.maintitle { font-size:70%; }
	.mainprice { font-size:70%; }

	.waranty { width:100%; margin-right:0%; }
	.waranty h3 { padding-left:72px; clear: none; padding-top:0.75em; }
	.waranty p { padding-left:72px; clear: none; }
	.waranty { font-size:90%; }
	.warantyreg { font-size:90%; }
	.warantyleft, .warantyright { font-size:90%; }
	.feedback img { width:75px; }
	.feedback h4 { font-size:85%; padding-left:90px; padding-top:0; padding-right:0em; color:#666; }
	.feedback p { font-size:90%; padding:0em 0em 0.5em 90px; }
	.deliverymap { margin:6em 0 6em 0; }
	.contactscont { width:90%; left:5%; }
	.contactscont h4 { font-size:90%; }
	.contactscont p { font-size:90%; }
	#Probox .ProboxCenter { padding:0 10px; }
	#Probox .ProboxCenter .ProboxWrp { padding:10px 0px; }
	#ProboxContents { padding:0px 10px; }
	#Probox .ProboxCenter .ProboxWrp .Proboxbg #ProboxClose { right:10px; }
	.reglamentpage { font-size:90%; }
	#Modal .ModalCenter { padding:0px 5px; }
	#Modal .ModalCenter .Modal { padding:10px 0px; } /*  visibility:hidden; */
	#Modal .ModalCenter .Modal .Modalbg { padding:10px 0; }
	#Modal .ModalCenter .Modal .Modalbg .ModalCont { padding:10px; margin:0px 10px; }
	#Modal .ModalCenter .Modal .Modalbg #ModalClose { position:absolute; top:10px; right:10px; }
	#Modal .ModalCenter .Modal .Modalbg #ModalCloseTxt {  }
}