

.main-content {

    padding-top: 0px;

    padding-bottom: 0px;

}

.header-wrapper {

    overflow: visible;

   

    z-index: 999;

}

#header img {

    background: #fff;

    padding: 10px

}

#header .header-top .vc_column_container:last-child .vc_column-inner {

    justify-content: flex-end;

}

#header .top-links > li.menu-item > a,

#header .view-switcher > li.menu-item > a {

	color: #4366dc!important;

    font-weight: bold;

}

#header .top-links > li.menu-item > a:hover {

	color: #4366dc!important;

}

#header .share-links a:not(:hover) {

    background-color: #4366dc !important;

}

#header .share-links, .share-links { 

	display: flex; 

	flex-direction: row; 

}

#header .share-links a { 

	margin-right: 10px; 

}

.share-links .share-facebook { order: 1; }

.share-links .share-instagram { order: 2; }

.share-links .share-linkedin { order: 3; }

.share-links .share-youtube { order: 4; }

.footer h1, .footer h2, .footer h3 {

	color: #4366dc !important;

}

header .justify-content-end > div {

    justify-content: flex-end !important;

}

header .justify-content-between > div {

    justify-content: space-between !important;

}



/* Home banner */

@media screen and (max-width: 992px) {

	.home .porto-ibanner {

		min-height: 600px !important;

	}

	.home .owl-item:nth-child(1) .porto-ibanner .parallax-background {background-position:15% 0%!important;}

	.home .owl-item:nth-child(3) .porto-ibanner .parallax-background {background-position:80% 0%!important;}

} 



/* Post */

.post-template-default.single.single-post #main {

    display: flex;

    flex-direction: column-reverse;

}

/* Subtitle */

.subtitle {

    color: #e22525;

    font-size: 14px;

    line-height: 20px;

    text-transform: uppercase;

    font-weight: 500;

}

.subtitle.vc_text_separator {

    width: 100%;

	margin-bottom: 5px;

}

.subtitle .vc_sep_holder {

    flex: none;

    min-width: 0;

}

.subtitle .vc_sep_line {

    width: 50px !important;

    background-color: var(--porto-secondary-color) !important;

}

/* Button */

.bt-btn:not(.porto-btn) {

    border: 1px solid var(--porto-secondary-color);

    width: fit-content;

    padding: 5px;

    padding-bottom: 2px;

    margin-bottom: 0px;

}

.bt-btn.porto-btn {

    background: var(--porto-primary-color);

    color: var(--porto-primary-color-inverse);

    font-weight: bold;

}

.bt-btn.porto-btn:hover {

    background: var(--porto-primary-color-inverse);

    color: var(--porto-primary-color);

}

.bt-btn.porto-btn-ctn-right {

    float: right;

}

.bt-btn.porto-btn-ctn-center {

    margin: 0 auto;

}



.bt-only-btn, .bt-only-btn:hover {

    border: 1px solid var(--porto-secondary-color) !important;

    display: inline-grid;

    padding: 5px;

}

.bt-only-btn span:hover {

    background: var(--porto-primary-color-inverse);

    color: var(--porto-primary-color);

}

.bt-only-btn span {

    background: var(--porto-primary-color);

    color: var(--porto-primary-color-inverse);

    padding: 10px;

}

/* Immagine e testo */

.bt-alternate .vc_row {

	margin-top: 30px;

	margin-bottom: 30px;

}

.bt-alternate .vc_row {

    margin: 0px;

    display: flex;

    flex-direction: row;

}

.bt-alternate .vc_row:nth-child(even) {

    flex-direction: row-reverse;

}

.bt-alternate .vc_row .vc_column_container {

    margin: 30px 0px;

}

.bt-alternate .vc_row .vc_column_container:has(.vc_column-inner:empty) {

    margin: 0px;

    min-height: 290px;

}

/* Card */

.bt-card .porto-ultimate-content-box-container,

.bt-card .porto-sicon-box {

    background: var(--porto-primary-color-inverse);

    padding: 15px;

}

.bt-card h3 {

    color:  var(--porto-primary-color);

}

.bt-card .porto-sicon-img {

    font-size: 50px;

/*    padding: 10px;

    border: 1px solid var(--porto-primary-color);*/

}

