@charset "utf-8";

/* CSS Document */

/* Copyright 2015 Propaganda Design Inc. */



/*-------------------------------------------------------------------

	Base

-------------------------------------------------------------------*/

*, *:before, *:after, input, textarea, select { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

body { font-family: 'Roboto', sans-serif; font-weight:300; font-size:12px; background:url(../images/common/bg.jpg); background-attachment:fixed; }

header { height:67px; }

header section {  position:relative; }

section { }

footer {  }

p a { color:#f7a11a; }

h1, h2, h3 { font-family:Bernard,serif; font-weight:normal; }

h1 { font-size:57px; color:#82522f; text-transform:uppercase; text-align:center; margin:20px 0 20px 0; }

h1 .year { display:block; font-size:24px; font-family: 'Roboto', sans-serif; text-transform:none; font-weight:400; color:#cb7424; padding:10px 0 0 0;  }

/*h2 { font-size:50px; color:#82522f; text-transform:uppercase; text-align:center; margin:80px 0 20px 0; }

h2 .year { display:block; font-size:25px; font-family: 'Roboto', sans-serif; font-weight:400; padding:10px 0 0 0;  }*/
h2 { font-size:35px; color:#82522f; font-weight:300; font-family: 'Roboto', sans-serif; text-align:center; margin:80px 0 20px 0; }

h2 .year { display:block;color:#cb7424; font-size:25px; font-family: 'Roboto', sans-serif; font-weight:400; padding:10px 0 0 0;  }


h3 { font-size:35px; color:#82522f; text-align:center; margin:80px 0 20px 0; }

p, ul { margin:0 0 12px 0; font-size:18px; line-height:30px; color:#4c311e; text-align:center; }

ul > li:before { content:"•"; padding:0 12px 0 0; display:inline-block; float:left; }

ul ul { margin:0 0 0 12px; }

ul > li { margin:4px 0 4px 0; }

ul { margin:0 0 20px 12px; list-style:none; text-indent:-12px; }

strong { font-weight:500; }

em { font-style:italic; color:#cb7424; }

hr { border:none; height:6px; background:#e19216; width:287px; margin:20px auto; }

table {    margin: 0 auto 0 auto;     font-size: 18px;
    line-height: 20px;     color: #4c311e;}

table th {  padding:10px; text-align:left; font-size:14px; }

table td {  padding:10px;  }

table tr:nth-child(odd) td { }

label { display:block; }

input, textarea, select { font-family:Arial,Helvetica,sans-serif; }

input[type=text], textarea, select { -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; border:1px solid #CCC; display:block; width:100%; margin:0 0 10px 0; padding:8px 8px; }

input:focus, textarea:focus, input:hover, textarea:hover, select:focus, select:hover { outline:none; border:1px solid #999; }

textarea { resize:vertical; min-height:150px; }

input[type=submit] { cursor:pointer; border:none; display:block; -webkit-appearance:none; -moz-appearance:none; appearance:none; }

input[type='radio'] { opacity:0; float:left; width:16px; height:16px; cursor:default; padding:0; margin:0; }

input[type='radio'] + label { background-image:url(../images/common/radio-off.png); background-repeat:no-repeat; height:16px; padding:3px 0 0 20px; display:block; margin:0 0 8px 0; }

input[type='radio']:checked + label { background-image:url(../images/common/radio-on.png); }

input[type='checkbox'] { opacity:0; float:left; width:16px; height:16px; cursor:default; padding:0; margin:0; }

input[type='checkbox'] + label { background-image:url(../images/common/check-off.png); background-repeat:no-repeat; height:16px; padding:3px 0 0 20px; display:block; margin:0 0 8px 0; }

input[type='checkbox']:checked + label { background-image:url(../images/common/check-on.png); }

input[type="text"]:disabled { background:#dddddd; }

input:disabled:hover, textarea:disabled:hover { border:1px solid #CCC; }

select { background:url(../images/common/form-select.png) no-repeat center right; }

select:hover, select:focus { background:url(../images/common/form-select.png) no-repeat center right; }

::selection { background:#f7a11a; color:#FFF; }

::-moz-selection { background:#f7a11a; border:1px solid #f7a11a; color:#FFF; }

::-webkit-input-placeholder { color:#999; }

:-moz-placeholder { color:#999; }

::-moz-placeholder { color:#999; }

:-ms-input-placeholder { color:#999; }



/*-------------------------------------------------------------------

	Modules (ex.: .box)

-------------------------------------------------------------------*/

.navigation { position:relative; z-index:100; font-size:0; position:relative; top:16px; }

.navigation ul li:before { content:""; padding:0; float:none; display:inline; }

.navigation > ul { position:relative; z-index:1; margin:0; text-indent:0; font-size:0; }

.navigation > ul > li { display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin:0; }

.navigation > ul > li > a { font-family:Bernard,serif; font-weight:normal; color:#82522f; display:block; font-size:30px; line-height:33px; text-align:center; -webkit-transition:color .3s ease; -moz-transition:color .3s ease; -o-transition:color .3s ease; transition:color .3s ease; }

.navigation > ul > li:hover > a, .navigation > ul > .is-selected >  a { color:#cb7424; }

.navigation > ul > li > a:after { content:"•"; padding:0 12px; color:#82522f; }

.navigation > ul > li:last-child > a:after { content:""; padding:0; }

.navigation > ul > li > ul { zoom:1; filter:alpha(opacity=0); opacity:0; display:none; position:absolute; margin:0; }

.navigation > ul > li > ul > li { margin:0; text-indent:0px; }

.navigation > ul > li > ul > li > a { padding:7px 10px; background:#FFF; display:block; }

.navigation > ul > li > ul > li:hover > a { background:#CCC; }

.languages { text-indent:0; margin:0; }

.languages li { margin:0; }

.languages li:before { content:""; padding:0; float:none; display:inline; }

.btn { display:inline-block; font-size:14px; padding:10px 12px; color:#FFF; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; opacity:1; margin:0 5px 0 0; }

.btn:hover { opacity:0.8; }

#map_canvas { height:400px; margin:30px 0; }

.bugel-slide { display:block; width:100%; height:623px; background-repeat:no-repeat; background-color:#d8c89f; background-position:top center; background-size: cover; }

.bugel-slide-home { width:100%; max-width:1200px; margin:0 auto; display:block; background-repeat:no-repeat; background-position:top center; background-size:contain; }

.bagels {  margin:50px 0; }

.bagel { text-align:center; margin:0 0 50px 0; }

.bagel-picture { display:block; width:80%; margin:0 auto; }

.bagel h1 { margin:0px 0 15px 0; }

footer p { font-weight:400; color:#82522f; padding:150px 0 0 0; }

.icon-facebook { display:block;width:13px; z-index:101; height:25px; background:url(../images/common/icon-facebook.png); position:absolute; top:18px; right:0;  -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }

.icon-facebook:hover { background:url(../images/common/icon-facebook-over.png);  }

.picture-preview { width:100%; height:198px; display:block; background-repeat:no-repeat; /*border:10px solid #FFF;*/ margin:0 0 40px 0;-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.24); -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.24);box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.24); -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;}

.picture-preview:hover{-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.7);-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.7);box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.7); }

.fancybox-inner {  }

.menu { margin:50px 0 90px 0; }

.map-title {font-family:Bernard,serif; font-weight:normal; color:#82522f; font-size:26px; padding:14px 10px 0 10px; text-align:center; }

.map-location { line-height:20px; margin:0; }

.picture-description { display:block; position:relative; top:-33px; font-size:14px; }
.menu-bugel { font-size:24px; border:1px solid #f7a11a; display:inline-block; padding:8px 10px; }
.fullwidth { width: 100%; display: block; }

/*-------------------------------------------------------------------

	States (ex.: .is-collapsed)

-------------------------------------------------------------------*/

.app-msg { padding:15px; font-size:16px; color:#FFF; line-height:20px; }

.app-msg > p { display:block; clear:both; line-height:22px; }

.app-msg > p > .msg-icon { width:23px; height:23px; display:block; float:left; margin:0 5px 9px 0; }

.app-msg strong { font-weight:bold; }

.msg { padding:15px; font-size:16px; color:#FFF; line-height:20px; margin:0 0 10px 0; }

.msg > p { display:block; clear:both; line-height:22px; }

.msg > p > .msg-icon { width:23px; height:23px; display:block; float:left; margin:0 5px 9px 0; }

.msg strong { font-weight:bold; }

.is-success { background:#8BC24A; }

.is-success > p > .msg-icon { background:url(../images/common/icon-success.png); }

.is-failure { background:#F44236; }

.is-failure > p > .msg-icon { background:url(../images/common/icon-error.png); }

.is-error { border:1px solid #F44236 !important; color:#F44236; }

.is-error::-webkit-input-placeholder { color:#F44236; }

.is-error:-moz-placeholder { color:#F44236; }

.is-error::-moz-placeholder { color:#F44236; }

.is-error:-ms-input-placeholder { color:#F44236; }

.is-successful { border:1px solid #8BC24A !important; color:#8BC24A; }

.is-successful::-webkit-input-placeholder { color:#8BC24A; }

.is-successful:-moz-placeholder { color:#8BC24A; }

.is-successful::-moz-placeholder { color:#8BC24A; }

.is-successful:-ms-input-placeholder { color:#8BC24A; }

.is-full-width { display:block; width:100%; }

.last-row-is-highlighted td:last-child { background:#52a2ff; }

.has-rounded-corners { -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }

.has-box-shadow { -webkit-box-shadow:4px 4px 0px 0px rgba(0,0,0,0.75); -moz-box-shadow:4px 4px 0px 0px rgba(0,0,0,0.75); box-shadow:4px 4px 0px 0px rgba(0,0,0,0.75); margin-bottom:4px; }

.has-blue-bg { background:#2095F2;}

.has-red-bg { background:#F44236; }

.has-yellow-bg { background:#FEC107; }

.has-green-bg { background:#8BC24A; }

.has-no-bullets { text-indent:0; margin:0; }

.has-no-bullets li:before { content:""; padding:0; float:none; display:inline; }

.has-top-60-margin { margin-top:60px; }

/*table tr:hover td { background:#f1f1f1 !important; }*/

.navigation > ul > li > .is-hover { zoom:1; filter:alpha(opacity=100); opacity:1; display:block; }