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

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

@import url('https://fonts.googleapis.com/css?family=Poppins:400,600,900');


body {
    font-family: 'Poppins', sans-serif;
}
.uk-navbar-nav > li > a {
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
}
.uk-navbar-nav > li.uk-active > a {
    color: #000;
}
.uk-navbar-nav > li > a::after {
    content: '|';
    position: relative;
    height: 15px;
    background: #fff;
    opacity: 1; 
    transform: translateY(0px);
    font-size: 10px;
    line-height: 10px;
    color: rgba(79,79,79,0.3);
}
.uk-navbar-nav > li > a:active::after, .uk-navbar-nav > li > a:focus::after {
    height: 15px;
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}
.uk-navbar-nav > li:nth-last-child(1) > a::after {
    display: none;
}
.slide_title {
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
    width: 1220px;
    margin: auto;
}
.tk_slide_container {
    width: calc(100pc - 60px);
}
.uk-dropdown-navbar {
    margin-top: 20px;
}
h1 {
    font-size: 45px;
    line-height: 50px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
}
h2 {
    font-size: 30px;
    line-height: 35px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    color: #4f4f4f;
}
p {
    color: #4f4f4f;
    margin-top: 50px;
    font-size: 19px;
}
::selection {
    background: #006ba5;
}
.uppercase {
    text-transform: uppercase;
}
.title_intestazione {
    color: #006ba5;
    font-weight: 600;
}
.title_intestazione::before {
    content: "---------";
    letter-spacing: -2.5px;
    margin-right: 10px;
}
.tek_1_3 {
    width: 31%;
    margin-right: 2%;
    float: left;
}
.tek_1_3.invert {
    width: 31%;
    margin-left: 2%;
    margin-right: 0px;
    float: left;
}
.tek_2_3 {
    width: 66%;
    float: left;
}
.title_section {
    color: #13202e;
    font-size: 35px;
    line-height: 45px;
    margin-top: 10px;
    font-weight: 600;
}
.marginbottom220 {
    margin-bottom: 220px;
}
.marginbottom100 {
    margin-bottom: 100px !important;
}
.quadrotto_1_2 {
    width: 48.5%;
    float: left;
    margin-right: 3%;
}
.quadrotto_1_2.last {
    margin-right: 0px;
}
.quadrotto {
    background: #fff;
    text-align: center;
    padding-bottom: 60px;
}
.quadrotto img {
    margin-top: 70px;
    margin-bottom: 40px;
}
.quadrotto_title {
    padding: 0px 55px;
    color: #13202e;
    font-size: 25px;
    line-height: 35px;
    margin-top: 10px;
    font-weight: 600;
    margin-bottom: 30px;
}
.tek_btn {
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: #f29400;
    color: #fff;
    font-size: 20px;
    border-radius: 25px;
    margin: auto;
}
.tek_btn.orange {
    background: #f29400;
}
.tek_btn.green {
    background: #98bf0e;
}
.tek_btn.violet {
    background: #a5037b;
}
a:hover {
    text-decoration: none;
}
.width100 {
    width: 100%;
    float: left;
}
.descr_section {
    width: 100%;
    float: left;
    margin-top: 45px;
}
.quadrotto a:hover .tek_btn {
    opacity: 0.7;
}
.margintop50 {
    margin-top: 50px;
}

