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

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

 html {
	 font-family: 'Open Sans', sans-serif;
 }
 
.tm-navbar-center.uk-flex.uk-flex-center.uk-hidden-small.uk-hidden-medium {
	display: flex;
	align-items: center;
	height: 100px;
}

.uk-slidenav-position .uk-width-medium-1-2 {
	width:100%;
}

.homepage #tm-header .uk-button {
	background-color: transparent;
	border: 1px solid white;
}

.homepage #tm-header .uk-button:before {
	border:1px solid white;
	width:50px;
	border-top:0px;
}

.beforeafter {
	overflow: hidden;
	text-align: center;

}

.beforeafter .uk-panel-title {
	display: inline-block;
	padding: 0 15px;
	position: relative;
	font-size:35px;
	font-weight:bold;
	line-height:45px;
	color:#818181;
	font-family: 'Anton', sans-serif;
	letter-spacing: 3px;
}

.uk-block-muted .beforeafter .uk-panel-title {
	color:white;
}

.beforeafter .uk-panel-title:before,
.beforeafter .uk-panel-title:after {
  background: #339b99;
  content: "";
  display: block;
  height: 3px;
  position: absolute;
  top: 50%;
  width: 400%;
  max-width: 480px;
}

.uk-block-muted .beforeafter .uk-panel-title:before, .uk-block-muted .beforeafter .uk-panel-title:after{
	background: #fff;
}

.uk-block-muted .nobeforeafter .uk-panel-title:before, .uk-block-muted .nobeforeafter .uk-panel-title:after {
	background:transparent;
}

.beforeafter .uk-panel-title:before {
  right: 100%;
}

.beforeafter .uk-panel-title:after {
  left: 100%;
}

#tm-top-d .beforeafter .uk-panel-title:before, #tm-top-d .beforeafter .uk-panel-title:after {
	background-color:white;
}

.tk-subtitle {
	font-family: 'Ubuntu', sans-serif;
	display:table;
	text-align:center;
	font-size:20px;
	width:100%;
	color:#989898;
}

.uk-block-muted .tk-subtitle {
	color:#cccccc;
}

.fontopensans p {
	font-family: 'Open Sans', sans-serif;
}

#tm-top-c .uk-slider > li {
	margin-left:40px;
	margin-right:40px
}

.homepage #tm-top-c.tm-block-fullwidth {
	padding-top:120px;
	padding-bottom:120px;
}

.tm-slider-chester .uk-slider > li > div {
    margin-left: 5vw;
    margin-right: 5vw;
}

.tm-slider-chester .uk-slider {
	padding-bottom: 50px;
}

.uk-h3.uk-margin-top-remove.uk-margin-top-remove {
    margin-left: 5vw;
	margin-right: 5vw;
	background-color:#339b99;
	color:white;
	padding: 10px 0px;
	font-family: 'Ubuntu', sans-serif;
	text-transform:uppercase;
}

.homepage #tm-top-d {
	background-color:#339b99;
}

.homepage #tm-top-d {
    background-color: #339b99;
}

.homepage #tm-top-d .uk-panel-title {
	color:white;
}

.homepage #tm-top-d .uk-margin{
	color:#fefefe;
	font-family: 'Open Sans', sans-serif;
}

.tm-block-footer {
	padding:0px;
}

.tm-footer-fixed .tm-block-footer {
	padding:0px;
	height: 50px;
}

.homepage {
	padding-bottom:50px;
}

#tm-anchor-bottom {
	display:none;
}

.tm-footer {
	padding-top:30px;
}

#tm-bottom-b.tm-block-fullwidth {
	padding-top:55px;
}

#tm-main {
	padding-bottom:0px;
	    padding-top: 80px;
}

.applicazionipage #tm-main {
	padding-bottom:120px;
}

.prodottipage #tm-main {
	padding-bottom:120px;
}

.contattipage #tm-main {
	padding-bottom:120px;
}

.tm-block-footer.tm-footer-centered.uk-contrast {
	background-color:#050505;
}

.homepage #tm-top-c .uk-panel-title {
	color:#339b99;;
}

.richiedipreventivo {
	background-color:#339b99;
	color:#fff;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	font-family: 'Anton', sans-serif;
	letter-spacing:2px;
	text-transform:uppercase;
}

.applicazioni .uk-panel-title {
	font-size:25px;
	margin-bottom:0px;
	width:90%;
	padding-left:0px;
}

.applicazioni .uk-margin {
	margin-top:0px;
	width:90%;
}

.tm-block-bottom-a.uk-block.uk-block-muted.tm-block-fullwidth.uk-block-large {
	padding:0px;
}

