/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
 
@import 'https://fonts.googleapis.com/css?family=Roboto Condensed:400,500';

/* Logo footer */
.tm-footer .tm-logo-footer { margin-top: -10px; }

.tm-navbar {
	height:79px;
}
.tm-block-texture-1 {
	background-image: none;
}
.uk-block-primary {
	background: #000;
}
.uk-block {
 padding-top: 15px;
 padding-bottom: 15px;
}

/* Foter da brembo.com */

.tkFooter {
	width:100%;
	font-size:14px;
}

.tkFooter p {
	margin:0 0 10px 0 !important;
}


.datiSocietari {
 /*margin-left: 40px;
  height: 49px;
  float: left;
  width: auto;*/
  width:50%;
  float:left;
}

.datiSocietari p b {
  color: #e90000;
  font-weight: bold;
  font-size: 15px;
}

.datiSocietari p span, footer .linkMenu p span {
  color: #e90000;
}

.datiSocietari a {
  color:#fff !important;
  
  
}

.linkMenu {
  /*margin-right: 40px;
  height: 49px;
  float: right;
  width: auto;
  width:50%;
  float:left;*/
  width:50%;
  float:left;
  text-align:right;
}

.linkMenu p span, footer .linkMenu p span {
  color: #e90000;
}

.linkMenu a {
  color:#fff !important;
}

.redSeparator {
  height: 1px;
  width: 100%;
  background-color: #fe0000;
}

.tkClear {
  clear: both;
}

.brandSite {
  /*margin-left: 40px;
  height: 50px;
  float: left;
  width: auto;*/
  width:50%;
  float:left;
}

.brandSite a {
  display: inline-block;
  margin-right: 10px;
  font-size: 0;
}

.followUs {
  /*margin-right: 40px;
  height: 50px;
  float: right;
  width: auto;*/
  width:45%;
  float:right;
  text-align:right;  
}

.followUs .listSocial a {
  display: inline-block;
  margin-top: 10px;
  margin-right: 2px;
}

@media (max-width: 768px) {
.linkMenu {
	width:100%;
	text-align:center;
}

.datiSocietari {
	width:100%;
	text-align:center;
}

.brandSite {
	width:100%;
	text-align:center;
}

.followUs {
	width:100%;
	text-align:center;
}
.followUs span {
	display:none;
}

}

.uk-button-primary {
	background-color:#e90000;
}

.uk-button-primary:hover {
	background-color:#970202;
}

.uk-button-primary:focus {
	background-color:#e90000;
}

.uk-button {
	border-radius: 0px;
}

.tm-overlay-menu .uk-navbar-nav > li.uk-active > a {
  color: #e90000;
}

.tm-overlay-menu .uk-navbar-nav > li > a:hover {
  color: #e90000;
}

.tm-overlay-menu .uk-navbar-nav .uk-dropdown .uk-nav-navbar > li > a:hover {
  color: #e90000;
}

::selection {
  background: #e90000;
}

#tm-bottom-d {

	padding: 20px 40px;
}

.uk-block-large {
    padding: 20px 40px;
}

.tm-padding-around {
    padding: 60px 40px;
}

.nn_tabs.outline_content>.tab-content {
    border: 0px solid #ddd;
    padding-top:30px;
}

.nn_tabs .nav-tabs {
    border-bottom: 0px solid #ddd;
    background-color:#464648;
}

/*.nn_tabs.outline_handles ul.nav-tabs>li a {
    border-left: 1px solid #fff;
   
    border-right: 1px solid #fff;
}
*/
    
.nn_tabs .nav-tabs>li>a {
	border-radius: 0px 0px 0 0;
}

.nn_tabs.top>ul.nav-tabs>li>a:focus, .nn_tabs.top>ul.nav-tabs>li.active>a:focus {
    box-shadow: 0 0px 0px #000;
}

.nn_tabs.align_right>ul.nav-tabs>li>a  {
	margin-left: 0px;
}

.nn_tabs.outline_handles ul.nav-tabs>li a, .nn_tabs.outline_handles ul.nav-tabs>li a:hover {
    border-left: 1px solid #373737;
    border-right: 0px solid #fff;
    border-top: 0px solid #fff;
    border-bottom: 0px solid #fff;
}

