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

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

@media (min-width: 1420px){
	.uk-container {
		max-width: 1400px;
		padding: 0 40px;
	}
}
.logintek .btn.btn-primary{
  border-radius: 0px;
  border: 2px solid #2f9dd8;
  padding: 7px 40px;
  background-color: transparent;
  color: #2f9dd8;
  font-weight: bold;
  text-transform: uppercase;
}
body{
	padding: 20px;
	background: #fff;
}
body.singlepage{
	padding-top:0px;
}
.tm-navbar{
	margin: 0px;
	margin-top: -20px;
	margin-left: -20px;
	margin-right: -20px;
	box-shadow:initial;
}
#tm-top-a{
	margin-top: -20px;
}
.uk-navbar-nav > li > a::after{
	display:none;
}
.uk-navbar-nav > li.uk-active > a:before {
    content: "";
    height: 3px;
    background-color: #2f9dd8;
    width: calc(100% - 20px);
    display: table;
    position: absolute;
	top: -30px;
}
.homepage .uk-navbar-nav > li.uk-active > a:before {
	top: -30px;
}
.slidehome{
	padding-right: 20px;
	text-align:left;
	font-size:25px;
	line-height:30px
}
.slidehome a{
	text-transform:uppercase;
	padding:12px 50px;
	background-color:#2f9dd8;
	text-decoration:initial!important;
	font-size:15px;
	line-height:18px
}
.numslide{
	color: #fff;
	font-size: 30px;
	line-height: 35px;
	display: table;
	width:150px;
	text-align: left;
	border-bottom: 2px solid #fff;
	padding-bottom: 10px;
	margin-bottom:20px;
}
.width50{
	width:50%;
	float:right;
}
.homeslide b{
	font-size:35px;
	line-height:40px;
	display:table;
	text-align:left;
	text-transform:uppercase;
}
.blacknumb .numslide{
	color:#4a4d54;
	border-bottom:2px solid #e4e4e6;
}
.tek-h1{
	font-size:50px;
	line-height:50px;
	color:#2f9dd8;
	font-weight:bold;
	text-transform:uppercase;
	padding-top: 20px;
	font-family: 'Noto Serif', serif;
}
.tek-h2{
	font-size: 25px;
	line-height: 30px;
	color:#4a4d54;
	font-weight:bold;
}
.bluesubtitle{
	font-size:35px;
	line-height:40px;
	color:#2f9dd8;
	text-transform:uppercase;
	margin-top:60px;
	display:table;
	font-weight:bold
}
.emptydiv{
	width:100%;
	display:table;
	height:30px;
}
.tek-btn-blue{
	text-transform:uppercase;
	color:#fff;
	padding:12px 50px;
	background-color:#2f9dd8;
	text-decoration:initial!important;
	font-size:15px;
	line-height:18px
}
.tek-btn-blue:hover{
	color:#fff;
}
.monitoraggioclick{
	list-style:url("../../../images/iotty/homepage/spunta.png");
	padding-right:10%;
}
.homepage #tm-top-c{
	background-color:#f6f7f7;
	background-image:url("../../../images/iotty/homepage/back-section-monitoraggio.png");
	background-position:right;
	background-repeat:no-repeat;
	background-size: 40% 100%;
}
.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:0px;
}
.width70{
	width:70%;
	float:left;
}
.width30{
	width:30%;
	float:left;
}
.displayflex{
	display:flex;
	align-items:center;
}
.displayflex > img{
	margin-right:30px;
}
.boxhomesol{
	font-family: 'Montserrat', sans-serif;
	font-weight:200;
	color:#000;
	padding:45px 0;
	padding-left:25px;
	border-left:2px solid #2f9dd8;	
}
.uk-block-primary{
	background:#fff;
}
.uk-block-primary .partnerhome .uk-panel-teaser{
	background-color:transparent;
}