.homepage #tm-top-d {
	padding-bottom:75px;
	padding-top: 55px;
}

.uk-article-title{
	overflow:hidden;
	position:relative;
}

.uk-article-title{
  overflow:hidden;
  text-transform:uppercase;
  color:#339b99;
  font-family: 'Anton', sans-serif;
}

.uk-article-title:after{
  content:'';
  display:inline-block;
  width:100%; height:100%;
  margin-right:-100%;
  border-bottom:3px solid #339b99;
  position: absolute;
  top: -20px;
  margin-left: 25px;
}
	
.tk-pagesubitile {
	text-transform:uppercase;
	color:#339b99;
}

#tm-top-a.tm-block-fullwidth {
	padding:0px;
}

.homepage #tm-top-a.tm-block-fullwidth {
	padding:120px 0px;
}

.emptydiv {
	width:100%;
	height:30px;
	display:table;
}

.prodotti .uk-text-center.uk-panel-teaser {
	margin-bottom:0px;
}

.prodotti .uk-panel-title.uk-margin-bottom-remove {
	font-family: 'Anton', sans-serif;
	text-transform:uppercase;
	font-size:16px;
	background-color:transparent;
	position: absolute;
	z-index: 9999;
	color:white;
	padding: 5px 0px 5px 20px;
	max-width: 150px;
}

/*PULSANTI*/

.uk-button {
	position: relative;
	overflow: hidden;
	padding-right:49px;
	font-family: 'Anton', sans-serif;
	letter-spacing: 3px;
}

.uk-button:before{
    content: "";
    width: 55px;
    height: 100%;
    background-color: #BB1E2E;
    position: absolute;
    right: -14px;
    top: 0;
    -webkit-transform: skewX(-35deg);
    transform: skewX(-35deg);
	background-color: rgba(0,0,0,0);
}

.uk-button:after{
	font-family: FontAwesome;
	content: "\f0da";
	position: absolute;
	right: 10px;
	top:5%;
	font-size: 20px;
}

.homepage #tm-top-b .uk-button {
	background-color:#fefefe;
	color:#339b99;
}

.homepage #tm-top-b .uk-button:before {
	background-color: #e6e6e6;
}

.homepage #tm-top-a .uk-button:before, .homepage #tm-top-c .uk-button:before {
	background-color: #e6e6e6;
}

.homepage #tm-top-a .uk-button:after, .homepage #tm-top-c .uk-button:after {
	color: #339b99;
}

.homepage #tm-top-c .uk-button {
	color: white;
	background: #339b99;
}

/* END PULSANTI*/

#tm-footer {
	background-color:#000;
}

.foot-name {
	display: table;
	width: 86%;
	color:white;
	font-weight:bold;
	font-family: 'Anton', sans-serif;
	text-align: left;
	margin: auto;
	padding-left: 120px;
}

.bfQuickMode section.bfElemWrap {
	background:transparent;
}

.bfQuickMode .bfLabelLeft label {
	font-weight:bold;
}

.tk-map {
	width:80%;
	float:left;
    margin-left: -10%;
    z-index: 999999;
}

.contactform {
	width:30%;
	float:left;
	z-index: 999999999;
}

.contactscontainer {
	display:flex;
	align-items:center;
}

.bfSubmitButton.button {
	background-color:#fff;
	border-radius:5px;
	font-family: 'Ubuntu', sans-serif;
	border: 1px solid #339b99;
	padding-left: 20px;
	padding-right: 20px;
	font-weight: bold;
	color:#339b99;
}

.bfQuickMode legend {
	background: #339b99;
}

.tk-map > div {
	border-radius: 10px;
}

.bfPage-m.bfClearfix {
	padding: 10px 10px 10px 10px;
	border: 1px solid #ccc;
	margin: 0px 0px 10px 0px;
	width: auto;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color:#f4fafa;
}

input.ff_elem, textarea.ff_elem {
	background-color:#fff;
	padding:2px 5px;
}

.bfLegend-m {
	font-weight:bold;
}

.bfQuickMode fieldset {
	border:0px;
}

.uk-contrast .uk-button:hover {
	opacity:0.7;
	background-color:#339b99;
}

.homepage #tm-top-c .uk-button:hover {
	opacity:0.7;
}

.homepage #tm-top-b .uk-button:hover {
	opacity:0.7;
}

a.richiedipreventivo:hover {
	opacity:0.7;
	color:#339b99;	
}

.uk-block-primary{
	background:#339b99;
}