.nn_tabs.top.outline_handles>ul.nav-tabs>li.active a, .nn_tabs.top.outline_handles>ul.nav-tabs>li.active a:hover {
 border-bottom-color: transparent;
 background-color: #000;
 border-top: 2px solid #e90000;
}

.nn_tabs-toggle-inner {
	color:#fff;
	font-family: 'Roboto Condensed', sans-serif;
}

.nn_tabs>ul.nav-tabs>li>a:focus, .nn_tabs>ul.nav-tabs>li.active>a:focus {
 border-color: transparent;
}


/*.uk-panel > :not(.uk-panel-title):last-child {
    margin-bottom: 0;
    height: 450px;
    background: no-repeat;
}

.uk-block-primary {
    background: #fff;
}*/

.nn_tabs .nav-tabs>li>a {
	padding: 8px 25px;
}


.nn_tabs>.nav>li>a:hover{
	    background-color: #464648;
}
.nn_tabs>.nav>li>a:hover .nn_tabs-toggle-inner {
	color:#e90000;
}
.nn_tabs>ul.nav-tabs>li {
	 margin-bottom: 0px !important;
}

* + ul {
	margin-top:0px;
}

.TkSlideTrade {
	/*width:100%; background: url(../../../images/logo_brembo.jpg) left top no-repeat #000; 
	height:357px;*/
	background-color: #000;
}

.TkSlideTradeText {
	font-family: 'Muli', sans-serif;
    font-size: 50px;
    font-weight: 900;
    width: calc(100% - 30px);
    text-align: right;
    max-height: 250px;
    color: #fff;
    margin-top: -95px;
    padding-bottom: 50px;
    padding-right: 30px;
}

#tm-bottom-c {
	margin-top:60px;
	background-color:#fff;
}

body {
    background-color: #eeeeee;
}

.tm-container {
    background: #fff;
}

.nav > li > a {
	font-size: 16px;
}

.phocadownloadfile32 {
 border-bottom: 1px solid #464648;
 border-top: 0px;
 border-left: 0px;
 border-right: 0px;
 padding: 15px 10px 15px 90px;
}

.phocadownloadfile32 a {
	color: #636873
}
.tkTitleData {
	font-size:18px;
	line-height: 23px;
}
.tkTitleTrade{
	font-size: 30px;
    line-height: 24px;
}
.tm-container {
	box-shadow: 0px 0px 0px rgba(29, 37, 47, 0.8);
}
.tkTltRootFirst {
	color: #464648;
    font-size: 25px;
    font-family: 'Muli', sans-serif;
    font-weight: 900;
    margin: 0px;
    text-transform: uppercase;
}
.tkTltRoot {
	color: #464648;
    font-size: 25px;
    font-family: 'Muli', sans-serif;
    font-weight: 900;
    margin: 40px 0 0px 0;
    text-transform: uppercase;
}

.phocadownloadfilelist {
	border: 0px solid #cccccc;
}

.phocadownloadfilelist32 {
	padding: 20px 10px 70px 0px;
	border-bottom: 1px solid #949597;
	background: none !important;
}

.phocadownloadfilelist32 a {
	color:#464648;
	font-weight: 500;
	text-transform:uppercase;
}

.uk-navbar-center {
	max-width: 100%;
}

.uk-offcanvas-bar  {
	background-color: #000;
}

html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
    background: #e90000;
    color: #ffffff;
}

html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
    color: #e90000;
}
html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover{
    background: #47484c;
    color: #ffffff;
    outline: none;
}

@media (max-width: 767px) {
  .TkSlideTrade {
    display:none;
  }
  .TkSlideTradeText768 {
    display:display;
  }
   
  .tkTltRootFirst {
    font-size: 18px;

}
  .tkTltRoot {
	 font-size: 18px;
}

.tm-grid-divider > div:nth-child(n+2) {
    padding-top: 25px;
}
}

@media (min-width: 768px) {
  .TkSlideTradeText768 {
    display:none;
  }
}

.TkSlideTradeText768 {
    font-family: 'Muli', sans-serif;
    font-size: 36px;
    font-weight: 900;
    color:#464648;
    padding: 35px 0;
   
}

h2.nn_tabs-title {
	font-size: 24px;
	text-transform: uppercase;
	font-family: 'Muli', sans-serif;
    font-weight: 900;
    color:#464648;
}

