BODY {
    background: #FFFFFF
}

#header_container {
    position: fixed;
    width: 100%;
    height: 151px;
    background: #FFFFFF;    
    z-index: 999; 
}       

#header_languages {
    height: 35px;
    font: normal 18px/36px "Open Sans";
    font-weight: 100;
    color: #1a1a1a;
    border-bottom: 1px solid #cccccc;
    text-align: center;
}

#header_languages A {
    color: #999999;
    text-decoration: none;
}  

#header_menu_button {
    display: none;
    position: absolute;
    top: 84px;
    left: 15px;
    width: 26px;
    height: 14px;
    background: url('../images/header_menu_button.jpg');
    cursor: pointer;
}

#header_menu {
    text-align: center;
}

#header_menu A {
    display: inline-block;
    font: normal 18px/105px "Open Sans";
    font-weight: 100;
    color: #1a1a1a;
    margin: 5px 15px 0px;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
}

#header_menu A.active {          
    border-bottom: solid 5px #000000;
}

#header_menu_logo {
    display: inline-block;
    width: 184px;
    height: 82px;
    background: url('../images/htm_logo.jpg') no-repeat center bottom;
    background-size: contain;
    margin: 0px 25px 0px;
    padding: 10px 0px 0px;
    vertical-align: top;
}        
             
@media (max-width: 1212px) {   
    #header_menu A {
        margin-left: 10px;
        margin-right: 10px;
    }
    
    #header_menu_logo {  
        margin-left: 15px;
        margin-right: 15px;
    }
}

@media (max-width: 1144px) {
    #header_menu_button {  
        display: block;
    }
    
    #header_menu A {
        display: none;
        height: 0px;
        font-weight: 600;
        line-height: 40px;
        background: rgba(255,255,255,0.9);
        margin: 0px;
    }            
    
    #header_menu A:first-child {
        margin-top: 115px;
    }
    
    #header_menu A:last-child { 
        border-bottom: 1px solid #000000;
    }
    
    #header_menu A.active {
        border: 0px;
    }
    
    #header_menu_logo {    
        position: absolute;
        top: 36px;
        right: -9999px; 
        left: -9999px;  
        max-width: 100%;
        max-height: 100%;
        margin: auto;                
    }
}


@media (max-width: 440px) { 
    #header_menu_logo {    
        width: 150px;
        height: 67px;
        padding: 18px 0px 0px;
    }
}

#header_social {
    position: absolute;
    top: 75px;
    right: 15px;
    width: 74px;             
}

#header_social A {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin: 0px 0px 5px 5px;
}

#header_social #facebook_button {
    background: url('../images/header_facebook_button.jpg') no-repeat;   
}

#header_social #gplus_button {
    background: url('../images/header_gplus_button.jpg') no-repeat;   
}

#header_social #linkedin_button {
    background: url('../images/header_linkedin_button.jpg') no-repeat;   
}

#header_social #youtube_button {
    background: url('../images/header_youtube_button.jpg') no-repeat;   
}

H2 {
    font: normal 24px/45px "Open Sans";
    font-weight: 100;
    color: #2c2c2c;
    text-align: center;
    margin: 80px 0px;
}

H2 SPAN {
    border: 1px solid #2c2c2c;
    padding: 0px 25px;     
}

/* KIK VAGYUNK */

#kik_vagyunk {     
    position: relative;
    width: 100%;                                                              
    padding: 151px 0px 0px;             
}

#kik_vagyunk IMG { 
    display: block;
    width: 100%;
}

H1 {      
    font: normal 20px/24px "Open Sans";
    font-weight: 100;
    color: #FFFFFF;
    padding: 0px 20px 20px;
    margin: -160px 0px 0px 0px;
    text-align: center; 
    text-shadow: 1px 1px 3px #000000;
}

@media (min-width: 438px) {
    H1 {
        font: normal 20px/24px "Open Sans";
        font-weight: 100;
        color: #FFFFFF;
        padding: 0px 20px 20px;
        margin: -120px 0px 0px 0px;
        text-align: center; 
    }
}

@media (min-width: 576px) {
    H1 {
        font: normal 20px/24px "Open Sans";
        font-weight: 100;
        color: #FFFFFF;
        padding: 0px 20px 20px;
        margin: -80px 0px 0px 0px;
        text-align: center; 
    }
}

@media (min-width: 768px) {
    H1 {
        max-width: 768px;
        font: normal 24px/30px "Open Sans";
        font-weight: 100;
        color: #FFFFFF;
        padding: 0px 20px 20px;
        margin: -100px auto 0px auto;
        text-align: center; 
    }
}

