/* reset */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent }
article, aside, figure, footer, header, hgroup, nav, section { display:block }
.clearfix:before, .clearfix:after { display:table; content:"" }
.clearfix:after { clear:both }
.ie7 .clearfix { zoom:1 }
.clear { clear:both }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { position:static; clip:auto; height:auto; width:auto; margin:0; overflow:visible }
@font-face {
font-family:"Open Sans";
src:url('../fonts/opensans-regular-webfont.eot');
src:url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-regular-webfont.woff') format('woff'), url('../fonts/opensans-regular-webfont.ttf') format('truetype'), url('../fonts/opensans-regular-webfont.svg#OpenSansRegular') format('svg');
font-weight:400;
font-style:normal
}
@font-face {
font-family:'Univers';
src:url('../fonts/univeultcon-webfont.eot');
src:url('../fonts/univeultcon-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/univeultcon-webfont.woff') format('woff'), url('../fonts/univeultcon-webfont.ttf') format('truetype'), url('../fonts/univeultcon-webfont.svg#univeultcon') format('svg');
font-weight:400;
font-style:normal
}
html { background:url(../images/home_slides/bread_dough.jpg) no-repeat bottom center fixed; background-size:100%; font-size:62.5%; -webkit-overflow-scrolling:touch; -webkit-tap-highlight-color:#fff; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100% }
::-moz-selection {
color:#fff;
background-color:#CDA32C;
text-shadow:none
}
::selection {
color:#fff;
background-color:#a411a9;
text-shadow:none
}
body { width:100%; height:100%; overflow-x:hidden; font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:16px; font-size:1.6rem; line-height:1.5em; color:#111 }
h1, h2, h3, h4, h5, h6 { margin:0; font-family:inherit; font-weight:700; color:inherit; text-rendering:optimizelegibility }
h1 small, h2 small { font-weight:400; color:rgba(112, 66, 20, 0.8); text-shadow:1px 1px 0 #fff;}
h1 { margin-bottom:.75em; font-size:32px; font-size:3.2rem; line-height:1.2 }
h2 { margin-bottom:.75em; font-size:24px; font-size:2.4rem; line-height:1.2 }
h3 { margin-bottom:.75em; font-size:21px; font-size:2.1rem; line-height:1.3 }
h4 { margin-bottom:.75em; font-size:18px; font-size:1.8rem; line-height:1.25 }
h5 { font-size:16px; font-size:1.6rem; margin-bottom:.75em }
h6 { margin-bottom:1.5em; font-size:14px; font-size:1.4rem; font-weight:400; letter-spacing:1px; text-transform:uppercase }
.no-bottom { margin-bottom:0!important }
p, ol, ul, dl, address { margin-bottom:1.5em }
.small { font-size:13px; font-size:1.3rem }
ul, ol { margin:0 0 1.5em 24px; list-style-position:inside }
ul { list-style-type:none }
ol { list-style-type:decimal; list-style-position:outside;}
ul.square { list-style-type:square }
ul.circle { list-style-type:circle }
ul.disc { list-style-type:disc }
ol.upper-roman { list-style-type:upper-roman }
ol.lower-roman { list-style-type:lower-roman }
ol.upper-alpha { list-style-type:upper-alpha }
ol.lower-alpha { list-style-type:lower-alpha }
.list-bordered { list-style-type:none; margin:0 0 1.5em 0; padding:0 }
.list-bordered li { margin-bottom:.375em; padding-bottom:.375em; border-bottom:1px dotted #e6e6e6 }
em { font-style:italic; font-family:Georgia, "Times New Roman", Times, serif;}
strong { font-weight:700 }
small { font-size:80% }
li ul, li ol { margin:0 }
blockquote { position:relative; margin:0 0 1.5em; padding-left:24px; padding-right:24px; border-left:1px dotted #b3b3b3; font-family:Cambria, Georgia, Times, "Times New Roman"; font-style:italic; color:#515151 }
blockquote:before, blockquote:after { content:'' }
cite { display:block; text-indent:42px; position:relative }
cite:before { content:"\201c"; font-weight:700; font-style:normal; font:94px/74px Arial; position:absolute; top:-2px; left:-36px }
cite a, cite a:visited, cite a:visited { color:#515151 }
dl, dd { margin-bottom:1.5em }
dt { font-weight:700 }
abbr[title] { border-bottom:1px dotted #e6e6e6; cursor:help }
dfn { font-style:italic }
ins { background-color:#fff; color:#111; text-decoration:none }
mark { background-color:#fff; color:#111; font-style:italic; font-weight:700 }
pre, code, kbd, samp { font-family:Monaco, Courier New, monospace; font-size:14px; font-size:1.4rem; line-height:1.5em }
pre { white-space:pre; white-space:pre-wrap; word-wrap:break-word }
sub, sup { position:relative; font-size:12px; font-size:1.2rem; line-height:0 }
sup { top:-.5em }
sub { bottom:-.25em }
hr { display:block; margin:1em 0; padding:0; height:1px; border:0; border-top:1px solid #e6e6e6; border-bottom:1px solid #fff }
hr:after{clear:both;}
hr:after, hr:before{display:table; content:'';}
img { max-width:100%; border-width:0; vertical-align:middle; -ms-interpolation-mode:bicubic }
p img.left { float:left; margin:5px 12px .75em 0 }
p img.right { float:right; margin:5px 0 .75em 12px }
svg:not(:root) {
overflow:hidden
}
figure { margin-bottom:1.5em }
figure img { margin-bottom:.375em }
figure figcaption { display:block; font-weight:400; font-size:14px; font-size:1.4rem; color:#808080 }
a { text-decoration:none; color:#CDA32C; }

a:hover { text-decoration:underline; color:rgba(112, 66, 20, 0.8); }
a:focus { outline:thin dotted; color:rgba(112, 66, 20, 0.8); }
a:hover, a:active { outline:0 }
table { width:100%; max-width:100%; margin-bottom:1.5em; border-collapse:collapse; border-spacing:0; background-color:#fff; border:1px solid #d9d9d9 }
table th, table td { padding:4px; vertical-align:top; border:1px solid #d9d9d9; font-size:14px; font-size:1.4rem; line-height:1.5em; text-align:left }
table th { font-weight:700; text-transform:uppercase; background-color:rgba(112, 66, 20, 0.8); border:1px solid rgba(112, 66, 20, 1); color:#fff }
table thead th { vertical-align:bottom }
table tbody+tbody { border-top:2px solid #d9d9d9 }
table tbody tr td, table tbody tr th { -webkit-transition:background-color .25s linear;
-moz-transition:background-color .25s linear;
-ms-transition:background-color .25s linear;
-o-transition:background-color .25s linear;
transition:background-color .25s linear
}
table tbody tr:hover td{ background-color:#ededed!important }
table.table-striped tbody tr:nth-child(odd) td{
background-color:#fafafa
}
.button, button, input[type=submit], input[type=reset], input[type=button] { display:inline-block; padding:8px 12px; margin-bottom:1.5em; font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:13px; font-size:1.3rem; font-weight:700; text-transform:uppercase; vertical-align:middle; text-decoration:none; cursor:pointer; color:#fff; background-color:rgba(112, 66, 20, 0.95); border:0; -webkit-transition:all .2s linear;
-moz-transition:all .2s linear;
-ms-transition:all .2s linear;
-o-transition:all .2s linear;
transition:all .2s linear
}
.button.small, button.small, input[type=submit].small, input[type=reset].small, input[type=button].small { font-size:11px; font-size:1.1rem; margin-bottom:0; padding:0 4px }
.button.big, button.big, input[type=submit].big, input[type=reset].big, input[type=button].big { font-size:21px; font-size:2.1rem; padding:1.25em 1.7999999999999998em }
.button:visited, button:visited, input[type=submit]:visited, input[type=reset]:visited, input[type=button]:visited, .button:hover, button:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover { color:#fff; text-decoration:none }
.button:hover, button:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, .button:focus, button:focus, input[type=submit]:focus, input[type=reset]:focus, input[type=button]:focus { background-color:rgba(246, 232, 0, 0.9); color:rgba(112, 66, 20, 1); }
.button:active, button:active, input[type=submit]:active, input[type=reset]:active, input[type=button]:active { background-color:#610a63 }
.button.full-width, button.full-width, input[type=submit].full-width, input[type=reset].full-width, input[type=button].full-width { width:100%; padding-left:0!important; padding-right:0!important; text-align:center }
.button.button-disabled, button.button-disabled, input[type=submit].button-disabled, input[type=reset].button-disabled, input[type=button].button-disabled { opacity:.5; filter:alpha(opacity=50); cursor:default }
.button.grey, button.grey, input[type=submit].grey, input[type=reset].grey, input[type=button].grey { background-color:#e6e6e6; color:#000 }
.button.grey:hover, button.grey:hover, input[type=submit].grey:hover, input[type=reset].grey:hover, input[type=button].grey:hover, .button.grey:focus, button.grey:focus, input[type=submit].grey:focus, input[type=reset].grey:focus, input[type=button].grey:focus { background-color:#ccc }
.button.grey:active, button.grey:active, input[type=submit].grey:active, input[type=reset].grey:active, input[type=button].grey:active { background-color:#bfbfbf }
.button.dark, button.dark, input[type=submit].dark, input[type=reset].dark, input[type=button].dark { background-color:#111; color:#fff }
.button.dark:hover, button.dark:hover, input[type=submit].dark:hover, input[type=reset].dark:hover, input[type=button].dark:hover, .button.dark:focus, button.dark:focus, input[type=submit].dark:focus, input[type=reset].dark:focus, input[type=button].dark:focus { background-color:#2b2b2b }
.button.dark:active, button.dark:active, input[type=submit].dark:active, input[type=reset].dark:active, input[type=button].dark:active { background-color:#373737 }
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
form { margin-bottom:1.5em }
label, legend { display:block; font-weight:700; font-size:13px; font-size:1.3rem }
label.checkbox, label.radio { margin-bottom:.75em ; font-weight:normal;}
input[type=text], input[type=number], input[type=password], input[type=email], textarea, select { border:1px solid #bfbfbf; outline:0; font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:13px; font-size:1.3rem; color:#000; width:230px; max-width:100%; display:block; background:#fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; margin:0 0 1.5em; padding:6px 4px }
input[type=text].full-width,  input[type=number], input[type=password].full-width, input[type=email].full-width, textarea.full-width, select.full-width { width:100% }
input[type=text]:hover, input[type=password]:hover, input[type=email]:hover, textarea:hover, select:hover { border:1px solid #CDA32C; }
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, textarea:focus, select:focus { border:1px solid rgba(112, 66, 20, 1); -webkit-box-shadow:0 0 3px rgba(0, 0, 0, .15); -moz-box-shadow:0 0 3px rgba(0, 0, 0, .15); box-shadow:0 0 3px rgba(0, 0, 0, .15) }
input[type=text]:focus:invalid, input[type=password]:focus:invalid, input[type=email]:focus:invalid, textarea:focus:invalid, select:focus:invalid {
border-color:#e55
}
input[type=text][readonly], input[type=password][readonly], input[type=email][readonly], textarea[readonly], select[readonly], input[type=text][readonly], input[type=password][readonly], input[type=email][readonly], textarea[readonly], select[readonly] { opacity:.5; filter:alpha(opacity=50); cursor:not-allowed }
.ie7 input[type=text].full-width, .ie7 input[type=password].full-width, .ie7 input[type=email].full-width, .ie7 textarea.full-width, .ie7 select.full-width { width:85% }
textarea { width:450px; min-height:60px; overflow:auto }
input.inline { display:inline-block }
select { width:230px }
.oldie select { width:240px }
input[type=checkbox], input[type=radio] { display:inline; position:relative; top:1px }
label span, legend span { font-weight:400; font-size:12px; font-size:1.2rem }
::-webkit-input-placeholder, :-moz-placeholder {
color:#ccc
}
.video-container { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; background:url("../images/loading.gif") no-repeat center center; background-color:rgba(0, 0, 0, .02) }
.video-container iframe, .video-container object, .video-container embed, .video-container img { position:absolute; top:0; left:0; width:100%; height:100% }
.video-wrapper { max-width:100% }
.call-to-action { margin-bottom:1.5em; border:1px dotted #b3b3b3; background:#f7f7f7; padding:10px }
.call-to-action h3, .call-to-action a { margin-bottom:0 }
.call-to-action p { font-style:italic; margin-bottom:5px; color:#808080; font-size:90% }
.features-boxes { margin-bottom:1.5em; border:1px dotted #b3b3b3; background:#f7f7f7; text-align:center }
.features-boxes .box .inner { padding:20px; border-bottom:1px dotted #b3b3b3 }
.features-boxes .box .inner p { color:#808080; font-size:13px; font-size:1.3rem; margin-bottom:0 }
.features-boxes .box .inner p a { display:block; margin-top:.75em; text-decoration:none; text-transform:uppercase; font-style:normal; font-weight:700 }
.features-boxes .box .inner p a:hover { color:#111 }
.features-boxes .box .inner p a span { position:relative; top:-1px }
.features-boxes .box .inner img { margin-bottom:.75em }
.features-boxes .last .inner { border-bottom:0 }
.sep { margin-bottom:1.5em; height:.2em; border-top:1px dotted #b3b3b3; position:relative; clear:both }
.sep span, .sep:after { display:block; position:absolute; left:0; top:1px; width:100%; border-top:1px dotted #b3b3b3 }
.sep:after { content:''; top:3px }
.sep-margin-top { margin-top:1.5em }
.sep-no-margin { margin-bottom:0 }
.thumb { margin-bottom:1.5em; max-width:100% }
.thumb a.image-link, .thumb img { display:inline-block; width:100% }
.thumb a.image-link { position:relative }
.thumb .icon-fullsize, .thumb .icon-link, .thumb .icon-video { position:absolute; top:50%; left:50%; display:block; width:63px; height:63px; margin-left:-31px; margin-top:-31px; background:url("../images/sprite.png") no-repeat -999px 0; opacity:0; filter:alpha(opacity=0); -webkit-transform:rotateZ(180deg); -moz-transform:rotateZ(180deg); -ms-transform:rotateZ(180deg); -o-transform:rotateZ(180deg); transform:rotateZ(180deg); -webkit-transition:all 200ms linear; -moz-transition:all 200ms linear; -ms-transition:all 200ms linear; -o-transition:all 200ms linear; transition:all 200ms linear }
.thumb .icon-fullsize { background-position:-243px 0 }
.thumb .icon-link { background-position:-307px 0 }
.thumb .icon-video { background-position:-371px 0 }
.thumb a.image-link:hover span { opacity:1; filter:alpha(opacity=100); -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none }
.thumb .info { margin-top:.75em }
.thumb .info h4 { margin-bottom:.2em }
.thumb .info h4 a { margin-bottom:0; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px }
.thumb .info em { display:block; color:#919191; font-size:12px; font-size:1.2rem }
.rotator .rotator-item { display:none }
.rotator .rotator-item:first-child, .rotator .first-child { display:block }
.rotator .prev, .rotator .next { display:inline-block; width:25px; height:25px; text-indent:100%; white-space:nowrap; overflow:hidden; background:url("../images/sprite.png") no-repeat -999px 0 }
.rotator .prev { background-position:-434px 0 }
.rotator .prev:hover { background-position:-434px -25px }
.rotator .next { background-position:-459px 0 }
.rotator .next:hover { background-position:-459px -25px }
.accordion { margin-left:0 }
.accordion .accordion-title { cursor:pointer; padding-bottom:5px; margin-bottom:0 }
.accordion .accordion-title:before { font-size:11px; font-family:Arial, sans-serif; content:'+'; font-weight:400; float:left; width:19px; height:19px; line-height:19px; position:relative; top:3px; margin-right:8px; text-align:center; background:#000; color:#fff }
.accordion .accordion-content { font-size:13px; font-size:1.3rem; height:0; margin-bottom:5px; overflow:hidden; opacity:0; filter:alpha(opacity=0); -webkit-transition:all .25s linear;
-moz-transition:all .25s linear;
-ms-transition:all .25s linear;
-o-transition:all .25s linear;
transition:all .25s linear
}
.accordion .active .accordion-title:before, .accordion .accordion .accordion-title:hover:before { background:#CDA32C }
.accordion .active .accordion-title:before, .accordion .no-js .accordion .accordion-title:before { content:'\2013' }
.accordion .active .accordion-content, .accordion .no-js .accordion .accordion-content { height:auto; opacity:1; filter:alpha(opacity=100) }
.ie7 .accordion .accordion-title:before { content:''; width:0; margin:0; display:none }
.ie7 .accordion .active .accordion-title { color:#a411a9 }
.tab-container { margin-bottom:1.5em }
.tab-container .tab_content { border:1px solid #e6e6e6; background:#fff; padding:20px 20px 0 }
.tab-container .tabs { list-style:none; margin:0 }
.tab-container .tabs li { float:left; margin:3px 5px 0 0 }
.tab-container .tabs li a { display:block; text-decoration:none; color:#808080; background:#f9f9f9; border:1px solid #e6e6e6; border-bottom:0; padding:5px 15px; font-size:13px; font-size:1.3rem }
.tab-container .tabs li a:hover { background-color:#e6e6e6 }
.tab-container .tabs li.active { margin-top:0; margin-bottom:-1px }
.tab-container .tabs li.active a { color:#a411a9; border-top:3px solid #a411a9; background:#fff; padding:6px 20px }
.oldie .tabs li.active { position:relative; top:1px }
.dropcap { float:left; background-color:#e6e6e6; width:44px; height:44px; line-height:44px; text-align:center; font-size:23px; font-size:2.3rem; margin:2px 8px 0 0 }
.dropcap.color { background-color:rgba(112, 66, 20, 0.8); color:#F9F900; }
.alert { position:relative; margin-bottom:.75em; font-size:13px; font-size:1.3rem; border-left:3px solid #ccc; padding:10px 12px }
.alert.info { background-color:#f1f1f1; border-color:#cbcbcb }
.alert.success { background-color:#dbfac9; border-color:#acf483 }
.alert.notice { background-color:#fff8be; border-color:#fff072 }
.alert.error { background-color:#ffc7b9; border-color:#ff8a6d }
.pricing-table .price-item { text-align:center; border:1px solid #e6e6e6; margin-bottom:1.5em }
.pricing-table .price-item .price-title { background-color:#e6e6e6; border-bottom:1px solid #e6e6e6; margin:0; padding:10px }
.pricing-table .price-item .price-tag { display:block; border-bottom:1px solid #e6e6e6; margin-bottom:1.5em; padding:10px }
.pricing-table .price-item .price-tag span { font-size:13px; font-weight:400; color:#bfbfbf }
.pricing-table .price-item ul { display:block; padding:0 10px; margin-left:0 }
.pricing-table .special { border-color:#a411a9 }
.pricing-table .special .price-title, .pricing-table .special .price-tag { border-color:#a411a9 }
.pricing-table .special .price-title { background-color:#a411a9; color:#fff }
.tipsy { font-size:11px; font-size:1.1rem; position:absolute; padding:5px; z-index:100000 }
.tipsy .tipsy-inner { background-color:#111; color:#fff; max-width:200px; padding:4px 12px; text-align:center; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px }
.tipsy .tipsy-arrow { position:absolute; width:0; height:0; line-height:0; border:5px dashed #111 }
.tipsy .tipsy-arrow-n { border-bottom-color:#111; top:0; left:50%; margin-left:-5px; border-bottom-style:solid; border-top:0; border-left-color:transparent; border-right-color:transparent }
.tipsy .tipsy-arrow-s { border-top-color:#111; bottom:0; left:50%; margin-left:-5px; border-top-style:solid; border-bottom:0; border-left-color:transparent; border-right-color:transparent }
.tipsy .tipsy-arrow-e { border-left-color:#111; right:0; top:50%; margin-top:-5px; border-left-style:solid; border-right:0; border-top-color:transparent; border-bottom-color:transparent }
.tipsy .tipsy-arrow-w { border-right-color:#111; left:0; top:50%; margin-top:-5px; border-right-style:solid; border-left:0; border-top-color:transparent; border-bottom-color:transparent }
#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:40px; height:40px; margin:-20px 0 0 -20px; text-indent:-999em; background:#fff url('../images/loading.gif') no-repeat center center; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px }
#supersized { display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; visibility:hidden }
#supersized img { width:auto; height:auto; max-height:none; max-width:none; position:relative; display:none; outline:0; border:0 }
#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100% }
#supersized li.prevslide { z-index:-20 }
#supersized li.activeslide { z-index:-10 }
#supersized li.image-loading { background:url('../images/loading.gif') no-repeat center center; width:100%; height:100% }
#supersized li.image-loading img { visibility:hidden }
#supersized li.prevslide img, #supersized li.activeslide img { display:inline;}
#supersized a { width:100%; height:100%; display:block }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering:-moz-crisp-edges }
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering:optimizeQuality }
#header{background:rgba(112, 66, 20, 0.95);}
#home #header{background-color:transparent;}
#home #header nav {
	background:rgba(112, 66, 20, 0.95);
}
#header nav ul li a:hover {background-color:#f6e800; background-color:rgba(246, 232, 0, 0.9)}
#home .social-links {
display:block;
bottom:50px;
right:50px;
padding:15px 25px 10px;
position:absolute;
background:rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
#supersized-loader, #supersized li.image-loading {
background-image:url("images/loading2.html");
-webkit-background-size:26px 26px;
-moz-background-size:26px 26px;
-o-background-size:26px 26px;
background-size:26px 26px
}
}
#okvideo-loader { position:absolute; top:50%; left:50%; z-index:0; width:40px; height:40px; margin:-20px 0 0 -20px; text-indent:-999em; background:#fff url('../images/loading.gif') no-repeat center center; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px }
@media only screen and (min-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
#okvideo-loader {
background-image:url("images/loading2.html");
-webkit-background-size:26px 26px;
-moz-background-size:26px 26px;
-o-background-size:26px 26px;
background-size:26px 26px
}
}
.panorama { position:absolute; z-index:-999; left:0; top:0; width:100%; height:100% }
.panorama .panorama-view { width:100%; height:100%; overflow:hidden; cursor:url("../images/openhand.cur"), default }
.panorama .grab { cursor:url("../images/closedhand.cur"), default }
.panorama .panorama-container { position:relative }
.panorama .panorama-container img { height:100%; position:absolute; top:0; -webkit-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none }
.panorama .info, .panorama .area { position:absolute; display:block }
.panorama .info { right:10px; bottom:10px }
.panorama .controls { position:absolute; left:10px; bottom:10px }
.panorama .controls a { display:block; float:left; margin-right:5px }
.panorama .controls a span { display:block; text-indent:100%; white-space:nowrap; overflow:hidden; background:url("../images/panorama-controls.png") no-repeat -999px 0 }
.panorama .controls a.prev span, .panorama .controls a.next span { width:10px; height:14px }
.panorama .controls a.prev span { background-position:0 0 }
.panorama .controls a.next span { background-position:-11px 0 }
.panorama .controls a.stop span { margin:2px 1px; width:10px; height:10px; background-position:-22px -2px }
.panorama .info, .panorama .controls a { opacity:.6; filter:alpha(opacity=60); background-color:#000; color:#fff; font:bold 11px/14px Arial, sans-serif; text-decoration:none; padding:6px 7px; cursor:pointer; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; -webkit-transition:all .25s linear;
-moz-transition:all .25s linear;
-ms-transition:all .25s linear;
-o-transition:all .25s linear;
transition:all .25s linear
}
.panorama .info:hover, .panorama .controls a:hover { opacity:.8; filter:alpha(opacity=80) }
.panorama .panorama-view .area { opacity:.4; filter:alpha(opacity=40); background-color:#fff; cursor:pointer; -webkit-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; border-radius:100%; text-indent:100%; white-space:nowrap; overflow:hidden }
.panorama .panorama-view .area:hover { opacity:.6; filter:alpha(opacity=60) }
.panorama .preloader { position:absolute; top:50%; left:50%; z-index:0; width:40px; height:40px; margin:-20px 0 0 -20px; text-indent:-999em; background:#fff url('../images/loading.gif') no-repeat center center; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px }
@media only screen and (min-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
.panorama .controls a.prev span, .panorama .controls a.stop span, .panorama .controls a.next span {
background-image:url("images/panorama-controls2.html");
-webkit-background-size:32px 14px;
background-size:32px 14px
}
.panorama .preloader {
background-image:url("images/loading2.html");
-webkit-background-size:26px 26px;
-moz-background-size:26px 26px;
-o-background-size:26px 26px;
background-size:26px 26px
}
}
.panzerlist { width:300px; display:block; -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none; background:#fff }
div.panzerlist-expand { width:100% }
.panzerlist .player { position:relative; padding:3px; height:28px; text-align:left }
.panzerlist-unsupported .player { height:auto }
.panzerlist .controls { float:left; width:74px; height:28px; overflow:hidden }
.hide-prev-next .player .controls { width:28px }
.panzerlist .controls span, .panzerlist .controls a { float:left; width:28px; height:28px; background-position:0 0; cursor:pointer }
.panzerlist .controls span:hover, .panzerlist .controls span.hover, .panzerlist .controls a:hover { background-position:-28px 0 }
.panzerlist .controls span:active, .panzerlist .controls span.active, .panzerlist .controls a:active { background-position:-56px 0 }
.panzerlist .controls em { display:block }
.panzerlist .controls .play em { width:9px; height:12px; margin-top:9px; margin-left:11px; background-position:-85px -1px }
.panzerlist .controls .pause em { width:9px; height:11px; margin-top:9px; margin-left:10px; background-position:-94px -1px }
.panzerlist .controls .prev-next { float:left; margin-top:3px; margin-left:2px; width:43px; height:23px }
.panzerlist .controls .prev-next span { float:left; width:21px; height:22px }
.panzerlist .controls .prev-next span.prev { background-position:0 -102px }
.panzerlist .controls .prev-next span.prev:hover { background-position:-43px -102px }
.panzerlist .controls .prev-next span.prev:active { background-position:-86px -102px }
.panzerlist .controls .prev-next span.next { width:22px; background-position:-21px -102px }
.panzerlist .controls .prev-next span.next:hover { background-position:-64px -102px }
.panzerlist .controls .prev-next span.next:active { background-position:-107px -102px }
.panzerlist strong.alert { font:13px/18px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:400; display:block; padding:0 4px; text-align:left }
.panzerlist .progress-wrapper { position:absolute; height:11px; left:77px; top:12px; right:104px }
.hide-prev-next .progress-wrapper { left:33px }
.panzerlist .volume-wrapper { position:absolute; width:70px; height:11px; top:12px; right:3px }
.panzerlist span.duration { position:absolute; top:0; right:74px; font:10px/35px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; cursor:default }
.panzerlist span.small { font-size:9px }
.panzerlist .progress, .panzerlist .volume { position:relative; margin:0 5px; height:11px; background-position:0 -79px; z-index:1 }
.panzerlist .volume { float:right; width:40px }
.panzerlist .volume-wrapper span { float:left; position:relative; top:-3px; left:1px; width:17px; height:15px; background-position:-136px 0 }
.panzerlist .progress:before, .panzerlist .progress:after, .panzerlist .volume:before, .panzerlist .volume:after { position:absolute; top:0; content:''; width:5px; height:11px; z-index:1 }
.panzerlist .progress:before, .panzerlist .volume:before { left:-5px; background-position:-112px -1px }
.panzerlist .progress:after, .panzerlist .volume:after { right:-5px; background-position:-119px -1px }
.panzerlist .progress .elapsed, .panzerlist .volume .set { position:relative; height:10px; background-position:0 -90px; z-index:2 }
.panzerlist .progress .elapsed:before, .panzerlist .progress .elapsed:after, .panzerlist .volume .set:before, .panzerlist .volume .set:after { position:absolute; top:0; content:''; width:6px; height:10px }
.panzerlist .progress .elapsed:before, .panzerlist .volume .set:before { left:-5px; background-position:-124px -1px }
.panzerlist .progress .elapsed:after, .panzerlist .volume .set:after { right:-5px; background-position:-130px -1px }
.panzerlist .cover { position:relative }
.panzerlist .cover:after { content:""; display:block; position:absolute; top:0; right:0; bottom:0; left:0; -webkit-background-origin:border-box; -moz-background-origin:border; background-origin:border-box; background:-webkit-gradient(linear, left top, right bottom, color-stop(0, rgba(255, 255, 255, .05)), color-stop(0.5, rgba(255, 255, 255, .07)), color-stop(0.501, rgba(255, 255, 255, 0)), color-stop(1, rgba(255, 255, 255, 0))); background:-moz-linear-gradient(left top, rgba(255, 255, 255, .05), rgba(255, 255, 255, .07) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0)); background:-o-linear-gradient(left top, rgba(255, 255, 255, .05), rgba(255, 255, 255, .07) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0)); background:linear-gradient(left top, rgba(255, 255, 255, .05), rgba(255, 255, 255, .07) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0)) }
.panzerlist-expand .cover:after { display:none }
.panzerlist .cover img { display:block; margin:0 auto; border:0; max-width:100%; height:auto }
.panzerlist .title { padding:4px; text-align:center; font:12px/20px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; cursor:default }
.panzerlist .list { text-align:left; cursor:default }
.hide-list .list { display:none }
.panzerlist .list a { padding:4px 6px; display:block; font:14px/20px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:400; text-decoration:none; outline:0; border:0 }
.panzerlist-big .player { padding:0 5px 5px; height:74px }
.panzerlist-unsupported .player { height:auto }
.panzerlist-big .controls { width:127px; height:49px; margin-top:25px; overflow:hidden }
.panzerlist-big.hide-prev-next .player .controls { width:49px }
.panzerlist-big .controls span, .panzerlist-big .controls a { width:49px; height:49px; background-position:0 -29px; margin:0; padding:0; border:0 }
.panzerlist-big .controls span:hover, .panzerlist-big .controls span.hover, .panzerlist-big .controls a:hover { background-position:-49px -29px }
.panzerlist-big .controls span:active, .panzerlist-big .controls span.active, .panzerlist-big .controls a:active { background-position:-98px -29px }
.panzerlist-big .controls .play em { width:15px; height:18px; margin-top:15px; margin-left:19px; background-position:-148px -33px }
.panzerlist-big .controls .pause em { width:15px; height:19px; margin-top:15px; margin-left:17px; background-position:-148px -53px }
.panzerlist-big .controls .prev-next { margin-top:7px; margin-left:4px; width:73px; height:35px }
.panzerlist-big .controls .prev-next span { float:left; width:35px; height:34px }
.panzerlist-big .controls .prev-next span.prev { margin-left:1px; background-position:-1px -126px }
.panzerlist-big .controls .prev-next span.prev:hover { background-position:-73px -126px }
.panzerlist-big .controls .prev-next span.prev:active { background-position:-145px -126px }
.panzerlist-big .controls .prev-next span.next { width:36px; background-position:-36px -126px }
.panzerlist-big .controls .prev-next span.next:hover { background-position:-108px -126px }
.panzerlist-big .controls .prev-next span.next:active { background-position:-180px -126px }
.panzerlist-big strong.alert { font-size:15px }
.panzerlist-big .progress-wrapper { left:6px; top:6px; right:6px }
.panzerlist-big span.duration { top:25px; right:110px; font-size:12px; line-height:57px }
.panzerlist-big span.small { font-size:11px; line-height:58px }
.panzerlist-big .volume-wrapper { top:48px; right:6px; width:102px }
.panzerlist-big .volume-wrapper .volume { width:70px }
.panzerlist-big .title { padding:6px; font-size:14px }
.panzerlist-big .list a { padding:6px 9px; font-size:15px; line-height:22px }
.panzerlist-custom .controls span, .panzerlist-custom .controls a, .panzerlist-custom .controls em, .panzerlist-custom .progress, .panzerlist-custom .progress:before, .panzerlist-custom .progress:after, .panzerlist-custom .elapsed, .panzerlist-custom .elapsed:before, .panzerlist-custom .elapsed:after, .panzerlist-custom .volume, .panzerlist-custom .volume-wrapper span, .panzerlist-custom .volume:before, .panzerlist-custom .volume:after, .panzerlist-custom .volume .set, .panzerlist-custom .volume .set:before, .panzerlist-custom .volume .set:after { background-image:url('../images/panzerlist-sprite-custom.png') }
.panzerlist-custom .list a { color:#808080 }
.panzerlist-custom .list a:hover { color:#000; background-color:#e6e6e6; background-color:rgba(0, 0, 0, .08) }
.panzerlist-custom .list a.active { color:#fff; background-color:#111 }
.panzerlist-custom strong.alert { padding:5px 10px 10px }
@media only screen and (min-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
.panzerlist-custom .controls span, .panzerlist-custom .controls a, .panzerlist-custom .controls em, .panzerlist-custom .progress, .panzerlist-custom .progress:before, .panzerlist-custom .progress:after, .panzerlist-custom .elapsed, .panzerlist-custom .elapsed:before, .panzerlist-custom .elapsed:after, .panzerlist-custom .volume, .panzerlist-custom .volume-wrapper span, .panzerlist-custom .volume:before, .panzerlist-custom .volume:after, .panzerlist-custom .volume .set, .panzerlist-custom .volume .set:before, .panzerlist-custom .volume .set:after {
background-image:url('../images/panzerlist-sprite-custom2.png');
background-size:217px 161px
}
}
.flexslider { position:relative; zoom:1 }
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline:0 }
.slides, .flex-control-nav, .flex-direction-nav { margin:0; padding:0; list-style:none }
.flexslider .slides li { display:none; position:relative; margin:0; -webkit-backface-visibility:hidden }
.no-js .flexslider .slides li:first-child { display:block }
.flexslider .slides img { width:100%; display:block }
.flex-pauseplay span { text-transform:capitalize }
.flexslider .slides:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0 }
html[xmlns] .slides { display:block }
.flex-viewport { max-height:2000px; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease }
.flexslider .slides { zoom:1 }
.ie7 .flex-direction-nav { height:0 }
.flex-direction-nav a { display:block; width:19px; height:30px; margin:-15px 0 0; text-align:center; position:absolute; top:50%; z-index:10; cursor:pointer; opacity:0; filter:alpha(opacity=0); text-indent:100%; white-space:nowrap; overflow:hidden; -webkit-transition:opacity 250ms linear; -moz-transition:opacity 250ms linear; -ms-transition:opacity 250ms linear; -o-transition:opacity 250ms linear; transition:opacity 250ms linear }
.flex-direction-nav .flex-next { right:10px }
.flex-direction-nav .flex-prev { left:10px }
.flexslider:hover .flex-direction-nav a { opacity:1; filter:alpha(opacity=100) }
.flexslider .flex-direction-nav .flex-disabled { opacity:.3; filter:alpha(opacity=30); cursor:default }
.flex-control-nav { width:100%; position:absolute; bottom:40px; text-align:center }
.flex-control-nav li { margin:0 6px; display:inline-block; zoom:1 }
.ie7 .flex-control-nav li { display:inline }
.flex-control-paging li a { width:11px; height:11px; display:block; background:#666; background:rgba(0, 0, 0, .5); cursor:pointer; text-indent:-9999px; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px }
.flex-control-paging li a:hover { background:#333; background:rgba(0, 0, 0, .7) }
.flex-control-paging li a.flex-active { background:#000; background:rgba(0, 0, 0, .9); cursor:default }
.flex-control-thumbs { margin:5px 0 0; position:static; overflow:hidden }
.flex-control-thumbs li { width:25%; float:left; margin:0 }
.flex-control-thumbs img { width:100%; display:block; opacity:.7; filter:alpha(opacity=70); cursor:pointer }
.flex-control-thumbs img:hover { opacity:1; filter:alpha(opacity=100) }
.flex-control-thumbs .flex-active { opacity:1; filter:alpha(opacity=100); cursor:default }
.iosSlider { position:relative; top:0; left:0; overflow:hidden; padding-bottom:62.5% }
.iosSlider .slider { width:100%; height:100% }
.iosSlider .slide { float:left; position:relative }
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding:0; margin:0; border:0; outline:0; vertical-align:top }
.fancybox-wrap { position:absolute; top:0; left:0; z-index:8020 }
.fancybox-skin { position:relative; background:#f9f9f9; color:#444; text-shadow:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px }
.fancybox-opened { z-index:8030 }
.fancybox-opened .fancybox-skin { -webkit-box-shadow:0 2px 10px rgba(0, 0, 0, .25); -moz-box-shadow:0 2px 10px rgba(0, 0, 0, .25); box-shadow:0 2px 10px rgba(0, 0, 0, .25) }
.fancybox-outer, .fancybox-inner { position:relative }
.fancybox-inner { overflow:hidden }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling:touch }
.fancybox-error { color:#444; font:14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin:0; padding:15px; white-space:nowrap }
.fancybox-image, .fancybox-iframe { display:block; width:100%; height:100% }
.fancybox-image { max-width:100%; max-height:100% }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image:url("../images/fancybox_sprite.png"); background-repeat:no-repeat }
#fancybox-loading { position:fixed; top:50%; left:50%; margin-top:-22px; margin-left:-22px; background-position:0 -108px; opacity:.8; cursor:pointer; z-index:8060 }
#fancybox-loading div { width:44px; height:44px; background:url("../images/loading.gif") center center no-repeat }
.fancybox-close { position:absolute; top:-18px; right:-18px; width:36px; height:36px; cursor:pointer; z-index:8040 }
.fancybox-nav { position:absolute; top:0; width:40%; height:100%; cursor:pointer; text-decoration:none; background:transparent url(data:;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==); -webkit-tap-highlight-color:rgba(0, 0, 0, 0); z-index:8040 }
.fancybox-prev { left:0 }
.fancybox-next { right:0 }
.fancybox-nav span { position:absolute; top:50%; width:36px; height:34px; margin-top:-18px; cursor:pointer; z-index:8040; visibility:hidden }
.fancybox-prev span { left:10px; background-position:0 -36px }
.fancybox-next span { right:10px; background-position:0 -72px }
.fancybox-nav:hover span { visibility:visible }
.fancybox-tmp { position:absolute; top:-99999px; left:-99999px; visibility:hidden; max-width:99999px; max-height:99999px; overflow:visible!important }
.fancybox-lock { overflow:hidden }
.fancybox-overlay { position:absolute; top:0; left:0; overflow:hidden; display:none; z-index:8010; background:url(data:;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAG0lEQVR42mIU4OHZwEAEYGIgEowqpI5CgAADAGiRAOzkX/wUAAAAAElFTkSuQmCC) }
.fancybox-overlay-fixed { position:fixed; bottom:0; right:0 }
.fancybox-title { visibility:hidden; font:normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position:relative; text-shadow:none; z-index:8050 }
.fancybox-opened .fancybox-title { visibility:visible }
.fancybox-title-float-wrap { position:absolute; bottom:0; right:50%; margin-bottom:-35px; z-index:8050; text-align:center }
.fancybox-title-float-wrap .child { display:inline-block; margin-right:-100%; padding:2px 20px; background:transparent; background:rgba(0, 0, 0, .8); -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px; text-shadow:0 1px 2px #222; color:#FFF; font-weight:700; line-height:24px; white-space:nowrap }
.fancybox-title-outside-wrap { position:relative; margin-top:10px; color:#fff }
.fancybox-title-inside-wrap { padding-top:10px }
.fancybox-title-over-wrap { position:absolute; bottom:0; left:0; color:#fff; padding:10px; background:#000; background:rgba(0, 0, 0, .8) }
@media only screen and (min-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
#fancybox-loading div {
background-image:url("images/loading2.gif");
-webkit-background-size:26px 26px;
-moz-background-size:26px 26px;
-o-background-size:26px 26px;
background-size:26px 26px
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image:url("images/fancybox_sprite2.png");
-webkit-background-size:44px 152px;
-moz-background-size:44px 152px;
-o-background-size:44px 152px;
background-size:44px 152px
}
}
#header { position:relative;}
#header #logo { padding:10px; height:41px;}
#home #header #logo {background:rgba(112, 66, 20, 0.8);}
#header #logo h1 { margin-bottom:0 }
#header #logo h1 a, #header #logo h1 img { display:block }
#header #logo h1 img { max-width:none; height:41px }
#header nav { display:none; }
#header nav ul { margin:0 }
#header nav li a { display:block; color:#fff; -webkit-transition:all .2s linear;
-moz-transition:all .2s linear;
-ms-transition:all .2s linear;
-o-transition:all .2s linear;
transition:all .2s linear
}
#header nav li a:hover { text-decoration:none; background-color:#f6e800; background-color:rgba(246, 232, 0, 0.9);}
#header nav li.current_page_item>a { color:#f9f900 }
#header nav li.current_page_item>a:hover { background:none; color:#fff; }
#header nav li.arrow>a:after { float:right; content:'\00a0\002B' }
#header nav li.show-menu>a:after { float:right; content:'\00a0\2013' }
#header nav li ul { display:none; font-size:90% }
#header nav li.show-menu>ul { display:block }
#header nav.mobile { display:block }
#header nav.mobile ul li { display:block; border-top:1px solid #704214 }
#header nav.mobile ul li a { padding:10px }
#header nav.mobile ul li a:hover {  background-color:#f6e800; background-color:rgba(246, 232, 0, 0.9);}
#header nav.mobile ul li ul { background-color:#e6e6e6; background-color:rgba(0, 0, 0, .02) }
#header nav.mobile ul li ul li { border-top-color:#704214 }
#header nav.mobile ul li ul a { padding-left:20px }
#header nav.mobile ul li ul ul a { padding-left:30px }
#header #menu-switch { position:absolute; top:10px; right:10px; z-index:6 }
#header #menu-switch:after { content:'\00a0\2261' }
a.supersized-next, a.supersized-prev { display:none }
#supersized-info, #okvideo-info, .flexslider .slides .info, .iosSlider .info { position:absolute; z-index:-2; left:0; bottom:0; width:100%; background-color:rgba(112, 66, 20, 0.8) }
#supersized-info .inner, #okvideo-info .inner, .flexslider .slides .info .inner, .iosSlider .info .inner { padding:10px; position:relative }
#supersized-info .inner h2, #okvideo-info .inner h2, .flexslider .slides .info .inner h2, .iosSlider .info .inner h2, #supersized-info .inner p, #okvideo-info .inner p, .flexslider .slides .info .inner p, .iosSlider .info .inner p { padding:0 30px; margin-bottom:0; text-align:center }
#supersized-info .inner h2, #okvideo-info .inner h2, .flexslider .slides .info .inner h2, .iosSlider .info .inner h2 { font-weight:400 }
#supersized-info .inner h2 a, #okvideo-info .inner h2 a, .flexslider .slides .info .inner h2 a, .iosSlider .info .inner h2 a { display:block; color:rgba(112, 66, 20, 1);  text-shadow:1px 1px 0 rgba(255, 255, 255, 0.6);}
#supersized-info .inner p, #okvideo-info .inner p, .flexslider .slides .info .inner p, .iosSlider .info .inner p { display:none; padding-top:6px; font-size:14px; font-size:1.4rem; color:#fff; text-shadow:1px 1px 0 rgba(255, 255, 255, 0.5); }
#supersized-info a.supersized-next, #supersized-info a.supersized-prev { position:absolute; top:50%; display:block; width:40px; height:48px; margin-top:-24px; background-color:transparent; cursor:pointer }
#supersized-info a.supersized-next span, #supersized-info a.supersized-prev span { display:block; width:19px; height:30px; margin-top:9px; background:url("../images/sprite.png") no-repeat -999px 0 }
#supersized-info a.supersized-prev { left:0 }
#supersized-info a.supersized-prev span { margin-left:10px; background-position:-166px 0 }
#supersized-info a.supersized-prev:hover span { background-position:-204px 0 }
#supersized-info a.supersized-next { right:0 }
#supersized-info a.supersized-next span { margin-left:12px; background-position:-185px 0 }
#supersized-info a.supersized-next:hover span { background-position:-223px 0 }
.flexslider .slides .info, .iosSlider .info { z-index:1 }
.flex-direction-nav a { top:auto; bottom:0; z-index:3; display:block; width:40px; height:48px; background-color:rgba(255, 255, 255, 0.4); cursor:pointer }
.flex-direction-nav a span { display:block; width:19px; height:30px; margin-top:9px; background:url("../images/sprite.png") no-repeat -999px 0 }
.flex-direction-nav a.flex-prev { left:0 }
.flex-direction-nav a.flex-prev span { margin-left:10px; background-position:-166px 0 }
.flex-direction-nav a.flex-prev:hover span { background-position:-204px 0 }
.flex-direction-nav a.flex-next { right:0 }
.flex-direction-nav a.flex-next span { margin-left:12px; background-position:-185px 0 }
.flex-direction-nav a.flex-next:hover span { background-position:-223px 0 }
#main{ background:rgba(255, 255, 255, 0.95); }
#footer { background: rgba(112, 66, 20, 0.98);}
#footer, #footer blockquote{ color:#eee !important;}
#footer a{color:#F9F900;}
#main .wrapper, #footer .wrapper { padding:10px }
h1, h2, h3, h4, h5 { font-family:'Univers'; font-weight:400; color:#111; text-transform:uppercase }
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6{color:#fff;}
.box { background:#e6e6e6; margin-bottom:1.5em; padding:12px }
.portfolio-overview h4 { margin-bottom:1em }
.portfolio-overview p a.button { padding:4px 8px; margin-right:2px; margin-bottom:5px }
.portfolio-overview .icon-date:before { content:''; float:left; width:13px; height:15px; margin-right:6px; position:relative; top:3px; left:1px; background:url("../images/sprite.png") no-repeat -487px 0 }
.navigation { position:relative; top:-6px }
.navigation a { color:#000; font-size:15px; font-size:1.5rem; text-decoration:none; margin-bottom:10px; padding:5px }
.navigation a:hover { color:#a411a9 }
.navigation a span { display:inline-block; width:19px; height:30px; position:relative; top:9px; background:url("../images/sprite.png") no-repeat -999px 0 }
.navigation .prev span { margin-right:8px; background-position:-166px 0 }
.navigation .prev:hover span { background-position:-204px 0 }
.navigation .next span { margin-left:8px; background-position:-185px 0 }
.navigation .next:hover span { background-position:-223px 0 }
.navigation .all { border-left:1px dotted #b3b3b3; padding-left:15px; margin-left:5px }
.navigation .all span { width:30px; height:30px; margin-left:8px; background-position:-167px -32px }
.navigation .all:hover span { background-position:-200px -32px }
.navigation .no-border { border:0; margin-left:0; padding-left:0 }
.ie7 .navigation a span { display:inline; top:5px }
.ie7 .navigation a.next span, .ie7 .navigation a.all span { left:8px }
#sidebar h3 { margin-bottom:3px }
#sidebar .sep { margin-bottom:10px }
#sidebar .big-links { margin-left:0 }
#sidebar .big-links li { margin-bottom:6px }
#sidebar .big-links a { display:block; padding:6px 10px; border-left:3px solid #000; color:#000; background-color:#f2f2f2; -webkit-transition:all 100ms linear; -moz-transition:all 100ms linear; -ms-transition:all 100ms linear; -o-transition:all 100ms linear; transition:all 100ms linear }
#sidebar .big-links a:hover { color:#770c7b; border-left:6px solid #770c7b; background-color:#ebebeb; text-decoration:none }
#sidebar ul.comments { margin-top:1.5em }
#sidebar ul.comments li { position:relative }
#sidebar ul.comments li p { color:#808080 }
#sidebar ul.comments li:before { content:''; position:absolute; top:4px; left:-21px; width:15px; height:13px; margin-top:2px; margin-right:4px; background:url("../images/sprite.png") no-repeat -514px 0 }
#sidebar ul.tweets a { font-weight:700 }
#sidebar ul.tweets .date { color:#808080 }
.commentlist { list-style:none; margin-left:0 }
.commentlist .comment { border-top:1px dotted #e6e6e6; padding-top:1.5em; margin-top:1.5em }
.commentlist .bypostauthor { border-top:3px solid #a411a9; background-color:#ddd; background-color:rgba(0, 0, 0, .05); padding-bottom:1.5em }
.commentlist .comment .comment-author { float:left; margin-right:.75em }
.commentlist .comment .comment-author img { display:block }
.commentlist .comment h6 { margin-bottom:5px }
.commentlist .comment h6 a.name { text-decoration:none }
.commentlist .comment a.reply { font-weight:400; text-transform:none; font-size:11px; margin-left:5px; position:relative; top:-1px }
.commentlist .comment p { font-size:13px; line-height:19px; margin-bottom:0; margin-top:5px }
.commentlist .comment p.date { font-size:12px }
.commentlist .comment p.date:before { content:''; float:left; width:13px; height:15px; margin-right:6px; position:relative; top:1px; left:1px; background:url("../images/sprite.png") no-repeat -487px 0 }
.commentlist .comment .children { margin:0 0 0 2em; list-style:none }
#footer { font-size:13px; font-size:1.3rem }
#footer h4 { padding-bottom:10px; border-bottom:1px dotted #b3b3b3 }
#footer blockquote { border-left:0; padding:0 }
#footer .copyright { margin-bottom:0; color:#eee; font-size:11px; font-size:1.1rem }
#footer .rotator { position:relative }
#footer .rotator .prev, #footer .rotator .next { position:absolute; top:-48px }
#footer .rotator .next { left:111px }
#footer .rotator .prev { left:84px }
#footer .post-item { margin-bottom:.75em }
#footer .post-item img { float:left; margin-right:.75em }
#footer .post-item .title { line-height:16px; padding-top:6px; margin-bottom:0 }
#footer .post-item .date { color:#eee; font-size:11px; font-family:Georgia, "Times New Roman", Times, serif;}
#footer .flickr-feed a { float:left; display:block; width:60px; height:60px; margin-right:11px; margin-bottom:10px }
#footer .flickr-feed a img { display:block }
#top-link { display:inline-block; width:94px; height:24px; line-height:24px; right:20px; bottom:15px; background-color: rgba(112, 66, 20, 0.8); color:#fff; text-decoration:none; text-align:center; cursor:pointer; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; font-size:11px; font-size:1.1rem }
#top-link:hover { background-color:#000 }
#top-link span { position:relative; top:-1px }
.page-title.left { margin-bottom:0 }
.subtitle { color:#808080 }
#audioplayer { position:absolute; left:4%; top:76px; width:91%; z-index:-1 }
#audioplayer .panzerlist .list { max-height:220px }
#main .panzerlist { border:1px solid #e6e6e6; margin-bottom:1.5em }
.clients-grid { text-align:center }
.clients-grid .thumb { display:inline-block; margin:0 8px 15px }
.ie7 .clients-grid .thumb { display:inline }
.post:before, .post:after { display:table; content:"" }
.post:after { clear:both }
.post h3 { margin-bottom:.375em }
.post h3 a { color:#000 }
.post h3 a:hover { color:#770c7b }
.post .date { font-family:'Univers'; font-size:18px; font-size:1.8rem }
.post .date em{font-family:'Univers', Verdana, Geneva, sans-serif;}
.post .date strong { color:#bfbfbf; font-weight:400 }
.post .date em { font-style:normal; text-transform:uppercase; color:#bfbfbf }
.post .date span { color:#bfbfbf }
.post a.more { text-transform:uppercase }
.post .meta { margin-bottom:.75em; color:#808080; background-color:#f2f2f2; padding:10px 15px; font-size:12px; font-size:1.2rem }
.post .meta p { margin-bottom:0 }
.post .meta p span { position:relative }
.post .meta p span:before { content:''; float:left; position:relative; top:3px; width:13px; height:13px; margin-top:2px; margin-right:4px; background:url("../images/sprite.png") no-repeat -999px 0 }
.post .meta p span.permalink:before { background-position:-501px 0 }
.post .meta p span.comments:before { width:15px; background-position:-514px 0 }
.post .meta p span.tags:before { margin-top:3px; background-position:-529px 0 }
.pagination .button { padding-left:15px; padding-right:15px; margin-right:2px }
.social-links a { display:inline-block; width:50px; height:49px; margin-left:2px; margin-right:2px; background:url("../images/sprite.png") no-repeat -999px 0 }
.social-links .facebook { background-position:0 -65px }
.social-links .facebook:hover { background-position:0 -114px }
.social-links .twitter { background-position:-50px -65px }
.social-links .twitter:hover { background-position:-50px -114px }
.social-links .googleplus { background-position:-100px -65px }
.social-links .googleplus:hover { background-position:-100px -114px }
.social-links .flickr { background-position:-150px -65px }
.social-links .flickr:hover { background-position:-150px -114px }
.social-links .skype { background-position:-200px -65px }
.social-links .skype:hover { background-position:-200px -114px }
.social-links .linkedin { background-position:-250px -65px }
.social-links .linkedin:hover { background-position:-250px -114px }
.social-links .youtube { background-position:-300px -65px }
.social-links .youtube:hover { background-position:-300px -114px }
.social-links .rss { background-position:-350px -65px }
.social-links .rss:hover { background-position:-350px -114px }
.social-links .pinterest { background-position:-400px -65px }
.social-links .pinterest:hover { background-position:-400px -114px }
.social-links .dribbble { background-position:-450px -65px }
.social-links .dribbble:hover { background-position:-450px -114px }
.social-links .instagram { background-position:-500px -65px }
.social-links .instagram:hover { background-position:-500px -114px }
.social-links .vimeo { background-position:-550px -65px }
.social-links .vimeo:hover { background-position:-550px -114px }
.social-links .yahoo { background-position:-600px -65px }
.social-links .yahoo:hover { background-position:-600px -114px }
.social-links .tumblr { background-position:-650px -65px }
.social-links .tumblr:hover { background-position:-650px -114px }
.social-links .behance { background-position:-700px -65px }
.social-links .behance:hover { background-position:-700px -114px }
@media only screen and (min-width: 480px) {
#supersized-info .inner h2, #okvideo-info .inner h2, .flexslider .slides .info .inner h2, .iosSlider .info .inner h2, #supersized-info .inner p, #okvideo-info .inner p, .flexslider .slides .info .inner p, .iosSlider .info .inner p {
padding:0 35px
}
#supersized-info .inner p, #okvideo-info .inner p, .flexslider .slides .info .inner p, .iosSlider .info .inner p {
display:block
}
#supersized-info a.supersized-prev {
left:5px
}
#supersized-info a.supersized-next {
right:5px
}
.flex-direction-nav a {
bottom:12px
}
#audioplayer {
top:85px;
left:50%;
width:420px;
margin-left:-210px
}
}
@media only screen and (min-width: 768px) {
#header {
position:fixed;
left:0;
top:0;
width:100%;
z-index:5;
}
#header #logo {
float:left;
padding:15px;
height:55px;
}
#home #header #logo {background:rgba(112, 66, 20, 0.8);}
#header #logo h1 {
margin-bottom:0
}
#header #logo h1 img {
height:55px
}
#header nav {
position:absolute;
right:15px;
top:0;
display:block
}
#header nav ul {
margin-bottom:0
}
#header nav ul li {
display:inline-block;
transition: all 1s;
-webkit-transition: all 1s; /* Safari */
}
#header nav ul li a {
display:inline-block;
font-size:14px;
font-size:1.4rem;
line-height:85px;
padding:0 11px;
transition: all 1s;
-webkit-transition: all 1s; /* Safari */
}
#header nav ul li a:hover {
background-color:#f6e800;
background-color:rgba(246, 232, 0, 0.9)
}
#header nav ul li.arrow>a:after {
float:none
}
#header nav ul li ul {
visibility:hidden;
position:absolute;
top:100%;
left:0;
z-index:14;
margin-top:0;
padding-top:5px;
text-align:left;
min-width:150px;
height:auto;
cursor:pointer
}
#header nav ul li ul li {
display:block;
width:100%;
background-color:#f2f2f2;
background-color:rgba(242, 242, 242, .95);
border-bottom:1px solid #d9d9d9;
transition: all 1s;
-webkit-transition: all 1s; /* Safari */
}
#header nav ul li ul li a {
display:block;
font-size:14px;
font-size:1.4rem;
line-height:35px;
transition: all 1s;
-webkit-transition: all 1s; /* Safari */
}
#header nav ul li ul li a:hover {
background-color:#f6e800;
background-color:rgba(246, 232, 0, 0.9)
}
#header nav ul li ul li:last-child {
border:0
}
#header nav ul li ul li.arrow>a:after {
float:right
}
#header nav ul li ul li:hover>a, #header nav ul li ul li.hover>a {
background-color:#f6e800;
background-color:rgba(246, 232, 0, 0.9)
}
#header nav ul li ul ul {
top:0;
left:99%;
margin-top:0;
padding-top:0
}
#header nav ul li:hover, #header nav ul li.hover {
position:relative;
z-index:15;
cursor:default
}
#header nav ul li:hover>a, #header nav ul li.hover>a {
background-color:#f6e800;
background-color:rgba(246, 232, 0, 0.9)
}
#header nav ul li:hover>ul, #header nav ul li.hover>ul {
display:block;
visibility:visible
}
#header #menu-switch {
display:none
}
/*.fullpage #header {
background-color:#fff;
background-color:rgba(255, 255, 255, .95)
}*/
#header nav ul li ul li {
background-color:#704214;
background:rgba(112, 66, 20, 0.8);
border-bottom-color:#704214
}
.ie7 #header nav ul li {
display:inline
}
.ie7 #header nav ul li ul {
width:150px
}
#main .wrapper, #footer .wrapper {
padding:20px
}
#main {
margin-top:85px
}
#supersized-info, #okvideo-info, .flexslider .slides .info, .iosSlider .info {
z-index:1;
left:30px;
bottom:30px;
width:380px;
background-color:#fff;
background-color:rgba(246, 232, 0, 0.6);
}
#supersized-info .inner, #okvideo-info .inner, .flexslider .slides .info .inner, .iosSlider .info .inner {
padding:0 0 0 16px;
margin:20px;
border-left:1px dotted #fff
}
#supersized-info .inner:after, #okvideo-info .inner:after, .flexslider .slides .info .inner:after, .iosSlider .info .inner:after {
content:' ';
display:block;
position:absolute;
top:0;
left:1px;
height:100%;
border-left:1px dotted #fff
}
#supersized-info .inner h2, #okvideo-info .inner h2, .flexslider .slides .info .inner h2, .iosSlider .info .inner h2, #supersized-info .inner p, #okvideo-info .inner p, .flexslider .slides .info .inner p, .iosSlider .info .inner p {
padding:0;
text-align:left
}
#supersized-info .inner h2, #okvideo-info .inner h2, .flexslider .slides .info .inner h2, .iosSlider .info .inner h2 {
text-transform:uppercase
}
#supersized-info .inner h2 a, #okvideo-info .inner h2 a, .flexslider .slides .info .inner h2 a, .iosSlider .info .inner h2 a {
display:inline
}
#supersized-info .inner p, #okvideo-info .inner p, .flexslider .slides .info .inner p, .iosSlider .info .inner p {
padding-top:8px;
font-size:15px;
font-size:1.5rem
}
#supersized-info a.supersized-next, #supersized-info a.supersized-prev {
right:-73px;
margin-top:0;
background-color:#fff;
background-color:rgba(255, 255, 255, .95);
width:48px
}
#supersized-info a.supersized-next {
top:-20px
}
#supersized-info a.supersized-next span {
margin-left:16px
}
#supersized-info a.supersized-prev {
top:auto;
left:auto;
bottom:-20px
}
#supersized-info a.supersized-prev span {
margin-left:14px
}
.flex-direction-nav a {
top:50%;
bottom:auto;
margin-top:-24px
}
#audioplayer {
top:auto;
bottom:30px;
left:30px;
width:380px;
margin-left:0
}
.thumb.round, .thumb.round a.image-link, .thumb.round img, .thumb.round a.image-link:before {
-webkit-border-radius:100%;
-moz-border-radius:100%;
-o-border-radius:100%;
border-radius:100%
}
.thumb a.image-link:before {
content:'';
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background-color:#111;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all 200ms linear;
-moz-transition:all 200ms linear;
-ms-transition:all 200ms linear;
-o-transition:all 200ms linear;
transition:all 200ms linear
}
.thumb a.image-link:hover:before {
opacity:.2;
filter:alpha(opacity=20)
}
.thumb .info {
text-align:center
}
.features-boxes {
display:table
}
.features-boxes .box {
display:table-cell;
width:33.33%
}
.features-boxes .box .inner {
border-bottom:0;
border-right:1px dotted #b3b3b3
}
.features-boxes .last .inner {
border-right:0
}
.ie7 .features-boxes {
display:block
}
.ie7 .features-boxes .box {
float:left
}
h1 {
font-size:33px;
font-size:3.3rem
}
h2 {
font-size:29px;
font-size:2.9rem
}
h3 {
font-size:25px;
font-size:2.5rem
}
h4 {
font-size:21px;
font-size:2.1rem
}
h5 {
font-size:17px;
font-size:1.7rem
}
.page-title.left {
float:left;
margin-bottom:.75em
}
.subtitle {
float:right;
text-transform:uppercase
}
.subtitle p {
margin-bottom:.75em;
line-height:3.3
}
.post h3 {
position:relative;
top:-1px
}
.post .date {
float:left;
width:77px;
margin-right:17px;
position:relative;
top:2px
}
.post .date strong {
font-size:51px;
font-size:5.1rem;
color:#111
}
.post .date em {
font-size:25px;
font-size:2.5rem;
position:absolute;
left:43px;
top:-6px
}
.post .date span {
position:absolute;
left:43px;
bottom:0
}
.post .date:before, .post .date:after {
content:'';
display:block;
position:absolute;
top:-2px;
height:37px;
border-left:1px dotted #bfbfbf
}
.post .date:before {
right:-5px
}
.post .date:after {
right:-7px
}
.post .meta p {
float:left;
width:30%;
margin-right:3%;
line-height:1.5em
}
.post .meta p span {
display:block
}
.post .meta p span:before {
top:0
}
.ie7 .post .date {
height:38px
}
.ie7 .post .date strong {
position:relative;
top:-9px;
line-height:44px
}
.commentlist .comment .comment-body {
position:relative;
margin-left:95px
}
.commentlist .comment h6 {
padding-right:100px
}
.commentlist .comment p {
margin-top:0
}
.commentlist .comment p.date {
position:absolute;
top:0;
right:0
}
.commentlist .comment .children {
margin-left:95px
}
.pagination .button {
margin-bottom:0
}
#footer .rotator .prev, #footer .rotator .next {
top:-50px
}
#footer .rotator .next {
left:125px
}
#footer .rotator .prev {
left:98px
}
#footer #top-link {
float:right
}
.ie7 #footer #top-link {
float:none
}
table th, table td {
padding:6px 8px;
font-size:15px;
font-size:1.5rem
}
.col {
float:left;
margin-left:2%
}
.grid1 {
width:6.5%;
margin-left:2%
}
.grid2 {
width:15%;
margin-left:2%
}
.grid3 {
width:23.5%;
margin-left:2%
}
.grid4 {
width:32%;
margin-left:2%
}
.grid5 {
width:40.5%;
margin-left:2%
}
.grid6 {
width:49%;
margin-left:2%
}
.grid7 {
width:57.5%;
margin-left:2%
}
.grid8 {
width:66%;
margin-left:2%
}
.grid9 {
width:74.5%;
margin-left:2%
}
.grid10 {
width:83%;
margin-left:2%
}
.grid11 {
width:91.5%;
margin-left:2%
}
.grid12 {
margin-left:0;
width:100%
}
.alpha {
margin-left:0
}
}
@media only screen and (min-width: 992px) {
#header #logo {
height:60px
}
#header #logo h1 img {
height:60px
}
#header nav {
float:left;
margin-left:50px;
position:relative
}
#header nav:before, #header nav:after {
top:25px
}
#header nav ul li a {
font-size:15px;
font-size:1.5rem;
padding:0 11px;
line-height:90px
}


/*#header .social-links:before, #header .social-links:after {
content:'';
display:block;
position:absolute;
top:5px;
height:41px;
border-left:1px dotted #bfbfbf
}*/
#header .social-links:before {
left:-10px
}
#header .social-links:after {
left:-12px
}
#header a.supersized-next, #header a.supersized-prev {
position:absolute;
top:98px;
display:block;
width:95px;
height:95px;
background-color:#704214;
background-color:rgba(112, 66, 20, 0.8);
cursor:pointer;
display:none;
}
#header a.supersized-next span, #header a.supersized-prev span {
display:block;
width:41px;
height:64px;
margin-top:15px;
background:url("../images/sprite.png") no-repeat -999px 0
}
#header a.supersized-prev {
right:105px
}
#header a.supersized-prev span {
margin-left:26px;
background-position:0 0
}
#header a.supersized-prev:hover span {
background-position:-83px 0
}
#header a.supersized-next {
right:0
}
#header a.supersized-next span {
margin-left:29px;
background-position:-41px 0
}
#header a.supersized-next:hover span {
background-position:-124px 0
}
#main {
margin-top:90px
}
.subtitle p {
margin-bottom:.75em;
line-height:3.5
}
#supersized-info, #okvideo-info, .flexslider .slides .info, .iosSlider .info {
left:50px;
bottom:50px;
width:460px
}
#supersized-info .inner, #okvideo-info .inner, .flexslider .slides .info .inner, .iosSlider .info .inner {
padding:0 0 0 25px;
margin:25px 20px 25px 30px
}
#supersized-info .inner p, #okvideo-info .inner p, .flexslider .slides .info .inner p, .iosSlider .info .inner p {
padding-top:15px; color:#111;
}
#supersized-info a.supersized-next, #supersized-info a.supersized-prev {
display:none
}
.call-to-action {
padding:15px 20px
}
.call-to-action p {
margin-bottom:0
}
.call-to-action .left {
float:left
}
.call-to-action .right {
margin-left:10px;
margin-top:7px;
float:right
}
.clients-grid {
text-align:left
}
.clients-grid .thumb {
margin:0 3px 10px
}
table td {
padding:8px 12px
}
table th {
padding:10px 12px
}
@-webkit-keyframes shake {
0%, 20%, 50%, 80%, 100% {
-webkit-transform:translatex(0)
}
40% {
-webkit-transform:translatex(-10px)
}
60% {
-webkit-transform:translatex(-5px)
}
}
@-moz-keyframes shake {
0%, 20%, 50%, 80%, 100% {
-moz-transform:translatex(0)
}
40% {
-moz-transform:translatex(-10px)
}
60% {
-moz-transform:translatex(-5px)
}
}
@-o-keyframes shake {
0%, 20%, 50%, 80%, 100% {
-o-transform:translatex(0)
}
40% {
-o-transform:translatex(-10px)
}
60% {
-o-transform:translatex(-5px)
}
}
@keyframes shake {
0%, 20%, 50%, 80%, 100% {
transform:translatex(0)
}
40% {
transform:translatex(-10px)
}
60% {
transform:translatex(-5px)
}
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity:1
}
25%, 75% {
opacity:0
}
}
@-moz-keyframes flash {
0%, 50%, 100% {
opacity:1
}
25%, 75% {
opacity:0
}
}
@-o-keyframes flash {
0%, 50%, 100% {
opacity:1
}
25%, 75% {
opacity:0
}
}
@keyframes flash {
0%, 50%, 100% {
opacity:1
}
25%, 75% {
opacity:0
}
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform:translatey(0)
}
40% {
-webkit-transform:translatey(-10px)
}
60% {
-webkit-transform:translatey(-5px)
}
}
@-moz-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-moz-transform:translatey(0)
}
40% {
-moz-transform:translatey(-10px)
}
60% {
-moz-transform:translatey(-5px)
}
}
@-o-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-o-transform:translatey(0)
}
40% {
-o-transform:translatey(-10px)
}
60% {
-o-transform:translatey(-5px)
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
transform:translatey(0)
}
40% {
transform:translatey(-10px)
}
60% {
transform:translatey(-5px)
}
}
@-webkit-keyframes tada {
0% {
-webkit-transform:scale(1)
}
10%, 20% {
-webkit-transform:scale(0.9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale(1.1) rotate(-3deg)
}
100% {
-webkit-transform:scale(1) rotate(0)
}
}
@-moz-keyframes tada {
0% {
-moz-transform:scale(1)
}
10%, 20% {
-moz-transform:scale(0.9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-moz-transform:scale(1.1) rotate(3deg)
}
40%, 60%, 80% {
-moz-transform:scale(1.1) rotate(-3deg)
}
100% {
-moz-transform:scale(1) rotate(0)
}
}
@-o-keyframes tada {
0% {
-o-transform:scale(1)
}
10%, 20% {
-o-transform:scale(0.9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-o-transform:scale(1.1) rotate(3deg)
}
40%, 60%, 80% {
-o-transform:scale(1.1) rotate(-3deg)
}
100% {
-o-transform:scale(1) rotate(0)
}
}
@keyframes tada {
0% {
transform:scale(1)
}
10%, 20% {
transform:scale(0.9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
transform:scale(1.1) rotate(3deg)
}
40%, 60%, 80% {
transform:scale(1.1) rotate(-3deg)
}
100% {
transform:scale(1) rotate(0)
}
}
@-webkit-keyframes swing {
20%, 40%, 60%, 80%, 100% {
-webkit-transform-origin:top center
}
20% {
-webkit-transform:rotate(10deg)
}
40% {
-webkit-transform:rotate(-5deg)
}
60% {
-webkit-transform:rotate(2deg)
}
80% {
-webkit-transform:rotate(-3deg)
}
100% {
-webkit-transform:rotate(0deg)
}
}
@-moz-keyframes swing {
20% {
-moz-transform:rotate(10deg)
}
40% {
-moz-transform:rotate(-5deg)
}
60% {
-moz-transform:rotate(2deg)
}
80% {
-moz-transform:rotate(-2deg)
}
100% {
-moz-transform:rotate(0deg)
}
}
@-o-keyframes swing {
20% {
-o-transform:rotate(10deg)
}
40% {
-o-transform:rotate(-5deg)
}
60% {
-o-transform:rotate(2deg)
}
80% {
-o-transform:rotate(-2deg)
}
100% {
-o-transform:rotate(0deg)
}
}
@keyframes swing {
20% {
transform:rotate(10deg)
}
40% {
transform:rotate(-5deg)
}
60% {
transform:rotate(2deg)
}
80% {
transform:rotate(-2deg)
}
100% {
transform:rotate(0deg)
}
}
@-webkit-keyframes wobble {
0% {
-webkit-transform:translatex(0%)
}
15% {
-webkit-transform:translatex(-15%) rotate(-3deg)
}
30% {
-webkit-transform:translatex(10%) rotate(3deg)
}
45% {
-webkit-transform:translatex(-10%) rotate(-3deg)
}
60% {
-webkit-transform:translatex(5%) rotate(2deg)
}
75% {
-webkit-transform:translatex(-5%) rotate(-1deg)
}
100% {
-webkit-transform:translatex(0%)
}
}
@-moz-keyframes wobble {
0% {
-moz-transform:translatex(0%)
}
15% {
-moz-transform:translatex(-15%) rotate(-3deg)
}
30% {
-moz-transform:translatex(10%) rotate(3deg)
}
45% {
-moz-transform:translatex(-10%) rotate(-3deg)
}
60% {
-moz-transform:translatex(5%) rotate(2deg)
}
75% {
-moz-transform:translatex(-5%) rotate(-1deg)
}
100% {
-moz-transform:translatex(0%)
}
}
@-o-keyframes wobble {
0% {
-o-transform:translatex(0%)
}
15% {
-o-transform:translatex(-15%) rotate(-3deg)
}
30% {
-o-transform:translatex(10%) rotate(3deg)
}
45% {
-o-transform:translatex(-10%) rotate(-3deg)
}
60% {
-o-transform:translatex(5%) rotate(2deg)
}
75% {
-o-transform:translatex(-5%) rotate(-1deg)
}
100% {
-o-transform:translatex(0%)
}
}
@keyframes wobble {
0% {
transform:translatex(0%)
}
15% {
transform:translatex(-15%) rotate(-3deg)
}
30% {
transform:translatex(10%) rotate(3deg)
}
45% {
transform:translatex(-10%) rotate(-3deg)
}
60% {
transform:translatex(5%) rotate(2deg)
}
75% {
transform:translatex(-5%) rotate(-1deg)
}
100% {
transform:translatex(0%)
}
}
@-webkit-keyframes wiggle {
0% {
-webkit-transform:skewx(9deg)
}
10% {
-webkit-transform:skewx(-8deg)
}
20% {
-webkit-transform:skewx(7deg)
}
30% {
-webkit-transform:skewx(-6deg)
}
40% {
-webkit-transform:skewx(5deg)
}
50% {
-webkit-transform:skewx(-4deg)
}
60% {
-webkit-transform:skewx(3deg)
}
70% {
-webkit-transform:skewx(-2deg)
}
80% {
-webkit-transform:skewx(1deg)
}
90% {
-webkit-transform:skewx(0deg)
}
100% {
-webkit-transform:skewx(0deg)
}
}
@-moz-keyframes wiggle {
0% {
-moz-transform:skewx(9deg)
}
10% {
-moz-transform:skewx(-8deg)
}
20% {
-moz-transform:skewx(7deg)
}
30% {
-moz-transform:skewx(-6deg)
}
40% {
-moz-transform:skewx(5deg)
}
50% {
-moz-transform:skewx(-4deg)
}
60% {
-moz-transform:skewx(3deg)
}
70% {
-moz-transform:skewx(-2deg)
}
80% {
-moz-transform:skewx(1deg)
}
90% {
-moz-transform:skewx(0deg)
}
100% {
-moz-transform:skewx(0deg)
}
}
@-o-keyframes wiggle {
0% {
-o-transform:skewx(9deg)
}
10% {
-o-transform:skewx(-8deg)
}
20% {
-o-transform:skewx(7deg)
}
30% {
-o-transform:skewx(-6deg)
}
40% {
-o-transform:skewx(5deg)
}
50% {
-o-transform:skewx(-4deg)
}
60% {
-o-transform:skewx(3deg)
}
70% {
-o-transform:skewx(-2deg)
}
80% {
-o-transform:skewx(1deg)
}
90% {
-o-transform:skewx(0deg)
}
100% {
-o-transform:skewx(0deg)
}
}
@keyframes wiggle {
0% {
transform:skewx(9deg)
}
10% {
transform:skewx(-8deg)
}
20% {
transform:skewx(7deg)
}
30% {
transform:skewx(-6deg)
}
40% {
transform:skewx(5deg)
}
50% {
transform:skewx(-4deg)
}
60% {
transform:skewx(3deg)
}
70% {
transform:skewx(-2deg)
}
80% {
transform:skewx(1deg)
}
90% {
transform:skewx(0deg)
}
100% {
transform:skewx(0deg)
}
}
@-webkit-keyframes pulse {
0% {
-webkit-transform:scale(1)
}
25% {
-webkit-transform:scale(1.1)
}
50% {
-webkit-transform:scale(1)
}
75% {
-webkit-transform:scale(1.1)
}
100% {
-webkit-transform:scale(1)
}
}
@-moz-keyframes pulse {
0% {
-moz-transform:scale(1)
}
25% {
-moz-transform:scale(1.1)
}
50% {
-moz-transform:scale(1)
}
75% {
-moz-transform:scale(1.1)
}
100% {
-moz-transform:scale(1)
}
}
@-o-keyframes pulse {
0% {
-o-transform:scale(1)
}
25% {
-o-transform:scale(1.1)
}
50% {
-o-transform:scale(1)
}
75% {
-o-transform:scale(1.1)
}
100% {
-o-transform:scale(1)
}
}
@keyframes pulse {
0% {
transform:scale(1)
}
25% {
transform:scale(1.1)
}
50% {
transform:scale(1)
}
75% {
transform:scale(1.1)
}
100% {
transform:scale(1)
}
}
@-webkit-keyframes flip {
0% {
-webkit-transform:perspective(400px) rotatey(0);
-webkit-animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) translatez(150px) rotatey(170deg);
-webkit-animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(400px) translatez(150px) rotatey(190deg) scale(1);
-webkit-animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) rotatey(360deg) scale(0.95);
-webkit-animation-timing-function:ease-in
}
100% {
-webkit-transform:perspective(400px) scale(1);
-webkit-animation-timing-function:ease-in
}
}
@-moz-keyframes flip {
0% {
-moz-transform:perspective(400px) rotatey(0);
-moz-animation-timing-function:ease-out
}
40% {
-moz-transform:perspective(400px) translatez(150px) rotatey(170deg);
-moz-animation-timing-function:ease-out
}
50% {
-moz-transform:perspective(400px) translatez(150px) rotatey(190deg) scale(1);
-moz-animation-timing-function:ease-in
}
80% {
-moz-transform:perspective(400px) rotatey(360deg) scale(0.95);
-moz-animation-timing-function:ease-in
}
100% {
-moz-transform:perspective(400px) scale(1);
-moz-animation-timing-function:ease-in
}
}
@-o-keyframes flip {
0% {
-o-transform:perspective(400px) rotatey(0);
-o-animation-timing-function:ease-out
}
40% {
-o-transform:perspective(400px) translatez(150px) rotatey(170deg);
-o-animation-timing-function:ease-out
}
50% {
-o-transform:perspective(400px) translatez(150px) rotatey(190deg) scale(1);
-o-animation-timing-function:ease-in
}
80% {
-o-transform:perspective(400px) rotatey(360deg) scale(0.95);
-o-animation-timing-function:ease-in
}
100% {
-o-transform:perspective(400px) scale(1);
-o-animation-timing-function:ease-in
}
}
@keyframes flip {
0% {
transform:perspective(400px) rotatey(0);
animation-timing-function:ease-out
}
40% {
transform:perspective(400px) translatez(150px) rotatey(170deg);
animation-timing-function:ease-out
}
50% {
transform:perspective(400px) translatez(150px) rotatey(190deg) scale(1);
animation-timing-function:ease-in
}
80% {
transform:perspective(400px) rotatey(360deg) scale(0.95);
animation-timing-function:ease-in
}
100% {
transform:perspective(400px) scale(1);
animation-timing-function:ease-in
}
}
.shake:hover {
-webkit-animation-name:shake;
-moz-animation-name:shake;
-o-animation-name:shake;
animation-name:shake
}
.flash:hover {
-webkit-animation-name:flash;
-moz-animation-name:flash;
-o-animation-name:flash;
animation-name:flash
}
.bounce:hover {
-webkit-animation-name:bounce;
-moz-animation-name:bounce;
-o-animation-name:bounce;
animation-name:bounce
}
.tada:hover {
-webkit-animation-name:tada;
-moz-animation-name:tada;
-o-animation-name:tada;
animation-name:tada
}
.swing:hover {
-webkit-transform-origin:top center;
-moz-transform-origin:top center;
-o-transform-origin:top center;
transform-origin:top center;
-webkit-animation-name:swing;
-moz-animation-name:swing;
-o-animation-name:swing;
animation-name:swing
}
.wobble:hover {
-webkit-animation-name:wobble;
-moz-animation-name:wobble;
-o-animation-name:wobble;
animation-name:wobble
}
.pulse:hover {
-webkit-animation-name:pulse;
-moz-animation-name:pulse;
-o-animation-name:pulse;
animation-name:pulse
}
.wiggle:hover {
-webkit-animation-name:wiggle;
-moz-animation-name:wiggle;
-o-animation-name:wiggle;
animation-name:wiggle;
-webkit-animation-timing-function:ease-in;
-moz-animation-timing-function:ease-in;
-o-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
.flip:hover {
-webkit-backface-visibility:visible!important;
-webkit-animation-name:flip;
-moz-backface-visibility:visible!important;
-moz-animation-name:flip;
-o-backface-visibility:visible!important;
-o-animation-name:flip;
backface-visibility:visible!important;
animation-name:flip
}
.animated {
-webkit-animation-duration:750ms;
-moz-animation-duration:750ms;
-o-animation-duration:750ms;
animation-duration:750ms;
-webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both
}
.animated.hinge {
-webkit-animation-duration:1.4s;
-moz-animation-duration:1.4s;
-o-animation-duration:1.4s;
animation-duration:1.4s
}
}
@media only screen and (min-width: 1260px) {
#header {
width:1240px;
left:50%;
margin-left:-620px
}
#header #logo {
height:72px
}
#home #header #logo {
height:155px
}
#header #logo h1 img {
height:80px;
width:auto;
}
#home #header #logo h1 img {
height:144px;
width:auto;
}
#header nav {
margin-left:25px;
padding:0 20px;
}