#tm-bottom-b .beforeafter .uk-panel-title:before, #tm-bottom-b .beforeafter .uk-panel-title:after {
	background: white;
}

.uk-navbar-nav > li {
	margin:0px 0px;
}

.tk-circle {
	width: 230px;
	height: 230px;
	background: #339b99;
	color:white;
	font-weight:bold;
	border-radius: 50%;
	display: flex;
	align-items: center;
	text-align: center;
}

.tk-circle .tk-circlecenter {
	transform: scale(1);
	transition: transform 0.3s;
}

.tk-circlecenter {
	margin:auto;
}

.tk-circle:hover {
	background-color:#1e8181;
}

.tk-circle:hover .tk-circlecenter{
	transform: scale(1.2);
	transition: transform 0.3s;
}

.divisionemeccanica .uk-slidenav-position.uk-margin {
	background:transparent;
}

#tm-bottom-b.uk-contrast .uk-panel:not([class*='uk-panel-box']) > .uk-panel-title {
	color:white;
}

#tm-top-a.uk-contrast .uk-panel:not([class*='uk-panel-box']) > .uk-panel-title, #tm-top-c.uk-contrast .uk-panel:not([class*='uk-panel-box']) > .uk-panel-title, #tm-top-a.uk-contrast .uk-panel:not([class*='uk-panel-box']) > .uk-panel-title  {
	color:#339b99;
}

.tm-block-bottom-b.uk-block.uk-block-primary.uk-contrast.tm-block-fullwidth.uk-block-large .uk-width-1-1.uk-row-first {
	padding-right:0px;
}

.tm-block-bottom-b.uk-block.uk-block-primary.uk-contrast.tm-block-fullwidth.uk-block-large .uk-grid-divider:not(:empty){
	margin-right:0px;
}

#ff_formdiv4 .bfPage-m.bfClearfix{
	background:#339b99;
}

.width30 {
	width:30%;
	float:left;
	margin-right:3%;
}

.prodotti .uk-text-center.uk-panel-teaser {
	overflow: hidden !important;
}

#tm-top-d a {
	color:white;
}

a.richiedipreventivo {
	background-color:white;
	color:#339b99;
}

#tm-top-d a.richiedipreventivo {
	color:#339b99;
}

/*tk now*/

.prodotti .uk-panel-title.uk-margin-bottom-remove {
	display:none;
}

.prodotti .uk-panel {
	overflow:hidden;
}

.prodotti .active {
	display:block!important;
}

.prodotti .uk-panel {
	margin-bottom:0px;
}

.uk-panel-title.uk-margin-bottom-remove.active {
    z-index: 99999999;
    position: absolute;
    width: 100%;
	background:transparent;
}

.prodotti > div:hover .uk-panel-title.uk-margin-bottom-remove{
	display:block;
	padding-top: 10px;
	margin-left: -10px;
	top: 0px;
}

.prodotti .uk-panel:hover .uk-panel-title.uk-margin-bottom-remove {
	display:block;
}

.prodotti .uk-panel:hover .uk-panel-title.uk-margin-bottom-remove::before, .prodotti .uk-panel:hover .uk-panel-title.uk-margin-bottom-remove::before {
	height: 321px;
	width: 197px;
	background-color: #339b99;
	top: -60%;
	z-index: -1;
	transform: rotate(25deg);
	transform-origin: top;
	transition: .5s left ease;
	left: 15px;
}

.prodotti .uk-overlay {
	max-width:250px;
	width:250px;
	max-height:250px;
}

#tm-bottom-d {
	display:none;
}

.prodotti .uk-panel-title.uk-margin-bottom-remove:before, .prodotti .uk-panel-title.uk-margin-bottom-remove:before {
    height: 220%;
    width: 80%;
    left: -100%;
    top: -50%;
    z-index: 1;
    transform: rotate(25deg);
    transform-origin: top;
    transition: .5s left ease;
}

.prodotti .uk-panel-title.uk-margin-bottom-remove:before, .prodotti .uk-panel-title.uk-margin-bottom-remove:before, .prodotti .uk-panel-title.uk-margin-bottom-remove:after, .prodotti .uk-panel-title.uk-margin-bottom-remove:after {
    position: absolute;
    content: '';
}

.prodotti .uk-panel-title.uk-margin-bottom-remove:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
	
}

.prodotti .uk-panel-teaser {
	margin-bottom:0px;
}

.prodotti .uk-panel-title.uk-margin-bottom-remove::after, .prodotti .uk-panel-title.uk-margin-bottom-remove::after {
    height: 356px;
    width: 160px;
    background-color: rgba(0,0,0,0.7);
    bottom: -240px;
    left: 30%;
    transform-origin: bottom;
    transform: rotate(-33deg);
    transition: left .8s;
    z-index: -2;
}

