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

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

/* Edit by TK GG GIO */
realizzazioni{
	font-size:35px;
	font-weight:bold;
	color:#d52b1e;
	padding-bottom: 60px;
	display: table;
	line-height:40px;
}
@media screen and (min-width:1400px){
	.uk-container{
		max-width:1400px;
	}
}
.emptydiv.large{
	height:120px;
}
.hometitle {
    font-size: 60px;
    line-height: 70px;
	font-weight:bold;
    color: #fff;
	text-align:left;
	display:table;
	margin-top:-90px;
}
.homeslider .uk-overlay-panel{
	justify-content:flex-start;
}
.homeslider .uk-overlay-panel > div{
	display:table;
	width:100%;
}
.uk-slideshow-fullscreen{
	height:calc(100vh - 100px);
}
.uk-slidenav{
	font-weight:bold;
}
.uk-navbar-nav > li.uk-active > a{
	font-weight:bold;
	text-transform:initial;
	font-size:15px;
}
.uk-navbar-nav > li > a{
	text-transform:initial;
}
h1{
	color:#d52b1e;
	font-weight:bold;
}
h2{
	color:#131313;
	font-weight:bold;
}
h2 span{
	color:#898989;
}
.homepage #tm-top-b{
	/* background-image:url(../../../images/marcop/homepage/home-02.jpg); */
	background-repeat: no-repeat;
	padding-top: 60px;
	background-size: 60%;
	background-position: bottom left;
}
.margintop120{
	margin-top:120px;
}
h1{
	font-weight:700;
    font-size: 30px;
    line-height: 35px;
}

