/* latest version Tue 10:00, 14 April 2014, modified by bs */
/* transitions classes
-------------------------------------------------------------------------------*/
.media form input {
transition: all 400ms ease;
-moz-transition: all 400ms ease;
-webkit-transition: all 400ms ease; }

/* popular styles */
html { min-height: 100%; }
body { font-family: 'din_plregular', Arial; font-size: 15px; color: #333; min-height: 100%; }
body.darken { background: url('../img/pattern2.png'); }
a {color: inherit; text-decoration: none; }
ul { list-style: none; }

.wrapper { width: 100%; }
.content > div { position: relative; width: 100%; height: 100%; }
.col.left { float: left; width: 68%; padding-right: 20px; }
.col.right { float: right; width: 32%; }
section,
footer { border-top: 1px solid #eeeeee; }
footer { font-size: 13px; line-height: 50px; }
article { float: left; width: 1110px; height: 100%; border-style: solid; border-width: 6px 0; padding: 0 35px; margin-left: 170px; background: url('../img/pattern.png'); }
#gm { border-color: #df4328; }
#mck { border-color: #bad532; }
section,
header { padding: 35px 0; }
date { color: #979797; padding-bottom: 10px; display: block; }
p { padding-bottom: 10px; }
.sponsors { padding-bottom: 10px; }
p img { max-width: 100%; display: block; margin: 0 auto; }

/* selection */
::-moz-selection{ background: #ccc; color: #fff; }
::selection { background: #ccc; color: #fff; }

/* placeholder */
::-moz-placeholder { color: #b2b2b2; font-size: 14px; }
::-webkit-input-placeholder { color: #b2b2b2; font-size: 14px; }
:-ms-input-placeholder { color: #b2b2b2; font-size: 14px; }
.media ::-moz-placeholder { font-size: 10px; }
.media ::-webkit-input-placeholder { font-size: 10px; }
.media :-ms-input-placeholder { font-size: 10px; }
.add div:not(.not) ::-moz-placeholder { opacity: 0; }
.add div:not(.not) ::-webkit-input-placeholder { opacity: 0; }
.add div:not(.not) :-ms-input-placeholder { opacity: 0; }


/* buttons */
.button { display: inline-block; position: relative; text-transform: uppercase; text-align: right; color: #adadad; background-repeat: no-repeat; background-position: center right; float: right; font-size: 10px; padding-right: 20px; height: 20px; line-height: 23px; }
.button.close { background-image: url('../img/icon-close.png'); }
.button.more { background-image: url('../img/icon-more.png'); }
.button.download { background-image: url('../img/icon-download.png'); width: 50px; height: 50px; }
.button.absolute { position: absolute; bottom: 20px; right: 20px; }
.button.subscr { background-image: url('../img/icon-subscribe.png'); width: 50px; height: 50px; top: 20px; }
#mck .button.subscr { background-image: url('../img/icon-subscribe-green.png'); }
#cookies-message-container .button { float: right; }
.nav-box .button { width: 100%; background-image: url('../img/arrow-left-long.png'); background-position: center left 50px; padding-right: 10px; display: none; top: -40px; }

a.add { display: inline-block; position: absolute; top: 0; right: 0; text-transform: uppercase; background: url('../img/icon-add-comment.png') no-repeat center right; color: #df4328; padding-right: 30px; line-height: 50px; }

/* headers */
h1 { position: relative; font-size: 33px; font-weight: 100; color: #df4329; }
h2 { font-size: 15px; color: #1a1a1a; text-transform: uppercase; padding-bottom: 25px; }
.intro h1 { color: #918f8f; font-size: 50px; text-transform: uppercase; text-align: center; }
*[class*=grid_] h1 { font-size: 22px; }
.special h1 { color: #1a1a1a; }
.dark h1,
.h1 h1 { color: #fff; }
.subscribe h1 { padding-bottom: 0; color: #1a1a1a; font-size: 22px; }
.light h1 { padding-bottom: 10px; }
.nav-map h2 { color: #df4329; }
#mck .light h1,
#mck .nav-map h2 { color: #9dbc00; }
.left h1 { margin-bottom: 20px; }
.comments-box h1 { color: #1a1a1a !important; }
.news h1 { margin-bottom: 10px; }
.news.small h1 { font-size: 22px; }
.calendar-box h2 { font-size: 22px; font-weight: normal; }

/* alerts */
.success { background: #54b818;  }
.error { background: #fd7275; }
.success, .error { padding: 20px; margin-bottom: 10px; color: #fff; }

/* cookies */
#cookies-message-container { display: none; background: #1a1a1a; }
#cookies-message-container { width: 100%; font-size: 10px; color: #adadad; padding: 15px 30px; position: relative; z-index: 1001; }
#cookies-message-container span { max-width: 85%; display: block; float: left; }

/* table styles */
table { width: 100%; }
table caption { padding: 20px; }
table td { min-width: 100px; padding: 10px; }
table tr { border-top: 1px solid gray; }
table tr td:not(:last-of-type) { border-right: 1px solid gray; }

/* nav */
nav { position: absolute; top: 0; left: 0; min-height: 100%; height: 100%; width: 170px; text-align: center; z-index: 1000; overflow: hidden; background: url('../img/pattern2.png'); }
.nav-box { background-repeat: no-repeat; background-position: top 100% right -10px; margin-top: 180px; position: relative; }
.nav-box img { float: right; margin-right: -10px; }
.nav-box.fixed { position: fixed; margin-top: 0; }
.nav-box ul li:not(.active) .selected { color: orange; }
.nav-box.active .button { display: block; }

.nav-box.active ul.hidden > li:not(.active) { display: none; }
.nav-box.active li.active > a + ul > li { display: block; }

nav ul { position: relative; text-transform: uppercase; color: #fff; font-size: 15px; display: table; }
nav ul > li > a { display: block; padding: 10px 15px; }
nav ul > li.active > a { color: #df4328; }
nav ul > li > a + ul { display: none; }
nav ul > li.active > a + ul { display: table; }



nav .go { position: relative; top: 250px; left: 50%; margin-left: -55px; height: 120px; width: 110px; background-repeat: no-repeat; background-position: center; text-transform: uppercase; }
nav .go a { display: block; width: 100%; position: absolute; top: 35px; font-size: 10px; }
nav .go a span { font-size: 13px; display: block; }

#mck .go { background-image: url('../img/go_gm.png'); }
#gm .go { background-image: url('../img/go_mck.png'); }



.nav-icon { position: absolute; top: 20px; right: 20px; width: 25px; height: 25px; display: none; z-index: 2; border-bottom: 1px solid #fff; cursor: pointer; }
.nav-icon:before { background: rgb(67, 67, 67); top: 0; }
.nav-icon:after { border-width: 5px 0; border-style:solid; border-color: rgb(67, 67, 67); top: 10px; }
.nav-icon:before,
.nav-icon:after { position: absolute; content:''; display: block; width: 100%; height: 5px; }

.nav-box-small { display: none; height: 116px; }
.nav-box-small > a { display: block; float: left; position: relative; background-position: center; background-repeat: no-repeat; width: 20%; height: 50%; background-color: #000; }
.nav-box-small > a:first-of-type { width: 40%; height: 100%; color: #fff; text-transform: uppercase; display: -webkit-flex; display: flex; }
.nav-box-small > a span {  margin: auto; padding: 20px; }
.nav-box-small > a.icon { background-color: #fff; }
.nav-box-small > a.nav { background-image: url('../img/icon-nav.png'); }
.nav-box-small > a.message { background-image: url('../img/icon-message.png'); }
.nav-box-small > a.search { background-image: url('../img/icon-search.png'); }
.nav-box-small > a.fb { background-image: url('../img/icon-fb.png'); }
.nav-box-small > a.yt { background-image: url('../img/icon-yt.png'); }
.nav-box-small > a.ot { background-image: url('../img/icon-ot.png'); }

/* grid */
*[class*=grid_] { display: block; margin-bottom: 20px; }
*[class*=grid_] { position: relative; }
*[class*=grid_].special { border: 6px solid #df4328; }
#mck *[class*=grid_].special { border-color: #9dbc00; }
*[class*=grid_] figure { width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; }

.grid_2x2 { width: 686px; height: 400px; }
.grid_1x2 { width: 333px; height: 400px; }
.grid_1x1 { width: 333px; height: 190px; }
.grid_1x8 { width: 333px; height: 95px; }

.calendar-box + .grid-box { width: 100%; }

.slide { width: 100%; height: 100%; }
.caption { position: absolute; bottom: 0; z-index: 101; width: 100%; font-size: 13px; padding: 15px; height: 100%; }
.caption p { color: #333333; }
.dark .caption { background: rgba(36, 36, 37, 0.9); }
.light .caption { background: rgba(238, 238, 238, 1); }
.dark .caption,
.light .caption { height: auto; }
.full .caption { height: 100%; }
.pagination { position: absolute; bottom: 0; right: 0; z-index: 102; padding: 20px; }
.pagination a { display: inline-block; width: 7px; height: 7px; background: #e8e6e3; border-radius: 10px; float: none; margin: 0px 4px; }
.pagination a.cycle-pager-active { background: #df4328; }
#mck .pagination a.cycle-pager-active { background: #9dbc00; }
.cycle-nav { display: block; position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; background-repeat: no-repeat; background-position: center; z-index: 104; }
.hidden .cycle-nav { display: none; }
.cycle-nav.prev { background-image: url('../img/arrow-left-black.png'); left: 10px; }
.cycle-nav.next { background-image: url('../img/arrow-right-black.png'); right: 10px; }


/* header */
.media form { position: relative; height: 30px; }
.media form input { padding-left: 25px; width: 0; height: 100%; position: relative; top: -25%; }
.media { float: right; }
.media > div { float: left; padding: 0 15px; }
.media > div:nth-child(2) { border-width: 0 1px; border-style: solid; border-color: #d9d9d9; }
.media > div:last-of-type { padding-right: 0; }
.media .icon { display: block; float: left; background-repeat: no-repeat; background-position: center; background-size: 15px; width: 15px; height: 15px; }
.media .icon:not(:last-of-type) { margin-right: 20px; }
.media .icon.fb { background-image: url('../img/icon-fb.png'); }
.media .icon.yt { background-image: url('../img/icon-yt.png'); }
.media .icon.ot { background-image: url('../img/icon-ot.png'); }
.media .icon.search { position: absolute; top: 0; left: 0; background-image: url('../img/icon-search.png'); z-index: 3; }
.media form:hover .icon.search { background-image: url('../img/icon-search-hover.png'); }
.media form:hover input,
.media form.active input { width: 170px; }

/* footer */
footer span:first-of-type { float: left; }
footer span:last-of-type { float: right; }
footer a { color: #df4328; }
#mck footer a { color: #9dbc00; }
footer img { vertical-align: middle; margin-left: 30px; }


.sponsors > div { float: left; }
.sponsors > div:first-of-type { min-width: 250px; text-align: center; }
.sponsors > div:first-of-type a { display: inline-block; }
.sponsors > div:last-of-type {  }
.sponsors a,
.partners a { margin-right: 50px; margin-bottom: 30px; vertical-align: middle; max-width: 100%; display: inline-block; }
.partners img { max-width: 100%; }
.sponsors a:last-of-type,
.partners img:last-of-type { margin-right: 0; }
.partners { text-align: center; }
.partners span { display: block; padding-top: 35px; color: #333333; font-size: 13px; }

.nav-map > div:last-of-type { float: left; width: 65%; }
.nav-map ul { float: left; width: 33%; padding-bottom: 30px; padding-left: 20px; list-style: disc; list-style-position: inside; }
.nav-map ul li { font-size: 13px; line-height: 18px; }

.subscribe { position: relative; background: #eeeeee; padding: 20px; padding-right: 100px; width: 35%; float: right; margin-bottom: 20px; }
.subscribe h1 a { color: #df4328; }
#mck .subscribe h1 a { color: #9dbc00; }



/* intro */
.intro { position: relative; background-repeat: no-repeat; height: 50%; width: 50%; float: left; padding-top: 150px; overflow: hidden; }
.intro.top { width: 100%; background-image: url('../img/logo-double.png'); background-position: center; }
.intro.bottom { border-top: 10px solid #838383; }
.intro.left { border-right: 1px solid #838383; background-image: url('../img/intro-left_a_bw.png'); background-position: bottom left; }
.intro.right { background-image: url('../img/monster_gm_bw.png'); background-position: right top 120px; }
.intro h1:after { content: ''; display: block; width: 100%; height: 40px; position: absolute; bottom: -40px; background-repeat: no-repeat; background-position: center; }
.intro.left h1:after { background-image: url('../img/arrow-left-verylong.png'); }
.intro.left:hover h1:after { background-image: url('../img/arrow-left-verylong-hover.png'); }
.intro.right h1:after { background-image: url('../img/arrow-right-verylong.png'); }
.intro.right:hover h1:after { background-image: url('../img/arrow-right-verylong-hover.png'); }
.intro.right:hover { border-color: #df4329; background-image: url('../img/monster_gm.png'); }
.intro.right:hover h1 { color: #df4329; }
.intro.left:hover { border-color: #bad532; background-image: url('../img/intro-left_a.png'); }
.intro.left:hover h1 { color: #bad532; }
.intro img { position: absolute; bottom: -40px; }
.intro.right img { right: 0; }

/* forms */
.content form { position: relative; width: 100%; background: #eee; padding: 25px 70px 25px 25px; display: block; margin-bottom: 20px; }
.content form .info { border-bottom: 1px solid #dfdfdf; width: 100%; padding-bottom: 20px; margin-bottom: 20px; display: block; }
.content form.add > div { width: 100%; margin-bottom: 20px; }
.content form.add > div > * { display: inline-block; float: right; }
.content form.add > div > span { line-height: 42px; text-align: right; display: block; padding-right: 20px; width: 30%; }
.content form input[type=text],
.content textarea { background: #fff; border: 1px solid #e3e3e3; height: 42px; width: 70%; padding: 10px; font-size: 14px; }
.content textarea { height: 120px; }


.Zebra_DatePicker_Icon_Wrapper { width: 33% !important; padding-right: 0 !important; }
.content form { margin-top: 10px; }
.content form input[type=text].short { width: 100%; }
.content form span.short { width: 4% !important; text-align: center !important; padding: 0 !important; }
.content form p { color: #333; line-height: 22px; }
.content form.newsletter { padding-right: 40px; padding-bottom: 10px; margin-bottom: 30px; }
.content form.newsletter p { padding-right: 80px; }
.content form.newsletter > div { padding-top: 20px; font-size: 13px; }
.content form.newsletter > div > a { color: #979797; float: right; padding: 0 10px; }
.content form.newsletter > div label { padding-left: 5px; }
.content form.newsletter > div label a { color: #df4328; }

.content form.search { margin-bottom: 20px; padding: 45px 20px; }
.content form.search > span { display: inline-block; font-size: 22px; line-height: 50px; }
.content form.search input { font-size: 22px; line-height: 22px; width: 67%; font-size: 18px; color: #979797; }
.content form.search button { height: 50px; width: 50px; background: url('../img/icon-search-large.png') no-repeat center; }

.checkbox { width: 18px; height: 18px; display: inline-block; background-image: url('../img/icon-checkbox.png'); background-repeat: no-repeat; background-position: center; vertical-align: middle; }
.checkbox.active { background-image: url('../img/icon-checkbox-active.png'); }
.checkbox + label { display: inline-block; height: 16px; vertical-align: middle; padding-top: 2px; }

.content .file { width: 70%; }
.content .file + span { line-height: 32px; }
.content button { padding: 0 20px; color: #fff; text-transform: uppercase; }
.content .file button { line-height: 32px; margin-right: 15px; background: url('../img/icon-attach.png') no-repeat center right 10px #000; padding-right: 30px; }
.content button[type=submit] { line-height: 42px; background: #df4328; font-size: 18px; letter-spacing: 1px; float: right; }

.content button[type=submit]:disabled { opacity: 0.5; cursor: default; }

[type=text].incorrect,
[type=textarea].incorrect,
.checkbox.incorrect { border: 1px solid red !important; }




/* slideshows */
.left .cycle-slideshow { position: relative; height: 400px; margin: 10px 0; }
.left .cycle-slideshow .cycle-slide figure { height: 100%; background-repeat: no-repeat; background-position: center center; background-color: #000; }
.cycle-slideshow .expand { position: absolute; top: 20px; right: 20px; display: block; background-color: #1a1a1b; width: 35px; height: 35px; background-image: url('../img/icon-expand.png'); background-repeat: no-repeat; background-position: center; }


#gallery figure { position: absolute; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: contain; background-position: center; }
#gallery figcaption { position: absolute; bottom: 0; background: rgba(31, 31, 32, 0.5); width: 100%; color: #fff; padding: 20px; font-size: 13px; }

.expanded-image { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1002; background-repeat: no-repeat; background-position: center; background-color: #000; background-size: contain; }
.close-image { position: absolute; display: block; top: 20px; right: 100px; width: 60px; height: 60px; background: url('../img/icon-close-image.png') no-repeat center; background-size: 30px; }

.cycle-wrap { position: relative; width: 100% !important; height: 100px; background: #eeeeee; text-align: center; }
.cycle-pagination { position: relative; width: 90% !important; height: 100px; margin: 0 auto; }
.cycle-pagination .cycle-slide { position: relative !important; width: 145px; height: 100%; margin: 0 5px; }
.cycle-pagination .cycle-slide > div { width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; }
.cycle-pagination .cycle-carousel-wrap { height: 100px; width: 100%; padding: 10px 0 !important; text-align: center;  }
.cycle-pagination ~ .prev { left: 5px; background-image: url('../img/arrow-left-black.png'); }
.cycle-pagination ~ .next { right: 5px; background-image: url('../img/arrow-right-black.png'); }

/* social */
.social { padding: 20px 0; border-bottom: 1px solid #eeeeee; }
.social .print { float: right; background: url('../img/icon-print.png') no-repeat right center; padding-right: 25px; line-height: 20px; text-transform: uppercase; font-size: 10px; }
.social .fb-like { margin-right: 20px; }
.social-item { display: inline-block; }


/* comments */
.comments-box { position: relative; margin-top: 45px; }
.comments-box .item { background: #eeeeee; margin-bottom: 20px; padding: 15px; }
.comments-box .item > div:first-of-type { float: left; }
.comments-box .item > div:last-of-type { padding-top: 20px; padding-left: 100px; }
.comments-box .item > div:last-of-type span { display: inline-block; color: #df4329; font-size: 15px; padding-right: 15px; border-right: 1px solid #ccc; }
.comments-box .item > div:last-of-type time { display: inline-block; color: #979797; font-size: 13px; padding: 0 15px; }
.comments-box .item p { display: block; font-size: 13px; padding: 10px 0; padding-right: 50px; padding-left: 100px; }
.comments-box .item figure { width: 82px; height: 82px; border: 6px solid #fff; background-repeat: no-repeat; background-size: cover; }

/* calendar */
.calendar-box { position: relative; }
.calendar-nav.top { text-align: center; border-top: 1px solid #eeeeee; padding-top: 25px; margin-top: 10px; }
.calendar-nav.bottom { padding: 30px 0; }
.calendar-nav.bottom .next { float: right; }
.calendar-nav > * { display: inline-block; background-repeat: no-repeat; height: 30px; line-height: 34px; color: #1a1a1a; vertical-align: middle; text-transform: uppercase; }
.calendar-nav .prev { background-position: center left; background-image: url('../img/arrow-left-black.png'); padding-left: 45px; }
.calendar-nav .next { background-position: center right; background-image: url('../img/arrow-right-black.png'); padding-right: 45px; }
.month,
.names { margin-left: -8px; }
.names { padding-top: 20px; text-transform: uppercase; text-align: center; font-size: 13px; }
.names > *,
.month > * { display: block; float: left; width: 14.28%; padding: 0 0 8px 8px; }
.month .day > div { position: relative; display: block; width: 100%; height: 140px; padding: 8px; background: #eee; }
.month .day .day-number { float: right; font-size: 33px; color: #a9a9a9; font-weight: 100; line-height: 30px; }
.month .day .day-name { display: none; }
.month .day .day-content { color: #1a1a1a; font-size: 12px; padding-top: 40px; display: block; }
.month .day.non > div { border: 1px solid #eeeeee; background: none; }
.month .day.recent > div { border: 6px solid #df4328; }
.month > div:nth-of-type(7n) span:first-of-type { color: #df4328; }
.month ul { list-style-type: disc; list-style-position: inside; }
.month ul li { margin-bottom: 5px; }
.month .day button { position: absolute; background: url('../img/icon-star.png') no-repeat center; height: 20px; width: 20px; padding: 0; left: 50%; margin-left: -10px; top: 50%; margin-top: -10px; display: none; z-index: 3; }
.month .day button + ul { display: block; z-index: 2; }

/* news */
.news { padding-bottom: 20px; padding-right: 80px; margin-bottom: 20px; }
.news.small { border-bottom: 1px solid #dfdfdf; }
.news > span { display: inline-block; text-transform: uppercase; font-size: 13px; padding-right: 15px; border-right: 1px solid #dfdfdf; line-height: 25px; margin-right: 15px; }
.news > time { display: inline-block; color: #979797; font-size: 13px; }
.news p { line-height: 20px; padding: 10px 0; color: #333; }
.news .cycle-slideshow .pagination { background: #202021; }
.news .download { width: 100%; display: block; background: url('../img/icon-download.png') no-repeat center right 10px #df4328; padding: 20px; color: #fff; font-size: 22px; margin: 20px 0; }

.news-pagination { text-align: center; height: 40px; line-height: 40px; margin: 30px 0; }
.news-pagination > * { display: inline-block; height: 100%; vertical-align: middle; }
.news-pagination .nav { background-repeat: no-repeat; background-position: center; width: 40px; }
.news-pagination .prev { background-image: url('../img/arrow-left-black.png'); }
.news-pagination .next { background-image: url('../img/arrow-right-black.png'); }
.news-pagination a { margin: 0 5px; }
.news-pagination a.active { color: #df4328; font-weight: bold; }

/* Queries styles
-------------------------------------------------------------------------------*/

@media screen and (max-width: 1280px) {
	.nav-map > div { width: 100% !important; }
	.content .col { width: 100%; padding: 0; }

	.intro { width: 100%; padding-top: 50px; }
	.intro.top { height: 30%; }
	.intro.bottom { height: 35%; }

	.intro.right { background-position:  right bottom 0; }
}

@media screen and (min-width: 1033px) and (max-width: 1316px) {

}

@media screen and (min-width: 768px) and (max-width: 1280px) {


	article { width: 768px; padding: 0 40px; }

	.subscribe { text-align: center; padding: 30px 0; }

	.month .day > div { height: 90px; }
	.month .day > div span:first-of-type { font-size: 22px; line-height: 22px; }
	.month .day button { display: block; }
	.month .day button + ul { display: none; position: absolute; top: 50%; left: 50%; width: 140px; background: #1a1a1a; color: #fff; padding: 20px 15px; }
	.month .day button.active { z-index: 5; }
	.month .day button.active + ul { display: block; z-index: 4; }
}

@media screen and (max-width: 1023px) {

	article { margin-left: 0; }
	nav { position: relative; display: block; width: 100%; height: auto !important; background: none; float: none; min-height: 0 !important; }
	nav .go { display: none; }

	.nav-box { margin-top: 0; }
	.nav-box img { display: none; }
	.nav-box ul { text-align: center; background: #000; width: 100%; }
	.nav-box ul > li { display: inline-block; float: none; background: #000; }
	nav ul > li > a { background: none !important; border-right: 1px solid #fff; border-bottom: 1px solid #fff; padding: 10px 30px; }
	.nav-box.active ul { text-align: left; }
	.nav-box.active ul > li.active { width: 100%; }
	.nav-box.active ul > li.active > ul > li { display: inline-block; }
	.nav-box.active ul > li > ul > li:last-of-type > a { border-right: 0; }
	.nav-box.active .button { top: 7px; right: 30px; display: inline-block; width: 170px; }
	.noborder { border-right: 0; }
	.noborderbottom { border-bottom: 0; }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {

}

@media screen and (max-width:  767px) {


	.cycle-wrap { display: none; }
	.comments-box h1 { margin-bottom: 0; }

	article { width: 100%; padding: 0 15px; }
	*[class*=grid_] { width: 100%; }
	.sponsors > div { width: 100% !important; text-align: center; overflow: hidden; }
	.sponsors a, .partners img { margin: 15px 20px !important; }
	footer { text-align: center; }
	footer span { width: 100%; }
	footer img { margin: 0; }
	.nav-map ul { width: 50%; }
	.cycle-pagination { width: 70% !important; }
	.social .print { display: none; }
	.social-item { margin-bottom: 20px; }
	a.add.comment { position: relative; }
	.comments-box .item > * { float: left; }
	.comments-box .item p { padding-left: 0; }
	.comments-box .item > div:last-of-type { padding-left: 0; }
	.comments-box .item > div:last-of-type time { display: block; }
	.comments-box .item > div:last-of-type span { padding-left: 15px; border-right: 0; }
	.news { padding-right: 0; }
	.news .cycle-slideshow .pagination { background: transparent; width: 100%; text-align: center; }
	.content form.newsletter p { padding-right: 0; }
	.content form input[type=text],
	.content textarea { width: 100%; }
	.content button[type=submit] { margin-top: 20px; margin-bottom: 20px; }
	.content form.newsletter { padding: 10px; }
	.content form.newsletter > div { width: 150px; }
	.checkbox { float: left; }
	.checkbox + label { float: left; width: 80%; }
	.content form { padding: 10px; }
	.content form.newsletter > div > a { position: absolute; bottom: 10px; right: 10px; }
	.content form.search input { width: 75%; display: block; float: left; }
	.content form.search { padding: 10px; padding-top: 0; }
	.content form.search button { position: relative; margin: 0; width: 25%; top: -3px; }
	.content form.add > div:not(.not) > span { display: none; }
	.content form.add > div > * { float: left; }
	.Zebra_DatePicker_Icon_Wrapper { width: 48% !important; }
	.content form.add > div > span { width: 100%; }
	.content .file { width: 100%; }
	.content form.add > div.not { position: relative; padding-top: 40px; }
	.content form.add > div.clear { margin-bottom: 0; }
	.content form.add > div.not .absolute { position: absolute; top: 0; left: 0; text-align: left; }
	.content form.add button { margin-top: 0; margin-bottom: 0; }

	.names { display: none; }
	.month { margin-top: 30px !important; margin: 0; }
	.month > div:not(.active),
	.month > div.non { display: none; }
	.month > div.active { width: 100%; }
	.month .day { padding: 0; margin-bottom: 15px; }
	.month .day .day-number { position: absolute; left: 0; width: 50%; top: 30%; text-align: center; }
	.month .day .day-name { position: relative; display: block; font-size: 13px; text-transform: uppercase; width: 50%; text-align: center; top: 60%; }
	.month .day .day-content { width: 50%; float: right; position: absolute; top: 0; right: 0; height: 100%; padding-left: 10px; border-left: 1px solid #d9d9d9; }

	.add div:not(.not) ::-moz-placeholder { opacity: 1; }
	.add div:not(.not) ::-webkit-input-placeholder { opacity: 1; }
	.add div:not(.not) :-ms-input-placeholder { opacity: 1; }

	.intro.bottom { background-size: 100px; }
	.intro h1 { font-size: 30px; }

}

@media screen and (min-width:  480px) and (max-width:  767px) {
	.subscribe { padding: 30px; }
	article > * { width: 450px; }
}

@media screen and (max-width:  479px) {
	/*article { width: 320px; }*/

	.cycle-pagination .cycle-slide { width: 90px; }
	.news .download { padding-right: 80px; }

	.calendar-nav.bottom > * { width: 50%; line-height: 17px; }
	.calendar-nav.bottom > .next { text-align: right; }

	.nav-icon { display: block; }

	nav.active .nav-box { display: block; }

	nav { overflow: visible; }
	.nav-box,
	.media { display: none; }

	/*.nav-box { position: absolute !important; width: 100%; left: 0px; }*/
	/*.nav-box ul li { display: block; }*/
	/*.nav-box ul li a { border: 0; }*/

	.nav-box-small { display: block; }
}

/* Print styles!
-------------------------------------------------------------------------------