/*
Theme Name: Lignomat Kft.
Theme URI: http://lignomat.hu
Description: A Lignomat Kft. weboldalának alapértelmezett sablonja.
Author: Effix-marketing Kft.
Author URI: https://effix.hu
Version: 1.0
*/

*{
margin: 0;
border: 0;
padding: 0;
flex-wrap: wrap;
text-decoration: none; 
}

*, 
*:after, 
*::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

:root {
	--color-brown: #6b4f2d;
	--color-burgundy: #6c2721;
	--color-gray: #534741;
	--color-blue: #496a9a;
	--color-blue-a80: rgba(21 44 93 / 80%);
	--color-blue-a60: rgba(21 44 93 / 60%);
	--color-blue-a30: rgba(21 44 93 / 30%);
	--color-sand: #e9e5e0;
	--color-dark-sand: #cec5ba;
	--color-dark-sand-a30: rgba(206 197 186 / 30%);
	--color-red: #d7315a;
	--color-silver-line: #cfd8dc;
}

body { margin: auto; font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 400; color: #000; line-height: 30px; overflow-x: hidden; }
body.rwd_menu__opened { overflow: none; }

textarea, input, select, button { font-family: 'Roboto', sans-serif; font-size: 18px; outline: none; }

h1, h2, h3, h4 { font-weight: normal; line-height: 100%; }

hr { margin: 30px 0; border-top: 5px solid #efefed; }

img.alignleft { margin: 0 20px 5px 0; float: left; }
img.alignright { margin: 0 0 5px 20px; float: right; }
img.aligncenter { margin: 0 auto 20px auto; display: block; }

img.alignleft, 
img.alignright, 
img.aligncenter { padding: 4px; border: 1px solid #ddd; }

/* Classes */
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.inner { max-width: 1280px; margin-left: auto; margin-right: auto; position: relative; }
.inner_800 { max-width: 800px; }
.vertical_middle { top: 50%; position: relative; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.uppercase { text-transform: uppercase; }
.center { text-align: center; }
.hide { display: none !important; }
.red { color: #f1655c; }
.b_r_3 { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.b_r_50p { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

/* Animation */
.anim, .service .thumbnail img, :before { -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.anim_cubic { -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }

/* Button */
.button { height: 50px; padding: 0 20px; font-size: 17px !important; font-weight: 700; text-decoration: none !important; text-transform: uppercase; text-align: center; color: white !important; line-height: 50px; background: var(--color-gray); display: inline-block; position: relative; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.button:hover { background: #100a12; }
.button:after { display: none !important; }

.button:disabled, 
.button:disabled:hover { color: var(--color-dark-sand) !important; background-color: #f6f3f0; }

.button.button_color_v2 { color: var(--color-blue) !important; background-color: rgba(255 255 255 / 100%); }
.button.button_color_v2:hover { background-color: rgba(255 255 255 / 90%); }

.button.button_color_v3 { background-color: var(--color-burgundy); }
.button.button_color_v3:hover { background-color: var(--color-brown); }

.button.button_xs { height: 30px; padding: 0 10px; font-size: 14px !important; line-height: 32px; }

.button_fullwidth { height: auto; padding: 15px 10px; text-align: center; line-height: 20px; display: block; }

/* Checkbox and radio */
input[type="checkbox"], 
input[type="radio"] { width: 24px; height: 24px; margin: -4px 4px 0 0 !important; padding: 0 !important; text-align: center !important; background-color: white; border: 1px solid var(--color-gray); clear: none; cursor: pointer; display: inline-block; line-height: 0; outline: 0; vertical-align: middle !important;  -webkit-appearance: none; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: .05s border-color ease-in-out; transition: .05s border-color ease-in-out; }
input[type="radio"] { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

input[type="radio"]:checked:before { width: 14px; height: 14px; left: 4px; top: 4px; text-align: center; background: var(--color-blue); position: relative; border-radius: 8px; display: block; content: ''; }
input[type="checkbox"]:checked:before { width: 14px; height: 14px; left: 4px; top: 4px; text-align: center; background: var(--color-blue); position: relative; display: block; content: ''; }


/*
-------------------
	NAVIGATION
-------------------
*/
#rwd_menu { width: calc(100% - 50px); right: -100%; top: 150px; bottom: 0; font-size: 18px; color: white; background: white; position: fixed; z-index: 100; overflow-y: auto; }
#rwd_menu h4 { margin-bottom: 10px; font-size: 18px; font-weight: 700; }

#rwd_menu ul.main_menu { background: var(--color-blue); list-style: none; }
#rwd_menu ul.main_menu li { border-bottom: 1px solid rgba(255 255 255 /  10%); position: relative; }
#rwd_menu ul.main_menu li a { padding: 20px 40px; font-size: 20px; font-weight: 500; color: white; line-height: 100%; display: block; position: relative; }
#rwd_menu ul.main_menu li a:hover { text-decoration: underline; text-decoration-thickness: 1px; }

#rwd_menu ul.main_menu li.menu-item-has-children > a:before { width: 0; height: 100%; left: 0; top: 0; background: var(--color-burgundy); position: absolute; content: ''; }
#rwd_menu ul.main_menu li.menu-item-has-children > a:after { width: 20px; height: 20px; right: 20px; top: calc(50% - 10px); background: url(images/icon_arrow_down_white.svg) no-repeat center; background-size: 16px; position: absolute; content: ''; }
#rwd_menu ul.main_menu li.menu-item-has-children.open > a:before { width: 8px; }
#rwd_menu ul.main_menu li.menu-item-has-children.open > a:after { ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }

#rwd_menu ul.main_menu li ul { background: white; display: none; }
#rwd_menu ul.main_menu li ul li { border-bottom-color: var(--color-silver-line); }
#rwd_menu ul.main_menu li ul li:last-child { border-bottom: none; }
#rwd_menu ul.main_menu li ul li a { left: auto !important; padding: 15px 15px 15px 20px; font-size: 17px; color: #000000 !important; line-height: 20px; opacity: 100% !important; }
#rwd_menu ul.main_menu li ul li.menu-item-has-children > a:after { width: 20px; height: 20px; right: 20px; top: calc(50% - 10px); background: url(images/icon_arrow_down_small.svg) no-repeat center; background-size: 12px; position: absolute; content: ''; }
#rwd_menu ul.main_menu li ul li.open > a:before { display: none; }

#rwd_menu ul.main_menu li ul li ul { background: #f7f5f3; }
#rwd_menu ul.main_menu li ul li ul li { border-bottom: none; }
#rwd_menu ul.main_menu li ul li ul li a { padding: 10px 20px; font-weight: 400; } 

#rwd_menu ul.footer_menu { padding: 40px 0; background: var(--color-sand); list-style: none; }
#rwd_menu ul.footer_menu li { margin-bottom: 15px; }
#rwd_menu ul.footer_menu li:last-child { margin-bottom: 0; }
#rwd_menu ul.footer_menu li a { padding: 0 40px; font-size: 18px; font-weight: 700; color: #000; line-height: 1; display: block; }
#rwd_menu ul.footer_menu li a:hover { text-decoration: underline; text-decoration-thickness: 1px; }

#rwd_menu .action_buttons { padding: 20px; color: #000; border-left: 1px solid var(--color-sand); border-bottom: 1px solid var(--color-sand); }
#rwd_menu .action_buttons div { margin-bottom: 20px; }
#rwd_menu .action_buttons div:last-child { margin-bottom: 0; }
#rwd_menu .action_buttons div .button { width: 100%; }

#rwd_menu .contact { padding: 40px; color: #000; border-left: 1px solid var(--color-sand); }
#rwd_menu .contact a { text-decoration: underline; color: var(--color-blue); }
#rwd_menu .contact .contact_wrap {}

/* RWD nav opened */
body.rwd_menu__opened #rwd_menu { right: 0; }


/*
--------------
	HEADER
--------------
*/
#header { width: 100%; left: 0; top: 0; background: white; border-bottom: 1px solid var(--color-sand); position: fixed; z-index: 10000; }
body.home #header { border-bottom-color: white; }

#header .header_top { height: 50px; background: var(--color-sand); }
#header .header_top .header_top_wrap { height: 100%; display: flex; justify-content: space-between; }

/* Search */
#header .header_top .search { width: 100%; max-width: 300px; height: 100%; display: flex; }
#header .header_top .search input[type=text] { width: calc(100% - 50px); height: 100%; background: transparent; }
#header .header_top .search input[type=submit] { width: 50px; height: 50px; background: var(--color-brown) url(images/icon_search_white.svg) no-repeat center; background-size: auto 20px; cursor: pointer; }
#header .header_top .search input[type=submit]:hover { background-color: var(--color-burgundy); }

/* Contact */
#header .header_top .contact { height: 100%; display: flex; align-items: center; }
#header .header_top .contact div { height: 36px; margin-left: 30px; display: flex; align-items: center; }
#header .header_top .contact div:first-child { margin-left: 0; }
#header .header_top .contact div a { padding-left: 35px; font-size: 16px; font-weight: 500; color: var(--color-brown); line-height: 24px; display: block; position: relative; }
#header .header_top .contact div a:hover { text-decoration: underline; }
#header .header_top .contact div a:before { width: 24px; height: 24px; left: 0; top: 0; background-color: var(--color-brown); background-repeat: no-repeat; background-position: center; background-size: auto 12px; position: absolute; content: ''; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
#header .header_top .contact div.email a:before { background-image: url(images/icon_mail_white.svg); }
#header .header_top .contact div.phone a:before { background-image: url(images/icon_phone_white.svg); }

/* Header bottom */
#header .header_bottom { height: 100px; }
#header .header_bottom .header_bottom_wrap { height: 100%; display: flex; justify-content: space-between; align-items: center; }

/* Logo */
#header .header_bottom .logo img { width: auto; height: 40px; display: block; }

/* Menu */
#header .header_bottom .menu__button { display: flex; align-items: center; }
#header .header_bottom .button.make_offer { margin-left: 20px; }

#header .header_bottom ul.menu { height: 100%; display: flex; list-style: none; }
#header .header_bottom ul.menu li { margin-left: 20px; position: relative; }
#header .header_bottom ul.menu li:first-child { margin-left: 0; }
#header .header_bottom ul.menu li a { font-size: 16px; font-weight: 500; color: var(--color-blue); line-height: 100%; }
#header .header_bottom ul.menu li a:hover { color: var(--color-brown); }
#header .header_bottom ul.menu li.current-menu-item a { color: var(--color-brown); }
#header .header_bottom ul.menu li.menu-item-has-children { padding-right: 20px; background: url(images/icon_arrow_down.svg) no-repeat right center; background-size: 12px auto; }

#header ul.menu li ul { width: 300px; left: 0; top: 100%; background: white; display: block; position: absolute; z-index: 10; visibility: hidden; opacity: 0; list-style: none; -webkit-box-shadow: 0 2px 3px rgba(0 0 0 / 10%); box-shadow: 0 2px 3px rgba(0 0 0 / 10%); }
#header ul.menu li ul li { width: 100%; margin-left: 0 !important; padding: 0 !important; background: none !important; }
#header ul.menu li ul li a { padding: 25px 0 25px 85px; font-size: 18px !important; line-height: 20px !important; border-left: 5px solid transparent; text-transform: none; display: block; position: relative; }
#header ul.menu li ul li a:hover { background: var(--color-sand); border-left-color: var(--color-blue); }
#header ul.menu li ul li a:before { width: 50px; height: 50px; left: 20px; top: calc(50% - 25px); background: var(--color-sand); background-repeat: no-repeat; background-position: center; background-size: auto 26px; position: absolute; content: ''; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
#header ul.menu li ul li a:hover:before { background-color: white; }
#header ul.menu li ul li.menu-item-3024 a:before { background-image: url(images/icon_cnc_brown.svg); }
#header ul.menu li ul li.menu-item-3025 a:before { background-image: url(images/icon_milling_brown.svg); }
#header ul.menu li ul li.menu-item-3026 a:before { background-image: url(images/icon_monitor_brown.svg); }

#header ul.menu li ul li a:after { width: auto !important; height: 1px; left: 85px; right: 20px; bottom: 0; background: var(--color-silver-line) !important; position: absolute; content: ''; }
#header ul.menu li ul li:last-child a:after { display: none !important; }

#header ul.menu li ul li.menu-item-has-children:hover a { background: var(--color-sand); border-left-color: var(--color-blue); }
#header ul.menu li ul li.menu-item-has-children:hover a:before { background-color: white; }
#header ul.menu li ul li.menu-item-has-children:hover ul { visibility: visible; opacity: 100%; }

#header ul.menu li ul ul { width: 350px; min-height: 100%; left: 100%; top: 0; padding: 20px 20px 20px 40px; background: #f7f5f3; position: absolute; visibility: hidden !important; opacity: 0 !important; -webkit-box-shadow: none; box-shadow: none; list-style: disc; }
#header ul.menu li ul ul li { margin-bottom: 5px; }
#header ul.menu li ul ul li a { padding: 0 !important; font-size: 16px !important; font-weight: 500; background: none !important; border-left: none !important; }
#header ul.menu li ul ul li a:hover { text-decoration: underline !important; background: transparent !important; }
#header ul.menu li ul ul li a:before { display: none !important; }
#header ul.menu li ul ul li a:after { display: none !important; }

#header .header_bottom ul.menu li.menu-item-has-children:hover > ul { visibility: visible !important; opacity: 100% !important; }

/* RWD button */
#header .rwd_button { width: 80px; height: 100%; right: 0; top: 0; background: white; border-left: 1px solid var(--color-sand); position: absolute; cursor: pointer; }
#header .rwd_button:before { width: 0; height: 100%; left: 0; top: 0; background: var(--color-blue); position: absolute; content: ''; }
#header .rwd_button .burg { width: 30px; height: 2px; left: 25px; top: 50%; background: var(--color-burgundy); display: block; position: relative; -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; }

#header .rwd_button .burg:before, 
#header .rwd_button .burg:after { width: 30px; height: 2px; background: var(--color-burgundy); position: absolute; content: ''; -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; }

#header .rwd_button .burg:before { top: -8px; left: 0; }
#header .rwd_button .burg:after { top: 8px; right: 0; }

body.rwd_menu__opened #header .rwd_button { border-left-color: var(--color-blue) !important; }
body.rwd_menu__opened #header .rwd_button:before { width: 100%; }
body.rwd_menu__opened #header .rwd_button .burg { background: transparent; }
body.rwd_menu__opened #header .rwd_button .burg:before { top: 0; background: white; -webkit-transform: rotate(45deg); }
body.rwd_menu__opened #header .rwd_button .burg:after { top: 0; background: white; -webkit-transform: rotate(-45deg); }

/* Fixed Header */
body.fixed_header #header { border-bottom-color: var(--color-sand); }


/*
--------------
	SLIDER
--------------
*/
#slider_wrapper { background: var(--color-sand); position: relative; }

#slider_wrapper .slider .slick-slide { max-height: 650px; min-height: 250px; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; }
#slider_wrapper .slider .slick-slide:before { padding-top: 40%; display: block; content: ''; }
#slider_wrapper .slider .slick-slide .cover { width: 100%; height: 100%; left: 0; top: 0; position: absolute; }
#slider_wrapper .slider .slick-slide .text_wrap { width: 100%; max-width: 640px; top: 50px; bottom: 50px; left: calc((100% - 1280px) /2); padding: 70px; color: white; background: var(--color-blue-a80); position: absolute; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#slider_wrapper .slider .slick-slide .title { font-size: 30px; font-weight: 500; line-height: 1; }
#slider_wrapper .slider .slick-slide .text { margin-top: 20px; }
#slider_wrapper .slider .slick-slide .button { margin-top: 20px; }

/* Control */
#slider_wrapper .slider_control { width: 130px; right: 50px; bottom: 50px; display: flex; justify-content: space-between; position: absolute; z-index: 10; }
#slider_wrapper .slider_control button { width: 60px; height: 60px; background: rgba(255 255 255 / 90%) url(images/icon_arrow_left.svg) no-repeat center; background-size: auto 20px; cursor: pointer; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0 1px 2px rgba(0 0 0 / 20%); -webkit-box-shadow: 0 1px 2px rgba(0 0 0 / 20%); box-shadow: 0 1px 2px rgba(0 0 0 / 20%); }
#slider_wrapper .slider_control button.next { background-image: url(images/icon_arrow_right.svg); }
#slider_wrapper .slider_control button:hover { background-color: rgba(255 255 255 / 100%); }

/* Video */
#slider_video { height: calc(100vh - 100px); min-height: 250px; background-color: #152c5d; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; }
#slider_video video { width: 100%; height: 100%; left: 0; top: 0; position: absolute; }
#slider_video .cover { width: 100%; height: 100%; left: 0; top: 0; background: rgba(21 44 93 / 50%); position: absolute; }
#slider_video .cover a.play { width: 100px; height: 100px; left: 50%; top: 50%; background: white url(images/icon_play_blue.svg) no-repeat center; background-size: auto 30px; position: absolute; z-index: 2; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.waves { width: 100px; height: 100px; left: 50%; top: 50%; position: absolute; z-index: 1; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.waves .wave { width: 200px; height: 200px; right: -50px; bottom: -50px; background: rgba(255 255 255 / 30%); position: absolute; opacity: 0; border-radius: 100%; z-index: -1; -webkit-animation: waves 3s ease-in-out infinite; animation: waves 3s ease-in-out infinite; }
.waves .wave.wave-1 { -webkit-animation-delay: 0s; animation-delay: 0s; }
.waves .wave.wave-2 { -webkit-animation-delay: 1s; animation-delay: 1s; }
.waves .wave.wave-3 { -webkit-animation-delay: 2s; animation-delay: 2s; }

@keyframes waves {
	0% {
		-webkit-transform: scale(0.2, 0.2);
		transform: scale(0.2, 0.2);
		opacity: 0;
	}
	50% {
		opacity: 0.9;
	}
	100% {
		-webkit-transform: scale(0.9, 0.9);
		transform: scale(0.9, 0.9);
		opacity: 0;
	}
}


/*
---------------
	SECTION
---------------
*/
.section { padding: 70px 0; }
.section .section_title { margin-bottom: 50px; font-size: 22px; font-weight: 700; text-transform: uppercase; color: var(--color-blue); line-height: 1; }


/*
----------------
	PRODUCTS
----------------
*/
.product_wrap { margin-left: -10px; margin-right: -10px; display: flex; }
.product_wrap .product { width: calc(33.3333333333% - 20px); margin: 20px 10px 0; background-color: var(--color-blue); background-repeat: no-repeat; background-position: center; background-size: cover; display: block; position: relative; overflow: hidden; }
.product_wrap .product:nth-child(-n+3) { margin-top: 0; }
.product_wrap .product:before { padding-top: 100%; display: block; content: ''; }
.product_wrap .product .cover { width: 100%; height: 100%; left: 0; top: 0; padding: 20px 20px 40px; background: var(--color-blue-a60); display: flex; justify-content: center; align-content: end; position: absolute; }
.product_wrap .product:hover .cover { background: var(--color-blue-a30); }
.product_wrap .product .cover h3 { width: 100%; margin-bottom: 0 !important; font-size: 18px; font-weight: 500; text-align: center; text-transform: none !important; color: white !important; line-height: 20px; }

/* Subcategories */
.subcategories { margin: 50px 0; }
.subcategories .subcategories_wrap { margin-left: -25px; margin-right: -25px; display: flex; }
.subcategories .subcategories_wrap .product { width: calc(33.3333333333% - 50px); margin: 50px 25px 0; text-decoration: none !important; background: white; position: relative; overflow: hidden; }
.subcategories .subcategories_wrap .product:nth-child(-n+3) { margin-top: 0 !important; }
.subcategories .subcategories_wrap .product .thumbnail { background: rgb(245,245,245); background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(189,189,189,1) 100%); background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(189,189,189,1) 100%); background: linear-gradient(to bottom, rgba(245,245,245,1) 0%,rgba(189,189,189,1) 100%); position: relative; }
.subcategories .subcategories_wrap .product .thumbnail img { width: 100%; height: auto; display: block; }
.subcategories .subcategories_wrap .product .entry { min-height: 70px; padding: 15px 10px; background: var(--color-blue); display: flex; align-content: center; }
.subcategories .subcategories_wrap .product .entry h4 { width: 100%; margin-bottom: 0 !important; color: white; }


/*
----------------
	SERVICES
----------------
*/
#services { background: var(--color-sand); }

.service_wrap { margin-left: -15px; margin-right: -15px; display: flex; }
.service_wrap .service { width: calc(33.3333333333% - 30px); margin: 30px 15px 0; position: relative; }
.service_wrap .service:nth-child(-n+3) { margin-top: 0; }
.service_wrap .service h3 { margin-bottom: 0 !important; padding-top: 15px; text-transform: none !important; }
.service_wrap .service h3 a { font-size: 17px !important; font-weight: 500; text-decoration: none !important; color: var(--color-blue) !important; }
.service_wrap .service .thumbnail { background-color: #d1d3d6; display: block; position: relative; }
.service_wrap .service:nth-child(even) .thumbnail { background-color: #d6cfc5; }
.service_wrap .service .thumbnail:before { padding-top: 50%; display: block; content: ''; }
.service_wrap .service .thumbnail img { width: auto; max-width: 60%; height: auto; max-height: 140px; left: 50%; top: 50%; display: block; position: absolute; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.service_wrap .service .thumbnail:hover img { -webkit-transform: translate(-50%, -50%) scale(90%, 90%); -ms-transform: translate(-50%, -50%) scale(90%, 90%); transform: translate(-50%, -50%) scale(90%, 90%); }


/*
------------
	NEWS
------------
*/
.news_wrap { margin-left: -15px; margin-right: -15px; display: flex; }
.news_wrap .news { width: calc(50% - 30px); margin: 30px 15px 0; background-color: #e0dad3; background-repeat: no-repeat; background-position: center; background-size: cover; display: block; position: relative; }
.news_wrap .news:nth-child(-n+2) { margin-top: 0; }
.news_wrap .news:before { padding-top: 54%; display: block; content: ''; }
.news_wrap .news .entry { min-height: 130px; left: 20px; bottom: 20px; right: 20px; padding: 20px; color: white; background: var(--color-blue-a80); display: flex; align-items: end; align-content: end; position: absolute; }
.news_wrap .news .entry .datetime { width: 100%; font-size: 15px; }
.news_wrap .news .entry h3 { margin-bottom: 0 !important; font-size: 24px; font-weight: 500; text-transform: none !important; color: white !important; line-height: 30px; } 

/* Sidebar version */
.news_wrap.sidebar { margin-left: 0; margin-right: 0; }
.news_wrap.sidebar .news { width: 100%; margin: 30px 0 0; }
.news_wrap.sidebar .news:before { padding-top: 100%; }
.news_wrap.sidebar .news h3 a { font-size: 20px; }


/*
------------------
	REFERENCES
------------------
*/
#references { background: #e4e9f0; }
#references .references { padding: 0 70px; }
#references .references .logo { max-width: 170px; margin: 0 auto 20px; background-color: white; border: 5px solid #d2d2d3; position: relative; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
#references .references .logo:before { padding-top: 100%; display: block; content: ''; }
#references .references .logo img { width: auto; max-width: 80%; height: auto; max-height: 80%; left: 50%; top: 50%; display: block; position: absolute; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#references .references .name { font-size: 16px; font-weight: 500; color: var(--color-blue); line-height: 20px; }
#references .references .date { font-size: 14px; color: var(--color-blue); line-height: 20px; }

/* Arrows */
#references .slick-arrow { width: 40px; height: 40px; left: 0; top: calc(50% - 50px); text-indent: -9999px; background: url(images/icon_arrow_left.svg) no-repeat center; background-size: auto 20px; position: absolute; cursor: pointer; }
#references .slick-arrow.slick-next { left: auto; right: 0; background-image: url(images/icon_arrow_right.svg); }


/*
----------------
	ABOUT US
----------------
*/
#aboutus .text_wrap { width: 80%; margin: auto; }
#aboutus .text_wrap .text { font-size: 25px; color: var(--color-blue); line-height: 150%; }
#aboutus .text_wrap .text p { margin-bottom: 20px; }
#aboutus .text_wrap .text p:last-child { margin-bottom: 0; }


/*
------------
	HERO
------------
*/
#hero { min-height: 250px; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; }
#hero:before { padding-top: 30%; display: block; content: ''; }


/*
---------------
	CONTENT
---------------
*/
#container { padding-top: 150px; }

#content { margin: 50px 0; }
#content .title__back_button { margin-bottom: 30px; display: flex; align-items: center; }
#content .title__back_button h1 { margin-bottom: 0; margin-right: 20px; }
#content .title__back_button .back { height: 30px; margin-top: 3px; padding: 0 10px; font-size: 12px; color: white; line-height: 30px; background: var(--color-gray); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#content .title__back_button .back:hover { text-decoration: none !important; }

#content h1 { margin-bottom: 30px; font-size: 40px; font-weight: 500; line-height: 1; }
#content h2 { margin-bottom: 20px; font-size: 40px; font-weight: 500; line-height: 1; }
#content h3 { margin-bottom: 20px; font-size: 22px; font-weight: 700; text-transform: uppercase; color: var(--color-blue); line-height: 1; }

#content p { margin-bottom: 20px; }
#content a { text-decoration: underline; color: var(--color-blue); }
#content a:hover { color: #333; }
#content img { max-width: 100%; height: auto; display: block; }

#content ul { margin-bottom: 30px; list-style: none; }
#content ul li { min-height: 30px; margin-bottom: 10px; padding-left: 40px; background: url(images/icon_check.svg) no-repeat left top; background-size: auto 30px; }
#content ul li ul { margin-top: 10px; }

/* Gallery */
#content ul.single_gallery { margin-left: -10px !important; margin-right: -10px !important; display: flex; }
#content ul.single_gallery li { width: calc(25% - 20px); margin: 20px 10px 0 !important; padding-left: 0 !important; background-image: none !important; }
#content ul.single_gallery li:nth-child(-n+4) { margin-top: 0 !important; }
#content ul.single_gallery li a { display: block; }
#content ul.single_gallery li a img { width: 100%; height: auto; display: block; }

#content .the_content { padding: 70px 0 50px; font-size: 18px; color: #000; background: var(--color-sand);  }

/* Breadcrumbs */
#content .rank-math-breadcrumb { font-size: 13px; text-transform: uppercase; color: var(--color-gray); }
#content .rank-math-breadcrumb a { text-decoration: underline; color: var(--color-blue); }

/* Table */
#content table { width: 100%; margin-bottom: 20px; border-collapse: collapse; border-spacing: 1px; table-layout: fixed; }
#content table:last-child { margin-bottom: 0; }
#content table thead tr th { padding: 10px; font-size: 15px; text-transform: uppercase; color: white; line-height: 16px; background: var(--color-blue); }
#content table thead tr th:first-child { text-align: left; }

#content table tbody tr td { padding: 10px; font-size: 16px; text-align: center; line-height: 20px; }
#content table tbody tr td:first-child { font-weight: 700; text-align: left; }
#content table tbody tr:nth-child(even) td { background: #f0edea; }

/* Download */
#content a.download { margin-bottom: 10px; padding: 16px 60px 16px 180px; font-weight: 700; text-decoration: none !important; text-transform: none !important; color: #222 !important; word-break: break-all; line-height: 20px; background: #f6f3f0; display: block; position: relative; overflow: hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#content a.download:before { height: 100%; left: 0; top: 0; padding: 20px 30px 10px 70px; font-size: 13px; font-weight: 700; color: white; line-height: 14px; background: #222 url(images/icon_download_white.svg) no-repeat 30px 15px; background-size: 24px auto; position: absolute; content: 'LETÖLTÉS'; }
#content a.download:after { right: 20px; top: 50%; font-size: 13px; font-weight: 700; color: #000; line-height: 14px; position: absolute; opacity: 0.5; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
#content a.download.pdf:after { content: 'PDF'; }
#content a.download.xls:after { content: 'XLS'; }
#content a.download.doc:after, #content a.download.docx:after { content: 'DOC'; }
#content a.download + br { display: none; }

#content a.download:hover { color: white !important; background: var(--color-blue); }
#content a.download:hover:after { color: white; }

/* Has sidebar */
#content .sidebar_content_wrap { display: flex; }
#content .sidebar_content_wrap .main_content { width: calc(100% - 330px); padding-right: 70px; }
#content .sidebar_content_wrap .sidebar { width: 330px; }

/* Iframe wrapper */
#content .iframe_wrapper { height: 0; margin-bottom: 30px; padding-bottom: 56.25%; padding-top: 25px; position: relative; }
#content .iframe_wrapper iframe { width: 100%; height: 100%; left: 0; top: 0; position: absolute; }

/* Team */
.team_wrap { margin-left: -15px; margin-right: -15px; display: flex; }
.team_wrap .team { width: calc(25% - 30px); margin: 50px 15px 0; }
.team_wrap .team:nth-child(-n+4) { margin-top: 0; }
.team_wrap .team img { width: 100%; height: auto; display: block; }
.team_wrap .team .entry { padding-top: 10px; }
.team_wrap .team .entry h4 { margin-bottom: 4px; font-weight: 700; color: var(--color-blue) !important; }
.team_wrap .team .entry .name { min-height: 42px; }
.team_wrap .team .entry .post { font-size: 14px; color: #999; line-height: 20px; }
.team_wrap .team .entry .meta { margin-top: 5px; font-size: 16px; line-height: 22px; }

/* Map */
#lignomat_map { height: 500px; margin: 50px 0; }

/* Product wrap */
#content .main_content_wrap { display: flex; justify-content: space-between; }
#content .main { flex: 1; }


/*
------------------
	PAGINATION
------------------
*/
.pagination { margin-top: 50px; display: flex; position: relative; }
.pagination .pages { right: 0; top: 0; font-size: 14px; position: absolute; }

.pagination a, 
.pagination span.current { width: 40px; height: 40px; margin-right: 2px; justify-content: center; align-items: center; display: flex; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.pagination a:hover { background: var(--color-sand); }
.pagination span.current { color: white; background: var(--color-blue); }


/*
------------------------
	FLEXIBLE CONTENT
------------------------
*/
/* Textarea */
.textarea { margin-bottom: 50px; }
.textarea *:last-child { margin-bottom: 0 !important; }
.textarea.textarea_has_bgr { padding: 50px 0; background: var(--color-sand); }
.textarea.textarea_ul_two_columns ul { display: flex; }
.textarea.textarea_ul_two_columns ul li { width: 50%; }

/* Intro */
.intro { margin-bottom: 50px; }
.intro *:last-child { margin-bottom: 0 !important; }
.intro .intro_wrap { display: flex; }
.intro .intro_wrap .wrap_left { width: calc(100% - 330px); padding-right: 50px; }
.intro .intro_wrap .wrap_right { width: 330px; }

/* Gallery */
.gallery { margin: 50px 0; position: relative; }
.gallery .gallery_slider { padding: 0 50px; }
.gallery .gallery_slider .slick-slide a { display: flex; align-items: center; justify-content: center; }
.gallery .gallery_slider .slick-slide a img { width: auto; max-width: 100%; height: auto; max-height: 100%; display: block; }

.gallery .slick-arrow { width: 40px; height: 40px; left: 0; top: calc(50% - 20px); text-indent: -9999px; background: url(images/icon_arrow_left.svg) no-repeat center; background-size: auto 20px; position: absolute; cursor: pointer; }
.gallery .slick-arrow.slick-next { left: auto; right: 0; background-image: url(images/icon_arrow_right.svg); }
.gallery .slick-arrow.slick-disabled { opacity: 50%; cursor: default; }

/* Related product */
.related_product { margin: 50px 0; }


/*
---------------
	CONTACT
---------------
*/
#contact { background: var(--color-sand); }
#contact a { font-weight: 500; color: var(--color-blue); }
#contact a:hover { text-decoration: underline; }
#contact .contact_wrap { display: flex; }
#contact .contact_wrap .wrap_left { width: 50%; padding-right: 15px; }

#contact .contact_wrap .wrap_right { width: 50%; padding-left: 15px; display: flex; }
#contact .contact_wrap .wrap_right div.social { margin-bottom: 10px; padding-left: 35px; position: relative; }
#contact .contact_wrap .wrap_right div.social a:before { width: 24px; height: 24px; left: 0; top: 0; background-color: var(--color-blue); background-repeat: no-repeat; background-position: center; background-size: auto 12px; position: absolute; content: ''; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
#contact .contact_wrap .wrap_right div.social.facebook a:before { background-image: url(images/icon_facebook_white.svg); }
#contact .contact_wrap .wrap_right div.social.instagram a:before { background-image: url(images/icon_instagram_white.svg); }
#contact .contact_wrap .wrap_right div.social.linkedin a:before { background-image: url(images/icon_linkedin_white.svg); }
#contact .contact_wrap .wrap_right div.social.youtube a:before { background-image: url(images/icon_youtube_white.svg); }
#contact .contact_wrap .wrap_right div.social.email a:before { background-image: url(images/icon_mail_white.svg); }
#contact .contact_wrap .wrap_right div.social.phone a:before { background-image: url(images/icon_phone_white.svg); }
#contact .contact_wrap .wrap_right div.social.address a:before { background-image: url(images/icon_marker_white.svg); }

#contact .contact_wrap .wrap_right .wrap_right_left { width: 50%; }
#contact .contact_wrap .wrap_right .wrap_right_right { width: 50%; }


/*
---------------
	SIDEBAR
---------------
*/
#sidebar { width: 300px; margin-right: 50px; padding-right: 20px; border-right: 1px solid var(--color-silver-line); }
#sidebar .widget { margin-bottom: 30px; }

/* Categories */
#sidebar .widget.widget_categories_list ul { margin: 0 !important; list-style: none; }
#sidebar .widget.widget_categories_list ul li { margin-bottom: 0 !important; padding-left: 0 !important; line-height: 120%; background: none !important; }

#sidebar .widget.widget_categories_list ul li a { font-size: 16px; font-weight: 500; text-decoration: none !important; text-transform: uppercase; color: #000000; line-height: 120%; display: block; }
#sidebar .widget.widget_categories_list ul li a:hover { text-decoration: underline !important; }
#sidebar .widget.widget_categories_list ul li ul { margin: 10px 0 20px 20px !important; list-style: disc; }
#sidebar .widget.widget_categories_list ul li ul li a { font-weight: 400; text-transform: none; color: var(--color-blue); }


/*
--------------
	FOOTER
--------------
*/
#footer { color: white; background: var(--color-blue); }
#footer h3 { margin-bottom: 20px; font-size: 20px; font-weight: 500; }

/* Footer top */
#footer .footer_top { padding: 70px 0; }
#footer .footer_top_wrap { display: flex; }
#footer .footer_top_wrap ul { list-style: none; }
#footer .footer_top_wrap ul li a { font-size: 16px; color: #cbd4e2; }
#footer .footer_top_wrap ul li a:hover { text-decoration: underline; color: white; }

#footer .footer_top_wrap .wrap_left { width: 20%; margin-bottom: 30px; }

#footer .footer_top_wrap .wrap_left.wrap_brands { width: 40%; }
#footer .footer_top_wrap .wrap_left.wrap_brands ul { display: flex; }
#footer .footer_top_wrap .wrap_left.wrap_brands ul li { width: 50%; }

#footer .footer_top_wrap .wrap_left.wrap_logo { width: 100%; margin-bottom: 0; display: flex; justify-content: end; }
#footer .footer_top_wrap .wrap_left.wrap_logo a.logo { display: inline-block; }
#footer .footer_top_wrap .wrap_left.wrap_logo a.logo img { max-width: 200px; height: auto; display: block; }

/* Footer bottom */
#footer .footer_bottom { padding: 15px 0; font-size: 15px; color: var(--color-blue); background: white; }
#footer .footer_bottom a { text-decoration: underline; color: var(--color-blue); }
#footer .footer_bottom a:hover { color: #000; }
#footer .footer_bottom .footer_bottom_wrap { display: flex; justify-content: center; }
#footer .footer_bottom .footer_bottom_wrap div { margin-left: 10px; }


/*
------------------
	COOKIE BAR
------------------
*/
#cookie-law-info-bar { font-size: 14px; line-height: 20px; }
#cookie-law-info-bar .cli_settings_button { font-weight: 700; text-decoration: underline; }


/*
------------
	FORM
------------
*/
.form_row { margin-bottom: 20px; position: relative; }
.form_row.form_row_first { width: calc(50% - 10px); }
.form_row.form_row_last { width: calc(50% - 10px); }
.form_row.form_row_wide { width: 100%; }

.form_row p { margin-bottom: 0 !important; }
.form_row br { display: none !important; }
.form_row label { font-size: 16px; font-weight: 700; display: block; }

.form_row .wpcf7-list-item { margin: 0; position: relative; }
.form_row .wpcf7-list-item label { top: auto; padding-left: 35px; line-height: 20px; display: block; position: relative; }
.form_row .wpcf7-list-item input[type=checkbox] { left: 0; top: 1px; position: absolute; }

.form_row textarea, 
.form_row input[type=tel], 
.form_row input[type=text], 
.form_row input[type=email] { width: 100%; height: 44px; padding-left: 10px; font-size: 17px; background: transparent; background: var(--color-dark-sand); }

.form_row textarea:focus, 
.form_row input[type=tel]:focus, 
.form_row input[type=text]:focus, 
.form_row input[type=email]:focus { outline: 3px solid var(--color-dark-sand-a30); }

.form_row textarea { min-height: 150px; padding: 10px; resize: vertical; }

.wpcf7-form { display: flex; justify-content: space-between; }


/*
-------------
	GINOP
-------------
*/
.ginop { height: 150px; right: 0; bottom: 0; position: fixed; z-index: 100; }
.ginop img { width: auto; height: 100%; display: block; }
.ginop a { display: block; position: relative; z-index: 1; }
.ginop a.ginop_close { width: 30px; height: 30px; right: 20px; top: -10px; font-size: 14px; background: white; border: 1px solid var(--color-silver-line); display: flex; align-items: center; justify-content: center; position: absolute; z-index: 2; }
.ginop a.ginop_close:hover { border-color: var(--color-blue); }


/*
-------------------
	RWD DESIGN
-------------------
*/
@media only screen and (max-width: 1440px) { 

	/* SLIDER */
	#slider_wrapper .slider .slick-slide .text_wrap { max-width: 70%; }
}

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

	/* DISPLAY: None */
	.hide_in_1280 { display: none !important; }
	
	/* DEFAULT */
	.p_l_20 { padding-left: 20px; }
	.p_r_20 { padding-right: 20px; }
	
	/* HEADER: Logo */
	#header .header_bottom .logo img { width: auto !important; height: 30px !important; }
	
	/* HEADER: Menu */
	#header .header_bottom ul.menu li { margin-left: 10px; }
	
	/* SLIDER */
	#slider_wrapper .slider .slick-slide .text_wrap { max-width: calc(100% - 200px); left: 20px; padding: 30px; }
	#slider_wrapper .slider .slick-slide .title { font-size: 30px; }
	
	/* SLIDER: Control */
	#slider_wrapper .slider_control { right: 20px; }

	/* PRODUCTS */
	.product_wrap .product { width: calc(33.3333333333% - 20px); margin: 40px 10px 0; }
	
	.main_content_wrap .product_wrap .product { width: calc(50% - 20px); }
	.main_content_wrap .product_wrap .product:nth-child(3) { margin-top: 20px; }
	
	/* PRODUCTS: Subcategories */
	.subcategories .subcategories_wrap { margin-left: -10px; margin-right: -10px; }
	.subcategories .subcategories_wrap .product { width: calc(33.3333333333% - 20px); margin: 50px 10px 0 !important; }
	
	/* SERVICES */
	.service_wrap { margin-left: -10px; margin-right: -10px; }
	.service_wrap .service { width: calc(33.3333333333% - 20px); margin: 30px 10px 0; }
	.service_wrap .service .thumbnail img { max-height: 70%; }
	
	/* NEWS */
	.news_wrap { margin-left: -10px; margin-right: -10px; }
	.news_wrap .news { width: calc(50% - 20px); margin: 30px 10px 0; }
	
	/* FLEXIBLE CONTENT: Intro */
	.intro .intro_wrap .wrap_left { width: 100%; padding-right: 0; order: 2; }
	.intro .intro_wrap .wrap_right { width: 100%; order: 1; }
	
	/* TEAM */
	.team_wrap { margin-left: -10px; margin-right: -10px; }
	.team_wrap .team { width: calc(25% - 20px); margin: 50px 10px 0; }
	
	/* SIDEBAR */
	#sidebar { width: 250px; }
	
	/* FOOTER: Footer top */
	#footer .footer_top_wrap .wrap_left { width: 25%; }
	#footer .footer_top_wrap .wrap_left.wrap_brands { width: 50%; }
	#footer .footer_top_wrap .wrap_left.wrap_logo { justify-content: start; }
}

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

	/* DISPLAY: None */
	.hide_in_960 { display: none !important; }
	
	/* DISPLAY: Block */
	.show_in_960 { display: block !important; }
	
	/* HEADER: Contact */
	#header .header_top .contact { width: 100%; justify-content: space-between; }
	
	/* HEADER: Header bottom */
	#header .header_bottom { height: 100px; }
	
	/* SLIDER */
	#slider_wrapper .slider .slick-slide .text_wrap { max-width: calc(100% - 170px); top: 20px; bottom: 20px; }
	#slider_wrapper .slider .slick-slide .title { font-size: 20px; }

	/* SLIDER: Control */
	#slider_wrapper .slider_control { width: 110px; bottom: 20px; }
	#slider_wrapper .slider_control button { width: 50px; height: 50px; background-size: auto 16px; }	
	
	/* SECTION */
	.section { padding: 50px 0; }
	.section .section_title { margin-bottom: 30px; }
	
	/* PRODUCTS: Subcategories */
	.subcategories { margin: 50px 0; }
	.subcategories .subcategories_wrap .product { width: calc(50% - 20px); }
	.subcategories .subcategories_wrap .product:nth-child(3) { margin-top: 50px !important; }
	
	/* CONTENT: Has sidebar */
	#content .sidebar_content_wrap .main_content { width: 100%; padding-right: 0; }
	
	/* NEWS */
	.news_wrap .news .entry h3 a { font-size: 25px; }
	
	/* ABOUT US */
	#aboutus .text_wrap { width: 100%; }
	
	/* FLEXIBLE CONTENT: Textarea */
	.textarea { margin-bottom: 50px; }
	.textarea.textarea_has_bgr { padding: 50px 0; }

	/* FLEXIBLE CONTENT: Intro */
	.intro { margin-bottom: 50px; }

	/* FLEXIBLE CONTENT: Gallery */
	.gallery { margin: 50px 0; }
	.gallery .gallery_slider { padding: 0 50px; }
	
	/* TEAM */
	.team_wrap .team { width: calc(33.3333333333% - 20px); }
	.team_wrap .team:nth-child(4) { margin-top: 50px; }
	
	/* Map */
	#lignomat_map { height: 400px; }
	
	/*FOOTER:  Footer top */
	#footer .footer_top { padding: 50px 0; }
}

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

	/* DISPLAY: None */
	.hide_in_768 { display: none !important; }
	
	/* SLIDER */
	#slider_wrapper .slider .slick-slide .text_wrap { width: auto; max-width: none; right: 20px; display: flex; justify-content: center; align-content: center; }
	#slider_wrapper .slider .slick-slide .title { width: 100%; font-size: 25px; text-align: center; }
	
	/* SLIDER: Control */
	#slider_wrapper { margin-bottom: 20px; }
	#slider_wrapper .slider_control { width: 100%; left: 0; right: auto; bottom: -70px; justify-content: center; }
	#slider_wrapper .slider_control button { margin: 0 5px; }
	
	/* PRODUCTS */
	.product_wrap .product { width: calc(50% - 20px); margin: 20px 10px 0; }
	.product_wrap .product:nth-child(3) { margin-top: 20px; }
	.product_wrap .product:nth-child(4) { margin-top: 20px; }
	
	/* SERVICES */
	.service_wrap .service { width: calc(50% - 20px); }
	.service_wrap .service:nth-child(3) { margin-top: 30px; }
	
	/* NEWS */
	.news_wrap { margin-left: 0; margin-right: 0; }
	.news_wrap .news { width: 100%; margin: 30px 0 0; }
	.news_wrap .news:nth-child(2) { margin-top: 30px; }
	
	/* CONTENT */
	#content { margin: 30px 0; }
	#content h1 { font-size: 8vw; }
	
	/* CONTENT: Gallery */
	#content ul.single_gallery li { width: calc(33.3333333333% - 20px); }
	#content ul.single_gallery li:nth-child(4) { margin-top: 20px !important; }
	
	/* FLEXIBLE CONTENT: Textarea */
	.textarea.textarea_ul_two_columns ul li { width: 100%; }
	
	/* CONTACT */
	#contact .contact_wrap .wrap_left { width: 100%; padding-right: 0; }

	#contact .contact_wrap .wrap_right { width: 100%; padding-left:0; }
	#contact .contact_wrap .wrap_right .wrap_right_left { width: 50%; }
	#contact .contact_wrap .wrap_right .wrap_right_right { width: 50%; }
	
	/* FOOTER: Footer top */
	#footer .footer_top_wrap .wrap_left { width: 50%; }
	#footer .footer_top_wrap .wrap_left.wrap_brands { width: 100%; }
}

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

	/* DISPLAY: None */
	.hide_in_640 { display: none !important; }
	
	/* RWD Menu */
	#rwd_menu { top: 100px; }

	/* CONTENT */
	#container { padding-top: 100px; }
	#content h1 { font-size: 9vw; }
	
	/* CONTENT: Download */
	#content a.download { margin-bottom: 10px; padding: 14px 20px 14px 80px; font-weight: 700; text-decoration: none !important; color: #222 !important; line-height: 20px; background: #f7f4ef; display: block; position: relative; overflow: hidden; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; }
	#content a.download:before { width: 60px; padding: 0; background-position: center; content: ''; }
	#content a.download:after { right: auto; top: auto; display: block; position: relative; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
	
	/* TEAM */
	.team_wrap .team { width: calc(50% - 20px); }
	.team_wrap .team:nth-child(3) { margin-top: 50px; }
}

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

	/* DISPLAY: None */
	.hide_in_520 { display: none !important; }
}

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

	/* NAVIGATION */
	#rwd_menu { width: 100%; }
	#rwd_menu ul.main_menu li a { padding: 20px; }
	#rwd_menu ul.footer_menu li a { padding: 0 20px; }
	
	#rwd_menu .contact { padding: 40px 20px; }
	#rwd_menu .contact .contact_wrap .wrap_left { width: 100%; }
	#rwd_menu .contact .contact_wrap .wrap_right { width: 100%; }
	
	/* SERVICES */
	.service_wrap .service h3 { line-height: 18px !important; }
	.service_wrap .service h3 a { font-size: 15px !important; line-height: 18px !important; }
	
	/* PRODUCTS */
	.product_wrap { margin-left: 0 !important; margin-right: 0 !important; }
	.product_wrap .product { width: 100%; margin: 20px 0 0; }
	.product_wrap .product:nth-child(2) { margin-top: 20px; }
	.product_wrap .product:before { padding-top: 50%; }
	
	.main_content_wrap .product_wrap .product { width: 100%; margin: 20px 0 0; }
	.main_content_wrap .product_wrap .product:nth-child(2) { margin-top: 20px; }
	
	/* PRODUCTS: Subcategories */
	.subcategories .subcategories_wrap { margin-left: 0; margin-right: 0; }
	.subcategories .subcategories_wrap .product { width: 100%; margin: 50px 0 0 !important; }
	.subcategories .subcategories_wrap .product:nth-child(2) { margin-top: 50px !important; }
	
	/* NEWS */
	.news_wrap .news .entry h3 a { font-size: 20px; }
	
	/* ABOUT US */
	#aboutus .text_wrap .text { font-size: 20px; }
	
	/* CONTENT */
	#content h1 { font-size: 10vw; }
	
	/* CONTENT: Gallery */
	#content ul.single_gallery li { width: calc(50% - 20px); }
	#content ul.single_gallery li:nth-child(3) { margin-top: 20px !important; }
	
	/* CONTACT */
	#contact .contact_wrap .wrap_right .wrap_right_left { width: 100%; }
	#contact .contact_wrap .wrap_right .wrap_right_right { width: 100%; }
	
	/* TEAM */
	.team_wrap .team .entry h4 { font-size: 16px !important; }
	.team_wrap .team .entry .post { font-size: 13px; }
	.team_wrap .team .entry .meta { font-size: 14px; }
	
	/* Map */
	#lignomat_map { height: 300px; }
	
	/* FOOTER: Footer top */
	#footer .footer_top_wrap .wrap_left { width: 100%; }
}

@media only screen and (max-width: 480px) and (orientation: portrait) {
	
	/* SLIDER: Video */
	#slider_video { height: auto; }
}