titlered {
    font-size: 25px;
    color: #d52b1e;
    font-weight: bold;
    display: table;
    line-height: 30px;
	padding-bottom:30px;
	letter-spacing:2px;
	position:relative;
	padding-top:30px;
}
.homepage #tm-top-c{
	padding-top:0px;
}
.maxwidth400{
	max-width:400px;
}
titlered rotate{
	display: table;
    color: #000000;
    font-size: 15px;
    position: absolute;
    transform: rotate(-90deg);
    left: -80px;
    top: 0;
    margin-top: 55px;
}
body{
	letter-spacing:1px;
}
.tk-btn{
	display: table;
	border: 1px solid #d52b1e;
	padding: 7px 15px;
	margin-top:30px;
	margin-bottom:50px;
}
h2, .uk-h2 {
	font-size: 20px;
	line-height: 25px;
	margin-top: 0;
}
::selection{
	background:#d52b1e;
}
.uk-block-default + .uk-block-default, .uk-block-muted + .uk-block-muted, .uk-block-primary + .uk-block-primary, .uk-block-secondary + .uk-block-secondary{
	border-top:0px;
}
.maxwidth1100{
	max-width:1100px;
	display:table;
}
.professionalita{
	padding-top:60px;
}
.professionalita .uk-panel-title{
	font-size: 15px;
	font-weight: 700;
	max-width: 280px;
	display: table;
	text-align: center;
	line-height: 20px;
	margin: auto;
}
.servizihome > div:nth-child(1) figure{
	width:100%;
	height:100%;
}
.servizihome > div:nth-child(1) .uk-overlay-background{
	color:#000;
}
.servizihome .uk-overlay-hover:not(:hover):not(.uk-hover) .uk-overlay-panel:not(.uk-ignore){
	opacity:1;
}
.servizihome .maxwidth400{
	padding-left:12px;
}
.servizihome .uk-overlay-background{
	background:transparent;
}
.servizihome > div:nth-child(1) .uk-overlay-panel{
	bottom:initial;
	padding:0px;
}
.servizihome > div:nth-child(1) .uk-overlay.uk-overlay-hover {
	display: flex;
	align-items: center;
}
.servizihome > div:nth-child(1) .maxwidth400{
	padding-left:50px;
}
.servizihome .uk-overlay.uk-overlay-hover:hover > .uk-overlay-panel{
	background-color:#d52b1e;
	height: 100%;
    padding-top: 0px;
    display: flex;
    align-items: flex-end;
}
.servizihome > div:nth-child(1) .uk-overlay.uk-overlay-hover:hover > .uk-overlay-panel{
	background-color:initial;
	padding-top:initial;
	height:initial;
	display:initial;
}
.tek-white{
	color:#fff;
}
.servicehidden{
	display:none;
}
.servizihome .uk-overlay.uk-overlay-hover:hover .servicehidden{
	display:block;
}
.servizihome > div:nth-child(1) .uk-overlay.uk-overlay-hover::before{
	content:"";
}
.servizihome > div:nth-child(1) .uk-overlay.uk-overlay-hover:hover::before{
	display:none;
}
.servizihome .uk-overlay.uk-overlay-hover::before{
	content:"+";
	color: #d52b1e;
    z-index: 1;
    position: absolute;
    right: 0px;
    top: px;
	padding:5px 10px;
    font-size: 40px;
    line-height: 40px;
	background-color:#fff;
}
.servizihome .uk-overlay.uk-overlay-hover:hover::before{
	color: #fff;
	background-color:#d52b1e;
}
.homepage #tm-top-d{
	padding-top:60px;
}
.servicecontainer {
    max-width: calc(100% - 140px);
    display: table;
    margin: auto;
}
.uk-block-primary{
	background-color:#fff;
	color:#000;
}
.yearcontainer{
	padding:40px;
	background-image:url("../../../images/marcop/homepage/home-09.jpg");
	display: table;
	margin: auto;
}
.yearhome{
	padding:40px;
	background-color:#d52b1e;
	display: table;
	margin: auto;
	color:#fff;
	text-align:center;
	box-shadow: 0 0 14px -6px black;
	font-size:;
}
.tek-numserv{
	font-size:65px;
	font-weight:bold;
	line-height:70px;
}
num.counter-value{
	font-weight:bold;
	font-size:65px;
}
.boxnumber sup{
	content:"+";
	color:#d52b1e;
	font-size: 35px;
    font-weight: bold;
    top: -1em;
}
.boxnumber b {
    color: #666666;
    text-align: center;
    line-height: 15px;
    display: table;
    padding-top: 10px;
}
.boxnumber {
    display: table;
    text-align: center;
}
.halfbox {
    margin-left: 10%;
    display: table;
    width: 75%;
}
.uk-grid.rowtwo {
    margin-left: 15%;
}
.uk-grid.rowtwo{
	margin-top:60px;
}
.homepage #tm-bottom-a{
	padding-bottom:0px;
	padding-top:0px;
	background-position: 100% 18%;
}
.percheimmaginarlo{
	margin-top:120px;
	display:table;
}
#tm-bottom-e.uk-block-secondary{
	background-color:#e2211c;
	color:#fff;
	letter-spacing:2px;
	font-size: 14px;
	padding-bottom: 10px;
}
#tm-bottom-e.uk-block-secondary a{
	color:#fff;
}
#tm-bottom-e.uk-block-secondary .uk-panel-header .uk-panel-title{
	color:#fff;
	font-weight:bold;
}
.uk-block-secondary .uk-panel-header .uk-panel-title::after{
	border:0px;	
}
#tm-footer{
	background-color:#e2211c;
}
.tm-block-footer .tm-footer{
	color:#fff;
}
#tm-footer > div{
	border-top:1px solid #fff;
	padding-top:30px;
}
#tm-footer{
	padding-top:30px;
}
#tm-footer a{
	color:#fff;
}
.tm-navbar .uk-navbar-nav > .uk-parent::before{
	content: "+";
	color: #e2211c;
	position: absolute;
	right: 5px;
	top: 9px;
}
.tm-navbar .uk-navbar-nav > .uk-parent{
	padding-right:10px;
}
.percheimmaginarlo{
	display:table;
	margin:auto;
	padding-top:30px;
}
.introimage{
	position:relative;
}
.introimage span{
	position: absolute;
    top: 50%;
    max-width: 50%;
    color: #fff;
	font-size: 45px;
	line-height: 50px;
}
.uk-breadcrumb > li > a{
	text-transform:initial;
	color:#505050;
}
.uk-breadcrumb > li > span{
	text-transform:initial;
	color:#d52b1e;
	font-weight:bold;
}
.uk-breadcrumb > li:nth-child(n+2):before{
	content:"/";
	color:#505050;
}
.paddingright60{
	padding-right:60px;
}
.emptydiv{
	width:100%;
	display:table;
	height:60px;
}
.servizi #tm-bottom-a{
	background-repeat:no-repeat;
	background-position:bottom right;
	padding-bottom:80px;
}
.tkserv span{
	transform: rotate(-90deg);
    text-align: right;
    position: absolute;
    top: 120px;
    left: -70px;
    font-size: 30px;
    line-height: 30px;
    font-weight: bold;
    width: 280px;
	color:#fff;
	z-index:999
}
.servizibox figure::after{
	content: "+";
	font-size: 30px;
	line-height: 30px;
	color: #fff;
	background-color: #d52b1e;
	padding: 7px 12px;
	display: table;
	position: absolute;
	top: 0;
	right: 0;
}
.servizibox ul > li:nth-child(3) .tkserv span{
	top: 210px;
	left: -100px;
}
.servizibox figure:hover div{
	background-color:#d52b1e;
}
.servizibox figure:hover num{
	color:#fff;
}
.tkserv num{
	position: absolute;
	bottom: 20px;
	right: 30px;
	font-size: 120px;
	line-height: 120px;
	color:#d52b1e;
	z-index:9;
}
.servizi #tm-bottom-b .servcontainer{
	max-width:100%;
}
.servlink{
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:25px;
}
.servcontainer .uk-button{
	display:none;
}
.servcontainer .uk-slidenav-previous:before{
	content:url("../../../images/marcop/servizi-di-fornitura-e-posa/tkprev.png");
}
.servcontainer .uk-slidenav-next:before{
	content:url("../../../images/marcop/servizi-di-fornitura-e-posa/tknext.png");
}
.servizibox .uk-flex.uk-flex-left.uk-margin-top::after{
	content:"";
	width:100%;
	height:1px;
	background-color:#666666;
	width: calc(90% - 110px);
	margin-left:10px;
	margin-top: 30px;
}
.servizi #tm-bottom-c{
	background-color:#fff;
	padding-top:60px;
}
.tkredbox{
	color:#fff;
	background-color:#d52b1e;
	padding:30px 60px;
	max-width:60%;
	margin:auto;
	display:table;
}
.servizi #tm-bottom-d {
    padding-bottom: 30px;
	background-position:bottom;
	background-repeat:no-repeat;
	padding-top:0px;
}
.servizibox .uk-margin{
	margin-top:0px;
	margin-top:0px;
}
.uk-dropdown{
	width:400px;
}
.servcontainer .uk-panel-teaser{
	margin-bottom:0px;
}
.servcontainer .uk-panel:hover .servlink{
	background-color:#d52b1e;
}
.servcontainer .uk-panel:hover .tkserv num{
	color:#fff;
}
.margintop60{
	margin-top:60px;
}
.boxoverlay-service{
	background-color: #d52b1e;
	position: relative;
	margin-left: 0;
	margin-right: 0;
	padding: 40px;
	margin-top: 25px;
	color: #fff;
}
.servicetitle{
	display:table;
	display:flex;
	align-items:center;
}
.servicetitle num{
	font-size:60px;
	font-weight:bold;
	float:left;
	line-height: 60px;
}
.servicetitle b{
	display: table;
	float: left;
	margin-left: 20px;
	font-size:20px;
}
.positionrelative{
	position:relative;
}
.marginbottom240{
	margin-bottom:240px
}
.servicetitle.red{
	color:#d52b1e;
}
.smallcontainer{
	display:table;
	max-width:1150px;
	margin:auto;
}
.whitebox{
	padding: 30px 60px;
	background-color:#fff;
	border:2px solid #efefef;
	-webkit-box-shadow: 0px 0px 46px -24px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 46px -24px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 46px -24px rgba(0,0,0,0.4);
}
.servicepage #tm-bottom-a{
	/* background-image:url("../../../images/marcop/servizi-di-fornitura-e-posa/rimozione-e-smaltimento-amianto/back-realizzazioni.png"); */
	background-repeat:no-repeat;
	background-position:top right;
}
.boxhovered > div > div{
	border:2px solid #f5f5f5;
	padding:60px 20px;
	font-weight:bold;
	position:relative;
	background-color:#fff;
}
.boxhovered > div > div *{
	position:relative;
	z-index:1;
}
.boxhovered > div > div::after{
	content:"";
	display:block;
	background-repeat:no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-position: 50% 20%;
}
.boxhovered num{
	font-size:60px;
	color:#e2211c;
	font-weight:bold;
	display:table;
	margin:auto;
	padding-bottom:20px;
}
.boxhovered{
	text-align:center;
}
.boxhovered > div > div:hover{
	background-color:#e2211c;
	color:#fff;
}
.boxhovered > div > div:hover num{
	color:#fff;
}
.boxhovered > div > div:hover::after{
	/* background-image:url("../../../images/marcop/servizi-di-fornitura-e-posa/coperture-metalliche-grecate/coperture-metalliche-grecate-02.png"); */
}
.tk90{
	width:90%;
	display:table;
	margin:auto;
	max-width:1900px;
}
.coperturegrecate #tm-bottom-a{
	background-position:100% 150px;
	background-repeat:no-repeat;
}
#tm-bottom-a.uk-block-primary .uk-panel-teaser{
	background-color:#fff;
}
.lattoneria #tm-bottom-a {
    background-repeat: no-repeat;
    background-position: top right;
}
.impermeabilizzazioni #tm-bottom-a {
    background-repeat: no-repeat;
    background-position: top right;
}
.tkserv span{
	display:table;
	width:340px;
    top: 180px;
    left: -120px;
}

