BODY {font-family: Tahoma, Roboto, Arial, Helvetica, sans-serif;
      color: #464958;
	  margin: 0px;
	  padding: 10px;
      background-color: #E5E5E5;}

/* General page area */
.general_block {max-width: 1200px;
                background-color: #FFFFFF}

/* General page header */
.general_header { width: 100%;
                  height: auto;
	              background: radial-gradient(100% 452.02% at 12.86% 0%, #463A6A 0%, #272A36 100%);}
				  
/* General logo image*/
.general_logo {width: 100%
               max-width: 486px;}
				  
				  
/* General contacts section */
.general_contacts { background-color: #111318;

                    display: flex;
                    flex-direction: row;
                    align-items: flex-start;
                    padding: 10px;
                    gap: 10px;

                    flex: none;
				    flex-wrap: wrap;
                    align-self: stretch;
                    flex-grow: 0;}
				  
/* Main text block (flow) */
.text_flow { display: flex;
             flex-direction: column;
             align-items: flex-start;
             padding: 30px;
             gap: 30px;

             flex: none;
             order: 1;
			 flex-grow: 0;}	 

/* Primary header and annotation */			 
.header_1 { display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 0px;
            gap: 5px;

            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;}

/* H1 */
H1 {font-style: normal;
    font-weight: 400;
    font-size: 52pt;
    line-height: auto;
	color: #20222D;
	
	margin-bottom: 5px;}
	
/* H2 */	
H2 {width: 100%;

    font-style: normal;
    font-weight: 400;
    font-size: 42pt;
    line-height: 48pt;

    color: #20222D;
	
	border-bottom: 1px solid #C0C4D7;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	
    flex: none;
    align-self: stretch;
    flex-grow: 0;	
}

/* H3 */
H3 { font-style: normal;
     font-weight: 400;
     font-size: 14pt;
     line-height: 20pt;

     color: #20222D;
	 
	 border-bottom: 1px solid #C0C4D7;
	
     flex: none;
     align-self: stretch;
     flex-grow: 0;}
	 
	 

/* Unordered list (imitated) */

.a-la-list { display: flex;
             flex-direction: column;
             align-items: flex-start;
             padding: 10px;
             gap: 0px;

             flex: none;
             order: 1;
             align-self: stretch;
             flex-grow: 0;}
			 
.a-la-li { display: flex;
           flex-direction: row;
           align-items: flex-start;
           padding: 10px;
           gap: 10px;}

.a-la-li-image { width: 35px;
                 height: 33px;

                 flex: none;
				 order: 0;
				 flex-grow: 0;}
				 
.a-la-li_text { font-style: normal;
                font-weight: 400;
                font-size: 16pt;
                line-height: 31px;

                flex-grow: 1;}
				
/* Illustration image block */

.text_image { display: flex;
              flex-direction: column;
              justify-content: center;
              align-items: center;
              padding: 0px;
              gap: 10px;

              flex: none;
              align-self: stretch;
              flex-grow: 0;}
			  
.text_image IMG {width: 100%;
                 max-width: 1000px;}
   
/* Page annotation */
.page_annotation { font-style: normal;
                   font-weight: 400;
                   font-size: 16pt;
                   line-height: 24pt;
                   color: #20222D;

                   flex: none;
                   order: 1;
                   align-self: stretch;
                   flex-grow: 0;}


/* General definition of a text/page block */				   
.text_block { font-style: normal;
              font-weight: 400;
              font-size: 16pt;
              line-height: 22pt;

              flex: none;
              /* order: 1; - to be set inline */
              align-self: stretch;
              flex-grow: 0;
}

/* Subtle paragraph */
.subtle { font-style: normal;
          font-weight: 400;
          font-size: 13pt;
          line-height: 17pt;}
		  
/* Double flex block */
.double_block { display: flex;
                flex-direction: row;
                align-items: flex-start;
                padding: 10px;
                gap: 10px;

                flex: none;
				flex-wrap: wrap;
                align-self: stretch;
                flex-grow: 0;}
				
.inner_parallel_block { display: flex; /* Blocks w/o background */
                        flex-direction: column;
                        align-items: flex-start;
                        padding: 10px;
                        gap: 5px;
						
						flex: 1 0;
						
                        flex-wrap: wrap;}
						
.inner_parallel_block_grey { display: flex; /* Bloack with grey background */
                             flex-direction: column;
                             align-items: flex-start;
                             padding: 10px;
                             gap: 5px;
							 
							 background-color: #F2F3F5;
							 border-radius: 3px;

                             flex-grow: 1;}		

.inner_parallel_block_contacts { color: #979CB4; /* Block for contacts section */
                                 font-size: 10pt;
								 
                                 display: flex;
                                 flex-direction: column;
                                 align-items: flex-start;
                                 padding: 10px;
                                 gap: 5px;

                                 flex: 1 1 0;
                                 flex-wrap: wrap;}

/* Elements for contacts section */

.contacts_highlight {color: #FFFFFF;} /* Colour highlight */
.contacts_highlight_header {color: #FFFFFF; /* Colour highlight with additional accent */
                            font-weight: 600;}

.underlined_block {width: 100%; /* Underlined blocks for the contacts section */
	               border-bottom: 1px solid #464958;
                   padding-left: 10px;
				   padding-bottom: 20px;}
				   
.non-underlined_block {width: 100%;	                   
                       padding-left: 10px;}
						
/* Unordered list for double blocks (imitated) */

.a-la-list_par { display: flex;
                 flex-direction: column;
                 align-items: flex-start;
                 padding: 10px;

                 flex: none;
                 order: 1;
                 align-self: stretch;
                 flex-grow: 0;}
			 
.a-la-li_par { display: flex;
               flex-direction: row;
               align-items: flex-start;
               padding: 5px;
               gap: 10px;			   
			   
			   flex: none;
               align-self: stretch;
               flex-grow: 0;}

.a-la-li-image_par { width: 35px;
                     height: 33px;

                     flex: none;
				     order: 0;
				     flex-grow: 0;}
				 
.a-la-li_text_par { font-style: normal;
                    font-weight: 400;
                    font-size: 12pt;
                    line-height: 16pt;

					flex-grow: 1;}

.inner_parallel_block_grey .a-la-list_par .a-la-li-image_par { width: 24px;
                                          			           height: 24px;
                                                             }

/* Links */
A {color: #5267FF;}

.a-la-list_par A {color: inherit;
                  text-decoration: none;}

.a-la-list_par A:hover {color: inherit;
                        text-decoration: underline;}			  


/* Narrow or mobile screen */

@media screen and (max-width: 700px) {
	
    body {padding: 0px;}

	.text_flow {padding: 20px;}
	
	H1 {font-size: 42pt;
	    line-height: 42pt;}
	
	.double_block {padding: 0px;}
	
	.inner_parallel_block {flex: auto;
	                       flex-grow: 1;}						   
	
}

@media screen and (max-width: 530px) {
	
	H1 {font-size: 28pt;
	    line-height: 32pt;}	
		
	H2 {font-size: 24pt;
	    line-height: 28pt;}			
	
	.text_flow {padding: 10px;}
	
	.inner_parallel_block_contacts {flex: auto;
	                                flex-grow: 1;}
	
}

@media screen and (max-width: 440px) {
	
	.general_logo {width: 100%;
	               height: auto;}
	
}