@charset "utf-8";
/*-----------------------------------------------------------------------------
Matrix Responsive HTML Template - Core CSS - Light
-------------------------------------------------------------------------------
Version : 1.2.3
Date : 21 / 02 / 2013
Author : Billy Foo
-----------------------------------------------------------------------------*/

*{
	margin:0;
	padding:0;
	border:0;
}

a{
	text-decoration:none;
	border:none;
}

a:hover {
    text-decoration: none;
}

body{
    font:62.5%/1.5 'Open Sans', sans-serif;
	/*font:62.5%/1.5 "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;*/
	/*background:url(../images/background6.jpg) center top no-repeat #888;*/
    /*background:url(../images/background6.jpg) center top no-repeat #ddd;*/
	background-attachment:fixed;
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
}

#bodypat{
	/*background:url(../images/bg_pattern.png) repeat;*/
    width:100%;
	height:100%;
}
#container{
	/*max-width:960px;*/
    max-width:1110px;
	text-align:center;
	margin:auto;
	/*padding-top:20px;*/
}

.clearfix:after{
	content:" ";
	clear:both;
	height:0;
	visibility:hidden;
	display:block;
}

.centered{
	margin:0 auto;
}

h1,
h2,
h3,
h4,
h5{
	font-weight:normal;
	/*padding:5px 0;*/
}
h1{
    font-size:2.8em;
}
h2{
    font-size:2.6em;
}
h3{
    font-size:2.4em;
}
h4{
    font-size:2.2em;
}
h5{
    font-size:1.8em;
}
p{
    font-size:1.3em;
	line-height:1.5em;
	/*padding-bottom:20px;*/
	font-family:'Open Sans', sans-serif;
}

.hatter {
  /*background: url(images/bar.jpg) no-repeat center center fixed; */
  /*background: url(../images/bar.jpg) no-repeat;*/
           /*background: url(../images/hatter_1px.png);*/
  /*background: url(../images/banner_hatter_1px.png);*/
  margin-bottom: 50px;
  margin-top: -15px;
  height: 250px;
  width: 100%;
  /*-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
  /*position: relative;*/
  /*top: 150px;*/
    /*background-color:#000; 
    width:100%; 
    height:100px;*/ 
    position:absolute; 
    /*z-index:999;*/
    left: 0;
    right: 0;

}

.hatter2 {
  /*background: url(images/bar.jpg) no-repeat center center fixed; */
  /*background: url(../images/bar.jpg) no-repeat;*/
  /*background: url(../images/hatter_1px.png) ;*/
  background-color: #ffffff; /*#7f51a1;*/
  margin-bottom: 50px;
  margin-top: -40px;
  height: 30px;
  width: 100%;
  /*-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
  /*position: relative;*/
  /*top: 150px;*/
    /*background-color:#000; 
    width:100%; 
    height:100px;*/ 
    position:absolute; 
    /*z-index:999;*/
    left: 0;
    right: 0;

}

.hatter2 a {
    color: #202020; /*#fff;*/
    text-decoration: none;
}

.hatter2 a:hover {
    color: #202020; /*#fff;*/
    font-weight: bold;
    text-decoration: none;
}

.desktop {
    display: block;
}

.mobil {
    display: none;
}

.cookie{
    background-color:#000000;
}

.cookie2{
    z-index: 999999;
    top:auto;
    font-family:'open sans','helvetica neue',helvetica,arial,sans-serif;
    position:fixed;
    left: 0;
    bottom:0;
    background:#000;
    padding: 10px;
    opacity:0.85;
    border-top:1px solid;
}

#wrap {
  margin: 27px 50px;
  display: inline-block;
  position: relative;
  height: 20px;
  float: right;
  padding: 0;
  position: relative;
}

/*----------------------------------------------------------------------------
Header
----------------------------------------------------------------------------*/
header a{
	border:none;
	text-decoration:none;
}
header{
	min-height:70px;
	/*margin:0 5px 10px 5px;*/
	/*background:rgb(255,255,255); /* The Fallback */
	/*background:rgba(255,255,255,0.8);*/
    /*background:url(../images/fhatter.png) center top repeat #eee;*/
    /*background:url(../images/stainless_steel-5.jpg) center top repeat #eee;*/
    
    /*background:url(../images/christmas3.jpg) center top #eee;*/
    
    /*background: #eee;*/
}
#headerlink{
	float:left;
}
#logo{
	display:inline;
	/*margin:23px 0 0 20px;*/
	/*margin:10px 0 5px 15px;*/
	/*margin:10px 0 5px 0px;*/
    vertical-align:top;
	/*width:60px;*/
	width:80px;
    margin-right: 20px;
}
#sitename{
	font-size:7.2em;
	color:#202020;
	line-height:100px;
	margin-left:20px;
}
nav{

}

.nav {
    font-size:1.35em;
	text-transform:uppercase;
	/*font-weight:600;*/
	/*display:inline-block;*/
	/*float:right;*/
	/*margin-right:-100px;*/
    /*margin-top:50px;*/
    /*margin-left: 90px;*/
    padding-top: 32px;
    
    /*padding-left: 100px;*/
    /*margin-top:32px;*/
    /*margin-top:0px;*/
}


.f-header { 
 z-index: 9999;
 position: fixed;
 top: 0;
 /*min-height:100px;*/
 /*margin: 0 5px 10px 5px;*/
 /*width: 100%;*/
}


.f-nav {
    opacity: 0.9;
 z-index: 9999;
 position: fixed;
 top: 0;
 /*min-height:100px;*/
 font-size:1.4em;
 text-transform:uppercase;
 /*font-weight:600; */
 margin:0 auto;
 /*background-color: #eee;*/ /*#eee;*/
 background-color: #fff; 
  display: box;                   /* As specified */
  display: -moz-box;              /* Mozilla */
  display: -webkit-box;           /* WebKit */ 
   /* Align children to the horizontal center of this box */
  box-align: center;              /* As specified */
  -moz-box-align: center;         /* Mozilla */
  -webkit-box-align: center;      /* WebKit */
 } /* this make our menu fixed top */
 
.f-nav ul#nav > li {
    left: 0;
}
 


.f-nav2 { 
	font-size:1.4em;
	text-transform:uppercase;
	font-weight:600;
	/*display:inline-block;
	float:right;
	margin-right:20px;
	margin-left:330px;*/
	/*margin-top:40px;*/
    /*margin-top:0px;*/
 }


#nav a{
	color:#202020;
}

.f-search {
  opacity: 0.9;
  z-index: 9999;
 position: fixed;
 right:0;
 top: 0px;
 height:40px;
 /*min-height:100px;*/
 /*margin:0 auto;*/
 background-color: #eee;   

}

.f-searchform { 
    margin: 5px 5px 5px 5px;
    background-color: #eee;
    height:30px;
	width:170px; 
}

.f-searchsubmit{
	background:url(../images/search.png) center center no-repeat #fff;
	height:30px;
	width:30px;
	position:absolute;
	top:5px;
	right:0;
	transition:background-color 0.3s;
	-moz-transition:background-color 0.3s;
	-webkit-transition:background-color 0.3s;
	-o-transition:background-color 0.3s;
}
.f-searchsubmit:hover{
	cursor:pointer;
}

.breadcrumb {
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 31px;
    margin-left: 0px;
    margin-right: 5px;
    margin-top: -25px;
    margin-bottom: 5px;
    text-align: left; 
    font-size: 1.3em; 
    
    color: #202020; /*#fff;*/
    /*background-color: #F8F8F8;*/  
}

#ikonbottom {
    display: none;
}


#ikontop {
    display: block;
}


#nyelvform {
    float:right;
}

.radius {
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
}

/*-------------------------------Search Box------------------------------*/
#searchbox{
	max-width:310px;
	margin:0 auto;
}
#searchbox #search-field,
#searchbox #searchsubmit{
	background:#fff;
}
.searchform{
	margin:15px 5px 20px 0;
	position:relative;
	/*width:100%;*/
    list-style:none;
	float:right;
	margin-right:20px;
}
#search-field{
	background:#fff;
	line-height:30px;
	height:30px;
	padding-left:10px;
	width:270px;
	color:#888;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-appearance: none;
}
#search-field:focus{
	color:#fff;
}
.searchsubmit{
	background:url(../images/search.png) center center no-repeat #fff;
	height:30px;
	width:30px;
	position:absolute;
	top:15px;
	right:0;
	transition:background-color 0.3s;
	-moz-transition:background-color 0.3s;
	-webkit-transition:background-color 0.3s;
	-o-transition:background-color 0.3s;
}
.searchsubmit:hover{
	cursor:pointer;
}

/*----------------------------Mobile Version--------------------------------*/
@media all and (max-width:780px) {

#container{
	padding-top:10px;
}
header{
	/*padding-top:25px;*/
}
#headerlink{
    /*width: 100%;
    margin-left: auto;
    margin-right: auto;    
	float:none;*/
	display:inline-block;
}

#nyelvform {
    display: block;
}
nav{
	/*margin:0 0 25px 0;*/
    width: 100%;
    margin-left: 0px;
    margin-right: 100px;
    margin-bottom: 25px;
    margin-top: 0px;
	float:none;
}

.f-nav { 
 z-index: 9999;
 position: fixed;
 top: 0;
 height:45px;
 margin:0 auto;
 background-color: #eee;
  display: box;                   /* As specified */
  display: -moz-box;              /* Mozilla */
  display: -webkit-box;           /* WebKit */ 
   /* Align children to the horizontal center of this box */
  box-align: center;              /* As specified */
  -moz-box-align: center;         /* Mozilla */
  -webkit-box-align: center;      /* WebKit */
} /* this make our menu fixed top */

/*.f-searchform {
  display: none;       
}*/

/*#searchform  {
    display: none;
} */   

.f-search {
  opacity: 0.9;
  z-index: 9999;
 position: fixed;
 right:0;
 top: 0px;
 height:40px;
 /*min-height:100px;*/
 /*margin:0 auto;*/
 background-color: #eee;  

}

.f-searchform { 
    margin: 0px 5px 5px 5px;
    background-color: #e; 
    height:30px;
	width:170px; 
}

.f-searchsubmit{
	background:url(../images/search.png) center center no-repeat #fff;
	height:30px;
	width:30px;
	position:absolute;
	top:5px;
	right:0;
	transition:background-color 0.3s;
	-moz-transition:background-color 0.3s;
	-webkit-transition:background-color 0.3s;
	-o-transition:background-color 0.3s;
}
.f-searchsubmit:hover{
	cursor:pointer;
}



.breadcrumb {
    display: none;   
}

#example {
    display: none;   
}

#ikontop {
    display: none;
}

#ikonbottom {
    display: block;
}

/*-------------------------------Search Box mobile------------------------------*/
#searchbox{
	max-width:200px;
	margin:0 auto;
}
#searchbox #search-field,
#searchbox #searchsubmit{
	background:#fff;
}
.searchform{
	margin:10px 5px 20px 15px;
	position:relative;
	/*width:100%;*/
    list-style:none;
	float:right;
	margin-right:20px;
}
#search-field{
	background:#fff;
	line-height:30px;
	height:30px;
	padding-left:10px;
	width:200px;
	color:#888;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-appearance: none;
}
#search-field:focus{
	color:#fff;
}
.searchsubmit{
	background:url(../images/search.png) center center no-repeat #fff;
	height:30px;
	width:30px;
	position:absolute;
	top:17px;
	right:0;
	transition:background-color 0.3s;
	-moz-transition:background-color 0.3s;
	-webkit-transition:background-color 0.3s;
	-o-transition:background-color 0.3s;
}
.searchsubmit:hover{
	cursor:pointer;
}

    
}
/*----------------------------------------------------------------------------
Navigation
----------------------------------------------------------------------------*/
ul#nav{
	position:relative;
    list-style:none;
    overflow:visible; /* makes sure the container fits the floated list-items below */
}
ul#nav li.current > a{
    border-top-style: solid;
    border-top-width:thin;
    border-top-color: #4c4480;
	/*color:#fff;*/
}
ul#nav:hover li.current > a{
    border-top-style: solid;
    border-top-width:thin;
    border-top-color: #4c4480;    
	background:none;
	color:#1a1a1a;
}
ul#nav > li a{
	/*padding:5px 10px;*/
    padding:7px 10px;
    transition:background 0.3s, color 0.3s;
	-moz-transition:background 0.3s, color 0.3s;
	-webkit-transition:background 0.3s, color 0.3s;
	-o-transition:background 0.3s, color 0.3s;
}
ul#nav ul li a{
	padding:3px 15px;
}
ul#nav > li{
    float:left; /* floats list items to the left, creating a horizontal menu */
	position:relative;
	line-height:40px;
       /*left: 80px;*/
	/*line-height:70px;*/
}
ul#nav li span{
	position:relative; /* must have position set to anything other than static to use z-index */
    z-index:600;
   	padding-bottom: 10px;
}
ul#nav:hover > li:hover > a{
	/*color:#fff;*/
}
ul#nav > li li{
	/*border-left:3px solid;*/
}
ul#nav ul{
    /*font-size: 0.89em;*/
    font-size: 0.97em;
	display:none;
	position:absolute;
	/*top:50px;*/
	top:35px;
	z-index:550;
	text-align:left;
	line-height:1.3em;
	/*box-shadow:0 0 5px 0 rgba(0,0,0,0.3);*/
}
ul#nav li li span{
	font-weight:normal;
	text-transform:none;
	line-height:2em;
	padding-right:5px;
}

ul#nav > li > ul > li > ul{
	top:0;
	left: 172px;
}
ul#nav > li:last-child > ul > li > ul{
	top:0;
	left: -172px;
}


