/**
Theme Name: Mechatires
Theme URI:
Author: Newo Web Studio - Cserép Zoltán
Author URI:
Description: Ez a sablon a www.mechanicalgumi.hu weboldalhoz készült, bootstrap reszponzív megjeléssel. Kapcsolódó plugin: feature a widget
Version: 0.1
License: Ahogyan én sem kedvelem a lopást, úgy elvárom, hogy Te se lopd el mások szellemi termékét. Minden jog fenntartva! A sablon Cserép Zoltán szellemi terméke.
Tags:
Text Domain: mechatires
Domain path: /laguages
**/
@font-face{font-family:'Roboto';src:url('fonts/robotocondensed-regular.woff') format('woff');}
html,body{min-width:320px;height:100%}
body{background-color:#f2f2f2;font-family:'Roboto',sans-serif;font-size:16px;color:#5c5c5c;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-family:'Roboto'}
a{color:rgb(237,31,36)}

.contact-content li.footer-contact-list-item {height:2em;line-height:1.9em;list-style:none;font-size:1em}
li.footer-conact-list-item span{line-height:30px;float:left;}
.footer-contact-item{padding:0 5px;line-height:30px;float:left;content:" ";font-size:1.4em}

.contact-content{margin:0;padding:0;list-style:none;}

.contact-content li.contact-list-item{min-height:3em;list-style:none}

.contact-content li.contact-list-item div{min-height:3em;display:table-cell;vertical-align:middle;}

.contact-item{min-width:35px;padding:0;line-height:1em;float:left;content:" ";text-align:center}
/* body table.booked-calendar td[data-date="2018-04-30"],*/
body table.booked-calendar td[data-date="2018-05-1"]{pointer-events:none}
body table.booked-calendar td[data-date="2018-05-1"] span.number{color:red}
body .booked-calendar-wrap.small table.booked-calendar thead tr.days th{font-size:1.3rem}
body .booked-calendar-wrap.small .booked-appt-list .timeslot .timeslot-people button .button-timeslot{font-size:1.8em}
body .booked-calendar-wrap.small table.booked-calendar th .monthName,body .booked-calendar-wrap .booked-appt-list .timeslot .spots-available{font-size:1.6rem}

form h4{font-family:'Roboto', sans-serif;}
div.wrapper{min-width:320px;min-height:100%;position:relative;}
div.wrapper-felni{min-width:320px;position:relative}
#iframe{width:90%;height:850px;margin:50px auto;border:0;display:block}
.embed-box{width:80%;margin:25px auto;}
footer .pos-bottom{width:100%}
footer.footer{position:absolute}
footer.footer-felni{margin-top:50px;position:relative}
.felnicontent{
	min-height: 100% !important;
    height: 100%;
    position: relative;
    background-color: #fff;
    margin: 25px 15px;
}
.felnicontent h1.entry-title{display:inline-block}
.erdeklodes-btn,.telefonszam{
	display: table;
    border-radius: 4px;
    background-color: #ed1f24;
    padding: 0 15px;
    text-transform: uppercase;
    margin: 30px auto;
    font-size: 1.5em;
    line-height: 2em;
    box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.6);
	color:#fff;
}
.erdeklodes-btn:hover{
	color: #fff;
    text-decoration: none;
    background-color: #4b4b4b;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6);
}
.textwidget img,.img-100{width:100%;height:auto}
.clear{margin-bottom:30px;clear:both;}
.clear-both{position: relative;clear:both;}
.clear-both>div{position: absolute;top:0;}
.xxy{position: relative;width: 150px;margin: 0 auto;}
.margin-auto{margin:0 auto;float:none;clear:both}
img.margin-auto.flex{display:flex;max-width:30%;height:auto}
.center{text-align:center}
.dataTables_filter input[type="search"]{
    padding:0 10px;
    border:solid 1px #aeaeae;
    border-radius:4px;
    line-height:2em;
    font-weight: normal;
}
.red{color:#ed1f24}
.lyellow{color: #fbe156 !important;font-weight: bold;}
h1.ccy{
margin-right:-50%;margin-bottom: -50%;
position: absolute;
top:30%;left:50%;
transform:translate(-50%,-30%);
text-transform:uppercase;
font-size: 5em;color: #fff;
text-shadow: 0px 5px 5px #000;
}
a.red-button{
background:rgba(237,31,36,1);
padding: 20px 25px;
font-size: 2em;
color: #fff;
text-transform: uppercase;
text-decoration: none;
border-radius: 3px;
border: 1px solid #ff7c7c;
margin-right: -50%;
margin-bottom: -50%;
position: absolute;
top: 60%;
left: 50%;
transform: translate(-50%,-50%);
}
/* HEADER */
header.site-header{height:75px;background-color:#fff;}

header .header-logo{height:75px}
header .header-logo img{height:100%}
/* header .header-logo>.mechanical-logo{height:85px} */

/** Header Page info **/
header .page-info{}
header .page-info ul{margin:0;padding:0;float:right;}
header .page-info ul li {
	margin-right: 20px;
    line-height: 75px;
    text-transform:uppercase;
    float: left;
    list-style: none;
}
header .page-info ul li:last-child{margin-right:0;}

header .page-info ul span.fa {
    width: 40px;
    height: 1em;
    padding: 0;
    font-size: 0.85em;
    color: #505050;
    line-height: 1em;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
}

/* header .page-info ul span.fa{
	width:40px;height:50px;
	padding:0;
	font-size:1.45em;
	color:#505050;
	line-height:48px;
	text-align:center;
    vertical-align:middle;
    display:inline-block;
} */
header .page-info ul li span.page-info-text{font-size:0.85em;}

header.site-header .container,
.navbar-wrapper .container{width:95%;padding:0}
.navbar-collapse{padding-right:0}

/* NAVIGATION */
.navbar-wrapper{width:100%;height:60px;background-color:rgba(237,31,36,0.9);position:relative;z-index:100}
.navbar-wrapper.pos-a{background-color:rgb(237,31,36)}
.navbar{margin-bottom:0;border:0;border-radius:0}
.navbar-collapse{border:0}
.navbar-collapse.collapse{display:block}
.homelink{
	  height: 60px;
    padding: 0 30px;
    background-color: rgb(38,38,38);
    font-size: 16px;
    color: #fff;
    line-height: 60px;
    text-transform: uppercase;
    border-left: 1px solid #363636;
    float: left;
    position: relative}
a.homelink:hover{background-color:rgb(26,26,26);color:#fff;text-decoration:none}
a.homelink:focus{color:#fff;text-decoration:none;outline:none}
a.homelink span.fa{position:absolute;top:37%;left:10px}
button.category-bar.navbar-collapse{}
button.category-bar>span.sr-only{width:auto;height:auto;margin:0;position:relative;overflow:visible;clip:auto}
button.category-bar{
	height:60px;
	margin:0;padding-right:55px;padding-left:15px;
	background-color:rgb(38,38,38);
	font-size:16px;
	text-indent:0px;
	border:0;
	border-right: 1px solid #000;
	border-radius:0;
	position: relative;
	overflow: hidden;
	appearance:none;
	box-shadow:none;
	cursor: pointer;
	outline:none;
	float: left;
}
button.category-bar span.category-text{color:#fff;line-height:60px;text-transform:uppercase;}
button.category-bar span.htx{
	width:22px;height:3px;
	background-color:#fff;
	position: absolute;
	top:48%;right:15px;
	display:block;
	content:"";
}
button.category-bar span.htx::before,
button.category-bar span.htx::after{
	width:100%;height:3px;
	background-color: #fff;
	position: absolute;
	left:0;
	display:block;
	content:"";
}
button.category-bar span.htx::before{top:-7px;}
button.category-bar span.htx::after{bottom:-7px;}
button.category-bar-htx span.htx{transition:background 0s 0.3s;}

button.category-bar-htx span.htx::before,
button.category-bar-htx span.htx::after {
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s;
}

button.category-bar-htx span.htx::before{transition-property:top,transform;}
button.category-bar-htx span.htx::after{transition-property:bottom,transform;}

button.category-bar-htx.is-active{background-color:hsla(0,0%,10%,1);}
button.category-bar-htx.is-active span.htx{background:none;}
button.category-bar-htx.is-active span.htx::before{top:0;transform:rotate(45deg);}
button.category-bar-htx.is-active span.htx::after{bottom:0;transform:rotate(-45deg);}
button.category-bar-htx.is-active span.htx::before,
button.category-bar-htx.is-active span.htx::after{transition-delay:0s,0.3s;}

/** BUTTON NAVIGATION BAR **/

button.navigation-bar{
	height: 60px;
    margin: 0;
    padding: 0 55px 0 15px;
    background-color: #262626;
    font-size: 16px;
    text-indent: 0;
    border: 0;
    border-radius: 0;
    position: absolute;
    overflow: hidden;
    appearance: none;
    box-shadow: none;
    cursor: pointer;
    outline: 0;
    right: 0;
    top: 0;
}
/* button.navigation-bar.navbar-toggle{display:block;} */
	button.navigation-bar>span.sr-only{width:auto;height:auto;margin:0;position:relative;overflow:visible;clip:auto;}
	button.navigation-bar{
		height:40px;
		margin:0;padding:0 45px 0 15px;
		background-color:rgb(38,38,38);
		font-size:16px;
		text-indent:0px;
		border:0;
		border-radius:0;
		position: absolute;
		overflow: hidden;
		box-shadow:none;
		cursor: pointer;
		outline:none
	}
	button.navigation-bar span.category-text{color:#fff;line-height:40px;text-transform:uppercase;}
	button.navigation-bar span.htx{
		width:18px;height:2px;
		background-color:#fff;
		position: absolute;
		top:50%;right:15px;
		display:block;
		content:"";
	}
	button.navigation-bar span.htx::before,
	button.navigation-bar span.htx::after{
		width:100%;height:2px;
		background-color: #fff;
		position: absolute;
		left:0;
		display:block;
		content:"";
	}
	button.navigation-bar span.htx::before{top:-5px;}
	button.navigation-bar span.htx::after{bottom:-5px;}
	button.navigation-bar-htx span.htx{transition:background 0s 0.3s;}

	button.navigation-bar-htx span.htx::before,
	button.navigation-bar-htx span.htx::after {
	  transition-duration: 0.3s, 0.3s;
	  transition-delay: 0.3s, 0s;
	}

	button.navigation-bar-htx span.htx::before{transition-property:top,transform;}
	button.navigation-bar-htx span.htx::after{transition-property:bottom,transform;}

	button.navigation-bar-htx.is-active{background-color:hsla(0,0%,10%,1);}
	button.navigation-bar-htx.is-active span.htx{background:none;}
	button.navigation-bar-htx.is-active span.htx::before{top:0;transform:rotate(45deg);}
	button.navigation-bar-htx.is-active span.htx::after{bottom:0;transform:rotate(-45deg);}
	button.navigation-bar-htx.is-active span.htx::before,
	button.navigation-bar-htx.is-active span.htx::after{transition-delay:0s,0.3s;}
.navbar{margin-bottom:0;border:0;}
nav.navbar{border:0;}
nav.primary-nav{position: absolute;
    right: 0;}
nav.primary-nav>ul.navbar-nav{min-height:100%;}
nav.primary-nav>ul.navbar-nav>li,
nav.primary-nav>ul.navbar-nav>li.active{background:transparent;text-transform:uppercase;}
nav.primary-nav>ul.navbar-nav>li>a,
nav.primary-nav>ul.navbar-nav>li.active>a{padding:0 15px;color:#fff;line-height:60px;display:block;}
nav.primary-nav>ul.navbar-nav>li.active,
nav.primary-nav>ul.navbar-nav>li:before{
	background: rgb(254, 204, 177);
    background: -webkit-gradient(rgba(237,31,36,1) 40%, rgba(180,0,4,0.7) 100%);
    background: -webkit-linear-gradient(rgba(254, 204, 177, 1) 0%, rgba(241, 116, 50, 1) 50%, rgba(234, 85, 7, 1) 51%, rgba(251, 149, 94, 1) 100%);
    background: -moz-linear-gradient(rgba(237,31,36,1) 40%, rgba(180,0,4,0.7) 100%);
    background: -o-linear-gradient(rgba(237,31,36,1) 40%, rgba(180,0,4,0.7) 100%);
    background: linear-gradient(rgba(237,31,36,1) 40%, rgba(180,0,4,0.7) 100%);
    content:"";
    display:block;
    position:absolute;
    left:0;right:0;top:0;bottom:0;
    opacity: 0;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}
nav.primary-nav>ul.navbar-nav>li.active{position:relative;}
nav.primary-nav>ul.navbar-nav>li.active,
nav.primary-nav>ul.navbar-nav>li:hover:before{opacity:1;}
nav.primary-nav>ul.nav>li>a:focus,.nav>li>a:hover{background-color:transparent;}

/** Category BAR wrapper div **/
nav.category-nav{width:300px;padding:0;background:#fff;position:absolute;top:60px;z-index:1000;box-shadow: 0px 2px 20px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 2px 20px rgba(0,0,0,0.5);}
nav.category-nav.navbar-collapse.collapse{display:none!important;}
nav.category-nav.navbar-collapse.collapse.in{display:block!important;position:absolute;}

/* Standard color and settings */
ul.category-nav>li>a,
ul.category-nav>li>ul>li>a{padding:0;color:#343434;line-height:50px;text-transform:uppercase;text-decoration:none;display:block;}
ul.category-nav>li>a{padding:0 20px 0 30px;}
ul.category-nav>li.dropdown>ul.dropdown-menu>li>a{padding:0 20px;}
ul.category-nav>li.active>a{color:#fff;}

ul.category-nav>li.dropdown>ul.dropdown-menu{margin:0;padding:0;border:0;border-radius:0;
	-webkit-box-shadow: 0 0px 12px rgba(0,0,0,.175);
    box-shadow: 0 0px 12px rgba(0,0,0,.175);}
ul.category-nav>li.dropdown:hover>ul.dropdown-menu{margin-top:0;margin-left:300px;padding:0;display:inline-block;top:0;}

ul.category-nav{margin:0;padding:0;list-style:none;}
ul.category-nav>li{width:300px}
ul.category-nav>li>a{}
ul.category-nav>li:hover,
ul.category-nav>li.active,
ul.category-nav>li.dropdown.active,
.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover{background-color:rgba(237,31,36,1);}

ul.category-nav>li:hover>a{color:#fff;}
/* ul.category-nav>li:nth-child(-n+4){border-right: 1px solid #b1b1b1;}
ul.category-nav>li:nth-child(n+5){position: absolute;left:300px; float:left;}
ul.category-nav>li:nth-child(5n){top:0px;}
ul.category-nav>li:nth-child(6n){top:50px;}
ul.category-nav>li:nth-child(7n){top:100px;}
ul.category-nav>li:nth-child(8n){top:150px;} */

/* span.fa dropdown arrow */
ul.category-nav>li.dropdown>a>span.fa{font-size:1.5em;line-height:50px;float:right;}

/* BREADCRUMBS */
.breadcrumbs{line-height:50px;}

/* FEATURED WIDGET */
#featured-content{width:95%;margin:0 auto 30px auto;display:table;position:relative;z-index:0}
#featured-content div.widget-area{
	background: #f9f9f9;
	background: -webkit-radial-gradient( circle at 10px 10px , #ccc 15%, #f9f9f9 100% );
	background: -webkit-gradient( circle at 10px 10px , #ccc 15%, #f9f9f9 100% ); /* safari, chrome */
	background: -moz-radial-gradient( circle at 10px 10px , #ccc 15%, #f9f9f9 100% );
	background: -o-radial-gradient( circle at 10px 10px , #ccc 15%, #f9f9f9 100% );
	background: -ms-radial-gradient( circle at 10px 10px , #ccc 15%, #f9f9f9 100% );
	background: radial-gradient( circle at 10px 10px , #ccc 15%, #f9f9f9 100% );
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff', GradientType=1 ); /* ie6-9 */
	position:relative;
}
#featured-content>.widget-area{padding:0}
article.fpw-layout-big{height:100%;padding:0;position:relative;z-index:100;overflow:hidden}
article.fpw-layout-big>a.fpw-link{width:100%;min-height:220px;padding:60px 10px 0 10px;display:block}
.btn{
padding:0;background:transparent;font-size:1em;line-height:40px;color:#fff;border:0;border-radius:0;position:relative;z-index:300;
}
.btn.focus, .btn:focus, .btn:hover{color:#fff}
a.fpw-link:hover{text-decoration:none}
a.fpw-link:hover>div.btn.fpw-read-more-link>span.btn-text{border-bottom:40px solid #1a1a1a}
a.fpw-link:hover>div.btn.fpw-read-more-link span.fa-btn{background-color:#ed1f24}

div.fpw-excerpt{width:80%}
div.fpw-excerpt p{text-transform:uppercase;color:#000000;letter-spacing:-0.03em;line-height:1em;display:none}
div.fpw-custom-bg{
	position:absolute;
    top:0;
    right:0;
    width:100%;
    min-height:100%;
    background-position:90% bottom;
    background-repeat:no-repeat;
    background-size:40%;
}
div.fpw-featured-image{min-width:170px;max-width:45%;position:absolute;bottom:0;right:-20px}
div.fpw-featured-image>img{width:100%;height:auto;float:right}

div.btn.fpw-read-more-link{height:40px;position:absolute;bottom:10px}
div.btn.fpw-read-more-link span.btn-text{
    height:40px;
    padding:0 10px 0 15px;
    background:transparent;
    text-transform: uppercase;
    border-bottom:40px solid #ed1f24;
    border-left:0px solid transparent;
    border-right:30px solid transparent;
    float:left;
    position:relative;
    z-index:200;
}
div.btn.fpw-read-more-link span.fa-btn{
	width:70px;height:40px;
	margin-left:-30px;padding-left:20px;
	background-color:rgba(26, 26, 26, 0.7);
	display:inline-block;
	overflow:hidden;
}
/* div.btn.fpw-read-more-link:hover span.fa-btn{background-color:#ed1f24} */
div.btn.fpw-read-more-link span.fa-btn span.fa{width:50px;height:40px;font-size:30px;line-height:40px}

.lastWord{color:#343434;font-weight:bold;}
.firstWord{color:#ed1f24;letter-spacing:-0.01em;}

h2.page-title:hover{color:#ed1f24;}
h2.page-title:hover .firstWord{color:#343434;}
.feature-title-1,.feature-title-2,.feature-title-3,.feature-title-4,.feature-title-5,.feature-title-6,.feature-title-7,.feature-title-8{
	height: 0.9em;
	margin:0;padding-right:7px;
	font-size:1.5em;
	color:#343434;
	line-height:1em;
	text-transform:uppercase;
    letter-spacing:-0.08em;
    vertical-align: text-top;
	position:absolute;
    top:10px;
    left:10px;
    z-index:99;
    display: block;
}
.feature-title-5{color:#ed1f24}
#featured-content div.widget-area:hover h2.feature-title-1,
#featured-content div.widget-area:hover h2.feature-title-2,
#featured-content div.widget-area:hover h2.feature-title-3,
#featured-content div.widget-area:hover h2.feature-title-3{color:#ed1f24;}
#featured-content div.widget-area:hover h2 span.firstWord{color:#343434;}

/* BANNER */
section#banner{width:100%;margin-top:-60px;min-height:400px;max-height:500px;background-color:#343434;background-image: url(https://www.mechanicalgumi.hu/wp-content/uploads/2016/07/mechanical-gumi-slider-002.jpg);
    background-repeat:no-repeat;background-size:cover;overflow:hidden;position:relative;z-index:0;
	display: -moz-grid;
	display: inline-block;
}
section#banner img{width:100%;height:500px;object-fit: cover;}
.widget_metaslider_widget,.metaslider,.metaslider ul li{/* max-height:680px; */list-style:none;}
.metaslider .caption{padding:0;}
.caption-wrap{background-color:transparent;opacity:1}
.caption-wrap .caption{width:100%;margin:0 auto;padding:0;position:relative;}
.caption-wrap .caption .ml-container{width:100%;height:460px;position:absolute;}

.ml-container h2,.ml-container h3{width:100%;font-family:'Roboto';font-weight:600;color:#fff;text-shadow:0px 3px 4px #000;text-align:center;text-transform:uppercase;}

.ml-container h2{font-size:3.5em;line-height:1em;}
.ml-container h3{font-size:3em;color:#ed1f24;line-height:1em;}
.rslides1_on .caption-wrap .caption .ml-container h2.anim-bottom{
	transform:translate(0px,0);
	-ms-transform:translate(0px,0);
	-webkit-transform:translate(0px,0);
	opacity:1;
}
.rslides1_on .caption-wrap .caption .ml-container h2.cc,
.rslides1_on .caption-wrap .caption .ml-container h2.ccy,
.rslides1_on .caption-wrap .caption .ml-container h3.cc{transform:translate(0px,0);-ms-transform:translate(0px,0);-webkit-transform:translate(0px,0);opacity:1;}

.metaslider ul li img{height:460px}

.caption-wrap .caption .ml-container h2,.caption-wrap .caption .ml-container h3{
    position:absolute;
	margin:0;padding:0;
	background-color:transparent;
	/* transition */
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
	-webkit-transition:.9s ease-in-out;
	-moz-transition:.9s ease-in-out;
	-ms-transition:.9s ease-in-out;
	-o-transition:.9s ease-in-out;
	transition:.9s ease-in-out;
	/* transition options */
	-webkit-transition-property:-webkit-transform,opacity;
	-moz-transition-property:-moz-transform,opacity;
	-ms-transition-property:-ms-transform,opacity;
	-o-transition-property:-o-transform,opacity;
	transition-property:transform,opacity;
	z-index:100;
	opacity:0;
	-webkit-animation-duration:0;
    animation-duration:0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.caption-wrap .caption .ml-container h2.cc{left:0;top:43%;transform:translate(0,360px);-ms-transform:translate(0,360px);-webkit-transform:translate(0,360px);opacity:0;}
.caption-wrap .caption .ml-container h2.ccy{left:0;top:23%;transform:translate(0,360px);-ms-transform:translate(0,360px);-webkit-transform:translate(0,360px);opacity:0;}
.caption-wrap .caption .ml-container h3.cc{left:0;top:55%;transform:translate(0,360px);-ms-transform:translate(0,360px);-webkit-transform:translate(0,360px);opacity:0;}
/* CONTENT */
#primary{padding-bottom:210px;}
h1.single-category-title,
h1.entry-title{
	margin: 20px 0 30px 0;
    padding: 0 0 0 20px;
    line-height: 1em;
    font-size: 2em;
	color:#343434;text-transform:uppercase;
}

.side-left{padding: 20px 0 25px 0;background-color: #fff;}
.site-content{padding:0 0 0 20px;display: inline-block;}

.goods-sidebar .textwidget,
.sidebar-widget-area .textwidget{padding: 0 15px;}
.goods-sidebar .textwidget ul,
.sidebar-widget-area .textwidget ul{
	padding: 0;
    line-height: 1.9em;
    font-size: 1.2em;
    list-style: none;
}
.goods-sidebar h3.wigdettitle,
.sidebar-widget-area h3.widget-title{
	background-color: #ed1f24;
    line-height: 50px;
    padding: 0 15px;
    color: #fff;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 1.2em;
}

main.site-main{padding:0 0 0 20px;}

main>.site-content,.good-content{padding:20px;background-color:#fff;width:100%;}
main.front-page>.site-content{background:transparent}
main div.entry-content p{margin-bottom:20px;line-height:2em;text-align:justify;}
main div.entry-content ul li{line-height:2em;list-style-type:circle;}

.goods-catalog{width:100%;}
.goods-catalog-container{width:100%;padding:20px;background-color:#fff;display:inline-block;}
.goods-info h1.entry-title{font-size:2em;color:#5c5c5c;text-transform:none}
.grid{margin-bottom:30px;padding:0;text-align:center;}
.goods-item-title,.goods-category-list-title{height:50px;margin:15px 0}
.goods-item-title a{
	font-size: 1.4em;
    line-height:1em;
    display: block;
    color: #343434;
}
.goods-item-title a:hover{color:rgb(237,31,36);}
.goods-category-thumb-container a{
	display: flex;
    justify-content: center;
    align-items: center;
    height: 150px;
}
.goods-catalog .navigation{text-align:center;}
.goods-pagination a,
.goods-pagination span.current{
	width: 30px;
    display: inline-block;
    line-height: 30px;
    background-color: #5f5f5f;
    text-align: center;
    margin: 0 10px;
    border-radius: 4px;
    color: #fff;
}
.goods-pagination a:hover,.goods-pagination span.current{
	background-color:#ed1f24;
    text-decoration: none;
}
.grid-content{margin-bottom:50px}
.grid-content a,
.grid-content-kiemelt a{width:100%;text-align:center;display: block;}
.grid-content span,
.goods-category-list-title{
	width: 100%;
    text-align: center;
    line-height: 1em;
    font-size: 1.3em;
    text-transform: uppercase;
    color: #343434;
}
.grid-content a:hover,
.grid-content-kiemelt{text-decoration:none}
.grid-content a:hover span{color:#ed1f24;text-decoration:none}
.grid-content-kiemelt a p{width:100%;text-align:center;}
.grid-content-kiemelt a img{max-width:75%;height:auto;text-align:center}
.grid-content-kiemelt a span.price{
	background-color: #ed1f24;
    height: 2em;
    padding: 5px 20px;
    color: #fff;
    font-size: 1.3em;
}
.grid-content-kiemelt a h3{color:#343434;text-decoration:none;}
.grid-content-kiemelt a:hover h3{color:#ed1f24;text-decoration:none;}
.form-submit>input.btn.btn-default{
	background-color: #343434;
    padding: 0 15px;
    border-radius: 2px;
}
.form-submit>input.btn.btn-default:hover{background-color: rgb(237,31,36)}
.comment-form-author,
.comment-form-email,
.comment-form-url{width:50%}

input.wpcf7-submit{background-color:#343434;padding:0 20px;}
input.wpcf7-submit:hover{background-color:#ed1f24;}
/* SEARCH */
#imaginary_container{
    margin-top:20%; /* Don't copy this */
}
.stylish-input-group .input-group-addon{
    background: white !important; 
}
.stylish-input-group .form-control{
	border-right:0; 
	box-shadow:0 0 0; 
	border-color:#ccc;
}
.stylish-input-group button{
    border:0;
    background:transparent;
}

/** TABLEPRESS **/
.paging_simple .paginate_button.next:after, .paging_simple .paginate_button.previous:before{font-family:'Glyphicons Halflings';content:"\e257";text-shadow:none}
/* FOOTER */
footer#footer{width:100%;min-height:170px;bottom:0;left:0}
body.home footer#footer{position:static}
footer.footer{}
footer p.copyright{margin:0;font-size:0.8em;text-transform:uppercase;text-align:left}
footer p.webmaster{margin:0;font-size:0.8em;text-transform:uppercase;text-align:right}
footer h4{font-size:15px;text-transform:uppercase}
footer .navbar-wrapper{height:auto;background-color:transparent}
footer nav.navbar-collapse{padding:0;}
footer nav.footernav ul{margin:0;padding:0;list-style:none;}
footer nav.footernav ul li a{padding: 0 0 0 5px;font-size:14px;color:#5f5f5f;line-height:30px;text-transform:uppercase;}
footer nav.footernav ul li:before{
	content: "\f054";
    font-family: 'FontAwesome';
    font-size: 12px;
    color: #ed1f24;
}
footer nav.footernav ul li:hover a{padding:0;text-decoration:none;}
footer nav.footernav ul li:hover:before{padding:0 0 0 5px;}
footer .pos-bottom{position:absolute;bottom:0;}
@media only screen and (min-width:320px) and (max-width:480px){
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{position: static;}
	.container{padding-left:10px;padding-right:10px;}
	header.site-header{height:55px;}
	header .header-logo,
	header .header-logo>.mechanical-logo{height:55px}

	header .page-info{display:none}

	/* NAVIGATION */
	.navbar-wrapper{width:100%;height:40px}

	button.category-bar{height:40px;padding:0 45px 0 15px;}
	button.category-bar span.category-text{line-height:40px;}
	button.category-bar span.htx{width:18px;height:2px;top:50%;}
	button.category-bar span.htx::before, button.category-bar span.htx::after{height:2px;}
	button.category-bar span.htx::before{top:-5px;}
	button.category-bar span.htx::after{bottom:-5px;}
	a.homelink{height:40px;padding:0 10px 0 35px;line-height:40px;}
	a.homelink span.fa{top:31%;}
	button.navigation-bar.navbar-toggle{display:block;} 

	nav.category-nav{width:100%;top:40px;}
	ul.category-nav>li{width:100%;}
	ul.category-nav>li>a{padding:0 20px;font-size:15px}
	ul.category-nav>li>a,ul.category-nav>li>ul>li>a{line-height:40px;}
	ul.category-nav>li.dropdown>ul.dropdown-menu{width:100%;position:static;float:none;display:block;border-top: 1px solid #ececec;}
	ul.category-nav>li.dropdown:hover>ul.dropdown-menu{margin:0;padding:0;display:block;}
	ul.category-nav>li.dropdown>ul.dropdown-menu>li>a{padding:0 50px;}
	ul.category-nav>li:hover{background-color:rgba(237,31,36,1);}
	ul.category-nav>li:nth-child(n+5){position:static;float:none;}

	/**** BORDER NONE ****/
	ul.category-nav>li,
	ul.category-nav>li.dropdown>ul>li{border-bottom: 1px solid #ececec;}
	ul.category-nav>li.dropdown>ul>li:last-child{border-bottom:0;}
	ul.category-nav>li.dropdown>ul.dropdown-menu{-webkit-box-shadow:none;box-shadow:none;}
	ul.category-nav>li:nth-child(-n+4){border-right:0;}

	/** PRIMARY NAV **/
	nav.primary-nav{padding:0;top:40px;}
	nav.primary-nav.navbar-collapse.collapse{display:none!important;-webkit-box-shadow:none;box-shadow:none;}
	nav.primary-nav.navbar-collapse.collapse.in{display:block!important}
	nav.primary-nav>ul.navbar-nav{margin:0;padding:0;background-color: #fff;}
	nav.primary-nav>ul.navbar-nav>li{min-width:200px;line-height:50px;float:none;}
	nav.primary-nav>ul.navbar-nav>li>a{color:#343434;line-height:50px}
	nav.primary-nav>ul.navbar-nav>li.active{background:rgb(237,31,36)}
	nav.primary-nav>ul.navbar-nav>li.active>a{color:#fff;line-height:50px;}
	nav.primary-nav>ul.navbar-nav>li:before{
		background:transparent;
		-webkit-transition:none;
		-moz-transition:none;
		-o-transition:none;
		transition:none;
	}

	/* FEATURED CONTENT */
	#featured-content{margin:-35px auto 30px auto}
	.btn {
	    padding: 0;
	    background: transparent;
	    font-size:1em;
	    line-height:40px;
	    color:#fff;
	    border:0;
	    border-radius:0;
	    position:relative;
	    z-index:300;
	}
	div.btn.fpw-read-more-link{height:40px;position:absolute;bottom:15px;}
	div.btn.fpw-read-more-link span.btn-text {
	    height:40px;
	    padding:0 5px 0 10px;
	    background: transparent;
	    text-transform: uppercase;
	    border-bottom:40px solid #ed1f24;
	    border-left:0 solid transparent;
	    border-right:30px solid transparent;
	    float:left;
	    position:relative;
	    z-index:200;
	}
	div.btn.fpw-read-more-link span.fa-btn{
		width:70px;height:40px;
	    margin-left:-30px;
	    padding-left:20px;
	    background-color:rgba(26,26,26,.9);
	    display:inline-block;
	    overflow:hidden;
	}
	div.btn.fpw-read-more-link span.fa-btn span.fa{width:50px;height:40px;font-size:1.6em;line-height:40px;}
	a.fpw-link:hover>div.btn.fpw-read-more-link>span.btn-text{border-bottom:40px solid #1a1a1a}
	/* BANNER */
	section#banner{margin-top:-40px;}
	.caption-wrap .caption .ml-container{height:300px}
	.metaslider ul li img{height:300px}
	.ml-container h2, .ml-container h3{font-weight:normal}
	.ml-container h2{font-size:1.4em;line-height:1em}
	.ml-container h3{font-size:1.2em;line-height:1em}
	.caption-wrap .caption .ml-container h2.cc,
	.caption-wrap .caption .ml-container h3.cc{
		transform: translate(0,175px);
		-ms-transform: translate(0,175px);-webkit-transform: translate(0,175px);
	}

	/* content */
	#primary{padding-bottom:0}
	main.site-main.pull-right,
	.site-content.pull-right,
	.side-left.pull-left{padding:0;float:none!important;}
	.side-left.pull-left{margin-top:30px;padding:15px;}
	h1.single-category-title, h1.entry-title{
    	margin:0 0 20px;padding:0;font-size:1.6em;
    	color: #343434;
    }
    .entry-content ol li{margin-bottom:20px;line-height: 1.5em;text-align: justify;}
    
    .goods-item-thumb-container img{max-width:50%;height:auto;}
    .goods-item-title a{font-size:1em;line-height:2em}

    footer#footer{height:auto;position:static}
    footer .container{padding:0;}
    footer .navbar.pull-right{padding:0;float:none!important;}
    footer .pos-bottom{position: static;}
    footer p.copyright,footer p.webmaster{text-align:center}
    footer .col-xs-12{padding:0;}
}
@media only screen and (min-width:480px) and (max-width:768px){
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{position: static;}
	body{font-size:15px}
	header.site-header{height:75px;}
	header .header-logo,
	header .header-logo>.mechanical-logo{height:75px}
	/* PAGE INFO */
	header .page-info{display:none;}
	header .page-info ul li {
	    float: none;
    	margin-right: 20px;
    	display: block;
    	line-height: 1.4em;
	}
	header .page-info ul li:last-child{margin-right:0;}

	header .page-info ul span.fa {
	    width: 40px;
	    height: 1em;
	    padding: 0;
	    font-size: 0.85em;
	    color: #505050;
	    line-height: 1em;
	    text-align: center;
	    vertical-align: middle;
	    display: inline-block;
	}
	/* NAVIGATION */
	.navbar-wrapper{width:100%;height:40px;}
	
	button.category-bar{height:40px;padding:0 45px 0 15px;}
	button.category-bar span.category-text{line-height:40px;}
	button.category-bar span.htx{width:18px;height:2px;top:49%;}
	button.category-bar span.htx::before, button.category-bar span.htx::after{height:2px;}
	button.category-bar span.htx::before{top:-5px;}
	button.category-bar span.htx::after{bottom:-5px;}
	a.homelink{height:40px;line-height:40px;}
	a.homelink span.fa{top:31%;}
	button.navigation-bar.navbar-toggle{display:block;}
	button.navigation-bar>span.sr-only{width:auto;height:auto;margin:0;position:relative;overflow:visible;clip:auto;}
	button.navigation-bar{
		height:40px;
		margin:0;padding:0 45px 0 15px;
		background-color:rgb(38,38,38);
		font-size:16px;
		text-indent:0px;
		border:0;
		border-radius:0;
		position: absolute;
		overflow: hidden;
		box-shadow:none;
		cursor: pointer;
		outline:none
	}
	button.navigation-bar span.category-text{color:#fff;line-height:40px;text-transform:uppercase;}
	button.navigation-bar span.htx{
		width:18px;height:2px;
		background-color:#fff;
		position: absolute;
		top:50%;right:15px;
		display:block;
		content:"";
	}
	button.navigation-bar span.htx::before,
	button.navigation-bar span.htx::after{
		width:100%;height:2px;
		background-color: #fff;
		position: absolute;
		left:0;
		display:block;
		content:"";
	}
	button.navigation-bar span.htx::before{top:-5px;}
	button.navigation-bar span.htx::after{bottom:-5px;}
	button.navigation-bar-htx span.htx{transition:background 0s 0.3s;}

	button.navigation-bar-htx span.htx::before,
	button.navigation-bar-htx span.htx::after {
	  transition-duration: 0.3s, 0.3s;
	  transition-delay: 0.3s, 0s;
	}

	button.navigation-bar-htx span.htx::before{transition-property:top,transform;}
	button.navigation-bar-htx span.htx::after{transition-property:bottom,transform;}

	button.navigation-bar-htx.is-active{background-color:hsla(0,0%,10%,1);}
	button.navigation-bar-htx.is-active span.htx{background:none;}
	button.navigation-bar-htx.is-active span.htx::before{top:0;transform:rotate(45deg);}
	button.navigation-bar-htx.is-active span.htx::after{bottom:0;transform:rotate(-45deg);}
	button.navigation-bar-htx.is-active span.htx::before,
	button.navigation-bar-htx.is-active span.htx::after{transition-delay:0s,0.3s;}


	nav.category-nav{width:200px;top:40px;}
	ul.category-nav>li{width:200px;}
	ul.category-nav>li>a{padding:0 10px;font-size:15px;}
	ul.category-nav>li.dropdown:hover>ul.dropdown-menu{margin-left:200px;}
	ul.category-nav>li:nth-child(n+5){left:200px;}
	ul.category-nav>li:nth-child(8n){top:150px;}
	ul.category-nav>li.dropdown:nth-child(4n):hover>ul.dropdown-menu {margin-top:-150px;}
	ul.category-nav>li.dropdown:nth-child(8n):hover>ul.dropdown-menu {margin-top:-100px;margin-left:-160px;}

	/** PRIMARY NAV **/
	nav.primary-nav{padding:0;top:40px;}
	nav.primary-nav.navbar-collapse.collapse{display:none!important;-webkit-box-shadow:none;box-shadow:none;}
	nav.primary-nav.navbar-collapse.collapse.in{display:block!important}
	nav.primary-nav>ul.navbar-nav{margin:0;padding:0;background-color: #fff;}
	nav.primary-nav>ul.navbar-nav>li{min-width:200px;line-height:50px;float:none;}
	nav.primary-nav>ul.navbar-nav>li>a{color:#343434;line-height:50px}
	nav.primary-nav>ul.navbar-nav>li.active{background:rgb(237,31,36)}
	nav.primary-nav>ul.navbar-nav>li.active>a{color:#fff;line-height:50px;}
	nav.primary-nav>ul.navbar-nav>li:before{
		background:transparent;
		-webkit-transition:none;
		-moz-transition:none;
		-o-transition:none;
		transition:none;
	}

	/* FEATURED CONTENT */
	#featured-content{margin:-45px auto 30px auto;}
	#featured-content>.widget-area{
		width:100%;float:none;
		border-top: 1px solid #e4e4e4;
		border-bottom: 1px solid #c5c5c5;
    	border-top: 1px solid #e4e4e4;
	}
	#featured-content>.widget-area:first-child{
		border-bottom: 1px solid #c5c5c5;
    	border-top:0;
	}
	article.fpw-layout-big>a.fpw-link{min-height:200px}
	div.fpw-featured-image{max-width:30%;}

	/* BANNER */
	section#banner{margin-top:-40px;}
	.metaslider ul li img,
	.caption-wrap .caption .ml-container{height: 350px;}
	.ml-container h2{font-size: 2.5em;line-height: 1em;color:#fff;}
	.ml-container h3{font-size:2em;color:#ed1f24;}   
	.ml-container h2,.ml-container h3{font-weight:normal;}
	.caption-wrap .caption .ml-container h2.cc{
		top:40%;
	    transform: translate(0,200px);
	    -ms-transform: translate(0,200px);
	    -webkit-transform: translate(0,200px);
	}
	.caption-wrap .caption .ml-container h3.cc{
		top:50%;
	    transform: translate(0,230px);
	    -ms-transform: translate(0,230px);
	    -webkit-transform: translate(0,230px);
	}
	/* CONTENT */
	main.site-main.pull-right,
	.site-content.pull-right,
	.side-left.pull-left{padding:0;float:none!important;}
	main.site-main.pull-right{margin:30px 0 0 0}
	.side-left{margin:30px 0 0 0;padding:20px;clear:both}
    
}

@media only screen and (min-width:768px) and (max-width:992px){
	.container{width:95%;padding:0;}
	header.site-header{height:75px;}
	header .header-logo,
	header .header-logo>.mechanical-logo{height:75px}
	
	header .page-info ul li {
		float: none;
	    margin-right: 20px;
	    display: block;
	    line-height:1.4em;
	}
	/* NAVIGATION */
	.navbar-wrapper{width:100%;height:50px}
	
	button.category-bar{height:50px;padding:0 55px 0 15px;}
	button.category-bar span.category-text{line-height:50px;	}

	button.category-bar span.htx{width: 20px;height:3px;top:48%;}
	button.category-bar span.htx::before{top:-6px;}
	button.category-bar span.htx::after{bottom:-6px;}
	.homelink{height:50px;line-height:50px;}
	button.navigation-bar.navbar-toggle{display:block;}
	button.navigation-bar{height:50px;padding:0 55px 0 15px;}
	button.navigation-bar span.category-text{line-height:50px}
	button.navigation-bar span.htx{width:20px;height:3px;top:48%;}
	button.navigation-bar span.htx::before{top:-6px;}
	button.navigation-bar span.htx::after{bottom:-6px;}

	button.navigation-bar>span.sr-only{width:auto;height:auto;margin:0;position:relative;overflow:visible;clip:auto;}
	button.navigation-bar{
		height:50px;
		margin:0;padding:0 45px 0 15px;
		background-color:rgb(38,38,38);
		font-size:16px;
		text-indent:0px;
		border:0;
		border-radius:0;
		position: absolute;
		overflow: hidden;
		box-shadow:none;
		cursor: pointer;
		outline:none
	}
	button.navigation-bar span.category-text{
		color:#fff;
		line-height:50px;
		text-transform:uppercase;
	}
	button.navigation-bar span.htx{
		width:22px;height:3px;
		background-color:#fff;
		position: absolute;
		top:48%;right:15px;
		display:block;
		content:"";
	}
	button.navigation-bar span.htx::before,
	button.navigation-bar span.htx::after{
		width:100%;height:3px;
		background-color: #fff;
		position: absolute;
		left:0;
		display:block;
		content:"";
	}
	button.navigation-bar span.htx::before{top:-7px;}
	button.navigation-bar span.htx::after{bottom:-7px;}
	button.navigation-bar-htx span.htx{transition:background 0s 0.3s;}

	button.navigation-bar-htx span.htx::before,
	button.navigation-bar-htx span.htx::after {
	  transition-duration: 0.3s, 0.3s;
	  transition-delay: 0.3s, 0s;
	}

	button.navigation-bar-htx span.htx::before{transition-property:top,transform;}
	button.navigation-bar-htx span.htx::after{transition-property:bottom,transform;}

	button.navigation-bar-htx.is-active{background-color:hsla(0,0%,10%,1);}
	button.navigation-bar-htx.is-active span.htx{background:none;}
	button.navigation-bar-htx.is-active span.htx::before{top:0;transform:rotate(45deg);}
	button.navigation-bar-htx.is-active span.htx::after{bottom:0;transform:rotate(-45deg);}
	button.navigation-bar-htx.is-active span.htx::before,
	button.navigation-bar-htx.is-active span.htx::after{transition-delay:0s,0.3s;}

	nav.category-nav{width:250px;top:50px;}

	ul.category-nav>li{width:250px;}
	ul.category-nav>li>a{padding:0 10px;font-size:15px;}
	ul.category-nav>li.dropdown:hover>ul.dropdown-menu{margin-left:250px;}

	/* ul.category-nav>li:nth-child(n+5){position: absolute;left:250px;float:left;}
	ul.category-nav>li:nth-child(5n){top:0px;}
	ul.category-nav>li:nth-child(6n){top:50px;}
	ul.category-nav>li:nth-child(7n){top:100px;}
	ul.category-nav>li:nth-child(8n){top:150px;}
	
	ul.category-nav>li.dropdown:nth-child(4n):hover>ul.dropdown-menu {margin-top:-150px;}
	ul.category-nav>li.dropdown:nth-child(8n):hover>ul.dropdown-menu {margin-top:-100px;margin-left: -160px;} */

	nav.primary-nav{padding:0;top:50px;}
	nav.primary-nav.navbar-collapse.collapse{display:none!important}
	nav.primary-nav.navbar-collapse.collapse.in{display:block!important}
	nav.primary-nav>ul.navbar-nav{background-color: #fff;}
	nav.primary-nav>ul.navbar-nav>li{min-width:200px;line-height:50px;float:none;}
	nav.primary-nav>ul.navbar-nav>li>a{color:#343434;line-height:50px}
	nav.primary-nav>ul.navbar-nav>li.active{background:rgb(237,31,36)}
	nav.primary-nav>ul.navbar-nav>li.active>a{color:#fff;line-height:50px;}
	nav.primary-nav>ul.navbar-nav>li:before{
		background:transparent;
		-webkit-transition:none;
		-moz-transition:none;
		-o-transition:none;
		transition:none;
	}
	/* FEATURED CONTENT */
	#featured-content>.widget-area{
		width:100%;float:none;
		border-top: 1px solid #e4e4e4;
		border-bottom: 1px solid #c5c5c5;
    	border-top: 1px solid #e4e4e4;
	}
	#featured-content>.widget-area:first-child{
		border-bottom: 1px solid #c5c5c5;
    	border-top:0;
	}
	.feature-title-1, .feature-title-2, .feature-title-3{font-size:1.8em}
	article.fpw-layout-big{height:200px;}
	article.fpw-layout-big>a.fpw-link{min-height:200px}
	div.btn.fpw-read-more-link span.btn-text{width:220px;}
	div.fpw-featured-image>img{width:70%;}

	/* BANNER */
	section#banner{margin-top:-50px;}

	/* CONTENT */
	main.site-main{margin:30px 0 0 0;padding:0;float:none!important;}
	main p{line-height:2em;}
	.site-content{padding:0;}
	.site-content.pull-right{float:none!important;}
	
	.side-left{margin:30px 0 0 0;padding:20px;clear:both;}
	.side-left.pull-left{float:none!important;}
	
	.goods-item-thumb-container img{max-width:50%;height:auto;}
	.goods-sidebar>.widget{width:50%;display:inline-block;}

	

	/* FOOTER */
	footer#footer{padding-top:20px;}
	footer nav.navbar{margin-bottom:30px;}
	.copyright,.created{font-size:14px;}
}

/* @media only screen and (min-width:992px) and (max-width:1200px) {
	header.site-header{
		height:80px;
		background-color:red;
	}
} */
@media only screen and (min-width:1200px) and (max-width:1600px){
	header.site-header{height:90px;}
	header .header-logo,
	header .header-logo>.mechanical-logo{height:90px}
	
	header .page-info ul li{line-height:90px}
	header .page-info ul span.fa{
    	height:1em;
    	font-size:1.2em; 
    	line-height:1em;
	}
	header .page-info ul li span.page-info-text{font-size:1em;}
	/* NAVIGATION */
	.navbar-wrapper{width:100%;height:65px}

	button.category-bar{height:65px}
	.homelink{height:65px;line-height:65px;}
	
	nav.category-nav{width:300px;top:65px}

	nav.primary-nav>ul.navbar-nav>li>a,
	nav.primary-nav>ul.navbar-nav>li>a, nav.primary-nav>ul.navbar-nav>li.active>a{line-height:65px}

	/* NAVIGATION */
	.caption-wrap .caption .ml-container{height:570px;}
	.ml-container h2{font-size:4.5em;line-height:1em;}
	.ml-container h3{font-size:3.5em;line-height:1em;}
	
	.widget_metaslider_widget, .metaslider, .metaslider ul li,
	.rslides1_on{max-height:680px}
	.metaslider ul li img{height:580px}

	/* BANNER */
	section#banner {
	    width: 100%;height:500px;
	    margin-top: -65px;
	    background-color: #343434;
	    overflow: hidden;
	    position: relative;
	    z-index: 0;
	}

	/* FEATURED CONTENT */
	#featured-content{margin:-75px auto 30px auto}
	div.fpw-featured-image{min-width:170px;max-width:190px;}
	div.fpw-featured-image>img{width:100%;}
}
@media only screen and (min-width:1601px){
	/* HEADER */
	header.site-header,
	header .header-logo,
	header .header-logo>.mechanical-logo{height:100px}

	header .page-info ul li{line-height:100px}
	header .page-info ul span.fa{
    	height:1em;
    	font-size:1.2em; 
    	line-height:1em;
	}
	header .page-info ul li span.page-info-text{font-size:1em;}

	.navbar-wrapper,
	button.category-bar{height:75px}
	button.category-bar span.category-text{font-size:18px}
	button.category-bar span.htx{top:48%}
	.homelink{height:75px;line-height:75px;}
	/* BANNER */
	nav.category-nav{top:75px;}

	nav.primary-nav>ul.navbar-nav>li>a{line-height:75px}
	nav.primary-nav>ul.navbar-nav>li>a{padding:0 20px;font-size:18px}
	nav.primary-nav>ul.navbar-nav>li>a, nav.primary-nav>ul.navbar-nav>li.active>a{line-height:75px}

	/* FEATURED CONTENT */
	#featured-content{margin:-80px auto 30px auto}
	.feature-title-1, .feature-title-2, .feature-title-3, .feature-title-4, .feature-title-5, .feature-title-6, .feature-title-7, .feature-title-8{font-size:2em;top:20px;left:20px}
	article.fpw-layout-big>a.fpw-link{min-height:300px;padding:90px 20px 0 20px}
	div.fpw-featured-image{min-width:45%;max-width:65%}
	div.fpw-featured-image>img{width:100%}
	div.fpw-excerpt p{font-size:1.1em;display:none}

	/* BANNER */
	section#banner{margin-top:-75px}
	.caption-wrap .caption .ml-container{height:620px}
	.caption-wrap .caption .ml-container h2.cc{}
	.caption-wrap .caption .ml-container h3.cc{top:56%}
	.ml-container h2{font-size:6em;line-height:1em}
	.ml-container h3{font-size:5em;line-height:1em}
	section#banner,
	.widget_metaslider_widget, .metaslider, .metaslider ul li,
	.rslides1_on{height:680px}
	.metaslider ul li img{height:680px}
}
@media only screen and (max-width:320px){
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{position: static;}
	.container{padding-left:10px;padding-right:10px;}
	header.site-header{height:55px;}
	header .header-logo,
	header .header-logo>.mechanical-logo{height:55px}

	/* NAVIGATION */
	.navbar-wrapper{
		width:100%;height:30px;
		background-color:violet;
	}

	button.category-bar{height:30px;padding:0 45px 0 15px;}
	button.category-bar span.category-text{
		line-height:30px;
	}
	button.category-bar span.htx{
		width:18px;
	    height:2px;
	    top:50%;
	}
	button.category-bar span.htx::before, button.category-bar span.htx::after{height:2px;}
	button.category-bar span.htx::before{top:-5px;}
	button.category-bar span.htx::after{bottom:-5px;}
}