@charset "UTF-8";

/*
Theme Name: Pro-testa
Theme URI: https://inkdigital.it
Author: the INK Digital
Author URI: https://inkdigital.it
Text Domain: protesta
*/

/* GENERALI */
body { font-family: 'Montserrat', Arial, Helvetica, sans-serif !important; font-size: 16px; font-weight: 400; line-height: 22px; color: #000 !important; }
.nero { color: #000 !important; }
.bianco { color: #fff !important; }
.btn.focus, .btn:focus { box-shadow: none !important; }
.audio-no-visible { display: none; }
.audio-visible { display: inline; }
#loader-header-video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#loader-header-video img { z-index: 100; width: 70px; height: 70px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#loader-block-1-video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#loader-block-1-video img { z-index: 100; width: 70px; height: 70px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#loader-block-4-video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#loader-block-4-video img { z-index: 100; width: 70px; height: 70px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#loader-block-4-video-mobile { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#loader-block-4-video-mobile img { z-index: 100; width: 70px; height: 70px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.nograyscale {  -webkit-filter: grayscale(0); filter: grayscale(0); }
.header-int  {
	background: rgb(255,255,255);
	background: -moz-linear-gradient(0deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.5) 100%),url(assets/img/bandiera.png) no-repeat right bottom; background-size: 50% auto;
	background: -webkit-linear-gradient(0deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.5) 100%),url(assets/img/bandiera.png) no-repeat right bottom; background-size:  50% auto;
	background: linear-gradient(0deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.5) 100%),url(assets/img/bandiera.png) no-repeat right bottom; background-size:  50% auto;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

/* MODALE */
#manifesto-protesta { background: url(../img/wall.jpg) no-repeat !important; }
#manifesto-protesta .modal-header { display: block; text-align: center; border-bottom: 0; border-top-left-radius: 0; border-top-right-radius: 0; }
#manifesto-protesta .modal-header button.close { float: none; }
button.close img { width: 106px; }
#manifesto-protesta .modal-content { background-color: transparent; border-radius: 0; border: 0; }
#manifesto-protesta .modal-title { font-size: 24px; font-weight: 700; line-height: 1; color: #fff; }
.modal-manifesto img { width: 100%; }
#manifesto-protesta button.close, #manifesto-protesta button.close:focus { font-size: 50px; font-weight: 900; color: #fff; opacity: 1; text-shadow: none; outline: none; }
#manifesto-protesta .modal-footer { border-top: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}

/* AUDIO COMMAND */
#audio-controls { margin: 0; position: fixed; top: 50%; right: -35px; transform: translate(-50%, -50%); z-index: 100;
    width: 70px; height: 70px; text-align: right; background: url(../img/bg-audio-controls.svg) no-repeat left top;
}
#audio-controls img { width: 30px; margin: 20px 10px 20px 0; cursor: pointer; }
#protesta-audiotrack { position: absolute; text-indent: -9999px; }

/* SITO*/
#protesta-audiotrack { height: 0; }
.audio-controls { text-align: right; }
.audio-controls img { width: 40px; cursor: pointer; position: absolute; right: 30px; }
.main-title { text-indent: -9999px; line-height: 0; margin-bottom: 0; }
.header { position: relative; width: 100%; height: 650px; padding-left: 0 !important; padding-right: 0 !important;
	overflow: hidden; }
