/* FOGLIO DI STLE COMUNE A TUTTO IL SITO */

/*-----------*/
/*** Importazione fogli di stile comuni ***/
@import "css/common-reset.css";
@import "css/common-fonts.css";
@import "css/animate.css";
@import "css/common-margins.css";
@import "css/common-effects.css";
@import "css/common-form.css";
@import "css/lightgallery.css";
@import "css/common-gallery.css";
@import "css/common-navigation.css";
@import "css/swiper-bundle.min.css";
@import "css/common-preloader.css";

/*
 
Theme name: Karl Meitz Consulting Theme
 
Theme url: 
 
Description: Tema originale sviluppato per Wordpress utilizzato in esclusiva per il progetto web Karl Meitz
 
Version: 1.0
 
Author: Figure Creative
 
Author url: http://www.leparolegiuste.it
 
Tags:
 
*/

/*-----------*/
/*** UTLITY ***/
.clear {clear: both;}
.position-absolute {position: absolute !important;}
.position-relative {position: relative !important;}
.h-100 {height: 100% !important;}
.w-100 {width: 100% !important;}
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align:right;}
.text-uppercase {text-transform: uppercase !important;}
.overflow-hidden {overflow: hidden !important;}
.bg_att-fixed {background-attachment: fixed;}
/* opacità */
.opacity-25 {opacity: .25;}
.opacity-50 {opacity: .50;}
.opacity-60 {opacity: .60;}
.opacity-75 {opacity: .75;}
.opacity-80 {opacity: .80;}
.opacity-85 {opacity: .85;}
.opacity-90 {opacity: .90;}
/* raccordi */
.radius-100 {border-radius: 100%;};
/* ombre */
.box-shadow {box-shadow: 3px 3px 1px rgba(0,0,0,1);}
.txt-shadow {text-shadow: 3px 1px 1px rgba(0,0,0,1);}
/* tagli clip path */
.clip-path-destra {
    clip-path: polygon(0 0, 200% 0, 200% 100%, 0% 100%);
    overflow: visible;
}
.clip-path-sinistra {
    clip-path: polygon(-100% 0, 100% 0, 100% 100%, -100% 100%);
    overflow: visible;
}

/*-----------*/
/*** GENERALI ***/
body {background-color: #ffffff; color: #333333;}
a {text-decoration: none;}
#section {background-color: #ffffff;}
#footer, #footer p {
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size:20px;
	line-height:35px;
    font-weight: 400;
}
#footer a {
    text-decoration: underline;
    color: #AE0018;
}

/*-----------*/
/*** CUSTOM GRIGLIA Boostrap ***/
/*.container {
    max-width: 1720px;
    padding-right: 20px;
    padding-left: 20px;
}*/

.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: 20px;
    margin-left: 20px;
    width: auto;
}

#desktop-nav .main-nav ul li ul {
	left: 40px;
	width: calc( 100vw - 80px );
}

.target {
    position: absolute;
    top:0;
    left: 0;
    margin-top: -150px;
}


/*.row {
    margin-right: -10px;
    margin-left: -10px;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 10px;
    padding-left: 10px;
}*/

