/* CSS Document create by Sitoperte.com */

div.mod-languages ul li.lang-active {
  background-color: #EFEFEF !important;
}

  @media (min-width: 1400px) {

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {

  max-width: 1140px;

}

}



#offcanvas-toggler {



  margin-top: 15px;

}



.sp-scroll-up {

  border-radius: 0;

}



.offcanvas-menu .logo  {

display:none

}



body.ltr #offcanvas-toggler.offcanvas-toggler-right {

  float: right !important;

  margin-left: 10px !important;

}





body {

background:#fff !important;

}



.coming-soon-title, .coming-soon-login {

display:none

}



::-moz-selection {

background-color:#333;

color:#fff



}



::selection {

background-color:#333;

color:#fff

}



.slidehome {

 border-top: 3px solid #161616; 

 margin-top:10px

}



.tpp-bootstrap .btn-outline-secondary:hover, .btn-outline-secondary:hover {

    color: #161616

}



.TzPortfolioDescription, .iconhover  {

   display:none

}



.tplBesley .element .TzInner .TzArticleMedia > div .besley-title .TzPortfolioTitle a {

    font-size: 18px;

	padding:80px 20px

}



.tplBesley .element .TzInner .TzArticleMedia > div .besley-title .TzPortfolioTitle a:hover {

	text-decoration:none

}



.TzArticleMedia {

   overflow: hidden;

    position: relative;

}







.tz_portfolio_plus_image {

    width: 100%;

    height: 100%;

		transition: all 0.1s;

}



.tz_portfolio_plus_image:hover {

  transform: scale(1.08, 1.08)



}



.tplBesley .element .TzInner .TzArticleMedia > div .besley-title .TzPortfolioTitle {

    margin-bottom: 8px;

}



.tplBesley .element .TzInner .TzArticleMedia > div .ImageOverlayMg {

     transform: scale(0.89, 0.87)

}



.tpp-bootstrap a {

    color: #333;



}



.tpp-bootstrap a:hover {

    text-decoration:none;

	color: #fff;



}



.container-fluid{

    padding-right: 0px;

    padding-left: 0px;

}



.tpItemPage .reset-heading{



font-size: 30px;

}



#tz-portfolio-template-title {

 padding: 20px 0 0 0;

border-top: 2px solid #333;

}



.tplBesley #tz_options .option-combo {

    margin-bottom: 10px;

}



.titolobordo {

margin-top:30px;	

 padding: 20px 0;

border-top: 2px solid #333;

}



.ui.button {

border-radius: 0 !important

}



.mioinvio {

border: 2px solid #161616 !important;

background-color:#fff !important;

color: #161616 !important;

}



.mioinvio:hover {

background-color:#161616 !important;

color: #fff !important;

}





.chronoforms6_credits  {

display:none !important

}



.semanticui-body a {

  color: #000 !important;

  text-decoration: underline !important

}













.mod-languages {

  margin: 0;

  position: absolute;

  top: 49%;

  -ms-transform: translateY(-49%);

  transform: translateY(-49%);

  right:0

}



.lang-inline li {

text-transform:uppercase;

font-weight:bold

}



.lang-inline li a:hover{

color:#161616 !important

}



.lang-active a{

color:#161616 !important;

cursor:text

}



.offcanvs-position-right.offcanvas-active .body-wrapper {

    right: 0px !important;

}



.offcanvas-overlay {

     background-color: rgb(0,0,0);

 background-color: rgba(0,0,0,0.5);

}



#sp-header {



    background: transparent;

	box-shadow:none;

	padding: 10px 20px 0 0

}



#offcanvas-toggler > .fa {

    color: #161616;

}





#offcanvas-toggler > .fa:hover {

    color: #333;

}





#sp-footer, #sp-bottom {

    color: #6e6e6e

}







#cookiesck_accept {

    background: #333 !important;

    border: 2px solid #333 !important;

    color: #f5f5f5;

}



#cookiesck_accept:hover {

				background: transparent !important;

				border: 2px solid #f5f5f5 !important;

				color: #f5f5f5 !important;

			}



#cookiesck {

    padding: 8px 0 !important

}



#cookiesck_options {

  display:none !important

}



.sp-megamenu-parent > li {

  text-transform:uppercase

}



#sp-header .logo {

    padding-left: 12px;

}



#sp-main-body {

    padding: 30px 0 100px;

}





.ba-gallery {

    padding-top: 30px;

}



.ba-gallery.pubblicazioni {

  padding-top: 0 !important;

}







h1, h2, h3  {

color: #333;

text-transform:uppercase;

letter-spacing:1px

} 







