/*

Popup - BEGIN

*/

@font-face {
    font-family: 'marketinginfo';
    src: url('marketinginfo.eot?41531192');
    src: url('marketinginfo.eot?41531192#iefix') format('embedded-opentype'),
       url('marketinginfo.woff?41531192') format('woff'),
       url('marketinginfo.ttf?41531192') format('truetype'),
       url('marketinginfo.svg?41531192#marketinginfo') format('svg');
    font-weight: normal;
    font-style: normal;
}

.marketingInfo,
.marketingInfo * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.marketingInfo,
.marketingInfo h2 {
  line-height: normal !important;
}

.marketingInfo h2 {
 	color: white; 
}

.marketingInfo .icon {
    font-family: 'marketinginfo' !important;
}

.marketingInfoBar {
    background: rgba(229, 22, 23, .9);
    height: 62px;
    color: white;
    font-weight: bold;
    position: fixed;
    z-index: 1001;
    display: none;
}

.marketingInfoBarTop {
    top: 0;
    left: 0;
    right: 0;
}

.marketingInfoBarBottom {
    bottom: 0;
    left: 0;
    right: 0;
}

.marketingInfoBarWrap {
    width: 100%;
    /*
    max-width: 1080px;
    margin: 0 auto;
    */
    height: 100%;
    position: relative;
}

.marketingInfoBarContainer {
    display: table;
    width: 100%;
    height: 100%;
}

.marketingInfoBarInner {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 22px;
}

.marketingInfoBarInner span {
    vertical-align: middle;
    display: inline-block;
}

.marketingInfoBar .icon {
    font-size: 32px;
    margin-right: 8px;
    color: #fdca00;
}

.marketingInfoBell {
    -webkit-animation: ring;
    animation: ring;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.marketingInfoClose {
    position: absolute;
    right: 0;
    cursor: pointer;
    cursor: hand;
}

.marketingInfoBar .marketingInfoClose {
    right: 16px;
    top: 14px;
}

.marketingInfoButton {
    font-size: 12px;
    border: 1px solid #333;
    padding: 6px 8px;
    border-radius: 10px;
    display: inline-block;
    color: #333;
    text-decoration: none;
    vertical-align: middle;
}

.marketingInfoButton:hover {
    background-color: #333;
    border-color: #333;
    color: #fff;
    text-decoration: none;
}

.marketingInfoBar .marketingInfoButton {
    margin-left: 10px;
}

.marketingInfoLayerChristmasSpecial .marketingInfoButton,
.marketingInfoPopupChristmasSpecial .marketingInfoButton {
    border: 1px solid white;
    color: white;
}

.marketingInfoLayerChristmasSpecial .marketingInfoButton:hover,
.marketingInfoPopupChristmasSpecial .marketingInfoButton:hover {
    background-color: #fdca00;
    border-color: #fdca00;
    color: #e51617;
}

@-webkit-keyframes ring {
    0% {
        -webkit-transform: rotate(0deg)
    }
    5% {
        -webkit-transform: rotate(45deg)
    }
    15% {
        -webkit-transform: rotate(-40deg)
    }
    25% {
        -webkit-transform: rotate(20deg)
    }
    35% {
        -webkit-transform: rotate(-15deg)
    }
    45% {
        -webkit-transform: rotate(10deg)
    }
    55% {
        -webkit-transform: rotate(-5deg)
    }
    60% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(0deg)
    }
}

@keyframes ring {
    0% {
        transform: rotate(0deg)
    }
    5% {
        transform: rotate(45deg)
    }
    15% {
        transform: rotate(-40deg)
    }
    25% {
        transform: rotate(20deg)
    }
    35% {
        transform: rotate(-15deg)
    }
    45% {
        transform: rotate(10deg)
    }
    55% {
        transform: rotate(-5deg)
    }
    60% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(0deg)
    }
}

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

.marketingInfoLayer {
    position: fixed;
    background: rgba(229, 22, 23, .9);
    color: white;
    width: 320px;
    padding: 20px;
    text-align: center;
    z-index: 10001;
    padding: 20px;
    padding-bottom: 25px;
}

#marketingInfoPopup .marketingInfoLayerRow,
.marketingInfoLayerRow {
    margin-bottom: 20px !important;   
}

.marketingInfoLayerTopLeft {
    top: 20px;
    left: 20px;
}

.marketingInfoLayerTopRight {
    top: 20px;
    right: 20px;
}

.marketingInfoLayerBottomLeft {
    bottom: 20px;
    left: 20px;
}