.tek_gradient .uk-overlay-background {
    background: rgba(19, 32, 46, 0.5);
}
/*.wk_gradient .uk-overlay-background {
	background-image: linear-gradient(transparent, rgba(0,0,0,0.5));
}*/
.wk_title {
    font-weight: 600;
    font-size: 24px;
    line-height: 25px;
    margin-bottom: 15px;
    margin-top: 5px;
}
.line {
	letter-spacing: -2.5px;
}
.line::before {
	content: "------";
	letter-spacing: -2.5px;
	float: left;
	margin-right: 2px;
}
.line.orange::before {
    color: #f29400;
}
.line.green::before {
	color: #98bf0e;
}
.line.violet::before {
	color: #a5037b;
}
.line.blue::before {
	color: #006ba5;
}
a.colororange {
    color: #f29400;
    text-decoration: none;
}
.wk_gradient .uk-overlay-background {
background: rgba(19,19,19,0);
background: -moz-linear-gradient(top, rgba(19,19,19,0) 0%, rgba(19,19,19,0) 0%, rgba(28,28,28,0) 9%, rgba(43,43,43,0) 18%, rgba(43,43,43,0) 20%, rgba(44,44,44,0.21) 37%, rgba(71,71,71,0.43) 54%, rgba(89,89,89,0.65) 72%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(19,19,19,0)), color-stop(0%, rgba(19,19,19,0)), color-stop(9%, rgba(28,28,28,0)), color-stop(18%, rgba(43,43,43,0)), color-stop(20%, rgba(43,43,43,0)), color-stop(37%, rgba(44,44,44,0.21)), color-stop(54%, rgba(71,71,71,0.43)), color-stop(72%, rgba(89,89,89,0.65)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(19,19,19,0) 0%, rgba(19,19,19,0) 0%, rgba(28,28,28,0) 9%, rgba(43,43,43,0) 18%, rgba(43,43,43,0) 20%, rgba(44,44,44,0.21) 37%, rgba(71,71,71,0.43) 54%, rgba(89,89,89,0.65) 72%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(19,19,19,0) 0%, rgba(19,19,19,0) 0%, rgba(28,28,28,0) 9%, rgba(43,43,43,0) 18%, rgba(43,43,43,0) 20%, rgba(44,44,44,0.21) 37%, rgba(71,71,71,0.43) 54%, rgba(89,89,89,0.65) 72%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(19,19,19,0) 0%, rgba(19,19,19,0) 0%, rgba(28,28,28,0) 9%, rgba(43,43,43,0) 18%, rgba(43,43,43,0) 20%, rgba(44,44,44,0.21) 37%, rgba(71,71,71,0.43) 54%, rgba(89,89,89,0.65) 72%, rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(19,19,19,0) 0%, rgba(19,19,19,0) 0%, rgba(28,28,28,0) 9%, rgba(43,43,43,0) 18%, rgba(43,43,43,0) 20%, rgba(44,44,44,0.21) 37%, rgba(71,71,71,0.43) 54%, rgba(89,89,89,0.65) 72%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131313', endColorstr='#000000', GradientType=0 );
}
a.colorgreen {
	color: #98bf0e;
    text-decoration: none;
}
a.colorviolet {
	color: #a5037b;
    text-decoration: none;
}
.wk_gradient .uk-overlay-panel.uk-flex.uk-flex-center, .tek_overlay .uk-overlay-panel.uk-flex.uk-flex-center {
	justify-content: left;
    text-align: left !important;
    align-items: flex-end;
}
.quadrotto_1_3 {
	width: 32%;
	float: left;
}
.quadrotto_1_3.first {
	margin-right: 2%;
}
.quadrotto_1_3.last {
	margin-left: 2%;
}
.width_60 {
	width: 60%;
	float: left;
}
.quadrotto_1_3 .quadrotto_title {
    padding: 0px 10px;
    color: #13202e;
    font-size: 22px;
    line-height: 30px;
    margin-top: 0px;
    font-weight: 600;
    margin-bottom: 0px;
}
.quadrotto_1_3.quadrotto img {
    margin-top: 50px;
    margin-bottom: 40px;
}
.wk_gradient.wk_nofirst > div:nth-child(1) .uk-overlay-background {
	background: transparent;
}
.marginauto {
	margin: auto;
}
.margintop70 {
	margin-top: 70px;
}
.tek_text_center {
	text-align: center;
}
.margintop140 {
	margin-top: 140px;
}
.style1 {
	font-weight: 600;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 28px;
}
.style2 {
	font-size: 22px;
    line-height: 40px;
    color: #13202e;
    font-weight: 600;
    border-bottom: 4px solid #006ba5;
    padding-bottom: 0px;
    display: table;
    margin: auto;
}
.style2.orange {
    border-bottom: 4px solid #f29400;
}
.style2.green {
    border-bottom: 4px solid #98bf0e;
}
.style2.violet {
    border-bottom: 4px solid #a5037b;
}
#tm-bottom-e img {
	margin-bottom: 30px;
}
.footer_title {
	font-weight: 600;
}
.footer_margin {
	margin-top: 95px;
	margin-bottom: 15px;
}
#tm-bottom-e table {
	margin-top: 40px;
    margin-bottom: 20px;
}
#tm-bottom-e i {
	margin-right: 10px;
}
#tm-bottom-e a {
	color: #687480;
}
#tm-bottom-e .social_icons a {
	color: #4f4f4f;
}
.tm-block-footer {
    padding: 25px 0 20px;
    background: #fff;
    color: #4f4f4f;
}
.tm-block-footer .tm-footer {
    position: relative;
    color: #4f4f4f;
}
.tm-block-footer b {
    font-weight: 600;
}
.slide_page_title {
    font-size: 40px;
    font-weight: 600;
    line-height: 50px;
    margin-bottom: 10px;
}
.uk-breadcrumb > li:nth-child(n+2):before {
    content: "//";
    display: inline-block;
    margin: 0 10px;
    color: rgba(255, 255, 255, 0.5);
}
.uk-breadcrumb {
    text-transform: initial;
}
.uk-dropdown, .uk-dropdown-blank {
    width: 350px;
    text-align: center;
}
.title_intestazione.orange {
    color: #f29400;
    font-weight: 600;
}
.title_intestazione.green {
    color: #98bf0e;
    font-weight: 600;
}
.title_intestazione.violet {
    color: #a5037b;
    font-weight: 600;
}
.wk_subitle {
    font-size: 14px;
    line-height: 17px;
}
.width_50 {
    width: 49%;
    float: left;
}
.width_50.left {
    margin-right: 2%;
    text-align: right;
}

