/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,select,blockquote,table,td,th {margin: 0; padding: 0; outline: none; font-weight: normal;}
table, td, tr {border-collapse: collapse; border-spacing: 0;}
ol,ul {list-style: none;}
a, a img {outline: none; text-decoration: none; border: 0;}
td {vertical-align: top;}
p {padding: 0; margin: 0 0 15px 0;}
* {margin: 0; padding: 0;}
.clr {clear: both; overflow: hidden; height: 0px;}
.l {float: left;}
.r {float: right;}
header, nav, section, article, aside, footer {display: block;}

@font-face {
    font-family: 'encode_r';
    src: url('/font/encodesanscondensed-regular-webfont.eot');
    src: url('/font/encodesanscondensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/encodesanscondensed-regular-webfont.woff') format('woff'),
         url('/font/encodesanscondensed-regular-webfont.ttf') format('truetype'),
         url('/font/encodesanscondensed-regular-webfont.svg#encode_sans_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'encode_m';
    src: url('/font/encodesanscondensed-medium-webfont.eot');
    src: url('/font/encodesanscondensed-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/encodesanscondensed-medium-webfont.woff') format('woff'),
         url('/font/encodesanscondensed-medium-webfont.ttf') format('truetype'),
         url('/font/encodesanscondensed-medium-webfont.svg#encode_sans_condensedmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@media (min-width: 1px) {
    .page-close {position: absolute; top: 15px; right: 20px;}
    
    body {color: #683b2f; background-color: #afcb08; font: normal 14px/1.4 'encode_r', Tahoma, Arial, sans-serif;}
    
    .bug-404 {width: 320px; height: 100%; position: absolute; top: 0; left: 0;}
    
    h1 {font: normal 20px/1.3 'encode_m', Tahoma, Arial, sans-serif; color: #afcb08; margin: 0 0 20px 0;}
    h2 {font: normal 18px/1.3 'encode_m', Tahoma, Arial, sans-serif; color: #afcb08; margin: 0 0 10px 0;}
    h4 {font: normal 16px/1.3 'encode_m', Tahoma, Arial, sans-serif; color: #afcb08; margin: 0 0 5px 0;}
    
    .column_l {width: 320px;}
    #homepage-pages {display: block; width: 320px;}
    .home-page {width: 86%; height: 94%; padding: 6% 7% 5% 7%;}
    .column_r {width: 80%; overflow: hidden;}
    .nav_header {display: none;}
    #logo img {height: 90px;}
    .pad_50 {padding: 20px 30px;}
    footer {margin: 0; font: normal 13px/1.3 'encode_m', Tahoma, Arial, sans-serif;}
    footer a {color: #fff; font-size: 12px;}
    #main_nav li a {font: normal 18px/1 'encode_m', Tahoma, Arial, sans-serif; padding: 10px 30px;}
    .gallery-item {width: 215px; height: 140px; overflow: hidden; float: left; margin: 0 20px 20px 0;}
    .gallery-item  img {width: 215px; height: 140px;}
}

@media (min-width: 480px) {
    .page-close {position: absolute; top: 25px; right: 20px;}
    
    body {color: #683b2f; background-color: #afcb08; font: normal 14px/1.4 'encode_r', Tahoma, Arial, sans-serif;}
    
    .bug-404 {width: 480px; height: 100%; position: absolute; top: 0; left: 0;}
    
    h1 {font: normal 22px/1.3 'encode_m', Tahoma, Arial, sans-serif; color: #afcb08; margin: 0 0 20px 0;}
    h2 {font: normal 18px/1.3 'encode_m', Tahoma, Arial, sans-serif; color: #afcb08; margin: 0 0 10px 0;}
    h4 {font: normal 16px/1.3 'encode_m', Tahoma, Arial, sans-serif; color: #afcb08; margin: 0 0 5px 0;}
    
    .column_l {width: 480px;}
    #homepage-pages {display: block; width: 480px;}
    .home-page {width: 86%; height: 94%; padding: 6% 7% 5% 7%;}
    .column_r {width: 80%; overflow: hidden;}
    .nav_header {display: none;}
    #logo img {height: 90px;}
    .pad_50 {padding: 20px 30px;}
    footer {margin: 0; font: normal 13px/1.3 'encode_m', Tahoma, Arial, sans-serif;}
    footer a {color: #fff; font-size: 12px;}
    #main_nav li a {font: normal 18px/1 'encode_m', Tahoma, Arial, sans-serif; padding: 10px 30px;}
    .gallery-item {width: 190px; height: 124px; overflow: hidden; float: left; margin: 0 20px 20px 0;}
    .gallery-item  img {width: 190px; height: 124px;}
}

@media (min-width: 640px) {
    .page-close {position: absolute; top: 22px; right: 15px;}
    
    body {color: #683b2f; background-color: transparent; font: normal 14px/1.4 'encode_r', Tahoma, Arial, sans-serif;}
    
    .bug-404 {width: 380px; height: 100%; position: absolute; top: 0; left: 0;}
    
    h1 {font: normal 22px/1.3 'encode_m', Tahoma, Arial, sans-serif; color: #afcb08; margin: 0 0 20px 0;}
    h2 {font: normal 18px/1.3 'encode_m', Tahoma, Arial, sans-serif; color: #afcb08; margin: 0 0 10px 0;}
    h4 {font: normal 16px/1.3 'encode_m', Tahoma, Arial, sans-serif; color: #afcb08; margin: 0 0 5px 0;}
    
    .column_l {position: fixed; width: 260px; height: 100%; background-color: #afcb08;}
    #homepage-pages {display: block; width: 380px; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; overflow: hidden;}
    .home-page {width: 86%; height: 94%; padding: 6% 7% 5% 7%;}
    .column_r {position: fixed; left: 260px; right: 0px; top: 0px; bottom: 0px; width: 80%; height: 100%; min-height: 600px; overflow: hidden;}
    .nav_header {display: none;}
    #logo img {height: 90px;}
    .pad_50 {padding: 30px 20px 30px 20px;}
    footer {margin: 0; font: normal 13px/1.3 'encode_m', Tahoma, Arial, sans-serif;}
    footer a {color: #fff; font-size: 12px;}
    #main_nav li a {font: normal 16px/1 'encode_m', Tahoma, Arial, sans-serif; padding: 10px 20px;}
    .gallery-item {width: 215px; height: 140px; overflow: hidden; float: left; margin: 0 0 20px 0;}
    .gallery-item  img {width: 215px; height: 140px;}
}

@media (min-width: 768px) {
    .page-close {position: absolute; top: 25px; right: 25px;}
    
    body {color: #683b2f; font: normal 14px/1.4 'encode_r', Tahoma, Arial, sans-serif;}
    
    .bug-404 {width: 508px; height: 100%; position: absolute; top: 0; left: 0;}
    
    h1 {font: normal 22px/1.3 'encode_m', Tahoma, Arial, sans-serif; color: #afcb08; margin: 0 0 20px 0;}
    h2 {font: normal 18px/1.3 'encode_m', Tahoma, Arial, sans-serif; color: #afcb08; margin: 0 0 10px 0;}
    h4 {font: normal 16px/1.3 'encode_m', Tahoma, Arial, sans-serif; color: #afcb08; margin: 0 0 5px 0;}
    
    .column_l {position: fixed; width: 260px; height: 100%; background-color: #afcb08;}
    #homepage-pages {display: block; width: 508px; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; overflow: hidden;}
    .home-page {width: 86%; height: 94%; padding: 6% 7% 5% 7%;}
    .column_r {position: fixed; left: 260px; right: 0px; top: 0px; bottom: 0px; width: 80%; height: 100%; min-height: 600px; overflow: hidden;}
    .nav_header {display: none;}
    #logo img {height: 90px;}
    .pad_50 {padding: 30px 20px 30px 20px;}
    footer {margin: 0; font: normal 13px/1.3 'encode_m', Tahoma, Arial, sans-serif;}
    footer a {color: #fff; font-size: 12px;}
    #main_nav li a {font: normal 16px/1 'encode_m', Tahoma, Arial, sans-serif; padding: 15px 20px;}
    .gallery-item {width: 200px; height: 130px; overflow: hidden; float: left; margin: 0 28px 20px 0;}
    .gallery-item  img {width: 200px; height: 130px;}
}

@media (min-width: 1024px) {
    .page-close {position: absolute; top: 33px; right: 35px;}
    
    body {color: #683b2f; font: normal 14px/1.3 'encode_r', Tahoma, Arial, sans-serif;}
    
    .bug-404 {width: 594px; height: 100%; position: absolute; top: 0; left: 0;}
    
    h1 {font: normal 22px/1.3 'encode_m', Tahoma, Arial, sans-serif; color: #afcb08; margin: 0 0 20px 0;}
    h2 {font: normal 18px/1.3 'encode_m', Tahoma, Arial, sans-serif; color: #afcb08; margin: 0 0 10px 0;}
    h4 {font: normal 16px/1.3 'encode_m', Tahoma, Arial, sans-serif; color: #afcb08; margin: 0 0 5px 0;}
    
    .column_l {position: fixed; width: 310px; height: 100%; background-color: #afcb08;}
    #homepage-pages {display: block; width: 594px; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; overflow: hidden;}
    .home-page {width: 80%; height: 94%; padding: 6% 10% 5% 10%;}
    .column_r {position: fixed; left: 310px; right: 0px; top: 0px; bottom: 0px; width: 80%; height: 100%; min-height: 600px; overflow: hidden;}
    .nav_header {display: none;}
    #logo img {height: 90px;}
    .pad_50 {padding: 30px 50px 30px 50px;}
    footer {margin: 0; font: normal 13px/1.3 'encode_m', Tahoma, Arial, sans-serif;}
    footer a {color: #fff; font-size: 14px;}
    #main_nav li a {font: normal 16px/1 'encode_m', Tahoma, Arial, sans-serif; padding: 10px 50px;}
    .gallery-item {width: 215px; height: 140px; overflow: hidden; float: left; margin: 0 28px 20px 0;}
    .gallery-item  img {width: 215px; height: 140px;}
}

@media (min-width: 1280px) {
    .page-close {position: absolute; top: 40px; right: 40px;}
    
    h1 {font: normal 24px/1.3 'encode_m', Tahoma, Arial, sans-serif; color: #afcb08; margin: 0 0 25px 0;}
    h2 {font: normal 18px/1.3 'encode_m', Tahoma, Arial, sans-serif; color: #afcb08; margin: 0 0 15px 0;}
    h4 {font: normal 16px/1.3 'encode_m', Tahoma, Arial, sans-serif; color: #afcb08; margin: 0 0 5px 0;}
    
    .column_l {position: fixed; width: 370px; height: 100%; background-color: #afcb08;}
    #homepage-pages {display: block; width: 594px; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; overflow: hidden;}
    .column_r {position: fixed; left: 370px; right: 0px; top: 0px; bottom: 0px; width: 80%; height: 100%; min-height: 600px; overflow: hidden;}
    .nav_header {display: none;}
    #logo img {height: 100px;}
    .pad_50 {padding: 40px 50px 40px 50px;}
    footer {margin: 0; font: normal 13px/1.3 'encode_m', Tahoma, Arial, sans-serif;}
    #main_nav li a {font: normal 16px/1 'encode_m', Tahoma, Arial, sans-serif; padding: 10px 50px;}
}

@media (min-width: 1366px) {
    h1 {font: normal 24px/1.3 'encode_m', Tahoma, Arial, sans-serif; color: #afcb08; margin: 0 0 25px 0;}
    h2 {font: normal 18px/1.3 'encode_m', Tahoma, Arial, sans-serif; color: #afcb08; margin: 0 0 15px 0;}
    h4 {font: normal 16px/1.3 'encode_m', Tahoma, Arial, sans-serif; color: #afcb08; margin: 0 0 5px 0;}
    
    .column_l {position: fixed; width: 370px; height: 100%; background-color: #afcb08;}
    #homepage-pages {display: block; width: 594px; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; overflow: hidden;}
    .column_r {position: fixed; left: 370px; right: 0px; top: 0px; bottom: 0px; width: 80%; height: 100%; min-height: 600px; overflow: hidden;}
    .nav_header {display: none;}
    #logo img {height: 100px;}
    .pad_50 {padding: 40px 50px 40px 50px;}
    footer {margin: 0; font: normal 13px/1.3 'encode_m', Tahoma, Arial, sans-serif;}
    #main_nav li a {font: normal 16px/1 'encode_m', Tahoma, Arial, sans-serif; padding: 10px 50px;}
}

@media (min-width: 1440px) {
    h1 {font: normal 26px/1.3 'encode_m', Tahoma, Arial, sans-serif; color: #afcb08; margin: 0 0 30px 0;}
    h2 {font: normal 20px/1.3 'encode_m', Tahoma, Arial, sans-serif; color: #afcb08; margin: 0 0 20px 0;}
    h4 {font: normal 18px/1.3 'encode_m', Tahoma, Arial, sans-serif; color: #afcb08; margin: 0 0 5px 0;}
    
    .column_l {position: fixed; width: 370px; height: 100%; background-color: #afcb08;}
    #homepage-pages {display: block; width: 594px; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; overflow: hidden;}
    .column_r {position: fixed; left: 370px; right: 0px; top: 0px; bottom: 0px; width: 80%; height: 100%; min-height: 600px; overflow: hidden;}
    .nav_header {display: block;}
    #logo img {height: 125px;}
    .pad_50 {padding: 40px 50px 25px 50px;}
    footer {margin: 30px 0; font: normal 13px/1.3 'encode_m', Tahoma, Arial, sans-serif;}
    #main_nav li a {font: normal 18px/1 'encode_m', Tahoma, Arial, sans-serif; padding: 15px 50px;}
}

/* STRUCTURE */

.bug-404 {z-index: 1000; background-color: #fff; opacity: 0.96; filter: alpha(opacity = 96);}
.bug-404 h1 {font-size: 100px;}

.page-close {width: 32px; height: 32px; background: url(/img/bg_close.png) top center no-repeat; cursor: pointer;}
.page-close:hover {background-position: 0px -32px;}

#homepage-pages li {background: url(/img/bg_li.png) top left no-repeat; padding: 0 0 0 30px; list-style-type: none; margin: 0 0 10px 0;}
#homepage-pages ol ul li {background: url(/img/bg_li.png) top left no-repeat; padding: 0 0 0 15px; margin: 0px; list-style-type: none;}
#homepage-pages ul, .#homepage-pages ol {margin: 0 0 15px 0;}
#homepage-pages ol li {background: none; list-style-type: decimal; padding: 2px 0; margin: 0 0 0 22px;}

#homepage-pages li strong {color: #afcb08;}

#banner_home {position: relative; z-index: 9; display: block; width: 100%; height: 100%; overflow: hidden;}
.slide {width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background-size: cover; background-position: top right;}
.home-page {display: block; position: absolute; top: 0; left: -100%; z-index: 10; overflow: auto; background-color: #fff; opacity: 0.96; filter: alpha(opacity = 96);}
    


/* HEADER */

.heading {font-size: 18px; border-bottom: 1px dashed #cecece; padding: 0 0 30px 0; margin: 0 0 30px 0;}
.headline {font-size: 16px; color: #f5aa25; margin: 0 0 15px 0;}

/* MENU */

#main_nav li {margin: 0px; background: none; padding: 0px; border-bottom: 1px solid #bcda01;}
#main_nav li a {background: url(/img/bg_main_nav_a.png) center right no-repeat; color: #fff; display: block; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
#main_nav li a:hover, #main_nav li a.selected {background: url(/img/bg_main_nav_h.png) center right no-repeat; color: #683b2f; background-color: #bcda01;}

.nav_header {padding: 20px 50px; color: #fff; text-align: right;}
.nav_header_1 {font-size: 21px; line-height: 1;}
.nav_header_2 {font-size: 36px; line-height: 1;}

/* GALLERY */

.gallery-list {margin: 30px 0;}
.gallery-item:nth-of-type(2n) {margin: 0 0 20px 0;}

.copy {margin: 30px 0 0 0;}
.cookies {margin: 15px 0 0 0; font-size: 13px;}

.fb_ico {background: url(/img/ico/fb_ico.png) top left no-repeat; height: 32px; line-height: 32px; display:block; margin: 0; padding: 0 0 0 40px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.mail_ico {background: url(/img/ico/mail_ico.png) top left no-repeat; height: 32px; line-height: 32px; display: block; margin: 0 0 6px 0; padding: 0 0 0 40px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.fb_ico:hover, .mail_ico:hover {background-position: 0px -32px;}

/* MAP */

#map {width: 100%; height: 300px;}

/* FORMAT */

hr {border-top: 1px dashed #cecece; border-bottom: 0px dashed #cecece; border-left: 0px dashed #cecece; border-right: 0px dashed #cecece; margin: 30px 0;}
figure {text-align: center; border-bottom: 1px dashed #cecece; position: relative; padding: 0px; margin: 0 0 30px 0;}
figcaption {position: absolute; padding: 0 20px 0 0; border-right: 1px dashed #cecece; text-align: right; font: normal 19px/1.2 'encode_r', Tahoma, Arial, sans-serif; font-weight: 400; color: #f5aa25;}
strong {font-family: 'encode_m', Tahoma, Arial, sans-serif; font-weight: normal;}


/* LINKS */

.link {color: #f5aa25; background: url(/img/bg_link_a.png) center right no-repeat; padding: 0 10px 0 0; font-size: 14px;}
.link:hover {color: #848484; background: url(/img/bg_link_h.png) center right no-repeat;}


a {color: #afcb08;}
a:hover {color: #683b2f;}

/* BUTTON */
.btn {background: url(/img/bg_btn.png) center right no-repeat #f5ab24; border: 0px solid #fff; cursor: pointer; text-transform: lowercase; padding: 0 35px 0 12px; height: 30px; line-height: 30px; display: inline-block; color: #fff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; transition: all 0.2s ease-out;}
.btn:hover {background-color: #8c8c8c; color: #fff;}

/* FORMS */
.form {padding: 20px 0 0 0;}
.form li {background: none; padding: 0px; margin: 0 0 10px 0;}

input, select, textarea {border: 1px solid #e7e7e7; color: #848484; padding: 8px 10px; font: normal 13px/1 'encode_r', Tahoma, Arial, sans-serif; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
input:focus, textarea:focus, select:focus {border: 1px solid #f5aa25;}

/* PRELOAD */

#preloadb{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 111111; background-color: #535559; opacity: 0.95; filter: alpha(opacity = 95); display: none; cursor:pointer;}
#preloadi{width: 110%; height: 75%; position: absolute; top: -5%; left: -5%; z-index: 111112; background: url(/img/loader.gif) no-repeat center center; display: none;}
#preloadm{font-family: OpenSansRegular, tahoma, arial; width: 300px; position: fixed; top: 40px; left: 50%; margin: 0 0 0 -150px; padding: 20px; line-height: 24px; text-align: center; z-index: 111113; background-color: #f9a11b; font-size: 14px; color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; display: none; cursor: pointer;}