@font-face {
    font-family: 'MyriadProBlackCond';
    src: url('../fonts/MyriadProBlackCond.eot');
    src: url('../fonts/MyriadProBlackCond.eot') format('embedded-opentype'),
         url('../fonts/MyriadProBlackCond.woff2') format('woff2'),
         url('../fonts/MyriadProBlackCond.woff') format('woff'),
         url('../fonts/MyriadProBlackCond.ttf') format('truetype'),
         url('../fonts/MyriadProBlackCond.svg#MyriadProBlackCond') format('svg');
}
@font-face {
    font-family: 'MyriadProSemibold';
    src: url('../fonts/MyriadProSemibold.eot');
    src: url('../fonts/MyriadProSemibold.eot') format('embedded-opentype'),
         url('../fonts/MyriadProSemibold.woff2') format('woff2'),
         url('../fonts/MyriadProSemibold.woff') format('woff'),
         url('../fonts/MyriadProSemibold.ttf') format('truetype'),
         url('../fonts/MyriadProSemibold.svg#MyriadProSemibold') format('svg');
}
@font-face {
    font-family: 'MyriadProRegular';
    src: url('../fonts/MyriadProRegular.eot');
    src: url('../fonts/MyriadProRegular.eot') format('embedded-opentype'),
         url('../fonts/MyriadProRegular.woff2') format('woff2'),
         url('../fonts/MyriadProRegular.woff') format('woff'),
         url('../fonts/MyriadProRegular.ttf') format('truetype'),
         url('../fonts/MyriadProRegular.svg#MyriadProRegular') format('svg');
}

*,*:after,*:before{-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility;}
input[type=radio]{-webkit-appearance:radio;}
input[type=checkbox]{-webkit-appearance:checkbox;}
input[type='number']{-moz-appearance:textfield;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;}
input[type=submit]{appearance:none;-moz-appearance:none;-webkit-appearance:none;}
html {-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
.btn {-ms-touch-action: manipulation;touch-action: manipulation;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; -moz-transition:all .218s linear; -webkit-transition:all .218s linear; transition:all .218s linear; outline:none;}
.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus { outline: none; outline: 0 auto -webkit-focus-ring-color; outline-offset: 0;}
a { color:#80b4e8; -moz-transition:all .218s linear; -webkit-transition:all .218s linear; transition:all .218s linear; outline:0;}
a:hover { color:#972420; }
a:focus,a:active,button,button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,select::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner { border: 0; border-color:transparent; outline: none; -moz-outline-style: none; outline-offset: 0;}
:-moz-any-link:focus {outline: none; }
input { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.nopadding { padding-left:0 !important; padding-right:0 !important; }

h1, h2, h3, h4, h5, h6 { margin: 0 0 15px 0; padding: 0; }
p { margin-bottom: 20px;}

.tt { display:table; width:100%; height:100%; }
.tc { display:table-cell; width:100%; height:100%; vertical-align:middle; }

dl, dd, dt { margin:0; padding:0; }


body { font-family: 'MyriadProSemibold'; background:white; color:#020202; overflow-x: hidden; }

header { font-size: 30px; font-family: 'MyriadProBlackCond'; line-height: 30px; }
header img { display: block; margin: 10px auto; }
header span { font-size: 43px; line-height: 43px; }
header .container-fluid { background-color: #e9cb1a; height: 147px; margin-top: 40px; }
header .container-fluid img { margin: -40px auto 0; position: relative; left: 100px; }
header a { color: #231f20 !important; text-decoration: none !important; cursor: text; }
header .hubay { float: left; }
header .text-center { max-width: 442px; margin: 0 auto; padding-top: 25px; }
header .text-center img { width: 172px; height: auto; margin-top: -5px; }

.main { background: #b0aba2 url(../img/main.png) repeat-x top; padding: 110px 0 10px; text-transform: uppercase; }
.main img { margin: 0 auto; display: block; }
.main .col-sm-6:last-child { color: white; }

footer { background: #231f20; padding: 20px 15px 5%; color: #d19400; font-size: 17px; font-family: 'MyriadProRegular'; }
footer a { color: #d19400; }
footer a:hover,
footer a:focus { text-decoration: none; }

@media (max-width: 360px) {
	.main .container {
		max-width: 90%;
	}
}

.modal-szabi {
    position: absolute;
    left: 50%;
    right: auto;
    bottom: auto;
    top: 50%;
    width: 290px;
    padding: 20px 30px;
    color: #231f20;
    text-transform: uppercase;
    background-color: #ff7900;
    box-shadow: 0 9px 15px rgba(0,0,0,.75);
    z-index: 10000;
    text-align: center;
    border-radius: 30px;
    font-family: 'MyriadProRegular';
    animation: yourAnimation 3s normal 0s ease;
    transform: translateY(-50%) translateX(-50%);
}
.modal-szabi h2 {
    font-size: 28px;
    color: #fff;
    margin: 0;
}
.modal-szabi h3 {
    font-size: 28px;
    color: #231f20;
    margin: 0;
}
.modal-szabi p {
    font-size: 14px;
    color: #231f20;
    margin: 0;
}
.modal-szabi p span {
    font-size: 20px;
    display: block;
}
.modal-szabi p.yellow {
    color: #fff600;
    font-size: 11px;
}

@keyframes yourAnimation{
    0%{
        transform: translateY(-100em) translateX(-50%);
    }
    50%{
        transform: translateY(-50%) translateX(-50%);
    }
    100% {
        transform: translateY(-50%) translateX(-50%);
    }
}