ul#nav li li a:hover span{
    font-weight:bold;
	padding-right:0;
    color: #4C4480;
}
ul#nav li:hover li{
    background:#404040;
	list-style:none;
	float:none;
    position: relative; /*ez a almenü˝ poziciónálása*/

}
ul#nav li li a{
	background:url(../images/navitem.png) right center;
	display:block;
	/*width:130px;*/
	width:140px;
	transition: background 0.3s, color 0.3s;
	-moz-transition: background 0.3s, color 0.3s;
	-o-transition: background 0.3s, color 0.3s;
	-webkit-transition: background 0.3s, color 0.3s;
}
ul#nav li li a:hover{
	background-position:left center;
	color:#000;
}
nav > select{
	display:none;
	width:310px;
	background-color:#e5e5e5;
	color:#404040;
	padding:5px 0 0 5px;
	margin-left:auto;
	margin-right:auto;
}
nav > select:hover{
	/*background-color:#f4f4f4;*/
}
nav > select > option{
	padding:5px;
}
	/*új 2014.01.25*/
ul#nav > li > ul > .felfele > ul {
bottom: 0;
top: auto;
left: 170px;
}


/*----------------------------Mobile Version--------------------------------*/
@media all and (max-width:780px) {
ul#nav {
	display:none;
}
nav > select{
	display:block;
    border: 0;
  /*line-height: 1.5;*/
  -webkit-appearance: none;
  /*3 sor a firefox*/
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  -o-appearance: none;
    appearance: none;
    /*background: transparent url("../images/menu-alt-16.png") no-repeat scroll 97% 3px;*/ 
    float: none;
    /*margin-right: 80px;*/
    /*margin-left: -80px;*/
}

nav > select::-ms-expand {
    display: none;
}
	
}
/*----------------------------------------------------------------------------
Content - Universal
----------------------------------------------------------------------------*/
#content a:hover{
	/*text-decoration:underline;*/
    text-decoration:none;

}
#content{
	color:#888;
	margin-top:40px;

}
#content-title{
	/*font-size:5.8em;*/
	font-size:3.5em;
    /*font-weight:200;*/
	color:#000;
	line-height:50px;
	/*border-bottom:3px solid;
    border-bottom-color: #aa3951;*/
	/*background:url(../images/ksor.png) repeat bottom left;*/
    /*margin:0 5px 10px 5px;*/
	/*margin:0 1px 10px 1px;*/
    /*padding-left: 30px;*/
    padding-left: 5px;
	text-align:left;
	text-transform:uppercase;
}

#content-title_hr_purple2{ /* alap szín vonal */
	border-bottom:3px solid;
    border-bottom-color: #7f51a1;
    margin-bottom: 10px;
}

#content-title_hr_bordo{ /*CNC termék*/
	border-bottom:3px solid;
    border-bottom-color: #aa3951;
    margin-bottom: 10px;
}

#content-title_hr_purple3{ /*CNC termék új színe*/
	border-bottom:3px solid;
    border-bottom-color: #372252;
    margin-bottom: 10px;
}

#content-title_hr_lila{ /*cnc eszterga*/
	border-bottom:3px solid;
    border-bottom-color: #4c4480;
    margin-bottom: 10px;
}

#content-title_hr_zold{  /*cnc maró*/
	border-bottom:3px solid;
    border-bottom-color: #187973;
    margin-bottom: 10px;
}

#content-title_hr_lila2{ /*köszörűk*/
	border-bottom:3px solid;
    border-bottom-color: #825aa7;
    margin-bottom: 10px;
}

#content-title_hr_zold2{ /*szikraforgácsoló*/
	border-bottom:3px solid;
    border-bottom-color: #009e69;
    margin-bottom: 10px;
}

#content-title_hr_kek{ /*hagyományos gépek*/
	border-bottom:3px solid;
    border-bottom-color:  #119baf;
    margin-bottom: 10px;
}

#content-title_hr_kek3{ /*acélszerkezet megmunkáló gépek*/
	border-bottom:3px solid;
    border-bottom-color:  #445dcf;
    margin-bottom: 10px;
}

#content-title_hr_szurke3{ /*oktatási gépek*/
	border-bottom:3px solid;
    border-bottom-color:  #2a3f58;
    margin-bottom: 10px;
}

#content-title_hr_bordo2{ /*felújított gépek*/
	border-bottom:3px solid;
    border-bottom-color:  #aa396b;
    margin-bottom: 10px;
}

#content-title_hr_sarga{ /*kiegészítők*/
	border-bottom:3px solid;
    border-bottom-color:  #d0743d;
    margin-bottom: 10px;
}


#content-title_hr_kek2{ /*EV*/
	border-bottom:3px solid;
    border-bottom-color:  #10899c;
    margin-bottom: 10px;
}

#content-title_hr_narancs2{ /*forgácsolás*/
	border-bottom:3px solid;
    border-bottom-color:  #b7742c;
    margin-bottom: 10px;
}


#content-title2{
	/*font-size:5.8em;*/
	font-size:3.5em;
    font-weight:200;
	color:#7f51a1;
	line-height:50px;
	border-bottom:3px solid;
    border-bottom-color: #aa3951;
	/*background:url(../images/ksor.png) repeat bottom left;*/
	/*margin:0 5px 10px 5px;*/
	padding-left:30px;
	text-align:left;
	text-transform:uppercase;
}

#content-title-machine{
	/*font-size:5.8em;*/
	font-size:3.5em;
    font-weight:200;
	color:#000;
	line-height:50px;
    border-bottom:3px solid;
	border-bottom-color: #7f51a1;
	margin:0 5px 10px 5px;
	padding-left:30px;
	text-align:left;
	/*text-transform:uppercase;*/
}

#content-title-machine_lila{  /*cnc eszterga*/
	/*font-size:5.8em;*/
	font-size:3.5em;
    font-weight:200;
	color:#000;
	line-height:50px;
    border-bottom:3px solid;
	border-bottom-color: #4c4480;
	margin:0 5px 20px 5px;
	padding-left: 2px;
	text-align:left;
	/*text-transform:uppercase;*/
}

#content-title-machine_zold{  /*cnc marók*/
	/*font-size:5.8em;*/
	font-size:3.5em;
    font-weight:200;
	color:#000;
	line-height:50px;
    border-bottom:3px solid;
	border-bottom-color: #187973;
	margin:0 5px 20px 5px;
	padding-left: 2px;
	text-align:left;
	/*text-transform:uppercase;*/
}

#content-title-machine_zold2{  /*szikraforgácsolók*/
	/*font-size:5.8em;*/
	font-size:3.5em;
    font-weight:200;
	color:#000;
	line-height:50px;
    border-bottom:3px solid;
	border-bottom-color: #009e69;
	margin:0 5px 20px 5px;
	padding-left: 2px;
	text-align:left;
	/*text-transform:uppercase;*/
}

#content-title-machine_lila2{  /*köszörűk*/
	/*font-size:5.8em;*/
	font-size:3.5em;
    font-weight:200;
	color:#000;
	line-height:50px;
    border-bottom:3px solid;
	border-bottom-color: #825aa7;
	margin:0 5px 20px 5px;
	padding-left: 2px;
	text-align:left;
	/*text-transform:uppercase;*/
}

#content-title-machine_kek{  /*hagyományos gépek*/
	/*font-size:5.8em;*/
	font-size:3.5em;
    font-weight:200;
	color:#000;
	line-height:50px;
    border-bottom:3px solid;
	border-bottom-color: #119baf;
	margin:0 5px 20px 5px;
	padding-left: 2px;
	text-align:left;
	/*text-transform:uppercase;*/
}

#content-title-machine_szurke3{  /*oktatási gépek*/
	/*font-size:5.8em;*/
	font-size:3.5em;
    font-weight:200;
	color:#000;
	line-height:50px;
    border-bottom:3px solid;
	border-bottom-color: #2a3f58;
	margin:0 5px 20px 5px;
	padding-left: 2px;
	text-align:left;
	/*text-transform:uppercase;*/
}


#content-title-machine_kek2{  /*szerkezet megmunkáló gépek*/
	/*font-size:5.8em;*/
	font-size:3.5em;
    font-weight:200;
	color:#000;
	line-height:50px;
    border-bottom:3px solid;
	border-bottom-color: #445dcf;
	margin:0 5px 20px 5px;
	padding-left: 2px;
	text-align:left;
	/*text-transform:uppercase;*/
}

.content-sub-title{
	color:#000;
}
.content-img{
	padding-bottom:20px;
	max-width:100%;
}
#sidebar a:hover{
	text-decoration:none;
}
.break{
	width:100%;
	height:1px;
	display:block;
	clear:both;
	margin:10px 0;
}
.one-half,
.one-third,
.two-thirds,
.one-fourth,
.three-fourths{
	/*margin:0 4% 20px 0;*/
	margin:0 1% 20px 0;
    float:left;
	position:relative;
}
.one-half h2,
.one-third h2,
.two-thirds h2,
.one-fourth h2,
.three-fourths h2,
.one-half h3,
.one-third h3,
.two-thirds h3,
.one-fourth h3,
.three-fourths h3{
	color:#000;
}
.one-{
	width:100%;
}
.one-half{
	width:48%;
}
.one-third{
	/*width:30.66%;*/
    width:32.66%;
}
.two-thirds{
	width:65%;
}
.one-fourth{
	/*width:22%;*/    
	width:24.21%;
}
.three-fourths{
	width:74%;
}
.quote,
.quote-w,
.lb-quote{
	background:url(../images/quote.png) no-repeat top left;
	padding:10px 0 30px 50px;
	font-size:1.8em;
	font-style:italic;
}
.quote-w{
	background:url(../images/quote-w.png) no-repeat top left;
}
.quote-author{
	text-align:right;
	color:#7d7d7d;
}
.quote-bg1,
.testimonial-1{
	padding:20px 20px 0 20px;
	margin-bottom:10px;
	color:#fff;
}
.no-text-dec{
	text-decoration:none;
}
article ul{
	padding:0 0 20px 20px;
	font-size:1.4em;
}
article ul li{
	padding:5px 0;
}
.section-title{
	font-size:4.8em;
	letter-spacing:-0.03em;
	color:#000;
	padding:10px 0 !important;
	margin-left:30px;
	text-transform:uppercase;
	font-weight:200;
}
.enlarge{
	width:100%;
	height:100%;
	background:url(../images/bloglistbg.png) repeat;
	position:absolute;
	top:0;
	left:0;
	transition:opacity 0.3s;
	-moz-transition:opacity 0.3s;
	-webkit-transition:opacity 0.3s;
	-o-transition:opacity 0.3s;
	opacity:0;
	filter:alpha(opacity=0);	
}
.enlargeicon{
	background:url(../images/enlarge.png) no-repeat center;
	width:100%;
	height:100%;
}
.enlarge:hover{
	opacity:1;
	filter:alpha(opacity=100);
}
/*--------------------------Toggle and Accordion------------------------*/
.toggle-button,
.ac-tab{
	width:100%;
	display:block;
	color:#fff;
	font-size:1.4em;
	line-height:50px;
	text-indent:20px;
	transition:background 0.3s;
	-moz-transition:background 0.3s;
	-webkit-transition:background 0.3s;
	-o-transition:background 0.3s;
	margin-top:10px;
}
.toggle-button:hover,
.ac-tab:hover{
	background-color:#eee;
	cursor:pointer;
}