.uk-slidenav-position .uk-slidenav-previous, .uk-slidenav-position .uk-slidenav-next{
	color: #4a4d54;
	font-size: 60px;
	font-weight: bold;
}
#tm-bottom-e{
	margin-left:-20px;
	margin-right:-20px;
	background-color:#f9fbfa;
	color:#929396;
	padding-bottom: 60px;
}
#tm-bottom-e .uk-panel-title{
	color:#4a4d54;
	border-bottom:0px;
	font-weight:bold;
}
#tm-footer{
	margin-left:-20px;
	margin-right:-20px;
	margin-bottom:-20px;
	color:#929396;
	background-color:#f9fbfa;
	padding-top:0px;
	padding-bottom:20px;
}
#tm-footer .uk-container.uk-container-center{
	border-top:2px solid #929396;
	padding-top:20px;
}
.homepage .tm-navbar > div{
	border-bottom:0px;
}
.tm-navbar > div{
	border-bottom:2px solid #e4e4e6;
}
.internalservice #tm-main{
	padding-top:30px
}
.uk-breadcrumb > li, .uk-breadcrumb > li > a, .uk-breadcrumb > li > span{
	text-transform:initial;
	color:#969696;
}
.percondomini #tm-bottom-a, .peralberghi #tm-bottom-a, .perpa #tm-bottom-a, .perpatr #tm-bottom-a{
	background-color:#f9fbfa;
}
.percondomini .monitoraggioclick, .peralberghi .monitoraggioclick, .perpa .monitoraggioclick, .perpatr .monitoraggioclick{
	 color:#858a94;
}
.percondomini #tm-bottom-a, .peralberghi #tm-bottom-a, .perpa #tm-bottom-a, .perpatr #tm-bottom-a   {
	background-image:url("../../../images/iotty/servizi/safety-blue-box-per-i-condomini/monitoraggio-a-portata-di-click.png");
	background-position:100% 50%;
	background-repeat:no-repeat;
	background-size: 40%;
}
.titleboxcondomini{
	color:#2f9dd8;
	font-weight:bold;
	display:flex;
	align-items:center;
}
.titleboxcondomini img{
	padding-right:10px;
}
.gridsafetyblue > div{
	border-left:2px solid #2f9dd8;
	padding-right:30px;
	padding-top:30px;
	padding-bottom:30px;
	margin-top:50px;
}
.gridsafetyblue{
	max-width: calc(100% - 10px);
	display: table;
	margin: auto;
}
.percondomini .uk-block-muted{
	background-color:#fff
}
html .uk-nav.uk-nav-offcanvas > li.uk-active > a{
	background-color:#2f9dd8;
}
.services #tm-main{
	padding-top:30px;
}
.services .tm-navbar-container{
	margin-left:20px;
	margin-right:-20px;
}
.services #tm-bottom-a{
	background-color: #f9fbfa;
}
.boxbluecount{
	color:#4a4d54;
}
.numberscount{
	display:table;
	float:left;
	width:30%;
	text-align:center;
}
.numberscount:nth-child(2){
	margin-left:3%;
	margin-right:3%;
}
.counter-value{
	font-size:40px;
	line-height: 40px;
}
.safetybluebox #tm-bottom-c{
	background-image:url("../../../images/iotty/servizi/safety-blue-box-03.jpg");
	background-repeat:no-repeat;
	background-position:right;
}
.uk-block-primary .uk-panel-teaser{
	background:#fff;
}
.emtpydiv{
	display:table;
	width:100%;
	height:30px;
}
.gridparadigma{
	color:#687480;
}
#tm-bottom-tek{
	background-color:#f9fbfa;
}
.gridoggidomani > div > div{
	border:6px solid #687480;
	padding:40px;
}
.oggidomanispan{
	margin-left:0px;
	color:#2f9dd8;
	text-transform:uppercase;
	font-weight:bold;
	font-size:40px;
	line-height:45px;
	width:100%;
	padding-bottom:20px;
	display:table;
	line-height: 70px;
}
.textleft{
	text-align:left;
}
.textright{
	text-align:right;
}
.textleft .oggidomanispan{
    width: calc(100% + 100px);
    display: table;
    margin-left: -100px;
    background-color: #f9fbfa;
}
.textright .oggidomanispan{
    width: calc(100% + 100px);
    display: table;
    margin-right: -100px;
    background-color: #f9fbfa;
}
.tekslider .uk-margin{
	margin-bottom:0px;
}
.metodoiotty{
	color:#4a4d54;
}
.metodoiotty{
	font-size: 20px;
    line-height: 30px;
}
.metodoiotty .title{
	content: "SOPRALLUOGO";
	font-size: 80px;
	display:table;
	line-height: 80px;
	color: rgba(54,160,217,0.2);
	padding-bottom:20px;
	font-weight: bold;
	text-transform:uppercase;	
}
.metodoiotty > div{
	border-bottom: 1px solid rgba(54,160,217,0.1);
	padding-bottom: 60px;
	padding-top: 60px;
}
.tecnologia #tm-main{
	padding-bottom:0px;
}
.metodoiotty > div:nth-child(2) .title{
	float:right;
	display:table;
	width:100%;
}
.metodoiotty > div:nth-child(3){
	border-bottom:0px;
}
.gridtecboxblue{
    font-size: 20px;
}
.tecnologia #tm-bottom-b{
	padding-top:0px;
}
.tecnologia #tm-bottom-c{
	background-color:#fff
}
.tecnologia #tm-bottom-b{
	background-color:#f5f6fa
}
.aboutus .titleboxcondomini{
	font-size: 30px;
	text-align: left;
	float: left;
	display:table;
}
.aboutus .titleboxcondomini::after{
	content: "";
    width: 70%;
    height: 2px;
    background-color: #2f9dd8;
    display: table;
    margin-top: 15px;;
}
.contentmission{
	color:#687480;
	display: table;
	width: 100%;
	margin-top: 60px;
	text-align: left;
}
.exesummary .uk-text-center.uk-panel-teaser{
	display:table;
	width:100%;
}
.exesummary > div:nth-child(odd) .uk-text-center.uk-panel-teaser .uk-overlay-scale{
	float:left;
	display:table;
}
.exesummary > div:nth-child(even) .uk-text-center.uk-panel-teaser .uk-overlay-scale{
	float:right;
	display:table;
}
.exesummary > div:nth-child(even) .uk-margin, .exesummary > div:nth-child(even) .uk-panel-title{
	text-align:right;
}
.exesummary > div:nth-child(even) .uk-margin{
	padding-left:30px;
}
.exesummary > div:nth-child(odd) .uk-margin{
	padding-right:30px;
}
.exesumgridcont{
	display:table;
	width:80%;
	margin:auto
}
.aboutus #tm-bottom-b{
	background-color:#f5f6fa;
}
.aboutus #tm-bottom-c{
	background-color:#fff;
}