@media screen and (min-width:1660px){
	.servizi #tm-bottom-b .servcontainer{
		max-width:1600px;
		float:right;
		width:100%;
	}
}

@media screen and (max-width:1024px){
	.maxwidth400{
		float:right;
	}
	.maxwidth400 titlered {
		font-size: 25px;
		color: #d52b1e;
		font-weight: bold;
		display: table;
		line-height: 25px;
		padding-bottom: 4px;
		letter-spacing: 2px;
		position: relative;
		padding-top: 30px;
	}
	.servicecontainer titlered {
		font-size: 18px;
		line-height: 20px;
	}
	.introimage span{
		max-width:80%;
	}
	.tkserv span{
		top:200px;
	}
	.boxoverlay-service{
		margin-right:0px;
	}
	.maxwidth400 {
		max-width: 330px;
	}
	.servicetitle num{
		font-size:30px;
	}
	.whitebox {
		padding: 30px 30px;
	}	
}

@media screen and (max-width:767px){
	.hometitle {
		font-size: 40px;
		line-height: 40px;
	}
	h1, .uk-h1 {
		font-size: 40px;
		line-height: 45px;
	}
	h2, .uk-h2 {
		font-size: 25px;
		line-height: 30px;
	}
	.homepage #tm-top-b .uk-grid .uk-width-medium-1-2:nth-child(1) img{
		display:none;
	}
	.maxwidth400 {
		max-width: calc(100% - 50px);
	}
	.nomobile{
		display:none;
	}
	.professionalita .uk-panel-title{	
		margin:auto;
	}
	.servicecontainer {
		max-width: calc(100% - 50px);
	}
	num.counter-value {
		font-weight: bold;
		font-size: 35px;
		line-height: 115px;
	}
	h1, .uk-h1 {
		font-size: 25px;
		line-height: 30px;
	}
	h2, .uk-h2 {
		font-size: 20px;
		line-height: 25px;
	}
	.paddingright60{
		padding-right:0px;
	}
	.introimage, .introimage > img{
		height:250px;
	}
	.introimage span {
		position: absolute;
		top: 40%;
		max-width: 50%;
		color: #fff;
		font-size: 30px;
		line-height: 40px;
		max-width:100%;
	}
	.boxoverlay-service {
		position: relative;
		margin-left: 0;
		margin-right: 140px;
		padding: 40px;
		margin-top: 10px;
		color: #fff;
		width:calc(100% - 80px);
	}
	.marginbottom240{
		margin-bottom:20px;
	}
	.maxwidth400 titlered{
		font-size:20px;
		line-height:20px;
	}
	.homepage #tm-top-a .uk-slideshow.uk-slideshow-fullscreen.uk-overlay-active, .homepage #tm-top-a .uk-slideshow.uk-slideshow-fullscreen.uk-overlay-active > li{
		height: 50vh!important;
	}
}