/* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) */
@import url('reset.min.css');

/* Font face */
@font-face {
    font-family: 'Regular';
    src: url('fonts/TitilliumWeb-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SemiBold';
    src: url('fonts/TitilliumWeb-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Bold';
    src: url('fonts/TitilliumWeb-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


/* from bootsrap */
.clearfix:before,
.clearfix:after {
    display: table;
    content: ' ';
}

.clearfix:after {
    clear: both;
}

.border-box {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.rightalign, .alignright { float: right; }

.column2 > div {
    float: left;
    width: 48.5%;
}
.column2 > div:first-child { margin-right: 3%; }

.column2 > div img { display: block; }
.column2 > div img.fullwidth { width: 100%; }

img { display: block; }

.preload * {
  -webkit-transition: none !important;
     -moz-transition: none !important;
      -ms-transition: none !important;
       -o-transition: none !important;
          transition: none !important;
}


html { overflow: hidden; }
html, body { height: 100%; }

body {
    color: #25211a;
    font-family: 'Regular', arial;
    font-size: 18px;
    background-color: #fff;
}

* {
    -webkit-touch-callout: none;
      -webkit-user-select: none;
       -khtml-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
}

em { font-style: italic; }

a { color: #fff; }

table td { vertical-align: top; }

iframe {
    background-color: transparent;
    border: none;
}

strong { font-weight: bold; }

*:focus{ outline:none; }
button::-moz-focus-inner {  border: 0; }

.xdebug-var-dump {
    padding: 24px;
    color: white;
    font-family: courier;
    background-color: black;

    -webkit-touch-callout: text;
      -webkit-user-select: text;
       -khtml-user-select: text;
         -moz-user-select: text;
          -ms-user-select: text;
              user-select: text;
}

#wrapper {
    display: block;
    overflow: hidden;
    position: relative;

    margin: 0 auto;
    width: 1280px;
    height: 800px;

    background: url('images/bg.png') no-repeat 0 0;
}

.hfeed {
    overflow: hidden;
    width: 1280px;
}

/* FEJLÉC */
#top-sidebar {
    position: relative;
    height: 94px;

    z-index: 128;
}

#top-sidebar a.logo {
    position: relative;
    display: block;

    margin: 9px 0 0 18px;
    width: 105px;
    height: 54px;
}

/* MENÜ */
#main-menu {
    position: absolute;
    left: 512px; top: 19px;

    width: 705px;
    height: 64px;
    padding-top: 0;
}

.menu ul { position: relative; z-index: 8; }
.menu li {
    display: block;
    margin: 2px 0;
}
.menu > ul > li:first-of-type { margin-top: -3px; }
.menu > ul > li ul li:first-of-type { margin-top: 0; }

.menu li a {
    position: relative;
    display: inline-block;

    max-width: 332px;
    padding: 4px 4px 3px;

    color: #fff;
    font-family: 'Bold';
    font-size: 13px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;

    transition: all ease 0.2s;
}
.menu > ul > li.active > a { background-color: #e94c1d; color: #fff; }
.menu > ul > li.active > a:after {
    content: '';

    position: absolute;
    left: -8px; top: 0;

    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 8px;
    border-color: #e94c1d #e94c1d #e94c1d transparent;
}

    .menu li > ul {
        display: none;
        position: absolute;
        left: 484px; top: 0;
    }
    .menu li.active > ul { display: block; }



/* FŐOLDAL */


/* TARTALOM  */
h2.entry-title {
    margin-bottom: 40px;

    color: #e94d1c;
    font-size: 27px;
    font-family: 'Regular';
    text-transform: uppercase;
}

h3 {
    margin-top: 56px;
    color: #423e38;
    font-size: 20px;
    font-family: 'SemiBold';
    text-transform: uppercase;
    line-height: 24px;
}
h3:first-of-type { margin-top: 0; }


#page-content {
    position: relative;
    height: 706px;
    padding-top: 0;
}

.entry-content p {
    margin: 22px 0;

    color: #25211a;
    font-size: 18px;
    line-height: 22px;
}
.entry-content p:first-child { margin-top: 0; }


/* FANCYBOX BUTTONS */
a.fancybox-nav { display: none; }
div#fancybox-buttons ul { width: 145px; }
div#fancybox-buttons a.btnToggle, div#fancybox-buttons a.btnClose { display: none; }
div#fancybox-loading { display: none; }


/* EGYEDI SCROLLBAR */
.custom-scrollbar {
    position: relative;

    margin-top: -12px;
    height: 548px;
}

.custom-scrollbar:after {
    content: '';
    display: block;

    position: absolute;
    left: 0; top: 0;
    width: 790px;
    height: 12px;

    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.02) 100%);

/*    border: 1px solid red; */
}