.bt-card .porto-sicon-title {

    font-size: 1.15em;

}

.bt-card .porto-u-sub-heading {

    min-height: 50px;

}

@media screen and (min-width: 992px) {

	.porto-recent-posts h4 {

		min-height: 130px;

	}

}

@media screen and (max-width: 992px) {

	.porto-recent-posts h4 {

		min-height: 65px;

	}

}

.post-item h4 {

    margin-top: calc(196px + 20px);

}

.post-item:has(span.post-image) h4 {

    margin-top: 0px;

}

.post-item span.post-image img {

    height: 196px;

	object-fit: cover;

}

/* Step */

.step-item-title {font-size:1em;}



.bt-step.porto-process .process-step-circle {

    border: none;

}

.bt-step .img-circle {

    border-radius: 0;

}

.bt-step.porto-process.process-horizontal .process-step:before {

    background-color: var(--porto-secondary-color);

    height: 4px;

    top: calc(45px + var(--porto-h4-lh,24px) * 2);

}

.bt-step:not(.reverse).porto-process .process-step-circle {

    margin-bottom: calc(var(--porto-h4-lh,24px) * 2);

}

.bt-step .process-step-desc a {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    margin: 25px;

    opacity: 0;

}

.bt-step:not(.reverse).porto-process.process-horizontal .process-step:first-child:after,

.bt-step:not(.reverse).porto-process.process-horizontal .process-step:last-child:after,

.bt-step.reverse.porto-process.process-horizontal .process-step:nth-child(5):after {

    content: '>';

    position: absolute;

    color: var(--porto-secondary-color);

    font-weight: 400;

    font-size: 42px;

    left: 95%;

}



@media screen and (min-width: 992px) {

    .bt-step.porto-process.process-horizontal .process-step {

        flex: 1 0 16%;

        margin: 0;

        padding: 0;

        justify-content: flex-start;

        width: 16%;

    }

    .bt-step.reverse.porto-process.process-horizontal {

        flex-direction: row-reverse;

    }

    .bt-step:not(.reverse) .process-step {

        flex-direction: column-reverse;

    }

    .bt-step.reverse.porto-process.process-horizontal .process-step:first-child:before {

        content: none;

    }

    .bt-step.reverse.porto-process.process-horizontal .process-step:last-child:before {

        content: '';

    }

    .bt-step:not(.reverse).porto-process.process-horizontal .process-step:last-child:before {

        content: '';

        width: 4px;

        height: 48%;

        top: 76%;

        left: 50%;

    }

    .bt-step.reverse.porto-process .process-step-circle {

        margin-top:calc(var(--porto-h4-lh,24px) * 2);

    }

    .bt-step.reverse.porto-process.process-horizontal .process-step:before {

        height: 4px;

    }

	

    .bt-step:not(.reverse).porto-process.process-horizontal .process-step:before {

        top: calc(75px + var(--porto-h4-lh, 24px) * 2);

    }

    .bt-step.reverse.porto-process.process-horizontal .process-step:before {

        top: calc((90px - 4px) / 2 + var(--porto-h4-lh, 24px) * 2);

    }



    .bt-step:not(.reverse).porto-process.process-horizontal .process-step:first-child:after {

        top: calc(68px + var(--porto-h4-lh, 24px) * 2);

    }

    .bt-step:not(.reverse).porto-process.process-horizontal .process-step:last-child:after {

        transform: rotate(90deg);

        top: 95%;

        left: 44.5%;

    }

    .bt-step.reverse.porto-process.process-horizontal .process-step:nth-child(5):after {

        content: '<';

        top: calc(36px + var(--porto-h4-lh, 24px) * 2);

        left: -5%;

    }

}

@media screen and (min-width: 1280px) {

	.bt-step:not(.reverse).porto-process.process-horizontal .process-step:last-child:after {

        left: 44%;

    }

}

