.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{

    max-height: 3000px !important

}

.navbar-brand{

    position: relative;

    z-index: 2;

    margin-top: -50px;

    margin-left: -55px !important;

}

.navbar-brand img{

    height: 150px;

}

.navbar-brand-wide{

    display: none;

}



.scrolled {

    transition: 0.5s ease;

}

   

.scrolled.navbar {

    height: 70px; 

    background-color: rgb(60,190,238, 0.9);

    transition: 0.5s ease;

    margin-top: 0px !important;

    -webkit-box-shadow:0px 1px 1px #ededed;

    -moz-box-shadow:0px 1px 1px #ededed;

    box-shadow:0px 1px 1px #ededed;

}

  

.scrolled.navbar .navbar-brand-wide {

    display: inline-block;

    margin-top: 5px;

    margin-left: 5%;

    height: 60px;

    transition: 0.5s ease;

}



.scrolled.navbar .navbar-brand{

    display: none;

}



.circle { 

    min-width: 50px;

    min-height: 50px;

    background: red; 

    -moz-border-radius: 70px; 

    -webkit-border-radius: 70px; 

    border-radius: 70px;

}



 #sync2{padding-top: 0px !important}

 #sync2 .item img{width: 30px; height: 30px;}

 #sync2 .item .details h4{font-size: 14px;}

 #sync2 .item .details h6{font-size: 12px;}

 #sync2 .item .details {

    display: inline-block;

    float: left;

    margin-top: 5px;

    padding-left: 5px;

}



section#pricing .pricing-header .price{font-size: 30px; height: 160px}

@media (max-width: 580px){

    section#pricing .pricing-header .price {

        padding: 5px 0;

        height: 90px

    }

}

.ombrellone-pricing {padding: 28px 0}

footer#main-footer div.container div.row.footer-top div.col-md-4.col-xs-6.about img{

    height: 150px;

}

footer .btn{

    right:25%; bottom: -20px;

}

footer .copyright{

    padding: 8px 0;

}

.slider-content h3.agriturismo:after{

    content: url(../images/icons/agriturismo.svg);

    display: block;

    width: 70px;

    margin: 0 auto;

    padding: 5px 0 20px 0;

}

.slider-content h3.fattdid:after{

    content: url(../images/icons/fattoria.svg);

    display: block;

    width: 70px;

    margin: 0 auto;

    padding: 5px 0 20px 0;

}

.section-titleagr:after {

    content: url(../images/icons/agriturismo.svg);

    display: block;

    width: 70px;

    margin: 0 auto;

    padding: 0px 0 20px 0;

    text-transform: uppercase;

}

.section-titlefat:after {

    content: url(../images/icons/fattoria.svg);

    display: block;

    width: 70px;

    margin: 0 auto;

    padding: 0px 0 20px 0;

    text-transform: uppercase;

}



article.blog-post {

	background: #f6f8f8;

    padding: 15px;

	border-radius: 20px;

	box-shadow: 5.5px 9px 15px 0px rgba(0, 0, 0, 0.2);

    margin-bottom: 40px;

    height: 290px;

}



#countup h2.section-title{color: #FFF;text-align: left;}

.testico{color: #FFF !important;}

section#meteo {

    background-color: #3cbeee;

    background-position: left;

    padding: 25px 0;

}

.barbutton2 {

    margin-right: 25px;

    color: #FFF;

    font-size: 1.8em;

}

.barbutton2 i{padding-top: 18px;}



.barbutton2:visited, .barbutton2:link, .barbutton2:active {

    color:#FFF;

}



.orange{

    color: #f69504 !important; 

}

.barbutton2last {

    margin-right: 35px;

}



.titlepage{margin-top: 130px; margin-bottom: 30px;}