.marketingInfoLayerBottomRight {
    bottom: 20px;
    right: 20px;
}

.marketingInfoLayerInner > div {
    margin-top: 10px;
}

.marketingInfoLayerInner > div:first-child,
.marketingInfoLayerInner > div:nth-child(2) {
    margin-top: 0;
}

.marketingInfoLayer .marketingInfoClose {
    top: 15px;
    right: 25px;
    line-height: 24px;
    font-size: 24px;
    color: #fdca00;     /* 254, 218, 0 */
}

.marketingInfoLayer .marketingInfoBell {
    color: #fdca00;
    font-size: 48px;  
}

.marketingInfoLayer {
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
}

.marketingInfoLayer .marketingInfoButton {
    font-size: 14px;
    margin: 0;
}

.marketingInfoLayer {
    /*padding: 6px;*/
}

.marketingInfoLayerInner {
    /*padding: 14px;
    padding-top: 0;
    border: 4px dotted rgba(253, 202, 0, .4);*/
}

.marketingInfoNegyzet {
    background-color: yellow;
    width: 6px;
    height: 6px;
    position: absolute;
    top: 10px;
    left: 10px;
    border-radius: 100%;
}

.marketingInfoLayer .marketingInfoNegyzet {
    width: 4px;
    height: 4px;
}

#marketingInfoPopup {
    text-align: center;
    max-width: 720px;
    font-size: 18px;
    padding: 40px 40px 20px;
}

.marketingInfoPopupChristmasSpecial {
    background: rgba(229, 22, 23, .9);
    color: white;
}

#marketingInfoPopup .marketingInfoLayerInner > div {
    margin: 0;   
}

#marketingInfoPopup .marketingInfoLayerInner .marketingInfoCountDownParent {
    /* margin: 20px 0; */
}

#marketingInfoPopup .marketingInfoButton {
    font-size: 16px;   
}

#marketingInfoPopup .countdown_row .countdown_section:first-child {
    margin: 0;   
}

#marketingInfoPopup .countdown_row .countdown_section {
    background: none;
    padding: 0;
    font-size: 14px;
    text-transform: uppercase;
    color: #333;
}

#marketingInfoPopup.marketingInfoPopupChristmasSpecial .countdown_row .countdown_section {
    color: white;   
}

#marketingInfoPopup .countdown_row .countdown_section .countdown_amount {
    display: inline-block;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,565656+46,565656+48,000000+50,565656+52,000000+100 */
    background: #000000; /* Old browsers */
    background: -moz-linear-gradient(top, #000000 0%, #565656 46%, #565656 48%, #000000 50%, #565656 52%, #000000 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #000000 0%,#565656 46%,#565656 48%,#000000 50%,#565656 52%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #000000 0%,#565656 46%,#565656 48%,#000000 50%,#565656 52%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    padding: 4px 10px;
    border-radius: 5px;
    font-size: 32px;
    color: white;
}

.marketingInfoPopupChristmasSpecial .marketingInfoBell,
.marketingInfoPopupChristmasSpecial button.mfp-close {
    color: #fdca00;
}

.marketingInfoPopupChristmasSpecial button.mfp-close {
    top: 15px;
    right: 15px;
}

.marketingInfoPopupChristmasSpecial .marketingInfoBell {
    font-size: 82px;
    line-height: 82px;
}

#marketingInfoPopup h2 {
    font-weight: 700;
    font-size: 72px;
    margin: 0;
}

#marketingInfoPopup h2.blink {
    animation: blink .5s linear infinite alternate; 
}

body.marketingInfoBarTopOn {
    margin-top: 62px;
}

body.marketingInfoBarBottomOn {
    margin-bottom: 62px;
}

.marketingInfoPopupOpen {
    display: none;   
}

/* Style01 - BEGIN */

#marketingInfoPopup.marketingInfoPopupStyle01 {
    border: 8px dashed #dc0000;
}

#marketingInfoPopup.marketingInfoPopupStyle01 h2 {
   color: #dc0000;
}

#marketingInfoPopup.marketingInfoPopupStyle01 .marketingInfoButton {
    border-color: #dc0000;
    color: #dc0000;
}

#marketingInfoPopup.marketingInfoPopupStyle01 .marketingInfoButton:hover {
    background-color: #dc0000;
    color: #fff;
}

#marketingInfoPopup.marketingInfoPopupStyle01 .mfp-close {
    color: #dc0000;
}
/*
.mfp-bg {
    background-color: #dc0000;
    opacity: .6;
}
*/
/* Style01 - END */

/*

Popup - END

*/