#header nav:before, #header nav:after {
top:30px
}
#header nav ul li a {
font-size:17px;
font-size:1.7rem;
text-transform:uppercase;
padding:0 13px;
line-height:102px
}
#header nav ul li ul {
min-width:230px
}
#header nav ul li ul li a {
line-height:42px
}
#header .social-links {
margin-top:25px
}
#header a.supersized-next, #header a.supersized-prev {
top:300px
}
.ie7 #header nav ul li ul {
width:200px
}
#main, #footer {
width:1240px;
margin:0 auto
}
#main .wrapper, #footer .wrapper {
padding:1.5em
}
#main {
margin-top:102px;
}
h1 {
font-size:35px;
font-size:3.5rem
}
h2 {
font-size:31px;
font-size:3.1rem
}
h3 {
font-size:27px;
font-size:2.7rem
}
h4 {
font-size:23px;
font-size:2.3rem
}
h5 {
font-size:19px;
font-size:1.9rem
}
.subtitle p {
margin-bottom:0;
line-height:4.1
}
#footer .rotator .prev, #footer .rotator .next {
top:-54px
}
#footer .rotator .next {
left:130px
}
#footer .rotator .prev {
left:103px
}
#supersized-info, #okvideo-info, .flexslider .slides .info, .iosSlider .info {
left:50%;
width:500px;
margin-left:-620px
}
.flexslider .slides .info, .iosSlider .info {
left:20px;
bottom:20px;
margin-left:0
}
#audioplayer {
bottom:40px;
left:50%;
width:480px;
margin-left:-620px
}
#audioplayer .panzerlist-big .player {
padding:0 10px 10px;
height:74px
}
#audioplayer .panzerlist-big .progress-wrapper {
left:10px;
top:6px;
right:10px
}
#audioplayer .panzerlist-big .volume-wrapper {
top:44px;
right:10px;
width:132px
}
#audioplayer .panzerlist-big .volume-wrapper .volume {
width:100px
}
#audioplayer .panzerlist-big span.duration {
top:21px;
right:150px
}
#audioplayer .panzerlist-big .title {
padding:10px
}
#audioplayer .panzerlist-big .list a {
padding:10px 12px;
line-height:24px
}
}
@media only screen and (min-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
html {
background-url:url('../images/bg_pattern2.png');
-webkit-background-size:44px 44px;
-moz-background-size:44px 44px;
-o-background-size:44px 44px;
background-size:44px 44px
}
#fancybox-loading div, #okvideo-loader, .panorama .preloader, .video-container {
background-image:url("../images/loading2.gif");
-webkit-background-size:26px 26px;
-moz-background-size:26px 26px;
-o-background-size:26px 26px;
background-size:26px 26px
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image:url("../images/fancybox_sprite2.png");
-webkit-background-size:44px 152px;
-moz-background-size:44px 152px;
-o-background-size:44px 152px;
background-size:44px 152px
}
#supersized-info a.supersized-next span, #supersized-info a.supersized-prev span, .flex-direction-nav a span, .portfolio-overview .icon-date:before, .navigation a span, #sidebar ul.comments li:before, .commentlist .comment p.date:before, .post .meta p span:before, .social-links a, .thumb .icon-fullsize, .thumb .icon-link, .thumb .icon-video, .rotator .prev, .rotator .next {
background-image:url("../images/sprite2.png");
-webkit-background-size:750px 163px;
-moz-background-size:750px 163px;
-o-background-size:750px 163px;
background-size:750px 163px
}
}
@media print {
* { background:transparent!important; color:#000!important; box-shadow:none!important; text-shadow:none!important; filter:none!important; -ms-filter:none!important }
@page {
margin:.5cm
}
h2, h3 { orphans:3; widows:3; page-break-after:avoid }
p { orphans:3; widows:3 }
pre, blockquote { border:1px solid #808080; page-break-inside:avoid }
abbr[title]:after { content:" (" attr(title) ")" }
a, a:visited { text-decoration:underline }
a[href]:after { content:" (" attr(href) ")" }
a[href^="javascript:"]:after, a[href^="#"]:after {
content:""
}
img { max-width:100%!important; page-break-inside:avoid }
thead { display:table-header-group }
tr { page-break-inside:avoid }
}

.personalized{margin:-6px 0 0 10px;}
.address strong{min-width:80px; display:inline-block;}
.cafe-hours strong{min-width:150px; display:inline-block;}
.location img{box-shadow:0 0 0 10px rgba(205, 163, 44, 0.4); margin:0 5% 5% 5%; width:90%;}
.news-col .sep{margin:20px 0 30px;}
.post h2{margin:0;}
.anniversary{width:100%; height:auto; margin-bottom:20px;}

@media only screen and (max-width: 768px){
.personalized{display:block; margin:0px auto 10px;}

#home .social-links {
display:none;
}
}
.powered-by{float:right; margin-right:20px;}
.hour-op{display:block; margin-bottom:20px;}
.hour-op h5{margin:15px 0 5px;}
.hour-op .row{display:block !important; line-height:1.8em; border-bottom:1px solid #ddd;}
.hour-op .row:after{clear:both;}
.hour-op .row:after, .hour-op .row:before{display:table; content:'';}
.hour-op .row .col1, .hour-op .row .col2{display:block; width:40%; float:left;}
.hour-op .row .col2{width:60%;}
.area-title{margin-top:30px;}
.xmas{text-align:center;}

@media only screen and (min-width: 1960px) {
	#header nav ul li a {
font-size:17px;
font-size:1.7rem;
text-transform:uppercase;
padding:0 3px;
line-height:102px
}
}