@charset "UTF-8";
/* CSS Document */

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

.clearfix:before, 
.clearfix:after  
{ 
		display: table; 
		content: ''; 
}

.clearfix:after  
{ 
		clear: both; 
}

html, 
body, 
.container, 
.header, 
.bg-img  
{ 
		height: 100%;
}

body, 
html  
{ 
		font-size: 100%;
		/*GLOBAL MULTIPLIER AFFECTING EVERYTHING*/
		/************************************************************************************************************************************************************************************************************FONT SIZE*/
		padding: 0;
		margin: 0;
}
	
html  
{ 
		font-family:'Lato', Calibri, Arial, sans-serif;
		-webkit-text-size-adjust:100%;
		    -ms-text-size-adjust:100%;
		overflow: hidden;
		/*This last parameter (overflow) makes it is possible to disable scroll in the first page,
		forcing to press the button, and then scroll over the entire text...
		but it is not possible to go back to the initial picture, nor scrolling nor in any other way*/
}
	
body  
{ 
		color: #69606b;
		/*GENERAL FONT
		NOT overriden below*/
		/******************************************************************************************************************************************************************************************************************************************COLOR*/		
		/*New background effect!!!!*/
		/*background:*/ /* top, translucent red, faked with gradient */
					/*linear-gradient(rgba(240,240,240, 0.9), rgba(240,240,240, 0.9)),*/
					/*OVER THE BG IMAGE POST PUSH-EFFECT*/
		                                                                                                                                                                                                                                     /***********/
		            /******************************************************************************************************************************************************************************************************************************COLOR*/
		                                                                                                                                                                                                                                     /***********/
					/*url('../../img/index_4text/0S2.jpg');*/
					/* bottom, image */
		/*background-attachment: fixed;
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;*/
		/*New background effect!!!!*/
				
		background-color: rgb(240,240,240);
		/*BG POST PUSH-EFFECT
		in case we wanted a plain one*/
		                                                                                                                                                                                                                                     /***********/
		/******************************************************************************************************************************************************************************************************************************************COLOR*/
		                                                                                                                                                                                                                                     /***********/
		
		line-height: 1.5;
		font-family: 'Lato',Calibri,Arial,sans-serif;
		font-weight: normal;
		text-rendering: optimizeLegibility;
		-webkit-font-smoothing: antialiased;
		overflow-x: hidden;
		margin:0;
}
	
.header  
{ 
		margin: 0 auto;
		min-height: 560px;
		width: 100%;
}

.title  
{ 
		z-index: 1000;
		margin: 0 auto;
		padding: 0 0.75em 0 0.75em;
		width: 100%;
		text-align: center;
		position: fixed;
		top: 50%;
		left: 50%;
		-webkit-transform: translateX(-50%) translateY(-50%);
		        transform: translateX(-50%) translateY(-50%);
}

.title h1  
{ 
		line-height: 1;
		padding: 0 0.75em 0.2em 0.75em;
		/*TITLE H1*/
		/***************************************************************************************************************************************************************PADDING*/
		color: #4b4b4b;
		/*TITLE H1*/
		/******************************************************************************************************************************************************************************************************************************************COLOR*/
		font-weight: 800;
		font-size: 3.5em;
		/*TITLE H1*/
		/************************************************************************************************************************************************************************************************************FONT SIZE*/
		margin: 0 auto;
		/*TITLE H1*/
		/***************************************************************************************************************************************************************MARGIN*/
}

.title p  
{ 
		color: #4b4b4b;
		/*TITLE P*/
		/******************************************************************************************************************************************************************************************************************************************COLOR*/
		padding: 0 0.75em 0.6em 0.75em;
		/*TITLE P*/
		/***************************************************************************************************************************************************************PADDING*/
		font-weight: 300;
		font-size: 1.25em;
		/*TITLE P*/
		/************************************************************************************************************************************************************************************************************FONT SIZE*/
		margin: 0 2em 0 2em;
		/*TITLE P*/
		/***************************************************************************************************************************************************************MARGIN*/
}

