/*
Theme Name: Avada
Description: The #1 selling theme of all time that allows you to build virtually any design style.
Author: ThemeFusion
Theme URI: http://avada.theme-fusion.com/
Author URI: http://themeforest.net/user/ThemeFusion
Version: 6.1.2
Requires PHP: 5.6
License: Themeforest Split Licence
License URI: -
Text Domain: Avada
*/

/* Classes needed by Theme Check */
.wp-caption-text,
.gallery-caption,
.bypostauthor {
}

#preview {
    position: relative;
    width: 130px;
    height: 150px;	
    background-image: url("./images/pressure.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 120px;
    margin-left: 100px;

}
#preview-textfield {
    position: absolute;
    top: 33%;
    width: 100%;
    text-align: center;
    color: #FFF;
    font-weight: 800;
    font-size: 18px;
}
#preview-textfield2 {
    position: absolute;
    top: 60%;
    width: 100%;
    text-align: center;
    color: #FFF;
    font-weight: 800;
    font-size: 18px;
}
#preview-textfield3 {
    position: absolute;
    top: 50%;
    width: 210px;
    text-align: left;
    color: #000;
    font-weight: 600;
    font-size: 15px;  
    background: #FFF;
    line-height: 17px;
    padding: 10px;
    transform: translateY(-50%);
    left: calc( -100% - 20px ); 
    z-index: -1;
}

#gallery_block{padding:270px
0 180px}#gallery_block
.grid{position:absolute;width:100%;height:100%;background:url("http://gepszer.hu/public/css/images/header_grid.png") repeat center top}#gallery_block a,
#gallery_block a:active,
#gallery_block a:visited{display:block;background:#fff;background:rgba(255,255,255,0.8);text-align:center;color:#222;transition:background .3s cubic-bezier(0.390,0.575,0.565,1.000);overflow:hidden;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0)}#gallery_block a:hover{background:#fff}#gallery_block
img{float:right;width:50%;transition:left .3s cubic-bezier(0.390,0.575,0.565,1.000);-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0)}#gallery_block
h3{margin:0;padding-top:50px;float:left;width:50%;text-transform:uppercase;font-weight:normal;font-size:16px;transition:left .3s cubic-bezier(0.390,0.575,0.565,1.000)}#gallery_block
.icon{font:normal normal 60px/1em 'gepszer_icons';display:block;margin-bottom:15px}
#gallery_block a:hover
h3{left:50%}#gallery_block a:hover
img{top:0;left:-50%;transition-delay: .6s;transition-duration:0s;animation:gallery_img_position .6s cubic-bezier(0.390,0.575,0.565,1.000)}
@keyframes gallery_img_position{0%{transform:translate(0,0)}30%{transform:translate(0,100%)}70%{transform:translate(-100%,100%)}100%{transform:translate(-100%,0)}}

.span6.mellete {
    display: inline-block; vertical-align: top;    
}
.span6.mellete:first-of-type { margin-right: 30px; }
.span6.mellete:last-of-type { margin-left: 30px; }
.span6.mellete * { color: #000 !important; }
#gallery_block { text-align: center; }






















#preview {
    position: relative;
    width: 130px;
    height: 150px;	
    background-image: url("./images/pressure.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 120px;
    margin-left: 100px;

}
#preview-textfield {
    position: absolute;
    top: 33%;
    width: 100%;
    text-align: center;
    color: #FFF;
    font-weight: 800;
    font-size: 18px;
}
#preview-textfield2 {
    position: absolute;
    top: 60%;
    width: 100%;
    text-align: center;
    color: #FFF;
    font-weight: 800;
    font-size: 18px;
}
#preview-textfield3 {
    position: absolute;
    top: 50%;
    width: 210px;
    text-align: left;
    color: #000;
    font-weight: 600;
    font-size: 15px;  
    background: #FFF;
    line-height: 17px;
    padding: 10px;
    transform: translateY(-50%);
    left: calc( -100% - 20px ); 
    z-index: -1;
}