.galbg{ background-color: #f6f8f8 !important;}

.galmargin{margin-top: -15px !important;}

.galf{display: none;}



/**************** 

    SMARTPHONE

****************/

@media all and (max-width: 580px) {

    .scrolled.navbar .navbar-brand-wide{

        margin-left: 0px;

    }

    body > header > nav > div > div.col-md-4 > a.navbar-brand-wide > img{

        height:40px;

        margin-top:8px;

    }

    .logobox{margin-left: 0px; padding-left: 0px;}

    .slider-content h3 span {font-size: 36px;}

    .navbar-toggle{margin: 23px 0px 0px 60px;}

    .navbar-brand img{height: 125px;}

    .gallery-item{max-height: 150px !important;padding: 5px !important}

    .pad80{padding: 40px 0 0 0;}

    ul.gallery-sorting li {

        margin-bottom: 10px;

    }

    ul#grid.gallery-items {

        margin: 20px 0 0 0;

    }

    .main-content {

        padding: 35px 0;

    }

    section#countup{

        text-align: center;

        margin-bottom: 40px;

    }

    section#countup h3{

        font-size: 12px;

    }

    section#countup img{

        max-height: 40px;

        max-width: 60px;

    }

    section#countup span{

        font-size: 18px;

    }

    .blog-thumbnail img{

        height: 170px;

        border-radius: 10px;

    }

    .blog-post .blog-desc{

        padding: 0px;

        margin-top: 8px;

    }

    .blog-post .blog-desc a.btn {

    margin: 0px;

    margin-left: 26%;

    -webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;

    }

    article.blog-post{

        margin-bottom:40px;

    }

    #sync1 .item blockquote:before{

        font-size: 34px;

    }

    #testimonials h2{font-size: 28px}

    #sync1 .item .testimonial{padding-left: 0px; padding-top:20px;}

    #sync1 .item blockquote:before {

    top:0px;

    }

    .testico{color: #FFF !important;font-size:24px;}



    #sync2 .item img{margin: 0px 0px 0px 15px; display: inline!important}

    #sync2 .item .client-img{display: inline !important;}

    .client-img{width: 60px !important;}

    .details{width: 100px !important}

    footer .btn{

        right:19%; bottom: -20px;

    }

    h2.section-title{font-size: 22px;}



    article.blog-post {

        background: #f6f8f8;

        padding: 15px;

        border-radius: 20px;

        box-shadow: 5.5px 9px 15px 0px rgba(0, 0, 0, 0.2);

        margin-bottom: 25px;

        height: 200px;

    }

    footer .footer-top {

        padding: 50px 0 5px 0;

    }

    .barbutton2 {margin-right: 10px; font-size: 1.4em}

    .butarea{ padding-right: 0px; text-align: right}

    .barbutton2 i{padding-top: 27px;}

    .barbutton2last {

        margin-right: 47px;

    }

    .navbar-toggle {

        position: absolute;

        left: auto;

        right: -7%;

        transform: translateX(-50%);

    }



    section#pricing .pricing-tables .col-xs-4 {

        padding-right: 3px;

        padding-left: 3px;

    }

    section#pricing .pricing-tables .price {

        font-size: 14px;

        

    }

    ul.pricing-features li{

        padding: 10px 0;

    }

    section#pricing .pricing-header .price{

        padding: 5px 0;

    }



    section#pricing .pricing-header .price .pb40{

        padding-bottom: 0px;

    }

    div.price span {height: 42px !important;display: block;}

    div.pricing-body > div > h4 {

        font-size: 16px;

    }

    div.pricing-body > div > h6 {

        font-size: 14px;

    }

    .pricing-footer, .ombrellone-pricing{

        padding: 15px 0;

    }

    section#pricing .pricing-tables .col-md-4{

        margin-top: 0;

    }

    .marr40{margin: 13px !important;}

    .pimgr{height: 160px !important;}

}



.homebtn{min-width: 232px;}