@media screen and (max-width: 992px) {

    .bt-step .process-step {

        flex-direction: column-reverse !important;

    }

    .bt-step.porto-process.process-horizontal {

        flex-direction: row;

    }

    .bt-step.porto-process.process-horizontal .process-step:before {

        content: '';

        width: 4px;

        height: 48%;

        top: 76%;

        left: 50%;

        position: absolute;

    }

    .bt-step.reverse.porto-process .process-step-circle {

        margin-bottom: calc(var(--porto-h4-lh,24px) * 2);

    }

    .bt-step.reverse.porto-process.process-horizontal .process-step:last-child:before {

        content: none;

    }

    .bt-step:not(.reverse).porto-process.process-horizontal .process-step:first-child:after,

    .bt-step:not(.reverse).porto-process.process-horizontal .process-step:last-child:after,

    .bt-step.reverse.porto-process.process-horizontal .process-step:nth-child(5):after  {

        transform: rotate(90deg);

        top: 95%;

        left: 47%;

    }

}

/* Portfolio */

.portfolio-desc {

    display: none;

}

.portfolio .m-t-sm:has(.portfolio-desc) {

    margin-top: 0 !important;

    margin-bottom: 0 !important;

}

.portfolio .m-t-lg:has(.portfolio-info) {

    display: none;

}

/* Other */

.bt-bg-text {

	padding-top: 7rem !important;

	padding-bottom: 7rem !important;

}

.section-with-shape-divider {

    padding-top: 100px

}

.bt-obg-primary::after {

    content: '';

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    width: 100%;

    height: 100%;

    background-color: var(--porto-primary-color);

    opacity: 0.5;

}

.section-with-shape-divider .shape-divider svg {

	left: 50%;

}

.vc_separator .vc_sep_holder.vc_sep_holder_l .vc_sep_line {

	background-image: none !important;

    background-color: #e22525 !important;

}

/* Dark */

.bg-primary .owl-carousel .owl-dots .owl-dot.active span,

.bg-primary .owl-carousel .owl-dots .owl-dot:hover span {

    background: var(--porto-secondary-color);

}

.bg-primary a:not(.btn-primary) {

    color: #FFFFFF;

}

.bg-primary p, .bg-primary a:hover, .bg-primary li {

	color: var(--porto-primary-color-inverse);

}

.bg-primary .bt-btn.porto-btn {

    background-color: var(--porto-primary-color-inverse);

    color: var(--porto-primary-color);

}

.bt-btn.porto-btn:hover {

    background: var(--porto-primary-color);

    color: var(--porto-primary-color-inverse);

}

.bg-primary h2, .bg-primary .subtitle {

    color: var(--porto-secondary-color-inverse);

}

.bg-primary .subtitle .vc_sep_line, .bg-primary .vc_separator .vc_sep_holder.vc_sep_holder_l .vc_sep_line {

    background-color: var(--porto-secondary-color-inverse) !important;

}

.bg-primary .card-header {

    background-color: var(--porto-primary-color-inverse)!important;

}

.bg-primary .card-header a:not(.btn-primary) {

    color: var(--porto-primary-color)!important;

}





/* BG sagoma */

.bg-top-dx {

  background-position: right top!important;

  background-repeat: no-repeat!important;

}

.bg-top-sx {

  background-position: left top!important;

  background-repeat: no-repeat!important;

}

.bg-bottom-dx {

  background-position: right bottom!important;

  background-repeat: no-repeat!important;

}

.bg-bottom-sx {

  background-position: left bottom!important;

  background-repeat: no-repeat!important;

}



/*LIST UL*/

ul li {line-height:1.5em}



/* BTN ARTICOLI */



.bt-btn-single {

    background: var(--porto-primary-color);

    color: var(--porto-primary-color-inverse);

    font-weight: bold;

	padding:20px 10px;

}

.bt-btn-single:hover {

    background: var(--porto-primary-color-inverse);

    color: var(--porto-primary-color);

}



/* MODULO DI CONTATTO */

.darkmodulo, .modulo {

	margin: 15px 20px; 

	display: flex; 

	flex-wrap: wrap; 

	justify-content: space-around; 

	gap: 6%;

}

.input input {

	border: 2px solid #ccc; 

	width: 100%; 

	font-size: 18px; 

	padding:16px; 

	color: #777; 

	font-weight: 400;

}

