*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }

.assistive-text { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }

html { font-size: 62,5% }
body { font-family: open sans, Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight: 100; color: #000; /*text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.35);*/ }

a { color: #f0f0f0; text-decoration: none; }
a:hover { color: #000 }

strong { font-family: lato-light, Arial,'Helvetica Neue',Helvetica,sans-serif; }

.rep-logo { position: absolute; left: 18px; top: 0; width: 90px; height: 60px; background: url('https://www.repstatic.it/cless/main/nazionale/2013-v1/img/common/repubblica-logo-small.png') 2px 5px no-repeat; }
.svg .rep-logo { background: url('https://www.repstatic.it/cless/main/nazionale/2013-v1/img/common/repubblica-logo-small.svg') 2px 5px no-repeat }

.section-title { font-family: 'fjalla one', Arial,'Helvetica Neue',Helvetica,sans-serif; position: absolute; left: 100px; top: 8px; color: #000000; padding: 0.1em 0.5em; font-size: 1.1em; text-transform:uppercase; text-shadow:none }

.main-header { /*padding: 1.875em 1.875em 1.875em; left: 20%;*/ position: fixed; z-index: 1000; width: 100%;  background: #fff; height: 65px; top: -65px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.main-header.fixed { top: 0 }

html, body, .container, .cbp-fbscroller, .cbp-fbscroller section { height: 100% }

.cbp-fbscroller > nav { position: fixed; z-index: 9999; right: 2%; top: 50%; width: 26px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.cbp-fbscroller > nav a { display: block; position: relative; z-index: 9999; color: transparent; width: 20px; height: 20px; outline: none; margin: 25px 0; border-radius: 50%; border: 1px solid #167bbf; background: none; /*box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.35) */}
.no-touch .cbp-fbscroller > nav a:hover { background: #167bbf }

.cbp-fbscroller > nav a.cbp-fbcurrent { background: #167bbf}
.cbp-fbscroller section { position: relative; background-position: top center; background-repeat: no-repeat; background-size: cover; }
.no-touch .cbp-fbscroller section { background-attachment: fixed }

#fbsection0 {  background:#fff; color:#167bbf; /* background-image: url(../images/bg1.png); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.../images/bg1.png',sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg1.png', sizingMethod='scale')";  */}

#fbsection1 { background-image: url(../images/bg2.png); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.../images/bg2.png',sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg2.png', sizingMethod='scale')"; }

#fbsection2 { background-image: url(../images/bg3.png); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.../images/bg3.png',sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg3.png', sizingMethod='scale')"; }

#fbsection3 { background-image: url(../images/bg4.png); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.../images/bg4.png',sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg4.png', sizingMethod='scale')"; }

#fbsection4 { background-image: url(../images/bg5.png); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.../images/bg5.png',sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg5.png', sizingMethod='scale')"; }

.cbp-fbscroller section .content { position: absolute; top: 30%; /*padding: 5em; background-color: rgba(0,0,0, 0.90);background: none\9; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#30000000',endColorstr='#30000000')*/  /*-webkit-border-radius:5px; -moz-border-radius: 5px; border-radius: 5px; */}
.cbp-fbscroller section h2 { font-family: 'fjalla one',Arial,'Helvetica Neue',Helvetica,sans-serif; font-size: 3em; margin-bottom: 0.5em; text-transform:uppercase; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; /*border-bottom: 1px #0098C4 solid; */}
.cbp-fbscroller section p { font-size: 2em }
.cbp-fbscroller section li { font-size: 1.5em; margin-bottom: 0.7em; list-style-type: none; }

#fbsection0 .main-logo {display: block;margin:0 auto;}
#fbsection0 h2 { font-family: 'fjalla one', Arial,'Helvetica Neue',Helvetica,sans-serif; font-size: 10em;  margin: 0; text-transform:uppercase}
#fbsection0 p { font-size: 3.2em; margin:0; }

#fbsection1 h2, #fbsection1 li, #fbsection3 h2, #fbsection3 li { color: #ffffff; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.60); }


#fbsection0 .content  { text-align:center; left:0; /* margin-left: -30%; */ width:100%}
#fbsection1 .content , #fbsection3 .content  { left: 5% }
#fbsection2 .content , #fbsection4 .content  { right: 5% }


#fbsection2 .content, #fbsection4 .content { padding: 2em 0 2em 2em; 
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(247,247,247,0.8) 0%, rgba(247,247,247,0.8) 50%, rgba(247,247,247,0.8) 52%, rgba(247,247,247,0.8) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(247,247,247,0.8)), color-stop(50%,rgba(247,247,247,0.8)), color-stop(52%,rgba(247,247,247,0.8)), color-stop(100%,rgba(247,247,247,0.8))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(247,247,247,0.8) 0%,rgba(247,247,247,0.8) 50%,rgba(247,247,247,0.8) 52%,rgba(247,247,247,0.8) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(247,247,247,0.8) 0%,rgba(247,247,247,0.8) 50%,rgba(247,247,247,0.8) 52%,rgba(247,247,247,0.8) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(247,247,247,0.8) 0%,rgba(247,247,247,0.8) 50%,rgba(247,247,247,0.8) 52%,rgba(247,247,247,0.8) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(247,247,247,0.8) 0%,rgba(247,247,247,0.8) 50%,rgba(247,247,247,0.8) 52%,rgba(247,247,247,0.8) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08f7f7f7', endColorstr='#08f7f7f7',GradientType=1 ); /* IE6-8 */

}


@-moz-keyframes bounce { 
	0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(); transform: translateY(); }
	40% { -moz-transform: translateY(-30px); transform: translateY(-30px); }
	60% { -moz-transform: translateY(-15px); transform: translateY(-15px); }
}
@-webkit-keyframes bounce { 
	0%, 20%, 50%, 80%, 100% { bottom: 0; // -webkit-transform: translateY(0); // transform: translateY(0); }
	40% { bottom: 30px; //-webkit-transform: translateY(-30px); //transform: translateY(-30px); }
	60% { bottom: 15px; //-webkit-transform: translateY(-15px); //transform: translateY(-15px); }
}
@keyframes bounce { 
	0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(); -ms-transform: translateY(); -webkit-transform: translateY(); transform: translateY(); }
	40% { -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -webkit-transform: translateY(-30px); transform: translateY(-30px); }
	60% { -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -webkit-transform: translateY(-15px); transform: translateY(-15px); }
}
.arrow { position: absolute; bottom: 0; left: 50%; margin-left: -30px; display: block; width: 60px; height: 40px; background: url(../images/arrow.png) 0 0 no-repeat; -moz-animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; }

/*Gigya*/
#share-detail { position: absolute; right: 10px; top: 15px; }

@media only screen and (max-width:768px) { 
	html { font-size: 62,5% }
	/*.section-title { font-size: 0.9em }	*/
	/* #fbsection0 .content  { text-align:center; left:0; margin-left: 0; width: 100%} */
	/* #fbsection0 h2 {} */
	/*#fbsection0 h2 {font-size: 8em }
	#fbsection0 p {font-size: 2.5em }*/
}
@media only screen and (max-width:568px) { 
	html { font-size: 56% }
	#share-detail { position: absolute; right: 10px; top: 65px; }
	.cbp-fbscroller section .content { width: 100%; left: 0 !important; padding-right: 12%; }
	#fbsection0 .content { width: 100%; margin-left: 0}
	.section-title { left: 120px; top: 15px; padding: 0.5em 0.5em; }
	#fbsection0 .main-logo { width: 28em}
}
@media only screen and (max-width:568px) and (orientation:landscape) { 
	#share-detail { top: 15px }
	.cbp-fbscroller > nav { top: 60% }
}