:root {
  --tk-googreen: #00a24c;
  --tk-polyhedra: #003c8b;
  --tk-classic: #0049ac;
  --tk-fittings: #5a636f;
  --tk-evic: #d57d00;
  --tk-white: #ffffff;
}
.tk-gogreen{
    color: var(--tk-googreen);
}
.tk-polyhedra{
    color: var(--tk-polyhedra);
}
.tk-classic{
    color: var(--tk-classic);
}
.tk-fittings{
    color: var(--tk-fittings);
}
.tk-evic{
    color: var(--tk-evic);
}
.tk-white{
    color: var(--tk-white);
}
.lang-switcher-dropdown{
	background-color:transparent;
	color:#fff;
	border:0px;
}
.lang-switcher-dropdown option{
	color:#000
}
.tk-footer{
	background-color:#000a18;
}
.yearhistory {
	font-size: 15em;
    font-weight: 900;
    line-height: 1;
	position:relative;
	padding-left:50px;
}
.yearhistory::before{
	content: "";
    width: 1px;
    background-color: #fff;
    height: calc(100% + 20px);
    position: absolute;
    left: 0px;
}
.yearhistory::after{
	content: "";
    width: 15px;
    height: 15px;
    background-color: #fff;
    bottom: -26px;
    position: absolute;
    left: -7px;
    border-radius: 50%;
}
.historycontainer{
	position:relative;
	padding-bottom:20px;
}
.historycontainer::after{
	content: "";
    position: absolute;
    bottom: 0px;
    width: 150vw;
    height: 1px;
    background-color: #fff;
    left: -50vw;
}
.otgs-development-site-front-end{
  display: none !important;
}
.uk-modal-body.uk-padding-large{
	padding:0px 40px;
	width:100%;
	max-width:1700px;
	margin:auto;
}
.uk-modal-body h1, .uk-modal-body .uk-h1{
	margin-bottom:10px!important;
}
.uk-modal-body .uk-h5, .uk-modal-body h5{
	margin-bottom:10px!important;
	margin-top:0px!important;
}
.linesmenu a{
    font-size: 2.5vw!important;
}
.linesmenu a:hover{
	color:#000!important;
}
.product-thumbs a img {
    width: 50%;
    height: auto;
    object-fit: cover;
}
.product-thumbs {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
.arrowslider a, .arrowslider a:hover{
    color:#000;
}
.castelimages {
    background-color: #fff;
}
.castelimages img{
    padding: 20px 30px;
}
.castel-values{
    overflow:hidden;
    border-top:1px solid #fff;
}
.castel-value-row{
    border-bottom:1px solid #fff;
    padding-bottom:10px;
    margin-top:10px!important;
}
.castel-product .uk-card-title {
    margin-top: 20px;
    margin-bottom: 0px;
    color: #0049ac !important;
}
.castel-product .uk-card .uk-card-media-top, .castel-card .uk-card-media-top.uk-text-center {
    transition: border-radius .3s;
}
.castel-product .uk-card .uk-card-media-top:hover,  .castel-card .uk-card-media-top.uk-text-center:hover {
    border-radius: 60px 0px 0px 0px;
    transition: border-radius .3s;
}
.castel-type-desc{
    min-height: 145px;
}
.castel-lines-links{
    margin-top:0px!important;
}
.uk-list-divider>:nth-child(n+2) {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #e5e5e5;
}
.circle-element {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #fff;
    border-radius: 50%;
    aspect-ratio: 1;
    padding: 35px;
    line-height: 18px;
    min-height: 260px;
    background-color: #003070;
    position: relative;
    z-index: 1;
}
.circle-element > div{
    max-width:200px
}
.uk-h1 .circle-element{
    font-size: 44px;
    line-height: 45px;
}
.uk-panel .circle-element::after {
    position: absolute;
    content: "";
    width: 300px;
    height: 1px;
    background-color: #fff;
    z-index: -1;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
}
.circlescontainer > div:nth-child(4) .circle-element::after {
    content: none; /* Rimuove la linea ::after dal quarto cerchio */
}
.castel-counters .el-number{
    font-size:90px;
    color:#0049ac;
    font-weight: 900;
}
.castel-counters .el-text{
    font-weight:900;
    font-size:35px;
    color:#00132d;
}
.castel-counters .el-unit{
    font-size:90px;
    color:#0049ac;
    font-weight: 900;
}
.page-id-4407 .lang-switcher-dropdown{
	color:#000
}
#tm-main{
	padding-bottom:0px;
}
@media screen and (max-width:1700px){
	.workwithus{
		padding-left:70px;
	}
}
@media screen and (max-width:1500px){
    .circle-element{
        font-size: 16px;
        min-height: 220px;
    }
    .uk-h1 .circle-element {
        font-size: 34px;
        line-height: 35px;
    }
}
@media screen and (max-width:1300px){
    .circle-element{
        font-size: 16px;
        min-height: 160px;
    }
    .uk-h1 .circle-element {
        font-size: 30px;
        line-height: 32px;
    }
    .uk-panel .circle-element::after{
        width:250px;
    }
}