.phocadownloadfilelist32:last-child {
    border-bottom: none;
}
@media (min-width: 767px){
.tm-navbar {
   
    padding: 0px;
}
}
.tm-icon {
    width: 80px;
}


.tk_file
{
	width: 100%;
}

.tk_icons
{
	float:left;
}

.tk_download_icon
{
	float:left;
}
.tk_download_icon:nth-child(1)
{
  margin-right: 10px;
}

.tk_file_preview
{
	float:left;
}

.tk_description
{
	width: 100%;
	margin-right:0px;
}

/*rob*/
.tk_icons {
  width: 14%;
  margin-right: 1%;
}
.tk_file_container {
  width: 85%;
  float: left;
}
.phocadownloadfilelist32 {
  padding: 20px 10px 20px 0px;
}

.image_item {
  width: 150px;
  height: 201px;
  border: 1px #000 solid;
  float: left;
  text-align: center;
  vertical-align: middle;
  margin-bottom: 15px;
  margin-right: 15px;
}
.image_item > div > img {
  max-width: 150px;
  max-height: 150px;
}
.over_div {
  height: 150px;
  width: 150px;
  position: absolute;
  margin-top: -150px;
  background-color: rgba(0,0,0,0.4);
  display: none;
}
.over_div > div {
  display: table-cell;
  vertical-align: middle;
}
.over_div > div > span {
  color: #fff !important;
  text-transform: uppercase;
}
.file_name_preview {
  color: #fff;
  background-color: #464648;
  text-align: left;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 12px;
  height: 45px;
  line-height: 18px;
  padding-top: 7px;
}
.image_item:hover .over_div {
  display: table;
}
.image_item > a:hover {
  text-decoration: blink;
}
.image_container {
  height: 150px;
  width: 150px;
  display: table-cell;
  vertical-align: middle;
}
.tk_images_preview {
  margin-top: 15px;
}

@media screen and (max-width: 479px) {
  .tk_download_icon:nth-child(1)
  {
    margin-right: 0px;
  }
  .tk_icons {
    width: 20%;
    margin-right: 5%;
  }
  .tk_file_container {
    width: 75%;
    float: left;
  }
}
@media (min-width: 1220px) {
  .tm-bottom-c.uk-grid > .uk-width-1-1.uk-width-large-1-2:nth-child(2) {
    padding-left: 0px;
  }
}

@media (min-width: 768px) {
  .tm-grid-divider {
    margin-top: 50px;
  }
  .tm-grid-divider > div:not(.uk-width-medium-1-1):nth-child(n+2) {
    border-left: 1px solid rgba(0, 0, 0, 0.06);
  }
}

/* RB */
/*.uk-slideshow.uk-overlay-active .uk-overlay-panel.uk-flex.uk-flex-center.uk-flex-middle.uk-text-center.uk-overlay-fade > div > .uk-margin {
  color: #000;
}
.tm-header-overlay h1 {
  border: 3px solid #000;
}*/


body.tm-navbar-fixed.tm-header-offset .tm-navbar:not(.tm-navbar-attached) [class*='tm-icon-']::before, body.tm-navbar-fixed.tm-header-offset .tm-navbar:not(.tm-navbar-attached) [class*='tm-icon-']::after {
    background: #2c3343;
}
.tm-navbar {
    box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0);
}

#tm-header .uk-slideshow.uk-overlay-active div.uk-overlay-panel.uk-flex.uk-flex-center.uk-flex-middle.uk-text-center.uk-overlay-fade > div {
  padding: 15px 25px;
  background: rgba(0,0,0,0.25);  /* sfondo nero opaco */
  /*background: rgba(0,0,0,0.7); */
  /*margin-bottom: 120px; /* solo per infografiche */
}

#tm-header .tm-new-logo .uk-slideshow.uk-overlay-active div.uk-overlay-panel.uk-flex.uk-flex-center.uk-flex-middle.uk-text-center.uk-overlay-fade > div {
    padding: 15px 25px;
	background: transparent;
}

.tm-new-logo.tm-header-overlay h1 {
	color: #000;
	border-color: #000;
}
.tm-new-logo.tm-header-overlay p {
	margin-top: 150px;
	color: #000;
}
.tm-new-logo .uk-flex-middle {
	align-items: flex-end;
}