#gallery_block{padding:270px
0 180px}#gallery_block
.grid{position:absolute;width:100%;height:100%;background:url("http://gepszer.hu/public/css/images/header_grid.png") repeat center top}#gallery_block a,
#gallery_block a:active,
#gallery_block a:visited{display:block;background:#fff;background:rgba(255,255,255,0.8);text-align:center;color:#222;transition:background .3s cubic-bezier(0.390,0.575,0.565,1.000);overflow:hidden;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0)}#gallery_block a:hover{background:#fff}#gallery_block
img{float:right;width:50%;transition:left .3s cubic-bezier(0.390,0.575,0.565,1.000);-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0)}#gallery_block
h3{margin:0;padding-top:50px;float:left;width:50%;text-transform:uppercase;font-weight:normal;font-size:16px;transition:left .3s cubic-bezier(0.390,0.575,0.565,1.000)}#gallery_block
.icon{font:normal normal 60px/1em 'gepszer_icons';display:block;margin-bottom:15px}
#gallery_block a:hover
h3{left:50%}#gallery_block a:hover
img{top:0;left:-50%;transition-delay: .6s;transition-duration:0s;animation:gallery_img_position .6s cubic-bezier(0.390,0.575,0.565,1.000)}
@keyframes gallery_img_position{0%{transform:translate(0,0)}30%{transform:translate(0,100%)}70%{transform:translate(-100%,100%)}100%{transform:translate(-100%,0)}}

.span6.mellete {
    display: inline-block; vertical-align: top;    
}
.span6.mellete:first-of-type { margin-right: 30px; }
.span6.mellete:last-of-type { margin-left: 30px; }
.span6.mellete * { color: #000 !important; }
#gallery_block { text-align: center; }


body.page-id-325 .mozgat p { margin: 0px; text-align: center; } 

.fogakerek { position: relative; line-height: inherit !important; width: 70px !important; height: 70px !important; } 
.fogakerek:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);

}

.minwbutton { min-width: 330px; } 


@media only screen and (max-width: 1000px) {
    
    .referenciakepek img {
        
        float: none !important;
        margin: 0px auto !important;
        
    }
    
    .mobilefullw { padding: 0px !important; } 
    .mobilefullw .kekblokk { padding: 0px !important; } 
    
    .partnerek > div { text-align: center; }
    .partnerek .mozgat { float: none; display: inline-block; vertical-align: top; } 
    
    
}


.show_mobile_menu header.container_wrapper { margin-left: 0px !important; }
#mobile_menu { width: 100% !important; margin-left: 0px !important; height: 0px !important; overflow: hidden; } 

@media (max-width: 759px) {
 #fixed_menu_wrapper h1 { float: left !important; left: 30px; top: 30px; }
  #fixed_menu_wrapper h1 a { padding: 0px !important; } 
 #mobile_menu_trigger { margin-left: calc(100% - 70px); top: 40px; position: absolute; }
}
#mobile_menu li { display: block !important; } 
#mobile_menu {margin-top: 95px; } 
.show_mobile_menu #mobile_menu { height: 70vh !important;  } 

@media (max-width: 759px) {
#fixed_menu_wrapper li:before {
    display: none !important;
}

}

#fixed_menu_wrapper a:hover { color: #FFF !important; } 

#fixed_menu_wrapper #menu a:hover { color: #1778b4 !important; }

#fixed_menu_wrapper #language_select a:hover { color: #1778b4 !important; }


@media only screen and (max-width: 1000px){
#logo {
    width: 200px!important;
    margin: 0 auto!important;
}

#mobile_menu li { text-align:center; }

}

@media (max-width: 759px) {
#language_select {
    display: none;
}

#fixed_menu_wrapper ul li a { font-size:12px; }

}


body { margin-top: 0px !important; } 



.to-top-right #toTop {
    right: 20px;
    bottom: 0px;
    top: initial;
    left: initial;
}