/* TIMELINE */

.timeline {
  list-style-type: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.li {
  transition: all 200ms ease-in;
}

.timestamp {
  margin-bottom: 20px;
  padding: 0px 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 100;
  margin-left: -33px;
	font-size: 40px;
	line-height: 40px;
	color:#2f9dd8
}

.status {
  padding: 0px 40px;
  display: flex;
  justify-content: center;
  border-top: 2px solid #D6DCE0;
  position: relative;
  transition: all 200ms ease-in;
}
.status > span {
  font-weight: initial;
}
.status:before {
  content: "";
  width: 25px;
  height: 25px;
  background-color: white;
  border-radius: 25px;
  border: 1px solid #ddd;
  position: absolute;
  top: -15px;
  left: 42%;
  transition: all 200ms ease-in;
}
.li.complete .status {
  border-top: 2px solid #f5f6fa;
}
.li.complete .status:before {
  background-color: #2f9dd8;
  border: none;
  transition: all 200ms ease-in;
}
.li.complete .status > span {
  color: #687480;
  min-height: 160px;
  padding-top:40px;
  text-align:center;
}
.li.complete{
	width:30%
}

@media (min-device-width: 320px) and (max-device-width: 700px) {
  .timeline {
    list-style-type: none;
    display: block;
  }

  .li {
    transition: all 200ms ease-in;
    display: flex;
    width: inherit;
  }

  .timestamp {
    width: 100px;
  }

  .status:before {
    left: -8%;
    top: 30%;
    transition: all 200ms ease-in;
  }
}

/* END TIMELINE */

.aboutus #tm-bottom-a{
	padding-bottom:120px;
}
.titlecontact{
    color: #2f9dd8;
    font-weight: bold;
    font-size: 20px;
    line-height: 25px;
    padding-top: 20px;
    display: table;
    margin: auto;
}
.uk-dropdown-navbar .uk-nav-navbar > li.uk-active > a{
	color:#2f9dd8;
}
.uk-dropdown.uk-dropdown-navbar.uk-dropdown-width-1.uk-dropdown-center.uk-dropdown-bottom{
	width: 480px;
}
.numberscount > img{
	width: 180px;
    display: table;
    margin: auto;
    margin-bottom: 30px;
}
.singlepage .tm-navbar{
	margin-top:0px;
}
.bandieraeu{
	border-top:2px solid #929396;
	padding-top:60px;
	margin-left:-40px;
	margin-right:-40px;
}
.teklang{
	display: table;
	float: left;
	padding-top: 7px;
}
.uk-navbar-nav.uk-hidden-small{
	margin-right:25px;
}
.numslide{
	display:none;
}
.homepage #tm-top-b .uk-grid-width-medium-1-4 .uk-panel{
	min-height: 144px;
	padding: 50px 0px;
	border: 1px solid #2f9dd8;
}
.homepage #tm-top-c .bluesubtitle{
	max-width:650px;
}
.homepage #tm-top-c .width70{
	max-width: 735px;
}
.percondomini #tm-bottom-a .bluesubtitle, .peralberghi #tm-bottom-a .bluesubtitle, .perpa #tm-bottom-a .bluesubtitle, .perpatr #tm-bottom-a .bluesubtitle{
	max-width: 780px;
}
.percondomini #tm-bottom-a .monitoraggioclick{
    max-width: 605px;
}
.aboutus #tm-main{
	padding-bottom:0px;
}
.aboutus #tm-bottom-a{
	padding-top:0px;
}
.bluebefore:before{
	content: "";
    background-color: #2f9dd8;
    width: 3px;
    height: 140px;
    display: table;
    float: left;
    margin-right: 30px;
    margin-top: -10px;
}
.tek-desk{
	display:block;
}
.tek-mobile{
	display:none;
}
#sixPopup285 .sixPopupButton{
	width:250px!important;
	margin-top:20px,
}
.popupcontent{
	font-size:22px;
}
#sixPopup285 .sixPopup_container{
	width:100%!important;
}
#sixPopup285 .sixPopup_container img{
    display: table;
	margin: auto;	
}
#sixPopup285 .sixPopupButton{
	display: table!important;
    margin: auto!important;
    margin-top: 40px!important;
}
#sixPopup285 .sixPopup_container{
	padding-left:0px!important;
	padding-right:0px!important;
}