#tm-bottom-a .width_50 .tab {
    display: table;
    width: 100%;
    float: left;
    padding: 20px 0px;
    background: #fff;
    margin-bottom: 25px;
}
#tm-bottom-a .width_50 .tab .col1 {
    float: left;
    width: 70px;
    text-align: center;
}
#tm-bottom-a .width_50 .tab .col2 {
    float: left;
    width: calc(100% - 190px);
}
#tm-bottom-a .width_50 .tab .col3 {
    float: left;
    width: 120px;
    text-align: center;
}
#tm-bottom-a .width_50 .tab.opened {
    background: #006ba5;
    color: #fff;
}
.displayhidden {
    display: none;
}
#tm-bottom-a .width_50 .tab .col2 .title {
    font-size: 25px;
    line-height: 35px;
    margin-bottom: 15px;
}
#tm-bottom-a .width_50 .tab .col1 {
    font-size: 25px;
    line-height: 35px;
    margin-bottom: 15px;
    color: #006ba5;
}
#tm-bottom-a .width_50 .tab.opened .col1 {
    color: #fff;
}
.tek_container_blue {
    color: #fff;
    background: #006ba5;
}
.tek_container_blue .title_intestazione {
    color: #fff;
}
.tek_container_blue .title_section {
    color: #fff;
}
.go_outside {
    margin-left: -70px;
    margin-right: -70px;
    padding: 70px;
}
.styleabsolute1 {
    position: absolute;
    width: 100%;
    margin-top: 70px;
    z-index: 9;
}
.chi_siamo_page #tm-bottom-b {
    background-image: url(../../../images/dema/tinteggiatura-e-decorazioni-milano-02.jpg);
    height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.chi_siamo_page #tm-bottom-c {
    padding-top: 350px;
}
.materie_prime .title {
    font-size: 22px;
    font-weight: 600;
    line-height: 35px;
    margin-bottom: 5px;
}
.chi_siamo_page .width_40 {
    width: calc(37% - 80px);
    float: left;
    margin-left: 3%;
}
.quadrotto_grigio {
    background: #fff;
    padding: 25px 40px;
    margin-bottom: 10px;
    width: 100%;
    float: left;
}
.quadrotto_grigio > div:nth-child(1) {
    color: #006ba5;
    font-weight: 600;
    text-transform: uppercase;
}
.quadrotto_grigio > div:nth-child(2) {
    color: #13202e;
    font-size: 25px;
    line-height: 30px;
    margin-top: 5px;
    font-weight: 600;
}
.width_50.first {
    margin-right: 2%;
}
.wk_title_1 {
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.wk_descr_1 {
    font-size: 15px;
    line-height: 20px;
}
.hover_grey .uk-panel-box:hover {
    padding: 25px;
    background: #687480;
    color: #fff;
}
.tek_container_blue .uk-accordion-title {
    color: #f3f3f3;
    background-color: rgba(255,255,255,0.1);
}
.tek_container_blue .uk-accordion-title.uk-active {
    color: #f3f3f3;
    background-color: rgba(255,255,255,0.1);
}
.tek_container_blue .uk-accordion-title.uk-active::before {
    content: "\f056";
    color: #fff;
}
.tek_container_blue .uk-accordion-title:hover::before {
    color: #fff;
}
.tek_container_blue .uk-accordion-content > :last-child {
    margin-bottom: 25px;
}
.width_80 {
	width: 80%;
}
.bfElemWrap {
	background: #f4f4f4;
	padding: 10px 0px;
}
.bfQuickMode .controls .control-label {
    width: calc(100% - 30px);
    min-width: calc(100% - 30px);
    vertical-align: text-top;
    padding: 0px 15px;
    font-size: 20px;
    line-height: 30px;
    color: #4f4f4f;
}
.bfQuickMode input[type=text], .bfQuickMode textarea, .bfQuickMode select, .bfQuickMode .uneditable-input {
    max-width: 95%;
    width: 95%;
    margin: 0px 15px;
}
#bfElemWrap12 span {
	max-width: 95%;
    width: 95%;
    margin: 0px 15px;
    display: table;
}
.form-inline .checkbox {
    width: calc(25% - 10px);
    float: left;
}
.checkbox.inline:nth-child(4n+1) {
	margin-left: 0px !important;
}
.bfQuickMode .icon-asterisk {
    display: none;
}
#ff_form1 .btn-primary {
    background-color: #13202e;
    color: #ffffff;
    padding: 10px 25px;
}
.form-actions {
    padding: 0px 0px 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.bfQuickMode .pull-right {
    float: left;
}
#bfGroupLabel26 {
	width: 100%;
}
.bfElemWrap#bfElemWrap26, .bfElemWrap#bfElemWrap27 {
	background: #fff;
	display: table;
}
.form-inline .checkbox input[type="checkbox"] {
    float: left;
    margin-right: 5px;
    margin-left: 0;
}
.form-inline .checkbox#bfGroupLabel26 input[type="checkbox"] {
    float: left;
    margin-right: 10px;
    margin-left: 0;
}
#bfElemWrap12 {
	color: #006ba5;
}
.width_100 {
	display: table;
	width: 100%;
}
.contatti_page #tm-bottom-b {
	border-top: 0px;
	padding-top: 0px;
}
.displaytable {
    display: table;
    width: 100%;
}