#kik_vagyunk P {
    max-width: 952px;
    font: normal 18px/24px "Open Sans";
    font-weight: 100;
    color: #1a1a1a;
    margin: 30px auto 0px;
    padding: 0px 20px;
    text-align: center;   
}

/* MÉDIA */

#main_video_container {
    width: 100%;
    background: #000000;
}
  
#main_video {  
    position: relative;       
    width: 100%;
    max-width: 952px;
    padding: 0px 0px 56.25%;
    margin: 0px auto 50px;
}
/*
#main_video VIDEO {
    width: 100%;
    margin: 0px 0px 30px;
}
*/
#main_video IFRAME {
    position:absolute;
    top: 0;
    left: 0;
    width:100%;
    height: 100%;
}

.small_videos {       
    max-width: 952px; 
    padding: 0px 20px;
    margin: 0px auto;
}

.small_videos A {
    display: inline-block;
    width: 32%;
    font: normal 18px/24px "Open Sans";
    font-weight: 100;
    color: #000000;      
    background: url('../images/small_video_bg.jpg') no-repeat center top;
    background-size: contain; 
    padding: 19% 0px 0px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
}

.small_videos A:nth-child(2),
.small_videos A:nth-child(5) {
    margin: 0px 2% 30px;
}

@media (max-width: 496px) {  
    .small_videos A {
        width: 46%; 
        padding-top: 26%;
        margin: 0px 2% 30px !important
    }
}

/* */

#vigado_video_container {
    width: 100%;
    background: #FFFFFF;
}
  
#vigado_video {  
    position: relative;       
    width: 100%;
    max-width: 952px;
    padding: 0px 0px 56.25%;
    margin: 0px auto 50px;
}   

#vigado_video IFRAME {
    position:absolute;
    top: 0;
    left: 0;
    width:100%;
    height: 100%;
}

#gallery {            
    max-width: 952px;
    padding: 0px 20px;
    margin: 50px auto 0;
    overflow: hidden;
}

#main_pic {
    margin: 0px 0px 30px;
}

#main_pic IMG {
    display: block;
    width: 100%;
}                      

#small_pics A {
    display: inline-block;
    width: 22%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-bottom: 22%;
    margin: 0px 2% 20px;
}

#small_pics A:nth-child(0n+1) {
    margin-left: 0px;
}

#small_pics A:nth-child(4n) {
    margin-right: 0px;
}

@media (max-width: 496px) {     
    #small_pics A {                     
        width: 46%;
        padding-bottom: 46%; 
        margin-left: 4%;
        margin-right: 4%;    
    }
        
    #small_pics A:nth-child(2n+1) {
        margin-left: 0px;
    }
    
    #small_pics A:nth-child(2n) {
        margin-right: 0px;
    }
}

/* MIÉRT MINKET? */

#miert_minket { 
    max-width: 952px;
    padding: 0px 20px;
    margin: 0px auto;
    text-align: center;
}

#miert_minket P { 
    font: normal 18px/24px "Open Sans";
    font-weight: 100;
    color: #202030;
    margin: 0px auto 24px;
    text-align: justify;
    text-align-last: center;
}


/* A ZENEKAR */

#a_zenekar {
    width: 100%;
    max-width: 1064px;
    margin: 0px auto;
    text-align: center;
}

#a_zenekar DIV.member {
    position: relative;
    display: inline-block;
    font: normal 14px/20px "Open Sans";
    color: #202020;
    margin: 0px 45px 20px;
    text-align: center;
    cursor: pointer;
}

#a_zenekar DIV.member .member_hover {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 173px;
    height: 173px;
    border-radius: 50%;
    border-width: 0px;
    border-style: solid;
    border-color: rgba(0,0,0, 0.38);
}

#a_zenekar DIV.member IMG {
    display: block;
    width: 173px;
    height: 173px;
    border-radius: 50%;
    margin: 0px 0px 10px;
}

#a_zenekar DIV.member B,   
#a_zenekar DIV.member DFN {
    display: block;
}

#a_zenekar .member_text {
    display: none;
    max-width: 952px;  
    padding: 0px 20px;
    margin: 0px auto;
}   

#a_zenekar .member_text H3 {
    font: bold 14px/33px "Open Sans";
    color: #202020;
    margin: 0px 0px 10px;
    text-align: center;
}

#a_zenekar .member_text H3 SPAN {
    border: 1px solid #787878;
    padding: 0px 15px;
}  

#a_zenekar .member_text P {
    width: 100%;        
    font: bold 14px/20px "Open Sans";
    font-weight: 100;
    color: #202020; 
    margin: 0px auto 20px;
    text-align: justify;
    text-align-last: center;
}