.toggle-button2,
.ac-tab2{
	width:100%;
	display:block;
	color:#fff;
	font-size:1.4em;
	line-height:50px;
	text-indent:20px;
	background: #10899c;
    background-image: -webkit-linear-gradient(top, #10899c, #119baf);
    background-image: -moz-linear-gradient(top, #10899c, #119baf);
    background-image: -ms-linear-gradient(top, #10899c, #119baf);
    background-image: -o-linear-gradient(top, #10899c, #119baf);
    background-image: linear-gradient(to bottom, #10899c, #119baf);
    transition:background 0.3s;
	-moz-transition:background 0.3s;
	-webkit-transition:background 0.3s;
	-o-transition:background 0.3s;
	margin-top:10px;
}
.toggle-button2:hover,
.ac-tab2:hover{
	background: #119baf;
    background-image: -webkit-linear-gradient(top, #119baf, #10899c);
    background-image: -moz-linear-gradient(top, #119baf, #10899c);
    background-image: -ms-linear-gradient(top, #119baf, #10899c);
    background-image: -o-linear-gradient(top, #119baf, #10899c);
    background-image: linear-gradient(to bottom, #119baf, #10899c);
	cursor:pointer;
}

.fvonal {
    border-left: 2px solid;
}


.mainpage .toggle-button{
	height:20px;
	line-height:normal;
	text-align:center;
	margin-top:0;
	margin-bottom:10px;
}

.mainpage2 .toggle-button{
	height:20px;
	line-height:normal;
	text-align:center;
	margin-top:0;
	margin-bottom:10px;
}

/*Új 2014.02.17*/
.toggle-content li {
	font-size:1.4em;
	list-style-type:initial;
	padding-bottom:0px;
    margin-left: 10px;
}

.toggle-content p {
	font-size:1.4em;
	list-style-type:initial;
	padding-bottom:0px;
}

.toggle-content2 p {
	font-size:1.4em;
	list-style-type:initial;
	padding-bottom:0px;
}

.toggle-content{
	display:block;
}
.mainpage .toggle-content{
	margin-top:10px;
}

.mainpage2 .toggle-content{
	margin-top:10px;
}

#content .toggle-content{
	border:1px solid #f7f7f7;
	border-top:0;
	/*padding:20px 20px 0 20px;*/
	padding:10px 20px 10px 30px
}
.toggle-indicator{
	float:right;
	margin-right:20px;
}
.mainpage .toggle-indicator{
	float:none;
}

.mainpage2 .toggle-indicator{
	float:none;
}

.close{
	display:none;
}
.table-details{
	display:none;
	/*padding:20px 40px;*/
	font-size:0.857em;
    /*padding:20px 40px !important;*/
    padding:20px 20px !important;
	margin:0 5% !important;

}

.table-details2{
	/*display:none;*/
	/*padding:20px 40px;*/
	font-size:0.857em;
    /*padding:20px 40px !important;*/
    padding:10px 0px 10px 0px !important;
	margin:0 5% !important;

}

/*---------------------------------Buttons------------------------------*/
span.button-met{
	/*padding:2px 10px;*/
	padding:10px 20px;
	font-weight:bold;
	text-transform:lowercase;
	/*font-size:12px;*/
    font-size:14px;
	transition:background-color 0.5s, color 0.5s;
	-moz-transition:background-color 0.5s, color 0.5s;
	-webkit-transition:background-color 0.5s, color 0.5s;
	-o-transition:background-color 0.5s, color 0.5s;
	text-decoration:none;
	display:inline-block;
}
span.button-met:hover{
	text-decoration:none;
}

span.button-met2{
	/*padding:2px 10px;*/
	padding:2px 10px;
	font-weight:bold;
	text-transform:lowercase;
	/*font-size:12px;*/
    font-size:14px;
	transition:background-color 0.5s, color 0.5s;
	-moz-transition:background-color 0.5s, color 0.5s;
	-webkit-transition:background-color 0.5s, color 0.5s;
	-o-transition:background-color 0.5s, color 0.5s;
	text-decoration:none;
	display:inline-block;
}
span.button-met2:hover{
	text-decoration:none;
}

span.dark{
	background:#000;
	color:#fff;
	border:3px solid #fff;
}
span.dark:hover{
	background:#fff;
	color:#000;
}
span.light{
	background:#fff;
	color:#000;
	border:3px solid #000;
}
span.light:hover{
	background:#000;
	color:#fff;
}

span.light-purple2{
	background:#fff;
	color:#7f51a1;
	border:3px solid #7f51a1;
}
span.light-purple2:hover{
	background:#7f51a1;
	color:#fff;
}

span.dark-blue{
	background:#19a2de;
	color:#fff;
	border:3px solid #fff;
}
span.dark-blue:hover{
	background:#fff;
	color:#19a2de;
}
span.dark-red{
	background:#e61400;
	color:#fff;
	border:3px solid #fff;
}
span.dark-red:hover{
	background:#fff;
	color:#e61400;
}
span.dark-green{
	background:#319a31;
	color:#fff;
	border:3px solid #fff;
}
span.dark-green:hover{
	background:#fff;
	color:#319a31;
}
span.dark-magenta{
	background:#ff0094;
	color:#fff;
	border:3px solid #fff;
}
span.dark-magenta:hover{
	background:#fff;
	color:#ff0094;
}
span.dark-purple{
	background:#a500ff;
	color:#fff;
	border:3px solid #fff;
}
span.dark-purple:hover{
	background:#fff;
	color:#a500ff;
}

span.dark-purple2{
	background:#7f51a1;
	color:#fff;
	border:3px solid #fff;
}
span.dark-purple2:hover{
	background:#fff;
	color:#7f51a1;
}

span.dark-teal{
	background:#00aaad;
	color:#fff;
	border:3px solid #fff;
}
span.dark-teal:hover{
	background:#fff;
	color:#00aaad;
}
span.dark-lime{
	background:#8cbe29;
	color:#fff;
	border:3px solid #fff;
}
span.dark-lime:hover{
	background:#fff;
	color:#8cbe29;
}
span.dark-brown{
	background:#9c5100;
	color:#fff;
	border:3px solid #fff;
}
span.dark-brown:hover{
	background:#fff;
	color:#9c5100;
}
span.dark-pink{
	background:#e671b5;
	color:#fff;
	border:3px solid #fff;
}
span.dark-pink:hover{
	background:#fff;
	color:#e671b5;
}
span.dark-mango{
	background:#ef9608;
	color:#fff;
	border:3px solid #fff;
}
span.dark-mango:hover{
	background:#fff;
	color:#ef9608;
}

span.dark-lila{
	background:#4c4480;
	color:#fff;
}

span.dark-lila a {
    color:#fff; 
}

span.dark-lila:hover{
	background:#fff;
	color:#4c4480;
}

span.dark-lila a:hover {
    color:#4c4480; 
}

span.dark-zold{
	background:#187973;
	color:#fff;
}

span.dark-zold a {
    color:#fff; 
}

span.dark-zold:hover{
	background:#fff;
	color:#187973;
}

span.dark-zold a:hover {
    color:#187973; 
}

span.dark-lila2{
	background:#825aa7;
	color:#fff;
}

span.dark-lila2 a {
    color:#fff; 
}

span.dark-lila2:hover{
	background:#fff;
	color:#825aa7;
}

span.dark-lila2 a:hover {
    color:#825aa7; 
}

span.dark-zold2{
	background:#009e69;
	color:#fff;
}

span.dark-zold2 a {
    color:#fff; 
}

span.dark-zold2:hover{
	background:#fff;
	color:#009e69;
}

span.dark-zold2 a:hover {
    color:#009e69;
}

span.dark-kek{
	background:#119baf;
	color:#fff;
}

span.dark-kek a {
    color:#fff; 
}

span.dark-kek:hover{
	background:#fff;
	color:#119baf;
}

span.dark-kek a:hover {
    color:#119baf;
}

span.dark-szurke3{
	background:#2a3f58;
	color:#fff;
}

span.dark-szurke3 a {
    color:#fff; 
}

span.dark-szurke3:hover{
	background:#fff;
	color:#2a3f58;
}

span.dark-szurke3 a:hover {
    color:#2a3f58;
}


span.dark-bordo2{
	background:#aa396b;
	color:#fff;
}

span.dark-bordo2 a {
    color:#fff; 
}


span.dark-bordo2:hover{
	background:#fff;
	color:#aa396b;
}

span.dark-bordo2 a:hover {
    color:#aa396b;
}

span.dark-sarga{
	background:#d0743d;
	color:#fff;
}

span.dark-sarga a {
    color:#fff; 
}


span.dark-sarga:hover{
	background:#fff;
	color:#d0743d;
}

span.dark-sarga a:hover {
    color:#d0743d;
}





span.light-blue{
	background:#19a2de;
	color:#000;
	border:3px solid #000;
}
span.light-blue:hover{
	background:#000;
	color:#19a2de;
}
span.light-red{
	background:#e61400;
	color:#000;
	border:3px solid #000;
}
span.light-red:hover{
	background:#000;
	color:#e61400;
}
span.light-green{
	background:#319a31;
	color:#000;
	border:3px solid #000;
}
span.light-green:hover{
	background:#000;
	color:#319a31;
}
span.light-magenta{
	background:#ff0094;
	color:#000;
	border:3px solid #000;
}
span.light-magenta:hover{
	background:#000;
	color:#ff0094;
}
span.light-purple{
	background:#a500ff;
	color:#000;
	border:3px solid #000;
}
span.light-purple:hover{
	background:#000;
	color:#a500ff;
}
span.light-teal{
	background:#00aaad;
	color:#000;
	border:3px solid #000;
}
span.light-teal:hover{
	background:#000;
	color:#00aaad;
}
span.light-lime{
	background:#8cbe29;
	color:#000;
	border:3px solid #000;
}
span.light-lime:hover{
	background:#000;
	color:#8cbe29;
}
span.light-brown{
	background:#9c5100;
	color:#000;
	border:3px solid #000;
}
span.light-brown:hover{
	background:#000;
	color:#9c5100;
}
span.light-pink{
	background:#e671b5;
	color:#000;
	border:3px solid #000;
}
span.light-pink:hover{
	background:#000;
	color:#e671b5;
}
span.light-mango{
	background:#ef9608;
	color:#000;
	border:3px solid #000;
}
span.light-mango:hover{
	background:#000;
	color:#ef9608;
}

/*-----------------------------------Tabs--------------------------------*/
.orgTab ul{
	list-style:none;
}
.orgTab .tab-nav{
	overflow: hidden; 
	margin:0;
	font-size:1.4em;
}
.orgTab .tab-nav li{
	width: auto;
	margin: 0 5px 0 0;
	padding:0;
	float:left;
	list-style:none;
}
.orgTab .tab-nav li.last{
	margin-right: 0;
}
.orgTab .tab-nav li a{
	display: block; 
	padding: 5px 20px; 
	text-align: center; 
	border: 0; 
}
.orgTab .tab-nav li a:hover{
	background-color: #ccc;
	color:#fff;
}
#content .orgTab .tab-nav li a:hover{
	text-decoration:none;
}
.list-wrap{
	background-color:#eee;
}
.list-wrap .p-tab p{
	padding:0 20px 20px 20px;
}
.list-wrap .p-tab p:first-child{
	padding:20px;
}
.list-wrap .list-item-tab ul li{
	list-style:square;
	margin-left:35px;
	padding-left:0;
}
.list-wrap .list-item-tab ul li:first-child{
	padding-top:20px;
}
.list-wrap .list-item-tab ul li:last-child{
	padding-bottom:20px;
}
.list-wrap .link-tab li:first-child{
	padding-top:20px;
}
.list-wrap .link-tab li:last-child{
	padding-bottom:20px;
}
.list-wrap ul li{
	font-size:1.2em;
	padding:5px 20px;
}
.list-wrap ul li a{
	color:#fff;
}
.orgTab .current{
	background-color:#eee;
	font-weight:bold;
}
.hide {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
/*-------------------------Paragraph Highlights-----------------------------*/
.hl1{
	border-left:3px solid;
	padding:0 0 0 20px;
	margin:20px 0;
}
.hl2{
    font-size:1.8em;
	color:#fff;
    padding-left: 20px;
	padding-top:10px;
    padding-bottom: 10px;

}
.hl3{
	border-right:3px solid;
	padding:0 20px 0 0;
	margin:20px 0;
}
div.hl1{
	
}
div.hl2{
	padding:10px 20px 0 20px;
}
div.hl3{
	
}
/*---------------------------Information Boxes-------------------------------*/
.infobox-msg{
	padding-left:40px;
	font-size:1.2em;
}
.infobox-red{
	background:url(../images/info-red.png) no-repeat #cc0033;
}
.infobox-red .infobox-msg{
	color:#fff;
}
.infobox-yellow{
	background:url(../images/info-yellow.png) no-repeat #ffff66;
}
.infobox-yellow .infobox-msg{
	color:#505020;
}
.infobox-green{
	background:url(../images/info-green.png) no-repeat #c4fc1e;
}
.infobox-green .infobox-msg{
	color:#3d4f09;
}
.infobox-blue{
	background:url(../images/info-blue.png) no-repeat #1300cc;
}
.infobox-blue .infobox-msg{
	color:#fff;
}
.infobox-red,
.infobox-yellow,
.infobox-green,
.infobox-blue{
	background-position:5px 5px;
	padding:20px;
	margin:0 0 20px 0;
}
/*-----------------------------------Tables---------------------------------*/
.table{
	width:100%;
	display:block;
}
.table h2{
	padding-bottom:20px;
}
.table-content{
	margin-top:10px;
   	width:100%;

}
.one-half .table-content{
	width:80%;
	display:block;
	font-size:1.2em;
}
.one-half .table-content{
	float:right;
}
.last .table-content{
	float:left;
}
.one-third .table-content{
	width:100%;
	display:block;
	font-size:1.2em;
}
.table-title{
	/*font-size:1.6em;
	padding:20px 0;*/
	font-size:1.2em;
	/*padding:20px 0;*/
	padding:10px 0;
	text-align:center;
	display:block;
	color:#fff;
}

.table-title2{
	/*font-size:1.6em;
	padding:20px 0;*/
	font-size:2.4em;
	/*padding:20px 0;*/
	padding:10px 0;
	text-align:center;
	display:block;
	color:#fff;
}

.table-price{
	/*padding:60px 0;*/
	padding:5px 0;    
	text-align:center;
	/* background:#eee;*/
    border: 1px solid #eee;
}

.hatterg{
    width: 100%; /* or whatever is required */
    text-align: center; /* ensures the image is always in the h-middle */
    overflow: hidden; /* hide the cropped portion; */
    background-image: url('https://old.nct.hu/images/gepek/hatter.jpg/');
}

.price-pre{
	font-size:24px;    
	line-height:24px;
	position:absolute;
	left:-10px;
	top:6px;
}
.price{
	font-size:8.4em;
	line-height:80px;
	color:#000;
	position:relative;
	display:inline-block;
	font-weight:100;
}
.price-post{
	font-size:16px;
	line-height:16px;
	position:absolute;
	bottom:0;
}
.priceimage {
    /*width: 90%;*/
    max-width: 100%;
    
}
.table-info ul{
	list-style:none;
	/*font-size:1.4em;*/
	font-size:1.2em;
	background:#ddd;
	padding:0;

}
.table-info ul li{
	/*padding:10px 0 10px 20%;*/
	/*padding:3px 0 3px 40px;*/
    /*padding:3px 0 3px 20px;*/
	/*padding:3px 0 3px 10px;*/
    padding:5px 0 5px 0px;
    margin:0 5%;
	border-bottom:1px solid;
}
.table-info ul li:last-child{
	border:none;
	padding-bottom:20px;
}

.table-info2 ul li a:hover {
    font-weight: bold;
}

.table-info2 ul{
	list-style:none;
	/*font-size:1.4em;*/
	font-size:1.2em;
	background:#ddd;
	padding:0;

}
.table-info2 ul li{
	/*padding:10px 0 10px 20%;*/
	/*padding:3px 0 3px 40px;*/
    /*padding:3px 0 3px 20px;*/
	/*padding:3px 0 3px 10px;*/
    padding:5px 0 5px 0px;
    margin:0 5%;
	/*border-bottom:1px solid;*/
}
.table-info2 ul li:last-child{
	border:none;
	/*padding-bottom:20px;*/
    padding-bottom:5px;
}

.table-info2 ul li a:hover {
    font-weight: bold;
}


.hl-txt2{
	font-weight:bold;
}
#loader{
	background:url(../images/loader.gif) no-repeat center center rgba(0,0,0,0.5);
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9999;
	display:none;
}


/*----------------------------Mobile Version--------------------------------*/
@media all and (max-width:768px) {
.mainpage .toggle-button{
	height:40px;
}
.mainpage .toggle-indicator{
	font-size:2em;
	line-height:40px;
}
}
@media all and (max-width:640px) {
#content-title{
	margin-left:0;
	margin-right:0;
	/*font-size:2.2em;
    padding-top: 0px;
    line-height: 30px;*/
}

#content-title-machine{
	font-size:3em;
    padding-top: 0px;
    line-height: 40px;
}

.one-half,
.one-third,
.two-thirds,
.one-fourth,
.three-fourths{
	margin:0;
	float:none;
	display:block;
	width:100%;
}
.one-half .table-content{
	width:100%;
	margin-bottom:20px;
}
.one-third .table-content{
	margin-bottom:20px;
}
}

/*----------------------------------------------------------------------------
Content - Main Page Tiles
----------------------------------------------------------------------------*/
.live>div{
	position:absolute;
}
.live img{
	border:none;	
}
.live-front{
	width:100%;
	height:100%;
	z-index:20;
}
.live-back{
	width:100%;
	height:100%;
	z-index:10;
}
.live-img{
	display:block;
	height:100%;
	width:100%;
}
.tile{
	/*margin:0 5px 10px 5px;*/
	margin:0 1px 2px 1px;
    float:left;
	overflow:hidden;
	position:relative;
	transition: opacity 0.5s ease 0.1s;
	-moz-transition: opacity 0.5s ease 0.1s;
	-o-transition: opacity 0.5s ease 0.1s;
	-webkit-transition: opacity 0.5s ease 0.1s;
	/*transition: opacity 0.9s ease 0.1s;
	-moz-transition: opacity 0.9s ease 0.1s;
	-o-transition: opacity 0.9s ease 0.1s;
	-webkit-transition: opacity 0.9s ease 0.1s;*/
}
/*.tilehover{
	position:absolute;
	top:0;
	right:0;
	z-index:30;
	display:none;
}*/

/*.tile:hover{
	border:5px solid #404040;
	margin:-5px 0 0 0;
	box-shadow:0 0 5px 0 rgba(0,0,0,0.3);
	-moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.3);
	-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.3);
}*/

/*GROW*/
.grow img {
  height: 157px;
  width: 157px;
 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.grow img:hover {
  /*top: -30px;
  left: -20px;*/  
  width: 143px; /*143px;*/
  height: 143px;
}

.grow2 img {
  height: 157px;
  width: 317px;
 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.grow2 img:hover {
  /*top: -30px;
  left: -20px;*/  
  width: 303px; /*303px;*/
  height: 143px;
}

.grow3 img {
  height: 88px;
  width: 88px;
 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.grow3 img:hover {
  /*top: -30px;
  left: -20px;*/ 
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
   
/*  width: 80px; 
  height: 80px;*/
}

.exclude:hover{
	border:none;
	margin:0 5px 10px 5px;
}
a .tile:hover .tilehover{
	display:inline;
}
.tile-text{
	color:#fff;
	font-size:2.4em;
	bottom:5px;
	left:10px;
	position:absolute;
	z-index:30;
	text-align:left;
}
.large{
	width:317px;
	height:316px;
}
.medium{
	width:317px;
	height:157px;
}
.small{
	width:157px;
	height:157px;
}
.fade{
    /*opacity:0.5;*/
	opacity:0.7;
	/*filter:alpha(opacity=50);*/
    filter:alpha(opacity=70);
}
.tile-date{
	background:none;
	color:#7f7f7f;
	position:absolute;
	top:0;
	right:20px;
	z-index:99;
}
.tile-date .date{
	font-size:6em;
}
.tile-date .month{
	font-size:2em;
	position:absolute;
	top:70px;
	right:5px;
}
.tile-date .year{
	font-size:2em;
	position:absolute;
	top:95px;
	right:5px;
}
.tile-cat{
	position:absolute;
	bottom:0;
	left:0;
	/*font-size:2.4em;*/
	font-size:1.8em;
	color:#fff;
	z-index:99;
	/*text-align:left;*/
	text-align:center; 
    width: 100%;
    margin: 0px auto 0px;
    /*padding:0 10px;*/
    /*padding:10px 0px 0px;*/
	/*visibility:hidden;*/
    filter: alpha(opacity=90);
    /* IE */
    -moz-opacity: 0.9;
    /* Mozilla */
    opacity: 0.9;
}

.tile-cat2{
	position:absolute;
	bottom:0;
	left:0;
	/*font-size:2.4em;*/
	font-size:1.8em;
	color:#fff;
	z-index:99;
	/*text-align:left;*/
	text-align:center; 
    width: 100%;
    margin: 0px auto 10px;
    /*padding:0 10px;*/
    /*padding:10px 0px 0px;*/
	/*visibility:hidden;*/
}

.tile-cat3{
	position:absolute;
	bottom:0;
	left:0;
	/*font-size:2.4em;*/
	font-size:1.8em;
	color:#fff;
	z-index:99;
	/*text-align:left;*/
	text-align:center; 
    width: 100%;
    margin: 0px auto 0px;
    /*padding:0 10px;*/
    /*padding:10px 0px 0px;*/
	/*visibility:hidden;*/
    filter: alpha(opacity=90);
    /* IE */
    -moz-opacity: 0.9;
    /* Mozilla */
    opacity: 0.9;
}

.tile:hover .tile-cat{
	visibility:visible;
}

/*.tile img {
    padding-top: 5px;
}*/

.bloglist .tile-cat{
	visibility:visible;
}
#tweeter{
	font-size:1.2em;
	color:#fff;
	text-align:left;
	margin:10px 20px 0 20px;
}
#tweeter a{
	color:#fff;
	text-decoration:underline;
}
#tweeter a:hover{
	text-decoration:none;
}
#tweeter li{
	margin:0 0 10px 10px;
	list-style:square ;
}
.tweeter{
	margin-left:10px;
}
#mainpage-mos{
	padding:0;
	/*margin:0;*/
    	/*margin:0 -5px;*/
	position:relative;
}

#mainpage-mos2{
	padding:0;
	/*margin:0;*/
    	/*margin:0 -5px;*/
	position:relative;
    margin-top: 250px;
}

/*----------------------------------------------------------------------------
Content - Bloglist and Portfoliolist(Left)
----------------------------------------------------------------------------*/
#bloglist-left,
#portfoliolist-left{
	/*width:630px;*/
    width:100%;
    float:left;
	margin-left:5px;
	/*position:relative;*/
	padding-bottom:63px;
}
#portfoliolist-left #filter{
	margin-left:0px;
}
#content .bloglist a:hover,
#content .portfoliolist a:hover{
	text-decoration:none;
}
.bloglist,
.portfoliolist{
	/*width:461px;*/
    width: 48%;
	height:150px;
    float:left;
    margin-left: 7px;
    margin-right:7px;
    margin-bottom:10px;
	position:relative;
	overflow:hidden;
}
.bloglist:hover,
.portfoliolist:hover{
	border:5px solid #404040;
	margin-right:2px;
    margin-left:2px;
	margin-top:-5px;
	margin-bottom:5px;
}
.bl-posttitle,
.pl-projecttitle{
	width:100%;
	height:100%;
	position:absolute;
	background:url(../images/bloglistbg.png) repeat;
	display:table;
	transition:opacity 0.3s;
	-moz-transition:opacity 0.3s;
	-webkit-transition:opacity 0.3s;
	-o-transition:opacity 0.3s;
	opacity:0;
	filter:alpha(opacity=0);
}
.bloglist:hover .bl-posttitle{
	opacity:1.0;
	filter:alpha(opacity=100);
}
.portfoliolist:hover .pl-projecttitle{
	opacity:1.0;
	filter:alpha(opacity=100);
}
.bl-title,
.pl-title{
	font-size:1.4em;
	color:#000;
	display:table-cell;
	vertical-align:middle;
}
.bloglist-img{
	float:right;
}
.pagination{
	position:absolute;
	bottom:0;
	width:100%;
	display:block;
	margin:20px 0;
	font-size:1.4em;
}
#content .pagination a:hover{
	text-decoration:none;
}
.pages{
	float:right;
	height:30px;
	background-color:#fff;
	line-height:30px;
	padding:0 10px;
}
.pagination .current,
.page,
.nextpagelink{
	float:left;
	height:30px;
	width:30px;
	line-height:30px;
	margin-right:3px;
	background-color:#fff;
	border-bottom:3px solid;
	transition:background 0.3s;
	-moz-transition:background 0.3s;
	-webkit-transition:background 0.3s;
	-o-transition:background 0.3s;
}
.pagination .current{
	font-weight:bold;
	color:#fff;
	border-bottom:3px solid #fff;
}
.page:hover,
.nextpagelink:hover{
	background-color:#404040;
	font-weight:bold;
}
.ajax-pagination{
	position:relative;
	margin:0;
	width:100%;
	display:block;
}
.ajax-pagination .page-numbers{
	display:none;
}
.ajax-pagination .next,
.ajax-pagination .prev{
	display:block;
	margin:0;
	border:0;
	background: url(../images/bg_direction_nav.png) no-repeat 0 0;
	height:40px;
	width:30px;
	opacity:0.6;
	transition:0.3s opacity;
	z-index:1000;
	-moz-transition:0.3s opacity;
	-webkit-transition:0.3s opacity;
	-o-transition:0.3s opacity;
	position:absolute;
}
.ajax-pagination .next{
	float:right;
	background-position:100% 0;
	right:-36px;
}
.ajax-pagination .prev{
	float:left;
	left:-36px;
}
.ajax-pagination .next:hover,
.ajax-pagination .prev:hover{
	opacity:1;
}
#mainpage-mos .ajax-pagination{
	position:absolute;
	top:40%;
	visibility:hidden;
}
#mainpage-mos:hover .ajax-pagination{
	visibility:visible;
}
#mainpage-mos:hover .ajax-pagination .next{
	right:10px;
}
#mainpage-mos:hover .ajax-pagination .prev{
	left:10px;
}

