html, body						{ font-family: 'Open Sans Condensed', sans-serif; font-size: 18px; background-color: #2f312e; line-height: 22px; color:#a4a6a4;}
h1,h2,h3,h4                     { font-weight:normal;}

h1                              { font-size:24px; font-weight:600; color:#a4a6a4;}
h2                              { font-size:20px; line-height: 24px;}
h3                              { }

ul                              { list-style-type: none; }

a:link                          { font-size:18px; text-decoration: none; color: #a3a3a3; font-weight: 600;}
a:visited                       { text-decoration: none; color: #a3a3a3;}
a:hover                         { text-decoration: none; color: white;}
a:active                        { text-decoration: none; color: #a3a3a3;}

*:focus                         { outline: none;}

.bold                           { font-weight:600;}
.center                         { margin-left:auto; margin-right:auto;}
.float_left						{ float:left; }
.float_right                    { float:right; }
.full_width_img					{ width:100%; height:auto; vertical-align: top;}
.full_height_img                { height:100%; width:auto; vertical-align: top;}
.full_width_holder              { width:100%; }
.wrapper                        { width:100%; height:auto; max-width: 960px; margin-left:auto; margin-right: auto;}
.wrapper_dark                   { width:100%; padding:15px; background-color:#222623; -webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.3); box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.3);}
.wrapper_dark2                  { width:100%; padding:30px; background-color:#222623; -webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.3); box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.3);}
.center_text                    { text-align: center;}
.vert_plcholder                 { width:100%; height:30px;}
.light_red                      { background-color:#fbedeb;} 
.red                            { background-color:#d53326;}
.margin                         { margin-top:20px; margin-bottom:20px;}
.justify						{ text-align: justify;}

.mobile                         { display:none;}
.desktop                        { }

.list_item                      { margin-bottom:30px;}
.list_item_img                  { float:left; margin-right:15px;}
.list_item_text                 { float:left; }

.ref_item                       { float:left; width:25%; margin-bottom:10px; padding:10px;}
.ref_item_img                   { width:100%; margin-bottom:10px;}
.ref_item_text                  { }

.grid                           { margin-top:30px;}
.grid-item                      { float:left; height: 280px; margin-right:10px; margin-bottom:10px; background-size:cover; background-repeat: no-repeat; background-position: center;}

#main_menu_wrapper              { font-weight:600; background-color: #2f312e; position:fixed; height:78px; left:0; top:0; z-index: 30000;
                                -webkit-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.2);}
#main_menu                      { margin-left: 10px; float:right; position:relative;}
.main_menu_item_wrapper         { position: relative; height:48px; float:left; cursor: pointer; margin-top:30px; font-size:16px;}
.main_menu_item_text            { position: relative; padding-left: 8px; padding-right: 8px; padding-top:16px;}
.main_menu_item_selected        { position: absolute; width: 100%; height:5px; left: 0; bottom: 0; opacity:0;}
.visible                        { opacity: 1;}
.selected                       { color:#a4a6a4;} 
#main_menu a:link               { color:#4b4e4a;}
#main_menu a:visited            { color:#4b4e4a;}
#main_menu a:hover              { color:#a4a6a4;}
#main_menu a:active             { color:#4b4e4a;}

#lang_menu                      { position: absolute; right:7px; top:9px; font-weight: normal; font-size: 12px;}
#lang_menu ul                   { list-style-type: none; }
#lang_menu ul li                { display:inline;}
#lang_menu ul li img            { vertical-align: middle;}
#lang_menu ul li a:link         { color:black;}
#lang_menu ul li a:visited      { color:black;}
#lang_menu ul li a:hover        { color:#d7362c;}
#lang_menu ul li a:active       { color:black;}
#lang_menu a:link               { font-size:12px; font-weight: normal;}

#mobile_main_menu               { width:55px; height:55px; cursor:pointer; margin-top:10px;}
#mobile_menu_open_wrapper       { position:fixed; left:0; top:0; background-color:white; width:100%; height:100%; visibility: hidden; z-index: 30001;}
#mobile_menu_close_btn          { position:absolute; right:0; top:0; width:50px; height:50px;}

#mobile_menu_open_wrapper ul    { margin-left:30px; margin-top:30px; list-style-type: none;}
#mobile_menu_open_wrapper ul li { font-size:24px; margin-bottom:24px;}

.slider-wrapper                 { position:relative; overflow:hidden; width:100%; margin:0px auto; background-color:#2f312e;}
#slider .slider                 { position:relative; width:100%; margin:0 auto; max-height: 390px; overflow-y: hidden;}
#mobile_slider .slider          { position:relative; width:100%; margin:0 auto; max-height: 900px; overflow-y: hidden;}
#slider                         { opacity:0;}
#mobile_slider                  { opacity:0;}

#late_fade                      { opacity:0;}

#footer                         { color:#6c6c6c;}
#footer a:link                  { font-size: 16px;}

.three_col                      { width:33.33%; padding:30px;}
.two_col                        { width:50%; padding:30px;}
.two_col_text                   { -moz-column-count: 2; -moz-column-gap: 40px; -webkit-column-count: 2; -webkit-column-gap: 40px;}

#logo                           { float:left;}


#index_intro h2                 { text-transform: uppercase; font-size:20px; font-weight:600;}
#index_intro p                  { margin-top:10px;}
#index_3col                     { margin-top:20px; padding-top:20px; padding-bottom:20px;}
#index_3col h1                  { font-weight: 600; margin-bottom:20px;}
#index_blog                     { padding-top:20px; padding-bottom:20px;}
#index_blog h2                  { font-weight: 600; margin-bottom:20px;}
#index_contact                  { padding-top:60px; padding-bottom:60px;}
#index_contact p                { font-size:32px; font-weight: 600; color:white;}
#index_contact img              { vertical-align: middle; margin-right:10px;}
#index_contact a:link           { font-size:32px; font-weight: 600; color:white;}
#index_contact a:hover          { opacity:0.9;}

.padding_text                   { padding:50px;}

.cegvezetok						{ display:table;}
.cegvezeto_img 					{ padding:0; display:table-cell; background-size:cover; background-repeat:no-repeat; background-position:center;}
.cegvezeto_txt					{ font-size:18px; display:table-cell;}
.cegvezeto_txt h1				{ margin-top:20px;}

.two_col_table 					{ display:table;}
.two_col_table_img				{ padding:0; display:table-cell; background-size:cover; background-repeat:no-repeat; background-position:center;}
.two_col_table_txt				{ display:table-cell;}
.two_col_table_txt h1			{ margin-bottom:20px;}

.four_col_wrapper				{ margin-top:50px; margin-bottom:20px;}
.four_col 						{ width:25%; padding:10px; float:left;}
.four_col h1 					{ font-size:20px; font-weight: 600;}
.four_col_wrapper img			{ margin-bottom:7px;}

#tapasztalat_innovacio_wrapper  { margin-top:40px; margin-bottom:20px;}

#jelenlet_map_wrapper			{ background-color:#1f1f1f; padding-top:50px; padding-bottom:50px;}
#jelenlet_map_wrapper h1		{ color:white; margin-bottom:20px; font-size:28px;}
#jelenlet_map_wrapper a:hover   { color:white;}

#szakertelem_tudas_wrapper		{ margin-top:0px; margin-bottom:20px;}

.act_blog_wrapper               { width:100%; margin-bottom: 10px; padding:10px;}
.act_blog_wrapper h2            { margin-bottom:10px;}
.act_blog_wrapper p             { margin-bottom:5px;}
.act_blog_img                   { width:10%; float:left;}
.act_blog_text                  { width:90%; float:left; padding-left:10px;}
.act_blog_cols                  { width:100%; margin-bottom:20px; -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; text-align:justify;}
#related_images                 { width:100%; margin-top:20px;}
.related_images_item            { float:left; width:100px; height:100px; margin-bottom:10px; margin-right:10px; background-size: cover; background-position: center; background-repeat: no-repeat;}

@media only screen and (max-width : 960px)      { 

.grid-item                      { height: auto; margin-right:0; width:100%;}

}

@media only screen and (max-width : 720px)      { 


	.wrapper 					{ width:98%;}
    #main_menu                  { display: none; }
    .fs-pager-wrapper           { display:none; }

    #mobile_main_menu           { display:block;}

    .mobile                     { display:block;}
    .desktop                    { display:none;}

    .float_left                 { width:100%;}
    .padding_text               { padding:30px;}

    .two_col 					{ width:100%; display: block; float:left;}
    .two_col_table_txt			{ text-align: center;}
    .two_col_table_img 			{ display:none;}
    .four_col 					{ width:100%;}

    #tapasztalat_innovacio_wrapper  { margin-bottom:20px;}

    .act_blog_img                   { width:100%; margin-bottom:20px;}
    .act_blog_text                  { width:100%;}

    .ref_item                       { width:50%;}


}



@media only screen and (max-width : 480px)      { 

    #index_contact p                { font-size:24px; }
    #index_contact a:link           { font-size:24px; }

    .ref_item                       { width:100%; padding:0;}

    .wrapper_dark2                  { padding:15px;}

}




#siteby{ float:right; width:148px; height:45px; background-color:black; opacity:0.9; margin-right:5%; cursor:pointer; background-image:url(../img/siteby.png); margin-top:20px;}











.input_contact                  { padding:6px; margin-bottom:5px; margin-top:5px; font-size: 16px; border: 1px solid black; font-family: 'Open Sans', sans-serif;}
.textarea_contact               { padding:6px; font-size: 16px; margin-top:5px; margin-bottom:1px; border: 1px solid black; font-family: 'Open Sans', sans-serif;}
.btn_admin                      { padding:10px; background-color:#d7362c; color:white; font-weight: 700; cursor:pointer;}
.btn_admin:hover                { background-color:black;}
.admin_back_to                  { padding-top:15px; padding-bottom:15px;}
.admin_two_col                  { float:left; width:50%; padding:10px;}
.admin_full_w_input             { width:100%;}
.admin_list_row                 { width:100%; padding:5px;}
.admin_list_row:hover           { background-color:#d7362c; color:white;}
.admin_alert_box                { font-weight: 700; color:white; padding:10px;}

.upload_image_wrapper           { width:100%; margin-top:20px;}
.upload_image_holder            { position:relative; float:left; width:100px; height:100px; margin-right:10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-size:cover; background-position: center; background-repeat: no-repeat; }
.upload_image_holder img        { width:100%; height:100%; vertical-align: top;}
.upload_image_holder_delete_btn { position:absolute; right:3px; top:3px; padding:10px; padding-top:5px; padding-bottom:5px; background-color:black; color:white; display:none; cursor:pointer;}
.upload_image_holder_delete_btn_blog { position:absolute; right:3px; top:3px; padding:10px; padding-top:5px; padding-bottom:5px; background-color:black; color:white; display:none; cursor:pointer;}
.upload_image_holder:hover .upload_image_holder_delete_btn { display:block;}
.upload_image_holder:hover .upload_image_holder_delete_btn_blog { display:block;}

#picture_details                { display:none;}
#upload_picture_uploading       { float:right; padding:12px; display: none;}