/*
Theme Name: Autocom
Theme URI: http://www.autocom.hu/
Description: Az Autocom weboldalának alapértelmezett sablon
Author: AWEX
Author URI: http://www.awex.hu/
Version: 3.0
*/

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

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

html, body { min-height: 100%; }
body { font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 15px; color: #444; background: #f2f2f2 url(images/bgr_body.png) no-repeat center top; }

ul { list-style-type: none; }
a { text-decoration: none; color: #333; }

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

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

blockquote { padding-left: 15px; font-weight: 500; font-style: italic; color: #000; border-left: 10px solid #ececec; }

img.alignleft { margin-right: 30px; margin-bottom: 10px; float: left; }
img.alignright { margin-left: 20px; margin-bottom: 5px; float: right; }
img.aligncenter { margin: auto; display: inline-block; }
img.noshadow { padding: 0 !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

hr { height: 30px; border-top: 1px solid #d6dce4; clear: both; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.inner { max-width: 1100px; margin: auto; position: relative; }
.t_a_c { text-align: center; }
.b_r_3 { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.rc { font-family: 'Roboto Condensed', sans-serif; }
.red, .required { color: #f21f14; }
.uppercase { text-transform: uppercase; }
.align_center { left: 50%; position: relative; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.vertical_middle { top: 50%; position: relative; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

/* Animation */
.anim_1 { -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; }
.anim, input[type=submit] { -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 */
.button { height: 50px; padding: 0 20px; font-size: 18px; text-decoration: none !important; text-transform: uppercase; color: #fff !important; line-height: 47px; background: #ca1522 url(images/shadow_button.png) repeat-x left bottom; display: inline-block; cursor: pointer; }
.button:hover { background-color: #2e2e2e; }

.button_white { color: #000 !important; background-color: white; }
.button_white:hover { color: white !important; background-color: #ca1522; }

.button_white_hover:hover { color: #2e2e2e !important; background-color: white; }

.button_small { height: 40px; padding: 0 15px; font-size: 16px; line-height: 37px; background-image: url(images/shadow_button.png); }


/* Special font */
:after, :before { font-family: "fontello", sans-serif; }

/* IDs */
#website { max-width: 1200px; margin: auto; background: white; position: relative; -moz-box-shadow: 0 0 20px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.2); box-shadow: 0 0 20px rgba(0,0,0,0.2); }
.main { left: 0; position: relative; opacity: 1; }


/*
-----------------------
	COOKIE LAW INFO
-----------------------
*/
#cookie-law-info-bar { padding: 15px !important; font-size: 14px; text-align: left; }
#cookie-law-info-bar .cli_settings_button { font-weight: 700; text-decoration: underline; }
#cookie-law-info-bar .cookie_action_close_header { width: 100%; margin-left: 0; text-align: center; display: block; }


/*
---------------
	HEADER
---------------
*/
header { height: 90px; }
header .inner { height: 100%; }

/* Logo */
header #logo { float: left; }
header #logo img { display: block; }

header .mymail-form-0 .mymail-form-info { top: -110%; position: absolute; z-index: 11; }
header .mymail-form-0 .mymail-form-info:after { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-top-color: #f33; border-width: 7px; margin-left: 15px; }

/* Languages */
.languages { height: 100%; margin-left: 30px; padding-left: 30px; border-left: 1px solid #ddd; }
ul.language-chooser { padding-top: 25px; }
ul.language-chooser li { display: inline-block; }
ul.language-chooser li.active { display: none; }
ul.language-chooser li a { height: 40px; padding-left: 25px; text-decoration: underline; color: #ee162d; line-height: 40px; background-position: left center; display: block; }
ul.language-chooser li a:hover { color: #2e2e2e; }

/* Search */
header .search { padding-top: 25px; }
header .search input[type=text] { width: 300px; height: 40px; padding-left: 10px; background: #f1f3f4; border: 1px solid #ddd; border-right: none; float: left; }

/* RWD button */
header #rwd_button { width: 90px; height: 90px; font-size: 30px; text-align: center; color: #ee162d; line-height: 60px; background: none; display: none; cursor: pointer; }


/*
-------------
	MENU
-------------
*/
menu { height: 60px; background: #ee162d url(images/bgr_menu.png) repeat-x left bottom; }
menu ul li { height: 55px; padding: 0 13px; float: left; position: relative; }
menu ul li:after { width: 1px; height: 20px; right: 0; top: 18px; background: #b40e1c; position: absolute; content: ''; }
menu ul li:first-child { padding-left: 0 !important; }
menu ul li:last-child { padding-right: 0; }
menu ul li:last-child:after { display: none; }
menu ul li a { height: 100%; font-size: 18px; color: white; line-height: 55px; display: block; }
menu ul li a:hover { text-decoration: underline; }


/*
-------------------
	NAVIGATION
-------------------
*/
nav { padding: 30px; text-align: center; background: #ee162d; display: none; }
nav ul li a { padding: 10px 0; font-size: 24px; color: white; display: block; border-bottom: 1px solid rgba(255,255,255,0.2); }
nav ul li:last-child a { border-bottom: none; }
nav ul li a:hover { text-decoration: underline; }


/*
-------------------
	FRONTPAGE
-------------------
*/
#frontpage {}

/* Slides */
#slides { display: flex; flex-wrap: wrap; }
#slides .slide { width: 33.3333333333%; height: 430px; background-repeat: no-repeat; background-position: center; background-size: cover; float: left; position: relative; }
#slides .slide .cover { width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.5); position: absolute; }
#slides .slide:hover .cover { background: rgba(0,0,0,0.6); }
#slides .slide .entry { width: 100%; left: 0; bottom: 50px; text-align: center; position: absolute; }
#slides .slide .entry h2 { font-size: 40px; text-shadow: 2px 2px 0 rgba(0,0,0,0.5); color: white; }
#slides .slide .entry a { margin-top: 20px; }

/* Tips */
#tips { height: 60px; border-bottom: 1px solid #ddd; }
#tips ul { position: relative; }
#tips ul li { height: 20px; left: 0; top: 20px; padding-left: 30px; color: #888c97; line-height: 20px; position: absolute; }
#tips ul li:before { width: 20px; height: 20px; left: 0; top: 0; color: white; line-height: 20px; background: #ee162d; position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

/* News */
#news { padding: 50px 0; background: #f2f2f2; }
#news ul { margin-left: -15px; margin-right: -15px; display: flex; flex-wrap: wrap; }
#news ul li { width: calc(33.3333333333% - 30px); margin: 30px 15px 0; background: white; border-bottom: 3px solid #d9d9d9; }
#news ul li:nth-child(-n+3) { margin-top: 0; }
#news ul li img { width: 100%; height: auto; display: block; }
#news ul li .entry { padding: 30px; }
#news ul li .entry h2 { height: 50px; }
#news ul li .entry h2 a { height: 50px; font-size: 25px; text-decoration: underline; color: #ee162d; }
#news ul li .entry h2 a:hover { color: #2e2e2e; }
#news ul li .entry a.read_more { margin-top: 10px; padding-right: 15px; font-weight: 700; text-decoration: underline; color: #ee162d; background: url(images/icon_arrow.png) no-repeat right center; display: inline-block; }
#news ul li .entry a.read_more:hover { padding-right: 20px; color: #2e2e2e; }


/*
-------------------
	BREADCRUMB
-------------------
*/
.breadcrumb { height: 50px; font-weight: 700; color: #000; line-height: 50px; border-bottom: 1px solid #ddd; }
.breadcrumb a { font-weight: normal; }


/* 
------------------
	CONTAINER
------------------
*/
#container { padding-top: 30px; padding-bottom: 30px; background: #f2f2f2; position: relative; z-index: 1; }
#container > .inner { width: 100%; display: flex; flex-wrap: wrap; }

/* Content */
#content { width: 100%; width: calc(100% - 300px); max-width: 800px; line-height: 25px; background: white; }
#content #entry { padding: 30px; }
#content #entry a { text-decoration: underline; color: #ee162d; }
#content #entry a:hover { color: #042d48; }


#content h1 { margin-bottom: 30px; font-size: 40px; line-height: 100%; }
#content h3 { margin-bottom: 20px; font-size: 25px; font-weight: 700; color: #ee162d; line-height: 100%; }

#content p { margin-bottom: 20px; }
#content strong { color: #000; }
#content iframe { width: 100%; }

#content .single_meta { margin-bottom: 20px; margin-top: -25px; color: #999; }

/* Lists */
#content ul { margin-bottom: 20px; margin-left: 20px; list-style: square; }
#content ul.nomargin { margin-left: 0; list-style: none; }

/* Gallery */
#content ul.gallery { margin-left: -10px !important; margin-right: -10px; list-style: none; display: flex; flex-wrap: wrap; }
#content ul.gallery li { width: calc(25% - 20px); margin: 20px 10px 0; }
#content ul.gallery li:nth-child(-n+4) { margin-top: 0; }
#content ul.gallery li a { border: 5px solid #ddd; display: block; }
#content ul.gallery li a:hover { border-color: #ee162d; }
#content ul.gallery li img { width: 100%; height: auto; display: block; }

#content ul.archive li { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ddd; }
#content ul.archive li .thumbnail { width: 45%; float: left; }
#content ul.archive li .thumbnail img { width: 100%; display: block; }
#content ul.archive li .entry { width: 50%; float: right; }
#content ul.archive li .entry .meta { color: #999; }
#content ul.archive li .entry h4 { margin-bottom: 20px; }
#content ul.archive li .entry h4 a { font-size: 25px; text-decoration: underline; color: #ee162d; }
#content ul.archive li .entry h4 a:hover { color: #2e2e2e; }

/* Breadcrumb */
#content .breadcrumb { height: 60px; padding-left: 30px; font-weight: 700; color: #111; line-height: 60px; background: #e1e5eb; }
#content .breadcrumb a { font-weight: normal; text-decoration: underline; }
#content .breadcrumb a:hover { color: #111; }


/* Gallery */
.fg-panel { margin-bottom: 30px; }

/* Pagination */
.pagination { text-align: center; }
.pagination span.pages { margin-bottom: 10px; padding: 10px 0; border-bottom: 1px solid #ddd; display: block; }
.pagination span.current {  }
.pagination span.current, .pagination a { width: 40px; height: 40px; margin: 0 2px; line-height: 40px; background: #edeff3; display: inline-block; }
.pagination a { text-decoration: none !important; color: #042d48 !important; }
.pagination a:hover { color: #fff !important; background: #042d48; }
.pagination span.current { color: white; background: #ee162d; }


/* 
----------------
	SIDEBAR
----------------
*/
#sidebar { width: 300px; padding-left: 30px; }

#sidebar .widget { margin-bottom: 30px; }
#sidebar .widget-title { border-top: 1px solid #ddd; position: relative; }
#sidebar .widget-title h4 { margin: -1px 0 10px; padding-top: 10px; font-size: 20px; font-weight: 700; color: #000; border-top: 1px solid #000; display: inline-block; }

/* News */
#sidebar .widget_news ul li { margin-bottom: 30px; padding: 0 20px; background: white; }
#sidebar .widget_news ul li .meta { height: 50px; line-height: 50px; color: #999; border-bottom: 1px solid #ddd; }
#sidebar .widget_news ul li .entry { padding: 20px 0; }
#sidebar .widget_news ul li .entry h3 { margin-bottom: 10px; font-size: 20px; color: #ee162d; }
#sidebar .widget_news ul li .entry h3 a { text-decoration: underline; color: #ee162d; }
#sidebar .widget_news ul li .entry h3 a:hover { color: #2e2e2e; }


/*
----------------
	FOOTER
----------------
*/
#footer { color: #999; background: #2e2e2e; }
#footer a { text-decoration: underline; color: white; }
#footer a:hover { text-decoration: none; }

/* Footer top */
#footer .footer_top { padding: 40px 0; }
#footer .footer_top h3 { height: 50px; font-size: 18px; color: white; line-height: 50px; }
#footer .footer_top .form_wrapper { max-width: 400px; margin: auto; }
#footer .footer_top form.mymail-form { position: relative; }
#footer .footer_top form.mymail-form .mymail-wrapper { width: 100%; vertical-align: top; display: block; }
#footer .footer_top form.mymail-form .mymail-wrapper.error input { outline-color: #f20023; }
#footer .footer_top form.mymail-form .mymail-wrapper input[type=text], 
#footer .footer_top form.mymail-form .mymail-wrapper input[type=email] { width: 100%; height: 50px; padding-left: 10px; color: white; background: #212121; }
#footer .footer_top form.mymail-form .mymail-submit-wrapper input { width: 100%; margin: 0; color: white; background: #f20023; display: block; }
#footer .footer_top form.mymail-form .mymail-submit-wrapper input:hover { color: #222 !important; background-color: white; }

#footer .footer_top form.mymail-form .mymail-form-info { height: auto !important; top: auto; bottom: 100%; background: #f20023; position: absolute; z-index: 11; }
#footer .footer_top form.mymail-form .mymail-form-info:after { top: 100%; left: 30px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-top-color: #f20023; border-width: 7px; margin-left: 15px; }

/* Footer bottom */
#footer .footer_bottom { padding: 30px 0; text-align: center; border-top: 1px solid #404040; }


/*
-------------
	FORM
-------------
*/
.form { margin-left: 0 !important; list-style: none !important; }
.form li { min-height: 40px; margin-bottom: 10px; }
.form li.full { width: 100%; float: none; clear: both; }
.form li h3 { margin-bottom: 20px; margin-top: 30px; padding-bottom: 20px; border-bottom: 1px solid #d6dce4; }
.form li label { font-weight: 700; color: #000; display: block; }

.form input[readonly='readonly'] { background: #f0f0f0; }

.form li  select, 
.form li  textarea,  
.form li  input[type=tel], 
.form li  input[type=text], 
.form li  input[type=email], 
.form li  input[type=number], 
.form li  input[type=password] { width: 100%; height: 50px; padding-left: 10px; background: #f3f4f7; border: 1px solid #e1e5eb; }

.form li  select:focus, 
.form li  textarea:focus, 
.form li  input[type=tel]:focus, 
.form li  input[type=text]:focus, 
.form li  input[type=email]:focus, 
.form li  input[type=number]:focus, 
.form li  input[type=password]:focus { border-color: #bdc6d3; }

.form li  input[type=number] { width: 60px; }

.form li  textarea { height: 200px; padding: 10px; resize: none; }

.form li  input[type=submit] { height: 50px; padding: 0 20px; font-family: 'Roboto Condensed', sans-serif; font-size: 16px; text-transform: uppercase; color: white; background: #ee162d; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 0 -3px 0 rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,0.3); box-shadow: inset 0 -3px 0 rgba(0,0,0,0.3); }
.form li  input[type=submit]:hover { opacity: 0.95; }


/*
------------------
	NEWSLETTER
------------------
*/
.mailster-form .mailster-wrapper { margin-bottom: 10px !important; }
.mailster-form .mailster-wrapper label { font-weight: 700; color: white; }
.mailster-form .mailster-wrapper input[type=text], 
.mailster-form .mailster-wrapper input[type=email] { width: 100%; height: 40px; padding-left: 10px; border: 1px solid #e1e5eb; }

.mailster-form .mailster-wrapper input[type=submit] { width: 100%; display: block; }
.mailster-form .mailster-wrapper input[type=submit]:hover { color: #000 !important; background-color: white !important; }



/*
----------------------
	SELECT, INPUT
----------------------
*/
.option-input { width: 16px; height: 16px; top: 2px; color: white; border: 2px solid white; display: inline-block; position: relative; cursor: pointer; outline: none; z-index: 1000; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-transition: all 0.15s ease-out 0; -moz-transition: all 0.15s ease-out 0; transition: all 0.15s ease-out 0; }
.option-input:checked::before { width: 8px; height: 8px; left: 2px; top: 2px; background: white; display: inline-block; position: absolute; content: ''; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.option-input.dark { border-color: #042d48; }
.option-input.dark:checked::before { background: #042d48; }

.option-input.radio { border-radius: 50%; }


/* 
--------------------------
	RESPONSIVE DESIGN 
--------------------------
*/
@media screen and (max-width: 1200px) {
	
	/* FRONTPAGE: Slides */
	#slides .slide .entry h2 { font-size: 35px; }
}

@media screen and (max-width: 1100px) {
	
	/* DISPLAY: None */
	.hide_in_1100 { display: none; }
	
	/* DEFAULT */
	.p_l_30 { padding-left: 20px; }
	.p_r_30 { padding-right: 20px; }
	
	/* MENU */
	menu ul li { padding: 0 10px; }
	menu ul li a { font-size: 17px; }
}

@media screen and (max-width: 960px) {
	
	/* DISPLAY: None */
	.hide_in_960 { display: none; }
	
	/* DISPLAY: Block */
	.show_in_960 { display: block !important; }
	
	/* HEADER */
	header .inner { padding-right: 0; }
	
	/* HEADER: Languages */
	.languages { margin-left: 20px; padding-left: 20px; padding-right: 20px; border-right: 1px solid #ddd; }
	
	/* HEADER: Search */
	header .search input[type=text] { width: 200px; }
	
	/* FRONTPAGE: Slides */
	#slides .slide .entry h2 { font-size: 30px; }
	
	/* FRONTPAGE: News */
	#news { padding: 30px 0; }
	#news ul li .entry { padding: 20px; }
	#news ul li .entry h2 a { font-size: 20px; }
	
	/* BREADCRUMB */
	.breadcrumb { border-top: 1px solid #ddd; }
	
	/* CONTAINER */
	#content { width: 100%; max-width: none; float: none; }
}

@media screen and (max-width: 768px) {
	
	/* DISPLAY: None */
	.hide_in_768 { display: none; }
	
	/* HEADER: Languages */
	.languages { margin-left: 0; padding-left: 0; border-left: none; }

	/* FRONTPAGE: Slides */
	#slides .slide { width: 100%; height: 300px; float: none; }
	#slides .slide .entry { top: 50%; left: auto; bottom: auto; position: relative; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
	
	/* FRONTPAGE: News */
	#news ul li { width: calc(50% - 30px); }
	#news ul li:nth-child(3) { margin-top: 30px; }
	body.home #news ul li:nth-child(3) { display: none; }
	
	/* CONTENT: Gallery */
	#content ul.gallery li { width: calc(33.3333333333% - 20px); }
	#content ul.gallery li:nth-child(4) { margin-top: 20px; }
}

@media screen and (max-width: 768px) {
	
	/* FRONTPAGE: Slides */
	#slides .slide { height: 250px; }
	
	/* FOOTER: Footer top */
	#footer .footer_top { padding: 30px 0; }
	#footer .footer_top h3 { height: auto !important; margin: 20px; text-align: center; line-height: normal; float: none; }
	#footer .footer_top form.mymail-form { width: 100%; float: none; }
	#footer .footer_top form.mymail-form .mymail-wrapper { width: 100%; max-width: 400px; margin: 0 auto 5px auto; display: block; }
	#footer .footer_top form.mymail-form .mymail-submit-wrapper input { width: 100%; max-width: 400px; text-indent: 0; background-image: none; }
}

@media screen and (max-width: 640px) {
	
	/* DISPLAY: None */
	.hide_in_640 { display: none; }
	
	/* FRONTPAGE: Slides */
	#slides .slide { height: 200px; }
	
	/* CONTENT */
	#content ul.archive li .thumbnail { width: 100%; margin-bottom: 10px; float: none; }
	#content ul.archive li .entry { width: 100%; float: none; }
	
	/* FOOTER: Footer bottom */
	.copyright, .author { display: block; }
}

@media screen and (max-width: 480px) {
	
	/* DISPLAY: None */
	.hide_in_480 { display: none; }
	
	/* FRONTPAGE: News */
	#news ul { margin-left: 0; margin-right: 0; display: block; }
	#news ul li { width: 100%; margin-left: 0; margin-right: 0; }
	#news ul li:first-child { margin-bottom: 30px; }
	#news ul li:nth-child(2) { margin-left: 0; }
	
	/* CONTENT: Gallery */
	#content ul.gallery li { width: calc(50% - 20px); }
	#content ul.gallery li:nth-child(3) { margin-top: 20px; }
}