@import url('https://fonts.googleapis.com/css?family=Dancing+Script:400,700');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');

/*=======================================================================

Template Name: folgoretheme
  

/* Basic */



body {background: #FFF;font-family: 'Roboto', sans-serif;color: #52575c;overflow-x: hidden;}
input, textarea, select {font-family: 'Roboto', sans-serif;font-weight: 300;color: #52575c;line-height: 1.75em;font-size: 12px;}
h1, h2, h3, h4, h5, h6 {font-weight: 300;color: #52575c;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: inherit;text-decoration: none;}

h1{text-transform: uppercase;font-weight: 700;font-size: 25px;margin: 30px 0;}
h2 {font-size: 2em;line-height: 1.25em;}
h3 {font-size: 1.5em;line-height: 1.5em;}

a {color: inherit;text-decoration: none;}
a:hover {color: #333;text-decoration: none;}
strong, b {font-weight: 700;color: #333;}

blockquote {border-left: solid 0.5em #c2c7cc;padding: 1em 0 1em 2em;font-style: italic;}

ul, ol, dl, table {margin-bottom: 1.5em;}

br.clear {clear: both;}

header{width: 100%;background-color: rgba(255,255,255,0.50);}

p {margin:0 0 15px;line-height: 24px!important;font-size:18px;font-weight:300;}


img.desaturate {  
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

.loghi-scarpe ul{text-align: center;}
.loghi-scarpe li{width: 260px;height: 160px;margin: 15px;display: inline-block;}
.loghi-scarpe img{width: 100%;}

.container-plus{width: 80%;margin: 0 auto;}

.border-black{border: 1px solid #E4E4E4;}

.overlay-black{display: block;
    background: rgba(0, 0, 0, .6);}

.tipo-scarpe{}
.tipo-scarpe a{position: absolute;bottom: 20px;right: 30px;color: #FFF;text-transform: uppercase;font-size: 25px;font-weight: 300;text-shadow: 1px 1px 3px #333;}

.menu-scarpe ul{margin: 7px 0;}
.menu-scarpe li{list-style: none;padding: 8px;text-transform: uppercase;font-weight: 300;font-size: 30px;margin:7px 0;}
.menu-scarpe li a{color: #333}
.menu-scarpe li a:hover{color: #FFF}
.menu-scarpe li:hover{color: #fff!important;background: #3186b8;}
.page-active{color: #fff!important;background: #3186b8;}

.opacity{opacity: 0.3;}

.margin-bottom-10{margin: 0 0 10px 0;}
.margin-bottom-20{margin: 0 0 20px 0;}
.margin-bottom-30{margin: 0 0 30px 0;}
.margin-bottom-40{margin: 0 0 40px 0;}
.margin-bottom-50{margin: 0 0 50px 0;}
.margin-bottom-60{margin: 0 0 60px 0;}
.margin-bottom-70{margin: 0 0 70px 0;}
.margin-bottom-80{margin: 0 0 80px 0;}
.margin-bottom-90{margin: 0 0 90px 0;}

.margin-top-10{margin-top: 10px;}
.margin-top-20{margin-top: 20px;}
.margin-top-30{margin-top: 30px;}
.margin-top-40{margin-top: 40px;}
.margin-top-50{margin-top: 50px;}
.margin-top-60{margin-top: 60px;}
.margin-top-70{margin-top: 70px;}
.margin-top-80{margin-top: 80px;}
.margin-top-90{margin-top: 90px;}

.no-padding{padding: 0!important;}

.header-top{width: 100%;padding: 10px 0;background-color: #FFF;font-weight: 700;font-size: 20px;}
.header-menu{background: #333;padding: 20px 0;}

.menu-top nav ul{margin: 0;padding: 0;text-align: center;}
.menu-top nav li{display: inline-block;text-transform:uppercase;}
.menu-top nav ul > li a{color: #fff;padding: 23px 20px;font-weight: 700;line-height: 25px;}
.menu-top nav ul > li a:hover{text-decoration: none;color: #fff;}
.menu-top nav ul > li.active > a{text-decoration: none;color: #fff;}

.desk{display: block;}
.menu-top-mobile{display: none;}

.image-100 img {width: 100%}

.secondo-blocco-home{background: #3186B8;color: #FFF;font-size: 18px;text-align: center;}
.secondo-blocco-home p{color: #FFF;font-size: 18px;text-align: center;margin: 30px 0;}
.secondo-blocco-home h2{background: #246489;text-align: center;font-size: 40px;text-transform: uppercase;font-weight: 300;padding: 30px;color: #FFF;}
.secondo-blocco-home h3{font-size: 25px;text-transform: uppercase;font-weight: 700;color: #FFF;}

.grayscale {
         -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
         -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
         -webkit-filter: grayscale(100%);
         filter: gray;
         filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
     }

.hoverlay-white{background-color: rgba(255,255,255,0.50);position: absolute;top: 0px;height: 100vh;width: 100%;z-index: 99;}
.hoverlay-dark{background-color: rgba(0,58,97,0.60);position: absolute;top: 0px;height: 100vh;width: 100%;z-index: 99;}
.hoverlay-dark-interna{background-color: rgba(0,58,97,0.60);position: absolute;top: 0px;height: 357px;width: 100%;z-index: 99;}
.carousel {position: relative;top: 0px;height: 100vh;width: 100%;z-index: 98;}
.carousel-item {height: 500px;float: left;width: 33%;display: block}
.carousel-item:last-child {display: none;}
.carousel-item img{width: 100%; height: auto;}
.carousel-caption {position: relative;right: 0;top:40vh;left: 0; z-index: 100;padding-top: 20px;padding-bottom: 20px;color: #333;text-align: left;}
.carousel-caption h5{color: #333;font-size: 60px;font-weight: 700;text-transform:uppercase;}
.carousel-caption p{font-size: 20px;margin: 10px 0 30px;text-transform:uppercase;}
.carousel-caption span{font-size: 15px;margin: 10px 0;text-transform:uppercase;font-weight: 300;}

.button-slider{padding: 20px;text-transform: uppercase;background: #333;}

.box-slider{position: absolute;bottom: 0;z-index: 999;color: #fff;left: 30%;background: #ee7f01;padding: 20px;width: 300px;text-align: center;font-size: 20px;}
.box-slider h3{color: #FFF;font-size: 30px;font-weight: 300;text-transform:uppercase;}
.box-slider h4{color: #FFF;font-size: 20px;font-weight: 700;text-transform:uppercase;}
.box-slider p{color: #FFF;font-size: 20px;font-weight: 300;}


.box-slider-interna{z-index: 150;color: #fff;background: #ee7f01;padding: 20px;text-align: center;font-size: 20px;top:8px;}
.box-slider-interna h3{color: #FFF;font-size: 30px;font-weight: 300;text-transform:uppercase;}
.box-slider-interna h4{color: #FFF;font-size: 20px;font-weight: 700;text-transform:uppercase;}
.box-slider-interna p{color: #FFF;font-size: 20px;font-weight: 300;}

.head-interna{position: relative;top:130px;z-index: 999;width: 100%;}

.riassunto-home{background: #FFF;padding: 30px 0;text-align: center;}
.box-riassunto-home{background: #e4e4e4;text-align: center;min-height: 340px;}
.icona-riassunto-home{color: #bebebe;font-size: 120px;}
.titolo-riassunto-home{text-transform:uppercase;color:#333;font-size:20px;margin-bottom: 40px;font-weight: 700;}
.testo-riassunto-home{text-transform:uppercase;color:#333;font-size:14px}
.button-riassunto-home{border: 1px solid #ee7f01; text-transform:uppercase;padding: 15px;margin-bottom: 40px;}
 a:hover.button-riassunto-home {color: #fff;background: #333;text-decoration: none;}




.box-riassunto-interna{text-align: center;min-height: 200px;padding: 55px 20px;;margin-bottom: 20px;}
.icona-riassunto-interna{color: #bebebe;font-size: 100px;line-height: 80px;}
.titolo-riassunto-interna{text-transform:uppercase;color:#333;font-size:20px;margin-bottom: 0px;font-weight: 700;}

a.button-interna:hover {color: #fff!important;background: #333;}
a.button-interna:hover .titolo-riassunto-interna {color: #fff!important;}
a.button-interna {color: #fff;background: #e4e4e4;display: block;}

a.button-interna.page-active {color: #fff!important;background: #333;}
a.button-interna.page-active .titolo-riassunto-interna {color: #fff!important;}

.padding-eq-dx{padding-right: calc((100vw - 1170px)/2);}
.immagine-home{padding-right: 40px;}


.text-content p{text-align: justify;}
.text-content h1{text-transform: uppercase;font-weight: 300;}
.text-content h2{text-transform: uppercase;font-size: 20px;position:relative;padding: 10px 0;}

.text-content-interna{text-align: justify;margin-top: 40px;}
.text-content-interna h1{text-transform: uppercase;font-weight: 700;font-size: 30px;color:#333;margin:0;}
.text-content-interna h2{text-transform: uppercase;font-size: 20px;position:relative;padding: 10px 0;}

.ghost-btn{background: #333;border: 0;padding: 10px 40px;color: #FFF;text-transform: uppercase;}

.punti-home{background: #333;padding: 40px 0;margin: 30px 0;color: #FFF;}
.punti-home h4{text-transform: uppercase;font-size:18px;font-weight: 700;}
.punti-home h2{text-transform: uppercase;color:#FFF;font-size:40px;text-align: center;position: relative;padding: 10px 0;}
.punti-home h3{text-transform: uppercase;text-align: center;}
.punti-home h5{color:#FFF;font-size:20px;text-align: center;margin: 20px 0 40px;}
.numero-punti-home{font-size: 120px;color:#9E9E9E;font-weight: 700;line-height: 105px;}

.dicono-di-noi{}
.dicono-di-noi h2{text-transform: uppercase;color:#ee7f01;font-size:20px;text-align: center;position: relative;font-weight: 700;}
.dicono-di-noi h3{text-transform: uppercase;color:#333;font-size:15px;text-align: center;position: relative;padding-bottom: 10px ;}

.bottone-prev{border: 1px solid #333;padding: 20px;margin: 20px 0;}
.border-bottom-custom-center{border-bottom: 5px solid #ee7f01;width: 300px;text-align: center;display: block;margin: 0 auto;}
.border-bottom-custom-left{border-bottom: 5px solid #ee7f01;width: 300px;text-align: center;display: block;margin-bottom:20px;}

.footer{padding: 40px 0;color: #FFF;}
.footer h2{text-transform: uppercase;font-weight: 700;color: #FFF;}
.footer p{margin:0;padding: 5px 0;}

.social{text-align:center;}
.social li{list-style: none;font-size:20px;color:#FFF;display: inline-block;margin: 0 30px; }
.social li a{color:#FFF; }
.social ul{padding:0; }

.bread{position: relative;z-index: 999;width: 100%;}
.bread ul{padding:0;}
.bread li{display: inline-block;}
.bread a{color:#FFF;}

.titoli-pagina-interna{position: relative;top:100px;z-index: 999;width: 100%;}
.titoli-pagina-interna h2{text-transform: uppercase;font-weight: 300;color: #ee7f01;font-size: 15px;margin: 0;}
.titoli-pagina-interna h3{text-transform: uppercase;font-weight: 700;color: #FFF;font-size: 30px;}

.main-nav .links li .subnav{background:#1C2025;}
.main-nav .links li .subnav li a{color:#FFF;}



.item-current{color:#FFF;text-transform:uppercase;}
.main-footer a{color:#FFF;}

.color-white{color:#FFF;}
.icon-box-single:hover .icon {color: #FFF;}

.progress{background:#333!important;}
.progress.default .progress-bar{background:#FFF!important;}
.progress.default .progress-bar::after{border-color:#FFF!important;}
.border-color-white{border-color:#FFF!important;}
.overlay-dark .progress .progress-value{color:#FFF;}
.overlay-dark p{color:#FFF;}
.route ul li::after {margin:0!important;}




.color-white{color:#FFF!important;}

.main-nav .links a {text-transform: uppercase;font-weight: 100;}

.centrato{text-align: center;}



.text-just p{text-align: justify;}
.route ul li a {color: #FFF;}
.route ul li::after {    content: "";    margin-left: 9px;    margin-right: 6px;    color: #677180;}
.separator{color:#FFF;}
.bread-current{color:#FFF;}
.icon-box-single{min-height:370px;padding: 30px 20px 10px!important;}

.icon-box-content h4{font-size:24px;color:#333}


@media (max-width: 768px) {
    .bck-mobile-loghi{background-size: contain!important;background-repeat: no-repeat!important;background-position: center!important;}
.loghi-scarpe li {    width: 100%;    height: 160px;    margin: 15px auto;    display: inline-block;}
    .loghi-scarpe ul {    text-align: center;width: 100%;padding: 0;}
    .menu-top-mobile{display: block;}
    .desk{display: none;}
    .fs-container {margin: 0px auto 30px auto;position: relative;width: 70%;padding: 0 15%;max-width: 1440; min-width: 220px;height: 330px;}
    .fs-block figcaption.fs-transition {height: 45%;opacity: 1;}
    .fs-block figcaption p {font-size: 13px;padding: 0;}
    .navbar-light .navbar-toggler {
    color: rgba(255, 255, 255, 1);
    border-color: none;margin: 0 auto;}
	.header-menu{background: #FFF;}
    }

@media (min-width: 992px) {
.padding-eq-dx{padding-right: calc((100vw - 970px)/2);}
    .immagine-home{padding-right: 0px;}

}

@media (min-width: 1200px) {
.padding-eq-dx{padding-right: calc((100vw - 1170px)/2);}

}