/*----------------------------Mobile Version--------------------------------*/
@media all and (max-width:970px) {
#bloglist-left,
#portfoliolist-left{
	/*width:65.6%;*/
    width:100%
}
.bloglist,
.portfoliolist{
	/*width:461px;*/
    width: 47%;
	height:150px;
    float:left;
    margin-left: 7px;
    margin-right:7px;
    margin-bottom:10px;
	position:relative;
	overflow:hidden;
}
.bloglist:hover,
.portfoliolist:hover{
	border:5px solid #404040;
	margin-right:2px;
    margin-left:2px;
	margin-top:-5px;
	margin-bottom:5px;
}

}
@media all and (max-width:640px) {
#bloglist-left,
#portfoliolist-left{
	float:none;
	width:100%;
	margin-right:10px;
	margin-left:0;
}

.bloglist,
.portfoliolist{
	/*width:461px;*/
    width: 100%;
	height:150px;
    float:left;
    margin-left: 7px;
    margin-right:7px;
    margin-bottom:10px;
	position:relative;
	overflow:hidden;
}
.bloglist:hover,
.portfoliolist:hover{
	border:5px solid #404040;
	margin-right:2px;
    margin-left:2px;
	margin-top:-5px;
	margin-bottom:5px;
}


}
/*----------------------------------------------------------------------------
Content - Blog and Portfolio Tile (Left)
----------------------------------------------------------------------------*/
#portfoliotile-left,
#blogtile-left{
	width:640px;
	float:left;
	position:relative;
	padding-bottom:60px;
}
#content #blogtile-left .tile a:hover,
#content #portfoliotile-left .tile a:hover{
	text-decoration:none;
}
#filter{
	margin:10px 0 20px 5px;
}
ul#port-filter{
	float:left;
	font-size:1.4em;
	list-style:none;
	margin-left:0;
	width:100%;
}
ul#port-filter li{
	float:left;
	line-height:30px;
	font-size:1.2em;
	padding:0 10px;
	margin-right:10px;
	background-color:#fff;
	transition:background 0.3s;
	-moz-transition:background 0.3s;
	-webkit-transition:background 0.3s;
	-o-transition:background 0.3s;
}
ul#port-filter li:hover{
	background-color:#404040;
}
ul#port-filter li:last-child{
	margin-right:0;
}
#content ul#port-filter a:hover{
	text-decoration:none;
}
ul#port-filter li.filter-current{
	color:#fff;
}
li.filter-current a{
	color:#fff;
}
#portfolio,
#blogs{
	text-align:center;
	display:inline-block;
}
#portfolio .tile,
#blogs .tile{
	border-width:0;
	position:relative;
}
#portfolio .tile:hover,
#blogs .tile:hover{
	border:5px solid #404040;
	margin:-5px 0 5px 0;
}
#portfolio .fade,
#blogs .fade{
	opacity:1.0;
	filter:alpha(opacity=100);
}
#portfolio .tile:hover  .pl-projecttitle,
#blogs .tile:hover .bl-posttitle{
	opacity:1.0;
	filter:alpha(opacity=100);
}
#blogs .large .tile-cat{
	visibility:visible;
}
#blogtile-left .pagination,
#portfoliotile-left .pagination{
	margin:20px 5px;
}
#blogtile-left .pagination .pages,
#portfoliotile-left .pagination .pages{
	margin-right:10px;
}
/*----------------------------Mobile Version--------------------------------*/
@media all and (max-width:970px) {
#portfoliotile-left,
#blogtile-left{
	width:67%;
}
#portfolio .tile,
#blogs .tile{
	float:none;
}
#portfolio .small{
	float:left;
}
}
@media all and (max-width:640px) {
#portfoliotile-left,
#blogtile-left{
	float:none;
	width:100%;
	margin-left:0;
}
#blogtile-left .pagination,
#portfoliotile-left .pagination{
	margin:20px 0;
}
#blogtile-left .pagination .pages,
#portfoliotile-left .pagination .pages{
	margin-right:0;
}
}
/*----------------------------------------------------------------------------
Content - Single Blog Post
----------------------------------------------------------------------------*/
#single{
	float:left;
	width:630px;
	text-align:left;
	margin-left:5px;
}