/* REFERNCIÁK */

#references_container {   
    max-width: 952px; 
    padding: 0px 20px;
    margin: 0px auto;
}

.quote {
    width: 100%;
    font: italic 14px/24px "Open Sans";
    color: #202020;   
}

.quote IMG {  
    float: left;      
    width: 125px;
    height: 125px;
    border-radius: 50%;
    margin: 0px 30px 18px 0px;
}

@media (min-width: 830px) {  
    .quote IMG {       
        margin: 0px 30px 92px 0px;
    }
}

@media (max-width: 730px) {   
    .quote IMG {
        display: block;
        float: none;
        margin: 0px auto 18px;
    }
}

#references.owl-theme DIV.owl-pagination {
    width: 100%;
    text-align: center;
}
                                        
.owl-theme .owl-pagination .owl-page SPAN {
    display: inline-block;
    width: 18px;
    height: 18px;       
    background: #ffffff;             
    border: 1px solid #363636;
    border-radius: 50%;
    margin: 10px 5px 0px; 
    opacity: 1;
}

.owl-theme .owl-pagination .owl-page.active SPAN {      
    background: #363636;
    border: 1px solid #363636;
}

/* KAPCSOLAT */

@media (max-width: 767px) {
    #kapcsolat_desktop {
        display: none;
    }
}

@media (min-width: 768px) {
    #kapcsolat_mobile {
        display: none;
    }
    
    #kapcsolat_desktop {
        display: block;
    }
}

#kapcsolat P {
    font: normal 18px/24px "Open Sans";
    font-weight: 100;
    color: #202030;
    margin: 0px auto 24px;
    padding: 0px 20px;
    text-align: justify;
    text-align-last: center;
}

#kapcsolat P B {    
    font-size: 24px;
}

#contact_call_button {
    display: block;
    width: 223px;
    height: 47px;
    font: bold 24px/42px "Open Sans";
    color: #FFFFFF;
    background: url('../images/contact_call_button_bg.png') no-repeat 0px 0px;
    margin: 0px auto 42px;
    text-align: center;
    text-decoration: none;
}

#contact_call_button:hover {
    background-position: -223px 0px;
}

#contact_form DIV {       
    text-align: center;
}

#contact_form LABEL {
    display: inline-block;
    width: 85px;
    font: normal 18px/42px "Open Sans";
    font-weight: 100;
    color: #2c2c2c;
    text-align: right;
    vertical-align: top;
}

#contact_form INPUT[type="text"] {
    display: inline-block;
    width: 368px;
    height: 40px;
    font: normal 18px/42px "Open Sans";
    font-weight: 100;
    color: #2c2c2c;
    background: #FFFFFF; 
    border: 1px solid #929292;
    padding: 0px 15px;
    margin: 0px 100px 30px 15px;
    vertical-align: top;  
}

#contact_form TEXTAREA {
    display: inline-block;
    width: 368px;
    height: 144px;
    font: normal 18px/24px "Open Sans";
    font-weight: 100;
    color: #2c2c2c;
    background: #FFFFFF; 
    border: 1px solid #929292;
    padding: 8px 15px;
    margin: 0px 100px 30px 15px;  
    vertical-align: top;  
}

#contact_form INPUT[type="submit"] {
    display: inline-block;
    width: 106px;
    height: 40px;
    font: normal 18px/40px "Open Sans";
    font-weight: 100;
    color: #2c2c2c;
    background: #FFFFFF;
    border: 1px solid #929292; 
    margin: 0px  392px 30px 15px;  
    cursor: pointer;
}

#contact_form_message {
    width: 100%;
    max-width: 400px;
    height: 40px;
    font: normal 18px/40px "Open Sans";
    color: #FF0000;  
    padding: 0px 100px 0px 100px;  
    margin: 0px auto;
}

@media (max-width: 603px) {   
    #contact_form {
        padding: 0px 20px 0px 20px;
    }
    
    #contact_form LABEL {
        width: 100%;
        margin: 0px;
        text-align: left;
    }
    
    #contact_form INPUT[type="text"] {           
        width: 100%;
        margin: 0px;    
        box-sizing: border-box;
    }
    
    #contact_form TEXTAREA {
        width: 100%;
        margin-left: 0px;        
        margin-right: 0px;        
        box-sizing: border-box;
    }
    
    #contact_form INPUT[type="submit"] { 
        display: block;
        margin: 0px 0px 30px;
    }
    
    #contact_form_message {
        padding: 0px 20px;          
        box-sizing: border-box;
    }
    
}



/* lábléc */

#footer {
    padding: 85px 0px 40px 0px; 
    text-align: center;
}