@import url(../fonts/opensans/stylesheet.css);

html {min-height: 100%;}
* {
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}
*:hover, *:active, *:focus {border: none; outline: 0 !important; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; border-color: inherit; -webkit-box-shadow: none; box-shadow: none}
.radio input[type="radio"]:focus + label::before {outline: 0 !important;}

body {
    font-family: 'Open Sans', sans-serif; font-weight: 300;
    background: url(../images/desktop/bg-repeat.png) repeat;
}

h1, h2, h3, h4 {font-family: 'Open Sans', sans-serif; font-weight: 800; }
p, li {font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 18px; line-height: 1.6;}

.bold {font-weight: 800; font-family: 'Open Sans', sans-serif; }
.regular {font-weight: 500; font-family: 'Open Sans', sans-serif; }
.light {font-family: 'Open Sans', sans-serif; font-weight: 300;}

a:focus, a:hover {color: #fff;}

.fs10 {font-size: 10px;}
.fs11 {font-size: 11px;}
.fs12 {font-size: 12px;}
.fs13 {font-size: 13px;}
.fs14 {font-size: 14px;}
.fs15 {font-size: 15px;}
.fs16 {font-size: 16px;}
.fs17 {font-size: 17px;}
.fs18 {font-size: 18px;}
.fs19 {font-size: 19px;}
.fs20 {font-size: 20px;}
.fs21 {font-size: 21px;}
.fs22 {font-size: 22px;}
.fs23 {font-size: 23px;}
.fs24 {font-size: 24px;}
.fs25 {font-size: 25px;}
.fs30 {font-size: 30px;}
.fs100 {font-size: 100px;}

.ls1 {letter-spacing: 1px;}
.ls2 {letter-spacing: 2px;}
.ls3 {letter-spacing: 3px;}
.ls4 {letter-spacing: 4px;}
.ls5 {letter-spacing: 5px;}

/* ------------- */
/* animation     */
/* ------------- */

.splashzoom {-webkit-animation: splashzoom 45s infinite linear; }

@-webkit-keyframes splashzoom {

    0% {
        -webkit-transform: scale(1) rotate(0deg) translate3d(0px, 0px, 0px);
        transform: scale(1) rotate(0deg) translate3d(0px, 0px, 0px);
    }

    50% {
        -webkit-transform: scale(1.4) rotate(0deg) translate3d(10px, 0px, 0px);
        transform: scale(1.4) rotate(0deg) translate3d(10px, 0px, 0px);
    }

    100% {
        -webkit-transform: scale(1) rotate(0deg) translate3d(0px, 0px, 0px);
        transform: scale(1) rotate(0deg) translate3d(0px, 0px, 0px);
    }

}

@keyframes splashzoom {

    0% {
        -webkit-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg)
    }

    50% {
        -webkit-transform: scale(1.4) rotate(0deg);
        transform: scale(1.4) rotate(0deg)
    }

    100% {
        -webkit-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg)
    }

}

/* Default hover animation */
.animate-hover {
    transition: 0.2s all;
    -moz-transition: 0.2s all;
    -o-transition: 0.2s all;
    -webkit-transition: 0.2s all;
}
.animate-hover-list * {
    transition: 0.2s all;
    -moz-transition: 0.2s all;
    -o-transition: 0.2s all;
    -webkit-transition: 0.2s all;
}
/* Fadein */
.fadein-10 {
    animation: fadein 1000ms;
    -moz-animation: fadein 1000ms;
    -webkit-animation: fadein 1000ms;
    -o-animation: fadein 1000ms;
}
.fadein-15 {
    animation: fadein 1500ms;
    -moz-animation: fadein 1500ms;
    -webkit-animation: fadein 1500ms;
    -o-animation: fadein 1500ms;
}
.fadein-20 {
    animation: fadein 2000ms;
    -moz-animation: fadein 2000ms;
    -webkit-animation: fadein 2000ms;
    -o-animation: fadein 2000ms;
}
.fadein-25 {
    animation: fadein 2500ms;
    -moz-animation: fadein 2500ms;
    -webkit-animation: fadein 2500ms;
    -o-animation: fadein 2500ms;
}
.fadein-30 {
    animation: fadein 3000ms;
    -moz-animation: fadein 3000ms;
    -webkit-animation: fadein 3000ms;
    -o-animation: fadein 3000ms;
}
.fadein-35 {
    animation: fadein 3500ms;
    -moz-animation: fadein 3500ms;
    -webkit-animation: fadein 3500ms;
    -o-animation: fadein 3500ms;
}