#single2{
	/*float:left;*/
	/*width:960px;*/
    width:1110px;
	text-align:left;
	margin-left:5px;
    margin: 0 auto;
}

#single h1,
#single h2,
#single h3,
#single h4,
#single h5{
	color:#000;
}
.post-meta{
	position:relative;
	margin-bottom:30px;
}
.post-meta-left{
	float:left;
	max-width:480px;
	display:block;
}
.sbp-article,
.spf-article{
	position:relative;
	background-color:#fff;
}
.sbp-title,
.spf-title{
	color:#000;
	padding:20px 0 0 30px;
	letter-spacing:-0.01em;
}
<strong></strong>.sbp-content,
.spf-content{
	color:#888;
	padding:20px 30px 10px 30px;
}
#authorinfo{
	background:#eee;
	color:#888;
	position:relative;
	padding-left:140px;
	min-height:120px;
}
#author-avatar{
	position:absolute;
	left:30px;
	top:30px;
}
.author{
	display:block;
	font-size:1.6em;
	padding:25px 0 10px 0;
}
#authorinfo p{
	display:block;
	padding:0 20px 20px 0;
}
/*----------------------------Mobile Version--------------------------------*/
@media all and (max-width:970px) {
#single{
	width:65.6%;
}
#single2{
	width:85%;
}

/*.hatter {
	height: 85%;
}*/

.hatter {
	display: none;
}

.hatter2 {
	display: none;
}

/*#mainpage-mos2{
	padding:0;
	/*margin:0;*/
    	/*margin:0 -5px;*/
/*	position:relative;
}*/

#mainpage-mos2{
	padding:0;
	/*margin:0;*/
    	/*margin:0 -5px;*/
	position:relative;
    margin-top: 0;
}



}
@media all and (max-width:640px) {
#single{
	float:none;
	width:100%;
	margin-right:10px;
	margin-left:0;
}

#single2{
	float:none;
	width:100%;
	margin-right:10px;
	margin-left:0;
}

.hatter {
	display: none;
}

.hatter2 {
	display: none;
}

.desktop {
    display: none;
}

.mobil {
    display: block;
}


#mainpage-mos2{
	padding:0;
	/*margin:0;*/
    	/*margin:0 -5px;*/
	position:relative;
    margin-top: 10px;
}

}
/*----------------------------------------------------------------------------
Content - Single Portfolio Item
----------------------------------------------------------------------------*/
.sgportfolio-img{
	display:block;
	margin-bottom:30px;
	position:relative;
}
.portfolio-fullimg{
	max-width:100%;
	display:block;
}
.spf-title{
	padding-top:0;
}
.portfolio-details p{
	padding-bottom:0;
}
/*----------------------------------------------------------------------------
Content - Page (General)
----------------------------------------------------------------------------*/
#page{
	/*margin:0 5px;*/
    /*margin:0 0px;*/
    background-color:#fff;
	text-align:left;
}
#page h1,
#page h2,
#page h3{
	/*padding:10px 0;*/
}
#page-img{
	max-width:100%;
	position:relative;
}

#page-img2{
	max-width:75%;
	position:relative;
    margin: auto auto;
}

#pg-content{
	/*padding:10px 7px;*/
    margin: 0 auto;
	margin-bottom:10px;
	position:relative;
}

.highlights{
	max-width:100%;
}
.highlights-txt{
	max-width:100%;
	padding:10px 0;
}
.mainpage{
	margin:0 5px;
	text-align:left;
	overflow:hidden;
}

.mainpage2 {
	margin:0 2px 0 1px;
	text-align:left;
	overflow:hidden;
}

.fixed-medium{
	max-width:310px;
	margin-right:10px;
	background:#fff;
	color:#888;
	float:left;
	position:relative;
	margin-bottom:20px;
}
.fixed-medium:after{
	clear:both;
	display:block;
	content:" ";
}
.fixed-medium h2{
	padding:10px 0;
	color:#000;
}
.fixed-medium h2,
.fixed-medium p{
	padding-left:20px;
	padding-right:20px;
}
.feature-text{
	width:80%;
	padding-top:20%;
	margin:0 auto;
}
.features-img{
	max-width:100%;
	display:block;
}
.no-bottom{
	margin-bottom:0px;
}
/*----------------------------Mobile Version--------------------------------*/
@media all and (max-width:970px) {
.mainpage{
	width:100%;
	margin:0;
}
.fixed-medium{
	float:none;
	max-width:100%;
}
.highlights{
	float:left;
}
.highlights-txt{
	float:left;
	width:50%;
}
}
@media all and (max-width:640px) {
#page{
	width:100%;
	margin-left:0;
}
.fixed-medium{
	max-width:310px;
	margin-left:auto;
	margin-right:auto;
}
.highlights{
	float:none;
}
.highlights-txt{
	float:none;
	width:100%;
}
.feature-text{
	padding-top:0;
}
}
/*----------------------------------------------------------------------------
Content - About Page
----------------------------------------------------------------------------*/
#content a.no-text-dec:hover{
	text-decoration:none;
}
#page-excerpt{
	background:rgba(255,255,255,0.9);
	width:600px;
	padding:25px 30px;
	color:#666;
	font-size:2em;
	position:absolute;
	top:-200px;
	left:30px;
}
#about-container{
	width:100%;
	display:block;
	margin-bottom:30px;
}
#about-container a{
	display:inline-block;
	/*width:215px;*/
    width:430px;
	margin:0 7px 10px 0;
}
#about-container a.last{
	margin-right:0;
}
.about-person{
	/*width:175px;*/
    width:390px;
	display:inline-block;
	padding:20px;
	background-color:#eee;
	text-align:center;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
}
.about-person:hover{
	background:#404040;
	color:#fff;
}
#page .about-person h3{
	text-transform:uppercase;
	padding-bottom:0;
}
.about-person p{
	opacity:0.6;
	filter:alpha(opacity=60);
	padding-bottom:10px;
}
.about-portrait{
	max-width:100%;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-border-radius:50%;
}
#about-testimonial{
	margin-bottom:20px;
}
.page-sub-title{
	/*padding:25px 0;*/
	padding:20px 0;
}
.page-sub-title h1{
	/*font-size:4.8em;*/
	letter-spacing:-0.03em;
	line-height:10px;
	color:#000;
	display:inline;
	padding:0 !important;
	text-transform:uppercase;
	font-weight:200;
    padding-left: 5px;
    
}
.page-sub-title .tagline{
	display:inline-block;
	font-size:1.2em;
	padding-left:20px;
	vertical-align:top;
}
.testimonial-1{
	position:relative;
}
.testimonial-s-left{
	background-color:#eee;
	/*width:290px;*/
	width:415px;
	min-height:200px;
	margin-right:5px;
	/*margin-right:5px;
    margin-left: 5px;*/
    position:relative;
	float:left;
}

.testimonial-s-right{
	background-color:#eee;
	/*width:290px;*/
	width:475px;
	min-height:200px;
	margin-left:5px;
	/*margin-right:5px;
    margin-left: 5px;*/
    position:relative;
	float:left;
}

.testimonial-s-left, .testimonial-s-right  p{
	padding:30px 30px 30px 30px;
}
.testimonial-author{
	display:block;
	font-size:1.4em;
	color:#fff;
	opacity:0.7;
	filter:alpha(opacity=70);
	position:absolute;
	bottom:20px;
	right:30px;
}
/*----------------------------Mobile Version--------------------------------*/
@media all and (max-width:970px) {
.about-person{
	width:81.8%;
	padding:9.1%;
}
#about-container a{
	width:23.15%;
	margin:0 0.7% 1% 0;
}
.testimonial-s-left, .testimonial-s-right {
	/*width:32.2%;*/
    width: 370px;
}
#page-excerpt{
	width:500px;
}
}

@media all and (max-width:640px) {
#about-container a{
	width:100%;
	margin-bottom:10px;
}
.testimonial-s-left, .testimonial-s-right {
	width:100%;
	float:none;
	min-height:0;
	margin-bottom:10px;
    margin-left:0;
    margin-right: 0;
}
}

/*----------------------------------------------------------------------------
Content - Contact Page
----------------------------------------------------------------------------*/
#contact-location{
/*	position:absolute;
	top:30px;
	right:30px;*/
    margin-top: -20px;
}
#contact-location .location{
	color:#000;
    background:rgba(255,255,255,0.9);
	position:relative;
	/*padding:5px 10px 10px 0px;*/
	margin-bottom:0px;
	font-size:1.5em;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
}
.location h5{
	font-weight:600;
}
#contact-location .location:hover{
	background:#fff;
}
.gmap{
	background:url(../images/gmap.png) no-repeat center;
	opacity:0.5;
	filter:alpha(opacity=50);
	cursor:pointer;
	width:40px;
	height:40px;
	display:block;
	position:absolute;
	right:20px;
	bottom:20px;
}
.gmap:hover{
	opacity:1;
	filter:alpha(opacity=100);
}
.contact-form-sender input,
.contact-form-email input,
.contact-form-subject input,
.contact-form-content textarea{
	background-color:#eee;
	color:#888;
	padding:5px 0;
	font:inherit;
	width:100%;
	text-indent:5px;
    height: 30px;
}
.contact-form-content textarea{
	height:150px;
}

#reg select{
    background-color:#eee;
	color:#000; /*color:#888;*/ 
	padding:5px 0;
	font:inherit;
	/*width:85%;*/
	text-indent:5px;
}

#consubmit{
	background:none;
	font:inherit;
	color:inherit;
	cursor:pointer;
}
#contact-fb,
#contact-be,
#contact-tw,
#contact-gp{
	width:80px;
	height:80px;
	margin:0 10px 10px 0;
	background:url(../images/social.png) no-repeat;
	float:left;
	transition:background 0.3s;
	-moz-transition:background 0.3s;
	-webkit-transition:background 0.3s;
	-o-transition:background 0.3s;
}
#contact-fb{
	background-position:-80px -80px;
}
#contact-be{
	background-position:-80px 0;
}
#contact-tw{
	background-position:-80px -240px;
}
#contact-gp{
	background-position:-80px -160px;
}
#contact-fb:hover{
	background-position:0 -80px;
}
#contact-be:hover{
	background-position:0 0;
}
#contact-tw:hover{
	background-position:0 -240px;
}
#contact-gp:hover{
	background-position:0 -160px;
}

/*----------------------------------------------------------------------------
Tile Preview (Lightbox)
----------------------------------------------------------------------------*/
.tile-pre{
	display:none;
}
.lb-article,
.lb-portfolio{
	width:640px;  /* 640px*/
}
.lb-quote{
	color:#000;
	margin:50px 20px 20px 20px;
}
.lb-title,
.lb-project{
	color:#000;
	padding:25px 0 0 30px;
}

.lb-title2 {
	color:#000;
	/*padding:25px 0 0 30px;*/
}

/*.lb-title3 {
	color:#000;
    padding:25px 20px 0 30px;
    margin: ;
    border-bottom: solid #000;
}*/

.lb-hr-lila {
    /*padding:25px 20px 0 30px;*/
    margin: -10px 0 5px 0;
    border-bottom: solid #4c4480;
}

.lb-hr-kek {
    /*padding:25px 20px 0 30px;*/
    margin: -10px 0 5px 0;
    border-bottom: solid #119baf;
}

.lb-title a,
.lb-project a{
	color:#000;
	text-decoration:none !important;
}

.lb-excerpt,
.lb-desc{
	color:#888;
	padding:20px 30px 10px 30px;
}
.lb-excerpt a:hover,
.lb-desc a:hover{
	text-decoration:underline;
}
.lb-port-cont{
	float:right;
	max-width:310px;
	display:block;
}
.lb-video {
    position: relative; 
    /*padding-bottom: 56.25%; */
    padding-top: 30px; 
    padding-bottom: 15px;
    /*padding-left: 10px;*/
    /*height: 0; */
    overflow: hidden; 
    max-width: 100%; 
    height: 244px;  
}

.lb-video iframe {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}

.lb-video p{
	padding:0 30px 20px 30px;
	color:#888;
}
.lb-video p a:first-child{
	font-size:2.2em;
	color:#000;
	display:block;
	padding-top:25px;
	padding-bottom:20px;
}
.lb-video p:last-child{
	padding-bottom:30px;
}
.lb-video object,
.lb-video object embed{
	width:100%;
	z-index:100;
}

.tile-pre-img{
	max-width:100%;
	height:auto;
	display:block;
}
.article-img{
	position:relative;
}
.portfolio-img{
	max-width:330px;
	float:left;
}
.article-date{
	float:right;
	margin:5px 30px 0 0;
	color:#7f7f7f;
	position:relative;
}
.article-date span.date{
	font-size:6em;
}
.article-date span.month{
	font-size:2em;
	position:absolute;
	right:5px;
	top:70px;
}
.article-date span.year{
	font-size:2em;
	position:absolute;
	right:5px;
	top:95px;
}
.postcat,
.projectcat{
	color:#7d7d7d;
	margin:10px 0 0 30px;
	font-size:1.8em;
	display:inline-block;
}
.article-cat{
	position:absolute;
	left:0;
	bottom:-15px;
	font-size:2.4em;
	color:#fff;
	padding:0 10px;
}
.exp-button{
	text-decoration:none;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
}
.exp-button:hover{
	color:#000;
}
/*----------------------------Mobile Version--------------------------------*/
@media all and (max-width:640px) {
.lb-article,
.lb-portfolio{
	width:auto;
}
.portfolio-img{
	max-width:100%;
	float:none;
}
.lb-project,
.lb-desc{
	float:none;
}
.lb-port-cont{
	float:left;
}
}