.header video { position: absolute; top: -150px; left: 0; bottom: 0; min-width: 100%; min-height: 100%; width: 1920px; height: auto; z-index: 0; }
.header .container { position: relative; z-index: 2; }
.header-content { padding-left: 0 !important; padding-right: 0 !important; }
.logo { padding-top: 65px; padding-left: 95px; }
.logo a { z-index: 2; }
.logo a img { width: 302px; z-index: 2; }
.payoff { font-size: 36px; font-weight: 500; line-height: 40px; width: 45%; position: absolute; right: 150px; margin-top: 280px; }
.block-1 { position: relative; width: 100%; min-height: 690px; padding-left: 0 !important; padding-right: 0 !important; background-color: #000000; overflow: hidden; }
.block-1 video { position: absolute; width: 100%; top: 0; left: unset; right: 0;  min-width: 50%; min-height: 50%; margin: auto; z-index: 0; }
.block-1 video.loading { background: black url(../img/loaeder.svg) center center no-repeat; }
.block-1-video-mobile { display: none; }
.block-1-container { width: 100%; margin-top: 160px; margin-left: 100px; }
.block-1-title { font-size: 82px; line-height: 90px; font-weight: 900; }
.block-1-text { font-size: 32px; font-weight: 400; line-height: 38px; }
.block-1-text span { font-weight: 700 !important; }
.block-2 {width: 100%; height: 600px; display: block; position: relative; overflow: hidden; }
.block-2 .col-12 { position: relative; }
#sfondo { width: 100%; height: 1152px; position: absolute; top: -100px; left: 0; z-index: -5; }
#sfondo img { position: absolute; top: -320px; left: 50%; transform: translate(-50%,0) }
#donna { width: 100%; height: 1152px; position: absolute; top: 20px; left: 0; z-index: -2; }
#donna img { position: absolute; left: 50%; top: -360px; transform: translate(-50%,0); }
.block-2-container { width: 50%; margin: 120px auto 0 auto; }
.block-2-title { font-size: 102px; font-weight: 900; line-height: 102px; text-shadow: 0 0 5px #fff, 0 0 7px #fff, 0 0 10px #fff, 0 0 15px #fff; }
.block-2-text-small { font-size: 30px; font-weight: 500; line-height: 30px; margin-bottom: 20px; text-shadow: 0 0 5px #fff, 0 0 7px #fff, 0 0 10px #fff, 0 0 15px #fff; }
.block-2-text-medium { font-size: 40px; font-weight: 700; line-height: 52px; margin-bottom: 0; text-shadow: 0 0 5px #fff, 0 0 7px #fff, 0 0 10px #fff, 0 0 15px #fff; }
.block-2-text-big { font-size: 52px; font-weight: 900; text-shadow: 0 0 5px #fff, 0 0 7px #fff, 0 0 10px #fff, 0 0 15px #fff; }
.block-2-payoff { font-size: 40px; font-weight: 700; line-height: 46px; }
.block-2-text { font-size: 22px; font-weight: 300; line-height: 40px; margin-top: 150px; margin-bottom: 100px; }
.block-3 { padding-top: 45px; padding-bottom: 0 !important; }
.block-3-title { font-size: 68px; font-weight: 900; line-height: 1; color: #000; margin-bottom: 30px; }
.block-3-text img { width: 100%; }
.block-3-text-sx { font-size: 24px; font-weight: 300; line-height: 40px; text-align: right; margin-top: 0; margin-bottom: 0; }
.block-3-text-dx { font-size: 24px; font-weight: 300; line-height: 40px; text-align: left; margin-top: 0; margin-bottom: 0; }
.block-3-pugno { width: 350px; height: 336px; margin: 0 auto 30px auto; }
.block-3-pugno img { width: 350px; height: 336px; }
.block-3-graph { height: 2px; line-height: 0; margin-bottom: 40px;}
.block-3-graph img { width: 470px; height: 2px; }
.block-3-cta { margin-top: 70px; margin-bottom: 0; margin-left: 30px; }
.block-3-cta-end { margin-top: 70px; margin-bottom: 0; margin-left: 30px; font-size: 40px; font-weight: 800; color: #e4252c; line-height: 40px; }
.block-3-cta a img { width: 287px; height: 77px; }
.block-3-regolamento { font-size: 12px; font-weight: 400; line-height: 18px; color: #707070; margin-top: 30px; margin-bottom: 0; }
.block-3-regolamento a { font-size: 12px; font-weight: 400; line-height: 18px; color: #707070 !important; text-decoration: none; }
.block-4 { height: 500px; background-color: #000000; position: relative; }
.block-4-sx { margin-top: 60px; }
.block-4-dx { padding-left: 0 !important; padding-right: 0 !important; position: relative; display: block; overflow: hidden; }
.block-4-dx video { position: relative; height: 500px; left: 40px; }
.block-4-title { font-size: 66px; font-weight: 900; line-height: 1; margin-bottom: 15px; }
.block-4-text { font-size: 32px; font-weight: 500; line-height: 38px; margin-top: 0; margin-bottom: 0; }
.block-4-megafono img { width: 56px; }
.block-4-graph { height: 2px; line-height: 0; margin-bottom: 15px; }
.block-4-graph img { width: 470px; height: 2px; }
.block-4-manifesto { margin-top: 40px; }
.btn-manifesto img { width: 15px; height: 30px; margin-left: 10px; }
.btn-manifesto { font-size: 24px !important; font-weight: 700 !important; line-height: 1 !important; color: #ffffff !important; border: 1px solid #ffffff !important;
	border-radius: 0 !important; background-color: transparent !important; padding: 20px 15px !important; background-repeat: no-repeat; background-position: center right 10px;
    background-size: 15px 30px; width: 350px; text-align: center !important; text-transform: uppercase;
}
.block-5 { padding: 50px 20px; }
.block-5-title { font-size: 66px; font-weight: 900; line-height: 1; color: #000; margin-bottom: 60px; text-transform: uppercase; }
.protsta-news-item { margin-bottom: 20px; }
.protsta-news-item .card { border-radius: 0; }
.protsta-news-item .card img { -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: all .3s; }
.protsta-news-item .card:hover img { -webkit-filter: grayscale(0%); filter: grayscale(0%); }
.protsta-news-item .date-item { font-weight: 500; }
.cta-news { margin-bottom: 0; }
.protsta-news-cta { padding: 20px; }
.btn-leggi-news { background-color: transparent; border-radius: 0 !important; border: 1px solid #000000 !important; color: #000000; transition: all .3s; }
.btn-leggi-news:hover { background-color: #e4252c; border: 1px solid #e4252c !important; color: #ffffff !important; }
.btn-news { font-size: 1.5rem !important; font-weight: 700 !important; line-height: 1 !important; color: #000000 !important; border: 1px solid #000000 !important;
	border-radius: 0 !important; background-color: transparent !important; padding: 20px 15px !important; background-repeat: no-repeat; background-position: center right 10px;
	background-size: 15px 30px; text-align: center !important; text-transform: uppercase; transition: all .3s;
}
.btn-news:hover { color: #ffffff !important; background-color: #e4252c !important; border: 1px solid #e4252c !important; }
.block-6 { padding: 50px 20px; background-color: #f1f1f1; }
.block-6-title { font-size: 66px; font-weight: 900; line-height: 1; color: #000; margin-bottom: 50px; text-transform: uppercase; }
.ff-loadmore-wrapper .ff-btn { font-size: 24px !important; font-weight: 700 !important; line-height: 1 !important; color: #000000 !important; background-color: #f1f1f1 !important;
	border: 1px solid #000000; border-radius: 0 !important; transition: all .3s; padding: 20px 15px !important; width: 350px !important; margin: 40px 12px 0 !important;
}
.ff-loadmore-wrapper .ff-btn:hover { color:#ffffff !important;  background-color: #e4252c !important;; border: 1px solid #e4252c; }
.ff-upic-round .picture-item__inner, .ff-upic-round .picture-item__inner:before { border-radius: 0 !important; }
.ff-upic-round .ff-img-holder:first-child, .ff-upic-round .ff-img-holder:first-child img  { border-radius: 0 !important; }
.footer { padding-top: 50px; padding-right: 75px !important; padding-bottom: 50px; padding-left: 75px !important; }
.footer-copyright { font-size: 16px; font-weight: 400; line-height: normal; color: #000; margin-bottom: 64px; }
.footer-copyright a { color: #000; text-transform: uppercase; text-decoration: none;}
.footer-copyright a:hover { color: #000; text-decoration: underline; }
.footer-inkdigital { font-size: 12px; font-weight: 400; line-height: normal; color: #000; margin-bottom: 0; }
.footer-inkdigital a { color: #000; text-decoration: none; }
.footer-inkdigital a:hover { color: #000; text-decoration: underline; }
.footer-logo { margin-bottom: 36px; }
.footer-logo, .footer-social { text-align: right; }
.footer-logo a img { transition: all .3s; }
.footer-logo a:hover img { fill: #e4252c; }
.footer-logo img { width: 150px; }
.footer-social { margin-bottom: 0; padding-right: 20px; }
.footer-social a.link-social { display: inline-block; }
.footer-social a.link-social img { width: 30px; margin-left: 30px; }

/* ARCHIVE / SINGLE */
.logo-int { padding-top: 20px; padding-bottom: 20px; }
.payoff-int { font-size: 4rem; font-weight: 900; line-height: 1; position: relative; top: 50%; transform: translateY(-50%); }
.logo-int a img { width: 200px }
.braadcrumbs { background-color: #000000; padding: 25px 20px; color: #ffffff; font-size: 1.3rem;}
#breadcrumbs { margin-bottom: 0; }
#breadcrumbs span a { font-size: 1.3rem; color: #ffffff !important; text-decoration: underline; transition: color .3s; }
#breadcrumbs span a:hover { color: #e1e1e1 !important; }
.breadcrumb_last { font-weight: 400 !important; }

/* ARCHIVE */
.archive-items { padding-left: 30px !important; padding-right: 30px !important;  }
.archive-items h1 { margin-top: 30px; margin-bottom: 30px; }
.archive-item h2 {  line-height: 1; margin-bottom: 1.5rem; }
.archive-item h2 a { font-size: 1.5rem; color: #333333; transition: color .3s; }
.archive-item h2 a:hover { color: #000000; text-decoration: none; }
.archive-item .card-text .date-item { font-weight: 500; }
.single-post h1 { padding: 30px 20px; font-weight: 900; }
.archive-items article { margin-bottom: 20px; }
.archive-item img { -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: all .3s; }
.archive-item:hover img { -webkit-filter: grayscale(0%); filter: grayscale(0%); transition: all .3s; }
.image-post .post-thumbnail { margin-bottom: 0; }
.image-post .post-thumbnail img { max-width: unset !important; }

/* SINGLE */
.image-post div { padding-right: 0; padding-left: 0; }
.single-title { padding: 30px 20px; }
.single-content article { padding-left: 25px;  padding-right: 50px; font-size: 1.2rem; }
.single-content article a { font-size: 1.2rem; color: #e4252c; transition: all .3s }
.single-content article a:hover { font-size: 1.2rem; color: #666666; text-decoration: none; }
.single-content img { width: 100%; height: auto; }
.single-content article .date-item { font-size: 1.5rem; font-weight: 500; }
.gallery { overflow: auto; }
.gallery-columns-2 figure.gallery-item { width: 49%; margin-right: 1%; float: left; }
.gallery-columns-3 figure.gallery-item { width: 32%; margin-right: 1%; float: left; }
.gallery-columns-4 figure.gallery-item { width: 24%; margin-right: 1%; float: left; }
.gallery-columns-5 figure.gallery-item { width: 19%; margin-right: 1%; float: left; }
.gallery-columns-6 figure.gallery-item { width: 14%; margin-right: 1%; float: left; }
.single-content article footer { padding: 30px 20px; }
.single-content iframe { width: 100vw; height: 56.25vw; }
.wp-video { width: 100% !important; }

/* SIDEBAR */
.sidebar { padding: 10px 20px 0 30px; background-color: #f1f1f1; }
.sidebar h3.title-sidebar { margin-top: 20px; margin-bottom: 30px; font-size: 1.8rem; font-weight: 600; text-transform: uppercase; }
.sidebar .current-cat>a { font-weight: 600; }
.secondo-block { margin-top: 50px !important; }
.sidebar li, .sidebar ul { list-style: none; }
.sidebar li { margin-bottom: 10px; }
.sidebar ul { padding-top: 10px; padding-left: 0; }
.sidebar li a { font-size: 1.3rem; color: #333; transition: color .3s; }
.sidebar li a:hover { color: #000000; text-decoration: none; }
.sidebar-items { margin-bottom: 40px; }
.sidebar-items a .sidebar-items-title { font-size: 1.3rem; font-weight: 500; color: #000000; margin-bottom: 0.3rem; transition: color .3s; }
.sidebar-items a:hover .sidebar-items-title { color: #333333; text-decoration: none !important; }
.sidebar-items a:hover { text-decoration: none; }
.sidebar-items a .sidebar-items-img { -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: all .3s; }
.sidebar-items a:hover .sidebar-items-img { -webkit-filter: grayscale(0%); filter: grayscale(0%); }
.sidebar-items .sidebar-items-date { font-size: 1.1rem; font-weight: 400; color: #000000; }

/* PAGINAZIONE */
.pagination { padding: 30px 20px; }
.navigation li a,
.navigation li.disabled { color: #000; text-decoration:none; transition: all .3s; }
.navigation li.active a, .navigation li a:hover { color: #fff; }
.navigation li { display: inline; }
.navigation li a, .navigation li a:hover,
.navigation li.active a,
.navigation li.disabled { background-color: #f1f1f1; border-radius: 3px; cursor: pointer; padding: 12px; padding: 0.75rem; }
.navigation li a:hover,
.navigation li.active a { background-color: #e4252c; }

/* 404 */
.errore404 {
	background: rgb(0,0,0);
	background: -moz-linear-gradient(0deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 100%),url(assets/img/shoei-pro-testa-dds.jpg) no-repeat center center; background-size: cover; height: 100vh;
	background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 100%),url(assets/img/shoei-pro-testa-dds.jpg) no-repeat center center; background-size: cover; height: 100vh;;
	background: linear-gradient(0deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 100%),url(assets/img/shoei-pro-testa-dds.jpg) no-repeat center center; background-size: cover; height: 100vh;;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
.errore404-content { position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.errore404-title { font-size: 10em; line-height: normal; color: #ffffff; }
.errore404-text { font-size: 4rem; line-height: normal; color: #ffffff; }
.errore404-cta { margin-top: 60px; }
.btn-404 { font-size: 2.5rem !important; color: #ffffff !important; border: 2px solid #ffffff !important; border-radius: 0 !important; background-color: transparent !important; padding: 1rem 2rem !important; transition: all .3s !important; }
.btn-404:hover { background-color: #000000 !important; }

@media screen and (min-width: 1799px) {
	.block-1 video { width: 100%; left: unset; right: 0; }
	.block-4-dx video { display: block; left: 0; }
}

@media screen and (min-width: 1400px) and (max-width: 1799px) {
	.block-1 video { width: 135%; left: unset; right: -10%; }
	.block-4-dx video { display: block; left: 0; }
}

@media screen and (min-width: 1281px) and (max-width: 1399px) {
	.block-1 video { width: 145%; left: unset; right: -20%; }
	.block-3-text-sx, .block-3-text-dx { font-size: 20px; line-height: 26px; }
	.block-4 { position: relative; overflow: hidden; }
	.block-4 video { display: none; }
	.block-4-title { font-size: 52px; line-height: 58px; }
	.block-4-text { font-size: 24px; line-height: 30px; }
	.block-4-dx video { display: block; }
}

@media screen and (min-width: 992px) and (max-width: 1280px) {
	.header { height: 440px !important; }
	.header video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 1280px; }
	.logo a img { width: 230px; z-index: 2; }
	.payoff { font-size: 25px; line-height: 30px; width: 35%; margin-top: 180px; }
	.block-1 { height: 460px !important; min-height: unset !important; }
	.block-1-container { margin-top: 120px !important; margin-left: 100px !important; }
	.block-1 video { width: 1280px !important; right: 0 !important; }
	.block-1-title { font-size: 50px; line-height: 58px; }
	.block-1-text { font-size: 22px; line-height: 28px; }
	.block-2 { height: 550px !important; }
	#sfondo { width: 100%; height: 1152px; position: absolute; top: -50px; left: 0; z-index: -3; }
	#sfondo img { position: absolute; top: -480px; left: 50%; transform: translate(-50%,0) }
	#donna { width: 100%; height: 1152px; position: absolute; top: -20px; left: 0; z-index: -2; }
	#donna img { position: absolute; top: -400px; left: 50%; transform: translate(-50%,0); }
	.block-2-container { margin: 80px auto 0 auto; }
	.block-2-text-small { font-size: 24px; line-height: 30px; margin-bottom: 20px; text-shadow: 0 0 5px #fff, 0 0 7px #fff, 0 0 10px #fff; }
	.block-2-text-medium { font-size: 32px; line-height: 45px; text-shadow: 0 0 5px #fff, 0 0 7px #fff, 0 0 10px #fff; }
	.block-2-text-big { font-size: 42px; text-shadow: 0 0 5px #fff, 0 0 7px #fff, 0 0 10px #fff; }
	.block-2-title { font-size: 70px; line-height: 102px; text-shadow: 0 0 5px #fff, 0 0 7px #fff, 0 0 10px #fff; }
	.block-3 { height: 740px !important; }
	.block-3-pugno { width: 300px; height: 288px; margin: 0 auto 30px auto; }
	.block-3-pugno img { width: 300px; height: 288px; }
	.block-3-title { font-size: 44px; margin-bottom: 15px; }
	.block-3-graph { margin-bottom: 20px; }
	.block-3-graph img { width: 315px; }
	.block-3-text-sx, .block-3-text-dx { font-size: 17px !important; line-height: 24px !important; }
	.block-3-cta { margin-top: 30px; margin-bottom: 0; }
	.block-3-cta a img { width: 230px; height: 62px; }
	.block-4 { height: unset; padding: 0 15px; position: relative; overflow: hidden; }
	.block-4 video { display: none; }
	.block-4-sx { height: 340px !important; margin-top: 0 !important; padding: 30px 0; }
	.block-4-megafono { margin-bottom: 10px; }
	.block-4-megafono img { width: 38px; }
	.block-4-title { font-size: 44px !important; line-height: 50px !important; }
	.block-4-graph { height: 4px; line-height: 0; margin-bottom: 15px; }
	.block-4-graph img { width: 314px; height: 4px; line-height: 0; }
	.block-4-text { font-size: 18px !important; line-height: 24px !important; }
	.block-4-manifesto { margin-top: 20px; }
	.block-4-dx { height: 340px !important; }
	.block-4-dx video { display: block; position: absolute; height: 100%; left: 0; top: 0; }
	.btn-manifesto { font-size: 20px !important; line-height: 30px !important; padding: 15px 15px !important; width: 250px;	}
	.footer { padding-top: 25px; padding-bottom: 25px; }
	.footer-copyright { font-size: 12px; }
}

@media screen and (max-width: 991px) {
	.modal-dialog-centered { display: block !important; }
	.modal-dialog { margin: 0 auto !important; }
	.modal-header { padding: 0 1rem 1rem 1rem !important; }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.header video { left: -100%; }
	.logo a img { width: 230px; }
	.payoff { font-size: 32px; width: 100%; text-align: center; position: relative; right: 0; margin-top: 360px;}
	/*.payoff-int { font-size: 1.35rem; line-height: 1.2; margin-top: 20px; }*/
	.block-1 { height: 500px; min-height: unset; }
	.block-1-container { margin-left: 75px; }
	.block-1 video { width: 1280px; left: unset; right: -15%; }
	.block-1-title { font-size: 40px; line-height: 48px; width: 50%; }
	.block-1-video-mobile { display: none; }
	.block-1-text { font-size: 22px; line-height: 28px; width: 50%; }
	.block-2 { background: url('../img/protesta-mobile.jpg') no-repeat center bottom; background-size: 100%; }
	#sfondo, #donna { display: none; }
	.block-2-container { width: 100%; margin: 40px auto 0 auto; }
	.block-2-title { font-size: 75px; font-weight: 900; line-height: 75px; text-shadow: 0 0 5px #fff, 0 0 7px #fff, 0 0 10px #fff, 0 0 15px #fff; }
	.block-2-text-small { font-size: 24px; font-weight: 500; line-height: 30px; text-shadow: 0 0 5px #fff, 0 0 7px #fff, 0 0 10px #fff, 0 0 15px #fff; }
	.block-2-text-medium { font-size: 32px; font-weight: 700; line-height: 52px; text-shadow: 0 0 5px #fff, 0 0 7px #fff, 0 0 10px #fff, 0 0 15px #fff; }
	.block-2-text-big { font-size: 48px; font-weight: 900; line-height: 30px; text-shadow: 0 0 5px #fff, 0 0 7px #fff, 0 0 10px #fff, 0 0 15px #fff; }
	.block-3-text-sx, .block-3-text-dx { text-align: left; padding: 0 15px; }
	.block-3-text-sx { font-size: 24px; font-weight: 300; line-height: 30px; text-align: center; margin-top: 0; margin-bottom: 30px; }
	.block-3-text-dx { font-size: 24px; font-weight: 300; line-height: 30px; text-align: center; margin-top: 0; margin-bottom: 0; }
	.block-3-pugno { width: 350px; height: 336px; margin: 0 auto 30px auto; }
	.block-3-pugno img { width: 350px; height: 336px; }
	.block-4 { height: unset; }
	.block-4 video { display: none; }
	.block-4-title { font-size: 36px; text-align: center; }
	.block-4-text { font-size: 20px; line-height: 28px; }
	.block-4-sx { padding-top: 50px; padding-bottom: 50px; margin-top: 0; }
	.block-4-manifesto { margin-bottom: 0;}
	.btn-manifesto { width: 90%; margin-left: auto; margin-right: auto; }
	.block-4-dx video { display: block; position: absolute; height: 100%; left: 0; top: 0; }
	.footer { padding-right: 25px !important; padding-left: 25px !important; }
	.footer-copyright { font-size: 12px; font-weight: 400; line-height: normal; color: #000; margin-bottom: 64px; }
	.footer-copyright a { color: #000; text-transform: uppercase; text-decoration: none;}
	.footer-copyright a:hover { color: #000; text-decoration: underline; }
}

@media screen and (min-width: 768px) {
	.logo-column-mobile { display: none; }
	.logo-column-desktop { display: block; }
	.block-4 video { display: none; }
	.block-4-dx video { display: block; }
}

@media screen and (max-width: 767px) {
	.logo { padding-top: 25px; padding-left: 0; }
	.logo-int { text-align: center; }
	.logo a { margin: 0 auto; }
	.logo a img {width: 230px; }
	.header-int  {
		background: rgb(255,255,255);
		background: -moz-linear-gradient(0deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.5) 100%),url(assets/img/bandiera.png) no-repeat right bottom; background-size: 80% auto;
		background: -webkit-linear-gradient(0deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.5) 100%),url(assets/img/bandiera.png) no-repeat right bottom; background-size:  80% auto;
		background: linear-gradient(0deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.5) 100%),url(assets/img/bandiera.png) no-repeat right bottom; background-size:  80% auto;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
	}
	.header video { top: 50px; left: 0; width: 960px; transform: translateX(-30%); }
	.payoff { font-size: 32px; width: 100%; text-align: center; position: relative; right: 0; margin-top: 400px;}
	.payoff-int {font-size: 3rem; margin-bottom: 30px; position: relative; top: 0; transform: translateY(0); }
	.block-1 { min-height: unset; }
	#block-1-video { width: unset; height: 100%; right: -10%; }
	.block-1-video-mobile { display: block; }
	.block-1 { height: unset; padding: 50px 0; }
	.block-1-container { width: 92%; margin: 50px 20px; }
	.block-1-title { font-size: 32px; line-height: 38px; text-align: left; }
	.block-1-text { font-size: 16px; line-height: 20px; width: 100%; text-align: left; }
	.block-1-video-mobile { line-height: 0; }
	#video-block-2 { width: 100%; position: relative; }
	.block-2 { background: url('../img/protesta-mobile.jpg') no-repeat center bottom; background-size: 100%; }
	#sfondo, #folla, #folla-1, #donna { display: none; }
	.block-2-container { width: 96%; margin: 75px auto 30px auto; }
	.block-2-title { font-size: 75px; font-weight: 900; line-height: 75px; text-shadow: 0 0 5px #fff, 0 0 7px #fff, 0 0 10px #fff, 0 0 15px #fff; }
	.block-2-text-small { font-size: 24px; font-weight: 500; line-height: 30px; margin-bottom: 0; text-shadow: 0 0 5px #fff, 0 0 7px #fff, 0 0 10px #fff, 0 0 15px #fff; }
	.block-2-text-medium { font-size: 32px; font-weight: 700; line-height: 52px; margin-bottom: 0; text-shadow: 0 0 5px #fff, 0 0 7px #fff, 0 0 10px #fff, 0 0 15px #fff; }
	.block-2-text-big { font-size: 48px; font-weight: 900; line-height: 30px; text-shadow: 0 0 5px #fff, 0 0 7px #fff, 0 0 10px #fff, 0 0 15px #fff; }
	.block-3 { padding-top: 10px; padding-bottom: 40px; }
	.block-3-pugno { width: 250px; height: 240px; margin: 0 auto 30px auto; }
	.block-3-pugno img { width: 250px; height: 240px; }
	.block-3-text-sx, .block-3-text-dx { text-align: left; padding: 0 15px; }
	.block-3-text-sx { font-size: 16px; font-weight: 300; line-height: 22px; text-align: center; margin-top: 0; margin-bottom: 30px; }
	.block-3-text-dx { font-size: 16px; font-weight: 300; line-height: 22px; text-align: center; margin-top: 0; margin-bottom: 0; }
	.block-3-cta { margin-top: 40px; margin-left: 30px; }
	.block-3-cta a img { width: 260px; height: auto; }
	.block-4 { height: unset; }
	.block-4 video { display: none; }
	.block-4-title { font-size: 50px; font-weight: 900; line-height: 1; margin-bottom: 15px; }
	.block-4-text { font-size: 24px; font-weight: 500; line-height: 30px; margin-top: 0; margin-bottom: 0; }
	.block-4-manifesto { margin-bottom: 0; }
	.block-4-dx { line-height: 0; }
	.block-4-dx video { display: block; left: 0; width: 100%; height: unset; }
	.block-5-title, .block-6-title { font-size: 2.2rem;; }
	.footer { padding-top: 50px; padding-right: 30px !important; padding-bottom: 50px; padding-left: 30px !important;}
	.footer-copyright { font-size: 12px; margin-bottom: 10px; text-align: center; }
	.footer-inkdigital { font-size: 12px; margin-bottom: 40px; text-align: center;}
	.logo-column-mobile { display: block; margin-bottom: 40px; }
	.logo-column-desktop { display: none; }
	.footer-logo { text-align: center; margin-bottom: 30px; }
	.footer-social { text-align: center; margin-bottom: 0; }
	.footer-social a.link-social img { margin-left: 0; }
	a.link-social { margin-right: 20px; }
	.single-content article { padding-right: 10px; }
	.gallery-columns-2 figure.gallery-item { width: 100%; float: none; }
	.gallery-columns-3 figure.gallery-item { width: 100%; float: none; }
	.gallery-columns-4 figure.gallery-item { width: 100%; float: none; }
	.gallery-columns-5 figure.gallery-item { width: 100%; float: none; }
	.gallery-columns-6 figure.gallery-item { width: 100%; float: none; }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
	.logo a { margin: 0 auto; }
	.modal-dialog { margin: 0 auto 1.75rem auto !important; max-width: 800px !important; }
	.modal-header { padding: 0 1rem 1rem 1rem !important; }
	.block-1-container { width: 50%; margin: 50px 20px 50px 70px; }
	.block-3-text-sx-mobile, .block-3-text-dx-mobile { display: none; }
}

@media screen and (min-width: 576px) {
	.modal-dialog { margin: 0 auto 1.75rem auto !important; max-width: 800px !important; }
	.modal-header { padding: 0 1rem 1rem 1rem !important; }
	.block-3-text-sx-mobile, .block-3-text-dx-mobile { display: none; }
}

@media screen and (max-width: 575px) {
	.header {  height: 500px; }
	.logo a { margin: 0 auto; }
	.logo a img { width: 170px; }
	.payoff { font-size: 22px; line-height: 28px; margin-top: 300px; }
	.block-1 { min-height: unset; }
	.block-1 video { right: -30% !important; }
	.block-2-text-small { font-size: 20px; line-height: 34px; margin-bottom: 10px;text-shadow: 0 0 5px #fff, 0 0 7px #fff, 0 0 10px #fff, 0 0 15px #fff; }
	.block-2-text-medium { font-size: 26px; line-height: 32px; margin-bottom: 20px;text-shadow: 0 0 5px #fff, 0 0 7px #fff, 0 0 10px #fff, 0 0 15px #fff; }
	.block-2-text-big { font-size: 36px;text-shadow: 0 0 5px #fff, 0 0 7px #fff, 0 0 10px #fff, 0 0 15px #fff; }
	.block-2-title { font-size: 60px; line-height: 66px; text-shadow: 0 0 5px #fff, 0 0 7px #fff, 0 0 10px #fff, 0 0 15px #fff; }
	.block-3-pugno { width: 250px; height: 240px; margin: 0 auto 30px auto; }
	.block-3-pugno img { width: 250px; height: 240px; }
	.block-3-title { font-size: 38px; margin-bottom: 15px;}
	.block-3-graph { margin-bottom: 15px; }
	.block-3-graph img { width: 80%; height: 2px; }
	.block-3-text-sx-mobile { font-size: 14px; font-weight: 300; line-height: 22px; text-align: center; margin-top: 0; margin-bottom: 20px; padding: 0 15px; }
	.block-3-text-sx { display: none; }
	.block-3-text-dx-mobile { font-size: 14px; font-weight: 300; line-height: 22px; text-align: center; margin-top: 0; margin-bottom: 0; padding: 0 15px; }
	.block-3-text-dx { display: none; }
	.block-3-cta a img { width: 220px; height: auto; }
	.block-3-cta-end { margin-left: 0; font-size: 34px; }
	.block-4-megafono img { width: 45px; }
	.block-4-title { font-size: 40px; }
	.block-4-text { font-size: 20px; line-height: 26px; }
	.block-4-graph img { width: 80%; height: 2px; }
	.btn-manifesto { width: 300px; }
	.footer { padding-top: 25px; padding-bottom: 25px; }
	.footer-inkdigital { margin-bottom: 0; }
}

@media screen and (max-width: 400px) {
	.modal-dialog { margin: 0 auto 1.75rem auto !important; max-width: 800px !important; }
	.modal-header { padding: 0 1rem 1rem 1rem !important; }
	.payoff { font-size: 22px; line-height: 28px; }
	#block-1-video { right: -40%; }
	.block-4 video { display: none; }
	.block-4-dx video { display: block; }
}