.title p.subline  
{ 
		line-height: 1;
		margin: 0 auto;
		/*TITLE SUBLINE*/
		/***************************************************************************************************************************************************************MARGIN*/
		font-size: 2.5em;
		/*TITLE SUBLINE*/
		/************************************************************************************************************************************************************************************************************FONT SIZE*/
}

strong  
{ 
		font-weight:bold;
}

.content  
{ 
		margin: 0 2em 0 2em;
		/*MAIN TEXT*/
		/***************************************************************************************************************************************************************MARGIN*/
		padding: 0 0 3em;
		text-align: justify;
    	text-justify: inter-word;
}

.content > div:not(.title)  
{ 
		margin: -80px auto 0;
		max-width: 900px;
		padding: 0 1.25em;
}

.content > div:not(.title) p  
{ 
		margin: 0 auto 1.5em auto;
}

.content > div:not(.title) p:first-child  
{ 
		font-size: 1.6em;
		/*FIRST PARAGRAPH*/
		/************************************************************************************************************************************************************************************************************FONT SIZE*/
		font-weight: 600;
}

.content h3  
{ 
		margin: 0;
		font-size: 1.4em;
		/*INTER TITLE*/
		/************************************************************************************************************************************************************************************************************FONT SIZE*/
}

.content p  
{ 
		font-size: 1.2em;
		/*MAIN TEXT*/
		/************************************************************************************************************************************************************************************************************FONT SIZE*/
}

.content blockquote  
{ 
		padding: 0.5em 0.5em 0.5em 0.5em;
		/*BLOCK QUOTE*/
		/***************************************************************************************************************************************************************PADDING*/
		font-style: italic;
		font-size: 1.65em;
		/*BLOCK QUOTE*/
		/************************************************************************************************************************************************************************************************************FONT SIZE*/
		font-family: 'Lato', Calibri, Arial, sans-serif;
		line-height: 1.4;
		text-align: center;
    	text-justify: none;
}

.content blockquote::before  
{ 
		content: '\201C';
}

.content blockquote::after  
{ 
		content: '\201D';
}

.text_hyperlink  
{ 
		text-decoration: none;
		outline: none;
		color: rgb(50, 100, 255);
		/*TEXT HYPERLINK*/
		                                                                                                                                                                                                                                     /***********/
		/******************************************************************************************************************************************************************************************************************************************COLOR*/
		                                                                                                                                                                                                                                     /***********/
}

.intro
{
	font-family: 'Archivo Black';
}

#redpill  
{ 
		
		color: rgb(255, 61, 61);
		/*TEXT HYPERLINK*/
		                                                                                                                                                                                                                                     /***********/
		/******************************************************************************************************************************************************************************************************************************************COLOR*/
		                                                                                                                                                                                                                                     /***********/
}

#bluepill  
{ 
		color: rgb(33, 140, 255);
		/*TEXT HYPERLINK*/
		                                                                                                                                                                                                                                     /***********/
		/******************************************************************************************************************************************************************************************************************************************COLOR*/
		                                                                                                                                                                                                                                     /***********/
}

.intro-effect-push > .title  
{ 
		position: relative;
		top: auto;
		left: auto;
		padding: 6em 1em 2em;
		/*TITLE*/
		/***************************************************************************************************************************************************************PADDING*/
}

.intro-effect-push .content > div  
{ 
		margin-top: 50px;
		/*MAIN TEXT*/
		/***************************************************************************************************************************************************************MARGIN*/
		color: #69606b;
		/*MAIN TEXT COLOR*/
		/******************************************************************************************************************************************************************************************************************************************COLOR*/
}

@media screen and (max-width: 47em)  
{ 
	.title, 
	.content  
	{ 
			font-size: 85%;
			/*TITLE CONTENT*/
			/************************************************************************************************************************************************************************************************************FONT SIZE*/
	}
}

@media screen and (max-width: 27em)  
{ 
	.title, 
	.content  
	{ 
			font-size: 75%;
			/*TITLE CONTENT*/
			/************************************************************************************************************************************************************************************************************FONT SIZE*/
	}
}