/*#tm-header .uk-slideshow.uk-overlay-active .uk-overlay-panel.uk-flex.uk-flex-center.uk-flex-middle.uk-text-center.uk-overlay-fade > div {
  padding: 15px 25px;
  color: #000; 
}
.tm-header-overlay h1 {
  border: 3px solid #000;
}*/

/** ATTIVARE SE SLIDE È NERA **/
/*.homepage .tm-icon-menu {
	background: #fff;
}*/
.homepage [class*='tm-icon-menu']::before, .homepage [class*='tm-icon-menu']::after {
	background: #fff;
}
/**  **/
.homepage .uk-sticky-init .tm-icon-menu {
	background: #2c3343;
}
.homepage .uk-sticky-init [class*='tm-icon-menu']::before, .homepage .uk-sticky-init [class*='tm-icon-menu']::after {
	background: #2c3343;
}


.style1 {
  margin-top: 50px;
  font-size: 30px;
  line-height: 35px;
  font-weight: 800;
}
.uk-article-title {
  font-weight: 700;
}
th {
    background: #f3f3f3;
    border: 2px solid #fff;
    padding: 10px 5px;
    line-height: 20px;
    font-weight: 600;
}
td {
    padding: 0px 10px;
    vertical-align: top;
}
.tek_title {
    font-size: 20px;
    line-height: 20px;
    margin-top: 50px;
    color: #2c3343;
    font-weight: 600;
}



.width50 {
    width: calc(50% - 40px);
    float: left;
    margin: 20px;
}
.tm-header-overlay .width50 p {
    margin-top: 20px !important;
}

@media screen and (max-width: 768px) {
  .width50 .uk-heading-large {
      font-size: 35px;
      line-height: 50px;
      margin: 5px 0 10px 0;
      padding: 5px 10px;
  }
  .tm-header-overlay .width50 p {
      font-size: 15px;
      line-height: 20px;
      margin-top: 10px !important;
  }
}



.grid-competizione .uk-margin {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 215px;
  display: flex;
  align-items: center;
  color: #fff;
}
.grid-competizione .uk-margin > div {
  width: 100%;
}
.grid-competizione .logo_competizione {
  width: 90%;
  margin: auto;
  margin-bottom: 10px;
}
.grid-competizione .content_competizione {
  width: 90%;
  margin: auto;
}
.grid-competizione .logo_competizione > div:nth-child(2) {
  font-size: 18px;
  line-height: 25px;
  font-family: "Muli", Helvetica, Arial, sans-serif;
  font-weight: 500;
  margin-top: 5px;
}
.grid-competizione .content_competizione > div:nth-child(1) {

}
.grid-competizione .content_competizione > div:nth-child(2) {
  font-size: 27px;
  line-height: 30px;
  font-family: "Muli", Helvetica, Arial, sans-serif;
  font-weight: 500;
}
.grid-competizione .content_competizione > div:nth-child(3) {
  font-weight: 500;
  text-transform: uppercase;
}
.grid-competizione .content_competizione a {
  color: #fff;
  margin-top: 10px;
}
.grid-competizione .content_competizione a div {
  margin-top: 20px;
}
.grid-competizione .uk-button {
  background: #2c3343;
  color: #fff;
}

.homepage h1.uk-heading-large {
    font-size: 70px;
    line-height: 80px;
}
/*.homepage h1.uk-heading-large {
    font-size: 55px;
    line-height: 65px;
}*/


.ms-rteFontSize-4 {
  margin-top: 20px;
  font-size: 20px;
  margin-bottom: 10px;
}
.textArt {
  margin-top: 10px;
}
.teknet-title {
  font-family: "Muli", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 30px;
  line-height: 45px;
  padding-top: 20px;
  color: #000;
}
/*body.tm-navbar-fixed.tm-header-offset .tm-navbar:not(.tm-navbar-attached) [class*='tm-icon-']::before, body.tm-navbar-fixed.tm-header-offset .tm-navbar:not(.tm-navbar-attached) [class*='tm-icon-']::after, .tm-icon-menu{
	background: #fff;
}*/




.socialIcons {
  display: flex;
  float: right;
  margin-top: 10px;
}
.socialIcons i {
  font-size: 20px;
  line-height: 1.1;
}
.socialIcons > div {
  margin-right: 15px;
}
.socialIcons > div:nth-last-child(1) {
    margin-right: 0px;
}