/*----------------------------------------------------------------------------
Comments
----------------------------------------------------------------------------*/
#commentform{
	padding:10px 0;
}
#comments{
	background-color:#fff;
	color:#888;
	margin:20px 0;
	position:relative;
	overflow:hidden;
}
.commentlist{
	padding:0 30px 20px 30px;
	list-style:none;
}
.comment{
	position:relative;
	padding:0 20px 0 120px;
	margin-bottom:10px;
	background:#eee;
	min-height:120px;
}
.avatar{
	position:absolute;
	left:20px;
	top:20px;
}
.comment-author{
	padding-top:15px;
}
.commenter{
	display:block;
	font-size:1.5em;
}
.comment-date{
	display:block;
	margin-bottom:10px;
}
.comment-reply{
	position:absolute;
	top:20px;
	right:20px;
	visibility:hidden;
	z-index:100;
}
.comment:hover .comment-reply{
	visibility:visible;
}
#comments .comment-reply:hover{
	text-decoration:none;
}
ul.children{
	list-style:none;
	padding-bottom:10px;
}
ul.children .comment{
	background-color:#fff;
}
#respond{
	padding:0 30px 20px 30px;
}
#comsubmit{
	background:none;
	font:inherit;
	color:inherit;
	cursor:pointer;
}
.comment-form-author input,
.comment-form-email input,
.comment-form-url input,
.comment-form-comment textarea{
	background-color:#eee;
	color:#888;
	padding:5px 0;
	font:inherit;
	width:100%;
	text-indent:5px;
}
.comment-form-comment textarea{
	max-width:366px;
	height:187px;
}
#commentformleft{
	display:inline-block;
	width:33%;
}
#commentformright{
	display:inline-block;
	width:65%;
	margin-left:2%;
	vertical-align:top;
	text-align:right;
}
/*----------------------------Mobile Version--------------------------------*/
@media only screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-min-device-pixel-ratio: 1){
/* For iPad */
.comment-reply{
	visibility:visible;
}
}
@media all and (max-width:970px) {
#commentformleft{
	display:block;
	width:100%;
}
#commentformright{
	display:block;
	width:100%;
	margin-left:0;
}
.comment-form-comment textarea{
	max-width:100%;
	height:185px;
}
}
@media all and (max-width:640px) {
.comment-reply{
	left:35px;
	top:110px;
}
.comment-reply{
	visibility:visible;
}

}
/*----------------------------------------------------------------------------
Sidebar
----------------------------------------------------------------------------*/
#sidebar{
	float:right;
	width:310px;
	height:100%;
	text-align:left;
	overflow:hidden;
	margin-right:5px;
}
.widget h5{
	color:#fff;
	font-size:1.5em;
	line-height:1.5em;
	text-transform:uppercase;
	text-indent:15px;
	font-weight:200;
}
.widget{
	width:100%;
	font-size:1.4em;
	margin-bottom:40px;
	position:relative;
}
.widget ul{
	list-style:none;
}
.widget p{
	font-size:0.93em;
	color:#888;
	padding:0 20px;
}
/*-------------------------------Search Box------------------------------*/
#search{
	margin:10px 5px 20px 0;
	position:relative;
	width:100%;
}
#search-field{
	background:#fff;
	line-height:30px;
	height:30px;
	padding-left:10px;
	width:270px;
	color:#888;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-appearance: none;
}
#search-field:focus{
	color:#fff;
}
#search-submit{
	background:url(../images/search.png) center center no-repeat #fff;
	height:30px;
	width:30px;
	position:absolute;
	top:0;
	right:0;
	transition:background-color 0.3s;
	-moz-transition:background-color 0.3s;
	-webkit-transition:background-color 0.3s;
	-o-transition:background-color 0.3s;
}
#search-submit:hover{
	cursor:pointer;
}

/*--------------------------------Post Meta------------------------------*/
#post-meta{
	color:#fff;
	margin-bottom:10px;
}
#post-meta .tile-sidebar{
	width:100px;
	height:100px;
	display:inline-block;
	position:relative;
	overflow:hidden;
}
#post-meta .tile-sidebar .meta1 > img,
#post-meta .tile-sidebar .meta2 > img,
#post-meta .tile-sidebar .meta3 > img{
	position:absolute;
	top:0;
	left:0;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
}
#post-meta .count{
	font-size:0.9em;
	position:absolute;
	bottom:5%;
	left:10%;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
}
.comment-widget .comment-count{
	color:#000;
	background:#fff;
	padding:10px;
	min-width:25px;
	text-align:center;
}
.comment-widget .comment-count:hover{
	text-decoration:underline;
}
.comment-widget .comment-quick-reply{
	background:url(../images/comment-widget.png) no-repeat;
	width:45px;
	height:30px;
	line-height:28px;
	text-indent:6px;
}
.comment-widget .comment-quick-reply:hover{
	text-decoration:underline;
}
#post-meta .comment-widget{
	left:27%;
}
#post-meta .fb-like{
	left:27%;
}
#post-meta .twitter-share-button{
	left:20%;
}
#post-meta .comment-widget,
#post-meta .fb-like,
#post-meta .twitter-share-button{
	position:absolute;
	top:-100%;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
	display:block;
}
#post-meta .tile-sidebar:hover .meta1 > img,
#post-meta .tile-sidebar:hover .meta2 > img,
#post-meta .tile-sidebar:hover .meta3 > img{
	top:-100%;
}
#post-meta .tile-sidebar:hover .count{
	bottom:-100%;
}
#post-meta .tile-sidebar:hover .comment-widget,
#post-meta .tile-sidebar:hover .fb-like,
#post-meta .tile-sidebar:hover .twitter-share-button{
	top:20%;
}
	
/*---------------------------------Articles------------------------------*/
.articles-widget li{
	margin-top:1px;
	position:relative;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
	overflow:hidden;
}
.articles-widget img{
	display:block;
	width:100%;
	height:auto;
	vertical-align:bottom;
	z-index:40;
}
.articles-widget .title{
	display:block;
	background:#fff;
	position:absolute;
	left:100%;
	top:0;
	width:100%;
	height:100%;
	font-size:1.3em;
	color:#888;
	padding:20px;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
	vertical-align:top;
	z-index:50;
	opacity:0;
}
.articles-widget li:hover .title{
	color:#000;
	left:0;
	opacity:1;
}
.articles-widget .more{
	display:block;
	position:absolute;
	background:url(../images/more.png) no-repeat;
	width:25px;
	height:25px;
	bottom:10px;
	right:10px;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
	opacity:0.7;
	z-index:55;
}
.articles-widget li:hover .more{
	opacity:1;
}
/*---------------------------------Archive------------------------------*/
table, td, td{
	border-spacing:1px;
	color:#404040;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
}
#archive th,
#archive tbody td{
	width:44px;
	height:44px;
	text-align:center;
}
#archive tfoot td{
	text-align:center;
	background-color:#fff;
	height:25px;
}
#archive thead th{
	background-color:#fff;
}
#archive td.none{
	background:#fff;
}
#archive tbody td:hover,
#archive tfoot #prev:hover,
#archive tfoot #next:hover{
	background:#404040 !important;
	color:#fff;
	cursor:pointer;
}
#archive tbody td.none:hover{
	background:#fff !important;
	color:inherit;
	cursor:inherit;
}
/*-----------------------------Text Widget------------------------------*/
.text-widget p{
	background:#fff;
	padding:20px;
}

/*---------------------------------Twitter------------------------------*/
#sidebar #twitter{
	background:#fff;
}
#twitter #tweeter{
	margin:0 0 0 15px;
	color:#888;
	padding-top:20px;
	font-size:0.93em;
}
.widget #tweeter li{
	background:url(../images/twtr-widget.png) no-repeat top left;
	padding:0 20px 20px 30px;
	margin:0;
	list-style:none;
}
.widget #tweeter li:hover{
	font-weight:inherit;
	background-color:inherit;
}
/*----------------------------Mobile Version--------------------------------*/
@media all and (max-width:970px) {
#sidebar{
	width:32.3%;
}

}
@media all and (max-width:640px) {
#sidebar{
	width:100%;
	margin-right:0;
}
#search{
	display:none;
}

#wrap {
	display:none;
}

}	
/*----------------------------------------------------------------------------
Footer
----------------------------------------------------------------------------*/
footer{
	margin:0 5px;
}
footer > small{
	font-size:1.2em;
	line-height:30px;
	/*color:#fff;*/
    color:#7f51a1;
	float:right;
}
footer #footer-social{
	float:left;
	margin-bottom:10px;
}
.behance-mini,
.dribbble-mini,
.facebook-mini,
.flickr-mini,
.forrst-mini,
.linkedin-mini,
.pinterest-mini,
.tumblr-mini,
.twitter-mini,
.vimeo-mini{
	background:url(../images/social-mini.png) no-repeat;
	width:30px;
	height:30px;
	margin-right:0;
	display:inline-block;
	transition:background 0.3s;
	-moz-transition:background 0.3s;
	-webkit-transition:background 0.3s;
	-o-transition:background 0.3s;
}
.behance-mini{
	background-position:0 0;
}
.behance-mini:hover{
	background-position:-30px 0;
}
.dribbble-mini{
	background-position:0 -30px;
}
.dribbble-mini:hover{
	background-position:-30px -30px;
}
.facebook-mini{
	background-position:0 -60px;
}
.facebook-mini:hover{
	background-position:-30px -60px;
}
.flickr-mini{
	background-position:0 -90px;
}
.flickr-mini:hover{
	background-position:-30px -90px;
}
.forrst-mini{
	background-position:0 -120px;
}
.forrst-mini:hover{
	background-position:-30px -120px;
}
.linkedin-mini{
	background-position:0 -150px;
}
.linkedin-mini:hover{
	background-position:-30px -150px;
}
.pinterest-mini{
	background-position:0 -180px;
}
.pinterest-mini:hover{
	background-position:-30px -180px;
}
.tumblr-mini{
	background-position:0 -210px;
}
.tumblr-mini:hover{
	background-position:-30px -210px;
}
.twitter-mini{
	background-position:0 -240px;
}
.twitter-mini:hover{
	background-position:-30px -240px;
}
.vimeo-mini{
	background-position:0 -270px;
}
.vimeo-mini:hover{
	background-position:-30px -270px;
}

.youtube-mini{
	background:url(../images/youtube5.png) no-repeat;
	width:30px;
	height:30px;
	margin-right:0;
	display:inline-block;
	transition:background 0.3s;
	-moz-transition:background 0.3s;
	-webkit-transition:background 0.3s;
	-o-transition:background 0.3s;    
	background-position:0 0px;
}
.youtube-mini:hover{
	background-position:-30px 0px;
}

.mail-mini{
	background:url(../images/mail.jpg) no-repeat;
	width:30px;
	height:30px;
	margin-right:0;
	display:inline-block;
	transition:background 0.3s;
	-moz-transition:background 0.3s;
	-webkit-transition:background 0.3s;
	-o-transition:background 0.3s;    
	background-position:0 0px;
}
.mail-mini:hover{
	background-position:-30px 0px;
}

.googlemap-mini{
	background:url(../images/google.png) no-repeat;
	width:30px;
	height:30px;
	margin-right:0;
	display:inline-block;
	transition:background 0.3s;
	-moz-transition:background 0.3s;
	-webkit-transition:background 0.3s;
	-o-transition:background 0.3s;    
	background-position:0 0px;
}
.googlemap-mini:hover{
	background-position:-30px 0px;
}

.impair-mini{
	background:url(../images/amentes.png) no-repeat;
	width:30px;
	height:30px;
	margin-right:0;
	display:inline-block;
	transition:background 0.3s;
	-moz-transition:background 0.3s;
	-webkit-transition:background 0.3s;
	-o-transition:background 0.3s;    
	background-position:0 0px;
}
.impair-mini:hover{
	background-position:-30px 0px;
}

/*----------------------------------------------------------------------------
MetroJS
----------------------------------------------------------------------------*/
/* ------ Hardware Accelerated CSS3 Animations --------*/
.live>.ha.flip-front{   
	position:absolute;
	/* time to start repeating ourselves 
	note: we are not setting a duration or delay here, 
	that is added in script */
	-webkit-animation-name:flipfront180;
	-webkit-animation-play-state:paused;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-moz-animation-name:flipfront180;
	-moz-animation-play-state:paused;
	-moz-animation-fill-mode:forwards;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: linear;
	-ms-animation-name:flipfront180;
	-ms-animation-play-state:paused;
	-ms-animation-fill-mode:forwards;
	-ms-animation-iteration-count: 1;
	-ms-animation-timing-function: linear;
	-o-animation-name:flipfront180;
	-o-animation-play-state:paused;
	-o-animation-fill-mode:forwards;
	-o-animation-iteration-count: 1;
	-o-animation-timing-function: linear;
	animation-name:flipfront180;
	animation-play-state:paused;
	animation-fill-mode:forwards;
	animation-iteration-count: 1;
	animation-timing-function: linear;
}

.live>.ha.flip-back{
	position:absolute;
	-webkit-animation-name:flipback180;
	-webkit-animation-play-state:paused;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-moz-animation-name:flipback180;
	-moz-animation-play-state:paused;
	-moz-animation-fill-mode:forwards;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: linear;
	-ms-animation-name:flipback180;
	-ms-animation-play-state:paused;
	-ms-animation-fill-mode:forwards;
	-ms-animation-iteration-count: 1;
	-ms-animation-timing-function: linear;
	-o-animation-name:flipback180;
	-o-animation-play-state:paused;
	-o-animation-fill-mode:forwards;
	-o-animation-iteration-count: 1;
	-o-animation-timing-function: linear;
	animation-name:flipback180;
	animation-play-state:paused;
	animation-fill-mode:forwards;
	animation-iteration-count: 1;
	animation-timing-function: linear;
}