@media screen and (max-width: 1200px) {
    .wk_title_1 {
        font-size: 17px;
        font-weight: 600;
        line-height: 20px;
    }
}

@media screen and (max-width: 1023px) {
    .slide_title {
        font-size: 40px;
        line-height: 50px;
        font-weight: 700;
        width: 100%;
        margin: auto;
    }
    .marginbottom220 {
        margin-bottom: 50px;
    }
    .tek_1_3 {
        width: 100%;
        margin-right: 0%;
        float: left;
        margin-bottom: 30px;
    }
    .tek_1_3.invert {
        width: 100%;
        margin-right: 0%;
        float: left;
        margin-bottom: 30px;
        margin-top: 30px;
    }
    .tek_2_3 {
        width: 100%;
        float: left;
    }
    .descr_section {
        padding: 0px 15px;
        width: calc(100% - 30px);
    }
    .width_60 {
        width: 80%;
        float: left;
    }
    .tm-bottom-c .width_60 {
        width: 60%;
        float: left;
    }
    .chi_siamo_page .width_40 {
        width: calc(37% - 40px);
    }
    .quadrotto_grigio {
        background: #fff;
        padding: 25px 20px;
    }
    .quadrotto_grigio > div:nth-child(2) {
        font-size: 23px;
        line-height: 27px;
    }
    .wk_title {
        font-weight: 600;
        font-size: 21px;
    }
    .bfQuickMode input[type=text], .bfQuickMode textarea, .bfQuickMode select, .bfQuickMode .uneditable-input {
        max-width: 93%;
        width: 93%;
    }
    .form-inline .checkbox {
        width: calc(50% - 10px);
    }
    .checkbox.inline:nth-child(2n+1) {
        margin-left: 0px !important;
    }
    .tk_slide_container {
        width: 100%;
    }
    .uk-visible-small {
        display: block !important;
    }
    .uk-hidden-small {
        display: none !important;
    }
    .uk-navbar-content {
        height: 66px;
    }
    html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
        background: #5f5e5e;
        color: #ffffff;
    }
    .go_outside {
        margin-left: -20px;
        margin-right: -20px;
        padding: 70px 20px;
    }
}