.mCSB_inside > div.mCSB_container { margin-right: 40px; padding-top: 12px; }
.mCustomScrollBox > div.mCSB_scrollTools, .mCSB_scrollTools div.mCSB_dragger, .mCSB_scrollTools .mCSB_dragger div.mCSB_dragger_bar { width: 24px; }

.mCSB_scrollTools div.mCSB_dragger, .mCSB_scrollTools .mCSB_dragger div.mCSB_dragger_bar { height: 132px; }
div.mCSB_scrollTools { opacity: 0.88; }

.mCSB_scrollTools .mCSB_dragger div.mCSB_dragger_bar {
    border-radius: 0;
    background: url('images/scroll.png') no-repeat 0 0;
}

.mCSB_scrollTools div.mCSB_dragger.mCSB_dragger_onDrag div.mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger div.mCSB_dragger_bar:hover {
    background: url('images/scroll.png') no-repeat 0 0;
}

.mCSB_scrollTools .mCSB_draggerRail { width: 1px !important; background: #e1e3e2 !important; }

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: transparent !important; }


#map {
    position: relative;
    margin-top: 6px;
    height: 700px;

    background-position: 0 0;
    background-repeat: no-repeat;
}

#node-1 #map { background-image: url('images/romai-kor-1.jpg'); }
#node-2 #map { background-image: url('images/romai-kor-2.jpg'); }
#node-3 #map { background-image: url('images/romai-kor-3.jpg'); }

#map .marker {
    position: absolute;

    display: block;
    width: 34px;
    height: 48px;

    background: url('images/marker.png') no-repeat 0 0;

    transition: all ease-out 0.4s;
}

#map .marker.hide {
    opacity: 0;
    transform: translate(0, -800px);
    pointer-events: none;
}