/* Flip Vertical */
  @-keyframes flipfront180 {
	from     {  z-index:20; transform: rotateX(0deg); }
	49%      {  z-index:20; }
	50%      {  z-index:10; }
	to       {  z-index:10; transform: rotateX(-180deg); }
  }
  @-webkit-keyframes flipfront180 {
	from     {  z-index:20; -webkit-transform: rotateX(0deg); }
	49%      {  z-index:20; }
	50%      {  z-index:10; }
	to       {  z-index:10; -webkit-transform: rotateX(-180deg);  }
  }
  @-moz-keyframes flipfront180 {
	0%     {  z-index:20; -moz-transform: rotateX(0deg); }
	49%      {  z-index:20; }
	50%      {  z-index:10; }
	100%       {  z-index:10; -moz-transform: rotateX(-180deg); }
  }
   @-ms-keyframes flipfront180 {
	from     {  z-index:20; -ms-transform: rotateX(0deg); }
	49%      {  z-index:20; }
	50%      {  z-index:10; }
	to       {  z-index:10; -ms-transform: rotateX(-180deg); }
  }
   @-o-keyframes flipfront180 {
	from     {  z-index:20; -o-transform: rotateX(0deg); }
	49%      {  z-index:20; }
	50%      {  z-index:10; }
	to       {  z-index:10; -o-transform: rotateX(-180deg); }
  }
  @-keyframes flipback180 {
	0%     {  z-index:10; transform: rotateX(180deg); }
	49%      {  z-index:10; }
	50%      {  z-index:20; }
	100%       {  z-index:20; transform: rotateX(0deg); }
  }
  @-webkit-keyframes flipback180 {
	from     {  z-index:10; -webkit-transform: rotateX(180deg);  }
	49%      {  z-index:10; }
	50%      {  z-index:20; }
	to       {  z-index:20;  -webkit-transform: rotateX(0deg); }
  }
  @-moz-keyframes flipback180 {
	0%     {  z-index:10; -moz-transform: rotateX(180deg); }
	49%      {  z-index:10; }
	50%      {  z-index:20; }
	100%       {  z-index:20; -moz-transform: rotateX(0deg); }
  }
  @-ms-keyframes flipback180 {
	from     {  z-index:10; -ms-transform: rotateX(180deg); }
	49%      {  z-index:10; }
	50%      {  z-index:20; }
	to       {  z-index:20; -ms-transform: rotateX(0deg); }
  }
  @-o-keyframes flipback180 {
	from     {  z-index:10; -o-transform: rotateX(180deg); }
	49%      {  z-index:10; }
	50%      {  z-index:20; }
	to       {  z-index:20; -o-transform: rotateX(0deg); }
  }
  
  /* Flip Horizontal */
  @-keyframes flipfrontY180 {
	0%      {  z-index:20; transform: rotateY(0deg); }
	49%     {  z-index:20; }
	50%     {  z-index:10; }
	100%    {  z-index:10; transform: rotateY(-180deg); }
  }
  @-webkit-keyframes flipfrontY180 {
	from     {  z-index:20; -webkit-transform: rotateY(0deg); }
	49%      {  z-index:20; }
	50%      {  z-index:10; }
	to       {  z-index:10; -webkit-transform: rotateY(-180deg);  }
  }
  @-moz-keyframes flipfrontY180 {
	0%      {  z-index:20; -moz-transform: rotateY(0deg); }
	49%     {  z-index:20; }
	50%     {  z-index:10; }
	100%    {  z-index:10; -moz-transform: rotateY(-180deg); }
  }
   @-ms-keyframes flipfrontY180 {
	from     {  z-index:20; -ms-transform: rotateY(0deg); }
	49%      {  z-index:20; }
	50%      {  z-index:10; }
	to       {  z-index:10; -ms-transform: rotateY(-180deg); }
  }
   @-o-keyframes flipfrontY180 {
	from     {  z-index:20; -o-transform: rotateY(0deg); }
	49%      {  z-index:20; }
	50%      {  z-index:10; }
	to       {  z-index:10; -o-transform: rotateY(-180deg); }
  }
  @-keyframes flipbackY180 {
	0%     {  z-index:10; transform: rotateY(180deg); }
	49%      {  z-index:10; }
	50%      {  z-index:20; }
	100%       {  z-index:20; transform: rotateY(0deg); }
  }
  @-webkit-keyframes flipbackY180 {
	from     {  z-index:10; -webkit-transform: rotateY(180deg);  }
	49%      {  z-index:10; }
	50%      {  z-index:20; }
	to       {  z-index:20;  -webkit-transform: rotateY(0deg); }
  }
  @-moz-keyframes flipbackY180 {
	0%       {  z-index:10; -moz-transform: rotateY(180deg); }
	49%      {  z-index:10; }
	50%      {  z-index:20; }
	100%     {  z-index:20; -moz-transform: rotateY(0deg); }
  }
  @-ms-keyframes flipbackY180 {
	from     {  z-index:10; -ms-transform: rotateY(180deg); }
	49%      {  z-index:10; }
	50%      {  z-index:20; }
	to       {  z-index:20; -ms-transform: rotateY(0deg); }
  }
  @-o-keyframes flipbackY180 {
	from     {  z-index:10; -o-transform: rotateY(180deg); }
	49%      {  z-index:10; }
	50%      {  z-index:20; }
	to       {  z-index:20; -o-transform: rotateY(0deg); }
  }


/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 10%; /*50%*/
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('../images/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	/*position: relative;*/
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	/*border: 0px solid #404040;*/
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: 10px;
    right: 10px;
	/*left: 45px;*/
	/*width: 32px;
	height: 32px;*/
    width: 15px;
	height: 15px;    
	/*background: transparent url('../images/fancybox/fancy_options.png') 0px -32px;*/
    background: transparent url('../images/close.png');
	cursor: pointer;
	z-index: 1103;
	display: none;
}
#fancybox-close:hover{
	/*background-position:-32px -32px;*/
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	top: 10px;
	height: 32px;
	width: 32px;
	cursor: pointer;
	outline: none;
	background: transparent url('../images/fancybox/blank.gif');
	z-index: 1102;
	display: none;
	border:none;
}

#fancybox-left {
	left: 10px;
}

#fancybox-right {
	left: 80px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 0;
	left: -9999px;
	width: 32px;
	height: 32px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('../images/fancybox/fancy_options.png');
	background-position:0 0;
}

#fancybox-left-ico:hover{
	background-position:-32px 0;
}

#fancybox-right-ico {
	background-image: url('../images/fancybox/fancy_options.png');
	background-position:0 -64px;
}

#fancybox-right-ico:hover{
	background-position:-32px -64px;
}

#fancybox-left:hover, #fancybox-right:hover{
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span{
	left:0;
}