.bcol2{ background: #f69504; }

.bcol3{ background: #8c6239; }



.pt20{

 padding-top: 20px;

}

.pb40{

    padding-bottom: 40px;

   }

.pb25{

    padding-bottom: 25px;

}   

.mb20{

    margin-bottom: 20px;

}

.mt40{margin-top:40px;}

.mb80{margin-bottom:80px;}

.mb40{margin-bottom:40px;}



.gmaps {

    height: 350px;

    padding: 0;

    border-radius: 30px;

}

.indicazioni{

    text-align: center;

    padding: 0 45px;

    min-height: 250px;

}



body {



    background: #fff;



}

.overlay:after {

    /*background: -moz-linear-gradient(left, #3cbeee -40%, #003042 140%);*/

    background: transparent;

    width: 100%;

    height: 100%;

    display: block;

    content: '';

    overflow: hidden;

    z-index: 3;

    position: absolute;

    top: 0;

    opacity: .3;

}

.overlay::before {

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

	width: 100%;

	height: 100%;

	display: block;

	content: '';

	overflow: hidden;

	z-index: 2;

	position: absolute;

	top: 0;

	opacity: .9;

}



div.price span {height: 85px;display: block;}

section#pricing #promo .pricing-plan {

    background: #31a531;

}



.mar40{margin: 40px;}

.marr40{margin: 40px;}



.convenzioni-list{

    margin-top: 30px;



}

.convenzioni-item{

    margin: 10px;

    padding: 10px;

    text-align: center;

    background: #f6f8f8;

    margin-bottom: 30px;

    border-radius: 5px;

    box-shadow: 5.5px 9px 15px 0px rgba(0, 0, 0, 0.2);

    

}

.convimg{

    border-radius: 10px;

    max-width: 700px;

}

.conv-text{

    padding-top:10px;

}

.pad40{padding: 40px}

.pad40i{padding: 40px !important}

.pad20i{padding: 20px !important}

.mar20{margin: 20px;}

.mr45{margin-right: 45px;}



.vino-panel{

    padding-right: 0px;

    padding-left: 0px;

    border-radius: 30px;

    background: #f6f8f8;

    box-shadow: 5.5px 9px 15px 0 rgba(0,0,0,.2);

}

.vino-header{

    padding: 30px 9px;

    padding-bottom: 10px;

    background: #e0c82c;

    text-transform: uppercase;

    text-align: center;

    border-radius: 30px 30px 0 0;

}

.vino-header h4{font-size: 18px;}

.vino-image{

    text-align: center;  

}

.vino-image img{

    margin: 0 auto;

    margin-top: 20px;

    height: 400px;

    display: block;

}

.vino-descr{

    padding: 30px;

    text-align: center;

}



.vino-descr p{

 font-size: 12px !important;

 line-height: 15px !important;

}



.centeredd { margin: auto; max-width: 960px;}

.blackb {background: #000;}

.whitef {color: #FFF !important}

.redb {background: #821c1c;}



.extratable{

    background: #FFF;

}

.ceimg{border-radius: 20px;}

#oc-gdpr-klaro{z-index:2}

.swiper-container{z-index:0}



section#blog-post p, section#blog-post ul, section#blog-post li {

    font-size: 16px;

    line-height: 26px;

    color: #666;

}



/* TABLE MINIMALISTIC */

table.minimalistBlack {

  border: 3px solid #000000;

  width: 100%;

  text-align: left;

  border-collapse: collapse;

}

table.minimalistBlack td, table.minimalistBlack th {

  border: 1px solid #000000;

  padding: 5px 4px;

}

table.minimalistBlack tbody td {

  font-size: 13px;

}

table.minimalistBlack thead {

  background: #CFCFCF;

  background: -moz-linear-gradient(top, #dbdbdb 0%, #d3d3d3 66%, #CFCFCF 100%);

  background: -webkit-linear-gradient(top, #dbdbdb 0%, #d3d3d3 66%, #CFCFCF 100%);

  background: linear-gradient(to bottom, #dbdbdb 0%, #d3d3d3 66%, #CFCFCF 100%);

  border-bottom: 3px solid #000000;

}

table.minimalistBlack thead th {

  font-size: 15px;

  font-weight: bold;

  color: #000000;

  text-align: left;

}

table.minimalistBlack tfoot {

  font-size: 14px;

  font-weight: bold;

  color: #000000;

  border-top: 3px solid #000000;

}

table.minimalistBlack tfoot td {

  font-size: 14px;

}

/* END TABLE MINIMALISTIC */