.tek-popupcontainer{
	position:fixed;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	background-color:rgba(0,0,0,.6);
	z-index:999;
	overflow:hidden;
}
.tek-popup{
	display: table;
    margin: auto;
    background-color: #fff;
    color: #000;
    margin-top: calc(50vh - 305px);
}
.tek-popup_content{
	position:relative;
}
.tek-popup_content > center{
	padding:40px;
}
a.tek-popup_button{
	background-color:#000;
	color:#fff!important;
	padding:10px 60px;
	margin-top:40px;
	display:table;
}
.tek-popup_close{
	position: absolute;
	padding: 10px;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	right: -25px;
	top: -27px;
	font-size: 30px;
	font-weight: bold;
	color: #2f9dd8!important;
	border: 2px solid #2f9dd8;
	text-decoration:initial;
}
.tek-popup_close:hover{
	text-decoration:initial;
}
#leftsection, #rightsection{
	display:table;
	float:left;
	width:50%
}
.bfQuickMode input[type=text], .bfQuickMode textarea, .bfQuickMode select, .bfQuickMode .uneditable-input{
	width:calc(100% - 40px);
	max-width:calc(100% - 40px)
}
.bfQuickMode input[type=text]{
	height:40px
}
.form-actions{
	display:table;
	margin:auto;
}
.form-actions .btn-primary,.form-actions .btn-info,.form-actions .btn-inverse{
	border-radius:0px;
	border:2px solid #2f9dd8;
	padding:7px 40px;
	background-color:transparent;
	color:#2f9dd8;
	font-weight:bold;
	text-transform:uppercase
}
.fontecontatori{
	font-size: 10px; 
	color: #b5b5b5; 
	display: table; 
	margin: auto; 
	font-weight:initial; 
	margin-top:30px;
	line-height:10px;
}
#tm-bottom-report{
	background: #2f9dd8;
}
.gridsafetybluesecond{
	color:#fff;
}
.gridsafetybluesecond > div{
	border-left:0px;
	margin-top:0px;
}
.gridsafetybluesecond .titleboxcondomini{
	color:#fff;
}
.partnerlink .uk-button{
	display:none;
}
.partnerhome .uk-button{
	display:none;
}
.videopresentazione{
  height:70vh;
  margin-bottom:100px;
}
.safetybluebox #tm-bottom-a.uk-block-primary .uk-panel-teaser{
  background-color:transparent
}
.safetybluebox #tm-bottom-a.uk-block-primary{
	color:#4a4d54;
}
.safetybluebox #tm-bottom-a.uk-contrast .uk-panel:not([class*='uk-panel-box']) > .uk-panel-title{
	color:#4a4d54;
}
.uk-dropdown-navbar .uk-nav.uk-nav-navbar > li > a::first-letter{
	text-transform:lowercase;
}
.sbb-homecate{
	color:#687480;
}
a.sbb-homecate:hover{
	text-decoration:initial;
	color:#fff;
	transition:color .5s
}
a.sbb-homecate:hover > div{
	background-color:#2f9dd8;
}
a.sbb-homecate:hover > div img{
	filter: brightness(0) invert(1);
}
@media screen and (max-width:1024px){
	.uk-navbar-nav.uk-hidden-small{
		display:none;
	}
	.uk-navbar-toggle.uk-visible-small{
		display:block!important;
	}
	.homepage #tm-top-a .width50{
		width:100%;
	}
	.homepage #tm-top-c{
		background-image:initial;
	}
	.homepage .width30 > img{
		padding-left:20px;
	}
	.percondomini #tm-bottom-a{
		background-image:initial;
	}
	.percondomini .width70{
		width:100%;
	}
	.homepage #tm-top-c .width70{
		width:100%;
	}
	.displayflex > img{
		width:70px;
		margin-right:20px;
	}
	.tm-navbar-container .mod-languages{
		display:none;
	}
	.safetybluebox .width70{
		width:calc(100% - 30px);
		padding:15px;
		background-color:rgba(255,255,255,.5)
	}
	.textleft .oggidomanispan{
		margin-left:0px;
		width:100%;
	}
	.textright .oggidomanispan{
		margin-right:0px;
		width:100%;
	}
	/* .percondomini #tm-bottom-b, .percondomini #tm-bottom-c{
		padding-top:0px;
	} */
	.percondomini #tm-bottom-a, .peralberghi #tm-bottom-a, .perpa #tm-bottom-a, .perpatr #tm-bottom-a{
		background-image:initial;
	}
	.peralberghi .width70, .perpa .width70, .perpatr .width70{
		width:100%;
	}
	.metodoiotty .title{
		font-size:50px;
		line-height:55px;
	}
	.metodoiotty > div{
		padding-top:30px;
		padding-bottom:30px;
	}
	.exesumgridcont{
		width:100%;
	}
	.tek-desk{
		display:none;
	}
	.tek-mobile{
		display:block;
	}
	.tek-mobile .status{
		border:0px;
		text-align:left;
		justify-content:left;
		padding-left:0px;
		padding-bottom:30px;
	}
	.tek-mobile .status:before{
		display:none;
	}
	.aboutus .tek-mobile{
		margin-bottom:60px;
	}
	.timestamp{
		align-items:initial;
	}
  .videopresentazione{
 	 height:380px;
  }
	
}
@media screen and (max-width:767px){
	.homepage #tm-top-a .uk-overlay-panel{
		padding:0px;
	}
	.bluesubtitle{
		margin-top:0px;
	}
	.safetybluebox #tm-bottom-b{
		padding-bottom:0px
	}
	.aboutus .uk-panel-space{
		padding-left:0px;
		padding-right:0px;
	}
	.aboutus #tm-bottom-a{
		padding-bottom:0px;
	}
	.aboutus .tek-mobile{
		margin-bottom:0px;
	}
	#leftsection, #rightsection{
		width:100%;
	}
	.tek-h1 {
		font-size: 35px;
		line-height: 40px;
	}
	.tek-h2 {
		font-size: 30px;
		line-height: 30px;
	}
	.bluesubtitle {
		font-size: 25px;
		line-height: 30px;
	}
	.homepage #tm-top-c .width70{
		width:100%;
	}
	.homepage #tm-top-c .width30{
		display:none;
	}
	#tm-main{
		padding-top:30px;
	}
	.bandieraeu img{
		max-width:300px;
	}
	body {
		/* overflow-x:hidden; */
		padding:0px;
		width: calc(100% - 40px);
		padding-left: 20px;
	}
	.services #tm-bottom-a{
		padding-top:20px
	}
	.numberscount{
		width:100%;
		margin-bottom:60px;
	}
	.safetybluebox #tm-bottom-a{
		padding-bottom:0px;
	}
	.metodoiotty .title{
		font-size:40px;
		line-height:45px;
	}
	.tecnologia .metodoiotty .uk-panel.uk-panel-space.uk-width-1-1{
		padding:0px;
	}
	.tecnologia #tm-bottom-c img{
		max-width:330px!important;
	}
	.uk-responsive-width.uk-responsive-height > img{
		margin-top:-12px;
	}
	.uk-navbar-toggle.uk-visible-small{
		margin-top:-20px;
	}
	.uk-navbar-toggle{
		margin-left:-35px;
		margin-right: -20px;
	}
	.homepage .uk-navbar-toggle{
		margin-left:-15px;
		margin-right:0px;
	}
	.homepage .uk-responsive-width.uk-responsive-height > img{
		margin-top:5px;
	}
	.homepage .uk-navbar-toggle.uk-visible-small{
		margin-top:10px;
	}
	.aboutus .titleboxcondomini{
		padding-bottom:25px;
	}
	#tm-bottom-e{
		margin-left:0px
	}
	.homeslide b {
		font-size: 25px;
		line-height: 28px;
	}
	.slidehome {
		padding-right: 20px;
		text-align: left;
		font-size: 20px;
		line-height: 25px;
	}
	.bandieraeu{
		margin:0px;
	}
	#tm-footer{
		margin:0px;
	}
	.fancybox-opened{
		width: 320px!important;
	}
	.fancybox-inner{
		width: 320px!important;
	}
	#sixPopup285 .sixPopup_container img{
		width: 250px!important;
	}
	.fancybox-overlay > .fancybox-opened.fancybox-wrap > .fancybox-skin{
		padding:0px!important;
	}
	.howork-noflex{
		display:table;
	}
	.howork-noflex video{
		margin-top:20px;
	}
  .videopresentazione{
 	 height:160px;
  }

}