.marker-content-wrapper {
    position: relative;

    width: 960px;
    height: 720px;

    -webkit-transition: -webkit-transform 1s;
       -moz-transition: -moz-transform 1s;
         -o-transition: -o-transform 1s;
            transition: transform 1s;

    -webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
         -o-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

.marker-content-wrapper.flipped {
    -webkit-transform: rotateY( 180deg );
       -moz-transform: rotateY( 180deg );
         -o-transform: rotateY( 180deg );
            transform: rotateY( 180deg );
}

.marker-content-wrapper > div {
    display: block;
    position: absolute;

    width: 100%;
    height: 100%;
    padding: 40px 64px;

    background-color: rgba(255, 255, 255, 0.94);
    border: 1px solid #ddd;

    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
         -o-backface-visibility: hidden;
            backface-visibility: hidden;
}

.marker-content-wrapper .marker-gallery {
    -webkit-transform: rotateY( 180deg );
       -moz-transform: rotateY( 180deg );
         -o-transform: rotateY( 180deg );
            transform: rotateY( 180deg );
}

.marker-content h2 {
    margin-bottom: 32px;
    height: 48px;
    padding-top: 11px;
    padding-left: 54px;

    background: url('images/h2-marker.png') no-repeat 0 0;
}
.marker-content p {
    margin-bottom: 20px;

    color: #423e38;
    font-family: 'Regular';
    font-size: 18px;
    text-align: justify;
    line-height: 22px;
}

.marker-gallery h2 {
    margin-bottom: 32px;
    height: 52px;
    padding-top: 12px;
    padding-left: 56px;

    background: url('images/h2-photo.png') no-repeat 0 0;
}


    /* MARKER FANCYBOX */
    .fancybox-marker.fancybox-opened .fancybox-skin, .fancybox-type-ajax.fancybox-opened .fancybox-skin { box-shadow: none; }
    .fancybox-marker .fancybox-skin, .fancybox-type-ajax .fancybox-skin {
        background-color: transparent;
        border-radius: 0;
    }

    .fancybox-marker .fancybox-close, .fancybox-type-ajax .fancybox-close {
        right: -35px; top: -21px;

        width: 71px;
        height: 81px;
        background: url(images/close-button.png) no-repeat 0 0;
    }

    .fancybox-marker .flip-button {
        display: block;
        position: absolute;
        top: 60px; right: -35px;

        width: 71px;
        height: 81px;

        background: url('images/photo-button.png') no-repeat 0 0;
    }
    .fancybox-marker .flip-button:after {
        content: url('images/text-button.png');

        position: absolute;
        left: 0; top: 0;

        width: 100%;
        height: 100%;

        opacity: 0;
        transition: opacity ease 0.8s;
    }
    .fancybox-marker .flip-button.text:after { opacity: 1; }


    /* FLEXSLIDER */
    .main-slider { margin-bottom: 12px; }
    .main-slider .flex-direction-nav { display: none; }

    .main-slider img {
        margin: 0 auto;
        width: auto;
        max-width: 100%;
    }

    .carousel {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;

        position: relative;

        padding: 8px 41px;
    }
    .carousel .slides > li {
        height: 126px;
    }

    .carousel img {
        width: auto;
        max-width: 100%;
    }

    .carousel .flex-direction-nav a {
        display: block;

        position: absolute;
        top: 50%;

        margin-top: -22px;
        width: 26px;
        height: 43px;

        background-image: url('images/map-arrow.png');
        background-repeat: no-repeat;
        background-position: 0 0;
    }
    .carousel .flex-direction-nav a.flex-disabled { background-image: url('images/map-arrow-disabled.png'); pointer-events: none; }
    .carousel .flex-direction-nav a.flex-prev { left: 0; }
    .carousel .flex-direction-nav a.flex-next { right: 0; background-position: 0 -43px; }



/* Istenek */
.istenek-slider h2 {
    padding-left: 0;
    background: none;
}

    .istenek-slider .flex-direction-nav a {
        display: block;

        position: absolute;
        top: 50%;

        margin-top: -22px;
        width: 26px;
        height: 43px;

        background-image: url('images/map-arrow.png');
        background-repeat: no-repeat;
        background-position: 0 0;
    }
    .istenek-slider .flex-direction-nav a.flex-disabled { background-image: url('images/map-arrow-disabled.png'); pointer-events: none; }
    .istenek-slider .flex-direction-nav a.flex-prev { left: 16px; }
    .istenek-slider .flex-direction-nav a.flex-next { right: 16px; background-position: 0 -43px; }

    /* Flexslider page number */
    .page-number {
        position: absolute;
        left: 50%; bottom: 11px;

        display: block;
        margin-left: -64px;
        width: 128px;

        color: rgb(66, 62, 56);
        font-family: 'Regular';
        font-size: 18px;
        text-align: center;

        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }


.istenek-tartalom img {
    margin-right: 26px;
}


/* IMPRESSZUM */
a.impresszum {
    position: absolute;
    right: 15px; bottom: 9px;

    display: block;

    width: 150px;
    height: 32px;

    background: url('images/impresszum.png') no-repeat 0 0;
}

.impresszum-content {
    overflow: hidden;

    position: absolute;
    left: 50%; top: 50%;

    display: block;

    margin-left: -462px;
    margin-top: -219px;
    width: 924px;
    height: 438px;

    transform: scale(0, 0);
    transform-origin: 50% 50%;
    opacity: 0;

    transition: transform ease 0.4s, opacity ease-out 0.2s;

    z-index: 65536;
}
.impresszum-content.open {
    transform: scale(1, 1);
    opacity: 1;
    transition: transform ease 0.6s, opacity ease-in 0.6s;
}

.impresszum-content a.close {
    position: absolute;
    right: 6px; top: 0;

    display: block;
    width: 60px;
    height: 60px;

    text-indent: -4096px;

    background: url('images/close-impresszum.png') no-repeat center center;
}


#impresszum-overlay {
    background-color: rgba(0, 0, 0, 0.72);
}



/*
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
*/