.input input:focus {

	border: 2px solid var(--porto-secondary-color); 

	color: var(--porto-primary-color); 

	font-weight: 600;

}

.input label {

	color: var(--porto-primary-color); 

	font-size: 16px; 

	margin-bottom:1 6px;

}

.input input[type="submit"] {

	width: 250px; 

	background-color: var(--porto-primary-color); 

	color: var(--porto-primary-color-inverse); 

	outline-offset: 3px; 

	outline: solid 1px var(--porto-secondary-color); 

	font-size: 14px; 

	text-transform: uppercase; 

	font-weight: 600; 

	border: 0;

}

.input input[type="submit"]:hover {

	background-color: var(--porto-secondary-color)!important; 

	color: var(--porto-primary-color-inverse); 

	outline-offset: 3px; 

	outline: solid 1px var(--porto-primary-color);

}

.darkmodulo .input input {

	border-color: var(--porto-primary-color-inverse); 

	margin-bottom: 30px; 

	background-color: var(--porto-primary-color); 

	color: var(--porto-primary-color-inverse);

}

.darkmodulo .input input:focus {

	color: #ccc;

}

.darkmodulo .input label {

	color: var(--porto-primary-color-inverse);

}

.darkmodulo .input input[type="submit"] {

	background-color:var(--porto-primary-color-inverse); 

	color: var(--porto-primary-color);

}

.darkmodulo .input input[type="submit"]:hover { 

	color: var(--porto-primary-color); 

	outline-offset: 3px; 

	outline: solid 1px var(--porto-primary-color-inverse);

}



/* Ombre */

.porto-ibanner-layer h1, .porto-ibanner-layer h2, .porto-ibanner-layer p {

	text-shadow: -7px 5px 8px rgba(29,43,80,0.9);

}

.porto-ibanner-layer h2, .porto-ibanner-layer p {

	text-align:left!important;

	line-height:1.2;

}

.porto-ibanner-layer p {

   font-size:80px!important;

}

.porto-ibanner-layer h1 {

   font-size:60px!important;

   line-height:1.2;

   

}

.onlymobile {display:none}

.mfp-counter {display:none}

@media screen and (max-width: 992px) {

   .porto-ibanner-layer p {

       font-size:35px!important;

       line-height:1.2;

   }

   .porto-ibanner-layer h1 {

       font-size:50px!important;

       line-height:1.2;

   }

   #header .mobile-toggle {

   color: var(--porto-primary-color) !important;

   }

   .onlymobile {

       display:block!important;

   }

}



/*.owl-item {

	-webkit-box-shadow: -5px 5px 15px -3px rgba(29,43,80,0.5); 

	box-shadow: -5px 5px 15px -3px rgba(29,43,80,0.5);

}*/



.w-100v {

    width: 101vw !important;

    max-width: 101vw !important;

}



h2 { line-height:1.1em!important; padding-top:15px!important;}



/* tabella */

.tg  {border-collapse:collapse;border-spacing:0;text-align:center;vertical-align:middle; color:#000}

.tg td{border-color:#d2d3d8;border-style:solid;border-width:2px;font-family:Arial, sans-serif;font-size:14px;

  overflow:hidden;padding:10px 5px;word-break:normal;}

.tg th{border-color:#d2d3d8;border-style:solid;border-width:2px;font-family:Arial, sans-serif;font-size:14px;

  font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}

.tg .tg-nero{background-color:#000;color:#ffffff; font-weight:600;}

.tg .tg-scuro{background-color:#f98a3c;color:#ffffff; font-weight:600;}

.tg .tg-medio{background-color:#fcc49d; font-weight:400;font-variant: small-caps; font-size:16px}

.tg .tg-chiaro{background-color:#fee8d8; font-weight:400;font-variant: small-caps; font-size:16px;}

.tg .tg-bianco{background-color:#fff;}

.tg .cinquanta {width:50%}

.tg .venticinque {width:25%;}



/*slider smalteria */

@media screen and (min-width: 768px) {

.smalteria .vc_images_carousel .vc_carousel-control .icon-next {margin-left:50px !important;}

.smalteria .vc_images_carousel .vc_carousel-control .icon-prev {margin-left:-80px!important}

}