#fancybox-right:hover span {
	left:0;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('../images/fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('../images/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('../images/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('../images/fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: 'Open Sans', sans-serif;
	/*font-family: "Helvetica"*/
    font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('../images/fancybox/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('../images/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('../images/fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('../images/fancybox/fancybox.png') -55px -90px no-repeat;
}

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
/*.flexslider {margin: 0; position: relative; zoom: 1; color:#fff;}*/
.flexslider {margin: 0; position: relative; zoom: 1;}
.mainslide{margin-bottom:10px;}
.postslide{overflow:hidden;position:relative;}
article ul.slides li{padding:0;margin:0; background: url(../images/hatter_1px.png)}
/*article ul.slides li{padding:0;margin:0; background: url(../images/banner_hatter_1px.png)}*/
article ul.flex-direction-nav{height:0;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}

.flex-title{
	position:absolute;
	top:55px;
	right:25px;
	padding:0 20px;
	font-size:4.8em;
	line-height:1.4em;
}
/* Direction Nav */
.flex-direction-nav a {width: 30px; height: 40px; margin: -20px 0 0; display: block; background: url(../images/bg_direction_nav2.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 0; text-align: center;}
.flex-control-nav li {margin: 0 6px 10px 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 20px; height: 10px; display: block; cursor: pointer; text-indent: -9999px; border:1px solid #fff; transition:background 0.3s; -moz-transition:background 0.3s; -webkit-transition:background 0.3s; -o-transition:background 0.3s;}
.flex-control-paging li a:hover { background: #fff; border:1px solid;}
.flex-control-paging li a.flex-active { background: #fff; border:1px solid;}

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
  
.flex-title{
	font-size:3.6em;
	line-height:50px;
}
}
@media screen and (max-width: 640px) {
.flexslider{
	margin-top:50px;
}
.postslide{
	margin-top:0;
}
.flex-title{
	top:-40px;
	left:0;
	font-size:2.4em;
	line-height:40px;
	display:block;
	width:100%;
}
}

/*
 * Skin for jPlayer Plugin (jQuery JavaScript Library)
 * http://www.happyworm.com/jquery/jplayer
 */

.jp-jplayer > video{
	background:#000;
}
.jp-video,
.jp-audio {
    font-family:'Open Sans', sans-serif;
    /*font-family:"Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    position:relative;
}
.jp-video-360p {
    width:100%;
    margin:0;
}
.jp-video-full {
    width:480px;
    height:270px;
    position:static !important;
    position:relative
}
.jp-video-full .jp-jplayer {
    top: 0;
    left: 0;
    position: fixed !important; position: relative; /* Rules for IE6 (full-screen) */
    overflow: hidden;
    z-index:1000;
}
 
.jp-video-full .jp-gui {
    position: fixed !important; position: static; /* Rules for IE6 (full-screen) */
    top: 0;
    left: 0;
    width:100%;
    height:100%;
    z-index:1000;
}
.jp-video-full .jp-interface {
    position: absolute !important; position: relative; /* Rules for IE6 (full-screen) */
    bottom: 0;
    left: 0;
    z-index:1000;
}

/* Controls */
.jp-interface {
    position: relative;
    width:100%;
    height: 35px;
	background:#202020;
}
 
div.jp-controls-holder {
    clear: both;
    width:570px;
    margin: 0 auto;
     
    position: relative;
    overflow:hidden;
}

a.jp-play,
a.jp-pause {
    width:40px;
    height:35px;
    float:left;
    text-indent:-9999px;
    outline:none;
}
 
a.jp-play {
    background: url("../images/jp-controls.png") 0 0 no-repeat;
}
 
a.jp-pause {
    background: url("../images/jp-controls.png") -40px 0 no-repeat;
    display: none;
}
 
.separator {
    background-image:url("../images/separator.png");
    background-repeat:no-repeat;
    width: 2px;
    height: 35px;
    float:left;
    margin-top: 7px;
    margin-right: 10px;
}

.jp-progress {
    background: #706d6d;
 
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
 
    -webkit-box-shadow:
        inset 0px 1px 4px rgba(0,0,0,.4),
        0px 1px 0px rgba(255,255,255,.4);
    -moz-box-shadow:
        inset 0px 1px 4px rgba(0,0,0,.4),
        0px 1px 0px rgba(255,255,255,.4);
    box-shadow:
        inset 0px 1px 4px rgba(0,0,0,.4),
        0px 1px 0px rgba(255,255,255,.4);
 
    width:280px;
    height:10px;
    float:left;
    margin-top: 13px;
}
 
.jp-seek-bar {
    width:0px;
    height:100%;
    cursor: pointer;
}
 
.jp-seeking-bg {
    background:#575555;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
 
.jp-play-bar {
    background: url("../images/play-bar.png") left repeat-x;
    width:0px;
    height:10px;
    position:relative;
    z-index: 9999;
     
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
 
.jp-play-bar span {
    position:absolute;
    top: -3px;
    right: -12px;
 
    width: 16px;
    height: 17px;
}

.jp-current-time,
.jp-duration {
    font-size:11px;
    /*font-family:Arial;*/
    font-family:'Open Sans', sans-serif;
    color:#f7f7f7;
    margin-top: 10px;
    float:left;
}
.jp-current-time {
    float: left;
    display:inline;
}
.jp-duration {
    float: left;
    display:inline;
    text-align: right;
}
.jp-video .jp-current-time,
.jp-audio .jp-current-time {
    margin-left:10px;
}
.jp-video .jp-duration,
.jp-audio .jp-duration {
    margin-right:10px;
}
.time-sep {
    float:left;
    margin: 10px 3px 0 3px;
 
    font-size:11px;
    font-family:'Open Sans', sans-serif;
    /*font-family:Arial;*/
    color:#f7f7f7;
}


.jp-video a.jp-unmute,
.jp-audio a.jp-mute,
.jp-audio a.jp-unmute {
    text-indent:-9999px;
    float:left;
     
    height: 35px;
    outline:none;
}
 
.jp-mute {
    float:left;
    background: url("../images/jp-controls.png") -80px 0 no-repeat;
    margin-top: 1px;
    margin-left: -10px;
    width: 35px;
}
 
a.jp-unmute {
    background: url("../images/jp-controls.png") -115px 0 no-repeat;
    margin-top: 1px;
    margin-left: -13px;
    display: none;
    width: 38px;
}
 
.jp-volume-bar {
    float:left;
    margin-top: 13px;
    margin-right: 10px;
    overflow:hidden;
    width:70px;
    height:10px;
    cursor: pointer;
 
    background: #706d6d;
 
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
 
    -webkit-box-shadow:
        inset 0px 1px 4px rgba(0,0,0,.4),
        0px 1px 0px rgba(255,255,255,.4);
    -moz-box-shadow:
        inset 0px 1px 4px rgba(0,0,0,.4),
        0px 1px 0px rgba(255,255,255,.4);
    box-shadow:
        inset 0px 1px 4px rgba(0,0,0,.4),
        0px 1px 0px rgba(255,255,255,.4);
}
 
.jp-volume-bar-value {
    width:0px;
    height:10px;
    position: relative;
	
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
 
.jp-volume-bar-value span {
    position:absolute;
    top:0px;
    right:-5px;
 
    width:11px;
    height:10px;
}

.jp-full-screen {
    background: url("../images/jp-controls.png") -150px 0 no-repeat;
    float:left;
    width: 40px;
    height: 35px;
    text-indent:-9999px;
    margin-left: -15px;
    outline:none;
}
 
.jp-restore-screen {
    background: url("../images/jp-controls.png") -185px 0 no-repeat;
    float:left;
    width: 40px;
    height: 35px;
    text-indent:-9999px;
    margin-left: -15px;
    outline:none;
}
a.jp-play,
a.jp-pause,
a.jp-mute,
a.jp-unmute,
a.jp-full-screen,
a.jp-restore-screen {
	opacity:0.8;
	transition:opacity 0.3s;
	-moz-transition:opacity 0.3s;
	-webkit-transition:opacity 0.3s;
	-o-transition:opacity 0.3s;
}
a.jp-play:hover,
a.jp-pause:hover,
a.jp-mute:hover,
a.jp-unmute:hover,
a.jp-full-screen:hover,
a.jp-restore-screen:hover {
	opacity:1;
}



/* @end */

/* @group NO SOLUTION error feedback */

.jp-no-solution {
	position:absolute;
	width:390px;
	margin-left:-202px;
	left:50%;
	top: 10px;

	padding:5px;
	font-size:.8em;
	background-color:#eee;
	border:2px solid #009be3;
	color:#000;
	display:none;
}

.jp-no-solution a {
	color:#000;
}

.jp-no-solution span {
	font-size:1em;
	display:block;
	text-align:center;
	font-weight:bold;
}

/* @end */

/*----------------------------------------------------------------------------
Theme Colours
----------------------------------------------------------------------------*/
.blue{
	background-color:#19A2DE !important;
}
.bluetxt{
	color:#19A2DE !important;
}
.red{
	background-color:#E61400 !important;
}
.redtxt{
	color:#E61400 !important;
}
.green{
	background-color:#319A31 !important;
}
.greentxt{
	color:#319A31 !important;
}
.greenhdh{
	background-color:#374453 !important;
}
.greenhdhtxt{
	color:#374453 !important;
}

.greenhdhtxt2{
	color:#b0cb24 !important;
}

.hdh{
	background-color:#94AC2F !important;
}
.hdhtxt{
	color:#94AC2F !important;
}

.magenta{
	background-color:#FF0094 !important;
}
.magentatxt{
	color:#FF0094 !important;
}
.purple{
	background-color:#A500FF !important;
}
.purpletxt{
	color:#A500FF !important;
}
.teal{
	background-color:#00AAAD !important;
}
.tealtxt{
	color:#00AAAD !important;
}
.lime{
	background-color:#8CBE29 !important;
}
.limetxt{
	color:#8CBE29 !important;
}
.brown{
	background-color:#9C5100 !important;
}
.browntxt{
	color:#9C5100 !important;
}
.pink{
	background-color:#E671B5 !important;
}
.pinktxt{
	color:#E671B5 !important;
}
.mango{
	background-color:#EF9608 !important;
}
.mangotxt{
	color:#EF9608 !important;
}
.black{
	background-color:#000 !important;
}
.blacktxt{
	color:#000 !important;
}
.white{
	background-color:#fff !important;
}
.whitetxt{
	color:#fff !important;
}

.purple2{
	background-color:#7f51a1 !important;
}
.purpletxt2{
	color:#7f51a1 !important;
}

.purple3{
	background-color:#372252 !important;
}
.purpletxt3{
	color:#372252 !important;
}

.lila{
	background-color:#4c4480 !important;
}
.lilatxt{
	color:#4c4480 !important;
}

.lila2{
	background-color:#825aa7 !important;
}
.lilatxt2{
	color:#825aa7 !important;
}

.lila3{
	background-color:#9a76b5 !important;
}
.lilatxt2{
	color:#9a76b5 !important;
}

.bordo{
	background-color:#aa3951 !important;
}
.bordotxt{
	color:#aa3951 !important;
}

.bordo2{
	background-color:#aa396b !important;
}
.bordotxt2{
	color:#aa396b !important;
}


.kek{
	background-color:#119baf !important;
}
.kektxt{
	color:#119baf !important;
}

.kek2{
	background-color:#445dc7 !important;
}
.kektxt2{
	color:#445dc7 !important;
}

.zold{
	background-color:#187973 !important;
}
.zoldtxt{
	color:#187973 !important;
}


.zold2{
	background-color:#009e69 !important;
}
.zoldtxt2{
	color:#009e69 !important;
}

.narancs{
	background-color:#e78443 !important;
}
.narancstxt{
	color:#e78443 !important;
}

.narancs2{
	background-color:#b7742c !important;
}
.narancstxt2{
	color:#b7742c !important;
}

.szurke{
	background-color:#252529 !important;
}
.szurketxt{
	color:#252529 !important;
}

.szurke2{
	background-color:#4f5c6d !important;
}
.szurketxt2{
	color:#4f5c6d !important;
}

.szurke3{
	background-color:#2a3f58 !important;
}
.szurketxt3{
	color:#2a3f58 !important;
}

.szurke4{
	background-color:#d6d6d6 !important;
}
.szurketxt4{
	color:#d6d6d6 !important;
}

.szurke5{
	background-color: #f7f7f7 !important;
}
.szurketxt5{
	color: #f7f7f7 !important;
}

.szurke6{
	background-color: #5A637A !important;
}
.szurketxt6{
	color: #5A637A !important;
}


.sarga{
	background-color:#d0743d !important;
}
.sargatxt{
	color:#d0743d !important;
}

.gray{
	background-color:#808080 !important;
}
.graytxt{
	color:#808080 !important;
}

.bmc1{
	background-color:#8bc7c4 !important;
}
.bmc1txt{
	color:#8bc7c4 !important;
}
 
.bmc2{
	background-color:#74c2be !important;
}
.bmc2txt{
	color:#74c2be !important;
}

.bmc3{
	background-color:#57ada9 !important;
}
.bmc3txt{
	color:#57ada9 !important;
} 

.bmc4{
	background-color:#48a19c !important;
}
.bmc4txt{
	color:#48a19c !important;
} 

.bmc5{
	background-color:#388e89 !important;
}
.bmc5txt{
	color:#388e89 !important;
} 

.bmc6{
	background-color:#307a77 !important;
}
.bmc6txt{
	color:#307a77 !important;
} 

.bmc7{
	background-color:#2e7572 !important;
}
.bmc7txt{
	color:#2e7572 !important;
} 

.kmc1{
	background-color:#926ab0 !important;
}
.kmc1txt{
	color:#926ab0 !important;
} 

.kmc2{
	background-color:#885ca9 !important;
}
.kmc2txt{
	color:#885ca9 !important;
} 

.kmc3{
	background-color:#7f52a1 !important;
}
.kmc3txt{
	color:#7f52a1 !important;
} 

.kmc4{
	background-color:#6f4391 !important;
}
.kmc4txt{
	color:#6f4391 !important;
} 

.kmc5{
	background-color:#683c8a !important;
}
.kmc5txt{
	color:#683c8a !important;
} 

/*----------------------------------------------------------------------------
Position-dependent classes
----------------------------------------------------------------------------*/
.last{
	margin-right:0;
}
#fancybox-left-ico {
 left:0;
}
#fancybox-right-ico {
 left:0;
}
/*-------------------------Browser Specific CSS-----------------------------*/
noindex:-o-prefocus, #content-title, .page-sub-title h1, .section-title, .widget h5 {
  font-family:'Open Sans', sans-serif !important;
  /*font-family:'Segoe UI Light' !important;*/
}
@media all and (-webkit-min-device-pixel-ratio:0) {
#content-title, .page-sub-title h1, .section-title, .widget h5 {
  
  font-family:'Open Sans', sans-serif !important;
  /*font-family:'Segoe UI Light' !important;*/
  padding-top: 10px;
  /*padding-bottom: 10px;*/
}
}

/*----------------------------Mobile Version--------------------------------*/
@media all and (max-width:640px) {
.last{
	margin-right:auto;
}

.nav {
    font-size:1.35em;
	text-transform:uppercase;
	/*font-weight:600;*/
	/*display:inline-block;*/
	/*float:right;*/
	/*margin-right:-100px;*/
    /*margin-top:50px;*/
    /*margin-top:25px;*/
    /*margin-top:0px;*/
}
}

/*----------------------------------------------------------------------------
Theme Preview Demo Only 
----------------------------------------------------------------------------*/
#colorchanger{
	position:fixed;
	top:45px;
	left:-100px;
	display:block;
	text-align:left;
	transition:left 0.3s;
	-moz-transition:left 0.3s;
	-webkit-transition:left 0.3s;
	-o-transition:left 0.3s;
	z-index:1500;
}
#colorchanger:hover{
	left:0;
}
#colorchanger h4{
	background:url(http://old.nct.hu/images/right.png) no-repeat 101px 2px #7f51a1;
	color:#fff;
	padding-right:40px;
    cursor: pointer;    
}
#colorchanger a span{
	width:80px;
	height:30px;
	display:block;
	margin-bottom:5px;
	color:#fff;
	text-align:center;
	line-height:30px;
	font-size:1.2em;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
}
#colorchanger a span:hover{
	background:#fff !important;
	color:#000;
}
.button-demo span{
	margin:0 20px 20px 0;
}
#demo-button h2{
	padding-left:20px;
}
.demo-dark-button{
	background:#000;
	padding:20px 0 0 20px;
}
.demo-light-button{
	background:#fff;
	padding:20px 0 0 20px;
}

/*?j 2014.01.23*/

#nyelv {
	list-style:none;
	/*float:right;*/
	padding-top:17px;
    /*margin-top:17px;*/
    /*margin-right:20px;*/
    /*margin-left: 200px;*/
}


#nyelv select  {
	background:#fff;
	color:#bfbfbf; 
	margin-right:20px;
}

#search  {
    list-style:none;
	float:right;
	margin-right:20px;
}

#wrap input[type="text"] {
  height: 20px;
  font: 62.5%/1.5 'Open Sans', sans-serif;  
  font-size: 1.35em;
  display: inline-block;
  /*font-family: "Lato";
  font-weight: 100;*/
  border: none;
  outline: none;
  padding: 3px;
  padding-right: 60px;
  width: 0px;
  position: absolute;
  top: 12px;
  right: 0;
  background: none;
  z-index: 10002;
  transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
  cursor: pointer;
}

#wrap input[type="text"]:focus:hover {
  border: 1px solid #BBB;
}

#wrap input[type="text"]:focus {
  width: 200px;
  z-index: 10000;
  border-bottom: 1px solid #BBB;
  cursor: text;
  background: white;  
  /*background-color: #7f51a1;*/
}
#wrap input[type="submit"] {
  height: 30px;
  width: 30px;
  display: inline-block;
  color:red;
  float: right;
  background: url(https://old.nct.hu/images/search.png) center center no-repeat #fff;
  /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNQTFRFU1NT9fX1lJSUXl5e1dXVfn5+c3Nz6urqv7+/tLS0iYmJqampn5+fysrK39/faWlp////Vi4ZywAAABF0Uk5T/////////////////////wAlrZliAAABLklEQVR42rSWWRbDIAhFHeOUtN3/ags1zaA4cHrKZ8JFRHwoXkwTvwGP1Qo0bYObAPwiLmbNAHBWFBZlD9j0JxflDViIObNHG/Do8PRHTJk0TezAhv7qloK0JJEBh+F8+U/hopIELOWfiZUCDOZD1RADOQKA75oq4cvVkcT+OdHnqqpQCITWAjnWVgGQUWz12lJuGwGoaWgBKzRVBcCypgUkOAoWgBX/L0CmxN40u6xwcIJ1cOzWYDffp3axsQOyvdkXiH9FKRFwPRHYZUaXMgPLeiW7QhbDRciyLXJaKheCuLbiVoqx1DVRyH26yb0hsuoOFEPsoz+BVE0MRlZNjGZcRQyHYkmMp2hBTIzdkzCTc/pLqOnBrk7/yZdAOq/q5NPBH1f7x7fGP4C3AAMAQrhzX9zhcGsAAAAASUVORK5CYII=) center center no-repeat;*/
  text-indent: -10000px;
  border: none;
  position: absolute;
  top: 10px;
  right: 0;
  z-index: 10001;
  cursor: pointer;
  opacity: 0.5;
  cursor: pointer;
  transition: opacity .4s ease;
}

#wrap input[type="submit"]:hover {
  opacity: 0.8;
}


.placeholder {
    background:#fff;
	color:#bfbfbf; 
	/*margin-right:20px;*/
    
}

#nyelvform{
	margin:28px 5px 20px 0;
	position:relative;
	/*width:100%;*/
    list-style:none;
	float:right;
	margin-right:20px;
    top: 17px;
    z-index: 10005;
}

div.ikon {
  float:left;
  text-align:center;
  height:100%;
  width:100%; 
  max-height: 75px;
  max-width: 85px;      
  margin-bottom:7px;
  margin-left: 2px;
  padding-bottom: 35px;
}


div.img
  {
  /*margin:5px;
  padding: 5px;
  border:1px solid #0000ff;*/
  /*height:auto;
  width:auto;*/
  /*height:98px;
  width:98px;*/

  /*float:left;*/
  /*text-align:center;*/
  margin-bottom:7px;
  }
div.img img
  {
  height:100%;
  width:100%; 
  max-height: 75px;
  max-width: 85px;
  /*margin-left: 2px;*/
  display:inline;
  margin-top:7px;
  /*margin-left: auto ;
  margin-right: auto ;*/
  /*border:1px solid #ffffff;*/
  }
div.img a:hover img
  {
  /*border:1px solid #0000ff;*/
  }
div.desc
  {
  text-align:center;
  font-weight:normal;
  /*max-width:98px;
  height:98px;*/
  margin-left: auto ;
  margin-right: auto ;
  /*width:60px;*/
  /*margin:5px;*/
  }
  
#product_table_paginate {
    font-size:1.5em;
    text-align: center;
}

#product_table_paginate .paginate_button, .paginate_active {
    padding-left: 5px;
    padding-right: 5px;
    
}
  
.upperword{
    text-transform: uppercase;
}