/* CUSTOM CSS */
.hide { display: none; }
.hide2 { display: none; }
.holder { position: relative; }
.center { text-align: center; }
.vertical_middle { top: 50%; position: relative; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }


/* RWD button */
.fejlec .rwd_button { width: 60px; height: 60px; font-size: 30px; cursor: pointer; }
.fejlec .rwd_button .burg { width: 40px; height: 2px; left: 10px; top: 30px; background: white; display: block; position: relative; -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; }

.fejlec .rwd_button .burg:before, 
.fejlec .rwd_button .burg:after { width: 40px; height: 2px; background: white; position: absolute; content: ''; -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; }

.fejlec .rwd_button .burg:before { top: -10px; left: 0; }
.fejlec .rwd_button .burg:after { top: 10px; right: 0; }

body.rwd_menu__opened .fejlec .rwd_button .burg { background: transparent; }
body.rwd_menu__opened .fejlec .rwd_button .burg:before { top: 0; -webkit-transform: rotate(45deg); }
body.rwd_menu__opened .fejlec .rwd_button .burg:after { top: 0; -webkit-transform: rotate(-45deg); }


/* RWD MENU */
.rwd_menu { padding: 30px; background: #580809; }
.rwd_menu ul li { border-bottom: 1px dotted rgba(255,255,255,0.2); list-style: none; }
.rwd_menu ul li:last-child { border-bottom: none; }
.rwd_menu ul li a { padding: 10px; font-size: 20px; color: white; display: block; }


/* 
---------------	
	CONTENT 
---------------
*/
ul.nomargin { list-style: none !important; }

ul.gallery { margin-left: -20px; margin-right: -20px; padding: 0 !important; font-size: 0; }
ul.gallery li { width: 25%; margin-bottom: 40px; padding-left: 20px; padding-right: 20px; vertical-align: top; display: inline-block; }
ul.gallery li a { display: block; }
ul.gallery li img { width: auto; height: max-height; display: inline-block; }


/* FOOTER */
#footer { font-size: 0; text-align: left; color: #000; background: white; }
#footer p { color: #000; }
#footer h3 { margin-bottom: 20px; font-size: 25px; line-height: 1; }
#footer img { max-width: 100%; height: auto; display: inline-block; }
#footer iframe { width: 95% !important; height: 150px !important; }

/* Footer top */
#footer .footer_top { padding-top: 30px; }
#footer .footer_top .phone_wrapper { border-top: 2px solid #5a0403; border-bottom: 2px solid #5a0403; }
#footer .footer_top .phone_wrapper .phone { height: 40px; padding-left: 40px; font-size: 17px; color: #5a0403; line-height: 40px; background: url(images/icon_phone.svg) no-repeat left center; background-size: auto 20px; display: inline-block; }
#footer .footer_top .phone_wrapper .phone a { font-weight: 700; color: #5a0403; }
#footer .footer_top .phone_wrapper .phone a:hover { text-decoration: underline; }

/* Footer bottom */
#footer .col { font-size: 15px; vertical-align: top; display: inline-block; }
#footer .col.col_25 { width: 25%; }
#footer .col.col_50 { width: 50%; text-align: right; }


/* RWD */
@media only screen and (max-width: 992px) { 
	
	/* DISPLAY: None */
	.hide_in_992 { display: none !important; }
	
	/* DISPLAY: Block */
	.show_in_992 { display: block !important; }
	
	/* HEADER */
	.fejlec .logo { width: 50%; }
	
	/* HEDER: Language switcher */
	.fejlec .wpml-ls { right: 70px !important; }
	
	/* CONTENT */
	ul.gallery { margin-left: -10px; margin-right: -10px; }
	ul.gallery li { width: 50%; margin-bottom: 20px; padding-left: 10px; padding-right: 10px; }
	
	/* FOOTER */
	#footer iframe { height: 250px !important; }
	
	/* FOOTER: Footer bottom */
	#footer .col.col_25 { width: 50%; }	
}

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

	/* FOOTER */
	#footer iframe { width: 100% !important; }
	
	/* FOOTER: Footer top */
	#footer .footer_top .phone_wrapper { padding: 20px 0; }
	#footer .footer_top .phone_wrapper .phone { height: auto; padding-left: 0; padding-top: 50px; line-height: 20px; background-position: center 0; background-size: auto 30px; }
	#footer .footer_top .phone_wrapper .phone a { font-size: 20px; display: block; }
	#footer .footer_top .phone_wrapper .phone .sep { padding: 10px 0; display: block; }

	/* FOOTER: Footer bottom */
	#footer p, 
	#footer h3 { text-align: center; }
	#footer .col.col_25 { width: 100%; display: block; }
	#footer .col.col_25:first-child { margin-bottom: 30px; }
}

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

	/* CONTENT */
	ul.gallery { margin-left: 0; margin-right: 0; }
	ul.gallery li { width: 100%; padding-left: 0; padding-right: 0; display: block; }
}