/*-----------*/
/*** COLORI ***/
/* background */
.bg_lime {background-color: lime;}
.bg_white {background-color: #ffffff;}
.bg_black {background-color: #000000;}
.bg_gold {background-color: #A88862;}
.bg_light {background-color: #F2EEE8;}
.bg_dark {background-color: #404040;}
.bg_grey {background-color: #cccccc;}
.bg_red {background-color: #AE0018;}
.bg_blue {background-color: #161B4B;}
/* colori testo */
.c_lime {color: lime;}
.c_white {color: #ffffff;}
.c_black {color: #000000;}
.c_grey {color: #cccccc;}
.c_medium-grey {color: #999999;}
.c_dark-grey {color: #333333;}
.c_light-grey {color: #cccccc;}
.c_gold {color: #A88862;}
.c_light {color: #F2EEE8;}
.c_red {color: #AE0018;}
.c_blue {color: #161B4B;}
/*sfumature*/
.bg_black-transparent-gradient {
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,0.5956976540616247) 0%, rgba(0,0,0,0) 100%);
}

/*-----------*/
/* STILI DI PARAGRAFO */
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 0;
}

.editor h1,
.editor h2,
.editor h3,
.editor h4,
.editor h5,
.editor h6 {
    margin-bottom: 1.5rem;
}

.editor h1, .h1 {font-size: 180px; line-height: 150px; text-transform: uppercase; font-weight: 700;}
.editor h2, .h2 {font-size: 60px; line-height: 65px; text-transform: uppercase;  font-weight: 400;}
.editor h3, .h3 {font-size: 50px; line-height: 55px; text-transform: uppercase;  font-weight: 700;}
.editor h4, .h4 {font-size: 45px; line-height: 50px;  font-weight: 400;}
.editor h5, .h5 {font-size: 150px; line-height: 130px; text-transform: uppercase; font-weight: 700;}
.editor h6, .h6 {}

p, .p, .editor ul:not(.gallery) {
	font-family: 'Roboto Condensed', sans-serif;
    font-size: 29px;
	line-height: 45px;
	font-weight: 400;
}
 p a, .editor p a {
    text-decoration: underline;
 }

 b, 
 p b, 
 .editor p b,
 strong,
 p strong,
 .editor p strong {
    font-weight: 700 !important;
 }

 p a:hover, .editor p a:hover {
    color: #AE0018;
    text-decoration: underline;
 }

    .editor p {margin-bottom: 1.5rem;}
    .editor p:last-child {margin-bottom: 0;}

	.editor h1, 
	.editor h2, 
	.editor h3, 
	.editor h4, 
	.editor h5, 
	.editor h6 {
		margin-bottom: 1.5rem;
	}
	.editor :not(blockquote) p:last-child {margin-bottom: 0;}
    .editor a:hover {text-decoration: underline;}

	.editor blockquote p {
		text-transform: uppercase;
		color: #333333;
		font-size: 18px;
		line-height: 33px;
		font-weight: 400;
        margin-bottom: 1.5rem;
        margin-left:15%;
        margin-right: 20%;
        letter-spacing: 2px;
	}

    /*.editor p {margin-top: 1.5rem;}*/

	.editor ul {
		list-style:disc;
		margin-left: 20px; 
		margin-bottom: 1.5rem;
	}

.txt-small, .txt-small p {
    font-size: 100% !important; 
    line-height: 125% !important;
}

sup {
    font-size: 30%;
    vertical-align: super;
}

base {
    font-size: 30%;
    vertical-align:baseline;
}

/*-----------*/
/*** LOGHI ***/
.logo {
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

    header .logo {
        width: 225px;
        height: 40px;
        background-image: url("img/logo-karlmeitz_ori_pos.svg");
    }

	footer .logo {
        width: 225px;
        height: 40px;
        background-image: url("img/logo-karlmeitz_ori_pos.svg");
		display: inline-block;
	}


/*-----------*/
/*** LINEE ***/
.line {
    height:2px; 
    margin: 20px 0;
    position: relative;
    margin-left: -10px;
    width: calc( 100% + 10px );
}

.line:before {
    content: "";
    position: absolute;
    top:0;
    left:0;
    width: 20px;
    height: 20px;
    border: 2px solid #4BA76A;
    background-color: #ffffff;
    border-radius: 100%;
    margin-left: -20px;
    transform: translateY(-50%);
}

    .download-item .line .label {
        background-color: #4BA76A;
        color: #ffffff;
        font-size: 10px;
        line-height: 10px;
        text-transform: uppercase;
        font-weight: 600;

        position: absolute;
        right: 0;
        top:50%;
        transform: translateY(-50%);
        padding: 3px 6px;
    }


/*-----------*/
/*** ICONE / BOTTONI / FRECCE ***/

/*///////////////////// BOTTONI //////////////////////////////*/

.btn_soluzioni {
    display: inline-block;
    float: left;
    padding-right: 80px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-top: 20px;
    background-image: url("img/arrow-down-grey.svg");
    background-position: right 25px top 10px;
    background-size: auto 65%;
    background-repeat: no-repeat;
    border-bottom: 8px solid;
    border-right: 8px solid;
    color: #999999;
}

.button {
    padding-top:0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 50px;
	border-radius: 0;
    background-color:transparent;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: lowercase;
	display:inline-block;
	cursor: pointer;
    border:0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right center;
    background-image: url("img/arrow-right-dark.svg");
    font-size: 25px;
    height: 40px;
    line-height: 40px;
}

    .button.white {
        background-image: url("img/arrow-right-white.svg");
    }

    .button.left-icon {
        padding-left: 50px;
        padding-right: 0;
        background-position: left center;
    }

    .button.c_red.arrow-down {
        background-image: url("img/arrow-down_red.svg") !important;
    }

    .button.c_red.download {
        background-image: url("img/ico_down-pdf_red.svg") !important;
    }

    .button:hover:enabled, a:hover .button:enabled, .button:hover:not(:disabled) {
        color: #AE0018 !important;
        background-image: url("img/arrow-right-red.svg");
    }



.post-thumb a:hover .button::before, .post-thumb .button:hover::before {transform: scale(1.5);}
.post-thumb a:hover .button::after, .post-thumb .button:hover::after {transform: scale(0.9);}

/*-----------*/
/*** BOX ***/

/* generiche */
.box_absolute {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.box_fixed{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.box {margin: 15vh 0; width: 100%;}

#box_A1 {
    /*height: calc( 100vh - 104px );*/
    overflow: hidden;
    position: relative;
}

/* swiper soluzioni */
.swiper-wrapper {height: auto;}


.carosello, .box_A1 {overflow: hidden;}
.carosello .swiper,  .box_A .swiper {overflow: visible;}
.carosello .swiper-slide {width:90%; max-width: 350px; height: 500px}
.carosello .swiper-scrollbar {height: 5px; margin-bottom: 20px;}
.carosello .button {}
.carosello .swiper-pagination,
.box_A .swiper-pagination {
    position: relative;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    /*z-index: -1;*/
    bottom:auto;
}
.carosello .swiper-pagination-bullet,
.box_A .swiper-pagination-bullet {
    background-color: #fff;
    border: 2px solid #333;
    width: 12px;
    height: 12px;
    opacity: 1;
}
.carosello .swiper-pagination-bullet-active, .box_A .swiper-pagination-bullet-active  {background-color: #333;}

.swiper-button-prev,
.swiper-button-next {
    position: relative;
    width: 30px;
    height: 40px;
    /*background-color: lime;*/
    top:auto;
    left: auto;
    right: auto;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.swiper-button-prev {background-image: url("img/arrow-prev_black.svg");}
.swiper-button-next {background-image: url("img/arrow-next_black.svg");}
.swiper-button-next:after {display: none;}
.swiper-button-prev:after {display: none;}

.home #box_KM {margin-top: 3rem !important;}

/* griglia progetti */
#griglia .post-thumb-list {margin-top:-3rem;}
.post-thumb {
    background-color: #333;
    color: #fff;
    background-repeat: repeat;
    background-size: 50% auto;
    background-position: center center;
    padding: 50px;
    position: relative;
}
a:hover.post-thumb {color: #fff;}
.post-thumb .editor p {margin-bottom: 0;}

.post-thumb .button {
    position: absolute;
    width: 40px;
    height: 40px;
    padding: 0;
    bottom:25px;
    left:40px;
    z-index: 2;
}
.post-thumb .fascia {
    position: absolute;
    bottom:0;
    height: 12%;
    left: 0;
    width: 100%;
    background-color: #333;
    z-index: 1;
}
.post-thumb .fascia2 {
    position: absolute;
    top:0;
    height: 100%;
    right: 0;
    width: 9%;
    background-color: #333;
    z-index: 1;
}

/* griglia scheda */
.scheda-griglia {overflow: hidden;}
.scheda-griglia .wrap-grid {width: calc( 100% + 10px );}
.scheda-griglia .grid-item,
.scheda-griglia .grid-sizer {width: calc( 25% - 10px )}
.scheda-griglia .grid .grid-item:nth-of-type(1) {width: calc( 50% - 10px )}
.scheda-griglia .grid-item {margin-bottom: 10px; overflow: hidden;}
.scheda-griglia .grid img {width: 100%;}

/*.private-consulting .post-thumb {background-color: #AE0018;}
.strategic-business-consulting .post-thumb {background-color: #161B4B;}*/

/* show-hide content */
.show-hide .hidden-content {
    display: none;
}

.show-hide .hidden-content.open-content {}

/*main-page-img*/
.main-page-img .h1 {
    margin-left: -20px;
    margin-bottom: -20px;
}

.main-page-content .box {
    margin: 6vh auto;
}

/*-----------*/
/*** IMMAGINI PROPORZIONALI ***/
.img {
	position:relative;
	overflow:hidden;
}

.circle {
    border:20px solid #666666;
    width: 90%;
    max-width: 200px;
    position: absolute;
    top:50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    opacity: .2;
    z-index: 1;
}

	.img-w100 img {width: 100%;}
	
	.img-o10 > .altezza {padding-bottom:10%;}
	.img-o15 > .altezza {padding-bottom:15%;}
	.img-o20 > .altezza {padding-bottom:20%;}
    .img-o23 > .altezza {padding-bottom:23%;}
    .img-o24 > .altezza {padding-bottom:24%;}
    .img-o25 > .altezza {padding-bottom:25%;}
	.img-o30 > .altezza {padding-bottom:30%;}
	.img-o40 > .altezza {padding-bottom:40%;}
	.img-o50 > .altezza {padding-bottom:50%;}
	.img-o54 > .altezza {padding-bottom:54%;}
    .img-o55 > .altezza {padding-bottom:55%;}
    .img-o56-5 > .altezza {padding-bottom:56.222%;}
	.img-o60 > .altezza {padding-bottom:60%;}
    .img-o63-3 > .altezza {padding-bottom:63.3%;}
	.img-o70 > .altezza {padding-bottom:70%;}
	.img-o80 > .altezza {padding-bottom:80%;}
	.img-o90 > .altezza {padding-bottom:90%;}
	
    .img-100 > .altezza {padding-bottom:100%;}
	
	.img-v10 > .altezza {padding-bottom:110%;}
    .img-v15 > .altezza {padding-bottom:115%;}
	.img-v20 > .altezza {padding-bottom:120%;}
    .img-v25 > .altezza {padding-bottom:125%;}
	.img-v30 > .altezza {padding-bottom:130%;}
	.img-v40 > .altezza {padding-bottom:140%;}
	.img-v50 > .altezza {padding-bottom:150%;}
	.img-v60 > .altezza {padding-bottom:160%;}
	.img-v70 > .altezza {padding-bottom:170%;}
	.img-v80 > .altezza {padding-bottom:180%;}
	.img-v90 > .altezza {padding-bottom:190%;}

/*-----------*/
/*** GALLERY ***/


/*--------------------------------------------------------------------------------*/
/*** Media Query comuni ***/
/* maggiore o uguale -> bootstrap ref. */
@media (min-width: 385px) /* SM */ {
    .container-fluid {
        margin-right: 30px;
        margin-left: 30px;
    }
}
@media (min-width: 576px) /* SM */ {
    .container-fluid {
        margin-right: 40px;
        margin-left: 40px;
    }
}
@media (min-width: 768px) /* MD */ {}
@media (min-width: 992px) /* LG */ {}
@media (min-width: 1200px) /* XL */ {}
@media (min-width: 1400px) /* XXL */ {}
@media (min-width: 1919px) {
    .box {margin: 20vh 0;}
    .container-fluid {
        margin-right: 120px;
        margin-left: 120px;
    }
    .home .h1 {font-size: 250px; line-height: 190px;}
    .home .box_A .img-o40 .altezza {padding-bottom: 75vh;}
}

@media (min-width: 1921px) {}

/* minore o ugale -> bootstrap ref. */
@media (max-width: 1920px)  {}
@media (max-width: 1600px)  {}
@media (max-width: 1399px) /* XL */ {
    /* correzione video full width per tablet*/
    .full-width-tablet {
        width: 100vw;
        margin-left: -40px;
    }
}
@media (max-width: 1119px) /* LG */ {
    .clip-path-destra, .clip-path-sinistra {clip-path:none;}
    .main-page-img .img-o40 .altezza {padding-bottom: 70%;}
    .main-page-img .h1 {
        font-size: 120px;
        line-height: 100px;
    }
}
@media (max-width: 991px) /* MD */ {
    .box {margin: 13vh 0;}
    .scheda-griglia .grid-item, 
    .scheda-griglia .grid-sizer {width: calc( 50% - 10px )}
    .scheda-griglia .grid .grid-item:nth-of-type(1) {width: calc( 50% - 10px )}
    h5, .h5 {font-size: 80px; line-height: 80px;}
    .post-thumb { padding: 40px;}
}
@media (max-width: 767px) /* SM */ {
    .box {margin: 15vh 0;}
   /* footer {text-align: center;}*/
    .main-page-img .img-o40 .altezza {padding-bottom: 110%;}
    .main-page-img .h1 {
        font-size: 60px;
        line-height: 60px;
        margin-left: -5px;
        margin-bottom: -10px;
    }

    .p, p, .editor p {
        line-height: 40px;
        font-size: 25px;
    }
    .scheda-griglia .grid-item, 
    .scheda-griglia .grid-sizer {width: calc( 100% - 10px )}
    .scheda-griglia .grid .grid-item:nth-of-type(1) {width: calc( 100% - 10px )}
    .post-thumb { padding: 35px;}

}
@media (max-width: 575px) /* XS */ {
    /* correzione video full width per mobile*/
    .full-width-mobile {
        width: 100vw;
        margin-left: -40px;
    }
}

/* compreso tra -> bootstrap ref. */
@media (min-width: 0px) and (max-width: 575px) /* XS */ {}
@media (min-width: 576px) and (max-width: 767px) /* SM */ {}
@media (min-width: 768px) and (max-width: 991px) /* MD */ {}
@media (min-width: 992px) and (max-width: 1199px) /* LG */ {}
@media (min-width: 1200px) and (max-width: 1399px) /* XL */ {}

/* extra */
@media (max-height: 1100px) {}

@media (max-height: 800px) {
    @media all and (orientation:landscape) {}
}
@media (max-height: 700px) {}

/* orientamento finestra/dispositivo */
@media all and (orientation:portrait) {}
@media all and (orientation:landscape) {}

/* solo dispositivi touch */
@media (hover: none) {}