.fadeout-30 {
    animation: fadeout 3000ms;
    -moz-animation: fadeout 3000ms;
    -webkit-animation: fadeout 3000ms;
    -o-animation: fadeout 3000ms;
}

.delay-10 {-webkit-animation-delay: 1s; animation-delay: 1s;}
.delay-20 {-webkit-animation-delay: 2s; animation-delay: 2s;}

@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeout {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

/* Pulse */
@-webkit-keyframes hvr-pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}
@keyframes hvr-pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

/* Pulse */
@-webkit-keyframes opa-pulse {
    0% {
        opacity: 0.5
    }
    25% {
        opacity: 0.4;
    }
    50% {
        opacity: 0.7;
    }
    75% {
        opacity: 0.4;
    }
    100% {
        opacity: 0.5;
    }
}
@keyframes opa-pulse {
    0% {
        opacity: 0.5
    }
    25% {
        opacity: 0.4;
    }
    50% {
        opacity: 0.7;
    }
    75% {
        opacity: 0.4;
    }
    100% {
        opacity: 0.5;
    }
}

.opa-pulse {
    -webkit-animation-name: opa-pulse;
    animation-name: opa-pulse;
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.opa-pulse {
    -webkit-animation-name: opa-pulse;
    animation-name: opa-pulse;
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.hvr-pulse {
    -webkit-animation-name: hvr-pulse;
    animation-name: hvr-pulse;
    -webkit-animation-duration: 60s;
    animation-duration: 60s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.hvr-pulse:hover,
.hvr-pulse:focus,
.hvr-pulse:active {
    -webkit-animation-name: hvr-pulse;
    animation-name: hvr-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
/* opacity hover */
.animate-opacity-hover {
    transition: 0.2s all;
    -moz-transition: 0.2s all;
    -o-transition: 0.2s all;
    -webkit-transition: 0.2s all;
}
.animate-opacity-hover:hover {
    transition: 0.2s all;
    -moz-transition: 0.2s all;
    -o-transition: 0.2s all;
    -webkit-transition: 0.2s all;
    opacity: 0.7;
}
/* Reveal */
.hvr-reveal-white {
    box-shadow: inset 0px 0px 0px 0px rgba(255, 255, 255, 0.75);
    transition: 0.2s all;
    -moz-transition: 0.2s all;
    -o-transition: 0.2s all;
    -webkit-transition: 0.2s all;
}
.hvr-reveal-white:hover {
    box-shadow: inset 0px 0px 0px 8px rgba(255, 255, 255, 0.75);
    transition: 0.2s all;
    -moz-transition: 0.2s all;
    -o-transition: 0.2s all;
    -webkit-transition: 0.2s all;
}
/* -------------- */
/* width          */
/* -------------- */
.float-left {float: left;}
.float-right {float: right;}
.no-float {float: none;}
.pos-relative {position: relative;}
.pos-absolute {position: absolute;}

/* ------ */

.w100 {width: 100%;}
.w70 {width: 70%;}
.w65 {width: 65%;}
.w50 {width: 50%;}
.w49 {width: 49%;}
.w48 {width: 48%;}
.w33 {width: 33.3333333333333%;}
.w30 {width: 30%;}
.w25 {width: 25%;}

/* ------ */

.table-row {display: table-row;}
.table-cell {display: table-cell;}
.table-table {display: table;}

/* ------ */

.vertical-center {vertical-align: middle;}
.text-center {text-align: center;}

/* ------ */

.overflow-hidden {overflow: hidden;}

/* ------ */

.mt-tiny {margin-top: 7px;}
.mt-small {margin-top: 15px;}
.mt-medium {margin-top: 24px;}
.mt-large {margin-top: 41px;}
.mt-big {margin-top: 82px;}

.mb-tiny {margin-bottom: 7px;}
.mb-small {margin-bottom: 15px;}
.mb-medium {margin-bottom: 24px;}
.mb-large {margin-bottom: 41px;}
.mb-big {margin-bottom: 82px;}

.ml-tiny {margin-left: 7px;}
.ml-small {margin-left: 15px;}
.ml-medium {margin-left: 24px;}
.ml-large {margin-left: 41px;}
.ml-big {margin-left: 82px;}

.mr-tiny {margin-right: 7px;}
.mr-small {margin-right: 5px;}
.mr-medium {margin-right: 24px;}
.mr-large {margin-right: 41px;}
.mr-big {margin-right: 82px;}

.m-tiny {margin: 3.5px;}
.m-small {margin: 15px;}
.m-medium {margin: 24px;}
.m-large {margin: 41px;}
.m-big {margin: 82px;}

.margin-center {margin: auto;}

/* ------ */
.nomarg {margin: 0 !important;}
.nopadd {padding: 0 !important;}
.inline {display: inline-block;margin-left: -4px;}
.vertical-floater {display: table-cell;vertical-align: middle;}
.vertical-holder {display: table;}

/* ------ */
.top {top: 0px;bottom: inherit !important;}
.bottom {bottom: 0px;top: inherit !important;}

/* ------ */
.pt-tiny {padding-top: 7px;}
.pt-small {padding-top: 15px;}
.pt-medium {padding-top: 24px;}
.pt-large {padding-top: 41px;}
.pt-big {padding-top: 82px;}

.pb-tiny {padding-bottom: 7px;}
.pb-small {padding-bottom: 15px;}
.pb-medium {padding-bottom: 24px;}
.pb-large {padding-bottom: 41px;}
.pb-big {padding-bottom: 82px;}

.pl-tiny {padding-left: 7px;}
.pl-small {padding-left: 15px;}
.pl-medium {padding-left: 24px;}
.pl-large {padding-left: 41px;}
.pl-big {padding-left: 82px;}

.pr-tiny {padding-right: 7px;}
.pr-small {padding-right: 15px;}
.pr-medium {padding-right: 24px;}
.pr-large {padding-right: 41px;}
.pr-big {padding-right: 82px;}

.p-tiny {padding: 3.5px;}
.p-small {padding: 15px;}
.p-medium {padding: 24px;}
.p-large {padding: 41px;}
.p-big {padding: 82px;}

.p2 {padding: 2px;}

/* ------ */
.background-box-content {background-clip: content-box;}

/* ------ */
.image-width img {width: 100%;}

/* ------ */
.chevron::after {
    border-style: solid;
    border-width: 0.10em 0.10em 0 0;
    content: '';
    display: inline-block;
    height: 0.45em;
    left: 0.15em;
    position: relative;
    top: 0.15em;
    transform: rotate(-45deg);
    vertical-align: top;
    width: 0.45em;
}
.chevron.right:after {
    left: 0;
    transform: rotate(45deg);
}
.chevron.bottom:after {
    top: 0;
    transform: rotate(135deg);
    top: 6px;
}
.chevron.left:after {
    left: 0.25em;
    transform: rotate(-135deg);
}

.preloader {  width: 100%; height: 100%; position: fixed; background: #fff; z-index: 1000;}
.preloader-text { position: absolute; left: calc(50% - 25px); top: 50%;}

/* ------------------------------------------------ 
---------------------------------------------------
    COLOR
--------------------------------------------------
-------------------------------------------------- */

.text-white, .text-white-all * {color: #fff;}
.text-black, .text-black-all * {color: #000;}
.text-grey, .text-grey-all * {color: #CCCCCC;}
.text-grey, .text-grey-all * {color: #aaa;}
.text-red, .text-red-all * {color: #7d3e3e;}

/* ------------------------------------------------ 
---------------------------------------------------
    BG
--------------------------------------------------
-------------------------------------------------- */

.bg-black {background: #000;}
.bg-white {background: #fff;}
.bg-grey {background: #eee;}
.bg-blue-ocean {background: #63868a;}
.bg-red {background: #8d4e4e;}
.bg-transparent {background: transparent;}

.bg-narancs {background: #f39200;}
.bg-sotetkek {background: #004899;}
.bg-piros {background: #9c1006;}
.bg-lila {background: #662483;}
.bg-sarga {background: #fff15f;}
.bg-zold {background: #3faf6c;}
.bg-vilagoskek {background: #00b9ee;}
.bg-rozsaszin {background: #ff00ff;}
.bg-turkiz {background: #12cbbc;}
.bg-barna {background: #af6b01;}
.bg-stotetszurke {background: #585858;}


/* ------------------------------------------------ 
---------------------------------------------------
    BUTTON
--------------------------------------------------
-------------------------------------------------- */

a, a:hover {text-decoration: none;}

.button {border: none; background: none; border-radius: 4px; padding: 8px 20px; font-family: 'open_sanslight', sans-serif;}
.button-red {background: #7d3e3e; color: #fff;}
.button-red.btn {border: none !important;}
.button-red:hover, .button-red:active {background: #8d4e4e; color: #fff; text-decoration: none; color: #fff;}
.button-red-trans {background: transparent; color: #7d3e3e; border: #7d3e3e 1px solid;}
.button-red-trans:hover, .button-red-trans:active {background: transparent; color: #7d3e3e; border: #7d3e3e 1px solid; text-decoration: none; color: #7d3e3e;}

/* event map button holder */
.event-map-navi {position: absolute; left: 0px; right: 0px; bottom: calc(50% - 70px); margin: 0 auto; text-align: center;}

/* header menu buttons */
header .icon i {color: #7d3e3e; }
header .icon {color: #7d3e3e; }
header .icon:focus i, header .icon:hover i {color: #7d3e3e; }
header .icon:focus , header .icon:hover  {color: #7d3e3e; }

/* ------------------------------------------------ 
---------------------------------------------------
    HEADER
--------------------------------------------------
-------------------------------------------------- */

.header {position: relative;}
.header .bg-image-full {width: 100%; height: 1064px; background: url(../images/desktop/bg-head.jpg) no-repeat; background-position: top center; position: relative;}
.header .bg-image-full .scroll-down {position: absolute; top: calc(100vh - 40px); left: 0px; right: 0px; margin: 0 auto; color : #fff; text-align: center; font-size: 11px; opacity: 0.4; text-transform: uppercase;}
.header .spaceship-holder { position: absolute; left: 0px; right: 250px; margin: 0 auto; top: 175px; }
.header .spaceship { background: url(../images/desktop/spaceship.png) no-repeat; width: 38px; height: 15px; position: absolute; left: 30px; right: 0px;  margin: 0 auto; top: 17px; }
.header .whiteline { background: url(../images/desktop/white-line.png) repeat-x; width: 50%; height: 50px;  }

.header .text-holder {position: absolute; top: calc(100vh - 140px); text-align: center; width: 100%;}
.header .text-holder h1 {font-weight: 300; font-family: 'Open Sans', sans-serif;  font-size: 18px; text-transform: uppercase;}

/* ------------------------------------------------ 
---------------------------------------------------
    HEADING
--------------------------------------------------
-------------------------------------------------- */

.heading-line {background: url(../images/desktop/text-heading.png) no-repeat; width: 107px; height: 107px;}

/* ------------------------------------------------ 
---------------------------------------------------
    LOGO
--------------------------------------------------
-------------------------------------------------- */

/* ------------------------------------------------ 
---------------------------------------------------
    FORM
--------------------------------------------------
-------------------------------------------------- */

.form-control {background: transparent; border: none; border: 1px solid #fff; border-radius: 0; height: inherit; font-size: 18px; padding: 25px 12px; color:  #fff;}
.btn-success {border-radius: 0px; border: none;}

form .checkbox-holder input[type="checkbox"] {display: none !important; float: left;}
form .checkbox-holder label {float: left; width: calc(100% - 30px); line-height: 17px;}
form .checkbox-holder label:before {content: "\f1db"; font-family: "FontAwesome"; font-size: 22px; color :#fff; width: 30px; float: left;}
form .checkbox-holder input:checked + label:before {content: "\f058"; font-family: "FontAwesome"; font-size: 22px; color :#fff;}

/* ------------------------------------------------ 
---------------------------------------------------
    CONTENT
--------------------------------------------------
-------------------------------------------------- */

.main {background: url(../images/desktop/bg-repeat.png) repeat; width: 100%; height: 100%;}

/* ------------------------------------------------ 
---------------------------------------------------
    BOOTSTRAP EXTEND
--------------------------------------------------
-------------------------------------------------- */

/* forms */
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
    border-color: none;
    box-shadow: none;
    outline: 0 none;
}
.input-group-addon {background: #7d3e3e; border: none;}
.form-control:focus {border: #7d3e3e 1px solid;}

.modal {display: block;}

/* ------------------------------------------------ 
---------------------------------------------------
    RESPONSIVE
--------------------------------------------------
-------------------------------------------------- */

@media all and (min-width:480px){
    
}