@media screen and (max-width: 1023px) {
    .uk-grid .uk-width-large-1-2:nth-child(1) {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 767px) {
    .slide_title {
        font-size: 26px;
        line-height: 35px;
    }
    h1 {
        font-size: 35px;
        line-height: 45px;
        font-weight: 700;
        font-family: 'Poppins', sans-serif;
    }
    h2 {
        font-size: 25px;
        line-height: 35px;
        font-weight: 700;
        font-family: 'Poppins', sans-serif;
        color: #4f4f4f;
    }
    .quadrotto_1_2 {
        width: 100%;
        float: left;
        margin-right: 0%;
    }
    .quadrotto_1_2.last {
        margin-right: 0px;
        margin-top: 30px;
    }
    .width_60 {
        width: 100%;
        float: left;
    }
    .quadrotto_1_3.first {
        margin-right: 0%;
        margin-bottom: 20px;
    }
    .quadrotto_1_3.last {
        margin-left: 0%;
        margin-top: 20px;
    }
    .quadrotto_1_3 {
        width: 100%;
        float: left;
    }
    .width_50.left {
        margin-right: 0%;
        text-align: right;
    }
    .width_50 {
        width: 100%;
        float: left;
    }
    #tm-bottom-a .width_50 .tab .col3 {
        display: none;
    }
    #tm-bottom-a .width_50 .tab .col2 {
        float: left;
        width: calc(100% - 120px);
    }
    .chi_siamo_page #tm-bottom-a .width_50.right.margintop70 {
        margin-top: 0px;
    }
    #tm-bottom-a .width_50.right .tab .col2 {
        float: left;
        width: calc(100% - 120px);
        margin-left: 40px;
    }
    .chi_siamo_page #tm-bottom-c {
        padding-top: 750px;
    }
    .tm-bottom-c .width_60 {
        width: 100%;
        float: left;
        margin-bottom: 40px;
    }
    .chi_siamo_page .width_40 {
        width: calc(100% - 40px);
        float: left;
        margin-left: 0%;
    }
    .footer_margin {
        margin-top: 5px;
        margin-bottom: 15px;
    }
    .width_80 {
        width: 100%;
    }
    .bfElemWrap {
        background: #fff;
        padding: 0px;
    }
    .bfQuickMode .controls .control-label {
        padding: 0px;
    }
    .bfQuickMode input[type=text], .bfQuickMode textarea, .bfQuickMode select, .bfQuickMode .uneditable-input {
        margin: 0px;
    }
    .form-inline .checkbox {
        width: 100%;
        margin-left: 0px !important;
    }
    #bfElemWrap12 span {
        max-width: 100%;
        width: 100%;
        margin: 0px;
        display: table;
    }
   	.marginbottom100 {
	    margin-bottom: 40px !important;
	}
}