.tplBesley #tz_options .option-combo a.btn-default.selected {

    color: #fff;

    background: #333;

}



.tplBesley #tz_options .option-combo a.btn-default {

    border: 2px solid #333;

   text-transform:uppercase;

     font-size: 0.9rem;

	

}



.tpp-bootstrap .btn {

    padding: 0.375rem 1.75rem;

    border-radius:0 !important

}



.tpp-bootstrap .btn-outline-secondary {

    color: #333;



}







.sppb-btn-default {

    color: #333;

    background-color: #fff;

    border:2px solid #333;

}



.sppb-btn-default:hover {

    color: #fff;

    background-color: #333;

    border-color: #333;

}



.mezza {

padding:0 130px 0 120px

}









.tplBesley #tz_options .option-combo .btn  {

margin-right:5px

}



.btn {

    border-radius:0;

}



.archicolture{

color:#333;

font-size: 30px;

text-transform:uppercase;

letter-spacing:1px;

padding: 15px 0 0;

border-top: 2px solid #808080 ;

}



.grigio{

color: #808080 

}



.article-details .article-can-edit {

  margin-bottom: 0;

}



.archicotesto h1 {

  border-top: 2px solid #808080 ;

  border-bottom: 2px solid #808080 ;

  padding:10px 0;

}



.archicotesto .sppb-addon-content{

  padding-top:8px;

}





.provamia .sppb-media-content  {

opacity: 0;

transition: opacity 400ms;

-webkit-transition: opacity 400ms;

position: absolute;

top: 0;

bottom: 0;

left: 0;

right: 0;

text-align: center;

padding: 10px;

background: rgba(0, 0, 0, 0.6);

color: #fff;

z-index: 2;	



}





.provamia .sppb-media-content:hover  {

opacity: 1;

}



.provamia .sppb-media-content div {

height: 100%;

width: 100%;

display: table;



}



.provamia .sppb-media-content div .centrato a {

display: table-cell;

vertical-align: middle;

height:255px;

width:255px; 

text-align:center

}





.provamia  img {

  float: left;

  -webkit-transform: scale3d(1, 1, 1);

  transform: scale3d(1, 1, 1);

  -webkit-transition: all 400ms;

  transition: all 400ms;

}



.provamia:hover img{

 

 -webkit-transform: scale3d(1.15, 1.15, 1);

  transform: scale3d(1.15, 1.15, 1);



}



.provamia span {

position: relative;

overflow: hidden

}



.provamia h5 a {

color:#fff;



}



.archicobloccop {

padding-top:30px

}



.archicoblocco {

padding:30px 0 0

}



.archicobloccou {

padding:30px 0 

}





.ba-goback a:hover {

background-color: #ccc !important

}



.ba-gallery .ba-goback > a {

  border-radius: 0 !important;

}





.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {

  text-transform: uppercase;

border-bottom:1px #ccc solid;

padding: 0.4rem 0;

}





@media screen and (min-width: 1024px) and (max-width: 1199px) {

	

.paddinghome  {

padding:0 60px

}



}



@media screen and (min-width: 991px) and (max-width: 1199px) {

	



.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {



  padding: 0 8px;

}



.sp-page-builder .page-content #section-id-1620134744344 {

  width: 370px;

}





}





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

	

.provamia .sppb-media-content div .centrato a {

height:310px;

width:310px; 

}





}





@media screen and (min-width: 376px) and (max-width: 506px) {

	

.provamia .sppb-media-content div .centrato a {

height:346px;

width:346px; 

}

}



@media screen and (min-width: 507px) and (max-width: 637px) {

	

.provamia .sppb-media-content div .centrato a {

height:477px;

width:477px; 

}

}



@media screen and (min-width: 638px) and (max-width: 767px) {

	

.provamia .sppb-media-content div .centrato a {

height:510px;

width:510px; 

}

}







@media (max-width: 991px) {



.d-flex {

  display: block !important;

}	

	

.archicobloccou {

padding:0 0 30px

}	



.colonnamia {

padding-bottom:30px

}	



#sp-header	 {

padding:0;

height:90px

}

	

.mod-languages {

position:relative;

top:30px;

  background:#f0f0f0;

  text-align:center;

  margin-bottom:20px

}



#sp-header .logo {

  padding-left: 0;

}



.tplBesley #tz_options .option-combo a.btn-default {

  margin-bottom: 8px;

}





}











@media (max-width: 568px) {

	

.logo-image {

  height: auto !important;

}



}











@media (max-width: 375px) {

.provamia .sppb-media-content div .centrato a {

height:330px;

width:330px; 

}



}