.prodotti .uk-overlay-icon:before {
	display:none;
}

.prodotti .uk-panel-title.uk-margin-bottom-remove::after, .prodotti .uk-panel-title.uk-margin-bottom-remove::after {

}

.prodotti .uk-panel-title.uk-margin-bottom-remove::before, .prodotti .uk-panel-title.uk-margin-bottom-remove::before, .prodotti .uk-panel-title.uk-margin-bottom-remove::after, .prodotti .uk-panel-title.uk-margin-bottom-remove::after {
    position: absolute;
    content: '';
}

/*APPLICAZIONI*/
.tk_gg_width25 {
	width:30%;
	float:left;
}
.tk_borderadius{
	border:1px solid white;
	border-radius: 50%;
	-moz-border-radius: 50%;
	width: 200px;
	height: 200px; 
	float:left;
	display:table;
	text-align:center;
	background: #339b99;
	border: 1px solid #339b99;
	overflow: hidden;
	text-align: center;
	margin-left: 19%;
}

.author-thumb{
	border-radius: 100%;
    -moz-border-radius: 100%;
    overflow: hidden;
    display: inline-block;
}

.tk_borderadius.tk_active::after{
    font: normal normal normal 30px/1 FontAwesome;
    content: "\f0d7";
    margin-top: -5px;
    margin-left: -5px;
    position: absolute;
    color: #0e3b3b;
}

.circle-thumb {
    border-radius: 100%;
    -moz-border-radius: 100%; 
	width: 200px;
}

.tk_borderadius.tk_active{
	background-color:#0e3b3b;
	border:1px solid white;
}

.tk_circle_text{
	height:200px;
	display:table-cell;
	vertical-align:middle;
	text-transform:uppercase;
	color:white;
	opacity:1;
	border-radius:50%;
	-moz-border-radius: 50%;
}

.text_container_description{
    text-align: left;
    float: left;
    color: #000;
    border-top: 1px solid #0e3b3b;
    padding-top: 35px;
    padding: 30px;
    padding-top: 20px;
    margin-top: 20px;
	text-align:justify;
}

.text_container_description.item2{
	display:none;
}

.text_container_description.item3{
	display:none;
}

.text_container_description.item4{
	display:none;
}  

.uk-navbar-toggle.uk-hidden-large {
	color:black;
}

.homechiasiamo {
    width: 100%;
    height: 450px;
    background-size: cover;
    background-image: url(../../../images/twimballaggi/chisiamo-home.jpg);
    background-attachment: fixed;
}

.contentchisiamo {
    float: right;
    padding: 50px;
    max-width: 25%;
    background: rgba(51,155,153,0.8);
    color: white;
	position: absolute;
	bottom: 11%;
	text-align: left;
	right: 15%;
}

.applicazioni.uk-container.uk-container-center {
	padding-left:0px;
	padding-right:0px;
}

.applicazioni.uk-grid > * {
	padding-left:0px;
}

.uk-slideshow.uk-overlay-active li:nth-child(4) .uk-heading-large > span, .uk-slideshow.uk-overlay-active li:nth-child(2) .uk-heading-large > span {
	color:#339b99;
}

.tm-slider-chester.uk-slidenav-position li {
	min-height:100%;
}

.text_container_description{
    min-height: 200px;
}

/*CHESTER*/

.tm-slider-chester .uk-slider > li {
  width: 65vw;
}
.tm-slider-chester .uk-slider > li > div {
  margin-left: 5vw;
  margin-right: 5vw;
}
.tm-slider-chester .uk-overlay {
  display: block;
}

@media screen and (max-width:1024px){
	.beforeafter .uk-panel-title:before,
	.beforeafter .uk-panel-title:after {
	  max-width: 330px;
	}
	.contentchisiamo{
		max-width:50%;
		padding:30px;
		bottom:10%;
	}
}

@media screen and (max-width: 767px){
	.tk-circle {
		width:100%;
		border-radius:0px;
		margin-bottom:20px!important;
		height:100px;
	}
	.contactscontainer {
		display:table;
		width:100%;
	}
	.contactform {
		width:100%;
		margin-bottom: 40px;
	}
	.tk-map {
		width:100%;
		margin:auto;
	}
}

@media screen and (max-width: 480px) {
	.contentchisiamo{
		max-width:80%;
		margin:auto;
		position:relative;
		margin-top: 35%;
	}
}